@cerberus-design/data-grid 0.25.3 → 1.0.0-rc.6

package/dist/utils.js

@@ -1,51 +1,33 @@
-'use client';
-import { SM, ROW_SIZES, DEFAULT_PAGE_IDX, SM_PAGE_SIZE, DEFAULT_PAGE_SIZES } from './const.js';
-
-function determineRowHeight(rowSize = SM) {
-  const prebuiltSizes = ROW_SIZES.items;
-  if (typeof rowSize === "number") {
-    return rowSize;
-  }
-  if (prebuiltSizes.includes(rowSize)) {
-    const size = ROW_SIZES.results[rowSize];
-    return size;
-  }
-  console.error(
-    "Unknown row size provided to Data Grid. The rowSize prop requires a number to determine pixel-based value.",
-    rowSize
-  );
-  return 0;
+"use client";
+import { DEFAULT_PAGE_SIZES, ROW_SIZES } from "./const.js";
+//#region src/utils.ts
+function determineRowHeight(rowSize = "sm") {
+	const prebuiltSizes = ROW_SIZES.items;
+	if (typeof rowSize === "number") return rowSize;
+	if (prebuiltSizes.includes(rowSize)) return ROW_SIZES.results[rowSize];
+	console.error("Unknown row size provided to Data Grid. The rowSize prop requires a number to determine pixel-based value.", rowSize);
+	return 0;
 }
 function determinePageSize(options) {
-  if (!options) return 0;
-  if (typeof options === "boolean" && options === true) {
-    return SM_PAGE_SIZE;
-  }
-  if (options.customRange?.length) {
-    return options.customRange[0];
-  }
-  return options.pageSize ?? SM_PAGE_SIZE;
+	if (!options) return 0;
+	if (typeof options === "boolean" && options === true) return 25;
+	if (options.customRange?.length) return options.customRange[0];
+	return options.pageSize ?? 25;
 }
 function determinePageIndex(options) {
-  if (!options) return DEFAULT_PAGE_IDX;
-  if (typeof options === "boolean" && options === true) {
-    return DEFAULT_PAGE_IDX;
-  }
-  return options.defaultPage ?? DEFAULT_PAGE_IDX;
+	if (!options) return 1;
+	if (typeof options === "boolean" && options === true) return 1;
+	return options.defaultPage ?? 1;
 }
 function determinePageRange(options) {
-  if (!options) return DEFAULT_PAGE_SIZES;
-  if (typeof options === "boolean" && options === true) {
-    return DEFAULT_PAGE_SIZES;
-  }
-  return options.customRange ?? DEFAULT_PAGE_SIZES;
+	if (!options) return DEFAULT_PAGE_SIZES;
+	if (typeof options === "boolean" && options === true) return DEFAULT_PAGE_SIZES;
+	return options.customRange ?? DEFAULT_PAGE_SIZES;
 }
 function determineInitialCount(options) {
-  if (!options) return void 0;
-  if (typeof options === "boolean" && options === true) {
-    return void 0;
-  }
-  return options?.count ?? void 0;
+	if (!options) return void 0;
+	if (typeof options === "boolean" && options === true) return;
+	return options?.count ?? void 0;
 }
-
+//#endregion
 export { determineInitialCount, determinePageIndex, determinePageRange, determinePageSize, determineRowHeight };

package/dist/virtualizer.client.cjs

@@ -1,56 +1,66 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const signals = require('@cerberus-design/signals');
-const react = require('react');
-
+"use client";
+"use client";
+let _cerberus_design_signals = require("@cerberus-design/signals");
+let react = require("react");
+//#region src/virtualizer.client.ts
 function useVirtualizer(store, viewportRef) {
-  const isServerPaginated = signals.useRead(store.isServerPaginated);
-  const rows = signals.useRead(store.visibleRows);
-  const rowHeight = signals.useRead(store.rowSize);
-  const [scrollTop, setScrollTop] = signals.useSignal(0);
-  const [containerHeight, setContainerHeight] = signals.useSignal(0);
-  react.useEffect(() => {
-    let rafId;
-    const el = viewportRef.current;
-    if (!el) return;
-    const onScroll = () => {
-      if (rafId) cancelAnimationFrame(rafId);
-      rafId = requestAnimationFrame(() => {
-        setScrollTop(el.scrollTop);
-      });
-    };
-    el.addEventListener("scroll", onScroll, { passive: true });
-    const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        setContainerHeight(entry.contentRect.height);
-      }
-    });
-    observer.observe(el);
-    return () => {
-      el.removeEventListener("scroll", onScroll);
-      if (rafId) cancelAnimationFrame(rafId);
-      observer.disconnect();
-    };
-  }, [viewportRef, setScrollTop, setContainerHeight]);
-  return react.useMemo(() => {
-    if (isServerPaginated) {
-      return { virtualRows: [], totalHeight: 0, rowHeight };
-    }
-    const totalHeight = rows.length * rowHeight;
-    const buffer = 5;
-    const visibleCount = Math.ceil((containerHeight || 600) / rowHeight);
-    const start = Math.max(0, Math.floor(scrollTop / rowHeight) - buffer);
-    const end = Math.min(rows.length, start + visibleCount + buffer * 2);
-    const virtualRows = rows.slice(start, end).map((row, index) => ({
-      data: row,
-      index: start + index,
-      offsetY: (start + index) * rowHeight
-    }));
-    return { virtualRows, totalHeight, rowHeight };
-  }, [isServerPaginated, rows, rowHeight, scrollTop, containerHeight]);
+	const isServerPaginated = (0, _cerberus_design_signals.useRead)(store.isServerPaginated);
+	const rows = (0, _cerberus_design_signals.useRead)(store.visibleRows);
+	const rowHeight = (0, _cerberus_design_signals.useRead)(store.rowSize);
+	const [scrollTop, setScrollTop] = (0, _cerberus_design_signals.useSignal)(0);
+	const [containerHeight, setContainerHeight] = (0, _cerberus_design_signals.useSignal)(0);
+	(0, react.useEffect)(() => {
+		let rafId;
+		const el = viewportRef.current;
+		if (!el) return;
+		const onScroll = () => {
+			if (rafId) cancelAnimationFrame(rafId);
+			rafId = requestAnimationFrame(() => {
+				setScrollTop(el.scrollTop);
+			});
+		};
+		el.addEventListener("scroll", onScroll, { passive: true });
+		const observer = new ResizeObserver((entries) => {
+			for (const entry of entries) setContainerHeight(entry.contentRect.height);
+		});
+		observer.observe(el);
+		return () => {
+			el.removeEventListener("scroll", onScroll);
+			if (rafId) cancelAnimationFrame(rafId);
+			observer.disconnect();
+		};
+	}, [
+		viewportRef,
+		setScrollTop,
+		setContainerHeight
+	]);
+	return (0, react.useMemo)(() => {
+		if (isServerPaginated) return {
+			virtualRows: [],
+			totalHeight: 0,
+			rowHeight
+		};
+		const totalHeight = rows.length * rowHeight;
+		const buffer = 5;
+		const visibleCount = Math.ceil((containerHeight || 600) / rowHeight);
+		const start = Math.max(0, Math.floor(scrollTop / rowHeight) - buffer);
+		const end = Math.min(rows.length, start + visibleCount + buffer * 2);
+		return {
+			virtualRows: rows.slice(start, end).map((row, index) => ({
+				data: row,
+				index: start + index,
+				offsetY: (start + index) * rowHeight
+			})),
+			totalHeight,
+			rowHeight
+		};
+	}, [
+		isServerPaginated,
+		rows,
+		rowHeight,
+		scrollTop,
+		containerHeight
+	]);
 }
-
+//#endregion
 exports.useVirtualizer = useVirtualizer;

package/dist/virtualizer.client.js

@@ -1,52 +1,66 @@
-'use client';
-import { useRead, useSignal } from '@cerberus-design/signals';
-import { useEffect, useMemo } from 'react';
-
+"use client";
+"use client";
+import { useRead, useSignal } from "@cerberus-design/signals";
+import { useEffect, useMemo } from "react";
+//#region src/virtualizer.client.ts
 function useVirtualizer(store, viewportRef) {
-  const isServerPaginated = useRead(store.isServerPaginated);
-  const rows = useRead(store.visibleRows);
-  const rowHeight = useRead(store.rowSize);
-  const [scrollTop, setScrollTop] = useSignal(0);
-  const [containerHeight, setContainerHeight] = useSignal(0);
-  useEffect(() => {
-    let rafId;
-    const el = viewportRef.current;
-    if (!el) return;
-    const onScroll = () => {
-      if (rafId) cancelAnimationFrame(rafId);
-      rafId = requestAnimationFrame(() => {
-        setScrollTop(el.scrollTop);
-      });
-    };
-    el.addEventListener("scroll", onScroll, { passive: true });
-    const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        setContainerHeight(entry.contentRect.height);
-      }
-    });
-    observer.observe(el);
-    return () => {
-      el.removeEventListener("scroll", onScroll);
-      if (rafId) cancelAnimationFrame(rafId);
-      observer.disconnect();
-    };
-  }, [viewportRef, setScrollTop, setContainerHeight]);
-  return useMemo(() => {
-    if (isServerPaginated) {
-      return { virtualRows: [], totalHeight: 0, rowHeight };
-    }
-    const totalHeight = rows.length * rowHeight;
-    const buffer = 5;
-    const visibleCount = Math.ceil((containerHeight || 600) / rowHeight);
-    const start = Math.max(0, Math.floor(scrollTop / rowHeight) - buffer);
-    const end = Math.min(rows.length, start + visibleCount + buffer * 2);
-    const virtualRows = rows.slice(start, end).map((row, index) => ({
-      data: row,
-      index: start + index,
-      offsetY: (start + index) * rowHeight
-    }));
-    return { virtualRows, totalHeight, rowHeight };
-  }, [isServerPaginated, rows, rowHeight, scrollTop, containerHeight]);
+	const isServerPaginated = useRead(store.isServerPaginated);
+	const rows = useRead(store.visibleRows);
+	const rowHeight = useRead(store.rowSize);
+	const [scrollTop, setScrollTop] = useSignal(0);
+	const [containerHeight, setContainerHeight] = useSignal(0);
+	useEffect(() => {
+		let rafId;
+		const el = viewportRef.current;
+		if (!el) return;
+		const onScroll = () => {
+			if (rafId) cancelAnimationFrame(rafId);
+			rafId = requestAnimationFrame(() => {
+				setScrollTop(el.scrollTop);
+			});
+		};
+		el.addEventListener("scroll", onScroll, { passive: true });
+		const observer = new ResizeObserver((entries) => {
+			for (const entry of entries) setContainerHeight(entry.contentRect.height);
+		});
+		observer.observe(el);
+		return () => {
+			el.removeEventListener("scroll", onScroll);
+			if (rafId) cancelAnimationFrame(rafId);
+			observer.disconnect();
+		};
+	}, [
+		viewportRef,
+		setScrollTop,
+		setContainerHeight
+	]);
+	return useMemo(() => {
+		if (isServerPaginated) return {
+			virtualRows: [],
+			totalHeight: 0,
+			rowHeight
+		};
+		const totalHeight = rows.length * rowHeight;
+		const buffer = 5;
+		const visibleCount = Math.ceil((containerHeight || 600) / rowHeight);
+		const start = Math.max(0, Math.floor(scrollTop / rowHeight) - buffer);
+		const end = Math.min(rows.length, start + visibleCount + buffer * 2);
+		return {
+			virtualRows: rows.slice(start, end).map((row, index) => ({
+				data: row,
+				index: start + index,
+				offsetY: (start + index) * rowHeight
+			})),
+			totalHeight,
+			rowHeight
+		};
+	}, [
+		isServerPaginated,
+		rows,
+		rowHeight,
+		scrollTop,
+		containerHeight
+	]);
 }
-
+//#endregion
 export { useVirtualizer };

package/package.json

@@ -1,54 +1,59 @@
 {
   "name": "@cerberus-design/data-grid",
-  "version": "0.25.3",
+  "version": "1.0.0-rc.6",
   "description": "The Cerberus Design React DataGrid component.",
-  "browserslist": "> 0.25%, not dead",
-  "sideEffects": false,
+  "keywords": [
+    "data grid",
+    "data grid component",
+    "panda-css",
+    "react",
+    "react signals",
+    "react signals component"
+  ],
+  "license": "ISC",
+  "author": "developers@omnifederal.com",
+  "repository": {
+    "url": "https://github.com/omnifed/cerberus"
+  },
+  "files": [
+    "dist",
+    "package.json"
+  ],
   "type": "module",
+  "sideEffects": false,
   "main": "dist/index.cjs",
   "module": "dist/index.js",
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
+  "publishConfig": {
+    "access": "public"
   },
   "dependencies": {
-    "@cerberus-design/react": "0.25.3",
-    "@cerberus-design/signals": "0.25.3"
+    "@cerberus-design/react": "1.0.0-rc.6",
+    "@cerberus-design/signals": "1.0.0-rc.6"
   },
   "devDependencies": {
+    "@pandacss/dev": "^1.9.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.2",
     "globby": "^16.1.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "vite": "^7.3.1",
+    "vite": "^8.0.0",
     "vite-plugin-dts": "^4.5.4",
     "styled-system": "0.0.0"
   },
-  "publishConfig": {
-    "access": "public"
+  "peerDependencies": {
+    "@pandacss/dev": "^1.9.0",
+    "react": "*",
+    "react-dom": "*"
   },
-  "files": [
-    "dist",
-    "package.json"
-  ],
-  "keywords": [
-    "panda-css",
-    "react",
-    "data grid",
-    "data grid component",
-    "react signals",
-    "react signals component"
-  ],
-  "author": "developers@omnifederal.com",
-  "license": "ISC",
+  "browserslist": "> 0.25%, not dead",
   "scripts": {
-    "build": "vite build",
+    "generate:info": "pnpm panda ship --outfile dist/panda.buildinfo.json",
+    "build": "vite build && pnpm generate:info",
     "clean": "rm -rf ./dist",
     "lint:ts": "tsc --project tsconfig.lint.json --noEmit"
   },
-  "types": "dist/index.d.cts",
   "exports": {
     ".": {
       "import": {
@@ -62,6 +67,7 @@
     },
     "./package.json": "./package.json"
   },
+  "types": "dist/index.d.cts",
   "typesVersions": {
     "*": {
       ".": [