@lumeweb/portal-framework-ui 0.0.1 → 0.1.1

package/dist/esm/components/data-table/toolbarItems/filters/hooks/useFilterOperators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterOperators.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/hooks/useFilterOperators.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { FilterOperator } from \"@/components/data-table/toolbarItems/filters/types\";\n\n/**\n * Default operators mapping based on data types\n */\nexport const DEFAULT_OPERATORS: Record<string, FilterOperator> = {\n  string: FilterOperator.CONTAINS,\n  number: FilterOperator.EQ,\n  boolean: FilterOperator.EQ,\n  date: FilterOperator.GTE,\n  array: FilterOperator.IN,\n};\n\n/**\n * Get available operators for a specific field type\n */\nexport const getAvailableOperators = (\n  type: string,\n): FilterOperator[] => {\n  switch (type) {\n    case \"string\":\n      return [\n        FilterOperator.CONTAINS,\n        FilterOperator.EQ,\n        FilterOperator.NE,\n        FilterOperator.STARTS_WITH,\n        FilterOperator.ENDS_WITH,\n      ];\n    case \"number\":\n      return [\n        FilterOperator.EQ,\n        FilterOperator.NE,\n        FilterOperator.LT,\n        FilterOperator.GT,\n        FilterOperator.LTE,\n        FilterOperator.GTE,\n      ];\n    case \"boolean\":\n      return [FilterOperator.EQ];\n    case \"date\":\n      return [\n        FilterOperator.EQ,\n        FilterOperator.NE,\n        FilterOperator.LT,\n        FilterOperator.GT,\n        FilterOperator.LTE,\n        FilterOperator.GTE,\n      ];\n    case \"array\":\n      return [FilterOperator.IN, FilterOperator.NIN];\n    default:\n      return [FilterOperator.EQ, FilterOperator.NE];\n  }\n};\n\n/**\n * Get default operator for a field type\n * @param fieldType - The type of field to get default operator for\n * @returns The default operator for the field type\n */\nexport const getDefaultOperatorForFieldType = (fieldType: string): FilterOperator => {\n  return DEFAULT_OPERATORS[fieldType] || FilterOperator.EQ;\n};\n\n/**\n * Get the default operator for a field type\n */\nexport const getDefaultOperator = (\n  type: string,\n): FilterOperator => {\n  return getDefaultOperatorForFieldType(type);\n};\n\n/**\n * Hook for managing filter operators with defaults based on filter type\n *\n * This hook provides a clean API for handling filter operators in components,\n * automatically setting appropriate default operators based on the data type\n * and allowing for custom operator selection.\n *\n * @template TData - The type of data being filtered\n * @param fieldType - The type of field being filtered (string, number, boolean, date, array)\n * @param initialOperator - Optional initial operator to override defaults\n * @returns An object containing the current operator and setter function\n */\nexport function useFilterOperators<TData = any>(\n  fieldType: string,\n  initialOperator?: FilterOperator,\n) {\n  const [operator, setOperator] = useState<FilterOperator>(\n    initialOperator || DEFAULT_OPERATORS[fieldType] || FilterOperator.EQ,\n  );\n\n  /**\n   * Reset operator to default for the field type\n   */\n  const resetOperator = () => {\n    setOperator(getDefaultOperator(fieldType));\n  };\n\n  // Update operator when fieldType or initialOperator changes\n  useEffect(() => {\n    if (initialOperator !== undefined) {\n      setOperator(initialOperator);\n    } else {\n      setOperator(getDefaultOperator(fieldType));\n    }\n  }, [fieldType, initialOperator]);\n\n  return {\n    /** Current operator */\n    operator,\n    /** Setter function for operator */\n    setOperator,\n    /** Function to get available operators for a field type */\n    getAvailableOperators,\n    /** Function to get default operator for a field type */\n    getDefaultOperator,\n    /** Function to reset operator to default */\n    resetOperator,\n  };\n}\n"],"mappings":";;;;;;;AAMA,MAAa,oBAAoD;CAC/D;CACA;CACA;CACA;CACA;CACD;;;;AAKD,MAAa,yBACX,SACqB;AACrB,SAAQ,MAAR;EACE,KAAK,SACH,QAAO;;;;;;GAMN;EACH,KAAK,SACH,QAAO;;;;;;;GAON;EACH,KAAK,UACH,QAAO,MAAmB;EAC5B,KAAK,OACH,QAAO;;;;;;;GAON;EACH,KAAK,QACH,QAAO,aAAuC;EAChD,QACE,QAAO,YAAsC;;;;;;;;AASnD,MAAa,kCAAkC,cAAsC;AACnF,QAAO,kBAAkB;;;;;AAM3B,MAAa,sBACX,SACmB;AACnB,QAAO,+BAA+B,KAAK;;;;;;;;;;;;;;AAe7C,SAAgB,mBACd,WACA,iBACA;CACA,MAAM,CAAC,UAAU,eAAe,SAC9B,mBAAmB,kBAAkB,mBACtC;;;;CAKD,MAAM,sBAAsB;AAC1B,cAAY,mBAAmB,UAAU,CAAC;;AAI5C,iBAAgB;AACd,MAAI,oBAAoB,OACtB,aAAY,gBAAgB;MAE5B,aAAY,mBAAmB,UAAU,CAAC;IAE3C,CAAC,WAAW,gBAAgB,CAAC;AAEhC,QAAO;;EAEL;;EAEA;;EAEA;;EAEA;;EAEA;EACD"}

package/dist/esm/components/data-table/toolbarItems/filters/hooks/useFilterTooltip.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+
+//#region src/components/data-table/toolbarItems/filters/hooks/useFilterTooltip.d.ts
+interface ActiveTooltip {
+  content: string;
+  x: number;
+  y: number;
+}
+interface UseFilterTooltipReturn {
+  activeTooltip: ActiveTooltip | null;
+  tooltipRef: React.RefObject<HTMLDivElement>;
+  handleItemHover: (content: string, e: React.MouseEvent, containerRef?: React.RefObject<HTMLElement>) => void;
+  handleItemLeave: () => void;
+  closeTooltip: () => void;
+}
+declare function useFilterTooltip(): UseFilterTooltipReturn;
+//#endregion
+export { useFilterTooltip };
+//# sourceMappingURL=useFilterTooltip.d.ts.map

package/dist/esm/components/data-table/toolbarItems/filters/hooks/useFilterTooltip.js

@@ -0,0 +1,34 @@
+import { useRef, useState } from "react";
+
+//#region src/components/data-table/toolbarItems/filters/hooks/useFilterTooltip.ts
+function useFilterTooltip() {
+	const [activeTooltip, setActiveTooltip] = useState(null);
+	const tooltipRef = useRef(null);
+	const handleItemHover = (content, e, containerRef) => {
+		if (content && containerRef?.current) {
+			const containerRect = containerRef.current.getBoundingClientRect();
+			setActiveTooltip({
+				content,
+				x: (e.clientX - containerRect.width) / 2,
+				y: (e.clientY - containerRect.height) / 2 * .85
+			});
+		} else setActiveTooltip(null);
+	};
+	const handleItemLeave = () => {
+		setActiveTooltip(null);
+	};
+	const closeTooltip = () => {
+		setActiveTooltip(null);
+	};
+	return {
+		activeTooltip,
+		tooltipRef,
+		handleItemHover,
+		handleItemLeave,
+		closeTooltip
+	};
+}
+
+//#endregion
+export { useFilterTooltip };
+//# sourceMappingURL=useFilterTooltip.js.map

package/dist/esm/components/data-table/toolbarItems/filters/hooks/useFilterTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterTooltip.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/hooks/useFilterTooltip.ts"],"sourcesContent":["import React, { useState, useRef } from \"react\";\n\ninterface ActiveTooltip {\n  content: string;\n  x: number;\n  y: number;\n}\n\ninterface UseFilterTooltipReturn {\n  activeTooltip: ActiveTooltip | null;\n  tooltipRef: React.RefObject<HTMLDivElement>;\n  handleItemHover: (content: string, e: React.MouseEvent, containerRef?: React.RefObject<HTMLElement>) => void;\n  handleItemLeave: () => void;\n  closeTooltip: () => void;\n}\n\nexport function useFilterTooltip(): UseFilterTooltipReturn {\n  const [activeTooltip, setActiveTooltip] = useState<ActiveTooltip | null>(null);\n  const tooltipRef = useRef<HTMLDivElement>(null);\n\n  const handleItemHover = (content: string, e: React.MouseEvent, containerRef?: React.RefObject<HTMLElement>) => {\n    if (content && containerRef?.current) {\n      const containerRect = containerRef.current.getBoundingClientRect();\n\n      const x = (e.clientX - containerRect.width) / 2;\n      const y = ((e.clientY - containerRect.height) / 2) * 0.85;\n\n      setActiveTooltip({\n        content,\n        x,\n        y,\n      });\n    } else {\n      setActiveTooltip(null);\n    }\n  };\n\n  const handleItemLeave = () => {\n    setActiveTooltip(null);\n  };\n\n  const closeTooltip = () => {\n    setActiveTooltip(null);\n  };\n\n  return {\n    activeTooltip,\n    tooltipRef,\n    handleItemHover,\n    handleItemLeave,\n    closeTooltip,\n  };\n}"],"mappings":";;;AAgBA,SAAgB,mBAA2C;CACzD,MAAM,CAAC,eAAe,oBAAoB,SAA+B,KAAK;CAC9E,MAAM,aAAa,OAAuB,KAAK;CAE/C,MAAM,mBAAmB,SAAiB,GAAqB,iBAAgD;AAC7G,MAAI,WAAW,cAAc,SAAS;GACpC,MAAM,gBAAgB,aAAa,QAAQ,uBAAuB;AAKlE,oBAAiB;IACf;IACA,IALS,EAAE,UAAU,cAAc,SAAS;IAM5C,IALU,EAAE,UAAU,cAAc,UAAU,IAAK;IAMpD,CAAC;QAEF,kBAAiB,KAAK;;CAI1B,MAAM,wBAAwB;AAC5B,mBAAiB,KAAK;;CAGxB,MAAM,qBAAqB;AACzB,mBAAiB,KAAK;;AAGxB,QAAO;EACL;EACA;EACA;EACA;EACA;EACD"}

package/dist/esm/components/data-table/toolbarItems/filters/index.d.ts

@@ -0,0 +1,11 @@
+import { ActionType, BaseFilterComponentProps, FilterComponentProps, FilterConfig, FilterOperator, FilterType, LogicalFilterOperator, SelectOption } from "./types.js";
+import { BooleanFilter } from "./components/BooleanFilter.js";
+import { DateFilter } from "./components/DateFilter.js";
+import { MultiSelectFilter, MultiSelectFilterProps } from "./components/MultiSelectFilter.js";
+import { NumberFilter } from "./components/NumberFilter.js";
+import { RangeFilter, RangeValue } from "./components/RangeFilter.js";
+import { SearchFilter } from "./components/SearchFilter.js";
+import { SelectFilter } from "./components/SelectFilter.js";
+import { TextFilter } from "./components/TextFilter.js";
+import { createFilterOnChangeHandler, createFiltersFromValue } from "./util.js";
+export { ActionType, BaseFilterComponentProps, BooleanFilter, DateFilter, FilterComponentProps, FilterConfig, FilterOperator, FilterType, LogicalFilterOperator, MultiSelectFilter, MultiSelectFilterProps, NumberFilter, RangeFilter, RangeValue, SearchFilter, SelectFilter, SelectOption, TextFilter, createFilterOnChangeHandler, createFiltersFromValue };

package/dist/esm/components/data-table/toolbarItems/filters/index.js

@@ -0,0 +1,13 @@
+import { ActionType, FilterOperator, FilterType } from "./types.js";
+import { BooleanFilter } from "./components/BooleanFilter.js";
+import { DateFilter } from "./components/DateFilter.js";
+import { MultiSelectFilter } from "./components/MultiSelectFilter.js";
+import { NumberFilter } from "./components/NumberFilter.js";
+import { RangeFilter } from "./components/RangeFilter.js";
+import { SearchFilter } from "./components/SearchFilter.js";
+import { SelectFilter } from "./components/SelectFilter.js";
+import { TextFilter } from "./components/TextFilter.js";
+import "./components/index.js";
+import { createFilterOnChangeHandler, createFiltersFromValue } from "./util.js";
+
+export { ActionType, BooleanFilter, DateFilter, FilterOperator, FilterType, MultiSelectFilter, NumberFilter, RangeFilter, SearchFilter, SelectFilter, TextFilter, createFilterOnChangeHandler, createFiltersFromValue };

package/dist/esm/components/data-table/toolbarItems/filters/register.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/esm/components/data-table/toolbarItems/filters/register.js

@@ -0,0 +1,8 @@
+import "./components/BooleanFilter.js";
+import "./components/DateFilter.js";
+import "./components/MultiSelectFilter.js";
+import "./components/NumberFilter.js";
+import "./components/RangeFilter.js";
+import "./components/SearchFilter.js";
+import "./components/SelectFilter.js";
+import "./components/TextFilter.js";

package/dist/esm/components/data-table/toolbarItems/filters/types.d.ts

@@ -0,0 +1,140 @@
+import { BaseRecord, CrudOperators } from "@refinedev/core";
+
+//#region src/components/data-table/toolbarItems/filters/types.d.ts
+/**
+ * Interface for select options used in filters
+ */
+interface SelectOption {
+  /** Display label for the option */
+  label: string;
+  /** Value of the option */
+  value: string;
+  /** Optional description for the option */
+  description?: string;
+}
+/**
+ * Enum defining CRUD operators for filter components
+ */
+declare enum FilterOperator {
+  CONTAINS = "contains",
+  EQ = "eq",
+  NE = "ne",
+  LT = "lt",
+  GT = "gt",
+  LTE = "lte",
+  GTE = "gte",
+  IN = "in",
+  NIN = "nin",
+  STARTS_WITH = "startswith",
+  ENDS_WITH = "endswith",
+  BETWEEN = "between",
+  NOT_CONTAINS = "ncontains",
+  NULL = "null",
+  NOT_NULL = "nnull"
+}
+/**
+ * Type for logical operators that can be used in LogicalFilter
+ * Excludes "or" and "and" operators which are used for LogicalFilter composition
+ */
+type LogicalFilterOperator = Exclude<CrudOperators, "or" | "and">;
+/**
+ * Enum defining common filter types used in data tables
+ */
+declare enum FilterType {
+  /** Text input filter */
+  TEXT = "text",
+  /** Single select dropdown filter */
+  SELECT = "select",
+  /** Multi-select dropdown filter */
+  MULTI_SELECT = "multi-select",
+  /** Number input filter */
+  NUMBER = "number",
+  /** Date picker filter */
+  DATE = "date",
+  /** Date range picker filter */
+  DATE_RANGE = "date-range",
+  /** Boolean toggle filter */
+  BOOLEAN = "boolean",
+  /** Numeric range slider filter */
+  RANGE = "range",
+  /** Search input filter */
+  SEARCH = "search"
+}
+/**
+ * Configuration interface for defining filter behavior
+ */
+interface FilterConfig<TData extends BaseRecord = BaseRecord> {
+  /** Unique identifier for the filter */
+  id: string;
+  /** Type of filter to render */
+  type: FilterType;
+  /** Label for the filter */
+  label: string;
+  /** Field name in the data model to filter on */
+  field: keyof TData;
+  /** CRUD operator to use for this filter */
+  operator: LogicalFilterOperator;
+  /** Initial value for the filter */
+  initialValue?: any;
+  /** Placeholder text for input filters */
+  placeholder?: string;
+  /** Options for select filters */
+  options?: SelectOption[];
+  /** Minimum value for number/range filters */
+  min?: number;
+  /** Maximum value for number/range filters */
+  max?: number;
+  /** Step value for number inputs */
+  step?: number;
+  /** Whether the filter is disabled */
+  disabled?: boolean;
+  /** Custom class name for the filter component */
+  className?: string;
+  /** Placeholder for min value in range filters */
+  minPlaceholder?: string;
+  /** Placeholder for max value in range filters */
+  maxPlaceholder?: string;
+  /** Whether to use dropdown style expansion instead of inline */
+  dropdownStyle?: boolean;
+  /** Custom props for the filter component */
+  customProps?: Record<string, any>;
+  /** Whether to include an "all" option that clears the filter */
+  includeAllOption?: boolean;
+}
+/**
+ * Props interface for filter components
+ */
+interface FilterComponentProps<TData extends BaseRecord = BaseRecord> {
+  /** Current value of the filter */
+  value: any;
+  /** Handler to update the filter value */
+  onChange: (value: any) => void;
+  /** Filter configuration */
+  config: FilterConfig<TData>;
+  /** Table contexts with filter management helpers */
+  context?: {
+    /** Set table filters */setFilters?: (filters: any[]) => void; /** Set table sorters */
+    setSorters?: (sorters: any[]) => void; /** Current filters state */
+    filters?: any[]; /** Current sorters state */
+    sorters?: any[];
+  };
+}
+/**
+ * Base props interface for filter components that consolidates configuration
+ */
+interface BaseFilterComponentProps<TData extends BaseRecord = BaseRecord> extends Omit<FilterComponentProps<TData>, "config"> {
+  /** Filter configuration - required for unified configuration system */
+  config: FilterConfig<TData>;
+  /** Label from the filter item (not config) */
+  itemLabel?: string;
+}
+declare enum ActionType {
+  REFRESH = "refresh",
+  EXPORT = "export",
+  CREATE = "create",
+  DELETE = "delete",
+  CUSTOM = "custom"
+}
+//#endregion
+export { ActionType, BaseFilterComponentProps, FilterComponentProps, FilterConfig, FilterOperator, FilterType, LogicalFilterOperator, SelectOption };
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/components/data-table/toolbarItems/filters/types.js

@@ -0,0 +1,58 @@
+//#region src/components/data-table/toolbarItems/filters/types.ts
+/**
+* Enum defining CRUD operators for filter components
+*/
+let FilterOperator = /* @__PURE__ */ function(FilterOperator) {
+	FilterOperator["CONTAINS"] = "contains";
+	FilterOperator["EQ"] = "eq";
+	FilterOperator["NE"] = "ne";
+	FilterOperator["LT"] = "lt";
+	FilterOperator["GT"] = "gt";
+	FilterOperator["LTE"] = "lte";
+	FilterOperator["GTE"] = "gte";
+	FilterOperator["IN"] = "in";
+	FilterOperator["NIN"] = "nin";
+	FilterOperator["STARTS_WITH"] = "startswith";
+	FilterOperator["ENDS_WITH"] = "endswith";
+	FilterOperator["BETWEEN"] = "between";
+	FilterOperator["NOT_CONTAINS"] = "ncontains";
+	FilterOperator["NULL"] = "null";
+	FilterOperator["NOT_NULL"] = "nnull";
+	return FilterOperator;
+}({});
+/**
+* Enum defining common filter types used in data tables
+*/
+let FilterType = /* @__PURE__ */ function(FilterType) {
+	/** Text input filter */
+	FilterType["TEXT"] = "text";
+	/** Single select dropdown filter */
+	FilterType["SELECT"] = "select";
+	/** Multi-select dropdown filter */
+	FilterType["MULTI_SELECT"] = "multi-select";
+	/** Number input filter */
+	FilterType["NUMBER"] = "number";
+	/** Date picker filter */
+	FilterType["DATE"] = "date";
+	/** Date range picker filter */
+	FilterType["DATE_RANGE"] = "date-range";
+	/** Boolean toggle filter */
+	FilterType["BOOLEAN"] = "boolean";
+	/** Numeric range slider filter */
+	FilterType["RANGE"] = "range";
+	/** Search input filter */
+	FilterType["SEARCH"] = "search";
+	return FilterType;
+}({});
+let ActionType = /* @__PURE__ */ function(ActionType) {
+	ActionType["REFRESH"] = "refresh";
+	ActionType["EXPORT"] = "export";
+	ActionType["CREATE"] = "create";
+	ActionType["DELETE"] = "delete";
+	ActionType["CUSTOM"] = "custom";
+	return ActionType;
+}({});
+
+//#endregion
+export { ActionType, FilterOperator, FilterType };
+//# sourceMappingURL=types.js.map

package/dist/esm/components/data-table/toolbarItems/filters/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/data-table/toolbarItems/filters/types.ts"],"sourcesContent":["import { BaseRecord, type CrudOperators } from \"@refinedev/core\";\n\n/**\n * Interface for select options used in filters\n */\nexport interface SelectOption {\n  /** Display label for the option */\n  label: string;\n  /** Value of the option */\n  value: string;\n  /** Optional description for the option */\n  description?: string;\n}\n\n/**\n * Enum defining CRUD operators for filter components\n */\nexport enum FilterOperator {\n  CONTAINS = \"contains\",\n  EQ = \"eq\",\n  NE = \"ne\",\n  LT = \"lt\",\n  GT = \"gt\",\n  LTE = \"lte\",\n  GTE = \"gte\",\n  IN = \"in\",\n  NIN = \"nin\",\n  STARTS_WITH = \"startswith\",\n  ENDS_WITH = \"endswith\",\n  BETWEEN = \"between\",\n  NOT_CONTAINS = \"ncontains\",\n  NULL = \"null\",\n  NOT_NULL = \"nnull\",\n}\n\n/**\n * Type for logical operators that can be used in LogicalFilter\n * Excludes \"or\" and \"and\" operators which are used for LogicalFilter composition\n */\nexport type LogicalFilterOperator = Exclude<CrudOperators, \"or\" | \"and\">;\n\n/**\n * Enum defining common filter types used in data tables\n */\nexport enum FilterType {\n  /** Text input filter */\n  TEXT = \"text\",\n  /** Single select dropdown filter */\n  SELECT = \"select\",\n  /** Multi-select dropdown filter */\n  MULTI_SELECT = \"multi-select\",\n  /** Number input filter */\n  NUMBER = \"number\",\n  /** Date picker filter */\n  DATE = \"date\",\n  /** Date range picker filter */\n  DATE_RANGE = \"date-range\",\n  /** Boolean toggle filter */\n  BOOLEAN = \"boolean\",\n  /** Numeric range slider filter */\n  RANGE = \"range\",\n  /** Search input filter */\n  SEARCH = \"search\",\n}\n\n/**\n * Configuration interface for defining filter behavior\n */\nexport interface FilterConfig<TData extends BaseRecord = BaseRecord> {\n  /** Unique identifier for the filter */\n  id: string;\n  /** Type of filter to render */\n  type: FilterType;\n  /** Label for the filter */\n  label: string;\n  /** Field name in the data model to filter on */\n  field: keyof TData;\n  /** CRUD operator to use for this filter */\n  operator: LogicalFilterOperator;\n  /** Initial value for the filter */\n  initialValue?: any;\n  /** Placeholder text for input filters */\n  placeholder?: string;\n  /** Options for select filters */\n  options?: SelectOption[];\n  /** Minimum value for number/range filters */\n  min?: number;\n  /** Maximum value for number/range filters */\n  max?: number;\n  /** Step value for number inputs */\n  step?: number;\n  /** Whether the filter is disabled */\n  disabled?: boolean;\n  /** Custom class name for the filter component */\n  className?: string;\n  /** Placeholder for min value in range filters */\n  minPlaceholder?: string;\n  /** Placeholder for max value in range filters */\n  maxPlaceholder?: string;\n  /** Whether to use dropdown style expansion instead of inline */\n  dropdownStyle?: boolean;\n  /** Custom props for the filter component */\n  customProps?: Record<string, any>;\n  /** Whether to include an \"all\" option that clears the filter */\n  includeAllOption?: boolean;\n}\n\n/**\n * Props interface for filter components\n */\nexport interface FilterComponentProps<TData extends BaseRecord = BaseRecord> {\n  /** Current value of the filter */\n  value: any;\n  /** Handler to update the filter value */\n  onChange: (value: any) => void;\n  /** Filter configuration */\n  config: FilterConfig<TData>;\n  /** Table contexts with filter management helpers */\n  context?: {\n    /** Set table filters */\n    setFilters?: (filters: any[]) => void;\n    /** Set table sorters */\n    setSorters?: (sorters: any[]) => void;\n    /** Current filters state */\n    filters?: any[];\n    /** Current sorters state */\n    sorters?: any[];\n  };\n}\n\n/**\n * Base props interface for filter components that consolidates configuration\n */\nexport interface BaseFilterComponentProps<TData extends BaseRecord = BaseRecord>\n  extends Omit<FilterComponentProps<TData>, \"config\"> {\n  /** Filter configuration - required for unified configuration system */\n  config: FilterConfig<TData>;\n  /** Label from the filter item (not config) */\n  itemLabel?: string;\n}\n\nexport enum ActionType {\n  REFRESH = \"refresh\",\n  EXPORT = \"export\",\n  CREATE = \"create\",\n  DELETE = \"delete\",\n  CUSTOM = \"custom\",\n}\n"],"mappings":";;;;AAiBA,IAAY,iBAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;KACD;;;;AAWD,IAAY,aAAL;;AAEL;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;KACD;AA8ED,IAAY,aAAL;AACL;AACA;AACA;AACA;AACA;;KACD"}

package/dist/esm/components/data-table/toolbarItems/filters/util.d.ts

@@ -0,0 +1,24 @@
+//#region src/components/data-table/toolbarItems/filters/util.d.ts
+/**
+ * Creates filter objects from a value and item configuration
+ * @param value - The filter value
+ * @param item - The toolbar item with configuration
+ * @param getDefaultOperator - Optional function to get default operator for field type
+ * @returns Array of filter objects
+ */
+declare function createFiltersFromValue(value: any, item: any, getDefaultOperator?: (fieldType: string) => string): any[];
+/**
+ * Creates an onChange handler for filter items
+ * @param item - The toolbar item with configuration
+ * @param setFilters - Function to set filters
+ * @param getDefaultOperator - Optional function to get default operator for field type
+ * @param debugInfo - Optional debug information for logging
+ * @returns onChange handler function
+ */
+declare function createFilterOnChangeHandler(item: any, setFilters: (filters: any[]) => void, getDefaultOperator?: (fieldType: string) => string, debugInfo?: {
+  itemId?: string;
+  childItemId?: string;
+}): (value: any) => void;
+//#endregion
+export { createFilterOnChangeHandler, createFiltersFromValue };
+//# sourceMappingURL=util.d.ts.map

package/dist/esm/components/data-table/toolbarItems/filters/util.js

@@ -0,0 +1,43 @@
+import { FilterOperator } from "./types.js";
+
+//#region src/components/data-table/toolbarItems/filters/util.ts
+/**
+* Creates filter objects from a value and item configuration
+* @param value - The filter value
+* @param item - The toolbar item with configuration
+* @param getDefaultOperator - Optional function to get default operator for field type
+* @returns Array of filter objects
+*/
+function createFiltersFromValue(value, item, getDefaultOperator) {
+	let newFilters = [];
+	const field = item.config?.field || item?.field || item?.id;
+	if (value !== void 0 && value !== null && value !== "") if (Array.isArray(value)) {
+		if (value.length > 0) newFilters = [{
+			field,
+			operator: "in",
+			value
+		}];
+	} else newFilters = [{
+		field,
+		operator: item.config?.operator || (item.config?.type ? getDefaultOperator?.(item.config.type) : "eq"),
+		value
+	}];
+	return newFilters;
+}
+/**
+* Creates an onChange handler for filter items
+* @param item - The toolbar item with configuration
+* @param setFilters - Function to set filters
+* @param getDefaultOperator - Optional function to get default operator for field type
+* @param debugInfo - Optional debug information for logging
+* @returns onChange handler function
+*/
+function createFilterOnChangeHandler(item, setFilters, getDefaultOperator, debugInfo) {
+	return (value) => {
+		setFilters(createFiltersFromValue(value, item, getDefaultOperator));
+	};
+}
+
+//#endregion
+export { createFilterOnChangeHandler, createFiltersFromValue };
+//# sourceMappingURL=util.js.map

package/dist/esm/components/data-table/toolbarItems/filters/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","names":[],"sources":["../../../../../../src/components/data-table/toolbarItems/filters/util.ts"],"sourcesContent":["import { FilterOperator } from \"./types\";\nimport type { BaseRecord } from \"@refinedev/core\";\n\n/**\n * Creates filter objects from a value and item configuration\n * @param value - The filter value\n * @param item - The toolbar item with configuration\n * @param getDefaultOperator - Optional function to get default operator for field type\n * @returns Array of filter objects\n */\nexport function createFiltersFromValue(\n  value: any,\n  item: any,\n  getDefaultOperator?: (fieldType: string) => string,\n): any[] {\n  let newFilters: any[] = [];\n\n  const field =\n    (item as any).config?.field || (item as any)?.field || (item as any)?.id;\n\n  if (value !== undefined && value !== null && value !== \"\") {\n    if (Array.isArray(value)) {\n      // For array values, create a single filter with \"in\" operator and the entire array as value\n      // Skip empty arrays\n      if (value.length > 0) {\n        newFilters = [\n          {\n            field,\n            operator: FilterOperator.IN,\n            value: value,\n          },\n        ];\n      }\n    } else {\n      // Get the operator to use - either from config or default based on field type\n      const operator =\n        (item as any).config?.operator ||\n        ((item as any).config?.type\n          ? getDefaultOperator?.((item as any).config.type)\n          : FilterOperator.EQ);\n\n      // For single values, create a single filter\n      newFilters = [\n        {\n          field,\n          operator,\n          value,\n        },\n      ];\n    }\n  }\n\n  return newFilters;\n}\n\n/**\n * Creates an onChange handler for filter items\n * @param item - The toolbar item with configuration\n * @param setFilters - Function to set filters\n * @param getDefaultOperator - Optional function to get default operator for field type\n * @param debugInfo - Optional debug information for logging\n * @returns onChange handler function\n */\nexport function createFilterOnChangeHandler(\n  item: any,\n  setFilters: (filters: any[]) => void,\n  getDefaultOperator?: (fieldType: string) => string,\n  debugInfo?: {\n    itemId?: string;\n    childItemId?: string;\n  },\n) {\n  return (value: any) => {\n    // Create filter objects using shared utility\n    const newFilters = createFiltersFromValue(value, item, getDefaultOperator);\n\n    // Let Refine handle the filter merging logic\n    setFilters(newFilters);\n  };\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,uBACd,OACA,MACA,oBACO;CACP,IAAI,aAAoB,EAAE;CAE1B,MAAM,QACH,KAAa,QAAQ,SAAU,MAAc,SAAU,MAAc;AAExE,KAAI,UAAU,UAAa,UAAU,QAAQ,UAAU,GACrD,KAAI,MAAM,QAAQ,MAAM,EAGtB;MAAI,MAAM,SAAS,EACjB,cAAa,CACX;GACE;GACA;GACO;GACR,CACF;OAWH,cAAa,CACX;EACE;EACA,UATD,KAAa,QAAQ,aACpB,KAAa,QAAQ,OACnB,qBAAsB,KAAa,OAAO,KAAK;EAQjD;EACD,CACF;AAIL,QAAO;;;;;;;;;;AAWT,SAAgB,4BACd,MACA,YACA,oBACA,WAIA;AACA,SAAQ,UAAe;AAKrB,aAHmB,uBAAuB,OAAO,MAAM,mBAGlC,CAAC"}

package/dist/esm/components/data-table/toolbarItems/index.d.ts

@@ -0,0 +1,17 @@
+import { ActionType, BaseFilterComponentProps, FilterComponentProps, FilterConfig, FilterOperator, FilterType, LogicalFilterOperator, SelectOption } from "./filters/types.js";
+import { ToolbarFilterComponentProps } from "../DataTable.types.js";
+import { BooleanFilter } from "./filters/components/BooleanFilter.js";
+import { DateFilter } from "./filters/components/DateFilter.js";
+import { MultiSelectFilter, MultiSelectFilterProps } from "./filters/components/MultiSelectFilter.js";
+import { NumberFilter } from "./filters/components/NumberFilter.js";
+import { RangeFilter, RangeValue } from "./filters/components/RangeFilter.js";
+import { SearchFilter } from "./filters/components/SearchFilter.js";
+import { SelectFilter } from "./filters/components/SelectFilter.js";
+import { TextFilter } from "./filters/components/TextFilter.js";
+import { createFilterOnChangeHandler, createFiltersFromValue } from "./filters/util.js";
+import { registerRefreshToolbarItem } from "./items/refresh.js";
+import { registerSearchToolbarItem } from "./items/search.js";
+import { ToolbarSeparatorItemComponent, registerSeparatorToolbarItem } from "./items/separator.js";
+import { ToolbarCustomItemComponent, registerCustomToolbarItem } from "./items/custom.js";
+import { FilterGroup } from "./FilterGroup.js";
+export { ActionType, BaseFilterComponentProps, BooleanFilter, DateFilter, FilterComponentProps, FilterConfig, FilterGroup, FilterOperator, FilterType, LogicalFilterOperator, MultiSelectFilter, MultiSelectFilterProps, NumberFilter, RangeFilter, RangeValue, SearchFilter, ToolbarFilterComponentProps as SearchToolbarItemProps, SelectFilter, SelectOption, TextFilter, ToolbarCustomItemComponent, ToolbarSeparatorItemComponent, createFilterOnChangeHandler, createFiltersFromValue, registerCustomToolbarItem, registerRefreshToolbarItem, registerSearchToolbarItem, registerSeparatorToolbarItem };

package/dist/esm/components/data-table/toolbarItems/index.js

@@ -0,0 +1,18 @@
+import { ActionType, FilterOperator, FilterType } from "./filters/types.js";
+import { BooleanFilter } from "./filters/components/BooleanFilter.js";
+import { DateFilter } from "./filters/components/DateFilter.js";
+import { MultiSelectFilter } from "./filters/components/MultiSelectFilter.js";
+import { NumberFilter } from "./filters/components/NumberFilter.js";
+import { RangeFilter } from "./filters/components/RangeFilter.js";
+import { SearchFilter } from "./filters/components/SearchFilter.js";
+import { SelectFilter } from "./filters/components/SelectFilter.js";
+import { TextFilter } from "./filters/components/TextFilter.js";
+import { createFilterOnChangeHandler, createFiltersFromValue } from "./filters/util.js";
+import "./filters/index.js";
+import { FilterGroup } from "./FilterGroup.js";
+import { registerRefreshToolbarItem } from "./items/refresh.js";
+import { registerSearchToolbarItem } from "./items/search.js";
+import { ToolbarSeparatorItemComponent, registerSeparatorToolbarItem } from "./items/separator.js";
+import { ToolbarCustomItemComponent, registerCustomToolbarItem } from "./items/custom.js";
+
+export { ActionType, BooleanFilter, DateFilter, FilterGroup, FilterOperator, FilterType, MultiSelectFilter, NumberFilter, RangeFilter, SearchFilter, SelectFilter, TextFilter, ToolbarCustomItemComponent, ToolbarSeparatorItemComponent, createFilterOnChangeHandler, createFiltersFromValue, registerCustomToolbarItem, registerRefreshToolbarItem, registerSearchToolbarItem, registerSeparatorToolbarItem };

package/dist/esm/components/data-table/toolbarItems/items/custom.d.ts

@@ -0,0 +1,15 @@
+import { ToolbarCustomItem, ToolbarItemComponentProps } from "../../DataTable.types.js";
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/data-table/toolbarItems/items/custom.d.ts
+interface ToolbarCustomItemComponentProps<TData extends BaseRecord> extends ToolbarItemComponentProps<TData> {
+  item: ToolbarCustomItem<TData>;
+}
+declare function ToolbarCustomItemComponent<TData extends BaseRecord>({
+  item,
+  ...wrapperProps
+}: ToolbarCustomItemComponentProps<TData>): any;
+declare function registerCustomToolbarItem<TData extends BaseRecord>(id: string, item: ToolbarCustomItem<TData>): void;
+//#endregion
+export { ToolbarCustomItemComponent, registerCustomToolbarItem };
+//# sourceMappingURL=custom.d.ts.map

package/dist/esm/components/data-table/toolbarItems/items/custom.js

@@ -0,0 +1,19 @@
+import { registerAction } from "../../ToolbarRegistry.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/data-table/toolbarItems/items/custom.tsx
+function ToolbarCustomItemComponent({ item, ...wrapperProps }) {
+	if (!item.component) return null;
+	return /* @__PURE__ */ jsx(item.component, {
+		...wrapperProps,
+		...item.props
+	});
+}
+function registerCustomToolbarItem(id, item) {
+	registerAction(id, item);
+}
+
+//#endregion
+export { ToolbarCustomItemComponent, registerCustomToolbarItem };
+//# sourceMappingURL=custom.js.map

package/dist/esm/components/data-table/toolbarItems/items/custom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom.js","names":[],"sources":["../../../../../../src/components/data-table/toolbarItems/items/custom.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n  ToolbarCustomItem,\n  ToolbarItemComponentProps,\n} from \"@/components/data-table/DataTable.types\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport { registerAction } from \"@/components/data-table/ToolbarRegistry\";\n\ninterface ToolbarCustomItemComponentProps<TData extends BaseRecord>\n  extends ToolbarItemComponentProps<TData> {\n  item: ToolbarCustomItem<TData>;\n}\n\nfunction ToolbarCustomItemComponent<TData extends BaseRecord>({\n  item,\n  ...wrapperProps\n}: ToolbarCustomItemComponentProps<TData>) {\n  if (!item.component) {\n    return null;\n  }\n  \n  return <item.component {...wrapperProps} {...item.props} />;\n}\n\nfunction registerCustomToolbarItem<TData extends BaseRecord>(\n  id: string,\n  item: ToolbarCustomItem<TData>,\n) {\n  registerAction(id, item);\n}\n\nexport { ToolbarCustomItemComponent, registerCustomToolbarItem };\n"],"mappings":";;;;;AAaA,SAAS,2BAAqD,EAC5D,MACA,GAAG,gBACsC;AACzC,KAAI,CAAC,KAAK,UACR,QAAO;AAGT,QAAO,oBAAC,KAAK,WAAN;EAAgB,GAAI;EAAc,GAAI,KAAK;EAAS;;AAG7D,SAAS,0BACP,IACA,MACA;AACA,gBAAe,IAAI,KAAK"}

package/dist/esm/components/data-table/toolbarItems/items/index.d.ts

@@ -0,0 +1,6 @@
+import { ToolbarFilterComponentProps } from "../../DataTable.types.js";
+import { registerRefreshToolbarItem } from "./refresh.js";
+import { registerSearchToolbarItem } from "./search.js";
+import { ToolbarSeparatorItemComponent, registerSeparatorToolbarItem } from "./separator.js";
+import { ToolbarCustomItemComponent, registerCustomToolbarItem } from "./custom.js";
+export { ToolbarFilterComponentProps as SearchToolbarItemProps, ToolbarCustomItemComponent, ToolbarSeparatorItemComponent, registerCustomToolbarItem, registerRefreshToolbarItem, registerSearchToolbarItem, registerSeparatorToolbarItem };

package/dist/esm/components/data-table/toolbarItems/items/index.js

@@ -0,0 +1,6 @@
+import { registerRefreshToolbarItem } from "./refresh.js";
+import { registerSearchToolbarItem } from "./search.js";
+import { ToolbarSeparatorItemComponent, registerSeparatorToolbarItem } from "./separator.js";
+import { ToolbarCustomItemComponent, registerCustomToolbarItem } from "./custom.js";
+
+export { ToolbarCustomItemComponent, ToolbarSeparatorItemComponent, registerCustomToolbarItem, registerRefreshToolbarItem, registerSearchToolbarItem, registerSeparatorToolbarItem };

package/dist/esm/components/data-table/toolbarItems/items/refresh.d.ts

@@ -0,0 +1,7 @@
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/data-table/toolbarItems/items/refresh.d.ts
+declare function registerRefreshToolbarItem<TData extends BaseRecord>(): void;
+//#endregion
+export { registerRefreshToolbarItem };
+//# sourceMappingURL=refresh.d.ts.map

package/dist/esm/components/data-table/toolbarItems/items/refresh.js

@@ -0,0 +1,36 @@
+import { ToolbarItemType } from "../../DataTable.types.js";
+import { registerAction } from "../../ToolbarRegistry.js";
+import { Button } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { RefreshCw } from "lucide-react";
+
+//#region src/components/data-table/toolbarItems/items/refresh.tsx
+function registerRefreshToolbarItem() {
+	registerAction("refresh", {
+		type: "action",
+		id: "refresh",
+		label: "Refresh",
+		icon: /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }),
+		onClick: (ctx, table) => {
+			if (ctx) {
+				ctx.refineContext?.refetch();
+				return;
+			}
+			table.options.onStateChange?.({
+				...table.getState(),
+				pagination: {
+					...table.getState().pagination,
+					pageIndex: 0
+				}
+			});
+		},
+		tooltip: "Refresh data",
+		variant: "outline",
+		size: "sm"
+	});
+}
+
+//#endregion
+export { registerRefreshToolbarItem };
+//# sourceMappingURL=refresh.js.map

package/dist/esm/components/data-table/toolbarItems/items/refresh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh.js","names":[],"sources":["../../../../../../src/components/data-table/toolbarItems/items/refresh.tsx"],"sourcesContent":["import { Button } from \"@lumeweb/portal-framework-ui-core\";\nimport { RefreshCw } from \"lucide-react\";\nimport React from \"react\";\nimport { BaseRecord } from \"@refinedev/core\";\n\nimport { registerAction } from \"@/components/data-table/ToolbarRegistry\";\nimport { ToolbarItemType } from \"@/components/data-table/DataTable.types\";\nimport type {\n  ToolbarActionItem,\n  ToolbarItemComponentProps,\n} from \"@/components/data-table/DataTable.types\";\n\nfunction RefreshToolbarItem<TData extends BaseRecord>({\n  refineContext,\n  table,\n}: ToolbarItemComponentProps<TData>) {\n  const handleRefresh = () => {\n    // First try to refresh through Refine if available\n    if (refineContext) {\n      refineContext.refetch();\n      return;\n    }\n\n    // Fallback to React Table refresh if no Refine contexts\n    table.options.onStateChange?.({\n      ...table.getState(),\n      pagination: {\n        ...table.getState().pagination,\n        pageIndex: 0,\n      },\n    });\n  };\n\n  const isLoading = refineContext?.isLoading || false;\n\n  return (\n    <Button\n      aria-label=\"Refresh\"\n      disabled={isLoading}\n      onClick={handleRefresh}\n      size=\"sm\"\n      variant=\"outline\"\n      title=\"Refresh data\">\n      <RefreshCw className={`h-4 w-4 ${isLoading ? \"animate-spin\" : \"\"}`} />\n    </Button>\n  );\n}\n\nfunction registerRefreshToolbarItem<TData extends BaseRecord>() {\n  const item: ToolbarActionItem<TData> = {\n    type: ToolbarItemType.ACTION,\n    id: \"refresh\",\n    label: \"Refresh\",\n    icon: <RefreshCw className=\"h-4 w-4\" />,\n    onClick: (ctx, table) => {\n      // First try to refresh through Refine if available\n      if (ctx) {\n        ctx.refineContext?.refetch();\n        return;\n      }\n\n      // Fallback to React Table refresh if no Refine contexts\n      table.options.onStateChange?.({\n        ...table.getState(),\n        pagination: {\n          ...table.getState().pagination,\n          pageIndex: 0,\n        },\n      });\n    },\n    tooltip: \"Refresh data\",\n    variant: \"outline\",\n    size: \"sm\",\n  };\n\n  registerAction<TData>(\"refresh\", item);\n}\n\nexport { registerRefreshToolbarItem };\n"],"mappings":";;;;;;;;AAgDA,SAAS,6BAAuD;AA2B9D,gBAAsB,WAAW;EAzB/B;EACA,IAAI;EACJ,OAAO;EACP,MAAM,oBAAC,WAAD,EAAW,WAAU,WAAY;EACvC,UAAU,KAAK,UAAU;AAEvB,OAAI,KAAK;AACP,QAAI,eAAe,SAAS;AAC5B;;AAIF,SAAM,QAAQ,gBAAgB;IAC5B,GAAG,MAAM,UAAU;IACnB,YAAY;KACV,GAAG,MAAM,UAAU,CAAC;KACpB,WAAW;KACZ;IACF,CAAC;;EAEJ,SAAS;EACT,SAAS;EACT,MAAM;EAG6B,CAAC"}

package/dist/esm/components/data-table/toolbarItems/items/search.d.ts

@@ -0,0 +1,7 @@
+import { ToolbarFilterComponentProps } from "../../DataTable.types.js";
+
+//#region src/components/data-table/toolbarItems/items/search.d.ts
+declare function registerSearchToolbarItem(): void;
+//#endregion
+export { type ToolbarFilterComponentProps as SearchToolbarItemProps, registerSearchToolbarItem };
+//# sourceMappingURL=search.d.ts.map

package/dist/esm/components/data-table/toolbarItems/items/search.js

@@ -0,0 +1,66 @@
+import { ToolbarItemType } from "../../DataTable.types.js";
+import { registerFilter } from "../../ToolbarRegistry.js";
+import { FilterOperator, FilterType } from "../filters/types.js";
+import { useRefineTable } from "../../contexts/RefineTable.js";
+import "../../../index.js";
+import React, { useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Search } from "lucide-react";
+import { useDebounce } from "use-debounce";
+
+//#region src/components/data-table/toolbarItems/items/search.tsx
+function SearchToolbarItem({ value, onChange, config }) {
+	const [debouncedValue] = useDebounce(value, 300);
+	const { setFilters } = useRefineTable();
+	const placeholder = config?.placeholder || "Search...";
+	useEffect(() => {
+		if (setFilters && debouncedValue !== void 0) setFilters(debouncedValue ? [{
+			field: String(config?.field || "q"),
+			operator: config?.operator || "contains",
+			value: debouncedValue
+		}] : []);
+	}, [
+		debouncedValue,
+		setFilters,
+		config?.field,
+		config?.operator
+	]);
+	const handleChange = (e) => {
+		if (onChange) onChange(e.target.value);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ jsx(Search, { className: "absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 transform text-gray-400" }), /* @__PURE__ */ jsx("input", {
+			type: "text",
+			placeholder,
+			value: value || "",
+			onChange: handleChange,
+			className: "rounded border px-2 py-1 pl-8"
+		})]
+	});
+}
+function registerSearchToolbarItem() {
+	registerFilter("search", {
+		type: "filter",
+		id: "search",
+		label: "Search",
+		component: ({ value, onChange, config }) => /* @__PURE__ */ jsx(SearchToolbarItem, {
+			value,
+			onChange,
+			config
+		}),
+		initialValue: "",
+		config: {
+			id: "search",
+			type: "text",
+			label: "Search",
+			field: "q",
+			operator: "contains",
+			placeholder: "Search..."
+		}
+	});
+}
+
+//#endregion
+export { registerSearchToolbarItem };
+//# sourceMappingURL=search.js.map