@ynput/ayon-frontend-shared 0.3.24 → 0.3.25

package/dist/shared/src/containers/Views/ViewsMenuContainer/BaseViewsTags.es.js

@@ -1,9 +1,9 @@
 import { j as i } from "../../../../../_virtual/jsx-runtime.es.js";
-import { BaseViewsContainer as j, ViewButton as V } from "../Views.styled.es.js";
+import { BaseViewsContainer as j, ViewButton as B } from "../Views.styled.es.js";
 import "../../ContextMenu/ContextMenuContext.es.js";
-import { Icon as B } from "@ynput/ayon-react-components";
+import { Icon as V } from "@ynput/ayon-react-components";
 /* empty css                                    */
-import C from "clsx";
+import g from "clsx";
 import "react";
 import "react-dom";
 import "../../Feed/context/FeedContext.es.js";
@@ -21,6 +21,7 @@ import "../../../api/generated/attributes.es.js";
 import "../../../api/generated/authentication.es.js";
 import "../../../api/generated/bundles.es.js";
 import "../../../api/generated/configuration.es.js";
+import "../../../api/generated/dataImport.es.js";
 import "../../../api/generated/desktop.es.js";
 import "../../../api/generated/entityLists.es.js";
 import "../../../api/generated/events.es.js";
@@ -100,7 +101,7 @@ import "../../../api/queries/views/getViews.es.js";
 import "../../../api/queries/views/updateViews.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
 import "../../../api/queries/uris/getUris.es.js";
-import { confirmDialog as g } from "../../../../node_modules/primereact/confirmdialog/confirmdialog.esm.es.js";
+import { confirmDialog as h } from "../../../../node_modules/primereact/confirmdialog/confirmdialog.esm.es.js";
 import "../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
 import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../../context/RemoteModulesContext.es.js";
@@ -112,7 +113,7 @@ import "../../../context/pip/PiPProvider.es.js";
 import "../../../context/pip/PiPWrapper.es.js";
 import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
-import { usePowerpack as h } from "../../../context/PowerpackContext.es.js";
+import { usePowerpack as k } from "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
@@ -189,7 +190,7 @@ import "../../Slicer/components/Slicer.es.js";
 import "../../Slicer/context/SlicerContext.es.js";
 import "../../Slicer/hooks/useTableDataBySlice.es.js";
 import "react-redux";
-import { useLocalStorage as k } from "../../../hooks/useLocalStorage.es.js";
+import { useLocalStorage as v } from "../../../hooks/useLocalStorage.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
 import "custom-protocol-check";
@@ -266,89 +267,90 @@ import "../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.
 import "../../Actions/Actions.styled.es.js";
 import "../../Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../../Actions/ActionIcon.es.js";
-import { useViewsContext as v } from "../context/ViewsContext.es.js";
+import { useViewsContext as b } from "../context/ViewsContext.es.js";
 import "./ViewsMenuContainer.es.js";
 import "../ViewsMenu/ViewsMenu.es.js";
-import { SectionHeader as b } from "../ViewsMenu/SectionHeader.es.js";
-const Lm = ({ projectName: r }) => {
+import { SectionHeader as L } from "../ViewsMenu/SectionHeader.es.js";
+const Am = ({ projectName: r }) => {
   const {
     projectBaseView: m,
     studioBaseView: p,
     onCreateBaseView: e,
     onDeleteBaseView: a,
-    onLoadBaseView: s
-  } = v(), { powerLicense: t, setPowerpackDialog: u } = h(), [l, x] = k("collapsed-default-view", !1), n = async (o, c) => {
-    const f = o ? p : m, d = !o && t === !1;
-    if (d && !c) {
-      u("sharedViews");
+    onLoadBaseView: s,
+    viewAlias: o
+  } = b(), { powerLicense: n, setPowerpackDialog: x } = k(), [l, C] = v("collapsed-default-view", !1), c = async (t, f) => {
+    const d = t ? p : m, w = !t && n === !1;
+    if (w && !f) {
+      x("sharedViews");
       return;
     }
-    f ? c || d ? g({
-      message: "Are you sure you want to remove this default view?",
-      header: "Remove Default View",
+    d ? f || w ? h({
+      message: `Are you sure you want to remove this default ${o.toLowerCase()}?`,
+      header: `Remove Default ${o}`,
       acceptLabel: "Remove",
       rejectLabel: "Cancel",
       accept: async () => {
-        await a(f.id, o);
+        await a(d.id, t);
       }
-    }) : await s(o) : await e(o);
+    }) : await s(t) : await e(t);
   };
   return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     /* @__PURE__ */ i.jsx(
-      b,
+      L,
       {
-        onClick: () => x(!l),
+        onClick: () => C(!l),
         collapsed: l,
         id: "default-views",
-        title: "Default views",
+        title: `Default ${o.toLowerCase()}`,
         style: { marginBottom: "10px" }
       }
     ),
     !l && /* @__PURE__ */ i.jsxs(j, { children: [
       /* @__PURE__ */ i.jsx(
-        w,
+        u,
         {
           existingView: !!p,
           label: "Studio",
-          onClick: (o) => n(!0, o)
+          onClick: (t) => c(!0, t)
         }
       ),
       r && /* @__PURE__ */ i.jsx(
-        w,
+        u,
         {
           existingView: !!m,
           label: "Project",
-          onClick: (o) => n(!1, o),
-          powerLicense: t
+          onClick: (t) => c(!1, t),
+          powerLicense: n
         }
       )
     ] })
   ] });
-}, w = ({
+}, u = ({
   existingView: r,
   onClick: m,
   label: p,
   powerLicense: e = void 0
 }) => {
-  const a = (t) => {
-    t.stopPropagation(), m();
-  }, s = (t) => {
-    t.stopPropagation(), m(!0);
+  const a = (o) => {
+    o.stopPropagation(), m();
+  }, s = (o) => {
+    o.stopPropagation(), m(!0);
   };
   return /* @__PURE__ */ i.jsxs(
-    V,
+    B,
     {
-      className: C({
+      className: g({
         "powerpack-locked": e === !1,
         active: r
       }),
       onClick: a,
       children: [
         /* @__PURE__ */ i.jsx(
-          B,
+          V,
           {
             icon: e === !1 ? "bolt" : r ? "close" : "add",
-            onClick: (t) => r && s(t)
+            onClick: (o) => r && s(o)
           }
         ),
         p
@@ -357,6 +359,6 @@ const Lm = ({ projectName: r }) => {
   );
 };
 export {
-  Lm as default
+  Am as default
 };
 //# sourceMappingURL=BaseViewsTags.es.js.map

package/dist/shared/src/containers/Views/ViewsMenuContainer/BaseViewsTags.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseViewsTags.es.js","sources":["../../../../../../src/containers/Views/ViewsMenuContainer/BaseViewsTags.tsx"],"sourcesContent":["import { FC } from 'react'\nimport * as Styled from '@shared/containers/Views/Views.styled'\nimport { useViewsContext } from '@shared/containers'\nimport { confirmDialog } from 'primereact/confirmdialog'\nimport { usePowerpack } from '@shared/context'\nimport { SectionHeader } from '@shared/containers/Views/ViewsMenu/SectionHeader'\nimport { useLocalStorage } from '@shared/hooks'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\n\ntype BaseViewsTagContainerProps = {\n  projectName?: string | undefined\n}\n\nconst BaseViewsTagContainer: FC<BaseViewsTagContainerProps> = ({ projectName }) => {\n  const {\n    projectBaseView,\n    studioBaseView,\n    onCreateBaseView,\n    onDeleteBaseView,\n    onLoadBaseView,\n  } = useViewsContext()\n\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const [collapsed, setCollapsed] = useLocalStorage('collapsed-default-view', false)\n\n  const handleBaseViewAction = async (isStudioScope: boolean, remove?: boolean) => {\n    const existingBase = isStudioScope ? studioBaseView : projectBaseView\n\n    const disabled = !isStudioScope && powerLicense === false\n    if (disabled && !remove) {\n      setPowerpackDialog('sharedViews')\n      return\n    }\n\n    if (existingBase) {\n      if (remove || disabled) {\n        // remove button clicked, ask to remove the base view\n        confirmDialog({\n          message: `Are you sure you want to remove this default view?`,\n          header: `Remove Default View`,\n          acceptLabel: 'Remove',\n          rejectLabel: 'Cancel',\n          accept: async () => {\n            await onDeleteBaseView(existingBase.id as string, isStudioScope)\n          },\n        })\n      } else {\n        // load the base view settings into working view\n        await onLoadBaseView(isStudioScope)\n      }\n    } else {\n      // create new base view\n      await onCreateBaseView(isStudioScope)\n    }\n  }\n\n  return (\n    <>\n      <SectionHeader\n        onClick={() => setCollapsed(!collapsed)}\n        collapsed={collapsed}\n        id=\"default-views\"\n        title=\"Default views\"\n        style={{ marginBottom: '10px' }}\n      />\n      {!collapsed && (\n        <Styled.BaseViewsContainer>\n          <ScopeIcon\n            existingView={!!studioBaseView}\n            label={'Studio'}\n            onClick={(r) => handleBaseViewAction(true, r)}\n          />\n          {projectName && (\n            <ScopeIcon\n              existingView={!!projectBaseView}\n              label={'Project'}\n              onClick={(r) => handleBaseViewAction(false, r)}\n              powerLicense={powerLicense}\n            />\n          )}\n        </Styled.BaseViewsContainer>\n      )}\n    </>\n  )\n}\nexport default BaseViewsTagContainer\n\ntype ScopeIconProps = {\n  existingView: boolean\n  onClick: (remove?: boolean) => void\n  label: string\n  powerLicense?: boolean\n}\n\nconst ScopeIcon: FC<ScopeIconProps> = ({\n  existingView,\n  onClick,\n  label,\n  powerLicense = undefined,\n}) => {\n  const handleClick = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    onClick()\n  }\n\n  const handleRemove = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    onClick(true)\n  }\n\n  return (\n    <Styled.ViewButton\n      className={clsx({\n        ['powerpack-locked']: powerLicense === false,\n        ['active']: existingView,\n      })}\n      onClick={handleClick}\n    >\n      <Icon\n        icon={powerLicense === false ? 'bolt' : existingView ? 'close' : 'add'}\n        onClick={(e) => existingView && handleRemove(e)}\n      />\n      {label}\n    </Styled.ViewButton>\n  )\n}\n"],"names":["BaseViewsTagContainer","projectName","projectBaseView","studioBaseView","onCreateBaseView","onDeleteBaseView","onLoadBaseView","useViewsContext","powerLicense","setPowerpackDialog","usePowerpack","collapsed","setCollapsed","useLocalStorage","handleBaseViewAction","isStudioScope","remove","existingBase","disabled","confirmDialog","jsxs","Fragment","jsx","SectionHeader","Styled.BaseViewsContainer","ScopeIcon","r","existingView","onClick","label","handleClick","e","handleRemove","Styled.ViewButton","clsx","Icon"],"mappings":"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"}
+{"version":3,"file":"BaseViewsTags.es.js","sources":["../../../../../../src/containers/Views/ViewsMenuContainer/BaseViewsTags.tsx"],"sourcesContent":["import { FC } from 'react'\nimport * as Styled from '@shared/containers/Views/Views.styled'\nimport { useViewsContext } from '@shared/containers'\nimport { confirmDialog } from 'primereact/confirmdialog'\nimport { usePowerpack } from '@shared/context'\nimport { SectionHeader } from '@shared/containers/Views/ViewsMenu/SectionHeader'\nimport { useLocalStorage } from '@shared/hooks'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\n\ntype BaseViewsTagContainerProps = {\n  projectName?: string | undefined\n}\n\nconst BaseViewsTagContainer: FC<BaseViewsTagContainerProps> = ({ projectName }) => {\n  const {\n    projectBaseView,\n    studioBaseView,\n    onCreateBaseView,\n    onDeleteBaseView,\n    onLoadBaseView,\n    viewAlias,\n  } = useViewsContext()\n\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const [collapsed, setCollapsed] = useLocalStorage('collapsed-default-view', false)\n\n  const handleBaseViewAction = async (isStudioScope: boolean, remove?: boolean) => {\n    const existingBase = isStudioScope ? studioBaseView : projectBaseView\n\n    const disabled = !isStudioScope && powerLicense === false\n    if (disabled && !remove) {\n      setPowerpackDialog('sharedViews')\n      return\n    }\n\n    if (existingBase) {\n      if (remove || disabled) {\n        // remove button clicked, ask to remove the base view\n        confirmDialog({\n          message: `Are you sure you want to remove this default ${viewAlias.toLowerCase()}?`,\n          header: `Remove Default ${viewAlias}`,\n          acceptLabel: 'Remove',\n          rejectLabel: 'Cancel',\n          accept: async () => {\n            await onDeleteBaseView(existingBase.id as string, isStudioScope)\n          },\n        })\n      } else {\n        // load the base view settings into working view\n        await onLoadBaseView(isStudioScope)\n      }\n    } else {\n      // create new base view\n      await onCreateBaseView(isStudioScope)\n    }\n  }\n\n  return (\n    <>\n      <SectionHeader\n        onClick={() => setCollapsed(!collapsed)}\n        collapsed={collapsed}\n        id=\"default-views\"\n        title={`Default ${viewAlias.toLowerCase()}`}\n        style={{ marginBottom: '10px' }}\n      />\n      {!collapsed && (\n        <Styled.BaseViewsContainer>\n          <ScopeIcon\n            existingView={!!studioBaseView}\n            label={'Studio'}\n            onClick={(r) => handleBaseViewAction(true, r)}\n          />\n          {projectName && (\n            <ScopeIcon\n              existingView={!!projectBaseView}\n              label={'Project'}\n              onClick={(r) => handleBaseViewAction(false, r)}\n              powerLicense={powerLicense}\n            />\n          )}\n        </Styled.BaseViewsContainer>\n      )}\n    </>\n  )\n}\nexport default BaseViewsTagContainer\n\ntype ScopeIconProps = {\n  existingView: boolean\n  onClick: (remove?: boolean) => void\n  label: string\n  powerLicense?: boolean\n}\n\nconst ScopeIcon: FC<ScopeIconProps> = ({\n  existingView,\n  onClick,\n  label,\n  powerLicense = undefined,\n}) => {\n  const handleClick = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    onClick()\n  }\n\n  const handleRemove = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    onClick(true)\n  }\n\n  return (\n    <Styled.ViewButton\n      className={clsx({\n        ['powerpack-locked']: powerLicense === false,\n        ['active']: existingView,\n      })}\n      onClick={handleClick}\n    >\n      <Icon\n        icon={powerLicense === false ? 'bolt' : existingView ? 'close' : 'add'}\n        onClick={(e) => existingView && handleRemove(e)}\n      />\n      {label}\n    </Styled.ViewButton>\n  )\n}\n"],"names":["BaseViewsTagContainer","projectName","projectBaseView","studioBaseView","onCreateBaseView","onDeleteBaseView","onLoadBaseView","viewAlias","useViewsContext","powerLicense","setPowerpackDialog","usePowerpack","collapsed","setCollapsed","useLocalStorage","handleBaseViewAction","isStudioScope","remove","existingBase","disabled","confirmDialog","jsxs","Fragment","jsx","SectionHeader","Styled.BaseViewsContainer","ScopeIcon","r","existingView","onClick","label","handleClick","e","handleRemove","Styled.ViewButton","clsx","Icon"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),i=require("react"),b=require("react-dom"),M=require("../context/ViewsContext.cjs.js"),L=require("../utils/portalUtils.cjs.js"),O=require("../ViewsMenu/ViewsMenu.cjs.js"),h=require("../ViewItem/ViewItem.cjs.js"),E=require("@ynput/ayon-react-components"),P=require("styled-components");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/SubtasksModulesContext.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 S=require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");const G=require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("../../../context/UriContext.cjs.js");const q=require("../Views.styled.cjs.js"),N=require("../ViewsDialogContainer/ViewsDialogContainer.cjs.js"),A=require("./BaseViewsTags.cjs.js"),c=require("../types.cjs.js"),K=P(E.Icon)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),i=require("react"),M=require("react-dom"),L=require("../context/ViewsContext.cjs.js"),O=require("../utils/portalUtils.cjs.js"),h=require("../ViewsMenu/ViewsMenu.cjs.js"),P=require("../ViewItem/ViewItem.cjs.js"),E=require("@ynput/ayon-react-components"),S=require("styled-components");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/SubtasksModulesContext.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 G=require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");const N=require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("../../../context/UriContext.cjs.js");const q=require("../Views.styled.cjs.js"),A=require("../ViewsDialogContainer/ViewsDialogContainer.cjs.js"),K=require("./BaseViewsTags.cjs.js"),c=require("../types.cjs.js"),F=S(E.Icon)`
   color: var(--md-sys-color-tertiary);
   font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
-`,F=()=>{const{viewType:I,isMenuOpen:t,setIsMenuOpen:s,setEditingView:m,selectedView:u,workingView:V,viewMenuItems:j,projectName:R}=M.useViewsContext(),{powerLicense:a,setPowerpackDialog:x}=S.usePowerpack(),o=i.useRef(null),{user:g}=G.useGlobalContext(),C=(g?.uiExposureLevel||0)>=900,d=L.getViewsPortalContainer(I),r=d?.getBoundingClientRect(),f={top:r?r.bottom+8:0,left:r?r.left:0};i.useEffect(()=>{const w=l=>{const n=l.target,_=o.current?.contains(n)||d?.contains(n),k=document.querySelector("."+N.VIEWS_DIALOG_CLASS)?.contains(n),v=document.querySelector(".options")?.contains(n),W=document.querySelector(".p-confirm-dialog")?.contains(n);!_&&!k&&!v&&!W&&t&&s(!1)},p=l=>{l.key==="Escape"&&t&&s(!1)};return document.addEventListener("mousedown",w),document.addEventListener("keydown",p),()=>{document.removeEventListener("mousedown",w),document.removeEventListener("keydown",p)}},[t,d,s]),i.useEffect(()=>{t&&o.current&&o.current.focus()},[t]);const y=i.useCallback(()=>{a?m(!0):x("sharedViews")},[a,x,m,s]),D=!u||V?.id===u.id?c.WORKING_VIEW_ID:u.id;return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t&&b.createPortal(e.jsxRuntimeExports.jsxs(q.ViewsModal,{style:f,ref:o,tabIndex:0,children:[e.jsxRuntimeExports.jsx(O.ViewsMenu,{items:j,selected:D}),C&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(A,{projectName:R}),e.jsxRuntimeExports.jsx(q.ViewsMenuDivider,{})]}),e.jsxRuntimeExports.jsx(h.ViewItem,{label:"Create new view",id:c.NEW_VIEW_ID,startContent:e.jsxRuntimeExports.jsx(E.Icon,{icon:"add"}),endContent:!a&&e.jsxRuntimeExports.jsx(K,{icon:"bolt"}),onClick:y,tabIndex:0})]}),document.body)})};exports.NEW_VIEW_ID=c.NEW_VIEW_ID;exports.WORKING_VIEW_ID=c.WORKING_VIEW_ID;exports.ViewsMenuContainer=F;
+`,T=()=>{const{viewType:I,viewAlias:V,isMenuOpen:t,setIsMenuOpen:s,setEditingView:m,selectedView:u,workingView:j,viewMenuItems:R,projectName:C}=L.useViewsContext(),{powerLicense:a,setPowerpackDialog:x}=G.usePowerpack(),o=i.useRef(null),{user:g}=N.useGlobalContext(),f=(g?.uiExposureLevel||0)>=900,l=O.getViewsPortalContainer(I),r=l?.getBoundingClientRect(),y={top:r?r.bottom+8:0,left:r?r.left:0};i.useEffect(()=>{const w=d=>{const n=d.target,k=o.current?.contains(n)||l?.contains(n),v=document.querySelector("."+A.VIEWS_DIALOG_CLASS)?.contains(n),W=document.querySelector(".options")?.contains(n),b=document.querySelector(".p-confirm-dialog")?.contains(n);!k&&!v&&!W&&!b&&t&&s(!1)},p=d=>{d.key==="Escape"&&t&&s(!1)};return document.addEventListener("mousedown",w),document.addEventListener("keydown",p),()=>{document.removeEventListener("mousedown",w),document.removeEventListener("keydown",p)}},[t,l,s]),i.useEffect(()=>{t&&o.current&&o.current.focus()},[t]);const D=i.useCallback(()=>{a?m(!0):x("sharedViews")},[a,x,m,s]),_=!u||j?.id===u.id?c.WORKING_VIEW_ID:u.id;return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t&&M.createPortal(e.jsxRuntimeExports.jsxs(q.ViewsModal,{style:y,ref:o,tabIndex:0,children:[e.jsxRuntimeExports.jsx(h.ViewsMenu,{items:R,selected:_}),f&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(K,{projectName:C}),e.jsxRuntimeExports.jsx(q.ViewsMenuDivider,{})]}),e.jsxRuntimeExports.jsx(P.ViewItem,{label:`Create new ${V.toLowerCase()}`,id:c.NEW_VIEW_ID,startContent:e.jsxRuntimeExports.jsx(E.Icon,{icon:"add"}),endContent:!a&&e.jsxRuntimeExports.jsx(F,{icon:"bolt"}),onClick:D,tabIndex:0})]}),document.body)})};exports.NEW_VIEW_ID=c.NEW_VIEW_ID;exports.WORKING_VIEW_ID=c.WORKING_VIEW_ID;exports.ViewsMenuContainer=T;
 //# sourceMappingURL=ViewsMenuContainer.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ViewsMenuContainer.cjs.js","sources":["../../../../../../src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { getViewsPortalContainer } from '../utils/portalUtils'\nimport { ViewsMenu } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { useGlobalContext, usePowerpack } from '@shared/context'\nimport * as Styled from '../Views.styled'\nimport { VIEWS_DIALOG_CLASS } from '../ViewsDialogContainer/ViewsDialogContainer'\nimport BaseViewsTagContainer from '@shared/containers/Views/ViewsMenuContainer/BaseViewsTags'\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\nimport { WORKING_VIEW_ID, NEW_VIEW_ID } from '../types'\nexport { WORKING_VIEW_ID, NEW_VIEW_ID }\n\nexport const ViewsMenuContainer: FC = () => {\n  const {\n    viewType,\n    isMenuOpen,\n    setIsMenuOpen,\n    setEditingView,\n    selectedView,\n    workingView,\n    viewMenuItems,\n    projectName,\n  } = useViewsContext()\n\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const modalRef = useRef<HTMLDivElement>(null)\n\n  const { user } = useGlobalContext()\n  const isAdmin = (user?.uiExposureLevel || 0) >= 900\n  // Modal position calculation\n  const portalContainer = getViewsPortalContainer(viewType)\n  const buttonRect = portalContainer?.getBoundingClientRect()\n  const gap = 8\n  const modalPosition = {\n    top: buttonRect ? buttonRect.bottom + gap : 0,\n    left: buttonRect ? buttonRect.left : 0,\n  }\n\n  // Close menu when clicking outside or pressing Escape\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as HTMLElement\n\n      const clickInsideMenu =\n        modalRef.current?.contains(target) || portalContainer?.contains(target)\n      const clickInsideEditDialog = document\n        .querySelector('.' + VIEWS_DIALOG_CLASS)\n        ?.contains(target)\n      const clickInsideDropdown = document.querySelector('.options')?.contains(target)\n      const clickInsideConfirmDialog = document.querySelector('.p-confirm-dialog')?.contains(target)\n\n      if (\n        !clickInsideMenu &&\n        !clickInsideEditDialog &&\n        !clickInsideDropdown &&\n        !clickInsideConfirmDialog &&\n        isMenuOpen\n      ) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    const handleEscapeKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && isMenuOpen) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleEscapeKey)\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleEscapeKey)\n    }\n  }, [isMenuOpen, portalContainer, setIsMenuOpen])\n\n  // when the view is open, focus the modal\n  useEffect(() => {\n    if (isMenuOpen && modalRef.current) {\n      modalRef.current.focus()\n    }\n  }, [isMenuOpen])\n\n  const handleCreateView = useCallback(() => {\n    if (!powerLicense) {\n      setPowerpackDialog('sharedViews')\n    } else {\n      setEditingView(true)\n    }\n  }, [powerLicense, setPowerpackDialog, setEditingView, setIsMenuOpen])\n\n  const selectedViewId =\n    !selectedView || workingView?.id === selectedView.id\n      ? WORKING_VIEW_ID\n      : (selectedView.id as string)\n\n  return (\n    <>\n      {isMenuOpen &&\n        createPortal(\n          <Styled.ViewsModal style={modalPosition} ref={modalRef} tabIndex={0}>\n            <ViewsMenu items={viewMenuItems} selected={selectedViewId} />\n            {isAdmin && (\n              <>\n                <BaseViewsTagContainer projectName={projectName} />\n                <Styled.ViewsMenuDivider />\n              </>\n            )}\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              tabIndex={0}\n            />\n          </Styled.ViewsModal>,\n          document.body,\n        )}\n    </>\n  )\n}\n"],"names":["PowerIcon","styled","Icon","ViewsMenuContainer","viewType","isMenuOpen","setIsMenuOpen","setEditingView","selectedView","workingView","viewMenuItems","projectName","useViewsContext","powerLicense","setPowerpackDialog","usePowerpack","modalRef","useRef","user","useGlobalContext","isAdmin","portalContainer","getViewsPortalContainer","buttonRect","modalPosition","useEffect","handleClickOutside","e","target","clickInsideMenu","clickInsideEditDialog","VIEWS_DIALOG_CLASS","clickInsideDropdown","clickInsideConfirmDialog","handleEscapeKey","handleCreateView","useCallback","selectedViewId","WORKING_VIEW_ID","createPortal","jsxs","Styled.ViewsModal","jsx","ViewsMenu","Fragment","BaseViewsTagContainer","Styled.ViewsMenuDivider","ViewItem","NEW_VIEW_ID"],"mappings":"q+CAaMA,EAAYC,EAAOC,MAAI;AAAA;AAAA;AAAA,EAQhBC,EAAyB,IAAM,CAC1C,KAAM,CACJ,SAAAC,EACA,WAAAC,EACA,cAAAC,EACA,eAAAC,EACA,aAAAC,EACA,YAAAC,EACA,cAAAC,EACA,YAAAC,CAAA,EACEC,kBAAA,EAEE,CAAE,aAAAC,EAAc,mBAAAC,CAAA,EAAuBC,eAAA,EACvCC,EAAWC,EAAAA,OAAuB,IAAI,EAEtC,CAAE,KAAAC,CAAA,EAASC,mBAAA,EACXC,GAAWF,GAAM,iBAAmB,IAAM,IAE1CG,EAAkBC,EAAAA,wBAAwBlB,CAAQ,EAClDmB,EAAaF,GAAiB,sBAAA,EAE9BG,EAAgB,CACpB,IAAKD,EAAaA,EAAW,OAFnB,EAEkC,EAC5C,KAAMA,EAAaA,EAAW,KAAO,CAAA,EAIvCE,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAsBC,GAAkB,CAC5C,MAAMC,EAASD,EAAE,OAEXE,EACJb,EAAS,SAAS,SAASY,CAAM,GAAKP,GAAiB,SAASO,CAAM,EAClEE,EAAwB,SAC3B,cAAc,IAAMC,oBAAkB,GACrC,SAASH,CAAM,EACbI,EAAsB,SAAS,cAAc,UAAU,GAAG,SAASJ,CAAM,EACzEK,EAA2B,SAAS,cAAc,mBAAmB,GAAG,SAASL,CAAM,EAG3F,CAACC,GACD,CAACC,GACD,CAACE,GACD,CAACC,GACD5B,GAEAC,EAAc,EAAK,CAEvB,EAEM4B,EAAmBP,GAAqB,CACxCA,EAAE,MAAQ,UAAYtB,GACxBC,EAAc,EAAK,CAEvB,EAEA,gBAAS,iBAAiB,YAAaoB,CAAkB,EACzD,SAAS,iBAAiB,UAAWQ,CAAe,EAE7C,IAAM,CACX,SAAS,oBAAoB,YAAaR,CAAkB,EAC5D,SAAS,oBAAoB,UAAWQ,CAAe,CACzD,CACF,EAAG,CAAC7B,EAAYgB,EAAiBf,CAAa,CAAC,EAG/CmB,EAAAA,UAAU,IAAM,CACVpB,GAAcW,EAAS,SACzBA,EAAS,QAAQ,MAAA,CAErB,EAAG,CAACX,CAAU,CAAC,EAEf,MAAM8B,EAAmBC,EAAAA,YAAY,IAAM,CACpCvB,EAGHN,EAAe,EAAI,EAFnBO,EAAmB,aAAa,CAIpC,EAAG,CAACD,EAAcC,EAAoBP,EAAgBD,CAAa,CAAC,EAE9D+B,EACJ,CAAC7B,GAAgBC,GAAa,KAAOD,EAAa,GAC9C8B,kBACC9B,EAAa,GAEpB,6DAEK,SAAAH,GACCkC,EAAAA,aACEC,yBAACC,EAAAA,WAAA,CAAkB,MAAOjB,EAAe,IAAKR,EAAU,SAAU,EAChE,SAAA,CAAA0B,EAAAA,kBAAAA,IAACC,EAAAA,UAAA,CAAU,MAAOjC,EAAe,SAAU2B,EAAgB,EAC1DjB,GACCoB,EAAAA,kBAAAA,KAAAI,6BAAA,CACE,SAAA,CAAAF,wBAACG,GAAsB,YAAAlC,EAA0B,EACjD+B,EAAAA,kBAAAA,IAACI,EAAAA,iBAAA,CAAA,CAAwB,CAAA,EAC3B,EAEFJ,EAAAA,kBAAAA,IAACK,EAAAA,SAAA,CACC,MAAM,kBACN,GAAIC,EAAAA,YACJ,aAAcN,EAAAA,kBAAAA,IAACxC,EAAAA,KAAA,CAAK,KAAK,KAAA,CAAM,EAC/B,WAAY,CAACW,GAAgB6B,EAAAA,kBAAAA,IAAC1C,EAAA,CAAU,KAAK,OAAO,EACpD,QAASmC,EACT,SAAU,CAAA,CAAA,CACZ,EACF,EACA,SAAS,IAAA,EAEf,CAEJ"}
+{"version":3,"file":"ViewsMenuContainer.cjs.js","sources":["../../../../../../src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { getViewsPortalContainer } from '../utils/portalUtils'\nimport { ViewsMenu } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { useGlobalContext, usePowerpack } from '@shared/context'\nimport * as Styled from '../Views.styled'\nimport { VIEWS_DIALOG_CLASS } from '../ViewsDialogContainer/ViewsDialogContainer'\nimport BaseViewsTagContainer from '@shared/containers/Views/ViewsMenuContainer/BaseViewsTags'\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\nimport { WORKING_VIEW_ID, NEW_VIEW_ID } from '../types'\nexport { WORKING_VIEW_ID, NEW_VIEW_ID }\n\nexport const ViewsMenuContainer: FC = () => {\n  const {\n    viewType,\n    viewAlias,\n    isMenuOpen,\n    setIsMenuOpen,\n    setEditingView,\n    selectedView,\n    workingView,\n    viewMenuItems,\n    projectName,\n  } = useViewsContext()\n\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const modalRef = useRef<HTMLDivElement>(null)\n\n  const { user } = useGlobalContext()\n  const isAdmin = (user?.uiExposureLevel || 0) >= 900\n  // Modal position calculation\n  const portalContainer = getViewsPortalContainer(viewType)\n  const buttonRect = portalContainer?.getBoundingClientRect()\n  const gap = 8\n  const modalPosition = {\n    top: buttonRect ? buttonRect.bottom + gap : 0,\n    left: buttonRect ? buttonRect.left : 0,\n  }\n\n  // Close menu when clicking outside or pressing Escape\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as HTMLElement\n\n      const clickInsideMenu =\n        modalRef.current?.contains(target) || portalContainer?.contains(target)\n      const clickInsideEditDialog = document\n        .querySelector('.' + VIEWS_DIALOG_CLASS)\n        ?.contains(target)\n      const clickInsideDropdown = document.querySelector('.options')?.contains(target)\n      const clickInsideConfirmDialog = document.querySelector('.p-confirm-dialog')?.contains(target)\n\n      if (\n        !clickInsideMenu &&\n        !clickInsideEditDialog &&\n        !clickInsideDropdown &&\n        !clickInsideConfirmDialog &&\n        isMenuOpen\n      ) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    const handleEscapeKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && isMenuOpen) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleEscapeKey)\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleEscapeKey)\n    }\n  }, [isMenuOpen, portalContainer, setIsMenuOpen])\n\n  // when the view is open, focus the modal\n  useEffect(() => {\n    if (isMenuOpen && modalRef.current) {\n      modalRef.current.focus()\n    }\n  }, [isMenuOpen])\n\n  const handleCreateView = useCallback(() => {\n    if (!powerLicense) {\n      setPowerpackDialog('sharedViews')\n    } else {\n      setEditingView(true)\n    }\n  }, [powerLicense, setPowerpackDialog, setEditingView, setIsMenuOpen])\n\n  const selectedViewId =\n    !selectedView || workingView?.id === selectedView.id\n      ? WORKING_VIEW_ID\n      : (selectedView.id as string)\n\n  return (\n    <>\n      {isMenuOpen &&\n        createPortal(\n          <Styled.ViewsModal style={modalPosition} ref={modalRef} tabIndex={0}>\n            <ViewsMenu items={viewMenuItems} selected={selectedViewId} />\n            {isAdmin && (\n              <>\n                <BaseViewsTagContainer projectName={projectName} />\n                <Styled.ViewsMenuDivider />\n              </>\n            )}\n            <ViewItem\n              label={`Create new ${viewAlias.toLowerCase()}`}\n              id={NEW_VIEW_ID}\n              startContent={<Icon icon=\"add\" />}\n              endContent={!powerLicense && <PowerIcon icon=\"bolt\" />}\n              onClick={handleCreateView}\n              tabIndex={0}\n            />\n          </Styled.ViewsModal>,\n          document.body,\n        )}\n    </>\n  )\n}\n"],"names":["PowerIcon","styled","Icon","ViewsMenuContainer","viewType","viewAlias","isMenuOpen","setIsMenuOpen","setEditingView","selectedView","workingView","viewMenuItems","projectName","useViewsContext","powerLicense","setPowerpackDialog","usePowerpack","modalRef","useRef","user","useGlobalContext","isAdmin","portalContainer","getViewsPortalContainer","buttonRect","modalPosition","useEffect","handleClickOutside","e","target","clickInsideMenu","clickInsideEditDialog","VIEWS_DIALOG_CLASS","clickInsideDropdown","clickInsideConfirmDialog","handleEscapeKey","handleCreateView","useCallback","selectedViewId","WORKING_VIEW_ID","createPortal","jsxs","Styled.ViewsModal","jsx","ViewsMenu","Fragment","BaseViewsTagContainer","Styled.ViewsMenuDivider","ViewItem","NEW_VIEW_ID"],"mappings":"q+CAaMA,EAAYC,EAAOC,MAAI;AAAA;AAAA;AAAA,EAQhBC,EAAyB,IAAM,CAC1C,KAAM,CACJ,SAAAC,EACA,UAAAC,EACA,WAAAC,EACA,cAAAC,EACA,eAAAC,EACA,aAAAC,EACA,YAAAC,EACA,cAAAC,EACA,YAAAC,CAAA,EACEC,kBAAA,EAEE,CAAE,aAAAC,EAAc,mBAAAC,CAAA,EAAuBC,eAAA,EACvCC,EAAWC,EAAAA,OAAuB,IAAI,EAEtC,CAAE,KAAAC,CAAA,EAASC,mBAAA,EACXC,GAAWF,GAAM,iBAAmB,IAAM,IAE1CG,EAAkBC,EAAAA,wBAAwBnB,CAAQ,EAClDoB,EAAaF,GAAiB,sBAAA,EAE9BG,EAAgB,CACpB,IAAKD,EAAaA,EAAW,OAFnB,EAEkC,EAC5C,KAAMA,EAAaA,EAAW,KAAO,CAAA,EAIvCE,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAsBC,GAAkB,CAC5C,MAAMC,EAASD,EAAE,OAEXE,EACJb,EAAS,SAAS,SAASY,CAAM,GAAKP,GAAiB,SAASO,CAAM,EAClEE,EAAwB,SAC3B,cAAc,IAAMC,oBAAkB,GACrC,SAASH,CAAM,EACbI,EAAsB,SAAS,cAAc,UAAU,GAAG,SAASJ,CAAM,EACzEK,EAA2B,SAAS,cAAc,mBAAmB,GAAG,SAASL,CAAM,EAG3F,CAACC,GACD,CAACC,GACD,CAACE,GACD,CAACC,GACD5B,GAEAC,EAAc,EAAK,CAEvB,EAEM4B,EAAmBP,GAAqB,CACxCA,EAAE,MAAQ,UAAYtB,GACxBC,EAAc,EAAK,CAEvB,EAEA,gBAAS,iBAAiB,YAAaoB,CAAkB,EACzD,SAAS,iBAAiB,UAAWQ,CAAe,EAE7C,IAAM,CACX,SAAS,oBAAoB,YAAaR,CAAkB,EAC5D,SAAS,oBAAoB,UAAWQ,CAAe,CACzD,CACF,EAAG,CAAC7B,EAAYgB,EAAiBf,CAAa,CAAC,EAG/CmB,EAAAA,UAAU,IAAM,CACVpB,GAAcW,EAAS,SACzBA,EAAS,QAAQ,MAAA,CAErB,EAAG,CAACX,CAAU,CAAC,EAEf,MAAM8B,EAAmBC,EAAAA,YAAY,IAAM,CACpCvB,EAGHN,EAAe,EAAI,EAFnBO,EAAmB,aAAa,CAIpC,EAAG,CAACD,EAAcC,EAAoBP,EAAgBD,CAAa,CAAC,EAE9D+B,EACJ,CAAC7B,GAAgBC,GAAa,KAAOD,EAAa,GAC9C8B,kBACC9B,EAAa,GAEpB,6DAEK,SAAAH,GACCkC,EAAAA,aACEC,yBAACC,EAAAA,WAAA,CAAkB,MAAOjB,EAAe,IAAKR,EAAU,SAAU,EAChE,SAAA,CAAA0B,EAAAA,kBAAAA,IAACC,EAAAA,UAAA,CAAU,MAAOjC,EAAe,SAAU2B,EAAgB,EAC1DjB,GACCoB,EAAAA,kBAAAA,KAAAI,6BAAA,CACE,SAAA,CAAAF,wBAACG,GAAsB,YAAAlC,EAA0B,EACjD+B,EAAAA,kBAAAA,IAACI,EAAAA,iBAAA,CAAA,CAAwB,CAAA,EAC3B,EAEFJ,EAAAA,kBAAAA,IAACK,EAAAA,SAAA,CACC,MAAO,cAAc3C,EAAU,YAAA,CAAa,GAC5C,GAAI4C,EAAAA,YACJ,aAAcN,EAAAA,kBAAAA,IAACzC,EAAAA,KAAA,CAAK,KAAK,KAAA,CAAM,EAC/B,WAAY,CAACY,GAAgB6B,EAAAA,kBAAAA,IAAC3C,EAAA,CAAU,KAAK,OAAO,EACpD,QAASoC,EACT,SAAU,CAAA,CAAA,CACZ,EACF,EACA,SAAS,IAAA,EAEf,CAEJ"}

package/dist/shared/src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js

@@ -1,9 +1,9 @@
 import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
-import { useRef as h, useEffect as f, useCallback as M } from "react";
-import { createPortal as R } from "react-dom";
-import { useViewsContext as P } from "../context/ViewsContext.es.js";
-import { getViewsPortalContainer as S } from "../utils/portalUtils.es.js";
-import { ViewsMenu as _ } from "../ViewsMenu/ViewsMenu.es.js";
+import { useRef as M, useEffect as f, useCallback as R } from "react";
+import { createPortal as P } from "react-dom";
+import { useViewsContext as S } from "../context/ViewsContext.es.js";
+import { getViewsPortalContainer as _ } from "../utils/portalUtils.es.js";
+import { ViewsMenu as A } from "../ViewsMenu/ViewsMenu.es.js";
 import { ViewItem as O } from "../ViewItem/ViewItem.es.js";
 import { Icon as w } from "@ynput/ayon-react-components";
 import W from "styled-components";
@@ -16,39 +16,40 @@ import "../../../context/pip/PiPProvider.es.js";
 import "../../../context/pip/PiPWrapper.es.js";
 import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
-import { usePowerpack as A } from "../../../context/PowerpackContext.es.js";
+import { usePowerpack as G } from "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
-import { useGlobalContext as G } from "../../../context/GlobalContext.es.js";
+import { useGlobalContext as q } from "../../../context/GlobalContext.es.js";
 import "../../../context/ProjectContext.es.js";
 import "../../../context/ProjectFoldersContext.es.js";
 import "../../../context/UriContext.es.js";
-import { ViewsModal as q, ViewsMenuDivider as F } from "../Views.styled.es.js";
-import { VIEWS_DIALOG_CLASS as N } from "../ViewsDialogContainer/ViewsDialogContainer.es.js";
-import B from "./BaseViewsTags.es.js";
-import { WORKING_VIEW_ID as K, NEW_VIEW_ID as T } from "../types.es.js";
-const z = W(w)`
+import { ViewsModal as F, ViewsMenuDivider as N } from "../Views.styled.es.js";
+import { VIEWS_DIALOG_CLASS as B } from "../ViewsDialogContainer/ViewsDialogContainer.es.js";
+import K from "./BaseViewsTags.es.js";
+import { WORKING_VIEW_ID as T, NEW_VIEW_ID as z } from "../types.es.js";
+const $ = W(w)`
   color: var(--md-sys-color-tertiary);
   font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
-`, ve = () => {
+`, ye = () => {
   const {
     viewType: I,
+    viewAlias: g,
     isMenuOpen: t,
     setIsMenuOpen: n,
     setEditingView: d,
     selectedView: s,
-    workingView: g,
-    viewMenuItems: x,
+    workingView: x,
+    viewMenuItems: C,
     projectName: V
-  } = P(), { powerLicense: c, setPowerpackDialog: p } = A(), i = h(null), { user: C } = G(), E = (C?.uiExposureLevel || 0) >= 900, m = S(I), r = m?.getBoundingClientRect(), k = {
+  } = S(), { powerLicense: c, setPowerpackDialog: p } = G(), i = M(null), { user: E } = q(), k = (E?.uiExposureLevel || 0) >= 900, m = _(I), r = m?.getBoundingClientRect(), v = {
     top: r ? r.bottom + 8 : 0,
     left: r ? r.left : 0
   };
   f(() => {
     const l = (a) => {
-      const o = a.target, j = i.current?.contains(o) || m?.contains(o), L = document.querySelector("." + N)?.contains(o), b = document.querySelector(".options")?.contains(o), D = document.querySelector(".p-confirm-dialog")?.contains(o);
-      !j && !L && !b && !D && t && n(!1);
+      const o = a.target, L = i.current?.contains(o) || m?.contains(o), b = document.querySelector("." + B)?.contains(o), D = document.querySelector(".options")?.contains(o), h = document.querySelector(".p-confirm-dialog")?.contains(o);
+      !L && !b && !D && !h && t && n(!1);
     }, u = (a) => {
       a.key === "Escape" && t && n(!1);
     };
@@ -58,24 +59,24 @@ const z = W(w)`
   }, [t, m, n]), f(() => {
     t && i.current && i.current.focus();
   }, [t]);
-  const v = M(() => {
+  const y = R(() => {
     c ? d(!0) : p("sharedViews");
-  }, [c, p, d, n]), y = !s || g?.id === s.id ? K : s.id;
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && R(
-    /* @__PURE__ */ e.jsxs(q, { style: k, ref: i, tabIndex: 0, children: [
-      /* @__PURE__ */ e.jsx(_, { items: x, selected: y }),
-      E && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(B, { projectName: V }),
-        /* @__PURE__ */ e.jsx(F, {})
+  }, [c, p, d, n]), j = !s || x?.id === s.id ? T : s.id;
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && P(
+    /* @__PURE__ */ e.jsxs(F, { style: v, ref: i, tabIndex: 0, children: [
+      /* @__PURE__ */ e.jsx(A, { items: C, selected: j }),
+      k && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(K, { projectName: V }),
+        /* @__PURE__ */ e.jsx(N, {})
       ] }),
       /* @__PURE__ */ e.jsx(
         O,
         {
-          label: "Create new view",
-          id: T,
+          label: `Create new ${g.toLowerCase()}`,
+          id: z,
           startContent: /* @__PURE__ */ e.jsx(w, { icon: "add" }),
-          endContent: !c && /* @__PURE__ */ e.jsx(z, { icon: "bolt" }),
-          onClick: v,
+          endContent: !c && /* @__PURE__ */ e.jsx($, { icon: "bolt" }),
+          onClick: y,
           tabIndex: 0
         }
       )
@@ -84,8 +85,8 @@ const z = W(w)`
   ) });
 };
 export {
-  T as NEW_VIEW_ID,
-  ve as ViewsMenuContainer,
-  K as WORKING_VIEW_ID
+  z as NEW_VIEW_ID,
+  ye as ViewsMenuContainer,
+  T as WORKING_VIEW_ID
 };
 //# sourceMappingURL=ViewsMenuContainer.es.js.map

package/dist/shared/src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsMenuContainer.es.js","sources":["../../../../../../src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { getViewsPortalContainer } from '../utils/portalUtils'\nimport { ViewsMenu } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { useGlobalContext, usePowerpack } from '@shared/context'\nimport * as Styled from '../Views.styled'\nimport { VIEWS_DIALOG_CLASS } from '../ViewsDialogContainer/ViewsDialogContainer'\nimport BaseViewsTagContainer from '@shared/containers/Views/ViewsMenuContainer/BaseViewsTags'\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\nimport { WORKING_VIEW_ID, NEW_VIEW_ID } from '../types'\nexport { WORKING_VIEW_ID, NEW_VIEW_ID }\n\nexport const ViewsMenuContainer: FC = () => {\n  const {\n    viewType,\n    isMenuOpen,\n    setIsMenuOpen,\n    setEditingView,\n    selectedView,\n    workingView,\n    viewMenuItems,\n    projectName,\n  } = useViewsContext()\n\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const modalRef = useRef<HTMLDivElement>(null)\n\n  const { user } = useGlobalContext()\n  const isAdmin = (user?.uiExposureLevel || 0) >= 900\n  // Modal position calculation\n  const portalContainer = getViewsPortalContainer(viewType)\n  const buttonRect = portalContainer?.getBoundingClientRect()\n  const gap = 8\n  const modalPosition = {\n    top: buttonRect ? buttonRect.bottom + gap : 0,\n    left: buttonRect ? buttonRect.left : 0,\n  }\n\n  // Close menu when clicking outside or pressing Escape\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as HTMLElement\n\n      const clickInsideMenu =\n        modalRef.current?.contains(target) || portalContainer?.contains(target)\n      const clickInsideEditDialog = document\n        .querySelector('.' + VIEWS_DIALOG_CLASS)\n        ?.contains(target)\n      const clickInsideDropdown = document.querySelector('.options')?.contains(target)\n      const clickInsideConfirmDialog = document.querySelector('.p-confirm-dialog')?.contains(target)\n\n      if (\n        !clickInsideMenu &&\n        !clickInsideEditDialog &&\n        !clickInsideDropdown &&\n        !clickInsideConfirmDialog &&\n        isMenuOpen\n      ) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    const handleEscapeKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && isMenuOpen) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleEscapeKey)\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleEscapeKey)\n    }\n  }, [isMenuOpen, portalContainer, setIsMenuOpen])\n\n  // when the view is open, focus the modal\n  useEffect(() => {\n    if (isMenuOpen && modalRef.current) {\n      modalRef.current.focus()\n    }\n  }, [isMenuOpen])\n\n  const handleCreateView = useCallback(() => {\n    if (!powerLicense) {\n      setPowerpackDialog('sharedViews')\n    } else {\n      setEditingView(true)\n    }\n  }, [powerLicense, setPowerpackDialog, setEditingView, setIsMenuOpen])\n\n  const selectedViewId =\n    !selectedView || workingView?.id === selectedView.id\n      ? WORKING_VIEW_ID\n      : (selectedView.id as string)\n\n  return (\n    <>\n      {isMenuOpen &&\n        createPortal(\n          <Styled.ViewsModal style={modalPosition} ref={modalRef} tabIndex={0}>\n            <ViewsMenu items={viewMenuItems} selected={selectedViewId} />\n            {isAdmin && (\n              <>\n                <BaseViewsTagContainer projectName={projectName} />\n                <Styled.ViewsMenuDivider />\n              </>\n            )}\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              tabIndex={0}\n            />\n          </Styled.ViewsModal>,\n          document.body,\n        )}\n    </>\n  )\n}\n"],"names":["PowerIcon","styled","Icon","ViewsMenuContainer","viewType","isMenuOpen","setIsMenuOpen","setEditingView","selectedView","workingView","viewMenuItems","projectName","useViewsContext","powerLicense","setPowerpackDialog","usePowerpack","modalRef","useRef","user","useGlobalContext","isAdmin","portalContainer","getViewsPortalContainer","buttonRect","modalPosition","useEffect","handleClickOutside","e","target","clickInsideMenu","clickInsideEditDialog","VIEWS_DIALOG_CLASS","clickInsideDropdown","clickInsideConfirmDialog","handleEscapeKey","handleCreateView","useCallback","selectedViewId","WORKING_VIEW_ID","createPortal","jsxs","Styled.ViewsModal","jsx","ViewsMenu","Fragment","BaseViewsTagContainer","Styled.ViewsMenuDivider","ViewItem","NEW_VIEW_ID"],"mappings":"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"}
+{"version":3,"file":"ViewsMenuContainer.es.js","sources":["../../../../../../src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { getViewsPortalContainer } from '../utils/portalUtils'\nimport { ViewsMenu } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { useGlobalContext, usePowerpack } from '@shared/context'\nimport * as Styled from '../Views.styled'\nimport { VIEWS_DIALOG_CLASS } from '../ViewsDialogContainer/ViewsDialogContainer'\nimport BaseViewsTagContainer from '@shared/containers/Views/ViewsMenuContainer/BaseViewsTags'\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\nimport { WORKING_VIEW_ID, NEW_VIEW_ID } from '../types'\nexport { WORKING_VIEW_ID, NEW_VIEW_ID }\n\nexport const ViewsMenuContainer: FC = () => {\n  const {\n    viewType,\n    viewAlias,\n    isMenuOpen,\n    setIsMenuOpen,\n    setEditingView,\n    selectedView,\n    workingView,\n    viewMenuItems,\n    projectName,\n  } = useViewsContext()\n\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const modalRef = useRef<HTMLDivElement>(null)\n\n  const { user } = useGlobalContext()\n  const isAdmin = (user?.uiExposureLevel || 0) >= 900\n  // Modal position calculation\n  const portalContainer = getViewsPortalContainer(viewType)\n  const buttonRect = portalContainer?.getBoundingClientRect()\n  const gap = 8\n  const modalPosition = {\n    top: buttonRect ? buttonRect.bottom + gap : 0,\n    left: buttonRect ? buttonRect.left : 0,\n  }\n\n  // Close menu when clicking outside or pressing Escape\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as HTMLElement\n\n      const clickInsideMenu =\n        modalRef.current?.contains(target) || portalContainer?.contains(target)\n      const clickInsideEditDialog = document\n        .querySelector('.' + VIEWS_DIALOG_CLASS)\n        ?.contains(target)\n      const clickInsideDropdown = document.querySelector('.options')?.contains(target)\n      const clickInsideConfirmDialog = document.querySelector('.p-confirm-dialog')?.contains(target)\n\n      if (\n        !clickInsideMenu &&\n        !clickInsideEditDialog &&\n        !clickInsideDropdown &&\n        !clickInsideConfirmDialog &&\n        isMenuOpen\n      ) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    const handleEscapeKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && isMenuOpen) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleEscapeKey)\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleEscapeKey)\n    }\n  }, [isMenuOpen, portalContainer, setIsMenuOpen])\n\n  // when the view is open, focus the modal\n  useEffect(() => {\n    if (isMenuOpen && modalRef.current) {\n      modalRef.current.focus()\n    }\n  }, [isMenuOpen])\n\n  const handleCreateView = useCallback(() => {\n    if (!powerLicense) {\n      setPowerpackDialog('sharedViews')\n    } else {\n      setEditingView(true)\n    }\n  }, [powerLicense, setPowerpackDialog, setEditingView, setIsMenuOpen])\n\n  const selectedViewId =\n    !selectedView || workingView?.id === selectedView.id\n      ? WORKING_VIEW_ID\n      : (selectedView.id as string)\n\n  return (\n    <>\n      {isMenuOpen &&\n        createPortal(\n          <Styled.ViewsModal style={modalPosition} ref={modalRef} tabIndex={0}>\n            <ViewsMenu items={viewMenuItems} selected={selectedViewId} />\n            {isAdmin && (\n              <>\n                <BaseViewsTagContainer projectName={projectName} />\n                <Styled.ViewsMenuDivider />\n              </>\n            )}\n            <ViewItem\n              label={`Create new ${viewAlias.toLowerCase()}`}\n              id={NEW_VIEW_ID}\n              startContent={<Icon icon=\"add\" />}\n              endContent={!powerLicense && <PowerIcon icon=\"bolt\" />}\n              onClick={handleCreateView}\n              tabIndex={0}\n            />\n          </Styled.ViewsModal>,\n          document.body,\n        )}\n    </>\n  )\n}\n"],"names":["PowerIcon","styled","Icon","ViewsMenuContainer","viewType","viewAlias","isMenuOpen","setIsMenuOpen","setEditingView","selectedView","workingView","viewMenuItems","projectName","useViewsContext","powerLicense","setPowerpackDialog","usePowerpack","modalRef","useRef","user","useGlobalContext","isAdmin","portalContainer","getViewsPortalContainer","buttonRect","modalPosition","useEffect","handleClickOutside","e","target","clickInsideMenu","clickInsideEditDialog","VIEWS_DIALOG_CLASS","clickInsideDropdown","clickInsideConfirmDialog","handleEscapeKey","handleCreateView","useCallback","selectedViewId","WORKING_VIEW_ID","createPortal","jsxs","Styled.ViewsModal","jsx","ViewsMenu","Fragment","BaseViewsTagContainer","Styled.ViewsMenuDivider","ViewItem","NEW_VIEW_ID"],"mappings":"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"}

package/dist/shared/src/containers/Views/context/ViewsContext.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const re=require("../../../../../_virtual/jsx-runtime.cjs.js"),t=require("react"),G=require("../types.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");const ie=require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");const a=require("../../../api/queries/views/getViews.cjs.js"),se=require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");const te=require("../hooks/useBuildViewMenuItems.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/SubtasksModulesContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");const ue=require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");const ne=require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("../../../context/UriContext.cjs.js");const oe=require("../hooks/useSelectedView.cjs.js"),qe=require("../hooks/useViewsMutations.cjs.js"),ae=require("../hooks/useBaseViewMutations.cjs.js"),ce=require("../hooks/useSaveViewFromCurrent.cjs.js"),de=require("../hooks/useViewSettingsChanged.cjs.js"),we=require("../../../hooks/useLocalStorage.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");const O=require("../utils/isViewStudioScope.cjs.js"),P=t.createContext(null),Ve=({children:c,viewType:e,projectName:i,dispatch:x,debug:g})=>{let{powerLicense:d}=ue.usePowerpack();g?.powerLicense!==void 0&&(console.warn("Using debug power license:",g.powerLicense),d=g.powerLicense);const{user:f}=ne.useGlobalContext(),[Q,h]=t.useState(!1),[u,I]=t.useState(null),R="viewsMenuCollapsed",[S,D]=we.useLocalStorage(R,{}),F=r=>{const l=r.visibility==="private"?"myViews":"sharedViews";if(S[l]){const E={...S};E[l]=!1,D(E)}},{data:U}=ie.useGetShareOptionsQuery({projectName:i},{skip:!d||!u}),[n,o,C]=oe.useSelectedView({viewType:e,projectName:i}),[y,w]=de.useViewSettingsChanged({viewType:e}),{currentData:L=[],isLoading:_}=a.useListViewsQuery({projectName:i,viewType:e},{skip:!e}),q=t.useMemo(()=>L.filter(r=>r.label!==G.BASE_VIEW_ID&&!(i&&r.working&&r.scope==="studio")),[L]),{onCreateView:m,onDeleteView:K,onUpdateView:V,onResetWorkingView:B}=qe.useViewsMutations({viewType:e,projectName:i,viewsList:q,onCreate:F}),{currentData:s}=a.useGetWorkingViewQuery({projectName:i,viewType:e},{skip:!e}),{currentData:A}=a.useGetBaseViewQuery({projectName:i,viewType:e},{skip:!e}),{currentData:z}=a.useGetBaseViewQuery({projectName:void 0,viewType:e},{skip:!e}),M=s?.settings,k=n?.id===G.WORKING_VIEW_ID?M:n?.settings,v=n?.id===s?.id,W=y&&v&&C&&C!==s?.id?C:void 0,{currentData:p,isFetching:H}=a.useGetViewQuery({viewId:u,projectName:O.isViewStudioScope(u,q)?void 0:i,viewType:e},{skip:typeof u!="string"||!d}),J=t.useMemo(()=>u===p?.id?p:void 0,[u,p]),{onSaveViewFromCurrent:X}=ce.useSaveViewFromCurrent({viewType:e,projectName:i,viewsList:q,sourceSettings:k,onUpdateView:V}),{onCreateBaseView:Y,onUpdateBaseView:Z,onDeleteBaseView:$,onLoadBaseView:j}=ae.useBaseViewMutations({viewType:e,projectName:i,viewSettings:k,workingView:s,dispatch:x}),N=t.useCallback(async(r,{selectView:l}={})=>{if(!s?.id){console.error("No working view to update");return}await V(s.id,r,!i),l&&o(s.id)},[V,s]),b=t.useCallback(async()=>{try{await B({existingWorkingViewId:s?.id,selectedViewId:n?.id,setSelectedView:o,setSettingsChanged:w,notify:!0})}catch(r){console.error("Failed to reset view:",r)}},[s,B,n,o,w]),T=te.default({viewsList:q,workingView:s,viewType:e,projectName:i,currentUser:f,useWorkingView:!d,editingViewId:W,selectedId:n?.id,collapsed:S,setCollapsed:D,onResetWorkingView:b,onSelect:r=>{o(r),w(!1),h(!1)},onEdit:r=>I(r),onSave:async r=>X(r)}),ee={viewType:e,projectName:i,isMenuOpen:Q,editingView:u,currentUser:f,selectedView:n,viewSettings:k,editingViewData:J,isLoadingEditingViewData:H,viewsList:q,workingSettings:M,workingView:s,isViewWorking:v,onUpdateWorkingView:N,projectBaseView:A,studioBaseView:z,onCreateBaseView:Y,onUpdateBaseView:Z,onDeleteBaseView:$,onLoadBaseView:j,editingViewId:W,viewMenuItems:T,isLoadingViews:_,shareOptions:U,setIsMenuOpen:h,setEditingView:I,setSelectedView:o,onSettingsChanged:w,onCreateView:m,onUpdateView:V,onDeleteView:K,resetWorkingView:b,api:se.viewsQueries,dispatch:x};return re.jsxRuntimeExports.jsx(P.Provider,{value:ee,children:c})},le=()=>{const c=t.useContext(P);if(!c)throw new Error("useViewsContext must be used within a ViewsProvider");return c};exports.isViewStudioScope=O.isViewStudioScope;exports.ViewsProvider=Ve;exports.useViewsContext=le;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ie=require("../../../../../_virtual/jsx-runtime.cjs.js"),t=require("react"),O=require("../types.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");const se=require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");const a=require("../../../api/queries/views/getViews.cjs.js"),te=require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");const ue=require("../hooks/useBuildViewMenuItems.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/SubtasksModulesContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");const ne=require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");const oe=require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("../../../context/UriContext.cjs.js");const qe=require("../hooks/useSelectedView.cjs.js"),ae=require("../hooks/useViewsMutations.cjs.js"),ce=require("../hooks/useBaseViewMutations.cjs.js"),de=require("../hooks/useSaveViewFromCurrent.cjs.js"),we=require("../hooks/useViewSettingsChanged.cjs.js"),Ve=require("../../../hooks/useLocalStorage.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");const P=require("../utils/isViewStudioScope.cjs.js"),le="view",Q=t.createContext(null),ge=({children:c,viewType:e,viewAlias:p=le,projectName:i,dispatch:x,debug:g})=>{let{powerLicense:d}=ne.usePowerpack();g?.powerLicense!==void 0&&(console.warn("Using debug power license:",g.powerLicense),d=g.powerLicense);const{user:L}=oe.useGlobalContext(),[R,f]=t.useState(!1),[u,h]=t.useState(null),F="viewsMenuCollapsed",[S,D]=Ve.useLocalStorage(F,{}),U=r=>{const l=r.visibility==="private"?"myViews":"sharedViews";if(S[l]){const G={...S};G[l]=!1,D(G)}},{data:_}=se.useGetShareOptionsQuery({projectName:i},{skip:!d||!u}),[n,o,C]=qe.useSelectedView({viewType:e,projectName:i}),[y,w]=we.useViewSettingsChanged({viewType:e}),{currentData:B=[],isLoading:A}=a.useListViewsQuery({projectName:i,viewType:e},{skip:!e}),q=t.useMemo(()=>B.filter(r=>r.label!==O.BASE_VIEW_ID&&!(i&&r.working&&r.scope==="studio")),[B]),{onCreateView:m,onDeleteView:K,onUpdateView:V,onResetWorkingView:M}=ae.useViewsMutations({viewType:e,projectName:i,viewsList:q,onCreate:U}),{currentData:s}=a.useGetWorkingViewQuery({projectName:i,viewType:e},{skip:!e}),{currentData:z}=a.useGetBaseViewQuery({projectName:i,viewType:e},{skip:!e}),{currentData:H}=a.useGetBaseViewQuery({projectName:void 0,viewType:e},{skip:!e}),W=s?.settings,k=n?.id===O.WORKING_VIEW_ID?W:n?.settings,v=n?.id===s?.id,E=y&&v&&C&&C!==s?.id?C:void 0,{currentData:I,isFetching:J}=a.useGetViewQuery({viewId:u,projectName:P.isViewStudioScope(u,q)?void 0:i,viewType:e},{skip:typeof u!="string"||!d}),X=t.useMemo(()=>u===I?.id?I:void 0,[u,I]),{onSaveViewFromCurrent:Y}=de.useSaveViewFromCurrent({viewType:e,projectName:i,viewsList:q,sourceSettings:k,onUpdateView:V}),{onCreateBaseView:Z,onUpdateBaseView:$,onDeleteBaseView:j,onLoadBaseView:N}=ce.useBaseViewMutations({viewType:e,projectName:i,viewSettings:k,workingView:s,dispatch:x}),T=t.useCallback(async(r,{selectView:l}={})=>{if(!s?.id){console.error("No working view to update");return}await V(s.id,r,!i),l&&o(s.id)},[V,s]),b=t.useCallback(async()=>{try{await M({existingWorkingViewId:s?.id,selectedViewId:n?.id,setSelectedView:o,setSettingsChanged:w,notify:!0})}catch(r){console.error("Failed to reset view:",r)}},[s,M,n,o,w]),ee=ue.default({viewsList:q,workingView:s,viewType:e,viewAlias:p,projectName:i,currentUser:L,useWorkingView:!d,editingViewId:E,selectedId:n?.id,collapsed:S,setCollapsed:D,onResetWorkingView:b,onSelect:r=>{o(r),w(!1),f(!1)},onEdit:r=>h(r),onSave:async r=>Y(r)}),re={viewType:e,viewAlias:p,projectName:i,isMenuOpen:R,editingView:u,currentUser:L,selectedView:n,viewSettings:k,editingViewData:X,isLoadingEditingViewData:J,viewsList:q,workingSettings:W,workingView:s,isViewWorking:v,onUpdateWorkingView:T,projectBaseView:z,studioBaseView:H,onCreateBaseView:Z,onUpdateBaseView:$,onDeleteBaseView:j,onLoadBaseView:N,editingViewId:E,viewMenuItems:ee,isLoadingViews:A,shareOptions:_,setIsMenuOpen:f,setEditingView:h,setSelectedView:o,onSettingsChanged:w,onCreateView:m,onUpdateView:V,onDeleteView:K,resetWorkingView:b,api:te.viewsQueries,dispatch:x};return ie.jsxRuntimeExports.jsx(Q.Provider,{value:re,children:c})},Se=()=>{const c=t.useContext(Q);if(!c)throw new Error("useViewsContext must be used within a ViewsProvider");return c};exports.isViewStudioScope=P.isViewStudioScope;exports.ViewsProvider=ge;exports.useViewsContext=Se;
 //# sourceMappingURL=ViewsContext.cjs.js.map

package/dist/shared/src/containers/Views/context/ViewsContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsContext.cjs.js","sources":["../../../../../../src/containers/Views/context/ViewsContext.tsx"],"sourcesContent":["import { createContext, useContext, FC, ReactNode, useState, useMemo, useCallback } from 'react'\nimport { type ViewType, WORKING_VIEW_ID, BASE_VIEW_ID } from '../types'\nimport {\n  GetDefaultViewApiResponse,\n  useGetWorkingViewQuery,\n  useGetViewQuery,\n  useListViewsQuery,\n  UserModel,\n  ViewListItemModel,\n  viewsQueries,\n  useGetShareOptionsQuery,\n  ShareOption,\n  useGetBaseViewQuery,\n} from '@shared/api'\nimport useBuildViewMenuItems from '../hooks/useBuildViewMenuItems'\nimport { ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { useGlobalContext, usePowerpack } from '@shared/context'\nimport { useSelectedView } from '../hooks/useSelectedView'\nimport { type UseViewMutations, useViewsMutations } from '../hooks/useViewsMutations'\nimport { useBaseViewMutations } from '../hooks/useBaseViewMutations'\nimport { useSaveViewFromCurrent } from '../hooks/useSaveViewFromCurrent'\nimport { useViewSettingsChanged } from '../hooks/useViewSettingsChanged'\nimport { useLocalStorage } from '@shared/hooks'\n\nexport type ViewData = GetDefaultViewApiResponse\nexport type ViewSettings = GetDefaultViewApiResponse['settings']\nexport type SelectedViewState = ViewData | undefined // id of view otherwise null with use working\nexport type EditingViewState = string | true | null // id of view being edited otherwise null\n\nexport type CollapsedViewState = Record<string, boolean>\n\nexport interface ViewsContextValue {\n  // State\n  viewType?: ViewType\n  projectName?: string\n  currentUser?: UserModel\n  isMenuOpen: boolean\n  editingView: EditingViewState\n  selectedView: SelectedViewState\n\n  // Views data\n  viewsList: ViewListItemModel[]\n  viewSettings: ViewSettings | undefined\n  // Working view\n  workingSettings: ViewSettings | undefined\n  workingView: ViewListItemModel | undefined\n  isViewWorking: boolean\n  onUpdateWorkingView: (\n    payload: Partial<ViewData>,\n    options?: { selectView?: boolean },\n  ) => Promise<void>\n  // base views\n  projectBaseView: ViewListItemModel | undefined\n  studioBaseView: ViewListItemModel | undefined\n  editingViewId: string | undefined\n  viewMenuItems: ViewMenuItem[]\n  editingViewData?: ViewData\n  isLoadingEditingViewData: boolean\n  isLoadingViews: boolean\n\n  // Data\n  shareOptions?: ShareOption[] // available users to share with (undefined means loading)\n\n  // Actions\n  setIsMenuOpen: (open: boolean) => void\n  setEditingView: (editing: EditingViewState) => void\n  setSelectedView: (viewId: string) => void\n  onSettingsChanged: (changed: boolean) => void\n\n  // Mutations\n  onCreateView: UseViewMutations['onCreateView']\n  onDeleteView: UseViewMutations['onDeleteView']\n  onUpdateView: UseViewMutations['onUpdateView']\n\n  // Base view mutations\n  onCreateBaseView: (isStudioScope: boolean) => Promise<void>\n  onUpdateBaseView: (baseViewId: string, isStudioScope: boolean) => Promise<void>\n  onDeleteBaseView: (baseViewId: string, isStudioScope: boolean) => Promise<void>\n  onLoadBaseView: (isStudioScope: boolean) => Promise<void>\n\n  // Actions (shared)\n  resetWorkingView: () => Promise<void>\n\n  // api\n  api: typeof viewsQueries\n  dispatch: any // dispatch is used to dispatch api mutations in pp like the share one.\n}\n\nconst ViewsContext = createContext<ViewsContextValue | null>(null)\n\nexport interface ViewsProviderProps {\n  children: ReactNode\n  viewType?: string\n  projectName?: string\n  dispatch?: any\n  debug?: {\n    powerLicense?: boolean\n  }\n}\n\nexport const ViewsProvider: FC<ViewsProviderProps> = ({\n  children,\n  viewType,\n  projectName,\n  dispatch,\n  debug,\n}) => {\n  let { powerLicense } = usePowerpack()\n  if (debug?.powerLicense !== undefined) {\n    console.warn('Using debug power license:', debug.powerLicense)\n    powerLicense = debug.powerLicense\n  }\n\n  const { user: currentUser } = useGlobalContext()\n\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const [editingView, setEditingView] = useState<EditingViewState>(null)\n  // Collapsed state persisted globally across all viewTypes and projects\n  const stateKey = 'viewsMenuCollapsed'\n\n  const [collapsedSections, setCollapsedSections] = useLocalStorage<CollapsedViewState>(\n    stateKey,\n    {},\n  )\n\n  // anything extra to do when a view is created successfully\n  const handleOnViewCreated = (view: ViewData) => {\n    const key = view.visibility === 'private' ? 'myViews' : 'sharedViews'\n    // if the section is collapsed, expand it\n    if (collapsedSections[key]) {\n      const newCollapsedSections = { ...collapsedSections }\n      newCollapsedSections[key] = false\n      setCollapsedSections(newCollapsedSections)\n    }\n  }\n\n  // when editing the view, get all users that can be shared to that view\n  const { data: shareOptions } = useGetShareOptionsQuery(\n    { projectName },\n    { skip: !powerLicense || !editingView },\n  )\n\n  // setting of default views\n  const [selectedView, setSelectedView, previousSelectedViewId] = useSelectedView({\n    viewType: viewType as string,\n    projectName: projectName,\n  })\n\n  const [viewSettingsChanged, setViewSettingsChanged] = useViewSettingsChanged({\n    viewType: viewType as ViewType,\n  })\n\n  // Fetch views data and filter out base views\n  const { currentData: viewsListRaw = [], isLoading: isLoadingViews } = useListViewsQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  // Filter out base views from the list\n  // Filter out studio working view if in project scope\n  const viewsList = useMemo(\n    () =>\n      viewsListRaw.filter(\n        (view) =>\n          view.label !== BASE_VIEW_ID && !(projectName && view.working && view.scope === 'studio'),\n      ),\n    [viewsListRaw],\n  )\n\n  const { onCreateView, onDeleteView, onUpdateView, onResetWorkingView } = useViewsMutations({\n    viewType,\n    projectName,\n    viewsList,\n    onCreate: handleOnViewCreated,\n  })\n\n  //   always get your working view\n  const { currentData: workingView } = useGetWorkingViewQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  // Fetch both project and studio base views\n  const { currentData: projectBaseView } = useGetBaseViewQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n  const { currentData: studioBaseView } = useGetBaseViewQuery(\n    { projectName: undefined, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  const workingSettings = workingView?.settings\n\n  //   which settings to use for the view\n  const viewSettings =\n    selectedView?.id === WORKING_VIEW_ID ? workingSettings : selectedView?.settings\n\n  // is the working view selected?\n  const isViewWorking = selectedView?.id === workingView?.id\n  // were we just on a custom view and then edited it and ended up on the working view\n  const editingViewId =\n    viewSettingsChanged &&\n    isViewWorking &&\n    !!previousSelectedViewId &&\n    previousSelectedViewId !== workingView?.id\n      ? previousSelectedViewId\n      : undefined\n\n  // get data for the view we are editing\n  const { currentData: editingViewDataData, isFetching: isLoadingEditingViewData } =\n    useGetViewQuery(\n      {\n        viewId: editingView as string,\n        projectName: isViewStudioScope(editingView as string, viewsList) ? undefined : projectName,\n        viewType: viewType as string,\n      },\n      { skip: !(typeof editingView === 'string') || !powerLicense },\n    )\n\n  const editingViewData = useMemo(\n    () => (editingView === editingViewDataData?.id ? editingViewDataData : undefined),\n    [editingView, editingViewDataData],\n  )\n\n  const { onSaveViewFromCurrent } = useSaveViewFromCurrent({\n    viewType: viewType,\n    projectName,\n    viewsList,\n    sourceSettings: viewSettings,\n    onUpdateView: onUpdateView,\n  })\n\n  // Base view mutations\n  const { onCreateBaseView, onUpdateBaseView, onDeleteBaseView, onLoadBaseView } =\n    useBaseViewMutations({\n      viewType: viewType as string,\n      projectName,\n      viewSettings,\n      workingView,\n      dispatch,\n    })\n\n  const onUpdateWorkingView = useCallback(\n    async (payload: Partial<ViewData>, { selectView }: { selectView?: boolean } = {}) => {\n      if (!workingView?.id) {\n        console.error('No working view to update')\n        return\n      }\n      await onUpdateView(workingView.id, payload, !projectName)\n      if (selectView) {\n        setSelectedView(workingView.id)\n      }\n    },\n    [onUpdateView, workingView],\n  )\n\n  // Reset working view to default (empty) settings\n  const resetWorkingView = useCallback(async () => {\n    try {\n      await onResetWorkingView({\n        existingWorkingViewId: workingView?.id,\n        selectedViewId: selectedView?.id,\n        setSelectedView,\n        setSettingsChanged: setViewSettingsChanged,\n        notify: true,\n      })\n    } catch (error) {\n      console.error('Failed to reset view:', error)\n    }\n  }, [workingView, onResetWorkingView, selectedView, setSelectedView, setViewSettingsChanged])\n\n  //   build the menu items for the views\n  const viewMenuItems = useBuildViewMenuItems({\n    viewsList,\n    workingView,\n    viewType,\n    projectName,\n    currentUser,\n    useWorkingView: !powerLicense,\n    editingViewId,\n    selectedId: selectedView?.id,\n    collapsed: collapsedSections,\n    setCollapsed: setCollapsedSections,\n    onResetWorkingView: resetWorkingView,\n    onSelect: (viewId) => {\n      setSelectedView(viewId)\n      // reset the settings changed state when switching views\n      setViewSettingsChanged(false)\n      // close the menu when selecting a view\n      setIsMenuOpen(false)\n    },\n    onEdit: (viewId) => setEditingView(viewId),\n    onSave: async (viewId) => onSaveViewFromCurrent(viewId),\n  })\n\n  const value: ViewsContextValue = {\n    viewType,\n    projectName,\n    isMenuOpen,\n    editingView,\n    currentUser,\n    selectedView,\n    viewSettings,\n    editingViewData,\n    isLoadingEditingViewData,\n    viewsList,\n    // Working view\n    workingSettings,\n    workingView,\n    isViewWorking,\n    onUpdateWorkingView,\n    // base views\n    projectBaseView,\n    studioBaseView,\n    // base view mutations\n    onCreateBaseView,\n    onUpdateBaseView,\n    onDeleteBaseView,\n    onLoadBaseView,\n    editingViewId,\n    viewMenuItems,\n    isLoadingViews,\n    // data\n    shareOptions,\n    setIsMenuOpen,\n    setEditingView,\n    setSelectedView,\n    onSettingsChanged: setViewSettingsChanged,\n    // mutations\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    // shared actions\n    resetWorkingView,\n    // api\n    api: viewsQueries,\n    dispatch,\n  }\n\n  return <ViewsContext.Provider value={value}>{children}</ViewsContext.Provider>\n}\n\nexport const useViewsContext = (): ViewsContextValue => {\n  const context = useContext(ViewsContext)\n  if (!context) {\n    throw new Error('useViewsContext must be used within a ViewsProvider')\n  }\n  return context\n}\n\nimport { isViewStudioScope } from '../utils/isViewStudioScope'\nexport { isViewStudioScope }\n"],"names":["ViewsContext","createContext","ViewsProvider","children","viewType","projectName","dispatch","debug","powerLicense","usePowerpack","currentUser","useGlobalContext","isMenuOpen","setIsMenuOpen","useState","editingView","setEditingView","stateKey","collapsedSections","setCollapsedSections","useLocalStorage","handleOnViewCreated","view","key","newCollapsedSections","shareOptions","useGetShareOptionsQuery","selectedView","setSelectedView","previousSelectedViewId","useSelectedView","viewSettingsChanged","setViewSettingsChanged","useViewSettingsChanged","viewsListRaw","isLoadingViews","useListViewsQuery","viewsList","useMemo","BASE_VIEW_ID","onCreateView","onDeleteView","onUpdateView","onResetWorkingView","useViewsMutations","workingView","useGetWorkingViewQuery","projectBaseView","useGetBaseViewQuery","studioBaseView","workingSettings","viewSettings","WORKING_VIEW_ID","isViewWorking","editingViewId","editingViewDataData","isLoadingEditingViewData","useGetViewQuery","isViewStudioScope","editingViewData","onSaveViewFromCurrent","useSaveViewFromCurrent","onCreateBaseView","onUpdateBaseView","onDeleteBaseView","onLoadBaseView","useBaseViewMutations","onUpdateWorkingView","useCallback","payload","selectView","resetWorkingView","error","viewMenuItems","useBuildViewMenuItems","viewId","value","viewsQueries","jsx","useViewsContext","context","useContext"],"mappings":"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"}
+{"version":3,"file":"ViewsContext.cjs.js","sources":["../../../../../../src/containers/Views/context/ViewsContext.tsx"],"sourcesContent":["import { createContext, useContext, FC, ReactNode, useState, useMemo, useCallback } from 'react'\nimport { type ViewType, WORKING_VIEW_ID, BASE_VIEW_ID } from '../types'\nimport {\n  GetDefaultViewApiResponse,\n  useGetWorkingViewQuery,\n  useGetViewQuery,\n  useListViewsQuery,\n  UserModel,\n  ViewListItemModel,\n  viewsQueries,\n  useGetShareOptionsQuery,\n  ShareOption,\n  useGetBaseViewQuery,\n} from '@shared/api'\nimport useBuildViewMenuItems from '../hooks/useBuildViewMenuItems'\nimport { ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { useGlobalContext, usePowerpack } from '@shared/context'\nimport { useSelectedView } from '../hooks/useSelectedView'\nimport { type UseViewMutations, useViewsMutations } from '../hooks/useViewsMutations'\nimport { useBaseViewMutations } from '../hooks/useBaseViewMutations'\nimport { useSaveViewFromCurrent } from '../hooks/useSaveViewFromCurrent'\nimport { useViewSettingsChanged } from '../hooks/useViewSettingsChanged'\nimport { useLocalStorage } from '@shared/hooks'\n\nexport type ViewData = GetDefaultViewApiResponse\nexport type ViewSettings = GetDefaultViewApiResponse['settings']\nexport type SelectedViewState = ViewData | undefined // id of view otherwise null with use working\nexport type EditingViewState = string | true | null // id of view being edited otherwise null\n\nexport type CollapsedViewState = Record<string, boolean>\n\nexport interface ViewsContextValue {\n  // State\n  viewType?: ViewType\n  viewAlias: string\n  projectName?: string\n  currentUser?: UserModel\n  isMenuOpen: boolean\n  editingView: EditingViewState\n  selectedView: SelectedViewState\n\n  // Views data\n  viewsList: ViewListItemModel[]\n  viewSettings: ViewSettings | undefined\n  // Working view\n  workingSettings: ViewSettings | undefined\n  workingView: ViewListItemModel | undefined\n  isViewWorking: boolean\n  onUpdateWorkingView: (\n    payload: Partial<ViewData>,\n    options?: { selectView?: boolean },\n  ) => Promise<void>\n  // base views\n  projectBaseView: ViewListItemModel | undefined\n  studioBaseView: ViewListItemModel | undefined\n  editingViewId: string | undefined\n  viewMenuItems: ViewMenuItem[]\n  editingViewData?: ViewData\n  isLoadingEditingViewData: boolean\n  isLoadingViews: boolean\n\n  // Data\n  shareOptions?: ShareOption[] // available users to share with (undefined means loading)\n\n  // Actions\n  setIsMenuOpen: (open: boolean) => void\n  setEditingView: (editing: EditingViewState) => void\n  setSelectedView: (viewId: string) => void\n  onSettingsChanged: (changed: boolean) => void\n\n  // Mutations\n  onCreateView: UseViewMutations['onCreateView']\n  onDeleteView: UseViewMutations['onDeleteView']\n  onUpdateView: UseViewMutations['onUpdateView']\n\n  // Base view mutations\n  onCreateBaseView: (isStudioScope: boolean) => Promise<void>\n  onUpdateBaseView: (baseViewId: string, isStudioScope: boolean) => Promise<void>\n  onDeleteBaseView: (baseViewId: string, isStudioScope: boolean) => Promise<void>\n  onLoadBaseView: (isStudioScope: boolean) => Promise<void>\n\n  // Actions (shared)\n  resetWorkingView: () => Promise<void>\n\n  // api\n  api: typeof viewsQueries\n  dispatch: any // dispatch is used to dispatch api mutations in pp like the share one.\n}\n\nconst DEFAULT_VIEW_ALIAS = \"view\"\n\nconst ViewsContext = createContext<ViewsContextValue | null>(null)\n\nexport interface ViewsProviderProps {\n  children: ReactNode\n  viewType?: string\n  viewAlias?: string\n  projectName?: string\n  dispatch?: any\n  debug?: {\n    powerLicense?: boolean\n  }\n}\n\nexport const ViewsProvider: FC<ViewsProviderProps> = ({\n  children,\n  viewType,\n  viewAlias = DEFAULT_VIEW_ALIAS,\n  projectName,\n  dispatch,\n  debug,\n}) => {\n  let { powerLicense } = usePowerpack()\n  if (debug?.powerLicense !== undefined) {\n    console.warn('Using debug power license:', debug.powerLicense)\n    powerLicense = debug.powerLicense\n  }\n\n  const { user: currentUser } = useGlobalContext()\n\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const [editingView, setEditingView] = useState<EditingViewState>(null)\n  // Collapsed state persisted globally across all viewTypes and projects\n  const stateKey = 'viewsMenuCollapsed'\n\n  const [collapsedSections, setCollapsedSections] = useLocalStorage<CollapsedViewState>(\n    stateKey,\n    {},\n  )\n\n  // anything extra to do when a view is created successfully\n  const handleOnViewCreated = (view: ViewData) => {\n    const key = view.visibility === 'private' ? 'myViews' : 'sharedViews'\n    // if the section is collapsed, expand it\n    if (collapsedSections[key]) {\n      const newCollapsedSections = { ...collapsedSections }\n      newCollapsedSections[key] = false\n      setCollapsedSections(newCollapsedSections)\n    }\n  }\n\n  // when editing the view, get all users that can be shared to that view\n  const { data: shareOptions } = useGetShareOptionsQuery(\n    { projectName },\n    { skip: !powerLicense || !editingView },\n  )\n\n  // setting of default views\n  const [selectedView, setSelectedView, previousSelectedViewId] = useSelectedView({\n    viewType: viewType as string,\n    projectName: projectName,\n  })\n\n  const [viewSettingsChanged, setViewSettingsChanged] = useViewSettingsChanged({\n    viewType: viewType as ViewType,\n  })\n\n  // Fetch views data and filter out base views\n  const { currentData: viewsListRaw = [], isLoading: isLoadingViews } = useListViewsQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  // Filter out base views from the list\n  // Filter out studio working view if in project scope\n  const viewsList = useMemo(\n    () =>\n      viewsListRaw.filter(\n        (view) =>\n          view.label !== BASE_VIEW_ID && !(projectName && view.working && view.scope === 'studio'),\n      ),\n    [viewsListRaw],\n  )\n\n  const { onCreateView, onDeleteView, onUpdateView, onResetWorkingView } = useViewsMutations({\n    viewType,\n    projectName,\n    viewsList,\n    onCreate: handleOnViewCreated,\n  })\n\n  //   always get your working view\n  const { currentData: workingView } = useGetWorkingViewQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  // Fetch both project and studio base views\n  const { currentData: projectBaseView } = useGetBaseViewQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n  const { currentData: studioBaseView } = useGetBaseViewQuery(\n    { projectName: undefined, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  const workingSettings = workingView?.settings\n\n  //   which settings to use for the view\n  const viewSettings =\n    selectedView?.id === WORKING_VIEW_ID ? workingSettings : selectedView?.settings\n\n  // is the working view selected?\n  const isViewWorking = selectedView?.id === workingView?.id\n  // were we just on a custom view and then edited it and ended up on the working view\n  const editingViewId =\n    viewSettingsChanged &&\n    isViewWorking &&\n    !!previousSelectedViewId &&\n    previousSelectedViewId !== workingView?.id\n      ? previousSelectedViewId\n      : undefined\n\n  // get data for the view we are editing\n  const { currentData: editingViewDataData, isFetching: isLoadingEditingViewData } =\n    useGetViewQuery(\n      {\n        viewId: editingView as string,\n        projectName: isViewStudioScope(editingView as string, viewsList) ? undefined : projectName,\n        viewType: viewType as string,\n      },\n      { skip: !(typeof editingView === 'string') || !powerLicense },\n    )\n\n  const editingViewData = useMemo(\n    () => (editingView === editingViewDataData?.id ? editingViewDataData : undefined),\n    [editingView, editingViewDataData],\n  )\n\n  const { onSaveViewFromCurrent } = useSaveViewFromCurrent({\n    viewType: viewType,\n    projectName,\n    viewsList,\n    sourceSettings: viewSettings,\n    onUpdateView: onUpdateView,\n  })\n\n  // Base view mutations\n  const { onCreateBaseView, onUpdateBaseView, onDeleteBaseView, onLoadBaseView } =\n    useBaseViewMutations({\n      viewType: viewType as string,\n      projectName,\n      viewSettings,\n      workingView,\n      dispatch,\n    })\n\n  const onUpdateWorkingView = useCallback(\n    async (payload: Partial<ViewData>, { selectView }: { selectView?: boolean } = {}) => {\n      if (!workingView?.id) {\n        console.error('No working view to update')\n        return\n      }\n      await onUpdateView(workingView.id, payload, !projectName)\n      if (selectView) {\n        setSelectedView(workingView.id)\n      }\n    },\n    [onUpdateView, workingView],\n  )\n\n  // Reset working view to default (empty) settings\n  const resetWorkingView = useCallback(async () => {\n    try {\n      await onResetWorkingView({\n        existingWorkingViewId: workingView?.id,\n        selectedViewId: selectedView?.id,\n        setSelectedView,\n        setSettingsChanged: setViewSettingsChanged,\n        notify: true,\n      })\n    } catch (error) {\n      console.error('Failed to reset view:', error)\n    }\n  }, [workingView, onResetWorkingView, selectedView, setSelectedView, setViewSettingsChanged])\n\n  //   build the menu items for the views\n  const viewMenuItems = useBuildViewMenuItems({\n    viewsList,\n    workingView,\n    viewType,\n    viewAlias,\n    projectName,\n    currentUser,\n    useWorkingView: !powerLicense,\n    editingViewId,\n    selectedId: selectedView?.id,\n    collapsed: collapsedSections,\n    setCollapsed: setCollapsedSections,\n    onResetWorkingView: resetWorkingView,\n    onSelect: (viewId) => {\n      setSelectedView(viewId)\n      // reset the settings changed state when switching views\n      setViewSettingsChanged(false)\n      // close the menu when selecting a view\n      setIsMenuOpen(false)\n    },\n    onEdit: (viewId) => setEditingView(viewId),\n    onSave: async (viewId) => onSaveViewFromCurrent(viewId),\n  })\n\n  const value: ViewsContextValue = {\n    viewType,\n    viewAlias,\n    projectName,\n    isMenuOpen,\n    editingView,\n    currentUser,\n    selectedView,\n    viewSettings,\n    editingViewData,\n    isLoadingEditingViewData,\n    viewsList,\n    // Working view\n    workingSettings,\n    workingView,\n    isViewWorking,\n    onUpdateWorkingView,\n    // base views\n    projectBaseView,\n    studioBaseView,\n    // base view mutations\n    onCreateBaseView,\n    onUpdateBaseView,\n    onDeleteBaseView,\n    onLoadBaseView,\n    editingViewId,\n    viewMenuItems,\n    isLoadingViews,\n    // data\n    shareOptions,\n    setIsMenuOpen,\n    setEditingView,\n    setSelectedView,\n    onSettingsChanged: setViewSettingsChanged,\n    // mutations\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    // shared actions\n    resetWorkingView,\n    // api\n    api: viewsQueries,\n    dispatch,\n  }\n\n  return <ViewsContext.Provider value={value}>{children}</ViewsContext.Provider>\n}\n\nexport const useViewsContext = (): ViewsContextValue => {\n  const context = useContext(ViewsContext)\n  if (!context) {\n    throw new Error('useViewsContext must be used within a ViewsProvider')\n  }\n  return context\n}\n\nimport { isViewStudioScope } from '../utils/isViewStudioScope'\nexport { isViewStudioScope }\n"],"names":["DEFAULT_VIEW_ALIAS","ViewsContext","createContext","ViewsProvider","children","viewType","viewAlias","projectName","dispatch","debug","powerLicense","usePowerpack","currentUser","useGlobalContext","isMenuOpen","setIsMenuOpen","useState","editingView","setEditingView","stateKey","collapsedSections","setCollapsedSections","useLocalStorage","handleOnViewCreated","view","key","newCollapsedSections","shareOptions","useGetShareOptionsQuery","selectedView","setSelectedView","previousSelectedViewId","useSelectedView","viewSettingsChanged","setViewSettingsChanged","useViewSettingsChanged","viewsListRaw","isLoadingViews","useListViewsQuery","viewsList","useMemo","BASE_VIEW_ID","onCreateView","onDeleteView","onUpdateView","onResetWorkingView","useViewsMutations","workingView","useGetWorkingViewQuery","projectBaseView","useGetBaseViewQuery","studioBaseView","workingSettings","viewSettings","WORKING_VIEW_ID","isViewWorking","editingViewId","editingViewDataData","isLoadingEditingViewData","useGetViewQuery","isViewStudioScope","editingViewData","onSaveViewFromCurrent","useSaveViewFromCurrent","onCreateBaseView","onUpdateBaseView","onDeleteBaseView","onLoadBaseView","useBaseViewMutations","onUpdateWorkingView","useCallback","payload","selectView","resetWorkingView","error","viewMenuItems","useBuildViewMenuItems","viewId","value","viewsQueries","jsx","useViewsContext","context","useContext"],"mappings":"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"}