npm - @itwin/appui-react - Versions diffs - 4.17.6 → 5.0.0-dev.3 - Mend

@itwin/appui-react 4.17.6 → 5.0.0-dev.3

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 (5072) hide show

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

@@ -1,251 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 { Provider } from "react-redux";
-import { UiFramework } from "../UiFramework";
-import { CursorPopupMenu } from "../cursor/cursormenu/CursorMenu";
-import { ModalDialogRenderer } from "../dialog/ModalDialogManager";
-import { ModelessDialogRenderer } from "../dialog/ModelessDialogManager";
-import { TabIdContext } from "../layout/widget/ContentRenderer";
-import { PopupRenderer } from "../popup/PopupManager";
-import { ThemeManager } from "../theme/ThemeManager";
-import { UiStateStorageHandler } from "../uistate/useUiStateStorage";
-import { copyStyles } from "./CopyStyles";
-import { usePopoutsStore } from "../preview/reparent-popout-widgets/usePopoutsStore";
-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 = [];
-        this._roots = {};
-        /**
-         * 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 (windowIndex === -1)
-                return false;
-            const { onClosePopoutWidget } = usePopoutsStore.getState();
-            onClosePopoutWidget.raiseEvent({ windowId: childWindowId });
-            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?.dockWidgetContainerByContainerId(childWindowId);
-            }
-            return true;
-        };
-    }
-    get openChildWindows() {
-        return this._openChildWindows;
-    }
-    /**
-     * When using React 18, the `createRoot` function must be provided in order to render Popout content with React 18.
-     * 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) {
-        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.
-     */
-    render(element, container) {
-        // If createRoot is passed in for React 18 we have to render differently
-        // than without it. React 17 vs React 18. We need to save the root to
-        // unmount it.
-        if (this._createRoot) {
-            const childWindowId = UiFramework.childWindows.findId(container.ownerDocument.defaultView);
-            if (childWindowId) {
-                this._roots[childWindowId] = this._createRoot(container);
-                this._roots[childWindowId].render(element);
-            }
-        }
-        else {
-            // eslint-disable-next-line react/no-deprecated, deprecation/deprecation
-            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?.childWindowId;
-    }
-    renderChildWindowContents(childWindow, childWindowId, content, title) {
-        childWindow.document.title = title;
-        const reactConnectionDiv = childWindow.document.getElementById("root");
-        if (reactConnectionDiv && content && React.isValidElement(content)) {
-            // set openChildWindows now so components can use it when they mount
-            this._openChildWindows.push({
-                childWindowId,
-                window: childWindow,
-                parentWindow: window,
-            });
-            const widgetDef = content.props.widgetDef;
-            const tabId = widgetDef?.id;
-            const element = (
-            // eslint-disable-next-line deprecation/deprecation
-            React.createElement(Provider, { store: UiFramework.store },
-                React.createElement(TabIdContext.Provider, { value: tabId },
-                    React.createElement(UiStateStorageHandler, null,
-                        React.createElement(ThemeManager, 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)),
-                            React.createElement("div", { className: "uifw-childwindow-internalChildWindowManager_portalContainer" }))))));
-            setTimeout(async () => {
-                await copyStyles(childWindow.document);
-                setTimeout(() => {
-                    this.render(element, reactConnectionDiv);
-                    if (childWindow.expectedHeight && childWindow.expectedWidth) {
-                        childWindow.deltaWidth =
-                            childWindow.expectedWidth - childWindow.innerWidth;
-                        childWindow.deltaHeight =
-                            childWindow.expectedHeight - childWindow.innerHeight;
-                    }
-                    if (childWindow.expectedLeft && childWindow.expectedTop) {
-                        childWindow.deltaLeft =
-                            childWindow.expectedLeft - childWindow.screenLeft;
-                        childWindow.deltaTop =
-                            childWindow.expectedTop - childWindow.screenTop;
-                    }
-                });
-            });
-            childWindow.addEventListener("pagehide", () => {
-                const frontStageDef = UiFramework.frontstages.activeFrontstageDef;
-                if (!frontStageDef)
-                    return;
-                frontStageDef.saveChildWindowSizeAndPosition(childWindowId, childWindow);
-                // Trigger first so popout can be converted back to main window widget
-                this.close(childWindowId, false);
-                // UnmountComponentAtNode is deprecated in React 18, so if they are
-                // using React 18 and passing in a createRoot function, unmount()
-                // will be used
-                if (this._roots[childWindowId]) {
-                    this._roots[childWindowId].unmount();
-                    // eslint-disable-next-line react/no-deprecated, deprecation/deprecation
-                }
-                else
-                    ReactDOM.unmountComponentAtNode(reactConnectionDiv);
-            });
-        }
-    }
-    /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */
-    closeAll() {
-        this.openChildWindows.forEach((openChildWindow) => openChildWindow.window.close());
-        this._openChildWindows = [];
-    }
-    adjustWindowLocation(location) {
-        // If no location is provided, child window will open in the center of the current window.
-        if (location.top === 0 && location.left === 0) {
-            location.left =
-                window.outerWidth / 2 + window.screenX - location.width / 2;
-            location.top =
-                window.outerHeight / 2 + window.screenY - location.height / 2;
-        }
-    }
-    /**
-     * 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, title, content, location, useDefaultPopoutUrl) {
-        if (this.openChildWindows.some((openWindow) => openWindow.childWindowId === childWindowId)) {
-            return false;
-        }
-        this.adjustWindowLocation(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;
-        childWindow.expectedHeight = location.height;
-        childWindow.expectedWidth = location.width;
-        childWindow.expectedLeft = location.left;
-        childWindow.expectedTop = location.top;
-        if (url.length === 0) {
-            childWindow.document.write(childHtml);
-            this.renderChildWindowContents(childWindow, childWindowId, content, title);
-        }
-        else {
-            childWindow.addEventListener("DOMContentLoaded", () => {
-                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 DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"InternalChildWindowManager.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/InternalChildWindowManager.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\n/** @packageDocumentation\n * @module ChildWindowManager\n */\n\nimport \"./InternalChildWindowManager.scss\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { Provider } from \"react-redux\";\nimport { UiFramework } from \"../UiFramework\";\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\nimport type {\n ChildWindowLocationProps,\n FrameworkChildWindows,\n OpenChildWindowInfo,\n} from \"../framework/FrameworkChildWindows\";\nimport { TabIdContext } from \"../layout/widget/ContentRenderer\";\nimport { PopupRenderer } from \"../popup/PopupManager\";\nimport { ThemeManager } from \"../theme/ThemeManager\";\nimport { UiStateStorageHandler } from \"../uistate/useUiStateStorage\";\nimport type { ChildWindow } from \"./ChildWindowConfig\";\nimport { copyStyles } from \"./CopyStyles\";\nimport { usePopoutsStore } from \"../preview/reparent-popout-widgets/usePopoutsStore\";\nimport type { WidgetDef } from \"../widgets/WidgetDef\";\n\nconst childHtml = `<!DOCTYPE html>\n<html>\n<head>\n <meta charset=\"utf-8\" />\n <style>\n html,\n body {\n height: 100%;\n width: 100%;\n margin: 0;\n overflow: hidden;\n }\n #root {\n height: 100%;\n }\n </style>\n</head>\n<body>\n <noscript>You need to enable JavaScript to run this app.</noscript>\n <div id=\"root\"></div>\n</body>\n</html>`;\n\n/**\n * Simplification of non exported CreateRoot parameter, only to be used\n * in InternalChildWindowManager and ChildWindowManager\n * @internal\n */\nexport type CreateRoot = Parameters<FrameworkChildWindows[\"useCreateRoot\"]>[0];\n\n/** Supports opening a child browser window from the main application window. The child window is managed by the main application\n * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.\n * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)\n * @internal\n * */\nexport class InternalChildWindowManager implements FrameworkChildWindows {\n private _openChildWindows: OpenChildWindowInfo[] = [];\n private _createRoot?: CreateRoot;\n private _roots: { [childwindowId: string]: any } = {};\n\n public get openChildWindows() {\n return this._openChildWindows;\n }\n\n /**\n * When using React 18, the `createRoot` function must be provided in order to render Popout content with React 18.\n * Do not call if using React 17 or before.\n *\n * Note: The type of the function is intentionally simplified here.\n *\n * @param createRootFn Function imported from `import { createRoot } from \"react-dom/client\";`\n * @beta Will be removed once the transition to React 18 is complete.\n */\n public useCreateRoot(createRootFn: CreateRoot): void {\n this._createRoot = createRootFn;\n }\n\n /**\n * Abstracts ReactDOM.render to use either the _createRoot method or the default ReactDOM.render.\n * @param element Element to render.\n * @param container Container to render to.\n */\n private render(\n element: React.FunctionComponentElement<any>,\n container: Element | DocumentFragment\n ) {\n // If createRoot is passed in for React 18 we have to render differently\n // than without it. React 17 vs React 18. We need to save the root to\n // unmount it.\n if (this._createRoot) {\n const childWindowId = UiFramework.childWindows.findId(\n container.ownerDocument.defaultView\n );\n if (childWindowId) {\n this._roots[childWindowId] = this._createRoot(container);\n this._roots[childWindowId].render(element);\n }\n } else {\n // eslint-disable-next-line react/no-deprecated, deprecation/deprecation\n ReactDOM.render(element, container);\n }\n }\n\n /**\n * Returns the OpenChildWindowInfo for the related id.\n * @param childWindowId Id of the window to retrieve.\n * @returns undefined if not found.\n */\n public find(\n childWindowId: string | undefined\n ): OpenChildWindowInfo | undefined {\n if (undefined === childWindowId) return undefined;\n\n return this.openChildWindows.find(\n (openWindow) => openWindow.childWindowId === childWindowId\n );\n }\n\n /**\n * Return the childWindowId of the provided window.\n * @param contentWindow Window element to identify\n * @returns undefined if not found\n */\n public findId(contentWindow: Window | undefined | null): string | undefined {\n if (!contentWindow) return undefined;\n\n const childWindow = this.openChildWindows.find(\n (openWindow) => openWindow.window === contentWindow\n );\n return childWindow?.childWindowId;\n }\n\n private renderChildWindowContents(\n childWindow: ChildWindow,\n childWindowId: string,\n content: React.ReactNode,\n title: string\n ) {\n childWindow.document.title = title;\n\n const reactConnectionDiv = childWindow.document.getElementById(\"root\");\n if (reactConnectionDiv && content && React.isValidElement(content)) {\n // set openChildWindows now so components can use it when they mount\n this._openChildWindows.push({\n childWindowId,\n window: childWindow,\n parentWindow: window,\n });\n const widgetDef = content.props.widgetDef as WidgetDef | undefined;\n const tabId = widgetDef?.id;\n const element = (\n // eslint-disable-next-line deprecation/deprecation\n <Provider store={UiFramework.store}>\n <TabIdContext.Provider value={tabId}>\n <UiStateStorageHandler>\n <ThemeManager>\n <div className=\"uifw-child-window-container-host\">\n <PopupRenderer />\n <ModalDialogRenderer />\n <ModelessDialogRenderer />\n <CursorPopupMenu />\n <div className=\"uifw-child-window-container nz-widget-widget\">\n {content}\n </div>\n </div>\n <div className=\"uifw-childwindow-internalChildWindowManager_portalContainer\" />\n </ThemeManager>\n </UiStateStorageHandler>\n </TabIdContext.Provider>\n </Provider>\n );\n\n setTimeout(async () => {\n await copyStyles(childWindow.document);\n setTimeout(() => {\n this.render(element, reactConnectionDiv);\n\n if (childWindow.expectedHeight && childWindow.expectedWidth) {\n childWindow.deltaWidth =\n childWindow.expectedWidth - childWindow.innerWidth;\n childWindow.deltaHeight =\n childWindow.expectedHeight - childWindow.innerHeight;\n }\n\n if (childWindow.expectedLeft && childWindow.expectedTop) {\n childWindow.deltaLeft =\n childWindow.expectedLeft - childWindow.screenLeft;\n childWindow.deltaTop =\n childWindow.expectedTop - childWindow.screenTop;\n }\n });\n });\n\n childWindow.addEventListener(\"pagehide\", () => {\n const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\n if (!frontStageDef) return;\n frontStageDef.saveChildWindowSizeAndPosition(\n childWindowId,\n childWindow\n );\n\n // Trigger first so popout can be converted back to main window widget\n this.close(childWindowId, false);\n\n // UnmountComponentAtNode is deprecated in React 18, so if they are\n // using React 18 and passing in a createRoot function, unmount()\n // will be used\n if (this._roots[childWindowId]) {\n this._roots[childWindowId].unmount();\n // eslint-disable-next-line react/no-deprecated, deprecation/deprecation\n } else ReactDOM.unmountComponentAtNode(reactConnectionDiv);\n });\n }\n }\n\n /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */\n public closeAll() {\n this.openChildWindows.forEach((openChildWindow) =>\n openChildWindow.window.close()\n );\n this._openChildWindows = [];\n }\n\n /**\n * Close a specific child window.\n * @param childWindowId Id of the window to close.\n * @param processWindowClose should the `close` method be called on the closing window. (defaults to true).\n * @returns false if the window could not be found.\n */\n public close = (childWindowId: string, processWindowClose = true) => {\n const windowIndex = this.openChildWindows.findIndex(\n (openWindow) => openWindow.childWindowId === childWindowId\n );\n if (windowIndex === -1) return false;\n const { onClosePopoutWidget } = usePopoutsStore.getState();\n onClosePopoutWidget.raiseEvent({ windowId: childWindowId });\n\n const childWindow = this.openChildWindows[windowIndex];\n this.openChildWindows.splice(windowIndex, 1);\n if (processWindowClose) {\n childWindow.window.close();\n } else {\n // call the following to convert popout to docked widget\n const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\n frontStageDef?.dockWidgetContainerByContainerId(childWindowId);\n }\n return true;\n };\n\n private adjustWindowLocation(location: ChildWindowLocationProps) {\n // If no location is provided, child window will open in the center of the current window.\n if (location.top === 0 && location.left === 0) {\n location.left =\n window.outerWidth / 2 + window.screenX - location.width / 2;\n location.top =\n window.outerHeight / 2 + window.screenY - location.height / 2;\n }\n }\n\n /**\n * Open a new child window.\n * @param childWindowId Id to assign to the newly created window.\n * @param title Title to display on the window.\n * @param content ReactNode to be rendered in the window.\n * @param location Position and size information\n * @param useDefaultPopoutUrl use \"/iTwinPopup.html\" as the window Url, \"\" otherwise.\n * @returns true if the window is opened successfully.\n */\n public open(\n childWindowId: string,\n title: string,\n content: React.ReactNode,\n location: ChildWindowLocationProps,\n useDefaultPopoutUrl?: boolean\n ) {\n if (\n this.openChildWindows.some(\n (openWindow) => openWindow.childWindowId === childWindowId\n )\n ) {\n return false;\n }\n\n this.adjustWindowLocation(location);\n const url = useDefaultPopoutUrl ? \"/iTwinPopup.html\" : \"\";\n const childWindow: ChildWindow | null = window.open(\n url,\n \"\",\n `width=${location.width},height=${location.height},left=${location.left},top=${location.top},menubar=no,resizable=yes,scrollbars=no,status=no,location=no`\n );\n if (!childWindow) return false;\n childWindow.expectedHeight = location.height;\n childWindow.expectedWidth = location.width;\n childWindow.expectedLeft = location.left;\n childWindow.expectedTop = location.top;\n\n if (url.length === 0) {\n childWindow.document.write(childHtml);\n this.renderChildWindowContents(\n childWindow,\n childWindowId,\n content,\n title\n );\n } else {\n childWindow.addEventListener(\n \"DOMContentLoaded\",\n () => {\n this.renderChildWindowContents(\n childWindow,\n childWindowId,\n content,\n title\n );\n },\n false\n );\n }\n\n window.addEventListener(\n \"unload\",\n () => {\n const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\n if (frontStageDef) {\n this.close(childWindowId, true);\n }\n },\n false\n );\n\n return true;\n }\n}\n"]}

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

@@ -1,30 +0,0 @@
-/** @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 DELETED Viewed

@@ -1 +0,0 @@

- {"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;IAerD;OACG;IACI,SAAS,IAAI,IAAI;IASxB,OAAO,CAAC,WAAW,CAIjB;IAEF,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,gBAAgB,CAItB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;CACH"}

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

@@ -1,68 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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) {
-        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();
-        if (this._intervalId) {
-            clearInterval(this._intervalId);
-            this._intervalId = undefined;
-        }
-    }
-}
-//# sourceMappingURL=ActivityTracker.js.map

package/lib/esm/appui-react/configurableui/ActivityTracker.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ActivityTracker.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ActivityTracker.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;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;QA8BM,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;gBACnD,WAAW,EAAE,IAAI,CAAC,YAAY;aAC/B,CAAC,CAAC;QACL,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;IAjDC;OACG;IACI,UAAU,CAAC,KAA4B;QAC5C,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC;YACtC,IAAI,KAAK,CAAC,eAAe,KAAK,SAAS;gBACrC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,eAAe,CAAC;QAClD,CAAC;QAED,IAAI,CAAC,WAAW,EAAE,CAAC;QAEnB,IAAI,CAAC,WAAW,GAAG,WAAW,CAC5B,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,gBAAgB,CACtB,CAAC;IACJ,CAAC;IAED;OACG;IACI,SAAS;QACd,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAChC,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;QAC/B,CAAC;IACH,CAAC;CAuBF","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// cspell:ignore visibilitychange\n\nimport { InternalConfigurableUiManager } from \"./InternalConfigurableUiManager\";\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 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(\n this._trackUiInterval,\n this._intervalTimeout\n );\n }\n\n /** Terminates the time tracker and removes event listeners\n */\n public terminate(): void {\n this._unbindEvents();\n\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 InternalConfigurableUiManager.onUiIntervalEvent.emit({\n idleTimeout: this._idleTimeout,\n });\n };\n\n private _trackUiActivity = (event: Event): void => {\n InternalConfigurableUiManager.onUiActivityEvent.emit({ event });\n };\n}\n"]}

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

@@ -1,47 +0,0 @@
-/** @packageDocumentation
- * @module ConfigurableUi
- */
-import "./ConfigurableUiContent.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-/** @internal */
-export declare const ConfigurableUiContext: React.Context<Pick<ConfigurableUiContentProps, "viewOverlay" | "widgetOpacity" | "widgetIcon" | "collapsePanels" | "animateToolSettings" | "toolAsToolSettingsLabel">>;
-/** Properties for [[ConfigurableUiContent]]
- * @public
- * @deprecated in 4.17.0. Use `React.ComponentProps<typeof ConfigurableUiContent>`
- */
-export interface ConfigurableUiContentProps extends CommonProps {
-    /** React node of the Backstage */
-    appBackstage?: React.ReactNode;
-    /** Controls if the view overlay should be displayed. Uses redux store as a fallback. Defaults to `true`.
-     * @note Only used by configurable control APIs. See {@link ContentProps.classId}.
-     * @deprecated in 4.16.0. View overlay visibility should be controlled by the components used in {@link ContentProps.content}.
-     */
-    viewOverlay?: boolean;
-    /** Describes the opacity of widgets. Uses redux store as a fallback. Defaults to {@link WIDGET_OPACITY_DEFAULT}. */
-    widgetOpacity?: number;
-    /** Controls if the widget icons should be displayed. Uses redux store as a fallback. Defaults to `true`. */
-    widgetIcon?: boolean;
-    /** Controls if the unpinned panels should be collapsed automatically. Uses redux store as a fallback. Defaults to `false`. */
-    collapsePanels?: boolean;
-    /** Controls if the tool settings should be animated. Uses redux store as a fallback. Defaults to `false`. */
-    animateToolSettings?: boolean;
-    /** Controls if the tool settings label should be set based on activated tool. Uses redux store as a fallback. Defaults to `false`. */
-    toolAsToolSettingsLabel?: boolean;
-    /** Describes the opacity of toolbars. Uses redux store as a fallback. Defaults to {@link TOOLBAR_OPACITY_DEFAULT}. */
-    toolbarOpacity?: number;
-    /** @internal */
-    idleTimeout?: number;
-    /** @internal */
-    intervalTimeout?: number;
-}
-/**
- * Allows children to get the bounds or other properties of the wrapper element.
- * @internal
- */
-export declare const WrapperContext: React.Context<HTMLElement>;
-/** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi
- * @public
- */
-export declare function ConfigurableUiContent(props: ConfigurableUiContentProps): React.JSX.Element;
-//# sourceMappingURL=ConfigurableUiContent.d.ts.map

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

@@ -1 +0,0 @@

- {"version":3,"file":"ConfigurableUiContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAyBrD,gBAAgB;AAChB,eAAO,MAAM,qBAAqB,wKAW7B,CAAC;AAEN;;;GAGG;AAEH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oHAAoH;IACpH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4GAA4G;IAC5G,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8HAA8H;IAC9H,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6GAA6G;IAC7G,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sIAAsI;IACtI,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,sHAAsH;IACtH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,gBAAgB;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,4BAAkD,CAAC;AAE9E;;GAEG;AAEH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBA2EtE"}

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

@@ -1,124 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 "./ConfigurableUiContent.scss";
-import * as React from "react";
-import { Point } from "@itwin/core-react";
-import { ThemeProvider } from "@itwin/itwinui-react";
-import { CursorInformation } from "../cursor/CursorInformation";
-import { CursorPopupMenu } from "../cursor/cursormenu/CursorMenu";
-import { CursorPopupRenderer } from "../cursor/cursorpopup/CursorPopupManager";
-import { ModalDialogRenderer } from "../dialog/ModalDialogManager";
-import { ModelessDialogRenderer } from "../dialog/ModelessDialogManager";
-import { ElementTooltip } from "../feedback/ElementTooltip";
-import { KeyboardShortcutMenu } from "../keyboardshortcut/KeyboardShortcutMenu";
-import { InputFieldMessage } from "../messages/InputField";
-import { PointerMessage } from "../messages/Pointer";
-import { PopupRenderer } from "../popup/PopupManager";
-import { WidgetPanelsFrontstage } from "../widget-panels/Frontstage";
-import { ContentDialogRenderer } from "../dialog/ContentDialogManager";
-import { UiFramework } from "../UiFramework";
-import { InternalConfigurableUiManager } from "./InternalConfigurableUiManager";
-import { MessageRenderer } from "../messages/MessageRenderer";
-import { TOOLBAR_OPACITY_DEFAULT, WIDGET_OPACITY_DEFAULT, } from "../theme/ThemeId";
-import { useReduxFrameworkState } from "../uistate/useReduxFrameworkState";
-/** @internal */
-export const ConfigurableUiContext = React.createContext({});
-/**
- * Allows children to get the bounds or other properties of the wrapper element.
- * @internal
- */
-export const WrapperContext = React.createContext(document.body);
-/** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi
- * @public
- */
-// eslint-disable-next-line deprecation/deprecation
-export function ConfigurableUiContent(props) {
-    useWidgetOpacity(props.widgetOpacity);
-    useToolbarOpacity(props.toolbarOpacity);
-    const [mainElement, setMainElement] = React.useState();
-    const [portalContainer, setPortalContainer] = React.useState();
-    React.useEffect(() => {
-        UiFramework.keyboardShortcuts.setFocusToHome();
-    }, []);
-    React.useEffect(() => {
-        InternalConfigurableUiManager.activityTracker.initialize({
-            idleTimeout: props.idleTimeout,
-            intervalTimeout: props.intervalTimeout,
-        });
-        return () => {
-            InternalConfigurableUiManager.activityTracker.terminate();
-        };
-    }, [props.idleTimeout, props.intervalTimeout]);
-    const handleMouseMove = React.useCallback((e) => {
-        const point = new Point(e.pageX, e.pageY);
-        CursorInformation.handleMouseMove(point);
-    }, []);
-    return (React.createElement(ConfigurableUiContext.Provider, { value: {
-            // eslint-disable-next-line deprecation/deprecation
-            viewOverlay: props.viewOverlay,
-            widgetOpacity: props.widgetOpacity,
-            widgetIcon: props.widgetIcon,
-            collapsePanels: props.collapsePanels,
-            animateToolSettings: props.animateToolSettings,
-            toolAsToolSettingsLabel: props.toolAsToolSettingsLabel,
-        } },
-        React.createElement("main", { role: "main", id: "uifw-configurableui-wrapper", className: props.className, style: props.style, onMouseMove: handleMouseMove, ref: (el) => setMainElement(el ?? undefined) },
-            React.createElement(WrapperContext.Provider, { value: mainElement ?? document.body },
-                React.createElement(ThemeProvider, { style: { height: "100%" }, portalContainer: portalContainer },
-                    props.appBackstage,
-                    React.createElement(WidgetPanelsFrontstage, null),
-                    React.createElement(ElementTooltip, null),
-                    React.createElement(PointerMessage, null),
-                    React.createElement(KeyboardShortcutMenu, null),
-                    React.createElement(InputFieldMessage, null),
-                    React.createElement(CursorPopupMenu, null),
-                    React.createElement(CursorPopupRenderer, null),
-                    React.createElement(PopupRenderer, null),
-                    React.createElement(MessageRenderer, null),
-                    React.createElement("div", { className: "uifw-configurableui-portalContainer", ref: (instance) => setPortalContainer(instance ?? undefined) },
-                        React.createElement(ContentDialogRenderer, null),
-                        React.createElement(ModelessDialogRenderer, null),
-                        React.createElement(ModalDialogRenderer, null)))))));
-}
-function useWidgetOpacity(
-/* eslint-disable-next-line deprecation/deprecation */
-widgetOpacity) {
-    const reduxWidgetOpacity = useReduxFrameworkState((state) => {
-        // eslint-disable-next-line deprecation/deprecation
-        return state?.configurableUiState.widgetOpacity;
-    });
-    const opacity = widgetOpacity ?? reduxWidgetOpacity ?? WIDGET_OPACITY_DEFAULT;
-    React.useEffect(() => {
-        const currentWidgetOpacity = document.documentElement.style.getPropertyValue("--buic-widget-opacity");
-        if (currentWidgetOpacity === opacity.toString())
-            return;
-        document.documentElement.style.setProperty("--buic-widget-opacity", opacity.toString());
-        return () => {
-            document.documentElement.style.removeProperty("--buic-widget-opacity");
-        };
-    }, [opacity]);
-}
-function useToolbarOpacity(
-/* eslint-disable-next-line deprecation/deprecation */
-toolbarOpacity) {
-    const reduxToolbarOpacity = useReduxFrameworkState((state) => {
-        // eslint-disable-next-line deprecation/deprecation
-        return state?.configurableUiState.toolbarOpacity;
-    });
-    const opacity = toolbarOpacity ?? reduxToolbarOpacity ?? TOOLBAR_OPACITY_DEFAULT;
-    React.useEffect(() => {
-        const currentToolbarOpacity = document.documentElement.style.getPropertyValue("--buic-toolbar-opacity");
-        if (currentToolbarOpacity === opacity.toString())
-            return;
-        document.documentElement.style.setProperty("--buic-toolbar-opacity", opacity.toString());
-        return () => {
-            document.documentElement.style.removeProperty("--buic-toolbar-opacity");
-        };
-    }, [opacity]);
-}
-//# sourceMappingURL=ConfigurableUiContent.js.map

package/lib/esm/appui-react/configurableui/ConfigurableUiContent.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ConfigurableUiContent.js","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ConfigurableUi\n */\n\nimport \"./ConfigurableUiContent.scss\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Point } from \"@itwin/core-react\";\nimport { ThemeProvider } from \"@itwin/itwinui-react\";\nimport { CursorInformation } from \"../cursor/CursorInformation\";\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu\";\nimport { CursorPopupRenderer } from \"../cursor/cursorpopup/CursorPopupManager\";\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager\";\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager\";\nimport { ElementTooltip } from \"../feedback/ElementTooltip\";\nimport { KeyboardShortcutMenu } from \"../keyboardshortcut/KeyboardShortcutMenu\";\nimport { InputFieldMessage } from \"../messages/InputField\";\nimport { PointerMessage } from \"../messages/Pointer\";\nimport { PopupRenderer } from \"../popup/PopupManager\";\nimport { WidgetPanelsFrontstage } from \"../widget-panels/Frontstage\";\nimport { ContentDialogRenderer } from \"../dialog/ContentDialogManager\";\nimport { UiFramework } from \"../UiFramework\";\nimport { InternalConfigurableUiManager } from \"./InternalConfigurableUiManager\";\nimport { MessageRenderer } from \"../messages/MessageRenderer\";\nimport {\n TOOLBAR_OPACITY_DEFAULT,\n WIDGET_OPACITY_DEFAULT,\n} from \"../theme/ThemeId\";\nimport { useReduxFrameworkState } from \"../uistate/useReduxFrameworkState\";\nimport type { ContentProps } from \"../content/ContentGroup\";\n\n/** @internal */\nexport const ConfigurableUiContext = React.createContext<\n Pick<\n /* eslint-disable-next-line deprecation/deprecation */\n ConfigurableUiContentProps,\n | \"viewOverlay\"\n | \"widgetOpacity\"\n | \"widgetIcon\"\n | \"collapsePanels\"\n | \"animateToolSettings\"\n | \"toolAsToolSettingsLabel\"\n >\n>({});\n\n/** Properties for [[ConfigurableUiContent]]\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof ConfigurableUiContent>`\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface ConfigurableUiContentProps extends CommonProps {\n /** React node of the Backstage */\n appBackstage?: React.ReactNode;\n /** Controls if the view overlay should be displayed. Uses redux store as a fallback. Defaults to `true`.\n * @note Only used by configurable control APIs. See {@link ContentProps.classId}.\n * @deprecated in 4.16.0. View overlay visibility should be controlled by the components used in {@link ContentProps.content}.\n */\n viewOverlay?: boolean;\n /** Describes the opacity of widgets. Uses redux store as a fallback. Defaults to {@link WIDGET_OPACITY_DEFAULT}. */\n widgetOpacity?: number;\n /** Controls if the widget icons should be displayed. Uses redux store as a fallback. Defaults to `true`. */\n widgetIcon?: boolean;\n /** Controls if the unpinned panels should be collapsed automatically. Uses redux store as a fallback. Defaults to `false`. */\n collapsePanels?: boolean;\n /** Controls if the tool settings should be animated. Uses redux store as a fallback. Defaults to `false`. */\n animateToolSettings?: boolean;\n /** Controls if the tool settings label should be set based on activated tool. Uses redux store as a fallback. Defaults to `false`. */\n toolAsToolSettingsLabel?: boolean;\n /** Describes the opacity of toolbars. Uses redux store as a fallback. Defaults to {@link TOOLBAR_OPACITY_DEFAULT}. */\n toolbarOpacity?: number;\n\n /** @internal */\n idleTimeout?: number;\n /** @internal */\n intervalTimeout?: number;\n}\n\n/**\n * Allows children to get the bounds or other properties of the wrapper element.\n * @internal\n */\nexport const WrapperContext = React.createContext<HTMLElement>(document.body);\n\n/** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function ConfigurableUiContent(props: ConfigurableUiContentProps) {\n useWidgetOpacity(props.widgetOpacity);\n useToolbarOpacity(props.toolbarOpacity);\n const [mainElement, setMainElement] = React.useState<HTMLElement>();\n const [portalContainer, setPortalContainer] = React.useState<HTMLElement>();\n React.useEffect(() => {\n UiFramework.keyboardShortcuts.setFocusToHome();\n }, []);\n\n React.useEffect(() => {\n InternalConfigurableUiManager.activityTracker.initialize({\n idleTimeout: props.idleTimeout,\n intervalTimeout: props.intervalTimeout,\n });\n return () => {\n InternalConfigurableUiManager.activityTracker.terminate();\n };\n }, [props.idleTimeout, props.intervalTimeout]);\n\n const handleMouseMove = React.useCallback((e: React.MouseEvent) => {\n const point = new Point(e.pageX, e.pageY);\n CursorInformation.handleMouseMove(point);\n }, []);\n\n return (\n <ConfigurableUiContext.Provider\n value={{\n // eslint-disable-next-line deprecation/deprecation\n viewOverlay: props.viewOverlay,\n widgetOpacity: props.widgetOpacity,\n widgetIcon: props.widgetIcon,\n collapsePanels: props.collapsePanels,\n animateToolSettings: props.animateToolSettings,\n toolAsToolSettingsLabel: props.toolAsToolSettingsLabel,\n }}\n >\n <main\n role=\"main\"\n id=\"uifw-configurableui-wrapper\"\n className={props.className}\n style={props.style}\n onMouseMove={handleMouseMove}\n ref={(el) => setMainElement(el ?? undefined)}\n >\n <WrapperContext.Provider value={mainElement ?? document.body}>\n <ThemeProvider\n style={{ height: \"100%\" }}\n portalContainer={portalContainer}\n >\n {props.appBackstage}\n <WidgetPanelsFrontstage />\n\n <ElementTooltip />\n <PointerMessage />\n {/* eslint-disable-next-line deprecation/deprecation */}\n <KeyboardShortcutMenu />\n {/* eslint-disable-next-line deprecation/deprecation */}\n <InputFieldMessage />\n <CursorPopupMenu />\n <CursorPopupRenderer />\n <PopupRenderer />\n <MessageRenderer />\n <div\n className=\"uifw-configurableui-portalContainer\"\n ref={(instance) => setPortalContainer(instance ?? undefined)}\n >\n <ContentDialogRenderer />\n <ModelessDialogRenderer />\n <ModalDialogRenderer />\n </div>\n </ThemeProvider>\n </WrapperContext.Provider>\n </main>\n </ConfigurableUiContext.Provider>\n );\n}\n\nfunction useWidgetOpacity(\n /* eslint-disable-next-line deprecation/deprecation */\n widgetOpacity: ConfigurableUiContentProps[\"widgetOpacity\"]\n) {\n const reduxWidgetOpacity = useReduxFrameworkState((state) => {\n // eslint-disable-next-line deprecation/deprecation\n return state?.configurableUiState.widgetOpacity;\n });\n const opacity = widgetOpacity ?? reduxWidgetOpacity ?? WIDGET_OPACITY_DEFAULT;\n\n React.useEffect(() => {\n const currentWidgetOpacity =\n document.documentElement.style.getPropertyValue(\"--buic-widget-opacity\");\n if (currentWidgetOpacity === opacity.toString()) return;\n document.documentElement.style.setProperty(\n \"--buic-widget-opacity\",\n opacity.toString()\n );\n return () => {\n document.documentElement.style.removeProperty(\"--buic-widget-opacity\");\n };\n }, [opacity]);\n}\n\nfunction useToolbarOpacity(\n /* eslint-disable-next-line deprecation/deprecation */\n toolbarOpacity: ConfigurableUiContentProps[\"toolbarOpacity\"]\n) {\n const reduxToolbarOpacity = useReduxFrameworkState((state) => {\n // eslint-disable-next-line deprecation/deprecation\n return state?.configurableUiState.toolbarOpacity;\n });\n\n const opacity =\n toolbarOpacity ?? reduxToolbarOpacity ?? TOOLBAR_OPACITY_DEFAULT;\n\n React.useEffect(() => {\n const currentToolbarOpacity =\n document.documentElement.style.getPropertyValue(\"--buic-toolbar-opacity\");\n if (currentToolbarOpacity === opacity.toString()) return;\n document.documentElement.style.setProperty(\n \"--buic-toolbar-opacity\",\n opacity.toString()\n );\n return () => {\n document.documentElement.style.removeProperty(\"--buic-toolbar-opacity\");\n };\n }, [opacity]);\n}\n"]}