eidos-ui 1.0.1 → 1.1.0

package/dist/{chunk-6GAIQ2IY.cjs → chunk-A5JVDHML.cjs}

@@ -11,40 +11,46 @@
 
 
 
-var _chunkL3UPSLJ5cjs = require('./chunk-L3UPSLJ5.cjs');
+var _chunkPA4IT2XQcjs = require('./chunk-PA4IT2XQ.cjs');
 
 
-var _chunkR36SGSJXcjs = require('./chunk-R36SGSJX.cjs');
+var _chunkTROYIUDHcjs = require('./chunk-TROYIUDH.cjs');
 
 
-var _chunkVZ43OLU6cjs = require('./chunk-VZ43OLU6.cjs');
+var _chunkEQEV7GPTcjs = require('./chunk-EQEV7GPT.cjs');
 
 
-var _chunkSAFSEXMUcjs = require('./chunk-SAFSEXMU.cjs');
+var _chunkISABZ2VXcjs = require('./chunk-ISABZ2VX.cjs');
 
 
-var _chunkQGZF5MOScjs = require('./chunk-QGZF5MOS.cjs');
+var _chunkDKZTDYH5cjs = require('./chunk-DKZTDYH5.cjs');
 
 
-var _chunkV5JNYS77cjs = require('./chunk-V5JNYS77.cjs');
+var _chunkHLNKIAE5cjs = require('./chunk-HLNKIAE5.cjs');
 
 
-var _chunkG2FANEA2cjs = require('./chunk-G2FANEA2.cjs');
+var _chunkKV3V2CPHcjs = require('./chunk-KV3V2CPH.cjs');
 
 
-var _chunkCDV2OAS3cjs = require('./chunk-CDV2OAS3.cjs');
+var _chunkIJ4DXG7Dcjs = require('./chunk-IJ4DXG7D.cjs');
 
 
-var _chunkBFYSYUA6cjs = require('./chunk-BFYSYUA6.cjs');
+var _chunkHNUTV3HRcjs = require('./chunk-HNUTV3HR.cjs');
 
 
-var _chunkKV2FG7ANcjs = require('./chunk-KV2FG7AN.cjs');
+var _chunkG5IGADJIcjs = require('./chunk-G5IGADJI.cjs');
 
 
-var _chunkLTOHGCU4cjs = require('./chunk-LTOHGCU4.cjs');
+var _chunkFMPXSF3Hcjs = require('./chunk-FMPXSF3H.cjs');
 
 
-var _chunkTBMVUI7Scjs = require('./chunk-TBMVUI7S.cjs');
+var _chunkFRUOA2QUcjs = require('./chunk-FRUOA2QU.cjs');
+
+
+var _chunkA7Z2QAFZcjs = require('./chunk-A7Z2QAFZ.cjs');
+
+
+var _chunkGOR642KKcjs = require('./chunk-GOR642KK.cjs');
 
 // src/components/DataGrid/DataGrid.component.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -65,13 +71,20 @@ var _reactdom = require('react-dom');
 var _lucidereact = require('lucide-react');
 var _jsxruntime = require('react/jsx-runtime');
 var MIN_COLUMN_WIDTH_PX = 100;
+var QUICK_FILTER_RESET_VALUE = "";
+var hasFilterValue = (value) => {
+  if (value === void 0 || value === null || value === "") return false;
+  if (Array.isArray(value)) return value.length > 0;
+  if (typeof value === "object" && "start" in value) return !!(value.start || value.end);
+  return true;
+};
 function SortableTableRow({
   id,
   disabled,
   className,
   children
 }) {
-  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = _chunkL3UPSLJ5cjs.useSortable.call(void 0, {
+  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = _chunkPA4IT2XQcjs.useSortable.call(void 0, {
     id,
     disabled
   });
@@ -81,7 +94,7 @@ function SortableTableRow({
       ref: setNodeRef,
       className: [className, isDragging ? "eidos-datagrid-row--dragging" : ""].filter(Boolean).join(" "),
       style: {
-        transform: _chunkL3UPSLJ5cjs.CSS.Transform.toString(transform),
+        transform: _chunkPA4IT2XQcjs.CSS.Transform.toString(transform),
         transition: _nullishCoalesce(transition, () => ( void 0)),
         opacity: isDragging ? 0.4 : 1
       },
@@ -176,6 +189,8 @@ function DataGridInner({
   filterConfig = [],
   filters,
   onFiltersChange,
+  // ── Quick filters ──────────────────────────────────────────────────────────
+  quickFilters = [],
   // ── Pagination ─────────────────────────────────────────────────────────────
   showPagination = false,
   pageSize = 10,
@@ -238,7 +253,13 @@ function DataGridInner({
   );
   const effectiveDensity = showDensity ? internalDensity : density;
   const [internalSort, setInternalSort] = _react.useState.call(void 0, null);
-  const [internalFilters, setInternalFilters] = _react.useState.call(void 0, {});
+  const [internalFilters, setInternalFilters] = _react.useState.call(void 0, () => {
+    const seeded = {};
+    quickFilters.forEach(({ key, defaultValue }) => {
+      if (hasFilterValue(defaultValue)) seeded[key] = defaultValue;
+    });
+    return seeded;
+  });
   const [currentPage, setCurrentPage] = _react.useState.call(void 0, 1);
   const [currentPageSize, setCurrentPageSize] = _react.useState.call(void 0, pageSize);
   const isControlledSelection = controlledSelectedRows !== void 0;
@@ -319,8 +340,9 @@ function DataGridInner({
     () => new Set(isControlledExpansion ? _nullishCoalesce(controlledExpandedRows, () => ( [])) : [...internalExpandedKeys]),
     [isControlledExpansion, controlledExpandedRows, internalExpandedKeys]
   );
+  const quickFilterKeys = _react.useMemo.call(void 0, () => new Set(quickFilters.map((f) => f.key)), [quickFilters]);
   const filterDropdownColumns = _react.useMemo.call(void 0, () => {
-    return filterConfig.map(
+    return filterConfig.filter((field) => !quickFilterKeys.has(field.key)).map(
       (field) => ({
         key: field.key,
         label: field.label,
@@ -330,7 +352,17 @@ function DataGridInner({
         dateFilterMode: field.dateFilterMode
       })
     );
-  }, [filterConfig]);
+  }, [filterConfig, quickFilterKeys]);
+  const dropdownFilterKeys = _react.useMemo.call(void 0, 
+    () => new Set(filterDropdownColumns.map((col) => String(col.key))),
+    [filterDropdownColumns]
+  );
+  const dropdownFilters = _react.useMemo.call(void 0, 
+    () => Object.fromEntries(
+      Object.entries(activeFilters).filter(([key]) => dropdownFilterKeys.has(key))
+    ),
+    [activeFilters, dropdownFilterKeys]
+  );
   const filteredData = _react.useMemo.call(void 0, () => {
     if (onFiltersChange) return localData;
     const filterEntries = Object.entries(activeFilters).filter(([, val]) => {
@@ -667,7 +699,7 @@ function DataGridInner({
     },
     [onSortChange, currentSort]
   );
-  const handleFiltersChange = _react.useCallback.call(void 0, 
+  const commitFilters = _react.useCallback.call(void 0, 
     (newFilters) => {
       setCurrentPage(1);
       if (onFiltersChange) {
@@ -678,6 +710,28 @@ function DataGridInner({
     },
     [onFiltersChange]
   );
+  const handleFiltersChange = _react.useCallback.call(void 0, 
+    (newFilters) => {
+      const preserved = Object.entries(activeFilters).filter(
+        ([key]) => !dropdownFilterKeys.has(key)
+      );
+      commitFilters({ ...Object.fromEntries(preserved), ...newFilters });
+    },
+    [activeFilters, dropdownFilterKeys, commitFilters]
+  );
+  const handleQuickFilterChange = _react.useCallback.call(void 0, 
+    (key, value) => {
+      const next = { ...activeFilters };
+      if (hasFilterValue(value)) {
+        next[key] = value;
+      } else {
+        delete next[key];
+      }
+      commitFilters(next);
+    },
+    [activeFilters, commitFilters]
+  );
+  const clearAllFilters = _react.useCallback.call(void 0, () => commitFilters({}), [commitFilters]);
   const handlePageChange = _react.useCallback.call(void 0, 
     (page) => {
       setCurrentPage(page);
@@ -693,9 +747,9 @@ function DataGridInner({
     },
     [onPageChange]
   );
-  const sensors = _chunkL3UPSLJ5cjs.useSensors.call(void 0, 
-    _chunkL3UPSLJ5cjs.useSensor.call(void 0, _chunkL3UPSLJ5cjs.PointerSensor, { activationConstraint: { distance: 5 } }),
-    _chunkL3UPSLJ5cjs.useSensor.call(void 0, _chunkL3UPSLJ5cjs.KeyboardSensor)
+  const sensors = _chunkPA4IT2XQcjs.useSensors.call(void 0, 
+    _chunkPA4IT2XQcjs.useSensor.call(void 0, _chunkPA4IT2XQcjs.PointerSensor, { activationConstraint: { distance: 5 } }),
+    _chunkPA4IT2XQcjs.useSensor.call(void 0, _chunkPA4IT2XQcjs.KeyboardSensor)
   );
   const handleRowDragEnd = _react.useCallback.call(void 0, 
     (event) => {
@@ -709,7 +763,7 @@ function DataGridInner({
         (row, i) => String(_nullishCoalesce(row[rowKey], () => ( i))) === String(over.id)
       );
       if (oldIndex === -1 || newIndex === -1) return;
-      const newData = _chunkL3UPSLJ5cjs.arrayMove.call(void 0, localDataRef.current, oldIndex, newIndex);
+      const newData = _chunkPA4IT2XQcjs.arrayMove.call(void 0, localDataRef.current, oldIndex, newIndex);
       setLocalData(newData);
       _optionalChain([onChange, 'optionalCall', _26 => _26(newData)]);
       _optionalChain([onRowReorder, 'optionalCall', _27 => _27(newData)]);
@@ -721,7 +775,7 @@ function DataGridInner({
     switch (col.type) {
       case "checkbox":
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkG2FANEA2cjs.Checkbox,
+          _chunkIJ4DXG7Dcjs.Checkbox,
           {
             checked: Boolean(value),
             onChange: () => {
@@ -750,7 +804,7 @@ function DataGridInner({
     switch (col.type) {
       case "number":
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkCDV2OAS3cjs.Input,
+          _chunkG5IGADJIcjs.Input,
           {
             type: "number",
             variant,
@@ -764,7 +818,7 @@ function DataGridInner({
         );
       case "date":
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkCDV2OAS3cjs.Input,
+          _chunkG5IGADJIcjs.Input,
           {
             type: "date",
             variant,
@@ -783,7 +837,7 @@ function DataGridInner({
           label: o.label
         }));
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkQGZF5MOScjs.Select,
+          _chunkHLNKIAE5cjs.Select,
           {
             options: selectOptions,
             value: String(_nullishCoalesce(value, () => ( ""))),
@@ -805,7 +859,7 @@ function DataGridInner({
       }
       default:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkCDV2OAS3cjs.Input,
+          _chunkG5IGADJIcjs.Input,
           {
             type: "text",
             variant,
@@ -878,9 +932,9 @@ function DataGridInner({
     });
     if (!items.length) return null;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBFYSYUA6cjs.Menu,
+      _chunkFMPXSF3Hcjs.Menu,
       {
-        trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: "eidos-datagrid-actions-trigger", "aria-label": "Row actions", children: actionsColumn.actionsIcon ? _chunkTBMVUI7Scjs.renderIcon.call(void 0, actionsColumn.actionsIcon, "eidos-datagrid-actions-trigger-icon") : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MoreVertical, { size: 16 }) }),
+        trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: "eidos-datagrid-actions-trigger", "aria-label": "Row actions", children: actionsColumn.actionsIcon ? _chunkGOR642KKcjs.renderIcon.call(void 0, actionsColumn.actionsIcon, "eidos-datagrid-actions-trigger-icon") : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MoreVertical, { size: 16 }) }),
         items
       }
     );
@@ -899,7 +953,82 @@ function DataGridInner({
   if (stickyHeader && maxHeight) {
     containerStyle.maxHeight = typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight;
   }
-  const showToolbar = !!showFilters || !!showDensity || !!selectable || !!onRowAdd;
+  const showToolbar = !!showFilters || quickFilters.length > 0 || !!showDensity || !!selectable || !!onRowAdd;
+  const showQuickFilters = quickFilters.length > 0 && !(selectable && hasSelection);
+  const renderQuickFilter = (quickFilter) => {
+    const { key, label, disabled, width } = quickFilter;
+    const value = activeFilters[key];
+    const style = width === void 0 ? void 0 : {
+      "--eidos-datagrid-quick-filter-width": typeof width === "number" ? `${width}px` : width
+    };
+    const control = (() => {
+      switch (quickFilter.type) {
+        case "segmented":
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkDKZTDYH5cjs.SegmentedControl,
+            {
+              size: "sm",
+              color: quickFilter.color,
+              disabled,
+              options: [
+                { value: QUICK_FILTER_RESET_VALUE, label: _nullishCoalesce(quickFilter.allLabel, () => ( "All")) },
+                ...quickFilter.options
+              ],
+              value: typeof value === "string" ? value : QUICK_FILTER_RESET_VALUE,
+              onChange: (next) => handleQuickFilterChange(key, next)
+            }
+          );
+        case "combobox":
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkHNUTV3HRcjs.Combobox,
+            {
+              size: "sm",
+              fullWidth: true,
+              disabled,
+              placeholder: _nullishCoalesce(quickFilter.placeholder, () => ( label)),
+              clearable: _nullishCoalesce(quickFilter.clearable, () => ( true)),
+              emptyText: quickFilter.emptyText,
+              loading: quickFilter.loading,
+              loadingText: quickFilter.loadingText,
+              onSearch: quickFilter.onSearch,
+              options: (_nullishCoalesce(quickFilter.options, () => ( []))).map((option) => ({
+                ...option,
+                id: option.value
+              })),
+              value: typeof value === "string" ? value : "",
+              onChange: (next) => handleQuickFilterChange(key, next)
+            }
+          );
+        case "select":
+        default:
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkHLNKIAE5cjs.Select,
+            {
+              fullWidth: true,
+              inputProps: { size: "sm" },
+              disabled,
+              placeholder: _nullishCoalesce(quickFilter.placeholder, () => ( label)),
+              clearable: _nullishCoalesce(quickFilter.clearable, () => ( true)),
+              multiple: quickFilter.multiple,
+              options: quickFilter.options.map((option) => ({ ...option, id: option.value })),
+              value: quickFilter.multiple ? Array.isArray(value) ? value : [] : typeof value === "string" ? value : "",
+              onChange: (next) => handleQuickFilterChange(key, next)
+            }
+          );
+      }
+    })();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: `eidos-datagrid-quick-filter eidos-datagrid-quick-filter--${quickFilter.type}`,
+        style,
+        role: "group",
+        "aria-label": label,
+        children: control
+      },
+      key
+    );
+  };
   const densityClass = effectiveDensity !== "comfortable" ? `eidos-datagrid--${effectiveDensity}` : "";
   const effectivePageSizeOptions = _react.useMemo.call(void 0, () => {
     const opts = _nullishCoalesce(pageSizeOptions, () => ( [10, 25, 50, 100]));
@@ -912,7 +1041,7 @@ function DataGridInner({
         ref: setContainerRef,
         className: ["eidos-data-grid-container", className].filter(Boolean).join(" "),
         children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-data-grid-loading", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkR36SGSJXcjs.Spinner, { size: "md" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTROYIUDHcjs.Spinner, { size: "md" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: "Loading\u2026" })
         ] })
       }
@@ -939,80 +1068,83 @@ function DataGridInner({
       style: containerStyle,
       children: [
         showToolbar && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-datagrid-toolbar", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-datagrid-toolbar-left", children: selectable && hasSelection && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-datagrid-selection-count", children: [
-              selectedSet.size,
-              " selected"
-            ] }),
-            bulkActions && bulkActions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-datagrid-bulk-actions", children: bulkActions.map((action) => {
-              const isDisabled = typeof action.disabled === "function" ? action.disabled(selectedItems) : _nullishCoalesce(action.disabled, () => ( false));
-              if (action.type === "split-button") {
-                return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkVZ43OLU6cjs.SplitButton,
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-datagrid-toolbar-left", children: [
+            showQuickFilters && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-datagrid-quick-filters", children: quickFilters.map(renderQuickFilter) }),
+            selectable && hasSelection && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-datagrid-selection-count", children: [
+                selectedSet.size,
+                " selected"
+              ] }),
+              bulkActions && bulkActions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-datagrid-bulk-actions", children: bulkActions.map((action) => {
+                const isDisabled = typeof action.disabled === "function" ? action.disabled(selectedItems) : _nullishCoalesce(action.disabled, () => ( false));
+                if (action.type === "split-button") {
+                  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _chunkEQEV7GPTcjs.SplitButton,
+                    {
+                      size: "sm",
+                      variant: _nullishCoalesce(action.variant, () => ( "outlined")),
+                      color: _nullishCoalesce(action.color, () => ( "secondary")),
+                      preIcon: action.icon,
+                      disabled: isDisabled,
+                      label: action.label,
+                      onClick: () => action.onClick(selectedItems),
+                      options: action.options.map((option) => ({
+                        id: option.id,
+                        label: option.label,
+                        icon: option.icon,
+                        disabled: option.disabled,
+                        onClick: () => option.onClick(selectedItems)
+                      }))
+                    },
+                    action.id
+                  );
+                }
+                return action.label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkA7Z2QAFZcjs.Button,
                   {
                     size: "sm",
                     variant: _nullishCoalesce(action.variant, () => ( "outlined")),
                     color: _nullishCoalesce(action.color, () => ( "secondary")),
                     preIcon: action.icon,
+                    posIcon: action.posIcon,
                     disabled: isDisabled,
-                    label: action.label,
                     onClick: () => action.onClick(selectedItems),
-                    options: action.options.map((option) => ({
-                      id: option.id,
-                      label: option.label,
-                      icon: option.icon,
-                      disabled: option.disabled,
-                      onClick: () => option.onClick(selectedItems)
-                    }))
+                    children: action.label
                   },
                   action.id
-                );
-              }
-              return action.label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkLTOHGCU4cjs.Button,
-                {
-                  size: "sm",
-                  variant: _nullishCoalesce(action.variant, () => ( "outlined")),
-                  color: _nullishCoalesce(action.color, () => ( "secondary")),
-                  preIcon: action.icon,
-                  posIcon: action.posIcon,
-                  disabled: isDisabled,
-                  onClick: () => action.onClick(selectedItems),
-                  children: action.label
-                },
-                action.id
-              ) : action.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkLTOHGCU4cjs.Button,
+                ) : action.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkA7Z2QAFZcjs.Button,
+                  {
+                    size: "sm",
+                    variant: _nullishCoalesce(action.variant, () => ( "outlined")),
+                    color: _nullishCoalesce(action.color, () => ( "secondary")),
+                    icon: action.icon,
+                    disabled: isDisabled,
+                    onClick: () => action.onClick(selectedItems)
+                  },
+                  action.id
+                ) : null;
+              }) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "button",
                 {
-                  size: "sm",
-                  variant: _nullishCoalesce(action.variant, () => ( "outlined")),
-                  color: _nullishCoalesce(action.color, () => ( "secondary")),
-                  icon: action.icon,
-                  disabled: isDisabled,
-                  onClick: () => action.onClick(selectedItems)
-                },
-                action.id
-              ) : null;
-            }) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
-              {
-                type: "button",
-                className: "eidos-datagrid-clear-selection",
-                onClick: clearSelection,
-                "aria-label": "Clear selection",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { size: 14 })
-              }
-            )
-          ] }) }),
+                  type: "button",
+                  className: "eidos-datagrid-clear-selection",
+                  onClick: clearSelection,
+                  "aria-label": "Clear selection",
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { size: 14 })
+                }
+              )
+            ] })
+          ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-datagrid-toolbar-right", children: [
             showDensity && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkKV2FG7ANcjs.Dropdown,
+              _chunkFRUOA2QUcjs.Dropdown,
               {
                 placement: "bottom",
                 align: "end",
                 autoWidth: false,
-                trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTOHGCU4cjs.Button, { variant: "text", size: "sm", preIcon: _lucidereact.AlignJustify, children: "Density" }),
+                trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA7Z2QAFZcjs.Button, { variant: "text", size: "sm", preIcon: _lucidereact.AlignJustify, children: "Density" }),
                 content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-table-menu-panel", children: [
                   { value: "compact", label: "Compact" },
                   { value: "comfortable", label: "Comfortable" },
@@ -1035,14 +1167,14 @@ function DataGridInner({
               }
             ),
             showFilters && filterDropdownColumns.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkL3UPSLJ5cjs.TableFiltersDropdown,
+              _chunkPA4IT2XQcjs.TableFiltersDropdown,
               {
                 columns: filterDropdownColumns,
-                filters: activeFilters,
+                filters: dropdownFilters,
                 onFiltersChange: handleFiltersChange
               }
             ),
-            onRowAdd && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTOHGCU4cjs.Button, { variant: "outlined", size: "sm", preIcon: _lucidereact.Plus, onClick: handleRowAdd, children: "Add row" })
+            onRowAdd && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA7Z2QAFZcjs.Button, { variant: "outlined", size: "sm", preIcon: _lucidereact.Plus, onClick: handleRowAdd, children: "Add row" })
           ] })
         ] }),
         isCardView ? (
@@ -1083,7 +1215,7 @@ function DataGridInner({
                             }
                           ),
                           selectable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                            _chunkG2FANEA2cjs.Checkbox,
+                            _chunkIJ4DXG7Dcjs.Checkbox,
                             {
                               checked: isRowSelected,
                               onChange: () => toggleRow(rowKeyValue),
@@ -1124,25 +1256,16 @@ function DataGridInner({
                   rowKeyValue
                 );
               }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-datagrid-card-empty", children: Object.keys(activeFilters).length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkV5JNYS77cjs.EmptyState,
+                _chunkKV3V2CPHcjs.EmptyState,
                 {
                   icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.SearchX, {}),
                   title: "No results found",
                   description: "Try adjusting your filters or search terms.",
-                  action: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkLTOHGCU4cjs.Button,
-                    {
-                      size: "sm",
-                      variant: "outlined",
-                      color: "primary",
-                      onClick: () => handleFiltersChange({}),
-                      children: "Clear filters"
-                    }
-                  ),
+                  action: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA7Z2QAFZcjs.Button, { size: "sm", variant: "outlined", color: "primary", onClick: clearAllFilters, children: "Clear filters" }),
                   size: "sm"
                 }
               ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkV5JNYS77cjs.EmptyState,
+                _chunkKV3V2CPHcjs.EmptyState,
                 {
                   icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.FolderOpen, {}),
                   title: emptyText,
@@ -1153,10 +1276,10 @@ function DataGridInner({
             }
           )
         ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkL3UPSLJ5cjs.DndContext,
+          _chunkPA4IT2XQcjs.DndContext,
           {
             sensors,
-            collisionDetection: _chunkL3UPSLJ5cjs.closestCenter,
+            collisionDetection: _chunkPA4IT2XQcjs.closestCenter,
             onDragEnd: handleRowDragEnd,
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-data-grid-scroll", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "table", { className: ["eidos-data-grid", densityClass].filter(Boolean).join(" "), children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { ref: theadRef, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tr", { children: [
@@ -1195,7 +1318,7 @@ function DataGridInner({
                     style: selHeaderPin.style,
                     "data-col-key": "__sel__",
                     children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _chunkG2FANEA2cjs.Checkbox,
+                      _chunkIJ4DXG7Dcjs.Checkbox,
                       {
                         checked: allSelected,
                         indeterminate: someSelected,
@@ -1260,7 +1383,7 @@ function DataGridInner({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL3UPSLJ5cjs.SortableContext, { items: rowIds, strategy: _chunkL3UPSLJ5cjs.verticalListSortingStrategy, children: displayData.length > 0 ? displayData.map((row, displayIndex) => {
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPA4IT2XQcjs.SortableContext, { items: rowIds, strategy: _chunkPA4IT2XQcjs.verticalListSortingStrategy, children: displayData.length > 0 ? displayData.map((row, displayIndex) => {
                 const localIndex = localData.indexOf(row);
                 const rowKeyValue = String(_nullishCoalesce(row[rowKey], () => ( displayIndex)));
                 const isRowSelected = selectable && selectedSet.has(rowKeyValue);
@@ -1342,7 +1465,7 @@ function DataGridInner({
                               style: selCellPin.style,
                               onClick: (e) => e.stopPropagation(),
                               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                                _chunkG2FANEA2cjs.Checkbox,
+                                _chunkIJ4DXG7Dcjs.Checkbox,
                                 {
                                   checked: isRowSelected,
                                   onChange: () => toggleRow(rowKeyValue),
@@ -1420,25 +1543,25 @@ function DataGridInner({
                   colSpan: totalCols,
                   className: "eidos-data-grid-cell eidos-data-grid-empty-cell",
                   children: Object.keys(activeFilters).length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkV5JNYS77cjs.EmptyState,
+                    _chunkKV3V2CPHcjs.EmptyState,
                     {
                       icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.SearchX, {}),
                       title: "No results found",
                       description: "Try adjusting your filters or search terms.",
                       action: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkLTOHGCU4cjs.Button,
+                        _chunkA7Z2QAFZcjs.Button,
                         {
                           size: "sm",
                           variant: "outlined",
                           color: "primary",
-                          onClick: () => handleFiltersChange({}),
+                          onClick: clearAllFilters,
                           children: "Clear filters"
                         }
                       ),
                       size: "sm"
                     }
                   ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkV5JNYS77cjs.EmptyState,
+                    _chunkKV3V2CPHcjs.EmptyState,
                     {
                       icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.FolderOpen, {}),
                       title: emptyText,
@@ -1452,7 +1575,7 @@ function DataGridInner({
           }
         ) }),
         showPagination && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-datagrid-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkSAFSEXMUcjs.Pagination,
+          _chunkISABZ2VXcjs.Pagination,
           {
             page: currentPage,
             totalPages,
@@ -1483,4 +1606,4 @@ var DataGrid = Object.assign(DataGridInner, { displayName: "DataGrid" });
 
 
 exports.DataGrid = DataGrid;
-//# sourceMappingURL=chunk-6GAIQ2IY.cjs.map
+//# sourceMappingURL=chunk-A5JVDHML.cjs.map