@itwin/appui-react 5.3.1 → 5.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"FloatingViewportContent.js","sourceRoot":"","sources":["../../../src/appui-react/content/FloatingViewportContent.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ContentView\n */\n\nimport * as React from \"react\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport type { ViewStateProp } from \"@itwin/imodel-components-react\";\nimport { ViewportComponent } from \"@itwin/imodel-components-react\";\nimport { FloatingViewportContentControl } from \"./ViewportContentControl.js\";\nimport { ContentWrapper } from \"./ContentLayout.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { useRefs } from \"@itwin/core-react/internal\";\nimport { ContentOverlay } from \"./ContentOverlay.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/**\n * @beta\n * @deprecated in 4.16.0. Props of deprecated component {@link FloatingViewportContent}.\n */\nexport interface FloatingViewportContentProps {\n  /** callback used to construct context menu when user right-clicks on canvas/viewport */\n  onContextMenu?: (e: React.MouseEvent) => boolean;\n  /** viewport/content control uniqueId */\n  contentId: string;\n  /** The initial view state used to create the viewport, or a function that returns it (will refresh when the function changes) */\n  initialViewState: ViewStateProp;\n  /** Function to get a reference to the ScreenViewport */\n  viewportRef?: React.Ref<ScreenViewport>;\n}\n\n/**\n * @beta\n * @deprecated in 4.16.0. Wrap {@link @itwin/imodel-components-react#ViewportComponent} component with a {@link ContentOverlay} instead.\n */\nexport function FloatingViewportContent(props: FloatingViewportContentProps) {\n  const { viewportControl } = useFloatingViewport(props);\n  return (\n    <FloatingViewportContentWrapper>\n      {viewportControl}\n    </FloatingViewportContentWrapper>\n  );\n}\n\n/**\n * @public\n * @deprecated in 4.16.0. Props of deprecated component {@link FloatingViewportContentWrapper}.\n */\nexport interface FloatingViewportContentWrapperProps {\n  readonly children?: React.ReactNode;\n}\n\n/**\n * @public\n * @deprecated in 4.16.0. Use {@link ContentOverlay} component to display the active content indicator instead.\n */\nexport function FloatingViewportContentWrapper({\n  children,\n}: FloatingViewportContentWrapperProps) {\n  return (\n    <div\n      onMouseMove={UiFramework.visibility.handleContentMouseMove}\n      className=\"uifw-dialog-imodel-content\"\n      style={{ height: \"100%\", position: \"relative\" }}\n    >\n      <ContentWrapper\n        content={children}\n        style={{ height: \"100%\", position: \"relative\" }}\n        contentIndex={undefined}\n      />\n    </div>\n  );\n}\n\n/**\n * @alpha\n * @deprecated in 4.16.0. Use {@link @itwin/imodel-components-react#ViewportComponent} component instead.\n */\nexport function useFloatingViewport(args: FloatingViewportContentProps) {\n  const { contentId, initialViewState, onContextMenu, viewportRef } = args;\n  const [viewport, setViewport] = React.useState<ScreenViewport | undefined>();\n  const contentControl = React.useRef<\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    FloatingViewportContentControl | undefined\n  >();\n\n  const viewState = React.useMemo(\n    () =>\n      typeof initialViewState === \"function\"\n        ? initialViewState()\n        : initialViewState,\n    [initialViewState]\n  );\n  const ref = React.useCallback((v: ScreenViewport) => {\n    setViewport(v);\n  }, []);\n\n  const refs = useRefs(ref, viewportRef);\n  const viewportControl = React.useMemo(() => {\n    const node = (\n      <ViewportComponent\n        key={contentId}\n        imodel={viewState.iModel}\n        viewState={viewState}\n        controlId={contentId}\n        onContextMenu={onContextMenu}\n        viewportRef={refs}\n      />\n    );\n    return node;\n  }, [refs, onContextMenu, viewState, contentId]);\n\n  React.useEffect(() => {\n    if (!contentControl.current) {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      contentControl.current = new FloatingViewportContentControl(\n        contentId,\n        contentId,\n        null\n      );\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      UiFramework.content.addFloatingContentControl(contentControl.current);\n    }\n    return () => {\n      if (contentControl.current) {\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        UiFramework.content.dropFloatingContentControl(contentControl.current);\n        contentControl.current = undefined;\n      }\n    };\n  }, [contentId]);\n\n  React.useEffect(() => {\n    if (viewport && contentControl.current) {\n      contentControl.current.viewport = viewport;\n      if (null === contentControl.current.reactNode) {\n        contentControl.current.reactNode = viewportControl;\n      }\n    }\n  }, [viewport, viewportControl]);\n\n  React.useEffect(() => {\n    return IModelApp.viewManager.onViewClose.addListener((vp) => {\n      if (contentControl.current?.viewport === vp) {\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        UiFramework.content.dropFloatingContentControl(contentControl.current);\n        contentControl.current = undefined;\n      }\n    });\n  }, []);\n\n  return {\n    viewportControl,\n  };\n}\n"]}
+{"version":3,"file":"FloatingViewportContent.js","sourceRoot":"","sources":["../../../src/appui-react/content/FloatingViewportContent.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ContentView\n */\n\nimport * as React from \"react\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport type { ViewStateProp } from \"@itwin/imodel-components-react\";\nimport { ViewportComponent } from \"@itwin/imodel-components-react\";\nimport { FloatingViewportContentControl } from \"./ViewportContentControl.js\";\nimport { ContentWrapper } from \"./ContentLayout.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { useRefs } from \"@itwin/core-react/internal\";\nimport type { ContentOverlay } from \"./ContentOverlay.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/**\n * @beta\n * @deprecated in 4.16.0. Props of deprecated component {@link FloatingViewportContent}.\n */\nexport interface FloatingViewportContentProps {\n  /** callback used to construct context menu when user right-clicks on canvas/viewport */\n  onContextMenu?: (e: React.MouseEvent) => boolean;\n  /** viewport/content control uniqueId */\n  contentId: string;\n  /** The initial view state used to create the viewport, or a function that returns it (will refresh when the function changes) */\n  initialViewState: ViewStateProp;\n  /** Function to get a reference to the ScreenViewport */\n  viewportRef?: React.Ref<ScreenViewport>;\n}\n\n/**\n * @beta\n * @deprecated in 4.16.0. Wrap {@link @itwin/imodel-components-react#ViewportComponent} component with a {@link ContentOverlay} instead.\n */\nexport function FloatingViewportContent(props: FloatingViewportContentProps) {\n  const { viewportControl } = useFloatingViewport(props);\n  return (\n    <FloatingViewportContentWrapper>\n      {viewportControl}\n    </FloatingViewportContentWrapper>\n  );\n}\n\n/**\n * @public\n * @deprecated in 4.16.0. Props of deprecated component {@link FloatingViewportContentWrapper}.\n */\nexport interface FloatingViewportContentWrapperProps {\n  readonly children?: React.ReactNode;\n}\n\n/**\n * @public\n * @deprecated in 4.16.0. Use {@link ContentOverlay} component to display the active content indicator instead.\n */\nexport function FloatingViewportContentWrapper({\n  children,\n}: FloatingViewportContentWrapperProps) {\n  return (\n    <div\n      className=\"uifw-dialog-imodel-content\"\n      style={{ height: \"100%\", position: \"relative\" }}\n    >\n      <ContentWrapper\n        content={children}\n        style={{ height: \"100%\", position: \"relative\" }}\n        contentIndex={undefined}\n      />\n    </div>\n  );\n}\n\n/**\n * @alpha\n * @deprecated in 4.16.0. Use {@link @itwin/imodel-components-react#ViewportComponent} component instead.\n */\nexport function useFloatingViewport(args: FloatingViewportContentProps) {\n  const { contentId, initialViewState, onContextMenu, viewportRef } = args;\n  const [viewport, setViewport] = React.useState<ScreenViewport | undefined>();\n  const contentControl = React.useRef<\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    FloatingViewportContentControl | undefined\n  >();\n\n  const viewState = React.useMemo(\n    () =>\n      typeof initialViewState === \"function\"\n        ? initialViewState()\n        : initialViewState,\n    [initialViewState]\n  );\n  const ref = React.useCallback((v: ScreenViewport) => {\n    setViewport(v);\n  }, []);\n\n  const refs = useRefs(ref, viewportRef);\n  const viewportControl = React.useMemo(() => {\n    const node = (\n      <ViewportComponent\n        key={contentId}\n        imodel={viewState.iModel}\n        viewState={viewState}\n        controlId={contentId}\n        onContextMenu={onContextMenu}\n        viewportRef={refs}\n      />\n    );\n    return node;\n  }, [refs, onContextMenu, viewState, contentId]);\n\n  React.useEffect(() => {\n    if (!contentControl.current) {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      contentControl.current = new FloatingViewportContentControl(\n        contentId,\n        contentId,\n        null\n      );\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      UiFramework.content.addFloatingContentControl(contentControl.current);\n    }\n    return () => {\n      if (contentControl.current) {\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        UiFramework.content.dropFloatingContentControl(contentControl.current);\n        contentControl.current = undefined;\n      }\n    };\n  }, [contentId]);\n\n  React.useEffect(() => {\n    if (viewport && contentControl.current) {\n      contentControl.current.viewport = viewport;\n      if (null === contentControl.current.reactNode) {\n        contentControl.current.reactNode = viewportControl;\n      }\n    }\n  }, [viewport, viewportControl]);\n\n  React.useEffect(() => {\n    return IModelApp.viewManager.onViewClose.addListener((vp) => {\n      if (contentControl.current?.viewport === vp) {\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        UiFramework.content.dropFloatingContentControl(contentControl.current);\n        contentControl.current = undefined;\n      }\n    });\n  }, []);\n\n  return {\n    viewportControl,\n  };\n}\n"]}

package/lib/appui-react/cursor/CursorInformation.d.ts

@@ -46,6 +46,7 @@ export declare class CursorUpdatedEvent extends UiEvent<CursorUpdatedEventArgs>
  */
 export declare class CursorInformation {
     private static _cursorPosition;
+    private static _cursorDocument;
     private static _cursorDirection;
     private static _cursorDirections;
     /** The cursor position. */
@@ -57,10 +58,12 @@ export declare class CursorInformation {
     static get cursorY(): number;
     /** Gets the general cursor movement direction. */
     static get cursorDirection(): CursorDirection;
+    /** Gets the cursor document. */
+    static get cursorDocument(): Document | undefined;
     /** Gets the [[CursorUpdatedEvent]]. */
     static readonly onCursorUpdatedEvent: CursorUpdatedEvent;
     /** Handles the mouse movement.  Sets the cursor position and direction and emits onCursorUpdatedEvent. */
-    static handleMouseMove(point: XAndY): void;
+    static handleMouseMove(point: XAndY, document?: Document): void;
     private static _determineMostFrequentDirection;
     private static _mostFrequent;
     private static _determineCursorDirection;

package/lib/appui-react/cursor/CursorInformation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CursorInformation.d.ts","sourceRoot":"","sources":["../../../src/appui-react/cursor/CursorInformation.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGlE;;GAEG;AACH,oBAAY,oBAAoB;IAC9B,GAAG,OAAS;IACZ,IAAI,MAAS;IACb,KAAK,KAAS;IACd,MAAM,IAAS;CAChB;AAED;;GAEG;AACH,oBAAY,eAAe;IACzB,IAAI,IAAI;IACR,GAAG,OAA2B;IAC9B,IAAI,MAA4B;IAChC,KAAK,KAA6B;IAClC,MAAM,IAA8B;IACpC,OAAO,OAAuD;IAC9D,QAAQ,OAAwD;IAChE,UAAU,MAA0D;IACpE,WAAW,KAA2D;CACvE;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,eAAe,CAAC;CAC5B;AAED;;;GAGG;AAEH,qBAAa,kBAAmB,SAAQ,OAAO,CAAC,sBAAsB,CAAC;CAAG;AAE1E;;GAEG;AACH,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAC,eAAe,CAAsB;IACpD,OAAO,CAAC,MAAM,CAAC,gBAAgB,CACD;IAE9B,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAgC;IAEhE,2BAA2B;IAC3B,WAAkB,cAAc,IAAI,KAAK,CAExC;IACD,WAAkB,cAAc,CAAC,EAAE,EAAE,KAAK,EAEzC;IAED,kCAAkC;IAClC,WAAkB,OAAO,IAAI,MAAM,CAElC;IACD,kCAAkC;IAClC,WAAkB,OAAO,IAAI,MAAM,CAElC;IAED,kDAAkD;IAClD,WAAkB,eAAe,IAAI,eAAe,CAEnD;IAED,uCAAuC;IAEvC,gBAAuB,oBAAoB,qBAA4B;IAEvE,0GAA0G;WAC5F,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAcjD,OAAO,CAAC,MAAM,CAAC,+BAA+B;IAW9C,OAAO,CAAC,MAAM,CAAC,aAAa;IAuB5B,OAAO,CAAC,MAAM,CAAC,yBAAyB;IAiBxC,gEAAgE;WAClD,sCAAsC,CAClD,eAAe,EAAE,eAAe,GAC/B,gBAAgB;IAiCnB,8BAA8B;WAChB,qBAAqB,IAAI,IAAI;CAG5C;AAED;;GAEG;AACH,eAAO,MAAM,yBAAyB;oBACpB,OAAO;uBACJ,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;GAU5C,CAAC"}
+{"version":3,"file":"CursorInformation.d.ts","sourceRoot":"","sources":["../../../src/appui-react/cursor/CursorInformation.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGlE;;GAEG;AACH,oBAAY,oBAAoB;IAC9B,GAAG,OAAS;IACZ,IAAI,MAAS;IACb,KAAK,KAAS;IACd,MAAM,IAAS;CAChB;AAED;;GAEG;AACH,oBAAY,eAAe;IACzB,IAAI,IAAI;IACR,GAAG,OAA2B;IAC9B,IAAI,MAA4B;IAChC,KAAK,KAA6B;IAClC,MAAM,IAA8B;IACpC,OAAO,OAAuD;IAC9D,QAAQ,OAAwD;IAChE,UAAU,MAA0D;IACpE,WAAW,KAA2D;CACvE;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,eAAe,CAAC;CAC5B;AAED;;;GAGG;AAEH,qBAAa,kBAAmB,SAAQ,OAAO,CAAC,sBAAsB,CAAC;CAAG;AAE1E;;GAEG;AACH,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAC,eAAe,CAAsB;IACpD,OAAO,CAAC,MAAM,CAAC,eAAe,CAAuB;IACrD,OAAO,CAAC,MAAM,CAAC,gBAAgB,CACD;IAE9B,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAgC;IAEhE,2BAA2B;IAC3B,WAAkB,cAAc,IAAI,KAAK,CAExC;IACD,WAAkB,cAAc,CAAC,EAAE,EAAE,KAAK,EAEzC;IAED,kCAAkC;IAClC,WAAkB,OAAO,IAAI,MAAM,CAElC;IACD,kCAAkC;IAClC,WAAkB,OAAO,IAAI,MAAM,CAElC;IAED,kDAAkD;IAClD,WAAkB,eAAe,IAAI,eAAe,CAEnD;IAED,gCAAgC;IAChC,WAAkB,cAAc,IAAI,QAAQ,GAAG,SAAS,CAEvD;IAED,uCAAuC;IAEvC,gBAAuB,oBAAoB,qBAA4B;IAEvE,0GAA0G;WAC5F,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI;IAetE,OAAO,CAAC,MAAM,CAAC,+BAA+B;IAW9C,OAAO,CAAC,MAAM,CAAC,aAAa;IAuB5B,OAAO,CAAC,MAAM,CAAC,yBAAyB;IAiBxC,gEAAgE;WAClD,sCAAsC,CAClD,eAAe,EAAE,eAAe,GAC/B,gBAAgB;IAiCnB,8BAA8B;WAChB,qBAAqB,IAAI,IAAI;CAG5C;AAED;;GAEG;AACH,eAAO,MAAM,yBAAyB;oBACpB,OAAO;uBACJ,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;GAU5C,CAAC"}

package/lib/appui-react/cursor/CursorInformation.js

@@ -64,11 +64,16 @@ export class CursorInformation {
     static get cursorDirection() {
         return this._cursorDirection;
     }
+    /** Gets the cursor document. */
+    static get cursorDocument() {
+        return this._cursorDocument;
+    }
     /** Handles the mouse movement.  Sets the cursor position and direction and emits onCursorUpdatedEvent. */
-    static handleMouseMove(point) {
+    static handleMouseMove(point, document) {
         const oldPt = CursorInformation.cursorPosition;
         const direction = this._determineMostFrequentDirection(this._cursorDirections, this._cursorPosition, Point.create(point));
         this.cursorPosition = point;
+        this._cursorDocument = document;
         this._cursorDirection = direction;
         this.onCursorUpdatedEvent.emit({ oldPt, newPt: point, direction });
     }

package/lib/appui-react/cursor/CursorInformation.js.map

@@ -1 +1 @@
-{"version":3,"file":"CursorInformation.js","sourceRoot":"","sources":["../../../src/appui-react/cursor/CursorInformation.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Cursor\n */\n\nimport { create } from \"zustand\";\nimport { produce } from \"immer\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport { RelativePosition, UiEvent } from \"@itwin/appui-abstract\";\nimport { Point } from \"@itwin/core-react/internal\";\n\n/** Enum for Cursor Direction parts\n *  @public\n */\nexport enum CursorDirectionParts {\n  Top = 0x1000,\n  Left = 0x0100,\n  Right = 0x0010,\n  Bottom = 0x0001,\n}\n\n/** Enum for Cursor Direction\n * @public\n */\nexport enum CursorDirection {\n  None = 0,\n  Top = CursorDirectionParts.Top,\n  Left = CursorDirectionParts.Left,\n  Right = CursorDirectionParts.Right,\n  Bottom = CursorDirectionParts.Bottom,\n  TopLeft = CursorDirectionParts.Top | CursorDirectionParts.Left,\n  TopRight = CursorDirectionParts.Top | CursorDirectionParts.Right,\n  BottomLeft = CursorDirectionParts.Bottom | CursorDirectionParts.Left,\n  BottomRight = CursorDirectionParts.Bottom | CursorDirectionParts.Right,\n}\n\n/** Cursor Updated Event Args interface.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface CursorUpdatedEventArgs {\n  oldPt: XAndY;\n  newPt: XAndY;\n  direction: CursorDirection;\n}\n\n/** Cursor Updated Event class.\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class CursorUpdatedEvent extends UiEvent<CursorUpdatedEventArgs> {}\n\n/** Cursor Information class\n * @public\n */\nexport class CursorInformation {\n  private static _cursorPosition: Point = new Point();\n  private static _cursorDirection: CursorDirection =\n    CursorDirection.BottomRight;\n\n  private static _cursorDirections = new Array<CursorDirection>();\n\n  /** The cursor position. */\n  public static get cursorPosition(): XAndY {\n    return this._cursorPosition;\n  }\n  public static set cursorPosition(pt: XAndY) {\n    this._cursorPosition = Point.create(pt);\n  }\n\n  /** Gets the cursor X position. */\n  public static get cursorX(): number {\n    return this._cursorPosition.x;\n  }\n  /** Gets the cursor Y position. */\n  public static get cursorY(): number {\n    return this._cursorPosition.y;\n  }\n\n  /** Gets the general cursor movement direction. */\n  public static get cursorDirection(): CursorDirection {\n    return this._cursorDirection;\n  }\n\n  /** Gets the [[CursorUpdatedEvent]]. */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  public static readonly onCursorUpdatedEvent = new CursorUpdatedEvent();\n\n  /** Handles the mouse movement.  Sets the cursor position and direction and emits onCursorUpdatedEvent. */\n  public static handleMouseMove(point: XAndY): void {\n    const oldPt = CursorInformation.cursorPosition;\n    const direction = this._determineMostFrequentDirection(\n      this._cursorDirections,\n      this._cursorPosition,\n      Point.create(point)\n    );\n\n    this.cursorPosition = point;\n    this._cursorDirection = direction;\n\n    this.onCursorUpdatedEvent.emit({ oldPt, newPt: point, direction });\n  }\n\n  private static _determineMostFrequentDirection(\n    cursorDirections: CursorDirection[],\n    oldPt: Point,\n    newPt: Point\n  ): CursorDirection {\n    const cursorDirection = this._determineCursorDirection(oldPt, newPt);\n    cursorDirections.push(cursorDirection);\n    if (cursorDirections.length > 10) cursorDirections.shift();\n    return this._mostFrequent(cursorDirections);\n  }\n\n  private static _mostFrequent(array: CursorDirection[]): CursorDirection {\n    const hashMap = new Map<CursorDirection, number>();\n    let maxCount = 0,\n      mostFrequent = CursorDirection.None;\n\n    array.forEach((value: CursorDirection) => {\n      const key = value;\n      let frequency = hashMap.get(key);\n\n      if (frequency !== undefined) frequency++;\n      else frequency = 1;\n\n      hashMap.set(key, frequency);\n\n      if (frequency > maxCount) {\n        mostFrequent = key;\n        maxCount = frequency;\n      }\n    });\n\n    return mostFrequent;\n  }\n\n  private static _determineCursorDirection(\n    oldPt: Point,\n    newPt: Point\n  ): CursorDirection {\n    let directionParts: number = 0;\n\n    if (newPt.x < oldPt.x) directionParts |= CursorDirectionParts.Left;\n    else if (newPt.x > oldPt.x) directionParts |= CursorDirectionParts.Right;\n\n    if (newPt.y < oldPt.y) directionParts |= CursorDirectionParts.Top;\n    else if (newPt.y > oldPt.y) directionParts |= CursorDirectionParts.Bottom;\n\n    const direction = directionParts as CursorDirection;\n\n    return direction;\n  }\n\n  /** Gets the relative position based on the cursor direction. */\n  public static getRelativePositionFromCursorDirection(\n    cursorDirection: CursorDirection\n  ): RelativePosition {\n    let relativePosition: RelativePosition = RelativePosition.BottomRight;\n\n    switch (cursorDirection) {\n      case CursorDirection.Top:\n        relativePosition = RelativePosition.Top;\n        break;\n      case CursorDirection.Left:\n        relativePosition = RelativePosition.Left;\n        break;\n      case CursorDirection.Right:\n        relativePosition = RelativePosition.Right;\n        break;\n      case CursorDirection.Bottom:\n        relativePosition = RelativePosition.Bottom;\n        break;\n      case CursorDirection.TopLeft:\n        relativePosition = RelativePosition.TopLeft;\n        break;\n      case CursorDirection.TopRight:\n        relativePosition = RelativePosition.TopRight;\n        break;\n      case CursorDirection.BottomLeft:\n        relativePosition = RelativePosition.BottomLeft;\n        break;\n      case CursorDirection.BottomRight:\n        relativePosition = RelativePosition.BottomRight;\n        break;\n    }\n\n    return relativePosition;\n  }\n\n  /** @internal - for testing */\n  public static clearCursorDirections(): void {\n    this._cursorDirections.length = 0;\n  }\n}\n\n/** Returns additional information about cursor.\n * @internal\n */\nexport const useCursorInformationStore = create<{\n  contentHovered: boolean;\n  setContentHovered: (hovered: boolean) => void;\n}>((set) => ({\n  contentHovered: false,\n  setContentHovered: (hovered: boolean) => {\n    set((state) =>\n      produce(state, (draft) => {\n        draft.contentHovered = hovered;\n      })\n    );\n  },\n}));\n"]}
+{"version":3,"file":"CursorInformation.js","sourceRoot":"","sources":["../../../src/appui-react/cursor/CursorInformation.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Cursor\n */\n\nimport { create } from \"zustand\";\nimport { produce } from \"immer\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport { RelativePosition, UiEvent } from \"@itwin/appui-abstract\";\nimport { Point } from \"@itwin/core-react/internal\";\n\n/** Enum for Cursor Direction parts\n *  @public\n */\nexport enum CursorDirectionParts {\n  Top = 0x1000,\n  Left = 0x0100,\n  Right = 0x0010,\n  Bottom = 0x0001,\n}\n\n/** Enum for Cursor Direction\n * @public\n */\nexport enum CursorDirection {\n  None = 0,\n  Top = CursorDirectionParts.Top,\n  Left = CursorDirectionParts.Left,\n  Right = CursorDirectionParts.Right,\n  Bottom = CursorDirectionParts.Bottom,\n  TopLeft = CursorDirectionParts.Top | CursorDirectionParts.Left,\n  TopRight = CursorDirectionParts.Top | CursorDirectionParts.Right,\n  BottomLeft = CursorDirectionParts.Bottom | CursorDirectionParts.Left,\n  BottomRight = CursorDirectionParts.Bottom | CursorDirectionParts.Right,\n}\n\n/** Cursor Updated Event Args interface.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface CursorUpdatedEventArgs {\n  oldPt: XAndY;\n  newPt: XAndY;\n  direction: CursorDirection;\n}\n\n/** Cursor Updated Event class.\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class CursorUpdatedEvent extends UiEvent<CursorUpdatedEventArgs> {}\n\n/** Cursor Information class\n * @public\n */\nexport class CursorInformation {\n  private static _cursorPosition: Point = new Point();\n  private static _cursorDocument: Document | undefined;\n  private static _cursorDirection: CursorDirection =\n    CursorDirection.BottomRight;\n\n  private static _cursorDirections = new Array<CursorDirection>();\n\n  /** The cursor position. */\n  public static get cursorPosition(): XAndY {\n    return this._cursorPosition;\n  }\n  public static set cursorPosition(pt: XAndY) {\n    this._cursorPosition = Point.create(pt);\n  }\n\n  /** Gets the cursor X position. */\n  public static get cursorX(): number {\n    return this._cursorPosition.x;\n  }\n  /** Gets the cursor Y position. */\n  public static get cursorY(): number {\n    return this._cursorPosition.y;\n  }\n\n  /** Gets the general cursor movement direction. */\n  public static get cursorDirection(): CursorDirection {\n    return this._cursorDirection;\n  }\n\n  /** Gets the cursor document. */\n  public static get cursorDocument(): Document | undefined {\n    return this._cursorDocument;\n  }\n\n  /** Gets the [[CursorUpdatedEvent]]. */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  public static readonly onCursorUpdatedEvent = new CursorUpdatedEvent();\n\n  /** Handles the mouse movement.  Sets the cursor position and direction and emits onCursorUpdatedEvent. */\n  public static handleMouseMove(point: XAndY, document?: Document): void {\n    const oldPt = CursorInformation.cursorPosition;\n    const direction = this._determineMostFrequentDirection(\n      this._cursorDirections,\n      this._cursorPosition,\n      Point.create(point)\n    );\n\n    this.cursorPosition = point;\n    this._cursorDocument = document;\n    this._cursorDirection = direction;\n\n    this.onCursorUpdatedEvent.emit({ oldPt, newPt: point, direction });\n  }\n\n  private static _determineMostFrequentDirection(\n    cursorDirections: CursorDirection[],\n    oldPt: Point,\n    newPt: Point\n  ): CursorDirection {\n    const cursorDirection = this._determineCursorDirection(oldPt, newPt);\n    cursorDirections.push(cursorDirection);\n    if (cursorDirections.length > 10) cursorDirections.shift();\n    return this._mostFrequent(cursorDirections);\n  }\n\n  private static _mostFrequent(array: CursorDirection[]): CursorDirection {\n    const hashMap = new Map<CursorDirection, number>();\n    let maxCount = 0,\n      mostFrequent = CursorDirection.None;\n\n    array.forEach((value: CursorDirection) => {\n      const key = value;\n      let frequency = hashMap.get(key);\n\n      if (frequency !== undefined) frequency++;\n      else frequency = 1;\n\n      hashMap.set(key, frequency);\n\n      if (frequency > maxCount) {\n        mostFrequent = key;\n        maxCount = frequency;\n      }\n    });\n\n    return mostFrequent;\n  }\n\n  private static _determineCursorDirection(\n    oldPt: Point,\n    newPt: Point\n  ): CursorDirection {\n    let directionParts: number = 0;\n\n    if (newPt.x < oldPt.x) directionParts |= CursorDirectionParts.Left;\n    else if (newPt.x > oldPt.x) directionParts |= CursorDirectionParts.Right;\n\n    if (newPt.y < oldPt.y) directionParts |= CursorDirectionParts.Top;\n    else if (newPt.y > oldPt.y) directionParts |= CursorDirectionParts.Bottom;\n\n    const direction = directionParts as CursorDirection;\n\n    return direction;\n  }\n\n  /** Gets the relative position based on the cursor direction. */\n  public static getRelativePositionFromCursorDirection(\n    cursorDirection: CursorDirection\n  ): RelativePosition {\n    let relativePosition: RelativePosition = RelativePosition.BottomRight;\n\n    switch (cursorDirection) {\n      case CursorDirection.Top:\n        relativePosition = RelativePosition.Top;\n        break;\n      case CursorDirection.Left:\n        relativePosition = RelativePosition.Left;\n        break;\n      case CursorDirection.Right:\n        relativePosition = RelativePosition.Right;\n        break;\n      case CursorDirection.Bottom:\n        relativePosition = RelativePosition.Bottom;\n        break;\n      case CursorDirection.TopLeft:\n        relativePosition = RelativePosition.TopLeft;\n        break;\n      case CursorDirection.TopRight:\n        relativePosition = RelativePosition.TopRight;\n        break;\n      case CursorDirection.BottomLeft:\n        relativePosition = RelativePosition.BottomLeft;\n        break;\n      case CursorDirection.BottomRight:\n        relativePosition = RelativePosition.BottomRight;\n        break;\n    }\n\n    return relativePosition;\n  }\n\n  /** @internal - for testing */\n  public static clearCursorDirections(): void {\n    this._cursorDirections.length = 0;\n  }\n}\n\n/** Returns additional information about cursor.\n * @internal\n */\nexport const useCursorInformationStore = create<{\n  contentHovered: boolean;\n  setContentHovered: (hovered: boolean) => void;\n}>((set) => ({\n  contentHovered: false,\n  setContentHovered: (hovered: boolean) => {\n    set((state) =>\n      produce(state, (draft) => {\n        draft.contentHovered = hovered;\n      })\n    );\n  },\n}));\n"]}

package/lib/appui-react/cursor/cursormenu/CursorMenu.d.ts

@@ -3,31 +3,8 @@
  */
 import * as React from "react";
 import type { CommonProps } from "@itwin/core-react";
-import type { CursorMenuItemProps } from "../../shared/MenuItem.js";
-/** State for [[CursorPopupMenu]] component
- * @alpha
- */
-interface CursorPopupMenuState {
-    menuX: number;
-    menuY: number;
-    menuVisible: boolean;
-    items?: CursorMenuItemProps[];
-}
 /** Popup Menu to show at cursor typically used by tools to provide a right-click context menu.
  * @alpha
  */
-export declare class CursorPopupMenu extends React.PureComponent<CommonProps, // eslint-disable-line @typescript-eslint/no-deprecated
-CursorPopupMenuState> {
-    private _isMounted;
-    private _hostChildWindowId?;
-    readonly state: CursorPopupMenuState;
-    private _handleSyncUiEvent;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private _handleRefSet;
-    render(): React.ReactNode;
-    private _hideContextMenu;
-    private _itemPicked;
-}
-export {};
+export declare function CursorPopupMenu(props: CommonProps): React.JSX.Element;
 //# sourceMappingURL=CursorMenu.d.ts.map

package/lib/appui-react/cursor/cursormenu/CursorMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CursorMenu.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/cursor/cursormenu/CursorMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAMpE;;GAEG;AACH,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;CAC/B;AAED;;GAEG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,aAAa,CACtD,WAAW,EAAE,uDAAuD;AACpE,oBAAoB,CACrB;IACC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,kBAAkB,CAAC,CAAS;IAEpC,SAAyB,KAAK,EAAE,oBAAoB,CAKlD;IAEF,OAAO,CAAC,kBAAkB,CAuBxB;IAEc,iBAAiB;IAKjB,oBAAoB;IAKpC,OAAO,CAAC,aAAa,CAQnB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IA+BzC,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,WAAW,CAEjB;CACH"}
+{"version":3,"file":"CursorMenu.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/cursor/cursormenu/CursorMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AASrD;;GAEG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,qBA0EjD"}

package/lib/appui-react/cursor/cursormenu/CursorMenu.js

@@ -15,66 +15,45 @@ import { Logger } from "@itwin/core-bentley";
 /** Popup Menu to show at cursor typically used by tools to provide a right-click context menu.
  * @alpha
  */
-export class CursorPopupMenu extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._isMounted = false; // used to ensure _handleSyncUiEvent callback is not processed after componentWillUnmount is called
-        this.state = {
-            menuX: 0,
-            menuY: 0,
-            menuVisible: false,
-            items: undefined,
-        };
-        this._handleSyncUiEvent = (args) => {
-            if (!this._isMounted)
-                return;
-            if (SyncUiEventDispatcher.hasEventOfInterest(args.eventIds, [
+// eslint-disable-next-line @typescript-eslint/no-deprecated
+export function CursorPopupMenu(props) {
+    const windowIdRef = React.useRef();
+    const [opened, setOpened] = React.useState(false);
+    const [x, setX] = React.useState(0);
+    const [y, setY] = React.useState(0);
+    const [items, setItems] = React.useState(undefined);
+    React.useEffect(() => {
+        return SyncUiEventDispatcher.onSyncUiEvent.addListener((args) => {
+            if (!SyncUiEventDispatcher.hasEventOfInterest(args.eventIds, [
                 // eslint-disable-next-line @typescript-eslint/no-deprecated
                 SessionStateActionId.UpdateCursorMenu,
-            ])) {
-                const menuData = UiFramework.getCursorMenuData();
-                if (menuData && this._hostChildWindowId === menuData.childWindowId) {
-                    this.setState({
-                        menuVisible: menuData.items && menuData.items.length > 0,
-                        items: menuData.items,
-                        menuX: menuData.position.x,
-                        menuY: menuData.position.y,
-                    });
-                }
-                else {
-                    this.setState({ menuVisible: false, items: undefined });
-                }
+            ]))
+                return;
+            const menuData = UiFramework.getCursorMenuData();
+            const windowId = windowIdRef.current;
+            if (!menuData || windowId !== menuData.childWindowId) {
+                setOpened(false);
+                setItems(undefined);
+                return;
             }
-        };
-        this._handleRefSet = (popupDiv) => {
-            const parentWindow = popupDiv?.ownerDocument.defaultView ?? undefined;
-            // if the window is not a pop out set to undefined
-            this._hostChildWindowId = UiFramework.childWindows.findId(parentWindow);
-            Logger.logInfo(UiFramework.loggerCategory("UiFramework"), `Cursor Menu for ${this._hostChildWindowId ?? "main"} window`);
-        };
-        this._hideContextMenu = () => {
-            this.setState({ menuVisible: false });
-        };
-        this._itemPicked = () => {
-            this._hideContextMenu();
-        };
-    }
-    componentDidMount() {
-        this._isMounted = true;
-        SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);
-    }
-    componentWillUnmount() {
-        this._isMounted = false;
-        SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);
-    }
-    render() {
-        const { menuX, menuY, items, menuVisible } = this.state;
-        const onClose = this._hideContextMenu;
-        return (React.createElement("div", { className: "uifw-cursor-menu-container-div", ref: this._handleRefSet }, items && items.length > 0 && menuVisible && (
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        React.createElement(GlobalContextMenu, { className: this.props.className, style: this.props.style, identifier: "cursor-popup-menu", x: menuX, y: menuY, opened: menuVisible, onEsc: onClose, onOutsideClick: onClose, edgeLimit: false, autoflip: true }, MenuItemHelpers.createMenuItemNodes(
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        MenuItemHelpers.createMenuItems(items, this._itemPicked))))));
-    }
+            setOpened(menuData.items && menuData.items.length > 0);
+            setItems(menuData.items);
+            setX(menuData.position.x);
+            setY(menuData.position.y);
+        });
+    }, []);
+    const onClose = () => {
+        setOpened(false);
+    };
+    return (React.createElement("div", { className: "uifw-cursor-menu-container-div", ref: (el) => {
+            const parentWindow = el?.ownerDocument.defaultView ?? undefined;
+            const windowId = UiFramework.childWindows.findId(parentWindow);
+            windowIdRef.current = windowId;
+            Logger.logInfo(UiFramework.loggerCategory("UiFramework"), `Cursor Menu for ${windowId ?? "main"} window`);
+        } }, items && items.length > 0 && opened && (
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    React.createElement(GlobalContextMenu, { className: props.className, style: props.style, identifier: "cursor-popup-menu", x: x, y: y, opened: opened, onEsc: onClose, onOutsideClick: onClose, edgeLimit: false, autoflip: true }, MenuItemHelpers.createMenuItemNodes(
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    MenuItemHelpers.createMenuItems(items, onClose))))));
 }
 //# sourceMappingURL=CursorMenu.js.map

package/lib/appui-react/cursor/cursormenu/CursorMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"CursorMenu.js","sourceRoot":"","sources":["../../../../src/appui-react/cursor/cursormenu/CursorMenu.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 Cursor\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { ListenerType } from \"@itwin/core-react/internal\";\nimport { GlobalContextMenu } from \"@itwin/core-react\"; // ContextSubMenu,\nimport { SessionStateActionId } from \"../../redux/SessionState.js\";\nimport type { CursorMenuItemProps } from \"../../shared/MenuItem.js\";\nimport { MenuItemHelpers } from \"../../shared/MenuItem.js\";\nimport { SyncUiEventDispatcher } from \"../../syncui/SyncUiEventDispatcher.js\";\nimport { UiFramework } from \"../../UiFramework.js\";\nimport { Logger } from \"@itwin/core-bentley\";\n\n/** State for [[CursorPopupMenu]] component\n * @alpha\n */\ninterface CursorPopupMenuState {\n  menuX: number;\n  menuY: number;\n  menuVisible: boolean;\n  items?: CursorMenuItemProps[];\n}\n\n/** Popup Menu to show at cursor typically used by tools to provide a right-click context menu.\n * @alpha\n */\nexport class CursorPopupMenu extends React.PureComponent<\n  CommonProps, // eslint-disable-line @typescript-eslint/no-deprecated\n  CursorPopupMenuState\n> {\n  private _isMounted = false; // used to ensure _handleSyncUiEvent callback is not processed after componentWillUnmount is called\n  private _hostChildWindowId?: string;\n\n  public override readonly state: CursorPopupMenuState = {\n    menuX: 0,\n    menuY: 0,\n    menuVisible: false,\n    items: undefined,\n  };\n\n  private _handleSyncUiEvent: ListenerType<\n    typeof SyncUiEventDispatcher.onSyncUiEvent\n  > = (args) => {\n    if (!this._isMounted) return;\n\n    if (\n      SyncUiEventDispatcher.hasEventOfInterest(args.eventIds, [\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        SessionStateActionId.UpdateCursorMenu,\n      ])\n    ) {\n      const menuData = UiFramework.getCursorMenuData();\n      if (menuData && this._hostChildWindowId === menuData.childWindowId) {\n        this.setState({\n          menuVisible: menuData.items && menuData.items.length > 0,\n          items: menuData.items as CursorMenuItemProps[],\n          menuX: menuData.position.x,\n          menuY: menuData.position.y,\n        });\n      } else {\n        this.setState({ menuVisible: false, items: undefined });\n      }\n    }\n  };\n\n  public override componentDidMount() {\n    this._isMounted = true;\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);\n  }\n\n  public override componentWillUnmount() {\n    this._isMounted = false;\n    SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);\n  }\n\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\n    const parentWindow = popupDiv?.ownerDocument.defaultView ?? undefined;\n    // if the window is not a pop out set to undefined\n    this._hostChildWindowId = UiFramework.childWindows.findId(parentWindow);\n    Logger.logInfo(\n      UiFramework.loggerCategory(\"UiFramework\"),\n      `Cursor Menu for ${this._hostChildWindowId ?? \"main\"} window`\n    );\n  };\n\n  public override render(): React.ReactNode {\n    const { menuX, menuY, items, menuVisible } = this.state;\n    const onClose = this._hideContextMenu;\n\n    return (\n      <div className=\"uifw-cursor-menu-container-div\" ref={this._handleRefSet}>\n        {items && items.length > 0 && menuVisible && (\n          // eslint-disable-next-line @typescript-eslint/no-deprecated\n          <GlobalContextMenu\n            className={this.props.className}\n            style={this.props.style}\n            identifier=\"cursor-popup-menu\"\n            x={menuX}\n            y={menuY}\n            opened={menuVisible}\n            onEsc={onClose}\n            onOutsideClick={onClose}\n            edgeLimit={false}\n            autoflip={true}\n          >\n            {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n            {MenuItemHelpers.createMenuItemNodes(\n              // eslint-disable-next-line @typescript-eslint/no-deprecated\n              MenuItemHelpers.createMenuItems(items, this._itemPicked)\n            )}\n          </GlobalContextMenu>\n        )}\n      </div>\n    );\n  }\n\n  private _hideContextMenu = () => {\n    this.setState({ menuVisible: false });\n  };\n\n  private _itemPicked = (): void => {\n    this._hideContextMenu();\n  };\n}\n"]}
+{"version":3,"file":"CursorMenu.js","sourceRoot":"","sources":["../../../../src/appui-react/cursor/cursormenu/CursorMenu.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 Cursor\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { GlobalContextMenu } from \"@itwin/core-react\"; // ContextSubMenu,\nimport { SessionStateActionId } from \"../../redux/SessionState.js\";\nimport type { CursorMenuItemProps } from \"../../shared/MenuItem.js\";\nimport { MenuItemHelpers } from \"../../shared/MenuItem.js\";\nimport { SyncUiEventDispatcher } from \"../../syncui/SyncUiEventDispatcher.js\";\nimport { UiFramework } from \"../../UiFramework.js\";\nimport { Logger } from \"@itwin/core-bentley\";\n\n/** Popup Menu to show at cursor typically used by tools to provide a right-click context menu.\n * @alpha\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function CursorPopupMenu(props: CommonProps) {\n  const windowIdRef = React.useRef<string | undefined>();\n  const [opened, setOpened] = React.useState(false);\n  const [x, setX] = React.useState(0);\n  const [y, setY] = React.useState(0);\n  const [items, setItems] = React.useState<CursorMenuItemProps[] | undefined>(\n    undefined\n  );\n\n  React.useEffect(() => {\n    return SyncUiEventDispatcher.onSyncUiEvent.addListener((args) => {\n      if (\n        !SyncUiEventDispatcher.hasEventOfInterest(args.eventIds, [\n          // eslint-disable-next-line @typescript-eslint/no-deprecated\n          SessionStateActionId.UpdateCursorMenu,\n        ])\n      )\n        return;\n\n      const menuData = UiFramework.getCursorMenuData();\n      const windowId = windowIdRef.current;\n      if (!menuData || windowId !== menuData.childWindowId) {\n        setOpened(false);\n        setItems(undefined);\n        return;\n      }\n\n      setOpened(menuData.items && menuData.items.length > 0);\n      setItems(menuData.items);\n      setX(menuData.position.x);\n      setY(menuData.position.y);\n    });\n  }, []);\n\n  const onClose = () => {\n    setOpened(false);\n  };\n\n  return (\n    <div\n      className=\"uifw-cursor-menu-container-div\"\n      ref={(el) => {\n        const parentWindow = el?.ownerDocument.defaultView ?? undefined;\n        const windowId = UiFramework.childWindows.findId(parentWindow);\n        windowIdRef.current = windowId;\n        Logger.logInfo(\n          UiFramework.loggerCategory(\"UiFramework\"),\n          `Cursor Menu for ${windowId ?? \"main\"} window`\n        );\n      }}\n    >\n      {items && items.length > 0 && opened && (\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        <GlobalContextMenu\n          className={props.className}\n          style={props.style}\n          identifier=\"cursor-popup-menu\"\n          x={x}\n          y={y}\n          opened={opened}\n          onEsc={onClose}\n          onOutsideClick={onClose}\n          edgeLimit={false}\n          autoflip={true}\n        >\n          {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n          {MenuItemHelpers.createMenuItemNodes(\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            MenuItemHelpers.createMenuItems(items, onClose)\n          )}\n        </GlobalContextMenu>\n      )}\n    </div>\n  );\n}\n"]}

package/lib/appui-react/cursor/cursorpopup/CursorPopup.scss

@@ -2,6 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
+@use "~@itwin/core-react/lib/core-react/z-index" as *;
 @use "../../variables" as *;
 
 .uifw-cursorpopup {
@@ -18,6 +19,8 @@
   width: fit-content;
   transition: opacity 500ms;
 
+  @include uicore-z-index(tooltip);
+
   > .uifw-cursorpopup-title {
     min-height: $uifw-popup-title-bar-min-height;
     opacity: $uifw-popup-opacity;

package/lib/appui-react/cursor/cursorpopup/CursorPopupManager.d.ts

@@ -21,7 +21,9 @@ export interface CursorPopupOptions {
     /** Draw shadow */
     shadow?: boolean;
 }
-/** Information maintained by CursorPopupManager about a CursorPopup. */
+/** Information maintained by CursorPopupManager about a CursorPopup.
+ * @public
+ */
 interface CursorPopupInfo {
     id: string;
     content: React.ReactNode;
@@ -29,6 +31,7 @@ interface CursorPopupInfo {
     offset: Point;
     priority: number;
     options?: CursorPopupOptions;
+    targetDocument?: Document;
     renderRelativePosition: RelativePosition;
     popupSize?: SizeProps;
     cancelFadeOut?: () => void;
@@ -53,17 +56,16 @@ export declare class CursorPopupManager {
     static clearPopups(): void;
     static get popups(): CursorPopupInfo[];
     static get popupCount(): number;
-    private static _emitPopupsChangedEvent;
     private static pushPopup;
     /** Called to open popup with a new set of properties
      */
-    static open(id: string, content: React.ReactNode, pt: XAndY, offset: XAndY, relativePosition: RelativePosition, priority?: number, options?: CursorPopupOptions): void;
+    static open(id: string, content: React.ReactNode, pt: XAndY, offset: XAndY, relativePosition: RelativePosition, priority?: number, options?: CursorPopupOptions, targetDocument?: Document): void;
     /** Called to update popup with a new set of properties
      */
-    static update(id: string, content: React.ReactNode, pt: XAndY, offset: XAndY, relativePosition: RelativePosition, priority?: number): void;
+    static update(id: string, content: React.ReactNode, pt: XAndY, offset: XAndY, relativePosition: RelativePosition, priority?: number, targetDocument?: Document): void;
     /** Called to move the open popup to new location
      */
-    static updatePosition(pt: XAndY): void;
+    static updatePosition(pt: XAndY, targetDocument?: Document): void;
     /** Called when tool wants to close the popup
      */
     static close(id: string, apply: boolean, fadeOut?: boolean): void;
@@ -72,25 +74,9 @@ export declare class CursorPopupManager {
     private static validateRenderRelativePosition;
     private static autoFlip;
 }
-/** State for the [[CursorPopupRenderer]] React component */
-interface CursorPopupRendererState {
-    pt: Point;
-}
 /** CursorPopupRenderer React component.
  * @public
  */
-export declare class CursorPopupRenderer extends React.Component<any, CursorPopupRendererState> {
-    constructor(props: any);
-    render(): React.ReactNode;
-    private _handleSizeKnown;
-    private renderPositions;
-    private renderRelativePosition;
-    private getDimension;
-    private adjustOffset;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private _handlePopupChangedEvent;
-    private _handleCursorPopupUpdatePositionEvent;
-}
+export declare function CursorPopupRenderer(): React.JSX.Element | undefined;
 export {};
 //# sourceMappingURL=CursorPopupManager.d.ts.map

package/lib/appui-react/cursor/cursorpopup/CursorPopupManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CursorPopupManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/cursor/cursorpopup/CursorPopupManager.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CursorPopupManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/cursor/cursorpopup/CursorPopupManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAU,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAI1D;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kBAAkB;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,UAAU,eAAe;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,MAAM,EAAE,KAAK,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,cAAc,CAAC,EAAE,QAAQ,CAAC;IAE1B,sBAAsB,EAAE,gBAAgB,CAAC;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,MAAM,CAAC,OAAO,CAAmD;IAEzE,gBAAgB;IAChB,gBAAuB,gCAAgC;YACjD,KAAK;OACN;IACL,gBAAgB;IAChB,gBAAuB,yBAAyB;YAC1C,MAAM;eACH,eAAe;OACnB;IACL,gBAAgB;IAChB,gBAAuB,0BAA0B,oBAA2B;IAC5E,gBAAgB;WACF,WAAW;IAKzB,WAAkB,MAAM,sBAEvB;IAED,WAAkB,UAAU,WAE3B;IAED,OAAO,CAAC,MAAM,CAAC,SAAS;IAKxB;OACG;WACW,IAAI,CAChB,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,KAAK,CAAC,SAAS,EACxB,EAAE,EAAE,KAAK,EACT,MAAM,EAAE,KAAK,EACb,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,GAAE,MAAU,EACpB,OAAO,CAAC,EAAE,kBAAkB,EAC5B,cAAc,CAAC,EAAE,QAAQ;IAuC3B;OACG;WACW,MAAM,CAClB,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,KAAK,CAAC,SAAS,EACxB,EAAE,EAAE,KAAK,EACT,MAAM,EAAE,KAAK,EACb,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,GAAE,MAAU,EACpB,cAAc,CAAC,EAAE,QAAQ;IAsB3B;OACG;WACW,cAAc,CAAC,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,EAAE,QAAQ;IAQjE;OACG;WACW,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO;IAqCjE,OAAO,CAAC,MAAM,CAAC,WAAW;IAU1B,OAAO,CAAC,MAAM,CAAC,iCAAiC;IAiChD,OAAO,CAAC,MAAM,CAAC,8BAA8B;IAwB7C,OAAO,CAAC,MAAM,CAAC,QAAQ;CA+ExB;AAMD;;GAEG;AACH,wBAAgB,mBAAmB,kCAwFlC"}