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

package/lib/esm/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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/** @packageDocumentation\r\n * @module ChildWindowManager\r\n */\r\n\r\nimport \"./InternalChildWindowManager.scss\";\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { copyStyles } from \"./CopyStyles\";\r\nimport { Provider } from \"react-redux\";\r\nimport { StateManager } from \"../redux/StateManager\";\r\nimport { UiStateStorageHandler } from \"../uistate/useUiStateStorage\";\r\nimport { PopupRenderer } from \"../popup/PopupManager\";\r\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\r\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\r\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\r\nimport { ThemeManager } from \"../theme/ThemeManager\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { ChildWindowLocationProps, FrameworkChildWindows, OpenChildWindowInfo } from \"../framework/FrameworkChildWindows\";\r\n\r\nconst childHtml = `<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  <meta charset=\"utf-8\" />\r\n  <style>\r\n    html,\r\n    body {\r\n      height: 100%;\r\n      width: 100%;\r\n      margin: 0;\r\n      overflow: hidden;\r\n    }\r\n    #root {\r\n      height: 100%;\r\n    }\r\n  </style>\r\n</head>\r\n<body>\r\n  <noscript>You need to enable JavaScript to run this app.</noscript>\r\n  <div id=\"root\"></div>\r\n</body>\r\n</html>`;\r\n\r\n/**\r\n * Simplification of non exported CreateRoot parameter, only to be used\r\n * in InternalChildWindowManager and ChildWindowManager\r\n * @internal\r\n */\r\nexport type CreateRoot = Parameters<FrameworkChildWindows[\"useCreateRoot\"]>[0];\r\n\r\n/** Supports opening a child browser window from the main application window. The child window is managed by the main application\r\n * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.\r\n * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)\r\n * @internal\r\n * */\r\nexport class InternalChildWindowManager implements FrameworkChildWindows {\r\n  private _openChildWindows: OpenChildWindowInfo[] = [];\r\n  private _createRoot?: CreateRoot;\r\n\r\n  public get openChildWindows() {\r\n    return this._openChildWindows;\r\n  }\r\n\r\n  /**\r\n   * When using React18, the `createRoot` function must be provided in order to render Popout content with React18.\r\n   * Do not call if using React 17 or before.\r\n   *\r\n   * Note: The type of the function is intentionally simplified here.\r\n   *\r\n   * @param createRootFn Function imported from `import { createRoot } from \"react-dom/client\";`\r\n   * @beta Will be removed once the transition to react 18 is complete.\r\n   */\r\n  // istanbul ignore next: Result of this assignment is only visible in `open`, which is not tested.\r\n  public useCreateRoot(createRootFn: CreateRoot): void {\r\n    this._createRoot = createRootFn;\r\n  }\r\n\r\n  /**\r\n   * Abstracts ReactDOM.render to use either the _createRoot method or the default ReactDOM.render.\r\n   * @param element Element to render.\r\n   * @param container Container to render to.\r\n   */\r\n  // istanbul ignore next: Used in `open` which is not tested.\r\n  private render(element: React.FunctionComponentElement<any>, container: Element | DocumentFragment) {\r\n    if(this._createRoot) {\r\n      this._createRoot(container).render(element);\r\n    } else {\r\n      ReactDOM.render(element, container);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Returns the OpenChildWindowInfo for the related id.\r\n   * @param childWindowId Id of the window to retrieve.\r\n   * @returns undefined if not found.\r\n   */\r\n  public find(childWindowId: string | undefined): OpenChildWindowInfo | undefined {\r\n    if (undefined === childWindowId)\r\n      return undefined;\r\n\r\n    return this.openChildWindows.find((openWindow) => openWindow.childWindowId === childWindowId);\r\n  }\r\n\r\n  /**\r\n   * Return the childWindowId of the provided window.\r\n   * @param contentWindow Window element to identify\r\n   * @returns undefined if not found\r\n   */\r\n  public findId(contentWindow: Window | undefined | null): string | undefined {\r\n    if (!contentWindow)\r\n      return undefined;\r\n\r\n    const childWindow = this.openChildWindows.find((openWindow) => openWindow.window === contentWindow);\r\n    return childWindow?.childWindowId;\r\n  }\r\n\r\n  // istanbul ignore next: Used in `open` which is not tested.\r\n  private renderChildWindowContents(childWindow: Window, childWindowId: string, content: React.ReactNode) {\r\n    const reactConnectionDiv = childWindow.document.getElementById(\"root\");\r\n    if (reactConnectionDiv) {\r\n      // set openChildWindows now so components can use it when they mount\r\n      this._openChildWindows.push({\r\n        childWindowId,\r\n        window: childWindow,\r\n        parentWindow: window,\r\n      });\r\n\r\n      setTimeout(() => {\r\n        copyStyles(childWindow.document);\r\n        setTimeout(() => {\r\n          this.render(\r\n            <Provider store={StateManager.store} >\r\n              <UiStateStorageHandler>\r\n                <ThemeManager>\r\n                  <div className=\"uifw-child-window-container-host\">\r\n                    <PopupRenderer />\r\n                    <ModalDialogRenderer />\r\n                    <ModelessDialogRenderer />\r\n                    <CursorPopupMenu />\r\n                    <div className=\"uifw-child-window-container nz-widget-widget\">\r\n                      {content}\r\n                    </div>\r\n                  </div>\r\n                </ThemeManager>\r\n              </UiStateStorageHandler>\r\n            </Provider>,\r\n            reactConnectionDiv\r\n          );\r\n        });\r\n      });\r\n\r\n      childWindow.onbeforeunload = () => {\r\n        const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\r\n        if (!frontStageDef)\r\n          return;\r\n        frontStageDef.saveChildWindowSizeAndPosition(childWindowId, childWindow);\r\n        this.close(childWindowId, false);\r\n      };\r\n    }\r\n  }\r\n\r\n  /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */\r\n  public closeAll() {\r\n    // istanbul ignore next\r\n    this.openChildWindows.forEach((openChildWindow) => openChildWindow.window.close());\r\n    this._openChildWindows = [];\r\n  }\r\n\r\n  /**\r\n   * Close a specific child window.\r\n   * @param childWindowId Id of the window to close\r\n   * @param processWindowClose should the `close` method be called on the closing window. (defaults to true)\r\n   * @returns false if the window could not be found.\r\n   */\r\n  public close = (childWindowId: string, processWindowClose = true) => {\r\n    const windowIndex = this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId);\r\n    if (-1 === windowIndex)\r\n      return false;\r\n    const childWindow = this.openChildWindows[windowIndex];\r\n    this.openChildWindows.splice(windowIndex, 1);\r\n    if (processWindowClose) {\r\n      childWindow.window.close();\r\n    } else {\r\n      // call the following to convert popout to docked widget\r\n      const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\r\n      frontStageDef && frontStageDef.dockPopoutWidgetContainer(childWindowId);\r\n    }\r\n    return true;\r\n  };\r\n\r\n  // istanbul ignore next: Used in `open` which is not tested.\r\n  private adjustWidowLocation(location: ChildWindowLocationProps, center?: boolean): ChildWindowLocationProps {\r\n    const outLocation = { ...location };\r\n    if (0 === location.top && 0 === location.left) {\r\n      center = center ?? true;\r\n      const windowTop = window.top ?? window;\r\n\r\n      // Prepare position of the new window to be centered against the 'parent' window.\r\n      if (center) {\r\n        outLocation.left =\r\n          windowTop.outerWidth / 2 + windowTop.screenX - location.width / 2;\r\n        outLocation.top =\r\n          windowTop.outerHeight / 2 + windowTop.screenY - location.height / 2;\r\n      } else {\r\n        if (undefined !== window.screenLeft && undefined !== window.screenTop) {\r\n          outLocation.top = window.screenTop + location.top;\r\n          outLocation.left = window.screenLeft + location.left;\r\n        }\r\n      }\r\n    }\r\n    return outLocation;\r\n  }\r\n\r\n  /**\r\n   * Open a new child window.\r\n   * @param childWindowId Id to assign to the newly created window.\r\n   * @param title Title to display on the window.\r\n   * @param content ReactNode to be rendered in the window.\r\n   * @param location Position and size information\r\n   * @param useDefaultPopoutUrl use \"/iTwinPopup.html\" as the window Url, \"\" otherwise.\r\n   * @returns true if the window is opened successfully.\r\n   */\r\n  // istanbul ignore next: Would require mocking window.open to return a window object.\r\n  public open(childWindowId: string, title: string, content: React.ReactNode, location: ChildWindowLocationProps, useDefaultPopoutUrl?: boolean) {\r\n    // first check to see if content is already open in child window\r\n    if (this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId) >= 0) {\r\n      return false;\r\n    }\r\n\r\n    location = this.adjustWidowLocation(location);\r\n    const url = useDefaultPopoutUrl ? \"/iTwinPopup.html\" : \"\";\r\n    const childWindow = window.open(url, \"\", `width=${location.width},height=${location.height},left=${location.left},top=${location.top},menubar=no,resizable=yes,scrollbars=no,status=no,location=no`);\r\n    if (!childWindow)\r\n      return false;\r\n    if (0 === url.length) {\r\n      childWindow.document.write(childHtml);\r\n      this.renderChildWindowContents(childWindow, childWindowId, content);\r\n    } else {\r\n      childWindow.addEventListener(\"load\", () => {\r\n        childWindow.document.title = title;\r\n        this.renderChildWindowContents(childWindow, childWindowId, content);\r\n      }, false);\r\n    }\r\n\r\n    window.addEventListener(\"unload\", () => {\r\n      const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\r\n      if (frontStageDef) {\r\n        this.close(childWindowId, true);\r\n      }\r\n    }, false);\r\n\r\n    return true;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"InternalChildWindowManager.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/InternalChildWindowManager.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/** @packageDocumentation\r\n * @module ChildWindowManager\r\n */\r\n\r\nimport \"./InternalChildWindowManager.scss\";\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { copyStyles } from \"./CopyStyles\";\r\nimport { Provider } from \"react-redux\";\r\nimport { StateManager } from \"../redux/StateManager\";\r\nimport { UiStateStorageHandler } from \"../uistate/useUiStateStorage\";\r\nimport { PopupRenderer } from \"../popup/PopupManager\";\r\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\r\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\r\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\r\nimport { ThemeManager } from \"../theme/ThemeManager\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { ChildWindowLocationProps, FrameworkChildWindows, OpenChildWindowInfo } from \"../framework/FrameworkChildWindows\";\r\n\r\nconst childHtml = `<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  <meta charset=\"utf-8\" />\r\n  <style>\r\n    html,\r\n    body {\r\n      height: 100%;\r\n      width: 100%;\r\n      margin: 0;\r\n      overflow: hidden;\r\n    }\r\n    #root {\r\n      height: 100%;\r\n    }\r\n  </style>\r\n</head>\r\n<body>\r\n  <noscript>You need to enable JavaScript to run this app.</noscript>\r\n  <div id=\"root\"></div>\r\n</body>\r\n</html>`;\r\n\r\n/**\r\n * Simplification of non exported CreateRoot parameter, only to be used\r\n * in InternalChildWindowManager and ChildWindowManager\r\n * @internal\r\n */\r\nexport type CreateRoot = Parameters<FrameworkChildWindows[\"useCreateRoot\"]>[0];\r\n\r\n/** Supports opening a child browser window from the main application window. The child window is managed by the main application\r\n * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.\r\n * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)\r\n * @internal\r\n * */\r\nexport class InternalChildWindowManager implements FrameworkChildWindows {\r\n  private _openChildWindows: OpenChildWindowInfo[] = [];\r\n  private _createRoot?: CreateRoot;\r\n\r\n  public get openChildWindows() {\r\n    return this._openChildWindows;\r\n  }\r\n\r\n  /**\r\n   * When using React18, the `createRoot` function must be provided in order to render Popout content with React18.\r\n   * Do not call if using React 17 or before.\r\n   *\r\n   * Note: The type of the function is intentionally simplified here.\r\n   *\r\n   * @param createRootFn Function imported from `import { createRoot } from \"react-dom/client\";`\r\n   * @beta Will be removed once the transition to react 18 is complete.\r\n   */\r\n  // istanbul ignore next: Result of this assignment is only visible in `open`, which is not tested.\r\n  public useCreateRoot(createRootFn: CreateRoot): void {\r\n    this._createRoot = createRootFn;\r\n  }\r\n\r\n  /**\r\n   * Abstracts ReactDOM.render to use either the _createRoot method or the default ReactDOM.render.\r\n   * @param element Element to render.\r\n   * @param container Container to render to.\r\n   */\r\n  // istanbul ignore next: Used in `open` which is not tested.\r\n  private render(element: React.FunctionComponentElement<any>, container: Element | DocumentFragment) {\r\n    if(this._createRoot) {\r\n      this._createRoot(container).render(element);\r\n    } else {\r\n      ReactDOM.render(element, container);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Returns the OpenChildWindowInfo for the related id.\r\n   * @param childWindowId Id of the window to retrieve.\r\n   * @returns undefined if not found.\r\n   */\r\n  public find(childWindowId: string | undefined): OpenChildWindowInfo | undefined {\r\n    if (undefined === childWindowId)\r\n      return undefined;\r\n\r\n    return this.openChildWindows.find((openWindow) => openWindow.childWindowId === childWindowId);\r\n  }\r\n\r\n  /**\r\n   * Return the childWindowId of the provided window.\r\n   * @param contentWindow Window element to identify\r\n   * @returns undefined if not found\r\n   */\r\n  public findId(contentWindow: Window | undefined | null): string | undefined {\r\n    if (!contentWindow)\r\n      return undefined;\r\n\r\n    const childWindow = this.openChildWindows.find((openWindow) => openWindow.window === contentWindow);\r\n    return childWindow?.childWindowId;\r\n  }\r\n\r\n  // istanbul ignore next: Used in `open` which is not tested.\r\n  private renderChildWindowContents(childWindow: Window, childWindowId: string, content: React.ReactNode, title: string) {\r\n    childWindow.document.title = title;\r\n    const reactConnectionDiv = childWindow.document.getElementById(\"root\");\r\n    if (reactConnectionDiv) {\r\n      // set openChildWindows now so components can use it when they mount\r\n      this._openChildWindows.push({\r\n        childWindowId,\r\n        window: childWindow,\r\n        parentWindow: window,\r\n      });\r\n\r\n      setTimeout(() => {\r\n        copyStyles(childWindow.document);\r\n        setTimeout(() => {\r\n          this.render(\r\n            <Provider store={StateManager.store} >\r\n              <UiStateStorageHandler>\r\n                <ThemeManager>\r\n                  <div className=\"uifw-child-window-container-host\">\r\n                    <PopupRenderer />\r\n                    <ModalDialogRenderer />\r\n                    <ModelessDialogRenderer />\r\n                    <CursorPopupMenu />\r\n                    <div className=\"uifw-child-window-container nz-widget-widget\">\r\n                      {content}\r\n                    </div>\r\n                  </div>\r\n                </ThemeManager>\r\n              </UiStateStorageHandler>\r\n            </Provider>,\r\n            reactConnectionDiv\r\n          );\r\n        });\r\n      });\r\n\r\n      childWindow.onbeforeunload = () => {\r\n        const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\r\n        if (!frontStageDef)\r\n          return;\r\n        frontStageDef.saveChildWindowSizeAndPosition(childWindowId, childWindow);\r\n        this.close(childWindowId, false);\r\n      };\r\n    }\r\n  }\r\n\r\n  /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */\r\n  public closeAll() {\r\n    // istanbul ignore next\r\n    this.openChildWindows.forEach((openChildWindow) => openChildWindow.window.close());\r\n    this._openChildWindows = [];\r\n  }\r\n\r\n  /**\r\n   * Close a specific child window.\r\n   * @param childWindowId Id of the window to close\r\n   * @param processWindowClose should the `close` method be called on the closing window. (defaults to true)\r\n   * @returns false if the window could not be found.\r\n   */\r\n  public close = (childWindowId: string, processWindowClose = true) => {\r\n    const windowIndex = this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId);\r\n    if (-1 === windowIndex)\r\n      return false;\r\n    const childWindow = this.openChildWindows[windowIndex];\r\n    this.openChildWindows.splice(windowIndex, 1);\r\n    if (processWindowClose) {\r\n      childWindow.window.close();\r\n    } else {\r\n      // call the following to convert popout to docked widget\r\n      const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\r\n      frontStageDef && frontStageDef.dockPopoutWidgetContainer(childWindowId);\r\n    }\r\n    return true;\r\n  };\r\n\r\n  // istanbul ignore next: Used in `open` which is not tested.\r\n  private adjustWidowLocation(location: ChildWindowLocationProps, center?: boolean): ChildWindowLocationProps {\r\n    const outLocation = { ...location };\r\n    if (0 === location.top && 0 === location.left) {\r\n      center = center ?? true;\r\n      const windowTop = window.top ?? window;\r\n\r\n      // Prepare position of the new window to be centered against the 'parent' window.\r\n      if (center) {\r\n        outLocation.left =\r\n          windowTop.outerWidth / 2 + windowTop.screenX - location.width / 2;\r\n        outLocation.top =\r\n          windowTop.outerHeight / 2 + windowTop.screenY - location.height / 2;\r\n      } else {\r\n        if (undefined !== window.screenLeft && undefined !== window.screenTop) {\r\n          outLocation.top = window.screenTop + location.top;\r\n          outLocation.left = window.screenLeft + location.left;\r\n        }\r\n      }\r\n    }\r\n    return outLocation;\r\n  }\r\n\r\n  /**\r\n   * Open a new child window.\r\n   * @param childWindowId Id to assign to the newly created window.\r\n   * @param title Title to display on the window.\r\n   * @param content ReactNode to be rendered in the window.\r\n   * @param location Position and size information\r\n   * @param useDefaultPopoutUrl use \"/iTwinPopup.html\" as the window Url, \"\" otherwise.\r\n   * @returns true if the window is opened successfully.\r\n   */\r\n  // istanbul ignore next: Would require mocking window.open to return a window object.\r\n  public open(childWindowId: string, title: string, content: React.ReactNode, location: ChildWindowLocationProps, useDefaultPopoutUrl?: boolean) {\r\n    // first check to see if content is already open in child window\r\n    if (this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId) >= 0) {\r\n      return false;\r\n    }\r\n\r\n    location = this.adjustWidowLocation(location);\r\n    const url = useDefaultPopoutUrl ? \"/iTwinPopup.html\" : \"\";\r\n    const childWindow = window.open(url, \"\", `width=${location.width},height=${location.height},left=${location.left},top=${location.top},menubar=no,resizable=yes,scrollbars=no,status=no,location=no`);\r\n    if (!childWindow)\r\n      return false;\r\n    if (0 === url.length) {\r\n      childWindow.document.write(childHtml);\r\n      this.renderChildWindowContents(childWindow, childWindowId, content, title);\r\n    } else {\r\n      childWindow.addEventListener(\"load\", () => {\r\n        this.renderChildWindowContents(childWindow, childWindowId, content, title);\r\n      }, false);\r\n    }\r\n\r\n    window.addEventListener(\"unload\", () => {\r\n      const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\r\n      if (frontStageDef) {\r\n        this.close(childWindowId, true);\r\n      }\r\n    }, false);\r\n\r\n    return true;\r\n  }\r\n}\r\n"]}

package/lib/esm/appui-react/childwindow/PopoutWidget.d.ts

@@ -1,16 +1,16 @@
-/** @packageDocumentation
- * @module ChildWindowManager
- */
-/// <reference types="react" />
-import "./PopoutWidget.scss";
-import { WidgetDef } from "../widgets/WidgetDef";
-interface PopoutWidgetProps {
-    widgetContainerId: string;
-    widgetDef: WidgetDef;
-}
-/** Component used to wrap a widget for use is a child window.
- * @internal
- */
-export declare function PopoutWidget({ widgetContainerId, widgetDef }: PopoutWidgetProps): JSX.Element;
-export {};
+/** @packageDocumentation
+ * @module ChildWindowManager
+ */
+/// <reference types="react" />
+import "./PopoutWidget.scss";
+import { WidgetDef } from "../widgets/WidgetDef";
+interface PopoutWidgetProps {
+    widgetContainerId: string;
+    widgetDef: WidgetDef;
+}
+/** Component used to wrap a widget for use is a child window.
+ * @internal
+ */
+export declare function PopoutWidget({ widgetContainerId, widgetDef }: PopoutWidgetProps): JSX.Element;
+export {};
 //# sourceMappingURL=PopoutWidget.d.ts.map

package/lib/esm/appui-react/childwindow/PopoutWidget.js

@@ -1,16 +1,16 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module ChildWindowManager
- */
-import "./PopoutWidget.scss";
-import * as React from "react";
-/** Component used to wrap a widget for use is a child window.
- * @internal
- */
-export function PopoutWidget({ widgetContainerId, widgetDef }) {
-    return (React.createElement("div", { className: "uifw-popout-widget-filled-container", "data-widget-id": widgetContainerId }, widgetDef.reactNode));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ChildWindowManager
+ */
+import "./PopoutWidget.scss";
+import * as React from "react";
+/** Component used to wrap a widget for use is a child window.
+ * @internal
+ */
+export function PopoutWidget({ widgetContainerId, widgetDef }) {
+    return (React.createElement("div", { className: "uifw-popout-widget-filled-container", "data-widget-id": widgetContainerId }, widgetDef.reactNode));
+}
 //# sourceMappingURL=PopoutWidget.js.map

package/lib/esm/appui-react/configurableui/ActivityTracker.d.ts

@@ -1,30 +1,30 @@
-/** @packageDocumentation
- * @module ConfigurableUi
- */
-/** Properties for [[ActivityTracker]]
- * @internal
- */
-export interface ActivityTrackerProps {
-    idleTimeout?: number;
-    intervalTimeout?: number;
-}
-/** Activity Tracker utility class
- * @internal
- */
-export declare class ActivityTracker {
-    private _intervalId?;
-    private _idleTimeout?;
-    private _intervalTimeout;
-    private _events;
-    /** Initializes the time tracker and adds event listeners
-     */
-    initialize(props?: ActivityTrackerProps): void;
-    /** Terminates the time tracker and removes event listeners
-     */
-    terminate(): void;
-    private _bindEvents;
-    private _unbindEvents;
-    private _trackUiInterval;
-    private _trackUiActivity;
-}
+/** @packageDocumentation
+ * @module ConfigurableUi
+ */
+/** Properties for [[ActivityTracker]]
+ * @internal
+ */
+export interface ActivityTrackerProps {
+    idleTimeout?: number;
+    intervalTimeout?: number;
+}
+/** Activity Tracker utility class
+ * @internal
+ */
+export declare class ActivityTracker {
+    private _intervalId?;
+    private _idleTimeout?;
+    private _intervalTimeout;
+    private _events;
+    /** Initializes the time tracker and adds event listeners
+     */
+    initialize(props?: ActivityTrackerProps): void;
+    /** Terminates the time tracker and removes event listeners
+     */
+    terminate(): void;
+    private _bindEvents;
+    private _unbindEvents;
+    private _trackUiInterval;
+    private _trackUiActivity;
+}
 //# sourceMappingURL=ActivityTracker.d.ts.map

package/lib/esm/appui-react/configurableui/ActivityTracker.js

@@ -1,68 +1,68 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module ConfigurableUi
- */
-// cspell:ignore visibilitychange
-import { InternalConfigurableUiManager } from "./InternalConfigurableUiManager";
-/** Activity Tracker utility class
- * @internal
- */
-export class ActivityTracker {
-    constructor() {
-        this._intervalTimeout = 1000;
-        this._events = [
-            "keydown",
-            "wheel",
-            "scroll",
-            "mousedown",
-            "mousemove",
-            "touchstart",
-            "touchmove",
-            "pointerdown",
-            "pointermove",
-            "visibilitychange",
-        ];
-        this._bindEvents = () => {
-            this._events.forEach((e) => {
-                window.addEventListener(e, this._trackUiActivity, { capture: true });
-            });
-        };
-        this._unbindEvents = () => {
-            this._events.forEach((e) => {
-                window.removeEventListener(e, this._trackUiActivity, { capture: true });
-            });
-        };
-        this._trackUiInterval = () => {
-            InternalConfigurableUiManager.onUiIntervalEvent.emit({ idleTimeout: this._idleTimeout });
-        };
-        this._trackUiActivity = (event) => {
-            InternalConfigurableUiManager.onUiActivityEvent.emit({ event });
-        };
-    }
-    /** Initializes the time tracker and adds event listeners
-     */
-    initialize(props) {
-        // istanbul ignore else
-        if (props) {
-            this._idleTimeout = props.idleTimeout;
-            if (props.intervalTimeout !== undefined)
-                this._intervalTimeout = props.intervalTimeout;
-        }
-        this._bindEvents();
-        this._intervalId = setInterval(this._trackUiInterval, this._intervalTimeout);
-    }
-    /** Terminates the time tracker and removes event listeners
-     */
-    terminate() {
-        this._unbindEvents();
-        // istanbul ignore else
-        if (this._intervalId) {
-            clearInterval(this._intervalId);
-            this._intervalId = undefined;
-        }
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ConfigurableUi
+ */
+// cspell:ignore visibilitychange
+import { InternalConfigurableUiManager } from "./InternalConfigurableUiManager";
+/** Activity Tracker utility class
+ * @internal
+ */
+export class ActivityTracker {
+    constructor() {
+        this._intervalTimeout = 1000;
+        this._events = [
+            "keydown",
+            "wheel",
+            "scroll",
+            "mousedown",
+            "mousemove",
+            "touchstart",
+            "touchmove",
+            "pointerdown",
+            "pointermove",
+            "visibilitychange",
+        ];
+        this._bindEvents = () => {
+            this._events.forEach((e) => {
+                window.addEventListener(e, this._trackUiActivity, { capture: true });
+            });
+        };
+        this._unbindEvents = () => {
+            this._events.forEach((e) => {
+                window.removeEventListener(e, this._trackUiActivity, { capture: true });
+            });
+        };
+        this._trackUiInterval = () => {
+            InternalConfigurableUiManager.onUiIntervalEvent.emit({ idleTimeout: this._idleTimeout });
+        };
+        this._trackUiActivity = (event) => {
+            InternalConfigurableUiManager.onUiActivityEvent.emit({ event });
+        };
+    }
+    /** Initializes the time tracker and adds event listeners
+     */
+    initialize(props) {
+        // istanbul ignore else
+        if (props) {
+            this._idleTimeout = props.idleTimeout;
+            if (props.intervalTimeout !== undefined)
+                this._intervalTimeout = props.intervalTimeout;
+        }
+        this._bindEvents();
+        this._intervalId = setInterval(this._trackUiInterval, this._intervalTimeout);
+    }
+    /** Terminates the time tracker and removes event listeners
+     */
+    terminate() {
+        this._unbindEvents();
+        // istanbul ignore else
+        if (this._intervalId) {
+            clearInterval(this._intervalId);
+            this._intervalId = undefined;
+        }
+    }
+}
 //# sourceMappingURL=ActivityTracker.js.map

package/lib/esm/appui-react/configurableui/ConfigurableUiContent.d.ts

@@ -1,22 +1,22 @@
-/** @packageDocumentation
- * @module ConfigurableUi
- */
-import "./configurableui.scss";
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** Properties for [[ConfigurableUiContent]]
- * @public
- */
-export interface ConfigurableUiContentProps extends CommonProps {
-    /** React node of the Backstage */
-    appBackstage?: React.ReactNode;
-    /** @internal */
-    idleTimeout?: number;
-    /** @internal */
-    intervalTimeout?: number;
-}
-/** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi
- * @public
- */
-export declare function ConfigurableUiContent(props: ConfigurableUiContentProps): JSX.Element;
+/** @packageDocumentation
+ * @module ConfigurableUi
+ */
+import "./configurableui.scss";
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Properties for [[ConfigurableUiContent]]
+ * @public
+ */
+export interface ConfigurableUiContentProps extends CommonProps {
+    /** React node of the Backstage */
+    appBackstage?: React.ReactNode;
+    /** @internal */
+    idleTimeout?: number;
+    /** @internal */
+    intervalTimeout?: number;
+}
+/** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi
+ * @public
+ */
+export declare function ConfigurableUiContent(props: ConfigurableUiContentProps): JSX.Element;
 //# sourceMappingURL=ConfigurableUiContent.d.ts.map

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

@@ -1,56 +1,56 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module ConfigurableUi
- */
-import "./configurableui.scss";
-import * as React from "react";
-import { Point } from "@itwin/core-react";
-import { CursorInformation } from "../cursor/CursorInformation";
-import { CursorPopupMenu } from "../cursor/cursormenu/CursorMenu";
-import { CursorPopupRenderer } from "../cursor/cursorpopup/CursorPopupManager";
-import { ModalDialogRenderer } from "../dialog/ModalDialogManager";
-import { ModelessDialogRenderer } from "../dialog/ModelessDialogManager";
-import { ElementTooltip } from "../feedback/ElementTooltip";
-import { KeyboardShortcutMenu } from "../keyboardshortcut/KeyboardShortcutMenu";
-import { InputFieldMessage } from "../messages/InputField";
-import { PointerMessage } from "../messages/Pointer";
-import { PopupRenderer } from "../popup/PopupManager";
-import { WidgetPanelsFrontstage } from "../widget-panels/Frontstage";
-import { ContentDialogRenderer } from "../dialog/ContentDialogManager";
-import { UiFramework } from "../UiFramework";
-import { InternalConfigurableUiManager } from "./InternalConfigurableUiManager";
-/** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi
- * @public
- */
-export function ConfigurableUiContent(props) {
-    React.useEffect(() => {
-        UiFramework.keyboardShortcuts.setFocusToHome();
-    }, []);
-    React.useEffect(() => {
-        InternalConfigurableUiManager.activityTracker.initialize({ idleTimeout: props.idleTimeout, intervalTimeout: props.intervalTimeout });
-        return () => {
-            InternalConfigurableUiManager.activityTracker.terminate();
-        };
-    }, [props.idleTimeout, props.intervalTimeout]);
-    const handleMouseMove = React.useCallback((e) => {
-        const point = new Point(e.pageX, e.pageY);
-        CursorInformation.handleMouseMove(point);
-    }, []);
-    return (React.createElement("main", { role: "main", id: "uifw-configurableui-wrapper", className: props.className, style: props.style, onMouseMove: handleMouseMove },
-        props.appBackstage,
-        React.createElement(WidgetPanelsFrontstage, null),
-        React.createElement(ContentDialogRenderer, null),
-        React.createElement(ModelessDialogRenderer, null),
-        React.createElement(ModalDialogRenderer, null),
-        React.createElement(ElementTooltip, null),
-        React.createElement(PointerMessage, null),
-        React.createElement(KeyboardShortcutMenu, null),
-        React.createElement(InputFieldMessage, null),
-        React.createElement(CursorPopupMenu, null),
-        React.createElement(CursorPopupRenderer, null),
-        React.createElement(PopupRenderer, null)));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ConfigurableUi
+ */
+import "./configurableui.scss";
+import * as React from "react";
+import { Point } from "@itwin/core-react";
+import { CursorInformation } from "../cursor/CursorInformation";
+import { CursorPopupMenu } from "../cursor/cursormenu/CursorMenu";
+import { CursorPopupRenderer } from "../cursor/cursorpopup/CursorPopupManager";
+import { ModalDialogRenderer } from "../dialog/ModalDialogManager";
+import { ModelessDialogRenderer } from "../dialog/ModelessDialogManager";
+import { ElementTooltip } from "../feedback/ElementTooltip";
+import { KeyboardShortcutMenu } from "../keyboardshortcut/KeyboardShortcutMenu";
+import { InputFieldMessage } from "../messages/InputField";
+import { PointerMessage } from "../messages/Pointer";
+import { PopupRenderer } from "../popup/PopupManager";
+import { WidgetPanelsFrontstage } from "../widget-panels/Frontstage";
+import { ContentDialogRenderer } from "../dialog/ContentDialogManager";
+import { UiFramework } from "../UiFramework";
+import { InternalConfigurableUiManager } from "./InternalConfigurableUiManager";
+/** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi
+ * @public
+ */
+export function ConfigurableUiContent(props) {
+    React.useEffect(() => {
+        UiFramework.keyboardShortcuts.setFocusToHome();
+    }, []);
+    React.useEffect(() => {
+        InternalConfigurableUiManager.activityTracker.initialize({ idleTimeout: props.idleTimeout, intervalTimeout: props.intervalTimeout });
+        return () => {
+            InternalConfigurableUiManager.activityTracker.terminate();
+        };
+    }, [props.idleTimeout, props.intervalTimeout]);
+    const handleMouseMove = React.useCallback((e) => {
+        const point = new Point(e.pageX, e.pageY);
+        CursorInformation.handleMouseMove(point);
+    }, []);
+    return (React.createElement("main", { role: "main", id: "uifw-configurableui-wrapper", className: props.className, style: props.style, onMouseMove: handleMouseMove },
+        props.appBackstage,
+        React.createElement(WidgetPanelsFrontstage, null),
+        React.createElement(ContentDialogRenderer, null),
+        React.createElement(ModelessDialogRenderer, null),
+        React.createElement(ModalDialogRenderer, null),
+        React.createElement(ElementTooltip, null),
+        React.createElement(PointerMessage, null),
+        React.createElement(KeyboardShortcutMenu, null),
+        React.createElement(InputFieldMessage, null),
+        React.createElement(CursorPopupMenu, null),
+        React.createElement(CursorPopupRenderer, null),
+        React.createElement(PopupRenderer, null)));
+}
 //# sourceMappingURL=ConfigurableUiContent.js.map