@itwin/appui-react 4.0.0-dev.12 → 4.0.0-dev.13

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

@@ -1,146 +1,147 @@
-/*---------------------------------------------------------------------------------------------
-* 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" });
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+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;
+export { CursorPopup };
+/** 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

@@ -1 +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"]}
+{"version":3,"file":"CursorPopup.js","sourceRoot":"","sources":["../../../../../src/appui-react/cursor/cursorpopup/CursorPopup.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAc,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAA+B,GAAG,EAAkB,IAAI,EAAa,MAAM,mBAAmB,CAAC;AACtG,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAA+B,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAiBvF;;GAEG;AACH,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,qDAAI,CAAA;IACJ,2DAAO,CAAA;AACT,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B;AAUD;;GAEG;AACH,MAAa,WAAY,SAAQ,KAAK,CAAC,SAA6C;IAOlF,gBAAgB;IAChB,YAAY,KAAuB;QACjC,KAAK,CAAC,KAAK,CAAC,CAAC;QAPP,eAAU,GAAY,KAAK,CAAC;QAyB5B,mCAA8B,GAAG,CAAC,IAAiC,EAAE,EAAE;YAC7E,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE;gBAC7B,uBAAuB;gBACvB,IAAI,IAAI,CAAC,UAAU;oBACjB,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,CAAC,OAAO,EAAE,CAAC,CAAC;aACzD;QACH,CAAC,CAAC;QAtBA,IAAI,CAAC,KAAK,GAAG;YACX,SAAS,EAAE,eAAe,CAAC,IAAI;YAC/B,IAAI,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACvB,CAAC;IACJ,CAAC;IAEe,iBAAiB;QAC/B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,kBAAkB,CAAC,yBAAyB,CAAC,WAAW,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;IAChG,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,kBAAkB,CAAC,yBAAyB,CAAC,cAAc,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;IACnG,CAAC;IAUD,gBAAgB;IACT,MAAM,CAAC,YAAY,CAAC,EAAc,EAAE,MAAkB,EAAE,SAAgC,EAAE,gBAAkC;QACjI,MAAM,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QAE3D,IAAI,SAAS,KAAK,SAAS;YACzB,OAAO,SAAS,CAAC;QAEnB,QAAQ,gBAAgB,EAAE;YACxB,KAAK,gBAAgB,CAAC,GAAG;gBACvB,SAAS,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;gBACnC,SAAS,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;gBAC9C,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;gBACpD,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC;gBACnD,MAAM;YACR,KAAK,gBAAgB,CAAC,IAAI;gBACxB,SAAS,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;gBAClC,SAAS,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAC9C,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;gBACnD,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC,MAAM,CAAC;gBACpD,MAAM;YACR,KAAK,gBAAgB,CAAC,KAAK;gBACzB,SAAS,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;gBACjC,SAAS,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAC9C,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC;gBACnD,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC,MAAM,CAAC;gBACpD,MAAM;YACR,KAAK,gBAAgB,CAAC,MAAM;gBAC1B,SAAS,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;gBAChC,SAAS,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;gBAC9C,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC,MAAM,CAAC;gBACpD,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC;gBACnD,MAAM;YACR,KAAK,gBAAgB,CAAC,OAAO;gBAC3B,SAAS,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;gBACnC,SAAS,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;gBAClC,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;gBACpD,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;gBACnD,MAAM;YACR,KAAK,gBAAgB,CAAC,QAAQ;gBAC5B,SAAS,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;gBACnC,SAAS,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;gBACjC,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;gBACpD,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC;gBACnD,MAAM;YACR,KAAK,gBAAgB,CAAC,UAAU;gBAC9B,SAAS,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;gBAChC,SAAS,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;gBAClC,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC,MAAM,CAAC;gBACpD,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;gBACnD,MAAM;YACR,KAAK,gBAAgB,CAAC,WAAW;gBAC/B,SAAS,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;gBAChC,SAAS,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;gBACjC,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC,MAAM,CAAC;gBACpD,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC;gBACnD,MAAM;SACT;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;IAEO,SAAS,CAAC,GAA0B;QAC1C,uBAAuB;QACvB,IAAI,GAAG,EAAE;YACP,MAAM,IAAI,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAC;YACzC,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAElD,uBAAuB;YACvB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;gBACpC,uBAAuB;gBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW;oBACxB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;gBAElC,uBAAuB;gBACvB,IAAI,IAAI,CAAC,UAAU;oBACjB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;aACpC;SACF;IACH,CAAC;IAED,gBAAgB;IACA,MAAM;QACpB,MAAM,SAAS,GAAG,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;QAE3H,MAAM,gBAAgB,GAAwB;YAC5C,IAAI,EAAE,SAAS,CAAC,IAAI;YACpB,GAAG,EAAE,SAAS,CAAC,GAAG;SACnB,CAAC;QAEF,MAAM,UAAU,GAAG,UAAU,CAC3B,kBAAkB,EAClB,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,mBAAmB,EACxC,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,eAAe,CAAC,OAAO,IAAI,0BAA0B,CAC/E,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB;YAC/E,IAAI,CAAC,KAAK,CAAC,KAAK;gBACf,oBAAC,QAAQ,IACP,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,SAAS,EAAC,wBAAwB,GAAG;YAExC,IAAI,CAAC,KAAK,CAAC,OAAO,CACf,CACP,CAAC;IACJ,CAAC;;AAxID,gBAAgB;AACF,uBAAW,GAAG,GAAG,AAAN,CAAO;SALrB,WAAW;AA+IxB;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAqB;IACtD,OAAO,oBAAC,GAAG,OAAK,KAAK,EAAE,aAAa,EAAC,0BAA0B,GAAG,CAAC;AACrE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Cursor\n */\n\nimport \"./CursorPopup.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { PointProps, RelativePosition } from \"@itwin/appui-abstract\";\nimport { CommonDivProps, CommonProps, Div, RectangleProps, Size, SizeProps } from \"@itwin/core-react\";\nimport { TitleBar } from \"@itwin/appui-layout-react\";\nimport { CursorPopupFadeOutEventArgs, CursorPopupManager } from \"./CursorPopupManager\";\n\n/** Properties for the [[CursorPopup]] React component\n * @public\n */\nexport interface CursorPopupProps extends CommonProps {\n  id: string;\n  content: React.ReactNode;\n  pt: PointProps;\n  offset: PointProps;\n  relativePosition: RelativePosition;\n  title?: string;\n  shadow?: boolean;\n  /** Function called when size is known. */\n  onSizeKnown?: (size: SizeProps) => void;\n}\n\n/** Enum for showing CursorPopup\n * @internal - unit testing\n */\nexport enum CursorPopupShow {\n  Open,\n  FadeOut,\n}\n\n/** State for the [[CursorPopup]] React component\n * @internal\n */\ninterface CursorPopupState {\n  showPopup: CursorPopupShow;\n  size: Size;\n}\n\n/** CursorPopup React component\n * @public\n */\nexport class CursorPopup extends React.Component<CursorPopupProps, CursorPopupState> {\n\n  private _isMounted: boolean = false;\n\n  /** @internal */\n  public static fadeOutTime = 500;\n\n  /** @internal */\n  constructor(props: CursorPopupProps) {\n    super(props);\n\n    this.state = {\n      showPopup: CursorPopupShow.Open,\n      size: new Size(-1, -1),\n    };\n  }\n\n  public override componentDidMount() {\n    this._isMounted = true;\n    CursorPopupManager.onCursorPopupFadeOutEvent.addListener(this._handleCursorPopupFadeOutEvent);\n  }\n\n  public override componentWillUnmount() {\n    this._isMounted = false;\n    CursorPopupManager.onCursorPopupFadeOutEvent.removeListener(this._handleCursorPopupFadeOutEvent);\n  }\n\n  private _handleCursorPopupFadeOutEvent = (args: CursorPopupFadeOutEventArgs) => {\n    if (this.props.id === args.id) {\n      // istanbul ignore else\n      if (this._isMounted)\n        this.setState({ showPopup: CursorPopupShow.FadeOut });\n    }\n  };\n\n  /** @internal */\n  public static getPopupRect(pt: PointProps, offset: PointProps, popupSize: SizeProps | undefined, relativePosition: RelativePosition): RectangleProps {\n    const popupRect = { top: 0, left: 0, right: 0, bottom: 0 };\n\n    if (popupSize === undefined)\n      return popupRect;\n\n    switch (relativePosition) {\n      case RelativePosition.Top:\n        popupRect.bottom = pt.y - offset.y;\n        popupRect.left = pt.x - (popupSize.width / 2);\n        popupRect.top = popupRect.bottom - popupSize.height;\n        popupRect.right = popupRect.left + popupSize.width;\n        break;\n      case RelativePosition.Left:\n        popupRect.right = pt.x - offset.x;\n        popupRect.top = pt.y - (popupSize.height / 2);\n        popupRect.left = popupRect.right - popupSize.width;\n        popupRect.bottom = popupRect.top + popupSize.height;\n        break;\n      case RelativePosition.Right:\n        popupRect.left = pt.x + offset.x;\n        popupRect.top = pt.y - (popupSize.height / 2);\n        popupRect.right = popupRect.left + popupSize.width;\n        popupRect.bottom = popupRect.top + popupSize.height;\n        break;\n      case RelativePosition.Bottom:\n        popupRect.top = pt.y + offset.y;\n        popupRect.left = pt.x - (popupSize.width / 2);\n        popupRect.bottom = popupRect.top + popupSize.height;\n        popupRect.right = popupRect.left + popupSize.width;\n        break;\n      case RelativePosition.TopLeft:\n        popupRect.bottom = pt.y - offset.y;\n        popupRect.right = pt.x - offset.x;\n        popupRect.top = popupRect.bottom - popupSize.height;\n        popupRect.left = popupRect.right - popupSize.width;\n        break;\n      case RelativePosition.TopRight:\n        popupRect.bottom = pt.y - offset.y;\n        popupRect.left = pt.x + offset.x;\n        popupRect.top = popupRect.bottom - popupSize.height;\n        popupRect.right = popupRect.left + popupSize.width;\n        break;\n      case RelativePosition.BottomLeft:\n        popupRect.top = pt.y + offset.y;\n        popupRect.right = pt.x - offset.x;\n        popupRect.bottom = popupRect.top + popupSize.height;\n        popupRect.left = popupRect.right - popupSize.width;\n        break;\n      case RelativePosition.BottomRight:\n        popupRect.top = pt.y + offset.y;\n        popupRect.left = pt.x + offset.x;\n        popupRect.bottom = popupRect.top + popupSize.height;\n        popupRect.right = popupRect.left + popupSize.width;\n        break;\n    }\n\n    return popupRect;\n  }\n\n  private setDivRef(div: HTMLDivElement | null) {\n    // istanbul ignore else\n    if (div) {\n      const rect = div.getBoundingClientRect();\n      const newSize = new Size(rect.width, rect.height);\n\n      // istanbul ignore else\n      if (!this.state.size.equals(newSize)) {\n        // istanbul ignore else\n        if (this.props.onSizeKnown)\n          this.props.onSizeKnown(newSize);\n\n        // istanbul ignore else\n        if (this._isMounted)\n          this.setState({ size: newSize });\n      }\n    }\n  }\n\n  /** @internal */\n  public override render() {\n    const popupRect = CursorPopup.getPopupRect(this.props.pt, this.props.offset, this.state.size, this.props.relativePosition);\n\n    const positioningStyle: React.CSSProperties = {\n      left: popupRect.left,\n      top: popupRect.top,\n    };\n\n    const classNames = classnames(\n      \"uifw-cursorpopup\",\n      this.props.shadow && \"core-popup-shadow\",\n      this.state.showPopup === CursorPopupShow.FadeOut && \"uifw-cursorpopup-fadeOut\",\n    );\n\n    return (\n      <div className={classNames} ref={(e) => this.setDivRef(e)} style={positioningStyle}>\n        {this.props.title &&\n          <TitleBar\n            title={this.props.title}\n            className=\"uifw-cursorpopup-title\" />\n        }\n        {this.props.content}\n      </div>\n    );\n  }\n}\n\n/** CursorPopup content with padding\n * @public\n */\nexport function CursorPopupContent(props: CommonDivProps) {\n  return <Div {...props} mainClassName=\"uifw-cursorpopup-content\" />;\n}\n"]}

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

@@ -1,34 +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: hsl(var(--iui-color-background-hsl) / $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;
-  }
-
-}
+/*---------------------------------------------------------------------------------------------
+* 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: hsl(var(--iui-color-background-hsl) / $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

@@ -1,115 +1,115 @@
-/** @packageDocumentation
- * @module Cursor
- */
-import * as React from "react";
-import { PointProps, RelativePosition, UiEvent } from "@itwin/appui-abstract";
-import { Point, Size } 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 {};
+/** @packageDocumentation
+ * @module Cursor
+ */
+import * as React from "react";
+import { PointProps, RelativePosition, UiEvent } from "@itwin/appui-abstract";
+import { Point, Size } 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