@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

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

@@ -0,0 +1,32 @@
+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";
+
+//#region src/components/data-table/toolbarItems/filters/BaseFilter.tsx
+/**
+* BaseFilter provides common layout and styling for all filter components
+*/
+function BaseFilter({ label, children, className, config }) {
+	const filterLabel = config?.label || label;
+	if (filterLabel) return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col space-y-2", className),
+		children: [/* @__PURE__ */ jsx("label", {
+			className: "text-sm font-medium",
+			children: filterLabel
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex items-center space-x-2",
+			children
+		})]
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center", className),
+		children
+	});
+}
+var init_BaseFilter = __esmMin(() => {});
+
+//#endregion
+init_BaseFilter();
+export { BaseFilter, init_BaseFilter };
+//# sourceMappingURL=BaseFilter.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanFilter.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/BooleanFilter.tsx"],"sourcesContent":["import React from \"react\";\nimport { Switch } from \"@lumeweb/portal-framework-ui-core\";\nimport { BaseFilter } from \"../BaseFilter\";\nimport type { BaseFilterComponentProps } from \"@/components/data-table/toolbarItems/filters/types\";\nimport { BaseRecord } from \"@refinedev/core\";\n\nfunction BooleanFilter<TData extends BaseRecord>({\n  value,\n  onChange,\n  config,\n}: BaseFilterComponentProps<TData>) {\n  const handleChange = (checked: boolean) => {\n    if (onChange) {\n      onChange(checked);\n    }\n  };\n\n  const switchId = `boolean-filter-${config.name || config.id}`;\n  const label = config.itemLabel ?? config.label;\n\n  return (\n    <BaseFilter config={config}>\n      <div className=\"flex items-center space-x-2\">\n        <Switch\n          id={switchId}\n          checked={value === true}\n          onCheckedChange={handleChange}\n          disabled={config.disabled || false}\n          aria-label={label}\n        />\n        <label htmlFor={switchId} className=\"text-sm font-medium\">{label}</label>\n      </div>\n    </BaseFilter>\n  );\n}\n\nexport { BooleanFilter };\n"],"mappings":";;;;;;;AAMA,SAAS,cAAwC,EAC/C,OACA,UACA,UACkC;CAClC,MAAM,gBAAgB,YAAqB;AACzC,MAAI,SACF,UAAS,QAAQ;;CAIrB,MAAM,WAAW,kBAAkB,OAAO,QAAQ,OAAO;CACzD,MAAM,QAAQ,OAAO,aAAa,OAAO;AAEzC,QACE,oBAAC;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"}

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

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

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

@@ -0,0 +1,30 @@
+import { __esmMin } from "../../../../../_virtual/rolldown_runtime.js";
+import { BaseFilter, init_BaseFilter } from "../BaseFilter.js";
+import { Input } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/data-table/toolbarItems/filters/components/DateFilter.tsx
+function DateFilter({ value, onChange, config }) {
+	const handleChange = (e) => {
+		if (onChange) onChange(e.target.value);
+	};
+	return /* @__PURE__ */ jsx(BaseFilter, {
+		config,
+		children: /* @__PURE__ */ jsx(Input, {
+			type: "date",
+			placeholder: config.placeholder || "Select date...",
+			value: value || "",
+			onChange: handleChange,
+			disabled: config.disabled || false
+		})
+	});
+}
+var init_DateFilter = __esmMin(() => {
+	init_BaseFilter();
+});
+
+//#endregion
+init_DateFilter();
+export { DateFilter, init_DateFilter };
+//# sourceMappingURL=DateFilter.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,49 @@
+import { __esmMin } from "../../../../../_virtual/rolldown_runtime.js";
+import { BaseFilter, init_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";
+
+//#region src/components/data-table/toolbarItems/filters/components/MultiSelectFilter.tsx
+function MultiSelectFilter({ value = [], onChange, config }) {
+	const [selectedValues, setSelectedValues] = useState(value);
+	const containerRef = useRef(null);
+	useEffect(() => {
+		setSelectedValues(value ?? []);
+	}, [value]);
+	const handleCheckboxChange = (checked, optionValue) => {
+		let newValues;
+		if (checked) newValues = [...selectedValues, optionValue];
+		else newValues = selectedValues.filter((val) => val !== optionValue);
+		setSelectedValues(newValues);
+		if (onChange) onChange(newValues);
+	};
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(BaseFilter, {
+		config,
+		children: /* @__PURE__ */ jsx("div", {
+			ref: containerRef,
+			className: "space-y-2",
+			children: config.options?.map((option) => /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center space-x-2",
+				children: [/* @__PURE__ */ jsx(Checkbox, {
+					id: `checkbox-${config.id}-${option.value}`,
+					checked: selectedValues.includes(option.value),
+					onCheckedChange: (checked) => handleCheckboxChange(checked, option.value),
+					disabled: config.disabled || false
+				}), /* @__PURE__ */ jsx(Label, {
+					htmlFor: `checkbox-${config.id}-${option.value}`,
+					className: "cursor-help text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+					children: option.label
+				})]
+			}, option.value))
+		})
+	}) });
+}
+var init_MultiSelectFilter = __esmMin(() => {
+	init_BaseFilter();
+});
+
+//#endregion
+init_MultiSelectFilter();
+export { MultiSelectFilter, init_MultiSelectFilter };
+//# sourceMappingURL=MultiSelectFilter.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,34 @@
+import { __esmMin } from "../../../../../_virtual/rolldown_runtime.js";
+import { BaseFilter, init_BaseFilter } from "../BaseFilter.js";
+import { Input } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/data-table/toolbarItems/filters/components/NumberFilter.tsx
+function NumberFilter({ value, onChange, config }) {
+	const handleChange = (e) => {
+		const numValue = e.target.value === "" ? void 0 : Number(e.target.value);
+		if (onChange) onChange(numValue);
+	};
+	return /* @__PURE__ */ jsx(BaseFilter, {
+		config,
+		children: /* @__PURE__ */ jsx(Input, {
+			type: "number",
+			placeholder: config.placeholder || "Enter number...",
+			value: value || "",
+			onChange: handleChange,
+			disabled: config.disabled || false,
+			min: config.min,
+			max: config.max,
+			step: config.step
+		})
+	});
+}
+var init_NumberFilter = __esmMin(() => {
+	init_BaseFilter();
+});
+
+//#endregion
+init_NumberFilter();
+export { NumberFilter, init_NumberFilter };
+//# sourceMappingURL=NumberFilter.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,66 @@
+import { __esmMin } from "../../../../../_virtual/rolldown_runtime.js";
+import { BaseFilter, init_BaseFilter } from "../BaseFilter.js";
+import { Input } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/data-table/toolbarItems/filters/components/RangeFilter.tsx
+function RangeFilter({ value = {}, onChange, config }) {
+	const rangeValue = value;
+	const handleMinChange = (e) => {
+		const parsed = Number(e.target.value);
+		const min = e.target.value === "" || isNaN(parsed) ? void 0 : parsed;
+		if (onChange) onChange({
+			...rangeValue,
+			min
+		});
+	};
+	const handleMaxChange = (e) => {
+		const parsed = Number(e.target.value);
+		const max = e.target.value === "" || isNaN(parsed) ? void 0 : parsed;
+		if (onChange) onChange({
+			...rangeValue,
+			max
+		});
+	};
+	return /* @__PURE__ */ jsx(BaseFilter, {
+		config,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center space-x-2",
+			children: [
+				/* @__PURE__ */ jsx(Input, {
+					type: "number",
+					placeholder: config.minPlaceholder || "Min",
+					value: rangeValue.min ?? "",
+					onChange: handleMinChange,
+					disabled: config.disabled || false,
+					className: "w-full",
+					min: config.min,
+					max: config.max
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "text-sm font-medium",
+					children: "to"
+				}),
+				/* @__PURE__ */ jsx(Input, {
+					type: "number",
+					placeholder: config.maxPlaceholder || "Max",
+					value: rangeValue.max ?? "",
+					onChange: handleMaxChange,
+					disabled: config.disabled || false,
+					className: "w-full",
+					min: config.min,
+					max: config.max
+				})
+			]
+		})
+	});
+}
+var init_RangeFilter = __esmMin(() => {
+	init_BaseFilter();
+});
+
+//#endregion
+init_RangeFilter();
+export { RangeFilter, init_RangeFilter };
+//# sourceMappingURL=RangeFilter.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,38 @@
+import { __esmMin } from "../../../../../_virtual/rolldown_runtime.js";
+import { BaseFilter, init_BaseFilter } from "../BaseFilter.js";
+import { Input } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Search } from "lucide-react";
+
+//#region src/components/data-table/toolbarItems/filters/components/SearchFilter.tsx
+function SearchFilter({ value, onChange, config }) {
+	const handleChange = (e) => {
+		if (onChange) onChange(e.target.value);
+	};
+	return /* @__PURE__ */ jsx(BaseFilter, {
+		config,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ jsx(Search, {
+				className: "absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 transform text-gray-400",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ jsx(Input, {
+				type: "text",
+				placeholder: config.placeholder || "Search...",
+				value: value || "",
+				onChange: handleChange,
+				disabled: config.disabled || false,
+				className: "pl-8"
+			})]
+		})
+	});
+}
+var init_SearchFilter = __esmMin(() => {
+	init_BaseFilter();
+});
+
+//#endregion
+init_SearchFilter();
+export { SearchFilter, init_SearchFilter };
+//# sourceMappingURL=SearchFilter.js.map

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

@@ -0,0 +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"}

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

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