@itwin/appui-react 3.6.0-dev.51 → 3.6.0-dev.53

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.js

@@ -1,63 +1,63 @@
-"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 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;
 //# sourceMappingURL=ConfigurableUiContent.js.map

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

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