@itwin/appui-react 3.0.0-dev.100

package/lib/esm/appui-react/dialog/DialogManagerBase.js

@@ -0,0 +1,113 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Dialog
+ */
+import * as React from "react";
+import { UiEvent } from "@itwin/core-react";
+/** Dialog Changed Event class.
+ * @public
+ */
+export class DialogChangedEvent extends UiEvent {
+}
+/** Dialog Manager class.
+ * @internal
+ */
+export class DialogManagerBase {
+    constructor(onDialogChangedEvent) {
+        this._dialogs = new Array();
+        this._onDialogChangedEvent = onDialogChangedEvent;
+    }
+    get dialogs() { return this._dialogs; }
+    get onDialogChangedEvent() { return this._onDialogChangedEvent; }
+    /**
+     * Triggers opening a dialog.
+     * @param dialog Dialog React component.
+     * @param id The unique Id the identifies the dialog.
+     * @param parentDocument Optional document required when displaying a dialog in a child popup window.
+     */
+    openDialog(dialog, id, parentDocument) {
+        if (!id)
+            id = `Dialog-${++DialogManagerBase._sId}`;
+        // istanbul ignore next
+        const owningDoc = parentDocument !== null && parentDocument !== void 0 ? parentDocument : document;
+        this.pushDialog({ reactNode: dialog, id, parentDocument: owningDoc });
+    }
+    /** @internal */
+    pushDialog(dialogInfo) {
+        this._dialogs.push(dialogInfo);
+        this.emitDialogChangedEvent();
+    }
+    closeDialog(dialog) {
+        let targetDialog = dialog;
+        if (!dialog)
+            targetDialog = this.activeDialog;
+        this.removeDialog(targetDialog);
+        this.emitDialogChangedEvent();
+    }
+    /** @internal */
+    closeAll() {
+        this._dialogs = [];
+        this.emitDialogChangedEvent();
+    }
+    /** @internal */
+    removeDialog(dialog) {
+        const index = this._dialogs.findIndex((dialogInfo) => {
+            return dialog === dialogInfo.reactNode;
+        });
+        if (index >= 0)
+            this._dialogs.splice(index, 1);
+    }
+    emitDialogChangedEvent() {
+        this._onDialogChangedEvent.emit({ dialogCount: this.dialogCount, activeDialog: this.activeDialog });
+    }
+    update() {
+        this.emitDialogChangedEvent();
+    }
+    get activeDialog() {
+        if (this._dialogs.length > 0)
+            return this._dialogs[this._dialogs.length - 1].reactNode;
+        return undefined;
+    }
+    get dialogCount() {
+        return this._dialogs.length;
+    }
+}
+DialogManagerBase._sId = 0;
+/** DialogRenderer React component.
+ * @internal
+ */
+export class DialogRendererBase extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        /** @internal */
+        this.state = {
+            parentDocument: null,
+        };
+        this._handleRefSet = (popupDiv) => {
+            var _a;
+            this.setState({ parentDocument: (_a = popupDiv === null || popupDiv === void 0 ? void 0 : popupDiv.ownerDocument) !== null && _a !== void 0 ? _a : null });
+        };
+        this._handleDialogChangedEvent = (_args) => {
+            this.forceUpdate();
+        };
+    }
+    render() {
+        if (this.props.dialogManager.dialogCount <= 0)
+            return null;
+        return (React.createElement("div", { className: "appui-react-dialog-render-container", ref: this._handleRefSet }, this.state.parentDocument &&
+            this.props.dialogManager.dialogs.filter((info) => info.parentDocument === this.state.parentDocument)
+                .map((dialogInfo) => {
+                return (React.createElement(React.Fragment, { key: dialogInfo.id }, dialogInfo.reactNode));
+            })));
+    }
+    componentDidMount() {
+        this.props.dialogManager.onDialogChangedEvent.addListener(this._handleDialogChangedEvent);
+    }
+    componentWillUnmount() {
+        this.props.dialogManager.onDialogChangedEvent.removeListener(this._handleDialogChangedEvent);
+    }
+}
+//# sourceMappingURL=DialogManagerBase.js.map

package/lib/esm/appui-react/dialog/DialogManagerBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogManagerBase.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/DialogManagerBase.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Dialog\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { UiEvent } from \"@itwin/core-react\";\r\n\r\n/** Dialog Stack Changed Event Args class.\r\n * @public\r\n */\r\nexport interface DialogChangedEventArgs {\r\n  dialogCount: number;\r\n  activeDialog: React.ReactNode | undefined;\r\n}\r\n\r\n/** Dialog Changed Event class.\r\n * @public\r\n */\r\nexport class DialogChangedEvent extends UiEvent<DialogChangedEventArgs> { }\r\n\r\n/** Information maintained by a Dialog Manager about a dialog\r\n * @public\r\n */\r\nexport interface DialogInfo {\r\n  reactNode: React.ReactNode;\r\n  id: string;\r\n  parentDocument: Document;\r\n}\r\n\r\n/** Dialog Manager class.\r\n * @internal\r\n */\r\nexport class DialogManagerBase {\r\n  private static _sId = 0;\r\n  private _dialogs: DialogInfo[] = new Array<DialogInfo>();\r\n  private _onDialogChangedEvent: DialogChangedEvent;\r\n\r\n  constructor(onDialogChangedEvent: DialogChangedEvent) {\r\n    this._onDialogChangedEvent = onDialogChangedEvent;\r\n  }\r\n\r\n  public get dialogs() { return this._dialogs; }\r\n\r\n  public get onDialogChangedEvent(): DialogChangedEvent { return this._onDialogChangedEvent; }\r\n\r\n  /**\r\n   * Triggers opening a dialog.\r\n   * @param dialog Dialog React component.\r\n   * @param id The unique Id the identifies the dialog.\r\n   * @param parentDocument Optional document required when displaying a dialog in a child popup window.\r\n   */\r\n  public openDialog(dialog: React.ReactNode, id?: string, parentDocument?: Document): void {\r\n    if (!id)\r\n      id = `Dialog-${++DialogManagerBase._sId}`;\r\n\r\n    // istanbul ignore next\r\n    const owningDoc = parentDocument ?? document;\r\n    this.pushDialog({ reactNode: dialog, id, parentDocument: owningDoc });\r\n  }\r\n\r\n  /** @internal */\r\n  public pushDialog(dialogInfo: DialogInfo): void {\r\n    this._dialogs.push(dialogInfo);\r\n    this.emitDialogChangedEvent();\r\n  }\r\n\r\n  public closeDialog(dialog?: React.ReactNode): void {\r\n    let targetDialog = dialog;\r\n    if (!dialog)\r\n      targetDialog = this.activeDialog;\r\n\r\n    this.removeDialog(targetDialog);\r\n    this.emitDialogChangedEvent();\r\n  }\r\n\r\n  /** @internal */\r\n  public closeAll(): void {\r\n    this._dialogs = [];\r\n    this.emitDialogChangedEvent();\r\n  }\r\n\r\n  /** @internal */\r\n  public removeDialog(dialog: React.ReactNode): void {\r\n    const index = this._dialogs.findIndex((dialogInfo: DialogInfo) => {\r\n      return dialog === dialogInfo.reactNode;\r\n    });\r\n    if (index >= 0)\r\n      this._dialogs.splice(index, 1);\r\n  }\r\n\r\n  public emitDialogChangedEvent(): void {\r\n    this._onDialogChangedEvent.emit({ dialogCount: this.dialogCount, activeDialog: this.activeDialog });\r\n  }\r\n\r\n  public update(): void {\r\n    this.emitDialogChangedEvent();\r\n  }\r\n\r\n  public get activeDialog(): React.ReactNode | undefined {\r\n    if (this._dialogs.length > 0)\r\n      return this._dialogs[this._dialogs.length - 1].reactNode;\r\n\r\n    return undefined;\r\n  }\r\n\r\n  public get dialogCount(): number {\r\n    return this._dialogs.length;\r\n  }\r\n}\r\n\r\n/** Properties for the [[DialogRendererBase]] component\r\n * @internal\r\n */\r\nexport interface DialogRendererProps {\r\n  dialogManager: DialogManagerBase;\r\n}\r\n\r\n/** @internal */\r\ninterface DialogRendererState {\r\n  parentDocument: Document | null;\r\n}\r\n/** DialogRenderer React component.\r\n * @internal\r\n */\r\nexport class DialogRendererBase extends React.PureComponent<DialogRendererProps, DialogRendererState> {\r\n  /** @internal */\r\n  public override readonly state: DialogRendererState = {\r\n    parentDocument: null,\r\n  };\r\n\r\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\r\n    this.setState({ parentDocument: popupDiv?.ownerDocument ?? null });\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    if (this.props.dialogManager.dialogCount <= 0)\r\n      return null;\r\n\r\n    return (\r\n      <div className=\"appui-react-dialog-render-container\" ref={this._handleRefSet}>\r\n        {this.state.parentDocument &&\r\n          this.props.dialogManager.dialogs.filter((info) => info.parentDocument === this.state.parentDocument)\r\n            .map((dialogInfo: DialogInfo) => {\r\n              return (\r\n                <React.Fragment key={dialogInfo.id} >\r\n                  {dialogInfo.reactNode}\r\n                </React.Fragment>\r\n              );\r\n            })\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n\r\n  public override componentDidMount(): void {\r\n    this.props.dialogManager.onDialogChangedEvent.addListener(this._handleDialogChangedEvent);\r\n  }\r\n\r\n  public override componentWillUnmount(): void {\r\n    this.props.dialogManager.onDialogChangedEvent.removeListener(this._handleDialogChangedEvent);\r\n  }\r\n\r\n  private _handleDialogChangedEvent = (_args: DialogChangedEventArgs) => {\r\n    this.forceUpdate();\r\n  };\r\n\r\n}\r\n"]}

package/lib/esm/appui-react/dialog/ModalDialogManager.d.ts

@@ -0,0 +1,48 @@
+/** @packageDocumentation
+ * @module Dialog
+ */
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+import { DialogChangedEvent, DialogManagerBase } from "./DialogManagerBase";
+/** Modal Dialog Changed Event class.
+ * @public
+ */
+export declare class ModalDialogChangedEvent extends DialogChangedEvent {
+}
+/** Modal Dialog Manager class displays and manages multiple modal dialogs
+ * @public
+ */
+export declare class ModalDialogManager {
+    /** Modal Dialog Changed Event */
+    static readonly onModalDialogChangedEvent: ModalDialogChangedEvent;
+    /** @internal */
+    static readonly dialogManager: DialogManagerBase;
+    /** Get the array of modal dialogs */
+    static get dialogs(): import("./DialogManagerBase").DialogInfo[];
+    /** Open a modal dialog
+     * @param dialog The Dialog to open
+     * @param id The id of the Dialog. If one is not provided, an id is generated.
+     * @param parentDocument The Document used to determine the owning window.
+     */
+    static openDialog(dialog: React.ReactNode, id?: string, parentDocument?: Document): void;
+    /** Close a modal dialog
+     * @param dialog The Dialog to open. If one is not specified, the active dialog will be closed.
+     */
+    static closeDialog(dialog?: React.ReactNode): void;
+    /** @internal */
+    static closeAll(): void;
+    /** Update the dialogs */
+    static update(): void;
+    /** Get the active modal dialog */
+    static get activeDialog(): React.ReactNode | undefined;
+    /** Get the count of modal dialogs */
+    static get dialogCount(): number;
+}
+/** ModalDialogRenderer React component renders modal dialogs
+ * @public
+ */
+export declare class ModalDialogRenderer extends React.PureComponent<CommonProps> {
+    constructor(props: CommonProps);
+    render(): React.ReactNode;
+}
+//# sourceMappingURL=ModalDialogManager.d.ts.map

package/lib/esm/appui-react/dialog/ModalDialogManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalDialogManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ModalDialogManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAsB,MAAM,qBAAqB,CAAC;AAEhG;;GAEG;AACH,qBAAa,uBAAwB,SAAQ,kBAAkB;CAAI;AAEnE;;GAEG;AACH,qBAAa,kBAAkB;IAC7B,iCAAiC;IACjC,gBAAuB,yBAAyB,0BAAiC;IAEjF,gBAAgB;IAChB,gBAAuB,aAAa,EAAE,iBAAiB,CAAuE;IAE9H,qCAAqC;IACrC,WAAkB,OAAO,+CAAuD;IAEhF;;;;OAIG;WACW,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,WAAW,GAAG,IAAI;IAI/F;;OAEG;WACW,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IAIzD,gBAAgB;WACF,QAAQ,IAAI,IAAI;IAI9B,yBAAyB;WACX,MAAM,IAAI,IAAI;IAI5B,kCAAkC;IAClC,WAAkB,YAAY,IAAI,KAAK,CAAC,SAAS,GAAG,SAAS,CAE5D;IAED,qCAAqC;IACrC,WAAkB,WAAW,IAAI,MAAM,CAEtC;CACF;AAED;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;gBAE3D,KAAK,EAAE,WAAW;IAId,MAAM,IAAI,KAAK,CAAC,SAAS;CAK1C"}

package/lib/esm/appui-react/dialog/ModalDialogManager.js

@@ -0,0 +1,67 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Dialog
+ */
+import * as React from "react";
+import { DialogChangedEvent, DialogManagerBase, DialogRendererBase } from "./DialogManagerBase";
+/** Modal Dialog Changed Event class.
+ * @public
+ */
+export class ModalDialogChangedEvent extends DialogChangedEvent {
+}
+/** Modal Dialog Manager class displays and manages multiple modal dialogs
+ * @public
+ */
+export class ModalDialogManager {
+    /** Get the array of modal dialogs */
+    static get dialogs() { return ModalDialogManager.dialogManager.dialogs; }
+    /** Open a modal dialog
+     * @param dialog The Dialog to open
+     * @param id The id of the Dialog. If one is not provided, an id is generated.
+     * @param parentDocument The Document used to determine the owning window.
+     */
+    static openDialog(dialog, id, parentDocument = document) {
+        ModalDialogManager.dialogManager.openDialog(dialog, id, parentDocument);
+    }
+    /** Close a modal dialog
+     * @param dialog The Dialog to open. If one is not specified, the active dialog will be closed.
+     */
+    static closeDialog(dialog) {
+        ModalDialogManager.dialogManager.closeDialog(dialog);
+    }
+    /** @internal */
+    static closeAll() {
+        ModalDialogManager.dialogManager.closeAll();
+    }
+    /** Update the dialogs */
+    static update() {
+        ModalDialogManager.dialogManager.update();
+    }
+    /** Get the active modal dialog */
+    static get activeDialog() {
+        return ModalDialogManager.dialogManager.activeDialog;
+    }
+    /** Get the count of modal dialogs */
+    static get dialogCount() {
+        return ModalDialogManager.dialogManager.dialogCount;
+    }
+}
+/** Modal Dialog Changed Event */
+ModalDialogManager.onModalDialogChangedEvent = new ModalDialogChangedEvent();
+/** @internal */
+ModalDialogManager.dialogManager = new DialogManagerBase(ModalDialogManager.onModalDialogChangedEvent);
+/** ModalDialogRenderer React component renders modal dialogs
+ * @public
+ */
+export class ModalDialogRenderer extends React.PureComponent {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        return (React.createElement(DialogRendererBase, { ...this.props, dialogManager: ModalDialogManager.dialogManager }));
+    }
+}
+//# sourceMappingURL=ModalDialogManager.js.map

package/lib/esm/appui-react/dialog/ModalDialogManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalDialogManager.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ModalDialogManager.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEhG;;GAEG;AACH,MAAM,OAAO,uBAAwB,SAAQ,kBAAkB;CAAI;AAEnE;;GAEG;AACH,MAAM,OAAO,kBAAkB;IAO7B,qCAAqC;IAC9B,MAAM,KAAK,OAAO,KAAK,OAAO,kBAAkB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;IAEhF;;;;OAIG;IACI,MAAM,CAAC,UAAU,CAAC,MAAuB,EAAE,EAAW,EAAE,cAAc,GAAG,QAAQ;QACtF,kBAAkB,CAAC,aAAa,CAAC,UAAU,CAAC,MAAM,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC;IAC1E,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,WAAW,CAAC,MAAwB;QAChD,kBAAkB,CAAC,aAAa,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACvD,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,QAAQ;QACpB,kBAAkB,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IAC9C,CAAC;IAED,yBAAyB;IAClB,MAAM,CAAC,MAAM;QAClB,kBAAkB,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;IAC5C,CAAC;IAED,kCAAkC;IAC3B,MAAM,KAAK,YAAY;QAC5B,OAAO,kBAAkB,CAAC,aAAa,CAAC,YAAY,CAAC;IACvD,CAAC;IAED,qCAAqC;IAC9B,MAAM,KAAK,WAAW;QAC3B,OAAO,kBAAkB,CAAC,aAAa,CAAC,WAAW,CAAC;IACtD,CAAC;;AA3CD,iCAAiC;AACV,4CAAyB,GAAG,IAAI,uBAAuB,EAAE,CAAC;AAEjF,gBAAgB;AACO,gCAAa,GAAsB,IAAI,iBAAiB,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,CAAC;AA0ChI;;GAEG;AACH,MAAM,OAAO,mBAAoB,SAAQ,KAAK,CAAC,aAA0B;IAEvE,YAAY,KAAkB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,oBAAC,kBAAkB,OAAK,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,kBAAkB,CAAC,aAAa,GAAI,CACxF,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Dialog\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { DialogChangedEvent, DialogManagerBase, DialogRendererBase } from \"./DialogManagerBase\";\r\n\r\n/** Modal Dialog Changed Event class.\r\n * @public\r\n */\r\nexport class ModalDialogChangedEvent extends DialogChangedEvent { }\r\n\r\n/** Modal Dialog Manager class displays and manages multiple modal dialogs\r\n * @public\r\n */\r\nexport class ModalDialogManager {\r\n  /** Modal Dialog Changed Event */\r\n  public static readonly onModalDialogChangedEvent = new ModalDialogChangedEvent();\r\n\r\n  /** @internal */\r\n  public static readonly dialogManager: DialogManagerBase = new DialogManagerBase(ModalDialogManager.onModalDialogChangedEvent);\r\n\r\n  /** Get the array of modal dialogs */\r\n  public static get dialogs() { return ModalDialogManager.dialogManager.dialogs; }\r\n\r\n  /** Open a modal dialog\r\n   * @param dialog The Dialog to open\r\n   * @param id The id of the Dialog. If one is not provided, an id is generated.\r\n   * @param parentDocument The Document used to determine the owning window.\r\n   */\r\n  public static openDialog(dialog: React.ReactNode, id?: string, parentDocument = document): void {\r\n    ModalDialogManager.dialogManager.openDialog(dialog, id, parentDocument);\r\n  }\r\n\r\n  /** Close a modal dialog\r\n   * @param dialog The Dialog to open. If one is not specified, the active dialog will be closed.\r\n   */\r\n  public static closeDialog(dialog?: React.ReactNode): void {\r\n    ModalDialogManager.dialogManager.closeDialog(dialog);\r\n  }\r\n\r\n  /** @internal */\r\n  public static closeAll(): void {\r\n    ModalDialogManager.dialogManager.closeAll();\r\n  }\r\n\r\n  /** Update the dialogs */\r\n  public static update(): void {\r\n    ModalDialogManager.dialogManager.update();\r\n  }\r\n\r\n  /** Get the active modal dialog */\r\n  public static get activeDialog(): React.ReactNode | undefined {\r\n    return ModalDialogManager.dialogManager.activeDialog;\r\n  }\r\n\r\n  /** Get the count of modal dialogs */\r\n  public static get dialogCount(): number {\r\n    return ModalDialogManager.dialogManager.dialogCount;\r\n  }\r\n}\r\n\r\n/** ModalDialogRenderer React component renders modal dialogs\r\n * @public\r\n */\r\nexport class ModalDialogRenderer extends React.PureComponent<CommonProps> {\r\n\r\n  constructor(props: CommonProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <DialogRendererBase {...this.props} dialogManager={ModalDialogManager.dialogManager} />\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/appui-react/dialog/ModelessDialog.d.ts

@@ -0,0 +1,22 @@
+/** @packageDocumentation
+ * @module Dialog
+ */
+import * as React from "react";
+import { DialogProps } from "@itwin/core-react";
+/** Properties for the [[ModelessDialog]] component
+ * @public
+ */
+export interface ModelessDialogProps extends DialogProps {
+    dialogId: string;
+    movable?: boolean;
+}
+/** Modeless Dialog React component uses the Dialog component with a modal={false} prop.
+ * It controls the z-index to keep the focused dialog above others.
+ * @public
+ */
+export declare class ModelessDialog extends React.Component<ModelessDialogProps> {
+    constructor(props: ModelessDialogProps);
+    render(): JSX.Element;
+    private _updateDialog;
+}
+//# sourceMappingURL=ModelessDialog.d.ts.map

package/lib/esm/appui-react/dialog/ModelessDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelessDialog.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ModelessDialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGxD;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;gBAC1D,KAAK,EAAE,mBAAmB;IAItB,MAAM,IAAI,GAAG,CAAC,OAAO;IAgBrC,OAAO,CAAC,aAAa,CAEnB;CACH"}

package/lib/esm/appui-react/dialog/ModelessDialog.js

@@ -0,0 +1,27 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Dialog
+ */
+import * as React from "react";
+import { Dialog } from "@itwin/core-react";
+import { ModelessDialogManager } from "./ModelessDialogManager";
+/** Modeless Dialog React component uses the Dialog component with a modal={false} prop.
+ * It controls the z-index to keep the focused dialog above others.
+ * @public
+ */
+export class ModelessDialog extends React.Component {
+    constructor(props) {
+        super(props);
+        this._updateDialog = () => {
+            this.forceUpdate();
+        };
+    }
+    render() {
+        const { dialogId, style, modal, modelessId, onModelessPointerDown, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        return (React.createElement(Dialog, { ...props, modal: false, modelessId: dialogId, onModelessPointerDown: (event) => ModelessDialogManager.handlePointerDownEvent(event, dialogId, this._updateDialog), style: { zIndex: ModelessDialogManager.getDialogZIndex(dialogId), ...style } }, this.props.children));
+    }
+}
+//# sourceMappingURL=ModelessDialog.js.map

package/lib/esm/appui-react/dialog/ModelessDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelessDialog.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ModelessDialog.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAe,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAUhE;;;GAGG;AACH,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAA8B;IACtE,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAmBP,kBAAa,GAAG,GAAG,EAAE;YAC3B,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC,CAAC;IApBF,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,qBAAqB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QAEpJ,OAAO,CACL,oBAAC,MAAM,OACD,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,QAAQ,EACpB,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,qBAAqB,CAAC,sBAAsB,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,EACnH,KAAK,EAAE,EAAE,MAAM,EAAE,qBAAqB,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,IAE3E,IAAI,CAAC,KAAK,CAAC,QAAQ,CACZ,CACX,CAAC;IACJ,CAAC;CAKF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Dialog\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Dialog, DialogProps } from \"@itwin/core-react\";\r\nimport { ModelessDialogManager } from \"./ModelessDialogManager\";\r\n\r\n/** Properties for the [[ModelessDialog]] component\r\n * @public\r\n */\r\nexport interface ModelessDialogProps extends DialogProps {\r\n  dialogId: string;\r\n  movable?: boolean;\r\n}\r\n\r\n/** Modeless Dialog React component uses the Dialog component with a modal={false} prop.\r\n * It controls the z-index to keep the focused dialog above others.\r\n * @public\r\n */\r\nexport class ModelessDialog extends React.Component<ModelessDialogProps> {\r\n  constructor(props: ModelessDialogProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render(): JSX.Element {\r\n    const { dialogId, style, modal, modelessId, onModelessPointerDown, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n\r\n    return (\r\n      <Dialog\r\n        {...props}\r\n        modal={false}\r\n        modelessId={dialogId}\r\n        onModelessPointerDown={(event) => ModelessDialogManager.handlePointerDownEvent(event, dialogId, this._updateDialog)}\r\n        style={{ zIndex: ModelessDialogManager.getDialogZIndex(dialogId), ...style }}\r\n      >\r\n        {this.props.children}\r\n      </Dialog >\r\n    );\r\n  }\r\n\r\n  private _updateDialog = () => {\r\n    this.forceUpdate();\r\n  };\r\n}\r\n"]}

package/lib/esm/appui-react/dialog/ModelessDialogManager.d.ts

@@ -0,0 +1,65 @@
+/** @packageDocumentation
+ * @module Dialog
+ */
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+import { DialogChangedEvent, DialogManagerBase } from "./DialogManagerBase";
+/** Modeless Dialog Changed Event class.
+ * @public
+ */
+export declare class ModelessDialogChangedEvent extends DialogChangedEvent {
+}
+/** @internal */
+interface ModelessDialogInfo {
+    reactNode: React.ReactNode;
+    zIndex: number;
+    parentDocument: Document;
+}
+/** Modeless Dialog Manager class displays and manages multiple modeless dialogs
+ * @public
+ */
+export declare class ModelessDialogManager {
+    /** Modeless Dialog Changed Event */
+    static readonly onModelessDialogChangedEvent: ModelessDialogChangedEvent;
+    /** @internal */
+    static readonly dialogManager: DialogManagerBase;
+    /** Get the array of modeless dialogs */
+    static get dialogs(): import("./DialogManagerBase").DialogInfo[];
+    private static _dialogMap;
+    private static _idArray;
+    private static _topZIndex;
+    /** Initialize the modeless dialog manager */
+    static initialize(): void;
+    private static getDialogZIndexDefault;
+    /** Open a modeless dialog
+     * @param dialog The Dialog to open
+     * @param id The id of the Dialog to open
+     */
+    static openDialog(dialog: React.ReactNode, id: string, parentDocument?: Document): void;
+    /** Close a modeless dialog
+     * @param id The id of the Dialog to close.
+     */
+    static closeDialog(id: string): void;
+    /** @internal */
+    static closeAll(): void;
+    /** Update the dialogs */
+    static update(): void;
+    /** Get the active modeless dialog */
+    static get activeDialog(): React.ReactNode | undefined;
+    /** Get the count of modeless dialogs */
+    static get dialogCount(): number;
+    /** Handle a pointer down event on a modeless dialog */
+    static handlePointerDownEvent(_event: React.PointerEvent, id: string, updateFunc: () => void): void;
+    /** Get the z-index for a modeless dialog */
+    static getDialogZIndex(id: string): number;
+    static getDialogInfo(id: string): ModelessDialogInfo | undefined;
+}
+/** ModelessDialogRenderer React component renders modeless dialogs.
+ * @public
+ */
+export declare class ModelessDialogRenderer extends React.PureComponent<CommonProps> {
+    constructor(props: CommonProps);
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=ModelessDialogManager.d.ts.map

package/lib/esm/appui-react/dialog/ModelessDialogManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelessDialogManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ModelessDialogManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAA0B,MAAM,mBAAmB,CAAC;AAExE,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAsB,MAAM,qBAAqB,CAAC;AAKhG;;GAEG;AACH,qBAAa,0BAA2B,SAAQ,kBAAkB;CAAI;AAEtE,gBAAgB;AAChB,UAAU,kBAAkB;IAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,QAAQ,CAAC;CAC1B;AAKD;;GAEG;AACH,qBAAa,qBAAqB;IAChC,oCAAoC;IACpC,gBAAuB,4BAA4B,6BAAoC;IAEvF,gBAAgB;IAChB,gBAAuB,aAAa,EAAE,iBAAiB,CAA6E;IAEpI,wCAAwC;IACxC,WAAkB,OAAO,+CAA0D;IAEnF,OAAO,CAAC,MAAM,CAAC,UAAU,CAAyC;IAClE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAuB;IAE9C,OAAO,CAAC,MAAM,CAAC,UAAU,CAAkB;IAE3C,6CAA6C;WAC/B,UAAU,IAAI,IAAI;IAIhC,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAYrC;;;OAGG;WACW,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,cAAc,WAAW,GAAG,IAAI;IAa9F;;OAEG;WACW,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAmB3C,gBAAgB;WACF,QAAQ,IAAI,IAAI;IAI9B,yBAAyB;WACX,MAAM,IAAI,IAAI;IAI5B,qCAAqC;IACrC,WAAkB,YAAY,IAAI,KAAK,CAAC,SAAS,GAAG,SAAS,CAU5D;IAED,wCAAwC;IACxC,WAAkB,WAAW,IAAI,MAAM,CAEtC;IAED,uDAAuD;WACzC,sBAAsB,CAAC,MAAM,EAAE,KAAK,CAAC,YAAY,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,IAAI,GAAG,IAAI;IAa1G,4CAA4C;WAC9B,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;WASnC,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,kBAAkB,GAAG,SAAS;CAGxE;AAED;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;gBAE9D,KAAK,EAAE,WAAW;IAId,MAAM,IAAI,KAAK,CAAC,SAAS;CAK1C"}

package/lib/esm/appui-react/dialog/ModelessDialogManager.js

@@ -0,0 +1,142 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Dialog
+ */
+import * as React from "react";
+import { Logger } from "@itwin/core-bentley";
+import { getCssVariableAsNumber } from "@itwin/core-react";
+import { UiFramework } from "../UiFramework";
+import { DialogChangedEvent, DialogManagerBase, DialogRendererBase } from "./DialogManagerBase";
+import { IModelApp, NotifyMessageDetails, OutputMessagePriority, OutputMessageType } from "@itwin/core-frontend";
+// cSpell:ignore ZINDEX modeless
+/** Modeless Dialog Changed Event class.
+ * @public
+ */
+export class ModelessDialogChangedEvent extends DialogChangedEvent {
+}
+/** Used if the 'dialog' z-index CSS variable cannot be read */
+const ZINDEX_DEFAULT = 12000;
+/** Modeless Dialog Manager class displays and manages multiple modeless dialogs
+ * @public
+ */
+export class ModelessDialogManager {
+    /** Get the array of modeless dialogs */
+    static get dialogs() { return ModelessDialogManager.dialogManager.dialogs; }
+    /** Initialize the modeless dialog manager */
+    static initialize() {
+        ModelessDialogManager._topZIndex = ModelessDialogManager.getDialogZIndexDefault();
+    }
+    static getDialogZIndexDefault() {
+        const variable = "--uicore-z-index-dialog";
+        const value = getCssVariableAsNumber(variable);
+        // istanbul ignore next
+        if (!isNaN(value))
+            return value;
+        Logger.logError(UiFramework.loggerCategory(this), `'${variable}' CSS variable not found`);
+        return ZINDEX_DEFAULT;
+    }
+    /** Open a modeless dialog
+     * @param dialog The Dialog to open
+     * @param id The id of the Dialog to open
+     */
+    static openDialog(dialog, id, parentDocument = document) {
+        const dialogInfo = ModelessDialogManager._dialogMap.get(id);
+        if (dialogInfo) {
+            const message = `Dialog with id of '${id}' already opened`;
+            Logger.logInfo(UiFramework.loggerCategory(this), `openDialog: ${message}`);
+            IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, message, undefined, OutputMessageType.Toast));
+            return;
+        }
+        ModelessDialogManager._dialogMap.set(id, { reactNode: dialog, zIndex: ++ModelessDialogManager._topZIndex, parentDocument });
+        ModelessDialogManager._idArray.push(id);
+        ModelessDialogManager.dialogManager.openDialog(dialog, id, parentDocument);
+    }
+    /** Close a modeless dialog
+     * @param id The id of the Dialog to close.
+     */
+    static closeDialog(id) {
+        const dialogInfo = ModelessDialogManager._dialogMap.get(id);
+        if (dialogInfo) {
+            ModelessDialogManager.dialogManager.removeDialog(dialogInfo.reactNode);
+            ModelessDialogManager._dialogMap.delete(id);
+            const index = ModelessDialogManager._idArray.indexOf(id);
+            // istanbul ignore else
+            if (index >= 0)
+                ModelessDialogManager._idArray.splice(index, 1);
+            if (ModelessDialogManager.activeDialog === undefined)
+                ModelessDialogManager._topZIndex = ModelessDialogManager.getDialogZIndexDefault();
+            this.update();
+        }
+        else {
+            Logger.logError(UiFramework.loggerCategory(this), `closeDialog: Could not find dialog with id of '${id}'`);
+        }
+    }
+    /** @internal */
+    static closeAll() {
+        ModelessDialogManager.dialogManager.closeAll();
+    }
+    /** Update the dialogs */
+    static update() {
+        ModelessDialogManager.dialogManager.update();
+    }
+    /** Get the active modeless dialog */
+    static get activeDialog() {
+        if (ModelessDialogManager._idArray.length > 0) {
+            const id = ModelessDialogManager._idArray[ModelessDialogManager._idArray.length - 1];
+            const dialogInfo = ModelessDialogManager._dialogMap.get(id);
+            // istanbul ignore else
+            if (dialogInfo)
+                return dialogInfo.reactNode;
+        }
+        return undefined;
+    }
+    /** Get the count of modeless dialogs */
+    static get dialogCount() {
+        return ModelessDialogManager.dialogManager.dialogCount;
+    }
+    /** Handle a pointer down event on a modeless dialog */
+    static handlePointerDownEvent(_event, id, updateFunc) {
+        const dialogInfo = ModelessDialogManager._dialogMap.get(id);
+        if (dialogInfo && dialogInfo.reactNode !== ModelessDialogManager.activeDialog) {
+            dialogInfo.zIndex = ++ModelessDialogManager._topZIndex;
+            ModelessDialogManager._idArray.splice(ModelessDialogManager._idArray.indexOf(id), 1);
+            ModelessDialogManager._idArray.push(id);
+            updateFunc();
+            this.update();
+        }
+    }
+    /** Get the z-index for a modeless dialog */
+    static getDialogZIndex(id) {
+        let zIndex = ModelessDialogManager.getDialogZIndexDefault();
+        const dialogInfo = ModelessDialogManager._dialogMap.get(id);
+        // istanbul ignore else
+        if (dialogInfo)
+            zIndex = dialogInfo.zIndex;
+        return zIndex;
+    }
+    static getDialogInfo(id) {
+        return ModelessDialogManager._dialogMap.get(id);
+    }
+}
+/** Modeless Dialog Changed Event */
+ModelessDialogManager.onModelessDialogChangedEvent = new ModelessDialogChangedEvent();
+/** @internal */
+ModelessDialogManager.dialogManager = new DialogManagerBase(ModelessDialogManager.onModelessDialogChangedEvent);
+ModelessDialogManager._dialogMap = new Map();
+ModelessDialogManager._idArray = new Array();
+ModelessDialogManager._topZIndex = ZINDEX_DEFAULT;
+/** ModelessDialogRenderer React component renders modeless dialogs.
+ * @public
+ */
+export class ModelessDialogRenderer extends React.PureComponent {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        return (React.createElement(DialogRendererBase, { ...this.props, dialogManager: ModelessDialogManager.dialogManager }));
+    }
+}
+//# sourceMappingURL=ModelessDialogManager.js.map

package/lib/esm/appui-react/dialog/ModelessDialogManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelessDialogManager.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ModelessDialogManager.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Dialog\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport { CommonProps, getCssVariableAsNumber } from \"@itwin/core-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { DialogChangedEvent, DialogManagerBase, DialogRendererBase } from \"./DialogManagerBase\";\r\nimport { IModelApp, NotifyMessageDetails, OutputMessagePriority, OutputMessageType } from \"@itwin/core-frontend\";\r\n\r\n// cSpell:ignore ZINDEX modeless\r\n\r\n/** Modeless Dialog Changed Event class.\r\n * @public\r\n */\r\nexport class ModelessDialogChangedEvent extends DialogChangedEvent { }\r\n\r\n/** @internal */\r\ninterface ModelessDialogInfo {\r\n  reactNode: React.ReactNode;\r\n  zIndex: number;\r\n  parentDocument: Document;\r\n}\r\n\r\n/** Used if the 'dialog' z-index CSS variable cannot be read */\r\nconst ZINDEX_DEFAULT = 12000;\r\n\r\n/** Modeless Dialog Manager class displays and manages multiple modeless dialogs\r\n * @public\r\n */\r\nexport class ModelessDialogManager {\r\n  /** Modeless Dialog Changed Event */\r\n  public static readonly onModelessDialogChangedEvent = new ModelessDialogChangedEvent();\r\n\r\n  /** @internal */\r\n  public static readonly dialogManager: DialogManagerBase = new DialogManagerBase(ModelessDialogManager.onModelessDialogChangedEvent);\r\n\r\n  /** Get the array of modeless dialogs */\r\n  public static get dialogs() { return ModelessDialogManager.dialogManager.dialogs; }\r\n\r\n  private static _dialogMap = new Map<string, ModelessDialogInfo>();\r\n  private static _idArray = new Array<string>();\r\n\r\n  private static _topZIndex = ZINDEX_DEFAULT;\r\n\r\n  /** Initialize the modeless dialog manager */\r\n  public static initialize(): void {\r\n    ModelessDialogManager._topZIndex = ModelessDialogManager.getDialogZIndexDefault();\r\n  }\r\n\r\n  private static getDialogZIndexDefault(): number {\r\n    const variable = \"--uicore-z-index-dialog\";\r\n    const value = getCssVariableAsNumber(variable);\r\n\r\n    // istanbul ignore next\r\n    if (!isNaN(value))\r\n      return value;\r\n\r\n    Logger.logError(UiFramework.loggerCategory(this), `'${variable}' CSS variable not found`);\r\n    return ZINDEX_DEFAULT;\r\n  }\r\n\r\n  /** Open a modeless dialog\r\n   * @param dialog The Dialog to open\r\n   * @param id The id of the Dialog to open\r\n   */\r\n  public static openDialog(dialog: React.ReactNode, id: string, parentDocument = document): void {\r\n    const dialogInfo = ModelessDialogManager._dialogMap.get(id);\r\n    if (dialogInfo) {\r\n      const message = `Dialog with id of '${id}' already opened`;\r\n      Logger.logInfo(UiFramework.loggerCategory(this), `openDialog: ${message}`);\r\n      IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, message, undefined, OutputMessageType.Toast));\r\n      return;\r\n    }\r\n    ModelessDialogManager._dialogMap.set(id, { reactNode: dialog, zIndex: ++ModelessDialogManager._topZIndex, parentDocument });\r\n    ModelessDialogManager._idArray.push(id);\r\n    ModelessDialogManager.dialogManager.openDialog(dialog, id, parentDocument);\r\n  }\r\n\r\n  /** Close a modeless dialog\r\n   * @param id The id of the Dialog to close.\r\n   */\r\n  public static closeDialog(id: string): void {\r\n    const dialogInfo = ModelessDialogManager._dialogMap.get(id);\r\n    if (dialogInfo) {\r\n      ModelessDialogManager.dialogManager.removeDialog(dialogInfo.reactNode);\r\n      ModelessDialogManager._dialogMap.delete(id);\r\n      const index = ModelessDialogManager._idArray.indexOf(id);\r\n      // istanbul ignore else\r\n      if (index >= 0)\r\n        ModelessDialogManager._idArray.splice(index, 1);\r\n\r\n      if (ModelessDialogManager.activeDialog === undefined)\r\n        ModelessDialogManager._topZIndex = ModelessDialogManager.getDialogZIndexDefault();\r\n\r\n      this.update();\r\n    } else {\r\n      Logger.logError(UiFramework.loggerCategory(this), `closeDialog: Could not find dialog with id of '${id}'`);\r\n    }\r\n  }\r\n\r\n  /** @internal */\r\n  public static closeAll(): void {\r\n    ModelessDialogManager.dialogManager.closeAll();\r\n  }\r\n\r\n  /** Update the dialogs */\r\n  public static update(): void {\r\n    ModelessDialogManager.dialogManager.update();\r\n  }\r\n\r\n  /** Get the active modeless dialog */\r\n  public static get activeDialog(): React.ReactNode | undefined {\r\n    if (ModelessDialogManager._idArray.length > 0) {\r\n      const id = ModelessDialogManager._idArray[ModelessDialogManager._idArray.length - 1];\r\n      const dialogInfo = ModelessDialogManager._dialogMap.get(id);\r\n      // istanbul ignore else\r\n      if (dialogInfo)\r\n        return dialogInfo.reactNode;\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n\r\n  /** Get the count of modeless dialogs */\r\n  public static get dialogCount(): number {\r\n    return ModelessDialogManager.dialogManager.dialogCount;\r\n  }\r\n\r\n  /** Handle a pointer down event on a modeless dialog */\r\n  public static handlePointerDownEvent(_event: React.PointerEvent, id: string, updateFunc: () => void): void {\r\n    const dialogInfo = ModelessDialogManager._dialogMap.get(id);\r\n    if (dialogInfo && dialogInfo.reactNode !== ModelessDialogManager.activeDialog) {\r\n      dialogInfo.zIndex = ++ModelessDialogManager._topZIndex;\r\n\r\n      ModelessDialogManager._idArray.splice(ModelessDialogManager._idArray.indexOf(id), 1);\r\n      ModelessDialogManager._idArray.push(id);\r\n\r\n      updateFunc();\r\n      this.update();\r\n    }\r\n  }\r\n\r\n  /** Get the z-index for a modeless dialog */\r\n  public static getDialogZIndex(id: string): number {\r\n    let zIndex = ModelessDialogManager.getDialogZIndexDefault();\r\n    const dialogInfo = ModelessDialogManager._dialogMap.get(id);\r\n    // istanbul ignore else\r\n    if (dialogInfo)\r\n      zIndex = dialogInfo.zIndex;\r\n    return zIndex;\r\n  }\r\n\r\n  public static getDialogInfo(id: string): ModelessDialogInfo | undefined {\r\n    return ModelessDialogManager._dialogMap.get(id);\r\n  }\r\n}\r\n\r\n/** ModelessDialogRenderer React component renders modeless dialogs.\r\n * @public\r\n */\r\nexport class ModelessDialogRenderer extends React.PureComponent<CommonProps> {\r\n\r\n  constructor(props: CommonProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <DialogRendererBase {...this.props} dialogManager={ModelessDialogManager.dialogManager} />\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/appui-react/dialog/StandardMessageBox.d.ts

@@ -0,0 +1,41 @@
+/** @packageDocumentation
+ * @module Dialog
+ */
+import * as React from "react";
+import { MessageBoxIconType, MessageBoxType, MessageBoxValue } from "@itwin/core-frontend";
+import { CommonProps } from "@itwin/core-react";
+/** Properties for [[StandardMessageBox]] React component
+ * @public
+ */
+export interface StandardMessageBoxProps extends CommonProps {
+    /** Indicates whether the message box is open */
+    opened: boolean;
+    /** The standard icon to display in the message box */
+    iconType: MessageBoxIconType;
+    /** Title to display in the message box */
+    title: string;
+    /** Controls the button set displayed */
+    messageBoxType: MessageBoxType;
+    /** Callback function for processing the message box result */
+    onResult?: (result: MessageBoxValue) => void;
+}
+/** State for [[StandardMessageBox]] React component
+ * @internal
+ */
+interface StandardMessageBoxState {
+    opened: boolean;
+}
+/** StandardMessageBox React component displays a standard icon, message text and a standard button set in the lower right.
+ * @public
+ */
+export declare class StandardMessageBox extends React.PureComponent<StandardMessageBoxProps, StandardMessageBoxState> {
+    /** @internal */
+    readonly state: Readonly<StandardMessageBoxState>;
+    constructor(props: StandardMessageBoxProps);
+    render(): JSX.Element;
+    private _handleButton;
+    private _handleCancel;
+    private _closeDialog;
+}
+export {};
+//# sourceMappingURL=StandardMessageBox.d.ts.map

package/lib/esm/appui-react/dialog/StandardMessageBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardMessageBox.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/StandardMessageBox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE3F,OAAO,EAAE,WAAW,EAAc,MAAM,mBAAmB,CAAC;AAG5D;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,gDAAgD;IAChD,MAAM,EAAE,OAAO,CAAC;IAChB,sDAAsD;IACtD,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,cAAc,EAAE,cAAc,CAAC;IAC/B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CAC9C;AAED;;GAEG;AACH,UAAU,uBAAuB;IAC/B,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,aAAa,CAAC,uBAAuB,EAAE,uBAAuB,CAAC;IAE3G,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,uBAAuB,CAAC,CAAC;gBAEtD,KAAK,EAAE,uBAAuB;IAO1B,MAAM,IAAI,GAAG,CAAC,OAAO;IAyDrC,OAAO,CAAC,aAAa,CAMnB;IAEF,OAAO,CAAC,aAAa,CAMnB;IAEF,OAAO,CAAC,YAAY,CAOlB;CACH"}