@facter/ds-core 1.17.0 → 1.19.0

package/dist/index.d.mts

@@ -360,6 +360,8 @@ interface DataTableSearchProps {
 interface DataTableFiltersProps {
     /** Children: Individual filters */
     children?: React$1.ReactNode;
+    /** Callback when any column filter changes (server-side filtering) */
+    onChange?: (filters: _tanstack_react_table.ColumnFiltersState) => void;
     /** Custom className */
     className?: string;
 }
@@ -369,14 +371,16 @@ interface DataTableFilterOption {
     icon?: React$1.ReactNode;
 }
 interface DataTableFilterProps {
-    /** Coluna para filtrar */
-    column: string;
+    /** Coluna para filtrar (opcional para server-side only) */
+    column?: string;
     /** Label do filtro */
     title: string;
     /** Opções de filtro */
     options: DataTableFilterOption[];
     /** Permitir seleção múltipla */
     multiSelect?: boolean;
+    /** Callback para server-side filtering (recebe valor selecionado ou undefined para "todos") */
+    onValueChange?: (value: string | undefined) => void;
     /** Custom className */
     className?: string;
 }

package/dist/index.d.ts

@@ -360,6 +360,8 @@ interface DataTableSearchProps {
 interface DataTableFiltersProps {
     /** Children: Individual filters */
     children?: React$1.ReactNode;
+    /** Callback when any column filter changes (server-side filtering) */
+    onChange?: (filters: _tanstack_react_table.ColumnFiltersState) => void;
     /** Custom className */
     className?: string;
 }
@@ -369,14 +371,16 @@ interface DataTableFilterOption {
     icon?: React$1.ReactNode;
 }
 interface DataTableFilterProps {
-    /** Coluna para filtrar */
-    column: string;
+    /** Coluna para filtrar (opcional para server-side only) */
+    column?: string;
     /** Label do filtro */
     title: string;
     /** Opções de filtro */
     options: DataTableFilterOption[];
     /** Permitir seleção múltipla */
     multiSelect?: boolean;
+    /** Callback para server-side filtering (recebe valor selecionado ou undefined para "todos") */
+    onValueChange?: (value: string | undefined) => void;
     /** Custom className */
     className?: string;
 }

package/dist/index.js

@@ -1651,32 +1651,38 @@ var DataTableSearch = React10__namespace.memo(function DataTableSearch2({
   className
 }) {
   const table = useDataTableInstance();
-  const columnInstance = table.getColumn(column);
+  const columnInstance = column ? table.getColumn(column) : null;
   const [value, setValue] = React10__namespace.useState(
     columnInstance?.getFilterValue() ?? ""
   );
   const debouncedValue = useDebounce(value, debounce);
+  const isServerSide = !!onSearch;
   React10__namespace.useEffect(() => {
-    columnInstance?.setFilterValue(debouncedValue);
-    if (onSearch) {
+    if (isServerSide) {
       onSearch(debouncedValue);
+    } else if (columnInstance) {
+      columnInstance.setFilterValue(debouncedValue || void 0);
     }
-  }, [debouncedValue, columnInstance, onSearch]);
+  }, [debouncedValue, columnInstance, onSearch, isServerSide]);
   React10__namespace.useEffect(() => {
-    const filterValue = columnInstance?.getFilterValue() ?? "";
+    if (isServerSide || !columnInstance) return;
+    const filterValue = columnInstance.getFilterValue() ?? "";
     if (filterValue !== value) {
       setValue(filterValue);
     }
-  }, [columnInstance?.getFilterValue()]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Input,
-    {
-      placeholder,
-      value,
-      onChange: (e) => setValue(e.target.value),
-      className: cn("h-9 w-[150px] lg:w-[250px]", className)
-    }
-  );
+  }, [columnInstance?.getFilterValue(), isServerSide]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative w-[150px] lg:w-[250px]", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Input,
+      {
+        placeholder,
+        value,
+        onChange: (e) => setValue(e.target.value),
+        className: "h-9 pl-9"
+      }
+    )
+  ] });
 });
 var DataTableFilters = React10__namespace.memo(function DataTableFilters2({
   onChange,
@@ -1698,21 +1704,26 @@ var DataTableFilter = React10__namespace.memo(function DataTableFilter2({
   column: columnId,
   title,
   options,
+  onValueChange: onServerValueChange,
   className
 }) {
   const table = useDataTableInstance();
-  const column = table.getColumn(columnId);
+  const column = columnId ? table.getColumn(columnId) : null;
   const filterValue = column?.getFilterValue() ?? [];
-  const currentValue = filterValue.length > 0 ? filterValue[0] : "all";
+  const [localValue, setLocalValue] = React10__namespace.useState("all");
+  const currentValue = column ? filterValue.length > 0 ? filterValue[0] : "all" : localValue;
   const handleValueChange = React10__namespace.useCallback(
     (value) => {
-      if (value === "all") {
-        column?.setFilterValue(void 0);
-      } else {
-        column?.setFilterValue([value]);
+      const resolvedValue = value === "all" ? void 0 : value;
+      if (column) {
+        column.setFilterValue(resolvedValue ? [resolvedValue] : void 0);
+      }
+      if (onServerValueChange) {
+        onServerValueChange(resolvedValue);
       }
+      setLocalValue(value);
     },
-    [column]
+    [column, onServerValueChange]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Select,