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

package/README.md

@@ -1094,12 +1094,8 @@ The `List` component renders a list of data items with various customization opt
 
 | Prop                        | Description                                                                                                     | Default Value            |
 |-----------------------------|-----------------------------------------------------------------------------------------------------------------|--------------------------|
-| `scrollable`                | Determines whether the list is scrollable.                                                                      | `false`                  |
 | `hideScrollbar`             | Determines whether to hide the scrollbar when scrolling.                                                        | `false`                  |
 | `triggerScrollToActiveItem` | Specifies whether scrolling should be triggered to display the active item.                                      | `false`                  |
-| `infiniteScroll`            | Specifies whether to enable infinite scroll functionality.                                                       | `false`                  |
-| `limit`                     | The limit of items to load per page when using infinite scroll.                                                  | `10`                     |
-| `infiniteScrollTarget`      | The target element for infinite scroll (e.g., the list container).                                               | -              |
 
 ### Usage Example
 
@@ -1114,12 +1110,8 @@ The `List` component renders a list of data items with various customization opt
   height={300}
   testId="my-list"
   scrollDetails={{
-    scrollable: true,
     hideScrollbar: true,
     triggerScrollToActiveItem: true,
-    infiniteScroll: true,
-    limit: 10,
-    infiniteScrollTarget: document.getElementById('list-container'),
   }}
 />
 ```

package/dist/global.css

@@ -2442,127 +2442,130 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_nnoig_1 {
+._inputInTable_snjei_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_nnoig_1:not(:hover):not([data-error]):not([data-warning]) {
+._inputInTable_snjei_1:not(:hover):not([data-error]):not([data-warning]) {
   border-color: transparent;
 }
-._inputInTable_nnoig_1:not(:focus) {
+._inputInTable_snjei_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_nnoig_13 {
+._inputHover_snjei_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_nnoig_18 {
+._inputFocus_snjei_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_nnoig_25,
-._inputWarning_nnoig_26 {
+._inputError_snjei_25,
+._inputWarning_snjei_26 {
   position: relative;
 }
-._inputError_nnoig_25 {
+._inputError_snjei_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_nnoig_25:hover {
+._inputError_snjei_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_nnoig_25:focus {
+._inputError_snjei_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_nnoig_26 {
+._inputWarning_snjei_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_nnoig_26:hover {
+._inputWarning_snjei_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_nnoig_26:focus {
+._inputWarning_snjei_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_nnoig_61 {
+._inputDisabled_snjei_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_nnoig_67 {
+._hideScrollbars_snjei_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_nnoig_67::-webkit-scrollbar {
+._hideScrollbars_snjei_67::-webkit-scrollbar {
   display: none;
 }
-._list_nnoig_77 {
+._list_snjei_77 {
   display: flex;
   flex-direction: column;
   max-height: 100%;
   overflow: hidden;
 }
-._bordered_nnoig_83 {
+._bordered_snjei_83 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
 }
-._header_nnoig_87 ._headerTitle_nnoig_87,
-._heading_nnoig_88 ._itemHeader_nnoig_88 {
+._bordered_snjei_83 ._virtualRow_snjei_87:last-child ._item_snjei_87 {
+  border-bottom: none;
+}
+._header_snjei_90 ._headerTitle_snjei_90,
+._heading_snjei_91 ._itemHeader_snjei_91 {
   transition: opacity 0.3s;
 }
-._narrow_nnoig_91 ._header_nnoig_87 ._headerTitle_nnoig_87,
-._narrow_nnoig_91 ._heading_nnoig_88 ._itemHeader_nnoig_88 {
+._narrow_snjei_94 ._header_snjei_90 ._headerTitle_snjei_90,
+._narrow_snjei_94 ._heading_snjei_91 ._itemHeader_snjei_91 {
   opacity: 0;
 }
-._stickyHeader_nnoig_95 {
+._stickyHeader_snjei_98 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_nnoig_88 {
+._itemHeader_snjei_91 {
   padding: var(--padding-xs) var(--padding);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_nnoig_88 ._title_nnoig_106 {
+._itemHeader_snjei_91 ._title_snjei_109 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_nnoig_88 ._name_nnoig_112 {
+._itemHeader_snjei_91 ._name_snjei_115 {
   font-weight: 400;
 }
-._itemHeader_nnoig_88 ._iconTooltipMargin_nnoig_115 {
+._itemHeader_snjei_91 ._iconTooltipMargin_snjei_118 {
   margin-left: var(--padding-xs);
 }
-._itemHeader_nnoig_88 ._bold_nnoig_118 {
+._itemHeader_snjei_91 ._bold_snjei_121 {
   font-weight: bold;
 }
-._header_nnoig_87 {
+._header_snjei_90 {
   padding: var(--padding);
   display: flex;
   align-items: center;
@@ -2570,7 +2573,7 @@ html[data-theme='dark'] {
   position: sticky;
   top: 0;
 }
-._toggleNarrow_nnoig_129 {
+._toggleNarrow_snjei_132 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2579,16 +2582,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_nnoig_129:hover {
+._toggleNarrow_snjei_132:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_nnoig_129:active {
+._toggleNarrow_snjei_132:active {
   color: var(--color-text-primary-active);
 }
-._narrow_nnoig_91 ._toggleNarrow_nnoig_129 {
+._narrow_snjei_94 ._toggleNarrow_snjei_132 {
   transform: scaleX(-1);
 }
-._drag_nnoig_147 {
+._drag_snjei_150 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2602,24 +2605,24 @@ html[data-theme='dark'] {
   width: var(--size-sm);
   flex-shrink: 0;
 }
-._drag_nnoig_147:hover {
+._drag_snjei_150:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_nnoig_147:active {
+._drag_snjei_150:active {
   cursor: grabbing;
   color: var(--color-text-primary-active);
 }
-._dragOverlay_nnoig_168 {
+._dragOverlay_snjei_171 {
   box-shadow: var(--shadow-layer);
   border-radius: var(--border-radius);
   overflow: hidden;
 }
-._listContent_nnoig_173 {
+._listContent_snjei_176 {
   flex: 1;
   overflow-y: auto;
   background: var(--color-background);
 }
-._item_nnoig_88 {
+._item_snjei_87 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2630,7 +2633,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_nnoig_88:not(._heading_nnoig_88):after {
+._item_snjei_87:not(._heading_snjei_91):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2641,41 +2644,41 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s, width 0.3s;
 }
-._item_nnoig_88._action_nnoig_200 {
+._item_snjei_87._action_snjei_203 {
   cursor: pointer;
 }
-._item_nnoig_88._action_nnoig_200:not(._active_nnoig_203):hover {
+._item_snjei_87._action_snjei_203:not(._active_snjei_206):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_nnoig_88._action_nnoig_200:not(._active_nnoig_203):hover:after {
+._item_snjei_87._action_snjei_203:not(._active_snjei_206):hover:after {
   width: 5px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_nnoig_88._indented_nnoig_210:after {
+._item_snjei_87._indented_snjei_213:after {
   width: 3px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_nnoig_88._active_nnoig_203 {
+._item_snjei_87._active_snjei_206 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_nnoig_88._active_nnoig_203:after {
+._item_snjei_87._active_snjei_206:after {
   background: var(--color-background-primary) !important;
 }
-._item_nnoig_88._disabled_nnoig_223 {
+._item_snjei_87._disabled_snjei_226 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_nnoig_88._heading_nnoig_88 {
+._item_snjei_87._heading_snjei_91 {
   color: var(--color-text-muted);
   background-color: var(--color-background-cardheader);
 }
-._item_nnoig_88._heading_nnoig_88._action_nnoig_200:hover {
+._item_snjei_87._heading_snjei_91._action_snjei_203:hover {
   color: var(--color-text-primary-hover);
 }
-._item_nnoig_88 ._label_nnoig_234 {
+._item_snjei_87 ._label_snjei_237 {
   margin-right: var(--padding-xs);
   flex-shrink: 0;
   width: var(--size-sm);
@@ -2686,38 +2689,38 @@ html[data-theme='dark'] {
   align-items: center;
   justify-content: center;
 }
-._item_nnoig_88 ._details_nnoig_245,
-._item_nnoig_88 ._metadata_nnoig_246 {
+._item_snjei_87 ._details_snjei_248,
+._item_snjei_87 ._metadata_snjei_249 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_nnoig_88 ._metadata_nnoig_246 {
+._item_snjei_87 ._metadata_snjei_249 {
   color: var(--color-text-muted);
 }
-._item_nnoig_88 ._itemContent_nnoig_254 {
+._item_snjei_87 ._itemContent_snjei_257 {
   padding: 0 var(--padding) var(--padding-sm);
   cursor: auto;
 }
-._item_nnoig_88 ._itemContent_nnoig_254:empty {
+._item_snjei_87 ._itemContent_snjei_257:empty {
   padding: inherit;
 }
-._indentIcon_nnoig_261 {
+._indentIcon_snjei_264 {
   color: var(--color-text-faint);
   flex-shrink: 0;
   margin-right: var(--padding-xxs);
 }
-._expandIcon_nnoig_266 {
+._expandIcon_snjei_269 {
   flex-shrink: 0;
   position: relative;
   display: flex;
   height: var(--line-height);
   margin-right: var(--padding-xs);
 }
-._expandIcon_nnoig_266._expanded_nnoig_273 svg {
+._expandIcon_snjei_269._expanded_snjei_276 svg {
   transform: rotate(90deg);
 }
-._right_nnoig_276 {
+._right_snjei_279 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -2725,37 +2728,29 @@ html[data-theme='dark'] {
   margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
   min-height: var(--size-sm);
 }
-._actions_nnoig_284 {
+._actions_snjei_287 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
 }
-._scrollableList_nnoig_289 {
-  height: 100%;
-  overflow-y: auto;
-  scroll-behavior: smooth;
-}
-._infiniteScrollContainer_nnoig_294 {
-  overflow: hidden !important;
-}
-._hideScrollbar_nnoig_67 {
+._hideScrollbar_snjei_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_nnoig_67::-webkit-scrollbar {
+._hideScrollbar_snjei_67::-webkit-scrollbar {
   display: none;
 }
-._noPointerEvents_nnoig_307 {
+._noPointerEvents_snjei_302 {
   pointer-events: none;
 }
-._virtualRows_nnoig_310 {
+._virtualRows_snjei_305 {
   width: 100%;
   position: relative;
 }
-._virtualRow_nnoig_310 {
+._virtualRow_snjei_87 {
   position: absolute;
   top: 0;
   left: 0;

package/dist/index.d.ts

@@ -1128,12 +1128,8 @@ export declare interface IRowProps {
 }
 
 declare interface IScrollDetails {
-    scrollable?: boolean;
     hideScrollbar?: boolean;
     triggerScrollToActiveItem?: boolean;
-    infiniteScroll?: boolean;
-    infiniteScrollTarget?: string;
-    limit?: number;
 }
 
 declare interface ISelectCell extends TCommonCell {
@@ -1337,28 +1333,30 @@ export declare interface ITableProps {
         from: number;
         to: number;
     }) => void;
-    table: {
-        name?: TStringOrNumber | ReactNode;
-        actionsRight?: boolean;
-        fixedWidth?: TStringOrNumber;
-        maxHeight?: TStringOrNumber;
-        columnWidths?: string[];
-        className?: string;
-        columnHeaderAlignments?: Array<TAlign | string>;
-        columnAlignment?: Array<TAlign | string>;
-        infiniteScroll?: boolean;
-        headers?: any[];
-        rows?: TRowsType;
-        footer?: IFooterProps;
-        draggable?: boolean;
-        bordered?: boolean;
-        striped?: boolean;
-        testId?: string;
-        onAddRow?: any;
-        defaultEmptyRow?: any;
-        stickyHeaders?: string | boolean;
-        actions?: any;
-    };
+    table: ITableTableProps;
+}
+
+declare interface ITableTableProps {
+    name?: TStringOrNumber | ReactNode;
+    actionsRight?: boolean;
+    fixedWidth?: TStringOrNumber;
+    maxHeight?: TStringOrNumber;
+    columnWidths?: string[];
+    className?: string;
+    columnHeaderAlignments?: Array<TAlign | string>;
+    columnAlignment?: Array<TAlign | string>;
+    infiniteScroll?: boolean;
+    headers?: any[];
+    rows?: TRowsType;
+    footer?: IFooterProps;
+    draggable?: boolean;
+    bordered?: boolean;
+    striped?: boolean;
+    testId?: string;
+    onAddRow?: any;
+    defaultEmptyRow?: any;
+    stickyHeaders?: string | boolean;
+    actions?: any;
 }
 
 declare interface ITabOption {

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,
@@ -14780,7 +14766,10 @@ const List = ({
                         {
                           "data-index": virtualRow2.index,
                           className: listStyles.virtualRow,
-                          style: { transform: `translateY(${virtualRow2.start}px)` },
+                          style: {
+                            transform: `translateY(${virtualRow2.start}px)`,
+                            height: `${virtualRow2.size}px`
+                          },
                           ref: virtualizer.measureElement,
                           children: /* @__PURE__ */ jsx(
                             ListRow,
@@ -52152,19 +52141,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 }) }) });
 };