@itwin/appui-react 4.0.0-dev.11 → 4.0.0-dev.13

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

@@ -1,136 +1,136 @@
-/*---------------------------------------------------------------------------------------------
-* 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 { UiEvent } from "@itwin/appui-abstract";
-import { UiFramework } from "../UiFramework";
-import { getCssVariableAsNumber } from "@itwin/core-react";
-/** Dialog Changed Event class.
- * @public
- */
-export class DialogChangedEvent extends UiEvent {
-}
-/** Used if the 'dialog' z-index CSS variable cannot be read */
-const ZINDEX_DEFAULT = 12000;
-/** Dialog Manager class.
- * @internal
- */
-export class DialogManagerBase {
-    constructor(onDialogChangedEvent) {
-        this._dialogs = new Array();
-        this._onDialogChangedEvent = onDialogChangedEvent;
-    }
-    /** Initialize the modeless dialog manager */
-    static initialize() {
-        DialogManagerBase._topZIndex = DialogManagerBase.getDialogZIndexDefault();
-    }
-    static get topZIndex() { return DialogManagerBase._topZIndex; }
-    static set topZIndex(zIndex) { DialogManagerBase._topZIndex = zIndex; }
-    get dialogs() { return this._dialogs; }
-    get onDialogChangedEvent() { return this._onDialogChangedEvent; }
-    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;
-    }
-    /**
-     * 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);
-        if (this._dialogs.length < 1)
-            DialogManagerBase.topZIndex = DialogManagerBase.getDialogZIndexDefault();
-    }
-    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;
-DialogManagerBase._topZIndex = ZINDEX_DEFAULT;
-/** 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);
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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 { UiEvent } from "@itwin/appui-abstract";
+import { UiFramework } from "../UiFramework";
+import { getCssVariableAsNumber } from "@itwin/core-react";
+/** Dialog Changed Event class.
+ * @public
+ */
+export class DialogChangedEvent extends UiEvent {
+}
+/** Used if the 'dialog' z-index CSS variable cannot be read */
+const ZINDEX_DEFAULT = 12000;
+/** Dialog Manager class.
+ * @internal
+ */
+class DialogManagerBase {
+    constructor(onDialogChangedEvent) {
+        this._dialogs = new Array();
+        this._onDialogChangedEvent = onDialogChangedEvent;
+    }
+    /** Initialize the modeless dialog manager */
+    static initialize() {
+        DialogManagerBase._topZIndex = DialogManagerBase.getDialogZIndexDefault();
+    }
+    static get topZIndex() { return DialogManagerBase._topZIndex; }
+    static set topZIndex(zIndex) { DialogManagerBase._topZIndex = zIndex; }
+    get dialogs() { return this._dialogs; }
+    get onDialogChangedEvent() { return this._onDialogChangedEvent; }
+    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;
+    }
+    /**
+     * 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 ?? 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);
+        if (this._dialogs.length < 1)
+            DialogManagerBase.topZIndex = DialogManagerBase.getDialogZIndexDefault();
+    }
+    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;
+DialogManagerBase._topZIndex = ZINDEX_DEFAULT;
+export { DialogManagerBase };
+/** DialogRenderer React component.
+ * @internal
+ */
+export class DialogRendererBase extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        /** @internal */
+        this.state = {
+            parentDocument: null,
+        };
+        this._handleRefSet = (popupDiv) => {
+            this.setState({ parentDocument: popupDiv?.ownerDocument ?? 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

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

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

@@ -1,48 +1,48 @@
-/** @packageDocumentation
- * @module Dialog
- */
-import * as React from "react";
-import { DialogManagerBase } from "./DialogManagerBase";
-import { ContentDialogChangedEvent, ContentDialogInfo } from "../framework/FrameworkContent";
-/** Content Dialog Manager class displays and manages multiple modeless dialogs
- * @internal
- */
-export declare class InternalContentDialogManager {
-    /** Content Dialog Changed Event */
-    static readonly onContentDialogChangedEvent: ContentDialogChangedEvent;
-    /** @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.
-     * @internal
-    */
-    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 open(dialog: React.ReactNode, id: string, parentDocument?: Document): void;
-    /** Close a modeless dialog
-     * @param id The id of the Dialog to close.
-     */
-    static close(id: string): void;
-    /** @internal */
-    static closeAll(): void;
-    /** Update the dialogs */
-    static update(): void;
-    /** Get the active modeless dialog */
-    static get active(): React.ReactNode | undefined;
-    /** Get the count of modeless dialogs */
-    static get count(): 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 getZIndex(id: string): number;
-    static getInfo(id: string): ContentDialogInfo | undefined;
-}
+/** @packageDocumentation
+ * @module Dialog
+ */
+import * as React from "react";
+import { DialogManagerBase } from "./DialogManagerBase";
+import { ContentDialogChangedEvent, ContentDialogInfo } from "../framework/FrameworkContent";
+/** Content Dialog Manager class displays and manages multiple modeless dialogs
+ * @internal
+ */
+export declare class InternalContentDialogManager {
+    /** Content Dialog Changed Event */
+    static readonly onContentDialogChangedEvent: ContentDialogChangedEvent;
+    /** @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.
+     * @internal
+    */
+    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 open(dialog: React.ReactNode, id: string, parentDocument?: Document): void;
+    /** Close a modeless dialog
+     * @param id The id of the Dialog to close.
+     */
+    static close(id: string): void;
+    /** @internal */
+    static closeAll(): void;
+    /** Update the dialogs */
+    static update(): void;
+    /** Get the active modeless dialog */
+    static get active(): React.ReactNode | undefined;
+    /** Get the count of modeless dialogs */
+    static get count(): 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 getZIndex(id: string): number;
+    static getInfo(id: string): ContentDialogInfo | undefined;
+}
 //# sourceMappingURL=InternalContentDialogManager.d.ts.map