npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.37 → 0.2.39 - Mend

@ynput/ayon-frontend-shared 0.2.37 → 0.2.39

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 (710) hide show

package/dist/shared/src/components/DetailsPanelDetails/hooks/useEntityData.es.js DELETED Viewed

@@ -1,113 +0,0 @@
-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/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/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/updateActivities.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/cloud/cloud.es.js";
-import "../../../api/queries/entities/getEntity.es.js";
-import "../../../api/queries/entities/getEntityPanel.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/updateListsAttributes.es.js";
-import "../../../api/queries/entityLists/listFolders.es.js";
-import "../../../api/queries/folders/getFolders.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/links/getEntityLinks.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/permissions/getPermissions.es.js";
-import "../../../api/queries/products/createProduct.es.js";
-import { useGetProjectQuery as a } from "../../../api/queries/project/getProject.es.js";
-import "../../../api/queries/project/updateProject.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/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 "../../../context/RemoteModulesContext.es.js";
-import "../../../context/DetailsPanelContext.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 "../../../context/PowerpackContext.es.js";
-import "../../../context/MoveEntityContext.es.js";
-import "../../../context/MenuContext.es.js";
-import "../../../context/WebsocketContext.es.js";
-import { useGlobalContext as n } from "../../../context/GlobalContext.es.js";
-const _t = ({ projectName: t, isProjectNameMixed: o }) => {
-  const { attributes: r } = n(), { data: p } = a(
-    { projectName: t || "" },
-    { skip: !t || o }
-  ), { folderTypes: i = [], taskTypes: m = [], statuses: s = [], tags: e = [] } = p || {};
-  return {
-    folderTypes: i,
-    taskTypes: m,
-    statuses: s,
-    tags: e,
-    attributes: r
-  };
-};
-export {
-  _t as useEntityData
-};
-//# sourceMappingURL=useEntityData.es.js.map

package/dist/shared/src/components/DetailsPanelDetails/hooks/useEntityData.es.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"useEntityData.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityData.ts"],"sourcesContent":["import { useGetProjectQuery } from '@shared/api'\nimport { useGlobalContext } from '@shared/context'\n\ninterface UseEntityDataProps {\n projectName?: string\n isProjectNameMixed: boolean\n}\n\nexport const useEntityData = ({ projectName, isProjectNameMixed }: UseEntityDataProps) => {\n const { attributes } = useGlobalContext()\n const { data: projectData } = useGetProjectQuery(\n { projectName: projectName || '' },\n { skip: !projectName || isProjectNameMixed },\n )\n const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = projectData || {}\n\n return {\n folderTypes,\n taskTypes,\n statuses,\n tags,\n attributes,\n }\n}\n"],"names":["useEntityData","projectName","isProjectNameMixed","attributes","useGlobalContext","projectData","useGetProjectQuery","folderTypes","taskTypes","statuses","tags"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,KAAgB,CAAC,EAAE,aAAAC,GAAa,oBAAAC,QAA6C;AAClF,QAAA,EAAE,YAAAC,EAAW,IAAIC,EAAiB,GAClC,EAAE,MAAMC,EAAA,IAAgBC;AAAA,IAC5B,EAAE,aAAaL,KAAe,GAAG;AAAA,IACjC,EAAE,MAAM,CAACA,KAAeC,EAAmB;AAAA,EAC7C,GACM,EAAE,aAAAK,IAAc,IAAI,WAAAC,IAAY,CAAC,GAAG,UAAAC,IAAW,CAAA,GAAI,MAAAC,IAAO,GAAG,IAAIL,KAAe,CAAC;AAEhF,SAAA;AAAA,IACL,aAAAE;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAP;AAAA,EACF;AACF;"}

package/dist/shared/src/util/productTypes.cjs.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";const e={image:{name:"image",icon:"imagesmode"},render:{name:"render",icon:"photo_library"},review:{name:"review",icon:"photo_library"},plate:{name:"plate",icon:"camera_roll"},camera:{name:"camera",icon:"videocam"},model:{name:"model",icon:"language"},texture:{name:"texture",icon:"texture"},look:{name:"look",icon:"ev_shadow"},rig:{name:"rig",icon:"accessibility"},animation:{name:"animation",icon:"directions_run"},cache:{name:"cache",icon:"animation"},layout:{name:"layout",icon:"nature_people"},setdress:{name:"setdress",icon:"forest"},groom:{name:"groom",icon:"content_cut"},matchmove:{name:"matchmove",icon:"switch_video"},vdbcache:{name:"vdbcache",icon:"local_fire_department"},lightrig:{name:"lightrig",icon:"wb_incandescent"},lut:{name:"lut",icon:"opacity"},workfile:{name:"workfile",icon:"home_repair_service"}};module.exports=e;
2	- //# sourceMappingURL=productTypes.cjs.js.map

package/dist/shared/src/util/productTypes.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"productTypes.cjs.js","sources":["../../../../src/util/productTypes.ts"],"sourcesContent":["export type ProductTypes = {\n [key: string]: { name: string; icon: string }\n}\n\nconst productTypes: ProductTypes = {\n image: { name: 'image', icon: 'imagesmode' },\n render: { name: 'render', icon: 'photo_library' },\n review: { name: 'review', icon: 'photo_library' },\n plate: { name: 'plate', icon: 'camera_roll' },\n camera: { name: 'camera', icon: 'videocam' },\n model: { name: 'model', icon: 'language' },\n texture: { name: 'texture', icon: 'texture' },\n look: { name: 'look', icon: 'ev_shadow' },\n rig: { name: 'rig', icon: 'accessibility' },\n animation: { name: 'animation', icon: 'directions_run' },\n cache: { name: 'cache', icon: 'animation' },\n layout: { name: 'layout', icon: 'nature_people' },\n setdress: { name: 'setdress', icon: 'forest' },\n groom: { name: 'groom', icon: 'content_cut' },\n matchmove: { name: 'matchmove', icon: 'switch_video' },\n vdbcache: { name: 'vdbcache', icon: 'local_fire_department' },\n lightrig: { name: 'lightrig', icon: 'wb_incandescent' },\n lut: { name: 'lut', icon: 'opacity' },\n workfile: { name: 'workfile', icon: 'home_repair_service' },\n}\n\nexport default productTypes\n"],"names":["productTypes"],"mappings":"aAIA,MAAMA,EAA6B,CACjC,MAAO,CAAE,KAAM,QAAS,KAAM,YAAa,EAC3C,OAAQ,CAAE,KAAM,SAAU,KAAM,eAAgB,EAChD,OAAQ,CAAE,KAAM,SAAU,KAAM,eAAgB,EAChD,MAAO,CAAE,KAAM,QAAS,KAAM,aAAc,EAC5C,OAAQ,CAAE,KAAM,SAAU,KAAM,UAAW,EAC3C,MAAO,CAAE,KAAM,QAAS,KAAM,UAAW,EACzC,QAAS,CAAE,KAAM,UAAW,KAAM,SAAU,EAC5C,KAAM,CAAE,KAAM,OAAQ,KAAM,WAAY,EACxC,IAAK,CAAE,KAAM,MAAO,KAAM,eAAgB,EAC1C,UAAW,CAAE,KAAM,YAAa,KAAM,gBAAiB,EACvD,MAAO,CAAE,KAAM,QAAS,KAAM,WAAY,EAC1C,OAAQ,CAAE,KAAM,SAAU,KAAM,eAAgB,EAChD,SAAU,CAAE,KAAM,WAAY,KAAM,QAAS,EAC7C,MAAO,CAAE,KAAM,QAAS,KAAM,aAAc,EAC5C,UAAW,CAAE,KAAM,YAAa,KAAM,cAAe,EACrD,SAAU,CAAE,KAAM,WAAY,KAAM,uBAAwB,EAC5D,SAAU,CAAE,KAAM,WAAY,KAAM,iBAAkB,EACtD,IAAK,CAAE,KAAM,MAAO,KAAM,SAAU,EACpC,SAAU,CAAE,KAAM,WAAY,KAAM,qBAAsB,CAC5D"}

package/dist/shared/src/util/productTypes.es.js DELETED Viewed

@@ -1,25 +0,0 @@
-const e = {
-  image: { name: "image", icon: "imagesmode" },
-  render: { name: "render", icon: "photo_library" },
-  review: { name: "review", icon: "photo_library" },
-  plate: { name: "plate", icon: "camera_roll" },
-  camera: { name: "camera", icon: "videocam" },
-  model: { name: "model", icon: "language" },
-  texture: { name: "texture", icon: "texture" },
-  look: { name: "look", icon: "ev_shadow" },
-  rig: { name: "rig", icon: "accessibility" },
-  animation: { name: "animation", icon: "directions_run" },
-  cache: { name: "cache", icon: "animation" },
-  layout: { name: "layout", icon: "nature_people" },
-  setdress: { name: "setdress", icon: "forest" },
-  groom: { name: "groom", icon: "content_cut" },
-  matchmove: { name: "matchmove", icon: "switch_video" },
-  vdbcache: { name: "vdbcache", icon: "local_fire_department" },
-  lightrig: { name: "lightrig", icon: "wb_incandescent" },
-  lut: { name: "lut", icon: "opacity" },
-  workfile: { name: "workfile", icon: "home_repair_service" }
-};
-export {
-  e as default
-};
-//# sourceMappingURL=productTypes.es.js.map

package/dist/shared/src/util/productTypes.es.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"productTypes.es.js","sources":["../../../../src/util/productTypes.ts"],"sourcesContent":["export type ProductTypes = {\n [key: string]: { name: string; icon: string }\n}\n\nconst productTypes: ProductTypes = {\n image: { name: 'image', icon: 'imagesmode' },\n render: { name: 'render', icon: 'photo_library' },\n review: { name: 'review', icon: 'photo_library' },\n plate: { name: 'plate', icon: 'camera_roll' },\n camera: { name: 'camera', icon: 'videocam' },\n model: { name: 'model', icon: 'language' },\n texture: { name: 'texture', icon: 'texture' },\n look: { name: 'look', icon: 'ev_shadow' },\n rig: { name: 'rig', icon: 'accessibility' },\n animation: { name: 'animation', icon: 'directions_run' },\n cache: { name: 'cache', icon: 'animation' },\n layout: { name: 'layout', icon: 'nature_people' },\n setdress: { name: 'setdress', icon: 'forest' },\n groom: { name: 'groom', icon: 'content_cut' },\n matchmove: { name: 'matchmove', icon: 'switch_video' },\n vdbcache: { name: 'vdbcache', icon: 'local_fire_department' },\n lightrig: { name: 'lightrig', icon: 'wb_incandescent' },\n lut: { name: 'lut', icon: 'opacity' },\n workfile: { name: 'workfile', icon: 'home_repair_service' },\n}\n\nexport default productTypes\n"],"names":["productTypes"],"mappings":"AAIA,MAAMA,IAA6B;AAAA,EACjC,OAAO,EAAE,MAAM,SAAS,MAAM,aAAa;AAAA,EAC3C,QAAQ,EAAE,MAAM,UAAU,MAAM,gBAAgB;AAAA,EAChD,QAAQ,EAAE,MAAM,UAAU,MAAM,gBAAgB;AAAA,EAChD,OAAO,EAAE,MAAM,SAAS,MAAM,cAAc;AAAA,EAC5C,QAAQ,EAAE,MAAM,UAAU,MAAM,WAAW;AAAA,EAC3C,OAAO,EAAE,MAAM,SAAS,MAAM,WAAW;AAAA,EACzC,SAAS,EAAE,MAAM,WAAW,MAAM,UAAU;AAAA,EAC5C,MAAM,EAAE,MAAM,QAAQ,MAAM,YAAY;AAAA,EACxC,KAAK,EAAE,MAAM,OAAO,MAAM,gBAAgB;AAAA,EAC1C,WAAW,EAAE,MAAM,aAAa,MAAM,iBAAiB;AAAA,EACvD,OAAO,EAAE,MAAM,SAAS,MAAM,YAAY;AAAA,EAC1C,QAAQ,EAAE,MAAM,UAAU,MAAM,gBAAgB;AAAA,EAChD,UAAU,EAAE,MAAM,YAAY,MAAM,SAAS;AAAA,EAC7C,OAAO,EAAE,MAAM,SAAS,MAAM,cAAc;AAAA,EAC5C,WAAW,EAAE,MAAM,aAAa,MAAM,eAAe;AAAA,EACrD,UAAU,EAAE,MAAM,YAAY,MAAM,wBAAwB;AAAA,EAC5D,UAAU,EAAE,MAAM,YAAY,MAAM,kBAAkB;AAAA,EACtD,KAAK,EAAE,MAAM,OAAO,MAAM,UAAU;AAAA,EACpC,UAAU,EAAE,MAAM,YAAY,MAAM,sBAAsB;AAC5D;"}

package/dist/src/components/Menu/MenuComponents/Menu.cjs.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";const i=require("../../../../_virtual/jsx-runtime.cjs.js"),m=require("react"),v=require("./Menu.styled.cjs.js"),R=require("./MenuList.cjs.js");require("lodash");require("react-toastify");const y=require("../../../../shared/src/util/copyToClipboard.cjs.js");require("uuid");require("../../../../shared/src/util/pubsub.cjs.js");const C=require("@ynput/ayon-react-components");require("../../../../shared/src/context/RemoteModulesContext.cjs.js");require("../../../../shared/src/context/DetailsPanelContext.cjs.js");require("../../../../shared/src/context/ThumbnailUploaderContext.cjs.js");require("../../../../shared/src/context/SettingsPanelContext.cjs.js");require("../../../../shared/src/context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../shared/src/context/pip/PiPWrapper.cjs.js");require("../../../../shared/src/context/AddonProjectContext.cjs.js");require("../../../../shared/src/context/AddonContext.cjs.js");const E=require("../../../../shared/src/context/PowerpackContext.cjs.js");require("../../../../shared/src/context/MoveEntityContext.cjs.js");const S=require("../../../../shared/src/context/MenuContext.cjs.js");require("../../../../shared/src/context/WebsocketContext.cjs.js");require("../../../../shared/src/context/GlobalContext.cjs.js");const h=({menu:g=[],onClose:u,header:a,footer:o=""})=>{const{setPowerpackDialog:x}=E.usePowerpack(),{setMenuOpen:q}=S.useMenuContext(),[n,s]=m.useState([]),d=(t,e,r,l)=>{if(r)return u();e&&e(t),!l&&u&&u()},p=(t,e={})=>{e.items.length?n.find(r=>r.id===e.id)\|\|s([...n.filter(r=>r.level<e.level+1),{...e,id:e.id,level:e.level+1,parentRef:t.target}]):s(n.filter(r=>r.level<=e.level))},b=(t,e={})=>{var f,j;const r=(f=t.relatedTarget)==null?void 0:f.id,l=n.find(c=>c.id===r);if(((j=t.relatedTarget)==null?void 0:j.tagName)==="DIALOG")return s([]);l\|\|s(n.filter(c=>c.level<=(e.level\|\|0)+1))},M=(t,e={})=>{t.type==="mouseenter"\|\|t.type==="keydown"?p(t,e):t.type==="mouseleave"&&b(t,e)};return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsxs(v.Section,{children:[a&&a,i.jsxRuntimeExports.jsx(R,{items:g,handleClick:d,onSubMenu:M,level:0,setPowerpackDialog:x,onMenuClose:()=>q(!1)}),o&&i.jsxRuntimeExports.jsxs(v.Footer,{children:[o,i.jsxRuntimeExports.jsx(C.Button,{icon:"content_copy",variant:"text",onClick:()=>y.copyToClipboard(o)})]})]}),n.map((t,e)=>i.jsxRuntimeExports.jsx(R,{items:t.items,handleClick:d,...t,subMenu:!0,onSubMenu:M,onClose:()=>s(n.filter(r=>r.id!==t.id)),onMenuClose:()=>q(!1),onChange:p,setPowerpackDialog:x},e))]})};module.exports=h;
2	- //# sourceMappingURL=Menu.cjs.js.map

package/dist/src/components/Menu/MenuComponents/Menu.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Menu.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/Menu.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport * as Styled from './Menu.styled'\nimport MenuList from './MenuList'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { useMenuContext, usePowerpack } from '@shared/context'\n\nconst Menu = ({ menu = [], onClose, header, footer = '' }) => {\n const { setPowerpackDialog } = usePowerpack()\n const { setMenuOpen } = useMenuContext()\n\n const [subMenus, setSubMenus] = useState([])\n // When a menu item is clicked, the following happens:\n const handleClick = (e, onClick, url, disableClose) => {\n // this is handled by Link component inside the MenuItem\n if (url) return onClose()\n\n onClick && onClick(e)\n\n !disableClose && onClose && onClose()\n }\n\n const onMenuEnter = (e, menu = {}) => {\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 setSubMenus([\n ...subMenus.filter((m) => m.level < menu.level + 1),\n { ...menu, id: menu.id, level: menu.level + 1, parentRef: e.target },\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))\n }\n }\n\n const onMenuLeave = (e, menu = {}) => {\n // target where we are going\n const relatedTargetId = e.relatedTarget?.id\n const relatedTargetSubMenu = subMenus.find((m) => m.id === relatedTargetId)\n\n if (e.relatedTarget?.tagName === 'DIALOG') return setSubMenus([])\n\n if (!relatedTargetSubMenu) {\n setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0) + 1))\n }\n // if (menu.items.length) {\n }\n\n const handleSubMenu = (e, menu = {}) => {\n if (e.type === 'mouseenter' || e.type === 'keydown') onMenuEnter(e, menu)\n else if (e.type === 'mouseleave') onMenuLeave(e, menu)\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 items={menu.items}\n handleClick={handleClick}\n {...menu}\n subMenu\n onSubMenu={handleSubMenu}\n onClose={() => setSubMenus(subMenus.filter((m) => m.id !== menu.id))}\n onMenuClose={() => setMenuOpen(false)}\n onChange={onMenuEnter}\n setPowerpackDialog={setPowerpackDialog}\n />\n ))}\n </>\n )\n}\n\nexport default Menu\n"],"names":["Menu","menu","onClose","header","footer","setPowerpackDialog","usePowerpack","setMenuOpen","useMenuContext","subMenus","setSubMenus","useState","handleClick","e","onClick","url","disableClose","onMenuEnter","m","onMenuLeave","relatedTargetId","_a","relatedTargetSubMenu","_b","handleSubMenu","jsxs","Fragment","Styled.Section","jsx","MenuList","Styled.Footer","Button","copyToClipboard","i"],"mappings":"0wCAOM,MAAAA,EAAO,CAAC,CAAE,KAAAC,EAAO,GAAI,QAAAC,EAAS,OAAAC,EAAQ,OAAAC,EAAS,MAAS,CACtD,KAAA,CAAE,mBAAAC,CAAmB,EAAIC,eAAa,EACtC,CAAE,YAAAC,CAAY,EAAIC,iBAAe,EAEjC,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,CAAA,CAAE,EAErCC,EAAc,CAACC,EAAGC,EAASC,EAAKC,IAAiB,CAEjD,GAAAD,SAAYb,EAAQ,EAExBY,GAAWA,EAAQD,CAAC,EAEnB,CAAAG,GAAgBd,GAAWA,EAAQ,CACtC,EAEMe,EAAc,CAACJ,EAAGZ,EAAO,CAAA,IAAO,CAEhCA,EAAK,MAAM,OAGRQ,EAAS,KAAMS,GAAMA,EAAE,KAAOjB,EAAK,EAAE,GAE5BS,EAAA,CACV,GAAGD,EAAS,OAAQS,GAAMA,EAAE,MAAQjB,EAAK,MAAQ,CAAC,EAClD,CAAE,GAAGA,EAAM,GAAIA,EAAK,GAAI,MAAOA,EAAK,MAAQ,EAAG,UAAWY,EAAE,MAAO,CAAA,CACpE,EAISH,EAAAD,EAAS,OAAQS,GAAMA,EAAE,OAASjB,EAAK,KAAK,CAAC,CAE7D,EAEMkB,EAAc,CAACN,EAAGZ,EAAO,CAAA,IAAO,SAE9B,MAAAmB,GAAkBC,EAAAR,EAAE,gBAAF,YAAAQ,EAAiB,GACnCC,EAAuBb,EAAS,KAAMS,GAAMA,EAAE,KAAOE,CAAe,EAE1E,KAAIG,EAAAV,EAAE,gBAAF,YAAAU,EAAiB,WAAY,SAAiB,OAAAb,EAAY,EAAE,EAE3DY,GACSZ,EAAAD,EAAS,OAAQS,GAAMA,EAAE,QAAUjB,EAAK,OAAS,GAAK,CAAC,CAAC,CAGxE,EAEMuB,EAAgB,CAACX,EAAGZ,EAAO,CAAA,IAAO,CAClCY,EAAE,OAAS,cAAgBA,EAAE,OAAS,UAAWI,EAAYJ,EAAGZ,CAAI,EAC/DY,EAAE,OAAS,cAAcM,EAAYN,EAAGZ,CAAI,CACvD,EAEA,OAEIwB,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAACD,yBAAAE,EAAAA,QAAA,CACE,SAAA,CAAUxB,GAAAA,EACXyB,EAAA,kBAAA,IAACC,EAAA,CACC,MAAO5B,EACP,YAAAW,EACA,UAAWY,EACX,MAAO,EACP,mBAAAnB,EACA,YAAa,IAAME,EAAY,EAAK,CAAA,CACtC,EACCH,GACCqB,EAAA,kBAAA,KAACK,SAAA,CACE,SAAA,CAAA1B,EACDwB,EAAAA,kBAAAA,IAACG,EAAO,OAAA,CAAA,KAAK,eAAe,QAAQ,OAAO,QAAS,IAAMC,kBAAgB5B,CAAM,CAAG,CAAA,CAAA,CACrF,CAAA,CAAA,EAEJ,EACCK,EAAS,IAAI,CAACR,EAAMgC,IACnBL,EAAA,kBAAA,IAACC,EAAA,CAEC,MAAO5B,EAAK,MACZ,YAAAW,EACC,GAAGX,EACJ,QAAO,GACP,UAAWuB,EACX,QAAS,IAAMd,EAAYD,EAAS,OAAQS,GAAMA,EAAE,KAAOjB,EAAK,EAAE,CAAC,EACnE,YAAa,IAAMM,EAAY,EAAK,EACpC,SAAUU,EACV,mBAAAZ,CAAA,EATK4B,CAWR,CAAA,CAAA,EACH,CAEJ"}

package/dist/src/components/Menu/MenuComponents/Menu.es.js DELETED Viewed

@@ -1,81 +0,0 @@
-import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as S } from "react";
-import { Section as h, Footer as y } from "./Menu.styled.es.js";
-import g from "./MenuList.es.js";
-import "lodash";
-import "react-toastify";
-import { copyToClipboard as C } from "../../../../shared/src/util/copyToClipboard.es.js";
-import "uuid";
-import "../../../../shared/src/util/pubsub.es.js";
-import { Button as T } from "@ynput/ayon-react-components";
-import "../../../../shared/src/context/RemoteModulesContext.es.js";
-import "../../../../shared/src/context/DetailsPanelContext.es.js";
-import "../../../../shared/src/context/ThumbnailUploaderContext.es.js";
-import "../../../../shared/src/context/SettingsPanelContext.es.js";
-import "../../../../shared/src/context/pip/PiPProvider.es.js";
-import "react-dom";
-import "../../../../shared/src/context/pip/PiPWrapper.es.js";
-import "../../../../shared/src/context/AddonProjectContext.es.js";
-import "../../../../shared/src/context/AddonContext.es.js";
-import { usePowerpack as k } from "../../../../shared/src/context/PowerpackContext.es.js";
-import "../../../../shared/src/context/MoveEntityContext.es.js";
-import { useMenuContext as w } from "../../../../shared/src/context/MenuContext.es.js";
-import "../../../../shared/src/context/WebsocketContext.es.js";
-import "../../../../shared/src/context/GlobalContext.es.js";
-const Z = ({ menu: b = [], onClose: s, header: a, footer: l = "" }) => {
-  const { setPowerpackDialog: u } = k(), { setMenuOpen: f } = w(), [r, n] = S([]), d = (t, e, o, p) => {
-    if (o) return s();
-    e && e(t), !p && s && s();
-  }, c = (t, e = {}) => {
-    e.items.length ? r.find((o) => o.id === e.id) || n([
-      ...r.filter((o) => o.level < e.level + 1),
-      { ...e, id: e.id, level: e.level + 1, parentRef: t.target }
-    ]) : n(r.filter((o) => o.level <= e.level));
-  }, j = (t, e = {}) => {
-    var v, x;
-    const o = (v = t.relatedTarget) == null ? void 0 : v.id, p = r.find((m) => m.id === o);
-    if (((x = t.relatedTarget) == null ? void 0 : x.tagName) === "DIALOG") return n([]);
-    p || n(r.filter((m) => m.level <= (e.level || 0) + 1));
-  }, M = (t, e = {}) => {
-    t.type === "mouseenter" || t.type === "keydown" ? c(t, e) : t.type === "mouseleave" && j(t, e);
-  };
-  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsxs(h, { children: [
-      a && a,
-      /* @__PURE__ */ i.jsx(
-        g,
-        {
-          items: b,
-          handleClick: d,
-          onSubMenu: M,
-          level: 0,
-          setPowerpackDialog: u,
-          onMenuClose: () => f(!1)
-        }
-      ),
-      l && /* @__PURE__ */ i.jsxs(y, { children: [
-        l,
-        /* @__PURE__ */ i.jsx(T, { icon: "content_copy", variant: "text", onClick: () => C(l) })
-      ] })
-    ] }),
-    r.map((t, e) => /* @__PURE__ */ i.jsx(
-      g,
-      {
-        items: t.items,
-        handleClick: d,
-        ...t,
-        subMenu: !0,
-        onSubMenu: M,
-        onClose: () => n(r.filter((o) => o.id !== t.id)),
-        onMenuClose: () => f(!1),
-        onChange: c,
-        setPowerpackDialog: u
-      },
-      e
-    ))
-  ] });
-};
-export {
-  Z as default
-};
-//# sourceMappingURL=Menu.es.js.map

package/dist/src/components/Menu/MenuComponents/Menu.es.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Menu.es.js","sources":["../../../../../../src/components/Menu/MenuComponents/Menu.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport * as Styled from './Menu.styled'\nimport MenuList from './MenuList'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { useMenuContext, usePowerpack } from '@shared/context'\n\nconst Menu = ({ menu = [], onClose, header, footer = '' }) => {\n const { setPowerpackDialog } = usePowerpack()\n const { setMenuOpen } = useMenuContext()\n\n const [subMenus, setSubMenus] = useState([])\n // When a menu item is clicked, the following happens:\n const handleClick = (e, onClick, url, disableClose) => {\n // this is handled by Link component inside the MenuItem\n if (url) return onClose()\n\n onClick && onClick(e)\n\n !disableClose && onClose && onClose()\n }\n\n const onMenuEnter = (e, menu = {}) => {\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 setSubMenus([\n ...subMenus.filter((m) => m.level < menu.level + 1),\n { ...menu, id: menu.id, level: menu.level + 1, parentRef: e.target },\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))\n }\n }\n\n const onMenuLeave = (e, menu = {}) => {\n // target where we are going\n const relatedTargetId = e.relatedTarget?.id\n const relatedTargetSubMenu = subMenus.find((m) => m.id === relatedTargetId)\n\n if (e.relatedTarget?.tagName === 'DIALOG') return setSubMenus([])\n\n if (!relatedTargetSubMenu) {\n setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0) + 1))\n }\n // if (menu.items.length) {\n }\n\n const handleSubMenu = (e, menu = {}) => {\n if (e.type === 'mouseenter' || e.type === 'keydown') onMenuEnter(e, menu)\n else if (e.type === 'mouseleave') onMenuLeave(e, menu)\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 items={menu.items}\n handleClick={handleClick}\n {...menu}\n subMenu\n onSubMenu={handleSubMenu}\n onClose={() => setSubMenus(subMenus.filter((m) => m.id !== menu.id))}\n onMenuClose={() => setMenuOpen(false)}\n onChange={onMenuEnter}\n setPowerpackDialog={setPowerpackDialog}\n />\n ))}\n </>\n )\n}\n\nexport default Menu\n"],"names":["Menu","menu","onClose","header","footer","setPowerpackDialog","usePowerpack","setMenuOpen","useMenuContext","subMenus","setSubMenus","useState","handleClick","e","onClick","url","disableClose","onMenuEnter","m","onMenuLeave","relatedTargetId","_a","relatedTargetSubMenu","_b","handleSubMenu","jsxs","Fragment","Styled.Section","jsx","MenuList","Styled.Footer","Button","copyToClipboard","i"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOM,MAAAA,IAAO,CAAC,EAAE,MAAAC,IAAO,IAAI,SAAAC,GAAS,QAAAC,GAAQ,QAAAC,IAAS,SAAS;AACtD,QAAA,EAAE,oBAAAC,EAAmB,IAAIC,EAAa,GACtC,EAAE,aAAAC,EAAY,IAAIC,EAAe,GAEjC,CAACC,GAAUC,CAAW,IAAIC,EAAS,CAAA,CAAE,GAErCC,IAAc,CAACC,GAAGC,GAASC,GAAKC,MAAiB;AAEjD,QAAAD,UAAYb,EAAQ;AAExB,IAAAY,KAAWA,EAAQD,CAAC,GAEnB,CAAAG,KAAgBd,KAAWA,EAAQ;AAAA,EACtC,GAEMe,IAAc,CAACJ,GAAGZ,IAAO,CAAA,MAAO;AAEhCA,IAAAA,EAAK,MAAM,SAGRQ,EAAS,KAAK,CAACS,MAAMA,EAAE,OAAOjB,EAAK,EAAE,KAE5BS,EAAA;AAAA,MACV,GAAGD,EAAS,OAAO,CAACS,MAAMA,EAAE,QAAQjB,EAAK,QAAQ,CAAC;AAAA,MAClD,EAAE,GAAGA,GAAM,IAAIA,EAAK,IAAI,OAAOA,EAAK,QAAQ,GAAG,WAAWY,EAAE,OAAO;AAAA,IAAA,CACpE,IAISH,EAAAD,EAAS,OAAO,CAACS,MAAMA,EAAE,SAASjB,EAAK,KAAK,CAAC;AAAA,EAE7D,GAEMkB,IAAc,CAACN,GAAGZ,IAAO,CAAA,MAAO;;AAE9B,UAAAmB,KAAkBC,IAAAR,EAAE,kBAAF,gBAAAQ,EAAiB,IACnCC,IAAuBb,EAAS,KAAK,CAAC,MAAM,EAAE,OAAOW,CAAe;AAE1E,UAAIG,IAAAV,EAAE,kBAAF,gBAAAU,EAAiB,aAAY,SAAiB,QAAAb,EAAY,EAAE;AAEhE,IAAKY,KACSZ,EAAAD,EAAS,OAAO,CAAC,MAAM,EAAE,UAAUR,EAAK,SAAS,KAAK,CAAC,CAAC;AAAA,EAGxE,GAEMuB,IAAgB,CAACX,GAAGZ,IAAO,CAAA,MAAO;AAClC,IAAAY,EAAE,SAAS,gBAAgBA,EAAE,SAAS,YAAWI,EAAYJ,GAAGZ,CAAI,IAC/DY,EAAE,SAAS,gBAAcM,EAAYN,GAAGZ,CAAI;AAAA,EACvD;AAEA,SAEIwB,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAACD,gBAAAA,OAAAE,GAAA,EACE,UAAA;AAAA,MAAUxB,KAAAA;AAAA,MACXyB,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAO5B;AAAA,UACP,aAAAW;AAAA,UACA,WAAWY;AAAA,UACX,OAAO;AAAA,UACP,oBAAAnB;AAAA,UACA,aAAa,MAAME,EAAY,EAAK;AAAA,QAAA;AAAA,MACtC;AAAA,MACCH,KACCqB,gBAAAA,EAAA,KAACK,GAAA,EACE,UAAA;AAAA,QAAA1B;AAAA,QACDwB,gBAAAA,EAAAA,IAACG,GAAO,EAAA,MAAK,gBAAe,SAAQ,QAAO,SAAS,MAAMC,EAAgB5B,CAAM,EAAG,CAAA;AAAA,MAAA,EACrF,CAAA;AAAA,IAAA,GAEJ;AAAA,IACCK,EAAS,IAAI,CAACR,GAAMgC,MACnBL,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,OAAO5B,EAAK;AAAA,QACZ,aAAAW;AAAA,QACC,GAAGX;AAAAA,QACJ,SAAO;AAAA,QACP,WAAWuB;AAAA,QACX,SAAS,MAAMd,EAAYD,EAAS,OAAO,CAACS,MAAMA,EAAE,OAAOjB,EAAK,EAAE,CAAC;AAAA,QACnE,aAAa,MAAMM,EAAY,EAAK;AAAA,QACpC,UAAUU;AAAA,QACV,oBAAAZ;AAAA,MAAA;AAAA,MATK4B;AAAA,IAWR,CAAA;AAAA,EAAA,GACH;AAEJ;"}

package/dist/src/components/Menu/MenuComponents/Menu.styled.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Menu.styled.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/Menu.styled.js"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\n\n// DIALOG (CONTAINER)\nexport const Dialog = styled.dialog`\n position: fixed;\n margin: 0;\n inset: 0;\n top: 42px;\n width: auto;\n height: auto;\n z-index: 1000;\n border: none;\n background-color: unset;\n padding: 0;\n\n user-select: none;\n\n overflow: auto;\n /* remove scroll bar */\n scrollbar-width: none;\n -ms-overflow-style: none;\n &::-webkit-scrollbar {\n display: none;\n }\n padding-bottom: 60px;\n`\n\nconst DialogOpenAnimation = keyframes`\n from {\n scale: 0.95;\n opacity: 0.6;\n }\n to {\n scale: 1;\n opacity: 1;\n }\n`\n\nexport const DialogContent = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-large);\n\n /* position */\n position: absolute;\n right: 0;\n top: 0;\n width: fit-content;\n z-index: 30;\n\n /* animate */\n animation: ${DialogOpenAnimation} 0.03s ease-in forwards;\n\n /* transform origin based on alignment */\n &.right {\n transform-origin: top right;\n }\n &.left {\n transform-origin: top left;\n }\n\n /* add shadow to each item */\n & > *:not(.sub-menu),\n .sub-menu menu {\n box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);\n }\n\n /* theme support */\n &.dark {\n color: var(--md-sys-color-on-surface, #fff);\n /* override children backgrounds if needed */\n & > * {\n color: var(--md-sys-color-on-surface, #fff) !important;\n }\n }\n`\n\n// MENULIST\nexport const Section = styled.section`\n position: relative;\n display: flex;\n flex-direction: column;\n\n padding: 0px;\n border-radius: 8px;\n /* colors */\n background-color: var(--md-sys-color-surface-container-high);\n color: var(--md-sys-color-on-surface);\n z-index: 10;\n overflow: hidden;\n`\nexport const MenuWrapper = styled.div`\n position: relative;\n border-radius: 8px;\n\n /* sub menu */\n &.sub-menu {\n position: absolute;\n bottom: 0;\n\n border-radius: 8px;\n width: max-content;\n z-index: 30;\n\n & > * {\n border-radius: 8px;\n overflow: hidden;\n }\n }\n`\n\nexport const Menu = styled.menu`\n /* reset defaults */\n display: flex;\n list-style-type: none;\n margin-block-start: 0;\n margin-block-end: 0;\n margin-inline-start: 0px;\n margin-inline-end: 0px;\n padding-inline-start: 0;\n\n /* custom */\n flex-direction: column;\n gap: var(--base-gap-large);\n padding: 8px;\n\n /* shrink the padding when compact */\n &.compact {\n padding: 4px;\n gap: var(--base-gap-small);\n }\n\n /* colors */\n background-color: var(--md-sys-color-surface-container-high);\n\n /* divider */\n hr {\n margin: 0;\n width: 100%;\n border-style: solid;\n opacity: 0.5;\n border-color: var(--md-sys-color-surface-container-highest);\n }\n`\n\nexport const Item = styled.li`\n display: flex;\n padding: 6px 16px 6px 12px;\n justify-content: flex-start;\n align-items: center;\n gap: var(--base-gap-large);\n align-self: stretch;\n border-radius: 4px;\n cursor: pointer;\n position: relative;\n user-select: none;\n\n span {\n display: inline-block;\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-highest);\n }\n\n .more {\n margin-left: auto;\n }\n\n /* highlighted item */\n &.highlighted {\n background-color: var(--md-sys-color-secondary-container);\n &:hover {\n background-color: var(--md-sys-color-secondary-container-hover);\n }\n }\n\n /* selected item */\n &.selected {\n background-color: var(--md-sys-color-primary-container);\n color: var(--md-sys-color-on-primary-container);\n &:hover {\n background-color: var(--md-sys-color-primary-container-hover);\n }\n }\n\n &.notification::after {\n content: '';\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(25%, -25%);\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background-color: var(--md-sys-color-error);\n }\n\n &.danger {\n &,\n .icon {\n color: var(--md-sys-color-error);\n }\n\n &:hover {\n background-color: var(--md-sys-color-error-container);\n\n &,\n .icon {\n color: var(--md-sys-color-on-error-container);\n }\n }\n }\n\n &.dev {\n &,\n .icon {\n color: var(--color-hl-developer);\n }\n\n &:hover {\n background-color: var(--color-hl-developer-container-hover);\n }\n }\n\n &.power {\n &,\n .icon {\n color: var(--md-sys-color-tertiary);\n }\n [icon='bolt'] {\n font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n }\n .shortcut {\n color: var(--md-sys-color-on-surface);\n }\n }\n\n &.disabled {\n user-select: none;\n pointer-events: none;\n &,\n .icon {\n color: var(--md-sys-color-outline);\n }\n background-color: unset;\n }\n`\n\nexport const Img = styled.img`\n width: 18px;\n height: 18px;\n object-fit: contain;\n`\n\nexport const Footer = styled.footer`\n position: relative;\n display: flex;\n padding: 8px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n user-select: text;\n\n button {\n display: none;\n\n position: absolute;\n right: 2px;\n border-radius: 8px;\n top: 50%;\n transform: translateY(-50%);\n cursor: pointer;\n }\n\n /* hover show button */\n &:hover {\n button {\n display: flex;\n }\n }\n`\n"],"names":["Dialog","styled","DialogOpenAnimation","keyframes","DialogContent","Section","MenuWrapper","Menu","Item","Img","Footer"],"mappings":"qHAGaA,EAASC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBvBC,EAAsBC,EAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWxBC,EAAgBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAarBC,CAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2BrBG,EAAUJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAajBK,EAAcL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBrBM,EAAON,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkCdO,EAAOP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwGdQ,EAAMR,EAAO;AAAA;AAAA;AAAA;AAAA,EAMbS,EAAST,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/src/components/Menu/MenuComponents/Menu.styled.es.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Menu.styled.es.js","sources":["../../../../../../src/components/Menu/MenuComponents/Menu.styled.js"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\n\n// DIALOG (CONTAINER)\nexport const Dialog = styled.dialog`\n position: fixed;\n margin: 0;\n inset: 0;\n top: 42px;\n width: auto;\n height: auto;\n z-index: 1000;\n border: none;\n background-color: unset;\n padding: 0;\n\n user-select: none;\n\n overflow: auto;\n /* remove scroll bar */\n scrollbar-width: none;\n -ms-overflow-style: none;\n &::-webkit-scrollbar {\n display: none;\n }\n padding-bottom: 60px;\n`\n\nconst DialogOpenAnimation = keyframes`\n from {\n scale: 0.95;\n opacity: 0.6;\n }\n to {\n scale: 1;\n opacity: 1;\n }\n`\n\nexport const DialogContent = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-large);\n\n /* position */\n position: absolute;\n right: 0;\n top: 0;\n width: fit-content;\n z-index: 30;\n\n /* animate */\n animation: ${DialogOpenAnimation} 0.03s ease-in forwards;\n\n /* transform origin based on alignment */\n &.right {\n transform-origin: top right;\n }\n &.left {\n transform-origin: top left;\n }\n\n /* add shadow to each item */\n & > *:not(.sub-menu),\n .sub-menu menu {\n box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);\n }\n\n /* theme support */\n &.dark {\n color: var(--md-sys-color-on-surface, #fff);\n /* override children backgrounds if needed */\n & > * {\n color: var(--md-sys-color-on-surface, #fff) !important;\n }\n }\n`\n\n// MENULIST\nexport const Section = styled.section`\n position: relative;\n display: flex;\n flex-direction: column;\n\n padding: 0px;\n border-radius: 8px;\n /* colors */\n background-color: var(--md-sys-color-surface-container-high);\n color: var(--md-sys-color-on-surface);\n z-index: 10;\n overflow: hidden;\n`\nexport const MenuWrapper = styled.div`\n position: relative;\n border-radius: 8px;\n\n /* sub menu */\n &.sub-menu {\n position: absolute;\n bottom: 0;\n\n border-radius: 8px;\n width: max-content;\n z-index: 30;\n\n & > * {\n border-radius: 8px;\n overflow: hidden;\n }\n }\n`\n\nexport const Menu = styled.menu`\n /* reset defaults */\n display: flex;\n list-style-type: none;\n margin-block-start: 0;\n margin-block-end: 0;\n margin-inline-start: 0px;\n margin-inline-end: 0px;\n padding-inline-start: 0;\n\n /* custom */\n flex-direction: column;\n gap: var(--base-gap-large);\n padding: 8px;\n\n /* shrink the padding when compact */\n &.compact {\n padding: 4px;\n gap: var(--base-gap-small);\n }\n\n /* colors */\n background-color: var(--md-sys-color-surface-container-high);\n\n /* divider */\n hr {\n margin: 0;\n width: 100%;\n border-style: solid;\n opacity: 0.5;\n border-color: var(--md-sys-color-surface-container-highest);\n }\n`\n\nexport const Item = styled.li`\n display: flex;\n padding: 6px 16px 6px 12px;\n justify-content: flex-start;\n align-items: center;\n gap: var(--base-gap-large);\n align-self: stretch;\n border-radius: 4px;\n cursor: pointer;\n position: relative;\n user-select: none;\n\n span {\n display: inline-block;\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-highest);\n }\n\n .more {\n margin-left: auto;\n }\n\n /* highlighted item */\n &.highlighted {\n background-color: var(--md-sys-color-secondary-container);\n &:hover {\n background-color: var(--md-sys-color-secondary-container-hover);\n }\n }\n\n /* selected item */\n &.selected {\n background-color: var(--md-sys-color-primary-container);\n color: var(--md-sys-color-on-primary-container);\n &:hover {\n background-color: var(--md-sys-color-primary-container-hover);\n }\n }\n\n &.notification::after {\n content: '';\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(25%, -25%);\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background-color: var(--md-sys-color-error);\n }\n\n &.danger {\n &,\n .icon {\n color: var(--md-sys-color-error);\n }\n\n &:hover {\n background-color: var(--md-sys-color-error-container);\n\n &,\n .icon {\n color: var(--md-sys-color-on-error-container);\n }\n }\n }\n\n &.dev {\n &,\n .icon {\n color: var(--color-hl-developer);\n }\n\n &:hover {\n background-color: var(--color-hl-developer-container-hover);\n }\n }\n\n &.power {\n &,\n .icon {\n color: var(--md-sys-color-tertiary);\n }\n [icon='bolt'] {\n font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n }\n .shortcut {\n color: var(--md-sys-color-on-surface);\n }\n }\n\n &.disabled {\n user-select: none;\n pointer-events: none;\n &,\n .icon {\n color: var(--md-sys-color-outline);\n }\n background-color: unset;\n }\n`\n\nexport const Img = styled.img`\n width: 18px;\n height: 18px;\n object-fit: contain;\n`\n\nexport const Footer = styled.footer`\n position: relative;\n display: flex;\n padding: 8px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n user-select: text;\n\n button {\n display: none;\n\n position: absolute;\n right: 2px;\n border-radius: 8px;\n top: 50%;\n transform: translateY(-50%);\n cursor: pointer;\n }\n\n /* hover show button */\n &:hover {\n button {\n display: flex;\n }\n }\n`\n"],"names":["Dialog","styled","DialogOpenAnimation","keyframes","DialogContent","Section","MenuWrapper","Menu","Item","Img","Footer"],"mappings":";AAGY,MAACA,IAASC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwBvBC,IAAsBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWfC,IAAgBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAarBC,CAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2BrBG,IAAUJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAajBK,IAAcL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAoBrBM,IAAON,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkCdO,IAAOP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwGdQ,IAAMR,EAAO;AAAA;AAAA;AAAA;AAAA,GAMbS,IAAST,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/src/components/Menu/MenuComponents/MenuContainer2.cjs.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";const m=require("../../../../_virtual/jsx-runtime.cjs.js"),f=require("react"),h=require("../../../../shared/src/context/MenuContext.cjs.js"),q=require("react-router-dom"),M=require("react-dom"),R=require("clsx"),p=require("./Menu.styled.cjs.js"),j=require("./useMenuPosition.cjs.js"),y=({id:t,target:i,targetId:c="",align:u="right",theme:l="light",children:a,...d})=>{const n=q.useNavigate(),{menuOpen:o,setMenuOpen:x}=h.useMenuContext(),g=o===t,s=()=>{x(!1)},e=r=>{console.log("navigate and close"),s(),r&&n(r)};return g?m.jsxRuntimeExports.jsx(C,{handleClose:s,handleNavigate:e,target:i,targetId:c,align:u,theme:l,children:a,...d}):null},C=({handleClose:t,handleNavigate:i,target:c,targetId:u,align:l="right",children:a,...d})=>{const{position:n,menuRef:o}=j.useMenuPosition(c,u);f.useEffect(()=>{if(n&&o.current){const e=o.current.querySelectorAll("li, button")[0];e==null\|\|e.focus()}},[n]);const x=e=>{e.key==="Escape"&&t()},g=e=>{e.target.id==="dialog"&&t()},s=f.Children.map(a,(e,r)=>f.cloneElement(e,{onClose:t,index:r,navigate:i}));return n?M.createPortal(m.jsxRuntimeExports.jsx(p.Dialog,{open:!0,onClick:g,onKeyDown:x,...d,ref:o,id:"dialog",children:m.jsxRuntimeExports.jsx(p.DialogContent,{id:"content",style:n,className:R(l),children:s})}),document.body):null};module.exports=y;
2	- //# sourceMappingURL=MenuContainer2.cjs.js.map

package/dist/src/components/Menu/MenuComponents/MenuContainer2.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"MenuContainer2.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/MenuContainer2.jsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { useMenuContext } from '@shared/context/MenuContext'\nimport { useNavigate } from 'react-router-dom'\nimport { createPortal } from 'react-dom'\nimport clsx from 'clsx'\nimport * as Styled from './Menu.styled'\nimport { useMenuPosition } from './useMenuPosition'\n\nconst MenuContainerV2 = ({\n id,\n target,\n targetId = '',\n align = 'right',\n theme = 'light',\n children,\n ...props\n}) => {\n const navigate = useNavigate()\n const { menuOpen, setMenuOpen } = useMenuContext()\n const isOpen = menuOpen === id\n\n const handleClose = () => {\n setMenuOpen(false)\n }\n\n const handleNavigate = (path) => {\n console.log('navigate and close')\n handleClose()\n if (path) navigate(path)\n }\n\n if (!isOpen) return null\n\n return (\n <MenuInner2\n {...{\n handleClose,\n handleNavigate,\n target,\n targetId,\n align,\n theme,\n children,\n ...props,\n }}\n />\n )\n}\n\nconst MenuInner2 = ({\n handleClose,\n handleNavigate,\n target,\n targetId,\n align = 'right',\n children,\n ...props\n}) => {\n const { position, menuRef } = useMenuPosition(target, targetId)\n\n // Focus management\n useEffect(() => {\n if (position && menuRef.current) {\n const first = menuRef.current.querySelectorAll('li, button')[0]\n first?.focus()\n }\n }, [position])\n\n // Keyboard handling\n const handleKeyDown = (e) => {\n if (e.key === 'Escape') handleClose()\n }\n\n // Click outside handling\n const handleOnClick = (e) => {\n if (e.target.id === 'dialog') handleClose()\n }\n\n // Attach props to children\n const childrenWithProps = React.Children.map(children, (child, i) => {\n return React.cloneElement(child, {\n onClose: handleClose,\n index: i,\n navigate: handleNavigate,\n })\n })\n\n if (!position) return null\n\n return createPortal(\n <Styled.Dialog\n open={true}\n onClick={handleOnClick}\n onKeyDown={handleKeyDown}\n {...props}\n ref={menuRef}\n id=\"dialog\"\n >\n <Styled.DialogContent id=\"content\" style={position} className={clsx(align)}>\n {childrenWithProps}\n </Styled.DialogContent>\n </Styled.Dialog>,\n document.body,\n )\n}\n\nexport default MenuContainerV2\n"],"names":["MenuContainerV2","id","target","targetId","align","theme","children","props","navigate","useNavigate","menuOpen","setMenuOpen","useMenuContext","isOpen","handleClose","handleNavigate","path","jsx","MenuInner2","position","menuRef","useMenuPosition","useEffect","first","handleKeyDown","handleOnClick","childrenWithProps","React","child","i","createPortal","Styled.Dialog","Styled.DialogContent","clsx"],"mappings":"ySAQMA,EAAkB,CAAC,CACvB,GAAAC,EACA,OAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EAAQ,QACR,MAAAC,EAAQ,QACR,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAWC,EAAAA,YAAY,EACvB,CAAE,SAAAC,EAAU,YAAAC,CAAY,EAAIC,iBAAe,EAC3CC,EAASH,IAAaT,EAEtBa,EAAc,IAAM,CACxBH,EAAY,EAAK,CACnB,EAEMI,EAAkBC,GAAS,CAC/B,QAAQ,IAAI,oBAAoB,EACpBF,EAAA,EACRE,KAAeA,CAAI,CACzB,EAEI,OAACH,EAGHI,EAAA,kBAAA,IAACC,EAAA,CAEG,YAAAJ,EACA,eAAAC,EACA,OAAAb,EACA,SAAAC,EACA,MAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,CACF,EAdkB,IAgBtB,EAEMW,EAAa,CAAC,CAClB,YAAAJ,EACA,eAAAC,EACA,OAAAb,EACA,SAAAC,EACA,MAAAC,EAAQ,QACR,SAAAE,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAAE,SAAAY,EAAU,QAAAC,CAAA,EAAYC,EAAAA,gBAAgBnB,EAAQC,CAAQ,EAG9DmB,EAAAA,UAAU,IAAM,CACV,GAAAH,GAAYC,EAAQ,QAAS,CAC/B,MAAMG,EAAQH,EAAQ,QAAQ,iBAAiB,YAAY,EAAE,CAAC,EAC9DG,GAAA,MAAAA,EAAO,OAAM,CACf,EACC,CAACJ,CAAQ,CAAC,EAGP,MAAAK,EAAiB,GAAM,CACvB,EAAE,MAAQ,UAAsBV,EAAA,CACtC,EAGMW,EAAiB,GAAM,CACvB,EAAE,OAAO,KAAO,UAAsBX,EAAA,CAC5C,EAGMY,EAAoBC,EAAM,SAAS,IAAIrB,EAAU,CAACsB,EAAOC,IACtDF,EAAM,aAAaC,EAAO,CAC/B,QAASd,EACT,MAAOe,EACP,SAAUd,CAAA,CACX,CACF,EAEG,OAACI,EAEEW,EAAA,aACLb,EAAA,kBAAA,IAACc,EAAO,OAAP,CACC,KAAM,GACN,QAASN,EACT,UAAWD,EACV,GAAGjB,EACJ,IAAKa,EACL,GAAG,SAEH,SAACH,EAAAA,kBAAAA,IAAAe,EAAAA,cAAA,CAAqB,GAAG,UAAU,MAAOb,EAAU,UAAWc,EAAK7B,CAAK,EACtE,SACHsB,CAAA,CAAA,CAAA,CACF,EACA,SAAS,IACX,EAhBsB,IAiBxB"}

package/dist/src/components/Menu/MenuComponents/MenuContainer2.es.js DELETED Viewed

@@ -1,80 +0,0 @@
-import { j as p } from "../../../../_virtual/jsx-runtime.es.js";
-import g, { useEffect as h } from "react";
-import { useMenuContext as x } from "../../../../shared/src/context/MenuContext.es.js";
-import { useNavigate as y } from "react-router-dom";
-import { createPortal as C } from "react-dom";
-import j from "clsx";
-import { Dialog as v, DialogContent as M } from "./Menu.styled.es.js";
-import { useMenuPosition as D } from "./useMenuPosition.es.js";
-const _ = ({
-  id: t,
-  target: s,
-  targetId: l = "",
-  align: c = "right",
-  theme: a = "light",
-  children: u,
-  ...m
-}) => {
-  const n = y(), { menuOpen: o, setMenuOpen: f } = x(), d = o === t, r = () => {
-    f(!1);
-  }, e = (i) => {
-    console.log("navigate and close"), r(), i && n(i);
-  };
-  return d ? /* @__PURE__ */ p.jsx(
-    E,
-    {
-      handleClose: r,
-      handleNavigate: e,
-      target: s,
-      targetId: l,
-      align: c,
-      theme: a,
-      children: u,
-      ...m
-    }
-  ) : null;
-}, E = ({
-  handleClose: t,
-  handleNavigate: s,
-  target: l,
-  targetId: c,
-  align: a = "right",
-  children: u,
-  ...m
-}) => {
-  const { position: n, menuRef: o } = D(l, c);
-  h(() => {
-    if (n && o.current) {
-      const e = o.current.querySelectorAll("li, button")[0];
-      e == null || e.focus();
-    }
-  }, [n]);
-  const f = (e) => {
-    e.key === "Escape" && t();
-  }, d = (e) => {
-    e.target.id === "dialog" && t();
-  }, r = g.Children.map(u, (e, i) => g.cloneElement(e, {
-    onClose: t,
-    index: i,
-    navigate: s
-  }));
-  return n ? C(
-    /* @__PURE__ */ p.jsx(
-      v,
-      {
-        open: !0,
-        onClick: d,
-        onKeyDown: f,
-        ...m,
-        ref: o,
-        id: "dialog",
-        children: /* @__PURE__ */ p.jsx(M, { id: "content", style: n, className: j(a), children: r })
-      }
-    ),
-    document.body
-  ) : null;
-};
-export {
-  _ as default
-};
-//# sourceMappingURL=MenuContainer2.es.js.map

package/dist/src/components/Menu/MenuComponents/MenuContainer2.es.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"MenuContainer2.es.js","sources":["../../../../../../src/components/Menu/MenuComponents/MenuContainer2.jsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { useMenuContext } from '@shared/context/MenuContext'\nimport { useNavigate } from 'react-router-dom'\nimport { createPortal } from 'react-dom'\nimport clsx from 'clsx'\nimport * as Styled from './Menu.styled'\nimport { useMenuPosition } from './useMenuPosition'\n\nconst MenuContainerV2 = ({\n id,\n target,\n targetId = '',\n align = 'right',\n theme = 'light',\n children,\n ...props\n}) => {\n const navigate = useNavigate()\n const { menuOpen, setMenuOpen } = useMenuContext()\n const isOpen = menuOpen === id\n\n const handleClose = () => {\n setMenuOpen(false)\n }\n\n const handleNavigate = (path) => {\n console.log('navigate and close')\n handleClose()\n if (path) navigate(path)\n }\n\n if (!isOpen) return null\n\n return (\n <MenuInner2\n {...{\n handleClose,\n handleNavigate,\n target,\n targetId,\n align,\n theme,\n children,\n ...props,\n }}\n />\n )\n}\n\nconst MenuInner2 = ({\n handleClose,\n handleNavigate,\n target,\n targetId,\n align = 'right',\n children,\n ...props\n}) => {\n const { position, menuRef } = useMenuPosition(target, targetId)\n\n // Focus management\n useEffect(() => {\n if (position && menuRef.current) {\n const first = menuRef.current.querySelectorAll('li, button')[0]\n first?.focus()\n }\n }, [position])\n\n // Keyboard handling\n const handleKeyDown = (e) => {\n if (e.key === 'Escape') handleClose()\n }\n\n // Click outside handling\n const handleOnClick = (e) => {\n if (e.target.id === 'dialog') handleClose()\n }\n\n // Attach props to children\n const childrenWithProps = React.Children.map(children, (child, i) => {\n return React.cloneElement(child, {\n onClose: handleClose,\n index: i,\n navigate: handleNavigate,\n })\n })\n\n if (!position) return null\n\n return createPortal(\n <Styled.Dialog\n open={true}\n onClick={handleOnClick}\n onKeyDown={handleKeyDown}\n {...props}\n ref={menuRef}\n id=\"dialog\"\n >\n <Styled.DialogContent id=\"content\" style={position} className={clsx(align)}>\n {childrenWithProps}\n </Styled.DialogContent>\n </Styled.Dialog>,\n document.body,\n )\n}\n\nexport default MenuContainerV2\n"],"names":["MenuContainerV2","id","target","targetId","align","theme","children","props","navigate","useNavigate","menuOpen","setMenuOpen","useMenuContext","isOpen","handleClose","handleNavigate","path","jsx","MenuInner2","position","menuRef","useMenuPosition","useEffect","first","handleKeyDown","handleOnClick","childrenWithProps","React","child","createPortal","Styled.Dialog","Styled.DialogContent","clsx"],"mappings":";;;;;;;;AAQA,MAAMA,IAAkB,CAAC;AAAA,EACvB,IAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAWC,EAAY,GACvB,EAAE,UAAAC,GAAU,aAAAC,EAAY,IAAIC,EAAe,GAC3CC,IAASH,MAAaT,GAEtBa,IAAc,MAAM;AACxB,IAAAH,EAAY,EAAK;AAAA,EACnB,GAEMI,IAAiB,CAACC,MAAS;AAC/B,YAAQ,IAAI,oBAAoB,GACpBF,EAAA,GACRE,OAAeA,CAAI;AAAA,EACzB;AAEI,SAACH,IAGHI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,aAAAJ;AAAA,MACA,gBAAAC;AAAA,MACA,QAAAb;AAAA,MACA,UAAAC;AAAA,MACA,OAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,MACA,GAAGC;AAAA,IACL;AAAA,EACF,IAdkB;AAgBtB,GAEMW,IAAa,CAAC;AAAA,EAClB,aAAAJ;AAAA,EACA,gBAAAC;AAAA,EACA,QAAAb;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAE;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,UAAAY,GAAU,SAAAC,EAAA,IAAYC,EAAgBnB,GAAQC,CAAQ;AAG9D,EAAAmB,EAAU,MAAM;AACV,QAAAH,KAAYC,EAAQ,SAAS;AAC/B,YAAMG,IAAQH,EAAQ,QAAQ,iBAAiB,YAAY,EAAE,CAAC;AAC9D,MAAAG,KAAA,QAAAA,EAAO;AAAA,IAAM;AAAA,EACf,GACC,CAACJ,CAAQ,CAAC;AAGP,QAAAK,IAAgB,CAAC,MAAM;AACvB,IAAA,EAAE,QAAQ,YAAsBV,EAAA;AAAA,EACtC,GAGMW,IAAgB,CAAC,MAAM;AAC3B,IAAI,EAAE,OAAO,OAAO,YAAsBX,EAAA;AAAA,EAC5C,GAGMY,IAAoBC,EAAM,SAAS,IAAIrB,GAAU,CAACsB,GAAO,MACtDD,EAAM,aAAaC,GAAO;AAAA,IAC/B,SAASd;AAAA,IACT,OAAO;AAAA,IACP,UAAUC;AAAA,EAAA,CACX,CACF;AAEG,SAACI,IAEEU;AAAA,IACLZ,gBAAAA,EAAA;AAAA,MAACa;AAAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,SAASL;AAAA,QACT,WAAWD;AAAA,QACV,GAAGjB;AAAA,QACJ,KAAKa;AAAA,QACL,IAAG;AAAA,QAEH,UAACH,gBAAAA,EAAAA,IAAAc,GAAA,EAAqB,IAAG,WAAU,OAAOZ,GAAU,WAAWa,EAAK5B,CAAK,GACtE,UACHsB,EAAA,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX,IAhBsB;AAiBxB;"}

package/dist/src/components/Menu/MenuComponents/MenuItem.cjs.js DELETED Viewed

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

package/dist/src/components/Menu/MenuComponents/MenuItem.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"MenuItem.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/MenuItem.jsx"],"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'\n\nconst MenuItem = forwardRef(\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, isLoading } = 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 || isLoading,\n power: isPowerFeature,\n },\n className,\n )}\n {...props}\n 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","isLoading","usePowerpack","isPowerFeature","Item","jsxs","Styled.Item","clsx","jsx","Icon","Styled.Img","index","ShortcutTag","Link"],"mappings":"0mCAQA,MAAMA,EAAWC,EAAA,WACf,CACE,CACE,MAAAC,EACA,KAAAC,EACA,IAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,OAAAC,EACA,GAAGC,GAELC,IACG,CACH,MAAMC,EAAcC,EAAAA,QAAQlB,CAAK,EAAIA,EAAQ,CAACA,CAAK,EAC7C,CAAE,aAAAmB,EAAc,UAAAC,CAAU,EAAIC,eAAa,EAC3CC,EAAiB,CAACH,GAAgBN,EAElCU,EACJC,EAAA,kBAAA,KAACC,EAAO,KAAP,CACC,IAAAT,EACA,UAAWU,EACT,YACA,CACE,YAAAvB,EACA,SAAAE,EACA,aAAAD,EACA,OAAAE,EACA,IAAKI,EACL,SAAUE,GAAYQ,EACtB,MAAOE,CACT,EACAd,CACF,EACC,GAAGO,EACJ,MAAOE,EAAY,KAAK,IAAI,EAE1B,SAAA,EAAAhB,GAAQqB,IAAoBK,EAAAA,kBAAAA,IAAAC,EAAA,KAAA,CAAK,KAAMN,EAAiB,OAASrB,EAAM,EACxEC,GAAQyB,EAAA,kBAAA,IAAAE,MAAA,CAAW,IAAK3B,EAAK,IAAK,GAAGF,CAAK,QAAS,EACnDiB,EAAY,IAAI,CAACjB,EAAO8B,4BACtB,OAAkB,CAAA,SAAA9B,CAAR,EAAA8B,CAAc,CAC1B,EACAnB,GACCgB,EAAAA,kBAAAA,IAACI,EAAAA,YAAY,CAAA,MAAO,CAAE,SAAU,GAAI,UAAW,QAAS,EAAG,MAAO,QAC/D,SACHpB,CAAA,CAAA,EAEDG,2BAAWc,EAAK,KAAA,CAAA,KAAK,QAAQ,MAAO,CAAE,WAAY,MAAA,EAAU,EAE5D,CAAC,CAACrB,EAAM,gCAAWqB,EAAAA,KAAK,CAAA,KAAK,cAAc,UAAU,MAAO,CAAA,CAAA,CAAA,CAC/D,EAGF,OAAInB,0BAECuB,EAAAA,KAAK,CAAA,GAAIvB,EAAQ,OAAQM,EAAM,OAC7B,SACHQ,EAAA,EAGKA,CACT,CAEJ,EAEAzB,EAAS,YAAc"}

package/dist/src/components/Menu/MenuComponents/MenuItem.es.js DELETED Viewed

@@ -1,77 +0,0 @@
-import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
-import { Icon as e, ShortcutTag as M } from "@ynput/ayon-react-components";
-import { forwardRef as P } from "react";
-import { Item as R, Img as $ } from "./Menu.styled.es.js";
-import { isArray as b } from "lodash";
-import { Link as v } from "react-router-dom";
-import E from "clsx";
-import "../../../../shared/src/context/RemoteModulesContext.es.js";
-import "../../../../shared/src/context/DetailsPanelContext.es.js";
-import "../../../../shared/src/context/ThumbnailUploaderContext.es.js";
-import "../../../../shared/src/context/SettingsPanelContext.es.js";
-import "../../../../shared/src/context/pip/PiPProvider.es.js";
-import "react-dom";
-import "../../../../shared/src/context/pip/PiPWrapper.es.js";
-import "../../../../shared/src/context/AddonProjectContext.es.js";
-import "../../../../shared/src/context/AddonContext.es.js";
-import { usePowerpack as F } from "../../../../shared/src/context/PowerpackContext.es.js";
-import "../../../../shared/src/context/MoveEntityContext.es.js";
-import "../../../../shared/src/context/MenuContext.es.js";
-import "../../../../shared/src/context/WebsocketContext.es.js";
-import "../../../../shared/src/context/GlobalContext.es.js";
-const S = P(
-  ({
-    label: t,
-    icon: i,
-    img: m,
-    highlighted: l,
-    notification: f,
-    selected: x,
-    danger: d,
-    items: j = [],
-    className: g,
-    isLink: s,
-    isDev: u,
-    shortcut: n,
-    disabled: h,
-    powerFeature: w,
-    active: I,
-    ...p
-  }, y) => {
-    const a = b(t) ? t : [t], { powerLicense: A, isLoading: L } = F(), o = !A && w, c = /* @__PURE__ */ r.jsxs(
-      R,
-      {
-        ref: y,
-        className: E(
-          "menu-item",
-          {
-            highlighted: l,
-            selected: x,
-            notification: f,
-            danger: d,
-            dev: u,
-            disabled: h || L,
-            power: o
-          },
-          g
-        ),
-        ...p,
-        label: a.join(", "),
-        children: [
-          (i || o) && /* @__PURE__ */ r.jsx(e, { icon: o ? "bolt" : i }),
-          m && /* @__PURE__ */ r.jsx($, { src: m, alt: `${t} icon` }),
-          a.map((N, k) => /* @__PURE__ */ r.jsx("span", { children: N }, k)),
-          n && /* @__PURE__ */ r.jsx(M, { style: { minWidth: 22, textAlign: "center" }, align: "right", children: n }),
-          I && /* @__PURE__ */ r.jsx(e, { icon: "check", style: { marginLeft: "auto" } }),
-          !!j.length && /* @__PURE__ */ r.jsx(e, { icon: "arrow_right", className: "more" })
-        ]
-      }
-    );
-    return s ? /* @__PURE__ */ r.jsx(v, { to: s, target: p.target, children: c }) : c;
-  }
-);
-S.displayName = "MenuItem";
-export {
-  S as default
-};
-//# sourceMappingURL=MenuItem.es.js.map

package/dist/src/components/Menu/MenuComponents/MenuItem.es.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"MenuItem.es.js","sources":["../../../../../../src/components/Menu/MenuComponents/MenuItem.jsx"],"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'\n\nconst MenuItem = forwardRef(\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, isLoading } = 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 || isLoading,\n power: isPowerFeature,\n },\n className,\n )}\n {...props}\n 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","isLoading","usePowerpack","isPowerFeature","Item","jsxs","Styled.Item","clsx","jsx","Icon","Styled.Img","index","ShortcutTag","Link"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,MAAMA,IAAWC;AAAA,EACf,CACE;AAAA,IACE,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ,CAAC;AAAA,IACT,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACH,UAAMC,IAAcC,EAAQlB,CAAK,IAAIA,IAAQ,CAACA,CAAK,GAC7C,EAAE,cAAAmB,GAAc,WAAAC,EAAU,IAAIC,EAAa,GAC3CC,IAAiB,CAACH,KAAgBN,GAElCU,IACJC,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAAT;AAAA,QACA,WAAWU;AAAA,UACT;AAAA,UACA;AAAA,YACE,aAAAvB;AAAA,YACA,UAAAE;AAAA,YACA,cAAAD;AAAA,YACA,QAAAE;AAAA,YACA,KAAKI;AAAA,YACL,UAAUE,KAAYQ;AAAA,YACtB,OAAOE;AAAA,UACT;AAAA,UACAd;AAAA,QACF;AAAA,QACC,GAAGO;AAAA,QACJ,OAAOE,EAAY,KAAK,IAAI;AAAA,QAE1B,UAAA;AAAA,WAAAhB,KAAQqB,MAAoBK,gBAAAA,EAAAA,IAAAC,GAAA,EAAK,MAAMN,IAAiB,SAASrB,GAAM;AAAA,UACxEC,KAAQyB,gBAAAA,EAAA,IAAAE,GAAA,EAAW,KAAK3B,GAAK,KAAK,GAAGF,CAAK,SAAS;AAAA,UACnDiB,EAAY,IAAI,CAACjB,GAAO8B,4BACtB,QAAkB,EAAA,UAAA9B,EAAR,GAAA8B,CAAc,CAC1B;AAAA,UACAnB,KACCgB,gBAAAA,EAAAA,IAACI,GAAY,EAAA,OAAO,EAAE,UAAU,IAAI,WAAW,SAAS,GAAG,OAAO,SAC/D,UACHpB,EAAA,CAAA;AAAA,UAEDG,2BAAWc,GAAK,EAAA,MAAK,SAAQ,OAAO,EAAE,YAAY,OAAA,GAAU;AAAA,UAE5D,CAAC,CAACrB,EAAM,gCAAWqB,GAAK,EAAA,MAAK,eAAc,WAAU,OAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/D;AAGF,WAAInB,0BAECuB,GAAK,EAAA,IAAIvB,GAAQ,QAAQM,EAAM,QAC7B,UACHQ,GAAA,IAGKA;AAAAA,EACT;AAEJ;AAEAzB,EAAS,cAAc;"}

package/dist/src/components/Menu/MenuComponents/MenuList.cjs.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";const a=require("../../../../_virtual/jsx-runtime.cjs.js"),p=require("react"),J=require("./MenuItem.cjs.js"),O=require("@ynput/ayon-react-components"),L=require("./Menu.styled.cjs.js");require("../../../../shared/src/context/RemoteModulesContext.cjs.js");require("../../../../shared/src/context/DetailsPanelContext.cjs.js");require("../../../../shared/src/context/ThumbnailUploaderContext.cjs.js");require("../../../../shared/src/context/SettingsPanelContext.cjs.js");require("../../../../shared/src/context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../shared/src/context/pip/PiPWrapper.cjs.js");require("../../../../shared/src/context/AddonProjectContext.cjs.js");require("../../../../shared/src/context/AddonContext.cjs.js");const Q=require("../../../../shared/src/context/PowerpackContext.cjs.js");require("../../../../shared/src/context/MoveEntityContext.cjs.js");require("../../../../shared/src/context/MenuContext.cjs.js");require("../../../../shared/src/context/WebsocketContext.cjs.js");require("../../../../shared/src/context/GlobalContext.cjs.js");const U=({items:C,handleClick:x,onSubMenu:f,subMenu:u,level:P,id:D="root-menu",parentRef:m,style:t,onClose:T,onMenuClose:R,itemClassName:$,itemStyle:F,setPowerpackDialog:I,...N})=>{const d=p.useRef([]),i=p.useRef(null),[b,A]=p.useState((t==null?void 0:t.top)\|\|0),l=(r,n,c)=>{!d.current[n]\|\|!i.current\|\|f&&f(r,{id:n,style:{top:d.current[n].offsetTop+((t==null?void 0:t.top)\|\|0)-4,right:i.current.getBoundingClientRect().width+((t==null?void 0:t.right)\|\|0)-12},items:c,level:P})},B=r=>{u&&f&&f(r,{id:parent,items:null})};return p.useEffect(()=>{if(u){const r=i.current.querySelectorAll("li, button")[0];r&&r.focus()}},[u]),p.useEffect(()=>{if(!i.current)return;const{top:r,height:n}=i.current.getBoundingClientRect(),c=window.innerHeight;if(r+n>c){const g=c-n-60;A(g)}},[i.current]),a.jsxRuntimeExports.jsx(L.MenuWrapper,{style:{paddingRight:u?16:0,...t,top:b},className:u?"sub-menu":"menu-list",id:D,onMouseLeave:B,...N,ref:i,children:a.jsxRuntimeExports.jsx(L.Menu,{children:C.filter(r=>!r.hidden).map((r,n)=>{if(r.node)return r.node;if((r==null?void 0:r.id)==="divider")return a.jsxRuntimeExports.jsx("hr",{},n);const{label:c,icon:g,img:H,highlighted:K,onClick:w,link:h,items:o=[],id:s,disableClose:S,selected:_,disabled:M,powerFeature:q,active:W,...j}=r,{powerLicense:z}=Q.usePowerpack(),E=!z&&q,k=e=>{e.preventDefault(),e.stopPropagation(),I(q),R&&R()};return a.jsxRuntimeExports.jsx(J,{tabIndex:0,label:c,icon:g,img:H,highlighted:K,items:o,selected:_,disabled:M,powerFeature:q,active:W,isLink:h,onClick:e=>E?k(e):o.length?l(e,s,o):x(e,w,h,S),onKeyDown:e=>{e.key==="Enter"&&(E?k(e):o.length?l(e,s,o):x(e,w,h));const G=!e.target.nextSibling;if(e.key==="Tab"&&G&&!e.shiftKey){e.preventDefault(),e.stopPropagation();const v=i.current.querySelectorAll("li, button")[0];v&&v.focus()}e.key==="Escape"&&u&&m&&(e.preventDefault(),e.stopPropagation(),m.focus(),T(s))},style:{paddingRight:o.length?"0":"16px",...F},ref:e=>d.current[s]=e,onMouseEnter:e=>l(e,s,o),onMouseLeave:e=>l(e,s,[]),className:`${$} ${j.className\|\|""}`,...j,children:!!o.length&&a.jsxRuntimeExports.jsx(O.Icon,{icon:"arrow_right",style:{marginLeft:"auto"}})},`${s}-${n}`)})})})};module.exports=U;
2	- //# sourceMappingURL=MenuList.cjs.js.map

package/dist/src/components/Menu/MenuComponents/MenuList.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"MenuList.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/MenuList.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport MenuItem from './MenuItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport * as Styled from './Menu.styled'\nimport { usePowerpack } from '@shared/context'\n\nconst MenuList = ({\n items,\n handleClick,\n onSubMenu,\n subMenu,\n level,\n id = 'root-menu',\n parentRef,\n style,\n onClose,\n onMenuClose,\n itemClassName,\n itemStyle,\n setPowerpackDialog,\n ...props\n}) => {\n const itemRefs = useRef([])\n const menuRef = useRef(null)\n\n const [top, setTop] = useState(style?.top || 0)\n\n const handleSubMenu = (e, id, items) => {\n if (!itemRefs.current[id] || !menuRef.current) return\n onSubMenu &&\n onSubMenu(e, {\n id,\n style: {\n top: itemRefs.current[id].offsetTop + (style?.top || 0) - 4,\n right: menuRef.current.getBoundingClientRect().width + (style?.right || 0) - 12,\n },\n items,\n level: level,\n })\n }\n\n const handleMouseLeave = (e) => {\n if (subMenu) {\n onSubMenu && onSubMenu(e, { id: parent, items: null })\n }\n }\n\n // when a subMenu open, set focus on the first item\n useEffect(() => {\n if (subMenu) {\n const first = menuRef.current.querySelectorAll('li, button')[0]\n first && first.focus()\n }\n }, [subMenu])\n\n // check that the menu is not off the screen\n useEffect(() => {\n if (!menuRef.current) return\n const { top, height } = menuRef.current.getBoundingClientRect()\n const windowHeight = window.innerHeight\n if (top + height > windowHeight) {\n const newTop = windowHeight - height - 60\n setTop(newTop)\n }\n }, [menuRef.current])\n\n return (\n <Styled.MenuWrapper\n style={{ paddingRight: subMenu ? 16 : 0, ...style, top }}\n className={subMenu ? 'sub-menu' : 'menu-list'}\n id={id}\n onMouseLeave={handleMouseLeave}\n {...props}\n ref={menuRef}\n >\n <Styled.Menu>\n {items\n .filter((item) => !item.hidden)\n .map((item, i) => {\n // if item is a node, return it\n if (item.node) {\n return item.node\n }\n\n if (item?.id === 'divider') return <hr key={i} />\n\n const {\n label,\n icon,\n img,\n highlighted,\n onClick,\n link,\n items = [],\n id,\n disableClose,\n selected,\n disabled,\n powerFeature,\n active,\n ...props\n } = item\n\n const { powerLicense } = usePowerpack()\n const isPowerFeature = !powerLicense && powerFeature\n\n const handleClickPowerFeature = (e) => {\n e.preventDefault()\n e.stopPropagation()\n setPowerpackDialog(powerFeature)\n\n // close the menu\n onMenuClose && onMenuClose()\n }\n\n return (\n <MenuItem\n tabIndex={0}\n key={`${id}-${i}`}\n {...{\n label,\n icon,\n img,\n highlighted,\n items,\n selected,\n disabled,\n powerFeature,\n active,\n }}\n isLink={link}\n onClick={(e) =>\n isPowerFeature\n ? handleClickPowerFeature(e)\n : items.length\n ? handleSubMenu(e, id, items)\n : handleClick(e, onClick, link, disableClose)\n }\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n if (isPowerFeature) {\n handleClickPowerFeature(e)\n } else if (items.length) {\n handleSubMenu(e, id, items)\n } else {\n handleClick(e, onClick, link)\n }\n }\n const isLastChild = !e.target.nextSibling\n if (e.key === 'Tab' && isLastChild && !e.shiftKey) {\n e.preventDefault()\n e.stopPropagation()\n // when at bottom of list, tab goes to top\n const first = menuRef.current.querySelectorAll('li, button')[0]\n first && first.focus()\n }\n // when a submenu is open, esc closes it and sets focus on the parent\n if (e.key === 'Escape' && subMenu && parentRef) {\n e.preventDefault()\n e.stopPropagation()\n parentRef.focus()\n onClose(id)\n }\n }}\n style={{ paddingRight: items.length ? '0' : '16px', ...itemStyle }}\n ref={(e) => (itemRefs.current[id] = e)}\n onMouseEnter={(e) => handleSubMenu(e, id, items)}\n onMouseLeave={(e) => handleSubMenu(e, id, [])}\n className={`${itemClassName} ${props.className || ''}`}\n {...props}\n >\n {!!items.length && <Icon icon=\"arrow_right\" style={{ marginLeft: 'auto' }} />}\n </MenuItem>\n )\n })}\n </Styled.Menu>\n </Styled.MenuWrapper>\n )\n}\n\nexport default MenuList\n"],"names":["MenuList","items","handleClick","onSubMenu","subMenu","level","id","parentRef","style","onClose","onMenuClose","itemClassName","itemStyle","setPowerpackDialog","props","itemRefs","useRef","menuRef","top","setTop","useState","handleSubMenu","e","handleMouseLeave","useEffect","first","height","windowHeight","newTop","jsx","Styled.MenuWrapper","Styled.Menu","item","i","label","icon","img","highlighted","onClick","link","disableClose","selected","disabled","powerFeature","active","powerLicense","usePowerpack","isPowerFeature","handleClickPowerFeature","MenuItem","isLastChild","Icon"],"mappings":"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"}