@itwin/itwinui-react 3.0.0-dev.9 → 3.0.0

package/cjs/core/Table/Table.js

@@ -9,33 +9,29 @@ const tslib_1 = require('tslib');
 const React = tslib_1.__importStar(require('react'));
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
 const react_table_1 = require('react-table');
-const index_js_1 = require('../ProgressIndicators/index.js');
-const index_js_2 = require('../utils/index.js');
+const ProgressRadial_js_1 = require('../ProgressIndicators/ProgressRadial.js');
+const index_js_1 = require('../utils/index.js');
 const utils_js_1 = require('./utils.js');
 const TableRowMemoized_js_1 = require('./TableRowMemoized.js');
-const index_js_3 = require('./filters/index.js');
+const index_js_2 = require('./filters/index.js');
 const customFilterFunctions_js_1 = require('./filters/customFilterFunctions.js');
-const index_js_4 = require('./hooks/index.js');
-const index_js_5 = require('./actionHandlers/index.js');
+const index_js_3 = require('./hooks/index.js');
+const index_js_4 = require('./actionHandlers/index.js');
 const VirtualScroll_js_1 = tslib_1.__importDefault(
   require('../utils/components/VirtualScroll.js'),
 );
-const index_js_6 = require('./columns/index.js');
+const index_js_5 = require('./columns/index.js');
 const singleRowSelectedAction = 'singleRowSelected';
 const shiftRowSelectedAction = 'shiftRowSelected';
 exports.tableResizeStartAction = 'tableResizeStart';
 const tableResizeEndAction = 'tableResizeEnd';
-let didLogWarning = false;
-let isDev = false;
-// wrapping in try-catch because process might be undefined
-try {
-  isDev = process.env.NODE_ENV !== 'production';
-} catch {}
+const logWarningInDev = (0, index_js_1.createWarningLogger)();
 const flattenColumns = (columns) => {
   const flatColumns = [];
   columns.forEach((column) => {
     flatColumns.push(column);
     if ('columns' in column) {
+      // @ts-expect-error - Since nested columns are not supported from a types perspective
       flatColumns.push(...flattenColumns(column.columns));
     }
   });
@@ -123,7 +119,7 @@ const Table = (props) => {
     emptyTableContentProps,
     ...rest
   } = props;
-  (0, index_js_2.useGlobals)();
+  (0, index_js_1.useGlobals)();
   const ownerDocument = React.useRef();
   const defaultColumn = React.useMemo(
     () => ({
@@ -143,7 +139,7 @@ const Table = (props) => {
   const hasManualSelectionColumn = React.useMemo(() => {
     const flatColumns = flattenColumns(columns);
     return flatColumns.some(
-      (column) => column.id === index_js_6.SELECTION_CELL_ID,
+      (column) => column.id === index_js_5.SELECTION_CELL_ID,
     );
   }, [columns]);
   const disableUserSelect = React.useCallback((e) => {
@@ -185,7 +181,7 @@ const Table = (props) => {
           onSort?.(newState);
           break;
         case react_table_1.actions.setFilter:
-          currentFilter.current = (0, index_js_5.onFilterHandler)(
+          currentFilter.current = (0, index_js_4.onFilterHandler)(
             newState,
             action,
             previousState,
@@ -195,10 +191,10 @@ const Table = (props) => {
           break;
         case react_table_1.actions.toggleRowExpanded:
         case react_table_1.actions.toggleAllRowsExpanded:
-          (0, index_js_5.onExpandHandler)(newState, instance, onExpand);
+          (0, index_js_4.onExpandHandler)(newState, instance, onExpand);
           break;
         case singleRowSelectedAction: {
-          newState = (0, index_js_5.onSingleSelectHandler)(
+          newState = (0, index_js_4.onSingleSelectHandler)(
             newState,
             action,
             instance,
@@ -209,7 +205,7 @@ const Table = (props) => {
           break;
         }
         case shiftRowSelectedAction: {
-          newState = (0, index_js_5.onShiftSelectHandler)(
+          newState = (0, index_js_4.onShiftSelectHandler)(
             newState,
             action,
             instance,
@@ -222,7 +218,7 @@ const Table = (props) => {
         case react_table_1.actions.toggleRowSelected:
         case react_table_1.actions.toggleAllRowsSelected:
         case react_table_1.actions.toggleAllPageRowsSelected: {
-          (0, index_js_5.onToggleHandler)(
+          (0, index_js_4.onToggleHandler)(
             newState,
             action,
             instance,
@@ -233,11 +229,11 @@ const Table = (props) => {
           break;
         }
         case exports.tableResizeStartAction: {
-          newState = (0, index_js_5.onTableResizeStart)(newState);
+          newState = (0, index_js_4.onTableResizeStart)(newState);
           break;
         }
         case tableResizeEndAction: {
-          newState = (0, index_js_5.onTableResizeEnd)(newState, action);
+          newState = (0, index_js_4.onTableResizeEnd)(newState, action);
           break;
         }
         default:
@@ -285,25 +281,25 @@ const Table = (props) => {
       columnResizeMode,
     },
     react_table_1.useFlexLayout,
-    (0, index_js_4.useResizeColumns)(ownerDocument),
+    (0, index_js_3.useResizeColumns)(ownerDocument),
     react_table_1.useFilters,
-    (0, index_js_4.useSubRowFiltering)(hasAnySubRows),
+    (0, index_js_3.useSubRowFiltering)(hasAnySubRows),
     react_table_1.useGlobalFilter,
     react_table_1.useSortBy,
     react_table_1.useExpanded,
     react_table_1.usePagination,
     react_table_1.useRowSelect,
-    index_js_4.useSubRowSelection,
-    (0, index_js_4.useExpanderCell)(subComponent, expanderCell, isRowDisabled),
-    (0, index_js_4.useSelectionCell)(
+    index_js_3.useSubRowSelection,
+    (0, index_js_3.useExpanderCell)(subComponent, expanderCell, isRowDisabled),
+    (0, index_js_3.useSelectionCell)(
       isSelectable,
       selectionMode,
       isRowDisabled,
       density,
     ),
     react_table_1.useColumnOrder,
-    (0, index_js_4.useColumnDragAndDrop)(enableColumnReordering),
-    index_js_4.useStickyColumns,
+    (0, index_js_3.useColumnDragAndDrop)(enableColumnReordering),
+    index_js_3.useStickyColumns,
   );
   const {
     getTableProps,
@@ -324,12 +320,9 @@ const Table = (props) => {
   let headerGroups = _headerGroups;
   if (columns.length === 1 && 'columns' in columns[0]) {
     headerGroups = _headerGroups.slice(1);
-    if (isDev && !didLogWarning) {
-      console.warn(
-        `Table's \`columns\` prop should not have a top-level \`Header\` or sub-columns. They are only allowed to be passed for backwards compatibility.\n See https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#breaking-changes`,
-      );
-      didLogWarning = true;
-    }
+    logWarningInDev(
+      `Table's \`columns\` prop should not have a top-level \`Header\` or sub-columns. They are only allowed to be passed for backwards compatibility.\n See https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#breaking-changes`,
+    );
   }
   const ariaDataAttributes = Object.entries(rest).reduce(
     (result, [key, value]) => {
@@ -434,7 +427,7 @@ const Table = (props) => {
       selectionMode,
     ],
   );
-  const { scrollToIndex, tableRowRef } = (0, index_js_4.useScrollToRow)({
+  const { scrollToIndex, tableRowRef } = (0, index_js_3.useScrollToRow)({
     ...props,
     page,
   });
@@ -462,9 +455,9 @@ const Table = (props) => {
     },
     [dispatch, state.columnResizing.columnWidths, flatHeaders, instance],
   );
-  const [resizeRef] = (0, index_js_2.useResizeObserver)(onTableResize);
+  const [resizeRef] = (0, index_js_1.useResizeObserver)(onTableResize);
   // Flexbox handles columns resize so we take new column widths before browser repaints.
-  (0, index_js_2.useIsomorphicLayoutEffect)(() => {
+  (0, index_js_1.useIsomorphicLayoutEffect)(() => {
     if (state.isTableResizing) {
       const newColumnWidths = {};
       flatHeaders.forEach((column) => {
@@ -552,7 +545,7 @@ const Table = (props) => {
     React.Fragment,
     null,
     React.createElement(
-      index_js_2.Box,
+      index_js_1.Box,
       {
         ref: (element) => {
           ownerDocument.current = element?.ownerDocument;
@@ -582,7 +575,7 @@ const Table = (props) => {
           className: 'iui-table-row',
         });
         return React.createElement(
-          index_js_2.Box,
+          index_js_1.Box,
           {
             as: 'div',
             ref: headerRef,
@@ -600,7 +593,7 @@ const Table = (props) => {
             ),
           },
           React.createElement(
-            index_js_2.Box,
+            index_js_1.Box,
             {
               as: 'div',
               ...headerProps,
@@ -610,7 +603,7 @@ const Table = (props) => {
               ),
             },
             React.createElement(
-              index_js_2.Box,
+              index_js_1.Box,
               { ...headerGroupProps },
               headerGroup.headers.map((column, index) => {
                 const { onClick, ...restSortProps } =
@@ -636,7 +629,7 @@ const Table = (props) => {
                   },
                 });
                 return React.createElement(
-                  index_js_2.Box,
+                  index_js_1.Box,
                   {
                     ...columnProps,
                     ...column.getDragAndDropProps(),
@@ -668,23 +661,23 @@ const Table = (props) => {
                   column.render('Header'),
                   (showFilterButton(column) || showSortButton(column)) &&
                     React.createElement(
-                      index_js_2.Box,
+                      index_js_1.Box,
                       { className: 'iui-table-header-actions-container' },
                       showFilterButton(column) &&
-                        React.createElement(index_js_3.FilterToggle, {
+                        React.createElement(index_js_2.FilterToggle, {
                           column: column,
                         }),
                       showSortButton(column) &&
                         React.createElement(
-                          index_js_2.Box,
+                          index_js_1.Box,
                           { className: 'iui-table-cell-end-icon' },
                           column.isSortedDesc ||
                             (!column.isSorted && column.sortDescFirst)
-                            ? React.createElement(index_js_2.SvgSortDown, {
+                            ? React.createElement(index_js_1.SvgSortDown, {
                                 className: 'iui-table-sort',
                                 'aria-hidden': true,
                               })
-                            : React.createElement(index_js_2.SvgSortUp, {
+                            : React.createElement(index_js_1.SvgSortUp, {
                                 className: 'iui-table-sort',
                                 'aria-hidden': true,
                               }),
@@ -695,28 +688,28 @@ const Table = (props) => {
                     (index !== headerGroup.headers.length - 1 ||
                       columnResizeMode === 'expand') &&
                     React.createElement(
-                      index_js_2.Box,
+                      index_js_1.Box,
                       {
                         ...column.getResizerProps(),
                         className: 'iui-table-resizer',
                       },
-                      React.createElement(index_js_2.Box, {
+                      React.createElement(index_js_1.Box, {
                         className: 'iui-table-resizer-bar',
                       }),
                     ),
                   enableColumnReordering &&
                     !column.disableReordering &&
-                    React.createElement(index_js_2.Box, {
+                    React.createElement(index_js_1.Box, {
                       className: 'iui-table-reorder-bar',
                     }),
                   column.sticky === 'left' &&
                     state.sticky.isScrolledToRight &&
-                    React.createElement(index_js_2.Box, {
+                    React.createElement(index_js_1.Box, {
                       className: 'iui-table-cell-shadow-right',
                     }),
                   column.sticky === 'right' &&
                     state.sticky.isScrolledToLeft &&
-                    React.createElement(index_js_2.Box, {
+                    React.createElement(index_js_1.Box, {
                       className: 'iui-table-cell-shadow-left',
                     }),
                 );
@@ -726,7 +719,7 @@ const Table = (props) => {
         );
       }),
       React.createElement(
-        index_js_2.Box,
+        index_js_1.Box,
         {
           ...bodyProps,
           ...getTableBodyProps({
@@ -765,7 +758,7 @@ const Table = (props) => {
         isLoading &&
           data.length === 0 &&
           React.createElement(
-            index_js_2.Box,
+            index_js_1.Box,
             {
               as: 'div',
               ...emptyTableContentProps,
@@ -774,22 +767,22 @@ const Table = (props) => {
                 emptyTableContentProps?.className,
               ),
             },
-            React.createElement(index_js_1.ProgressRadial, {
+            React.createElement(ProgressRadial_js_1.ProgressRadial, {
               indeterminate: true,
             }),
           ),
         isLoading &&
           data.length !== 0 &&
           React.createElement(
-            index_js_2.Box,
+            index_js_1.Box,
             { className: 'iui-table-row' },
             React.createElement(
-              index_js_2.Box,
+              index_js_1.Box,
               {
                 className: 'iui-table-cell',
                 style: { justifyContent: 'center' },
               },
-              React.createElement(index_js_1.ProgressRadial, {
+              React.createElement(ProgressRadial_js_1.ProgressRadial, {
                 indeterminate: true,
                 size: 'small',
               }),
@@ -799,7 +792,7 @@ const Table = (props) => {
           data.length === 0 &&
           !areFiltersSet &&
           React.createElement(
-            index_js_2.Box,
+            index_js_1.Box,
             {
               as: 'div',
               ...emptyTableContentProps,
@@ -814,7 +807,7 @@ const Table = (props) => {
           (data.length === 0 || rows.length === 0) &&
           areFiltersSet &&
           React.createElement(
-            index_js_2.Box,
+            index_js_1.Box,
             {
               as: 'div',
               ...emptyTableContentProps,

package/cjs/core/Table/TableCell.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { Cell, CellProps, TableInstance } from 'react-table';
+import type { Cell, CellProps, TableInstance } from '../../react-table/react-table.js';
 export type TableCellProps<T extends Record<string, unknown>> = {
     cell: Cell<T>;
     cellIndex: number;

package/cjs/core/Table/TablePaginator.js

@@ -8,10 +8,12 @@ const tslib_1 = require('tslib');
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const index_js_1 = require('../Buttons/index.js');
-const index_js_2 = require('../ProgressIndicators/index.js');
-const index_js_3 = require('../Menu/index.js');
-const index_js_4 = require('../utils/index.js');
+const IconButton_js_1 = require('../Buttons/IconButton.js');
+const Button_js_1 = require('../Buttons/Button.js');
+const DropdownButton_js_1 = require('../Buttons/DropdownButton.js');
+const ProgressRadial_js_1 = require('../ProgressIndicators/ProgressRadial.js');
+const MenuItem_js_1 = require('../Menu/MenuItem.js');
+const index_js_1 = require('../utils/index.js');
 const defaultLocalization = {
   pageSizeLabel: (size) => `${size} per page`,
   rangeLabel: (startIndex, endIndex, totalRows, isLoading) =>
@@ -52,7 +54,7 @@ const TablePaginator = (props) => {
     className,
     ...rest
   } = props;
-  (0, index_js_4.useGlobals)();
+  (0, index_js_1.useGlobals)();
   const localization = React.useMemo(
     () => ({ ...defaultLocalization, ...userLocalization }),
     [userLocalization],
@@ -82,7 +84,7 @@ const TablePaginator = (props) => {
   const pageButton = React.useCallback(
     (index, tabIndex = index === focusedIndex ? 0 : -1) =>
       React.createElement(
-        index_js_4.ButtonBase,
+        index_js_1.ButtonBase,
         {
           key: index,
           className: (0, classnames_1.default)(
@@ -109,16 +111,16 @@ const TablePaginator = (props) => {
         .map((_, index) => pageButton(index)),
     [pageButton, totalPagesCount],
   );
-  const [overflowRef, visibleCount] = (0, index_js_4.useOverflow)(pageList);
+  const [overflowRef, visibleCount] = (0, index_js_1.useOverflow)(pageList);
   const [paginatorResizeRef, paginatorWidth] = (0,
-  index_js_4.useContainerWidth)();
+  index_js_1.useContainerWidth)();
   const onKeyDown = (event) => {
     // alt + arrow keys are used by browser/assistive technologies
     if (event.altKey) {
       return;
     }
     const focusPage = (delta) => {
-      const newFocusedIndex = (0, index_js_4.getBoundedValue)(
+      const newFocusedIndex = (0, index_js_1.getBoundedValue)(
         focusedIndex + delta,
         0,
         totalPagesCount - 1,
@@ -169,7 +171,7 @@ const TablePaginator = (props) => {
   const showPageSizeList =
     pageSizeList && !!onPageSizeChange && !!totalRowsCount;
   const ellipsis = React.createElement(
-    index_js_4.Box,
+    index_js_1.Box,
     {
       as: 'span',
       className: (0, classnames_1.default)('iui-table-paginator-ellipsis', {
@@ -182,12 +184,12 @@ const TablePaginator = (props) => {
     React.Fragment,
     null,
     isLoading
-      ? React.createElement(index_js_2.ProgressRadial, {
+      ? React.createElement(ProgressRadial_js_1.ProgressRadial, {
           indeterminate: true,
           size: 'small',
         })
       : React.createElement(
-          index_js_1.Button,
+          Button_js_1.Button,
           { styleType: 'borderless', disabled: true, size: buttonSize },
           '1',
         ),
@@ -196,14 +198,14 @@ const TablePaginator = (props) => {
     return null;
   }
   return React.createElement(
-    index_js_4.Box,
+    index_js_1.Box,
     {
       className: (0, classnames_1.default)('iui-table-paginator', className),
       ref: paginatorResizeRef,
       ...rest,
     },
     React.createElement(
-      index_js_4.Box,
+      index_js_1.Box,
       { className: 'iui-left' },
       totalSelectedRowsCount > 0 &&
         React.createElement(
@@ -214,10 +216,10 @@ const TablePaginator = (props) => {
     ),
     showPagesList &&
       React.createElement(
-        index_js_4.Box,
+        index_js_1.Box,
         { className: 'iui-center', ref: overflowRef },
         React.createElement(
-          index_js_1.IconButton,
+          IconButton_js_1.IconButton,
           {
             styleType: 'borderless',
             disabled: currentPage === 0,
@@ -225,10 +227,10 @@ const TablePaginator = (props) => {
             size: buttonSize,
             'aria-label': localization.previousPage,
           },
-          React.createElement(index_js_4.SvgChevronLeft, null),
+          React.createElement(index_js_1.SvgChevronLeft, null),
         ),
         React.createElement(
-          index_js_4.Box,
+          index_js_1.Box,
           {
             as: 'span',
             className: 'iui-table-paginator-pages-group',
@@ -266,7 +268,7 @@ const TablePaginator = (props) => {
                   React.Fragment,
                   null,
                   ellipsis,
-                  React.createElement(index_js_2.ProgressRadial, {
+                  React.createElement(ProgressRadial_js_1.ProgressRadial, {
                     indeterminate: true,
                     size: 'small',
                   }),
@@ -275,7 +277,7 @@ const TablePaginator = (props) => {
           })(),
         ),
         React.createElement(
-          index_js_1.IconButton,
+          IconButton_js_1.IconButton,
           {
             styleType: 'borderless',
             disabled: currentPage === totalPagesCount - 1 || hasNoRows,
@@ -283,11 +285,11 @@ const TablePaginator = (props) => {
             size: buttonSize,
             'aria-label': localization.nextPage,
           },
-          React.createElement(index_js_4.SvgChevronRight, null),
+          React.createElement(index_js_1.SvgChevronRight, null),
         ),
       ),
     React.createElement(
-      index_js_4.Box,
+      index_js_1.Box,
       { className: 'iui-right' },
       showPageSizeList &&
         React.createElement(
@@ -296,19 +298,19 @@ const TablePaginator = (props) => {
           localization.rowsPerPageLabel !== null &&
             paginatorWidth >= 1024 &&
             React.createElement(
-              index_js_4.Box,
+              index_js_1.Box,
               { as: 'span', className: 'iui-table-paginator-page-size-label' },
               localization.rowsPerPageLabel,
             ),
           React.createElement(
-            index_js_1.DropdownButton,
+            DropdownButton_js_1.DropdownButton,
             {
               styleType: 'borderless',
               size: buttonSize,
               menuItems: (close) =>
                 pageSizeList.map((size) =>
                   React.createElement(
-                    index_js_3.MenuItem,
+                    MenuItem_js_1.MenuItem,
                     {
                       key: size,
                       isSelected: size === pageSize,

package/cjs/core/Table/TableRowMemoized.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CellProps, Row, TableInstance, TableState } from 'react-table';
+import type { CellProps, Row, TableInstance, TableState } from '../../react-table/react-table.js';
 /**
  * Memoization is needed to avoid unnecessary re-renders of all rows when additional data is added when lazy-loading.
  * Using `isLast` here instead of passing data length to avoid re-renders of all rows when more data is added. Now only the last row re-renders.

package/cjs/core/Table/actionHandlers/expandHandler.d.ts

@@ -1,2 +1,2 @@
-import type { TableInstance, TableState } from 'react-table';
+import type { TableInstance, TableState } from '../../../react-table/react-table.js';
 export declare const onExpandHandler: <T extends Record<string, unknown>>(newState: TableState<T>, instance?: TableInstance<T> | undefined, onExpand?: ((expandedData: T[] | undefined, tableState?: TableState<T> | undefined) => void) | undefined) => void;

package/cjs/core/Table/actionHandlers/filterHandler.d.ts

@@ -1,3 +1,3 @@
-import type { ActionType, TableInstance, TableState } from 'react-table';
+import type { ActionType, TableInstance, TableState } from '../../../react-table/react-table.js';
 import type { TableFilterValue } from '../filters/index.js';
 export declare const onFilterHandler: <T extends Record<string, unknown>>(newState: TableState<T>, action: ActionType, previousState: TableState<T>, currentFilter: TableFilterValue<T>[], instance?: TableInstance<T> | undefined) => TableFilterValue<T>[];

package/cjs/core/Table/actionHandlers/resizeHandler.d.ts

@@ -1,7 +1,7 @@
-import type { ActionType, TableState } from 'react-table';
+import type { ActionType, TableState } from '../../../react-table/react-table.js';
 export declare const onTableResizeStart: <T extends Record<string, unknown>>(state: TableState<T>) => {
     isTableResizing: boolean;
-    hiddenColumns?: import("react-table").IdType<T>[] | undefined;
+    hiddenColumns?: import("../../../react-table/react-table.js").IdType<T>[] | undefined;
     columnResizing: {
         startX?: number | undefined;
         columnWidth?: number | undefined;
@@ -17,18 +17,18 @@ export declare const onTableResizeStart: <T extends Record<string, unknown>>(sta
         isScrolledToLeft?: boolean | undefined;
     };
     lastSelectedRowId?: string | undefined;
-    columnOrder: import("react-table").IdType<T>[];
-    expanded: Record<import("react-table").IdType<T>, boolean>;
-    filters: import("react-table").Filters<T>;
+    columnOrder: import("../../../react-table/react-table.js").IdType<T>[];
+    expanded: Record<import("../../../react-table/react-table.js").IdType<T>, boolean>;
+    filters: import("../../../react-table/react-table.js").Filters<T>;
     globalFilter: any;
-    groupBy: import("react-table").IdType<T>[];
+    groupBy: import("../../../react-table/react-table.js").IdType<T>[];
     pageSize: number;
     pageIndex: number;
-    selectedRowIds: Record<import("react-table").IdType<T>, boolean>;
+    selectedRowIds: Record<import("../../../react-table/react-table.js").IdType<T>, boolean>;
     rowState: Record<string, {
-        cellState: import("react-table").UseRowStateLocalState<T, unknown>;
+        cellState: import("../../../react-table/react-table.js").UseRowStateLocalState<T, unknown>;
     }>;
-    sortBy: import("react-table").SortingRule<T>[];
+    sortBy: import("../../../react-table/react-table.js").SortingRule<T>[];
 };
 export declare const onTableResizeEnd: <T extends Record<string, unknown>>(state: TableState<T>, action: ActionType) => {
     isTableResizing: boolean;
@@ -41,23 +41,23 @@ export declare const onTableResizeEnd: <T extends Record<string, unknown>>(state
         nextHeaderIdWidths?: [string, number][] | undefined;
         isResizingColumn?: string | undefined;
     };
-    hiddenColumns?: import("react-table").IdType<T>[] | undefined;
+    hiddenColumns?: import("../../../react-table/react-table.js").IdType<T>[] | undefined;
     columnReorderStartIndex: number;
     sticky: {
         isScrolledToRight?: boolean | undefined;
         isScrolledToLeft?: boolean | undefined;
     };
     lastSelectedRowId?: string | undefined;
-    columnOrder: import("react-table").IdType<T>[];
-    expanded: Record<import("react-table").IdType<T>, boolean>;
-    filters: import("react-table").Filters<T>;
+    columnOrder: import("../../../react-table/react-table.js").IdType<T>[];
+    expanded: Record<import("../../../react-table/react-table.js").IdType<T>, boolean>;
+    filters: import("../../../react-table/react-table.js").Filters<T>;
     globalFilter: any;
-    groupBy: import("react-table").IdType<T>[];
+    groupBy: import("../../../react-table/react-table.js").IdType<T>[];
     pageSize: number;
     pageIndex: number;
-    selectedRowIds: Record<import("react-table").IdType<T>, boolean>;
+    selectedRowIds: Record<import("../../../react-table/react-table.js").IdType<T>, boolean>;
     rowState: Record<string, {
-        cellState: import("react-table").UseRowStateLocalState<T, unknown>;
+        cellState: import("../../../react-table/react-table.js").UseRowStateLocalState<T, unknown>;
     }>;
-    sortBy: import("react-table").SortingRule<T>[];
+    sortBy: import("../../../react-table/react-table.js").SortingRule<T>[];
 };

package/cjs/core/Table/actionHandlers/selectHandler.d.ts

@@ -1,4 +1,4 @@
-import type { ActionType, TableInstance, TableState } from 'react-table';
+import type { ActionType, TableInstance, TableState } from '../../../react-table/react-table.js';
 /**
  * Handles selection when toggling a row (Ctrl click or checkbox click)
  */
@@ -9,7 +9,7 @@ export declare const onToggleHandler: <T extends Record<string, unknown>>(newSta
 export declare const onSingleSelectHandler: <T extends Record<string, unknown>>(state: TableState<T>, action: ActionType, instance?: TableInstance<T> | undefined, onSelect?: ((selectedData: T[] | undefined, tableState?: TableState<T> | undefined) => void) | undefined, isRowDisabled?: ((rowData: T) => boolean) | undefined) => {
     lastSelectedRowId: any;
     selectedRowIds: Record<string, boolean>;
-    hiddenColumns?: import("react-table").IdType<T>[] | undefined;
+    hiddenColumns?: import("../../../react-table/react-table.js").IdType<T>[] | undefined;
     columnResizing: {
         startX?: number | undefined;
         columnWidth?: number | undefined;
@@ -25,17 +25,17 @@ export declare const onSingleSelectHandler: <T extends Record<string, unknown>>(
         isScrolledToRight?: boolean | undefined;
         isScrolledToLeft?: boolean | undefined;
     };
-    columnOrder: import("react-table").IdType<T>[];
-    expanded: Record<import("react-table").IdType<T>, boolean>;
-    filters: import("react-table").Filters<T>;
+    columnOrder: import("../../../react-table/react-table.js").IdType<T>[];
+    expanded: Record<import("../../../react-table/react-table.js").IdType<T>, boolean>;
+    filters: import("../../../react-table/react-table.js").Filters<T>;
     globalFilter: any;
-    groupBy: import("react-table").IdType<T>[];
+    groupBy: import("../../../react-table/react-table.js").IdType<T>[];
     pageSize: number;
     pageIndex: number;
     rowState: Record<string, {
-        cellState: import("react-table").UseRowStateLocalState<T, unknown>;
+        cellState: import("../../../react-table/react-table.js").UseRowStateLocalState<T, unknown>;
     }>;
-    sortBy: import("react-table").SortingRule<T>[];
+    sortBy: import("../../../react-table/react-table.js").SortingRule<T>[];
 };
 /**
  * Handles selection when clicked on a row while shift key is pressed.

package/cjs/core/Table/cells/DefaultCell.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CellRendererProps } from 'react-table';
+import type { CellRendererProps } from '../../../react-table/react-table.js';
 export type DefaultCellProps<T extends Record<string, unknown>> = {
     /**
      * Custom icon to be displayed at the beginning of the cell.