@expcat/tigercat-react 1.3.4 → 1.5.0

package/dist/chunk-4GITZKAH.mjs

@@ -1,153 +0,0 @@
-// src/components/VirtualTable.tsx
-import { useCallback, useMemo, useRef, useState } from "react";
-import {
-  classNames,
-  calculateVirtualRange,
-  getVirtualTableContainerClasses,
-  getVirtualTableRowClasses,
-  getVirtualRowKey,
-  getVirtualTableFixedInfo,
-  getVirtualTableFixedCellStyle,
-  getTableFixedCellClasses,
-  getTableFixedHeaderCellClasses,
-  virtualTableHeaderClasses,
-  virtualTableHeaderCellClasses,
-  virtualTableCellClasses,
-  virtualTableEmptyClasses,
-  virtualTableLoadingClasses,
-  virtualTableFixedCellSelectedClasses
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var VirtualTable = ({
-  data = [],
-  columns = [],
-  rowHeight = 48,
-  height = 400,
-  overscan = 5,
-  stickyHeader = true,
-  rowKey,
-  loading = false,
-  emptyText = "No data",
-  selectable = false,
-  selectedKeys = [],
-  striped = false,
-  bordered = false,
-  className,
-  onRowClick,
-  onSelect,
-  renderCell,
-  ...rest
-}) => {
-  const containerRef = useRef(null);
-  const [scrollTop, setScrollTop] = useState(0);
-  const range = useMemo(
-    () => calculateVirtualRange(scrollTop, height, data.length, rowHeight, overscan),
-    [scrollTop, height, data.length, rowHeight, overscan]
-  );
-  const visibleData = useMemo(
-    () => data.slice(range.start, range.end),
-    [data, range.start, range.end]
-  );
-  const selectedSet = useMemo(() => new Set(selectedKeys), [selectedKeys]);
-  const onScroll = useCallback(() => {
-    if (containerRef.current) {
-      setScrollTop(containerRef.current.scrollTop);
-    }
-  }, []);
-  const containerClasses = useMemo(
-    () => getVirtualTableContainerClasses(bordered, className),
-    [bordered, className]
-  );
-  const fixedInfo = useMemo(() => getVirtualTableFixedInfo(columns), [columns]);
-  const bottomHeight = Math.max(0, range.totalHeight - range.end * rowHeight);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: containerRef,
-      className: classNames(
-        containerClasses,
-        rest.className
-      ),
-      style: { height: `${height}px` },
-      onScroll,
-      role: "grid",
-      "aria-rowcount": data.length,
-      children: [
-        /* @__PURE__ */ jsxs("table", { className: "w-full table-fixed", children: [
-          /* @__PURE__ */ jsx("thead", { className: stickyHeader ? virtualTableHeaderClasses : void 0, children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => {
-            const widthStyle = col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : {};
-            const stickyStyle = getVirtualTableFixedCellStyle(col.key, fixedInfo);
-            return /* @__PURE__ */ jsx(
-              "th",
-              {
-                className: classNames(
-                  virtualTableHeaderCellClasses,
-                  getTableFixedHeaderCellClasses({
-                    view: "virtual-table",
-                    column: col,
-                    stickyHeader,
-                    fixedInfo
-                  })
-                ),
-                style: { ...widthStyle, ...stickyStyle },
-                children: col.title ?? ""
-              },
-              col.key
-            );
-          }) }) }),
-          /* @__PURE__ */ jsxs("tbody", { children: [
-            /* @__PURE__ */ jsx("tr", { style: { height: `${range.offsetTop}px` }, "aria-hidden": true }),
-            visibleData.map((row, localIdx) => {
-              const globalIdx = range.start + localIdx;
-              const key = getVirtualRowKey(row, globalIdx, rowKey);
-              const isSelected = selectedSet.has(key);
-              return /* @__PURE__ */ jsx(
-                "tr",
-                {
-                  className: getVirtualTableRowClasses(globalIdx, striped, isSelected),
-                  onClick: () => {
-                    onRowClick?.(row, globalIdx);
-                    if (selectable) onSelect?.(key, row, globalIdx);
-                  },
-                  children: columns.map((col) => /* @__PURE__ */ jsx(
-                    "td",
-                    {
-                      className: classNames(
-                        virtualTableCellClasses,
-                        getTableFixedCellClasses({
-                          view: "virtual-table",
-                          column: col,
-                          record: row,
-                          rowIndex: globalIdx,
-                          striped,
-                          stripedActive: striped && globalIdx % 2 === 1,
-                          selected: isSelected,
-                          hoverable: true,
-                          fixedInfo,
-                          selectedClassName: virtualTableFixedCellSelectedClasses
-                        })
-                      ),
-                      style: getVirtualTableFixedCellStyle(col.key, fixedInfo),
-                      children: renderCell ? renderCell(row[col.key], row, col) : String(row[col.key] ?? "")
-                    },
-                    col.key
-                  ))
-                },
-                key
-              );
-            }),
-            bottomHeight > 0 && /* @__PURE__ */ jsx("tr", { style: { height: `${bottomHeight}px` }, "aria-hidden": true })
-          ] })
-        ] }),
-        data.length === 0 && !loading && /* @__PURE__ */ jsx("div", { className: virtualTableEmptyClasses, children: emptyText }),
-        loading && /* @__PURE__ */ jsx("div", { className: virtualTableLoadingClasses, children: "Loading..." })
-      ]
-    }
-  );
-};
-var VirtualTable_default = VirtualTable;
-
-export {
-  VirtualTable,
-  VirtualTable_default
-};