@multiplatform.one/table 6.1.0 → 6.3.0

package/dist/jsx/components/DataTableFilterButton/index.native.js

@@ -0,0 +1,402 @@
+"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 DataTableFilterButton_exports = {};
+__export(DataTableFilterButton_exports, {
+  DataTableFilterButton: () => DataTableFilterButton
+});
+module.exports = __toCommonJS(DataTableFilterButton_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@phosphor-icons/react");
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_t = require("../../shared/t.native.js");
+var import_filterFields = require("../../utils/filterFields.native.js");
+var import_DataTableStateContext = require("../DataTable/DataTableStateContext.native.js");
+var import_FilterOperatorValueEditor = require("../FilterOperatorValueEditor/index.native.js");
+function FieldRow(param) {
+  var {
+    field,
+    highlighted,
+    onSelect
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    role: "option",
+    "aria-selected": highlighted,
+    tabIndex: 0,
+    cursor: "pointer",
+    paddingHorizontal: "$2.5",
+    paddingVertical: "$2",
+    ...knobProps.borderRadius,
+    backgroundColor: highlighted ? "$color4" : "transparent",
+    hoverStyle: {
+      backgroundColor: "$color4"
+    },
+    pressStyle: {
+      backgroundColor: "$color5"
+    },
+    focusVisibleStyle: {
+      outlineColor: "$outlineColor",
+      outlineWidth: 2,
+      outlineStyle: "solid"
+    },
+    onPress: function onPress() {
+      return onSelect(field);
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onSelect(field);
+      }
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontSize: "$3",
+      color: "$color12",
+      numberOfLines: 1,
+      children: field.label
+    })
+  });
+}
+function GroupHeader(param) {
+  var {
+    children
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    fontSize: "$1",
+    fontWeight: "600",
+    color: "$color10",
+    textTransform: "uppercase",
+    letterSpacing: 0.5,
+    paddingHorizontal: "$2.5",
+    paddingTop: "$2",
+    paddingBottom: "$1",
+    children
+  });
+}
+function DataTableFilterButton() {
+  var _ref, _ref1, _ref2, _ref3;
+  var _ctx_computed, _ctx_filterUi, _ctx_state_filters, _ctx_state_columnFilters;
+  var ctx = (0, import_DataTableStateContext.useDataTableState)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var viewportGtSm = (0, import_forms.useViewportGtSm)();
+  var BackCaretIcon = (0, import_components.useDirection)() === "rtl" ? import_react.CaretRightIcon : import_react.CaretLeftIcon;
+  var [open, setOpen] = (0, import_react2.useState)(false);
+  var [search, setSearch] = (0, import_react2.useState)("");
+  var [highlightedIndex, setHighlightedIndex] = (0, import_react2.useState)(0);
+  var [activeField, setActiveField] = (0, import_react2.useState)(null);
+  var [operator, setOperator] = (0, import_react2.useState)("contains");
+  var [value, setValue] = (0, import_react2.useState)("");
+  var [columnTarget, setColumnTarget] = (0, import_react2.useState)(null);
+  var advancedIdRef = (0, import_react2.useRef)(null);
+  var [editingExisting, setEditingExisting] = (0, import_react2.useState)(false);
+  var fields = (_ref = ctx === null || ctx === void 0 ? void 0 : (_ctx_computed = ctx.computed) === null || _ctx_computed === void 0 ? void 0 : _ctx_computed.filterFields) !== null && _ref !== void 0 ? _ref : [];
+  var table = ctx === null || ctx === void 0 ? void 0 : ctx.table;
+  var visibleColumnIds = (0, import_react2.useMemo)(function () {
+    if (!table) return /* @__PURE__ */new Set();
+    return new Set(table.getVisibleLeafColumns().map(function (c) {
+      return c.id;
+    }));
+  }, [table, open]);
+  var query = search.trim().toLowerCase();
+  var matching = (0, import_react2.useMemo)(function () {
+    return query ? fields.filter(function (f) {
+      return f.label.toLowerCase().includes(query) || f.id.toLowerCase().includes(query);
+    }) : fields;
+  }, [fields, query]);
+  var columnFields = (0, import_react2.useMemo)(function () {
+    return matching.filter(function (f) {
+      return visibleColumnIds.has(f.id);
+    });
+  }, [matching, visibleColumnIds]);
+  var moreFields = (0, import_react2.useMemo)(function () {
+    return matching.filter(function (f) {
+      return !visibleColumnIds.has(f.id);
+    });
+  }, [matching, visibleColumnIds]);
+  var flatList = (0, import_react2.useMemo)(function () {
+    return [...columnFields, ...moreFields];
+  }, [columnFields, moreFields]);
+  var resetEditor = (0, import_react2.useCallback)(function () {
+    setActiveField(null);
+    setColumnTarget(null);
+    setEditingExisting(false);
+    advancedIdRef.current = null;
+    setSearch("");
+    setHighlightedIndex(0);
+  }, []);
+  var commit = (0, import_react2.useCallback)(function (field, op, val) {
+    if (!ctx) return;
+    var noValue = (0, import_filterFields.operatorNeedsNoValue)(op);
+    var filterValue = {
+      operator: op,
+      value: noValue ? null : val
+    };
+    if (columnTarget) {
+      var _table_getColumn;
+      table === null || table === void 0 ? void 0 : (_table_getColumn = table.getColumn(columnTarget)) === null || _table_getColumn === void 0 ? void 0 : _table_getColumn.setFilterValue(filterValue);
+      return;
+    }
+    var meaningful = noValue || val !== "";
+    if (advancedIdRef.current) {
+      var _ctx_actions_updateFilter, _ctx_actions;
+      (_ctx_actions_updateFilter = (_ctx_actions = ctx.actions).updateFilter) === null || _ctx_actions_updateFilter === void 0 ? void 0 : _ctx_actions_updateFilter.call(_ctx_actions, advancedIdRef.current, {
+        columnId: field.id,
+        value: filterValue,
+        label: field.label
+      });
+    } else if (meaningful) {
+      var _ctx_actions_addFilter;
+      advancedIdRef.current = (_ctx_actions_addFilter = ctx.actions.addFilter({
+        columnId: field.id,
+        value: filterValue,
+        label: field.label
+      })) !== null && _ctx_actions_addFilter !== void 0 ? _ctx_actions_addFilter : null;
+    }
+  }, [ctx, columnTarget, table]);
+  var handleSelectField = (0, import_react2.useCallback)(function (field) {
+    setActiveField(field);
+    setOperator((0, import_filterFields.defaultOperatorForFilterType)(field.type));
+    setValue("");
+    setEditingExisting(false);
+    advancedIdRef.current = null;
+    setColumnTarget(null);
+  }, []);
+  var handleOperatorChange = (0, import_react2.useCallback)(function (op) {
+    setOperator(op);
+    if (activeField) commit(activeField, op, value);
+  }, [activeField, commit, value]);
+  var handleValueChange = (0, import_react2.useCallback)(function (val) {
+    setValue(val);
+    if (activeField) commit(activeField, operator, val);
+  }, [activeField, commit, operator]);
+  var handleOpenChange = (0, import_react2.useCallback)(function (next) {
+    setOpen(next);
+    if (next) return;
+    var id = advancedIdRef.current;
+    if (id && !(0, import_filterFields.operatorNeedsNoValue)(operator) && value === "") {
+      ctx === null || ctx === void 0 ? void 0 : ctx.actions.removeFilter(id);
+    }
+    resetEditor();
+  }, [ctx, operator, value, resetEditor]);
+  var handleRemoveCurrent = (0, import_react2.useCallback)(function () {
+    if (columnTarget) {
+      var _table_getColumn;
+      table === null || table === void 0 ? void 0 : (_table_getColumn = table.getColumn(columnTarget)) === null || _table_getColumn === void 0 ? void 0 : _table_getColumn.setFilterValue(void 0);
+    } else if (advancedIdRef.current) {
+      ctx === null || ctx === void 0 ? void 0 : ctx.actions.removeFilter(advancedIdRef.current);
+    }
+    advancedIdRef.current = null;
+    resetEditor();
+  }, [ctx, columnTarget, table, resetEditor]);
+  var editTarget = (_ref1 = ctx === null || ctx === void 0 ? void 0 : (_ctx_filterUi = ctx.filterUi) === null || _ctx_filterUi === void 0 ? void 0 : _ctx_filterUi.editTarget) !== null && _ref1 !== void 0 ? _ref1 : null;
+  (0, import_react2.useEffect)(function () {
+    var _ctx_filterUi2;
+    if (!editTarget || !ctx) return;
+    (_ctx_filterUi2 = ctx.filterUi) === null || _ctx_filterUi2 === void 0 ? void 0 : _ctx_filterUi2.requestEdit(null);
+    var openWith = function openWith2(field2, filterValue, target) {
+      var _filterValue_value;
+      setActiveField(field2);
+      setOperator(filterValue.operator);
+      setValue(String((_filterValue_value = filterValue.value) !== null && _filterValue_value !== void 0 ? _filterValue_value : ""));
+      setEditingExisting(true);
+      setColumnTarget(target.kind === "column" ? target.columnId : null);
+      advancedIdRef.current = target.kind === "advanced" ? target.filterId : null;
+      setOpen(true);
+    };
+    if (editTarget.kind === "advanced") {
+      var filter = ctx.state.filters.find(function (f) {
+        return f.id === editTarget.filterId;
+      });
+      var field = filter && fields.find(function (f) {
+        return f.id === filter.columnId;
+      });
+      if (filter && field) openWith(field, filter.value, editTarget);
+    } else if (editTarget.kind === "column") {
+      var columnFilter = ctx.state.columnFilters.find(function (cf) {
+        return cf.id === editTarget.columnId;
+      });
+      var field1 = fields.find(function (f) {
+        return f.id === editTarget.columnId;
+      });
+      if (field1 && columnFilter && (0, import_filterFields.isFilterValueShape)(columnFilter.value)) {
+        openWith(field1, columnFilter.value, editTarget);
+      }
+    } else {
+      resetEditor();
+      setOpen(true);
+    }
+  }, [editTarget, ctx, fields, resetEditor]);
+  var handleListKeyDown = (0, import_react2.useCallback)(function (e) {
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setHighlightedIndex(function (i) {
+        return Math.min(i + 1, flatList.length - 1);
+      });
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setHighlightedIndex(function (i) {
+        return Math.max(i - 1, 0);
+      });
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      var field = flatList[highlightedIndex];
+      if (field) handleSelectField(field);
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      handleOpenChange(false);
+    }
+  }, [flatList, highlightedIndex, handleSelectField, handleOpenChange]);
+  if (!ctx || fields.length === 0) return null;
+  var activeChipCount = ((_ref2 = (_ctx_state_filters = ctx.state.filters) === null || _ctx_state_filters === void 0 ? void 0 : _ctx_state_filters.length) !== null && _ref2 !== void 0 ? _ref2 : 0) + ((_ref3 = (_ctx_state_columnFilters = ctx.state.columnFilters) === null || _ctx_state_columnFilters === void 0 ? void 0 : _ctx_state_columnFilters.filter(function (cf) {
+    return (0, import_filterFields.isFilterValueShape)(cf.value);
+  }).length) !== null && _ref3 !== void 0 ? _ref3 : 0);
+  var sheetMode = !import_tamagui.isWeb || !viewportGtSm;
+  var trigger = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+    size: "$3",
+    variant: "outlined",
+    "aria-label": (0, import_t.t)("Filter"),
+    icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
+      size: 14,
+      weight: activeChipCount > 0 ? "fill" : "regular"
+    }),
+    ...(sheetMode ? {
+      onPress: function onPress() {
+        return handleOpenChange(!open);
+      }
+    } : {}),
+    children: activeChipCount > 0 ? `${(0, import_t.t)("Filter")} (${activeChipCount})` : (0, import_t.t)("Filter")
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FloatingPanel, {
+    open,
+    onOpenChange: handleOpenChange,
+    trigger,
+    fitContent: true,
+    scrollable: false,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      minWidth: 280,
+      maxWidth: 360,
+      ...knobProps.gap,
+      children: activeField ?
+      // Stage 2 — operator/value editor (live commit, no Apply)
+      /* @__PURE__ */
+      (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          alignItems: "center",
+          gap: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            chromeless: true,
+            "aria-label": (0, import_t.t)("Back to field list"),
+            onPress: function onPress() {
+              resetEditor();
+            },
+            icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(BackCaretIcon, {
+              size: 14
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: knobProps.sizeToken,
+            fontWeight: "600",
+            color: "$color11",
+            flex: 1,
+            children: (0, import_t.t)("Filter: {{column}}", {
+              column: activeField.label
+            })
+          })]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FilterOperatorValueEditor.FilterOperatorValueEditor, {
+          fieldType: activeField.type,
+          operator,
+          value,
+          onOperatorChange: handleOperatorChange,
+          onValueChange: handleValueChange,
+          options: activeField.options
+        }), editingExisting && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          justifyContent: "flex-end",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            variant: "outlined",
+            onPress: handleRemoveCurrent,
+            children: (0, import_t.t)("Remove filter")
+          })
+        })]
+      }) :
+      // Stage 1 — searchable field list, visible columns first
+      /* @__PURE__ */
+      (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        ...knobProps.gap,
+        onKeyDown: handleListKeyDown,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.SearchInput, {
+          value: search,
+          onChange: function onChange(text) {
+            setSearch(text);
+            setHighlightedIndex(0);
+          },
+          debounceMs: 0,
+          placeholder: (0, import_t.t)("Search fields..."),
+          size: "$3",
+          compact: true,
+          "aria-label": (0, import_t.t)("Search fields")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          role: "list",
+          "aria-label": (0, import_t.t)("Filterable fields"),
+          maxHeight: 320,
+          overflow: "scroll",
+          children: [columnFields.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(GroupHeader, {
+            children: (0, import_t.t)("Columns")
+          }), columnFields.map(function (field) {
+            var _flatList_highlightedIndex;
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FieldRow, {
+              field,
+              highlighted: ((_flatList_highlightedIndex = flatList[highlightedIndex]) === null || _flatList_highlightedIndex === void 0 ? void 0 : _flatList_highlightedIndex.id) === field.id,
+              onSelect: handleSelectField
+            }, field.id);
+          }), moreFields.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(GroupHeader, {
+            children: (0, import_t.t)("More fields")
+          }), moreFields.map(function (field) {
+            var _flatList_highlightedIndex;
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FieldRow, {
+              field,
+              highlighted: ((_flatList_highlightedIndex = flatList[highlightedIndex]) === null || _flatList_highlightedIndex === void 0 ? void 0 : _flatList_highlightedIndex.id) === field.id,
+              onSelect: handleSelectField
+            }, field.id);
+          }), flatList.length === 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$2",
+            color: "$color10",
+            padding: "$2.5",
+            children: (0, import_t.t)("No fields match")
+          })]
+        })]
+      })
+    })
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/components/DataTableFilterButton/index.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","DataTableFilterButton_exports","DataTableFilterButton","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_theme","import_react2","import_tamagui","import_t","import_filterFields","import_DataTableStateContext","import_FilterOperatorValueEditor","FieldRow","param","field","highlighted","onSelect","knobProps","useResolvedKnobs","jsx","View","role","tabIndex","cursor","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","onPress","onKeyDown","e","preventDefault","children","Text","fontSize","color","numberOfLines","label","GroupHeader","fontWeight","textTransform","letterSpacing","paddingTop","paddingBottom","_ref","_ref1","_ref2","_ref3","_ctx_computed","_ctx_filterUi","_ctx_state_filters","_ctx_state_columnFilters","ctx","useDataTableState","viewportGtSm","useViewportGtSm","BackCaretIcon","useDirection","CaretRightIcon","CaretLeftIcon","open","setOpen","useState","search","setSearch","highlightedIndex","setHighlightedIndex","activeField","setActiveField","operator","setOperator","setValue","columnTarget","setColumnTarget","advancedIdRef","useRef","editingExisting","setEditingExisting","fields","computed","filterFields","table","visibleColumnIds","useMemo","Set","getVisibleLeafColumns","map","c","id","query","trim","toLowerCase","matching","filter","f","includes","columnFields","has","moreFields","flatList","resetEditor","useCallback","current","commit","op","val","noValue","operatorNeedsNoValue","filterValue","_table_getColumn","getColumn","setFilterValue","meaningful","_ctx_actions_updateFilter","_ctx_actions","actions","updateFilter","columnId","_ctx_actions_addFilter","addFilter","handleSelectField","defaultOperatorForFilterType","type","handleOperatorChange","handleValueChange","handleOpenChange","next","removeFilter","handleRemoveCurrent","editTarget","filterUi","useEffect","_ctx_filterUi2","requestEdit","openWith","openWith2","field2","_filterValue_value","String","kind","filterId","state","filters","find","columnFilter","columnFilters","cf","field1","isFilterValueShape","handleListKeyDown","i","Math","min","length","max","activeChipCount","sheetMode","isWeb","trigger","Button","size","variant","t","icon","FunnelIcon","weight"],"sources":["../../../../src/components/DataTableFilterButton/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/components/DataTableFilterChips/index.mjs

@@ -0,0 +1,95 @@
+import { Button } from "@multiplatform.one/forms";
+import { Chip } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useCallback, useMemo } from "react";
+import { View, XStack } from "tamagui";
+import { t } from "../../shared/t.mjs";
+import { getFilterChipLabel, isFilterValueShape } from "../../utils/filterFields.mjs";
+import { useDataTableState } from "../DataTable/DataTableStateContext.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DataTableFilterChips() {
+  const ctx = useDataTableState();
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const fields = ctx?.computed?.filterFields ?? [];
+  const fieldFor = useCallback(id => fields.find(f => f.id === id), [fields]);
+  const chips = useMemo(() => {
+    if (!ctx) return [];
+    const items = [];
+    for (const filter of ctx.state.filters ?? []) {
+      const field = fieldFor(filter.columnId);
+      const label = getFilterChipLabel(field?.label ?? filter.label ?? filter.columnId, filter.value, field?.options);
+      items.push({
+        key: `advanced-${filter.id}`,
+        label,
+        target: {
+          kind: "advanced",
+          filterId: filter.id
+        },
+        onRemove: () => ctx.actions.removeFilter(filter.id)
+      });
+    }
+    for (const columnFilter of ctx.state.columnFilters ?? []) {
+      if (!isFilterValueShape(columnFilter.value)) continue;
+      const field = fieldFor(columnFilter.id);
+      const label = getFilterChipLabel(field?.label ?? columnFilter.id, columnFilter.value, field?.options);
+      items.push({
+        key: `column-${columnFilter.id}`,
+        label,
+        target: {
+          kind: "column",
+          columnId: columnFilter.id
+        },
+        onRemove: () => ctx.table.getColumn(columnFilter.id)?.setFilterValue(void 0)
+      });
+    }
+    return items;
+  }, [ctx, ctx?.state.filters, ctx?.state.columnFilters, fieldFor]);
+  const handleClearAll = useCallback(() => {
+    if (!ctx) return;
+    ctx.actions.setFilters([]);
+    ctx.table.setColumnFilters(prev => prev.filter(cf => !isFilterValueShape(cf.value)));
+  }, [ctx]);
+  if (!ctx || chips.length === 0) return null;
+  return /* @__PURE__ */jsxs(XStack, {
+    flexWrap: "wrap",
+    alignItems: "center",
+    gap: "$2",
+    paddingVertical: "$1.5",
+    "aria-label": t("Active filters"),
+    children: [chips.map(chip => /* @__PURE__ */jsx(View, {
+      role: "button",
+      tabIndex: 0,
+      "aria-label": t("Edit filter {{label}}", {
+        label: chip.label
+      }),
+      cursor: "pointer",
+      ...knobProps.borderRadius,
+      focusVisibleStyle: {
+        outlineColor: "$outlineColor",
+        outlineWidth: 2,
+        outlineStyle: "solid"
+      },
+      onPress: () => ctx.filterUi?.requestEdit(chip.target),
+      onKeyDown: e => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          ctx.filterUi?.requestEdit(chip.target);
+        }
+      },
+      children: /* @__PURE__ */jsx(Chip, {
+        color: "blue",
+        onDismiss: chip.onRemove,
+        children: chip.label
+      })
+    }, chip.key)), chips.length >= 2 && /* @__PURE__ */jsx(Button, {
+      size: "$2",
+      chromeless: true,
+      onPress: handleClearAll,
+      children: t("Clear all")
+    })]
+  });
+}
+export { DataTableFilterChips };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/components/DataTableFilterChips/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","Chip","useResolvedKnobs","useCallback","useMemo","View","XStack","t","getFilterChipLabel","isFilterValueShape","useDataTableState","jsx","jsxs","DataTableFilterChips","ctx","knobProps","fields","computed","filterFields","fieldFor","id","find","f","chips","items","filter","state","filters","field","columnId","label","value","options","push","key","target","kind","filterId","onRemove","actions","removeFilter","columnFilter","columnFilters","table","getColumn","setFilterValue","handleClearAll","setFilters","setColumnFilters","prev","cf","length","flexWrap","alignItems","gap","paddingVertical","children","map","chip","role","tabIndex","cursor","borderRadius","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","onPress","filterUi","requestEdit","onKeyDown","e","preventDefault","color","onDismiss","size","chromeless"],"sources":["../../../../src/components/DataTableFilterChips/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}