@orangelogic/design-system 2.82.0 → 2.83.0

package/library/components/atoms.js

@@ -29,7 +29,7 @@ import { default as fe } from "./format-number.js";
 import { default as se } from "./format-time.js";
 import { default as Ce } from "./grid.js";
 import { default as le } from "./grid-item.js";
-import { C as ne } from "../chunks/header.D68fIfe2.js";
+import { C as ne } from "../chunks/header.DNWBVy5d.js";
 import { C as ge } from "../chunks/hub-connection.Ot2odiCz.js";
 import { default as be } from "./icon.js";
 import { C as Te } from "../chunks/icon-button.BuhCp--_.js";
@@ -70,7 +70,7 @@ import { default as ka } from "./stepper.js";
 import { default as Ea } from "./switch.js";
 import { default as La } from "./tab.js";
 import { C as ja } from "../chunks/tab-group.B2t3Ipa3.js";
-import { C as za } from "../chunks/table.DgYTOnso.js";
+import { C as za } from "../chunks/table.CR0X6Kbe.js";
 import { default as qa } from "./tab-panel.js";
 import { default as Ka } from "./tag.js";
 import { default as Wa } from "./textarea.js";

package/library/components/color-swatch-group.js

@@ -1,10 +1,10 @@
 import "./space.js";
-import "../chunks/table.DgYTOnso.js";
+import "../chunks/table.CR0X6Kbe.js";
 import "../chunks/typography.DJC_UXgs.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/color-swatch.Bx-HOp9f.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as w } from "../chunks/color-swatch-group.9Cj98tfp.js";
+import { C as w } from "../chunks/color-swatch-group.B7myKRVQ.js";
 import "../chunks/content-builder.B4Tqoc6M.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/debounce.DaHuiSGU.js";

package/library/components/header.js

@@ -1,7 +1,7 @@
 import "./copy-button.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as x } from "../chunks/header.D68fIfe2.js";
+import { C as x } from "../chunks/header.DNWBVy5d.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.BUW7B9hr.js";
 import "../chunks/watch.BCJD77bD.js";

package/library/components/list-editor.js

@@ -9,7 +9,7 @@ import "./radio.js";
 import "./radio-group.js";
 import "./select.js";
 import "./space.js";
-import "../chunks/table.DgYTOnso.js";
+import "../chunks/table.CR0X6Kbe.js";
 import "../chunks/typography.DJC_UXgs.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "./dynamic-select.js";
@@ -18,7 +18,7 @@ import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/debounce.DaHuiSGU.js";
 import "../chunks/i18n.BUW7B9hr.js";
 import "../chunks/watch.BCJD77bD.js";
-import { c as E, C as F } from "../chunks/list-editor.6MidcXE8.js";
+import { c as E, C as F } from "../chunks/list-editor.COyD7BLb.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";

package/library/components/molecules.js

@@ -6,7 +6,7 @@ import { default as u } from "./corner-position-input-group.js";
 import { C as m } from "../chunks/cropper.DTokTzP9.js";
 import { default as i } from "./dynamic-select.js";
 import { C as c } from "../chunks/folder-select.C0lq8nkf.js";
-import { C as P } from "../chunks/list-editor.6MidcXE8.js";
+import { C as P } from "../chunks/list-editor.COyD7BLb.js";
 import { default as I } from "./masonry.js";
 import { default as y } from "./padding-input-group.js";
 import { default as w } from "./position-picker.js";

package/library/components/organisms.js

@@ -1,5 +1,5 @@
 import { default as a } from "./asset-link-format.js";
-import { C as t } from "../chunks/color-swatch-group.9Cj98tfp.js";
+import { C as t } from "../chunks/color-swatch-group.B7myKRVQ.js";
 import { C } from "../chunks/file-on-demand.C1FsJcvR.js";
 export {
   a as CxAssetLinkFormat,

package/library/components/table.js

@@ -10,7 +10,7 @@ import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/overlayscrollbars.BMav4RQ4.js";
 import "../chunks/pagination.BhTABU__.js";
-import { A as F, i as P, j as S, d as g, g as v, b as y, k as A, l as D, c as I, a0 as f, a1 as h, D as E, m as G, E as j, n as H, F as K, o as L, p as V, q as k, G as q, r as B, s as J, t as N, I as O, u as Q, K as U, v as W, M as X, w as Y, x as Z, y as _, z as $, B as oo, J as eo, L as ao, P as so, e as lo, N as to, h as uo, O as ro, Q as Mo, U as io, V as po, f as mo, R as no, X as Co, W as Ro, S as co, Y as bo, Z as wo, T as To, a as xo, _ as zo, $ as Fo, C as Po } from "../chunks/table.DgYTOnso.js";
+import { A as F, i as P, j as S, d as g, g as v, b as y, k as A, l as D, c as I, a0 as f, a1 as h, D as E, m as G, E as j, n as H, F as K, o as L, p as V, q as k, G as q, r as B, s as J, t as N, I as O, u as Q, K as U, v as W, M as X, w as Y, x as Z, y as _, z as $, B as oo, J as eo, L as ao, P as so, e as lo, N as to, h as uo, O as ro, Q as Mo, U as io, V as po, f as mo, R as no, X as Co, W as Ro, S as co, Y as bo, Z as wo, T as To, a as xo, _ as zo, $ as Fo, C as Po } from "../chunks/table.CR0X6Kbe.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.BUW7B9hr.js";
 import "../chunks/watch.BCJD77bD.js";

package/library/components/types.js

@@ -29,7 +29,7 @@ import dK from "./format-number.js";
 import sR from "./format-time.js";
 import Qg from "./grid.js";
 import em from "./grid-item.js";
-import { C as cR, V as uK, A as pK } from "../chunks/header.D68fIfe2.js";
+import { C as cR, V as uK, A as pK } from "../chunks/header.DNWBVy5d.js";
 import { H as hK, a as gK } from "../chunks/hub-connection.Ot2odiCz.js";
 import { C as UUt } from "../chunks/hub-connection.Ot2odiCz.js";
 import fo from "./icon.js";
@@ -71,7 +71,7 @@ import { default as uqt } from "./stepper.js";
 import Kb from "./switch.js";
 import G2 from "./tab.js";
 import { C as K2, T as e9, a as t9, b as n9, g as TO } from "../chunks/tab-group.B2t3Ipa3.js";
-import { C as r9 } from "../chunks/table.DgYTOnso.js";
+import { C as r9 } from "../chunks/table.CR0X6Kbe.js";
 import i9 from "./tab-panel.js";
 import { default as hqt } from "./tag.js";
 import uR from "./textarea.js";
@@ -112,7 +112,7 @@ import { H as wR } from "../chunks/slot.j5oheLJC.js";
 import { a as lVt, g as dVt } from "../chunks/slot.j5oheLJC.js";
 import { c as LO, G as mh, d as Yd, T as xR, h as fn, i as kR, j as nY, t as RO, u as rY, f as y1, k as iY, F as Cf, M as Vv } from "../chunks/string.B_mXTq0K.js";
 import { b as pVt, a as hVt, e as gVt, g as mVt, p as fVt, r as vVt, s as yVt, n as bVt, l as wVt, m as xVt, o as kVt } from "../chunks/string.B_mXTq0K.js";
-import { a as l9, u as tp, I as _R, C as oY } from "../chunks/list-editor.6MidcXE8.js";
+import { a as l9, u as tp, I as _R, C as oY } from "../chunks/list-editor.COyD7BLb.js";
 import aY from "./bicolor-picker.js";
 import CR from "./border-input-group.js";
 import { C as CVt } from "../chunks/color-swatch.Bx-HOp9f.js";
@@ -165,8 +165,8 @@ import { c as hg } from "../chunks/math.DqTA6ya4.js";
 import { b as YO, e as $Y } from "../chunks/number.CjNxU7Xs.js";
 import { a as rWt, c as iWt, f as oWt, r as aWt, s as sWt } from "../chunks/number.CjNxU7Xs.js";
 import { t as LR } from "../chunks/event-options.CYHYGOd8.js";
-import { a as Uw } from "../chunks/color-swatch-group.9Cj98tfp.js";
-import { C as lWt } from "../chunks/color-swatch-group.9Cj98tfp.js";
+import { a as Uw } from "../chunks/color-swatch-group.B7myKRVQ.js";
+import { C as lWt } from "../chunks/color-swatch-group.B7myKRVQ.js";
 import { t as jY } from "../chunks/converters.DkDtLstb.js";
 import { i as HY } from "../chunks/user-agent.D9aPuOyL.js";
 import { a as RR, U as f9, t as UY } from "../chunks/url.Cj9cIQXJ.js";

package/library/package.json

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

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

@@ -188,6 +188,12 @@ export default class CxTable extends CortexElement {
      * Fields to search in the table.
      */
     searchFields: string[];
+    /**
+     * Search keyword match mode. When `true`, any single keyword (split by space)
+     * matching is enough to include a row. When `false` (default), all keywords
+     * must match within a single field.
+     */
+    searchMatchAnyKeyword: boolean;
     /**
      * Whether to display a create new button
      */
@@ -720,6 +726,7 @@ export default class CxTable extends CortexElement {
     search(searchText: string): void;
     private handleSearch;
     handleSearchFieldsChange(): void;
+    handleSearchMatchAnyKeywordChange(): void;
     handleDropdownFiltersPropChange(): void;
     private handleTableExport;
     private handleDropdownFilterChange;

package/library/packages/atoms/src/components/table/tabulator-tables/modules/Filter/Filter.d.ts

@@ -59,9 +59,16 @@ export default class Filter extends Module implements IFilter {
     trackChanges(): void;
     hasChanged(): boolean;
     /**
-     * Normally, filter operates on a single field. To create a filter that operates on multiple or all fields,
-     * first pass the field names (or none to match all) to this method, then use this method as the filter's field.
-     * @param fields - The fields to match against. If not provided, all fields will be matched.
+     * Normally, filter operates on a single field. To create a filter that operates on multiple
+     * or all registered columns, first pass the field names (or none to default to every
+     * registered column's field) to this method, then use this method as the filter's field.
+     *
+     * When `fields` is omitted, the search iterates only over fields that have a registered
+     * column. Data keys without a column (e.g. hidden payload fields) are skipped so the search
+     * matches what the user actually sees on screen. If the column manager has no columns yet
+     * (table not yet initialized), falls back to iterating all data keys.
+     *
+     * @param fields - The fields to match against. If not provided, all fields with a registered column will be matched.
      * @returns A function that can be used to match against the data.
      */
     createFilterFieldFunction(fields?: string[]): (data: any, filter: FilterType) => boolean;

package/library/packages/atoms/src/components/table/tabulator-tables/modules/Filter/formatter-display-resolvers.d.ts

@@ -0,0 +1,93 @@
+import { CompositeElement, ITabulator } from '../../../../../../../types/src/table';
+
+interface ResolverInput {
+    formatterParams: any;
+    rawValue: unknown;
+    rowData: Record<string, unknown>;
+    separator: string | undefined;
+    table: ITabulator | null | undefined;
+}
+declare function resolveCompositeElementSourceValue(element: CompositeElement, columnField: string, rawValue: unknown, rowData: Record<string, unknown>, separator: string | undefined): unknown;
+declare function resolveCompositeDisplayValues(input: ResolverInput, columnField: string): unknown[];
+declare function resolveLookupDisplayValues(input: ResolverInput): unknown[];
+declare function resolveArrayDisplayValues(input: ResolverInput): unknown[];
+declare function resolveTagDisplayValues(input: ResolverInput): unknown[];
+/**
+ * Mirrors the priority chain in link.ts:
+ * 1. label starts as the raw cell value
+ * 2. `labelField` (string nested-data path) overrides
+ * 3. `label` overrides — string wins; **function is skipped on purpose** because invoking
+ *    `label(cell)` requires a live `CellComponent` (with `getElement`, `getRow`, etc.).
+ *    Search will fall back to raw match for that case.
+ *
+ * Returns the **single** final label the formatter would render, never both `labelField`
+ * and `label` together (that would create a false positive against text the user does not see).
+ */
+declare function resolveLinkDisplayValues(input: ResolverInput): unknown[];
+declare function resolveMoneyDisplayValues(input: ResolverInput): unknown[];
+declare function resolveNumberDisplayValues(input: ResolverInput): unknown[];
+declare function resolveDatetimeDisplayValues(input: ResolverInput): unknown[];
+declare function resolveDatetimeDiffDisplayValues(input: ResolverInput): unknown[];
+declare function resolvePlaintextDisplayValues(input: ResolverInput): unknown[];
+declare function resolveTypographyDisplayValues(input: ResolverInput): unknown[];
+declare function resolveHtmlDisplayValues(input: ResolverInput): unknown[];
+declare function resolveTextareaDisplayValues(input: ResolverInput): unknown[];
+declare function resolveJsonDisplayValues(input: ResolverInput): unknown[];
+/**
+ * The mock cell handed to user-supplied `formatterLookup` and `paramsLookup` callbacks only
+ * exposes `getValue()` and `getData()` — there is no live `CellComponent`, so calls like
+ * `cell.getColumn()`, `cell.getRow()`, `cell.getElement()`, or `cell.getTable()` will throw.
+ * `safeCall` swallows those errors and the resolver returns `[]` for that row, falling back
+ * to raw-value matching. If a column needs richer cell access during adaptive lookup, the
+ * search will silently miss the formatted display — keep `formatterLookup` callbacks
+ * dependent only on cell value and row data for full search coverage.
+ */
+declare function resolveAdaptableDisplayValues(input: ResolverInput, columnField: string): unknown[];
+interface CollectFromDefinitionInput {
+    columnField: string;
+    formatter: unknown;
+    formatterParams: unknown;
+    rawValue: unknown;
+    rowData: Record<string, unknown>;
+    separator: string | undefined;
+    table: ITabulator | null | undefined;
+}
+declare function collectFormatterDisplayValuesFromDefinition(args: CollectFromDefinitionInput): unknown[];
+/**
+ * Entry point used by `Filter.createFilterFieldFunction`. Looks up the column for
+ * `field` from the table's column manager, reads its formatter definition, and
+ * dispatches to the matching resolver. Returns `[]` when no column is registered,
+ * the formatter is unknown, or the resolver produces no candidates.
+ *
+ * Pass an optional `columnCache` to avoid re-running `getColumnByField` for every row × key.
+ * The Filter pipeline iterates ~`rows * columns` times; without a cache the column manager
+ * is hit on each iteration. The caller (`createFilterFieldFunction`) owns the cache so its
+ * lifetime matches the search invocation, never leaking across filter calls.
+ *
+ * `null` cached entries mean "no column registered for this field" — they let us skip the
+ * lookup on subsequent rows for unknown fields too.
+ */
+export type ColumnDefinitionCache = Map<string, {
+    definition: any;
+} | null>;
+export declare function collectFormatterDisplayValues(table: ITabulator | null | undefined, field: string, rawValue: unknown, rowData: Record<string, unknown>, columnCache?: ColumnDefinitionCache): unknown[];
+export declare const __testables: {
+    collectFormatterDisplayValuesFromDefinition: typeof collectFormatterDisplayValuesFromDefinition;
+    resolveAdaptableDisplayValues: typeof resolveAdaptableDisplayValues;
+    resolveArrayDisplayValues: typeof resolveArrayDisplayValues;
+    resolveCompositeDisplayValues: typeof resolveCompositeDisplayValues;
+    resolveCompositeElementSourceValue: typeof resolveCompositeElementSourceValue;
+    resolveDatetimeDiffDisplayValues: typeof resolveDatetimeDiffDisplayValues;
+    resolveDatetimeDisplayValues: typeof resolveDatetimeDisplayValues;
+    resolveHtmlDisplayValues: typeof resolveHtmlDisplayValues;
+    resolveJsonDisplayValues: typeof resolveJsonDisplayValues;
+    resolveLinkDisplayValues: typeof resolveLinkDisplayValues;
+    resolveLookupDisplayValues: typeof resolveLookupDisplayValues;
+    resolveMoneyDisplayValues: typeof resolveMoneyDisplayValues;
+    resolveNumberDisplayValues: typeof resolveNumberDisplayValues;
+    resolvePlaintextDisplayValues: typeof resolvePlaintextDisplayValues;
+    resolveTagDisplayValues: typeof resolveTagDisplayValues;
+    resolveTextareaDisplayValues: typeof resolveTextareaDisplayValues;
+    resolveTypographyDisplayValues: typeof resolveTypographyDisplayValues;
+};
+export {};

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

@@ -4427,6 +4427,10 @@
           * Fields to search in the table.
         */
         searchFields?: string[];
+        /**
+          * Search keyword match mode. When `true`, any single keyword (split by space) matching is enough to include a row. When `false` (default), all keywords must match within a single field.
+        */
+        searchMatchAnyKeyword?: boolean;
         /**
           * Whether to display a create new button
         */

package/package.json

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