@itwin/itwinui-react 2.10.1 → 2.11.0

package/esm/core/Table/columns/actionColumn.js

@@ -2,15 +2,15 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
-import { Checkbox } from '../../Checkbox';
-import { SvgColumnManager } from '../../utils';
-import { DropdownMenu } from '../../DropdownMenu';
-import { IconButton } from '../../Buttons/IconButton';
-import { MenuItem } from '../../Menu';
-import { tableResizeStartAction } from '../Table';
-import { SELECTION_CELL_ID } from './selectionColumn';
-import { EXPANDER_CELL_ID } from './expanderColumn';
+import * as React from 'react';
+import { Checkbox } from '../../Checkbox/index.js';
+import { SvgColumnManager } from '../../utils/index.js';
+import { DropdownMenu } from '../../DropdownMenu/index.js';
+import { IconButton } from '../../Buttons/IconButton/index.js';
+import { MenuItem } from '../../Menu/index.js';
+import { tableResizeStartAction } from '../Table.js';
+import { SELECTION_CELL_ID } from './selectionColumn.js';
+import { EXPANDER_CELL_ID } from './expanderColumn.js';
 import cx from 'classnames';
 const ACTION_CELL_ID = 'iui-table-action';
 /**

package/esm/core/Table/columns/expanderColumn.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CellProps, CellRendererProps, Row } from 'react-table';
+import * as React from 'react';
+import type { CellProps, CellRendererProps, Row } from 'react-table';
 export declare const EXPANDER_CELL_ID = "iui-table-expander";
 /**
  * Expander column that adds sub-content expander column to the Table.

package/esm/core/Table/columns/expanderColumn.js

@@ -2,10 +2,10 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
-import { SvgChevronRight } from '../../utils';
-import { IconButton } from '../../Buttons';
-import { DefaultCell } from '../cells';
+import * as React from 'react';
+import { SvgChevronRight } from '../../utils/index.js';
+import { IconButton } from '../../Buttons/index.js';
+import { DefaultCell } from '../cells/index.js';
 export const EXPANDER_CELL_ID = 'iui-table-expander';
 /**
  * Expander column that adds sub-content expander column to the Table.

package/esm/core/Table/columns/index.d.ts

@@ -1,3 +1,3 @@
-export { ActionColumn } from './actionColumn';
-export { SELECTION_CELL_ID, SelectionColumn } from './selectionColumn';
-export { EXPANDER_CELL_ID, ExpanderColumn } from './expanderColumn';
+export { ActionColumn } from './actionColumn.js';
+export { SELECTION_CELL_ID, SelectionColumn } from './selectionColumn.js';
+export { EXPANDER_CELL_ID, ExpanderColumn } from './expanderColumn.js';

package/esm/core/Table/columns/index.js

@@ -2,6 +2,6 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { ActionColumn } from './actionColumn';
-export { SELECTION_CELL_ID, SelectionColumn } from './selectionColumn';
-export { EXPANDER_CELL_ID, ExpanderColumn } from './expanderColumn';
+export { ActionColumn } from './actionColumn.js';
+export { SELECTION_CELL_ID, SelectionColumn } from './selectionColumn.js';
+export { EXPANDER_CELL_ID, ExpanderColumn } from './expanderColumn.js';

package/esm/core/Table/columns/selectionColumn.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CellProps, CellRendererProps, HeaderProps } from 'react-table';
+import type { CellProps, CellRendererProps, HeaderProps } from 'react-table';
 export declare const SELECTION_CELL_ID = "iui-table-checkbox-selector";
 /**
  * Selection column that adds selection checkbox column to the Table.

package/esm/core/Table/columns/selectionColumn.js

@@ -2,9 +2,9 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
-import { Checkbox } from '../../Checkbox';
-import { DefaultCell } from '../cells';
+import * as React from 'react';
+import { Checkbox } from '../../Checkbox/index.js';
+import { DefaultCell } from '../cells/index.js';
 export const SELECTION_CELL_ID = 'iui-table-checkbox-selector';
 /**
  * Selection column that adds selection checkbox column to the Table.

package/esm/core/Table/filters/BaseFilter.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/table.css';
-import { CommonProps } from '../../utils';
+import type { CommonProps } from '../../utils/index.js';
 export declare type BaseFilterProps = {
     /**
      * Filter body.

package/esm/core/Table/filters/BaseFilter.js

@@ -2,10 +2,10 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
 import '@itwin/itwinui-css/css/table.css';
-import { useTheme } from '../../utils';
+import { useTheme } from '../../utils/index.js';
 /**
  * Filter wrapper that should be used when creating custom filters.
  * @example

package/esm/core/Table/filters/DateRangeFilter/DatePickerInput.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LabeledInputProps } from '../../../LabeledInput';
+import type { LabeledInputProps } from '../../../LabeledInput/index.js';
 export declare type DatePickerInputProps = {
     date?: Date;
     onChange: (date?: Date) => void;

package/esm/core/Table/filters/DateRangeFilter/DatePickerInput.js

@@ -2,11 +2,11 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
-import { Popover, SvgCalendar, isBefore } from '../../../utils';
-import { LabeledInput } from '../../../LabeledInput';
-import { DatePicker } from '../../../DatePicker';
-import { IconButton } from '../../../Buttons';
+import * as React from 'react';
+import { Popover, SvgCalendar, isBefore } from '../../../utils/index.js';
+import { LabeledInput } from '../../../LabeledInput/index.js';
+import { DatePicker } from '../../../DatePicker/index.js';
+import { IconButton } from '../../../Buttons/index.js';
 const DatePickerInput = (props) => {
     const { onChange, date, parseInput, formatDate, isFromOrTo, selectedDate, ...rest } = props;
     const isDateDisabled = (date) => {

package/esm/core/Table/filters/DateRangeFilter/DateRangeFilter.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 DateRangeTranslation = {
     from: string;

package/esm/core/Table/filters/DateRangeFilter/DateRangeFilter.js

@@ -2,12 +2,12 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
-import { useTheme } from '../../../utils';
-import { FilterButtonBar, } from '../FilterButtonBar';
-import { BaseFilter } from '../BaseFilter';
+import * as React from 'react';
+import { useTheme } from '../../../utils/index.js';
+import { FilterButtonBar } from '../FilterButtonBar.js';
+import { BaseFilter } from '../BaseFilter.js';
 import '@itwin/itwinui-css/css/table.css';
-import DatePickerInput from './DatePickerInput';
+import DatePickerInput from './DatePickerInput.js';
 const defaultStrings = {
     from: 'From',
     to: 'To',

package/esm/core/Table/filters/FilterButtonBar.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/table.css';
-import { CommonProps } from '../../utils';
+import type { CommonProps } from '../../utils/index.js';
 export declare type FilterButtonBarTranslation = {
     filter: string;
     clear: string;

package/esm/core/Table/filters/FilterButtonBar.js

@@ -2,11 +2,11 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
 import '@itwin/itwinui-css/css/table.css';
-import { useTheme } from '../../utils';
-import { Button } from '../../Buttons';
+import { useTheme } from '../../utils/index.js';
+import { Button } from '../../Buttons/index.js';
 const defaultStrings = {
     filter: 'Filter',
     clear: 'Clear',

package/esm/core/Table/filters/FilterToggle.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { HeaderGroup } from 'react-table';
+import type { HeaderGroup } from 'react-table';
 import '@itwin/itwinui-css/css/table.css';
-import { StylingProps } from '../../utils';
+import type { StylingProps } from '../../utils/index.js';
 export declare type FilterToggleProps<T extends Record<string, unknown>> = {
     column: HeaderGroup<T>;
 } & StylingProps;

package/esm/core/Table/filters/FilterToggle.js

@@ -2,11 +2,11 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
 import '@itwin/itwinui-css/css/table.css';
-import { useTheme, Popover, SvgFilterHollow, SvgFilter, } from '../../utils';
-import { IconButton } from '../../Buttons';
+import { useTheme, Popover, SvgFilterHollow, SvgFilter, } from '../../utils/index.js';
+import { IconButton } from '../../Buttons/index.js';
 /**
  * Handles showing filter icon and opening filter component.
  */

package/esm/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/esm/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js

@@ -2,12 +2,12 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
-import { useTheme } from '../../../utils';
-import { FilterButtonBar, } from '../FilterButtonBar';
-import { BaseFilter } from '../BaseFilter';
+import * as React from 'react';
+import { useTheme } from '../../../utils/index.js';
+import { FilterButtonBar } from '../FilterButtonBar.js';
+import { BaseFilter } from '../BaseFilter.js';
 import '@itwin/itwinui-css/css/table.css';
-import { LabeledInput } from '../../../LabeledInput';
+import { LabeledInput } from '../../../LabeledInput/index.js';
 const defaultStrings = {
     from: 'From',
     to: 'To',

package/esm/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/esm/core/Table/filters/TextFilter/TextFilter.js

@@ -2,12 +2,12 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/table.css';
-import { useTheme } from '../../../utils';
-import { Input } from '../../../Input';
-import { FilterButtonBar, } from '../FilterButtonBar';
-import { BaseFilter } from '../BaseFilter';
+import { useTheme } from '../../../utils/index.js';
+import { Input } from '../../../Input/index.js';
+import { FilterButtonBar } from '../FilterButtonBar.js';
+import { BaseFilter } from '../BaseFilter.js';
 export const TextFilter = (props) => {
     var _a;
     const { column, translatedLabels, setFilter, clearFilter } = props;

package/esm/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/esm/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/esm/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/esm/core/Table/filters/index.js

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { BaseFilter } from './BaseFilter';
-export { tableFilters } from './tableFilters';
-export { FilterButtonBar } from './FilterButtonBar';
-export { FilterToggle } from './FilterToggle';
+export { BaseFilter } from './BaseFilter.js';
+export { tableFilters } from './tableFilters.js';
+export { FilterButtonBar } from './FilterButtonBar.js';
+export { FilterToggle } from './FilterToggle.js';

package/esm/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/esm/core/Table/filters/tableFilters.js

@@ -2,10 +2,10 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
-import { DateRangeFilter, } from './DateRangeFilter/DateRangeFilter';
-import { NumberRangeFilter, } from './NumberRangeFilter/NumberRangeFilter';
-import { TextFilter } from './TextFilter/TextFilter';
+import * as React from 'react';
+import { DateRangeFilter } from './DateRangeFilter/DateRangeFilter.js';
+import { NumberRangeFilter } from './NumberRangeFilter/NumberRangeFilter.js';
+import { TextFilter } from './TextFilter/TextFilter.js';
 export const tableFilters = {
     /**
      * Basic filter with a single input field.

package/esm/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/esm/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/esm/core/Table/hooks/index.js

@@ -2,11 +2,11 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-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/esm/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/esm/core/Table/hooks/useColumnDragAndDrop.js

@@ -1,4 +1,4 @@
-import { actions, makePropGetter, useGetLatest, } from 'react-table';
+import { actions, makePropGetter, useGetLatest } from 'react-table';
 const REORDER_ACTIONS = {
     columnDragStart: 'columnDragStart',
     columnDragEnd: 'columnDragEnd',

package/esm/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/esm/core/Table/hooks/useExpanderCell.js

@@ -2,8 +2,8 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
-import { ExpanderColumn, EXPANDER_CELL_ID } from '../columns';
+import * as React from 'react';
+import { ExpanderColumn, EXPANDER_CELL_ID } from '../columns/index.js';
 export const useExpanderCell = (subComponent, expanderCell, isRowDisabled) => (hooks) => {
     if (!subComponent) {
         return;

package/esm/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/esm/core/Table/hooks/useResizeColumns.js

@@ -1,4 +1,4 @@
-import { actions, makePropGetter, useGetLatest, } from 'react-table';
+import { actions, makePropGetter, useGetLatest } from 'react-table';
 export const useResizeColumns = (ownerDocument) => (hooks) => {
     hooks.getResizerProps = [defaultGetResizerProps(ownerDocument)];
     hooks.stateReducers.push(reducer);
@@ -300,6 +300,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/esm/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/esm/core/Table/hooks/useScrollToRow.js

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 export function useScrollToRow({ data, enableVirtualization, page, paginatorRenderer, scrollToRow, }) {
     const rowRefs = React.useRef({});
     // Refs prevents from having `page` and `data` as dependencies

package/esm/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;

package/esm/core/Table/hooks/useSelectionCell.js

@@ -1,4 +1,4 @@
-import { SelectionColumn, SELECTION_CELL_ID } from '../columns';
+import { SelectionColumn, SELECTION_CELL_ID } from '../columns/index.js';
 export const useSelectionCell = (isSelectable, selectionMode, isRowDisabled, density = 'default') => (hooks) => {
     if (!isSelectable) {
         return;

package/esm/core/Table/hooks/useStickyColumns.d.ts

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

package/esm/core/Table/hooks/useStickyColumns.js

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import { actions, } from 'react-table';
+import { actions } from 'react-table';
 actions.setScrolledLeft = 'setScrolledLeft';
 actions.setScrolledRight = 'setScrolledRight';
 export const useStickyColumns = (hooks) => {

package/esm/core/Table/hooks/useSubRowFiltering.d.ts

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

package/esm/core/Table/hooks/useSubRowFiltering.js

@@ -2,8 +2,8 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
-import { defaultFilterFunctions } from '../filters/defaultFilterFunctions';
+import * as React from 'react';
+import { defaultFilterFunctions } from '../filters/defaultFilterFunctions.js';
 export const useSubRowFiltering = (hasAnySubRows) => (hooks) => {
     hooks.useInstance.push(useInstance.bind({}, hasAnySubRows));
 };

package/esm/core/Table/hooks/useSubRowSelection.d.ts

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

package/esm/core/Table/hooks/useSubRowSelection.js

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 export const useSubRowSelection = (hooks) => {
     hooks.useInstance.push(useInstance);
 };

package/esm/core/Table/index.d.ts

@@ -1,11 +1,11 @@
-export { Table } from './Table';
-export type { TableProps, TablePaginatorRendererProps } from './Table';
-export { BaseFilter, FilterButtonBar, tableFilters } from './filters';
-export type { BaseFilterProps, DateRangeFilterOptions, FilterButtonBarProps, FilterButtonBarTranslation, TableFilterProps, TableFilterValue, } from './filters';
-export { DefaultCell, EditableCell } from './cells';
-export type { DefaultCellProps, EditableCellProps } from './cells';
-export { TablePaginator } from './TablePaginator';
-export type { TablePaginatorProps } from './TablePaginator';
-export { ActionColumn, ExpanderColumn, SelectionColumn } from './columns';
+export { Table } from './Table.js';
+export type { TableProps, TablePaginatorRendererProps } from './Table.js';
+export { BaseFilter, FilterButtonBar, tableFilters } from './filters/index.js';
+export type { BaseFilterProps, DateRangeFilterOptions, FilterButtonBarProps, FilterButtonBarTranslation, TableFilterProps, TableFilterValue, } from './filters/index.js';
+export { DefaultCell, EditableCell } from './cells/index.js';
+export type { DefaultCellProps, EditableCellProps } from './cells/index.js';
+export { TablePaginator } from './TablePaginator.js';
+export type { TablePaginatorProps } from './TablePaginator.js';
+export { ActionColumn, ExpanderColumn, SelectionColumn, } from './columns/index.js';
 declare const _default: "./Table";
 export default _default;

package/esm/core/Table/index.js

@@ -2,9 +2,9 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Table } from './Table';
-export { BaseFilter, FilterButtonBar, tableFilters } from './filters';
-export { DefaultCell, EditableCell } from './cells';
-export { TablePaginator } from './TablePaginator';
-export { ActionColumn, ExpanderColumn, SelectionColumn } from './columns';
+export { Table } from './Table.js';
+export { BaseFilter, FilterButtonBar, tableFilters } from './filters/index.js';
+export { DefaultCell, EditableCell } from './cells/index.js';
+export { TablePaginator } from './TablePaginator.js';
+export { ActionColumn, ExpanderColumn, SelectionColumn, } from './columns/index.js';
 export default './Table';

package/esm/core/Table/utils.d.ts

@@ -1,3 +1,3 @@
-import { ColumnInstance } from 'react-table';
+import type { ColumnInstance } from 'react-table';
 export declare const getCellStyle: <T extends Record<string, unknown>>(column: ColumnInstance<T>, isTableResizing: boolean) => React.CSSProperties | undefined;
 export declare const getStickyStyle: <T extends Record<string, unknown>>(column: ColumnInstance<T>, columnList: ColumnInstance<T>[]) => React.CSSProperties;

package/esm/core/Tabs/Tab.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/tabs.css';
 export declare type TabProps = {
     /**