@ynput/ayon-frontend-shared 0.2.34 → 0.2.35

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/MenuItem.jsx"],"sourcesContent":["import { Icon, ShortcutTag } from '@ynput/ayon-react-components'\nimport React, { forwardRef } from 'react'\nimport * as Styled from './Menu.styled'\nimport { isArray } from 'lodash'\nimport { Link } from 'react-router-dom'\nimport clsx from 'clsx'\nimport { usePowerpack } from '@shared/context'\n\nconst MenuItem = forwardRef(\n  (\n    {\n      label,\n      icon,\n      img,\n      highlighted,\n      notification,\n      selected,\n      danger,\n      items = [],\n      className,\n      isLink,\n      isDev,\n      shortcut,\n      disabled,\n      powerFeature,\n      active,\n      ...props\n    },\n    ref,\n  ) => {\n    const labelsArray = isArray(label) ? label : [label]\n    const { powerLicense, isLoading } = usePowerpack()\n    const isPowerFeature = !powerLicense && powerFeature\n\n    const Item = (\n      <Styled.Item\n        ref={ref}\n        className={clsx(\n          'menu-item',\n          {\n            highlighted: highlighted,\n            selected: selected,\n            notification: notification,\n            danger: danger,\n            dev: isDev,\n            disabled: disabled || isLoading,\n            power: isPowerFeature,\n          },\n          className,\n        )}\n        {...props}\n        label={labelsArray.join(', ')}\n      >\n        {(icon || isPowerFeature) && <Icon icon={isPowerFeature ? 'bolt' : icon} />}\n        {img && <Styled.Img src={img} alt={`${label} icon`} />}\n        {labelsArray.map((label, index) => (\n          <span key={index}>{label}</span>\n        ))}\n        {shortcut && (\n          <ShortcutTag style={{ minWidth: 22, textAlign: 'center' }} align={'right'}>\n            {shortcut}\n          </ShortcutTag>\n        )}\n        {active && <Icon icon=\"check\" style={{ marginLeft: 'auto' }} />}\n\n        {!!items.length && <Icon icon=\"arrow_right\" className=\"more\" />}\n      </Styled.Item>\n    )\n\n    if (isLink) {\n      return (\n        <Link to={isLink} target={props.target}>\n          {Item}\n        </Link>\n      )\n    } else {\n      return Item\n    }\n  },\n)\n\nMenuItem.displayName = 'MenuItem'\n\nexport default MenuItem\n"],"names":["MenuItem","forwardRef","label","icon","img","highlighted","notification","selected","danger","items","className","isLink","isDev","shortcut","disabled","powerFeature","active","props","ref","labelsArray","isArray","powerLicense","isLoading","usePowerpack","isPowerFeature","Item","jsxs","Styled.Item","clsx","jsx","Icon","Styled.Img","index","ShortcutTag","Link"],"mappings":"y+BAQA,MAAMA,EAAWC,EAAA,WACf,CACE,CACE,MAAAC,EACA,KAAAC,EACA,IAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,OAAAC,EACA,GAAGC,GAELC,IACG,CACH,MAAMC,EAAcC,EAAAA,QAAQlB,CAAK,EAAIA,EAAQ,CAACA,CAAK,EAC7C,CAAE,aAAAmB,EAAc,UAAAC,CAAU,EAAIC,eAAa,EAC3CC,EAAiB,CAACH,GAAgBN,EAElCU,EACJC,EAAA,kBAAA,KAACC,EAAO,KAAP,CACC,IAAAT,EACA,UAAWU,EACT,YACA,CACE,YAAAvB,EACA,SAAAE,EACA,aAAAD,EACA,OAAAE,EACA,IAAKI,EACL,SAAUE,GAAYQ,EACtB,MAAOE,CACT,EACAd,CACF,EACC,GAAGO,EACJ,MAAOE,EAAY,KAAK,IAAI,EAE1B,SAAA,EAAAhB,GAAQqB,IAAoBK,EAAAA,kBAAAA,IAAAC,EAAA,KAAA,CAAK,KAAMN,EAAiB,OAASrB,EAAM,EACxEC,GAAQyB,EAAA,kBAAA,IAAAE,MAAA,CAAW,IAAK3B,EAAK,IAAK,GAAGF,CAAK,QAAS,EACnDiB,EAAY,IAAI,CAACjB,EAAO8B,4BACtB,OAAkB,CAAA,SAAA9B,CAAR,EAAA8B,CAAc,CAC1B,EACAnB,GACCgB,EAAAA,kBAAAA,IAACI,EAAAA,YAAY,CAAA,MAAO,CAAE,SAAU,GAAI,UAAW,QAAS,EAAG,MAAO,QAC/D,SACHpB,CAAA,CAAA,EAEDG,2BAAWc,EAAK,KAAA,CAAA,KAAK,QAAQ,MAAO,CAAE,WAAY,MAAA,EAAU,EAE5D,CAAC,CAACrB,EAAM,gCAAWqB,EAAAA,KAAK,CAAA,KAAK,cAAc,UAAU,MAAO,CAAA,CAAA,CAAA,CAC/D,EAGF,OAAInB,0BAECuB,EAAAA,KAAK,CAAA,GAAIvB,EAAQ,OAAQM,EAAM,OAC7B,SACHQ,EAAA,EAGKA,CACT,CAEJ,EAEAzB,EAAS,YAAc"}
+{"version":3,"file":"MenuItem.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/MenuItem.jsx"],"sourcesContent":["import { Icon, ShortcutTag } from '@ynput/ayon-react-components'\nimport React, { forwardRef } from 'react'\nimport * as Styled from './Menu.styled'\nimport { isArray } from 'lodash'\nimport { Link } from 'react-router-dom'\nimport clsx from 'clsx'\nimport { usePowerpack } from '@shared/context'\n\nconst MenuItem = forwardRef(\n  (\n    {\n      label,\n      icon,\n      img,\n      highlighted,\n      notification,\n      selected,\n      danger,\n      items = [],\n      className,\n      isLink,\n      isDev,\n      shortcut,\n      disabled,\n      powerFeature,\n      active,\n      ...props\n    },\n    ref,\n  ) => {\n    const labelsArray = isArray(label) ? label : [label]\n    const { powerLicense, isLoading } = usePowerpack()\n    const isPowerFeature = !powerLicense && powerFeature\n\n    const Item = (\n      <Styled.Item\n        ref={ref}\n        className={clsx(\n          'menu-item',\n          {\n            highlighted: highlighted,\n            selected: selected,\n            notification: notification,\n            danger: danger,\n            dev: isDev,\n            disabled: disabled || isLoading,\n            power: isPowerFeature,\n          },\n          className,\n        )}\n        {...props}\n        label={labelsArray.join(', ')}\n      >\n        {(icon || isPowerFeature) && <Icon icon={isPowerFeature ? 'bolt' : icon} />}\n        {img && <Styled.Img src={img} alt={`${label} icon`} />}\n        {labelsArray.map((label, index) => (\n          <span key={index}>{label}</span>\n        ))}\n        {shortcut && (\n          <ShortcutTag style={{ minWidth: 22, textAlign: 'center' }} align={'right'}>\n            {shortcut}\n          </ShortcutTag>\n        )}\n        {active && <Icon icon=\"check\" style={{ marginLeft: 'auto' }} />}\n\n        {!!items.length && <Icon icon=\"arrow_right\" className=\"more\" />}\n      </Styled.Item>\n    )\n\n    if (isLink) {\n      return (\n        <Link to={isLink} target={props.target}>\n          {Item}\n        </Link>\n      )\n    } else {\n      return Item\n    }\n  },\n)\n\nMenuItem.displayName = 'MenuItem'\n\nexport default MenuItem\n"],"names":["MenuItem","forwardRef","label","icon","img","highlighted","notification","selected","danger","items","className","isLink","isDev","shortcut","disabled","powerFeature","active","props","ref","labelsArray","isArray","powerLicense","isLoading","usePowerpack","isPowerFeature","Item","jsxs","Styled.Item","clsx","jsx","Icon","Styled.Img","index","ShortcutTag","Link"],"mappings":"2iCAQA,MAAMA,EAAWC,EAAA,WACf,CACE,CACE,MAAAC,EACA,KAAAC,EACA,IAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,OAAAC,EACA,GAAGC,GAELC,IACG,CACH,MAAMC,EAAcC,EAAAA,QAAQlB,CAAK,EAAIA,EAAQ,CAACA,CAAK,EAC7C,CAAE,aAAAmB,EAAc,UAAAC,CAAU,EAAIC,eAAa,EAC3CC,EAAiB,CAACH,GAAgBN,EAElCU,EACJC,EAAA,kBAAA,KAACC,EAAO,KAAP,CACC,IAAAT,EACA,UAAWU,EACT,YACA,CACE,YAAAvB,EACA,SAAAE,EACA,aAAAD,EACA,OAAAE,EACA,IAAKI,EACL,SAAUE,GAAYQ,EACtB,MAAOE,CACT,EACAd,CACF,EACC,GAAGO,EACJ,MAAOE,EAAY,KAAK,IAAI,EAE1B,SAAA,EAAAhB,GAAQqB,IAAoBK,EAAAA,kBAAAA,IAAAC,EAAA,KAAA,CAAK,KAAMN,EAAiB,OAASrB,EAAM,EACxEC,GAAQyB,EAAA,kBAAA,IAAAE,MAAA,CAAW,IAAK3B,EAAK,IAAK,GAAGF,CAAK,QAAS,EACnDiB,EAAY,IAAI,CAACjB,EAAO8B,4BACtB,OAAkB,CAAA,SAAA9B,CAAR,EAAA8B,CAAc,CAC1B,EACAnB,GACCgB,EAAAA,kBAAAA,IAACI,EAAAA,YAAY,CAAA,MAAO,CAAE,SAAU,GAAI,UAAW,QAAS,EAAG,MAAO,QAC/D,SACHpB,CAAA,CAAA,EAEDG,2BAAWc,EAAK,KAAA,CAAA,KAAK,QAAQ,MAAO,CAAE,WAAY,MAAA,EAAU,EAE5D,CAAC,CAACrB,EAAM,gCAAWqB,EAAAA,KAAK,CAAA,KAAK,cAAc,UAAU,MAAO,CAAA,CAAA,CAAA,CAC/D,EAGF,OAAInB,0BAECuB,EAAAA,KAAK,CAAA,GAAIvB,EAAQ,OAAQM,EAAM,OAC7B,SACHQ,EAAA,EAGKA,CACT,CAEJ,EAEAzB,EAAS,YAAc"}

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":"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"}

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/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/components/Powerpack/RequiredAddonVersion.d.ts

@@ -0,0 +1,12 @@
+type BaseProps = React.HTMLAttributes<HTMLDivElement> & {
+    requiredVersion: string | undefined | null;
+};
+type RequiredAddonVersionProps = BaseProps & ({
+    addonName: string;
+    addonLabel: string;
+} | {
+    addonName?: never;
+    addonLabel?: never;
+});
+export declare const RequiredAddonVersion: import('react').ForwardRefExoticComponent<RequiredAddonVersionProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/Powerpack/index.d.ts

@@ -1,4 +1,4 @@
 export * from './PowerpackButton';
 export * from './PricingLink';
 export * from './PowerpackDialog';
-export * from './RequiredPowerpackVersion';
+export * from './RequiredAddonVersion';

package/dist/types/components/RefreshToast/RefreshToast.d.ts

@@ -0,0 +1 @@
+export declare const RefreshToast: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/RefreshToast/index.d.ts

@@ -0,0 +1 @@
+export * from './RefreshToast';

package/dist/types/components/index.d.ts

@@ -31,3 +31,4 @@ export * from './ShareOptionIcon';
 export * from './AccessUser';
 export * from './AccessSearchInput';
 export * from './AccessUser';
+export * from './RefreshToast';

package/dist/types/containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.d.ts

@@ -2,10 +2,15 @@ import { ActivityCategory } from '../../../../api';
 import { DropdownProps } from '@ynput/ayon-react-components';
 import { FC } from 'react';
 import { PowerpackFeature } from '../../../../context';
+export declare const isCategoryHidden: (categories: ActivityCategory[], { isGuest, isUser }: {
+    isGuest?: boolean;
+    isUser: boolean;
+}) => boolean;
 export interface ActivityCategorySelectProps extends Omit<DropdownProps, 'options' | 'value' | 'onChange' | 'valueTemplate'> {
     value?: string | null;
     categories: ActivityCategory[];
     readonly?: boolean;
+    isHidden?: boolean;
     isCompact?: boolean;
     hasPowerpack?: boolean;
     onPowerFeature?: (feature: PowerpackFeature) => void;

package/dist/types/containers/Feed/components/FileUploadCard/FileUploadCard.d.ts

@@ -12,7 +12,8 @@ export interface FileUploadCardProps extends React.HTMLAttributes<HTMLDivElement
     isCompact?: boolean;
     isDownloadable?: boolean;
     onExpand?: () => void;
+    disableExpand?: boolean;
     onJumpTo?: () => void;
 }
-declare const FileUploadCard: ({ name, mime, src, unsavedAnnotation, savedAnnotation, size, progress, onRemove, isCompact, isDownloadable, onExpand, onJumpTo, className, ...props }: FileUploadCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const FileUploadCard: ({ name, mime, src, unsavedAnnotation, savedAnnotation, size, progress, onRemove, isCompact, isDownloadable, onExpand, disableExpand, onJumpTo, className, ...props }: FileUploadCardProps) => import("react/jsx-runtime").JSX.Element;
 export default FileUploadCard;

package/dist/types/containers/Feed/components/FilesGrid/FilesGrid.d.ts

@@ -1,7 +1,9 @@
-export interface FilesGridProps {
+import { FileUploadCardProps } from '../FileUploadCard';
+export interface FilesGridProps extends React.HTMLAttributes<HTMLDivElement> {
     files?: any[];
     activityId?: string;
     isCompact?: boolean;
+    isEditing?: boolean;
     onRemove?: (id: string, name: string, isUnsavedAnnotation: boolean) => void;
     projectName: string;
     isDownloadable?: boolean;
@@ -11,7 +13,9 @@ export interface FilesGridProps {
         activityId: string;
     }) => void;
     onAnnotationClick?: (file: any) => void;
-    [key: string]: any;
+    pt?: {
+        file?: Partial<FileUploadCardProps>;
+    };
 }
 declare const FilesGrid: React.FC<FilesGridProps>;
 export default FilesGrid;

package/dist/types/context/AddonContext.d.ts

@@ -8,6 +8,7 @@ export type RemoteAddon = {
 };
 export interface RemoteAddonProps {
     router: RouterTypes;
+    toast: any;
 }
 export interface AddonContextProps extends RemoteAddonProps {
     children: React.ReactNode;

package/dist/types/context/AddonProjectContext.d.ts

@@ -1,6 +1,8 @@
 import { ProjectModel, UserModel } from '../api';
 import { FC } from 'react';
 import { default as router } from 'react-router-dom';
+import { toast } from 'react-toastify';
+type ToastFunc = typeof toast;
 export type RemoteAddonProjectComponent = FC<RemoteAddonProjectProps>;
 export type RemoteAddonProject = {
     id: string;
@@ -17,6 +19,7 @@ export type RouterTypes = {
 export interface RemoteAddonProjectProps {
     projectName: string;
     router: RouterTypes;
+    toast?: any;
 }
 export interface AddonProjectContextProps extends RemoteAddonProjectProps {
     children: React.ReactNode;
@@ -24,6 +27,8 @@ export interface AddonProjectContextProps extends RemoteAddonProjectProps {
 export interface AddonProjectContextType extends RemoteAddonProjectProps {
     project: ProjectModel | undefined;
     user: UserModel | undefined;
+    toast: ToastFunc;
 }
-export declare const AddonProjectProvider: ({ children, projectName, ...props }: AddonProjectContextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AddonProjectProvider: ({ children, projectName, toast, ...props }: AddonProjectContextProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useAddonProjectContext: () => AddonProjectContextType;
+export {};

package/dist/types/context/WebsocketContext.d.ts

@@ -0,0 +1,21 @@
+import { ReadyState } from 'react-use-websocket';
+import { WebSocketLike } from 'react-use-websocket/dist/lib/types';
+export type WebsocketContextType = {
+    getWebSocket: () => WebSocketLike | null;
+    readyState: ReadyState;
+    serverRestartingVisible: boolean;
+};
+export declare const SocketContext: import('react').Context<WebsocketContextType | undefined>;
+declare global {
+    interface Window {
+        senderId: string;
+    }
+}
+export type SocketProviderProps = {
+    children: React.ReactNode;
+    userName?: string;
+    projectName?: string;
+    dispatch: any;
+};
+export declare const SocketProvider: ({ children, userName, projectName, dispatch, }: SocketProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useSocketContext: () => WebsocketContextType;

package/dist/types/context/index.d.ts

@@ -8,3 +8,4 @@ export * from './AddonContext';
 export * from './PowerpackContext';
 export * from './MoveEntityContext';
 export * from './MenuContext';
+export * from './WebsocketContext';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ynput/ayon-frontend-shared",
-  "version": "0.2.34",
+  "version": "0.2.35",
   "description": "Shared React components for AYON frontend",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",

package/dist/shared/src/components/Powerpack/RequiredPowerpackVersion.cjs.js

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("@ynput/ayon-react-components"),n=require("react"),i=require("react-router-dom"),a=require("styled-components"),c=a.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  border-radius: var(--border-radius-l);
-  background-color: var(--md-sys-color-secondary-container);
-  padding: var(--padding-m);
-`,d=n.forwardRef(({requiredVersion:r,...o},s)=>r?e.jsxRuntimeExports.jsxs(c,{...o,ref:s,children:[e.jsxRuntimeExports.jsx("span",{children:`Power Features version ${r} is required to use this feature.`}),e.jsxRuntimeExports.jsx(i.Link,{to:"/market?selected=powerpack",children:e.jsxRuntimeExports.jsxs(t.Button,{variant:"tertiary",children:["Update Power Features ",e.jsxRuntimeExports.jsx(t.Icon,{icon:"arrow_right_alt"})]})})]}):"Required Powerpack version installed already.");exports.RequiredPowerpackVersion=d;
-//# sourceMappingURL=RequiredPowerpackVersion.cjs.js.map

package/dist/shared/src/components/Powerpack/RequiredPowerpackVersion.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RequiredPowerpackVersion.cjs.js","sources":["../../../../../src/components/Powerpack/RequiredPowerpackVersion.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { Link } from 'react-router-dom'\nimport styled from 'styled-components'\n\nconst StyledContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border-radius: var(--border-radius-l);\n  background-color: var(--md-sys-color-secondary-container);\n  padding: var(--padding-m);\n`\n\ninterface RequiredPowerpackVersionProps extends React.HTMLAttributes<HTMLDivElement> {\n  requiredVersion: string | undefined | null\n}\n\nexport const RequiredPowerpackVersion = forwardRef<HTMLDivElement, RequiredPowerpackVersionProps>(\n  ({ requiredVersion, ...props }, ref) => {\n    if (!requiredVersion) return 'Required Powerpack version installed already.'\n    return (\n      <StyledContainer {...props} ref={ref}>\n        <span>{`Power Features version ${requiredVersion} is required to use this feature.`}</span>\n        <Link to={`/market?selected=powerpack`}>\n          <Button variant=\"tertiary\">\n            Update Power Features <Icon icon=\"arrow_right_alt\" />\n          </Button>\n        </Link>\n      </StyledContainer>\n    )\n  },\n)\n"],"names":["StyledContainer","styled","RequiredPowerpackVersion","forwardRef","requiredVersion","props","ref","jsxs","jsx","Link","Button","Icon"],"mappings":"qQAKMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAalBC,EAA2BC,EAAA,WACtC,CAAC,CAAE,gBAAAC,EAAiB,GAAGC,CAAA,EAASC,IACzBF,EAEFG,EAAAA,kBAAAA,KAAAP,EAAA,CAAiB,GAAGK,EAAO,IAAAC,EAC1B,SAAA,CAACE,EAAA,kBAAA,IAAA,OAAA,CAAM,SAA0B,0BAAAJ,CAAe,oCAAoC,0BACnFK,EAAK,KAAA,CAAA,GAAI,6BACR,SAACF,EAAAA,kBAAAA,KAAAG,EAAAA,OAAA,CAAO,QAAQ,WAAW,SAAA,CAAA,yBACHF,EAAAA,kBAAAA,IAACG,EAAK,KAAA,CAAA,KAAK,iBAAkB,CAAA,CAAA,CAAA,CACrD,CACF,CAAA,CAAA,EACF,EAT2B,+CAYjC"}

package/dist/shared/src/components/Powerpack/RequiredPowerpackVersion.es.js

@@ -1,25 +0,0 @@
-import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
-import { Button as i, Icon as a } from "@ynput/ayon-react-components";
-import { forwardRef as s } from "react";
-import { Link as n } from "react-router-dom";
-import d from "styled-components";
-const c = d.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  border-radius: var(--border-radius-l);
-  background-color: var(--md-sys-color-secondary-container);
-  padding: var(--padding-m);
-`, x = s(
-  ({ requiredVersion: e, ...o }, t) => e ? /* @__PURE__ */ r.jsxs(c, { ...o, ref: t, children: [
-    /* @__PURE__ */ r.jsx("span", { children: `Power Features version ${e} is required to use this feature.` }),
-    /* @__PURE__ */ r.jsx(n, { to: "/market?selected=powerpack", children: /* @__PURE__ */ r.jsxs(i, { variant: "tertiary", children: [
-      "Update Power Features ",
-      /* @__PURE__ */ r.jsx(a, { icon: "arrow_right_alt" })
-    ] }) })
-  ] }) : "Required Powerpack version installed already."
-);
-export {
-  x as RequiredPowerpackVersion
-};
-//# sourceMappingURL=RequiredPowerpackVersion.es.js.map

package/dist/shared/src/components/Powerpack/RequiredPowerpackVersion.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RequiredPowerpackVersion.es.js","sources":["../../../../../src/components/Powerpack/RequiredPowerpackVersion.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport { Link } from 'react-router-dom'\nimport styled from 'styled-components'\n\nconst StyledContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border-radius: var(--border-radius-l);\n  background-color: var(--md-sys-color-secondary-container);\n  padding: var(--padding-m);\n`\n\ninterface RequiredPowerpackVersionProps extends React.HTMLAttributes<HTMLDivElement> {\n  requiredVersion: string | undefined | null\n}\n\nexport const RequiredPowerpackVersion = forwardRef<HTMLDivElement, RequiredPowerpackVersionProps>(\n  ({ requiredVersion, ...props }, ref) => {\n    if (!requiredVersion) return 'Required Powerpack version installed already.'\n    return (\n      <StyledContainer {...props} ref={ref}>\n        <span>{`Power Features version ${requiredVersion} is required to use this feature.`}</span>\n        <Link to={`/market?selected=powerpack`}>\n          <Button variant=\"tertiary\">\n            Update Power Features <Icon icon=\"arrow_right_alt\" />\n          </Button>\n        </Link>\n      </StyledContainer>\n    )\n  },\n)\n"],"names":["StyledContainer","styled","RequiredPowerpackVersion","forwardRef","requiredVersion","props","ref","jsxs","jsx","Link","Button","Icon"],"mappings":";;;;;AAKA,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAalBC,IAA2BC;AAAA,EACtC,CAAC,EAAE,iBAAAC,GAAiB,GAAGC,EAAA,GAASC,MACzBF,IAEFG,gBAAAA,EAAAA,KAAAP,GAAA,EAAiB,GAAGK,GAAO,KAAAC,GAC1B,UAAA;AAAA,IAACE,gBAAAA,EAAA,IAAA,QAAA,EAAM,UAA0B,0BAAAJ,CAAe,qCAAoC;AAAA,0BACnFK,GAAK,EAAA,IAAI,8BACR,UAACF,gBAAAA,EAAAA,KAAAG,GAAA,EAAO,SAAQ,YAAW,UAAA;AAAA,MAAA;AAAA,MACHF,gBAAAA,EAAAA,IAACG,GAAK,EAAA,MAAK,kBAAkB,CAAA;AAAA,IAAA,EAAA,CACrD,EACF,CAAA;AAAA,EAAA,GACF,IAT2B;AAYjC;"}

package/dist/types/components/Powerpack/RequiredPowerpackVersion.d.ts

@@ -1,5 +0,0 @@
-interface RequiredPowerpackVersionProps extends React.HTMLAttributes<HTMLDivElement> {
-    requiredVersion: string | undefined | null;
-}
-export declare const RequiredPowerpackVersion: import('react').ForwardRefExoticComponent<RequiredPowerpackVersionProps & import('react').RefAttributes<HTMLDivElement>>;
-export {};