@lumeweb/portal-framework-ui 0.1.0 → 0.1.2

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

@@ -1 +1 @@
-{"version":3,"file":"util.js","names":[],"sources":["../../../../../../src/components/data-table/toolbarItems/filters/util.ts"],"sourcesContent":["import { FilterOperator } from \"./types\";\nimport type { BaseRecord } from \"@refinedev/core\";\n\n/**\n * Creates filter objects from a value and item configuration\n * @param value - The filter value\n * @param item - The toolbar item with configuration\n * @param getDefaultOperator - Optional function to get default operator for field type\n * @returns Array of filter objects\n */\nexport function createFiltersFromValue(\n  value: any,\n  item: any,\n  getDefaultOperator?: (fieldType: string) => string,\n): any[] {\n  let newFilters: any[] = [];\n\n  const field =\n    (item as any).config?.field || (item as any)?.field || (item as any)?.id;\n\n  if (value !== undefined && value !== null && value !== \"\") {\n    if (Array.isArray(value)) {\n      // For array values, create a single filter with \"in\" operator and the entire array as value\n      // Skip empty arrays\n      if (value.length > 0) {\n        newFilters = [\n          {\n            field,\n            operator: FilterOperator.IN,\n            value: value,\n          },\n        ];\n      }\n    } else {\n      // Get the operator to use - either from config or default based on field type\n      const operator =\n        (item as any).config?.operator ||\n        ((item as any).config?.type\n          ? getDefaultOperator?.((item as any).config.type)\n          : FilterOperator.EQ);\n\n      // For single values, create a single filter\n      newFilters = [\n        {\n          field,\n          operator,\n          value,\n        },\n      ];\n    }\n  }\n\n  return newFilters;\n}\n\n/**\n * Creates an onChange handler for filter items\n * @param item - The toolbar item with configuration\n * @param setFilters - Function to set filters\n * @param getDefaultOperator - Optional function to get default operator for field type\n * @param debugInfo - Optional debug information for logging\n * @returns onChange handler function\n */\nexport function createFilterOnChangeHandler(\n  item: any,\n  setFilters: (filters: any[]) => void,\n  getDefaultOperator?: (fieldType: string) => string,\n  debugInfo?: {\n    itemId?: string;\n    childItemId?: string;\n  },\n) {\n  return (value: any) => {\n    // Create filter objects using shared utility\n    const newFilters = createFiltersFromValue(value, item, getDefaultOperator);\n\n    // Let Refine handle the filter merging logic\n    setFilters(newFilters);\n  };\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAgB,uBACd,OACA,MACA,oBACO;CACP,IAAI,aAAoB,EAAE;CAE1B,MAAM,QACH,KAAa,QAAQ,SAAU,MAAc,SAAU,MAAc;AAExE,KAAI,UAAU,UAAa,UAAU,QAAQ,UAAU,GACrD,KAAI,MAAM,QAAQ,MAAM,EAGtB;MAAI,MAAM,SAAS,EACjB,cAAa,CACX;GACE;GACA,UAAU,eAAe;GAClB;GACR,CACF;OAWH,cAAa,CACX;EACE;EACA,UATD,KAAa,QAAQ,aACpB,KAAa,QAAQ,OACnB,qBAAsB,KAAa,OAAO,KAAK,GAC/C,eAAe;EAOjB;EACD,CACF;AAIL,QAAO;;;;;;;;;;AAWT,SAAgB,4BACd,MACA,YACA,oBACA,WAIA;AACA,SAAQ,UAAe;AAKrB,aAHmB,uBAAuB,OAAO,MAAM,mBAAmB,CAGpD;;;;aA7Ee"}
+{"version":3,"file":"util.js","names":[],"sources":["../../../../../../src/components/data-table/toolbarItems/filters/util.ts"],"sourcesContent":["import { FilterOperator } from \"./types\";\nimport type { BaseRecord } from \"@refinedev/core\";\n\n/**\n * Creates filter objects from a value and item configuration\n * @param value - The filter value\n * @param item - The toolbar item with configuration\n * @param getDefaultOperator - Optional function to get default operator for field type\n * @returns Array of filter objects\n */\nexport function createFiltersFromValue(\n  value: any,\n  item: any,\n  getDefaultOperator?: (fieldType: string) => string,\n): any[] {\n  let newFilters: any[] = [];\n\n  const field =\n    (item as any).config?.field || (item as any)?.field || (item as any)?.id;\n\n  if (value !== undefined && value !== null && value !== \"\") {\n    if (Array.isArray(value)) {\n      // For array values, create a single filter with \"in\" operator and the entire array as value\n      // Skip empty arrays\n      if (value.length > 0) {\n        newFilters = [\n          {\n            field,\n            operator: FilterOperator.IN,\n            value: value,\n          },\n        ];\n      }\n    } else {\n      // Get the operator to use - either from config or default based on field type\n      const operator =\n        (item as any).config?.operator ||\n        ((item as any).config?.type\n          ? getDefaultOperator?.((item as any).config.type)\n          : FilterOperator.EQ);\n\n      // For single values, create a single filter\n      newFilters = [\n        {\n          field,\n          operator,\n          value,\n        },\n      ];\n    }\n  }\n\n  return newFilters;\n}\n\n/**\n * Creates an onChange handler for filter items\n * @param item - The toolbar item with configuration\n * @param setFilters - Function to set filters\n * @param getDefaultOperator - Optional function to get default operator for field type\n * @param debugInfo - Optional debug information for logging\n * @returns onChange handler function\n */\nexport function createFilterOnChangeHandler(\n  item: any,\n  setFilters: (filters: any[]) => void,\n  getDefaultOperator?: (fieldType: string) => string,\n  debugInfo?: {\n    itemId?: string;\n    childItemId?: string;\n  },\n) {\n  return (value: any) => {\n    // Create filter objects using shared utility\n    const newFilters = createFiltersFromValue(value, item, getDefaultOperator);\n\n    // Let Refine handle the filter merging logic\n    setFilters(newFilters);\n  };\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,uBACd,OACA,MACA,oBACO;CACP,IAAI,aAAoB,EAAE;CAE1B,MAAM,QACH,KAAa,QAAQ,SAAU,MAAc,SAAU,MAAc;AAExE,KAAI,UAAU,UAAa,UAAU,QAAQ,UAAU,GACrD,KAAI,MAAM,QAAQ,MAAM,EAGtB;MAAI,MAAM,SAAS,EACjB,cAAa,CACX;GACE;GACA;GACO;GACR,CACF;OAWH,cAAa,CACX;EACE;EACA,UATD,KAAa,QAAQ,aACpB,KAAa,QAAQ,OACnB,qBAAsB,KAAa,OAAO,KAAK;EAQjD;EACD,CACF;AAIL,QAAO;;;;;;;;;;AAWT,SAAgB,4BACd,MACA,YACA,oBACA,WAIA;AACA,SAAQ,UAAe;AAKrB,aAHmB,uBAAuB,OAAO,MAAM,mBAGlC,CAAC"}

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

@@ -9,7 +9,6 @@ import { SearchFilter } from "./filters/components/SearchFilter.js";
 import { SelectFilter } from "./filters/components/SelectFilter.js";
 import { TextFilter } from "./filters/components/TextFilter.js";
 import { createFilterOnChangeHandler, createFiltersFromValue } from "./filters/util.js";
-import "./filters/index.js";
 import { registerRefreshToolbarItem } from "./items/refresh.js";
 import { registerSearchToolbarItem } from "./items/search.js";
 import { ToolbarSeparatorItemComponent, registerSeparatorToolbarItem } from "./items/separator.js";

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

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

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

@@ -1,5 +1,4 @@
 import { ToolbarCustomItem, ToolbarItemComponentProps } from "../../DataTable.types.js";
-import "../../index.js";
 import { BaseRecord } from "@refinedev/core";
 
 //#region src/components/data-table/toolbarItems/items/custom.d.ts

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

@@ -1,5 +1,4 @@
-import { __esmMin } from "../../../../_virtual/rolldown_runtime.js";
-import { init_ToolbarRegistry, registerAction } from "../../ToolbarRegistry.js";
+import { registerAction } from "../../ToolbarRegistry.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -14,11 +13,7 @@ function ToolbarCustomItemComponent({ item, ...wrapperProps }) {
 function registerCustomToolbarItem(id, item) {
 	registerAction(id, item);
 }
-var init_custom = __esmMin(() => {
-	init_ToolbarRegistry();
-});
 
 //#endregion
-init_custom();
-export { ToolbarCustomItemComponent, init_custom, registerCustomToolbarItem };
+export { ToolbarCustomItemComponent, registerCustomToolbarItem };
 //# sourceMappingURL=custom.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"custom.js","names":[],"sources":["../../../../../../src/components/data-table/toolbarItems/items/custom.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  ToolbarCustomItem,\n  ToolbarItemComponentProps,\n} from \"@/components/data-table\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport { registerAction } from \"@/components/data-table/ToolbarRegistry\";\n\ninterface ToolbarCustomItemComponentProps<TData extends BaseRecord>\n  extends ToolbarItemComponentProps<TData> {\n  item: ToolbarCustomItem<TData>;\n}\n\nfunction ToolbarCustomItemComponent<TData extends BaseRecord>({\n  item,\n  ...wrapperProps\n}: ToolbarCustomItemComponentProps<TData>) {\n  if (!item.component) {\n    return null;\n  }\n  \n  return <item.component {...wrapperProps} {...item.props} />;\n}\n\nfunction registerCustomToolbarItem<TData extends BaseRecord>(\n  id: string,\n  item: ToolbarCustomItem<TData>,\n) {\n  registerAction(id, item);\n}\n\nexport { ToolbarCustomItemComponent, registerCustomToolbarItem };\n"],"mappings":";;;;;;AAaA,SAAS,2BAAqD,EAC5D,MACA,GAAG,gBACsC;AACzC,KAAI,CAAC,KAAK,UACR,QAAO;AAGT,QAAO,oBAAC,KAAK;EAAU,GAAI;EAAc,GAAI,KAAK;GAAS;;AAG7D,SAAS,0BACP,IACA,MACA;AACA,gBAAe,IAAI,KAAK;;;uBAtB+C"}
+{"version":3,"file":"custom.js","names":[],"sources":["../../../../../../src/components/data-table/toolbarItems/items/custom.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n  ToolbarCustomItem,\n  ToolbarItemComponentProps,\n} from \"@/components/data-table/DataTable.types\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport { registerAction } from \"@/components/data-table/ToolbarRegistry\";\n\ninterface ToolbarCustomItemComponentProps<TData extends BaseRecord>\n  extends ToolbarItemComponentProps<TData> {\n  item: ToolbarCustomItem<TData>;\n}\n\nfunction ToolbarCustomItemComponent<TData extends BaseRecord>({\n  item,\n  ...wrapperProps\n}: ToolbarCustomItemComponentProps<TData>) {\n  if (!item.component) {\n    return null;\n  }\n  \n  return <item.component {...wrapperProps} {...item.props} />;\n}\n\nfunction registerCustomToolbarItem<TData extends BaseRecord>(\n  id: string,\n  item: ToolbarCustomItem<TData>,\n) {\n  registerAction(id, item);\n}\n\nexport { ToolbarCustomItemComponent, registerCustomToolbarItem };\n"],"mappings":";;;;;AAaA,SAAS,2BAAqD,EAC5D,MACA,GAAG,gBACsC;AACzC,KAAI,CAAC,KAAK,UACR,QAAO;AAGT,QAAO,oBAAC,KAAK,WAAN;EAAgB,GAAI;EAAc,GAAI,KAAK;EAAS;;AAG7D,SAAS,0BACP,IACA,MACA;AACA,gBAAe,IAAI,KAAK"}

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

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

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

@@ -1,7 +1,5 @@
-import { __esmMin } from "../../../../_virtual/rolldown_runtime.js";
 import { ToolbarItemType } from "../../DataTable.types.js";
 import { registerAction } from "../../ToolbarRegistry.js";
-import { init_data_table } from "../../index.js";
 import { Button } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
@@ -10,7 +8,7 @@ import { RefreshCw } from "lucide-react";
 //#region src/components/data-table/toolbarItems/items/refresh.tsx
 function registerRefreshToolbarItem() {
 	registerAction("refresh", {
-		type: ToolbarItemType.ACTION,
+		type: "action",
 		id: "refresh",
 		label: "Refresh",
 		icon: /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }),
@@ -32,11 +30,7 @@ function registerRefreshToolbarItem() {
 		size: "sm"
 	});
 }
-var init_refresh = __esmMin(() => {
-	init_data_table();
-});
 
 //#endregion
-init_refresh();
-export { init_refresh, registerRefreshToolbarItem };
+export { registerRefreshToolbarItem };
 //# sourceMappingURL=refresh.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"refresh.js","names":[],"sources":["../../../../../../src/components/data-table/toolbarItems/items/refresh.tsx"],"sourcesContent":["import { Button } from \"@lumeweb/portal-framework-ui-core\";\nimport { RefreshCw } from \"lucide-react\";\nimport React from \"react\";\nimport { BaseRecord } from \"@refinedev/core\";\n\nimport { registerAction, ToolbarItemType } from \"@/components/data-table\";\nimport type {\n  ToolbarActionItem,\n  ToolbarItemComponentProps,\n} from \"@/components/data-table/DataTable.types\";\n\nfunction RefreshToolbarItem<TData extends BaseRecord>({\n  refineContext,\n  table,\n}: ToolbarItemComponentProps<TData>) {\n  const handleRefresh = () => {\n    // First try to refresh through Refine if available\n    if (refineContext) {\n      refineContext.refetch();\n      return;\n    }\n\n    // Fallback to React Table refresh if no Refine contexts\n    table.options.onStateChange?.({\n      ...table.getState(),\n      pagination: {\n        ...table.getState().pagination,\n        pageIndex: 0,\n      },\n    });\n  };\n\n  const isLoading = refineContext?.isLoading || false;\n\n  return (\n    <Button\n      aria-label=\"Refresh\"\n      disabled={isLoading}\n      onClick={handleRefresh}\n      size=\"sm\"\n      variant=\"outline\"\n      title=\"Refresh data\">\n      <RefreshCw className={`h-4 w-4 ${isLoading ? \"animate-spin\" : \"\"}`} />\n    </Button>\n  );\n}\n\nfunction registerRefreshToolbarItem<TData extends BaseRecord>() {\n  const item: ToolbarActionItem<TData> = {\n    type: ToolbarItemType.ACTION,\n    id: \"refresh\",\n    label: \"Refresh\",\n    icon: <RefreshCw className=\"h-4 w-4\" />,\n    onClick: (ctx, table) => {\n      // First try to refresh through Refine if available\n      if (ctx) {\n        ctx.refineContext?.refetch();\n        return;\n      }\n\n      // Fallback to React Table refresh if no Refine contexts\n      table.options.onStateChange?.({\n        ...table.getState(),\n        pagination: {\n          ...table.getState().pagination,\n          pageIndex: 0,\n        },\n      });\n    },\n    tooltip: \"Refresh data\",\n    variant: \"outline\",\n    size: \"sm\",\n  };\n\n  registerAction<TData>(\"refresh\", item);\n}\n\nexport { registerRefreshToolbarItem };\n"],"mappings":";;;;;;;;;;AA+CA,SAAS,6BAAuD;AA2B9D,gBAAsB,WA1BiB;EACrC,MAAM,gBAAgB;EACtB,IAAI;EACJ,OAAO;EACP,MAAM,oBAAC,aAAU,WAAU,YAAY;EACvC,UAAU,KAAK,UAAU;AAEvB,OAAI,KAAK;AACP,QAAI,eAAe,SAAS;AAC5B;;AAIF,SAAM,QAAQ,gBAAgB;IAC5B,GAAG,MAAM,UAAU;IACnB,YAAY;KACV,GAAG,MAAM,UAAU,CAAC;KACpB,WAAW;KACZ;IACF,CAAC;;EAEJ,SAAS;EACT,SAAS;EACT,MAAM;EACP,CAEqC;;;kBArEkC"}
+{"version":3,"file":"refresh.js","names":[],"sources":["../../../../../../src/components/data-table/toolbarItems/items/refresh.tsx"],"sourcesContent":["import { Button } from \"@lumeweb/portal-framework-ui-core\";\nimport { RefreshCw } from \"lucide-react\";\nimport React from \"react\";\nimport { BaseRecord } from \"@refinedev/core\";\n\nimport { registerAction } from \"@/components/data-table/ToolbarRegistry\";\nimport { ToolbarItemType } from \"@/components/data-table/DataTable.types\";\nimport type {\n  ToolbarActionItem,\n  ToolbarItemComponentProps,\n} from \"@/components/data-table/DataTable.types\";\n\nfunction RefreshToolbarItem<TData extends BaseRecord>({\n  refineContext,\n  table,\n}: ToolbarItemComponentProps<TData>) {\n  const handleRefresh = () => {\n    // First try to refresh through Refine if available\n    if (refineContext) {\n      refineContext.refetch();\n      return;\n    }\n\n    // Fallback to React Table refresh if no Refine contexts\n    table.options.onStateChange?.({\n      ...table.getState(),\n      pagination: {\n        ...table.getState().pagination,\n        pageIndex: 0,\n      },\n    });\n  };\n\n  const isLoading = refineContext?.isLoading || false;\n\n  return (\n    <Button\n      aria-label=\"Refresh\"\n      disabled={isLoading}\n      onClick={handleRefresh}\n      size=\"sm\"\n      variant=\"outline\"\n      title=\"Refresh data\">\n      <RefreshCw className={`h-4 w-4 ${isLoading ? \"animate-spin\" : \"\"}`} />\n    </Button>\n  );\n}\n\nfunction registerRefreshToolbarItem<TData extends BaseRecord>() {\n  const item: ToolbarActionItem<TData> = {\n    type: ToolbarItemType.ACTION,\n    id: \"refresh\",\n    label: \"Refresh\",\n    icon: <RefreshCw className=\"h-4 w-4\" />,\n    onClick: (ctx, table) => {\n      // First try to refresh through Refine if available\n      if (ctx) {\n        ctx.refineContext?.refetch();\n        return;\n      }\n\n      // Fallback to React Table refresh if no Refine contexts\n      table.options.onStateChange?.({\n        ...table.getState(),\n        pagination: {\n          ...table.getState().pagination,\n          pageIndex: 0,\n        },\n      });\n    },\n    tooltip: \"Refresh data\",\n    variant: \"outline\",\n    size: \"sm\",\n  };\n\n  registerAction<TData>(\"refresh\", item);\n}\n\nexport { registerRefreshToolbarItem };\n"],"mappings":";;;;;;;;AAgDA,SAAS,6BAAuD;AA2B9D,gBAAsB,WAAW;EAzB/B;EACA,IAAI;EACJ,OAAO;EACP,MAAM,oBAAC,WAAD,EAAW,WAAU,WAAY;EACvC,UAAU,KAAK,UAAU;AAEvB,OAAI,KAAK;AACP,QAAI,eAAe,SAAS;AAC5B;;AAIF,SAAM,QAAQ,gBAAgB;IAC5B,GAAG,MAAM,UAAU;IACnB,YAAY;KACV,GAAG,MAAM,UAAU,CAAC;KACpB,WAAW;KACZ;IACF,CAAC;;EAEJ,SAAS;EACT,SAAS;EACT,MAAM;EAG6B,CAAC"}

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

@@ -1,5 +1,4 @@
 import { ToolbarFilterComponentProps } from "../../DataTable.types.js";
-import "../../index.js";
 
 //#region src/components/data-table/toolbarItems/items/search.d.ts
 declare function registerSearchToolbarItem(): void;

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

@@ -1,10 +1,8 @@
-import { __esmMin } from "../../../../_virtual/rolldown_runtime.js";
 import { ToolbarItemType } from "../../DataTable.types.js";
 import { registerFilter } from "../../ToolbarRegistry.js";
 import { FilterOperator, FilterType } from "../filters/types.js";
 import { useRefineTable } from "../../contexts/RefineTable.js";
-import { init_data_table } from "../../index.js";
-import { init_components } from "../../../index.js";
+import "../../../index.js";
 import React, { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Search } from "lucide-react";
@@ -43,7 +41,7 @@ function SearchToolbarItem({ value, onChange, config }) {
 }
 function registerSearchToolbarItem() {
 	registerFilter("search", {
-		type: ToolbarItemType.FILTER,
+		type: "filter",
 		id: "search",
 		label: "Search",
 		component: ({ value, onChange, config }) => /* @__PURE__ */ jsx(SearchToolbarItem, {
@@ -54,20 +52,15 @@ function registerSearchToolbarItem() {
 		initialValue: "",
 		config: {
 			id: "search",
-			type: FilterType.TEXT,
+			type: "text",
 			label: "Search",
 			field: "q",
-			operator: FilterOperator.CONTAINS,
+			operator: "contains",
 			placeholder: "Search..."
 		}
 	});
 }
-var init_search = __esmMin(() => {
-	init_data_table();
-	init_components();
-});
 
 //#endregion
-init_search();
-export { init_search, registerSearchToolbarItem };
+export { registerSearchToolbarItem };
 //# sourceMappingURL=search.js.map

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

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

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

@@ -1,5 +1,4 @@
 import { ToolbarItemComponentProps, ToolbarItemType, ToolbarSeparatorItem } from "../../DataTable.types.js";
-import "../../index.js";
 import { BaseRecord } from "@refinedev/core";
 
 //#region src/components/data-table/toolbarItems/items/separator.d.ts

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

@@ -1,7 +1,5 @@
-import { __esmMin } from "../../../../_virtual/rolldown_runtime.js";
 import { ToolbarItemType } from "../../DataTable.types.js";
 import { registerAction } from "../../ToolbarRegistry.js";
-import { init_data_table } from "../../index.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -12,15 +10,11 @@ function ToolbarSeparatorItemComponent({ item }) {
 function registerSeparatorToolbarItem(id, item) {
 	registerAction(id, {
 		...item,
-		type: ToolbarItemType.SEPARATOR,
+		type: "separator",
 		component: ToolbarSeparatorItemComponent
 	});
 }
-var init_separator = __esmMin(() => {
-	init_data_table();
-});
 
 //#endregion
-init_separator();
-export { ToolbarSeparatorItemComponent, init_separator, registerSeparatorToolbarItem };
+export { ToolbarSeparatorItemComponent, registerSeparatorToolbarItem };
 //# sourceMappingURL=separator.js.map

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

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

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

@@ -1,11 +1,8 @@
 import { FilterConfig, FilterType, LogicalFilterOperator } from "./filters/types.js";
 import { ToolbarFilterItem } from "../DataTable.types.js";
-import "./filters/index.js";
-import "../index.js";
 import { BaseRecord } from "@refinedev/core";
 
 //#region src/components/data-table/toolbarItems/register.d.ts
-
 /**
  * Get default operator based on filter type
  * @param filterType - The type of filter

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

@@ -1,6 +1,5 @@
-import { __esmMin } from "../../../_virtual/rolldown_runtime.js";
 import { ToolbarItemType } from "../DataTable.types.js";
-import { init_ToolbarRegistry, registerFilter } from "../ToolbarRegistry.js";
+import { registerFilter } from "../ToolbarRegistry.js";
 import { FilterOperator, FilterType } from "./filters/types.js";
 import { BooleanFilter } from "./filters/components/BooleanFilter.js";
 import { DateFilter } from "./filters/components/DateFilter.js";
@@ -10,11 +9,10 @@ import { RangeFilter } from "./filters/components/RangeFilter.js";
 import { SearchFilter } from "./filters/components/SearchFilter.js";
 import { SelectFilter } from "./filters/components/SelectFilter.js";
 import { TextFilter } from "./filters/components/TextFilter.js";
-import { init_components } from "./filters/components/index.js";
-import { init_filters } from "./filters/index.js";
-import { init_refresh, registerRefreshToolbarItem } from "./items/refresh.js";
-import { init_search, registerSearchToolbarItem } from "./items/search.js";
-import { init_data_table } from "../index.js";
+import "./filters/components/index.js";
+import "./filters/index.js";
+import { registerRefreshToolbarItem } from "./items/refresh.js";
+import { registerSearchToolbarItem } from "./items/search.js";
 
 //#region src/components/data-table/toolbarItems/register.ts
 /**
@@ -24,15 +22,15 @@ import { init_data_table } from "../index.js";
 */
 function getDefaultOperator(filterType) {
 	switch (filterType) {
-		case FilterType.TEXT: return FilterOperator.CONTAINS;
-		case FilterType.SELECT: return FilterOperator.EQ;
-		case FilterType.DATE: return FilterOperator.EQ;
-		case FilterType.NUMBER: return FilterOperator.EQ;
-		case FilterType.BOOLEAN: return FilterOperator.EQ;
-		case FilterType.MULTI_SELECT: return FilterOperator.IN;
-		case FilterType.RANGE: return FilterOperator.BETWEEN;
-		case FilterType.SEARCH: return FilterOperator.CONTAINS;
-		default: return FilterOperator.EQ;
+		case "text": return "contains";
+		case "select": return "eq";
+		case "date": return "eq";
+		case "number": return "eq";
+		case "boolean": return "eq";
+		case "multi-select": return "in";
+		case "range": return "between";
+		case "search": return "contains";
+		default: return "eq";
 	}
 }
 /**
@@ -49,7 +47,7 @@ function createStandardFilter(id, component, operator, additionalConfig = {}) {
 	return {
 		id,
 		label,
-		type: ToolbarItemType.FILTER,
+		type: "filter",
 		component,
 		initialValue: additionalConfig.initialValue,
 		config: {
@@ -73,36 +71,36 @@ function computeDefaultLabel(id) {
 	return camelCaseWords.charAt(0).toUpperCase() + camelCaseWords.slice(1) + " Filter";
 }
 function registerFilterItems() {
-	registerFilter(FilterType.TEXT, createStandardFilter("text", TextFilter, FilterOperator.CONTAINS, {
-		type: FilterType.TEXT,
+	registerFilter("text", createStandardFilter("text", TextFilter, "contains", {
+		type: "text",
 		field: ""
 	}));
-	registerFilter(FilterType.SELECT, createStandardFilter("select", SelectFilter, FilterOperator.EQ, {
-		type: FilterType.SELECT,
+	registerFilter("select", createStandardFilter("select", SelectFilter, "eq", {
+		type: "select",
 		field: ""
 	}));
-	registerFilter(FilterType.DATE, createStandardFilter("date", DateFilter, FilterOperator.EQ, {
-		type: FilterType.DATE,
+	registerFilter("date", createStandardFilter("date", DateFilter, "eq", {
+		type: "date",
 		field: ""
 	}));
-	registerFilter(FilterType.NUMBER, createStandardFilter("number", NumberFilter, FilterOperator.EQ, {
-		type: FilterType.NUMBER,
+	registerFilter("number", createStandardFilter("number", NumberFilter, "eq", {
+		type: "number",
 		field: ""
 	}));
-	registerFilter(FilterType.BOOLEAN, createStandardFilter("boolean", BooleanFilter, FilterOperator.EQ, {
-		type: FilterType.BOOLEAN,
+	registerFilter("boolean", createStandardFilter("boolean", BooleanFilter, "eq", {
+		type: "boolean",
 		field: ""
 	}));
-	registerFilter(FilterType.MULTI_SELECT, createStandardFilter("multi-select", MultiSelectFilter, FilterOperator.IN, {
-		type: FilterType.MULTI_SELECT,
+	registerFilter("multi-select", createStandardFilter("multi-select", MultiSelectFilter, "in", {
+		type: "multi-select",
 		field: ""
 	}));
-	registerFilter(FilterType.RANGE, createStandardFilter("range", RangeFilter, FilterOperator.BETWEEN, {
-		type: FilterType.RANGE,
+	registerFilter("range", createStandardFilter("range", RangeFilter, "between", {
+		type: "range",
 		field: ""
 	}));
-	registerFilter(FilterType.SEARCH, createStandardFilter("search", SearchFilter, FilterOperator.CONTAINS, {
-		type: FilterType.SEARCH,
+	registerFilter("search", createStandardFilter("search", SearchFilter, "contains", {
+		type: "search",
 		field: ""
 	}));
 }
@@ -114,17 +112,8 @@ function registerToolbarItems() {
 	registerActionItems();
 	registerFilterItems();
 }
-var init_register = __esmMin(() => {
-	init_ToolbarRegistry();
-	init_data_table();
-	init_filters();
-	init_components();
-	init_refresh();
-	init_search();
-	registerToolbarItems();
-});
+registerToolbarItems();
 
 //#endregion
-init_register();
-export { createStandardFilter, getDefaultOperator, init_register, registerToolbarItems };
+export { createStandardFilter, getDefaultOperator, registerToolbarItems };
 //# sourceMappingURL=register.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"register.js","names":[],"sources":["../../../../../src/components/data-table/toolbarItems/register.ts"],"sourcesContent":["// Import and register all toolbar items\nimport { registerFilter } from \"@/components/data-table/ToolbarRegistry\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport type { FilterConfig, ToolbarFilterItem } from \"@/components/data-table\";\nimport { ToolbarItemType } from \"@/components/data-table\";\nimport { FilterOperator, FilterType, LogicalFilterOperator } from \"./filters\";\n\n// Import filter components\nimport {\n  BooleanFilter,\n  DateFilter,\n  MultiSelectFilter,\n  NumberFilter,\n  RangeFilter,\n  SearchFilter,\n  SelectFilter,\n  TextFilter,\n} from \"./filters/components\";\n\n// Import registration functions from items\nimport { registerRefreshToolbarItem } from \"./items/refresh\";\nimport { registerSearchToolbarItem } from \"./items/search\";\n\n/**\n * Get default operator based on filter type\n * @param filterType - The type of filter\n * @returns The default CRUD operator for that filter type\n */\nfunction getDefaultOperator(filterType: FilterType): LogicalFilterOperator {\n  switch (filterType) {\n    case FilterType.TEXT:\n      return FilterOperator.CONTAINS;\n    case FilterType.SELECT:\n      return FilterOperator.EQ;\n    case FilterType.DATE:\n      return FilterOperator.EQ;\n    case FilterType.NUMBER:\n      return FilterOperator.EQ;\n    case FilterType.BOOLEAN:\n      return FilterOperator.EQ;\n    case FilterType.MULTI_SELECT:\n      return FilterOperator.IN;\n    case FilterType.RANGE:\n      return FilterOperator.BETWEEN;\n    case FilterType.SEARCH:\n      return FilterOperator.CONTAINS;\n    default:\n      return FilterOperator.EQ;\n  }\n}\n\n/**\n * Create a standard filter item with proper configuration\n * @param id - Unique identifier for the filter\n * @param component - The React component for the filter\n * @param operator - The CRUD operator for the filter\n * @param additionalConfig - Optional additional configuration to override defaults\n * @returns A properly configured ToolbarFilterItem\n */\nfunction createStandardFilter<TData extends BaseRecord = any>(\n  id: string,\n  component: React.ComponentType<any>,\n  operator: LogicalFilterOperator,\n  additionalConfig: Partial<FilterConfig<TData>> = {},\n): ToolbarFilterItem<TData> {\n  const defaultLabel = computeDefaultLabel(id);\n  const label = additionalConfig.label || defaultLabel;\n\n  return {\n    id,\n    label,\n    type: ToolbarItemType.FILTER,\n    component,\n    initialValue: additionalConfig.initialValue,\n    config: {\n      ...additionalConfig,\n      id,\n      label,\n      type: additionalConfig.type || (id as FilterType),\n      field: additionalConfig.field || (\"\" as keyof TData),\n      operator,\n    },\n  } as ToolbarFilterItem<TData>;\n}\n\n/**\n * Compute a default label from an ID by converting camelCase/snake_case to readable format\n * @param id - The identifier to convert\n * @returns A readable label string\n */\nfunction computeDefaultLabel(id: string): string {\n  // Handle snake_case\n  if (id.includes(\"_\")) {\n    return (\n      id\n        .split(\"_\")\n        .map(\n          (word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase(),\n        )\n        .join(\" \") + \" Filter\"\n    );\n  }\n\n  // Handle camelCase\n  const camelCaseWords = id.replace(/([A-Z])/g, \" $1\").trim();\n  return (\n    camelCaseWords.charAt(0).toUpperCase() + camelCaseWords.slice(1) + \" Filter\"\n  );\n}\n\nfunction registerFilterItems() {\n  // Register default filters using helper functions\n  registerFilter(\n    FilterType.TEXT,\n    createStandardFilter(\"text\", TextFilter, FilterOperator.CONTAINS, {\n      type: FilterType.TEXT,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.SELECT,\n    createStandardFilter(\"select\", SelectFilter, FilterOperator.EQ, {\n      type: FilterType.SELECT,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.DATE,\n    createStandardFilter(\"date\", DateFilter, FilterOperator.EQ, {\n      type: FilterType.DATE,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.NUMBER,\n    createStandardFilter(\"number\", NumberFilter, FilterOperator.EQ, {\n      type: FilterType.NUMBER,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.BOOLEAN,\n    createStandardFilter(\"boolean\", BooleanFilter, FilterOperator.EQ, {\n      type: FilterType.BOOLEAN,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.MULTI_SELECT,\n    createStandardFilter(\"multi-select\", MultiSelectFilter, FilterOperator.IN, {\n      type: FilterType.MULTI_SELECT,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.RANGE,\n    createStandardFilter(\"range\", RangeFilter, FilterOperator.BETWEEN, {\n      type: FilterType.RANGE,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.SEARCH,\n    createStandardFilter(\"search\", SearchFilter, FilterOperator.CONTAINS, {\n      type: FilterType.SEARCH,\n      field: \"\" as any,\n    }),\n  );\n}\n\nfunction registerActionItems() {\n  // Register default action items\n  registerRefreshToolbarItem();\n  registerSearchToolbarItem();\n}\n\nfunction registerToolbarItems() {\n  registerActionItems();\n  registerFilterItems();\n}\n\n// Execute registration\nregisterToolbarItems();\n\nexport { registerToolbarItems, createStandardFilter, getDefaultOperator };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA4BA,SAAS,mBAAmB,YAA+C;AACzE,SAAQ,YAAR;EACE,KAAK,WAAW,KACd,QAAO,eAAe;EACxB,KAAK,WAAW,OACd,QAAO,eAAe;EACxB,KAAK,WAAW,KACd,QAAO,eAAe;EACxB,KAAK,WAAW,OACd,QAAO,eAAe;EACxB,KAAK,WAAW,QACd,QAAO,eAAe;EACxB,KAAK,WAAW,aACd,QAAO,eAAe;EACxB,KAAK,WAAW,MACd,QAAO,eAAe;EACxB,KAAK,WAAW,OACd,QAAO,eAAe;EACxB,QACE,QAAO,eAAe;;;;;;;;;;;AAY5B,SAAS,qBACP,IACA,WACA,UACA,mBAAiD,EAAE,EACzB;CAC1B,MAAM,eAAe,oBAAoB,GAAG;CAC5C,MAAM,QAAQ,iBAAiB,SAAS;AAExC,QAAO;EACL;EACA;EACA,MAAM,gBAAgB;EACtB;EACA,cAAc,iBAAiB;EAC/B,QAAQ;GACN,GAAG;GACH;GACA;GACA,MAAM,iBAAiB,QAAS;GAChC,OAAO,iBAAiB,SAAU;GAClC;GACD;EACF;;;;;;;AAQH,SAAS,oBAAoB,IAAoB;AAE/C,KAAI,GAAG,SAAS,IAAI,CAClB,QACE,GACG,MAAM,IAAI,CACV,KACE,SAAS,KAAK,OAAO,EAAE,CAAC,aAAa,GAAG,KAAK,MAAM,EAAE,CAAC,aAAa,CACrE,CACA,KAAK,IAAI,GAAG;CAKnB,MAAM,iBAAiB,GAAG,QAAQ,YAAY,MAAM,CAAC,MAAM;AAC3D,QACE,eAAe,OAAO,EAAE,CAAC,aAAa,GAAG,eAAe,MAAM,EAAE,GAAG;;AAIvE,SAAS,sBAAsB;AAE7B,gBACE,WAAW,MACX,qBAAqB,QAAQ,YAAY,eAAe,UAAU;EAChE,MAAM,WAAW;EACjB,OAAO;EACR,CAAC,CACH;AACD,gBACE,WAAW,QACX,qBAAqB,UAAU,cAAc,eAAe,IAAI;EAC9D,MAAM,WAAW;EACjB,OAAO;EACR,CAAC,CACH;AACD,gBACE,WAAW,MACX,qBAAqB,QAAQ,YAAY,eAAe,IAAI;EAC1D,MAAM,WAAW;EACjB,OAAO;EACR,CAAC,CACH;AACD,gBACE,WAAW,QACX,qBAAqB,UAAU,cAAc,eAAe,IAAI;EAC9D,MAAM,WAAW;EACjB,OAAO;EACR,CAAC,CACH;AACD,gBACE,WAAW,SACX,qBAAqB,WAAW,eAAe,eAAe,IAAI;EAChE,MAAM,WAAW;EACjB,OAAO;EACR,CAAC,CACH;AACD,gBACE,WAAW,cACX,qBAAqB,gBAAgB,mBAAmB,eAAe,IAAI;EACzE,MAAM,WAAW;EACjB,OAAO;EACR,CAAC,CACH;AACD,gBACE,WAAW,OACX,qBAAqB,SAAS,aAAa,eAAe,SAAS;EACjE,MAAM,WAAW;EACjB,OAAO;EACR,CAAC,CACH;AACD,gBACE,WAAW,QACX,qBAAqB,UAAU,cAAc,eAAe,UAAU;EACpE,MAAM,WAAW;EACjB,OAAO;EACR,CAAC,CACH;;AAGH,SAAS,sBAAsB;AAE7B,6BAA4B;AAC5B,4BAA2B;;AAG7B,SAAS,uBAAuB;AAC9B,sBAAqB;AACrB,sBAAqB;;;uBAjLkD;kBAGf;eACoB;kBAYhD;eAG+B;cACF;AAiK3D,uBAAsB"}
+{"version":3,"file":"register.js","names":[],"sources":["../../../../../src/components/data-table/toolbarItems/register.ts"],"sourcesContent":["// Import and register all toolbar items\nimport { registerFilter } from \"@/components/data-table/ToolbarRegistry\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport type { FilterConfig } from \"@/components/data-table/toolbarItems/filters/types\";\nimport type { ToolbarFilterItem } from \"@/components/data-table/DataTable.types\";\nimport { ToolbarItemType } from \"@/components/data-table/DataTable.types\";\nimport { FilterOperator, FilterType, LogicalFilterOperator } from \"./filters\";\n\n// Import filter components\nimport {\n  BooleanFilter,\n  DateFilter,\n  MultiSelectFilter,\n  NumberFilter,\n  RangeFilter,\n  SearchFilter,\n  SelectFilter,\n  TextFilter,\n} from \"./filters/components\";\n\n// Import registration functions from items\nimport { registerRefreshToolbarItem } from \"./items/refresh\";\nimport { registerSearchToolbarItem } from \"./items/search\";\n\n/**\n * Get default operator based on filter type\n * @param filterType - The type of filter\n * @returns The default CRUD operator for that filter type\n */\nfunction getDefaultOperator(filterType: FilterType): LogicalFilterOperator {\n  switch (filterType) {\n    case FilterType.TEXT:\n      return FilterOperator.CONTAINS;\n    case FilterType.SELECT:\n      return FilterOperator.EQ;\n    case FilterType.DATE:\n      return FilterOperator.EQ;\n    case FilterType.NUMBER:\n      return FilterOperator.EQ;\n    case FilterType.BOOLEAN:\n      return FilterOperator.EQ;\n    case FilterType.MULTI_SELECT:\n      return FilterOperator.IN;\n    case FilterType.RANGE:\n      return FilterOperator.BETWEEN;\n    case FilterType.SEARCH:\n      return FilterOperator.CONTAINS;\n    default:\n      return FilterOperator.EQ;\n  }\n}\n\n/**\n * Create a standard filter item with proper configuration\n * @param id - Unique identifier for the filter\n * @param component - The React component for the filter\n * @param operator - The CRUD operator for the filter\n * @param additionalConfig - Optional additional configuration to override defaults\n * @returns A properly configured ToolbarFilterItem\n */\nfunction createStandardFilter<TData extends BaseRecord = any>(\n  id: string,\n  component: React.ComponentType<any>,\n  operator: LogicalFilterOperator,\n  additionalConfig: Partial<FilterConfig<TData>> = {},\n): ToolbarFilterItem<TData> {\n  const defaultLabel = computeDefaultLabel(id);\n  const label = additionalConfig.label || defaultLabel;\n\n  return {\n    id,\n    label,\n    type: ToolbarItemType.FILTER,\n    component,\n    initialValue: additionalConfig.initialValue,\n    config: {\n      ...additionalConfig,\n      id,\n      label,\n      type: additionalConfig.type || (id as FilterType),\n      field: additionalConfig.field || (\"\" as keyof TData),\n      operator,\n    },\n  } as ToolbarFilterItem<TData>;\n}\n\n/**\n * Compute a default label from an ID by converting camelCase/snake_case to readable format\n * @param id - The identifier to convert\n * @returns A readable label string\n */\nfunction computeDefaultLabel(id: string): string {\n  // Handle snake_case\n  if (id.includes(\"_\")) {\n    return (\n      id\n        .split(\"_\")\n        .map(\n          (word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase(),\n        )\n        .join(\" \") + \" Filter\"\n    );\n  }\n\n  // Handle camelCase\n  const camelCaseWords = id.replace(/([A-Z])/g, \" $1\").trim();\n  return (\n    camelCaseWords.charAt(0).toUpperCase() + camelCaseWords.slice(1) + \" Filter\"\n  );\n}\n\nfunction registerFilterItems() {\n  // Register default filters using helper functions\n  registerFilter(\n    FilterType.TEXT,\n    createStandardFilter(\"text\", TextFilter, FilterOperator.CONTAINS, {\n      type: FilterType.TEXT,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.SELECT,\n    createStandardFilter(\"select\", SelectFilter, FilterOperator.EQ, {\n      type: FilterType.SELECT,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.DATE,\n    createStandardFilter(\"date\", DateFilter, FilterOperator.EQ, {\n      type: FilterType.DATE,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.NUMBER,\n    createStandardFilter(\"number\", NumberFilter, FilterOperator.EQ, {\n      type: FilterType.NUMBER,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.BOOLEAN,\n    createStandardFilter(\"boolean\", BooleanFilter, FilterOperator.EQ, {\n      type: FilterType.BOOLEAN,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.MULTI_SELECT,\n    createStandardFilter(\"multi-select\", MultiSelectFilter, FilterOperator.IN, {\n      type: FilterType.MULTI_SELECT,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.RANGE,\n    createStandardFilter(\"range\", RangeFilter, FilterOperator.BETWEEN, {\n      type: FilterType.RANGE,\n      field: \"\" as any,\n    }),\n  );\n  registerFilter(\n    FilterType.SEARCH,\n    createStandardFilter(\"search\", SearchFilter, FilterOperator.CONTAINS, {\n      type: FilterType.SEARCH,\n      field: \"\" as any,\n    }),\n  );\n}\n\nfunction registerActionItems() {\n  // Register default action items\n  registerRefreshToolbarItem();\n  registerSearchToolbarItem();\n}\n\nfunction registerToolbarItems() {\n  registerActionItems();\n  registerFilterItems();\n}\n\n// Execute registration\nregisterToolbarItems();\n\nexport { registerToolbarItems, createStandardFilter, getDefaultOperator };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAS,mBAAmB,YAA+C;AACzE,SAAQ,YAAR;EACE,YACE;EACF,cACE;EACF,YACE;EACF,cACE;EACF,eACE;EACF,oBACE;EACF,aACE;EACF,cACE;EACF,QACE;;;;;;;;;;;AAYN,SAAS,qBACP,IACA,WACA,UACA,mBAAiD,EAAE,EACzB;CAC1B,MAAM,eAAe,oBAAoB,GAAG;CAC5C,MAAM,QAAQ,iBAAiB,SAAS;AAExC,QAAO;EACL;EACA;EACA;EACA;EACA,cAAc,iBAAiB;EAC/B,QAAQ;GACN,GAAG;GACH;GACA;GACA,MAAM,iBAAiB,QAAS;GAChC,OAAO,iBAAiB,SAAU;GAClC;GACD;EACF;;;;;;;AAQH,SAAS,oBAAoB,IAAoB;AAE/C,KAAI,GAAG,SAAS,IAAI,CAClB,QACE,GACG,MAAM,IAAI,CACV,KACE,SAAS,KAAK,OAAO,EAAE,CAAC,aAAa,GAAG,KAAK,MAAM,EAAE,CAAC,aAAa,CACrE,CACA,KAAK,IAAI,GAAG;CAKnB,MAAM,iBAAiB,GAAG,QAAQ,YAAY,MAAM,CAAC,MAAM;AAC3D,QACE,eAAe,OAAO,EAAE,CAAC,aAAa,GAAG,eAAe,MAAM,EAAE,GAAG;;AAIvE,SAAS,sBAAsB;AAE7B,wBAEE,qBAAqB,QAAQ,wBAAqC;EAChE;EACA,OAAO;EACR,CAAC,CACH;AACD,0BAEE,qBAAqB,UAAU,oBAAiC;EAC9D;EACA,OAAO;EACR,CAAC,CACH;AACD,wBAEE,qBAAqB,QAAQ,kBAA+B;EAC1D;EACA,OAAO;EACR,CAAC,CACH;AACD,0BAEE,qBAAqB,UAAU,oBAAiC;EAC9D;EACA,OAAO;EACR,CAAC,CACH;AACD,2BAEE,qBAAqB,WAAW,qBAAkC;EAChE;EACA,OAAO;EACR,CAAC,CACH;AACD,gCAEE,qBAAqB,gBAAgB,yBAAsC;EACzE;EACA,OAAO;EACR,CAAC,CACH;AACD,yBAEE,qBAAqB,SAAS,wBAAqC;EACjE;EACA,OAAO;EACR,CAAC,CACH;AACD,0BAEE,qBAAqB,UAAU,0BAAuC;EACpE;EACA,OAAO;EACR,CAAC,CACH;;AAGH,SAAS,sBAAsB;AAE7B,6BAA4B;AAC5B,4BAA2B;;AAG7B,SAAS,uBAAuB;AAC9B,sBAAqB;AACrB,sBAAqB;;AAIvB,sBAAsB"}

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

@@ -1,5 +1,4 @@
 import { ComponentSize as ComponentSize$1 } from "../sizing/index.js";
-import "../index.js";
 import { UseMobileDetectionReturn } from "@lumeweb/portal-framework-ui-core";
 
 //#region src/components/data-table/useMobileDetection.d.ts

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

@@ -1,38 +1,32 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
 import { ComponentSize as ComponentSize$1 } from "../sizing/index.js";
-import { init_components } from "../index.js";
+import "../index.js";
 import { useMobileDetection as useMobileDetection$1 } from "@lumeweb/portal-framework-ui-core";
 
 //#region src/components/data-table/useMobileDetection.ts
+const breakpointSizeMap = {
+	["2xl"]: "2xl",
+	["3xl"]: "3xl",
+	["4xl"]: "4xl",
+	["5xl"]: "5xl",
+	["6xl"]: "6xl",
+	["7xl"]: "7xl",
+	["auto"]: "auto",
+	["full"]: "full",
+	["lg"]: "lg",
+	["md"]: "md",
+	["sm"]: "sm",
+	["xl"]: "xl",
+	["xs"]: "xs"
+};
 /**
 * Hook to detect mobile viewport based on Tailwind CSS breakpoints
 * @param props.mobileBreakpoint - The breakpoint at which to consider the viewport mobile
 * @returns isMobile state and current breakpoint
 */
-function useMobileDetection({ mobileBreakpoint = ComponentSize$1.SM } = {}) {
+function useMobileDetection({ mobileBreakpoint = "sm" } = {}) {
 	return useMobileDetection$1({ breakpoint: Object.values(ComponentSize$1).includes(mobileBreakpoint) ? breakpointSizeMap[mobileBreakpoint] : mobileBreakpoint });
 }
-var breakpointSizeMap;
-var init_useMobileDetection = __esmMin(() => {
-	init_components();
-	breakpointSizeMap = {
-		[ComponentSize$1.TWO_XL]: "2xl",
-		[ComponentSize$1.THREE_XL]: "3xl",
-		[ComponentSize$1.FOUR_XL]: "4xl",
-		[ComponentSize$1.FIVE_XL]: "5xl",
-		[ComponentSize$1.SIX_XL]: "6xl",
-		[ComponentSize$1.SEVEN_XL]: "7xl",
-		[ComponentSize$1.AUTO]: "auto",
-		[ComponentSize$1.FULL]: "full",
-		[ComponentSize$1.LG]: "lg",
-		[ComponentSize$1.MD]: "md",
-		[ComponentSize$1.SM]: "sm",
-		[ComponentSize$1.XL]: "xl",
-		[ComponentSize$1.XS]: "xs"
-	};
-});
 
 //#endregion
-init_useMobileDetection();
-export { init_useMobileDetection, useMobileDetection };
+export { useMobileDetection };
 //# sourceMappingURL=useMobileDetection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMobileDetection.js","names":["ComponentSize","useCoreMobileDetection"],"sources":["../../../../src/components/data-table/useMobileDetection.ts"],"sourcesContent":["import { useMobileDetection as useCoreMobileDetection, type UseMobileDetectionReturn } from \"@lumeweb/portal-framework-ui-core\";\nimport { ComponentSize } from \"@/components\";\n\ninterface UseMobileDetectionProps {\n  mobileBreakpoint?: ComponentSize | string;\n}\n\n// Map ComponentSize breakpoints to Tailwind CSS breakpoint names\nconst breakpointSizeMap: Record<ComponentSize, string> = {\n  [ComponentSize.TWO_XL]: \"2xl\",\n  [ComponentSize.THREE_XL]: \"3xl\",\n  [ComponentSize.FOUR_XL]: \"4xl\",\n  [ComponentSize.FIVE_XL]: \"5xl\",\n  [ComponentSize.SIX_XL]: \"6xl\",\n  [ComponentSize.SEVEN_XL]: \"7xl\",\n  [ComponentSize.AUTO]: \"auto\",\n  [ComponentSize.FULL]: \"full\",\n  [ComponentSize.LG]: \"lg\",\n  [ComponentSize.MD]: \"md\",\n  [ComponentSize.SM]: \"sm\",\n  [ComponentSize.XL]: \"xl\",\n  [ComponentSize.XS]: \"xs\",\n};\n\n/**\n * Hook to detect mobile viewport based on Tailwind CSS breakpoints\n * @param props.mobileBreakpoint - The breakpoint at which to consider the viewport mobile\n * @returns isMobile state and current breakpoint\n */\nfunction useMobileDetection({\n  mobileBreakpoint = ComponentSize.SM,\n}: UseMobileDetectionProps = {}): UseMobileDetectionReturn {\n  // Convert ComponentSize to Tailwind breakpoint name if needed\n  const breakpointName = Object.values(ComponentSize).includes(\n    mobileBreakpoint as ComponentSize,\n  )\n    ? breakpointSizeMap[mobileBreakpoint as ComponentSize]\n    : mobileBreakpoint;\n\n  return useCoreMobileDetection({ breakpoint: breakpointName });\n}\n\nexport { useMobileDetection };\n"],"mappings":";;;;;;;;;;;AA6BA,SAAS,mBAAmB,EAC1B,mBAAmBA,gBAAc,OACN,EAAE,EAA4B;AAQzD,QAAOC,qBAAuB,EAAE,YANT,OAAO,OAAOD,gBAAc,CAAC,SAClD,iBACD,GACG,kBAAkB,oBAClB,kBAEwD,CAAC;;;;kBAtClB;CAOvC,oBAAmD;GACtDA,gBAAc,SAAS;GACvBA,gBAAc,WAAW;GACzBA,gBAAc,UAAU;GACxBA,gBAAc,UAAU;GACxBA,gBAAc,SAAS;GACvBA,gBAAc,WAAW;GACzBA,gBAAc,OAAO;GACrBA,gBAAc,OAAO;GACrBA,gBAAc,KAAK;GACnBA,gBAAc,KAAK;GACnBA,gBAAc,KAAK;GACnBA,gBAAc,KAAK;GACnBA,gBAAc,KAAK;EACrB"}
+{"version":3,"file":"useMobileDetection.js","names":["useCoreMobileDetection","ComponentSize"],"sources":["../../../../src/components/data-table/useMobileDetection.ts"],"sourcesContent":["import { useMobileDetection as useCoreMobileDetection, type UseMobileDetectionReturn } from \"@lumeweb/portal-framework-ui-core\";\nimport { ComponentSize } from \"@/components\";\n\ninterface UseMobileDetectionProps {\n  mobileBreakpoint?: ComponentSize | string;\n}\n\n// Map ComponentSize breakpoints to Tailwind CSS breakpoint names\nconst breakpointSizeMap: Record<ComponentSize, string> = {\n  [ComponentSize.TWO_XL]: \"2xl\",\n  [ComponentSize.THREE_XL]: \"3xl\",\n  [ComponentSize.FOUR_XL]: \"4xl\",\n  [ComponentSize.FIVE_XL]: \"5xl\",\n  [ComponentSize.SIX_XL]: \"6xl\",\n  [ComponentSize.SEVEN_XL]: \"7xl\",\n  [ComponentSize.AUTO]: \"auto\",\n  [ComponentSize.FULL]: \"full\",\n  [ComponentSize.LG]: \"lg\",\n  [ComponentSize.MD]: \"md\",\n  [ComponentSize.SM]: \"sm\",\n  [ComponentSize.XL]: \"xl\",\n  [ComponentSize.XS]: \"xs\",\n};\n\n/**\n * Hook to detect mobile viewport based on Tailwind CSS breakpoints\n * @param props.mobileBreakpoint - The breakpoint at which to consider the viewport mobile\n * @returns isMobile state and current breakpoint\n */\nfunction useMobileDetection({\n  mobileBreakpoint = ComponentSize.SM,\n}: UseMobileDetectionProps = {}): UseMobileDetectionReturn {\n  // Convert ComponentSize to Tailwind breakpoint name if needed\n  const breakpointName = Object.values(ComponentSize).includes(\n    mobileBreakpoint as ComponentSize,\n  )\n    ? breakpointSizeMap[mobileBreakpoint as ComponentSize]\n    : mobileBreakpoint;\n\n  return useCoreMobileDetection({ breakpoint: breakpointName });\n}\n\nexport { useMobileDetection };\n"],"mappings":";;;;;AAQA,MAAM,oBAAmD;UAC/B;UACE;UACD;UACA;UACD;UACE;WACJ;WACA;SACF;SACA;SACA;SACA;SACA;CACrB;;;;;;AAOD,SAAS,mBAAmB,EAC1B,4BAC2B,EAAE,EAA4B;AAQzD,QAAOA,qBAAuB,EAAE,YANT,OAAO,OAAOC,gBAAc,CAAC,SAClD,iBACD,GACG,kBAAkB,oBAClB,kBAEwD,CAAC"}

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

@@ -1,4 +1,3 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
 import { cn, useMobileDetection } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 
@@ -64,9 +63,7 @@ function useTableHeaderCellHandlers() {
 		return { className: cn(header.column.columnDef.meta?.headerClassName) };
 	}, []);
 }
-var init_useTableHandlers = __esmMin(() => {});
 
 //#endregion
-init_useTableHandlers();
-export { init_useTableHandlers, useMobileColumnHiding, useTableCellHandlers, useTableHeaderCellHandlers, useTableRowHandlers };
+export { useMobileColumnHiding, useTableCellHandlers, useTableHeaderCellHandlers, useTableRowHandlers };
 //# sourceMappingURL=useTableHandlers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTableHandlers.js","names":[],"sources":["../../../../src/components/data-table/useTableHandlers.ts"],"sourcesContent":["import { Cell, Row } from \"@tanstack/react-table\";\nimport { cn, useMobileDetection } from \"@lumeweb/portal-framework-ui-core\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport React from \"react\";\n\ninterface UseTableRowHandlersProps<TData extends BaseRecord> {\n  onRowClick?: (row: Row<TData>) => void;\n  getRowProps?: (row: Row<TData>) => React.HTMLAttributes<HTMLTableRowElement>;\n}\n\ninterface UseTableCellHandlersProps<TData extends BaseRecord> {\n  getCellProps?: (\n    cell: Cell<TData, unknown>,\n  ) => React.HTMLAttributes<HTMLTableCellElement>;\n}\n\ninterface UseMobileColumnHidingProps {\n  responsive?: boolean | { hideOnMobile?: boolean };\n  hideColumnsOnMobile?: string[];\n}\n\n/**\n * Type for the header cell handler function\n */\ntype HeaderCellHandler = (header: {\n  column: { columnDef: { meta?: { headerClassName?: string } } };\n}) => React.HTMLAttributes<HTMLTableCellElement>;\n\n/**\n * Hook to generate row props with click handling and accessibility\n */\nexport function useTableRowHandlers<TData extends BaseRecord>({\n  onRowClick,\n  getRowProps,\n}: UseTableRowHandlersProps<TData>): (\n  row: Row<TData>,\n) => React.HTMLAttributes<HTMLTableRowElement> {\n  return React.useCallback(\n    (row: Row<TData>) => {\n      const baseProps = getRowProps?.(row) || {};\n\n      if (!onRowClick) {\n        return baseProps;\n      }\n\n      return {\n        ...baseProps,\n        onClick: () => onRowClick(row),\n        tabIndex: 0,\n        role: \"button\" as const,\n        onKeyDown: (e: React.KeyboardEvent) => {\n          if (e.key === \"Enter\" || e.key === \" \") {\n            if (e.key === \" \") {\n              e.preventDefault();\n            }\n            onRowClick(row);\n          }\n        },\n        className: cn(\"cursor-pointer hover:bg-muted\", baseProps.className),\n      };\n    },\n    [onRowClick, getRowProps],\n  );\n}\n\n/**\n * Hook to generate cell props with meta class names\n */\nexport function useTableCellHandlers<TData extends BaseRecord>({\n  getCellProps,\n}: UseTableCellHandlersProps<TData>): (\n  cell: Cell<TData, unknown>,\n) => React.HTMLAttributes<HTMLTableCellElement> {\n  return React.useCallback(\n    (cell: Cell<TData, unknown>) => {\n      const baseProps = getCellProps?.(cell) || {};\n\n      return {\n        ...baseProps,\n        className: cn(\n          cell.column.columnDef.meta?.cellClassName as string,\n          baseProps.className,\n        ),\n      };\n    },\n    [getCellProps],\n  );\n}\n\n/**\n * Hook to determine which columns should be hidden on mobile\n */\nexport function useMobileColumnHiding({\n  responsive = false,\n  hideColumnsOnMobile = [],\n}: UseMobileColumnHidingProps): Set<string> {\n  const isMobile = useMobileDetection();\n\n  return React.useMemo(() => {\n    if (!responsive) {\n      return new Set();\n    }\n\n    const hiddenColumns = new Set<string>();\n\n    if (isMobile) {\n      if (typeof responsive === \"boolean\") {\n        // If responsive is true, hide all columns in hideColumnsOnMobile\n        hideColumnsOnMobile.forEach((id) => hiddenColumns.add(id));\n      } else {\n        // If responsive is an object with hideOnMobile property\n        if (responsive.hideOnMobile) {\n          hideColumnsOnMobile.forEach((id) => hiddenColumns.add(id));\n        }\n      }\n    }\n    return hiddenColumns;\n  }, [responsive, isMobile, hideColumnsOnMobile]);\n}\n\n/**\n * Hook to generate header cell props with meta class names\n */\nexport function useTableHeaderCellHandlers(): HeaderCellHandler {\n  return React.useCallback((header) => {\n    return {\n      className: cn(header.column.columnDef.meta?.headerClassName as string),\n    };\n  }, []);\n}\n"],"mappings":";;;;;;;;AA+BA,SAAgB,oBAA8C,EAC5D,YACA,eAG6C;AAC7C,QAAO,MAAM,aACV,QAAoB;EACnB,MAAM,YAAY,cAAc,IAAI,IAAI,EAAE;AAE1C,MAAI,CAAC,WACH,QAAO;AAGT,SAAO;GACL,GAAG;GACH,eAAe,WAAW,IAAI;GAC9B,UAAU;GACV,MAAM;GACN,YAAY,MAA2B;AACrC,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,SAAI,EAAE,QAAQ,IACZ,GAAE,gBAAgB;AAEpB,gBAAW,IAAI;;;GAGnB,WAAW,GAAG,iCAAiC,UAAU,UAAU;GACpE;IAEH,CAAC,YAAY,YAAY,CAC1B;;;;;AAMH,SAAgB,qBAA+C,EAC7D,gBAG8C;AAC9C,QAAO,MAAM,aACV,SAA+B;EAC9B,MAAM,YAAY,eAAe,KAAK,IAAI,EAAE;AAE5C,SAAO;GACL,GAAG;GACH,WAAW,GACT,KAAK,OAAO,UAAU,MAAM,eAC5B,UAAU,UACX;GACF;IAEH,CAAC,aAAa,CACf;;;;;AAMH,SAAgB,sBAAsB,EACpC,aAAa,OACb,sBAAsB,EAAE,IACkB;CAC1C,MAAM,WAAW,oBAAoB;AAErC,QAAO,MAAM,cAAc;AACzB,MAAI,CAAC,WACH,wBAAO,IAAI,KAAK;EAGlB,MAAM,gCAAgB,IAAI,KAAa;AAEvC,MAAI,UACF;OAAI,OAAO,eAAe,UAExB,qBAAoB,SAAS,OAAO,cAAc,IAAI,GAAG,CAAC;YAGtD,WAAW,aACb,qBAAoB,SAAS,OAAO,cAAc,IAAI,GAAG,CAAC;;AAIhE,SAAO;IACN;EAAC;EAAY;EAAU;EAAoB,CAAC;;;;;AAMjD,SAAgB,6BAAgD;AAC9D,QAAO,MAAM,aAAa,WAAW;AACnC,SAAO,EACL,WAAW,GAAG,OAAO,OAAO,UAAU,MAAM,gBAA0B,EACvE;IACA,EAAE,CAAC"}
+{"version":3,"file":"useTableHandlers.js","names":[],"sources":["../../../../src/components/data-table/useTableHandlers.ts"],"sourcesContent":["import { Cell, Row } from \"@tanstack/react-table\";\nimport { cn, useMobileDetection } from \"@lumeweb/portal-framework-ui-core\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport React from \"react\";\n\ninterface UseTableRowHandlersProps<TData extends BaseRecord> {\n  onRowClick?: (row: Row<TData>) => void;\n  getRowProps?: (row: Row<TData>) => React.HTMLAttributes<HTMLTableRowElement>;\n}\n\ninterface UseTableCellHandlersProps<TData extends BaseRecord> {\n  getCellProps?: (\n    cell: Cell<TData, unknown>,\n  ) => React.HTMLAttributes<HTMLTableCellElement>;\n}\n\ninterface UseMobileColumnHidingProps {\n  responsive?: boolean | { hideOnMobile?: boolean };\n  hideColumnsOnMobile?: string[];\n}\n\n/**\n * Type for the header cell handler function\n */\ntype HeaderCellHandler = (header: {\n  column: { columnDef: { meta?: { headerClassName?: string } } };\n}) => React.HTMLAttributes<HTMLTableCellElement>;\n\n/**\n * Hook to generate row props with click handling and accessibility\n */\nexport function useTableRowHandlers<TData extends BaseRecord>({\n  onRowClick,\n  getRowProps,\n}: UseTableRowHandlersProps<TData>): (\n  row: Row<TData>,\n) => React.HTMLAttributes<HTMLTableRowElement> {\n  return React.useCallback(\n    (row: Row<TData>) => {\n      const baseProps = getRowProps?.(row) || {};\n\n      if (!onRowClick) {\n        return baseProps;\n      }\n\n      return {\n        ...baseProps,\n        onClick: () => onRowClick(row),\n        tabIndex: 0,\n        role: \"button\" as const,\n        onKeyDown: (e: React.KeyboardEvent) => {\n          if (e.key === \"Enter\" || e.key === \" \") {\n            if (e.key === \" \") {\n              e.preventDefault();\n            }\n            onRowClick(row);\n          }\n        },\n        className: cn(\"cursor-pointer hover:bg-muted\", baseProps.className),\n      };\n    },\n    [onRowClick, getRowProps],\n  );\n}\n\n/**\n * Hook to generate cell props with meta class names\n */\nexport function useTableCellHandlers<TData extends BaseRecord>({\n  getCellProps,\n}: UseTableCellHandlersProps<TData>): (\n  cell: Cell<TData, unknown>,\n) => React.HTMLAttributes<HTMLTableCellElement> {\n  return React.useCallback(\n    (cell: Cell<TData, unknown>) => {\n      const baseProps = getCellProps?.(cell) || {};\n\n      return {\n        ...baseProps,\n        className: cn(\n          cell.column.columnDef.meta?.cellClassName as string,\n          baseProps.className,\n        ),\n      };\n    },\n    [getCellProps],\n  );\n}\n\n/**\n * Hook to determine which columns should be hidden on mobile\n */\nexport function useMobileColumnHiding({\n  responsive = false,\n  hideColumnsOnMobile = [],\n}: UseMobileColumnHidingProps): Set<string> {\n  const isMobile = useMobileDetection();\n\n  return React.useMemo(() => {\n    if (!responsive) {\n      return new Set();\n    }\n\n    const hiddenColumns = new Set<string>();\n\n    if (isMobile) {\n      if (typeof responsive === \"boolean\") {\n        // If responsive is true, hide all columns in hideColumnsOnMobile\n        hideColumnsOnMobile.forEach((id) => hiddenColumns.add(id));\n      } else {\n        // If responsive is an object with hideOnMobile property\n        if (responsive.hideOnMobile) {\n          hideColumnsOnMobile.forEach((id) => hiddenColumns.add(id));\n        }\n      }\n    }\n    return hiddenColumns;\n  }, [responsive, isMobile, hideColumnsOnMobile]);\n}\n\n/**\n * Hook to generate header cell props with meta class names\n */\nexport function useTableHeaderCellHandlers(): HeaderCellHandler {\n  return React.useCallback((header) => {\n    return {\n      className: cn(header.column.columnDef.meta?.headerClassName as string),\n    };\n  }, []);\n}\n"],"mappings":";;;;;;;AA+BA,SAAgB,oBAA8C,EAC5D,YACA,eAG6C;AAC7C,QAAO,MAAM,aACV,QAAoB;EACnB,MAAM,YAAY,cAAc,IAAI,IAAI,EAAE;AAE1C,MAAI,CAAC,WACH,QAAO;AAGT,SAAO;GACL,GAAG;GACH,eAAe,WAAW,IAAI;GAC9B,UAAU;GACV,MAAM;GACN,YAAY,MAA2B;AACrC,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,SAAI,EAAE,QAAQ,IACZ,GAAE,gBAAgB;AAEpB,gBAAW,IAAI;;;GAGnB,WAAW,GAAG,iCAAiC,UAAU,UAAU;GACpE;IAEH,CAAC,YAAY,YAAY,CAC1B;;;;;AAMH,SAAgB,qBAA+C,EAC7D,gBAG8C;AAC9C,QAAO,MAAM,aACV,SAA+B;EAC9B,MAAM,YAAY,eAAe,KAAK,IAAI,EAAE;AAE5C,SAAO;GACL,GAAG;GACH,WAAW,GACT,KAAK,OAAO,UAAU,MAAM,eAC5B,UAAU,UACX;GACF;IAEH,CAAC,aAAa,CACf;;;;;AAMH,SAAgB,sBAAsB,EACpC,aAAa,OACb,sBAAsB,EAAE,IACkB;CAC1C,MAAM,WAAW,oBAAoB;AAErC,QAAO,MAAM,cAAc;AACzB,MAAI,CAAC,WACH,wBAAO,IAAI,KAAK;EAGlB,MAAM,gCAAgB,IAAI,KAAa;AAEvC,MAAI,UACF;OAAI,OAAO,eAAe,UAExB,qBAAoB,SAAS,OAAO,cAAc,IAAI,GAAG,CAAC;YAGtD,WAAW,aACb,qBAAoB,SAAS,OAAO,cAAc,IAAI,GAAG,CAAC;;AAIhE,SAAO;IACN;EAAC;EAAY;EAAU;EAAoB,CAAC;;;;;AAMjD,SAAgB,6BAAgD;AAC9D,QAAO,MAAM,aAAa,WAAW;AACnC,SAAO,EACL,WAAW,GAAG,OAAO,OAAO,UAAU,MAAM,gBAA0B,EACvE;IACA,EAAE,CAAC"}