@itwin/itwinui-react 2.10.1 → 2.11.0

package/cjs/core/Table/filters/FilterToggle.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,33 +31,33 @@ exports.FilterToggle = 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 utils_1 = require("../../utils");
-const Buttons_1 = require("../../Buttons");
+const index_js_1 = require("../../utils/index.js");
+const index_js_2 = require("../../Buttons/index.js");
 /**
  * Handles showing filter icon and opening filter component.
  */
 const FilterToggle = (props) => {
     const { column, className, ...rest } = props;
-    (0, utils_1.useTheme)();
-    const [isVisible, setIsVisible] = react_1.default.useState(false);
-    const close = react_1.default.useCallback(() => setIsVisible(false), []);
-    const setFilter = react_1.default.useCallback((filterValue) => {
+    (0, index_js_1.useTheme)();
+    const [isVisible, setIsVisible] = React.useState(false);
+    const close = React.useCallback(() => setIsVisible(false), []);
+    const setFilter = React.useCallback((filterValue) => {
         column.setFilter(filterValue);
         close();
     }, [close, column]);
-    const clearFilter = react_1.default.useCallback(() => {
+    const clearFilter = React.useCallback(() => {
         column.setFilter(undefined);
         close();
     }, [close, column]);
     const isColumnFiltered = column.filterValue != null && column.filterValue !== '';
-    return (react_1.default.createElement(react_1.default.Fragment, null, column.canFilter && column.Filter && (react_1.default.createElement(utils_1.Popover, { content: column.render('Filter', { close, setFilter, clearFilter }), placement: 'bottom-start', visible: isVisible, onClickOutside: close },
-        react_1.default.createElement(Buttons_1.IconButton, { styleType: 'borderless', isActive: isVisible || isColumnFiltered, className: (0, classnames_1.default)('iui-table-filter-button', className), onClick: (e) => {
+    return (React.createElement(React.Fragment, null, column.canFilter && column.Filter && (React.createElement(index_js_1.Popover, { content: column.render('Filter', { close, setFilter, clearFilter }), placement: 'bottom-start', visible: isVisible, onClickOutside: close },
+        React.createElement(index_js_2.IconButton, { styleType: 'borderless', isActive: isVisible || isColumnFiltered, className: (0, classnames_1.default)('iui-table-filter-button', className), onClick: (e) => {
                 setIsVisible((v) => !v);
                 // Prevents from triggering sort
                 e.stopPropagation();
-            }, ...rest }, isColumnFiltered ? react_1.default.createElement(utils_1.SvgFilter, null) : react_1.default.createElement(utils_1.SvgFilterHollow, null))))));
+            }, ...rest }, isColumnFiltered ? React.createElement(index_js_1.SvgFilter, null) : React.createElement(index_js_1.SvgFilterHollow, null))))));
 };
 exports.FilterToggle = FilterToggle;

package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { FilterButtonBarTranslation } from '../FilterButtonBar';
-import { TableFilterProps } from '../types';
+import type { FilterButtonBarTranslation } from '../FilterButtonBar.js';
+import type { TableFilterProps } from '../types.js';
 import '@itwin/itwinui-css/css/table.css';
 export declare type NumberRangeTranslation = {
     from: string;

package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.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.NumberRangeFilter = void 0;
@@ -8,12 +28,12 @@ exports.NumberRangeFilter = 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 FilterButtonBar_1 = require("../FilterButtonBar");
-const BaseFilter_1 = require("../BaseFilter");
+const React = __importStar(require("react"));
+const index_js_1 = require("../../../utils/index.js");
+const FilterButtonBar_js_1 = require("../FilterButtonBar.js");
+const BaseFilter_js_1 = require("../BaseFilter.js");
 require("@itwin/itwinui-css/css/table.css");
-const LabeledInput_1 = require("../../../LabeledInput");
+const index_js_2 = require("../../../LabeledInput/index.js");
 const defaultStrings = {
     from: 'From',
     to: 'To',
@@ -21,10 +41,10 @@ const defaultStrings = {
 const NumberRangeFilter = (props) => {
     var _a, _b, _c, _d;
     const { column, translatedLabels, setFilter, clearFilter } = props;
-    (0, utils_1.useTheme)();
+    (0, index_js_1.useTheme)();
     const translatedStrings = { ...defaultStrings, ...translatedLabels };
-    const [from, setFrom] = react_1.default.useState((_b = (_a = column.filterValue) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '');
-    const [to, setTo] = react_1.default.useState((_d = (_c = column.filterValue) === null || _c === void 0 ? void 0 : _c[1]) !== null && _d !== void 0 ? _d : '');
+    const [from, setFrom] = React.useState((_b = (_a = column.filterValue) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '');
+    const [to, setTo] = React.useState((_d = (_c = column.filterValue) === null || _c === void 0 ? void 0 : _c[1]) !== null && _d !== void 0 ? _d : '');
     const parseInputValue = (value) => {
         return !value || isNaN(Number(value)) ? undefined : Number(value);
     };
@@ -36,9 +56,9 @@ const NumberRangeFilter = (props) => {
             setFilter([parseInputValue(from), parseInputValue(to)]);
         }
     };
-    return (react_1.default.createElement(BaseFilter_1.BaseFilter, null,
-        react_1.default.createElement(LabeledInput_1.LabeledInput, { label: translatedStrings.from, value: from, onChange: (e) => setFrom(e.target.value), onKeyDown: onKeyDown, type: 'number', displayStyle: 'inline', setFocus: true }),
-        react_1.default.createElement(LabeledInput_1.LabeledInput, { label: translatedStrings.to, value: to, onChange: (e) => setTo(e.target.value), type: 'number', displayStyle: 'inline', onKeyDown: onKeyDown }),
-        react_1.default.createElement(FilterButtonBar_1.FilterButtonBar, { setFilter: () => setFilter([parseInputValue(from), parseInputValue(to)]), clearFilter: clearFilter, translatedLabels: translatedLabels })));
+    return (React.createElement(BaseFilter_js_1.BaseFilter, null,
+        React.createElement(index_js_2.LabeledInput, { label: translatedStrings.from, value: from, onChange: (e) => setFrom(e.target.value), onKeyDown: onKeyDown, type: 'number', displayStyle: 'inline', setFocus: true }),
+        React.createElement(index_js_2.LabeledInput, { label: translatedStrings.to, value: to, onChange: (e) => setTo(e.target.value), type: 'number', displayStyle: 'inline', onKeyDown: onKeyDown }),
+        React.createElement(FilterButtonBar_js_1.FilterButtonBar, { setFilter: () => setFilter([parseInputValue(from), parseInputValue(to)]), clearFilter: clearFilter, translatedLabels: translatedLabels })));
 };
 exports.NumberRangeFilter = NumberRangeFilter;

package/cjs/core/Table/filters/TextFilter/TextFilter.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import '@itwin/itwinui-css/css/table.css';
-import { FilterButtonBarTranslation } from '../FilterButtonBar';
-import { TableFilterProps } from '../types';
+import type { FilterButtonBarTranslation } from '../FilterButtonBar.js';
+import type { TableFilterProps } from '../types.js';
 export declare type TextFilterProps<T extends Record<string, unknown>> = TableFilterProps<T> & {
     translatedLabels?: FilterButtonBarTranslation;
 };

package/cjs/core/Table/filters/TextFilter/TextFilter.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.TextFilter = void 0;
@@ -8,17 +28,17 @@ exports.TextFilter = 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"));
 require("@itwin/itwinui-css/css/table.css");
-const utils_1 = require("../../../utils");
-const Input_1 = require("../../../Input");
-const FilterButtonBar_1 = require("../FilterButtonBar");
-const BaseFilter_1 = require("../BaseFilter");
+const index_js_1 = require("../../../utils/index.js");
+const index_js_2 = require("../../../Input/index.js");
+const FilterButtonBar_js_1 = require("../FilterButtonBar.js");
+const BaseFilter_js_1 = require("../BaseFilter.js");
 const TextFilter = (props) => {
     var _a;
     const { column, translatedLabels, setFilter, clearFilter } = props;
-    (0, utils_1.useTheme)();
-    const [text, setText] = react_1.default.useState((_a = column.filterValue) !== null && _a !== void 0 ? _a : '');
+    (0, index_js_1.useTheme)();
+    const [text, setText] = React.useState((_a = column.filterValue) !== null && _a !== void 0 ? _a : '');
     const onKeyDown = (event) => {
         if (event.altKey) {
             return;
@@ -27,8 +47,8 @@ const TextFilter = (props) => {
             setFilter(text);
         }
     };
-    return (react_1.default.createElement(BaseFilter_1.BaseFilter, null,
-        react_1.default.createElement(Input_1.Input, { value: text, onChange: (e) => setText(e.target.value), onKeyDown: onKeyDown, setFocus: true }),
-        react_1.default.createElement(FilterButtonBar_1.FilterButtonBar, { setFilter: () => setFilter(text), clearFilter: clearFilter, translatedLabels: translatedLabels })));
+    return (React.createElement(BaseFilter_js_1.BaseFilter, null,
+        React.createElement(index_js_2.Input, { value: text, onChange: (e) => setText(e.target.value), onKeyDown: onKeyDown, setFocus: true }),
+        React.createElement(FilterButtonBar_js_1.FilterButtonBar, { setFilter: () => setFilter(text), clearFilter: clearFilter, translatedLabels: translatedLabels })));
 };
 exports.TextFilter = TextFilter;

package/cjs/core/Table/filters/customFilterFunctions.d.ts

@@ -1,4 +1,4 @@
-import { IdType, Row } from 'react-table';
+import type { IdType, Row } from 'react-table';
 export declare const customFilterFunctions: {
     betweenDate: {
         <T extends Record<string, unknown>>(rows: Row<T>[], ids: IdType<T>[], filterValue: [Date?, Date?] | undefined): Row<T>[];

package/cjs/core/Table/filters/defaultFilterFunctions.d.ts

@@ -24,7 +24,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { IdType, Row } from 'react-table';
+import type { IdType, Row } from 'react-table';
 export declare const defaultFilterFunctions: {
     text: {
         <T extends Record<string, unknown>>(rows: Row<T>[], ids: IdType<T>[], filterValue: string): Row<T>[];

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

@@ -1,8 +1,8 @@
-export { BaseFilter } from './BaseFilter';
-export type { BaseFilterProps } from './BaseFilter';
-export { tableFilters } from './tableFilters';
-export type { DateRangeFilterOptions } from './tableFilters';
-export type { TableFilterProps, TableFilterValue } from './types';
-export { FilterButtonBar } from './FilterButtonBar';
-export type { FilterButtonBarProps, FilterButtonBarTranslation, } from './FilterButtonBar';
-export { FilterToggle } from './FilterToggle';
+export { BaseFilter } from './BaseFilter.js';
+export type { BaseFilterProps } from './BaseFilter.js';
+export { tableFilters } from './tableFilters.js';
+export type { DateRangeFilterOptions } from './tableFilters.js';
+export type { TableFilterProps, TableFilterValue } from './types.js';
+export { FilterButtonBar } from './FilterButtonBar.js';
+export type { FilterButtonBarProps, FilterButtonBarTranslation, } from './FilterButtonBar.js';
+export { FilterToggle } from './FilterToggle.js';

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

@@ -5,11 +5,11 @@ exports.FilterToggle = exports.FilterButtonBar = exports.tableFilters = exports.
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var BaseFilter_1 = require("./BaseFilter");
-Object.defineProperty(exports, "BaseFilter", { enumerable: true, get: function () { return BaseFilter_1.BaseFilter; } });
-var tableFilters_1 = require("./tableFilters");
-Object.defineProperty(exports, "tableFilters", { enumerable: true, get: function () { return tableFilters_1.tableFilters; } });
-var FilterButtonBar_1 = require("./FilterButtonBar");
-Object.defineProperty(exports, "FilterButtonBar", { enumerable: true, get: function () { return FilterButtonBar_1.FilterButtonBar; } });
-var FilterToggle_1 = require("./FilterToggle");
-Object.defineProperty(exports, "FilterToggle", { enumerable: true, get: function () { return FilterToggle_1.FilterToggle; } });
+var BaseFilter_js_1 = require("./BaseFilter.js");
+Object.defineProperty(exports, "BaseFilter", { enumerable: true, get: function () { return BaseFilter_js_1.BaseFilter; } });
+var tableFilters_js_1 = require("./tableFilters.js");
+Object.defineProperty(exports, "tableFilters", { enumerable: true, get: function () { return tableFilters_js_1.tableFilters; } });
+var FilterButtonBar_js_1 = require("./FilterButtonBar.js");
+Object.defineProperty(exports, "FilterButtonBar", { enumerable: true, get: function () { return FilterButtonBar_js_1.FilterButtonBar; } });
+var FilterToggle_js_1 = require("./FilterToggle.js");
+Object.defineProperty(exports, "FilterToggle", { enumerable: true, get: function () { return FilterToggle_js_1.FilterToggle; } });

package/cjs/core/Table/filters/tableFilters.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { DateRangeTranslation } from './DateRangeFilter/DateRangeFilter';
-import { FilterButtonBarTranslation } from './FilterButtonBar';
-import { NumberRangeTranslation, NumberRangeFilterProps } from './NumberRangeFilter/NumberRangeFilter';
-import { TableFilterProps } from './types';
+import type { DateRangeTranslation } from './DateRangeFilter/DateRangeFilter.js';
+import type { FilterButtonBarTranslation } from './FilterButtonBar.js';
+import type { NumberRangeTranslation, NumberRangeFilterProps } from './NumberRangeFilter/NumberRangeFilter.js';
+import type { TableFilterProps } from './types.js';
 export declare type DateRangeFilterOptions = {
     /**
      * Function that formats selected date into a `string` that is shown inside the input.

package/cjs/core/Table/filters/tableFilters.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.tableFilters = void 0;
@@ -8,16 +28,16 @@ exports.tableFilters = 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 DateRangeFilter_1 = require("./DateRangeFilter/DateRangeFilter");
-const NumberRangeFilter_1 = require("./NumberRangeFilter/NumberRangeFilter");
-const TextFilter_1 = require("./TextFilter/TextFilter");
+const React = __importStar(require("react"));
+const DateRangeFilter_js_1 = require("./DateRangeFilter/DateRangeFilter.js");
+const NumberRangeFilter_js_1 = require("./NumberRangeFilter/NumberRangeFilter.js");
+const TextFilter_js_1 = require("./TextFilter/TextFilter.js");
 exports.tableFilters = {
     /**
      * Basic filter with a single input field.
      * @param translatedLabels Translated filter labels.
      */
-    TextFilter: (translatedLabels) => (props) => react_1.default.createElement(TextFilter_1.TextFilter, { ...props, translatedLabels: translatedLabels }),
+    TextFilter: (translatedLabels) => (props) => React.createElement(TextFilter_js_1.TextFilter, { ...props, translatedLabels: translatedLabels }),
     /**
      * Date range filter.
      *
@@ -28,7 +48,7 @@ exports.tableFilters = {
      * If your data is different type e.g. `string`, you can use `accessor` property in column description:
      * `accessor: (rowData) => new Date(rowData.date)`.
      */
-    DateRangeFilter: (options) => (props) => react_1.default.createElement(DateRangeFilter_1.DateRangeFilter, { ...props, ...options }),
+    DateRangeFilter: (options) => (props) => React.createElement(DateRangeFilter_js_1.DateRangeFilter, { ...props, ...options }),
     /**
      * Number range filter.
      *
@@ -37,5 +57,5 @@ exports.tableFilters = {
      * `accessor: (rowData) => Number(rowData.numberProp)`.
      * @param translatedLabels Translated filter labels.
      */
-    NumberRangeFilter: (translatedLabels) => (props) => react_1.default.createElement(NumberRangeFilter_1.NumberRangeFilter, { ...props, translatedLabels: translatedLabels }),
+    NumberRangeFilter: (translatedLabels) => (props) => React.createElement(NumberRangeFilter_js_1.NumberRangeFilter, { ...props, translatedLabels: translatedLabels }),
 };

package/cjs/core/Table/filters/types.d.ts

@@ -1,4 +1,4 @@
-import { FieldType, FilterProps, FilterType, HeaderGroup } from 'react-table';
+import type { FieldType, FilterProps, FilterType, HeaderGroup } from 'react-table';
 export interface TableFilterValue<T extends Record<string, unknown>> {
     /**
      * Id of the column.

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

@@ -1,8 +1,8 @@
-export { useExpanderCell } from './useExpanderCell';
-export { useSelectionCell } from './useSelectionCell';
-export { useSubRowFiltering } from './useSubRowFiltering';
-export { useSubRowSelection } from './useSubRowSelection';
-export { useResizeColumns } from './useResizeColumns';
-export { useColumnDragAndDrop } from './useColumnDragAndDrop';
-export { useScrollToRow } from './useScrollToRow';
-export { useStickyColumns } from './useStickyColumns';
+export { useExpanderCell } from './useExpanderCell.js';
+export { useSelectionCell } from './useSelectionCell.js';
+export { useSubRowFiltering } from './useSubRowFiltering.js';
+export { useSubRowSelection } from './useSubRowSelection.js';
+export { useResizeColumns } from './useResizeColumns.js';
+export { useColumnDragAndDrop } from './useColumnDragAndDrop.js';
+export { useScrollToRow } from './useScrollToRow.js';
+export { useStickyColumns } from './useStickyColumns.js';

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

@@ -5,19 +5,19 @@ exports.useStickyColumns = exports.useScrollToRow = exports.useColumnDragAndDrop
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var useExpanderCell_1 = require("./useExpanderCell");
-Object.defineProperty(exports, "useExpanderCell", { enumerable: true, get: function () { return useExpanderCell_1.useExpanderCell; } });
-var useSelectionCell_1 = require("./useSelectionCell");
-Object.defineProperty(exports, "useSelectionCell", { enumerable: true, get: function () { return useSelectionCell_1.useSelectionCell; } });
-var useSubRowFiltering_1 = require("./useSubRowFiltering");
-Object.defineProperty(exports, "useSubRowFiltering", { enumerable: true, get: function () { return useSubRowFiltering_1.useSubRowFiltering; } });
-var useSubRowSelection_1 = require("./useSubRowSelection");
-Object.defineProperty(exports, "useSubRowSelection", { enumerable: true, get: function () { return useSubRowSelection_1.useSubRowSelection; } });
-var useResizeColumns_1 = require("./useResizeColumns");
-Object.defineProperty(exports, "useResizeColumns", { enumerable: true, get: function () { return useResizeColumns_1.useResizeColumns; } });
-var useColumnDragAndDrop_1 = require("./useColumnDragAndDrop");
-Object.defineProperty(exports, "useColumnDragAndDrop", { enumerable: true, get: function () { return useColumnDragAndDrop_1.useColumnDragAndDrop; } });
-var useScrollToRow_1 = require("./useScrollToRow");
-Object.defineProperty(exports, "useScrollToRow", { enumerable: true, get: function () { return useScrollToRow_1.useScrollToRow; } });
-var useStickyColumns_1 = require("./useStickyColumns");
-Object.defineProperty(exports, "useStickyColumns", { enumerable: true, get: function () { return useStickyColumns_1.useStickyColumns; } });
+var useExpanderCell_js_1 = require("./useExpanderCell.js");
+Object.defineProperty(exports, "useExpanderCell", { enumerable: true, get: function () { return useExpanderCell_js_1.useExpanderCell; } });
+var useSelectionCell_js_1 = require("./useSelectionCell.js");
+Object.defineProperty(exports, "useSelectionCell", { enumerable: true, get: function () { return useSelectionCell_js_1.useSelectionCell; } });
+var useSubRowFiltering_js_1 = require("./useSubRowFiltering.js");
+Object.defineProperty(exports, "useSubRowFiltering", { enumerable: true, get: function () { return useSubRowFiltering_js_1.useSubRowFiltering; } });
+var useSubRowSelection_js_1 = require("./useSubRowSelection.js");
+Object.defineProperty(exports, "useSubRowSelection", { enumerable: true, get: function () { return useSubRowSelection_js_1.useSubRowSelection; } });
+var useResizeColumns_js_1 = require("./useResizeColumns.js");
+Object.defineProperty(exports, "useResizeColumns", { enumerable: true, get: function () { return useResizeColumns_js_1.useResizeColumns; } });
+var useColumnDragAndDrop_js_1 = require("./useColumnDragAndDrop.js");
+Object.defineProperty(exports, "useColumnDragAndDrop", { enumerable: true, get: function () { return useColumnDragAndDrop_js_1.useColumnDragAndDrop; } });
+var useScrollToRow_js_1 = require("./useScrollToRow.js");
+Object.defineProperty(exports, "useScrollToRow", { enumerable: true, get: function () { return useScrollToRow_js_1.useScrollToRow; } });
+var useStickyColumns_js_1 = require("./useStickyColumns.js");
+Object.defineProperty(exports, "useStickyColumns", { enumerable: true, get: function () { return useStickyColumns_js_1.useStickyColumns; } });

package/cjs/core/Table/hooks/useColumnDragAndDrop.d.ts

@@ -1,2 +1,2 @@
-import { Hooks } from 'react-table';
+import type { Hooks } from 'react-table';
 export declare const useColumnDragAndDrop: <T extends Record<string, unknown>>(isEnabled: boolean) => (hooks: Hooks<T>) => void;

package/cjs/core/Table/hooks/useExpanderCell.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { CellProps, Hooks, Row } from 'react-table';
+import * as React from 'react';
+import type { CellProps, Hooks, Row } from 'react-table';
 export declare const useExpanderCell: <T extends Record<string, unknown>>(subComponent?: ((row: Row<T>) => React.ReactNode) | undefined, expanderCell?: ((cellProps: CellProps<T, any>) => React.ReactNode) | undefined, isRowDisabled?: ((rowData: T) => boolean) | undefined) => (hooks: Hooks<T>) => void;

package/cjs/core/Table/hooks/useExpanderCell.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.useExpanderCell = void 0;
@@ -8,18 +28,18 @@ exports.useExpanderCell = 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 columns_1 = require("../columns");
+const React = __importStar(require("react"));
+const index_js_1 = require("../columns/index.js");
 const useExpanderCell = (subComponent, expanderCell, isRowDisabled) => (hooks) => {
     if (!subComponent) {
         return;
     }
     hooks.allColumns.push((columns) => {
-        const hasExpanderColumn = columns.find((c) => c.id === columns_1.EXPANDER_CELL_ID);
+        const hasExpanderColumn = columns.find((c) => c.id === index_js_1.EXPANDER_CELL_ID);
         if (hasExpanderColumn) {
             return columns;
         }
-        const expanderColumn = (0, columns_1.ExpanderColumn)({
+        const expanderColumn = (0, index_js_1.ExpanderColumn)({
             subComponent,
             isDisabled: isRowDisabled,
         });
@@ -27,7 +47,7 @@ const useExpanderCell = (subComponent, expanderCell, isRowDisabled) => (hooks) =
             {
                 ...expanderColumn,
                 Cell: expanderCell
-                    ? (cellProps) => react_1.default.createElement(react_1.default.Fragment, null, expanderCell(cellProps))
+                    ? (cellProps) => React.createElement(React.Fragment, null, expanderCell(cellProps))
                     : expanderColumn.Cell,
             },
             ...columns,

package/cjs/core/Table/hooks/useResizeColumns.d.ts

@@ -29,8 +29,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React from 'react';
-import { Hooks } from 'react-table';
+import type * as React from 'react';
+import type { Hooks } from 'react-table';
 export declare const useResizeColumns: {
     <T extends Record<string, unknown>>(ownerDocument: React.RefObject<Document | undefined>): (hooks: Hooks<T>) => void;
     pluginName: string;

package/cjs/core/Table/hooks/useResizeColumns.js

@@ -304,6 +304,9 @@ function getLeafHeaders(header) {
     return leafHeaders;
 }
 const getHeaderWidth = (header) => {
+    if (!header) {
+        return 0;
+    }
     return Number(header.width || header.resizeWidth || 0);
 };
 const calculateTableWidth = (columnWidths, headers) => {

package/cjs/core/Table/hooks/useScrollToRow.d.ts

@@ -1,5 +1,5 @@
 import type { Row } from 'react-table';
-import { TableProps } from '../Table';
+import type { TableProps } from '../Table.js';
 declare type ScrollToRow<T extends Record<string, unknown>> = {
     scrollToIndex: number | undefined;
     tableRowRef: (row: Row<T>) => (element: HTMLDivElement) => void;

package/cjs/core/Table/hooks/useScrollToRow.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.useScrollToRow = void 0;
@@ -8,18 +28,18 @@ exports.useScrollToRow = 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"));
 function useScrollToRow({ data, enableVirtualization, page, paginatorRenderer, scrollToRow, }) {
-    const rowRefs = react_1.default.useRef({});
+    const rowRefs = React.useRef({});
     // Refs prevents from having `page` and `data` as dependencies
     // therefore we avoid unnecessary scroll to row.
-    const pageRef = react_1.default.useRef(page);
+    const pageRef = React.useRef(page);
     pageRef.current = page;
-    const dataRef = react_1.default.useRef(data);
+    const dataRef = React.useRef(data);
     dataRef.current = data;
     // For virtualized tables, all we need to do is pass the index of the item
     // to the VirtualScroll component
-    const scrollToIndex = react_1.default.useMemo(() => {
+    const scrollToIndex = React.useMemo(() => {
         if (!scrollToRow || paginatorRenderer) {
             return undefined;
         }
@@ -28,7 +48,7 @@ function useScrollToRow({ data, enableVirtualization, page, paginatorRenderer, s
     }, [paginatorRenderer, scrollToRow]);
     // For non-virtualized tables, we need to add a ref to each row
     // and scroll to the element
-    react_1.default.useEffect(() => {
+    React.useEffect(() => {
         var _a;
         if (enableVirtualization ||
             scrollToIndex === undefined ||
@@ -38,7 +58,7 @@ function useScrollToRow({ data, enableVirtualization, page, paginatorRenderer, s
         }
         (_a = rowRefs.current[pageRef.current[scrollToIndex].id]) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
     }, [enableVirtualization, scrollToIndex]);
-    const tableRowRef = react_1.default.useCallback((row) => {
+    const tableRowRef = React.useCallback((row) => {
         return (element) => {
             rowRefs.current[row.id] = element;
         };

package/cjs/core/Table/hooks/useSelectionCell.d.ts

@@ -1,2 +1,2 @@
-import { Hooks } from 'react-table';
+import type { Hooks } from 'react-table';
 export declare const useSelectionCell: <T extends Record<string, unknown>>(isSelectable: boolean, selectionMode: 'multi' | 'single', isRowDisabled?: ((rowData: T) => boolean) | undefined, density?: 'default' | 'condensed' | 'extra-condensed') => (hooks: Hooks<T>) => void;