@itwin/imodel-components-react 5.14.0 → 5.15.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Change Log - @itwin/imodel-components-react
 
+## 5.15.1
+
+### Patch Changes
+
+- b930ab8: Fixed zero dimension error in `ViewportComponent` by using a resize observer.
+- 3781110: Fixed `Cube` component to correctly hover the center face cell when cube is rotated.
+  - @itwin/components-react@5.15.1
+  - @itwin/core-react@5.15.1
+
+## 5.15.0
+
+### Patch Changes
+
+- 16da69d: Use higher precision when formatting kind of quantity values in editor.
+  - @itwin/components-react@5.15.0
+  - @itwin/core-react@5.15.0
+
 ## 5.14.0
 
 ### Minor Changes

package/lib/cjs/imodel-components-react/navigationaids/Cube.scss

@@ -10,10 +10,13 @@ $cube-side-width: 12px;
   height: $cube-width;
   perspective: 300px;
   transform-style: preserve-3d;
+  pointer-events: none;
+
   .face {
     width: 100%;
     height: 100%;
     position: absolute;
     backface-visibility: inherit;
+    pointer-events: all;
   }
 }

package/lib/esm/imodel-components-react/navigationaids/Cube.scss

@@ -10,10 +10,13 @@ $cube-side-width: 12px;
   height: $cube-width;
   perspective: 300px;
   transform-style: preserve-3d;
+  pointer-events: none;
+
   .face {
     width: 100%;
     height: 100%;
     position: absolute;
     backface-visibility: inherit;
+    pointer-events: all;
   }
 }

package/lib/imodel-components-react/inputs/new-editors/UseQuantityInfo.js

@@ -80,7 +80,7 @@ async function getFormatterParserSpec({ imodel, type, }) {
     }
     const persistenceUnitName = persistenceUnit.fullName;
     const formatterSpec = await IModelApp.quantityFormatter.createFormatterSpec({
-        formatProps,
+        formatProps: { ...formatProps, precision: 12 },
         persistenceUnitName,
     });
     const parserSpec = await IModelApp.quantityFormatter.createParserSpec({

package/lib/imodel-components-react/inputs/new-editors/UseQuantityInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"UseQuantityInfo.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/inputs/new-editors/UseQuantityInfo.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport type { IModelConnection, QuantityTypeArg } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport type { FormatterSpec, ParserSpec } from \"@itwin/core-quantity\";\nimport * as React from \"react\";\nimport { useIModelConnection } from \"../../IModelConnectionContext.js\";\nimport type { KindOfQuantity } from \"@itwin/ecschema-metadata\";\n\n/* v8 ignore start */\n\ninterface UseQuantityInfoProps {\n  type: QuantityTypeArg | undefined;\n}\n\n/**\n * Hook that finds the formatter and parser in `IModelApp.quantityFormatter` for a given quantity type.\n * @internal\n */\nexport function useQuantityInfo({ type }: UseQuantityInfoProps) {\n  const [{ formatter, parser }, setState] = React.useState<{\n    formatter: FormatterSpec | undefined;\n    parser: ParserSpec | undefined;\n  }>(() => ({\n    formatter: undefined,\n    parser: undefined,\n  }));\n\n  const imodel = useIModelConnection();\n\n  React.useEffect(() => {\n    if (type === undefined) {\n      setState({\n        formatter: undefined,\n        parser: undefined,\n      });\n      return;\n    }\n\n    let disposed = false;\n    const loadFormatterParser = async () => {\n      const { formatterSpec, parserSpec } = await getFormatterParserSpec({\n        imodel,\n        type,\n      });\n      if (!disposed) {\n        setState({ formatter: formatterSpec, parser: parserSpec });\n      }\n    };\n\n    void loadFormatterParser();\n\n    const removeListeners = [\n      IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.addListener(\n        loadFormatterParser\n      ),\n      IModelApp.quantityFormatter.onQuantityFormatsChanged.addListener(\n        ({ quantityType }) => {\n          if (quantityType === type) {\n            void loadFormatterParser();\n          }\n        }\n      ),\n    ];\n    if (IModelApp.formatsProvider) {\n      removeListeners.push(\n        IModelApp.formatsProvider.onFormatsChanged.addListener(async () =>\n          loadFormatterParser()\n        )\n      );\n    }\n\n    return () => {\n      disposed = true;\n      removeListeners.forEach((remove) => {\n        remove();\n      });\n    };\n  }, [imodel, type]);\n\n  return { formatter, parser };\n}\n\nasync function getFormatterParserSpec({\n  imodel,\n  type,\n}: {\n  imodel?: IModelConnection;\n  type: QuantityTypeArg;\n}) {\n  // fallback to IModelApp.quantityFormatter:\n  // - if `itwinjs-core` v4 is used\n  // - don't have an iModelConnection to look up KOQ\n  // - old quantity type enum is used instead of KOQ name\n  if (!IModelApp.formatsProvider || !imodel || typeof type !== \"string\") {\n    const quantityFormatterSpec =\n      IModelApp.quantityFormatter.findFormatterSpecByQuantityType(type);\n    const quantityParserSpec =\n      IModelApp.quantityFormatter.findParserSpecByQuantityType(type);\n\n    return {\n      formatterSpec: quantityFormatterSpec,\n      parserSpec: quantityParserSpec,\n    };\n  }\n\n  const koq = await imodel.schemaContext.getSchemaItem(type);\n  if (!koq) {\n    return { formatter: undefined, parser: undefined };\n  }\n\n  // TODO: `KindOfQuantity` here is used only as a type because we don't have peerDep on `ecschema-metadata`\n  // It should be added when dropping `itwinjs-core` v4 support\n  const persistenceUnit = await (koq as KindOfQuantity).persistenceUnit;\n  const formatProps = await IModelApp.formatsProvider.getFormat(type);\n  if (!persistenceUnit || !formatProps) {\n    return { formatter: undefined, parser: undefined };\n  }\n\n  const persistenceUnitName = persistenceUnit.fullName;\n  const formatterSpec = await IModelApp.quantityFormatter.createFormatterSpec({\n    formatProps,\n    persistenceUnitName,\n  });\n  const parserSpec = await IModelApp.quantityFormatter.createParserSpec({\n    formatProps,\n    persistenceUnitName,\n  });\n  return {\n    formatterSpec,\n    parserSpec,\n  };\n}\n\n/* v8 ignore stop */\n"]}
+{"version":3,"file":"UseQuantityInfo.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/inputs/new-editors/UseQuantityInfo.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport type { IModelConnection, QuantityTypeArg } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport type { FormatterSpec, ParserSpec } from \"@itwin/core-quantity\";\nimport * as React from \"react\";\nimport { useIModelConnection } from \"../../IModelConnectionContext.js\";\nimport type { KindOfQuantity } from \"@itwin/ecschema-metadata\";\n\n/* v8 ignore start */\n\ninterface UseQuantityInfoProps {\n  type: QuantityTypeArg | undefined;\n}\n\n/**\n * Hook that finds the formatter and parser in `IModelApp.quantityFormatter` for a given quantity type.\n * @internal\n */\nexport function useQuantityInfo({ type }: UseQuantityInfoProps) {\n  const [{ formatter, parser }, setState] = React.useState<{\n    formatter: FormatterSpec | undefined;\n    parser: ParserSpec | undefined;\n  }>(() => ({\n    formatter: undefined,\n    parser: undefined,\n  }));\n\n  const imodel = useIModelConnection();\n\n  React.useEffect(() => {\n    if (type === undefined) {\n      setState({\n        formatter: undefined,\n        parser: undefined,\n      });\n      return;\n    }\n\n    let disposed = false;\n    const loadFormatterParser = async () => {\n      const { formatterSpec, parserSpec } = await getFormatterParserSpec({\n        imodel,\n        type,\n      });\n      if (!disposed) {\n        setState({ formatter: formatterSpec, parser: parserSpec });\n      }\n    };\n\n    void loadFormatterParser();\n\n    const removeListeners = [\n      IModelApp.quantityFormatter.onActiveFormattingUnitSystemChanged.addListener(\n        loadFormatterParser\n      ),\n      IModelApp.quantityFormatter.onQuantityFormatsChanged.addListener(\n        ({ quantityType }) => {\n          if (quantityType === type) {\n            void loadFormatterParser();\n          }\n        }\n      ),\n    ];\n    if (IModelApp.formatsProvider) {\n      removeListeners.push(\n        IModelApp.formatsProvider.onFormatsChanged.addListener(async () =>\n          loadFormatterParser()\n        )\n      );\n    }\n\n    return () => {\n      disposed = true;\n      removeListeners.forEach((remove) => {\n        remove();\n      });\n    };\n  }, [imodel, type]);\n\n  return { formatter, parser };\n}\n\nasync function getFormatterParserSpec({\n  imodel,\n  type,\n}: {\n  imodel?: IModelConnection;\n  type: QuantityTypeArg;\n}) {\n  // fallback to IModelApp.quantityFormatter:\n  // - if `itwinjs-core` v4 is used\n  // - don't have an iModelConnection to look up KOQ\n  // - old quantity type enum is used instead of KOQ name\n  if (!IModelApp.formatsProvider || !imodel || typeof type !== \"string\") {\n    const quantityFormatterSpec =\n      IModelApp.quantityFormatter.findFormatterSpecByQuantityType(type);\n    const quantityParserSpec =\n      IModelApp.quantityFormatter.findParserSpecByQuantityType(type);\n\n    return {\n      formatterSpec: quantityFormatterSpec,\n      parserSpec: quantityParserSpec,\n    };\n  }\n\n  const koq = await imodel.schemaContext.getSchemaItem(type);\n  if (!koq) {\n    return { formatter: undefined, parser: undefined };\n  }\n\n  // TODO: `KindOfQuantity` here is used only as a type because we don't have peerDep on `ecschema-metadata`\n  // It should be added when dropping `itwinjs-core` v4 support\n  const persistenceUnit = await (koq as KindOfQuantity).persistenceUnit;\n  const formatProps = await IModelApp.formatsProvider.getFormat(type);\n  if (!persistenceUnit || !formatProps) {\n    return { formatter: undefined, parser: undefined };\n  }\n\n  const persistenceUnitName = persistenceUnit.fullName;\n  const formatterSpec = await IModelApp.quantityFormatter.createFormatterSpec({\n    formatProps: { ...formatProps, precision: 12 },\n    persistenceUnitName,\n  });\n  const parserSpec = await IModelApp.quantityFormatter.createParserSpec({\n    formatProps,\n    persistenceUnitName,\n  });\n  return {\n    formatterSpec,\n    parserSpec,\n  };\n}\n\n/* v8 ignore stop */\n"]}

package/lib/imodel-components-react/navigationaids/Cube.scss

@@ -10,10 +10,13 @@ $cube-side-width: 12px;
   height: $cube-width;
   perspective: 300px;
   transform-style: preserve-3d;
+  pointer-events: none;
+
   .face {
     width: 100%;
     height: 100%;
     position: absolute;
     backface-visibility: inherit;
+    pointer-events: all;
   }
 }

package/lib/imodel-components-react/viewport/ViewportComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewportComponent.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/viewport/ViewportComponent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAKtD,OAAO,KAAK,EACV,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,SAAS,EACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,cAAc,EAGf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,CAAC;AAE1D;;;GAGG;AAEH,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,wBAAwB;IACxB,MAAM,EAAE,gBAAgB,CAAC;IACzB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,wDAAwD;IACxD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB;IAChB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,OAAO,CAAC;IACjD,gBAAgB;IAChB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/D,sCAAsC;IACtC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,sCAAsC;IACtC,sBAAsB,CAAC,EAAE,OAAO,cAAc,CAAC;IAC/C,sCAAsC;IACtC,sBAAsB,CAAC,EAAE,cAAc,CAAC;CACzC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,qBA8TrD"}
+{"version":3,"file":"ViewportComponent.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/viewport/ViewportComponent.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAKtD,OAAO,KAAK,EACV,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,SAAS,EACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,cAAc,EAGf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,CAAC;AAE1D;;;GAGG;AAEH,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,wBAAwB;IACxB,MAAM,EAAE,gBAAgB,CAAC;IACzB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,wDAAwD;IACxD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB;IAChB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,OAAO,CAAC;IACjD,gBAAgB;IAChB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/D,sCAAsC;IACtC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,sCAAsC;IACtC,sBAAsB,CAAC,EAAE,OAAO,cAAc,CAAC;IAC/C,sCAAsC;IACtC,sBAAsB,CAAC,EAAE,cAAc,CAAC;CACzC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,qBA+VrD"}

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

@@ -197,25 +197,51 @@ export function ViewportComponent(props) {
     const [viewOverlay, setViewOverlay] = React.useState(null);
     // This useEffect connects to ViewManger as soon as initialViewState is available once component is mounted.
     React.useEffect(() => {
-        const parentDiv = viewportDiv.current;
-        const viewManager = viewManagerRef.current;
-        if (parentDiv &&
-            initialViewState &&
-            (initialViewState?.iModel.isOpen || 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 {
-                screenViewportRef.current?.changeView(initialViewState);
+        const applyView = () => {
+            const parentDiv = viewportDiv.current;
+            const viewManager = viewManagerRef.current;
+            if (parentDiv &&
+                parentDiv.clientWidth > 0 &&
+                parentDiv.clientHeight > 0 &&
+                initialViewState &&
+                (initialViewState?.iModel.isOpen || 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 {
+                    screenViewportRef.current?.changeView(initialViewState);
+                }
+                return true;
             }
+            return false;
+        };
+        let resizeObserver;
+        let didApplyView = applyView();
+        // instead of allowing an unhandled error to be thrown if we create a viewport when the parent div has width or height of 0.
+        // we use a ResizeObserver to wait until the div has been resized to non-zero dimensions.
+        if (!didApplyView && viewportDiv.current) {
+            resizeObserver = new ResizeObserver(() => {
+                if (viewportDiv.current &&
+                    viewportDiv.current.clientWidth > 0 &&
+                    viewportDiv.current.clientHeight > 0) {
+                    didApplyView = applyView();
+                    if (didApplyView) {
+                        resizeObserver?.disconnect();
+                    }
+                }
+            });
+            resizeObserver.observe?.(viewportDiv.current);
         }
+        return () => {
+            resizeObserver?.disconnect();
+        };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [controlId, initialViewState, viewportRef]);
     const handleContextMenu = React.useCallback((e) => {

package/lib/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":["/*---------------------------------------------------------------------------------------------\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 type { Id64String } from \"@itwin/core-bentley\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { Point3d } from \"@itwin/core-geometry\";\nimport { Transform } from \"@itwin/core-geometry\";\nimport { NpcCenter } from \"@itwin/core-common\";\nimport type {\n  IModelConnection,\n  TentativePoint,\n  ViewManager,\n  ViewState,\n} from \"@itwin/core-frontend\";\nimport {\n  IModelApp,\n  ScreenViewport,\n  StandardView,\n  ToolSettings,\n} from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { ListenerType } from \"@itwin/core-react/internal\";\nimport { ViewportComponentEvents } from \"./ViewportComponentEvents.js\";\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 */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\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/** A viewport React component that creates a ScreenViewport.\n * @public\n */\nexport function ViewportComponent(props: ViewportProps) {\n  const {\n    viewState,\n    imodel,\n    viewDefinitionId,\n    getViewOverlay,\n    viewManagerOverride,\n    tentativePointOverride,\n    onContextMenu,\n    style,\n    className,\n    screenViewportOverride,\n    controlId,\n    viewportRef,\n  } = props;\n  const viewManagerRef = React.useRef(\n    viewManagerOverride ?? IModelApp.viewManager\n  );\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  const handleViewChanged: ListenerType<ScreenViewport[\"onViewChanged\"]> = (\n    vp\n  ) => {\n    if (!(vp.iModel.isOpen || vp.iModel.isBlank)) return;\n    ViewportComponentEvents.setViewMatrix(vp);\n    if (viewClassFullName.current !== vp.view.classFullName) {\n      setTimeout(() => {\n        ViewportComponentEvents.onViewClassFullNameChangedEvent.emit({\n          viewport: vp,\n          oldName: viewClassFullName.current,\n          newName: vp.view.classFullName,\n        });\n        viewClassFullName.current = vp.view.classFullName;\n      });\n    }\n    if (viewId.current !== vp.view.id) {\n      setTimeout(() => {\n        ViewportComponentEvents.onViewIdChangedEvent.emit({\n          viewport: vp,\n          oldId: viewId.current,\n          newId: vp.view.id,\n        });\n        viewId.current = vp.view.id;\n      });\n    }\n  };\n\n  const handleStandardRotationChangeEvent: ListenerType<\n    typeof ViewportComponentEvents.onStandardRotationChangeEvent\n  > = (args) => {\n    const viewManager = viewManagerRef.current;\n    const currentScreenViewport = screenViewportRef.current;\n    if (\n      currentScreenViewport &&\n      viewManager.selectedView === currentScreenViewport\n    ) {\n      currentScreenViewport.view.setRotationAboutPoint(\n        StandardView.getStandardRotation(args.standardRotation)\n      );\n      currentScreenViewport.synchWithView();\n    }\n  };\n\n  const handleDrawingViewportChangeEvent: ListenerType<\n    typeof ViewportComponentEvents.onDrawingViewportChangeEvent\n  > = (args) => {\n    const viewManager = viewManagerRef.current;\n    const currentScreenViewport = screenViewportRef.current;\n    if (\n      currentScreenViewport &&\n      viewManager.selectedView === currentScreenViewport\n    ) {\n      currentScreenViewport.view.setOrigin(args.origin);\n      currentScreenViewport.view.setRotation(args.rotation);\n      currentScreenViewport.synchWithView({\n        noSaveInUndo: args.complete !== true,\n      });\n    }\n  };\n\n  const targetPoint = React.useRef<Point3d | null>(null);\n\n  const getRotatePoint = (vp: ScreenViewport): Point3d => {\n    const lastTargetPoint = targetPoint.current;\n    const tentativePoint =\n      tentativePointOverrideRef.current ?? IModelApp.tentativePoint;\n    if (tentativePoint.isActive) return tentativePoint.getPoint();\n\n    if (null !== lastTargetPoint) {\n      const testPt = vp.worldToView(lastTargetPoint);\n      const viewRect = vp.viewRect.clone();\n      viewRect.scaleAboutCenter(0.25, 0.25);\n      if (viewRect.containsPoint(testPt)) return lastTargetPoint;\n      targetPoint.current = null;\n    }\n\n    const visiblePoint = vp.pickNearestVisibleGeometry(\n      vp.npcToWorld(NpcCenter),\n      vp.pixelsFromInches(ToolSettings.viewToolPickRadiusInches)\n    );\n    targetPoint.current =\n      undefined !== visiblePoint ? visiblePoint : vp.view.getTargetPoint();\n    return targetPoint.current ?? vp.view.getCenter();\n  };\n\n  const handleCubeRotationChangeEvent: ListenerType<\n    typeof ViewportComponentEvents.onCubeRotationChangeEvent\n  > = (args) => {\n    const viewManager = viewManagerRef.current;\n    const currentScreenViewport = screenViewportRef.current;\n    if (\n      currentScreenViewport &&\n      viewManager.selectedView === currentScreenViewport\n    ) {\n      const rotMatrix = args.rotMatrix;\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(\n          currentScreenViewport.view.getRotation()\n        );\n        const worldTransform = Transform.createFixedPointAndMatrix(\n          center,\n          targetMatrix\n        );\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(\n        handleDrawingViewportChangeEvent\n      );\n      ViewportComponentEvents.onCubeRotationChangeEvent.removeListener(\n        handleCubeRotationChangeEvent\n      );\n      ViewportComponentEvents.onStandardRotationChangeEvent.removeListener(\n        handleStandardRotationChangeEvent\n      );\n      viewManager.dropViewport(screenViewport, true);\n    }\n  };\n\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 = (\n    parentDiv: HTMLDivElement,\n    inViewState: ViewState\n  ) => {\n    const screenViewportFactory = screenViewportOverride\n      ? screenViewportOverride\n      : ScreenViewport;\n    const parentWindow = parentDiv.ownerDocument.defaultView as Window;\n    parentWindow.addEventListener(\"unload\", handleWindowUnload, {\n      once: true,\n      capture: true,\n    }); // by specifying 'once', listener clears after being called\n    ViewportComponentEvents.initialize();\n    ViewportComponentEvents.onDrawingViewportChangeEvent.addListener(\n      handleDrawingViewportChangeEvent\n    );\n    ViewportComponentEvents.onCubeRotationChangeEvent.addListener(\n      handleCubeRotationChangeEvent\n    );\n    ViewportComponentEvents.onStandardRotationChangeEvent.addListener(\n      handleStandardRotationChangeEvent\n    );\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(\n      \"ViewportComponent\",\n      `mounting ViewportComponent for controlId=${controlId}`\n    );\n\n    return () => {\n      isMounted.current = false;\n      Logger.logInfo(\n        \"ViewportComponent\",\n        `un-mounting ViewportComponent for controlId=${controlId}`\n      );\n      handleDisconnectFromViewManager();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const [initialViewState, setInitialViewState] = React.useState<\n    ViewState | undefined\n  >(undefined);\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\") currentViewState = viewState();\n        else currentViewState = viewState;\n      } else if (viewDefinitionId && imodel) {\n        try {\n          currentViewState = await imodel.views.load(viewDefinitionId);\n          if (!currentViewState) {\n            Logger.logError(\"ViewportComponent\", `ViewState failed to load`);\n          }\n        } catch {\n          Logger.logError(\"ViewportComponent\", `ViewState failed to load`);\n        }\n      } else {\n        Logger.logError(\n          \"ViewportComponent\",\n          `A ViewState or a viewId and imodel must be provided`\n        );\n      }\n      if (\n        isMounted.current &&\n        (currentViewState?.iModel.isOpen || currentViewState?.iModel.isBlank)\n      ) {\n        setInitialViewState(currentViewState?.clone());\n      }\n    }\n    if (undefined === initialViewState) void fetchInitialViewState();\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    if (\n      parentDiv &&\n      initialViewState &&\n      (initialViewState?.iModel.isOpen || initialViewState?.iModel.isBlank)\n    ) {\n      if (!screenViewportCreated.current) {\n        const screenViewport = getScreenViewport(parentDiv, initialViewState);\n        screenViewportRef.current = screenViewport;\n\n        if (viewportRef) viewportRef(screenViewport);\n\n        Logger.logInfo(\n          \"ViewportComponent\",\n          `processing viewManager.addViewport for controlId=${controlId}`\n        );\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        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(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      if (onContextMenu) onContextMenu(e);\n    },\n    [onContextMenu]\n  );\n\n  const parentDivStyle: React.CSSProperties = {\n    height: \"100%\",\n    width: \"100%\",\n    position: \"relative\",\n  };\n\n  const viewportDivStyle: React.CSSProperties = {\n    ...style,\n    height: \"100%\",\n    width: \"100%\",\n  };\n\n  return (\n    <div style={parentDivStyle} data-item-id={controlId}>\n      <div\n        ref={viewportDiv}\n        data-testid=\"viewport-component\"\n        className={className}\n        style={viewportDivStyle}\n        onContextMenu={handleContextMenu}\n      />\n      {viewOverlay}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ViewportComponent.js","sourceRoot":"","sources":["../../../src/imodel-components-react/viewport/ViewportComponent.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAO/C,OAAO,EACL,SAAS,EACT,cAAc,EACd,YAAY,EACZ,YAAY,GACb,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAmCvE;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAoB;IACpD,MAAM,EACJ,SAAS,EACT,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,EACb,KAAK,EACL,SAAS,EACT,sBAAsB,EACtB,SAAS,EACT,WAAW,GACZ,GAAG,KAAK,CAAC;IACV,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CACjC,mBAAmB,IAAI,SAAS,CAAC,WAAW,CAC7C,CAAC;IACF,MAAM,yBAAyB,GAAG,KAAK,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC;IACvE,MAAM,qBAAqB,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACvD,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IACpE,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAEjC,MAAM,iBAAiB,GAAkD,CACvE,EAAE,EACF,EAAE;QACF,IAAI,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC;YAAE,OAAO;QACrD,uBAAuB,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QAC1C,IAAI,iBAAiB,CAAC,OAAO,KAAK,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACxD,UAAU,CAAC,GAAG,EAAE;gBACd,uBAAuB,CAAC,+BAA+B,CAAC,IAAI,CAAC;oBAC3D,QAAQ,EAAE,EAAE;oBACZ,OAAO,EAAE,iBAAiB,CAAC,OAAO;oBAClC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa;iBAC/B,CAAC,CAAC;gBACH,iBAAiB,CAAC,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC;YACpD,CAAC,CAAC,CAAC;QACL,CAAC;QACD,IAAI,MAAM,CAAC,OAAO,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;YAClC,UAAU,CAAC,GAAG,EAAE;gBACd,uBAAuB,CAAC,oBAAoB,CAAC,IAAI,CAAC;oBAChD,QAAQ,EAAE,EAAE;oBACZ,KAAK,EAAE,MAAM,CAAC,OAAO;oBACrB,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE;iBAClB,CAAC,CAAC;gBACH,MAAM,CAAC,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9B,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,iCAAiC,GAEnC,CAAC,IAAI,EAAE,EAAE;QACX,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC;QAC3C,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,OAAO,CAAC;QACxD,IACE,qBAAqB;YACrB,WAAW,CAAC,YAAY,KAAK,qBAAqB,EAClD,CAAC;YACD,qBAAqB,CAAC,IAAI,CAAC,qBAAqB,CAC9C,YAAY,CAAC,mBAAmB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CACxD,CAAC;YACF,qBAAqB,CAAC,aAAa,EAAE,CAAC;QACxC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,gCAAgC,GAElC,CAAC,IAAI,EAAE,EAAE;QACX,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC;QAC3C,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,OAAO,CAAC;QACxD,IACE,qBAAqB;YACrB,WAAW,CAAC,YAAY,KAAK,qBAAqB,EAClD,CAAC;YACD,qBAAqB,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAClD,qBAAqB,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACtD,qBAAqB,CAAC,aAAa,CAAC;gBAClC,YAAY,EAAE,IAAI,CAAC,QAAQ,KAAK,IAAI;aACrC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEvD,MAAM,cAAc,GAAG,CAAC,EAAkB,EAAW,EAAE;QACrD,MAAM,eAAe,GAAG,WAAW,CAAC,OAAO,CAAC;QAC5C,MAAM,cAAc,GAClB,yBAAyB,CAAC,OAAO,IAAI,SAAS,CAAC,cAAc,CAAC;QAChE,IAAI,cAAc,CAAC,QAAQ;YAAE,OAAO,cAAc,CAAC,QAAQ,EAAE,CAAC;QAE9D,IAAI,IAAI,KAAK,eAAe,EAAE,CAAC;YAC7B,MAAM,MAAM,GAAG,EAAE,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;YAC/C,MAAM,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;YACrC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACtC,IAAI,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;gBAAE,OAAO,eAAe,CAAC;YAC3D,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC;QAED,MAAM,YAAY,GAAG,EAAE,CAAC,0BAA0B,CAChD,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,EACxB,EAAE,CAAC,gBAAgB,CAAC,YAAY,CAAC,wBAAwB,CAAC,CAC3D,CAAC;QACF,WAAW,CAAC,OAAO;YACjB,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QACvE,OAAO,WAAW,CAAC,OAAO,IAAI,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;IACpD,CAAC,CAAC;IAEF,MAAM,6BAA6B,GAE/B,CAAC,IAAI,EAAE,EAAE;QACX,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC;QAC3C,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,OAAO,CAAC;QACxD,IACE,qBAAqB;YACrB,WAAW,CAAC,YAAY,KAAK,qBAAqB,EAClD,CAAC;YACD,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;YACjC,IAAI,qBAAqB,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;gBACjD,MAAM,OAAO,GAAG,SAAS,CAAC,SAAS,EAAE,CAAC,CAAC,6CAA6C;gBACpF,MAAM,MAAM,GAAG,cAAc,CAAC,qBAAqB,CAAC,CAAC;gBACrD,MAAM,YAAY,GAAG,OAAO,CAAC,oBAAoB,CAC/C,qBAAqB,CAAC,IAAI,CAAC,WAAW,EAAE,CACzC,CAAC;gBACF,MAAM,cAAc,GAAG,SAAS,CAAC,yBAAyB,CACxD,MAAM,EACN,YAAY,CACb,CAAC;gBACF,MAAM,OAAO,GAAG,qBAAqB,CAAC,eAAe,EAAE,CAAC;gBACxD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;gBACjC,qBAAqB,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;gBACrD,qBAAqB,CAAC,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;YACxE,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,+BAA+B,GAAG,GAAG,EAAE;QAC3C,MAAM,cAAc,GAAG,iBAAiB,CAAC,OAAO,CAAC;QACjD,IAAI,cAAc,EAAE,CAAC;YACnB,MAAM,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC;YAC1C,cAAc,CAAC,aAAa,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;YAC/D,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;YACjC,qBAAqB,CAAC,OAAO,GAAG,KAAK,CAAC;YACtC,uBAAuB,CAAC,4BAA4B,CAAC,cAAc,CACjE,gCAAgC,CACjC,CAAC;YACF,uBAAuB,CAAC,yBAAyB,CAAC,cAAc,CAC9D,6BAA6B,CAC9B,CAAC;YACF,uBAAuB,CAAC,6BAA6B,CAAC,cAAc,CAClE,iCAAiC,CAClC,CAAC;YACF,WAAW,CAAC,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC;QACtC,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,WAAqB,CAAC;YACnE,IAAI,YAAY,KAAK,MAAM,EAAE,CAAC;gBAC5B,+BAA+B,EAAE,CAAC;YACpC,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CACxB,SAAyB,EACzB,WAAsB,EACtB,EAAE;QACF,MAAM,qBAAqB,GAAG,sBAAsB;YAClD,CAAC,CAAC,sBAAsB;YACxB,CAAC,CAAC,cAAc,CAAC;QACnB,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,WAAqB,CAAC;QACnE,YAAY,CAAC,gBAAgB,CAAC,QAAQ,EAAE,kBAAkB,EAAE;YAC1D,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI;SACd,CAAC,CAAC,CAAC,2DAA2D;QAC/D,uBAAuB,CAAC,UAAU,EAAE,CAAC;QACrC,uBAAuB,CAAC,4BAA4B,CAAC,WAAW,CAC9D,gCAAgC,CACjC,CAAC;QACF,uBAAuB,CAAC,yBAAyB,CAAC,WAAW,CAC3D,6BAA6B,CAC9B,CAAC;QACF,uBAAuB,CAAC,6BAA6B,CAAC,WAAW,CAC/D,iCAAiC,CAClC,CAAC;QACF,MAAM,cAAc,GAAG,qBAAqB,CAAC,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;QAC5E,qBAAqB,CAAC,OAAO,GAAG,IAAI,CAAC;QACrC,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC;QAC9D,MAAM,CAAC,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;QACxC,cAAc,CAAC,aAAa,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QAC5D,OAAO,cAAc,CAAC;IACxB,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,MAAM,CAAC,OAAO,CACZ,mBAAmB,EACnB,4CAA4C,SAAS,EAAE,CACxD,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;YAC1B,MAAM,CAAC,OAAO,CACZ,mBAAmB,EACnB,+CAA+C,SAAS,EAAE,CAC3D,CAAC;YACF,+BAA+B,EAAE,CAAC;QACpC,CAAC,CAAC;QACF,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAE5D,SAAS,CAAC,CAAC;IACb,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC,CAAC;IAClC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,KAAK,UAAU,qBAAqB;YAClC,IAAI,gBAAuC,CAAC;YAC5C,IAAI,SAAS,EAAE,CAAC;gBACd,IAAI,OAAO,SAAS,KAAK,UAAU;oBAAE,gBAAgB,GAAG,SAAS,EAAE,CAAC;;oBAC/D,gBAAgB,GAAG,SAAS,CAAC;YACpC,CAAC;iBAAM,IAAI,gBAAgB,IAAI,MAAM,EAAE,CAAC;gBACtC,IAAI,CAAC;oBACH,gBAAgB,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;oBAC7D,IAAI,CAAC,gBAAgB,EAAE,CAAC;wBACtB,MAAM,CAAC,QAAQ,CAAC,mBAAmB,EAAE,0BAA0B,CAAC,CAAC;oBACnE,CAAC;gBACH,CAAC;gBAAC,MAAM,CAAC;oBACP,MAAM,CAAC,QAAQ,CAAC,mBAAmB,EAAE,0BAA0B,CAAC,CAAC;gBACnE,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,QAAQ,CACb,mBAAmB,EACnB,qDAAqD,CACtD,CAAC;YACJ,CAAC;YACD,IACE,SAAS,CAAC,OAAO;gBACjB,CAAC,gBAAgB,EAAE,MAAM,CAAC,MAAM,IAAI,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,EACrE,CAAC;gBACD,mBAAmB,CAAC,gBAAgB,EAAE,KAAK,EAAE,CAAC,CAAC;YACjD,CAAC;QACH,CAAC;QACD,IAAI,SAAS,KAAK,gBAAgB;YAAE,KAAK,qBAAqB,EAAE,CAAC;IACnE,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAkB,IAAI,CAAC,CAAC;IAE5E,4GAA4G;IAC5G,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,SAAS,GAAG,GAAG,EAAE;YACrB,MAAM,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC;YACtC,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC;YAC3C,IACE,SAAS;gBACT,SAAS,CAAC,WAAW,GAAG,CAAC;gBACzB,SAAS,CAAC,YAAY,GAAG,CAAC;gBAC1B,gBAAgB;gBAChB,CAAC,gBAAgB,EAAE,MAAM,CAAC,MAAM,IAAI,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,EACrE,CAAC;gBACD,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,CAAC;oBACnC,MAAM,cAAc,GAAG,iBAAiB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;oBACtE,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC;oBAE3C,IAAI,WAAW;wBAAE,WAAW,CAAC,cAAc,CAAC,CAAC;oBAE7C,MAAM,CAAC,OAAO,CACZ,mBAAmB,EACnB,oDAAoD,SAAS,EAAE,CAChE,CAAC;oBACF,WAAW,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;oBAExC,6HAA6H;oBAC7H,cAAc,CACZ,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI,CACvD,CAAC;gBACJ,CAAC;qBAAM,CAAC;oBACN,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;gBAC1D,CAAC;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CAAC;QAEF,IAAI,cAA0C,CAAC;QAC/C,IAAI,YAAY,GAAG,SAAS,EAAE,CAAC;QAE/B,4HAA4H;QAC5H,yFAAyF;QACzF,IAAI,CAAC,YAAY,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACzC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACvC,IACE,WAAW,CAAC,OAAO;oBACnB,WAAW,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC;oBACnC,WAAW,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC,EACpC,CAAC;oBACD,YAAY,GAAG,SAAS,EAAE,CAAC;oBAC3B,IAAI,YAAY,EAAE,CAAC;wBACjB,cAAc,EAAE,UAAU,EAAE,CAAC;oBAC/B,CAAC;gBACH,CAAC;YACH,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAChD,CAAC;QAED,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;QACF,uDAAuD;IACzD,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,WAAW,CAAC,CAAC,CAAC;IAE/C,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACzC,CAAC,CAAmB,EAAE,EAAE;QACtB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,aAAa;YAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,cAAc,GAAwB;QAC1C,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,UAAU;KACrB,CAAC;IAEF,MAAM,gBAAgB,GAAwB;QAC5C,GAAG,KAAK;QACR,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd,CAAC;IAEF,OAAO,CACL,6BAAK,KAAK,EAAE,cAAc,kBAAgB,SAAS;QACjD,6BACE,GAAG,EAAE,WAAW,iBACJ,oBAAoB,EAChC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,gBAAgB,EACvB,aAAa,EAAE,iBAAiB,GAChC;QACD,WAAW,CACR,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Viewport\n */\n\nimport * as React from \"react\";\nimport type { Id64String } from \"@itwin/core-bentley\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { Point3d } from \"@itwin/core-geometry\";\nimport { Transform } from \"@itwin/core-geometry\";\nimport { NpcCenter } from \"@itwin/core-common\";\nimport type {\n  IModelConnection,\n  TentativePoint,\n  ViewManager,\n  ViewState,\n} from \"@itwin/core-frontend\";\nimport {\n  IModelApp,\n  ScreenViewport,\n  StandardView,\n  ToolSettings,\n} from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { ListenerType } from \"@itwin/core-react/internal\";\nimport { ViewportComponentEvents } from \"./ViewportComponentEvents.js\";\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 */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\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/** A viewport React component that creates a ScreenViewport.\n * @public\n */\nexport function ViewportComponent(props: ViewportProps) {\n  const {\n    viewState,\n    imodel,\n    viewDefinitionId,\n    getViewOverlay,\n    viewManagerOverride,\n    tentativePointOverride,\n    onContextMenu,\n    style,\n    className,\n    screenViewportOverride,\n    controlId,\n    viewportRef,\n  } = props;\n  const viewManagerRef = React.useRef(\n    viewManagerOverride ?? IModelApp.viewManager\n  );\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  const handleViewChanged: ListenerType<ScreenViewport[\"onViewChanged\"]> = (\n    vp\n  ) => {\n    if (!(vp.iModel.isOpen || vp.iModel.isBlank)) return;\n    ViewportComponentEvents.setViewMatrix(vp);\n    if (viewClassFullName.current !== vp.view.classFullName) {\n      setTimeout(() => {\n        ViewportComponentEvents.onViewClassFullNameChangedEvent.emit({\n          viewport: vp,\n          oldName: viewClassFullName.current,\n          newName: vp.view.classFullName,\n        });\n        viewClassFullName.current = vp.view.classFullName;\n      });\n    }\n    if (viewId.current !== vp.view.id) {\n      setTimeout(() => {\n        ViewportComponentEvents.onViewIdChangedEvent.emit({\n          viewport: vp,\n          oldId: viewId.current,\n          newId: vp.view.id,\n        });\n        viewId.current = vp.view.id;\n      });\n    }\n  };\n\n  const handleStandardRotationChangeEvent: ListenerType<\n    typeof ViewportComponentEvents.onStandardRotationChangeEvent\n  > = (args) => {\n    const viewManager = viewManagerRef.current;\n    const currentScreenViewport = screenViewportRef.current;\n    if (\n      currentScreenViewport &&\n      viewManager.selectedView === currentScreenViewport\n    ) {\n      currentScreenViewport.view.setRotationAboutPoint(\n        StandardView.getStandardRotation(args.standardRotation)\n      );\n      currentScreenViewport.synchWithView();\n    }\n  };\n\n  const handleDrawingViewportChangeEvent: ListenerType<\n    typeof ViewportComponentEvents.onDrawingViewportChangeEvent\n  > = (args) => {\n    const viewManager = viewManagerRef.current;\n    const currentScreenViewport = screenViewportRef.current;\n    if (\n      currentScreenViewport &&\n      viewManager.selectedView === currentScreenViewport\n    ) {\n      currentScreenViewport.view.setOrigin(args.origin);\n      currentScreenViewport.view.setRotation(args.rotation);\n      currentScreenViewport.synchWithView({\n        noSaveInUndo: args.complete !== true,\n      });\n    }\n  };\n\n  const targetPoint = React.useRef<Point3d | null>(null);\n\n  const getRotatePoint = (vp: ScreenViewport): Point3d => {\n    const lastTargetPoint = targetPoint.current;\n    const tentativePoint =\n      tentativePointOverrideRef.current ?? IModelApp.tentativePoint;\n    if (tentativePoint.isActive) return tentativePoint.getPoint();\n\n    if (null !== lastTargetPoint) {\n      const testPt = vp.worldToView(lastTargetPoint);\n      const viewRect = vp.viewRect.clone();\n      viewRect.scaleAboutCenter(0.25, 0.25);\n      if (viewRect.containsPoint(testPt)) return lastTargetPoint;\n      targetPoint.current = null;\n    }\n\n    const visiblePoint = vp.pickNearestVisibleGeometry(\n      vp.npcToWorld(NpcCenter),\n      vp.pixelsFromInches(ToolSettings.viewToolPickRadiusInches)\n    );\n    targetPoint.current =\n      undefined !== visiblePoint ? visiblePoint : vp.view.getTargetPoint();\n    return targetPoint.current ?? vp.view.getCenter();\n  };\n\n  const handleCubeRotationChangeEvent: ListenerType<\n    typeof ViewportComponentEvents.onCubeRotationChangeEvent\n  > = (args) => {\n    const viewManager = viewManagerRef.current;\n    const currentScreenViewport = screenViewportRef.current;\n    if (\n      currentScreenViewport &&\n      viewManager.selectedView === currentScreenViewport\n    ) {\n      const rotMatrix = args.rotMatrix;\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(\n          currentScreenViewport.view.getRotation()\n        );\n        const worldTransform = Transform.createFixedPointAndMatrix(\n          center,\n          targetMatrix\n        );\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(\n        handleDrawingViewportChangeEvent\n      );\n      ViewportComponentEvents.onCubeRotationChangeEvent.removeListener(\n        handleCubeRotationChangeEvent\n      );\n      ViewportComponentEvents.onStandardRotationChangeEvent.removeListener(\n        handleStandardRotationChangeEvent\n      );\n      viewManager.dropViewport(screenViewport, true);\n    }\n  };\n\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 = (\n    parentDiv: HTMLDivElement,\n    inViewState: ViewState\n  ) => {\n    const screenViewportFactory = screenViewportOverride\n      ? screenViewportOverride\n      : ScreenViewport;\n    const parentWindow = parentDiv.ownerDocument.defaultView as Window;\n    parentWindow.addEventListener(\"unload\", handleWindowUnload, {\n      once: true,\n      capture: true,\n    }); // by specifying 'once', listener clears after being called\n    ViewportComponentEvents.initialize();\n    ViewportComponentEvents.onDrawingViewportChangeEvent.addListener(\n      handleDrawingViewportChangeEvent\n    );\n    ViewportComponentEvents.onCubeRotationChangeEvent.addListener(\n      handleCubeRotationChangeEvent\n    );\n    ViewportComponentEvents.onStandardRotationChangeEvent.addListener(\n      handleStandardRotationChangeEvent\n    );\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(\n      \"ViewportComponent\",\n      `mounting ViewportComponent for controlId=${controlId}`\n    );\n\n    return () => {\n      isMounted.current = false;\n      Logger.logInfo(\n        \"ViewportComponent\",\n        `un-mounting ViewportComponent for controlId=${controlId}`\n      );\n      handleDisconnectFromViewManager();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const [initialViewState, setInitialViewState] = React.useState<\n    ViewState | undefined\n  >(undefined);\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\") currentViewState = viewState();\n        else currentViewState = viewState;\n      } else if (viewDefinitionId && imodel) {\n        try {\n          currentViewState = await imodel.views.load(viewDefinitionId);\n          if (!currentViewState) {\n            Logger.logError(\"ViewportComponent\", `ViewState failed to load`);\n          }\n        } catch {\n          Logger.logError(\"ViewportComponent\", `ViewState failed to load`);\n        }\n      } else {\n        Logger.logError(\n          \"ViewportComponent\",\n          `A ViewState or a viewId and imodel must be provided`\n        );\n      }\n      if (\n        isMounted.current &&\n        (currentViewState?.iModel.isOpen || currentViewState?.iModel.isBlank)\n      ) {\n        setInitialViewState(currentViewState?.clone());\n      }\n    }\n    if (undefined === initialViewState) void fetchInitialViewState();\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 applyView = () => {\n      const parentDiv = viewportDiv.current;\n      const viewManager = viewManagerRef.current;\n      if (\n        parentDiv &&\n        parentDiv.clientWidth > 0 &&\n        parentDiv.clientHeight > 0 &&\n        initialViewState &&\n        (initialViewState?.iModel.isOpen || initialViewState?.iModel.isBlank)\n      ) {\n        if (!screenViewportCreated.current) {\n          const screenViewport = getScreenViewport(parentDiv, initialViewState);\n          screenViewportRef.current = screenViewport;\n\n          if (viewportRef) viewportRef(screenViewport);\n\n          Logger.logInfo(\n            \"ViewportComponent\",\n            `processing viewManager.addViewport for controlId=${controlId}`\n          );\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(\n            getViewOverlay ? getViewOverlay(screenViewport) : null\n          );\n        } else {\n          screenViewportRef.current?.changeView(initialViewState);\n        }\n        return true;\n      }\n      return false;\n    };\n\n    let resizeObserver: ResizeObserver | undefined;\n    let didApplyView = applyView();\n\n    // instead of allowing an unhandled error to be thrown if we create a viewport when the parent div has width or height of 0.\n    // we use a ResizeObserver to wait until the div has been resized to non-zero dimensions.\n    if (!didApplyView && viewportDiv.current) {\n      resizeObserver = new ResizeObserver(() => {\n        if (\n          viewportDiv.current &&\n          viewportDiv.current.clientWidth > 0 &&\n          viewportDiv.current.clientHeight > 0\n        ) {\n          didApplyView = applyView();\n          if (didApplyView) {\n            resizeObserver?.disconnect();\n          }\n        }\n      });\n      resizeObserver.observe?.(viewportDiv.current);\n    }\n\n    return () => {\n      resizeObserver?.disconnect();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [controlId, initialViewState, viewportRef]);\n\n  const handleContextMenu = React.useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      if (onContextMenu) onContextMenu(e);\n    },\n    [onContextMenu]\n  );\n\n  const parentDivStyle: React.CSSProperties = {\n    height: \"100%\",\n    width: \"100%\",\n    position: \"relative\",\n  };\n\n  const viewportDivStyle: React.CSSProperties = {\n    ...style,\n    height: \"100%\",\n    width: \"100%\",\n  };\n\n  return (\n    <div style={parentDivStyle} data-item-id={controlId}>\n      <div\n        ref={viewportDiv}\n        data-testid=\"viewport-component\"\n        className={className}\n        style={viewportDivStyle}\n        onContextMenu={handleContextMenu}\n      />\n      {viewOverlay}\n    </div>\n  );\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/imodel-components-react",
-  "version": "5.14.0",
+  "version": "5.15.1",
   "description": "A react component library of iTwin.js UI iModel components",
   "type": "module",
   "types": "./lib/imodel-components-react.d.ts",
@@ -44,8 +44,8 @@
     "@itwin/itwinui-react": "^3.15.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "@itwin/components-react": "5.14.0",
-    "@itwin/core-react": "5.14.0"
+    "@itwin/components-react": "5.15.1",
+    "@itwin/core-react": "5.15.1"
   },
   "devDependencies": {
     "@itwin/appui-abstract": "^5.1.0",
@@ -85,8 +85,8 @@
     "typescript": "~5.6.2",
     "upath": "^2.0.1",
     "vitest": "^3.0.6",
-    "@itwin/components-react": "5.14.0",
-    "@itwin/core-react": "5.14.0"
+    "@itwin/components-react": "5.15.1",
+    "@itwin/core-react": "5.15.1"
   },
   "dependencies": {
     "@itwin/itwinui-icons-react": "^2.8.0",