@ynput/ayon-frontend-shared 0.2.20 → 0.2.22

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

@@ -1,10 +1,9 @@
-import { EntityGroup, QueryTasksFoldersApiArg } from '../../../api';
+import { EntityGroup, QueryTasksFoldersApiArg, QueryFilter } from '../../../api';
 import { FolderNodeMap, TaskNodeMap } from '../types/table';
 import { ExpandedState, SortingState } from '@tanstack/react-table';
 import { LoadingTasks } from '../types';
 import { TasksByFolderMap } from '../utils';
 import { TableGroupBy } from '../context';
-import { Filter } from '@ynput/ayon-react-components';
 import { ProjectTableAttribute } from '../hooks/useAttributesList';
 import { ProjectTableModulesType } from './useProjectTableModules';
 type useFetchOverviewDataData = {
@@ -20,9 +19,8 @@ type useFetchOverviewDataData = {
 type Params = {
     projectName: string;
     selectedFolders: string[];
-    filters: Filter[];
     queryFilters: {
-        filter: QueryTasksFoldersApiArg['tasksFoldersQuery']['filter'];
+        filter: QueryFilter | undefined;
         filterString?: string;
         search: QueryTasksFoldersApiArg['tasksFoldersQuery']['search'];
     };
@@ -34,5 +32,5 @@ type Params = {
     attribFields: ProjectTableAttribute[];
     modules: ProjectTableModulesType;
 };
-export declare const useFetchOverviewData: ({ projectName, selectedFolders, filters, queryFilters, sorting, groupBy, taskGroups, expanded, showHierarchy, attribFields, modules, }: Params) => useFetchOverviewDataData;
+export declare const useFetchOverviewData: ({ projectName, selectedFolders, queryFilters, sorting, groupBy, taskGroups, expanded, showHierarchy, attribFields, modules, }: Params) => useFetchOverviewDataData;
 export {};

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

@@ -1,14 +1,11 @@
 import { GroupSettingsFallback } from '../components/GroupSettingsFallback';
-import { EntityGroup } from '../../../api';
-import { Filter } from '@ynput/ayon-react-components';
+import { EntityGroup, QueryFilter } from '../../../api';
 import { TableGroupBy } from '../context';
-import { ProjectTableAttribute } from './useAttributesList';
 type GetGroupQueriesParams = {
     taskGroups: EntityGroup[];
-    filters: Filter[];
+    filters: QueryFilter | undefined;
     groupBy: TableGroupBy;
     groupPageCounts: Record<string, number>;
-    dataType: ProjectTableAttribute['data']['type'];
 };
 type GetGroupQueriesReturn = {
     value: any;

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

@@ -1,14 +1,16 @@
 import { Filter } from '@ynput/ayon-react-components';
 import { QueryTasksFoldersApiArg } from '../../../api';
+import { QueryFilter } from '../types/operations';
 interface UseQueryFiltersProps {
-    filters: Filter[];
+    queryFilters: QueryFilter;
     sliceFilter?: Filter | null;
 }
 interface QueryFiltersResult {
     filter: QueryTasksFoldersApiArg['tasksFoldersQuery']['filter'];
     filterString?: string;
     search: QueryTasksFoldersApiArg['tasksFoldersQuery']['search'];
-    combinedFilters: Filter[];
+    combinedFilters: QueryFilter;
+    displayFilters: QueryFilter;
 }
-export declare const useQueryFilters: ({ filters, sliceFilter, }: UseQueryFiltersProps) => QueryFiltersResult;
+export declare const useQueryFilters: ({ queryFilters, sliceFilter, }: UseQueryFiltersProps) => QueryFiltersResult;
 export {};

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

@@ -1,6 +1,7 @@
 import { OperationModel } from './operations';
 export * from './table';
 export * from './overviewContext';
+export * from './operations';
 export type AttributeEnumItem = {
     value: string | number | number | boolean;
     label: string;

package/dist/types/containers/ProjectTreeTable/types/overviewContext.d.ts

@@ -1,10 +1,10 @@
 import { EntityGroup, QueryTasksFoldersApiArg } from '../../../api';
 import { FolderNodeMap, LoadingTasks, TaskNodeMap, TasksByFolderMap } from '.';
 import { ProjectDataContextProps } from '../context';
-import { Filter } from '@ynput/ayon-react-components';
-import { ExpandedState, OnChangeFn, SortingState } from '@tanstack/react-table';
+import { ExpandedState, OnChangeFn } from '@tanstack/react-table';
 import { ContextMenuItemConstructors, ProjectTableModulesType } from '../hooks';
 import { ReactNode } from 'react';
+import { QueryFilter } from './operations';
 export interface ProjectOverviewProviderProps {
     children: ReactNode;
     modules: ProjectTableModulesType;
@@ -26,13 +26,14 @@ export interface ProjectOverviewContextType {
     fetchNextPage: (value?: string) => void;
     reloadTableData: () => void;
     taskGroups: EntityGroup[];
-    filters: Filter[];
-    setFilters: (filters: Filter[]) => void;
     queryFilters: {
         filter: QueryTasksFoldersApiArg['tasksFoldersQuery']['filter'];
         filterString?: string;
         search: QueryTasksFoldersApiArg['tasksFoldersQuery']['search'];
     };
+    setQueryFilters: (queryFilters: QueryFilter) => void;
+    combinedFilters: QueryFilter;
+    displayFilters: QueryFilter;
     showHierarchy: boolean;
     updateShowHierarchy: (showHierarchy: boolean) => void;
     expanded: ExpandedState;
@@ -40,7 +41,5 @@ export interface ProjectOverviewContextType {
     toggleExpanded: (id: string) => void;
     updateExpanded: OnChangeFn<ExpandedState>;
     setExpanded: (expanded: ExpandedState) => void;
-    sorting: SortingState;
-    updateSorting: OnChangeFn<SortingState>;
     contextMenuItems: ContextMenuItemConstructors;
 }

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

@@ -1,5 +1,6 @@
 export * from '../types/table';
 export * from './clientFilterToQueryFilter';
+export * from './queryFilterToClientFilter';
 export * from './loadingUtils';
 export * from './getTableFieldOptions';
 export * from './getReadOnlyLists';

package/dist/types/containers/ProjectTreeTable/utils/queryFilterToClientFilter.d.ts

@@ -0,0 +1,24 @@
+import { Filter, FilterValue } from '@ynput/ayon-react-components';
+import { QueryFilter } from '../types/operations';
+interface Option {
+    id: string;
+    type?: string;
+    label: string;
+    icon?: string | null;
+    img?: string | null;
+    inverted?: boolean;
+    operator?: 'AND' | 'OR';
+    values?: FilterValue[];
+    allowsCustomValues?: boolean;
+    allowHasValue?: boolean;
+    allowNoValue?: boolean;
+    allowExcludes?: boolean;
+    operatorChangeable?: boolean;
+    singleSelect?: boolean;
+}
+/**
+ * Converts a QueryFilter back to Filter[] objects that can be consumed by the SearchFilter component
+ * This requires the filter options to properly reconstruct the Filter objects with all their metadata
+ */
+export declare const queryFilterToClientFilter: (queryFilter: QueryFilter | undefined, filterOptions: Option[]) => Filter[];
+export default queryFilterToClientFilter;

package/dist/types/{components → containers}/Views/ViewItem/ViewItem.d.ts

@@ -6,8 +6,11 @@ export interface ViewItem {
     endContent?: ReactNode;
     isSelected?: boolean;
     isEditable?: boolean;
-    isPersonal?: boolean;
+    isSaveable?: boolean;
+    highlighted?: 'save' | 'edit';
     onEdit?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onSave?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onResetView?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     onClick?: (e: React.MouseEvent<HTMLLIElement>) => void;
 }
 export interface ViewMenuItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'id'>, ViewItem {

package/dist/types/{components → containers}/Views/ViewItem/ViewItem.styled.d.ts

@@ -1,4 +1,4 @@
 export declare const ViewItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
-export declare const MoreButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('@ynput/ayon-react-components').ButtonProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+export declare const ActionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('@ynput/ayon-react-components').ButtonProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
 }, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('@ynput/ayon-react-components').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;

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

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Views: FC;

package/dist/types/containers/Views/ViewsDialogContainer/ViewFormDialogFallback.d.ts

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import { ViewFormData, ViewsContextValue, ViewSettings, ViewType } from '..';
+import { ShareOption, UserModel } from '../../../api';
+export interface ViewFormDialogProps {
+    editingView: Partial<ViewFormData> & {
+        viewId?: string;
+    };
+    setEditingView: (viewId: string | null) => void;
+    viewType: ViewType;
+    viewSettings?: ViewSettings;
+    currentUser?: UserModel;
+    projectName?: string;
+    setSelected: (viewId: string) => void;
+    shareOptions?: ShareOption[];
+    onCreateView: ViewsContextValue['onCreateView'];
+    onUpdateView: ViewsContextValue['onUpdateView'];
+    onDeleteView: ViewsContextValue['onDeleteView'];
+    api: ViewsContextValue['api'];
+    dispatch: any;
+    pt?: {
+        dialog?: Partial<React.HTMLAttributes<HTMLDivElement>>;
+    };
+}
+declare const ViewFormDialogFallback: FC<ViewFormDialogProps>;
+export default ViewFormDialogFallback;

package/dist/types/containers/Views/ViewsDialogContainer/ViewsDialogContainer.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export declare const VIEWS_DIALOG_CLASS: "views-dialog";
+interface ViewsDialogContainerProps {
+}
+declare const ViewsDialogContainer: FC<ViewsDialogContainerProps>;
+export default ViewsDialogContainer;

package/dist/types/{components → containers}/Views/ViewsMenu/ViewsMenu.d.ts

@@ -1,11 +1,10 @@
 import { ViewItem } from '../ViewItem/ViewItem';
-import { SelectedViewState } from '../context/ViewsContext';
 export declare const VIEW_DIVIDER: "_divider_";
 type Title = string;
 export type ViewMenuItem = ViewItem | typeof VIEW_DIVIDER | Title;
 export interface ViewsMenuProps extends React.HTMLAttributes<HTMLUListElement> {
     items: ViewMenuItem[];
-    selected: SelectedViewState;
+    selected: string;
 }
 export declare const ViewsMenu: import('react').ForwardRefExoticComponent<ViewsMenuProps & import('react').RefAttributes<HTMLUListElement>>;
 export {};

package/dist/types/{components → containers}/Views/ViewsMenuContainer/ViewsMenuContainer.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-export declare const PERSONAL_VIEW_ID: "_personal_";
+export declare const WORKING_VIEW_ID: "_working_";
 export declare const NEW_VIEW_ID: "_new_view_";
 export declare const ViewsMenuContainer: FC;

package/dist/types/containers/Views/context/ViewsContext.d.ts

@@ -0,0 +1,48 @@
+import { FC, ReactNode } from 'react';
+import { ViewType } from '../index';
+import { GetDefaultViewApiResponse, UserModel, ViewListItemModel, viewsQueries, ShareOption } from '../../../api';
+import { ViewMenuItem } from '../ViewsMenu/ViewsMenu';
+import { UseViewMutations } from '../hooks/useViewsMutations';
+export type ViewData = GetDefaultViewApiResponse;
+export type ViewSettings = GetDefaultViewApiResponse['settings'];
+export type SelectedViewState = ViewData | undefined;
+export type EditingViewState = string | true | null;
+export interface ViewsContextValue {
+    viewType?: ViewType;
+    projectName?: string;
+    currentUser?: UserModel;
+    isMenuOpen: boolean;
+    editingView: EditingViewState;
+    selectedView: SelectedViewState;
+    viewsList: ViewListItemModel[];
+    viewSettings: ViewSettings | undefined;
+    workingSettings: ViewSettings | undefined;
+    workingView: ViewListItemModel | undefined;
+    editingViewId: string | undefined;
+    viewMenuItems: ViewMenuItem[];
+    editingViewData?: ViewData;
+    isLoadingViews: boolean;
+    isViewWorking: boolean;
+    shareOptions?: ShareOption[];
+    setIsMenuOpen: (open: boolean) => void;
+    setEditingView: (editing: EditingViewState) => void;
+    setSelectedView: (viewId: string) => void;
+    onSettingsChanged: (changed: boolean) => void;
+    onCreateView: UseViewMutations['onCreateView'];
+    onDeleteView: UseViewMutations['onDeleteView'];
+    onUpdateView: UseViewMutations['onUpdateView'];
+    resetWorkingView: () => Promise<void>;
+    api: typeof viewsQueries;
+    dispatch: any;
+}
+export interface ViewsProviderProps {
+    children: ReactNode;
+    viewType?: string;
+    projectName?: string;
+    dispatch?: any;
+    debug?: {
+        powerLicense?: boolean;
+    };
+}
+export declare const ViewsProvider: FC<ViewsProviderProps>;
+export declare const useViewsContext: () => ViewsContextValue;

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

@@ -0,0 +1,5 @@
+export { default as useBuildViewMenuItems } from './useBuildViewMenuItems';
+export { useSaveViewFromCurrent } from './useSaveViewFromCurrent';
+export { useSelectedView } from './useSelectedView';
+export { useViewsMutations } from './useViewsMutations';
+export { useViewsShortcuts } from './useViewsShortcuts';

package/dist/types/containers/Views/hooks/pages/useListsViewSettings.d.ts

@@ -0,0 +1,9 @@
+import { ColumnsConfig } from '../../../ProjectTreeTable';
+import { QueryFilter } from '../../../ProjectTreeTable/types/operations';
+export type ListsViewSettings = {
+    filters: QueryFilter;
+    onUpdateFilters: (filters: QueryFilter) => void;
+    columns: ColumnsConfig;
+    onUpdateColumns: (columns: ColumnsConfig, allColumnIds?: string[]) => void;
+};
+export declare const useListsViewSettings: () => ListsViewSettings;

package/dist/types/containers/Views/hooks/pages/useOverviewViewSettings.d.ts

@@ -0,0 +1,12 @@
+import { ColumnsConfig } from '../../../ProjectTreeTable';
+import { QueryFilter } from '../../../ProjectTreeTable/types/operations';
+type Return = {
+    filters: QueryFilter;
+    onUpdateFilters: (filters: QueryFilter) => void;
+    showHierarchy: boolean;
+    onUpdateHierarchy: (showHierarchy: boolean) => void;
+    columns: ColumnsConfig;
+    onUpdateColumns: (columns: ColumnsConfig, allColumnIds?: string[]) => void;
+};
+export declare const useOverviewViewSettings: () => Return;
+export {};

package/dist/types/containers/Views/hooks/pages/useTaskProgressViewSettings.d.ts

@@ -0,0 +1,10 @@
+import { ColumnItemModel } from '../../../../api';
+import { QueryFilter } from '../../../ProjectTreeTable/types/operations';
+type Return = {
+    filters: QueryFilter;
+    onUpdateFilters: (filters: QueryFilter) => void;
+    columns: ColumnItemModel[];
+    onUpdateColumns: (columns: ColumnItemModel[]) => void;
+};
+export declare const useTaskProgressViewSettings: () => Return;
+export {};

package/dist/types/containers/Views/hooks/useBuildViewMenuItems.d.ts

@@ -0,0 +1,23 @@
+import { UserModel, ViewListItemModel } from '../../../api';
+import { ViewMenuItem } from '../ViewsMenu/ViewsMenu';
+export declare const WORKING_VIEW_ID: "_working_";
+export declare const NEW_VIEW_ID: "_new_view_";
+export type ViewListItemModelExtended = ViewListItemModel & {
+    isOwner: boolean;
+    highlighted?: 'save' | 'edit';
+};
+type Props = {
+    viewsList: ViewListItemModel[];
+    workingView?: ViewListItemModel;
+    viewType?: string;
+    projectName?: string;
+    currentUser?: UserModel;
+    useWorkingView?: boolean;
+    editingViewId?: string;
+    onEdit: (viewId: string) => void;
+    onSelect: (viewId: string) => void;
+    onSave: (viewId: string) => Promise<void>;
+    onResetWorkingView?: () => void;
+};
+declare const useBuildViewMenuItems: ({ viewsList, workingView, viewType, projectName, currentUser, useWorkingView, editingViewId, onSelect, onEdit, onSave, onResetWorkingView, }: Props) => ViewMenuItem[];
+export default useBuildViewMenuItems;

package/dist/types/containers/Views/hooks/useSaveViewFromCurrent.d.ts

@@ -0,0 +1,12 @@
+import { ViewSettings, ViewType } from '..';
+import { UseViewMutations } from './useViewsMutations';
+type Props = {
+    viewType?: ViewType;
+    projectName?: string;
+    sourceSettings?: ViewSettings;
+    onUpdateView: UseViewMutations['onUpdateView'];
+};
+export declare const useSaveViewFromCurrent: ({ viewType, projectName, sourceSettings, onUpdateView, }: Props) => {
+    onSaveViewFromCurrent: (viewId: string) => Promise<void>;
+};
+export {};

package/dist/types/containers/Views/hooks/useSelectedView.d.ts

@@ -0,0 +1,12 @@
+import { GetDefaultViewApiResponse } from '../../../api';
+type Props = {
+    viewType: string;
+    projectName?: string;
+};
+type Return = [
+    selectedView: GetDefaultViewApiResponse | undefined,
+    setSelectedView: (viewId: string) => void,
+    previousSelectedViewId: string | undefined
+];
+export declare const useSelectedView: ({ viewType, projectName }: Props) => Return;
+export {};

package/dist/types/containers/Views/hooks/useViewSettingsChanged.d.ts

@@ -0,0 +1,6 @@
+import { ViewType } from '..';
+type Props = {
+    viewType: ViewType;
+};
+export declare const useViewSettingsChanged: ({ viewType, }: Props) => [boolean, (changed: boolean) => void];
+export {};

package/dist/types/containers/Views/hooks/useViewsMutations.d.ts

@@ -0,0 +1,20 @@
+import { CreateViewApiArg } from '../../../api';
+import { ViewData } from '../context/ViewsContext';
+type Props = {
+    viewType?: string;
+    projectName?: string;
+};
+export type UseViewMutations = {
+    onCreateView: (payload: CreateViewApiArg['payload']) => Promise<void>;
+    onDeleteView: (viewId: string) => Promise<void>;
+    onUpdateView: (viewId: string, payload: Partial<ViewData>) => Promise<void>;
+    onResetWorkingView: (args?: {
+        existingWorkingViewId?: string;
+        selectedViewId?: string;
+        setSelectedView?: (id: string) => void;
+        setSettingsChanged?: (changed: boolean) => void;
+        notify?: boolean;
+    }) => Promise<string>;
+};
+export declare const useViewsMutations: ({ viewType, projectName }: Props) => UseViewMutations;
+export {};

package/dist/types/containers/Views/hooks/useViewsShortcuts.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Hook to handle keyboard shortcuts for Views functionality.
+ *
+ * Currently provides:
+ * - Reset view to default (Shift+Ctrl/Cmd+0) - Resets the working view to empty settings
+ *
+ * This is intended as a useful feature for quickly resetting view filters and settings.
+ * Always operates on the working view only. If not currently on the working view,
+ * it will switch to it and mark settings as changed.
+ */
+export declare const useViewsShortcuts: () => {
+    resetViewToDefault: () => Promise<void>;
+};

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

@@ -0,0 +1,19 @@
+import { ViewListItemModel } from '../../api';
+export * from './Views';
+export * from './context/ViewsContext';
+export * from './ViewsButton/ViewsButton';
+export * from './ViewsMenuContainer/ViewsMenuContainer';
+export * from './utils/portalUtils';
+export * from './utils/getCustomViewsFallback';
+export * from './ViewsDialogContainer/ViewFormDialogFallback';
+export * from './ViewsMenu/ViewsMenu';
+export * from './ViewsMenuContainer/ViewsMenuContainer';
+export * from './utils/generateWorkingView';
+export * from './hooks';
+export * from './hooks/pages/useTaskProgressViewSettings';
+export * from './hooks/pages/useOverviewViewSettings';
+export * from './hooks/pages/useListsViewSettings';
+export { Views } from './Views';
+export { WORKING_VIEW_ID, NEW_VIEW_ID } from './ViewsMenuContainer/ViewsMenuContainer';
+export type ViewFormData = Required<Pick<ViewListItemModel, 'label' | 'scope' | 'visibility' | 'owner' | 'access' | 'accessLevel'>>;
+export type ViewType = 'overview' | 'taskProgress';

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

@@ -0,0 +1,3 @@
+import { CreateViewApiArg } from '../../../api';
+export declare const generateViewId: () => string;
+export declare const generateWorkingView: (settings?: CreateViewApiArg["payload"]["settings"]) => CreateViewApiArg["payload"];

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 GetCustomViews = {
+    viewsList: ViewListItemModelExtended[];
+    onEdit: (viewId: string) => void;
+    onSelect: (viewId: string) => void;
+    onSave: (viewId: string) => void;
+};
+export type CustomViews = {
+    myViews: ViewMenuItem[];
+    sharedViews: ViewMenuItem[];
+};
+export declare const getCustomViewsFallback: (props: GetCustomViews) => CustomViews;

package/dist/types/{components → containers}/Views/utils/portalUtils.d.ts

@@ -6,4 +6,4 @@ export declare const getViewsPortalId: (viewType: ViewType) => string;
 /**
  * Get the portal container element by viewType
  */
-export declare const getViewsPortalContainer: (viewType: ViewType) => HTMLElement | null;
+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

@@ -15,7 +15,10 @@ export type PowerpackContextType = {
     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;

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.20",
+  "version": "0.2.22",
   "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": [