@itwin/appui-react 5.3.0 → 5.4.0

package/lib/appui-react/cursor/cursorpopup/CursorPopupManager.js

@@ -12,6 +12,7 @@ import { Point } from "@itwin/core-react/internal";
 import { UiFramework } from "../../UiFramework.js";
 import { CursorPopupShow } from "./CursorPopup.js";
 import { CursorPopup } from "./CursorPopup.js";
+import { ChildWindowContext } from "../../childwindow/ChildWindowRenderer.js";
 /** CursorPopup component
  * @public
  */
@@ -19,7 +20,7 @@ export class CursorPopupManager {
     /** @internal */
     static clearPopups() {
         this._popups.length = 0;
-        CursorPopupManager._emitPopupsChangedEvent();
+        CursorPopupManager.onCursorPopupsChangedEvent.emit({});
     }
     static get popups() {
         return this._popups;
@@ -27,16 +28,13 @@ export class CursorPopupManager {
     static get popupCount() {
         return this._popups.length;
     }
-    static _emitPopupsChangedEvent() {
-        CursorPopupManager.onCursorPopupsChangedEvent.emit({});
-    }
     static pushPopup(popupInfo) {
         CursorPopupManager._popups.push(popupInfo);
-        CursorPopupManager._emitPopupsChangedEvent();
+        CursorPopupManager.onCursorPopupsChangedEvent.emit({});
     }
     /** Called to open popup with a new set of properties
      */
-    static open(id, content, pt, offset, relativePosition, priority = 0, options) {
+    static open(id, content, pt, offset, relativePosition, priority = 0, options, targetDocument) {
         const popupInfo = CursorPopupManager._popups.find((info) => id === info.id);
         if (popupInfo) {
             CursorPopupManager.onCursorPopupFadeOutEvent.emit({
@@ -49,7 +47,8 @@ export class CursorPopupManager {
             popupInfo.renderRelativePosition = relativePosition;
             popupInfo.priority = priority;
             popupInfo.options = options;
-            CursorPopupManager.updatePosition(pt);
+            popupInfo.targetDocument = targetDocument;
+            CursorPopupManager.updatePosition(pt, targetDocument);
             if (popupInfo.cancelFadeOut) {
                 popupInfo.cancelFadeOut();
                 popupInfo.cancelFadeOut = undefined;
@@ -64,13 +63,14 @@ export class CursorPopupManager {
             options,
             renderRelativePosition: relativePosition,
             priority,
+            targetDocument,
         };
         CursorPopupManager.pushPopup(newPopupInfo);
-        CursorPopupManager.updatePosition(pt);
+        CursorPopupManager.updatePosition(pt, targetDocument);
     }
     /** Called to update popup with a new set of properties
      */
-    static update(id, content, pt, offset, relativePosition, priority = 0) {
+    static update(id, content, pt, offset, relativePosition, priority = 0, targetDocument) {
         const popupInfo = CursorPopupManager._popups.find((info) => id === info.id);
         if (popupInfo) {
             popupInfo.content = content;
@@ -78,6 +78,7 @@ export class CursorPopupManager {
             popupInfo.relativePosition = relativePosition;
             popupInfo.renderRelativePosition = relativePosition;
             popupInfo.priority = priority;
+            popupInfo.targetDocument = targetDocument;
         }
         else {
             Logger.logError(UiFramework.loggerCategory("CursorPopupManager"), `update: Could not find popup with id of '${id}'`);
@@ -86,8 +87,8 @@ export class CursorPopupManager {
     }
     /** Called to move the open popup to new location
      */
-    static updatePosition(pt) {
-        CursorPopupManager.resetPopupsRenderRelativePosition(Point.create(pt));
+    static updatePosition(pt, targetDocument) {
+        CursorPopupManager.resetPopupsRenderRelativePosition(Point.create(pt), targetDocument);
         CursorPopupManager.onCursorPopupUpdatePositionEvent.emit({ pt });
     }
     /** Called when tool wants to close the popup
@@ -125,22 +126,29 @@ export class CursorPopupManager {
         const index = CursorPopupManager._popups.findIndex((popupInfo) => id === popupInfo.id);
         if (index >= 0) {
             CursorPopupManager._popups.splice(index, 1);
-            CursorPopupManager._emitPopupsChangedEvent();
+            CursorPopupManager.onCursorPopupsChangedEvent.emit({});
         }
     }
-    static resetPopupsRenderRelativePosition(pt) {
+    static resetPopupsRenderRelativePosition(pt, targetDocument) {
         CursorPopupManager.popups.forEach((popupInfo) => {
+            if (popupInfo.cancelFadeOut &&
+                popupInfo.targetDocument !== targetDocument) {
+                // Popup if fading out - do not change target document.
+                return;
+            }
             popupInfo.renderRelativePosition = popupInfo.relativePosition;
-            const flipped = CursorPopupManager.validateRenderRelativePosition(pt, popupInfo);
+            popupInfo.targetDocument = targetDocument;
+            const flipped = CursorPopupManager.validateRenderRelativePosition(pt, popupInfo, targetDocument);
             // If flipped, call again to validate again.
             if (flipped) {
-                CursorPopupManager.validateRenderRelativePosition(pt, popupInfo);
+                CursorPopupManager.validateRenderRelativePosition(pt, popupInfo, targetDocument);
             }
         });
     }
-    static validateRenderRelativePosition(pt, popupInfo) {
+    static validateRenderRelativePosition(pt, popupInfo, targetDocument) {
         const popupRect = CursorPopup.getPopupRect(pt, Point.create(popupInfo.offset), popupInfo.popupSize, popupInfo.renderRelativePosition);
-        const { outPos, flipped } = CursorPopupManager.autoFlip(popupInfo.renderRelativePosition, popupRect, window.innerWidth, window.innerHeight);
+        const targetWindow = targetDocument?.defaultView ?? window;
+        const { outPos, flipped } = CursorPopupManager.autoFlip(popupInfo.renderRelativePosition, popupRect, targetWindow.innerWidth, targetWindow.innerHeight);
         if (flipped)
             popupInfo.renderRelativePosition = outPos;
         return flipped;
@@ -222,109 +230,94 @@ CursorPopupManager.onCursorPopupUpdatePositionEvent = new BeUiEvent();
 CursorPopupManager.onCursorPopupFadeOutEvent = new BeUiEvent();
 /** @internal */
 CursorPopupManager.onCursorPopupsChangedEvent = new BeUiEvent();
+const relativePositions = Object.values(RelativePosition).filter((value) => typeof value !== "string");
 /** CursorPopupRenderer React component.
  * @public
  */
-export class CursorPopupRenderer extends React.Component {
-    constructor(props) {
-        super(props);
-        this._handlePopupChangedEvent = () => {
-            this.forceUpdate();
-        };
-        this._handleCursorPopupUpdatePositionEvent = (args) => {
-            this.setState({ pt: Point.create(args.pt) });
-        };
-        this.state = {
-            pt: new Point(),
-        };
-    }
-    render() {
-        if (CursorPopupManager.popupCount <= 0)
-            return null;
-        return React.createElement(React.Fragment, null, this.renderPositions());
-    }
-    _handleSizeKnown(popupInfo, size) {
-        popupInfo.popupSize = size;
-    }
-    renderPositions() {
-        const positions = new Array();
-        let renderedPosition;
-        const begin = RelativePosition.Left;
-        const end = RelativePosition.BottomRight;
-        for (let position = begin; position <= end; position++) {
-            renderedPosition = this.renderRelativePosition(position);
-            if (renderedPosition)
-                positions.push(renderedPosition);
-        }
-        return positions;
-    }
-    renderRelativePosition(relativePosition) {
-        const filteredInfo = CursorPopupManager.popups.filter((popupInfo) => popupInfo.renderRelativePosition === relativePosition);
-        if (filteredInfo.length > 0) {
-            let totalDimension = 0;
-            const ascending = relativePosition === RelativePosition.Right ||
-                relativePosition === RelativePosition.BottomRight ||
-                relativePosition === RelativePosition.Bottom ||
-                relativePosition === RelativePosition.BottomLeft;
-            const positionPopups = filteredInfo
-                .sort((a, b) => ascending ? a.priority - b.priority : b.priority - a.priority)
-                .map((popupInfo, index) => {
-                const title = popupInfo.options !== undefined ? popupInfo.options.title : "";
-                const shadow = popupInfo.options !== undefined ? popupInfo.options.shadow : false;
-                let offset = popupInfo.offset;
-                if (index > 0)
-                    offset = this.adjustOffset(offset, popupInfo.renderRelativePosition, totalDimension);
-                if (popupInfo.popupSize)
-                    totalDimension += this.getDimension(popupInfo.popupSize, relativePosition);
-                return (React.createElement(CursorPopup, { key: popupInfo.id, id: popupInfo.id, content: popupInfo.content, pt: this.state.pt, offset: offset, relativePosition: popupInfo.renderRelativePosition, title: title, shadow: shadow, onSizeKnown: (size) => this._handleSizeKnown(popupInfo, size) }));
-            });
-            return (React.createElement(React.Fragment, { key: relativePosition.toString() }, positionPopups));
-        }
-        return null;
-    }
-    getDimension(popupSize, relativePosition) {
-        let dimension = 0;
-        switch (relativePosition) {
-            case RelativePosition.Top:
-            case RelativePosition.Bottom:
-            case RelativePosition.TopLeft:
-            case RelativePosition.TopRight:
-            case RelativePosition.BottomLeft:
-            case RelativePosition.BottomRight:
-                dimension = popupSize.height;
-                break;
-            case RelativePosition.Left:
-            case RelativePosition.Right:
-                dimension = popupSize.width;
-                break;
-        }
-        return dimension;
-    }
-    adjustOffset(offset, relativePosition, dimension) {
-        let outOffset = Point.create(offset.toProps());
-        switch (relativePosition) {
-            case RelativePosition.Top:
-            case RelativePosition.Bottom:
-            case RelativePosition.TopLeft:
-            case RelativePosition.TopRight:
-            case RelativePosition.BottomLeft:
-            case RelativePosition.BottomRight:
-                outOffset = Point.create({ x: offset.x, y: offset.y + dimension });
-                break;
-            case RelativePosition.Left:
-            case RelativePosition.Right:
-                outOffset = Point.create({ x: offset.x + dimension, y: offset.y });
-                break;
-        }
-        return outOffset;
-    }
-    componentDidMount() {
-        CursorPopupManager.onCursorPopupsChangedEvent.addListener(this._handlePopupChangedEvent);
-        CursorPopupManager.onCursorPopupUpdatePositionEvent.addListener(this._handleCursorPopupUpdatePositionEvent);
+export function CursorPopupRenderer() {
+    const popupWindow = React.useContext(ChildWindowContext) ?? window;
+    const [popups, setPopups] = React.useState(CursorPopupManager.popups);
+    const [point, setPoint] = React.useState(new Point());
+    React.useEffect(() => {
+        return CursorPopupManager.onCursorPopupsChangedEvent.addListener(() => {
+            const allPopups = CursorPopupManager.popups;
+            const newPopups = allPopups.map((p) => ({ ...p }));
+            setPopups(newPopups);
+        });
+    }, []);
+    React.useEffect(() => {
+        return CursorPopupManager.onCursorPopupUpdatePositionEvent.addListener((args) => {
+            const allPopups = CursorPopupManager.popups;
+            const newPopups = allPopups.map((p) => ({ ...p }));
+            setPopups(newPopups);
+            setPoint(Point.create(args.pt));
+        });
+    }, []);
+    if (popups.length === 0)
+        return undefined;
+    return (React.createElement(React.Fragment, null, relativePositions.map((position) => {
+        const filteredInfo = popups.filter((popupInfo) => popupInfo.renderRelativePosition === position);
+        if (filteredInfo.length === 0)
+            return undefined;
+        let totalDimension = 0;
+        const positionPopups = filteredInfo
+            .sort((a, b) => {
+            const ascending = position === RelativePosition.Right ||
+                position === RelativePosition.BottomRight ||
+                position === RelativePosition.Bottom ||
+                position === RelativePosition.BottomLeft;
+            return ascending
+                ? a.priority - b.priority
+                : b.priority - a.priority;
+        })
+            .map((popupInfo, index) => {
+            const targetDocument = popupInfo.targetDocument ?? window.document;
+            if (popupWindow.document !== targetDocument)
+                return undefined;
+            const title = popupInfo.options !== undefined ? popupInfo.options.title : "";
+            const shadow = popupInfo.options !== undefined
+                ? popupInfo.options.shadow
+                : false;
+            let offset = popupInfo.offset;
+            if (index > 0)
+                offset = adjustOffset(offset, popupInfo.renderRelativePosition, totalDimension);
+            if (popupInfo.popupSize)
+                totalDimension += getDimension(popupInfo.popupSize, position);
+            return (React.createElement(CursorPopup, { key: popupInfo.id, id: popupInfo.id, content: popupInfo.content, pt: point, offset: offset, relativePosition: popupInfo.renderRelativePosition, title: title, shadow: shadow, onSizeKnown: (size) => {
+                    popupInfo.popupSize = size;
+                } }));
+        });
+        return React.createElement(React.Fragment, { key: position }, positionPopups);
+    })));
+}
+function adjustOffset(offset, relativePosition, dimension) {
+    switch (relativePosition) {
+        case RelativePosition.Top:
+        case RelativePosition.Bottom:
+        case RelativePosition.TopLeft:
+        case RelativePosition.TopRight:
+        case RelativePosition.BottomLeft:
+        case RelativePosition.BottomRight:
+            return Point.create({ x: offset.x, y: offset.y + dimension });
+        case RelativePosition.Left:
+        case RelativePosition.Right:
+            return Point.create({ x: offset.x + dimension, y: offset.y });
     }
-    componentWillUnmount() {
-        CursorPopupManager.onCursorPopupsChangedEvent.removeListener(this._handlePopupChangedEvent);
-        CursorPopupManager.onCursorPopupUpdatePositionEvent.removeListener(this._handleCursorPopupUpdatePositionEvent);
+    return Point.create(offset.toProps());
+}
+function getDimension(popupSize, relativePosition) {
+    switch (relativePosition) {
+        case RelativePosition.Top:
+        case RelativePosition.Bottom:
+        case RelativePosition.TopLeft:
+        case RelativePosition.TopRight:
+        case RelativePosition.BottomLeft:
+        case RelativePosition.BottomRight:
+            return popupSize.height;
+        case RelativePosition.Left:
+        case RelativePosition.Right:
+            return popupSize.width;
     }
+    return 0;
 }
 //# sourceMappingURL=CursorPopupManager.js.map

package/lib/appui-react/cursor/cursorpopup/CursorPopupManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"CursorPopupManager.js","sourceRoot":"","sources":["../../../../src/appui-react/cursor/cursorpopup/CursorPopupManager.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 { BeUiEvent, Logger } from \"@itwin/core-bentley\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport type { ListenerType } from \"@itwin/core-react/internal\";\nimport { Point } from \"@itwin/core-react/internal\";\nimport { UiFramework } from \"../../UiFramework.js\";\nimport { CursorPopupShow } from \"./CursorPopup.js\";\nimport { CursorPopup } from \"./CursorPopup.js\";\nimport type { SizeProps } from \"../../utils/SizeProps.js\";\nimport type { RectangleProps } from \"../../utils/RectangleProps.js\";\n\n/** Options for the [[CursorPopupManager]] open method\n * @public\n */\nexport interface CursorPopupOptions {\n  /** Title of the popup */\n  title?: string;\n  /** Called on popup close */\n  onClose?: () => void;\n  /** Callback to apply changes */\n  onApply?: () => void;\n  /** Draw shadow */\n  shadow?: boolean;\n}\n\n/** Information maintained by CursorPopupManager about a CursorPopup. */\ninterface CursorPopupInfo {\n  id: string;\n  content: React.ReactNode;\n  relativePosition: RelativePosition;\n  offset: Point;\n  priority: number;\n  options?: CursorPopupOptions;\n\n  renderRelativePosition: RelativePosition;\n  popupSize?: SizeProps;\n\n  cancelFadeOut?: () => void;\n}\n\n/** CursorPopup component\n * @public\n */\nexport class CursorPopupManager {\n  private static _popups: CursorPopupInfo[] = new Array<CursorPopupInfo>();\n\n  /** @internal */\n  public static readonly onCursorPopupUpdatePositionEvent = new BeUiEvent<{\n    pt: XAndY;\n  }>();\n  /** @internal */\n  public static readonly onCursorPopupFadeOutEvent = new BeUiEvent<{\n    id: string;\n    show?: CursorPopupShow;\n  }>();\n  /** @internal */\n  public static readonly onCursorPopupsChangedEvent = new BeUiEvent<object>();\n  /** @internal */\n  public static clearPopups() {\n    this._popups.length = 0;\n    CursorPopupManager._emitPopupsChangedEvent();\n  }\n\n  public static get popups() {\n    return this._popups;\n  }\n\n  public static get popupCount() {\n    return this._popups.length;\n  }\n\n  private static _emitPopupsChangedEvent(): void {\n    CursorPopupManager.onCursorPopupsChangedEvent.emit({});\n  }\n\n  private static pushPopup(popupInfo: CursorPopupInfo): void {\n    CursorPopupManager._popups.push(popupInfo);\n    CursorPopupManager._emitPopupsChangedEvent();\n  }\n\n  /** Called to open popup with a new set of properties\n   */\n  public static open(\n    id: string,\n    content: React.ReactNode,\n    pt: XAndY,\n    offset: XAndY,\n    relativePosition: RelativePosition,\n    priority: number = 0,\n    options?: CursorPopupOptions\n  ) {\n    const popupInfo = CursorPopupManager._popups.find(\n      (info: CursorPopupInfo) => id === info.id\n    );\n    if (popupInfo) {\n      CursorPopupManager.onCursorPopupFadeOutEvent.emit({\n        id,\n        show: CursorPopupShow.Open,\n      });\n\n      popupInfo.content = content;\n      popupInfo.offset = Point.create(offset);\n      popupInfo.relativePosition = relativePosition;\n      popupInfo.renderRelativePosition = relativePosition;\n      popupInfo.priority = priority;\n      popupInfo.options = options;\n      CursorPopupManager.updatePosition(pt);\n\n      if (popupInfo.cancelFadeOut) {\n        popupInfo.cancelFadeOut();\n        popupInfo.cancelFadeOut = undefined;\n      }\n      return;\n    }\n\n    const newPopupInfo: CursorPopupInfo = {\n      id,\n      content,\n      offset: Point.create(offset),\n      relativePosition,\n      options,\n      renderRelativePosition: relativePosition,\n      priority,\n    };\n    CursorPopupManager.pushPopup(newPopupInfo);\n    CursorPopupManager.updatePosition(pt);\n  }\n\n  /** Called to update popup with a new set of properties\n   */\n  public static update(\n    id: string,\n    content: React.ReactNode,\n    pt: XAndY,\n    offset: XAndY,\n    relativePosition: RelativePosition,\n    priority: number = 0\n  ) {\n    const popupInfo = CursorPopupManager._popups.find(\n      (info: CursorPopupInfo) => id === info.id\n    );\n    if (popupInfo) {\n      popupInfo.content = content;\n      popupInfo.offset = Point.create(offset);\n      popupInfo.relativePosition = relativePosition;\n      popupInfo.renderRelativePosition = relativePosition;\n      popupInfo.priority = priority;\n    } else {\n      Logger.logError(\n        UiFramework.loggerCategory(\"CursorPopupManager\"),\n        `update: Could not find popup with id of '${id}'`\n      );\n    }\n\n    CursorPopupManager.updatePosition(pt);\n  }\n\n  /** Called to move the open popup to new location\n   */\n  public static updatePosition(pt: XAndY) {\n    CursorPopupManager.resetPopupsRenderRelativePosition(Point.create(pt));\n    CursorPopupManager.onCursorPopupUpdatePositionEvent.emit({ pt });\n  }\n\n  /** Called when tool wants to close the popup\n   */\n  public static close(id: string, apply: boolean, fadeOut?: boolean) {\n    const popupInfo = CursorPopupManager._popups.find(\n      (info: CursorPopupInfo) => id === info.id\n    );\n    if (!popupInfo) {\n      Logger.logError(\n        UiFramework.loggerCategory(\"CursorPopupManager\"),\n        `close: Could not find popup with id of '${id}'`\n      );\n      return;\n    }\n\n    if (apply) popupInfo.options?.onApply?.();\n    popupInfo.options?.onClose?.();\n\n    if (fadeOut) {\n      // Already closing\n      if (popupInfo.cancelFadeOut) return;\n\n      let cancelled = false;\n      popupInfo.cancelFadeOut = () => {\n        cancelled = true;\n      };\n      CursorPopupManager.onCursorPopupFadeOutEvent.emit({ id });\n\n      setTimeout(() => {\n        if (cancelled) return;\n        CursorPopupManager.removePopup(id);\n      }, CursorPopup.fadeOutTime);\n      return;\n    }\n\n    popupInfo.cancelFadeOut?.();\n    popupInfo.cancelFadeOut = undefined;\n    CursorPopupManager.removePopup(id);\n  }\n\n  private static removePopup(id: string): void {\n    const index = CursorPopupManager._popups.findIndex(\n      (popupInfo: CursorPopupInfo) => id === popupInfo.id\n    );\n    if (index >= 0) {\n      CursorPopupManager._popups.splice(index, 1);\n      CursorPopupManager._emitPopupsChangedEvent();\n    }\n  }\n\n  private static resetPopupsRenderRelativePosition(pt: Point) {\n    CursorPopupManager.popups.forEach((popupInfo: CursorPopupInfo) => {\n      popupInfo.renderRelativePosition = popupInfo.relativePosition;\n\n      const flipped = CursorPopupManager.validateRenderRelativePosition(\n        pt,\n        popupInfo\n      );\n\n      // If flipped, call again to validate again.\n      if (flipped) {\n        CursorPopupManager.validateRenderRelativePosition(pt, popupInfo);\n      }\n    });\n  }\n\n  private static validateRenderRelativePosition(\n    pt: Point,\n    popupInfo: CursorPopupInfo\n  ): boolean {\n    const popupRect = CursorPopup.getPopupRect(\n      pt,\n      Point.create(popupInfo.offset),\n      popupInfo.popupSize,\n      popupInfo.renderRelativePosition\n    );\n    const { outPos, flipped } = CursorPopupManager.autoFlip(\n      popupInfo.renderRelativePosition,\n      popupRect,\n      window.innerWidth,\n      window.innerHeight\n    );\n\n    if (flipped) popupInfo.renderRelativePosition = outPos;\n\n    return flipped;\n  }\n\n  private static autoFlip(\n    inPos: RelativePosition,\n    rect: RectangleProps,\n    windowWidth: number,\n    windowHeight: number\n  ): { outPos: RelativePosition; flipped: boolean } {\n    let flipped = false;\n    let outPos = inPos;\n\n    if (rect.right > windowWidth) {\n      flipped = true;\n      switch (inPos) {\n        case RelativePosition.Top:\n        case RelativePosition.TopRight:\n          outPos = RelativePosition.TopLeft;\n          break;\n        case RelativePosition.Right:\n          outPos = RelativePosition.Left;\n          break;\n        case RelativePosition.Bottom:\n        case RelativePosition.BottomRight:\n          outPos = RelativePosition.BottomLeft;\n          break;\n      }\n    }\n\n    if (rect.left < 0) {\n      flipped = true;\n      switch (inPos) {\n        case RelativePosition.Top:\n        case RelativePosition.TopLeft:\n          outPos = RelativePosition.TopRight;\n          break;\n        case RelativePosition.Left:\n          outPos = RelativePosition.Right;\n          break;\n        case RelativePosition.Bottom:\n        case RelativePosition.BottomLeft:\n          outPos = RelativePosition.BottomRight;\n          break;\n      }\n    }\n\n    if (rect.bottom > windowHeight) {\n      flipped = true;\n      switch (inPos) {\n        case RelativePosition.Left:\n        case RelativePosition.BottomLeft:\n          outPos = RelativePosition.TopLeft;\n          break;\n        case RelativePosition.Bottom:\n          outPos = RelativePosition.Top;\n          break;\n        case RelativePosition.Right:\n        case RelativePosition.BottomRight:\n          outPos = RelativePosition.TopRight;\n          break;\n      }\n    }\n\n    if (rect.top < 0) {\n      flipped = true;\n      switch (inPos) {\n        case RelativePosition.Left:\n        case RelativePosition.TopLeft:\n          outPos = RelativePosition.BottomLeft;\n          break;\n        case RelativePosition.Top:\n          outPos = RelativePosition.Bottom;\n          break;\n        case RelativePosition.Right:\n        case RelativePosition.TopRight:\n          outPos = RelativePosition.BottomRight;\n          break;\n      }\n    }\n\n    return { outPos, flipped };\n  }\n}\n\n/** State for the [[CursorPopupRenderer]] React component */\ninterface CursorPopupRendererState {\n  pt: Point;\n}\n\n/** CursorPopupRenderer React component.\n * @public\n */\nexport class CursorPopupRenderer extends React.Component<\n  any,\n  CursorPopupRendererState\n> {\n  constructor(props: any) {\n    super(props);\n\n    this.state = {\n      pt: new Point(),\n    };\n  }\n\n  public override render(): React.ReactNode {\n    if (CursorPopupManager.popupCount <= 0) return null;\n\n    return <>{this.renderPositions()}</>;\n  }\n\n  private _handleSizeKnown(popupInfo: CursorPopupInfo, size: SizeProps) {\n    popupInfo.popupSize = size;\n  }\n\n  private renderPositions(): React.ReactNode[] {\n    const positions = new Array<React.ReactNode>();\n    let renderedPosition: React.ReactNode;\n    const begin = RelativePosition.Left;\n    const end = RelativePosition.BottomRight;\n\n    for (let position = begin; position <= end; position++) {\n      renderedPosition = this.renderRelativePosition(position);\n      if (renderedPosition) positions.push(renderedPosition);\n    }\n\n    return positions;\n  }\n\n  private renderRelativePosition(\n    relativePosition: RelativePosition\n  ): React.ReactNode {\n    const filteredInfo = CursorPopupManager.popups.filter(\n      (popupInfo: CursorPopupInfo) =>\n        popupInfo.renderRelativePosition === relativePosition\n    );\n\n    if (filteredInfo.length > 0) {\n      let totalDimension = 0;\n      const ascending =\n        relativePosition === RelativePosition.Right ||\n        relativePosition === RelativePosition.BottomRight ||\n        relativePosition === RelativePosition.Bottom ||\n        relativePosition === RelativePosition.BottomLeft;\n\n      const positionPopups = filteredInfo\n        .sort((a: CursorPopupInfo, b: CursorPopupInfo): number =>\n          ascending ? a.priority - b.priority : b.priority - a.priority\n        )\n        .map((popupInfo: CursorPopupInfo, index: number) => {\n          const title =\n            popupInfo.options !== undefined ? popupInfo.options.title : \"\";\n          const shadow =\n            popupInfo.options !== undefined ? popupInfo.options.shadow : false;\n          let offset = popupInfo.offset;\n\n          if (index > 0)\n            offset = this.adjustOffset(\n              offset,\n              popupInfo.renderRelativePosition,\n              totalDimension\n            );\n\n          if (popupInfo.popupSize)\n            totalDimension += this.getDimension(\n              popupInfo.popupSize,\n              relativePosition\n            );\n\n          return (\n            <CursorPopup\n              key={popupInfo.id}\n              id={popupInfo.id}\n              content={popupInfo.content}\n              pt={this.state.pt}\n              offset={offset}\n              relativePosition={popupInfo.renderRelativePosition}\n              title={title}\n              shadow={shadow}\n              onSizeKnown={(size: SizeProps) =>\n                this._handleSizeKnown(popupInfo, size)\n              }\n            />\n          );\n        });\n\n      return (\n        <React.Fragment key={relativePosition.toString()}>\n          {positionPopups}\n        </React.Fragment>\n      );\n    }\n\n    return null;\n  }\n\n  private getDimension(\n    popupSize: SizeProps,\n    relativePosition: RelativePosition\n  ): number {\n    let dimension = 0;\n\n    switch (relativePosition) {\n      case RelativePosition.Top:\n      case RelativePosition.Bottom:\n      case RelativePosition.TopLeft:\n      case RelativePosition.TopRight:\n      case RelativePosition.BottomLeft:\n      case RelativePosition.BottomRight:\n        dimension = popupSize.height;\n        break;\n      case RelativePosition.Left:\n      case RelativePosition.Right:\n        dimension = popupSize.width;\n        break;\n    }\n\n    return dimension;\n  }\n\n  private adjustOffset(\n    offset: Point,\n    relativePosition: RelativePosition,\n    dimension: number\n  ): Point {\n    let outOffset = Point.create(offset.toProps());\n\n    switch (relativePosition) {\n      case RelativePosition.Top:\n      case RelativePosition.Bottom:\n      case RelativePosition.TopLeft:\n      case RelativePosition.TopRight:\n      case RelativePosition.BottomLeft:\n      case RelativePosition.BottomRight:\n        outOffset = Point.create({ x: offset.x, y: offset.y + dimension });\n        break;\n      case RelativePosition.Left:\n      case RelativePosition.Right:\n        outOffset = Point.create({ x: offset.x + dimension, y: offset.y });\n        break;\n    }\n\n    return outOffset;\n  }\n\n  public override componentDidMount(): void {\n    CursorPopupManager.onCursorPopupsChangedEvent.addListener(\n      this._handlePopupChangedEvent\n    );\n    CursorPopupManager.onCursorPopupUpdatePositionEvent.addListener(\n      this._handleCursorPopupUpdatePositionEvent\n    );\n  }\n\n  public override componentWillUnmount(): void {\n    CursorPopupManager.onCursorPopupsChangedEvent.removeListener(\n      this._handlePopupChangedEvent\n    );\n    CursorPopupManager.onCursorPopupUpdatePositionEvent.removeListener(\n      this._handleCursorPopupUpdatePositionEvent\n    );\n  }\n\n  private _handlePopupChangedEvent: ListenerType<\n    typeof CursorPopupManager.onCursorPopupsChangedEvent\n  > = () => {\n    this.forceUpdate();\n  };\n\n  private _handleCursorPopupUpdatePositionEvent: ListenerType<\n    typeof CursorPopupManager.onCursorPopupUpdatePositionEvent\n  > = (args) => {\n    this.setState({ pt: Point.create(args.pt) });\n  };\n}\n"]}
+{"version":3,"file":"CursorPopupManager.js","sourceRoot":"","sources":["../../../../src/appui-react/cursor/cursorpopup/CursorPopupManager.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 { BeUiEvent, Logger } from \"@itwin/core-bentley\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { Point } from \"@itwin/core-react/internal\";\nimport { UiFramework } from \"../../UiFramework.js\";\nimport { CursorPopupShow } from \"./CursorPopup.js\";\nimport { CursorPopup } from \"./CursorPopup.js\";\nimport type { SizeProps } from \"../../utils/SizeProps.js\";\nimport type { RectangleProps } from \"../../utils/RectangleProps.js\";\nimport { ChildWindowContext } from \"../../childwindow/ChildWindowRenderer.js\";\n\n/** Options for the [[CursorPopupManager]] open method\n * @public\n */\nexport interface CursorPopupOptions {\n  /** Title of the popup */\n  title?: string;\n  /** Called on popup close */\n  onClose?: () => void;\n  /** Callback to apply changes */\n  onApply?: () => void;\n  /** Draw shadow */\n  shadow?: boolean;\n}\n\n/** Information maintained by CursorPopupManager about a CursorPopup.\n * @public\n */\ninterface CursorPopupInfo {\n  id: string;\n  content: React.ReactNode;\n  relativePosition: RelativePosition;\n  offset: Point;\n  priority: number;\n  options?: CursorPopupOptions;\n  targetDocument?: Document;\n\n  renderRelativePosition: RelativePosition;\n  popupSize?: SizeProps;\n\n  cancelFadeOut?: () => void;\n}\n\n/** CursorPopup component\n * @public\n */\nexport class CursorPopupManager {\n  private static _popups: CursorPopupInfo[] = new Array<CursorPopupInfo>();\n\n  /** @internal */\n  public static readonly onCursorPopupUpdatePositionEvent = new BeUiEvent<{\n    pt: XAndY;\n  }>();\n  /** @internal */\n  public static readonly onCursorPopupFadeOutEvent = new BeUiEvent<{\n    id: string;\n    show?: CursorPopupShow;\n  }>();\n  /** @internal */\n  public static readonly onCursorPopupsChangedEvent = new BeUiEvent<object>();\n  /** @internal */\n  public static clearPopups() {\n    this._popups.length = 0;\n    CursorPopupManager.onCursorPopupsChangedEvent.emit({});\n  }\n\n  public static get popups() {\n    return this._popups;\n  }\n\n  public static get popupCount() {\n    return this._popups.length;\n  }\n\n  private static pushPopup(popupInfo: CursorPopupInfo): void {\n    CursorPopupManager._popups.push(popupInfo);\n    CursorPopupManager.onCursorPopupsChangedEvent.emit({});\n  }\n\n  /** Called to open popup with a new set of properties\n   */\n  public static open(\n    id: string,\n    content: React.ReactNode,\n    pt: XAndY,\n    offset: XAndY,\n    relativePosition: RelativePosition,\n    priority: number = 0,\n    options?: CursorPopupOptions,\n    targetDocument?: Document\n  ) {\n    const popupInfo = CursorPopupManager._popups.find((info) => id === info.id);\n    if (popupInfo) {\n      CursorPopupManager.onCursorPopupFadeOutEvent.emit({\n        id,\n        show: CursorPopupShow.Open,\n      });\n\n      popupInfo.content = content;\n      popupInfo.offset = Point.create(offset);\n      popupInfo.relativePosition = relativePosition;\n      popupInfo.renderRelativePosition = relativePosition;\n      popupInfo.priority = priority;\n      popupInfo.options = options;\n      popupInfo.targetDocument = targetDocument;\n      CursorPopupManager.updatePosition(pt, targetDocument);\n\n      if (popupInfo.cancelFadeOut) {\n        popupInfo.cancelFadeOut();\n        popupInfo.cancelFadeOut = undefined;\n      }\n      return;\n    }\n\n    const newPopupInfo: CursorPopupInfo = {\n      id,\n      content,\n      offset: Point.create(offset),\n      relativePosition,\n      options,\n      renderRelativePosition: relativePosition,\n      priority,\n      targetDocument,\n    };\n    CursorPopupManager.pushPopup(newPopupInfo);\n    CursorPopupManager.updatePosition(pt, targetDocument);\n  }\n\n  /** Called to update popup with a new set of properties\n   */\n  public static update(\n    id: string,\n    content: React.ReactNode,\n    pt: XAndY,\n    offset: XAndY,\n    relativePosition: RelativePosition,\n    priority: number = 0,\n    targetDocument?: Document\n  ) {\n    const popupInfo = CursorPopupManager._popups.find(\n      (info: CursorPopupInfo) => id === info.id\n    );\n    if (popupInfo) {\n      popupInfo.content = content;\n      popupInfo.offset = Point.create(offset);\n      popupInfo.relativePosition = relativePosition;\n      popupInfo.renderRelativePosition = relativePosition;\n      popupInfo.priority = priority;\n      popupInfo.targetDocument = targetDocument;\n    } else {\n      Logger.logError(\n        UiFramework.loggerCategory(\"CursorPopupManager\"),\n        `update: Could not find popup with id of '${id}'`\n      );\n    }\n\n    CursorPopupManager.updatePosition(pt);\n  }\n\n  /** Called to move the open popup to new location\n   */\n  public static updatePosition(pt: XAndY, targetDocument?: Document) {\n    CursorPopupManager.resetPopupsRenderRelativePosition(\n      Point.create(pt),\n      targetDocument\n    );\n    CursorPopupManager.onCursorPopupUpdatePositionEvent.emit({ pt });\n  }\n\n  /** Called when tool wants to close the popup\n   */\n  public static close(id: string, apply: boolean, fadeOut?: boolean) {\n    const popupInfo = CursorPopupManager._popups.find(\n      (info: CursorPopupInfo) => id === info.id\n    );\n    if (!popupInfo) {\n      Logger.logError(\n        UiFramework.loggerCategory(\"CursorPopupManager\"),\n        `close: Could not find popup with id of '${id}'`\n      );\n      return;\n    }\n\n    if (apply) popupInfo.options?.onApply?.();\n    popupInfo.options?.onClose?.();\n\n    if (fadeOut) {\n      // Already closing\n      if (popupInfo.cancelFadeOut) return;\n\n      let cancelled = false;\n      popupInfo.cancelFadeOut = () => {\n        cancelled = true;\n      };\n      CursorPopupManager.onCursorPopupFadeOutEvent.emit({ id });\n\n      setTimeout(() => {\n        if (cancelled) return;\n        CursorPopupManager.removePopup(id);\n      }, CursorPopup.fadeOutTime);\n      return;\n    }\n\n    popupInfo.cancelFadeOut?.();\n    popupInfo.cancelFadeOut = undefined;\n    CursorPopupManager.removePopup(id);\n  }\n\n  private static removePopup(id: string): void {\n    const index = CursorPopupManager._popups.findIndex(\n      (popupInfo: CursorPopupInfo) => id === popupInfo.id\n    );\n    if (index >= 0) {\n      CursorPopupManager._popups.splice(index, 1);\n      CursorPopupManager.onCursorPopupsChangedEvent.emit({});\n    }\n  }\n\n  private static resetPopupsRenderRelativePosition(\n    pt: Point,\n    targetDocument: Document | undefined\n  ) {\n    CursorPopupManager.popups.forEach((popupInfo) => {\n      if (\n        popupInfo.cancelFadeOut &&\n        popupInfo.targetDocument !== targetDocument\n      ) {\n        // Popup if fading out - do not change target document.\n        return;\n      }\n\n      popupInfo.renderRelativePosition = popupInfo.relativePosition;\n      popupInfo.targetDocument = targetDocument;\n\n      const flipped = CursorPopupManager.validateRenderRelativePosition(\n        pt,\n        popupInfo,\n        targetDocument\n      );\n\n      // If flipped, call again to validate again.\n      if (flipped) {\n        CursorPopupManager.validateRenderRelativePosition(\n          pt,\n          popupInfo,\n          targetDocument\n        );\n      }\n    });\n  }\n\n  private static validateRenderRelativePosition(\n    pt: Point,\n    popupInfo: CursorPopupInfo,\n    targetDocument: Document | undefined\n  ): boolean {\n    const popupRect = CursorPopup.getPopupRect(\n      pt,\n      Point.create(popupInfo.offset),\n      popupInfo.popupSize,\n      popupInfo.renderRelativePosition\n    );\n    const targetWindow = targetDocument?.defaultView ?? window;\n    const { outPos, flipped } = CursorPopupManager.autoFlip(\n      popupInfo.renderRelativePosition,\n      popupRect,\n      targetWindow.innerWidth,\n      targetWindow.innerHeight\n    );\n\n    if (flipped) popupInfo.renderRelativePosition = outPos;\n\n    return flipped;\n  }\n\n  private static autoFlip(\n    inPos: RelativePosition,\n    rect: RectangleProps,\n    windowWidth: number,\n    windowHeight: number\n  ): { outPos: RelativePosition; flipped: boolean } {\n    let flipped = false;\n    let outPos = inPos;\n\n    if (rect.right > windowWidth) {\n      flipped = true;\n      switch (inPos) {\n        case RelativePosition.Top:\n        case RelativePosition.TopRight:\n          outPos = RelativePosition.TopLeft;\n          break;\n        case RelativePosition.Right:\n          outPos = RelativePosition.Left;\n          break;\n        case RelativePosition.Bottom:\n        case RelativePosition.BottomRight:\n          outPos = RelativePosition.BottomLeft;\n          break;\n      }\n    }\n\n    if (rect.left < 0) {\n      flipped = true;\n      switch (inPos) {\n        case RelativePosition.Top:\n        case RelativePosition.TopLeft:\n          outPos = RelativePosition.TopRight;\n          break;\n        case RelativePosition.Left:\n          outPos = RelativePosition.Right;\n          break;\n        case RelativePosition.Bottom:\n        case RelativePosition.BottomLeft:\n          outPos = RelativePosition.BottomRight;\n          break;\n      }\n    }\n\n    if (rect.bottom > windowHeight) {\n      flipped = true;\n      switch (inPos) {\n        case RelativePosition.Left:\n        case RelativePosition.BottomLeft:\n          outPos = RelativePosition.TopLeft;\n          break;\n        case RelativePosition.Bottom:\n          outPos = RelativePosition.Top;\n          break;\n        case RelativePosition.Right:\n        case RelativePosition.BottomRight:\n          outPos = RelativePosition.TopRight;\n          break;\n      }\n    }\n\n    if (rect.top < 0) {\n      flipped = true;\n      switch (inPos) {\n        case RelativePosition.Left:\n        case RelativePosition.TopLeft:\n          outPos = RelativePosition.BottomLeft;\n          break;\n        case RelativePosition.Top:\n          outPos = RelativePosition.Bottom;\n          break;\n        case RelativePosition.Right:\n        case RelativePosition.TopRight:\n          outPos = RelativePosition.BottomRight;\n          break;\n      }\n    }\n\n    return { outPos, flipped };\n  }\n}\n\nconst relativePositions = Object.values(RelativePosition).filter(\n  (value): value is RelativePosition => typeof value !== \"string\"\n);\n\n/** CursorPopupRenderer React component.\n * @public\n */\nexport function CursorPopupRenderer() {\n  const popupWindow = React.useContext(ChildWindowContext) ?? window;\n  const [popups, setPopups] = React.useState(CursorPopupManager.popups);\n  const [point, setPoint] = React.useState(new Point());\n\n  React.useEffect(() => {\n    return CursorPopupManager.onCursorPopupsChangedEvent.addListener(() => {\n      const allPopups = CursorPopupManager.popups;\n      const newPopups = allPopups.map((p) => ({ ...p }));\n      setPopups(newPopups);\n    });\n  }, []);\n  React.useEffect(() => {\n    return CursorPopupManager.onCursorPopupUpdatePositionEvent.addListener(\n      (args) => {\n        const allPopups = CursorPopupManager.popups;\n        const newPopups = allPopups.map((p) => ({ ...p }));\n        setPopups(newPopups);\n        setPoint(Point.create(args.pt));\n      }\n    );\n  }, []);\n\n  if (popups.length === 0) return undefined;\n  return (\n    <>\n      {relativePositions.map((position) => {\n        const filteredInfo = popups.filter(\n          (popupInfo) => popupInfo.renderRelativePosition === position\n        );\n        if (filteredInfo.length === 0) return undefined;\n\n        let totalDimension = 0;\n        const positionPopups = filteredInfo\n          .sort((a, b) => {\n            const ascending =\n              position === RelativePosition.Right ||\n              position === RelativePosition.BottomRight ||\n              position === RelativePosition.Bottom ||\n              position === RelativePosition.BottomLeft;\n            return ascending\n              ? a.priority - b.priority\n              : b.priority - a.priority;\n          })\n          .map((popupInfo, index) => {\n            const targetDocument = popupInfo.targetDocument ?? window.document;\n            if (popupWindow.document !== targetDocument) return undefined;\n\n            const title =\n              popupInfo.options !== undefined ? popupInfo.options.title : \"\";\n            const shadow =\n              popupInfo.options !== undefined\n                ? popupInfo.options.shadow\n                : false;\n            let offset = popupInfo.offset;\n\n            if (index > 0)\n              offset = adjustOffset(\n                offset,\n                popupInfo.renderRelativePosition,\n                totalDimension\n              );\n\n            if (popupInfo.popupSize)\n              totalDimension += getDimension(popupInfo.popupSize, position);\n\n            return (\n              <CursorPopup\n                key={popupInfo.id}\n                id={popupInfo.id}\n                content={popupInfo.content}\n                pt={point}\n                offset={offset}\n                relativePosition={popupInfo.renderRelativePosition}\n                title={title}\n                shadow={shadow}\n                onSizeKnown={(size) => {\n                  popupInfo.popupSize = size;\n                }}\n              />\n            );\n          });\n\n        return <React.Fragment key={position}>{positionPopups}</React.Fragment>;\n      })}\n    </>\n  );\n}\n\nfunction adjustOffset(\n  offset: Point,\n  relativePosition: RelativePosition,\n  dimension: number\n) {\n  switch (relativePosition) {\n    case RelativePosition.Top:\n    case RelativePosition.Bottom:\n    case RelativePosition.TopLeft:\n    case RelativePosition.TopRight:\n    case RelativePosition.BottomLeft:\n    case RelativePosition.BottomRight:\n      return Point.create({ x: offset.x, y: offset.y + dimension });\n    case RelativePosition.Left:\n    case RelativePosition.Right:\n      return Point.create({ x: offset.x + dimension, y: offset.y });\n  }\n\n  return Point.create(offset.toProps());\n}\n\nfunction getDimension(\n  popupSize: SizeProps,\n  relativePosition: RelativePosition\n) {\n  switch (relativePosition) {\n    case RelativePosition.Top:\n    case RelativePosition.Bottom:\n    case RelativePosition.TopLeft:\n    case RelativePosition.TopRight:\n    case RelativePosition.BottomLeft:\n    case RelativePosition.BottomRight:\n      return popupSize.height;\n    case RelativePosition.Left:\n    case RelativePosition.Right:\n      return popupSize.width;\n  }\n\n  return 0;\n}\n"]}

package/lib/appui-react/cursor/cursorprompt/CursorPrompt.d.ts

@@ -2,20 +2,17 @@
  * @module Notification
  */
 import "./CursorPrompt.scss";
-/** @internal */
-export declare class CursorPrompt {
-    private _popupId;
-    private _timer;
-    private _removeListeners;
-    open({ timeout, fadeout, iconSpec, instruction, promptAtContent, }: {
-        timeout: number;
-        fadeout: boolean;
-        iconSpec: string;
-        instruction: string;
-        promptAtContent: boolean;
-    }): void;
-    close(fadeout: boolean): void;
-    private show;
-    private hide;
+interface UseCursorPromptArgs {
+    show: boolean;
+    timeout: number;
+    iconSpec: string;
+    instruction: string | undefined;
+    fadeOut: boolean;
+    promptAtContent: boolean;
 }
+/** @internal */
+export declare function useCursorPrompt(args: UseCursorPromptArgs): {
+    open: () => void;
+};
+export {};
 //# sourceMappingURL=CursorPrompt.d.ts.map

package/lib/appui-react/cursor/cursorprompt/CursorPrompt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CursorPrompt.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/cursor/cursorprompt/CursorPrompt.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAY7B,gBAAgB;AAChB,qBAAa,YAAY;IACvB,OAAO,CAAC,QAAQ,CAAmB;IAEnC,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,gBAAgB,CAA2B;IAE5C,IAAI,CAAC,EACV,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,eAAe,GAChB,EAAE;QACD,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,eAAe,EAAE,OAAO,CAAC;KAC1B;IAmCM,KAAK,CAAC,OAAO,EAAE,OAAO;IAS7B,OAAO,CAAC,IAAI;IAgCZ,OAAO,CAAC,IAAI;CAGb"}
+{"version":3,"file":"CursorPrompt.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/cursor/cursorprompt/CursorPrompt.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAe7B,UAAU,mBAAmB;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAKD,gBAAgB;AAChB,wBAAgB,eAAe,CAAC,IAAI,EAAE,mBAAmB;;EA+FxD"}

package/lib/appui-react/cursor/cursorprompt/CursorPrompt.js

@@ -8,64 +8,101 @@
 import "./CursorPrompt.scss";
 import * as React from "react";
 import { RelativePosition } from "@itwin/appui-abstract";
+import { Logger } from "@itwin/core-bentley";
 import { Icon, Timer } from "@itwin/core-react";
 import { Point } from "@itwin/core-react/internal";
 import { Text } from "@itwin/itwinui-react";
 import { CursorInformation, useCursorInformationStore, } from "../CursorInformation.js";
 import { CursorPopupManager } from "../cursorpopup/CursorPopupManager.js";
+import { UiFramework } from "../../UiFramework.js";
+import { useDraggedItem } from "../../layout/base/DragManager.js";
+const popupId = "cursor-prompt";
+const getCategory = () => UiFramework.loggerCategory("useCursorPrompt");
 /** @internal */
-export class CursorPrompt {
-    constructor() {
-        this._popupId = "cursor-prompt";
-    }
-    open({ timeout, fadeout, iconSpec, instruction, promptAtContent, }) {
-        if (!this._removeListeners) {
-            const listeners = [
-                CursorInformation.onCursorUpdatedEvent.addListener((args) => {
-                    CursorPopupManager.updatePosition(args.newPt);
-                }),
-                useCursorInformationStore.subscribe((state) => {
-                    if (!promptAtContent)
-                        return;
-                    if (state.contentHovered) {
-                        this.show({
-                            iconSpec,
-                            instruction,
-                        });
-                        return;
-                    }
-                    this.hide(fadeout);
-                }),
-            ];
-            this._removeListeners = () => {
-                listeners.forEach((remove) => remove());
-            };
+export function useCursorPrompt(args) {
+    const { show, timeout, instruction, iconSpec, promptAtContent } = args;
+    const lastArgsRef = React.useRef(args);
+    React.useEffect(() => {
+        lastArgsRef.current = args;
+    }, [args]);
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    const timerRef = React.useRef();
+    const [isOpen, setIsOpen] = React.useState(false);
+    const dragged = !!useDraggedItem();
+    // Workaround to make sure the prompt is not shown when dragging a widget.
+    const [draggedRecently, setDraggedRecently] = React.useState(false);
+    React.useEffect(() => {
+        if (dragged) {
+            Logger.logTrace(getCategory(), "dragged recently");
+            setDraggedRecently(true);
+            return;
         }
-        this.show({ iconSpec, instruction });
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
+        const timer = new Timer(250);
+        timer.setOnExecute(() => {
+            Logger.logTrace(getCategory(), "reset dragged recently");
+            setDraggedRecently(false);
+        });
+        timer.start();
+        return () => {
+            timer.stop();
+        };
+    }, [dragged]);
+    const contentHovered = useCursorInformationStore((state) => state.contentHovered);
+    const shouldOpen = React.useMemo(() => {
+        if (!show)
+            return false;
+        if (!isOpen)
+            return false;
+        if (promptAtContent && (dragged || draggedRecently))
+            return false;
+        if (promptAtContent && !contentHovered)
+            return false;
+        return true;
+    }, [show, isOpen, dragged, draggedRecently, promptAtContent, contentHovered]);
+    React.useEffect(() => {
         if (timeout === Number.POSITIVE_INFINITY)
             return;
         // eslint-disable-next-line @typescript-eslint/no-deprecated
         const timer = new Timer(timeout);
-        timer.setOnExecute(() => this.close(fadeout));
-        timer.start();
-        this._timer = timer;
-    }
-    close(fadeout) {
-        this._timer?.stop();
-        this._timer = undefined;
-        this._removeListeners?.();
-        this._removeListeners = undefined;
-        this.hide(fadeout);
-    }
-    show({ iconSpec, instruction, }) {
-        const promptElement = (React.createElement("div", { className: "uifw-cursor-prompt" },
-            iconSpec && (React.createElement("span", { className: "uifw-cursor-prompt-icon" },
-                React.createElement(Icon, { iconSpec: iconSpec }))),
-            React.createElement(Text, { variant: "body", className: "uifw-cursor-prompt-text" }, instruction)));
-        CursorPopupManager.open(this._popupId, promptElement, CursorInformation.cursorPosition, new Point(20, 20), RelativePosition.BottomRight, 0, { shadow: true });
-    }
-    hide(fadeout) {
-        CursorPopupManager.close(this._popupId, false, fadeout);
-    }
+        timer.setOnExecute(() => {
+            Logger.logTrace(getCategory(), "timer expired");
+            setIsOpen(false);
+        });
+        timer.delay = timeout;
+        timerRef.current = timer;
+        return () => {
+            timer.stop();
+        };
+    }, [timeout]);
+    React.useEffect(() => {
+        if (!shouldOpen)
+            return;
+        if (!instruction)
+            return;
+        Logger.logTrace(getCategory(), "open");
+        CursorPopupManager.open(popupId, React.createElement(CursorPrompt, { iconSpec: iconSpec, instruction: instruction }), CursorInformation.cursorPosition, new Point(20, 20), RelativePosition.BottomRight, 0, { shadow: true }, CursorInformation.cursorDocument);
+        return () => {
+            Logger.logTrace(getCategory(), "close");
+            CursorPopupManager.close(popupId, false, lastArgsRef.current.fadeOut);
+        };
+    }, [shouldOpen, instruction, iconSpec]);
+    React.useEffect(() => {
+        return CursorInformation.onCursorUpdatedEvent.addListener((args) => {
+            CursorPopupManager.updatePosition(args.newPt, CursorInformation.cursorDocument);
+        });
+    }, []);
+    const open = React.useCallback(() => {
+        Logger.logTrace(getCategory(), "request open");
+        setIsOpen(true);
+        timerRef.current?.start();
+    }, []);
+    return { open };
+}
+function CursorPrompt({ iconSpec, instruction, }) {
+    return (React.createElement("div", { className: "uifw-cursor-prompt" },
+        iconSpec && (React.createElement("span", { className: "uifw-cursor-prompt-icon" },
+            React.createElement(Icon, { iconSpec: iconSpec }))),
+        React.createElement(Text, { variant: "body", className: "uifw-cursor-prompt-text" }, instruction)));
 }
 //# sourceMappingURL=CursorPrompt.js.map