@orangelogic/design-system 2.197.0 → 2.199.0

package/library/components/video.js

@@ -1,7 +1,7 @@
 import { _ as kd, a as Sa, b as Be, c as Je } from "../chunks/inheritsLoose.BuSn_CvZ.js";
 import { c as ps, a as Bn } from "../chunks/_commonjsHelpers.DQNKXVTB.js";
 import { r as Sb } from "../chunks/___vite-browser-external_commonjs-proxy.C2tf3HsQ.js";
-import { C as Cb } from "../chunks/image.BSvc6eti.js";
+import { C as Cb } from "../chunks/image.ZANuNTs8.js";
 import Mb from "./resize-observer.js";
 import { r as Db, R as Pb, a as Rp, b as Lb } from "../chunks/resizable-component.styles.CAfXABBc.js";
 import { c as Rb } from "../chunks/component.styles.CRO4Odto.js";

package/library/package.json

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

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

@@ -48,6 +48,8 @@ export default class CxSbImage extends CxImage {
     retryOnError: boolean;
     /** Content-builder images keep their measured box visible while the asset loads. */
     skeleton: boolean;
+    /** Content-builder blocks hold the box without an animated sheen. */
+    protected placeholderSkeletonEffect: "none";
     /**
      * The path to the image to load in dark mode.
      */

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

@@ -193,6 +193,7 @@ export default class CxSbVideo extends CxVideo {
      */
     private resolveClickSpace;
     handleThumbnailChange(): void;
+    handlePosterChange(): Promise<void>;
     handleFetchedAssetDataChange(): void;
     handleSrcChange(): Promise<void>;
     /**

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

@@ -66,31 +66,6 @@ export default class CxConfigManager extends CortexElement {
      * @default false
      */
     enableFontFamilyControls: boolean;
-    /**
-     * Default asset format applied to image blocks.
-     * @default 'TRX'
-     */
-    defaultImageFormat: string;
-    /**
-     * Default asset format applied to video poster (thumbnail) blocks.
-     * @default 'TRX'
-     */
-    defaultVideoPosterFormat: string;
-    /**
-     * Default asset format applied to gallery blocks.
-     * @default 'TRX'
-     */
-    defaultGalleryFormat: string;
-    /**
-     * Default asset format applied to carousel blocks.
-     * @default 'TRX'
-     */
-    defaultCarouselFormat: string;
-    /**
-     * Default asset format applied to timeline blocks.
-     * @default 'TRX'
-     */
-    defaultTimelineFormat: string;
     /**
      * Root folder ids the folder-picker controls are restricted to (forwarded to
      * cx-config-form). Sourced from the space's configured root folders.

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

@@ -18,11 +18,10 @@ import { CxRTEBubbleMenu, CxRTETableGenerator } from './plugins';
  * download-format, and asset-format-picker controls on image, video, gallery,
  * carousel, and timeline blocks. Off by default.
  *
- * `default-image-format`, `default-video-poster-format`,
- * `default-gallery-format`, `default-carousel-format`, and
- * `default-timeline-format` set the initial format for their respective block
- * type. All apply regardless of `enable-asset-format-controls`, and act as the
- * fallback when a block has not had its format explicitly configured.
+ * `default-image-format`, `default-video-poster-format`, `default-timeline-format`,
+ * `default-gallery-format` and `default-carousel-format` are retained for backward
+ * compatibility but no longer do anything: every block type now starts in `Auto` and
+ * derives its proxy from the asset's own file extension.
  *
  * @event cx-change - Emitted when the content builder changes.
  */
@@ -121,38 +120,53 @@ export default class CxContentBuilder extends CortexElement {
      */
     enableMetrics: boolean;
     /**
-     * Default asset format applied to image blocks.
-     * Used as the initial format when a block is added, whether or not
-     * `enable-asset-format-controls` is on.
-     * @default 'TR1'
+     * Retained for backward compatibility; it no longer changes how image blocks resolve.
+     *
+     * Image blocks always start in `Auto` now: no format is stored on creation or on pick, so
+     * each one derives its proxy from the asset's own file extension. Setting this attribute
+     * is accepted and reflected, but nothing reads it.
+     *
+     * @deprecated Image format is resolved from the asset; this value is ignored.
      */
     defaultImageFormat: string;
     /**
-     * Default asset format applied to video poster (thumbnail) blocks.
-     * Used as the initial format when a block is added, whether or not
-     * `enable-asset-format-controls` is on.
-     * @default 'TR1'
+     * Retained for backward compatibility; it no longer changes how video posters resolve.
+     *
+     * A video poster always starts in `Auto` now: no thumbnail format is stored on creation
+     * or on pick, so the proxy is derived from the picked asset. Setting this attribute is
+     * accepted and reflected, but nothing reads it.
+     *
+     * @deprecated Poster format is resolved from the asset; this value is ignored.
      */
     defaultVideoPosterFormat: string;
     /**
-     * Default asset format applied to gallery blocks.
-     * Used as the initial format when a block is added, whether or not
-     * `enable-asset-format-controls` is on.
-     * @default 'TR1'
+     * Retained for backward compatibility; it no longer changes how galleries resolve.
+     *
+     * A gallery always starts in `Auto` now: no format is stored on creation, and switching
+     * source resets back to `Auto`, so each item derives its proxy from its own file
+     * extension. Setting this attribute is accepted and reflected, but nothing reads it.
+     *
+     * @deprecated Format is resolved per item from the asset; this value is ignored.
      */
     defaultGalleryFormat: string;
     /**
-     * Default asset format applied to carousel blocks.
-     * Used as the initial format when a block is added, whether or not
-     * `enable-asset-format-controls` is on.
-     * @default 'TR1'
+     * Retained for backward compatibility; it no longer changes how carousels resolve.
+     *
+     * A carousel always starts in `Auto` now: no format is stored on creation, and switching
+     * source resets back to `Auto`, so each item derives its proxy from its own file
+     * extension. Setting this attribute is accepted and reflected, but nothing reads it.
+     *
+     * @deprecated Format is resolved per item from the asset; this value is ignored.
      */
     defaultCarouselFormat: string;
     /**
-     * Default asset format applied to timeline blocks.
-     * Used as the initial format when a block is added, whether or not
-     * `enable-asset-format-controls` is on.
-     * @default 'TR1'
+     * Retained for backward compatibility; it no longer changes how timelines resolve.
+     *
+     * Timeline thumbnails always start in `Auto` now: no format is stored on creation, so
+     * each item derives its proxy from its own file extension. Setting this attribute is
+     * accepted and reflected, but nothing reads it.
+     *
+     * @deprecated Timeline format is resolved per item from the asset; this value is ignored.
      */
     defaultTimelineFormat: string;
     /**

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

@@ -4,11 +4,6 @@ import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
 import { Component, ComponentDefinition, ComponentView, ComponentViewDefinition, Editor } from 'grapesjs';
 
 export type EditorPluginOptions = {
-    defaultCarouselFormat?: string;
-    defaultGalleryFormat?: string;
-    defaultImageFormat?: string;
-    defaultTimelineFormat?: string;
-    defaultVideoPosterFormat?: string;
     enableAssetFormatControls?: boolean;
     localize: LocalizeController;
     multiLanguage?: boolean;

package/library/packages/organisms/src/content-builder/plugins/rich-text-editor/extensions/index.d.ts

@@ -1,4 +1,6 @@
-export declare const baseExtensions: (import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<any, any> | import('@tiptap/core').Mark<import('../../../../../../tools/src/tiptap/extensions/text-style').TextStyleOptions, any>)[];
+import { RTE_CONFIG } from '../../../../../../types/src/content-builder';
+
+export declare const baseExtensions: (import('@tiptap/core').Mark<any, any> | import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<any, any>)[];
 export declare const basicFormatExtensions: import('@tiptap/core').Mark<import('@tiptap/extension-bold').BoldOptions, any>[];
 export declare const textScriptExtensions: import('@tiptap/core').Mark<import('@tiptap/extension-subscript').SubscriptExtensionOptions, any>[];
 export declare const linkExtensions: import('@tiptap/core').Mark<import('@tiptap/extension-link').LinkOptions, any>[];
@@ -25,4 +27,13 @@ export declare const lineHeightExtensions: import('@tiptap/core').Extension<{
 export declare const blockFormatExtensions: import('@tiptap/core').Node<any, any>[];
 export declare const listExtensions: import('@tiptap/core').Node<any, any>[];
 export declare const customNodes: import('@tiptap/core').Node<any, any>[];
-export declare const testingExtensions: (import('@tiptap/core').Mark<import('@tiptap/extension-bold').BoldOptions, any> | import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<any, any>)[];
+/**
+ * Inline styling a paste may keep, derived from the same `rteConfigs` flags that
+ * decide which extensions are loaded. Anything not enabled at inline level is
+ * stripped on paste so the block-level setting stays in control — notably
+ * `font-family`, which has no inline config and is block-only.
+ *
+ * Keep in sync with the extension branches in `rich-text-editor/index.ts`.
+ */
+export declare const buildPasteInlineFilter: (rteConfigs?: RTE_CONFIG) => import('@tiptap/core').Extension<import('../../../../../../tools/src/tiptap/extensions/paste-inline-filter').PasteInlineFilterOptions, any>;
+export declare const testingExtensions: (import('@tiptap/core').Mark<any, any> | import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<any, any>)[];

package/library/packages/tools/src/tiptap/extensions/google/index.d.ts

@@ -0,0 +1,4 @@
+import { Mark } from '@tiptap/core';
+
+declare const Google: Mark<any, any>;
+export default Google;

package/library/packages/tools/src/tiptap/extensions/paste-inline-filter/index.d.ts

@@ -0,0 +1,28 @@
+import { Extension } from '@tiptap/core';
+
+export type PasteInlineFilterOptions = {
+    /**
+     * Mark names that may survive a paste, e.g. `['bold', 'link']`.
+     * `textStyle` is always kept (it is filtered by `allowedStyles` instead) so
+     * that allowed declarations have a mark to live on.
+     */
+    allowedMarks: string[];
+    /**
+     * Inline CSS properties that may survive a paste, e.g. `['color', 'font-size']`.
+     * Every other declaration on a `textStyle` mark is dropped so the block-level
+     * setting stays in control. An empty set strips all inline styling.
+     */
+    allowedStyles: string[];
+};
+/**
+ * Removes inline styling that the host has not enabled, so block-level settings
+ * (font family, line height, …) are not overridden by whatever the clipboard
+ * carried. Pasted content from Google Docs, Word, and web pages all arrive as
+ * `<span style="...">` runs; without this filter those inline declarations win
+ * over the block setting and the setting appears to have no effect.
+ *
+ * Runs on `transformPasted`, so it covers every paste source rather than a
+ * single vendor-specific handler.
+ */
+declare const PasteInlineFilter: Extension<PasteInlineFilterOptions, any>;
+export default PasteInlineFilter;

package/library/packages/tools/src/tiptap/utils/flatten-spans.d.ts

@@ -0,0 +1,5 @@
+declare function flattenSpans(htmlString: string, options?: {
+    normalizeTabs?: boolean;
+    removeSuggestionTrack?: boolean;
+}): string;
+export default flattenSpans;

package/library/packages/tools/src/tiptap/utils/normalize-tabs.d.ts

@@ -0,0 +1,7 @@
+/**
+ *
+ * @param html
+ * Prevents whitespace collapse by converting consecutive spaces and literal tabs to non-breaking spaces
+ */
+declare function normalizeTabs(html: string): string;
+export default normalizeTabs;

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

@@ -372,11 +372,6 @@ export declare enum DataSourceId {
     TranslatableTexts = "TRANSLATABLE_TEXTS"
 }
 export type ConfigsOptions = {
-    defaultCarouselFormat?: string;
-    defaultGalleryFormat?: string;
-    defaultImageFormat?: string;
-    defaultTimelineFormat?: string;
-    defaultVideoPosterFormat?: string;
     enableAssetFormatControls?: boolean;
     enableFontFamilyControls?: boolean;
 };

package/library/packages/utils/src/transformation/transformation.d.ts

@@ -18,6 +18,11 @@ export declare function buildTransformationString({ asset, baseUrl, extension, o
     transformations?: Transformation[];
     useSession?: string;
 }): string;
+/**
+ * Extension marker that asks the backend to serve whichever rendition suits the asset,
+ * rather than the exact file the delivery URL names.
+ */
+export declare const AUTO_FORMAT_EXTENSION = ".auto";
 /**
  * Applies transformations to a (possibly finished) asset URL and returns the display URL.
  *
@@ -25,7 +30,11 @@ export declare function buildTransformationString({ asset, baseUrl, extension, o
  * URLs the transform is anchored right after the access key (before any prettyName/ext tail)
  * and merged into an existing `/t/`. Other URLs keep the plain append behavior.
  */
-export declare function applyTransformationsToUrl(url: string, transformations: Transformation[]): string;
+export declare function applyTransformationsToUrl(url: string, transformations: Transformation[], options?: {
+    autoFormat?: boolean;
+    extension?: string | null;
+    format?: string;
+}): string;
 /**
  * Inserts a width-only resize into an asset-link URL, preserving any transformations
  * already present.
@@ -97,34 +106,6 @@ export declare function resolveAutoMaxWidth(manualFormat: boolean, proxyWidth: s
  * silently downgrades an image away from its original.
  */
 export declare function resolveAutoFormat(extension: string | null | undefined, size?: string | number | null): string;
-/**
- * Extension marker that asks the backend to serve whichever rendition suits the asset,
- * rather than the exact file the delivery URL names.
- */
-export declare const AUTO_FORMAT_EXTENSION = ".auto";
-/**
- * Appends the `.auto` marker to an asset-link URL, letting the backend pick a rendition
- * suited to the source instead of returning the file exactly as named.
- *
- * The existing extension is kept (`photo.jpg` becomes `photo.jpg.auto`): the URL names a
- * real proxy file, and rewriting that name is the backend's business, not ours. Only the
- * final path segment is touched, so the access key and any `/t/` transform segment are
- * preserved and a configured crop or resize still applies.
- *
- * An animated GIF served as the original file is left alone: whatever rendition the
- * backend picked instead would be a still frame, so the marker would cost the animation.
- * A GIF under any other format is already a rendered still, so it has nothing left to
- * lose and takes the marker like anything else — the same distinction `buildAssetSrcset`
- * draws before it resizes.
- *
- * Returns the URL unchanged when it is not an asset link (arbitrary external sources are
- * never rewritten), when there is no final segment to append to, or when the marker is
- * already present, so the call is safe to repeat.
- */
-export declare function applyAutoFormatToAssetUrl(url: string, options?: {
-    extension?: string | null;
-    format?: string;
-}): string;
 /**
  * Builds a `srcset` value for an asset-link URL by emitting one width-only resize
  * candidate per ladder entry, letting the browser fetch and decode only the pixels

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

@@ -9819,7 +9819,7 @@
         preRender?: boolean;
             } 
             /**
-              * The `cx-content-builder` component is used to create and manage content blocks in a CMS.<br/> Set `enable-asset-format-controls` to expose the asset format, transformation, download-format, and asset-format-picker controls on image, video, gallery, carousel, and timeline blocks. Off by default.<br/> `default-image-format`, `default-video-poster-format`, `default-gallery-format`, `default-carousel-format`, and `default-timeline-format` set the initial format for their respective block type. All apply regardless of `enable-asset-format-controls`, and act as the fallback when a block has not had its format explicitly configured.
+              * The `cx-content-builder` component is used to create and manage content blocks in a CMS.<br/> Set `enable-asset-format-controls` to expose the asset format, transformation, download-format, and asset-format-picker controls on image, video, gallery, carousel, and timeline blocks. Off by default.<br/> `default-image-format`, `default-video-poster-format`, `default-timeline-format`, `default-gallery-format` and `default-carousel-format` are retained for backward compatibility but no longer do anything: every block type now starts in `Auto` and derives its proxy from the asset's own file extension.
             */
             interface CxContentBuilderAttributes extends HTMLAttributes<CxContentBuilder> {
               
@@ -9864,23 +9864,23 @@
         */
         enableMetrics?: boolean;
         /**
-          * Default asset format applied to image blocks. Used as the initial format when a block is added, whether or not `enable-asset-format-controls` is on. <br/>@default 'TR1'
+          * Retained for backward compatibility; it no longer changes how image blocks resolve. <br/> Image blocks always start in `Auto` now: no format is stored on creation or on pick, so each one derives its proxy from the asset's own file extension. Setting this attribute is accepted and reflected, but nothing reads it. <br/> <br/>@deprecated Image format is resolved from the asset; this value is ignored.
         */
         defaultImageFormat?: string;
         /**
-          * Default asset format applied to video poster (thumbnail) blocks. Used as the initial format when a block is added, whether or not `enable-asset-format-controls` is on. <br/>@default 'TR1'
+          * Retained for backward compatibility; it no longer changes how video posters resolve. <br/> A video poster always starts in `Auto` now: no thumbnail format is stored on creation or on pick, so the proxy is derived from the picked asset. Setting this attribute is accepted and reflected, but nothing reads it. <br/> <br/>@deprecated Poster format is resolved from the asset; this value is ignored.
         */
         defaultVideoPosterFormat?: string;
         /**
-          * Default asset format applied to gallery blocks. Used as the initial format when a block is added, whether or not `enable-asset-format-controls` is on. <br/>@default 'TR1'
+          * Retained for backward compatibility; it no longer changes how galleries resolve. <br/> A gallery always starts in `Auto` now: no format is stored on creation, and switching source resets back to `Auto`, so each item derives its proxy from its own file extension. Setting this attribute is accepted and reflected, but nothing reads it. <br/> <br/>@deprecated Format is resolved per item from the asset; this value is ignored.
         */
         defaultGalleryFormat?: string;
         /**
-          * Default asset format applied to carousel blocks. Used as the initial format when a block is added, whether or not `enable-asset-format-controls` is on. <br/>@default 'TR1'
+          * Retained for backward compatibility; it no longer changes how carousels resolve. <br/> A carousel always starts in `Auto` now: no format is stored on creation, and switching source resets back to `Auto`, so each item derives its proxy from its own file extension. Setting this attribute is accepted and reflected, but nothing reads it. <br/> <br/>@deprecated Format is resolved per item from the asset; this value is ignored.
         */
         defaultCarouselFormat?: string;
         /**
-          * Default asset format applied to timeline blocks. Used as the initial format when a block is added, whether or not `enable-asset-format-controls` is on. <br/>@default 'TR1'
+          * Retained for backward compatibility; it no longer changes how timelines resolve. <br/> Timeline thumbnails always start in `Auto` now: no format is stored on creation, so each item derives its proxy from its own file extension. Setting this attribute is accepted and reflected, but nothing reads it. <br/> <br/>@deprecated Timeline format is resolved per item from the asset; this value is ignored.
         */
         defaultTimelineFormat?: string;
         /**