@orangelogic/design-system 2.190.0 → 2.191.0

package/library/package.json

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

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

@@ -57,6 +57,13 @@ export default class CxAssetPicker extends CortexElement {
      * other type are rejected on confirmation. When false, `type` only pre-fills the filter.
      */
     restrict: boolean;
+    /**
+     * Asset types whose original `src` is used as-is, bypassing the API's
+     * representative (thumbnail/preview) URL. Only images are renderable
+     * directly, so every other type — video, audio, documents — falls back to its
+     * representative when the API returns one.
+     */
+    noRepresentativeFor: AssetType[];
     /**
      * A callback function that is called when the user requests to select an asset.
      * It should return a promise that resolves to an Asset object.
@@ -78,8 +85,20 @@ export default class CxAssetPicker extends CortexElement {
     handleValueChange(): Promise<void>;
     handleRecordIdChange(): Promise<void>;
     private handleDeleteClick;
-    /** True when the picker accepts this asset type. */
+    /** True when the picker accepts this asset type. `all` accepts every type. */
     private acceptsType;
+    /**
+     * Resolves the URL a consumer should render as the selected asset's preview.
+     * Types listed in `noRepresentativeFor` keep their original `src`; all other
+     * types prefer the representative and fall back to `src` when the API did not
+     * return one. `src` itself is always emitted unchanged so consumers that need
+     * the original file keep access to it.
+     *
+     * `type` is optional because it originates from the host app's
+     * `onRequestAsset` callback and can be absent at runtime; an asset with no
+     * type prefers its representative.
+     */
+    resolvePreviewSrc(asset: Pick<Asset, 'representative' | 'src'> & Partial<Pick<Asset, 'type'>>): string;
     private renderAssetPreview;
     render(): import('lit').TemplateResult<1>;
 }

package/library/packages/organisms/src/content-builder/content-builder.d.ts

@@ -5,7 +5,7 @@ import { default as CxSpinner } from '../../../atoms/src/components/spinner/spin
 import { default as CortexElement } from '../../../base/src/cortex-element.ts';
 import { AssetFormatValue } from '../../../types/src/asset-format-picker';
 import { Asset, AssetTypeString, Device, EditorMode, TeamSpaceRole } from '../../../types/src/content-builder';
-import { Component, Editor, StyleProps } from 'grapesjs';
+import { Component, Editor } from 'grapesjs';
 import { TemplateResult } from 'lit';
 import { CxBlockPicker } from './components/block-picker';
 import { CxConfigManager } from './components/config-manager';
@@ -326,6 +326,35 @@ export default class CxContentBuilder extends CortexElement {
     private handleCanvasScroll;
     private handleHorizontalScroll;
     private handleRootToolbarRightClick;
+    /**
+     * Re-applies the toolbar position GrapesJS computed, clamped to the visible
+     * canvas so the toolbar never gets clipped.
+     *
+     * `getTargetToElementFixed` derives `left` from `elRect.width - toolbarWidth`
+     * (right-aligned to the selected element) and clamps it with
+     * `canvasLiftLimit`, which is measured against the frame rather than the
+     * visible canvas viewport. On an element near the left edge of the visible
+     * area that limit still allows a negative offset, so the toolbar overflows
+     * past the canvas and gets clipped. Clamping against the real canvas box
+     * turns that case into left-alignment.
+     *
+     * Both `left` and `top` are relative to the tools wrapper, which GrapesJS
+     * sizes to the selected element's box — hence the wrapper-to-canvas delta.
+     *
+     * Values are written with `important` so stylesheet rules on `.gjs-toolbar`
+     * cannot override the computed placement.
+     */
+    private clampToolbarPosition;
+    /**
+     * Wraps `updateToolbarPos` so the toolbar position is re-applied after
+     * GrapesJS writes its own inline position.
+     *
+     * `updateToolbarPos` lives on the `select-comp` command (GrapesJS'
+     * `SelectComponent`), which owns the component toolbar / badge / highlight
+     * boxes — not on `CanvasView`. It is absent from the published `grapesjs`
+     * typings, so the command is narrowed through a local structural type.
+     */
+    private patchToolbarPositioning;
     private handleCanvasClick;
     private handleCanvasKeydown;
     private handleTemplateManagerUpdated;
@@ -388,11 +417,7 @@ export default class CxContentBuilder extends CortexElement {
      * @param components - The components to be updated in the component.
      * @param styleProps - The style properties to be set for the component.
      */
-    updateComponent(component: Component, { attributes, properties, styleProps, }: {
-        attributes?: Record<string, string>;
-        properties?: Record<string, unknown>;
-        styleProps?: StyleProps;
-    }): void;
+    private updateComponent;
     private handleOtherChange;
     private handleMouseMove;
     private getScrollableElements;

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

@@ -5377,6 +5377,10 @@
           * When true, restricts selection to the picker's declared `type`(s): assets of any other type are rejected on confirmation. When false, `type` only pre-fills the filter.
         */
         restrict?: boolean;
+        /**
+          * Asset types whose original `src` is used as-is, bypassing the API's representative (thumbnail/preview) URL. Only images are renderable directly, so every other type — video, audio, documents — falls back to its representative when the API returns one.
+        */
+        noRepresentativeFor?: 'all' | 'audio' | 'image' | 'other' | 'video'[];
         /**
           * An optional record ID (or space-separated list of record IDs, for `multiple` pickers) used to fetch a clean preview image and title, bypassing any stored URL/name that may be stale or have transformations applied.
         */

package/package.json

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

package/library/packages/types/src/download-format-picker.d.ts

@@ -1,7 +0,0 @@
-export declare enum DownloadDocType {
-    Audio = "Audio",
-    Graphic = "Graphic",
-    Image = "Image",
-    Multimedia = "Multimedia",
-    Video = "Video"
-}