@kopexa/filter 0.0.2

package/dist/filter.js

@@ -0,0 +1,242 @@
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/filter.tsx
+var filter_exports = {};
+__export(filter_exports, {
+  Filter: () => Filter
+});
+module.exports = __toCommonJS(filter_exports);
+var import_dropdown_menu = require("@kopexa/dropdown-menu");
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme = require("@kopexa/theme");
+var React = __toESM(require("react"));
+
+// src/filter-context.tsx
+var import_react_utils = require("@kopexa/react-utils");
+var [FilterProvider, useFilterContext] = (0, import_react_utils.createContext)({
+  name: "FilterContext",
+  strict: true,
+  errorMessage: "useFilterContext must be used within a Filter component. Make sure to wrap your FilterMenu, FilterTrigger, etc. inside a <Filter> component."
+});
+
+// src/filter-i18n.ts
+var DEFAULT_I18N = {
+  addFilter: "Add Filter",
+  clearAll: "Clear all",
+  noFields: "No filter options available",
+  selectValue: "Select value...",
+  enterValue: "Enter value...",
+  operators: {
+    equals: "is",
+    not_equals: "is not",
+    contains: "contains",
+    not_contains: "does not contain",
+    starts_with: "starts with",
+    ends_with: "ends with",
+    gt: "greater than",
+    lt: "less than",
+    gte: "greater or equal",
+    lte: "less or equal",
+    between: "between",
+    is_empty: "is empty",
+    is_not_empty: "is not empty"
+  }
+};
+
+// src/filter-types.ts
+function getDefaultOperator(type) {
+  switch (type) {
+    case "text":
+      return "contains";
+    case "number":
+    case "date":
+    case "select":
+    case "multiselect":
+      return "equals";
+    case "daterange":
+      return "between";
+    case "boolean":
+      return "equals";
+    default:
+      return "equals";
+  }
+}
+
+// src/filter.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Filter(props) {
+  const {
+    value = [],
+    onChange,
+    allowMultiple = true,
+    size = "md",
+    variant = "outline",
+    i18n,
+    className,
+    children,
+    ...rest
+  } = props;
+  const mergedI18n = React.useMemo(
+    () => ({
+      ...DEFAULT_I18N,
+      ...i18n,
+      operators: {
+        ...DEFAULT_I18N.operators,
+        ...i18n == null ? void 0 : i18n.operators
+      }
+    }),
+    [i18n]
+  );
+  const styles = React.useMemo(
+    () => (0, import_theme.filter)({ size, variant }),
+    [size, variant]
+  );
+  const [fields, setFields] = React.useState(
+    /* @__PURE__ */ new Map()
+  );
+  const [menuOpen, setMenuOpen] = React.useState(false);
+  const [editingFilterId, setEditingFilterId] = React.useState(
+    null
+  );
+  const registerField = React.useCallback((field) => {
+    setFields((prev) => {
+      const next = new Map(prev);
+      next.set(field.id, field);
+      return next;
+    });
+  }, []);
+  const unregisterField = React.useCallback((fieldId) => {
+    setFields((prev) => {
+      const next = new Map(prev);
+      next.delete(fieldId);
+      return next;
+    });
+  }, []);
+  const updateFilter = React.useCallback(
+    (filterId, updates) => {
+      const newFilters = value.map((filter) => {
+        if (filter.id === filterId) {
+          const updated = { ...filter, ...updates };
+          if (updates.operator === "is_empty" || updates.operator === "is_not_empty") {
+            updated.value = void 0;
+          }
+          return updated;
+        }
+        return filter;
+      });
+      onChange == null ? void 0 : onChange(newFilters);
+    },
+    [value, onChange]
+  );
+  const removeFilter = React.useCallback(
+    (filterId) => {
+      onChange == null ? void 0 : onChange(value.filter((f) => f.id !== filterId));
+    },
+    [value, onChange]
+  );
+  const clearFilters = React.useCallback(() => {
+    onChange == null ? void 0 : onChange([]);
+  }, [onChange]);
+  const addFilter = React.useCallback(
+    (fieldKey) => {
+      const field = fields.get(fieldKey);
+      if (!field) return;
+      const defaultOperator = getDefaultOperator(field.type);
+      const newFilter = {
+        id: `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`,
+        fieldId: fieldKey,
+        operator: defaultOperator,
+        value: void 0
+      };
+      onChange == null ? void 0 : onChange([...value, newFilter]);
+    },
+    [fields, value, onChange]
+  );
+  const contextValue = React.useMemo(
+    () => ({
+      // State
+      value,
+      fields,
+      allowMultiple,
+      // Style
+      styles,
+      size: size != null ? size : "md",
+      variant: variant != null ? variant : "outline",
+      i18n: mergedI18n,
+      // Actions
+      addFilter,
+      updateFilter,
+      removeFilter,
+      clearFilters,
+      // Field registration
+      registerField,
+      unregisterField,
+      // Menu state
+      menuOpen,
+      setMenuOpen,
+      // Editor state
+      editingFilterId,
+      setEditingFilterId
+    }),
+    [
+      value,
+      fields,
+      allowMultiple,
+      styles,
+      size,
+      variant,
+      mergedI18n,
+      addFilter,
+      updateFilter,
+      removeFilter,
+      clearFilters,
+      registerField,
+      unregisterField,
+      menuOpen,
+      editingFilterId
+    ]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterProvider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Root, { open: menuOpen, onOpenChange: setMenuOpen, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "filter",
+      className: (0, import_shared_utils.cn)(styles.root(), className),
+      ...rest,
+      children
+    }
+  ) }) });
+}
+Filter.displayName = "Filter";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Filter
+});

package/dist/filter.mjs

@@ -0,0 +1,11 @@
+"use client";
+"use client";
+import {
+  Filter
+} from "./chunk-PTJ7HZPA.mjs";
+import "./chunk-3WNAREG6.mjs";
+import "./chunk-I3Z2T4N2.mjs";
+import "./chunk-7QP7FRID.mjs";
+export {
+  Filter
+};

package/dist/index.d.mts

@@ -0,0 +1,13 @@
+export { Filter, FilterProps } from './filter.mjs';
+export { FilterActive, FilterActiveProps } from './filter-active.mjs';
+export { FilterContextValue, useFilterContext } from './filter-context.mjs';
+export { FilterGroup, FilterGroupProps, FilterItem, FilterItemProps, FilterMenu, FilterMenuProps, FilterMenuSeparator } from './filter-menu.mjs';
+export { FilterTrigger, FilterTriggerProps } from './filter-trigger.mjs';
+export { FilterFieldConfig, FilterFieldType, FilterOperator, FilterOption, FilterValue } from './filter-types.mjs';
+export { FilterValueEditor } from './filter-value-editor.mjs';
+export { messages as filterMessages } from './messages.mjs';
+import 'react/jsx-runtime';
+import '@kopexa/theme';
+import 'react';
+import './filter-i18n.mjs';
+import '@kopexa/dropdown-menu';

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+export { Filter, FilterProps } from './filter.js';
+export { FilterActive, FilterActiveProps } from './filter-active.js';
+export { FilterContextValue, useFilterContext } from './filter-context.js';
+export { FilterGroup, FilterGroupProps, FilterItem, FilterItemProps, FilterMenu, FilterMenuProps, FilterMenuSeparator } from './filter-menu.js';
+export { FilterTrigger, FilterTriggerProps } from './filter-trigger.js';
+export { FilterFieldConfig, FilterFieldType, FilterOperator, FilterOption, FilterValue } from './filter-types.js';
+export { FilterValueEditor } from './filter-value-editor.js';
+export { messages as filterMessages } from './messages.js';
+import 'react/jsx-runtime';
+import '@kopexa/theme';
+import 'react';
+import './filter-i18n.js';
+import '@kopexa/dropdown-menu';