@drivenets/design-system 0.0.5 → 0.1.0

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

@@ -0,0 +1,211 @@
+import { c } from "react/compiler-runtime";
+import { useState } from "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 $ = 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] = useState(initialState);
+	let t0;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = [];
+		$[2] = t0;
+	} else t0 = $[2];
+	const [columnFilters, setColumnFilters] = useState(t0);
+	let t1;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = [];
+		$[3] = t1;
+	} else t1 = $[3];
+	const [filterChips, setFilterChips] = 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
+export { useTableFilters };
+//# sourceMappingURL=use-table-filters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-filters.js","names":["ReactNode","useState","CellContext","ColumnDef","ChipItem","AnyAdapter","ColumnFilterState","FilterAdapter","FilterNavItem","FilterState","UseTableFiltersResult","filterState","TValue","columnFilters","filterChips","filterNavItems","enhancedColumns","TData","handlers","updateFilter","filterId","value","applyFilters","clearAll","deleteChip","chip","renderFilterContent","selectedFilter","useTableFilters","filterAdapters","baseColumns","$","_c","_filterAdapters","TCellValue","initialState","forEach","adapter","id","initialValue","setFilterState","t0","Symbol","for","setColumnFilters","t1","setFilterChips","t2","t3","adapter_0","label","count","getActiveFiltersCount","map","col","adapter_1","find","a","cellRenderer","filterFn","columnFilterFn","cell","info","getValue","t4","prev","t5","filters","chips","adapter_2","value_0","push","adapterChips","toChips","t6","resetState","adapter_3","reset","t7","filterKey","metadata","key","undefined","adapter_4","a_0","currentValue","newValue","fromChip","chips_0","adapter_5","value_1","adapterChips_0","length","prev_0","prev_1","filter","cf","prev_2","cf_0","t8","adapter_6","a_1","value_2","onChange","newValue_0","renderFilter","t9","t10"],"sources":["../../../../../src/components/ds-table/filters/hooks/use-table-filters.ts"],"sourcesContent":["import { type ReactNode, useState } from 'react';\nimport type { CellContext, ColumnDef } from '@tanstack/react-table';\nimport type { ChipItem } from '../../../ds-chip-group';\nimport type {\n\tAnyAdapter,\n\tColumnFilterState,\n\tFilterAdapter,\n\tFilterNavItem,\n\tFilterState,\n} from '../types/filter-adapter.types';\n\nexport interface UseTableFiltersResult<TData, TValue> {\n\t/**\n\t * Current filter state\n\t */\n\tfilterState: FilterState<TValue>;\n\n\t/**\n\t * Column filters for TanStack Table\n\t */\n\tcolumnFilters: ColumnFilterState<TValue>[];\n\n\t/**\n\t * Filter chips for display\n\t */\n\tfilterChips: ChipItem[];\n\n\t/**\n\t * Filter navigation items with counts\n\t */\n\tfilterNavItems: FilterNavItem[];\n\n\t/**\n\t * Enhanced column definitions with filter functions\n\t */\n\tenhancedColumns: ColumnDef<TData>[];\n\n\t/**\n\t * Handlers\n\t */\n\thandlers: {\n\t\t/**\n\t\t * Update a specific filter's value\n\t\t */\n\t\tupdateFilter: (filterId: string, value: TValue) => void;\n\n\t\t/**\n\t\t * Apply all filters (converts to TanStack format)\n\t\t */\n\t\tapplyFilters: () => void;\n\n\t\t/**\n\t\t * Clear all filters\n\t\t */\n\t\tclearAll: () => void;\n\n\t\t/**\n\t\t * Delete a specific chip\n\t\t */\n\t\tdeleteChip: (chip: ChipItem) => void;\n\t};\n\n\t/**\n\t * Render function for filter modal content\n\t */\n\trenderFilterContent: (selectedFilter: FilterNavItem) => ReactNode;\n}\n\n/**\n * Hook to orchestrate table filtering with adapters\n * Manages filter state, generates chips, handles column definitions\n *\n * @param filterAdapters Array of filter adapters\n * @param baseColumns Base column definitions (optional)\n * @returns Complete filter management system\n */\nexport function useTableFilters<TData, TValue, TCellValue>(\n\tfilterAdapters: FilterAdapter<TData, TValue, TCellValue>[] | AnyAdapter[],\n\tbaseColumns?: ColumnDef<TData>[],\n): UseTableFiltersResult<TData, TValue> {\n\t// Internal variable just to avoid assignment issues of `any`.\n\tconst _filterAdapters = filterAdapters as FilterAdapter<TData, TValue, TCellValue>[];\n\n\t// Initialize filter state from adapters\n\tconst initialState: FilterState<TValue> = {};\n\t_filterAdapters.forEach((adapter) => {\n\t\tinitialState[adapter.id] = adapter.initialValue;\n\t});\n\n\tconst [filterState, setFilterState] = useState<FilterState<TValue>>(initialState);\n\tconst [columnFilters, setColumnFilters] = useState<ColumnFilterState<TValue>[]>([]);\n\tconst [filterChips, setFilterChips] = useState<ChipItem[]>([]);\n\n\t// Generate filter nav items with counts (updates as user changes filters in modal)\n\tconst filterNavItems: FilterNavItem[] = _filterAdapters.map((adapter) => ({\n\t\tid: adapter.id,\n\t\tlabel: adapter.label,\n\t\tcount: adapter.getActiveFiltersCount(filterState[adapter.id]),\n\t}));\n\n\t// Enhance column definitions with filter functions and renderers\n\tconst enhancedColumns: ColumnDef<TData>[] = !baseColumns\n\t\t? []\n\t\t: baseColumns.map((col) => {\n\t\t\t\tconst adapter = _filterAdapters.find((a) => a.id === col.id);\n\n\t\t\t\tif (adapter) {\n\t\t\t\t\tconst cellRenderer = adapter.cellRenderer;\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...col,\n\t\t\t\t\t\tfilterFn: adapter.columnFilterFn,\n\t\t\t\t\t\t...(cellRenderer && {\n\t\t\t\t\t\t\tcell: (info: CellContext<TData, TCellValue>) => cellRenderer(info.getValue()),\n\t\t\t\t\t\t}),\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\treturn col;\n\t\t\t});\n\n\t// Handlers\n\tconst updateFilter = (filterId: string, value: TValue) => {\n\t\tsetFilterState((prev) => ({\n\t\t\t...prev,\n\t\t\t[filterId]: value,\n\t\t}));\n\t};\n\n\tconst applyFilters = () => {\n\t\tconst filters: ColumnFilterState<TValue>[] = [];\n\t\tconst chips: ChipItem[] = [];\n\n\t\t_filterAdapters.forEach((adapter) => {\n\t\t\tconst value = filterState[adapter.id];\n\n\t\t\tif (adapter.getActiveFiltersCount(value) > 0) {\n\t\t\t\tfilters.push({\n\t\t\t\t\tid: adapter.id,\n\t\t\t\t\tvalue,\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// Generate chips from current filter value\n\t\t\tconst adapterChips = adapter.toChips(value);\n\t\t\tchips.push(...adapterChips);\n\t\t});\n\n\t\tsetColumnFilters(filters);\n\t\tsetFilterChips(chips);\n\t};\n\n\tconst clearAll = () => {\n\t\tconst resetState: FilterState<TValue> = {};\n\t\t_filterAdapters.forEach((adapter) => {\n\t\t\tresetState[adapter.id] = adapter.reset();\n\t\t});\n\t\tsetFilterState(resetState);\n\t\tsetColumnFilters([]);\n\t\tsetFilterChips([]);\n\t};\n\n\tconst deleteChip = (chip: ChipItem) => {\n\t\tconst filterKey = typeof chip.metadata?.key === 'string' ? chip.metadata.key : undefined;\n\t\tif (!filterKey) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst adapter = _filterAdapters.find((a) => a.id === filterKey);\n\t\tif (!adapter) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentValue = filterState[filterKey];\n\t\tconst newValue = adapter.fromChip(chip, currentValue);\n\n\t\t// Regenerate chips to check if this was the last one\n\t\tconst chips: ChipItem[] = [];\n\t\t_filterAdapters.forEach((adapter) => {\n\t\t\tconst value = adapter.id === filterKey ? newValue : filterState[adapter.id];\n\t\t\tconst adapterChips = adapter.toChips(value);\n\t\t\tchips.push(...adapterChips);\n\t\t});\n\n\t\t// If no chips left, clear all filters\n\t\tif (chips.length === 0) {\n\t\t\tclearAll();\n\t\t\treturn;\n\t\t}\n\n\t\t// Otherwise, update state and filters\n\t\tsetFilterState((prev) => ({\n\t\t\t...prev,\n\t\t\t[filterKey]: newValue,\n\t\t}));\n\n\t\t// Update column filters\n\t\tif (adapter.getActiveFiltersCount(newValue) === 0) {\n\t\t\tsetColumnFilters((prev) => prev.filter((cf) => cf.id !== filterKey));\n\t\t} else {\n\t\t\tsetColumnFilters((prev) =>\n\t\t\t\tprev.map((cf) => (cf.id === filterKey ? { id: filterKey, value: newValue } : cf)),\n\t\t\t);\n\t\t}\n\n\t\tsetFilterChips(chips);\n\t};\n\n\tconst renderFilterContent = (selectedFilter: FilterNavItem) => {\n\t\tconst adapter = _filterAdapters.find((a) => a.id === selectedFilter.id);\n\t\tif (!adapter) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst value = filterState[adapter.id];\n\t\tconst onChange = (newValue: TValue) => updateFilter(adapter.id, newValue);\n\n\t\treturn adapter.renderFilter(value, onChange);\n\t};\n\n\treturn {\n\t\tfilterState,\n\t\tcolumnFilters,\n\t\tfilterChips,\n\t\tfilterNavItems,\n\t\tenhancedColumns,\n\t\thandlers: {\n\t\t\tupdateFilter,\n\t\t\tapplyFilters,\n\t\t\tclearAll,\n\t\t\tdeleteChip,\n\t\t},\n\t\trenderFilterContent,\n\t};\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+const require_create_filter_adapter = require('./adapters/create-filter-adapter.cjs');
+const require_create_checkbox_filter_adapter = require('./adapters/create-checkbox-filter-adapter.cjs');
+const require_create_dual_range_filter_adapter = require('./adapters/create-dual-range-filter-adapter.cjs');
+require('./adapters/index.cjs');
+const require_use_table_filters = require('./hooks/use-table-filters.cjs');
+require('./hooks/index.cjs');

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

@@ -0,0 +1,11 @@
+import { AnyAdapter, ColumnFilterState, FilterAdapter, FilterNavItem, FilterState } from "./types/filter-adapter.types.js";
+import { FilterAdapterConfig, createFilterAdapter } from "./adapters/create-filter-adapter.js";
+import { CheckboxFilterItem, CheckboxFilterProps } from "./components/checkbox-filter/checkbox-filter.js";
+import "./components/checkbox-filter/index.js";
+import { CheckboxFilterAdapterConfig, createCheckboxFilterAdapter } from "./adapters/create-checkbox-filter-adapter.js";
+import { DualRangeFilterAdapterConfig, DualRangeFilterValue, RangeValue, createDualRangeFilterAdapter } from "./adapters/create-dual-range-filter-adapter.js";
+import "./adapters/index.js";
+import { UseTableFiltersResult, useTableFilters } from "./hooks/use-table-filters.js";
+import "./hooks/index.js";
+import { RangeFilterProps, RangeFilterValue } from "./components/range-filter/range-filter.js";
+import "./components/range-filter/index.js";

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

@@ -0,0 +1,6 @@
+import { createFilterAdapter } from "./adapters/create-filter-adapter.js";
+import { createCheckboxFilterAdapter } from "./adapters/create-checkbox-filter-adapter.js";
+import { createDualRangeFilterAdapter } from "./adapters/create-dual-range-filter-adapter.js";
+import "./adapters/index.js";
+import { useTableFilters } from "./hooks/use-table-filters.js";
+import "./hooks/index.js";

package/dist/components/ds-table/filters/types/filter-adapter.types.d.cts

@@ -0,0 +1,101 @@
+import { ChipItem } from "../../../ds-chip-group/ds-chip-group.types.cjs";
+import { ReactNode } from "react";
+import { Row } from "@tanstack/react-table";
+
+//#region src/components/ds-table/filters/types/filter-adapter.types.d.ts
+type AnyAdapter = FilterAdapter<any, any, any>;
+/**
+ * Base filter adapter interface that all filters must implement
+ * This provides a consistent contract for filter behavior
+ *
+ * @template TData - The row data type
+ * @template TFilterValue - The filter state value type
+ * @template TCellValue - The actual cell value type from the table (defaults to unknown)
+ */
+interface FilterAdapter<TData, TFilterValue, TCellValue = unknown> {
+  /**
+   * Unique identifier for the filter (should match column accessorKey)
+   */
+  id: string;
+  /**
+   * Display label for the filter in the navigation
+   */
+  label: string;
+  /**
+   * Initial/default value for the filter state
+   */
+  initialValue: TFilterValue;
+  /**
+   * TanStack Table filter function
+   * Determines if a row matches the current filter value
+   */
+  columnFilterFn: (row: Row<TData>, columnId: string, filterValue: TFilterValue) => boolean;
+  /**
+   * Optional custom cell renderer for the table column
+   * Receives the actual cell value from the table, not the filter value
+   * If not provided, default rendering will be used
+   */
+  cellRenderer?: (value: TCellValue) => ReactNode;
+  /**
+   * Convert filter value to filter chips for display
+   * Returns empty array if no chips should be shown
+   */
+  toChips: (value: TFilterValue) => ChipItem[];
+  /**
+   * Remove a chip from the filter value
+   * Returns updated filter value with the chip's effect removed
+   */
+  fromChip: (chip: ChipItem, currentValue: TFilterValue) => TFilterValue;
+  /**
+   * Calculate how many active filters are applied
+   * Used for the count indicator in filter navigation
+   * Can also be used to check if filter is active (count > 0)
+   */
+  getActiveFiltersCount: (value: TFilterValue) => number;
+  /**
+   * Reset filter to initial state
+   */
+  reset: () => TFilterValue;
+  /**
+   * Render the filter UI component
+   * Receives current value and onChange callback
+   */
+  renderFilter: (value: TFilterValue, onChange: (value: TFilterValue) => void) => ReactNode;
+}
+/**
+ * Filter navigation item used to render filter tabs in the UI
+ */
+interface FilterNavItem {
+  /**
+   * Unique identifier for the filter (matches FilterAdapter.id)
+   */
+  id: string;
+  /**
+   * Display label for the filter tab
+   */
+  label: string;
+  /**
+   * Optional count badge to display active filters
+   */
+  count?: number;
+  /**
+   * Whether this filter is disabled
+   */
+  disabled?: boolean;
+}
+/**
+ * Filter state managed by useTableFilters hook
+ */
+interface FilterState<TValue> {
+  [filterId: string]: TValue;
+}
+/**
+ * Column filter for TanStack Table
+ */
+interface ColumnFilterState<TValue> {
+  id: string;
+  value: TValue;
+}
+//#endregion
+export { AnyAdapter, ColumnFilterState, FilterAdapter, FilterNavItem, FilterState };
+//# sourceMappingURL=filter-adapter.types.d.cts.map

package/dist/components/ds-table/filters/types/filter-adapter.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-adapter.types.d.cts","names":[],"sources":["../../../../../src/components/ds-table/filters/types/filter-adapter.types.ts"],"sourcesContent":[],"mappings":";;;;;KAKY,UAAA,GAAa;;AAAzB;AAUA;;;;;;AA2BuC,UA3BtB,aA2BsB,CAAA,KAAA,EAAA,YAAA,EAAA,aAAA,OAAA,CAAA,CAAA;EAMrB;;;EAMwB,EAAA,EAAA,MAAA;EAAiB;;;EAkBpC,KAAA,EAAA,MAAA;EAAgC;;;EAMtC,YAAA,EAjDF,YAiDe;EAsBb;AAOjB;;;wBAxEuB,IAAI,uCAAuC;;;;;;yBAO1C,eAAe;;;;;mBAMrB,iBAAiB;;;;;mBAMjB,wBAAwB,iBAAiB;;;;;;iCAO3B;;;;eAKlB;;;;;wBAMS,gCAAgC,0BAA0B;;;;;UAMhE,aAAA;;;;;;;;;;;;;;;;;;;;;UAsBA;sBACI;;;;;UAMJ;;SAET"}

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

@@ -0,0 +1,102 @@
+import { ChipItem } from "../../../ds-chip-group/ds-chip-group.types.js";
+import "../../../ds-chip-group/index.js";
+import { ReactNode } from "react";
+import { Row } from "@tanstack/react-table";
+
+//#region src/components/ds-table/filters/types/filter-adapter.types.d.ts
+type AnyAdapter = FilterAdapter<any, any, any>;
+/**
+ * Base filter adapter interface that all filters must implement
+ * This provides a consistent contract for filter behavior
+ *
+ * @template TData - The row data type
+ * @template TFilterValue - The filter state value type
+ * @template TCellValue - The actual cell value type from the table (defaults to unknown)
+ */
+interface FilterAdapter<TData, TFilterValue, TCellValue = unknown> {
+  /**
+   * Unique identifier for the filter (should match column accessorKey)
+   */
+  id: string;
+  /**
+   * Display label for the filter in the navigation
+   */
+  label: string;
+  /**
+   * Initial/default value for the filter state
+   */
+  initialValue: TFilterValue;
+  /**
+   * TanStack Table filter function
+   * Determines if a row matches the current filter value
+   */
+  columnFilterFn: (row: Row<TData>, columnId: string, filterValue: TFilterValue) => boolean;
+  /**
+   * Optional custom cell renderer for the table column
+   * Receives the actual cell value from the table, not the filter value
+   * If not provided, default rendering will be used
+   */
+  cellRenderer?: (value: TCellValue) => ReactNode;
+  /**
+   * Convert filter value to filter chips for display
+   * Returns empty array if no chips should be shown
+   */
+  toChips: (value: TFilterValue) => ChipItem[];
+  /**
+   * Remove a chip from the filter value
+   * Returns updated filter value with the chip's effect removed
+   */
+  fromChip: (chip: ChipItem, currentValue: TFilterValue) => TFilterValue;
+  /**
+   * Calculate how many active filters are applied
+   * Used for the count indicator in filter navigation
+   * Can also be used to check if filter is active (count > 0)
+   */
+  getActiveFiltersCount: (value: TFilterValue) => number;
+  /**
+   * Reset filter to initial state
+   */
+  reset: () => TFilterValue;
+  /**
+   * Render the filter UI component
+   * Receives current value and onChange callback
+   */
+  renderFilter: (value: TFilterValue, onChange: (value: TFilterValue) => void) => ReactNode;
+}
+/**
+ * Filter navigation item used to render filter tabs in the UI
+ */
+interface FilterNavItem {
+  /**
+   * Unique identifier for the filter (matches FilterAdapter.id)
+   */
+  id: string;
+  /**
+   * Display label for the filter tab
+   */
+  label: string;
+  /**
+   * Optional count badge to display active filters
+   */
+  count?: number;
+  /**
+   * Whether this filter is disabled
+   */
+  disabled?: boolean;
+}
+/**
+ * Filter state managed by useTableFilters hook
+ */
+interface FilterState<TValue> {
+  [filterId: string]: TValue;
+}
+/**
+ * Column filter for TanStack Table
+ */
+interface ColumnFilterState<TValue> {
+  id: string;
+  value: TValue;
+}
+//#endregion
+export { AnyAdapter, ColumnFilterState, FilterAdapter, FilterNavItem, FilterState };
+//# sourceMappingURL=filter-adapter.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-adapter.types.d.ts","names":[],"sources":["../../../../../src/components/ds-table/filters/types/filter-adapter.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAKY,UAAA,GAAa;;;AAAzB;AAUA;;;;;AA2BwB,UA3BP,aA2BO,CAAA,KAAA,EAAA,YAAA,EAAA,aAAA,OAAA,CAAA,CAAA;EAAe;;;EAYrB,EAAA,EAAA,MAAA;EAAwB;;;EAY5B,KAAA,EAAA,MAAA;EAMS;;;EAAmE,YAAA,EA3C3E,YA2C2E;EAMzE;AAsBjB;AAOA;;wBAxEuB,IAAI,uCAAuC;;;;;;yBAO1C,eAAe;;;;;mBAMrB,iBAAiB;;;;;mBAMjB,wBAAwB,iBAAiB;;;;;;iCAO3B;;;;eAKlB;;;;;wBAMS,gCAAgC,0BAA0B;;;;;UAMhE,aAAA;;;;;;;;;;;;;;;;;;;;;UAsBA;sBACI;;;;;UAMJ;;SAET"}

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

@@ -1 +1,6 @@
+const require_create_filter_adapter = require('./filters/adapters/create-filter-adapter.cjs');
+const require_create_checkbox_filter_adapter = require('./filters/adapters/create-checkbox-filter-adapter.cjs');
+const require_create_dual_range_filter_adapter = require('./filters/adapters/create-dual-range-filter-adapter.cjs');
+const require_use_table_filters = require('./filters/hooks/use-table-filters.cjs');
+require('./filters/index.cjs');
 const require_ds_table = require('./ds-table.cjs');

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

@@ -1,4 +1,12 @@
 import { RowAction, SecondaryRowAction } from "./components/ds-table-cell/ds-table-cell.types.js";
 import "./components/ds-table-cell/index.js";
+import { AnyAdapter, ColumnFilterState, FilterAdapter, FilterNavItem, FilterState } from "./filters/types/filter-adapter.types.js";
+import { FilterAdapterConfig, createFilterAdapter } from "./filters/adapters/create-filter-adapter.js";
+import { CheckboxFilterItem, CheckboxFilterProps } from "./filters/components/checkbox-filter/checkbox-filter.js";
+import { CheckboxFilterAdapterConfig, createCheckboxFilterAdapter } from "./filters/adapters/create-checkbox-filter-adapter.js";
+import { DualRangeFilterAdapterConfig, DualRangeFilterValue, RangeValue, createDualRangeFilterAdapter } from "./filters/adapters/create-dual-range-filter-adapter.js";
+import { UseTableFiltersResult, useTableFilters } from "./filters/hooks/use-table-filters.js";
+import { RangeFilterProps, RangeFilterValue } from "./filters/components/range-filter/range-filter.js";
+import "./filters/index.js";
 import { Action, DsDataTableProps, DsTableApi, DsTableRowSize, ScrollParams } from "./ds-table.types.js";
 import { DsTable } from "./ds-table.js";

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

@@ -1 +1,6 @@
+import { createFilterAdapter } from "./filters/adapters/create-filter-adapter.js";
+import { createCheckboxFilterAdapter } from "./filters/adapters/create-checkbox-filter-adapter.js";
+import { createDualRangeFilterAdapter } from "./filters/adapters/create-dual-range-filter-adapter.js";
+import { useTableFilters } from "./filters/hooks/use-table-filters.js";
+import "./filters/index.js";
 import ds_table_default from "./ds-table.js";