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

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

@@ -0,0 +1,72 @@
+/** @packageDocumentation
+ * @module ChildWindowManager
+ */
+import "./InternalChildWindowManager.scss";
+import * as React from "react";
+import { ChildWindowLocationProps, FrameworkChildWindows, OpenChildWindowInfo } from "../framework/FrameworkChildWindows";
+/**
+ * Simplification of non exported CreateRoot parameter, only to be used
+ * in InternalChildWindowManager and ChildWindowManager
+ * @internal
+ */
+export declare type CreateRoot = Parameters<FrameworkChildWindows["useCreateRoot"]>[0];
+/** Supports opening a child browser window from the main application window. The child window is managed by the main application
+ * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.
+ * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)
+ * @internal
+ * */
+export declare class InternalChildWindowManager implements FrameworkChildWindows {
+    private _openChildWindows;
+    private _createRoot?;
+    get openChildWindows(): OpenChildWindowInfo[];
+    /**
+     * When using React18, the `createRoot` function must be provided in order to render Popout content with React18.
+     * Do not call if using React 17 or before.
+     *
+     * Note: The type of the function is intentionally simplified here.
+     *
+     * @param createRootFn Function imported from `import { createRoot } from "react-dom/client";`
+     * @beta Will be removed once the transition to react 18 is complete.
+     */
+    useCreateRoot(createRootFn: CreateRoot): void;
+    /**
+     * Abstracts ReactDOM.render to use either the _createRoot method or the default ReactDOM.render.
+     * @param element Element to render.
+     * @param container Container to render to.
+     */
+    private render;
+    /**
+     * Returns the OpenChildWindowInfo for the related id.
+     * @param childWindowId Id of the window to retrieve.
+     * @returns undefined if not found.
+     */
+    find(childWindowId: string | undefined): OpenChildWindowInfo | undefined;
+    /**
+     * Return the childWindowId of the provided window.
+     * @param contentWindow Window element to identify
+     * @returns undefined if not found
+     */
+    findId(contentWindow: Window | undefined | null): string | undefined;
+    private renderChildWindowContents;
+    /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */
+    closeAll(): void;
+    /**
+     * Close a specific child window.
+     * @param childWindowId Id of the window to close
+     * @param processWindowClose should the `close` method be called on the closing window. (defaults to true)
+     * @returns false if the window could not be found.
+     */
+    close: (childWindowId: string, processWindowClose?: boolean) => boolean;
+    private adjustWidowLocation;
+    /**
+     * Open a new child window.
+     * @param childWindowId Id to assign to the newly created window.
+     * @param title Title to display on the window.
+     * @param content ReactNode to be rendered in the window.
+     * @param location Position and size information
+     * @param useDefaultPopoutUrl use "/iTwinPopup.html" as the window Url, "" otherwise.
+     * @returns true if the window is opened successfully.
+     */
+    open(childWindowId: string, title: string, content: React.ReactNode, location: ChildWindowLocationProps, useDefaultPopoutUrl?: boolean): boolean;
+}
+//# sourceMappingURL=InternalChildWindowManager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalChildWindowManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/InternalChildWindowManager.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,mCAAmC,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAyB1H;;;;GAIG;AACH,oBAAY,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;IAEjC,IAAW,gBAAgB,0BAE1B;IAED;;;;;;;;OAQG;IAEI,aAAa,CAAC,YAAY,EAAE,UAAU,GAAG,IAAI;IAIpD;;;;OAIG;IAEH,OAAO,CAAC,MAAM;IAQd;;;;OAIG;IACI,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,GAAG,SAAS;IAO/E;;;;OAIG;IACI,MAAM,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS;IAS3E,OAAO,CAAC,yBAAyB;IA4CjC,gGAAgG;IACzF,QAAQ;IAMf;;;;;OAKG;IACI,KAAK,kBAAmB,MAAM,2CAcnC;IAGF,OAAO,CAAC,mBAAmB;IAsB3B;;;;;;;;OAQG;IAEI,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,wBAAwB,EAAE,mBAAmB,CAAC,EAAE,OAAO;CA8B9I"}

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

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

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

@@ -0,0 +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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityTracker.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ActivityTracker.ts"],"names":[],"mappings":"AAIA;;GAEG;AAMH;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,WAAW,CAAC,CAAM;IAC1B,OAAO,CAAC,YAAY,CAAC,CAAS;IAC9B,OAAO,CAAC,gBAAgB,CAAQ;IAEhC,OAAO,CAAC,OAAO,CAWb;IAEF;OACG;IACI,UAAU,CAAC,KAAK,CAAC,EAAE,oBAAoB,GAAG,IAAI;IAarD;OACG;IACI,SAAS,IAAI,IAAI;IAUxB,OAAO,CAAC,WAAW,CAIjB;IAEF,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;CACH"}
+{"version":3,"file":"ActivityTracker.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ActivityTracker.ts"],"names":[],"mappings":"AAIA;;GAEG;AAKH;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,WAAW,CAAC,CAAM;IAC1B,OAAO,CAAC,YAAY,CAAC,CAAS;IAC9B,OAAO,CAAC,gBAAgB,CAAQ;IAEhC,OAAO,CAAC,OAAO,CAWb;IAEF;OACG;IACI,UAAU,CAAC,KAAK,CAAC,EAAE,oBAAoB,GAAG,IAAI;IAarD;OACG;IACI,SAAS,IAAI,IAAI;IAUxB,OAAO,CAAC,WAAW,CAIjB;IAEF,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;CACH"}

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

@@ -6,9 +6,10 @@
 /** @packageDocumentation
  * @module ConfigurableUi
  */
+// cspell:ignore visibilitychange
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActivityTracker = void 0;
-const ConfigurableUiManager_1 = require("./ConfigurableUiManager");
+const InternalConfigurableUiManager_1 = require("./InternalConfigurableUiManager");
 /** Activity Tracker utility class
  * @internal
  */
@@ -38,10 +39,10 @@ class ActivityTracker {
             });
         };
         this._trackUiInterval = () => {
-            ConfigurableUiManager_1.ConfigurableUiManager.onUiIntervalEvent.emit({ idleTimeout: this._idleTimeout });
+            InternalConfigurableUiManager_1.InternalConfigurableUiManager.onUiIntervalEvent.emit({ idleTimeout: this._idleTimeout });
         };
         this._trackUiActivity = (event) => {
-            ConfigurableUiManager_1.ConfigurableUiManager.onUiActivityEvent.emit({ event });
+            InternalConfigurableUiManager_1.InternalConfigurableUiManager.onUiActivityEvent.emit({ event });
         };
     }
     /** Initializes the time tracker and adds event listeners

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityTracker.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ActivityTracker.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,mEAAgE;AAYhE;;GAEG;AACH,MAAa,eAAe;IAA5B;QAGU,qBAAgB,GAAG,IAAI,CAAC;QAExB,YAAO,GAAG;YAChB,SAAS;YACT,OAAO;YACP,QAAQ;YACR,WAAW;YACX,WAAW;YACX,YAAY;YACZ,WAAW;YACX,aAAa;YACb,aAAa;YACb,kBAAkB;SACnB,CAAC;QA6BM,gBAAW,GAAG,GAAS,EAAE;YAC/B,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;gBACzB,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YACvE,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,kBAAa,GAAG,GAAS,EAAE;YACjC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;gBACzB,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1E,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,qBAAgB,GAAG,GAAS,EAAE;YACpC,6CAAqB,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QACnF,CAAC,CAAC;QAEM,qBAAgB,GAAG,CAAC,KAAY,EAAQ,EAAE;YAChD,6CAAqB,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAC1D,CAAC,CAAC;IACJ,CAAC;IA9CC;OACG;IACI,UAAU,CAAC,KAA4B;QAC5C,uBAAuB;QACvB,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC;YACtC,IAAI,KAAK,CAAC,eAAe,KAAK,SAAS;gBACrC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,eAAe,CAAC;SACjD;QAED,IAAI,CAAC,WAAW,EAAE,CAAC;QAEnB,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC/E,CAAC;IAED;OACG;IACI,SAAS;QACd,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,uBAAuB;QACvB,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAChC,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;SAC9B;IACH,CAAC;CAqBF;AAhED,0CAgEC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ConfigurableUi\r\n */\r\n\r\nimport { ConfigurableUiManager } from \"./ConfigurableUiManager\";\r\n\r\n// cspell:ignore visibilitychange\r\n\r\n/** Properties for [[ActivityTracker]]\r\n * @internal\r\n */\r\nexport interface ActivityTrackerProps {\r\n  idleTimeout?: number;\r\n  intervalTimeout?: number;\r\n}\r\n\r\n/** Activity Tracker utility class\r\n * @internal\r\n */\r\nexport class ActivityTracker {\r\n  private _intervalId?: any;\r\n  private _idleTimeout?: number;\r\n  private _intervalTimeout = 1000;\r\n\r\n  private _events = [\r\n    \"keydown\",\r\n    \"wheel\",\r\n    \"scroll\",\r\n    \"mousedown\",\r\n    \"mousemove\",\r\n    \"touchstart\",\r\n    \"touchmove\",\r\n    \"pointerdown\",\r\n    \"pointermove\",\r\n    \"visibilitychange\",\r\n  ];\r\n\r\n  /** Initializes the time tracker and adds event listeners\r\n   */\r\n  public initialize(props?: ActivityTrackerProps): void {\r\n    // istanbul ignore else\r\n    if (props) {\r\n      this._idleTimeout = props.idleTimeout;\r\n      if (props.intervalTimeout !== undefined)\r\n        this._intervalTimeout = props.intervalTimeout;\r\n    }\r\n\r\n    this._bindEvents();\r\n\r\n    this._intervalId = setInterval(this._trackUiInterval, this._intervalTimeout);\r\n  }\r\n\r\n  /** Terminates the time tracker and removes event listeners\r\n   */\r\n  public terminate(): void {\r\n    this._unbindEvents();\r\n\r\n    // istanbul ignore else\r\n    if (this._intervalId) {\r\n      clearInterval(this._intervalId);\r\n      this._intervalId = undefined;\r\n    }\r\n  }\r\n\r\n  private _bindEvents = (): void => {\r\n    this._events.forEach((e) => {\r\n      window.addEventListener(e, this._trackUiActivity, { capture: true });\r\n    });\r\n  };\r\n\r\n  private _unbindEvents = (): void => {\r\n    this._events.forEach((e) => {\r\n      window.removeEventListener(e, this._trackUiActivity, { capture: true });\r\n    });\r\n  };\r\n\r\n  private _trackUiInterval = (): void => {\r\n    ConfigurableUiManager.onUiIntervalEvent.emit({ idleTimeout: this._idleTimeout });\r\n  };\r\n\r\n  private _trackUiActivity = (event: Event): void => {\r\n    ConfigurableUiManager.onUiActivityEvent.emit({ event });\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"ActivityTracker.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ActivityTracker.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,iCAAiC;;;AAEjC,mFAAgF;AAUhF;;GAEG;AACH,MAAa,eAAe;IAA5B;QAGU,qBAAgB,GAAG,IAAI,CAAC;QAExB,YAAO,GAAG;YAChB,SAAS;YACT,OAAO;YACP,QAAQ;YACR,WAAW;YACX,WAAW;YACX,YAAY;YACZ,WAAW;YACX,aAAa;YACb,aAAa;YACb,kBAAkB;SACnB,CAAC;QA6BM,gBAAW,GAAG,GAAS,EAAE;YAC/B,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;gBACzB,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YACvE,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,kBAAa,GAAG,GAAS,EAAE;YACjC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;gBACzB,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1E,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,qBAAgB,GAAG,GAAS,EAAE;YACpC,6DAA6B,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QAC3F,CAAC,CAAC;QAEM,qBAAgB,GAAG,CAAC,KAAY,EAAQ,EAAE;YAChD,6DAA6B,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAClE,CAAC,CAAC;IACJ,CAAC;IA9CC;OACG;IACI,UAAU,CAAC,KAA4B;QAC5C,uBAAuB;QACvB,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC;YACtC,IAAI,KAAK,CAAC,eAAe,KAAK,SAAS;gBACrC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,eAAe,CAAC;SACjD;QAED,IAAI,CAAC,WAAW,EAAE,CAAC;QAEnB,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC/E,CAAC;IAED;OACG;IACI,SAAS;QACd,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,uBAAuB;QACvB,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAChC,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;SAC9B;IACH,CAAC;CAqBF;AAhED,0CAgEC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ConfigurableUi\r\n */\r\n// cspell:ignore visibilitychange\r\n\r\nimport { InternalConfigurableUiManager } from \"./InternalConfigurableUiManager\";\r\n\r\n/** Properties for [[ActivityTracker]]\r\n * @internal\r\n */\r\nexport interface ActivityTrackerProps {\r\n  idleTimeout?: number;\r\n  intervalTimeout?: number;\r\n}\r\n\r\n/** Activity Tracker utility class\r\n * @internal\r\n */\r\nexport class ActivityTracker {\r\n  private _intervalId?: any;\r\n  private _idleTimeout?: number;\r\n  private _intervalTimeout = 1000;\r\n\r\n  private _events = [\r\n    \"keydown\",\r\n    \"wheel\",\r\n    \"scroll\",\r\n    \"mousedown\",\r\n    \"mousemove\",\r\n    \"touchstart\",\r\n    \"touchmove\",\r\n    \"pointerdown\",\r\n    \"pointermove\",\r\n    \"visibilitychange\",\r\n  ];\r\n\r\n  /** Initializes the time tracker and adds event listeners\r\n   */\r\n  public initialize(props?: ActivityTrackerProps): void {\r\n    // istanbul ignore else\r\n    if (props) {\r\n      this._idleTimeout = props.idleTimeout;\r\n      if (props.intervalTimeout !== undefined)\r\n        this._intervalTimeout = props.intervalTimeout;\r\n    }\r\n\r\n    this._bindEvents();\r\n\r\n    this._intervalId = setInterval(this._trackUiInterval, this._intervalTimeout);\r\n  }\r\n\r\n  /** Terminates the time tracker and removes event listeners\r\n   */\r\n  public terminate(): void {\r\n    this._unbindEvents();\r\n\r\n    // istanbul ignore else\r\n    if (this._intervalId) {\r\n      clearInterval(this._intervalId);\r\n      this._intervalId = undefined;\r\n    }\r\n  }\r\n\r\n  private _bindEvents = (): void => {\r\n    this._events.forEach((e) => {\r\n      window.addEventListener(e, this._trackUiActivity, { capture: true });\r\n    });\r\n  };\r\n\r\n  private _unbindEvents = (): void => {\r\n    this._events.forEach((e) => {\r\n      window.removeEventListener(e, this._trackUiActivity, { capture: true });\r\n    });\r\n  };\r\n\r\n  private _trackUiInterval = (): void => {\r\n    InternalConfigurableUiManager.onUiIntervalEvent.emit({ idleTimeout: this._idleTimeout });\r\n  };\r\n\r\n  private _trackUiActivity = (event: Event): void => {\r\n    InternalConfigurableUiManager.onUiActivityEvent.emit({ event });\r\n  };\r\n}\r\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,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAS,MAAM,mBAAmB,CAAC;AAoBvD;;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;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eAuCtE"}
+{"version":3,"file":"ConfigurableUiContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAS,MAAM,mBAAmB,CAAC;AAkBvD;;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;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eAqCtE"}

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

@@ -17,28 +17,25 @@ const CursorPopupManager_1 = require("../cursor/cursorpopup/CursorPopupManager")
 const ModalDialogManager_1 = require("../dialog/ModalDialogManager");
 const ModelessDialogManager_1 = require("../dialog/ModelessDialogManager");
 const ElementTooltip_1 = require("../feedback/ElementTooltip");
-const FrontstageComposer_1 = require("../frontstage/FrontstageComposer");
-const useFrameworkVersion_1 = require("../hooks/useFrameworkVersion");
-const KeyboardShortcut_1 = require("../keyboardshortcut/KeyboardShortcut");
 const KeyboardShortcutMenu_1 = require("../keyboardshortcut/KeyboardShortcutMenu");
 const InputField_1 = require("../messages/InputField");
 const Pointer_1 = require("../messages/Pointer");
 const PopupManager_1 = require("../popup/PopupManager");
 const Frontstage_1 = require("../widget-panels/Frontstage");
-const ConfigurableUiManager_1 = require("./ConfigurableUiManager");
 const ContentDialogManager_1 = require("../dialog/ContentDialogManager");
+const UiFramework_1 = require("../UiFramework");
+const InternalConfigurableUiManager_1 = require("./InternalConfigurableUiManager");
 /** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi
  * @public
  */
 function ConfigurableUiContent(props) {
-    const version = (0, useFrameworkVersion_1.useFrameworkVersion)(); // eslint-disable-line deprecation/deprecation
     React.useEffect(() => {
-        KeyboardShortcut_1.KeyboardShortcutManager.setFocusToHome();
+        UiFramework_1.UiFramework.keyboardShortcuts.setFocusToHome();
     }, []);
     React.useEffect(() => {
-        ConfigurableUiManager_1.ConfigurableUiManager.activityTracker.initialize({ idleTimeout: props.idleTimeout, intervalTimeout: props.intervalTimeout });
+        InternalConfigurableUiManager_1.InternalConfigurableUiManager.activityTracker.initialize({ idleTimeout: props.idleTimeout, intervalTimeout: props.intervalTimeout });
         return () => {
-            ConfigurableUiManager_1.ConfigurableUiManager.activityTracker.terminate();
+            InternalConfigurableUiManager_1.InternalConfigurableUiManager.activityTracker.terminate();
         };
     }, [props.idleTimeout, props.intervalTimeout]);
     const handleMouseMove = React.useCallback((e) => {
@@ -47,7 +44,7 @@ function ConfigurableUiContent(props) {
     }, []);
     return (React.createElement("main", { role: "main", id: "uifw-configurableui-wrapper", className: props.className, style: props.style, onMouseMove: handleMouseMove },
         props.appBackstage,
-        version === "1" ? /* istanbul ignore next */ React.createElement(FrontstageComposer_1.FrontstageComposer, { style: { position: "relative", height: "100%" } }) : /* istanbul ignore next */ React.createElement(Frontstage_1.WidgetPanelsFrontstage, null),
+        React.createElement(Frontstage_1.WidgetPanelsFrontstage, null),
         React.createElement(ContentDialogManager_1.ContentDialogRenderer, null),
         React.createElement(ModelessDialogManager_1.ModelessDialogRenderer, null),
         React.createElement(ModalDialogManager_1.ModalDialogRenderer, null),

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;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA+B;AAC/B,+BAA+B;AAC/B,kDAAuD;AACvD,mEAAgE;AAChE,gEAAkE;AAClE,iFAA+E;AAC/E,qEAAmE;AACnE,2EAAyE;AACzE,+DAA4D;AAC5D,yEAAsE;AACtE,sEAAmE;AACnE,2EAA+E;AAC/E,mFAAgF;AAChF,uDAA2D;AAC3D,iDAAqD;AACrD,wDAAsD;AACtD,4DAAqE;AACrE,mEAAgE;AAChE,yEAAuE;AAiBvE;;GAEG;AACH,SAAgB,qBAAqB,CAAC,KAAiC;IACrE,MAAM,OAAO,GAAG,IAAA,yCAAmB,GAAE,CAAC,CAAC,8CAA8C;IACrF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,0CAAuB,CAAC,cAAc,EAAE,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,6CAAqB,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC;QAC7H,OAAO,GAAG,EAAE;YACV,6CAAqB,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC;QACpD,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,8BAAM,IAAI,EAAC,MAAM,EACf,EAAE,EAAC,6BAA6B,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,eAAe;QAE3B,KAAK,CAAC,YAAY;QAElB,OAAO,KAAK,GAAG,CAAC,CAAC,CAAE,0BAA0B,CAAC,oBAAC,uCAAkB,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CAAC,CAAC,CAAC,0BAA0B,CAAC,oBAAC,mCAAsB,OAAG;QAC9K,oBAAC,4CAAqB,OAAG;QACzB,oBAAC,8CAAsB,OAAG;QAC1B,oBAAC,wCAAmB,OAAG;QACvB,oBAAC,+BAAc,OAAG;QAClB,oBAAC,wBAAc,OAAG;QAClB,oBAAC,2CAAoB,OAAG;QACxB,oBAAC,8BAAiB,OAAG;QACrB,oBAAC,4BAAe,OAAG;QACnB,oBAAC,wCAAmB,OAAG;QACvB,oBAAC,4BAAa,OAAG,CACZ,CACR,CAAC;AACJ,CAAC;AAvCD,sDAuCC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ConfigurableUi\r\n */\r\n\r\nimport \"./configurableui.scss\";\r\nimport * as React from \"react\";\r\nimport { CommonProps, Point } from \"@itwin/core-react\";\r\nimport { CursorInformation } from \"../cursor/CursorInformation\";\r\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\r\nimport { CursorPopupRenderer } from \"../cursor/cursorpopup/CursorPopupManager\";\r\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\r\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\r\nimport { ElementTooltip } from \"../feedback/ElementTooltip\";\r\nimport { FrontstageComposer } from \"../frontstage/FrontstageComposer\";\r\nimport { useFrameworkVersion } from \"../hooks/useFrameworkVersion\";\r\nimport { KeyboardShortcutManager } from \"../keyboardshortcut/KeyboardShortcut\";\r\nimport { KeyboardShortcutMenu } from \"../keyboardshortcut/KeyboardShortcutMenu\";\r\nimport { InputFieldMessage } from \"../messages/InputField\";\r\nimport { PointerMessage } from \"../messages/Pointer\";\r\nimport { PopupRenderer } from \"../popup/PopupManager\";\r\nimport { WidgetPanelsFrontstage } from \"../widget-panels/Frontstage\";\r\nimport { ConfigurableUiManager } from \"./ConfigurableUiManager\";\r\nimport { ContentDialogRenderer } from \"../dialog/ContentDialogManager\";\r\n\r\n// cSpell:ignore cursormenu cursorpopup\r\n\r\n/** Properties for [[ConfigurableUiContent]]\r\n * @public\r\n */\r\nexport interface ConfigurableUiContentProps extends CommonProps {\r\n  /** React node of the Backstage */\r\n  appBackstage?: React.ReactNode;\r\n\r\n  /** @internal */\r\n  idleTimeout?: number;\r\n  /** @internal */\r\n  intervalTimeout?: number;\r\n}\r\n\r\n/** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi\r\n * @public\r\n */\r\nexport function ConfigurableUiContent(props: ConfigurableUiContentProps) {\r\n  const version = useFrameworkVersion(); // eslint-disable-line deprecation/deprecation\r\n  React.useEffect(() => {\r\n    KeyboardShortcutManager.setFocusToHome();\r\n  }, []);\r\n  React.useEffect(() => {\r\n    ConfigurableUiManager.activityTracker.initialize({ idleTimeout: props.idleTimeout, intervalTimeout: props.intervalTimeout });\r\n    return () => {\r\n      ConfigurableUiManager.activityTracker.terminate();\r\n    };\r\n  }, [props.idleTimeout, props.intervalTimeout]);\r\n\r\n  const handleMouseMove = React.useCallback((e: React.MouseEvent) => {\r\n    const point = new Point(e.pageX, e.pageY);\r\n    CursorInformation.handleMouseMove(point);\r\n  }, []);\r\n\r\n  return (\r\n    <main role=\"main\"\r\n      id=\"uifw-configurableui-wrapper\"\r\n      className={props.className}\r\n      style={props.style}\r\n      onMouseMove={handleMouseMove}\r\n    >\r\n      {props.appBackstage}\r\n      {/* eslint-disable-next-line deprecation/deprecation */}\r\n      {version === \"1\" ?  /* istanbul ignore next */ <FrontstageComposer style={{ position: \"relative\", height: \"100%\" }} /> : /* istanbul ignore next */ <WidgetPanelsFrontstage />}\r\n      <ContentDialogRenderer />\r\n      <ModelessDialogRenderer />\r\n      <ModalDialogRenderer />\r\n      <ElementTooltip />\r\n      <PointerMessage />\r\n      <KeyboardShortcutMenu />\r\n      <InputFieldMessage />\r\n      <CursorPopupMenu />\r\n      <CursorPopupRenderer />\r\n      <PopupRenderer />\r\n    </main>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"ConfigurableUiContent.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA+B;AAC/B,+BAA+B;AAC/B,kDAAuD;AACvD,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;AAiBhF;;GAEG;AACH,SAAgB,qBAAqB,CAAC,KAAiC;IACrE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,yBAAW,CAAC,iBAAiB,CAAC,cAAc,EAAE,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,6DAA6B,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC;QACrI,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,8BAAM,IAAI,EAAC,MAAM,EACf,EAAE,EAAC,6BAA6B,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,eAAe;QAE3B,KAAK,CAAC,YAAY;QACnB,oBAAC,mCAAsB,OAAG;QAC1B,oBAAC,4CAAqB,OAAG;QACzB,oBAAC,8CAAsB,OAAG;QAC1B,oBAAC,wCAAmB,OAAG;QACvB,oBAAC,+BAAc,OAAG;QAClB,oBAAC,wBAAc,OAAG;QAClB,oBAAC,2CAAoB,OAAG;QACxB,oBAAC,8BAAiB,OAAG;QACrB,oBAAC,4BAAe,OAAG;QACnB,oBAAC,wCAAmB,OAAG;QACvB,oBAAC,4BAAa,OAAG,CACZ,CACR,CAAC;AACJ,CAAC;AArCD,sDAqCC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ConfigurableUi\r\n */\r\n\r\nimport \"./configurableui.scss\";\r\nimport * as React from \"react\";\r\nimport { CommonProps, Point } from \"@itwin/core-react\";\r\nimport { CursorInformation } from \"../cursor/CursorInformation\";\r\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\r\nimport { CursorPopupRenderer } from \"../cursor/cursorpopup/CursorPopupManager\";\r\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\r\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\r\nimport { ElementTooltip } from \"../feedback/ElementTooltip\";\r\nimport { KeyboardShortcutMenu } from \"../keyboardshortcut/KeyboardShortcutMenu\";\r\nimport { InputFieldMessage } from \"../messages/InputField\";\r\nimport { PointerMessage } from \"../messages/Pointer\";\r\nimport { PopupRenderer } from \"../popup/PopupManager\";\r\nimport { WidgetPanelsFrontstage } from \"../widget-panels/Frontstage\";\r\nimport { ContentDialogRenderer } from \"../dialog/ContentDialogManager\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { InternalConfigurableUiManager } from \"./InternalConfigurableUiManager\";\r\n\r\n// cSpell:ignore cursormenu cursorpopup\r\n\r\n/** Properties for [[ConfigurableUiContent]]\r\n * @public\r\n */\r\nexport interface ConfigurableUiContentProps extends CommonProps {\r\n  /** React node of the Backstage */\r\n  appBackstage?: React.ReactNode;\r\n\r\n  /** @internal */\r\n  idleTimeout?: number;\r\n  /** @internal */\r\n  intervalTimeout?: number;\r\n}\r\n\r\n/** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi\r\n * @public\r\n */\r\nexport function ConfigurableUiContent(props: ConfigurableUiContentProps) {\r\n  React.useEffect(() => {\r\n    UiFramework.keyboardShortcuts.setFocusToHome();\r\n  }, []);\r\n  React.useEffect(() => {\r\n    InternalConfigurableUiManager.activityTracker.initialize({ idleTimeout: props.idleTimeout, intervalTimeout: props.intervalTimeout });\r\n    return () => {\r\n      InternalConfigurableUiManager.activityTracker.terminate();\r\n    };\r\n  }, [props.idleTimeout, props.intervalTimeout]);\r\n\r\n  const handleMouseMove = React.useCallback((e: React.MouseEvent) => {\r\n    const point = new Point(e.pageX, e.pageY);\r\n    CursorInformation.handleMouseMove(point);\r\n  }, []);\r\n\r\n  return (\r\n    <main role=\"main\"\r\n      id=\"uifw-configurableui-wrapper\"\r\n      className={props.className}\r\n      style={props.style}\r\n      onMouseMove={handleMouseMove}\r\n    >\r\n      {props.appBackstage}\r\n      <WidgetPanelsFrontstage />\r\n      <ContentDialogRenderer />\r\n      <ModelessDialogRenderer />\r\n      <ModalDialogRenderer />\r\n      <ElementTooltip />\r\n      <PointerMessage />\r\n      <KeyboardShortcutMenu />\r\n      <InputFieldMessage />\r\n      <CursorPopupMenu />\r\n      <CursorPopupRenderer />\r\n      <PopupRenderer />\r\n    </main>\r\n  );\r\n}\r\n"]}

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

@@ -1,48 +1,17 @@
 /** @packageDocumentation
  * @module ConfigurableUi
  */
-import { BeUiEvent } from "@itwin/core-bentley";
 import { FrontstageProvider } from "../frontstage/FrontstageProvider";
-import { KeyboardShortcutProps } from "../keyboardshortcut/KeyboardShortcut";
-import { TaskPropsList } from "../workflow/Task";
-import { WorkflowProps, WorkflowPropsList } from "../workflow/Workflow";
+import { KeyboardShortcutProps } from "../framework/FrameworkKeyboardShortcuts";
 import { ConfigurableUiControlConstructor, ConfigurableUiElement } from "./ConfigurableUiControl";
-import { ActivityTracker } from "./ActivityTracker";
-/** Ui Activity Event Args interface.
- * @internal
- */
-export interface UiActivityEventArgs {
-    event: Event;
-}
-/** Ui Activity Event class.
- * @internal
- */
-export declare class UiActivityEvent extends BeUiEvent<UiActivityEventArgs> {
-}
-/** Ui Interval Event Args interface
- * @internal
- */
-export interface UiIntervalEventArgs {
-    idleTimeout?: number;
-}
-/** Ui Interval Event class.
- * @internal
- */
-export declare class UiIntervalEvent extends BeUiEvent<UiIntervalEventArgs> {
-}
 /** Configurable Ui Manager maintains controls, Frontstages, Content Groups, Content Layouts, Tasks and Workflows.
  * @public
+ * @deprecated in 3.7. Use `UiFramework.controls` property.
  */
 export declare class ConfigurableUiManager {
-    private static _registeredControls;
-    private static _initialized;
-    /** @internal */
-    static readonly activityTracker: ActivityTracker;
-    /** @internal */
-    static readonly onUiActivityEvent: UiActivityEvent;
-    /** @internal */
-    static readonly onUiIntervalEvent: UiIntervalEvent;
-    /** Initializes the ConfigurableUiManager and registers core controls. */
+    /** Initializes the InternalConfigurableUiManager and registers core controls.
+     * @deprecated in 3.7. This is called internally.
+    */
     static initialize(): void;
     /** Registers a control implementing the [[ConfigurableUiElement]] interface.
      * These controls can be a
@@ -50,9 +19,10 @@ export declare class ConfigurableUiManager {
      * [[NavigationAidControl]],
      * [[StatusBarWidgetControl]],
      * [[WidgetControl]] or
-     * [[ToolUiProvider]].
+     * [ToolUiProvider]($appui-react).
      * @param classId the class id of the control to register
      * @param constructor the constructor of the control to register
+     * @deprecated in 3.7. Use `register` method.
      */
     static registerControl(classId: string, constructor: ConfigurableUiControlConstructor): void;
     /** Determines if a control has been registered based on its classId.
@@ -66,6 +36,7 @@ export declare class ConfigurableUiManager {
     static getConstructorClassId(constructor: ConfigurableUiControlConstructor): string | undefined;
     /** Unregisters a control that has been registered.
      * @param classId   the class id of the control to unregister
+     * @deprecated in 3.7. Use `unregister` method.
      */
     static unregisterControl(classId: string): void;
     /** Creates a control registered by calling registerControl.
@@ -74,32 +45,17 @@ export declare class ConfigurableUiManager {
      * @param options   options passed to the constructor of the control
      * @param controlId controlId which may not be unique across all control instances.
      * @returns  the created control
+     * @deprecated in 3.7. Use `create` method.
      */
     static createControl(classId: string, uniqueId: string, options?: any, controlId?: string): ConfigurableUiElement | undefined;
     /** Add a Frontstage via a provider into the [[FrontstageManager]].
      * @param frontstageProvider  Provider of the Frontstage to add
+     * @deprecated in 3.7. Use `UiFramework.frontstages.addFrontstageProvider` method.
      */
     static addFrontstageProvider(frontstageProvider: FrontstageProvider): void;
-    /** Loads one or more Tasks into the [[TaskManager]].
-     * @param taskPropsList  the list of Tasks to load
-     * @internal
-     * @deprecated in 3.0.
-     */
-    static loadTasks(taskPropsList: TaskPropsList): void;
-    /** Loads a Workflow into the [[WorkflowManager]].
-     * @param workflowProps  the Workflow to load
-     * @internal
-     * @deprecated in 3.0.
-     */
-    static loadWorkflow(workflowProps: WorkflowProps): void;
-    /** Loads one or more Workflows into the [[WorkflowManager]].
-     * @param workflowPropsList  the list of Workflows to load
-     * @internal
-     * @deprecated in 3.0.
-     */
-    static loadWorkflows(workflowPropsList: WorkflowPropsList): void;
     /** Loads one or more Keyboard Shortcuts into the [[KeyboardShortcutManager]].
      * @param shortcutList  the properties of the Keyboard Shortcuts to load
+     * @deprecated in 3.7. Use `UiFramework.keyboardShortcuts.loadShortcuts` method.
      */
     static loadKeyboardShortcuts(shortcutList: KeyboardShortcutProps[]): void;
     /** Gets the HTML wrapper element for Configurable UI */

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

@@ -1 +1 @@
-{"version":3,"file":"ConfigurableUiManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiManager.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAA2B,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAOtG,OAAO,EAAe,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAmB,aAAa,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzF,OAAO,EAA0B,gCAAgC,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAK1H,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,KAAK,CAAC;CACd;AAED;;GAEG;AACH,qBAAa,eAAgB,SAAQ,SAAS,CAAC,mBAAmB,CAAC;CAAI;AAEvE;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,qBAAa,eAAgB,SAAQ,SAAS,CAAC,mBAAmB,CAAC;CAAI;AAEvE;;GAEG;AACH,qBAAa,qBAAqB;IAChC,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAuD;IACzF,OAAO,CAAC,MAAM,CAAC,YAAY,CAAS;IAEpC,gBAAgB;IAChB,gBAAuB,eAAe,kBAAyB;IAC/D,gBAAgB;IAChB,gBAAuB,iBAAiB,kBAAyB;IACjE,gBAAgB;IAChB,gBAAuB,iBAAiB,kBAAyB;IAEjE,yEAAyE;WAC3D,UAAU;IA+BxB;;;;;;;;;OASG;WACW,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,gCAAgC,GAAG,IAAI;IAQnG;;;OAGG;WACW,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO;IAK3D;;OAEG;WACW,qBAAqB,CAAC,WAAW,EAAE,gCAAgC,GAAG,MAAM,GAAG,SAAS;IAStG;;OAEG;WACW,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAMtD;;;;;;OAMG;WACW,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,qBAAqB,GAAG,SAAS;IAWpI;;OAEG;WACW,qBAAqB,CAAC,kBAAkB,EAAE,kBAAkB,GAAG,IAAI;IAIjF;;;;OAIG;WACW,SAAS,CAAC,aAAa,EAAE,aAAa,GAAG,IAAI;IAI3D;;;;OAIG;WACW,YAAY,CAAC,aAAa,EAAE,aAAa,GAAG,IAAI;IAI9D;;;;OAIG;WACW,aAAa,CAAC,iBAAiB,EAAE,iBAAiB,GAAG,IAAI;IAIvE;;OAEG;WACW,qBAAqB,CAAC,YAAY,EAAE,qBAAqB,EAAE,GAAG,IAAI;IAIhF,wDAAwD;WAC1C,iBAAiB,IAAI,WAAW;IAM9C,0CAA0C;WAC5B,OAAO,IAAI,IAAI;CAU9B"}
+{"version":3,"file":"ConfigurableUiManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiManager.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAAE,gCAAgC,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGlG;;;GAGG;AACH,qBAAa,qBAAqB;IAChC;;MAEE;WACY,UAAU;IAIxB;;;;;;;;;;OAUG;WACW,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,gCAAgC,GAAG,IAAI;IAInG;;;OAGG;WACW,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO;IAI3D;;OAEG;WACW,qBAAqB,CAAC,WAAW,EAAE,gCAAgC,GAAG,MAAM,GAAG,SAAS;IAItG;;;OAGG;WACW,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAItD;;;;;;;OAOG;WACW,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,qBAAqB,GAAG,SAAS;IAIpI;;;OAGG;WACW,qBAAqB,CAAC,kBAAkB,EAAE,kBAAkB,GAAG,IAAI;IAIjF;;;OAGG;WACW,qBAAqB,CAAC,YAAY,EAAE,qBAAqB,EAAE,GAAG,IAAI;IAIhF,wDAAwD;WAC1C,iBAAiB,IAAI,WAAW;IAI9C,0CAA0C;WAC5B,OAAO,IAAI,IAAI;CAI9B"}