@lumeweb/portal-framework-ui 0.1.0 → 0.1.2

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

@@ -1,6 +1,5 @@
-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 { 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";
@@ -12,54 +11,29 @@ 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 { 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 { init_contexts } from "./contexts/index.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 { 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";
+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";
 
-//#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
+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

@@ -1 +1 @@
-import "./toolbarItems/register.js";
+export { };

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

@@ -1,12 +1 @@
-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
+import "./toolbarItems/register.js";

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

@@ -1,7 +1,6 @@
-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 { DefaultPagination } from "./DefaultPagination.js";
+import { TableEmptyState } from "./EmptyState.js";
+import { TableLoadingState } from "./LoadingState.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -35,13 +34,7 @@ function normalizeTableOptions(pagination, emptyState, emptyStateMessage, loadin
 		}
 	};
 }
-var init_tableOptions = __esmMin(() => {
-	init_DefaultPagination();
-	init_EmptyState();
-	init_LoadingState();
-});
 
 //#endregion
-init_tableOptions();
-export { init_tableOptions, normalizeTableOptions };
+export { normalizeTableOptions };
 //# sourceMappingURL=tableOptions.js.map

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

@@ -1 +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"}
+{"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.js

@@ -1,9 +1,8 @@
-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 { FilterResolver } from "./FilterResolver.js";
+import { getSizeClass } from "../../sizing/index.js";
+import { FilterOperator } from "./filters/types.js";
 import { createFilterOnChangeHandler } from "./filters/util.js";
-import { init_filters } from "./filters/index.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";
@@ -11,6 +10,7 @@ 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";
@@ -25,7 +25,7 @@ function FilterGroup({ item, commonProps, size }) {
 	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,
+			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]);
@@ -99,16 +99,7 @@ function FilterGroup({ item, commonProps, size }) {
 		})]
 	});
 }
-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 };
+export { FilterGroup };
 //# sourceMappingURL=FilterGroup.js.map

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

@@ -1 +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"}
+{"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.js

@@ -1,7 +1,6 @@
-import { __esmMin } from "../../../_virtual/rolldown_runtime.js";
-import { getFilter, init_ToolbarRegistry } from "../ToolbarRegistry.js";
+import { getFilter } from "../ToolbarRegistry.js";
 import { useFilterHelpers } from "../contexts/FilterHelpers.js";
-import { init_components } from "../../index.js";
+import "../../index.js";
 import React, { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -69,12 +68,7 @@ function FilterResolver({ filterItem, commonProps }) {
 	const FilterComponent = filterComponentRef.current;
 	return /* @__PURE__ */ jsx(FilterComponent, { ...filterProps });
 }
-var init_FilterResolver = __esmMin(() => {
-	init_ToolbarRegistry();
-	init_components();
-});
 
 //#endregion
-init_FilterResolver();
-export { FilterResolver, init_FilterResolver };
+export { FilterResolver };
 //# sourceMappingURL=FilterResolver.js.map

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

@@ -1 +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"}
+{"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.js

@@ -1,4 +1,3 @@
-import { __esmMin } from "../../../../_virtual/rolldown_runtime.js";
 import { cn } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -24,9 +23,7 @@ function BaseFilter({ label, children, className, config }) {
 		children
 	});
 }
-var init_BaseFilter = __esmMin(() => {});
 
 //#endregion
-init_BaseFilter();
-export { BaseFilter, init_BaseFilter };
+export { BaseFilter };
 //# sourceMappingURL=BaseFilter.js.map

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

@@ -1 +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;EAAI,WAAW,GAAG,2BAA2B,UAAU;aACtD,oBAAC;GAAM,WAAU;aAAuB;IAAoB,EAC5D,oBAAC;GAAI,WAAU;GAA+B;IAAe;GACzD;AAIV,QAAO,oBAAC;EAAI,WAAW,GAAG,qBAAqB,UAAU;EAAG;GAAe"}
+{"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/components/BooleanFilter.js

@@ -1,5 +1,4 @@
-import { __esmMin } from "../../../../../_virtual/rolldown_runtime.js";
-import { BaseFilter, init_BaseFilter } from "../BaseFilter.js";
+import { BaseFilter } from "../BaseFilter.js";
 import { Switch } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -29,11 +28,7 @@ function BooleanFilter({ value, onChange, config }) {
 		})
 	});
 }
-var init_BooleanFilter = __esmMin(() => {
-	init_BaseFilter();
-});
 
 //#endregion
-init_BooleanFilter();
-export { BooleanFilter, init_BooleanFilter };
+export { BooleanFilter };
 //# sourceMappingURL=BooleanFilter.js.map

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

@@ -1 +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;EAAmB;YAClB,qBAAC;GAAI,WAAU;cACb,oBAAC;IACC,IAAI;IACJ,SAAS,UAAU;IACnB,iBAAiB;IACjB,UAAU,OAAO,YAAY;IAC7B,cAAY;KACZ,EACF,oBAAC;IAAM,SAAS;IAAU,WAAU;cAAuB;KAAc;IACrE;GACK;;;kBA9B0B"}
+{"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.js

@@ -1,5 +1,4 @@
-import { __esmMin } from "../../../../../_virtual/rolldown_runtime.js";
-import { BaseFilter, init_BaseFilter } from "../BaseFilter.js";
+import { BaseFilter } from "../BaseFilter.js";
 import { Input } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
@@ -20,11 +19,7 @@ function DateFilter({ value, onChange, config }) {
 		})
 	});
 }
-var init_DateFilter = __esmMin(() => {
-	init_BaseFilter();
-});
 
 //#endregion
-init_DateFilter();
-export { DateFilter, init_DateFilter };
+export { DateFilter };
 //# sourceMappingURL=DateFilter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateFilter.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/DateFilter.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } 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 DateFilter<TData extends BaseRecord>({\n  value,\n  onChange,\n  config,\n}: BaseFilterComponentProps<TData>) {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) {\n      onChange(e.target.value);\n    }\n  };\n\n  return (\n    <BaseFilter config={config}>\n      <Input\n        type=\"date\"\n        placeholder={config.placeholder || \"Select date...\"}\n        value={value || \"\"}\n        onChange={handleChange}\n        disabled={config.disabled || false}\n      />\n    </BaseFilter>\n  );\n}\n\nexport { DateFilter };\n"],"mappings":";;;;;;;AAMA,SAAS,WAAqC,EAC5C,OACA,UACA,UACkC;CAClC,MAAM,gBAAgB,MAA2C;AAC/D,MAAI,SACF,UAAS,EAAE,OAAO,MAAM;;AAI5B,QACE,oBAAC;EAAmB;YAClB,oBAAC;GACC,MAAK;GACL,aAAa,OAAO,eAAe;GACnC,OAAO,SAAS;GAChB,UAAU;GACV,UAAU,OAAO,YAAY;IAC7B;GACS;;;kBAxB0B"}
+{"version":3,"file":"DateFilter.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/DateFilter.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } 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 DateFilter<TData extends BaseRecord>({\n  value,\n  onChange,\n  config,\n}: BaseFilterComponentProps<TData>) {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) {\n      onChange(e.target.value);\n    }\n  };\n\n  return (\n    <BaseFilter config={config}>\n      <Input\n        type=\"date\"\n        placeholder={config.placeholder || \"Select date...\"}\n        value={value || \"\"}\n        onChange={handleChange}\n        disabled={config.disabled || false}\n      />\n    </BaseFilter>\n  );\n}\n\nexport { DateFilter };\n"],"mappings":";;;;;;AAMA,SAAS,WAAqC,EAC5C,OACA,UACA,UACkC;CAClC,MAAM,gBAAgB,MAA2C;AAC/D,MAAI,SACF,UAAS,EAAE,OAAO,MAAM;;AAI5B,QACE,oBAAC,YAAD;EAAoB;YAClB,oBAAC,OAAD;GACE,MAAK;GACL,aAAa,OAAO,eAAe;GACnC,OAAO,SAAS;GAChB,UAAU;GACV,UAAU,OAAO,YAAY;GAC7B;EACS"}

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

@@ -1,5 +1,4 @@
-import { __esmMin } from "../../../../../_virtual/rolldown_runtime.js";
-import { BaseFilter, init_BaseFilter } from "../BaseFilter.js";
+import { BaseFilter } from "../BaseFilter.js";
 import { Checkbox, Label, TooltipProvider } from "@lumeweb/portal-framework-ui-core";
 import React, { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -39,11 +38,7 @@ function MultiSelectFilter({ value = [], onChange, config }) {
 		})
 	}) });
 }
-var init_MultiSelectFilter = __esmMin(() => {
-	init_BaseFilter();
-});
 
 //#endregion
-init_MultiSelectFilter();
-export { MultiSelectFilter, init_MultiSelectFilter };
+export { MultiSelectFilter };
 //# sourceMappingURL=MultiSelectFilter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectFilter.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/MultiSelectFilter.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from \"react\";\nimport { Checkbox, Label, Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } 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// TODO: Reimplement tooltip functionality\n// import { useFilterTooltip } from \"../hooks/useFilterTooltip\";\n\ninterface MultiSelectFilterProps<TData extends BaseRecord>\n  extends BaseFilterComponentProps<TData> {}\n\nfunction MultiSelectFilter<TData extends BaseRecord>({\n  value = [],\n  onChange,\n  config,\n}: MultiSelectFilterProps<TData>) {\n  const [selectedValues, setSelectedValues] = useState<string[]>(value);\n  const containerRef = useRef<HTMLDivElement>(null);\n  // TODO: Reimplement tooltip functionality\n  // const { activeTooltip, handleItemHover, handleItemLeave } = useFilterTooltip();\n\n  // Keep local state in sync with prop value\n  useEffect(() => {\n    setSelectedValues(value ?? []);\n  }, [value]);\n\n  const handleCheckboxChange = (checked: boolean, optionValue: string) => {\n    let newValues: string[];\n\n    if (checked) {\n      newValues = [...selectedValues, optionValue];\n    } else {\n      newValues = selectedValues.filter((val) => val !== optionValue);\n    }\n\n    setSelectedValues(newValues);\n    if (onChange) {\n      onChange(newValues);\n    }\n  };\n\n  // TODO: Reimplement tooltip functionality\n  // const handleMouseEnter = (e: React.MouseEvent, optionValue: string) => {\n  //   const option = config.options?.find((opt) => opt.value === optionValue);\n  //   if (option?.description) {\n  //     handleItemHover(option.description, e, containerRef);\n  //   }\n  // };\n\n  // TODO: Reimplement tooltip functionality\n  // const handleMouseLeave = () => {\n  //   handleItemLeave();\n  // };\n\n  return (\n    <TooltipProvider>\n      <BaseFilter config={config}>\n        <div ref={containerRef} className=\"space-y-2\">\n          {config.options?.map((option) => (\n            <div\n              key={option.value}\n              className=\"flex items-center space-x-2\"\n              // TODO: Reimplement tooltip functionality\n              // onMouseEnter={(e) => handleMouseEnter(e, option.value)}\n              // onMouseLeave={handleMouseLeave}\n              >\n              <Checkbox\n                id={`checkbox-${config.id}-${option.value}`}\n                checked={selectedValues.includes(option.value)}\n                onCheckedChange={(checked) =>\n                  handleCheckboxChange(checked as boolean, option.value)\n                }\n                disabled={config.disabled || false}\n              />\n              <Label\n                htmlFor={`checkbox-${config.id}-${option.value}`}\n                className=\"cursor-help text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\n                {option.label}\n              </Label>\n            </div>\n          ))}\n          {/* TODO: Reimplement tooltip functionality */}\n          {/* {activeTooltip && (\n            <Tooltip open>\n              <TooltipTrigger asChild>\n                <div className=\"absolute\" style={{ left: activeTooltip.x, top: activeTooltip.y }} />\n              </TooltipTrigger>\n              <TooltipContent\n                side=\"right\"\n                align=\"start\"\n                sideOffset={5}\n                className=\"max-w-none\">\n                {activeTooltip.content}\n              </TooltipContent>\n            </Tooltip>\n          )} */}\n        </div>\n      </BaseFilter>\n    </TooltipProvider>\n  );\n}\n\nexport { MultiSelectFilter };\nexport type { MultiSelectFilterProps };\n"],"mappings":";;;;;;;AAWA,SAAS,kBAA4C,EACnD,QAAQ,EAAE,EACV,UACA,UACgC;CAChC,MAAM,CAAC,gBAAgB,qBAAqB,SAAmB,MAAM;CACrE,MAAM,eAAe,OAAuB,KAAK;AAKjD,iBAAgB;AACd,oBAAkB,SAAS,EAAE,CAAC;IAC7B,CAAC,MAAM,CAAC;CAEX,MAAM,wBAAwB,SAAkB,gBAAwB;EACtE,IAAI;AAEJ,MAAI,QACF,aAAY,CAAC,GAAG,gBAAgB,YAAY;MAE5C,aAAY,eAAe,QAAQ,QAAQ,QAAQ,YAAY;AAGjE,oBAAkB,UAAU;AAC5B,MAAI,SACF,UAAS,UAAU;;AAiBvB,QACE,oBAAC,6BACC,oBAAC;EAAmB;YAClB,oBAAC;GAAI,KAAK;GAAc,WAAU;aAC/B,OAAO,SAAS,KAAK,WACpB,qBAAC;IAEC,WAAU;eAKV,oBAAC;KACC,IAAI,YAAY,OAAO,GAAG,GAAG,OAAO;KACpC,SAAS,eAAe,SAAS,OAAO,MAAM;KAC9C,kBAAkB,YAChB,qBAAqB,SAAoB,OAAO,MAAM;KAExD,UAAU,OAAO,YAAY;MAC7B,EACF,oBAAC;KACC,SAAS,YAAY,OAAO,GAAG,GAAG,OAAO;KACzC,WAAU;eACT,OAAO;MACF;MAlBH,OAAO,MAmBR,CACN;IAgBE;GACK,GACG;;;kBAhGqB"}
+{"version":3,"file":"MultiSelectFilter.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/MultiSelectFilter.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from \"react\";\nimport { Checkbox, Label, Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } 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// TODO: Reimplement tooltip functionality\n// import { useFilterTooltip } from \"../hooks/useFilterTooltip\";\n\ninterface MultiSelectFilterProps<TData extends BaseRecord>\n  extends BaseFilterComponentProps<TData> {}\n\nfunction MultiSelectFilter<TData extends BaseRecord>({\n  value = [],\n  onChange,\n  config,\n}: MultiSelectFilterProps<TData>) {\n  const [selectedValues, setSelectedValues] = useState<string[]>(value);\n  const containerRef = useRef<HTMLDivElement>(null);\n  // TODO: Reimplement tooltip functionality\n  // const { activeTooltip, handleItemHover, handleItemLeave } = useFilterTooltip();\n\n  // Keep local state in sync with prop value\n  useEffect(() => {\n    setSelectedValues(value ?? []);\n  }, [value]);\n\n  const handleCheckboxChange = (checked: boolean, optionValue: string) => {\n    let newValues: string[];\n\n    if (checked) {\n      newValues = [...selectedValues, optionValue];\n    } else {\n      newValues = selectedValues.filter((val) => val !== optionValue);\n    }\n\n    setSelectedValues(newValues);\n    if (onChange) {\n      onChange(newValues);\n    }\n  };\n\n  // TODO: Reimplement tooltip functionality\n  // const handleMouseEnter = (e: React.MouseEvent, optionValue: string) => {\n  //   const option = config.options?.find((opt) => opt.value === optionValue);\n  //   if (option?.description) {\n  //     handleItemHover(option.description, e, containerRef);\n  //   }\n  // };\n\n  // TODO: Reimplement tooltip functionality\n  // const handleMouseLeave = () => {\n  //   handleItemLeave();\n  // };\n\n  return (\n    <TooltipProvider>\n      <BaseFilter config={config}>\n        <div ref={containerRef} className=\"space-y-2\">\n          {config.options?.map((option) => (\n            <div\n              key={option.value}\n              className=\"flex items-center space-x-2\"\n              // TODO: Reimplement tooltip functionality\n              // onMouseEnter={(e) => handleMouseEnter(e, option.value)}\n              // onMouseLeave={handleMouseLeave}\n              >\n              <Checkbox\n                id={`checkbox-${config.id}-${option.value}`}\n                checked={selectedValues.includes(option.value)}\n                onCheckedChange={(checked) =>\n                  handleCheckboxChange(checked as boolean, option.value)\n                }\n                disabled={config.disabled || false}\n              />\n              <Label\n                htmlFor={`checkbox-${config.id}-${option.value}`}\n                className=\"cursor-help text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\n                {option.label}\n              </Label>\n            </div>\n          ))}\n          {/* TODO: Reimplement tooltip functionality */}\n          {/* {activeTooltip && (\n            <Tooltip open>\n              <TooltipTrigger asChild>\n                <div className=\"absolute\" style={{ left: activeTooltip.x, top: activeTooltip.y }} />\n              </TooltipTrigger>\n              <TooltipContent\n                side=\"right\"\n                align=\"start\"\n                sideOffset={5}\n                className=\"max-w-none\">\n                {activeTooltip.content}\n              </TooltipContent>\n            </Tooltip>\n          )} */}\n        </div>\n      </BaseFilter>\n    </TooltipProvider>\n  );\n}\n\nexport { MultiSelectFilter };\nexport type { MultiSelectFilterProps };\n"],"mappings":";;;;;;AAWA,SAAS,kBAA4C,EACnD,QAAQ,EAAE,EACV,UACA,UACgC;CAChC,MAAM,CAAC,gBAAgB,qBAAqB,SAAmB,MAAM;CACrE,MAAM,eAAe,OAAuB,KAAK;AAKjD,iBAAgB;AACd,oBAAkB,SAAS,EAAE,CAAC;IAC7B,CAAC,MAAM,CAAC;CAEX,MAAM,wBAAwB,SAAkB,gBAAwB;EACtE,IAAI;AAEJ,MAAI,QACF,aAAY,CAAC,GAAG,gBAAgB,YAAY;MAE5C,aAAY,eAAe,QAAQ,QAAQ,QAAQ,YAAY;AAGjE,oBAAkB,UAAU;AAC5B,MAAI,SACF,UAAS,UAAU;;AAiBvB,QACE,oBAAC,iBAAD,YACE,oBAAC,YAAD;EAAoB;YAClB,oBAAC,OAAD;GAAK,KAAK;GAAc,WAAU;aAC/B,OAAO,SAAS,KAAK,WACpB,qBAAC,OAAD;IAEE,WAAU;cAFZ,CAOE,oBAAC,UAAD;KACE,IAAI,YAAY,OAAO,GAAG,GAAG,OAAO;KACpC,SAAS,eAAe,SAAS,OAAO,MAAM;KAC9C,kBAAkB,YAChB,qBAAqB,SAAoB,OAAO,MAAM;KAExD,UAAU,OAAO,YAAY;KAC7B,GACF,oBAAC,OAAD;KACE,SAAS,YAAY,OAAO,GAAG,GAAG,OAAO;KACzC,WAAU;eACT,OAAO;KACF,EACJ;MAnBC,OAAO,MAmBR,CACN;GAgBE;EACK,GACG"}

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

@@ -1,5 +1,4 @@
-import { __esmMin } from "../../../../../_virtual/rolldown_runtime.js";
-import { BaseFilter, init_BaseFilter } from "../BaseFilter.js";
+import { BaseFilter } from "../BaseFilter.js";
 import { Input } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
@@ -24,11 +23,7 @@ function NumberFilter({ value, onChange, config }) {
 		})
 	});
 }
-var init_NumberFilter = __esmMin(() => {
-	init_BaseFilter();
-});
 
 //#endregion
-init_NumberFilter();
-export { NumberFilter, init_NumberFilter };
+export { NumberFilter };
 //# sourceMappingURL=NumberFilter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NumberFilter.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/NumberFilter.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } 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 NumberFilter<TData extends BaseRecord>({\n  value,\n  onChange,\n  config,\n}: BaseFilterComponentProps<TData>) {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const numValue = e.target.value === \"\" ? undefined : Number(e.target.value);\n    if (onChange) {\n      onChange(numValue);\n    }\n  };\n\n  return (\n    <BaseFilter config={config}>\n      <Input\n        type=\"number\"\n        placeholder={config.placeholder || \"Enter number...\"}\n        value={value || \"\"}\n        onChange={handleChange}\n        disabled={config.disabled || false}\n        min={config.min}\n        max={config.max}\n        step={config.step}\n      />\n    </BaseFilter>\n  );\n}\n\nexport { NumberFilter };\n"],"mappings":";;;;;;;AAMA,SAAS,aAAuC,EAC9C,OACA,UACA,UACkC;CAClC,MAAM,gBAAgB,MAA2C;EAC/D,MAAM,WAAW,EAAE,OAAO,UAAU,KAAK,SAAY,OAAO,EAAE,OAAO,MAAM;AAC3E,MAAI,SACF,UAAS,SAAS;;AAItB,QACE,oBAAC;EAAmB;YAClB,oBAAC;GACC,MAAK;GACL,aAAa,OAAO,eAAe;GACnC,OAAO,SAAS;GAChB,UAAU;GACV,UAAU,OAAO,YAAY;GAC7B,KAAK,OAAO;GACZ,KAAK,OAAO;GACZ,MAAM,OAAO;IACb;GACS;;;kBA5B0B"}
+{"version":3,"file":"NumberFilter.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/NumberFilter.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } 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 NumberFilter<TData extends BaseRecord>({\n  value,\n  onChange,\n  config,\n}: BaseFilterComponentProps<TData>) {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const numValue = e.target.value === \"\" ? undefined : Number(e.target.value);\n    if (onChange) {\n      onChange(numValue);\n    }\n  };\n\n  return (\n    <BaseFilter config={config}>\n      <Input\n        type=\"number\"\n        placeholder={config.placeholder || \"Enter number...\"}\n        value={value || \"\"}\n        onChange={handleChange}\n        disabled={config.disabled || false}\n        min={config.min}\n        max={config.max}\n        step={config.step}\n      />\n    </BaseFilter>\n  );\n}\n\nexport { NumberFilter };\n"],"mappings":";;;;;;AAMA,SAAS,aAAuC,EAC9C,OACA,UACA,UACkC;CAClC,MAAM,gBAAgB,MAA2C;EAC/D,MAAM,WAAW,EAAE,OAAO,UAAU,KAAK,SAAY,OAAO,EAAE,OAAO,MAAM;AAC3E,MAAI,SACF,UAAS,SAAS;;AAItB,QACE,oBAAC,YAAD;EAAoB;YAClB,oBAAC,OAAD;GACE,MAAK;GACL,aAAa,OAAO,eAAe;GACnC,OAAO,SAAS;GAChB,UAAU;GACV,UAAU,OAAO,YAAY;GAC7B,KAAK,OAAO;GACZ,KAAK,OAAO;GACZ,MAAM,OAAO;GACb;EACS"}

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

@@ -1,5 +1,4 @@
-import { __esmMin } from "../../../../../_virtual/rolldown_runtime.js";
-import { BaseFilter, init_BaseFilter } from "../BaseFilter.js";
+import { BaseFilter } from "../BaseFilter.js";
 import { Input } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -56,11 +55,7 @@ function RangeFilter({ value = {}, onChange, config }) {
 		})
 	});
 }
-var init_RangeFilter = __esmMin(() => {
-	init_BaseFilter();
-});
 
 //#endregion
-init_RangeFilter();
-export { RangeFilter, init_RangeFilter };
+export { RangeFilter };
 //# sourceMappingURL=RangeFilter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RangeFilter.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/RangeFilter.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } 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\ninterface RangeValue {\n  min?: number;\n  max?: number;\n}\n\nfunction RangeFilter<TData extends BaseRecord>({\n  value = {},\n  onChange,\n  config,\n}: BaseFilterComponentProps<TData>) {\n  const rangeValue = value as RangeValue;\n\n  const handleMinChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const parsed = Number(e.target.value);\n    const min = e.target.value === \"\" || isNaN(parsed) ? undefined : parsed;\n    if (onChange) {\n      onChange({ ...rangeValue, min });\n    }\n  };\n\n  const handleMaxChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const parsed = Number(e.target.value);\n    const max = e.target.value === \"\" || isNaN(parsed) ? undefined : parsed;\n    if (onChange) {\n      onChange({ ...rangeValue, max });\n    }\n  };\n\n  return (\n    <BaseFilter config={config}>\n      <div className=\"flex items-center space-x-2\">\n        <Input\n          type=\"number\"\n          placeholder={config.minPlaceholder || \"Min\"}\n          value={rangeValue.min ?? \"\"}\n          onChange={handleMinChange}\n          disabled={config.disabled || false}\n          className=\"w-full\"\n          min={config.min}\n          max={config.max}\n        />\n        <span className=\"text-sm font-medium\">to</span>\n        <Input\n          type=\"number\"\n          placeholder={config.maxPlaceholder || \"Max\"}\n          value={rangeValue.max ?? \"\"}\n          onChange={handleMaxChange}\n          disabled={config.disabled || false}\n          className=\"w-full\"\n          min={config.min}\n          max={config.max}\n        />\n      </div>\n    </BaseFilter>\n  );\n}\n\nexport { RangeFilter };\nexport type { RangeValue };\n"],"mappings":";;;;;;;AAWA,SAAS,YAAsC,EAC7C,QAAQ,EAAE,EACV,UACA,UACkC;CAClC,MAAM,aAAa;CAEnB,MAAM,mBAAmB,MAA2C;EAClE,MAAM,SAAS,OAAO,EAAE,OAAO,MAAM;EACrC,MAAM,MAAM,EAAE,OAAO,UAAU,MAAM,MAAM,OAAO,GAAG,SAAY;AACjE,MAAI,SACF,UAAS;GAAE,GAAG;GAAY;GAAK,CAAC;;CAIpC,MAAM,mBAAmB,MAA2C;EAClE,MAAM,SAAS,OAAO,EAAE,OAAO,MAAM;EACrC,MAAM,MAAM,EAAE,OAAO,UAAU,MAAM,MAAM,OAAO,GAAG,SAAY;AACjE,MAAI,SACF,UAAS;GAAE,GAAG;GAAY;GAAK,CAAC;;AAIpC,QACE,oBAAC;EAAmB;YAClB,qBAAC;GAAI,WAAU;;IACb,oBAAC;KACC,MAAK;KACL,aAAa,OAAO,kBAAkB;KACtC,OAAO,WAAW,OAAO;KACzB,UAAU;KACV,UAAU,OAAO,YAAY;KAC7B,WAAU;KACV,KAAK,OAAO;KACZ,KAAK,OAAO;MACZ;IACF,oBAAC;KAAK,WAAU;eAAsB;MAAS;IAC/C,oBAAC;KACC,MAAK;KACL,aAAa,OAAO,kBAAkB;KACtC,OAAO,WAAW,OAAO;KACzB,UAAU;KACV,UAAU,OAAO,YAAY;KAC7B,WAAU;KACV,KAAK,OAAO;KACZ,KAAK,OAAO;MACZ;;IACE;GACK;;;kBAzD0B"}
+{"version":3,"file":"RangeFilter.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/RangeFilter.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } 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\ninterface RangeValue {\n  min?: number;\n  max?: number;\n}\n\nfunction RangeFilter<TData extends BaseRecord>({\n  value = {},\n  onChange,\n  config,\n}: BaseFilterComponentProps<TData>) {\n  const rangeValue = value as RangeValue;\n\n  const handleMinChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const parsed = Number(e.target.value);\n    const min = e.target.value === \"\" || isNaN(parsed) ? undefined : parsed;\n    if (onChange) {\n      onChange({ ...rangeValue, min });\n    }\n  };\n\n  const handleMaxChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const parsed = Number(e.target.value);\n    const max = e.target.value === \"\" || isNaN(parsed) ? undefined : parsed;\n    if (onChange) {\n      onChange({ ...rangeValue, max });\n    }\n  };\n\n  return (\n    <BaseFilter config={config}>\n      <div className=\"flex items-center space-x-2\">\n        <Input\n          type=\"number\"\n          placeholder={config.minPlaceholder || \"Min\"}\n          value={rangeValue.min ?? \"\"}\n          onChange={handleMinChange}\n          disabled={config.disabled || false}\n          className=\"w-full\"\n          min={config.min}\n          max={config.max}\n        />\n        <span className=\"text-sm font-medium\">to</span>\n        <Input\n          type=\"number\"\n          placeholder={config.maxPlaceholder || \"Max\"}\n          value={rangeValue.max ?? \"\"}\n          onChange={handleMaxChange}\n          disabled={config.disabled || false}\n          className=\"w-full\"\n          min={config.min}\n          max={config.max}\n        />\n      </div>\n    </BaseFilter>\n  );\n}\n\nexport { RangeFilter };\nexport type { RangeValue };\n"],"mappings":";;;;;;AAWA,SAAS,YAAsC,EAC7C,QAAQ,EAAE,EACV,UACA,UACkC;CAClC,MAAM,aAAa;CAEnB,MAAM,mBAAmB,MAA2C;EAClE,MAAM,SAAS,OAAO,EAAE,OAAO,MAAM;EACrC,MAAM,MAAM,EAAE,OAAO,UAAU,MAAM,MAAM,OAAO,GAAG,SAAY;AACjE,MAAI,SACF,UAAS;GAAE,GAAG;GAAY;GAAK,CAAC;;CAIpC,MAAM,mBAAmB,MAA2C;EAClE,MAAM,SAAS,OAAO,EAAE,OAAO,MAAM;EACrC,MAAM,MAAM,EAAE,OAAO,UAAU,MAAM,MAAM,OAAO,GAAG,SAAY;AACjE,MAAI,SACF,UAAS;GAAE,GAAG;GAAY;GAAK,CAAC;;AAIpC,QACE,oBAAC,YAAD;EAAoB;YAClB,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,oBAAC,OAAD;KACE,MAAK;KACL,aAAa,OAAO,kBAAkB;KACtC,OAAO,WAAW,OAAO;KACzB,UAAU;KACV,UAAU,OAAO,YAAY;KAC7B,WAAU;KACV,KAAK,OAAO;KACZ,KAAK,OAAO;KACZ;IACF,oBAAC,QAAD;KAAM,WAAU;eAAsB;KAAS;IAC/C,oBAAC,OAAD;KACE,MAAK;KACL,aAAa,OAAO,kBAAkB;KACtC,OAAO,WAAW,OAAO;KACzB,UAAU;KACV,UAAU,OAAO,YAAY;KAC7B,WAAU;KACV,KAAK,OAAO;KACZ,KAAK,OAAO;KACZ;IACE;;EACK"}

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

@@ -1,5 +1,4 @@
-import { __esmMin } from "../../../../../_virtual/rolldown_runtime.js";
-import { BaseFilter, init_BaseFilter } from "../BaseFilter.js";
+import { BaseFilter } from "../BaseFilter.js";
 import { Input } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -28,11 +27,7 @@ function SearchFilter({ value, onChange, config }) {
 		})
 	});
 }
-var init_SearchFilter = __esmMin(() => {
-	init_BaseFilter();
-});
 
 //#endregion
-init_SearchFilter();
-export { SearchFilter, init_SearchFilter };
+export { SearchFilter };
 //# sourceMappingURL=SearchFilter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchFilter.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/SearchFilter.tsx"],"sourcesContent":["import React from \"react\";\nimport { Search } from \"lucide-react\";\nimport { Input } 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 SearchFilter<TData extends BaseRecord>({\n  value,\n  onChange,\n  config,\n}: BaseFilterComponentProps<TData>) {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) {\n      onChange(e.target.value);\n    }\n  };\n\n  return (\n    <BaseFilter config={config}>\n      <div className=\"relative\">\n        <Search className=\"absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 transform text-gray-400\" aria-hidden=\"true\" />\n        <Input\n          type=\"text\"\n          placeholder={config.placeholder || \"Search...\"}\n          value={value || \"\"}\n          onChange={handleChange}\n          disabled={config.disabled || false}\n          className=\"pl-8\"\n        />\n      </div>\n    </BaseFilter>\n  );\n}\n\nexport { SearchFilter };\n"],"mappings":";;;;;;;;AAOA,SAAS,aAAuC,EAC9C,OACA,UACA,UACkC;CAClC,MAAM,gBAAgB,MAA2C;AAC/D,MAAI,SACF,UAAS,EAAE,OAAO,MAAM;;AAI5B,QACE,oBAAC;EAAmB;YAClB,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAO,WAAU;IAA2E,eAAY;KAAS,EAClH,oBAAC;IACC,MAAK;IACL,aAAa,OAAO,eAAe;IACnC,OAAO,SAAS;IAChB,UAAU;IACV,UAAU,OAAO,YAAY;IAC7B,WAAU;KACV;IACE;GACK;;;kBA5B0B"}
+{"version":3,"file":"SearchFilter.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/SearchFilter.tsx"],"sourcesContent":["import React from \"react\";\nimport { Search } from \"lucide-react\";\nimport { Input } 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 SearchFilter<TData extends BaseRecord>({\n  value,\n  onChange,\n  config,\n}: BaseFilterComponentProps<TData>) {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) {\n      onChange(e.target.value);\n    }\n  };\n\n  return (\n    <BaseFilter config={config}>\n      <div className=\"relative\">\n        <Search className=\"absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 transform text-gray-400\" aria-hidden=\"true\" />\n        <Input\n          type=\"text\"\n          placeholder={config.placeholder || \"Search...\"}\n          value={value || \"\"}\n          onChange={handleChange}\n          disabled={config.disabled || false}\n          className=\"pl-8\"\n        />\n      </div>\n    </BaseFilter>\n  );\n}\n\nexport { SearchFilter };\n"],"mappings":";;;;;;;AAOA,SAAS,aAAuC,EAC9C,OACA,UACA,UACkC;CAClC,MAAM,gBAAgB,MAA2C;AAC/D,MAAI,SACF,UAAS,EAAE,OAAO,MAAM;;AAI5B,QACE,oBAAC,YAAD;EAAoB;YAClB,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,QAAD;IAAQ,WAAU;IAA2E,eAAY;IAAS,GAClH,oBAAC,OAAD;IACE,MAAK;IACL,aAAa,OAAO,eAAe;IACnC,OAAO,SAAS;IAChB,UAAU;IACV,UAAU,OAAO,YAAY;IAC7B,WAAU;IACV,EACE;;EACK"}

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

@@ -1,5 +1,4 @@
-import { __esmMin } from "../../../../../_virtual/rolldown_runtime.js";
-import { BaseFilter, init_BaseFilter } from "../BaseFilter.js";
+import { BaseFilter } from "../BaseFilter.js";
 import { Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, TooltipProvider, cn } from "@lumeweb/portal-framework-ui-core";
 import React, { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -90,11 +89,7 @@ function SelectFilter({ value, onChange, config, itemLabel }) {
 		})
 	}) });
 }
-var init_SelectFilter = __esmMin(() => {
-	init_BaseFilter();
-});
 
 //#endregion
-init_SelectFilter();
-export { SelectFilter, init_SelectFilter };
+export { SelectFilter };
 //# sourceMappingURL=SelectFilter.js.map