@itwin/itwinui-react 2.10.0 → 2.11.0

package/esm/core/SkipToContentLink/index.js

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

package/esm/core/Slider/Slider.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { CommonProps } from '../utils';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/slider.css';
-import { TooltipProps } from '../Tooltip';
+import type { CommonProps } from '../utils/index.js';
+import type { TooltipProps } from '../Tooltip/index.js';
 /**
  * Determines which segments are shown with color.
  */

package/esm/core/Slider/Slider.js

@@ -3,11 +3,11 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { useTheme, getBoundedValue, useEventListener, } from '../utils';
+import * as React from 'react';
+import { useTheme, getBoundedValue, useEventListener } from '../utils/index.js';
 import '@itwin/itwinui-css/css/slider.css';
-import { Track } from './Track';
-import { Thumb } from './Thumb';
+import { Track } from './Track.js';
+import { Thumb } from './Thumb.js';
 const getPercentageOfRectangle = (rect, pointerX, pointerY, orientation) => {
     if (orientation === 'horizontal') {
         const position = getBoundedValue(pointerX, rect.left, rect.right);

package/esm/core/Slider/Thumb.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { TooltipProps } from '../Tooltip';
-import { SliderProps } from './Slider';
+import * as React from 'react';
+import type { TooltipProps } from '../Tooltip/index.js';
+import type { SliderProps } from './Slider.js';
 export declare type ThumbProps = {
     /**
      * Thumb value.

package/esm/core/Slider/Thumb.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 * as React from 'react';
 import cx from 'classnames';
-import { Tooltip } from '../Tooltip';
+import { Tooltip } from '../Tooltip/index.js';
 /**
  * Thumb is a local component used to show and modify the values maintained by the Slider.
  * Only one Thumb can be active at a time. A Thumb is made active when the user selects

package/esm/core/Slider/Track.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SliderProps, TrackDisplayMode } from './Slider';
+import type { SliderProps, TrackDisplayMode } from './Slider.js';
 export declare type TrackProps = {
     trackDisplayMode: TrackDisplayMode;
     sliderMin: number;

package/esm/core/Slider/Track.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';
 function shouldDisplaySegment(segmentIndex, mode) {
     if ('odd-segments' === mode && 0 === (segmentIndex + 1) % 2) {
         return true;

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

@@ -1,4 +1,4 @@
-export { Slider } from './Slider';
-export type { SliderProps } from './Slider';
+export { Slider } from './Slider.js';
+export type { SliderProps } from './Slider.js';
 declare const _default: "./Slider";
 export default _default;

package/esm/core/Slider/index.js

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

package/esm/core/StatusMessage/StatusMessage.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare type StatusMessageProps = {
     /**
      * Custom icon to be displayed at the beginning.

package/esm/core/StatusMessage/StatusMessage.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 { StatusIconMap, useTheme } from '../utils';
+import * as React from 'react';
+import { StatusIconMap, useTheme } from '../utils/index.js';
 import cx from 'classnames';
 /**
  * Component to display icon and text below the `Combobox` component.

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

@@ -1,4 +1,4 @@
-export { StatusMessage } from './StatusMessage';
-export type { StatusMessageProps } from './StatusMessage';
+export { StatusMessage } from './StatusMessage.js';
+export type { StatusMessageProps } from './StatusMessage.js';
 declare const _default: "./StatusMessage";
 export default _default;

package/esm/core/StatusMessage/index.js

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

package/esm/core/Stepper/Stepper.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/stepper.css';
 export declare type StepperLocalization = {
     stepsCountLabel: (currentStep: number, totalSteps: number) => string;

package/esm/core/Stepper/Stepper.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 { useTheme } from '../utils';
+import * as React from 'react';
+import { useTheme } from '../utils/index.js';
 import '@itwin/itwinui-css/css/stepper.css';
-import { StepperStep } from './StepperStep';
+import { StepperStep } from './StepperStep.js';
 const defaultStepperLocalization = {
     stepsCountLabel: (currentStep, totalSteps) => `Step ${currentStep} of ${totalSteps}:`,
 };

package/esm/core/Stepper/StepperStep.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { StylingProps } from '../utils';
+import type { StylingProps } from '../utils/index.js';
 export declare type StepperStepProps = {
     /**
      * The title/label of the step.

package/esm/core/Stepper/StepperStep.js

@@ -3,8 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { Tooltip } from '../Tooltip';
+import * as React from 'react';
+import { Tooltip } from '../Tooltip/index.js';
 export const StepperStep = (props) => {
     const { title, index, currentStepNumber, totalSteps, type, onClick, description, className, style, ...rest } = props;
     const isPast = currentStepNumber > index;

package/esm/core/Stepper/Wizard.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { StepperProps, StepperLocalization } from './Stepper';
+import * as React from 'react';
+import type { StepperProps, StepperLocalization } from './Stepper.js';
 /**
  * @deprecated Since v2:
  *

package/esm/core/Stepper/Wizard.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 { Stepper } from './Stepper';
-import { WorkflowDiagram } from './WorkflowDiagram';
+import * as React from 'react';
+import { Stepper } from './Stepper.js';
+import { WorkflowDiagram } from './WorkflowDiagram.js';
 /**
  * @deprecated Since v2, use `Stepper` (type = `default` | `long`) or WorkflowDiagram (type = `workflow`)
  *

package/esm/core/Stepper/WorkflowDiagram.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/workflow-diagram.css';
-import { StepperProps } from './Stepper';
+import type { StepperProps } from './Stepper.js';
 export declare type WorkflowDiagramProps = Pick<StepperProps, 'steps'>;
 export declare const WorkflowDiagram: React.ForwardRefExoticComponent<WorkflowDiagramProps & React.RefAttributes<HTMLDivElement>>;
 export default WorkflowDiagram;

package/esm/core/Stepper/WorkflowDiagram.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 { useTheme } from '../utils';
+import * as React from 'react';
+import { useTheme } from '../utils/index.js';
 import '@itwin/itwinui-css/css/workflow-diagram.css';
-import { WorkflowDiagramStep } from './WorkflowDiagramStep';
+import { WorkflowDiagramStep } from './WorkflowDiagramStep.js';
 export const WorkflowDiagram = React.forwardRef((props, ref) => {
     const { steps, ...rest } = props;
     useTheme();

package/esm/core/Stepper/WorkflowDiagramStep.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { StylingProps } from '../utils';
-import { StepperStepProps } from './StepperStep';
+import type { StylingProps } from '../utils/index.js';
+import type { StepperStepProps } from './StepperStep.js';
 export declare type WorkflowDiagramStepProps = Pick<StepperStepProps, 'title' | 'description'> & StylingProps;
 export declare const WorkflowDiagramStep: (props: WorkflowDiagramStepProps) => JSX.Element;

package/esm/core/Stepper/WorkflowDiagramStep.js

@@ -3,8 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { Tooltip } from '../Tooltip';
+import * as React from 'react';
+import { Tooltip } from '../Tooltip/index.js';
 export const WorkflowDiagramStep = (props) => {
     const { title, description, className, style, ...rest } = props;
     const stepShape = (React.createElement("li", { className: cx('iui-workflow-diagram-step', className), style: style, ...rest },

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

@@ -1,8 +1,8 @@
-export { Wizard } from './Wizard';
-export { Stepper } from './Stepper';
-export { WorkflowDiagram } from './WorkflowDiagram';
-export type { WizardProps, WizardType, WizardLocalization } from './Wizard';
-export type { StepperProps, StepProperties, StepperLocalization, } from './Stepper';
-export type { WorkflowDiagramProps } from './WorkflowDiagram';
+export { Wizard } from './Wizard.js';
+export { Stepper } from './Stepper.js';
+export { WorkflowDiagram } from './WorkflowDiagram.js';
+export type { WizardProps, WizardType, WizardLocalization } from './Wizard.js';
+export type { StepperProps, StepProperties, StepperLocalization, } from './Stepper.js';
+export type { WorkflowDiagramProps } from './WorkflowDiagram.js';
 declare const _default: "./Wizard";
 export default _default;

package/esm/core/Stepper/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 { Wizard } from './Wizard';
-export { Stepper } from './Stepper';
-export { WorkflowDiagram } from './WorkflowDiagram';
+export { Wizard } from './Wizard.js';
+export { Stepper } from './Stepper.js';
+export { WorkflowDiagram } from './WorkflowDiagram.js';
 export default './Wizard';

package/esm/core/Surface/Surface.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CommonProps, PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../utils';
+import * as React from 'react';
+import type { CommonProps, PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../utils/index.js';
 import '@itwin/itwinui-css/css/surface.css';
 declare type SurfaceHeaderOwnProps = {};
 export declare type SurfaceHeaderProps<T extends React.ElementType = 'div'> = PolymorphicComponentProps<T, SurfaceHeaderOwnProps>;

package/esm/core/Surface/Surface.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 * as React from 'react';
 import cx from 'classnames';
-import { useSafeContext, useTheme, supportsHas, } from '../utils';
+import { useSafeContext, useTheme, supportsHas } from '../utils/index.js';
 import '@itwin/itwinui-css/css/surface.css';
 /**
  * Helper function that returns one of the preset surface elevation values.

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

@@ -1,4 +1,4 @@
-export { Surface } from './Surface';
-export type { SurfaceProps, SurfaceHeaderProps, SurfaceBodyProps, } from './Surface';
+export { Surface } from './Surface.js';
+export type { SurfaceProps, SurfaceHeaderProps, SurfaceBodyProps, } from './Surface.js';
 declare const _default: "./Surface";
 export default _default;

package/esm/core/Surface/index.js

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

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Cell, CellProps } from 'react-table';
+import * as React from 'react';
+import type { Cell, CellProps } from 'react-table';
 export declare type SubRowExpanderProps<T extends Record<string, unknown>> = {
     cell: Cell<T>;
     expanderCell?: (cellProps: CellProps<T>) => React.ReactNode;

package/esm/core/Table/SubRowExpander.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 { SvgChevronRight } from '../utils';
-import { IconButton } from '../Buttons';
+import * as React from 'react';
+import { SvgChevronRight } from '../utils/index.js';
+import { IconButton } from '../Buttons/index.js';
 export const SubRowExpander = (props) => {
     const { cell, isDisabled, cellProps, expanderCell, density } = props;
     return (React.createElement(React.Fragment, null, expanderCell ? (expanderCell(cellProps)) : (React.createElement(IconButton, { style: {

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

@@ -1,8 +1,8 @@
-import React from 'react';
-import { CellProps, TableOptions, Row, TableState } from 'react-table';
-import { CommonProps } from '../utils';
+import * as React from 'react';
+import type { CellProps, TableOptions, Row, TableState } from 'react-table';
+import type { CommonProps } from '../utils/index.js';
 import '@itwin/itwinui-css/css/table.css';
-import { TableFilterValue } from './filters';
+import type { TableFilterValue } from './filters/index.js';
 export declare const tableResizeStartAction = "tableResizeStart";
 export declare type TablePaginatorRendererProps = {
     /**

package/esm/core/Table/Table.js

@@ -2,20 +2,20 @@
  * 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 { actions as TableActions, useFlexLayout, useFilters, useRowSelect, useSortBy, useTable, useExpanded, usePagination, useColumnOrder, useGlobalFilter, } from 'react-table';
-import { ProgressRadial } from '../ProgressIndicators';
-import { useTheme, useResizeObserver, SvgSortDown, SvgSortUp, useIsomorphicLayoutEffect, } from '../utils';
+import { ProgressRadial } from '../ProgressIndicators/index.js';
+import { useTheme, useResizeObserver, SvgSortDown, SvgSortUp, useIsomorphicLayoutEffect, } from '../utils/index.js';
 import '@itwin/itwinui-css/css/table.css';
-import { getCellStyle, getStickyStyle } from './utils';
-import { TableRowMemoized } from './TableRowMemoized';
-import { FilterToggle } from './filters';
-import { customFilterFunctions } from './filters/customFilterFunctions';
-import { useExpanderCell, useSelectionCell, useSubRowFiltering, useSubRowSelection, useResizeColumns, useColumnDragAndDrop, useScrollToRow, useStickyColumns, } from './hooks';
-import { onExpandHandler, onFilterHandler, onToggleHandler, onShiftSelectHandler, onSingleSelectHandler, onTableResizeEnd, onTableResizeStart, } from './actionHandlers';
-import VirtualScroll from '../utils/components/VirtualScroll';
-import { SELECTION_CELL_ID } from './columns';
+import { getCellStyle, getStickyStyle } from './utils.js';
+import { TableRowMemoized } from './TableRowMemoized.js';
+import { FilterToggle } from './filters/index.js';
+import { customFilterFunctions } from './filters/customFilterFunctions.js';
+import { useExpanderCell, useSelectionCell, useSubRowFiltering, useSubRowSelection, useResizeColumns, useColumnDragAndDrop, useScrollToRow, useStickyColumns, } from './hooks/index.js';
+import { onExpandHandler, onFilterHandler, onToggleHandler, onShiftSelectHandler, onSingleSelectHandler, onTableResizeEnd, onTableResizeStart, } from './actionHandlers/index.js';
+import VirtualScroll from '../utils/components/VirtualScroll.js';
+import { SELECTION_CELL_ID } from './columns/index.js';
 const singleRowSelectedAction = 'singleRowSelected';
 const shiftRowSelectedAction = 'shiftRowSelected';
 export const tableResizeStartAction = 'tableResizeStart';

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

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

package/esm/core/Table/TableCell.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 cx from 'classnames';
-import { getCellStyle, getStickyStyle } from './utils';
-import { SubRowExpander } from './SubRowExpander';
-import { SELECTION_CELL_ID } from './columns';
-import { DefaultCell } from './cells';
+import { getCellStyle, getStickyStyle } from './utils.js';
+import { SubRowExpander } from './SubRowExpander.js';
+import { SELECTION_CELL_ID } from './columns/index.js';
+import { DefaultCell } from './cells/index.js';
 export const TableCell = (props) => {
     const { cell, cellIndex, isDisabled, tableHasSubRows, tableInstance, expanderCell, density, } = props;
     const hasSubRowExpander = cellIndex ===

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import '@itwin/itwinui-css/css/table.css';
-import { CommonProps } from '../utils';
-import { TablePaginatorRendererProps } from './Table';
+import type { CommonProps } from '../utils/index.js';
+import type { TablePaginatorRendererProps } from './Table.js';
 export declare type TablePaginatorProps = {
     /**
      * Control whether focusing tabs (using arrow keys) should automatically select them.

package/esm/core/Table/TablePaginator.js

@@ -2,13 +2,13 @@
  * 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 { IconButton, Button, DropdownButton } from '../Buttons';
-import { ProgressRadial } from '../ProgressIndicators';
-import { MenuItem } from '../Menu';
-import { getBoundedValue, useTheme, useOverflow, useContainerWidth, SvgChevronLeft, SvgChevronRight, } from '../utils';
+import { IconButton, Button, DropdownButton } from '../Buttons/index.js';
+import { ProgressRadial } from '../ProgressIndicators/index.js';
+import { MenuItem } from '../Menu/index.js';
+import { getBoundedValue, useTheme, useOverflow, useContainerWidth, SvgChevronLeft, SvgChevronRight, } from '../utils/index.js';
 const defaultLocalization = {
     pageSizeLabel: (size) => `${size} per page`,
     rangeLabel: (startIndex, endIndex, totalRows, isLoading) => isLoading

package/esm/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/esm/core/Table/TableRowMemoized.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 { useIntersection, useMergedRefs, WithCSSTransition } from '../utils';
-import { TableCell } from './TableCell';
+import { useIntersection, useMergedRefs, WithCSSTransition, } from '../utils/index.js';
+import { TableCell } from './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.

package/esm/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/esm/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/esm/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/esm/core/Table/actionHandlers/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 { 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/esm/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/esm/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/esm/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/esm/core/Table/cells/DefaultCell.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';
 import cx from 'classnames';
 /**
  * Default cell.

package/esm/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/esm/core/Table/cells/EditableCell.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 { getRandomValue } from '../../utils';
+import * as React from 'react';
+import { getRandomValue } from '../../utils/index.js';
 /**
  * Editable cell.
  * It should be passed to `cellRenderer`.

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

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

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