fix: review

app/components/DocumentBreadcrumb.tsx

@@ -71,7 +71,7 @@ const DocumentBreadcrumb: React.FC<Props> = ({
   const can = usePolicy(collection);
 
   React.useEffect(() => {
-    void document.loadRelations();
+    void document.loadRelations({ withoutPolicies: true });
   }, [document]);
 
   let collectionNode: MenuInternalLink | undefined;

app/menus/DocumentMenu.tsx

@@ -1,4 +1,6 @@
 import capitalize from "lodash/capitalize";
+import isEmpty from "lodash/isEmpty";
+import isUndefined from "lodash/isUndefined";
 import { observer } from "mobx-react";
 import { EditIcon, InputIcon, RestoreIcon, SearchIcon } from "outline-icons";
 import * as React from "react";
@@ -48,6 +50,7 @@ import {
   moveTemplate,
 } from "~/actions/definitions/documents";
 import useActionContext from "~/hooks/useActionContext";
+import useBoolean from "~/hooks/useBoolean";
 import useCurrentUser from "~/hooks/useCurrentUser";
 import useMobile from "~/hooks/useMobile";
 import usePolicy from "~/hooks/usePolicy";
@@ -55,68 +58,108 @@ import useRequest from "~/hooks/useRequest";
 import useStores from "~/hooks/useStores";
 import { MenuItem } from "~/types";
 import { documentEditPath } from "~/utils/routeHelpers";
+import { MenuContext, useMenuContext } from "./MenuContext";
 
 type Props = {
+  /** Document for which the menu is to be shown */
   document: Document;
-  className?: string;
   isRevision?: boolean;
   /** Pass true if the document is currently being displayed */
   showDisplayOptions?: boolean;
+  /** Whether to display menu as a modal */
   modal?: boolean;
+  /** Whether to include the option of toggling embeds as menu item */
   showToggleEmbeds?: boolean;
   showPin?: boolean;
+  /** Label for menu button */
   label?: (props: MenuButtonHTMLProps) => React.ReactNode;
+  /** Invoked when the "Find and replace" menu item is clicked */
   onFindAndReplace?: () => void;
+  /** Invoked when the "Rename" menu item is clicked */
   onRename?: () => void;
+  /** Invoked when menu is opened */
   onOpen?: () => void;
+  /** Invoked when menu is closed */
   onClose?: () => void;
 };
 
-function DocumentMenu({
-  document,
-  className,
-  modal = true,
-  showToggleEmbeds,
-  showDisplayOptions,
-  label,
-  onFindAndReplace,
-  onRename,
-  onOpen,
-  onClose,
-}: Props) {
-  const user = useCurrentUser();
-  const { policies, collections, documents, subscriptions } = useStores();
-  const menu = useMenuState({
-    modal,
-    unstable_preventOverflow: true,
-    unstable_fixed: true,
-    unstable_flip: true,
-  });
-  const history = useHistory();
-  const context = useActionContext({
-    isContextMenu: true,
-    activeDocumentId: document.id,
-    activeCollectionId: document.collectionId ?? undefined,
-  });
+type MenuTriggerProps = {
+  label?: (props: MenuButtonHTMLProps) => React.ReactNode;
+  onTrigger: () => void;
+};
+
+const MenuTrigger: React.FC<MenuTriggerProps> = ({ label, onTrigger }) => {
   const { t } = useTranslation();
-  const isMobile = useMobile();
-  const file = React.useRef<HTMLInputElement>(null);
-  const { data, loading, request } = useRequest(() =>
+
+  const { subscriptions } = useStores();
+  const { model: document, menuState } = useMenuContext<Document>();
+
+  const { data, loading, error, request } = useRequest(() =>
     subscriptions.fetchPage({
       documentId: document.id,
       event: "documents.update",
     })
   );
 
-  const handleOpen = React.useCallback(async () => {
-    if (!data && !loading) {
-      await request();
+  const handlePointerEnter = React.useCallback(() => {
+    if (isUndefined(data ?? error) && !loading) {
+      void request();
+      void document.loadRelations();
     }
+  }, [data, error, loading, request, document]);
 
-    if (onOpen) {
-      onOpen();
-    }
-  }, [data, loading, onOpen, request]);
+  return label ? (
+    <MenuButton
+      {...menuState}
+      onPointerEnter={handlePointerEnter}
+      onClick={onTrigger}
+    >
+      {label}
+    </MenuButton>
+  ) : (
+    <OverflowMenuButton
+      aria-label={t("Show document menu")}
+      onPointerEnter={handlePointerEnter}
+      onClick={onTrigger}
+      {...menuState}
+    />
+  );
+};
+
+type MenuContentProps = {
+  onOpen?: () => void;
+  onClose?: () => void;
+  onFindAndReplace?: () => void;
+  onRename?: () => void;
+  showDisplayOptions?: boolean;
+  showToggleEmbeds?: boolean;
+};
+
+const MenuContent: React.FC<MenuContentProps> = ({
+  onOpen,
+  onClose,
+  onFindAndReplace,
+  onRename,
+  showDisplayOptions,
+  showToggleEmbeds,
+}) => {
+  const user = useCurrentUser();
+  const { model: document, menuState } = useMenuContext<Document>();
+  const can = usePolicy(document);
+  const { t } = useTranslation();
+  const { policies, collections } = useStores();
+
+  const collection = document.collectionId
+    ? collections.get(document.collectionId)
+    : undefined;
+
+  const context = useActionContext({
+    isContextMenu: true,
+    activeDocumentId: document.id,
+    activeCollectionId: document.collectionId ?? undefined,
+  });
+
+  const isMobile = useMobile();
 
   const handleRestore = React.useCallback(
     async (
@@ -135,10 +178,6 @@ function DocumentMenu({
     [t, document]
   );
 
-  const collection = document.collectionId
-    ? collections.get(document.collectionId)
-    : undefined;
-  const can = usePolicy(document);
   const restoreItems = React.useMemo(
     () => [
       ...collections.orderedData.reduce<MenuItem[]>((filtered, collection) => {
@@ -161,6 +200,182 @@ function DocumentMenu({
     ],
     [collections.orderedData, handleRestore, policies]
   );
+
+  return !isEmpty(can) ? (
+    <ContextMenu
+      {...menuState}
+      aria-label={t("Document options")}
+      onOpen={onOpen}
+      onClose={onClose}
+    >
+      <Template
+        {...menuState}
+        items={[
+          {
+            type: "button",
+            title: t("Restore"),
+            visible:
+              ((document.isWorkspaceTemplate || !!collection) && can.restore) ||
+              !!can.unarchive,
+            onClick: (ev) => handleRestore(ev),
+            icon: <RestoreIcon />,
+          },
+          {
+            type: "submenu",
+            title: t("Restore"),
+            visible:
+              !document.isWorkspaceTemplate &&
+              !collection &&
+              !!can.restore &&
+              restoreItems.length !== 0,
+            style: {
+              left: -170,
+              position: "relative",
+              top: -40,
+            },
+            icon: <RestoreIcon />,
+            hover: true,
+            items: [
+              {
+                type: "heading",
+                title: t("Choose a collection"),
+              },
+              ...restoreItems,
+            ],
+          },
+          actionToMenuItem(starDocument, context),
+          actionToMenuItem(unstarDocument, context),
+          actionToMenuItem(subscribeDocument, context),
+          actionToMenuItem(unsubscribeDocument, context),
+          {
+            type: "button",
+            title: `${t("Find and replace")}…`,
+            visible: !!onFindAndReplace && isMobile,
+            onClick: () => onFindAndReplace?.(),
+            icon: <SearchIcon />,
+          },
+          {
+            type: "separator",
+          },
+          {
+            type: "route",
+            title: t("Edit"),
+            to: documentEditPath(document),
+            visible:
+              !!can.update && user.separateEditMode && !document.template,
+            icon: <EditIcon />,
+          },
+          {
+            type: "button",
+            title: `${t("Rename")}…`,
+            visible: !!can.update && !user.separateEditMode && !!onRename,
+            onClick: () => onRename?.(),
+            icon: <InputIcon />,
+          },
+          actionToMenuItem(shareDocument, context),
+          actionToMenuItem(createNestedDocument, context),
+          actionToMenuItem(importDocument, context),
+          actionToMenuItem(createTemplateFromDocument, context),
+          actionToMenuItem(duplicateDocument, context),
+          actionToMenuItem(publishDocument, context),
+          actionToMenuItem(unpublishDocument, context),
+          actionToMenuItem(archiveDocument, context),
+          actionToMenuItem(moveDocument, context),
+          actionToMenuItem(moveTemplate, context),
+          actionToMenuItem(pinDocument, context),
+          actionToMenuItem(createDocumentFromTemplate, context),
+          {
+            type: "separator",
+          },
+          actionToMenuItem(openDocumentComments, context),
+          actionToMenuItem(openDocumentHistory, context),
+          actionToMenuItem(openDocumentInsights, context),
+          actionToMenuItem(downloadDocument, context),
+          actionToMenuItem(copyDocument, context),
+          actionToMenuItem(printDocument, context),
+          actionToMenuItem(searchInDocument, context),
+          {
+            type: "separator",
+          },
+          actionToMenuItem(deleteDocument, context),
+          actionToMenuItem(permanentlyDeleteDocument, context),
+        ]}
+      />
+      {(showDisplayOptions || showToggleEmbeds) && can.update && (
+        <>
+          <Separator />
+          <DisplayOptions>
+            {showToggleEmbeds && (
+              <Style>
+                <ToggleMenuItem
+                  width={26}
+                  height={14}
+                  label={t("Enable embeds")}
+                  labelPosition="left"
+                  checked={!document.embedsDisabled}
+                  onChange={
+                    document.embedsDisabled
+                      ? document.enableEmbeds
+                      : document.disableEmbeds
+                  }
+                />
+              </Style>
+            )}
+            {showDisplayOptions && !isMobile && (
+              <Style>
+                <ToggleMenuItem
+                  width={26}
+                  height={14}
+                  label={t("Full width")}
+                  labelPosition="left"
+                  checked={document.fullWidth}
+                  onChange={(ev) => {
+                    const fullWidth = ev.currentTarget.checked;
+                    user.setPreference(
+                      UserPreference.FullWidthDocuments,
+                      fullWidth
+                    );
+                    void user.save();
+                    document.fullWidth = fullWidth;
+                    void document.save();
+                  }}
+                />
+              </Style>
+            )}
+          </DisplayOptions>
+        </>
+      )}
+    </ContextMenu>
+  ) : null;
+};
+
+function DocumentMenu({
+  document,
+  modal = true,
+  showToggleEmbeds,
+  showDisplayOptions,
+  label,
+  onRename,
+  onOpen,
+  onClose,
+}: Props) {
+  const { collections, documents } = useStores();
+  const menuState = useMenuState({
+    modal,
+    unstable_preventOverflow: true,
+    unstable_fixed: true,
+    unstable_flip: true,
+  });
+  const history = useHistory();
+
+  const { t } = useTranslation();
+  const [isMenuVisible, showMenu] = useBoolean(false);
+  const file = React.useRef<HTMLInputElement>(null);
+
+  const collection = document.collectionId
+    ? collections.get(document.collectionId)
+    : undefined;
+
   const stopPropagation = React.useCallback((ev: React.SyntheticEvent) => {
     ev.stopPropagation();
   }, []);
@@ -213,160 +428,18 @@ function DocumentMenu({
           />
         </label>
       </VisuallyHidden>
-      {label ? (
-        <MenuButton {...menu}>{label}</MenuButton>
-      ) : (
-        <OverflowMenuButton
-          className={className}
-          aria-label={t("Show menu")}
-          {...menu}
-        />
-      )}
-      <ContextMenu
-        {...menu}
-        aria-label={t("Document options")}
-        onOpen={handleOpen}
-        onClose={onClose}
-      >
-        <Template
-          {...menu}
-          items={[
-            {
-              type: "button",
-              title: t("Restore"),
-              visible:
-                ((document.isWorkspaceTemplate || !!collection) &&
-                  can.restore) ||
-                !!can.unarchive,
-              onClick: (ev) => handleRestore(ev),
-              icon: <RestoreIcon />,
-            },
-            {
-              type: "submenu",
-              title: t("Restore"),
-              visible:
-                !document.isWorkspaceTemplate &&
-                !collection &&
-                !!can.restore &&
-                restoreItems.length !== 0,
-              style: {
-                left: -170,
-                position: "relative",
-                top: -40,
-              },
-              icon: <RestoreIcon />,
-              hover: true,
-              items: [
-                {
-                  type: "heading",
-                  title: t("Choose a collection"),
-                },
-                ...restoreItems,
-              ],
-            },
-            actionToMenuItem(starDocument, context),
-            actionToMenuItem(unstarDocument, context),
-            actionToMenuItem(subscribeDocument, context),
-            actionToMenuItem(unsubscribeDocument, context),
-            {
-              type: "button",
-              title: `${t("Find and replace")}…`,
-              visible: !!onFindAndReplace && isMobile,
-              onClick: () => onFindAndReplace?.(),
-              icon: <SearchIcon />,
-            },
-            {
-              type: "separator",
-            },
-            {
-              type: "route",
-              title: t("Edit"),
-              to: documentEditPath(document),
-              visible:
-                !!can.update && user.separateEditMode && !document.template,
-              icon: <EditIcon />,
-            },
-            {
-              type: "button",
-              title: `${t("Rename")}…`,
-              visible: !!can.update && !user.separateEditMode && !!onRename,
-              onClick: () => onRename?.(),
-              icon: <InputIcon />,
-            },
-            actionToMenuItem(shareDocument, context),
-            actionToMenuItem(createNestedDocument, context),
-            actionToMenuItem(importDocument, context),
-            actionToMenuItem(createTemplateFromDocument, context),
-            actionToMenuItem(duplicateDocument, context),
-            actionToMenuItem(publishDocument, context),
-            actionToMenuItem(unpublishDocument, context),
-            actionToMenuItem(archiveDocument, context),
-            actionToMenuItem(moveDocument, context),
-            actionToMenuItem(moveTemplate, context),
-            actionToMenuItem(pinDocument, context),
-            actionToMenuItem(createDocumentFromTemplate, context),
-            {
-              type: "separator",
-            },
-            actionToMenuItem(openDocumentComments, context),
-            actionToMenuItem(openDocumentHistory, context),
-            actionToMenuItem(openDocumentInsights, context),
-            actionToMenuItem(downloadDocument, context),
-            actionToMenuItem(copyDocument, context),
-            actionToMenuItem(printDocument, context),
-            actionToMenuItem(searchInDocument, context),
-            {
-              type: "separator",
-            },
-            actionToMenuItem(deleteDocument, context),
-            actionToMenuItem(permanentlyDeleteDocument, context),
-          ]}
-        />
-        {(showDisplayOptions || showToggleEmbeds) && can.update && (
-          <>
-            <Separator />
-            <DisplayOptions>
-              {showToggleEmbeds && (
-                <Style>
-                  <ToggleMenuItem
-                    width={26}
-                    height={14}
-                    label={t("Enable embeds")}
-                    labelPosition="left"
-                    checked={!document.embedsDisabled}
-                    onChange={
-                      document.embedsDisabled
-                        ? document.enableEmbeds
-                        : document.disableEmbeds
-                    }
-                  />
-                </Style>
-              )}
-              {showDisplayOptions && !isMobile && (
-                <Style>
-                  <ToggleMenuItem
-                    width={26}
-                    height={14}
-                    label={t("Full width")}
-                    labelPosition="left"
-                    checked={document.fullWidth}
-                    onChange={(ev) => {
-                      const fullWidth = ev.currentTarget.checked;
-                      user.setPreference(
-                        UserPreference.FullWidthDocuments,
-                        fullWidth
-                      );
-                      void user.save();
-                      document.fullWidth = fullWidth;
-                      void document.save();
-                    }}
-                  />
-                </Style>
-              )}
-            </DisplayOptions>
-          </>
-        )}
-      </ContextMenu>
+      <MenuContext.Provider value={{ model: document, menuState }}>
+        <MenuTrigger label={label} onTrigger={showMenu} />
+        {isMenuVisible ? (
+          <MenuContent
+            onOpen={onOpen}
+            onClose={onClose}
+            onRename={onRename}
+            showDisplayOptions={showDisplayOptions}
+            showToggleEmbeds={showToggleEmbeds}
+          />
+        ) : null}
+      </MenuContext.Provider>
     </>
   );
 }

app/menus/MenuContext.tsx

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { MenuStateReturn } from "reakit";
+import Model from "~/models/base/Model";
+
+export type MenuContext<T extends Model> = {
+  /** Model for which the menu is to be designed. */
+  model: T;
+  /** Menu state */
+  menuState: MenuStateReturn;
+};
+
+export const MenuContext = React.createContext<MenuContext<Model>>(
+  {} as MenuContext<Model>
+);
+
+export const useMenuContext = <T extends Model>() =>
+  React.useContext<MenuContext<T>>(
+    MenuContext as unknown as React.Context<MenuContext<T>>
+  );

app/models/base/Model.ts

@@ -39,7 +39,9 @@ export default abstract class Model {
    *
    * @returns A promise that resolves when loading is complete.
    */
-  async loadRelations(): Promise<any> {
+  async loadRelations(
+    options: { withoutPolicies?: boolean } = {}
+  ): Promise<any> {
     const relations = getRelationsForModelClass(
       this.constructor as typeof Model
     );
@@ -66,7 +68,7 @@ export default abstract class Model {
     }
 
     const policy = this.store.rootStore.policies.get(this.id);
-    if (!policy) {
+    if (!policy && !options.withoutPolicies) {
       promises.push(this.store.fetch(this.id, { force: true }));
     }
 

shared/i18n/locales/en_US/translation.json

@@ -480,6 +480,7 @@
   "Alphabetical sort": "Alphabetical sort",
   "Manual sort": "Manual sort",
   "Comment options": "Comment options",
+  "Show document menu": "Show document menu",
   "{{ documentName }} restored": "{{ documentName }} restored",
   "Document options": "Document options",
   "Restore": "Restore",

yarn.lock

@@ -745,38 +745,12 @@
     "@babel/highlight" "^7.24.7"
     picocolors "^1.0.0"
 
-"@babel/compat-data@^7.13.11", "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.7.tgz#d23bbea508c3883ba8251fb4164982c36ea577ed"
-  integrity sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw==
-
-"@babel/compat-data@^7.25.2":
+"@babel/compat-data@^7.13.11", "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.24.7", "@babel/compat-data@^7.25.2":
   version "7.25.4"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.25.4.tgz#7d2a80ce229890edcf4cc259d4d696cb4dae2fcb"
   integrity sha512-+LGRog6RAsCJrrrg/IO6LGmpphNe5DiK30dGjCoxxeGv49B10/3XYGxPsAwrDlMFcFEvdAUavDT8r9k/hSyQqQ==
 
-"@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.20.12", "@babel/core@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.7.tgz#b676450141e0b52a3d43bc91da86aa608f950ac4"
-  integrity sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==
-  dependencies:
-    "@ampproject/remapping" "^2.2.0"
-    "@babel/code-frame" "^7.24.7"
-    "@babel/generator" "^7.24.7"
-    "@babel/helper-compilation-targets" "^7.24.7"
-    "@babel/helper-module-transforms" "^7.24.7"
-    "@babel/helpers" "^7.24.7"
-    "@babel/parser" "^7.24.7"
-    "@babel/template" "^7.24.7"
-    "@babel/traverse" "^7.24.7"
-    "@babel/types" "^7.24.7"
-    convert-source-map "^2.0.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.2"
-    json5 "^2.2.3"
-    semver "^6.3.1"
-
-"@babel/core@^7.24.4":
+"@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.20.12", "@babel/core@^7.24.4", "@babel/core@^7.24.7":
   version "7.25.2"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.25.2.tgz#ed8eec275118d7613e77a352894cd12ded8eba77"
   integrity sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==
@@ -797,17 +771,7 @@
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/generator@^7.24.7", "@babel/generator@^7.7.2":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.7.tgz#1654d01de20ad66b4b4d99c135471bc654c55e6d"
-  integrity sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==
-  dependencies:
-    "@babel/types" "^7.24.7"
-    "@jridgewell/gen-mapping" "^0.3.5"
-    "@jridgewell/trace-mapping" "^0.3.25"
-    jsesc "^2.5.1"
-
-"@babel/generator@^7.25.0", "@babel/generator@^7.25.6":
+"@babel/generator@^7.24.7", "@babel/generator@^7.25.0", "@babel/generator@^7.25.6", "@babel/generator@^7.7.2":
   version "7.25.6"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.25.6.tgz#0df1ad8cb32fe4d2b01d8bf437f153d19342a87c"
   integrity sha512-VPC82gr1seXOpkjAAKoLhP50vx4vGNlF4msF64dSFq1P8RfB+QAuJWGHPXXPc8QyfVWwwB/TNNU4+ayZmHNbZw==
@@ -832,18 +796,7 @@
     "@babel/traverse" "^7.24.7"
     "@babel/types" "^7.24.7"
 
-"@babel/helper-compilation-targets@^7.13.0", "@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.24.7.tgz#4eb6c4a80d6ffeac25ab8cd9a21b5dfa48d503a9"
-  integrity sha512-ctSdRHBi20qWOfy27RUb4Fhp07KSJ3sXcuSvTrXrc4aG8NSYDo1ici3Vhg9bg69y5bj0Mr1lh0aeEgTvc12rMg==
-  dependencies:
-    "@babel/compat-data" "^7.24.7"
-    "@babel/helper-validator-option" "^7.24.7"
-    browserslist "^4.22.2"
-    lru-cache "^5.1.1"
-    semver "^6.3.1"
-
-"@babel/helper-compilation-targets@^7.25.2":
+"@babel/helper-compilation-targets@^7.13.0", "@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.24.7", "@babel/helper-compilation-targets@^7.25.2":
   version "7.25.2"
   resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.2.tgz#e1d9410a90974a3a5a66e84ff55ef62e3c02d06c"
   integrity sha512-U2U5LsSaZ7TAt3cfaymQ8WHh0pxvdHoEk6HVpaexxixjyEquMh0L0YNJNM6CTGKMXV1iksi0iZkGw4AcFkPaaw==
@@ -941,18 +894,7 @@
     "@babel/traverse" "^7.24.7"
     "@babel/types" "^7.24.7"
 
-"@babel/helper-module-transforms@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.24.7.tgz#31b6c9a2930679498db65b685b1698bfd6c7daf8"
-  integrity sha512-1fuJEwIrp+97rM4RWdO+qrRsZlAeL1lQJoPqtCYWv0NL115XM93hIH4CSRln2w52SqvmY5hqdtauB6QFCDiZNQ==
-  dependencies:
-    "@babel/helper-environment-visitor" "^7.24.7"
-    "@babel/helper-module-imports" "^7.24.7"
-    "@babel/helper-simple-access" "^7.24.7"
-    "@babel/helper-split-export-declaration" "^7.24.7"
-    "@babel/helper-validator-identifier" "^7.24.7"
-
-"@babel/helper-module-transforms@^7.25.2":
+"@babel/helper-module-transforms@^7.24.7", "@babel/helper-module-transforms@^7.25.2":
   version "7.25.2"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.25.2.tgz#ee713c29768100f2776edf04d4eb23b8d27a66e6"
   integrity sha512-BjyRAbix6j/wv83ftcVJmBt72QtHI56C7JXZoG2xATiLpmoC7dpd8WnkikExHDVPpi/3qCmO6WY1EaXOluiecQ==
@@ -1015,12 +957,7 @@
   dependencies:
     "@babel/types" "^7.24.7"
 
-"@babel/helper-string-parser@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz#4d2d0f14820ede3b9807ea5fc36dfc8cd7da07f2"
-  integrity sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==
-
-"@babel/helper-string-parser@^7.24.8":
+"@babel/helper-string-parser@^7.24.7", "@babel/helper-string-parser@^7.24.8":
   version "7.24.8"
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.8.tgz#5b3329c9a58803d5df425e5785865881a81ca48d"
   integrity sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==
@@ -1030,12 +967,7 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz#75b889cfaf9e35c2aaf42cf0d72c8e91719251db"
   integrity sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==
 
-"@babel/helper-validator-option@^7.23.5", "@babel/helper-validator-option@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.24.7.tgz#24c3bb77c7a425d1742eec8fb433b5a1b38e62f6"
-  integrity sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw==
-
-"@babel/helper-validator-option@^7.24.8":
+"@babel/helper-validator-option@^7.23.5", "@babel/helper-validator-option@^7.24.7", "@babel/helper-validator-option@^7.24.8":
   version "7.24.8"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.24.8.tgz#3725cdeea8b480e86d34df15304806a06975e33d"
   integrity sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q==
@@ -1050,15 +982,7 @@
     "@babel/traverse" "^7.24.7"
     "@babel/types" "^7.24.7"
 
-"@babel/helpers@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.24.7.tgz#aa2ccda29f62185acb5d42fb4a3a1b1082107416"
-  integrity sha512-NlmJJtvcw72yRJRcnCmGvSi+3jDEg8qFu3z0AFoymmzLx5ERVWyzd9kVXr7Th9/8yIJi2Zc6av4Tqz3wFs8QWg==
-  dependencies:
-    "@babel/template" "^7.24.7"
-    "@babel/types" "^7.24.7"
-
-"@babel/helpers@^7.25.0":
+"@babel/helpers@^7.24.7", "@babel/helpers@^7.25.0":
   version "7.25.6"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.25.6.tgz#57ee60141829ba2e102f30711ffe3afab357cc60"
   integrity sha512-Xg0tn4HcfTijTwfDwYlvVCl43V6h4KyVVX2aEm4qdO/PC6L2YvzLHFdmxhoeSA3eslcE6+ZVXHgWwopXYLNq4Q==
@@ -1076,12 +1000,7 @@
     js-tokens "^4.0.0"
     picocolors "^1.0.0"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.24.7", "@babel/parser@^7.7.0":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.7.tgz#9a5226f92f0c5c8ead550b750f5608e766c8ce85"
-  integrity sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==
-
-"@babel/parser@^7.25.0", "@babel/parser@^7.25.6":
+"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.24.7", "@babel/parser@^7.25.0", "@babel/parser@^7.25.6", "@babel/parser@^7.7.0":
   version "7.25.6"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.25.6.tgz#85660c5ef388cbbf6e3d2a694ee97a38f18afe2f"
   integrity sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==
@@ -1876,16 +1795,7 @@
   dependencies:
     regenerator-runtime "^0.14.0"
 
-"@babel/template@^7.24.7", "@babel/template@^7.3.3":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.7.tgz#02efcee317d0609d2c07117cb70ef8fb17ab7315"
-  integrity sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==
-  dependencies:
-    "@babel/code-frame" "^7.24.7"
-    "@babel/parser" "^7.24.7"
-    "@babel/types" "^7.24.7"
-
-"@babel/template@^7.25.0":
+"@babel/template@^7.24.7", "@babel/template@^7.25.0", "@babel/template@^7.3.3":
   version "7.25.0"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.25.0.tgz#e733dc3134b4fede528c15bc95e89cb98c52592a"
   integrity sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==
@@ -1894,23 +1804,7 @@
     "@babel/parser" "^7.25.0"
     "@babel/types" "^7.25.0"
 
-"@babel/traverse@^7.13.0", "@babel/traverse@^7.24.7", "@babel/traverse@^7.4.5", "@babel/traverse@^7.7.0":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.7.tgz#de2b900163fa741721ba382163fe46a936c40cf5"
-  integrity sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==
-  dependencies:
-    "@babel/code-frame" "^7.24.7"
-    "@babel/generator" "^7.24.7"
-    "@babel/helper-environment-visitor" "^7.24.7"
-    "@babel/helper-function-name" "^7.24.7"
-    "@babel/helper-hoist-variables" "^7.24.7"
-    "@babel/helper-split-export-declaration" "^7.24.7"
-    "@babel/parser" "^7.24.7"
-    "@babel/types" "^7.24.7"
-    debug "^4.3.1"
-    globals "^11.1.0"
-
-"@babel/traverse@^7.25.2":
+"@babel/traverse@^7.13.0", "@babel/traverse@^7.24.7", "@babel/traverse@^7.25.2", "@babel/traverse@^7.4.5", "@babel/traverse@^7.7.0":
   version "7.25.6"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.25.6.tgz#04fad980e444f182ecf1520504941940a90fea41"
   integrity sha512-9Vrcx5ZW6UwK5tvqsj0nGpp/XzqthkT0dqIc9g1AdtygFToNtTF67XzYS//dm+SAK9cp3B9R4ZO/46p63SCjlQ==
@@ -1923,16 +1817,7 @@
     debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.24.7", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4", "@babel/types@^7.7.0":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.7.tgz#6027fe12bc1aa724cd32ab113fb7f1988f1f66f2"
-  integrity sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==
-  dependencies:
-    "@babel/helper-string-parser" "^7.24.7"
-    "@babel/helper-validator-identifier" "^7.24.7"
-    to-fast-properties "^2.0.0"
-
-"@babel/types@^7.25.0", "@babel/types@^7.25.2", "@babel/types@^7.25.6":
+"@babel/types@^7.0.0", "@babel/types@^7.24.7", "@babel/types@^7.25.0", "@babel/types@^7.25.2", "@babel/types@^7.25.6", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4", "@babel/types@^7.7.0":
   version "7.25.6"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.25.6.tgz#893942ddb858f32ae7a004ec9d3a76b3463ef8e6"
   integrity sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==
@@ -6229,17 +6114,7 @@ browserslist-to-esbuild@^1.2.0:
   dependencies:
     browserslist "^4.17.3"
 
-browserslist@^4.17.3, browserslist@^4.22.2, browserslist@^4.23.0:
-  version "4.23.1"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.23.1.tgz#ce4af0534b3d37db5c1a4ca98b9080f985041e96"
-  integrity sha512-TUfofFo/KsK/bWZ9TWQ5O26tsWW4Uhmt8IYklbnUa70udB6P2wA7w7o4PY4muaEPBQaAX+CEnmmIA41NVHtPVw==
-  dependencies:
-    caniuse-lite "^1.0.30001629"
-    electron-to-chromium "^1.4.796"
-    node-releases "^2.0.14"
-    update-browserslist-db "^1.0.16"
-
-browserslist@^4.23.1:
+browserslist@^4.17.3, browserslist@^4.22.2, browserslist@^4.23.0, browserslist@^4.23.1:
   version "4.23.3"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.23.3.tgz#debb029d3c93ebc97ffbc8d9cbb03403e227c800"
   integrity sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==
@@ -6372,12 +6247,7 @@ camelize@^1.0.0:
   resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.0.tgz#164a5483e630fa4321e5af07020e531831b2609b"
   integrity "sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs= sha512-W2lPwkBkMZwFlPCXhIlYgxu+7gC/NUlCtdK652DAJ1JdgV0sTrvuPFshNPrFa1TY2JOkLhgdeEBplB4ezEa+xg=="
 
-caniuse-lite@^1.0.30001629:
-  version "1.0.30001639"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001639.tgz#972b3a6adeacdd8f46af5fc7f771e9639f6c1521"
-  integrity sha512-eFHflNTBIlFwP2AIKaYuBQN/apnUoKNhBdza8ZnW/h2di4LCZ4xFqYlxUxo+LQ76KFI1PGcC1QDxMbxTZpSCAg==
-
-caniuse-lite@^1.0.30001646:
+caniuse-lite@^1.0.30001629, caniuse-lite@^1.0.30001646:
   version "1.0.30001655"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001655.tgz#0ce881f5a19a2dcfda2ecd927df4d5c1684b982f"
   integrity sha512-jRGVy3iSGO5Uutn2owlb5gR6qsGngTw9ZTb4ali9f3glshcNmJ2noam4Mo9zia5P9Dk3jNNydy7vQjuE5dQmfg==
@@ -7795,12 +7665,7 @@ ejs@^3.1.6, ejs@^3.1.7:
   dependencies:
     jake "^10.8.5"
 
-electron-to-chromium@^1.4.796:
-  version "1.4.816"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.816.tgz#3624649d1e7fde5cdbadf59d31a524245d8ee85f"
-  integrity sha512-EKH5X5oqC6hLmiS7/vYtZHZFTNdhsYG5NVPRN6Yn0kQHNBlT59+xSM8HBy66P5fxWpKgZbPqb+diC64ng295Jw==
-
-electron-to-chromium@^1.5.4:
+electron-to-chromium@^1.4.796, electron-to-chromium@^1.5.4:
   version "1.5.13"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.13.tgz#1abf0410c5344b2b829b7247e031f02810d442e6"
   integrity sha512-lbBcvtIJ4J6sS4tb5TLp1b4LyfCdMkwStzXPyAgVgTRAsep4bvrAGaBOP7ZJtQMNJpSQ9SqG4brWOroNaQtm7Q==
@@ -11821,12 +11686,7 @@ node-int64@^0.4.0:
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
   integrity "sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs= sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw=="
 
-node-releases@^2.0.14:
-  version "2.0.14"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b"
-  integrity "sha1-L/sFO864sr6Elezhq2zmAMRGGws= sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw=="
-
-node-releases@^2.0.18:
+node-releases@^2.0.14, node-releases@^2.0.18:
   version "2.0.18"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.18.tgz#f010e8d35e2fe8d6b2944f03f70213ecedc4ca3f"
   integrity sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==
@@ -13772,12 +13632,7 @@ semver@^6.0.0, semver@^6.1.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0, semve
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.5.0, semver@^7.5.2, semver@^7.5.3, semver@^7.5.4, semver@^7.6.2:
-  version "7.6.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.2.tgz#1e3b34759f896e8f14d6134732ce798aeb0c6e13"
-  integrity sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==
-
-semver@^7.6.3:
+semver@^7.5.0, semver@^7.5.2, semver@^7.5.3, semver@^7.5.4, semver@^7.6.2, semver@^7.6.3:
   version "7.6.3"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.3.tgz#980f7b5550bc175fb4dc09403085627f9eb33143"
   integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==
@@ -14488,7 +14343,7 @@ tempy@^0.6.0:
     type-fest "^0.16.0"
     unique-string "^2.0.0"
 
-terser@^5.17.4:
+terser@^5.17.4, terser@^5.31.1:
   version "5.31.6"
   resolved "https://registry.yarnpkg.com/terser/-/terser-5.31.6.tgz#c63858a0f0703988d0266a82fcbf2d7ba76422b1"
   integrity sha512-PQ4DAriWzKj+qgehQ7LK5bQqCFNMmlhjR2PFFLuqGCpuCAauxemVBWwWOxo3UIwWQx8+Pr61Df++r76wDmkQBg==
@@ -14498,16 +14353,6 @@ terser@^5.17.4:
     commander "^2.20.0"
     source-map-support "~0.5.20"
 
-terser@^5.31.1:
-  version "5.31.1"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.31.1.tgz#735de3c987dd671e95190e6b98cfe2f07f3cf0d4"
-  integrity sha512-37upzU1+viGvuFtBo9NPufCb9dwM0+l9hMxYyWfBA+fbwrPqNJAhbZ6W47bBFnZHKHTUBnMvi87434qq+qnxOg==
-  dependencies:
-    "@jridgewell/source-map" "^0.3.3"
-    acorn "^8.8.2"
-    commander "^2.20.0"
-    source-map-support "~0.5.20"
-
 test-exclude@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"