@ynput/ayon-frontend-shared 0.2.19 → 0.2.21

package/dist/types/containers/Views/utils/getCustomViewsFallback.d.ts

@@ -0,0 +1,13 @@
+import { ViewMenuItem } from '../ViewsMenu/ViewsMenu';
+import { ViewListItemModelExtended } from '../hooks/useBuildViewMenuItems';
+export type GetAllViewsProps = {
+    viewsList: ViewListItemModelExtended[];
+    onEdit: (viewId: string) => void;
+    onSelect: (viewId: string) => void;
+    onSave: (viewId: string) => void;
+};
+export type GetAllViewsReturn = {
+    myViews: ViewMenuItem[];
+    sharedViews: ViewMenuItem[];
+};
+export declare const getCustomViewsFallback: (props: GetAllViewsProps) => GetAllViewsReturn;

package/dist/types/containers/Views/utils/portalUtils.d.ts

@@ -0,0 +1,9 @@
+import { ViewType } from '../index';
+/**
+ * Generate a consistent portal container ID for views
+ */
+export declare const getViewsPortalId: (viewType: ViewType) => string;
+/**
+ * Get the portal container element by viewType
+ */
+export declare const getViewsPortalContainer: (viewType?: ViewType) => HTMLElement | null;

package/dist/types/containers/Views/utils/viewUpdateHelper.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Shared helper for updating view settings with optimistic local state management.
+ *
+ * This helper provides common functionality used by view settings hooks:
+ * - Optimistic local state updates for immediate UI response
+ * - Background API calls to persist changes
+ * - Error handling with state reversion
+ * - Working view management
+ */
+interface UpdateOptions {
+    successMessage?: string;
+    errorMessage?: string;
+}
+export declare const useViewUpdateHelper: () => {
+    updateViewSettings: (updatedSettings: any, localStateSetter: (value: any) => void, newLocalValue: any, options?: UpdateOptions) => Promise<void>;
+};
+export {};

package/dist/types/containers/index.d.ts

@@ -5,3 +5,4 @@ export * from './RepresentationsList';
 export * from './Slicer';
 export * from './DetailsPanel';
 export * from './Actions';
+export * from './Views';

package/dist/types/context/PowerpackContext.d.ts

@@ -1,21 +1,24 @@
 import { ReactNode } from 'react';
-export type PowerpackFeature = 'slicer' | 'annotations' | 'releases' | 'advancedFilters' | 'listAttributes' | 'groupAttributes';
-type PowerpackDialog = {
+export type PowerpackFeature = 'slicer' | 'annotations' | 'releases' | 'advancedFilters' | 'listAttributes' | 'groupAttributes' | 'sharedViews';
+export type PowerpackDialogType = {
     label: string;
     description: string;
     bullet: string;
+    icon?: string;
 };
 export declare const powerpackFeatures: {
-    [key in PowerpackFeature]: PowerpackDialog;
+    [key in PowerpackFeature]: PowerpackDialogType;
 };
 export type PowerpackContextType = {
     selectedPowerPack: null | PowerpackFeature;
     setPowerpackDialog: (open: PowerpackContextType['selectedPowerPack']) => void;
-    powerpackDialog: PowerpackDialog | null;
+    powerpackDialog: PowerpackDialogType | null;
     powerLicense: boolean;
 };
-export declare const PowerpackProvider: ({ children }: {
+export declare const PowerpackProvider: ({ children, debug, }: {
     children: ReactNode;
+    debug?: {
+        powerLicense?: boolean;
+    };
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const usePowerpack: () => PowerpackContextType;
-export {};

package/dist/types/util/columnConfigConverter.d.ts

@@ -0,0 +1,15 @@
+import { OverviewSettings } from '../api/generated/views';
+import { ColumnsConfig } from '../containers';
+/**
+ * Converts ColumnItemModel array from OverviewSettings to TanStack table states
+ */
+export declare function convertColumnConfigToTanstackStates(settings: OverviewSettings): ColumnsConfig;
+/**
+ * Converts TanStack table states back to OverviewSettings format
+ *
+ * Column ordering logic:
+ * 1. Columns in columnOrder appear first (in their specified order)
+ * 2. Remaining columns follow the order from allColumnIds
+ * 3. Only columns with state (visibility, sizing, pinning) or in allColumnIds are included
+ */
+export declare function convertTanstackStatesToColumnConfig(states: ColumnsConfig, allColumnIds?: string[]): OverviewSettings;

package/dist/types/util/index.d.ts

@@ -8,5 +8,6 @@ export * from './getPriorityOptions';
 export * from './copyToClipboard';
 export * from './getMixedState';
 export * from './getAttributeIcon';
+export * from './columnConfigConverter';
 export { productTypes };
 export { PubSub };

package/dist/util.cjs.js

@@ -9,6 +9,7 @@ const getPriorityOptions = require("./shared/src/util/getPriorityOptions.cjs.js"
 const copyToClipboard = require("./shared/src/util/copyToClipboard.cjs.js");
 const getMixedState = require("./shared/src/util/getMixedState.cjs.js");
 const getAttributeIcon = require("./shared/src/util/getAttributeIcon.cjs.js");
+const columnConfigConverter = require("./shared/src/util/columnConfigConverter.cjs.js");
 const pubsub = require("./shared/src/util/pubsub.cjs.js");
 const confirmdialog_esm = require("./shared/node_modules/primereact/confirmdialog/confirmdialog.esm.cjs.js");
 exports.productTypes = productTypes;
@@ -23,6 +24,8 @@ exports.getPriorityOptions = getPriorityOptions.getPriorityOptions;
 exports.copyToClipboard = copyToClipboard.copyToClipboard;
 exports.getMixedState = getMixedState.getMixedState;
 exports.getAttributeIcon = getAttributeIcon.getAttributeIcon;
+exports.convertColumnConfigToTanstackStates = columnConfigConverter.convertColumnConfigToTanstackStates;
+exports.convertTanstackStatesToColumnConfig = columnConfigConverter.convertTanstackStatesToColumnConfig;
 exports.PubSub = pubsub;
 exports.ConfirmDialog = confirmdialog_esm.ConfirmDialog;
 //# sourceMappingURL=util.cjs.js.map

package/dist/util.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"util.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/util.es.js

@@ -7,6 +7,7 @@ import { getPriorityOptions } from "./shared/src/util/getPriorityOptions.es.js";
 import { copyToClipboard } from "./shared/src/util/copyToClipboard.es.js";
 import { getMixedState } from "./shared/src/util/getMixedState.es.js";
 import { getAttributeIcon } from "./shared/src/util/getAttributeIcon.es.js";
+import { convertColumnConfigToTanstackStates, convertTanstackStatesToColumnConfig } from "./shared/src/util/columnConfigConverter.es.js";
 import { default as default3 } from "./shared/src/util/pubsub.es.js";
 import { ConfirmDialog } from "./shared/node_modules/primereact/confirmdialog/confirmdialog.esm.es.js";
 export {
@@ -14,6 +15,8 @@ export {
   KeyMode,
   default3 as PubSub,
   confirmDelete,
+  convertColumnConfigToTanstackStates,
+  convertTanstackStatesToColumnConfig,
   copyToClipboard,
   entityTypesWithIcons,
   getAttributeIcon,

package/dist/util.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"util.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ynput/ayon-frontend-shared",
-  "version": "0.2.19",
+  "version": "0.2.21",
   "description": "Shared React components for AYON frontend",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -74,6 +74,11 @@
       "types": "./dist/types/containers/Slicer/index.d.ts",
       "import": "./dist/Slicer.es.js",
       "require": "./dist/Slicer.cjs.js"
+    },
+    "./Views": {
+      "types": "./dist/types/containers/Views/index.d.ts",
+      "import": "./dist/Views.es.js",
+      "require": "./dist/Views.cjs.js"
     }
   },
   "files": [

package/dist/shared/src/containers/ProjectTreeTable/hooks/useColumnSorting.cjs.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const reactTable = require("@tanstack/react-table");
-const useColumnSorting = ({ updatePageConfig, columnSorting }) => {
-  const setColumnSorting = React.useCallback(
-    async (sorting) => {
-      await updatePageConfig({ columnSorting: sorting });
-    },
-    [updatePageConfig]
-  );
-  const updateSorting = React.useCallback(
-    (sortingUpdater) => {
-      setColumnSorting(reactTable.functionalUpdate(sortingUpdater, columnSorting));
-    },
-    [setColumnSorting, columnSorting]
-  );
-  return {
-    setColumnSorting,
-    updateSorting
-  };
-};
-exports.useColumnSorting = useColumnSorting;
-//# sourceMappingURL=useColumnSorting.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/hooks/useColumnSorting.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColumnSorting.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useColumnSorting.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport { SortingState, functionalUpdate, OnChangeFn } from '@tanstack/react-table'\n\ninterface UseColumnSortingProps {\n  updatePageConfig: (config: { columnSorting: SortingState }) => Promise<void>\n  columnSorting: SortingState\n}\n\nexport const useColumnSorting = ({ updatePageConfig, columnSorting }: UseColumnSortingProps) => {\n  const setColumnSorting = useCallback(\n    async (sorting: SortingState) => {\n      await updatePageConfig({ columnSorting: sorting })\n    },\n    [updatePageConfig],\n  )\n\n  const updateSorting: OnChangeFn<SortingState> = useCallback(\n    (sortingUpdater) => {\n      setColumnSorting(functionalUpdate(sortingUpdater, columnSorting))\n    },\n    [setColumnSorting, columnSorting],\n  )\n\n  return {\n    setColumnSorting,\n    updateSorting,\n  }\n}\n"],"names":["useCallback","functionalUpdate"],"mappings":";;;;AAQO,MAAM,mBAAmB,CAAC,EAAE,kBAAkB,oBAA2C;AAC9F,QAAM,mBAAmBA,MAAA;AAAA,IACvB,OAAO,YAA0B;AAC/B,YAAM,iBAAiB,EAAE,eAAe,SAAS;AAAA,IACnD;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,gBAA0CA,MAAA;AAAA,IAC9C,CAAC,mBAAmB;AACD,uBAAAC,WAAA,iBAAiB,gBAAgB,aAAa,CAAC;AAAA,IAClE;AAAA,IACA,CAAC,kBAAkB,aAAa;AAAA,EAClC;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;;"}

package/dist/shared/src/containers/ProjectTreeTable/hooks/useColumnSorting.es.js

@@ -1,24 +0,0 @@
-import { useCallback } from "react";
-import { functionalUpdate } from "@tanstack/react-table";
-const useColumnSorting = ({ updatePageConfig, columnSorting }) => {
-  const setColumnSorting = useCallback(
-    async (sorting) => {
-      await updatePageConfig({ columnSorting: sorting });
-    },
-    [updatePageConfig]
-  );
-  const updateSorting = useCallback(
-    (sortingUpdater) => {
-      setColumnSorting(functionalUpdate(sortingUpdater, columnSorting));
-    },
-    [setColumnSorting, columnSorting]
-  );
-  return {
-    setColumnSorting,
-    updateSorting
-  };
-};
-export {
-  useColumnSorting
-};
-//# sourceMappingURL=useColumnSorting.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/hooks/useColumnSorting.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColumnSorting.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useColumnSorting.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport { SortingState, functionalUpdate, OnChangeFn } from '@tanstack/react-table'\n\ninterface UseColumnSortingProps {\n  updatePageConfig: (config: { columnSorting: SortingState }) => Promise<void>\n  columnSorting: SortingState\n}\n\nexport const useColumnSorting = ({ updatePageConfig, columnSorting }: UseColumnSortingProps) => {\n  const setColumnSorting = useCallback(\n    async (sorting: SortingState) => {\n      await updatePageConfig({ columnSorting: sorting })\n    },\n    [updatePageConfig],\n  )\n\n  const updateSorting: OnChangeFn<SortingState> = useCallback(\n    (sortingUpdater) => {\n      setColumnSorting(functionalUpdate(sortingUpdater, columnSorting))\n    },\n    [setColumnSorting, columnSorting],\n  )\n\n  return {\n    setColumnSorting,\n    updateSorting,\n  }\n}\n"],"names":[],"mappings":";;AAQO,MAAM,mBAAmB,CAAC,EAAE,kBAAkB,oBAA2C;AAC9F,QAAM,mBAAmB;AAAA,IACvB,OAAO,YAA0B;AAC/B,YAAM,iBAAiB,EAAE,eAAe,SAAS;AAAA,IACnD;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,gBAA0C;AAAA,IAC9C,CAAC,mBAAmB;AACD,uBAAA,iBAAiB,gBAAgB,aAAa,CAAC;AAAA,IAClE;AAAA,IACA,CAAC,kBAAkB,aAAa;AAAA,EAClC;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;"}

package/dist/types/containers/ProjectTreeTable/hooks/useColumnSorting.d.ts

@@ -1,12 +0,0 @@
-import { SortingState, OnChangeFn } from '@tanstack/react-table';
-interface UseColumnSortingProps {
-    updatePageConfig: (config: {
-        columnSorting: SortingState;
-    }) => Promise<void>;
-    columnSorting: SortingState;
-}
-export declare const useColumnSorting: ({ updatePageConfig, columnSorting }: UseColumnSortingProps) => {
-    setColumnSorting: (sorting: SortingState) => Promise<void>;
-    updateSorting: OnChangeFn<SortingState>;
-};
-export {};