@orangelogic/design-system 4.32.0 → 4.34.0

package/library/packages/types/src/video-advanced.d.ts

@@ -1,10 +1,39 @@
+export declare enum VideoPlayerVariant {
+    Classic = "classic",
+    Default = "default",
+    Modern = "modern"
+}
 export declare enum VideoContextOutputKey {
+    ActiveTimelineSegmentId = "activeTimelineSegmentId",
     AnnotationLayer = "annotationLayer",
     EditMode = "editMode",
     EnableAnnotation = "enableAnnotation",
     EnableComment = "enableComment",
     IsCommentAnchorActive = "isCommentAnchorActive",
     ShowCommentSidebar = "showCommentSidebar",
+    ShowSegmentSidebar = "showSegmentSidebar",
     StartPosition = "startPosition",
     StopPosition = "stopPosition"
 }
+/** Segments on the source asset, independent of video-editor clips. Times are seconds. */
+export interface VideoTimelineSegment {
+    color?: string;
+    end: number;
+    id: string;
+    label: string;
+    start: number;
+    typeId?: string;
+}
+/** Consumer-owned inputs; visibility/format choices are local to a view session. */
+export interface VideoSegmentUIConfig {
+    activeId: string | null;
+    dropFrame: boolean;
+    enableSegmentCreation?: boolean;
+    enableSubclips?: boolean;
+    enabled: boolean;
+    label: string;
+    panelOpen: boolean;
+    segments: VideoTimelineSegment[];
+    session: number;
+    timecodeMode: string;
+}

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

@@ -27,7 +27,7 @@
             export type CxMasonryMasonryItem = { "alt": string; "backgroundColor": string; "extension": string; "hasError": boolean; "id": string; "loading": boolean; "maxWidth": string; "objectFit": "contain" | "cover" | "fill" | "none" | "scale-down"; "size": string; "src": string; "srcset": string; };
             export type CxMasonryMasonryItemAction = { "color": string; "event": string; "icon": string; "src": string; "tooltip": string; };
             export type CxMentionsAutocompleteItem = { "id": string; "label": string; "name": string; "suffixContent": string; "suffixIcon": string; "suffixTooltip": string; "suffixType": "badge"; "title": string; "type": string; };
-            export type CxMultiSelectColumnData = { "dividerColor": string; "id": string; "items": { "disabled": boolean; "group": string; "id": string; "index": string; "metadata": dictionary; "text": string; "tooltip": string; "type": string; }[]; "sort": boolean; "title": string; };
+            export type CxMultiSelectColumnData = { "dividerColor": string; "id": string; "items": { "disabled": boolean; "group": string; "id": string; "index": string; "metadata": dictionary; "multiValueMetadata": dictionary; "text": string; "tooltip": string; "type": string; }[]; "sort": boolean; "title": string; };
             export type CxShareOptionListShareOptionListItem = { "disabled": boolean; "icon": string; "id": string; "name": string; "tooltip": string; };
             export type CxStepperWizardStepData = { "color": string; "description": string; "icon": string; "iconVariant": "outlined" | "filled" | "fa"; "id": string; "name": string; "readonly": boolean; "state": "Done" | "Active" | "None" | "Disabled"; };
             export type CxAssetLinkFormatAsset = { "allowATSLink": boolean; "docSubType": string; "docType": "Album" | "Audio" | "Audio segment" | "Image" | "Multimedia" | "ProjectDocument" | "Story" | "Video" | "Widget"; "extension": string; "height": string; "id": string; "identifier": string; "imageUrl": string; "name": string; "scrubUrl": string; "size": string; "width": string; };
@@ -11276,6 +11276,34 @@
             */
             interface CxVideoAdvancedAttributes extends HTMLAttributes<CxVideoAdvanced> {
               
+        /**
+          * Selected marker ID is retained even when the consumer filters it out. @defaultValue null
+        */
+        activeTimelineSegmentId?: string;
+        /**
+          * Consumer-owned panel visibility. Closing it cancels the segment draft. @defaultValue false
+        */
+        showSegmentSidebar?: boolean;
+        /**
+          * Account-specific display label; API terminology remains segments. @defaultValue 'Subclips'
+        */
+        segmentLabel?: string;
+        /**
+          * Show Subclips controls in the new UI. @defaultValue false
+        */
+        enableSubclips?: boolean;
+        /**
+          * Show the timeline handles that start a new segment; enable only for users allowed to create segments. @defaultValue false
+        */
+        enableSegmentCreation?: boolean;
+        /**
+          * Workspace configuration: hide segment markers by default. @defaultValue false
+        */
+        noSegmentTimelineMarkers?: boolean;
+        /**
+          * Explicit source metadata: SMPTE drop-frame numbering at 29.97/59.94 fps. @defaultValue false
+        */
+        dropFrame?: boolean;
         /**
           * — strings —
         */
@@ -11449,9 +11477,13 @@
         */
         darkMode?: boolean;
         /**
-          * 
+          * Hide the comment sidebar toolbar button while keeping the other collab controls. @defaultValue false
+        */
+        hideCommentButton?: boolean;
+        /**
+          * Player layout. Classic enables chapter editing and selected ranges; modern uses the redesigned controls. @defaultValue 'default'
         */
-        useNewUi?: boolean;
+        variant?: "classic" | "default" | "modern";
         /**
           * 
         */

package/package.json

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