@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

package/dist/shared/src/components/ListAttributeForm/ListAttributeForm.es.js

@@ -16,6 +16,7 @@ import "../../api/generated/configuration.es.js";
 import "../../api/generated/dataImport.es.js";
 import "../../api/generated/desktop.es.js";
 import "../../api/generated/entityLists.es.js";
+import "../../api/generated/enums.es.js";
 import "../../api/generated/events.es.js";
 import "../../api/generated/files.es.js";
 import "../../api/generated/folders.es.js";
@@ -41,6 +42,8 @@ import "../../api/generated/workfiles.es.js";
 import "../../api/generated/ynputCloud.es.js";
 import "../../api/generated/grouping.es.js";
 import "../../api/generated/views.es.js";
+import "../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../api/queries/actions/getActions.es.js";
 import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
@@ -71,6 +74,7 @@ import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/enums/getEnums.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
@@ -99,18 +103,18 @@ import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
 import "../../api/queries/uris/getUris.es.js";
 import { toast as V } from "react-toastify";
-import { useProjectContext as j } from "../../context/ProjectContext.es.js";
-const xr = ({
-  projectName: n,
+import { useProjectContext as w } from "../../context/ProjectContext.es.js";
+const Vr = ({
+  projectName: s,
   list: r,
   isLoading: b,
   attributes: m = []
 }) => {
-  const [f, s] = E({
+  const [f, n] = E({
     label: "",
     tags: [],
     active: !1
-  }), g = (r?.accessLevel || 0) >= 30, { tags: l } = j(), { data: c = [] } = S(), p = u(
+  }), g = (r?.accessLevel || 0) >= 30, { tags: l } = w(), { data: c = [] } = S(), p = u(
     () => c.filter((t) => t.scope?.includes("list")).map((t) => ({
       name: t.name,
       data: t.data
@@ -141,7 +145,7 @@ const xr = ({
         const L = t[a];
         return o[a] = L || "", o;
       }, {});
-      s({
+      n({
         label: r?.label || "",
         tags: r?.tags || [],
         active: r?.active ?? !1,
@@ -165,27 +169,28 @@ const xr = ({
             ...o,
             [t]: i
           }
-        }, s((a) => ({ ...a, [t]: i }));
+        }, n((a) => ({ ...a, [t]: i }));
       } else {
         const o = { [t]: i };
-        e = o, s((a) => ({ ...a, ...o }));
+        e = o, n((a) => ({ ...a, ...o }));
       }
       try {
         await d({
           listId: r.id,
-          projectName: n,
+          projectName: s,
           entityListPatchModel: e
         });
       } catch (o) {
         console.error(o), V.error("Failed to update list attribute: ", o.attrib.detail);
       }
     },
-    [r?.id, r?.attrib, n, d, p, m]
+    [r?.id, r?.attrib, s, d, p, m]
   );
   return /* @__PURE__ */ h.jsx(
     C,
     {
       enableEditing: g,
+      projectName: s,
       fields: A,
       form: f,
       isLoading: b,
@@ -195,6 +200,6 @@ const xr = ({
   );
 };
 export {
-  xr as ListAttributeForm
+  Vr as ListAttributeForm
 };
 //# sourceMappingURL=ListAttributeForm.es.js.map

package/dist/shared/src/components/ListAttributeForm/ListAttributeForm.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListAttributeForm.es.js","sources":["../../../../../src/components/ListAttributeForm/ListAttributeForm.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState, useMemo } from 'react'\nimport { AttributeField, DetailsPanelAttributesEditor } from '../DetailsPanelAttributes'\nimport { useUpdateEntityListMutation, useGetAttributeListQuery } from '@shared/api'\nimport type { EntityListModel } from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useProjectContext } from '@shared/context/ProjectContext'\n\ninterface ListAttributeFormProps {\n  projectName: string\n  list?: EntityListModel\n  isLoading?: boolean\n  attributes?: AttributeField[]\n}\n\n// explicit type for the form state\ntype FormValue = string | number | boolean | any[] | Record<string, any> | Date | null | undefined\n\ninterface ListFormData {\n  label: string\n  tags: string[]\n  active: boolean\n  // index signature so the object is compatible with DetailsPanelAttributesEditor expected form shape\n  [key: string]: FormValue\n}\n\nexport const ListAttributeForm: FC<ListAttributeFormProps> = ({\n  projectName,\n  list,\n  isLoading,\n  attributes = [],\n}) => {\n  const [form, setForm] = useState<ListFormData>({\n    label: '',\n    tags: [],\n    active: false,\n  })\n\n  // You must be an admin to edit the list itself\n  const canEdit = (list?.accessLevel || 0) >= 30\n  const { tags } = useProjectContext()\n\n  // Fetch list-scoped attributes\n  const { data: allAttributes = [] } = useGetAttributeListQuery()\n  const listScopedAttributes = useMemo(\n    () =>\n      allAttributes\n        .filter((attr) => attr.scope?.includes('list'))\n        .map((attr) => ({\n          name: attr.name,\n          data: attr.data,\n        })),\n    [allAttributes],\n  )\n\n  const fields: AttributeField[] = useMemo(\n    () => [\n      { name: 'label', data: { type: 'string', title: 'Label' } },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: tags?.map((t) => ({ value: t.name, label: t.name, color: t.color })),\n          enableCustomValues: true,\n          enableSearch: true,\n        },\n      },\n      ...listScopedAttributes,\n      { name: 'active', data: { type: 'boolean', title: 'Active' } },\n      ...attributes,\n    ],\n    [tags, listScopedAttributes, attributes],\n  )\n\n  useEffect(() => {\n    if (list) {\n      const parsedAttrib = list.attrib || {}\n\n      // get the data for all attrib fields (list-scoped and passed attributes)\n      const allAttribFields = [...listScopedAttributes, ...attributes]\n      const attribFieldValues = allAttribFields.reduce((acc, { name }) => {\n        const fieldValue = (parsedAttrib as Record<string, any>)[name]\n        // Default to empty string for all attrib fields\n        acc[name] = fieldValue || ''\n        return acc\n      }, {} as Record<string, any>)\n\n      setForm({\n        label: list?.label || '',\n        tags: list?.tags || [],\n        active: list?.active ?? false,\n        ...attribFieldValues,\n      })\n    }\n  }, [list, JSON.stringify(attributes), JSON.stringify(listScopedAttributes)])\n\n  const [updateList] = useUpdateEntityListMutation()\n\n  const isAttribField = (fieldName: string): boolean => {\n    return (\n      attributes.some((attr) => attr.name === fieldName) ||\n      listScopedAttributes.some((attr) => attr.name === fieldName)\n    )\n  }\n\n  const handleChange = useCallback(\n    async (key: string, value: any) => {\n      if (!list?.id) return console.warn('No list ID provided')\n\n      let updatePayload: any\n\n      if (isAttribField(key)) {\n        const currentAttrib = list.attrib || {}\n\n        // If the value is empty string for category, set it to null to clear it\n        if (value === '' && key === 'category') {\n          updatePayload = {\n            attrib: {\n              ...currentAttrib,\n              [key]: null,\n            },\n          }\n        } else {\n          updatePayload = {\n            attrib: {\n              ...currentAttrib,\n              [key]: value,\n            },\n          }\n        }\n\n        // Update local form state\n        setForm((prev) => ({ ...prev, [key]: value }))\n      } else {\n        // For other fields, update normally\n        const newValue = { [key]: value }\n        updatePayload = newValue\n        // Update local form state\n        setForm((prev) => ({ ...prev, ...newValue }))\n      }\n\n      // update the list in the database in the background\n      try {\n        await updateList({\n          listId: list.id,\n          projectName,\n          entityListPatchModel: updatePayload,\n        })\n      } catch (error: any) {\n        console.error(error)\n        toast.error('Failed to update list attribute: ', error.attrib.detail)\n      }\n    },\n    [list?.id, list?.attrib, projectName, updateList, listScopedAttributes, attributes],\n  )\n\n  return (\n    <DetailsPanelAttributesEditor\n      enableEditing={canEdit}\n      fields={fields}\n      form={form}\n      isLoading={isLoading}\n      onChange={handleChange}\n      title=\"Attributes\"\n    />\n  )\n}\n"],"names":["ListAttributeForm","projectName","list","isLoading","attributes","form","setForm","useState","canEdit","tags","useProjectContext","allAttributes","useGetAttributeListQuery","listScopedAttributes","useMemo","attr","fields","useEffect","parsedAttrib","attribFieldValues","acc","name","fieldValue","updateList","useUpdateEntityListMutation","isAttribField","fieldName","handleChange","useCallback","key","value","updatePayload","currentAttrib","prev","newValue","error","toast","jsx","DetailsPanelAttributesEditor"],"mappings":"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"}
+{"version":3,"file":"ListAttributeForm.es.js","sources":["../../../../../src/components/ListAttributeForm/ListAttributeForm.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState, useMemo } from 'react'\nimport { AttributeField, DetailsPanelAttributesEditor } from '../DetailsPanelAttributes'\nimport { useUpdateEntityListMutation, useGetAttributeListQuery } from '@shared/api'\nimport type { EntityListModel } from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useProjectContext } from '@shared/context/ProjectContext'\n\ninterface ListAttributeFormProps {\n  projectName: string\n  list?: EntityListModel\n  isLoading?: boolean\n  attributes?: AttributeField[]\n}\n\n// explicit type for the form state\ntype FormValue = string | number | boolean | any[] | Record<string, any> | Date | null | undefined\n\ninterface ListFormData {\n  label: string\n  tags: string[]\n  active: boolean\n  // index signature so the object is compatible with DetailsPanelAttributesEditor expected form shape\n  [key: string]: FormValue\n}\n\nexport const ListAttributeForm: FC<ListAttributeFormProps> = ({\n  projectName,\n  list,\n  isLoading,\n  attributes = [],\n}) => {\n  const [form, setForm] = useState<ListFormData>({\n    label: '',\n    tags: [],\n    active: false,\n  })\n\n  // You must be an admin to edit the list itself\n  const canEdit = (list?.accessLevel || 0) >= 30\n  const { tags } = useProjectContext()\n\n  // Fetch list-scoped attributes\n  const { data: allAttributes = [] } = useGetAttributeListQuery()\n  const listScopedAttributes = useMemo(\n    () =>\n      allAttributes\n        .filter((attr) => attr.scope?.includes('list'))\n        .map((attr) => ({\n          name: attr.name,\n          data: attr.data,\n        })),\n    [allAttributes],\n  )\n\n  const fields: AttributeField[] = useMemo(\n    () => [\n      { name: 'label', data: { type: 'string', title: 'Label' } },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: tags?.map((t) => ({ value: t.name, label: t.name, color: t.color })),\n          enableCustomValues: true,\n          enableSearch: true,\n        },\n      },\n      ...listScopedAttributes,\n      { name: 'active', data: { type: 'boolean', title: 'Active' } },\n      ...attributes,\n    ],\n    [tags, listScopedAttributes, attributes],\n  )\n\n  useEffect(() => {\n    if (list) {\n      const parsedAttrib = list.attrib || {}\n\n      // get the data for all attrib fields (list-scoped and passed attributes)\n      const allAttribFields = [...listScopedAttributes, ...attributes]\n      const attribFieldValues = allAttribFields.reduce((acc, { name }) => {\n        const fieldValue = (parsedAttrib as Record<string, any>)[name]\n        // Default to empty string for all attrib fields\n        acc[name] = fieldValue || ''\n        return acc\n      }, {} as Record<string, any>)\n\n      setForm({\n        label: list?.label || '',\n        tags: list?.tags || [],\n        active: list?.active ?? false,\n        ...attribFieldValues,\n      })\n    }\n  }, [list, JSON.stringify(attributes), JSON.stringify(listScopedAttributes)])\n\n  const [updateList] = useUpdateEntityListMutation()\n\n  const isAttribField = (fieldName: string): boolean => {\n    return (\n      attributes.some((attr) => attr.name === fieldName) ||\n      listScopedAttributes.some((attr) => attr.name === fieldName)\n    )\n  }\n\n  const handleChange = useCallback(\n    async (key: string, value: any) => {\n      if (!list?.id) return console.warn('No list ID provided')\n\n      let updatePayload: any\n\n      if (isAttribField(key)) {\n        const currentAttrib = list.attrib || {}\n\n        // If the value is empty string for category, set it to null to clear it\n        if (value === '' && key === 'category') {\n          updatePayload = {\n            attrib: {\n              ...currentAttrib,\n              [key]: null,\n            },\n          }\n        } else {\n          updatePayload = {\n            attrib: {\n              ...currentAttrib,\n              [key]: value,\n            },\n          }\n        }\n\n        // Update local form state\n        setForm((prev) => ({ ...prev, [key]: value }))\n      } else {\n        // For other fields, update normally\n        const newValue = { [key]: value }\n        updatePayload = newValue\n        // Update local form state\n        setForm((prev) => ({ ...prev, ...newValue }))\n      }\n\n      // update the list in the database in the background\n      try {\n        await updateList({\n          listId: list.id,\n          projectName,\n          entityListPatchModel: updatePayload,\n        })\n      } catch (error: any) {\n        console.error(error)\n        toast.error('Failed to update list attribute: ', error.attrib.detail)\n      }\n    },\n    [list?.id, list?.attrib, projectName, updateList, listScopedAttributes, attributes],\n  )\n\n  return (\n    <DetailsPanelAttributesEditor\n      enableEditing={canEdit}\n      projectName={projectName}\n      fields={fields}\n      form={form}\n      isLoading={isLoading}\n      onChange={handleChange}\n      title=\"Attributes\"\n    />\n  )\n}\n"],"names":["ListAttributeForm","projectName","list","isLoading","attributes","form","setForm","useState","canEdit","tags","useProjectContext","allAttributes","useGetAttributeListQuery","listScopedAttributes","useMemo","attr","fields","useEffect","parsedAttrib","attribFieldValues","acc","name","fieldValue","updateList","useUpdateEntityListMutation","isAttribField","fieldName","handleChange","useCallback","key","value","updatePayload","currentAttrib","prev","newValue","error","toast","jsx","DetailsPanelAttributesEditor"],"mappings":"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"}

package/dist/shared/src/components/ListMetaData/ListMetaData.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../../_virtual/jsx-runtime.cjs.js"),u=require("date-fns");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react");require("@ynput/ayon-react-components");require("react-quill-ayon");require("clsx");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/pubsub.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");const d=require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");const o=({list:e,isLoading:q})=>{const r={...e?.data||{}};delete r.category,delete r.count;const i={Id:e?.id,"Entity type":e?.entityType,"List type":e?.entityListType,"Items count":e?.items?.length,Owner:e?.owner,"Created at":e?.createdAt&&u.format(new Date(e?.createdAt),"PPpp"),"Created by":e?.createdBy,"Updated at":e?.updatedAt&&u.format(new Date(e?.updatedAt),"PPpp"),"Last updated by":e?.updatedBy,...r},t=Object.keys(i).map(a=>({name:a,data:{type:"string"},hidden:!1}));return n.jsxRuntimeExports.jsx(d.DetailsSection,{form:i,fields:t,isLoading:!!q})};exports.ListMetaData=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../../../_virtual/jsx-runtime.cjs.js"),q=require("date-fns");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react");require("@ynput/ayon-react-components");require("react-quill-ayon");require("clsx");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/enums.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/accessGroups/getAccessGroups.cjs.js");require("../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/enums/getEnums.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");const o=require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");const c=({list:e,isLoading:t})=>{const a=Object.fromEntries(Object.entries(e?.data||{}).filter(([r,u])=>!["category","count"].includes(r)&&u!==null&&typeof u!="object")),i={Id:e?.id,"Entity type":e?.entityType,"List type":e?.entityListType,"Items count":e?.items?.length,Owner:e?.owner,"Created at":e?.createdAt&&q.format(new Date(e?.createdAt),"PPpp"),"Created by":e?.createdBy,"Updated at":e?.updatedAt&&q.format(new Date(e?.updatedAt),"PPpp"),"Last updated by":e?.updatedBy,...a},n=Object.keys(i).map(r=>({name:r,data:{type:"string"},hidden:!1}));return d.jsxRuntimeExports.jsx(o.DetailsSection,{form:i,fields:n,isLoading:!!t})};exports.ListMetaData=c;
 //# sourceMappingURL=ListMetaData.cjs.js.map

package/dist/shared/src/components/ListMetaData/ListMetaData.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListMetaData.cjs.js","sources":["../../../../../src/components/ListMetaData/ListMetaData.tsx"],"sourcesContent":["// displays the meta data for a list\n\nimport type { EntityListModel } from '@shared/api'\nimport { format } from 'date-fns'\nimport { FC } from 'react'\nimport { DetailsSection } from '../DetailsPanelDetails'\n\ninterface ListMetaDataProps {\n  list?: EntityListModel\n  isLoading?: boolean\n}\n\nexport const ListMetaData: FC<ListMetaDataProps> = ({ list, isLoading }) => {\n  const listData = { ...(list?.data || {}) }\n  // remove category and count from the meta data\n  // @ts-expect-error\n  delete listData.category\n  // @ts-expect-error\n  delete listData.count\n\n  const metaData = {\n    Id: list?.id,\n    'Entity type': list?.entityType,\n    'List type': list?.entityListType,\n    'Items count': list?.items?.length,\n    Owner: list?.owner,\n    'Created at': list?.createdAt && format(new Date(list?.createdAt), 'PPpp'),\n    'Created by': list?.createdBy,\n    'Updated at': list?.updatedAt && format(new Date(list?.updatedAt), 'PPpp'),\n    'Last updated by': list?.updatedBy,\n    ...listData,\n  }\n\n  const fields = Object.keys(metaData).map((key) => ({\n    name: key,\n    data: { type: 'string' as 'string' },\n    hidden: false,\n  }))\n\n  return <DetailsSection form={metaData} fields={fields} isLoading={!!isLoading} />\n}\n"],"names":["ListMetaData","list","isLoading","listData","metaData","format","fields","key","jsx","DetailsSection"],"mappings":"uwMAYO,MAAMA,EAAsC,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAAgB,CAC1E,MAAMC,EAAW,CAAE,GAAIF,GAAM,MAAQ,CAAA,CAAC,EAGtC,OAAOE,EAAS,SAEhB,OAAOA,EAAS,MAEhB,MAAMC,EAAW,CACf,GAAIH,GAAM,GACV,cAAeA,GAAM,WACrB,YAAaA,GAAM,eACnB,cAAeA,GAAM,OAAO,OAC5B,MAAOA,GAAM,MACb,aAAcA,GAAM,WAAaI,EAAAA,OAAO,IAAI,KAAKJ,GAAM,SAAS,EAAG,MAAM,EACzE,aAAcA,GAAM,UACpB,aAAcA,GAAM,WAAaI,EAAAA,OAAO,IAAI,KAAKJ,GAAM,SAAS,EAAG,MAAM,EACzE,kBAAmBA,GAAM,UACzB,GAAGE,CAAA,EAGCG,EAAS,OAAO,KAAKF,CAAQ,EAAE,IAAKG,IAAS,CACjD,KAAMA,EACN,KAAM,CAAE,KAAM,QAAA,EACd,OAAQ,EAAA,EACR,EAEF,OAAOC,EAAAA,kBAAAA,IAACC,kBAAe,KAAML,EAAU,OAAAE,EAAgB,UAAW,CAAC,CAACJ,EAAW,CACjF"}
+{"version":3,"file":"ListMetaData.cjs.js","sources":["../../../../../src/components/ListMetaData/ListMetaData.tsx"],"sourcesContent":["// displays the meta data for a list\n\nimport type { EntityListModel } from '@shared/api'\nimport { format } from 'date-fns'\nimport { FC } from 'react'\nimport { DetailsSection } from '../DetailsPanelDetails'\n\ninterface ListMetaDataProps {\n  list?: EntityListModel\n  isLoading?: boolean\n}\n\nexport const ListMetaData: FC<ListMetaDataProps> = ({ list, isLoading }) => {\n  // data also holds structured entries (list attribute definitions, review session\n  // sections/grouping) which have no meaningful string rendering\n  const listData = Object.fromEntries(\n    Object.entries(list?.data || {}).filter(\n      ([key, value]) =>\n        !['category', 'count'].includes(key) && value !== null && typeof value !== 'object',\n    ),\n  )\n\n  const metaData = {\n    Id: list?.id,\n    'Entity type': list?.entityType,\n    'List type': list?.entityListType,\n    'Items count': list?.items?.length,\n    Owner: list?.owner,\n    'Created at': list?.createdAt && format(new Date(list?.createdAt), 'PPpp'),\n    'Created by': list?.createdBy,\n    'Updated at': list?.updatedAt && format(new Date(list?.updatedAt), 'PPpp'),\n    'Last updated by': list?.updatedBy,\n    ...listData,\n  }\n\n  const fields = Object.keys(metaData).map((key) => ({\n    name: key,\n    data: { type: 'string' as 'string' },\n    hidden: false,\n  }))\n\n  return <DetailsSection form={metaData} fields={fields} isLoading={!!isLoading} />\n}\n"],"names":["ListMetaData","list","isLoading","listData","key","value","metaData","format","fields","jsx","DetailsSection"],"mappings":"29MAYO,MAAMA,EAAsC,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAAgB,CAG1E,MAAMC,EAAW,OAAO,YACtB,OAAO,QAAQF,GAAM,MAAQ,CAAA,CAAE,EAAE,OAC/B,CAAC,CAACG,EAAKC,CAAK,IACV,CAAC,CAAC,WAAY,OAAO,EAAE,SAASD,CAAG,GAAKC,IAAU,MAAQ,OAAOA,GAAU,QAAA,CAC/E,EAGIC,EAAW,CACf,GAAIL,GAAM,GACV,cAAeA,GAAM,WACrB,YAAaA,GAAM,eACnB,cAAeA,GAAM,OAAO,OAC5B,MAAOA,GAAM,MACb,aAAcA,GAAM,WAAaM,EAAAA,OAAO,IAAI,KAAKN,GAAM,SAAS,EAAG,MAAM,EACzE,aAAcA,GAAM,UACpB,aAAcA,GAAM,WAAaM,EAAAA,OAAO,IAAI,KAAKN,GAAM,SAAS,EAAG,MAAM,EACzE,kBAAmBA,GAAM,UACzB,GAAGE,CAAA,EAGCK,EAAS,OAAO,KAAKF,CAAQ,EAAE,IAAKF,IAAS,CACjD,KAAMA,EACN,KAAM,CAAE,KAAM,QAAA,EACd,OAAQ,EAAA,EACR,EAEF,OAAOK,EAAAA,kBAAAA,IAACC,kBAAe,KAAMJ,EAAU,OAAAE,EAAgB,UAAW,CAAC,CAACN,EAAW,CACjF"}

package/dist/shared/src/components/ListMetaData/ListMetaData.es.js

@@ -1,11 +1,10 @@
-import { j as a } from "../../../../_virtual/jsx-runtime.es.js";
-import { format as p } from "date-fns";
+import { j as n } from "../../../../_virtual/jsx-runtime.es.js";
+import { format as m } from "date-fns";
 import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
 import "react";
 import "@ynput/ayon-react-components";
 import "react-quill-ayon";
 import "clsx";
-import "../DetailsPanelDetails/BorderedSection.es.js";
 import "../QuillListStyles/QuillListStyles.es.js";
 import "../DetailsPanelDetails/DescriptionSection.styles.es.js";
 import "react-markdown";
@@ -17,6 +16,7 @@ import "lodash";
 import "react-toastify";
 import "uuid";
 import "../../api/queries/users/updateUsers.es.js";
+import "../../util/searchTerms.es.js";
 import "../../util/pubsub.es.js";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
@@ -33,6 +33,7 @@ import "../../api/generated/configuration.es.js";
 import "../../api/generated/dataImport.es.js";
 import "../../api/generated/desktop.es.js";
 import "../../api/generated/entityLists.es.js";
+import "../../api/generated/enums.es.js";
 import "../../api/generated/events.es.js";
 import "../../api/generated/files.es.js";
 import "../../api/generated/folders.es.js";
@@ -58,6 +59,8 @@ import "../../api/generated/workfiles.es.js";
 import "../../api/generated/ynputCloud.es.js";
 import "../../api/generated/grouping.es.js";
 import "../../api/generated/views.es.js";
+import "../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../api/queries/actions/getActions.es.js";
 import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
@@ -88,6 +91,7 @@ import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/enums/getEnums.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
@@ -122,28 +126,30 @@ import "../../context/UriContext.es.js";
 import "../../context/DetailsPanelContextInstance.es.js";
 import { DetailsSection as d } from "../DetailsPanelDetails/DetailsSection.es.js";
 import "../DetailsPanelDetails/FieldLabel.es.js";
-const Br = ({ list: t, isLoading: m }) => {
-  const r = { ...t?.data || {} };
-  delete r.category, delete r.count;
-  const o = {
+const Tr = ({ list: t, isLoading: i }) => {
+  const e = Object.fromEntries(
+    Object.entries(t?.data || {}).filter(
+      ([r, p]) => !["category", "count"].includes(r) && p !== null && typeof p != "object"
+    )
+  ), o = {
     Id: t?.id,
     "Entity type": t?.entityType,
     "List type": t?.entityListType,
     "Items count": t?.items?.length,
     Owner: t?.owner,
-    "Created at": t?.createdAt && p(new Date(t?.createdAt), "PPpp"),
+    "Created at": t?.createdAt && m(new Date(t?.createdAt), "PPpp"),
     "Created by": t?.createdBy,
-    "Updated at": t?.updatedAt && p(new Date(t?.updatedAt), "PPpp"),
+    "Updated at": t?.updatedAt && m(new Date(t?.updatedAt), "PPpp"),
     "Last updated by": t?.updatedBy,
-    ...r
-  }, i = Object.keys(o).map((e) => ({
-    name: e,
+    ...e
+  }, a = Object.keys(o).map((r) => ({
+    name: r,
     data: { type: "string" },
     hidden: !1
   }));
-  return /* @__PURE__ */ a.jsx(d, { form: o, fields: i, isLoading: !!m });
+  return /* @__PURE__ */ n.jsx(d, { form: o, fields: a, isLoading: !!i });
 };
 export {
-  Br as ListMetaData
+  Tr as ListMetaData
 };
 //# sourceMappingURL=ListMetaData.es.js.map

package/dist/shared/src/components/ListMetaData/ListMetaData.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListMetaData.es.js","sources":["../../../../../src/components/ListMetaData/ListMetaData.tsx"],"sourcesContent":["// displays the meta data for a list\n\nimport type { EntityListModel } from '@shared/api'\nimport { format } from 'date-fns'\nimport { FC } from 'react'\nimport { DetailsSection } from '../DetailsPanelDetails'\n\ninterface ListMetaDataProps {\n  list?: EntityListModel\n  isLoading?: boolean\n}\n\nexport const ListMetaData: FC<ListMetaDataProps> = ({ list, isLoading }) => {\n  const listData = { ...(list?.data || {}) }\n  // remove category and count from the meta data\n  // @ts-expect-error\n  delete listData.category\n  // @ts-expect-error\n  delete listData.count\n\n  const metaData = {\n    Id: list?.id,\n    'Entity type': list?.entityType,\n    'List type': list?.entityListType,\n    'Items count': list?.items?.length,\n    Owner: list?.owner,\n    'Created at': list?.createdAt && format(new Date(list?.createdAt), 'PPpp'),\n    'Created by': list?.createdBy,\n    'Updated at': list?.updatedAt && format(new Date(list?.updatedAt), 'PPpp'),\n    'Last updated by': list?.updatedBy,\n    ...listData,\n  }\n\n  const fields = Object.keys(metaData).map((key) => ({\n    name: key,\n    data: { type: 'string' as 'string' },\n    hidden: false,\n  }))\n\n  return <DetailsSection form={metaData} fields={fields} isLoading={!!isLoading} />\n}\n"],"names":["ListMetaData","list","isLoading","listData","metaData","format","fields","key","jsx","DetailsSection"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAMA,KAAsC,CAAC,EAAE,MAAAC,GAAM,WAAAC,QAAgB;AAC1E,QAAMC,IAAW,EAAE,GAAIF,GAAM,QAAQ,CAAA,EAAC;AAGtC,SAAOE,EAAS,UAEhB,OAAOA,EAAS;AAEhB,QAAMC,IAAW;AAAA,IACf,IAAIH,GAAM;AAAA,IACV,eAAeA,GAAM;AAAA,IACrB,aAAaA,GAAM;AAAA,IACnB,eAAeA,GAAM,OAAO;AAAA,IAC5B,OAAOA,GAAM;AAAA,IACb,cAAcA,GAAM,aAAaI,EAAO,IAAI,KAAKJ,GAAM,SAAS,GAAG,MAAM;AAAA,IACzE,cAAcA,GAAM;AAAA,IACpB,cAAcA,GAAM,aAAaI,EAAO,IAAI,KAAKJ,GAAM,SAAS,GAAG,MAAM;AAAA,IACzE,mBAAmBA,GAAM;AAAA,IACzB,GAAGE;AAAA,EAAA,GAGCG,IAAS,OAAO,KAAKF,CAAQ,EAAE,IAAI,CAACG,OAAS;AAAA,IACjD,MAAMA;AAAA,IACN,MAAM,EAAE,MAAM,SAAA;AAAA,IACd,QAAQ;AAAA,EAAA,EACR;AAEF,SAAOC,gBAAAA,EAAAA,IAACC,KAAe,MAAML,GAAU,QAAAE,GAAgB,WAAW,CAAC,CAACJ,GAAW;AACjF;"}
+{"version":3,"file":"ListMetaData.es.js","sources":["../../../../../src/components/ListMetaData/ListMetaData.tsx"],"sourcesContent":["// displays the meta data for a list\n\nimport type { EntityListModel } from '@shared/api'\nimport { format } from 'date-fns'\nimport { FC } from 'react'\nimport { DetailsSection } from '../DetailsPanelDetails'\n\ninterface ListMetaDataProps {\n  list?: EntityListModel\n  isLoading?: boolean\n}\n\nexport const ListMetaData: FC<ListMetaDataProps> = ({ list, isLoading }) => {\n  // data also holds structured entries (list attribute definitions, review session\n  // sections/grouping) which have no meaningful string rendering\n  const listData = Object.fromEntries(\n    Object.entries(list?.data || {}).filter(\n      ([key, value]) =>\n        !['category', 'count'].includes(key) && value !== null && typeof value !== 'object',\n    ),\n  )\n\n  const metaData = {\n    Id: list?.id,\n    'Entity type': list?.entityType,\n    'List type': list?.entityListType,\n    'Items count': list?.items?.length,\n    Owner: list?.owner,\n    'Created at': list?.createdAt && format(new Date(list?.createdAt), 'PPpp'),\n    'Created by': list?.createdBy,\n    'Updated at': list?.updatedAt && format(new Date(list?.updatedAt), 'PPpp'),\n    'Last updated by': list?.updatedBy,\n    ...listData,\n  }\n\n  const fields = Object.keys(metaData).map((key) => ({\n    name: key,\n    data: { type: 'string' as 'string' },\n    hidden: false,\n  }))\n\n  return <DetailsSection form={metaData} fields={fields} isLoading={!!isLoading} />\n}\n"],"names":["ListMetaData","list","isLoading","listData","key","value","metaData","format","fields","jsx","DetailsSection"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAMA,KAAsC,CAAC,EAAE,MAAAC,GAAM,WAAAC,QAAgB;AAG1E,QAAMC,IAAW,OAAO;AAAA,IACtB,OAAO,QAAQF,GAAM,QAAQ,CAAA,CAAE,EAAE;AAAA,MAC/B,CAAC,CAACG,GAAKC,CAAK,MACV,CAAC,CAAC,YAAY,OAAO,EAAE,SAASD,CAAG,KAAKC,MAAU,QAAQ,OAAOA,KAAU;AAAA,IAAA;AAAA,EAC/E,GAGIC,IAAW;AAAA,IACf,IAAIL,GAAM;AAAA,IACV,eAAeA,GAAM;AAAA,IACrB,aAAaA,GAAM;AAAA,IACnB,eAAeA,GAAM,OAAO;AAAA,IAC5B,OAAOA,GAAM;AAAA,IACb,cAAcA,GAAM,aAAaM,EAAO,IAAI,KAAKN,GAAM,SAAS,GAAG,MAAM;AAAA,IACzE,cAAcA,GAAM;AAAA,IACpB,cAAcA,GAAM,aAAaM,EAAO,IAAI,KAAKN,GAAM,SAAS,GAAG,MAAM;AAAA,IACzE,mBAAmBA,GAAM;AAAA,IACzB,GAAGE;AAAA,EAAA,GAGCK,IAAS,OAAO,KAAKF,CAAQ,EAAE,IAAI,CAACF,OAAS;AAAA,IACjD,MAAMA;AAAA,IACN,MAAM,EAAE,MAAM,SAAA;AAAA,IACd,QAAQ;AAAA,EAAA,EACR;AAEF,SAAOK,gBAAAA,EAAAA,IAACC,KAAe,MAAMJ,GAAU,QAAAE,GAAgB,WAAW,CAAC,CAACN,GAAW;AACjF;"}

package/dist/shared/src/components/Menu/Menu.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../_virtual/jsx-runtime.cjs.js"),R=require("react"),y=require("./Menu.styled.cjs.js"),j=require("./MenuList.cjs.js"),C=require("./MenuContainer.cjs.js");require("lodash");require("react-toastify");const S=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/pubsub.cjs.js");const g=require("@ynput/ayon-react-components"),E=require("../../context/MenuContext.cjs.js"),T=require("../../context/PowerpackContext.cjs.js"),m=({menu:v=[],onClose:l,header:c,footer:a=""})=>{const{setPowerpackDialog:p}=T.usePowerpack(),{setMenuOpen:d}=E.useMenuContext(),[r,o]=R.useState([]),M=(e,t,n,u)=>{if(n)return l?.();t?.(e),!u&&l&&l()},x=(e,t)=>{if(t.items.length){if(!r.find(n=>n.id===t.id)){const n=t.parentEl??e.currentTarget??e.target;o([...r.filter(u=>u.level<(t.level||0)+1),{...t,id:t.id,level:(t.level||0)+1,parentRef:n}])}}else o(r.filter(n=>n.level<=(t.level||0)))},b=(e,t={})=>{const n=e.relatedTarget;if(!n)return;if(n.tagName==="DIALOG")return o([]);typeof n.closest=="function"&&n.closest(`#${C.MENU_PORTAL_CONTENT_ID}`)||r.find(s=>s.id===n.id)||o(r.filter(s=>s.level<=(t.level||0)+1))},f=(e,t)=>{e.type==="mouseenter"||e.type==="keydown"?x(e,t):e.type==="mouseleave"&&b(e,t)},q=(e,t,n)=>{o(u=>u.map(s=>s.id===e?{...s,style:t,placement:n}:s))};return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsxs(y.Section,{children:[c&&c,i.jsxRuntimeExports.jsx(j.MenuList,{items:v,handleClick:M,onSubMenu:f,level:0,setPowerpackDialog:p,onMenuClose:()=>d(!1)}),a&&i.jsxRuntimeExports.jsxs(y.Footer,{children:[a,i.jsxRuntimeExports.jsx(g.Button,{icon:"content_copy",variant:"text",onClick:()=>S.copyToClipboard(a)})]})]}),r.map((e,t)=>i.jsxRuntimeExports.jsx(j.MenuList,{...e,parentRef:e.parentRef||null,style:e.style||{},handleClick:M,subMenu:!0,onSubMenu:f,onSubMenuLayout:q,onClose:()=>o(r.filter(n=>n.id!==e.id)),onMenuClose:()=>d(!1),onChange:x,setPowerpackDialog:p,itemClassName:void 0,itemStyle:void 0},t))]})};exports.Menu=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../../../_virtual/jsx-runtime.cjs.js"),y=require("react"),h=require("./Menu.styled.cjs.js"),v=require("./MenuList.cjs.js"),m=require("./MenuContainer.cjs.js");require("lodash");require("react-toastify");const R=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");const C=require("@ynput/ayon-react-components"),E=require("../../context/MenuContext.cjs.js"),b=require("../../context/PowerpackContext.cjs.js"),j=(l,r)=>{for(const s of l){if(s.id===r)return s.items?.length?s.items:void 0;const o=s.items?.length?j(s.items,r):void 0;if(o)return o}},T=(l,r)=>l.length===r.length&&l.every((s,o)=>s.id===r[o].id&&s.icon===r[o].icon&&s.selected===r[o].selected&&s.active===r[o].active),L=({menu:l=[],onClose:r,header:s,footer:o=""})=>{const{setPowerpackDialog:f}=b.usePowerpack(),{setMenuOpen:M}=E.useMenuContext(),[c,a]=y.useState([]),x=(e,t,n,u)=>{if(n)return r?.();t?.(e),!u&&r&&r()},p=(e,t)=>{if(t.items.length){if(!c.find(n=>n.id===t.id)){const n=t.parentEl??e.currentTarget??e.target;a([...c.filter(u=>u.level<(t.level||0)+1),{...t,id:t.id,level:(t.level||0)+1,parentRef:n}])}}else a(c.filter(n=>n.level<=(t.level||0)))},q=(e,t={})=>{const n=e.relatedTarget;if(!n)return;if(n.tagName==="DIALOG")return a([]);typeof n.closest=="function"&&n.closest(`#${m.MENU_PORTAL_CONTENT_ID}`)||c.find(i=>i.id===n.id)||a(c.filter(i=>i.level<=(t.level||0)+1))},g=(e,t)=>{e.type==="mouseenter"||e.type==="keydown"?p(e,t):e.type==="mouseleave"&&q(e,t)};y.useEffect(()=>{a(e=>{if(!e.length)return e;const t=e.flatMap(u=>{const i=j(l,u.id);return i?[{...u,items:i}]:[]});return t.length===e.length&&t.every((u,i)=>T(u.items,e[i].items))?e:t})},[l]);const S=(e,t,n)=>{a(u=>u.map(i=>i.id===e?{...i,style:t,placement:n}:i))};return d.jsxRuntimeExports.jsxs(d.jsxRuntimeExports.Fragment,{children:[d.jsxRuntimeExports.jsxs(h.Section,{children:[s&&s,d.jsxRuntimeExports.jsx(v.MenuList,{items:l,handleClick:x,onSubMenu:g,level:0,setPowerpackDialog:f,onMenuClose:()=>M(!1)}),o&&d.jsxRuntimeExports.jsxs(h.Footer,{children:[o,d.jsxRuntimeExports.jsx(C.Button,{icon:"content_copy",variant:"text",onClick:()=>R.copyToClipboard(o)})]})]}),c.map((e,t)=>d.jsxRuntimeExports.jsx(v.MenuList,{...e,parentRef:e.parentRef||null,style:e.style||{},handleClick:x,subMenu:!0,onSubMenu:g,onSubMenuLayout:S,onClose:()=>a(c.filter(n=>n.id!==e.id)),onMenuClose:()=>M(!1),onChange:p,setPowerpackDialog:f,itemClassName:void 0,itemStyle:void 0},t))]})};exports.Menu=L;
 //# sourceMappingURL=Menu.cjs.js.map

package/dist/shared/src/components/Menu/Menu.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.cjs.js","sources":["../../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, { useState, ReactNode } from 'react'\nimport * as Styled from './Menu.styled'\nimport { MenuList } from './MenuList'\nimport { MENU_PORTAL_CONTENT_ID } from './MenuContainer'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport type { PowerpackFeature } from '@shared/context/PowerpackContext'\nimport { useMenuContext } from '@shared/context/MenuContext'\nimport { usePowerpack } from '@shared/context/PowerpackContext'\n\nexport interface MenuItemType {\n  id: string\n  label?: string | string[]\n  icon?: string\n  img?: string\n  highlighted?: boolean\n  notification?: boolean\n  selected?: boolean\n  danger?: boolean\n  items?: MenuItemType[]\n  onClick?: (e: React.MouseEvent) => void\n  link?: string\n  disableClose?: boolean\n  disabled?: boolean\n  powerFeature?: PowerpackFeature\n  active?: boolean\n  hidden?: boolean\n  node?: ReactNode\n  [key: string]: any\n}\n\ninterface SubMenu {\n  id: string\n  items: MenuItemType[]\n  level: number\n  parentRef?: HTMLElement\n  style?: React.CSSProperties\n  placement?: 'left' | 'right'\n}\n\ninterface MenuProps {\n  menu?: MenuItemType[]\n  onClose?: () => void\n  header?: ReactNode\n  footer?: string\n}\n\nexport const Menu: React.FC<MenuProps> = ({ menu = [], onClose, header, footer = '' }) => {\n  const { setPowerpackDialog } = usePowerpack()\n  const { setMenuOpen } = useMenuContext()\n\n  const [subMenus, setSubMenus] = useState<SubMenu[]>([])\n  //   When a menu item is clicked, the following happens:\n  const handleClick = (\n    e: React.MouseEvent,\n    onClick?: (e: React.MouseEvent) => void,\n    url?: string,\n    disableClose?: boolean,\n  ) => {\n    // this is handled by Link component inside the MenuItem\n    if (url) return onClose?.()\n\n    onClick?.(e)\n\n    if (!disableClose && onClose) onClose()\n  }\n\n  const onMenuEnter = (\n    e: React.MouseEvent,\n    menu: Partial<SubMenu> & { items: MenuItemType[]; parentEl?: HTMLElement | null },\n  ) => {\n    // check to see if we need to open a submenu\n    if (menu.items.length) {\n      // yes, there is a submenu\n      // open it if it is not already open\n      if (!subMenus.find((m) => m.id === menu.id)) {\n        // also close any other submenus on the same level\n        // Prefer the explicit element passed from the source MenuItem ref; fall back to\n        // currentTarget (the <li>) over target (which can be a nested span/icon).\n        const parentEl =\n          menu.parentEl ?? (e.currentTarget as HTMLElement) ?? (e.target as HTMLElement)\n        setSubMenus([\n          ...subMenus.filter((m) => m.level < (menu.level || 0) + 1),\n          {\n            ...menu,\n            id: menu.id!,\n            level: (menu.level || 0) + 1,\n            parentRef: parentEl,\n          } as SubMenu,\n        ])\n      }\n    } else {\n      // no items for this menu, so close all submenus on the higher levels\n      setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0)))\n    }\n  }\n\n  const onMenuLeave = (e: React.MouseEvent, menu: Partial<SubMenu> = {}) => {\n    const related = e.relatedTarget as HTMLElement | null\n\n    // Mouse exited the document entirely — keep menus open, user might come back.\n    if (!related) return\n\n    // Mouse moved onto the dialog backdrop itself — close everything.\n    if (related.tagName === 'DIALOG') return setSubMenus([])\n\n    // Mouse is still inside the menu portal (the DialogContent or any descendant).\n    // The user is most likely traveling across a small gap toward an adjacent sub-menu.\n    // Don't close anything — the next mouseenter will reconcile state.\n    if (typeof related.closest === 'function' && related.closest(`#${MENU_PORTAL_CONTENT_ID}`))\n      return\n\n    // Mouse is targeting a known sub-menu element directly (id match) — keep open.\n    const relatedTargetSubMenu = subMenus.find((m) => m.id === related.id)\n    if (relatedTargetSubMenu) return\n\n    setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0) + 1))\n  }\n\n  const handleSubMenu = (\n    e: React.MouseEvent,\n    menu: Partial<SubMenu> & { items: MenuItemType[] },\n  ) => {\n    if (e.type === 'mouseenter' || e.type === 'keydown') onMenuEnter(e, menu)\n    else if (e.type === 'mouseleave') onMenuLeave(e, menu)\n  }\n\n  const handleSubMenuLayout = (\n    id: string,\n    style: React.CSSProperties,\n    placement: 'left' | 'right',\n  ) => {\n    setSubMenus((prev) => prev.map((m) => (m.id === id ? { ...m, style, placement } : m)))\n  }\n\n  return (\n    <>\n      <Styled.Section>\n        {header && header}\n        <MenuList\n          items={menu}\n          handleClick={handleClick}\n          onSubMenu={handleSubMenu}\n          level={0}\n          setPowerpackDialog={setPowerpackDialog}\n          onMenuClose={() => setMenuOpen(false)}\n        />\n        {footer && (\n          <Styled.Footer>\n            {footer}\n            <Button icon=\"content_copy\" variant=\"text\" onClick={() => copyToClipboard(footer)} />\n          </Styled.Footer>\n        )}\n      </Styled.Section>\n      {subMenus.map((menu, i) => (\n        <MenuList\n          key={i}\n          {...menu}\n          parentRef={menu.parentRef || null}\n          style={menu.style || {}}\n          handleClick={handleClick}\n          subMenu\n          onSubMenu={handleSubMenu}\n          onSubMenuLayout={handleSubMenuLayout}\n          onClose={() => setSubMenus(subMenus.filter((m) => m.id !== menu.id))}\n          onMenuClose={() => setMenuOpen(false)}\n          onChange={onMenuEnter}\n          setPowerpackDialog={setPowerpackDialog}\n          itemClassName={undefined}\n          itemStyle={undefined}\n        />\n      ))}\n    </>\n  )\n}\n"],"names":["Menu","menu","onClose","header","footer","setPowerpackDialog","usePowerpack","setMenuOpen","useMenuContext","subMenus","setSubMenus","useState","handleClick","onClick","url","disableClose","onMenuEnter","m","parentEl","onMenuLeave","related","MENU_PORTAL_CONTENT_ID","handleSubMenu","handleSubMenuLayout","id","style","placement","prev","jsxs","Fragment","Styled.Section","jsx","MenuList","Styled.Footer","Button","copyToClipboard","i"],"mappings":"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"}
+{"version":3,"file":"Menu.cjs.js","sources":["../../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, { useEffect, useState, ReactNode } from 'react'\nimport * as Styled from './Menu.styled'\nimport { MenuList } from './MenuList'\nimport { MENU_PORTAL_CONTENT_ID } from './MenuContainer'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport type { PowerpackFeature } from '@shared/context/PowerpackContext'\nimport { useMenuContext } from '@shared/context/MenuContext'\nimport { usePowerpack } from '@shared/context/PowerpackContext'\n\nexport interface MenuItemType {\n  id: string\n  label?: string | string[]\n  icon?: string\n  hoverIcon?: string\n  img?: string\n  highlighted?: boolean\n  notification?: boolean\n  selected?: boolean\n  danger?: boolean\n  items?: MenuItemType[]\n  onClick?: (e: React.MouseEvent) => void\n  link?: string\n  disableClose?: boolean\n  disabled?: boolean\n  powerFeature?: PowerpackFeature\n  active?: boolean\n  reserveActiveSlot?: boolean\n  hidden?: boolean\n  node?: ReactNode\n  [key: string]: any\n}\n\ninterface SubMenu {\n  id: string\n  items: MenuItemType[]\n  level: number\n  parentRef?: HTMLElement\n  style?: React.CSSProperties\n  placement?: 'left' | 'right'\n}\n\ninterface MenuProps {\n  menu?: MenuItemType[]\n  onClose?: () => void\n  header?: ReactNode\n  footer?: string\n}\n\nconst findSubMenuItems = (items: MenuItemType[], id: string): MenuItemType[] | undefined => {\n  for (const item of items) {\n    if (item.id === id) return item.items?.length ? item.items : undefined\n    const nested = item.items?.length ? findSubMenuItems(item.items, id) : undefined\n    if (nested) return nested\n  }\n}\n\n// icon/selected/active matter too: toggling a column keeps the same ids but flips its checkmark\nconst haveSameItems = (a: MenuItemType[], b: MenuItemType[]) =>\n  a.length === b.length &&\n  a.every(\n    (item, i) =>\n      item.id === b[i].id &&\n      item.icon === b[i].icon &&\n      item.selected === b[i].selected &&\n      item.active === b[i].active,\n  )\n\nexport const Menu: React.FC<MenuProps> = ({ menu = [], onClose, header, footer = '' }) => {\n  const { setPowerpackDialog } = usePowerpack()\n  const { setMenuOpen } = useMenuContext()\n\n  const [subMenus, setSubMenus] = useState<SubMenu[]>([])\n  //   When a menu item is clicked, the following happens:\n  const handleClick = (\n    e: React.MouseEvent,\n    onClick?: (e: React.MouseEvent) => void,\n    url?: string,\n    disableClose?: boolean,\n  ) => {\n    // this is handled by Link component inside the MenuItem\n    if (url) return onClose?.()\n\n    onClick?.(e)\n\n    if (!disableClose && onClose) onClose()\n  }\n\n  const onMenuEnter = (\n    e: React.MouseEvent,\n    menu: Partial<SubMenu> & { items: MenuItemType[]; parentEl?: HTMLElement | null },\n  ) => {\n    // check to see if we need to open a submenu\n    if (menu.items.length) {\n      // yes, there is a submenu\n      // open it if it is not already open\n      if (!subMenus.find((m) => m.id === menu.id)) {\n        // also close any other submenus on the same level\n        // Prefer the explicit element passed from the source MenuItem ref; fall back to\n        // currentTarget (the <li>) over target (which can be a nested span/icon).\n        const parentEl =\n          menu.parentEl ?? (e.currentTarget as HTMLElement) ?? (e.target as HTMLElement)\n        setSubMenus([\n          ...subMenus.filter((m) => m.level < (menu.level || 0) + 1),\n          {\n            ...menu,\n            id: menu.id!,\n            level: (menu.level || 0) + 1,\n            parentRef: parentEl,\n          } as SubMenu,\n        ])\n      }\n    } else {\n      // no items for this menu, so close all submenus on the higher levels\n      setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0)))\n    }\n  }\n\n  const onMenuLeave = (e: React.MouseEvent, menu: Partial<SubMenu> = {}) => {\n    const related = e.relatedTarget as HTMLElement | null\n\n    // Mouse exited the document entirely — keep menus open, user might come back.\n    if (!related) return\n\n    // Mouse moved onto the dialog backdrop itself — close everything.\n    if (related.tagName === 'DIALOG') return setSubMenus([])\n\n    // Mouse is still inside the menu portal (the DialogContent or any descendant).\n    // The user is most likely traveling across a small gap toward an adjacent sub-menu.\n    // Don't close anything — the next mouseenter will reconcile state.\n    if (typeof related.closest === 'function' && related.closest(`#${MENU_PORTAL_CONTENT_ID}`))\n      return\n\n    // Mouse is targeting a known sub-menu element directly (id match) — keep open.\n    const relatedTargetSubMenu = subMenus.find((m) => m.id === related.id)\n    if (relatedTargetSubMenu) return\n\n    setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0) + 1))\n  }\n\n  const handleSubMenu = (\n    e: React.MouseEvent,\n    menu: Partial<SubMenu> & { items: MenuItemType[] },\n  ) => {\n    if (e.type === 'mouseenter' || e.type === 'keydown') onMenuEnter(e, menu)\n    else if (e.type === 'mouseleave') onMenuLeave(e, menu)\n  }\n\n  useEffect(() => {\n    setSubMenus((prev) => {\n      if (!prev.length) return prev\n      const next = prev.flatMap((subMenu) => {\n        const items = findSubMenuItems(menu, subMenu.id)\n        return items ? [{ ...subMenu, items }] : []\n      })\n      const unchanged =\n        next.length === prev.length &&\n        next.every((subMenu, i) => haveSameItems(subMenu.items, prev[i].items))\n      return unchanged ? prev : next\n    })\n  }, [menu])\n\n  const handleSubMenuLayout = (\n    id: string,\n    style: React.CSSProperties,\n    placement: 'left' | 'right',\n  ) => {\n    setSubMenus((prev) => prev.map((m) => (m.id === id ? { ...m, style, placement } : m)))\n  }\n\n  return (\n    <>\n      <Styled.Section>\n        {header && header}\n        <MenuList\n          items={menu}\n          handleClick={handleClick}\n          onSubMenu={handleSubMenu}\n          level={0}\n          setPowerpackDialog={setPowerpackDialog}\n          onMenuClose={() => setMenuOpen(false)}\n        />\n        {footer && (\n          <Styled.Footer>\n            {footer}\n            <Button icon=\"content_copy\" variant=\"text\" onClick={() => copyToClipboard(footer)} />\n          </Styled.Footer>\n        )}\n      </Styled.Section>\n      {subMenus.map((menu, i) => (\n        <MenuList\n          key={i}\n          {...menu}\n          parentRef={menu.parentRef || null}\n          style={menu.style || {}}\n          handleClick={handleClick}\n          subMenu\n          onSubMenu={handleSubMenu}\n          onSubMenuLayout={handleSubMenuLayout}\n          onClose={() => setSubMenus(subMenus.filter((m) => m.id !== menu.id))}\n          onMenuClose={() => setMenuOpen(false)}\n          onChange={onMenuEnter}\n          setPowerpackDialog={setPowerpackDialog}\n          itemClassName={undefined}\n          itemStyle={undefined}\n        />\n      ))}\n    </>\n  )\n}\n"],"names":["findSubMenuItems","items","id","item","nested","haveSameItems","a","b","i","Menu","menu","onClose","header","footer","setPowerpackDialog","usePowerpack","setMenuOpen","useMenuContext","subMenus","setSubMenus","useState","handleClick","onClick","url","disableClose","onMenuEnter","m","parentEl","onMenuLeave","related","MENU_PORTAL_CONTENT_ID","handleSubMenu","useEffect","prev","next","subMenu","handleSubMenuLayout","style","placement","jsxs","Fragment","Styled.Section","jsx","MenuList","Styled.Footer","Button","copyToClipboard"],"mappings":"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"}

package/dist/shared/src/components/Menu/Menu.es.js

@@ -1,80 +1,100 @@
-import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as S } from "react";
-import { Section as g, Footer as j } from "./Menu.styled.es.js";
-import { MenuList as v } from "./MenuList.es.js";
-import { MENU_PORTAL_CONTENT_ID as C } from "./MenuContainer.es.js";
+import { j as f } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as x, useEffect as j } from "react";
+import { Section as C, Footer as T } from "./Menu.styled.es.js";
+import { MenuList as h } from "./MenuList.es.js";
+import { MENU_PORTAL_CONTENT_ID as b } from "./MenuContainer.es.js";
 import "lodash";
 import "react-toastify";
-import { copyToClipboard as T } from "../../util/copyToClipboard.es.js";
+import { copyToClipboard as E } from "../../util/copyToClipboard.es.js";
 import "uuid";
 import "../../api/queries/users/updateUsers.es.js";
+import "../../util/searchTerms.es.js";
 import "../../util/pubsub.es.js";
-import { Button as h } from "@ynput/ayon-react-components";
-import { useMenuContext as E } from "../../context/MenuContext.es.js";
-import { usePowerpack as L } from "../../context/PowerpackContext.es.js";
-const $ = ({ menu: y = [], onClose: a, header: p, footer: u = "" }) => {
-  const { setPowerpackDialog: f } = L(), { setMenuOpen: c } = E(), [r, l] = S([]), d = (e, t, o, s) => {
-    if (o) return a?.();
-    t?.(e), !s && a && a();
-  }, m = (e, t) => {
+import { Button as L } from "@ynput/ayon-react-components";
+import { useMenuContext as k } from "../../context/MenuContext.es.js";
+import { usePowerpack as N } from "../../context/PowerpackContext.es.js";
+const v = (a, r) => {
+  for (const o of a) {
+    if (o.id === r) return o.items?.length ? o.items : void 0;
+    const s = o.items?.length ? v(o.items, r) : void 0;
+    if (s) return s;
+  }
+}, R = (a, r) => a.length === r.length && a.every(
+  (o, s) => o.id === r[s].id && o.icon === r[s].icon && o.selected === r[s].selected && o.active === r[s].active
+), J = ({ menu: a = [], onClose: r, header: o, footer: s = "" }) => {
+  const { setPowerpackDialog: d } = N(), { setMenuOpen: p } = k(), [c, u] = x([]), m = (e, t, n, l) => {
+    if (n) return r?.();
+    t?.(e), !l && r && r();
+  }, M = (e, t) => {
     if (t.items.length) {
-      if (!r.find((o) => o.id === t.id)) {
-        const o = t.parentEl ?? e.currentTarget ?? e.target;
-        l([
-          ...r.filter((s) => s.level < (t.level || 0) + 1),
+      if (!c.find((n) => n.id === t.id)) {
+        const n = t.parentEl ?? e.currentTarget ?? e.target;
+        u([
+          ...c.filter((l) => l.level < (t.level || 0) + 1),
           {
             ...t,
             id: t.id,
             level: (t.level || 0) + 1,
-            parentRef: o
+            parentRef: n
           }
         ]);
       }
     } else
-      l(r.filter((o) => o.level <= (t.level || 0)));
-  }, b = (e, t = {}) => {
-    const o = e.relatedTarget;
-    if (!o) return;
-    if (o.tagName === "DIALOG") return l([]);
-    typeof o.closest == "function" && o.closest(`#${C}`) || r.find((n) => n.id === o.id) || l(r.filter((n) => n.level <= (t.level || 0) + 1));
-  }, M = (e, t) => {
-    e.type === "mouseenter" || e.type === "keydown" ? m(e, t) : e.type === "mouseleave" && b(e, t);
-  }, x = (e, t, o) => {
-    l((s) => s.map((n) => n.id === e ? { ...n, style: t, placement: o } : n));
+      u(c.filter((n) => n.level <= (t.level || 0)));
+  }, y = (e, t = {}) => {
+    const n = e.relatedTarget;
+    if (!n) return;
+    if (n.tagName === "DIALOG") return u([]);
+    typeof n.closest == "function" && n.closest(`#${b}`) || c.find((i) => i.id === n.id) || u(c.filter((i) => i.level <= (t.level || 0) + 1));
+  }, g = (e, t) => {
+    e.type === "mouseenter" || e.type === "keydown" ? M(e, t) : e.type === "mouseleave" && y(e, t);
+  };
+  j(() => {
+    u((e) => {
+      if (!e.length) return e;
+      const t = e.flatMap((l) => {
+        const i = v(a, l.id);
+        return i ? [{ ...l, items: i }] : [];
+      });
+      return t.length === e.length && t.every((l, i) => R(l.items, e[i].items)) ? e : t;
+    });
+  }, [a]);
+  const S = (e, t, n) => {
+    u((l) => l.map((i) => i.id === e ? { ...i, style: t, placement: n } : i));
   };
-  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsxs(g, { children: [
-      p && p,
-      /* @__PURE__ */ i.jsx(
-        v,
+  return /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
+    /* @__PURE__ */ f.jsxs(C, { children: [
+      o && o,
+      /* @__PURE__ */ f.jsx(
+        h,
         {
-          items: y,
-          handleClick: d,
-          onSubMenu: M,
+          items: a,
+          handleClick: m,
+          onSubMenu: g,
           level: 0,
-          setPowerpackDialog: f,
-          onMenuClose: () => c(!1)
+          setPowerpackDialog: d,
+          onMenuClose: () => p(!1)
         }
       ),
-      u && /* @__PURE__ */ i.jsxs(j, { children: [
-        u,
-        /* @__PURE__ */ i.jsx(h, { icon: "content_copy", variant: "text", onClick: () => T(u) })
+      s && /* @__PURE__ */ f.jsxs(T, { children: [
+        s,
+        /* @__PURE__ */ f.jsx(L, { icon: "content_copy", variant: "text", onClick: () => E(s) })
       ] })
     ] }),
-    r.map((e, t) => /* @__PURE__ */ i.jsx(
-      v,
+    c.map((e, t) => /* @__PURE__ */ f.jsx(
+      h,
       {
         ...e,
         parentRef: e.parentRef || null,
         style: e.style || {},
-        handleClick: d,
+        handleClick: m,
         subMenu: !0,
-        onSubMenu: M,
-        onSubMenuLayout: x,
-        onClose: () => l(r.filter((o) => o.id !== e.id)),
-        onMenuClose: () => c(!1),
-        onChange: m,
-        setPowerpackDialog: f,
+        onSubMenu: g,
+        onSubMenuLayout: S,
+        onClose: () => u(c.filter((n) => n.id !== e.id)),
+        onMenuClose: () => p(!1),
+        onChange: M,
+        setPowerpackDialog: d,
         itemClassName: void 0,
         itemStyle: void 0
       },
@@ -83,6 +103,6 @@ const $ = ({ menu: y = [], onClose: a, header: p, footer: u = "" }) => {
   ] });
 };
 export {
-  $ as Menu
+  J as Menu
 };
 //# sourceMappingURL=Menu.es.js.map

package/dist/shared/src/components/Menu/Menu.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.es.js","sources":["../../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, { useState, ReactNode } from 'react'\nimport * as Styled from './Menu.styled'\nimport { MenuList } from './MenuList'\nimport { MENU_PORTAL_CONTENT_ID } from './MenuContainer'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport type { PowerpackFeature } from '@shared/context/PowerpackContext'\nimport { useMenuContext } from '@shared/context/MenuContext'\nimport { usePowerpack } from '@shared/context/PowerpackContext'\n\nexport interface MenuItemType {\n  id: string\n  label?: string | string[]\n  icon?: string\n  img?: string\n  highlighted?: boolean\n  notification?: boolean\n  selected?: boolean\n  danger?: boolean\n  items?: MenuItemType[]\n  onClick?: (e: React.MouseEvent) => void\n  link?: string\n  disableClose?: boolean\n  disabled?: boolean\n  powerFeature?: PowerpackFeature\n  active?: boolean\n  hidden?: boolean\n  node?: ReactNode\n  [key: string]: any\n}\n\ninterface SubMenu {\n  id: string\n  items: MenuItemType[]\n  level: number\n  parentRef?: HTMLElement\n  style?: React.CSSProperties\n  placement?: 'left' | 'right'\n}\n\ninterface MenuProps {\n  menu?: MenuItemType[]\n  onClose?: () => void\n  header?: ReactNode\n  footer?: string\n}\n\nexport const Menu: React.FC<MenuProps> = ({ menu = [], onClose, header, footer = '' }) => {\n  const { setPowerpackDialog } = usePowerpack()\n  const { setMenuOpen } = useMenuContext()\n\n  const [subMenus, setSubMenus] = useState<SubMenu[]>([])\n  //   When a menu item is clicked, the following happens:\n  const handleClick = (\n    e: React.MouseEvent,\n    onClick?: (e: React.MouseEvent) => void,\n    url?: string,\n    disableClose?: boolean,\n  ) => {\n    // this is handled by Link component inside the MenuItem\n    if (url) return onClose?.()\n\n    onClick?.(e)\n\n    if (!disableClose && onClose) onClose()\n  }\n\n  const onMenuEnter = (\n    e: React.MouseEvent,\n    menu: Partial<SubMenu> & { items: MenuItemType[]; parentEl?: HTMLElement | null },\n  ) => {\n    // check to see if we need to open a submenu\n    if (menu.items.length) {\n      // yes, there is a submenu\n      // open it if it is not already open\n      if (!subMenus.find((m) => m.id === menu.id)) {\n        // also close any other submenus on the same level\n        // Prefer the explicit element passed from the source MenuItem ref; fall back to\n        // currentTarget (the <li>) over target (which can be a nested span/icon).\n        const parentEl =\n          menu.parentEl ?? (e.currentTarget as HTMLElement) ?? (e.target as HTMLElement)\n        setSubMenus([\n          ...subMenus.filter((m) => m.level < (menu.level || 0) + 1),\n          {\n            ...menu,\n            id: menu.id!,\n            level: (menu.level || 0) + 1,\n            parentRef: parentEl,\n          } as SubMenu,\n        ])\n      }\n    } else {\n      // no items for this menu, so close all submenus on the higher levels\n      setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0)))\n    }\n  }\n\n  const onMenuLeave = (e: React.MouseEvent, menu: Partial<SubMenu> = {}) => {\n    const related = e.relatedTarget as HTMLElement | null\n\n    // Mouse exited the document entirely — keep menus open, user might come back.\n    if (!related) return\n\n    // Mouse moved onto the dialog backdrop itself — close everything.\n    if (related.tagName === 'DIALOG') return setSubMenus([])\n\n    // Mouse is still inside the menu portal (the DialogContent or any descendant).\n    // The user is most likely traveling across a small gap toward an adjacent sub-menu.\n    // Don't close anything — the next mouseenter will reconcile state.\n    if (typeof related.closest === 'function' && related.closest(`#${MENU_PORTAL_CONTENT_ID}`))\n      return\n\n    // Mouse is targeting a known sub-menu element directly (id match) — keep open.\n    const relatedTargetSubMenu = subMenus.find((m) => m.id === related.id)\n    if (relatedTargetSubMenu) return\n\n    setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0) + 1))\n  }\n\n  const handleSubMenu = (\n    e: React.MouseEvent,\n    menu: Partial<SubMenu> & { items: MenuItemType[] },\n  ) => {\n    if (e.type === 'mouseenter' || e.type === 'keydown') onMenuEnter(e, menu)\n    else if (e.type === 'mouseleave') onMenuLeave(e, menu)\n  }\n\n  const handleSubMenuLayout = (\n    id: string,\n    style: React.CSSProperties,\n    placement: 'left' | 'right',\n  ) => {\n    setSubMenus((prev) => prev.map((m) => (m.id === id ? { ...m, style, placement } : m)))\n  }\n\n  return (\n    <>\n      <Styled.Section>\n        {header && header}\n        <MenuList\n          items={menu}\n          handleClick={handleClick}\n          onSubMenu={handleSubMenu}\n          level={0}\n          setPowerpackDialog={setPowerpackDialog}\n          onMenuClose={() => setMenuOpen(false)}\n        />\n        {footer && (\n          <Styled.Footer>\n            {footer}\n            <Button icon=\"content_copy\" variant=\"text\" onClick={() => copyToClipboard(footer)} />\n          </Styled.Footer>\n        )}\n      </Styled.Section>\n      {subMenus.map((menu, i) => (\n        <MenuList\n          key={i}\n          {...menu}\n          parentRef={menu.parentRef || null}\n          style={menu.style || {}}\n          handleClick={handleClick}\n          subMenu\n          onSubMenu={handleSubMenu}\n          onSubMenuLayout={handleSubMenuLayout}\n          onClose={() => setSubMenus(subMenus.filter((m) => m.id !== menu.id))}\n          onMenuClose={() => setMenuOpen(false)}\n          onChange={onMenuEnter}\n          setPowerpackDialog={setPowerpackDialog}\n          itemClassName={undefined}\n          itemStyle={undefined}\n        />\n      ))}\n    </>\n  )\n}\n"],"names":["Menu","menu","onClose","header","footer","setPowerpackDialog","usePowerpack","setMenuOpen","useMenuContext","subMenus","setSubMenus","useState","handleClick","onClick","url","disableClose","onMenuEnter","m","parentEl","onMenuLeave","related","MENU_PORTAL_CONTENT_ID","handleSubMenu","handleSubMenuLayout","id","style","placement","prev","jsxs","Fragment","Styled.Section","jsx","MenuList","Styled.Footer","Button","copyToClipboard","i"],"mappings":"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"}
+{"version":3,"file":"Menu.es.js","sources":["../../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, { useEffect, useState, ReactNode } from 'react'\nimport * as Styled from './Menu.styled'\nimport { MenuList } from './MenuList'\nimport { MENU_PORTAL_CONTENT_ID } from './MenuContainer'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport type { PowerpackFeature } from '@shared/context/PowerpackContext'\nimport { useMenuContext } from '@shared/context/MenuContext'\nimport { usePowerpack } from '@shared/context/PowerpackContext'\n\nexport interface MenuItemType {\n  id: string\n  label?: string | string[]\n  icon?: string\n  hoverIcon?: string\n  img?: string\n  highlighted?: boolean\n  notification?: boolean\n  selected?: boolean\n  danger?: boolean\n  items?: MenuItemType[]\n  onClick?: (e: React.MouseEvent) => void\n  link?: string\n  disableClose?: boolean\n  disabled?: boolean\n  powerFeature?: PowerpackFeature\n  active?: boolean\n  reserveActiveSlot?: boolean\n  hidden?: boolean\n  node?: ReactNode\n  [key: string]: any\n}\n\ninterface SubMenu {\n  id: string\n  items: MenuItemType[]\n  level: number\n  parentRef?: HTMLElement\n  style?: React.CSSProperties\n  placement?: 'left' | 'right'\n}\n\ninterface MenuProps {\n  menu?: MenuItemType[]\n  onClose?: () => void\n  header?: ReactNode\n  footer?: string\n}\n\nconst findSubMenuItems = (items: MenuItemType[], id: string): MenuItemType[] | undefined => {\n  for (const item of items) {\n    if (item.id === id) return item.items?.length ? item.items : undefined\n    const nested = item.items?.length ? findSubMenuItems(item.items, id) : undefined\n    if (nested) return nested\n  }\n}\n\n// icon/selected/active matter too: toggling a column keeps the same ids but flips its checkmark\nconst haveSameItems = (a: MenuItemType[], b: MenuItemType[]) =>\n  a.length === b.length &&\n  a.every(\n    (item, i) =>\n      item.id === b[i].id &&\n      item.icon === b[i].icon &&\n      item.selected === b[i].selected &&\n      item.active === b[i].active,\n  )\n\nexport const Menu: React.FC<MenuProps> = ({ menu = [], onClose, header, footer = '' }) => {\n  const { setPowerpackDialog } = usePowerpack()\n  const { setMenuOpen } = useMenuContext()\n\n  const [subMenus, setSubMenus] = useState<SubMenu[]>([])\n  //   When a menu item is clicked, the following happens:\n  const handleClick = (\n    e: React.MouseEvent,\n    onClick?: (e: React.MouseEvent) => void,\n    url?: string,\n    disableClose?: boolean,\n  ) => {\n    // this is handled by Link component inside the MenuItem\n    if (url) return onClose?.()\n\n    onClick?.(e)\n\n    if (!disableClose && onClose) onClose()\n  }\n\n  const onMenuEnter = (\n    e: React.MouseEvent,\n    menu: Partial<SubMenu> & { items: MenuItemType[]; parentEl?: HTMLElement | null },\n  ) => {\n    // check to see if we need to open a submenu\n    if (menu.items.length) {\n      // yes, there is a submenu\n      // open it if it is not already open\n      if (!subMenus.find((m) => m.id === menu.id)) {\n        // also close any other submenus on the same level\n        // Prefer the explicit element passed from the source MenuItem ref; fall back to\n        // currentTarget (the <li>) over target (which can be a nested span/icon).\n        const parentEl =\n          menu.parentEl ?? (e.currentTarget as HTMLElement) ?? (e.target as HTMLElement)\n        setSubMenus([\n          ...subMenus.filter((m) => m.level < (menu.level || 0) + 1),\n          {\n            ...menu,\n            id: menu.id!,\n            level: (menu.level || 0) + 1,\n            parentRef: parentEl,\n          } as SubMenu,\n        ])\n      }\n    } else {\n      // no items for this menu, so close all submenus on the higher levels\n      setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0)))\n    }\n  }\n\n  const onMenuLeave = (e: React.MouseEvent, menu: Partial<SubMenu> = {}) => {\n    const related = e.relatedTarget as HTMLElement | null\n\n    // Mouse exited the document entirely — keep menus open, user might come back.\n    if (!related) return\n\n    // Mouse moved onto the dialog backdrop itself — close everything.\n    if (related.tagName === 'DIALOG') return setSubMenus([])\n\n    // Mouse is still inside the menu portal (the DialogContent or any descendant).\n    // The user is most likely traveling across a small gap toward an adjacent sub-menu.\n    // Don't close anything — the next mouseenter will reconcile state.\n    if (typeof related.closest === 'function' && related.closest(`#${MENU_PORTAL_CONTENT_ID}`))\n      return\n\n    // Mouse is targeting a known sub-menu element directly (id match) — keep open.\n    const relatedTargetSubMenu = subMenus.find((m) => m.id === related.id)\n    if (relatedTargetSubMenu) return\n\n    setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0) + 1))\n  }\n\n  const handleSubMenu = (\n    e: React.MouseEvent,\n    menu: Partial<SubMenu> & { items: MenuItemType[] },\n  ) => {\n    if (e.type === 'mouseenter' || e.type === 'keydown') onMenuEnter(e, menu)\n    else if (e.type === 'mouseleave') onMenuLeave(e, menu)\n  }\n\n  useEffect(() => {\n    setSubMenus((prev) => {\n      if (!prev.length) return prev\n      const next = prev.flatMap((subMenu) => {\n        const items = findSubMenuItems(menu, subMenu.id)\n        return items ? [{ ...subMenu, items }] : []\n      })\n      const unchanged =\n        next.length === prev.length &&\n        next.every((subMenu, i) => haveSameItems(subMenu.items, prev[i].items))\n      return unchanged ? prev : next\n    })\n  }, [menu])\n\n  const handleSubMenuLayout = (\n    id: string,\n    style: React.CSSProperties,\n    placement: 'left' | 'right',\n  ) => {\n    setSubMenus((prev) => prev.map((m) => (m.id === id ? { ...m, style, placement } : m)))\n  }\n\n  return (\n    <>\n      <Styled.Section>\n        {header && header}\n        <MenuList\n          items={menu}\n          handleClick={handleClick}\n          onSubMenu={handleSubMenu}\n          level={0}\n          setPowerpackDialog={setPowerpackDialog}\n          onMenuClose={() => setMenuOpen(false)}\n        />\n        {footer && (\n          <Styled.Footer>\n            {footer}\n            <Button icon=\"content_copy\" variant=\"text\" onClick={() => copyToClipboard(footer)} />\n          </Styled.Footer>\n        )}\n      </Styled.Section>\n      {subMenus.map((menu, i) => (\n        <MenuList\n          key={i}\n          {...menu}\n          parentRef={menu.parentRef || null}\n          style={menu.style || {}}\n          handleClick={handleClick}\n          subMenu\n          onSubMenu={handleSubMenu}\n          onSubMenuLayout={handleSubMenuLayout}\n          onClose={() => setSubMenus(subMenus.filter((m) => m.id !== menu.id))}\n          onMenuClose={() => setMenuOpen(false)}\n          onChange={onMenuEnter}\n          setPowerpackDialog={setPowerpackDialog}\n          itemClassName={undefined}\n          itemStyle={undefined}\n        />\n      ))}\n    </>\n  )\n}\n"],"names":["findSubMenuItems","items","id","item","nested","haveSameItems","b","i","Menu","menu","onClose","header","footer","setPowerpackDialog","usePowerpack","setMenuOpen","useMenuContext","subMenus","setSubMenus","useState","handleClick","onClick","url","disableClose","onMenuEnter","m","parentEl","onMenuLeave","related","MENU_PORTAL_CONTENT_ID","handleSubMenu","useEffect","prev","next","subMenu","handleSubMenuLayout","style","placement","jsxs","Fragment","Styled.Section","jsx","MenuList","Styled.Footer","Button","copyToClipboard"],"mappings":"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"}