@orangelogic/design-system 2.143.0 → 2.145.0

package/library/components/video.js

@@ -1,14 +1,14 @@
 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.C2acLx6g.js";
+import { C as Cb } from "../chunks/image.DVbY2O89.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";
 import { b as Ib } from "../chunks/browser.BHOCIF_A.js";
 import { c as Ob } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as kb } from "../chunks/i18n.C4wPyPTR.js";
-import { w as Ki } from "../chunks/watch.CkGTlwIo.js";
+import { L as kb } from "../chunks/i18n.DYXys45m.js";
+import { w as Ki } from "../chunks/watch.K-dbDP6P.js";
 import { i as Bb, x as Qc } from "../chunks/lit-element.jLBm65_O.js";
 import { n as Ri } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { r as yn } from "../chunks/state.CSDxrqLd.js";

package/library/css/ol-base.css

@@ -82,9 +82,9 @@
    */
 
   /* Buttons */
-  --cx-button-border-radius-large      : var(--cx-border-radius-medium);
-  --cx-button-border-radius-medium     : var(--cx-border-radius-medium);
-  --cx-button-border-radius-small      : var(--cx-border-radius-medium);
+  --cx-button-border-radius-large      : var(--cx-border-radius-large);
+  --cx-button-border-radius-medium     : var(--cx-border-radius-large);
+  --cx-button-border-radius-small      : var(--cx-border-radius-large);
   --cx-button-font-size-large          : var(--cx-font-size-medium);
   --cx-button-font-size-medium         : var(--cx-font-size-small);
   --cx-button-font-size-small          : var(--cx-font-size-x-small);

package/library/package.json

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

package/library/packages/atoms/src/components/tree/tree.d.ts

@@ -114,6 +114,19 @@ export default class CxTree extends CortexElement {
     private handleKeyDown;
     private handleClick;
     handleMouseDown(event: MouseEvent): void;
+    /**
+     * A `mousedown` whose real, non-retargeted origin (`composedPath()[0]`) is
+     * the tree host itself is only reachable by clicking the host's own
+     * scrollbar/gutter — shadow content otherwise fills the box, so a content
+     * click's real origin is always a descendant. The browser's default action
+     * for that mousedown focuses the host, and since the host is itself the
+     * scrollable element (`overflow: auto`), focusing it resets its own
+     * scrollTop natively — before any of our JS runs, so `preventScroll` on a
+     * later `this.focusItem(...)` call can't undo it. Cancel that default
+     * action outright; it doesn't affect the scrollbar's own drag/track
+     * behavior, only whether the mousedown also focuses the element.
+     */
+    private handleHostMouseDown;
     private handleFocusOut;
     private handleFocusIn;
     private expandToItem;

package/library/packages/hybrid/book-reader/src/react/constant.d.ts

@@ -60,6 +60,7 @@ export declare const API_ENDPOINT: {
     SEARCH_TEXT: string;
 };
 export declare const MAX_WHEEL_DISTANCE = 50;
+export declare const ARROW_KEY_SCROLL_STEP = 80;
 export declare const PASSWORD_REASON: {
     INCORRECT_PASSWORD: number;
     NEED_PASSWORD: number;

package/library/packages/hybrid/book-reader/src/react/hooks/useBookEvents.d.ts

@@ -9,5 +9,5 @@ type ShortcutCallback = {
     onZoomOut: () => void;
     toggleFullscreen: () => void;
 };
-export declare const useBookEvents: (element: HTMLDivElement | null, totalPages: number, { onNextPage, onOpenSearchBox, onPageChange, onPreviousPage, onScaleChange, onScaleOptionChange, onZoomIn, onZoomOut, toggleFullscreen, }: ShortcutCallback) => void;
+export declare const useBookEvents: (element: HTMLDivElement | null, totalPages: number, { onNextPage, onOpenSearchBox, onPageChange, onPreviousPage, onScaleChange, onScaleOptionChange, onZoomIn, onZoomOut, toggleFullscreen, }: ShortcutCallback, scrollElement?: HTMLElement | null) => void;
 export {};

package/library/packages/hybrid/book-reader/src/react/hooks/useRestoreFocusOnClose.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Returns a ref for the control that opened a panel/menu (e.g. the search or sidebar toggle).
+ * When `open` flips from true to false (the panel just closed), focus is returned to that control
+ * so keyboard users keep their place instead of losing focus to the body
+ * (WCAG 2.4.3 Focus Order / 2.4.7 Focus Visible).
+ */
+export declare const useRestoreFocusOnClose: <T extends HTMLElement>(open: boolean) => import('react').RefObject<T | null>;
+export default useRestoreFocusOnClose;

package/library/packages/hybrid/table-core/src/table/controllers/filter-controller.d.ts

@@ -20,10 +20,20 @@ export declare class FilterController implements ReactiveController {
     private readonly host;
     private readonly filters;
     private isConnected;
+    /**
+     * The filter set last pushed to Tabulator. Used to skip redundant `setFilter`
+     * calls: in remote filter mode every `setFilter` forces a server reload
+     * (`userSetFilter` → `refreshFilter` → `reloadData`), so re-applying an
+     * identical set — the empty no-op on `tableBuilt`, or the repeated sync calls
+     * fired during build — causes a duplicate fetch and a visible re-render.
+     * Compared with lodash `isEqual` (deep) rather than a serialized key.
+     */
+    private lastAppliedFilters;
     constructor(host: ReactiveControllerHost & CxTable);
     hostConnected(): void;
     hostDisconnected(): void;
     hostUpdated(): void;
+    resetAppliedFilterBaseline(): void;
     /**
      * Set filters for a specific source, replacing any existing filters for that source.
      * @param source - The filter source identifier

package/library/packages/hybrid/table-core/src/table/controllers/select-all-controller.d.ts

@@ -49,6 +49,18 @@ export declare class SelectAllController implements ReactiveController {
     private handleDataLoading;
     private handleRowSelectionChanged;
     private handleDataLoaded;
+    /**
+     * Row count for select-all mode. With remote pagination only the current page
+     * is in memory, so the count is derived from the server total:
+     * `totalCount − explicitly-deselected`. When the full dataset is in memory
+     * (local, or ajax without pagination), it is the number of rows actually
+     * selected (`fallbackSelectedCount`), which naturally excludes
+     * disabled/non-selectable rows since those are never selected.
+     *
+     * Also falls back to `fallbackSelectedCount` when the server total has not
+     * loaded yet (`remoteTotalCount === 0`), so the count never goes negative.
+     */
+    private getSelectAllCount;
     private clearTabulatorSelection;
     private purgeStaleSelectedRows;
     private findDisabledFn;

package/library/packages/hybrid/table-core/src/table/table.d.ts

@@ -825,6 +825,18 @@ export default class CxTable extends CortexElement {
     get searchValue(): string;
     get isBottomPlacement(): boolean;
     get showPaginationFooter(): boolean;
+    /**
+     * Whether data is loaded per page from the server, so only the current page's
+     * rows are in memory. True only when pagination is on AND the data source is
+     * remote — an `ajaxURL` (which forces the internal pagination mode to remote)
+     * or an explicit `paginationMode="remote"`. With pagination off, an ajax table
+     * still fetches the full dataset in one request, so this is false.
+     *
+     * Note: do not rely on `this.paginationMode` alone — the Ajax module forces the
+     * internal Tabulator option to remote without updating this Lit property, so
+     * the `ajaxURL` term is what catches the ajax case.
+     */
+    get isRemotePagination(): boolean;
     /**
      * Whether pagination alone should render the toolbar. A top-placed paginator
      * sits in the toolbar header row, and by default the empty header row is
@@ -850,6 +862,7 @@ export default class CxTable extends CortexElement {
     constructor();
     connectedCallback(): void;
     runFirstUpdated(): void;
+    private initTableWhenSized;
     /**
      * All logic that needs to run when the table is built should be placed here.
      */

package/library/packages/organisms/src/content-builder/plugins/rich-text-editor/components/rte-bubble-menu/rte-bubble-menu.d.ts

@@ -161,7 +161,7 @@ export default class CxRTEBubbleMenu extends CortexElement {
         depth: number;
         node: import('prosemirror-model').Node;
     } | null | undefined;
-    renderIconButton(icon: string, label?: string, onClick?: () => void, isActive?: () => boolean | undefined, isDisabled?: () => boolean | undefined, useIconScr?: boolean): TemplateResult<1>;
+    renderIconButton(icon: string, label?: string, onClick?: () => void, isActive?: () => boolean | undefined, isDisabled?: () => boolean | undefined, useIconScr?: boolean, buttonClass?: string): TemplateResult<1>;
     renderDropdown(value: string, tooltip: string, options: string[] | Array<{
         label: string;
         renderer?: TemplateResult;

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

@@ -36,8 +36,8 @@ export declare const TABLE_BUBBLE_STRUCTURE_ICONS: {
     readonly addColumnBefore: "add_column_left";
     readonly addRowAfter: "add_row_below";
     readonly addRowBefore: "add_row_above";
-    readonly deleteColumn: "vertical_split";
-    readonly deleteRow: "horizontal_split";
+    readonly deleteColumn: "variable_remove";
+    readonly deleteRow: "variable_remove";
     readonly deleteTable: "grid_off";
     readonly tableProperties: "border_all";
 };

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

@@ -113,6 +113,9 @@ export default class StyleController {
             wrap?: "nowrap" | "wrap" | "wrap-reverse";
         };
         helpText?: string | ((record: Record<string, unknown>) => string);
+        infoTextConfigs?: {
+            color?: string;
+        };
         inputConfigs?: {
             label?: string;
             suffix?: {