@ynput/ayon-frontend-shared 0.2.33 → 0.2.35

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

@@ -17,6 +17,7 @@ import "../../../../shared/src/context/AddonContext.es.js";
 import { usePowerpack as F } from "../../../../shared/src/context/PowerpackContext.es.js";
 import "../../../../shared/src/context/MoveEntityContext.es.js";
 import "../../../../shared/src/context/MenuContext.es.js";
+import "../../../../shared/src/context/WebsocketContext.es.js";
 const S = P(
   ({
     label: t,
@@ -34,9 +35,9 @@ const S = P(
     disabled: h,
     powerFeature: w,
     active: I,
-    ...a
+    ...p
   }, y) => {
-    const p = b(t) ? t : [t], { powerLicense: A, isLoading: L } = F(), o = !A && w, c = /* @__PURE__ */ r.jsxs(
+    const a = b(t) ? t : [t], { powerLicense: A, isLoading: L } = F(), o = !A && w, c = /* @__PURE__ */ r.jsxs(
       R,
       {
         ref: y,
@@ -53,19 +54,19 @@ const S = P(
           },
           g
         ),
-        ...a,
-        label: p.join(", "),
+        ...p,
+        label: a.join(", "),
         children: [
           (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)),
+          a.map((N, k) => /* @__PURE__ */ r.jsx("span", { children: N }, k)),
           n && /* @__PURE__ */ r.jsx(M, { style: { minWidth: 22, textAlign: "center" }, align: "right", children: n }),
           I && /* @__PURE__ */ r.jsx(e, { icon: "check", style: { marginLeft: "auto" } }),
           !!j.length && /* @__PURE__ */ r.jsx(e, { icon: "arrow_right", className: "more" })
         ]
       }
     );
-    return s ? /* @__PURE__ */ r.jsx(v, { to: s, target: a.target, children: c }) : c;
+    return s ? /* @__PURE__ */ r.jsx(v, { to: s, target: p.target, children: c }) : c;
   }
 );
 S.displayName = "MenuItem";

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'\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;"}
+{"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"),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;
+"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;
 //# 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'\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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"}
+{"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,MAAMA,EAAW,CAAC,CAChB,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,QAAAC,EACA,MAAAC,EACA,GAAAC,EAAK,YACL,UAAAC,EACA,MAAAC,EACA,QAAAC,EACA,YAAAC,EACA,cAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,GAAGC,CACL,IAAM,CACE,MAAAC,EAAWC,EAAO,OAAA,EAAE,EACpBC,EAAUD,SAAO,IAAI,EAErB,CAACE,EAAKC,CAAM,EAAIC,EAAS,UAAAZ,GAAA,YAAAA,EAAO,MAAO,CAAC,EAExCa,EAAgB,CAACC,EAAGhB,EAAIL,IAAU,CAClC,CAACc,EAAS,QAAQT,CAAE,GAAK,CAACW,EAAQ,SACtCd,GACEA,EAAUmB,EAAG,CACX,GAAAhB,EACA,MAAO,CACL,IAAKS,EAAS,QAAQT,CAAE,EAAE,YAAaE,GAAA,YAAAA,EAAO,MAAO,GAAK,EAC1D,MAAOS,EAAQ,QAAQ,sBAAA,EAAwB,QAAST,GAAA,YAAAA,EAAO,QAAS,GAAK,EAC/E,EACA,MAAAP,EACA,MAAAI,CAAA,CACD,CACL,EAEMkB,EAAoBD,GAAM,CAC1BlB,GACFD,GAAaA,EAAUmB,EAAG,CAAE,GAAI,OAAQ,MAAO,KAAM,CAEzD,EAGAE,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIpB,EAAS,CACX,MAAMqB,EAAQR,EAAQ,QAAQ,iBAAiB,YAAY,EAAE,CAAC,EAC9DQ,GAASA,EAAM,MAAM,CAAA,CACvB,EACC,CAACrB,CAAO,CAAC,EAGZoB,EAAAA,UAAU,IAAM,CACV,GAAA,CAACP,EAAQ,QAAS,OACtB,KAAM,CAAE,IAAAC,EAAK,OAAAQ,CAAW,EAAAT,EAAQ,QAAQ,sBAAsB,EACxDU,EAAe,OAAO,YACxBT,GAAAA,EAAMQ,EAASC,EAAc,CACzB,MAAAC,EAASD,EAAeD,EAAS,GACvCP,EAAOS,CAAM,CAAA,CACf,EACC,CAACX,EAAQ,OAAO,CAAC,EAGlBY,EAAA,kBAAA,IAACC,EAAO,YAAP,CACC,MAAO,CAAE,aAAc1B,EAAU,GAAK,EAAG,GAAGI,EAAO,IAAAU,CAAI,EACvD,UAAWd,EAAU,WAAa,YAClC,GAAAE,EACA,aAAciB,EACb,GAAGT,EACJ,IAAKG,EAEL,SAACY,EAAA,kBAAA,IAAAE,EAAA,KAAA,CACE,WACE,OAAQC,GAAS,CAACA,EAAK,MAAM,EAC7B,IAAI,CAACA,EAAMC,IAAM,CAEhB,GAAID,EAAK,KACP,OAAOA,EAAK,KAGd,IAAIA,GAAA,YAAAA,EAAM,MAAO,UAAkB,OAAAH,EAAAA,kBAAAA,IAAC,QAAQI,CAAG,EAEzC,KAAA,CACJ,MAAAC,EACA,KAAAC,EACA,IAAAC,EACA,YAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAtC,EAAQ,CAAC,EACT,GAAAK,EACA,aAAAkC,EACA,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,OAAAC,EACA,GAAG9B,CAAA,EACDkB,EAEE,CAAE,aAAAa,CAAa,EAAIC,eAAa,EAChCC,EAAiB,CAACF,GAAgBF,EAElCK,EAA2B,GAAM,CACrC,EAAE,eAAe,EACjB,EAAE,gBAAgB,EAClBnC,EAAmB8B,CAAY,EAG/BjC,GAAeA,EAAY,CAC7B,EAGE,OAAAmB,EAAA,kBAAA,IAACoB,EAAA,CACC,SAAU,EAGR,MAAAf,EACA,KAAAC,EACA,IAAAC,EACA,YAAAC,EACA,MAAApC,EACA,SAAAwC,EACA,SAAAC,EACA,aAAAC,EACA,OAAAC,EAEF,OAAQL,EACR,QAAU,GACRQ,EACIC,EAAwB,CAAC,EACzB/C,EAAM,OACNoB,EAAc,EAAGf,EAAIL,CAAK,EAC1BC,EAAY,EAAGoC,EAASC,EAAMC,CAAY,EAEhD,UAAY,GAAM,CACZ,EAAE,MAAQ,UACRO,EACFC,EAAwB,CAAC,EAChB/C,EAAM,OACDoB,EAAA,EAAGf,EAAIL,CAAK,EAEdC,EAAA,EAAGoC,EAASC,CAAI,GAG1B,MAAAW,EAAc,CAAC,EAAE,OAAO,YAC9B,GAAI,EAAE,MAAQ,OAASA,GAAe,CAAC,EAAE,SAAU,CACjD,EAAE,eAAe,EACjB,EAAE,gBAAgB,EAElB,MAAMzB,EAAQR,EAAQ,QAAQ,iBAAiB,YAAY,EAAE,CAAC,EAC9DQ,GAASA,EAAM,MAAM,CAAA,CAGnB,EAAE,MAAQ,UAAYrB,GAAWG,IACnC,EAAE,eAAe,EACjB,EAAE,gBAAgB,EAClBA,EAAU,MAAM,EAChBE,EAAQH,CAAE,EAEd,EACA,MAAO,CAAE,aAAcL,EAAM,OAAS,IAAM,OAAQ,GAAGW,CAAU,EACjE,IAAM,GAAOG,EAAS,QAAQT,CAAE,EAAI,EACpC,aAAe,GAAMe,EAAc,EAAGf,EAAIL,CAAK,EAC/C,aAAe,GAAMoB,EAAc,EAAGf,EAAI,CAAA,CAAE,EAC5C,UAAW,GAAGK,CAAa,IAAIG,EAAM,WAAa,EAAE,GACnD,GAAGA,EAEH,SAAC,CAAA,CAACb,EAAM,QAAW4B,EAAA,kBAAA,IAAAsB,EAAA,KAAA,CAAK,KAAK,cAAc,MAAO,CAAE,WAAY,MAAA,CAAU,CAAA,CAAA,EArDtE,GAAG7C,CAAE,IAAI2B,CAAC,EAsDjB,CAAA,CAEH,CACL,CAAA,CAAA,CACF,CAEJ"}

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

@@ -15,7 +15,8 @@ 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 = ({
+import "../../../../shared/src/context/WebsocketContext.es.js";
+const gt = ({
   items: E,
   handleClick: h,
   onSubMenu: f,
@@ -31,11 +32,11 @@ const dt = ({
   setPowerpackDialog: N,
   ...b
 }) => {
-  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, {
+  const m = P([]), i = P(null), [q, A] = M((e == null ? void 0 : e.top) || 0), u = (r, o, p) => {
+    !m.current[o] || !i.current || f && f(r, {
       id: o,
       style: {
-        top: l.current[o].offsetTop + ((e == null ? void 0 : e.top) || 0) - 4,
+        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,
@@ -53,8 +54,8 @@ const dt = ({
     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);
+      const l = p - o - 60;
+      A(l);
     }
   }, [i.current]), /* @__PURE__ */ a.jsx(
     U,
@@ -71,7 +72,7 @@ const dt = ({
         if ((r == null ? void 0 : r.id) === "divider") return /* @__PURE__ */ a.jsx("hr", {}, o);
         const {
           label: p,
-          icon: m,
+          icon: l,
           img: H,
           highlighted: K,
           onClick: k,
@@ -92,7 +93,7 @@ const dt = ({
           {
             tabIndex: 0,
             label: p,
-            icon: m,
+            icon: l,
             img: H,
             highlighted: K,
             items: n,
@@ -113,7 +114,7 @@ const dt = ({
               t.key === "Escape" && c && w && (t.preventDefault(), t.stopPropagation(), w.focus(), $(s));
             },
             style: { paddingRight: n.length ? "0" : "16px", ...I },
-            ref: (t) => l.current[s] = t,
+            ref: (t) => m.current[s] = t,
             onMouseEnter: (t) => u(t, s, n),
             onMouseLeave: (t) => u(t, s, []),
             className: `${F} ${v.className || ""}`,
@@ -127,6 +128,6 @@ const dt = ({
   );
 };
 export {
-  dt as default
+  gt 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'\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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"}
+{"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/entityLists.d.ts

@@ -114,6 +114,8 @@ export type GetEntityListApiResponse = EntityListModel;
 export type GetEntityListApiArg = {
     listId: string;
     projectName: string;
+    /** When true, only return metadata */
+    metadataOnly?: boolean;
 };
 export type DeleteEntityListApiResponse = any;
 export type DeleteEntityListApiArg = {

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

@@ -2054,6 +2054,8 @@ export type GetListsQuery = {
                     updatedBy?: string | null;
                     projectName: string;
                     owner?: string | null;
+                    accessLevel: number;
+                    access: string;
                     count: number;
                 };
             }>;
@@ -2087,6 +2089,7 @@ export type GetListsItemsForReviewSessionQuery = {
                     entityType: string;
                     updatedAt: any;
                     count: number;
+                    accessLevel: number;
                 };
             }>;
         };
@@ -2848,8 +2851,8 @@ export declare const GetDetailsPanelTaskDocument = "\n    query GetDetailsPanelT
 export declare const GetDetailsPanelVersionDocument = "\n    query GetDetailsPanelVersion($projectName: String!, $entityId: String!) {\n  project(name: $projectName) {\n    projectName\n    code\n    version(id: $entityId) {\n      id\n      version\n      name\n      author\n      status\n      tags\n      updatedAt\n      createdAt\n      thumbnailId\n      hasReviewables\n      product {\n        ...DetailsPanelProductFragment\n        folder {\n          ...DetailsPanelFolderFragment\n        }\n      }\n      task {\n        ...DetailsPanelTaskFragment\n      }\n      allAttrib\n      representations {\n        edges {\n          node {\n            ...DetailsPanelRepresentationFragment\n          }\n        }\n      }\n    }\n  }\n}\n    \n    fragment DetailsPanelProductFragment on ProductNode {\n  id\n  name\n  productType\n  latestVersion {\n    version\n  }\n}\n    \n\n    fragment DetailsPanelFolderFragment on FolderNode {\n  id\n  name\n  label\n  path\n  folderType\n}\n    \n\n    fragment DetailsPanelTaskFragment on TaskNode {\n  id\n  name\n  label\n  assignees\n  taskType\n}\n    \n\n    fragment DetailsPanelRepresentationFragment on RepresentationNode {\n  id\n  name\n  fileCount\n}\n    ";
 export declare const GetProductVersionsDocument = "\n    query GetProductVersions($projectName: String!, $productId: String!) {\n  project(name: $projectName) {\n    product(id: $productId) {\n      versionList {\n        id\n        name\n        version\n      }\n    }\n  }\n}\n    ";
 export declare const GetListItemsDocument = "\n    query GetListItems($projectName: String!, $listId: String!, $first: Int, $after: String, $before: String, $last: Int, $sortBy: String, $filter: String) {\n  project(name: $projectName) {\n    entityLists(ids: [$listId]) {\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      edges {\n        node {\n          id\n          active\n          items(\n            first: $first\n            after: $after\n            before: $before\n            last: $last\n            sortBy: $sortBy\n            filter: $filter\n          ) {\n            pageInfo {\n              hasNextPage\n              endCursor\n            }\n            edges {\n              id\n              entityId\n              entityType\n              allAttrib\n              ownItemAttrib: ownAttrib\n              position\n              node {\n                ...ListItemFragment\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n    \n    fragment ListItemFragment on BaseNode {\n  active\n  name\n  updatedAt\n  createdAt\n  parents\n  ... on TaskNode {\n    label\n    status\n    tags\n    taskType\n    assignees\n    ownAttrib\n    hasReviewables\n    folderId\n    folder {\n      path\n      folderType\n    }\n  }\n  ... on FolderNode {\n    label\n    status\n    tags\n    folderType\n    path\n    ownAttrib\n    hasReviewables\n    folderId: id\n  }\n  ... on ProductNode {\n    status\n    tags\n    productType\n    folderId\n    folder {\n      path\n      folderType\n    }\n  }\n  ... on VersionNode {\n    status\n    tags\n    hasReviewables\n    product {\n      id\n      name\n      productType\n      folderId\n      folder {\n        id\n        path\n        folderType\n      }\n    }\n    task {\n      name\n      taskType\n    }\n  }\n}\n    ";
-export declare const GetListsDocument = "\n    query GetLists($projectName: String!, $first: Int!, $after: String, $filter: String) {\n  project(name: $projectName) {\n    entityLists(first: $first, after: $after, filter: $filter) {\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      edges {\n        node {\n          id\n          label\n          entityListType\n          entityListFolderId\n          tags\n          data\n          allAttrib\n          entityType\n          active\n          createdAt\n          updatedAt\n          updatedBy\n          active\n          projectName\n          owner\n          count\n        }\n      }\n    }\n  }\n}\n    ";
-export declare const GetListsItemsForReviewSessionDocument = "\n    query GetListsItemsForReviewSession($projectName: String!, $first: Int, $after: String, $ids: [String!]) {\n  project(name: $projectName) {\n    entityLists(\n      first: $first\n      after: $after\n      sortBy: \"updatedAt\"\n      filter: \"{\\\"conditions\\\":[{\\\"key\\\":\\\"entityListType\\\",\\\"value\\\":[\\\"generic\\\"],\\\"operator\\\":\\\"in\\\"}],\\\"operator\\\":\\\"and\\\"}\"\n      ids: $ids\n    ) {\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      edges {\n        node {\n          id\n          label\n          active\n          entityType\n          updatedAt\n          count\n        }\n      }\n    }\n  }\n}\n    ";
+export declare const GetListsDocument = "\n    query GetLists($projectName: String!, $first: Int!, $after: String, $filter: String) {\n  project(name: $projectName) {\n    entityLists(first: $first, after: $after, filter: $filter) {\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      edges {\n        node {\n          id\n          label\n          entityListType\n          entityListFolderId\n          tags\n          data\n          allAttrib\n          entityType\n          active\n          createdAt\n          updatedAt\n          updatedBy\n          active\n          projectName\n          owner\n          accessLevel\n          access\n          count\n        }\n      }\n    }\n  }\n}\n    ";
+export declare const GetListsItemsForReviewSessionDocument = "\n    query GetListsItemsForReviewSession($projectName: String!, $first: Int, $after: String, $ids: [String!]) {\n  project(name: $projectName) {\n    entityLists(\n      first: $first\n      after: $after\n      sortBy: \"updatedAt\"\n      filter: \"{\\\"conditions\\\":[{\\\"key\\\":\\\"entityListType\\\",\\\"value\\\":[\\\"generic\\\"],\\\"operator\\\":\\\"in\\\"}],\\\"operator\\\":\\\"and\\\"}\"\n      ids: $ids\n    ) {\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      edges {\n        node {\n          id\n          label\n          active\n          entityType\n          updatedAt\n          count\n          accessLevel\n        }\n      }\n    }\n  }\n}\n    ";
 export declare const GetTasksByParentDocument = "\n    query GetTasksByParent($projectName: String!, $parentIds: [String!]!, $filter: String, $search: String) {\n  project(name: $projectName) {\n    name\n    tasks(folderIds: $parentIds, filter: $filter, search: $search) {\n      edges {\n        node {\n          ...TaskPropsFragment\n        }\n      }\n    }\n  }\n}\n    \n    fragment TaskPropsFragment on TaskNode {\n  id\n  folderId\n  label\n  name\n  ownAttrib\n  status\n  tags\n  taskType\n  updatedAt\n  createdAt\n  active\n  assignees\n  allAttrib\n  hasReviewables\n  parents\n}\n    ";
 export declare const GetTasksListDocument = "\n    query GetTasksList($projectName: String!, $folderIds: [String!], $taskIds: [String!], $filter: String, $search: String, $after: String, $first: Int, $before: String, $last: Int, $sortBy: String) {\n  project(name: $projectName) {\n    name\n    tasks(\n      filter: $filter\n      search: $search\n      folderIds: $folderIds\n      after: $after\n      first: $first\n      before: $before\n      last: $last\n      sortBy: $sortBy\n      ids: $taskIds\n    ) {\n      pageInfo {\n        startCursor\n        endCursor\n        hasNextPage\n        hasPreviousPage\n      }\n      edges {\n        cursor\n        node {\n          ...TaskPropsFragment\n        }\n      }\n    }\n  }\n}\n    \n    fragment TaskPropsFragment on TaskNode {\n  id\n  folderId\n  label\n  name\n  ownAttrib\n  status\n  tags\n  taskType\n  updatedAt\n  createdAt\n  active\n  assignees\n  allAttrib\n  hasReviewables\n  parents\n}\n    ";
 export declare const GetProjectLatestDocument = "\n    query GetProjectLatest($projectName: String!) {\n  project(name: $projectName) {\n    name\n  }\n}\n    ";

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

@@ -518,7 +518,7 @@ export type LinkTypeModel = {
     /** Output entity type */
     outputType: string;
     /** Additional link type data */
-    data?: Record<string, any>;
+    data?: object;
 };
 export type ProjectAttribModel2 = {
     priority?: 'urgent' | 'high' | 'normal' | 'low';
@@ -554,7 +554,7 @@ export type ProjectModel = {
     tags?: Tag[];
     config?: object;
     attrib?: ProjectAttribModel2;
-    data?: Record<string, any>;
+    data?: object;
     /** Whether the project is active */
     active?: boolean;
     ownAttrib?: string[];
@@ -573,7 +573,7 @@ export type ProjectPostModel = {
     tags?: Tag[];
     config?: object;
     attrib?: ProjectAttribModel2;
-    data?: Record<string, any>;
+    data?: object;
     /** Whether the project is active */
     active?: boolean;
 };
@@ -587,7 +587,7 @@ export type ProjectPatchModel = {
     tags?: Tag[];
     config?: object;
     attrib?: ProjectAttribModel2;
-    data?: Record<string, any>;
+    data?: object;
     /** Whether the project is active */
     active?: boolean;
 };

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

@@ -20,12 +20,16 @@ export type CreateViewApiArg = {
     projectName?: string;
     payload: OverviewViewPostModel | TaskProgressViewPostModel | ListsViewPostModel | ReviewsViewPostModel;
 };
-export type GetWorkingViewApiResponse = OverviewViewModel | TaskProgressViewModel | ListsViewModel | ReviewsViewModel;
+export type GetWorkingViewApiResponse = 
+/** status 200 Successful Response */
+OverviewViewModel | TaskProgressViewModel | ListsViewModel | ReviewsViewModel;
 export type GetWorkingViewApiArg = {
     viewType: string;
     projectName?: string;
 };
-export type GetDefaultViewApiResponse = OverviewViewModel | TaskProgressViewModel | ListsViewModel | ReviewsViewModel;
+export type GetDefaultViewApiResponse = 
+/** status 200 Successful Response */
+OverviewViewModel | TaskProgressViewModel | ListsViewModel | ReviewsViewModel;
 export type GetDefaultViewApiArg = {
     viewType: string;
     projectName?: string;
@@ -36,7 +40,9 @@ export type SetDefaultViewApiArg = {
     projectName?: string;
     setDefaultViewRequestModel: SetDefaultViewRequestModel;
 };
-export type GetViewApiResponse = OverviewViewModel | TaskProgressViewModel | ListsViewModel | ReviewsViewModel;
+export type GetViewApiResponse = 
+/** status 200 Successful Response */
+OverviewViewModel | TaskProgressViewModel | ListsViewModel | ReviewsViewModel;
 export type GetViewApiArg = {
     viewType: string;
     viewId: string;

package/dist/types/api/queries/activities/getActivities.d.ts

@@ -2689,4 +2689,4 @@ export declare const useGetEntityTooltipQuery: <R extends Record<string, any> =
         };
     }[], "restApi", unknown>>;
 };
-export default getActivitiesGQLApi;
+export { getActivitiesGQLApi };

package/dist/types/api/queries/activities/index.d.ts

@@ -1,6 +1,5 @@
 export * from './getActivities';
 export * from './updateActivities';
-export * from './updateActivities';
 export * from './updateReaction';
 export * from './getMentions';
 export * from './getCategories';

package/dist/types/api/queries/activities/util/activityRealtimeHandler.d.ts

@@ -0,0 +1,40 @@
+import { ActivitiesResult } from './activitiesHelpers';
+import { GetActivitiesQueryVariables } from '../../..';
+import { ThunkDispatch, UnknownAction } from '@reduxjs/toolkit';
+export type ActivityMessage = {
+    topic: string;
+    project: string;
+    user: string;
+    createdAt: string;
+    updatedAt: string;
+    id: string;
+    status: string;
+    summary?: {
+        activity_id: string;
+        activity_type: string;
+        references: {
+            entity_id: string;
+            entity_type: string;
+            reference_type: string;
+        }[];
+    };
+};
+type InfiniteDataDraft = {
+    pages: ActivitiesResult[];
+};
+type CacheLifecycleApi = {
+    updateCachedData: (updateRecipe: (draft: InfiniteDataDraft) => void) => void;
+    cacheDataLoaded: Promise<unknown>;
+    cacheEntryRemoved: Promise<void>;
+    dispatch: ThunkDispatch<unknown, unknown, UnknownAction>;
+    getCacheEntry: () => {
+        data?: InfiniteDataDraft;
+    };
+};
+/**
+ * Handles real-time activity updates for the infinite query cache
+ */
+export declare const handleActivityRealtimeUpdates: (queryArg: Omit<GetActivitiesQueryVariables, "last" | "first" | "cursor"> & {
+    filter?: string;
+}, { updateCachedData, cacheDataLoaded, cacheEntryRemoved, dispatch, getCacheEntry, }: CacheLifecycleApi) => Promise<void>;
+export {};

package/dist/types/api/queries/index.d.ts

@@ -21,3 +21,4 @@ export * from './users';
 export * from './versions';
 export * from './views';
 export * from './watchers';
+export { confirmDialog } from 'primereact/confirmdialog';

package/dist/types/api/queries/users/getUsers.d.ts

@@ -1424,5 +1424,137 @@ export declare const useGetUserSessionsQuery: <R extends Record<string, any> = i
     }) => R) | undefined;
 }) | undefined) => [R][R extends any ? 0 : never] & {
     refetch: () => import('@reduxjs/toolkit/query').QueryActionCreatorResult<import('@reduxjs/toolkit/query').QueryDefinition<void, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, import('../../generated/users').UserModel, "restApi", unknown>>;
+}, useGetUserQuery: <R extends Record<string, any> = import('@reduxjs/toolkit/query').TSHelpersId<(Omit<{
+    status: import("@reduxjs/toolkit/query").QueryStatus.uninitialized;
+    originalArgs?: undefined | undefined;
+    data?: undefined | undefined;
+    error?: undefined | undefined;
+    requestId?: undefined | undefined;
+    endpointName?: string | undefined;
+    startedTimeStamp?: undefined | undefined;
+    fulfilledTimeStamp?: undefined | undefined;
+} & {
+    currentData?: import('../..').GetUserApiResponse | undefined;
+    isUninitialized: false;
+    isLoading: false;
+    isFetching: false;
+    isSuccess: false;
+    isError: false;
+}, "isUninitialized"> & {
+    isUninitialized: true;
+}) | import('@reduxjs/toolkit/query').TSHelpersOverride<import('@reduxjs/toolkit/query').QuerySubState<import('@reduxjs/toolkit/query').QueryDefinition<import('../..').GetUserApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, import('../..').GetUserApiResponse, "restApi", unknown>> & {
+    currentData?: import('../..').GetUserApiResponse | undefined;
+    isUninitialized: false;
+    isLoading: false;
+    isFetching: false;
+    isSuccess: false;
+    isError: false;
+}, {
+    isLoading: true;
+    isFetching: boolean;
+    data: undefined;
+} | ({
+    isSuccess: true;
+    isFetching: true;
+    error: undefined;
+} & Required<Pick<import('@reduxjs/toolkit/query').QuerySubState<import('@reduxjs/toolkit/query').QueryDefinition<import('../..').GetUserApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, import('../..').GetUserApiResponse, "restApi", unknown>> & {
+    currentData?: import('../..').GetUserApiResponse | undefined;
+    isUninitialized: false;
+    isLoading: false;
+    isFetching: false;
+    isSuccess: false;
+    isError: false;
+}, "data" | "fulfilledTimeStamp">>) | ({
+    isSuccess: true;
+    isFetching: false;
+    error: undefined;
+} & Required<Pick<import('@reduxjs/toolkit/query').QuerySubState<import('@reduxjs/toolkit/query').QueryDefinition<import('../..').GetUserApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, import('../..').GetUserApiResponse, "restApi", unknown>> & {
+    currentData?: import('../..').GetUserApiResponse | undefined;
+    isUninitialized: false;
+    isLoading: false;
+    isFetching: false;
+    isSuccess: false;
+    isError: false;
+}, "data" | "fulfilledTimeStamp" | "currentData">>) | ({
+    isError: true;
+} & Required<Pick<import('@reduxjs/toolkit/query').QuerySubState<import('@reduxjs/toolkit/query').QueryDefinition<import('../..').GetUserApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, import('../..').GetUserApiResponse, "restApi", unknown>> & {
+    currentData?: import('../..').GetUserApiResponse | undefined;
+    isUninitialized: false;
+    isLoading: false;
+    isFetching: false;
+    isSuccess: false;
+    isError: false;
+}, "error">>)>> & {
+    status: import('@reduxjs/toolkit/query').QueryStatus;
+}>(arg: import('../..').GetUserApiArg | typeof import('@reduxjs/toolkit/query').skipToken, options?: (import('@reduxjs/toolkit/query').SubscriptionOptions & {
+    skip?: boolean;
+    refetchOnMountOrArgChange?: boolean | number;
+} & {
+    skip?: boolean;
+    selectFromResult?: ((state: import('@reduxjs/toolkit/query').TSHelpersId<(Omit<{
+        status: import("@reduxjs/toolkit/query").QueryStatus.uninitialized;
+        originalArgs?: undefined | undefined;
+        data?: undefined | undefined;
+        error?: undefined | undefined;
+        requestId?: undefined | undefined;
+        endpointName?: string | undefined;
+        startedTimeStamp?: undefined | undefined;
+        fulfilledTimeStamp?: undefined | undefined;
+    } & {
+        currentData?: import('../..').GetUserApiResponse | undefined;
+        isUninitialized: false;
+        isLoading: false;
+        isFetching: false;
+        isSuccess: false;
+        isError: false;
+    }, "isUninitialized"> & {
+        isUninitialized: true;
+    }) | import('@reduxjs/toolkit/query').TSHelpersOverride<import('@reduxjs/toolkit/query').QuerySubState<import('@reduxjs/toolkit/query').QueryDefinition<import('../..').GetUserApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, import('../..').GetUserApiResponse, "restApi", unknown>> & {
+        currentData?: import('../..').GetUserApiResponse | undefined;
+        isUninitialized: false;
+        isLoading: false;
+        isFetching: false;
+        isSuccess: false;
+        isError: false;
+    }, {
+        isLoading: true;
+        isFetching: boolean;
+        data: undefined;
+    } | ({
+        isSuccess: true;
+        isFetching: true;
+        error: undefined;
+    } & Required<Pick<import('@reduxjs/toolkit/query').QuerySubState<import('@reduxjs/toolkit/query').QueryDefinition<import('../..').GetUserApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, import('../..').GetUserApiResponse, "restApi", unknown>> & {
+        currentData?: import('../..').GetUserApiResponse | undefined;
+        isUninitialized: false;
+        isLoading: false;
+        isFetching: false;
+        isSuccess: false;
+        isError: false;
+    }, "data" | "fulfilledTimeStamp">>) | ({
+        isSuccess: true;
+        isFetching: false;
+        error: undefined;
+    } & Required<Pick<import('@reduxjs/toolkit/query').QuerySubState<import('@reduxjs/toolkit/query').QueryDefinition<import('../..').GetUserApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, import('../..').GetUserApiResponse, "restApi", unknown>> & {
+        currentData?: import('../..').GetUserApiResponse | undefined;
+        isUninitialized: false;
+        isLoading: false;
+        isFetching: false;
+        isSuccess: false;
+        isError: false;
+    }, "data" | "fulfilledTimeStamp" | "currentData">>) | ({
+        isError: true;
+    } & Required<Pick<import('@reduxjs/toolkit/query').QuerySubState<import('@reduxjs/toolkit/query').QueryDefinition<import('../..').GetUserApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, import('../..').GetUserApiResponse, "restApi", unknown>> & {
+        currentData?: import('../..').GetUserApiResponse | undefined;
+        isUninitialized: false;
+        isLoading: false;
+        isFetching: false;
+        isSuccess: false;
+        isError: false;
+    }, "error">>)>> & {
+        status: import('@reduxjs/toolkit/query').QueryStatus;
+    }) => R) | undefined;
+}) | undefined) => [R][R extends any ? 0 : never] & {
+    refetch: () => import('@reduxjs/toolkit/query').QueryActionCreatorResult<import('@reduxjs/toolkit/query').QueryDefinition<import('../..').GetUserApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, import('../..').GetUserApiResponse, "restApi", unknown>>;
 };
 export default injectedApi;