@lumeweb/portal-framework-ui 0.0.1 → 0.1.1

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

@@ -0,0 +1,25 @@
+import { 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
+		})
+	});
+}
+
+//#endregion
+export { 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,YAAD;EAAoB;YAClB,oBAAC,OAAD;GACE,MAAK;GACL,aAAa,OAAO,eAAe;GACnC,OAAO,SAAS;GAChB,UAAU;GACV,UAAU,OAAO,YAAY;GAC7B;EACS"}

package/dist/esm/components/data-table/toolbarItems/filters/components/MultiSelectFilter.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,44 @@
+import { BaseFilter } from "../BaseFilter.js";
+import { Checkbox, Label, TooltipProvider } from "@lumeweb/portal-framework-ui-core";
+import React, { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#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))
+		})
+	}) });
+}
+
+//#endregion
+export { 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,iBAAD,YACE,oBAAC,YAAD;EAAoB;YAClB,oBAAC,OAAD;GAAK,KAAK;GAAc,WAAU;aAC/B,OAAO,SAAS,KAAK,WACpB,qBAAC,OAAD;IAEE,WAAU;cAFZ,CAOE,oBAAC,UAAD;KACE,IAAI,YAAY,OAAO,GAAG,GAAG,OAAO;KACpC,SAAS,eAAe,SAAS,OAAO,MAAM;KAC9C,kBAAkB,YAChB,qBAAqB,SAAoB,OAAO,MAAM;KAExD,UAAU,OAAO,YAAY;KAC7B,GACF,oBAAC,OAAD;KACE,SAAS,YAAY,OAAO,GAAG,GAAG,OAAO;KACzC,WAAU;eACT,OAAO;KACF,EACJ;MAnBC,OAAO,MAmBR,CACN;GAgBE;EACK,GACG"}

package/dist/esm/components/data-table/toolbarItems/filters/components/NumberFilter.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,29 @@
+import { 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
+		})
+	});
+}
+
+//#endregion
+export { 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,YAAD;EAAoB;YAClB,oBAAC,OAAD;GACE,MAAK;GACL,aAAa,OAAO,eAAe;GACnC,OAAO,SAAS;GAChB,UAAU;GACV,UAAU,OAAO,YAAY;GAC7B,KAAK,OAAO;GACZ,KAAK,OAAO;GACZ,MAAM,OAAO;GACb;EACS"}

package/dist/esm/components/data-table/toolbarItems/filters/components/RangeFilter.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,61 @@
+import { 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
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { 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,YAAD;EAAoB;YAClB,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,oBAAC,OAAD;KACE,MAAK;KACL,aAAa,OAAO,kBAAkB;KACtC,OAAO,WAAW,OAAO;KACzB,UAAU;KACV,UAAU,OAAO,YAAY;KAC7B,WAAU;KACV,KAAK,OAAO;KACZ,KAAK,OAAO;KACZ;IACF,oBAAC,QAAD;KAAM,WAAU;eAAsB;KAAS;IAC/C,oBAAC,OAAD;KACE,MAAK;KACL,aAAa,OAAO,kBAAkB;KACtC,OAAO,WAAW,OAAO;KACzB,UAAU;KACV,UAAU,OAAO,YAAY;KAC7B,WAAU;KACV,KAAK,OAAO;KACZ,KAAK,OAAO;KACZ;IACE;;EACK"}

package/dist/esm/components/data-table/toolbarItems/filters/components/SearchFilter.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,33 @@
+import { 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"
+			})]
+		})
+	});
+}
+
+//#endregion
+export { 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,YAAD;EAAoB;YAClB,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,QAAD;IAAQ,WAAU;IAA2E,eAAY;IAAS,GAClH,oBAAC,OAAD;IACE,MAAK;IACL,aAAa,OAAO,eAAe;IACnC,OAAO,SAAS;IAChB,UAAU;IACV,UAAU,OAAO,YAAY;IAC7B,WAAU;IACV,EACE;;EACK"}

package/dist/esm/components/data-table/toolbarItems/filters/components/SelectFilter.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

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

@@ -0,0 +1,95 @@
+import { BaseFilter } from "../BaseFilter.js";
+import { Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, TooltipProvider, cn } from "@lumeweb/portal-framework-ui-core";
+import React, { useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import * as DropdownMenu$1 from "@radix-ui/react-dropdown-menu";
+
+//#region src/components/data-table/toolbarItems/filters/components/SelectFilter.tsx
+function SelectFilter({ value, onChange, config, itemLabel }) {
+	const [isExpanded, setIsExpanded] = useState(false);
+	const selectContentRef = useRef(null);
+	const selectTriggerRef = useRef(null);
+	const containerRef = useRef(null);
+	const options = config.includeAllOption ? [{
+		label: `All ${itemLabel || "Items"}`,
+		value: "all"
+	}, ...config.options || []] : config.options || [];
+	const controlledValue = value === void 0 && config.includeAllOption ? "all" : value;
+	const handleChange = (val) => {
+		if (onChange) if (config.includeAllOption && val === "all") onChange(void 0);
+		else onChange(val);
+		if (config.dropdownStyle) setIsExpanded(false);
+	};
+	const triggerLabel = options.find((option) => option.value === controlledValue)?.label || itemLabel || config.placeholder || "Select option...";
+	if (config.dropdownStyle) return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(BaseFilter, {
+		config,
+		label: itemLabel,
+		children: /* @__PURE__ */ jsx("div", {
+			ref: containerRef,
+			className: "relative",
+			children: /* @__PURE__ */ jsxs(DropdownMenu$1.Root, {
+				open: isExpanded,
+				onOpenChange: setIsExpanded,
+				children: [/* @__PURE__ */ jsx(DropdownMenu$1.Trigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsxs(Button, {
+						ref: selectTriggerRef,
+						variant: "ghost",
+						className: "hover:bg-muted h-auto w-full justify-start p-3",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "flex-1 text-left font-medium",
+							children: triggerLabel
+						}), /* @__PURE__ */ jsx(ChevronDown, { className: cn("h-4 w-4 transition-transform duration-200 ease-in-out", isExpanded ? "rotate-180" : "rotate-0") })]
+					})
+				}), /* @__PURE__ */ jsx(DropdownMenu$1.Portal, { children: /* @__PURE__ */ jsx(DropdownMenu$1.Content, {
+					ref: selectContentRef,
+					className: "bg-background rounded-lg border p-3 shadow-lg",
+					side: "bottom",
+					align: "start",
+					sideOffset: 5,
+					children: /* @__PURE__ */ jsxs(Select, {
+						value: controlledValue,
+						onValueChange: handleChange,
+						disabled: config.disabled || false,
+						children: [/* @__PURE__ */ jsx(SelectTrigger, {
+							className: "w-full",
+							children: /* @__PURE__ */ jsx(SelectValue, { placeholder: config.placeholder || "Select option..." })
+						}), /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+							value: option.value,
+							children: option.label
+						}, option.value)) })]
+					})
+				}) })]
+			})
+		})
+	}) });
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(BaseFilter, {
+		config,
+		label: itemLabel,
+		children: /* @__PURE__ */ jsx("div", {
+			ref: containerRef,
+			className: "relative",
+			children: /* @__PURE__ */ jsxs(Select, {
+				value: controlledValue,
+				onValueChange: handleChange,
+				disabled: config.disabled || false,
+				children: [/* @__PURE__ */ jsx(SelectTrigger, {
+					ref: selectTriggerRef,
+					className: "w-full",
+					children: /* @__PURE__ */ jsx(SelectValue, { placeholder: config.placeholder || "Select option..." })
+				}), /* @__PURE__ */ jsx(SelectContent, {
+					ref: selectContentRef,
+					children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+						value: option.value,
+						children: option.label
+					}, option.value))
+				})]
+			})
+		})
+	}) });
+}
+
+//#endregion
+export { SelectFilter };
+//# sourceMappingURL=SelectFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFilter.js","names":["DropdownMenu"],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/SelectFilter.tsx"],"sourcesContent":["import React, { useState, useRef } from \"react\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport { BaseFilter } from \"../BaseFilter\";\nimport type { BaseFilterComponentProps, SelectOption } from \"@/components/data-table/toolbarItems/filters/types\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport { ChevronDown } from \"lucide-react\";\nimport { Button } from \"@lumeweb/portal-framework-ui-core\";\nimport { cn } from \"@lumeweb/portal-framework-ui-core\";\n// TODO: Reimplement tooltip functionality\n// import { useFilterTooltip } from \"../hooks/useFilterTooltip\";\n\nfunction SelectFilter<TData extends BaseRecord>({\n  value,\n  onChange,\n  config,\n  itemLabel,\n}: BaseFilterComponentProps<TData>) {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const selectContentRef = useRef<HTMLDivElement>(null);\n  const selectTriggerRef = useRef<HTMLButtonElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  // TODO: Reimplement tooltip functionality\n  // const { activeTooltip, handleItemHover, handleItemLeave } = useFilterTooltip();\n\n  // Prepare options - add \"all\" option if includeAllOption is true\n  const options = config.includeAllOption\n    ? [\n        {\n          label: `All ${itemLabel || \"Items\"}`,\n          value: \"all\",\n        } as SelectOption,\n        ...(config.options || []),\n      ]\n    : config.options || [];\n\n  // Map undefined value to \"all\" for controlled component only when includeAllOption is true\n  const controlledValue = value === undefined && config.includeAllOption ? \"all\" : value;\n\n  const handleChange = (val: string) => {\n    if (onChange) {\n      // If \"all\" option is selected, pass undefined to indicate no filter\n      if (config.includeAllOption && val === \"all\") {\n        onChange(undefined);\n      } else {\n        onChange(val);\n      }\n    }\n    \n    // Close dropdown menu after selection when dropdownStyle is used\n    if (config.dropdownStyle) {\n      setIsExpanded(false);\n    }\n  };\n\n  // Get the selected option to show its description in the trigger\n  // When \"all\" is selected, we want to show the special \"all\" option label\n  const selectedOption = options.find((option) => option.value === controlledValue);\n\n  // TODO: Reimplement tooltip functionality\n  // const handleMouseEnter = (e: React.MouseEvent, optionValue: string) => {\n  //   const option = 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  // Compute proper trigger label that displays \"All …\" when value is \"all\" or undefined\n  const triggerLabel = selectedOption?.label || itemLabel || config.placeholder || \"Select option...\";\n\n  // If dropdownStyle is enabled, render as a dropdown menu\n  if (config.dropdownStyle) {\n    return (\n      <TooltipProvider>\n        <BaseFilter config={config} label={itemLabel}>\n          <div ref={containerRef} className=\"relative\">\n            <DropdownMenu.Root open={isExpanded} onOpenChange={setIsExpanded}>\n              <DropdownMenu.Trigger asChild>\n                <Button\n                  ref={selectTriggerRef}\n                  variant=\"ghost\"\n                  className=\"hover:bg-muted h-auto w-full justify-start p-3\">\n                  <span className=\"flex-1 text-left font-medium\">\n                    {triggerLabel}\n                  </span>\n                  <ChevronDown\n                    className={cn(\n                      \"h-4 w-4 transition-transform duration-200 ease-in-out\",\n                      isExpanded ? \"rotate-180\" : \"rotate-0\",\n                    )}\n                  />\n                </Button>\n              </DropdownMenu.Trigger>\n\n              <DropdownMenu.Portal>\n                <DropdownMenu.Content\n                  ref={selectContentRef}\n                  className=\"bg-background rounded-lg border p-3 shadow-lg\"\n                  side=\"bottom\"\n                  align=\"start\"\n                  sideOffset={5}>\n                  <Select\n                    value={controlledValue}\n                    onValueChange={handleChange}\n                    disabled={config.disabled || false}>\n                    <SelectTrigger className=\"w-full\">\n                      <SelectValue\n                        placeholder={config.placeholder || \"Select option...\"}\n                      />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {options.map((option) => (\n                        <SelectItem\n                          key={option.value}\n                          value={option.value}\n                          // TODO: Reimplement tooltip functionality\n                          // onMouseEnter={(e) => handleMouseEnter(e, option.value)}\n                          // onMouseLeave={handleMouseLeave}\n                          >\n                          {option.label}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                </DropdownMenu.Content>\n              </DropdownMenu.Portal>\n            </DropdownMenu.Root>\n          </div>\n        </BaseFilter>\n      </TooltipProvider>\n    );\n  }\n\n  // Default inline behavior\n  return (\n    <TooltipProvider>\n      <BaseFilter config={config} label={itemLabel}>\n        <div ref={containerRef} className=\"relative\">\n          <Select\n            value={controlledValue}\n            onValueChange={handleChange}\n            disabled={config.disabled || false}>\n            <SelectTrigger\n              ref={selectTriggerRef}\n              className=\"w-full\">\n              <SelectValue placeholder={config.placeholder || \"Select option...\"} />\n            </SelectTrigger>\n            <SelectContent ref={selectContentRef}>\n              {options.map((option) => (\n                <SelectItem\n                  key={option.value}\n                  value={option.value}\n                  // TODO: Reimplement tooltip functionality\n                  // onMouseEnter={(e) => handleMouseEnter(e, option.value)}\n                  // onMouseLeave={handleMouseLeave}\n                  >\n                  {option.label}\n                </SelectItem>\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            </SelectContent>\n          </Select>\n        </div>\n      </BaseFilter>\n    </TooltipProvider>\n  );\n}\n\nexport { SelectFilter };\n"],"mappings":";;;;;;;;AAsBA,SAAS,aAAuC,EAC9C,OACA,UACA,QACA,aACkC;CAClC,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,mBAAmB,OAAuB,KAAK;CACrD,MAAM,mBAAmB,OAA0B,KAAK;CACxD,MAAM,eAAe,OAAuB,KAAK;CAKjD,MAAM,UAAU,OAAO,mBACnB,CACE;EACE,OAAO,OAAO,aAAa;EAC3B,OAAO;EACR,EACD,GAAI,OAAO,WAAW,EAAE,CACzB,GACD,OAAO,WAAW,EAAE;CAGxB,MAAM,kBAAkB,UAAU,UAAa,OAAO,mBAAmB,QAAQ;CAEjF,MAAM,gBAAgB,QAAgB;AACpC,MAAI,SAEF,KAAI,OAAO,oBAAoB,QAAQ,MACrC,UAAS,OAAU;MAEnB,UAAS,IAAI;AAKjB,MAAI,OAAO,cACT,eAAc,MAAM;;CAsBxB,MAAM,eAhBiB,QAAQ,MAAM,WAAW,OAAO,UAAU,gBAgB9B,EAAE,SAAS,aAAa,OAAO,eAAe;AAGjF,KAAI,OAAO,cACT,QACE,oBAAC,iBAAD,YACE,oBAAC,YAAD;EAAoB;EAAQ,OAAO;YACjC,oBAAC,OAAD;GAAK,KAAK;GAAc,WAAU;aAChC,qBAACA,eAAa,MAAd;IAAmB,MAAM;IAAY,cAAc;cAAnD,CACE,oBAACA,eAAa,SAAd;KAAsB;eACpB,qBAAC,QAAD;MACE,KAAK;MACL,SAAQ;MACR,WAAU;gBAHZ,CAIE,oBAAC,QAAD;OAAM,WAAU;iBACb;OACI,GACP,oBAAC,aAAD,EACE,WAAW,GACT,yDACA,aAAa,eAAe,WAC7B,EACD,EACK;;KACY,GAEvB,oBAACA,eAAa,QAAd,YACE,oBAACA,eAAa,SAAd;KACE,KAAK;KACL,WAAU;KACV,MAAK;KACL,OAAM;KACN,YAAY;eACZ,qBAAC,QAAD;MACE,OAAO;MACP,eAAe;MACf,UAAU,OAAO,YAAY;gBAH/B,CAIE,oBAAC,eAAD;OAAe,WAAU;iBACvB,oBAAC,aAAD,EACE,aAAa,OAAO,eAAe,oBACnC;OACY,GAChB,oBAAC,eAAD,YACG,QAAQ,KAAK,WACZ,oBAAC,YAAD;OAEE,OAAO,OAAO;iBAKb,OAAO;OACG,EAPN,OAAO,MAOD,CACb,EACY,EACT;;KACY,GACH,EACJ;;GAChB;EACK,GACG;AAKtB,QACE,oBAAC,iBAAD,YACE,oBAAC,YAAD;EAAoB;EAAQ,OAAO;YACjC,oBAAC,OAAD;GAAK,KAAK;GAAc,WAAU;aAChC,qBAAC,QAAD;IACE,OAAO;IACP,eAAe;IACf,UAAU,OAAO,YAAY;cAH/B,CAIE,oBAAC,eAAD;KACE,KAAK;KACL,WAAU;eACV,oBAAC,aAAD,EAAa,aAAa,OAAO,eAAe,oBAAsB;KACxD,GAChB,oBAAC,eAAD;KAAe,KAAK;eACjB,QAAQ,KAAK,WACZ,oBAAC,YAAD;MAEE,OAAO,OAAO;gBAKb,OAAO;MACG,EAPN,OAAO,MAOD,CACb;KAgBY,EACT;;GACL;EACK,GACG"}

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

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

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

@@ -0,0 +1,25 @@
+import { 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/TextFilter.tsx
+function TextFilter({ value, onChange, config }) {
+	const handleChange = (e) => {
+		if (onChange) onChange(e.target.value);
+	};
+	return /* @__PURE__ */ jsx(BaseFilter, {
+		config,
+		children: /* @__PURE__ */ jsx(Input, {
+			type: "text",
+			placeholder: config.placeholder || "Enter text...",
+			value: value || "",
+			onChange: handleChange,
+			disabled: config.disabled || false
+		})
+	});
+}
+
+//#endregion
+export { TextFilter };
+//# sourceMappingURL=TextFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFilter.js","names":[],"sources":["../../../../../../../src/components/data-table/toolbarItems/filters/components/TextFilter.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 TextFilter<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=\"text\"\n        placeholder={config.placeholder || \"Enter text...\"}\n        value={value || \"\"}\n        onChange={handleChange}\n        disabled={config.disabled || false}\n      />\n    </BaseFilter>\n  );\n}\n\nexport { TextFilter };\n"],"mappings":";;;;;;AAMA,SAAS,WAAqC,EAC5C,OACA,UACA,UACkC;CAClC,MAAM,gBAAgB,MAA2C;AAC/D,MAAI,SACF,UAAS,EAAE,OAAO,MAAM;;AAI5B,QACE,oBAAC,YAAD;EAAoB;YAClB,oBAAC,OAAD;GACE,MAAK;GACL,aAAa,OAAO,eAAe;GACnC,OAAO,SAAS;GAChB,UAAU;GACV,UAAU,OAAO,YAAY;GAC7B;EACS"}

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

@@ -0,0 +1,9 @@
+import { BooleanFilter } from "./BooleanFilter.js";
+import { DateFilter } from "./DateFilter.js";
+import { MultiSelectFilter, MultiSelectFilterProps } from "./MultiSelectFilter.js";
+import { NumberFilter } from "./NumberFilter.js";
+import { RangeFilter, RangeValue } from "./RangeFilter.js";
+import { SearchFilter } from "./SearchFilter.js";
+import { SelectFilter } from "./SelectFilter.js";
+import { TextFilter } from "./TextFilter.js";
+export { BooleanFilter, DateFilter, MultiSelectFilter, MultiSelectFilterProps, NumberFilter, RangeFilter, RangeValue, SearchFilter, SelectFilter, TextFilter };

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

@@ -0,0 +1,10 @@
+import { BooleanFilter } from "./BooleanFilter.js";
+import { DateFilter } from "./DateFilter.js";
+import { MultiSelectFilter } from "./MultiSelectFilter.js";
+import { NumberFilter } from "./NumberFilter.js";
+import { RangeFilter } from "./RangeFilter.js";
+import { SearchFilter } from "./SearchFilter.js";
+import { SelectFilter } from "./SelectFilter.js";
+import { TextFilter } from "./TextFilter.js";
+
+export { BooleanFilter, DateFilter, MultiSelectFilter, NumberFilter, RangeFilter, SearchFilter, SelectFilter, TextFilter };

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

@@ -0,0 +1,43 @@
+import { FilterOperator } from "../types.js";
+
+//#region src/components/data-table/toolbarItems/filters/hooks/useFilterOperators.d.ts
+/**
+ * Default operators mapping based on data types
+ */
+declare const DEFAULT_OPERATORS: Record<string, FilterOperator>;
+/**
+ * Get available operators for a specific field type
+ */
+declare const getAvailableOperators: (type: string) => FilterOperator[];
+/**
+ * Get default operator for a field type
+ * @param fieldType - The type of field to get default operator for
+ * @returns The default operator for the field type
+ */
+declare const getDefaultOperatorForFieldType: (fieldType: string) => FilterOperator;
+/**
+ * Get the default operator for a field type
+ */
+declare const getDefaultOperator: (type: string) => FilterOperator;
+/**
+ * Hook for managing filter operators with defaults based on filter type
+ *
+ * This hook provides a clean API for handling filter operators in components,
+ * automatically setting appropriate default operators based on the data type
+ * and allowing for custom operator selection.
+ *
+ * @template TData - The type of data being filtered
+ * @param fieldType - The type of field being filtered (string, number, boolean, date, array)
+ * @param initialOperator - Optional initial operator to override defaults
+ * @returns An object containing the current operator and setter function
+ */
+declare function useFilterOperators<TData = any>(fieldType: string, initialOperator?: FilterOperator): {
+  /** Current operator */operator: any; /** Setter function for operator */
+  setOperator: any; /** Function to get available operators for a field type */
+  getAvailableOperators: (type: string) => FilterOperator[]; /** Function to get default operator for a field type */
+  getDefaultOperator: (type: string) => FilterOperator; /** Function to reset operator to default */
+  resetOperator: () => void;
+};
+//#endregion
+export { DEFAULT_OPERATORS, getAvailableOperators, getDefaultOperator, getDefaultOperatorForFieldType, useFilterOperators };
+//# sourceMappingURL=useFilterOperators.d.ts.map

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

@@ -0,0 +1,102 @@
+import { FilterOperator } from "../types.js";
+import { useEffect, useState } from "react";
+
+//#region src/components/data-table/toolbarItems/filters/hooks/useFilterOperators.ts
+/**
+* Default operators mapping based on data types
+*/
+const DEFAULT_OPERATORS = {
+	string: "contains",
+	number: "eq",
+	boolean: "eq",
+	date: "gte",
+	array: "in"
+};
+/**
+* Get available operators for a specific field type
+*/
+const getAvailableOperators = (type) => {
+	switch (type) {
+		case "string": return [
+			"contains",
+			"eq",
+			"ne",
+			"startswith",
+			"endswith"
+		];
+		case "number": return [
+			"eq",
+			"ne",
+			"lt",
+			"gt",
+			"lte",
+			"gte"
+		];
+		case "boolean": return ["eq"];
+		case "date": return [
+			"eq",
+			"ne",
+			"lt",
+			"gt",
+			"lte",
+			"gte"
+		];
+		case "array": return ["in", "nin"];
+		default: return ["eq", "ne"];
+	}
+};
+/**
+* Get default operator for a field type
+* @param fieldType - The type of field to get default operator for
+* @returns The default operator for the field type
+*/
+const getDefaultOperatorForFieldType = (fieldType) => {
+	return DEFAULT_OPERATORS[fieldType] || "eq";
+};
+/**
+* Get the default operator for a field type
+*/
+const getDefaultOperator = (type) => {
+	return getDefaultOperatorForFieldType(type);
+};
+/**
+* Hook for managing filter operators with defaults based on filter type
+*
+* This hook provides a clean API for handling filter operators in components,
+* automatically setting appropriate default operators based on the data type
+* and allowing for custom operator selection.
+*
+* @template TData - The type of data being filtered
+* @param fieldType - The type of field being filtered (string, number, boolean, date, array)
+* @param initialOperator - Optional initial operator to override defaults
+* @returns An object containing the current operator and setter function
+*/
+function useFilterOperators(fieldType, initialOperator) {
+	const [operator, setOperator] = useState(initialOperator || DEFAULT_OPERATORS[fieldType] || "eq");
+	/**
+	* Reset operator to default for the field type
+	*/
+	const resetOperator = () => {
+		setOperator(getDefaultOperator(fieldType));
+	};
+	useEffect(() => {
+		if (initialOperator !== void 0) setOperator(initialOperator);
+		else setOperator(getDefaultOperator(fieldType));
+	}, [fieldType, initialOperator]);
+	return {
+		/** Current operator */
+		operator,
+		/** Setter function for operator */
+		setOperator,
+		/** Function to get available operators for a field type */
+		getAvailableOperators,
+		/** Function to get default operator for a field type */
+		getDefaultOperator,
+		/** Function to reset operator to default */
+		resetOperator
+	};
+}
+
+//#endregion
+export { DEFAULT_OPERATORS, getAvailableOperators, getDefaultOperator, getDefaultOperatorForFieldType, useFilterOperators };
+//# sourceMappingURL=useFilterOperators.js.map