@facter/ds-core 1.17.0 → 1.18.0

package/dist/index.mjs

@@ -5,7 +5,7 @@ import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDown, Check, Inbox, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, X, Circle, PinOff, Pin, ArrowDown, ArrowUp, ChevronsUpDown, FileText, FileSpreadsheet, Download, Rows4, Rows3, LayoutList, SlidersHorizontal, Info, AlertTriangle, XCircle, CheckCircle2, Building2, Star, ArrowRight, Search, User, LogOut, Menu, Loader2, AlertCircle, TrendingUp, TrendingDown, Sun, Moon, Bell, MoreHorizontal, Settings } from 'lucide-react';
+import { ChevronDown, Check, Inbox, Search, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, X, Circle, PinOff, Pin, ArrowDown, ArrowUp, ChevronsUpDown, FileText, FileSpreadsheet, Download, Rows4, Rows3, LayoutList, SlidersHorizontal, Info, AlertTriangle, XCircle, CheckCircle2, Building2, Star, ArrowRight, User, LogOut, Menu, Loader2, AlertCircle, TrendingUp, TrendingDown, Sun, Moon, Bell, MoreHorizontal, Settings } from 'lucide-react';
 import { AnimatePresence, motion } from 'framer-motion';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
@@ -1620,32 +1620,38 @@ var DataTableSearch = React10.memo(function DataTableSearch2({
   className
 }) {
   const table = useDataTableInstance();
-  const columnInstance = table.getColumn(column);
+  const columnInstance = column ? table.getColumn(column) : null;
   const [value, setValue] = React10.useState(
     columnInstance?.getFilterValue() ?? ""
   );
   const debouncedValue = useDebounce(value, debounce);
   React10.useEffect(() => {
-    columnInstance?.setFilterValue(debouncedValue);
+    if (columnInstance) {
+      columnInstance.setFilterValue(debouncedValue || void 0);
+    }
     if (onSearch) {
       onSearch(debouncedValue);
     }
   }, [debouncedValue, columnInstance, onSearch]);
   React10.useEffect(() => {
-    const filterValue = columnInstance?.getFilterValue() ?? "";
+    if (!columnInstance) return;
+    const filterValue = columnInstance.getFilterValue() ?? "";
     if (filterValue !== value) {
       setValue(filterValue);
     }
   }, [columnInstance?.getFilterValue()]);
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      placeholder,
-      value,
-      onChange: (e) => setValue(e.target.value),
-      className: cn("h-9 w-[150px] lg:w-[250px]", className)
-    }
-  );
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative w-[150px] lg:w-[250px]", className), children: [
+    /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none" }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        placeholder,
+        value,
+        onChange: (e) => setValue(e.target.value),
+        className: "h-9 pl-9"
+      }
+    )
+  ] });
 });
 var DataTableFilters = React10.memo(function DataTableFilters2({
   onChange,
@@ -1667,21 +1673,26 @@ var DataTableFilter = React10.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.useState("all");
+  const currentValue = column ? filterValue.length > 0 ? filterValue[0] : "all" : localValue;
   const handleValueChange = React10.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__ */ jsxs(
     Select,