@orangelogic/design-system 4.19.0 → 4.20.0

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "4.19.0",
+  "version": "4.20.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/events/src/cx-video-active-subclip-change.d.ts

@@ -0,0 +1,6 @@
+export type CxVideoActiveSubclipChangeEvent = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-video-active-subclip-change': CxVideoActiveSubclipChangeEvent;
+    }
+}

package/library/packages/events/src/events.d.ts

@@ -239,6 +239,7 @@ export * from './cx-typeface-download';
 export * from './cx-unauthorized';
 export * from './cx-undo';
 export * from './cx-unmark-favorite';
+export * from './cx-video-active-subclip-change';
 export * from './cx-video-annotation-layer-change';
 export * from './cx-video-click';
 export * from './cx-video-closed';

package/library/packages/hybrid/video-advanced/src/react/context.d.ts

@@ -6,6 +6,7 @@ export declare const VideoReactContext: import('react').Context<{
     displayDurationTimecode: Timecode;
     displayTimecode: Timecode;
     frameRate: number;
+    isAnnotationEnabled: boolean;
     jumpBackward: () => void;
     jumpForward: () => void;
     players: Record<string, any>;

package/library/packages/hybrid/video-advanced/src/react/hooks/useVideoEditorAnnotation.d.ts

@@ -0,0 +1,26 @@
+import { ExtendedSubClip, IComment, SubClip, TimelineMarker } from '../type';
+/** The layer of one given player, since each publishes its own and the later mount wins. */
+export declare const getAnnotationLayerInsidePlayer: (playerEl: HTMLElement | null | undefined) => HTMLElement | null;
+/** Source time to timeline time; one comment raises any number of markers, or none. */
+export declare const buildTimelineMarkers: ({ comments, subClips, }: {
+    comments: IComment[];
+    subClips: ExtendedSubClip[];
+}) => TimelineMarker[];
+/**
+ * Tells the annotator which clip is on screen and how it is shaped. On the layer rather than in
+ * the event, because Cortex rebuilds its annotator whenever the clips change.
+ */
+export declare const useVideoEditorAnnotation: ({ comments, ctx, getMainVideoPlayer, isAnnotationEnabled, subClips, subClipsMap, }: {
+    comments: IComment[] | undefined;
+    ctx: any;
+    getMainVideoPlayer: () => any;
+    isAnnotationEnabled: boolean;
+    subClips: ExtendedSubClip[];
+    subClipsMap: Map<string, {
+        index: number;
+        subClip: SubClip;
+    }>;
+}) => {
+    publishOnScreenClip: (player: any) => void;
+    timelineMarkers: TimelineMarker[];
+};

package/library/packages/hybrid/video-advanced/src/react/type.d.ts

@@ -13,8 +13,13 @@ export interface IComment {
     editTimestamp?: number;
     endTime?: number;
     id: string;
+    occurrenceId?: string;
     startTime: number;
+    subClipIds?: string[];
 }
+export type TimelineMarker = IComment & {
+    occurrenceId: string;
+};
 export type EnterPointRangeModePayload = {
     endTime?: number;
     startTime?: number;
@@ -206,6 +211,13 @@ export type Context = {
             fire: () => void;
             onFired: (handler: () => void) => () => void;
         };
+        /**
+         * What is on screen changed. Carries nothing - the values live on the annotation layer.
+         * Outbound only: listeners take the composed `cx-video-active-subclip-change` DOM event.
+         */
+        activeSubClipChangeEvent: {
+            fire: () => void;
+        };
         assetsSelected: {
             onFired: (handler: (args: any) => void) => () => void;
         };

package/library/packages/molecules/src/faceted-filter/components/facet/facet.d.ts

@@ -1,6 +1,7 @@
 import { default as CxButton } from '../../../../../atoms/src/components/button/button.ts';
 import { default as CxDetails } from '../../../../../atoms/src/components/details/details.ts';
 import { default as CxIcon } from '../../../../../atoms/src/components/icon/icon.ts';
+import { default as CxLineClamp } from '../../../../../atoms/src/components/line-clamp/line-clamp.ts';
 import { default as CxSpace } from '../../../../../atoms/src/components/space/space.ts';
 import { default as CxSpinner } from '../../../../../atoms/src/components/spinner/spinner.ts';
 import { default as CxTree } from '../../../../../atoms/src/components/tree/tree.ts';
@@ -20,6 +21,7 @@ export default class CxFacetedFilterFacet extends CortexElement {
         'cx-button': typeof CxButton;
         'cx-details': typeof CxDetails;
         'cx-icon': typeof CxIcon;
+        'cx-line-clamp': typeof CxLineClamp;
         'cx-space': typeof CxSpace;
         'cx-spinner': typeof CxSpinner;
         'cx-tree': typeof CxTree;

package/library/packages/molecules/src/folder-select/components/folder-select-tree/folder-select-tree.d.ts

@@ -34,6 +34,8 @@ export default class CxFolderSelectTree extends CortexElement {
     extraFolderData: Folder | null;
     api?: FolderSelectApi;
     excludeVirtualFolders: boolean;
+    /** Refetches a folder's children on every expand, not just the first. */
+    reloadOnExpand: boolean;
     firstFetchCallback: ((data: Folder[]) => void) | null;
     autoPageSize: boolean;
     data: Folder[];

package/library/packages/molecules/src/folder-select/components/folder-select-tree-item/folder-select-tree-item.d.ts

@@ -63,6 +63,8 @@ export default class CxFolderSelectTreeItem extends CortexElement {
     searchTerm: string;
     api?: FolderSelectApi;
     excludeVirtualFolders: boolean;
+    /** Refetches the children on every expand, not just the first. */
+    reloadOnExpand: boolean;
     url: string;
     /** Overrides the default `folder` icon name when set. */
     icon: string;
@@ -100,6 +102,7 @@ export default class CxFolderSelectTreeItem extends CortexElement {
     }): Promise<GetFolderResponse>;
     loadMore(event: MouseEvent): Promise<void>;
     private handleLazyLoad;
+    private handleAfterCollapse;
     /**
      * Recompute this tree-item's selected/indeterminate state from the
      * top-level selection set, purely declaratively. This lets us:

package/library/packages/molecules/src/folder-select/folder-select.d.ts

@@ -41,6 +41,8 @@ export default class CxFolderSelect extends CortexElement {
     required: boolean;
     form: string | HTMLElement | undefined;
     excludeVirtualFolders: boolean;
+    /** Refetches a folder's children on every expand, not just the first. */
+    reloadOnExpand: boolean;
     extraFolderId: string;
     extraFolderTitle: string;
     extraFolderIcon: string;

package/library/packages/organisms/src/downloader/data/core/worker/app/DownloadManager.d.ts

@@ -6,7 +6,7 @@ import { FileProgressUpdatedEvent } from '../models';
 import { FileStateChangedEvent } from '../models/DownloadFile';
 import { IDownloadChunksRepository, IDownloadFilesRepository, IDownloadTransactionsRepository } from '../repositories';
 import { IStorage } from '../storage';
-import { ILocker, ILogger, IRetrier } from '../utilities';
+import { ILocker, ILogger, IRetrier, IUserPromptService } from '../utilities';
 import { DownloadDatabase } from './db';
 import { GetFileQuery, ListAllFilesQuery } from './queries';
 export type Constructor<T> = new (...args: any[]) => T;
@@ -79,12 +79,13 @@ export declare class DownloadManager implements IDownloadManager {
     readonly logger: ILogger;
     readonly retrier: IRetrier;
     readonly locker: ILocker;
+    readonly userPromptService: IUserPromptService;
     private started;
     private backgroundJobs;
     private backgroundJobsStartTimeouts;
     private rocketModeEnabled;
     private databaseDiscarded;
-    constructor(context: DownloadContext, downloadDatabase: DownloadDatabase, downloadTransactionsRepo: IDownloadTransactionsRepository, downloadFilesRepo: IDownloadFilesRepository, downloadChunksRepo: IDownloadChunksRepository, downloadApiClient: IDownloadApiClient, storage: IStorage, eventHub: IEventHub, logger: ILogger, retrier: IRetrier, locker: ILocker);
+    constructor(context: DownloadContext, downloadDatabase: DownloadDatabase, downloadTransactionsRepo: IDownloadTransactionsRepository, downloadFilesRepo: IDownloadFilesRepository, downloadChunksRepo: IDownloadChunksRepository, downloadApiClient: IDownloadApiClient, storage: IStorage, eventHub: IEventHub, logger: ILogger, retrier: IRetrier, locker: ILocker, userPromptService: IUserPromptService);
     handleCookiesRejected(): void;
     handleCookiesAccepted(): Promise<void>;
     private setupBackgroundJobs;
@@ -129,6 +130,7 @@ export declare class DownloadManagerBuilder {
     logger?: ILogger;
     retrier?: IRetrier;
     locker?: ILocker;
+    userPromptService?: IUserPromptService;
     database?: DownloadDatabase;
     constructor(context?: DownloadContext);
     build(): DownloadManager;

package/library/packages/organisms/src/downloader/data/core/worker/app/utilities/index.d.ts

@@ -1,5 +1,6 @@
 import { DatabaseLocker } from './DatabaseLocker';
 import { ConsoleLogger } from './Logger';
 import { Retrier } from './Retrier';
+import { UserPromptService } from './UserPromptService';
 import { WebLocker } from './WebLocker';
-export { Retrier, ConsoleLogger, DatabaseLocker, WebLocker };
+export { ConsoleLogger, DatabaseLocker, Retrier, UserPromptService, WebLocker };

package/library/packages/organisms/src/downloader/data/core/worker/utilities/FilePathFixer.d.ts

@@ -11,6 +11,16 @@ export declare class FilePathFixer {
     };
     constructor(storage: IStorage, userPromptService: IUserPromptService, logger: ILogger);
     shouldFixPath(file: DownloadFile): Promise<boolean>;
+    /**
+     * Checks if a file path contains any invalid characters
+     * across macOS, Linux, and Windows.
+     */
+    private hasInvalidPathChars;
+    /**
+     * Replaces all path-invalid characters from a file path string,
+     * supporting macOS, Linux, and Windows.
+     */
+    sanitizeFilePath(filePath: string, replacement?: string): string;
     private truncatePath;
     tryFixPath(file: DownloadFile, invalidPaths: string[]): Promise<void>;
 }

package/library/packages/services/src/api/folder/folder.d.ts

@@ -9,7 +9,7 @@ export type GetContentResponse = {
     }>;
     totalCount: number;
 };
-export declare function apiGetFolders({ allowedFolders, baseUrl, bearerToken, excludeVirtualFolders, folderId, includeDirectChild, limit, searchTerm, self, start, token, }: GetFolderRequest): Promise<GetFolderResponse>;
+export declare function apiGetFolders({ allowedFolders, baseUrl, bearerToken, excludeVirtualFolders, folderId, includeDirectChild, limit, noCache, searchTerm, self, start, token, }: GetFolderRequest): Promise<GetFolderResponse>;
 export type GetCollectionsRequest = {
     baseUrl?: string;
     bearerToken?: string;

package/library/packages/types/src/folder-select.d.ts

@@ -32,6 +32,7 @@ export type GetFolderRequest = {
     folderId: string;
     includeDirectChild?: boolean;
     limit?: number;
+    noCache?: boolean;
     searchTerm?: string;
     seeThru?: boolean;
     self?: boolean;

package/library/react-web-component.d.ts

@@ -6638,6 +6638,10 @@
           * 
         */
         excludeVirtualFolders?: boolean;
+        /**
+          * Refetches a folder's children on every expand, not just the first.
+        */
+        reloadOnExpand?: boolean;
         /**
           * 
         */
@@ -11431,7 +11435,7 @@
         /**
           * 
         */
-        comments?: { "createUserId": string; "editTimestamp": number; "endTime": number; "id": string; "startTime": number; }[];
+        comments?: { "createUserId": string; "editTimestamp": number; "endTime": number; "id": string; "occurrenceId": string; "startTime": number; "subClipIds": string[]; }[];
         /**
           * 
         */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "4.19.0",
+  "version": "4.20.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/hybrid/video-advanced/src/react/@types/react-range-slider-input/index.d.ts

@@ -1 +0,0 @@
-declare module 'react-range-slider-input';