@lumeweb/portal-framework-ui 0.0.1 → 0.1.1

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

@@ -0,0 +1,39 @@
+import { TableLayoutType, ToolbarItemAlignment, ToolbarItemType } from "./DataTable.types.js";
+import { clear, getAction, getFilter, hasAction, hasFilter, listActions, listAll, listFilters, registerAction, registerFilter, removeAction, removeFilter } from "./ToolbarRegistry.js";
+import { ActionType, FilterOperator, FilterType } from "./toolbarItems/filters/types.js";
+import { BooleanFilter } from "./toolbarItems/filters/components/BooleanFilter.js";
+import { DateFilter } from "./toolbarItems/filters/components/DateFilter.js";
+import { MultiSelectFilter } from "./toolbarItems/filters/components/MultiSelectFilter.js";
+import { NumberFilter } from "./toolbarItems/filters/components/NumberFilter.js";
+import { RangeFilter } from "./toolbarItems/filters/components/RangeFilter.js";
+import { SearchFilter } from "./toolbarItems/filters/components/SearchFilter.js";
+import { SelectFilter } from "./toolbarItems/filters/components/SelectFilter.js";
+import { TextFilter } from "./toolbarItems/filters/components/TextFilter.js";
+import { createFilterOnChangeHandler, createFiltersFromValue } from "./toolbarItems/filters/util.js";
+import { FilterGroup } from "./toolbarItems/FilterGroup.js";
+import { ToolbarRenderer, ToolbarRendererRegistry } from "./ToolbarRenderer.js";
+import { FilterHelpersProvider, useDefaultFilter, useFilterHelpers } from "./contexts/FilterHelpers.js";
+import { RefineTableProvider, useRefineTable } from "./contexts/RefineTable.js";
+import { TableConfigProvider, useTableConfig, useTableConfigOptional } from "./contexts/TableConfig.js";
+import { TableInstanceProvider, useTableInstance } from "./contexts/TableInstance.js";
+import "./contexts/index.js";
+import { registerRefreshToolbarItem } from "./toolbarItems/items/refresh.js";
+import { registerSearchToolbarItem } from "./toolbarItems/items/search.js";
+import { ToolbarSeparatorItemComponent, registerSeparatorToolbarItem } from "./toolbarItems/items/separator.js";
+import { ToolbarCustomItemComponent, registerCustomToolbarItem } from "./toolbarItems/items/custom.js";
+import "./toolbarItems/index.js";
+import { Toolbar } from "./Toolbar.js";
+import { DefaultPagination } from "./DefaultPagination.js";
+import { TableEmptyState } from "./EmptyState.js";
+import { TableLoadingState } from "./LoadingState.js";
+import { normalizeTableOptions } from "./tableOptions.js";
+import { BaseTableContent } from "./BaseTableContent.js";
+import { BaseTableInner } from "./BaseTableInner.js";
+import { BaseTable } from "./BaseTable.js";
+import { TableAction } from "./TableAction.js";
+import { TableActionMenu } from "./TableActionMenu.js";
+import { DataTable } from "./DataTable.js";
+import { DataTableController } from "./DataTableController.js";
+import "./register.js";
+
+export { ActionType, BaseTable, BaseTableContent, BaseTableInner, BooleanFilter, DataTable, DataTableController, DateFilter, DefaultPagination, FilterGroup, FilterHelpersProvider, FilterOperator, FilterType, MultiSelectFilter, NumberFilter, RangeFilter, RefineTableProvider, SearchFilter, SelectFilter, TableAction, TableActionMenu, TableConfigProvider, TableEmptyState, TableInstanceProvider, TableLayoutType, TableLoadingState, TextFilter, Toolbar, ToolbarCustomItemComponent, ToolbarItemAlignment, ToolbarItemType, ToolbarRenderer, ToolbarRendererRegistry, ToolbarSeparatorItemComponent, clear, createFilterOnChangeHandler, createFiltersFromValue, getAction, getFilter, hasAction, hasFilter, listActions, listAll, listFilters, normalizeTableOptions, registerAction, registerCustomToolbarItem, registerFilter, registerRefreshToolbarItem, registerSearchToolbarItem, registerSeparatorToolbarItem, removeAction, removeFilter, useDefaultFilter, useFilterHelpers, useRefineTable, useTableConfig, useTableConfigOptional, useTableInstance };

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

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

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

@@ -0,0 +1 @@
+import "./toolbarItems/register.js";

package/dist/esm/components/data-table/tableOptions.d.ts

@@ -0,0 +1,18 @@
+import { BaseTablePaginationConfig, TableStateProps } from "./BaseTable.js";
+import { BaseRecord } from "@refinedev/core";
+import React from "react";
+import { Table } from "@tanstack/react-table";
+
+//#region src/components/data-table/tableOptions.d.ts
+interface NormalizedTableOptions<TData> {
+  emptyState: React.ReactNode;
+  loadingState: React.ReactNode;
+  pagination: {
+    component?: React.ReactNode;
+    enabled: boolean;
+  };
+}
+declare function normalizeTableOptions<TData extends BaseRecord>(pagination: BaseTablePaginationConfig | undefined, emptyState: TableStateProps<TData>["emptyState"], emptyStateMessage: TableStateProps<TData>["emptyStateMessage"], loadingState: TableStateProps<TData>["loadingState"], loadingStateMessage: TableStateProps<TData>["loadingStateMessage"], table: Table<TData>): NormalizedTableOptions<TData>;
+//#endregion
+export { NormalizedTableOptions, normalizeTableOptions };
+//# sourceMappingURL=tableOptions.d.ts.map

package/dist/esm/components/data-table/tableOptions.js

@@ -0,0 +1,40 @@
+import { DefaultPagination } from "./DefaultPagination.js";
+import { TableEmptyState } from "./EmptyState.js";
+import { TableLoadingState } from "./LoadingState.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/data-table/tableOptions.tsx
+function normalizeTableOptions(pagination, emptyState, emptyStateMessage, loadingState, loadingStateMessage, table) {
+	let paginationComponent = null;
+	const paginationEnabled = pagination !== false && (pagination === true || typeof pagination === "object" && pagination.enabled === true);
+	const colSpan = table.getAllColumns().length;
+	if (paginationEnabled) if (typeof pagination === "object" && pagination.component) paginationComponent = pagination.component;
+	else paginationComponent = /* @__PURE__ */ jsx(DefaultPagination, {});
+	let normalizedEmptyState;
+	if (!emptyState) normalizedEmptyState = /* @__PURE__ */ jsx(TableEmptyState, {
+		colSpan,
+		message: emptyStateMessage
+	});
+	else if (typeof emptyState === "function") normalizedEmptyState = emptyState(colSpan);
+	else normalizedEmptyState = emptyState;
+	let normalizedLoadingState;
+	if (!loadingState) normalizedLoadingState = /* @__PURE__ */ jsx(TableLoadingState, {
+		colSpan,
+		message: loadingStateMessage
+	});
+	else if (typeof loadingState === "function") normalizedLoadingState = loadingState(colSpan);
+	else normalizedLoadingState = loadingState;
+	return {
+		emptyState: normalizedEmptyState,
+		loadingState: normalizedLoadingState,
+		pagination: {
+			component: paginationComponent,
+			enabled: paginationEnabled
+		}
+	};
+}
+
+//#endregion
+export { normalizeTableOptions };
+//# sourceMappingURL=tableOptions.js.map

package/dist/esm/components/data-table/tableOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableOptions.js","names":[],"sources":["../../../../src/components/data-table/tableOptions.tsx"],"sourcesContent":["import { Table } from \"@tanstack/react-table\";\nimport React from \"react\";\n\nimport { BaseTablePaginationConfig, TableStateProps } from \"./BaseTable\";\nimport { DefaultPagination } from \"./DefaultPagination\";\nimport { TableEmptyState } from \"./EmptyState\";\nimport { TableLoadingState } from \"./LoadingState\";\nimport { BaseRecord } from \"@refinedev/core\";\n\nexport interface NormalizedTableOptions<TData> {\n  emptyState: React.ReactNode;\n  loadingState: React.ReactNode;\n  pagination: {\n    component?: React.ReactNode;\n    enabled: boolean;\n  };\n}\n\nexport function normalizeTableOptions<TData extends BaseRecord>(\n  pagination: BaseTablePaginationConfig | undefined,\n  emptyState: TableStateProps<TData>[\"emptyState\"],\n  emptyStateMessage: TableStateProps<TData>[\"emptyStateMessage\"],\n  loadingState: TableStateProps<TData>[\"loadingState\"],\n  loadingStateMessage: TableStateProps<TData>[\"loadingStateMessage\"],\n  table: Table<TData>,\n): NormalizedTableOptions<TData> {\n  let paginationComponent: React.ReactNode = null;\n  const paginationEnabled =\n    pagination !== false &&\n    (pagination === true ||\n      (typeof pagination === \"object\" && pagination.enabled === true));\n  const colSpan = table.getAllColumns().length;\n\n  if (paginationEnabled) {\n    if (typeof pagination === \"object\" && pagination.component) {\n      paginationComponent = pagination.component;\n    } else {\n      paginationComponent = <DefaultPagination />;\n    }\n  }\n\n  let normalizedEmptyState: React.ReactNode;\n  if (!emptyState) {\n    normalizedEmptyState = (\n      <TableEmptyState colSpan={colSpan} message={emptyStateMessage} />\n    );\n  } else if (typeof emptyState === \"function\") {\n    normalizedEmptyState = emptyState(colSpan);\n  } else {\n    normalizedEmptyState = emptyState;\n  }\n\n  let normalizedLoadingState: React.ReactNode;\n  if (!loadingState) {\n    normalizedLoadingState = (\n      <TableLoadingState colSpan={colSpan} message={loadingStateMessage} />\n    );\n  } else if (typeof loadingState === \"function\") {\n    normalizedLoadingState = loadingState(colSpan);\n  } else {\n    normalizedLoadingState = loadingState;\n  }\n\n  return {\n    emptyState: normalizedEmptyState,\n    loadingState: normalizedLoadingState,\n    pagination: {\n      component: paginationComponent,\n      enabled: paginationEnabled,\n    },\n  };\n}\n"],"mappings":";;;;;;;AAkBA,SAAgB,sBACd,YACA,YACA,mBACA,cACA,qBACA,OAC+B;CAC/B,IAAI,sBAAuC;CAC3C,MAAM,oBACJ,eAAe,UACd,eAAe,QACb,OAAO,eAAe,YAAY,WAAW,YAAY;CAC9D,MAAM,UAAU,MAAM,eAAe,CAAC;AAEtC,KAAI,kBACF,KAAI,OAAO,eAAe,YAAY,WAAW,UAC/C,uBAAsB,WAAW;KAEjC,uBAAsB,oBAAC,mBAAD,EAAqB;CAI/C,IAAI;AACJ,KAAI,CAAC,WACH,wBACE,oBAAC,iBAAD;EAA0B;EAAS,SAAS;EAAqB;UAE1D,OAAO,eAAe,WAC/B,wBAAuB,WAAW,QAAQ;KAE1C,wBAAuB;CAGzB,IAAI;AACJ,KAAI,CAAC,aACH,0BACE,oBAAC,mBAAD;EAA4B;EAAS,SAAS;EAAuB;UAE9D,OAAO,iBAAiB,WACjC,0BAAyB,aAAa,QAAQ;KAE9C,0BAAyB;AAG3B,QAAO;EACL,YAAY;EACZ,cAAc;EACd,YAAY;GACV,WAAW;GACX,SAAS;GACV;EACF"}

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

@@ -0,0 +1,18 @@
+import { ToolbarFilterGroupItem, ToolbarItemComponentProps } from "../DataTable.types.js";
+import { ComponentSize } from "../../sizing/index.js";
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/data-table/toolbarItems/FilterGroup.d.ts
+interface FilterGroupProps<TData extends BaseRecord> {
+  item: ToolbarFilterGroupItem<TData>;
+  commonProps: ToolbarItemComponentProps<TData>;
+  size?: ComponentSize;
+}
+declare function FilterGroup<TData extends BaseRecord>({
+  item,
+  commonProps,
+  size
+}: FilterGroupProps<TData>): any;
+//#endregion
+export { FilterGroup };
+//# sourceMappingURL=FilterGroup.d.ts.map

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

@@ -0,0 +1,105 @@
+import { FilterResolver } from "./FilterResolver.js";
+import { getSizeClass } from "../../sizing/index.js";
+import { FilterOperator } from "./filters/types.js";
+import { createFilterOnChangeHandler } from "./filters/util.js";
+import "./filters/index.js";
+import { Button, cn } from "@lumeweb/portal-framework-ui-core";
+import React, { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, Filter } from "lucide-react";
+import * as DropdownMenu$1 from "@radix-ui/react-dropdown-menu";
+
+//#region src/components/data-table/toolbarItems/FilterGroup.tsx
+const dropdownContentClasses = "bg-background rounded-lg border shadow-lg p-3";
+function FilterGroup({ item, commonProps, size }) {
+	const [isExpanded, setIsExpanded] = useState(item.initiallyExpanded ?? false);
+	const layout = item.layout ?? "horizontal";
+	const createChildOnChangeHandler = useCallback((childItem) => {
+		return createFilterOnChangeHandler(childItem, (filters) => {
+			if (commonProps.context?.setFilters) commonProps.context.setFilters(filters);
+		}, commonProps.context?.getDefaultOperator, {
+			itemId: item.id,
+			childItemId: childItem.id
+		});
+	}, [commonProps.context, item.id]);
+	const createChildCommonProps = useCallback((childItem) => {
+		return {
+			...commonProps,
+			value: commonProps.context?.getDefaultFilter?.(childItem.config?.field, childItem.config?.operator || (commonProps.context?.getDefaultOperator ? commonProps.context.getDefaultOperator(childItem.config?.type) : "eq")) ?? childItem.initialValue,
+			onChange: createChildOnChangeHandler(childItem)
+		};
+	}, [commonProps, createChildOnChangeHandler]);
+	const toggleExpanded = () => {
+		setIsExpanded(!isExpanded);
+	};
+	const renderFilterIcon = () => {
+		if (!item.icon) return /* @__PURE__ */ jsx(Filter, { className: "mr-2 h-4 w-4" });
+		if (React.isValidElement(item.icon)) return item.icon;
+		const IconComponent = item.icon;
+		return /* @__PURE__ */ jsx(IconComponent, { className: "mr-4 h-4 w-4" });
+	};
+	if (item.dropdownStyle) return /* @__PURE__ */ jsxs(DropdownMenu$1.Root, {
+		open: isExpanded,
+		onOpenChange: setIsExpanded,
+		children: [/* @__PURE__ */ jsx(DropdownMenu$1.Trigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				className: "hover:bg-muted h-auto justify-start p-3",
+				children: [
+					renderFilterIcon(),
+					/* @__PURE__ */ jsx("span", {
+						className: "flex-1 text-left font-medium",
+						children: item.label
+					}),
+					/* @__PURE__ */ jsx(ChevronDown, { className: cn("ml-2 h-4 w-4 transition-transform duration-200 ease-in-out", isExpanded ? "rotate-180" : "rotate-0") })
+				]
+			})
+		}), /* @__PURE__ */ jsx(DropdownMenu$1.Portal, { children: /* @__PURE__ */ jsx(DropdownMenu$1.Content, {
+			className: cn(dropdownContentClasses, layout === "vertical" ? "space-y-3" : "grid grid-cols-2 gap-3 md:grid-cols-3", size ? getSizeClass({ size }) : void 0, "animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 duration-200"),
+			side: "bottom",
+			align: "start",
+			sideOffset: 5,
+			children: item.items.map((filterItem) => {
+				return /* @__PURE__ */ jsx("div", {
+					className: "flex flex-col",
+					children: /* @__PURE__ */ jsx(FilterResolver, {
+						filterItem,
+						commonProps: createChildCommonProps(filterItem)
+					})
+				}, filterItem.id);
+			})
+		}) })]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("bg-background rounded-lg border", item.className),
+		children: [/* @__PURE__ */ jsxs(Button, {
+			variant: "ghost",
+			className: "hover:bg-muted h-auto w-full justify-start p-3",
+			onClick: toggleExpanded,
+			children: [
+				renderFilterIcon(),
+				/* @__PURE__ */ jsx("span", {
+					className: "flex-1 text-left font-medium",
+					children: item.label
+				}),
+				/* @__PURE__ */ jsx(ChevronDown, { className: cn("h-4 w-4 transition-transform duration-200 ease-in-out", isExpanded ? "rotate-0" : "-rotate-90") })
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: cn("overflow-hidden border-t transition-all duration-300 ease-in-out", isExpanded ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0", layout === "vertical" ? "space-y-3" : "grid grid-cols-2 gap-3 md:grid-cols-3", "p-3", size ? getSizeClass({ size }) : void 0),
+			children: item.items.map((filterItem) => {
+				return /* @__PURE__ */ jsx("div", {
+					className: "flex flex-col",
+					children: /* @__PURE__ */ jsx(FilterResolver, {
+						filterItem,
+						commonProps: createChildCommonProps(filterItem)
+					})
+				}, filterItem.id);
+			})
+		})]
+	});
+}
+
+//#endregion
+export { FilterGroup };
+//# sourceMappingURL=FilterGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterGroup.js","names":["DropdownMenu"],"sources":["../../../../../src/components/data-table/toolbarItems/FilterGroup.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { ChevronDown, Filter } from \"lucide-react\";\nimport { Button, cn } from \"@lumeweb/portal-framework-ui-core\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport type {\n  ToolbarFilterGroupItem,\n  ToolbarItemComponentProps,\n} from \"@/components/data-table/DataTable.types\";\nimport { FilterResolver } from \"./FilterResolver\";\nimport { ComponentSize, getSizeClass } from \"@/components/sizing\";\nimport { FilterOperator } from \"./filters/types\";\nimport { createFilterOnChangeHandler } from \"./filters\";\n\ninterface FilterGroupProps<TData extends BaseRecord> {\n  item: ToolbarFilterGroupItem<TData>;\n  commonProps: ToolbarItemComponentProps<TData>;\n  size?: ComponentSize;\n}\n\nconst dropdownContentClasses = \"bg-background rounded-lg border shadow-lg p-3\";\n\nfunction FilterGroup<TData extends BaseRecord>({\n  item,\n  commonProps,\n  size,\n}: FilterGroupProps<TData>) {\n  const [isExpanded, setIsExpanded] = useState(item.initiallyExpanded ?? false);\n  const layout = item.layout ?? \"horizontal\";\n\n  // Create specialized onChange handler for child filters\n  const createChildOnChangeHandler = useCallback(\n    (childItem: any) => {\n      return createFilterOnChangeHandler(\n        childItem,\n        (filters) => {\n          if (commonProps.context?.setFilters) {\n            commonProps.context.setFilters(filters);\n          }\n        },\n        commonProps.context?.getDefaultOperator,\n        {\n          itemId: item.id,\n          childItemId: childItem.id,\n        },\n      );\n    },\n    [commonProps.context, item.id],\n  );\n\n  // Create specialized common props for child filters\n  const createChildCommonProps = useCallback(\n    (childItem: any): ToolbarItemComponentProps<TData> => {\n      return {\n        ...commonProps,\n        value:\n          commonProps.context?.getDefaultFilter?.(\n            (childItem as any).config?.field as string,\n            (childItem as any).config?.operator ||\n              (commonProps.context?.getDefaultOperator\n                ? commonProps.context.getDefaultOperator(\n                    (childItem as any).config?.type,\n                  )\n                : FilterOperator.EQ),\n          ) ?? childItem.initialValue,\n        onChange: createChildOnChangeHandler(childItem),\n      };\n    },\n    [commonProps, createChildOnChangeHandler],\n  );\n\n  const toggleExpanded = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const renderFilterIcon = () => {\n    if (!item.icon) {\n      return <Filter className=\"mr-2 h-4 w-4\" />;\n    }\n\n    // Check if icon is a React element (JSX)\n    if (React.isValidElement(item.icon)) {\n      return item.icon;\n    }\n\n    // Otherwise treat it as a component type\n    const IconComponent = item.icon as React.ComponentType<{\n      className?: string;\n    }>;\n    return <IconComponent className=\"mr-4 h-4 w-4\" />;\n  };\n\n  // If dropdownStyle is enabled, render as a dropdown menu\n  if (item.dropdownStyle) {\n    return (\n      <DropdownMenu.Root open={isExpanded} onOpenChange={setIsExpanded}>\n        <DropdownMenu.Trigger asChild>\n          <Button\n            variant=\"ghost\"\n            className=\"hover:bg-muted h-auto justify-start p-3\">\n            {renderFilterIcon()}\n            <span className=\"flex-1 text-left font-medium\">{item.label}</span>\n            <ChevronDown\n              className={cn(\n                \"ml-2 h-4 w-4 transition-transform duration-200 ease-in-out\",\n                isExpanded ? \"rotate-180\" : \"rotate-0\",\n              )}\n            />\n          </Button>\n        </DropdownMenu.Trigger>\n\n        <DropdownMenu.Portal>\n          <DropdownMenu.Content\n            className={cn(\n              dropdownContentClasses,\n              layout === \"vertical\"\n                ? \"space-y-3\"\n                : \"grid grid-cols-2 gap-3 md:grid-cols-3\",\n              size ? getSizeClass({ size }) : undefined,\n              \"animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 duration-200\",\n            )}\n            side=\"bottom\"\n            align=\"start\"\n            sideOffset={5}>\n            {item.items.map((filterItem) => {\n              const childCommonProps = createChildCommonProps(filterItem);\n              return (\n                <div key={filterItem.id} className=\"flex flex-col\">\n                  <FilterResolver\n                    filterItem={filterItem}\n                    commonProps={childCommonProps}\n                  />\n                </div>\n              );\n            })}\n          </DropdownMenu.Content>\n        </DropdownMenu.Portal>\n      </DropdownMenu.Root>\n    );\n  }\n\n  // Default inline expansion behavior\n  return (\n    <div className={cn(\"bg-background rounded-lg border\", item.className)}>\n      {/* Group header */}\n      <Button\n        variant=\"ghost\"\n        className=\"hover:bg-muted h-auto w-full justify-start p-3\"\n        onClick={toggleExpanded}>\n        {renderFilterIcon()}\n        <span className=\"flex-1 text-left font-medium\">{item.label}</span>\n        <ChevronDown\n          className={cn(\n            \"h-4 w-4 transition-transform duration-200 ease-in-out\",\n            isExpanded ? \"rotate-0\" : \"-rotate-90\",\n          )}\n        />\n      </Button>\n\n      {/* Group content */}\n      <div\n        className={cn(\n          \"overflow-hidden border-t transition-all duration-300 ease-in-out\",\n          isExpanded ? \"max-h-[1000px] opacity-100\" : \"max-h-0 opacity-0\",\n          layout === \"vertical\"\n            ? \"space-y-3\"\n            : \"grid grid-cols-2 gap-3 md:grid-cols-3\",\n          \"p-3\",\n          size ? getSizeClass({ size }) : undefined,\n        )}>\n        {item.items.map((filterItem) => {\n          const childCommonProps = createChildCommonProps(filterItem);\n          return (\n            <div key={filterItem.id} className=\"flex flex-col\">\n              <FilterResolver\n                filterItem={filterItem}\n                commonProps={childCommonProps}\n              />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nexport { FilterGroup };\n"],"mappings":";;;;;;;;;;;;AAoBA,MAAM,yBAAyB;AAE/B,SAAS,YAAsC,EAC7C,MACA,aACA,QAC0B;CAC1B,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK,qBAAqB,MAAM;CAC7E,MAAM,SAAS,KAAK,UAAU;CAG9B,MAAM,6BAA6B,aAChC,cAAmB;AAClB,SAAO,4BACL,YACC,YAAY;AACX,OAAI,YAAY,SAAS,WACvB,aAAY,QAAQ,WAAW,QAAQ;KAG3C,YAAY,SAAS,oBACrB;GACE,QAAQ,KAAK;GACb,aAAa,UAAU;GACxB,CACF;IAEH,CAAC,YAAY,SAAS,KAAK,GAAG,CAC/B;CAGD,MAAM,yBAAyB,aAC5B,cAAqD;AACpD,SAAO;GACL,GAAG;GACH,OACE,YAAY,SAAS,mBAClB,UAAkB,QAAQ,OAC1B,UAAkB,QAAQ,aACxB,YAAY,SAAS,qBAClB,YAAY,QAAQ,mBACjB,UAAkB,QAAQ,KAC5B,SAER,IAAI,UAAU;GACjB,UAAU,2BAA2B,UAAU;GAChD;IAEH,CAAC,aAAa,2BAA2B,CAC1C;CAED,MAAM,uBAAuB;AAC3B,gBAAc,CAAC,WAAW;;CAG5B,MAAM,yBAAyB;AAC7B,MAAI,CAAC,KAAK,KACR,QAAO,oBAAC,QAAD,EAAQ,WAAU,gBAAiB;AAI5C,MAAI,MAAM,eAAe,KAAK,KAAK,CACjC,QAAO,KAAK;EAId,MAAM,gBAAgB,KAAK;AAG3B,SAAO,oBAAC,eAAD,EAAe,WAAU,gBAAiB;;AAInD,KAAI,KAAK,cACP,QACE,qBAACA,eAAa,MAAd;EAAmB,MAAM;EAAY,cAAc;YAAnD,CACE,oBAACA,eAAa,SAAd;GAAsB;aACpB,qBAAC,QAAD;IACE,SAAQ;IACR,WAAU;cAFZ;KAGG,kBAAkB;KACnB,oBAAC,QAAD;MAAM,WAAU;gBAAgC,KAAK;MAAa;KAClE,oBAAC,aAAD,EACE,WAAW,GACT,8DACA,aAAa,eAAe,WAC7B,EACD;KACK;;GACY,GAEvB,oBAACA,eAAa,QAAd,YACE,oBAACA,eAAa,SAAd;GACE,WAAW,GACT,wBACA,WAAW,aACP,cACA,yCACJ,OAAO,aAAa,EAAE,MAAM,CAAC,GAAG,QAChC,mEACD;GACD,MAAK;GACL,OAAM;GACN,YAAY;aACX,KAAK,MAAM,KAAK,eAAe;AAE9B,WACE,oBAAC,OAAD;KAAyB,WAAU;eACjC,oBAAC,gBAAD;MACc;MACZ,aALmB,uBAAuB,WAKb;MAC7B;KACE,EALI,WAAW,GAKf;KAER;GACmB,GACH,EACJ;;AAKxB,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,mCAAmC,KAAK,UAAU;YAArE,CAEE,qBAAC,QAAD;GACE,SAAQ;GACR,WAAU;GACV,SAAS;aAHX;IAIG,kBAAkB;IACnB,oBAAC,QAAD;KAAM,WAAU;eAAgC,KAAK;KAAa;IAClE,oBAAC,aAAD,EACE,WAAW,GACT,yDACA,aAAa,aAAa,aAC3B,EACD;IACK;MAGT,oBAAC,OAAD;GACE,WAAW,GACT,oEACA,aAAa,+BAA+B,qBAC5C,WAAW,aACP,cACA,yCACJ,OACA,OAAO,aAAa,EAAE,MAAM,CAAC,GAAG,OACjC;aACA,KAAK,MAAM,KAAK,eAAe;AAE9B,WACE,oBAAC,OAAD;KAAyB,WAAU;eACjC,oBAAC,gBAAD;MACc;MACZ,aALmB,uBAAuB,WAKb;MAC7B;KACE,EALI,WAAW,GAKf;KAER;GACE,EACF"}

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

@@ -0,0 +1,22 @@
+import { ToolbarFilterItem, ToolbarItemComponentProps } from "../DataTable.types.js";
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/data-table/toolbarItems/FilterResolver.d.ts
+interface FilterResolverProps<TData extends BaseRecord> {
+  filterItem: ToolbarFilterItem<TData>;
+  commonProps: ToolbarItemComponentProps<TData>;
+}
+/**
+ * FilterResolver handles dynamic filter component resolution
+ * It supports:
+ * 1. Direct component references
+ * 2. Registered filter components by ID
+ * 3. Inferred components based on config.type
+ */
+declare function FilterResolver<TData extends BaseRecord>({
+  filterItem,
+  commonProps
+}: FilterResolverProps<TData>): any;
+//#endregion
+export { FilterResolver };
+//# sourceMappingURL=FilterResolver.d.ts.map

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

@@ -0,0 +1,74 @@
+import { getFilter } from "../ToolbarRegistry.js";
+import { useFilterHelpers } from "../contexts/FilterHelpers.js";
+import "../../index.js";
+import React, { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/data-table/toolbarItems/FilterResolver.tsx
+/**
+* FilterResolver handles dynamic filter component resolution
+* It supports:
+* 1. Direct component references
+* 2. Registered filter components by ID
+* 3. Inferred components based on config.type
+*/
+function FilterResolver({ filterItem, commonProps }) {
+	const [isLoading, setIsLoading] = useState(true);
+	const [notFound, setNotFound] = useState(false);
+	const filterComponentRef = useRef(null);
+	const filterItemRef = useRef(filterItem);
+	const { getAvailableOperators } = useFilterHelpers();
+	useEffect(() => {
+		filterItemRef.current = filterItem;
+	}, [filterItem]);
+	useEffect(() => {
+		const resolveFilterComponent = async () => {
+			const currentFilterItem = filterItemRef.current;
+			setIsLoading(true);
+			setNotFound(false);
+			let Component = null;
+			if (typeof currentFilterItem.component === "function") Component = currentFilterItem.component;
+			else if (typeof currentFilterItem.component === "string") {
+				const registeredFilter = getFilter(currentFilterItem.component);
+				if (registeredFilter) Component = registeredFilter.component;
+			} else if (!currentFilterItem.component && currentFilterItem.config?.type) {
+				const registeredFilter = getFilter(currentFilterItem.config.type);
+				if (registeredFilter) Component = registeredFilter.component;
+			}
+			filterComponentRef.current = Component;
+			setIsLoading(false);
+			if (!Component) setNotFound(true);
+		};
+		resolveFilterComponent();
+	}, [
+		filterItem.component,
+		filterItem.config?.type,
+		filterItem.id
+	]);
+	if (isLoading) return /* @__PURE__ */ jsx("div", {
+		className: "text-sm text-gray-500",
+		children: "Loading filter component..."
+	});
+	if (notFound) return /* @__PURE__ */ jsxs("div", {
+		className: "text-sm text-red-500",
+		children: ["Filter component not found for: ", filterItem.id]
+	});
+	const configWithField = {
+		...filterItem.config,
+		field: filterItem.config?.field || filterItem.field || filterItem.id
+	};
+	const filterProps = {
+		...commonProps,
+		value: commonProps.value ?? filterItem.initialValue,
+		onChange: commonProps.onChange,
+		config: configWithField,
+		itemLabel: filterItem.label,
+		getAvailableOperators
+	};
+	const FilterComponent = filterComponentRef.current;
+	return /* @__PURE__ */ jsx(FilterComponent, { ...filterProps });
+}
+
+//#endregion
+export { FilterResolver };
+//# sourceMappingURL=FilterResolver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterResolver.js","names":[],"sources":["../../../../../src/components/data-table/toolbarItems/FilterResolver.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport { getFilter } from \"@/components/data-table/ToolbarRegistry\";\nimport type {\n  ToolbarFilterComponentProps,\n  ToolbarFilterItem,\n  ToolbarItemComponentProps,\n} from \"@/components/data-table/DataTable.types\";\nimport { useFilterHelpers } from \"@/components\";\n\ninterface FilterResolverProps<TData extends BaseRecord> {\n  filterItem: ToolbarFilterItem<TData>;\n  commonProps: ToolbarItemComponentProps<TData>;\n}\n\n/**\n * FilterResolver handles dynamic filter component resolution\n * It supports:\n * 1. Direct component references\n * 2. Registered filter components by ID\n * 3. Inferred components based on config.type\n */\nfunction FilterResolver<TData extends BaseRecord>({\n  filterItem,\n  commonProps,\n}: FilterResolverProps<TData>) {\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [notFound, setNotFound] = useState<boolean>(false);\n  const filterComponentRef = useRef<React.ComponentType<any> | null>(null);\n  const filterItemRef = useRef(filterItem);\n  const { getAvailableOperators } = useFilterHelpers();\n\n  // Update ref when filterItem changes\n  useEffect(() => {\n    filterItemRef.current = filterItem;\n  }, [filterItem]);\n\n  useEffect(() => {\n    const resolveFilterComponent = async () => {\n      const currentFilterItem = filterItemRef.current;\n      setIsLoading(true);\n      setNotFound(false);\n      let Component: React.ComponentType<any> | null = null;\n\n      // Case 1: Direct component reference\n      if (typeof currentFilterItem.component === \"function\") {\n        Component = currentFilterItem.component;\n      }\n      // Case 2: String ID reference - check registry\n      else if (typeof currentFilterItem.component === \"string\") {\n        const registeredFilter = getFilter(currentFilterItem.component);\n        if (registeredFilter) {\n          Component = registeredFilter.component;\n        }\n      }\n      // Case 3: No component property - infer from config.type using FilterRegistry\n      else if (!currentFilterItem.component && currentFilterItem.config?.type) {\n        const registeredFilter = getFilter(currentFilterItem.config.type);\n        if (registeredFilter) {\n          Component = registeredFilter.component;\n        }\n      }\n\n      filterComponentRef.current = Component;\n      setIsLoading(false);\n\n      // Set not found state if no component was resolved\n      if (!Component) {\n        setNotFound(true);\n      }\n    };\n\n    resolveFilterComponent();\n  }, [filterItem.component, filterItem.config?.type, filterItem.id]);\n\n  // Show loading state while resolving component\n  if (isLoading) {\n    return (\n      <div className=\"text-sm text-gray-500\">Loading filter component...</div>\n    );\n  }\n\n  // Show error only after resolution is complete and no component was found\n  if (notFound) {\n    return (\n      <div className=\"text-sm text-red-500\">\n        Filter component not found for: {filterItem.id}\n      </div>\n    );\n  }\n\n  // Prepare props for the filter component using the new unified configuration system\n  // Auto-set field from item if not provided in config\n  const configWithField = {\n    ...filterItem.config,\n    field: filterItem.config?.field || filterItem.field || filterItem.id,\n  };\n\n  const filterProps: ToolbarFilterComponentProps<TData> = {\n    ...commonProps,\n    value: commonProps.value ?? filterItem.initialValue,\n    onChange: commonProps.onChange,\n    config: configWithField,\n    itemLabel: filterItem.label,\n    getAvailableOperators: getAvailableOperators,\n  };\n\n  const FilterComponent = filterComponentRef.current;\n  return <FilterComponent {...filterProps} />;\n}\n\nexport { FilterResolver };\n"],"mappings":";;;;;;;;;;;;;;AAsBA,SAAS,eAAyC,EAChD,YACA,eAC6B;CAC7B,MAAM,CAAC,WAAW,gBAAgB,SAAkB,KAAK;CACzD,MAAM,CAAC,UAAU,eAAe,SAAkB,MAAM;CACxD,MAAM,qBAAqB,OAAwC,KAAK;CACxE,MAAM,gBAAgB,OAAO,WAAW;CACxC,MAAM,EAAE,0BAA0B,kBAAkB;AAGpD,iBAAgB;AACd,gBAAc,UAAU;IACvB,CAAC,WAAW,CAAC;AAEhB,iBAAgB;EACd,MAAM,yBAAyB,YAAY;GACzC,MAAM,oBAAoB,cAAc;AACxC,gBAAa,KAAK;AAClB,eAAY,MAAM;GAClB,IAAI,YAA6C;AAGjD,OAAI,OAAO,kBAAkB,cAAc,WACzC,aAAY,kBAAkB;YAGvB,OAAO,kBAAkB,cAAc,UAAU;IACxD,MAAM,mBAAmB,UAAU,kBAAkB,UAAU;AAC/D,QAAI,iBACF,aAAY,iBAAiB;cAIxB,CAAC,kBAAkB,aAAa,kBAAkB,QAAQ,MAAM;IACvE,MAAM,mBAAmB,UAAU,kBAAkB,OAAO,KAAK;AACjE,QAAI,iBACF,aAAY,iBAAiB;;AAIjC,sBAAmB,UAAU;AAC7B,gBAAa,MAAM;AAGnB,OAAI,CAAC,UACH,aAAY,KAAK;;AAIrB,0BAAwB;IACvB;EAAC,WAAW;EAAW,WAAW,QAAQ;EAAM,WAAW;EAAG,CAAC;AAGlE,KAAI,UACF,QACE,oBAAC,OAAD;EAAK,WAAU;YAAwB;EAAiC;AAK5E,KAAI,SACF,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CAAsC,oCACH,WAAW,GACxC;;CAMV,MAAM,kBAAkB;EACtB,GAAG,WAAW;EACd,OAAO,WAAW,QAAQ,SAAS,WAAW,SAAS,WAAW;EACnE;CAED,MAAM,cAAkD;EACtD,GAAG;EACH,OAAO,YAAY,SAAS,WAAW;EACvC,UAAU,YAAY;EACtB,QAAQ;EACR,WAAW,WAAW;EACC;EACxB;CAED,MAAM,kBAAkB,mBAAmB;AAC3C,QAAO,oBAAC,iBAAD,EAAiB,GAAI,aAAe"}

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

@@ -0,0 +1,27 @@
+import { FilterConfig } from "./types.js";
+import { BaseRecord } from "@refinedev/core";
+import React from "react";
+
+//#region src/components/data-table/toolbarItems/filters/BaseFilter.d.ts
+interface BaseFilterProps<TData extends BaseRecord = any> {
+  /** Label for the filter */
+  label?: string;
+  /** Children content */
+  children: React.ReactNode;
+  /** Additional class names */
+  className?: string;
+  /** Filter configuration */
+  config?: FilterConfig<TData>;
+}
+/**
+ * BaseFilter provides common layout and styling for all filter components
+ */
+declare function BaseFilter<TData extends BaseRecord = any>({
+  label,
+  children,
+  className,
+  config
+}: BaseFilterProps<TData>): any;
+//#endregion
+export { BaseFilter, BaseFilterProps };
+//# sourceMappingURL=BaseFilter.d.ts.map

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

@@ -0,0 +1,29 @@
+import { cn } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/data-table/toolbarItems/filters/BaseFilter.tsx
+/**
+* BaseFilter provides common layout and styling for all filter components
+*/
+function BaseFilter({ label, children, className, config }) {
+	const filterLabel = config?.label || label;
+	if (filterLabel) return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col space-y-2", className),
+		children: [/* @__PURE__ */ jsx("label", {
+			className: "text-sm font-medium",
+			children: filterLabel
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex items-center space-x-2",
+			children
+		})]
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center", className),
+		children
+	});
+}
+
+//#endregion
+export { BaseFilter };
+//# sourceMappingURL=BaseFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseFilter.js","names":[],"sources":["../../../../../../src/components/data-table/toolbarItems/filters/BaseFilter.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport type { BaseRecord } from \"@refinedev/core\";\nimport type { FilterConfig } from \"./types\";\n\nexport interface BaseFilterProps<TData extends BaseRecord = any> {\n  /** Label for the filter */\n  label?: string;\n  /** Children content */\n  children: React.ReactNode;\n  /** Additional class names */\n  className?: string;\n  /** Filter configuration */\n  config?: FilterConfig<TData>;\n}\n\n/**\n * BaseFilter provides common layout and styling for all filter components\n */\nfunction BaseFilter<TData extends BaseRecord = any>({\n  label,\n  children,\n  className,\n  config,\n}: BaseFilterProps<TData>) {\n  // Use label from config if available, otherwise use the label prop\n  const filterLabel = config?.label || label;\n\n  if (filterLabel) {\n    return (\n      <div className={cn(\"flex flex-col space-y-2\", className)}>\n        <label className=\"text-sm font-medium\">{filterLabel}</label>\n        <div className=\"flex items-center space-x-2\">{children}</div>\n      </div>\n    );\n  }\n\n  return <div className={cn(\"flex items-center\", className)}>{children}</div>;\n}\n\nexport { BaseFilter };\n"],"mappings":";;;;;;;;AAmBA,SAAS,WAA2C,EAClD,OACA,UACA,WACA,UACyB;CAEzB,MAAM,cAAc,QAAQ,SAAS;AAErC,KAAI,YACF,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,2BAA2B,UAAU;YAAxD,CACE,oBAAC,SAAD;GAAO,WAAU;aAAuB;GAAoB,GAC5D,oBAAC,OAAD;GAAK,WAAU;GAA+B;GAAe,EACzD;;AAIV,QAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,qBAAqB,UAAU;EAAG;EAAe"}

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

@@ -0,0 +1,52 @@
+import { BaseRecord } from "@refinedev/core";
+import React from "react";
+
+//#region src/components/data-table/toolbarItems/filters/FilterRegistry.d.ts
+interface FilterComponentProps<TData extends BaseRecord = BaseRecord> {
+  value: any;
+  onChange?: (value: any) => void;
+  context?: any;
+}
+interface RegisteredFilter<TData extends BaseRecord> {
+  id: string;
+  component: React.ComponentType<FilterComponentProps<TData>>;
+}
+/**
+ * Register a filter component
+ * @template TData - The type of record data
+ * @param id - Unique identifier for the filter
+ * @param component - The React component for the filter
+ */
+declare function registerFilter<TData extends BaseRecord = BaseRecord>(id: string, component: React.ComponentType<FilterComponentProps<TData>>): void;
+/**
+ * Get a registered filter component by ID
+ * @template TData - The type of record data
+ * @param id - The filter ID
+ * @returns The registered filter component or undefined
+ */
+declare function getFilter<TData extends BaseRecord = BaseRecord>(id: string): React.ComponentType<FilterComponentProps<TData>> | undefined;
+/**
+ * Check if a filter component exists
+ * @param id - The filter ID
+ * @returns True if the filter exists, false otherwise
+ */
+declare function hasFilter(id: string): boolean;
+/**
+ * Get all registered filter components
+ * @template TData - The type of record data
+ * @returns Array of registered filters with their IDs and components
+ */
+declare function listFilters<TData extends BaseRecord = BaseRecord>(): RegisteredFilter<TData>[];
+/**
+ * Remove a specific filter component
+ * @param id - The filter ID to remove
+ * @returns True if the filter was removed, false if it didn't exist
+ */
+declare function removeFilter(id: string): boolean;
+/**
+ * Clear all registered filter components
+ */
+declare function clearFilters(): void;
+//#endregion
+export { type FilterComponentProps, type RegisteredFilter, clearFilters, getFilter, hasFilter, listFilters, registerFilter, removeFilter };
+//# sourceMappingURL=FilterRegistry.d.ts.map

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

@@ -0,0 +1,57 @@
+//#region src/components/data-table/toolbarItems/filters/FilterRegistry.ts
+const filters = /* @__PURE__ */ new Map();
+/**
+* Register a filter component
+* @template TData - The type of record data
+* @param id - Unique identifier for the filter
+* @param component - The React component for the filter
+*/
+function registerFilter(id, component) {
+	filters.set(id, component);
+}
+/**
+* Get a registered filter component by ID
+* @template TData - The type of record data
+* @param id - The filter ID
+* @returns The registered filter component or undefined
+*/
+function getFilter(id) {
+	return filters.get(id);
+}
+/**
+* Check if a filter component exists
+* @param id - The filter ID
+* @returns True if the filter exists, false otherwise
+*/
+function hasFilter(id) {
+	return filters.has(id);
+}
+/**
+* Get all registered filter components
+* @template TData - The type of record data
+* @returns Array of registered filters with their IDs and components
+*/
+function listFilters() {
+	return Array.from(filters.entries()).map(([id, component]) => ({
+		id,
+		component
+	}));
+}
+/**
+* Remove a specific filter component
+* @param id - The filter ID to remove
+* @returns True if the filter was removed, false if it didn't exist
+*/
+function removeFilter(id) {
+	return filters.delete(id);
+}
+/**
+* Clear all registered filter components
+*/
+function clearFilters() {
+	filters.clear();
+}
+
+//#endregion
+export { clearFilters, getFilter, hasFilter, listFilters, registerFilter, removeFilter };
+//# sourceMappingURL=FilterRegistry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterRegistry.js","names":[],"sources":["../../../../../../src/components/data-table/toolbarItems/filters/FilterRegistry.ts"],"sourcesContent":["import React from \"react\";\nimport { BaseRecord } from \"@refinedev/core\";\n\ninterface FilterComponentProps<TData extends BaseRecord = BaseRecord> {\n  value: any;\n  onChange?: (value: any) => void;\n  context?: any;\n}\n\ninterface RegisteredFilter<TData extends BaseRecord> {\n  id: string;\n  component: React.ComponentType<FilterComponentProps<TData>>;\n}\n\n// Module-level private state\nconst filters: Map<\n  string,\n  React.ComponentType<FilterComponentProps<any>>\n> = new Map();\n\n/**\n * Register a filter component\n * @template TData - The type of record data\n * @param id - Unique identifier for the filter\n * @param component - The React component for the filter\n */\nfunction registerFilter<TData extends BaseRecord = BaseRecord>(\n  id: string,\n  component: React.ComponentType<FilterComponentProps<TData>>,\n): void {\n  filters.set(id, component as React.ComponentType<FilterComponentProps<any>>);\n}\n\n/**\n * Get a registered filter component by ID\n * @template TData - The type of record data\n * @param id - The filter ID\n * @returns The registered filter component or undefined\n */\nfunction getFilter<TData extends BaseRecord = BaseRecord>(\n  id: string,\n): React.ComponentType<FilterComponentProps<TData>> | undefined {\n  return filters.get(id) as\n    | React.ComponentType<FilterComponentProps<TData>>\n    | undefined;\n}\n\n/**\n * Check if a filter component exists\n * @param id - The filter ID\n * @returns True if the filter exists, false otherwise\n */\nfunction hasFilter(id: string): boolean {\n  return filters.has(id);\n}\n\n/**\n * Get all registered filter components\n * @template TData - The type of record data\n * @returns Array of registered filters with their IDs and components\n */\nfunction listFilters<\n  TData extends BaseRecord = BaseRecord,\n>(): RegisteredFilter<TData>[] {\n  return Array.from(filters.entries()).map(([id, component]) => ({\n    id,\n    component: component as React.ComponentType<FilterComponentProps<TData>>,\n  }));\n}\n\n/**\n * Remove a specific filter component\n * @param id - The filter ID to remove\n * @returns True if the filter was removed, false if it didn't exist\n */\nfunction removeFilter(id: string): boolean {\n  return filters.delete(id);\n}\n\n/**\n * Clear all registered filter components\n */\nfunction clearFilters(): void {\n  filters.clear();\n}\n\nexport {\n  registerFilter,\n  getFilter,\n  hasFilter,\n  listFilters,\n  removeFilter,\n  clearFilters,\n};\n\nexport type { RegisteredFilter, FilterComponentProps };\n"],"mappings":";AAeA,MAAM,0BAGF,IAAI,KAAK;;;;;;;AAQb,SAAS,eACP,IACA,WACM;AACN,SAAQ,IAAI,IAAI,UAA4D;;;;;;;;AAS9E,SAAS,UACP,IAC8D;AAC9D,QAAO,QAAQ,IAAI,GAAG;;;;;;;AAUxB,SAAS,UAAU,IAAqB;AACtC,QAAO,QAAQ,IAAI,GAAG;;;;;;;AAQxB,SAAS,cAEsB;AAC7B,QAAO,MAAM,KAAK,QAAQ,SAAS,CAAC,CAAC,KAAK,CAAC,IAAI,gBAAgB;EAC7D;EACW;EACZ,EAAE;;;;;;;AAQL,SAAS,aAAa,IAAqB;AACzC,QAAO,QAAQ,OAAO,GAAG;;;;;AAM3B,SAAS,eAAqB;AAC5B,SAAQ,OAAO"}

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

@@ -0,0 +1,12 @@
+import { BaseFilterComponentProps } from "../types.js";
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/data-table/toolbarItems/filters/components/BooleanFilter.d.ts
+declare function BooleanFilter<TData extends BaseRecord>({
+  value,
+  onChange,
+  config
+}: BaseFilterComponentProps<TData>): any;
+//#endregion
+export { BooleanFilter };
+//# sourceMappingURL=BooleanFilter.d.ts.map

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

@@ -0,0 +1,34 @@
+import { BaseFilter } from "../BaseFilter.js";
+import { Switch } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/data-table/toolbarItems/filters/components/BooleanFilter.tsx
+function BooleanFilter({ value, onChange, config }) {
+	const handleChange = (checked) => {
+		if (onChange) onChange(checked);
+	};
+	const switchId = `boolean-filter-${config.name || config.id}`;
+	const label = config.itemLabel ?? config.label;
+	return /* @__PURE__ */ jsx(BaseFilter, {
+		config,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center space-x-2",
+			children: [/* @__PURE__ */ jsx(Switch, {
+				id: switchId,
+				checked: value === true,
+				onCheckedChange: handleChange,
+				disabled: config.disabled || false,
+				"aria-label": label
+			}), /* @__PURE__ */ jsx("label", {
+				htmlFor: switchId,
+				className: "text-sm font-medium",
+				children: label
+			})]
+		})
+	});
+}
+
+//#endregion
+export { BooleanFilter };
+//# sourceMappingURL=BooleanFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanFilter.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/BooleanFilter.tsx"],"sourcesContent":["import React from \"react\";\nimport { Switch } from \"@lumeweb/portal-framework-ui-core\";\nimport { BaseFilter } from \"../BaseFilter\";\nimport type { BaseFilterComponentProps } from \"@/components/data-table/toolbarItems/filters/types\";\nimport { BaseRecord } from \"@refinedev/core\";\n\nfunction BooleanFilter<TData extends BaseRecord>({\n  value,\n  onChange,\n  config,\n}: BaseFilterComponentProps<TData>) {\n  const handleChange = (checked: boolean) => {\n    if (onChange) {\n      onChange(checked);\n    }\n  };\n\n  const switchId = `boolean-filter-${config.name || config.id}`;\n  const label = config.itemLabel ?? config.label;\n\n  return (\n    <BaseFilter config={config}>\n      <div className=\"flex items-center space-x-2\">\n        <Switch\n          id={switchId}\n          checked={value === true}\n          onCheckedChange={handleChange}\n          disabled={config.disabled || false}\n          aria-label={label}\n        />\n        <label htmlFor={switchId} className=\"text-sm font-medium\">{label}</label>\n      </div>\n    </BaseFilter>\n  );\n}\n\nexport { BooleanFilter };\n"],"mappings":";;;;;;AAMA,SAAS,cAAwC,EAC/C,OACA,UACA,UACkC;CAClC,MAAM,gBAAgB,YAAqB;AACzC,MAAI,SACF,UAAS,QAAQ;;CAIrB,MAAM,WAAW,kBAAkB,OAAO,QAAQ,OAAO;CACzD,MAAM,QAAQ,OAAO,aAAa,OAAO;AAEzC,QACE,oBAAC,YAAD;EAAoB;YAClB,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,QAAD;IACE,IAAI;IACJ,SAAS,UAAU;IACnB,iBAAiB;IACjB,UAAU,OAAO,YAAY;IAC7B,cAAY;IACZ,GACF,oBAAC,SAAD;IAAO,SAAS;IAAU,WAAU;cAAuB;IAAc,EACrE;;EACK"}

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

@@ -0,0 +1,12 @@
+import { BaseFilterComponentProps } from "../types.js";
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/data-table/toolbarItems/filters/components/DateFilter.d.ts
+declare function DateFilter<TData extends BaseRecord>({
+  value,
+  onChange,
+  config
+}: BaseFilterComponentProps<TData>): any;
+//#endregion
+export { DateFilter };
+//# sourceMappingURL=DateFilter.d.ts.map