@multiplatform.one/table 6.0.0

package/dist/cjs/components/ChildTable/index.cjs

@@ -0,0 +1,85 @@
+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 ChildTable_exports = {};
+__export(ChildTable_exports, {
+  ChildTable: () => ChildTable
+});
+module.exports = __toCommonJS(ChildTable_exports);
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+var import_TableInput = require("../TableInput/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ChildTable(props) {
+  const {
+    name,
+    form,
+    value,
+    onChange,
+    columns,
+    defaultRow,
+    disabled,
+    readOnly,
+    minRows,
+    maxRows,
+    showRowNumbers = true,
+    showAddRow = true,
+    showDeleteRow = true,
+    label,
+    error,
+    helperText,
+    required,
+    id: idProp
+  } = (0, import_tamagui.useProps)(props);
+  const {
+    knobProps,
+    id
+  } = (0, import_forms.useFormField)({
+    form,
+    id: idProp
+  });
+  const hasLayout = label || error || helperText || required;
+  const table = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TableInput.TableInput, {
+    name,
+    form,
+    data: value ?? [],
+    onDataChange: onChange,
+    columns: columns ?? [],
+    defaultRow,
+    readOnly: readOnly || disabled,
+    minRows,
+    maxRows,
+    showRowNumbers,
+    showAddRow: showAddRow && !readOnly && !disabled,
+    showDeleteRow: showDeleteRow && !readOnly && !disabled
+  });
+  if (!hasLayout) return table;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FieldLayout, {
+    id,
+    label,
+    error,
+    helperText,
+    required,
+    knobProps,
+    children: table
+  });
+}

package/dist/cjs/components/ChildTable/index.native.js

@@ -0,0 +1,88 @@
+"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 ChildTable_exports = {};
+__export(ChildTable_exports, {
+  ChildTable: () => ChildTable
+});
+module.exports = __toCommonJS(ChildTable_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_tamagui = require("tamagui");
+var import_TableInput = require("../TableInput/index.native.js");
+function ChildTable(props) {
+  var {
+    name,
+    form,
+    value,
+    onChange,
+    columns,
+    defaultRow,
+    disabled,
+    readOnly,
+    minRows,
+    maxRows,
+    showRowNumbers = true,
+    showAddRow = true,
+    showDeleteRow = true,
+    label,
+    error,
+    helperText,
+    required,
+    id: idProp
+  } = (0, import_tamagui.useProps)(props);
+  var {
+    knobProps,
+    id
+  } = (0, import_forms.useFormField)({
+    form,
+    id: idProp
+  });
+  var hasLayout = label || error || helperText || required;
+  var table = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TableInput.TableInput, {
+    name,
+    form,
+    data: value !== null && value !== void 0 ? value : [],
+    onDataChange: onChange,
+    columns: columns !== null && columns !== void 0 ? columns : [],
+    defaultRow,
+    readOnly: readOnly || disabled,
+    minRows,
+    maxRows,
+    showRowNumbers,
+    showAddRow: showAddRow && !readOnly && !disabled,
+    showDeleteRow: showDeleteRow && !readOnly && !disabled
+  });
+  if (!hasLayout) return table;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FieldLayout, {
+    id,
+    label,
+    error,
+    helperText,
+    required,
+    knobProps,
+    children: table
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/components/ChildTable/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ChildTable_exports","__export","ChildTable","module","exports","import_jsx_runtime","require","import_forms","import_tamagui","import_TableInput","props","name","form","onChange","columns","defaultRow","disabled","readOnly","minRows","maxRows","showRowNumbers","showAddRow","showDeleteRow","label","error","helperText","required","id","idProp","useProps","knobProps","useFormField","hasLayout","table","jsx","TableInput","data","onDataChange","FieldLayout","children"],"sources":["../../../../src/components/ChildTable/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAA2D,CAAAK,kBAAA;AAC3D,IAAAK,kBAAyB,GAAAC,OAAA;AACzB,IAAAC,YAAA,GAAAD,OAA2B;AAqDvB,IAAAE,cAAA,GAAAF,OAAA;AA5BG,IAAAG,iBACL,GAAAH,OACA;AACA,SAAMJ,WAAAQ,KAAA;EAAA,IACJ;IAAAC,IAAA;IAAAC,IAAA;IAAAb,KAAA;IAAAc,QAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,aAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,EAAA,EAAAC;EAAA,QAAApB,cAAA,CAAAqB,QAAA,EAAAnB,KAAA;EAAA,IACA;IAAAoB,SAAA;IAAAH;EAAA,QAAApB,YAAA,CAAAwB,YAAA;IACAnB,IAAA;IACAe,EAAA,EAAAC;EAAA,EACA;EAAA,IACAI,SAAA,GAAAT,KAAA,IAAAC,KAAA,IAAAC,UAAA,IAAAC,QAAA;EAAA,IACAO,KAAA,sBAAA5B,kBAAA,CAAA6B,GAAA,EAAAzB,iBAAA,CAAA0B,UAAA;IACAxB,IAAA;IACAC,IAAA;IACAwB,IAAA,EAAArC,KAAA,aAAAA,KAAA,cAAAA,KAAA;IACAsC,YAAA,EAAAxB,QAAiB;IACjBC,OAAA,EAAAA,OAAa,aAAAA,OAAA,cAAAA,OAAA;IACbC,UAAA;IACAE,QAAA,EAAAA,QAAA,IAAAD,QAAA;IACAE,OAAA;IACAC,OAAA;IACAC,cAAA;IACAC,UAAI,EAAAA,UAAA,KAAAJ,QAAA,KAAAD,QAAA;IACNM,aAAI,EAAAA,aAAA,IAAS,CAAAL,QAAK,KAAAD;EAElB;EACA,KAAAgB,SAAM,SAAYC,KAAS;EAE3B,OAAM,eACJ,IAAA5B,kBAAA,CAAA6B,GAAA,EAAA3B,YAAA,CAAA+B,WAAA;IAACX,EAAA;IAAAJ,KAAA;IAAAC,KACC;IAAAC,UACA;IAAAC,QACM;IAAUI,SAChB;IAAcS,QACd,EAAAN;EAAqB;AACrB","ignoreList":[]}

package/dist/cjs/components/ColumnHeaderFilter/ColumnHeaderFilter.stories.cjs

@@ -0,0 +1,50 @@
+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 ColumnHeaderFilter_stories_exports = {};
+__export(ColumnHeaderFilter_stories_exports, {
+  Default: () => Default,
+  default: () => ColumnHeaderFilter_stories_default
+});
+module.exports = __toCommonJS(ColumnHeaderFilter_stories_exports);
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+const meta = {
+  title: "Table/ColumnHeaderFilter",
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var ColumnHeaderFilter_stories_default = meta;
+const Default = {
+  name: "Main",
+  render: () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    padding: "$4",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontSize: "$2",
+      color: "$color10",
+      children: "ColumnHeaderFilter provides AG Grid-style column filtering with operators and value inputs. It requires a DataTable column context. See DataTable stories for integrated usage."
+    })
+  })
+};

package/dist/cjs/components/ColumnHeaderFilter/ColumnHeaderFilter.stories.native.js

@@ -0,0 +1,55 @@
+"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 ColumnHeaderFilter_stories_exports = {};
+__export(ColumnHeaderFilter_stories_exports, {
+  Default: () => Default,
+  default: () => ColumnHeaderFilter_stories_default
+});
+module.exports = __toCommonJS(ColumnHeaderFilter_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var meta = {
+  title: "Table/ColumnHeaderFilter",
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var ColumnHeaderFilter_stories_default = meta;
+var Default = {
+  name: "Main",
+  render: function render() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      padding: "$4",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontSize: "$2",
+        color: "$color10",
+        children: "ColumnHeaderFilter provides AG Grid-style column filtering with operators and value inputs. It requires a DataTable column context. See DataTable stories for integrated usage."
+      })
+    });
+  }
+};
+//# sourceMappingURL=ColumnHeaderFilter.stories.native.js.map

package/dist/cjs/components/ColumnHeaderFilter/ColumnHeaderFilter.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ColumnHeaderFilter_stories_exports","__export","Default","default","ColumnHeaderFilter_stories_default","module","exports","import_jsx_runtime","require","import_tamagui","meta","title","parameters","status","type"],"sources":["../../../../src/components/ColumnHeaderFilter/ColumnHeaderFilter.stories.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kCAAA;AAAAC,QAAA,CAAAD,kCAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAC;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAX,YAA6B,CAAAK,kCAAA;AAevB,IAAAO,kBAAA,GAAAC,OAAA;AAbN,IAAAC,cAAmB,GAAAD,OAAA;AAAA,IACjBE,IAAA,GAAO;EACPC,KAAA,4BAAY;EAAAC,UACF,EAAE;IACZC,MAAA;MACFC,IAAA;IAEO;EAEA;AAAgB;AACf,IACNV,kCACE,GAAAM,IAAA;AAOJ,IAAAR,OAAA","ignoreList":[]}

package/dist/cjs/components/ColumnHeaderFilter/index.cjs

@@ -0,0 +1,245 @@
+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 ColumnHeaderFilter_exports = {};
+__export(ColumnHeaderFilter_exports, {
+  ColumnHeaderFilter: () => ColumnHeaderFilter,
+  default: () => ColumnHeaderFilter_default
+});
+module.exports = __toCommonJS(ColumnHeaderFilter_exports);
+var import_react = require("@phosphor-icons/react");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("react");
+var import_components = require("@multiplatform.one/components");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+const TEXT_OPERATORS = ["contains", "doesNotContain", "is", "isNot", "startsWith", "endsWith", "isEmpty", "isNotEmpty"];
+const NUMBER_OPERATORS = ["is", "isNot", "isLessThan", "isGreaterThan", "isLessThanOrEqual", "isGreaterThanOrEqual"];
+const DATE_OPERATORS = ["is", "isNot", "isBefore", "isAfter", "isOnOrBefore", "isOnOrAfter"];
+const BOOLEAN_OPERATORS = ["is", "isNot"];
+const OPERATOR_LABELS = {
+  contains: "Contains",
+  doesNotContain: "Does not contain",
+  is: "Is",
+  isNot: "Is not",
+  startsWith: "Starts with",
+  endsWith: "Ends with",
+  isEmpty: "Is empty",
+  isNotEmpty: "Is not empty",
+  isLessThan: "Less than",
+  isGreaterThan: "Greater than",
+  isLessThanOrEqual: "Less than or equal",
+  isGreaterThanOrEqual: "Greater than or equal",
+  isBefore: "Before",
+  isAfter: "After",
+  isOnOrBefore: "On or before",
+  isOnOrAfter: "On or after"
+};
+function ColumnHeaderFilter({
+  columnId: _columnId,
+  columnLabel,
+  columnType,
+  filterValue: _filterValue,
+  onFilterChange,
+  options,
+  isFiltered
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const [operator, setOperator] = (0, import_react2.useState)("contains");
+  const [value, setValue] = (0, import_react2.useState)("");
+  const operators = (0, import_react2.useMemo)(() => {
+    switch (columnType) {
+      case "number":
+        return NUMBER_OPERATORS;
+      case "date":
+        return DATE_OPERATORS;
+      case "boolean":
+        return BOOLEAN_OPERATORS;
+      case "select":
+        return ["is", "isNot", "isAnyOf"];
+      default:
+        return TEXT_OPERATORS;
+    }
+  }, [columnType]);
+  const operatorOptions = (0, import_react2.useMemo)(() => operators.map(op => ({
+    value: op,
+    label: OPERATOR_LABELS[op] || op
+  })), [operators]);
+  const handleApply = () => {
+    if (["isEmpty", "isNotEmpty"].includes(operator)) {
+      onFilterChange({
+        operator,
+        value: null
+      });
+    } else {
+      onFilterChange({
+        operator,
+        value
+      });
+    }
+    setOpen(false);
+  };
+  const handleClear = () => {
+    setValue("");
+    setOperator("contains");
+    onFilterChange(void 0);
+    setOpen(false);
+  };
+  const needsValueInput = !["isEmpty", "isNotEmpty"].includes(operator);
+  const booleanOptions = [{
+    value: "true",
+    label: "True"
+  }, {
+    value: "false",
+    label: "False"
+  }];
+  const selectOptions = (0, import_react2.useMemo)(() => options?.map(opt => ({
+    value: String(opt.value),
+    label: opt.label
+  })) || [], [options]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+    open,
+    onOpenChange: setOpen,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
+      content: isFiltered ? "Edit filter" : "Filter this column",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          padding: "$1",
+          borderRadius: "$2",
+          cursor: "pointer",
+          hoverStyle: {
+            backgroundColor: "$color4"
+          },
+          pressStyle: {
+            backgroundColor: "$color5"
+          },
+          onPress: e => {
+            e.stopPropagation();
+            setOpen(true);
+          },
+          role: "button",
+          "aria-label": `Filter column ${columnLabel}`,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
+            size: 14,
+            color: isFiltered ? "var(--accentColor)" : "var(--color10)",
+            weight: isFiltered ? "fill" : "regular"
+          })
+        })
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
+      ...knobProps.borderRadius,
+      borderWidth: 1,
+      borderColor: "$color6",
+      backgroundColor: "$background",
+      ...knobProps.panelPadding,
+      minWidth: 240,
+      enterStyle: {
+        y: -5,
+        opacity: 0
+      },
+      exitStyle: {
+        y: -5,
+        opacity: 0
+      },
+      elevate: true,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
+        borderWidth: 1,
+        borderColor: "$color6"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+          fontSize: knobProps.sizeToken,
+          fontWeight: "600",
+          color: "$color11",
+          children: ["Filter: ", columnLabel]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Select, {
+          label: "Condition",
+          value: operator,
+          onValueChange: v => {
+            if (typeof v === "string") {
+              setOperator(v);
+            }
+          },
+          options: operatorOptions,
+          size: "$3",
+          compact: true
+        }), needsValueInput && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          gap: "$1",
+          children: columnType === "boolean" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Select, {
+            label: "Value",
+            value,
+            onValueChange: v => {
+              if (typeof v === "string") {
+                setValue(v);
+              }
+            },
+            options: booleanOptions,
+            placeholder: "Select...",
+            size: "$3",
+            compact: true
+          }) : columnType === "select" && options ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Select, {
+            label: "Value",
+            value,
+            onValueChange: v => {
+              if (typeof v === "string") {
+                setValue(v);
+              }
+            },
+            options: selectOptions,
+            placeholder: "Select...",
+            size: "$3",
+            compact: true
+          }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+            label: "Value",
+            value,
+            onChangeText: setValue,
+            placeholder: columnType === "date" ? "YYYY-MM-DD" : "Enter value...",
+            size: "$3",
+            compact: true,
+            ...(columnType === "number" && {
+              keyboardType: "numeric"
+            })
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$2",
+          justifyContent: "flex-end",
+          children: [isFiltered && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            variant: "outlined",
+            onPress: handleClear,
+            children: "Clear"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            onPress: handleApply,
+            children: "Apply"
+          })]
+        })]
+      })]
+    })]
+  });
+}
+var ColumnHeaderFilter_default = ColumnHeaderFilter;