@ynput/ayon-frontend-shared 0.4.0 → 0.4.2

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

@@ -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("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/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("../../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("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");const T=require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");require("../../context/EntityUpdatesContextInstance.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("clsx");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../containers/NewEntity/components/NewEntity.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("short-uuid");require("../SearchFilter/filterDates.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../containers/NewEntity/context/NewEntityContextInstance.cjs.js");require("../../containers/NewEntity/components/NewEntityForm.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/CustomDateRangeDialog.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../SyncButton/SyncButton.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/FieldValue.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/Feed/components/FeedSearchFilter.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("../../context/DeleteEntitiesContext.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 i=require("../../../../_virtual/jsx-runtime.cjs.js"),R=require("react"),y=require("./Menu.styled.cjs.js"),j=require("./MenuList.cjs.js"),C=require("./MenuContainer.cjs.js");require("lodash");require("react-toastify");const S=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/pubsub.cjs.js");const g=require("@ynput/ayon-react-components"),E=require("../../context/MenuContext.cjs.js"),T=require("../../context/PowerpackContext.cjs.js"),m=({menu:v=[],onClose:l,header:c,footer:a=""})=>{const{setPowerpackDialog:p}=T.usePowerpack(),{setMenuOpen:d}=E.useMenuContext(),[r,o]=R.useState([]),M=(e,t,n,u)=>{if(n)return l?.();t?.(e),!u&&l&&l()},x=(e,t)=>{if(t.items.length){if(!r.find(n=>n.id===t.id)){const n=t.parentEl??e.currentTarget??e.target;o([...r.filter(u=>u.level<(t.level||0)+1),{...t,id:t.id,level:(t.level||0)+1,parentRef:n}])}}else o(r.filter(n=>n.level<=(t.level||0)))},b=(e,t={})=>{const n=e.relatedTarget;if(!n)return;if(n.tagName==="DIALOG")return o([]);typeof n.closest=="function"&&n.closest(`#${C.MENU_PORTAL_CONTENT_ID}`)||r.find(s=>s.id===n.id)||o(r.filter(s=>s.level<=(t.level||0)+1))},f=(e,t)=>{e.type==="mouseenter"||e.type==="keydown"?x(e,t):e.type==="mouseleave"&&b(e,t)},q=(e,t,n)=>{o(u=>u.map(s=>s.id===e?{...s,style:t,placement:n}:s))};return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsxs(y.Section,{children:[c&&c,i.jsxRuntimeExports.jsx(j.MenuList,{items:v,handleClick:M,onSubMenu:f,level:0,setPowerpackDialog:p,onMenuClose:()=>d(!1)}),a&&i.jsxRuntimeExports.jsxs(y.Footer,{children:[a,i.jsxRuntimeExports.jsx(g.Button,{icon:"content_copy",variant:"text",onClick:()=>S.copyToClipboard(a)})]})]}),r.map((e,t)=>i.jsxRuntimeExports.jsx(j.MenuList,{...e,parentRef:e.parentRef||null,style:e.style||{},handleClick:M,subMenu:!0,onSubMenu:f,onSubMenuLayout:q,onClose:()=>o(r.filter(n=>n.id!==e.id)),onMenuClose:()=>d(!1),onChange:x,setPowerpackDialog:p,itemClassName:void 0,itemStyle:void 0},t))]})};exports.Menu=m;
 //# sourceMappingURL=Menu.cjs.js.map

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

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

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

@@ -1,4 +1,4 @@
-import { j as m } from "../../../../_virtual/jsx-runtime.es.js";
+import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
 import { useState as S } from "react";
 import { Section as g, Footer as j } from "./Menu.styled.es.js";
 import { MenuList as v } from "./MenuList.es.js";
@@ -7,374 +7,82 @@ import "lodash";
 import "react-toastify";
 import { copyToClipboard as T } from "../../util/copyToClipboard.es.js";
 import "uuid";
-import "../../api/base/client.es.js";
-import "../../api/generated/graphql.es.js";
-import "../../api/generated/graphqlLinks.es.js";
-import "../../api/generated/access.es.js";
-import "../../api/generated/actions.es.js";
-import "../../api/generated/activityFeed.es.js";
-import "../../api/generated/addons.es.js";
-import "../../api/generated/anatomy.es.js";
-import "../../api/generated/attributes.es.js";
-import "../../api/generated/authentication.es.js";
-import "../../api/generated/bundles.es.js";
-import "../../api/generated/configuration.es.js";
-import "../../api/generated/dataImport.es.js";
-import "../../api/generated/desktop.es.js";
-import "../../api/generated/entityLists.es.js";
-import "../../api/generated/events.es.js";
-import "../../api/generated/files.es.js";
-import "../../api/generated/folders.es.js";
-import "../../api/generated/inbox.es.js";
-import "../../api/generated/links.es.js";
-import "../../api/generated/market.es.js";
-import "../../api/generated/onboarding.es.js";
-import "../../api/generated/operations.es.js";
-import "../../api/generated/products.es.js";
-import "../../api/generated/projectDashboard.es.js";
-import "../../api/generated/projects.es.js";
-import "../../api/generated/projectFolders.es.js";
-import "../../api/generated/reviewables.es.js";
-import "../../api/generated/services.es.js";
-import "../../api/generated/system.es.js";
-import "../../api/generated/tasks.es.js";
-import "../../api/generated/teams.es.js";
-import "../../api/generated/thumbnails.es.js";
-import "../../api/generated/uRIs.es.js";
-import "../../api/generated/users.es.js";
-import "../../api/generated/versions.es.js";
-import "../../api/generated/workfiles.es.js";
-import "../../api/generated/ynputCloud.es.js";
-import "../../api/generated/grouping.es.js";
-import "../../api/generated/views.es.js";
-import "../../api/queries/actions/getActions.es.js";
-import "../../api/queries/activities/getActivities.es.js";
-import "../../api/queries/activities/updateReaction.es.js";
-import "../../api/queries/activities/getMentions.es.js";
-import "../../api/queries/activities/getCategories.es.js";
-import "../../api/queries/addons/getAddons.es.js";
-import "../../api/queries/addons/updateAddons.es.js";
-import "../../api/queries/attributes/getAttributes.es.js";
-import "../../api/queries/attributes/updateAttributes.es.js";
-import "../../api/queries/authentication/getAuthentication.es.js";
-import "../../api/queries/bundles/getBundles.es.js";
-import "../../api/queries/bundles/updateBundles.es.js";
-import "../../api/queries/cloud/cloud.es.js";
-import "../../api/queries/columnStats/metricTargets.es.js";
-import "../../api/queries/columnStats/groupCounts.es.js";
-import "../../api/queries/config/getConfig.es.js";
-import "../../api/queries/config/updateConfig.es.js";
-import "../../api/queries/entities/getEntity.es.js";
-import "../../api/queries/entities/getEntityPanel.es.js";
-import "../../api/queries/overview/getOverview.es.js";
-import "../../api/queries/overview/updateOverview.es.js";
-import "../../api/queries/versions/getVersionsProducts.es.js";
-import "../../api/queries/links/getEntityLinks.es.js";
-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";
-import "../../api/queries/folders/getFolderDeleteInfo.es.js";
-import "../../api/queries/grouping/getGrouping.es.js";
-import "../../api/queries/links/updateLinks.es.js";
-import "../../api/queries/links/getLinks.es.js";
-import "../../api/queries/permissions/getPermissions.es.js";
-import "../../api/queries/products/createProduct.es.js";
-import "../../api/queries/products/getFolderProducts.es.js";
-import "../../api/queries/project/getProject.es.js";
-import "../../api/queries/project/updateProject.es.js";
-import "../../api/queries/projectFolders/projectFolders.es.js";
-import "../../api/queries/review/getReview.es.js";
-import "../../api/queries/review/updateReview.es.js";
-import "../../api/queries/share/share.es.js";
-import "../../api/queries/system/getSystem.es.js";
-import "../../api/queries/tasks/getTasks.es.js";
-import "../../api/queries/tasks/updateTasks.es.js";
-import "../../api/queries/teams/getTeams.es.js";
-import "../../api/queries/userDashboard/getUserDashboard.es.js";
-import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
-import "../../api/queries/users/guests.es.js";
-import "../../api/queries/versions/updateVersions.es.js";
-import "../../api/queries/views/getViews.es.js";
-import "../../api/queries/views/updateViews.es.js";
-import "../../api/queries/watchers/getWatchers.es.js";
-import "../../api/queries/uris/getUris.es.js";
 import "../../util/pubsub.es.js";
 import { Button as h } from "@ynput/ayon-react-components";
-import "../../context/RemoteModulesContext.es.js";
-import { usePowerpack as E } from "../../context/PowerpackContext.es.js";
-import "../../context/UriContext.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.es.js";
-import "react-redux";
-import "custom-protocol-check";
-import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "../../context/DetailsPanelContextInstance.es.js";
-import "../../context/SubtasksModulesContextInstance.es.js";
-import "../../context/ThumbnailUploaderContext.es.js";
-import "../../context/SettingsPanelContext.es.js";
-import "../../context/pip/PiPProvider.es.js";
-import "react-dom";
-import "../../context/pip/PiPWrapper.es.js";
-import "../../context/AddonProjectContext.es.js";
-import "../../context/AddonContext.es.js";
-import { useMenuContext as L } from "../../context/MenuContext.es.js";
-import "../../context/WebsocketContext.es.js";
-import "../../context/GlobalContext.es.js";
-import "../../context/ProjectContext.es.js";
-import "../../context/ProjectFoldersContextInstance.es.js";
-import "../../context/EntityUpdatesContextInstance.es.js";
-import "../../containers/ContextMenu/ContextMenuContext.es.js";
-/* empty css                                               */
-import "clsx";
-import "../../containers/Feed/context/FeedContext.es.js";
-import "../../containers/Feed/components/Tooltips/UserTooltipItem.es.js";
-import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "react-markdown";
-import "remark-emoji";
-import "remark-gfm";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../../containers/Feed/components/CommentInput/CommentInput.es.js";
-import "../../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
-import "../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
-import "../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
-import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
-import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../AccessUser/AccessUser.es.js";
-import "../AttributeEditor/AttributeEditor.es.js";
-import "../AttributeEditor/attributeTypeMap.es.js";
-import "../Badge/Badge.es.js";
-import "../Chips/Chips.es.js";
-import "date-fns";
-import "../DateRangePicker/DateRangePicker.styled.es.js";
-import "../LinksManager/CellEditingDialog.es.js";
-import "../DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
-import "../DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
-import "../../../../_virtual/index.es.js";
-import "../../../../node_modules/refractor/lib/common.es.js";
-import "../../../../node_modules/refractor/lib/all.es.js";
-/* empty css                                                                              */
-import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "react-quill-ayon";
-import "../DetailsPanelDetails/BorderedSection.es.js";
-import "../QuillListStyles/QuillListStyles.es.js";
-import "../DetailsPanelDetails/DescriptionSection.styles.es.js";
-import "rehype-raw";
-import "../DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../../containers/Feed/components/CommentInput/modules/index.es.js";
-import "../DetailsPanelDetails/DetailsSection.es.js";
-import "../DetailsPanelDetails/FieldLabel.es.js";
-import "../DoneCheckbox/DoneCheckbox.es.js";
-import "../EarlyPreview/EarlyPreview.es.js";
-import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../InfoMessage/InfoMessage.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../EnumEditor/EnumEditor.styled.es.js";
-import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import "../ReviewablesList/ReviewablesList.styled.es.js";
-import "../ReviewablesList/ReviewablesUpload.styled.es.js";
-import "../EntityPath/EntityPath.styled.es.js";
-import "../EntityPath/SegmentProvider.es.js";
-import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../Feedback/FeedbackContextInstance.es.js";
-import "../Feedback/SupportBubble.es.js";
-import "../FileThumbnail/FileThumbnail.es.js";
-import "../LegacyBadge/LegacyBadge.es.js";
-import "../LinksManager/LinksManager.styled.es.js";
-import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "../Powerpack/PowerpackButton.es.js";
-import "../Powerpack/FreeTrialLink.es.js";
-import "../Powerpack/PowerpackDialog.styled.es.js";
-import "../Powerpack/CTAButton.es.js";
-import "../Powerpack/RequiredAddonVersion.es.js";
-import "../ProjectTableSettings/ProjectTableSettings.es.js";
-import "../SizeSlider/SizeSlider.es.js";
-import "react-router-dom";
-import "../../containers/Slicer/components/Slicer.es.js";
-import "../../containers/Slicer/context/SlicerContextInstance.es.js";
-import "../../containers/Slicer/components/SlicerDropdownFallback.es.js";
-import "../../containers/NewEntity/components/NewEntity.es.js";
-import "@tanstack/react-virtual";
-import "@tanstack/react-table";
-import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
-import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/LinksWidget.es.js";
-import "short-uuid";
-import "../SearchFilter/filterDates.es.js";
-import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
-import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
-import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../containers/ProjectTreeTable/components/TableFooterRow.es.js";
-import "../../containers/NewEntity/context/NewEntityContextInstance.es.js";
-import "../../containers/NewEntity/components/NewEntityForm.es.js";
-import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
-import "../ReviewableCard/ReviewableCard.es.js";
-import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../SearchFilter/CustomDateRangeDialog.es.js";
-import "../SettingsPanel/SettingsPanel.es.js";
-import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../ShareOptionIcon/ShareOptionIcon.es.js";
-import "../SimpleFormDialog/SimpleFormDialog.es.js";
-import "../StyledLink/StyledLink.es.js";
-import "../SyncButton/SyncButton.es.js";
-import "../TableGridSwitch/TableGridSwitch.es.js";
-import "../Thumbnail/Thumbnail.styled.es.js";
-import "../Thumbnail/StackedThumbnails.es.js";
-import "../ThumbnailSimple/ThumbnailSimple.es.js";
-import "../VersionUploader/components/UploadVersionDialog.es.js";
-import "../VersionUploader/context/VersionUploadContextInstance.es.js";
-import "../Watchers/Watchers.es.js";
-import "../ReviewablesSelector/ReviewablesSelector.es.js";
-import "../ColumnHeaderMenuUI.es.js";
-import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
-import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
-import "../../containers/Feed/components/ActivityDate.es.js";
-import "../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "../../containers/Feed/components/ActivityFieldChange/FieldValue.es.js";
-import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
-import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../../containers/Feed/Feed.styled.es.js";
-import "../../containers/Feed/components/FeedSearchFilter.es.js";
-import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../PlayableIcon/PlayableIcon.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
-import "../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import "../../containers/Actions/Actions.styled.es.js";
-import "../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
-import "../../containers/Actions/ActionIcon.es.js";
-import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
-import "../../containers/Views/context/ViewsContextInstance.es.js";
-import "../../containers/Views/Views.styled.es.js";
-import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../containers/ListTable/ListTableRow.es.js";
-import "../../containers/ListTable/ListTable.styled.es.js";
-import "../../context/DeleteEntitiesContext.es.js";
-const sm = ({ 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();
-  }, d = (t, o) => {
-    if (o.items.length) {
-      if (!i.find((r) => r.id === o.id)) {
-        const r = o.parentEl ?? t.currentTarget ?? t.target;
-        e([
-          ...i.filter((n) => n.level < (o.level || 0) + 1),
+import { useMenuContext as E } from "../../context/MenuContext.es.js";
+import { usePowerpack as L } from "../../context/PowerpackContext.es.js";
+const $ = ({ menu: y = [], onClose: a, header: p, footer: u = "" }) => {
+  const { setPowerpackDialog: f } = L(), { setMenuOpen: c } = E(), [r, l] = S([]), d = (e, t, o, s) => {
+    if (o) return a?.();
+    t?.(e), !s && a && a();
+  }, m = (e, t) => {
+    if (t.items.length) {
+      if (!r.find((o) => o.id === t.id)) {
+        const o = t.parentEl ?? e.currentTarget ?? e.target;
+        l([
+          ...r.filter((s) => s.level < (t.level || 0) + 1),
           {
-            ...o,
-            id: o.id,
-            level: (o.level || 0) + 1,
-            parentRef: r
+            ...t,
+            id: t.id,
+            level: (t.level || 0) + 1,
+            parentRef: o
           }
         ]);
       }
     } else
-      e(i.filter((r) => r.level <= (o.level || 0)));
-  }, b = (t, o = {}) => {
-    const r = t.relatedTarget;
-    if (!r) return;
-    if (r.tagName === "DIALOG") return e([]);
-    typeof r.closest == "function" && r.closest(`#${C}`) || i.find((p) => p.id === r.id) || e(i.filter((p) => p.level <= (o.level || 0) + 1));
-  }, M = (t, o) => {
-    t.type === "mouseenter" || t.type === "keydown" ? d(t, o) : t.type === "mouseleave" && b(t, o);
-  }, x = (t, o, r) => {
-    e(
-      (n) => n.map((p) => p.id === t ? { ...p, style: o, placement: r } : p)
-    );
+      l(r.filter((o) => o.level <= (t.level || 0)));
+  }, b = (e, t = {}) => {
+    const o = e.relatedTarget;
+    if (!o) return;
+    if (o.tagName === "DIALOG") return l([]);
+    typeof o.closest == "function" && o.closest(`#${C}`) || r.find((n) => n.id === o.id) || l(r.filter((n) => n.level <= (t.level || 0) + 1));
+  }, M = (e, t) => {
+    e.type === "mouseenter" || e.type === "keydown" ? m(e, t) : e.type === "mouseleave" && b(e, t);
+  }, x = (e, t, o) => {
+    l((s) => s.map((n) => n.id === e ? { ...n, style: t, placement: o } : n));
   };
-  return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsxs(g, { children: [
-      a && a,
-      /* @__PURE__ */ m.jsx(
+  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsxs(g, { children: [
+      p && p,
+      /* @__PURE__ */ i.jsx(
         v,
         {
           items: y,
-          handleClick: c,
+          handleClick: d,
           onSubMenu: M,
           level: 0,
-          setPowerpackDialog: u,
-          onMenuClose: () => f(!1)
+          setPowerpackDialog: f,
+          onMenuClose: () => c(!1)
         }
       ),
-      s && /* @__PURE__ */ m.jsxs(j, { children: [
-        s,
-        /* @__PURE__ */ m.jsx(h, { icon: "content_copy", variant: "text", onClick: () => T(s) })
+      u && /* @__PURE__ */ i.jsxs(j, { children: [
+        u,
+        /* @__PURE__ */ i.jsx(h, { icon: "content_copy", variant: "text", onClick: () => T(u) })
       ] })
     ] }),
-    i.map((t, o) => /* @__PURE__ */ m.jsx(
+    r.map((e, t) => /* @__PURE__ */ i.jsx(
       v,
       {
-        ...t,
-        parentRef: t.parentRef || null,
-        style: t.style || {},
-        handleClick: c,
+        ...e,
+        parentRef: e.parentRef || null,
+        style: e.style || {},
+        handleClick: d,
         subMenu: !0,
         onSubMenu: M,
         onSubMenuLayout: x,
-        onClose: () => e(i.filter((r) => r.id !== t.id)),
-        onMenuClose: () => f(!1),
-        onChange: d,
-        setPowerpackDialog: u,
+        onClose: () => l(r.filter((o) => o.id !== e.id)),
+        onMenuClose: () => c(!1),
+        onChange: m,
+        setPowerpackDialog: f,
         itemClassName: void 0,
         itemStyle: void 0
       },
-      o
+      t
     ))
   ] });
 };
 export {
-  sm as Menu
+  $ as Menu
 };
 //# sourceMappingURL=Menu.es.js.map

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

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