@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

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

@@ -0,0 +1,145 @@
+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 @@
+import { __esmMin } from "../../../../_virtual/rolldown_runtime.js";
+
+//#region src/components/data-table/toolbarItems/filters/types.ts
+var FilterOperator, FilterType, ActionType;
+var init_types = __esmMin(() => {
+	FilterOperator = /* @__PURE__ */ function(FilterOperator$1) {
+		FilterOperator$1["CONTAINS"] = "contains";
+		FilterOperator$1["EQ"] = "eq";
+		FilterOperator$1["NE"] = "ne";
+		FilterOperator$1["LT"] = "lt";
+		FilterOperator$1["GT"] = "gt";
+		FilterOperator$1["LTE"] = "lte";
+		FilterOperator$1["GTE"] = "gte";
+		FilterOperator$1["IN"] = "in";
+		FilterOperator$1["NIN"] = "nin";
+		FilterOperator$1["STARTS_WITH"] = "startswith";
+		FilterOperator$1["ENDS_WITH"] = "endswith";
+		FilterOperator$1["BETWEEN"] = "between";
+		FilterOperator$1["NOT_CONTAINS"] = "ncontains";
+		FilterOperator$1["NULL"] = "null";
+		FilterOperator$1["NOT_NULL"] = "nnull";
+		return FilterOperator$1;
+	}({});
+	FilterType = /* @__PURE__ */ function(FilterType$1) {
+		/** Text input filter */
+		FilterType$1["TEXT"] = "text";
+		/** Single select dropdown filter */
+		FilterType$1["SELECT"] = "select";
+		/** Multi-select dropdown filter */
+		FilterType$1["MULTI_SELECT"] = "multi-select";
+		/** Number input filter */
+		FilterType$1["NUMBER"] = "number";
+		/** Date picker filter */
+		FilterType$1["DATE"] = "date";
+		/** Date range picker filter */
+		FilterType$1["DATE_RANGE"] = "date-range";
+		/** Boolean toggle filter */
+		FilterType$1["BOOLEAN"] = "boolean";
+		/** Numeric range slider filter */
+		FilterType$1["RANGE"] = "range";
+		/** Search input filter */
+		FilterType$1["SEARCH"] = "search";
+		return FilterType$1;
+	}({});
+	ActionType = /* @__PURE__ */ function(ActionType$1) {
+		ActionType$1["REFRESH"] = "refresh";
+		ActionType$1["EXPORT"] = "export";
+		ActionType$1["CREATE"] = "create";
+		ActionType$1["DELETE"] = "delete";
+		ActionType$1["CUSTOM"] = "custom";
+		return ActionType$1;
+	}({});
+});
+
+//#endregion
+init_types();
+export { ActionType, FilterOperator, FilterType, init_types };
+//# 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":";;;;;CAiBY,4DAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;CAYU,oDAAL;;AAEL;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;;CA+EU,oDAAL;AACL;AACA;AACA;AACA;AACA"}

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,48 @@
+import { __esmMin } from "../../../../_virtual/rolldown_runtime.js";
+import { FilterOperator, init_types } 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: FilterOperator.IN,
+			value
+		}];
+	} else newFilters = [{
+		field,
+		operator: item.config?.operator || (item.config?.type ? getDefaultOperator?.(item.config.type) : FilterOperator.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));
+	};
+}
+var init_util = __esmMin(() => {
+	init_types();
+});
+
+//#endregion
+init_util();
+export { createFilterOnChangeHandler, createFiltersFromValue, init_util };
+//# 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,UAAU,eAAe;GAClB;GACR,CACF;OAWH,cAAa,CACX;EACE;EACA,UATD,KAAa,QAAQ,aACpB,KAAa,QAAQ,OACnB,qBAAsB,KAAa,OAAO,KAAK,GAC/C,eAAe;EAOjB;EACD,CACF;AAIL,QAAO;;;;;;;;;;AAWT,SAAgB,4BACd,MACA,YACA,oBACA,WAIA;AACA,SAAQ,UAAe;AAKrB,aAHmB,uBAAuB,OAAO,MAAM,mBAAmB,CAGpD;;;;aA7Ee"}

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

@@ -0,0 +1,18 @@
+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 "./filters/index.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,32 @@
+import { __esmMin } from "../../../_virtual/rolldown_runtime.js";
+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 { init_filters } from "./filters/index.js";
+import { FilterGroup, init_FilterGroup } from "./FilterGroup.js";
+import { init_refresh, registerRefreshToolbarItem } from "./items/refresh.js";
+import { init_search, registerSearchToolbarItem } from "./items/search.js";
+import { ToolbarSeparatorItemComponent, init_separator, registerSeparatorToolbarItem } from "./items/separator.js";
+import { ToolbarCustomItemComponent, init_custom, registerCustomToolbarItem } from "./items/custom.js";
+
+//#region src/components/data-table/toolbarItems/index.ts
+var init_toolbarItems = __esmMin(() => {
+	init_refresh();
+	init_search();
+	init_separator();
+	init_custom();
+	init_FilterGroup();
+	init_filters();
+});
+
+//#endregion
+init_toolbarItems();
+export { ActionType, BooleanFilter, DateFilter, FilterGroup, FilterOperator, FilterType, MultiSelectFilter, NumberFilter, RangeFilter, SearchFilter, SelectFilter, TextFilter, ToolbarCustomItemComponent, ToolbarSeparatorItemComponent, createFilterOnChangeHandler, createFiltersFromValue, init_toolbarItems, registerCustomToolbarItem, registerRefreshToolbarItem, registerSearchToolbarItem, registerSeparatorToolbarItem };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/data-table/toolbarItems/index.ts"],"sourcesContent":["export * from \"./items/refresh\";\nexport * from \"./items/search\";\nexport * from \"./items/separator\";\nexport * from \"./items/custom\";\nexport * from \"./FilterGroup\";\nexport * from \"./filters\";\n"],"mappings":""}

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

@@ -0,0 +1,16 @@
+import { ToolbarCustomItem, ToolbarItemComponentProps } from "../../DataTable.types.js";
+import "../../index.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,24 @@
+import { __esmMin } from "../../../../_virtual/rolldown_runtime.js";
+import { init_ToolbarRegistry, 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);
+}
+var init_custom = __esmMin(() => {
+	init_ToolbarRegistry();
+});
+
+//#endregion
+init_custom();
+export { ToolbarCustomItemComponent, init_custom, 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 {\n  ToolbarCustomItem,\n  ToolbarItemComponentProps,\n} from \"@/components/data-table\";\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;EAAU,GAAI;EAAc,GAAI,KAAK;GAAS;;AAG7D,SAAS,0BACP,IACA,MACA;AACA,gBAAe,IAAI,KAAK;;;uBAtB+C"}

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,14 @@
+import { init_refresh, registerRefreshToolbarItem } from "./refresh.js";
+import { init_search, registerSearchToolbarItem } from "./search.js";
+import { ToolbarSeparatorItemComponent, init_separator, registerSeparatorToolbarItem } from "./separator.js";
+import { ToolbarCustomItemComponent, init_custom, registerCustomToolbarItem } from "./custom.js";
+
+//#region src/components/data-table/toolbarItems/items/index.ts
+init_custom();
+init_refresh();
+init_separator();
+init_search();
+
+//#endregion
+export { ToolbarCustomItemComponent, ToolbarSeparatorItemComponent, registerCustomToolbarItem, registerRefreshToolbarItem, registerSearchToolbarItem, registerSeparatorToolbarItem };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/data-table/toolbarItems/items/index.ts"],"sourcesContent":["export * from \"./custom\";\nexport * from \"./refresh\";\nexport * from \"./separator\";\nexport * from \"./search\";\n"],"mappings":""}

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,42 @@
+import { __esmMin } from "../../../../_virtual/rolldown_runtime.js";
+import { ToolbarItemType } from "../../DataTable.types.js";
+import { registerAction } from "../../ToolbarRegistry.js";
+import { init_data_table } from "../../index.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: ToolbarItemType.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"
+	});
+}
+var init_refresh = __esmMin(() => {
+	init_data_table();
+});
+
+//#endregion
+init_refresh();
+export { init_refresh, 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, ToolbarItemType } from \"@/components/data-table\";\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":";;;;;;;;;;AA+CA,SAAS,6BAAuD;AA2B9D,gBAAsB,WA1BiB;EACrC,MAAM,gBAAgB;EACtB,IAAI;EACJ,OAAO;EACP,MAAM,oBAAC,aAAU,WAAU,YAAY;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;EACP,CAEqC;;;kBArEkC"}

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

@@ -0,0 +1,8 @@
+import { ToolbarFilterComponentProps } from "../../DataTable.types.js";
+import "../../index.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,73 @@
+import { __esmMin } from "../../../../_virtual/rolldown_runtime.js";
+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 { init_data_table } from "../../index.js";
+import { init_components } from "../../../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: ToolbarItemType.FILTER,
+		id: "search",
+		label: "Search",
+		component: ({ value, onChange, config }) => /* @__PURE__ */ jsx(SearchToolbarItem, {
+			value,
+			onChange,
+			config
+		}),
+		initialValue: "",
+		config: {
+			id: "search",
+			type: FilterType.TEXT,
+			label: "Search",
+			field: "q",
+			operator: FilterOperator.CONTAINS,
+			placeholder: "Search..."
+		}
+	});
+}
+var init_search = __esmMin(() => {
+	init_data_table();
+	init_components();
+});
+
+//#endregion
+init_search();
+export { init_search, registerSearchToolbarItem };
+//# sourceMappingURL=search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","names":[],"sources":["../../../../../../src/components/data-table/toolbarItems/items/search.tsx"],"sourcesContent":["import { Search } from \"lucide-react\";\nimport React, { useEffect } from \"react\";\nimport { useDebounce } from \"use-debounce\";\nimport type {\n  ToolbarFilterComponentProps,\n  ToolbarFilterItem,\n} from \"@/components/data-table\";\nimport { registerFilter, ToolbarItemType } from \"@/components/data-table\";\nimport {\n  FilterOperator,\n  FilterType,\n  LogicalFilterOperator,\n  useRefineTable,\n} from \"@/components\";\n\nfunction SearchToolbarItem({\n  value,\n  onChange,\n  config,\n}: Omit<ToolbarFilterComponentProps<any>, \"context\">) {\n  const [debouncedValue] = useDebounce(value, 300);\n  const { setFilters } = useRefineTable<any>();\n  const placeholder = config?.placeholder || \"Search...\";\n\n  // Handle refine contexts search\n  useEffect(() => {\n    if (setFilters && debouncedValue !== undefined) {\n      const filters = debouncedValue\n        ? [\n            {\n              field: String(config?.field || \"q\"),\n              operator: (config?.operator ||\n                \"contains\") as LogicalFilterOperator,\n              value: debouncedValue,\n            },\n          ]\n        : [];\n      setFilters(filters);\n    }\n  }, [debouncedValue, setFilters, config?.field, config?.operator]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) {\n      onChange(e.target.value);\n    }\n  };\n\n  return (\n    <div className=\"relative\">\n      <Search className=\"absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 transform text-gray-400\" />\n      <input\n        type=\"text\"\n        placeholder={placeholder}\n        value={value || \"\"}\n        onChange={handleChange}\n        className=\"rounded border px-2 py-1 pl-8\"\n      />\n    </div>\n  );\n}\n\nfunction registerSearchToolbarItem() {\n  const item: ToolbarFilterItem<any> = {\n    type: ToolbarItemType.FILTER,\n    id: \"search\",\n    label: \"Search\",\n    component: ({\n      value,\n      onChange,\n      config,\n    }: ToolbarFilterComponentProps<any>) => (\n      <SearchToolbarItem\n        value={value}\n        onChange={onChange}\n        config={config}\n      />\n    ),\n    initialValue: \"\",\n    config: {\n      id: \"search\",\n      type: FilterType.TEXT,\n      label: \"Search\",\n      field: \"q\",\n      operator: FilterOperator.CONTAINS,\n      placeholder: \"Search...\",\n    },\n  };\n\n  registerFilter(\"search\", item);\n}\n\nexport { registerSearchToolbarItem };\nexport type { ToolbarFilterComponentProps as SearchToolbarItemProps };\n"],"mappings":";;;;;;;;;;;;;AAeA,SAAS,kBAAkB,EACzB,OACA,UACA,UACoD;CACpD,MAAM,CAAC,kBAAkB,YAAY,OAAO,IAAI;CAChD,MAAM,EAAE,eAAe,gBAAqB;CAC5C,MAAM,cAAc,QAAQ,eAAe;AAG3C,iBAAgB;AACd,MAAI,cAAc,mBAAmB,OAWnC,YAVgB,iBACZ,CACE;GACE,OAAO,OAAO,QAAQ,SAAS,IAAI;GACnC,UAAW,QAAQ,YACjB;GACF,OAAO;GACR,CACF,GACD,EAAE,CACa;IAEpB;EAAC;EAAgB;EAAY,QAAQ;EAAO,QAAQ;EAAS,CAAC;CAEjE,MAAM,gBAAgB,MAA2C;AAC/D,MAAI,SACF,UAAS,EAAE,OAAO,MAAM;;AAI5B,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC,UAAO,WAAU,6EAA6E,EAC/F,oBAAC;GACC,MAAK;GACQ;GACb,OAAO,SAAS;GAChB,UAAU;GACV,WAAU;IACV;GACE;;AAIV,SAAS,4BAA4B;AA2BnC,gBAAe,UA1BsB;EACnC,MAAM,gBAAgB;EACtB,IAAI;EACJ,OAAO;EACP,YAAY,EACV,OACA,UACA,aAEA,oBAAC;GACQ;GACG;GACF;IACR;EAEJ,cAAc;EACd,QAAQ;GACN,IAAI;GACJ,MAAM,WAAW;GACjB,OAAO;GACP,OAAO;GACP,UAAU,eAAe;GACzB,aAAa;GACd;EACF,CAE6B;;;kBAjF0C;kBAMpD"}

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

@@ -0,0 +1,17 @@
+import { ToolbarItemComponentProps, ToolbarItemType, ToolbarSeparatorItem } from "../../DataTable.types.js";
+import "../../index.js";
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/data-table/toolbarItems/items/separator.d.ts
+interface ToolbarSeparatorItemComponentProps<TData extends BaseRecord> extends ToolbarItemComponentProps<TData> {
+  item: ToolbarSeparatorItem;
+}
+declare function ToolbarSeparatorItemComponent<TData extends BaseRecord>({
+  item
+}: ToolbarSeparatorItemComponentProps<TData>): any;
+declare function registerSeparatorToolbarItem<TData extends BaseRecord>(id: string, item: Omit<ToolbarSeparatorItem, "type"> & {
+  type?: ToolbarItemType.SEPARATOR;
+}): void;
+//#endregion
+export { ToolbarSeparatorItemComponent, registerSeparatorToolbarItem };
+//# sourceMappingURL=separator.d.ts.map

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

@@ -0,0 +1,26 @@
+import { __esmMin } from "../../../../_virtual/rolldown_runtime.js";
+import { ToolbarItemType } from "../../DataTable.types.js";
+import { registerAction } from "../../ToolbarRegistry.js";
+import { init_data_table } from "../../index.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/data-table/toolbarItems/items/separator.tsx
+function ToolbarSeparatorItemComponent({ item }) {
+	return /* @__PURE__ */ jsx("div", { className: "h-6 w-px bg-gray-300" });
+}
+function registerSeparatorToolbarItem(id, item) {
+	registerAction(id, {
+		...item,
+		type: ToolbarItemType.SEPARATOR,
+		component: ToolbarSeparatorItemComponent
+	});
+}
+var init_separator = __esmMin(() => {
+	init_data_table();
+});
+
+//#endregion
+init_separator();
+export { ToolbarSeparatorItemComponent, init_separator, registerSeparatorToolbarItem };
+//# sourceMappingURL=separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","names":[],"sources":["../../../../../../src/components/data-table/toolbarItems/items/separator.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  registerAction,\n  ToolbarItemComponentProps,\n  ToolbarItemType,\n  ToolbarSeparatorItem,\n} from \"@/components/data-table\";\nimport { BaseRecord } from \"@refinedev/core\";\n\ninterface ToolbarSeparatorItemComponentProps<TData extends BaseRecord>\n  extends ToolbarItemComponentProps<TData> {\n  item: ToolbarSeparatorItem;\n}\n\nfunction ToolbarSeparatorItemComponent<TData extends BaseRecord>({\n  item,\n}: ToolbarSeparatorItemComponentProps<TData>) {\n  return <div className=\"h-6 w-px bg-gray-300\" />;\n}\n\nfunction registerSeparatorToolbarItem<TData extends BaseRecord>(\n  id: string,\n  item: Omit<ToolbarSeparatorItem, \"type\"> & {\n    type?: ToolbarItemType.SEPARATOR;\n  },\n) {\n  const separatorItem = {\n    ...item,\n    type: ToolbarItemType.SEPARATOR,\n    component: ToolbarSeparatorItemComponent,\n  } as any;\n\n  registerAction(id, separatorItem);\n}\n\nexport { ToolbarSeparatorItemComponent, registerSeparatorToolbarItem };\n"],"mappings":";;;;;;;;AAcA,SAAS,8BAAwD,EAC/D,QAC4C;AAC5C,QAAO,oBAAC,SAAI,WAAU,yBAAyB;;AAGjD,SAAS,6BACP,IACA,MAGA;AAOA,gBAAe,IANO;EACpB,GAAG;EACH,MAAM,gBAAgB;EACtB,WAAW;EACZ,CAEgC;;;kBA1BF"}