@itwin/appui-react 3.6.0-dev.7 → 4.0.0-dev.2

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

@@ -1,43 +1,43 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.copyStyles = void 0;
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/**
- * Copies the source CSS into the destination
- * @param targetDoc - target document
- * @param sourceDoc - source document
- * @internal
- */
-function copyStyles(targetDoc, sourceDoc = document) {
-    const stylesheets = Array.from(sourceDoc.styleSheets);
-    // istanbul ignore next
-    stylesheets.forEach((stylesheet) => {
-        const css = stylesheet;
-        if (stylesheet.href) {
-            const newStyleElement = targetDoc.createElement("link");
-            newStyleElement.rel = "stylesheet";
-            newStyleElement.href = stylesheet.href;
-            targetDoc.head.appendChild(newStyleElement);
-        }
-        else {
-            if (css && css.cssRules && css.cssRules.length > 0) {
-                const newStyleElement = targetDoc.createElement("style");
-                Array.from(css.cssRules).forEach((rule) => {
-                    newStyleElement.appendChild(targetDoc.createTextNode(rule.cssText));
-                });
-                targetDoc.head.appendChild(newStyleElement);
-            }
-        }
-    });
-    // copy sprites
-    const svgSymbolParent = sourceDoc.getElementById("__SVG_SPRITE_NODE__");
-    // istanbul ignore else
-    if (svgSymbolParent) {
-        targetDoc.body.appendChild(svgSymbolParent.cloneNode(true));
-    }
-}
-exports.copyStyles = copyStyles;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.copyStyles = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/**
+ * Copies the source CSS into the destination
+ * @param targetDoc - target document
+ * @param sourceDoc - source document
+ * @internal
+ */
+function copyStyles(targetDoc, sourceDoc = document) {
+    const stylesheets = Array.from(sourceDoc.styleSheets);
+    // istanbul ignore next
+    stylesheets.forEach((stylesheet) => {
+        const css = stylesheet;
+        if (stylesheet.href) {
+            const newStyleElement = targetDoc.createElement("link");
+            newStyleElement.rel = "stylesheet";
+            newStyleElement.href = stylesheet.href;
+            targetDoc.head.appendChild(newStyleElement);
+        }
+        else {
+            if (css && css.cssRules && css.cssRules.length > 0) {
+                const newStyleElement = targetDoc.createElement("style");
+                Array.from(css.cssRules).forEach((rule) => {
+                    newStyleElement.appendChild(targetDoc.createTextNode(rule.cssText));
+                });
+                targetDoc.head.appendChild(newStyleElement);
+            }
+        }
+    });
+    // copy sprites
+    const svgSymbolParent = sourceDoc.getElementById("__SVG_SPRITE_NODE__");
+    // istanbul ignore else
+    if (svgSymbolParent) {
+        targetDoc.body.appendChild(svgSymbolParent.cloneNode(true));
+    }
+}
+exports.copyStyles = copyStyles;
 //# sourceMappingURL=CopyStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CopyStyles.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/CopyStyles.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F;;;;;GAKG;AACH,SAAgB,UAAU,CAAC,SAAmB,EAAE,YAAsB,QAAQ;IAC5E,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACtD,uBAAuB;IACvB,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;QACjC,MAAM,GAAG,GAAG,UAAU,CAAC;QACvB,IAAI,UAAU,CAAC,IAAI,EAAE;YACnB,MAAM,eAAe,GAAG,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YACxD,eAAe,CAAC,GAAG,GAAG,YAAY,CAAC;YACnC,eAAe,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;YACvC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;SAC7C;aAAM;YACL,IAAI,GAAG,IAAI,GAAG,CAAC,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;gBAClD,MAAM,eAAe,GAAG,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBACzD,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;oBACxC,eAAe,CAAC,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;gBACtE,CAAC,CAAC,CAAC;gBACH,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;aAC7C;SACF;IACH,CAAC,CAAC,CAAC;IAEH,eAAe;IACf,MAAM,eAAe,GAAG,SAAS,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;IACxE,uBAAuB;IACvB,IAAI,eAAe,EAAE;QACnB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;KAC7D;AACH,CAAC;AA3BD,gCA2BC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/**\r\n * Copies the source CSS into the destination\r\n * @param targetDoc - target document\r\n * @param sourceDoc - source document\r\n * @internal\r\n */\r\nexport function copyStyles(targetDoc: Document, sourceDoc: Document = document) {\r\n  const stylesheets = Array.from(sourceDoc.styleSheets);\r\n  // istanbul ignore next\r\n  stylesheets.forEach((stylesheet) => {\r\n    const css = stylesheet;\r\n    if (stylesheet.href) {\r\n      const newStyleElement = targetDoc.createElement(\"link\");\r\n      newStyleElement.rel = \"stylesheet\";\r\n      newStyleElement.href = stylesheet.href;\r\n      targetDoc.head.appendChild(newStyleElement);\r\n    } else {\r\n      if (css && css.cssRules && css.cssRules.length > 0) {\r\n        const newStyleElement = targetDoc.createElement(\"style\");\r\n        Array.from(css.cssRules).forEach((rule) => {\r\n          newStyleElement.appendChild(targetDoc.createTextNode(rule.cssText));\r\n        });\r\n        targetDoc.head.appendChild(newStyleElement);\r\n      }\r\n    }\r\n  });\r\n\r\n  // copy sprites\r\n  const svgSymbolParent = sourceDoc.getElementById(\"__SVG_SPRITE_NODE__\");\r\n  // istanbul ignore else\r\n  if (svgSymbolParent) {\r\n    targetDoc.body.appendChild(svgSymbolParent.cloneNode(true));\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"CopyStyles.js","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/CopyStyles.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F;;;;;GAKG;AACH,SAAgB,UAAU,CAAC,SAAmB,EAAE,YAAsB,QAAQ;IAC5E,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACtD,uBAAuB;IACvB,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;QACjC,MAAM,GAAG,GAAG,UAAU,CAAC;QACvB,IAAI,UAAU,CAAC,IAAI,EAAE;YACnB,MAAM,eAAe,GAAG,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YACxD,eAAe,CAAC,GAAG,GAAG,YAAY,CAAC;YACnC,eAAe,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;YACvC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;SAC7C;aAAM;YACL,IAAI,GAAG,IAAI,GAAG,CAAC,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;gBAClD,MAAM,eAAe,GAAG,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBACzD,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;oBACxC,eAAe,CAAC,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;gBACtE,CAAC,CAAC,CAAC;gBACH,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;aAC7C;SACF;IACH,CAAC,CAAC,CAAC;IAEH,eAAe;IACf,MAAM,eAAe,GAAG,SAAS,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;IACxE,uBAAuB;IACvB,IAAI,eAAe,EAAE;QACnB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;KAC7D;AACH,CAAC;AA3BD,gCA2BC","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 * Copies the source CSS into the destination\n * @param targetDoc - target document\n * @param sourceDoc - source document\n * @internal\n */\nexport function copyStyles(targetDoc: Document, sourceDoc: Document = document) {\n  const stylesheets = Array.from(sourceDoc.styleSheets);\n  // istanbul ignore next\n  stylesheets.forEach((stylesheet) => {\n    const css = stylesheet;\n    if (stylesheet.href) {\n      const newStyleElement = targetDoc.createElement(\"link\");\n      newStyleElement.rel = \"stylesheet\";\n      newStyleElement.href = stylesheet.href;\n      targetDoc.head.appendChild(newStyleElement);\n    } else {\n      if (css && css.cssRules && css.cssRules.length > 0) {\n        const newStyleElement = targetDoc.createElement(\"style\");\n        Array.from(css.cssRules).forEach((rule) => {\n          newStyleElement.appendChild(targetDoc.createTextNode(rule.cssText));\n        });\n        targetDoc.head.appendChild(newStyleElement);\n      }\n    }\n  });\n\n  // copy sprites\n  const svgSymbolParent = sourceDoc.getElementById(\"__SVG_SPRITE_NODE__\");\n  // istanbul ignore else\n  if (svgSymbolParent) {\n    targetDoc.body.appendChild(svgSymbolParent.cloneNode(true));\n  }\n}\n"]}

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

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

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

@@ -1,20 +1,20 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PopoutWidget = void 0;
-require("./PopoutWidget.scss");
-const React = require("react");
-/** Component used to wrap a widget for use is a child window.
- * @internal
- */
-function PopoutWidget({ widgetContainerId, widgetDef }) {
-    return (React.createElement("div", { className: "uifw-popout-widget-filled-container", "data-widget-id": widgetContainerId }, widgetDef.reactNode));
-}
-exports.PopoutWidget = PopoutWidget;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopoutWidget = void 0;
+require("./PopoutWidget.scss");
+const React = require("react");
+/** Component used to wrap a widget for use is a child window.
+ * @internal
+ */
+function PopoutWidget({ widgetContainerId, widgetDef }) {
+    return (React.createElement("div", { className: "uifw-popout-widget-filled-container", "data-widget-id": widgetContainerId }, widgetDef.reactNode));
+}
+exports.PopoutWidget = PopoutWidget;
 //# sourceMappingURL=PopoutWidget.js.map

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

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

package/lib/cjs/appui-react/childwindow/PopoutWidget.scss

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

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

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

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

@@ -1,71 +1,71 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActivityTracker = void 0;
-const ConfigurableUiManager_1 = require("./ConfigurableUiManager");
-/** Activity Tracker utility class
- * @internal
- */
-class ActivityTracker {
-    constructor() {
-        this._intervalTimeout = 1000;
-        this._events = [
-            "keydown",
-            "wheel",
-            "scroll",
-            "mousedown",
-            "mousemove",
-            "touchstart",
-            "touchmove",
-            "pointerdown",
-            "pointermove",
-            "visibilitychange",
-        ];
-        this._bindEvents = () => {
-            this._events.forEach((e) => {
-                window.addEventListener(e, this._trackUiActivity, { capture: true });
-            });
-        };
-        this._unbindEvents = () => {
-            this._events.forEach((e) => {
-                window.removeEventListener(e, this._trackUiActivity, { capture: true });
-            });
-        };
-        this._trackUiInterval = () => {
-            ConfigurableUiManager_1.ConfigurableUiManager.onUiIntervalEvent.emit({ idleTimeout: this._idleTimeout });
-        };
-        this._trackUiActivity = (event) => {
-            ConfigurableUiManager_1.ConfigurableUiManager.onUiActivityEvent.emit({ event });
-        };
-    }
-    /** Initializes the time tracker and adds event listeners
-     */
-    initialize(props) {
-        // istanbul ignore else
-        if (props) {
-            this._idleTimeout = props.idleTimeout;
-            if (props.intervalTimeout !== undefined)
-                this._intervalTimeout = props.intervalTimeout;
-        }
-        this._bindEvents();
-        this._intervalId = setInterval(this._trackUiInterval, this._intervalTimeout);
-    }
-    /** Terminates the time tracker and removes event listeners
-     */
-    terminate() {
-        this._unbindEvents();
-        // istanbul ignore else
-        if (this._intervalId) {
-            clearInterval(this._intervalId);
-            this._intervalId = undefined;
-        }
-    }
-}
-exports.ActivityTracker = ActivityTracker;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActivityTracker = void 0;
+const ConfigurableUiManager_1 = require("./ConfigurableUiManager");
+/** Activity Tracker utility class
+ * @internal
+ */
+class ActivityTracker {
+    constructor() {
+        this._intervalTimeout = 1000;
+        this._events = [
+            "keydown",
+            "wheel",
+            "scroll",
+            "mousedown",
+            "mousemove",
+            "touchstart",
+            "touchmove",
+            "pointerdown",
+            "pointermove",
+            "visibilitychange",
+        ];
+        this._bindEvents = () => {
+            this._events.forEach((e) => {
+                window.addEventListener(e, this._trackUiActivity, { capture: true });
+            });
+        };
+        this._unbindEvents = () => {
+            this._events.forEach((e) => {
+                window.removeEventListener(e, this._trackUiActivity, { capture: true });
+            });
+        };
+        this._trackUiInterval = () => {
+            ConfigurableUiManager_1.ConfigurableUiManager.onUiIntervalEvent.emit({ idleTimeout: this._idleTimeout });
+        };
+        this._trackUiActivity = (event) => {
+            ConfigurableUiManager_1.ConfigurableUiManager.onUiActivityEvent.emit({ event });
+        };
+    }
+    /** Initializes the time tracker and adds event listeners
+     */
+    initialize(props) {
+        // istanbul ignore else
+        if (props) {
+            this._idleTimeout = props.idleTimeout;
+            if (props.intervalTimeout !== undefined)
+                this._intervalTimeout = props.intervalTimeout;
+        }
+        this._bindEvents();
+        this._intervalId = setInterval(this._trackUiInterval, this._intervalTimeout);
+    }
+    /** Terminates the time tracker and removes event listeners
+     */
+    terminate() {
+        this._unbindEvents();
+        // istanbul ignore else
+        if (this._intervalId) {
+            clearInterval(this._intervalId);
+            this._intervalId = undefined;
+        }
+    }
+}
+exports.ActivityTracker = ActivityTracker;
 //# sourceMappingURL=ActivityTracker.js.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ConfigurableUiContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAS,MAAM,mBAAmB,CAAC;AAoBvD;;GAEG;AACH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,gBAAgB;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eAuCtE"}
+{"version":3,"file":"ConfigurableUiContent.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/configurableui/ConfigurableUiContent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAS,MAAM,mBAAmB,CAAC;AAkBvD;;GAEG;AACH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,gBAAgB;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eAqCtE"}

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

@@ -1,63 +1,60 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfigurableUiContent = void 0;
-require("./configurableui.scss");
-const React = require("react");
-const core_react_1 = require("@itwin/core-react");
-const CursorInformation_1 = require("../cursor/CursorInformation");
-const CursorMenu_1 = require("../cursor/cursormenu/CursorMenu");
-const CursorPopupManager_1 = require("../cursor/cursorpopup/CursorPopupManager");
-const ModalDialogManager_1 = require("../dialog/ModalDialogManager");
-const ModelessDialogManager_1 = require("../dialog/ModelessDialogManager");
-const ElementTooltip_1 = require("../feedback/ElementTooltip");
-const FrontstageComposer_1 = require("../frontstage/FrontstageComposer");
-const useFrameworkVersion_1 = require("../hooks/useFrameworkVersion");
-const KeyboardShortcut_1 = require("../keyboardshortcut/KeyboardShortcut");
-const KeyboardShortcutMenu_1 = require("../keyboardshortcut/KeyboardShortcutMenu");
-const InputField_1 = require("../messages/InputField");
-const Pointer_1 = require("../messages/Pointer");
-const PopupManager_1 = require("../popup/PopupManager");
-const Frontstage_1 = require("../widget-panels/Frontstage");
-const ConfigurableUiManager_1 = require("./ConfigurableUiManager");
-const ContentDialogManager_1 = require("../dialog/ContentDialogManager");
-/** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi
- * @public
- */
-function ConfigurableUiContent(props) {
-    const version = (0, useFrameworkVersion_1.useFrameworkVersion)(); // eslint-disable-line deprecation/deprecation
-    React.useEffect(() => {
-        KeyboardShortcut_1.KeyboardShortcutManager.setFocusToHome();
-    }, []);
-    React.useEffect(() => {
-        ConfigurableUiManager_1.ConfigurableUiManager.activityTracker.initialize({ idleTimeout: props.idleTimeout, intervalTimeout: props.intervalTimeout });
-        return () => {
-            ConfigurableUiManager_1.ConfigurableUiManager.activityTracker.terminate();
-        };
-    }, [props.idleTimeout, props.intervalTimeout]);
-    const handleMouseMove = React.useCallback((e) => {
-        const point = new core_react_1.Point(e.pageX, e.pageY);
-        CursorInformation_1.CursorInformation.handleMouseMove(point);
-    }, []);
-    return (React.createElement("main", { role: "main", id: "uifw-configurableui-wrapper", className: props.className, style: props.style, onMouseMove: handleMouseMove },
-        props.appBackstage,
-        version === "1" ? /* istanbul ignore next */ React.createElement(FrontstageComposer_1.FrontstageComposer, { style: { position: "relative", height: "100%" } }) : /* istanbul ignore next */ React.createElement(Frontstage_1.WidgetPanelsFrontstage, null),
-        React.createElement(ContentDialogManager_1.ContentDialogRenderer, null),
-        React.createElement(ModelessDialogManager_1.ModelessDialogRenderer, null),
-        React.createElement(ModalDialogManager_1.ModalDialogRenderer, null),
-        React.createElement(ElementTooltip_1.ElementTooltip, null),
-        React.createElement(Pointer_1.PointerMessage, null),
-        React.createElement(KeyboardShortcutMenu_1.KeyboardShortcutMenu, null),
-        React.createElement(InputField_1.InputFieldMessage, null),
-        React.createElement(CursorMenu_1.CursorPopupMenu, null),
-        React.createElement(CursorPopupManager_1.CursorPopupRenderer, null),
-        React.createElement(PopupManager_1.PopupRenderer, null)));
-}
-exports.ConfigurableUiContent = ConfigurableUiContent;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfigurableUiContent = void 0;
+require("./configurableui.scss");
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+const CursorInformation_1 = require("../cursor/CursorInformation");
+const CursorMenu_1 = require("../cursor/cursormenu/CursorMenu");
+const CursorPopupManager_1 = require("../cursor/cursorpopup/CursorPopupManager");
+const ModalDialogManager_1 = require("../dialog/ModalDialogManager");
+const ModelessDialogManager_1 = require("../dialog/ModelessDialogManager");
+const ElementTooltip_1 = require("../feedback/ElementTooltip");
+const KeyboardShortcut_1 = require("../keyboardshortcut/KeyboardShortcut");
+const KeyboardShortcutMenu_1 = require("../keyboardshortcut/KeyboardShortcutMenu");
+const InputField_1 = require("../messages/InputField");
+const Pointer_1 = require("../messages/Pointer");
+const PopupManager_1 = require("../popup/PopupManager");
+const Frontstage_1 = require("../widget-panels/Frontstage");
+const ConfigurableUiManager_1 = require("./ConfigurableUiManager");
+const ContentDialogManager_1 = require("../dialog/ContentDialogManager");
+/** The ConfigurableUiContent component is the component the pages specified using ConfigurableUi
+ * @public
+ */
+function ConfigurableUiContent(props) {
+    React.useEffect(() => {
+        KeyboardShortcut_1.KeyboardShortcutManager.setFocusToHome();
+    }, []);
+    React.useEffect(() => {
+        ConfigurableUiManager_1.ConfigurableUiManager.activityTracker.initialize({ idleTimeout: props.idleTimeout, intervalTimeout: props.intervalTimeout });
+        return () => {
+            ConfigurableUiManager_1.ConfigurableUiManager.activityTracker.terminate();
+        };
+    }, [props.idleTimeout, props.intervalTimeout]);
+    const handleMouseMove = React.useCallback((e) => {
+        const point = new core_react_1.Point(e.pageX, e.pageY);
+        CursorInformation_1.CursorInformation.handleMouseMove(point);
+    }, []);
+    return (React.createElement("main", { role: "main", id: "uifw-configurableui-wrapper", className: props.className, style: props.style, onMouseMove: handleMouseMove },
+        props.appBackstage,
+        React.createElement(Frontstage_1.WidgetPanelsFrontstage, null),
+        React.createElement(ContentDialogManager_1.ContentDialogRenderer, null),
+        React.createElement(ModelessDialogManager_1.ModelessDialogRenderer, null),
+        React.createElement(ModalDialogManager_1.ModalDialogRenderer, null),
+        React.createElement(ElementTooltip_1.ElementTooltip, null),
+        React.createElement(Pointer_1.PointerMessage, null),
+        React.createElement(KeyboardShortcutMenu_1.KeyboardShortcutMenu, null),
+        React.createElement(InputField_1.InputFieldMessage, null),
+        React.createElement(CursorMenu_1.CursorPopupMenu, null),
+        React.createElement(CursorPopupManager_1.CursorPopupRenderer, null),
+        React.createElement(PopupManager_1.PopupRenderer, null)));
+}
+exports.ConfigurableUiContent = ConfigurableUiContent;
 //# sourceMappingURL=ConfigurableUiContent.js.map