@ynput/ayon-frontend-shared 0.2.29 → 0.2.30

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

@@ -1,59 +1,75 @@
 import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
-import { Icon as c, ShortcutTag as N } from "@ynput/ayon-react-components";
-import { forwardRef as w } from "react";
-import { Item as A, Img as M } from "./Menu.styled.es.js";
-import { isArray as R } from "lodash";
-import { Link as $ } from "react-router-dom";
-import v from "clsx";
-const E = w(
+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";
+const S = P(
   ({
     label: t,
-    icon: e,
+    icon: i,
     img: m,
-    highlighted: f,
-    notification: l,
+    highlighted: l,
+    notification: f,
     selected: x,
-    danger: j,
-    items: p = [],
-    className: d,
-    isLink: o,
-    isDev: g,
-    shortcut: s,
+    danger: d,
+    items: j = [],
+    className: g,
+    isLink: s,
+    isDev: u,
+    shortcut: n,
     disabled: h,
+    powerFeature: w,
+    active: I,
     ...a
-  }, u) => {
-    const i = R(t) ? t : [t], n = /* @__PURE__ */ r.jsxs(
-      A,
+  }, y) => {
+    const p = b(t) ? t : [t], { powerLicense: A, isLoading: L } = F(), o = !A && w, c = /* @__PURE__ */ r.jsxs(
+      R,
       {
-        ref: u,
-        className: v(
+        ref: y,
+        className: E(
           "menu-item",
           {
-            highlighted: f,
+            highlighted: l,
             selected: x,
-            notification: l,
-            danger: j,
-            dev: g,
-            disabled: h
+            notification: f,
+            danger: d,
+            dev: u,
+            disabled: h || L,
+            power: o
           },
-          d
+          g
         ),
         ...a,
-        label: i.join(", "),
+        label: p.join(", "),
         children: [
-          e && /* @__PURE__ */ r.jsx(c, { icon: e }),
-          m && /* @__PURE__ */ r.jsx(M, { src: m, alt: `${t} icon` }),
-          i.map((I, y) => /* @__PURE__ */ r.jsx("span", { children: I }, y)),
-          s && /* @__PURE__ */ r.jsx(N, { align: "right", children: s }),
-          !!p.length && /* @__PURE__ */ r.jsx(c, { icon: "arrow_right", className: "more" })
+          (i || o) && /* @__PURE__ */ r.jsx(e, { icon: o ? "bolt" : i }),
+          m && /* @__PURE__ */ r.jsx($, { src: m, alt: `${t} icon` }),
+          p.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 o ? /* @__PURE__ */ r.jsx($, { to: o, target: a.target, children: n }) : n;
+    return s ? /* @__PURE__ */ r.jsx(v, { to: s, target: a.target, children: c }) : c;
   }
 );
-E.displayName = "MenuItem";
+S.displayName = "MenuItem";
 export {
-  E as default
+  S as default
 };
 //# sourceMappingURL=MenuItem.es.js.map

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

@@ -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'\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      ...props\n    },\n    ref,\n  ) => {\n    const labelsArray = isArray(label) ? label : [label]\n\n    const Item = (\n      <Styled.Item\n        ref={ref}\n        className={clsx(\n          'menu-item',\n          {\n            highlighted: highlighted,\n            selected: selected,\n            notification: notification,\n            danger: danger,\n            dev: isDev,\n            disabled: disabled,\n          },\n          className,\n        )}\n        {...props}\n        label={labelsArray.join(', ')}\n      >\n        {icon && <Icon icon={icon} />}\n        {img && <Styled.Img src={img} alt={`${label} icon`} />}\n        {labelsArray.map((label, index) => (\n          <span key={index}>{label}</span>\n        ))}\n        {shortcut && <ShortcutTag align={'right'}>{shortcut}</ShortcutTag>}\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","props","ref","labelsArray","isArray","Item","jsxs","Styled.Item","clsx","jsx","Icon","Styled.Img","index","ShortcutTag","Link"],"mappings":";;;;;;;AAOA,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,GAAGC;AAAA,KAELC,MACG;AACH,UAAMC,IAAcC,EAAQhB,CAAK,IAAIA,IAAQ,CAACA,CAAK,GAE7CiB,IACJC,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAAL;AAAA,QACA,WAAWM;AAAA,UACT;AAAA,UACA;AAAA,YACE,aAAAjB;AAAA,YACA,UAAAE;AAAA,YACA,cAAAD;AAAA,YACA,QAAAE;AAAA,YACA,KAAKI;AAAA,YACL,UAAAE;AAAA,UACF;AAAA,UACAJ;AAAA,QACF;AAAA,QACC,GAAGK;AAAA,QACJ,OAAOE,EAAY,KAAK,IAAI;AAAA,QAE3B,UAAA;AAAA,UAAQd,KAAAoB,gBAAAA,EAAA,IAACC,KAAK,MAAArB,EAAY,CAAA;AAAA,UAC1BC,KAAQmB,gBAAAA,EAAA,IAAAE,GAAA,EAAW,KAAKrB,GAAK,KAAK,GAAGF,CAAK,SAAS;AAAA,UACnDe,EAAY,IAAI,CAACf,GAAOwB,4BACtB,QAAkB,EAAA,UAAAxB,EAAR,GAAAwB,CAAc,CAC1B;AAAA,UACAb,KAAYU,gBAAAA,EAAA,IAACI,GAAY,EAAA,OAAO,SAAU,UAASd,GAAA;AAAA,UACnD,CAAC,CAACJ,EAAM,gCAAWe,GAAK,EAAA,MAAK,eAAc,WAAU,OAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/D;AAGF,WAAIb,0BAECiB,GAAK,EAAA,IAAIjB,GAAQ,QAAQI,EAAM,QAC7B,UACHI,GAAA,IAGKA;AAAAA,EACT;AAEJ;AAEAnB,EAAS,cAAc;"}
+{"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

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

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

@@ -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'\n\nconst MenuList = ({\n  items,\n  handleClick,\n  onSubMenu,\n  subMenu,\n  level,\n  id = 'root-menu',\n  parentRef,\n  style,\n  onClose,\n  itemClassName,\n  itemStyle,\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              ...props\n            } = item\n\n            return (\n              <MenuItem\n                tabIndex={0}\n                key={`${id}-${i}`}\n                {...{ label, icon, img, highlighted, items, selected, disabled }}\n                isLink={link}\n                onClick={(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 (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","itemClassName","itemStyle","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","MenuItem","isLastChild","Icon"],"mappings":"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"}
+{"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

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

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

@@ -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'\n\nconst MenuList = ({\n  items,\n  handleClick,\n  onSubMenu,\n  subMenu,\n  level,\n  id = 'root-menu',\n  parentRef,\n  style,\n  onClose,\n  itemClassName,\n  itemStyle,\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              ...props\n            } = item\n\n            return (\n              <MenuItem\n                tabIndex={0}\n                key={`${id}-${i}`}\n                {...{ label, icon, img, highlighted, items, selected, disabled }}\n                isLink={link}\n                onClick={(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 (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","itemClassName","itemStyle","props","itemRefs","useRef","menuRef","top","setTop","useState","handleSubMenu","handleMouseLeave","useEffect","first","height","windowHeight","newTop","jsx","Styled.MenuWrapper","Styled.Menu","item","i","label","icon","img","highlighted","onClick","link","disableClose","selected","disabled","MenuItem","e","isLastChild","Icon"],"mappings":"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"}
+{"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":";;;;;;;;;;;;;;;;;AAMA,MAAMA,KAAW,CAAC;AAAA,EAChB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAWC,EAAO,EAAE,GACpBC,IAAUD,EAAO,IAAI,GAErB,CAACE,GAAKC,CAAM,IAAIC,GAASZ,KAAA,gBAAAA,EAAO,QAAO,CAAC,GAExCa,IAAgB,CAACC,GAAGhB,GAAIL,MAAU;AACtC,IAAI,CAACc,EAAS,QAAQT,CAAE,KAAK,CAACW,EAAQ,WACtCd,KACEA,EAAUmB,GAAG;AAAA,MACX,IAAAhB;AAAAA,MACA,OAAO;AAAA,QACL,KAAKS,EAAS,QAAQT,CAAE,EAAE,cAAaE,KAAA,gBAAAA,EAAO,QAAO,KAAK;AAAA,QAC1D,OAAOS,EAAQ,QAAQ,sBAAA,EAAwB,UAAST,KAAA,gBAAAA,EAAO,UAAS,KAAK;AAAA,MAC/E;AAAA,MACA,OAAAP;AAAAA,MACA,OAAAI;AAAA,IAAA,CACD;AAAA,EACL,GAEMkB,IAAmB,CAACD,MAAM;AAC9B,IAAIlB,KACFD,KAAaA,EAAUmB,GAAG,EAAE,IAAI,QAAQ,OAAO,MAAM;AAAA,EAEzD;AAGA,SAAAE,EAAU,MAAM;AACd,QAAIpB,GAAS;AACX,YAAMqB,IAAQR,EAAQ,QAAQ,iBAAiB,YAAY,EAAE,CAAC;AAC9D,MAAAQ,KAASA,EAAM,MAAM;AAAA,IAAA;AAAA,EACvB,GACC,CAACrB,CAAO,CAAC,GAGZoB,EAAU,MAAM;AACV,QAAA,CAACP,EAAQ,QAAS;AACtB,UAAM,EAAE,KAAAC,GAAK,QAAAQ,EAAW,IAAAT,EAAQ,QAAQ,sBAAsB,GACxDU,IAAe,OAAO;AACxBT,QAAAA,IAAMQ,IAASC,GAAc;AACzB,YAAAC,IAASD,IAAeD,IAAS;AACvC,MAAAP,EAAOS,CAAM;AAAA,IAAA;AAAA,EACf,GACC,CAACX,EAAQ,OAAO,CAAC,GAGlBY,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO,EAAE,cAAc1B,IAAU,KAAK,GAAG,GAAGI,GAAO,KAAAU,EAAI;AAAA,MACvD,WAAWd,IAAU,aAAa;AAAA,MAClC,IAAAE;AAAA,MACA,cAAciB;AAAA,MACb,GAAGT;AAAA,MACJ,KAAKG;AAAA,MAEL,UAACY,gBAAAA,EAAA,IAAAE,GAAA,EACE,YACE,OAAO,CAACC,MAAS,CAACA,EAAK,MAAM,EAC7B,IAAI,CAACA,GAAMC,MAAM;AAEhB,YAAID,EAAK;AACP,iBAAOA,EAAK;AAGd,aAAIA,KAAA,gBAAAA,EAAM,QAAO,UAAkB,QAAAH,gBAAAA,EAAAA,IAAC,UAAQI,CAAG;AAEzC,cAAA;AAAA,UACJ,OAAAC;AAAA,UACA,MAAAC;AAAA,UACA,KAAAC;AAAA,UACA,aAAAC;AAAA,UACA,SAAAC;AAAA,UACA,MAAAC;AAAA,UACA,OAAAtC,IAAQ,CAAC;AAAA,UACT,IAAAK;AAAAA,UACA,cAAAkC;AAAA,UACA,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,cAAAC;AAAA,UACA,QAAAC;AAAA,UACA,GAAG9B;AAAAA,QAAA,IACDkB,GAEE,EAAE,cAAAa,EAAa,IAAIC,EAAa,GAChCC,IAAiB,CAACF,KAAgBF,GAElCK,IAA0B,CAAC1B,MAAM;AACrC,UAAAA,EAAE,eAAe,GACjBA,EAAE,gBAAgB,GAClBT,EAAmB8B,CAAY,GAG/BjC,KAAeA,EAAY;AAAA,QAC7B;AAGE,eAAAmB,gBAAAA,EAAA;AAAA,UAACoB;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YAGR,OAAAf;AAAA,YACA,MAAAC;AAAA,YACA,KAAAC;AAAA,YACA,aAAAC;AAAA,YACA,OAAApC;AAAAA,YACA,UAAAwC;AAAA,YACA,UAAAC;AAAA,YACA,cAAAC;AAAA,YACA,QAAAC;AAAA,YAEF,QAAQL;AAAA,YACR,SAAS,CAACjB,MACRyB,IACIC,EAAwB1B,CAAC,IACzBrB,EAAM,SACNoB,EAAcC,GAAGhB,GAAIL,CAAK,IAC1BC,EAAYoB,GAAGgB,GAASC,GAAMC,CAAY;AAAA,YAEhD,WAAW,CAAClB,MAAM;AACZ,cAAAA,EAAE,QAAQ,YACRyB,IACFC,EAAwB1B,CAAC,IAChBrB,EAAM,SACDoB,EAAAC,GAAGhB,GAAIL,CAAK,IAEdC,EAAAoB,GAAGgB,GAASC,CAAI;AAG1B,oBAAAW,IAAc,CAAC5B,EAAE,OAAO;AAC9B,kBAAIA,EAAE,QAAQ,SAAS4B,KAAe,CAAC5B,EAAE,UAAU;AACjD,gBAAAA,EAAE,eAAe,GACjBA,EAAE,gBAAgB;AAElB,sBAAMG,IAAQR,EAAQ,QAAQ,iBAAiB,YAAY,EAAE,CAAC;AAC9D,gBAAAQ,KAASA,EAAM,MAAM;AAAA,cAAA;AAGvB,cAAIH,EAAE,QAAQ,YAAYlB,KAAWG,MACnCe,EAAE,eAAe,GACjBA,EAAE,gBAAgB,GAClBf,EAAU,MAAM,GAChBE,EAAQH,CAAE;AAAA,YAEd;AAAA,YACA,OAAO,EAAE,cAAcL,EAAM,SAAS,MAAM,QAAQ,GAAGW,EAAU;AAAA,YACjE,KAAK,CAACU,MAAOP,EAAS,QAAQT,CAAE,IAAIgB;AAAA,YACpC,cAAc,CAACA,MAAMD,EAAcC,GAAGhB,GAAIL,CAAK;AAAA,YAC/C,cAAc,CAACqB,MAAMD,EAAcC,GAAGhB,GAAI,CAAA,CAAE;AAAA,YAC5C,WAAW,GAAGK,CAAa,IAAIG,EAAM,aAAa,EAAE;AAAA,YACnD,GAAGA;AAAAA,YAEH,UAAC,CAAA,CAACb,EAAM,UAAW4B,gBAAAA,EAAA,IAAAsB,GAAA,EAAK,MAAK,eAAc,OAAO,EAAE,YAAY,OAAA,EAAU,CAAA;AAAA,UAAA;AAAA,UArDtE,GAAG7C,CAAE,IAAI2B,CAAC;AAAA,QAsDjB;AAAA,MAAA,CAEH,EACL,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/types/api/generated/anatomy.d.ts

@@ -50,6 +50,12 @@ export type AnatomyPresetListModel = {
     version: string;
     presets?: AnatomyPresetListItem[];
 };
+export type EntityNaming = {
+    /** How to capitalize the entity names */
+    capitalization?: 'lower' | 'upper' | 'keep' | 'pascal' | 'camel';
+    /** Character to separate different parts of the name */
+    separator?: '' | '_' | '-' | '.';
+};
 export type Root = {
     name: string;
     windows?: string;
@@ -153,7 +159,23 @@ export type Tag = {
     original_name?: string;
     color?: string;
 };
+export type DefaultProductBaseType = {
+    color?: string;
+    icon?: string;
+};
+export type ProductBaseType = {
+    name?: string;
+    color?: string;
+    icon?: string;
+};
+export type ProductBaseTypes = {
+    /** Default appearance for product types */
+    default?: DefaultProductBaseType;
+    definitions?: ProductBaseType[];
+};
 export type Anatomy = {
+    /** Settings for automatic entity name generation */
+    entity_naming?: EntityNaming;
     /** Setup root paths for the project */
     roots?: Root[];
     /** Path templates configuration */
@@ -170,6 +192,7 @@ export type Anatomy = {
     statuses?: Status[];
     /** Tags configuration */
     tags?: Tag[];
+    product_base_types?: ProductBaseTypes;
 };
 export type ValidationError = {
     loc: (string | number)[];

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

@@ -4,6 +4,7 @@ declare const injectedRtkApi: import('@reduxjs/toolkit/query').Api<import('@redu
     getAttributeConfig: import('@reduxjs/toolkit/query').QueryDefinition<GetAttributeConfigApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, AttributeModel, "restApi", unknown>;
     setAttributeConfig: import('@reduxjs/toolkit/query').MutationDefinition<SetAttributeConfigApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, unknown, "restApi", unknown>;
     deleteAttribute: import('@reduxjs/toolkit/query').MutationDefinition<DeleteAttributeApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, unknown, "restApi", unknown>;
+    patchAttributeConfig: import('@reduxjs/toolkit/query').MutationDefinition<PatchAttributeConfigApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, unknown, "restApi", unknown>;
 }, "restApi", string, typeof import('@reduxjs/toolkit/query').coreModuleName | typeof import('@reduxjs/toolkit/dist/query/react').reactHooksModuleName>;
 export { injectedRtkApi as api };
 export type GetAttributeListApiResponse = 
@@ -26,6 +27,11 @@ export type DeleteAttributeApiResponse = unknown;
 export type DeleteAttributeApiArg = {
     attributeName: string;
 };
+export type PatchAttributeConfigApiResponse = unknown;
+export type PatchAttributeConfigApiArg = {
+    attributeName: string;
+    attributePatchModel: AttributePatchModel;
+};
 export type AttributeEnumItem = {
     value: string | number | number | boolean;
     label: string;
@@ -36,7 +42,7 @@ export type AttributeEnumItem = {
 };
 export type AttributeData = {
     /** Type of attribute value */
-    type: 'string' | 'integer' | 'float' | 'boolean' | 'datetime' | 'list_of_strings' | 'list_of_integers' | 'list_of_any' | 'list_of_submodels' | 'dict';
+    type?: 'string' | 'integer' | 'float' | 'boolean' | 'datetime' | 'list_of_strings' | 'list_of_integers' | 'list_of_any' | 'list_of_submodels' | 'dict';
     /** Nice, human readable title of the attribute */
     title?: string;
     description?: string;
@@ -67,9 +73,9 @@ export type AttributeModel = {
     position: number;
     /** List of entity types the attribute is available on */
     scope?: (('folder' | 'product' | 'version' | 'representation' | 'task' | 'workfile') | ('project' | 'user') | 'list')[];
+    data: AttributeData;
     /** Is attribute builtin. Built-in attributes cannot be removed. */
     builtin?: boolean;
-    data: AttributeData;
 };
 export type GetAttributeListModel = {
     attributes?: AttributeModel[];
@@ -92,7 +98,12 @@ export type AttributePutModel = {
     position: number;
     /** List of entity types the attribute is available on */
     scope?: (('folder' | 'product' | 'version' | 'representation' | 'task' | 'workfile') | ('project' | 'user') | 'list')[];
-    /** Is attribute builtin. Built-in attributes cannot be removed. */
-    builtin?: boolean;
     data: AttributeData;
 };
+export type AttributePatchModel = {
+    /** Default order */
+    position?: number;
+    /** List of entity types the attribute is available on */
+    scope?: (('folder' | 'product' | 'version' | 'representation' | 'task' | 'workfile') | ('project' | 'user') | 'list')[];
+    data?: AttributeData;
+};