@itwin/appui-react 3.4.3 → 3.4.4

package/lib/esm/appui-react/content/ContentViewManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentViewManager.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentViewManager.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContentView\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { UiEvent } from \"@itwin/appui-abstract\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\r\nimport { ContentControl } from \"./ContentControl\";\r\nimport { ContentLayoutManager } from \"./ContentLayoutManager\";\r\nimport { IModelApp } from \"@itwin/core-frontend\";\r\nimport { ContentGroup } from \"./ContentGroup\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** [[MouseDownChangedEvent]] Args interface.\r\n * @public\r\n */\r\nexport interface MouseDownChangedEventArgs {\r\n  /** Indicates whether the mouse is down */\r\n  mouseDown: boolean;\r\n}\r\n\r\n/** Mouse Down Changed Event class.\r\n * @public\r\n */\r\nexport class MouseDownChangedEvent extends UiEvent<MouseDownChangedEventArgs> { }\r\n\r\n/** [[ActiveContentChangedEvent]] Args interface.\r\n * @public\r\n */\r\nexport interface ActiveContentChangedEventArgs {\r\n  /** React node of the old content */\r\n  oldContent?: React.ReactNode;\r\n  /** React node of the newly active content */\r\n  activeContent?: React.ReactNode;\r\n}\r\n\r\n/** Active Content Changed Event class.\r\n * @public\r\n */\r\nexport class ActiveContentChangedEvent extends UiEvent<ActiveContentChangedEventArgs> { }\r\n\r\n/** Content View Manager class.\r\n * @public\r\n */\r\nexport class ContentViewManager {\r\n  private static _mouseDown: boolean = false;\r\n  private static _activeContent?: React.ReactNode;\r\n\r\n  /** Gets the [[MouseDownChangedEvent]] */\r\n  public static readonly onMouseDownChangedEvent = new MouseDownChangedEvent();\r\n\r\n  /** Determines if the mouse is down in a content view */\r\n  public static get isMouseDown(): boolean {\r\n    return this._mouseDown;\r\n  }\r\n\r\n  /** Sets the mouse down status for a content view */\r\n  public static setMouseDown(mouseDown: boolean): void {\r\n    this._mouseDown = mouseDown;\r\n    this.onMouseDownChangedEvent.emit({ mouseDown });\r\n  }\r\n\r\n  /** Gets the [[ActiveContentChangedEvent]] */\r\n  public static readonly onActiveContentChangedEvent = new ActiveContentChangedEvent();\r\n\r\n  /** Fires when floating contents are added or removed */\r\n\r\n  public static readonly onAvailableContentChangedEvent = new UiEvent<{ contentId: string }>();\r\n\r\n  /** Gets the active content as a React.ReactNode. */\r\n  public static getActiveContent(): React.ReactNode | undefined {\r\n    return this._activeContent;\r\n  }\r\n\r\n  private static getControlFromElement(content: React.ReactNode, activeContentGroup: ContentGroup | undefined, floatingControls: ContentControl[] | undefined, logIfNotFound = false) {\r\n    if (floatingControls?.length) {\r\n      const control = floatingControls.find((contentControl) => contentControl.reactNode === content);\r\n      if (control)\r\n        return control;\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (activeContentGroup) {\r\n      const activeContentControl = activeContentGroup.getControlFromElement(content);\r\n      if (activeContentControl)\r\n        return activeContentControl;\r\n    }\r\n\r\n    if (logIfNotFound)\r\n      Logger.logError(UiFramework.loggerCategory(this), `getControlFromElement: no control found for element`);\r\n\r\n    return undefined;\r\n  }\r\n\r\n  /** Return the active ContentControl. */\r\n  public static getActiveContentControl(): ContentControl | undefined {\r\n    let activeContentControl: ContentControl | undefined;\r\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\r\n\r\n    // istanbul ignore else\r\n    if (this._activeContent && activeFrontstageDef) {\r\n      const activeContentGroup = activeFrontstageDef.contentGroup;\r\n      activeContentControl = this.getControlFromElement(this._activeContent, activeContentGroup, activeFrontstageDef.floatingContentControls);\r\n    }\r\n\r\n    return activeContentControl;\r\n  }\r\n\r\n  public static addFloatingContentControl(contentControl?: ContentControl) {\r\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\r\n    // istanbul ignore else\r\n    if (activeFrontstageDef && contentControl) {\r\n      activeFrontstageDef.addFloatingContentControl(contentControl);\r\n    }\r\n  }\r\n\r\n  public static dropFloatingContentControl(contentControl?: ContentControl) {\r\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\r\n    // istanbul ignore else\r\n    if (activeFrontstageDef && contentControl)\r\n      activeFrontstageDef.dropFloatingContentControl(contentControl);\r\n  }\r\n\r\n  /** Sets the active [[ContentControl]] */\r\n  public static setActiveContent(activeContent?: React.ReactNode, forceEventProcessing = false): void {\r\n    // istanbul ignore else\r\n    if (this._activeContent !== activeContent || forceEventProcessing) {\r\n      const oldContent = this._activeContent;\r\n      this._activeContent = activeContent;\r\n\r\n      const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\r\n\r\n      // istanbul ignore else\r\n      if (activeFrontstageDef) {\r\n        const activeContentGroup = activeFrontstageDef.contentGroup;\r\n\r\n        // istanbul ignore else\r\n        const oldContentControl = this.getControlFromElement(oldContent, activeContentGroup, activeFrontstageDef.floatingContentControls);\r\n        const activeContentControl = this.getControlFromElement(activeContent, activeContentGroup, activeFrontstageDef.floatingContentControls, true);\r\n\r\n        // Only call setActiveView if going to or coming from a non-viewport ContentControl\r\n        // istanbul ignore else\r\n        if (activeContentControl) {\r\n          // istanbul ignore next\r\n          const doSetActiveView =\r\n            forceEventProcessing || (!activeContentControl.viewport ||\r\n              (/* istanbul ignore next */ oldContentControl && /* istanbul ignore next */ !oldContentControl.viewport));\r\n\r\n          // istanbul ignore else\r\n          if (doSetActiveView) {\r\n            activeFrontstageDef.setActiveView(activeContentControl, oldContentControl);\r\n            this.onActiveContentChangedEvent.emit({ activeContent, oldContent });\r\n          } else {\r\n            if (activeContentControl.viewport && activeContentControl.viewport !== IModelApp.viewManager.selectedView) {\r\n              // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n              IModelApp.viewManager.setSelectedView(activeContentControl.viewport);\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Refreshes the active [[ContentControl]] */\r\n  public static refreshActiveContent(activeContent: React.ReactNode) {\r\n    ContentLayoutManager.refreshActiveLayout();\r\n    this.setActiveContent(activeContent, true);\r\n  }\r\n\r\n  /**\r\n   * Determines if content displays a Sheet view.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static isContentSheetView(content: ContentControl | undefined): boolean {\r\n    if (!content || !content.viewport)\r\n      return false;\r\n    return (ViewUtilities.isSheetView(content.viewport));\r\n  }\r\n\r\n  /**\r\n   * Determines if content displays a Drawing view.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static isContentDrawingView(content: ContentControl | undefined): boolean {\r\n    if (!content || !content.viewport)\r\n      return false;\r\n    return (ViewUtilities.isDrawingView(content.viewport));\r\n  }\r\n\r\n  /**\r\n   * Determines if content displays a Spatial view.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static isContentSpatialView(content: ContentControl | undefined): boolean {\r\n    if (!content || !content.viewport)\r\n      return false;\r\n    return (ViewUtilities.isSpatialView(content.viewport));\r\n  }\r\n\r\n  /**\r\n   * Determines if content displays a Orthographic view.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static isContentOrthographicView(content: ContentControl | undefined): boolean {\r\n    if (!content || !content.viewport)\r\n      return false;\r\n    return (ViewUtilities.isOrthographicView(content.viewport));\r\n  }\r\n\r\n  /**\r\n   * Determines if content displays a 3d view.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static isContent3dView(content: ContentControl | undefined): boolean {\r\n    if (!content || !content.viewport)\r\n      return false;\r\n    return (ViewUtilities.is3dView(content.viewport));\r\n  }\r\n\r\n  /**\r\n   * Determines if viewport supports use of a camera.\r\n   * @param content ContentControl to check\r\n   */\r\n  public static contentSupportsCamera(content: ContentControl | undefined): boolean {\r\n    if (!content || !content.viewport)\r\n      return false;\r\n    return (ViewUtilities.viewSupportsCamera(content.viewport));\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ContentViewManager.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ContentViewManager.ts"],"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 ContentView\n */\n\nimport * as React from \"react\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\nimport { ContentControl } from \"./ContentControl\";\nimport { ContentLayoutManager } from \"./ContentLayoutManager\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { ContentGroup } from \"./ContentGroup\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** [[MouseDownChangedEvent]] Args interface.\n * @public\n */\nexport interface MouseDownChangedEventArgs {\n  /** Indicates whether the mouse is down */\n  mouseDown: boolean;\n}\n\n/** Mouse Down Changed Event class.\n * @public\n */\nexport class MouseDownChangedEvent extends UiEvent<MouseDownChangedEventArgs> { }\n\n/** [[ActiveContentChangedEvent]] Args interface.\n * @public\n */\nexport interface ActiveContentChangedEventArgs {\n  /** React node of the old content */\n  oldContent?: React.ReactNode;\n  /** React node of the newly active content */\n  activeContent?: React.ReactNode;\n}\n\n/** Active Content Changed Event class.\n * @public\n */\nexport class ActiveContentChangedEvent extends UiEvent<ActiveContentChangedEventArgs> { }\n\n/** Content View Manager class.\n * @public\n */\nexport class ContentViewManager {\n  private static _mouseDown: boolean = false;\n  private static _activeContent?: React.ReactNode;\n\n  /** Gets the [[MouseDownChangedEvent]] */\n  public static readonly onMouseDownChangedEvent = new MouseDownChangedEvent();\n\n  /** Determines if the mouse is down in a content view */\n  public static get isMouseDown(): boolean {\n    return this._mouseDown;\n  }\n\n  /** Sets the mouse down status for a content view */\n  public static setMouseDown(mouseDown: boolean): void {\n    this._mouseDown = mouseDown;\n    this.onMouseDownChangedEvent.emit({ mouseDown });\n  }\n\n  /** Gets the [[ActiveContentChangedEvent]] */\n  public static readonly onActiveContentChangedEvent = new ActiveContentChangedEvent();\n\n  /** Fires when floating contents are added or removed */\n\n  public static readonly onAvailableContentChangedEvent = new UiEvent<{ contentId: string }>();\n\n  /** Gets the active content as a React.ReactNode. */\n  public static getActiveContent(): React.ReactNode | undefined {\n    return this._activeContent;\n  }\n\n  private static getControlFromElement(content: React.ReactNode, activeContentGroup: ContentGroup | undefined, floatingControls: ContentControl[] | undefined, logIfNotFound = false) {\n    if (floatingControls?.length) {\n      const control = floatingControls.find((contentControl) => contentControl.reactNode === content);\n      if (control)\n        return control;\n    }\n\n    // istanbul ignore else\n    if (activeContentGroup) {\n      const activeContentControl = activeContentGroup.getControlFromElement(content);\n      if (activeContentControl)\n        return activeContentControl;\n    }\n\n    if (logIfNotFound)\n      Logger.logError(UiFramework.loggerCategory(this), `getControlFromElement: no control found for element`);\n\n    return undefined;\n  }\n\n  /** Return the active ContentControl. */\n  public static getActiveContentControl(): ContentControl | undefined {\n    let activeContentControl: ContentControl | undefined;\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\n\n    // istanbul ignore else\n    if (this._activeContent && activeFrontstageDef) {\n      const activeContentGroup = activeFrontstageDef.contentGroup;\n      activeContentControl = this.getControlFromElement(this._activeContent, activeContentGroup, activeFrontstageDef.floatingContentControls);\n    }\n\n    return activeContentControl;\n  }\n\n  public static addFloatingContentControl(contentControl?: ContentControl) {\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\n    // istanbul ignore else\n    if (activeFrontstageDef && contentControl) {\n      activeFrontstageDef.addFloatingContentControl(contentControl);\n    }\n  }\n\n  public static dropFloatingContentControl(contentControl?: ContentControl) {\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\n    // istanbul ignore else\n    if (activeFrontstageDef && contentControl)\n      activeFrontstageDef.dropFloatingContentControl(contentControl);\n  }\n\n  /** Sets the active [[ContentControl]] */\n  public static setActiveContent(activeContent?: React.ReactNode, forceEventProcessing = false): void {\n    // istanbul ignore else\n    if (this._activeContent !== activeContent || forceEventProcessing) {\n      const oldContent = this._activeContent;\n      this._activeContent = activeContent;\n\n      const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\n\n      // istanbul ignore else\n      if (activeFrontstageDef) {\n        const activeContentGroup = activeFrontstageDef.contentGroup;\n\n        // istanbul ignore else\n        const oldContentControl = this.getControlFromElement(oldContent, activeContentGroup, activeFrontstageDef.floatingContentControls);\n        const activeContentControl = this.getControlFromElement(activeContent, activeContentGroup, activeFrontstageDef.floatingContentControls, true);\n\n        // Only call setActiveView if going to or coming from a non-viewport ContentControl\n        // istanbul ignore else\n        if (activeContentControl) {\n          // istanbul ignore next\n          const doSetActiveView =\n            forceEventProcessing || (!activeContentControl.viewport ||\n              (/* istanbul ignore next */ oldContentControl && /* istanbul ignore next */ !oldContentControl.viewport));\n\n          // istanbul ignore else\n          if (doSetActiveView) {\n            activeFrontstageDef.setActiveView(activeContentControl, oldContentControl);\n            this.onActiveContentChangedEvent.emit({ activeContent, oldContent });\n          } else {\n            if (activeContentControl.viewport && activeContentControl.viewport !== IModelApp.viewManager.selectedView) {\n              // eslint-disable-next-line @typescript-eslint/no-floating-promises\n              IModelApp.viewManager.setSelectedView(activeContentControl.viewport);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  /** Refreshes the active [[ContentControl]] */\n  public static refreshActiveContent(activeContent: React.ReactNode) {\n    ContentLayoutManager.refreshActiveLayout();\n    this.setActiveContent(activeContent, true);\n  }\n\n  /**\n   * Determines if content displays a Sheet view.\n   * @param content ContentControl to check\n   */\n  public static isContentSheetView(content: ContentControl | undefined): boolean {\n    if (!content || !content.viewport)\n      return false;\n    return (ViewUtilities.isSheetView(content.viewport));\n  }\n\n  /**\n   * Determines if content displays a Drawing view.\n   * @param content ContentControl to check\n   */\n  public static isContentDrawingView(content: ContentControl | undefined): boolean {\n    if (!content || !content.viewport)\n      return false;\n    return (ViewUtilities.isDrawingView(content.viewport));\n  }\n\n  /**\n   * Determines if content displays a Spatial view.\n   * @param content ContentControl to check\n   */\n  public static isContentSpatialView(content: ContentControl | undefined): boolean {\n    if (!content || !content.viewport)\n      return false;\n    return (ViewUtilities.isSpatialView(content.viewport));\n  }\n\n  /**\n   * Determines if content displays a Orthographic view.\n   * @param content ContentControl to check\n   */\n  public static isContentOrthographicView(content: ContentControl | undefined): boolean {\n    if (!content || !content.viewport)\n      return false;\n    return (ViewUtilities.isOrthographicView(content.viewport));\n  }\n\n  /**\n   * Determines if content displays a 3d view.\n   * @param content ContentControl to check\n   */\n  public static isContent3dView(content: ContentControl | undefined): boolean {\n    if (!content || !content.viewport)\n      return false;\n    return (ViewUtilities.is3dView(content.viewport));\n  }\n\n  /**\n   * Determines if viewport supports use of a camera.\n   * @param content ContentControl to check\n   */\n  public static contentSupportsCamera(content: ContentControl | undefined): boolean {\n    if (!content || !content.viewport)\n      return false;\n    return (ViewUtilities.viewSupportsCamera(content.viewport));\n  }\n}\n"]}

package/lib/esm/appui-react/content/DefaultViewOverlay.d.ts

@@ -1,23 +1,23 @@
-/** @packageDocumentation
- * @module ContentView
- */
-/// <reference types="react" />
-import "./DefaultViewOverlay.scss";
-import { ScreenViewport } from "@itwin/core-frontend";
-/** Props of Viewport Overlay Control that show timelines
- * @public
- */
-export interface ViewOverlayProps {
-    viewport: ScreenViewport;
-    onPlayPause?: (playing: boolean) => void;
-    featureOptions?: {
-        [key: string]: any;
-    };
-}
-/**
- * Default viewport overlay that examines ViewState of the active view for a schedule script, analysis data, or solar data. If one of these is detected, the corresponding
- * data provider is attached to the TimelineComponent and the overlay is made visible.
- * @public
- */
-export declare function DefaultViewOverlay({ viewport, onPlayPause, featureOptions }: ViewOverlayProps): JSX.Element | null;
+/** @packageDocumentation
+ * @module ContentView
+ */
+/// <reference types="react" />
+import "./DefaultViewOverlay.scss";
+import { ScreenViewport } from "@itwin/core-frontend";
+/** Props of Viewport Overlay Control that show timelines
+ * @public
+ */
+export interface ViewOverlayProps {
+    viewport: ScreenViewport;
+    onPlayPause?: (playing: boolean) => void;
+    featureOptions?: {
+        [key: string]: any;
+    };
+}
+/**
+ * Default viewport overlay that examines ViewState of the active view for a schedule script, analysis data, or solar data. If one of these is detected, the corresponding
+ * data provider is attached to the TimelineComponent and the overlay is made visible.
+ * @public
+ */
+export declare function DefaultViewOverlay({ viewport, onPlayPause, featureOptions }: ViewOverlayProps): JSX.Element | null;
 //# sourceMappingURL=DefaultViewOverlay.d.ts.map

package/lib/esm/appui-react/content/DefaultViewOverlay.js

@@ -1,47 +1,47 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module ContentView
- */
-import "./DefaultViewOverlay.scss";
-import * as React from "react";
-import { SolarTimeline, TimelineComponent } from "@itwin/imodel-components-react";
-import { useScheduleAnimationDataProvider } from "../hooks/useScheduleAnimationDataProvider";
-import { useActiveViewport } from "../hooks/useActiveViewport";
-import { useSolarDataProvider } from "../hooks/useSolarDataProvider";
-import { useAnalysisAnimationDataProvider } from "../hooks/useAnalysisAnimationDataProvider";
-/**
- * Default viewport overlay that examines ViewState of the active view for a schedule script, analysis data, or solar data. If one of these is detected, the corresponding
- * data provider is attached to the TimelineComponent and the overlay is made visible.
- * @public
- */
-// istanbul ignore next
-export function DefaultViewOverlay({ viewport, onPlayPause, featureOptions }) {
-    var _a, _b, _c;
-    const solarDataTimelineProvider = useSolarDataProvider(viewport);
-    const analysisAnimationTimelineDataProvider = useAnalysisAnimationDataProvider(viewport);
-    const scheduleTimelineDataProvider = useScheduleAnimationDataProvider(viewport);
-    const currentViewport = useActiveViewport();
-    if (!currentViewport)
-        return null;
-    // Solar gets first shot
-    if (solarDataTimelineProvider && !!((_a = featureOptions === null || featureOptions === void 0 ? void 0 : featureOptions.defaultViewOverlay) === null || _a === void 0 ? void 0 : _a.enableSolarTimelineViewOverlay)) {
-        return (React.createElement("div", { className: "uifw-view-overlay" },
-            React.createElement("div", { className: "uifw-animation-overlay" },
-                React.createElement(SolarTimeline, { dataProvider: solarDataTimelineProvider }))));
-    }
-    if (analysisAnimationTimelineDataProvider && !!((_b = featureOptions === null || featureOptions === void 0 ? void 0 : featureOptions.defaultViewOverlay) === null || _b === void 0 ? void 0 : _b.enableAnalysisTimelineViewOverlay)) {
-        return (React.createElement("div", { className: "uifw-view-overlay" },
-            React.createElement("div", { className: "uifw-animation-overlay" },
-                React.createElement(TimelineComponent, { startDate: analysisAnimationTimelineDataProvider.start, endDate: analysisAnimationTimelineDataProvider.end, initialDuration: analysisAnimationTimelineDataProvider.initialDuration, totalDuration: analysisAnimationTimelineDataProvider.duration, minimized: true, onChange: analysisAnimationTimelineDataProvider.onAnimationFractionChanged, onPlayPause: onPlayPause }))));
-    }
-    if (scheduleTimelineDataProvider && !!((_c = featureOptions === null || featureOptions === void 0 ? void 0 : featureOptions.defaultViewOverlay) === null || _c === void 0 ? void 0 : _c.enableScheduleAnimationViewOverlay)) {
-        return (React.createElement("div", { className: "uifw-view-overlay" },
-            React.createElement("div", { className: "uifw-animation-overlay" },
-                React.createElement(TimelineComponent, { startDate: scheduleTimelineDataProvider.start, endDate: scheduleTimelineDataProvider.end, initialDuration: scheduleTimelineDataProvider.initialDuration, totalDuration: scheduleTimelineDataProvider.duration, minimized: true, onChange: scheduleTimelineDataProvider.onAnimationFractionChanged, onPlayPause: onPlayPause }))));
-    }
-    return null;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ContentView
+ */
+import "./DefaultViewOverlay.scss";
+import * as React from "react";
+import { SolarTimeline, TimelineComponent } from "@itwin/imodel-components-react";
+import { useScheduleAnimationDataProvider } from "../hooks/useScheduleAnimationDataProvider";
+import { useActiveViewport } from "../hooks/useActiveViewport";
+import { useSolarDataProvider } from "../hooks/useSolarDataProvider";
+import { useAnalysisAnimationDataProvider } from "../hooks/useAnalysisAnimationDataProvider";
+/**
+ * Default viewport overlay that examines ViewState of the active view for a schedule script, analysis data, or solar data. If one of these is detected, the corresponding
+ * data provider is attached to the TimelineComponent and the overlay is made visible.
+ * @public
+ */
+// istanbul ignore next
+export function DefaultViewOverlay({ viewport, onPlayPause, featureOptions }) {
+    var _a, _b, _c;
+    const solarDataTimelineProvider = useSolarDataProvider(viewport);
+    const analysisAnimationTimelineDataProvider = useAnalysisAnimationDataProvider(viewport);
+    const scheduleTimelineDataProvider = useScheduleAnimationDataProvider(viewport);
+    const currentViewport = useActiveViewport();
+    if (!currentViewport)
+        return null;
+    // Solar gets first shot
+    if (solarDataTimelineProvider && !!((_a = featureOptions === null || featureOptions === void 0 ? void 0 : featureOptions.defaultViewOverlay) === null || _a === void 0 ? void 0 : _a.enableSolarTimelineViewOverlay)) {
+        return (React.createElement("div", { className: "uifw-view-overlay" },
+            React.createElement("div", { className: "uifw-animation-overlay" },
+                React.createElement(SolarTimeline, { dataProvider: solarDataTimelineProvider }))));
+    }
+    if (analysisAnimationTimelineDataProvider && !!((_b = featureOptions === null || featureOptions === void 0 ? void 0 : featureOptions.defaultViewOverlay) === null || _b === void 0 ? void 0 : _b.enableAnalysisTimelineViewOverlay)) {
+        return (React.createElement("div", { className: "uifw-view-overlay" },
+            React.createElement("div", { className: "uifw-animation-overlay" },
+                React.createElement(TimelineComponent, { startDate: analysisAnimationTimelineDataProvider.start, endDate: analysisAnimationTimelineDataProvider.end, initialDuration: analysisAnimationTimelineDataProvider.initialDuration, totalDuration: analysisAnimationTimelineDataProvider.duration, minimized: true, onChange: analysisAnimationTimelineDataProvider.onAnimationFractionChanged, onPlayPause: onPlayPause }))));
+    }
+    if (scheduleTimelineDataProvider && !!((_c = featureOptions === null || featureOptions === void 0 ? void 0 : featureOptions.defaultViewOverlay) === null || _c === void 0 ? void 0 : _c.enableScheduleAnimationViewOverlay)) {
+        return (React.createElement("div", { className: "uifw-view-overlay" },
+            React.createElement("div", { className: "uifw-animation-overlay" },
+                React.createElement(TimelineComponent, { startDate: scheduleTimelineDataProvider.start, endDate: scheduleTimelineDataProvider.end, initialDuration: scheduleTimelineDataProvider.initialDuration, totalDuration: scheduleTimelineDataProvider.duration, minimized: true, onChange: scheduleTimelineDataProvider.onAnimationFractionChanged, onPlayPause: onPlayPause }))));
+    }
+    return null;
+}
 //# sourceMappingURL=DefaultViewOverlay.js.map

package/lib/esm/appui-react/content/DefaultViewOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultViewOverlay.js","sourceRoot":"","sources":["../../../../src/appui-react/content/DefaultViewOverlay.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAE,gCAAgC,EAAE,MAAM,2CAA2C,CAAC;AAC7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,gCAAgC,EAAE,MAAM,2CAA2C,CAAC;AAW7F;;;;GAIG;AACH,uBAAuB;AACvB,MAAM,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAoB;;IAC5F,MAAM,yBAAyB,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACjE,MAAM,qCAAqC,GAAG,gCAAgC,CAAC,QAAQ,CAAC,CAAC;IACzF,MAAM,4BAA4B,GAAG,gCAAgC,CAAC,QAAQ,CAAC,CAAC;IAChF,MAAM,eAAe,GAAG,iBAAiB,EAAE,CAAC;IAE5C,IAAI,CAAC,eAAe;QAClB,OAAO,IAAI,CAAC;IAEd,wBAAwB;IACxB,IAAI,yBAAyB,IAAI,CAAC,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB,0CAAE,8BAA8B,CAAA,EAAE;QACrG,OAAO,CACL,6BAAK,SAAS,EAAC,mBAAmB;YAChC,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,aAAa,IAAC,YAAY,EAAE,yBAAyB,GAAI,CACtD,CACF,CACP,CAAC;KACH;IAED,IAAI,qCAAqC,IAAI,CAAC,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB,0CAAE,iCAAiC,CAAA,EAAE;QACpH,OAAO,CACL,6BAAK,SAAS,EAAC,mBAAmB;YAChC,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,iBAAiB,IAChB,SAAS,EAAE,qCAAqC,CAAC,KAAK,EACtD,OAAO,EAAE,qCAAqC,CAAC,GAAG,EAClD,eAAe,EAAE,qCAAqC,CAAC,eAAe,EACtE,aAAa,EAAE,qCAAqC,CAAC,QAAQ,EAC7D,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,qCAAqC,CAAC,0BAA0B,EAC1E,WAAW,EAAE,WAAW,GACxB,CACE,CACF,CACP,CAAC;KACH;IAED,IAAI,4BAA4B,IAAI,CAAC,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB,0CAAE,kCAAkC,CAAA,EAAE;QAC5G,OAAO,CACL,6BAAK,SAAS,EAAC,mBAAmB;YAChC,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,iBAAiB,IAChB,SAAS,EAAE,4BAA4B,CAAC,KAAK,EAC7C,OAAO,EAAE,4BAA4B,CAAC,GAAG,EACzC,eAAe,EAAE,4BAA4B,CAAC,eAAe,EAC7D,aAAa,EAAE,4BAA4B,CAAC,QAAQ,EACpD,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,4BAA4B,CAAC,0BAA0B,EACjE,WAAW,EAAE,WAAW,GACxB,CACE,CACF,CACP,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContentView\r\n */\r\n\r\nimport \"./DefaultViewOverlay.scss\";\r\nimport * as React from \"react\";\r\nimport { ScreenViewport } from \"@itwin/core-frontend\";\r\nimport { SolarTimeline, TimelineComponent } from \"@itwin/imodel-components-react\";\r\nimport { useScheduleAnimationDataProvider } from \"../hooks/useScheduleAnimationDataProvider\";\r\nimport { useActiveViewport } from \"../hooks/useActiveViewport\";\r\nimport { useSolarDataProvider } from \"../hooks/useSolarDataProvider\";\r\nimport { useAnalysisAnimationDataProvider } from \"../hooks/useAnalysisAnimationDataProvider\";\r\n\r\n/** Props of Viewport Overlay Control that show timelines\r\n * @public\r\n */\r\nexport interface ViewOverlayProps {\r\n  viewport: ScreenViewport;\r\n  onPlayPause?: (playing: boolean) => void; // callback with play/pause button is pressed\r\n  featureOptions?: { [key: string]: any };\r\n}\r\n\r\n/**\r\n * Default viewport overlay that examines ViewState of the active view for a schedule script, analysis data, or solar data. If one of these is detected, the corresponding\r\n * data provider is attached to the TimelineComponent and the overlay is made visible.\r\n * @public\r\n */\r\n// istanbul ignore next\r\nexport function DefaultViewOverlay({ viewport, onPlayPause, featureOptions }: ViewOverlayProps) {\r\n  const solarDataTimelineProvider = useSolarDataProvider(viewport);\r\n  const analysisAnimationTimelineDataProvider = useAnalysisAnimationDataProvider(viewport);\r\n  const scheduleTimelineDataProvider = useScheduleAnimationDataProvider(viewport);\r\n  const currentViewport = useActiveViewport();\r\n\r\n  if (!currentViewport)\r\n    return null;\r\n\r\n  // Solar gets first shot\r\n  if (solarDataTimelineProvider && !!featureOptions?.defaultViewOverlay?.enableSolarTimelineViewOverlay) {\r\n    return (\r\n      <div className=\"uifw-view-overlay\">\r\n        <div className=\"uifw-animation-overlay\">\r\n          <SolarTimeline dataProvider={solarDataTimelineProvider} />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (analysisAnimationTimelineDataProvider && !!featureOptions?.defaultViewOverlay?.enableAnalysisTimelineViewOverlay) {\r\n    return (\r\n      <div className=\"uifw-view-overlay\">\r\n        <div className=\"uifw-animation-overlay\">\r\n          <TimelineComponent\r\n            startDate={analysisAnimationTimelineDataProvider.start}\r\n            endDate={analysisAnimationTimelineDataProvider.end}\r\n            initialDuration={analysisAnimationTimelineDataProvider.initialDuration}\r\n            totalDuration={analysisAnimationTimelineDataProvider.duration}\r\n            minimized={true}\r\n            onChange={analysisAnimationTimelineDataProvider.onAnimationFractionChanged}\r\n            onPlayPause={onPlayPause}\r\n          />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (scheduleTimelineDataProvider && !!featureOptions?.defaultViewOverlay?.enableScheduleAnimationViewOverlay) {\r\n    return (\r\n      <div className=\"uifw-view-overlay\">\r\n        <div className=\"uifw-animation-overlay\">\r\n          <TimelineComponent\r\n            startDate={scheduleTimelineDataProvider.start}\r\n            endDate={scheduleTimelineDataProvider.end}\r\n            initialDuration={scheduleTimelineDataProvider.initialDuration}\r\n            totalDuration={scheduleTimelineDataProvider.duration}\r\n            minimized={true}\r\n            onChange={scheduleTimelineDataProvider.onAnimationFractionChanged}\r\n            onPlayPause={onPlayPause}\r\n          />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return null;\r\n}\r\n"]}
+{"version":3,"file":"DefaultViewOverlay.js","sourceRoot":"","sources":["../../../../src/appui-react/content/DefaultViewOverlay.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAE,gCAAgC,EAAE,MAAM,2CAA2C,CAAC;AAC7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,gCAAgC,EAAE,MAAM,2CAA2C,CAAC;AAW7F;;;;GAIG;AACH,uBAAuB;AACvB,MAAM,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAoB;;IAC5F,MAAM,yBAAyB,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACjE,MAAM,qCAAqC,GAAG,gCAAgC,CAAC,QAAQ,CAAC,CAAC;IACzF,MAAM,4BAA4B,GAAG,gCAAgC,CAAC,QAAQ,CAAC,CAAC;IAChF,MAAM,eAAe,GAAG,iBAAiB,EAAE,CAAC;IAE5C,IAAI,CAAC,eAAe;QAClB,OAAO,IAAI,CAAC;IAEd,wBAAwB;IACxB,IAAI,yBAAyB,IAAI,CAAC,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB,0CAAE,8BAA8B,CAAA,EAAE;QACrG,OAAO,CACL,6BAAK,SAAS,EAAC,mBAAmB;YAChC,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,aAAa,IAAC,YAAY,EAAE,yBAAyB,GAAI,CACtD,CACF,CACP,CAAC;KACH;IAED,IAAI,qCAAqC,IAAI,CAAC,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB,0CAAE,iCAAiC,CAAA,EAAE;QACpH,OAAO,CACL,6BAAK,SAAS,EAAC,mBAAmB;YAChC,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,iBAAiB,IAChB,SAAS,EAAE,qCAAqC,CAAC,KAAK,EACtD,OAAO,EAAE,qCAAqC,CAAC,GAAG,EAClD,eAAe,EAAE,qCAAqC,CAAC,eAAe,EACtE,aAAa,EAAE,qCAAqC,CAAC,QAAQ,EAC7D,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,qCAAqC,CAAC,0BAA0B,EAC1E,WAAW,EAAE,WAAW,GACxB,CACE,CACF,CACP,CAAC;KACH;IAED,IAAI,4BAA4B,IAAI,CAAC,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB,0CAAE,kCAAkC,CAAA,EAAE;QAC5G,OAAO,CACL,6BAAK,SAAS,EAAC,mBAAmB;YAChC,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,iBAAiB,IAChB,SAAS,EAAE,4BAA4B,CAAC,KAAK,EAC7C,OAAO,EAAE,4BAA4B,CAAC,GAAG,EACzC,eAAe,EAAE,4BAA4B,CAAC,eAAe,EAC7D,aAAa,EAAE,4BAA4B,CAAC,QAAQ,EACpD,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,4BAA4B,CAAC,0BAA0B,EACjE,WAAW,EAAE,WAAW,GACxB,CACE,CACF,CACP,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ContentView\n */\n\nimport \"./DefaultViewOverlay.scss\";\nimport * as React from \"react\";\nimport { ScreenViewport } from \"@itwin/core-frontend\";\nimport { SolarTimeline, TimelineComponent } from \"@itwin/imodel-components-react\";\nimport { useScheduleAnimationDataProvider } from \"../hooks/useScheduleAnimationDataProvider\";\nimport { useActiveViewport } from \"../hooks/useActiveViewport\";\nimport { useSolarDataProvider } from \"../hooks/useSolarDataProvider\";\nimport { useAnalysisAnimationDataProvider } from \"../hooks/useAnalysisAnimationDataProvider\";\n\n/** Props of Viewport Overlay Control that show timelines\n * @public\n */\nexport interface ViewOverlayProps {\n  viewport: ScreenViewport;\n  onPlayPause?: (playing: boolean) => void; // callback with play/pause button is pressed\n  featureOptions?: { [key: string]: any };\n}\n\n/**\n * Default viewport overlay that examines ViewState of the active view for a schedule script, analysis data, or solar data. If one of these is detected, the corresponding\n * data provider is attached to the TimelineComponent and the overlay is made visible.\n * @public\n */\n// istanbul ignore next\nexport function DefaultViewOverlay({ viewport, onPlayPause, featureOptions }: ViewOverlayProps) {\n  const solarDataTimelineProvider = useSolarDataProvider(viewport);\n  const analysisAnimationTimelineDataProvider = useAnalysisAnimationDataProvider(viewport);\n  const scheduleTimelineDataProvider = useScheduleAnimationDataProvider(viewport);\n  const currentViewport = useActiveViewport();\n\n  if (!currentViewport)\n    return null;\n\n  // Solar gets first shot\n  if (solarDataTimelineProvider && !!featureOptions?.defaultViewOverlay?.enableSolarTimelineViewOverlay) {\n    return (\n      <div className=\"uifw-view-overlay\">\n        <div className=\"uifw-animation-overlay\">\n          <SolarTimeline dataProvider={solarDataTimelineProvider} />\n        </div>\n      </div>\n    );\n  }\n\n  if (analysisAnimationTimelineDataProvider && !!featureOptions?.defaultViewOverlay?.enableAnalysisTimelineViewOverlay) {\n    return (\n      <div className=\"uifw-view-overlay\">\n        <div className=\"uifw-animation-overlay\">\n          <TimelineComponent\n            startDate={analysisAnimationTimelineDataProvider.start}\n            endDate={analysisAnimationTimelineDataProvider.end}\n            initialDuration={analysisAnimationTimelineDataProvider.initialDuration}\n            totalDuration={analysisAnimationTimelineDataProvider.duration}\n            minimized={true}\n            onChange={analysisAnimationTimelineDataProvider.onAnimationFractionChanged}\n            onPlayPause={onPlayPause}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  if (scheduleTimelineDataProvider && !!featureOptions?.defaultViewOverlay?.enableScheduleAnimationViewOverlay) {\n    return (\n      <div className=\"uifw-view-overlay\">\n        <div className=\"uifw-animation-overlay\">\n          <TimelineComponent\n            startDate={scheduleTimelineDataProvider.start}\n            endDate={scheduleTimelineDataProvider.end}\n            initialDuration={scheduleTimelineDataProvider.initialDuration}\n            totalDuration={scheduleTimelineDataProvider.duration}\n            minimized={true}\n            onChange={scheduleTimelineDataProvider.onAnimationFractionChanged}\n            onPlayPause={onPlayPause}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  return null;\n}\n"]}

package/lib/esm/appui-react/content/DefaultViewOverlay.scss

@@ -1,44 +1,44 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/z-index";
-@import "~@itwin/itwinui-css/scss/style/variables";
-
-// 40px is used to ensure scrubber is not drawn behind a widget tab
-.uifw-view-overlay {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  width: calc(100% - 80px);
-  height: auto;
-  position: absolute;
-  bottom: 10px;
-  left: 40px;
-  right: 40px;
-  pointer-events: none;
-  @include uicore-z-index(view-overlay);
-}
-
-$widget-transparency: 0.90;
-
-.uifw-animation-overlay {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 80%;
-  max-width: 1000px;
-  height: auto;
-  background: $buic-background-dialog;
-  border: 1px solid $buic-background-dialog-stroke;
-  border-radius: $iui-border-radius;
-  // overflow: hidden;
-  opacity: $widget-transparency;
-  pointer-events: auto;
-
-  &:hover {
-    opacity: 1.00;
-  }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@import "~@itwin/core-react/lib/cjs/core-react/z-index";
+@import "~@itwin/itwinui-css/scss/style/variables";
+
+// 40px is used to ensure scrubber is not drawn behind a widget tab
+.uifw-view-overlay {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: calc(100% - 80px);
+  height: auto;
+  position: absolute;
+  bottom: 10px;
+  left: 40px;
+  right: 40px;
+  pointer-events: none;
+  @include uicore-z-index(view-overlay);
+}
+
+$widget-transparency: 0.90;
+
+.uifw-animation-overlay {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 80%;
+  max-width: 1000px;
+  height: auto;
+  background: $buic-background-dialog;
+  border: 1px solid $buic-background-dialog-stroke;
+  border-radius: $iui-border-radius;
+  // overflow: hidden;
+  opacity: $widget-transparency;
+  pointer-events: auto;
+
+  &:hover {
+    opacity: 1.00;
+  }
 }

package/lib/esm/appui-react/content/FloatingViewportContent.css

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-.ViewportContentComponent {
-  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.
+*--------------------------------------------------------------------------------------------*/
+
+.ViewportContentComponent {
+  height: 100%;
+  width: 100%;
+}

package/lib/esm/appui-react/content/FloatingViewportContent.d.ts

@@ -1,25 +1,25 @@
-/** @packageDocumentation
- * @module ContentView
- */
-import "./FloatingViewportContent.css";
-import * as React from "react";
-import { ViewState } from "@itwin/core-frontend";
-/**
- * @beta
- */
-export interface FloatingViewportContentProps {
-    /** callback used to construct context menu when user right-clicks on canvas/viewport */
-    onContextMenu?: (e: React.MouseEvent) => boolean;
-    /** viewport/content control uniqueId */
-    contentId: string;
-    /** The initial view state used to create the viewport */
-    initialViewState: ViewState;
-}
-/**
- * FloatingViewportContent component that creates its own [FloatingViewportContentControl].
- * This allows it to be recognized as an "active" content control so that tools operate on this
- * content.
- * @beta
- */
-export declare function FloatingViewportContent(props: FloatingViewportContentProps): JSX.Element;
+/** @packageDocumentation
+ * @module ContentView
+ */
+import "./FloatingViewportContent.css";
+import * as React from "react";
+import { ViewState } from "@itwin/core-frontend";
+/**
+ * @beta
+ */
+export interface FloatingViewportContentProps {
+    /** callback used to construct context menu when user right-clicks on canvas/viewport */
+    onContextMenu?: (e: React.MouseEvent) => boolean;
+    /** viewport/content control uniqueId */
+    contentId: string;
+    /** The initial view state used to create the viewport */
+    initialViewState: ViewState;
+}
+/**
+ * FloatingViewportContent component that creates its own [FloatingViewportContentControl].
+ * This allows it to be recognized as an "active" content control so that tools operate on this
+ * content.
+ * @beta
+ */
+export declare function FloatingViewportContent(props: FloatingViewportContentProps): JSX.Element;
 //# sourceMappingURL=FloatingViewportContent.d.ts.map

package/lib/esm/appui-react/content/FloatingViewportContent.js

@@ -1,69 +1,69 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module ContentView
- */
-import "./FloatingViewportContent.css";
-import * as React from "react";
-import { IModelApp } from "@itwin/core-frontend";
-import { viewWithUnifiedSelection } from "@itwin/presentation-components";
-import { ViewportComponent } from "@itwin/imodel-components-react";
-import { FloatingViewportContentControl } from "./ViewportContentControl";
-import { ContentViewManager } from "./ContentViewManager";
-import { UiShowHideManager } from "../utils/UiShowHideManager";
-import { ContentWrapper } from "./ContentLayout";
-// eslint-disable-next-line @typescript-eslint/naming-convention
-const FloatingViewport = viewWithUnifiedSelection(ViewportComponent);
-/**
- * FloatingViewportContent component that creates its own [FloatingViewportContentControl].
- * This allows it to be recognized as an "active" content control so that tools operate on this
- * content.
- * @beta
- */
-// istanbul ignore next
-export function FloatingViewportContent(props) {
-    const { contentId, initialViewState } = props;
-    const [viewport, setViewport] = React.useState();
-    const contentControl = React.useRef();
-    const onViewportRef = React.useCallback((v) => setViewport(v), []);
-    React.useEffect(() => {
-        if (!contentControl.current) {
-            contentControl.current = new FloatingViewportContentControl(contentId, contentId, null);
-            ContentViewManager.addFloatingContentControl(contentControl.current);
-        }
-        return () => {
-            if (contentControl.current) {
-                ContentViewManager.dropFloatingContentControl(contentControl.current);
-                contentControl.current = undefined;
-            }
-        };
-    }, [contentId]);
-    const viewPortControl = React.useMemo(() => initialViewState ? (React.createElement(FloatingViewport, { viewportRef: onViewportRef, imodel: initialViewState.iModel, viewState: initialViewState, onContextMenu: props.onContextMenu, controlId: contentId })) : undefined, [onViewportRef, props.onContextMenu, initialViewState, contentId]);
-    React.useEffect(() => {
-        if (viewport && contentControl.current) {
-            contentControl.current.viewport = viewport;
-            if (null === contentControl.current.reactNode) {
-                contentControl.current.reactNode = viewPortControl;
-            }
-            if (initialViewState) {
-                // eslint-disable-next-line @typescript-eslint/no-floating-promises
-                contentControl.current.processViewSelectorChange(initialViewState.iModel, initialViewState.id, initialViewState, initialViewState.name);
-            }
-        }
-    }, [initialViewState, viewPortControl, viewport]);
-    React.useEffect(() => {
-        const onViewClose = (vp) => {
-            var _a;
-            if (((_a = contentControl.current) === null || _a === void 0 ? void 0 : _a.viewport) === vp) {
-                ContentViewManager.dropFloatingContentControl(contentControl.current);
-                contentControl.current = undefined;
-            }
-        };
-        return IModelApp.viewManager.onViewClose.addListener(onViewClose);
-    }, []);
-    return (React.createElement("div", { onMouseMove: UiShowHideManager.handleContentMouseMove, className: "uifw-dialog-imodel-content", style: { height: "100%", position: "relative" } },
-        React.createElement(ContentWrapper, { content: viewPortControl, style: { height: "100%", position: "relative" } })));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ContentView
+ */
+import "./FloatingViewportContent.css";
+import * as React from "react";
+import { IModelApp } from "@itwin/core-frontend";
+import { viewWithUnifiedSelection } from "@itwin/presentation-components";
+import { ViewportComponent } from "@itwin/imodel-components-react";
+import { FloatingViewportContentControl } from "./ViewportContentControl";
+import { ContentViewManager } from "./ContentViewManager";
+import { UiShowHideManager } from "../utils/UiShowHideManager";
+import { ContentWrapper } from "./ContentLayout";
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const FloatingViewport = viewWithUnifiedSelection(ViewportComponent);
+/**
+ * FloatingViewportContent component that creates its own [FloatingViewportContentControl].
+ * This allows it to be recognized as an "active" content control so that tools operate on this
+ * content.
+ * @beta
+ */
+// istanbul ignore next
+export function FloatingViewportContent(props) {
+    const { contentId, initialViewState } = props;
+    const [viewport, setViewport] = React.useState();
+    const contentControl = React.useRef();
+    const onViewportRef = React.useCallback((v) => setViewport(v), []);
+    React.useEffect(() => {
+        if (!contentControl.current) {
+            contentControl.current = new FloatingViewportContentControl(contentId, contentId, null);
+            ContentViewManager.addFloatingContentControl(contentControl.current);
+        }
+        return () => {
+            if (contentControl.current) {
+                ContentViewManager.dropFloatingContentControl(contentControl.current);
+                contentControl.current = undefined;
+            }
+        };
+    }, [contentId]);
+    const viewPortControl = React.useMemo(() => initialViewState ? (React.createElement(FloatingViewport, { viewportRef: onViewportRef, imodel: initialViewState.iModel, viewState: initialViewState, onContextMenu: props.onContextMenu, controlId: contentId })) : undefined, [onViewportRef, props.onContextMenu, initialViewState, contentId]);
+    React.useEffect(() => {
+        if (viewport && contentControl.current) {
+            contentControl.current.viewport = viewport;
+            if (null === contentControl.current.reactNode) {
+                contentControl.current.reactNode = viewPortControl;
+            }
+            if (initialViewState) {
+                // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                contentControl.current.processViewSelectorChange(initialViewState.iModel, initialViewState.id, initialViewState, initialViewState.name);
+            }
+        }
+    }, [initialViewState, viewPortControl, viewport]);
+    React.useEffect(() => {
+        const onViewClose = (vp) => {
+            var _a;
+            if (((_a = contentControl.current) === null || _a === void 0 ? void 0 : _a.viewport) === vp) {
+                ContentViewManager.dropFloatingContentControl(contentControl.current);
+                contentControl.current = undefined;
+            }
+        };
+        return IModelApp.viewManager.onViewClose.addListener(onViewClose);
+    }, []);
+    return (React.createElement("div", { onMouseMove: UiShowHideManager.handleContentMouseMove, className: "uifw-dialog-imodel-content", style: { height: "100%", position: "relative" } },
+        React.createElement(ContentWrapper, { content: viewPortControl, style: { height: "100%", position: "relative" } })));
+}
 //# sourceMappingURL=FloatingViewportContent.js.map

package/lib/esm/appui-react/content/FloatingViewportContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingViewportContent.js","sourceRoot":"","sources":["../../../../src/appui-react/content/FloatingViewportContent.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContentView\r\n */\r\n\r\nimport \"./FloatingViewportContent.css\";\r\nimport * as React from \"react\";\r\nimport { IModelApp, ScreenViewport, ViewState } from \"@itwin/core-frontend\";\r\nimport { viewWithUnifiedSelection } from \"@itwin/presentation-components\";\r\nimport { ViewportComponent } from \"@itwin/imodel-components-react\";\r\nimport { FloatingViewportContentControl } from \"./ViewportContentControl\";\r\nimport { ContentViewManager } from \"./ContentViewManager\";\r\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\r\nimport { ContentWrapper } from \"./ContentLayout\";\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nconst FloatingViewport = viewWithUnifiedSelection(ViewportComponent);\r\n\r\n/**\r\n * @beta\r\n */\r\nexport interface FloatingViewportContentProps {\r\n  /** callback used to construct context menu when user right-clicks on canvas/viewport */\r\n  onContextMenu?: (e: React.MouseEvent) => boolean;\r\n  /** viewport/content control uniqueId */\r\n  contentId: string;\r\n  /** The initial view state used to create the viewport */\r\n  initialViewState: ViewState;\r\n}\r\n\r\n/**\r\n * FloatingViewportContent component that creates its own [FloatingViewportContentControl].\r\n * This allows it to be recognized as an \"active\" content control so that tools operate on this\r\n * content.\r\n * @beta\r\n */\r\n// istanbul ignore next\r\nexport function FloatingViewportContent(props: FloatingViewportContentProps) { // eslint-disable-line @typescript-eslint/naming-convention\r\n  const { contentId, initialViewState } = props;\r\n  const [viewport, setViewport] = React.useState<ScreenViewport | undefined>();\r\n  const contentControl = React.useRef<FloatingViewportContentControl | undefined>();\r\n\r\n  const onViewportRef = React.useCallback((v: ScreenViewport) => setViewport(v), []);\r\n\r\n  React.useEffect(() => {\r\n    if (!contentControl.current) {\r\n      contentControl.current = new FloatingViewportContentControl(contentId, contentId, null);\r\n      ContentViewManager.addFloatingContentControl(contentControl.current);\r\n    }\r\n    return () => {\r\n      if (contentControl.current) {\r\n        ContentViewManager.dropFloatingContentControl(contentControl.current);\r\n        contentControl.current = undefined;\r\n      }\r\n    };\r\n  }, [contentId]);\r\n\r\n  const viewPortControl = React.useMemo(() =>\r\n    initialViewState ? (\r\n      <FloatingViewport\r\n        viewportRef={onViewportRef}\r\n        imodel={initialViewState.iModel}\r\n        viewState={initialViewState}\r\n        onContextMenu={props.onContextMenu}\r\n        controlId={contentId}\r\n      />\r\n    ) : undefined, [onViewportRef, props.onContextMenu, initialViewState, contentId]);\r\n\r\n  React.useEffect(() => {\r\n    if (viewport && contentControl.current) {\r\n      contentControl.current.viewport = viewport;\r\n      if (null === contentControl.current.reactNode) {\r\n        contentControl.current.reactNode = viewPortControl;\r\n      }\r\n      if (initialViewState) {\r\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n        contentControl.current.processViewSelectorChange(initialViewState.iModel, initialViewState.id, initialViewState, initialViewState.name);\r\n      }\r\n    }\r\n  }, [initialViewState, viewPortControl, viewport]);\r\n\r\n  React.useEffect(() => {\r\n    const onViewClose = (vp: ScreenViewport) => {\r\n      if (contentControl.current?.viewport === vp) {\r\n        ContentViewManager.dropFloatingContentControl(contentControl.current);\r\n        contentControl.current = undefined;\r\n      }\r\n    };\r\n    return IModelApp.viewManager.onViewClose.addListener(onViewClose);\r\n  }, []);\r\n\r\n  return (\r\n    <div onMouseMove={UiShowHideManager.handleContentMouseMove} className=\"uifw-dialog-imodel-content\" style={{ height: \"100%\", position: \"relative\" }}>\r\n      <ContentWrapper content={viewPortControl} style={{ height: \"100%\", position: \"relative\" }} />\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"FloatingViewportContent.js","sourceRoot":"","sources":["../../../../src/appui-react/content/FloatingViewportContent.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 ContentView\n */\n\nimport \"./FloatingViewportContent.css\";\nimport * as React from \"react\";\nimport { IModelApp, ScreenViewport, ViewState } from \"@itwin/core-frontend\";\nimport { viewWithUnifiedSelection } from \"@itwin/presentation-components\";\nimport { ViewportComponent } from \"@itwin/imodel-components-react\";\nimport { FloatingViewportContentControl } from \"./ViewportContentControl\";\nimport { ContentViewManager } from \"./ContentViewManager\";\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\nimport { ContentWrapper } from \"./ContentLayout\";\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nconst FloatingViewport = viewWithUnifiedSelection(ViewportComponent);\n\n/**\n * @beta\n */\nexport interface FloatingViewportContentProps {\n  /** callback used to construct context menu when user right-clicks on canvas/viewport */\n  onContextMenu?: (e: React.MouseEvent) => boolean;\n  /** viewport/content control uniqueId */\n  contentId: string;\n  /** The initial view state used to create the viewport */\n  initialViewState: ViewState;\n}\n\n/**\n * FloatingViewportContent component that creates its own [FloatingViewportContentControl].\n * This allows it to be recognized as an \"active\" content control so that tools operate on this\n * content.\n * @beta\n */\n// istanbul ignore next\nexport function FloatingViewportContent(props: FloatingViewportContentProps) { // eslint-disable-line @typescript-eslint/naming-convention\n  const { contentId, initialViewState } = props;\n  const [viewport, setViewport] = React.useState<ScreenViewport | undefined>();\n  const contentControl = React.useRef<FloatingViewportContentControl | undefined>();\n\n  const onViewportRef = React.useCallback((v: ScreenViewport) => setViewport(v), []);\n\n  React.useEffect(() => {\n    if (!contentControl.current) {\n      contentControl.current = new FloatingViewportContentControl(contentId, contentId, null);\n      ContentViewManager.addFloatingContentControl(contentControl.current);\n    }\n    return () => {\n      if (contentControl.current) {\n        ContentViewManager.dropFloatingContentControl(contentControl.current);\n        contentControl.current = undefined;\n      }\n    };\n  }, [contentId]);\n\n  const viewPortControl = React.useMemo(() =>\n    initialViewState ? (\n      <FloatingViewport\n        viewportRef={onViewportRef}\n        imodel={initialViewState.iModel}\n        viewState={initialViewState}\n        onContextMenu={props.onContextMenu}\n        controlId={contentId}\n      />\n    ) : undefined, [onViewportRef, props.onContextMenu, initialViewState, contentId]);\n\n  React.useEffect(() => {\n    if (viewport && contentControl.current) {\n      contentControl.current.viewport = viewport;\n      if (null === contentControl.current.reactNode) {\n        contentControl.current.reactNode = viewPortControl;\n      }\n      if (initialViewState) {\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        contentControl.current.processViewSelectorChange(initialViewState.iModel, initialViewState.id, initialViewState, initialViewState.name);\n      }\n    }\n  }, [initialViewState, viewPortControl, viewport]);\n\n  React.useEffect(() => {\n    const onViewClose = (vp: ScreenViewport) => {\n      if (contentControl.current?.viewport === vp) {\n        ContentViewManager.dropFloatingContentControl(contentControl.current);\n        contentControl.current = undefined;\n      }\n    };\n    return IModelApp.viewManager.onViewClose.addListener(onViewClose);\n  }, []);\n\n  return (\n    <div onMouseMove={UiShowHideManager.handleContentMouseMove} className=\"uifw-dialog-imodel-content\" style={{ height: \"100%\", position: \"relative\" }}>\n      <ContentWrapper content={viewPortControl} style={{ height: \"100%\", position: \"relative\" }} />\n    </div>\n  );\n}\n"]}