next-data-kit 9.0.0 → 9.0.2

package/dist/index.js

@@ -6,7 +6,6 @@ import { Filter, Loader2, MoreHorizontal, ArrowUp, ArrowDown, ChevronLeft, Chevr
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -784,7 +783,7 @@ function TableRow({ className, ...props }) {
     {
       "data-slot": "table-row",
       className: cn(
-        "hover:bg-gray-50 dark:hover:bg-gray-900/50 hover:border-gray-200 dark:hover:border-gray-800 data-[state=selected]:bg-gray-50 dark:data-[state=selected]:bg-gray-900/50 border-b border-gray-100 dark:border-gray-900 transition-colors",
+        "hover:bg-gray-50 dark:hover:bg-gray-900 data-[state=selected]:bg-gray-50 dark:data-[state=selected]:bg-gray-900 border-b border-gray-100 dark:border-gray-800 transition-colors",
         className
       ),
       ...props
@@ -936,31 +935,6 @@ function DropdownMenuSeparator({
     }
   );
 }
-function Switch({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SwitchPrimitive.Root,
-    {
-      "data-slot": "switch",
-      className: cn(
-        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        SwitchPrimitive.Thumb,
-        {
-          "data-slot": "switch-thumb",
-          className: cn(
-            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
-          )
-        }
-      )
-    }
-  );
-}
 var buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-black/20 dark:focus-visible:ring-white/20 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/30 aria-invalid:border-red-500",
   {
@@ -1407,68 +1381,52 @@ var DataKitRoot = (props) => {
     selection.deselectAll();
   }, [dataKit.items.length]);
   return /* @__PURE__ */ jsxs("div", { ref: tableRef, className: `space-y-3 ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: filters.length > 0 && /* @__PURE__ */ jsxs(Popover, { open: isFilterOpen, onOpenChange: setIsFilterOpen, children: [
-        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", children: [
-          /* @__PURE__ */ jsx(Filter, { className: "mr-1.5 size-4" }),
-          "Filters"
-        ] }) }),
-        /* @__PURE__ */ jsxs(PopoverContent, { align: "start", className: "w-80", container: overlayContainer, children: [
-          /* @__PURE__ */ jsx("div", { className: "grid gap-3", children: filters.map((f) => /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
-            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: f.label }),
-            f.type === "TEXT" && /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "text",
-                className: "h-9 w-full rounded-md border bg-transparent px-3 text-sm outline-none focus:ring-2 focus:ring-ring",
-                placeholder: f.placeholder,
-                value: dataKit.filter[f.id] ?? "",
-                onChange: (e) => dataKit.actions.setFilter(f.id, e.target.value)
-              }
-            ),
-            f.type === "SELECT" && /* @__PURE__ */ jsxs(
-              Select,
-              {
-                value: String(dataKit.filter[f.id] || "__all__"),
-                onValueChange: (v) => dataKit.actions.setFilter(f.id, v === "__all__" ? "" : v),
-                children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-                  /* @__PURE__ */ jsxs(SelectContent, { container: overlayContainer, children: [
-                    /* @__PURE__ */ jsx(SelectItem, { value: "__all__", children: "All" }),
-                    f.dataset?.map((d) => /* @__PURE__ */ jsx(SelectItem, { value: d.id, children: d.label }, d.id))
-                  ] })
-                ]
-              }
-            ),
-            f.type === "BOOLEAN" && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: f.placeholder ?? "Enable" }),
-              /* @__PURE__ */ jsx(
-                Switch,
-                {
-                  checked: Boolean(dataKit.filter[f.id]),
-                  onCheckedChange: (c) => dataKit.actions.setFilter(f.id, c)
-                }
-              )
-            ] })
-          ] }, f.id)) }),
-          /* @__PURE__ */ jsxs("div", { className: "mt-4 flex justify-between border-t pt-3", children: [
-            /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleResetFilters, children: "Reset" }),
-            /* @__PURE__ */ jsx(Button, { size: "sm", onClick: () => setIsFilterOpen(false), children: "Done" })
-          ] })
-        ] })
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between gap-2", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: filters.length > 0 && /* @__PURE__ */ jsxs(Popover, { open: isFilterOpen, onOpenChange: setIsFilterOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", children: [
+        /* @__PURE__ */ jsx(Filter, { className: "mr-1.5 size-4" }),
+        "Filters"
       ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsxs("span", { className: "mr-2 text-sm text-muted-foreground", children: [
-          dataKit.items.length,
-          " of ",
-          dataKit.total
-        ] }),
-        /* @__PURE__ */ jsxs(Select, { value: String(dataKit.limit), onValueChange: (v) => dataKit.actions.setLimit(Number(v)), disabled: dataKit.state.isLoading, children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { className: "w-16", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-          /* @__PURE__ */ jsx(SelectContent, { container: overlayContainer, children: limitOptions.map((v) => /* @__PURE__ */ jsx(SelectItem, { value: String(v), children: v }, v)) })
+      /* @__PURE__ */ jsxs(PopoverContent, { align: "start", className: "w-80", container: overlayContainer, children: [
+        /* @__PURE__ */ jsx("div", { className: "grid gap-3", children: filters.map((f) => /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
+          /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: f.label }),
+          f.type === "TEXT" && /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              className: "h-9 w-full rounded-md border bg-transparent px-3 text-sm outline-none focus:ring-2 focus:ring-ring",
+              placeholder: f.placeholder,
+              value: dataKit.filter[f.id] ?? "",
+              onChange: (e) => dataKit.actions.setFilter(f.id, e.target.value)
+            }
+          ),
+          f.type === "SELECT" && /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: String(dataKit.filter[f.id] || "__all__"),
+              onValueChange: (v) => dataKit.actions.setFilter(f.id, v === "__all__" ? "" : v),
+              children: [
+                /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsxs(SelectContent, { container: overlayContainer, children: [
+                  /* @__PURE__ */ jsx(SelectItem, { value: "__all__", children: "All" }),
+                  f.dataset?.map((d) => /* @__PURE__ */ jsx(SelectItem, { value: d.id, children: d.label }, d.id))
+                ] })
+              ]
+            }
+          ),
+          f.type === "BOOLEAN" && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: Boolean(dataKit.filter[f.id]),
+              onCheckedChange: (c) => dataKit.actions.setFilter(f.id, c)
+            }
+          ) })
+        ] }, f.id)) }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-4 flex justify-between border-t pt-3", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleResetFilters, children: "Reset" }),
+          /* @__PURE__ */ jsx(Button, { size: "sm", onClick: () => setIsFilterOpen(false), children: "Done" })
         ] })
       ] })
-    ] }),
+    ] }) }) }),
     /* @__PURE__ */ jsx("div", { className: `overflow-hidden border border-gray-200 dark:border-gray-800 ${bordered === "rounded" ? "rounded-lg" : bordered ? "" : "rounded-lg"}`, children: /* @__PURE__ */ jsxs(Table, { children: [
       /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
         selectable?.enabled && /* @__PURE__ */ jsx(TableHead, { className: "w-12", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -1540,8 +1498,12 @@ var DataKitRoot = (props) => {
       }) })
     ] }) }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "min-w-[140px]", children: [
-        /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxs(Select, { value: String(dataKit.limit), onValueChange: (v) => dataKit.actions.setLimit(Number(v)), disabled: dataKit.state.isLoading, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { className: "w-16", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsx(SelectContent, { container: overlayContainer, children: limitOptions.map((v) => /* @__PURE__ */ jsx(SelectItem, { value: String(v), children: v }, v)) })
+        ] }),
+        /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground whitespace-nowrap", children: [
           "Page ",
           dataKit.page,
           " of ",
@@ -1552,8 +1514,7 @@ var DataKitRoot = (props) => {
           " selected"
         ] })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-      /* @__PURE__ */ jsx("div", { className: "flex justify-end w-full", children: paginationType === "SIMPLE" ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: paginationType === "SIMPLE" ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsx(
           Button,
           {
@@ -1733,16 +1694,13 @@ var DataKitInner = (props, ref) => {
                 ]
               }
             ),
-            f.type === "BOOLEAN" && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: f.placeholder ?? "Enable" }),
-              /* @__PURE__ */ jsx(
-                Switch,
-                {
-                  checked: Boolean(dataKit.filter[f.id]),
-                  onCheckedChange: (c) => dataKit.actions.setFilter(f.id, c)
-                }
-              )
-            ] })
+            f.type === "BOOLEAN" && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: Boolean(dataKit.filter[f.id]),
+                onCheckedChange: (c) => dataKit.actions.setFilter(f.id, c)
+              }
+            ) })
           ] }, f.id)) }),
           /* @__PURE__ */ jsxs("div", { className: "mt-4 flex justify-between border-t pt-3", children: [
             /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleResetFilters, children: "Reset" }),