@ynput/ayon-frontend-shared 0.2.19 → 0.2.20

package/dist/shared/src/components/Views/Views.cjs.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
+const ViewsContext = require("./context/ViewsContext.cjs.js");
+const ViewsButton = require("./ViewsButton/ViewsButton.cjs.js");
+const ViewsMenuContainer = require("./ViewsMenuContainer/ViewsMenuContainer.cjs.js");
+const Views = ({ viewType, projectName }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ViewsContext.ViewsProvider, { viewType, projectName, children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewsButton.ViewsButton, {}),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewsMenuContainer.ViewsMenuContainer, {})
+  ] });
+};
+const ViewsComponents = () => {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewsButton.ViewsButton, {}),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewsMenuContainer.ViewsMenuContainer, {})
+  ] });
+};
+exports.Views = Views;
+exports.ViewsComponents = ViewsComponents;
+//# sourceMappingURL=Views.cjs.js.map

package/dist/shared/src/components/Views/Views.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Views.cjs.js","sources":["../../../../../src/components/Views/Views.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { ViewType } from '.'\nimport { ViewsProvider } from './context/ViewsContext'\nimport { ViewsButton } from './ViewsButton/ViewsButton'\nimport { ViewsMenuContainer } from './ViewsMenuContainer/ViewsMenuContainer'\n\nexport interface ViewsProps {\n  viewType: ViewType\n  projectName?: string\n}\n\nexport const Views: FC<ViewsProps> = ({ viewType, projectName }) => {\n  return (\n    <ViewsProvider viewType={viewType} projectName={projectName}>\n      <ViewsButton />\n      <ViewsMenuContainer />\n    </ViewsProvider>\n  )\n}\n\n// Component for use inside a ViewsProvider\nexport const ViewsComponents: FC = () => {\n  return (\n    <>\n      <ViewsButton />\n      <ViewsMenuContainer />\n    </>\n  )\n}\n"],"names":["jsxs","ViewsProvider","jsx","ViewsButton","ViewsMenuContainer","Fragment"],"mappings":";;;;;;AAWO,MAAM,QAAwB,CAAC,EAAE,UAAU,kBAAkB;AAEhE,SAAAA,2BAAA,kBAAA,KAACC,aAAc,eAAA,EAAA,UAAoB,aACjC,UAAA;AAAA,IAAAC,2BAAA,kBAAA,IAACC,YAAY,aAAA,EAAA;AAAA,qDACZC,mBAAmB,oBAAA,CAAA,CAAA;AAAA,EAAA,GACtB;AAEJ;AAGO,MAAM,kBAAsB,MAAM;AACvC,SAEIJ,2BAAA,kBAAA,KAAAK,uCAAA,EAAA,UAAA;AAAA,IAAAH,2BAAA,kBAAA,IAACC,YAAY,aAAA,EAAA;AAAA,qDACZC,mBAAmB,oBAAA,CAAA,CAAA;AAAA,EAAA,GACtB;AAEJ;;;"}

package/dist/shared/src/components/Views/Views.es.js

@@ -0,0 +1,21 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import { ViewsProvider } from "./context/ViewsContext.es.js";
+import { ViewsButton } from "./ViewsButton/ViewsButton.es.js";
+import { ViewsMenuContainer } from "./ViewsMenuContainer/ViewsMenuContainer.es.js";
+const Views = ({ viewType, projectName }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ViewsProvider, { viewType, projectName, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ViewsButton, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ViewsMenuContainer, {})
+  ] });
+};
+const ViewsComponents = () => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ViewsButton, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ViewsMenuContainer, {})
+  ] });
+};
+export {
+  Views,
+  ViewsComponents
+};
+//# sourceMappingURL=Views.es.js.map

package/dist/shared/src/components/Views/Views.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Views.es.js","sources":["../../../../../src/components/Views/Views.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { ViewType } from '.'\nimport { ViewsProvider } from './context/ViewsContext'\nimport { ViewsButton } from './ViewsButton/ViewsButton'\nimport { ViewsMenuContainer } from './ViewsMenuContainer/ViewsMenuContainer'\n\nexport interface ViewsProps {\n  viewType: ViewType\n  projectName?: string\n}\n\nexport const Views: FC<ViewsProps> = ({ viewType, projectName }) => {\n  return (\n    <ViewsProvider viewType={viewType} projectName={projectName}>\n      <ViewsButton />\n      <ViewsMenuContainer />\n    </ViewsProvider>\n  )\n}\n\n// Component for use inside a ViewsProvider\nexport const ViewsComponents: FC = () => {\n  return (\n    <>\n      <ViewsButton />\n      <ViewsMenuContainer />\n    </>\n  )\n}\n"],"names":["jsxs","jsx","Fragment"],"mappings":";;;;AAWO,MAAM,QAAwB,CAAC,EAAE,UAAU,kBAAkB;AAEhE,SAAAA,kCAAA,KAAC,eAAc,EAAA,UAAoB,aACjC,UAAA;AAAA,IAAAC,kCAAA,IAAC,aAAY,EAAA;AAAA,0CACZ,oBAAmB,CAAA,CAAA;AAAA,EAAA,GACtB;AAEJ;AAGO,MAAM,kBAAsB,MAAM;AACvC,SAEID,kCAAA,KAAAE,4BAAA,EAAA,UAAA;AAAA,IAAAD,kCAAA,IAAC,aAAY,EAAA;AAAA,0CACZ,oBAAmB,CAAA,CAAA;AAAA,EAAA,GACtB;AAEJ;"}

package/dist/shared/src/components/Views/Views.styled.cjs.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const styled = require("styled-components");
+const ViewsButton = styled(ayonReactComponents.Icon)`
+  padding: var(--padding-s);
+  border-radius: var(--border-radius-m);
+  margin: -4px 0;
+  margin-right: -16px;
+
+  &:hover,
+  &.open {
+    background-color: var(--md-sys-color-surface-container-high-hover);
+  }
+
+  &.active {
+    color: var(--md-sys-color-primary);
+
+    &:hover,
+    &.open {
+      background-color: var(--md-sys-color-on-primary);
+      color: var(--md-sys-color-primary);
+    }
+  }
+`;
+const ViewsModal = styled.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  padding: var(--padding-m);
+  min-width: 240px;
+  max-width: 800px;
+
+  overflow: hidden;
+
+  z-index: 910;
+
+  background-color: var(--md-sys-color-surface-container-high);
+  border-radius: var(--border-radius-l);
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
+`;
+exports.ViewsButton = ViewsButton;
+exports.ViewsModal = ViewsModal;
+//# sourceMappingURL=Views.styled.cjs.js.map

package/dist/shared/src/components/Views/Views.styled.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Views.styled.cjs.js","sources":["../../../../../src/components/Views/Views.styled.ts"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const ViewsButton = styled(Icon)`\n  padding: var(--padding-s);\n  border-radius: var(--border-radius-m);\n  margin: -4px 0;\n  margin-right: -16px;\n\n  &:hover,\n  &.open {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  &.active {\n    color: var(--md-sys-color-primary);\n\n    &:hover,\n    &.open {\n      background-color: var(--md-sys-color-on-primary);\n      color: var(--md-sys-color-primary);\n    }\n  }\n`\n\nexport const ViewsModal = styled.div`\n  position: fixed;\n  top: 0;\n  left: 0;\n  padding: var(--padding-m);\n  min-width: 240px;\n  max-width: 800px;\n\n  overflow: hidden;\n\n  z-index: 910;\n\n  background-color: var(--md-sys-color-surface-container-high);\n  border-radius: var(--border-radius-l);\n  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);\n`\n"],"names":["Icon"],"mappings":";;;;AAGa,MAAA,cAAc,OAAOA,wBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsB/B,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;"}

package/dist/shared/src/components/Views/Views.styled.es.js

@@ -0,0 +1,44 @@
+import { Icon } from "@ynput/ayon-react-components";
+import styled from "styled-components";
+const ViewsButton = styled(Icon)`
+  padding: var(--padding-s);
+  border-radius: var(--border-radius-m);
+  margin: -4px 0;
+  margin-right: -16px;
+
+  &:hover,
+  &.open {
+    background-color: var(--md-sys-color-surface-container-high-hover);
+  }
+
+  &.active {
+    color: var(--md-sys-color-primary);
+
+    &:hover,
+    &.open {
+      background-color: var(--md-sys-color-on-primary);
+      color: var(--md-sys-color-primary);
+    }
+  }
+`;
+const ViewsModal = styled.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  padding: var(--padding-m);
+  min-width: 240px;
+  max-width: 800px;
+
+  overflow: hidden;
+
+  z-index: 910;
+
+  background-color: var(--md-sys-color-surface-container-high);
+  border-radius: var(--border-radius-l);
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
+`;
+export {
+  ViewsButton,
+  ViewsModal
+};
+//# sourceMappingURL=Views.styled.es.js.map

package/dist/shared/src/components/Views/Views.styled.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Views.styled.es.js","sources":["../../../../../src/components/Views/Views.styled.ts"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const ViewsButton = styled(Icon)`\n  padding: var(--padding-s);\n  border-radius: var(--border-radius-m);\n  margin: -4px 0;\n  margin-right: -16px;\n\n  &:hover,\n  &.open {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  &.active {\n    color: var(--md-sys-color-primary);\n\n    &:hover,\n    &.open {\n      background-color: var(--md-sys-color-on-primary);\n      color: var(--md-sys-color-primary);\n    }\n  }\n`\n\nexport const ViewsModal = styled.div`\n  position: fixed;\n  top: 0;\n  left: 0;\n  padding: var(--padding-m);\n  min-width: 240px;\n  max-width: 800px;\n\n  overflow: hidden;\n\n  z-index: 910;\n\n  background-color: var(--md-sys-color-surface-container-high);\n  border-radius: var(--border-radius-l);\n  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);\n`\n"],"names":[],"mappings":";;AAGa,MAAA,cAAc,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsB/B,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/components/Views/ViewsButton/ViewsButton.cjs.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+const ReactDOM = require("react-dom");
+const ViewsContext = require("../context/ViewsContext.cjs.js");
+const portalUtils = require("../utils/portalUtils.cjs.js");
+const Views_styled = require("../Views.styled.cjs.js");
+const clsx = require("clsx");
+const ViewsButton = () => {
+  const { viewType, isMenuOpen, setIsMenuOpen, selectedView } = ViewsContext.useViewsContext();
+  const buttonRef = React.useRef(null);
+  const handleButtonClick = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsMenuOpen(!isMenuOpen);
+  };
+  const button = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Views_styled.ViewsButton,
+    {
+      icon: "view_quilt",
+      ref: buttonRef,
+      onClick: handleButtonClick,
+      className: clsx({ active: !!selectedView, open: isMenuOpen })
+    }
+  );
+  const portalContainer = portalUtils.getViewsPortalContainer(viewType);
+  if (!portalContainer) return null;
+  return ReactDOM.createPortal(button, portalContainer);
+};
+exports.ViewsButton = ViewsButton;
+//# sourceMappingURL=ViewsButton.cjs.js.map

package/dist/shared/src/components/Views/ViewsButton/ViewsButton.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsButton.cjs.js","sources":["../../../../../../src/components/Views/ViewsButton/ViewsButton.tsx"],"sourcesContent":["import { FC, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { getViewsPortalContainer } from '../utils/portalUtils'\nimport * as Styled from '../Views.styled'\nimport clsx from 'clsx'\n\nexport const ViewsButton: FC = () => {\n  const { viewType, isMenuOpen, setIsMenuOpen, selectedView } = useViewsContext()\n\n  const buttonRef = useRef<HTMLButtonElement>(null)\n\n  const handleButtonClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setIsMenuOpen(!isMenuOpen)\n  }\n\n  const button = (\n    <Styled.ViewsButton\n      icon=\"view_quilt\"\n      ref={buttonRef}\n      onClick={handleButtonClick}\n      className={clsx({ active: !!selectedView, open: isMenuOpen })}\n    />\n  )\n\n  // Try to find the portal container for this viewType\n  const portalContainer = getViewsPortalContainer(viewType)\n\n  if (!portalContainer) return null\n\n  // If we have a portal container, render there. Otherwise render normally\n  return createPortal(button, portalContainer)\n}\n"],"names":["useViewsContext","useRef","jsx","Styled.ViewsButton","getViewsPortalContainer","createPortal"],"mappings":";;;;;;;;;AAOO,MAAM,cAAkB,MAAM;AACnC,QAAM,EAAE,UAAU,YAAY,eAAe,aAAA,IAAiBA,aAAAA,gBAAgB;AAExE,QAAA,YAAYC,aAA0B,IAAI;AAE1C,QAAA,oBAAoB,CAAC,MAAyC;AAClE,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAClB,kBAAc,CAAC,UAAU;AAAA,EAC3B;AAEA,QAAM,SACJC,2BAAA,kBAAA;AAAA,IAACC,aAAO;AAAA,IAAP;AAAA,MACC,MAAK;AAAA,MACL,KAAK;AAAA,MACL,SAAS;AAAA,MACT,WAAW,KAAK,EAAE,QAAQ,CAAC,CAAC,cAAc,MAAM,WAAY,CAAA;AAAA,IAAA;AAAA,EAC9D;AAII,QAAA,kBAAkBC,oCAAwB,QAAQ;AAEpD,MAAA,CAAC,gBAAwB,QAAA;AAGtB,SAAAC,SAAA,aAAa,QAAQ,eAAe;AAC7C;;"}

package/dist/shared/src/components/Views/ViewsButton/ViewsButton.es.js

@@ -0,0 +1,32 @@
+import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
+import { useRef } from "react";
+import { createPortal } from "react-dom";
+import { useViewsContext } from "../context/ViewsContext.es.js";
+import { getViewsPortalContainer } from "../utils/portalUtils.es.js";
+import { ViewsButton as ViewsButton$1 } from "../Views.styled.es.js";
+import clsx from "clsx";
+const ViewsButton = () => {
+  const { viewType, isMenuOpen, setIsMenuOpen, selectedView } = useViewsContext();
+  const buttonRef = useRef(null);
+  const handleButtonClick = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsMenuOpen(!isMenuOpen);
+  };
+  const button = /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ViewsButton$1,
+    {
+      icon: "view_quilt",
+      ref: buttonRef,
+      onClick: handleButtonClick,
+      className: clsx({ active: !!selectedView, open: isMenuOpen })
+    }
+  );
+  const portalContainer = getViewsPortalContainer(viewType);
+  if (!portalContainer) return null;
+  return createPortal(button, portalContainer);
+};
+export {
+  ViewsButton
+};
+//# sourceMappingURL=ViewsButton.es.js.map

package/dist/shared/src/components/Views/ViewsButton/ViewsButton.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsButton.es.js","sources":["../../../../../../src/components/Views/ViewsButton/ViewsButton.tsx"],"sourcesContent":["import { FC, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { getViewsPortalContainer } from '../utils/portalUtils'\nimport * as Styled from '../Views.styled'\nimport clsx from 'clsx'\n\nexport const ViewsButton: FC = () => {\n  const { viewType, isMenuOpen, setIsMenuOpen, selectedView } = useViewsContext()\n\n  const buttonRef = useRef<HTMLButtonElement>(null)\n\n  const handleButtonClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setIsMenuOpen(!isMenuOpen)\n  }\n\n  const button = (\n    <Styled.ViewsButton\n      icon=\"view_quilt\"\n      ref={buttonRef}\n      onClick={handleButtonClick}\n      className={clsx({ active: !!selectedView, open: isMenuOpen })}\n    />\n  )\n\n  // Try to find the portal container for this viewType\n  const portalContainer = getViewsPortalContainer(viewType)\n\n  if (!portalContainer) return null\n\n  // If we have a portal container, render there. Otherwise render normally\n  return createPortal(button, portalContainer)\n}\n"],"names":["jsx","Styled.ViewsButton"],"mappings":";;;;;;;AAOO,MAAM,cAAkB,MAAM;AACnC,QAAM,EAAE,UAAU,YAAY,eAAe,aAAA,IAAiB,gBAAgB;AAExE,QAAA,YAAY,OAA0B,IAAI;AAE1C,QAAA,oBAAoB,CAAC,MAAyC;AAClE,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAClB,kBAAc,CAAC,UAAU;AAAA,EAC3B;AAEA,QAAM,SACJA,kCAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,KAAK;AAAA,MACL,SAAS;AAAA,MACT,WAAW,KAAK,EAAE,QAAQ,CAAC,CAAC,cAAc,MAAM,WAAY,CAAA;AAAA,IAAA;AAAA,EAC9D;AAII,QAAA,kBAAkB,wBAAwB,QAAQ;AAEpD,MAAA,CAAC,gBAAwB,QAAA;AAGtB,SAAA,aAAa,QAAQ,eAAe;AAC7C;"}

package/dist/shared/src/components/Views/ViewsMenu/ViewsMenu.cjs.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+const ViewItem = require("../ViewItem/ViewItem.cjs.js");
+const ViewsMenu_styled = require("./ViewsMenu.styled.cjs.js");
+const VIEW_DIVIDER = "_divider_";
+const ViewsMenu = React.forwardRef(
+  ({ items, selected, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewsMenu_styled.Scrollable, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewsMenu_styled.ViewsMenu, { ...props, ref, children: items.map((item, index) => {
+      if (item === "_divider_") {
+        return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewsMenu_styled.ViewsMenuDivider, {}, index);
+      } else if (typeof item === "string") {
+        return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewsMenu_styled.ViewsMenuTitle, { children: item }, index);
+      } else {
+        return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          ViewItem.ViewItem,
+          {
+            tabIndex: 0,
+            isSelected: item.id === selected,
+            ...item
+          },
+          (item.id || "") + index.toString()
+        );
+      }
+    }) }) });
+  }
+);
+exports.VIEW_DIVIDER = VIEW_DIVIDER;
+exports.ViewsMenu = ViewsMenu;
+//# sourceMappingURL=ViewsMenu.cjs.js.map

package/dist/shared/src/components/Views/ViewsMenu/ViewsMenu.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsMenu.cjs.js","sources":["../../../../../../src/components/Views/ViewsMenu/ViewsMenu.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport * as Styled from './ViewsMenu.styled'\nimport { SelectedViewState } from '../context/ViewsContext'\n\nexport const VIEW_DIVIDER = '_divider_' as const // Represents a divider\ntype Title = string // Represents a title\nexport type ViewMenuItem = ViewItem | typeof VIEW_DIVIDER | Title\n\nexport interface ViewsMenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  items: ViewMenuItem[] // Array of ViewMenuItem or string\n  selected: SelectedViewState\n}\n\nexport const ViewsMenu = forwardRef<HTMLUListElement, ViewsMenuProps>(\n  ({ items, selected, ...props }, ref) => {\n    return (\n      <Styled.Scrollable>\n        <Styled.ViewsMenu {...props} ref={ref}>\n          {items.map((item, index) => {\n            if (item === '_divider_') {\n              return <Styled.ViewsMenuDivider key={index} />\n            } else if (typeof item === 'string') {\n              return <Styled.ViewsMenuTitle key={index}>{item}</Styled.ViewsMenuTitle>\n            } else {\n              return (\n                <ViewItem\n                  key={(item.id || '') + index.toString()}\n                  tabIndex={0}\n                  isSelected={item.id === selected}\n                  {...item}\n                />\n              )\n            }\n          })}\n        </Styled.ViewsMenu>\n      </Styled.Scrollable>\n    )\n  },\n)\n"],"names":["forwardRef","jsx","Styled.Scrollable","Styled.ViewsMenu","Styled.ViewsMenuDivider","Styled.ViewsMenuTitle","ViewItem"],"mappings":";;;;;;AAKO,MAAM,eAAe;AASrB,MAAM,YAAYA,MAAA;AAAA,EACvB,CAAC,EAAE,OAAO,UAAU,GAAG,MAAA,GAAS,QAAQ;AACtC,WACGC,2BAAAA,kBAAAA,IAAAC,iBAAAA,YAAA,EACC,2DAACC,iBAAO,WAAP,EAAkB,GAAG,OAAO,KAC1B,UAAA,MAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,UAAI,SAAS,aAAa;AACxB,eAAQF,iDAAAG,iBAAAA,kBAAA,CAAA,GAA6B,KAAO;AAAA,MAAA,WACnC,OAAO,SAAS,UAAU;AACnC,eAAQH,2BAAAA,kBAAAA,IAAAI,iBAAAA,gBAAA,EAAmC,kBAAR,KAAa;AAAA,MAAA,OAC3C;AAEH,eAAAJ,2BAAA,kBAAA;AAAA,UAACK,SAAA;AAAA,UAAA;AAAA,YAEC,UAAU;AAAA,YACV,YAAY,KAAK,OAAO;AAAA,YACvB,GAAG;AAAA,UAAA;AAAA,WAHE,KAAK,MAAM,MAAM,MAAM,SAAS;AAAA,QAIxC;AAAA,MAAA;AAAA,IAEJ,CACD,GACH,EACF,CAAA;AAAA,EAAA;AAGN;;;"}

package/dist/shared/src/components/Views/ViewsMenu/ViewsMenu.es.js

@@ -0,0 +1,31 @@
+import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
+import { forwardRef } from "react";
+import { ViewItem } from "../ViewItem/ViewItem.es.js";
+import { Scrollable, ViewsMenu as ViewsMenu$1, ViewsMenuDivider, ViewsMenuTitle } from "./ViewsMenu.styled.es.js";
+const VIEW_DIVIDER = "_divider_";
+const ViewsMenu = forwardRef(
+  ({ items, selected, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Scrollable, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ViewsMenu$1, { ...props, ref, children: items.map((item, index) => {
+      if (item === "_divider_") {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ViewsMenuDivider, {}, index);
+      } else if (typeof item === "string") {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ViewsMenuTitle, { children: item }, index);
+      } else {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ViewItem,
+          {
+            tabIndex: 0,
+            isSelected: item.id === selected,
+            ...item
+          },
+          (item.id || "") + index.toString()
+        );
+      }
+    }) }) });
+  }
+);
+export {
+  VIEW_DIVIDER,
+  ViewsMenu
+};
+//# sourceMappingURL=ViewsMenu.es.js.map

package/dist/shared/src/components/Views/ViewsMenu/ViewsMenu.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsMenu.es.js","sources":["../../../../../../src/components/Views/ViewsMenu/ViewsMenu.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport * as Styled from './ViewsMenu.styled'\nimport { SelectedViewState } from '../context/ViewsContext'\n\nexport const VIEW_DIVIDER = '_divider_' as const // Represents a divider\ntype Title = string // Represents a title\nexport type ViewMenuItem = ViewItem | typeof VIEW_DIVIDER | Title\n\nexport interface ViewsMenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  items: ViewMenuItem[] // Array of ViewMenuItem or string\n  selected: SelectedViewState\n}\n\nexport const ViewsMenu = forwardRef<HTMLUListElement, ViewsMenuProps>(\n  ({ items, selected, ...props }, ref) => {\n    return (\n      <Styled.Scrollable>\n        <Styled.ViewsMenu {...props} ref={ref}>\n          {items.map((item, index) => {\n            if (item === '_divider_') {\n              return <Styled.ViewsMenuDivider key={index} />\n            } else if (typeof item === 'string') {\n              return <Styled.ViewsMenuTitle key={index}>{item}</Styled.ViewsMenuTitle>\n            } else {\n              return (\n                <ViewItem\n                  key={(item.id || '') + index.toString()}\n                  tabIndex={0}\n                  isSelected={item.id === selected}\n                  {...item}\n                />\n              )\n            }\n          })}\n        </Styled.ViewsMenu>\n      </Styled.Scrollable>\n    )\n  },\n)\n"],"names":["jsx","Styled.Scrollable","Styled.ViewsMenu","Styled.ViewsMenuDivider","Styled.ViewsMenuTitle"],"mappings":";;;;AAKO,MAAM,eAAe;AASrB,MAAM,YAAY;AAAA,EACvB,CAAC,EAAE,OAAO,UAAU,GAAG,MAAA,GAAS,QAAQ;AACtC,WACGA,kCAAAA,IAAAC,YAAA,EACC,gDAACC,aAAA,EAAkB,GAAG,OAAO,KAC1B,UAAA,MAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,UAAI,SAAS,aAAa;AACxB,eAAQF,sCAAAG,kBAAA,CAAA,GAA6B,KAAO;AAAA,MAAA,WACnC,OAAO,SAAS,UAAU;AACnC,eAAQH,kCAAAA,IAAAI,gBAAA,EAAmC,kBAAR,KAAa;AAAA,MAAA,OAC3C;AAEH,eAAAJ,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,UAAU;AAAA,YACV,YAAY,KAAK,OAAO;AAAA,YACvB,GAAG;AAAA,UAAA;AAAA,WAHE,KAAK,MAAM,MAAM,MAAM,SAAS;AAAA,QAIxC;AAAA,MAAA;AAAA,IAEJ,CACD,GACH,EACF,CAAA;AAAA,EAAA;AAGN;"}

package/dist/shared/src/components/Views/ViewsMenu/ViewsMenu.styled.cjs.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const styled = require("styled-components");
+const Scrollable = styled.div`
+  overflow: auto;
+  max-height: 40vh;
+`;
+const ViewsMenu = styled.ul`
+  /* reset defaults */
+  margin: 0;
+  padding: 0;
+  list-style: none;
+
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-gap-small);
+  margin-bottom: var(--padding-s);
+`;
+const ViewsMenuDivider = styled.li`
+  height: 1px;
+  background-color: var(--md-sys-color-outline-variant);
+  margin: 4px 0;
+`;
+const ViewsMenuTitle = styled.li`
+  ${ayonReactComponents.theme.labelSmall}
+  color: var(--md-sys-color-outline);
+`;
+exports.Scrollable = Scrollable;
+exports.ViewsMenu = ViewsMenu;
+exports.ViewsMenuDivider = ViewsMenuDivider;
+exports.ViewsMenuTitle = ViewsMenuTitle;
+//# sourceMappingURL=ViewsMenu.styled.cjs.js.map

package/dist/shared/src/components/Views/ViewsMenu/ViewsMenu.styled.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsMenu.styled.cjs.js","sources":["../../../../../../src/components/Views/ViewsMenu/ViewsMenu.styled.ts"],"sourcesContent":["import { theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Scrollable = styled.div`\n  overflow: auto;\n  max-height: 40vh;\n`\n\nexport const ViewsMenu = styled.ul`\n  /* reset defaults */\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n  margin-bottom: var(--padding-s);\n`\n\n// 1px line divider\nexport const ViewsMenuDivider = styled.li`\n  height: 1px;\n  background-color: var(--md-sys-color-outline-variant);\n  margin: 4px 0;\n`\n\nexport const ViewsMenuTitle = styled.li`\n  ${theme.labelSmall}\n  color: var(--md-sys-color-outline);\n`\n"],"names":["theme"],"mappings":";;;;AAGO,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAazB,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMhC,MAAM,iBAAiB,OAAO;AAAA,IACjCA,0BAAM,UAAU;AAAA;AAAA;;;;;"}

package/dist/shared/src/components/Views/ViewsMenu/ViewsMenu.styled.es.js

@@ -0,0 +1,33 @@
+import { theme } from "@ynput/ayon-react-components";
+import styled from "styled-components";
+const Scrollable = styled.div`
+  overflow: auto;
+  max-height: 40vh;
+`;
+const ViewsMenu = styled.ul`
+  /* reset defaults */
+  margin: 0;
+  padding: 0;
+  list-style: none;
+
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-gap-small);
+  margin-bottom: var(--padding-s);
+`;
+const ViewsMenuDivider = styled.li`
+  height: 1px;
+  background-color: var(--md-sys-color-outline-variant);
+  margin: 4px 0;
+`;
+const ViewsMenuTitle = styled.li`
+  ${theme.labelSmall}
+  color: var(--md-sys-color-outline);
+`;
+export {
+  Scrollable,
+  ViewsMenu,
+  ViewsMenuDivider,
+  ViewsMenuTitle
+};
+//# sourceMappingURL=ViewsMenu.styled.es.js.map

package/dist/shared/src/components/Views/ViewsMenu/ViewsMenu.styled.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsMenu.styled.es.js","sources":["../../../../../../src/components/Views/ViewsMenu/ViewsMenu.styled.ts"],"sourcesContent":["import { theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Scrollable = styled.div`\n  overflow: auto;\n  max-height: 40vh;\n`\n\nexport const ViewsMenu = styled.ul`\n  /* reset defaults */\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n  margin-bottom: var(--padding-s);\n`\n\n// 1px line divider\nexport const ViewsMenuDivider = styled.li`\n  height: 1px;\n  background-color: var(--md-sys-color-outline-variant);\n  margin: 4px 0;\n`\n\nexport const ViewsMenuTitle = styled.li`\n  ${theme.labelSmall}\n  color: var(--md-sys-color-outline);\n`\n"],"names":[],"mappings":";;AAGO,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAazB,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMhC,MAAM,iBAAiB,OAAO;AAAA,IACjC,MAAM,UAAU;AAAA;AAAA;"}

package/dist/shared/src/components/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+const ReactDOM = require("react-dom");
+const ViewsContext = require("../context/ViewsContext.cjs.js");
+const portalUtils = require("../utils/portalUtils.cjs.js");
+const ViewsMenu = require("../ViewsMenu/ViewsMenu.cjs.js");
+const ViewItem = require("../ViewItem/ViewItem.cjs.js");
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const styled = require("styled-components");
+require("../../../context/RemoteModulesContext.cjs.js");
+require("../../../context/DetailsPanelContext.cjs.js");
+require("../../../context/ThumbnailUploaderContext.cjs.js");
+require("../../../context/SettingsPanelContext.cjs.js");
+require("../../../context/pip/PiPProvider.cjs.js");
+require("../../../context/pip/PiPWrapper.cjs.js");
+require("../../../context/AddonProjectContext.cjs.js");
+require("../../../context/AddonContext.cjs.js");
+const PowerpackContext = require("../../../context/PowerpackContext.cjs.js");
+const ViewFormContainer = require("../ViewForm/ViewFormContainer.cjs.js");
+const Views_styled = require("../Views.styled.cjs.js");
+const PowerIcon = styled(ayonReactComponents.Icon)`
+  color: var(--md-sys-color-tertiary);
+  font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
+`;
+const PERSONAL_VIEW_ID = "_personal_";
+const NEW_VIEW_ID = "_new_view_";
+const ViewsMenuContainer = () => {
+  const {
+    viewType,
+    projectName,
+    isMenuOpen,
+    setIsMenuOpen,
+    editingView,
+    setEditingView,
+    selectedView,
+    personalView,
+    viewMenuItems
+  } = ViewsContext.useViewsContext();
+  const { powerLicense, setPowerpackDialog } = PowerpackContext.usePowerpack();
+  const modalRef = React.useRef(null);
+  const portalContainer = portalUtils.getViewsPortalContainer(viewType);
+  const buttonRect = portalContainer == null ? void 0 : portalContainer.getBoundingClientRect();
+  const gap = 4;
+  const modalPosition = {
+    top: buttonRect ? buttonRect.bottom + gap : 0,
+    left: buttonRect ? buttonRect.left : 0
+  };
+  React.useEffect(() => {
+    const handleClickOutside = (e) => {
+      var _a;
+      const target = e.target;
+      if (!(portalContainer == null ? void 0 : portalContainer.contains(target)) && !((_a = modalRef.current) == null ? void 0 : _a.contains(target)) && isMenuOpen) {
+        setIsMenuOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isMenuOpen, portalContainer, setIsMenuOpen]);
+  const handleCreateView = React.useCallback(() => {
+    if (!powerLicense) {
+      setPowerpackDialog("sharedViews");
+    } else {
+      setEditingView({ viewId: void 0 });
+    }
+    setIsMenuOpen(false);
+  }, [powerLicense, setPowerpackDialog, setEditingView, setIsMenuOpen]);
+  if (!isMenuOpen) {
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      ayonReactComponents.Dialog,
+      {
+        isOpen: !!editingView,
+        header: (editingView == null ? void 0 : editingView.viewId) ? "Edit view" : "Create new view",
+        onClose: () => setEditingView(null),
+        size: "md",
+        children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          ViewFormContainer.ViewFormContainer,
+          {
+            initialData: void 0,
+            viewType,
+            viewId: editingView == null ? void 0 : editingView.viewId,
+            project: projectName
+          }
+        )
+      }
+    );
+  }
+  const selectedViewId = !selectedView || (personalView == null ? void 0 : personalView.id) === selectedView ? PERSONAL_VIEW_ID : selectedView;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+    ReactDOM.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Views_styled.ViewsModal, { style: modalPosition, ref: modalRef, children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewsMenu.ViewsMenu, { items: viewMenuItems, selected: selectedViewId }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          ViewItem.ViewItem,
+          {
+            label: "Create new view",
+            id: NEW_VIEW_ID,
+            startContent: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "add" }),
+            endContent: !powerLicense && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(PowerIcon, { icon: "bolt" }),
+            onClick: handleCreateView
+          }
+        )
+      ] }),
+      document.body
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      ayonReactComponents.Dialog,
+      {
+        isOpen: !!editingView,
+        header: (editingView == null ? void 0 : editingView.viewId) ? "Edit view" : "Create new view",
+        onClose: () => setEditingView(null),
+        size: "md",
+        children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          ViewFormContainer.ViewFormContainer,
+          {
+            initialData: void 0,
+            viewType,
+            viewId: editingView == null ? void 0 : editingView.viewId,
+            project: projectName
+          }
+        )
+      }
+    )
+  ] });
+};
+exports.NEW_VIEW_ID = NEW_VIEW_ID;
+exports.PERSONAL_VIEW_ID = PERSONAL_VIEW_ID;
+exports.ViewsMenuContainer = ViewsMenuContainer;
+//# sourceMappingURL=ViewsMenuContainer.cjs.js.map

package/dist/shared/src/components/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsMenuContainer.cjs.js","sources":["../../../../../../src/components/Views/ViewsMenuContainer/ViewsMenuContainer.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useRef, useMemo } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { getViewsPortalContainer } from '../utils/portalUtils'\nimport { ViewsMenu as ViewsMenuComponent } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Dialog, Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { usePowerpack } from '@shared/context'\nimport { ViewFormContainer } from '../ViewForm/ViewFormContainer'\nimport * as Styled from '../Views.styled'\n\nconst PowerIcon = styled(Icon)`\n  color: var(--md-sys-color-tertiary);\n  font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n`\n\n// constants\nexport const PERSONAL_VIEW_ID = '_personal_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\n\nexport const ViewsMenuContainer: FC = () => {\n  const {\n    viewType,\n    projectName,\n    isMenuOpen,\n    setIsMenuOpen,\n    editingView,\n    setEditingView,\n    selectedView,\n    personalView,\n    viewMenuItems,\n  } = useViewsContext()\n\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const modalRef = useRef<HTMLDivElement>(null)\n\n  // Modal position calculation\n  const portalContainer = getViewsPortalContainer(viewType)\n  const buttonRect = portalContainer?.getBoundingClientRect()\n  const gap = 4\n  const modalPosition = {\n    top: buttonRect ? buttonRect.bottom + gap : 0,\n    left: buttonRect ? buttonRect.left : 0,\n  }\n\n  // Close menu when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as HTMLElement\n      if (!portalContainer?.contains(target) && !modalRef.current?.contains(target) && isMenuOpen) {\n        setIsMenuOpen(false)\n      }\n    }\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isMenuOpen, portalContainer, setIsMenuOpen])\n\n  const handleCreateView = useCallback(() => {\n    if (!powerLicense) {\n      setPowerpackDialog('sharedViews')\n    } else {\n      setEditingView({ viewId: undefined })\n    }\n    setIsMenuOpen(false)\n  }, [powerLicense, setPowerpackDialog, setEditingView, setIsMenuOpen])\n\n  if (!isMenuOpen) {\n    return (\n      <Dialog\n        isOpen={!!editingView}\n        header={editingView?.viewId ? 'Edit view' : 'Create new view'}\n        onClose={() => setEditingView(null)}\n        size=\"md\"\n      >\n        <ViewFormContainer\n          initialData={undefined}\n          viewType={viewType}\n          viewId={editingView?.viewId}\n          project={projectName}\n        />\n      </Dialog>\n    )\n  }\n\n  const selectedViewId =\n    !selectedView || personalView?.id === selectedView ? PERSONAL_VIEW_ID : selectedView\n\n  return (\n    <>\n      {createPortal(\n        <Styled.ViewsModal style={modalPosition} ref={modalRef}>\n          <ViewsMenuComponent items={viewMenuItems} selected={selectedViewId} />\n          <ViewItem\n            label=\"Create new view\"\n            id={NEW_VIEW_ID}\n            startContent={<Icon icon=\"add\" />}\n            endContent={!powerLicense && <PowerIcon icon=\"bolt\" />}\n            onClick={handleCreateView}\n          />\n        </Styled.ViewsModal>,\n        document.body,\n      )}\n      <Dialog\n        isOpen={!!editingView}\n        header={editingView?.viewId ? 'Edit view' : 'Create new view'}\n        onClose={() => setEditingView(null)}\n        size=\"md\"\n      >\n        <ViewFormContainer\n          initialData={undefined}\n          viewType={viewType}\n          viewId={editingView?.viewId}\n          project={projectName}\n        />\n      </Dialog>\n    </>\n  )\n}\n"],"names":["Icon","useViewsContext","usePowerpack","useRef","getViewsPortalContainer","useEffect","useCallback","jsx","Dialog","ViewFormContainer","jsxs","Fragment","createPortal","Styled.ViewsModal","ViewsMenuComponent","ViewItem"],"mappings":"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"}