@ynput/ayon-frontend-shared 0.2.18 → 0.2.20

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

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

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

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

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

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+require("react-dom");
+require("../Views.styled.cjs.js");
+require("clsx");
+const ViewsMenuContainer = require("../ViewsMenuContainer/ViewsMenuContainer.cjs.js");
+require("../../../api/base/client.cjs.js");
+require("../../../api/generated/graphql.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/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/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/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/folders/getFolders.cjs.js");
+require("../../../api/queries/overview/getOverview.cjs.js");
+require("../../../api/queries/overview/updateOverview.cjs.js");
+require("../../../api/queries/project/getProject.cjs.js");
+require("../../../api/queries/project/updateProject.cjs.js");
+require("../../../api/queries/review/getReview.cjs.js");
+require("../../../api/queries/review/updateReview.cjs.js");
+require("../../../api/queries/system/getSystem.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/watchers/getWatchers.cjs.js");
+require("../../../api/queries/permissions/getPermissions.cjs.js");
+require("../../../api/queries/grouping/getGrouping.cjs.js");
+require("../../../api/queries/versions/updateVersions.cjs.js");
+require("../../../api/queries/products/createProduct.cjs.js");
+require("../../../api/queries/cloud/cloud.cjs.js");
+const getViews = require("../../../api/queries/views/getViews.cjs.js");
+require("../../../api/queries/views/updateViews.cjs.js");
+const useBuildViewMenuItems = require("../hooks/useBuildViewMenuItems.cjs.js");
+require("../../../context/RemoteModulesContext.cjs.js");
+require("../../../context/DetailsPanelContext.cjs.js");
+require("../../../context/ThumbnailUploaderContext.cjs.js");
+require("../../../context/SettingsPanelContext.cjs.js");
+require("../../../context/pip/PiPProvider.cjs.js");
+require("../../../context/pip/PiPWrapper.cjs.js");
+require("../../../context/AddonProjectContext.cjs.js");
+require("../../../context/AddonContext.cjs.js");
+const PowerpackContext = require("../../../context/PowerpackContext.cjs.js");
+const ViewsContext = React.createContext(null);
+const ViewsProvider = ({ children, viewType, projectName }) => {
+  const { powerLicense } = PowerpackContext.usePowerpack();
+  const [isMenuOpen, setIsMenuOpen] = React.useState(false);
+  const [editingView, setEditingView] = React.useState(null);
+  const [selectedView, setSelectedView] = React.useState(null);
+  const { data: viewsList = [], isLoading: isLoadingViews } = getViews.useListViewsQuery(
+    { projectName, viewType },
+    { skip: !viewType || !projectName || !powerLicense }
+  );
+  const { data: personalView } = getViews.useGetPersonalViewQuery(
+    { projectName, viewType },
+    { skip: !viewType || !projectName }
+  );
+  const { data: selectedViewData } = getViews.useGetViewQuery(
+    { viewId: selectedView, projectName, viewType },
+    { skip: !selectedView || selectedView === ViewsMenuContainer.PERSONAL_VIEW_ID || !powerLicense }
+  );
+  const viewSettings = selectedView === ViewsMenuContainer.PERSONAL_VIEW_ID ? personalView == null ? void 0 : personalView.settings : selectedViewData == null ? void 0 : selectedViewData.settings;
+  const viewMenuItems = useBuildViewMenuItems.default({
+    viewsList,
+    personalView,
+    viewType,
+    projectName,
+    onSelect: setSelectedView,
+    onEdit: (viewId) => setEditingView({ viewId })
+  });
+  const value = {
+    viewType,
+    projectName,
+    isMenuOpen,
+    editingView,
+    selectedView,
+    viewSettings,
+    viewsList,
+    personalView,
+    viewMenuItems,
+    isLoadingViews,
+    setIsMenuOpen,
+    setEditingView,
+    setSelectedView
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewsContext.Provider, { value, children });
+};
+const useViewsContext = () => {
+  const context = React.useContext(ViewsContext);
+  if (!context) {
+    throw new Error("useViewsContext must be used within a ViewsProvider");
+  }
+  return context;
+};
+exports.ViewsProvider = ViewsProvider;
+exports.useViewsContext = useViewsContext;
+//# sourceMappingURL=ViewsContext.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsContext.cjs.js","sources":["../../../../../../src/components/Views/context/ViewsContext.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  FC,\n  ReactNode,\n  useState,\n  useEffect,\n  useMemo,\n  useCallback,\n} from 'react'\nimport { ViewType, PERSONAL_VIEW_ID } from '../index'\nimport {\n  OverviewSettings,\n  TaskProgressSettings,\n  useGetPersonalViewQuery,\n  useGetViewQuery,\n  useListViewsQuery,\n  ViewListItemModel,\n} from '@shared/api'\nimport useBuildViewMenuItems from '../hooks/useBuildViewMenuItems'\nimport { ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { usePowerpack } from '@shared/context'\n\nexport type SelectedViewState = string | null // id of view otherwise null with use personal\nexport type EditingViewState = { viewId: string | undefined } | null // id of view being edited otherwise null\n\ninterface ViewsContextValue {\n  // State\n  viewType: ViewType\n  projectName?: string\n  isMenuOpen: boolean\n  editingView: EditingViewState\n  selectedView: SelectedViewState\n\n  // Views data\n  viewsList: ViewListItemModel[]\n  viewSettings: TaskProgressSettings | OverviewSettings | undefined\n  personalView: ViewListItemModel | undefined\n  viewMenuItems: ViewMenuItem[]\n  isLoadingViews: boolean\n\n  // Actions\n  setIsMenuOpen: (open: boolean) => void\n  setEditingView: (editing: EditingViewState) => void\n  setSelectedView: (selected: SelectedViewState) => void\n}\n\nconst ViewsContext = createContext<ViewsContextValue | null>(null)\n\nexport interface ViewsProviderProps {\n  children: ReactNode\n  viewType: ViewType\n  projectName?: string\n}\n\nexport const ViewsProvider: FC<ViewsProviderProps> = ({ children, viewType, projectName }) => {\n  const { powerLicense } = usePowerpack()\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const [editingView, setEditingView] = useState<EditingViewState>(null)\n  const [selectedView, setSelectedView] = useState<SelectedViewState>(null)\n\n  // Fetch views data\n  const { data: viewsList = [], isLoading: isLoadingViews } = useListViewsQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType || !projectName || !powerLicense },\n  )\n\n  //   always get your personal view\n  const { data: personalView } = useGetPersonalViewQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType || !projectName },\n  )\n\n  //   if the selected view is not the personal view, get the data for it\n  const { data: selectedViewData } = useGetViewQuery(\n    { viewId: selectedView as string, projectName: projectName, viewType: viewType as string },\n    { skip: !selectedView || selectedView === PERSONAL_VIEW_ID || !powerLicense },\n  )\n\n  //   which settings to use for the view\n  const viewSettings =\n    selectedView === PERSONAL_VIEW_ID ? personalView?.settings : selectedViewData?.settings\n\n  //   build the menu items for the views\n  const viewMenuItems = useBuildViewMenuItems({\n    viewsList,\n    personalView,\n    viewType,\n    projectName,\n    onSelect: setSelectedView,\n    onEdit: (viewId: string) => setEditingView({ viewId }),\n  })\n\n  const value: ViewsContextValue = {\n    viewType,\n    projectName,\n    isMenuOpen,\n    editingView,\n    selectedView,\n    viewSettings,\n    viewsList,\n    personalView,\n    viewMenuItems,\n    isLoadingViews,\n    setIsMenuOpen,\n    setEditingView,\n    setSelectedView,\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","useState","useListViewsQuery","useGetPersonalViewQuery","useGetViewQuery","PERSONAL_VIEW_ID","useBuildViewMenuItems","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,MAAM,eAAeA,oBAAwC,IAAI;AAQ1D,MAAM,gBAAwC,CAAC,EAAE,UAAU,UAAU,kBAAkB;AACtF,QAAA,EAAE,aAAa,IAAIC,8BAAa;AACtC,QAAM,CAAC,YAAY,aAAa,IAAIC,MAAAA,SAAS,KAAK;AAClD,QAAM,CAAC,aAAa,cAAc,IAAIA,MAAAA,SAA2B,IAAI;AACrE,QAAM,CAAC,cAAc,eAAe,IAAIA,MAAAA,SAA4B,IAAI;AAGxE,QAAM,EAAE,MAAM,YAAY,CAAI,GAAA,WAAW,mBAAmBC,SAAA;AAAA,IAC1D,EAAE,aAA0B,SAA6B;AAAA,IACzD,EAAE,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,aAAa;AAAA,EACrD;AAGM,QAAA,EAAE,MAAM,aAAA,IAAiBC,SAAA;AAAA,IAC7B,EAAE,aAA0B,SAA6B;AAAA,IACzD,EAAE,MAAM,CAAC,YAAY,CAAC,YAAY;AAAA,EACpC;AAGM,QAAA,EAAE,MAAM,iBAAA,IAAqBC,SAAA;AAAA,IACjC,EAAE,QAAQ,cAAwB,aAA0B,SAA6B;AAAA,IACzF,EAAE,MAAM,CAAC,gBAAgB,iBAAiBC,mBAAAA,oBAAoB,CAAC,aAAa;AAAA,EAC9E;AAGA,QAAM,eACJ,iBAAiBA,mBAAAA,mBAAmB,6CAAc,WAAW,qDAAkB;AAGjF,QAAM,gBAAgBC,sBAAAA,QAAsB;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,QAAQ,CAAC,WAAmB,eAAe,EAAE,OAAQ,CAAA;AAAA,EAAA,CACtD;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,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/components/Views/context/ViewsContext.es.js

@@ -0,0 +1,145 @@
+import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
+import { createContext, useState, useContext } from "react";
+import "react-dom";
+import "../Views.styled.es.js";
+import "clsx";
+import { PERSONAL_VIEW_ID } from "../ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../../api/base/client.es.js";
+import "../../../api/generated/graphql.es.js";
+import "../../../api/generated/access.es.js";
+import "../../../api/generated/actions.es.js";
+import "../../../api/generated/activityFeed.es.js";
+import "../../../api/generated/addons.es.js";
+import "../../../api/generated/anatomy.es.js";
+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/desktop.es.js";
+import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/events.es.js";
+import "../../../api/generated/files.es.js";
+import "../../../api/generated/folders.es.js";
+import "../../../api/generated/inbox.es.js";
+import "../../../api/generated/links.es.js";
+import "../../../api/generated/market.es.js";
+import "../../../api/generated/onboarding.es.js";
+import "../../../api/generated/operations.es.js";
+import "../../../api/generated/products.es.js";
+import "../../../api/generated/projectDashboard.es.js";
+import "../../../api/generated/projects.es.js";
+import "../../../api/generated/reviewables.es.js";
+import "../../../api/generated/services.es.js";
+import "../../../api/generated/system.es.js";
+import "../../../api/generated/tasks.es.js";
+import "../../../api/generated/teams.es.js";
+import "../../../api/generated/thumbnails.es.js";
+import "../../../api/generated/uRIs.es.js";
+import "../../../api/generated/users.es.js";
+import "../../../api/generated/versions.es.js";
+import "../../../api/generated/workfiles.es.js";
+import "../../../api/generated/ynputCloud.es.js";
+import "../../../api/generated/grouping.es.js";
+import "../../../api/generated/views.es.js";
+import "../../../api/queries/actions/getActions.es.js";
+import "../../../api/queries/activities/getActivities.es.js";
+import "../../../api/queries/activities/updateActivities.es.js";
+import "../../../api/queries/activities/updateReaction.es.js";
+import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/addons/getAddons.es.js";
+import "../../../api/queries/addons/updateAddons.es.js";
+import "../../../api/queries/attributes/getAttributes.es.js";
+import "../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/entities/getEntity.es.js";
+import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/entities/updateEntity.es.js";
+import "../../../api/queries/entityLists/getLists.es.js";
+import "../../../api/queries/entityLists/updateLists.es.js";
+import "../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/folders/getFolders.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/project/getProject.es.js";
+import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/review/getReview.es.js";
+import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/system/getSystem.es.js";
+import "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../api/queries/users/getUsers.es.js";
+import "../../../api/queries/users/updateUsers.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/versions/updateVersions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
+import { useListViewsQuery, useGetPersonalViewQuery, useGetViewQuery } from "../../../api/queries/views/getViews.es.js";
+import "../../../api/queries/views/updateViews.es.js";
+import useBuildViewMenuItems from "../hooks/useBuildViewMenuItems.es.js";
+import "../../../context/RemoteModulesContext.es.js";
+import "../../../context/DetailsPanelContext.es.js";
+import "../../../context/ThumbnailUploaderContext.es.js";
+import "../../../context/SettingsPanelContext.es.js";
+import "../../../context/pip/PiPProvider.es.js";
+import "../../../context/pip/PiPWrapper.es.js";
+import "../../../context/AddonProjectContext.es.js";
+import "../../../context/AddonContext.es.js";
+import { usePowerpack } from "../../../context/PowerpackContext.es.js";
+const ViewsContext = createContext(null);
+const ViewsProvider = ({ children, viewType, projectName }) => {
+  const { powerLicense } = usePowerpack();
+  const [isMenuOpen, setIsMenuOpen] = useState(false);
+  const [editingView, setEditingView] = useState(null);
+  const [selectedView, setSelectedView] = useState(null);
+  const { data: viewsList = [], isLoading: isLoadingViews } = useListViewsQuery(
+    { projectName, viewType },
+    { skip: !viewType || !projectName || !powerLicense }
+  );
+  const { data: personalView } = useGetPersonalViewQuery(
+    { projectName, viewType },
+    { skip: !viewType || !projectName }
+  );
+  const { data: selectedViewData } = useGetViewQuery(
+    { viewId: selectedView, projectName, viewType },
+    { skip: !selectedView || selectedView === PERSONAL_VIEW_ID || !powerLicense }
+  );
+  const viewSettings = selectedView === PERSONAL_VIEW_ID ? personalView == null ? void 0 : personalView.settings : selectedViewData == null ? void 0 : selectedViewData.settings;
+  const viewMenuItems = useBuildViewMenuItems({
+    viewsList,
+    personalView,
+    viewType,
+    projectName,
+    onSelect: setSelectedView,
+    onEdit: (viewId) => setEditingView({ viewId })
+  });
+  const value = {
+    viewType,
+    projectName,
+    isMenuOpen,
+    editingView,
+    selectedView,
+    viewSettings,
+    viewsList,
+    personalView,
+    viewMenuItems,
+    isLoadingViews,
+    setIsMenuOpen,
+    setEditingView,
+    setSelectedView
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ViewsContext.Provider, { value, children });
+};
+const useViewsContext = () => {
+  const context = useContext(ViewsContext);
+  if (!context) {
+    throw new Error("useViewsContext must be used within a ViewsProvider");
+  }
+  return context;
+};
+export {
+  ViewsProvider,
+  useViewsContext
+};
+//# sourceMappingURL=ViewsContext.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsContext.es.js","sources":["../../../../../../src/components/Views/context/ViewsContext.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  FC,\n  ReactNode,\n  useState,\n  useEffect,\n  useMemo,\n  useCallback,\n} from 'react'\nimport { ViewType, PERSONAL_VIEW_ID } from '../index'\nimport {\n  OverviewSettings,\n  TaskProgressSettings,\n  useGetPersonalViewQuery,\n  useGetViewQuery,\n  useListViewsQuery,\n  ViewListItemModel,\n} from '@shared/api'\nimport useBuildViewMenuItems from '../hooks/useBuildViewMenuItems'\nimport { ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { usePowerpack } from '@shared/context'\n\nexport type SelectedViewState = string | null // id of view otherwise null with use personal\nexport type EditingViewState = { viewId: string | undefined } | null // id of view being edited otherwise null\n\ninterface ViewsContextValue {\n  // State\n  viewType: ViewType\n  projectName?: string\n  isMenuOpen: boolean\n  editingView: EditingViewState\n  selectedView: SelectedViewState\n\n  // Views data\n  viewsList: ViewListItemModel[]\n  viewSettings: TaskProgressSettings | OverviewSettings | undefined\n  personalView: ViewListItemModel | undefined\n  viewMenuItems: ViewMenuItem[]\n  isLoadingViews: boolean\n\n  // Actions\n  setIsMenuOpen: (open: boolean) => void\n  setEditingView: (editing: EditingViewState) => void\n  setSelectedView: (selected: SelectedViewState) => void\n}\n\nconst ViewsContext = createContext<ViewsContextValue | null>(null)\n\nexport interface ViewsProviderProps {\n  children: ReactNode\n  viewType: ViewType\n  projectName?: string\n}\n\nexport const ViewsProvider: FC<ViewsProviderProps> = ({ children, viewType, projectName }) => {\n  const { powerLicense } = usePowerpack()\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const [editingView, setEditingView] = useState<EditingViewState>(null)\n  const [selectedView, setSelectedView] = useState<SelectedViewState>(null)\n\n  // Fetch views data\n  const { data: viewsList = [], isLoading: isLoadingViews } = useListViewsQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType || !projectName || !powerLicense },\n  )\n\n  //   always get your personal view\n  const { data: personalView } = useGetPersonalViewQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType || !projectName },\n  )\n\n  //   if the selected view is not the personal view, get the data for it\n  const { data: selectedViewData } = useGetViewQuery(\n    { viewId: selectedView as string, projectName: projectName, viewType: viewType as string },\n    { skip: !selectedView || selectedView === PERSONAL_VIEW_ID || !powerLicense },\n  )\n\n  //   which settings to use for the view\n  const viewSettings =\n    selectedView === PERSONAL_VIEW_ID ? personalView?.settings : selectedViewData?.settings\n\n  //   build the menu items for the views\n  const viewMenuItems = useBuildViewMenuItems({\n    viewsList,\n    personalView,\n    viewType,\n    projectName,\n    onSelect: setSelectedView,\n    onEdit: (viewId: string) => setEditingView({ viewId }),\n  })\n\n  const value: ViewsContextValue = {\n    viewType,\n    projectName,\n    isMenuOpen,\n    editingView,\n    selectedView,\n    viewSettings,\n    viewsList,\n    personalView,\n    viewMenuItems,\n    isLoadingViews,\n    setIsMenuOpen,\n    setEditingView,\n    setSelectedView,\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":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,MAAM,eAAe,cAAwC,IAAI;AAQ1D,MAAM,gBAAwC,CAAC,EAAE,UAAU,UAAU,kBAAkB;AACtF,QAAA,EAAE,aAAa,IAAI,aAAa;AACtC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,aAAa,cAAc,IAAI,SAA2B,IAAI;AACrE,QAAM,CAAC,cAAc,eAAe,IAAI,SAA4B,IAAI;AAGxE,QAAM,EAAE,MAAM,YAAY,CAAI,GAAA,WAAW,mBAAmB;AAAA,IAC1D,EAAE,aAA0B,SAA6B;AAAA,IACzD,EAAE,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,aAAa;AAAA,EACrD;AAGM,QAAA,EAAE,MAAM,aAAA,IAAiB;AAAA,IAC7B,EAAE,aAA0B,SAA6B;AAAA,IACzD,EAAE,MAAM,CAAC,YAAY,CAAC,YAAY;AAAA,EACpC;AAGM,QAAA,EAAE,MAAM,iBAAA,IAAqB;AAAA,IACjC,EAAE,QAAQ,cAAwB,aAA0B,SAA6B;AAAA,IACzF,EAAE,MAAM,CAAC,gBAAgB,iBAAiB,oBAAoB,CAAC,aAAa;AAAA,EAC9E;AAGA,QAAM,eACJ,iBAAiB,mBAAmB,6CAAc,WAAW,qDAAkB;AAGjF,QAAM,gBAAgB,sBAAsB;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,QAAQ,CAAC,WAAmB,eAAe,EAAE,OAAQ,CAAA;AAAA,EAAA,CACtD;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,EACF;AAEA,SAAQA,kCAAAA,IAAA,aAAa,UAAb,EAAsB,OAAe,SAAS,CAAA;AACxD;AAEO,MAAM,kBAAkB,MAAyB;AAChD,QAAA,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,qDAAqD;AAAA,EAAA;AAEhE,SAAA;AACT;"}

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

@@ -0,0 +1,160 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
+require("../../../api/base/client.cjs.js");
+require("../../../api/generated/graphql.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/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/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/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/folders/getFolders.cjs.js");
+require("../../../api/queries/overview/getOverview.cjs.js");
+require("../../../api/queries/overview/updateOverview.cjs.js");
+require("../../../api/queries/project/getProject.cjs.js");
+require("../../../api/queries/project/updateProject.cjs.js");
+require("../../../api/queries/review/getReview.cjs.js");
+require("../../../api/queries/review/updateReview.cjs.js");
+require("../../../api/queries/system/getSystem.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/watchers/getWatchers.cjs.js");
+require("../../../api/queries/permissions/getPermissions.cjs.js");
+require("../../../api/queries/grouping/getGrouping.cjs.js");
+require("../../../api/queries/versions/updateVersions.cjs.js");
+require("../../../api/queries/products/createProduct.cjs.js");
+require("../../../api/queries/cloud/cloud.cjs.js");
+require("../../../api/queries/views/getViews.cjs.js");
+const updateViews = require("../../../api/queries/views/updateViews.cjs.js");
+const React = require("react");
+const ViewsMenu = require("../ViewsMenu/ViewsMenu.cjs.js");
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const generatePersonalView = require("../utils/generatePersonalView.cjs.js");
+const reactToastify = require("react-toastify");
+const useLoadModule = require("../../../hooks/useLoadModule.cjs.js");
+require("../../../../../_virtual/runtime.cjs.js");
+require("../../../../../_virtual/semver.cjs.js");
+require("lodash");
+require("../../../context/RemoteModulesContext.cjs.js");
+require("../../../context/DetailsPanelContext.cjs.js");
+require("../../../context/ThumbnailUploaderContext.cjs.js");
+require("../../../context/SettingsPanelContext.cjs.js");
+require("../../../context/pip/PiPProvider.cjs.js");
+require("react-dom");
+require("../../../context/pip/PiPWrapper.cjs.js");
+require("../../../context/AddonProjectContext.cjs.js");
+require("../../../context/AddonContext.cjs.js");
+require("../../../context/PowerpackContext.cjs.js");
+require("react-redux");
+require("custom-protocol-check");
+const getCustomViewsFallback = require("../utils/getCustomViewsFallback.cjs.js");
+const PERSONAL_VIEW_ID = "_personal_";
+const personalBaseView = {
+  id: PERSONAL_VIEW_ID,
+  label: "Personal",
+  startContent: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "person" }),
+  isEditable: false,
+  isPersonal: true
+};
+const useBuildViewMenuItems = ({
+  viewsList,
+  personalView,
+  viewType,
+  projectName,
+  onSelect,
+  onEdit
+}) => {
+  const [createView] = updateViews.useCreateViewMutation();
+  const handlePersonalViewChange = React.useCallback(async () => {
+    onSelect(PERSONAL_VIEW_ID);
+    if (!personalView) {
+      try {
+        console.warn("No personal view found, creating a new one");
+        const personalView2 = generatePersonalView.generatePersonalView(viewType);
+        await createView({
+          payload: personalView2,
+          viewType,
+          projectName
+        }).unwrap();
+      } catch (error) {
+        reactToastify.toast.error(`Failed to create personal view: ${error}`);
+      }
+    }
+  }, [personalView, viewType, createView, projectName, onSelect]);
+  const [getCustomViews, { isLoading: isLoadingQueries }] = useLoadModule.useLoadModule({
+    addon: "powerpack",
+    remote: "views",
+    module: "getCustomViews",
+    fallback: getCustomViewsFallback.getCustomViewsFallback
+    // minVersion: minVersion,
+  });
+  const { myViews, sharedViews } = getCustomViews({
+    viewsList,
+    onEdit,
+    onSelect
+  });
+  const dividers = myViews.length || sharedViews.length ? [ViewsMenu.VIEW_DIVIDER] : [];
+  const personalViewItem = React.useMemo(
+    () => ({
+      ...personalBaseView,
+      onClick: handlePersonalViewChange
+    }),
+    [handlePersonalViewChange]
+  );
+  const viewItems = React.useMemo(
+    () => [personalViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],
+    [personalView, myViews, sharedViews, personalViewItem]
+  );
+  return viewItems;
+};
+exports.PERSONAL_VIEW_ID = PERSONAL_VIEW_ID;
+exports.default = useBuildViewMenuItems;
+//# sourceMappingURL=useBuildViewMenuItems.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBuildViewMenuItems.cjs.js","sources":["../../../../../../src/components/Views/hooks/useBuildViewMenuItems.tsx"],"sourcesContent":["import { useCreateViewMutation, ViewListItemModel } from '@shared/api'\nimport React, { useCallback, useMemo } from 'react'\nimport { VIEW_DIVIDER, ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { generatePersonalView } from '../utils/generatePersonalView'\nimport { toast } from 'react-toastify'\nimport { useLoadModule } from '@shared/hooks'\nimport { getCustomViewsFallback } from '../utils/getCustomViewsFallback'\n\n// constants\nexport const PERSONAL_VIEW_ID = '_personal_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\n\nconst personalBaseView: ViewItem = {\n  id: PERSONAL_VIEW_ID,\n  label: 'Personal',\n  startContent: <Icon icon=\"person\" />,\n  isEditable: false,\n  isPersonal: true,\n}\n\ntype Props = {\n  viewsList: ViewListItemModel[]\n  personalView?: ViewListItemModel\n  viewType: 'overview' | 'taskProgress' | undefined\n  projectName?: string\n  onEdit: (viewId: string) => void\n  onSelect: (viewId: string) => void\n}\n\nconst useBuildViewMenuItems = ({\n  viewsList,\n  personalView,\n  viewType,\n  projectName,\n  onSelect,\n  onEdit,\n}: Props): ViewMenuItem[] => {\n  // MUTATIONS\n  const [createView] = useCreateViewMutation()\n\n  // if we have a personal view, we use it, otherwise we create one\n  const handlePersonalViewChange = useCallback(async () => {\n    onSelect(PERSONAL_VIEW_ID)\n    if (!personalView) {\n      try {\n        console.warn('No personal view found, creating a new one')\n        const personalView = generatePersonalView(viewType)\n        await createView({\n          payload: personalView,\n          viewType: viewType as string,\n          projectName: projectName,\n        }).unwrap()\n      } catch (error: any) {\n        toast.error(`Failed to create personal view: ${error}`)\n      }\n    }\n  }, [personalView, viewType, createView, projectName, onSelect])\n\n  const [getCustomViews, { isLoading: isLoadingQueries }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'getCustomViews',\n    fallback: getCustomViewsFallback,\n    // minVersion: minVersion,\n  })\n\n  const { myViews, sharedViews } = getCustomViews({\n    viewsList,\n    onEdit,\n    onSelect,\n  })\n\n  const dividers = myViews.length || sharedViews.length ? [VIEW_DIVIDER] : []\n\n  const personalViewItem: ViewMenuItem = useMemo(\n    () => ({\n      ...personalBaseView,\n      onClick: handlePersonalViewChange,\n    }),\n    [handlePersonalViewChange],\n  )\n\n  const viewItems: ViewMenuItem[] = useMemo(\n    () => [personalViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],\n    [personalView, myViews, sharedViews, personalViewItem],\n  )\n\n  return viewItems\n}\n\nexport default useBuildViewMenuItems\n"],"names":["jsx","Icon","useCreateViewMutation","useCallback","personalView","generatePersonalView","toast","useLoadModule","getCustomViewsFallback","VIEW_DIVIDER","useMemo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,mBAAmB;AAGhC,MAAM,mBAA6B;AAAA,EACjC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,cAAcA,2BAAAA,kBAAAA,IAACC,oBAAAA,MAAK,EAAA,MAAK,SAAS,CAAA;AAAA,EAClC,YAAY;AAAA,EACZ,YAAY;AACd;AAWA,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAErB,QAAA,CAAC,UAAU,IAAIC,kCAAsB;AAGrC,QAAA,2BAA2BC,MAAAA,YAAY,YAAY;AACvD,aAAS,gBAAgB;AACzB,QAAI,CAAC,cAAc;AACb,UAAA;AACF,gBAAQ,KAAK,4CAA4C;AACnDC,cAAAA,gBAAeC,0CAAqB,QAAQ;AAClD,cAAM,WAAW;AAAA,UACf,SAASD;AAAAA,UACT;AAAA,UACA;AAAA,QACD,CAAA,EAAE,OAAO;AAAA,eACH,OAAY;AACbE,sBAAAA,MAAA,MAAM,mCAAmC,KAAK,EAAE;AAAA,MAAA;AAAA,IACxD;AAAA,EACF,GACC,CAAC,cAAc,UAAU,YAAY,aAAa,QAAQ,CAAC;AAE9D,QAAM,CAAC,gBAAgB,EAAE,WAAW,iBAAkB,CAAA,IAAIC,cAAAA,cAAc;AAAA,IACtE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAUC,uBAAAA;AAAAA;AAAAA,EAAA,CAEX;AAED,QAAM,EAAE,SAAS,YAAY,IAAI,eAAe;AAAA,IAC9C;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAEK,QAAA,WAAW,QAAQ,UAAU,YAAY,SAAS,CAACC,UAAY,YAAA,IAAI,CAAC;AAE1E,QAAM,mBAAiCC,MAAA;AAAA,IACrC,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,IAAA;AAAA,IAEX,CAAC,wBAAwB;AAAA,EAC3B;AAEA,QAAM,YAA4BA,MAAA;AAAA,IAChC,MAAM,CAAC,kBAAkB,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,QAAQ;AAAA,IAC7E,CAAC,cAAc,SAAS,aAAa,gBAAgB;AAAA,EACvD;AAEO,SAAA;AACT;;;"}