pagination: joins

Core/API/GroupsAPI.class.php

@@ -32,11 +32,14 @@ namespace Core\API\Groups {
   use Core\API\Parameter\StringType;
   use Core\API\Traits\Pagination;
   use Core\Driver\SQL\Column\Column;
+  use Core\Driver\SQL\Condition\Compare;
   use Core\Driver\SQL\Expression\Alias;
   use Core\Driver\SQL\Expression\Count;
+  use Core\Driver\SQL\Join\InnerJoin;
   use Core\Objects\Context;
   use Core\Objects\DatabaseEntity\Controller\NMRelation;
   use Core\Objects\DatabaseEntity\Group;
+  use Core\Objects\DatabaseEntity\User;
 
   class Fetch extends GroupsAPI {
 
@@ -98,13 +101,48 @@ namespace Core\API\Groups {
         return $this->createError("Group not found");
       } else {
         $this->result["group"] = $group->jsonSerialize();
-        $this->result["group"]["members"] = $group->getMembers($sql);
       }
 
       return true;
     }
   }
 
+  class GetMembers extends GroupsAPI {
+
+    use Pagination;
+
+    public function __construct(Context $context, bool $externalCall = false) {
+      $paginationParams = self::getPaginationParameters(["id", "name", "fullName"]);
+      $paginationParams["id"] = new Parameter("id", Parameter::TYPE_INT);
+      parent::__construct($context, $externalCall, $paginationParams);
+    }
+
+    protected function _execute(): bool {
+      $sql = $this->context->getSQL();
+      $nmTable = NMRelation::buildTableName(User::class, Group::class);
+      $condition = new Compare("group_id", $this->getParam("id"));
+      $nmJoin = new InnerJoin($nmTable, "$nmTable.user_id", "User.id");
+      if (!$this->initPagination($sql, User::class, $condition, 100, [$nmJoin])) {
+        return false;
+      }
+
+      $userQuery = $this->createPaginationQuery($sql, null, [$nmJoin]);
+      $users = $userQuery->execute();
+      if ($users !== false && $users !== null) {
+        $this->result["members"] = [];
+
+        foreach ($users as $user) {
+          $this->result["users"][] = $user->jsonSerialize(["id", "name", "fullName", "profilePicture"]);
+        }
+      } else {
+        return $this->createError("Error fetching group members: " . $sql->getLastError());
+      }
+
+      return true;
+    }
+
+  }
+
   class Create extends GroupsAPI {
     public function __construct(Context $context, $externalCall = false) {
       parent::__construct($context, $externalCall, array(
@@ -160,17 +198,92 @@ namespace Core\API\Groups {
 
       $sql = $this->context->getSQL();
       $group = Group::find($sql, $id);
-
+      if ($group === false) {
-      $this->success = ($group !== FALSE);
+        return $this->createError("Error fetching group: " . $sql->getLastError());
-      $this->lastError = $sql->getLastError();
+      } else if ($group === null) {
-
-      if ($this->success && $group === null) {
         return $this->createError("This group does not exist.");
-      }
+      } else {
-
         $this->success = ($group->delete($sql) !== FALSE);
         $this->lastError = $sql->getLastError();
         return $this->success;
       }
     }
+  }
+
+  class AddMember extends GroupsAPI {
+    public function __construct(Context $context, bool $externalCall = false) {
+      parent::__construct($context, $externalCall, [
+        new Parameter("id", Parameter::TYPE_INT),
+        new Parameter("userId", Parameter::TYPE_INT)
+      ]);
+    }
+
+    protected function _execute(): bool {
+      $sql = $this->context->getSQL();
+      $groupId = $this->getParam("id");
+      $userId = $this->getParam("userId");
+      $group = Group::find($sql, $groupId);
+      if ($group === false) {
+        return $this->createError("Error fetching group: " . $sql->getLastError());
+      } else if ($group === null) {
+        return $this->createError("This group does not exist.");
+      }
+
+      $user = User::find($sql, $userId, true);
+      if ($user === false) {
+        return $this->createError("Error fetching user: " . $sql->getLastError());
+      } else if ($user === null) {
+        return $this->createError("This user does not exist.");
+      } else if (isset($user->getGroups()[$groupId])) {
+        return $this->createError("This user is already member of this group.");
+      }
+
+      $user->groups[$groupId] = $group;
+      $this->success = $user->save($sql, ["groups"], true);
+      if (!$this->success) {
+        return $this->createError("Error saving user: " . $sql->getLastError());
+      } else {
+        return true;
+      }
+    }
+  }
+
+  class RemoveMember extends GroupsAPI {
+    public function __construct(Context $context, bool $externalCall = false) {
+      parent::__construct($context, $externalCall, [
+        new Parameter("id", Parameter::TYPE_INT),
+        new Parameter("userId", Parameter::TYPE_INT)
+      ]);
+    }
+
+    protected function _execute(): bool {
+      $sql = $this->context->getSQL();
+      $groupId = $this->getParam("id");
+      $userId = $this->getParam("userId");
+      $group = Group::find($sql, $groupId);
+      if ($group === false) {
+        return $this->createError("Error fetching group: " . $sql->getLastError());
+      } else if ($group === null) {
+        return $this->createError("This group does not exist.");
+      }
+
+      $user = User::find($sql, $userId, true);
+      if ($user === false) {
+        return $this->createError("Error fetching user: " . $sql->getLastError());
+      } else if ($user === null) {
+        return $this->createError("This user does not exist.");
+      } else if (!isset($user->getGroups()[$groupId])) {
+        return $this->createError("This user is not member of this group.");
+      }
+
+      unset($user->groups[$groupId]);
+      $this->success = $user->save($sql, ["groups"], true);
+      if (!$this->success) {
+        return $this->createError("Error saving user: " . $sql->getLastError());
+      } else {
+        return true;
+      }
+    }
+  }
+
 }

Core/API/LanguageAPI.class.php

@@ -92,7 +92,7 @@ namespace Core\API\Language {
       $sql = $this->context->getSQL();
       $currentUser = $this->context->getUser();
       $currentUser->language = $this->language;
-      $this->success = $currentUser->save($sql, ["language_id"]);
+      $this->success = $currentUser->save($sql, ["language"]);
       $this->lastError = $sql->getLastError();
       return $this->success;
     }

Core/API/TfaAPI.class.php

@@ -148,7 +148,7 @@ namespace Core\API\TFA {
         $this->lastError = $sql->getLastError();
         if ($this->success) {
           $currentUser->setTwoFactorToken($twoFactorToken);
-          $this->success = $currentUser->save($sql, ["two_factor_token_id"]);
+          $this->success = $currentUser->save($sql, ["twoFactorToken"]);
           $this->lastError = $sql->getLastError();
         }
 

Core/API/Traits/Pagination.trait.php

@@ -21,14 +21,14 @@ trait Pagination {
     ];
   }
 
-  function initPagination(SQL $sql, string $class, ?Condition $condition = null, int $maxPageSize = 100): bool {
+  function initPagination(SQL $sql, string $class, ?Condition $condition = null, int $maxPageSize = 100, ?array $joins = null): bool {
     $this->paginationClass = $class;
     $this->paginationCondition = $condition;
     if (!$this->validateParameters($maxPageSize)) {
       return false;
     }
 
-    $this->entityCount = call_user_func("$this->paginationClass::count", $sql, $condition);
+    $this->entityCount = call_user_func("$this->paginationClass::count", $sql, $condition, $joins);
     if ($this->entityCount === false) {
       return $this->createError("Error fetching $this->paginationClass::count: " . $sql->getLastError());
     }
@@ -60,7 +60,7 @@ trait Pagination {
     return true;
   }
 
-  function createPaginationQuery(SQL $sql, array $additionalValues = []): DatabaseEntityQuery {
+  function createPaginationQuery(SQL $sql, ?array $additionalValues = null, ?array $joins = null): DatabaseEntityQuery {
     $page = $this->getParam("page");
     $count = $this->getParam("count");
     $orderBy = $this->getParam("orderBy");
@@ -76,12 +76,18 @@ trait Pagination {
       $entityQuery->where($this->paginationCondition);
     }
 
-    if (!empty($additionalValues)) {
+    if ($additionalValues) {
       foreach ($additionalValues as $additionalValue) {
         $entityQuery->addCustomValue($additionalValue);
       }
     }
 
+    if ($joins) {
+      foreach ($joins as $join) {
+        $entityQuery->addJoin($join);
+      }
+    }
+
     if ($orderBy) {
       $handler = $baseQuery->getHandler();
       $baseTable = $handler->getTableName();

Core/API/UserAPI.class.php

@@ -1236,7 +1236,7 @@ namespace Core\API\User {
 
       if ($this->success) {
         $currentUser->gpgKey = $gpgKey;
-        if ($currentUser->save($sql, ["gpg_key_id"])) {
+        if ($currentUser->save($sql, ["gpgKey"])) {
           $this->result["gpg"] = $gpgKey->jsonSerialize();
         } else {
           return $this->createError("Error updating user details: " . $sql->getLastError());
@@ -1490,7 +1490,7 @@ namespace Core\API\User {
 
       $sql = $this->context->getSQL();
       $currentUser->profilePicture = $fileName;
-      if ($currentUser->save($sql, ["profile_picture"])) {
+      if ($currentUser->save($sql, ["profilePicture"])) {
         $this->result["profilePicture"] = $fileName;
       } else {
         return $this->createError("Error updating user details: " . $sql->getLastError());
@@ -1517,7 +1517,7 @@ namespace Core\API\User {
       }
 
       $currentUser->profilePicture = null;
-      if (!$currentUser->save($sql, ["profile_picture"])) {
+      if (!$currentUser->save($sql, ["profilePicture"])) {
         return $this->createError("Error updating user details: " . $sql->getLastError());
       }
 

Core/Objects/DatabaseEntity/ApiKey.class.php

@@ -24,7 +24,7 @@ class ApiKey extends DatabaseEntity {
 
   public function refresh(SQL $sql, int $days): bool {
     $this->validUntil = (new \DateTime())->modify("+$days days");
-    return $this->save($sql, ["valid_until"]);
+    return $this->save($sql, ["validUntil"]);
   }
 
   public function revoke(SQL $sql): bool {

Core/Objects/DatabaseEntity/Controller/DatabaseEntity.class.php

@@ -161,10 +161,9 @@ abstract class DatabaseEntity implements ArrayAccess, JsonSerializable {
     }
   }
 
-  // TODO: rather take property names here instead of $columns? and translate then using DatabaseEntityHandler::columns[$propertyName]
+  public function save(SQL $sql, ?array $properties = null, bool $saveNM = false): bool {
-  public function save(SQL $sql, ?array $columns = null, bool $saveNM = false): bool {
     $handler = self::getHandler($sql);
-    $res = $handler->insertOrUpdate($this, $columns, $saveNM);
+    $res = $handler->insertOrUpdate($this, $properties, $saveNM);
     if ($res === false) {
       return false;
     } else if ($this->id === null) {
@@ -233,7 +232,7 @@ abstract class DatabaseEntity implements ArrayAccess, JsonSerializable {
     return $this->id;
   }
 
-  public static function count(SQL $sql, ?Condition $condition = null): int|bool {
+  public static function count(SQL $sql, ?Condition $condition = null, ?array $joins = []): int|bool {
     $handler = self::getHandler($sql);
     $query = $sql->select(new Count())
       ->from($handler->getTableName());
@@ -242,6 +241,12 @@ abstract class DatabaseEntity implements ArrayAccess, JsonSerializable {
       $query->where($condition);
     }
 
+    if ($joins) {
+      foreach ($joins as $join) {
+        $query->addJoin($join);
+      }
+    }
+
     $res = $query->execute();
 
     if (!empty($res)) {

Core/Objects/DatabaseEntity/Controller/DatabaseEntityHandler.php

@@ -366,7 +366,7 @@ class DatabaseEntityHandler implements Persistable {
     }
   }
 
-  public function updateNM(DatabaseEntity $entity): bool {
+  public function updateNM(DatabaseEntity $entity, ?array $properties = null): bool {
     if (empty($this->nmRelations)) {
       return true;
     }
@@ -381,12 +381,18 @@ class DatabaseEntityHandler implements Persistable {
 
 
       // delete from n:m table if no longer exists
+      $doDelete = true;
       $deleteStatement = $this->sql->delete($nmTable)
-        ->whereEq($thisIdColumn, $entity->getId());
+        ->whereEq($thisIdColumn, $entity->getId());  // this condition is important
 
       if (!empty($dataColumns)) {
         $conditions = [];
+        $doDelete = false;
         foreach ($dataColumns[$thisTableName] as $propertyName => $columnName) {
+          if ($properties !== null && !in_array($propertyName, $properties)) {
+            continue;
+          }
+
           $property = $this->properties[$propertyName];
           $entityIds = array_keys($property->getValue($entity));
           if (!empty($entityIds)) {
@@ -399,9 +405,13 @@ class DatabaseEntityHandler implements Persistable {
 
         if (!empty($conditions)) {
           $deleteStatement->where(new CondOr(...$conditions));
+          $doDelete = true;
         }
       } else {
         $property = next($nmRelation->getProperties($this));
+        if ($properties !== null && !in_array($property->getName(), $properties)) {
+          $doDelete = false;
+        } else {
           $entityIds = array_keys($property->getValue($entity));
           if (!empty($entityIds)) {
             $deleteStatement->where(
@@ -409,14 +419,17 @@ class DatabaseEntityHandler implements Persistable {
             );
           }
         }
+      }
 
+      if ($doDelete) {
         $deleteStatement->execute();
       }
-
-    return $this->insertNM($entity, true);
     }
 
-  public function insertNM(DatabaseEntity $entity, bool $ignoreExisting = true): bool {
+    return $this->insertNM($entity, true, $properties);
+  }
+
+  public function insertNM(DatabaseEntity $entity, bool $ignoreExisting = true, ?array $properties = null): bool {
 
     if (empty($this->nmRelations)) {
       return true;
@@ -446,7 +459,12 @@ class DatabaseEntityHandler implements Persistable {
         ]));
       }
 
+      $doInsert = false;
       foreach ($nmRelation->getProperties($this) as $property) {
+        if ($properties !== null || !in_array($property->getName(), $properties)) {
+          continue;
+        }
+
         $property->setAccessible(true);
         $relEntities = $property->getValue($entity);
         foreach ($relEntities as $relEntity) {
@@ -457,11 +475,14 @@ class DatabaseEntityHandler implements Persistable {
             }
           }
           $statement->addRow(...$nmRow);
+          $doInsert = true;
         }
       }
 
+      if ($doInsert) {
         $success = $statement->execute() && $success;
       }
+    }
 
     return $success;
   }
@@ -656,10 +677,10 @@ class DatabaseEntityHandler implements Persistable {
     return $query;
   }
 
-  private function prepareRow(DatabaseEntity $entity, string $action, ?array $columns = null): bool|array {
+  private function prepareRow(DatabaseEntity $entity, string $action, ?array $properties = null): bool|array {
     $row = [];
     foreach ($this->columns as $propertyName => $column) {
-      if ($columns && !in_array($column->getName(), $columns)) {
+      if ($properties !== null && !in_array($propertyName, $properties)) {
         continue;
       }
 
@@ -690,8 +711,8 @@ class DatabaseEntityHandler implements Persistable {
     return $row;
   }
 
-  public function update(DatabaseEntity $entity, ?array $columns = null, bool $saveNM = false) {
+  public function update(DatabaseEntity $entity, ?array $properties = null, bool $saveNM = false) {
-    $row = $this->prepareRow($entity, "update", $columns);
+    $row = $this->prepareRow($entity, "update", $properties);
     if ($row === false) {
       return false;
     }
@@ -704,9 +725,9 @@ class DatabaseEntityHandler implements Persistable {
       $query->set($columnName, $value);
     }
 
-    $res = $query->execute();
+    $res = empty($row) ? true : $query->execute();
     if ($res && $saveNM) {
-      $res = $this->updateNM($entity);
+      $res = $this->updateNM($entity, $properties);
     }
 
     return $res;
@@ -742,12 +763,12 @@ class DatabaseEntityHandler implements Persistable {
     }
   }
 
-  public function insertOrUpdate(DatabaseEntity $entity, ?array $columns = null, bool $saveNM = false) {
+  public function insertOrUpdate(DatabaseEntity $entity, ?array $properties = null, bool $saveNM = false) {
     $id = $entity->getId();
     if ($id === null) {
       return $this->insert($entity);
     } else {
-      return $this->update($entity, $columns, $saveNM);
+      return $this->update($entity, $properties, $saveNM);
     }
   }
 

Core/Objects/DatabaseEntity/MailQueueItem.class.php

@@ -99,7 +99,7 @@ class MailQueueItem extends DatabaseEntity {
       $this->status = self::STATUS_SUCCESS;
     }
 
-    $this->save($context->getSQL(), ["status", "retry_count", "next_try", "error_message"]);
+    $this->save($context->getSQL(), ["status", "retryCount", "nextTry", "errorMessage"]);
     return $success;
   }
 }

Core/Objects/DatabaseEntity/User.class.php

@@ -98,7 +98,7 @@ class User extends DatabaseEntity {
 
   public function update(SQL $sql): bool {
     $this->lastOnline = new \DateTime();
-    return $this->save($sql, ["last_online", "language_id"]);
+    return $this->save($sql, ["lastOnline", "language"]);
   }
 
   public function setTwoFactorToken(TwoFactorToken $twoFactorToken) {

Core/Objects/DatabaseEntity/UserToken.class.php

@@ -58,7 +58,7 @@ class UserToken extends DatabaseEntity {
 
   public function updateDurability(SQL $sql, int $validHours): bool {
     $this->validUntil = (new \DateTime())->modify("+$validHours HOURS");
-    return $this->save($sql, ["valid_until"]);
+    return $this->save($sql, ["validUntil"]);
   }
 
   public function getToken(): string {

react/admin-panel/src/views/group-edit.js

@@ -1,16 +1,26 @@
-import {useCallback, useEffect, useState} from "react";
+import {useCallback, useContext, useEffect, useState} from "react";
-import {useNavigate, useParams} from "react-router-dom";
+import {Link, useNavigate, useParams} from "react-router-dom";
+import {LocaleContext} from "shared/locale";
+import {CircularProgress} from "@material-ui/core";
+import * as React from "react";
+import ColorPicker from "material-ui-color-picker";
 
+const defaultGroupData = {
+    name: "",
+    color: "#ccc",
+    members: []
+};
 
 export default function EditGroupView(props) {
 
-    // const [groupId, setGroupId] = useState(props?.match?.groupId !== "new" ? parseInt(props.match.groupId) : null);
+    const {translate: L, requestModules, currentLocale} = useContext(LocaleContext);
 
     const { groupId } = useParams();
     const navigate = useNavigate();
+    const isNewGroup = groupId === "new";
 
-    const [fetchGroup, setFetchGroup] = useState(groupId !== "new");
+    const [fetchGroup, setFetchGroup] = useState(!isNewGroup);
-    const [group, setGroup] = useState(null);
+    const [group, setGroup] = useState(isNewGroup ? defaultGroupData : null);
 
     const onFetchGroup = useCallback((force = false) => {
         if (force || fetchGroup) {
@@ -30,6 +40,64 @@ export default function EditGroupView(props) {
         onFetchGroup();
     }, []);
 
-    return <></>
+    if (group === null) {
+        return <CircularProgress />
+    }
+
+    return <>
+        <div className={"content-header"}>
+            <div className={"container-fluid"}>
+                <div className={"row mb-2"}>
+                    <div className={"col-sm-6"}>
+                        <h1 className={"m-0 text-dark"}>
+                            { isNewGroup ? L("account.new_group") : L("account.group") + ": " + group.name }
+                        </h1>
+                    </div>
+                    <div className={"col-sm-6"}>
+                        <ol className={"breadcrumb float-sm-right"}>
+                            <li className={"breadcrumb-item"}><Link to={"/admin/dashboard"}>Home</Link></li>
+                            <li className="breadcrumb-item active"><Link to={"/admin/groups"}>Group</Link></li>
+                            <li className="breadcrumb-item active">{ isNewGroup ? L("general.new") : groupId }</li>
+                        </ol>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div className={"content"}>
+            <div className={"row"}>
+                <div className={"col-6 pl-5 pr-5"}>
+                    <form role={"form"} onSubmit={(e) => this.submitForm(e)}>
+                        <div className={"form-group"}>
+                            <label htmlFor={"name"}>Group Name</label>
+                            <input type={"text"} className={"form-control"} placeholder={"Name"}
+                                   name={"name"} id={"name"} maxLength={32} value={group.name}/>
+                        </div>
+
+                        <div className={"form-group"}>
+                            <label htmlFor={"color"}>Color</label>
+                            <div>
+                                <ColorPicker
+                                    value={group.color}
+                                    size={"small"}
+                                    variant={"outlined"}
+                                    style={{ backgroundColor: group.color }}
+                                    floatingLabelText={group.color}
+                                    onChange={color => setGroup({...group, color: color})}
+                                />
+                            </div>
+                        </div>
+
+                        <Link to={"/admin/groups"} className={"btn btn-info mt-2 mr-2"}>
+                            &nbsp;Back
+                        </Link>
+                        <button type={"submit"} className={"btn btn-primary mt-2"}>Submit</button>
+                    </form>
+                </div>
+                <div className={"col-6"}>
+                    <h3>Members</h3>
+                </div>
+            </div>
+        </div>
+    </>
 
 }

react/package.json

@@ -33,6 +33,7 @@
   },
   "dependencies": {
     "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
     "@material-ui/core": "^4.12.4",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "^4.0.0-alpha.61",
@@ -41,6 +42,7 @@
     "chart.js": "^4.0.1",
     "clsx": "^1.2.1",
     "date-fns": "^2.29.3",
+    "material-ui-color-picker": "^3.5.1",
     "mini-css-extract-plugin": "^2.7.1",
     "react": "^18.2.0",
     "react-chartjs-2": "^5.0.1",

react/yarn.lock

@@ -1028,6 +1028,13 @@
     core-js-pure "^3.25.1"
     regenerator-runtime "^0.13.11"
 
+"@babel/runtime@^7.0.0", "@babel/runtime@^7.18.3", "@babel/runtime@^7.20.6", "@babel/runtime@^7.20.7":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.20.7.tgz#fcb41a5a70550e04a7b708037c7c32f7f356d8fd"
+  integrity sha512-UF0tvkUtxwAgZ5W/KrkHf0Rn0fdnLDU9ScxBrEVNUprE/MzirjK4MJUX1/BVDv00Sv8cljtukVK1aky++X1SjQ==
+  dependencies:
+    regenerator-runtime "^0.13.11"
+
 "@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.16.3", "@babel/runtime@^7.18.9", "@babel/runtime@^7.3.1", "@babel/runtime@^7.4.4", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.3", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7":
   version "7.20.6"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.20.6.tgz#facf4879bfed9b5326326273a64220f099b0fce3"
@@ -1035,13 +1042,6 @@
   dependencies:
     regenerator-runtime "^0.13.11"
 
-"@babel/runtime@^7.18.3", "@babel/runtime@^7.20.6", "@babel/runtime@^7.20.7":
-  version "7.20.7"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.20.7.tgz#fcb41a5a70550e04a7b708037c7c32f7f356d8fd"
-  integrity sha512-UF0tvkUtxwAgZ5W/KrkHf0Rn0fdnLDU9ScxBrEVNUprE/MzirjK4MJUX1/BVDv00Sv8cljtukVK1aky++X1SjQ==
-  dependencies:
-    regenerator-runtime "^0.13.11"
-
 "@babel/template@^7.18.10", "@babel/template@^7.3.3":
   version "7.18.10"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.10.tgz#6f9134835970d1dbf0835c0d100c9f38de0c5e71"
@@ -1339,6 +1339,11 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
   integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
 
+"@icons/material@^0.2.4":
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/@icons/material/-/material-0.2.4.tgz#e90c9f71768b3736e76d7dd6783fc6c2afa88bc8"
+  integrity sha512-QPcGmICAPbGLGb6F/yNf/KzKqvFx8z5qx3D1yFqVAjoFmXK35EgyW+cJ57Te3CNsmzblwtzakLGFqHPqrfb4Tw==
+
 "@istanbuljs/load-nyc-config@^1.0.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
@@ -1696,7 +1701,7 @@
     prop-types "^15.7.2"
     react-is "^16.8.0 || ^17.0.0"
 
-"@material-ui/styles@^4.11.5":
+"@material-ui/styles@^4.11.5", "@material-ui/styles@^4.8.2":
   version "4.11.5"
   resolved "https://registry.yarnpkg.com/@material-ui/styles/-/styles-4.11.5.tgz#19f84457df3aafd956ac863dbe156b1d88e2bbfb"
   integrity sha512-o/41ot5JJiUsIETME9wVLAJrmIWL3j0R0Bj2kCOLbSfqEkKf0fmaPt+5vtblUh5eXr2S+J/8J3DaCb10+CzPGA==
@@ -3464,7 +3469,7 @@ array.prototype.tosorted@^1.1.1:
     es-shim-unscopables "^1.0.0"
     get-intrinsic "^1.1.3"
 
-asap@~2.0.6:
+asap@~2.0.3, asap@~2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
   integrity sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==
@@ -3859,6 +3864,11 @@ chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.2:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+change-emitter@^0.1.2:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/change-emitter/-/change-emitter-0.1.6.tgz#e8b2fe3d7f1ab7d69a32199aff91ea6931409515"
+  integrity sha512-YXzt1cQ4a2jqazhcuSWEOc1K2q8g9H6eWNsyZgi640LDzRWVQ2eDe+Y/kVdftH+vYdPF2rgDb3dLdpxE1jvAxw==
+
 char-regex@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
@@ -4099,6 +4109,11 @@ core-js-pure@^3.23.3, core-js-pure@^3.25.1:
   resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.26.1.tgz#653f4d7130c427820dcecd3168b594e8bb095a33"
   integrity sha512-VVXcDpp/xJ21KdULRq/lXdLzQAtX7+37LzpyfFM973il0tWSsDEoyzG38G14AjTpK9VTfiNM9jnFauq/CpaWGQ==
 
+core-js@^1.0.0:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636"
+  integrity sha512-ZiPp9pZlgxpWRu0M+YWbm6+aQ84XEfH1JRXvfOc/fILWI0VKhLC2LX13X1NYq4fULzLMq7Hfh43CSo2/aIaUPA==
+
 core-js@^3.19.2:
   version "3.26.1"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.26.1.tgz#7a9816dabd9ee846c1c0fe0e8fcad68f3709134e"
@@ -4688,6 +4703,13 @@ encodeurl@~1.0.2:
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
 
+encoding@^0.1.11:
+  version "0.1.13"
+  resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.13.tgz#56574afdd791f54a8e9b2785c0582a2d26210fa9"
+  integrity sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==
+  dependencies:
+    iconv-lite "^0.6.2"
+
 enhanced-resolve@^5.10.0:
   version "5.12.0"
   resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.12.0.tgz#300e1c90228f5b570c4d35babf263f6da7155634"
@@ -5200,6 +5222,19 @@ fb-watchman@^2.0.0:
   dependencies:
     bser "2.1.1"
 
+fbjs@^0.8.1:
+  version "0.8.18"
+  resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.18.tgz#9835e0addb9aca2eff53295cd79ca1cfc7c9662a"
+  integrity sha512-EQaWFK+fEPSoibjNy8IxUtaFOMXcWsY0JaVrQoZR9zC8N2Ygf9iDITPWjUTVIax95b6I742JFLqASHfsag/vKA==
+  dependencies:
+    core-js "^1.0.0"
+    isomorphic-fetch "^2.1.1"
+    loose-envify "^1.0.0"
+    object-assign "^4.1.0"
+    promise "^7.1.1"
+    setimmediate "^1.0.5"
+    ua-parser-js "^0.7.30"
+
 file-entry-cache@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
@@ -5590,6 +5625,11 @@ he@^1.2.0:
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
+hoist-non-react-statics@^2.3.1:
+  version "2.5.5"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47"
+  integrity sha512-rqcy4pJo55FTTLWt+bU8ukscqHeE/e9KWvsOW2b/a3afxQZhwkQdT1rPPCJ0rYXdj4vNcasY8zHTH+jF/qStxw==
+
 hoist-non-react-statics@^3.3.1, hoist-non-react-statics@^3.3.2:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
@@ -5767,7 +5807,7 @@ iconv-lite@0.4.24:
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
-iconv-lite@^0.6.3:
+iconv-lite@^0.6.2, iconv-lite@^0.6.3:
   version "0.6.3"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
   integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
@@ -5845,11 +5885,6 @@ ini@^1.3.5:
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
   integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
 
-install@^0.13.0:
-  version "0.13.0"
-  resolved "https://registry.yarnpkg.com/install/-/install-0.13.0.tgz#6af6e9da9dd0987de2ab420f78e60d9c17260776"
-  integrity sha512-zDml/jzr2PKU9I8J/xyZBQn8rPCAY//UOYNmR01XwNwyfhEWObo2SWfSl1+0tm1u6PhxLwDnfsT/6jB7OUxqFA==
-
 internal-slot@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.3.tgz#7347e307deeea2faac2ac6205d4bc7d34967f59c"
@@ -6019,6 +6054,11 @@ is-shared-array-buffer@^1.0.2:
   dependencies:
     call-bind "^1.0.2"
 
+is-stream@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
+  integrity sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==
+
 is-stream@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
@@ -6067,6 +6107,14 @@ isexe@^2.0.0:
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
+isomorphic-fetch@^2.1.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz#611ae1acf14f5e81f729507472819fe9733558a9"
+  integrity sha512-9c4TNAKYXM5PRyVcwUZrF3W09nQ+sO7+jydgs4ZGW9dhsLG2VOlISJABombdQqQRXCwuYG3sYV/puGf5rp0qmA==
+  dependencies:
+    node-fetch "^1.0.1"
+    whatwg-fetch ">=0.10.0"
+
 istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz#189e7909d0a39fa5a3dfad5b03f71947770191d3"
@@ -6971,6 +7019,11 @@ locate-path@^6.0.0:
   dependencies:
     p-locate "^5.0.0"
 
+lodash-es@^4.17.15:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
+  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
+
 lodash.debounce@^4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
@@ -7001,12 +7054,12 @@ lodash.uniq@^4.5.0:
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
   integrity sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==
 
-lodash@^4.17.20, lodash@^4.17.21, lodash@^4.7.0:
+lodash@^4.0.1, lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.7.0:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
-loose-envify@^1.1.0, loose-envify@^1.4.0:
+loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@@ -7048,6 +7101,21 @@ makeerror@1.0.12:
   dependencies:
     tmpl "1.0.5"
 
+material-colors@^1.2.1:
+  version "1.2.6"
+  resolved "https://registry.yarnpkg.com/material-colors/-/material-colors-1.2.6.tgz#6d1958871126992ceecc72f4bcc4d8f010865f46"
+  integrity sha512-6qE4B9deFBIa9YSpOc9O0Sgc43zTeVYbgDT5veRKSlB2+ZuHNoVVxA1L/ckMUayV9Ay9y7Z/SZCLcGteW9i7bg==
+
+material-ui-color-picker@^3.5.1:
+  version "3.5.1"
+  resolved "https://registry.yarnpkg.com/material-ui-color-picker/-/material-ui-color-picker-3.5.1.tgz#2f33f02a0a22647b135af848662409cad15f56e5"
+  integrity sha512-0mxnmfpl31m6ton13SbwWy3uUqQtmzV0bZl+pEK9lD+4daYB4+FeM05IW0wNU9pAum6JNT7ddYBUQ0tyDA1kvQ==
+  dependencies:
+    "@material-ui/styles" "^4.8.2"
+    prop-types "^15.7.2"
+    react-color "^2.18.0"
+    recompose "^0.30.0"
+
 mdn-data@2.0.14:
   version "2.0.14"
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
@@ -7245,6 +7313,14 @@ node-addon-api@^4.3.0:
   resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-4.3.0.tgz#52a1a0b475193e0928e98e0426a0d1254782b77f"
   integrity sha512-73sE9+3UaLYYFmDsFZnqCInzPyh3MqIwZO9cw58yIqAZhONrrabrYyYe3TuIqtIiOuTXVhsGau8hcrhhwSsDIQ==
 
+node-fetch@^1.0.1:
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef"
+  integrity sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==
+  dependencies:
+    encoding "^0.1.11"
+    is-stream "^1.0.1"
+
 node-forge@^1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
@@ -7316,7 +7392,7 @@ nwsapi@^2.2.0:
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.2.tgz#e5418863e7905df67d51ec95938d67bf801f0bb0"
   integrity sha512-90yv+6538zuvUMnN+zCr8LuV6bPFdq50304114vJYJ8RDyK8D5O9Phpbd6SZWgI7PwzmmfN1upeOJlvybDSgCw==
 
-object-assign@^4.1.1:
+object-assign@^4.1.0, object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
@@ -8283,6 +8359,13 @@ process-nextick-args@~2.0.0:
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
+promise@^7.1.1:
+  version "7.3.1"
+  resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf"
+  integrity sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==
+  dependencies:
+    asap "~2.0.3"
+
 promise@^8.1.0:
   version "8.3.0"
   resolved "https://registry.yarnpkg.com/promise/-/promise-8.3.0.tgz#8cb333d1edeb61ef23869fbb8a4ea0279ab60e0a"
@@ -8298,7 +8381,7 @@ prompts@^2.0.1, prompts@^2.4.2:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
+prop-types@^15.5.10, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -8410,6 +8493,19 @@ react-collapse@^5.1.1:
   resolved "https://registry.yarnpkg.com/react-collapse/-/react-collapse-5.1.1.tgz#a2fa08ef13f372141b02e6a7d49ef72427bcbc2b"
   integrity sha512-k6cd7csF1o9LBhQ4AGBIdxB60SUEUMQDAnL2z1YvYNr9KoKr+nDkhN6FK7uGaBd/rYrYfrMpzpmJEIeHRYogBw==
 
+react-color@^2.18.0:
+  version "2.19.3"
+  resolved "https://registry.yarnpkg.com/react-color/-/react-color-2.19.3.tgz#ec6c6b4568312a3c6a18420ab0472e146aa5683d"
+  integrity sha512-LEeGE/ZzNLIsFWa1TMe8y5VYqr7bibneWmvJwm1pCn/eNmrabWDh659JSPn9BuaMpEfU83WTOJfnCcjDZwNQTA==
+  dependencies:
+    "@icons/material" "^0.2.4"
+    lodash "^4.17.15"
+    lodash-es "^4.17.15"
+    material-colors "^1.2.1"
+    prop-types "^15.5.10"
+    reactcss "^1.2.0"
+    tinycolor2 "^1.4.1"
+
 react-dev-utils@^12.0.1:
   version "12.0.1"
   resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-12.0.1.tgz#ba92edb4a1f379bd46ccd6bcd4e7bc398df33e73"
@@ -8473,6 +8569,11 @@ react-is@^18.0.0, react-is@^18.2.0:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
 
+react-lifecycles-compat@^3.0.2:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
+  integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
+
 react-refresh@^0.11.0:
   version "0.11.0"
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046"
@@ -8570,6 +8671,13 @@ react@^18.2.0:
   dependencies:
     loose-envify "^1.1.0"
 
+reactcss@^1.2.0:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/reactcss/-/reactcss-1.2.3.tgz#c00013875e557b1cf0dfd9a368a1c3dab3b548dd"
+  integrity sha512-KiwVUcFu1RErkI97ywr8nvx8dNOpT03rbnma0SSalTYjkrPYaEajR4a/MRt6DZ46K6arDRbWMNHF+xH7G7n/8A==
+  dependencies:
+    lodash "^4.0.1"
+
 read-cache@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
@@ -8606,6 +8714,18 @@ readdirp@~3.6.0:
   dependencies:
     picomatch "^2.2.1"
 
+recompose@^0.30.0:
+  version "0.30.0"
+  resolved "https://registry.yarnpkg.com/recompose/-/recompose-0.30.0.tgz#82773641b3927e8c7d24a0d87d65aeeba18aabd0"
+  integrity sha512-ZTrzzUDa9AqUIhRk4KmVFihH0rapdCSMFXjhHbNrjAWxBuUD/guYlyysMnuHjlZC/KRiOKRtB4jf96yYSkKE8w==
+  dependencies:
+    "@babel/runtime" "^7.0.0"
+    change-emitter "^0.1.2"
+    fbjs "^0.8.1"
+    hoist-non-react-statics "^2.3.1"
+    react-lifecycles-compat "^3.0.2"
+    symbol-observable "^1.0.4"
+
 recursive-readdir@^2.2.2:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.3.tgz#e726f328c0d69153bcabd5c322d3195252379372"
@@ -8981,6 +9101,11 @@ serve-static@1.15.0:
     parseurl "~1.3.3"
     send "0.18.0"
 
+setimmediate@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
+  integrity sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==
+
 setprototypeof@1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
@@ -9377,6 +9502,11 @@ svgo@^2.4.0, svgo@^2.7.0:
     picocolors "^1.0.0"
     stable "^0.1.8"
 
+symbol-observable@^1.0.4:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.2.0.tgz#c22688aed4eab3cdc2dfeacbb561660560a00804"
+  integrity sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==
+
 symbol-tree@^3.2.4:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
@@ -9504,6 +9634,11 @@ tiny-warning@^1.0.2:
   resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
   integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==
 
+tinycolor2@^1.4.1:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/tinycolor2/-/tinycolor2-1.5.2.tgz#7d30b4584d8b7d62b9a94dacc505614a6516a95f"
+  integrity sha512-h80m9GPFGbcLzZByXlNSEhp1gf8Dy+VX/2JCGUZsWLo7lV1mnE/XlxGYgRBoMLJh1lIDXP0EMC4RPTjlRaV+Bg==
+
 tmpl@1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
@@ -9631,6 +9766,11 @@ typedarray-to-buffer@^3.1.5:
   dependencies:
     is-typedarray "^1.0.0"
 
+ua-parser-js@^0.7.30:
+  version "0.7.32"
+  resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.32.tgz#cd8c639cdca949e30fa68c44b7813ef13e36d211"
+  integrity sha512-f9BESNVhzlhEFf2CHMSj40NWOjYPl1YKYbrvIr/hFTDEmLq7SRbWvm7FcdcpCYT95zrOhC7gZSxjdnnTpBcwVw==
+
 unbox-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
@@ -9955,7 +10095,7 @@ whatwg-encoding@^1.0.5:
   dependencies:
     iconv-lite "0.4.24"
 
-whatwg-fetch@^3.6.2:
+whatwg-fetch@>=0.10.0, whatwg-fetch@^3.6.2:
   version "3.6.2"
   resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.6.2.tgz#dced24f37f2624ed0281725d51d0e2e3fe677f8c"
   integrity sha512-bJlen0FcuU/0EMLrdbJ7zOnW6ITZLrZMIarMUVmdKtsGvZna8vxKYaexICWPfZ8qwf9fzNq+UEIZrnSaApt6RA==