@itwin/itwinui-react 3.3.4 → 3.4.1

package/cjs/core/NonIdealState/ErrorPage.d.ts

@@ -58,4 +58,4 @@ type ErrorPageProps = {
  * <ErrorPage errorType='401' />
  */
 export declare const ErrorPage: PolymorphicForwardRefComponent<"div", ErrorPageProps>;
-export default ErrorPage;
+export {};

package/cjs/core/NonIdealState/ErrorPage.js

@@ -169,4 +169,3 @@ exports.ErrorPage = React.forwardRef((props, forwardedRef) => {
     }
     return (React.createElement(NonIdealState_js_1.NonIdealState, { svg: React.createElement(React.Suspense, { fallback: React.createElement(ProgressRadial_js_1.ProgressRadial, null) }, getErrorIcon()), heading: getHeadingMessage(), description: errorMessage, actions: getActions(), ref: forwardedRef, ...rest }));
 });
-exports.default = exports.ErrorPage;

package/cjs/core/NonIdealState/NonIdealState.d.ts

@@ -59,4 +59,4 @@ type NonIdealStateProps = {
  * <NonIdealState svg={<Svg404 />} heading='Not found' />
  */
 export declare const NonIdealState: PolymorphicForwardRefComponent<"div", NonIdealStateProps>;
-export default NonIdealState;
+export {};

package/cjs/core/NonIdealState/NonIdealState.js

@@ -49,4 +49,3 @@ exports.NonIdealState = React.forwardRef((props, forwardedRef) => {
         description && (React.createElement(index_js_1.Box, { as: 'div', ...descriptionProps, className: (0, classnames_1.default)('iui-non-ideal-state-description', descriptionProps?.className) }, description)),
         actions && (React.createElement(index_js_1.Box, { as: 'div', ...actionsProps, className: (0, classnames_1.default)('iui-non-ideal-state-actions', actionsProps?.className) }, actions))));
 });
-exports.default = exports.NonIdealState;

package/cjs/core/NotificationMarker/NotificationMarker.d.ts

@@ -48,4 +48,4 @@ type NotificationMarkerProps = {
  * <NotificationMarker status='positive' pulsing={true}>Live</NotificationMarker>
  */
 export declare const NotificationMarker: PolymorphicForwardRefComponent<"span", NotificationMarkerProps>;
-export default NotificationMarker;
+export {};

package/cjs/core/NotificationMarker/NotificationMarker.js

@@ -50,4 +50,3 @@ exports.NotificationMarker = React.forwardRef((props, ref) => {
     const { className, children, status = 'primary', pulsing = false, enabled = true, ...rest } = props;
     return (React.createElement(index_js_1.Box, { as: 'span', ref: ref, className: (0, classnames_1.default)({ 'iui-notification-marker': enabled }, className), "data-iui-variant": enabled ? status : null, "data-iui-urgent": enabled ? pulsing : null, ...rest }, children));
 });
-exports.default = exports.NotificationMarker;

package/cjs/core/Popover/Popover.d.ts

@@ -146,4 +146,4 @@ type PopoverPublicProps = {
  * </Popover>
  */
 export declare const Popover: PolymorphicForwardRefComponent<"div", PopoverPublicProps>;
-export default Popover;
+export {};

package/cjs/core/Popover/Popover.js

@@ -131,7 +131,7 @@ exports.Popover = React.forwardRef((props, forwardedRef) => {
     const popoverRef = (0, index_js_1.useMergedRefs)(popover.refs.setFloating, forwardedRef, setPopoverElement);
     const triggerId = `${(0, index_js_1.useId)()}-trigger`;
     const hasAriaLabel = !!props['aria-labelledby'] || !!props['aria-label'];
-    (0, index_js_1.useIsomorphicLayoutEffect)(() => {
+    (0, index_js_1.useLayoutEffect)(() => {
         if (!positionReference) {
             return;
         }
@@ -152,4 +152,3 @@ exports.Popover = React.forwardRef((props, forwardedRef) => {
                                 ? popover.refs.domReference.current?.id
                                 : undefined, ...popover.getFloatingProps(rest), ref: popoverRef }, content)))))) : null));
 });
-exports.default = exports.Popover;

package/cjs/core/ProgressIndicators/ProgressLinear.d.ts

@@ -23,7 +23,7 @@ type ProgressLinearProps = {
     /**
      * Status of progress.
      */
-    status?: 'positive' | 'negative';
+    status?: 'positive' | 'negative' | 'warning';
     /**
      * Pass props to ProgressLinear label group.
      */
@@ -32,17 +32,25 @@ type ProgressLinearProps = {
 /**
  * Shows progress on a linear bar
  * @example
- * Determinate
+ * // Determinate
  * <ProgressLinear value={25}/>
- * Indeterminate
+ * // Indeterminate
  * <ProgressLinear indeterminate={true}/>
- * Labeled - Center
+ * // Labeled - Center
  * <ProgressLinear value={50} labels={['Centered Label']} />
- * Labeled - Left & Right
+ * // Labeled - Left & Right
  * <ProgressLinear value={50} labels={['Loading...', '50%']} />
- * Positive / Negative.
- * <ProgressLinear status='positive' labels={['Upload done!', <SvgStatusSuccessHollow />]} />
+ * // Status
+ * <ProgressLinear
+ *   status='positive'
+ *   labels={[
+ *    'Upload done!',
+ *    <Icon key='icon'>
+ *      <SvgStatusSuccess />{' '}
+ *    </Icon>
+ *   ]}
+ * />
  * <ProgressLinear status='negative' />
  */
 export declare const ProgressLinear: PolymorphicForwardRefComponent<"div", ProgressLinearProps>;
-export default ProgressLinear;
+export {};

package/cjs/core/ProgressIndicators/ProgressLinear.js

@@ -37,16 +37,24 @@ const index_js_1 = require("../utils/index.js");
 /**
  * Shows progress on a linear bar
  * @example
- * Determinate
+ * // Determinate
  * <ProgressLinear value={25}/>
- * Indeterminate
+ * // Indeterminate
  * <ProgressLinear indeterminate={true}/>
- * Labeled - Center
+ * // Labeled - Center
  * <ProgressLinear value={50} labels={['Centered Label']} />
- * Labeled - Left & Right
+ * // Labeled - Left & Right
  * <ProgressLinear value={50} labels={['Loading...', '50%']} />
- * Positive / Negative.
- * <ProgressLinear status='positive' labels={['Upload done!', <SvgStatusSuccessHollow />]} />
+ * // Status
+ * <ProgressLinear
+ *   status='positive'
+ *   labels={[
+ *    'Upload done!',
+ *    <Icon key='icon'>
+ *      <SvgStatusSuccess />{' '}
+ *    </Icon>
+ *   ]}
+ * />
  * <ProgressLinear status='negative' />
  */
 exports.ProgressLinear = React.forwardRef((props, forwardedRef) => {
@@ -56,4 +64,3 @@ exports.ProgressLinear = React.forwardRef((props, forwardedRef) => {
             '--iui-progress-percentage': `${boundedValue}%`,
         }, ...rest }, labels.length > 0 && (React.createElement(index_js_1.Box, { as: 'div', ...labelGroupProps, className: (0, classnames_1.default)('iui-progress-indicator-linear-label', labelGroupProps?.className) }, labels.map((label, index) => (React.createElement("span", { key: index }, label)))))));
 });
-exports.default = exports.ProgressLinear;

package/cjs/core/ProgressIndicators/ProgressRadial.d.ts

@@ -14,7 +14,7 @@ type ProgressRadialProps = {
     /**
      * Status of Progress. Positive status always has 100% value.
      */
-    status?: 'positive' | 'negative';
+    status?: 'positive' | 'negative' | 'warning';
     /**
      * Size of the progress indicator. Defaults to medium size.
      * @default ''
@@ -32,13 +32,14 @@ type ProgressRadialProps = {
  * <ProgressRadial value={50} />
  * Indeterminate
  * <ProgressRadial indeterminate />
- * Positive / Negative
+ * // Positive / Negative / Warning
  * <ProgressRadial status='positive' />
  * <ProgressRadial status='negative' />
+ * <ProgressRadial status='warning' />
  * Centered Content
  * <ProgressRadial value={63}>63</ProgressRadial>
  * Small
  * <ProgressRadial size={'small'} indeterminate/>
  */
 export declare const ProgressRadial: PolymorphicForwardRefComponent<"div", ProgressRadialProps>;
-export default ProgressRadial;
+export {};

package/cjs/core/ProgressIndicators/ProgressRadial.js

@@ -41,9 +41,10 @@ const index_js_1 = require("../utils/index.js");
  * <ProgressRadial value={50} />
  * Indeterminate
  * <ProgressRadial indeterminate />
- * Positive / Negative
+ * // Positive / Negative / Warning
  * <ProgressRadial status='positive' />
  * <ProgressRadial status='negative' />
+ * <ProgressRadial status='warning' />
  * Centered Content
  * <ProgressRadial value={63}>63</ProgressRadial>
  * Small
@@ -54,6 +55,7 @@ exports.ProgressRadial = React.forwardRef((props, forwardedRef) => {
     const statusMap = {
         negative: React.createElement(index_js_1.SvgImportantSmall, { "aria-hidden": true }),
         positive: React.createElement(index_js_1.SvgCheckmarkSmall, { "aria-hidden": true }),
+        warning: React.createElement(index_js_1.SvgImportantSmall, { "aria-hidden": true }),
     };
     return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-progress-indicator-radial', className), "data-iui-size": size, "data-iui-status": status, "data-iui-indeterminate": indeterminate ? 'true' : undefined, ref: forwardedRef, style: {
             ...(value !== undefined && {
@@ -64,4 +66,3 @@ exports.ProgressRadial = React.forwardRef((props, forwardedRef) => {
         ? children ?? (!!status ? statusMap[status] : null)
         : null));
 });
-exports.default = exports.ProgressRadial;

package/cjs/core/Radio/Radio.d.ts

@@ -29,4 +29,4 @@ type RadioProps = {
  * <Radio status='negative' label='Negative' />
  */
 export declare const Radio: PolymorphicForwardRefComponent<"input", RadioProps>;
-export default Radio;
+export {};

package/cjs/core/Radio/Radio.js

@@ -53,4 +53,3 @@ exports.Radio = React.forwardRef((props, ref) => {
         radio,
         label && (React.createElement(index_js_1.Box, { as: 'span', ...labelProps, className: (0, classnames_1.default)('iui-radio-label', labelProps?.className) }, label))));
 });
-exports.default = exports.Radio;

package/cjs/core/RadioTiles/RadioTile.d.ts

@@ -36,4 +36,4 @@ type RadioTileProps = {
  * <RadioTile label='My tile' description='Some info' icon={<SvgSmileyHappy />} />
  */
 export declare const RadioTile: PolymorphicForwardRefComponent<"input", RadioTileProps>;
-export default RadioTile;
+export {};

package/cjs/core/RadioTiles/RadioTile.js

@@ -49,4 +49,3 @@ exports.RadioTile = React.forwardRef((props, ref) => {
         label && (React.createElement(index_js_1.Box, { as: 'div', ...labelProps, className: (0, classnames_1.default)('iui-radio-tile-label', labelProps?.className) }, label)),
         description && (React.createElement(index_js_1.Box, { as: 'div', ...subLabelProps, className: (0, classnames_1.default)('iui-radio-tile-sublabel', subLabelProps?.className) }, description))));
 });
-exports.default = exports.RadioTile;

package/cjs/core/RadioTiles/RadioTileGroup.d.ts

@@ -11,4 +11,4 @@ type RadioTileGroupProps = Omit<React.ComponentProps<typeof InputGroup>, 'displa
  * </RadioTileGroup>
  */
 export declare const RadioTileGroup: PolymorphicForwardRefComponent<"div", RadioTileGroupProps>;
-export default RadioTileGroup;
+export {};

package/cjs/core/RadioTiles/RadioTileGroup.js

@@ -44,4 +44,3 @@ exports.RadioTileGroup = React.forwardRef((props, forwardedRef) => {
     return (React.createElement(InputGroup_js_1.InputGroup, { label: label, ref: forwardedRef, ...rest },
         React.createElement(index_js_1.Box, { className: 'iui-radio-tile-container' }, children)));
 });
-exports.default = exports.RadioTileGroup;

package/cjs/core/SearchBox/SearchBox.d.ts

@@ -89,4 +89,4 @@ export declare const SearchBox: PolymorphicForwardRefComponent<"div", SearchBoxO
         displayName: string;
     };
 };
-export default SearchBox;
+export {};

package/cjs/core/SearchBox/SearchBox.js

@@ -184,4 +184,3 @@ exports.SearchBox = Object.assign(SearchBoxComponent, {
     CollapsedState: SearchBoxCollapsedState,
 });
 exports.SearchBox.displayName = 'SearchBox';
-exports.default = exports.SearchBox;

package/cjs/core/Select/Select.d.ts

@@ -171,4 +171,3 @@ export type SelectProps<T> = {
 export declare const Select: <T>(props: SelectProps<T> & {
     ref?: React.ForwardedRef<HTMLElement> | undefined;
 }) => JSX.Element;
-export default Select;

package/cjs/core/Select/Select.js

@@ -237,4 +237,3 @@ const MultipleSelectButton = ({ selectedItems, selectedItemsRenderer, tagRendere
         selectedItems && !selectedItemsRenderer && (React.createElement(index_js_1.Box, { as: 'span', className: 'iui-content' },
             React.createElement(SelectTagContainer_js_1.SelectTagContainer, { tags: selectedItemsElements })))));
 };
-exports.default = exports.Select;

package/cjs/core/Select/SelectTag.d.ts

@@ -10,4 +10,4 @@ type SelectTagProps = {
  * @private
  */
 export declare const SelectTag: PolymorphicForwardRefComponent<"span", SelectTagProps>;
-export default SelectTag;
+export {};

package/cjs/core/Select/SelectTag.js

@@ -43,4 +43,3 @@ exports.SelectTag = React.forwardRef((props, forwardedRef) => {
     return (React.createElement(index_js_1.Box, { as: 'span', className: (0, classnames_1.default)('iui-select-tag', className), ref: forwardedRef, ...rest },
         React.createElement(index_js_1.Box, { as: 'span', className: 'iui-select-tag-label' }, label)));
 });
-exports.default = exports.SelectTag;

package/cjs/core/Select/SelectTagContainer.d.ts

@@ -9,4 +9,4 @@ type SelectTagContainerProps = {
 /**
  */
 export declare const SelectTagContainer: PolymorphicForwardRefComponent<"div", SelectTagContainerProps>;
-export default SelectTagContainer;
+export {};

package/cjs/core/Select/SelectTagContainer.js

@@ -46,4 +46,3 @@ exports.SelectTagContainer = React.forwardRef((props, ref) => {
             visibleCount < tags.length ? tags.slice(0, visibleCount - 1) : tags,
             visibleCount < tags.length && (React.createElement(SelectTag_js_1.SelectTag, { label: `+${tags.length - visibleCount + 1} item(s)` })))));
 });
-exports.default = exports.SelectTagContainer;

package/cjs/core/SideNavigation/SideNavigation.d.ts

@@ -80,4 +80,4 @@ type SideNavigationProps = {
  * />
  */
 export declare const SideNavigation: PolymorphicForwardRefComponent<"div", SideNavigationProps>;
-export default SideNavigation;
+export {};

package/cjs/core/SideNavigation/SideNavigation.js

@@ -73,4 +73,3 @@ exports.SideNavigation = React.forwardRef((props, forwardedRef) => {
             expanderPlacement === 'bottom' && ExpandButton),
         submenu && (React.createElement(index_js_1.WithCSSTransition, { in: isSubmenuOpen, dimension: 'width', timeout: 200, classNames: 'iui' }, submenu))));
 });
-exports.default = exports.SideNavigation;

package/cjs/core/SideNavigation/SidenavButton.d.ts

@@ -17,4 +17,4 @@ type SidenavButtonProps = {
  * Label is hidden when sidenav is collapsed.
  */
 export declare const SidenavButton: PolymorphicForwardRefComponent<"button", SidenavButtonProps>;
-export default SidenavButton;
+export {};

package/cjs/core/SideNavigation/SidenavButton.js

@@ -42,4 +42,3 @@ exports.SidenavButton = React.forwardRef((props, ref) => {
     const { className, children, isActive = false, disabled = false, isSubmenuOpen = false, ...rest } = props;
     return (React.createElement(Button_js_1.Button, { className: (0, classnames_1.default)('iui-sidenav-button', { 'iui-submenu-open': isSubmenuOpen }, className), "data-iui-active": isActive, size: 'large', disabled: disabled, ref: ref, ...rest }, children));
 });
-exports.default = exports.SidenavButton;

package/cjs/core/SideNavigation/SidenavSubmenu.d.ts

@@ -8,4 +8,3 @@ import type { PolymorphicForwardRefComponent } from '../utils/index.js';
  * </SidenavSubmenu>
  */
 export declare const SidenavSubmenu: PolymorphicForwardRefComponent<"div", {}>;
-export default SidenavSubmenu;

package/cjs/core/SideNavigation/SidenavSubmenu.js

@@ -47,4 +47,3 @@ exports.SidenavSubmenu = React.forwardRef((props, ref) => {
     return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-side-navigation-submenu', className), ref: ref, ...rest },
         React.createElement(index_js_1.Box, { className: 'iui-side-navigation-submenu-content' }, children)));
 });
-exports.default = exports.SidenavSubmenu;

package/cjs/core/SideNavigation/SidenavSubmenuHeader.d.ts

@@ -21,4 +21,4 @@ type SidenavSubmenuHeaderProps = {
  * </SidenavSubmenuHeader>
  */
 export declare const SidenavSubmenuHeader: PolymorphicForwardRefComponent<"div", SidenavSubmenuHeaderProps>;
-export default SidenavSubmenuHeader;
+export {};

package/cjs/core/SideNavigation/SidenavSubmenuHeader.js

@@ -54,4 +54,3 @@ exports.SidenavSubmenuHeader = React.forwardRef((props, forwardedRef) => {
         React.createElement(index_js_1.Box, { className: 'iui-side-navigation-submenu-header-label' }, children),
         actions && (React.createElement(index_js_1.Box, { className: 'iui-side-navigation-submenu-header-actions' }, actions))));
 });
-exports.default = exports.SidenavSubmenuHeader;

package/cjs/core/SkipToContentLink/SkipToContentLink.d.ts

@@ -20,4 +20,4 @@ type SkipToContentLinkProps = {
  * <body><SkipToContentLink href='#main-content-id'>{localizedLabel}</SkipToContentLink> ... </body>
  */
 export declare const SkipToContentLink: PolymorphicForwardRefComponent<"a", SkipToContentLinkProps>;
-export default SkipToContentLink;
+export {};

package/cjs/core/SkipToContentLink/SkipToContentLink.js

@@ -46,4 +46,3 @@ exports.SkipToContentLink = React.forwardRef((props, ref) => {
     const { children = 'Skip to main content', className, ...rest } = props;
     return (React.createElement(index_js_1.Box, { as: 'a', ref: ref, className: (0, classnames_1.default)('iui-skip-to-content-link', className), ...rest }, children));
 });
-exports.default = exports.SkipToContentLink;

package/cjs/core/Slider/Slider.d.ts

@@ -126,4 +126,4 @@ export type SliderProps = {
  *   thumbMode='allow-crossing' />
  */
 export declare const Slider: PolymorphicForwardRefComponent<"div", SliderProps>;
-export default Slider;
+export {};

package/cjs/core/Slider/Slider.js

@@ -252,4 +252,3 @@ exports.Slider = React.forwardRef((props, ref) => {
         tickMarkArea,
         maxValueLabel && (React.createElement(index_js_1.Box, { as: 'span', ...maxProps, className: (0, classnames_1.default)('iui-slider-max', maxProps?.className) }, maxValueLabel))));
 });
-exports.default = exports.Slider;

package/cjs/core/StatusMessage/StatusMessage.d.ts

@@ -33,4 +33,4 @@ type StatusMessageProps = {
  * <StatusMessage startIcon={<SvgStar />}>This is the text</StatusMessage>
  */
 export declare const StatusMessage: PolymorphicForwardRefComponent<"div", StatusMessageProps>;
-export default StatusMessage;
+export {};

package/cjs/core/StatusMessage/StatusMessage.js

@@ -50,4 +50,3 @@ exports.StatusMessage = React.forwardRef((props, ref) => {
         shouldShowIcon ? (React.createElement(Icon_js_1.Icon, { "aria-hidden": true, ...iconProps }, icon)) : null,
         React.createElement(index_js_1.Box, { ...contentProps }, children)));
 });
-exports.default = exports.StatusMessage;

package/cjs/core/Stepper/Stepper.d.ts

@@ -61,4 +61,3 @@ export type StepperProps = {
     labelCountProps?: React.ComponentProps<'span'>;
 };
 export declare const Stepper: PolymorphicForwardRefComponent<"div", StepperProps>;
-export default Stepper;

package/cjs/core/Stepper/Stepper.js

@@ -53,4 +53,3 @@ exports.Stepper = React.forwardRef((props, ref) => {
             React.createElement(index_js_1.Box, { as: 'span', ...labelCountProps, className: (0, classnames_1.default)('iui-stepper-steps-label-count', labelCountProps?.className) }, localization.stepsCountLabel(boundedCurrentStep + 1, steps.length)),
             steps[boundedCurrentStep].name))));
 });
-exports.default = exports.Stepper;

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

@@ -12,4 +12,4 @@ type WorkflowDiagramProps = Pick<StepperProps, 'steps'> & {
     wrapperProps?: React.ComponentProps<'div'>;
 };
 export declare const WorkflowDiagram: PolymorphicForwardRefComponent<"ol", WorkflowDiagramProps>;
-export default WorkflowDiagram;
+export {};

package/cjs/core/Stepper/WorkflowDiagram.js

@@ -45,4 +45,3 @@ exports.WorkflowDiagram = React.forwardRef(
             return (React.createElement(WorkflowDiagramStep_js_1.WorkflowDiagramStep, { contentProps: thisContentProps, key: index, title: s.name, description: s.description }));
         }))));
 });
-exports.default = exports.WorkflowDiagram;

package/cjs/core/Surface/Surface.d.ts

@@ -44,4 +44,4 @@ export declare const Surface: PolymorphicForwardRefComponent<"div", SurfaceProps
      */
     Body: PolymorphicForwardRefComponent<"div", SurfaceBodyOwnProps>;
 };
-export default Surface;
+export {};

package/cjs/core/Surface/Surface.js

@@ -118,4 +118,3 @@ exports.Surface = Object.assign(React.forwardRef((props, ref) => {
     Body: SurfaceBody,
 });
 const SurfaceContext = React.createContext(undefined);
-exports.default = exports.Surface;

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

@@ -8,4 +8,3 @@ export type SubRowExpanderProps<T extends Record<string, unknown>> = {
     density?: 'default' | 'condensed' | 'extra-condensed';
 };
 export declare const SubRowExpander: <T extends Record<string, unknown>>(props: SubRowExpanderProps<T>) => React.JSX.Element;
-export default SubRowExpander;

package/cjs/core/Table/SubRowExpander.js

@@ -43,4 +43,3 @@ const SubRowExpander = (props) => {
         } })))));
 };
 exports.SubRowExpander = SubRowExpander;
-exports.default = exports.SubRowExpander;

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

@@ -269,4 +269,3 @@ export type TableProps<T extends Record<string, unknown> = Record<string, unknow
  * />
  */
 export declare const Table: <T extends Record<string, unknown> = Record<string, unknown>>(props: TableProps<T>) => JSX.Element;
-export default Table;

package/cjs/core/Table/Table.js

@@ -32,7 +32,6 @@ exports.Table = exports.tableResizeStartAction = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-const ReactDOM = __importStar(require("react-dom"));
 const classnames_1 = __importDefault(require("classnames"));
 const react_table_1 = require("react-table");
 const ProgressRadial_js_1 = require("../ProgressIndicators/ProgressRadial.js");
@@ -43,7 +42,7 @@ const index_js_2 = require("./filters/index.js");
 const customFilterFunctions_js_1 = require("./filters/customFilterFunctions.js");
 const index_js_3 = require("./hooks/index.js");
 const index_js_4 = require("./actionHandlers/index.js");
-const VirtualScroll_js_1 = __importDefault(require("../utils/components/VirtualScroll.js"));
+const VirtualScroll_js_1 = require("../utils/components/VirtualScroll.js");
 const index_js_5 = require("./columns/index.js");
 const singleRowSelectedAction = 'singleRowSelected';
 const shiftRowSelectedAction = 'shiftRowSelected';
@@ -357,7 +356,7 @@ const Table = (props) => {
     const [headerScrollWidth, setHeaderScrollWidth] = React.useState(0);
     const [headerClientWidth, setHeaderClientWidth] = React.useState(0);
     // Flexbox handles columns resize so we take new column widths before browser repaints.
-    (0, index_js_1.useIsomorphicLayoutEffect)(() => {
+    (0, index_js_1.useLayoutEffect)(() => {
         if (state.isTableResizing) {
             const newColumnWidths = {};
             flatHeaders.forEach((column) => {
@@ -508,7 +507,7 @@ const Table = (props) => {
                         updateStickyState();
                     }
                 }, tabIndex: -1, "aria-multiselectable": (isSelectable && selectionMode === 'multi') || undefined },
-                React.createElement(ShadowTemplate, null,
+                React.createElement(index_js_1.ShadowRoot, null,
                     React.createElement("slot", null),
                     rows.length === 0 && headerScrollWidth > headerClientWidth && (React.createElement("div", { "aria-hidden": true, style: {
                             // This ensures that the table-body is always the same width as the table-header,
@@ -516,7 +515,7 @@ const Table = (props) => {
                             width: headerScrollWidth,
                             height: 0.1,
                         } }))),
-                data.length !== 0 && (React.createElement(React.Fragment, null, enableVirtualization ? (React.createElement(VirtualScroll_js_1.default, { itemsLength: page.length, itemRenderer: virtualizedItemRenderer, scrollToIndex: scrollToIndex })) : (page.map((_, index) => getPreparedRow(index))))),
+                data.length !== 0 && (React.createElement(React.Fragment, null, enableVirtualization ? (React.createElement(VirtualScroll_js_1.VirtualScroll, { itemsLength: page.length, itemRenderer: virtualizedItemRenderer, scrollToIndex: scrollToIndex })) : (page.map((_, index) => getPreparedRow(index))))),
                 isLoading && data.length === 0 && (React.createElement(index_js_1.Box, { as: 'div', ...emptyTableContentProps, className: (0, classnames_1.default)('iui-table-empty', emptyTableContentProps?.className) },
                     React.createElement(ProgressRadial_js_1.ProgressRadial, { indeterminate: true }))),
                 isLoading && data.length !== 0 && (React.createElement(index_js_1.Box, { className: 'iui-table-row', "data-iui-loading": 'true' },
@@ -531,21 +530,3 @@ const Table = (props) => {
             paginatorRenderer?.(paginatorRendererProps))));
 };
 exports.Table = Table;
-exports.default = exports.Table;
-// ----------------------------------------------------------------------------
-/**
- * Wrapper around `<template>` element that attaches shadow root to its parent
- * and moves its children into the shadow root.
- */
-const ShadowTemplate = ({ children }) => {
-    const [shadowRoot, setShadowRoot] = React.useState();
-    const attachShadowRef = React.useCallback((template) => {
-        const parent = template?.parentElement;
-        if (!template || !parent || parent.shadowRoot) {
-            return;
-        }
-        setShadowRoot(parent.attachShadow({ mode: 'open' }));
-        template.remove();
-    }, []);
-    return (React.createElement("template", { ref: attachShadowRef }, shadowRoot && ReactDOM.createPortal(children, shadowRoot)));
-};

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

@@ -10,4 +10,3 @@ export type TableCellProps<T extends Record<string, unknown>> = {
     density?: 'default' | 'condensed' | 'extra-condensed';
 };
 export declare const TableCell: <T extends Record<string, unknown>>(props: TableCellProps<T>) => React.JSX.Element;
-export default TableCell;

package/cjs/core/Table/TableCell.js

@@ -81,4 +81,3 @@ const TableCell = (props) => {
     })) : (React.createElement(index_js_2.DefaultCell, { ...cellRendererProps, isDisabled: () => isDisabled }))));
 };
 exports.TableCell = TableCell;
-exports.default = exports.TableCell;

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

@@ -73,4 +73,3 @@ export type TablePaginatorProps = {
  * />
  */
 export declare const TablePaginator: (props: TablePaginatorProps) => React.JSX.Element | null;
-export default TablePaginator;

package/cjs/core/Table/TablePaginator.js

@@ -184,4 +184,3 @@ const TablePaginator = (props) => {
                     } }, localization.pageSizeLabel(size)))) }, localization.rangeLabel(currentPage * pageSize + 1, Math.min(totalRowsCount, (currentPage + 1) * pageSize), totalRowsCount, isLoading)))))));
 };
 exports.TablePaginator = TablePaginator;
-exports.default = exports.TablePaginator;

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

@@ -26,4 +26,3 @@ export type DefaultCellProps<T extends Record<string, unknown>> = {
  * }
  */
 export declare const DefaultCell: <T extends Record<string, unknown>>(props: DefaultCellProps<T>) => React.JSX.Element;
-export default DefaultCell;

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

@@ -55,4 +55,3 @@ const DefaultCell = (props) => {
         endIcon && React.createElement(index_js_1.Box, { className: 'iui-table-cell-end-icon' }, endIcon)));
 };
 exports.DefaultCell = DefaultCell;
-exports.default = exports.DefaultCell;

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

@@ -31,4 +31,3 @@ export type EditableCellProps<T extends Record<string, unknown>> = CellRendererP
  * }
  */
 export declare const EditableCell: <T extends Record<string, unknown>>(props: EditableCellProps<T>) => React.JSX.Element;
-export default EditableCell;

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

@@ -84,4 +84,3 @@ const EditableCell = (props) => {
         } }, children));
 };
 exports.EditableCell = EditableCell;
-exports.default = exports.EditableCell;

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

@@ -20,5 +20,4 @@ export type DatePickerInputProps = {
      */
     localizedNames?: DatePickerLocalizedNames;
 } & Omit<React.ComponentProps<typeof LabeledInput>, 'value' | 'onChange' | 'svgIcon' | 'displayStyle'>;
-declare const DatePickerInput: PolymorphicForwardRefComponent<"input", DatePickerInputProps>;
-export default DatePickerInput;
+export declare const DatePickerInput: PolymorphicForwardRefComponent<"input", DatePickerInputProps>;

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

@@ -23,6 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerInput = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -34,7 +35,7 @@ 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) => {
+exports.DatePickerInput = React.forwardRef((props, forwardedRef) => {
     const uid = (0, index_js_1.useId)();
     const { onChange, date, parseInput, formatDate, label, required, disabled, isFromOrTo, selectedDate, wrapperProps, labelProps, inputWrapperProps, id = uid, localizedNames, ...rest } = props;
     const isDateDisabled = (date) => {
@@ -78,4 +79,3 @@ const DatePickerInput = React.forwardRef((props, forwardedRef) => {
                 React.createElement(InputWithDecorations_js_1.InputWithDecorations.Button, { "aria-label": 'Date picker', ref: buttonRef },
                     React.createElement(index_js_1.SvgCalendar, null))))));
 });
-exports.default = DatePickerInput;