npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.38 → 0.2.40 - Mend

@ynput/ayon-frontend-shared 0.2.38 → 0.2.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (651) hide show

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

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

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

@@ -1 +0,0 @@

- {"version":3,"file":"Menu.es.js","sources":["../../../../../../src/components/Menu/MenuComponents/Menu.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport * as Styled from './Menu.styled'\nimport MenuList from './MenuList'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { useMenuContext, usePowerpack } from '@shared/context'\n\nconst Menu = ({ menu = [], onClose, header, footer = '' }) => {\n const { setPowerpackDialog } = usePowerpack()\n const { setMenuOpen } = useMenuContext()\n\n const [subMenus, setSubMenus] = useState([])\n // When a menu item is clicked, the following happens:\n const handleClick = (e, onClick, url, disableClose) => {\n // this is handled by Link component inside the MenuItem\n if (url) return onClose()\n\n onClick && onClick(e)\n\n !disableClose && onClose && onClose()\n }\n\n const onMenuEnter = (e, menu = {}) => {\n // check to see if we need to open a submenu\n if (menu.items.length) {\n // yes, there is a submenu\n // open it if it is not already open\n if (!subMenus.find((m) => m.id === menu.id)) {\n // also close any other submenus on the same level\n setSubMenus([\n ...subMenus.filter((m) => m.level < menu.level + 1),\n { ...menu, id: menu.id, level: menu.level + 1, parentRef: e.target },\n ])\n }\n } else {\n // no items for this menu, so close all submenus on the higher levels\n setSubMenus(subMenus.filter((m) => m.level <= menu.level))\n }\n }\n\n const onMenuLeave = (e, menu = {}) => {\n // target where we are going\n const relatedTargetId = e.relatedTarget?.id\n const relatedTargetSubMenu = subMenus.find((m) => m.id === relatedTargetId)\n\n if (e.relatedTarget?.tagName === 'DIALOG') return setSubMenus([])\n\n if (!relatedTargetSubMenu) {\n setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0) + 1))\n }\n // if (menu.items.length) {\n }\n\n const handleSubMenu = (e, menu = {}) => {\n if (e.type === 'mouseenter' || e.type === 'keydown') onMenuEnter(e, menu)\n else if (e.type === 'mouseleave') onMenuLeave(e, menu)\n }\n\n return (\n <>\n <Styled.Section>\n {header && header}\n <MenuList\n items={menu}\n handleClick={handleClick}\n onSubMenu={handleSubMenu}\n level={0}\n setPowerpackDialog={setPowerpackDialog}\n onMenuClose={() => setMenuOpen(false)}\n />\n {footer && (\n <Styled.Footer>\n {footer}\n <Button icon=\"content_copy\" variant=\"text\" onClick={() => copyToClipboard(footer)} />\n </Styled.Footer>\n )}\n </Styled.Section>\n {subMenus.map((menu, i) => (\n <MenuList\n key={i}\n items={menu.items}\n handleClick={handleClick}\n {...menu}\n subMenu\n onSubMenu={handleSubMenu}\n onClose={() => setSubMenus(subMenus.filter((m) => m.id !== menu.id))}\n onMenuClose={() => setMenuOpen(false)}\n onChange={onMenuEnter}\n setPowerpackDialog={setPowerpackDialog}\n />\n ))}\n </>\n )\n}\n\nexport default Menu\n"],"names":["Menu","menu","onClose","header","footer","setPowerpackDialog","usePowerpack","setMenuOpen","useMenuContext","subMenus","setSubMenus","useState","handleClick","e","onClick","url","disableClose","onMenuEnter","m","onMenuLeave","relatedTargetId","_a","relatedTargetSubMenu","_b","handleSubMenu","jsxs","Fragment","Styled.Section","jsx","MenuList","Styled.Footer","Button","copyToClipboard","i"],"mappings":"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"}

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

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

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

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

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

@@ -1 +0,0 @@

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

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

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

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

@@ -1 +0,0 @@

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

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

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

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

@@ -1 +0,0 @@

- {"version":3,"file":"MenuItem.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/MenuItem.jsx"],"sourcesContent":["import { Icon, ShortcutTag } from '@ynput/ayon-react-components'\nimport React, { forwardRef } from 'react'\nimport * as Styled from './Menu.styled'\nimport { isArray } from 'lodash'\nimport { Link } from 'react-router-dom'\nimport clsx from 'clsx'\nimport { usePowerpack } from '@shared/context'\n\nconst MenuItem = forwardRef(\n (\n {\n label,\n icon,\n img,\n highlighted,\n notification,\n selected,\n danger,\n items = [],\n className,\n isLink,\n isDev,\n shortcut,\n disabled,\n powerFeature,\n active,\n ...props\n },\n ref,\n ) => {\n const labelsArray = isArray(label) ? label : [label]\n const { powerLicense, isLoading } = usePowerpack()\n const isPowerFeature = !powerLicense && powerFeature\n\n const Item = (\n <Styled.Item\n ref={ref}\n className={clsx(\n 'menu-item',\n {\n highlighted: highlighted,\n selected: selected,\n notification: notification,\n danger: danger,\n dev: isDev,\n disabled: disabled || isLoading,\n power: isPowerFeature,\n },\n className,\n )}\n {...props}\n label={labelsArray.join(', ')}\n >\n {(icon || isPowerFeature) && <Icon icon={isPowerFeature ? 'bolt' : icon} />}\n {img && <Styled.Img src={img} alt={`${label} icon`} />}\n {labelsArray.map((label, index) => (\n <span key={index}>{label}</span>\n ))}\n {shortcut && (\n <ShortcutTag style={{ minWidth: 22, textAlign: 'center' }} align={'right'}>\n {shortcut}\n </ShortcutTag>\n )}\n {active && <Icon icon=\"check\" style={{ marginLeft: 'auto' }} />}\n\n {!!items.length && <Icon icon=\"arrow_right\" className=\"more\" />}\n </Styled.Item>\n )\n\n if (isLink) {\n return (\n <Link to={isLink} target={props.target}>\n {Item}\n </Link>\n )\n } else {\n return Item\n }\n },\n)\n\nMenuItem.displayName = 'MenuItem'\n\nexport default MenuItem\n"],"names":["MenuItem","forwardRef","label","icon","img","highlighted","notification","selected","danger","items","className","isLink","isDev","shortcut","disabled","powerFeature","active","props","ref","labelsArray","isArray","powerLicense","isLoading","usePowerpack","isPowerFeature","Item","jsxs","Styled.Item","clsx","jsx","Icon","Styled.Img","index","ShortcutTag","Link"],"mappings":"0qCAQA,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.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"MenuItem.es.js","sources":["../../../../../../src/components/Menu/MenuComponents/MenuItem.jsx"],"sourcesContent":["import { Icon, ShortcutTag } from '@ynput/ayon-react-components'\nimport React, { forwardRef } from 'react'\nimport * as Styled from './Menu.styled'\nimport { isArray } from 'lodash'\nimport { Link } from 'react-router-dom'\nimport clsx from 'clsx'\nimport { usePowerpack } from '@shared/context'\n\nconst MenuItem = forwardRef(\n (\n {\n label,\n icon,\n img,\n highlighted,\n notification,\n selected,\n danger,\n items = [],\n className,\n isLink,\n isDev,\n shortcut,\n disabled,\n powerFeature,\n active,\n ...props\n },\n ref,\n ) => {\n const labelsArray = isArray(label) ? label : [label]\n const { powerLicense, isLoading } = usePowerpack()\n const isPowerFeature = !powerLicense && powerFeature\n\n const Item = (\n <Styled.Item\n ref={ref}\n className={clsx(\n 'menu-item',\n {\n highlighted: highlighted,\n selected: selected,\n notification: notification,\n danger: danger,\n dev: isDev,\n disabled: disabled || isLoading,\n power: isPowerFeature,\n },\n className,\n )}\n {...props}\n label={labelsArray.join(', ')}\n >\n {(icon || isPowerFeature) && <Icon icon={isPowerFeature ? 'bolt' : icon} />}\n {img && <Styled.Img src={img} alt={`${label} icon`} />}\n {labelsArray.map((label, index) => (\n <span key={index}>{label}</span>\n ))}\n {shortcut && (\n <ShortcutTag style={{ minWidth: 22, textAlign: 'center' }} align={'right'}>\n {shortcut}\n </ShortcutTag>\n )}\n {active && <Icon icon=\"check\" style={{ marginLeft: 'auto' }} />}\n\n {!!items.length && <Icon icon=\"arrow_right\" className=\"more\" />}\n </Styled.Item>\n )\n\n if (isLink) {\n return (\n <Link to={isLink} target={props.target}>\n {Item}\n </Link>\n )\n } else {\n return Item\n }\n },\n)\n\nMenuItem.displayName = 'MenuItem'\n\nexport default MenuItem\n"],"names":["MenuItem","forwardRef","label","icon","img","highlighted","notification","selected","danger","items","className","isLink","isDev","shortcut","disabled","powerFeature","active","props","ref","labelsArray","isArray","powerLicense","isLoading","usePowerpack","isPowerFeature","Item","jsxs","Styled.Item","clsx","jsx","Icon","Styled.Img","index","ShortcutTag","Link"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,MAAMA,IAAWC;AAAA,EACf,CACE;AAAA,IACE,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ,CAAC;AAAA,IACT,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACH,UAAMC,IAAcC,EAAQlB,CAAK,IAAIA,IAAQ,CAACA,CAAK,GAC7C,EAAE,cAAAmB,GAAc,WAAAC,EAAU,IAAIC,EAAa,GAC3CC,IAAiB,CAACH,KAAgBN,GAElCU,IACJC,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAAT;AAAA,QACA,WAAWU;AAAA,UACT;AAAA,UACA;AAAA,YACE,aAAAvB;AAAA,YACA,UAAAE;AAAA,YACA,cAAAD;AAAA,YACA,QAAAE;AAAA,YACA,KAAKI;AAAA,YACL,UAAUE,KAAYQ;AAAA,YACtB,OAAOE;AAAA,UACT;AAAA,UACAd;AAAA,QACF;AAAA,QACC,GAAGO;AAAA,QACJ,OAAOE,EAAY,KAAK,IAAI;AAAA,QAE1B,UAAA;AAAA,WAAAhB,KAAQqB,MAAoBK,gBAAAA,EAAAA,IAAAC,GAAA,EAAK,MAAMN,IAAiB,SAASrB,GAAM;AAAA,UACxEC,KAAQyB,gBAAAA,EAAA,IAAAE,GAAA,EAAW,KAAK3B,GAAK,KAAK,GAAGF,CAAK,SAAS;AAAA,UACnDiB,EAAY,IAAI,CAACjB,GAAO8B,4BACtB,QAAkB,EAAA,UAAA9B,EAAR,GAAA8B,CAAc,CAC1B;AAAA,UACAnB,KACCgB,gBAAAA,EAAAA,IAACI,GAAY,EAAA,OAAO,EAAE,UAAU,IAAI,WAAW,SAAS,GAAG,OAAO,SAC/D,UACHpB,EAAA,CAAA;AAAA,UAEDG,2BAAWc,GAAK,EAAA,MAAK,SAAQ,OAAO,EAAE,YAAY,OAAA,GAAU;AAAA,UAE5D,CAAC,CAACrB,EAAM,gCAAWqB,GAAK,EAAA,MAAK,eAAc,WAAU,OAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/D;AAGF,WAAInB,0BAECuB,GAAK,EAAA,IAAIvB,GAAQ,QAAQM,EAAM,QAC7B,UACHQ,GAAA,IAGKA;AAAAA,EACT;AAEJ;AAEAzB,EAAS,cAAc;"}

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

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

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

@@ -1 +0,0 @@

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

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

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

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

@@ -1 +0,0 @@

- {"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/src/components/Menu/MenuComponents/useMenuPosition.cjs.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function a(c){if(!c)return null;const t=c.getBoundingClientRect(),o=200,r=300,f=-8,s=window.innerWidth,i=window.innerHeight;let e,l,n;const d=s-t.right,w=t.left;return d>=o+24?(n=-24,e=t.right+n):w>=o+24?(n=-48,e=t.left-o-n):(n=24,e=t.left+(t.width-o)/2,e<n?e=n:e+o>s-n&&(e=s-o-n)),l=t.top,l+r>i-n&&(l=t.bottom-r,l<n&&(l=i-r-n)),{top:l+f,left:e}}function h(c,t){const[o,r]=u.useState(null),f=u.useRef(null),s=u.useCallback(()=>{let i=c;if(!i&&t&&(i=document.getElementById(t)),!i){console.warn("Target element not found");return}const e=a(i);e&&r(e)},[c,t]);return u.useEffect(()=>{s();const i=()=>s();window.addEventListener("resize",i);const e=()=>s();return window.addEventListener("scroll",e),()=>{window.removeEventListener("resize",i),window.removeEventListener("scroll",e)}},[s]),{position:o,menuRef:f}}exports.useMenuPosition=h;
2	- //# sourceMappingURL=useMenuPosition.cjs.js.map

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

@@ -1 +0,0 @@

- {"version":3,"file":"useMenuPosition.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/useMenuPosition.ts"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from 'react'\n\ninterface MenuPosition {\n top: number\n left: number\n}\n\nfunction calculateMenuPosition(\n targetElement: HTMLElement | null,\n): MenuPosition | null {\n if (!targetElement) return null\n \n const targetRect = targetElement.getBoundingClientRect()\n const menuWidth = 200\n const menuHeight = 300\n const topOffset = -8;\n const viewportWidth = window.innerWidth\n const viewportHeight = window.innerHeight\n \n let left: number\n let top: number\n let padding: number\n \n // Check if there's enough space on the right side of the target\n const spaceOnRight = viewportWidth - targetRect.right\n const spaceOnLeft = targetRect.left\n \n if (spaceOnRight >= menuWidth + 24) {\n // Position to the right of target\n padding = -24\n left = targetRect.right + padding\n } else if (spaceOnLeft >= menuWidth + 24) {\n // Position to the left of target\n padding = -48\n left = targetRect.left - menuWidth - padding\n } else {\n // Not enough space on either side, center it with bounds checking\n padding = 24 // Default to positive padding for centering\n left = targetRect.left + (targetRect.width - menuWidth) / 2\n \n // Ensure it doesn't go off screen\n if (left < padding) {\n left = padding\n } else if (left + menuWidth > viewportWidth - padding) {\n left = viewportWidth - menuWidth - padding\n }\n }\n \n // Vertical positioning - try to align with top of target\n top = targetRect.top\n \n // Check if menu would go below viewport\n if (top + menuHeight > viewportHeight - padding) {\n // Position above the target instead\n top = targetRect.bottom - menuHeight\n \n // If still not enough space, position at bottom of viewport\n if (top < padding) {\n top = viewportHeight - menuHeight - padding\n }\n }\n \n return {\n top: top + topOffset,\n left,\n }\n}\n\ninterface UseMenuPositionReturn {\n position: MenuPosition | null\n menuRef: React.RefObject<HTMLDivElement>\n}\n\nexport function useMenuPosition(\n target: HTMLElement | null,\n targetId: string,\n): UseMenuPositionReturn {\n const [position, setPosition] = useState<MenuPosition | null>(null)\n const menuRef = useRef<HTMLDivElement>(null)\n \n const updatePosition = useCallback(() => {\n let targetElement: HTMLElement | null = target\n \n if (!targetElement && targetId) {\n targetElement = document.getElementById(targetId)\n }\n \n if (!targetElement) {\n console.warn('Target element not found')\n return\n }\n \n const newPosition = calculateMenuPosition(targetElement)\n if (newPosition) {\n setPosition(newPosition)\n }\n }, [target, targetId])\n \n useEffect(() => {\n updatePosition()\n \n const handleResize = () => updatePosition()\n window.addEventListener('resize', handleResize)\n \n const handleScroll = () => updatePosition()\n window.addEventListener('scroll', handleScroll)\n \n return () => {\n window.removeEventListener('resize', handleResize)\n window.removeEventListener('scroll', handleScroll)\n }\n }, [updatePosition])\n \n return { position, menuRef }\n}\n"],"names":["calculateMenuPosition","targetElement","targetRect","menuWidth","menuHeight","topOffset","viewportWidth","viewportHeight","left","top","padding","spaceOnRight","spaceOnLeft","useMenuPosition","target","targetId","position","setPosition","useState","menuRef","useRef","updatePosition","useCallback","newPosition","useEffect","handleResize","handleScroll"],"mappings":"yGAOA,SAASA,EACPC,EACqB,CACjB,GAAA,CAACA,EAAsB,OAAA,KAErB,MAAAC,EAAaD,EAAc,sBAAsB,EACjDE,EAAY,IACZC,EAAa,IACbC,EAAY,GACZC,EAAgB,OAAO,WACvBC,EAAiB,OAAO,YAE1B,IAAAC,EACAC,EACAC,EAGE,MAAAC,EAAeL,EAAgBJ,EAAW,MAC1CU,EAAcV,EAAW,KAE3B,OAAAS,GAAgBR,EAAY,IAEpBO,EAAA,IACVF,EAAON,EAAW,MAAQQ,GACjBE,GAAeT,EAAY,IAE1BO,EAAA,IACHF,EAAAN,EAAW,KAAOC,EAAYO,IAG3BA,EAAA,GACVF,EAAON,EAAW,MAAQA,EAAW,MAAQC,GAAa,EAGtDK,EAAOE,EACFF,EAAAE,EACEF,EAAOL,EAAYG,EAAgBI,IAC5CF,EAAOF,EAAgBH,EAAYO,IAKvCD,EAAMP,EAAW,IAGbO,EAAML,EAAaG,EAAiBG,IAEtCD,EAAMP,EAAW,OAASE,EAGtBK,EAAMC,IACRD,EAAMF,EAAiBH,EAAaM,IAIjC,CACL,IAAKD,EAAMJ,EACX,KAAAG,CACF,CACF,CAOgB,SAAAK,EACdC,EACAC,EACuB,CACvB,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAA8B,IAAI,EAC5DC,EAAUC,SAAuB,IAAI,EAErCC,EAAiBC,EAAAA,YAAY,IAAM,CACvC,IAAIrB,EAAoCa,EAMxC,GAJI,CAACb,GAAiBc,IACJd,EAAA,SAAS,eAAec,CAAQ,GAG9C,CAACd,EAAe,CAClB,QAAQ,KAAK,0BAA0B,EACvC,MAAA,CAGI,MAAAsB,EAAcvB,EAAsBC,CAAa,EACnDsB,GACFN,EAAYM,CAAW,CACzB,EACC,CAACT,EAAQC,CAAQ,CAAC,EAErBS,OAAAA,EAAAA,UAAU,IAAM,CACCH,EAAA,EAET,MAAAI,EAAe,IAAMJ,EAAe,EACnC,OAAA,iBAAiB,SAAUI,CAAY,EAExC,MAAAC,EAAe,IAAML,EAAe,EACnC,cAAA,iBAAiB,SAAUK,CAAY,EAEvC,IAAM,CACJ,OAAA,oBAAoB,SAAUD,CAAY,EAC1C,OAAA,oBAAoB,SAAUC,CAAY,CACnD,CAAA,EACC,CAACL,CAAc,CAAC,EAEZ,CAAE,SAAAL,EAAU,QAAAG,CAAQ,CAC7B"}

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

@@ -1,35 +0,0 @@
-import { useState as w, useRef as a, useCallback as p, useEffect as h } from "react";
-function m(r) {
-  if (!r) return null;
-  const t = r.getBoundingClientRect(), i = 200, c = 300, f = -8, s = window.innerWidth, o = window.innerHeight;
-  let e, l, n;
-  const u = s - t.right, d = t.left;
-  return u >= i + 24 ? (n = -24, e = t.right + n) : d >= i + 24 ? (n = -48, e = t.left - i - n) : (n = 24, e = t.left + (t.width - i) / 2, e < n ? e = n : e + i > s - n && (e = s - i - n)), l = t.top, l + c > o - n && (l = t.bottom - c, l < n && (l = o - c - n)), {
-    top: l + f,
-    left: e
-  };
-}
-function v(r, t) {
-  const [i, c] = w(null), f = a(null), s = p(() => {
-    let o = r;
-    if (!o && t && (o = document.getElementById(t)), !o) {
-      console.warn("Target element not found");
-      return;
-    }
-    const e = m(o);
-    e && c(e);
-  }, [r, t]);
-  return h(() => {
-    s();
-    const o = () => s();
-    window.addEventListener("resize", o);
-    const e = () => s();
-    return window.addEventListener("scroll", e), () => {
-      window.removeEventListener("resize", o), window.removeEventListener("scroll", e);
-    };
-  }, [s]), { position: i, menuRef: f };
-}
-export {
-  v as useMenuPosition
-};
-//# sourceMappingURL=useMenuPosition.es.js.map

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

@@ -1 +0,0 @@

- {"version":3,"file":"useMenuPosition.es.js","sources":["../../../../../../src/components/Menu/MenuComponents/useMenuPosition.ts"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from 'react'\n\ninterface MenuPosition {\n top: number\n left: number\n}\n\nfunction calculateMenuPosition(\n targetElement: HTMLElement | null,\n): MenuPosition | null {\n if (!targetElement) return null\n \n const targetRect = targetElement.getBoundingClientRect()\n const menuWidth = 200\n const menuHeight = 300\n const topOffset = -8;\n const viewportWidth = window.innerWidth\n const viewportHeight = window.innerHeight\n \n let left: number\n let top: number\n let padding: number\n \n // Check if there's enough space on the right side of the target\n const spaceOnRight = viewportWidth - targetRect.right\n const spaceOnLeft = targetRect.left\n \n if (spaceOnRight >= menuWidth + 24) {\n // Position to the right of target\n padding = -24\n left = targetRect.right + padding\n } else if (spaceOnLeft >= menuWidth + 24) {\n // Position to the left of target\n padding = -48\n left = targetRect.left - menuWidth - padding\n } else {\n // Not enough space on either side, center it with bounds checking\n padding = 24 // Default to positive padding for centering\n left = targetRect.left + (targetRect.width - menuWidth) / 2\n \n // Ensure it doesn't go off screen\n if (left < padding) {\n left = padding\n } else if (left + menuWidth > viewportWidth - padding) {\n left = viewportWidth - menuWidth - padding\n }\n }\n \n // Vertical positioning - try to align with top of target\n top = targetRect.top\n \n // Check if menu would go below viewport\n if (top + menuHeight > viewportHeight - padding) {\n // Position above the target instead\n top = targetRect.bottom - menuHeight\n \n // If still not enough space, position at bottom of viewport\n if (top < padding) {\n top = viewportHeight - menuHeight - padding\n }\n }\n \n return {\n top: top + topOffset,\n left,\n }\n}\n\ninterface UseMenuPositionReturn {\n position: MenuPosition | null\n menuRef: React.RefObject<HTMLDivElement>\n}\n\nexport function useMenuPosition(\n target: HTMLElement | null,\n targetId: string,\n): UseMenuPositionReturn {\n const [position, setPosition] = useState<MenuPosition | null>(null)\n const menuRef = useRef<HTMLDivElement>(null)\n \n const updatePosition = useCallback(() => {\n let targetElement: HTMLElement | null = target\n \n if (!targetElement && targetId) {\n targetElement = document.getElementById(targetId)\n }\n \n if (!targetElement) {\n console.warn('Target element not found')\n return\n }\n \n const newPosition = calculateMenuPosition(targetElement)\n if (newPosition) {\n setPosition(newPosition)\n }\n }, [target, targetId])\n \n useEffect(() => {\n updatePosition()\n \n const handleResize = () => updatePosition()\n window.addEventListener('resize', handleResize)\n \n const handleScroll = () => updatePosition()\n window.addEventListener('scroll', handleScroll)\n \n return () => {\n window.removeEventListener('resize', handleResize)\n window.removeEventListener('scroll', handleScroll)\n }\n }, [updatePosition])\n \n return { position, menuRef }\n}\n"],"names":["calculateMenuPosition","targetElement","targetRect","menuWidth","menuHeight","topOffset","viewportWidth","viewportHeight","left","top","padding","spaceOnRight","spaceOnLeft","useMenuPosition","target","targetId","position","setPosition","useState","menuRef","useRef","updatePosition","useCallback","newPosition","useEffect","handleResize","handleScroll"],"mappings":";AAOA,SAASA,EACPC,GACqB;AACjB,MAAA,CAACA,EAAsB,QAAA;AAErB,QAAAC,IAAaD,EAAc,sBAAsB,GACjDE,IAAY,KACZC,IAAa,KACbC,IAAY,IACZC,IAAgB,OAAO,YACvBC,IAAiB,OAAO;AAE1B,MAAAC,GACAC,GACAC;AAGE,QAAAC,IAAeL,IAAgBJ,EAAW,OAC1CU,IAAcV,EAAW;AAE3B,SAAAS,KAAgBR,IAAY,MAEpBO,IAAA,KACVF,IAAON,EAAW,QAAQQ,KACjBE,KAAeT,IAAY,MAE1BO,IAAA,KACHF,IAAAN,EAAW,OAAOC,IAAYO,MAG3BA,IAAA,IACVF,IAAON,EAAW,QAAQA,EAAW,QAAQC,KAAa,GAGtDK,IAAOE,IACFF,IAAAE,IACEF,IAAOL,IAAYG,IAAgBI,MAC5CF,IAAOF,IAAgBH,IAAYO,KAKvCD,IAAMP,EAAW,KAGbO,IAAML,IAAaG,IAAiBG,MAEtCD,IAAMP,EAAW,SAASE,GAGtBK,IAAMC,MACRD,IAAMF,IAAiBH,IAAaM,KAIjC;AAAA,IACL,KAAKD,IAAMJ;AAAA,IACX,MAAAG;AAAA,EACF;AACF;AAOgB,SAAAK,EACdC,GACAC,GACuB;AACvB,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAA8B,IAAI,GAC5DC,IAAUC,EAAuB,IAAI,GAErCC,IAAiBC,EAAY,MAAM;AACvC,QAAIrB,IAAoCa;AAMxC,QAJI,CAACb,KAAiBc,MACJd,IAAA,SAAS,eAAec,CAAQ,IAG9C,CAACd,GAAe;AAClB,cAAQ,KAAK,0BAA0B;AACvC;AAAA,IAAA;AAGI,UAAAsB,IAAcvB,EAAsBC,CAAa;AACvD,IAAIsB,KACFN,EAAYM,CAAW;AAAA,EACzB,GACC,CAACT,GAAQC,CAAQ,CAAC;AAErB,SAAAS,EAAU,MAAM;AACC,IAAAH,EAAA;AAET,UAAAI,IAAe,MAAMJ,EAAe;AACnC,WAAA,iBAAiB,UAAUI,CAAY;AAExC,UAAAC,IAAe,MAAML,EAAe;AACnC,kBAAA,iBAAiB,UAAUK,CAAY,GAEvC,MAAM;AACJ,aAAA,oBAAoB,UAAUD,CAAY,GAC1C,OAAA,oBAAoB,UAAUC,CAAY;AAAA,IACnD;AAAA,EAAA,GACC,CAACL,CAAc,CAAC,GAEZ,EAAE,UAAAL,GAAU,SAAAG,EAAQ;AAC7B;"}

package/dist/types/components/RemotePage/RemotePageWrapper.d.ts DELETED Viewed

@@ -1,29 +0,0 @@
-import { GenericViewModel } from '../../api';
-import { UpdateViewSettingsFn, ViewsContextValue } from '../../containers';
-import { FC } from 'react';
-import { useParams, useNavigate, useLocation, useSearchParams } from 'react-router-dom';
-type RouterTypes = {
-    useParams: typeof useParams;
-    useNavigate: typeof useNavigate;
-    useLocation: typeof useLocation;
-    useSearchParams: typeof useSearchParams;
-};
-interface ViewsWithReportsSettings extends ViewsContextValue {
-    viewSettings: GenericViewModel['settings'] | undefined;
-    updateViewSettings: UpdateViewSettingsFn;
-}
-export interface RemotePageProps {
-    router: RouterTypes;
-    toast?: any;
-    views?: ViewsWithReportsSettings;
-    projectName?: string;
-    state?: any;
-}
-export interface RemotePageWrapperProps {
-    Component: FC<RemotePageProps>;
-    viewType?: string;
-    projectName?: string;
-    state?: any;
-}
-export declare const RemotePageWrapper: FC<RemotePageWrapperProps>;
-export {};

package/dist/types/components/RemotePage/index.d.ts DELETED Viewed

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

/package/dist/{src/components/Menu/MenuComponents → shared/src/components/Menu}/Menu.styled.cjs.js RENAMED Viewed

File without changes

/package/dist/{src/components/Menu/MenuComponents → shared/src/components/Menu}/Menu.styled.es.js RENAMED Viewed

File without changes