@multiplatform.one/table 7.7.6 → 7.8.0

package/dist/jsx/utils/money.native.js

@@ -0,0 +1,165 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var money_exports = {};
+__export(money_exports, {
+  addMoney: () => addMoney,
+  compareMoney: () => compareMoney,
+  formatMoney: () => formatMoney,
+  isMoneyString: () => isMoneyString,
+  isNegativeMoney: () => isNegativeMoney,
+  moneyComparator: () => moneyComparator,
+  subtractMoney: () => subtractMoney,
+  sumMoney: () => sumMoney,
+  sumMoneyByCurrency: () => sumMoneyByCurrency
+});
+module.exports = __toCommonJS(money_exports);
+var moneyPattern = /^\s*([+-]?)(\d*)(?:\.(\d*))?\s*$/;
+function scaleMoney(raw) {
+  var _ref, _ref1;
+  var match = moneyPattern.exec(raw);
+  var whole = (_ref = match === null || match === void 0 ? void 0 : match[2]) !== null && _ref !== void 0 ? _ref : "";
+  var fraction = (_ref1 = match === null || match === void 0 ? void 0 : match[3]) !== null && _ref1 !== void 0 ? _ref1 : "";
+  if (!match || whole === "" && fraction === "") {
+    throw new Error(`money: not a decimal string: ${JSON.stringify(raw)}`);
+  }
+  var magnitude = BigInt((whole || "0") + fraction);
+  return {
+    units: match[1] === "-" ? -magnitude : magnitude,
+    scale: fraction.length
+  };
+}
+function atScale(money, scale) {
+  return money.units * Math.pow(BigInt(10), BigInt(scale - money.scale));
+}
+function renderScaled(units, scale) {
+  var negative = units < BigInt(0);
+  var digits = (negative ? -units : units).toString().padStart(scale + 1, "0");
+  var split = digits.length - scale;
+  var whole = digits.slice(0, split);
+  var fraction = digits.slice(split);
+  return `${negative ? "-" : ""}${whole}${scale > 0 ? `.${fraction}` : ""}`;
+}
+function isMoneyString(raw) {
+  var _match_;
+  if (typeof raw !== "string") return false;
+  var match = moneyPattern.exec(raw);
+  return !!match && !(match[2] === "" && ((_match_ = match[3]) !== null && _match_ !== void 0 ? _match_ : "") === "");
+}
+function addMoney(a, b) {
+  var x = scaleMoney(a);
+  var y = scaleMoney(b);
+  var scale = Math.max(x.scale, y.scale);
+  return renderScaled(atScale(x, scale) + atScale(y, scale), scale);
+}
+function subtractMoney(a, b) {
+  var x = scaleMoney(a);
+  var y = scaleMoney(b);
+  var scale = Math.max(x.scale, y.scale);
+  return renderScaled(atScale(x, scale) - atScale(y, scale), scale);
+}
+function sumMoney(values) {
+  if (values.length === 0) return "0";
+  var scaled = values.map(scaleMoney);
+  var scale = scaled.reduce(function (widest, m) {
+    return Math.max(widest, m.scale);
+  }, 0);
+  return renderScaled(scaled.reduce(function (total, m) {
+    return total + atScale(m, scale);
+  }, BigInt(0)), scale);
+}
+function sumMoneyByCurrency(rows, amountOf, currencyOf) {
+  var totals = {};
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = rows[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var row = _step.value;
+      var amount = amountOf(row);
+      if (!isMoneyString(amount)) continue;
+      var raw = currencyOf(row);
+      var code = typeof raw === "string" && raw ? raw : "\u2014";
+      var running = totals[code];
+      totals[code] = running ? addMoney(running, amount) : amount;
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return totals;
+}
+function compareMoney(a, b) {
+  var x = scaleMoney(a);
+  var y = scaleMoney(b);
+  var scale = Math.max(x.scale, y.scale);
+  var delta = atScale(x, scale) - atScale(y, scale);
+  if (delta < BigInt(0)) return -1;
+  if (delta > BigInt(0)) return 1;
+  return 0;
+}
+function moneyComparator(a, b) {
+  var left = isMoneyString(a) ? a : null;
+  var right = isMoneyString(b) ? b : null;
+  if (left === null && right === null) return 0;
+  if (left === null) return -1;
+  if (right === null) return 1;
+  return compareMoney(left, right);
+}
+function isNegativeMoney(raw) {
+  return typeof raw === "string" && raw.trimStart().startsWith("-");
+}
+function formatMoney(raw, currency, locale) {
+  if (typeof raw !== "string" || raw === "") return "";
+  if (!isMoneyString(raw)) return raw;
+  var value = Number(raw);
+  if (!Number.isFinite(value)) return raw;
+  if (!currency) {
+    return value.toLocaleString(locale, {
+      minimumFractionDigits: 2
+    });
+  }
+  try {
+    return value.toLocaleString(locale, {
+      style: "currency",
+      currency,
+      minimumFractionDigits: 2
+    });
+  } catch (unused) {
+    return `${currency} ${value.toLocaleString(locale, {
+      minimumFractionDigits: 2
+    })}`;
+  }
+}
+//# sourceMappingURL=money.native.js.map

package/dist/jsx/utils/money.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","money_exports","addMoney","compareMoney","formatMoney","isMoneyString","isNegativeMoney","moneyComparator","subtractMoney","sumMoney","sumMoneyByCurrency","module","exports","moneyPattern","scaleMoney","raw","_ref","_ref1","match","exec","whole","fraction","Error","JSON","stringify","magnitude","BigInt","units","scale","length","atScale","money","Math","pow","renderScaled","negative","digits","toString","padStart","split","slice","_match_","a","b","x","y","max","values","scaled","map","reduce","widest","m","total","rows","amountOf","currencyOf","totals","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","row","amount"],"sources":["../../../src/utils/money.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/utils/rowAccumulator.mjs

@@ -0,0 +1,23 @@
+function accumulateRows(data, accumulator) {
+  if (!accumulator) return {
+    rows: data,
+    total: void 0
+  };
+  const ordered = accumulator.order ? [...data].sort(accumulator.order) : data;
+  let carried = typeof accumulator.initial === "function" ? accumulator.initial() : accumulator.initial;
+  const rows = ordered.map((row, index) => {
+    carried = accumulator.reduce(carried, row, index);
+    const derived = accumulator.derive(carried, row, index);
+    if (!derived) return row;
+    return {
+      ...row,
+      ...derived
+    };
+  });
+  return {
+    rows,
+    total: accumulator.total ? accumulator.total(carried, rows.length) : void 0
+  };
+}
+export { accumulateRows };
+//# sourceMappingURL=rowAccumulator.mjs.map

package/dist/jsx/utils/rowAccumulator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["accumulateRows","data","accumulator","rows","total","ordered","order","sort","carried","initial","map","row","index","reduce","derived","derive","length"],"sources":["../../../src/utils/rowAccumulator.ts"],"sourcesContent":[null],"mappings":"AA6GO,SAASA,eACdC,IAAA,EACAC,WAAA,EAC6B;EAC7B,IAAI,CAACA,WAAA,EAAa,OAAO;IAAEC,IAAA,EAAMF,IAAA;IAAMG,KAAA,EAAO;EAAU;EAExD,MAAMC,OAAA,GAAUH,WAAA,CAAYI,KAAA,GAAQ,CAAC,GAAGL,IAAI,EAAEM,IAAA,CAAKL,WAAA,CAAYI,KAAK,IAAIL,IAAA;EAExE,IAAIO,OAAA,GACF,OAAON,WAAA,CAAYO,OAAA,KAAY,aAC1BP,WAAA,CAAYO,OAAA,CAA0B,IACvCP,WAAA,CAAYO,OAAA;EAElB,MAAMN,IAAA,GAAOE,OAAA,CAAQK,GAAA,CAAI,CAACC,GAAA,EAAKC,KAAA,KAAU;IACvCJ,OAAA,GAAUN,WAAA,CAAYW,MAAA,CAAOL,OAAA,EAASG,GAAA,EAAKC,KAAK;IAChD,MAAME,OAAA,GAAUZ,WAAA,CAAYa,MAAA,CAAOP,OAAA,EAASG,GAAA,EAAKC,KAAK;IAGtD,IAAI,CAACE,OAAA,EAAS,OAAOH,GAAA;IACrB,OAAO;MAAE,GAAGA,GAAA;MAAK,GAAGG;IAAQ;EAC9B,CAAC;EAED,OAAO;IACLX,IAAA;IACAC,KAAA,EAAOF,WAAA,CAAYE,KAAA,GAAQF,WAAA,CAAYE,KAAA,CAAMI,OAAA,EAASL,IAAA,CAAKa,MAAM,IAAI;EACvE;AACF","ignoreList":[]}

package/dist/jsx/utils/rowAccumulator.native.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var rowAccumulator_exports = {};
+__export(rowAccumulator_exports, {
+  accumulateRows: () => accumulateRows
+});
+module.exports = __toCommonJS(rowAccumulator_exports);
+function accumulateRows(data, accumulator) {
+  if (!accumulator) return {
+    rows: data,
+    total: void 0
+  };
+  var ordered = accumulator.order ? [...data].sort(accumulator.order) : data;
+  var carried = typeof accumulator.initial === "function" ? accumulator.initial() : accumulator.initial;
+  var rows = ordered.map(function (row, index) {
+    carried = accumulator.reduce(carried, row, index);
+    var derived = accumulator.derive(carried, row, index);
+    if (!derived) return row;
+    return {
+      ...row,
+      ...derived
+    };
+  });
+  return {
+    rows,
+    total: accumulator.total ? accumulator.total(carried, rows.length) : void 0
+  };
+}
+//# sourceMappingURL=rowAccumulator.native.js.map

package/dist/jsx/utils/rowAccumulator.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call"],"sources":["../../../src/utils/rowAccumulator.ts"],"sourcesContent":[null],"mappings":"AA6GO,YAAS;;AAId,IAAAA,SAAK,GAAAC,MAAa,CAAAC,cAAe;AAEjC,IAAAC,gBAAgB,GAAAF,MAAA,CAAYG,wBAAuB;AAEnD,IAAAC,iBACE,GAAOJ,MAAA,CAAAK,mBAAwB;AAIjC,IAAAC,YAAa,GAAAN,MAAQ,CAAAO,SAAU,CAAAC,cAAU;AACvC,IAAAC,QAAA,GAAUA,CAAAC,MAAA,EAAAC,GAAY;EACtB,SAAMC,IAAA,IAAAD,GAAU,EAGhBZ,SAAK,CAAAW,MAAS,EAAAE,IAAO;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AACrB;AAA4B,IAC7BC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAED,IAAAF,IAAO,WAAAA,IAAA,wBAAAA,IAAA;IACL,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,KAAOX,YAAY,CAAAe,IAAA,CAAAL,EAAQ,EAAAI,GAAA,KAAAA,GAAY,KAAMF,MAAA,EAC/CnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACF","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/table",
-  "version": "7.7.6",
+  "version": "7.8.0",
   "description": "Advanced table components with filtering, pagination, sorting, and URL state management",
   "keywords": [
     "cross-platform",
@@ -80,13 +80,13 @@
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/table-core": "^8.21.3",
     "tamagui": "2.7.6",
-    "@multiplatform.one/components": "7.7.6",
-    "@multiplatform.one/forms": "7.7.6",
-    "@multiplatform.one/platform": "7.7.6",
-    "@multiplatform.one/rich-text": "7.7.6",
-    "@multiplatform.one/router": "7.7.6",
-    "@multiplatform.one/table-primitives": "7.7.6",
-    "@multiplatform.one/theme": "7.7.6"
+    "@multiplatform.one/components": "7.8.0",
+    "@multiplatform.one/router": "7.8.0",
+    "@multiplatform.one/platform": "7.8.0",
+    "@multiplatform.one/table-primitives": "7.8.0",
+    "@multiplatform.one/forms": "7.8.0",
+    "@multiplatform.one/rich-text": "7.8.0",
+    "@multiplatform.one/theme": "7.8.0"
   },
   "devDependencies": {
     "@tamagui/build": "2.7.6",
@@ -98,10 +98,10 @@
     "react": "19.2.5",
     "react-dom": "19.2.5",
     "vitest": "^4.1.5",
-    "@multiplatform.one/config": "7.7.6",
-    "@multiplatform.one/router": "7.7.6",
-    "@multiplatform.one/storybook": "7.7.6",
-    "@multiplatform.one/test-utils": "7.7.6"
+    "@multiplatform.one/router": "7.8.0",
+    "@multiplatform.one/storybook": "7.8.0",
+    "@multiplatform.one/test-utils": "7.8.0",
+    "@multiplatform.one/config": "7.8.0"
   },
   "peerDependencies": {
     "i18next": "^25.0.0",

package/src/components/ColumnHeaderFilter/ColumnHeaderFilter.spec.tsx

@@ -1,6 +1,7 @@
-import { fireEvent } from "@testing-library/react";
+import { createEvent, fireEvent, screen, waitFor } from "@testing-library/react";
 import { describe, expect, it, vi } from "vitest";
 import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { useTheme } from "tamagui";
 import { ColumnHeaderFilter } from "./index";
 
 const renderTrigger = (props: Partial<Parameters<typeof ColumnHeaderFilter>[0]> = {}) =>
@@ -18,6 +19,33 @@ const trigger = (container: HTMLElement) =>
   container.querySelector('[aria-label="Filter column Status"]') as HTMLElement;
 
 describe("ColumnHeaderFilter trigger", () => {
+  it.each(["Enter", " "])("opens with %s without triggering header shortcuts", (key) => {
+    const parentKeyDown = vi.fn();
+    const { container } = renderWithProviders(
+      <div onKeyDown={parentKeyDown}>
+        <ColumnHeaderFilter
+          columnId="status"
+          columnLabel="Status"
+          columnType="text"
+          onFilterChange={() => {}}
+        />
+      </div>,
+    );
+    const floor = trigger(container);
+    expect(floor.tabIndex).toBe(0);
+    const event = createEvent.keyDown(floor, { key, bubbles: true, cancelable: true });
+    fireEvent(floor, event);
+    expect(event.defaultPrevented).toBe(true);
+    expect(parentKeyDown).not.toHaveBeenCalled();
+    expect(document.body.textContent).toContain("Filter: Status");
+  });
+
+  it("keeps ordinary typing out of the opener", () => {
+    const { container } = renderTrigger();
+    fireEvent.keyDown(trigger(container), { key: "x" });
+    expect(document.body.textContent).not.toContain("Filter: Status");
+  });
+
   it("renders the funnel trigger with its column-scoped name", () => {
     const { container } = renderTrigger();
     expect(trigger(container)).not.toBeNull();
@@ -61,6 +89,8 @@ describe("ColumnHeaderFilter press-floor paint (LC-54 amendment)", () => {
     const { container } = renderTrigger();
     const floor = trigger(container);
     expect(floor.className).not.toMatch(paintedStateAtom);
+    expect(floor.className).toContain("mp-chip-dismiss");
+    expect(floor.firstElementChild?.className).toContain("mp-chip-dismiss-ring");
   });
 
   it("positive control: the glyph-scale ring is where the hover fill lives", () => {
@@ -75,11 +105,116 @@ describe("ColumnHeaderFilter press-floor paint (LC-54 amendment)", () => {
     expect(ring.querySelector("svg")).not.toBeNull();
   });
 
-  it("an applied filter keeps full rest opacity (honest active state)", () => {
-    // 0.7 compiles to the `_o-0--7` atom (dots escape as double dashes).
-    const idle = renderTrigger();
-    expect(trigger(idle.container).className).toMatch(/_o-0--7/);
-    const filtered = renderTrigger({ isFiltered: true });
-    expect(trigger(filtered.container).className).not.toMatch(/_o-0--7/);
+  for (const isFiltered of [false, true]) {
+    it(`keeps enabled glyph ink at full rest opacity (filtered=${isFiltered})`, () => {
+      let expectedInk = "";
+      function Sample() {
+        const theme = useTheme();
+        // This provider has no accent ramp; the active hook uses readable ink.
+        expectedInk = String(isFiltered ? theme.color12?.val : theme.color11?.val);
+        return (
+          <ColumnHeaderFilter
+            columnId="status"
+            columnLabel="Status"
+            columnType="text"
+            onFilterChange={() => {}}
+            isFiltered={isFiltered}
+          />
+        );
+      }
+      const { container } = renderWithProviders(<Sample />);
+      const svg = trigger(container).querySelector("svg")!;
+      expect(svg.getAttribute("fill")).toBe(expectedInk);
+      expect(svg.getAttribute("fill")).not.toContain("var(");
+      for (
+        let node = svg.parentElement;
+        node && node !== document.body;
+        node = node.parentElement
+      ) {
+        expect(Number(getComputedStyle(node).opacity || 1)).toBe(1);
+      }
+    });
+  }
+});
+
+describe("ColumnHeaderFilter applied draft", () => {
+  const input = () => screen.getByPlaceholderText("Enter value...") as HTMLInputElement;
+  const apply = () => fireEvent.click(screen.getByRole("button", { name: "Apply" }));
+  const sample = (filterValue: { operator: string; value: unknown } | undefined) => (
+    <ColumnHeaderFilter
+      columnId="status"
+      columnLabel="Status"
+      columnType="text"
+      filterValue={filterValue}
+      isFiltered={filterValue !== undefined}
+      onFilterChange={() => {}}
+    />
+  );
+
+  it("opens with the supplied operator and value", () => {
+    const { container } = renderTrigger({ filterValue: { operator: "is", value: "corp" } });
+    fireEvent.click(trigger(container));
+    expect(input().value).toBe("corp");
+    expect(screen.getByRole("combobox", { name: "Condition" }).textContent).toBe("Is");
+  });
+
+  it("keeps an open draft when an external filter update arrives", () => {
+    const result = renderWithProviders(sample({ operator: "contains", value: "corp" }));
+    fireEvent.click(trigger(result.container));
+    fireEvent.change(input(), { target: { value: "draft" } });
+    result.rerender(sample({ operator: "is", value: "external" }));
+    expect(input().value).toBe("draft");
+    expect(screen.getByRole("combobox", { name: "Condition" }).textContent).toBe("Contains");
+  });
+
+  it("reads the latest external filter when reopened", async () => {
+    const result = renderWithProviders(sample({ operator: "contains", value: "corp" }));
+    fireEvent.click(trigger(result.container));
+    apply();
+    await waitFor(() => expect(screen.queryByPlaceholderText("Enter value...")).toBeNull());
+    result.rerender(sample({ operator: "is", value: "external" }));
+    fireEvent.click(trigger(result.container));
+    expect(input().value).toBe("external");
+    expect(screen.getByRole("combobox", { name: "Condition" }).textContent).toBe("Is");
+  });
+
+  it("clears without closing, then applies the newly composed draft", () => {
+    const onFilterChange = vi.fn();
+    const { container } = renderTrigger({
+      isFiltered: true,
+      filterValue: { operator: "contains", value: "corp" },
+      onFilterChange,
+    });
+    fireEvent.click(trigger(container));
+    fireEvent.click(screen.getByRole("button", { name: "Clear" }));
+    expect(onFilterChange).toHaveBeenLastCalledWith(undefined);
+    expect(input().value).toBe("");
+    fireEvent.change(input(), { target: { value: "next" } });
+    apply();
+    expect(onFilterChange).toHaveBeenLastCalledWith({ operator: "contains", value: "next" });
+  });
+
+  it("resets to the default when the applied filter was removed while closed", async () => {
+    const result = renderWithProviders(sample({ operator: "is", value: "corp" }));
+    fireEvent.click(trigger(result.container));
+    fireEvent.change(input(), { target: { value: "draft" } });
+    apply();
+    await waitFor(() => expect(screen.queryByPlaceholderText("Enter value...")).toBeNull());
+    result.rerender(sample(undefined));
+    fireEvent.click(trigger(result.container));
+    expect(input().value).toBe("");
+    expect(screen.getByRole("combobox", { name: "Condition" }).textContent).toBe("Contains");
+  });
+
+  it("uses an offered numeric condition initially and after Clear", () => {
+    const onFilterChange = vi.fn();
+    const { container } = renderTrigger({ columnType: "number", isFiltered: true, onFilterChange });
+    fireEvent.click(trigger(container));
+    expect(screen.getByRole("combobox", { name: "Condition" }).textContent).toBe("Is");
+    fireEvent.click(screen.getByRole("button", { name: "Clear" }));
+    expect(screen.getByRole("combobox", { name: "Condition" }).textContent).toBe("Is");
+    fireEvent.change(input(), { target: { value: "50" } });
+    apply();
+    expect(onFilterChange).toHaveBeenLastCalledWith({ operator: "is", value: "50" });
   });
 });

package/src/components/ColumnHeaderFilter/ColumnHeaderFilter.stories.tsx

@@ -1,8 +1,12 @@
 import type { Meta } from "@storybook/react-native-web-vite";
-import { YStack, Text } from "tamagui";
+import { useState } from "react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { YStack, XStack, Text } from "tamagui";
+import { ColumnHeaderFilter, type ColumnFilterType } from "./index";
 
 const meta: Meta = {
   title: "Table/ColumnHeaderFilter",
+  component: ColumnHeaderFilter,
   parameters: {
     status: { type: "stable" },
   },
@@ -10,14 +14,47 @@ const meta: Meta = {
 
 export default meta;
 
-export const Default = {
-  name: "Main",
-  render: () => (
-    <YStack padding="$4">
-      <Text fontSize="$2" color="$color10">
-        ColumnHeaderFilter provides AG Grid-style column filtering with operators and value inputs.
-        It requires a DataTable column context. See DataTable stories for integrated usage.
+function ControlledColumn({
+  initiallyFiltered = false,
+  columnType = "text",
+}: {
+  initiallyFiltered?: boolean;
+  columnType?: ColumnFilterType;
+}) {
+  const label = columnType === "number" ? "Amount" : "Invoice";
+  const { knobProps } = useResolvedKnobs();
+  const [filter, setFilter] = useState<{ operator: string; value: string } | undefined>(
+    initiallyFiltered ? { operator: "contains", value: "corp" } : undefined,
+  );
+  return (
+    <YStack {...knobProps.panelPadding} {...knobProps.gap}>
+      <XStack alignItems="center" {...knobProps.gap}>
+        <Text {...knobProps.label}>{label}</Text>
+        <ColumnHeaderFilter
+          columnId="invoice"
+          columnLabel={label}
+          columnType={columnType}
+          filterValue={filter}
+          isFiltered={filter !== undefined}
+          onFilterChange={setFilter}
+        />
+      </XStack>
+      <Text {...knobProps.body} aria-live="polite">
+        {filter ? `Applied: ${filter.operator} ${filter.value ?? ""}` : "No filter applied"}
       </Text>
     </YStack>
-  ),
+  );
+}
+
+export const Default = {
+  name: "Main",
+  render: () => <ControlledColumn />,
+};
+
+export const Filtered = {
+  render: () => <ControlledColumn initiallyFiltered />,
+};
+
+export const NumberColumn = {
+  render: () => <ControlledColumn columnType="number" />,
 };