@ynput/ayon-frontend-shared 0.2.22 → 0.2.24

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

@@ -8,6 +8,7 @@ require("../../../../../_virtual/runtime.cjs.js");
 require("../../../../../_virtual/semver.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");
@@ -63,6 +64,9 @@ require("../../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../../api/queries/entityLists/updateListsAttributes.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/permissions/getPermissions.cjs.js");
@@ -120,12 +124,24 @@ const ViewsDialogContainer = ({}) => {
     remote: "views",
     module: "ViewFormDialog",
     fallback: ViewFormDialogFallback,
-    minVersion: "1.1.1-views",
+    minVersion: "1.1.1",
     skip: !viewType || !powerLicense
   });
   if (!viewType || !editingView) return null;
   if (editingView && outdated) {
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Dialog, { isOpen: true, header: "Powerpack Update Required", onClose: () => setEditingView(null), children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("p", { children: "The View Form Dialog is outdated. Please update the Powerpack addon to the latest version." }) });
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      ayonReactComponents.Dialog,
+      {
+        isOpen: true,
+        header: "Powerpack Update Required",
+        onClose: () => setEditingView(null),
+        size: "sm",
+        children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("p", { children: [
+          "Please update the Powerpack addon to at least ",
+          outdated.required
+        ] })
+      }
+    );
   }
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
     ViewFormDialog,

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

@@ -1 +1 @@
-{"version":3,"file":"ViewsDialogContainer.cjs.js","sources":["../../../../../../src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { useLoadModule } from '@shared/hooks'\nimport ViewFormDialogFallback from './ViewFormDialogFallback'\nimport { Dialog } from '@ynput/ayon-react-components'\nimport { usePowerpack } from '@shared/context'\n\nexport const VIEWS_DIALOG_CLASS = 'views-dialog' as const\n\ninterface ViewsDialogContainerProps {}\n\nconst ViewsDialogContainer: FC<ViewsDialogContainerProps> = ({}) => {\n  const {\n    editingView,\n    editingViewData,\n    setEditingView,\n    viewType,\n    projectName,\n    currentUser,\n    viewSettings,\n    shareOptions,\n    setSelectedView,\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    api,\n    dispatch,\n  } = useViewsContext()\n\n  const { powerLicense } = usePowerpack()\n\n  const [ViewFormDialog, { isLoading: isLoadingQueries, outdated }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'ViewFormDialog',\n    fallback: ViewFormDialogFallback,\n    minVersion: '1.1.1-views',\n    skip: !viewType || !powerLicense,\n  })\n\n  if (!viewType || !editingView) return null\n\n  if (editingView && outdated) {\n    return (\n      <Dialog isOpen header=\"Powerpack Update Required\" onClose={() => setEditingView(null)}>\n        <p>\n          The View Form Dialog is outdated. Please update the Powerpack addon to the latest version.\n        </p>\n      </Dialog>\n    )\n  }\n\n  return (\n    <ViewFormDialog\n      editingView={{\n        viewId: editingView === true ? undefined : editingView,\n        ...(editingViewData || {}),\n      }}\n      viewSettings={viewSettings}\n      setEditingView={setEditingView}\n      viewType={viewType}\n      projectName={projectName}\n      shareOptions={shareOptions}\n      setSelected={setSelectedView}\n      onCreateView={onCreateView}\n      onUpdateView={onUpdateView}\n      onDeleteView={onDeleteView}\n      api={api}\n      dispatch={dispatch}\n      currentUser={currentUser}\n      pt={{\n        dialog: {\n          className: VIEWS_DIALOG_CLASS,\n        },\n      }}\n    />\n  )\n}\n\nexport default ViewsDialogContainer\n"],"names":["useViewsContext","usePowerpack","useLoadModule","jsx","Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,qBAAqB;AAI5B,MAAA,uBAAsD,CAAC,CAAA,MAAO;AAC5D,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACEA,6BAAgB;AAEd,QAAA,EAAE,aAAa,IAAIC,8BAAa;AAEhC,QAAA,CAAC,gBAAgB,EAAE,WAAW,kBAAkB,SAAS,CAAC,IAAIC,4BAAc;AAAA,IAChF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,MAAM,CAAC,YAAY,CAAC;AAAA,EAAA,CACrB;AAED,MAAI,CAAC,YAAY,CAAC,YAAoB,QAAA;AAEtC,MAAI,eAAe,UAAU;AAC3B,WACGC,2BAAAA,kBAAAA,IAAAC,oBAAAA,QAAA,EAAO,QAAM,MAAC,QAAO,6BAA4B,SAAS,MAAM,eAAe,IAAI,GAClF,UAACD,iDAAA,KAAA,EAAE,uGAEH,CAAA,GACF;AAAA,EAAA;AAKF,SAAAA,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,QACX,QAAQ,gBAAgB,OAAO,SAAY;AAAA,QAC3C,GAAI,mBAAmB,CAAA;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI;AAAA,QACF,QAAQ;AAAA,UACN,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEJ;;;"}
+{"version":3,"file":"ViewsDialogContainer.cjs.js","sources":["../../../../../../src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { useLoadModule } from '@shared/hooks'\nimport ViewFormDialogFallback from './ViewFormDialogFallback'\nimport { Dialog } from '@ynput/ayon-react-components'\nimport { usePowerpack } from '@shared/context'\n\nexport const VIEWS_DIALOG_CLASS = 'views-dialog' as const\n\ninterface ViewsDialogContainerProps {}\n\nconst ViewsDialogContainer: FC<ViewsDialogContainerProps> = ({}) => {\n  const {\n    editingView,\n    editingViewData,\n    setEditingView,\n    viewType,\n    projectName,\n    currentUser,\n    viewSettings,\n    shareOptions,\n    setSelectedView,\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    api,\n    dispatch,\n  } = useViewsContext()\n\n  const { powerLicense } = usePowerpack()\n\n  const [ViewFormDialog, { isLoading: isLoadingQueries, outdated }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'ViewFormDialog',\n    fallback: ViewFormDialogFallback,\n    minVersion: '1.1.1',\n    skip: !viewType || !powerLicense,\n  })\n\n  if (!viewType || !editingView) return null\n\n  if (editingView && outdated) {\n    return (\n      <Dialog\n        isOpen\n        header=\"Powerpack Update Required\"\n        onClose={() => setEditingView(null)}\n        size=\"sm\"\n      >\n        <p>Please update the Powerpack addon to at least {outdated.required}</p>\n      </Dialog>\n    )\n  }\n\n  return (\n    <ViewFormDialog\n      editingView={{\n        viewId: editingView === true ? undefined : editingView,\n        ...(editingViewData || {}),\n      }}\n      viewSettings={viewSettings}\n      setEditingView={setEditingView}\n      viewType={viewType}\n      projectName={projectName}\n      shareOptions={shareOptions}\n      setSelected={setSelectedView}\n      onCreateView={onCreateView}\n      onUpdateView={onUpdateView}\n      onDeleteView={onDeleteView}\n      api={api}\n      dispatch={dispatch}\n      currentUser={currentUser}\n      pt={{\n        dialog: {\n          className: VIEWS_DIALOG_CLASS,\n        },\n      }}\n    />\n  )\n}\n\nexport default ViewsDialogContainer\n"],"names":["useViewsContext","usePowerpack","useLoadModule","jsx","Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,qBAAqB;AAI5B,MAAA,uBAAsD,CAAC,CAAA,MAAO;AAC5D,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACEA,6BAAgB;AAEd,QAAA,EAAE,aAAa,IAAIC,8BAAa;AAEhC,QAAA,CAAC,gBAAgB,EAAE,WAAW,kBAAkB,SAAS,CAAC,IAAIC,4BAAc;AAAA,IAChF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,MAAM,CAAC,YAAY,CAAC;AAAA,EAAA,CACrB;AAED,MAAI,CAAC,YAAY,CAAC,YAAoB,QAAA;AAEtC,MAAI,eAAe,UAAU;AAEzB,WAAAC,2BAAA,kBAAA;AAAA,MAACC,oBAAA;AAAA,MAAA;AAAA,QACC,QAAM;AAAA,QACN,QAAO;AAAA,QACP,SAAS,MAAM,eAAe,IAAI;AAAA,QAClC,MAAK;AAAA,QAEL,4DAAC,KAAE,EAAA,UAAA;AAAA,UAAA;AAAA,UAA+C,SAAS;AAAA,QAAA,EAAS,CAAA;AAAA,MAAA;AAAA,IACtE;AAAA,EAAA;AAKF,SAAAD,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,QACX,QAAQ,gBAAgB,OAAO,SAAY;AAAA,QAC3C,GAAI,mBAAmB,CAAA;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI;AAAA,QACF,QAAQ;AAAA,UACN,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEJ;;;"}

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

@@ -6,6 +6,7 @@ import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
 import "../../../api/base/client.es.js";
 import "../../../api/generated/graphql.es.js";
+import "../../../api/generated/graphqlLinks.es.js";
 import "../../../api/generated/access.es.js";
 import "../../../api/generated/actions.es.js";
 import "../../../api/generated/activityFeed.es.js";
@@ -61,6 +62,9 @@ import "../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/links/updateLinks.es.js";
+import "../../../api/queries/links/getLinks.es.js";
+import "../../../api/queries/links/getEntityLinks.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
@@ -118,12 +122,24 @@ const ViewsDialogContainer = ({}) => {
     remote: "views",
     module: "ViewFormDialog",
     fallback: ViewFormDialogFallback,
-    minVersion: "1.1.1-views",
+    minVersion: "1.1.1",
     skip: !viewType || !powerLicense
   });
   if (!viewType || !editingView) return null;
   if (editingView && outdated) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { isOpen: true, header: "Powerpack Update Required", onClose: () => setEditingView(null), children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "The View Form Dialog is outdated. Please update the Powerpack addon to the latest version." }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Dialog,
+      {
+        isOpen: true,
+        header: "Powerpack Update Required",
+        onClose: () => setEditingView(null),
+        size: "sm",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+          "Please update the Powerpack addon to at least ",
+          outdated.required
+        ] })
+      }
+    );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     ViewFormDialog,

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

@@ -1 +1 @@
-{"version":3,"file":"ViewsDialogContainer.es.js","sources":["../../../../../../src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { useLoadModule } from '@shared/hooks'\nimport ViewFormDialogFallback from './ViewFormDialogFallback'\nimport { Dialog } from '@ynput/ayon-react-components'\nimport { usePowerpack } from '@shared/context'\n\nexport const VIEWS_DIALOG_CLASS = 'views-dialog' as const\n\ninterface ViewsDialogContainerProps {}\n\nconst ViewsDialogContainer: FC<ViewsDialogContainerProps> = ({}) => {\n  const {\n    editingView,\n    editingViewData,\n    setEditingView,\n    viewType,\n    projectName,\n    currentUser,\n    viewSettings,\n    shareOptions,\n    setSelectedView,\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    api,\n    dispatch,\n  } = useViewsContext()\n\n  const { powerLicense } = usePowerpack()\n\n  const [ViewFormDialog, { isLoading: isLoadingQueries, outdated }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'ViewFormDialog',\n    fallback: ViewFormDialogFallback,\n    minVersion: '1.1.1-views',\n    skip: !viewType || !powerLicense,\n  })\n\n  if (!viewType || !editingView) return null\n\n  if (editingView && outdated) {\n    return (\n      <Dialog isOpen header=\"Powerpack Update Required\" onClose={() => setEditingView(null)}>\n        <p>\n          The View Form Dialog is outdated. Please update the Powerpack addon to the latest version.\n        </p>\n      </Dialog>\n    )\n  }\n\n  return (\n    <ViewFormDialog\n      editingView={{\n        viewId: editingView === true ? undefined : editingView,\n        ...(editingViewData || {}),\n      }}\n      viewSettings={viewSettings}\n      setEditingView={setEditingView}\n      viewType={viewType}\n      projectName={projectName}\n      shareOptions={shareOptions}\n      setSelected={setSelectedView}\n      onCreateView={onCreateView}\n      onUpdateView={onUpdateView}\n      onDeleteView={onDeleteView}\n      api={api}\n      dispatch={dispatch}\n      currentUser={currentUser}\n      pt={{\n        dialog: {\n          className: VIEWS_DIALOG_CLASS,\n        },\n      }}\n    />\n  )\n}\n\nexport default ViewsDialogContainer\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,qBAAqB;AAI5B,MAAA,uBAAsD,CAAC,CAAA,MAAO;AAC5D,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,gBAAgB;AAEd,QAAA,EAAE,aAAa,IAAI,aAAa;AAEhC,QAAA,CAAC,gBAAgB,EAAE,WAAW,kBAAkB,SAAS,CAAC,IAAI,cAAc;AAAA,IAChF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,MAAM,CAAC,YAAY,CAAC;AAAA,EAAA,CACrB;AAED,MAAI,CAAC,YAAY,CAAC,YAAoB,QAAA;AAEtC,MAAI,eAAe,UAAU;AAC3B,WACGA,kCAAAA,IAAA,QAAA,EAAO,QAAM,MAAC,QAAO,6BAA4B,SAAS,MAAM,eAAe,IAAI,GAClF,UAACA,sCAAA,KAAA,EAAE,uGAEH,CAAA,GACF;AAAA,EAAA;AAKF,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,QACX,QAAQ,gBAAgB,OAAO,SAAY;AAAA,QAC3C,GAAI,mBAAmB,CAAA;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI;AAAA,QACF,QAAQ;AAAA,UACN,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"ViewsDialogContainer.es.js","sources":["../../../../../../src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { useLoadModule } from '@shared/hooks'\nimport ViewFormDialogFallback from './ViewFormDialogFallback'\nimport { Dialog } from '@ynput/ayon-react-components'\nimport { usePowerpack } from '@shared/context'\n\nexport const VIEWS_DIALOG_CLASS = 'views-dialog' as const\n\ninterface ViewsDialogContainerProps {}\n\nconst ViewsDialogContainer: FC<ViewsDialogContainerProps> = ({}) => {\n  const {\n    editingView,\n    editingViewData,\n    setEditingView,\n    viewType,\n    projectName,\n    currentUser,\n    viewSettings,\n    shareOptions,\n    setSelectedView,\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    api,\n    dispatch,\n  } = useViewsContext()\n\n  const { powerLicense } = usePowerpack()\n\n  const [ViewFormDialog, { isLoading: isLoadingQueries, outdated }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'ViewFormDialog',\n    fallback: ViewFormDialogFallback,\n    minVersion: '1.1.1',\n    skip: !viewType || !powerLicense,\n  })\n\n  if (!viewType || !editingView) return null\n\n  if (editingView && outdated) {\n    return (\n      <Dialog\n        isOpen\n        header=\"Powerpack Update Required\"\n        onClose={() => setEditingView(null)}\n        size=\"sm\"\n      >\n        <p>Please update the Powerpack addon to at least {outdated.required}</p>\n      </Dialog>\n    )\n  }\n\n  return (\n    <ViewFormDialog\n      editingView={{\n        viewId: editingView === true ? undefined : editingView,\n        ...(editingViewData || {}),\n      }}\n      viewSettings={viewSettings}\n      setEditingView={setEditingView}\n      viewType={viewType}\n      projectName={projectName}\n      shareOptions={shareOptions}\n      setSelected={setSelectedView}\n      onCreateView={onCreateView}\n      onUpdateView={onUpdateView}\n      onDeleteView={onDeleteView}\n      api={api}\n      dispatch={dispatch}\n      currentUser={currentUser}\n      pt={{\n        dialog: {\n          className: VIEWS_DIALOG_CLASS,\n        },\n      }}\n    />\n  )\n}\n\nexport default ViewsDialogContainer\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,qBAAqB;AAI5B,MAAA,uBAAsD,CAAC,CAAA,MAAO;AAC5D,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,gBAAgB;AAEd,QAAA,EAAE,aAAa,IAAI,aAAa;AAEhC,QAAA,CAAC,gBAAgB,EAAE,WAAW,kBAAkB,SAAS,CAAC,IAAI,cAAc;AAAA,IAChF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,MAAM,CAAC,YAAY,CAAC;AAAA,EAAA,CACrB;AAED,MAAI,CAAC,YAAY,CAAC,YAAoB,QAAA;AAEtC,MAAI,eAAe,UAAU;AAEzB,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAM;AAAA,QACN,QAAO;AAAA,QACP,SAAS,MAAM,eAAe,IAAI;AAAA,QAClC,MAAK;AAAA,QAEL,iDAAC,KAAE,EAAA,UAAA;AAAA,UAAA;AAAA,UAA+C,SAAS;AAAA,QAAA,EAAS,CAAA;AAAA,MAAA;AAAA,IACtE;AAAA,EAAA;AAKF,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,QACX,QAAQ,gBAAgB,OAAO,SAAY;AAAA,QAC3C,GAAI,mBAAmB,CAAA;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI;AAAA,QACF,QAAQ;AAAA,UACN,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/shared/src/containers/Views/ViewsMenu/SectionHeader.cjs.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const SectionHeader_styled = require("./SectionHeader.styled.cjs.js");
+const SectionHeader = React.forwardRef(
+  ({ title, collapsed, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(SectionHeader_styled.SectionHeader, { ...props, ref, children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { children: title }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "spacer" }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { className: "icon", icon: collapsed ? "expand_more" : "expand_less" })
+    ] });
+  }
+);
+exports.SectionHeader = SectionHeader;
+//# sourceMappingURL=SectionHeader.cjs.js.map

package/dist/shared/src/containers/Views/ViewsMenu/SectionHeader.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.cjs.js","sources":["../../../../../../src/containers/Views/ViewsMenu/SectionHeader.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport * as Styled from './SectionHeader.styled'\n\nexport interface SectionHeaderProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  id: string\n  title: string\n  collapsed?: boolean\n}\n\nexport const SectionHeader = forwardRef<HTMLLIElement, SectionHeaderProps>(\n  ({ title, collapsed, ...props }, ref) => {\n    return (\n      <Styled.SectionHeader {...props} ref={ref}>\n        <span>{title}</span>\n        <span className=\"spacer\" />\n        <Icon className=\"icon\" icon={collapsed ? 'expand_more' : 'expand_less'} />\n      </Styled.SectionHeader>\n    )\n  },\n)\n"],"names":["forwardRef","Styled.SectionHeader","jsx","Icon"],"mappings":";;;;;;AAUO,MAAM,gBAAgBA,MAAA;AAAA,EAC3B,CAAC,EAAE,OAAO,WAAW,GAAG,MAAA,GAAS,QAAQ;AACvC,6DACGC,qBAAAA,eAAA,EAAsB,GAAG,OAAO,KAC/B,UAAA;AAAA,MAAAC,2BAAAA,kBAAAA,IAAC,UAAM,UAAM,MAAA,CAAA;AAAA,MACbA,2BAAAA,kBAAAA,IAAC,QAAK,EAAA,WAAU,SAAS,CAAA;AAAA,uDACxBC,oBAAAA,MAAK,EAAA,WAAU,QAAO,MAAM,YAAY,gBAAgB,cAAe,CAAA;AAAA,IAAA,GAC1E;AAAA,EAAA;AAGN;;"}

package/dist/shared/src/containers/Views/ViewsMenu/SectionHeader.es.js

@@ -0,0 +1,17 @@
+import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
+import { forwardRef } from "react";
+import { Icon } from "@ynput/ayon-react-components";
+import { SectionHeader as SectionHeader$1 } from "./SectionHeader.styled.es.js";
+const SectionHeader = forwardRef(
+  ({ title, collapsed, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(SectionHeader$1, { ...props, ref, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: title }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "spacer" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: "icon", icon: collapsed ? "expand_more" : "expand_less" })
+    ] });
+  }
+);
+export {
+  SectionHeader
+};
+//# sourceMappingURL=SectionHeader.es.js.map

package/dist/shared/src/containers/Views/ViewsMenu/SectionHeader.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.es.js","sources":["../../../../../../src/containers/Views/ViewsMenu/SectionHeader.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport * as Styled from './SectionHeader.styled'\n\nexport interface SectionHeaderProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  id: string\n  title: string\n  collapsed?: boolean\n}\n\nexport const SectionHeader = forwardRef<HTMLLIElement, SectionHeaderProps>(\n  ({ title, collapsed, ...props }, ref) => {\n    return (\n      <Styled.SectionHeader {...props} ref={ref}>\n        <span>{title}</span>\n        <span className=\"spacer\" />\n        <Icon className=\"icon\" icon={collapsed ? 'expand_more' : 'expand_less'} />\n      </Styled.SectionHeader>\n    )\n  },\n)\n"],"names":["Styled.SectionHeader","jsx"],"mappings":";;;;AAUO,MAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,OAAO,WAAW,GAAG,MAAA,GAAS,QAAQ;AACvC,kDACGA,iBAAA,EAAsB,GAAG,OAAO,KAC/B,UAAA;AAAA,MAAAC,kCAAAA,IAAC,UAAM,UAAM,MAAA,CAAA;AAAA,MACbA,kCAAAA,IAAC,QAAK,EAAA,WAAU,SAAS,CAAA;AAAA,4CACxB,MAAK,EAAA,WAAU,QAAO,MAAM,YAAY,gBAAgB,cAAe,CAAA;AAAA,IAAA,GAC1E;AAAA,EAAA;AAGN;"}

package/dist/shared/src/containers/Views/ViewsMenu/SectionHeader.styled.cjs.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const styled = require("styled-components");
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const SectionHeader = styled.li`
+  ${ayonReactComponents.theme.labelSmall}
+  color: var(--md-sys-color-outline);
+  user-select: none;
+  border-radius: var(--border-radius-m);
+  height: 28px;
+  padding: 0 8px;
+
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-small);
+
+  cursor: pointer;
+
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-high-hover);
+  }
+
+  .spacer {
+    flex: 1;
+  }
+  .icon {
+    font-size: 18px;
+    color: var(--md-sys-color-outline);
+    display: none;
+  }
+
+  &:hover .icon {
+    display: inline-flex;
+  }
+`;
+exports.SectionHeader = SectionHeader;
+//# sourceMappingURL=SectionHeader.styled.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.styled.cjs.js","sources":["../../../../../../src/containers/Views/ViewsMenu/SectionHeader.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { theme } from '@ynput/ayon-react-components'\n\nexport const SectionHeader = styled.li`\n  ${theme.labelSmall}\n  color: var(--md-sys-color-outline);\n  user-select: none;\n  border-radius: var(--border-radius-m);\n  height: 28px;\n  padding: 0 8px;\n\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n\n  cursor: pointer;\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  .spacer {\n    flex: 1;\n  }\n  .icon {\n    font-size: 18px;\n    color: var(--md-sys-color-outline);\n    display: none;\n  }\n\n  &:hover .icon {\n    display: inline-flex;\n  }\n`\n"],"names":["theme"],"mappings":";;;;AAGO,MAAM,gBAAgB,OAAO;AAAA,IAChCA,0BAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;"}

package/dist/shared/src/containers/Views/ViewsMenu/SectionHeader.styled.es.js

@@ -0,0 +1,37 @@
+import styled from "styled-components";
+import { theme } from "@ynput/ayon-react-components";
+const SectionHeader = styled.li`
+  ${theme.labelSmall}
+  color: var(--md-sys-color-outline);
+  user-select: none;
+  border-radius: var(--border-radius-m);
+  height: 28px;
+  padding: 0 8px;
+
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-small);
+
+  cursor: pointer;
+
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-high-hover);
+  }
+
+  .spacer {
+    flex: 1;
+  }
+  .icon {
+    font-size: 18px;
+    color: var(--md-sys-color-outline);
+    display: none;
+  }
+
+  &:hover .icon {
+    display: inline-flex;
+  }
+`;
+export {
+  SectionHeader
+};
+//# sourceMappingURL=SectionHeader.styled.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.styled.es.js","sources":["../../../../../../src/containers/Views/ViewsMenu/SectionHeader.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { theme } from '@ynput/ayon-react-components'\n\nexport const SectionHeader = styled.li`\n  ${theme.labelSmall}\n  color: var(--md-sys-color-outline);\n  user-select: none;\n  border-radius: var(--border-radius-m);\n  height: 28px;\n  padding: 0 8px;\n\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n\n  cursor: pointer;\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  .spacer {\n    flex: 1;\n  }\n  .icon {\n    font-size: 18px;\n    color: var(--md-sys-color-outline);\n    display: none;\n  }\n\n  &:hover .icon {\n    display: inline-flex;\n  }\n`\n"],"names":[],"mappings":";;AAGO,MAAM,gBAAgB,OAAO;AAAA,IAChC,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -4,14 +4,25 @@ const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
 const React = require("react");
 const ViewItem = require("../ViewItem/ViewItem.cjs.js");
 const ViewsMenu_styled = require("./ViewsMenu.styled.cjs.js");
+const SectionHeader = require("./SectionHeader.cjs.js");
 const VIEW_DIVIDER = "_divider_";
+const isSectionHeader = (item) => typeof item === "object" && item !== null && "type" in item && item.type === "section";
 const ViewsMenu = React.forwardRef(
   ({ items, selected, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewsMenu_styled.Scrollable, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewsMenu_styled.ViewsMenu, { ...props, ref, children: items.map((item, index) => {
       if (item === "_divider_") {
         return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewsMenu_styled.ViewsMenuDivider, {}, index);
-      } else if (typeof item === "string") {
-        return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewsMenu_styled.ViewsMenuTitle, { children: item }, index);
+      } else if (isSectionHeader(item)) {
+        return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          SectionHeader.SectionHeader,
+          {
+            id: item.id,
+            title: item.title,
+            collapsed: item.collapsed,
+            onClick: item.onToggle
+          },
+          item.id
+        );
       } else {
         return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
           ViewItem.ViewItem,

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

@@ -1 +1 @@
-{"version":3,"file":"ViewsMenu.cjs.js","sources":["../../../../../../src/containers/Views/ViewsMenu/ViewsMenu.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport * as Styled from './ViewsMenu.styled'\n\nexport const VIEW_DIVIDER = '_divider_' as const // Represents a divider\ntype Title = string // Represents a title\nexport type ViewMenuItem = ViewItem | typeof VIEW_DIVIDER | Title\n\nexport interface ViewsMenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  items: ViewMenuItem[] // Array of ViewMenuItem or string\n  selected: string\n}\n\nexport const ViewsMenu = forwardRef<HTMLUListElement, ViewsMenuProps>(\n  ({ items, selected, ...props }, ref) => {\n    return (\n      <Styled.Scrollable>\n        <Styled.ViewsMenu {...props} ref={ref}>\n          {items.map((item, index) => {\n            if (item === '_divider_') {\n              return <Styled.ViewsMenuDivider key={index} />\n            } else if (typeof item === 'string') {\n              return <Styled.ViewsMenuTitle key={index}>{item}</Styled.ViewsMenuTitle>\n            } else {\n              return (\n                <ViewItem\n                  key={(item.id || '') + index.toString()}\n                  tabIndex={0}\n                  isSelected={item.id === selected}\n                  autoFocus={index === 0}\n                  {...item}\n                />\n              )\n            }\n          })}\n        </Styled.ViewsMenu>\n      </Styled.Scrollable>\n    )\n  },\n)\n"],"names":["forwardRef","jsx","Styled.Scrollable","Styled.ViewsMenu","Styled.ViewsMenuDivider","Styled.ViewsMenuTitle","ViewItem"],"mappings":";;;;;;AAIO,MAAM,eAAe;AASrB,MAAM,YAAYA,MAAA;AAAA,EACvB,CAAC,EAAE,OAAO,UAAU,GAAG,MAAA,GAAS,QAAQ;AACtC,WACGC,2BAAAA,kBAAAA,IAAAC,iBAAAA,YAAA,EACC,2DAACC,iBAAO,WAAP,EAAkB,GAAG,OAAO,KAC1B,UAAA,MAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,UAAI,SAAS,aAAa;AACxB,eAAQF,iDAAAG,iBAAAA,kBAAA,CAAA,GAA6B,KAAO;AAAA,MAAA,WACnC,OAAO,SAAS,UAAU;AACnC,eAAQH,2BAAAA,kBAAAA,IAAAI,iBAAAA,gBAAA,EAAmC,kBAAR,KAAa;AAAA,MAAA,OAC3C;AAEH,eAAAJ,2BAAA,kBAAA;AAAA,UAACK,SAAA;AAAA,UAAA;AAAA,YAEC,UAAU;AAAA,YACV,YAAY,KAAK,OAAO;AAAA,YACxB,WAAW,UAAU;AAAA,YACpB,GAAG;AAAA,UAAA;AAAA,WAJE,KAAK,MAAM,MAAM,MAAM,SAAS;AAAA,QAKxC;AAAA,MAAA;AAAA,IAEJ,CACD,GACH,EACF,CAAA;AAAA,EAAA;AAGN;;;"}
+{"version":3,"file":"ViewsMenu.cjs.js","sources":["../../../../../../src/containers/Views/ViewsMenu/ViewsMenu.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport * as Styled from './ViewsMenu.styled'\nimport { SectionHeader } from './SectionHeader'\n\nexport const VIEW_DIVIDER = '_divider_' as const // Represents a divider\nexport type ViewSectionHeader = {\n  type: 'section'\n  id: string\n  title: string\n  collapsed?: boolean\n  onToggle?: () => void\n}\nexport type ViewMenuItem = ViewItem | typeof VIEW_DIVIDER | ViewSectionHeader\n\nexport interface ViewsMenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  items: ViewMenuItem[] // Array of ViewMenuItem or string\n  selected: string\n}\n\nconst isSectionHeader = (item: ViewMenuItem): item is ViewSectionHeader =>\n  typeof item === 'object' && item !== null && 'type' in item && (item as any).type === 'section'\n\nexport const ViewsMenu = forwardRef<HTMLUListElement, ViewsMenuProps>(\n  ({ items, selected, ...props }, ref) => {\n    return (\n      <Styled.Scrollable>\n        <Styled.ViewsMenu {...props} ref={ref}>\n          {items.map((item, index) => {\n            if (item === '_divider_') {\n              return <Styled.ViewsMenuDivider key={index} />\n            } else if (isSectionHeader(item)) {\n              return (\n                <SectionHeader\n                  key={item.id}\n                  id={item.id}\n                  title={item.title}\n                  collapsed={item.collapsed}\n                  onClick={item.onToggle}\n                />\n              )\n            } else {\n              return (\n                <ViewItem\n                  key={(item.id || '') + index.toString()}\n                  tabIndex={0}\n                  isSelected={item.id === selected}\n                  autoFocus={index === 0}\n                  {...item}\n                />\n              )\n            }\n          })}\n        </Styled.ViewsMenu>\n      </Styled.Scrollable>\n    )\n  },\n)\n"],"names":["forwardRef","jsx","Styled.Scrollable","Styled.ViewsMenu","Styled.ViewsMenuDivider","SectionHeader","ViewItem"],"mappings":";;;;;;;AAKO,MAAM,eAAe;AAe5B,MAAM,kBAAkB,CAAC,SACvB,OAAO,SAAS,YAAY,SAAS,QAAQ,UAAU,QAAS,KAAa,SAAS;AAEjF,MAAM,YAAYA,MAAA;AAAA,EACvB,CAAC,EAAE,OAAO,UAAU,GAAG,MAAA,GAAS,QAAQ;AACtC,WACGC,2BAAAA,kBAAAA,IAAAC,iBAAAA,YAAA,EACC,2DAACC,iBAAO,WAAP,EAAkB,GAAG,OAAO,KAC1B,UAAA,MAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,UAAI,SAAS,aAAa;AACxB,eAAQF,iDAAAG,iBAAAA,kBAAA,CAAA,GAA6B,KAAO;AAAA,MAAA,WACnC,gBAAgB,IAAI,GAAG;AAE9B,eAAAH,2BAAA,kBAAA;AAAA,UAACI,cAAA;AAAA,UAAA;AAAA,YAEC,IAAI,KAAK;AAAA,YACT,OAAO,KAAK;AAAA,YACZ,WAAW,KAAK;AAAA,YAChB,SAAS,KAAK;AAAA,UAAA;AAAA,UAJT,KAAK;AAAA,QAKZ;AAAA,MAAA,OAEG;AAEH,eAAAJ,2BAAA,kBAAA;AAAA,UAACK,SAAA;AAAA,UAAA;AAAA,YAEC,UAAU;AAAA,YACV,YAAY,KAAK,OAAO;AAAA,YACxB,WAAW,UAAU;AAAA,YACpB,GAAG;AAAA,UAAA;AAAA,WAJE,KAAK,MAAM,MAAM,MAAM,SAAS;AAAA,QAKxC;AAAA,MAAA;AAAA,IAEJ,CACD,GACH,EACF,CAAA;AAAA,EAAA;AAGN;;;"}

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

@@ -1,15 +1,26 @@
 import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
 import { forwardRef } from "react";
 import { ViewItem } from "../ViewItem/ViewItem.es.js";
-import { Scrollable, ViewsMenu as ViewsMenu$1, ViewsMenuDivider, ViewsMenuTitle } from "./ViewsMenu.styled.es.js";
+import { Scrollable, ViewsMenu as ViewsMenu$1, ViewsMenuDivider } from "./ViewsMenu.styled.es.js";
+import { SectionHeader } from "./SectionHeader.es.js";
 const VIEW_DIVIDER = "_divider_";
+const isSectionHeader = (item) => typeof item === "object" && item !== null && "type" in item && item.type === "section";
 const ViewsMenu = forwardRef(
   ({ items, selected, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Scrollable, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ViewsMenu$1, { ...props, ref, children: items.map((item, index) => {
       if (item === "_divider_") {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(ViewsMenuDivider, {}, index);
-      } else if (typeof item === "string") {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(ViewsMenuTitle, { children: item }, index);
+      } else if (isSectionHeader(item)) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          SectionHeader,
+          {
+            id: item.id,
+            title: item.title,
+            collapsed: item.collapsed,
+            onClick: item.onToggle
+          },
+          item.id
+        );
       } else {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           ViewItem,

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

@@ -1 +1 @@
-{"version":3,"file":"ViewsMenu.es.js","sources":["../../../../../../src/containers/Views/ViewsMenu/ViewsMenu.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport * as Styled from './ViewsMenu.styled'\n\nexport const VIEW_DIVIDER = '_divider_' as const // Represents a divider\ntype Title = string // Represents a title\nexport type ViewMenuItem = ViewItem | typeof VIEW_DIVIDER | Title\n\nexport interface ViewsMenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  items: ViewMenuItem[] // Array of ViewMenuItem or string\n  selected: string\n}\n\nexport const ViewsMenu = forwardRef<HTMLUListElement, ViewsMenuProps>(\n  ({ items, selected, ...props }, ref) => {\n    return (\n      <Styled.Scrollable>\n        <Styled.ViewsMenu {...props} ref={ref}>\n          {items.map((item, index) => {\n            if (item === '_divider_') {\n              return <Styled.ViewsMenuDivider key={index} />\n            } else if (typeof item === 'string') {\n              return <Styled.ViewsMenuTitle key={index}>{item}</Styled.ViewsMenuTitle>\n            } else {\n              return (\n                <ViewItem\n                  key={(item.id || '') + index.toString()}\n                  tabIndex={0}\n                  isSelected={item.id === selected}\n                  autoFocus={index === 0}\n                  {...item}\n                />\n              )\n            }\n          })}\n        </Styled.ViewsMenu>\n      </Styled.Scrollable>\n    )\n  },\n)\n"],"names":["jsx","Styled.Scrollable","Styled.ViewsMenu","Styled.ViewsMenuDivider","Styled.ViewsMenuTitle"],"mappings":";;;;AAIO,MAAM,eAAe;AASrB,MAAM,YAAY;AAAA,EACvB,CAAC,EAAE,OAAO,UAAU,GAAG,MAAA,GAAS,QAAQ;AACtC,WACGA,kCAAAA,IAAAC,YAAA,EACC,gDAACC,aAAA,EAAkB,GAAG,OAAO,KAC1B,UAAA,MAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,UAAI,SAAS,aAAa;AACxB,eAAQF,sCAAAG,kBAAA,CAAA,GAA6B,KAAO;AAAA,MAAA,WACnC,OAAO,SAAS,UAAU;AACnC,eAAQH,kCAAAA,IAAAI,gBAAA,EAAmC,kBAAR,KAAa;AAAA,MAAA,OAC3C;AAEH,eAAAJ,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,UAAU;AAAA,YACV,YAAY,KAAK,OAAO;AAAA,YACxB,WAAW,UAAU;AAAA,YACpB,GAAG;AAAA,UAAA;AAAA,WAJE,KAAK,MAAM,MAAM,MAAM,SAAS;AAAA,QAKxC;AAAA,MAAA;AAAA,IAEJ,CACD,GACH,EACF,CAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ViewsMenu.es.js","sources":["../../../../../../src/containers/Views/ViewsMenu/ViewsMenu.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport * as Styled from './ViewsMenu.styled'\nimport { SectionHeader } from './SectionHeader'\n\nexport const VIEW_DIVIDER = '_divider_' as const // Represents a divider\nexport type ViewSectionHeader = {\n  type: 'section'\n  id: string\n  title: string\n  collapsed?: boolean\n  onToggle?: () => void\n}\nexport type ViewMenuItem = ViewItem | typeof VIEW_DIVIDER | ViewSectionHeader\n\nexport interface ViewsMenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  items: ViewMenuItem[] // Array of ViewMenuItem or string\n  selected: string\n}\n\nconst isSectionHeader = (item: ViewMenuItem): item is ViewSectionHeader =>\n  typeof item === 'object' && item !== null && 'type' in item && (item as any).type === 'section'\n\nexport const ViewsMenu = forwardRef<HTMLUListElement, ViewsMenuProps>(\n  ({ items, selected, ...props }, ref) => {\n    return (\n      <Styled.Scrollable>\n        <Styled.ViewsMenu {...props} ref={ref}>\n          {items.map((item, index) => {\n            if (item === '_divider_') {\n              return <Styled.ViewsMenuDivider key={index} />\n            } else if (isSectionHeader(item)) {\n              return (\n                <SectionHeader\n                  key={item.id}\n                  id={item.id}\n                  title={item.title}\n                  collapsed={item.collapsed}\n                  onClick={item.onToggle}\n                />\n              )\n            } else {\n              return (\n                <ViewItem\n                  key={(item.id || '') + index.toString()}\n                  tabIndex={0}\n                  isSelected={item.id === selected}\n                  autoFocus={index === 0}\n                  {...item}\n                />\n              )\n            }\n          })}\n        </Styled.ViewsMenu>\n      </Styled.Scrollable>\n    )\n  },\n)\n"],"names":["jsx","Styled.Scrollable","Styled.ViewsMenu","Styled.ViewsMenuDivider"],"mappings":";;;;;AAKO,MAAM,eAAe;AAe5B,MAAM,kBAAkB,CAAC,SACvB,OAAO,SAAS,YAAY,SAAS,QAAQ,UAAU,QAAS,KAAa,SAAS;AAEjF,MAAM,YAAY;AAAA,EACvB,CAAC,EAAE,OAAO,UAAU,GAAG,MAAA,GAAS,QAAQ;AACtC,WACGA,kCAAAA,IAAAC,YAAA,EACC,gDAACC,aAAA,EAAkB,GAAG,OAAO,KAC1B,UAAA,MAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,UAAI,SAAS,aAAa;AACxB,eAAQF,sCAAAG,kBAAA,CAAA,GAA6B,KAAO;AAAA,MAAA,WACnC,gBAAgB,IAAI,GAAG;AAE9B,eAAAH,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,IAAI,KAAK;AAAA,YACT,OAAO,KAAK;AAAA,YACZ,WAAW,KAAK;AAAA,YAChB,SAAS,KAAK;AAAA,UAAA;AAAA,UAJT,KAAK;AAAA,QAKZ;AAAA,MAAA,OAEG;AAEH,eAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,UAAU;AAAA,YACV,YAAY,KAAK,OAAO;AAAA,YACxB,WAAW,UAAU;AAAA,YACpB,GAAG;AAAA,UAAA;AAAA,WAJE,KAAK,MAAM,MAAM,MAAM,SAAS;AAAA,QAKxC;AAAA,MAAA;AAAA,IAEJ,CACD,GACH,EACF,CAAA;AAAA,EAAA;AAGN;"}

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

@@ -22,12 +22,11 @@ const ViewsMenuDivider = styled.li`
   background-color: var(--md-sys-color-outline-variant);
   margin: 4px 0;
 `;
-const ViewsMenuTitle = styled.li`
+styled.li`
   ${ayonReactComponents.theme.labelSmall}
   color: var(--md-sys-color-outline);
 `;
 exports.Scrollable = Scrollable;
 exports.ViewsMenu = ViewsMenu;
 exports.ViewsMenuDivider = ViewsMenuDivider;
-exports.ViewsMenuTitle = ViewsMenuTitle;
 //# sourceMappingURL=ViewsMenu.styled.cjs.js.map

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

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

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

@@ -20,14 +20,13 @@ const ViewsMenuDivider = styled.li`
   background-color: var(--md-sys-color-outline-variant);
   margin: 4px 0;
 `;
-const ViewsMenuTitle = styled.li`
+styled.li`
   ${theme.labelSmall}
   color: var(--md-sys-color-outline);
 `;
 export {
   Scrollable,
   ViewsMenu,
-  ViewsMenuDivider,
-  ViewsMenuTitle
+  ViewsMenuDivider
 };
 //# sourceMappingURL=ViewsMenu.styled.es.js.map

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

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

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

@@ -6,11 +6,13 @@ require("react-dom");
 require("../Views.styled.cjs.js");
 require("clsx");
 const ViewsMenuContainer = require("../ViewsMenuContainer/ViewsMenuContainer.cjs.js");
+const useLocalStorage = require("../../../hooks/useLocalStorage.cjs.js");
 require("../../../context/RemoteModulesContext.cjs.js");
 require("../../../../../_virtual/runtime.cjs.js");
 require("../../../../../_virtual/semver.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");
@@ -66,6 +68,9 @@ require("../../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../../api/queries/entityLists/updateListsAttributes.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/permissions/getPermissions.cjs.js");
@@ -97,6 +102,7 @@ require("react-redux");
 require("custom-protocol-check");
 require("@ynput/ayon-react-components");
 require("../ViewsMenu/ViewsMenu.cjs.js");
+require("uuid");
 const useBuildViewMenuItems = require("../hooks/useBuildViewMenuItems.cjs.js");
 const useSaveViewFromCurrent = require("../hooks/useSaveViewFromCurrent.cjs.js");
 const useSelectedView = require("../hooks/useSelectedView.cjs.js");
@@ -125,6 +131,10 @@ const ViewsProvider = ({
   });
   const [isMenuOpen, setIsMenuOpen] = React.useState(false);
   const [editingView, setEditingView] = React.useState(null);
+  const [collapsedSections, setCollapsedSections] = useLocalStorage.useLocalStorage(
+    "collapsed-views",
+    {}
+  );
   const { data: shareOptions } = share.useGetShareOptionsQuery(
     { projectName },
     { skip: !powerLicense || !editingView }
@@ -183,6 +193,7 @@ const ViewsProvider = ({
     currentUser,
     useWorkingView: !powerLicense,
     editingViewId,
+    selectedId: selectedView == null ? void 0 : selectedView.id,
     onResetWorkingView,
     onSelect: (viewId) => {
       setSelectedView(viewId);

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 { ViewType, WORKING_VIEW_ID } from '../index'\nimport {\n  GetDefaultViewApiResponse,\n  useGetCurrentUserQuery,\n  useGetWorkingViewQuery,\n  useGetViewQuery,\n  useListViewsQuery,\n  UserModel,\n  ViewListItemModel,\n  viewsQueries,\n  useGetShareOptionsQuery,\n  ShareOption,\n} from '@shared/api'\nimport useBuildViewMenuItems from '../hooks/useBuildViewMenuItems'\nimport { ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { usePowerpack } from '@shared/context'\nimport { useSelectedView } from '../hooks/useSelectedView'\nimport { UseViewMutations, useViewsMutations } from '../hooks/useViewsMutations'\nimport { useSaveViewFromCurrent } from '../hooks/useSaveViewFromCurrent'\nimport { useViewSettingsChanged } from '../hooks/useViewSettingsChanged'\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\nconst viewTypes = ['overview', 'taskProgress', 'lists'] as const\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  workingSettings: ViewSettings | undefined\n  workingView: ViewListItemModel | undefined\n  editingViewId: string | undefined\n  viewMenuItems: ViewMenuItem[]\n  editingViewData?: ViewData\n  isLoadingViews: boolean\n  isViewWorking: 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  // Actions (shared)\n  resetWorkingView: () => Promise<void>\n\n  // api\n  api: typeof viewsQueries\n  dispatch: any\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: viewTypeProp,\n  projectName,\n  dispatch,\n  debug,\n}) => {\n  // validate viewType\n  const viewType = viewTypes.includes(viewTypeProp as ViewType)\n    ? (viewTypeProp as ViewType)\n    : undefined\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 { data: currentUser } = useGetCurrentUserQuery()\n\n  const { onCreateView, onDeleteView, onUpdateView, onResetWorkingView } = useViewsMutations({\n    viewType,\n    projectName,\n  })\n\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const [editingView, setEditingView] = useState<EditingViewState>(null)\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\n  const { currentData: viewsList = [], isLoading: isLoadingViews } = useListViewsQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\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  const workingSettings = workingView?.settings\n\n  //   which settings to use for the view\n  const viewSettings =\n    !selectedView || 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 } = useGetViewQuery(\n    { viewId: editingView as string, projectName: projectName, viewType: viewType as string },\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    sourceSettings: viewSettings,\n    onUpdateView: onUpdateView,\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    onResetWorkingView,\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    workingSettings,\n    editingViewData,\n    viewsList,\n    workingView,\n    editingViewId,\n    viewMenuItems,\n    isLoadingViews,\n    isViewWorking,\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"],"names":["createContext","usePowerpack","useGetCurrentUserQuery","useViewsMutations","useState","useGetShareOptionsQuery","useSelectedView","useViewSettingsChanged","useListViewsQuery","useGetWorkingViewQuery","WORKING_VIEW_ID","useGetViewQuery","useMemo","useSaveViewFromCurrent","useCallback","useBuildViewMenuItems","viewsQueries","jsx","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 { ViewType, WORKING_VIEW_ID } from '../index'\nimport {\n  GetDefaultViewApiResponse,\n  useGetCurrentUserQuery,\n  useGetWorkingViewQuery,\n  useGetViewQuery,\n  useListViewsQuery,\n  UserModel,\n  ViewListItemModel,\n  viewsQueries,\n  useGetShareOptionsQuery,\n  ShareOption,\n} from '@shared/api'\nimport useBuildViewMenuItems from '../hooks/useBuildViewMenuItems'\nimport { ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { usePowerpack } from '@shared/context'\nimport { useSelectedView } from '../hooks/useSelectedView'\nimport { UseViewMutations, useViewsMutations } from '../hooks/useViewsMutations'\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\nconst viewTypes = ['overview', 'taskProgress', 'lists'] as const\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  workingSettings: ViewSettings | undefined\n  workingView: ViewListItemModel | undefined\n  editingViewId: string | undefined\n  viewMenuItems: ViewMenuItem[]\n  editingViewData?: ViewData\n  isLoadingViews: boolean\n  isViewWorking: 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  // Actions (shared)\n  resetWorkingView: () => Promise<void>\n\n  // api\n  api: typeof viewsQueries\n  dispatch: any\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: viewTypeProp,\n  projectName,\n  dispatch,\n  debug,\n}) => {\n  // validate viewType\n  const viewType = viewTypes.includes(viewTypeProp as ViewType)\n    ? (viewTypeProp as ViewType)\n    : undefined\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 { data: currentUser } = useGetCurrentUserQuery()\n\n  const { onCreateView, onDeleteView, onUpdateView, onResetWorkingView } = useViewsMutations({\n    viewType,\n    projectName,\n  })\n\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const [editingView, setEditingView] = useState<EditingViewState>(null)\n  const [collapsedSections, setCollapsedSections] = useLocalStorage<Record<string, boolean>>(\n    'collapsed-views',\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\n  const { currentData: viewsList = [], isLoading: isLoadingViews } = useListViewsQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\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  const workingSettings = workingView?.settings\n\n  //   which settings to use for the view\n  const viewSettings =\n    !selectedView || 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 } = useGetViewQuery(\n    { viewId: editingView as string, projectName: projectName, viewType: viewType as string },\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    sourceSettings: viewSettings,\n    onUpdateView: onUpdateView,\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    onResetWorkingView,\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    workingSettings,\n    editingViewData,\n    viewsList,\n    workingView,\n    editingViewId,\n    viewMenuItems,\n    isLoadingViews,\n    isViewWorking,\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"],"names":["createContext","usePowerpack","useGetCurrentUserQuery","useViewsMutations","useState","useLocalStorage","useGetShareOptionsQuery","useSelectedView","useViewSettingsChanged","useListViewsQuery","useGetWorkingViewQuery","WORKING_VIEW_ID","useGetViewQuery","useMemo","useSaveViewFromCurrent","useCallback","useBuildViewMenuItems","viewsQueries","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,YAAY,CAAC,YAAY,gBAAgB,OAAO;AA2CtD,MAAM,eAAeA,oBAAwC,IAAI;AAY1D,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAEJ,QAAM,WAAW,UAAU,SAAS,YAAwB,IACvD,eACD;AAEA,MAAA,EAAE,aAAa,IAAIC,8BAAa;AAChC,OAAA,+BAAO,kBAAiB,QAAW;AAC7B,YAAA,KAAK,8BAA8B,MAAM,YAAY;AAC7D,mBAAe,MAAM;AAAA,EAAA;AAGvB,QAAM,EAAE,MAAM,YAAY,IAAIC,gCAAuB;AAErD,QAAM,EAAE,cAAc,cAAc,cAAc,mBAAA,IAAuBC,kBAAAA,kBAAkB;AAAA,IACzF;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,CAAC,YAAY,aAAa,IAAIC,MAAAA,SAAS,KAAK;AAClD,QAAM,CAAC,aAAa,cAAc,IAAIA,MAAAA,SAA2B,IAAI;AAC/D,QAAA,CAAC,mBAAmB,oBAAoB,IAAIC,gBAAA;AAAA,IAChD;AAAA,IACA,CAAA;AAAA,EACF;AAGM,QAAA,EAAE,MAAM,aAAA,IAAiBC,MAAA;AAAA,IAC7B,EAAE,YAAY;AAAA,IACd,EAAE,MAAM,CAAC,gBAAgB,CAAC,YAAY;AAAA,EACxC;AAGA,QAAM,CAAC,cAAc,iBAAiB,sBAAsB,IAAIC,gBAAAA,gBAAgB;AAAA,IAC9E;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,CAAC,qBAAqB,sBAAsB,IAAIC,8CAAuB;AAAA,IAC3E;AAAA,EAAA,CACD;AAGD,QAAM,EAAE,aAAa,YAAY,CAAI,GAAA,WAAW,mBAAmBC,SAAA;AAAA,IACjE,EAAE,aAA0B,SAA6B;AAAA,IACzD,EAAE,MAAM,CAAC,SAAS;AAAA,EACpB;AAGM,QAAA,EAAE,aAAa,YAAA,IAAgBC,SAAA;AAAA,IACnC,EAAE,aAA0B,SAA6B;AAAA,IACzD,EAAE,MAAM,CAAC,SAAS;AAAA,EACpB;AAEA,QAAM,kBAAkB,2CAAa;AAGrC,QAAM,eACJ,CAAC,gBAAgB,aAAa,OAAOC,qCAAkB,kBAAkB,6CAAc;AAGnF,QAAA,iBAAgB,6CAAc,SAAO,2CAAa;AAElD,QAAA,gBACJ,uBACA,iBACA,CAAC,CAAC,0BACF,4BAA2B,2CAAa,MACpC,yBACA;AAGA,QAAA,EAAE,aAAa,oBAAA,IAAwBC,SAAA;AAAA,IAC3C,EAAE,QAAQ,aAAuB,aAA0B,SAA6B;AAAA,IACxF,EAAE,MAAM,EAAE,OAAO,gBAAgB,aAAa,CAAC,aAAa;AAAA,EAC9D;AAEA,QAAM,kBAAkBC,MAAA;AAAA,IACtB,MAAO,iBAAgB,2DAAqB,MAAK,sBAAsB;AAAA,IACvE,CAAC,aAAa,mBAAmB;AAAA,EACnC;AAEM,QAAA,EAAE,sBAAsB,IAAIC,8CAAuB;AAAA,IACvD;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,EAAA,CACD;AAGK,QAAA,mBAAmBC,MAAAA,YAAY,YAAY;AAC3C,QAAA;AACF,YAAM,mBAAmB;AAAA,QACvB,uBAAuB,2CAAa;AAAA,QACpC,gBAAgB,6CAAc;AAAA,QAC9B;AAAA,QACA,oBAAoB;AAAA,QACpB,QAAQ;AAAA,MAAA,CACT;AAAA,aACM,OAAO;AACN,cAAA,MAAM,yBAAyB,KAAK;AAAA,IAAA;AAAA,EAC9C,GACC,CAAC,aAAa,oBAAoB,cAAc,iBAAiB,sBAAsB,CAAC;AAG3F,QAAM,gBAAgBC,sBAAAA,QAAsB;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,CAAC;AAAA,IACjB;AAAA,IACA,YAAY,6CAAc;AAAA,IAC1B;AAAA,IACA,UAAU,CAAC,WAAW;AACpB,sBAAgB,MAAM;AAEtB,6BAAuB,KAAK;AAE5B,oBAAc,KAAK;AAAA,IACrB;AAAA,IACA,QAAQ,CAAC,WAAW,eAAe,MAAM;AAAA,IACzC,QAAQ,OAAO,WAAW,sBAAsB,MAAM;AAAA,EAAA,CACvD;AAED,QAAM,QAA2B;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA;AAAA,IAEnB;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA,KAAKC,YAAA;AAAA,IACL;AAAA,EACF;AAEA,SAAQC,2BAAAA,kBAAAA,IAAA,aAAa,UAAb,EAAsB,OAAe,SAAS,CAAA;AACxD;AAEO,MAAM,kBAAkB,MAAyB;AAChD,QAAA,UAAUC,iBAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,qDAAqD;AAAA,EAAA;AAEhE,SAAA;AACT;;;"}

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

@@ -4,11 +4,13 @@ import "react-dom";
 import "../Views.styled.es.js";
 import "clsx";
 import { WORKING_VIEW_ID } from "../ViewsMenuContainer/ViewsMenuContainer.es.js";
+import { useLocalStorage } from "../../../hooks/useLocalStorage.es.js";
 import "../../../context/RemoteModulesContext.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
 import "../../../api/base/client.es.js";
 import "../../../api/generated/graphql.es.js";
+import "../../../api/generated/graphqlLinks.es.js";
 import "../../../api/generated/access.es.js";
 import "../../../api/generated/actions.es.js";
 import "../../../api/generated/activityFeed.es.js";
@@ -64,6 +66,9 @@ import "../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/links/updateLinks.es.js";
+import "../../../api/queries/links/getLinks.es.js";
+import "../../../api/queries/links/getEntityLinks.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
@@ -95,6 +100,7 @@ import "react-redux";
 import "custom-protocol-check";
 import "@ynput/ayon-react-components";
 import "../ViewsMenu/ViewsMenu.es.js";
+import "uuid";
 import useBuildViewMenuItems from "../hooks/useBuildViewMenuItems.es.js";
 import { useSaveViewFromCurrent } from "../hooks/useSaveViewFromCurrent.es.js";
 import { useSelectedView } from "../hooks/useSelectedView.es.js";
@@ -123,6 +129,10 @@ const ViewsProvider = ({
   });
   const [isMenuOpen, setIsMenuOpen] = useState(false);
   const [editingView, setEditingView] = useState(null);
+  const [collapsedSections, setCollapsedSections] = useLocalStorage(
+    "collapsed-views",
+    {}
+  );
   const { data: shareOptions } = useGetShareOptionsQuery(
     { projectName },
     { skip: !powerLicense || !editingView }
@@ -181,6 +191,7 @@ const ViewsProvider = ({
     currentUser,
     useWorkingView: !powerLicense,
     editingViewId,
+    selectedId: selectedView == null ? void 0 : selectedView.id,
     onResetWorkingView,
     onSelect: (viewId) => {
       setSelectedView(viewId);