@ynput/ayon-frontend-shared 0.2.20 → 0.2.21

package/dist/shared/src/containers/Views/hooks/pages/useOverviewViewSettings.cjs.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ViewsContext = require("../../context/ViewsContext.cjs.js");
+require("lodash");
+require("react-toastify");
+const columnConfigConverter = require("../../../../util/columnConfigConverter.cjs.js");
+require("../../../../util/pubsub.cjs.js");
+const viewUpdateHelper = require("../../utils/viewUpdateHelper.cjs.js");
+const React = require("react");
+const useOverviewViewSettings = () => {
+  const { viewSettings } = ViewsContext.useViewsContext();
+  const [localFilters, setLocalFilters] = React.useState(null);
+  const [localHierarchy, setLocalHierarchy] = React.useState(null);
+  const [localColumns, setLocalColumns] = React.useState(null);
+  const { updateViewSettings } = viewUpdateHelper.useViewUpdateHelper();
+  const overviewSettings = viewSettings;
+  const serverFilters = (overviewSettings == null ? void 0 : overviewSettings.filter) ?? {};
+  const serverHierarchy = (overviewSettings == null ? void 0 : overviewSettings.showHierarchy) ?? true;
+  const serverColumns = React.useMemo(
+    () => columnConfigConverter.convertColumnConfigToTanstackStates(overviewSettings),
+    [JSON.stringify(viewSettings)]
+  );
+  React.useEffect(() => {
+    setLocalFilters(null);
+    setLocalHierarchy(null);
+    setLocalColumns(null);
+  }, [JSON.stringify(viewSettings)]);
+  const filters = localFilters !== null ? localFilters : serverFilters;
+  const showHierarchy = localHierarchy !== null ? localHierarchy : serverHierarchy;
+  const columns = localColumns || serverColumns;
+  const onUpdateFilters = React.useCallback(
+    async (newFilters) => {
+      await updateViewSettings({ filter: newFilters }, setLocalFilters, newFilters, {
+        errorMessage: "Failed to update filter settings"
+      });
+    },
+    [updateViewSettings]
+  );
+  const onUpdateHierarchy = React.useCallback(
+    async (newShowHierarchy) => {
+      await updateViewSettings(
+        { showHierarchy: newShowHierarchy },
+        setLocalHierarchy,
+        newShowHierarchy,
+        { errorMessage: "Failed to update hierarchy setting" }
+      );
+    },
+    [updateViewSettings]
+  );
+  const onUpdateColumns = React.useCallback(
+    async (tableSettings, allColumnIds) => {
+      const settings = columnConfigConverter.convertTanstackStatesToColumnConfig(tableSettings, allColumnIds);
+      await updateViewSettings(settings, setLocalColumns, tableSettings, {
+        errorMessage: "Failed to update columns"
+      });
+    },
+    [updateViewSettings]
+  );
+  return {
+    filters,
+    onUpdateFilters,
+    showHierarchy,
+    onUpdateHierarchy,
+    columns,
+    onUpdateColumns
+  };
+};
+exports.useOverviewViewSettings = useOverviewViewSettings;
+//# sourceMappingURL=useOverviewViewSettings.cjs.js.map

package/dist/shared/src/containers/Views/hooks/pages/useOverviewViewSettings.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverviewViewSettings.cjs.js","sources":["../../../../../../../src/containers/Views/hooks/pages/useOverviewViewSettings.ts"],"sourcesContent":["/**\n * Unified hook for managing all overview page view settings.\n *\n * The hook handles:\n * - Filter settings (QueryFilter format)\n * - Hierarchy visibility toggle\n * - Column configurations (ColumnsConfig format)\n *\n * Must be used within a ViewsProvider context.\n */\n\nimport { useViewsContext } from '../../context/ViewsContext'\nimport { OverviewSettings } from '@shared/api'\nimport { ColumnsConfig } from '@shared/containers/ProjectTreeTable'\nimport {\n  convertColumnConfigToTanstackStates,\n  convertTanstackStatesToColumnConfig,\n} from '@shared/util'\nimport { useViewUpdateHelper } from '../../utils/viewUpdateHelper'\nimport { useState, useEffect, useCallback, useMemo } from 'react'\n\n// Import the internal QueryFilter type that the app uses\nimport { QueryFilter } from '@shared/containers/ProjectTreeTable/types/operations'\n\ntype Return = {\n  // Filter management\n  filters: QueryFilter\n  onUpdateFilters: (filters: QueryFilter) => void\n\n  // Hierarchy management\n  showHierarchy: boolean\n  onUpdateHierarchy: (showHierarchy: boolean) => void\n\n  // Column management\n  columns: ColumnsConfig\n  onUpdateColumns: (columns: ColumnsConfig, allColumnIds?: string[]) => void\n}\n\nexport const useOverviewViewSettings = (): Return => {\n  // this views context is per page/project\n  const { viewSettings } = useViewsContext()\n\n  // Local state for immediate updates\n  const [localFilters, setLocalFilters] = useState<QueryFilter | null>(null)\n  const [localHierarchy, setLocalHierarchy] = useState<boolean | null>(null)\n  const [localColumns, setLocalColumns] = useState<ColumnsConfig | null>(null)\n\n  // Get view update helper\n  const { updateViewSettings } = useViewUpdateHelper()\n\n  // Get server settings\n  const overviewSettings = viewSettings as OverviewSettings\n  const serverFilters = (overviewSettings?.filter as any) ?? {}\n  const serverHierarchy = overviewSettings?.showHierarchy ?? true\n  const serverColumns = useMemo(\n    () => convertColumnConfigToTanstackStates(overviewSettings),\n    [JSON.stringify(viewSettings)],\n  )\n\n  // Sync local state with server when viewSettings change\n  useEffect(() => {\n    setLocalFilters(null)\n    setLocalHierarchy(null)\n    setLocalColumns(null)\n  }, [JSON.stringify(viewSettings)])\n\n  // Use local state if available, otherwise use server state\n  const filters = localFilters !== null ? localFilters : serverFilters\n  const showHierarchy = localHierarchy !== null ? localHierarchy : serverHierarchy\n  const columns = localColumns || serverColumns\n\n  // Filter update handler\n  const onUpdateFilters = useCallback(\n    async (newFilters: QueryFilter) => {\n      await updateViewSettings({ filter: newFilters as any }, setLocalFilters, newFilters, {\n        errorMessage: 'Failed to update filter settings',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  // Hierarchy update handler\n  const onUpdateHierarchy = useCallback(\n    async (newShowHierarchy: boolean) => {\n      await updateViewSettings(\n        { showHierarchy: newShowHierarchy },\n        setLocalHierarchy,\n        newShowHierarchy,\n        { errorMessage: 'Failed to update hierarchy setting' },\n      )\n    },\n    [updateViewSettings],\n  )\n\n  // Column update handler\n  const onUpdateColumns = useCallback(\n    async (tableSettings: ColumnsConfig, allColumnIds?: string[]) => {\n      const settings = convertTanstackStatesToColumnConfig(tableSettings, allColumnIds)\n      await updateViewSettings(settings, setLocalColumns, tableSettings, {\n        errorMessage: 'Failed to update columns',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  return {\n    filters,\n    onUpdateFilters,\n    showHierarchy,\n    onUpdateHierarchy,\n    columns,\n    onUpdateColumns,\n  }\n}\n"],"names":["useViewsContext","useState","useViewUpdateHelper","useMemo","convertColumnConfigToTanstackStates","useEffect","useCallback","convertTanstackStatesToColumnConfig"],"mappings":";;;;;;;;;AAsCO,MAAM,0BAA0B,MAAc;AAE7C,QAAA,EAAE,aAAa,IAAIA,6BAAgB;AAGzC,QAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAA6B,IAAI;AACzE,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,MAAAA,SAAyB,IAAI;AACzE,QAAM,CAAC,cAAc,eAAe,IAAIA,MAAAA,SAA+B,IAAI;AAGrE,QAAA,EAAE,mBAAmB,IAAIC,qCAAoB;AAGnD,QAAM,mBAAmB;AACnB,QAAA,iBAAiB,qDAAkB,WAAkB,CAAC;AACtD,QAAA,mBAAkB,qDAAkB,kBAAiB;AAC3D,QAAM,gBAAgBC,MAAA;AAAA,IACpB,MAAMC,sBAAAA,oCAAoC,gBAAgB;AAAA,IAC1D,CAAC,KAAK,UAAU,YAAY,CAAC;AAAA,EAC/B;AAGAC,QAAAA,UAAU,MAAM;AACd,oBAAgB,IAAI;AACpB,sBAAkB,IAAI;AACtB,oBAAgB,IAAI;AAAA,KACnB,CAAC,KAAK,UAAU,YAAY,CAAC,CAAC;AAG3B,QAAA,UAAU,iBAAiB,OAAO,eAAe;AACjD,QAAA,gBAAgB,mBAAmB,OAAO,iBAAiB;AACjE,QAAM,UAAU,gBAAgB;AAGhC,QAAM,kBAAkBC,MAAA;AAAA,IACtB,OAAO,eAA4B;AACjC,YAAM,mBAAmB,EAAE,QAAQ,WAAkB,GAAG,iBAAiB,YAAY;AAAA,QACnF,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAGA,QAAM,oBAAoBA,MAAA;AAAA,IACxB,OAAO,qBAA8B;AAC7B,YAAA;AAAA,QACJ,EAAE,eAAe,iBAAiB;AAAA,QAClC;AAAA,QACA;AAAA,QACA,EAAE,cAAc,qCAAqC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAGA,QAAM,kBAAkBA,MAAA;AAAA,IACtB,OAAO,eAA8B,iBAA4B;AACzD,YAAA,WAAWC,sBAAAA,oCAAoC,eAAe,YAAY;AAC1E,YAAA,mBAAmB,UAAU,iBAAiB,eAAe;AAAA,QACjE,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;"}

package/dist/shared/src/containers/Views/hooks/pages/useOverviewViewSettings.es.js

@@ -0,0 +1,69 @@
+import { useViewsContext } from "../../context/ViewsContext.es.js";
+import "lodash";
+import "react-toastify";
+import { convertColumnConfigToTanstackStates, convertTanstackStatesToColumnConfig } from "../../../../util/columnConfigConverter.es.js";
+import "../../../../util/pubsub.es.js";
+import { useViewUpdateHelper } from "../../utils/viewUpdateHelper.es.js";
+import { useState, useMemo, useEffect, useCallback } from "react";
+const useOverviewViewSettings = () => {
+  const { viewSettings } = useViewsContext();
+  const [localFilters, setLocalFilters] = useState(null);
+  const [localHierarchy, setLocalHierarchy] = useState(null);
+  const [localColumns, setLocalColumns] = useState(null);
+  const { updateViewSettings } = useViewUpdateHelper();
+  const overviewSettings = viewSettings;
+  const serverFilters = (overviewSettings == null ? void 0 : overviewSettings.filter) ?? {};
+  const serverHierarchy = (overviewSettings == null ? void 0 : overviewSettings.showHierarchy) ?? true;
+  const serverColumns = useMemo(
+    () => convertColumnConfigToTanstackStates(overviewSettings),
+    [JSON.stringify(viewSettings)]
+  );
+  useEffect(() => {
+    setLocalFilters(null);
+    setLocalHierarchy(null);
+    setLocalColumns(null);
+  }, [JSON.stringify(viewSettings)]);
+  const filters = localFilters !== null ? localFilters : serverFilters;
+  const showHierarchy = localHierarchy !== null ? localHierarchy : serverHierarchy;
+  const columns = localColumns || serverColumns;
+  const onUpdateFilters = useCallback(
+    async (newFilters) => {
+      await updateViewSettings({ filter: newFilters }, setLocalFilters, newFilters, {
+        errorMessage: "Failed to update filter settings"
+      });
+    },
+    [updateViewSettings]
+  );
+  const onUpdateHierarchy = useCallback(
+    async (newShowHierarchy) => {
+      await updateViewSettings(
+        { showHierarchy: newShowHierarchy },
+        setLocalHierarchy,
+        newShowHierarchy,
+        { errorMessage: "Failed to update hierarchy setting" }
+      );
+    },
+    [updateViewSettings]
+  );
+  const onUpdateColumns = useCallback(
+    async (tableSettings, allColumnIds) => {
+      const settings = convertTanstackStatesToColumnConfig(tableSettings, allColumnIds);
+      await updateViewSettings(settings, setLocalColumns, tableSettings, {
+        errorMessage: "Failed to update columns"
+      });
+    },
+    [updateViewSettings]
+  );
+  return {
+    filters,
+    onUpdateFilters,
+    showHierarchy,
+    onUpdateHierarchy,
+    columns,
+    onUpdateColumns
+  };
+};
+export {
+  useOverviewViewSettings
+};
+//# sourceMappingURL=useOverviewViewSettings.es.js.map

package/dist/shared/src/containers/Views/hooks/pages/useOverviewViewSettings.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverviewViewSettings.es.js","sources":["../../../../../../../src/containers/Views/hooks/pages/useOverviewViewSettings.ts"],"sourcesContent":["/**\n * Unified hook for managing all overview page view settings.\n *\n * The hook handles:\n * - Filter settings (QueryFilter format)\n * - Hierarchy visibility toggle\n * - Column configurations (ColumnsConfig format)\n *\n * Must be used within a ViewsProvider context.\n */\n\nimport { useViewsContext } from '../../context/ViewsContext'\nimport { OverviewSettings } from '@shared/api'\nimport { ColumnsConfig } from '@shared/containers/ProjectTreeTable'\nimport {\n  convertColumnConfigToTanstackStates,\n  convertTanstackStatesToColumnConfig,\n} from '@shared/util'\nimport { useViewUpdateHelper } from '../../utils/viewUpdateHelper'\nimport { useState, useEffect, useCallback, useMemo } from 'react'\n\n// Import the internal QueryFilter type that the app uses\nimport { QueryFilter } from '@shared/containers/ProjectTreeTable/types/operations'\n\ntype Return = {\n  // Filter management\n  filters: QueryFilter\n  onUpdateFilters: (filters: QueryFilter) => void\n\n  // Hierarchy management\n  showHierarchy: boolean\n  onUpdateHierarchy: (showHierarchy: boolean) => void\n\n  // Column management\n  columns: ColumnsConfig\n  onUpdateColumns: (columns: ColumnsConfig, allColumnIds?: string[]) => void\n}\n\nexport const useOverviewViewSettings = (): Return => {\n  // this views context is per page/project\n  const { viewSettings } = useViewsContext()\n\n  // Local state for immediate updates\n  const [localFilters, setLocalFilters] = useState<QueryFilter | null>(null)\n  const [localHierarchy, setLocalHierarchy] = useState<boolean | null>(null)\n  const [localColumns, setLocalColumns] = useState<ColumnsConfig | null>(null)\n\n  // Get view update helper\n  const { updateViewSettings } = useViewUpdateHelper()\n\n  // Get server settings\n  const overviewSettings = viewSettings as OverviewSettings\n  const serverFilters = (overviewSettings?.filter as any) ?? {}\n  const serverHierarchy = overviewSettings?.showHierarchy ?? true\n  const serverColumns = useMemo(\n    () => convertColumnConfigToTanstackStates(overviewSettings),\n    [JSON.stringify(viewSettings)],\n  )\n\n  // Sync local state with server when viewSettings change\n  useEffect(() => {\n    setLocalFilters(null)\n    setLocalHierarchy(null)\n    setLocalColumns(null)\n  }, [JSON.stringify(viewSettings)])\n\n  // Use local state if available, otherwise use server state\n  const filters = localFilters !== null ? localFilters : serverFilters\n  const showHierarchy = localHierarchy !== null ? localHierarchy : serverHierarchy\n  const columns = localColumns || serverColumns\n\n  // Filter update handler\n  const onUpdateFilters = useCallback(\n    async (newFilters: QueryFilter) => {\n      await updateViewSettings({ filter: newFilters as any }, setLocalFilters, newFilters, {\n        errorMessage: 'Failed to update filter settings',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  // Hierarchy update handler\n  const onUpdateHierarchy = useCallback(\n    async (newShowHierarchy: boolean) => {\n      await updateViewSettings(\n        { showHierarchy: newShowHierarchy },\n        setLocalHierarchy,\n        newShowHierarchy,\n        { errorMessage: 'Failed to update hierarchy setting' },\n      )\n    },\n    [updateViewSettings],\n  )\n\n  // Column update handler\n  const onUpdateColumns = useCallback(\n    async (tableSettings: ColumnsConfig, allColumnIds?: string[]) => {\n      const settings = convertTanstackStatesToColumnConfig(tableSettings, allColumnIds)\n      await updateViewSettings(settings, setLocalColumns, tableSettings, {\n        errorMessage: 'Failed to update columns',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  return {\n    filters,\n    onUpdateFilters,\n    showHierarchy,\n    onUpdateHierarchy,\n    columns,\n    onUpdateColumns,\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAsCO,MAAM,0BAA0B,MAAc;AAE7C,QAAA,EAAE,aAAa,IAAI,gBAAgB;AAGzC,QAAM,CAAC,cAAc,eAAe,IAAI,SAA6B,IAAI;AACzE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAyB,IAAI;AACzE,QAAM,CAAC,cAAc,eAAe,IAAI,SAA+B,IAAI;AAGrE,QAAA,EAAE,mBAAmB,IAAI,oBAAoB;AAGnD,QAAM,mBAAmB;AACnB,QAAA,iBAAiB,qDAAkB,WAAkB,CAAC;AACtD,QAAA,mBAAkB,qDAAkB,kBAAiB;AAC3D,QAAM,gBAAgB;AAAA,IACpB,MAAM,oCAAoC,gBAAgB;AAAA,IAC1D,CAAC,KAAK,UAAU,YAAY,CAAC;AAAA,EAC/B;AAGA,YAAU,MAAM;AACd,oBAAgB,IAAI;AACpB,sBAAkB,IAAI;AACtB,oBAAgB,IAAI;AAAA,KACnB,CAAC,KAAK,UAAU,YAAY,CAAC,CAAC;AAG3B,QAAA,UAAU,iBAAiB,OAAO,eAAe;AACjD,QAAA,gBAAgB,mBAAmB,OAAO,iBAAiB;AACjE,QAAM,UAAU,gBAAgB;AAGhC,QAAM,kBAAkB;AAAA,IACtB,OAAO,eAA4B;AACjC,YAAM,mBAAmB,EAAE,QAAQ,WAAkB,GAAG,iBAAiB,YAAY;AAAA,QACnF,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAGA,QAAM,oBAAoB;AAAA,IACxB,OAAO,qBAA8B;AAC7B,YAAA;AAAA,QACJ,EAAE,eAAe,iBAAiB;AAAA,QAClC;AAAA,QACA;AAAA,QACA,EAAE,cAAc,qCAAqC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAGA,QAAM,kBAAkB;AAAA,IACtB,OAAO,eAA8B,iBAA4B;AACzD,YAAA,WAAW,oCAAoC,eAAe,YAAY;AAC1E,YAAA,mBAAmB,UAAU,iBAAiB,eAAe;AAAA,QACjE,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}

package/dist/shared/src/containers/Views/hooks/pages/useTaskProgressViewSettings.cjs.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ViewsContext = require("../../context/ViewsContext.cjs.js");
+const viewUpdateHelper = require("../../utils/viewUpdateHelper.cjs.js");
+const React = require("react");
+const useTaskProgressViewSettings = () => {
+  const { viewSettings } = ViewsContext.useViewsContext();
+  const [localFilters, setLocalFilters] = React.useState(null);
+  const [localColumns, setLocalColumns] = React.useState(null);
+  const { updateViewSettings } = viewUpdateHelper.useViewUpdateHelper();
+  const taskProgressSettings = viewSettings;
+  const serverFilters = (taskProgressSettings == null ? void 0 : taskProgressSettings.filter) ?? {};
+  const serverColumns = (taskProgressSettings == null ? void 0 : taskProgressSettings.columns) ?? [];
+  React.useEffect(() => {
+    setLocalFilters(null);
+    setLocalColumns(null);
+  }, [JSON.stringify(viewSettings)]);
+  const filters = localFilters !== null ? localFilters : serverFilters;
+  const columns = localColumns !== null ? localColumns : serverColumns;
+  const onUpdateFilters = React.useCallback(
+    async (newFilters) => {
+      await updateViewSettings({ filter: newFilters }, setLocalFilters, newFilters, {
+        errorMessage: "Failed to update filter settings"
+      });
+    },
+    [updateViewSettings]
+  );
+  const onUpdateColumns = React.useCallback(
+    async (newColumns) => {
+      await updateViewSettings({ columns: newColumns }, setLocalColumns, newColumns, {
+        errorMessage: "Failed to update column width settings"
+      });
+    },
+    [updateViewSettings]
+  );
+  return {
+    filters,
+    onUpdateFilters,
+    columns,
+    onUpdateColumns
+  };
+};
+exports.useTaskProgressViewSettings = useTaskProgressViewSettings;
+//# sourceMappingURL=useTaskProgressViewSettings.cjs.js.map

package/dist/shared/src/containers/Views/hooks/pages/useTaskProgressViewSettings.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTaskProgressViewSettings.cjs.js","sources":["../../../../../../../src/containers/Views/hooks/pages/useTaskProgressViewSettings.ts"],"sourcesContent":["/**\n * Unified hook for managing all task progress page view settings.\n *\n * The hook handles:\n * - Filter settings (QueryFilter format)\n * - Progress column widths (ColumnItemModel format)\n *\n * Must be used within a ViewsProvider context.\n */\n\nimport { useViewsContext } from '../../context/ViewsContext'\nimport { TaskProgressSettings, ColumnItemModel } from '@shared/api'\nimport { useViewUpdateHelper } from '../../utils/viewUpdateHelper'\nimport { useState, useEffect, useCallback } from 'react'\n\n// Import the internal QueryFilter type that the app uses\nimport { QueryFilter } from '@shared/containers/ProjectTreeTable/types/operations'\n\ntype Return = {\n  // Filter management\n  filters: QueryFilter\n  onUpdateFilters: (filters: QueryFilter) => void\n\n  // Column width management\n  columns: ColumnItemModel[]\n  onUpdateColumns: (columns: ColumnItemModel[]) => void\n}\n\nexport const useTaskProgressViewSettings = (): Return => {\n  // this views context is per page/project\n  const { viewSettings } = useViewsContext()\n\n  // Local state for immediate updates\n  const [localFilters, setLocalFilters] = useState<QueryFilter | null>(null)\n  const [localColumns, setLocalColumns] = useState<ColumnItemModel[] | null>(null)\n\n  // Get view update helper\n  const { updateViewSettings } = useViewUpdateHelper()\n\n  // Get server settings\n  const taskProgressSettings = viewSettings as TaskProgressSettings\n  const serverFilters = (taskProgressSettings?.filter as any) ?? {}\n  const serverColumns = (taskProgressSettings?.columns as ColumnItemModel[]) ?? []\n\n  // Sync local state with server when viewSettings change\n  useEffect(() => {\n    setLocalFilters(null)\n    setLocalColumns(null)\n  }, [JSON.stringify(viewSettings)])\n\n  // Use local state if available, otherwise use server state\n  const filters = localFilters !== null ? localFilters : serverFilters\n  const columns = localColumns !== null ? localColumns : serverColumns\n\n  // Filter update handler\n  const onUpdateFilters = useCallback(\n    async (newFilters: QueryFilter) => {\n      await updateViewSettings({ filter: newFilters as any }, setLocalFilters, newFilters, {\n        errorMessage: 'Failed to update filter settings',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  // Column update handler\n  const onUpdateColumns = useCallback(\n    async (newColumns: ColumnItemModel[]) => {\n      await updateViewSettings({ columns: newColumns }, setLocalColumns, newColumns, {\n        errorMessage: 'Failed to update column width settings',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  return {\n    filters,\n    onUpdateFilters,\n    columns,\n    onUpdateColumns,\n  }\n}\n"],"names":["useViewsContext","useState","useViewUpdateHelper","useEffect","useCallback"],"mappings":";;;;;AA4BO,MAAM,8BAA8B,MAAc;AAEjD,QAAA,EAAE,aAAa,IAAIA,6BAAgB;AAGzC,QAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAA6B,IAAI;AACzE,QAAM,CAAC,cAAc,eAAe,IAAIA,MAAAA,SAAmC,IAAI;AAGzE,QAAA,EAAE,mBAAmB,IAAIC,qCAAoB;AAGnD,QAAM,uBAAuB;AACvB,QAAA,iBAAiB,6DAAsB,WAAkB,CAAC;AAC1D,QAAA,iBAAiB,6DAAsB,YAAiC,CAAC;AAG/EC,QAAAA,UAAU,MAAM;AACd,oBAAgB,IAAI;AACpB,oBAAgB,IAAI;AAAA,KACnB,CAAC,KAAK,UAAU,YAAY,CAAC,CAAC;AAG3B,QAAA,UAAU,iBAAiB,OAAO,eAAe;AACjD,QAAA,UAAU,iBAAiB,OAAO,eAAe;AAGvD,QAAM,kBAAkBC,MAAA;AAAA,IACtB,OAAO,eAA4B;AACjC,YAAM,mBAAmB,EAAE,QAAQ,WAAkB,GAAG,iBAAiB,YAAY;AAAA,QACnF,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAGA,QAAM,kBAAkBA,MAAA;AAAA,IACtB,OAAO,eAAkC;AACvC,YAAM,mBAAmB,EAAE,SAAS,WAAW,GAAG,iBAAiB,YAAY;AAAA,QAC7E,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;"}

package/dist/shared/src/containers/Views/hooks/pages/useTaskProgressViewSettings.es.js

@@ -0,0 +1,44 @@
+import { useViewsContext } from "../../context/ViewsContext.es.js";
+import { useViewUpdateHelper } from "../../utils/viewUpdateHelper.es.js";
+import { useState, useEffect, useCallback } from "react";
+const useTaskProgressViewSettings = () => {
+  const { viewSettings } = useViewsContext();
+  const [localFilters, setLocalFilters] = useState(null);
+  const [localColumns, setLocalColumns] = useState(null);
+  const { updateViewSettings } = useViewUpdateHelper();
+  const taskProgressSettings = viewSettings;
+  const serverFilters = (taskProgressSettings == null ? void 0 : taskProgressSettings.filter) ?? {};
+  const serverColumns = (taskProgressSettings == null ? void 0 : taskProgressSettings.columns) ?? [];
+  useEffect(() => {
+    setLocalFilters(null);
+    setLocalColumns(null);
+  }, [JSON.stringify(viewSettings)]);
+  const filters = localFilters !== null ? localFilters : serverFilters;
+  const columns = localColumns !== null ? localColumns : serverColumns;
+  const onUpdateFilters = useCallback(
+    async (newFilters) => {
+      await updateViewSettings({ filter: newFilters }, setLocalFilters, newFilters, {
+        errorMessage: "Failed to update filter settings"
+      });
+    },
+    [updateViewSettings]
+  );
+  const onUpdateColumns = useCallback(
+    async (newColumns) => {
+      await updateViewSettings({ columns: newColumns }, setLocalColumns, newColumns, {
+        errorMessage: "Failed to update column width settings"
+      });
+    },
+    [updateViewSettings]
+  );
+  return {
+    filters,
+    onUpdateFilters,
+    columns,
+    onUpdateColumns
+  };
+};
+export {
+  useTaskProgressViewSettings
+};
+//# sourceMappingURL=useTaskProgressViewSettings.es.js.map

package/dist/shared/src/containers/Views/hooks/pages/useTaskProgressViewSettings.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTaskProgressViewSettings.es.js","sources":["../../../../../../../src/containers/Views/hooks/pages/useTaskProgressViewSettings.ts"],"sourcesContent":["/**\n * Unified hook for managing all task progress page view settings.\n *\n * The hook handles:\n * - Filter settings (QueryFilter format)\n * - Progress column widths (ColumnItemModel format)\n *\n * Must be used within a ViewsProvider context.\n */\n\nimport { useViewsContext } from '../../context/ViewsContext'\nimport { TaskProgressSettings, ColumnItemModel } from '@shared/api'\nimport { useViewUpdateHelper } from '../../utils/viewUpdateHelper'\nimport { useState, useEffect, useCallback } from 'react'\n\n// Import the internal QueryFilter type that the app uses\nimport { QueryFilter } from '@shared/containers/ProjectTreeTable/types/operations'\n\ntype Return = {\n  // Filter management\n  filters: QueryFilter\n  onUpdateFilters: (filters: QueryFilter) => void\n\n  // Column width management\n  columns: ColumnItemModel[]\n  onUpdateColumns: (columns: ColumnItemModel[]) => void\n}\n\nexport const useTaskProgressViewSettings = (): Return => {\n  // this views context is per page/project\n  const { viewSettings } = useViewsContext()\n\n  // Local state for immediate updates\n  const [localFilters, setLocalFilters] = useState<QueryFilter | null>(null)\n  const [localColumns, setLocalColumns] = useState<ColumnItemModel[] | null>(null)\n\n  // Get view update helper\n  const { updateViewSettings } = useViewUpdateHelper()\n\n  // Get server settings\n  const taskProgressSettings = viewSettings as TaskProgressSettings\n  const serverFilters = (taskProgressSettings?.filter as any) ?? {}\n  const serverColumns = (taskProgressSettings?.columns as ColumnItemModel[]) ?? []\n\n  // Sync local state with server when viewSettings change\n  useEffect(() => {\n    setLocalFilters(null)\n    setLocalColumns(null)\n  }, [JSON.stringify(viewSettings)])\n\n  // Use local state if available, otherwise use server state\n  const filters = localFilters !== null ? localFilters : serverFilters\n  const columns = localColumns !== null ? localColumns : serverColumns\n\n  // Filter update handler\n  const onUpdateFilters = useCallback(\n    async (newFilters: QueryFilter) => {\n      await updateViewSettings({ filter: newFilters as any }, setLocalFilters, newFilters, {\n        errorMessage: 'Failed to update filter settings',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  // Column update handler\n  const onUpdateColumns = useCallback(\n    async (newColumns: ColumnItemModel[]) => {\n      await updateViewSettings({ columns: newColumns }, setLocalColumns, newColumns, {\n        errorMessage: 'Failed to update column width settings',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  return {\n    filters,\n    onUpdateFilters,\n    columns,\n    onUpdateColumns,\n  }\n}\n"],"names":[],"mappings":";;;AA4BO,MAAM,8BAA8B,MAAc;AAEjD,QAAA,EAAE,aAAa,IAAI,gBAAgB;AAGzC,QAAM,CAAC,cAAc,eAAe,IAAI,SAA6B,IAAI;AACzE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAmC,IAAI;AAGzE,QAAA,EAAE,mBAAmB,IAAI,oBAAoB;AAGnD,QAAM,uBAAuB;AACvB,QAAA,iBAAiB,6DAAsB,WAAkB,CAAC;AAC1D,QAAA,iBAAiB,6DAAsB,YAAiC,CAAC;AAG/E,YAAU,MAAM;AACd,oBAAgB,IAAI;AACpB,oBAAgB,IAAI;AAAA,KACnB,CAAC,KAAK,UAAU,YAAY,CAAC,CAAC;AAG3B,QAAA,UAAU,iBAAiB,OAAO,eAAe;AACjD,QAAA,UAAU,iBAAiB,OAAO,eAAe;AAGvD,QAAM,kBAAkB;AAAA,IACtB,OAAO,eAA4B;AACjC,YAAM,mBAAmB,EAAE,QAAQ,WAAkB,GAAG,iBAAiB,YAAY;AAAA,QACnF,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAGA,QAAM,kBAAkB;AAAA,IACtB,OAAO,eAAkC;AACvC,YAAM,mBAAmB,EAAE,SAAS,WAAW,GAAG,iBAAiB,YAAY;AAAA,QAC7E,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}

package/dist/shared/src/{components → containers}/Views/hooks/useBuildViewMenuItems.cjs.js

@@ -77,7 +77,7 @@ 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 generateWorkingView = require("../utils/generateWorkingView.cjs.js");
 const reactToastify = require("react-toastify");
 const useLoadModule = require("../../../hooks/useLoadModule.cjs.js");
 require("../../../../../_virtual/runtime.cjs.js");
@@ -96,65 +96,91 @@ 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 WORKING_VIEW_ID = "_working_";
 const useBuildViewMenuItems = ({
   viewsList,
-  personalView,
+  workingView,
   viewType,
   projectName,
+  currentUser,
+  useWorkingView,
+  editingViewId,
   onSelect,
-  onEdit
+  onEdit,
+  onSave
 }) => {
   const [createView] = updateViews.useCreateViewMutation();
-  const handlePersonalViewChange = React.useCallback(async () => {
-    onSelect(PERSONAL_VIEW_ID);
-    if (!personalView) {
+  const extendedViewsList = React.useMemo(
+    () => viewsList.map((view) => ({
+      ...view,
+      isOwner: view.owner === (currentUser == null ? void 0 : currentUser.name),
+      highlighted: editingViewId === view.id ? "save" : void 0
+    })),
+    [viewsList, currentUser, editingViewId]
+  );
+  const workingBaseView = {
+    id: WORKING_VIEW_ID,
+    label: useWorkingView ? "Personal view" : "Working view",
+    startContent: useWorkingView && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "person" }),
+    isEditable: false
+  };
+  const handleWorkingViewChange = React.useCallback(async () => {
+    let workingViewId = workingView == null ? void 0 : workingView.id;
+    if (!workingView) {
       try {
-        console.warn("No personal view found, creating a new one");
-        const personalView2 = generatePersonalView.generatePersonalView(viewType);
+        console.warn("No working view found, creating a new one");
+        const workingView2 = generateWorkingView.generateWorkingView();
         await createView({
-          payload: personalView2,
+          payload: workingView2,
           viewType,
           projectName
         }).unwrap();
+        workingViewId = workingView2.id;
       } catch (error) {
-        reactToastify.toast.error(`Failed to create personal view: ${error}`);
+        reactToastify.toast.error(`Failed to create working view: ${error}`);
       }
     }
-  }, [personalView, viewType, createView, projectName, onSelect]);
+    onSelect(workingViewId);
+  }, [workingView, viewType, createView, projectName, onSelect]);
+  const handleEditView = async (viewId) => {
+    try {
+      await onSave(viewId);
+      onSelect(viewId);
+    } catch (error) {
+      reactToastify.toast.error(error);
+    }
+  };
   const [getCustomViews, { isLoading: isLoadingQueries }] = useLoadModule.useLoadModule({
     addon: "powerpack",
     remote: "views",
     module: "getCustomViews",
-    fallback: getCustomViewsFallback.getCustomViewsFallback
+    fallback: getCustomViewsFallback.getCustomViewsFallback,
     // minVersion: minVersion,
+    skip: !viewType
   });
-  const { myViews, sharedViews } = getCustomViews({
-    viewsList,
-    onEdit,
-    onSelect
-  });
+  const { myViews, sharedViews } = React.useMemo(
+    () => getCustomViews({
+      viewsList: extendedViewsList,
+      onEdit,
+      onSelect,
+      onSave: handleEditView
+    }),
+    [viewsList, onEdit, onSelect, handleEditView]
+  );
   const dividers = myViews.length || sharedViews.length ? [ViewsMenu.VIEW_DIVIDER] : [];
-  const personalViewItem = React.useMemo(
+  const workingViewItem = React.useMemo(
     () => ({
-      ...personalBaseView,
-      onClick: handlePersonalViewChange
+      ...workingBaseView,
+      onClick: handleWorkingViewChange
     }),
-    [handlePersonalViewChange]
+    [handleWorkingViewChange]
   );
   const viewItems = React.useMemo(
-    () => [personalViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],
-    [personalView, myViews, sharedViews, personalViewItem]
+    () => [workingViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],
+    [workingView, myViews, sharedViews, workingViewItem]
   );
   return viewItems;
 };
-exports.PERSONAL_VIEW_ID = PERSONAL_VIEW_ID;
+exports.WORKING_VIEW_ID = WORKING_VIEW_ID;
 exports.default = useBuildViewMenuItems;
 //# sourceMappingURL=useBuildViewMenuItems.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBuildViewMenuItems.cjs.js","sources":["../../../../../../src/containers/Views/hooks/useBuildViewMenuItems.tsx"],"sourcesContent":["import { useCreateViewMutation, UserModel, ViewListItemModel } from '@shared/api'\nimport { useCallback, useMemo } from 'react'\nimport { VIEW_DIVIDER, ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { generateWorkingView } from '../utils/generateWorkingView'\nimport { toast } from 'react-toastify'\nimport { useLoadModule } from '@shared/hooks'\nimport { getCustomViewsFallback } from '../utils/getCustomViewsFallback'\nimport { ViewData } from '../context/ViewsContext'\n\n// constants\nexport const WORKING_VIEW_ID = '_working_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\nexport type ViewListItemModelExtended = ViewListItemModel & {\n  isOwner: boolean\n  highlighted?: 'save' | 'edit'\n}\n\ntype Props = {\n  viewsList: ViewListItemModel[]\n  workingView?: ViewListItemModel\n  viewType?: string\n  projectName?: string\n  currentUser?: UserModel\n  useWorkingView?: boolean\n  editingViewId?: string // the preview id of the view being edited\n  onEdit: (viewId: string) => void\n  onSelect: (viewId: string) => void\n  onSave: (viewId: string) => Promise<void>\n}\n\nconst useBuildViewMenuItems = ({\n  viewsList,\n  workingView,\n  viewType,\n  projectName,\n  currentUser,\n  useWorkingView,\n  editingViewId,\n  onSelect,\n  onEdit,\n  onSave,\n}: Props): ViewMenuItem[] => {\n  // MUTATIONS\n  const [createView] = useCreateViewMutation()\n\n  const extendedViewsList: ViewListItemModelExtended[] = useMemo(\n    () =>\n      viewsList.map((view) => ({\n        ...view,\n        isOwner: view.owner === currentUser?.name,\n        highlighted: editingViewId === view.id ? 'save' : undefined,\n      })),\n    [viewsList, currentUser, editingViewId],\n  )\n\n  const workingBaseView: ViewItem = {\n    id: WORKING_VIEW_ID,\n    label: useWorkingView ? 'Personal view' : 'Working view',\n    startContent: useWorkingView && <Icon icon=\"person\" />,\n    isEditable: false,\n  }\n\n  // if we have a working view, we use it, otherwise we create one\n  const handleWorkingViewChange = useCallback(async () => {\n    let workingViewId = workingView?.id\n    if (!workingView) {\n      // no working view found, create one\n      try {\n        console.warn('No working view found, creating a new one')\n        const workingView = generateWorkingView()\n        await createView({\n          payload: workingView,\n          viewType: viewType as string,\n          projectName: projectName,\n        }).unwrap()\n        // set id of the new view\n        workingViewId = workingView.id\n      } catch (error: any) {\n        toast.error(`Failed to create working view: ${error}`)\n      }\n    }\n    // select the working view\n    onSelect(workingViewId as string)\n  }, [workingView, viewType, createView, projectName, onSelect])\n\n  const handleEditView = async (viewId: string) => {\n    // save the view and then selected it\n    try {\n      await onSave(viewId)\n      onSelect(viewId)\n    } catch (error: any) {\n      toast.error(error)\n    }\n  }\n\n  const [getCustomViews, { isLoading: isLoadingQueries }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'getCustomViews',\n    fallback: getCustomViewsFallback,\n    // minVersion: minVersion,\n    skip: !viewType,\n  })\n\n  const { myViews, sharedViews } = useMemo(\n    () =>\n      getCustomViews({\n        viewsList: extendedViewsList,\n        onEdit,\n        onSelect,\n        onSave: handleEditView,\n      }),\n    [viewsList, onEdit, onSelect, handleEditView],\n  )\n\n  const dividers = myViews.length || sharedViews.length ? [VIEW_DIVIDER] : []\n\n  const workingViewItem: ViewMenuItem = useMemo(\n    () => ({\n      ...workingBaseView,\n      onClick: handleWorkingViewChange,\n    }),\n    [handleWorkingViewChange],\n  )\n\n  const viewItems: ViewMenuItem[] = useMemo(\n    () => [workingViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],\n    [workingView, myViews, sharedViews, workingViewItem],\n  )\n\n  return viewItems\n}\n\nexport default useBuildViewMenuItems\n"],"names":["useCreateViewMutation","useMemo","jsx","Icon","useCallback","workingView","generateWorkingView","toast","useLoadModule","getCustomViewsFallback","VIEW_DIVIDER"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,kBAAkB;AAoB/B,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAErB,QAAA,CAAC,UAAU,IAAIA,kCAAsB;AAE3C,QAAM,oBAAiDC,MAAA;AAAA,IACrD,MACE,UAAU,IAAI,CAAC,UAAU;AAAA,MACvB,GAAG;AAAA,MACH,SAAS,KAAK,WAAU,2CAAa;AAAA,MACrC,aAAa,kBAAkB,KAAK,KAAK,SAAS;AAAA,IAAA,EAClD;AAAA,IACJ,CAAC,WAAW,aAAa,aAAa;AAAA,EACxC;AAEA,QAAM,kBAA4B;AAAA,IAChC,IAAI;AAAA,IACJ,OAAO,iBAAiB,kBAAkB;AAAA,IAC1C,cAAc,kBAAmBC,2BAAA,kBAAA,IAAAC,oBAAA,MAAA,EAAK,MAAK,UAAS;AAAA,IACpD,YAAY;AAAA,EACd;AAGM,QAAA,0BAA0BC,MAAAA,YAAY,YAAY;AACtD,QAAI,gBAAgB,2CAAa;AACjC,QAAI,CAAC,aAAa;AAEZ,UAAA;AACF,gBAAQ,KAAK,2CAA2C;AACxD,cAAMC,eAAcC,oBAAAA,oBAAoB;AACxC,cAAM,WAAW;AAAA,UACf,SAASD;AAAAA,UACT;AAAA,UACA;AAAA,QACD,CAAA,EAAE,OAAO;AAEV,wBAAgBA,aAAY;AAAA,eACrB,OAAY;AACbE,sBAAAA,MAAA,MAAM,kCAAkC,KAAK,EAAE;AAAA,MAAA;AAAA,IACvD;AAGF,aAAS,aAAuB;AAAA,EAAA,GAC/B,CAAC,aAAa,UAAU,YAAY,aAAa,QAAQ,CAAC;AAEvD,QAAA,iBAAiB,OAAO,WAAmB;AAE3C,QAAA;AACF,YAAM,OAAO,MAAM;AACnB,eAAS,MAAM;AAAA,aACR,OAAY;AACnBA,oBAAA,MAAM,MAAM,KAAK;AAAA,IAAA;AAAA,EAErB;AAEA,QAAM,CAAC,gBAAgB,EAAE,WAAW,iBAAkB,CAAA,IAAIC,cAAAA,cAAc;AAAA,IACtE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAUC,uBAAA;AAAA;AAAA,IAEV,MAAM,CAAC;AAAA,EAAA,CACR;AAEK,QAAA,EAAE,SAAS,YAAA,IAAgBR,MAAA;AAAA,IAC/B,MACE,eAAe;AAAA,MACb,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IAAA,CACT;AAAA,IACH,CAAC,WAAW,QAAQ,UAAU,cAAc;AAAA,EAC9C;AAEM,QAAA,WAAW,QAAQ,UAAU,YAAY,SAAS,CAACS,UAAY,YAAA,IAAI,CAAC;AAE1E,QAAM,kBAAgCT,MAAA;AAAA,IACpC,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,IAAA;AAAA,IAEX,CAAC,uBAAuB;AAAA,EAC1B;AAEA,QAAM,YAA4BA,MAAA;AAAA,IAChC,MAAM,CAAC,iBAAiB,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,QAAQ;AAAA,IAC5E,CAAC,aAAa,SAAS,aAAa,eAAe;AAAA,EACrD;AAEO,SAAA;AACT;;;"}

package/dist/shared/src/{components → containers}/Views/hooks/useBuildViewMenuItems.es.js

@@ -72,10 +72,10 @@ import "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/cloud/cloud.es.js";
 import "../../../api/queries/views/getViews.es.js";
 import { useCreateViewMutation } from "../../../api/queries/views/updateViews.es.js";
-import { useCallback, useMemo } from "react";
+import { useMemo, useCallback } from "react";
 import { VIEW_DIVIDER } from "../ViewsMenu/ViewsMenu.es.js";
 import { Icon } from "@ynput/ayon-react-components";
-import { generatePersonalView } from "../utils/generatePersonalView.es.js";
+import { generateWorkingView } from "../utils/generateWorkingView.es.js";
 import { toast } from "react-toastify";
 import { useLoadModule } from "../../../hooks/useLoadModule.es.js";
 import "../../../../../_virtual/runtime.es.js";
@@ -94,67 +94,93 @@ import "../../../context/PowerpackContext.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import { getCustomViewsFallback } from "../utils/getCustomViewsFallback.es.js";
-const PERSONAL_VIEW_ID = "_personal_";
-const personalBaseView = {
-  id: PERSONAL_VIEW_ID,
-  label: "Personal",
-  startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "person" }),
-  isEditable: false,
-  isPersonal: true
-};
+const WORKING_VIEW_ID = "_working_";
 const useBuildViewMenuItems = ({
   viewsList,
-  personalView,
+  workingView,
   viewType,
   projectName,
+  currentUser,
+  useWorkingView,
+  editingViewId,
   onSelect,
-  onEdit
+  onEdit,
+  onSave
 }) => {
   const [createView] = useCreateViewMutation();
-  const handlePersonalViewChange = useCallback(async () => {
-    onSelect(PERSONAL_VIEW_ID);
-    if (!personalView) {
+  const extendedViewsList = useMemo(
+    () => viewsList.map((view) => ({
+      ...view,
+      isOwner: view.owner === (currentUser == null ? void 0 : currentUser.name),
+      highlighted: editingViewId === view.id ? "save" : void 0
+    })),
+    [viewsList, currentUser, editingViewId]
+  );
+  const workingBaseView = {
+    id: WORKING_VIEW_ID,
+    label: useWorkingView ? "Personal view" : "Working view",
+    startContent: useWorkingView && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "person" }),
+    isEditable: false
+  };
+  const handleWorkingViewChange = useCallback(async () => {
+    let workingViewId = workingView == null ? void 0 : workingView.id;
+    if (!workingView) {
       try {
-        console.warn("No personal view found, creating a new one");
-        const personalView2 = generatePersonalView(viewType);
+        console.warn("No working view found, creating a new one");
+        const workingView2 = generateWorkingView();
         await createView({
-          payload: personalView2,
+          payload: workingView2,
           viewType,
           projectName
         }).unwrap();
+        workingViewId = workingView2.id;
       } catch (error) {
-        toast.error(`Failed to create personal view: ${error}`);
+        toast.error(`Failed to create working view: ${error}`);
       }
     }
-  }, [personalView, viewType, createView, projectName, onSelect]);
+    onSelect(workingViewId);
+  }, [workingView, viewType, createView, projectName, onSelect]);
+  const handleEditView = async (viewId) => {
+    try {
+      await onSave(viewId);
+      onSelect(viewId);
+    } catch (error) {
+      toast.error(error);
+    }
+  };
   const [getCustomViews, { isLoading: isLoadingQueries }] = useLoadModule({
     addon: "powerpack",
     remote: "views",
     module: "getCustomViews",
-    fallback: getCustomViewsFallback
+    fallback: getCustomViewsFallback,
     // minVersion: minVersion,
+    skip: !viewType
   });
-  const { myViews, sharedViews } = getCustomViews({
-    viewsList,
-    onEdit,
-    onSelect
-  });
+  const { myViews, sharedViews } = useMemo(
+    () => getCustomViews({
+      viewsList: extendedViewsList,
+      onEdit,
+      onSelect,
+      onSave: handleEditView
+    }),
+    [viewsList, onEdit, onSelect, handleEditView]
+  );
   const dividers = myViews.length || sharedViews.length ? [VIEW_DIVIDER] : [];
-  const personalViewItem = useMemo(
+  const workingViewItem = useMemo(
     () => ({
-      ...personalBaseView,
-      onClick: handlePersonalViewChange
+      ...workingBaseView,
+      onClick: handleWorkingViewChange
     }),
-    [handlePersonalViewChange]
+    [handleWorkingViewChange]
   );
   const viewItems = useMemo(
-    () => [personalViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],
-    [personalView, myViews, sharedViews, personalViewItem]
+    () => [workingViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],
+    [workingView, myViews, sharedViews, workingViewItem]
   );
   return viewItems;
 };
 export {
-  PERSONAL_VIEW_ID,
+  WORKING_VIEW_ID,
   useBuildViewMenuItems as default
 };
 //# sourceMappingURL=useBuildViewMenuItems.es.js.map

package/dist/shared/src/containers/Views/hooks/useBuildViewMenuItems.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBuildViewMenuItems.es.js","sources":["../../../../../../src/containers/Views/hooks/useBuildViewMenuItems.tsx"],"sourcesContent":["import { useCreateViewMutation, UserModel, ViewListItemModel } from '@shared/api'\nimport { useCallback, useMemo } from 'react'\nimport { VIEW_DIVIDER, ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { generateWorkingView } from '../utils/generateWorkingView'\nimport { toast } from 'react-toastify'\nimport { useLoadModule } from '@shared/hooks'\nimport { getCustomViewsFallback } from '../utils/getCustomViewsFallback'\nimport { ViewData } from '../context/ViewsContext'\n\n// constants\nexport const WORKING_VIEW_ID = '_working_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\nexport type ViewListItemModelExtended = ViewListItemModel & {\n  isOwner: boolean\n  highlighted?: 'save' | 'edit'\n}\n\ntype Props = {\n  viewsList: ViewListItemModel[]\n  workingView?: ViewListItemModel\n  viewType?: string\n  projectName?: string\n  currentUser?: UserModel\n  useWorkingView?: boolean\n  editingViewId?: string // the preview id of the view being edited\n  onEdit: (viewId: string) => void\n  onSelect: (viewId: string) => void\n  onSave: (viewId: string) => Promise<void>\n}\n\nconst useBuildViewMenuItems = ({\n  viewsList,\n  workingView,\n  viewType,\n  projectName,\n  currentUser,\n  useWorkingView,\n  editingViewId,\n  onSelect,\n  onEdit,\n  onSave,\n}: Props): ViewMenuItem[] => {\n  // MUTATIONS\n  const [createView] = useCreateViewMutation()\n\n  const extendedViewsList: ViewListItemModelExtended[] = useMemo(\n    () =>\n      viewsList.map((view) => ({\n        ...view,\n        isOwner: view.owner === currentUser?.name,\n        highlighted: editingViewId === view.id ? 'save' : undefined,\n      })),\n    [viewsList, currentUser, editingViewId],\n  )\n\n  const workingBaseView: ViewItem = {\n    id: WORKING_VIEW_ID,\n    label: useWorkingView ? 'Personal view' : 'Working view',\n    startContent: useWorkingView && <Icon icon=\"person\" />,\n    isEditable: false,\n  }\n\n  // if we have a working view, we use it, otherwise we create one\n  const handleWorkingViewChange = useCallback(async () => {\n    let workingViewId = workingView?.id\n    if (!workingView) {\n      // no working view found, create one\n      try {\n        console.warn('No working view found, creating a new one')\n        const workingView = generateWorkingView()\n        await createView({\n          payload: workingView,\n          viewType: viewType as string,\n          projectName: projectName,\n        }).unwrap()\n        // set id of the new view\n        workingViewId = workingView.id\n      } catch (error: any) {\n        toast.error(`Failed to create working view: ${error}`)\n      }\n    }\n    // select the working view\n    onSelect(workingViewId as string)\n  }, [workingView, viewType, createView, projectName, onSelect])\n\n  const handleEditView = async (viewId: string) => {\n    // save the view and then selected it\n    try {\n      await onSave(viewId)\n      onSelect(viewId)\n    } catch (error: any) {\n      toast.error(error)\n    }\n  }\n\n  const [getCustomViews, { isLoading: isLoadingQueries }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'getCustomViews',\n    fallback: getCustomViewsFallback,\n    // minVersion: minVersion,\n    skip: !viewType,\n  })\n\n  const { myViews, sharedViews } = useMemo(\n    () =>\n      getCustomViews({\n        viewsList: extendedViewsList,\n        onEdit,\n        onSelect,\n        onSave: handleEditView,\n      }),\n    [viewsList, onEdit, onSelect, handleEditView],\n  )\n\n  const dividers = myViews.length || sharedViews.length ? [VIEW_DIVIDER] : []\n\n  const workingViewItem: ViewMenuItem = useMemo(\n    () => ({\n      ...workingBaseView,\n      onClick: handleWorkingViewChange,\n    }),\n    [handleWorkingViewChange],\n  )\n\n  const viewItems: ViewMenuItem[] = useMemo(\n    () => [workingViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],\n    [workingView, myViews, sharedViews, workingViewItem],\n  )\n\n  return viewItems\n}\n\nexport default useBuildViewMenuItems\n"],"names":["jsx","workingView"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,kBAAkB;AAoB/B,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAErB,QAAA,CAAC,UAAU,IAAI,sBAAsB;AAE3C,QAAM,oBAAiD;AAAA,IACrD,MACE,UAAU,IAAI,CAAC,UAAU;AAAA,MACvB,GAAG;AAAA,MACH,SAAS,KAAK,WAAU,2CAAa;AAAA,MACrC,aAAa,kBAAkB,KAAK,KAAK,SAAS;AAAA,IAAA,EAClD;AAAA,IACJ,CAAC,WAAW,aAAa,aAAa;AAAA,EACxC;AAEA,QAAM,kBAA4B;AAAA,IAChC,IAAI;AAAA,IACJ,OAAO,iBAAiB,kBAAkB;AAAA,IAC1C,cAAc,kBAAmBA,kCAAA,IAAA,MAAA,EAAK,MAAK,UAAS;AAAA,IACpD,YAAY;AAAA,EACd;AAGM,QAAA,0BAA0B,YAAY,YAAY;AACtD,QAAI,gBAAgB,2CAAa;AACjC,QAAI,CAAC,aAAa;AAEZ,UAAA;AACF,gBAAQ,KAAK,2CAA2C;AACxD,cAAMC,eAAc,oBAAoB;AACxC,cAAM,WAAW;AAAA,UACf,SAASA;AAAAA,UACT;AAAA,UACA;AAAA,QACD,CAAA,EAAE,OAAO;AAEV,wBAAgBA,aAAY;AAAA,eACrB,OAAY;AACb,cAAA,MAAM,kCAAkC,KAAK,EAAE;AAAA,MAAA;AAAA,IACvD;AAGF,aAAS,aAAuB;AAAA,EAAA,GAC/B,CAAC,aAAa,UAAU,YAAY,aAAa,QAAQ,CAAC;AAEvD,QAAA,iBAAiB,OAAO,WAAmB;AAE3C,QAAA;AACF,YAAM,OAAO,MAAM;AACnB,eAAS,MAAM;AAAA,aACR,OAAY;AACnB,YAAM,MAAM,KAAK;AAAA,IAAA;AAAA,EAErB;AAEA,QAAM,CAAC,gBAAgB,EAAE,WAAW,iBAAkB,CAAA,IAAI,cAAc;AAAA,IACtE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,IAEV,MAAM,CAAC;AAAA,EAAA,CACR;AAEK,QAAA,EAAE,SAAS,YAAA,IAAgB;AAAA,IAC/B,MACE,eAAe;AAAA,MACb,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IAAA,CACT;AAAA,IACH,CAAC,WAAW,QAAQ,UAAU,cAAc;AAAA,EAC9C;AAEM,QAAA,WAAW,QAAQ,UAAU,YAAY,SAAS,CAAC,YAAY,IAAI,CAAC;AAE1E,QAAM,kBAAgC;AAAA,IACpC,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA,IAAA;AAAA,IAEX,CAAC,uBAAuB;AAAA,EAC1B;AAEA,QAAM,YAA4B;AAAA,IAChC,MAAM,CAAC,iBAAiB,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,QAAQ;AAAA,IAC5E,CAAC,aAAa,SAAS,aAAa,eAAe;AAAA,EACrD;AAEO,SAAA;AACT;"}

package/dist/shared/src/containers/Views/hooks/useSaveViewFromCurrent.cjs.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const useSaveViewFromCurrent = ({
+  viewType,
+  projectName,
+  sourceSettings,
+  onUpdateView
+}) => {
+  const onSaveViewFromCurrent = React.useCallback(
+    async (viewId) => {
+      if (!viewType) {
+        throw "viewType are required for saving a view from another view";
+      }
+      if (!sourceSettings) {
+        throw "sourceView is required for saving a view from another view";
+      }
+      try {
+        await onUpdateView(viewId, {
+          settings: sourceSettings
+        });
+      } catch (error) {
+        const errorMessage = typeof error === "string" ? "Failed to save view settings: " + error : "Failed to save view settings";
+        console.error(errorMessage);
+        throw errorMessage;
+      }
+    },
+    [viewType, projectName, sourceSettings]
+  );
+  return { onSaveViewFromCurrent };
+};
+exports.useSaveViewFromCurrent = useSaveViewFromCurrent;
+//# sourceMappingURL=useSaveViewFromCurrent.cjs.js.map

package/dist/shared/src/containers/Views/hooks/useSaveViewFromCurrent.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSaveViewFromCurrent.cjs.js","sources":["../../../../../../src/containers/Views/hooks/useSaveViewFromCurrent.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport { ViewData, ViewSettings, ViewType } from '..'\nimport { UseViewMutations } from './useViewsMutations'\n\ntype Props = {\n  viewType?: ViewType\n  projectName?: string\n  sourceSettings?: ViewSettings\n  onUpdateView: UseViewMutations['onUpdateView']\n}\n\nexport const useSaveViewFromCurrent = ({\n  viewType,\n  projectName,\n  sourceSettings,\n  onUpdateView,\n}: Props) => {\n  // save the views settings from another views settings (uses update)\n  const onSaveViewFromCurrent = useCallback(\n    async (viewId: string) => {\n      if (!viewType) {\n        throw 'viewType are required for saving a view from another view'\n      }\n\n      // get the fromView settings\n      if (!sourceSettings) {\n        throw 'sourceView is required for saving a view from another view'\n      }\n\n      try {\n        await onUpdateView(viewId, {\n          settings: sourceSettings,\n        })\n      } catch (error) {\n        const errorMessage =\n          typeof error === 'string'\n            ? 'Failed to save view settings: ' + error\n            : 'Failed to save view settings'\n        console.error(errorMessage)\n        throw errorMessage\n      }\n    },\n    [viewType, projectName, sourceSettings],\n  )\n\n  return { onSaveViewFromCurrent }\n}\n"],"names":["useCallback"],"mappings":";;;AAWO,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AAEX,QAAM,wBAAwBA,MAAA;AAAA,IAC5B,OAAO,WAAmB;AACxB,UAAI,CAAC,UAAU;AACP,cAAA;AAAA,MAAA;AAIR,UAAI,CAAC,gBAAgB;AACb,cAAA;AAAA,MAAA;AAGJ,UAAA;AACF,cAAM,aAAa,QAAQ;AAAA,UACzB,UAAU;AAAA,QAAA,CACX;AAAA,eACM,OAAO;AACd,cAAM,eACJ,OAAO,UAAU,WACb,mCAAmC,QACnC;AACN,gBAAQ,MAAM,YAAY;AACpB,cAAA;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,CAAC,UAAU,aAAa,cAAc;AAAA,EACxC;AAEA,SAAO,EAAE,sBAAsB;AACjC;;"}