@ynput/ayon-frontend-shared 0.3.31 → 0.3.33

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

@@ -1,4 +1,5 @@
 export * from '../types/table';
+export * from './pinningUtils';
 export * from './clientFilterToQueryFilter';
 export * from './queryFilterToClientFilter';
 export * from './loadingUtils';
@@ -14,3 +15,4 @@ export * from './restrictedEntity';
 export * from './metaRows';
 export * from './expandRelativeDates';
 export * from './checkColumnVisibility';
+export * from './sanitizeQueryFilter';

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

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+import { Column } from '@tanstack/react-table';
+import { TableRow } from '../types/table';
+export declare const DRAG_HANDLE_COLUMN_ID = "drag-handle";
+export declare const getCommonPinningStyles: (column: Column<TableRow, unknown>) => CSSProperties;
+export declare const getColumnWidth: (columnId: string) => string;

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

@@ -0,0 +1,2 @@
+import { QueryFilter } from '../..';
+export declare const sanitizeQueryFilter: (filter: QueryFilter) => QueryFilter;

package/dist/types/containers/ProjectTreeTable/widgets/ThumbnailWidget.d.ts

@@ -2,7 +2,7 @@ interface ThumbnailWidgetProps extends React.HTMLAttributes<HTMLDivElement> {
     projectName: string;
     entityType: string;
     entityId: string;
-    updatedAt?: string;
+    thumbnailHash?: string;
     icon?: string | null;
     isPlayable?: boolean;
     url?: string;

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

@@ -6,7 +6,8 @@ type Props = {
 type Return = [
     selectedView: GetDefaultViewApiResponse | undefined,
     setSelectedView: (viewId: string) => void,
-    previousSelectedViewId: string | undefined
+    previousSelectedViewId: string | undefined,
+    isLoading: boolean
 ];
 export declare const useSelectedView: ({ viewType, projectName }: Props) => Return;
 export {};

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

@@ -1,15 +1,19 @@
 import { EntityIdResponse } from '../../../api';
-import { ViewsContextValue, ViewSettings } from '../context/ViewsContext';
+import { ViewsContextValue } from '../context/ViewsContext';
 interface UpdateOptions {
     successMessage?: string;
     errorMessage?: string;
 }
 export type UpdateViewSettingsFn = (updatedSettings: any, localStateSetter: (value: any) => void, newLocalValue: any, options: UpdateOptions) => Promise<void>;
-export declare const updateViewSettings: (updatedSettings: any, localStateSetter: (value: any) => void, newLocalValue: any, options: UpdateOptions | undefined, viewContext: ViewsContextValue, onApplyViewChanges: (arg: any, viewId?: string) => Promise<EntityIdResponse | void>, getLatestSettings: () => ViewSettings | undefined, markCacheDirty: () => void) => Promise<void>;
+export interface LatestSettingsResult {
+    settings?: any;
+    workingViewId?: string;
+}
+export declare const updateViewSettings: (updatedSettings: any, localStateSetter: (value: any) => void, newLocalValue: any, options: UpdateOptions | undefined, viewContext: ViewsContextValue, onApplyViewChanges: (arg: any, viewId?: string) => Promise<EntityIdResponse | void>, getLatest: () => LatestSettingsResult, markCacheDirty: () => void) => Promise<void>;
 export declare const useViewUpdateHelper: () => {
     updateViewSettings: UpdateViewSettingsFn;
     onCreateView: (arg: any, viewId?: string) => Promise<any>;
-    getLatestSettings: () => ViewSettings | undefined;
+    getLatestSettings: () => LatestSettingsResult;
     markCacheDirty: () => void;
 };
 export {};

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

@@ -0,0 +1,18 @@
+export interface GetEntityThumbnailUrlParams {
+    projectName: string;
+    entityType?: string;
+    entityId?: string;
+    thumbnailId?: string;
+    thumbnailHash?: string;
+}
+/**
+ * Builds a thumbnail URL for a project entity.
+ *
+ * Always uses `?hash=<thumbnailHash>` for cache busting when a hash is available.
+ * If no hash is provided the URL is returned without any query parameter — never
+ * falls back to `updatedAt` or similar fields.
+ *
+ * Returns `null` when the required identity information is missing.
+ */
+export declare const getEntityThumbnailUrl: ({ projectName, entityType, entityId, thumbnailId, thumbnailHash, }: GetEntityThumbnailUrlParams) => string | null;
+export declare const getProjectThumbnailUrl: (projectName: string, thumbnailHash?: string) => string | null;

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

@@ -25,5 +25,7 @@ export * from './buildHierarchicalTableRows';
 export * from './folderHierarchy';
 export * from './folderOperations';
 export * from './getProjectDisplayName';
+export * from './getThumbnailUrl';
+export * from './thumbnailWebsocket';
 export { isHTMLElement };
 export { PubSub };

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

@@ -0,0 +1,21 @@
+/**
+ * The expected structure of a websocket message when a thumbnail is updated.
+ */
+export type ThumbnailUpdateMessage = {
+    project: string;
+    sender?: string;
+    summary: {
+        entityId: string;
+        entityType: string;
+        thumbnailHash?: string;
+    };
+};
+export type ThumbnailUpdater = (messages: ThumbnailUpdateMessage[]) => void;
+/**
+ * Subscribes a callback to listen for thumbnail updates.
+ *
+ * @param updater Callback to run when a thumbnail update is received.
+ * @param entityTypes Optional list of entity types to filter by (e.g., ['folder', 'task']).
+ * @returns A cleanup function to unsubscribe from updates.
+ */
+export declare const subscribeToThumbnailUpdates: (updater: ThumbnailUpdater, entityTypes?: string[]) => () => void;

package/dist/util.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./shared/src/util/platform.cjs.js"),s=require("./shared/src/util/confirmDelete.cjs.js"),a=require("./shared/src/util/getEntityTypeIcon.cjs.js"),l=require("./shared/src/util/groupResult.cjs.js"),u=require("./shared/src/util/getPriorityOptions.cjs.js"),d=require("./shared/src/util/copyToClipboard.cjs.js"),m=require("./shared/src/util/getMixedState.cjs.js"),g=require("./shared/src/util/getAttributeIcon.cjs.js"),n=require("./shared/src/util/getEntityId.cjs.js"),y=require("./shared/src/util/extractVersionFromFilename.cjs.js"),e=require("./shared/src/util/versionUploadHelpers.cjs.js"),c=require("./shared/src/util/columnConfigConverter.cjs.js"),i=require("./shared/src/util/checkName.cjs.js"),p=require("./shared/src/util/humanizeFieldName.cjs.js"),b=require("./shared/src/util/parseHtmlToPlainTextWithLinks.cjs.js"),t=require("./shared/src/util/colorUtils.cjs.js"),h=require("./shared/src/util/getGroupByDataType.cjs.js"),r=require("./shared/src/util/uriUtils.cjs.js"),T=require("./shared/src/util/extractEntityHierarchyFromParents.cjs.js"),q=require("./shared/src/util/errorHandling.cjs.js"),P=require("./shared/src/util/keyboardShortcuts.cjs.js"),C=require("./shared/src/util/buildHierarchicalTableRows.cjs.js"),F=require("./shared/src/util/folderHierarchy.cjs.js"),H=require("./shared/src/util/folderOperations.cjs.js"),E=require("./shared/src/util/getProjectDisplayName.cjs.js"),S=require("./shared/src/util/isHTMLElement.cjs.js"),f=require("./shared/src/util/pubsub.cjs.js"),x=require("./shared/node_modules/primereact/confirmdialog/confirmdialog.esm.cjs.js");exports.KeyMode=o.KeyMode;exports.getCurrentPlatform=o.getCurrentPlatform;exports.getPlatformShortcutKey=o.getPlatformShortcutKey;exports.confirmDelete=s.confirmDelete;exports.entityTypesWithIcons=a.entityTypesWithIcons;exports.getEntityTypeIcon=a.getEntityTypeIcon;exports.groupResult=l.groupResult;exports.getPriorityOptions=u.getPriorityOptions;exports.copyToClipboard=d.copyToClipboard;exports.getMixedState=m.getMixedState;exports.getAttributeIcon=g.getAttributeIcon;exports.getEntityId=n.getEntityId;exports.validateEntityId=n.validateEntityId;exports.extractVersionFromFilename=y.extractVersionFromFilename;exports.createProductAndVersion=e.createProductAndVersion;exports.createProductHelper=e.createProductHelper;exports.createVersionHelper=e.createVersionHelper;exports.getNextVersionNumber=e.getNextVersionNumber;exports.handleUploadError=e.handleUploadError;exports.sanitizeProductName=e.sanitizeProductName;exports.validateFormData=e.validateFormData;exports.validateProductName=e.validateProductName;exports.validateVersion=e.validateVersion;exports.convertColumnConfigToTanstackStates=c.convertColumnConfigToTanstackStates;exports.convertTanstackStatesToColumnConfig=c.convertTanstackStatesToColumnConfig;exports.checkLabel=i.checkLabel;exports.checkName=i.checkName;exports.parseAndFormatName=i.parseAndFormatName;exports.humanizeField=p.humanizeField;exports.parseHtmlToPlainTextWithLinks=b.parseHtmlToPlainTextWithLinks;exports.blendCategoryColor=t.blendCategoryColor;exports.blendColors=t.blendColors;exports.hexToRgb=t.hexToRgb;exports.parseColor=t.parseColor;exports.rgbToHex=t.rgbToHex;exports.getGroupByDataType=h.getGroupByDataType;exports.buildEntityUri=r.buildEntityUri;exports.getEntityStateFromUri=r.getEntityStateFromUri;exports.getSettingsStateFromUri=r.getSettingsStateFromUri;exports.parseUri=r.parseUri;exports.extractEntityHierarchyFromParents=T.extractEntityHierarchyFromParents;exports.getErrorMessage=q.getErrorMessage;exports.shouldBlockShortcuts=P.shouldBlockShortcuts;exports.buildHierarchicalTableRows=C.buildHierarchicalTableRows;exports.buildFolderHierarchy=F.buildFolderHierarchy;exports.handleDeleteFolders=H.handleDeleteFolders;exports.getProjectDisplayName=E.getProjectDisplayName;exports.isHTMLElement=S;exports.PubSub=f;exports.ConfirmDialog=x.ConfirmDialog;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./shared/src/util/platform.cjs.js"),c=require("./shared/src/util/confirmDelete.cjs.js"),a=require("./shared/src/util/getEntityTypeIcon.cjs.js"),u=require("./shared/src/util/groupResult.cjs.js"),d=require("./shared/src/util/getPriorityOptions.cjs.js"),m=require("./shared/src/util/copyToClipboard.cjs.js"),g=require("./shared/src/util/getMixedState.cjs.js"),y=require("./shared/src/util/getAttributeIcon.cjs.js"),n=require("./shared/src/util/getEntityId.cjs.js"),p=require("./shared/src/util/extractVersionFromFilename.cjs.js"),e=require("./shared/src/util/versionUploadHelpers.cjs.js"),l=require("./shared/src/util/columnConfigConverter.cjs.js"),i=require("./shared/src/util/checkName.cjs.js"),b=require("./shared/src/util/humanizeFieldName.cjs.js"),T=require("./shared/src/util/parseHtmlToPlainTextWithLinks.cjs.js"),t=require("./shared/src/util/colorUtils.cjs.js"),h=require("./shared/src/util/getGroupByDataType.cjs.js"),r=require("./shared/src/util/uriUtils.cjs.js"),q=require("./shared/src/util/extractEntityHierarchyFromParents.cjs.js"),P=require("./shared/src/util/errorHandling.cjs.js"),C=require("./shared/src/util/keyboardShortcuts.cjs.js"),F=require("./shared/src/util/buildHierarchicalTableRows.cjs.js"),E=require("./shared/src/util/folderHierarchy.cjs.js"),H=require("./shared/src/util/folderOperations.cjs.js"),S=require("./shared/src/util/getProjectDisplayName.cjs.js"),s=require("./shared/src/util/getThumbnailUrl.cjs.js"),U=require("./shared/src/util/thumbnailWebsocket.cjs.js"),f=require("./shared/src/util/isHTMLElement.cjs.js"),x=require("./shared/src/util/pubsub.cjs.js"),N=require("./shared/node_modules/primereact/confirmdialog/confirmdialog.esm.cjs.js");exports.KeyMode=o.KeyMode;exports.getCurrentPlatform=o.getCurrentPlatform;exports.getPlatformShortcutKey=o.getPlatformShortcutKey;exports.confirmDelete=c.confirmDelete;exports.entityTypesWithIcons=a.entityTypesWithIcons;exports.getEntityTypeIcon=a.getEntityTypeIcon;exports.groupResult=u.groupResult;exports.getPriorityOptions=d.getPriorityOptions;exports.copyToClipboard=m.copyToClipboard;exports.getMixedState=g.getMixedState;exports.getAttributeIcon=y.getAttributeIcon;exports.getEntityId=n.getEntityId;exports.validateEntityId=n.validateEntityId;exports.extractVersionFromFilename=p.extractVersionFromFilename;exports.createProductAndVersion=e.createProductAndVersion;exports.createProductHelper=e.createProductHelper;exports.createVersionHelper=e.createVersionHelper;exports.getNextVersionNumber=e.getNextVersionNumber;exports.handleUploadError=e.handleUploadError;exports.sanitizeProductName=e.sanitizeProductName;exports.validateFormData=e.validateFormData;exports.validateProductName=e.validateProductName;exports.validateVersion=e.validateVersion;exports.convertColumnConfigToTanstackStates=l.convertColumnConfigToTanstackStates;exports.convertTanstackStatesToColumnConfig=l.convertTanstackStatesToColumnConfig;exports.checkLabel=i.checkLabel;exports.checkName=i.checkName;exports.parseAndFormatName=i.parseAndFormatName;exports.humanizeField=b.humanizeField;exports.parseHtmlToPlainTextWithLinks=T.parseHtmlToPlainTextWithLinks;exports.blendCategoryColor=t.blendCategoryColor;exports.blendColors=t.blendColors;exports.hexToRgb=t.hexToRgb;exports.parseColor=t.parseColor;exports.rgbToHex=t.rgbToHex;exports.getGroupByDataType=h.getGroupByDataType;exports.buildEntityUri=r.buildEntityUri;exports.getEntityStateFromUri=r.getEntityStateFromUri;exports.getSettingsStateFromUri=r.getSettingsStateFromUri;exports.parseUri=r.parseUri;exports.extractEntityHierarchyFromParents=q.extractEntityHierarchyFromParents;exports.getErrorMessage=P.getErrorMessage;exports.shouldBlockShortcuts=C.shouldBlockShortcuts;exports.buildHierarchicalTableRows=F.buildHierarchicalTableRows;exports.buildFolderHierarchy=E.buildFolderHierarchy;exports.handleDeleteFolders=H.handleDeleteFolders;exports.getProjectDisplayName=S.getProjectDisplayName;exports.getEntityThumbnailUrl=s.getEntityThumbnailUrl;exports.getProjectThumbnailUrl=s.getProjectThumbnailUrl;exports.subscribeToThumbnailUpdates=U.subscribeToThumbnailUpdates;exports.isHTMLElement=f;exports.PubSub=x;exports.ConfirmDialog=N.ConfirmDialog;
 //# sourceMappingURL=util.cjs.js.map

package/dist/util.es.js

@@ -1,21 +1,21 @@
-import { KeyMode as o, getCurrentPlatform as t, getPlatformShortcutKey as a } from "./shared/src/util/platform.es.js";
+import { KeyMode as t, getCurrentPlatform as o, getPlatformShortcutKey as a } from "./shared/src/util/platform.es.js";
 import { confirmDelete as m } from "./shared/src/util/confirmDelete.es.js";
 import { entityTypesWithIcons as l, getEntityTypeIcon as n } from "./shared/src/util/getEntityTypeIcon.es.js";
 import { groupResult as x } from "./shared/src/util/groupResult.es.js";
 import { getPriorityOptions as c } from "./shared/src/util/getPriorityOptions.es.js";
 import { copyToClipboard as u } from "./shared/src/util/copyToClipboard.es.js";
 import { getMixedState as y } from "./shared/src/util/getMixedState.es.js";
-import { getAttributeIcon as h } from "./shared/src/util/getAttributeIcon.es.js";
-import { getEntityId as C, validateEntityId as P } from "./shared/src/util/getEntityId.es.js";
-import { extractVersionFromFilename as E } from "./shared/src/util/extractVersionFromFilename.es.js";
-import { createProductAndVersion as H, createProductHelper as N, createVersionHelper as k, getNextVersionNumber as v, handleUploadError as D, sanitizeProductName as I, validateFormData as U, validateProductName as V, validateVersion as M } from "./shared/src/util/versionUploadHelpers.es.js";
+import { getAttributeIcon as T } from "./shared/src/util/getAttributeIcon.es.js";
+import { getEntityId as P, validateEntityId as C } from "./shared/src/util/getEntityId.es.js";
+import { extractVersionFromFilename as F } from "./shared/src/util/extractVersionFromFilename.es.js";
+import { createProductAndVersion as H, createProductHelper as U, createVersionHelper as N, getNextVersionNumber as k, handleUploadError as v, sanitizeProductName as D, validateFormData as I, validateProductName as V, validateVersion as M } from "./shared/src/util/versionUploadHelpers.es.js";
 import { convertColumnConfigToTanstackStates as L, convertTanstackStatesToColumnConfig as R } from "./shared/src/util/columnConfigConverter.es.js";
-import { checkLabel as B, checkName as K, parseAndFormatName as W } from "./shared/src/util/checkName.es.js";
+import { checkLabel as z, checkName as B, parseAndFormatName as K } from "./shared/src/util/checkName.es.js";
 import { humanizeField as w } from "./shared/src/util/humanizeFieldName.es.js";
 import { parseHtmlToPlainTextWithLinks as O } from "./shared/src/util/parseHtmlToPlainTextWithLinks.es.js";
 import { blendCategoryColor as J, blendColors as Q, hexToRgb as X, parseColor as Y, rgbToHex as Z } from "./shared/src/util/colorUtils.es.js";
 import { getGroupByDataType as $ } from "./shared/src/util/getGroupByDataType.es.js";
-import { buildEntityUri as re, getEntityStateFromUri as oe, getSettingsStateFromUri as te, parseUri as ae } from "./shared/src/util/uriUtils.es.js";
+import { buildEntityUri as re, getEntityStateFromUri as te, getSettingsStateFromUri as oe, parseUri as ae } from "./shared/src/util/uriUtils.es.js";
 import { extractEntityHierarchyFromParents as me } from "./shared/src/util/extractEntityHierarchyFromParents.es.js";
 import { getErrorMessage as le } from "./shared/src/util/errorHandling.es.js";
 import { shouldBlockShortcuts as fe } from "./shared/src/util/keyboardShortcuts.es.js";
@@ -23,58 +23,63 @@ import { buildHierarchicalTableRows as se } from "./shared/src/util/buildHierarc
 import { buildFolderHierarchy as de } from "./shared/src/util/folderHierarchy.es.js";
 import { handleDeleteFolders as ge } from "./shared/src/util/folderOperations.es.js";
 import { getProjectDisplayName as be } from "./shared/src/util/getProjectDisplayName.es.js";
-import { default as Te } from "./shared/src/util/isHTMLElement.es.js";
-import { default as Pe } from "./shared/src/util/pubsub.es.js";
-import { ConfirmDialog as Ee } from "./shared/node_modules/primereact/confirmdialog/confirmdialog.esm.es.js";
+import { getEntityThumbnailUrl as he, getProjectThumbnailUrl as Pe } from "./shared/src/util/getThumbnailUrl.es.js";
+import { subscribeToThumbnailUpdates as Ee } from "./shared/src/util/thumbnailWebsocket.es.js";
+import { default as Se } from "./shared/src/util/isHTMLElement.es.js";
+import { default as Ue } from "./shared/src/util/pubsub.es.js";
+import { ConfirmDialog as ke } from "./shared/node_modules/primereact/confirmdialog/confirmdialog.esm.es.js";
 export {
-  Ee as ConfirmDialog,
-  o as KeyMode,
-  Pe as PubSub,
+  ke as ConfirmDialog,
+  t as KeyMode,
+  Ue as PubSub,
   J as blendCategoryColor,
   Q as blendColors,
   re as buildEntityUri,
   de as buildFolderHierarchy,
   se as buildHierarchicalTableRows,
-  B as checkLabel,
-  K as checkName,
+  z as checkLabel,
+  B as checkName,
   m as confirmDelete,
   L as convertColumnConfigToTanstackStates,
   R as convertTanstackStatesToColumnConfig,
   u as copyToClipboard,
   H as createProductAndVersion,
-  N as createProductHelper,
-  k as createVersionHelper,
+  U as createProductHelper,
+  N as createVersionHelper,
   l as entityTypesWithIcons,
   me as extractEntityHierarchyFromParents,
-  E as extractVersionFromFilename,
-  h as getAttributeIcon,
-  t as getCurrentPlatform,
-  C as getEntityId,
-  oe as getEntityStateFromUri,
+  F as extractVersionFromFilename,
+  T as getAttributeIcon,
+  o as getCurrentPlatform,
+  P as getEntityId,
+  te as getEntityStateFromUri,
+  he as getEntityThumbnailUrl,
   n as getEntityTypeIcon,
   le as getErrorMessage,
   $ as getGroupByDataType,
   y as getMixedState,
-  v as getNextVersionNumber,
+  k as getNextVersionNumber,
   a as getPlatformShortcutKey,
   c as getPriorityOptions,
   be as getProjectDisplayName,
-  te as getSettingsStateFromUri,
+  Pe as getProjectThumbnailUrl,
+  oe as getSettingsStateFromUri,
   x as groupResult,
   ge as handleDeleteFolders,
-  D as handleUploadError,
+  v as handleUploadError,
   X as hexToRgb,
   w as humanizeField,
-  Te as isHTMLElement,
-  W as parseAndFormatName,
+  Se as isHTMLElement,
+  K as parseAndFormatName,
   Y as parseColor,
   O as parseHtmlToPlainTextWithLinks,
   ae as parseUri,
   Z as rgbToHex,
-  I as sanitizeProductName,
+  D as sanitizeProductName,
   fe as shouldBlockShortcuts,
-  P as validateEntityId,
-  U as validateFormData,
+  Ee as subscribeToThumbnailUpdates,
+  C as validateEntityId,
+  I as validateFormData,
   V as validateProductName,
   M as validateVersion
 };

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.3.31",
+  "version": "0.3.33",
   "description": "Shared React components for AYON frontend",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",