@drivenets/design-system 0.0.5 → 0.1.0

package/dist/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.ts

@@ -1,6 +1,6 @@
 import { IconType } from "../../../ds-icon/ds-icon.types.js";
 import "../../../ds-icon/index.js";
-import "@tanstack/react-table";
+import { Row } from "@tanstack/react-table";
 
 //#region src/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.ts
 /**

package/dist/components/ds-table/ds-table.d.cts

@@ -1,5 +1,5 @@
 import { DsDataTableProps } from "./ds-table.types.cjs";
-import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 
 //#region src/components/ds-table/ds-table.d.ts
 /**
@@ -39,7 +39,7 @@ declare const DsTable: <TData extends {
   columnVisibility: externalColumnVisibility,
   onColumnVisibilityChange,
   activeRowId
-}: DsDataTableProps<TData, TValue>) => react_jsx_runtime36.JSX.Element;
+}: DsDataTableProps<TData, TValue>) => react_jsx_runtime29.JSX.Element;
 //#endregion
 export { DsTable };
 //# sourceMappingURL=ds-table.d.cts.map

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

@@ -1,5 +1,5 @@
 import { DsDataTableProps } from "./ds-table.types.js";
-import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
 
 //#region src/components/ds-table/ds-table.d.ts
 /**
@@ -39,7 +39,7 @@ declare const DsTable: <TData extends {
   columnVisibility: externalColumnVisibility,
   onColumnVisibilityChange,
   activeRowId
-}: DsDataTableProps<TData, TValue>) => react_jsx_runtime44.JSX.Element;
+}: DsDataTableProps<TData, TValue>) => react_jsx_runtime47.JSX.Element;
 //#endregion
 export { DsTable };
 //# sourceMappingURL=ds-table.d.ts.map

package/dist/components/ds-table/filters/adapters/create-checkbox-filter-adapter.cjs

@@ -0,0 +1,55 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_create_filter_adapter = require('./create-filter-adapter.cjs');
+const require_checkbox_filter = require('../components/checkbox-filter/checkbox-filter.cjs');
+require('../components/checkbox-filter/index.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ds-table/filters/adapters/create-checkbox-filter-adapter.tsx
+/**
+* Factory function to create a checkbox filter adapter
+*
+* Handles multi-select checkbox filtering with inclusion model:
+* - Empty selection = show all data (no filter active)
+* - Selected items = show only those items
+*/
+function createCheckboxFilterAdapter(config) {
+	const { id, label, items, renderer, chipLabelTemplate = (item) => `${label}: ${item.label}`, cellRenderer, getRowValue = (row) => row.getValue(id) } = config;
+	return require_create_filter_adapter.createFilterAdapter({
+		id,
+		label,
+		initialValue: [],
+		filterFn: (row, columnId, filterValue) => {
+			if (filterValue.length === 0) return true;
+			const rowValue = getRowValue(row);
+			return filterValue.some((item) => item.value === rowValue);
+		},
+		cellRenderer,
+		toChips: (selectedItems) => {
+			return selectedItems.map((item) => ({
+				id: `${id}_${String(item.value)}`,
+				label: chipLabelTemplate(item),
+				metadata: {
+					key: id,
+					value: item.value
+				}
+			}));
+		},
+		fromChip: (chip, currentValue) => {
+			return currentValue.filter((item) => item.value !== chip.metadata?.value);
+		},
+		getActiveFiltersCount: (selectedItems) => {
+			return selectedItems.length;
+		},
+		renderFilter: (value, onChange) => {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_checkbox_filter.CheckboxFilter, {
+				items,
+				renderer,
+				selectedItems: value,
+				onSelectionChange: onChange
+			});
+		}
+	});
+}
+
+//#endregion
+exports.createCheckboxFilterAdapter = createCheckboxFilterAdapter;

package/dist/components/ds-table/filters/adapters/create-checkbox-filter-adapter.d.cts

@@ -0,0 +1,49 @@
+import { FilterAdapter } from "../types/filter-adapter.types.cjs";
+import { CheckboxFilterItem } from "../components/checkbox-filter/checkbox-filter.cjs";
+import { ReactNode } from "react";
+import { Row } from "@tanstack/react-table";
+
+//#region src/components/ds-table/filters/adapters/create-checkbox-filter-adapter.d.ts
+interface CheckboxFilterAdapterConfig<TData, TValue> {
+  /**
+   * Unique identifier (should match column accessorKey)
+   */
+  id: string;
+  /**
+   * Display label for filter navigation
+   */
+  label: string;
+  /**
+   * Available items to select from
+   */
+  items: CheckboxFilterItem<TValue>[];
+  /**
+   * Optional custom renderer for each item
+   */
+  renderer?: (item: CheckboxFilterItem<TValue>) => ReactNode;
+  /**
+   * Optional custom chip label generator
+   * @default (item) => `${label}: ${item.label}`
+   */
+  chipLabelTemplate?: (item: CheckboxFilterItem<TValue>) => string;
+  /**
+   * Optional custom cell renderer for table column
+   */
+  cellRenderer?: (value: TValue) => ReactNode;
+  /**
+   * How to extract the value from a row for comparison
+   * @default (row) => row.getValue(id)
+   */
+  getRowValue?: (row: Row<TData>) => TValue;
+}
+/**
+ * Factory function to create a checkbox filter adapter
+ *
+ * Handles multi-select checkbox filtering with inclusion model:
+ * - Empty selection = show all data (no filter active)
+ * - Selected items = show only those items
+ */
+declare function createCheckboxFilterAdapter<TData, TValue = string>(config: CheckboxFilterAdapterConfig<TData, TValue>): FilterAdapter<TData, CheckboxFilterItem<TValue>[], TValue>;
+//#endregion
+export { CheckboxFilterAdapterConfig, createCheckboxFilterAdapter };
+//# sourceMappingURL=create-checkbox-filter-adapter.d.cts.map

package/dist/components/ds-table/filters/adapters/create-checkbox-filter-adapter.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-checkbox-filter-adapter.d.cts","names":[],"sources":["../../../../../src/components/ds-table/filters/adapters/create-checkbox-filter-adapter.tsx"],"sourcesContent":[],"mappings":";;;;;;UAMiB;;AAAjB;;EAcQ,EAAA,EAAA,MAAA;EAK8B;;;EAMS,KAAA,EAAA,MAAA;EAAnB;;;EAWH,KAAA,EAtBjB,kBAsBiB,CAtBE,MAsBF,CAAA,EAAA;EAAJ;;;EAUL,QAAA,CAAA,EAAA,CAAA,IAAA,EA3BG,kBA2BwB,CA3BL,MA2BK,CAAA,EAAA,GA3BO,SA2BP;EACN;;;;EACM,iBAAA,CAAA,EAAA,CAAA,IAAA,EAvBf,kBAuBe,CAvBI,MAuBJ,CAAA,EAAA,GAAA,MAAA;EAAnB;;;EAAR,YAAA,CAAA,EAAA,CAAA,KAAA,EAlBQ,MAkBR,EAAA,GAlBmB,SAkBnB;;;;;sBAZK,IAAI,WAAW;;;;;;;;;iBAUpB,4DACP,4BAA4B,OAAO,UACzC,cAAc,OAAO,mBAAmB,WAAW"}

package/dist/components/ds-table/filters/adapters/create-checkbox-filter-adapter.d.ts

@@ -0,0 +1,50 @@
+import { FilterAdapter } from "../types/filter-adapter.types.js";
+import { CheckboxFilterItem } from "../components/checkbox-filter/checkbox-filter.js";
+import "../components/checkbox-filter/index.js";
+import { ReactNode } from "react";
+import { Row } from "@tanstack/react-table";
+
+//#region src/components/ds-table/filters/adapters/create-checkbox-filter-adapter.d.ts
+interface CheckboxFilterAdapterConfig<TData, TValue> {
+  /**
+   * Unique identifier (should match column accessorKey)
+   */
+  id: string;
+  /**
+   * Display label for filter navigation
+   */
+  label: string;
+  /**
+   * Available items to select from
+   */
+  items: CheckboxFilterItem<TValue>[];
+  /**
+   * Optional custom renderer for each item
+   */
+  renderer?: (item: CheckboxFilterItem<TValue>) => ReactNode;
+  /**
+   * Optional custom chip label generator
+   * @default (item) => `${label}: ${item.label}`
+   */
+  chipLabelTemplate?: (item: CheckboxFilterItem<TValue>) => string;
+  /**
+   * Optional custom cell renderer for table column
+   */
+  cellRenderer?: (value: TValue) => ReactNode;
+  /**
+   * How to extract the value from a row for comparison
+   * @default (row) => row.getValue(id)
+   */
+  getRowValue?: (row: Row<TData>) => TValue;
+}
+/**
+ * Factory function to create a checkbox filter adapter
+ *
+ * Handles multi-select checkbox filtering with inclusion model:
+ * - Empty selection = show all data (no filter active)
+ * - Selected items = show only those items
+ */
+declare function createCheckboxFilterAdapter<TData, TValue = string>(config: CheckboxFilterAdapterConfig<TData, TValue>): FilterAdapter<TData, CheckboxFilterItem<TValue>[], TValue>;
+//#endregion
+export { CheckboxFilterAdapterConfig, createCheckboxFilterAdapter };
+//# sourceMappingURL=create-checkbox-filter-adapter.d.ts.map

package/dist/components/ds-table/filters/adapters/create-checkbox-filter-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-checkbox-filter-adapter.d.ts","names":[],"sources":["../../../../../src/components/ds-table/filters/adapters/create-checkbox-filter-adapter.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAMiB;;;AAAjB;EAc2B,EAAA,EAAA,MAAA;EAAnB;;;EAK0C,KAAA,EAAA,MAAA;EAMH;;;EAKZ,KAAA,EAhB3B,kBAgB2B,CAhBR,MAgBQ,CAAA,EAAA;EAMV;;;EAAiB,QAAA,CAAA,EAAA,CAAA,IAAA,EAjBvB,kBAiBuB,CAjBJ,MAiBI,CAAA,EAAA,GAjBQ,SAiBR;EAU1B;;;;EAEC,iBAAA,CAAA,EAAA,CAAA,IAAA,EAvBW,kBAuBX,CAvB8B,MAuB9B,CAAA,EAAA,GAAA,MAAA;EAA0B;;;EAAxC,YAAA,CAAA,EAAA,CAAA,KAAA,EAlBqB,MAkBrB,EAAA,GAlBgC,SAkBhC;EAAa;;;;sBAZK,IAAI,WAAW;;;;;;;;;iBAUpB,4DACP,4BAA4B,OAAO,UACzC,cAAc,OAAO,mBAAmB,WAAW"}

package/dist/components/ds-table/filters/adapters/create-checkbox-filter-adapter.js

@@ -0,0 +1,55 @@
+import { createFilterAdapter } from "./create-filter-adapter.js";
+import { CheckboxFilter } from "../components/checkbox-filter/checkbox-filter.js";
+import "../components/checkbox-filter/index.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ds-table/filters/adapters/create-checkbox-filter-adapter.tsx
+/**
+* Factory function to create a checkbox filter adapter
+*
+* Handles multi-select checkbox filtering with inclusion model:
+* - Empty selection = show all data (no filter active)
+* - Selected items = show only those items
+*/
+function createCheckboxFilterAdapter(config) {
+	const { id, label, items, renderer, chipLabelTemplate = (item) => `${label}: ${item.label}`, cellRenderer, getRowValue = (row) => row.getValue(id) } = config;
+	return createFilterAdapter({
+		id,
+		label,
+		initialValue: [],
+		filterFn: (row, columnId, filterValue) => {
+			if (filterValue.length === 0) return true;
+			const rowValue = getRowValue(row);
+			return filterValue.some((item) => item.value === rowValue);
+		},
+		cellRenderer,
+		toChips: (selectedItems) => {
+			return selectedItems.map((item) => ({
+				id: `${id}_${String(item.value)}`,
+				label: chipLabelTemplate(item),
+				metadata: {
+					key: id,
+					value: item.value
+				}
+			}));
+		},
+		fromChip: (chip, currentValue) => {
+			return currentValue.filter((item) => item.value !== chip.metadata?.value);
+		},
+		getActiveFiltersCount: (selectedItems) => {
+			return selectedItems.length;
+		},
+		renderFilter: (value, onChange) => {
+			return /* @__PURE__ */ jsx(CheckboxFilter, {
+				items,
+				renderer,
+				selectedItems: value,
+				onSelectionChange: onChange
+			});
+		}
+	});
+}
+
+//#endregion
+export { createCheckboxFilterAdapter };
+//# sourceMappingURL=create-checkbox-filter-adapter.js.map

package/dist/components/ds-table/filters/adapters/create-checkbox-filter-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-checkbox-filter-adapter.js","names":["ReactNode","Row","FilterAdapter","CheckboxFilterItem","CheckboxFilter","createFilterAdapter","CheckboxFilterAdapterConfig","id","label","items","TValue","renderer","item","chipLabelTemplate","cellRenderer","value","getRowValue","row","TData","createCheckboxFilterAdapter","config","getValue","initialValue","filterFn","columnId","filterValue","length","rowValue","some","toChips","selectedItems","map","String","metadata","key","fromChip","chip","currentValue","filter","getActiveFiltersCount","renderFilter","onChange"],"sources":["../../../../../src/components/ds-table/filters/adapters/create-checkbox-filter-adapter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { Row } from '@tanstack/react-table';\nimport type { FilterAdapter } from '../types/filter-adapter.types';\nimport { type CheckboxFilterItem, CheckboxFilter } from '../components/checkbox-filter';\nimport { createFilterAdapter } from './create-filter-adapter';\n\nexport interface CheckboxFilterAdapterConfig<TData, TValue> {\n\t/**\n\t * Unique identifier (should match column accessorKey)\n\t */\n\tid: string;\n\n\t/**\n\t * Display label for filter navigation\n\t */\n\tlabel: string;\n\n\t/**\n\t * Available items to select from\n\t */\n\titems: CheckboxFilterItem<TValue>[];\n\n\t/**\n\t * Optional custom renderer for each item\n\t */\n\trenderer?: (item: CheckboxFilterItem<TValue>) => ReactNode;\n\n\t/**\n\t * Optional custom chip label generator\n\t * @default (item) => `${label}: ${item.label}`\n\t */\n\tchipLabelTemplate?: (item: CheckboxFilterItem<TValue>) => string;\n\n\t/**\n\t * Optional custom cell renderer for table column\n\t */\n\tcellRenderer?: (value: TValue) => ReactNode;\n\n\t/**\n\t * How to extract the value from a row for comparison\n\t * @default (row) => row.getValue(id)\n\t */\n\tgetRowValue?: (row: Row<TData>) => TValue;\n}\n\n/**\n * Factory function to create a checkbox filter adapter\n *\n * Handles multi-select checkbox filtering with inclusion model:\n * - Empty selection = show all data (no filter active)\n * - Selected items = show only those items\n */\nexport function createCheckboxFilterAdapter<TData, TValue = string>(\n\tconfig: CheckboxFilterAdapterConfig<TData, TValue>,\n): FilterAdapter<TData, CheckboxFilterItem<TValue>[], TValue> {\n\tconst {\n\t\tid,\n\t\tlabel,\n\t\titems,\n\t\trenderer,\n\t\tchipLabelTemplate = (item) => `${label}: ${item.label}`,\n\t\tcellRenderer,\n\t\tgetRowValue = (row) => row.getValue(id),\n\t} = config;\n\n\treturn createFilterAdapter<TData, CheckboxFilterItem<TValue>[], TValue>({\n\t\tid,\n\t\tlabel,\n\t\tinitialValue: [], // Start with nothing selected (show all)\n\n\t\tfilterFn: (row, columnId, filterValue) => {\n\t\t\t// Empty selection = no filter = show all\n\t\t\tif (filterValue.length === 0) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\t// Otherwise, show only selected items\n\t\t\tconst rowValue = getRowValue(row);\n\t\t\treturn filterValue.some((item) => item.value === rowValue);\n\t\t},\n\n\t\tcellRenderer,\n\n\t\ttoChips: (selectedItems) => {\n\t\t\t// Generate chips for all selected items\n\t\t\treturn selectedItems.map((item) => ({\n\t\t\t\tid: `${id}_${String(item.value)}`,\n\t\t\t\tlabel: chipLabelTemplate(item),\n\t\t\t\tmetadata: {\n\t\t\t\t\tkey: id,\n\t\t\t\t\tvalue: item.value,\n\t\t\t\t},\n\t\t\t}));\n\t\t},\n\n\t\tfromChip: (chip, currentValue) => {\n\t\t\treturn currentValue.filter((item) => item.value !== chip.metadata?.value);\n\t\t},\n\n\t\tgetActiveFiltersCount: (selectedItems) => {\n\t\t\t// Count = number of selected items (0 means none selected)\n\t\t\treturn selectedItems.length;\n\t\t},\n\n\t\trenderFilter: (value, onChange) => {\n\t\t\treturn (\n\t\t\t\t<CheckboxFilter\n\t\t\t\t\titems={items}\n\t\t\t\t\trenderer={renderer}\n\t\t\t\t\tselectedItems={value}\n\t\t\t\t\tonSelectionChange={onChange}\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t});\n}\n"],"mappings":";;;;;;;;;;;;;AAoDA,SAAgBmB,4BACfC,QAC6D;CAC7D,MAAM,EACLb,IACAC,OACAC,OACAE,UACAE,qBAAqBD,SAAS,GAAGJ,MAAK,IAAKI,KAAKJ,SAChDM,cACAE,eAAeC,QAAQA,IAAII,SAASd,GAAE,KACnCa;AAEJ,QAAOf,oBAAiE;EACvEE;EACAC;EACAc,cAAc,EAAE;EAEhBC,WAAWN,KAAKO,UAAUC,gBAAgB;AAEzC,OAAIA,YAAYC,WAAW,EAC1B,QAAO;GAIR,MAAMC,WAAWX,YAAYC,IAAI;AACjC,UAAOQ,YAAYG,MAAMhB,SAASA,KAAKG,UAAUY,SAAS;;EAG3Db;EAEAe,UAAUC,kBAAkB;AAE3B,UAAOA,cAAcC,KAAKnB,UAAU;IACnCL,IAAI,GAAGA,GAAE,GAAIyB,OAAOpB,KAAKG,MAAM;IAC/BP,OAAOK,kBAAkBD,KAAK;IAC9BqB,UAAU;KACTC,KAAK3B;KACLQ,OAAOH,KAAKG;KACb;IACA,EAAE;;EAGJoB,WAAWC,MAAMC,iBAAiB;AACjC,UAAOA,aAAaC,QAAQ1B,SAASA,KAAKG,UAAUqB,KAAKH,UAAUlB,MAAM;;EAG1EwB,wBAAwBT,kBAAkB;AAEzC,UAAOA,cAAcJ;;EAGtBc,eAAezB,OAAO0B,aAAa;AAClC,UACC,oBAAC;IACOhC;IACGE;IACV,eAAeI;IACf,mBAAmB0B;KAClB;;EAGJ,CAAC"}

package/dist/components/ds-table/filters/adapters/create-dual-range-filter-adapter.cjs

@@ -0,0 +1,87 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_create_filter_adapter = require('./create-filter-adapter.cjs');
+const require_range_filter = require('../components/range-filter/range-filter.cjs');
+require('../components/range-filter/index.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ds-table/filters/adapters/create-dual-range-filter-adapter.tsx
+/**
+* Factory function to create a dual-range filter adapter
+* Handles filtering on multiple numeric ranges within a single column
+*/
+function createDualRangeFilterAdapter(config) {
+	const { id, label, fields, formatNumber = (num) => num.toLocaleString("en-US"), getRowValue = (row) => row.getValue(id) } = config;
+	const initialValue = {};
+	Object.keys(fields).forEach((key) => {
+		initialValue[key] = {};
+	});
+	return require_create_filter_adapter.createFilterAdapter({
+		id,
+		label,
+		initialValue,
+		filterFn: (row, columnId, filterValue) => {
+			const rowValue = getRowValue(row);
+			for (const [fieldKey, range] of Object.entries(filterValue)) if (range.from !== void 0 || range.to !== void 0) {
+				const fieldValue = rowValue[fieldKey];
+				const matchesFrom = range.from === void 0 || fieldValue >= range.from;
+				const matchesTo = range.to === void 0 || fieldValue <= range.to;
+				if (!matchesFrom || !matchesTo) return false;
+			}
+			return true;
+		},
+		cellRenderer: void 0,
+		toChips: (value) => {
+			const chips = [];
+			Object.entries(value).forEach(([fieldKey, range]) => {
+				if (range.from !== void 0 || range.to !== void 0) {
+					const fieldLabel = fields[fieldKey] || fieldKey;
+					const fromText = range.from !== void 0 ? formatNumber(range.from) : "";
+					const toText = range.to !== void 0 ? formatNumber(range.to) : "";
+					chips.push({
+						id: `${id}_${fieldKey}`,
+						label: `${fieldLabel}: From ${fromText} to ${toText}`,
+						metadata: {
+							key: id,
+							field: fieldKey,
+							from: range.from,
+							to: range.to
+						}
+					});
+				}
+			});
+			return chips;
+		},
+		fromChip: (chip, currentValue) => {
+			const fieldKey = chip.metadata?.field;
+			if (!fieldKey) return currentValue;
+			return {
+				...currentValue,
+				[fieldKey]: {}
+			};
+		},
+		getActiveFiltersCount: (value) => {
+			let count = 0;
+			Object.values(value).forEach((range) => {
+				if (range.from !== void 0 || range.to !== void 0) count++;
+			});
+			return count;
+		},
+		renderFilter: (value, onChange) => {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: Object.entries(fields).map(([fieldKey, fieldLabel]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_range_filter.RangeFilter, {
+				label: fieldLabel,
+				value: value[fieldKey] || {},
+				onChange: (rangeValue) => onChange({
+					...value,
+					[fieldKey]: rangeValue
+				}),
+				onClear: () => onChange({
+					...value,
+					[fieldKey]: {}
+				})
+			}, fieldKey)) });
+		}
+	});
+}
+
+//#endregion
+exports.createDualRangeFilterAdapter = createDualRangeFilterAdapter;

package/dist/components/ds-table/filters/adapters/create-dual-range-filter-adapter.d.cts

@@ -0,0 +1,44 @@
+import { FilterAdapter } from "../types/filter-adapter.types.cjs";
+import { Row } from "@tanstack/react-table";
+
+//#region src/components/ds-table/filters/adapters/create-dual-range-filter-adapter.d.ts
+interface RangeValue {
+  from?: number;
+  to?: number;
+}
+interface DualRangeFilterValue {
+  [fieldName: string]: RangeValue;
+}
+interface DualRangeFilterAdapterConfig<TData> {
+  /**
+   * Unique identifier (should match column accessorKey)
+   */
+  id: string;
+  /**
+   * Display label for filter navigation
+   */
+  label: string;
+  /**
+   * Field configurations: { fieldKey: displayLabel }
+   * Example: { running: 'Running', completed: 'Completed' }
+   */
+  fields: Record<string, string>;
+  /**
+   * Optional formatter for chip display
+   * @default (num) => num.toLocaleString('en-US')
+   */
+  formatNumber?: (num: number) => string;
+  /**
+   * How to extract the value object from a row
+   * @default (row) => row.getValue(id)
+   */
+  getRowValue?: (row: Row<TData>) => Record<string, number>;
+}
+/**
+ * Factory function to create a dual-range filter adapter
+ * Handles filtering on multiple numeric ranges within a single column
+ */
+declare function createDualRangeFilterAdapter<TData>(config: DualRangeFilterAdapterConfig<TData>): FilterAdapter<TData, DualRangeFilterValue, Record<string, number>>;
+//#endregion
+export { DualRangeFilterAdapterConfig, DualRangeFilterValue, RangeValue, createDualRangeFilterAdapter };
+//# sourceMappingURL=create-dual-range-filter-adapter.d.cts.map

package/dist/components/ds-table/filters/adapters/create-dual-range-filter-adapter.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-dual-range-filter-adapter.d.cts","names":[],"sources":["../../../../../src/components/ds-table/filters/adapters/create-dual-range-filter-adapter.tsx"],"sourcesContent":[],"mappings":";;;;UAMiB,UAAA;;EAAA,EAAA,CAAA,EAAA,MAAA;AAKjB;AAIiB,UAJA,oBAAA,CAI4B;EAepC,CAAA,SAAA,EAAA,MAAA,CAAA,EAlBa,UAkBb;;AAYY,UA3BJ,4BA2BI,CAAA,KAAA,CAAA,CAAA;EAAe;;AAOpC;EACsC,EAAA,EAAA,MAAA;EAA7B;;;EACqC,KAAA,EAAA,MAAA;EAA3C;;;;UArBM;;;;;;;;;;sBAYY,IAAI,WAAW;;;;;;iBAOpB,4CACP,6BAA6B,SACnC,cAAc,OAAO,sBAAsB"}

package/dist/components/ds-table/filters/adapters/create-dual-range-filter-adapter.d.ts

@@ -0,0 +1,44 @@
+import { FilterAdapter } from "../types/filter-adapter.types.js";
+import { Row } from "@tanstack/react-table";
+
+//#region src/components/ds-table/filters/adapters/create-dual-range-filter-adapter.d.ts
+interface RangeValue {
+  from?: number;
+  to?: number;
+}
+interface DualRangeFilterValue {
+  [fieldName: string]: RangeValue;
+}
+interface DualRangeFilterAdapterConfig<TData> {
+  /**
+   * Unique identifier (should match column accessorKey)
+   */
+  id: string;
+  /**
+   * Display label for filter navigation
+   */
+  label: string;
+  /**
+   * Field configurations: { fieldKey: displayLabel }
+   * Example: { running: 'Running', completed: 'Completed' }
+   */
+  fields: Record<string, string>;
+  /**
+   * Optional formatter for chip display
+   * @default (num) => num.toLocaleString('en-US')
+   */
+  formatNumber?: (num: number) => string;
+  /**
+   * How to extract the value object from a row
+   * @default (row) => row.getValue(id)
+   */
+  getRowValue?: (row: Row<TData>) => Record<string, number>;
+}
+/**
+ * Factory function to create a dual-range filter adapter
+ * Handles filtering on multiple numeric ranges within a single column
+ */
+declare function createDualRangeFilterAdapter<TData>(config: DualRangeFilterAdapterConfig<TData>): FilterAdapter<TData, DualRangeFilterValue, Record<string, number>>;
+//#endregion
+export { DualRangeFilterAdapterConfig, DualRangeFilterValue, RangeValue, createDualRangeFilterAdapter };
+//# sourceMappingURL=create-dual-range-filter-adapter.d.ts.map

package/dist/components/ds-table/filters/adapters/create-dual-range-filter-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-dual-range-filter-adapter.d.ts","names":[],"sources":["../../../../../src/components/ds-table/filters/adapters/create-dual-range-filter-adapter.tsx"],"sourcesContent":[],"mappings":";;;;UAMiB,UAAA;;EAAA,EAAA,CAAA,EAAA,MAAA;AAKjB;AAIiB,UAJA,oBAAA,CAI4B;EAepC,CAAA,SAAA,EAAA,MAAA,CAAA,EAlBa,UAkBb;;AAYY,UA3BJ,4BA2BI,CAAA,KAAA,CAAA,CAAA;EAAe;;AAOpC;EACsC,EAAA,EAAA,MAAA;EAA7B;;;EACqC,KAAA,EAAA,MAAA;EAA3C;;;;UArBM;;;;;;;;;;sBAYY,IAAI,WAAW;;;;;;iBAOpB,4CACP,6BAA6B,SACnC,cAAc,OAAO,sBAAsB"}

package/dist/components/ds-table/filters/adapters/create-dual-range-filter-adapter.js

@@ -0,0 +1,87 @@
+import { createFilterAdapter } from "./create-filter-adapter.js";
+import { RangeFilter } from "../components/range-filter/range-filter.js";
+import "../components/range-filter/index.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ds-table/filters/adapters/create-dual-range-filter-adapter.tsx
+/**
+* Factory function to create a dual-range filter adapter
+* Handles filtering on multiple numeric ranges within a single column
+*/
+function createDualRangeFilterAdapter(config) {
+	const { id, label, fields, formatNumber = (num) => num.toLocaleString("en-US"), getRowValue = (row) => row.getValue(id) } = config;
+	const initialValue = {};
+	Object.keys(fields).forEach((key) => {
+		initialValue[key] = {};
+	});
+	return createFilterAdapter({
+		id,
+		label,
+		initialValue,
+		filterFn: (row, columnId, filterValue) => {
+			const rowValue = getRowValue(row);
+			for (const [fieldKey, range] of Object.entries(filterValue)) if (range.from !== void 0 || range.to !== void 0) {
+				const fieldValue = rowValue[fieldKey];
+				const matchesFrom = range.from === void 0 || fieldValue >= range.from;
+				const matchesTo = range.to === void 0 || fieldValue <= range.to;
+				if (!matchesFrom || !matchesTo) return false;
+			}
+			return true;
+		},
+		cellRenderer: void 0,
+		toChips: (value) => {
+			const chips = [];
+			Object.entries(value).forEach(([fieldKey, range]) => {
+				if (range.from !== void 0 || range.to !== void 0) {
+					const fieldLabel = fields[fieldKey] || fieldKey;
+					const fromText = range.from !== void 0 ? formatNumber(range.from) : "";
+					const toText = range.to !== void 0 ? formatNumber(range.to) : "";
+					chips.push({
+						id: `${id}_${fieldKey}`,
+						label: `${fieldLabel}: From ${fromText} to ${toText}`,
+						metadata: {
+							key: id,
+							field: fieldKey,
+							from: range.from,
+							to: range.to
+						}
+					});
+				}
+			});
+			return chips;
+		},
+		fromChip: (chip, currentValue) => {
+			const fieldKey = chip.metadata?.field;
+			if (!fieldKey) return currentValue;
+			return {
+				...currentValue,
+				[fieldKey]: {}
+			};
+		},
+		getActiveFiltersCount: (value) => {
+			let count = 0;
+			Object.values(value).forEach((range) => {
+				if (range.from !== void 0 || range.to !== void 0) count++;
+			});
+			return count;
+		},
+		renderFilter: (value, onChange) => {
+			return /* @__PURE__ */ jsx("div", { children: Object.entries(fields).map(([fieldKey, fieldLabel]) => /* @__PURE__ */ jsx(RangeFilter, {
+				label: fieldLabel,
+				value: value[fieldKey] || {},
+				onChange: (rangeValue) => onChange({
+					...value,
+					[fieldKey]: rangeValue
+				}),
+				onClear: () => onChange({
+					...value,
+					[fieldKey]: {}
+				})
+			}, fieldKey)) });
+		}
+	});
+}
+
+//#endregion
+export { createDualRangeFilterAdapter };
+//# sourceMappingURL=create-dual-range-filter-adapter.js.map

package/dist/components/ds-table/filters/adapters/create-dual-range-filter-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-dual-range-filter-adapter.js","names":["Row","ChipItem","FilterAdapter","RangeFilter","createFilterAdapter","RangeValue","from","to","DualRangeFilterValue","fieldName","DualRangeFilterAdapterConfig","id","label","fields","Record","formatNumber","num","getRowValue","row","TData","createDualRangeFilterAdapter","config","toLocaleString","getValue","initialValue","Object","keys","forEach","key","filterFn","columnId","filterValue","rowValue","fieldKey","range","entries","hasFilter","undefined","fieldValue","matchesFrom","matchesTo","cellRenderer","toChips","value","chips","fieldLabel","fromText","toText","push","metadata","field","fromChip","chip","currentValue","getActiveFiltersCount","count","values","renderFilter","onChange","map","rangeValue"],"sources":["../../../../../src/components/ds-table/filters/adapters/create-dual-range-filter-adapter.tsx"],"sourcesContent":["import type { Row } from '@tanstack/react-table';\nimport type { ChipItem } from '../../../ds-chip-group';\nimport type { FilterAdapter } from '../types/filter-adapter.types';\nimport { RangeFilter } from '../components/range-filter';\nimport { createFilterAdapter } from './create-filter-adapter';\n\nexport interface RangeValue {\n\tfrom?: number;\n\tto?: number;\n}\n\nexport interface DualRangeFilterValue {\n\t[fieldName: string]: RangeValue;\n}\n\nexport interface DualRangeFilterAdapterConfig<TData> {\n\t/**\n\t * Unique identifier (should match column accessorKey)\n\t */\n\tid: string;\n\n\t/**\n\t * Display label for filter navigation\n\t */\n\tlabel: string;\n\n\t/**\n\t * Field configurations: { fieldKey: displayLabel }\n\t * Example: { running: 'Running', completed: 'Completed' }\n\t */\n\tfields: Record<string, string>;\n\n\t/**\n\t * Optional formatter for chip display\n\t * @default (num) => num.toLocaleString('en-US')\n\t */\n\tformatNumber?: (num: number) => string;\n\n\t/**\n\t * How to extract the value object from a row\n\t * @default (row) => row.getValue(id)\n\t */\n\tgetRowValue?: (row: Row<TData>) => Record<string, number>;\n}\n\n/**\n * Factory function to create a dual-range filter adapter\n * Handles filtering on multiple numeric ranges within a single column\n */\nexport function createDualRangeFilterAdapter<TData>(\n\tconfig: DualRangeFilterAdapterConfig<TData>,\n): FilterAdapter<TData, DualRangeFilterValue, Record<string, number>> {\n\tconst {\n\t\tid,\n\t\tlabel,\n\t\tfields,\n\t\tformatNumber = (num) => num.toLocaleString('en-US'),\n\t\tgetRowValue = (row) => row.getValue(id),\n\t} = config;\n\n\tconst initialValue: DualRangeFilterValue = {};\n\tObject.keys(fields).forEach((key) => {\n\t\tinitialValue[key] = {};\n\t});\n\n\treturn createFilterAdapter<TData, DualRangeFilterValue, Record<string, number>>({\n\t\tid,\n\t\tlabel,\n\t\tinitialValue,\n\n\t\tfilterFn: (row, columnId, filterValue) => {\n\t\t\tconst rowValue = getRowValue(row);\n\n\t\t\t// Check each field's range\n\t\t\tfor (const [fieldKey, range] of Object.entries(filterValue)) {\n\t\t\t\tconst hasFilter = range.from !== undefined || range.to !== undefined;\n\n\t\t\t\tif (hasFilter) {\n\t\t\t\t\tconst fieldValue = rowValue[fieldKey];\n\t\t\t\t\tconst matchesFrom = range.from === undefined || fieldValue >= range.from;\n\t\t\t\t\tconst matchesTo = range.to === undefined || fieldValue <= range.to;\n\n\t\t\t\t\tif (!matchesFrom || !matchesTo) {\n\t\t\t\t\t\treturn false; // AND logic: all ranges must match\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn true;\n\t\t},\n\n\t\tcellRenderer: undefined, // Let the column definition handle rendering\n\n\t\ttoChips: (value) => {\n\t\t\tconst chips: ChipItem[] = [];\n\n\t\t\tObject.entries(value).forEach(([fieldKey, range]) => {\n\t\t\t\tconst hasFilter = range.from !== undefined || range.to !== undefined;\n\n\t\t\t\tif (hasFilter) {\n\t\t\t\t\tconst fieldLabel = fields[fieldKey] || fieldKey;\n\t\t\t\t\tconst fromText = range.from !== undefined ? formatNumber(range.from) : '';\n\t\t\t\t\tconst toText = range.to !== undefined ? formatNumber(range.to) : '';\n\n\t\t\t\t\tchips.push({\n\t\t\t\t\t\tid: `${id}_${fieldKey}`,\n\t\t\t\t\t\tlabel: `${fieldLabel}: From ${fromText} to ${toText}`,\n\t\t\t\t\t\tmetadata: {\n\t\t\t\t\t\t\tkey: id,\n\t\t\t\t\t\t\tfield: fieldKey,\n\t\t\t\t\t\t\tfrom: range.from,\n\t\t\t\t\t\t\tto: range.to,\n\t\t\t\t\t\t},\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\n\t\t\treturn chips;\n\t\t},\n\n\t\tfromChip: (chip, currentValue) => {\n\t\t\tconst fieldKey = chip.metadata?.field as string;\n\t\t\tif (!fieldKey) {\n\t\t\t\treturn currentValue;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\t...currentValue,\n\t\t\t\t[fieldKey]: {},\n\t\t\t};\n\t\t},\n\n\t\tgetActiveFiltersCount: (value) => {\n\t\t\tlet count = 0;\n\t\t\tObject.values(value).forEach((range) => {\n\t\t\t\tif (range.from !== undefined || range.to !== undefined) {\n\t\t\t\t\tcount++;\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn count;\n\t\t},\n\n\t\trenderFilter: (value, onChange) => {\n\t\t\treturn (\n\t\t\t\t<div>\n\t\t\t\t\t{Object.entries(fields).map(([fieldKey, fieldLabel]) => (\n\t\t\t\t\t\t<RangeFilter\n\t\t\t\t\t\t\tkey={fieldKey}\n\t\t\t\t\t\t\tlabel={fieldLabel}\n\t\t\t\t\t\t\t// This is not necessarily a redundant condition. It depends on `noUncheckedIndexedAccess`.\n\t\t\t\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n\t\t\t\t\t\t\tvalue={value[fieldKey] || {}}\n\t\t\t\t\t\t\tonChange={(rangeValue) =>\n\t\t\t\t\t\t\t\tonChange({\n\t\t\t\t\t\t\t\t\t...value,\n\t\t\t\t\t\t\t\t\t[fieldKey]: rangeValue,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClear={() =>\n\t\t\t\t\t\t\t\tonChange({\n\t\t\t\t\t\t\t\t\t...value,\n\t\t\t\t\t\t\t\t\t[fieldKey]: {},\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t});\n}\n"],"mappings":";;;;;;;;;;AAiDA,SAAgBoB,6BACfC,QACqE;CACrE,MAAM,EACLV,IACAC,OACAC,QACAE,gBAAgBC,QAAQA,IAAIM,eAAe,QAAQ,EACnDL,eAAeC,QAAQA,IAAIK,SAASZ,GAAE,KACnCU;CAEJ,MAAMG,eAAqC,EAAE;AAC7CC,QAAOC,KAAKb,OAAO,CAACc,SAASC,QAAQ;AACpCJ,eAAaI,OAAO,EAAE;GACrB;AAEF,QAAOxB,oBAAyE;EAC/EO;EACAC;EACAY;EAEAK,WAAWX,KAAKY,UAAUC,gBAAgB;GACzC,MAAMC,WAAWf,YAAYC,IAAI;AAGjC,QAAK,MAAM,CAACe,UAAUC,UAAUT,OAAOU,QAAQJ,YAAY,CAG1D,KAFkBG,MAAM5B,SAAS+B,UAAaH,MAAM3B,OAAO8B,QAE5C;IACd,MAAMC,aAAaN,SAASC;IAC5B,MAAMM,cAAcL,MAAM5B,SAAS+B,UAAaC,cAAcJ,MAAM5B;IACpE,MAAMkC,YAAYN,MAAM3B,OAAO8B,UAAaC,cAAcJ,MAAM3B;AAEhE,QAAI,CAACgC,eAAe,CAACC,UACpB,QAAO;;AAKV,UAAO;;EAGRC,cAAcJ;EAEdK,UAAUC,UAAU;GACnB,MAAMC,QAAoB,EAAE;AAE5BnB,UAAOU,QAAQQ,MAAM,CAAChB,SAAS,CAACM,UAAUC,WAAW;AAGpD,QAFkBA,MAAM5B,SAAS+B,UAAaH,MAAM3B,OAAO8B,QAE5C;KACd,MAAMQ,aAAahC,OAAOoB,aAAaA;KACvC,MAAMa,WAAWZ,MAAM5B,SAAS+B,SAAYtB,aAAamB,MAAM5B,KAAK,GAAG;KACvE,MAAMyC,SAASb,MAAM3B,OAAO8B,SAAYtB,aAAamB,MAAM3B,GAAG,GAAG;AAEjEqC,WAAMI,KAAK;MACVrC,IAAI,GAAGA,GAAE,GAAIsB;MACbrB,OAAO,GAAGiC,WAAU,SAAUC,SAAQ,MAAOC;MAC7CE,UAAU;OACTrB,KAAKjB;OACLuC,OAAOjB;OACP3B,MAAM4B,MAAM5B;OACZC,IAAI2B,MAAM3B;OACX;MACA,CAAC;;KAEF;AAEF,UAAOqC;;EAGRO,WAAWC,MAAMC,iBAAiB;GACjC,MAAMpB,WAAWmB,KAAKH,UAAUC;AAChC,OAAI,CAACjB,SACJ,QAAOoB;AAGR,UAAO;IACN,GAAGA;KACFpB,WAAW,EAAC;IACb;;EAGFqB,wBAAwBX,UAAU;GACjC,IAAIY,QAAQ;AACZ9B,UAAO+B,OAAOb,MAAM,CAAChB,SAASO,UAAU;AACvC,QAAIA,MAAM5B,SAAS+B,UAAaH,MAAM3B,OAAO8B,OAC5CkB;KAEA;AACF,UAAOA;;EAGRE,eAAed,OAAOe,aAAa;AAClC,UACC,oBAAC,mBACCjC,OAAOU,QAAQtB,OAAO,CAAC8C,KAAK,CAAC1B,UAAUY,gBACvC,oBAAC;IAEA,OAAOA;IAGP,OAAOF,MAAMV,aAAa,EAAE;IAC5B,WAAW2B,eACVF,SAAS;KACR,GAAGf;MACFV,WAAW2B;KACZ,CACF;IACA,eACCF,SAAS;KACR,GAAGf;MACFV,WAAW,EAAC;KACb,CACF;MAhBKA,SAkBN,CAAC,GACG;;EAGR,CAAC"}

package/dist/components/ds-table/filters/adapters/create-filter-adapter.cjs

@@ -0,0 +1,83 @@
+
+//#region src/components/ds-table/filters/adapters/create-filter-adapter.ts
+/**
+* Base factory function to create a filter adapter
+*
+* This is the core function that all specialized filter adapters use internally.
+* Use this when checkbox or dual-range adapters don't fit your requirements.
+*
+* ## When to use directly:
+* - Complex filtering logic (e.g., editor + date range)
+* - Unique UI that doesn't fit generic patterns
+* - Combining multiple sub-filters
+* - Special chip generation requirements
+*
+* ## When to use specialized helpers instead:
+* - **Checkbox filters**: Use `createCheckboxFilterAdapter` for multi-select
+* - **Range filters**: Use `createDualRangeFilterAdapter` for numeric ranges
+*
+* ## Example:
+* ```typescript
+* interface MyFilterValue {
+*   users: string[];
+*   dateRange: { from?: Date; to?: Date };
+* }
+*
+* const myFilter = createFilterAdapter<DataType, MyFilterValue>({
+*   id: 'myColumn',
+*   label: 'My Filter',
+*   initialValue: { users: [], dateRange: {} },
+*
+*   filterFn: (row, columnId, filterValue) => {
+*     // Your custom logic
+*     return matchesUsers && matchesDateRange;
+*   },
+*
+*   toChips: (value) => {
+*     // Generate chips from your filter value
+*     return chips;
+*   },
+*
+*   fromChip: (chip, currentValue) => {
+*     // Remove chip's effect from value
+*     return updatedValue;
+*   },
+*
+*   getActiveFiltersCount: (value) => {
+*     // Count active filters (0 means none active)
+*     return count;
+*   },
+*
+*   renderFilter: (value, onChange) => (
+*     <YourCustomFilterComponent
+*       value={value}
+*       onChange={onChange}
+*     />
+*   ),
+* });
+* ```
+*
+* ## Reference Implementation:
+* See `workflow-filters.config.tsx` for a complete example (lastEditedFilterAdapter).
+*
+* ## Note:
+* Most use cases are covered by `createCheckboxFilterAdapter` or `createDualRangeFilterAdapter`.
+* Only use this base function directly when you need completely custom filter logic.
+*/
+function createFilterAdapter(config) {
+	return {
+		id: config.id,
+		label: config.label,
+		initialValue: config.initialValue,
+		columnFilterFn: config.filterFn,
+		cellRenderer: config.cellRenderer,
+		toChips: config.toChips,
+		fromChip: config.fromChip,
+		getActiveFiltersCount: config.getActiveFiltersCount,
+		reset: () => config.initialValue,
+		renderFilter: config.renderFilter
+	};
+}
+
+//#endregion
+exports.createFilterAdapter = createFilterAdapter;