@itwin/appui-react 4.14.1 → 4.14.2

package/CHANGELOG.md

@@ -1,6 +1,15 @@
 # Change Log - @itwin/appui-react
 
-This log was last generated on Tue, 11 Jun 2024 15:58:29 GMT and should not be manually modified.
+This log was last generated on Mon, 22 Jul 2024 21:23:09 GMT and should not be manually modified.
+
+## 4.14.2
+Mon, 22 Jul 2024 21:23:09 GMT
+
+### Updates
+
+- Fix an issue where Popup is rendered outside of a StatusBarPopover.
+- Fix an issue where widget is rendered above the dialog backdrop.
+- Fixed popout widget changing position on a secondary montitor.
 
 ## 4.14.1
 Tue, 11 Jun 2024 15:58:29 GMT

package/lib/cjs/appui-react/childwindow/ChildWindowConfig.d.ts

@@ -7,6 +7,10 @@ export interface ChildWindow extends Window {
     expectedWidth?: number;
     /** Expected height of the child window. */
     expectedHeight?: number;
+    /** Expected top value of the child window. */
+    expectedTop?: number;
+    /** Expected left value of the child window. */
+    expectedLeft?: number;
     /** Difference between expected child window width and actual value when opened. */
     deltaWidth?: number;
     /** Difference between expected child window height and actual value when opened. */

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

@@ -1 +1 @@
-{"version":3,"file":"ChildWindowConfig.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/ChildWindowConfig.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,MAAM;IACzC,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mFAAmF;IACnF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"ChildWindowConfig.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/ChildWindowConfig.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,MAAM;IACzC,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mFAAmF;IACnF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChildWindowConfig.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/ChildWindowConfig.ts"],"names":[],"mappings":"","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/**\n * An extension of a Window to be used for Popout Widgets.\n * @internal\n */\nexport interface ChildWindow extends Window {\n  /** Expected width of the child window. */\n  expectedWidth?: number;\n  /** Expected height of the child window. */\n  expectedHeight?: number;\n  /** Difference between expected child window width and actual value when opened. */\n  deltaWidth?: number;\n  /** Difference between expected child window height and actual value when opened. */\n  deltaHeight?: number;\n  /** Difference between expected child window left value and actual value when opened. */\n  deltaLeft?: number;\n  /** Difference between expected child window top value and actual value when opened. */\n  deltaTop?: number;\n}\n"]}
+{"version":3,"file":"ChildWindowConfig.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/ChildWindowConfig.ts"],"names":[],"mappings":"","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/**\n * An extension of a Window to be used for Popout Widgets.\n * @internal\n */\nexport interface ChildWindow extends Window {\n  /** Expected width of the child window. */\n  expectedWidth?: number;\n  /** Expected height of the child window. */\n  expectedHeight?: number;\n  /** Expected top value of the child window. */\n  expectedTop?: number;\n  /** Expected left value of the child window. */\n  expectedLeft?: number;\n  /** Difference between expected child window width and actual value when opened. */\n  deltaWidth?: number;\n  /** Difference between expected child window height and actual value when opened. */\n  deltaHeight?: number;\n  /** Difference between expected child window left value and actual value when opened. */\n  deltaLeft?: number;\n  /** Difference between expected child window top value and actual value when opened. */\n  deltaTop?: number;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"InternalChildWindowManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/InternalChildWindowManager.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EACV,wBAAwB,EACxB,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,oCAAoC,CAAC;AAO5C,OAAO,mCAAmC,CAAC;AA0B3C;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,qBAAqB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/E;;;;KAIK;AACL,qBAAa,0BAA2B,YAAW,qBAAqB;IACtE,OAAO,CAAC,iBAAiB,CAA6B;IACtD,OAAO,CAAC,WAAW,CAAC,CAAa;IACjC,OAAO,CAAC,MAAM,CAAwC;IAEtD,IAAW,gBAAgB,0BAE1B;IAED;;;;;;;;OAQG;IACI,aAAa,CAAC,YAAY,EAAE,UAAU,GAAG,IAAI;IAIpD;;;;OAIG;IACH,OAAO,CAAC,MAAM;IAqBd;;;;OAIG;IACI,IAAI,CACT,aAAa,EAAE,MAAM,GAAG,SAAS,GAChC,mBAAmB,GAAG,SAAS;IAQlC;;;;OAIG;IACI,MAAM,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS;IAS3E,OAAO,CAAC,yBAAyB;IA8FjC,gGAAgG;IACzF,QAAQ;IAOf;;;;;OAKG;IACI,KAAK,kBAAmB,MAAM,2CAkBnC;IAEF,OAAO,CAAC,oBAAoB;IAU5B;;;;;;;;OAQG;IACI,IAAI,CACT,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,KAAK,CAAC,SAAS,EACxB,QAAQ,EAAE,wBAAwB,EAClC,mBAAmB,CAAC,EAAE,OAAO;CA2DhC"}
+{"version":3,"file":"InternalChildWindowManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/InternalChildWindowManager.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EACV,wBAAwB,EACxB,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,oCAAoC,CAAC;AAO5C,OAAO,mCAAmC,CAAC;AA0B3C;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,qBAAqB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/E;;;;KAIK;AACL,qBAAa,0BAA2B,YAAW,qBAAqB;IACtE,OAAO,CAAC,iBAAiB,CAA6B;IACtD,OAAO,CAAC,WAAW,CAAC,CAAa;IACjC,OAAO,CAAC,MAAM,CAAwC;IAEtD,IAAW,gBAAgB,0BAE1B;IAED;;;;;;;;OAQG;IACI,aAAa,CAAC,YAAY,EAAE,UAAU,GAAG,IAAI;IAIpD;;;;OAIG;IACH,OAAO,CAAC,MAAM;IAqBd;;;;OAIG;IACI,IAAI,CACT,aAAa,EAAE,MAAM,GAAG,SAAS,GAChC,mBAAmB,GAAG,SAAS;IAQlC;;;;OAIG;IACI,MAAM,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS;IAS3E,OAAO,CAAC,yBAAyB;IAqGjC,gGAAgG;IACzF,QAAQ;IAOf;;;;;OAKG;IACI,KAAK,kBAAmB,MAAM,2CAkBnC;IAEF,OAAO,CAAC,oBAAoB;IAU5B;;;;;;;;OAQG;IACI,IAAI,CACT,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,KAAK,CAAC,SAAS,EACxB,QAAQ,EAAE,wBAAwB,EAClC,mBAAmB,CAAC,EAAE,OAAO;CA2DhC"}

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

@@ -180,6 +180,12 @@ class InternalChildWindowManager {
                         childWindow.deltaHeight =
                             childWindow.expectedHeight - childWindow.innerHeight;
                     }
+                    if (childWindow.expectedLeft && childWindow.expectedTop) {
+                        childWindow.deltaLeft =
+                            childWindow.expectedLeft - childWindow.screenLeft;
+                        childWindow.deltaTop =
+                            childWindow.expectedTop - childWindow.screenTop;
+                    }
                 });
             });
             childWindow.addEventListener("pagehide", () => {
@@ -235,8 +241,8 @@ class InternalChildWindowManager {
             return false;
         childWindow.expectedHeight = location.height;
         childWindow.expectedWidth = location.width;
-        childWindow.deltaLeft = location.left - childWindow.screenLeft;
-        childWindow.deltaTop = location.top - childWindow.screenTop;
+        childWindow.expectedLeft = location.left;
+        childWindow.expectedTop = location.top;
         if (url.length === 0) {
             childWindow.document.write(childHtml);
             this.renderChildWindowContents(childWindow, childWindowId, content, title);

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

@@ -1 +1 @@
-{"version":3,"file":"InternalChildWindowManager.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/InternalChildWindowManager.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\n/** @packageDocumentation\n * @module ChildWindowManager\n */\n\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { Provider } from \"react-redux\";\nimport { UiFramework } from \"../UiFramework\";\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\nimport type {\n  ChildWindowLocationProps,\n  FrameworkChildWindows,\n  OpenChildWindowInfo,\n} from \"../framework/FrameworkChildWindows\";\nimport { TabIdContext } from \"../layout/widget/ContentRenderer\";\nimport { PopupRenderer } from \"../popup/PopupManager\";\nimport { ThemeManager } from \"../theme/ThemeManager\";\nimport { UiStateStorageHandler } from \"../uistate/useUiStateStorage\";\nimport type { ChildWindow } from \"./ChildWindowConfig\";\nimport { copyStyles } from \"./CopyStyles\";\nimport \"./InternalChildWindowManager.scss\";\nimport { usePopoutsStore } from \"../preview/reparent-popout-widgets/usePopoutsStore\";\n\nconst childHtml = `<!DOCTYPE html>\n<html>\n<head>\n  <meta charset=\"utf-8\" />\n  <style>\n    html,\n    body {\n      height: 100%;\n      width: 100%;\n      margin: 0;\n      overflow: hidden;\n    }\n    #root {\n      height: 100%;\n    }\n  </style>\n</head>\n<body>\n  <noscript>You need to enable JavaScript to run this app.</noscript>\n  <div id=\"root\"></div>\n</body>\n</html>`;\n\n/**\n * Simplification of non exported CreateRoot parameter, only to be used\n * in InternalChildWindowManager and ChildWindowManager\n * @internal\n */\nexport type CreateRoot = Parameters<FrameworkChildWindows[\"useCreateRoot\"]>[0];\n\n/** Supports opening a child browser window from the main application window. The child window is managed by the main application\n * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.\n * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)\n * @internal\n * */\nexport class InternalChildWindowManager implements FrameworkChildWindows {\n  private _openChildWindows: OpenChildWindowInfo[] = [];\n  private _createRoot?: CreateRoot;\n  private _roots: { [childwindowId: string]: any } = {};\n\n  public get openChildWindows() {\n    return this._openChildWindows;\n  }\n\n  /**\n   * When using React 18, the `createRoot` function must be provided in order to render Popout content with React 18.\n   * Do not call if using React 17 or before.\n   *\n   * Note: The type of the function is intentionally simplified here.\n   *\n   * @param createRootFn Function imported from `import { createRoot } from \"react-dom/client\";`\n   * @beta Will be removed once the transition to React 18 is complete.\n   */\n  public useCreateRoot(createRootFn: CreateRoot): void {\n    this._createRoot = createRootFn;\n  }\n\n  /**\n   * Abstracts ReactDOM.render to use either the _createRoot method or the default ReactDOM.render.\n   * @param element Element to render.\n   * @param container Container to render to.\n   */\n  private render(\n    element: React.FunctionComponentElement<any>,\n    container: Element | DocumentFragment\n  ) {\n    // If createRoot is passed in for React 18 we have to render differently\n    // than without it. React 17 vs React 18. We need to save the root to\n    // unmount it.\n    if (this._createRoot) {\n      const childWindowId = UiFramework.childWindows.findId(\n        container.ownerDocument.defaultView\n      );\n      if (childWindowId) {\n        this._roots[childWindowId] = this._createRoot(container);\n        this._roots[childWindowId].render(element);\n      }\n    } else {\n      // eslint-disable-next-line react/no-deprecated, deprecation/deprecation\n      ReactDOM.render(element, container);\n    }\n  }\n\n  /**\n   * Returns the OpenChildWindowInfo for the related id.\n   * @param childWindowId Id of the window to retrieve.\n   * @returns undefined if not found.\n   */\n  public find(\n    childWindowId: string | undefined\n  ): OpenChildWindowInfo | undefined {\n    if (undefined === childWindowId) return undefined;\n\n    return this.openChildWindows.find(\n      (openWindow) => openWindow.childWindowId === childWindowId\n    );\n  }\n\n  /**\n   * Return the childWindowId of the provided window.\n   * @param contentWindow Window element to identify\n   * @returns undefined if not found\n   */\n  public findId(contentWindow: Window | undefined | null): string | undefined {\n    if (!contentWindow) return undefined;\n\n    const childWindow = this.openChildWindows.find(\n      (openWindow) => openWindow.window === contentWindow\n    );\n    return childWindow?.childWindowId;\n  }\n\n  private renderChildWindowContents(\n    childWindow: ChildWindow,\n    childWindowId: string,\n    content: React.ReactNode,\n    title: string\n  ) {\n    childWindow.document.title = title;\n\n    const reactConnectionDiv = childWindow.document.getElementById(\"root\");\n    if (reactConnectionDiv && content && React.isValidElement(content)) {\n      // set openChildWindows now so components can use it when they mount\n      this._openChildWindows.push({\n        childWindowId,\n        window: childWindow,\n        parentWindow: window,\n      });\n      let element: React.FunctionComponentElement<any>;\n      if (content.props.widgetDef) {\n        const tabId = content.props.widgetDef.id as string;\n        element = (\n          <Provider store={UiFramework.store}>\n            <TabIdContext.Provider value={tabId}>\n              <UiStateStorageHandler>\n                <ThemeManager>\n                  <div className=\"uifw-child-window-container-host\">\n                    <PopupRenderer />\n                    <ModalDialogRenderer />\n                    <ModelessDialogRenderer />\n                    <CursorPopupMenu />\n                    <div className=\"uifw-child-window-container nz-widget-widget\">\n                      {content}\n                    </div>\n                  </div>\n                </ThemeManager>\n              </UiStateStorageHandler>\n            </TabIdContext.Provider>\n          </Provider>\n        );\n      } else {\n        element = (\n          <Provider store={UiFramework.store}>\n            <UiStateStorageHandler>\n              <ThemeManager>\n                <div className=\"uifw-child-window-container-host\">\n                  <PopupRenderer />\n                  <ModalDialogRenderer />\n                  <ModelessDialogRenderer />\n                  <CursorPopupMenu />\n                  <div className=\"uifw-child-window-container nz-widget-widget\">\n                    {content}\n                  </div>\n                </div>\n              </ThemeManager>\n            </UiStateStorageHandler>\n          </Provider>\n        );\n      }\n\n      setTimeout(() => {\n        copyStyles(childWindow.document);\n        setTimeout(() => {\n          this.render(element, reactConnectionDiv);\n\n          if (childWindow.expectedHeight && childWindow.expectedWidth) {\n            childWindow.deltaWidth =\n              childWindow.expectedWidth - childWindow.innerWidth;\n            childWindow.deltaHeight =\n              childWindow.expectedHeight - childWindow.innerHeight;\n          }\n        });\n      });\n\n      childWindow.addEventListener(\"pagehide\", () => {\n        const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\n        if (!frontStageDef) return;\n        frontStageDef.saveChildWindowSizeAndPosition(\n          childWindowId,\n          childWindow\n        );\n\n        // Trigger first so popout can be converted back to main window widget\n        this.close(childWindowId, false);\n\n        // UnmountComponentAtNode is deprecated in React 18, so if they are\n        // using React 18 and passing in a createRoot function, unmount()\n        // will be used\n        if (this._roots[childWindowId]) {\n          this._roots[childWindowId].unmount();\n          // eslint-disable-next-line react/no-deprecated, deprecation/deprecation\n        } else ReactDOM.unmountComponentAtNode(reactConnectionDiv);\n      });\n    }\n  }\n\n  /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */\n  public closeAll() {\n    this.openChildWindows.forEach((openChildWindow) =>\n      openChildWindow.window.close()\n    );\n    this._openChildWindows = [];\n  }\n\n  /**\n   * Close a specific child window.\n   * @param childWindowId Id of the window to close.\n   * @param processWindowClose should the `close` method be called on the closing window. (defaults to true).\n   * @returns false if the window could not be found.\n   */\n  public close = (childWindowId: string, processWindowClose = true) => {\n    const windowIndex = this.openChildWindows.findIndex(\n      (openWindow) => openWindow.childWindowId === childWindowId\n    );\n    if (windowIndex === -1) return false;\n    const { onClosePopoutWidget } = usePopoutsStore.getState();\n    onClosePopoutWidget.raiseEvent({ windowId: childWindowId });\n\n    const childWindow = this.openChildWindows[windowIndex];\n    this.openChildWindows.splice(windowIndex, 1);\n    if (processWindowClose) {\n      childWindow.window.close();\n    } else {\n      // call the following to convert popout to docked widget\n      const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\n      frontStageDef?.dockWidgetContainerByContainerId(childWindowId);\n    }\n    return true;\n  };\n\n  private adjustWindowLocation(location: ChildWindowLocationProps) {\n    // If no location is provided, child window will open in the center of the current window.\n    if (location.top === 0 && location.left === 0) {\n      location.left =\n        window.outerWidth / 2 + window.screenX - location.width / 2;\n      location.top =\n        window.outerHeight / 2 + window.screenY - location.height / 2;\n    }\n  }\n\n  /**\n   * Open a new child window.\n   * @param childWindowId Id to assign to the newly created window.\n   * @param title Title to display on the window.\n   * @param content ReactNode to be rendered in the window.\n   * @param location Position and size information\n   * @param useDefaultPopoutUrl use \"/iTwinPopup.html\" as the window Url, \"\" otherwise.\n   * @returns true if the window is opened successfully.\n   */\n  public open(\n    childWindowId: string,\n    title: string,\n    content: React.ReactNode,\n    location: ChildWindowLocationProps,\n    useDefaultPopoutUrl?: boolean\n  ) {\n    if (\n      this.openChildWindows.some(\n        (openWindow) => openWindow.childWindowId === childWindowId\n      )\n    ) {\n      return false;\n    }\n\n    this.adjustWindowLocation(location);\n    const url = useDefaultPopoutUrl ? \"/iTwinPopup.html\" : \"\";\n    const childWindow: ChildWindow | null = window.open(\n      url,\n      \"\",\n      `width=${location.width},height=${location.height},left=${location.left},top=${location.top},menubar=no,resizable=yes,scrollbars=no,status=no,location=no`\n    );\n    if (!childWindow) return false;\n    childWindow.expectedHeight = location.height;\n    childWindow.expectedWidth = location.width;\n    childWindow.deltaLeft = location.left - childWindow.screenLeft;\n    childWindow.deltaTop = location.top - childWindow.screenTop;\n\n    if (url.length === 0) {\n      childWindow.document.write(childHtml);\n      this.renderChildWindowContents(\n        childWindow,\n        childWindowId,\n        content,\n        title\n      );\n    } else {\n      childWindow.addEventListener(\n        \"DOMContentLoaded\",\n        () => {\n          this.renderChildWindowContents(\n            childWindow,\n            childWindowId,\n            content,\n            title\n          );\n        },\n        false\n      );\n    }\n\n    window.addEventListener(\n      \"unload\",\n      () => {\n        const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\n        if (frontStageDef) {\n          this.close(childWindowId, true);\n        }\n      },\n      false\n    );\n\n    return true;\n  }\n}\n"]}
+{"version":3,"file":"InternalChildWindowManager.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/InternalChildWindowManager.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;;;AAEhG;;GAEG;AAEH,+BAA+B;AAC/B,sCAAsC;AACtC,6CAAuC;AACvC,gDAA6C;AAC7C,gEAAkE;AAClE,qEAAmE;AACnE,2EAAyE;AAMzE,sEAAgE;AAChE,wDAAsD;AACtD,wDAAqD;AACrD,oEAAqE;AAErE,6CAA0C;AAC1C,6CAA2C;AAC3C,wFAAqF;AAErF,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;QAqBV,CAAC;AAST;;;;KAIK;AACL,MAAa,0BAA0B;IAAvC;QACU,sBAAiB,GAA0B,EAAE,CAAC;QAE9C,WAAM,GAAqC,EAAE,CAAC;QAuLtD;;;;;WAKG;QACI,UAAK,GAAG,CAAC,aAAqB,EAAE,kBAAkB,GAAG,IAAI,EAAE,EAAE;YAClE,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CACjD,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,aAAa,KAAK,aAAa,CAC3D,CAAC;YACF,IAAI,WAAW,KAAK,CAAC,CAAC;gBAAE,OAAO,KAAK,CAAC;YACrC,MAAM,EAAE,mBAAmB,EAAE,GAAG,iCAAe,CAAC,QAAQ,EAAE,CAAC;YAC3D,mBAAmB,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,CAAC;YAE5D,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;YACvD,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;YAC7C,IAAI,kBAAkB,EAAE,CAAC;gBACvB,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YAC7B,CAAC;iBAAM,CAAC;gBACN,wDAAwD;gBACxD,MAAM,aAAa,GAAG,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC;gBAClE,aAAa,EAAE,gCAAgC,CAAC,aAAa,CAAC,CAAC;YACjE,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;IAqFJ,CAAC;IAlSC,IAAW,gBAAgB;QACzB,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAChC,CAAC;IAED;;;;;;;;OAQG;IACI,aAAa,CAAC,YAAwB;QAC3C,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC;IAClC,CAAC;IAED;;;;OAIG;IACK,MAAM,CACZ,OAA4C,EAC5C,SAAqC;QAErC,wEAAwE;QACxE,qEAAqE;QACrE,cAAc;QACd,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,MAAM,aAAa,GAAG,yBAAW,CAAC,YAAY,CAAC,MAAM,CACnD,SAAS,CAAC,aAAa,CAAC,WAAW,CACpC,CAAC;YACF,IAAI,aAAa,EAAE,CAAC;gBAClB,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;gBACzD,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC;aAAM,CAAC;YACN,wEAAwE;YACxE,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;IAED;;;;OAIG;IACI,IAAI,CACT,aAAiC;QAEjC,IAAI,SAAS,KAAK,aAAa;YAAE,OAAO,SAAS,CAAC;QAElD,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAC/B,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,aAAa,KAAK,aAAa,CAC3D,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACI,MAAM,CAAC,aAAwC;QACpD,IAAI,CAAC,aAAa;YAAE,OAAO,SAAS,CAAC;QAErC,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAC5C,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,KAAK,aAAa,CACpD,CAAC;QACF,OAAO,WAAW,EAAE,aAAa,CAAC;IACpC,CAAC;IAEO,yBAAyB,CAC/B,WAAwB,EACxB,aAAqB,EACrB,OAAwB,EACxB,KAAa;QAEb,WAAW,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;QAEnC,MAAM,kBAAkB,GAAG,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QACvE,IAAI,kBAAkB,IAAI,OAAO,IAAI,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC;YACnE,oEAAoE;YACpE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;gBAC1B,aAAa;gBACb,MAAM,EAAE,WAAW;gBACnB,YAAY,EAAE,MAAM;aACrB,CAAC,CAAC;YACH,IAAI,OAA4C,CAAC;YACjD,IAAI,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;gBAC5B,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,EAAY,CAAC;gBACnD,OAAO,GAAG,CACR,oBAAC,sBAAQ,IAAC,KAAK,EAAE,yBAAW,CAAC,KAAK;oBAChC,oBAAC,8BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;wBACjC,oBAAC,yCAAqB;4BACpB,oBAAC,2BAAY;gCACX,6BAAK,SAAS,EAAC,kCAAkC;oCAC/C,oBAAC,4BAAa,OAAG;oCACjB,oBAAC,wCAAmB,OAAG;oCACvB,oBAAC,8CAAsB,OAAG;oCAC1B,oBAAC,4BAAe,OAAG;oCACnB,6BAAK,SAAS,EAAC,8CAA8C,IAC1D,OAAO,CACJ,CACF,CACO,CACO,CACF,CACf,CACZ,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,OAAO,GAAG,CACR,oBAAC,sBAAQ,IAAC,KAAK,EAAE,yBAAW,CAAC,KAAK;oBAChC,oBAAC,yCAAqB;wBACpB,oBAAC,2BAAY;4BACX,6BAAK,SAAS,EAAC,kCAAkC;gCAC/C,oBAAC,4BAAa,OAAG;gCACjB,oBAAC,wCAAmB,OAAG;gCACvB,oBAAC,8CAAsB,OAAG;gCAC1B,oBAAC,4BAAe,OAAG;gCACnB,6BAAK,SAAS,EAAC,8CAA8C,IAC1D,OAAO,CACJ,CACF,CACO,CACO,CACf,CACZ,CAAC;YACJ,CAAC;YAED,UAAU,CAAC,GAAG,EAAE;gBACd,IAAA,uBAAU,EAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;gBACjC,UAAU,CAAC,GAAG,EAAE;oBACd,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;oBAEzC,IAAI,WAAW,CAAC,cAAc,IAAI,WAAW,CAAC,aAAa,EAAE,CAAC;wBAC5D,WAAW,CAAC,UAAU;4BACpB,WAAW,CAAC,aAAa,GAAG,WAAW,CAAC,UAAU,CAAC;wBACrD,WAAW,CAAC,WAAW;4BACrB,WAAW,CAAC,cAAc,GAAG,WAAW,CAAC,WAAW,CAAC;oBACzD,CAAC;oBAED,IAAI,WAAW,CAAC,YAAY,IAAI,WAAW,CAAC,WAAW,EAAE,CAAC;wBACxD,WAAW,CAAC,SAAS;4BACnB,WAAW,CAAC,YAAY,GAAG,WAAW,CAAC,UAAU,CAAC;wBACpD,WAAW,CAAC,QAAQ;4BAClB,WAAW,CAAC,WAAW,GAAG,WAAW,CAAC,SAAS,CAAC;oBACpD,CAAC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,WAAW,CAAC,gBAAgB,CAAC,UAAU,EAAE,GAAG,EAAE;gBAC5C,MAAM,aAAa,GAAG,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC;gBAClE,IAAI,CAAC,aAAa;oBAAE,OAAO;gBAC3B,aAAa,CAAC,8BAA8B,CAC1C,aAAa,EACb,WAAW,CACZ,CAAC;gBAEF,sEAAsE;gBACtE,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;gBAEjC,mEAAmE;gBACnE,iEAAiE;gBACjE,eAAe;gBACf,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC;oBAC/B,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,OAAO,EAAE,CAAC;oBACrC,wEAAwE;gBAC1E,CAAC;;oBAAM,QAAQ,CAAC,sBAAsB,CAAC,kBAAkB,CAAC,CAAC;YAC7D,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,gGAAgG;IACzF,QAAQ;QACb,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,EAAE,CAChD,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE,CAC/B,CAAC;QACF,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;IAC9B,CAAC;IA4BO,oBAAoB,CAAC,QAAkC;QAC7D,0FAA0F;QAC1F,IAAI,QAAQ,CAAC,GAAG,KAAK,CAAC,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;YAC9C,QAAQ,CAAC,IAAI;gBACX,MAAM,CAAC,UAAU,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,GAAG,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC;YAC9D,QAAQ,CAAC,GAAG;gBACV,MAAM,CAAC,WAAW,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAClE,CAAC;IACH,CAAC;IAED;;;;;;;;OAQG;IACI,IAAI,CACT,aAAqB,EACrB,KAAa,EACb,OAAwB,EACxB,QAAkC,EAClC,mBAA6B;QAE7B,IACE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CACxB,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,aAAa,KAAK,aAAa,CAC3D,EACD,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;QACpC,MAAM,GAAG,GAAG,mBAAmB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1D,MAAM,WAAW,GAAuB,MAAM,CAAC,IAAI,CACjD,GAAG,EACH,EAAE,EACF,SAAS,QAAQ,CAAC,KAAK,WAAW,QAAQ,CAAC,MAAM,SAAS,QAAQ,CAAC,IAAI,QAAQ,QAAQ,CAAC,GAAG,+DAA+D,CAC3J,CAAC;QACF,IAAI,CAAC,WAAW;YAAE,OAAO,KAAK,CAAC;QAC/B,WAAW,CAAC,cAAc,GAAG,QAAQ,CAAC,MAAM,CAAC;QAC7C,WAAW,CAAC,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC;QAC3C,WAAW,CAAC,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC;QACzC,WAAW,CAAC,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAC;QAEvC,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACrB,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YACtC,IAAI,CAAC,yBAAyB,CAC5B,WAAW,EACX,aAAa,EACb,OAAO,EACP,KAAK,CACN,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,gBAAgB,CAC1B,kBAAkB,EAClB,GAAG,EAAE;gBACH,IAAI,CAAC,yBAAyB,CAC5B,WAAW,EACX,aAAa,EACb,OAAO,EACP,KAAK,CACN,CAAC;YACJ,CAAC,EACD,KAAK,CACN,CAAC;QACJ,CAAC;QAED,MAAM,CAAC,gBAAgB,CACrB,QAAQ,EACR,GAAG,EAAE;YACH,MAAM,aAAa,GAAG,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC;YAClE,IAAI,aAAa,EAAE,CAAC;gBAClB,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;YAClC,CAAC;QACH,CAAC,EACD,KAAK,CACN,CAAC;QAEF,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAvSD,gEAuSC","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\n/** @packageDocumentation\n * @module ChildWindowManager\n */\n\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { Provider } from \"react-redux\";\nimport { UiFramework } from \"../UiFramework\";\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\nimport type {\n  ChildWindowLocationProps,\n  FrameworkChildWindows,\n  OpenChildWindowInfo,\n} from \"../framework/FrameworkChildWindows\";\nimport { TabIdContext } from \"../layout/widget/ContentRenderer\";\nimport { PopupRenderer } from \"../popup/PopupManager\";\nimport { ThemeManager } from \"../theme/ThemeManager\";\nimport { UiStateStorageHandler } from \"../uistate/useUiStateStorage\";\nimport type { ChildWindow } from \"./ChildWindowConfig\";\nimport { copyStyles } from \"./CopyStyles\";\nimport \"./InternalChildWindowManager.scss\";\nimport { usePopoutsStore } from \"../preview/reparent-popout-widgets/usePopoutsStore\";\n\nconst childHtml = `<!DOCTYPE html>\n<html>\n<head>\n  <meta charset=\"utf-8\" />\n  <style>\n    html,\n    body {\n      height: 100%;\n      width: 100%;\n      margin: 0;\n      overflow: hidden;\n    }\n    #root {\n      height: 100%;\n    }\n  </style>\n</head>\n<body>\n  <noscript>You need to enable JavaScript to run this app.</noscript>\n  <div id=\"root\"></div>\n</body>\n</html>`;\n\n/**\n * Simplification of non exported CreateRoot parameter, only to be used\n * in InternalChildWindowManager and ChildWindowManager\n * @internal\n */\nexport type CreateRoot = Parameters<FrameworkChildWindows[\"useCreateRoot\"]>[0];\n\n/** Supports opening a child browser window from the main application window. The child window is managed by the main application\n * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.\n * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)\n * @internal\n * */\nexport class InternalChildWindowManager implements FrameworkChildWindows {\n  private _openChildWindows: OpenChildWindowInfo[] = [];\n  private _createRoot?: CreateRoot;\n  private _roots: { [childwindowId: string]: any } = {};\n\n  public get openChildWindows() {\n    return this._openChildWindows;\n  }\n\n  /**\n   * When using React 18, the `createRoot` function must be provided in order to render Popout content with React 18.\n   * Do not call if using React 17 or before.\n   *\n   * Note: The type of the function is intentionally simplified here.\n   *\n   * @param createRootFn Function imported from `import { createRoot } from \"react-dom/client\";`\n   * @beta Will be removed once the transition to React 18 is complete.\n   */\n  public useCreateRoot(createRootFn: CreateRoot): void {\n    this._createRoot = createRootFn;\n  }\n\n  /**\n   * Abstracts ReactDOM.render to use either the _createRoot method or the default ReactDOM.render.\n   * @param element Element to render.\n   * @param container Container to render to.\n   */\n  private render(\n    element: React.FunctionComponentElement<any>,\n    container: Element | DocumentFragment\n  ) {\n    // If createRoot is passed in for React 18 we have to render differently\n    // than without it. React 17 vs React 18. We need to save the root to\n    // unmount it.\n    if (this._createRoot) {\n      const childWindowId = UiFramework.childWindows.findId(\n        container.ownerDocument.defaultView\n      );\n      if (childWindowId) {\n        this._roots[childWindowId] = this._createRoot(container);\n        this._roots[childWindowId].render(element);\n      }\n    } else {\n      // eslint-disable-next-line react/no-deprecated, deprecation/deprecation\n      ReactDOM.render(element, container);\n    }\n  }\n\n  /**\n   * Returns the OpenChildWindowInfo for the related id.\n   * @param childWindowId Id of the window to retrieve.\n   * @returns undefined if not found.\n   */\n  public find(\n    childWindowId: string | undefined\n  ): OpenChildWindowInfo | undefined {\n    if (undefined === childWindowId) return undefined;\n\n    return this.openChildWindows.find(\n      (openWindow) => openWindow.childWindowId === childWindowId\n    );\n  }\n\n  /**\n   * Return the childWindowId of the provided window.\n   * @param contentWindow Window element to identify\n   * @returns undefined if not found\n   */\n  public findId(contentWindow: Window | undefined | null): string | undefined {\n    if (!contentWindow) return undefined;\n\n    const childWindow = this.openChildWindows.find(\n      (openWindow) => openWindow.window === contentWindow\n    );\n    return childWindow?.childWindowId;\n  }\n\n  private renderChildWindowContents(\n    childWindow: ChildWindow,\n    childWindowId: string,\n    content: React.ReactNode,\n    title: string\n  ) {\n    childWindow.document.title = title;\n\n    const reactConnectionDiv = childWindow.document.getElementById(\"root\");\n    if (reactConnectionDiv && content && React.isValidElement(content)) {\n      // set openChildWindows now so components can use it when they mount\n      this._openChildWindows.push({\n        childWindowId,\n        window: childWindow,\n        parentWindow: window,\n      });\n      let element: React.FunctionComponentElement<any>;\n      if (content.props.widgetDef) {\n        const tabId = content.props.widgetDef.id as string;\n        element = (\n          <Provider store={UiFramework.store}>\n            <TabIdContext.Provider value={tabId}>\n              <UiStateStorageHandler>\n                <ThemeManager>\n                  <div className=\"uifw-child-window-container-host\">\n                    <PopupRenderer />\n                    <ModalDialogRenderer />\n                    <ModelessDialogRenderer />\n                    <CursorPopupMenu />\n                    <div className=\"uifw-child-window-container nz-widget-widget\">\n                      {content}\n                    </div>\n                  </div>\n                </ThemeManager>\n              </UiStateStorageHandler>\n            </TabIdContext.Provider>\n          </Provider>\n        );\n      } else {\n        element = (\n          <Provider store={UiFramework.store}>\n            <UiStateStorageHandler>\n              <ThemeManager>\n                <div className=\"uifw-child-window-container-host\">\n                  <PopupRenderer />\n                  <ModalDialogRenderer />\n                  <ModelessDialogRenderer />\n                  <CursorPopupMenu />\n                  <div className=\"uifw-child-window-container nz-widget-widget\">\n                    {content}\n                  </div>\n                </div>\n              </ThemeManager>\n            </UiStateStorageHandler>\n          </Provider>\n        );\n      }\n\n      setTimeout(() => {\n        copyStyles(childWindow.document);\n        setTimeout(() => {\n          this.render(element, reactConnectionDiv);\n\n          if (childWindow.expectedHeight && childWindow.expectedWidth) {\n            childWindow.deltaWidth =\n              childWindow.expectedWidth - childWindow.innerWidth;\n            childWindow.deltaHeight =\n              childWindow.expectedHeight - childWindow.innerHeight;\n          }\n\n          if (childWindow.expectedLeft && childWindow.expectedTop) {\n            childWindow.deltaLeft =\n              childWindow.expectedLeft - childWindow.screenLeft;\n            childWindow.deltaTop =\n              childWindow.expectedTop - childWindow.screenTop;\n          }\n        });\n      });\n\n      childWindow.addEventListener(\"pagehide\", () => {\n        const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\n        if (!frontStageDef) return;\n        frontStageDef.saveChildWindowSizeAndPosition(\n          childWindowId,\n          childWindow\n        );\n\n        // Trigger first so popout can be converted back to main window widget\n        this.close(childWindowId, false);\n\n        // UnmountComponentAtNode is deprecated in React 18, so if they are\n        // using React 18 and passing in a createRoot function, unmount()\n        // will be used\n        if (this._roots[childWindowId]) {\n          this._roots[childWindowId].unmount();\n          // eslint-disable-next-line react/no-deprecated, deprecation/deprecation\n        } else ReactDOM.unmountComponentAtNode(reactConnectionDiv);\n      });\n    }\n  }\n\n  /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */\n  public closeAll() {\n    this.openChildWindows.forEach((openChildWindow) =>\n      openChildWindow.window.close()\n    );\n    this._openChildWindows = [];\n  }\n\n  /**\n   * Close a specific child window.\n   * @param childWindowId Id of the window to close.\n   * @param processWindowClose should the `close` method be called on the closing window. (defaults to true).\n   * @returns false if the window could not be found.\n   */\n  public close = (childWindowId: string, processWindowClose = true) => {\n    const windowIndex = this.openChildWindows.findIndex(\n      (openWindow) => openWindow.childWindowId === childWindowId\n    );\n    if (windowIndex === -1) return false;\n    const { onClosePopoutWidget } = usePopoutsStore.getState();\n    onClosePopoutWidget.raiseEvent({ windowId: childWindowId });\n\n    const childWindow = this.openChildWindows[windowIndex];\n    this.openChildWindows.splice(windowIndex, 1);\n    if (processWindowClose) {\n      childWindow.window.close();\n    } else {\n      // call the following to convert popout to docked widget\n      const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\n      frontStageDef?.dockWidgetContainerByContainerId(childWindowId);\n    }\n    return true;\n  };\n\n  private adjustWindowLocation(location: ChildWindowLocationProps) {\n    // If no location is provided, child window will open in the center of the current window.\n    if (location.top === 0 && location.left === 0) {\n      location.left =\n        window.outerWidth / 2 + window.screenX - location.width / 2;\n      location.top =\n        window.outerHeight / 2 + window.screenY - location.height / 2;\n    }\n  }\n\n  /**\n   * Open a new child window.\n   * @param childWindowId Id to assign to the newly created window.\n   * @param title Title to display on the window.\n   * @param content ReactNode to be rendered in the window.\n   * @param location Position and size information\n   * @param useDefaultPopoutUrl use \"/iTwinPopup.html\" as the window Url, \"\" otherwise.\n   * @returns true if the window is opened successfully.\n   */\n  public open(\n    childWindowId: string,\n    title: string,\n    content: React.ReactNode,\n    location: ChildWindowLocationProps,\n    useDefaultPopoutUrl?: boolean\n  ) {\n    if (\n      this.openChildWindows.some(\n        (openWindow) => openWindow.childWindowId === childWindowId\n      )\n    ) {\n      return false;\n    }\n\n    this.adjustWindowLocation(location);\n    const url = useDefaultPopoutUrl ? \"/iTwinPopup.html\" : \"\";\n    const childWindow: ChildWindow | null = window.open(\n      url,\n      \"\",\n      `width=${location.width},height=${location.height},left=${location.left},top=${location.top},menubar=no,resizable=yes,scrollbars=no,status=no,location=no`\n    );\n    if (!childWindow) return false;\n    childWindow.expectedHeight = location.height;\n    childWindow.expectedWidth = location.width;\n    childWindow.expectedLeft = location.left;\n    childWindow.expectedTop = location.top;\n\n    if (url.length === 0) {\n      childWindow.document.write(childHtml);\n      this.renderChildWindowContents(\n        childWindow,\n        childWindowId,\n        content,\n        title\n      );\n    } else {\n      childWindow.addEventListener(\n        \"DOMContentLoaded\",\n        () => {\n          this.renderChildWindowContents(\n            childWindow,\n            childWindowId,\n            content,\n            title\n          );\n        },\n        false\n      );\n    }\n\n    window.addEventListener(\n      \"unload\",\n      () => {\n        const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\n        if (frontStageDef) {\n          this.close(childWindowId, true);\n        }\n      },\n      false\n    );\n\n    return true;\n  }\n}\n"]}

package/lib/cjs/appui-react/configurableui/ConfigurableUiContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurableUiContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAqBrD;;GAEG;AACH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,gBAAgB;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,4BAAkD,CAAC;AAE9E;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBA6DtE"}
+{"version":3,"file":"ConfigurableUiContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAqBrD;;GAEG;AACH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,gBAAgB;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,4BAAkD,CAAC;AAE9E;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBA0DtE"}

package/lib/cjs/appui-react/configurableui/ConfigurableUiContent.js

@@ -36,7 +36,7 @@ exports.WrapperContext = React.createContext(document.body);
  * @public
  */
 function ConfigurableUiContent(props) {
-    const [mainElement, setMainElement] = React.useState(null);
+    const [mainElement, setMainElement] = React.useState();
     const [portalContainer, setPortalContainer] = React.useState();
     React.useEffect(() => {
         UiFramework_1.UiFramework.keyboardShortcuts.setFocusToHome();
@@ -54,14 +54,11 @@ function ConfigurableUiContent(props) {
         const point = new core_react_1.Point(e.pageX, e.pageY);
         CursorInformation_1.CursorInformation.handleMouseMove(point);
     }, []);
-    return (React.createElement("main", { role: "main", id: "uifw-configurableui-wrapper", className: props.className, style: props.style, onMouseMove: handleMouseMove, ref: setMainElement },
-        React.createElement(exports.WrapperContext.Provider, { value: mainElement },
+    return (React.createElement("main", { role: "main", id: "uifw-configurableui-wrapper", className: props.className, style: props.style, onMouseMove: handleMouseMove, ref: (el) => setMainElement(el ?? undefined) },
+        React.createElement(exports.WrapperContext.Provider, { value: mainElement ?? document.body },
             React.createElement(itwinui_react_1.ThemeProvider, { style: { height: "100%" }, portalContainer: portalContainer },
                 props.appBackstage,
                 React.createElement(Frontstage_1.WidgetPanelsFrontstage, null),
-                React.createElement(ContentDialogManager_1.ContentDialogRenderer, null),
-                React.createElement(ModelessDialogManager_1.ModelessDialogRenderer, null),
-                React.createElement(ModalDialogManager_1.ModalDialogRenderer, null),
                 React.createElement(ElementTooltip_1.ElementTooltip, null),
                 React.createElement(Pointer_1.PointerMessage, null),
                 React.createElement(KeyboardShortcutMenu_1.KeyboardShortcutMenu, null),
@@ -69,8 +66,11 @@ function ConfigurableUiContent(props) {
                 React.createElement(CursorMenu_1.CursorPopupMenu, null),
                 React.createElement(CursorPopupManager_1.CursorPopupRenderer, null),
                 React.createElement(PopupManager_1.PopupRenderer, null),
-                React.createElement(MessageRenderer_1.MessageRenderer, null))),
-        React.createElement("div", { className: "uifw-configurableui-portalContainer", ref: (instance) => setPortalContainer(instance ?? undefined) })));
+                React.createElement(MessageRenderer_1.MessageRenderer, null),
+                React.createElement("div", { className: "uifw-configurableui-portalContainer", ref: (instance) => setPortalContainer(instance ?? undefined) },
+                    React.createElement(ContentDialogManager_1.ContentDialogRenderer, null),
+                    React.createElement(ModelessDialogManager_1.ModelessDialogRenderer, null),
+                    React.createElement(ModalDialogManager_1.ModalDialogRenderer, null))))));
 }
 exports.ConfigurableUiContent = ConfigurableUiContent;
 //# sourceMappingURL=ConfigurableUiContent.js.map

package/lib/cjs/appui-react/configurableui/ConfigurableUiContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurableUiContent.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,wCAAsC;AACtC,+BAA+B;AAE/B,kDAA0C;AAC1C,wDAAqD;AACrD,mEAAgE;AAChE,gEAAkE;AAClE,iFAA+E;AAC/E,qEAAmE;AACnE,2EAAyE;AACzE,+DAA4D;AAC5D,mFAAgF;AAChF,uDAA2D;AAC3D,iDAAqD;AACrD,wDAAsD;AACtD,4DAAqE;AACrE,yEAAuE;AACvE,gDAA6C;AAC7C,mFAAgF;AAChF,iEAA8D;AAiB9D;;;GAGG;AACU,QAAA,cAAc,GAAG,KAAK,CAAC,aAAa,CAAc,QAAQ,CAAC,IAAI,CAAC,CAAC;AAE9E;;GAEG;AACH,SAAgB,qBAAqB,CAAC,KAAiC;IACrE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAClD,IAAI,CACL,CAAC;IACF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAEzD,CAAC;IACJ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,yBAAW,CAAC,iBAAiB,CAAC,cAAc,EAAE,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,6DAA6B,CAAC,eAAe,CAAC,UAAU,CAAC;YACvD,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,eAAe,EAAE,KAAK,CAAC,eAAe;SACvC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACV,6DAA6B,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IAE/C,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAmB,EAAE,EAAE;QAChE,MAAM,KAAK,GAAG,IAAI,kBAAK,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;QAC1C,qCAAiB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BACE,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,6BAA6B,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,eAAe,EAC5B,GAAG,EAAE,cAAc;QAEnB,oBAAC,sBAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAY;YAC1C,oBAAC,6BAAa,IACZ,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EACzB,eAAe,EAAE,eAAe;gBAE/B,KAAK,CAAC,YAAY;gBACnB,oBAAC,mCAAsB,OAAG;gBAC1B,oBAAC,4CAAqB,OAAG;gBACzB,oBAAC,8CAAsB,OAAG;gBAC1B,oBAAC,wCAAmB,OAAG;gBACvB,oBAAC,+BAAc,OAAG;gBAClB,oBAAC,wBAAc,OAAG;gBAClB,oBAAC,2CAAoB,OAAG;gBACxB,oBAAC,8BAAiB,OAAG;gBACrB,oBAAC,4BAAe,OAAG;gBACnB,oBAAC,wCAAmB,OAAG;gBACvB,oBAAC,4BAAa,OAAG;gBACjB,oBAAC,iCAAe,OAAG,CACL,CACQ;QAC1B,6BACE,SAAS,EAAC,qCAAqC,EAC/C,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,kBAAkB,CAAC,QAAQ,IAAI,SAAS,CAAC,GAC5D,CACG,CACR,CAAC;AACJ,CAAC;AA7DD,sDA6DC","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 ConfigurableUi\n */\n\nimport \"./ConfigurableUiContent.scss\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Point } from \"@itwin/core-react\";\nimport { ThemeProvider } from \"@itwin/itwinui-react\";\nimport { CursorInformation } from \"../cursor/CursorInformation\";\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\nimport { CursorPopupRenderer } from \"../cursor/cursorpopup/CursorPopupManager\";\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\nimport { ElementTooltip } from \"../feedback/ElementTooltip\";\nimport { KeyboardShortcutMenu } from \"../keyboardshortcut/KeyboardShortcutMenu\";\nimport { InputFieldMessage } from \"../messages/InputField\";\nimport { PointerMessage } from \"../messages/Pointer\";\nimport { PopupRenderer } from \"../popup/PopupManager\";\nimport { WidgetPanelsFrontstage } from \"../widget-panels/Frontstage\";\nimport { ContentDialogRenderer } from \"../dialog/ContentDialogManager\";\nimport { UiFramework } from \"../UiFramework\";\nimport { InternalConfigurableUiManager } from \"./InternalConfigurableUiManager\";\nimport { MessageRenderer } from \"../messages/MessageRenderer\";\n\n// cSpell:ignore cursormenu cursorpopup\n\n/** Properties for [[ConfigurableUiContent]]\n * @public\n */\nexport interface ConfigurableUiContentProps extends CommonProps {\n  /** React node of the Backstage */\n  appBackstage?: React.ReactNode;\n\n  /** @internal */\n  idleTimeout?: number;\n  /** @internal */\n  intervalTimeout?: number;\n}\n\n/**\n * Allows children to get the bounds or other properties of the wrapper element.\n * @internal\n */\nexport const WrapperContext = React.createContext<HTMLElement>(document.body);\n\n/** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi\n * @public\n */\nexport function ConfigurableUiContent(props: ConfigurableUiContentProps) {\n  const [mainElement, setMainElement] = React.useState<HTMLElement | null>(\n    null\n  );\n  const [portalContainer, setPortalContainer] = React.useState<\n    HTMLElement | undefined\n  >();\n  React.useEffect(() => {\n    UiFramework.keyboardShortcuts.setFocusToHome();\n  }, []);\n\n  React.useEffect(() => {\n    InternalConfigurableUiManager.activityTracker.initialize({\n      idleTimeout: props.idleTimeout,\n      intervalTimeout: props.intervalTimeout,\n    });\n    return () => {\n      InternalConfigurableUiManager.activityTracker.terminate();\n    };\n  }, [props.idleTimeout, props.intervalTimeout]);\n\n  const handleMouseMove = React.useCallback((e: React.MouseEvent) => {\n    const point = new Point(e.pageX, e.pageY);\n    CursorInformation.handleMouseMove(point);\n  }, []);\n\n  return (\n    <main\n      role=\"main\"\n      id=\"uifw-configurableui-wrapper\"\n      className={props.className}\n      style={props.style}\n      onMouseMove={handleMouseMove}\n      ref={setMainElement}\n    >\n      <WrapperContext.Provider value={mainElement!}>\n        <ThemeProvider\n          style={{ height: \"100%\" }}\n          portalContainer={portalContainer}\n        >\n          {props.appBackstage}\n          <WidgetPanelsFrontstage />\n          <ContentDialogRenderer />\n          <ModelessDialogRenderer />\n          <ModalDialogRenderer />\n          <ElementTooltip />\n          <PointerMessage />\n          <KeyboardShortcutMenu />\n          <InputFieldMessage />\n          <CursorPopupMenu />\n          <CursorPopupRenderer />\n          <PopupRenderer />\n          <MessageRenderer />\n        </ThemeProvider>\n      </WrapperContext.Provider>\n      <div\n        className=\"uifw-configurableui-portalContainer\"\n        ref={(instance) => setPortalContainer(instance ?? undefined)}\n      />\n    </main>\n  );\n}\n"]}
+{"version":3,"file":"ConfigurableUiContent.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,wCAAsC;AACtC,+BAA+B;AAE/B,kDAA0C;AAC1C,wDAAqD;AACrD,mEAAgE;AAChE,gEAAkE;AAClE,iFAA+E;AAC/E,qEAAmE;AACnE,2EAAyE;AACzE,+DAA4D;AAC5D,mFAAgF;AAChF,uDAA2D;AAC3D,iDAAqD;AACrD,wDAAsD;AACtD,4DAAqE;AACrE,yEAAuE;AACvE,gDAA6C;AAC7C,mFAAgF;AAChF,iEAA8D;AAiB9D;;;GAGG;AACU,QAAA,cAAc,GAAG,KAAK,CAAC,aAAa,CAAc,QAAQ,CAAC,IAAI,CAAC,CAAC;AAE9E;;GAEG;AACH,SAAgB,qBAAqB,CAAC,KAAiC;IACrE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAe,CAAC;IACpE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAe,CAAC;IAC5E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,yBAAW,CAAC,iBAAiB,CAAC,cAAc,EAAE,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,6DAA6B,CAAC,eAAe,CAAC,UAAU,CAAC;YACvD,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,eAAe,EAAE,KAAK,CAAC,eAAe;SACvC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACV,6DAA6B,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IAE/C,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAmB,EAAE,EAAE;QAChE,MAAM,KAAK,GAAG,IAAI,kBAAK,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;QAC1C,qCAAiB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BACE,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,6BAA6B,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,eAAe,EAC5B,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,IAAI,SAAS,CAAC;QAE5C,oBAAC,sBAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,IAAI,QAAQ,CAAC,IAAI;YAC1D,oBAAC,6BAAa,IACZ,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EACzB,eAAe,EAAE,eAAe;gBAE/B,KAAK,CAAC,YAAY;gBACnB,oBAAC,mCAAsB,OAAG;gBAC1B,oBAAC,+BAAc,OAAG;gBAClB,oBAAC,wBAAc,OAAG;gBAClB,oBAAC,2CAAoB,OAAG;gBACxB,oBAAC,8BAAiB,OAAG;gBACrB,oBAAC,4BAAe,OAAG;gBACnB,oBAAC,wCAAmB,OAAG;gBACvB,oBAAC,4BAAa,OAAG;gBACjB,oBAAC,iCAAe,OAAG;gBACnB,6BACE,SAAS,EAAC,qCAAqC,EAC/C,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,kBAAkB,CAAC,QAAQ,IAAI,SAAS,CAAC;oBAE5D,oBAAC,4CAAqB,OAAG;oBACzB,oBAAC,8CAAsB,OAAG;oBAC1B,oBAAC,wCAAmB,OAAG,CACnB,CACQ,CACQ,CACrB,CACR,CAAC;AACJ,CAAC;AA1DD,sDA0DC","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 ConfigurableUi\n */\n\nimport \"./ConfigurableUiContent.scss\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Point } from \"@itwin/core-react\";\nimport { ThemeProvider } from \"@itwin/itwinui-react\";\nimport { CursorInformation } from \"../cursor/CursorInformation\";\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\nimport { CursorPopupRenderer } from \"../cursor/cursorpopup/CursorPopupManager\";\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\nimport { ElementTooltip } from \"../feedback/ElementTooltip\";\nimport { KeyboardShortcutMenu } from \"../keyboardshortcut/KeyboardShortcutMenu\";\nimport { InputFieldMessage } from \"../messages/InputField\";\nimport { PointerMessage } from \"../messages/Pointer\";\nimport { PopupRenderer } from \"../popup/PopupManager\";\nimport { WidgetPanelsFrontstage } from \"../widget-panels/Frontstage\";\nimport { ContentDialogRenderer } from \"../dialog/ContentDialogManager\";\nimport { UiFramework } from \"../UiFramework\";\nimport { InternalConfigurableUiManager } from \"./InternalConfigurableUiManager\";\nimport { MessageRenderer } from \"../messages/MessageRenderer\";\n\n// cSpell:ignore cursormenu cursorpopup\n\n/** Properties for [[ConfigurableUiContent]]\n * @public\n */\nexport interface ConfigurableUiContentProps extends CommonProps {\n  /** React node of the Backstage */\n  appBackstage?: React.ReactNode;\n\n  /** @internal */\n  idleTimeout?: number;\n  /** @internal */\n  intervalTimeout?: number;\n}\n\n/**\n * Allows children to get the bounds or other properties of the wrapper element.\n * @internal\n */\nexport const WrapperContext = React.createContext<HTMLElement>(document.body);\n\n/** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi\n * @public\n */\nexport function ConfigurableUiContent(props: ConfigurableUiContentProps) {\n  const [mainElement, setMainElement] = React.useState<HTMLElement>();\n  const [portalContainer, setPortalContainer] = React.useState<HTMLElement>();\n  React.useEffect(() => {\n    UiFramework.keyboardShortcuts.setFocusToHome();\n  }, []);\n\n  React.useEffect(() => {\n    InternalConfigurableUiManager.activityTracker.initialize({\n      idleTimeout: props.idleTimeout,\n      intervalTimeout: props.intervalTimeout,\n    });\n    return () => {\n      InternalConfigurableUiManager.activityTracker.terminate();\n    };\n  }, [props.idleTimeout, props.intervalTimeout]);\n\n  const handleMouseMove = React.useCallback((e: React.MouseEvent) => {\n    const point = new Point(e.pageX, e.pageY);\n    CursorInformation.handleMouseMove(point);\n  }, []);\n\n  return (\n    <main\n      role=\"main\"\n      id=\"uifw-configurableui-wrapper\"\n      className={props.className}\n      style={props.style}\n      onMouseMove={handleMouseMove}\n      ref={(el) => setMainElement(el ?? undefined)}\n    >\n      <WrapperContext.Provider value={mainElement ?? document.body}>\n        <ThemeProvider\n          style={{ height: \"100%\" }}\n          portalContainer={portalContainer}\n        >\n          {props.appBackstage}\n          <WidgetPanelsFrontstage />\n          <ElementTooltip />\n          <PointerMessage />\n          <KeyboardShortcutMenu />\n          <InputFieldMessage />\n          <CursorPopupMenu />\n          <CursorPopupRenderer />\n          <PopupRenderer />\n          <MessageRenderer />\n          <div\n            className=\"uifw-configurableui-portalContainer\"\n            ref={(instance) => setPortalContainer(instance ?? undefined)}\n          >\n            <ContentDialogRenderer />\n            <ModelessDialogRenderer />\n            <ModalDialogRenderer />\n          </div>\n        </ThemeProvider>\n      </WrapperContext.Provider>\n    </main>\n  );\n}\n"]}

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

@@ -1,6 +1,7 @@
 /** @packageDocumentation
  * @module Dialog
  */
+import "./DialogManagerBase.scss";
 import * as React from "react";
 import type { BeUiEvent } from "@itwin/core-bentley";
 import { UiEvent } from "@itwin/appui-abstract";
@@ -68,9 +69,9 @@ export interface DialogRendererProps {
     dialogManager: DialogManagerBase;
     style?: React.CSSProperties;
 }
-/** @internal */
 interface DialogRendererState {
-    parentDocument: Document | null;
+    parentDocument: Document | undefined;
+    renderer: HTMLElement | undefined;
 }
 /** DialogRenderer React component.
  * @internal

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,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAIhD;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CAC3C;AAED;;;GAGG;AAEH,qBAAa,kBAAmB,SAAQ,OAAO,CAAC,sBAAsB,CAAC;CAAG;AAE1E;;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;IAEzD,OAAO,CAAC,qBAAqB,CAAoC;IACjE,OAAO,CAAC,MAAM,CAAC,UAAU,CAAkB;gBAG/B,oBAAoB,EAAE,SAAS,CAAC,sBAAsB,CAAC;IAInE,6CAA6C;WAC/B,UAAU,IAAI,IAAI;IAIhC,WAAkB,SAAS,IAAI,MAAM,CAEpC;IAED,WAAkB,SAAS,CAAC,MAAM,EAAE,MAAM,EAEzC;IACD,IAAW,OAAO,iBAEjB;IAGD,IAAW,oBAAoB,IAAI,SAAS,CAAC,sBAAsB,CAAC,CAEnE;WAEa,sBAAsB,IAAI,MAAM;IAa9C;;;;;OAKG;IACI,UAAU,CACf,MAAM,EAAE,KAAK,CAAC,SAAS,EACvB,EAAE,CAAC,EAAE,MAAM,EACX,cAAc,CAAC,EAAE,QAAQ,GACxB,IAAI;IAOP,gBAAgB;IACT,UAAU,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI;IAKxC,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IAQlD,gBAAgB;IACT,QAAQ,IAAI,IAAI;IAKvB,gBAAgB;IACT,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IAS3C,sBAAsB,IAAI,IAAI;IAO9B,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,CACzD,mBAAmB,EACnB,mBAAmB,CACpB;IACC,gBAAgB;IAChB,SAAyB,KAAK,EAAE,mBAAmB,CAEjD;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IAsBzB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAO5C,OAAO,CAAC,yBAAyB,CAE/B;CACH"}
+{"version":3,"file":"DialogManagerBase.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/dialog/DialogManagerBase.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAKhD;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CAC3C;AAED;;;GAGG;AAEH,qBAAa,kBAAmB,SAAQ,OAAO,CAAC,sBAAsB,CAAC;CAAG;AAE1E;;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;IAEzD,OAAO,CAAC,qBAAqB,CAAoC;IACjE,OAAO,CAAC,MAAM,CAAC,UAAU,CAAkB;gBAG/B,oBAAoB,EAAE,SAAS,CAAC,sBAAsB,CAAC;IAInE,6CAA6C;WAC/B,UAAU,IAAI,IAAI;IAIhC,WAAkB,SAAS,IAAI,MAAM,CAEpC;IAED,WAAkB,SAAS,CAAC,MAAM,EAAE,MAAM,EAEzC;IACD,IAAW,OAAO,iBAEjB;IAGD,IAAW,oBAAoB,IAAI,SAAS,CAAC,sBAAsB,CAAC,CAEnE;WAEa,sBAAsB,IAAI,MAAM;IAa9C;;;;;OAKG;IACI,UAAU,CACf,MAAM,EAAE,KAAK,CAAC,SAAS,EACvB,EAAE,CAAC,EAAE,MAAM,EACX,cAAc,CAAC,EAAE,QAAQ,GACxB,IAAI;IAOP,gBAAgB;IACT,UAAU,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI;IAKxC,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IAQlD,gBAAgB;IACT,QAAQ,IAAI,IAAI;IAKvB,gBAAgB;IACT,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IAS3C,sBAAsB,IAAI,IAAI;IAO9B,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,UAAU,mBAAmB;IAC3B,cAAc,EAAE,QAAQ,GAAG,SAAS,CAAC;IACrC,QAAQ,EAAE,WAAW,GAAG,SAAS,CAAC;CACnC;AACD;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,aAAa,CACzD,mBAAmB,EACnB,mBAAmB,CACpB;IACC,gBAAgB;IAChB,SAAyB,KAAK,EAAE,mBAAmB,CAGjD;IAEF,OAAO,CAAC,aAAa,CAKnB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IA0BzB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAO5C,OAAO,CAAC,yBAAyB,CAE/B;CACH"}

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

@@ -8,11 +8,13 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogRendererBase = exports.DialogManagerBase = exports.DialogChangedEvent = void 0;
+require("./DialogManagerBase.scss");
 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");
+const itwinui_react_1 = require("@itwin/itwinui-react");
 /** Dialog Changed Event class.
  * @public
  * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.
@@ -125,10 +127,14 @@ class DialogRendererBase extends React.PureComponent {
         super(...arguments);
         /** @internal */
         this.state = {
-            parentDocument: null,
+            parentDocument: undefined,
+            renderer: undefined,
         };
-        this._handleRefSet = (popupDiv) => {
-            this.setState({ parentDocument: popupDiv?.ownerDocument ?? null });
+        this._handleRefSet = (el) => {
+            this.setState({
+                parentDocument: el?.ownerDocument ?? undefined,
+                renderer: el ?? undefined,
+            });
         };
         // eslint-disable-next-line deprecation/deprecation
         this._handleDialogChangedEvent = (_args) => {
@@ -138,12 +144,13 @@ class DialogRendererBase extends React.PureComponent {
     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));
-            })));
+        return (React.createElement("div", { className: "uifw-dialog-dialogManagerBase_renderer", ref: this._handleRefSet },
+            React.createElement(itwinui_react_1.ThemeProvider, { portalContainer: this.state.renderer }, this.state.parentDocument &&
+                this.props.dialogManager.dialogs
+                    .filter((info) => info.parentDocument === this.state.parentDocument)
+                    .map((info) => {
+                    return (React.createElement(React.Fragment, { key: info.id }, info.reactNode));
+                }))));
     }
     componentDidMount() {
         this.props.dialogManager.onDialogChangedEvent.addListener(this._handleDialogChangedEvent);

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":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAE/B,sDAA6C;AAC7C,0DAAgD;AAChD,gDAA6C;AAC7C,kDAA2D;AAW3D;;;GAGG;AACH,mDAAmD;AACnD,MAAa,kBAAmB,SAAQ,wBAA+B;CAAG;AAA1E,gDAA0E;AAW1E,+DAA+D;AAC/D,MAAM,cAAc,GAAG,KAAK,CAAC;AAE7B;;GAEG;AACH,MAAa,iBAAiB;IAO5B,mDAAmD;IACnD,YAAY,oBAAuD;QAN3D,aAAQ,GAAiB,IAAI,KAAK,EAAc,CAAC;QAOvD,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;QACzB,OAAO,iBAAiB,CAAC,UAAU,CAAC;IACtC,CAAC;IAEM,MAAM,KAAK,SAAS,CAAC,MAAc;QACxC,iBAAiB,CAAC,UAAU,GAAG,MAAM,CAAC;IACxC,CAAC;IACD,IAAW,OAAO;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED,mDAAmD;IACnD,IAAW,oBAAoB;QAC7B,OAAO,IAAI,CAAC,qBAAqB,CAAC;IACpC,CAAC;IAEM,MAAM,CAAC,sBAAsB;QAClC,MAAM,QAAQ,GAAG,yBAAyB,CAAC;QAC3C,MAAM,KAAK,GAAG,IAAA,mCAAsB,EAAC,QAAQ,CAAC,CAAC;QAE/C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAEhC,qBAAM,CAAC,QAAQ,CACb,yBAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAChC,IAAI,QAAQ,0BAA0B,CACvC,CAAC;QACF,OAAO,cAAc,CAAC;IACxB,CAAC;IAED;;;;;OAKG;IACI,UAAU,CACf,MAAuB,EACvB,EAAW,EACX,cAAyB;QAEzB,IAAI,CAAC,EAAE;YAAE,EAAE,GAAG,UAAU,EAAE,iBAAiB,CAAC,IAAI,EAAE,CAAC;QAEnD,MAAM,SAAS,GAAG,cAAc,IAAI,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;YAAE,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;QAE9C,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;YAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC/C,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;YAC9B,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,YAAY,EAAE,IAAI,CAAC,YAAY;SAChC,CAAC,CAAC;IACL,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;;AAjHH,8CAkHC;AAjHgB,sBAAI,GAAG,CAAC,AAAJ,CAAK;AAIT,4BAAU,GAAG,cAAc,AAAjB,CAAkB;AA2H7C;;GAEG;AACH,MAAa,kBAAmB,SAAQ,KAAK,CAAC,aAG7C;IAHD;;QAIE,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,QAAQ,EAAE,aAAa,IAAI,IAAI,EAAE,CAAC,CAAC;QACrE,CAAC,CAAC;QAoCF,mDAAmD;QAC3C,8BAAyB,GAAG,CAAC,KAA6B,EAAE,EAAE;YACpE,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC,CAAC;IACJ,CAAC;IAtCiB,MAAM;QACpB,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,IAAI,CAAC;YAAE,OAAO,IAAI,CAAC;QAE3D,OAAO,CACL,6BACE,SAAS,EAAC,qCAAqC,EAC/C,GAAG,EAAE,IAAI,CAAC,aAAa,IAEtB,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO;iBAC7B,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;iBACnE,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,CACF,CACP,CAAC;IACJ,CAAC;IAEe,iBAAiB;QAC/B,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,WAAW,CACvD,IAAI,CAAC,yBAAyB,CAC/B,CAAC;IACJ,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,cAAc,CAC1D,IAAI,CAAC,yBAAyB,CAC/B,CAAC;IACJ,CAAC;CAMF;AAnDD,gDAmDC","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 type { BeUiEvent } from \"@itwin/core-bentley\";\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 * @deprecated in 4.13.x. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface DialogChangedEventArgs {\n  dialogCount: number;\n  activeDialog: React.ReactNode | undefined;\n}\n\n/** Dialog Changed Event class.\n * @public\n * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\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  // eslint-disable-next-line deprecation/deprecation\n  private _onDialogChangedEvent: BeUiEvent<DialogChangedEventArgs>;\n  private static _topZIndex = ZINDEX_DEFAULT;\n\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(onDialogChangedEvent: BeUiEvent<DialogChangedEventArgs>) {\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 {\n    return DialogManagerBase._topZIndex;\n  }\n\n  public static set topZIndex(zIndex: number) {\n    DialogManagerBase._topZIndex = zIndex;\n  }\n  public get dialogs() {\n    return this._dialogs;\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  public get onDialogChangedEvent(): BeUiEvent<DialogChangedEventArgs> {\n    return this._onDialogChangedEvent;\n  }\n\n  public static getDialogZIndexDefault(): number {\n    const variable = \"--uicore-z-index-dialog\";\n    const value = getCssVariableAsNumber(variable);\n\n    if (!isNaN(value)) return value;\n\n    Logger.logError(\n      UiFramework.loggerCategory(this),\n      `'${variable}' CSS variable not found`\n    );\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(\n    dialog: React.ReactNode,\n    id?: string,\n    parentDocument?: Document\n  ): void {\n    if (!id) id = `Dialog-${++DialogManagerBase._sId}`;\n\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) 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) 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({\n      dialogCount: this.dialogCount,\n      activeDialog: this.activeDialog,\n    });\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<\n  DialogRendererProps,\n  DialogRendererState\n> {\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) return null;\n\n    return (\n      <div\n        className=\"appui-react-dialog-render-container\"\n        ref={this._handleRefSet}\n      >\n        {this.state.parentDocument &&\n          this.props.dialogManager.dialogs\n            .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      </div>\n    );\n  }\n\n  public override componentDidMount(): void {\n    this.props.dialogManager.onDialogChangedEvent.addListener(\n      this._handleDialogChangedEvent\n    );\n  }\n\n  public override componentWillUnmount(): void {\n    this.props.dialogManager.onDialogChangedEvent.removeListener(\n      this._handleDialogChangedEvent\n    );\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  private _handleDialogChangedEvent = (_args: DialogChangedEventArgs) => {\n    this.forceUpdate();\n  };\n}\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 \"./DialogManagerBase.scss\";\nimport * as React from \"react\";\nimport type { BeUiEvent } from \"@itwin/core-bentley\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport { UiFramework } from \"../UiFramework\";\nimport { getCssVariableAsNumber } from \"@itwin/core-react\";\nimport { ThemeProvider } from \"@itwin/itwinui-react\";\n\n/** Dialog Stack Changed Event Args class.\n * @public\n * @deprecated in 4.13.x. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface DialogChangedEventArgs {\n  dialogCount: number;\n  activeDialog: React.ReactNode | undefined;\n}\n\n/** Dialog Changed Event class.\n * @public\n * @deprecated in 4.13.x. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\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  // eslint-disable-next-line deprecation/deprecation\n  private _onDialogChangedEvent: BeUiEvent<DialogChangedEventArgs>;\n  private static _topZIndex = ZINDEX_DEFAULT;\n\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(onDialogChangedEvent: BeUiEvent<DialogChangedEventArgs>) {\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 {\n    return DialogManagerBase._topZIndex;\n  }\n\n  public static set topZIndex(zIndex: number) {\n    DialogManagerBase._topZIndex = zIndex;\n  }\n  public get dialogs() {\n    return this._dialogs;\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  public get onDialogChangedEvent(): BeUiEvent<DialogChangedEventArgs> {\n    return this._onDialogChangedEvent;\n  }\n\n  public static getDialogZIndexDefault(): number {\n    const variable = \"--uicore-z-index-dialog\";\n    const value = getCssVariableAsNumber(variable);\n\n    if (!isNaN(value)) return value;\n\n    Logger.logError(\n      UiFramework.loggerCategory(this),\n      `'${variable}' CSS variable not found`\n    );\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(\n    dialog: React.ReactNode,\n    id?: string,\n    parentDocument?: Document\n  ): void {\n    if (!id) id = `Dialog-${++DialogManagerBase._sId}`;\n\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) 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) 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({\n      dialogCount: this.dialogCount,\n      activeDialog: this.activeDialog,\n    });\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\ninterface DialogRendererState {\n  parentDocument: Document | undefined;\n  renderer: HTMLElement | undefined;\n}\n/** DialogRenderer React component.\n * @internal\n */\nexport class DialogRendererBase extends React.PureComponent<\n  DialogRendererProps,\n  DialogRendererState\n> {\n  /** @internal */\n  public override readonly state: DialogRendererState = {\n    parentDocument: undefined,\n    renderer: undefined,\n  };\n\n  private _handleRefSet = (el: HTMLElement | null) => {\n    this.setState({\n      parentDocument: el?.ownerDocument ?? undefined,\n      renderer: el ?? undefined,\n    });\n  };\n\n  public override render(): React.ReactNode {\n    if (this.props.dialogManager.dialogCount <= 0) return null;\n\n    return (\n      <div\n        className=\"uifw-dialog-dialogManagerBase_renderer\"\n        ref={this._handleRefSet}\n      >\n        <ThemeProvider portalContainer={this.state.renderer}>\n          {this.state.parentDocument &&\n            this.props.dialogManager.dialogs\n              .filter(\n                (info) => info.parentDocument === this.state.parentDocument\n              )\n              .map((info) => {\n                return (\n                  <React.Fragment key={info.id}>\n                    {info.reactNode}\n                  </React.Fragment>\n                );\n              })}\n        </ThemeProvider>\n      </div>\n    );\n  }\n\n  public override componentDidMount(): void {\n    this.props.dialogManager.onDialogChangedEvent.addListener(\n      this._handleDialogChangedEvent\n    );\n  }\n\n  public override componentWillUnmount(): void {\n    this.props.dialogManager.onDialogChangedEvent.removeListener(\n      this._handleDialogChangedEvent\n    );\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  private _handleDialogChangedEvent = (_args: DialogChangedEventArgs) => {\n    this.forceUpdate();\n  };\n}\n"]}

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

@@ -0,0 +1,11 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/z-index";
+
+.uifw-dialog-dialogManagerBase_renderer {
+  position: relative;
+
+  @include uicore-z-index(dialog);
+}

package/lib/cjs/appui-react/statusbar/popup/StatusBarPopover.d.ts

@@ -4,14 +4,14 @@
 import * as React from "react";
 import { Popover } from "@itwin/itwinui-react";
 import { ButtonExpandIndicator } from "./ExpandIndicator";
-import type { CommonProps } from "@itwin/core-react";
+import { type CommonProps } from "@itwin/core-react";
 type StatusBarPopoverProps = CommonProps & Pick<React.ComponentProps<typeof Popover>, "content" | "children" | "visible" | "onVisibleChange" | "closeOnOutsideClick">;
 /** Popover component used in `StatusBar` component.
  * This component should wrap the element that triggers the popover.
  * @note Add the `StatusBarPopover.ExpandIndicator` to popover trigger buttons.
  * @public
  */
-export declare function StatusBarPopover(props: StatusBarPopoverProps): React.JSX.Element;
+export declare function StatusBarPopover({ content, ...props }: StatusBarPopoverProps): React.JSX.Element;
 /** Components used in `StatusBarPopover`.
  * @public
  */

package/lib/cjs/appui-react/statusbar/popup/StatusBarPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarPopover.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/StatusBarPopover.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,KAAK,qBAAqB,GAAG,WAAW,GACtC,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAClC,SAAS,GACT,UAAU,GACV,SAAS,GACT,iBAAiB,GACjB,qBAAqB,CACxB,CAAC;AAEJ;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAW5D;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAChC;;OAEG;IACI,MAAM,eAAe,8BAAwB,CAAC;CACtD"}
+{"version":3,"file":"StatusBarPopover.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/StatusBarPopover.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,KAAK,WAAW,EAAgB,MAAM,mBAAmB,CAAC;AAEnE,KAAK,qBAAqB,GAAG,WAAW,GACtC,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAClC,SAAS,GACT,UAAU,GACV,SAAS,GACT,iBAAiB,GACjB,qBAAqB,CACxB,CAAC;AAEJ;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,qBAsB5E;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAChC;;OAEG;IACI,MAAM,eAAe,8BAAwB,CAAC;CACtD"}

package/lib/cjs/appui-react/statusbar/popup/StatusBarPopover.js

@@ -11,14 +11,18 @@ exports.StatusBarPopover = void 0;
 const React = require("react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const ExpandIndicator_1 = require("./ExpandIndicator");
+const core_react_1 = require("@itwin/core-react");
 /** Popover component used in `StatusBar` component.
  * This component should wrap the element that triggers the popover.
  * @note Add the `StatusBarPopover.ExpandIndicator` to popover trigger buttons.
  * @public
  */
-function StatusBarPopover(props) {
-    return (React.createElement(itwinui_react_1.Popover, { ...props, placement: "top", applyBackground: true, middleware: {
+function StatusBarPopover({ content, ...props }) {
+    const [portalTarget, setPortalTarget] = React.useState(undefined);
+    return (React.createElement(itwinui_react_1.Popover, { ...props, content: React.createElement(core_react_1.PopupContext.Provider, { value: portalTarget }, content), placement: "top", applyBackground: true, middleware: {
             offset: 4,
+        }, ref: (el) => {
+            setPortalTarget(el ?? undefined);
         } }));
 }
 exports.StatusBarPopover = StatusBarPopover;

package/lib/cjs/appui-react/statusbar/popup/StatusBarPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarPopover.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/StatusBarPopover.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,wDAA+C;AAC/C,uDAA0D;AAa1D;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,OAAO,CACL,oBAAC,uBAAO,OACF,KAAK,EACT,SAAS,EAAC,KAAK,EACf,eAAe,QACf,UAAU,EAAE;YACV,MAAM,EAAE,CAAC;SACV,GACD,CACH,CAAC;AACJ,CAAC;AAXD,4CAWC;AAED;;GAEG;AACH,WAAiB,gBAAgB;IAC/B;;OAEG;IACU,gCAAe,GAAG,uCAAqB,CAAC;AACvD,CAAC,EALgB,gBAAgB,gCAAhB,gBAAgB,QAKhC","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 StatusBar\n */\n\nimport * as React from \"react\";\nimport { Popover } from \"@itwin/itwinui-react\";\nimport { ButtonExpandIndicator } from \"./ExpandIndicator\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\ntype StatusBarPopoverProps = CommonProps &\n  Pick<\n    React.ComponentProps<typeof Popover>,\n    | \"content\"\n    | \"children\"\n    | \"visible\"\n    | \"onVisibleChange\"\n    | \"closeOnOutsideClick\"\n  >;\n\n/** Popover component used in `StatusBar` component.\n * This component should wrap the element that triggers the popover.\n * @note Add the `StatusBarPopover.ExpandIndicator` to popover trigger buttons.\n * @public\n */\nexport function StatusBarPopover(props: StatusBarPopoverProps) {\n  return (\n    <Popover\n      {...props}\n      placement=\"top\"\n      applyBackground\n      middleware={{\n        offset: 4,\n      }}\n    />\n  );\n}\n\n/** Components used in `StatusBarPopover`.\n * @public\n */\nexport namespace StatusBarPopover {\n  /** Indicator to be used in popover trigger buttons to show expandable content.\n   * @public\n   */\n  export const ExpandIndicator = ButtonExpandIndicator;\n}\n"]}
+{"version":3,"file":"StatusBarPopover.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/StatusBarPopover.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,wDAA+C;AAC/C,uDAA0D;AAC1D,kDAAmE;AAYnE;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAyB;IAC3E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAEpD,SAAS,CAAC,CAAC;IACb,OAAO,CACL,oBAAC,uBAAO,OACF,KAAK,EACT,OAAO,EACL,oBAAC,yBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IACvC,OAAO,CACc,EAE1B,SAAS,EAAC,KAAK,EACf,eAAe,QACf,UAAU,EAAE;YACV,MAAM,EAAE,CAAC;SACV,EACD,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;YACV,eAAe,CAAC,EAAE,IAAI,SAAS,CAAC,CAAC;QACnC,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AAtBD,4CAsBC;AAED;;GAEG;AACH,WAAiB,gBAAgB;IAC/B;;OAEG;IACU,gCAAe,GAAG,uCAAqB,CAAC;AACvD,CAAC,EALgB,gBAAgB,gCAAhB,gBAAgB,QAKhC","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 StatusBar\n */\n\nimport * as React from \"react\";\nimport { Popover } from \"@itwin/itwinui-react\";\nimport { ButtonExpandIndicator } from \"./ExpandIndicator\";\nimport { type CommonProps, PopupContext } from \"@itwin/core-react\";\n\ntype StatusBarPopoverProps = CommonProps &\n  Pick<\n    React.ComponentProps<typeof Popover>,\n    | \"content\"\n    | \"children\"\n    | \"visible\"\n    | \"onVisibleChange\"\n    | \"closeOnOutsideClick\"\n  >;\n\n/** Popover component used in `StatusBar` component.\n * This component should wrap the element that triggers the popover.\n * @note Add the `StatusBarPopover.ExpandIndicator` to popover trigger buttons.\n * @public\n */\nexport function StatusBarPopover({ content, ...props }: StatusBarPopoverProps) {\n  const [portalTarget, setPortalTarget] = React.useState<\n    HTMLElement | undefined\n  >(undefined);\n  return (\n    <Popover\n      {...props}\n      content={\n        <PopupContext.Provider value={portalTarget}>\n          {content}\n        </PopupContext.Provider>\n      }\n      placement=\"top\"\n      applyBackground\n      middleware={{\n        offset: 4,\n      }}\n      ref={(el) => {\n        setPortalTarget(el ?? undefined);\n      }}\n    />\n  );\n}\n\n/** Components used in `StatusBarPopover`.\n * @public\n */\nexport namespace StatusBarPopover {\n  /** Indicator to be used in popover trigger buttons to show expandable content.\n   * @public\n   */\n  export const ExpandIndicator = ButtonExpandIndicator;\n}\n"]}

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

@@ -221,7 +221,7 @@ export * from "./appui-react/toolsettings/DefaultToolSettingsProvider";
 /** @docs-package-description
  * The ui-framework package contains classes and components for specifying the application UI consisting of the
  * Backstage, Frontstages, Content Views, Tool Bars, Status Bars, Widgets and Panels.
- * For more information, see [learning about appui-react]($docs/learning/ui/appui-react/index.md).
+ * For more information, see [the AppUI learning docs]($docs/ui/appui/get-started.md).
  */
 /**
  * @docs-group-description AccuDraw
@@ -325,7 +325,7 @@ export * from "./appui-react/toolsettings/DefaultToolSettingsProvider";
  */
 /**
  * @docs-group-description ToolSettings
- * Classes for working Tool Settings.  See learning documentation [Tool Settings]($docs/learning/ui/appui-react/toolsettings.md).
+ * Classes for working Tool Settings.  See learning documentation [Tool Settings]($docs/ui/appui/configure-frontstage.md#tool-settings).
  */
 /**
  * @docs-group-description UiProvider

package/lib/cjs/appui-react.js

@@ -242,7 +242,7 @@ __exportStar(require("./appui-react/toolsettings/DefaultToolSettingsProvider"),
 /** @docs-package-description
  * The ui-framework package contains classes and components for specifying the application UI consisting of the
  * Backstage, Frontstages, Content Views, Tool Bars, Status Bars, Widgets and Panels.
- * For more information, see [learning about appui-react]($docs/learning/ui/appui-react/index.md).
+ * For more information, see [the AppUI learning docs]($docs/ui/appui/get-started.md).
  */
 /**
  * @docs-group-description AccuDraw
@@ -346,7 +346,7 @@ __exportStar(require("./appui-react/toolsettings/DefaultToolSettingsProvider"),
  */
 /**
  * @docs-group-description ToolSettings
- * Classes for working Tool Settings.  See learning documentation [Tool Settings]($docs/learning/ui/appui-react/toolsettings.md).
+ * Classes for working Tool Settings.  See learning documentation [Tool Settings]($docs/ui/appui/configure-frontstage.md#tool-settings).
  */
 /**
  * @docs-group-description UiProvider