@dappworks/kit 0.4.161 → 0.4.163

package/dist/{chunk-HTEMNQ6U.mjs → chunk-2UD4IDBE.mjs}

@@ -4,11 +4,12 @@ import { _ } from './chunk-K7LFG5BA.mjs';
 import { cn } from './chunk-WYGQ3Y4R.mjs';
 import { __objRest, __spreadValues, __spreadProps } from './chunk-6F7H4PAA.mjs';
 import * as React2 from 'react';
-import React2__default, { useState, useRef, useMemo, useEffect } from 'react';
-import { Pagination, Card, Divider, Spinner } from '@nextui-org/react';
+import React2__default, { useState, useMemo, useEffect, useRef } from 'react';
+import { Card, Divider, Pagination, Spinner } from '@nextui-org/react';
 import { ChevronRight, Check, Circle, ChevronDown, ChevronUp, ChevronsUpDown, ChevronLeft } from 'lucide-react';
 import { observer } from 'mobx-react-lite';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { VList } from 'virtua';
 
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
@@ -132,8 +133,6 @@ var DropdownMenuSeparator = React2.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-
-// components/JSONTable/index.tsx
 var JSONTable = observer((props) => {
   const {
     className,
@@ -166,11 +165,11 @@ var JSONTable = observer((props) => {
     loadingContent,
     isHeaderSticky = false,
     sortingUIOptions,
-    collapsedTableConfig
+    collapsedTableConfig,
+    virtualizedOptions
   } = props;
   const [sortableColumnsMap, setSortableColumnsMap] = useState({});
   const [sortedData, setSortedData] = useState(dataSource);
-  const tableBoxRef = useRef(null);
   const { columns, sortableColumnsDefaultValue, showCollapsedTables, collapsedTables } = useMemo(() => {
     const firstData = dataSource[0];
     const allKeys = firstData ? Object.keys(firstData) : [];
@@ -230,7 +229,7 @@ var JSONTable = observer((props) => {
       });
     }
     const showCollapsedTables2 = collapsedTables2.length > 0;
-    if (showCollapsedTables2) {
+    if (showCollapsedTables2 && !(virtualizedOptions == null ? void 0 : virtualizedOptions.isVirtualized)) {
       const collapsedHandlerPosition = (collapsedTableConfig == null ? void 0 : collapsedTableConfig.collapsedHandlerPosition) || "right";
       if (collapsedHandlerPosition === "right") {
         columns2.push({
@@ -259,7 +258,7 @@ var JSONTable = observer((props) => {
       });
     }
   }, [dataSource]);
-  const data = isServerPaging || !showPagination ? sortedData : sortedData.slice(pagination.offset, pagination.offset + pagination.limit);
+  const data = isServerPaging || !showPagination || (virtualizedOptions == null ? void 0 : virtualizedOptions.isVirtualized) || asCard ? sortedData : sortedData.slice(pagination.offset, pagination.offset + pagination.limit);
   if (asCard) {
     return /* @__PURE__ */ React2__default.createElement(
       CardUI,
@@ -268,116 +267,70 @@ var JSONTable = observer((props) => {
         rowKey,
         data,
         columns,
-        columnOptions,
         cardOptions,
-        pagination,
-        nextuiPaginationProps,
-        showPagination,
         onRowClick,
         autoScrollToTop,
         emptyContent,
         isLoading,
         loadingOptions,
-        loadingContent
+        loadingContent,
+        virtualizedOptions
       }
     );
   }
-  return /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, /* @__PURE__ */ React2__default.createElement("div", { className: cn("relative w-full", className), ref: tableBoxRef }, /* @__PURE__ */ React2__default.createElement("table", { className: cn("w-full h-auto table-auto", classNames.table) }, /* @__PURE__ */ React2__default.createElement("thead", { className: cn(classNames.thead, { "sticky top-0 z-30 [&>tr]:first:shadow-small [&>tr]:first:rounded-lg": isHeaderSticky }) }, /* @__PURE__ */ React2__default.createElement("tr", { className: classNames.tr }, columns.map((item) => /* @__PURE__ */ React2__default.createElement(
-    "th",
-    {
-      key: item.key,
-      className: cn("px-3 h-10 text-xs font-semibold whitespace-nowrap bg-default-100 first:rounded-l-lg last:rounded-r-lg outline-none", classNames.th)
-    },
-    /* @__PURE__ */ React2__default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React2__default.createElement("span", null, item.label), !!sortableColumnsMap[item.key] && /* @__PURE__ */ React2__default.createElement(
-      SortingComponent,
-      {
-        sortingUIOptions,
-        columnOptions,
-        sortableColumnsMap,
-        item,
-        onSort: ({ type, key, sortKey }) => {
-          const { sortableColumns, sortedData: sortedData2 } = sortData({
-            type,
-            key,
-            sortKey,
-            sortableColumnsMap,
-            dataSource
-          });
-          setSortableColumnsMap(sortableColumns);
-          setSortedData(sortedData2);
-        }
-      }
-    ))
-  ))), /* @__PURE__ */ React2__default.createElement("tr", { "aria-hidden": "true", className: "w-px h-px block ml-[0.25rem] mt-[0.25rem]" })), isLoading ? /* @__PURE__ */ React2__default.createElement("tbody", { className: classNames.tbody }, /* @__PURE__ */ React2__default.createElement("tr", { className: classNames.tr }, /* @__PURE__ */ React2__default.createElement(
-    "td",
-    {
-      className: classNames.td,
-      colSpan: columns.length
-    },
-    loadingContent || DefaultLoading({ loadingOptions })
-  ))) : data.length > 0 ? /* @__PURE__ */ React2__default.createElement("tbody", { className: classNames.tbody }, showCollapsedTables ? data.map((item) => {
+  if (virtualizedOptions.isVirtualized) {
     return /* @__PURE__ */ React2__default.createElement(
-      CollapseBodyRow,
+      VirtualizedListUI,
       {
-        classNames,
-        item,
+        className,
+        rowKey,
+        data,
+        dataSource,
         columns,
-        rowCss,
+        columnOptions,
+        sortableColumnsMap,
+        sortingUIOptions,
+        setSortableColumnsMap,
+        setSortedData,
         onRowClick,
-        collapsedTableConfig,
-        collapsedTables
+        emptyContent,
+        isLoading,
+        loadingOptions,
+        loadingContent,
+        virtualizedOptions
       }
     );
-  }) : data.map((item, index) => {
-    return /* @__PURE__ */ React2__default.createElement(
-      "tr",
-      {
-        key: rowKey ? item[rowKey] || index : index,
-        className: cn(classNames.tr, typeof rowCss === "function" ? rowCss(item) : rowCss),
-        onClick: () => {
-          onRowClick == null ? void 0 : onRowClick(item);
-        }
-      },
-      columns.map((column) => {
-        return /* @__PURE__ */ React2__default.createElement(
-          "td",
-          {
-            key: column.key,
-            className: cn("py-2 px-3 text-xs", classNames.td)
-          },
-          column.render ? column.render(item) : renderFieldValue(item[column.key])
-        );
-      })
-    );
-  })) : /* @__PURE__ */ React2__default.createElement("tbody", { className: classNames.tbody }, /* @__PURE__ */ React2__default.createElement("tr", { className: classNames.tr }, /* @__PURE__ */ React2__default.createElement(
-    "td",
+  }
+  return /* @__PURE__ */ React2__default.createElement(
+    TableUI,
     {
-      className: classNames.td,
-      colSpan: columns.length
-    },
-    emptyContent != null ? emptyContent : /* @__PURE__ */ React2__default.createElement(DefaultEmptyContent, null)
-  ))))), showPagination && pagination.total > pagination.limit && /* @__PURE__ */ React2__default.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React2__default.createElement(
-    Pagination,
-    __spreadValues({
-      className: "mt-2",
-      showControls: true,
-      showShadow: true,
-      size: "sm",
-      radius: "sm",
-      color: "primary",
-      initialPage: 1,
-      total: Math.ceil(pagination.total / pagination.limit),
-      page: pagination.page,
-      onChange: (currentPage) => {
-        pagination.setData({
-          page: currentPage
-        });
-        if (autoScrollToTop && tableBoxRef.current) {
-          scrollIntoTop(tableBoxRef.current);
-        }
-      }
-    }, nextuiPaginationProps)
-  )));
+      className,
+      classNames,
+      isHeaderSticky,
+      columns,
+      columnOptions,
+      sortableColumnsMap,
+      sortingUIOptions,
+      setSortableColumnsMap,
+      setSortedData,
+      data,
+      dataSource,
+      isLoading,
+      loadingContent,
+      loadingOptions,
+      emptyContent,
+      rowCss,
+      onRowClick,
+      showCollapsedTables,
+      collapsedTableConfig,
+      collapsedTables,
+      rowKey,
+      showPagination,
+      pagination,
+      nextuiPaginationProps,
+      autoScrollToTop
+    }
+  );
 });
 function renderFieldValue(v) {
   if (typeof v == "string" || typeof v == "number") {
@@ -525,37 +478,245 @@ function CardUI({
   className,
   data,
   columns,
-  columnOptions,
   rowKey,
   cardOptions,
-  pagination,
-  nextuiPaginationProps,
-  showPagination,
   onRowClick,
-  autoScrollToTop,
   emptyContent,
   isLoading,
   loadingOptions,
-  loadingContent
+  loadingContent,
+  virtualizedOptions
 }) {
-  const cardBoxRef = useRef(null);
-  return /* @__PURE__ */ React2__default.createElement("div", { className, ref: cardBoxRef }, /* @__PURE__ */ React2__default.createElement("div", { className: cn("space-y-2", cardOptions == null ? void 0 : cardOptions.boxClassName) }, isLoading ? loadingContent ? /* @__PURE__ */ React2__default.createElement(Card, { className: cn("w-full h-40 flex flex-col justify-center items-center p-4 shadow-sm text-foreground-400 rounded-lg", cardOptions == null ? void 0 : cardOptions.cardClassName) }, loadingContent) : /* @__PURE__ */ React2__default.createElement(DefaultLoading, { loadingOptions }) : data.length > 0 ? data.map((item, index) => {
+  const fetchedCountRef = useRef(-1);
+  const elements = useMemo(
+    () => data.map((item, index) => {
+      return /* @__PURE__ */ React2__default.createElement(
+        Card,
+        {
+          key: rowKey ? item[rowKey] || index : index,
+          className: cn("mb-2 w-full shadow-sm p-4 rounded-lg", cardOptions == null ? void 0 : cardOptions.cardClassName),
+          isPressable: !!onRowClick,
+          onPress: () => {
+            onRowClick == null ? void 0 : onRowClick(item);
+          }
+        },
+        columns.map((column, i) => {
+          return /* @__PURE__ */ React2__default.createElement("div", { className: "w-full", key: column.key }, /* @__PURE__ */ React2__default.createElement("div", { className: cn("w-full", cardOptions == null ? void 0 : cardOptions.itemClassName) }, /* @__PURE__ */ React2__default.createElement("div", { className: cn("font-meidum text-xs text-foreground-400", cardOptions == null ? void 0 : cardOptions.labelClassName) }, column.label), /* @__PURE__ */ React2__default.createElement("div", { className: cn("text-xs", cardOptions == null ? void 0 : cardOptions.valueClassName) }, column.render ? column.render(item) : renderFieldValue(item[column.key]))), (cardOptions == null ? void 0 : cardOptions.showDivider) && i !== columns.length - 1 && /* @__PURE__ */ React2__default.createElement(Divider, { className: cn("my-2", cardOptions == null ? void 0 : cardOptions.dividerClassName) }));
+        })
+      );
+    }),
+    [data]
+  );
+  return /* @__PURE__ */ React2__default.createElement("div", { className }, data.length > 0 ? /* @__PURE__ */ React2__default.createElement(
+    VList,
+    {
+      style: { height: (virtualizedOptions == null ? void 0 : virtualizedOptions.vListHeight) || 400 },
+      onRangeChange: async (_2, endIndex) => {
+        const count = data.length;
+        if (endIndex + 1 >= count && fetchedCountRef.current < count) {
+          fetchedCountRef.current = count;
+          if (virtualizedOptions == null ? void 0 : virtualizedOptions.fetchData) {
+            await virtualizedOptions.fetchData();
+          }
+        }
+      }
+    },
+    elements,
+    isLoading ? loadingContent || DefaultLoading({ loadingOptions }) : null
+  ) : emptyContent != null ? emptyContent : /* @__PURE__ */ React2__default.createElement(DefaultEmptyContent, null));
+}
+function VirtualizedListUI({
+  className,
+  data,
+  dataSource,
+  columns,
+  columnOptions,
+  sortableColumnsMap,
+  sortingUIOptions,
+  setSortableColumnsMap,
+  setSortedData,
+  rowKey,
+  onRowClick,
+  rowCss,
+  emptyContent,
+  isLoading,
+  loadingOptions,
+  loadingContent,
+  virtualizedOptions
+}) {
+  var _a;
+  const fetchedCountRef = useRef(-1);
+  const elements = useMemo(
+    () => data.map((item, index) => {
+      var _a2;
+      return /* @__PURE__ */ React2__default.createElement(
+        "div",
+        {
+          key: rowKey ? item[rowKey] || index : index,
+          className: cn("flex items-center", (_a2 = virtualizedOptions == null ? void 0 : virtualizedOptions.classNames) == null ? void 0 : _a2.row, typeof rowCss === "function" ? rowCss(item) : rowCss),
+          onClick: () => {
+            onRowClick == null ? void 0 : onRowClick(item);
+          }
+        },
+        columns.map((column) => {
+          var _a3;
+          return /* @__PURE__ */ React2__default.createElement(
+            "div",
+            {
+              key: column.key,
+              className: cn("w-full py-2 px-3 text-xs", (_a3 = virtualizedOptions == null ? void 0 : virtualizedOptions.classNames) == null ? void 0 : _a3.rowItem)
+            },
+            column.render ? column.render(item) : renderFieldValue(item[column.key])
+          );
+        })
+      );
+    }),
+    [data]
+  );
+  return /* @__PURE__ */ React2__default.createElement("div", { className }, /* @__PURE__ */ React2__default.createElement("div", { className: cn("w-full flex items-center rounded-lg bg-default-100", (_a = virtualizedOptions == null ? void 0 : virtualizedOptions.classNames) == null ? void 0 : _a.header) }, columns.map((column) => {
+    var _a2;
+    return /* @__PURE__ */ React2__default.createElement("div", { key: column.key, className: cn("w-full h-10 px-3 flex items-center text-xs font-semibold whitespace-nowrap", (_a2 = virtualizedOptions == null ? void 0 : virtualizedOptions.classNames) == null ? void 0 : _a2.column) }, /* @__PURE__ */ React2__default.createElement("span", null, column.label), !!sortableColumnsMap[column.key] && /* @__PURE__ */ React2__default.createElement(
+      SortingComponent,
+      {
+        sortingUIOptions,
+        columnOptions,
+        sortableColumnsMap,
+        item: column,
+        onSort: ({ type, key, sortKey }) => {
+          const { sortableColumns, sortedData } = sortData({
+            type,
+            key,
+            sortKey,
+            sortableColumnsMap,
+            dataSource
+          });
+          setSortableColumnsMap(sortableColumns);
+          setSortedData(sortedData);
+        }
+      }
+    ));
+  })), data.length > 0 ? /* @__PURE__ */ React2__default.createElement(
+    VList,
+    {
+      className: "mt-2 w-full",
+      style: { height: (virtualizedOptions == null ? void 0 : virtualizedOptions.vListHeight) || 200 },
+      onRangeChange: async (_2, endIndex) => {
+        const count = data.length;
+        if (endIndex + 1 >= count && fetchedCountRef.current < count) {
+          fetchedCountRef.current = count;
+          if (virtualizedOptions == null ? void 0 : virtualizedOptions.fetchData) {
+            await virtualizedOptions.fetchData();
+          }
+        }
+      }
+    },
+    elements,
+    isLoading ? loadingContent || DefaultLoading({ loadingOptions }) : null
+  ) : emptyContent != null ? emptyContent : /* @__PURE__ */ React2__default.createElement(DefaultEmptyContent, null));
+}
+function TableUI({
+  className,
+  classNames,
+  isHeaderSticky,
+  columns,
+  columnOptions,
+  sortableColumnsMap,
+  sortingUIOptions,
+  setSortableColumnsMap,
+  setSortedData,
+  data,
+  dataSource,
+  isLoading,
+  loadingContent,
+  loadingOptions,
+  emptyContent,
+  rowCss,
+  onRowClick,
+  showCollapsedTables,
+  collapsedTableConfig,
+  collapsedTables,
+  rowKey,
+  showPagination,
+  pagination,
+  nextuiPaginationProps,
+  autoScrollToTop
+}) {
+  const tableBoxRef = useRef(null);
+  return /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, /* @__PURE__ */ React2__default.createElement("div", { className: cn("relative w-full", className), ref: tableBoxRef }, /* @__PURE__ */ React2__default.createElement("table", { className: cn("w-full h-auto table-auto", classNames.table) }, /* @__PURE__ */ React2__default.createElement("thead", { className: cn(classNames.thead, { "sticky top-0 z-30 [&>tr]:first:shadow-small [&>tr]:first:rounded-lg": isHeaderSticky }) }, /* @__PURE__ */ React2__default.createElement("tr", { className: classNames.tr }, columns.map((item) => /* @__PURE__ */ React2__default.createElement(
+    "th",
+    {
+      key: item.key,
+      className: cn("px-3 h-10 text-xs font-semibold whitespace-nowrap bg-default-100 first:rounded-l-lg last:rounded-r-lg outline-none", classNames.th)
+    },
+    /* @__PURE__ */ React2__default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React2__default.createElement("span", null, item.label), !!sortableColumnsMap[item.key] && /* @__PURE__ */ React2__default.createElement(
+      SortingComponent,
+      {
+        sortingUIOptions,
+        columnOptions,
+        sortableColumnsMap,
+        item,
+        onSort: ({ type, key, sortKey }) => {
+          const { sortableColumns, sortedData } = sortData({
+            type,
+            key,
+            sortKey,
+            sortableColumnsMap,
+            dataSource
+          });
+          setSortableColumnsMap(sortableColumns);
+          setSortedData(sortedData);
+        }
+      }
+    ))
+  ))), /* @__PURE__ */ React2__default.createElement("tr", { "aria-hidden": "true", className: "w-px h-px block ml-[0.25rem] mt-[0.25rem]" })), isLoading ? /* @__PURE__ */ React2__default.createElement("tbody", { className: classNames.tbody }, /* @__PURE__ */ React2__default.createElement("tr", { className: classNames.tr }, /* @__PURE__ */ React2__default.createElement(
+    "td",
+    {
+      className: classNames.td,
+      colSpan: columns.length
+    },
+    loadingContent || DefaultLoading({ loadingOptions })
+  ))) : data.length > 0 ? /* @__PURE__ */ React2__default.createElement("tbody", { className: classNames.tbody }, showCollapsedTables ? data.map((item) => {
+    return /* @__PURE__ */ React2__default.createElement(
+      CollapseBodyRow,
+      {
+        classNames,
+        item,
+        columns,
+        rowCss,
+        onRowClick,
+        collapsedTableConfig,
+        collapsedTables
+      }
+    );
+  }) : data.map((item, index) => {
     return /* @__PURE__ */ React2__default.createElement(
-      Card,
+      "tr",
       {
         key: rowKey ? item[rowKey] || index : index,
-        className: cn("w-full shadow-sm p-4 rounded-lg", cardOptions == null ? void 0 : cardOptions.cardClassName),
-        isPressable: !!onRowClick,
-        onPress: () => {
+        className: cn(classNames.tr, typeof rowCss === "function" ? rowCss(item) : rowCss),
+        onClick: () => {
           onRowClick == null ? void 0 : onRowClick(item);
         }
       },
-      columns.map((column, i) => {
-        const option = columnOptions == null ? void 0 : columnOptions[column.key];
-        return /* @__PURE__ */ React2__default.createElement("div", { className: "w-full", key: column.key }, /* @__PURE__ */ React2__default.createElement("div", { className: cn("w-full", cardOptions == null ? void 0 : cardOptions.itemClassName) }, /* @__PURE__ */ React2__default.createElement("div", { className: cn("font-meidum text-xs text-foreground-400", option == null ? void 0 : option.labelClassName) }, column.label), /* @__PURE__ */ React2__default.createElement("div", { className: cn("text-xs", option == null ? void 0 : option.valueClassName) }, column.render ? column.render(item) : renderFieldValue(item[column.key]))), (cardOptions == null ? void 0 : cardOptions.showDivider) && i !== columns.length - 1 && /* @__PURE__ */ React2__default.createElement(Divider, { className: cn("my-2", cardOptions == null ? void 0 : cardOptions.dividerClassName) }));
+      columns.map((column) => {
+        return /* @__PURE__ */ React2__default.createElement(
+          "td",
+          {
+            key: column.key,
+            className: cn("py-2 px-3 text-xs", classNames.td)
+          },
+          column.render ? column.render(item) : renderFieldValue(item[column.key])
+        );
       })
     );
-  }) : /* @__PURE__ */ React2__default.createElement(Card, { className: cn("w-full h-40 flex flex-col justify-center items-center p-4 shadow-sm text-foreground-400 rounded-lg", cardOptions == null ? void 0 : cardOptions.cardClassName) }, emptyContent)), showPagination && pagination.total > pagination.limit && /* @__PURE__ */ React2__default.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React2__default.createElement(
+  })) : /* @__PURE__ */ React2__default.createElement("tbody", { className: classNames.tbody }, /* @__PURE__ */ React2__default.createElement("tr", { className: classNames.tr }, /* @__PURE__ */ React2__default.createElement(
+    "td",
+    {
+      className: classNames.td,
+      colSpan: columns.length
+    },
+    emptyContent != null ? emptyContent : /* @__PURE__ */ React2__default.createElement(DefaultEmptyContent, null)
+  ))))), showPagination && pagination.total > pagination.limit && /* @__PURE__ */ React2__default.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React2__default.createElement(
     Pagination,
     __spreadValues({
       className: "mt-2",
@@ -571,8 +732,8 @@ function CardUI({
         pagination.setData({
           page: currentPage
         });
-        if (autoScrollToTop && cardBoxRef.current) {
-          scrollIntoTop(cardBoxRef.current);
+        if (autoScrollToTop && tableBoxRef.current) {
+          scrollIntoTop(tableBoxRef.current);
         }
       }
     }, nextuiPaginationProps)
@@ -643,10 +804,10 @@ function CollapseBodyRow({
       }
       return /* @__PURE__ */ React2__default.createElement("td", { key: column.key, className: cn("py-2 px-3 text-xs", classNames == null ? void 0 : classNames.td) }, column.render ? column.render(item) : renderFieldValue(item[column.key]));
     })
-  ), /* @__PURE__ */ React2__default.createElement("tr", { className: cn(classNames == null ? void 0 : classNames.tr, isOpen ? "table-row" : "hidden") }, /* @__PURE__ */ React2__default.createElement("td", { colSpan: columns.length + 1, className: cn("py-2 px-3 text-xs", classNames == null ? void 0 : classNames.td) }, collapsedTables.map((ex) => {
-    var _a, _b, _c, _d;
+  ), /* @__PURE__ */ React2__default.createElement("tr", { className: cn(classNames == null ? void 0 : classNames.tr, isOpen ? "table-row" : "hidden") }, /* @__PURE__ */ React2__default.createElement("td", { colSpan: columns.length, className: cn("py-2 px-3 text-xs", classNames == null ? void 0 : classNames.td) }, collapsedTables.map((ex) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const exColumns = ex.columns;
-    const exData = item[ex.key];
+    const exData = item[ex.key] || [];
     return /* @__PURE__ */ React2__default.createElement("table", { className: cn("w-full h-auto table-auto", (_a = collapsedTableConfig == null ? void 0 : collapsedTableConfig.classNames) == null ? void 0 : _a.table), key: ex.key }, /* @__PURE__ */ React2__default.createElement("thead", { className: (_b = collapsedTableConfig == null ? void 0 : collapsedTableConfig.classNames) == null ? void 0 : _b.thead }, /* @__PURE__ */ React2__default.createElement("tr", { className: (_c = collapsedTableConfig == null ? void 0 : collapsedTableConfig.classNames) == null ? void 0 : _c.tr }, exColumns == null ? void 0 : exColumns.map((exC) => {
       var _a2;
       return /* @__PURE__ */ React2__default.createElement(
@@ -657,7 +818,7 @@ function CollapseBodyRow({
         },
         exC.label
       );
-    })), /* @__PURE__ */ React2__default.createElement("tr", { "aria-hidden": "true", className: "w-px h-px block ml-[0.25rem] mt-[0.25rem]" })), /* @__PURE__ */ React2__default.createElement("tbody", { className: (_d = collapsedTableConfig == null ? void 0 : collapsedTableConfig.classNames) == null ? void 0 : _d.tbody }, exData == null ? void 0 : exData.map((exItem) => {
+    })), /* @__PURE__ */ React2__default.createElement("tr", { "aria-hidden": "true", className: "w-px h-px block ml-[0.25rem] mt-[0.25rem]" })), exData.length > 0 ? /* @__PURE__ */ React2__default.createElement("tbody", { className: (_d = collapsedTableConfig == null ? void 0 : collapsedTableConfig.classNames) == null ? void 0 : _d.tbody }, exData.map((exItem) => {
       var _a2;
       return /* @__PURE__ */ React2__default.createElement(
         "tr",
@@ -691,10 +852,17 @@ function CollapseBodyRow({
           );
         })
       );
-    })));
+    })) : /* @__PURE__ */ React2__default.createElement("tbody", { className: (_e = collapsedTableConfig == null ? void 0 : collapsedTableConfig.classNames) == null ? void 0 : _e.tbody }, /* @__PURE__ */ React2__default.createElement("tr", { className: (_f = collapsedTableConfig == null ? void 0 : collapsedTableConfig.classNames) == null ? void 0 : _f.tr }, /* @__PURE__ */ React2__default.createElement(
+      "td",
+      {
+        className: (_g = collapsedTableConfig == null ? void 0 : collapsedTableConfig.classNames) == null ? void 0 : _g.td,
+        colSpan: columns.length
+      },
+      (_h = collapsedTableConfig == null ? void 0 : collapsedTableConfig.emptyContent) != null ? _h : /* @__PURE__ */ React2__default.createElement(DefaultEmptyContent, null)
+    ))));
   }))));
 }
 
 export { JSONTable };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-HTEMNQ6U.mjs.map
+//# sourceMappingURL=chunk-2UD4IDBE.mjs.map