@drivenets/design-system 0.0.4 → 0.1.0

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

@@ -0,0 +1,111 @@
+import { FilterAdapter } from "../types/filter-adapter.types.cjs";
+import { ReactNode } from "react";
+
+//#region src/components/ds-table/filters/adapters/create-filter-adapter.d.ts
+interface FilterAdapterConfig<TData, TFilterValue, TCellValue = unknown> {
+  /**
+   * Unique identifier (should match column accessorKey)
+   */
+  id: string;
+  /**
+   * Display label for filter navigation
+   */
+  label: string;
+  /**
+   * Initial/default value for the filter
+   */
+  initialValue: TFilterValue;
+  /**
+   * Filter function - determines if row matches filter value
+   */
+  filterFn: FilterAdapter<TData, TFilterValue, TCellValue>['columnFilterFn'];
+  /**
+   * Convert filter value to display chips
+   */
+  toChips: FilterAdapter<TData, TFilterValue, TCellValue>['toChips'];
+  /**
+   * Remove chip effect from filter value
+   */
+  fromChip: FilterAdapter<TData, TFilterValue, TCellValue>['fromChip'];
+  /**
+   * Calculate active filter count
+   */
+  getActiveFiltersCount: FilterAdapter<TData, TFilterValue, TCellValue>['getActiveFiltersCount'];
+  /**
+   * Render the filter UI
+   */
+  renderFilter: (value: TFilterValue, onChange: (value: TFilterValue) => void) => ReactNode;
+  /**
+   * Optional custom cell renderer for table cells
+   * Note: This receives the cell value from the table, not the filter value
+   */
+  cellRenderer?: (value: TCellValue) => ReactNode;
+}
+/**
+ * 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.
+ */
+declare function createFilterAdapter<TData, TFilterValue, TCellValue = unknown>(config: FilterAdapterConfig<TData, TFilterValue, TCellValue>): FilterAdapter<TData, TFilterValue, TCellValue>;
+//#endregion
+export { FilterAdapterConfig, createFilterAdapter };
+//# sourceMappingURL=create-filter-adapter.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-filter-adapter.d.cts","names":[],"sources":["../../../../../src/components/ds-table/filters/adapters/create-filter-adapter.ts"],"sourcesContent":[],"mappings":";;;;UAGiB;;AAAjB;;EAmByB,EAAA,EAAA,MAAA;EAAO;;;EAKR,KAAA,EAAA,MAAA;EAAO;;;EAKN,YAAA,EAfV,YAeU;EAAO;;;EAKM,QAAA,EAf3B,aAe2B,CAfb,KAea,EAfN,YAeM,EAfQ,UAeR,CAAA,CAAA,gBAAA,CAAA;EAAO;;;EAKtB,OAAA,EAfb,aAea,CAfC,KAeD,EAfQ,YAeR,EAfsB,UAetB,CAAA,CAAA,SAAA,CAAA;EAAgC;;;EAMhB,QAAA,EAhB5B,aAgB4B,CAhBd,KAgBc,EAhBP,YAgBO,EAhBO,UAgBP,CAAA,CAAA,UAAA,CAAA;EAAS;AAmEhD;;EACoC,qBAAA,EA/EZ,aA+EY,CA/EE,KA+EF,EA/ES,YA+ET,EA/EuB,UA+EvB,CAAA,CAAA,uBAAA,CAAA;EAAc;;;EAC1B,YAAA,EAAA,CAAA,KAAA,EA3ED,YA2EC,EAAA,QAAA,EAAA,CAAA,KAAA,EA3E+B,YA2E/B,EAAA,GAAA,IAAA,EAAA,GA3EyD,SA2EzD;EAAc;;;;yBArEd,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAmEvB,uEACP,oBAAoB,OAAO,cAAc,cAC/C,cAAc,OAAO,cAAc"}

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

@@ -0,0 +1,111 @@
+import { FilterAdapter } from "../types/filter-adapter.types.js";
+import { ReactNode } from "react";
+
+//#region src/components/ds-table/filters/adapters/create-filter-adapter.d.ts
+interface FilterAdapterConfig<TData, TFilterValue, TCellValue = unknown> {
+  /**
+   * Unique identifier (should match column accessorKey)
+   */
+  id: string;
+  /**
+   * Display label for filter navigation
+   */
+  label: string;
+  /**
+   * Initial/default value for the filter
+   */
+  initialValue: TFilterValue;
+  /**
+   * Filter function - determines if row matches filter value
+   */
+  filterFn: FilterAdapter<TData, TFilterValue, TCellValue>['columnFilterFn'];
+  /**
+   * Convert filter value to display chips
+   */
+  toChips: FilterAdapter<TData, TFilterValue, TCellValue>['toChips'];
+  /**
+   * Remove chip effect from filter value
+   */
+  fromChip: FilterAdapter<TData, TFilterValue, TCellValue>['fromChip'];
+  /**
+   * Calculate active filter count
+   */
+  getActiveFiltersCount: FilterAdapter<TData, TFilterValue, TCellValue>['getActiveFiltersCount'];
+  /**
+   * Render the filter UI
+   */
+  renderFilter: (value: TFilterValue, onChange: (value: TFilterValue) => void) => ReactNode;
+  /**
+   * Optional custom cell renderer for table cells
+   * Note: This receives the cell value from the table, not the filter value
+   */
+  cellRenderer?: (value: TCellValue) => ReactNode;
+}
+/**
+ * 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.
+ */
+declare function createFilterAdapter<TData, TFilterValue, TCellValue = unknown>(config: FilterAdapterConfig<TData, TFilterValue, TCellValue>): FilterAdapter<TData, TFilterValue, TCellValue>;
+//#endregion
+export { FilterAdapterConfig, createFilterAdapter };
+//# sourceMappingURL=create-filter-adapter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-filter-adapter.d.ts","names":[],"sources":["../../../../../src/components/ds-table/filters/adapters/create-filter-adapter.ts"],"sourcesContent":[],"mappings":";;;;UAGiB;;AAAjB;;EAmByB,EAAA,EAAA,MAAA;EAAO;;;EAKR,KAAA,EAAA,MAAA;EAAO;;;EAKN,YAAA,EAfV,YAeU;EAAO;;;EAKM,QAAA,EAf3B,aAe2B,CAfb,KAea,EAfN,YAeM,EAfQ,UAeR,CAAA,CAAA,gBAAA,CAAA;EAAO;;;EAKtB,OAAA,EAfb,aAea,CAfC,KAeD,EAfQ,YAeR,EAfsB,UAetB,CAAA,CAAA,SAAA,CAAA;EAAgC;;;EAMhB,QAAA,EAhB5B,aAgB4B,CAhBd,KAgBc,EAhBP,YAgBO,EAhBO,UAgBP,CAAA,CAAA,UAAA,CAAA;EAAS;AAmEhD;;EACoC,qBAAA,EA/EZ,aA+EY,CA/EE,KA+EF,EA/ES,YA+ET,EA/EuB,UA+EvB,CAAA,CAAA,uBAAA,CAAA;EAAc;;;EAC1B,YAAA,EAAA,CAAA,KAAA,EA3ED,YA2EC,EAAA,QAAA,EAAA,CAAA,KAAA,EA3E+B,YA2E/B,EAAA,GAAA,IAAA,EAAA,GA3EyD,SA2EzD;EAAc;;;;yBArEd,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAmEvB,uEACP,oBAAoB,OAAO,cAAc,cAC/C,cAAc,OAAO,cAAc"}

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

@@ -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
+export { createFilterAdapter };
+//# sourceMappingURL=create-filter-adapter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-filter-adapter.js","names":["ReactNode","FilterAdapter","FilterAdapterConfig","id","label","initialValue","TFilterValue","filterFn","TData","TCellValue","toChips","fromChip","getActiveFiltersCount","renderFilter","value","onChange","cellRenderer","createFilterAdapter","config","columnFilterFn","reset"],"sources":["../../../../../src/components/ds-table/filters/adapters/create-filter-adapter.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { FilterAdapter } from '../types/filter-adapter.types';\n\nexport interface FilterAdapterConfig<TData, TFilterValue, TCellValue = unknown> {\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 * Initial/default value for the filter\n\t */\n\tinitialValue: TFilterValue;\n\n\t/**\n\t * Filter function - determines if row matches filter value\n\t */\n\tfilterFn: FilterAdapter<TData, TFilterValue, TCellValue>['columnFilterFn'];\n\n\t/**\n\t * Convert filter value to display chips\n\t */\n\ttoChips: FilterAdapter<TData, TFilterValue, TCellValue>['toChips'];\n\n\t/**\n\t * Remove chip effect from filter value\n\t */\n\tfromChip: FilterAdapter<TData, TFilterValue, TCellValue>['fromChip'];\n\n\t/**\n\t * Calculate active filter count\n\t */\n\tgetActiveFiltersCount: FilterAdapter<TData, TFilterValue, TCellValue>['getActiveFiltersCount'];\n\n\t/**\n\t * Render the filter UI\n\t */\n\trenderFilter: (value: TFilterValue, onChange: (value: TFilterValue) => void) => ReactNode;\n\n\t/**\n\t * Optional custom cell renderer for table cells\n\t * Note: This receives the cell value from the table, not the filter value\n\t */\n\tcellRenderer?: (value: TCellValue) => ReactNode;\n}\n\n/**\n * Base factory function to create a filter adapter\n *\n * This is the core function that all specialized filter adapters use internally.\n * Use this when checkbox or dual-range adapters don't fit your requirements.\n *\n * ## When to use directly:\n * - Complex filtering logic (e.g., editor + date range)\n * - Unique UI that doesn't fit generic patterns\n * - Combining multiple sub-filters\n * - Special chip generation requirements\n *\n * ## When to use specialized helpers instead:\n * - **Checkbox filters**: Use `createCheckboxFilterAdapter` for multi-select\n * - **Range filters**: Use `createDualRangeFilterAdapter` for numeric ranges\n *\n * ## Example:\n * ```typescript\n * interface MyFilterValue {\n *   users: string[];\n *   dateRange: { from?: Date; to?: Date };\n * }\n *\n * const myFilter = createFilterAdapter<DataType, MyFilterValue>({\n *   id: 'myColumn',\n *   label: 'My Filter',\n *   initialValue: { users: [], dateRange: {} },\n *\n *   filterFn: (row, columnId, filterValue) => {\n *     // Your custom logic\n *     return matchesUsers && matchesDateRange;\n *   },\n *\n *   toChips: (value) => {\n *     // Generate chips from your filter value\n *     return chips;\n *   },\n *\n *   fromChip: (chip, currentValue) => {\n *     // Remove chip's effect from value\n *     return updatedValue;\n *   },\n *\n *   getActiveFiltersCount: (value) => {\n *     // Count active filters (0 means none active)\n *     return count;\n *   },\n *\n *   renderFilter: (value, onChange) => (\n *     <YourCustomFilterComponent\n *       value={value}\n *       onChange={onChange}\n *     />\n *   ),\n * });\n * ```\n *\n * ## Reference Implementation:\n * See `workflow-filters.config.tsx` for a complete example (lastEditedFilterAdapter).\n *\n * ## Note:\n * Most use cases are covered by `createCheckboxFilterAdapter` or `createDualRangeFilterAdapter`.\n * Only use this base function directly when you need completely custom filter logic.\n */\nexport function createFilterAdapter<TData, TFilterValue, TCellValue = unknown>(\n\tconfig: FilterAdapterConfig<TData, TFilterValue, TCellValue>,\n): FilterAdapter<TData, TFilterValue, TCellValue> {\n\treturn {\n\t\tid: config.id,\n\t\tlabel: config.label,\n\t\tinitialValue: config.initialValue,\n\t\tcolumnFilterFn: config.filterFn,\n\t\tcellRenderer: config.cellRenderer,\n\t\ttoChips: config.toChips,\n\t\tfromChip: config.fromChip,\n\t\tgetActiveFiltersCount: config.getActiveFiltersCount,\n\t\treset: () => config.initialValue,\n\t\trenderFilter: config.renderFilter,\n\t};\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmHA,SAAgBiB,oBACfC,QACiD;AACjD,QAAO;EACNf,IAAIe,OAAOf;EACXC,OAAOc,OAAOd;EACdC,cAAca,OAAOb;EACrBc,gBAAgBD,OAAOX;EACvBS,cAAcE,OAAOF;EACrBN,SAASQ,OAAOR;EAChBC,UAAUO,OAAOP;EACjBC,uBAAuBM,OAAON;EAC9BQ,aAAaF,OAAOb;EACpBQ,cAAcK,OAAOL;EACrB"}

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

@@ -0,0 +1,3 @@
+const require_create_filter_adapter = require('./create-filter-adapter.cjs');
+const require_create_checkbox_filter_adapter = require('./create-checkbox-filter-adapter.cjs');
+const require_create_dual_range_filter_adapter = require('./create-dual-range-filter-adapter.cjs');

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

@@ -0,0 +1,3 @@
+import { FilterAdapterConfig, createFilterAdapter } from "./create-filter-adapter.js";
+import { CheckboxFilterAdapterConfig, createCheckboxFilterAdapter } from "./create-checkbox-filter-adapter.js";
+import { DualRangeFilterAdapterConfig, DualRangeFilterValue, RangeValue, createDualRangeFilterAdapter } from "./create-dual-range-filter-adapter.js";

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

@@ -0,0 +1,3 @@
+import { createFilterAdapter } from "./create-filter-adapter.js";
+import { createCheckboxFilterAdapter } from "./create-checkbox-filter-adapter.js";
+import { createDualRangeFilterAdapter } from "./create-dual-range-filter-adapter.js";

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

@@ -0,0 +1,22 @@
+const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
+const require_ds_checkbox = require('../../../../ds-checkbox/ds-checkbox.cjs');
+require('../../../../ds-checkbox/index.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ds-table/filters/components/checkbox-filter/checkbox-filter.tsx
+const CheckboxFilter = ({ items, renderer, selectedItems, onSelectionChange }) => {
+	const handleCheckedChange = (selected, checked) => {
+		if (checked) onSelectionChange([...selectedItems, selected]);
+		else onSelectionChange(selectedItems.filter((item) => item.value !== selected.value));
+	};
+	return items.map((item) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_checkbox.default, {
+			label: renderer ? renderer(item) : item.label,
+			checked: selectedItems.findIndex((selectedItem) => selectedItem.value === item.value) > -1,
+			onCheckedChange: (newState) => handleCheckedChange(item, newState === true)
+		}, JSON.stringify(item.value));
+	});
+};
+
+//#endregion
+exports.CheckboxFilter = CheckboxFilter;

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

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+
+//#region src/components/ds-table/filters/components/checkbox-filter/checkbox-filter.d.ts
+interface CheckboxFilterItem<TValue = string> {
+  value: TValue;
+  label: string;
+  metadata?: Record<string, unknown>;
+}
+interface CheckboxFilterProps<TValue> {
+  items: CheckboxFilterItem<TValue>[];
+  renderer?: (item: CheckboxFilterItem<TValue>) => ReactNode;
+  selectedItems: CheckboxFilterItem<TValue>[];
+  onSelectionChange: (selectedItems: CheckboxFilterItem<TValue>[]) => void;
+}
+//#endregion
+export { CheckboxFilterItem, CheckboxFilterProps };
+//# sourceMappingURL=checkbox-filter.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-filter.d.cts","names":[],"sources":["../../../../../../src/components/ds-table/filters/components/checkbox-filter/checkbox-filter.tsx"],"sourcesContent":[],"mappings":";;;UAGiB;SACT;EADS,KAAA,EAAA,MAAA;EAMA,QAAA,CAAA,EAHL,MAGK,CAAA,MAAmB,EAAA,OAAA,CAAA;;AAC5B,UADS,mBACT,CAAA,MAAA,CAAA,CAAA;EAC8B,KAAA,EAD9B,kBAC8B,CADX,MACW,CAAA,EAAA;EAAnB,QAAA,CAAA,EAAA,CAAA,IAAA,EAAA,kBAAA,CAAmB,MAAnB,CAAA,EAAA,GAA+B,SAA/B;EAA+B,aAAA,EAClC,kBADkC,CACf,MADe,CAAA,EAAA;EACf,iBAAA,EAAA,CAAA,aAAA,EACC,kBADD,CACoB,MADpB,CAAA,EAAA,EAAA,GAAA,IAAA"}

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

@@ -0,0 +1,18 @@
+import "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/ds-table/filters/components/checkbox-filter/checkbox-filter.d.ts
+interface CheckboxFilterItem<TValue = string> {
+  value: TValue;
+  label: string;
+  metadata?: Record<string, unknown>;
+}
+interface CheckboxFilterProps<TValue> {
+  items: CheckboxFilterItem<TValue>[];
+  renderer?: (item: CheckboxFilterItem<TValue>) => ReactNode;
+  selectedItems: CheckboxFilterItem<TValue>[];
+  onSelectionChange: (selectedItems: CheckboxFilterItem<TValue>[]) => void;
+}
+//#endregion
+export { CheckboxFilterItem, CheckboxFilterProps };
+//# sourceMappingURL=checkbox-filter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-filter.d.ts","names":[],"sources":["../../../../../../src/components/ds-table/filters/components/checkbox-filter/checkbox-filter.tsx"],"sourcesContent":[],"mappings":";;;;UAGiB;SACT;;EADS,QAAA,CAAA,EAGL,MAHK,CAAA,MAAkB,EAAA,OAAA,CAAA;AAMnC;AAC2B,UADV,mBACU,CAAA,MAAA,CAAA,CAAA;EAAnB,KAAA,EAAA,kBAAA,CAAmB,MAAnB,CAAA,EAAA;EAC8B,QAAA,CAAA,EAAA,CAAA,IAAA,EAAnB,kBAAmB,CAAA,MAAA,CAAA,EAAA,GAAY,SAAZ;EAAnB,aAAA,EACH,kBADG,CACgB,MADhB,CAAA,EAAA;EAA+B,iBAAA,EAAA,CAAA,aAAA,EAEd,kBAFc,CAEK,MAFL,CAAA,EAAA,EAAA,GAAA,IAAA"}

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

@@ -0,0 +1,22 @@
+import ds_checkbox_default from "../../../../ds-checkbox/ds-checkbox.js";
+import "../../../../ds-checkbox/index.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ds-table/filters/components/checkbox-filter/checkbox-filter.tsx
+const CheckboxFilter = ({ items, renderer, selectedItems, onSelectionChange }) => {
+	const handleCheckedChange = (selected, checked) => {
+		if (checked) onSelectionChange([...selectedItems, selected]);
+		else onSelectionChange(selectedItems.filter((item) => item.value !== selected.value));
+	};
+	return items.map((item) => {
+		return /* @__PURE__ */ jsx(ds_checkbox_default, {
+			label: renderer ? renderer(item) : item.label,
+			checked: selectedItems.findIndex((selectedItem) => selectedItem.value === item.value) > -1,
+			onCheckedChange: (newState) => handleCheckedChange(item, newState === true)
+		}, JSON.stringify(item.value));
+	});
+};
+
+//#endregion
+export { CheckboxFilter };
+//# sourceMappingURL=checkbox-filter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-filter.js","names":["ReactNode","DsCheckbox","CheckboxFilterItem","value","TValue","label","metadata","Record","CheckboxFilterProps","items","renderer","item","selectedItems","onSelectionChange","CheckboxFilter","handleCheckedChange","selected","checked","filter","map","findIndex","selectedItem","JSON","stringify","newState"],"sources":["../../../../../../src/components/ds-table/filters/components/checkbox-filter/checkbox-filter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { DsCheckbox } from '../../../../ds-checkbox';\n\nexport interface CheckboxFilterItem<TValue = string> {\n\tvalue: TValue;\n\tlabel: string;\n\tmetadata?: Record<string, unknown>;\n}\n\nexport interface CheckboxFilterProps<TValue> {\n\titems: CheckboxFilterItem<TValue>[];\n\trenderer?: (item: CheckboxFilterItem<TValue>) => ReactNode;\n\tselectedItems: CheckboxFilterItem<TValue>[];\n\tonSelectionChange: (selectedItems: CheckboxFilterItem<TValue>[]) => void;\n}\n\nexport const CheckboxFilter = <TValue,>({\n\titems,\n\trenderer,\n\tselectedItems,\n\tonSelectionChange,\n}: CheckboxFilterProps<TValue>) => {\n\tconst handleCheckedChange = (selected: CheckboxFilterItem<TValue>, checked: boolean) => {\n\t\tif (checked) {\n\t\t\tonSelectionChange([...selectedItems, selected]);\n\t\t} else {\n\t\t\tonSelectionChange(selectedItems.filter((item) => item.value !== selected.value));\n\t\t}\n\t};\n\n\treturn items.map((item) => {\n\t\tconst label = renderer ? renderer(item) : item.label;\n\t\tconst checked = selectedItems.findIndex((selectedItem) => selectedItem.value === item.value) > -1;\n\t\treturn (\n\t\t\t<DsCheckbox\n\t\t\t\tkey={JSON.stringify(item.value)}\n\t\t\t\tlabel={label}\n\t\t\t\tchecked={checked}\n\t\t\t\tonCheckedChange={(newState) => handleCheckedChange(item, newState === true)}\n\t\t\t/>\n\t\t);\n\t});\n};\n"],"mappings":";;;;;AAgBA,MAAac,kBAA2B,EACvCL,OACAC,UACAE,eACAC,wBACkC;CAClC,MAAME,uBAAuBC,UAAsCC,YAAqB;AACvF,MAAIA,QACHJ,mBAAkB,CAAC,GAAGD,eAAeI,SAAS,CAAC;MAE/CH,mBAAkBD,cAAcM,QAAQP,SAASA,KAAKR,UAAUa,SAASb,MAAM,CAAC;;AAIlF,QAAOM,MAAMU,KAAKR,SAAS;AAG1B,SACC,oBAAC;GAEA,OALYD,WAAWA,SAASC,KAAK,GAAGA,KAAKN;GAM7C,SALcO,cAAcQ,WAAWC,iBAAiBA,aAAalB,UAAUQ,KAAKR,MAAM,GAAG;GAM7F,kBAAkBqB,aAAaT,oBAAoBJ,MAAMa,aAAa,KAAK;KAHtEF,KAAKC,UAAUZ,KAAKR,MAAM,CAI9B;GAEF"}

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

@@ -0,0 +1 @@
+const require_checkbox_filter = require('./checkbox-filter.cjs');

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

@@ -0,0 +1 @@
+import { CheckboxFilterItem, CheckboxFilterProps } from "./checkbox-filter.js";

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

@@ -0,0 +1 @@
+import { CheckboxFilter } from "./checkbox-filter.js";

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

@@ -0,0 +1 @@
+const require_range_filter = require('./range-filter.cjs');

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

@@ -0,0 +1 @@
+import { RangeFilterProps, RangeFilterValue } from "./range-filter.js";

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

@@ -0,0 +1 @@
+import { RangeFilter } from "./range-filter.js";

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

@@ -0,0 +1,177 @@
+const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
+const require_ds_typography = require('../../../../ds-typography/ds-typography.cjs');
+require('../../../../ds-typography/index.cjs');
+const require_ds_text_input = require('../../../../ds-text-input/ds-text-input.cjs');
+require('../../../../ds-text-input/index.cjs');
+const require_ds_button = require('../../../../ds-button/ds-button.cjs');
+require('../../../../ds-button/index.cjs');
+const require_range_filter_module = require('./range-filter.module.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+
+//#region src/components/ds-table/filters/components/range-filter/range-filter.tsx
+const RangeFilter = (t0) => {
+	const $ = (0, react_compiler_runtime.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] = (0, react.useState)(t1);
+	let t2;
+	if ($[2] !== value.to) {
+		t2 = value.to?.toString() || "";
+		$[2] = value.to;
+		$[3] = t2;
+	} else t2 = $[3];
+	const [localTo, setLocalTo] = (0, react.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__ */ (0, react_jsx_runtime.jsx)(require_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__ */ (0, react_jsx_runtime.jsx)(require_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__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_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__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+			variant: "body-sm-reg",
+			children: "From"
+		});
+		$[21] = t9;
+	} else t9 = $[21];
+	let t10;
+	if ($[22] !== handleFromChange || $[23] !== localFrom) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_range_filter_module.default.inputGroup,
+			children: [t9, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_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__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+			variant: "body-sm-reg",
+			children: "To"
+		});
+		$[25] = t11;
+	} else t11 = $[25];
+	let t12;
+	if ($[26] !== handleToChange || $[27] !== localTo) {
+		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_range_filter_module.default.inputGroup,
+			children: [t11, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_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__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_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__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_range_filter_module.default.container,
+			children: [t8, t13]
+		});
+		$[32] = t13;
+		$[33] = t8;
+		$[34] = t14;
+	} else t14 = $[34];
+	return t14;
+};
+
+//#endregion
+exports.RangeFilter = RangeFilter;

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

@@ -0,0 +1,14 @@
+//#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.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"range-filter.d.cts","names":[],"sources":["../../../../../../src/components/ds-table/filters/components/range-filter/range-filter.tsx"],"sourcesContent":[],"mappings":";UAMiB,gBAAA;EAAA,IAAA,CAAA,EAAA,MAAA;EAKA,EAAA,CAAA,EAAA,MAAA;;UAAA,gBAAA;;SAET;oBACW"}