@nexub/react 5.2.0 → 5.4.0

package/dist/components/DataTableVirtual/DataTableVirtual.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { DataTable } from "../DataTable/DataTable.js";
+const Options = React.createContext({ estimate: 49, overscan: 8, height: 600 });
+const useVirtualRows = (count, getScrollElement) => {
+  const { estimate, overscan, height } = React.useContext(Options);
+  const virtualizer = useVirtualizer({
+    count,
+    getScrollElement,
+    estimateSize: () => estimate,
+    overscan,
+    // First render (and the server) assumes the full height, so rows show before measuring.
+    initialRect: { width: 0, height }
+  });
+  const items = virtualizer.getVirtualItems();
+  const last = items[items.length - 1];
+  return {
+    indexes: items.map((i) => i.index),
+    before: items[0]?.start ?? 0,
+    after: last ? virtualizer.getTotalSize() - last.end : 0,
+    measure: virtualizer.measureElement,
+    virtual: true
+  };
+};
+function DataTableVirtual({ estimateRowHeight, overscan = 8, ...props }) {
+  const compact = (props.density ?? props.defaultDensity) === "compact";
+  const estimate = estimateRowHeight ?? (compact ? 37 : 49);
+  const height = typeof props.maxHeight === "number" ? props.maxHeight : 600;
+  const options = React.useMemo(() => ({ estimate, overscan, height }), [estimate, overscan, height]);
+  return /* @__PURE__ */ jsx(Options.Provider, { value: options, children: /* @__PURE__ */ jsx(DataTable, { ...props, rowWindow: useVirtualRows }) });
+}
+DataTableVirtual.displayName = "DataTableVirtual";
+export {
+  DataTableVirtual
+};

package/dist/components/DataTableVirtual/index.d.ts

@@ -0,0 +1,2 @@
+export { DataTableVirtual } from './DataTableVirtual.js';
+export type { DataTableVirtualProps } from './DataTableVirtual.js';

package/dist/components/DataTableVirtual/index.js

@@ -0,0 +1,4 @@
+import { DataTableVirtual } from "./DataTableVirtual.js";
+export {
+  DataTableVirtual
+};

package/dist/index.d.ts

@@ -200,7 +200,7 @@ export { CommandPalette } from './components/CommandPalette/index.js';
 export type { CommandPaletteRootProps } from './components/CommandPalette/index.js';
 export { Table } from './components/Table/index.js';
 export { DataTable } from './components/DataTable/index.js';
-export type { DataTableProps } from './components/DataTable/index.js';
+export type { DataTableProps, DataTableDensity } from './components/DataTable/index.js';
 export { EmptyState } from './components/EmptyState/index.js';
 export { ErrorState } from './components/ErrorState/index.js';
 export type { ErrorStateProps } from './components/ErrorState/index.js';