@oliasoft-open-source/react-ui-library 4.16.2-beta-4 → 4.16.2-beta-5

package/dist/index.js

@@ -52135,7 +52135,7 @@ const TableScrollWrapper = ({
   children
 }) => {
   var _a2, _b;
-  if (!table2.infiniteScroll || table2.draggable) {
+  if (!table2.infiniteScroll) {
     return /* @__PURE__ */ jsx("div", { id: "scrollWrapper", className: styles$b.scroll, children: /* @__PURE__ */ jsx("div", { className: styles$b.virtualRows, children: children({}) }) });
   }
   const containerRef = useRef(null);
@@ -52148,7 +52148,14 @@ const TableScrollWrapper = ({
   });
   const theadHeight = ((_b = theadRef.current) == null ? void 0 : _b.clientHeight) ?? 0;
   const totalHeight = virtualizer.getTotalSize() + theadHeight;
-  return /* @__PURE__ */ jsx("div", { id: "scrollWrapper", className: styles$b.scroll, ref: containerRef, children: /* @__PURE__ */ jsx("div", { className: styles$b.virtualRows, style: { height: totalHeight }, children: children({ virtualizer }) }) });
+  const items = virtualizer.getVirtualItems();
+  const paddingTop = items.length > 0 ? items[0].start : 0;
+  const paddingBottom = items.length > 0 ? virtualizer.getTotalSize() - items[items.length - 1].end : 0;
+  const tableStyle = {
+    "--virtualPaddingTop": paddingTop + "px",
+    "--virtualPaddingBottom": paddingBottom + "px"
+  };
+  return /* @__PURE__ */ jsx("div", { id: "scrollWrapper", className: styles$b.scroll, ref: containerRef, children: /* @__PURE__ */ jsx("div", { className: styles$b.virtualRows, style: { height: totalHeight }, children: children({ virtualizer, tableStyle }) }) });
 };
 const Table = (props) => {
   var _a2, _b, _c, _d, _e2, _f, _g;
@@ -52245,23 +52252,13 @@ const Table = (props) => {
         rowActions,
         rows,
         tbodyRef,
-        children: /* @__PURE__ */ jsx(TableScrollWrapper, { table: table2, theadRef, children: ({ virtualizer }) => {
-          let style = {};
-          if (virtualizer) {
-            const items = virtualizer.getVirtualItems();
-            const paddingTop = items.length > 0 ? items[0].start : 0;
-            const paddingBottom = items.length > 0 ? virtualizer.getTotalSize() - items[items.length - 1].end : 0;
-            style = {
-              "--virtualPaddingTop": paddingTop + "px",
-              "--virtualPaddingBottom": paddingBottom + "px"
-            };
-          }
+        children: /* @__PURE__ */ jsx(TableScrollWrapper, { table: table2, theadRef, children: ({ virtualizer, tableStyle }) => {
           return /* @__PURE__ */ jsxs(
             "table",
             {
               className: cx$2(styles$b.table, striped2 ? styles$b.striped : ""),
               "data-testid": testId,
-              style,
+              style: tableStyle,
               children: [
                 /* @__PURE__ */ jsx("thead", { ref: theadRef, children: headers.map((row2, rowIndex) => {
                   return /* @__PURE__ */ jsx(
@@ -52281,7 +52278,7 @@ const Table = (props) => {
                     `0_${rowIndex}`
                   );
                 }) }),
-                /* @__PURE__ */ jsx("tbody", { ref: tbodyRef, children: virtualizer ? virtualizer.getVirtualItems().map((virtualRow2, rowIndex) => /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx("tbody", { ref: tbodyRef, children: virtualizer ? virtualizer.getVirtualItems().map((virtualRow2) => /* @__PURE__ */ jsx(
                   Row,
                   {
                     rowIndex: virtualRow2.index,
@@ -52293,7 +52290,7 @@ const Table = (props) => {
                     columnAlignment,
                     draggableTable: draggable
                   },
-                  `1_${rowIndex}`
+                  `1_${virtualRow2.index}`
                 )) : rows.map((row2, index2) => /* @__PURE__ */ jsx(
                   Row,
                   {