@itwin/appui-react 3.4.0-dev.9 → 3.4.0

package/CHANGELOG.md

@@ -1,6 +1,80 @@
 # Change Log - @itwin/appui-react
 
-This log was last generated on Tue, 09 Aug 2022 15:52:41 GMT and should not be manually modified.
+This log was last generated on Thu, 13 Oct 2022 20:24:47 GMT and should not be manually modified.
+
+## 3.4.0
+Thu, 13 Oct 2022 20:24:47 GMT
+
+### Updates
+
+- Fixed private categories being displayed in ModelsTree and CategoriesTree components.
+- Fix an issue where maxWidgetCount of a panel is exceeded when adding a widget.
+- Persist WidgetDef configuration in a separate structure.
+- Ability to float a widget that is hidden by default.
+- Dock removed widget tool settings.
+- Updated Node types declaration to support latest v16
+- Restore floating widgets after a reload.
+- Adding setup walk tool to standard navigation tools
+- Move the management of zIndex for modal and modeless dialogs to DialogManagerBase to allow modal dialogs (MessageBox) to use the topZIndex so that they open on top of any modeless dialogs that are open. ContentDialog still maintains its own zIndex at a much lower elevation.
+- Models Tree: Do not recreate subject model ids cache unless iModel changes
+- Make sure FloatingViewportContent specifies controlId to FloatingViewport. Make sure FloatingViewportContent updates whenever the ViewState changes.
+
+## 3.3.5
+Tue, 27 Sep 2022 11:50:59 GMT
+
+_Version update only_
+
+## 3.3.4
+Thu, 08 Sep 2022 19:00:04 GMT
+
+_Version update only_
+
+## 3.3.3
+Tue, 06 Sep 2022 20:54:19 GMT
+
+_Version update only_
+
+## 3.3.2
+Thu, 01 Sep 2022 14:37:22 GMT
+
+### Updates
+
+- Update camera icon and make camera tooltip conditional on the camera's on/off state.
+
+## 3.3.1
+Fri, 26 Aug 2022 15:40:02 GMT
+
+_Version update only_
+
+## 3.3.0
+Thu, 18 Aug 2022 19:08:01 GMT
+
+### Updates
+
+- remove alpha tag from AutoCollapseUnpinnedPanels
+- upgrade mocha to version 10.0.0
+- Set `hideWithUiWhenFloating` flag of a widget when restoring a layout.
+- Fix an issue where a widget is added to the layout multiple times.
+- [ModelsTree]: Make sure all child elements visibility is changed
+- Deprecated `isInFooterMode` in `StatusFieldProps`, should always be considered true. Deprecated `withStatusFieldProps` which provides only deprecated props to components.
+- Deprecated `isInFooterMode` in `FrontstageProps` and `ContentLayoutComponentProps`, should alays be considered true.
+- Deprecated `withMessageCenterFieldProps`, components should directly use `MessageManager.registerAnimateOutToElement`.
+- Deprecate `openWidget` and `onOpenWidget` props from `StatusBarFields` interface.
+- Add option to display active tool name as the Tool Settings tab label.
+- Export useTransientState hook.
+- Do not require list of static backstage items to be specified with BackstageComposer. Allow StandardFrontstageProvider to hideToolSetting in modal stages.
+- Avoid slow keyin browser filtering when processing long keyins.
+- Change to only log the inability to find a content view when the content is required.
+- Models Tree: Optimize creating subjects hierarchy
+- Add hideWithUiWhenFloating prop to widgets so that an app can opt into hiding specific floating widgets when the UI automatically hides.
+- Save state of floating widgets when they are hidden
+- Use toaster from iTwinUI to display messages
+- Update iTwinUI-react to 1.38.1
+
+## 3.2.9
+Fri, 26 Aug 2022 14:21:40 GMT
+
+_Version update only_
 
 ## 3.2.8
 Tue, 09 Aug 2022 15:52:41 GMT

package/lib/cjs/appui-react/childwindow/ChildWindowManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChildWindowManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/ChildWindowManager.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqC/B,cAAc;AACd,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,cAAc;AACd,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;aAGa;AACb,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,iBAAiB,CAA6B;IAEtD,IAAW,gBAAgB,0BAE1B;IAEM,eAAe,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,GAAG,SAAS;IAOnF,iBAAiB,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS;IAStF,OAAO,CAAC,yBAAyB;IA+CjC,gGAAgG;IACzF,oBAAoB;IAMpB,gBAAgB,kBAAmB,MAAM,2CAc9C;IAGF,OAAO,CAAC,mBAAmB;IAuBpB,eAAe,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,wBAAwB,EAAE,mBAAmB,CAAC,EAAE,OAAO;CA8BzJ"}
+{"version":3,"file":"ChildWindowManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/ChildWindowManager.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqC/B,cAAc;AACd,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,cAAc;AACd,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;aAGa;AACb,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,iBAAiB,CAA6B;IAEtD,IAAW,gBAAgB,0BAE1B;IAEM,eAAe,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,GAAG,SAAS;IAOnF,iBAAiB,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS;IAStF,OAAO,CAAC,yBAAyB;IA8CjC,gGAAgG;IACzF,oBAAoB;IAMpB,gBAAgB,kBAAmB,MAAM,2CAc9C;IAGF,OAAO,CAAC,mBAAmB;IAuBpB,eAAe,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,wBAAwB,EAAE,mBAAmB,CAAC,EAAE,OAAO;CA8BzJ"}

package/lib/cjs/appui-react/childwindow/ChildWindowManager.js

@@ -109,11 +109,10 @@ class ChildWindowManager {
             });
             childWindow.onbeforeunload = () => {
                 const frontStageDef = FrontstageManager_1.FrontstageManager.activeFrontstageDef;
-                if (frontStageDef) {
-                    void frontStageDef.saveChildWindowSizeAndPosition(childWindowId, childWindow).then(() => {
-                        this.closeChildWindow(childWindowId, false);
-                    });
-                }
+                if (!frontStageDef)
+                    return;
+                frontStageDef.saveChildWindowSizeAndPosition(childWindowId, childWindow);
+                this.closeChildWindow(childWindowId, false);
             };
         }
     }

package/lib/cjs/appui-react/childwindow/ChildWindowManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChildWindowManager.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/ChildWindowManager.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\r\n/** @packageDocumentation\r\n * @module ChildWindowManager\r\n */\r\n\r\nimport \"./ChildWindowManager.scss\";\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { copyStyles } from \"./CopyStyles\";\r\nimport { Provider } from \"react-redux\";\r\nimport { StateManager } from \"../redux/StateManager\";\r\nimport { UiStateStorageHandler } from \"../uistate/useUiStateStorage\";\r\nimport { PopupRenderer } from \"../popup/PopupManager\";\r\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\r\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\r\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\r\nimport { FrameworkVersion } from \"../hooks/useFrameworkVersion\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { ThemeManager } from \"../theme/ThemeManager\";\r\n\r\nconst childHtml = `<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  <meta charset=\"utf-8\" />\r\n  <style>\r\n    html,\r\n    body {\r\n      height: 100%;\r\n      width: 100%;\r\n      margin: 0;\r\n      overflow: hidden;\r\n    }\r\n    #root {\r\n      height: 100%;\r\n    }\r\n  </style>\r\n</head>\r\n<body>\r\n  <noscript>You need to enable JavaScript to run this app.</noscript>\r\n  <div id=\"root\"></div>\r\n</body>\r\n</html>`;\r\n\r\n/** @public */\r\nexport interface OpenChildWindowInfo {\r\n  childWindowId: string;\r\n  window: Window;\r\n  parentWindow: Window;\r\n}\r\n\r\n/** @public */\r\nexport interface ChildWindowLocationProps {\r\n  width: number;\r\n  height: number;\r\n  left: number;\r\n  top: number;\r\n}\r\n\r\n/** Supports opening a child browser window from the main application window. The child window is managed by the main application\r\n * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.\r\n * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)\r\n * @public */\r\nexport class ChildWindowManager {\r\n  private _openChildWindows: OpenChildWindowInfo[] = [];\r\n\r\n  public get openChildWindows() {\r\n    return this._openChildWindows;\r\n  }\r\n\r\n  public findChildWindow(childWindowId: string | undefined): OpenChildWindowInfo | undefined {\r\n    if (undefined === childWindowId)\r\n      return undefined;\r\n\r\n    return this.openChildWindows.find((openWindow) => openWindow.childWindowId === childWindowId);\r\n  }\r\n\r\n  public findChildWindowId(contentWindow: Window | undefined | null): string | undefined {\r\n    if (!contentWindow)\r\n      return undefined;\r\n\r\n    const childWindow = this.openChildWindows.find((openWindow) => openWindow.window === contentWindow);\r\n    return childWindow?.childWindowId;\r\n  }\r\n\r\n  // istanbul ignore next\r\n  private renderChildWindowContents(childWindow: Window, childWindowId: string, content: React.ReactNode) {\r\n    const reactConnectionDiv = childWindow.document.getElementById(\"root\");\r\n    if (reactConnectionDiv) {\r\n      // set openChildWindows now so components can use it when they mount\r\n      this._openChildWindows.push({\r\n        childWindowId,\r\n        window: childWindow,\r\n        parentWindow: window,\r\n      });\r\n\r\n      setTimeout(() => {\r\n        copyStyles(childWindow.document);\r\n        setTimeout(() => {\r\n          ReactDOM.render(\r\n            <Provider store={StateManager.store} >\r\n              <UiStateStorageHandler>\r\n                <ThemeManager>\r\n                  <FrameworkVersion>\r\n                    <div className=\"uifw-child-window-container-host\">\r\n                      <PopupRenderer />\r\n                      <ModalDialogRenderer />\r\n                      <ModelessDialogRenderer />\r\n                      <CursorPopupMenu />\r\n                      <div className=\"uifw-child-window-container nz-widget-widget\">\r\n                        {content}\r\n                      </div>\r\n                    </div>\r\n                  </FrameworkVersion>\r\n                </ThemeManager>\r\n              </UiStateStorageHandler>\r\n            </Provider>,\r\n            reactConnectionDiv\r\n          );\r\n        });\r\n      });\r\n\r\n      childWindow.onbeforeunload = () => {\r\n        const frontStageDef = FrontstageManager.activeFrontstageDef;\r\n        if (frontStageDef) {\r\n          void frontStageDef.saveChildWindowSizeAndPosition(childWindowId, childWindow).then(() => {\r\n            this.closeChildWindow(childWindowId, false);\r\n          });\r\n        }\r\n      };\r\n    }\r\n  }\r\n\r\n  /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */\r\n  public closeAllChildWindows() {\r\n    // istanbul ignore next\r\n    this.openChildWindows.forEach((openChildWindow) => openChildWindow.window.close());\r\n    this._openChildWindows = [];\r\n  }\r\n\r\n  public closeChildWindow = (childWindowId: string, processWindowClose = true) => {\r\n    const windowIndex = this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId);\r\n    if (-1 === windowIndex)\r\n      return false;\r\n    const childWindow = this.openChildWindows[windowIndex];\r\n    this.openChildWindows.splice(windowIndex, 1);\r\n    if (processWindowClose) {\r\n      childWindow.window.close();\r\n    } else {\r\n      // call the following to convert popout to docked widget\r\n      const frontStageDef = FrontstageManager.activeFrontstageDef;\r\n      frontStageDef && frontStageDef.dockPopoutWidgetContainer(childWindowId);\r\n    }\r\n    return true;\r\n  };\r\n\r\n  // istanbul ignore next\r\n  private adjustWidowLocation(location: ChildWindowLocationProps, center?: boolean): ChildWindowLocationProps {\r\n    const outLocation = { ...location };\r\n    if (0 === location.top && 0 === location.left) {\r\n      center = center ?? true;\r\n      const windowTop = window.top ?? window;\r\n\r\n      // Prepare position of the new window to be centered against the 'parent' window.\r\n      if (center) {\r\n        outLocation.left =\r\n          windowTop.outerWidth / 2 + windowTop.screenX - location.width / 2;\r\n        outLocation.top =\r\n          windowTop.outerHeight / 2 + windowTop.screenY - location.height / 2;\r\n      } else {\r\n        if (undefined !== window.screenLeft && undefined !== window.screenTop) {\r\n          outLocation.top = window.screenTop + location.top;\r\n          outLocation.left = window.screenLeft + location.left;\r\n        }\r\n      }\r\n    }\r\n    return outLocation;\r\n  }\r\n\r\n  // istanbul ignore next\r\n  public openChildWindow(childWindowId: string, title: string, content: React.ReactNode, location: ChildWindowLocationProps, useDefaultPopoutUrl?: boolean) {\r\n    // first check to see if content is already open in child window\r\n    if (this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId) >= 0) {\r\n      return false;\r\n    }\r\n\r\n    location = this.adjustWidowLocation(location);\r\n    const url = useDefaultPopoutUrl ? \"/iTwinPopup.html\" : \"\";\r\n    const childWindow = window.open(url, \"\", `width=${location.width},height=${location.height},left=${location.left},top=${location.top},menubar=no,resizable=yes,scrollbars=no,status=no,location=no`);\r\n    if (!childWindow)\r\n      return false;\r\n    if (0 === url.length) {\r\n      childWindow.document.write(childHtml);\r\n      this.renderChildWindowContents(childWindow, childWindowId, content);\r\n    } else {\r\n      childWindow.addEventListener(\"load\", () => {\r\n        childWindow.document.title = title;\r\n        this.renderChildWindowContents(childWindow, childWindowId, content);\r\n      }, false);\r\n    }\r\n\r\n    window.addEventListener(\"unload\", () => {\r\n      const frontStageDef = FrontstageManager.activeFrontstageDef;\r\n      if (frontStageDef) {\r\n        this.closeChildWindow(childWindowId, true);\r\n      }\r\n    }, false);\r\n\r\n    return true;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ChildWindowManager.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/ChildWindowManager.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\r\n/** @packageDocumentation\r\n * @module ChildWindowManager\r\n */\r\n\r\nimport \"./ChildWindowManager.scss\";\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { copyStyles } from \"./CopyStyles\";\r\nimport { Provider } from \"react-redux\";\r\nimport { StateManager } from \"../redux/StateManager\";\r\nimport { UiStateStorageHandler } from \"../uistate/useUiStateStorage\";\r\nimport { PopupRenderer } from \"../popup/PopupManager\";\r\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\r\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\r\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\r\nimport { FrameworkVersion } from \"../hooks/useFrameworkVersion\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { ThemeManager } from \"../theme/ThemeManager\";\r\n\r\nconst childHtml = `<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  <meta charset=\"utf-8\" />\r\n  <style>\r\n    html,\r\n    body {\r\n      height: 100%;\r\n      width: 100%;\r\n      margin: 0;\r\n      overflow: hidden;\r\n    }\r\n    #root {\r\n      height: 100%;\r\n    }\r\n  </style>\r\n</head>\r\n<body>\r\n  <noscript>You need to enable JavaScript to run this app.</noscript>\r\n  <div id=\"root\"></div>\r\n</body>\r\n</html>`;\r\n\r\n/** @public */\r\nexport interface OpenChildWindowInfo {\r\n  childWindowId: string;\r\n  window: Window;\r\n  parentWindow: Window;\r\n}\r\n\r\n/** @public */\r\nexport interface ChildWindowLocationProps {\r\n  width: number;\r\n  height: number;\r\n  left: number;\r\n  top: number;\r\n}\r\n\r\n/** Supports opening a child browser window from the main application window. The child window is managed by the main application\r\n * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.\r\n * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)\r\n * @public */\r\nexport class ChildWindowManager {\r\n  private _openChildWindows: OpenChildWindowInfo[] = [];\r\n\r\n  public get openChildWindows() {\r\n    return this._openChildWindows;\r\n  }\r\n\r\n  public findChildWindow(childWindowId: string | undefined): OpenChildWindowInfo | undefined {\r\n    if (undefined === childWindowId)\r\n      return undefined;\r\n\r\n    return this.openChildWindows.find((openWindow) => openWindow.childWindowId === childWindowId);\r\n  }\r\n\r\n  public findChildWindowId(contentWindow: Window | undefined | null): string | undefined {\r\n    if (!contentWindow)\r\n      return undefined;\r\n\r\n    const childWindow = this.openChildWindows.find((openWindow) => openWindow.window === contentWindow);\r\n    return childWindow?.childWindowId;\r\n  }\r\n\r\n  // istanbul ignore next\r\n  private renderChildWindowContents(childWindow: Window, childWindowId: string, content: React.ReactNode) {\r\n    const reactConnectionDiv = childWindow.document.getElementById(\"root\");\r\n    if (reactConnectionDiv) {\r\n      // set openChildWindows now so components can use it when they mount\r\n      this._openChildWindows.push({\r\n        childWindowId,\r\n        window: childWindow,\r\n        parentWindow: window,\r\n      });\r\n\r\n      setTimeout(() => {\r\n        copyStyles(childWindow.document);\r\n        setTimeout(() => {\r\n          ReactDOM.render(\r\n            <Provider store={StateManager.store} >\r\n              <UiStateStorageHandler>\r\n                <ThemeManager>\r\n                  <FrameworkVersion>\r\n                    <div className=\"uifw-child-window-container-host\">\r\n                      <PopupRenderer />\r\n                      <ModalDialogRenderer />\r\n                      <ModelessDialogRenderer />\r\n                      <CursorPopupMenu />\r\n                      <div className=\"uifw-child-window-container nz-widget-widget\">\r\n                        {content}\r\n                      </div>\r\n                    </div>\r\n                  </FrameworkVersion>\r\n                </ThemeManager>\r\n              </UiStateStorageHandler>\r\n            </Provider>,\r\n            reactConnectionDiv\r\n          );\r\n        });\r\n      });\r\n\r\n      childWindow.onbeforeunload = () => {\r\n        const frontStageDef = FrontstageManager.activeFrontstageDef;\r\n        if (!frontStageDef)\r\n          return;\r\n        frontStageDef.saveChildWindowSizeAndPosition(childWindowId, childWindow);\r\n        this.closeChildWindow(childWindowId, false);\r\n      };\r\n    }\r\n  }\r\n\r\n  /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */\r\n  public closeAllChildWindows() {\r\n    // istanbul ignore next\r\n    this.openChildWindows.forEach((openChildWindow) => openChildWindow.window.close());\r\n    this._openChildWindows = [];\r\n  }\r\n\r\n  public closeChildWindow = (childWindowId: string, processWindowClose = true) => {\r\n    const windowIndex = this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId);\r\n    if (-1 === windowIndex)\r\n      return false;\r\n    const childWindow = this.openChildWindows[windowIndex];\r\n    this.openChildWindows.splice(windowIndex, 1);\r\n    if (processWindowClose) {\r\n      childWindow.window.close();\r\n    } else {\r\n      // call the following to convert popout to docked widget\r\n      const frontStageDef = FrontstageManager.activeFrontstageDef;\r\n      frontStageDef && frontStageDef.dockPopoutWidgetContainer(childWindowId);\r\n    }\r\n    return true;\r\n  };\r\n\r\n  // istanbul ignore next\r\n  private adjustWidowLocation(location: ChildWindowLocationProps, center?: boolean): ChildWindowLocationProps {\r\n    const outLocation = { ...location };\r\n    if (0 === location.top && 0 === location.left) {\r\n      center = center ?? true;\r\n      const windowTop = window.top ?? window;\r\n\r\n      // Prepare position of the new window to be centered against the 'parent' window.\r\n      if (center) {\r\n        outLocation.left =\r\n          windowTop.outerWidth / 2 + windowTop.screenX - location.width / 2;\r\n        outLocation.top =\r\n          windowTop.outerHeight / 2 + windowTop.screenY - location.height / 2;\r\n      } else {\r\n        if (undefined !== window.screenLeft && undefined !== window.screenTop) {\r\n          outLocation.top = window.screenTop + location.top;\r\n          outLocation.left = window.screenLeft + location.left;\r\n        }\r\n      }\r\n    }\r\n    return outLocation;\r\n  }\r\n\r\n  // istanbul ignore next\r\n  public openChildWindow(childWindowId: string, title: string, content: React.ReactNode, location: ChildWindowLocationProps, useDefaultPopoutUrl?: boolean) {\r\n    // first check to see if content is already open in child window\r\n    if (this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId) >= 0) {\r\n      return false;\r\n    }\r\n\r\n    location = this.adjustWidowLocation(location);\r\n    const url = useDefaultPopoutUrl ? \"/iTwinPopup.html\" : \"\";\r\n    const childWindow = window.open(url, \"\", `width=${location.width},height=${location.height},left=${location.left},top=${location.top},menubar=no,resizable=yes,scrollbars=no,status=no,location=no`);\r\n    if (!childWindow)\r\n      return false;\r\n    if (0 === url.length) {\r\n      childWindow.document.write(childHtml);\r\n      this.renderChildWindowContents(childWindow, childWindowId, content);\r\n    } else {\r\n      childWindow.addEventListener(\"load\", () => {\r\n        childWindow.document.title = title;\r\n        this.renderChildWindowContents(childWindow, childWindowId, content);\r\n      }, false);\r\n    }\r\n\r\n    window.addEventListener(\"unload\", () => {\r\n      const frontStageDef = FrontstageManager.activeFrontstageDef;\r\n      if (frontStageDef) {\r\n        this.closeChildWindow(childWindowId, true);\r\n      }\r\n    }, false);\r\n\r\n    return true;\r\n  }\r\n}\r\n"]}

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

@@ -30,9 +30,15 @@ export declare class DialogManagerBase {
     private static _sId;
     private _dialogs;
     private _onDialogChangedEvent;
+    private static _topZIndex;
     constructor(onDialogChangedEvent: DialogChangedEvent);
+    /** Initialize the modeless dialog manager */
+    static initialize(): void;
+    static get topZIndex(): number;
+    static set topZIndex(zIndex: number);
     get dialogs(): DialogInfo[];
     get onDialogChangedEvent(): DialogChangedEvent;
+    static getDialogZIndexDefault(): number;
     /**
      * Triggers opening a dialog.
      * @param dialog Dialog React component.
@@ -57,6 +63,7 @@ export declare class DialogManagerBase {
  */
 export interface DialogRendererProps {
     dialogManager: DialogManagerBase;
+    style?: React.CSSProperties;
 }
 /** @internal */
 interface DialogRendererState {

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

@@ -1 +1 @@
-{"version":3,"file":"DialogManagerBase.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/DialogManagerBase.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CAC3C;AAED;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,OAAO,CAAC,sBAAsB,CAAC;CAAI;AAE3E;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,EAAE,QAAQ,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAC,IAAI,CAAK;IACxB,OAAO,CAAC,QAAQ,CAAyC;IACzD,OAAO,CAAC,qBAAqB,CAAqB;gBAEtC,oBAAoB,EAAE,kBAAkB;IAIpD,IAAW,OAAO,iBAA4B;IAE9C,IAAW,oBAAoB,IAAI,kBAAkB,CAAuC;IAE5F;;;;;OAKG;IACI,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,QAAQ,GAAG,IAAI;IASxF,gBAAgB;IACT,UAAU,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI;IAKxC,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IASlD,gBAAgB;IACT,QAAQ,IAAI,IAAI;IAKvB,gBAAgB;IACT,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IAQ3C,sBAAsB,IAAI,IAAI;IAI9B,MAAM,IAAI,IAAI;IAIrB,IAAW,YAAY,IAAI,KAAK,CAAC,SAAS,GAAG,SAAS,CAKrD;IAED,IAAW,WAAW,IAAI,MAAM,CAE/B;CACF;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,iBAAiB,CAAC;CAClC;AAED,gBAAgB;AAChB,UAAU,mBAAmB;IAC3B,cAAc,EAAE,QAAQ,GAAG,IAAI,CAAC;CACjC;AACD;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IACnG,gBAAgB;IAChB,SAAyB,KAAK,EAAE,mBAAmB,CAEjD;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IAoBzB,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,IAAI,IAAI;IAI5C,OAAO,CAAC,yBAAyB,CAE/B;CAEH"}
+{"version":3,"file":"DialogManagerBase.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/DialogManagerBase.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAIhD;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CAC3C;AAED;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,OAAO,CAAC,sBAAsB,CAAC;CAAI;AAE3E;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,EAAE,QAAQ,CAAC;CAC1B;AAKD;;GAEG;AACH,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAC,IAAI,CAAK;IACxB,OAAO,CAAC,QAAQ,CAAyC;IACzD,OAAO,CAAC,qBAAqB,CAAqB;IAClD,OAAO,CAAC,MAAM,CAAC,UAAU,CAAkB;gBAE/B,oBAAoB,EAAE,kBAAkB;IAIpD,6CAA6C;WAC/B,UAAU,IAAI,IAAI;IAIhC,WAAkB,SAAS,IAAI,MAAM,CAAyC;IAE9E,WAAkB,SAAS,CAAC,MAAM,EAAE,MAAM,EAA4C;IACtF,IAAW,OAAO,iBAA4B;IAE9C,IAAW,oBAAoB,IAAI,kBAAkB,CAAuC;WAE9E,sBAAsB,IAAI,MAAM;IAY9C;;;;;OAKG;IACI,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,QAAQ,GAAG,IAAI;IASxF,gBAAgB;IACT,UAAU,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI;IAKxC,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IASlD,gBAAgB;IACT,QAAQ,IAAI,IAAI;IAKvB,gBAAgB;IACT,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IAU3C,sBAAsB,IAAI,IAAI;IAI9B,MAAM,IAAI,IAAI;IAIrB,IAAW,YAAY,IAAI,KAAK,CAAC,SAAS,GAAG,SAAS,CAKrD;IAED,IAAW,WAAW,IAAI,MAAM,CAE/B;CACF;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,iBAAiB,CAAC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,gBAAgB;AAChB,UAAU,mBAAmB;IAC3B,cAAc,EAAE,QAAQ,GAAG,IAAI,CAAC;CACjC;AACD;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IACnG,gBAAgB;IAChB,SAAyB,KAAK,EAAE,mBAAmB,CAEjD;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IAoBzB,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,IAAI,IAAI;IAI5C,OAAO,CAAC,yBAAyB,CAE/B;CAEH"}

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

@@ -9,13 +9,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogRendererBase = exports.DialogManagerBase = exports.DialogChangedEvent = void 0;
 const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
 const appui_abstract_1 = require("@itwin/appui-abstract");
+const UiFramework_1 = require("../UiFramework");
+const core_react_1 = require("@itwin/core-react");
 /** Dialog Changed Event class.
  * @public
  */
 class DialogChangedEvent extends appui_abstract_1.UiEvent {
 }
 exports.DialogChangedEvent = DialogChangedEvent;
+/** Used if the 'dialog' z-index CSS variable cannot be read */
+const ZINDEX_DEFAULT = 12000;
 /** Dialog Manager class.
  * @internal
  */
@@ -24,8 +29,23 @@ class DialogManagerBase {
         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 = (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;
+    }
     /**
      * Triggers opening a dialog.
      * @param dialog Dialog React component.
@@ -63,6 +83,8 @@ class DialogManagerBase {
         });
         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 });
@@ -81,6 +103,7 @@ class DialogManagerBase {
 }
 exports.DialogManagerBase = DialogManagerBase;
 DialogManagerBase._sId = 0;
+DialogManagerBase._topZIndex = ZINDEX_DEFAULT;
 /** DialogRenderer React component.
  * @internal
  */

package/lib/cjs/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 { UiEvent } from \"@itwin/appui-abstract\";\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"]}
+{"version":3,"file":"DialogManagerBase.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/DialogManagerBase.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,sDAA6C;AAC7C,0DAAgD;AAChD,gDAA6C;AAC7C,kDAA2D;AAU3D;;GAEG;AACH,MAAa,kBAAmB,SAAQ,wBAA+B;CAAI;AAA3E,gDAA2E;AAW3E,+DAA+D;AAC/D,MAAM,cAAc,GAAG,KAAK,CAAC;AAE7B;;GAEG;AACH,MAAa,iBAAiB;IAM5B,YAAY,oBAAwC;QAJ5C,aAAQ,GAAiB,IAAI,KAAK,EAAc,CAAC;QAKvD,IAAI,CAAC,qBAAqB,GAAG,oBAAoB,CAAC;IACpD,CAAC;IAED,6CAA6C;IACtC,MAAM,CAAC,UAAU;QACtB,iBAAiB,CAAC,UAAU,GAAG,iBAAiB,CAAC,sBAAsB,EAAE,CAAC;IAC5E,CAAC;IAEM,MAAM,KAAK,SAAS,KAAa,OAAO,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC;IAEvE,MAAM,KAAK,SAAS,CAAC,MAAc,IAAI,iBAAiB,CAAC,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC;IACtF,IAAW,OAAO,KAAK,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE9C,IAAW,oBAAoB,KAAyB,OAAO,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAErF,MAAM,CAAC,sBAAsB;QAClC,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;;;;;OAKG;IACI,UAAU,CAAC,MAAuB,EAAE,EAAW,EAAE,cAAyB;QAC/E,IAAI,CAAC,EAAE;YACL,EAAE,GAAG,UAAU,EAAE,iBAAiB,CAAC,IAAI,EAAE,CAAC;QAE5C,uBAAuB;QACvB,MAAM,SAAS,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,QAAQ,CAAC;QAC7C,IAAI,CAAC,UAAU,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC,CAAC;IACxE,CAAC;IAED,gBAAgB;IACT,UAAU,CAAC,UAAsB;QACtC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC/B,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAEM,WAAW,CAAC,MAAwB;QACzC,IAAI,YAAY,GAAG,MAAM,CAAC;QAC1B,IAAI,CAAC,MAAM;YACT,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;QAEnC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAChC,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAED,gBAAgB;IACT,QAAQ;QACb,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAED,gBAAgB;IACT,YAAY,CAAC,MAAuB;QACzC,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,UAAsB,EAAE,EAAE;YAC/D,OAAO,MAAM,KAAK,UAAU,CAAC,SAAS,CAAC;QACzC,CAAC,CAAC,CAAC;QACH,IAAI,KAAK,IAAI,CAAC;YACZ,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACjC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;YAC1B,iBAAiB,CAAC,SAAS,GAAG,iBAAiB,CAAC,sBAAsB,EAAE,CAAC;IAC7E,CAAC;IAEM,sBAAsB;QAC3B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;IACtG,CAAC;IAEM,MAAM;QACX,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAED,IAAW,YAAY;QACrB,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;YAC1B,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QAE3D,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;IAC9B,CAAC;;AAlGH,8CAmGC;AAlGgB,sBAAI,GAAG,CAAC,CAAC;AAGT,4BAAU,GAAG,cAAc,CAAC;AA6G7C;;GAEG;AACH,MAAa,kBAAmB,SAAQ,KAAK,CAAC,aAAuD;IAArG;;QACE,gBAAgB;QACS,UAAK,GAAwB;YACpD,cAAc,EAAE,IAAI;SACrB,CAAC;QAEM,kBAAa,GAAG,CAAC,QAA4B,EAAE,EAAE;;YACvD,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,mCAAI,IAAI,EAAE,CAAC,CAAC;QACrE,CAAC,CAAC;QA8BM,8BAAyB,GAAG,CAAC,KAA6B,EAAE,EAAE;YACpE,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC,CAAC;IAEJ,CAAC;IAhCiB,MAAM;QACpB,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,IAAI,CAAC;YAC3C,OAAO,IAAI,CAAC;QAEd,OAAO,CACL,6BAAK,SAAS,EAAC,qCAAqC,EAAC,GAAG,EAAE,IAAI,CAAC,aAAa,IACzE,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;iBACjG,GAAG,CAAC,CAAC,UAAsB,EAAE,EAAE;gBAC9B,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,UAAU,CAAC,EAAE,IAC/B,UAAU,CAAC,SAAS,CACN,CAClB,CAAC;YACJ,CAAC,CAAC,CAEF,CACP,CAAC;IACJ,CAAC;IAEe,iBAAiB;QAC/B,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,WAAW,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;IAC5F,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,cAAc,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;IAC/F,CAAC;CAMF;AA1CD,gDA0CC","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"]}

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

@@ -27,10 +27,8 @@ export declare class ModelessDialogManager {
     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

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

@@ -1 +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"}
+{"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,EAAE,MAAM,mBAAmB,CAAC;AAEhD,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;AAED;;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,6CAA6C;WAC/B,UAAU,IAAI,IAAI;IAIhC;;;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;IAc1G,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

@@ -10,7 +10,6 @@ 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");
@@ -21,8 +20,6 @@ const core_frontend_1 = require("@itwin/core-frontend");
 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
  */
@@ -31,16 +28,7 @@ class ModelessDialogManager {
     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;
+        DialogManagerBase_1.DialogManagerBase.initialize();
     }
     /** Open a modeless dialog
      * @param dialog The Dialog to open
@@ -54,7 +42,7 @@ class ModelessDialogManager {
             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._dialogMap.set(id, { reactNode: dialog, zIndex: DialogManagerBase_1.DialogManagerBase.topZIndex, parentDocument });
         ModelessDialogManager._idArray.push(id);
         ModelessDialogManager.dialogManager.openDialog(dialog, id, parentDocument);
     }
@@ -71,7 +59,7 @@ class ModelessDialogManager {
             if (index >= 0)
                 ModelessDialogManager._idArray.splice(index, 1);
             if (ModelessDialogManager.activeDialog === undefined)
-                ModelessDialogManager._topZIndex = ModelessDialogManager.getDialogZIndexDefault();
+                DialogManagerBase_1.DialogManagerBase.topZIndex = DialogManagerBase_1.DialogManagerBase.getDialogZIndexDefault();
             this.update();
         }
         else {
@@ -105,7 +93,8 @@ class ModelessDialogManager {
     static handlePointerDownEvent(_event, id, updateFunc) {
         const dialogInfo = ModelessDialogManager._dialogMap.get(id);
         if (dialogInfo && dialogInfo.reactNode !== ModelessDialogManager.activeDialog) {
-            dialogInfo.zIndex = ++ModelessDialogManager._topZIndex;
+            DialogManagerBase_1.DialogManagerBase.topZIndex += 1;
+            dialogInfo.zIndex = DialogManagerBase_1.DialogManagerBase.topZIndex;
             ModelessDialogManager._idArray.splice(ModelessDialogManager._idArray.indexOf(id), 1);
             ModelessDialogManager._idArray.push(id);
             updateFunc();
@@ -114,7 +103,7 @@ class ModelessDialogManager {
     }
     /** Get the z-index for a modeless dialog */
     static getDialogZIndex(id) {
-        let zIndex = ModelessDialogManager.getDialogZIndexDefault();
+        let zIndex = DialogManagerBase_1.DialogManagerBase.getDialogZIndexDefault();
         const dialogInfo = ModelessDialogManager._dialogMap.get(id);
         // istanbul ignore else
         if (dialogInfo)
@@ -132,7 +121,6 @@ ModelessDialogManager.onModelessDialogChangedEvent = new ModelessDialogChangedEv
 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
  */

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

@@ -1 +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"]}
+{"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 } 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/** 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  /** Initialize the modeless dialog manager */\r\n  public static initialize(): void {\r\n    DialogManagerBase.initialize();\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: DialogManagerBase.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        DialogManagerBase.topZIndex = DialogManagerBase.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      DialogManagerBase.topZIndex += 1;\r\n      dialogInfo.zIndex = DialogManagerBase.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 = DialogManagerBase.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.map

@@ -1 +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;IA4DrC,OAAO,CAAC,aAAa,CAMnB;IAEF,OAAO,CAAC,aAAa,CAMnB;IAEF,OAAO,CAAC,YAAY,CAOlB;CACH"}
+{"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;AAI5D;;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;IA4DrC,OAAO,CAAC,aAAa,CAMnB;IAEF,OAAO,CAAC,aAAa,CAMnB;IAEF,OAAO,CAAC,YAAY,CAOlB;CACH"}

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

@@ -13,6 +13,7 @@ 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");
+const DialogManagerBase_1 = require("./DialogManagerBase");
 /** StandardMessageBox React component displays a standard icon, message text and a standard button set in the lower right.
  * @public
  */
@@ -86,7 +87,7 @@ class StandardMessageBox extends React.PureComponent {
                 severity = appui_abstract_1.MessageSeverity.Success;
                 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));
+        return (React.createElement(core_react_1.MessageBox, { className: this.props.className, style: { zIndex: DialogManagerBase_1.DialogManagerBase.topZIndex, ...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;

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

@@ -1 +1 @@
-{"version":3,"file":"StandardMessageBox.js","sourceRoot":"","sources":["../../../../src/appui-react/dialog/StandardMessageBox.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,wDAA2F;AAC3F,0DAA2F;AAC3F,kDAA4D;AAC5D,6DAA0D;AAyB1D;;GAEG;AACH,MAAa,kBAAmB,SAAQ,KAAK,CAAC,aAA+D;IAK3G,YAAY,KAA8B;QACxC,KAAK,CAAC,KAAK,CAAC,CAAC;QAkEP,kBAAa,GAAG,CAAC,UAA2B,EAAE,EAAE;YACtD,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE;gBACrB,uBAAuB;gBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;oBACrB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;YACpC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,kBAAa,GAAG,GAAG,EAAE;YAC3B,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE;gBACrB,uBAAuB;gBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;oBACrB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,+BAAe,CAAC,MAAM,CAAC,CAAC;YAChD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,iBAAY,GAAG,CAAC,QAAoB,EAAE,EAAE;YAC9C,IAAI,CAAC,QAAQ,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;gBAC7B,MAAM,EAAE,KAAK;aACd,CAAC,EAAE,GAAG,EAAE;gBACP,uCAAkB,CAAC,WAAW,EAAE,CAAC;gBACjC,QAAQ,EAAE,CAAC;YACb,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAxFA,IAAI,CAAC,KAAK,GAAG;YACX,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;SAC1B,CAAC;IACJ,CAAC;IAEe,MAAM;QACpB,MAAM,aAAa,GAAsB,IAAI,KAAK,EAAmB,CAAC;QAEtE,QAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE;YACjC,KAAK,8BAAc,CAAC,EAAE,CAAC;YACvB,KAAK,8BAAc,CAAC,OAAO;gBACzB,aAAa,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,iCAAgB,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,+BAAe,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBAC9G,MAAM;YACR,KAAK,8BAAc,CAAC,QAAQ,CAAC;YAC7B,KAAK,8BAAc,CAAC,WAAW;gBAC7B,aAAa,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,iCAAgB,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,+BAAe,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBAC9G,aAAa,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,iCAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,+BAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBACtH,MAAM;YACR,KAAK,8BAAc,CAAC,KAAK,CAAC;YAC1B,KAAK,8BAAc,CAAC,WAAW;gBAC7B,aAAa,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,iCAAgB,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,+BAAe,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBAChH,aAAa,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,iCAAgB,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,+BAAe,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBAC9G,IAAI,8BAAc,CAAC,WAAW,KAAK,IAAI,CAAC,KAAK,CAAC,cAAc;oBAC1D,aAAa,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,iCAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,+BAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBACxH,MAAM;SACT;QAED,IAAI,QAAQ,GAAG,gCAAe,CAAC,IAAI,CAAC;QACpC,QAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YAC3B,KAAK,kCAAkB,CAAC,QAAQ;gBAC9B,QAAQ,GAAG,gCAAe,CAAC,IAAI,CAAC;gBAChC,MAAM;YACR,KAAK,kCAAkB,CAAC,WAAW;gBACjC,QAAQ,GAAG,gCAAe,CAAC,WAAW,CAAC;gBACvC,MAAM;YACR,KAAK,kCAAkB,CAAC,QAAQ;gBAC9B,QAAQ,GAAG,gCAAe,CAAC,QAAQ,CAAC;gBACpC,MAAM;YACR,KAAK,kCAAkB,CAAC,OAAO;gBAC7B,QAAQ,GAAG,gCAAe,CAAC,OAAO,CAAC;gBACnC,MAAM;YACR,KAAK,kCAAkB,CAAC,QAAQ;gBAC9B,QAAQ,GAAG,gCAAe,CAAC,KAAK,CAAC;gBACjC,MAAM;YACR,KAAK,kCAAkB,CAAC,OAAO;gBAC7B,QAAQ,GAAG,gCAAe,CAAC,OAAO,CAAC;gBACnC,MAAM;SACT;QAED,OAAO,CACL,oBAAC,uBAAU,IACT,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,QAAQ,EAAE,IAAI,CAAC,aAAa,IAE3B,IAAI,CAAC,KAAK,CAAC,QAAQ,CACT,CACd,CAAC;IACJ,CAAC;CA0BF;AAhGD,gDAgGC","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      case MessageBoxIconType.Success:\r\n        severity = MessageSeverity.Success;\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"]}
+{"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\nimport { DialogManagerBase } from \"./DialogManagerBase\";\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      case MessageBoxIconType.Success:\r\n        severity = MessageSeverity.Success;\r\n        break;\r\n    }\r\n\r\n    return (\r\n      <MessageBox\r\n        className={this.props.className}\r\n        style={{ zIndex: DialogManagerBase.topZIndex, ...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/frontstage/FrontstageDef.d.ts

@@ -15,6 +15,7 @@ import { ZoneDef } from "../zones/ZoneDef";
 import { FrontstageProps } from "./Frontstage";
 import { FrontstageProvider } from "./FrontstageProvider";
 import { TimeTracker } from "../configurableui/TimeTracker";
+import { SavedWidgets } from "../widget-panels/Frontstage";
 /** @internal */
 export interface FrontstageEventArgs {
     frontstageDef: FrontstageDef;
@@ -60,6 +61,7 @@ export declare class FrontstageDef {
     private _nineZoneState?;
     private _contentGroupProvider?;
     private _floatingContentControls?;
+    private _savedWidgetDefs?;
     get id(): string;
     get defaultTool(): ToolItemDef | undefined;
     get defaultContentId(): string;
@@ -104,6 +106,9 @@ export declare class FrontstageDef {
     get nineZoneState(): NineZoneState | undefined;
     set nineZoneState(state: NineZoneState | undefined);
     /** @internal */
+    get savedWidgetDefs(): SavedWidgets | undefined;
+    set savedWidgetDefs(widgets: SavedWidgets | undefined);
+    /** @internal */
     get timeTracker(): TimeTracker;
     /** Created a [[FrontstageDef]] and initialize it */
     static create(provider: FrontstageProvider): Promise<FrontstageDef>;
@@ -201,7 +206,7 @@ export declare class FrontstageDef {
     get isApplicationClosing(): boolean;
     get isReady(): boolean;
     /** @internal */
-    saveChildWindowSizeAndPosition(childWindowId: string, childWindow: Window): Promise<void>;
+    saveChildWindowSizeAndPosition(childWindowId: string, childWindow: Window): void;
     /** @internal */
     setFloatingWidgetBoundsInternal(floatingWidgetId: string, bounds: RectangleProps, inhibitNineZoneStateChangedEvent?: boolean): void;
     /** Method used to possibly change a Popout Widget back to a docked widget if the user was the one closing the popout's child
@@ -220,5 +225,12 @@ export declare class FrontstageDef {
     getFloatingWidgetContainerIds(): string[];
     getFloatingWidgetContainerIdByWidgetId(widgetId: string): string | undefined;
     getFloatingWidgetContainerBounds(floatingWidgetId: string | undefined): RectangleProps | undefined;
+    private _widgetDefs;
+    /** Iterable of all widget definitions in a frontstage.
+     * @internal
+     */
+    get widgetDefs(): {
+        [Symbol.iterator](): Iterator<WidgetDef, any, undefined>;
+    };
 }
 //# sourceMappingURL=FrontstageDef.d.ts.map