@orangelogic/design-system 3.12.0 → 3.13.0

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/react-web-component.d.ts

@@ -6648,6 +6648,26 @@
           * When true, adds a Font Awesome section alongside the default Cortex icon library.
         */
         fontAwesome?: boolean;
+        /**
+          * Icon shown in the selection area while nothing is selected. Accepts any `cx-icon` name. When empty, button mode keeps an invisible icon that reserves the trigger's width and select mode keeps its `search` icon. <br/>@default ''
+        */
+        emptySelectionIcon?: string;
+        /**
+          * Placeholder text for the search field, in both variants. When empty, the localized `search` term is used. <br/>@default ''
+        */
+        searchPlaceholder?: string;
+        /**
+          * Icon shown before the search field inside the button-mode panel. Accepts any `cx-icon` name. When empty, no icon is rendered. Select mode has no separate search field — its trigger icon is `empty-selection-icon`. <br/>@default ''
+        */
+        panelSearchIcon?: string;
+        /**
+          * Label of the custom (asset picker) option, in both variants. When empty, the localized `custom` term is used. <br/>@default ''
+        */
+        customOptionLabel?: string;
+        /**
+          * Icon shown before the custom option's label. Accepts any `cx-icon` name. When empty, no icon is rendered. An uploaded custom image takes precedence over this icon, so the option previews the picked asset instead. <br/>@default ''
+        */
+        customOptionIcon?: string;
         /**
           * When true, hides the "Custom" icon option (asset picker) from the select footer and button-mode menu.
         */

package/package.json

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