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

@ynput/ayon-frontend-shared 0.2.35 → 0.2.37

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

package/dist/shared/src/util/getGroupByDataType.es.js ADDED Viewed

@@ -0,0 +1,16 @@
+const d = (t, e) => {
+  var n;
+  if (!(t != null && t.id)) return "string";
+  const s = t.id;
+  if (s === "assignees" || s === "tags")
+    return "list_of_strings";
+  if (s.startsWith("attrib.")) {
+    const r = s.split(".")[1], i = e.find((a) => a.name === r);
+    return ((n = i == null ? void 0 : i.data) == null ? void 0 : n.type) || "string";
+  }
+  return "string";
+};
+export {
+  d as getGroupByDataType
+};
+//# sourceMappingURL=getGroupByDataType.es.js.map

package/dist/shared/src/util/getGroupByDataType.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"getGroupByDataType.es.js","sources":["../../../../src/util/getGroupByDataType.ts"],"sourcesContent":["import { ProjectTableAttribute } from '@shared/containers'\nimport type { TableGroupBy } from '../containers/ProjectTreeTable/context'\nimport { AttributeModel } from '@shared/api'\n\ntype DataType = 'string' | 'list_of_strings' | string\n\n/**\n * Determines the data type for a groupBy field.\n * Handles special cases for built-in group types (assignees, tags) and attribute-based grouping.\n *\n * @param groupBy - The group by configuration\n * @param attribFields - Array of available attribute fields\n * @returns The data type as a string ('string', 'list_of_strings', or the attribute type)\n *\n * @example\n * const dataType = getGroupByDataType(groupBy, attribFields)\n * // Returns 'list_of_strings' for assignees/tags\n * // Returns the attribute type for 'attrib.attributeName'\n * // Returns 'string' as default fallback\n */\nexport const getGroupByDataType = (\n groupBy: TableGroupBy | undefined,\n attribFields: (ProjectTableAttribute | AttributeModel)[],\n): DataType => {\n if (!groupBy?.id) return 'string'\n\n const groupById = groupBy.id\n\n // Handle special cases for built-in group types\n if (groupById === 'assignees' || groupById === 'tags') {\n return 'list_of_strings'\n }\n\n // Handle attribute-based grouping (format: \"attrib.attributeName\")\n if (groupById.startsWith('attrib.')) {\n const attributeName = groupById.split('.')[1]\n const attribute = attribFields.find((field) => field.name === attributeName)\n return attribute?.data?.type || 'string'\n }\n\n // Default fallback\n return 'string'\n}\n"],"names":["getGroupByDataType","groupBy","attribFields","_a","groupById","attributeName","attribute","field"],"mappings":"AAoBa,MAAAA,IAAqB,CAChCC,GACAC,MACa;AAHF,MAAAC;AAIP,MAAA,EAACF,KAAA,QAAAA,EAAS,IAAW,QAAA;AAEzB,QAAMG,IAAYH,EAAQ;AAGtB,MAAAG,MAAc,eAAeA,MAAc;AACtC,WAAA;AAIL,MAAAA,EAAU,WAAW,SAAS,GAAG;AACnC,UAAMC,IAAgBD,EAAU,MAAM,GAAG,EAAE,CAAC,GACtCE,IAAYJ,EAAa,KAAK,CAACK,MAAUA,EAAM,SAASF,CAAa;AACpE,aAAAF,IAAAG,KAAA,gBAAAA,EAAW,SAAX,gBAAAH,EAAiB,SAAQ;AAAA,EAAA;AAI3B,SAAA;AACT;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"productTypes.cjs.js","sources":["../../../../src/util/productTypes.ts"],"sourcesContent":["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"}
1	+ {"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.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"productTypes.es.js","sources":["../../../../src/util/productTypes.ts"],"sourcesContent":["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;"}
1	+ {"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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const s=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");const h=({menu:g=[],onClose:u,header:a,footer:o=""})=>{const{setPowerpackDialog:x}=E.usePowerpack(),{setMenuOpen:d}=S.useMenuContext(),[n,i]=m.useState([]),p=(t,e,r,l)=>{if(r)return u();e&&e(t),!l&&u&&u()},q=(t,e={})=>{e.items.length?n.find(r=>r.id===e.id)||i([...n.filter(r=>r.level<e.level+1),{...e,id:e.id,level:e.level+1,parentRef:t.target}]):i(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 i([]);l||i(n.filter(c=>c.level<=(e.level||0)+1))},M=(t,e={})=>{t.type==="mouseenter"||t.type==="keydown"?q(t,e):t.type==="mouseleave"&&b(t,e)};return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs(v.Section,{children:[a&&a,s.jsxRuntimeExports.jsx(R,{items:g,handleClick:p,onSubMenu:M,level:0,setPowerpackDialog:x,onMenuClose:()=>d(!1)}),o&&s.jsxRuntimeExports.jsxs(v.Footer,{children:[o,s.jsxRuntimeExports.jsx(C.Button,{icon:"content_copy",variant:"text",onClick:()=>y.copyToClipboard(o)})]})]}),n.map((t,e)=>s.jsxRuntimeExports.jsx(R,{items:t.items,handleClick:p,...t,subMenu:!0,onSubMenu:M,onClose:()=>i(n.filter(r=>r.id!==t.id)),onMenuClose:()=>d(!1),onChange:q,setPowerpackDialog:x},e))]})};module.exports=h;
+"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;
 //# sourceMappingURL=Menu.cjs.js.map

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

	@@ -1 +1 @@
1	- {"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":"~~2sCAOM~~,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"}
1	+ {"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 CHANGED Viewed

@@ -21,7 +21,8 @@ import { usePowerpack as k } from "../../../../shared/src/context/PowerpackConte
 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";
-const Y = ({ menu: b = [], onClose: s, header: a, footer: l = "" }) => {
+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();
@@ -75,6 +76,6 @@ const Y = ({ menu: b = [], onClose: s, header: a, footer: l = "" }) => {
   ] });
 };
 export {
-  Y as default
+  Z as default
 };
 //# sourceMappingURL=Menu.es.js.map

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

	@@ -1 +1 @@
1	- {"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;"}
1	+ {"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":"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"}

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

@@ -1,2 +1,2 @@
-"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");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;
+"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;
 //# sourceMappingURL=MenuItem.cjs.js.map

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

	@@ -1 +1 @@
1	- {"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":"~~2iCAQA~~,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"}
1	+ {"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 CHANGED Viewed

@@ -18,6 +18,7 @@ import { usePowerpack as F } from "../../../../shared/src/context/PowerpackConte
 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,

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

	@@ -1 +1 @@
1	- {"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;"}
1	+ {"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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"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");const U=({items:C,handleClick:q,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:x,active:W,...j}=r,{powerLicense:z}=Q.usePowerpack(),E=!z&&x,k=e=>{e.preventDefault(),e.stopPropagation(),I(x),R&&R()};return a.jsxRuntimeExports.jsx(J,{tabIndex:0,label:c,icon:g,img:H,highlighted:K,items:o,selected:_,disabled:M,powerFeature:x,active:W,isLink:h,onClick:e=>E?k(e):o.length?l(e,s,o):q(e,w,h,S),onKeyDown:e=>{e.key==="Enter"&&(E?k(e):o.length?l(e,s,o):q(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;
+"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;
 //# sourceMappingURL=MenuList.cjs.js.map

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

	@@ -1 +1 @@
1	- {"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":"~~sgCAMA~~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"}
1	+ {"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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"}

package/dist/src/components/Menu/MenuComponents/MenuList.es.js CHANGED Viewed

@@ -16,11 +16,12 @@ import { usePowerpack as X } from "../../../../shared/src/context/PowerpackConte
 import "../../../../shared/src/context/MoveEntityContext.es.js";
 import "../../../../shared/src/context/MenuContext.es.js";
 import "../../../../shared/src/context/WebsocketContext.es.js";
-const gt = ({
+import "../../../../shared/src/context/GlobalContext.es.js";
+const ht = ({
   items: E,
   handleClick: h,
   onSubMenu: f,
-  subMenu: c,
+  subMenu: p,
   level: D,
   id: T = "root-menu",
   parentRef: w,
@@ -32,36 +33,36 @@ const gt = ({
   setPowerpackDialog: N,
   ...b
 }) => {
-  const m = P([]), i = P(null), [q, A] = M((e == null ? void 0 : e.top) || 0), u = (r, o, p) => {
+  const m = P([]), i = P(null), [q, A] = M((e == null ? void 0 : e.top) || 0), u = (r, o, c) => {
     !m.current[o] || !i.current || f && f(r, {
       id: o,
       style: {
         top: m.current[o].offsetTop + ((e == null ? void 0 : e.top) || 0) - 4,
         right: i.current.getBoundingClientRect().width + ((e == null ? void 0 : e.right) || 0) - 12
       },
-      items: p,
+      items: c,
       level: D
     });
   }, B = (r) => {
-    c && f && f(r, { id: parent, items: null });
+    p && f && f(r, { id: parent, items: null });
   };
   return C(() => {
-    if (c) {
+    if (p) {
       const r = i.current.querySelectorAll("li, button")[0];
       r && r.focus();
     }
-  }, [c]), C(() => {
+  }, [p]), C(() => {
     if (!i.current) return;
-    const { top: r, height: o } = i.current.getBoundingClientRect(), p = window.innerHeight;
-    if (r + o > p) {
-      const l = p - o - 60;
+    const { top: r, height: o } = i.current.getBoundingClientRect(), c = window.innerHeight;
+    if (r + o > c) {
+      const l = c - o - 60;
       A(l);
     }
   }, [i.current]), /* @__PURE__ */ a.jsx(
     U,
     {
-      style: { paddingRight: c ? 16 : 0, ...e, top: q },
-      className: c ? "sub-menu" : "menu-list",
+      style: { paddingRight: p ? 16 : 0, ...e, top: q },
+      className: p ? "sub-menu" : "menu-list",
       id: T,
       onMouseLeave: B,
       ...b,
@@ -71,7 +72,7 @@ const gt = ({
           return r.node;
         if ((r == null ? void 0 : r.id) === "divider") return /* @__PURE__ */ a.jsx("hr", {}, o);
         const {
-          label: p,
+          label: c,
           icon: l,
           img: H,
           highlighted: K,
@@ -92,7 +93,7 @@ const gt = ({
           O,
           {
             tabIndex: 0,
-            label: p,
+            label: c,
             icon: l,
             img: H,
             highlighted: K,
@@ -111,7 +112,7 @@ const gt = ({
                 const R = i.current.querySelectorAll("li, button")[0];
                 R && R.focus();
               }
-              t.key === "Escape" && c && w && (t.preventDefault(), t.stopPropagation(), w.focus(), $(s));
+              t.key === "Escape" && p && w && (t.preventDefault(), t.stopPropagation(), w.focus(), $(s));
             },
             style: { paddingRight: n.length ? "0" : "16px", ...I },
             ref: (t) => m.current[s] = t,
@@ -128,6 +129,6 @@ const gt = ({
   );
 };
 export {
-  gt as default
+  ht as default
 };
 //# sourceMappingURL=MenuList.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuList.es.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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"}
1	+ {"version":3,"file":"MenuList.es.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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"}

package/dist/types/api/generated/actions.d.ts CHANGED Viewed

@@ -78,6 +78,8 @@ export type BaseActionManifest = {
     identifier: string;
     /** Human-friendly name of the action */
     label: string;
+    /** A short description of the action */
+    description?: string;
     /** The label of the group the action belongs to */
     groupLabel?: string;
     /** Action category */

package/dist/types/api/generated/attributes.d.ts CHANGED Viewed

@@ -32,13 +32,24 @@ export type PatchAttributeConfigApiArg = {
     attributeName: string;
     attributePatchModel: AttributePatchModel;
 };
-export type AttributeEnumItem = {
+export type IconModel = {
+    type?: 'material-symbols' | 'url';
+    /** The name of the icon (for type material-symbols) */
+    name?: string;
+    /** The color of the icon (for type material-symbols) */
+    color?: string;
+    /** The URL of the icon (for type url) */
+    url?: string;
+};
+export type EnumItem = {
     value: string | number | number | boolean;
     label: string;
-    icon?: string;
+    description?: string;
+    fulltext?: string[];
+    group?: string;
+    /** Icon name (material symbol) or IconModel object */
+    icon?: string | IconModel;
     color?: string;
-    /** List of project this item is available on */
-    projects?: string[];
 };
 export type AttributeData = {
     /** Type of attribute value */
@@ -63,7 +74,11 @@ export type AttributeData = {
     /** Only for string types. The value must match this regex. */
     regex?: string;
     /** List of enum items used for displaying select widgets */
-    enum?: AttributeEnumItem[];
+    enum?: EnumItem[];
+    /** Name of the function that provides enum values dynamically. */
+    enumResolver?: string;
+    /** Settings passed to the enum resolver function. */
+    enumResolverSettings?: object;
     /** Inherit the attribute value from the parent entity. */
     inherit?: boolean;
 };

package/dist/types/api/generated/authentication.d.ts CHANGED Viewed

@@ -32,6 +32,7 @@ export type UserAttribModel = {
 export type UserModel = {
     /** Name is an unique id of the {entity_name} */
     name: string;
+    uiExposureLevel?: number;
     attrib?: UserAttribModel;
     data?: Record<string, any>;
     /** Whether the user is active */
@@ -110,4 +111,5 @@ export type UserPoolModel = {
     exp: number;
     max: number;
     used: number;
+    meta?: object;
 };

package/dist/types/api/generated/configuration.d.ts CHANGED Viewed

@@ -40,6 +40,8 @@ export type CustomizationModel = {
     studio_logo?: string;
     /** The message that is displayed to users on the login page. Markdown syntax is supported. */
     motd?: string;
+    /** A list of flags that will be passed to the frontend. These can be used to enable or disable frontend features. */
+    frontend_flags?: string[];
 };
 export type AuthenticationModel = {
     /** If enabled, password authentication will be hidden from the login page. */
@@ -56,7 +58,7 @@ export type ChangelogSettingsModel = {
 export type ServerConfigModel = {
     /** The name of the studio */
     studio_name?: string;
-    /** Customization options for the login page */
+    /** Customization options for the web interface */
     customization?: CustomizationModel;
     /** Settings related to user authentication */
     authentication?: AuthenticationModel;

package/dist/types/api/generated/entityLists.d.ts CHANGED Viewed

@@ -121,6 +121,8 @@ export type DeleteEntityListApiResponse = any;
 export type DeleteEntityListApiArg = {
     listId: string;
     projectName: string;
+    'x-sender'?: string;
+    'x-sender-type'?: string;
 };
 export type UpdateEntityListApiResponse = any;
 export type UpdateEntityListApiArg = {
@@ -138,13 +140,24 @@ export type MaterializeEntityListApiArg = {
     'x-sender'?: string;
     'x-sender-type'?: string;
 };
-export type AttributeEnumItem = {
+export type IconModel = {
+    type?: 'material-symbols' | 'url';
+    /** The name of the icon (for type material-symbols) */
+    name?: string;
+    /** The color of the icon (for type material-symbols) */
+    color?: string;
+    /** The URL of the icon (for type url) */
+    url?: string;
+};
+export type EnumItem = {
     value: string | number | number | boolean;
     label: string;
-    icon?: string;
+    description?: string;
+    fulltext?: string[];
+    group?: string;
+    /** Icon name (material symbol) or IconModel object */
+    icon?: string | IconModel;
     color?: string;
-    /** List of project this item is available on */
-    projects?: string[];
 };
 export type AttributeData = {
     /** Type of attribute value */
@@ -169,7 +182,11 @@ export type AttributeData = {
     /** Only for string types. The value must match this regex. */
     regex?: string;
     /** List of enum items used for displaying select widgets */
-    enum?: AttributeEnumItem[];
+    enum?: EnumItem[];
+    /** Name of the function that provides enum values dynamically. */
+    enumResolver?: string;
+    /** Settings passed to the enum resolver function. */
+    enumResolverSettings?: object;
     /** Inherit the attribute value from the parent entity. */
     inherit?: boolean;
 };