@itwin/imodel-components-react 3.6.0-dev.8 → 4.0.0-dev.2

package/lib/esm/imodel-components-react/viewport/ViewportComponent.js

@@ -1,252 +1,252 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Viewport
- */
-import * as React from "react";
-import { Logger } from "@itwin/core-bentley";
-import { Transform } from "@itwin/core-geometry";
-import { NpcCenter } from "@itwin/core-common";
-import { IModelApp, ScreenViewport, ToolSettings, ViewState, } from "@itwin/core-frontend";
-import { ViewportComponentEvents, } from "./ViewportComponentEvents";
-/**
- * A viewport React component that creates a ScreenViewport.
- * @public
- */
-export function ViewportComponent(props) {
-    const { viewState, imodel, viewDefinitionId, getViewOverlay, viewManagerOverride, tentativePointOverride, onContextMenu, style, className, screenViewportOverride, controlId, viewportRef } = props;
-    // istanbul ignore next
-    const viewManagerRef = React.useRef(viewManagerOverride !== null && viewManagerOverride !== void 0 ? viewManagerOverride : IModelApp.viewManager);
-    const tentativePointOverrideRef = React.useRef(tentativePointOverride);
-    const screenViewportCreated = React.useRef(false);
-    const viewportDiv = React.useRef(null);
-    const screenViewportRef = React.useRef(null);
-    const isMounted = React.useRef(false);
-    const viewClassFullName = React.useRef("");
-    const viewId = React.useRef("0");
-    // istanbul ignore next
-    const handleViewChanged = (vp) => {
-        // istanbul ignore next
-        if (!(vp.iModel.isOpen || vp.iModel.isBlank))
-            return;
-        ViewportComponentEvents.setViewMatrix(vp);
-        if (viewClassFullName.current !== vp.view.classFullName) {
-            setTimeout(() => {
-                ViewportComponentEvents.onViewClassFullNameChangedEvent.emit({ viewport: vp, oldName: viewClassFullName.current, newName: vp.view.classFullName });
-                viewClassFullName.current = vp.view.classFullName;
-            });
-        }
-        if (viewId.current !== vp.view.id) {
-            setTimeout(() => {
-                ViewportComponentEvents.onViewIdChangedEvent.emit({ viewport: vp, oldId: viewId.current, newId: vp.view.id });
-                viewId.current = vp.view.id;
-            });
-        }
-    };
-    const handleStandardRotationChangeEvent = (args) => {
-        const viewManager = viewManagerRef.current;
-        const currentScreenViewport = screenViewportRef.current;
-        if (currentScreenViewport && viewManager.selectedView === currentScreenViewport) {
-            currentScreenViewport.view.setRotationAboutPoint(ViewState.getStandardViewMatrix(args.standardRotation));
-            currentScreenViewport.synchWithView();
-        }
-    };
-    const handleDrawingViewportChangeEvent = (args) => {
-        const viewManager = viewManagerRef.current;
-        const currentScreenViewport = screenViewportRef.current;
-        if (currentScreenViewport && viewManager.selectedView === currentScreenViewport) {
-            currentScreenViewport.view.setOrigin(args.origin);
-            currentScreenViewport.view.setRotation(args.rotation);
-            currentScreenViewport.synchWithView({ noSaveInUndo: args.complete !== true });
-        }
-    };
-    const targetPoint = React.useRef(null);
-    const getRotatePoint = (vp) => {
-        var _a, _b;
-        const lastTargetPoint = targetPoint.current;
-        // istanbul ignore next
-        const tentativePoint = (_a = tentativePointOverrideRef.current) !== null && _a !== void 0 ? _a : IModelApp.tentativePoint;
-        // istanbul ignore else
-        if (tentativePoint.isActive)
-            return tentativePoint.getPoint();
-        // istanbul ignore else
-        if (undefined !== vp.viewCmdTargetCenter) {
-            const testPt = vp.worldToView(vp.viewCmdTargetCenter);
-            const viewRect = vp.viewRect;
-            if (viewRect.containsPoint(testPt))
-                return vp.viewCmdTargetCenter;
-            vp.viewCmdTargetCenter = undefined;
-        }
-        // istanbul ignore else
-        if (null !== lastTargetPoint) {
-            const testPt = vp.worldToView(lastTargetPoint);
-            const viewRect = vp.viewRect.clone();
-            viewRect.scaleAboutCenter(0.25, 0.25);
-            // istanbul ignore next hard to reach because of mocks
-            if (viewRect.containsPoint(testPt))
-                return lastTargetPoint;
-            targetPoint.current = null;
-        }
-        const visiblePoint = vp.pickNearestVisibleGeometry(vp.npcToWorld(NpcCenter), vp.pixelsFromInches(ToolSettings.viewToolPickRadiusInches));
-        targetPoint.current = (undefined !== visiblePoint ? visiblePoint : vp.view.getTargetPoint());
-        // istanbul ignore next
-        return (_b = targetPoint.current) !== null && _b !== void 0 ? _b : vp.view.getCenter();
-    };
-    const handleCubeRotationChangeEvent = (args) => {
-        const viewManager = viewManagerRef.current;
-        const currentScreenViewport = screenViewportRef.current;
-        // istanbul ignore else
-        if (currentScreenViewport && viewManager.selectedView === currentScreenViewport) {
-            const rotMatrix = args.rotMatrix;
-            // istanbul ignore else
-            if (currentScreenViewport.rotation !== rotMatrix) {
-                const inverse = rotMatrix.transpose(); // rotation is from current nav cube state...
-                const center = getRotatePoint(currentScreenViewport);
-                const targetMatrix = inverse.multiplyMatrixMatrix(currentScreenViewport.view.getRotation());
-                const worldTransform = Transform.createFixedPointAndMatrix(center, targetMatrix);
-                const frustum = currentScreenViewport.getWorldFrustum();
-                frustum.multiply(worldTransform);
-                currentScreenViewport.view.setupFromFrustum(frustum);
-                currentScreenViewport.synchWithView({ noSaveInUndo: !args.complete });
-            }
-        }
-    };
-    const handleDisconnectFromViewManager = () => {
-        const screenViewport = screenViewportRef.current;
-        if (screenViewport) {
-            const viewManager = IModelApp.viewManager;
-            screenViewport.onViewChanged.removeListener(handleViewChanged);
-            screenViewportRef.current = null;
-            screenViewportCreated.current = false;
-            ViewportComponentEvents.onDrawingViewportChangeEvent.removeListener(handleDrawingViewportChangeEvent);
-            ViewportComponentEvents.onCubeRotationChangeEvent.removeListener(handleCubeRotationChangeEvent);
-            ViewportComponentEvents.onStandardRotationChangeEvent.removeListener(handleStandardRotationChangeEvent);
-            viewManager.dropViewport(screenViewport, true);
-        }
-    };
-    // istanbul ignore next
-    const handleWindowUnload = () => {
-        const parentDiv = viewportDiv.current;
-        if (parentDiv) {
-            const parentWindow = parentDiv.ownerDocument.defaultView;
-            if (parentWindow !== window) {
-                handleDisconnectFromViewManager();
-            }
-        }
-    };
-    const getScreenViewport = (parentDiv, inViewState) => {
-        // istanbul ignore next
-        const screenViewportFactory = screenViewportOverride ? screenViewportOverride : ScreenViewport;
-        const parentWindow = parentDiv.ownerDocument.defaultView;
-        parentWindow.addEventListener("unload", handleWindowUnload, true); // listener clear after being called
-        ViewportComponentEvents.initialize();
-        ViewportComponentEvents.onDrawingViewportChangeEvent.addListener(handleDrawingViewportChangeEvent);
-        ViewportComponentEvents.onCubeRotationChangeEvent.addListener(handleCubeRotationChangeEvent);
-        ViewportComponentEvents.onStandardRotationChangeEvent.addListener(handleStandardRotationChangeEvent);
-        const screenViewport = screenViewportFactory.create(parentDiv, inViewState);
-        screenViewportCreated.current = true;
-        viewClassFullName.current = screenViewport.view.classFullName;
-        viewId.current = screenViewport.view.id;
-        screenViewport.onViewChanged.addListener(handleViewChanged);
-        return screenViewport;
-    };
-    React.useEffect(() => {
-        isMounted.current = true;
-        Logger.logInfo("ViewportComponent", `mounting ViewportComponent for controlId=${controlId}`);
-        return () => {
-            isMounted.current = false;
-            Logger.logInfo("ViewportComponent", `un-mounting ViewportComponent for controlId=${controlId}`);
-            handleDisconnectFromViewManager();
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    const [initialViewState, setInitialViewState] = React.useState(() => {
-        if (viewState) {
-            if (typeof viewState === "function")
-                return viewState().clone();
-            else
-                return viewState.clone();
-        }
-        return undefined;
-    });
-    React.useEffect(() => {
-        setInitialViewState(undefined);
-    }, [viewDefinitionId, viewState]);
-    React.useEffect(() => {
-        async function fetchInitialViewstate() {
-            let currentViewState;
-            if (viewState) {
-                if (typeof viewState === "function")
-                    currentViewState = viewState();
-                else
-                    currentViewState = viewState;
-            }
-            else if (viewDefinitionId && imodel) {
-                try {
-                    currentViewState = await imodel.views.load(viewDefinitionId);
-                    // istanbul ignore next
-                    if (!currentViewState) {
-                        Logger.logError("ViewportComponent", `Viewstate failed to load`);
-                    }
-                }
-                catch (_e) {
-                    // istanbul ignore next
-                    Logger.logError("ViewportComponent", `Viewstate failed to load`);
-                }
-            }
-            else {
-                Logger.logError("ViewportComponent", `A Viewstate or a viewId and imodel must be provided`);
-            }
-            // istanbul ignore next
-            if (isMounted.current && ((currentViewState === null || currentViewState === void 0 ? void 0 : currentViewState.iModel.isOpen) || (currentViewState === null || currentViewState === void 0 ? void 0 : currentViewState.iModel.isBlank))) {
-                setInitialViewState(currentViewState === null || currentViewState === void 0 ? void 0 : currentViewState.clone());
-            }
-        }
-        if (undefined === initialViewState)
-            fetchInitialViewstate(); // eslint-disable-line @typescript-eslint/no-floating-promises
-    }, [imodel, initialViewState, viewDefinitionId, viewState]);
-    const [viewOverlay, setViewOverlay] = React.useState(null);
-    // This useEffect connects to ViewManger as soon as initialViewState is available once component is mounted.
-    React.useEffect(() => {
-        var _a;
-        const parentDiv = viewportDiv.current;
-        const viewManager = viewManagerRef.current;
-        // istanbul ignore next
-        if (parentDiv && initialViewState && ((initialViewState === null || initialViewState === void 0 ? void 0 : initialViewState.iModel.isOpen) || (initialViewState === null || initialViewState === void 0 ? void 0 : initialViewState.iModel.isBlank))) {
-            if (!screenViewportCreated.current) {
-                const screenViewport = getScreenViewport(parentDiv, initialViewState);
-                screenViewportRef.current = screenViewport;
-                if (viewportRef)
-                    viewportRef(screenViewport);
-                Logger.logInfo("ViewportComponent", `processing viewManager.addViewport for controlId=${controlId}`);
-                viewManager.addViewport(screenViewport);
-                // overlay component is set up once a ScreenViewport is available. The overlay component must handle any view changes itself.
-                setViewOverlay(getViewOverlay ? getViewOverlay(screenViewport) : null);
-            }
-            else {
-                // istanbul ignore next
-                (_a = screenViewportRef.current) === null || _a === void 0 ? void 0 : _a.changeView(initialViewState);
-            }
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [controlId, initialViewState, viewportRef]);
-    const handleContextMenu = React.useCallback((e) => {
-        e.preventDefault();
-        if (onContextMenu)
-            onContextMenu(e);
-    }, [onContextMenu]);
-    const parentDivStyle = {
-        height: "100%", width: "100%", position: "relative",
-    };
-    const viewportDivStyle = {
-        ...style,
-        height: "100%", width: "100%",
-    };
-    return (React.createElement("div", { style: parentDivStyle, "data-item-id": controlId },
-        React.createElement(React.Fragment, null,
-            React.createElement("div", { ref: viewportDiv, "data-testid": "viewport-component", className: className, style: viewportDivStyle, onContextMenu: handleContextMenu }),
-            viewOverlay)));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Viewport
+ */
+import * as React from "react";
+import { Logger } from "@itwin/core-bentley";
+import { Transform } from "@itwin/core-geometry";
+import { NpcCenter } from "@itwin/core-common";
+import { IModelApp, ScreenViewport, ToolSettings, ViewState, } from "@itwin/core-frontend";
+import { ViewportComponentEvents, } from "./ViewportComponentEvents";
+/**
+ * A viewport React component that creates a ScreenViewport.
+ * @public
+ */
+export function ViewportComponent(props) {
+    const { viewState, imodel, viewDefinitionId, getViewOverlay, viewManagerOverride, tentativePointOverride, onContextMenu, style, className, screenViewportOverride, controlId, viewportRef } = props;
+    // istanbul ignore next
+    const viewManagerRef = React.useRef(viewManagerOverride !== null && viewManagerOverride !== void 0 ? viewManagerOverride : IModelApp.viewManager);
+    const tentativePointOverrideRef = React.useRef(tentativePointOverride);
+    const screenViewportCreated = React.useRef(false);
+    const viewportDiv = React.useRef(null);
+    const screenViewportRef = React.useRef(null);
+    const isMounted = React.useRef(false);
+    const viewClassFullName = React.useRef("");
+    const viewId = React.useRef("0");
+    // istanbul ignore next
+    const handleViewChanged = (vp) => {
+        // istanbul ignore next
+        if (!(vp.iModel.isOpen || vp.iModel.isBlank))
+            return;
+        ViewportComponentEvents.setViewMatrix(vp);
+        if (viewClassFullName.current !== vp.view.classFullName) {
+            setTimeout(() => {
+                ViewportComponentEvents.onViewClassFullNameChangedEvent.emit({ viewport: vp, oldName: viewClassFullName.current, newName: vp.view.classFullName });
+                viewClassFullName.current = vp.view.classFullName;
+            });
+        }
+        if (viewId.current !== vp.view.id) {
+            setTimeout(() => {
+                ViewportComponentEvents.onViewIdChangedEvent.emit({ viewport: vp, oldId: viewId.current, newId: vp.view.id });
+                viewId.current = vp.view.id;
+            });
+        }
+    };
+    const handleStandardRotationChangeEvent = (args) => {
+        const viewManager = viewManagerRef.current;
+        const currentScreenViewport = screenViewportRef.current;
+        if (currentScreenViewport && viewManager.selectedView === currentScreenViewport) {
+            currentScreenViewport.view.setRotationAboutPoint(ViewState.getStandardViewMatrix(args.standardRotation));
+            currentScreenViewport.synchWithView();
+        }
+    };
+    const handleDrawingViewportChangeEvent = (args) => {
+        const viewManager = viewManagerRef.current;
+        const currentScreenViewport = screenViewportRef.current;
+        if (currentScreenViewport && viewManager.selectedView === currentScreenViewport) {
+            currentScreenViewport.view.setOrigin(args.origin);
+            currentScreenViewport.view.setRotation(args.rotation);
+            currentScreenViewport.synchWithView({ noSaveInUndo: args.complete !== true });
+        }
+    };
+    const targetPoint = React.useRef(null);
+    const getRotatePoint = (vp) => {
+        var _a, _b;
+        const lastTargetPoint = targetPoint.current;
+        // istanbul ignore next
+        const tentativePoint = (_a = tentativePointOverrideRef.current) !== null && _a !== void 0 ? _a : IModelApp.tentativePoint;
+        // istanbul ignore else
+        if (tentativePoint.isActive)
+            return tentativePoint.getPoint();
+        // istanbul ignore else
+        if (undefined !== vp.viewCmdTargetCenter) {
+            const testPt = vp.worldToView(vp.viewCmdTargetCenter);
+            const viewRect = vp.viewRect;
+            if (viewRect.containsPoint(testPt))
+                return vp.viewCmdTargetCenter;
+            vp.viewCmdTargetCenter = undefined;
+        }
+        // istanbul ignore else
+        if (null !== lastTargetPoint) {
+            const testPt = vp.worldToView(lastTargetPoint);
+            const viewRect = vp.viewRect.clone();
+            viewRect.scaleAboutCenter(0.25, 0.25);
+            // istanbul ignore next hard to reach because of mocks
+            if (viewRect.containsPoint(testPt))
+                return lastTargetPoint;
+            targetPoint.current = null;
+        }
+        const visiblePoint = vp.pickNearestVisibleGeometry(vp.npcToWorld(NpcCenter), vp.pixelsFromInches(ToolSettings.viewToolPickRadiusInches));
+        targetPoint.current = (undefined !== visiblePoint ? visiblePoint : vp.view.getTargetPoint());
+        // istanbul ignore next
+        return (_b = targetPoint.current) !== null && _b !== void 0 ? _b : vp.view.getCenter();
+    };
+    const handleCubeRotationChangeEvent = (args) => {
+        const viewManager = viewManagerRef.current;
+        const currentScreenViewport = screenViewportRef.current;
+        // istanbul ignore else
+        if (currentScreenViewport && viewManager.selectedView === currentScreenViewport) {
+            const rotMatrix = args.rotMatrix;
+            // istanbul ignore else
+            if (currentScreenViewport.rotation !== rotMatrix) {
+                const inverse = rotMatrix.transpose(); // rotation is from current nav cube state...
+                const center = getRotatePoint(currentScreenViewport);
+                const targetMatrix = inverse.multiplyMatrixMatrix(currentScreenViewport.view.getRotation());
+                const worldTransform = Transform.createFixedPointAndMatrix(center, targetMatrix);
+                const frustum = currentScreenViewport.getWorldFrustum();
+                frustum.multiply(worldTransform);
+                currentScreenViewport.view.setupFromFrustum(frustum);
+                currentScreenViewport.synchWithView({ noSaveInUndo: !args.complete });
+            }
+        }
+    };
+    const handleDisconnectFromViewManager = () => {
+        const screenViewport = screenViewportRef.current;
+        if (screenViewport) {
+            const viewManager = IModelApp.viewManager;
+            screenViewport.onViewChanged.removeListener(handleViewChanged);
+            screenViewportRef.current = null;
+            screenViewportCreated.current = false;
+            ViewportComponentEvents.onDrawingViewportChangeEvent.removeListener(handleDrawingViewportChangeEvent);
+            ViewportComponentEvents.onCubeRotationChangeEvent.removeListener(handleCubeRotationChangeEvent);
+            ViewportComponentEvents.onStandardRotationChangeEvent.removeListener(handleStandardRotationChangeEvent);
+            viewManager.dropViewport(screenViewport, true);
+        }
+    };
+    // istanbul ignore next
+    const handleWindowUnload = () => {
+        const parentDiv = viewportDiv.current;
+        if (parentDiv) {
+            const parentWindow = parentDiv.ownerDocument.defaultView;
+            if (parentWindow !== window) {
+                handleDisconnectFromViewManager();
+            }
+        }
+    };
+    const getScreenViewport = (parentDiv, inViewState) => {
+        // istanbul ignore next
+        const screenViewportFactory = screenViewportOverride ? screenViewportOverride : ScreenViewport;
+        const parentWindow = parentDiv.ownerDocument.defaultView;
+        parentWindow.addEventListener("unload", handleWindowUnload, true); // listener clear after being called
+        ViewportComponentEvents.initialize();
+        ViewportComponentEvents.onDrawingViewportChangeEvent.addListener(handleDrawingViewportChangeEvent);
+        ViewportComponentEvents.onCubeRotationChangeEvent.addListener(handleCubeRotationChangeEvent);
+        ViewportComponentEvents.onStandardRotationChangeEvent.addListener(handleStandardRotationChangeEvent);
+        const screenViewport = screenViewportFactory.create(parentDiv, inViewState);
+        screenViewportCreated.current = true;
+        viewClassFullName.current = screenViewport.view.classFullName;
+        viewId.current = screenViewport.view.id;
+        screenViewport.onViewChanged.addListener(handleViewChanged);
+        return screenViewport;
+    };
+    React.useEffect(() => {
+        isMounted.current = true;
+        Logger.logInfo("ViewportComponent", `mounting ViewportComponent for controlId=${controlId}`);
+        return () => {
+            isMounted.current = false;
+            Logger.logInfo("ViewportComponent", `un-mounting ViewportComponent for controlId=${controlId}`);
+            handleDisconnectFromViewManager();
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const [initialViewState, setInitialViewState] = React.useState(() => {
+        if (viewState) {
+            if (typeof viewState === "function")
+                return viewState().clone();
+            else
+                return viewState.clone();
+        }
+        return undefined;
+    });
+    React.useEffect(() => {
+        setInitialViewState(undefined);
+    }, [viewDefinitionId, viewState]);
+    React.useEffect(() => {
+        async function fetchInitialViewstate() {
+            let currentViewState;
+            if (viewState) {
+                if (typeof viewState === "function")
+                    currentViewState = viewState();
+                else
+                    currentViewState = viewState;
+            }
+            else if (viewDefinitionId && imodel) {
+                try {
+                    currentViewState = await imodel.views.load(viewDefinitionId);
+                    // istanbul ignore next
+                    if (!currentViewState) {
+                        Logger.logError("ViewportComponent", `Viewstate failed to load`);
+                    }
+                }
+                catch (_e) {
+                    // istanbul ignore next
+                    Logger.logError("ViewportComponent", `Viewstate failed to load`);
+                }
+            }
+            else {
+                Logger.logError("ViewportComponent", `A Viewstate or a viewId and imodel must be provided`);
+            }
+            // istanbul ignore next
+            if (isMounted.current && ((currentViewState === null || currentViewState === void 0 ? void 0 : currentViewState.iModel.isOpen) || (currentViewState === null || currentViewState === void 0 ? void 0 : currentViewState.iModel.isBlank))) {
+                setInitialViewState(currentViewState === null || currentViewState === void 0 ? void 0 : currentViewState.clone());
+            }
+        }
+        if (undefined === initialViewState)
+            fetchInitialViewstate(); // eslint-disable-line @typescript-eslint/no-floating-promises
+    }, [imodel, initialViewState, viewDefinitionId, viewState]);
+    const [viewOverlay, setViewOverlay] = React.useState(null);
+    // This useEffect connects to ViewManger as soon as initialViewState is available once component is mounted.
+    React.useEffect(() => {
+        var _a;
+        const parentDiv = viewportDiv.current;
+        const viewManager = viewManagerRef.current;
+        // istanbul ignore next
+        if (parentDiv && initialViewState && ((initialViewState === null || initialViewState === void 0 ? void 0 : initialViewState.iModel.isOpen) || (initialViewState === null || initialViewState === void 0 ? void 0 : initialViewState.iModel.isBlank))) {
+            if (!screenViewportCreated.current) {
+                const screenViewport = getScreenViewport(parentDiv, initialViewState);
+                screenViewportRef.current = screenViewport;
+                if (viewportRef)
+                    viewportRef(screenViewport);
+                Logger.logInfo("ViewportComponent", `processing viewManager.addViewport for controlId=${controlId}`);
+                viewManager.addViewport(screenViewport);
+                // overlay component is set up once a ScreenViewport is available. The overlay component must handle any view changes itself.
+                setViewOverlay(getViewOverlay ? getViewOverlay(screenViewport) : null);
+            }
+            else {
+                // istanbul ignore next
+                (_a = screenViewportRef.current) === null || _a === void 0 ? void 0 : _a.changeView(initialViewState);
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [controlId, initialViewState, viewportRef]);
+    const handleContextMenu = React.useCallback((e) => {
+        e.preventDefault();
+        if (onContextMenu)
+            onContextMenu(e);
+    }, [onContextMenu]);
+    const parentDivStyle = {
+        height: "100%", width: "100%", position: "relative",
+    };
+    const viewportDivStyle = {
+        ...style,
+        height: "100%", width: "100%",
+    };
+    return (React.createElement("div", { style: parentDivStyle, "data-item-id": controlId },
+        React.createElement(React.Fragment, null,
+            React.createElement("div", { ref: viewportDiv, "data-testid": "viewport-component", className: className, style: viewportDivStyle, onContextMenu: handleContextMenu }),
+            viewOverlay)));
+}
 //# sourceMappingURL=ViewportComponent.js.map

package/lib/esm/imodel-components-react/viewport/ViewportComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewportComponent.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/viewport/ViewportComponent.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 Viewport\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Id64String, Logger } from \"@itwin/core-bentley\";\r\nimport { Point3d, Transform } from \"@itwin/core-geometry\";\r\nimport { NpcCenter } from \"@itwin/core-common\";\r\nimport {\r\n  IModelApp, IModelConnection, ScreenViewport,\r\n  TentativePoint, ToolSettings, ViewManager,\r\n  Viewport, ViewState,\r\n} from \"@itwin/core-frontend\";\r\n\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport {\r\n  CubeRotationChangeEventArgs, DrawingViewportChangeEventArgs, StandardRotationChangeEventArgs, ViewportComponentEvents,\r\n} from \"./ViewportComponentEvents\";\r\n\r\n/** Type for a ViewState prop\r\n * @public\r\n */\r\nexport type ViewStateProp = ViewState | (() => ViewState);\r\n\r\n/**\r\n * Properties for [[ViewportComponent]] component.\r\n * @public\r\n */\r\nexport interface ViewportProps extends CommonProps {\r\n  /** IModel to display */\r\n  imodel: IModelConnection;\r\n  /** Id of a default view definition to load as a starting point */\r\n  viewDefinitionId?: Id64String;\r\n  /** ViewState to use as a starting point */\r\n  viewState?: ViewStateProp;\r\n  /** Function to get a reference to the ScreenViewport */\r\n  viewportRef?: (v: ScreenViewport) => void;\r\n  /** controlId for this content component @internal */\r\n  controlId?: string;\r\n  /** @internal */\r\n  onContextMenu?: (e: React.MouseEvent) => boolean;\r\n  /** @internal */\r\n  getViewOverlay?: (viewport: ScreenViewport) => React.ReactNode;\r\n  /** @internal used only for testing */\r\n  viewManagerOverride?: ViewManager;\r\n  /** @internal used only for testing */\r\n  screenViewportOverride?: typeof ScreenViewport;\r\n  /** @internal used only for testing */\r\n  tentativePointOverride?: TentativePoint;\r\n}\r\n\r\n/**\r\n * A viewport React component that creates a ScreenViewport.\r\n * @public\r\n */\r\nexport function ViewportComponent(props: ViewportProps) {\r\n  const { viewState, imodel, viewDefinitionId, getViewOverlay, viewManagerOverride,\r\n    tentativePointOverride, onContextMenu, style, className, screenViewportOverride, controlId, viewportRef } = props;\r\n  // istanbul ignore next\r\n  const viewManagerRef = React.useRef(viewManagerOverride ?? IModelApp.viewManager);\r\n  const tentativePointOverrideRef = React.useRef(tentativePointOverride);\r\n  const screenViewportCreated = React.useRef(false);\r\n  const viewportDiv = React.useRef<HTMLDivElement>(null);\r\n  const screenViewportRef = React.useRef<ScreenViewport | null>(null);\r\n  const isMounted = React.useRef(false);\r\n  const viewClassFullName = React.useRef(\"\");\r\n  const viewId = React.useRef(\"0\");\r\n\r\n  // istanbul ignore next\r\n  const handleViewChanged = (vp: Viewport) => {\r\n    // istanbul ignore next\r\n    if (!(vp.iModel.isOpen || vp.iModel.isBlank))\r\n      return;\r\n    ViewportComponentEvents.setViewMatrix(vp);\r\n    if (viewClassFullName.current !== vp.view.classFullName) {\r\n      setTimeout(() => {\r\n        ViewportComponentEvents.onViewClassFullNameChangedEvent.emit({ viewport: vp, oldName: viewClassFullName.current, newName: vp.view.classFullName });\r\n        viewClassFullName.current = vp.view.classFullName;\r\n      });\r\n    }\r\n    if (viewId.current !== vp.view.id) {\r\n      setTimeout(() => {\r\n        ViewportComponentEvents.onViewIdChangedEvent.emit({ viewport: vp, oldId: viewId.current, newId: vp.view.id });\r\n        viewId.current = vp.view.id;\r\n      });\r\n    }\r\n  };\r\n\r\n  const handleStandardRotationChangeEvent = (args: StandardRotationChangeEventArgs) => {\r\n    const viewManager = viewManagerRef.current;\r\n    const currentScreenViewport = screenViewportRef.current;\r\n    if (currentScreenViewport && viewManager.selectedView === currentScreenViewport) {\r\n      currentScreenViewport.view.setRotationAboutPoint(ViewState.getStandardViewMatrix(args.standardRotation));\r\n      currentScreenViewport.synchWithView();\r\n    }\r\n  };\r\n\r\n  const handleDrawingViewportChangeEvent = (args: DrawingViewportChangeEventArgs) => {\r\n    const viewManager = viewManagerRef.current;\r\n    const currentScreenViewport = screenViewportRef.current;\r\n    if (currentScreenViewport && viewManager.selectedView === currentScreenViewport) {\r\n      currentScreenViewport.view.setOrigin(args.origin);\r\n      currentScreenViewport.view.setRotation(args.rotation);\r\n      currentScreenViewport.synchWithView({ noSaveInUndo: args.complete !== true });\r\n    }\r\n  };\r\n\r\n  const targetPoint = React.useRef<Point3d | null>(null);\r\n\r\n  const getRotatePoint = (vp: ScreenViewport): Point3d => {\r\n    const lastTargetPoint = targetPoint.current;\r\n    // istanbul ignore next\r\n    const tentativePoint = tentativePointOverrideRef.current ?? IModelApp.tentativePoint;\r\n    // istanbul ignore else\r\n    if (tentativePoint.isActive)\r\n      return tentativePoint.getPoint();\r\n\r\n    // istanbul ignore else\r\n    if (undefined !== vp.viewCmdTargetCenter) {\r\n      const testPt = vp.worldToView(vp.viewCmdTargetCenter);\r\n      const viewRect = vp.viewRect;\r\n      if (viewRect.containsPoint(testPt))\r\n        return vp.viewCmdTargetCenter;\r\n      vp.viewCmdTargetCenter = undefined;\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (null !== lastTargetPoint) {\r\n      const testPt = vp.worldToView(lastTargetPoint);\r\n      const viewRect = vp.viewRect.clone();\r\n      viewRect.scaleAboutCenter(0.25, 0.25);\r\n      // istanbul ignore next hard to reach because of mocks\r\n      if (viewRect.containsPoint(testPt))\r\n        return lastTargetPoint;\r\n      targetPoint.current = null;\r\n    }\r\n\r\n    const visiblePoint = vp.pickNearestVisibleGeometry(vp.npcToWorld(NpcCenter), vp.pixelsFromInches(ToolSettings.viewToolPickRadiusInches));\r\n    targetPoint.current = (undefined !== visiblePoint ? visiblePoint : vp.view.getTargetPoint());\r\n    // istanbul ignore next\r\n    return targetPoint.current ?? vp.view.getCenter();\r\n  };\r\n\r\n  const handleCubeRotationChangeEvent = (args: CubeRotationChangeEventArgs) => {\r\n    const viewManager = viewManagerRef.current;\r\n    const currentScreenViewport = screenViewportRef.current;\r\n    // istanbul ignore else\r\n    if (currentScreenViewport && viewManager.selectedView === currentScreenViewport) {\r\n      const rotMatrix = args.rotMatrix;\r\n      // istanbul ignore else\r\n      if (currentScreenViewport.rotation !== rotMatrix) {\r\n        const inverse = rotMatrix.transpose(); // rotation is from current nav cube state...\r\n        const center = getRotatePoint(currentScreenViewport);\r\n        const targetMatrix = inverse.multiplyMatrixMatrix(currentScreenViewport.view.getRotation());\r\n        const worldTransform = Transform.createFixedPointAndMatrix(center, targetMatrix);\r\n        const frustum = currentScreenViewport.getWorldFrustum();\r\n        frustum.multiply(worldTransform);\r\n        currentScreenViewport.view.setupFromFrustum(frustum);\r\n        currentScreenViewport.synchWithView({ noSaveInUndo: !args.complete });\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleDisconnectFromViewManager = () => {\r\n    const screenViewport = screenViewportRef.current;\r\n    if (screenViewport) {\r\n      const viewManager = IModelApp.viewManager;\r\n      screenViewport.onViewChanged.removeListener(handleViewChanged);\r\n      screenViewportRef.current = null;\r\n      screenViewportCreated.current = false;\r\n      ViewportComponentEvents.onDrawingViewportChangeEvent.removeListener(handleDrawingViewportChangeEvent);\r\n      ViewportComponentEvents.onCubeRotationChangeEvent.removeListener(handleCubeRotationChangeEvent);\r\n      ViewportComponentEvents.onStandardRotationChangeEvent.removeListener(handleStandardRotationChangeEvent);\r\n      viewManager.dropViewport(screenViewport, true);\r\n    }\r\n  };\r\n\r\n  // istanbul ignore next\r\n  const handleWindowUnload = () => {\r\n    const parentDiv = viewportDiv.current;\r\n    if (parentDiv) {\r\n      const parentWindow = parentDiv.ownerDocument.defaultView as Window;\r\n      if (parentWindow !== window) {\r\n        handleDisconnectFromViewManager();\r\n      }\r\n    }\r\n  };\r\n\r\n  const getScreenViewport = (parentDiv: HTMLDivElement, inViewState: ViewState) => {\r\n    // istanbul ignore next\r\n    const screenViewportFactory = screenViewportOverride ? screenViewportOverride : ScreenViewport;\r\n    const parentWindow = parentDiv.ownerDocument.defaultView as Window;\r\n    parentWindow.addEventListener(\"unload\", handleWindowUnload, true); // listener clear after being called\r\n    ViewportComponentEvents.initialize();\r\n    ViewportComponentEvents.onDrawingViewportChangeEvent.addListener(handleDrawingViewportChangeEvent);\r\n    ViewportComponentEvents.onCubeRotationChangeEvent.addListener(handleCubeRotationChangeEvent);\r\n    ViewportComponentEvents.onStandardRotationChangeEvent.addListener(handleStandardRotationChangeEvent);\r\n    const screenViewport = screenViewportFactory.create(parentDiv, inViewState);\r\n    screenViewportCreated.current = true;\r\n    viewClassFullName.current = screenViewport.view.classFullName;\r\n    viewId.current = screenViewport.view.id;\r\n    screenViewport.onViewChanged.addListener(handleViewChanged);\r\n    return screenViewport;\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    isMounted.current = true;\r\n    Logger.logInfo(\"ViewportComponent\", `mounting ViewportComponent for controlId=${controlId}`);\r\n\r\n    return () => {\r\n      isMounted.current = false;\r\n      Logger.logInfo(\"ViewportComponent\", `un-mounting ViewportComponent for controlId=${controlId}`);\r\n      handleDisconnectFromViewManager();\r\n    };\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, []);\r\n\r\n  const [initialViewState, setInitialViewState] = React.useState<ViewState | undefined>(() => {\r\n    if (viewState) {\r\n      if (typeof viewState === \"function\")\r\n        return viewState().clone();\r\n      else\r\n        return viewState.clone();\r\n    }\r\n    return undefined;\r\n  });\r\n\r\n  React.useEffect(() => {\r\n    setInitialViewState(undefined);\r\n  }, [viewDefinitionId, viewState]);\r\n  React.useEffect(() => {\r\n    async function fetchInitialViewstate() {\r\n      let currentViewState: ViewState | undefined;\r\n      if (viewState) {\r\n        if (typeof viewState === \"function\")\r\n          currentViewState = viewState();\r\n        else\r\n          currentViewState = viewState;\r\n      } else if (viewDefinitionId && imodel) {\r\n        try {\r\n          currentViewState = await imodel.views.load(viewDefinitionId);\r\n          // istanbul ignore next\r\n          if (!currentViewState) {\r\n            Logger.logError(\"ViewportComponent\", `Viewstate failed to load`);\r\n          }\r\n        } catch (_e) {\r\n          // istanbul ignore next\r\n          Logger.logError(\"ViewportComponent\", `Viewstate failed to load`);\r\n        }\r\n      } else {\r\n        Logger.logError(\"ViewportComponent\", `A Viewstate or a viewId and imodel must be provided`);\r\n      }\r\n      // istanbul ignore next\r\n      if (isMounted.current && (currentViewState?.iModel.isOpen || currentViewState?.iModel.isBlank)) {\r\n        setInitialViewState(currentViewState?.clone());\r\n      }\r\n    }\r\n    if (undefined === initialViewState)\r\n      fetchInitialViewstate(); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n  }, [imodel, initialViewState, viewDefinitionId, viewState]);\r\n\r\n  const [viewOverlay, setViewOverlay] = React.useState<React.ReactNode>(null);\r\n\r\n  // This useEffect connects to ViewManger as soon as initialViewState is available once component is mounted.\r\n  React.useEffect(() => {\r\n    const parentDiv = viewportDiv.current;\r\n    const viewManager = viewManagerRef.current;\r\n    // istanbul ignore next\r\n    if (parentDiv && initialViewState && (initialViewState?.iModel.isOpen || initialViewState?.iModel.isBlank)) {\r\n      if (!screenViewportCreated.current) {\r\n        const screenViewport = getScreenViewport(parentDiv, initialViewState);\r\n        screenViewportRef.current = screenViewport;\r\n\r\n        if (viewportRef)\r\n          viewportRef(screenViewport);\r\n\r\n        Logger.logInfo(\"ViewportComponent\", `processing viewManager.addViewport for controlId=${controlId}`);\r\n        viewManager.addViewport(screenViewport);\r\n\r\n        // overlay component is set up once a ScreenViewport is available. The overlay component must handle any view changes itself.\r\n        setViewOverlay(getViewOverlay ? getViewOverlay(screenViewport) : null);\r\n      } else {\r\n        // istanbul ignore next\r\n        screenViewportRef.current?.changeView(initialViewState);\r\n      }\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [controlId, initialViewState, viewportRef]);\r\n\r\n  const handleContextMenu = React.useCallback((e: React.MouseEvent) => {\r\n    e.preventDefault();\r\n    if (onContextMenu)\r\n      onContextMenu(e);\r\n  }, [onContextMenu]);\r\n\r\n  const parentDivStyle: React.CSSProperties = {\r\n    height: \"100%\", width: \"100%\", position: \"relative\",\r\n  };\r\n\r\n  const viewportDivStyle: React.CSSProperties = {\r\n    ...style,\r\n    height: \"100%\", width: \"100%\",\r\n  };\r\n\r\n  return (\r\n    <div style={parentDivStyle} data-item-id={controlId}\r\n    >\r\n      <>\r\n        <div\r\n          ref={viewportDiv}\r\n          data-testid=\"viewport-component\"\r\n          className={className}\r\n          style={viewportDivStyle}\r\n          onContextMenu={handleContextMenu}\r\n        />\r\n        {viewOverlay}\r\n      </>\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"ViewportComponent.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/viewport/ViewportComponent.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 Viewport\n */\n\nimport * as React from \"react\";\nimport { Id64String, Logger } from \"@itwin/core-bentley\";\nimport { Point3d, Transform } from \"@itwin/core-geometry\";\nimport { NpcCenter } from \"@itwin/core-common\";\nimport {\n  IModelApp, IModelConnection, ScreenViewport,\n  TentativePoint, ToolSettings, ViewManager,\n  Viewport, ViewState,\n} from \"@itwin/core-frontend\";\n\nimport { CommonProps } from \"@itwin/core-react\";\nimport {\n  CubeRotationChangeEventArgs, DrawingViewportChangeEventArgs, StandardRotationChangeEventArgs, ViewportComponentEvents,\n} from \"./ViewportComponentEvents\";\n\n/** Type for a ViewState prop\n * @public\n */\nexport type ViewStateProp = ViewState | (() => ViewState);\n\n/**\n * Properties for [[ViewportComponent]] component.\n * @public\n */\nexport interface ViewportProps extends CommonProps {\n  /** IModel to display */\n  imodel: IModelConnection;\n  /** Id of a default view definition to load as a starting point */\n  viewDefinitionId?: Id64String;\n  /** ViewState to use as a starting point */\n  viewState?: ViewStateProp;\n  /** Function to get a reference to the ScreenViewport */\n  viewportRef?: (v: ScreenViewport) => void;\n  /** controlId for this content component @internal */\n  controlId?: string;\n  /** @internal */\n  onContextMenu?: (e: React.MouseEvent) => boolean;\n  /** @internal */\n  getViewOverlay?: (viewport: ScreenViewport) => React.ReactNode;\n  /** @internal used only for testing */\n  viewManagerOverride?: ViewManager;\n  /** @internal used only for testing */\n  screenViewportOverride?: typeof ScreenViewport;\n  /** @internal used only for testing */\n  tentativePointOverride?: TentativePoint;\n}\n\n/**\n * A viewport React component that creates a ScreenViewport.\n * @public\n */\nexport function ViewportComponent(props: ViewportProps) {\n  const { viewState, imodel, viewDefinitionId, getViewOverlay, viewManagerOverride,\n    tentativePointOverride, onContextMenu, style, className, screenViewportOverride, controlId, viewportRef } = props;\n  // istanbul ignore next\n  const viewManagerRef = React.useRef(viewManagerOverride ?? IModelApp.viewManager);\n  const tentativePointOverrideRef = React.useRef(tentativePointOverride);\n  const screenViewportCreated = React.useRef(false);\n  const viewportDiv = React.useRef<HTMLDivElement>(null);\n  const screenViewportRef = React.useRef<ScreenViewport | null>(null);\n  const isMounted = React.useRef(false);\n  const viewClassFullName = React.useRef(\"\");\n  const viewId = React.useRef(\"0\");\n\n  // istanbul ignore next\n  const handleViewChanged = (vp: Viewport) => {\n    // istanbul ignore next\n    if (!(vp.iModel.isOpen || vp.iModel.isBlank))\n      return;\n    ViewportComponentEvents.setViewMatrix(vp);\n    if (viewClassFullName.current !== vp.view.classFullName) {\n      setTimeout(() => {\n        ViewportComponentEvents.onViewClassFullNameChangedEvent.emit({ viewport: vp, oldName: viewClassFullName.current, newName: vp.view.classFullName });\n        viewClassFullName.current = vp.view.classFullName;\n      });\n    }\n    if (viewId.current !== vp.view.id) {\n      setTimeout(() => {\n        ViewportComponentEvents.onViewIdChangedEvent.emit({ viewport: vp, oldId: viewId.current, newId: vp.view.id });\n        viewId.current = vp.view.id;\n      });\n    }\n  };\n\n  const handleStandardRotationChangeEvent = (args: StandardRotationChangeEventArgs) => {\n    const viewManager = viewManagerRef.current;\n    const currentScreenViewport = screenViewportRef.current;\n    if (currentScreenViewport && viewManager.selectedView === currentScreenViewport) {\n      currentScreenViewport.view.setRotationAboutPoint(ViewState.getStandardViewMatrix(args.standardRotation));\n      currentScreenViewport.synchWithView();\n    }\n  };\n\n  const handleDrawingViewportChangeEvent = (args: DrawingViewportChangeEventArgs) => {\n    const viewManager = viewManagerRef.current;\n    const currentScreenViewport = screenViewportRef.current;\n    if (currentScreenViewport && viewManager.selectedView === currentScreenViewport) {\n      currentScreenViewport.view.setOrigin(args.origin);\n      currentScreenViewport.view.setRotation(args.rotation);\n      currentScreenViewport.synchWithView({ noSaveInUndo: args.complete !== true });\n    }\n  };\n\n  const targetPoint = React.useRef<Point3d | null>(null);\n\n  const getRotatePoint = (vp: ScreenViewport): Point3d => {\n    const lastTargetPoint = targetPoint.current;\n    // istanbul ignore next\n    const tentativePoint = tentativePointOverrideRef.current ?? IModelApp.tentativePoint;\n    // istanbul ignore else\n    if (tentativePoint.isActive)\n      return tentativePoint.getPoint();\n\n    // istanbul ignore else\n    if (undefined !== vp.viewCmdTargetCenter) {\n      const testPt = vp.worldToView(vp.viewCmdTargetCenter);\n      const viewRect = vp.viewRect;\n      if (viewRect.containsPoint(testPt))\n        return vp.viewCmdTargetCenter;\n      vp.viewCmdTargetCenter = undefined;\n    }\n\n    // istanbul ignore else\n    if (null !== lastTargetPoint) {\n      const testPt = vp.worldToView(lastTargetPoint);\n      const viewRect = vp.viewRect.clone();\n      viewRect.scaleAboutCenter(0.25, 0.25);\n      // istanbul ignore next hard to reach because of mocks\n      if (viewRect.containsPoint(testPt))\n        return lastTargetPoint;\n      targetPoint.current = null;\n    }\n\n    const visiblePoint = vp.pickNearestVisibleGeometry(vp.npcToWorld(NpcCenter), vp.pixelsFromInches(ToolSettings.viewToolPickRadiusInches));\n    targetPoint.current = (undefined !== visiblePoint ? visiblePoint : vp.view.getTargetPoint());\n    // istanbul ignore next\n    return targetPoint.current ?? vp.view.getCenter();\n  };\n\n  const handleCubeRotationChangeEvent = (args: CubeRotationChangeEventArgs) => {\n    const viewManager = viewManagerRef.current;\n    const currentScreenViewport = screenViewportRef.current;\n    // istanbul ignore else\n    if (currentScreenViewport && viewManager.selectedView === currentScreenViewport) {\n      const rotMatrix = args.rotMatrix;\n      // istanbul ignore else\n      if (currentScreenViewport.rotation !== rotMatrix) {\n        const inverse = rotMatrix.transpose(); // rotation is from current nav cube state...\n        const center = getRotatePoint(currentScreenViewport);\n        const targetMatrix = inverse.multiplyMatrixMatrix(currentScreenViewport.view.getRotation());\n        const worldTransform = Transform.createFixedPointAndMatrix(center, targetMatrix);\n        const frustum = currentScreenViewport.getWorldFrustum();\n        frustum.multiply(worldTransform);\n        currentScreenViewport.view.setupFromFrustum(frustum);\n        currentScreenViewport.synchWithView({ noSaveInUndo: !args.complete });\n      }\n    }\n  };\n\n  const handleDisconnectFromViewManager = () => {\n    const screenViewport = screenViewportRef.current;\n    if (screenViewport) {\n      const viewManager = IModelApp.viewManager;\n      screenViewport.onViewChanged.removeListener(handleViewChanged);\n      screenViewportRef.current = null;\n      screenViewportCreated.current = false;\n      ViewportComponentEvents.onDrawingViewportChangeEvent.removeListener(handleDrawingViewportChangeEvent);\n      ViewportComponentEvents.onCubeRotationChangeEvent.removeListener(handleCubeRotationChangeEvent);\n      ViewportComponentEvents.onStandardRotationChangeEvent.removeListener(handleStandardRotationChangeEvent);\n      viewManager.dropViewport(screenViewport, true);\n    }\n  };\n\n  // istanbul ignore next\n  const handleWindowUnload = () => {\n    const parentDiv = viewportDiv.current;\n    if (parentDiv) {\n      const parentWindow = parentDiv.ownerDocument.defaultView as Window;\n      if (parentWindow !== window) {\n        handleDisconnectFromViewManager();\n      }\n    }\n  };\n\n  const getScreenViewport = (parentDiv: HTMLDivElement, inViewState: ViewState) => {\n    // istanbul ignore next\n    const screenViewportFactory = screenViewportOverride ? screenViewportOverride : ScreenViewport;\n    const parentWindow = parentDiv.ownerDocument.defaultView as Window;\n    parentWindow.addEventListener(\"unload\", handleWindowUnload, true); // listener clear after being called\n    ViewportComponentEvents.initialize();\n    ViewportComponentEvents.onDrawingViewportChangeEvent.addListener(handleDrawingViewportChangeEvent);\n    ViewportComponentEvents.onCubeRotationChangeEvent.addListener(handleCubeRotationChangeEvent);\n    ViewportComponentEvents.onStandardRotationChangeEvent.addListener(handleStandardRotationChangeEvent);\n    const screenViewport = screenViewportFactory.create(parentDiv, inViewState);\n    screenViewportCreated.current = true;\n    viewClassFullName.current = screenViewport.view.classFullName;\n    viewId.current = screenViewport.view.id;\n    screenViewport.onViewChanged.addListener(handleViewChanged);\n    return screenViewport;\n  };\n\n  React.useEffect(() => {\n    isMounted.current = true;\n    Logger.logInfo(\"ViewportComponent\", `mounting ViewportComponent for controlId=${controlId}`);\n\n    return () => {\n      isMounted.current = false;\n      Logger.logInfo(\"ViewportComponent\", `un-mounting ViewportComponent for controlId=${controlId}`);\n      handleDisconnectFromViewManager();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const [initialViewState, setInitialViewState] = React.useState<ViewState | undefined>(() => {\n    if (viewState) {\n      if (typeof viewState === \"function\")\n        return viewState().clone();\n      else\n        return viewState.clone();\n    }\n    return undefined;\n  });\n\n  React.useEffect(() => {\n    setInitialViewState(undefined);\n  }, [viewDefinitionId, viewState]);\n  React.useEffect(() => {\n    async function fetchInitialViewstate() {\n      let currentViewState: ViewState | undefined;\n      if (viewState) {\n        if (typeof viewState === \"function\")\n          currentViewState = viewState();\n        else\n          currentViewState = viewState;\n      } else if (viewDefinitionId && imodel) {\n        try {\n          currentViewState = await imodel.views.load(viewDefinitionId);\n          // istanbul ignore next\n          if (!currentViewState) {\n            Logger.logError(\"ViewportComponent\", `Viewstate failed to load`);\n          }\n        } catch (_e) {\n          // istanbul ignore next\n          Logger.logError(\"ViewportComponent\", `Viewstate failed to load`);\n        }\n      } else {\n        Logger.logError(\"ViewportComponent\", `A Viewstate or a viewId and imodel must be provided`);\n      }\n      // istanbul ignore next\n      if (isMounted.current && (currentViewState?.iModel.isOpen || currentViewState?.iModel.isBlank)) {\n        setInitialViewState(currentViewState?.clone());\n      }\n    }\n    if (undefined === initialViewState)\n      fetchInitialViewstate(); // eslint-disable-line @typescript-eslint/no-floating-promises\n  }, [imodel, initialViewState, viewDefinitionId, viewState]);\n\n  const [viewOverlay, setViewOverlay] = React.useState<React.ReactNode>(null);\n\n  // This useEffect connects to ViewManger as soon as initialViewState is available once component is mounted.\n  React.useEffect(() => {\n    const parentDiv = viewportDiv.current;\n    const viewManager = viewManagerRef.current;\n    // istanbul ignore next\n    if (parentDiv && initialViewState && (initialViewState?.iModel.isOpen || initialViewState?.iModel.isBlank)) {\n      if (!screenViewportCreated.current) {\n        const screenViewport = getScreenViewport(parentDiv, initialViewState);\n        screenViewportRef.current = screenViewport;\n\n        if (viewportRef)\n          viewportRef(screenViewport);\n\n        Logger.logInfo(\"ViewportComponent\", `processing viewManager.addViewport for controlId=${controlId}`);\n        viewManager.addViewport(screenViewport);\n\n        // overlay component is set up once a ScreenViewport is available. The overlay component must handle any view changes itself.\n        setViewOverlay(getViewOverlay ? getViewOverlay(screenViewport) : null);\n      } else {\n        // istanbul ignore next\n        screenViewportRef.current?.changeView(initialViewState);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [controlId, initialViewState, viewportRef]);\n\n  const handleContextMenu = React.useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n    if (onContextMenu)\n      onContextMenu(e);\n  }, [onContextMenu]);\n\n  const parentDivStyle: React.CSSProperties = {\n    height: \"100%\", width: \"100%\", position: \"relative\",\n  };\n\n  const viewportDivStyle: React.CSSProperties = {\n    ...style,\n    height: \"100%\", width: \"100%\",\n  };\n\n  return (\n    <div style={parentDivStyle} data-item-id={controlId}\n    >\n      <>\n        <div\n          ref={viewportDiv}\n          data-testid=\"viewport-component\"\n          className={className}\n          style={viewportDivStyle}\n          onContextMenu={handleContextMenu}\n        />\n        {viewOverlay}\n      </>\n    </div>\n  );\n}\n"]}