@itwin/itwinui-react 2.10.0 → 2.11.0

package/cjs/core/Table/TablePaginator.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,13 +31,13 @@ exports.TablePaginator = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const react_1 = __importDefault(require("react"));
+const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 require("@itwin/itwinui-css/css/table.css");
-const Buttons_1 = require("../Buttons");
-const ProgressIndicators_1 = require("../ProgressIndicators");
-const Menu_1 = require("../Menu");
-const utils_1 = require("../utils");
+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 defaultLocalization = {
     pageSizeLabel: (size) => `${size} per page`,
     rangeLabel: (startIndex, endIndex, totalRows, isLoading) => isLoading
@@ -37,16 +60,16 @@ const defaultLocalization = {
  */
 const TablePaginator = (props) => {
     const { currentPage, totalRowsCount, pageSize, onPageChange, totalSelectedRowsCount = 0, focusActivationMode = 'manual', isLoading = false, size = 'default', pageSizeList, onPageSizeChange, localization: userLocalization, className, ...rest } = props;
-    (0, utils_1.useTheme)();
-    const localization = react_1.default.useMemo(() => ({ ...defaultLocalization, ...userLocalization }), [userLocalization]);
-    const pageListRef = react_1.default.useRef(null);
-    const [focusedIndex, setFocusedIndex] = react_1.default.useState(currentPage);
-    react_1.default.useEffect(() => {
+    (0, index_js_4.useTheme)();
+    const localization = React.useMemo(() => ({ ...defaultLocalization, ...userLocalization }), [userLocalization]);
+    const pageListRef = React.useRef(null);
+    const [focusedIndex, setFocusedIndex] = React.useState(currentPage);
+    React.useEffect(() => {
         setFocusedIndex(currentPage);
     }, [currentPage]);
-    const needFocus = react_1.default.useRef(false);
-    const isMounted = react_1.default.useRef(false);
-    react_1.default.useEffect(() => {
+    const needFocus = React.useRef(false);
+    const isMounted = React.useRef(false);
+    React.useEffect(() => {
         var _a, _b;
         // Checking `isMounted.current` prevents from focusing on initial load.
         // Checking `needFocus.current` prevents from focusing page when clicked on previous/next page.
@@ -58,22 +81,22 @@ const TablePaginator = (props) => {
         isMounted.current = true;
     }, [focusedIndex]);
     const buttonSize = size != 'default' ? 'small' : undefined;
-    const pageButton = react_1.default.useCallback((index, tabIndex = index === focusedIndex ? 0 : -1) => (react_1.default.createElement("button", { key: index, type: 'button', className: (0, classnames_1.default)('iui-table-paginator-page-button', {
+    const pageButton = React.useCallback((index, tabIndex = index === focusedIndex ? 0 : -1) => (React.createElement("button", { key: index, type: 'button', className: (0, classnames_1.default)('iui-table-paginator-page-button', {
             'iui-table-paginator-page-button-small': buttonSize === 'small',
         }), "data-iui-active": index === currentPage, onClick: () => onPageChange(index), "aria-current": index === currentPage, "aria-label": localization.goToPageLabel(index + 1), tabIndex: tabIndex }, index + 1)), [focusedIndex, currentPage, localization, buttonSize, onPageChange]);
     const totalPagesCount = Math.ceil(totalRowsCount / pageSize);
-    const pageList = react_1.default.useMemo(() => new Array(totalPagesCount)
+    const pageList = React.useMemo(() => new Array(totalPagesCount)
         .fill(null)
         .map((_, index) => pageButton(index)), [pageButton, totalPagesCount]);
-    const [overflowRef, visibleCount] = (0, utils_1.useOverflow)(pageList);
-    const [paginatorResizeRef, paginatorWidth] = (0, utils_1.useContainerWidth)();
+    const [overflowRef, visibleCount] = (0, index_js_4.useOverflow)(pageList);
+    const [paginatorResizeRef, paginatorWidth] = (0, index_js_4.useContainerWidth)();
     const onKeyDown = (event) => {
         // alt + arrow keys are used by browser/assistive technologies
         if (event.altKey) {
             return;
         }
         const focusPage = (delta) => {
-            const newFocusedIndex = (0, utils_1.getBoundedValue)(focusedIndex + delta, 0, totalPagesCount - 1);
+            const newFocusedIndex = (0, index_js_4.getBoundedValue)(focusedIndex + delta, 0, totalPagesCount - 1);
             needFocus.current = true;
             if (focusActivationMode === 'auto') {
                 onPageChange(newFocusedIndex);
@@ -119,43 +142,43 @@ const TablePaginator = (props) => {
     const hasNoRows = totalPagesCount === 0;
     const showPagesList = totalPagesCount > 1 || isLoading;
     const showPageSizeList = pageSizeList && !!onPageSizeChange && !!totalRowsCount;
-    const ellipsis = (react_1.default.createElement("span", { className: (0, classnames_1.default)('iui-table-paginator-ellipsis', {
+    const ellipsis = (React.createElement("span", { className: (0, classnames_1.default)('iui-table-paginator-ellipsis', {
             'iui-table-paginator-ellipsis-small': size === 'small',
         }) }, "\u2026"));
-    const noRowsContent = (react_1.default.createElement(react_1.default.Fragment, null, isLoading ? (react_1.default.createElement(ProgressIndicators_1.ProgressRadial, { indeterminate: true, size: 'small' })) : (react_1.default.createElement(Buttons_1.Button, { styleType: 'borderless', disabled: true, size: buttonSize }, "1"))));
+    const noRowsContent = (React.createElement(React.Fragment, null, isLoading ? (React.createElement(index_js_2.ProgressRadial, { indeterminate: true, size: 'small' })) : (React.createElement(index_js_1.Button, { styleType: 'borderless', disabled: true, size: buttonSize }, "1"))));
     if (!showPagesList && !showPageSizeList) {
         return null;
     }
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-table-paginator', className), ref: paginatorResizeRef, ...rest },
-        react_1.default.createElement("div", { className: 'iui-left' }, totalSelectedRowsCount > 0 && (react_1.default.createElement("span", null, localization.rowsSelectedLabel(totalSelectedRowsCount)))),
-        showPagesList && (react_1.default.createElement("div", { className: 'iui-center', ref: overflowRef },
-            react_1.default.createElement(Buttons_1.IconButton, { styleType: 'borderless', disabled: currentPage === 0, onClick: () => onPageChange(currentPage - 1), size: buttonSize, "aria-label": localization.previousPage },
-                react_1.default.createElement(utils_1.SvgChevronLeft, null)),
-            react_1.default.createElement("span", { className: 'iui-table-paginator-pages-group', onKeyDown: onKeyDown, ref: pageListRef }, (() => {
+    return (React.createElement("div", { className: (0, classnames_1.default)('iui-table-paginator', className), ref: paginatorResizeRef, ...rest },
+        React.createElement("div", { className: 'iui-left' }, totalSelectedRowsCount > 0 && (React.createElement("span", null, localization.rowsSelectedLabel(totalSelectedRowsCount)))),
+        showPagesList && (React.createElement("div", { className: 'iui-center', ref: overflowRef },
+            React.createElement(index_js_1.IconButton, { styleType: 'borderless', disabled: currentPage === 0, onClick: () => onPageChange(currentPage - 1), size: buttonSize, "aria-label": localization.previousPage },
+                React.createElement(index_js_4.SvgChevronLeft, null)),
+            React.createElement("span", { className: 'iui-table-paginator-pages-group', onKeyDown: onKeyDown, ref: pageListRef }, (() => {
                 if (hasNoRows) {
                     return noRowsContent;
                 }
                 if (visibleCount === 1) {
                     return pageButton(focusedIndex);
                 }
-                return (react_1.default.createElement(react_1.default.Fragment, null,
-                    startPage !== 0 && (react_1.default.createElement(react_1.default.Fragment, null,
+                return (React.createElement(React.Fragment, null,
+                    startPage !== 0 && (React.createElement(React.Fragment, null,
                         pageButton(0, 0),
                         ellipsis)),
                     pageList.slice(startPage, endPage),
-                    endPage !== totalPagesCount && !isLoading && (react_1.default.createElement(react_1.default.Fragment, null,
+                    endPage !== totalPagesCount && !isLoading && (React.createElement(React.Fragment, null,
                         ellipsis,
                         pageButton(totalPagesCount - 1, 0))),
-                    isLoading && (react_1.default.createElement(react_1.default.Fragment, null,
+                    isLoading && (React.createElement(React.Fragment, null,
                         ellipsis,
-                        react_1.default.createElement(ProgressIndicators_1.ProgressRadial, { indeterminate: true, size: 'small' })))));
+                        React.createElement(index_js_2.ProgressRadial, { indeterminate: true, size: 'small' })))));
             })()),
-            react_1.default.createElement(Buttons_1.IconButton, { styleType: 'borderless', disabled: currentPage === totalPagesCount - 1 || hasNoRows, onClick: () => onPageChange(currentPage + 1), size: buttonSize, "aria-label": localization.nextPage },
-                react_1.default.createElement(utils_1.SvgChevronRight, null)))),
-        react_1.default.createElement("div", { className: 'iui-right' }, showPageSizeList && (react_1.default.createElement(react_1.default.Fragment, null,
+            React.createElement(index_js_1.IconButton, { styleType: 'borderless', disabled: currentPage === totalPagesCount - 1 || hasNoRows, onClick: () => onPageChange(currentPage + 1), size: buttonSize, "aria-label": localization.nextPage },
+                React.createElement(index_js_4.SvgChevronRight, null)))),
+        React.createElement("div", { className: 'iui-right' }, showPageSizeList && (React.createElement(React.Fragment, null,
             localization.rowsPerPageLabel !== null &&
-                paginatorWidth >= 1024 && (react_1.default.createElement("span", { className: 'iui-table-paginator-page-size-label' }, localization.rowsPerPageLabel)),
-            react_1.default.createElement(Buttons_1.DropdownButton, { styleType: 'borderless', size: buttonSize, menuItems: (close) => pageSizeList.map((size) => (react_1.default.createElement(Menu_1.MenuItem, { key: size, isSelected: size === pageSize, onClick: () => {
+                paginatorWidth >= 1024 && (React.createElement("span", { className: 'iui-table-paginator-page-size-label' }, localization.rowsPerPageLabel)),
+            React.createElement(index_js_1.DropdownButton, { styleType: 'borderless', size: buttonSize, menuItems: (close) => pageSizeList.map((size) => (React.createElement(index_js_3.MenuItem, { key: size, isSelected: size === pageSize, onClick: () => {
                         close();
                         onPageSizeChange(size);
                     } }, localization.pageSizeLabel(size)))) }, localization.rangeLabel(currentPage * pageSize + 1, Math.min(totalRowsCount, (currentPage + 1) * pageSize), totalRowsCount, isLoading)))))));

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CellProps, Row, TableInstance, TableState } from 'react-table';
+import * as React from 'react';
+import type { CellProps, Row, TableInstance, TableState } from 'react-table';
 /**
  * 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/TableRowMemoized.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,10 +31,10 @@ exports.TableRowMemoized = exports.TableRow = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const react_1 = __importDefault(require("react"));
+const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../utils");
-const TableCell_1 = require("./TableCell");
+const index_js_1 = require("../utils/index.js");
+const TableCell_js_1 = require("./TableCell.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.
@@ -21,12 +44,12 @@ const TableCell_1 = require("./TableCell");
 const TableRow = (props) => {
     var _a;
     const { row, rowProps, isLast, onRowInViewport, onBottomReached, intersectionMargin, onClick, subComponent, isDisabled, tableHasSubRows, tableInstance, expanderCell, bodyRef, tableRowRef, density, } = props;
-    const onIntersect = react_1.default.useCallback(() => {
+    const onIntersect = React.useCallback(() => {
         var _a, _b;
         (_a = onRowInViewport.current) === null || _a === void 0 ? void 0 : _a.call(onRowInViewport, row.original);
         isLast && ((_b = onBottomReached.current) === null || _b === void 0 ? void 0 : _b.call(onBottomReached));
     }, [isLast, onBottomReached, onRowInViewport, row.original]);
-    const intersectionRoot = react_1.default.useMemo(() => {
+    const intersectionRoot = React.useMemo(() => {
         var _a, _b;
         const isTableBodyScrollable = ((_a = bodyRef === null || bodyRef === void 0 ? void 0 : bodyRef.scrollHeight) !== null && _a !== void 0 ? _a : 0) > ((_b = bodyRef === null || bodyRef === void 0 ? void 0 : bodyRef.offsetHeight) !== null && _b !== void 0 ? _b : 0);
         // If table body is scrollable, make it the intersection root
@@ -36,7 +59,7 @@ const TableRow = (props) => {
         // Otherwise, make the viewport the intersection root
         return undefined;
     }, [bodyRef]);
-    const intersectionRef = (0, utils_1.useIntersection)(onIntersect, {
+    const intersectionRef = (0, index_js_1.useIntersection)(onIntersect, {
         rootMargin: `${intersectionMargin}px`,
         root: intersectionRoot,
     });
@@ -55,17 +78,17 @@ const TableRow = (props) => {
             'data-iui-status': status,
         },
     };
-    const refs = (0, utils_1.useMergedRefs)(intersectionRef, mergedProps.ref, tableRowRef);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { ...mergedProps, ref: refs, onClick: (event) => {
+    const refs = (0, index_js_1.useMergedRefs)(intersectionRef, mergedProps.ref, tableRowRef);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ...mergedProps, ref: refs, onClick: (event) => {
                 var _a;
                 (_a = mergedProps === null || mergedProps === void 0 ? void 0 : mergedProps.onClick) === null || _a === void 0 ? void 0 : _a.call(mergedProps, event);
                 onClick === null || onClick === void 0 ? void 0 : onClick(event, row);
             } }, row.cells.map((cell, index) => {
-            return (react_1.default.createElement(TableCell_1.TableCell, { key: cell.getCellProps().key, cell: cell, cellIndex: index, isDisabled: isDisabled, tableHasSubRows: tableHasSubRows, tableInstance: tableInstance, expanderCell: expanderCell, density: density }));
+            return (React.createElement(TableCell_js_1.TableCell, { key: cell.getCellProps().key, cell: cell, cellIndex: index, isDisabled: isDisabled, tableHasSubRows: tableHasSubRows, tableInstance: tableInstance, expanderCell: expanderCell, density: density }));
         })),
-        subComponent && (react_1.default.createElement(utils_1.WithCSSTransition, { in: row.isExpanded },
-            react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-table-row', 'iui-table-expanded-content'), "aria-disabled": isDisabled }, subComponent(row))))));
+        subComponent && (React.createElement(index_js_1.WithCSSTransition, { in: row.isExpanded },
+            React.createElement("div", { className: (0, classnames_1.default)('iui-table-row', 'iui-table-expanded-content'), "aria-disabled": isDisabled }, subComponent(row))))));
 };
 exports.TableRow = TableRow;
 const hasAnySelectedSubRow = (row, selectedRowIds) => {
@@ -74,7 +97,7 @@ const hasAnySelectedSubRow = (row, selectedRowIds) => {
     }
     return row.subRows.some((subRow) => hasAnySelectedSubRow(subRow, selectedRowIds));
 };
-exports.TableRowMemoized = react_1.default.memo(exports.TableRow, (prevProp, nextProp) => {
+exports.TableRowMemoized = React.memo(exports.TableRow, (prevProp, nextProp) => {
     var _a, _b, _c, _d, _e, _f, _g;
     return prevProp.isLast === nextProp.isLast &&
         ((_a = prevProp.state.hiddenColumns) === null || _a === void 0 ? void 0 : _a.length) ===

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

@@ -1,2 +1,2 @@
-import { TableInstance, TableState } from 'react-table';
+import type { TableInstance, TableState } from 'react-table';
 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 { ActionType, TableInstance, TableState } from 'react-table';
-import { TableFilterValue } from '../filters';
+import type { ActionType, TableInstance, TableState } from 'react-table';
+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/index.d.ts

@@ -1,4 +1,4 @@
-export { onExpandHandler } from './expandHandler';
-export { onFilterHandler } from './filterHandler';
-export { onToggleHandler, onSingleSelectHandler, onShiftSelectHandler, } from './selectHandler';
-export { onTableResizeStart, onTableResizeEnd } from './resizeHandler';
+export { onExpandHandler } from './expandHandler.js';
+export { onFilterHandler } from './filterHandler.js';
+export { onToggleHandler, onSingleSelectHandler, onShiftSelectHandler, } from './selectHandler.js';
+export { onTableResizeStart, onTableResizeEnd } from './resizeHandler.js';

package/cjs/core/Table/actionHandlers/index.js

@@ -5,14 +5,14 @@ exports.onTableResizeEnd = exports.onTableResizeStart = exports.onShiftSelectHan
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var expandHandler_1 = require("./expandHandler");
-Object.defineProperty(exports, "onExpandHandler", { enumerable: true, get: function () { return expandHandler_1.onExpandHandler; } });
-var filterHandler_1 = require("./filterHandler");
-Object.defineProperty(exports, "onFilterHandler", { enumerable: true, get: function () { return filterHandler_1.onFilterHandler; } });
-var selectHandler_1 = require("./selectHandler");
-Object.defineProperty(exports, "onToggleHandler", { enumerable: true, get: function () { return selectHandler_1.onToggleHandler; } });
-Object.defineProperty(exports, "onSingleSelectHandler", { enumerable: true, get: function () { return selectHandler_1.onSingleSelectHandler; } });
-Object.defineProperty(exports, "onShiftSelectHandler", { enumerable: true, get: function () { return selectHandler_1.onShiftSelectHandler; } });
-var resizeHandler_1 = require("./resizeHandler");
-Object.defineProperty(exports, "onTableResizeStart", { enumerable: true, get: function () { return resizeHandler_1.onTableResizeStart; } });
-Object.defineProperty(exports, "onTableResizeEnd", { enumerable: true, get: function () { return resizeHandler_1.onTableResizeEnd; } });
+var expandHandler_js_1 = require("./expandHandler.js");
+Object.defineProperty(exports, "onExpandHandler", { enumerable: true, get: function () { return expandHandler_js_1.onExpandHandler; } });
+var filterHandler_js_1 = require("./filterHandler.js");
+Object.defineProperty(exports, "onFilterHandler", { enumerable: true, get: function () { return filterHandler_js_1.onFilterHandler; } });
+var selectHandler_js_1 = require("./selectHandler.js");
+Object.defineProperty(exports, "onToggleHandler", { enumerable: true, get: function () { return selectHandler_js_1.onToggleHandler; } });
+Object.defineProperty(exports, "onSingleSelectHandler", { enumerable: true, get: function () { return selectHandler_js_1.onSingleSelectHandler; } });
+Object.defineProperty(exports, "onShiftSelectHandler", { enumerable: true, get: function () { return selectHandler_js_1.onShiftSelectHandler; } });
+var resizeHandler_js_1 = require("./resizeHandler.js");
+Object.defineProperty(exports, "onTableResizeStart", { enumerable: true, get: function () { return resizeHandler_js_1.onTableResizeStart; } });
+Object.defineProperty(exports, "onTableResizeEnd", { enumerable: true, get: function () { return resizeHandler_js_1.onTableResizeEnd; } });

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

@@ -1,4 +1,4 @@
-import { ActionType, TableState } from 'react-table';
+import type { ActionType, TableState } from 'react-table';
 export declare const onTableResizeStart: <T extends Record<string, unknown>>(state: TableState<T>) => {
     isTableResizing: boolean;
     hiddenColumns?: import("react-table").IdType<T>[] | undefined;

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

@@ -1,4 +1,4 @@
-import { ActionType, TableInstance, TableState } from 'react-table';
+import type { ActionType, TableInstance, TableState } from 'react-table';
 /**
  * Handles selection when toggling a row (Ctrl click or checkbox click)
  */

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

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

package/cjs/core/Table/cells/DefaultCell.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,7 +31,7 @@ exports.DefaultCell = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const react_1 = __importDefault(require("react"));
+const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 /**
  * Default cell.
@@ -25,10 +48,10 @@ const DefaultCell = (props) => {
     // Omitting `cellProps`
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { cellElementProps: { className: cellElementClassName, style: cellElementStyle, ...cellElementProps }, children, startIcon, endIcon, cellProps, isDisabled, className, style, status, ...rest } = props;
-    return (react_1.default.createElement("div", { ...cellElementProps, ...rest, className: (0, classnames_1.default)(cellElementClassName, className), "aria-disabled": (isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(cellProps.row.original)) || undefined, "data-iui-status": status, style: { ...cellElementStyle, ...style } },
-        startIcon && (react_1.default.createElement("div", { className: 'iui-table-cell-start-icon' }, startIcon)),
+    return (React.createElement("div", { ...cellElementProps, ...rest, className: (0, classnames_1.default)(cellElementClassName, className), "aria-disabled": (isDisabled === null || isDisabled === void 0 ? void 0 : isDisabled(cellProps.row.original)) || undefined, "data-iui-status": status, style: { ...cellElementStyle, ...style } },
+        startIcon && (React.createElement("div", { className: 'iui-table-cell-start-icon' }, startIcon)),
         children,
-        endIcon && react_1.default.createElement("div", { className: 'iui-table-cell-end-icon' }, endIcon)));
+        endIcon && React.createElement("div", { className: 'iui-table-cell-end-icon' }, endIcon)));
 };
 exports.DefaultCell = DefaultCell;
 exports.default = exports.DefaultCell;

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CellRendererProps } from 'react-table';
+import * as React from 'react';
+import type { CellRendererProps } from 'react-table';
 export declare type EditableCellProps<T extends Record<string, unknown>> = CellRendererProps<T> & {
     /**
      * Callback function when cell is edited. It is called only when `onBlur` event is fired.

package/cjs/core/Table/cells/EditableCell.js

@@ -1,6 +1,26 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditableCell = void 0;
@@ -8,8 +28,8 @@ exports.EditableCell = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("../../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../../utils/index.js");
 /**
  * Editable cell.
  * It should be passed to `cellRenderer`.
@@ -26,13 +46,13 @@ const EditableCell = (props) => {
     const sanitizeString = (text) => {
         return text.replace(/(\r\n|\n|\r)+/gm, ' ');
     };
-    const [value, setValue] = react_1.default.useState(() => sanitizeString(cellProps.value));
-    react_1.default.useEffect(() => {
+    const [value, setValue] = React.useState(() => sanitizeString(cellProps.value));
+    React.useEffect(() => {
         setValue(sanitizeString(cellProps.value));
     }, [cellProps.value]);
-    const [key, setKey] = react_1.default.useState((0, utils_1.getRandomValue)(10));
-    const [isDirty, setIsDirty] = react_1.default.useState(false);
-    return (react_1.default.createElement("div", { ...cellElementProps, contentEditable: true, suppressContentEditableWarning: true, key: key, ...rest, onInput: (e) => {
+    const [key, setKey] = React.useState((0, index_js_1.getRandomValue)(10));
+    const [isDirty, setIsDirty] = React.useState(false);
+    return (React.createElement("div", { ...cellElementProps, contentEditable: true, suppressContentEditableWarning: true, key: key, ...rest, onInput: (e) => {
             var _a;
             setValue(sanitizeString(e.target.innerText));
             setIsDirty(true);
@@ -45,7 +65,7 @@ const EditableCell = (props) => {
             (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
             // Prevents error when text is cleared.
             // New key makes React to reattach with the DOM so it won't complain about deleted text node.
-            setKey((0, utils_1.getRandomValue)(10));
+            setKey((0, index_js_1.getRandomValue)(10));
         }, onKeyDown: (e) => {
             var _a;
             // Prevents from adding HTML elements (div, br) inside a cell on Enter press

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

@@ -1,4 +1,4 @@
-export { DefaultCell } from './DefaultCell';
-export type { DefaultCellProps } from './DefaultCell';
-export { EditableCell } from './EditableCell';
-export type { EditableCellProps } from './EditableCell';
+export { DefaultCell } from './DefaultCell.js';
+export type { DefaultCellProps } from './DefaultCell.js';
+export { EditableCell } from './EditableCell.js';
+export type { EditableCellProps } from './EditableCell.js';

package/cjs/core/Table/cells/index.js

@@ -5,7 +5,7 @@ exports.EditableCell = exports.DefaultCell = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var DefaultCell_1 = require("./DefaultCell");
-Object.defineProperty(exports, "DefaultCell", { enumerable: true, get: function () { return DefaultCell_1.DefaultCell; } });
-var EditableCell_1 = require("./EditableCell");
-Object.defineProperty(exports, "EditableCell", { enumerable: true, get: function () { return EditableCell_1.EditableCell; } });
+var DefaultCell_js_1 = require("./DefaultCell.js");
+Object.defineProperty(exports, "DefaultCell", { enumerable: true, get: function () { return DefaultCell_js_1.DefaultCell; } });
+var EditableCell_js_1 = require("./EditableCell.js");
+Object.defineProperty(exports, "EditableCell", { enumerable: true, get: function () { return EditableCell_js_1.EditableCell; } });

package/cjs/core/Table/columns/actionColumn.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { HeaderProps } from 'react-table';
-import { DropdownMenuProps } from '../../DropdownMenu';
+import type { HeaderProps } from 'react-table';
+import type { DropdownMenuProps } from '../../DropdownMenu/index.js';
 declare type ActionColumnProps = {
     columnManager?: boolean | {
         dropdownMenuProps: Omit<DropdownMenuProps, 'menuItems' | 'children'>;