@multiplatform.one/table 6.0.0

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

@@ -0,0 +1,260 @@
+"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_exports = {};
+__export(ColumnHeaderFilter_exports, {
+  ColumnHeaderFilter: () => ColumnHeaderFilter,
+  default: () => ColumnHeaderFilter_default
+});
+module.exports = __toCommonJS(ColumnHeaderFilter_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+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 TEXT_OPERATORS = ["contains", "doesNotContain", "is", "isNot", "startsWith", "endsWith", "isEmpty", "isNotEmpty"];
+var NUMBER_OPERATORS = ["is", "isNot", "isLessThan", "isGreaterThan", "isLessThanOrEqual", "isGreaterThanOrEqual"];
+var DATE_OPERATORS = ["is", "isNot", "isBefore", "isAfter", "isOnOrBefore", "isOnOrAfter"];
+var BOOLEAN_OPERATORS = ["is", "isNot"];
+var 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(param) {
+  var {
+    columnId: _columnId,
+    columnLabel,
+    columnType,
+    filterValue: _filterValue,
+    onFilterChange,
+    options,
+    isFiltered
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [open, setOpen] = (0, import_react2.useState)(false);
+  var [operator, setOperator] = (0, import_react2.useState)("contains");
+  var [value, setValue] = (0, import_react2.useState)("");
+  var operators = (0, import_react2.useMemo)(function () {
+    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]);
+  var operatorOptions = (0, import_react2.useMemo)(function () {
+    return operators.map(function (op) {
+      return {
+        value: op,
+        label: OPERATOR_LABELS[op] || op
+      };
+    });
+  }, [operators]);
+  var handleApply = function handleApply2() {
+    if (["isEmpty", "isNotEmpty"].includes(operator)) {
+      onFilterChange({
+        operator,
+        value: null
+      });
+    } else {
+      onFilterChange({
+        operator,
+        value
+      });
+    }
+    setOpen(false);
+  };
+  var handleClear = function handleClear2() {
+    setValue("");
+    setOperator("contains");
+    onFilterChange(void 0);
+    setOpen(false);
+  };
+  var needsValueInput = !["isEmpty", "isNotEmpty"].includes(operator);
+  var booleanOptions = [{
+    value: "true",
+    label: "True"
+  }, {
+    value: "false",
+    label: "False"
+  }];
+  var selectOptions = (0, import_react2.useMemo)(function () {
+    return (options === null || options === void 0 ? void 0 : options.map(function (opt) {
+      return {
+        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: function 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]
+        }), /* Operator select */
+        /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Select, {
+          label: "Condition",
+          value: operator,
+          onValueChange: function onValueChange(v) {
+            if (typeof v === "string") {
+              setOperator(v);
+            }
+          },
+          options: operatorOptions,
+          size: "$3",
+          compact: true
+        }), /* Value input */
+        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: function 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: function 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"
+            })
+          })
+        }), /* Actions */
+        /* @__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;
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ColumnHeaderFilter_exports","__export","ColumnHeaderFilter","default","ColumnHeaderFilter_default","module","exports","import_jsx_runtime","require","import_react","import_forms","import_theme","import_react2","import_components","import_tamagui","TEXT_OPERATORS","NUMBER_OPERATORS","DATE_OPERATORS","BOOLEAN_OPERATORS","OPERATOR_LABELS","contains","doesNotContain","is","isNot","startsWith","endsWith","isEmpty","isNotEmpty","isLessThan","isGreaterThan","isLessThanOrEqual","isGreaterThanOrEqual","isBefore","isAfter","isOnOrBefore","isOnOrAfter","param","columnId","_columnId","columnLabel","columnType","filterValue","_filterValue","onFilterChange","options","isFiltered","knobProps","useResolvedKnobs","open","setOpen","useState","operator","setOperator","setValue","operators","useMemo","operatorOptions","map","op","label","handleApply","handleApply2","includes","handleClear","handleClear2","needsValueInput","booleanOptions","selectOptions","opt","String","jsxs","Popover","onOpenChange","children","jsx","Tooltip","content","Trigger","asChild","View","padding","borderRadius","cursor","hoverStyle","backgroundColor","pressStyle","onPress","e","stopPropagation","role","FunnelIcon","size","color","weight","Content","borderWidth","borderColor","panelPadding","minWidth","enterStyle","y","opacity","exitStyle","elevate","Arrow","YStack","gap","Text","fontSize","sizeToken","fontWeight","Select","onValueChange","v","compact"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}