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/appui-react/childwindow/InternalChildWindowManager.js ADDED Viewed

@@ -0,0 +1,182 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import { BeEvent } from "@itwin/core-bentley";
+import { UiFramework } from "../UiFramework.js";
+import { usePopoutsStore } from "../preview/reparent-popout-widgets/usePopoutsStore.js";
+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._childWindowToUnregister = new Map();
+        this.onChildWindowsChanged = new BeEvent();
+        /**
+         * 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);
+            this._childWindowToUnregister.get(childWindowId)?.();
+            this._childWindowToUnregister.delete(childWindowId);
+            this.onChildWindowsChanged.raiseEvent();
+            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;
+    }
+    /**
+     * 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, tabId) {
+        childWindow.document.title = title;
+        this._openChildWindows.push({
+            childWindowId,
+            window: childWindow,
+            parentWindow: window,
+            content,
+            tabId,
+        });
+        this.onChildWindowsChanged.raiseEvent();
+    }
+    /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */
+    closeAll() {
+        this.openChildWindows.forEach((openChildWindow) => openChildWindow.window.close());
+        this._childWindowToUnregister.forEach((unregister) => unregister());
+        this._childWindowToUnregister.clear();
+        this._openChildWindows = [];
+        this.onChildWindowsChanged.raiseEvent();
+    }
+    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) {
+        const childWindow = this.openWindow({
+            childWindowId,
+            title,
+            content,
+            location,
+            useDefaultPopoutUrl: useDefaultPopoutUrl ?? false,
+        });
+        return !!childWindow;
+    }
+    /** Used internally to open child windows and popout widgets. */
+    openWindow({ childWindowId, location, useDefaultPopoutUrl, content, title, tabId, }) {
+        if (this.find(childWindowId))
+            return undefined;
+        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 undefined;
+        const onPageHide = () => {
+            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);
+        };
+        childWindow.addEventListener("pagehide", onPageHide);
+        const onDOMContentLoaded = () => {
+            this.renderChildWindowContents(childWindow, childWindowId, content, title, tabId);
+        };
+        if (url.length === 0) {
+            childWindow.document.write(childHtml);
+            onDOMContentLoaded();
+        }
+        else {
+            childWindow.addEventListener("DOMContentLoaded", onDOMContentLoaded);
+        }
+        const onUnload = () => {
+            const frontStageDef = UiFramework.frontstages.activeFrontstageDef;
+            if (frontStageDef) {
+                this.close(childWindowId, true);
+            }
+        };
+        window.addEventListener("unload", onUnload);
+        this._childWindowToUnregister.set(childWindowId, () => {
+            childWindow.removeEventListener("pagehide", onPageHide);
+            childWindow.removeEventListener("DOMContentLoaded", onDOMContentLoaded);
+            window.removeEventListener("unload", onUnload);
+        });
+        return childWindow;
+    }
+}
+//# sourceMappingURL=InternalChildWindowManager.js.map

package/lib/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":["/*---------------------------------------------------------------------------------------------\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 type * as React from \"react\";\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type {\n ChildWindowLocationProps,\n FrameworkChildWindows,\n OpenChildWindowInfo,\n} from \"../framework/FrameworkChildWindows.js\";\nimport { usePopoutsStore } from \"../preview/reparent-popout-widgets/usePopoutsStore.js\";\nimport type { TabState } from \"../layout/state/TabState.js\";\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/** @internal */\nexport interface InternalOpenChildWindowInfo extends OpenChildWindowInfo {\n content?: React.ReactNode;\n tabId?: TabState[\"id\"];\n}\n\ninterface OpenWindowArgs {\n childWindowId: string;\n title: string;\n content: React.ReactNode;\n location: ChildWindowLocationProps;\n useDefaultPopoutUrl: boolean;\n tabId?: TabState[\"id\"];\n}\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: InternalOpenChildWindowInfo[] = [];\n private _childWindowToUnregister = new Map<\n InternalOpenChildWindowInfo[\"childWindowId\"],\n () => void\n >();\n\n public readonly onChildWindowsChanged = new BeEvent<() => void>();\n\n public get openChildWindows() {\n return this._openChildWindows;\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: Window,\n childWindowId: string,\n content: React.ReactNode,\n title: string,\n tabId?: TabState[\"id\"]\n ) {\n childWindow.document.title = title;\n\n this._openChildWindows.push({\n childWindowId,\n window: childWindow,\n parentWindow: window,\n content,\n tabId,\n });\n this.onChildWindowsChanged.raiseEvent();\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._childWindowToUnregister.forEach((unregister) => unregister());\n this._childWindowToUnregister.clear();\n this._openChildWindows = [];\n this.onChildWindowsChanged.raiseEvent();\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 this._childWindowToUnregister.get(childWindowId)?.();\n this._childWindowToUnregister.delete(childWindowId);\n\n this.onChildWindowsChanged.raiseEvent();\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 const childWindow = this.openWindow({\n childWindowId,\n title,\n content,\n location,\n useDefaultPopoutUrl: useDefaultPopoutUrl ?? false,\n });\n return !!childWindow;\n }\n\n /** Used internally to open child windows and popout widgets. */\n public openWindow({\n childWindowId,\n location,\n useDefaultPopoutUrl,\n content,\n title,\n tabId,\n }: OpenWindowArgs) {\n if (this.find(childWindowId)) return undefined;\n\n this.adjustWindowLocation(location);\n const url = useDefaultPopoutUrl ? \"/iTwinPopup.html\" : \"\";\n const childWindow = 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 undefined;\n\n const onPageHide = () => {\n const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\n if (!frontStageDef) return;\n frontStageDef.saveChildWindowSizeAndPosition(childWindowId, childWindow);\n\n // Trigger first so popout can be converted back to main window widget\n this.close(childWindowId, false);\n };\n childWindow.addEventListener(\"pagehide\", onPageHide);\n\n const onDOMContentLoaded = () => {\n this.renderChildWindowContents(\n childWindow,\n childWindowId,\n content,\n title,\n tabId\n );\n };\n if (url.length === 0) {\n childWindow.document.write(childHtml);\n onDOMContentLoaded();\n } else {\n childWindow.addEventListener(\"DOMContentLoaded\", onDOMContentLoaded);\n }\n\n const onUnload = () => {\n const frontStageDef = UiFramework.frontstages.activeFrontstageDef;\n if (frontStageDef) {\n this.close(childWindowId, true);\n }\n };\n window.addEventListener(\"unload\", onUnload);\n\n this._childWindowToUnregister.set(childWindowId, () => {\n childWindow.removeEventListener(\"pagehide\", onPageHide);\n childWindow.removeEventListener(\"DOMContentLoaded\", onDOMContentLoaded);\n window.removeEventListener(\"unload\", onUnload);\n });\n\n return childWindow;\n }\n}\n"]}

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

@@ -0,0 +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;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/appui-react/configurableui/ActivityTracker.js ADDED Viewed

@@ -0,0 +1,68 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ConfigurableUi
+ */
+// cspell:ignore visibilitychange
+import { InternalConfigurableUiManager } from "./InternalConfigurableUiManager.js";
+/** 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/appui-react/configurableui/ActivityTracker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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,oCAAoC,CAAC;AAUnF;;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.js\";\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/appui-react/configurableui/ConfigurableUiContent.d.ts ADDED Viewed

@@ -0,0 +1,49 @@
+/** @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, "childWindow" | "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;
+    /** Component to wrap all popout widgets and other child windows opened via {@link UiFramework.childWindows}. */
+    childWindow?: React.ComponentType;
+    /** @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/appui-react/configurableui/ConfigurableUiContent.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ConfigurableUiContent.d.ts","sourceRoot":"","sources":["../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA0BrD,gBAAgB;AAChB,eAAO,MAAM,qBAAqB,wLAY7B,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;IACxB,gHAAgH;IAChH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAElC,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,qBA6EtE"}

package/lib/appui-react/configurableui/ConfigurableUiContent.js ADDED Viewed

@@ -0,0 +1,127 @@
+/*---------------------------------------------------------------------------------------------
+ * 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/internal";
+import { ThemeProvider } from "@itwin/itwinui-react";
+import { CursorInformation } from "../cursor/CursorInformation.js";
+import { CursorPopupMenu } from "../cursor/cursormenu/CursorMenu.js";
+import { CursorPopupRenderer } from "../cursor/cursorpopup/CursorPopupManager.js";
+import { ModalDialogRenderer } from "../dialog/ModalDialogManager.js";
+import { ModelessDialogRenderer } from "../dialog/ModelessDialogManager.js";
+import { ElementTooltip } from "../feedback/ElementTooltip.js";
+import { KeyboardShortcutMenu } from "../keyboardshortcut/KeyboardShortcutMenu.js";
+import { InputFieldMessage } from "../messages/InputField.js";
+import { PointerMessage } from "../messages/Pointer.js";
+import { PopupRenderer } from "../popup/PopupManager.js";
+import { WidgetPanelsFrontstage } from "../widget-panels/Frontstage.js";
+import { ContentDialogRenderer } from "../dialog/ContentDialogManager.js";
+import { appUi, UiFramework } from "../UiFramework.js";
+import { InternalConfigurableUiManager } from "./InternalConfigurableUiManager.js";
+import { MessageRenderer } from "../messages/MessageRenderer.js";
+import { TOOLBAR_OPACITY_DEFAULT, WIDGET_OPACITY_DEFAULT, } from "../theme/ThemeId.js";
+import { useReduxFrameworkState } from "../uistate/useReduxFrameworkState.js";
+import { ChildWindowRenderer } from "../childwindow/ChildWindowRenderer.js";
+/** @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,
+            childWindow: props.childWindow,
+        } },
+        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(ChildWindowRenderer, { windowManager: appUi.windowManager }),
+                    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/appui-react/configurableui/ConfigurableUiContent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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/internal\";\nimport { ThemeProvider } from \"@itwin/itwinui-react\";\nimport { CursorInformation } from \"../cursor/CursorInformation.js\";\nimport { CursorPopupMenu } from \"../cursor/cursormenu/CursorMenu.js\";\nimport { CursorPopupRenderer } from \"../cursor/cursorpopup/CursorPopupManager.js\";\nimport { ModalDialogRenderer } from \"../dialog/ModalDialogManager.js\";\nimport { ModelessDialogRenderer } from \"../dialog/ModelessDialogManager.js\";\nimport { ElementTooltip } from \"../feedback/ElementTooltip.js\";\nimport { KeyboardShortcutMenu } from \"../keyboardshortcut/KeyboardShortcutMenu.js\";\nimport { InputFieldMessage } from \"../messages/InputField.js\";\nimport { PointerMessage } from \"../messages/Pointer.js\";\nimport { PopupRenderer } from \"../popup/PopupManager.js\";\nimport { WidgetPanelsFrontstage } from \"../widget-panels/Frontstage.js\";\nimport { ContentDialogRenderer } from \"../dialog/ContentDialogManager.js\";\nimport { appUi, UiFramework } from \"../UiFramework.js\";\nimport { InternalConfigurableUiManager } from \"./InternalConfigurableUiManager.js\";\nimport { MessageRenderer } from \"../messages/MessageRenderer.js\";\nimport {\n TOOLBAR_OPACITY_DEFAULT,\n WIDGET_OPACITY_DEFAULT,\n} from \"../theme/ThemeId.js\";\nimport { useReduxFrameworkState } from \"../uistate/useReduxFrameworkState.js\";\nimport type { ContentProps } from \"../content/ContentGroup.js\";\nimport { ChildWindowRenderer } from \"../childwindow/ChildWindowRenderer.js\";\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 | \"childWindow\"\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 /** Component to wrap all popout widgets and other child windows opened via {@link UiFramework.childWindows}. */\n childWindow?: React.ComponentType;\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 childWindow: props.childWindow,\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 <ChildWindowRenderer windowManager={appUi.windowManager} />\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"]}

package/lib/appui-react/configurableui/ConfigurableUiContent.scss ADDED Viewed

@@ -0,0 +1,57 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@use "~@itwin/core-react/lib/core-react/base/base" as *;
+@use "~@itwin/core-react/lib/core-react/z-index" as *;
+#uifw-configurableui-wrapper {
+  position: relative;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  font-size: var(--iui-font-size-1);
+}
+#uifw-frontstage-composer {
+  width: 100%;
+  height: 100%;
+}
+.uifw-unselectable {
+  user-select: none;
+  -webkit-user-select: none;
+}
+.uifw-centered {
+  @include uicore-centered;
+}
+.uifw-dragdrop-layer {
+  cursor: grabbing;
+  position: fixed;
+  pointer-events: none;
+  @include uicore-z-index(dragdrop);
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+}
+@layer appui.layout {
+  .uifw-configurableui-portalContainer {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 99999;
+    pointer-events: none;
+    > * {
+      pointer-events: all;
+    }
+  }
+}

package/lib/appui-react/configurableui/ConfigurableUiControl.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ConfigurableUiControl.d.ts","sourceRoot":"","sources":["../../../src/appui-react/configurableui/ConfigurableUiControl.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,qBAAa,sBAAsB;aAEf,OAAO,EAAE,MAAM;aACf,QAAQ,EAAE,MAAM;aAChB,EAAE,EAAE,MAAM;gBAFV,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,EAAE,EAAE,MAAM;CAE7B;AAED;;;GAGG;AACH,qBAAa,gBAAiB,YAAW,qBAAqB;IAC5D,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,KAAK,CAAS;IACtB,SAAS,CAAC,eAAe,EAAE,GAAG,CAAC;gBAEnB,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAQtD,gBAAgB;IAChB,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED,4DAA4D;IAC5D,IAAW,eAAe,IAAI,GAAG,CAEhC;IAED,gDAAgD;IAChD,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED;;OAEG;IACH,IAAW,IAAI,IAAI,MAAM,CAExB;CACF;AAED;;;GAGG;AACH,oBAAY,yBAAyB;IACnC,OAAO,mBAAmB;IAC1B,aAAa,yBAAyB;IACtC,eAAe,2BAA2B;IAC1C,cAAc,mBAAmB;IACjC,QAAQ,2BAA2B;IACnC,MAAM,kBAAkB;CACzB;AAED;;;GAGG;AACH,MAAM,MAAM,gCAAgC,GAAG,KAC7C,IAAI,EAAE,sBAAsB,EAC5B,OAAO,EAAE,GAAG,KACT,qBAAqB,CAAC;AAE3B;;;;;;;;;;GAUG;AACH,8BAAsB,qBAAsB,SAAQ,gBAAgB;IAClE,OAAO,CAAC,IAAI,CAAS;IAErB;;;;;;OAMG;gBACS,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAKtD;OACG;IACI,UAAU,IAAI,IAAI;IAIzB,sDAAsD;IAC/C,YAAY,IAAI,IAAI;IAE3B,6CAA6C;IACtC,uBAAuB,IAAI,IAAI;IAEtC,uCAAuC;IAChC,iBAAiB,IAAI,IAAI;IAEhC;OACG;IACH,IAAW,SAAS,IAAI,MAAM,CAE7B;IAED;OACG;aACa,OAAO,IAAI,yBAAyB;IAEpD;OACG;IACH,IAAW,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAElC;CACF"}

package/lib/appui-react/configurableui/ConfigurableUiControl.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ConfigurableUiControl.js","sourceRoot":"","sources":["../../../src/appui-react/configurableui/ConfigurableUiControl.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAcH;;;GAGG;AACH,MAAM,OAAO,sBAAsB;IACjC,YACkB,OAAe,EACf,QAAgB,EAChB,EAAU;QAFV,YAAO,GAAP,OAAO,CAAQ;QACf,aAAQ,GAAR,QAAQ,CAAQ;QAChB,OAAE,GAAF,EAAE,CAAQ;IACzB,CAAC;CACL;AAED;;;GAGG;AACH,MAAM,OAAO,gBAAgB;IAM3B,YAAY,IAA4B,EAAE,OAAY;QACpD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,KAAK;YACR,OAAO,IAAI,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC3E,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC;IACjC,CAAC;IAED,gBAAgB;IAChB,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,4DAA4D;IAC5D,IAAW,eAAe;QACxB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IAED,gDAAgD;IAChD,IAAW,OAAO;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED;;OAEG;IACH,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;CACF;AAED;;;GAGG;AACH,MAAM,CAAN,IAAY,yBAOX;AAPD,WAAY,yBAAyB;IACnC,uDAA0B,CAAA;IAC1B,mEAAsC,CAAA;IACtC,uEAA0C,CAAA;IAC1C,8DAAiC,CAAA;IACjC,gEAAmC,CAAA;IACnC,qDAAwB,CAAA;AAC1B,CAAC,EAPW,yBAAyB,KAAzB,yBAAyB,QAOpC;AAWD;;;;;;;;;;GAUG;AACH,MAAM,OAAgB,qBAAsB,SAAQ,gBAAgB;IAGlE;;;;;;OAMG;IACH,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;IACtB,CAAC;IAED;OACG;IACI,UAAU;QACf,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,sDAAsD;IAC/C,YAAY,KAAU,CAAC;IAE9B,6CAA6C;IACtC,uBAAuB,KAAU,CAAC;IAEzC,uCAAuC;IAChC,iBAAiB,KAAU,CAAC;IAEnC;OACG;IACH,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAMD;OACG;IACH,IAAW,OAAO;QAChB,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC;CACF","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\n/* eslint-disable deprecation/deprecation */\n\n/** Interface for a ConfigurableUi element\n * @public\n * @deprecated in 4.16.0. Used in a deprecated type {@link ConfigurableUiControlConstructor}.\n */\nexport interface ConfigurableUiElement {\n uniqueId: string;\n classId: string;\n name: string;\n}\n\n/** Information for creating a ConfigurableUi element\n * @public\n * @deprecated in 4.16.0. Used in a deprecated type {@link ConfigurableUiControlConstructor}.\n */\nexport class ConfigurableCreateInfo {\n constructor(\n public readonly classId: string,\n public readonly uniqueId: string,\n public readonly id: string\n ) {}\n}\n\n/** The base class for all ConfigurableUi elements\n * @public\n * @deprecated in 4.16.0. Base class for a deprecated interface {@link ConfigurableUiElement}.\n */\nexport class ConfigurableBase implements ConfigurableUiElement {\n private _uniqueId: string;\n private _classId: string;\n private _name: string;\n protected _appDataOptions: any;\n\n constructor(info: ConfigurableCreateInfo, options: any) {\n this._uniqueId = info.uniqueId;\n this._classId = info.classId;\n this._name =\n options && options.hasOwnProperty(\"name\") ? options.name : info.uniqueId;\n this._appDataOptions = options;\n }\n\n /** @internal */\n public get uniqueId(): string {\n return this._uniqueId;\n }\n\n /** allow options set via appData to be seen by API calls */\n public get applicationData(): any {\n return this._appDataOptions;\n }\n\n /** Gets the class Id of configurable element */\n public get classId(): string {\n return this._classId;\n }\n\n /** Get internal name of configurable element. If no name is defined in configuration\n * then the name will match the UniqueId.\n */\n public get name(): string {\n return this._name;\n }\n}\n\n/** The type of the ConfigurableUiControl.\n * @public\n * @deprecated in 4.16.0. Used in a deprecated class {@link ConfigurableUiControl}.\n */\nexport enum ConfigurableUiControlType {\n Content = \"ContentControl\",\n NavigationAid = \"NavigationAidControl\",\n StatusBarWidget = \"StatusBarWidgetControl\",\n ToolUiProvider = \"ToolUiProvider\",\n Viewport = \"ViewportContentControl\",\n Widget = \"WidgetControl\",\n}\n\n/** Prototype for ConfigurableUiControl constructor\n * @public\n * @deprecated in 4.16.0. Use React components instead.\n */\nexport type ConfigurableUiControlConstructor = new (\n info: ConfigurableCreateInfo,\n options: any\n) => ConfigurableUiElement;\n\n/** The abstract base class for all Frontstage controls.\n * @note This is an abstract class which should not be derived from by the applications.\n * Instead, applications should derive from one of\n * [[ContentControl]],\n * [[ViewportContentControl]],\n * [[WidgetControl]],\n * [[StatusBarWidgetControl]] or\n * [[NavigationAidControl]].\n * @public\n * @deprecated in 4.16.0. Use React components returned by the control instead.\n */\nexport abstract class ConfigurableUiControl extends ConfigurableBase {\n private _cid: string;\n\n /** Creates an instance of ConfigurableUiControl.\n * @param info An object that the subclass must pass to this base class.\n * @param options Options provided to the control\n * @note Subclasses must pass all arguments to the base class and not add themselves\n * to any container - the control is added automatically.\n * @protected\n */\n constructor(info: ConfigurableCreateInfo, options: any) {\n super(info, options);\n this._cid = info.id;\n }\n\n /** @internal\n */\n public initialize(): void {\n this.onInitialize();\n }\n\n /** Called to initialize the ConfigurableUiControl. */\n public onInitialize(): void {}\n\n /** Called when Frontstage is deactivated. */\n public onFrontstageDeactivated(): void {}\n\n /** Called when Frontstage is ready. */\n public onFrontstageReady(): void {}\n\n /** Returns the ID of this ConfigurableUiControl.\n */\n public get controlId(): string {\n return this._cid;\n }\n\n /** Get the type of this control.\n */\n public abstract getType(): ConfigurableUiControlType;\n\n /** Returns a promise that resolves when the control is ready for usage.\n */\n public get isReady(): Promise<void> {\n return Promise.resolve();\n }\n}\n"]}