@itwin/itwinui-react 3.0.0-dev.10 → 3.0.0-dev.12

package/cjs/core/Table/TablePaginator.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -7,11 +7,11 @@ const tslib_1 = require('tslib');
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../../Checkbox/index.js');
-const index_js_2 = require('../../utils/index.js');
-const index_js_3 = require('../../DropdownMenu/index.js');
-const index_js_4 = require('../../Buttons/IconButton/index.js');
-const index_js_5 = require('../../Menu/index.js');
+const Checkbox_js_1 = require('../../Checkbox/Checkbox.js');
+const index_js_1 = require('../../utils/index.js');
+const DropdownMenu_js_1 = require('../../DropdownMenu/DropdownMenu.js');
+const IconButton_js_1 = require('../../Buttons/IconButton.js');
+const MenuItem_js_1 = require('../../Menu/MenuItem.js');
 const Table_js_1 = require('../Table.js');
 const selectionColumn_js_1 = require('./selectionColumn.js');
 const expanderColumn_js_1 = require('./expanderColumn.js');
@@ -79,10 +79,10 @@ const ActionColumn = ({ columnManager = false } = {}) => {
               });
             };
             return React.createElement(
-              index_js_5.MenuItem,
+              MenuItem_js_1.MenuItem,
               {
                 key: column.id,
-                startIcon: React.createElement(index_js_1.Checkbox, {
+                startIcon: React.createElement(Checkbox_js_1.Checkbox, {
                   checked: checked,
                   disabled: column.disableToggleVisibility,
                   onClick: (e) => e.stopPropagation(),
@@ -104,7 +104,7 @@ const ActionColumn = ({ columnManager = false } = {}) => {
           ? columnManager.dropdownMenuProps
           : {};
       return React.createElement(
-        index_js_3.DropdownMenu,
+        DropdownMenu_js_1.DropdownMenu,
         {
           ...dropdownMenuProps,
           menuItems: headerCheckBoxes,
@@ -114,9 +114,9 @@ const ActionColumn = ({ columnManager = false } = {}) => {
           },
         },
         React.createElement(
-          index_js_4.IconButton,
+          IconButton_js_1.IconButton,
           { styleType: 'borderless', isActive: isOpen, ref: buttonRef },
-          React.createElement(index_js_2.SvgColumnManager, null),
+          React.createElement(index_js_1.SvgColumnManager, null),
         ),
       );
     },

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

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

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

@@ -8,8 +8,8 @@ const tslib_1 = require('tslib');
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
 const index_js_1 = require('../../utils/index.js');
-const index_js_2 = require('../../Buttons/index.js');
-const index_js_3 = require('../cells/index.js');
+const IconButton_js_1 = require('../../Buttons/IconButton.js');
+const index_js_2 = require('../cells/index.js');
 exports.EXPANDER_CELL_ID = 'iui-table-expander';
 /**
  * Expander column that adds sub-content expander column to the Table.
@@ -52,7 +52,7 @@ const ExpanderColumn = (props = {}) => {
         return null;
       } else {
         return React.createElement(
-          index_js_2.IconButton,
+          IconButton_js_1.IconButton,
           {
             className: 'iui-table-row-expander',
             styleType: 'borderless',
@@ -62,13 +62,14 @@ const ExpanderColumn = (props = {}) => {
               row.toggleRowExpanded();
             },
             disabled: isDisabled?.(props.row.original),
+            'aria-expanded': row.isExpanded,
           },
           React.createElement(index_js_1.SvgChevronRight, null),
         );
       }
     },
     cellRenderer: (props) =>
-      React.createElement(index_js_3.DefaultCell, {
+      React.createElement(index_js_2.DefaultCell, {
         ...props,
         isDisabled: (rowData) => !!isDisabled?.(rowData),
       }),

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

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

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

@@ -7,8 +7,8 @@ const tslib_1 = require('tslib');
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../../Checkbox/index.js');
-const index_js_2 = require('../cells/index.js');
+const Checkbox_js_1 = require('../../Checkbox/Checkbox.js');
+const index_js_1 = require('../cells/index.js');
 exports.SELECTION_CELL_ID = 'iui-table-checkbox-selector';
 /**
  * Selection column that adds selection checkbox column to the Table.
@@ -49,7 +49,7 @@ const SelectionColumn = (props = {}) => {
       );
       const indeterminate =
         !checked && Object.keys(state.selectedRowIds).length > 0;
-      return React.createElement(index_js_1.Checkbox, {
+      return React.createElement(Checkbox_js_1.Checkbox, {
         ...getToggleAllRowsSelectedProps(),
         style: {},
         title: '', // Removes default title that comes from react-table
@@ -61,7 +61,7 @@ const SelectionColumn = (props = {}) => {
       });
     },
     Cell: ({ row }) =>
-      React.createElement(index_js_1.Checkbox, {
+      React.createElement(Checkbox_js_1.Checkbox, {
         ...row.getToggleRowSelectedProps(),
         style: {},
         title: '', // Removes default title that comes from react-table
@@ -69,7 +69,7 @@ const SelectionColumn = (props = {}) => {
         onClick: (e) => e.stopPropagation(),
       }),
     cellRenderer: (props) =>
-      React.createElement(index_js_2.DefaultCell, {
+      React.createElement(index_js_1.DefaultCell, {
         ...props,
         isDisabled: (rowData) => !!isDisabled?.(rowData),
       }),

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { LabeledInput } from '../../../LabeledInput/index.js';
+import type { LabeledInput } from '../../../LabeledInput/LabeledInput.js';
 import type { PolymorphicForwardRefComponent } from '../../../utils/index.js';
 import type { DatePickerLocalizedNames } from '../../../DatePicker/DatePicker.js';
 export type DatePickerInputProps = {

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

@@ -7,10 +7,11 @@ const tslib_1 = require('tslib');
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
 const index_js_1 = require('../../../utils/index.js');
-const index_js_2 = require('../../../DatePicker/index.js');
-const index_js_3 = require('../../../InputGrid/index.js');
-const index_js_4 = require('../../../Label/index.js');
-const index_js_5 = require('../../../InputWithDecorations/index.js');
+const DatePicker_js_1 = require('../../../DatePicker/DatePicker.js');
+const InputGrid_js_1 = require('../../../InputGrid/InputGrid.js');
+const Label_js_1 = require('../../../Label/Label.js');
+const InputWithDecorations_js_1 = require('../../../InputWithDecorations/InputWithDecorations.js');
+const Popover_js_1 = require('../../../Popover/Popover.js');
 const DatePickerInput = React.forwardRef((props, forwardedRef) => {
   const uid = (0, index_js_1.useId)();
   const {
@@ -69,10 +70,10 @@ const DatePickerInput = React.forwardRef((props, forwardedRef) => {
     [onChange, parseInput],
   );
   return React.createElement(
-    index_js_3.InputGrid,
+    InputGrid_js_1.InputGrid,
     { labelPlacement: 'inline', ...wrapperProps },
     React.createElement(
-      index_js_4.Label,
+      Label_js_1.Label,
       {
         as: 'label',
         required: required,
@@ -83,21 +84,24 @@ const DatePickerInput = React.forwardRef((props, forwardedRef) => {
       label,
     ),
     React.createElement(
-      index_js_5.InputWithDecorations,
+      InputWithDecorations_js_1.InputWithDecorations,
       { ...inputWrapperProps },
-      React.createElement(index_js_5.InputWithDecorations.Input, {
-        id: id,
-        value: inputValue,
-        onChange: onInputChange,
-        required: required,
-        disabled: disabled,
-        ref: forwardedRef,
-        ...rest,
-      }),
       React.createElement(
-        index_js_1.Popover,
+        InputWithDecorations_js_1.InputWithDecorations.Input,
+        {
+          id: id,
+          value: inputValue,
+          onChange: onInputChange,
+          required: required,
+          disabled: disabled,
+          ref: forwardedRef,
+          ...rest,
+        },
+      ),
+      React.createElement(
+        Popover_js_1.Popover,
         {
-          content: React.createElement(index_js_2.DatePicker, {
+          content: React.createElement(DatePicker_js_1.DatePicker, {
             date: date,
             onChange: onDateSelected,
             setFocus: true,
@@ -112,7 +116,7 @@ const DatePickerInput = React.forwardRef((props, forwardedRef) => {
           applyBackground: true,
         },
         React.createElement(
-          index_js_5.InputWithDecorations.Button,
+          InputWithDecorations_js_1.InputWithDecorations.Button,
           { 'aria-label': 'Date picker', ref: buttonRef },
           React.createElement(index_js_1.SvgCalendar, null),
         ),

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

@@ -9,7 +9,7 @@ const tslib_1 = require('tslib');
 const React = tslib_1.__importStar(require('react'));
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
 const index_js_1 = require('../../utils/index.js');
-const index_js_2 = require('../../Buttons/index.js');
+const Button_js_1 = require('../../Buttons/Button.js');
 const defaultStrings = {
   filter: 'Filter',
   clear: 'Clear',
@@ -40,12 +40,12 @@ const FilterButtonBar = (props) => {
     },
     children,
     React.createElement(
-      index_js_2.Button,
+      Button_js_1.Button,
       { styleType: 'high-visibility', onClick: setFilter },
       translatedStrings.filter,
     ),
     React.createElement(
-      index_js_2.Button,
+      Button_js_1.Button,
       { onClick: clearFilter },
       translatedStrings.clear,
     ),

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { HeaderGroup } from 'react-table';
+import type { HeaderGroup } from '../../../react-table/react-table.js';
 import type { CommonProps } from '../../utils/index.js';
 export type FilterToggleProps<T extends Record<string, unknown>> = {
     column: HeaderGroup<T>;

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

@@ -9,7 +9,8 @@ const tslib_1 = require('tslib');
 const React = tslib_1.__importStar(require('react'));
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
 const index_js_1 = require('../../utils/index.js');
-const index_js_2 = require('../../Buttons/index.js');
+const IconButton_js_1 = require('../../Buttons/IconButton.js');
+const Popover_js_1 = require('../../Popover/Popover.js');
 /**
  * Handles showing filter icon and opening filter component.
  */
@@ -37,7 +38,7 @@ const FilterToggle = (props) => {
     column.canFilter &&
       column.Filter &&
       React.createElement(
-        index_js_1.Popover,
+        Popover_js_1.Popover,
         {
           content: column.render('Filter', { close, setFilter, clearFilter }),
           placement: 'bottom-start',
@@ -47,7 +48,7 @@ const FilterToggle = (props) => {
           applyBackground: true,
         },
         React.createElement(
-          index_js_2.IconButton,
+          IconButton_js_1.IconButton,
           {
             styleType: 'borderless',
             isActive: isVisible || isColumnFiltered,

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

@@ -10,7 +10,7 @@ const React = tslib_1.__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');
-const index_js_2 = require('../../../LabeledInput/index.js');
+const LabeledInput_js_1 = require('../../../LabeledInput/LabeledInput.js');
 const defaultStrings = {
   from: 'From',
   to: 'To',
@@ -41,7 +41,7 @@ const NumberRangeFilter = (props) => {
   return React.createElement(
     BaseFilter_js_1.BaseFilter,
     null,
-    React.createElement(index_js_2.LabeledInput, {
+    React.createElement(LabeledInput_js_1.LabeledInput, {
       ref: inputRef,
       label: translatedStrings.from,
       value: from,
@@ -50,7 +50,7 @@ const NumberRangeFilter = (props) => {
       type: 'number',
       displayStyle: 'inline',
     }),
-    React.createElement(index_js_2.LabeledInput, {
+    React.createElement(LabeledInput_js_1.LabeledInput, {
       label: translatedStrings.to,
       value: to,
       onChange: (e) => setTo(e.target.value),