npm - @itwin/appui-react - Versions diffs - 3.6.0 → 3.7.0-dev.1 - Mend

@itwin/appui-react 3.6.0 → 3.7.0-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2220) hide show

package/lib/esm/appui-react/childwindow/InternalChildWindowManager.js ADDED Viewed

@@ -0,0 +1,202 @@
+/*---------------------------------------------------------------------------------------------
+* 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 "./InternalChildWindowManager.scss";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import { copyStyles } from "./CopyStyles";
+import { Provider } from "react-redux";
+import { StateManager } from "../redux/StateManager";
+import { UiStateStorageHandler } from "../uistate/useUiStateStorage";
+import { PopupRenderer } from "../popup/PopupManager";
+import { ModelessDialogRenderer } from "../dialog/ModelessDialogManager";
+import { ModalDialogRenderer } from "../dialog/ModalDialogManager";
+import { CursorPopupMenu } from "../cursor/cursormenu/CursorMenu";
+import { FrameworkVersion } from "../hooks/useFrameworkVersion";
+import { ThemeManager } from "../theme/ThemeManager";
+import { UiFramework } from "../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
+ * */
+export 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.frontstages.activeFrontstageDef;
+                frontStageDef && frontStageDef.dockPopoutWidgetContainer(childWindowId);
+            }
+            return true;
+        };
+    }
+    get openChildWindows() {
+        return this._openChildWindows;
+    }
+    /**
+     * 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
+    renderChildWindowContents(childWindow, childWindowId, content, title) {
+        childWindow.document.title = title;
+        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(() => {
+                copyStyles(childWindow.document);
+                setTimeout(() => {
+                    ReactDOM.render(React.createElement(Provider, { store: StateManager.store },
+                        React.createElement(UiStateStorageHandler, null,
+                            React.createElement(ThemeManager, null,
+                                React.createElement(FrameworkVersion, null,
+                                    " ",
+                                    React.createElement("div", { className: "uifw-child-window-container-host" },
+                                        React.createElement(PopupRenderer, null),
+                                        React.createElement(ModalDialogRenderer, null),
+                                        React.createElement(ModelessDialogRenderer, null),
+                                        React.createElement(CursorPopupMenu, null),
+                                        React.createElement("div", { className: "uifw-child-window-container nz-widget-widget" }, content)))))), reactConnectionDiv);
+                });
+            });
+            childWindow.onbeforeunload = () => {
+                const frontStageDef = 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
+    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
+    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, title);
+        }
+        else {
+            childWindow.addEventListener("load", () => {
+                this.renderChildWindowContents(childWindow, childWindowId, content, title);
+            }, false);
+        }
+        window.addEventListener("unload", () => {
+            const frontStageDef = UiFramework.frontstages.activeFrontstageDef;
+            if (frontStageDef) {
+                this.close(childWindowId, true);
+            }
+        }, false);
+        return true;
+    }
+}
+//# sourceMappingURL=InternalChildWindowManager.js.map

package/lib/esm/appui-react/childwindow/InternalChildWindowManager.js.map ADDED Viewed

@@ -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 { FrameworkVersion } from \"../hooks/useFrameworkVersion\";\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/** 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\r\n public get openChildWindows() {\r\n return this._openChildWindows;\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\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 ReactDOM.render(\r\n <Provider store={StateManager.store} >\r\n <UiStateStorageHandler>\r\n <ThemeManager>\r\n <FrameworkVersion> {/* eslint-disable-line deprecation/deprecation */}\r\n <div className=\"uifw-child-window-container-host\">\r\n <PopupRenderer />\r\n <ModalDialogRenderer />\r\n <ModelessDialogRenderer />\r\n <CursorPopupMenu />\r\n <div className=\"uifw-child-window-container nz-widget-widget\">\r\n {content}\r\n </div>\r\n </div>\r\n </FrameworkVersion>\r\n </ThemeManager>\r\n </UiStateStorageHandler>\r\n </Provider>,\r\n reactConnectionDiv\r\n );\r\n });\r\n });\r\n\r\n childWindow.onbeforeunload = () => {\r\n const frontStageDef = 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\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\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/{ChildWindowManager.scss → InternalChildWindowManager.scss} RENAMED Viewed

@@ -1,14 +1,14 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-.uifw-child-window-container-host {
-  height: 100%;
-  width: 100%;
-  position: relative;
-}
-.uifw-child-window-container {
-  height: 100%;
-  width: 100%;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.uifw-child-window-container-host {
+  height: 100%;
+  width: 100%;
+  position: relative;
+}
+.uifw-child-window-container {
+  height: 100%;
+  width: 100%;
+}

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

@@ -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 CHANGED Viewed

@@ -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/childwindow/PopoutWidget.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoutWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/PopoutWidget.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,iBAAiB,EAAE,SAAS,EAAqB;IAC9E,OAAO,CACL,6BAAK,SAAS,EAAC,qCAAqC,oBAAiB,iBAAiB,IACnF,SAAS,CAAC,SAAS,CAChB,CACP,CAAC;AACJ,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n--------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module ChildWindowManager\n /\n\nimport \"./PopoutWidget.scss\";\nimport as React from \"react\";\nimport { WidgetDef } from \"../widgets/WidgetDef\";\n\ninterface PopoutWidgetProps {\n widgetContainerId: string;\n widgetDef: WidgetDef;\n}\n\n/** Component used to wrap a widget for use is a child window.\n * @internal\n */\nexport function PopoutWidget({ widgetContainerId, widgetDef }: PopoutWidgetProps) {\n return (\n <div className=\"uifw-popout-widget-filled-container\" data-widget-id={widgetContainerId}>\n {widgetDef.reactNode}\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"PopoutWidget.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/PopoutWidget.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,iBAAiB,EAAE,SAAS,EAAqB;IAC9E,OAAO,CACL,6BAAK,SAAS,EAAC,qCAAqC,oBAAiB,iBAAiB,IACnF,SAAS,CAAC,SAAS,CAChB,CACP,CAAC;AACJ,CAAC","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 ChildWindowManager\r\n /\r\n\r\nimport \"./PopoutWidget.scss\";\r\nimport as React from \"react\";\r\nimport { WidgetDef } from \"../widgets/WidgetDef\";\r\n\r\ninterface PopoutWidgetProps {\r\n widgetContainerId: string;\r\n widgetDef: WidgetDef;\r\n}\r\n\r\n/** Component used to wrap a widget for use is a child window.\r\n * @internal\r\n */\r\nexport function PopoutWidget({ widgetContainerId, widgetDef }: PopoutWidgetProps) {\r\n return (\r\n <div className=\"uifw-popout-widget-filled-container\" data-widget-id={widgetContainerId}>\r\n {widgetDef.reactNode}\r\n </div>\r\n );\r\n}\r\n"]}

package/lib/esm/appui-react/childwindow/PopoutWidget.scss CHANGED Viewed

@@ -1,10 +1,10 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-.uifw-popout-widget-filled-container{
-  display: flex;
-  height: 100%;
-  width: 100%;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.uifw-popout-widget-filled-container{
+  display: flex;
+  height: 100%;
+  width: 100%;
+}

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

@@ -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.d.ts.map CHANGED Viewed

	@@ -1 +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"}
1	+ {"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/esm/appui-react/configurableui/ActivityTracker.js CHANGED Viewed

@@ -1,67 +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
- */
-import { ConfigurableUiManager } from "./ConfigurableUiManager";
-/** 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 = () => {
-            ConfigurableUiManager.onUiIntervalEvent.emit({ idleTimeout: this._idleTimeout });
-        };
-        this._trackUiActivity = (event) => {
-            ConfigurableUiManager.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/ActivityTracker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityTracker.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ActivityTracker.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;~~AAEH~~,OAAO,EAAE,~~qBAAqB~~,EAAE,MAAM,~~yBAAyB~~,CAAC;~~AAYhE~~;;GAEG;AACH,MAAM,OAAO,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,~~qBAAqB~~,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,~~qBAAqB~~,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","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n--------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module ConfigurableUi\n /\n\nimport { ~~ConfigurableUiManager~~ } from \"./~~ConfigurableUiManager~~\";\n\n~~// cspell:ignore visibilitychange~~\n\n/* Properties for [[ActivityTracker]]\n * @internal\n /\nexport interface ActivityTrackerProps {\n idleTimeout?: number;\n intervalTimeout?: number;\n}\n\n/* Activity Tracker utility class\n * @internal\n /\nexport class ActivityTracker {\n private _intervalId?: any;\n private _idleTimeout?: number;\n private _intervalTimeout = 1000;\n\n private _events = [\n \"keydown\",\n \"wheel\",\n \"scroll\",\n \"mousedown\",\n \"mousemove\",\n \"touchstart\",\n \"touchmove\",\n \"pointerdown\",\n \"pointermove\",\n \"visibilitychange\",\n ];\n\n /* Initializes the time tracker and adds event listeners\n /\n public initialize(props?: ActivityTrackerProps): void {\n // istanbul ignore else\n if (props) {\n this._idleTimeout = props.idleTimeout;\n if (props.intervalTimeout !== undefined)\n this._intervalTimeout = props.intervalTimeout;\n }\n\n this._bindEvents();\n\n this._intervalId = setInterval(this._trackUiInterval, this._intervalTimeout);\n }\n\n /* Terminates the time tracker and removes event listeners\n */\n public terminate(): void {\n this._unbindEvents();\n\n // istanbul ignore else\n if (this._intervalId) {\n clearInterval(this._intervalId);\n this._intervalId = undefined;\n }\n }\n\n private _bindEvents = (): void => {\n this._events.forEach((e) => {\n window.addEventListener(e, this._trackUiActivity, { capture: true });\n });\n };\n\n private _unbindEvents = (): void => {\n this._events.forEach((e) => {\n window.removeEventListener(e, this._trackUiActivity, { capture: true });\n });\n };\n\n private _trackUiInterval = (): void => {\n ~~ConfigurableUiManager~~.onUiIntervalEvent.emit({ idleTimeout: this._idleTimeout });\n };\n\n private _trackUiActivity = (event: Event): void => {\n ~~ConfigurableUiManager~~.onUiActivityEvent.emit({ event });\n };\n}\n"]}
1	+ {"version":3,"file":"ActivityTracker.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ActivityTracker.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,iCAAiC;AAEjC,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAUhF;;GAEG;AACH,MAAM,OAAO,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,6BAA6B,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,6BAA6B,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","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/esm/appui-react/configurableui/ConfigurableUiContent.d.ts CHANGED Viewed

@@ -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