@itwin/itwinui-react 2.10.0 → 2.11.0

package/cjs/core/Menu/MenuDivider.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,9 +31,9 @@ exports.MenuDivider = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const react_1 = __importDefault(require("react"));
+const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../utils");
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/menu.css");
 /**
  * Divider between menu items. Should be used inside `Menu`.
@@ -29,8 +52,8 @@ require("@itwin/itwinui-css/css/menu.css");
  */
 const MenuDivider = (props) => {
     const { className, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("li", { role: 'separator', className: (0, classnames_1.default)('iui-menu-divider', className), ...rest }));
+    (0, index_js_1.useTheme)();
+    return (React.createElement("li", { role: 'separator', className: (0, classnames_1.default)('iui-menu-divider', className), ...rest }));
 };
 exports.MenuDivider = MenuDivider;
 exports.default = exports.MenuDivider;

package/cjs/core/Menu/MenuExtraContent.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CommonProps } from '../utils';
+import * as React from 'react';
+import type { CommonProps } from '../utils/index.js';
 import '@itwin/itwinui-css/css/menu.css';
 export declare type MenuExtraContentProps = {
     children: React.ReactNode;

package/cjs/core/Menu/MenuExtraContent.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,9 +31,9 @@ exports.MenuExtraContent = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const react_1 = __importDefault(require("react"));
+const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../utils");
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/menu.css");
 /**
  * Component that allows to have any additional content inside `Menu`.
@@ -34,8 +57,8 @@ require("@itwin/itwinui-css/css/menu.css");
  */
 const MenuExtraContent = (props) => {
     const { children, className, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("li", { className: (0, classnames_1.default)('iui-menu-content', className), role: 'presentation', ...rest }, children));
+    (0, index_js_1.useTheme)();
+    return (React.createElement("li", { className: (0, classnames_1.default)('iui-menu-content', className), role: 'presentation', ...rest }, children));
 };
 exports.MenuExtraContent = MenuExtraContent;
 exports.default = exports.MenuExtraContent;

package/cjs/core/Menu/MenuItem.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CommonProps } from '../utils';
+import * as React from 'react';
+import type { CommonProps } from '../utils/index.js';
 import '@itwin/itwinui-css/css/menu.css';
 export declare type MenuItemProps = {
     /**
@@ -104,9 +104,12 @@ export declare const MenuItem: React.ForwardRefExoticComponent<{
      */
     children?: React.ReactNode;
 } & {
+    /**
+     * Context used to provide menu item ref to sub-menu items.
+     */
     title?: string | undefined;
     id?: string | undefined;
 } & {
     style?: React.CSSProperties | undefined;
-} & import("../utils").ClassNameProps & React.RefAttributes<HTMLLIElement>>;
+} & import("../utils/props.js").ClassNameProps & React.RefAttributes<HTMLLIElement>>;
 export default MenuItem;

package/cjs/core/Menu/MenuItem.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,26 +31,26 @@ exports.MenuItem = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const react_1 = __importDefault(require("react"));
+const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../utils");
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/menu.css");
-const Menu_1 = require("./Menu");
+const Menu_js_1 = require("./Menu.js");
 /**
  * Context used to provide menu item ref to sub-menu items.
  */
-const MenuItemContext = react_1.default.createContext({ ref: undefined });
+const MenuItemContext = React.createContext({ ref: undefined });
 /**
  * Basic menu item component. Should be used inside `Menu` component for each item.
  */
-exports.MenuItem = react_1.default.forwardRef((props, ref) => {
+exports.MenuItem = React.forwardRef((props, ref) => {
     const { children, isSelected, disabled, value, onClick, sublabel, size = !!sublabel ? 'large' : 'default', icon, badge, className, style, role = 'menuitem', subMenuItems = [], ...rest } = props;
-    (0, utils_1.useTheme)();
-    const menuItemRef = react_1.default.useRef(null);
-    const refs = (0, utils_1.useMergedRefs)(menuItemRef, ref);
-    const { ref: parentMenuItemRef } = react_1.default.useContext(MenuItemContext);
-    const subMenuRef = react_1.default.useRef(null);
-    const [isSubmenuVisible, setIsSubmenuVisible] = react_1.default.useState(false);
+    (0, index_js_1.useTheme)();
+    const menuItemRef = React.useRef(null);
+    const refs = (0, index_js_1.useMergedRefs)(menuItemRef, ref);
+    const { ref: parentMenuItemRef } = React.useContext(MenuItemContext);
+    const subMenuRef = React.useRef(null);
+    const [isSubmenuVisible, setIsSubmenuVisible] = React.useState(false);
     const onKeyDown = (event) => {
         var _a;
         if (event.altKey) {
@@ -59,7 +82,7 @@ exports.MenuItem = react_1.default.forwardRef((props, ref) => {
                 break;
         }
     };
-    const listItem = (react_1.default.createElement("li", { className: (0, classnames_1.default)('iui-menu-item', {
+    const listItem = (React.createElement("li", { className: (0, classnames_1.default)('iui-menu-item', {
             'iui-large': size === 'large',
             'iui-active': isSelected,
             'iui-disabled': disabled,
@@ -71,25 +94,25 @@ exports.MenuItem = react_1.default.forwardRef((props, ref) => {
             }
         }, ...rest },
         icon &&
-            react_1.default.cloneElement(icon, {
+            React.cloneElement(icon, {
                 className: (0, classnames_1.default)(icon.props.className, 'iui-icon'),
             }),
-        react_1.default.createElement("span", { className: 'iui-content' },
-            react_1.default.createElement("div", { className: 'iui-menu-label' }, children),
-            sublabel && react_1.default.createElement("div", { className: 'iui-menu-description' }, sublabel)),
-        !badge && subMenuItems.length > 0 && (react_1.default.createElement(utils_1.SvgCaretRightSmall, { className: 'iui-icon' })),
+        React.createElement("span", { className: 'iui-content' },
+            React.createElement("div", { className: 'iui-menu-label' }, children),
+            sublabel && React.createElement("div", { className: 'iui-menu-description' }, sublabel)),
+        !badge && subMenuItems.length > 0 && (React.createElement(index_js_1.SvgCaretRightSmall, { className: 'iui-icon' })),
         badge &&
-            react_1.default.cloneElement(badge, {
+            React.cloneElement(badge, {
                 className: (0, classnames_1.default)(badge.props.className, 'iui-icon'),
             })));
-    return subMenuItems.length === 0 ? (listItem) : (react_1.default.createElement(MenuItemContext.Provider, { value: { ref: menuItemRef } },
-        react_1.default.createElement(utils_1.Popover, { placement: 'right-start', visible: isSubmenuVisible, appendTo: 'parent', content: react_1.default.createElement("div", { onMouseLeave: () => setIsSubmenuVisible(false), onBlur: (e) => {
+    return subMenuItems.length === 0 ? (listItem) : (React.createElement(MenuItemContext.Provider, { value: { ref: menuItemRef } },
+        React.createElement(index_js_1.Popover, { placement: 'right-start', visible: isSubmenuVisible, appendTo: 'parent', content: React.createElement("div", { onMouseLeave: () => setIsSubmenuVisible(false), onBlur: (e) => {
                     var _a, _b;
                     !!(e.relatedTarget instanceof Node) &&
                         !((_a = subMenuRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) &&
                         !((_b = subMenuRef.current) === null || _b === void 0 ? void 0 : _b.isEqualNode(e.relatedTarget)) &&
                         setIsSubmenuVisible(false);
                 } },
-                react_1.default.createElement(Menu_1.Menu, { ref: subMenuRef }, subMenuItems)) }, listItem)));
+                React.createElement(Menu_js_1.Menu, { ref: subMenuRef }, subMenuItems)) }, listItem)));
 });
 exports.default = exports.MenuItem;

package/cjs/core/Menu/MenuItemSkeleton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CommonProps } from '../utils';
+import type { CommonProps } from '../utils/index.js';
 import '@itwin/itwinui-css/css/menu.css';
 export declare type MenuItemSkeletonProps = {
     /**

package/cjs/core/Menu/MenuItemSkeleton.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,27 +31,27 @@ exports.MenuItemSkeleton = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const react_1 = __importDefault(require("react"));
+const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../utils");
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/menu.css");
 /**
  * Menu item that uses skeletons to indicate loading state.
  */
 const MenuItemSkeleton = (props) => {
     const { hasSublabel, hasIcon, contentWidth, translatedStrings = { loading: 'Loading…' }, className, style, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("li", { className: (0, classnames_1.default)('iui-menu-item', 'iui-menu-item-skeleton', { 'iui-large': hasSublabel }, className), style: {
+    (0, index_js_1.useTheme)();
+    return (React.createElement("li", { className: (0, classnames_1.default)('iui-menu-item', 'iui-menu-item-skeleton', { 'iui-large': hasSublabel }, className), style: {
             ...{
                 '--iui-menu-item-content-skeleton-max-width': contentWidth,
             },
             ...style,
         }, ...rest },
-        hasIcon && react_1.default.createElement("div", { className: 'iui-icon iui-skeleton', "aria-hidden": true }),
-        react_1.default.createElement("span", { className: 'iui-content' },
-            react_1.default.createElement("div", { className: 'iui-menu-label iui-skeleton', "aria-hidden": true }),
-            hasSublabel && (react_1.default.createElement("div", { className: 'iui-menu-description iui-skeleton', "aria-hidden": true })),
-            react_1.default.createElement(utils_1.VisuallyHidden, null, translatedStrings.loading))));
+        hasIcon && React.createElement("div", { className: 'iui-icon iui-skeleton', "aria-hidden": true }),
+        React.createElement("span", { className: 'iui-content' },
+            React.createElement("div", { className: 'iui-menu-label iui-skeleton', "aria-hidden": true }),
+            hasSublabel && (React.createElement("div", { className: 'iui-menu-description iui-skeleton', "aria-hidden": true })),
+            React.createElement(index_js_1.VisuallyHidden, null, translatedStrings.loading))));
 };
 exports.MenuItemSkeleton = MenuItemSkeleton;
 exports.default = exports.MenuItemSkeleton;

package/cjs/core/Menu/index.d.ts

@@ -1,10 +1,10 @@
-export { Menu } from './Menu';
-export type { MenuProps } from './Menu';
-export { MenuItem } from './MenuItem';
-export type { MenuItemProps } from './MenuItem';
-export { MenuDivider } from './MenuDivider';
-export type { MenuDividerProps } from './MenuDivider';
-export { MenuExtraContent } from './MenuExtraContent';
-export type { MenuExtraContentProps } from './MenuExtraContent';
-export { MenuItemSkeleton } from './MenuItemSkeleton';
-export type { MenuItemSkeletonProps } from './MenuItemSkeleton';
+export { Menu } from './Menu.js';
+export type { MenuProps } from './Menu.js';
+export { MenuItem } from './MenuItem.js';
+export type { MenuItemProps } from './MenuItem.js';
+export { MenuDivider } from './MenuDivider.js';
+export type { MenuDividerProps } from './MenuDivider.js';
+export { MenuExtraContent } from './MenuExtraContent.js';
+export type { MenuExtraContentProps } from './MenuExtraContent.js';
+export { MenuItemSkeleton } from './MenuItemSkeleton.js';
+export type { MenuItemSkeletonProps } from './MenuItemSkeleton.js';

package/cjs/core/Menu/index.js

@@ -5,13 +5,13 @@ exports.MenuItemSkeleton = exports.MenuExtraContent = exports.MenuDivider = expo
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var Menu_1 = require("./Menu");
-Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });
-var MenuItem_1 = require("./MenuItem");
-Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return MenuItem_1.MenuItem; } });
-var MenuDivider_1 = require("./MenuDivider");
-Object.defineProperty(exports, "MenuDivider", { enumerable: true, get: function () { return MenuDivider_1.MenuDivider; } });
-var MenuExtraContent_1 = require("./MenuExtraContent");
-Object.defineProperty(exports, "MenuExtraContent", { enumerable: true, get: function () { return MenuExtraContent_1.MenuExtraContent; } });
-var MenuItemSkeleton_1 = require("./MenuItemSkeleton");
-Object.defineProperty(exports, "MenuItemSkeleton", { enumerable: true, get: function () { return MenuItemSkeleton_1.MenuItemSkeleton; } });
+var Menu_js_1 = require("./Menu.js");
+Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_js_1.Menu; } });
+var MenuItem_js_1 = require("./MenuItem.js");
+Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return MenuItem_js_1.MenuItem; } });
+var MenuDivider_js_1 = require("./MenuDivider.js");
+Object.defineProperty(exports, "MenuDivider", { enumerable: true, get: function () { return MenuDivider_js_1.MenuDivider; } });
+var MenuExtraContent_js_1 = require("./MenuExtraContent.js");
+Object.defineProperty(exports, "MenuExtraContent", { enumerable: true, get: function () { return MenuExtraContent_js_1.MenuExtraContent; } });
+var MenuItemSkeleton_js_1 = require("./MenuItemSkeleton.js");
+Object.defineProperty(exports, "MenuItemSkeleton", { enumerable: true, get: function () { return MenuItemSkeleton_js_1.MenuItemSkeleton; } });

package/cjs/core/Modal/Modal.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { CommonProps } from '../utils';
+import * as React from 'react';
+import type { CommonProps } from '../utils/index.js';
 import '@itwin/itwinui-css/css/dialog.css';
-import { DialogMainProps } from '../Dialog';
+import type { DialogMainProps } from '../Dialog/index.js';
 export declare type ModalProps = {
     /**
      * Modal title.

package/cjs/core/Modal/Modal.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,11 +31,11 @@ exports.Modal = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const react_1 = __importDefault(require("react"));
+const React = __importStar(require("react"));
 const react_dom_1 = __importDefault(require("react-dom"));
-const utils_1 = require("../utils");
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/dialog.css");
-const Dialog_1 = require("../Dialog");
+const index_js_2 = require("../Dialog/index.js");
 /**
  * Modal component which can wrap any content.
  * @example
@@ -35,18 +58,18 @@ const Dialog_1 = require("../Dialog");
  * </Modal>
  */
 const Modal = (props) => {
-    const { isOpen = false, isDismissible = true, closeOnEsc = true, closeOnExternalClick = true, onClose, title, children, modalRootId = 'iui-react-portal-container', ownerDocument = (0, utils_1.getDocument)(), ...rest } = props;
-    (0, utils_1.useTheme)();
-    const [container, setContainer] = react_1.default.useState();
-    react_1.default.useEffect(() => {
-        setContainer((0, utils_1.getContainer)(modalRootId, ownerDocument));
+    const { isOpen = false, isDismissible = true, closeOnEsc = true, closeOnExternalClick = true, onClose, title, children, modalRootId = 'iui-react-portal-container', ownerDocument = (0, index_js_1.getDocument)(), ...rest } = props;
+    (0, index_js_1.useTheme)();
+    const [container, setContainer] = React.useState();
+    React.useEffect(() => {
+        setContainer((0, index_js_1.getContainer)(modalRootId, ownerDocument));
         return () => setContainer(undefined);
     }, [ownerDocument, modalRootId]);
-    return !!container ? (react_dom_1.default.createPortal(react_1.default.createElement(Dialog_1.Dialog, { isOpen: isOpen, closeOnEsc: closeOnEsc, closeOnExternalClick: closeOnExternalClick, isDismissible: isDismissible, onClose: onClose, preventDocumentScroll: true, trapFocus: true, setFocus: true },
-        react_1.default.createElement(Dialog_1.Dialog.Backdrop, null),
-        react_1.default.createElement(Dialog_1.Dialog.Main, { "aria-modal": true, ...rest },
-            react_1.default.createElement(Dialog_1.Dialog.TitleBar, { titleText: title }),
-            children)), container)) : (react_1.default.createElement(react_1.default.Fragment, null));
+    return !!container ? (react_dom_1.default.createPortal(React.createElement(index_js_2.Dialog, { isOpen: isOpen, closeOnEsc: closeOnEsc, closeOnExternalClick: closeOnExternalClick, isDismissible: isDismissible, onClose: onClose, preventDocumentScroll: true, trapFocus: true, setFocus: true },
+        React.createElement(index_js_2.Dialog.Backdrop, null),
+        React.createElement(index_js_2.Dialog.Main, { "aria-modal": true, ...rest },
+            React.createElement(index_js_2.Dialog.TitleBar, { titleText: title }),
+            children)), container)) : (React.createElement(React.Fragment, null));
 };
 exports.Modal = Modal;
 exports.default = exports.Modal;

package/cjs/core/Modal/ModalButtonBar.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CommonProps } from '../utils';
+import * as React from 'react';
+import type { CommonProps } from '../utils/index.js';
 export declare type ModalButtonBarProps = {
     /**
      * Buttons in the modal bar.

package/cjs/core/Modal/ModalButtonBar.js

@@ -1,6 +1,26 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalButtonBar = void 0;
@@ -8,11 +28,11 @@ exports.ModalButtonBar = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const react_1 = __importDefault(require("react"));
-const DialogButtonBar_1 = require("../Dialog/DialogButtonBar");
+const React = __importStar(require("react"));
+const DialogButtonBar_js_1 = require("../Dialog/DialogButtonBar.js");
 /**
  * Container for Buttons in modal.
  */
-const ModalButtonBar = (props) => (react_1.default.createElement(DialogButtonBar_1.DialogButtonBar, { ...props }));
+const ModalButtonBar = (props) => (React.createElement(DialogButtonBar_js_1.DialogButtonBar, { ...props }));
 exports.ModalButtonBar = ModalButtonBar;
 exports.default = exports.ModalButtonBar;

package/cjs/core/Modal/ModalContent.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CommonProps } from '../utils';
+import * as React from 'react';
+import type { CommonProps } from '../utils/index.js';
 export declare type ModalContentProps = {
     /**
      * Main content in the `Modal`.

package/cjs/core/Modal/ModalContent.js

@@ -1,6 +1,26 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalContent = void 0;
@@ -8,11 +28,11 @@ exports.ModalContent = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const react_1 = __importDefault(require("react"));
-const DialogContent_1 = require("../Dialog/DialogContent");
+const React = __importStar(require("react"));
+const DialogContent_js_1 = require("../Dialog/DialogContent.js");
 /**
  * Container for content in `Modal`.
  */
-const ModalContent = (props) => (react_1.default.createElement(DialogContent_1.DialogContent, { ...props }));
+const ModalContent = (props) => (React.createElement(DialogContent_js_1.DialogContent, { ...props }));
 exports.ModalContent = ModalContent;
 exports.default = exports.ModalContent;

package/cjs/core/Modal/index.d.ts

@@ -1,8 +1,8 @@
-export { Modal } from './Modal';
-export type { ModalProps } from './Modal';
-export { ModalButtonBar } from './ModalButtonBar';
-export type { ModalButtonBarProps } from './ModalButtonBar';
-export { ModalContent } from './ModalContent';
-export type { ModalContentProps } from './ModalContent';
+export { Modal } from './Modal.js';
+export type { ModalProps } from './Modal.js';
+export { ModalButtonBar } from './ModalButtonBar.js';
+export type { ModalButtonBarProps } from './ModalButtonBar.js';
+export { ModalContent } from './ModalContent.js';
+export type { ModalContentProps } from './ModalContent.js';
 declare const _default: "./Modal";
 export default _default;

package/cjs/core/Modal/index.js

@@ -5,10 +5,10 @@ exports.ModalContent = exports.ModalButtonBar = exports.Modal = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var Modal_1 = require("./Modal");
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
-var ModalButtonBar_1 = require("./ModalButtonBar");
-Object.defineProperty(exports, "ModalButtonBar", { enumerable: true, get: function () { return ModalButtonBar_1.ModalButtonBar; } });
-var ModalContent_1 = require("./ModalContent");
-Object.defineProperty(exports, "ModalContent", { enumerable: true, get: function () { return ModalContent_1.ModalContent; } });
+var Modal_js_1 = require("./Modal.js");
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_js_1.Modal; } });
+var ModalButtonBar_js_1 = require("./ModalButtonBar.js");
+Object.defineProperty(exports, "ModalButtonBar", { enumerable: true, get: function () { return ModalButtonBar_js_1.ModalButtonBar; } });
+var ModalContent_js_1 = require("./ModalContent.js");
+Object.defineProperty(exports, "ModalContent", { enumerable: true, get: function () { return ModalContent_js_1.ModalContent; } });
 exports.default = './Modal';

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CommonProps } from '../utils';
+import * as React from 'react';
+import type { CommonProps } from '../utils/index.js';
 /** @deprecated Use `NonIdealState` instead. */
 export declare type ErrorPageType = '300' | '301' | '302' | '303' | '304' | '305' | '307' | '308' | '401' | '403' | '404' | '408' | '500' | '502' | '503' | '504' | 'generic';
 /** @deprecated Use `NonIdealState` instead. */