@itwin/appui-react 4.0.0-dev.8 → 4.0.0

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

@@ -1,59 +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 {};
+/** @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.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 { CursorPopupManager } from "./CursorPopupManager";
-import { StatusBarDialog } from "../../statusbar/dialog/Dialog";
-/** 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(StatusBarDialog.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 { CursorPopupFadeOutEventArgs, CursorPopupManager } from \"./CursorPopupManager\";\r\nimport { StatusBarDialog } from \"../../statusbar/dialog/Dialog\";\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          <StatusBarDialog.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":"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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

@@ -12,18 +12,18 @@
     width: $uifw-popup-border-width;
   }
 
-  background-color: rgba($buic-background-2-rgb, $uifw-popup-opacity);
+  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 {
+  > .uifw-cursorpopup-title {
     min-height: $uifw-popup-title-bar-min-height;
     opacity: $uifw-popup-opacity;
   }
 
-  >.uifw-cursorpopup-content {
+  > .uifw-cursorpopup-content {
     padding: $uifw-popup-content-padding;
   }