@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

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

@@ -0,0 +1,5 @@
+import { FilterHelpersContextValue, FilterHelpersProvider, FilterHelpersProviderProps, GetDefaultFilterFn, useDefaultFilter, useFilterHelpers } from "./FilterHelpers.js";
+import { RefineTableContextValue, RefineTableProvider, RefineTableProviderProps, useRefineTable } from "./RefineTable.js";
+import { TableConfigContextValue, TableConfigProvider, TableConfigProviderProps, useTableConfig, useTableConfigOptional } from "./TableConfig.js";
+import { TableInstanceContextValue, TableInstanceProvider, TableInstanceProviderProps, useTableInstance } from "./TableInstance.js";
+export { FilterHelpersContextValue, FilterHelpersProvider, FilterHelpersProviderProps, GetDefaultFilterFn, RefineTableContextValue, RefineTableProvider, RefineTableProviderProps, TableConfigContextValue, TableConfigProvider, TableConfigProviderProps, TableInstanceContextValue, TableInstanceProvider, TableInstanceProviderProps, useDefaultFilter, useFilterHelpers, useRefineTable, useTableConfig, useTableConfigOptional, useTableInstance };

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

@@ -0,0 +1,18 @@
+import { __esmMin } from "../../../_virtual/rolldown_runtime.js";
+import { FilterHelpersProvider, init_FilterHelpers, useDefaultFilter, useFilterHelpers } from "./FilterHelpers.js";
+import { RefineTableProvider, init_RefineTable, useRefineTable } from "./RefineTable.js";
+import { TableConfigProvider, init_TableConfig, useTableConfig, useTableConfigOptional } from "./TableConfig.js";
+import { TableInstanceProvider, init_TableInstance, useTableInstance } from "./TableInstance.js";
+
+//#region src/components/data-table/contexts/index.ts
+var init_contexts = __esmMin(() => {
+	init_FilterHelpers();
+	init_RefineTable();
+	init_TableConfig();
+	init_TableInstance();
+});
+
+//#endregion
+init_contexts();
+export { FilterHelpersProvider, RefineTableProvider, TableConfigProvider, TableInstanceProvider, init_contexts, useDefaultFilter, useFilterHelpers, useRefineTable, useTableConfig, useTableConfigOptional, useTableInstance };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/data-table/contexts/index.ts"],"sourcesContent":["export * from \"./FilterHelpers\";\nexport * from \"./RefineTable\";\nexport * from \"./TableConfig\";\nexport * from \"./TableInstance\";\n"],"mappings":""}

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

@@ -0,0 +1,17 @@
+import { BaseRecord } from "@refinedev/core";
+import { ColumnDef } from "@tanstack/react-table";
+
+//#region src/components/data-table/filterColumnsForMobile.d.ts
+
+/**
+ * Filters columns for mobile display by adding responsive hiding classes
+ * to specified columns while preserving order and functionality
+ *
+ * @param columns - Array of column definitions
+ * @param hideColumnsOnMobile - Array of column IDs to hide on mobile
+ * @returns Filtered array of column definitions with responsive CSS classes
+ */
+declare function filterColumnsForMobile<TData extends BaseRecord>(columns: ColumnDef<TData>[], hideColumnsOnMobile?: string[]): ColumnDef<TData>[];
+//#endregion
+export { filterColumnsForMobile };
+//# sourceMappingURL=filterColumnsForMobile.d.ts.map

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

@@ -0,0 +1,35 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+
+//#region src/components/data-table/filterColumnsForMobile.ts
+/**
+* Filters columns for mobile display by adding responsive hiding classes
+* to specified columns while preserving order and functionality
+* 
+* @param columns - Array of column definitions
+* @param hideColumnsOnMobile - Array of column IDs to hide on mobile
+* @returns Filtered array of column definitions with responsive CSS classes
+*/
+function filterColumnsForMobile(columns, hideColumnsOnMobile = []) {
+	if (!hideColumnsOnMobile.length) return columns;
+	return columns.map((column) => {
+		if (hideColumnsOnMobile.includes(column.id)) {
+			const existingClassName = column.meta?.headerClassName || "";
+			const existingCellClassName = column.meta?.cellClassName || "";
+			return {
+				...column,
+				meta: {
+					...column.meta,
+					headerClassName: `${existingClassName} hidden sm:table-cell`.trim(),
+					cellClassName: `${existingCellClassName} hidden sm:table-cell`.trim()
+				}
+			};
+		}
+		return column;
+	});
+}
+var init_filterColumnsForMobile = __esmMin(() => {});
+
+//#endregion
+init_filterColumnsForMobile();
+export { filterColumnsForMobile, init_filterColumnsForMobile };
+//# sourceMappingURL=filterColumnsForMobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filterColumnsForMobile.js","names":[],"sources":["../../../../src/components/data-table/filterColumnsForMobile.ts"],"sourcesContent":["import { ColumnDef } from \"@tanstack/react-table\";\nimport { BaseRecord } from \"@refinedev/core\";\n\n/**\n * Filters columns for mobile display by adding responsive hiding classes\n * to specified columns while preserving order and functionality\n * \n * @param columns - Array of column definitions\n * @param hideColumnsOnMobile - Array of column IDs to hide on mobile\n * @returns Filtered array of column definitions with responsive CSS classes\n */\nfunction filterColumnsForMobile<TData extends BaseRecord>(\n  columns: ColumnDef<TData>[],\n  hideColumnsOnMobile: string[] = []\n): ColumnDef<TData>[] {\n  if (!hideColumnsOnMobile.length) {\n    return columns;\n  }\n\n  return columns.map(column => {\n    // Check if this column should be hidden on mobile\n    if (hideColumnsOnMobile.includes(column.id as string)) {\n      // Add responsive hiding classes while preserving existing ones\n      const existingClassName = column.meta?.headerClassName || '';\n      const existingCellClassName = column.meta?.cellClassName || '';\n      \n      return {\n        ...column,\n        meta: {\n          ...column.meta,\n          headerClassName: `${existingClassName} hidden sm:table-cell`.trim(),\n          cellClassName: `${existingCellClassName} hidden sm:table-cell`.trim(),\n        }\n      };\n    }\n    \n    // Return column unchanged if not in hide list\n    return column;\n  });\n}\n\nexport { filterColumnsForMobile };\n"],"mappings":";;;;;;;;;;;AAWA,SAAS,uBACP,SACA,sBAAgC,EAAE,EACd;AACpB,KAAI,CAAC,oBAAoB,OACvB,QAAO;AAGT,QAAO,QAAQ,KAAI,WAAU;AAE3B,MAAI,oBAAoB,SAAS,OAAO,GAAa,EAAE;GAErD,MAAM,oBAAoB,OAAO,MAAM,mBAAmB;GAC1D,MAAM,wBAAwB,OAAO,MAAM,iBAAiB;AAE5D,UAAO;IACL,GAAG;IACH,MAAM;KACJ,GAAG,OAAO;KACV,iBAAiB,GAAG,kBAAkB,uBAAuB,MAAM;KACnE,eAAe,GAAG,sBAAsB,uBAAuB,MAAM;KACtE;IACF;;AAIH,SAAO;GACP"}

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

@@ -0,0 +1,53 @@
+import { TableAction, TableActionItem } from "./TableAction.js";
+import { TableActionMenu, TableActionMenuItem } from "./TableActionMenu.js";
+import { ActionType, BaseFilterComponentProps, FilterComponentProps, FilterConfig, FilterOperator, FilterType, LogicalFilterOperator, SelectOption } from "./toolbarItems/filters/types.js";
+import { BaseToolbarItem, DataTableActionMenuProps, DataTableProps, ExtendedToolbarItem, TableContext, TableLayoutType, ToolbarActionItem, ToolbarConfig, ToolbarCustomItem, ToolbarFilterComponentProps, ToolbarFilterGroupItem, ToolbarFilterItem, ToolbarItem, ToolbarItemAlignment, ToolbarItemComponentProps, ToolbarItemType, ToolbarRefineContext, ToolbarSeparatorItem } from "./DataTable.types.js";
+import { ActionColumnCellProps, ActionColumnDef, BaseTable, BaseTableCommonProps, BaseTableCommonPropsType, BaseTableLayoutPropsBase, BaseTablePaginationConfig, BaseTableProps, BaseTableRefineProps, BaseTableWithDataProps, BaseTableWithTableProps, TableDataProps, TableHeaderFooterProps, TableInstanceProps, TableInteractionProps, TablePaginationConfigProps, TablePaginationProps, TableResponsiveProps, TableStateProps, TableStylingProps } from "./BaseTable.js";
+import { BaseTableContent, BaseTableContentProps } from "./BaseTableContent.js";
+import { BaseTableInner } from "./BaseTableInner.js";
+import { DataTable } from "./DataTable.js";
+import { DataTableController, DataTableControllerProps, TableControls } from "./DataTableController.js";
+import { DefaultPagination } from "./DefaultPagination.js";
+import { TableEmptyState, TableEmptyStateProps } from "./EmptyState.js";
+import { TableLoadingState, TableLoadingStateProps } from "./LoadingState.js";
+import { FilterHelpersContextValue, FilterHelpersProvider, FilterHelpersProviderProps, GetDefaultFilterFn, useDefaultFilter, useFilterHelpers } from "./contexts/FilterHelpers.js";
+import { RefineTableContextValue, RefineTableProvider, RefineTableProviderProps, useRefineTable } from "./contexts/RefineTable.js";
+import { TableConfigContextValue, TableConfigProvider, TableConfigProviderProps, useTableConfig, useTableConfigOptional } from "./contexts/TableConfig.js";
+import { TableInstanceContextValue, TableInstanceProvider, TableInstanceProviderProps, useTableInstance } from "./contexts/TableInstance.js";
+import "./contexts/index.js";
+import { NormalizedTableOptions, normalizeTableOptions } from "./tableOptions.js";
+import { RegisteredActionItem, RegisteredFilterItem, clear, getAction, getFilter, hasAction, hasFilter, listActions, listAll, listFilters, registerAction, registerFilter, removeAction, removeFilter } from "./ToolbarRegistry.js";
+import { Toolbar } from "./Toolbar.js";
+import { ToolbarRenderer, ToolbarRendererRegistry } from "./ToolbarRenderer.js";
+import { BooleanFilter } from "./toolbarItems/filters/components/BooleanFilter.js";
+import { DateFilter } from "./toolbarItems/filters/components/DateFilter.js";
+import { MultiSelectFilter, MultiSelectFilterProps } from "./toolbarItems/filters/components/MultiSelectFilter.js";
+import { NumberFilter } from "./toolbarItems/filters/components/NumberFilter.js";
+import { RangeFilter, RangeValue } 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 "./register.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 { FilterGroup } from "./toolbarItems/FilterGroup.js";
+import "./toolbarItems/index.js";
+import { Cell, ColumnDef, Row, RowData } from "@tanstack/react-table";
+
+//#region src/components/data-table/index.d.ts
+declare module "@tanstack/react-table" {
+  interface ColumnMeta<TData extends RowData, TValue> {
+    /** Class name for data cells */
+    cellClassName?: string;
+    /** Class name for header cells */
+    headerClassName?: string;
+    /** Fixed width for the column (number in px or string) */
+    size?: number | string;
+  }
+}
+//#endregion
+export { ActionColumnCellProps, ActionColumnDef, ActionType, BaseFilterComponentProps, BaseTable, BaseTableCommonProps, BaseTableCommonPropsType, BaseTableContent, BaseTableContentProps, BaseTableInner, BaseTableLayoutPropsBase, BaseTablePaginationConfig, BaseTableProps, BaseTableRefineProps, BaseTableWithDataProps, BaseTableWithTableProps, BaseToolbarItem, BooleanFilter, type Cell, type ColumnDef, DataTable, DataTableActionMenuProps, DataTableController, DataTableControllerProps, DataTableProps, DateFilter, DefaultPagination, ExtendedToolbarItem, FilterComponentProps, FilterConfig, FilterGroup, FilterHelpersContextValue, FilterHelpersProvider, FilterHelpersProviderProps, FilterOperator, FilterType, GetDefaultFilterFn, LogicalFilterOperator, MultiSelectFilter, MultiSelectFilterProps, NormalizedTableOptions, NumberFilter, RangeFilter, RangeValue, RefineTableContextValue, RefineTableProvider, RefineTableProviderProps, RegisteredActionItem, RegisteredFilterItem, type Row, SearchFilter, ToolbarFilterComponentProps as SearchToolbarItemProps, SelectFilter, SelectOption, TableAction, TableActionItem, TableActionMenu, TableActionMenuItem, TableConfigContextValue, TableConfigProvider, TableConfigProviderProps, TableContext, TableControls, TableDataProps, TableEmptyState, TableEmptyStateProps, TableHeaderFooterProps, TableInstanceContextValue, TableInstanceProps, TableInstanceProvider, TableInstanceProviderProps, TableInteractionProps, TableLayoutType, TableLoadingState, TableLoadingStateProps, TablePaginationConfigProps, TablePaginationProps, TableResponsiveProps, TableStateProps, TableStylingProps, TextFilter, Toolbar, ToolbarActionItem, ToolbarConfig, ToolbarCustomItem, ToolbarCustomItemComponent, ToolbarFilterComponentProps, ToolbarFilterGroupItem, ToolbarFilterItem, ToolbarItem, ToolbarItemAlignment, ToolbarItemComponentProps, ToolbarItemType, ToolbarRefineContext, ToolbarRenderer, ToolbarRendererRegistry, ToolbarSeparatorItem, 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 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,65 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { TableLayoutType, ToolbarItemAlignment, ToolbarItemType, init_DataTable_types } from "./DataTable.types.js";
+import { clear, getAction, getFilter, hasAction, hasFilter, init_ToolbarRegistry, 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, init_ToolbarRenderer } 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 { init_contexts } from "./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 { init_toolbarItems } from "./toolbarItems/index.js";
+import { Toolbar, init_Toolbar } from "./Toolbar.js";
+import { DefaultPagination, init_DefaultPagination } from "./DefaultPagination.js";
+import { TableEmptyState, init_EmptyState } from "./EmptyState.js";
+import { TableLoadingState, init_LoadingState } from "./LoadingState.js";
+import { init_tableOptions, normalizeTableOptions } from "./tableOptions.js";
+import { BaseTableContent, init_BaseTableContent } from "./BaseTableContent.js";
+import { BaseTableInner, init_BaseTableInner } from "./BaseTableInner.js";
+import { BaseTable, init_BaseTable } from "./BaseTable.js";
+import { TableAction, init_TableAction } from "./TableAction.js";
+import { TableActionMenu, init_TableActionMenu } from "./TableActionMenu.js";
+import { DataTable, init_DataTable } from "./DataTable.js";
+import { DataTableController, init_DataTableController } from "./DataTableController.js";
+import { init_register } from "./register.js";
+
+//#region src/components/data-table/index.ts
+var init_data_table = __esmMin(() => {
+	init_BaseTable();
+	init_BaseTableContent();
+	init_BaseTableInner();
+	init_DataTable();
+	init_DataTable_types();
+	init_DataTableController();
+	init_DefaultPagination();
+	init_EmptyState();
+	init_LoadingState();
+	init_contexts();
+	init_TableAction();
+	init_TableActionMenu();
+	init_tableOptions();
+	init_ToolbarRegistry();
+	init_Toolbar();
+	init_ToolbarRenderer();
+	init_register();
+	init_toolbarItems();
+});
+
+//#endregion
+init_data_table();
+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, init_data_table, listActions, listAll, listFilters, normalizeTableOptions, registerAction, registerCustomToolbarItem, registerFilter, registerRefreshToolbarItem, registerSearchToolbarItem, registerSeparatorToolbarItem, removeAction, removeFilter, useDefaultFilter, useFilterHelpers, useRefineTable, useTableConfig, useTableConfigOptional, useTableInstance };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/data-table/index.ts"],"sourcesContent":["import { RowData } from \"@tanstack/react-table\";\n\nexport * from \"./BaseTable\";\nexport * from \"./BaseTableContent\";\nexport * from \"./BaseTableInner\";\nexport * from \"./DataTable\";\nexport * from \"./DataTable.types\";\nexport * from \"./DataTableController\";\nexport * from \"./DefaultPagination\";\nexport * from \"./EmptyState\";\nexport * from \"./LoadingState\";\nexport * from \"./contexts\";\nexport * from \"./TableAction\";\nexport * from \"./TableActionMenu\";\nexport * from \"./tableOptions\";\nexport * from \"./ToolbarRegistry\";\nexport * from \"./Toolbar\";\nexport * from \"./ToolbarRenderer\";\nexport * from \"./register\";\nexport * from \"./toolbarItems\";\ndeclare module \"@tanstack/react-table\" {\n  interface ColumnMeta<TData extends RowData, TValue> {\n    /** Class name for data cells */\n    cellClassName?: string;\n    /** Class name for header cells */\n    headerClassName?: string;\n    /** Fixed width for the column (number in px or string) */\n    size?: number | string;\n  }\n}\n\nexport type { Cell, ColumnDef, Row } from \"@tanstack/react-table\";\n"],"mappings":""}

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

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

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

@@ -0,0 +1,12 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { init_register as init_register$1 } from "./toolbarItems/register.js";
+
+//#region src/components/data-table/register.ts
+var init_register = __esmMin(() => {
+	init_register$1();
+});
+
+//#endregion
+init_register();
+export { init_register };
+//# sourceMappingURL=register.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","names":[],"sources":["../../../../src/components/data-table/register.ts"],"sourcesContent":["// Import and register all toolbar items\nimport \"./toolbarItems/register\";\n"],"mappings":";;;;;kBACiC"}

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,47 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { DefaultPagination, init_DefaultPagination } from "./DefaultPagination.js";
+import { TableEmptyState, init_EmptyState } from "./EmptyState.js";
+import { TableLoadingState, init_LoadingState } 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
+		}
+	};
+}
+var init_tableOptions = __esmMin(() => {
+	init_DefaultPagination();
+	init_EmptyState();
+	init_LoadingState();
+});
+
+//#endregion
+init_tableOptions();
+export { init_tableOptions, 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,sBAAoB;CAI/C,IAAI;AACJ,KAAI,CAAC,WACH,wBACE,oBAAC;EAAyB;EAAS,SAAS;GAAqB;UAE1D,OAAO,eAAe,WAC/B,wBAAuB,WAAW,QAAQ;KAE1C,wBAAuB;CAGzB,IAAI;AACJ,KAAI,CAAC,aACH,0BACE,oBAAC;EAA2B;EAAS,SAAS;GAAuB;UAE9D,OAAO,iBAAiB,WACjC,0BAAyB,aAAa,QAAQ;KAE9C,0BAAyB;AAG3B,QAAO;EACL,YAAY;EACZ,cAAc;EACd,YAAY;GACV,WAAW;GACX,SAAS;GACV;EACF;;;yBAlEqD;kBACT;oBACI"}

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,114 @@
+import { __esmMin } from "../../../_virtual/rolldown_runtime.js";
+import { FilterResolver, init_FilterResolver } from "./FilterResolver.js";
+import { getSizeClass, init_sizing } from "../../sizing/index.js";
+import { FilterOperator, init_types } from "./filters/types.js";
+import { createFilterOnChangeHandler } from "./filters/util.js";
+import { init_filters } from "./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
+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) : FilterOperator.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);
+			})
+		})]
+	});
+}
+var dropdownContentClasses;
+var init_FilterGroup = __esmMin(() => {
+	init_FilterResolver();
+	init_sizing();
+	init_types();
+	init_filters();
+	dropdownContentClasses = "bg-background rounded-lg border shadow-lg p-3";
+});
+
+//#endregion
+init_FilterGroup();
+export { FilterGroup, init_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":";;;;;;;;;;;;;AAsBA,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,GACD,eAAe,IACtB,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,UAAO,WAAU,iBAAiB;AAI5C,MAAI,MAAM,eAAe,KAAK,KAAK,CACjC,QAAO,KAAK;EAId,MAAM,gBAAgB,KAAK;AAG3B,SAAO,oBAAC,iBAAc,WAAU,iBAAiB;;AAInD,KAAI,KAAK,cACP,QACE,qBAACA,eAAa;EAAK,MAAM;EAAY,cAAc;aACjD,oBAACA,eAAa;GAAQ;aACpB,qBAAC;IACC,SAAQ;IACR,WAAU;;KACT,kBAAkB;KACnB,oBAAC;MAAK,WAAU;gBAAgC,KAAK;OAAa;KAClE,oBAAC,eACC,WAAW,GACT,8DACA,aAAa,eAAe,WAC7B,GACD;;KACK;IACY,EAEvB,oBAACA,eAAa,oBACZ,oBAACA,eAAa;GACZ,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;KAAwB,WAAU;eACjC,oBAAC;MACa;MACZ,aALmB,uBAAuB,WAAW;OAMrD;OAJM,WAAW,GAKf;KAER;IACmB,GACH;GACJ;AAKxB,QACE,qBAAC;EAAI,WAAW,GAAG,mCAAmC,KAAK,UAAU;aAEnE,qBAAC;GACC,SAAQ;GACR,WAAU;GACV,SAAS;;IACR,kBAAkB;IACnB,oBAAC;KAAK,WAAU;eAAgC,KAAK;MAAa;IAClE,oBAAC,eACC,WAAW,GACT,yDACA,aAAa,aAAa,aAC3B,GACD;;IACK,EAGT,oBAAC;GACC,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;KAAwB,WAAU;eACjC,oBAAC;MACa;MACZ,aALmB,uBAAuB,WAAW;OAMrD;OAJM,WAAW,GAKf;KAER;IACE;GACF;;;;sBA7KwC;cACgB;aACjB;eACO;CAQlD,yBAAyB"}

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,80 @@
+import { __esmMin } from "../../../_virtual/rolldown_runtime.js";
+import { getFilter, init_ToolbarRegistry } from "../ToolbarRegistry.js";
+import { useFilterHelpers } from "../contexts/FilterHelpers.js";
+import { init_components } from "../../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 });
+}
+var init_FilterResolver = __esmMin(() => {
+	init_ToolbarRegistry();
+	init_components();
+});
+
+//#endregion
+init_FilterResolver();
+export { FilterResolver, init_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;EAAI,WAAU;YAAwB;GAAiC;AAK5E,KAAI,SACF,QACE,qBAAC;EAAI,WAAU;aAAuB,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,mBAAgB,GAAI,cAAe;;;uBA1GuB;kBAMpB"}

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