@itwin/appui-react 3.7.0-dev.2 → 3.7.0-dev.5

package/lib/cjs/appui-react/messages/Pointer.js

@@ -1,175 +1,175 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Notification
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PointerMessage = exports.PointerMessageChangedEvent = void 0;
-require("./Pointer.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const core_frontend_1 = require("@itwin/core-frontend");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const core_react_1 = require("@itwin/core-react");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const MessageManager_1 = require("./MessageManager");
-const MessageSpan_1 = require("./MessageSpan");
-/** Pointer Message Changed Event emitted by the [[PointerMessage]] component
- * @public
- */
-class PointerMessageChangedEvent extends appui_abstract_1.UiEvent {
-}
-exports.PointerMessageChangedEvent = PointerMessageChangedEvent;
-/** Pointer Message Position Changed Event emitted by the [[PointerMessage]] component
- * @internal
- */
-class PointerMessagePositionChangedEvent extends appui_abstract_1.UiEvent {
-}
-/** Pointer message pops up near pointer when attempting an invalid interaction.
- * @public
- */
-class PointerMessage extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            message: "",
-            isVisible: false,
-            position: {
-                x: 0,
-                y: 0,
-            },
-        };
-        this._size = {
-            height: 0,
-            width: 0,
-        };
-        // istanbul ignore next
-        this._handleSizeChanged = (size) => {
-            this._size = size;
-            this.updatePosition();
-        };
-        this._handlePointerMessageChangedEvent = (args) => {
-            this._relativePosition = args.relativePosition;
-            this._viewport = args.viewport;
-            this._position = args.pt;
-            this.setState(() => ({
-                isVisible: args.isVisible,
-                message: args.message,
-                detailedMessage: args.detailedMessage,
-                messageDetails: args.messageDetails,
-            }));
-            this.updatePosition();
-        };
-        this._handlePointerMessagePositionChangedEvent = (args) => {
-            this._relativePosition = args.relativePosition;
-            this._position = args.pt;
-            this.updatePosition();
-        };
-    }
-    static get onPointerMessageChangedEvent() { return PointerMessage._pointerMessageChangedEvent; }
-    static showMessage(message) {
-        PointerMessage.onPointerMessageChangedEvent.emit({
-            isVisible: true,
-            priority: message.priority,
-            message: message.briefMessage,
-            detailedMessage: message.detailedMessage,
-            relativePosition: message.relativePosition,
-            viewport: message.viewport,
-            pt: message.displayPoint,
-            messageDetails: message,
-        });
-    }
-    static updateMessage(displayPoint, relativePosition) {
-        PointerMessage._onPointerMessagePositionChangedEvent.emit({
-            pt: displayPoint,
-            relativePosition,
-        });
-    }
-    static hideMessage() {
-        PointerMessage.onPointerMessageChangedEvent.emit({
-            isVisible: false,
-            priority: core_frontend_1.OutputMessagePriority.None,
-            message: "",
-        });
-    }
-    render() {
-        if (!this.state.isVisible)
-            return null;
-        const className = (0, classnames_1.default)("uifw-pointer-message", this.props.className);
-        const severity = MessageManager_1.MessageManager.getSeverity(this.state.messageDetails);
-        return (React.createElement(appui_layout_react_1.Tooltip // eslint-disable-line deprecation/deprecation
-        , { className: className, onSizeChanged: this._handleSizeChanged, position: this.state.position, style: this.props.style },
-            React.createElement("div", { className: "uifw-pointer-message-content" },
-                (severity !== appui_abstract_1.MessageSeverity.None) &&
-                    React.createElement("span", { className: "uifw-pointer-message-icon" },
-                        React.createElement("i", { className: `icon ${core_react_1.MessageContainer.getIconClassName(severity, false)}` })),
-                React.createElement("span", { className: "uifw-pointer-message-text" },
-                    React.createElement(MessageSpan_1.MessageSpan, { className: "uifw-pointer-message-brief", message: this.state.message }),
-                    this.state.detailedMessage &&
-                        React.createElement(MessageSpan_1.MessageDiv, { className: "uifw-pointer-message-detailed", message: this.state.detailedMessage })))));
-    }
-    componentDidMount() {
-        PointerMessage.onPointerMessageChangedEvent.addListener(this._handlePointerMessageChangedEvent);
-        PointerMessage._onPointerMessagePositionChangedEvent.addListener(this._handlePointerMessagePositionChangedEvent);
-    }
-    componentWillUnmount() {
-        PointerMessage.onPointerMessageChangedEvent.removeListener(this._handlePointerMessageChangedEvent);
-        PointerMessage._onPointerMessagePositionChangedEvent.removeListener(this._handlePointerMessagePositionChangedEvent);
-    }
-    updatePosition() {
-        const adjustmentOffset = 20;
-        let offset;
-        switch (this._relativePosition) {
-            case appui_abstract_1.RelativePosition.Top:
-                offset = { x: 0, y: -adjustmentOffset };
-                break;
-            case appui_abstract_1.RelativePosition.TopRight:
-                offset = { x: adjustmentOffset, y: -adjustmentOffset };
-                break;
-            case appui_abstract_1.RelativePosition.Right:
-                offset = { x: adjustmentOffset, y: 0 };
-                break;
-            case appui_abstract_1.RelativePosition.BottomRight:
-                offset = { x: adjustmentOffset, y: adjustmentOffset };
-                break;
-            case appui_abstract_1.RelativePosition.Bottom:
-                offset = { x: 0, y: adjustmentOffset };
-                break;
-            case appui_abstract_1.RelativePosition.BottomLeft:
-                offset = { x: -adjustmentOffset, y: adjustmentOffset };
-                break;
-            case appui_abstract_1.RelativePosition.Left:
-                offset = { x: -adjustmentOffset, y: 0 };
-                break;
-            case appui_abstract_1.RelativePosition.TopLeft:
-                offset = { x: -adjustmentOffset, y: -adjustmentOffset };
-                break;
-        }
-        this.setState((prevState) => {
-            if (!this._viewport)
-                return null;
-            // istanbul ignore if
-            if (!this._position)
-                return null;
-            const containerBounds = core_react_1.Rectangle.create(this._viewport.getBoundingClientRect());
-            const relativeBounds = core_react_1.Rectangle.createFromSize(this._size).offset(this._position);
-            const viewportOffset = new core_react_1.Point().getOffsetTo(containerBounds.topLeft());
-            const adjustedPosition = (0, appui_layout_react_1.offsetAndContainInContainer)(relativeBounds, containerBounds.getSize(), offset);
-            const position = adjustedPosition.offset(viewportOffset);
-            // istanbul ignore else
-            if (position.equals(prevState.position))
-                return null;
-            // istanbul ignore next
-            return {
-                position,
-            };
-        });
-    }
-}
-exports.PointerMessage = PointerMessage;
-PointerMessage._pointerMessageChangedEvent = new PointerMessageChangedEvent();
-PointerMessage._onPointerMessagePositionChangedEvent = new PointerMessagePositionChangedEvent();
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Notification
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PointerMessage = exports.PointerMessageChangedEvent = void 0;
+require("./Pointer.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const core_frontend_1 = require("@itwin/core-frontend");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const core_react_1 = require("@itwin/core-react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const MessageManager_1 = require("./MessageManager");
+const MessageSpan_1 = require("./MessageSpan");
+/** Pointer Message Changed Event emitted by the [[PointerMessage]] component
+ * @public
+ */
+class PointerMessageChangedEvent extends appui_abstract_1.UiEvent {
+}
+exports.PointerMessageChangedEvent = PointerMessageChangedEvent;
+/** Pointer Message Position Changed Event emitted by the [[PointerMessage]] component
+ * @internal
+ */
+class PointerMessagePositionChangedEvent extends appui_abstract_1.UiEvent {
+}
+/** Pointer message pops up near pointer when attempting an invalid interaction.
+ * @public
+ */
+class PointerMessage extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            message: "",
+            isVisible: false,
+            position: {
+                x: 0,
+                y: 0,
+            },
+        };
+        this._size = {
+            height: 0,
+            width: 0,
+        };
+        // istanbul ignore next
+        this._handleSizeChanged = (size) => {
+            this._size = size;
+            this.updatePosition();
+        };
+        this._handlePointerMessageChangedEvent = (args) => {
+            this._relativePosition = args.relativePosition;
+            this._viewport = args.viewport;
+            this._position = args.pt;
+            this.setState(() => ({
+                isVisible: args.isVisible,
+                message: args.message,
+                detailedMessage: args.detailedMessage,
+                messageDetails: args.messageDetails,
+            }));
+            this.updatePosition();
+        };
+        this._handlePointerMessagePositionChangedEvent = (args) => {
+            this._relativePosition = args.relativePosition;
+            this._position = args.pt;
+            this.updatePosition();
+        };
+    }
+    static get onPointerMessageChangedEvent() { return PointerMessage._pointerMessageChangedEvent; }
+    static showMessage(message) {
+        PointerMessage.onPointerMessageChangedEvent.emit({
+            isVisible: true,
+            priority: message.priority,
+            message: message.briefMessage,
+            detailedMessage: message.detailedMessage,
+            relativePosition: message.relativePosition,
+            viewport: message.viewport,
+            pt: message.displayPoint,
+            messageDetails: message,
+        });
+    }
+    static updateMessage(displayPoint, relativePosition) {
+        PointerMessage._onPointerMessagePositionChangedEvent.emit({
+            pt: displayPoint,
+            relativePosition,
+        });
+    }
+    static hideMessage() {
+        PointerMessage.onPointerMessageChangedEvent.emit({
+            isVisible: false,
+            priority: core_frontend_1.OutputMessagePriority.None,
+            message: "",
+        });
+    }
+    render() {
+        if (!this.state.isVisible)
+            return null;
+        const className = (0, classnames_1.default)("uifw-pointer-message", this.props.className);
+        const severity = MessageManager_1.MessageManager.getSeverity(this.state.messageDetails);
+        return (React.createElement(appui_layout_react_1.Tooltip // eslint-disable-line deprecation/deprecation
+        , { className: className, onSizeChanged: this._handleSizeChanged, position: this.state.position, style: this.props.style },
+            React.createElement("div", { className: "uifw-pointer-message-content" },
+                (severity !== appui_abstract_1.MessageSeverity.None) &&
+                    React.createElement("span", { className: "uifw-pointer-message-icon" },
+                        React.createElement("i", { className: `icon ${core_react_1.MessageContainer.getIconClassName(severity, false)}` })),
+                React.createElement("span", { className: "uifw-pointer-message-text" },
+                    React.createElement(MessageSpan_1.MessageSpan, { className: "uifw-pointer-message-brief", message: this.state.message }),
+                    this.state.detailedMessage &&
+                        React.createElement(MessageSpan_1.MessageDiv, { className: "uifw-pointer-message-detailed", message: this.state.detailedMessage })))));
+    }
+    componentDidMount() {
+        PointerMessage.onPointerMessageChangedEvent.addListener(this._handlePointerMessageChangedEvent);
+        PointerMessage._onPointerMessagePositionChangedEvent.addListener(this._handlePointerMessagePositionChangedEvent);
+    }
+    componentWillUnmount() {
+        PointerMessage.onPointerMessageChangedEvent.removeListener(this._handlePointerMessageChangedEvent);
+        PointerMessage._onPointerMessagePositionChangedEvent.removeListener(this._handlePointerMessagePositionChangedEvent);
+    }
+    updatePosition() {
+        const adjustmentOffset = 20;
+        let offset;
+        switch (this._relativePosition) {
+            case appui_abstract_1.RelativePosition.Top:
+                offset = { x: 0, y: -adjustmentOffset };
+                break;
+            case appui_abstract_1.RelativePosition.TopRight:
+                offset = { x: adjustmentOffset, y: -adjustmentOffset };
+                break;
+            case appui_abstract_1.RelativePosition.Right:
+                offset = { x: adjustmentOffset, y: 0 };
+                break;
+            case appui_abstract_1.RelativePosition.BottomRight:
+                offset = { x: adjustmentOffset, y: adjustmentOffset };
+                break;
+            case appui_abstract_1.RelativePosition.Bottom:
+                offset = { x: 0, y: adjustmentOffset };
+                break;
+            case appui_abstract_1.RelativePosition.BottomLeft:
+                offset = { x: -adjustmentOffset, y: adjustmentOffset };
+                break;
+            case appui_abstract_1.RelativePosition.Left:
+                offset = { x: -adjustmentOffset, y: 0 };
+                break;
+            case appui_abstract_1.RelativePosition.TopLeft:
+                offset = { x: -adjustmentOffset, y: -adjustmentOffset };
+                break;
+        }
+        this.setState((prevState) => {
+            if (!this._viewport)
+                return null;
+            // istanbul ignore if
+            if (!this._position)
+                return null;
+            const containerBounds = core_react_1.Rectangle.create(this._viewport.getBoundingClientRect());
+            const relativeBounds = core_react_1.Rectangle.createFromSize(this._size).offset(this._position);
+            const viewportOffset = new core_react_1.Point().getOffsetTo(containerBounds.topLeft());
+            const adjustedPosition = (0, appui_layout_react_1.offsetAndContainInContainer)(relativeBounds, containerBounds.getSize(), offset);
+            const position = adjustedPosition.offset(viewportOffset);
+            // istanbul ignore else
+            if (position.equals(prevState.position))
+                return null;
+            // istanbul ignore next
+            return {
+                position,
+            };
+        });
+    }
+}
+exports.PointerMessage = PointerMessage;
+PointerMessage._pointerMessageChangedEvent = new PointerMessageChangedEvent();
+PointerMessage._onPointerMessagePositionChangedEvent = new PointerMessagePositionChangedEvent();
 //# sourceMappingURL=Pointer.js.map

package/lib/cjs/appui-react/messages/Pointer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pointer.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/Pointer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,0BAAwB;AACxB,2CAAoC;AACpC,+BAA+B;AAE/B,wDAA6D;AAC7D,0DAA+F;AAC/F,kDAA+F;AAC/F,kEAAiF;AACjF,qDAAkD;AAClD,+CAAwD;AAsCxD;;GAEG;AACH,MAAa,0BAA2B,SAAQ,wBAAuC;CAAI;AAA3F,gEAA2F;AAU3F;;GAEG;AACH,MAAM,kCAAmC,SAAQ,wBAA+C;CAAI;AAEpG;;GAEG;AACH,MAAa,cAAe,SAAQ,KAAK,CAAC,SAAmD;IAA7F;;QAkC2B,UAAK,GAAkC;YAC9D,OAAO,EAAE,EAAE;YACX,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE;gBACR,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;aACL;SACF,CAAC;QAKM,UAAK,GAAc;YACzB,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;SACT,CAAC;QA2CF,uBAAuB;QACf,uBAAkB,GAAG,CAAC,IAAe,EAAE,EAAE;YAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC;QAEM,sCAAiC,GAAG,CAAC,IAAoC,EAAE,EAAE;YACnF,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,CAAC;YAC/C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;gBACnB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,cAAc,EAAE,IAAI,CAAC,cAAc;aACpC,CAAC,CAAC,CAAC;YACJ,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC;QAEM,8CAAyC,GAAG,CAAC,IAA4C,EAAE,EAAE;YACnG,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,CAAC;YAC/C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC;IAwDJ,CAAC;IAvKQ,MAAM,KAAK,4BAA4B,KAAiC,OAAO,cAAc,CAAC,2BAA2B,CAAC,CAAC,CAAC;IAE5H,MAAM,CAAC,WAAW,CAAC,OAAiC;QACzD,cAAc,CAAC,4BAA4B,CAAC,IAAI,CAAC;YAC/C,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,OAAO,EAAE,OAAO,CAAC,YAAY;YAC7B,eAAe,EAAE,OAAO,CAAC,eAAe;YACxC,gBAAgB,EAAE,OAAO,CAAC,gBAAgB;YAC1C,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,EAAE,EAAE,OAAO,CAAC,YAAY;YACxB,cAAc,EAAE,OAAO;SACxB,CAAC,CAAC;IACL,CAAC;IAEM,MAAM,CAAC,aAAa,CAAC,YAAmB,EAAE,gBAAkC;QACjF,cAAc,CAAC,qCAAqC,CAAC,IAAI,CAAC;YACxD,EAAE,EAAE,YAAY;YAChB,gBAAgB;SACjB,CAAC,CAAC;IACL,CAAC;IAEM,MAAM,CAAC,WAAW;QACvB,cAAc,CAAC,4BAA4B,CAAC,IAAI,CAAC;YAC/C,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,qCAAqB,CAAC,IAAI;YACpC,OAAO,EAAE,EAAE;SACZ,CAAC,CAAC;IACL,CAAC;IAmBe,MAAM;QACpB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS;YACvB,OAAO,IAAI,CAAC;QAEd,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,sBAAsB,EACtB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACxB,MAAM,QAAQ,GAAG,+BAAc,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,cAAe,CAAC,CAAC;QAExE,OAAO,CACL,oBAAC,4BAAO,CAAC,8CAA8C;YACrD,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,IAAI,CAAC,kBAAkB,EACtC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAEvB,6BAAK,SAAS,EAAC,8BAA8B;gBAC1C,CAAC,QAAQ,KAAK,gCAAe,CAAC,IAAI,CAAC;oBAClC,8BAAM,SAAS,EAAC,2BAA2B;wBAAC,2BAAG,SAAS,EAAE,QAAQ,6BAAgB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,GAAI,CAAO;gBAEnI,8BAAM,SAAS,EAAC,2BAA2B;oBACzC,oBAAC,yBAAW,IAAC,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI;oBAClF,IAAI,CAAC,KAAK,CAAC,eAAe;wBACzB,oBAAC,wBAAU,IAAC,SAAS,EAAC,+BAA+B,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,GAAI,CAE1F,CACH,CACE,CACX,CAAC;IACJ,CAAC;IAEe,iBAAiB;QAC/B,cAAc,CAAC,4BAA4B,CAAC,WAAW,CAAC,IAAI,CAAC,iCAAiC,CAAC,CAAC;QAChG,cAAc,CAAC,qCAAqC,CAAC,WAAW,CAAC,IAAI,CAAC,yCAAyC,CAAC,CAAC;IACnH,CAAC;IAEe,oBAAoB;QAClC,cAAc,CAAC,4BAA4B,CAAC,cAAc,CAAC,IAAI,CAAC,iCAAiC,CAAC,CAAC;QACnG,cAAc,CAAC,qCAAqC,CAAC,cAAc,CAAC,IAAI,CAAC,yCAAyC,CAAC,CAAC;IACtH,CAAC;IA2BO,cAAc;QACpB,MAAM,gBAAgB,GAAG,EAAE,CAAC;QAC5B,IAAI,MAA8B,CAAC;QACnC,QAAQ,IAAI,CAAC,iBAAiB,EAAE;YAC9B,KAAK,iCAAgB,CAAC,GAAG;gBACvB,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC;gBACxC,MAAM;YACR,KAAK,iCAAgB,CAAC,QAAQ;gBAC5B,MAAM,GAAG,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC;gBACvD,MAAM;YACR,KAAK,iCAAgB,CAAC,KAAK;gBACzB,MAAM,GAAG,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;gBACvC,MAAM;YACR,KAAK,iCAAgB,CAAC,WAAW;gBAC/B,MAAM,GAAG,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC;gBACtD,MAAM;YACR,KAAK,iCAAgB,CAAC,MAAM;gBAC1B,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC;gBACvC,MAAM;YACR,KAAK,iCAAgB,CAAC,UAAU;gBAC9B,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC;gBACvD,MAAM;YACR,KAAK,iCAAgB,CAAC,IAAI;gBACxB,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;gBACxC,MAAM;YACR,KAAK,iCAAgB,CAAC,OAAO;gBAC3B,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC;gBACxD,MAAM;SACT;QAED,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE;YAC1B,IAAI,CAAC,IAAI,CAAC,SAAS;gBACjB,OAAO,IAAI,CAAC;YACd,qBAAqB;YACrB,IAAI,CAAC,IAAI,CAAC,SAAS;gBACjB,OAAO,IAAI,CAAC;YAEd,MAAM,eAAe,GAAG,sBAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC,CAAC;YACjF,MAAM,cAAc,GAAG,sBAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACnF,MAAM,cAAc,GAAG,IAAI,kBAAK,EAAE,CAAC,WAAW,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,CAAC;YAE1E,MAAM,gBAAgB,GAAG,IAAA,gDAA2B,EAAC,cAAc,EAAE,eAAe,CAAC,OAAO,EAAE,EAAE,MAAM,CAAC,CAAC;YACxG,MAAM,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;YAEzD,uBAAuB;YACvB,IAAI,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC;gBACrC,OAAO,IAAI,CAAC;YAEd,uBAAuB;YACvB,OAAO;gBACL,QAAQ;aACT,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;;AA1KH,wCA2KC;AA1KgB,0CAA2B,GAA+B,IAAI,0BAA0B,EAAE,CAAC;AAClF,oDAAqC,GAAG,IAAI,kCAAkC,EAAE,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 Notification\n */\n\nimport \"./Pointer.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { XAndY } from \"@itwin/core-geometry\";\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\nimport { MessageSeverity, PointProps, RelativePosition, UiEvent } from \"@itwin/appui-abstract\";\nimport { CommonProps, MessageContainer, Point, Rectangle, SizeProps } from \"@itwin/core-react\";\nimport { offsetAndContainInContainer, Tooltip } from \"@itwin/appui-layout-react\";\nimport { MessageManager } from \"./MessageManager\";\nimport { MessageDiv, MessageSpan } from \"./MessageSpan\";\nimport { NotifyMessageDetailsType, NotifyMessageType } from \"./ReactNotifyMessageDetails\";\n\n// cSpell:ignore noicon\n\n/** Properties of [[PointerMessage]] component.\n * @public\n */\nexport interface PointerMessageProps extends CommonProps {\n  /** Text to display */\n  message?: string;\n}\n\n/** [[PointerMessage]] state.\n * @internal\n */\ninterface PointerMessageState {\n  isVisible: boolean;\n  message: NotifyMessageType;\n  detailedMessage?: NotifyMessageType;\n  position: PointProps;\n  messageDetails?: NotifyMessageDetailsType;\n}\n\n/** [[PointerMessageChangedEvent]] arguments.\n * @public\n */\nexport interface PointerMessageChangedEventArgs {\n  isVisible: boolean;\n  priority: OutputMessagePriority;\n  message: NotifyMessageType;\n  detailedMessage?: NotifyMessageType;\n  relativePosition?: RelativePosition;\n  viewport?: HTMLElement;\n  pt?: XAndY;\n  messageDetails?: NotifyMessageDetailsType;\n}\n\n/** Pointer Message Changed Event emitted by the [[PointerMessage]] component\n * @public\n */\nexport class PointerMessageChangedEvent extends UiEvent<PointerMessageChangedEventArgs> { }\n\n/** [[PointerMessagePositionChangedEvent]] arguments.\n * @internal\n */\ninterface PointerMessagePositionChangedEventArgs {\n  pt: XAndY;\n  relativePosition: RelativePosition;\n}\n\n/** Pointer Message Position Changed Event emitted by the [[PointerMessage]] component\n * @internal\n */\nclass PointerMessagePositionChangedEvent extends UiEvent<PointerMessagePositionChangedEventArgs> { }\n\n/** Pointer message pops up near pointer when attempting an invalid interaction.\n * @public\n */\nexport class PointerMessage extends React.Component<PointerMessageProps, PointerMessageState> {\n  private static _pointerMessageChangedEvent: PointerMessageChangedEvent = new PointerMessageChangedEvent();\n  private static readonly _onPointerMessagePositionChangedEvent = new PointerMessagePositionChangedEvent();\n\n  public static get onPointerMessageChangedEvent(): PointerMessageChangedEvent { return PointerMessage._pointerMessageChangedEvent; }\n\n  public static showMessage(message: NotifyMessageDetailsType): void {\n    PointerMessage.onPointerMessageChangedEvent.emit({\n      isVisible: true,\n      priority: message.priority,\n      message: message.briefMessage,\n      detailedMessage: message.detailedMessage,\n      relativePosition: message.relativePosition,\n      viewport: message.viewport,\n      pt: message.displayPoint,\n      messageDetails: message,\n    });\n  }\n\n  public static updateMessage(displayPoint: XAndY, relativePosition: RelativePosition): void {\n    PointerMessage._onPointerMessagePositionChangedEvent.emit({\n      pt: displayPoint,\n      relativePosition,\n    });\n  }\n\n  public static hideMessage(): void {\n    PointerMessage.onPointerMessageChangedEvent.emit({\n      isVisible: false,\n      priority: OutputMessagePriority.None,\n      message: \"\",\n    });\n  }\n\n  public override readonly state: Readonly<PointerMessageState> = {\n    message: \"\",\n    isVisible: false,\n    position: {\n      x: 0,\n      y: 0,\n    },\n  };\n\n  private _relativePosition?: RelativePosition;\n  private _viewport?: HTMLElement;\n  private _position?: XAndY;\n  private _size: SizeProps = {\n    height: 0,\n    width: 0,\n  };\n\n  public override render(): React.ReactNode {\n    if (!this.state.isVisible)\n      return null;\n\n    const className = classnames(\n      \"uifw-pointer-message\",\n      this.props.className);\n    const severity = MessageManager.getSeverity(this.state.messageDetails!);\n\n    return (\n      <Tooltip // eslint-disable-line deprecation/deprecation\n        className={className}\n        onSizeChanged={this._handleSizeChanged}\n        position={this.state.position}\n        style={this.props.style}\n      >\n        <div className=\"uifw-pointer-message-content\">\n          {(severity !== MessageSeverity.None) &&\n            <span className=\"uifw-pointer-message-icon\"><i className={`icon ${MessageContainer.getIconClassName(severity, false)}`} /></span>\n          }\n          <span className=\"uifw-pointer-message-text\">\n            <MessageSpan className=\"uifw-pointer-message-brief\" message={this.state.message} />\n            {this.state.detailedMessage &&\n              <MessageDiv className=\"uifw-pointer-message-detailed\" message={this.state.detailedMessage} />\n            }\n          </span>\n        </div>\n      </Tooltip>\n    );\n  }\n\n  public override componentDidMount(): void {\n    PointerMessage.onPointerMessageChangedEvent.addListener(this._handlePointerMessageChangedEvent);\n    PointerMessage._onPointerMessagePositionChangedEvent.addListener(this._handlePointerMessagePositionChangedEvent);\n  }\n\n  public override componentWillUnmount(): void {\n    PointerMessage.onPointerMessageChangedEvent.removeListener(this._handlePointerMessageChangedEvent);\n    PointerMessage._onPointerMessagePositionChangedEvent.removeListener(this._handlePointerMessagePositionChangedEvent);\n  }\n\n  // istanbul ignore next\n  private _handleSizeChanged = (size: SizeProps) => {\n    this._size = size;\n    this.updatePosition();\n  };\n\n  private _handlePointerMessageChangedEvent = (args: PointerMessageChangedEventArgs) => {\n    this._relativePosition = args.relativePosition;\n    this._viewport = args.viewport;\n    this._position = args.pt;\n    this.setState(() => ({\n      isVisible: args.isVisible,\n      message: args.message,\n      detailedMessage: args.detailedMessage,\n      messageDetails: args.messageDetails,\n    }));\n    this.updatePosition();\n  };\n\n  private _handlePointerMessagePositionChangedEvent = (args: PointerMessagePositionChangedEventArgs) => {\n    this._relativePosition = args.relativePosition;\n    this._position = args.pt;\n    this.updatePosition();\n  };\n\n  private updatePosition() {\n    const adjustmentOffset = 20;\n    let offset: PointProps | undefined;\n    switch (this._relativePosition) {\n      case RelativePosition.Top:\n        offset = { x: 0, y: -adjustmentOffset };\n        break;\n      case RelativePosition.TopRight:\n        offset = { x: adjustmentOffset, y: -adjustmentOffset };\n        break;\n      case RelativePosition.Right:\n        offset = { x: adjustmentOffset, y: 0 };\n        break;\n      case RelativePosition.BottomRight:\n        offset = { x: adjustmentOffset, y: adjustmentOffset };\n        break;\n      case RelativePosition.Bottom:\n        offset = { x: 0, y: adjustmentOffset };\n        break;\n      case RelativePosition.BottomLeft:\n        offset = { x: -adjustmentOffset, y: adjustmentOffset };\n        break;\n      case RelativePosition.Left:\n        offset = { x: -adjustmentOffset, y: 0 };\n        break;\n      case RelativePosition.TopLeft:\n        offset = { x: -adjustmentOffset, y: -adjustmentOffset };\n        break;\n    }\n\n    this.setState((prevState) => {\n      if (!this._viewport)\n        return null;\n      // istanbul ignore if\n      if (!this._position)\n        return null;\n\n      const containerBounds = Rectangle.create(this._viewport.getBoundingClientRect());\n      const relativeBounds = Rectangle.createFromSize(this._size).offset(this._position);\n      const viewportOffset = new Point().getOffsetTo(containerBounds.topLeft());\n\n      const adjustedPosition = offsetAndContainInContainer(relativeBounds, containerBounds.getSize(), offset);\n      const position = adjustedPosition.offset(viewportOffset);\n\n      // istanbul ignore else\n      if (position.equals(prevState.position))\n        return null;\n\n      // istanbul ignore next\n      return {\n        position,\n      };\n    });\n  }\n}\n"]}
+{"version":3,"file":"Pointer.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/Pointer.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 Notification\r\n */\r\n\r\nimport \"./Pointer.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { XAndY } from \"@itwin/core-geometry\";\r\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\r\nimport { MessageSeverity, PointProps, RelativePosition, UiEvent } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, MessageContainer, Point, Rectangle, SizeProps } from \"@itwin/core-react\";\r\nimport { offsetAndContainInContainer, Tooltip } from \"@itwin/appui-layout-react\";\r\nimport { MessageManager } from \"./MessageManager\";\r\nimport { MessageDiv, MessageSpan } from \"./MessageSpan\";\r\nimport { NotifyMessageDetailsType, NotifyMessageType } from \"./ReactNotifyMessageDetails\";\r\n\r\n// cSpell:ignore noicon\r\n\r\n/** Properties of [[PointerMessage]] component.\r\n * @public\r\n */\r\nexport interface PointerMessageProps extends CommonProps {\r\n  /** Text to display */\r\n  message?: string;\r\n}\r\n\r\n/** [[PointerMessage]] state.\r\n * @internal\r\n */\r\ninterface PointerMessageState {\r\n  isVisible: boolean;\r\n  message: NotifyMessageType;\r\n  detailedMessage?: NotifyMessageType;\r\n  position: PointProps;\r\n  messageDetails?: NotifyMessageDetailsType;\r\n}\r\n\r\n/** [[PointerMessageChangedEvent]] arguments.\r\n * @public\r\n */\r\nexport interface PointerMessageChangedEventArgs {\r\n  isVisible: boolean;\r\n  priority: OutputMessagePriority;\r\n  message: NotifyMessageType;\r\n  detailedMessage?: NotifyMessageType;\r\n  relativePosition?: RelativePosition;\r\n  viewport?: HTMLElement;\r\n  pt?: XAndY;\r\n  messageDetails?: NotifyMessageDetailsType;\r\n}\r\n\r\n/** Pointer Message Changed Event emitted by the [[PointerMessage]] component\r\n * @public\r\n */\r\nexport class PointerMessageChangedEvent extends UiEvent<PointerMessageChangedEventArgs> { }\r\n\r\n/** [[PointerMessagePositionChangedEvent]] arguments.\r\n * @internal\r\n */\r\ninterface PointerMessagePositionChangedEventArgs {\r\n  pt: XAndY;\r\n  relativePosition: RelativePosition;\r\n}\r\n\r\n/** Pointer Message Position Changed Event emitted by the [[PointerMessage]] component\r\n * @internal\r\n */\r\nclass PointerMessagePositionChangedEvent extends UiEvent<PointerMessagePositionChangedEventArgs> { }\r\n\r\n/** Pointer message pops up near pointer when attempting an invalid interaction.\r\n * @public\r\n */\r\nexport class PointerMessage extends React.Component<PointerMessageProps, PointerMessageState> {\r\n  private static _pointerMessageChangedEvent: PointerMessageChangedEvent = new PointerMessageChangedEvent();\r\n  private static readonly _onPointerMessagePositionChangedEvent = new PointerMessagePositionChangedEvent();\r\n\r\n  public static get onPointerMessageChangedEvent(): PointerMessageChangedEvent { return PointerMessage._pointerMessageChangedEvent; }\r\n\r\n  public static showMessage(message: NotifyMessageDetailsType): void {\r\n    PointerMessage.onPointerMessageChangedEvent.emit({\r\n      isVisible: true,\r\n      priority: message.priority,\r\n      message: message.briefMessage,\r\n      detailedMessage: message.detailedMessage,\r\n      relativePosition: message.relativePosition,\r\n      viewport: message.viewport,\r\n      pt: message.displayPoint,\r\n      messageDetails: message,\r\n    });\r\n  }\r\n\r\n  public static updateMessage(displayPoint: XAndY, relativePosition: RelativePosition): void {\r\n    PointerMessage._onPointerMessagePositionChangedEvent.emit({\r\n      pt: displayPoint,\r\n      relativePosition,\r\n    });\r\n  }\r\n\r\n  public static hideMessage(): void {\r\n    PointerMessage.onPointerMessageChangedEvent.emit({\r\n      isVisible: false,\r\n      priority: OutputMessagePriority.None,\r\n      message: \"\",\r\n    });\r\n  }\r\n\r\n  public override readonly state: Readonly<PointerMessageState> = {\r\n    message: \"\",\r\n    isVisible: false,\r\n    position: {\r\n      x: 0,\r\n      y: 0,\r\n    },\r\n  };\r\n\r\n  private _relativePosition?: RelativePosition;\r\n  private _viewport?: HTMLElement;\r\n  private _position?: XAndY;\r\n  private _size: SizeProps = {\r\n    height: 0,\r\n    width: 0,\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    if (!this.state.isVisible)\r\n      return null;\r\n\r\n    const className = classnames(\r\n      \"uifw-pointer-message\",\r\n      this.props.className);\r\n    const severity = MessageManager.getSeverity(this.state.messageDetails!);\r\n\r\n    return (\r\n      <Tooltip // eslint-disable-line deprecation/deprecation\r\n        className={className}\r\n        onSizeChanged={this._handleSizeChanged}\r\n        position={this.state.position}\r\n        style={this.props.style}\r\n      >\r\n        <div className=\"uifw-pointer-message-content\">\r\n          {(severity !== MessageSeverity.None) &&\r\n            <span className=\"uifw-pointer-message-icon\"><i className={`icon ${MessageContainer.getIconClassName(severity, false)}`} /></span>\r\n          }\r\n          <span className=\"uifw-pointer-message-text\">\r\n            <MessageSpan className=\"uifw-pointer-message-brief\" message={this.state.message} />\r\n            {this.state.detailedMessage &&\r\n              <MessageDiv className=\"uifw-pointer-message-detailed\" message={this.state.detailedMessage} />\r\n            }\r\n          </span>\r\n        </div>\r\n      </Tooltip>\r\n    );\r\n  }\r\n\r\n  public override componentDidMount(): void {\r\n    PointerMessage.onPointerMessageChangedEvent.addListener(this._handlePointerMessageChangedEvent);\r\n    PointerMessage._onPointerMessagePositionChangedEvent.addListener(this._handlePointerMessagePositionChangedEvent);\r\n  }\r\n\r\n  public override componentWillUnmount(): void {\r\n    PointerMessage.onPointerMessageChangedEvent.removeListener(this._handlePointerMessageChangedEvent);\r\n    PointerMessage._onPointerMessagePositionChangedEvent.removeListener(this._handlePointerMessagePositionChangedEvent);\r\n  }\r\n\r\n  // istanbul ignore next\r\n  private _handleSizeChanged = (size: SizeProps) => {\r\n    this._size = size;\r\n    this.updatePosition();\r\n  };\r\n\r\n  private _handlePointerMessageChangedEvent = (args: PointerMessageChangedEventArgs) => {\r\n    this._relativePosition = args.relativePosition;\r\n    this._viewport = args.viewport;\r\n    this._position = args.pt;\r\n    this.setState(() => ({\r\n      isVisible: args.isVisible,\r\n      message: args.message,\r\n      detailedMessage: args.detailedMessage,\r\n      messageDetails: args.messageDetails,\r\n    }));\r\n    this.updatePosition();\r\n  };\r\n\r\n  private _handlePointerMessagePositionChangedEvent = (args: PointerMessagePositionChangedEventArgs) => {\r\n    this._relativePosition = args.relativePosition;\r\n    this._position = args.pt;\r\n    this.updatePosition();\r\n  };\r\n\r\n  private updatePosition() {\r\n    const adjustmentOffset = 20;\r\n    let offset: PointProps | undefined;\r\n    switch (this._relativePosition) {\r\n      case RelativePosition.Top:\r\n        offset = { x: 0, y: -adjustmentOffset };\r\n        break;\r\n      case RelativePosition.TopRight:\r\n        offset = { x: adjustmentOffset, y: -adjustmentOffset };\r\n        break;\r\n      case RelativePosition.Right:\r\n        offset = { x: adjustmentOffset, y: 0 };\r\n        break;\r\n      case RelativePosition.BottomRight:\r\n        offset = { x: adjustmentOffset, y: adjustmentOffset };\r\n        break;\r\n      case RelativePosition.Bottom:\r\n        offset = { x: 0, y: adjustmentOffset };\r\n        break;\r\n      case RelativePosition.BottomLeft:\r\n        offset = { x: -adjustmentOffset, y: adjustmentOffset };\r\n        break;\r\n      case RelativePosition.Left:\r\n        offset = { x: -adjustmentOffset, y: 0 };\r\n        break;\r\n      case RelativePosition.TopLeft:\r\n        offset = { x: -adjustmentOffset, y: -adjustmentOffset };\r\n        break;\r\n    }\r\n\r\n    this.setState((prevState) => {\r\n      if (!this._viewport)\r\n        return null;\r\n      // istanbul ignore if\r\n      if (!this._position)\r\n        return null;\r\n\r\n      const containerBounds = Rectangle.create(this._viewport.getBoundingClientRect());\r\n      const relativeBounds = Rectangle.createFromSize(this._size).offset(this._position);\r\n      const viewportOffset = new Point().getOffsetTo(containerBounds.topLeft());\r\n\r\n      const adjustedPosition = offsetAndContainInContainer(relativeBounds, containerBounds.getSize(), offset);\r\n      const position = adjustedPosition.offset(viewportOffset);\r\n\r\n      // istanbul ignore else\r\n      if (position.equals(prevState.position))\r\n        return null;\r\n\r\n      // istanbul ignore next\r\n      return {\r\n        position,\r\n      };\r\n    });\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/messages/Pointer.scss

@@ -1,43 +1,43 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/text/mixins";
-@import "../variables";
-
-.uifw-pointer-message {
-  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);
-
-  .uifw-pointer-message-content {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-
-    >.uifw-pointer-message-icon {
-      padding-left: 3px;
-      padding-right: 3px;
-    }
-
-    >.uifw-pointer-message-text {
-      color: $buic-foreground-body;
-      padding-left: 3px;
-      padding-right: 3px;
-
-      >.uifw-pointer-message-brief {
-        @include uicore-text(body);
-      }
-
-      >.uifw-pointer-message-detailed {
-        @include uicore-text(small);
-      }
-    }
-  }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@import "~@itwin/core-react/lib/cjs/core-react/text/mixins";
+@import "../variables";
+
+.uifw-pointer-message {
+  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);
+
+  .uifw-pointer-message-content {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    >.uifw-pointer-message-icon {
+      padding-left: 3px;
+      padding-right: 3px;
+    }
+
+    >.uifw-pointer-message-text {
+      color: $buic-foreground-body;
+      padding-left: 3px;
+      padding-right: 3px;
+
+      >.uifw-pointer-message-brief {
+        @include uicore-text(body);
+      }
+
+      >.uifw-pointer-message-detailed {
+        @include uicore-text(small);
+      }
+    }
+  }
 }

package/lib/cjs/appui-react/messages/ReactNotifyMessageDetails.d.ts

@@ -1,63 +1,63 @@
-/** @packageDocumentation
- * @module Notification
- */
-import { BeDuration } from "@itwin/core-bentley";
-import { Point2d, XAndY } from "@itwin/core-geometry";
-import { NotifyMessageDetails, OutputMessageAlert, OutputMessagePriority, OutputMessageType } from "@itwin/core-frontend";
-import { RelativePosition } from "@itwin/appui-abstract";
-import { MessageType } from "@itwin/core-react";
-/** Types for message in [[MessageManager]]
- * @public
- */
-export declare type NotifyMessageType = MessageType;
-/** Types for NotifyMessageDetails.
- * @public
- */
-export declare type NotifyMessageDetailsType = NotifyMessageDetails | ReactNotifyMessageDetails;
-/** Describes a message to be displayed to the user and adds support for React components in messages.
- * @public
- */
-export declare class ReactNotifyMessageDetails {
-    priority: OutputMessagePriority;
-    briefMessage: NotifyMessageType;
-    detailedMessage?: MessageType | undefined;
-    msgType: OutputMessageType;
-    openAlert: OutputMessageAlert;
-    private _notifyMessageDetails;
-    /** @internal */
-    get messageDetails(): NotifyMessageDetails;
-    /** Amount of time a Toast message is displayed */
-    get displayTime(): BeDuration;
-    set displayTime(duration: BeDuration);
-    /** Anchor viewport for a Pointer message */
-    get viewport(): HTMLElement | undefined;
-    /** Point for a Pointer message */
-    get displayPoint(): Point2d | undefined;
-    /** Relative position for a Pointer message */
-    get relativePosition(): RelativePosition;
-    /** Anchor input field for an Input Field message */
-    get inputField(): HTMLElement | undefined;
-    /** Constructor
-     *  @param priority           The priority this message should be accorded by the NotificationManager.
-     *  @param briefMessage       A short message that conveys the simplest explanation of the issue.
-     *  @param detailedMessage    A comprehensive message that explains the issue in detail and potentially offers a solution.
-     *  @param msgType            The type of message.
-     *  @param openAlert          Whether an alert box should be displayed or not, and if so what kind.
-     */
-    constructor(priority: OutputMessagePriority, briefMessage: NotifyMessageType, detailedMessage?: MessageType | undefined, msgType?: OutputMessageType, openAlert?: OutputMessageAlert);
-    /** Set OutputMessageType.Pointer message details.
-     * @param viewport            Viewport over which to display the Pointer type message.
-     * @param displayPoint        Point at which to display the Pointer type message.
-     * @param relativePosition    Position relative to displayPoint at which to display the Pointer type message.
-     */
-    setPointerTypeDetails(viewport: HTMLElement, displayPoint: XAndY, relativePosition?: RelativePosition): void;
-    /** Set OutputMessageType.InputField message details.
-     * @param inputField          Input field that message pertains. The message will be shown just below this input field element.
-     */
-    setInputFieldTypeDetails(inputField: HTMLElement): void;
-}
-/** ReactNotifyMessageDetails type guard.
- * @internal
- */
-export declare const isReactNotifyMessageDetails: (details: any) => details is ReactNotifyMessageDetails;
+/** @packageDocumentation
+ * @module Notification
+ */
+import { BeDuration } from "@itwin/core-bentley";
+import { Point2d, XAndY } from "@itwin/core-geometry";
+import { NotifyMessageDetails, OutputMessageAlert, OutputMessagePriority, OutputMessageType } from "@itwin/core-frontend";
+import { RelativePosition } from "@itwin/appui-abstract";
+import { MessageType } from "@itwin/core-react";
+/** Types for message in [[MessageManager]]
+ * @public
+ */
+export declare type NotifyMessageType = MessageType;
+/** Types for NotifyMessageDetails.
+ * @public
+ */
+export declare type NotifyMessageDetailsType = NotifyMessageDetails | ReactNotifyMessageDetails;
+/** Describes a message to be displayed to the user and adds support for React components in messages.
+ * @public
+ */
+export declare class ReactNotifyMessageDetails {
+    priority: OutputMessagePriority;
+    briefMessage: NotifyMessageType;
+    detailedMessage?: MessageType | undefined;
+    msgType: OutputMessageType;
+    openAlert: OutputMessageAlert;
+    private _notifyMessageDetails;
+    /** @internal */
+    get messageDetails(): NotifyMessageDetails;
+    /** Amount of time a Toast message is displayed */
+    get displayTime(): BeDuration;
+    set displayTime(duration: BeDuration);
+    /** Anchor viewport for a Pointer message */
+    get viewport(): HTMLElement | undefined;
+    /** Point for a Pointer message */
+    get displayPoint(): Point2d | undefined;
+    /** Relative position for a Pointer message */
+    get relativePosition(): RelativePosition;
+    /** Anchor input field for an Input Field message */
+    get inputField(): HTMLElement | undefined;
+    /** Constructor
+     *  @param priority           The priority this message should be accorded by the NotificationManager.
+     *  @param briefMessage       A short message that conveys the simplest explanation of the issue.
+     *  @param detailedMessage    A comprehensive message that explains the issue in detail and potentially offers a solution.
+     *  @param msgType            The type of message.
+     *  @param openAlert          Whether an alert box should be displayed or not, and if so what kind.
+     */
+    constructor(priority: OutputMessagePriority, briefMessage: NotifyMessageType, detailedMessage?: MessageType | undefined, msgType?: OutputMessageType, openAlert?: OutputMessageAlert);
+    /** Set OutputMessageType.Pointer message details.
+     * @param viewport            Viewport over which to display the Pointer type message.
+     * @param displayPoint        Point at which to display the Pointer type message.
+     * @param relativePosition    Position relative to displayPoint at which to display the Pointer type message.
+     */
+    setPointerTypeDetails(viewport: HTMLElement, displayPoint: XAndY, relativePosition?: RelativePosition): void;
+    /** Set OutputMessageType.InputField message details.
+     * @param inputField          Input field that message pertains. The message will be shown just below this input field element.
+     */
+    setInputFieldTypeDetails(inputField: HTMLElement): void;
+}
+/** ReactNotifyMessageDetails type guard.
+ * @internal
+ */
+export declare const isReactNotifyMessageDetails: (details: any) => details is ReactNotifyMessageDetails;
 //# sourceMappingURL=ReactNotifyMessageDetails.d.ts.map