@facter/ds-core 1.19.0 → 1.20.0

package/dist/index.mjs

@@ -1681,14 +1681,14 @@ var DataTableFilter = React10.memo(function DataTableFilter2({
   const filterValue = column?.getFilterValue() ?? [];
   const [localValue, setLocalValue] = React10.useState("all");
   const currentValue = column ? filterValue.length > 0 ? filterValue[0] : "all" : localValue;
+  const isServerSide = !!onServerValueChange;
   const handleValueChange = React10.useCallback(
     (value) => {
       const resolvedValue = value === "all" ? void 0 : value;
-      if (column) {
-        column.setFilterValue(resolvedValue ? [resolvedValue] : void 0);
-      }
-      if (onServerValueChange) {
+      if (isServerSide) {
         onServerValueChange(resolvedValue);
+      } else if (column) {
+        column.setFilterValue(resolvedValue ? [resolvedValue] : void 0);
       }
       setLocalValue(value);
     },
@@ -1704,7 +1704,10 @@ var DataTableFilter = React10.memo(function DataTableFilter2({
       className,
       children: [
         /* @__PURE__ */ jsx(SelectItem, { value: "all", children: "Todos" }),
-        options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value))
+        options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+          option.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: option.icon }),
+          option.label
+        ] }) }, option.value))
       ]
     }
   );