@itwin/appui-react 3.0.0-dev.100

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

@@ -0,0 +1 @@
+{"version":3,"file":"CursorInformation.js","sourceRoot":"","sources":["../../../../src/appui-react/cursor/CursorInformation.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAc,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAN,IAAY,oBAKX;AALD,WAAY,oBAAoB;IAC9B,gEAAY,CAAA;IACZ,iEAAa,CAAA;IACb,kEAAc,CAAA;IACd,mEAAe,CAAA;AACjB,CAAC,EALW,oBAAoB,KAApB,oBAAoB,QAK/B;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,eAUX;AAVD,WAAY,eAAe;IACzB,qDAAQ,CAAA;IACR,sDAA8B,CAAA;IAC9B,uDAAgC,CAAA;IAChC,wDAAkC,CAAA;IAClC,yDAAoC,CAAA;IACpC,8DAA8D,CAAA;IAC9D,gEAAgE,CAAA;IAChE,mEAAoE,CAAA;IACpE,oEAAsE,CAAA;AACxE,CAAC,EAVW,eAAe,KAAf,eAAe,QAU1B;AAWD;;GAEG;AACH,MAAM,OAAO,kBAAmB,SAAQ,OAA+B;CAAI;AAE3E;;GAEG;AACH,MAAM,OAAO,iBAAiB;IAM5B,2BAA2B;IACpB,MAAM,KAAK,cAAc,KAAiB,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;IACxE,MAAM,KAAK,cAAc,CAAC,EAAc,IAAI,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAE7F,kCAAkC;IAC3B,MAAM,KAAK,OAAO,KAAa,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,kCAAkC;IAC3B,MAAM,KAAK,OAAO,KAAa,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtE,kDAAkD;IAC3C,MAAM,KAAK,eAAe,KAAsB,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAKtF,0GAA0G;IACnG,MAAM,CAAC,eAAe,CAAC,KAAiB;QAC7C,MAAM,KAAK,GAAG,iBAAiB,CAAC,cAAc,CAAC;QAC/C,MAAM,SAAS,GAAG,IAAI,CAAC,+BAA+B,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QAE1H,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;QAElC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACrE,CAAC;IAEO,MAAM,CAAC,+BAA+B,CAAC,gBAAmC,EAAE,KAAY,EAAE,KAAY;QAC5G,MAAM,eAAe,GAAG,IAAI,CAAC,yBAAyB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACrE,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACvC,IAAI,gBAAgB,CAAC,MAAM,GAAG,EAAE;YAC9B,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC9C,CAAC;IAEO,MAAM,CAAC,aAAa,CAAC,KAAwB;QACnD,MAAM,OAAO,GAAG,IAAI,GAAG,EAA2B,CAAC;QACnD,IAAI,QAAQ,GAAG,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC,IAAI,CAAC;QAEtD,KAAK,CAAC,OAAO,CAAC,CAAC,KAAsB,EAAE,EAAE;YACvC,MAAM,GAAG,GAAG,KAAK,CAAC;YAClB,IAAI,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAEjC,IAAI,SAAS,KAAK,SAAS;gBACzB,SAAS,EAAE,CAAC;;gBAEZ,SAAS,GAAG,CAAC,CAAC;YAEhB,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;YAE5B,IAAI,SAAS,GAAG,QAAQ,EAAE;gBACxB,YAAY,GAAG,GAAG,CAAC;gBACnB,QAAQ,GAAG,SAAS,CAAC;aACtB;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,YAAY,CAAC;IACtB,CAAC;IAEO,MAAM,CAAC,yBAAyB,CAAC,KAAY,EAAE,KAAY;QACjE,IAAI,cAAc,GAAW,CAAC,CAAC;QAE/B,IAAI,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;YACnB,cAAc,IAAI,oBAAoB,CAAC,IAAI,CAAC;aACzC,IAAI,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;YACxB,cAAc,IAAI,oBAAoB,CAAC,KAAK,CAAC;QAE/C,IAAI,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;YACnB,cAAc,IAAI,oBAAoB,CAAC,GAAG,CAAC;aACxC,IAAI,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;YACxB,cAAc,IAAI,oBAAoB,CAAC,MAAM,CAAC;QAEhD,MAAM,SAAS,GAAG,cAAiC,CAAC;QAEpD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,gEAAgE;IACzD,MAAM,CAAC,sCAAsC,CAAC,eAAgC;QACnF,IAAI,gBAAgB,GAAqB,gBAAgB,CAAC,WAAW,CAAC;QAEtE,QAAQ,eAAe,EAAE;YACvB,KAAK,eAAe,CAAC,GAAG;gBACtB,gBAAgB,GAAG,gBAAgB,CAAC,GAAG,CAAC;gBACxC,MAAM;YACR,KAAK,eAAe,CAAC,IAAI;gBACvB,gBAAgB,GAAG,gBAAgB,CAAC,IAAI,CAAC;gBACzC,MAAM;YACR,KAAK,eAAe,CAAC,KAAK;gBACxB,gBAAgB,GAAG,gBAAgB,CAAC,KAAK,CAAC;gBAC1C,MAAM;YACR,KAAK,eAAe,CAAC,MAAM;gBACzB,gBAAgB,GAAG,gBAAgB,CAAC,MAAM,CAAC;gBAC3C,MAAM;YACR,KAAK,eAAe,CAAC,OAAO;gBAC1B,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,CAAC;gBAC5C,MAAM;YACR,KAAK,eAAe,CAAC,QAAQ;gBAC3B,gBAAgB,GAAG,gBAAgB,CAAC,QAAQ,CAAC;gBAC7C,MAAM;YACR,KAAK,eAAe,CAAC,UAAU;gBAC7B,gBAAgB,GAAG,gBAAgB,CAAC,UAAU,CAAC;gBAC/C,MAAM;YACR,KAAK,eAAe,CAAC,WAAW;gBAC9B,gBAAgB,GAAG,gBAAgB,CAAC,WAAW,CAAC;gBAChD,MAAM;SACT;QAED,OAAO,gBAAgB,CAAC;IAC1B,CAAC;IAED,8BAA8B;IACvB,MAAM,CAAC,qBAAqB;QACjC,IAAI,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC;IACpC,CAAC;;AAtHc,iCAAe,GAAU,IAAI,KAAK,EAAE,CAAC;AACrC,kCAAgB,GAAoB,eAAe,CAAC,WAAW,CAAC;AAEhE,mCAAiB,GAAG,IAAI,KAAK,EAAmB,CAAC;AAchE,uCAAuC;AAChB,sCAAoB,GAAG,IAAI,kBAAkB,EAAE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Cursor\r\n */\r\n\r\nimport { PointProps, RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { Point, UiEvent } from \"@itwin/core-react\";\r\n\r\n/** Enum for Cursor Direction parts\r\n *  @public\r\n */\r\nexport enum CursorDirectionParts {\r\n  Top = 0x1000,\r\n  Left = 0x0100,\r\n  Right = 0x0010,\r\n  Bottom = 0x0001,\r\n}\r\n\r\n/** Enum for Cursor Direction\r\n * @public\r\n */\r\nexport enum CursorDirection {\r\n  None = 0,\r\n  Top = CursorDirectionParts.Top,\r\n  Left = CursorDirectionParts.Left,\r\n  Right = CursorDirectionParts.Right,\r\n  Bottom = CursorDirectionParts.Bottom,\r\n  TopLeft = CursorDirectionParts.Top | CursorDirectionParts.Left,\r\n  TopRight = CursorDirectionParts.Top | CursorDirectionParts.Right,\r\n  BottomLeft = CursorDirectionParts.Bottom | CursorDirectionParts.Left,\r\n  BottomRight = CursorDirectionParts.Bottom | CursorDirectionParts.Right,\r\n}\r\n\r\n/** Cursor Updated Event Args interface.\r\n * @public\r\n */\r\nexport interface CursorUpdatedEventArgs {\r\n  oldPt: PointProps;\r\n  newPt: PointProps;\r\n  direction: CursorDirection;\r\n}\r\n\r\n/** Cursor Updated Event class.\r\n * @public\r\n */\r\nexport class CursorUpdatedEvent extends UiEvent<CursorUpdatedEventArgs> { }\r\n\r\n/** Cursor Information class\r\n * @public\r\n */\r\nexport class CursorInformation {\r\n  private static _cursorPosition: Point = new Point();\r\n  private static _cursorDirection: CursorDirection = CursorDirection.BottomRight;\r\n\r\n  private static _cursorDirections = new Array<CursorDirection>();\r\n\r\n  /** The cursor position. */\r\n  public static get cursorPosition(): PointProps { return this._cursorPosition; }\r\n  public static set cursorPosition(pt: PointProps) { this._cursorPosition = Point.create(pt); }\r\n\r\n  /** Gets the cursor X position. */\r\n  public static get cursorX(): number { return this._cursorPosition.x; }\r\n  /** Gets the cursor Y position. */\r\n  public static get cursorY(): number { return this._cursorPosition.y; }\r\n\r\n  /** Gets the general cursor movement direction. */\r\n  public static get cursorDirection(): CursorDirection { return this._cursorDirection; }\r\n\r\n  /** Gets the [[CursorUpdatedEvent]]. */\r\n  public static readonly onCursorUpdatedEvent = new CursorUpdatedEvent();\r\n\r\n  /** Handles the mouse movement.  Sets the cursor position and direction and emits onCursorUpdatedEvent. */\r\n  public static handleMouseMove(point: PointProps): void {\r\n    const oldPt = CursorInformation.cursorPosition;\r\n    const direction = this._determineMostFrequentDirection(this._cursorDirections, this._cursorPosition, Point.create(point));\r\n\r\n    this.cursorPosition = point;\r\n    this._cursorDirection = direction;\r\n\r\n    this.onCursorUpdatedEvent.emit({ oldPt, newPt: point, direction });\r\n  }\r\n\r\n  private static _determineMostFrequentDirection(cursorDirections: CursorDirection[], oldPt: Point, newPt: Point): CursorDirection {\r\n    const cursorDirection = this._determineCursorDirection(oldPt, newPt);\r\n    cursorDirections.push(cursorDirection);\r\n    if (cursorDirections.length > 10)\r\n      cursorDirections.shift();\r\n    return this._mostFrequent(cursorDirections);\r\n  }\r\n\r\n  private static _mostFrequent(array: CursorDirection[]): CursorDirection {\r\n    const hashMap = new Map<CursorDirection, number>();\r\n    let maxCount = 0, mostFrequent = CursorDirection.None;\r\n\r\n    array.forEach((value: CursorDirection) => {\r\n      const key = value;\r\n      let frequency = hashMap.get(key);\r\n\r\n      if (frequency !== undefined)\r\n        frequency++;\r\n      else\r\n        frequency = 1;\r\n\r\n      hashMap.set(key, frequency);\r\n\r\n      if (frequency > maxCount) {\r\n        mostFrequent = key;\r\n        maxCount = frequency;\r\n      }\r\n    });\r\n\r\n    return mostFrequent;\r\n  }\r\n\r\n  private static _determineCursorDirection(oldPt: Point, newPt: Point): CursorDirection {\r\n    let directionParts: number = 0;\r\n\r\n    if (newPt.x < oldPt.x)\r\n      directionParts |= CursorDirectionParts.Left;\r\n    else if (newPt.x > oldPt.x)\r\n      directionParts |= CursorDirectionParts.Right;\r\n\r\n    if (newPt.y < oldPt.y)\r\n      directionParts |= CursorDirectionParts.Top;\r\n    else if (newPt.y > oldPt.y)\r\n      directionParts |= CursorDirectionParts.Bottom;\r\n\r\n    const direction = directionParts as CursorDirection;\r\n\r\n    return direction;\r\n  }\r\n\r\n  /** Gets the relative position based on the cursor direction. */\r\n  public static getRelativePositionFromCursorDirection(cursorDirection: CursorDirection): RelativePosition {\r\n    let relativePosition: RelativePosition = RelativePosition.BottomRight;\r\n\r\n    switch (cursorDirection) {\r\n      case CursorDirection.Top:\r\n        relativePosition = RelativePosition.Top;\r\n        break;\r\n      case CursorDirection.Left:\r\n        relativePosition = RelativePosition.Left;\r\n        break;\r\n      case CursorDirection.Right:\r\n        relativePosition = RelativePosition.Right;\r\n        break;\r\n      case CursorDirection.Bottom:\r\n        relativePosition = RelativePosition.Bottom;\r\n        break;\r\n      case CursorDirection.TopLeft:\r\n        relativePosition = RelativePosition.TopLeft;\r\n        break;\r\n      case CursorDirection.TopRight:\r\n        relativePosition = RelativePosition.TopRight;\r\n        break;\r\n      case CursorDirection.BottomLeft:\r\n        relativePosition = RelativePosition.BottomLeft;\r\n        break;\r\n      case CursorDirection.BottomRight:\r\n        relativePosition = RelativePosition.BottomRight;\r\n        break;\r\n    }\r\n\r\n    return relativePosition;\r\n  }\r\n\r\n  /** @internal - for testing */\r\n  public static clearCursorDirections(): void {\r\n    this._cursorDirections.length = 0;\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,33 @@
+/** @packageDocumentation
+ * @module Cursor
+ */
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+import { MenuItemProps } from "../../shared/MenuItem";
+/** State for [[CursorPopupMenu]] component
+ * @alpha
+ */
+interface CursorPopupMenuState {
+    menuX: number;
+    menuY: number;
+    menuVisible: boolean;
+    items?: MenuItemProps[];
+}
+/** 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, CursorPopupMenuState> {
+    private _componentUnmounting;
+    private _hostChildWindowId?;
+    /** @internal */
+    readonly state: CursorPopupMenuState;
+    private _handleSyncUiEvent;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private _handleRefSet;
+    render(): React.ReactNode;
+    private _hideContextMenu;
+    private _itemPicked;
+}
+export {};
+//# sourceMappingURL=CursorMenu.d.ts.map

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

@@ -0,0 +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,EAAE,WAAW,EAAqB,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAmB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAKvE;;GAEG;AACH,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;CACzB;AAED;;GAEG;AAEH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE,oBAAoB,CAAC;IACzF,OAAO,CAAC,oBAAoB,CAAS;IACrC,OAAO,CAAC,kBAAkB,CAAC,CAAS;IAEpC,gBAAgB;IAChB,SAAyB,KAAK,EAAE,oBAAoB,CAKlD;IAEF,OAAO,CAAC,kBAAkB,CAcxB;IAEc,iBAAiB;IAIjB,oBAAoB;IAKpC,OAAO,CAAC,aAAa,CAKnB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IA0BzC,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,WAAW,CAEjB;CACH"}

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

@@ -0,0 +1,73 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Cursor
+ */
+import * as React from "react";
+import { GlobalContextMenu } from "@itwin/core-react"; // ContextSubMenu,
+import { SessionStateActionId } from "../../redux/SessionState";
+import { MenuItemHelpers } from "../../shared/MenuItem";
+import { SyncUiEventDispatcher } from "../../syncui/SyncUiEventDispatcher";
+import { UiFramework } from "../../UiFramework";
+import { Logger } from "@itwin/core-bentley";
+/** Popup Menu to show at cursor typically used by tools to provide a right-click context menu.
+ * @alpha
+ */
+// istanbul ignore next
+export class CursorPopupMenu extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._componentUnmounting = false; // used to ensure _handleSyncUiEvent callback is not processed after componentWillUnmount is called
+        /** @internal */
+        this.state = {
+            menuX: 0,
+            menuY: 0,
+            menuVisible: false,
+            items: undefined,
+        };
+        this._handleSyncUiEvent = (args) => {
+            /* istanbul ignore next */
+            if (this._componentUnmounting)
+                return;
+            /* istanbul ignore else */
+            if (SyncUiEventDispatcher.hasEventOfInterest(args.eventIds, [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 });
+                }
+            }
+        };
+        this._handleRefSet = (popupDiv) => {
+            var _a, _b;
+            const parentWindow = (_a = popupDiv === null || popupDiv === void 0 ? void 0 : popupDiv.ownerDocument.defaultView) !== null && _a !== void 0 ? _a : undefined;
+            // if the window is not a pop out set to undefined
+            this._hostChildWindowId = UiFramework.childWindowManager.findChildWindowId(parentWindow);
+            Logger.logInfo(UiFramework.loggerCategory(UiFramework), `Cursor Menu for ${(_b = this._hostChildWindowId) !== null && _b !== void 0 ? _b : "main"} window`);
+        };
+        this._hideContextMenu = () => {
+            this.setState({ menuVisible: false });
+        };
+        this._itemPicked = () => {
+            this._hideContextMenu();
+        };
+    }
+    componentDidMount() {
+        SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);
+    }
+    componentWillUnmount() {
+        this._componentUnmounting = true;
+        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 &&
+            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(MenuItemHelpers.createMenuItems(items, this._itemPicked)))));
+    }
+}
+//# sourceMappingURL=CursorMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CursorMenu.js","sourceRoot":"","sources":["../../../../../src/appui-react/cursor/cursormenu/CursorMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Cursor\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps, GlobalContextMenu } from \"@itwin/core-react\"; // ContextSubMenu,\r\nimport { SessionStateActionId } from \"../../redux/SessionState\";\r\nimport { MenuItemHelpers, MenuItemProps } from \"../../shared/MenuItem\";\r\nimport { SyncUiEventArgs, SyncUiEventDispatcher } from \"../../syncui/SyncUiEventDispatcher\";\r\nimport { UiFramework } from \"../../UiFramework\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\n\r\n/** State for [[CursorPopupMenu]] component\r\n * @alpha\r\n */\r\ninterface CursorPopupMenuState {\r\n  menuX: number;\r\n  menuY: number;\r\n  menuVisible: boolean;\r\n  items?: MenuItemProps[];\r\n}\r\n\r\n/** Popup Menu to show at cursor typically used by tools to provide a right-click context menu.\r\n * @alpha\r\n */\r\n// istanbul ignore next\r\nexport class CursorPopupMenu extends React.PureComponent<CommonProps, CursorPopupMenuState> {\r\n  private _componentUnmounting = false;  // used to ensure _handleSyncUiEvent callback is not processed after componentWillUnmount is called\r\n  private _hostChildWindowId?: string;\r\n\r\n  /** @internal */\r\n  public override readonly state: CursorPopupMenuState = {\r\n    menuX: 0,\r\n    menuY: 0,\r\n    menuVisible: false,\r\n    items: undefined,\r\n  };\r\n\r\n  private _handleSyncUiEvent = (args: SyncUiEventArgs): void => {\r\n    /* istanbul ignore next */\r\n    if (this._componentUnmounting)\r\n      return;\r\n\r\n    /* istanbul ignore else */\r\n    if (SyncUiEventDispatcher.hasEventOfInterest(args.eventIds, [SessionStateActionId.UpdateCursorMenu])) {\r\n      const menuData = UiFramework.getCursorMenuData();\r\n      if (menuData && this._hostChildWindowId === menuData.childWindowId) {\r\n        this.setState({ menuVisible: menuData.items && menuData.items.length > 0, items: menuData.items, menuX: menuData.position.x, menuY: menuData.position.y });\r\n      } else {\r\n        this.setState({ menuVisible: false, items: undefined });\r\n      }\r\n    }\r\n  };\r\n\r\n  public override componentDidMount() {\r\n    SyncUiEventDispatcher.onSyncUiEvent.addListener(this._handleSyncUiEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    this._componentUnmounting = true;\r\n    SyncUiEventDispatcher.onSyncUiEvent.removeListener(this._handleSyncUiEvent);\r\n  }\r\n\r\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\r\n    const parentWindow = popupDiv?.ownerDocument.defaultView ?? undefined;\r\n    // if the window is not a pop out set to undefined\r\n    this._hostChildWindowId = UiFramework.childWindowManager.findChildWindowId(parentWindow);\r\n    Logger.logInfo(UiFramework.loggerCategory(UiFramework), `Cursor Menu for ${this._hostChildWindowId ?? \"main\"} window`);\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    const { menuX, menuY, items, menuVisible } = this.state;\r\n    const onClose = this._hideContextMenu;\r\n\r\n    return (\r\n      <div className=\"uifw-cursor-menu-container-div\" ref={this._handleRefSet}>\r\n        {items && items.length > 0 && menuVisible &&\r\n          <GlobalContextMenu\r\n            className={this.props.className}\r\n            style={this.props.style}\r\n            identifier=\"cursor-popup-menu\"\r\n            x={menuX}\r\n            y={menuY}\r\n            opened={menuVisible}\r\n            onEsc={onClose}\r\n            onOutsideClick={onClose}\r\n            edgeLimit={false}\r\n            autoflip={true}\r\n          >\r\n            {MenuItemHelpers.createMenuItemNodes(MenuItemHelpers.createMenuItems(items, this._itemPicked))}\r\n          </GlobalContextMenu>\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _hideContextMenu = () => {\r\n    this.setState({ menuVisible: false });\r\n  };\r\n\r\n  private _itemPicked = (): void => {\r\n    this._hideContextMenu();\r\n  };\r\n}\r\n"]}

package/lib/esm/appui-react/cursor/cursorpopup/CursorPopup.d.ts

@@ -0,0 +1,59 @@
+/** @packageDocumentation
+ * @module Cursor
+ */
+import "./CursorPopup.scss";
+import * as React from "react";
+import { PointProps, RelativePosition } from "@itwin/appui-abstract";
+import { CommonDivProps, CommonProps, RectangleProps, Size, SizeProps } from "@itwin/core-react";
+/** Properties for the [[CursorPopup]] React component
+ * @public
+ */
+export interface CursorPopupProps extends CommonProps {
+    id: string;
+    content: React.ReactNode;
+    pt: PointProps;
+    offset: PointProps;
+    relativePosition: RelativePosition;
+    title?: string;
+    shadow?: boolean;
+    /** Function called when size is known. */
+    onSizeKnown?: (size: SizeProps) => void;
+}
+/** Enum for showing CursorPopup
+ * @internal - unit testing
+ */
+export declare enum CursorPopupShow {
+    Open = 0,
+    FadeOut = 1
+}
+/** State for the [[CursorPopup]] React component
+ * @internal
+ */
+interface CursorPopupState {
+    showPopup: CursorPopupShow;
+    size: Size;
+}
+/** CursorPopup React component
+ * @public
+ */
+export declare class CursorPopup extends React.Component<CursorPopupProps, CursorPopupState> {
+    private _isMounted;
+    /** @internal */
+    static fadeOutTime: number;
+    /** @internal */
+    constructor(props: CursorPopupProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private _handleCursorPopupFadeOutEvent;
+    /** @internal */
+    static getPopupRect(pt: PointProps, offset: PointProps, popupSize: SizeProps | undefined, relativePosition: RelativePosition): RectangleProps;
+    private setDivRef;
+    /** @internal */
+    render(): JSX.Element;
+}
+/** CursorPopup content with padding
+ * @public
+ */
+export declare function CursorPopupContent(props: CommonDivProps): JSX.Element;
+export {};
+//# sourceMappingURL=CursorPopup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CursorPopup.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/cursor/cursorpopup/CursorPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAO,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAItG;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,EAAE,EAAE,UAAU,CAAC;IACf,MAAM,EAAE,UAAU,CAAC;IACnB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED;;GAEG;AACH,oBAAY,eAAe;IACzB,IAAI,IAAA;IACJ,OAAO,IAAA;CACR;AAED;;GAEG;AACH,UAAU,gBAAgB;IACxB,SAAS,EAAE,eAAe,CAAC;IAC3B,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;GAEG;AACH,qBAAa,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAElF,OAAO,CAAC,UAAU,CAAkB;IAEpC,gBAAgB;IAChB,OAAc,WAAW,SAAO;IAEhC,gBAAgB;gBACJ,KAAK,EAAE,gBAAgB;IASnB,iBAAiB;IAKjB,oBAAoB;IAKpC,OAAO,CAAC,8BAA8B,CAMpC;IAEF,gBAAgB;WACF,YAAY,CAAC,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAG,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,GAAG,cAAc;IA4DpJ,OAAO,CAAC,SAAS;IAmBjB,gBAAgB;IACA,MAAM;CAyBvB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,eAEvD"}

package/lib/esm/appui-react/cursor/cursorpopup/CursorPopup.js

@@ -0,0 +1,146 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Cursor
+ */
+import "./CursorPopup.scss";
+import * as React from "react";
+import classnames from "classnames";
+import { RelativePosition } from "@itwin/appui-abstract";
+import { Div, Size } from "@itwin/core-react";
+import { TitleBar } from "@itwin/appui-layout-react";
+import { CursorPopupManager } from "./CursorPopupManager";
+/** Enum for showing CursorPopup
+ * @internal - unit testing
+ */
+export var CursorPopupShow;
+(function (CursorPopupShow) {
+    CursorPopupShow[CursorPopupShow["Open"] = 0] = "Open";
+    CursorPopupShow[CursorPopupShow["FadeOut"] = 1] = "FadeOut";
+})(CursorPopupShow || (CursorPopupShow = {}));
+/** CursorPopup React component
+ * @public
+ */
+export class CursorPopup extends React.Component {
+    /** @internal */
+    constructor(props) {
+        super(props);
+        this._isMounted = false;
+        this._handleCursorPopupFadeOutEvent = (args) => {
+            if (this.props.id === args.id) {
+                // istanbul ignore else
+                if (this._isMounted)
+                    this.setState({ showPopup: CursorPopupShow.FadeOut });
+            }
+        };
+        this.state = {
+            showPopup: CursorPopupShow.Open,
+            size: new Size(-1, -1),
+        };
+    }
+    componentDidMount() {
+        this._isMounted = true;
+        CursorPopupManager.onCursorPopupFadeOutEvent.addListener(this._handleCursorPopupFadeOutEvent);
+    }
+    componentWillUnmount() {
+        this._isMounted = false;
+        CursorPopupManager.onCursorPopupFadeOutEvent.removeListener(this._handleCursorPopupFadeOutEvent);
+    }
+    /** @internal */
+    static getPopupRect(pt, offset, popupSize, relativePosition) {
+        const popupRect = { top: 0, left: 0, right: 0, bottom: 0 };
+        if (popupSize === undefined)
+            return popupRect;
+        switch (relativePosition) {
+            case RelativePosition.Top:
+                popupRect.bottom = pt.y - offset.y;
+                popupRect.left = pt.x - (popupSize.width / 2);
+                popupRect.top = popupRect.bottom - popupSize.height;
+                popupRect.right = popupRect.left + popupSize.width;
+                break;
+            case RelativePosition.Left:
+                popupRect.right = pt.x - offset.x;
+                popupRect.top = pt.y - (popupSize.height / 2);
+                popupRect.left = popupRect.right - popupSize.width;
+                popupRect.bottom = popupRect.top + popupSize.height;
+                break;
+            case RelativePosition.Right:
+                popupRect.left = pt.x + offset.x;
+                popupRect.top = pt.y - (popupSize.height / 2);
+                popupRect.right = popupRect.left + popupSize.width;
+                popupRect.bottom = popupRect.top + popupSize.height;
+                break;
+            case RelativePosition.Bottom:
+                popupRect.top = pt.y + offset.y;
+                popupRect.left = pt.x - (popupSize.width / 2);
+                popupRect.bottom = popupRect.top + popupSize.height;
+                popupRect.right = popupRect.left + popupSize.width;
+                break;
+            case RelativePosition.TopLeft:
+                popupRect.bottom = pt.y - offset.y;
+                popupRect.right = pt.x - offset.x;
+                popupRect.top = popupRect.bottom - popupSize.height;
+                popupRect.left = popupRect.right - popupSize.width;
+                break;
+            case RelativePosition.TopRight:
+                popupRect.bottom = pt.y - offset.y;
+                popupRect.left = pt.x + offset.x;
+                popupRect.top = popupRect.bottom - popupSize.height;
+                popupRect.right = popupRect.left + popupSize.width;
+                break;
+            case RelativePosition.BottomLeft:
+                popupRect.top = pt.y + offset.y;
+                popupRect.right = pt.x - offset.x;
+                popupRect.bottom = popupRect.top + popupSize.height;
+                popupRect.left = popupRect.right - popupSize.width;
+                break;
+            case RelativePosition.BottomRight:
+                popupRect.top = pt.y + offset.y;
+                popupRect.left = pt.x + offset.x;
+                popupRect.bottom = popupRect.top + popupSize.height;
+                popupRect.right = popupRect.left + popupSize.width;
+                break;
+        }
+        return popupRect;
+    }
+    setDivRef(div) {
+        // istanbul ignore else
+        if (div) {
+            const rect = div.getBoundingClientRect();
+            const newSize = new Size(rect.width, rect.height);
+            // istanbul ignore else
+            if (!this.state.size.equals(newSize)) {
+                // istanbul ignore else
+                if (this.props.onSizeKnown)
+                    this.props.onSizeKnown(newSize);
+                // istanbul ignore else
+                if (this._isMounted)
+                    this.setState({ size: newSize });
+            }
+        }
+    }
+    /** @internal */
+    render() {
+        const popupRect = CursorPopup.getPopupRect(this.props.pt, this.props.offset, this.state.size, this.props.relativePosition);
+        const positioningStyle = {
+            left: popupRect.left,
+            top: popupRect.top,
+        };
+        const classNames = classnames("uifw-cursorpopup", this.props.shadow && "core-popup-shadow", this.state.showPopup === CursorPopupShow.FadeOut && "uifw-cursorpopup-fadeOut");
+        return (React.createElement("div", { className: classNames, ref: (e) => this.setDivRef(e), style: positioningStyle },
+            this.props.title &&
+                React.createElement(TitleBar, { title: this.props.title, className: "uifw-cursorpopup-title" }),
+            this.props.content));
+    }
+}
+/** @internal */
+CursorPopup.fadeOutTime = 500;
+/** CursorPopup content with padding
+ * @public
+ */
+export function CursorPopupContent(props) {
+    return React.createElement(Div, { ...props, mainClassName: "uifw-cursorpopup-content" });
+}
+//# sourceMappingURL=CursorPopup.js.map

package/lib/esm/appui-react/cursor/cursorpopup/CursorPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CursorPopup.js","sourceRoot":"","sources":["../../../../../src/appui-react/cursor/cursorpopup/CursorPopup.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Cursor\r\n */\r\n\r\nimport \"./CursorPopup.scss\";\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { PointProps, RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { CommonDivProps, CommonProps, Div, RectangleProps, Size, SizeProps } from \"@itwin/core-react\";\r\nimport { TitleBar } from \"@itwin/appui-layout-react\";\r\nimport { CursorPopupFadeOutEventArgs, CursorPopupManager } from \"./CursorPopupManager\";\r\n\r\n/** Properties for the [[CursorPopup]] React component\r\n * @public\r\n */\r\nexport interface CursorPopupProps extends CommonProps {\r\n  id: string;\r\n  content: React.ReactNode;\r\n  pt: PointProps;\r\n  offset: PointProps;\r\n  relativePosition: RelativePosition;\r\n  title?: string;\r\n  shadow?: boolean;\r\n  /** Function called when size is known. */\r\n  onSizeKnown?: (size: SizeProps) => void;\r\n}\r\n\r\n/** Enum for showing CursorPopup\r\n * @internal - unit testing\r\n */\r\nexport enum CursorPopupShow {\r\n  Open,\r\n  FadeOut,\r\n}\r\n\r\n/** State for the [[CursorPopup]] React component\r\n * @internal\r\n */\r\ninterface CursorPopupState {\r\n  showPopup: CursorPopupShow;\r\n  size: Size;\r\n}\r\n\r\n/** CursorPopup React component\r\n * @public\r\n */\r\nexport class CursorPopup extends React.Component<CursorPopupProps, CursorPopupState> {\r\n\r\n  private _isMounted: boolean = false;\r\n\r\n  /** @internal */\r\n  public static fadeOutTime = 500;\r\n\r\n  /** @internal */\r\n  constructor(props: CursorPopupProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      showPopup: CursorPopupShow.Open,\r\n      size: new Size(-1, -1),\r\n    };\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    this._isMounted = true;\r\n    CursorPopupManager.onCursorPopupFadeOutEvent.addListener(this._handleCursorPopupFadeOutEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    this._isMounted = false;\r\n    CursorPopupManager.onCursorPopupFadeOutEvent.removeListener(this._handleCursorPopupFadeOutEvent);\r\n  }\r\n\r\n  private _handleCursorPopupFadeOutEvent = (args: CursorPopupFadeOutEventArgs) => {\r\n    if (this.props.id === args.id) {\r\n      // istanbul ignore else\r\n      if (this._isMounted)\r\n        this.setState({ showPopup: CursorPopupShow.FadeOut });\r\n    }\r\n  };\r\n\r\n  /** @internal */\r\n  public static getPopupRect(pt: PointProps, offset: PointProps, popupSize: SizeProps | undefined, relativePosition: RelativePosition): RectangleProps {\r\n    const popupRect = { top: 0, left: 0, right: 0, bottom: 0 };\r\n\r\n    if (popupSize === undefined)\r\n      return popupRect;\r\n\r\n    switch (relativePosition) {\r\n      case RelativePosition.Top:\r\n        popupRect.bottom = pt.y - offset.y;\r\n        popupRect.left = pt.x - (popupSize.width / 2);\r\n        popupRect.top = popupRect.bottom - popupSize.height;\r\n        popupRect.right = popupRect.left + popupSize.width;\r\n        break;\r\n      case RelativePosition.Left:\r\n        popupRect.right = pt.x - offset.x;\r\n        popupRect.top = pt.y - (popupSize.height / 2);\r\n        popupRect.left = popupRect.right - popupSize.width;\r\n        popupRect.bottom = popupRect.top + popupSize.height;\r\n        break;\r\n      case RelativePosition.Right:\r\n        popupRect.left = pt.x + offset.x;\r\n        popupRect.top = pt.y - (popupSize.height / 2);\r\n        popupRect.right = popupRect.left + popupSize.width;\r\n        popupRect.bottom = popupRect.top + popupSize.height;\r\n        break;\r\n      case RelativePosition.Bottom:\r\n        popupRect.top = pt.y + offset.y;\r\n        popupRect.left = pt.x - (popupSize.width / 2);\r\n        popupRect.bottom = popupRect.top + popupSize.height;\r\n        popupRect.right = popupRect.left + popupSize.width;\r\n        break;\r\n      case RelativePosition.TopLeft:\r\n        popupRect.bottom = pt.y - offset.y;\r\n        popupRect.right = pt.x - offset.x;\r\n        popupRect.top = popupRect.bottom - popupSize.height;\r\n        popupRect.left = popupRect.right - popupSize.width;\r\n        break;\r\n      case RelativePosition.TopRight:\r\n        popupRect.bottom = pt.y - offset.y;\r\n        popupRect.left = pt.x + offset.x;\r\n        popupRect.top = popupRect.bottom - popupSize.height;\r\n        popupRect.right = popupRect.left + popupSize.width;\r\n        break;\r\n      case RelativePosition.BottomLeft:\r\n        popupRect.top = pt.y + offset.y;\r\n        popupRect.right = pt.x - offset.x;\r\n        popupRect.bottom = popupRect.top + popupSize.height;\r\n        popupRect.left = popupRect.right - popupSize.width;\r\n        break;\r\n      case RelativePosition.BottomRight:\r\n        popupRect.top = pt.y + offset.y;\r\n        popupRect.left = pt.x + offset.x;\r\n        popupRect.bottom = popupRect.top + popupSize.height;\r\n        popupRect.right = popupRect.left + popupSize.width;\r\n        break;\r\n    }\r\n\r\n    return popupRect;\r\n  }\r\n\r\n  private setDivRef(div: HTMLDivElement | null) {\r\n    // istanbul ignore else\r\n    if (div) {\r\n      const rect = div.getBoundingClientRect();\r\n      const newSize = new Size(rect.width, rect.height);\r\n\r\n      // istanbul ignore else\r\n      if (!this.state.size.equals(newSize)) {\r\n        // istanbul ignore else\r\n        if (this.props.onSizeKnown)\r\n          this.props.onSizeKnown(newSize);\r\n\r\n        // istanbul ignore else\r\n        if (this._isMounted)\r\n          this.setState({ size: newSize });\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const popupRect = CursorPopup.getPopupRect(this.props.pt, this.props.offset, this.state.size, this.props.relativePosition);\r\n\r\n    const positioningStyle: React.CSSProperties = {\r\n      left: popupRect.left,\r\n      top: popupRect.top,\r\n    };\r\n\r\n    const classNames = classnames(\r\n      \"uifw-cursorpopup\",\r\n      this.props.shadow && \"core-popup-shadow\",\r\n      this.state.showPopup === CursorPopupShow.FadeOut && \"uifw-cursorpopup-fadeOut\",\r\n    );\r\n\r\n    return (\r\n      <div className={classNames} ref={(e) => this.setDivRef(e)} style={positioningStyle}>\r\n        {this.props.title &&\r\n          <TitleBar\r\n            title={this.props.title}\r\n            className=\"uifw-cursorpopup-title\" />\r\n        }\r\n        {this.props.content}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\n/** CursorPopup content with padding\r\n * @public\r\n */\r\nexport function CursorPopupContent(props: CommonDivProps) {\r\n  return <Div {...props} mainClassName=\"uifw-cursorpopup-content\" />;\r\n}\r\n"]}

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

@@ -0,0 +1,34 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../../variables";
+
+.uifw-cursorpopup {
+  border: {
+    color: $uifw-popup-border-color;
+    radius: $uifw-popup-border-radius;
+    style: solid;
+    width: $uifw-popup-border-width;
+  }
+
+  background-color: rgba($buic-background-2-rgb, $uifw-popup-opacity);
+  position: fixed;
+  height: fit-content;
+  width: fit-content;
+  transition: opacity 500ms;
+
+  >.uifw-cursorpopup-title {
+    min-height: $uifw-popup-title-bar-min-height;
+    opacity: $uifw-popup-opacity;
+  }
+
+  >.uifw-cursorpopup-content {
+    padding: $uifw-popup-content-padding;
+  }
+
+  &.uifw-cursorpopup-fadeOut {
+    opacity: 0;
+  }
+
+}

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

@@ -0,0 +1,115 @@
+/** @packageDocumentation
+ * @module Cursor
+ */
+import * as React from "react";
+import { PointProps, RelativePosition } from "@itwin/appui-abstract";
+import { Point, Size, UiEvent } from "@itwin/core-react";
+/** Options for the [[CursorPopupManager]] open method
+ * @public
+ */
+export interface CursorPopupOptions {
+    /** Title of the popup */
+    title?: string;
+    /** Called on popup close */
+    onClose?: () => void;
+    /** Callback to apply changes */
+    onApply?: () => void;
+    /** Draw shadow */
+    shadow?: boolean;
+}
+/** CursorPopup Update Position Event Args interface.
+ * @internal
+ */
+export interface CursorPopupUpdatePositionEventArgs {
+    pt: PointProps;
+}
+/** CursorPopup Update Position Event class.
+ * @internal
+ */
+export declare class CursorPopupUpdatePositionEvent extends UiEvent<CursorPopupUpdatePositionEventArgs> {
+}
+/** CursorPopup FadeOut Event Args interface.
+ * @internal
+ */
+export interface CursorPopupFadeOutEventArgs {
+    id: string;
+}
+/** CursorPopup FadeOut Event class.
+ * @internal
+ */
+export declare class CursorPopupFadeOutEvent extends UiEvent<CursorPopupFadeOutEventArgs> {
+}
+/** Information maintained by CursorPopupManager about a CursorPopup
+ * @internal
+ */
+interface CursorPopupInfo {
+    id: string;
+    content: React.ReactNode;
+    relativePosition: RelativePosition;
+    offset: Point;
+    priority: number;
+    options?: CursorPopupOptions;
+    renderRelativePosition: RelativePosition;
+    popupSize?: Size;
+}
+/** Cursor Popups Changed Event class.
+ * @internal
+ */
+declare class CursorPopupsChangedEvent extends UiEvent<{}> {
+}
+/** CursorPopup component
+ * @public
+ */
+export declare class CursorPopupManager {
+    private static _popups;
+    /** @internal */
+    static readonly onCursorPopupUpdatePositionEvent: CursorPopupUpdatePositionEvent;
+    /** @internal */
+    static readonly onCursorPopupFadeOutEvent: CursorPopupFadeOutEvent;
+    /** @internal */
+    static readonly onCursorPopupsChangedEvent: CursorPopupsChangedEvent;
+    /** @internal */
+    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: PointProps, offset: PointProps, relativePosition: RelativePosition, priority?: number, options?: CursorPopupOptions): void;
+    /** Called to update popup with a new set of properties
+     */
+    static update(id: string, content: React.ReactNode, pt: PointProps, offset: PointProps, relativePosition: RelativePosition, priority?: number): void;
+    /** Called to move the open popup to new location
+     */
+    static updatePosition(pt: PointProps): void;
+    /** Called when tool wants to close the popup
+     */
+    static close(id: string, apply: boolean, fadeOut?: boolean): void;
+    private static removePopup;
+    private static resetPopupsRenderRelativePosition;
+    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 {};
+//# sourceMappingURL=CursorPopupManager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CursorPopupManager.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/cursor/cursorpopup/CursorPopupManager.tsx"],"names":[],"mappings":"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"}