npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.32 → 0.3.34 - Mend

@ynput/ayon-frontend-shared 0.3.32 → 0.3.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (832) hide show

package/dist/shared/src/components/ListAttributeForm/ListAttributeForm.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),E=require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.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/updateActivities.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");const P=require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.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");const S=require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.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/updateUsers.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");const h=require("react-toastify");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("lodash");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");const v=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");const x=({projectName:l,list:r,isLoading:m,attributes:t=[]})=>{const[g,o]=n.useState({label:"",tags:[],active:!1}),f=(r?.accessLevel||0)>=30,{tags:c}=v.useProjectContext(),{data:d=[]}=P.useGetAttributeListQuery(),q=n.useMemo(()=>d.filter(e=>e.scope?.includes("list")).map(e=>({name:e.name,data:e.data})),[d]),p=n.useMemo(()=>[{name:"label",data:{type:"string",title:"Label"}},{name:"tags",data:{type:"list_of_strings",title:"Tags",enum:c?.map(e=>({value:e.name,label:e.name,color:e.color})),enableCustomValues:!0,enableSearch:!0}},...q,{name:"active",data:{type:"boolean",title:"Active"}},...t],[c,q,t]);n.useEffect(()=>{if(r){const e=r.attrib||{},a=[...q,...t].reduce((i,{name:s})=>{const L=e[s];return i[s]=L||"",i},{});o({label:r?.label||"",tags:r?.tags||[],active:r?.active??!1,...a})}},[r,JSON.stringify(t),JSON.stringify(q)]);const[b]=S.useUpdateEntityListMutation(),A=e=>t.some(u=>u.name===e)||q.some(u=>u.name===e),y=n.useCallback(async(e,u)=>{if(!r?.id)return console.warn("No list ID provided");let a;if(A(e)){const i=r.attrib||{};u===""&&e==="category"?a={attrib:{...i,[e]:null}}:a={attrib:{...i,[e]:u}},o(s=>({...s,[e]:u}))}else{const i={[e]:u};a=i,o(s=>({...s,...i}))}try{await b({listId:r.id,projectName:l,entityListPatchModel:a})}catch(i){console.error(i),h.toast.error("Failed to update list attribute: ",i.attrib.detail)}},[r?.id,r?.attrib,l,b,q,t]);return F.jsxRuntimeExports.jsx(E.DetailsPanelAttributesEditor,{enableEditing:f,fields:p,form:g,isLoading:m,onChange:y,title:"Attributes"})};exports.ListAttributeForm=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),E=require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.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/updateActivities.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");const P=require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.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");const S=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/updateUsers.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");const h=require("react-toastify");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("lodash");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");const v=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");const x=({projectName:l,list:r,isLoading:m,attributes:t=[]})=>{const[g,o]=n.useState({label:"",tags:[],active:!1}),f=(r?.accessLevel||0)>=30,{tags:c}=v.useProjectContext(),{data:d=[]}=P.useGetAttributeListQuery(),q=n.useMemo(()=>d.filter(e=>e.scope?.includes("list")).map(e=>({name:e.name,data:e.data})),[d]),p=n.useMemo(()=>[{name:"label",data:{type:"string",title:"Label"}},{name:"tags",data:{type:"list_of_strings",title:"Tags",enum:c?.map(e=>({value:e.name,label:e.name,color:e.color})),enableCustomValues:!0,enableSearch:!0}},...q,{name:"active",data:{type:"boolean",title:"Active"}},...t],[c,q,t]);n.useEffect(()=>{if(r){const e=r.attrib||{},a=[...q,...t].reduce((i,{name:s})=>{const L=e[s];return i[s]=L||"",i},{});o({label:r?.label||"",tags:r?.tags||[],active:r?.active??!1,...a})}},[r,JSON.stringify(t),JSON.stringify(q)]);const[b]=S.useUpdateEntityListMutation(),A=e=>t.some(u=>u.name===e)||q.some(u=>u.name===e),y=n.useCallback(async(e,u)=>{if(!r?.id)return console.warn("No list ID provided");let a;if(A(e)){const i=r.attrib||{};u===""&&e==="category"?a={attrib:{...i,[e]:null}}:a={attrib:{...i,[e]:u}},o(s=>({...s,[e]:u}))}else{const i={[e]:u};a=i,o(s=>({...s,...i}))}try{await b({listId:r.id,projectName:l,entityListPatchModel:a})}catch(i){console.error(i),h.toast.error("Failed to update list attribute: ",i.attrib.detail)}},[r?.id,r?.attrib,l,b,q,t]);return F.jsxRuntimeExports.jsx(E.DetailsPanelAttributesEditor,{enableEditing:f,fields:p,form:g,isLoading:m,onChange:y,title:"Attributes"})};exports.ListAttributeForm=x;
 //# sourceMappingURL=ListAttributeForm.cjs.js.map

package/dist/shared/src/components/ListAttributeForm/ListAttributeForm.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListAttributeForm.cjs.js","sources":["../../../../../src/components/ListAttributeForm/ListAttributeForm.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState, useMemo } from 'react'\nimport { AttributeField, DetailsPanelAttributesEditor } from '../DetailsPanelAttributes'\nimport { EntityListModel, useUpdateEntityListMutation, useGetAttributeListQuery } from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useProjectContext } from '@shared/context'\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","t","useEffect","parsedAttrib","attribFieldValues","acc","name","fieldValue","updateList","useUpdateEntityListMutation","isAttribField","fieldName","handleChange","useCallback","key","value","updatePayload","currentAttrib","prev","newValue","error","toast","jsx","DetailsPanelAttributesEditor"],"mappings":"~~i1MAwBO~~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"}
1	+ {"version":3,"file":"ListAttributeForm.cjs.js","sources":["../../../../../src/components/ListAttributeForm/ListAttributeForm.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState, useMemo } from 'react'\nimport { AttributeField, DetailsPanelAttributesEditor } from '../DetailsPanelAttributes'\nimport { EntityListModel, useUpdateEntityListMutation, useGetAttributeListQuery } from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useProjectContext } from '@shared/context'\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","t","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/ListAttributeForm/ListAttributeForm.es.js CHANGED Viewed

@@ -66,6 +66,7 @@ import "../../api/queries/entities/updateEntity.es.js";
 import "../../api/queries/entityLists/getLists.es.js";
 import { useUpdateEntityListMutation as P } from "../../api/queries/entityLists/updateLists.es.js";
 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/folders/getFolders.es.js";
@@ -122,7 +123,7 @@ import "../../context/WebsocketContext.es.js";
 import "../../context/GlobalContext.es.js";
 import { useProjectContext as j } from "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
-const Hr = ({
+const Kr = ({
   projectName: n,
   list: r,
   isLoading: b,
@@ -217,6 +218,6 @@ const Hr = ({
   );
 };
 export {
-  Hr as ListAttributeForm
+  Kr as ListAttributeForm
 };
 //# sourceMappingURL=ListAttributeForm.es.js.map

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

	@@ -1 +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 { EntityListModel, useUpdateEntityListMutation, useGetAttributeListQuery } from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useProjectContext } from '@shared/context'\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":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAwBO,MAAMA,KAAgD,CAAC;AAAA,EAC5D,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa,CAAA;AACf,MAAM;AACJ,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAuB;AAAA,IAC7C,OAAO;AAAA,IACP,MAAM,CAAA;AAAA,IACN,QAAQ;AAAA,EAAA,CACT,GAGKC,KAAWN,GAAM,eAAe,MAAM,IACtC,EAAE,MAAAO,EAAA,IAASC,EAAA,GAGX,EAAE,MAAMC,IAAgB,CAAA,EAAC,IAAMC,EAAA,GAC/BC,IAAuBC;AAAA,IAC3B,MACEH,EACG,OAAO,CAACI,MAASA,EAAK,OAAO,SAAS,MAAM,CAAC,EAC7C,IAAI,CAACA,OAAU;AAAA,MACd,MAAMA,EAAK;AAAA,MACX,MAAMA,EAAK;AAAA,IAAA,EACX;AAAA,IACN,CAACJ,CAAa;AAAA,EAAA,GAGVK,IAA2BF;AAAA,IAC/B,MAAM;AAAA,MACJ,EAAE,MAAM,SAAS,MAAM,EAAE,MAAM,UAAU,OAAO,UAAQ;AAAA,MACxD;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAML,GAAM,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,EAAE,MAAM,OAAO,EAAE,QAAQ;AAAA,UACzE,oBAAoB;AAAA,UACpB,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,MAEF,GAAGI;AAAA,MACH,EAAE,MAAM,UAAU,MAAM,EAAE,MAAM,WAAW,OAAO,WAAS;AAAA,MAC3D,GAAGT;AAAA,IAAA;AAAA,IAEL,CAACK,GAAMI,GAAsBT,CAAU;AAAA,EAAA;AAGzC,EAAAa,EAAU,MAAM;AACd,QAAIf,GAAM;AACR,YAAMgB,IAAehB,EAAK,UAAU,CAAA,GAI9BiB,IADkB,CAAC,GAAGN,GAAsB,GAAGT,CAAU,EACrB,OAAO,CAACgB,GAAK,EAAE,MAAAC,QAAW;AAClE,cAAMC,IAAcJ,EAAqCG,CAAI;AAE7D,eAAAD,EAAIC,CAAI,IAAIC,KAAc,IACnBF;AAAA,MACT,GAAG,CAAA,CAAyB;AAE5B,MAAAd,EAAQ;AAAA,QACN,OAAOJ,GAAM,SAAS;AAAA,QACtB,MAAMA,GAAM,QAAQ,CAAA;AAAA,QACpB,QAAQA,GAAM,UAAU;AAAA,QACxB,GAAGiB;AAAA,MAAA,CACJ;AAAA,IACH;AAAA,EACF,GAAG,CAACjB,GAAM,KAAK,UAAUE,CAAU,GAAG,KAAK,UAAUS,CAAoB,CAAC,CAAC;AAE3E,QAAM,CAACU,CAAU,IAAIC,EAAA,GAEfC,IAAgB,CAACC,MAEnBtB,EAAW,KAAK,CAACW,MAASA,EAAK,SAASW,CAAS,KACjDb,EAAqB,KAAK,CAACE,MAASA,EAAK,SAASW,CAAS,GAIzDC,IAAeC;AAAA,IACnB,OAAOC,GAAaC,MAAe;AACjC,UAAI,CAAC5B,GAAM,GAAI,QAAO,QAAQ,KAAK,qBAAqB;AAExD,UAAI6B;AAEJ,UAAIN,EAAcI,CAAG,GAAG;AACtB,cAAMG,IAAgB9B,EAAK,UAAU,CAAA;AAGrC,QAAI4B,MAAU,MAAMD,MAAQ,aAC1BE,IAAgB;AAAA,UACd,QAAQ;AAAA,YACN,GAAGC;AAAA,YACH,CAACH,CAAG,GAAG;AAAA,UAAA;AAAA,QACT,IAGFE,IAAgB;AAAA,UACd,QAAQ;AAAA,YACN,GAAGC;AAAA,YACH,CAACH,CAAG,GAAGC;AAAA,UAAA;AAAA,QACT,GAKJxB,EAAQ,CAAC2B,OAAU,EAAE,GAAGA,GAAM,CAACJ,CAAG,GAAGC,EAAA,EAAQ;AAAA,MAC/C,OAAO;AAEL,cAAMI,IAAW,EAAE,CAACL,CAAG,GAAGC,EAAA;AAC1B,QAAAC,IAAgBG,GAEhB5B,EAAQ,CAAC2B,OAAU,EAAE,GAAGA,GAAM,GAAGC,IAAW;AAAA,MAC9C;AAGA,UAAI;AACF,cAAMX,EAAW;AAAA,UACf,QAAQrB,EAAK;AAAA,UACb,aAAAD;AAAA,UACA,sBAAsB8B;AAAA,QAAA,CACvB;AAAA,MACH,SAASI,GAAY;AACnB,gBAAQ,MAAMA,CAAK,GACnBC,EAAM,MAAM,qCAAqCD,EAAM,OAAO,MAAM;AAAA,MACtE;AAAA,IACF;AAAA,IACA,CAACjC,GAAM,IAAIA,GAAM,QAAQD,GAAasB,GAAYV,GAAsBT,CAAU;AAAA,EAAA;AAGpF,SACEiC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAe9B;AAAA,MACf,QAAAQ;AAAA,MACA,MAAAX;AAAA,MACA,WAAAF;AAAA,MACA,UAAUwB;AAAA,MACV,OAAM;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
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 { EntityListModel, useUpdateEntityListMutation, useGetAttributeListQuery } from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useProjectContext } from '@shared/context'\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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"}

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

@@ -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("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.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/updateActivities.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/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.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/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/updateUsers.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/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.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 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("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.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/updateActivities.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/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.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/updateUsers.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/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.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;
 //# sourceMappingURL=ListMetaData.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ListMetaData.cjs.js","sources":["../../../../../src/components/ListMetaData/ListMetaData.tsx"],"sourcesContent":["// displays the meta data for a list\n\nimport { 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":"~~o9NAYO~~,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"}
1	+ {"version":3,"file":"ListMetaData.cjs.js","sources":["../../../../../src/components/ListMetaData/ListMetaData.tsx"],"sourcesContent":["// displays the meta data for a list\n\nimport { 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":"yhOAYO,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"}

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

@@ -86,6 +86,7 @@ import "../../api/queries/entities/updateEntity.es.js";
 import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
 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/folders/getFolders.es.js";
@@ -137,7 +138,7 @@ import "custom-protocol-check";
 import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import { DetailsSection as d } from "../DetailsPanelDetails/DetailsSection.es.js";
 import "../DetailsPanelDetails/FieldLabel.es.js";
-const Gr = ({ list: t, isLoading: m }) => {
+const Hr = ({ list: t, isLoading: m }) => {
   const r = { ...t?.data || {} };
   delete r.category, delete r.count;
   const o = {
@@ -159,6 +160,6 @@ const Gr = ({ list: t, isLoading: m }) => {
   return /* @__PURE__ */ a.jsx(d, { form: o, fields: i, isLoading: !!m });
 };
 export {
-  Gr as ListMetaData
+  Hr as ListMetaData
 };
 //# sourceMappingURL=ListMetaData.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ListMetaData.es.js","sources":["../../../../../src/components/ListMetaData/ListMetaData.tsx"],"sourcesContent":["// displays the meta data for a list\n\nimport { 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;"}
1	+ {"version":3,"file":"ListMetaData.es.js","sources":["../../../../../src/components/ListMetaData/ListMetaData.tsx"],"sourcesContent":["// displays the meta data for a list\n\nimport { 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;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),R=require("react"),f=require("./Menu.styled.cjs.js"),y=require("./MenuList.cjs.js"),C=require("./MenuContainer.cjs.js");require("lodash");require("react-toastify");const S=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");const g=require("@ynput/ayon-react-components");require("../../context/RemoteModulesContext.cjs.js");const E=require("../../context/PowerpackContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.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/updateActivities.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/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.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/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/updateUsers.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("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");const T=require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");const m=({menu:j=[],onClose:o,header:a,footer:l=""})=>{const{setPowerpackDialog:c}=E.usePowerpack(),{setMenuOpen:p}=T.useMenuContext(),[u,n]=R.useState([]),d=(e,r,i,s)=>{if(i)return o?.();r?.(e),!s&&o&&o()},M=(e,r)=>{if(r.items.length){if(!u.find(i=>i.id===r.id)){const i=r.parentEl??e.currentTarget??e.target;n([...u.filter(s=>s.level<(r.level||0)+1),{...r,id:r.id,level:(r.level||0)+1,parentRef:i}])}}else n(u.filter(i=>i.level<=(r.level||0)))},v=(e,r={})=>{const i=e.relatedTarget;if(!i)return;if(i.tagName==="DIALOG")return n([]);typeof i.closest=="function"&&i.closest(`#${C.MENU_PORTAL_CONTENT_ID}`)||u.find(q=>q.id===i.id)||n(u.filter(q=>q.level<=(r.level||0)+1))},x=(e,r)=>{e.type==="mouseenter"||e.type==="keydown"?M(e,r):e.type==="mouseleave"&&v(e,r)},b=(e,r,i)=>{n(s=>s.map(q=>q.id===e?{...q,style:r,placement:i}:q))};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(f.Section,{children:[a&&a,t.jsxRuntimeExports.jsx(y.MenuList,{items:j,handleClick:d,onSubMenu:x,level:0,setPowerpackDialog:c,onMenuClose:()=>p(!1)}),l&&t.jsxRuntimeExports.jsxs(f.Footer,{children:[l,t.jsxRuntimeExports.jsx(g.Button,{icon:"content_copy",variant:"text",onClick:()=>S.copyToClipboard(l)})]})]}),u.map((e,r)=>t.jsxRuntimeExports.jsx(y.MenuList,{...e,parentRef:e.parentRef||null,style:e.style||{},handleClick:d,subMenu:!0,onSubMenu:x,onSubMenuLayout:b,onClose:()=>n(u.filter(i=>i.id!==e.id)),onMenuClose:()=>p(!1),onChange:M,setPowerpackDialog:c,itemClassName:void 0,itemStyle:void 0},r))]})};exports.Menu=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),R=require("react"),f=require("./Menu.styled.cjs.js"),y=require("./MenuList.cjs.js"),C=require("./MenuContainer.cjs.js");require("lodash");require("react-toastify");const S=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");const g=require("@ynput/ayon-react-components");require("../../context/RemoteModulesContext.cjs.js");const E=require("../../context/PowerpackContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.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/updateActivities.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/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.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/updateUsers.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("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");const T=require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");const m=({menu:j=[],onClose:o,header:a,footer:l=""})=>{const{setPowerpackDialog:c}=E.usePowerpack(),{setMenuOpen:p}=T.useMenuContext(),[u,n]=R.useState([]),d=(e,r,i,s)=>{if(i)return o?.();r?.(e),!s&&o&&o()},M=(e,r)=>{if(r.items.length){if(!u.find(i=>i.id===r.id)){const i=r.parentEl??e.currentTarget??e.target;n([...u.filter(s=>s.level<(r.level||0)+1),{...r,id:r.id,level:(r.level||0)+1,parentRef:i}])}}else n(u.filter(i=>i.level<=(r.level||0)))},v=(e,r={})=>{const i=e.relatedTarget;if(!i)return;if(i.tagName==="DIALOG")return n([]);typeof i.closest=="function"&&i.closest(`#${C.MENU_PORTAL_CONTENT_ID}`)||u.find(q=>q.id===i.id)||n(u.filter(q=>q.level<=(r.level||0)+1))},x=(e,r)=>{e.type==="mouseenter"||e.type==="keydown"?M(e,r):e.type==="mouseleave"&&v(e,r)},b=(e,r,i)=>{n(s=>s.map(q=>q.id===e?{...q,style:r,placement:i}:q))};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(f.Section,{children:[a&&a,t.jsxRuntimeExports.jsx(y.MenuList,{items:j,handleClick:d,onSubMenu:x,level:0,setPowerpackDialog:c,onMenuClose:()=>p(!1)}),l&&t.jsxRuntimeExports.jsxs(f.Footer,{children:[l,t.jsxRuntimeExports.jsx(g.Button,{icon:"content_copy",variant:"text",onClick:()=>S.copyToClipboard(l)})]})]}),u.map((e,r)=>t.jsxRuntimeExports.jsx(y.MenuList,{...e,parentRef:e.parentRef||null,style:e.style||{},handleClick:d,subMenu:!0,onSubMenu:x,onSubMenuLayout:b,onClose:()=>n(u.filter(i=>i.id!==e.id)),onMenuClose:()=>p(!1),onChange:M,setPowerpackDialog:c,itemClassName:void 0,itemStyle:void 0},r))]})};exports.Menu=m;
 //# sourceMappingURL=Menu.cjs.js.map

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

	@@ -1 +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 { PowerpackFeature, useMenuContext, usePowerpack } from '@shared/context'\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 (\n typeof related.closest === 'function' &&\n related.closest(`#${MENU_PORTAL_CONTENT_ID}`)\n )\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) =>\n prev.map((m) => (m.id === id ? { ...m, style, placement } : m)),\n )\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":"~~w7MA6CO~~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"}
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 { PowerpackFeature, useMenuContext, usePowerpack } from '@shared/context'\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 (\n typeof related.closest === 'function' &&\n related.closest(`#${MENU_PORTAL_CONTENT_ID}`)\n )\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) =>\n prev.map((m) => (m.id === id ? { ...m, style, placement } : m)),\n )\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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"}

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

@@ -79,6 +79,7 @@ import "../../api/queries/entities/updateEntity.es.js";
 import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
 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/folders/getFolders.es.js";
@@ -126,7 +127,7 @@ import "../../context/WebsocketContext.es.js";
 import "../../context/GlobalContext.es.js";
 import "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
-const Vo = ({ menu: y = [], onClose: l, header: a, footer: s = "" }) => {
+const Wo = ({ menu: y = [], onClose: l, header: a, footer: s = "" }) => {
   const { setPowerpackDialog: u } = E(), { setMenuOpen: f } = L(), [i, e] = S([]), c = (t, o, r, n) => {
     if (r) return l?.();
     o?.(t), !n && l && l();
@@ -199,6 +200,6 @@ const Vo = ({ menu: y = [], onClose: l, header: a, footer: s = "" }) => {
   ] });
 };
 export {
-  Vo as Menu
+  Wo as Menu
 };
 //# sourceMappingURL=Menu.es.js.map

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

	@@ -1 +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 { PowerpackFeature, useMenuContext, usePowerpack } from '@shared/context'\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 (\n typeof related.closest === 'function' &&\n related.closest(`#${MENU_PORTAL_CONTENT_ID}`)\n )\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) =>\n prev.map((m) => (m.id === id ? { ...m, style, placement } : m)),\n )\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","e","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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"}
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 { PowerpackFeature, useMenuContext, usePowerpack } from '@shared/context'\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 (\n typeof related.closest === 'function' &&\n related.closest(`#${MENU_PORTAL_CONTENT_ID}`)\n )\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) =>\n prev.map((m) => (m.id === id ? { ...m, style, placement } : m)),\n )\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","e","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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"}

package/dist/shared/src/components/Menu/MenuItem.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../../../_virtual/jsx-runtime.cjs.js"),i=require("@ynput/ayon-react-components"),M=require("react"),a=require("./Menu.styled.cjs.js"),N=require("lodash"),P=require("react-router-dom"),C=require("clsx");require("../../context/RemoteModulesContext.cjs.js");const L=require("../../context/PowerpackContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.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/updateActivities.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/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.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/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/updateUsers.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("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");const m=M.forwardRef(({label:r,icon:q,img:t,highlighted:j,notification:l,selected:p,danger:R,items:d=[],className:h,isLink:s,isDev:g,shortcut:n,disabled:E,powerFeature:I,active:w,...o},y)=>{const c=N.isArray(r)?r:[r],{powerLicense:f}=L.usePowerpack(),u=!f&&I,x=e.jsxRuntimeExports.jsxs(a.Item,{ref:y,className:C("menu-item",{highlighted:j,selected:p,notification:l,danger:R,dev:g,disabled:E,power:u},h),...o,"aria-label":c.join(", "),children:[(q||u)&&e.jsxRuntimeExports.jsx(i.Icon,{icon:u?"bolt":q}),t&&e.jsxRuntimeExports.jsx(a.Img,{src:t,alt:`${r} icon`}),c.map((k,A)=>e.jsxRuntimeExports.jsx("span",{children:k},A)),n&&e.jsxRuntimeExports.jsx(i.ShortcutTag,{style:{minWidth:22,textAlign:"center"},align:"right",children:n}),w&&e.jsxRuntimeExports.jsx(i.Icon,{icon:"check",style:{marginLeft:"auto"}}),!!d.length&&e.jsxRuntimeExports.jsx(i.Icon,{icon:"arrow_right",className:"more"})]});return s?e.jsxRuntimeExports.jsx(P.Link,{to:s,target:o.target,children:x}):x});m.displayName="MenuItem";module.exports=m;
+"use strict";const e=require("../../../../_virtual/jsx-runtime.cjs.js"),i=require("@ynput/ayon-react-components"),M=require("react"),a=require("./Menu.styled.cjs.js"),N=require("lodash"),P=require("react-router-dom"),C=require("clsx");require("../../context/RemoteModulesContext.cjs.js");const L=require("../../context/PowerpackContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.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/updateActivities.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/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.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/updateUsers.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("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");const m=M.forwardRef(({label:r,icon:q,img:t,highlighted:j,notification:l,selected:p,danger:R,items:d=[],className:h,isLink:s,isDev:g,shortcut:n,disabled:E,powerFeature:I,active:w,...o},y)=>{const c=N.isArray(r)?r:[r],{powerLicense:f}=L.usePowerpack(),u=!f&&I,x=e.jsxRuntimeExports.jsxs(a.Item,{ref:y,className:C("menu-item",{highlighted:j,selected:p,notification:l,danger:R,dev:g,disabled:E,power:u},h),...o,"aria-label":c.join(", "),children:[(q||u)&&e.jsxRuntimeExports.jsx(i.Icon,{icon:u?"bolt":q}),t&&e.jsxRuntimeExports.jsx(a.Img,{src:t,alt:`${r} icon`}),c.map((k,A)=>e.jsxRuntimeExports.jsx("span",{children:k},A)),n&&e.jsxRuntimeExports.jsx(i.ShortcutTag,{style:{minWidth:22,textAlign:"center"},align:"right",children:n}),w&&e.jsxRuntimeExports.jsx(i.Icon,{icon:"check",style:{marginLeft:"auto"}}),!!d.length&&e.jsxRuntimeExports.jsx(i.Icon,{icon:"arrow_right",className:"more"})]});return s?e.jsxRuntimeExports.jsx(P.Link,{to:s,target:o.target,children:x}):x});m.displayName="MenuItem";module.exports=m;
 //# sourceMappingURL=MenuItem.cjs.js.map

package/dist/shared/src/components/Menu/MenuItem.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItem.cjs.js","sources":["../../../../../src/components/Menu/MenuItem.tsx"],"sourcesContent":["import { Icon, ShortcutTag } from '@ynput/ayon-react-components'\nimport React, { forwardRef } from 'react'\nimport * as Styled from './Menu.styled'\nimport { isArray } from 'lodash'\nimport { Link } from 'react-router-dom'\nimport clsx from 'clsx'\nimport { usePowerpack } from '@shared/context'\nimport { MenuItemType } from './Menu'\n\nexport interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'label'> {\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 isLink?: string\n isDev?: boolean\n shortcut?: string\n disabled?: boolean\n powerFeature?: string\n active?: boolean\n target?: string\n}\n\nconst MenuItem = forwardRef<HTMLLIElement, MenuItemProps>(\n (\n {\n label,\n icon,\n img,\n highlighted,\n notification,\n selected,\n danger,\n items = [],\n className,\n isLink,\n isDev,\n shortcut,\n disabled,\n powerFeature,\n active,\n ...props\n },\n ref,\n ) => {\n const labelsArray = isArray(label) ? label : [label]\n const { powerLicense } = usePowerpack()\n const isPowerFeature = !powerLicense && powerFeature\n\n const Item = (\n <Styled.Item\n ref={ref}\n className={clsx(\n 'menu-item',\n {\n highlighted: highlighted,\n selected: selected,\n notification: notification,\n danger: danger,\n dev: isDev,\n disabled: disabled,\n power: isPowerFeature,\n },\n className,\n )}\n {...props}\n aria-label={labelsArray.join(', ')}\n >\n {(icon \|\| isPowerFeature) && <Icon icon={isPowerFeature ? 'bolt' : icon!} />}\n {img && <Styled.Img src={img} alt={`${label} icon`} />}\n {labelsArray.map((label, index) => (\n <span key={index}>{label}</span>\n ))}\n {shortcut && (\n <ShortcutTag style={{ minWidth: 22, textAlign: 'center' }} align={'right'}>\n {shortcut}\n </ShortcutTag>\n )}\n {active && <Icon icon=\"check\" style={{ marginLeft: 'auto' }} />}\n\n {!!items.length && <Icon icon=\"arrow_right\" className=\"more\" />}\n </Styled.Item>\n )\n\n if (isLink) {\n return (\n <Link to={isLink} target={props.target}>\n {Item}\n </Link>\n )\n } else {\n return Item\n }\n },\n)\n\nMenuItem.displayName = 'MenuItem'\n\nexport default MenuItem\n"],"names":["MenuItem","forwardRef","label","icon","img","highlighted","notification","selected","danger","items","className","isLink","isDev","shortcut","disabled","powerFeature","active","props","ref","labelsArray","isArray","powerLicense","usePowerpack","isPowerFeature","Item","jsxs","Styled.Item","clsx","jsx","Icon","Styled.Img","index","ShortcutTag","Link"],"mappings":"~~iyMA2BA~~,MAAMA,EAAWC,EAAAA,WACf,CACE,CACE,MAAAC,EACA,KAAAC,EACA,IAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,EAAQ,CAAA,EACR,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,OAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAcC,EAAAA,QAAQlB,CAAK,EAAIA,EAAQ,CAACA,CAAK,EAC7C,CAAE,aAAAmB,CAAA,EAAiBC,eAAA,EACnBC,EAAiB,CAACF,GAAgBN,EAElCS,EACJC,EAAAA,kBAAAA,KAACC,EAAAA,KAAA,CACC,IAAAR,EACA,UAAWS,EACT,YACA,CACE,YAAAtB,EACA,SAAAE,EACA,aAAAD,EACA,OAAAE,EACA,IAAKI,EACL,SAAAE,EACA,MAAOS,CAAA,EAETb,CAAA,EAED,GAAGO,EACJ,aAAYE,EAAY,KAAK,IAAI,EAE/B,SAAA,EAAAhB,GAAQoB,IAAmBK,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMN,EAAiB,OAASpB,EAAO,EACzEC,GAAOwB,EAAAA,kBAAAA,IAACE,MAAA,CAAW,IAAK1B,EAAK,IAAK,GAAGF,CAAK,QAAS,EACnDiB,EAAY,IAAI,CAACjB,EAAO6B,4BACtB,OAAA,CAAkB,SAAA7B,CAAAA,EAAR6B,CAAc,CAC1B,EACAlB,GACCe,EAAAA,kBAAAA,IAACI,EAAAA,YAAA,CAAY,MAAO,CAAE,SAAU,GAAI,UAAW,QAAA,EAAY,MAAO,QAC/D,SAAAnB,CAAA,CACH,EAEDG,2BAAWa,EAAAA,KAAA,CAAK,KAAK,QAAQ,MAAO,CAAE,WAAY,MAAA,EAAU,EAE5D,CAAC,CAACpB,EAAM,gCAAWoB,EAAAA,KAAA,CAAK,KAAK,cAAc,UAAU,MAAA,CAAO,CAAA,CAAA,CAAA,EAIjE,OAAIlB,0BAECsB,EAAAA,KAAA,CAAK,GAAItB,EAAQ,OAAQM,EAAM,OAC7B,SAAAO,EACH,EAGKA,CAEX,CACF,EAEAxB,EAAS,YAAc"}
1	+ {"version":3,"file":"MenuItem.cjs.js","sources":["../../../../../src/components/Menu/MenuItem.tsx"],"sourcesContent":["import { Icon, ShortcutTag } from '@ynput/ayon-react-components'\nimport React, { forwardRef } from 'react'\nimport * as Styled from './Menu.styled'\nimport { isArray } from 'lodash'\nimport { Link } from 'react-router-dom'\nimport clsx from 'clsx'\nimport { usePowerpack } from '@shared/context'\nimport { MenuItemType } from './Menu'\n\nexport interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'label'> {\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 isLink?: string\n isDev?: boolean\n shortcut?: string\n disabled?: boolean\n powerFeature?: string\n active?: boolean\n target?: string\n}\n\nconst MenuItem = forwardRef<HTMLLIElement, MenuItemProps>(\n (\n {\n label,\n icon,\n img,\n highlighted,\n notification,\n selected,\n danger,\n items = [],\n className,\n isLink,\n isDev,\n shortcut,\n disabled,\n powerFeature,\n active,\n ...props\n },\n ref,\n ) => {\n const labelsArray = isArray(label) ? label : [label]\n const { powerLicense } = usePowerpack()\n const isPowerFeature = !powerLicense && powerFeature\n\n const Item = (\n <Styled.Item\n ref={ref}\n className={clsx(\n 'menu-item',\n {\n highlighted: highlighted,\n selected: selected,\n notification: notification,\n danger: danger,\n dev: isDev,\n disabled: disabled,\n power: isPowerFeature,\n },\n className,\n )}\n {...props}\n aria-label={labelsArray.join(', ')}\n >\n {(icon \|\| isPowerFeature) && <Icon icon={isPowerFeature ? 'bolt' : icon!} />}\n {img && <Styled.Img src={img} alt={`${label} icon`} />}\n {labelsArray.map((label, index) => (\n <span key={index}>{label}</span>\n ))}\n {shortcut && (\n <ShortcutTag style={{ minWidth: 22, textAlign: 'center' }} align={'right'}>\n {shortcut}\n </ShortcutTag>\n )}\n {active && <Icon icon=\"check\" style={{ marginLeft: 'auto' }} />}\n\n {!!items.length && <Icon icon=\"arrow_right\" className=\"more\" />}\n </Styled.Item>\n )\n\n if (isLink) {\n return (\n <Link to={isLink} target={props.target}>\n {Item}\n </Link>\n )\n } else {\n return Item\n }\n },\n)\n\nMenuItem.displayName = 'MenuItem'\n\nexport default MenuItem\n"],"names":["MenuItem","forwardRef","label","icon","img","highlighted","notification","selected","danger","items","className","isLink","isDev","shortcut","disabled","powerFeature","active","props","ref","labelsArray","isArray","powerLicense","usePowerpack","isPowerFeature","Item","jsxs","Styled.Item","clsx","jsx","Icon","Styled.Img","index","ShortcutTag","Link"],"mappings":"s2MA2BA,MAAMA,EAAWC,EAAAA,WACf,CACE,CACE,MAAAC,EACA,KAAAC,EACA,IAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,EAAQ,CAAA,EACR,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,OAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAcC,EAAAA,QAAQlB,CAAK,EAAIA,EAAQ,CAACA,CAAK,EAC7C,CAAE,aAAAmB,CAAA,EAAiBC,eAAA,EACnBC,EAAiB,CAACF,GAAgBN,EAElCS,EACJC,EAAAA,kBAAAA,KAACC,EAAAA,KAAA,CACC,IAAAR,EACA,UAAWS,EACT,YACA,CACE,YAAAtB,EACA,SAAAE,EACA,aAAAD,EACA,OAAAE,EACA,IAAKI,EACL,SAAAE,EACA,MAAOS,CAAA,EAETb,CAAA,EAED,GAAGO,EACJ,aAAYE,EAAY,KAAK,IAAI,EAE/B,SAAA,EAAAhB,GAAQoB,IAAmBK,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMN,EAAiB,OAASpB,EAAO,EACzEC,GAAOwB,EAAAA,kBAAAA,IAACE,MAAA,CAAW,IAAK1B,EAAK,IAAK,GAAGF,CAAK,QAAS,EACnDiB,EAAY,IAAI,CAACjB,EAAO6B,4BACtB,OAAA,CAAkB,SAAA7B,CAAAA,EAAR6B,CAAc,CAC1B,EACAlB,GACCe,EAAAA,kBAAAA,IAACI,EAAAA,YAAA,CAAY,MAAO,CAAE,SAAU,GAAI,UAAW,QAAA,EAAY,MAAO,QAC/D,SAAAnB,CAAA,CACH,EAEDG,2BAAWa,EAAAA,KAAA,CAAK,KAAK,QAAQ,MAAO,CAAE,WAAY,MAAA,EAAU,EAE5D,CAAC,CAACpB,EAAM,gCAAWoB,EAAAA,KAAA,CAAK,KAAK,cAAc,UAAU,MAAA,CAAO,CAAA,CAAA,CAAA,EAIjE,OAAIlB,0BAECsB,EAAAA,KAAA,CAAK,GAAItB,EAAQ,OAAQM,EAAM,OAC7B,SAAAO,EACH,EAGKA,CAEX,CACF,EAEAxB,EAAS,YAAc"}

package/dist/shared/src/components/Menu/MenuItem.es.js CHANGED Viewed

@@ -75,6 +75,7 @@ import "../../api/queries/entities/updateEntity.es.js";
 import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
 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/folders/getFolders.es.js";