@oliasoft-open-source/react-ui-library 4.16.2-beta-1 → 4.16.2-beta-3

package/dist/index.js

@@ -10257,49 +10257,47 @@ function useVirtualizer(options) {
     ...options
   });
 }
-const inputInTable$8 = "_inputInTable_nnoig_1";
-const inputHover$8 = "_inputHover_nnoig_13";
-const inputFocus$8 = "_inputFocus_nnoig_18";
-const inputError$8 = "_inputError_nnoig_25";
-const inputWarning$8 = "_inputWarning_nnoig_26";
-const inputDisabled$8 = "_inputDisabled_nnoig_61";
-const hideScrollbars$8 = "_hideScrollbars_nnoig_67";
-const list$1 = "_list_nnoig_77";
-const bordered$1 = "_bordered_nnoig_83";
-const header$1 = "_header_nnoig_87";
-const headerTitle = "_headerTitle_nnoig_87";
-const heading$3 = "_heading_nnoig_88";
-const itemHeader = "_itemHeader_nnoig_88";
-const narrow = "_narrow_nnoig_91";
-const stickyHeader = "_stickyHeader_nnoig_95";
-const title$3 = "_title_nnoig_106";
-const name = "_name_nnoig_112";
-const iconTooltipMargin = "_iconTooltipMargin_nnoig_115";
-const bold = "_bold_nnoig_118";
-const toggleNarrow = "_toggleNarrow_nnoig_129";
-const drag$1 = "_drag_nnoig_147";
-const dragOverlay$1 = "_dragOverlay_nnoig_168";
-const listContent = "_listContent_nnoig_173";
-const item$4 = "_item_nnoig_88";
-const action = "_action_nnoig_200";
-const active$3 = "_active_nnoig_203";
-const indented = "_indented_nnoig_210";
-const disabled$5 = "_disabled_nnoig_223";
-const label$6 = "_label_nnoig_234";
-const details$2 = "_details_nnoig_245";
-const metadata = "_metadata_nnoig_246";
-const itemContent = "_itemContent_nnoig_254";
-const indentIcon = "_indentIcon_nnoig_261";
-const expandIcon = "_expandIcon_nnoig_266";
-const expanded = "_expanded_nnoig_273";
-const right$4 = "_right_nnoig_276";
-const actions = "_actions_nnoig_284";
-const scrollableList = "_scrollableList_nnoig_289";
-const infiniteScrollContainer = "_infiniteScrollContainer_nnoig_294";
-const hideScrollbar = "_hideScrollbar_nnoig_67";
-const noPointerEvents = "_noPointerEvents_nnoig_307";
-const virtualRows = "_virtualRows_nnoig_310";
-const virtualRow = "_virtualRow_nnoig_310";
+const inputInTable$8 = "_inputInTable_snjei_1";
+const inputHover$8 = "_inputHover_snjei_13";
+const inputFocus$8 = "_inputFocus_snjei_18";
+const inputError$8 = "_inputError_snjei_25";
+const inputWarning$8 = "_inputWarning_snjei_26";
+const inputDisabled$8 = "_inputDisabled_snjei_61";
+const hideScrollbars$8 = "_hideScrollbars_snjei_67";
+const list$1 = "_list_snjei_77";
+const bordered$1 = "_bordered_snjei_83";
+const virtualRow = "_virtualRow_snjei_87";
+const item$4 = "_item_snjei_87";
+const header$1 = "_header_snjei_90";
+const headerTitle = "_headerTitle_snjei_90";
+const heading$3 = "_heading_snjei_91";
+const itemHeader = "_itemHeader_snjei_91";
+const narrow = "_narrow_snjei_94";
+const stickyHeader = "_stickyHeader_snjei_98";
+const title$3 = "_title_snjei_109";
+const name = "_name_snjei_115";
+const iconTooltipMargin = "_iconTooltipMargin_snjei_118";
+const bold = "_bold_snjei_121";
+const toggleNarrow = "_toggleNarrow_snjei_132";
+const drag$1 = "_drag_snjei_150";
+const dragOverlay$1 = "_dragOverlay_snjei_171";
+const listContent = "_listContent_snjei_176";
+const action = "_action_snjei_203";
+const active$3 = "_active_snjei_206";
+const indented = "_indented_snjei_213";
+const disabled$5 = "_disabled_snjei_226";
+const label$6 = "_label_snjei_237";
+const details$2 = "_details_snjei_248";
+const metadata = "_metadata_snjei_249";
+const itemContent = "_itemContent_snjei_257";
+const indentIcon = "_indentIcon_snjei_264";
+const expandIcon = "_expandIcon_snjei_269";
+const expanded = "_expanded_snjei_276";
+const right$4 = "_right_snjei_279";
+const actions = "_actions_snjei_287";
+const hideScrollbar = "_hideScrollbar_snjei_67";
+const noPointerEvents = "_noPointerEvents_snjei_302";
+const virtualRows = "_virtualRows_snjei_305";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,
@@ -10310,6 +10308,8 @@ const listStyles = {
   hideScrollbars: hideScrollbars$8,
   list: list$1,
   bordered: bordered$1,
+  virtualRow,
+  item: item$4,
   header: header$1,
   headerTitle,
   heading: heading$3,
@@ -10324,7 +10324,6 @@ const listStyles = {
   drag: drag$1,
   dragOverlay: dragOverlay$1,
   listContent,
-  item: item$4,
   action,
   active: active$3,
   indented,
@@ -10338,12 +10337,9 @@ const listStyles = {
   expanded,
   right: right$4,
   actions,
-  scrollableList,
-  infiniteScrollContainer,
   hideScrollbar,
   noPointerEvents,
-  virtualRows,
-  virtualRow
+  virtualRows
 };
 const ToggleNarrow = ({
   toggleNarrow: toggleNarrow2,
@@ -14696,21 +14692,11 @@ const List = ({
   height: height2,
   testId,
   scrollDetails = {
-    scrollable: false,
     hideScrollbar: false,
-    triggerScrollToActiveItem: false,
-    infiniteScroll: false,
-    limit: 10,
-    infiniteScrollTarget: void 0
+    triggerScrollToActiveItem: false
   }
 }) => {
-  const {
-    scrollable,
-    hideScrollbar: hideScrollbar2,
-    triggerScrollToActiveItem,
-    infiniteScroll,
-    infiniteScrollTarget
-  } = scrollDetails;
+  const { hideScrollbar: hideScrollbar2, triggerScrollToActiveItem } = scrollDetails;
   const listContainerRef = useRef(null);
   const MIN_ITEM_HEIGHT = 37;
   const virtualizer = useVirtualizer({
@@ -14723,7 +14709,8 @@ const List = ({
   const setScrollToActiveItem = (activeItemIndex) => {
     if (activeItemIndex >= 0) {
       virtualizer.scrollToIndex(activeItemIndex, {
-        align: "center"
+        align: "center",
+        behavior: "smooth"
       });
     }
   };
@@ -14765,7 +14752,6 @@ const List = ({
               {
                 className: cx$2(
                   listStyles.listContent,
-                  scrollable ? listStyles.scrollableList : "",
                   hideScrollbar2 ? listStyles.hideScrollbar : ""
                 ),
                 ref: listContainerRef,
@@ -14774,28 +14760,28 @@ const List = ({
                   {
                     className: listStyles.virtualRows,
                     style: { height: `${virtualizer.getTotalSize()}px` },
-                    children: virtualizer.getVirtualItems().map((virtualRow2) => {
-                      return /* @__PURE__ */ jsx(
-                        "div",
-                        {
-                          "data-index": virtualRow2.index,
-                          className: listStyles.virtualRow,
-                          style: { transform: `translateY(${virtualRow2.start}px)` },
-                          ref: virtualizer.measureElement,
-                          children: /* @__PURE__ */ jsx(
-                            ListRow,
-                            {
-                              index: virtualRow2.index,
-                              draggable,
-                              item: list2.items[virtualRow2.index],
-                              expanding,
-                              invokeEditOnRowClick
-                            }
-                          )
+                    children: virtualizer.getVirtualItems().map((virtualRow2) => /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        "data-index": virtualRow2.index,
+                        className: listStyles.virtualRow,
+                        style: {
+                          transform: `translateY(${virtualRow2.start}px)`
                         },
-                        virtualRow2.key
-                      );
-                    })
+                        ref: virtualizer.measureElement,
+                        children: /* @__PURE__ */ jsx(
+                          ListRow,
+                          {
+                            index: virtualRow2.index,
+                            draggable,
+                            item: list2.items[virtualRow2.index],
+                            expanding,
+                            invokeEditOnRowClick
+                          }
+                        )
+                      },
+                      virtualRow2.key
+                    ))
                   }
                 )
               }
@@ -52152,19 +52138,19 @@ const TableScrollWrapper = ({
   theadRef,
   children
 }) => {
-  var _a2;
-  if (!table2.infiniteScroll) {
+  var _a2, _b;
+  if (!table2.infiniteScroll || table2.draggable) {
     return /* @__PURE__ */ jsx("div", { id: "scrollWrapper", className: styles$b.scroll, children: /* @__PURE__ */ jsx("div", { className: styles$b.virtualRows, children: children({}) }) });
   }
   const containerRef = useRef(null);
   const MIN_ITEM_HEIGHT = 31;
   const virtualizer = useVirtualizer({
-    count: table2.rows.length,
+    count: ((_a2 = table2.rows) == null ? void 0 : _a2.length) ?? 0,
     getScrollElement: () => containerRef.current,
     estimateSize: () => MIN_ITEM_HEIGHT,
     overscan: 10
   });
-  const theadHeight = ((_a2 = theadRef.current) == null ? void 0 : _a2.clientHeight) ?? 0;
+  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 }) }) });
 };