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

package/dist/index.js

@@ -14674,7 +14674,7 @@ function useVirtualizer(options) {
     ...options
   });
 }
-const ListScrollWrapper = ({
+const ListVirtualScrollWrapper = ({
   items,
   scrollDetails,
   children
@@ -14698,15 +14698,15 @@ const ListScrollWrapper = ({
     }
     return height2;
   };
-  const virtualizer = infiniteScroll ? useVirtualizer({
+  const virtualizer = useVirtualizer({
     count: items.length,
     getScrollElement: () => listContainerRef.current,
-    estimateSize: () => estimateItemHeight(),
+    estimateSize: useCallback(estimateItemHeight, []),
     overscan: 5
-  }) : void 0;
+  });
   const findFirstActiveItemIndex = (items2) => items2.findIndex((item2) => item2.active === true);
   const setScrollToActiveItem = (activeItemIndex) => {
-    if (virtualizer && activeItemIndex >= 0) {
+    if (activeItemIndex >= 0) {
       virtualizer.scrollToIndex(activeItemIndex, {
         align: "center",
         behavior: "smooth"
@@ -14714,17 +14714,11 @@ const ListScrollWrapper = ({
     }
   };
   useEffect(() => {
-    if (triggerScrollToActiveItem && virtualizer) {
+    if (triggerScrollToActiveItem) {
       const activeItemIndex = findFirstActiveItemIndex(items);
       setScrollToActiveItem(activeItemIndex);
     }
   }, [triggerScrollToActiveItem]);
-  const getVirtualListStyle = () => {
-    if (!virtualizer) return {};
-    return {
-      height: `${virtualizer.getTotalSize()}px`
-    };
-  };
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -14734,7 +14728,34 @@ const ListScrollWrapper = ({
         hideScrollbar2 ? listStyles.hideScrollbar : ""
       ),
       ref: listContainerRef,
-      children: /* @__PURE__ */ jsx("div", { className: listStyles.virtualRows, style: getVirtualListStyle(), children: children({ virtualizer }) })
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: listStyles.virtualRows,
+          style: {
+            height: `${virtualizer.getTotalSize()}px`
+          },
+          children: children({ virtualizer })
+        }
+      )
+    }
+  );
+};
+const ListScrollWrapper = ({
+  items,
+  scrollDetails,
+  children
+}) => {
+  const { scrollable, hideScrollbar: hideScrollbar2, infiniteScroll } = scrollDetails;
+  return infiniteScroll ? /* @__PURE__ */ jsx(ListVirtualScrollWrapper, { items, scrollDetails, children: ({ virtualizer }) => children({ virtualizer }) }) : /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cx$2(
+        listStyles.listContent,
+        scrollable ? listStyles.scrollableList : "",
+        hideScrollbar2 ? listStyles.hideScrollbar : ""
+      ),
+      children: /* @__PURE__ */ jsx("div", { className: listStyles.virtualRows, children: children({}) })
     }
   );
 };
@@ -52162,25 +52183,23 @@ const TableDragWrapper = (props) => {
     }
   );
 };
-const TableScrollWrapper = ({
+const TableVirtualScrollWrapper = ({
   table: table2,
   theadRef,
   children
 }) => {
   var _a2;
-  const { infiniteScroll = false } = table2;
   const containerRef = useRef(null);
   const MIN_ITEM_HEIGHT = 30;
   const BORDER_WIDTH = 1;
-  const virtualizer = infiniteScroll ? useVirtualizer({
+  const virtualizer = useVirtualizer({
     count: ((_a2 = table2.rows) == null ? void 0 : _a2.length) ?? 0,
     getScrollElement: () => containerRef.current,
     estimateSize: () => MIN_ITEM_HEIGHT + BORDER_WIDTH,
     overscan: 10
-  }) : void 0;
+  });
   const getVirtualTableStyle = () => {
     var _a3;
-    if (!virtualizer) return {};
     const theadHeight = ((_a3 = theadRef.current) == null ? void 0 : _a3.clientHeight) ?? 0;
     const totalHeight = virtualizer.getTotalSize() + theadHeight;
     const items = virtualizer.getVirtualItems();
@@ -52194,6 +52213,14 @@ const TableScrollWrapper = ({
   };
   return /* @__PURE__ */ jsx("div", { id: "scrollWrapper", className: styles$c.scroll, ref: containerRef, children: children({ virtualizer, tableStyle: getVirtualTableStyle() }) });
 };
+const TableScrollWrapper = ({
+  table: table2,
+  theadRef,
+  children
+}) => {
+  const { infiniteScroll = false } = table2;
+  return infiniteScroll ? /* @__PURE__ */ jsx(TableVirtualScrollWrapper, { table: table2, theadRef, children: ({ virtualizer, tableStyle }) => children({ virtualizer, tableStyle }) }) : /* @__PURE__ */ jsx("div", { id: "scrollWrapper", className: styles$c.scroll, children: children({}) });
+};
 const Table = (props) => {
   var _a2, _b, _c, _d, _e2, _f, _g;
   const { onListReorder = () => {