next-data-kit 7.6.6 → 7.7.1

package/dist/index.js

@@ -1,8 +1,8 @@
 import { z } from 'zod';
 import * as React2 from 'react';
 import React2__default, { createContext, useRef, useState, useCallback, useEffect, useContext, useMemo } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Filter, Loader2, MoreHorizontal, ArrowUp, ArrowDown, ChevronLeft, ChevronRight, RefreshCw, ChevronDownIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Filter, Loader2, MoreHorizontal, ArrowUp, ArrowDown, ChevronLeft, ChevronRight, ChevronDownIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';
 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';
@@ -10,7 +10,7 @@ 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';
-import { useInView } from 'react-intersection-observer';
+import 'react-intersection-observer';
 
 // src/server/utils.ts
 var isProvided = (value) => value !== void 0 && value !== null && value !== "";
@@ -1775,233 +1775,6 @@ var DataKitInner = (props, ref) => {
   ] });
 };
 var DataKit = React2__default.forwardRef(DataKitInner);
-var DataKitInfinityInner = (props, ref) => {
-  const {
-    action,
-    query,
-    filterConfig,
-    filters = [],
-    limit: limitConfig,
-    defaultSort = [],
-    className,
-    autoFetch = true,
-    debounce: debounce2 = 300,
-    state: stateMode = "memory",
-    inverse = false,
-    manual = false,
-    pullDownToRefresh,
-    children
-  } = props;
-  const containerRef = useRef(null);
-  const scrollContainerRef = useRef(null);
-  const [allItems, setAllItems] = useState([]);
-  const [isFilterOpen, setIsFilterOpen] = useState(false);
-  const [isPullRefreshing, setIsPullRefreshing] = useState(false);
-  const [pullStartY, setPullStartY] = useState(0);
-  const [pullDistance, setPullDistance] = useState(0);
-  const overlayContainer = containerRef.current;
-  const pullThreshold = pullDownToRefresh?.threshold ?? 50;
-  const dataKit = useDataKit({
-    action,
-    filterConfig,
-    autoFetch: false,
-    // We'll control fetching manually
-    debounce: debounce2,
-    state: stateMode,
-    initial: {
-      limit: limitConfig?.default ?? 10,
-      query: query ?? {},
-      sorts: defaultSort,
-      filter: filters.reduce((acc, f) => {
-        if (f.defaultValue !== void 0) acc[f.id] = f.defaultValue;
-        return acc;
-      }, {})
-    }
-  });
-  const { ref: loadMoreBottomRef, inView: inViewBottom } = useInView({
-    threshold: 0,
-    rootMargin: "100px"
-  });
-  const { ref: loadMoreTopRef, inView: inViewTop } = useInView({
-    threshold: 0,
-    rootMargin: "100px"
-  });
-  React2__default.useImperativeHandle(ref, () => dataKit, [dataKit]);
-  const handleResetFilters = useCallback(() => {
-    filters.forEach((f) => {
-      dataKit.actions.setFilter(f.id, f.defaultValue ?? (f.type === "BOOLEAN" ? false : ""));
-    });
-  }, [filters, dataKit.actions]);
-  const loadMore = useCallback(async () => {
-    if (dataKit.state.isLoading || !dataKit.state.hasNextPage) return;
-    dataKit.actions.setPage(dataKit.page + 1);
-  }, [dataKit]);
-  const resetAndFetch = useCallback(async () => {
-    setAllItems([]);
-    dataKit.actions.setPage(1);
-    await dataKit.actions.refresh();
-  }, [dataKit.actions]);
-  const handleTouchStart = useCallback((e) => {
-    if (!pullDownToRefresh?.isActive) return;
-    const scrollTop = scrollContainerRef.current?.scrollTop ?? 0;
-    if (scrollTop === 0 && e.touches && e.touches[0]) {
-      setPullStartY(e.touches[0].clientY);
-    }
-  }, [pullDownToRefresh?.isActive]);
-  const handleTouchMove = useCallback((e) => {
-    if (!pullDownToRefresh?.isActive || pullStartY === 0) return;
-    if (!e.touches || !e.touches[0]) return;
-    const scrollTop = scrollContainerRef.current?.scrollTop ?? 0;
-    if (scrollTop === 0) {
-      const distance = e.touches[0].clientY - pullStartY;
-      if (distance > 0) {
-        setPullDistance(Math.min(distance, pullThreshold * 2));
-        if (distance > pullThreshold * 2) {
-          e.preventDefault();
-        }
-      }
-    }
-  }, [pullDownToRefresh?.isActive, pullStartY, pullThreshold]);
-  const handleTouchEnd = useCallback(async () => {
-    if (!pullDownToRefresh?.isActive) return;
-    if (pullDistance > pullThreshold) {
-      setIsPullRefreshing(true);
-      await resetAndFetch();
-      setIsPullRefreshing(false);
-    }
-    setPullStartY(0);
-    setPullDistance(0);
-  }, [pullDownToRefresh?.isActive, pullDistance, pullThreshold, resetAndFetch]);
-  useEffect(() => {
-    if (!pullDownToRefresh?.isActive) return;
-    const container = scrollContainerRef.current;
-    if (!container) return;
-    container.addEventListener("touchstart", handleTouchStart);
-    container.addEventListener("touchmove", handleTouchMove, { passive: false });
-    container.addEventListener("touchend", handleTouchEnd);
-    return () => {
-      container.removeEventListener("touchstart", handleTouchStart);
-      container.removeEventListener("touchmove", handleTouchMove);
-      container.removeEventListener("touchend", handleTouchEnd);
-    };
-  }, [pullDownToRefresh?.isActive, handleTouchStart, handleTouchMove, handleTouchEnd]);
-  useEffect(() => {
-    if (autoFetch && dataKit.page === 1 && allItems.length === 0) {
-      dataKit.actions.refresh();
-    }
-  }, [autoFetch]);
-  useEffect(() => {
-    if (dataKit.items.length > 0) {
-      setAllItems((prev) => {
-        if (dataKit.page === 1) {
-          return dataKit.items;
-        }
-        const newItems = dataKit.items.filter(
-          (newItem) => !prev.some((existingItem) => existingItem.id === newItem.id)
-        );
-        return inverse ? [...newItems, ...prev] : [...prev, ...newItems];
-      });
-    }
-  }, [dataKit.items, dataKit.page, inverse]);
-  useEffect(() => {
-    if (inViewBottom && !inverse) {
-      loadMore();
-    }
-  }, [inViewBottom, inverse, loadMore]);
-  useEffect(() => {
-    if (inViewTop && inverse) {
-      loadMore();
-    }
-  }, [inViewTop, inverse, loadMore]);
-  const enhancedDataKit = {
-    ...dataKit,
-    items: allItems
-  };
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: `flex flex-col ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs("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__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: resetAndFetch, disabled: dataKit.state.isLoading, children: [
-          /* @__PURE__ */ jsx(RefreshCw, { className: `mr-1.5 size-4 ${dataKit.state.isLoading ? "animate-spin" : ""}` }),
-          "Refresh"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxs("span", { className: "mr-2 text-sm text-muted-foreground", children: [
-        allItems.length,
-        " loaded"
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { ref: scrollContainerRef, className: "relative flex-1 overflow-auto", children: [
-      pullDownToRefresh?.isActive && pullDistance > 0 && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "absolute left-0 right-0 top-0 flex items-center justify-center bg-background/80 backdrop-blur-sm transition-all",
-          style: { height: `${pullDistance}px` },
-          children: pullDistance > pullThreshold ? /* @__PURE__ */ jsx(RefreshCw, { className: "size-5 text-primary" }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Pull to refresh" })
-        }
-      ),
-      !manual && isPullRefreshing && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsx(Loader2, { className: "size-6 animate-spin text-muted-foreground" }) }),
-      inverse && /* @__PURE__ */ jsx("div", { ref: loadMoreTopRef, className: manual ? "" : "flex items-center justify-center py-4", children: !manual && dataKit.state.hasNextPage && dataKit.state.isLoading && /* @__PURE__ */ jsx(Loader2, { className: "size-6 animate-spin text-muted-foreground" }) }),
-      manual ? children(enhancedDataKit) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        children(enhancedDataKit),
-        !dataKit.state.isLoading && allItems.length === 0 && /* @__PURE__ */ jsx("div", { className: "flex h-48 items-center justify-center text-muted-foreground", children: "No results found." })
-      ] }),
-      !inverse && /* @__PURE__ */ jsx("div", { ref: loadMoreBottomRef, className: manual ? "" : "flex items-center justify-center py-4", children: !manual && /* @__PURE__ */ jsxs(Fragment, { children: [
-        dataKit.state.isLoading && /* @__PURE__ */ jsx(Loader2, { className: "size-6 animate-spin text-muted-foreground" }),
-        !dataKit.state.isLoading && !dataKit.state.hasNextPage && allItems.length > 0 && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "You're all set" })
-      ] }) })
-    ] })
-  ] });
-};
-React2__default.forwardRef(DataKitInfinityInner);
 
 export { DataKit, DefaultDataKitContext as DataKitContext, DefaultDataKitProvider as DataKitProvider, adapterMemory, calculatePagination, createDataKitContext, createSearchFilter, dataKitServerAction, debounce, escapeRegex, formatNumber, getColumnValue, getNextSortValue, getSortValue, keyToSortEntries, mongooseAdapter, sortEntriesToKey, throttle, useDataKit, useDefaultDataKitContext as useDataKitContext, usePagination, useSelection, useSelectionWithTotal };
 //# sourceMappingURL=index.js.map