@itwin/itwinui-react 2.10.0 → 2.11.0

package/cjs/core/Dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/dialog.css';
-import { DialogContextProps } from './DialogContext';
+import type { DialogContextProps } from './DialogContext.js';
 export declare type DialogProps = {
     /**
      * Dialog content.
@@ -30,12 +30,12 @@ export declare type DialogProps = {
  * </Dialog>
  */
 export declare const Dialog: React.ForwardRefExoticComponent<Pick<DialogProps, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "onClose" | "setFocus" | "isOpen" | "isDismissible" | "isDraggable" | "closeOnExternalClick" | "closeOnEsc" | "trapFocus" | "preventDocumentScroll" | "isResizable" | "relativeTo"> & React.RefAttributes<HTMLDivElement>> & {
-    Backdrop: React.ForwardRefExoticComponent<Pick<import("./DialogBackdrop").DialogBackdropProps, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "onClose" | "isVisible" | "isDismissible" | "closeOnExternalClick" | "relativeTo"> & React.RefAttributes<HTMLDivElement>>;
-    Main: React.ForwardRefExoticComponent<Pick<import("./DialogMain").DialogMainProps, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "onClose" | "styleType" | "setFocus" | "isOpen" | "isDismissible" | "isDraggable" | "closeOnEsc" | "trapFocus" | "preventDocumentScroll" | "isResizable" | "relativeTo"> & React.RefAttributes<HTMLDivElement>>;
-    TitleBar: React.ForwardRefExoticComponent<Pick<import("./DialogTitleBar").DialogTitleBarProps, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "onClose" | "isDismissible" | "isDraggable" | "titleText"> & React.RefAttributes<HTMLDivElement>> & {
-        Title: React.ForwardRefExoticComponent<Pick<import("./DialogTitleBarTitle").DialogTitleBarTitleProps, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
+    Backdrop: React.ForwardRefExoticComponent<Pick<import("./DialogBackdrop.js").DialogBackdropProps, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "onClose" | "isVisible" | "isDismissible" | "closeOnExternalClick" | "relativeTo"> & React.RefAttributes<HTMLDivElement>>;
+    Main: React.ForwardRefExoticComponent<Pick<import("./DialogMain.js").DialogMainProps, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "onClose" | "styleType" | "setFocus" | "isOpen" | "isDismissible" | "isDraggable" | "closeOnEsc" | "trapFocus" | "preventDocumentScroll" | "isResizable" | "relativeTo"> & React.RefAttributes<HTMLDivElement>>;
+    TitleBar: React.ForwardRefExoticComponent<Pick<import("./DialogTitleBar.js").DialogTitleBarProps, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "onClose" | "isDismissible" | "isDraggable" | "titleText"> & React.RefAttributes<HTMLDivElement>> & {
+        Title: React.ForwardRefExoticComponent<Pick<import("./DialogTitleBarTitle.js").DialogTitleBarTitleProps, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
     };
-    Content: React.ForwardRefExoticComponent<Pick<import("./DialogContent").DialogContentProps, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
-    ButtonBar: React.ForwardRefExoticComponent<Pick<import("./DialogButtonBar").DialogButtonBarProps, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Pick<import("./DialogContent.js").DialogContentProps, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
+    ButtonBar: React.ForwardRefExoticComponent<Pick<import("./DialogButtonBar.js").DialogButtonBarProps, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
 };
 export default Dialog;

package/cjs/core/Dialog/Dialog.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,16 +31,16 @@ exports.Dialog = 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"));
 require("@itwin/itwinui-css/css/dialog.css");
-const DialogTitleBar_1 = require("./DialogTitleBar");
-const DialogContent_1 = require("./DialogContent");
-const DialogBackdrop_1 = require("./DialogBackdrop");
-const DialogContext_1 = require("./DialogContext");
-const DialogButtonBar_1 = require("./DialogButtonBar");
-const DialogMain_1 = require("./DialogMain");
-const utils_1 = require("../utils");
+const DialogTitleBar_js_1 = require("./DialogTitleBar.js");
+const DialogContent_js_1 = require("./DialogContent.js");
+const DialogBackdrop_js_1 = require("./DialogBackdrop.js");
+const DialogContext_js_1 = require("./DialogContext.js");
+const DialogButtonBar_js_1 = require("./DialogButtonBar.js");
+const DialogMain_js_1 = require("./DialogMain.js");
+const index_js_1 = require("../utils/index.js");
 /**
  * Dialog component.
  * @example
@@ -40,11 +63,11 @@ const utils_1 = require("../utils");
  *   </Dialog.Main>
  * </Dialog>
  */
-exports.Dialog = Object.assign(react_1.default.forwardRef((props, ref) => {
+exports.Dialog = Object.assign(React.forwardRef((props, ref) => {
     const { children, trapFocus = false, setFocus = false, preventDocumentScroll = false, isOpen = false, isDismissible = true, closeOnEsc = true, closeOnExternalClick = false, onClose, isDraggable = false, isResizable = false, relativeTo = 'viewport', className, style, ...rest } = props;
-    const dialogRootRef = react_1.default.useRef(null);
-    const refs = (0, utils_1.useMergedRefs)(ref, dialogRootRef);
-    return (react_1.default.createElement(DialogContext_1.DialogContext.Provider, { value: {
+    const dialogRootRef = React.useRef(null);
+    const refs = (0, index_js_1.useMergedRefs)(ref, dialogRootRef);
+    return (React.createElement(DialogContext_js_1.DialogContext.Provider, { value: {
             isOpen,
             onClose,
             closeOnEsc,
@@ -58,14 +81,14 @@ exports.Dialog = Object.assign(react_1.default.forwardRef((props, ref) => {
             relativeTo,
             dialogRootRef,
         } },
-        react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-dialog-wrapper', className), "data-iui-relative": relativeTo === 'container', ref: refs, style: {
+        React.createElement("div", { className: (0, classnames_1.default)('iui-dialog-wrapper', className), "data-iui-relative": relativeTo === 'container', ref: refs, style: {
                 ...style,
             }, ...rest }, children)));
 }), {
-    Backdrop: DialogBackdrop_1.DialogBackdrop,
-    Main: DialogMain_1.DialogMain,
-    TitleBar: DialogTitleBar_1.DialogTitleBar,
-    Content: DialogContent_1.DialogContent,
-    ButtonBar: DialogButtonBar_1.DialogButtonBar,
+    Backdrop: DialogBackdrop_js_1.DialogBackdrop,
+    Main: DialogMain_js_1.DialogMain,
+    TitleBar: DialogTitleBar_js_1.DialogTitleBar,
+    Content: DialogContent_js_1.DialogContent,
+    ButtonBar: DialogButtonBar_js_1.DialogButtonBar,
 });
 exports.default = exports.Dialog;

package/cjs/core/Dialog/DialogBackdrop.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { BackdropProps } from '../Backdrop';
-import { DialogContextProps } from './DialogContext';
+import * as React from 'react';
+import type { BackdropProps } from '../Backdrop/index.js';
+import type { DialogContextProps } from './DialogContext.js';
 export declare type DialogBackdropProps = BackdropProps & Pick<DialogContextProps, 'onClose' | 'isDismissible' | 'closeOnExternalClick' | 'relativeTo'>;
 /**
  * Backdrop component for dialog. Recommended to be used with `Dialog`

package/cjs/core/Dialog/DialogBackdrop.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,10 +31,10 @@ exports.DialogBackdrop = 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 Backdrop_1 = require("../Backdrop");
-const utils_1 = require("../utils");
-const DialogContext_1 = require("./DialogContext");
+const React = __importStar(require("react"));
+const index_js_1 = require("../Backdrop/index.js");
+const index_js_2 = require("../utils/index.js");
+const DialogContext_js_1 = require("./DialogContext.js");
 const classnames_1 = __importDefault(require("classnames"));
 /**
  * Backdrop component for dialog. Recommended to be used with `Dialog`
@@ -19,11 +42,11 @@ const classnames_1 = __importDefault(require("classnames"));
  * @example
  * <Dialog.Backdrop />
  */
-exports.DialogBackdrop = react_1.default.forwardRef((props, ref) => {
-    const dialogContext = (0, DialogContext_1.useDialogContext)();
+exports.DialogBackdrop = React.forwardRef((props, ref) => {
+    const dialogContext = (0, DialogContext_js_1.useDialogContext)();
     const { isVisible = dialogContext.isOpen, isDismissible = dialogContext.isDismissible, onClose = dialogContext.onClose, closeOnExternalClick = dialogContext.closeOnExternalClick, relativeTo = dialogContext.relativeTo, onMouseDown, className, style, ...rest } = props;
-    const backdropRef = react_1.default.useRef(null);
-    const refs = (0, utils_1.useMergedRefs)(backdropRef, ref);
+    const backdropRef = React.useRef(null);
+    const refs = (0, index_js_2.useMergedRefs)(backdropRef, ref);
     const handleMouseDown = (event) => {
         // Prevents React from resetting its properties
         event.persist();
@@ -35,7 +58,7 @@ exports.DialogBackdrop = react_1.default.forwardRef((props, ref) => {
         }
         onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
     };
-    return (react_1.default.createElement(Backdrop_1.Backdrop, { isVisible: isVisible, className: (0, classnames_1.default)({
+    return (React.createElement(index_js_1.Backdrop, { isVisible: isVisible, className: (0, classnames_1.default)({
             'iui-backdrop-fixed': relativeTo === 'viewport',
         }, className), ref: refs, onMouseDown: handleMouseDown, style: {
             pointerEvents: 'auto',

package/cjs/core/Dialog/DialogButtonBar.d.ts

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

package/cjs/core/Dialog/DialogButtonBar.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.DialogButtonBar = 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/dialog.css");
 /**
  * Container for Buttons in `Dialog`. Recommended to be used as a child of `Dialog`.
@@ -20,9 +43,9 @@ require("@itwin/itwinui-css/css/dialog.css");
  *   <Button>Close</Button>
  * </Dialog.ButtonBar>
  */
-exports.DialogButtonBar = react_1.default.forwardRef((props, ref) => {
+exports.DialogButtonBar = React.forwardRef((props, ref) => {
     const { children, className, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-dialog-button-bar', className), ref: ref, ...rest }, children));
+    (0, index_js_1.useTheme)();
+    return (React.createElement("div", { className: (0, classnames_1.default)('iui-dialog-button-bar', className), ref: ref, ...rest }, children));
 });
 exports.default = exports.DialogButtonBar;

package/cjs/core/Dialog/DialogContent.d.ts

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

package/cjs/core/Dialog/DialogContent.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.DialogContent = 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/dialog.css");
 /**
  * Container for content in `Dialog`. Recommended to be used as a child of `Dialog`.
@@ -19,9 +42,9 @@ require("@itwin/itwinui-css/css/dialog.css");
  *   My dialog content
  * </Dialog.Content>
  */
-exports.DialogContent = react_1.default.forwardRef((props, ref) => {
+exports.DialogContent = React.forwardRef((props, ref) => {
     const { children, className, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-dialog-content', className), ref: ref, ...rest }, children));
+    (0, index_js_1.useTheme)();
+    return (React.createElement("div", { className: (0, classnames_1.default)('iui-dialog-content', className), ref: ref, ...rest }, children));
 });
 exports.default = exports.DialogContent;

package/cjs/core/Dialog/DialogContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare type DialogContextProps = {
     /**
      * Flag whether dialog should be shown.

package/cjs/core/Dialog/DialogContext.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.useDialogContext = exports.DialogContext = void 0;
@@ -8,9 +28,9 @@ exports.useDialogContext = exports.DialogContext = 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"));
-exports.DialogContext = react_1.default.createContext(undefined);
+const React = __importStar(require("react"));
+exports.DialogContext = React.createContext(undefined);
 const useDialogContext = () => {
-    return react_1.default.useContext(exports.DialogContext) || {};
+    return React.useContext(exports.DialogContext) || {};
 };
 exports.useDialogContext = useDialogContext;

package/cjs/core/Dialog/DialogDragContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare type DialogDragContextProps = {
     onPointerDown?: (e: React.PointerEvent<HTMLElement>) => void;
 };

package/cjs/core/Dialog/DialogDragContext.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.useDialogDragContext = exports.DialogDragContext = void 0;
@@ -8,10 +28,10 @@ exports.useDialogDragContext = exports.DialogDragContext = 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"));
-exports.DialogDragContext = react_1.default.createContext(undefined);
+const React = __importStar(require("react"));
+exports.DialogDragContext = React.createContext(undefined);
 const useDialogDragContext = () => {
-    const context = react_1.default.useContext(exports.DialogDragContext);
+    const context = React.useContext(exports.DialogDragContext);
     return {
         ...context,
     };

package/cjs/core/Dialog/DialogMain.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/dialog.css';
-import { DialogContextProps } from './DialogContext';
+import type { DialogContextProps } from './DialogContext.js';
 export declare type DialogMainProps = {
     /**
      * Type of the dialog.

package/cjs/core/Dialog/DialogMain.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,14 +31,14 @@ exports.DialogMain = 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/dialog.css");
-const DialogContext_1 = require("./DialogContext");
+const DialogContext_js_1 = require("./DialogContext.js");
 const react_transition_group_1 = require("react-transition-group");
-const DialogDragContext_1 = require("./DialogDragContext");
-const useDragAndDrop_1 = __importDefault(require("../utils/hooks/useDragAndDrop"));
+const DialogDragContext_js_1 = require("./DialogDragContext.js");
+const useDragAndDrop_js_1 = __importDefault(require("../utils/hooks/useDragAndDrop.js"));
 /**
  * Dialog component which can wrap any content.
  * @example
@@ -36,23 +59,23 @@ const useDragAndDrop_1 = __importDefault(require("../utils/hooks/useDragAndDrop"
  *   </Dialog.ButtonBar>
  * </Dialog.Main>
  */
-exports.DialogMain = react_1.default.forwardRef((props, ref) => {
-    const dialogContext = (0, DialogContext_1.useDialogContext)();
+exports.DialogMain = React.forwardRef((props, ref) => {
+    const dialogContext = (0, DialogContext_js_1.useDialogContext)();
     const { className, children, styleType = 'default', isOpen = dialogContext.isOpen, isDismissible = dialogContext.isDismissible, onClose = dialogContext.onClose, closeOnEsc = dialogContext.closeOnEsc, trapFocus = dialogContext.trapFocus, setFocus = dialogContext.setFocus, preventDocumentScroll = dialogContext.preventDocumentScroll, onKeyDown, isDraggable = dialogContext.isDraggable, isResizable = dialogContext.isResizable, style: propStyle, ...rest } = props;
-    (0, utils_1.useTheme)();
-    const [style, setStyle] = react_1.default.useState();
-    const dialogRef = react_1.default.useRef(null);
-    const refs = (0, utils_1.useMergedRefs)(dialogRef, ref);
-    const hasBeenResized = react_1.default.useRef(false);
-    const previousFocusedElement = react_1.default.useRef();
-    const originalBodyOverflow = react_1.default.useRef('');
-    react_1.default.useEffect(() => {
+    (0, index_js_1.useTheme)();
+    const [style, setStyle] = React.useState();
+    const dialogRef = React.useRef(null);
+    const refs = (0, index_js_1.useMergedRefs)(dialogRef, ref);
+    const hasBeenResized = React.useRef(false);
+    const previousFocusedElement = React.useRef();
+    const originalBodyOverflow = React.useRef('');
+    React.useEffect(() => {
         if (isOpen) {
             originalBodyOverflow.current = document.body.style.overflow;
         }
     }, [isOpen]);
     // Prevents document from scrolling when the dialog is open.
-    react_1.default.useEffect(() => {
+    React.useEffect(() => {
         var _a;
         const ownerDocument = (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument;
         // If there is no `ownerDocument` or `preventDocumentScroll` is false or
@@ -83,20 +106,20 @@ exports.DialogMain = react_1.default.forwardRef((props, ref) => {
         }
         onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
     };
-    const { onPointerDown, transform } = (0, useDragAndDrop_1.default)(dialogRef, dialogContext.dialogRootRef, isDraggable);
-    const handlePointerDown = react_1.default.useCallback((event) => {
+    const { onPointerDown, transform } = (0, useDragAndDrop_js_1.default)(dialogRef, dialogContext.dialogRootRef, isDraggable);
+    const handlePointerDown = React.useCallback((event) => {
         if (isDraggable) {
             onPointerDown(event);
         }
     }, [isDraggable, onPointerDown]);
     // Prevents dialog from moving when window is being resized
-    (0, utils_1.useIsomorphicLayoutEffect)(() => {
+    (0, index_js_1.useIsomorphicLayoutEffect)(() => {
         var _a;
         if (!isDraggable || !isOpen) {
             return;
         }
         const rect = (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-        const [translateX, translateY] = (0, utils_1.getTranslateValues)(dialogRef.current);
+        const [translateX, translateY] = (0, index_js_1.getTranslateValues)(dialogRef.current);
         setStyle((oldStyle) => {
             var _a, _b;
             return ({
@@ -109,13 +132,13 @@ exports.DialogMain = react_1.default.forwardRef((props, ref) => {
             });
         });
     }, [isDraggable, isOpen]);
-    const setResizeStyle = react_1.default.useCallback((newStyle) => {
+    const setResizeStyle = React.useCallback((newStyle) => {
         setStyle((oldStyle) => ({
             ...oldStyle,
             ...newStyle,
         }));
     }, []);
-    const content = (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-dialog', {
+    const content = (React.createElement("div", { className: (0, classnames_1.default)('iui-dialog', {
             'iui-dialog-default': styleType === 'default',
             'iui-dialog-full-page': styleType === 'fullPage',
             'iui-dialog-visible': isOpen,
@@ -126,14 +149,14 @@ exports.DialogMain = react_1.default.forwardRef((props, ref) => {
             ...style,
             ...propStyle,
         }, ...rest },
-        isResizable && (react_1.default.createElement(utils_1.Resizer, { elementRef: dialogRef, containerRef: dialogContext.dialogRootRef, onResizeStart: () => {
+        isResizable && (React.createElement(index_js_1.Resizer, { elementRef: dialogRef, containerRef: dialogContext.dialogRootRef, onResizeStart: () => {
                 if (!hasBeenResized.current) {
                     hasBeenResized.current = true;
                     setResizeStyle({ maxWidth: '100%' });
                 }
             }, onResizeEnd: setResizeStyle })),
         children));
-    return (react_1.default.createElement(react_transition_group_1.CSSTransition, { in: isOpen, classNames: {
+    return (React.createElement(react_transition_group_1.CSSTransition, { in: isOpen, classNames: {
             enter: 'iui-dialog-animation-enter',
             enterActive: 'iui-dialog-animation-enter-active',
         }, timeout: { exit: 600 }, 
@@ -150,8 +173,8 @@ exports.DialogMain = react_1.default.forwardRef((props, ref) => {
                 (_c = previousFocusedElement.current) === null || _c === void 0 ? void 0 : _c.focus();
             }
         }, unmountOnExit: true, nodeRef: dialogRef },
-        react_1.default.createElement(DialogDragContext_1.DialogDragContext.Provider, { value: { onPointerDown: handlePointerDown } },
-            trapFocus && react_1.default.createElement(utils_1.FocusTrap, null, content),
+        React.createElement(DialogDragContext_js_1.DialogDragContext.Provider, { value: { onPointerDown: handlePointerDown } },
+            trapFocus && React.createElement(index_js_1.FocusTrap, null, content),
             !trapFocus && content)));
 });
 exports.default = exports.DialogMain;

package/cjs/core/Dialog/DialogTitleBar.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/dialog.css';
-import { DialogContextProps } from './DialogContext';
+import type { DialogContextProps } from './DialogContext.js';
 export declare type DialogTitleBarProps = {
     /**
      * Dialog title bar content. If passed, then `title` prop is ignored.
@@ -29,6 +29,6 @@ export declare type DialogTitleBarProps = {
  * </Dialog.TitleBar>
  */
 export declare const DialogTitleBar: React.ForwardRefExoticComponent<Pick<DialogTitleBarProps, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "onClose" | "isDismissible" | "isDraggable" | "titleText"> & React.RefAttributes<HTMLDivElement>> & {
-    Title: React.ForwardRefExoticComponent<Pick<import("./DialogTitleBarTitle").DialogTitleBarTitleProps, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Pick<import("./DialogTitleBarTitle.js").DialogTitleBarTitleProps, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
 };
 export default DialogTitleBar;