@itwin/appui-react 3.0.0-dev.100

package/lib/cjs/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/cjs/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/cjs/appui-react/dialog/ModelessDialogManager.js

@@ -0,0 +1,148 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModelessDialogRenderer = exports.ModelessDialogManager = exports.ModelessDialogChangedEvent = void 0;
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const core_react_1 = require("@itwin/core-react");
+const UiFramework_1 = require("../UiFramework");
+const DialogManagerBase_1 = require("./DialogManagerBase");
+const core_frontend_1 = require("@itwin/core-frontend");
+// cSpell:ignore ZINDEX modeless
+/** Modeless Dialog Changed Event class.
+ * @public
+ */
+class ModelessDialogChangedEvent extends DialogManagerBase_1.DialogChangedEvent {
+}
+exports.ModelessDialogChangedEvent = ModelessDialogChangedEvent;
+/** 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
+ */
+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 = (0, core_react_1.getCssVariableAsNumber)(variable);
+        // istanbul ignore next
+        if (!isNaN(value))
+            return value;
+        core_bentley_1.Logger.logError(UiFramework_1.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`;
+            core_bentley_1.Logger.logInfo(UiFramework_1.UiFramework.loggerCategory(this), `openDialog: ${message}`);
+            core_frontend_1.IModelApp.notifications.outputMessage(new core_frontend_1.NotifyMessageDetails(core_frontend_1.OutputMessagePriority.Info, message, undefined, core_frontend_1.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 {
+            core_bentley_1.Logger.logError(UiFramework_1.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);
+    }
+}
+exports.ModelessDialogManager = ModelessDialogManager;
+/** Modeless Dialog Changed Event */
+ModelessDialogManager.onModelessDialogChangedEvent = new ModelessDialogChangedEvent();
+/** @internal */
+ModelessDialogManager.dialogManager = new DialogManagerBase_1.DialogManagerBase(ModelessDialogManager.onModelessDialogChangedEvent);
+ModelessDialogManager._dialogMap = new Map();
+ModelessDialogManager._idArray = new Array();
+ModelessDialogManager._topZIndex = ZINDEX_DEFAULT;
+/** ModelessDialogRenderer React component renders modeless dialogs.
+ * @public
+ */
+class ModelessDialogRenderer extends React.PureComponent {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        return (React.createElement(DialogManagerBase_1.DialogRendererBase, { ...this.props, dialogManager: ModelessDialogManager.dialogManager }));
+    }
+}
+exports.ModelessDialogRenderer = ModelessDialogRenderer;
+//# sourceMappingURL=ModelessDialogManager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModelessDialogManager.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/ModelessDialogManager.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,sDAA6C;AAC7C,kDAAwE;AACxE,gDAA6C;AAC7C,2DAAgG;AAChG,wDAAiH;AAEjH,gCAAgC;AAEhC;;GAEG;AACH,MAAa,0BAA2B,SAAQ,sCAAkB;CAAI;AAAtE,gEAAsE;AAStE,+DAA+D;AAC/D,MAAM,cAAc,GAAG,KAAK,CAAC;AAE7B;;GAEG;AACH,MAAa,qBAAqB;IAOhC,wCAAwC;IACjC,MAAM,KAAK,OAAO,KAAK,OAAO,qBAAqB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;IAOnF,6CAA6C;IACtC,MAAM,CAAC,UAAU;QACtB,qBAAqB,CAAC,UAAU,GAAG,qBAAqB,CAAC,sBAAsB,EAAE,CAAC;IACpF,CAAC;IAEO,MAAM,CAAC,sBAAsB;QACnC,MAAM,QAAQ,GAAG,yBAAyB,CAAC;QAC3C,MAAM,KAAK,GAAG,IAAA,mCAAsB,EAAC,QAAQ,CAAC,CAAC;QAE/C,uBAAuB;QACvB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YACf,OAAO,KAAK,CAAC;QAEf,qBAAM,CAAC,QAAQ,CAAC,yBAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,QAAQ,0BAA0B,CAAC,CAAC;QAC1F,OAAO,cAAc,CAAC;IACxB,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,UAAU,CAAC,MAAuB,EAAE,EAAU,EAAE,cAAc,GAAG,QAAQ;QACrF,MAAM,UAAU,GAAG,qBAAqB,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC5D,IAAI,UAAU,EAAE;YACd,MAAM,OAAO,GAAG,sBAAsB,EAAE,kBAAkB,CAAC;YAC3D,qBAAM,CAAC,OAAO,CAAC,yBAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,eAAe,OAAO,EAAE,CAAC,CAAC;YAC3E,yBAAS,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,oCAAoB,CAAC,qCAAqB,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,iCAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;YACzI,OAAO;SACR;QACD,qBAAqB,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,qBAAqB,CAAC,UAAU,EAAE,cAAc,EAAE,CAAC,CAAC;QAC5H,qBAAqB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACxC,qBAAqB,CAAC,aAAa,CAAC,UAAU,CAAC,MAAM,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC;IAC7E,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,WAAW,CAAC,EAAU;QAClC,MAAM,UAAU,GAAG,qBAAqB,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC5D,IAAI,UAAU,EAAE;YACd,qBAAqB,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;YACvE,qBAAqB,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAC5C,MAAM,KAAK,GAAG,qBAAqB,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YACzD,uBAAuB;YACvB,IAAI,KAAK,IAAI,CAAC;gBACZ,qBAAqB,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAElD,IAAI,qBAAqB,CAAC,YAAY,KAAK,SAAS;gBAClD,qBAAqB,CAAC,UAAU,GAAG,qBAAqB,CAAC,sBAAsB,EAAE,CAAC;YAEpF,IAAI,CAAC,MAAM,EAAE,CAAC;SACf;aAAM;YACL,qBAAM,CAAC,QAAQ,CAAC,yBAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,kDAAkD,EAAE,GAAG,CAAC,CAAC;SAC5G;IACH,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,QAAQ;QACpB,qBAAqB,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IACjD,CAAC;IAED,yBAAyB;IAClB,MAAM,CAAC,MAAM;QAClB,qBAAqB,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;IAC/C,CAAC;IAED,qCAAqC;IAC9B,MAAM,KAAK,YAAY;QAC5B,IAAI,qBAAqB,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YAC7C,MAAM,EAAE,GAAG,qBAAqB,CAAC,QAAQ,CAAC,qBAAqB,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACrF,MAAM,UAAU,GAAG,qBAAqB,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YAC5D,uBAAuB;YACvB,IAAI,UAAU;gBACZ,OAAO,UAAU,CAAC,SAAS,CAAC;SAC/B;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,wCAAwC;IACjC,MAAM,KAAK,WAAW;QAC3B,OAAO,qBAAqB,CAAC,aAAa,CAAC,WAAW,CAAC;IACzD,CAAC;IAED,uDAAuD;IAChD,MAAM,CAAC,sBAAsB,CAAC,MAA0B,EAAE,EAAU,EAAE,UAAsB;QACjG,MAAM,UAAU,GAAG,qBAAqB,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC5D,IAAI,UAAU,IAAI,UAAU,CAAC,SAAS,KAAK,qBAAqB,CAAC,YAAY,EAAE;YAC7E,UAAU,CAAC,MAAM,GAAG,EAAE,qBAAqB,CAAC,UAAU,CAAC;YAEvD,qBAAqB,CAAC,QAAQ,CAAC,MAAM,CAAC,qBAAqB,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YACrF,qBAAqB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAExC,UAAU,EAAE,CAAC;YACb,IAAI,CAAC,MAAM,EAAE,CAAC;SACf;IACH,CAAC;IAED,4CAA4C;IACrC,MAAM,CAAC,eAAe,CAAC,EAAU;QACtC,IAAI,MAAM,GAAG,qBAAqB,CAAC,sBAAsB,EAAE,CAAC;QAC5D,MAAM,UAAU,GAAG,qBAAqB,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC5D,uBAAuB;QACvB,IAAI,UAAU;YACZ,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC7B,OAAO,MAAM,CAAC;IAChB,CAAC;IAEM,MAAM,CAAC,aAAa,CAAC,EAAU;QACpC,OAAO,qBAAqB,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAClD,CAAC;;AA7HH,sDA8HC;AA7HC,oCAAoC;AACb,kDAA4B,GAAG,IAAI,0BAA0B,EAAE,CAAC;AAEvF,gBAAgB;AACO,mCAAa,GAAsB,IAAI,qCAAiB,CAAC,qBAAqB,CAAC,4BAA4B,CAAC,CAAC;AAKrH,gCAAU,GAAG,IAAI,GAAG,EAA8B,CAAC;AACnD,8BAAQ,GAAG,IAAI,KAAK,EAAU,CAAC;AAE/B,gCAAU,GAAG,cAAc,CAAC;AAmH7C;;GAEG;AACH,MAAa,sBAAuB,SAAQ,KAAK,CAAC,aAA0B;IAE1E,YAAY,KAAkB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,oBAAC,sCAAkB,OAAK,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,qBAAqB,CAAC,aAAa,GAAI,CAC3F,CAAC;IACJ,CAAC;CACF;AAXD,wDAWC","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/cjs/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/cjs/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"}

package/lib/cjs/appui-react/dialog/StandardMessageBox.js

@@ -0,0 +1,90 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StandardMessageBox = void 0;
+const React = require("react");
+const core_frontend_1 = require("@itwin/core-frontend");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const core_react_1 = require("@itwin/core-react");
+const ModalDialogManager_1 = require("./ModalDialogManager");
+/** StandardMessageBox React component displays a standard icon, message text and a standard button set in the lower right.
+ * @public
+ */
+class StandardMessageBox extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._handleButton = (buttonType) => {
+            this._closeDialog(() => {
+                // istanbul ignore else
+                if (this.props.onResult)
+                    this.props.onResult(buttonType);
+            });
+        };
+        this._handleCancel = () => {
+            this._closeDialog(() => {
+                // istanbul ignore else
+                if (this.props.onResult)
+                    this.props.onResult(core_frontend_1.MessageBoxValue.Cancel);
+            });
+        };
+        this._closeDialog = (followUp) => {
+            this.setState((_prevState) => ({
+                opened: false,
+            }), () => {
+                ModalDialogManager_1.ModalDialogManager.closeDialog();
+                followUp();
+            });
+        };
+        this.state = {
+            opened: this.props.opened,
+        };
+    }
+    render() {
+        const buttonCluster = new Array();
+        switch (this.props.messageBoxType) {
+            case core_frontend_1.MessageBoxType.Ok:
+            case core_frontend_1.MessageBoxType.LargeOk:
+                buttonCluster.push({ type: appui_abstract_1.DialogButtonType.OK, onClick: () => { this._handleButton(core_frontend_1.MessageBoxValue.Ok); } });
+                break;
+            case core_frontend_1.MessageBoxType.OkCancel:
+            case core_frontend_1.MessageBoxType.MediumAlert:
+                buttonCluster.push({ type: appui_abstract_1.DialogButtonType.OK, onClick: () => { this._handleButton(core_frontend_1.MessageBoxValue.Ok); } });
+                buttonCluster.push({ type: appui_abstract_1.DialogButtonType.Cancel, onClick: () => { this._handleButton(core_frontend_1.MessageBoxValue.Cancel); } });
+                break;
+            case core_frontend_1.MessageBoxType.YesNo:
+            case core_frontend_1.MessageBoxType.YesNoCancel:
+                buttonCluster.push({ type: appui_abstract_1.DialogButtonType.Yes, onClick: () => { this._handleButton(core_frontend_1.MessageBoxValue.Yes); } });
+                buttonCluster.push({ type: appui_abstract_1.DialogButtonType.No, onClick: () => { this._handleButton(core_frontend_1.MessageBoxValue.No); } });
+                if (core_frontend_1.MessageBoxType.YesNoCancel === this.props.messageBoxType)
+                    buttonCluster.push({ type: appui_abstract_1.DialogButtonType.Cancel, onClick: () => { this._handleButton(core_frontend_1.MessageBoxValue.Cancel); } });
+                break;
+        }
+        let severity = appui_abstract_1.MessageSeverity.None;
+        switch (this.props.iconType) {
+            case core_frontend_1.MessageBoxIconType.NoSymbol:
+                severity = appui_abstract_1.MessageSeverity.None;
+                break;
+            case core_frontend_1.MessageBoxIconType.Information:
+                severity = appui_abstract_1.MessageSeverity.Information;
+                break;
+            case core_frontend_1.MessageBoxIconType.Question:
+                severity = appui_abstract_1.MessageSeverity.Question;
+                break;
+            case core_frontend_1.MessageBoxIconType.Warning:
+                severity = appui_abstract_1.MessageSeverity.Warning;
+                break;
+            case core_frontend_1.MessageBoxIconType.Critical:
+                severity = appui_abstract_1.MessageSeverity.Error;
+                break;
+        }
+        return (React.createElement(core_react_1.MessageBox, { className: this.props.className, style: this.props.style, opened: this.state.opened, title: this.props.title, severity: severity, buttonCluster: buttonCluster, onClose: this._handleCancel, onEscape: this._handleCancel }, this.props.children));
+    }
+}
+exports.StandardMessageBox = StandardMessageBox;
+//# sourceMappingURL=StandardMessageBox.js.map

package/lib/cjs/appui-react/dialog/StandardMessageBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardMessageBox.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/StandardMessageBox.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 { MessageBoxIconType, MessageBoxType, MessageBoxValue } from \"@itwin/core-frontend\";\r\nimport { DialogButtonDef, DialogButtonType, MessageSeverity } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, MessageBox } from \"@itwin/core-react\";\r\nimport { ModalDialogManager } from \"./ModalDialogManager\";\r\n\r\n/** Properties for [[StandardMessageBox]] React component\r\n * @public\r\n */\r\nexport interface StandardMessageBoxProps extends CommonProps {\r\n  /** Indicates whether the message box is open */\r\n  opened: boolean;\r\n  /** The standard icon to display in the message box */\r\n  iconType: MessageBoxIconType;\r\n  /** Title to display in the message box */\r\n  title: string;\r\n  /** Controls the button set displayed */\r\n  messageBoxType: MessageBoxType;\r\n  /** Callback function for processing the message box result */\r\n  onResult?: (result: MessageBoxValue) => void;\r\n}\r\n\r\n/** State for [[StandardMessageBox]] React component\r\n * @internal\r\n */\r\ninterface StandardMessageBoxState {\r\n  opened: boolean;\r\n}\r\n\r\n/** StandardMessageBox React component displays a standard icon, message text and a standard button set in the lower right.\r\n * @public\r\n */\r\nexport class StandardMessageBox extends React.PureComponent<StandardMessageBoxProps, StandardMessageBoxState> {\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<StandardMessageBoxState>;\r\n\r\n  constructor(props: StandardMessageBoxProps) {\r\n    super(props);\r\n    this.state = {\r\n      opened: this.props.opened,\r\n    };\r\n  }\r\n\r\n  public override render(): JSX.Element {\r\n    const buttonCluster: DialogButtonDef[] = new Array<DialogButtonDef>();\r\n\r\n    switch (this.props.messageBoxType) {\r\n      case MessageBoxType.Ok:\r\n      case MessageBoxType.LargeOk:\r\n        buttonCluster.push({ type: DialogButtonType.OK, onClick: () => { this._handleButton(MessageBoxValue.Ok); } });\r\n        break;\r\n      case MessageBoxType.OkCancel:\r\n      case MessageBoxType.MediumAlert:\r\n        buttonCluster.push({ type: DialogButtonType.OK, onClick: () => { this._handleButton(MessageBoxValue.Ok); } });\r\n        buttonCluster.push({ type: DialogButtonType.Cancel, onClick: () => { this._handleButton(MessageBoxValue.Cancel); } });\r\n        break;\r\n      case MessageBoxType.YesNo:\r\n      case MessageBoxType.YesNoCancel:\r\n        buttonCluster.push({ type: DialogButtonType.Yes, onClick: () => { this._handleButton(MessageBoxValue.Yes); } });\r\n        buttonCluster.push({ type: DialogButtonType.No, onClick: () => { this._handleButton(MessageBoxValue.No); } });\r\n        if (MessageBoxType.YesNoCancel === this.props.messageBoxType)\r\n          buttonCluster.push({ type: DialogButtonType.Cancel, onClick: () => { this._handleButton(MessageBoxValue.Cancel); } });\r\n        break;\r\n    }\r\n\r\n    let severity = MessageSeverity.None;\r\n    switch (this.props.iconType) {\r\n      case MessageBoxIconType.NoSymbol:\r\n        severity = MessageSeverity.None;\r\n        break;\r\n      case MessageBoxIconType.Information:\r\n        severity = MessageSeverity.Information;\r\n        break;\r\n      case MessageBoxIconType.Question:\r\n        severity = MessageSeverity.Question;\r\n        break;\r\n      case MessageBoxIconType.Warning:\r\n        severity = MessageSeverity.Warning;\r\n        break;\r\n      case MessageBoxIconType.Critical:\r\n        severity = MessageSeverity.Error;\r\n        break;\r\n    }\r\n\r\n    return (\r\n      <MessageBox\r\n        className={this.props.className}\r\n        style={this.props.style}\r\n        opened={this.state.opened}\r\n        title={this.props.title}\r\n        severity={severity}\r\n        buttonCluster={buttonCluster}\r\n        onClose={this._handleCancel}\r\n        onEscape={this._handleCancel}\r\n      >\r\n        {this.props.children}\r\n      </MessageBox>\r\n    );\r\n  }\r\n\r\n  private _handleButton = (buttonType: MessageBoxValue) => {\r\n    this._closeDialog(() => {\r\n      // istanbul ignore else\r\n      if (this.props.onResult)\r\n        this.props.onResult(buttonType);\r\n    });\r\n  };\r\n\r\n  private _handleCancel = () => {\r\n    this._closeDialog(() => {\r\n      // istanbul ignore else\r\n      if (this.props.onResult)\r\n        this.props.onResult(MessageBoxValue.Cancel);\r\n    });\r\n  };\r\n\r\n  private _closeDialog = (followUp: () => void) => {\r\n    this.setState((_prevState) => ({\r\n      opened: false,\r\n    }), () => {\r\n      ModalDialogManager.closeDialog();\r\n      followUp();\r\n    });\r\n  };\r\n}\r\n"]}

package/lib/cjs/appui-react/dialog/UiDataProvidedDialog.d.ts

@@ -0,0 +1,39 @@
+/** @packageDocumentation
+ * @module Dialog
+ */
+/// <reference types="react" />
+import { DialogLayoutDataProvider } from "@itwin/appui-abstract";
+/** Props for [[UiDataProvidedDialog]] component.
+ * @public
+ */
+export interface UiDataProvidedDialogProps {
+    /** Dialog title */
+    title: string;
+    /** Provider that provides and lays out DialogItems */
+    uiDataProvider: DialogLayoutDataProvider;
+    /** Indicates if Dialog is Modal */
+    isModal: boolean;
+    /** Id used to specify dialog. */
+    id?: string;
+    /** Indicates whether the user can resize dialog with cursor. Default: false */
+    resizable?: boolean;
+    /** Indicates whether the user can move dialog with cursor. Default: false */
+    movable?: boolean;
+    /** Initial width of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: "50%" */
+    width?: string | number;
+    /** Initial height of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
+    height?: string | number;
+    /** Minimum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 300px */
+    minWidth?: string | number;
+    /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100px */
+    minHeight?: string | number;
+    /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
+    maxWidth?: string | number;
+    /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
+    maxHeight?: string | number;
+}
+/** Component to show dialog populated from properties supplied via uiDataProvider
+ * @public
+ */
+export declare function UiDataProvidedDialog({ uiDataProvider, id, isModal, ...dialogProps }: UiDataProvidedDialogProps): JSX.Element;
+//# sourceMappingURL=UiDataProvidedDialog.d.ts.map

package/lib/cjs/appui-react/dialog/UiDataProvidedDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiDataProvidedDialog.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/UiDataProvidedDialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAqC,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAOpG;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,cAAc,EAAE,wBAAwB,CAAC;IACzC,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gIAAgI;IAChI,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kHAAkH;IAClH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,wJAAwJ;IACxJ,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,yJAAyJ;IACzJ,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,yIAAyI;IACzI,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,0IAA0I;IAC1I,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,EAAE,yBAAyB,eA0E9G"}

package/lib/cjs/appui-react/dialog/UiDataProvidedDialog.js

@@ -0,0 +1,83 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UiDataProvidedDialog = void 0;
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const ModalDialogManager_1 = require("./ModalDialogManager");
+const ModelessDialogManager_1 = require("./ModelessDialogManager");
+const DefaultDialogGridContainer_1 = require("../uiprovider/DefaultDialogGridContainer");
+const ComponentGenerator_1 = require("../uiprovider/ComponentGenerator");
+/** Component to show dialog populated from properties supplied via uiDataProvider
+ * @public
+ */
+function UiDataProvidedDialog({ uiDataProvider, id, isModal, ...dialogProps }) {
+    const dialogId = React.useRef(id ? id : (0, appui_layout_react_1.getUniqueId)());
+    const dialogIsModal = React.useRef(isModal);
+    const onOK = React.useRef();
+    const onCancel = React.useRef();
+    const closeDialog = () => {
+        if (dialogIsModal.current)
+            ModalDialogManager_1.ModalDialogManager.closeDialog();
+        else
+            ModelessDialogManager_1.ModelessDialogManager.closeDialog(dialogId.current);
+    };
+    const handleOk = React.useCallback(() => {
+        onOK.current && onOK.current();
+        closeDialog();
+    }, []);
+    const handleCancel = React.useCallback(() => {
+        onCancel.current && onCancel.current();
+        closeDialog();
+    }, []);
+    const generateButtonCluster = React.useCallback((buttons) => {
+        // istanbul ignore else
+        if (buttons) {
+            for (const button of buttons) {
+                if (appui_abstract_1.DialogButtonType.Cancel === button.type) {
+                    onCancel.current = button.onClick;
+                    button.onClick = handleCancel;
+                    continue;
+                }
+                if (appui_abstract_1.DialogButtonType.OK === button.type) {
+                    onOK.current = button.onClick;
+                    button.onClick = handleOk;
+                    continue;
+                }
+            }
+        }
+        return buttons;
+    }, [handleCancel, handleOk]);
+    const [buttonCluster, setButtonCluster] = React.useState(() => generateButtonCluster(uiDataProvider.supplyButtonData()));
+    React.useEffect(() => {
+        const handleReloaded = () => {
+            setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));
+        };
+        uiDataProvider.onItemsReloadedEvent.addListener(handleReloaded);
+        return () => {
+            uiDataProvider.onItemsReloadedEvent.removeListener(handleReloaded);
+        };
+    }, [generateButtonCluster, uiDataProvider]);
+    React.useEffect(() => {
+        const handleButtonReloaded = () => {
+            setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));
+        };
+        uiDataProvider.onButtonsReloadedEvent.addListener(handleButtonReloaded);
+        return () => {
+            uiDataProvider.onButtonsReloadedEvent.removeListener(handleButtonReloaded);
+        };
+    }, [generateButtonCluster, uiDataProvider]);
+    const handleClose = React.useCallback(() => closeDialog(), []);
+    return (React.createElement(core_react_1.Dialog, { ...dialogProps, opened: true, modal: isModal, buttonCluster: buttonCluster, onClose: handleClose, onEscape: handleClose },
+        React.createElement(DefaultDialogGridContainer_1.DefaultDialogGridContainer, { componentGenerator: new ComponentGenerator_1.ComponentGenerator(uiDataProvider) })));
+}
+exports.UiDataProvidedDialog = UiDataProvidedDialog;
+//# sourceMappingURL=UiDataProvidedDialog.js.map

package/lib/cjs/appui-react/dialog/UiDataProvidedDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiDataProvidedDialog.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/UiDataProvidedDialog.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 { Dialog } from \"@itwin/core-react\";\r\nimport { DialogButtonDef, DialogButtonType, DialogLayoutDataProvider } from \"@itwin/appui-abstract\";\r\nimport { getUniqueId } from \"@itwin/appui-layout-react\";\r\nimport { ModalDialogManager } from \"./ModalDialogManager\";\r\nimport { ModelessDialogManager } from \"./ModelessDialogManager\";\r\nimport { DefaultDialogGridContainer } from \"../uiprovider/DefaultDialogGridContainer\";\r\nimport { ComponentGenerator } from \"../uiprovider/ComponentGenerator\";\r\n\r\n/** Props for [[UiDataProvidedDialog]] component.\r\n * @public\r\n */\r\nexport interface UiDataProvidedDialogProps {\r\n  /** Dialog title */\r\n  title: string;\r\n  /** Provider that provides and lays out DialogItems */\r\n  uiDataProvider: DialogLayoutDataProvider;\r\n  /** Indicates if Dialog is Modal */\r\n  isModal: boolean;\r\n  /** Id used to specify dialog. */\r\n  id?: string;\r\n  /** Indicates whether the user can resize dialog with cursor. Default: false */\r\n  resizable?: boolean;\r\n  /** Indicates whether the user can move dialog with cursor. Default: false */\r\n  movable?: boolean;\r\n  /** Initial width of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: \"50%\" */\r\n  width?: string | number;\r\n  /** Initial height of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\r\n  height?: string | number;\r\n  /** Minimum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 300px */\r\n  minWidth?: string | number;\r\n  /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100px */\r\n  minHeight?: string | number;\r\n  /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\r\n  maxWidth?: string | number;\r\n  /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\r\n  maxHeight?: string | number;\r\n}\r\n\r\n/** Component to show dialog populated from properties supplied via uiDataProvider\r\n * @public\r\n */\r\nexport function UiDataProvidedDialog({ uiDataProvider, id, isModal, ...dialogProps }: UiDataProvidedDialogProps) {\r\n  const dialogId = React.useRef(id ? id : getUniqueId());\r\n  const dialogIsModal = React.useRef(isModal);\r\n  const onOK = React.useRef<() => void>();\r\n  const onCancel = React.useRef<() => void>();\r\n  const closeDialog = () => {\r\n    if (dialogIsModal.current)\r\n      ModalDialogManager.closeDialog();\r\n    else\r\n      ModelessDialogManager.closeDialog(dialogId.current);\r\n  };\r\n\r\n  const handleOk = React.useCallback(() => {\r\n    onOK.current && onOK.current();\r\n    closeDialog();\r\n  }, []);\r\n\r\n  const handleCancel = React.useCallback(() => {\r\n    onCancel.current && onCancel.current();\r\n    closeDialog();\r\n  }, []);\r\n\r\n  const generateButtonCluster = React.useCallback((buttons: DialogButtonDef[] | undefined) => {\r\n    // istanbul ignore else\r\n    if (buttons) {\r\n      for (const button of buttons) {\r\n        if (DialogButtonType.Cancel === button.type) {\r\n          onCancel.current = button.onClick;\r\n          button.onClick = handleCancel;\r\n          continue;\r\n        }\r\n        if (DialogButtonType.OK === button.type) {\r\n          onOK.current = button.onClick;\r\n          button.onClick = handleOk;\r\n          continue;\r\n        }\r\n      }\r\n    }\r\n    return buttons;\r\n  }, [handleCancel, handleOk]);\r\n  const [buttonCluster, setButtonCluster] = React.useState(() => generateButtonCluster(uiDataProvider.supplyButtonData()));\r\n\r\n  React.useEffect(() => {\r\n    const handleReloaded = () => {\r\n      setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));\r\n    };\r\n    uiDataProvider.onItemsReloadedEvent.addListener(handleReloaded);\r\n    return () => {\r\n      uiDataProvider.onItemsReloadedEvent.removeListener(handleReloaded);\r\n    };\r\n  }, [generateButtonCluster, uiDataProvider]);\r\n\r\n  React.useEffect(() => {\r\n    const handleButtonReloaded = () => {\r\n      setButtonCluster(generateButtonCluster(uiDataProvider.supplyButtonData()));\r\n    };\r\n    uiDataProvider.onButtonsReloadedEvent.addListener(handleButtonReloaded);\r\n    return () => {\r\n      uiDataProvider.onButtonsReloadedEvent.removeListener(handleButtonReloaded);\r\n    };\r\n  }, [generateButtonCluster, uiDataProvider]);\r\n\r\n  const handleClose = React.useCallback(() => closeDialog(), []);\r\n\r\n  return (<Dialog {...dialogProps}\r\n    opened={true}\r\n    modal={isModal}\r\n    buttonCluster={buttonCluster}\r\n    onClose={handleClose}\r\n    onEscape={handleClose}\r\n  >\r\n    <DefaultDialogGridContainer componentGenerator={new ComponentGenerator(uiDataProvider)} />\r\n  </Dialog>\r\n  );\r\n}\r\n"]}

package/lib/cjs/appui-react/dragdrop/ZoneTargets.d.ts

@@ -0,0 +1,22 @@
+/** @packageDocumentation
+ * @module Zone
+ */
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+import { WidgetZoneId, ZoneTargetType } from "@itwin/appui-layout-react";
+import { TargetChangeHandler } from "../frontstage/FrontstageComposer";
+/** Properties for the [[ZoneTargets]] component.
+ * @internal
+ */
+export interface ZoneTargetsProps extends CommonProps {
+    zoneId: WidgetZoneId;
+    dropTarget: ZoneTargetType | undefined;
+    targetChangeHandler: TargetChangeHandler;
+}
+/** Zone Targets React component.
+ * @internal
+ */
+export declare class ZoneTargets extends React.Component<ZoneTargetsProps> {
+    render(): React.ReactNode;
+}
+//# sourceMappingURL=ZoneTargets.d.ts.map

package/lib/cjs/appui-react/dragdrop/ZoneTargets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoneTargets.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dragdrop/ZoneTargets.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAA2B,YAAY,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAClG,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,MAAM,EAAE,YAAY,CAAC;IACrB,UAAU,EAAE,cAAc,GAAG,SAAS,CAAC;IACvC,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C;AAED;;GAEG;AACH,qBAAa,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAChD,MAAM,IAAI,KAAK,CAAC,SAAS;CAuB1C"}

package/lib/cjs/appui-react/dragdrop/ZoneTargets.js

@@ -0,0 +1,29 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Zone
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ZoneTargets = void 0;
+const React = require("react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+/** Zone Targets React component.
+ * @internal
+ */
+class ZoneTargets extends React.Component {
+    render() {
+        switch (this.props.dropTarget) {
+            case appui_layout_react_1.ZoneTargetType.Merge:
+                return (React.createElement(appui_layout_react_1.MergeTarget, { className: this.props.className, onTargetChanged: (isTargeted) => this.props.targetChangeHandler.handleTargetChanged(this.props.zoneId, appui_layout_react_1.ZoneTargetType.Merge, isTargeted), style: this.props.style }));
+            case appui_layout_react_1.ZoneTargetType.Back:
+                return (React.createElement(appui_layout_react_1.BackTarget, { className: this.props.className, onTargetChanged: (isTargeted) => this.props.targetChangeHandler.handleTargetChanged(this.props.zoneId, appui_layout_react_1.ZoneTargetType.Back, isTargeted), style: this.props.style, zoneIndex: this.props.zoneId }));
+            default:
+                return null;
+        }
+    }
+}
+exports.ZoneTargets = ZoneTargets;
+//# sourceMappingURL=ZoneTargets.js.map

package/lib/cjs/appui-react/dragdrop/ZoneTargets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoneTargets.js","sourceRoot":"","sources":["../../../../src/appui-react/dragdrop/ZoneTargets.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,kEAAkG;AAYlG;;GAEG;AACH,MAAa,WAAY,SAAQ,KAAK,CAAC,SAA2B;IAChD,MAAM;QACpB,QAAQ,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;YAC7B,KAAK,mCAAc,CAAC,KAAK;gBACvB,OAAO,CACL,oBAAC,gCAAW,IACV,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,eAAe,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,mCAAc,CAAC,KAAK,EAAE,UAAU,CAAC,EACxI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GACvB,CACH,CAAC;YACJ,KAAK,mCAAc,CAAC,IAAI;gBACtB,OAAO,CACL,oBAAC,+BAAU,IACT,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,eAAe,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,mCAAc,CAAC,IAAI,EAAE,UAAU,CAAC,EACvI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAC5B,CACH,CAAC;YACJ;gBACE,OAAO,IAAI,CAAC;SACf;IACH,CAAC;CACF;AAxBD,kCAwBC","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 Zone\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { BackTarget, MergeTarget, WidgetZoneId, ZoneTargetType } from \"@itwin/appui-layout-react\";\r\nimport { TargetChangeHandler } from \"../frontstage/FrontstageComposer\";\r\n\r\n/** Properties for the [[ZoneTargets]] component.\r\n * @internal\r\n */\r\nexport interface ZoneTargetsProps extends CommonProps {\r\n  zoneId: WidgetZoneId;\r\n  dropTarget: ZoneTargetType | undefined;\r\n  targetChangeHandler: TargetChangeHandler;\r\n}\r\n\r\n/** Zone Targets React component.\r\n * @internal\r\n */\r\nexport class ZoneTargets extends React.Component<ZoneTargetsProps> {\r\n  public override render(): React.ReactNode {\r\n    switch (this.props.dropTarget) {\r\n      case ZoneTargetType.Merge:\r\n        return (\r\n          <MergeTarget\r\n            className={this.props.className}\r\n            onTargetChanged={(isTargeted) => this.props.targetChangeHandler.handleTargetChanged(this.props.zoneId, ZoneTargetType.Merge, isTargeted)}\r\n            style={this.props.style}\r\n          />\r\n        );\r\n      case ZoneTargetType.Back:\r\n        return (\r\n          <BackTarget\r\n            className={this.props.className}\r\n            onTargetChanged={(isTargeted) => this.props.targetChangeHandler.handleTargetChanged(this.props.zoneId, ZoneTargetType.Back, isTargeted)}\r\n            style={this.props.style}\r\n            zoneIndex={this.props.zoneId}\r\n          />\r\n        );\r\n      default:\r\n        return null;\r\n    }\r\n  }\r\n}\r\n"]}