@ynput/ayon-frontend-shared 0.4.6 → 0.5.0

package/dist/types/Slicer.d.ts

@@ -72,6 +72,8 @@ declare type AttributeModel = {
 
 export declare const buildListFolderRowId: (folderId: string) => string;
 
+export declare const clampDraggedHeights: (sizes: number[], totalHeight: number, mins: number[]) => number[];
+
 declare type ColumnItemModel = {
     name: string;
     visible?: boolean;
@@ -118,15 +120,17 @@ declare interface ContextMenuItemType extends Omit<ContextMenuItemProps, 'contex
 }
 
 export declare type CreateFilterFromSlicer = ({ slice, attribFields, }: {
-    slice: {
-        sliceType: SliceType;
-        rowSelection: RowSelectionState;
-    } | null;
+    slice: SliceSelection | null;
     attribFields: ProjectTableAttribute[];
 }) => SliceFilter | null;
 
 export declare const createFilterFromSlicer: CreateFilterFromSlicer;
 
+export declare const createFiltersFromSlicer: ({ slices, attribFields, }: {
+    slices: SliceSelection[];
+    attribFields: ProjectTableAttribute[];
+}) => SliceFilter[];
+
 export declare const defaultSliceOptions: SliceTypeField[];
 
 declare interface EntityMoveData {
@@ -138,6 +142,12 @@ declare interface EntityMoveData {
 
 declare type EntityMoveType = 'folder' | 'task';
 
+export declare interface EntityParentMaps {
+    taskFolderIds: Record<string, string>;
+    versionFolderIds: Record<string, string>;
+    productFolderIds: Record<string, string>;
+}
+
 declare type EnumItem = {
     value: string | number | number | boolean;
     label: string;
@@ -216,6 +226,8 @@ declare type GetDefaultViewApiResponse =
 /** status 200 Successful Response */
 OverviewViewModel | TaskProgressViewModel | ListsViewModel | ReviewsViewModel | VersionsViewModel | GenericViewModel;
 
+export declare type GetSlicerCountsSource = (sliceType: string) => SlicerCountsSource | undefined;
+
 declare type GroupCount = {
     count: number;
     percentage?: number;
@@ -408,6 +420,8 @@ declare type QueryFilter_5 = {
     operator?: 'and' | 'or';
 };
 
+export declare const resolvePanelLayout: (stored: SlicerPanelHeights, panelIds: string[], collapsed?: string[], containerHeight?: number, defaultHeight?: number) => SlicerPanelLayout;
+
 declare type ReviewsSettings = {
     rowHeight?: number;
     sortBy?: string;
@@ -531,17 +545,23 @@ export declare interface SliceData {
     isAttribute?: boolean;
 }
 
-export declare interface SliceFilter extends FilterValue {
-    values: {
-        id: string;
-        label: string;
-    }[];
+export declare interface SliceFilter extends Filter {
+    values: FilterValue[];
 }
 
 export declare type SliceMap = Map<string, SimpleTableRow>;
 
+export declare interface SlicePanel {
+    id: string;
+    sliceType: SliceType;
+}
+
 export declare const Slicer: FC<SlicerProps>;
 
+export declare const SLICER_DEFAULT_PANEL_HEIGHT = 180;
+
+export declare const SLICER_MIN_PANEL_HEIGHT = 100;
+
 export declare const SLICER_PAGES_CONFIG: SlicerConfig;
 
 export declare const SLICER_SPLITTER_PANEL_CONFIG: {
@@ -559,12 +579,23 @@ export declare type SlicerConfig = {
 
 export declare interface SlicerContextValue {
     projectName: string;
+    page: string;
     rowSelection: RowSelectionState;
     onRowSelectionChange: OnRowSelectionChange;
     expanded: ExpandedState;
     onExpandedChange: (expanded: ExpandedState) => void;
     sliceType: SliceType;
     onSliceTypeChange: OnSliceTypeChange;
+    slices: SlicePanel[];
+    addSlicePanel: (sliceType?: SliceType) => void;
+    removeSlicePanel: (panelId: string) => void;
+    setPanelSliceType: (panelId: string, sliceType: SliceType) => void;
+    getPanelSelection: (panelId: string) => RowSelectionState;
+    setPanelSelection: (panelId: string, selection: React.SetStateAction<RowSelectionState>) => void;
+    getPanelExpanded: (panelId: string) => ExpandedState;
+    setPanelExpanded: (panelId: string, expanded: React.SetStateAction<ExpandedState>) => void;
+    collapsedPanels: string[];
+    togglePanelCollapsed: (panelId: string) => void;
     isViewSyncPending: boolean;
     pinnedSlice: PinnedSlice | null;
     setPinnedSlice: React.Dispatch<React.SetStateAction<PinnedSlice | null>>;
@@ -594,12 +625,34 @@ declare interface SlicerDropdownFallbackProps extends DropdownProps {
     sliceTypes: SliceType[];
 }
 
+declare interface SliceRowSelection {
+    sliceType: string;
+    rowSelection: RowSelectionState;
+}
+
+declare type SlicerPanelHeights = Record<string, number>;
+
+declare type SlicerPanelLayout = {
+    heights: number[];
+    mins: number[];
+    sizes: number[];
+    minSize: number;
+    height: number;
+};
+
+export declare interface SlicerPanelSelections {
+    sliceSelections: SliceRowSelection[];
+    sliceFilters: SliceFilter[];
+    isLicensePending: boolean;
+}
+
 export declare interface SlicerProps {
     sliceFields: SliceTypeField[];
     entityTypes?: string[];
     pinnedSliceType?: SliceType;
-    countsSource?: SlicerCountsSource;
+    countsSource?: SlicerCountsSource | GetSlicerCountsSource;
     onAddToList?: OnAddToList;
+    enableSplit?: boolean;
 }
 
 export declare const SlicerProvider: ({ children, page, projectName, viewSettings, isLoadingViews, updateViewSettings, onOpenViewer, onAddToList, ...props }: SlicerProviderProps) => JSX_2.Element;
@@ -629,6 +682,17 @@ export declare interface SlicerTableProps {
     globalFilter: string;
 }
 
+export declare interface SlicerViewSettings {
+    sliceType?: SliceType;
+    sliceTypes?: SliceType[];
+    collapsedSliceTypes?: SliceType[];
+}
+
+export declare type SliceSelection = {
+    sliceType: SliceType;
+    rowSelection: RowSelectionState;
+};
+
 export declare type SliceType = 'hierarchy' | 'assignees' | 'status' | 'type' | 'taskType' | 'entityList' | string;
 
 export declare interface SliceTypeField {
@@ -740,26 +804,42 @@ export declare const useHierarchyContextMenuItems: (onAddToList?: OnAddToList, e
     onCancelRename: () => void;
 };
 
+export declare const useHierarchySelection: () => RowSelectionState | null;
+
 export declare const useOptionalSlicerContext: () => SlicerContextValue | undefined;
 
 /**
  * Resolves entity list slicer selections to actual entity IDs.
- * When sliceType is 'entityList', fetches entity IDs from each selected list,
- * then resolves cross-entity parent references (e.g. task → folder, version → folder/task).
+ * When a panel with sliceType 'entityList' exists, fetches entity IDs from each
+ * selected list, then resolves cross-entity parent references
+ * (e.g. task → folder, version → folder/task).
  */
-export declare const useSelectedEntityIds: ({ rowSelection, sliceType, projectName, }: {
-    rowSelection: RowSelectionState;
-    sliceType: SliceType;
+export declare const useSelectedEntityIds: ({ slices, projectName, }: {
+    slices: SliceSelection[];
     projectName: string;
 }) => {
     entityIds: SelectedEntityIds;
     rawEntityIds: SelectedEntityIds;
+    parentMaps: EntityParentMaps;
     isLoading: boolean;
 };
 
 export declare const useSlicerContext: () => SlicerContextValue;
 
-export declare const useSlicerCounts: (source: SlicerCountsSource | undefined, skip?: boolean) => SlicerCounts;
+export declare const useSlicerCounts: (source: SlicerCountsSource | undefined, sliceType: string, allSliceTypes?: string[], skip?: boolean) => SlicerCounts;
+
+export declare const useSlicerPanelHeights: (page: string, panelIds: string[], collapsed?: string[], containerHeight?: number) => {
+    sizes: number[];
+    minSize: number;
+    height: number;
+    panelHeights: number[];
+    layoutKey: string;
+    handleResizeEnd: (props: {
+        sizes: number[];
+    }) => void;
+};
+
+export declare const useSlicerPanelSelections: (attribFields: AttributeModel[]) => SlicerPanelSelections;
 
 export declare const useSlicerRemotes: () => {
     useExtraSlices: UseExtraSlices;
@@ -767,15 +847,19 @@ export declare const useSlicerRemotes: () => {
     SlicerDropdown: ForwardRefExoticComponent< SlicerDropdownFallbackProps & RefAttributes<DropdownRef>>;
 };
 
-export declare const useSlicerRowSelection: ({ sliceType, page, projectName, ...props }: UseSlicerRowSelectionProps) => {
+export declare const useSlicerRowSelection: ({ sliceTypes, page, projectName, ...props }: UseSlicerRowSelectionProps) => {
     rowSelection: RowSelectionState;
     setRowSelection: (value: React.SetStateAction<RowSelectionState>, targetSliceType?: SliceType) => void;
     expanded: ExpandedState;
     setExpanded: (value: React.SetStateAction<ExpandedState>, targetSliceType?: SliceType) => void;
+    getPanelSelection: (sliceType: SliceType) => RowSelectionState;
+    setPanelSelection: (sliceType: SliceType, value: React.SetStateAction<RowSelectionState>) => void;
+    getPanelExpanded: (sliceType: SliceType) => ExpandedState;
+    setPanelExpanded: (sliceType: SliceType, value: React.SetStateAction<ExpandedState>) => void;
 };
 
 declare type UseSlicerRowSelectionProps = {
-    sliceType: SliceType;
+    sliceTypes: SliceType[];
     page: string;
     projectName: string;
     rowSelection?: RowSelectionState;
@@ -810,6 +894,7 @@ declare type VersionStatsArgs = {
     versionFilter?: string;
     productFilter?: string;
     taskFilter?: string;
+    folderFilter?: string;
     folderIds?: string[];
     versionIds?: string[];
     productIds?: string[];
@@ -841,6 +926,13 @@ declare type ViewSettings = GetDefaultViewApiResponse['settings'];
 export { }
 
 
+declare global {
+    interface Window {
+        senderId: string;
+    }
+}
+
+
 declare module '@tanstack/react-table' {
     interface TableMeta<TData extends RowData> {
         options?: BuiltInFieldOptions;
@@ -855,13 +947,6 @@ declare module '@tanstack/react-table' {
 }
 
 
-declare global {
-    interface Window {
-        senderId: string;
-    }
-}
-
-
 declare module '@tanstack/react-table' {
     interface FilterFns {
         fuzzy: (row: Row<any>, columnId: string, searchValue: string[][], addMeta: (meta: any) => void) => boolean;

package/dist/types/Views.d.ts

@@ -963,6 +963,13 @@ export declare const WORKING_VIEW_ID: "_working_";
 export { }
 
 
+declare global {
+    interface Window {
+        senderId: string;
+    }
+}
+
+
 declare module '@tanstack/react-table' {
     interface TableMeta<TData extends RowData> {
         options?: BuiltInFieldOptions;
@@ -977,13 +984,6 @@ declare module '@tanstack/react-table' {
 }
 
 
-declare global {
-    interface Window {
-        senderId: string;
-    }
-}
-
-
 declare module '@tanstack/react-table' {
     interface FilterFns {
         fuzzy: (row: Row<any>, columnId: string, searchValue: string[][], addMeta: (meta: any) => void) => boolean;

package/dist/types/api.d.ts

@@ -3854,7 +3854,10 @@ export declare type DetailsPanelProductFragmentFragment = {
     name: string;
     productType: string;
     latestVersion: {
+        id: string;
         version: number;
+        name: string;
+        active: boolean;
     } | null;
 };
 
@@ -8635,7 +8638,10 @@ export declare type GetDetailsPanelRepresentationQuery = {
                         folderType: string;
                     };
                     latestVersion: {
+                        id: string;
                         version: number;
+                        name: string;
+                        active: boolean;
                     } | null;
                 };
             };
@@ -8743,7 +8749,10 @@ export declare type GetDetailsPanelVersionQuery = {
                     folderType: string;
                 };
                 latestVersion: {
+                    id: string;
                     version: number;
+                    name: string;
+                    active: boolean;
                 } | null;
             };
             task: {
@@ -9155,6 +9164,8 @@ export declare type GetGroupedVersionsListArgs = {
     taskFilter?: string;
     folderFilter?: string;
     folderIds?: string[];
+    versionIds?: string[];
+    productIds?: string[];
     desc?: boolean;
     sortBy?: string;
     featuredOnly?: string[];
@@ -18819,6 +18830,8 @@ declare type TargetsArg = {
     } | null;
 };
 
+export declare const targetToColumnId: (field: string) => string;
+
 export declare const TASK_TILE_FRAGMENT = "\nfragment taskTileFragment on TaskNode {\n  id\n  name\n  status\n  icon: taskType\n  thumbnailEntityId: id\n  thumbnailId\n  profile: assignees\n  footer: folder {\n    folderType\n  }\n  updatedAt\n  path: folder {\n    path\n  }\n}\n";
 
 export declare type TaskAttribModel = {
@@ -73292,6 +73305,13 @@ export declare type YnputConnectRequestModel = {
 export { }
 
 
+declare global {
+    interface Window {
+        senderId: string;
+    }
+}
+
+
 declare module '@tanstack/react-table' {
     interface TableMeta<TData extends RowData> {
         options?: BuiltInFieldOptions;
@@ -73306,13 +73326,6 @@ declare module '@tanstack/react-table' {
 }
 
 
-declare global {
-    interface Window {
-        senderId: string;
-    }
-}
-
-
 declare module '@tanstack/react-table' {
     interface FilterFns {
         fuzzy: (row: Row<any>, columnId: string, searchValue: string[][], addMeta: (meta: any) => void) => boolean;

package/dist/types/components.d.ts

@@ -795,7 +795,10 @@ declare type DetailsPanelProductFragmentFragment = {
     name: string;
     productType: string;
     latestVersion: {
+        id: string;
         version: number;
+        name: string;
+        active: boolean;
     } | null;
 };
 
@@ -1561,6 +1564,7 @@ export declare const InfoMessage: ForwardRefExoticComponent<InfoMessageProps & R
 declare interface InfoMessageAction {
     label: string;
     icon: string;
+    iconPosition?: 'left' | 'right';
     callback: () => void;
 }
 
@@ -1569,6 +1573,7 @@ declare interface InfoMessageProps extends React.HTMLAttributes<HTMLDivElement>
     message: string;
     icon?: IconProps['icon'];
     action?: InfoMessageAction;
+    compact?: boolean;
 }
 
 declare const InputText: IStyledComponentBase<"web", FastOmit<Omit< InputHTMLAttributes<HTMLInputElement> & RefAttributes<HTMLInputElement>, "ref"> & {
@@ -2668,11 +2673,8 @@ export declare type SimpleFormValueDict = Record<string, SimpleFormValue>;
 
 export declare const SizeSlider: FC<HeightSliderProps>;
 
-declare interface SliceFilter extends FilterValue {
-    values: {
-        id: string;
-        label: string;
-    }[];
+declare interface SliceFilter extends Filter {
+    values: FilterValue[];
 }
 
 declare type SlideOut = {
@@ -3668,6 +3670,13 @@ export * from "primereact/confirmdialog";
 export { }
 
 
+declare global {
+    interface Window {
+        senderId: string;
+    }
+}
+
+
 declare module '@tanstack/react-table' {
     interface TableMeta<TData extends RowData> {
         options?: BuiltInFieldOptions;
@@ -3682,13 +3691,6 @@ declare module '@tanstack/react-table' {
 }
 
 
-declare global {
-    interface Window {
-        senderId: string;
-    }
-}
-
-
 declare module '@tanstack/react-table' {
     interface FilterFns {
         fuzzy: (row: Row<any>, columnId: string, searchValue: string[][], addMeta: (meta: any) => void) => boolean;

package/dist/types/context.d.ts

@@ -2396,6 +2396,13 @@ declare type YnputCloudSubscriptionModel = {
 export { }
 
 
+declare global {
+    interface Window {
+        senderId: string;
+    }
+}
+
+
 declare module '@tanstack/react-table' {
     interface TableMeta<TData extends RowData> {
         options?: BuiltInFieldOptions;
@@ -2410,13 +2417,6 @@ declare module '@tanstack/react-table' {
 }
 
 
-declare global {
-    interface Window {
-        senderId: string;
-    }
-}
-
-
 declare module '@tanstack/react-table' {
     interface FilterFns {
         fuzzy: (row: Row<any>, columnId: string, searchValue: string[][], addMeta: (meta: any) => void) => boolean;

package/dist/types/hooks.d.ts

@@ -610,6 +610,13 @@ export declare const writeSessionStorage: <T>(key: string, value: T) => void;
 export { }
 
 
+declare global {
+    interface Window {
+        senderId: string;
+    }
+}
+
+
 declare module '@tanstack/react-table' {
     interface TableMeta<TData extends RowData> {
         options?: BuiltInFieldOptions;
@@ -624,13 +631,6 @@ declare module '@tanstack/react-table' {
 }
 
 
-declare global {
-    interface Window {
-        senderId: string;
-    }
-}
-
-
 declare module '@tanstack/react-table' {
     interface FilterFns {
         fuzzy: (row: Row<any>, columnId: string, searchValue: string[][], addMeta: (meta: any) => void) => boolean;

package/dist/types/index.d.ts

@@ -62,6 +62,13 @@ declare interface UserImageProps {
 export { }
 
 
+declare global {
+    interface Window {
+        senderId: string;
+    }
+}
+
+
 declare module '@tanstack/react-table' {
     interface TableMeta<TData extends RowData> {
         options?: BuiltInFieldOptions;
@@ -76,13 +83,6 @@ declare module '@tanstack/react-table' {
 }
 
 
-declare global {
-    interface Window {
-        senderId: string;
-    }
-}
-
-
 declare module '@tanstack/react-table' {
     interface FilterFns {
         fuzzy: (row: Row<any>, columnId: string, searchValue: string[][], addMeta: (meta: any) => void) => boolean;

package/dist/types/util.d.ts

@@ -942,6 +942,13 @@ export declare const waitForRealtimeJitter: () => Promise<void>;
 export { }
 
 
+declare global {
+    interface Window {
+        senderId: string;
+    }
+}
+
+
 declare module '@tanstack/react-table' {
     interface TableMeta<TData extends RowData> {
         options?: BuiltInFieldOptions;
@@ -956,13 +963,6 @@ declare module '@tanstack/react-table' {
 }
 
 
-declare global {
-    interface Window {
-        senderId: string;
-    }
-}
-
-
 declare module '@tanstack/react-table' {
     interface FilterFns {
         fuzzy: (row: Row<any>, columnId: string, searchValue: string[][], addMeta: (meta: any) => void) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ynput/ayon-frontend-shared",
-  "version": "0.4.6",
+  "version": "0.5.0",
   "description": "Shared React components for AYON frontend",
   "module": "dist/index.es.js",
   "exports": {
@@ -93,13 +93,16 @@
   "peerDependencies": {
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "8.0.0",
+    "@module-federation/enhanced": "2.3.2",
     "@reduxjs/toolkit": "2.11.2",
     "@rtk-query/graphql-request-base-query": "2.3.2",
     "@tanstack/react-table": "8.21.3",
     "@ynput/ayon-react-components": "^1.19.10",
+    "graphql-request": "7.4.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-redux": "9.2.0",
+    "react-router": "7.18.3",
     "react-router-dom": "7.18.3",
     "react-toastify": "9.1.3",
     "styled-components": "6.4.0"
@@ -116,8 +119,11 @@
     "vite-plugin-linter": "4.0.0"
   },
   "dependencies": {
+    "@dnd-kit/modifiers": "9.0.0",
+    "@dnd-kit/utilities": "3.2.2",
     "@tanstack/match-sorter-utils": "8.19.4",
     "@tanstack/react-virtual": "3.13.23",
+    "@uiw/react-textarea-code-editor": "2.1.9",
     "@ynput/ayon-player": "1.0.2",
     "@ynput/ayon-react-components": "^1.21.0",
     "axios": "1.20.0",
@@ -125,19 +131,23 @@
     "custom-protocol-check": "1.4.0",
     "date-fns": "3.6.0",
     "lodash": "4.18.1",
+    "match-sorter": "6.4.0",
     "primeicons": "7.0.0",
     "primereact": "9.6.2",
     "primereact-context": "npm:primereact@9.2.3",
     "quill-magic-url": "4.2.0",
+    "react-intersection-observer": "9.16.0",
     "react-markdown": "10.1.0",
     "react-perfect-scrollbar": "1.5.8",
     "react-quill-ayon": "2.0.2",
     "react-toastify": "9.1.3",
+    "react-use-websocket": "4.13.0",
     "rehype-raw": "7.0.0",
     "remark-directive": "3.0.1",
     "remark-directive-rehype": "0.4.2",
     "remark-emoji": "4.0.1",
     "remark-gfm": "4.0.1",
+    "semver": "7.7.4",
     "turndown": "7.2.4",
     "uuid": "14.0.1"
   },

package/dist/chunks/useSlicerSplitter.es.js

@@ -1,18 +0,0 @@
-import { f as S } from "./MenuContext.es.js";
-const n = "slicer-splitter", e = {
-  minSize: 2,
-  size: 12
-}, c = () => {
-  const [s, i] = S(n, [
-    e.size,
-    100 - e.size
-  ]);
-  return [s, (t) => {
-    i(t.sizes);
-  }];
-};
-export {
-  e as S,
-  n as a,
-  c as u
-};