@orangelogic/design-system 4.41.0 → 4.43.0

package/library/package.json

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

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

@@ -3,12 +3,14 @@ interface ICommentLineProps {
     comments: IComment[];
     onCommentClick: (args: {
         id: string;
+        subClipId?: string;
     }, marker: HTMLElement) => void;
     onCommentMouseLeave: (args: {
         id: string;
     }) => void;
     onCommentMouseOver: (args: {
         id: string;
+        subClipId?: string;
     }, marker: HTMLElement) => void;
     seekToTime: (time: number) => void;
 }

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

@@ -16,6 +16,7 @@ export interface IComment {
     id: string;
     occurrenceId?: string;
     startTime: number;
+    subClipId?: string;
     subClipIds?: string[];
 }
 export type TimelineMarker = IComment & {
@@ -25,6 +26,7 @@ export type CommentMarkerEventArgs = {
     id: string;
     markerCenterX?: number;
     markerTop?: number;
+    subClipId?: string;
     timelineLeft?: number;
     timelineRight?: number;
 };

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

@@ -46,8 +46,8 @@ import { default as CxVideoEditor } from '../video-editor/video-editor';
  * @event cx-video-prev-frame - Fired when stepping to the previous frame.
  * @event cx-video-enter-fullscreen - Fired when entering fullscreen.
  * @event cx-video-exit-fullscreen - Fired when exiting fullscreen.
- * @event {{ id: string; markerCenterX?: number; markerTop?: number; timelineLeft?: number; timelineRight?: number }} cx-video-comment-click - Fired when a comment is clicked.
- * @event {{ id: string; markerCenterX?: number; markerTop?: number; timelineLeft?: number; timelineRight?: number }} cx-video-comment-mouseover - Fired when hovering a comment marker.
+ * @event {{ id: string; markerCenterX?: number; markerTop?: number; subClipId?: string; timelineLeft?: number; timelineRight?: number }} cx-video-comment-click - Fired when a comment is clicked.
+ * @event {{ id: string; markerCenterX?: number; markerTop?: number; subClipId?: string; timelineLeft?: number; timelineRight?: number }} cx-video-comment-mouseover - Fired when hovering a comment marker.
  * @event {{ id: string }} cx-video-comment-mouseleave - Fired when leaving a comment marker.
  * @event {{ name: string; data: unknown }} cx-video-event - Generic player event bridge.
  * @event {{ layer: HTMLElement | null }} cx-video-annotation-layer-change - Fired when the player (re)mounts its annotation layer div; hosts mount annotators into this element.

package/library/packages/molecules/src/icon-picker/icon-picker.d.ts

@@ -74,6 +74,7 @@ export default class CxIconPicker extends CortexElement {
     private readonly select;
     private readonly customOption;
     private readonly dropdown?;
+    private readonly selectVirtualizer?;
     value: {
         name: string;
         src: string;
@@ -155,6 +156,10 @@ export default class CxIconPicker extends CortexElement {
      * @default undefined
      */
     onRequestAsset: ((type: AssetTypeString, multiple?: boolean) => Promise<Asset | Record<string, Asset>>) | undefined;
+    /**
+     * Lower-cased text the icon list is filtered by. Set from the select's input in select mode
+     * and from the panel's search input in button mode.
+     */
     searchTerm: string;
     /**
      * Recreate the virtualizer for each open because it does not reliably
@@ -171,6 +176,8 @@ export default class CxIconPicker extends CortexElement {
     /** Called by the containing form when reporting errors on save. */
     reportValidity(): boolean;
     handleVariantChange(): Promise<void>;
+    /** cx-select re-checks no-option-text only on its own render, not when the virtualizer swaps options. */
+    handleSelectOptionsChange(): Promise<void>;
     handleCustomIconValidation(): Promise<void>;
     private updateCustomIconValidity;
     renderOption(item: IconData): import('lit-html').TemplateResult<1> | typeof nothing;
@@ -200,12 +207,17 @@ export default class CxIconPicker extends CortexElement {
     handleContentBuilderAssetSelect(event: CxAssetPickerSelectEvent): Promise<void>;
     handleContentBuilderAssetDelete(): Promise<void>;
     private handleSearchInput;
+    /** Native input, not cx-input: cx-input also fires on an option pick, with its label in the input. */
+    private handleSelectSearchInput;
+    /** cx-select drops its typed filter on blur and on clear. */
+    private handleSelectSearchReset;
     private handleMenuSelect;
     private handleBicolorChange;
     private setValueMenuSelect;
     setSelectOptionCurrent(option: HTMLElement, current?: boolean): void;
     selectGetOptionLabel(option: HTMLElement): string;
-    selectFilterCallback(option: HTMLElement, value: string): boolean;
+    /** Filtering is done by virtualListItems; this runs per rendered option, so it can't track the search term. */
+    selectFilterCallback(option: HTMLElement): boolean;
     private renderIcon;
     private renderCustomIconPickerMenuItem;
     private renderCustomIconPicker;

package/library/packages/molecules/src/markdown-viewer/markdown-viewer.d.ts

@@ -110,7 +110,11 @@ export default class CxMarkdownViewer extends CortexElement {
      * byte-exact. One ending for the whole document: a mixed-ending source comes back uniformly CRLF.
      */
     private restoreLineEndings;
-    /** Prism escapes its input, so the result is safe to pass to `unsafeHTML` unsanitized. */
+    /**
+     * Prism escapes its input, so the result is safe to pass to `unsafeHTML` unsanitized. Without the
+     * markdown grammar the source is shown escaped and unhighlighted: `highlight` would throw and
+     * leave the whole viewer unrendered.
+     */
     private highlightSource;
     /** Formatting and table controls for the rich view. */
     private renderFormatToolbar;

package/library/packages/molecules/src/markdown-viewer/prism-global.d.ts

@@ -0,0 +1 @@
+export declare function restorePrismGlobal(): void;

package/library/packages/molecules/src/markdown-viewer/prism-global.mock.d.ts

@@ -0,0 +1,2 @@
+import { default as BundledPrism } from 'prismjs';
+export declare const hostPrism: typeof BundledPrism;

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

@@ -11487,7 +11487,7 @@
         /**
           * 
         */
-        comments?: { "createUserId": string; "editTimestamp": number; "endTime": number; "id": string; "occurrenceId": string; "startTime": number; "subClipIds": string[]; }[];
+        comments?: { "createUserId": string; "editTimestamp": number; "endTime": number; "id": string; "occurrenceId": string; "startTime": number; "subClipId": string; "subClipIds": string[]; }[];
         /**
           * 
         */

package/package.json

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