@itwin/appui-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/cjs/appui-react/content/ContentViewManager.js

@@ -1,96 +1,96 @@
-"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 ContentView
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentViewManager = void 0;
-const InternalContentViewManager_1 = require("./InternalContentViewManager");
-/** Content View Manager class.
- * @public
- * @deprecated in 3.7. Use `UiFramework.content` property
- */
-class ContentViewManager {
-    static get onMouseDownChangedEvent() { return InternalContentViewManager_1.InternalContentViewManager.onMouseDownChangedEvent; }
-    /** Determines if the mouse is down in a content view */
-    static get isMouseDown() {
-        return InternalContentViewManager_1.InternalContentViewManager.isMouseDown;
-    }
-    /** Sets the mouse down status for a content view */
-    static setMouseDown(mouseDown) {
-        return InternalContentViewManager_1.InternalContentViewManager.setMouseDown(mouseDown);
-    }
-    /** Gets the [[ActiveContentChangedEvent]] */
-    static get onActiveContentChangedEvent() { return InternalContentViewManager_1.InternalContentViewManager.onActiveContentChangedEvent; }
-    /** Fires when floating contents are added or removed */
-    static get onAvailableContentChangedEvent() { return InternalContentViewManager_1.InternalContentViewManager.onAvailableContentChangedEvent; }
-    /** Gets the active content as a React.ReactNode. */
-    static getActiveContent() {
-        return InternalContentViewManager_1.InternalContentViewManager.getActive();
-    }
-    /** Return the active ContentControl. */
-    static getActiveContentControl() {
-        return InternalContentViewManager_1.InternalContentViewManager.getActiveContentControl();
-    }
-    static addFloatingContentControl(contentControl) {
-        return InternalContentViewManager_1.InternalContentViewManager.addFloatingContentControl(contentControl);
-    }
-    static dropFloatingContentControl(contentControl) {
-        return InternalContentViewManager_1.InternalContentViewManager.dropFloatingContentControl(contentControl);
-    }
-    /** Sets the active [[ContentControl]] */
-    static setActiveContent(activeContent, forceEventProcessing = false) {
-        return InternalContentViewManager_1.InternalContentViewManager.setActive(activeContent, forceEventProcessing);
-    }
-    /** Refreshes the active [[ContentControl]] */
-    static refreshActiveContent(activeContent) {
-        return InternalContentViewManager_1.InternalContentViewManager.refreshActive(activeContent);
-    }
-    /**
-     * Determines if content displays a Sheet view.
-     * @param content ContentControl to check
-     */
-    static isContentSheetView(content) {
-        return InternalContentViewManager_1.InternalContentViewManager.isContentSheetView(content);
-    }
-    /**
-     * Determines if content displays a Drawing view.
-     * @param content ContentControl to check
-     */
-    static isContentDrawingView(content) {
-        return InternalContentViewManager_1.InternalContentViewManager.isContentDrawingView(content);
-    }
-    /**
-     * Determines if content displays a Spatial view.
-     * @param content ContentControl to check
-     */
-    static isContentSpatialView(content) {
-        return InternalContentViewManager_1.InternalContentViewManager.isContentSpatialView(content);
-    }
-    /**
-     * Determines if content displays a Orthographic view.
-     * @param content ContentControl to check
-     */
-    static isContentOrthographicView(content) {
-        return InternalContentViewManager_1.InternalContentViewManager.isContentOrthographicView(content);
-    }
-    /**
-     * Determines if content displays a 3d view.
-     * @param content ContentControl to check
-     */
-    static isContent3dView(content) {
-        return InternalContentViewManager_1.InternalContentViewManager.isContent3dView(content);
-    }
-    /**
-     * Determines if viewport supports use of a camera.
-     * @param content ContentControl to check
-     */
-    static contentSupportsCamera(content) {
-        return InternalContentViewManager_1.InternalContentViewManager.contentSupportsCamera(content);
-    }
-}
-exports.ContentViewManager = ContentViewManager;
+"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 ContentView
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentViewManager = void 0;
+const InternalContentViewManager_1 = require("./InternalContentViewManager");
+/** Content View Manager class.
+ * @public
+ * @deprecated in 3.7. Use `UiFramework.content` property
+ */
+class ContentViewManager {
+    static get onMouseDownChangedEvent() { return InternalContentViewManager_1.InternalContentViewManager.onMouseDownChangedEvent; }
+    /** Determines if the mouse is down in a content view */
+    static get isMouseDown() {
+        return InternalContentViewManager_1.InternalContentViewManager.isMouseDown;
+    }
+    /** Sets the mouse down status for a content view */
+    static setMouseDown(mouseDown) {
+        return InternalContentViewManager_1.InternalContentViewManager.setMouseDown(mouseDown);
+    }
+    /** Gets the [[ActiveContentChangedEvent]] */
+    static get onActiveContentChangedEvent() { return InternalContentViewManager_1.InternalContentViewManager.onActiveContentChangedEvent; }
+    /** Fires when floating contents are added or removed */
+    static get onAvailableContentChangedEvent() { return InternalContentViewManager_1.InternalContentViewManager.onAvailableContentChangedEvent; }
+    /** Gets the active content as a React.ReactNode. */
+    static getActiveContent() {
+        return InternalContentViewManager_1.InternalContentViewManager.getActive();
+    }
+    /** Return the active ContentControl. */
+    static getActiveContentControl() {
+        return InternalContentViewManager_1.InternalContentViewManager.getActiveContentControl();
+    }
+    static addFloatingContentControl(contentControl) {
+        return InternalContentViewManager_1.InternalContentViewManager.addFloatingContentControl(contentControl);
+    }
+    static dropFloatingContentControl(contentControl) {
+        return InternalContentViewManager_1.InternalContentViewManager.dropFloatingContentControl(contentControl);
+    }
+    /** Sets the active [[ContentControl]] */
+    static setActiveContent(activeContent, forceEventProcessing = false) {
+        return InternalContentViewManager_1.InternalContentViewManager.setActive(activeContent, forceEventProcessing);
+    }
+    /** Refreshes the active [[ContentControl]] */
+    static refreshActiveContent(activeContent) {
+        return InternalContentViewManager_1.InternalContentViewManager.refreshActive(activeContent);
+    }
+    /**
+     * Determines if content displays a Sheet view.
+     * @param content ContentControl to check
+     */
+    static isContentSheetView(content) {
+        return InternalContentViewManager_1.InternalContentViewManager.isContentSheetView(content);
+    }
+    /**
+     * Determines if content displays a Drawing view.
+     * @param content ContentControl to check
+     */
+    static isContentDrawingView(content) {
+        return InternalContentViewManager_1.InternalContentViewManager.isContentDrawingView(content);
+    }
+    /**
+     * Determines if content displays a Spatial view.
+     * @param content ContentControl to check
+     */
+    static isContentSpatialView(content) {
+        return InternalContentViewManager_1.InternalContentViewManager.isContentSpatialView(content);
+    }
+    /**
+     * Determines if content displays a Orthographic view.
+     * @param content ContentControl to check
+     */
+    static isContentOrthographicView(content) {
+        return InternalContentViewManager_1.InternalContentViewManager.isContentOrthographicView(content);
+    }
+    /**
+     * Determines if content displays a 3d view.
+     * @param content ContentControl to check
+     */
+    static isContent3dView(content) {
+        return InternalContentViewManager_1.InternalContentViewManager.isContent3dView(content);
+    }
+    /**
+     * Determines if viewport supports use of a camera.
+     * @param content ContentControl to check
+     */
+    static contentSupportsCamera(content) {
+        return InternalContentViewManager_1.InternalContentViewManager.contentSupportsCamera(content);
+    }
+}
+exports.ContentViewManager = ContentViewManager;
 //# sourceMappingURL=ContentViewManager.js.map

package/lib/cjs/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/cjs/appui-react/content/DefaultViewOverlay.js

@@ -1,51 +1,50 @@
-"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 ContentView
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultViewOverlay = void 0;
-require("./DefaultViewOverlay.scss");
-const React = require("react");
-const imodel_components_react_1 = require("@itwin/imodel-components-react");
-const useScheduleAnimationDataProvider_1 = require("../hooks/useScheduleAnimationDataProvider");
-const useActiveViewport_1 = require("../hooks/useActiveViewport");
-const useSolarDataProvider_1 = require("../hooks/useSolarDataProvider");
-const useAnalysisAnimationDataProvider_1 = require("../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
-function DefaultViewOverlay({ viewport, onPlayPause, featureOptions }) {
-    var _a, _b, _c;
-    const solarDataTimelineProvider = (0, useSolarDataProvider_1.useSolarDataProvider)(viewport);
-    const analysisAnimationTimelineDataProvider = (0, useAnalysisAnimationDataProvider_1.useAnalysisAnimationDataProvider)(viewport);
-    const scheduleTimelineDataProvider = (0, useScheduleAnimationDataProvider_1.useScheduleAnimationDataProvider)(viewport);
-    const currentViewport = (0, useActiveViewport_1.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(imodel_components_react_1.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(imodel_components_react_1.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(imodel_components_react_1.TimelineComponent, { startDate: scheduleTimelineDataProvider.start, endDate: scheduleTimelineDataProvider.end, initialDuration: scheduleTimelineDataProvider.initialDuration, totalDuration: scheduleTimelineDataProvider.duration, minimized: true, onChange: scheduleTimelineDataProvider.onAnimationFractionChanged, onPlayPause: onPlayPause }))));
-    }
-    return null;
-}
-exports.DefaultViewOverlay = DefaultViewOverlay;
+"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 ContentView
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultViewOverlay = void 0;
+require("./DefaultViewOverlay.scss");
+const React = require("react");
+const imodel_components_react_1 = require("@itwin/imodel-components-react");
+const useScheduleAnimationDataProvider_1 = require("../hooks/useScheduleAnimationDataProvider");
+const useActiveViewport_1 = require("../hooks/useActiveViewport");
+const useSolarDataProvider_1 = require("../hooks/useSolarDataProvider");
+const useAnalysisAnimationDataProvider_1 = require("../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
+function DefaultViewOverlay({ viewport, onPlayPause, featureOptions }) {
+    const solarDataTimelineProvider = (0, useSolarDataProvider_1.useSolarDataProvider)(viewport);
+    const analysisAnimationTimelineDataProvider = (0, useAnalysisAnimationDataProvider_1.useAnalysisAnimationDataProvider)(viewport);
+    const scheduleTimelineDataProvider = (0, useScheduleAnimationDataProvider_1.useScheduleAnimationDataProvider)(viewport);
+    const currentViewport = (0, useActiveViewport_1.useActiveViewport)();
+    if (!currentViewport)
+        return null;
+    // Solar gets first shot
+    if (solarDataTimelineProvider && !!featureOptions?.defaultViewOverlay?.enableSolarTimelineViewOverlay) {
+        return (React.createElement("div", { className: "uifw-view-overlay" },
+            React.createElement("div", { className: "uifw-animation-overlay" },
+                React.createElement(imodel_components_react_1.SolarTimeline, { dataProvider: solarDataTimelineProvider }))));
+    }
+    if (analysisAnimationTimelineDataProvider && !!featureOptions?.defaultViewOverlay?.enableAnalysisTimelineViewOverlay) {
+        return (React.createElement("div", { className: "uifw-view-overlay" },
+            React.createElement("div", { className: "uifw-animation-overlay" },
+                React.createElement(imodel_components_react_1.TimelineComponent, { startDate: analysisAnimationTimelineDataProvider.start, endDate: analysisAnimationTimelineDataProvider.end, initialDuration: analysisAnimationTimelineDataProvider.initialDuration, totalDuration: analysisAnimationTimelineDataProvider.duration, minimized: true, onChange: analysisAnimationTimelineDataProvider.onAnimationFractionChanged, onPlayPause: onPlayPause }))));
+    }
+    if (scheduleTimelineDataProvider && !!featureOptions?.defaultViewOverlay?.enableScheduleAnimationViewOverlay) {
+        return (React.createElement("div", { className: "uifw-view-overlay" },
+            React.createElement("div", { className: "uifw-animation-overlay" },
+                React.createElement(imodel_components_react_1.TimelineComponent, { startDate: scheduleTimelineDataProvider.start, endDate: scheduleTimelineDataProvider.end, initialDuration: scheduleTimelineDataProvider.initialDuration, totalDuration: scheduleTimelineDataProvider.duration, minimized: true, onChange: scheduleTimelineDataProvider.onAnimationFractionChanged, onPlayPause: onPlayPause }))));
+    }
+    return null;
+}
+exports.DefaultViewOverlay = DefaultViewOverlay;
 //# sourceMappingURL=DefaultViewOverlay.js.map

package/lib/cjs/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,qCAAmC;AACnC,+BAA+B;AAE/B,4EAAkF;AAClF,gGAA6F;AAC7F,kEAA+D;AAC/D,wEAAqE;AACrE,gGAA6F;AAW7F;;;;GAIG;AACH,uBAAuB;AACvB,SAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAoB;;IAC5F,MAAM,yBAAyB,GAAG,IAAA,2CAAoB,EAAC,QAAQ,CAAC,CAAC;IACjE,MAAM,qCAAqC,GAAG,IAAA,mEAAgC,EAAC,QAAQ,CAAC,CAAC;IACzF,MAAM,4BAA4B,GAAG,IAAA,mEAAgC,EAAC,QAAQ,CAAC,CAAC;IAChF,MAAM,eAAe,GAAG,IAAA,qCAAiB,GAAE,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,uCAAa,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,2CAAiB,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,2CAAiB,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;AAzDD,gDAyDC","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,qCAAmC;AACnC,+BAA+B;AAE/B,4EAAkF;AAClF,gGAA6F;AAC7F,kEAA+D;AAC/D,wEAAqE;AACrE,gGAA6F;AAW7F;;;;GAIG;AACH,uBAAuB;AACvB,SAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAoB;IAC5F,MAAM,yBAAyB,GAAG,IAAA,2CAAoB,EAAC,QAAQ,CAAC,CAAC;IACjE,MAAM,qCAAqC,GAAG,IAAA,mEAAgC,EAAC,QAAQ,CAAC,CAAC;IACzF,MAAM,4BAA4B,GAAG,IAAA,mEAAgC,EAAC,QAAQ,CAAC,CAAC;IAChF,MAAM,eAAe,GAAG,IAAA,qCAAiB,GAAE,CAAC;IAE5C,IAAI,CAAC,eAAe;QAClB,OAAO,IAAI,CAAC;IAEd,wBAAwB;IACxB,IAAI,yBAAyB,IAAI,CAAC,CAAC,cAAc,EAAE,kBAAkB,EAAE,8BAA8B,EAAE;QACrG,OAAO,CACL,6BAAK,SAAS,EAAC,mBAAmB;YAChC,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,uCAAa,IAAC,YAAY,EAAE,yBAAyB,GAAI,CACtD,CACF,CACP,CAAC;KACH;IAED,IAAI,qCAAqC,IAAI,CAAC,CAAC,cAAc,EAAE,kBAAkB,EAAE,iCAAiC,EAAE;QACpH,OAAO,CACL,6BAAK,SAAS,EAAC,mBAAmB;YAChC,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,2CAAiB,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,cAAc,EAAE,kBAAkB,EAAE,kCAAkC,EAAE;QAC5G,OAAO,CACL,6BAAK,SAAS,EAAC,mBAAmB;YAChC,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,2CAAiB,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;AAzDD,gDAyDC","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"]}

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

@@ -1,32 +1,32 @@
-/** @packageDocumentation
- * @module ContentView
- */
-import * as React from "react";
-import { ScreenViewport } from "@itwin/core-frontend";
-import { ViewStateProp } from "@itwin/imodel-components-react";
-/**
- * @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, or a function that returns it (will refresh when the function changes) */
-    initialViewState: ViewStateProp;
-    /** Function to get a reference to the ScreenViewport */
-    viewportRef?: React.Ref<ScreenViewport>;
-}
-/** @beta */
-export declare function FloatingViewportContent(props: FloatingViewportContentProps): JSX.Element;
-/** @alpha */
-export interface FloatingViewportContentWrapperProps {
-    readonly children?: React.ReactNode;
-}
-/** @alpha */
-export declare function FloatingViewportContentWrapper({ children }: FloatingViewportContentWrapperProps): JSX.Element;
-/** @alpha */
-export declare function useFloatingViewport(args: FloatingViewportContentProps): {
-    viewportControl: JSX.Element;
-};
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+import { ScreenViewport } from "@itwin/core-frontend";
+import { ViewStateProp } from "@itwin/imodel-components-react";
+/**
+ * @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, or a function that returns it (will refresh when the function changes) */
+    initialViewState: ViewStateProp;
+    /** Function to get a reference to the ScreenViewport */
+    viewportRef?: React.Ref<ScreenViewport>;
+}
+/** @beta */
+export declare function FloatingViewportContent(props: FloatingViewportContentProps): JSX.Element;
+/** @alpha */
+export interface FloatingViewportContentWrapperProps {
+    readonly children?: React.ReactNode;
+}
+/** @alpha */
+export declare function FloatingViewportContentWrapper({ children }: FloatingViewportContentWrapperProps): JSX.Element;
+/** @alpha */
+export declare function useFloatingViewport(args: FloatingViewportContentProps): {
+    viewportControl: JSX.Element;
+};
 //# sourceMappingURL=FloatingViewportContent.d.ts.map

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

@@ -1,80 +1,79 @@
-"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 ContentView
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFloatingViewport = exports.FloatingViewportContentWrapper = exports.FloatingViewportContent = void 0;
-const React = require("react");
-const core_frontend_1 = require("@itwin/core-frontend");
-const imodel_components_react_1 = require("@itwin/imodel-components-react");
-const ViewportContentControl_1 = require("./ViewportContentControl");
-const ContentLayout_1 = require("./ContentLayout");
-const UiFramework_1 = require("../UiFramework");
-const core_react_1 = require("@itwin/core-react");
-/** @beta */
-function FloatingViewportContent(props) {
-    const { viewportControl } = useFloatingViewport(props);
-    return (React.createElement(FloatingViewportContentWrapper, null, viewportControl));
-}
-exports.FloatingViewportContent = FloatingViewportContent;
-/** @alpha */
-function FloatingViewportContentWrapper({ children }) {
-    return (React.createElement("div", { onMouseMove: UiFramework_1.UiFramework.visibility.handleContentMouseMove, className: "uifw-dialog-imodel-content", style: { height: "100%", position: "relative" } },
-        React.createElement(ContentLayout_1.ContentWrapper, { content: children, style: { height: "100%", position: "relative" } })));
-}
-exports.FloatingViewportContentWrapper = FloatingViewportContentWrapper;
-/** @alpha */
-function useFloatingViewport(args) {
-    const { contentId, initialViewState, onContextMenu, viewportRef } = args;
-    const [viewport, setViewport] = React.useState();
-    const contentControl = React.useRef();
-    const viewState = React.useMemo(() => typeof initialViewState === "function" ? initialViewState() : initialViewState, [initialViewState]);
-    const ref = React.useCallback((v) => {
-        setViewport(v);
-    }, []);
-    const refs = (0, core_react_1.useRefs)(ref, viewportRef);
-    const viewportControl = React.useMemo(() => {
-        const node = React.createElement(imodel_components_react_1.ViewportComponent, { key: contentId, imodel: viewState.iModel, viewState: viewState, controlId: contentId, onContextMenu: onContextMenu, viewportRef: refs });
-        return node;
-    }, [refs, onContextMenu, viewState, contentId]);
-    React.useEffect(() => {
-        if (!contentControl.current) {
-            contentControl.current = new ViewportContentControl_1.FloatingViewportContentControl(contentId, contentId, null);
-            UiFramework_1.UiFramework.content.addFloatingContentControl(contentControl.current);
-        }
-        return () => {
-            if (contentControl.current) {
-                UiFramework_1.UiFramework.content.dropFloatingContentControl(contentControl.current);
-                contentControl.current = undefined;
-            }
-        };
-    }, [contentId]);
-    React.useEffect(() => {
-        if (viewport && contentControl.current) {
-            contentControl.current.viewport = viewport;
-            if (null === contentControl.current.reactNode) {
-                contentControl.current.reactNode = viewportControl;
-            }
-            void contentControl.current.viewport.changeView(viewState);
-        }
-    }, [viewState, viewport, viewportControl]);
-    React.useEffect(() => {
-        const onViewClose = (vp) => {
-            var _a;
-            if (((_a = contentControl.current) === null || _a === void 0 ? void 0 : _a.viewport) === vp) {
-                UiFramework_1.UiFramework.content.dropFloatingContentControl(contentControl.current);
-                contentControl.current = undefined;
-            }
-        };
-        return core_frontend_1.IModelApp.viewManager.onViewClose.addListener(onViewClose);
-    }, []);
-    return {
-        viewportControl,
-    };
-}
-exports.useFloatingViewport = useFloatingViewport;
+"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 ContentView
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFloatingViewport = exports.FloatingViewportContentWrapper = exports.FloatingViewportContent = void 0;
+const React = require("react");
+const core_frontend_1 = require("@itwin/core-frontend");
+const imodel_components_react_1 = require("@itwin/imodel-components-react");
+const ViewportContentControl_1 = require("./ViewportContentControl");
+const ContentLayout_1 = require("./ContentLayout");
+const UiFramework_1 = require("../UiFramework");
+const core_react_1 = require("@itwin/core-react");
+/** @beta */
+function FloatingViewportContent(props) {
+    const { viewportControl } = useFloatingViewport(props);
+    return (React.createElement(FloatingViewportContentWrapper, null, viewportControl));
+}
+exports.FloatingViewportContent = FloatingViewportContent;
+/** @alpha */
+function FloatingViewportContentWrapper({ children }) {
+    return (React.createElement("div", { onMouseMove: UiFramework_1.UiFramework.visibility.handleContentMouseMove, className: "uifw-dialog-imodel-content", style: { height: "100%", position: "relative" } },
+        React.createElement(ContentLayout_1.ContentWrapper, { content: children, style: { height: "100%", position: "relative" } })));
+}
+exports.FloatingViewportContentWrapper = FloatingViewportContentWrapper;
+/** @alpha */
+function useFloatingViewport(args) {
+    const { contentId, initialViewState, onContextMenu, viewportRef } = args;
+    const [viewport, setViewport] = React.useState();
+    const contentControl = React.useRef();
+    const viewState = React.useMemo(() => typeof initialViewState === "function" ? initialViewState() : initialViewState, [initialViewState]);
+    const ref = React.useCallback((v) => {
+        setViewport(v);
+    }, []);
+    const refs = (0, core_react_1.useRefs)(ref, viewportRef);
+    const viewportControl = React.useMemo(() => {
+        const node = React.createElement(imodel_components_react_1.ViewportComponent, { key: contentId, imodel: viewState.iModel, viewState: viewState, controlId: contentId, onContextMenu: onContextMenu, viewportRef: refs });
+        return node;
+    }, [refs, onContextMenu, viewState, contentId]);
+    React.useEffect(() => {
+        if (!contentControl.current) {
+            contentControl.current = new ViewportContentControl_1.FloatingViewportContentControl(contentId, contentId, null);
+            UiFramework_1.UiFramework.content.addFloatingContentControl(contentControl.current);
+        }
+        return () => {
+            if (contentControl.current) {
+                UiFramework_1.UiFramework.content.dropFloatingContentControl(contentControl.current);
+                contentControl.current = undefined;
+            }
+        };
+    }, [contentId]);
+    React.useEffect(() => {
+        if (viewport && contentControl.current) {
+            contentControl.current.viewport = viewport;
+            if (null === contentControl.current.reactNode) {
+                contentControl.current.reactNode = viewportControl;
+            }
+            void contentControl.current.viewport.changeView(viewState);
+        }
+    }, [viewState, viewport, viewportControl]);
+    React.useEffect(() => {
+        const onViewClose = (vp) => {
+            if (contentControl.current?.viewport === vp) {
+                UiFramework_1.UiFramework.content.dropFloatingContentControl(contentControl.current);
+                contentControl.current = undefined;
+            }
+        };
+        return core_frontend_1.IModelApp.viewManager.onViewClose.addListener(onViewClose);
+    }, []);
+    return {
+        viewportControl,
+    };
+}
+exports.useFloatingViewport = useFloatingViewport;
 //# sourceMappingURL=FloatingViewportContent.js.map