@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/cjs/components/data-table/toolbarItems/filters/types.cjs

@@ -0,0 +1,66 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+
+//#region src/components/data-table/toolbarItems/filters/types.ts
+var FilterOperator, FilterType, ActionType;
+var init_types = require_rolldown_runtime.__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();
+exports.ActionType = ActionType;
+exports.FilterOperator = FilterOperator;
+exports.FilterType = FilterType;
+Object.defineProperty(exports, 'init_types', {
+  enumerable: true,
+  get: function () {
+    return init_types;
+  }
+});
+//# sourceMappingURL=types.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","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/cjs/components/data-table/toolbarItems/filters/types.d.cts

@@ -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.cts.map

package/dist/cjs/components/data-table/toolbarItems/filters/util.cjs

@@ -0,0 +1,55 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_components_data_table_toolbarItems_filters_types = require('./types.cjs');
+
+//#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: require_components_data_table_toolbarItems_filters_types.FilterOperator.IN,
+			value
+		}];
+	} else newFilters = [{
+		field,
+		operator: item.config?.operator || (item.config?.type ? getDefaultOperator?.(item.config.type) : require_components_data_table_toolbarItems_filters_types.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 = require_rolldown_runtime.__esmMin((() => {
+	require_components_data_table_toolbarItems_filters_types.init_types();
+}));
+
+//#endregion
+init_util();
+exports.createFilterOnChangeHandler = createFilterOnChangeHandler;
+exports.createFiltersFromValue = createFiltersFromValue;
+Object.defineProperty(exports, 'init_util', {
+  enumerable: true,
+  get: function () {
+    return init_util;
+  }
+});
+//# sourceMappingURL=util.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"util.cjs","names":["FilterOperator"],"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,UAAUA,wEAAe;GAClB;GACR,CACF;OAWH,cAAa,CACX;EACE;EACA,UATD,KAAa,QAAQ,aACpB,KAAa,QAAQ,OACnB,qBAAsB,KAAa,OAAO,KAAK,GAC/CA,wEAAe;EAOjB;EACD,CACF;AAIL,QAAO;;;;;;;;;;AAWT,SAAgB,4BACd,MACA,YACA,oBACA,WAIA;AACA,SAAQ,UAAe;AAKrB,aAHmB,uBAAuB,OAAO,MAAM,mBAAmB,CAGpD;;;;sEA7Ee"}

package/dist/cjs/components/data-table/toolbarItems/filters/util.d.cts

@@ -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.cts.map

package/dist/cjs/components/data-table/toolbarItems/index.cjs

@@ -0,0 +1,57 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_data_table_toolbarItems_filters_types = require('./filters/types.cjs');
+const require_components_data_table_toolbarItems_filters_components_BooleanFilter = require('./filters/components/BooleanFilter.cjs');
+const require_components_data_table_toolbarItems_filters_components_DateFilter = require('./filters/components/DateFilter.cjs');
+const require_components_data_table_toolbarItems_filters_components_MultiSelectFilter = require('./filters/components/MultiSelectFilter.cjs');
+const require_components_data_table_toolbarItems_filters_components_NumberFilter = require('./filters/components/NumberFilter.cjs');
+const require_components_data_table_toolbarItems_filters_components_RangeFilter = require('./filters/components/RangeFilter.cjs');
+const require_components_data_table_toolbarItems_filters_components_SearchFilter = require('./filters/components/SearchFilter.cjs');
+const require_components_data_table_toolbarItems_filters_components_SelectFilter = require('./filters/components/SelectFilter.cjs');
+const require_components_data_table_toolbarItems_filters_components_TextFilter = require('./filters/components/TextFilter.cjs');
+const require_components_data_table_toolbarItems_filters_util = require('./filters/util.cjs');
+const require_components_data_table_toolbarItems_filters_index = require('./filters/index.cjs');
+const require_components_data_table_toolbarItems_FilterGroup = require('./FilterGroup.cjs');
+const require_components_data_table_toolbarItems_items_refresh = require('./items/refresh.cjs');
+const require_components_data_table_toolbarItems_items_search = require('./items/search.cjs');
+const require_components_data_table_toolbarItems_items_separator = require('./items/separator.cjs');
+const require_components_data_table_toolbarItems_items_custom = require('./items/custom.cjs');
+
+//#region src/components/data-table/toolbarItems/index.ts
+var init_toolbarItems = require_rolldown_runtime.__esmMin((() => {
+	init_refresh();
+	init_search();
+	init_separator();
+	init_custom();
+	init_FilterGroup();
+	init_filters();
+}));
+
+//#endregion
+init_toolbarItems();
+exports.ActionType = require_components_data_table_toolbarItems_filters_types.ActionType;
+exports.BooleanFilter = require_components_data_table_toolbarItems_filters_components_BooleanFilter.BooleanFilter;
+exports.DateFilter = require_components_data_table_toolbarItems_filters_components_DateFilter.DateFilter;
+exports.FilterGroup = require_components_data_table_toolbarItems_FilterGroup.FilterGroup;
+exports.FilterOperator = require_components_data_table_toolbarItems_filters_types.FilterOperator;
+exports.FilterType = require_components_data_table_toolbarItems_filters_types.FilterType;
+exports.MultiSelectFilter = require_components_data_table_toolbarItems_filters_components_MultiSelectFilter.MultiSelectFilter;
+exports.NumberFilter = require_components_data_table_toolbarItems_filters_components_NumberFilter.NumberFilter;
+exports.RangeFilter = require_components_data_table_toolbarItems_filters_components_RangeFilter.RangeFilter;
+exports.SearchFilter = require_components_data_table_toolbarItems_filters_components_SearchFilter.SearchFilter;
+exports.SelectFilter = require_components_data_table_toolbarItems_filters_components_SelectFilter.SelectFilter;
+exports.TextFilter = require_components_data_table_toolbarItems_filters_components_TextFilter.TextFilter;
+exports.ToolbarCustomItemComponent = require_components_data_table_toolbarItems_items_custom.ToolbarCustomItemComponent;
+exports.ToolbarSeparatorItemComponent = require_components_data_table_toolbarItems_items_separator.ToolbarSeparatorItemComponent;
+exports.createFilterOnChangeHandler = require_components_data_table_toolbarItems_filters_util.createFilterOnChangeHandler;
+exports.createFiltersFromValue = require_components_data_table_toolbarItems_filters_util.createFiltersFromValue;
+Object.defineProperty(exports, 'init_toolbarItems', {
+  enumerable: true,
+  get: function () {
+    return init_toolbarItems;
+  }
+});
+exports.registerCustomToolbarItem = require_components_data_table_toolbarItems_items_custom.registerCustomToolbarItem;
+exports.registerRefreshToolbarItem = require_components_data_table_toolbarItems_items_refresh.registerRefreshToolbarItem;
+exports.registerSearchToolbarItem = require_components_data_table_toolbarItems_items_search.registerSearchToolbarItem;
+exports.registerSeparatorToolbarItem = require_components_data_table_toolbarItems_items_separator.registerSeparatorToolbarItem;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/data-table/toolbarItems/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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/cjs/components/data-table/toolbarItems/index.d.cts

@@ -0,0 +1,18 @@
+import { ActionType, BaseFilterComponentProps, FilterComponentProps, FilterConfig, FilterOperator, FilterType, LogicalFilterOperator, SelectOption } from "./filters/types.cjs";
+import { ToolbarFilterComponentProps } from "../DataTable.types.cjs";
+import { BooleanFilter } from "./filters/components/BooleanFilter.cjs";
+import { DateFilter } from "./filters/components/DateFilter.cjs";
+import { MultiSelectFilter, MultiSelectFilterProps } from "./filters/components/MultiSelectFilter.cjs";
+import { NumberFilter } from "./filters/components/NumberFilter.cjs";
+import { RangeFilter, RangeValue } from "./filters/components/RangeFilter.cjs";
+import { SearchFilter } from "./filters/components/SearchFilter.cjs";
+import { SelectFilter } from "./filters/components/SelectFilter.cjs";
+import { TextFilter } from "./filters/components/TextFilter.cjs";
+import { createFilterOnChangeHandler, createFiltersFromValue } from "./filters/util.cjs";
+import "./filters/index.cjs";
+import { registerRefreshToolbarItem } from "./items/refresh.cjs";
+import { registerSearchToolbarItem } from "./items/search.cjs";
+import { ToolbarSeparatorItemComponent, registerSeparatorToolbarItem } from "./items/separator.cjs";
+import { ToolbarCustomItemComponent, registerCustomToolbarItem } from "./items/custom.cjs";
+import { FilterGroup } from "./FilterGroup.cjs";
+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/cjs/components/data-table/toolbarItems/items/custom.cjs

@@ -0,0 +1,32 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_components_data_table_ToolbarRegistry = require('../../ToolbarRegistry.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/data-table/toolbarItems/items/custom.tsx
+function ToolbarCustomItemComponent({ item, ...wrapperProps }) {
+	if (!item.component) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(item.component, {
+		...wrapperProps,
+		...item.props
+	});
+}
+function registerCustomToolbarItem(id, item) {
+	require_components_data_table_ToolbarRegistry.registerAction(id, item);
+}
+var init_custom = require_rolldown_runtime.__esmMin((() => {
+	require_components_data_table_ToolbarRegistry.init_ToolbarRegistry();
+}));
+
+//#endregion
+init_custom();
+exports.ToolbarCustomItemComponent = ToolbarCustomItemComponent;
+Object.defineProperty(exports, 'init_custom', {
+  enumerable: true,
+  get: function () {
+    return init_custom;
+  }
+});
+exports.registerCustomToolbarItem = registerCustomToolbarItem;
+//# sourceMappingURL=custom.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"custom.cjs","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,2CAAC,KAAK;EAAU,GAAI;EAAc,GAAI,KAAK;GAAS;;AAG7D,SAAS,0BACP,IACA,MACA;AACA,8DAAe,IAAI,KAAK;;;qEAtB+C"}

package/dist/cjs/components/data-table/toolbarItems/items/custom.d.cts

@@ -0,0 +1,16 @@
+import { ToolbarCustomItem, ToolbarItemComponentProps } from "../../DataTable.types.cjs";
+import "../../index.cjs";
+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.cts.map

package/dist/cjs/components/data-table/toolbarItems/items/index.cjs

@@ -0,0 +1,20 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_components_data_table_toolbarItems_items_refresh = require('./refresh.cjs');
+const require_components_data_table_toolbarItems_items_search = require('./search.cjs');
+const require_components_data_table_toolbarItems_items_separator = require('./separator.cjs');
+const require_components_data_table_toolbarItems_items_custom = require('./custom.cjs');
+
+//#region src/components/data-table/toolbarItems/items/index.ts
+init_custom();
+init_refresh();
+init_separator();
+init_search();
+
+//#endregion
+exports.ToolbarCustomItemComponent = require_components_data_table_toolbarItems_items_custom.ToolbarCustomItemComponent;
+exports.ToolbarSeparatorItemComponent = require_components_data_table_toolbarItems_items_separator.ToolbarSeparatorItemComponent;
+exports.registerCustomToolbarItem = require_components_data_table_toolbarItems_items_custom.registerCustomToolbarItem;
+exports.registerRefreshToolbarItem = require_components_data_table_toolbarItems_items_refresh.registerRefreshToolbarItem;
+exports.registerSearchToolbarItem = require_components_data_table_toolbarItems_items_search.registerSearchToolbarItem;
+exports.registerSeparatorToolbarItem = require_components_data_table_toolbarItems_items_separator.registerSeparatorToolbarItem;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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/cjs/components/data-table/toolbarItems/items/index.d.cts

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

package/dist/cjs/components/data-table/toolbarItems/items/refresh.cjs

@@ -0,0 +1,49 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_components_data_table_DataTable_types = require('../../DataTable.types.cjs');
+const require_components_data_table_ToolbarRegistry = require('../../ToolbarRegistry.cjs');
+const require_components_data_table_index = require('../../index.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+
+//#region src/components/data-table/toolbarItems/items/refresh.tsx
+function registerRefreshToolbarItem() {
+	require_components_data_table_ToolbarRegistry.registerAction("refresh", {
+		type: require_components_data_table_DataTable_types.ToolbarItemType.ACTION,
+		id: "refresh",
+		label: "Refresh",
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.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 = require_rolldown_runtime.__esmMin((() => {
+	require_components_data_table_index.init_data_table();
+}));
+
+//#endregion
+init_refresh();
+Object.defineProperty(exports, 'init_refresh', {
+  enumerable: true,
+  get: function () {
+    return init_refresh;
+  }
+});
+exports.registerRefreshToolbarItem = registerRefreshToolbarItem;
+//# sourceMappingURL=refresh.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"refresh.cjs","names":["ToolbarItemType","RefreshCw"],"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,8DAAsB,WA1BiB;EACrC,MAAMA,8DAAgB;EACtB,IAAI;EACJ,OAAO;EACP,MAAM,2CAACC,0BAAU,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;;;sDArEkC"}

package/dist/cjs/components/data-table/toolbarItems/items/refresh.d.cts

@@ -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.cts.map

package/dist/cjs/components/data-table/toolbarItems/items/search.cjs

@@ -0,0 +1,80 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_components_data_table_DataTable_types = require('../../DataTable.types.cjs');
+const require_components_data_table_ToolbarRegistry = require('../../ToolbarRegistry.cjs');
+const require_components_data_table_toolbarItems_filters_types = require('../filters/types.cjs');
+const require_components_data_table_contexts_RefineTable = require('../../contexts/RefineTable.cjs');
+const require_components_data_table_index = require('../../index.cjs');
+const require_components_index = require('../../../index.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let use_debounce = require("use-debounce");
+
+//#region src/components/data-table/toolbarItems/items/search.tsx
+function SearchToolbarItem({ value, onChange, config }) {
+	const [debouncedValue] = (0, use_debounce.useDebounce)(value, 300);
+	const { setFilters } = require_components_data_table_contexts_RefineTable.useRefineTable();
+	const placeholder = config?.placeholder || "Search...";
+	(0, react.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Search, { className: "absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 transform text-gray-400" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			type: "text",
+			placeholder,
+			value: value || "",
+			onChange: handleChange,
+			className: "rounded border px-2 py-1 pl-8"
+		})]
+	});
+}
+function registerSearchToolbarItem() {
+	require_components_data_table_ToolbarRegistry.registerFilter("search", {
+		type: require_components_data_table_DataTable_types.ToolbarItemType.FILTER,
+		id: "search",
+		label: "Search",
+		component: ({ value, onChange, config }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchToolbarItem, {
+			value,
+			onChange,
+			config
+		}),
+		initialValue: "",
+		config: {
+			id: "search",
+			type: require_components_data_table_toolbarItems_filters_types.FilterType.TEXT,
+			label: "Search",
+			field: "q",
+			operator: require_components_data_table_toolbarItems_filters_types.FilterOperator.CONTAINS,
+			placeholder: "Search..."
+		}
+	});
+}
+var init_search = require_rolldown_runtime.__esmMin((() => {
+	require_components_data_table_index.init_data_table();
+	require_components_index.init_components();
+}));
+
+//#endregion
+init_search();
+Object.defineProperty(exports, 'init_search', {
+  enumerable: true,
+  get: function () {
+    return init_search;
+  }
+});
+exports.registerSearchToolbarItem = registerSearchToolbarItem;
+//# sourceMappingURL=search.cjs.map