@drivenets/design-system 0.0.5 → 0.1.0

package/dist/components/ds-table/filters/components/range-filter/range-filter.d.ts

@@ -0,0 +1,16 @@
+import "react/jsx-runtime";
+
+//#region src/components/ds-table/filters/components/range-filter/range-filter.d.ts
+interface RangeFilterValue {
+  from?: number;
+  to?: number;
+}
+interface RangeFilterProps {
+  label: string;
+  value: RangeFilterValue;
+  onChange: (value: RangeFilterValue) => void;
+  onClear?: () => void;
+}
+//#endregion
+export { RangeFilterProps, RangeFilterValue };
+//# sourceMappingURL=range-filter.d.ts.map

package/dist/components/ds-table/filters/components/range-filter/range-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-filter.d.ts","names":[],"sources":["../../../../../../src/components/ds-table/filters/components/range-filter/range-filter.tsx"],"sourcesContent":[],"mappings":";;;UAMiB,gBAAA;;;AAAjB;AAKiB,UAAA,gBAAA,CAAgB;;SAEzB;oBACW"}

package/dist/components/ds-table/filters/components/range-filter/range-filter.js

@@ -0,0 +1,177 @@
+import ds_typography_default from "../../../../ds-typography/ds-typography.js";
+import "../../../../ds-typography/index.js";
+import ds_text_input_default from "../../../../ds-text-input/ds-text-input.js";
+import "../../../../ds-text-input/index.js";
+import ds_button_default from "../../../../ds-button/ds-button.js";
+import "../../../../ds-button/index.js";
+import range_filter_module_default from "./range-filter.module.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+
+//#region src/components/ds-table/filters/components/range-filter/range-filter.tsx
+const RangeFilter = (t0) => {
+	const $ = c(35);
+	const { label, value, onChange, onClear } = t0;
+	let t1;
+	if ($[0] !== value.from) {
+		t1 = value.from?.toString() || "";
+		$[0] = value.from;
+		$[1] = t1;
+	} else t1 = $[1];
+	const [localFrom, setLocalFrom] = useState(t1);
+	let t2;
+	if ($[2] !== value.to) {
+		t2 = value.to?.toString() || "";
+		$[2] = value.to;
+		$[3] = t2;
+	} else t2 = $[3];
+	const [localTo, setLocalTo] = useState(t2);
+	let t3;
+	if ($[4] !== onChange || $[5] !== value.to) {
+		t3 = (val) => {
+			setLocalFrom(val);
+			onChange({
+				from: val ? parseInt(val, 10) : void 0,
+				to: value.to
+			});
+		};
+		$[4] = onChange;
+		$[5] = value.to;
+		$[6] = t3;
+	} else t3 = $[6];
+	const handleFromChange = t3;
+	let t4;
+	if ($[7] !== onChange || $[8] !== value.from) {
+		t4 = (val_0) => {
+			setLocalTo(val_0);
+			const numVal_0 = val_0 ? parseInt(val_0, 10) : void 0;
+			onChange({
+				from: value.from,
+				to: numVal_0
+			});
+		};
+		$[7] = onChange;
+		$[8] = value.from;
+		$[9] = t4;
+	} else t4 = $[9];
+	const handleToChange = t4;
+	let t5;
+	if ($[10] !== onClear) {
+		t5 = () => {
+			setLocalFrom("");
+			setLocalTo("");
+			if (onClear) onClear();
+		};
+		$[10] = onClear;
+		$[11] = t5;
+	} else t5 = $[11];
+	const handleClear = t5;
+	const hasValue = value.from !== void 0 || value.to !== void 0;
+	let t6;
+	if ($[12] !== label) {
+		t6 = /* @__PURE__ */ jsx(ds_typography_default, {
+			variant: "body-md-md",
+			children: label
+		});
+		$[12] = label;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== handleClear || $[15] !== hasValue || $[16] !== onClear) {
+		t7 = hasValue && onClear && /* @__PURE__ */ jsx(ds_button_default, {
+			design: "v1.2",
+			buttonType: "tertiary",
+			size: "small",
+			onClick: handleClear,
+			children: "Clear"
+		});
+		$[14] = handleClear;
+		$[15] = hasValue;
+		$[16] = onClear;
+		$[17] = t7;
+	} else t7 = $[17];
+	let t8;
+	if ($[18] !== t6 || $[19] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			className: range_filter_module_default.header,
+			children: [t6, t7]
+		});
+		$[18] = t6;
+		$[19] = t7;
+		$[20] = t8;
+	} else t8 = $[20];
+	let t9;
+	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsx(ds_typography_default, {
+			variant: "body-sm-reg",
+			children: "From"
+		});
+		$[21] = t9;
+	} else t9 = $[21];
+	let t10;
+	if ($[22] !== handleFromChange || $[23] !== localFrom) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: range_filter_module_default.inputGroup,
+			children: [t9, /* @__PURE__ */ jsx(ds_text_input_default, {
+				type: "number",
+				placeholder: "",
+				value: localFrom,
+				onValueChange: handleFromChange,
+				size: "default"
+			})]
+		});
+		$[22] = handleFromChange;
+		$[23] = localFrom;
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = /* @__PURE__ */ jsx(ds_typography_default, {
+			variant: "body-sm-reg",
+			children: "To"
+		});
+		$[25] = t11;
+	} else t11 = $[25];
+	let t12;
+	if ($[26] !== handleToChange || $[27] !== localTo) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: range_filter_module_default.inputGroup,
+			children: [t11, /* @__PURE__ */ jsx(ds_text_input_default, {
+				type: "number",
+				placeholder: "",
+				value: localTo,
+				onValueChange: handleToChange,
+				size: "default"
+			})]
+		});
+		$[26] = handleToChange;
+		$[27] = localTo;
+		$[28] = t12;
+	} else t12 = $[28];
+	let t13;
+	if ($[29] !== t10 || $[30] !== t12) {
+		t13 = /* @__PURE__ */ jsxs("div", {
+			className: range_filter_module_default.inputs,
+			children: [t10, t12]
+		});
+		$[29] = t10;
+		$[30] = t12;
+		$[31] = t13;
+	} else t13 = $[31];
+	let t14;
+	if ($[32] !== t13 || $[33] !== t8) {
+		t14 = /* @__PURE__ */ jsxs("div", {
+			className: range_filter_module_default.container,
+			children: [t8, t13]
+		});
+		$[32] = t13;
+		$[33] = t8;
+		$[34] = t14;
+	} else t14 = $[34];
+	return t14;
+};
+
+//#endregion
+export { RangeFilter };
+//# sourceMappingURL=range-filter.js.map

package/dist/components/ds-table/filters/components/range-filter/range-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-filter.js","names":["useState","DsTypography","DsButton","DsTextInput","styles","RangeFilterValue","from","to","RangeFilterProps","label","value","onChange","onClear","RangeFilter","t0","$","_c","t1","toString","localFrom","setLocalFrom","t2","localTo","setLocalTo","t3","val","numVal","parseInt","undefined","handleFromChange","t4","val_0","numVal_0","handleToChange","t5","handleClear","hasValue","t6","t7","t8","header","t9","Symbol","for","t10","inputGroup","t11","t12","t13","inputs","t14","container"],"sources":["../../../../../../src/components/ds-table/filters/components/range-filter/range-filter.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { DsTypography } from '../../../../ds-typography';\nimport { DsButton } from '../../../../ds-button';\nimport { DsTextInput } from '../../../../ds-text-input';\nimport styles from './range-filter.module.scss';\n\nexport interface RangeFilterValue {\n\tfrom?: number;\n\tto?: number;\n}\n\nexport interface RangeFilterProps {\n\tlabel: string;\n\tvalue: RangeFilterValue;\n\tonChange: (value: RangeFilterValue) => void;\n\tonClear?: () => void;\n}\n\nexport const RangeFilter = ({ label, value, onChange, onClear }: RangeFilterProps) => {\n\tconst [localFrom, setLocalFrom] = useState(value.from?.toString() || '');\n\tconst [localTo, setLocalTo] = useState(value.to?.toString() || '');\n\n\tconst handleFromChange = (val: string) => {\n\t\tsetLocalFrom(val);\n\t\tconst numVal = val ? parseInt(val, 10) : undefined;\n\t\tonChange({ from: numVal, to: value.to });\n\t};\n\n\tconst handleToChange = (val: string) => {\n\t\tsetLocalTo(val);\n\t\tconst numVal = val ? parseInt(val, 10) : undefined;\n\t\tonChange({ from: value.from, to: numVal });\n\t};\n\n\tconst handleClear = () => {\n\t\tsetLocalFrom('');\n\t\tsetLocalTo('');\n\t\tif (onClear) {\n\t\t\tonClear();\n\t\t}\n\t};\n\n\tconst hasValue = value.from !== undefined || value.to !== undefined;\n\n\treturn (\n\t\t<div className={styles.container}>\n\t\t\t<div className={styles.header}>\n\t\t\t\t<DsTypography variant=\"body-md-md\">{label}</DsTypography>\n\t\t\t\t{hasValue && onClear && (\n\t\t\t\t\t<DsButton design=\"v1.2\" buttonType=\"tertiary\" size=\"small\" onClick={handleClear}>\n\t\t\t\t\t\tClear\n\t\t\t\t\t</DsButton>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div className={styles.inputs}>\n\t\t\t\t<div className={styles.inputGroup}>\n\t\t\t\t\t<DsTypography variant=\"body-sm-reg\">From</DsTypography>\n\t\t\t\t\t<DsTextInput\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\tplaceholder=\"\"\n\t\t\t\t\t\tvalue={localFrom}\n\t\t\t\t\t\tonValueChange={handleFromChange}\n\t\t\t\t\t\tsize=\"default\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className={styles.inputGroup}>\n\t\t\t\t\t<DsTypography variant=\"body-sm-reg\">To</DsTypography>\n\t\t\t\t\t<DsTextInput\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\tplaceholder=\"\"\n\t\t\t\t\t\tvalue={localTo}\n\t\t\t\t\t\tonValueChange={handleToChange}\n\t\t\t\t\t\tsize=\"default\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"mappings":"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"}

package/dist/components/ds-table/filters/components/range-filter/range-filter.module.cjs

@@ -0,0 +1,11 @@
+
+//#region src/components/ds-table/filters/components/range-filter/range-filter.module.scss
+var range_filter_module_default = {
+	"container": "_container_13tjl_1",
+	"header": "_header_13tjl_1",
+	"inputs": "_inputs_13tjl_1",
+	"inputGroup": "_inputGroup_13tjl_1"
+};
+
+//#endregion
+exports.default = range_filter_module_default;

package/dist/components/ds-table/filters/components/range-filter/range-filter.module.js

@@ -0,0 +1,11 @@
+//#region src/components/ds-table/filters/components/range-filter/range-filter.module.scss
+var range_filter_module_default = {
+	"container": "_container_13tjl_1",
+	"header": "_header_13tjl_1",
+	"inputs": "_inputs_13tjl_1",
+	"inputGroup": "_inputGroup_13tjl_1"
+};
+
+//#endregion
+export { range_filter_module_default as default };
+//# sourceMappingURL=range-filter.module.js.map

package/dist/components/ds-table/filters/components/range-filter/range-filter.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-filter.module.js","names":[],"sources":["../../../../../../src/components/ds-table/filters/components/range-filter/range-filter.module.scss"],"sourcesContent":[".container {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tpadding-bottom: 16px;\n\tborder-bottom: 1px solid var(--color-border);\n}\n\n.header {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n}\n\n.inputs {\n\tdisplay: flex;\n\tgap: 16px;\n}\n\n.inputGroup {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\tgap: 2px;\n}\n"],"mappings":""}

package/dist/components/ds-table/filters/hooks/index.cjs

@@ -0,0 +1 @@
+const require_use_table_filters = require('./use-table-filters.cjs');

package/dist/components/ds-table/filters/hooks/index.d.ts

@@ -0,0 +1 @@
+import { UseTableFiltersResult, useTableFilters } from "./use-table-filters.js";

package/dist/components/ds-table/filters/hooks/index.js

@@ -0,0 +1 @@
+import { useTableFilters } from "./use-table-filters.js";

package/dist/components/ds-table/filters/hooks/use-table-filters.cjs

@@ -0,0 +1,211 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
+let react = require("react");
+
+//#region src/components/ds-table/filters/hooks/use-table-filters.ts
+/**
+* Hook to orchestrate table filtering with adapters
+* Manages filter state, generates chips, handles column definitions
+*
+* @param filterAdapters Array of filter adapters
+* @param baseColumns Base column definitions (optional)
+* @returns Complete filter management system
+*/
+function useTableFilters(filterAdapters, baseColumns) {
+	const $ = (0, react_compiler_runtime.c)(37);
+	const _filterAdapters = filterAdapters;
+	let initialState;
+	if ($[0] !== _filterAdapters) {
+		initialState = {};
+		_filterAdapters.forEach((adapter) => {
+			initialState[adapter.id] = adapter.initialValue;
+		});
+		$[0] = _filterAdapters;
+		$[1] = initialState;
+	} else initialState = $[1];
+	const [filterState, setFilterState] = (0, react.useState)(initialState);
+	let t0;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = [];
+		$[2] = t0;
+	} else t0 = $[2];
+	const [columnFilters, setColumnFilters] = (0, react.useState)(t0);
+	let t1;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = [];
+		$[3] = t1;
+	} else t1 = $[3];
+	const [filterChips, setFilterChips] = (0, react.useState)(t1);
+	let t2;
+	if ($[4] !== _filterAdapters || $[5] !== filterState) {
+		let t3$1;
+		if ($[7] !== filterState) {
+			t3$1 = (adapter_0) => ({
+				id: adapter_0.id,
+				label: adapter_0.label,
+				count: adapter_0.getActiveFiltersCount(filterState[adapter_0.id])
+			});
+			$[7] = filterState;
+			$[8] = t3$1;
+		} else t3$1 = $[8];
+		t2 = _filterAdapters.map(t3$1);
+		$[4] = _filterAdapters;
+		$[5] = filterState;
+		$[6] = t2;
+	} else t2 = $[6];
+	const filterNavItems = t2;
+	let t3;
+	if ($[9] !== _filterAdapters || $[10] !== baseColumns) {
+		t3 = !baseColumns ? [] : baseColumns.map((col) => {
+			const adapter_1 = _filterAdapters.find((a) => a.id === col.id);
+			if (adapter_1) {
+				const cellRenderer = adapter_1.cellRenderer;
+				return {
+					...col,
+					filterFn: adapter_1.columnFilterFn,
+					...cellRenderer && { cell: (info) => cellRenderer(info.getValue()) }
+				};
+			}
+			return col;
+		});
+		$[9] = _filterAdapters;
+		$[10] = baseColumns;
+		$[11] = t3;
+	} else t3 = $[11];
+	const enhancedColumns = t3;
+	let t4;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = (filterId, value) => {
+			setFilterState((prev) => ({
+				...prev,
+				[filterId]: value
+			}));
+		};
+		$[12] = t4;
+	} else t4 = $[12];
+	const updateFilter = t4;
+	let t5;
+	if ($[13] !== _filterAdapters || $[14] !== filterState) {
+		t5 = () => {
+			const filters = [];
+			const chips = [];
+			_filterAdapters.forEach((adapter_2) => {
+				const value_0 = filterState[adapter_2.id];
+				if (adapter_2.getActiveFiltersCount(value_0) > 0) filters.push({
+					id: adapter_2.id,
+					value: value_0
+				});
+				const adapterChips = adapter_2.toChips(value_0);
+				chips.push(...adapterChips);
+			});
+			setColumnFilters(filters);
+			setFilterChips(chips);
+		};
+		$[13] = _filterAdapters;
+		$[14] = filterState;
+		$[15] = t5;
+	} else t5 = $[15];
+	const applyFilters = t5;
+	let t6;
+	if ($[16] !== _filterAdapters) {
+		t6 = () => {
+			const resetState = {};
+			_filterAdapters.forEach((adapter_3) => {
+				resetState[adapter_3.id] = adapter_3.reset();
+			});
+			setFilterState(resetState);
+			setColumnFilters([]);
+			setFilterChips([]);
+		};
+		$[16] = _filterAdapters;
+		$[17] = t6;
+	} else t6 = $[17];
+	const clearAll = t6;
+	let t7;
+	if ($[18] !== _filterAdapters || $[19] !== clearAll || $[20] !== filterState) {
+		t7 = (chip) => {
+			const filterKey = typeof chip.metadata?.key === "string" ? chip.metadata.key : void 0;
+			if (!filterKey) return;
+			const adapter_4 = _filterAdapters.find((a_0) => a_0.id === filterKey);
+			if (!adapter_4) return;
+			const currentValue = filterState[filterKey];
+			const newValue = adapter_4.fromChip(chip, currentValue);
+			const chips_0 = [];
+			_filterAdapters.forEach((adapter_5) => {
+				const value_1 = adapter_5.id === filterKey ? newValue : filterState[adapter_5.id];
+				const adapterChips_0 = adapter_5.toChips(value_1);
+				chips_0.push(...adapterChips_0);
+			});
+			if (chips_0.length === 0) {
+				clearAll();
+				return;
+			}
+			setFilterState((prev_0) => ({
+				...prev_0,
+				[filterKey]: newValue
+			}));
+			if (adapter_4.getActiveFiltersCount(newValue) === 0) setColumnFilters((prev_1) => prev_1.filter((cf) => cf.id !== filterKey));
+			else setColumnFilters((prev_2) => prev_2.map((cf_0) => cf_0.id === filterKey ? {
+				id: filterKey,
+				value: newValue
+			} : cf_0));
+			setFilterChips(chips_0);
+		};
+		$[18] = _filterAdapters;
+		$[19] = clearAll;
+		$[20] = filterState;
+		$[21] = t7;
+	} else t7 = $[21];
+	const deleteChip = t7;
+	let t8;
+	if ($[22] !== _filterAdapters || $[23] !== filterState) {
+		t8 = (selectedFilter) => {
+			const adapter_6 = _filterAdapters.find((a_1) => a_1.id === selectedFilter.id);
+			if (!adapter_6) return null;
+			const value_2 = filterState[adapter_6.id];
+			const onChange = (newValue_0) => updateFilter(adapter_6.id, newValue_0);
+			return adapter_6.renderFilter(value_2, onChange);
+		};
+		$[22] = _filterAdapters;
+		$[23] = filterState;
+		$[24] = t8;
+	} else t8 = $[24];
+	const renderFilterContent = t8;
+	let t9;
+	if ($[25] !== applyFilters || $[26] !== clearAll || $[27] !== deleteChip) {
+		t9 = {
+			updateFilter,
+			applyFilters,
+			clearAll,
+			deleteChip
+		};
+		$[25] = applyFilters;
+		$[26] = clearAll;
+		$[27] = deleteChip;
+		$[28] = t9;
+	} else t9 = $[28];
+	let t10;
+	if ($[29] !== columnFilters || $[30] !== enhancedColumns || $[31] !== filterChips || $[32] !== filterNavItems || $[33] !== filterState || $[34] !== renderFilterContent || $[35] !== t9) {
+		t10 = {
+			filterState,
+			columnFilters,
+			filterChips,
+			filterNavItems,
+			enhancedColumns,
+			handlers: t9,
+			renderFilterContent
+		};
+		$[29] = columnFilters;
+		$[30] = enhancedColumns;
+		$[31] = filterChips;
+		$[32] = filterNavItems;
+		$[33] = filterState;
+		$[34] = renderFilterContent;
+		$[35] = t9;
+		$[36] = t10;
+	} else t10 = $[36];
+	return t10;
+}
+
+//#endregion
+exports.useTableFilters = useTableFilters;

package/dist/components/ds-table/filters/hooks/use-table-filters.d.cts

@@ -0,0 +1,65 @@
+import { ChipItem } from "../../../ds-chip-group/ds-chip-group.types.cjs";
+import { AnyAdapter, ColumnFilterState, FilterAdapter, FilterNavItem, FilterState } from "../types/filter-adapter.types.cjs";
+import { ReactNode } from "react";
+import { ColumnDef } from "@tanstack/react-table";
+
+//#region src/components/ds-table/filters/hooks/use-table-filters.d.ts
+interface UseTableFiltersResult<TData, TValue> {
+  /**
+   * Current filter state
+   */
+  filterState: FilterState<TValue>;
+  /**
+   * Column filters for TanStack Table
+   */
+  columnFilters: ColumnFilterState<TValue>[];
+  /**
+   * Filter chips for display
+   */
+  filterChips: ChipItem[];
+  /**
+   * Filter navigation items with counts
+   */
+  filterNavItems: FilterNavItem[];
+  /**
+   * Enhanced column definitions with filter functions
+   */
+  enhancedColumns: ColumnDef<TData>[];
+  /**
+   * Handlers
+   */
+  handlers: {
+    /**
+     * Update a specific filter's value
+     */
+    updateFilter: (filterId: string, value: TValue) => void;
+    /**
+     * Apply all filters (converts to TanStack format)
+     */
+    applyFilters: () => void;
+    /**
+     * Clear all filters
+     */
+    clearAll: () => void;
+    /**
+     * Delete a specific chip
+     */
+    deleteChip: (chip: ChipItem) => void;
+  };
+  /**
+   * Render function for filter modal content
+   */
+  renderFilterContent: (selectedFilter: FilterNavItem) => ReactNode;
+}
+/**
+ * Hook to orchestrate table filtering with adapters
+ * Manages filter state, generates chips, handles column definitions
+ *
+ * @param filterAdapters Array of filter adapters
+ * @param baseColumns Base column definitions (optional)
+ * @returns Complete filter management system
+ */
+declare function useTableFilters<TData, TValue, TCellValue>(filterAdapters: FilterAdapter<TData, TValue, TCellValue>[] | AnyAdapter[], baseColumns?: ColumnDef<TData>[]): UseTableFiltersResult<TData, TValue>;
+//#endregion
+export { UseTableFiltersResult, useTableFilters };
+//# sourceMappingURL=use-table-filters.d.cts.map

package/dist/components/ds-table/filters/hooks/use-table-filters.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-filters.d.cts","names":[],"sources":["../../../../../src/components/ds-table/filters/hooks/use-table-filters.ts"],"sourcesContent":[],"mappings":";;;;;;UAWiB;;AAAjB;;EAIc,WAAA,EAAA,WAAA,CAAY,MAAZ,CAAA;EAKoB;;;EAUjB,aAAA,EAVD,iBAUC,CAViB,MAUjB,CAAA,EAAA;EAKW;;;EAwBP,WAAA,EAlCP,QAkCO,EAAA;EAMkB;;;EAWvB,cAAA,EA9CC,aA8Cc,EAAA;EACA;;;EAAd,eAAA,EA1CC,SA0CD,CA1CW,KA0CX,CAAA,EAAA;EAA6C;;;EAErC,QAAA,EAAA;IAAO;;;4CAnCU;;;;;;;;;;;;uBAerB;;;;;wCAMkB,kBAAkB;;;;;;;;;;iBAWzC,2DACC,cAAc,OAAO,QAAQ,gBAAgB,4BAC/C,UAAU,WACtB,sBAAsB,OAAO"}

package/dist/components/ds-table/filters/hooks/use-table-filters.d.ts

@@ -0,0 +1,66 @@
+import { ChipItem } from "../../../ds-chip-group/ds-chip-group.types.js";
+import "../../../ds-chip-group/index.js";
+import { AnyAdapter, ColumnFilterState, FilterAdapter, FilterNavItem, FilterState } from "../types/filter-adapter.types.js";
+import { ReactNode } from "react";
+import { ColumnDef } from "@tanstack/react-table";
+
+//#region src/components/ds-table/filters/hooks/use-table-filters.d.ts
+interface UseTableFiltersResult<TData, TValue> {
+  /**
+   * Current filter state
+   */
+  filterState: FilterState<TValue>;
+  /**
+   * Column filters for TanStack Table
+   */
+  columnFilters: ColumnFilterState<TValue>[];
+  /**
+   * Filter chips for display
+   */
+  filterChips: ChipItem[];
+  /**
+   * Filter navigation items with counts
+   */
+  filterNavItems: FilterNavItem[];
+  /**
+   * Enhanced column definitions with filter functions
+   */
+  enhancedColumns: ColumnDef<TData>[];
+  /**
+   * Handlers
+   */
+  handlers: {
+    /**
+     * Update a specific filter's value
+     */
+    updateFilter: (filterId: string, value: TValue) => void;
+    /**
+     * Apply all filters (converts to TanStack format)
+     */
+    applyFilters: () => void;
+    /**
+     * Clear all filters
+     */
+    clearAll: () => void;
+    /**
+     * Delete a specific chip
+     */
+    deleteChip: (chip: ChipItem) => void;
+  };
+  /**
+   * Render function for filter modal content
+   */
+  renderFilterContent: (selectedFilter: FilterNavItem) => ReactNode;
+}
+/**
+ * Hook to orchestrate table filtering with adapters
+ * Manages filter state, generates chips, handles column definitions
+ *
+ * @param filterAdapters Array of filter adapters
+ * @param baseColumns Base column definitions (optional)
+ * @returns Complete filter management system
+ */
+declare function useTableFilters<TData, TValue, TCellValue>(filterAdapters: FilterAdapter<TData, TValue, TCellValue>[] | AnyAdapter[], baseColumns?: ColumnDef<TData>[]): UseTableFiltersResult<TData, TValue>;
+//#endregion
+export { UseTableFiltersResult, useTableFilters };
+//# sourceMappingURL=use-table-filters.d.ts.map

package/dist/components/ds-table/filters/hooks/use-table-filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-filters.d.ts","names":[],"sources":["../../../../../src/components/ds-table/filters/hooks/use-table-filters.ts"],"sourcesContent":[],"mappings":";;;;;;;UAWiB;;;AAAjB;EAI0B,WAAA,EAAZ,WAAY,CAAA,MAAA,CAAA;EAAZ;;;EAUA,aAAA,EALE,iBAKF,CALoB,MAKpB,CAAA,EAAA;EAKG;;;EAcyB,WAAA,EAnB5B,QAmB4B,EAAA;EAerB;;;EAM6C,cAAA,EAnCjD,aAmCiD,EAAA;EAWlD;;;EAC8B,eAAA,EA1C5B,SA0C4B,CA1ClB,KA0CkB,CAAA,EAAA;EAA7B;;;EACF,QAAA,EAAA;IACU;;;IAAD,YAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,KAAA,EAnCkB,MAmClB,EAAA,GAAA,IAAA;;;;;;;;;;;;uBApBH;;;;;wCAMkB,kBAAkB;;;;;;;;;;iBAWzC,2DACC,cAAc,OAAO,QAAQ,gBAAgB,4BAC/C,UAAU,WACtB,sBAAsB,OAAO"}