@itwin/appui-react 4.0.0-dev.2 → 4.0.0-dev.4

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

@@ -1,69 +1,69 @@
-"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.isReactNotifyMessageDetails = exports.ReactNotifyMessageDetails = void 0;
-const core_frontend_1 = require("@itwin/core-frontend");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-/** Describes a message to be displayed to the user and adds support for React components in messages.
- * @public
- */
-class ReactNotifyMessageDetails {
-    /** 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, briefMessage, detailedMessage, msgType = core_frontend_1.OutputMessageType.Toast, openAlert = core_frontend_1.OutputMessageAlert.None) {
-        this.priority = priority;
-        this.briefMessage = briefMessage;
-        this.detailedMessage = detailedMessage;
-        this.msgType = msgType;
-        this.openAlert = openAlert;
-        /** Create an internal NotifyMessageDetails */
-        this._notifyMessageDetails = new core_frontend_1.NotifyMessageDetails(priority, "", undefined, msgType, openAlert);
-    }
-    /** @internal */
-    get messageDetails() { return this._notifyMessageDetails; }
-    /** Amount of time a Toast message is displayed */
-    get displayTime() { return this._notifyMessageDetails.displayTime; }
-    set displayTime(duration) { this._notifyMessageDetails.displayTime = duration; }
-    /** Anchor viewport for a Pointer message */
-    get viewport() { return this._notifyMessageDetails.viewport; }
-    /** Point for a Pointer message */
-    get displayPoint() { return this._notifyMessageDetails.displayPoint; }
-    /** Relative position for a Pointer message */
-    get relativePosition() { return this._notifyMessageDetails.relativePosition; }
-    /** Anchor input field for an Input Field message */
-    get inputField() { return this._notifyMessageDetails.inputField; }
-    /** 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, displayPoint, relativePosition = appui_abstract_1.RelativePosition.TopRight) {
-        this._notifyMessageDetails.setPointerTypeDetails(viewport, displayPoint, relativePosition);
-    }
-    /** 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) {
-        this._notifyMessageDetails.setInputFieldTypeDetails(inputField);
-    }
-}
-exports.ReactNotifyMessageDetails = ReactNotifyMessageDetails;
-/** ReactNotifyMessageDetails type guard.
- * @internal
- */
-const isReactNotifyMessageDetails = (details) => {
-    return details.messageDetails !== undefined;
-};
-exports.isReactNotifyMessageDetails = isReactNotifyMessageDetails;
+"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.isReactNotifyMessageDetails = exports.ReactNotifyMessageDetails = void 0;
+const core_frontend_1 = require("@itwin/core-frontend");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+/** Describes a message to be displayed to the user and adds support for React components in messages.
+ * @public
+ */
+class ReactNotifyMessageDetails {
+    /** 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, briefMessage, detailedMessage, msgType = core_frontend_1.OutputMessageType.Toast, openAlert = core_frontend_1.OutputMessageAlert.None) {
+        this.priority = priority;
+        this.briefMessage = briefMessage;
+        this.detailedMessage = detailedMessage;
+        this.msgType = msgType;
+        this.openAlert = openAlert;
+        /** Create an internal NotifyMessageDetails */
+        this._notifyMessageDetails = new core_frontend_1.NotifyMessageDetails(priority, "", undefined, msgType, openAlert);
+    }
+    /** @internal */
+    get messageDetails() { return this._notifyMessageDetails; }
+    /** Amount of time a Toast message is displayed */
+    get displayTime() { return this._notifyMessageDetails.displayTime; }
+    set displayTime(duration) { this._notifyMessageDetails.displayTime = duration; }
+    /** Anchor viewport for a Pointer message */
+    get viewport() { return this._notifyMessageDetails.viewport; }
+    /** Point for a Pointer message */
+    get displayPoint() { return this._notifyMessageDetails.displayPoint; }
+    /** Relative position for a Pointer message */
+    get relativePosition() { return this._notifyMessageDetails.relativePosition; }
+    /** Anchor input field for an Input Field message */
+    get inputField() { return this._notifyMessageDetails.inputField; }
+    /** 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, displayPoint, relativePosition = appui_abstract_1.RelativePosition.TopRight) {
+        this._notifyMessageDetails.setPointerTypeDetails(viewport, displayPoint, relativePosition);
+    }
+    /** 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) {
+        this._notifyMessageDetails.setInputFieldTypeDetails(inputField);
+    }
+}
+exports.ReactNotifyMessageDetails = ReactNotifyMessageDetails;
+/** ReactNotifyMessageDetails type guard.
+ * @internal
+ */
+const isReactNotifyMessageDetails = (details) => {
+    return details.messageDetails !== undefined;
+};
+exports.isReactNotifyMessageDetails = isReactNotifyMessageDetails;
 //# sourceMappingURL=ReactNotifyMessageDetails.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReactNotifyMessageDetails.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/ReactNotifyMessageDetails.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,wDAA0H;AAC1H,0DAAyD;AAazD;;GAEG;AACH,MAAa,yBAAyB;IAmBpC;;;;;;OAMG;IACH,YACS,QAA+B,EAC/B,YAA+B,EAC/B,eAAmC,EACnC,UAAU,iCAAiB,CAAC,KAAK,EACjC,YAAY,kCAAkB,CAAC,IAAI;QAJnC,aAAQ,GAAR,QAAQ,CAAuB;QAC/B,iBAAY,GAAZ,YAAY,CAAmB;QAC/B,oBAAe,GAAf,eAAe,CAAoB;QACnC,YAAO,GAAP,OAAO,CAA0B;QACjC,cAAS,GAAT,SAAS,CAA0B;QAC1C,8CAA8C;QAC9C,IAAI,CAAC,qBAAqB,GAAG,IAAI,oCAAoB,CAAC,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IACrG,CAAC;IA/BD,gBAAgB;IAChB,IAAW,cAAc,KAA2B,OAAO,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAExF,kDAAkD;IAClD,IAAW,WAAW,KAAiB,OAAO,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;IACvF,IAAW,WAAW,CAAC,QAAoB,IAAI,IAAI,CAAC,qBAAqB,CAAC,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC;IAEnG,4CAA4C;IAC5C,IAAW,QAAQ,KAA8B,OAAO,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9F,kCAAkC;IAClC,IAAW,YAAY,KAA0B,OAAO,IAAI,CAAC,qBAAqB,CAAC,YAAY,CAAC,CAAC,CAAC;IAClG,8CAA8C;IAC9C,IAAW,gBAAgB,KAAuB,OAAO,IAAI,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvG,oDAAoD;IACpD,IAAW,UAAU,KAA8B,OAAO,IAAI,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC,CAAC;IAmBlG;;;;OAIG;IACI,qBAAqB,CAAC,QAAqB,EAAE,YAAmB,EAAE,gBAAgB,GAAG,iCAAgB,CAAC,QAAQ;QACnH,IAAI,CAAC,qBAAqB,CAAC,qBAAqB,CAAC,QAAQ,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAAC;IAC7F,CAAC;IAED;;OAEG;IACI,wBAAwB,CAAC,UAAuB;QACrD,IAAI,CAAC,qBAAqB,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAC;IAClE,CAAC;CACF;AAnDD,8DAmDC;AAED;;GAEG;AACI,MAAM,2BAA2B,GAAG,CAAC,OAAY,EAAwC,EAAE;IAChG,OAAQ,OAAqC,CAAC,cAAc,KAAK,SAAS,CAAC;AAC7E,CAAC,CAAC;AAFW,QAAA,2BAA2B,+BAEtC","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 { BeDuration } from \"@itwin/core-bentley\";\nimport { Point2d, XAndY } from \"@itwin/core-geometry\";\nimport { NotifyMessageDetails, OutputMessageAlert, OutputMessagePriority, OutputMessageType } from \"@itwin/core-frontend\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { MessageType } from \"@itwin/core-react\";\n\n/** Types for message in [[MessageManager]]\n * @public\n */\nexport type NotifyMessageType = MessageType;\n\n/** Types for NotifyMessageDetails.\n * @public\n */\nexport type NotifyMessageDetailsType = NotifyMessageDetails | ReactNotifyMessageDetails;\n\n/** Describes a message to be displayed to the user and adds support for React components in messages.\n * @public\n */\nexport class ReactNotifyMessageDetails {\n  private _notifyMessageDetails: NotifyMessageDetails;\n\n  /** @internal */\n  public get messageDetails(): NotifyMessageDetails { return this._notifyMessageDetails; }\n\n  /** Amount of time a Toast message is displayed */\n  public get displayTime(): BeDuration { return this._notifyMessageDetails.displayTime; }\n  public set displayTime(duration: BeDuration) { this._notifyMessageDetails.displayTime = duration; }\n\n  /** Anchor viewport for a Pointer message */\n  public get viewport(): HTMLElement | undefined { return this._notifyMessageDetails.viewport; }\n  /** Point for a Pointer message */\n  public get displayPoint(): Point2d | undefined { return this._notifyMessageDetails.displayPoint; }\n  /** Relative position for a Pointer message */\n  public get relativePosition(): RelativePosition { return this._notifyMessageDetails.relativePosition; }\n  /** Anchor input field for an Input Field message */\n  public get inputField(): HTMLElement | undefined { return this._notifyMessageDetails.inputField; }\n\n  /** Constructor\n   *  @param priority           The priority this message should be accorded by the NotificationManager.\n   *  @param briefMessage       A short message that conveys the simplest explanation of the issue.\n   *  @param detailedMessage    A comprehensive message that explains the issue in detail and potentially offers a solution.\n   *  @param msgType            The type of message.\n   *  @param openAlert          Whether an alert box should be displayed or not, and if so what kind.\n   */\n  public constructor(\n    public priority: OutputMessagePriority,\n    public briefMessage: NotifyMessageType,\n    public detailedMessage?: NotifyMessageType,\n    public msgType = OutputMessageType.Toast,\n    public openAlert = OutputMessageAlert.None) {\n    /** Create an internal NotifyMessageDetails */\n    this._notifyMessageDetails = new NotifyMessageDetails(priority, \"\", undefined, msgType, openAlert);\n  }\n\n  /** Set OutputMessageType.Pointer message details.\n   * @param viewport            Viewport over which to display the Pointer type message.\n   * @param displayPoint        Point at which to display the Pointer type message.\n   * @param relativePosition    Position relative to displayPoint at which to display the Pointer type message.\n   */\n  public setPointerTypeDetails(viewport: HTMLElement, displayPoint: XAndY, relativePosition = RelativePosition.TopRight) {\n    this._notifyMessageDetails.setPointerTypeDetails(viewport, displayPoint, relativePosition);\n  }\n\n  /** Set OutputMessageType.InputField message details.\n   * @param inputField          Input field that message pertains. The message will be shown just below this input field element.\n   */\n  public setInputFieldTypeDetails(inputField: HTMLElement) {\n    this._notifyMessageDetails.setInputFieldTypeDetails(inputField);\n  }\n}\n\n/** ReactNotifyMessageDetails type guard.\n * @internal\n */\nexport const isReactNotifyMessageDetails = (details: any): details is ReactNotifyMessageDetails => {\n  return (details as ReactNotifyMessageDetails).messageDetails !== undefined;\n};\n"]}
+{"version":3,"file":"ReactNotifyMessageDetails.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/ReactNotifyMessageDetails.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,wDAA0H;AAC1H,0DAAyD;AAazD;;GAEG;AACH,MAAa,yBAAyB;IAmBpC;;;;;;OAMG;IACH,YACS,QAA+B,EAC/B,YAA+B,EAC/B,eAAmC,EACnC,UAAU,iCAAiB,CAAC,KAAK,EACjC,YAAY,kCAAkB,CAAC,IAAI;QAJnC,aAAQ,GAAR,QAAQ,CAAuB;QAC/B,iBAAY,GAAZ,YAAY,CAAmB;QAC/B,oBAAe,GAAf,eAAe,CAAoB;QACnC,YAAO,GAAP,OAAO,CAA0B;QACjC,cAAS,GAAT,SAAS,CAA0B;QAC1C,8CAA8C;QAC9C,IAAI,CAAC,qBAAqB,GAAG,IAAI,oCAAoB,CAAC,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IACrG,CAAC;IA/BD,gBAAgB;IAChB,IAAW,cAAc,KAA2B,OAAO,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAExF,kDAAkD;IAClD,IAAW,WAAW,KAAiB,OAAO,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;IACvF,IAAW,WAAW,CAAC,QAAoB,IAAI,IAAI,CAAC,qBAAqB,CAAC,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC;IAEnG,4CAA4C;IAC5C,IAAW,QAAQ,KAA8B,OAAO,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9F,kCAAkC;IAClC,IAAW,YAAY,KAA0B,OAAO,IAAI,CAAC,qBAAqB,CAAC,YAAY,CAAC,CAAC,CAAC;IAClG,8CAA8C;IAC9C,IAAW,gBAAgB,KAAuB,OAAO,IAAI,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvG,oDAAoD;IACpD,IAAW,UAAU,KAA8B,OAAO,IAAI,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC,CAAC;IAmBlG;;;;OAIG;IACI,qBAAqB,CAAC,QAAqB,EAAE,YAAmB,EAAE,gBAAgB,GAAG,iCAAgB,CAAC,QAAQ;QACnH,IAAI,CAAC,qBAAqB,CAAC,qBAAqB,CAAC,QAAQ,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAAC;IAC7F,CAAC;IAED;;OAEG;IACI,wBAAwB,CAAC,UAAuB;QACrD,IAAI,CAAC,qBAAqB,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAC;IAClE,CAAC;CACF;AAnDD,8DAmDC;AAED;;GAEG;AACI,MAAM,2BAA2B,GAAG,CAAC,OAAY,EAAwC,EAAE;IAChG,OAAQ,OAAqC,CAAC,cAAc,KAAK,SAAS,CAAC;AAC7E,CAAC,CAAC;AAFW,QAAA,2BAA2B,+BAEtC","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 { BeDuration } from \"@itwin/core-bentley\";\r\nimport { Point2d, XAndY } from \"@itwin/core-geometry\";\r\nimport { NotifyMessageDetails, OutputMessageAlert, OutputMessagePriority, OutputMessageType } from \"@itwin/core-frontend\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { MessageType } from \"@itwin/core-react\";\r\n\r\n/** Types for message in [[MessageManager]]\r\n * @public\r\n */\r\nexport type NotifyMessageType = MessageType;\r\n\r\n/** Types for NotifyMessageDetails.\r\n * @public\r\n */\r\nexport type NotifyMessageDetailsType = NotifyMessageDetails | ReactNotifyMessageDetails;\r\n\r\n/** Describes a message to be displayed to the user and adds support for React components in messages.\r\n * @public\r\n */\r\nexport class ReactNotifyMessageDetails {\r\n  private _notifyMessageDetails: NotifyMessageDetails;\r\n\r\n  /** @internal */\r\n  public get messageDetails(): NotifyMessageDetails { return this._notifyMessageDetails; }\r\n\r\n  /** Amount of time a Toast message is displayed */\r\n  public get displayTime(): BeDuration { return this._notifyMessageDetails.displayTime; }\r\n  public set displayTime(duration: BeDuration) { this._notifyMessageDetails.displayTime = duration; }\r\n\r\n  /** Anchor viewport for a Pointer message */\r\n  public get viewport(): HTMLElement | undefined { return this._notifyMessageDetails.viewport; }\r\n  /** Point for a Pointer message */\r\n  public get displayPoint(): Point2d | undefined { return this._notifyMessageDetails.displayPoint; }\r\n  /** Relative position for a Pointer message */\r\n  public get relativePosition(): RelativePosition { return this._notifyMessageDetails.relativePosition; }\r\n  /** Anchor input field for an Input Field message */\r\n  public get inputField(): HTMLElement | undefined { return this._notifyMessageDetails.inputField; }\r\n\r\n  /** Constructor\r\n   *  @param priority           The priority this message should be accorded by the NotificationManager.\r\n   *  @param briefMessage       A short message that conveys the simplest explanation of the issue.\r\n   *  @param detailedMessage    A comprehensive message that explains the issue in detail and potentially offers a solution.\r\n   *  @param msgType            The type of message.\r\n   *  @param openAlert          Whether an alert box should be displayed or not, and if so what kind.\r\n   */\r\n  public constructor(\r\n    public priority: OutputMessagePriority,\r\n    public briefMessage: NotifyMessageType,\r\n    public detailedMessage?: NotifyMessageType,\r\n    public msgType = OutputMessageType.Toast,\r\n    public openAlert = OutputMessageAlert.None) {\r\n    /** Create an internal NotifyMessageDetails */\r\n    this._notifyMessageDetails = new NotifyMessageDetails(priority, \"\", undefined, msgType, openAlert);\r\n  }\r\n\r\n  /** Set OutputMessageType.Pointer message details.\r\n   * @param viewport            Viewport over which to display the Pointer type message.\r\n   * @param displayPoint        Point at which to display the Pointer type message.\r\n   * @param relativePosition    Position relative to displayPoint at which to display the Pointer type message.\r\n   */\r\n  public setPointerTypeDetails(viewport: HTMLElement, displayPoint: XAndY, relativePosition = RelativePosition.TopRight) {\r\n    this._notifyMessageDetails.setPointerTypeDetails(viewport, displayPoint, relativePosition);\r\n  }\r\n\r\n  /** Set OutputMessageType.InputField message details.\r\n   * @param inputField          Input field that message pertains. The message will be shown just below this input field element.\r\n   */\r\n  public setInputFieldTypeDetails(inputField: HTMLElement) {\r\n    this._notifyMessageDetails.setInputFieldTypeDetails(inputField);\r\n  }\r\n}\r\n\r\n/** ReactNotifyMessageDetails type guard.\r\n * @internal\r\n */\r\nexport const isReactNotifyMessageDetails = (details: any): details is ReactNotifyMessageDetails => {\r\n  return (details as ReactNotifyMessageDetails).messageDetails !== undefined;\r\n};\r\n"]}

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

@@ -1,25 +1,25 @@
-/** @packageDocumentation
- * @module Notification
- */
-import { NotifyMessageDetailsType } from "./ReactNotifyMessageDetails";
-import { MessageSeverity } from "@itwin/appui-abstract";
-/** Interface for Status Message
- * @internal
- */
-export interface StatusMessage {
-    id: string;
-    messageDetails: NotifyMessageDetailsType;
-    severity: MessageSeverity;
-}
-/** Manager for Status messages
- * @internal
- */
-export declare class StatusMessageManager {
-    private _messages;
-    private _messageId;
-    initialize(): void;
-    get messages(): readonly StatusMessage[];
-    add(messageDetails: NotifyMessageDetailsType): void;
-    remove(id: string): boolean;
-}
+/** @packageDocumentation
+ * @module Notification
+ */
+import { NotifyMessageDetailsType } from "./ReactNotifyMessageDetails";
+import { MessageSeverity } from "@itwin/appui-abstract";
+/** Interface for Status Message
+ * @internal
+ */
+export interface StatusMessage {
+    id: string;
+    messageDetails: NotifyMessageDetailsType;
+    severity: MessageSeverity;
+}
+/** Manager for Status messages
+ * @internal
+ */
+export declare class StatusMessageManager {
+    private _messages;
+    private _messageId;
+    initialize(): void;
+    get messages(): readonly StatusMessage[];
+    add(messageDetails: NotifyMessageDetailsType): void;
+    remove(id: string): boolean;
+}
 //# sourceMappingURL=StatusMessageManager.d.ts.map

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

@@ -1,56 +1,56 @@
-"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.StatusMessageManager = void 0;
-const MessageManager_1 = require("./MessageManager");
-const core_frontend_1 = require("@itwin/core-frontend");
-/** Manager for Status messages
- * @internal
- */
-class StatusMessageManager {
-    constructor() {
-        this._messages = [];
-        this._messageId = 0;
-    }
-    initialize() {
-        this._messages = [];
-        this._messageId = 0;
-    }
-    get messages() { return this._messages; }
-    add(messageDetails) {
-        const id = this._messageId.toString();
-        const severity = MessageManager_1.MessageManager.getSeverity(messageDetails);
-        const messages = this._messages.slice();
-        messages.splice(0, 0, { id, messageDetails, severity }); // Insert at beginning
-        this._messages = messages;
-        this._messageId++;
-        /** Remove Sticky messages beyond the max displayed */
-        const stickyMessages = this._messages.filter((message) => message.messageDetails.msgType === core_frontend_1.OutputMessageType.Sticky);
-        if (stickyMessages.length > MessageManager_1.MessageManager.maxDisplayedStickyMessages) {
-            const removeMessages = stickyMessages.slice(MessageManager_1.MessageManager.maxDisplayedStickyMessages);
-            for (const removeMessage of removeMessages) {
-                this.remove(removeMessage.id);
-            }
-        }
-    }
-    remove(id) {
-        let result = false;
-        const foundIndex = this._messages.findIndex((message) => message.id === id);
-        // istanbul ignore else
-        if (foundIndex >= 0) {
-            const messages = this._messages.slice();
-            messages.splice(foundIndex, 1);
-            this._messages = messages;
-            result = true;
-        }
-        return result;
-    }
-}
-exports.StatusMessageManager = StatusMessageManager;
+"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.StatusMessageManager = void 0;
+const MessageManager_1 = require("./MessageManager");
+const core_frontend_1 = require("@itwin/core-frontend");
+/** Manager for Status messages
+ * @internal
+ */
+class StatusMessageManager {
+    constructor() {
+        this._messages = [];
+        this._messageId = 0;
+    }
+    initialize() {
+        this._messages = [];
+        this._messageId = 0;
+    }
+    get messages() { return this._messages; }
+    add(messageDetails) {
+        const id = this._messageId.toString();
+        const severity = MessageManager_1.MessageManager.getSeverity(messageDetails);
+        const messages = this._messages.slice();
+        messages.splice(0, 0, { id, messageDetails, severity }); // Insert at beginning
+        this._messages = messages;
+        this._messageId++;
+        /** Remove Sticky messages beyond the max displayed */
+        const stickyMessages = this._messages.filter((message) => message.messageDetails.msgType === core_frontend_1.OutputMessageType.Sticky);
+        if (stickyMessages.length > MessageManager_1.MessageManager.maxDisplayedStickyMessages) {
+            const removeMessages = stickyMessages.slice(MessageManager_1.MessageManager.maxDisplayedStickyMessages);
+            for (const removeMessage of removeMessages) {
+                this.remove(removeMessage.id);
+            }
+        }
+    }
+    remove(id) {
+        let result = false;
+        const foundIndex = this._messages.findIndex((message) => message.id === id);
+        // istanbul ignore else
+        if (foundIndex >= 0) {
+            const messages = this._messages.slice();
+            messages.splice(foundIndex, 1);
+            this._messages = messages;
+            result = true;
+        }
+        return result;
+    }
+}
+exports.StatusMessageManager = StatusMessageManager;
 //# sourceMappingURL=StatusMessageManager.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusMessageManager.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/StatusMessageManager.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,qDAAkD;AAClD,wDAAyD;AAWzD;;GAEG;AACH,MAAa,oBAAoB;IAAjC;QACU,cAAS,GAAiC,EAAE,CAAC;QAC7C,eAAU,GAAW,CAAC,CAAC;IA2CjC,CAAC;IAzCQ,UAAU;QACf,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,IAAW,QAAQ,KAAK,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IAEzC,GAAG,CAAC,cAAwC;QACjD,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;QACtC,MAAM,QAAQ,GAAG,+BAAc,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QAE5D,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACxC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAE,sBAAsB;QAChF,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAE1B,IAAI,CAAC,UAAU,EAAE,CAAC;QAElB,sDAAsD;QACtD,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,iCAAiB,CAAC,MAAM,CAAC,CAAC;QACvH,IAAI,cAAc,CAAC,MAAM,GAAG,+BAAc,CAAC,0BAA0B,EAAE;YACrE,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,+BAAc,CAAC,0BAA0B,CAAC,CAAC;YACvF,KAAK,MAAM,aAAa,IAAI,cAAc,EAAE;gBAC1C,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;aAC/B;SACF;IACH,CAAC;IAEM,MAAM,CAAC,EAAU;QACtB,IAAI,MAAM,GAAG,KAAK,CAAC;QACnB,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,OAAsB,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAE3F,uBAAuB;QACvB,IAAI,UAAU,IAAI,CAAC,EAAE;YACnB,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;YACxC,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;YAC/B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;YAC1B,MAAM,GAAG,IAAI,CAAC;SACf;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;CACF;AA7CD,oDA6CC","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 { NotifyMessageDetailsType } from \"./ReactNotifyMessageDetails\";\nimport { MessageSeverity } from \"@itwin/appui-abstract\";\nimport { MessageManager } from \"./MessageManager\";\nimport { OutputMessageType } from \"@itwin/core-frontend\";\n\n/** Interface for Status Message\n * @internal\n */\nexport interface StatusMessage {\n  id: string;\n  messageDetails: NotifyMessageDetailsType;\n  severity: MessageSeverity;\n}\n\n/** Manager for Status messages\n * @internal\n */\nexport class StatusMessageManager {\n  private _messages: ReadonlyArray<StatusMessage> = [];\n  private _messageId: number = 0;\n\n  public initialize() {\n    this._messages = [];\n    this._messageId = 0;\n  }\n\n  public get messages() { return this._messages; }\n\n  public add(messageDetails: NotifyMessageDetailsType): void {\n    const id = this._messageId.toString();\n    const severity = MessageManager.getSeverity(messageDetails);\n\n    const messages = this._messages.slice();\n    messages.splice(0, 0, { id, messageDetails, severity });  // Insert at beginning\n    this._messages = messages;\n\n    this._messageId++;\n\n    /** Remove Sticky messages beyond the max displayed */\n    const stickyMessages = this._messages.filter((message) => message.messageDetails.msgType === OutputMessageType.Sticky);\n    if (stickyMessages.length > MessageManager.maxDisplayedStickyMessages) {\n      const removeMessages = stickyMessages.slice(MessageManager.maxDisplayedStickyMessages);\n      for (const removeMessage of removeMessages) {\n        this.remove(removeMessage.id);\n      }\n    }\n  }\n\n  public remove(id: string): boolean {\n    let result = false;\n    const foundIndex = this._messages.findIndex((message: StatusMessage) => message.id === id);\n\n    // istanbul ignore else\n    if (foundIndex >= 0) {\n      const messages = this._messages.slice();\n      messages.splice(foundIndex, 1);\n      this._messages = messages;\n      result = true;\n    }\n\n    return result;\n  }\n}\n"]}
+{"version":3,"file":"StatusMessageManager.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/StatusMessageManager.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,qDAAkD;AAClD,wDAAyD;AAWzD;;GAEG;AACH,MAAa,oBAAoB;IAAjC;QACU,cAAS,GAAiC,EAAE,CAAC;QAC7C,eAAU,GAAW,CAAC,CAAC;IA2CjC,CAAC;IAzCQ,UAAU;QACf,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,IAAW,QAAQ,KAAK,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IAEzC,GAAG,CAAC,cAAwC;QACjD,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;QACtC,MAAM,QAAQ,GAAG,+BAAc,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QAE5D,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACxC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAE,sBAAsB;QAChF,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAE1B,IAAI,CAAC,UAAU,EAAE,CAAC;QAElB,sDAAsD;QACtD,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,iCAAiB,CAAC,MAAM,CAAC,CAAC;QACvH,IAAI,cAAc,CAAC,MAAM,GAAG,+BAAc,CAAC,0BAA0B,EAAE;YACrE,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,+BAAc,CAAC,0BAA0B,CAAC,CAAC;YACvF,KAAK,MAAM,aAAa,IAAI,cAAc,EAAE;gBAC1C,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;aAC/B;SACF;IACH,CAAC;IAEM,MAAM,CAAC,EAAU;QACtB,IAAI,MAAM,GAAG,KAAK,CAAC;QACnB,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,OAAsB,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAE3F,uBAAuB;QACvB,IAAI,UAAU,IAAI,CAAC,EAAE;YACnB,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;YACxC,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;YAC/B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;YAC1B,MAAM,GAAG,IAAI,CAAC;SACf;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;CACF;AA7CD,oDA6CC","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 { NotifyMessageDetailsType } from \"./ReactNotifyMessageDetails\";\r\nimport { MessageSeverity } from \"@itwin/appui-abstract\";\r\nimport { MessageManager } from \"./MessageManager\";\r\nimport { OutputMessageType } from \"@itwin/core-frontend\";\r\n\r\n/** Interface for Status Message\r\n * @internal\r\n */\r\nexport interface StatusMessage {\r\n  id: string;\r\n  messageDetails: NotifyMessageDetailsType;\r\n  severity: MessageSeverity;\r\n}\r\n\r\n/** Manager for Status messages\r\n * @internal\r\n */\r\nexport class StatusMessageManager {\r\n  private _messages: ReadonlyArray<StatusMessage> = [];\r\n  private _messageId: number = 0;\r\n\r\n  public initialize() {\r\n    this._messages = [];\r\n    this._messageId = 0;\r\n  }\r\n\r\n  public get messages() { return this._messages; }\r\n\r\n  public add(messageDetails: NotifyMessageDetailsType): void {\r\n    const id = this._messageId.toString();\r\n    const severity = MessageManager.getSeverity(messageDetails);\r\n\r\n    const messages = this._messages.slice();\r\n    messages.splice(0, 0, { id, messageDetails, severity });  // Insert at beginning\r\n    this._messages = messages;\r\n\r\n    this._messageId++;\r\n\r\n    /** Remove Sticky messages beyond the max displayed */\r\n    const stickyMessages = this._messages.filter((message) => message.messageDetails.msgType === OutputMessageType.Sticky);\r\n    if (stickyMessages.length > MessageManager.maxDisplayedStickyMessages) {\r\n      const removeMessages = stickyMessages.slice(MessageManager.maxDisplayedStickyMessages);\r\n      for (const removeMessage of removeMessages) {\r\n        this.remove(removeMessage.id);\r\n      }\r\n    }\r\n  }\r\n\r\n  public remove(id: string): boolean {\r\n    let result = false;\r\n    const foundIndex = this._messages.findIndex((message: StatusMessage) => message.id === id);\r\n\r\n    // istanbul ignore else\r\n    if (foundIndex >= 0) {\r\n      const messages = this._messages.slice();\r\n      messages.splice(foundIndex, 1);\r\n      this._messages = messages;\r\n      result = true;\r\n    }\r\n\r\n    return result;\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,22 @@
+/** @packageDocumentation
+ * @module Notification
+ */
+/// <reference types="react" />
+import "./StatusMessageRenderer.scss";
+import { CommonProps } from "@itwin/core-react";
+/** Properties for [[StatusMessageRenderer]] component
+ * @deprecated in 3.5. Props of a deprecated component.
+ * @public
+ */
+export interface StatusMessageRendererProps extends CommonProps {
+    closeMessage?: (id: string) => void;
+    cancelActivityMessage?: () => void;
+    dismissActivityMessage?: () => void;
+}
+/** Message Popup React component that renders one or more Toast or Sticky messages and an Activity message without a StatusBar.
+ * @note This component was formerly named MessageRenderer in previous releases.
+ * @public
+ * @deprecated in 3.3. Use `toaster` from iTwinui-react to display status messages.
+ */
+export declare function StatusMessageRenderer({ closeMessage, cancelActivityMessage: cancelActivityMessageProp, dismissActivityMessage, }: StatusMessageRendererProps): JSX.Element;
+//# sourceMappingURL=StatusMessageRenderer.d.ts.map

package/lib/cjs/appui-react/messages/StatusMessageRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusMessageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/StatusMessageRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,8BAA8B,CAAC;AAGtC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAWhD;;;GAGG;AACH,MAAM,WAAW,0BAA2B,SAAQ,WAAW;IAC7D,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,YAAY,EACZ,qBAAqB,EAAE,yBAAyB,EAChD,sBAAsB,GACvB,EAAE,0BAA0B,eAuE5B"}

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

@@ -0,0 +1,76 @@
+"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.StatusMessageRenderer = void 0;
+require("./StatusMessageRenderer.scss");
+const React = require("react");
+const MessageManager_1 = require("./MessageManager");
+const ActivityMessage_1 = require("./ActivityMessage");
+/** Message Popup React component that renders one or more Toast or Sticky messages and an Activity message without a StatusBar.
+ * @note This component was formerly named MessageRenderer in previous releases.
+ * @public
+ * @deprecated in 3.3. Use `toaster` from iTwinui-react to display status messages.
+ */
+function StatusMessageRenderer({ closeMessage, cancelActivityMessage: cancelActivityMessageProp, dismissActivityMessage, }) {
+    const messages = React.useRef([]);
+    const [activityMessageInfo, setActivityMessageInfo] = React.useState(undefined);
+    const updateMessages = () => {
+        const updatedMessages = [...messages.current];
+        messages.current.forEach((m) => {
+            if (!MessageManager_1.MessageManager.activeMessageManager.messages.some((msg) => m.id === msg.id)) {
+                m.close();
+                const index = updatedMessages.findIndex((msg) => msg.id === m.id);
+                updatedMessages.splice(index, 1);
+            }
+        });
+        messages.current = updatedMessages;
+    };
+    React.useEffect(() => {
+        const handleMessageAddedEvent = ({ message }) => {
+            updateMessages();
+            const messagesToAdd = MessageManager_1.MessageManager.activeMessageManager.messages.filter((msg) => !messages.current.find((m) => m.id === msg.id));
+            messagesToAdd.forEach((msg) => {
+                const displayedMessage = MessageManager_1.MessageManager.displayMessage(message, { onRemove: () => onRemove(msg.id) }, { placement: "top", order: "descending" });
+                if (!!displayedMessage)
+                    messages.current.push({ close: displayedMessage.close, id: msg.id });
+            });
+        };
+        return MessageManager_1.MessageManager.onMessageAddedEvent.addListener(handleMessageAddedEvent);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    React.useEffect(() => {
+        /** Respond to clearing the message list */
+        return MessageManager_1.MessageManager.onMessagesUpdatedEvent.addListener(updateMessages);
+    }, []);
+    React.useEffect(() => {
+        const handleActivityMessageUpdatedEvent = (args) => {
+            setActivityMessageInfo(args);
+        };
+        return MessageManager_1.MessageManager.onActivityMessageUpdatedEvent.addListener(handleActivityMessageUpdatedEvent);
+    }, []);
+    React.useEffect(() => {
+        const handleActivityMessageCancelledEvent = () => {
+            setActivityMessageInfo(undefined);
+        };
+        return MessageManager_1.MessageManager.onActivityMessageCancelledEvent.addListener(handleActivityMessageCancelledEvent);
+    }, []);
+    const onRemove = React.useCallback((id) => {
+        MessageManager_1.MessageManager.activeMessageManager.remove(id);
+        MessageManager_1.MessageManager.updateMessages();
+        closeMessage === null || closeMessage === void 0 ? void 0 : closeMessage(id);
+    }, [closeMessage]);
+    const cancelActivityMessage = React.useCallback(() => {
+        MessageManager_1.MessageManager.endActivityMessage(false);
+        cancelActivityMessageProp && cancelActivityMessageProp();
+    }, [cancelActivityMessageProp]);
+    (0, ActivityMessage_1.useActivityMessage)({ activityMessageInfo, cancelActivityMessage, dismissActivityMessage });
+    return React.createElement(React.Fragment, null);
+}
+exports.StatusMessageRenderer = StatusMessageRenderer;
+//# sourceMappingURL=StatusMessageRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusMessageRenderer.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/StatusMessageRenderer.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 \"./StatusMessageRenderer.scss\";\r\nimport * as React from \"react\";\r\nimport { ActivityMessageEventArgs, MessageAddedEventArgs, MessageManager } from \"./MessageManager\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { useActivityMessage } from \"./ActivityMessage\";\r\n\r\n/** Message type for the [[StatusMessageRenderer]] React component\r\n * @internal\r\n */\r\ninterface StatusMessageRendererrMessage {\r\n  close: () => void;\r\n  id: string;\r\n}\r\n\r\n/** Properties for [[StatusMessageRenderer]] component\r\n * @deprecated in 3.5. Props of a deprecated component.\r\n * @public\r\n */\r\nexport interface StatusMessageRendererProps extends CommonProps {\r\n  closeMessage?: (id: string) => void;\r\n  cancelActivityMessage?: () => void;\r\n  dismissActivityMessage?: () => void;\r\n}\r\n\r\n/** Message Popup React component that renders one or more Toast or Sticky messages and an Activity message without a StatusBar.\r\n * @note This component was formerly named MessageRenderer in previous releases.\r\n * @public\r\n * @deprecated in 3.3. Use `toaster` from iTwinui-react to display status messages.\r\n */\r\nexport function StatusMessageRenderer({\r\n  closeMessage,\r\n  cancelActivityMessage: cancelActivityMessageProp,\r\n  dismissActivityMessage,\r\n}: StatusMessageRendererProps) { // eslint-disable-line deprecation/deprecation\r\n  const messages = React.useRef<StatusMessageRendererrMessage[]>([]);\r\n  const [activityMessageInfo, setActivityMessageInfo] = React.useState<ActivityMessageEventArgs | undefined>(undefined);\r\n\r\n  const updateMessages = () => {\r\n    const updatedMessages = [...messages.current];\r\n    messages.current.forEach((m) => {\r\n      if (!MessageManager.activeMessageManager.messages.some((msg) => m.id === msg.id)) {\r\n        m.close();\r\n        const index = updatedMessages.findIndex((msg) => msg.id === m.id);\r\n        updatedMessages.splice(index, 1);\r\n      }\r\n    });\r\n\r\n    messages.current = updatedMessages;\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    const handleMessageAddedEvent = ({ message }: MessageAddedEventArgs) => {\r\n      updateMessages();\r\n      const messagesToAdd = MessageManager.activeMessageManager.messages.filter((msg) => !messages.current.find((m) => m.id === msg.id));\r\n      messagesToAdd.forEach((msg) => {\r\n        const displayedMessage = MessageManager.displayMessage(\r\n          message,\r\n          { onRemove: () => onRemove(msg.id) },\r\n          { placement: \"top\", order: \"descending\" }\r\n        );\r\n        if (!!displayedMessage)\r\n          messages.current.push({ close: displayedMessage.close, id: msg.id });\r\n      });\r\n    };\r\n\r\n    return MessageManager.onMessageAddedEvent.addListener(handleMessageAddedEvent);\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    /** Respond to clearing the message list */\r\n    return MessageManager.onMessagesUpdatedEvent.addListener(updateMessages);\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    const handleActivityMessageUpdatedEvent = (args: ActivityMessageEventArgs) => {\r\n      setActivityMessageInfo(args);\r\n    };\r\n\r\n    return MessageManager.onActivityMessageUpdatedEvent.addListener(handleActivityMessageUpdatedEvent);\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    const handleActivityMessageCancelledEvent = () => {\r\n      setActivityMessageInfo(undefined);\r\n    };\r\n\r\n    return MessageManager.onActivityMessageCancelledEvent.addListener(handleActivityMessageCancelledEvent);\r\n  }, []);\r\n\r\n  const onRemove = React.useCallback((id: string) => {\r\n    MessageManager.activeMessageManager.remove(id);\r\n    MessageManager.updateMessages();\r\n    closeMessage?.(id);\r\n  }, [closeMessage]);\r\n\r\n  const cancelActivityMessage = React.useCallback(() => {\r\n    MessageManager.endActivityMessage(false);\r\n    cancelActivityMessageProp && cancelActivityMessageProp();\r\n  }, [cancelActivityMessageProp]);\r\n\r\n  useActivityMessage({ activityMessageInfo, cancelActivityMessage, dismissActivityMessage });\r\n\r\n  return <></>;\r\n}\r\n"]}

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

@@ -0,0 +1,28 @@
+/*---------------------------------------------------------------------------------------------
+* 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/z-index";
+
+.uifw-message-renderer {
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+  left: 0;
+  top: 0;
+  right: 0;
+  position: fixed;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  @include uicore-z-index(dialog-popup);
+}
+
+@media screen and (min-width: 401px) {
+  .uifw-message-renderer {
+    min-width: 400px;
+    max-width: 640px;
+    margin-top: 24px;
+  }
+}

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

@@ -0,0 +1,25 @@
+/** @packageDocumentation
+ * @module Notification
+ */
+/// <reference types="react" />
+import "./StatusMessagesContainer.scss";
+import { StatusMessage } from "./StatusMessageManager";
+import { ActivityMessageEventArgs } from "./MessageManager";
+/** Properties for [[StatusMessagesContainer]] component
+ * @internal
+ */
+export interface StatusMessagesContainerProps {
+    messages: ReadonlyArray<StatusMessage>;
+    activityMessageInfo: ActivityMessageEventArgs | undefined;
+    isActivityMessageVisible: boolean;
+    toastTarget: HTMLElement | null;
+    closeMessage: (id: string) => void;
+    cancelActivityMessage: () => void;
+    dismissActivityMessage: () => void;
+}
+/** Component that renders one or more Toast, Sticky or Activity messages
+ * @internal
+ * @deprecated in 3.3.
+ */
+export declare function StatusMessagesContainer(props: StatusMessagesContainerProps): JSX.Element | null;
+//# sourceMappingURL=StatusMessagesContainer.d.ts.map

package/lib/cjs/appui-react/messages/StatusMessagesContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusMessagesContainer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/StatusMessagesContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,gCAAgC,CAAC;AAGxC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAO5D;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACvC,mBAAmB,EAAE,wBAAwB,GAAG,SAAS,CAAC;IAC1D,wBAAwB,EAAE,OAAO,CAAC;IAClC,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,EAAE,MAAM,IAAI,CAAC;CACpC;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,sBAqE1E"}

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

@@ -0,0 +1,68 @@
+"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.StatusMessagesContainer = void 0;
+require("./StatusMessagesContainer.scss");
+const React = require("react");
+const classnames_1 = require("classnames");
+const core_frontend_1 = require("@itwin/core-frontend");
+const ToastMessage_1 = require("./ToastMessage");
+const StickyMessage_1 = require("./StickyMessage");
+const ActivityMessage_1 = require("./ActivityMessage");
+const core_react_1 = require("@itwin/core-react");
+/** Component that renders one or more Toast, Sticky or Activity messages
+ * @internal
+ * @deprecated in 3.3.
+ */
+function StatusMessagesContainer(props) {
+    const [containerElement, setContainerElement] = React.useState(null);
+    const isMountedRef = React.useRef(false);
+    React.useEffect(() => {
+        if (!isMountedRef.current && containerRef.current) {
+            isMountedRef.current = true;
+            setContainerElement(containerRef.current);
+        }
+    }, []);
+    const messages = props.messages;
+    const containerRef = React.useRef(null);
+    const [, height] = (0, core_react_1.useLayoutResizeObserver)(containerElement);
+    const [addScroll, setAddScroll] = React.useState(false);
+    React.useLayoutEffect(() => {
+        var _a, _b;
+        // istanbul ignore else
+        if (containerElement) {
+            // istanbul ignore next
+            const windowHeight = (_b = (_a = containerElement.ownerDocument.defaultView) === null || _a === void 0 ? void 0 : _a.innerHeight) !== null && _b !== void 0 ? _b : 800;
+            const maxHeight = Math.floor(windowHeight * .66);
+            setAddScroll((height !== null && height !== void 0 ? height : 0) >= maxHeight);
+        }
+    }, [height, containerElement]);
+    if (!(props.activityMessageInfo && props.isActivityMessageVisible) && props.messages.length === 0)
+        return null;
+    return (React.createElement("div", { ref: containerRef, className: (0, classnames_1.default)("uifw-statusbar-messages-container", addScroll && "uifw-scrollable") },
+        React.createElement("ul", { className: "uifw-statusbar-message-list" },
+            messages.length > 0 &&
+                messages.map((message) => {
+                    let messageNode = null;
+                    if (message.messageDetails.msgType === core_frontend_1.OutputMessageType.Toast) {
+                        messageNode = (React.createElement("li", { key: message.id },
+                            React.createElement(ToastMessage_1.ToastMessage, { id: message.id, messageDetails: message.messageDetails, severity: message.severity, closeMessage: props.closeMessage, toastTarget: props.toastTarget })));
+                    }
+                    else if (message.messageDetails.msgType === core_frontend_1.OutputMessageType.Sticky) {
+                        messageNode = (React.createElement("li", { key: message.id },
+                            React.createElement(StickyMessage_1.StickyMessage, { id: message.id, messageDetails: message.messageDetails, severity: message.severity, closeMessage: props.closeMessage })));
+                    }
+                    return messageNode;
+                }),
+            (props.activityMessageInfo !== undefined && props.isActivityMessageVisible) &&
+                React.createElement("li", { key: "activity-message" },
+                    React.createElement(ActivityMessage_1.ActivityMessage, { activityMessageInfo: props.activityMessageInfo, cancelActivityMessage: props.cancelActivityMessage, dismissActivityMessage: props.dismissActivityMessage })))));
+}
+exports.StatusMessagesContainer = StatusMessagesContainer;
+//# sourceMappingURL=StatusMessagesContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusMessagesContainer.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/StatusMessagesContainer.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 \"./StatusMessagesContainer.scss\";\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { StatusMessage } from \"./StatusMessageManager\";\r\nimport { ActivityMessageEventArgs } from \"./MessageManager\";\r\nimport { OutputMessageType } from \"@itwin/core-frontend\";\r\nimport { ToastMessage } from \"./ToastMessage\";\r\nimport { StickyMessage } from \"./StickyMessage\";\r\nimport { ActivityMessage } from \"./ActivityMessage\";\r\nimport { useLayoutResizeObserver } from \"@itwin/core-react\";\r\n\r\n/** Properties for [[StatusMessagesContainer]] component\r\n * @internal\r\n */\r\nexport interface StatusMessagesContainerProps {\r\n  messages: ReadonlyArray<StatusMessage>;\r\n  activityMessageInfo: ActivityMessageEventArgs | undefined;\r\n  isActivityMessageVisible: boolean;\r\n  toastTarget: HTMLElement | null;\r\n  closeMessage: (id: string) => void;\r\n  cancelActivityMessage: () => void;\r\n  dismissActivityMessage: () => void;\r\n}\r\n\r\n/** Component that renders one or more Toast, Sticky or Activity messages\r\n * @internal\r\n * @deprecated in 3.3.\r\n */\r\nexport function StatusMessagesContainer(props: StatusMessagesContainerProps) {\r\n  const [containerElement, setContainerElement] = React.useState<HTMLDivElement | null>(null);\r\n  const isMountedRef = React.useRef(false);\r\n\r\n  React.useEffect(() => {\r\n    if (!isMountedRef.current && containerRef.current) {\r\n      isMountedRef.current = true;\r\n      setContainerElement(containerRef.current);\r\n    }\r\n  }, []);\r\n\r\n  const messages = props.messages;\r\n  const containerRef = React.useRef<HTMLDivElement>(null);\r\n  const [, height] = useLayoutResizeObserver(containerElement);\r\n  const [addScroll, setAddScroll] = React.useState(false);\r\n\r\n  React.useLayoutEffect(() => {\r\n    // istanbul ignore else\r\n    if (containerElement) {\r\n      // istanbul ignore next\r\n      const windowHeight = containerElement.ownerDocument.defaultView?.innerHeight ?? 800;\r\n      const maxHeight = Math.floor(windowHeight * .66);\r\n      setAddScroll((height ?? 0) >= maxHeight);\r\n    }\r\n  }, [height, containerElement]);\r\n\r\n  if (!(props.activityMessageInfo && props.isActivityMessageVisible) && props.messages.length === 0)\r\n    return null;\r\n\r\n  return (\r\n    <div ref={containerRef} className={classnames(\"uifw-statusbar-messages-container\", addScroll && \"uifw-scrollable\")}>\r\n      <ul className=\"uifw-statusbar-message-list\">\r\n        {messages.length > 0 &&\r\n          messages.map((message: StatusMessage) => {\r\n            let messageNode = null;\r\n            if (message.messageDetails.msgType === OutputMessageType.Toast) {\r\n              messageNode = (\r\n                <li key={message.id}>\r\n                  {/* eslint-disable-next-line deprecation/deprecation */}\r\n                  <ToastMessage id={message.id} messageDetails={message.messageDetails} severity={message.severity}\r\n                    closeMessage={props.closeMessage} toastTarget={props.toastTarget} />\r\n                </li>\r\n              );\r\n            } else if (message.messageDetails.msgType === OutputMessageType.Sticky) {\r\n              messageNode = (\r\n                <li key={message.id}>\r\n                  {/* eslint-disable-next-line deprecation/deprecation */}\r\n                  <StickyMessage id={message.id} messageDetails={message.messageDetails} severity={message.severity}\r\n                    closeMessage={props.closeMessage} />\r\n                </li>\r\n              );\r\n            }\r\n            return messageNode;\r\n          })\r\n        }\r\n        {(props.activityMessageInfo !== undefined && props.isActivityMessageVisible) &&\r\n          <li key=\"activity-message\">\r\n            {/* eslint-disable-next-line deprecation/deprecation */}\r\n            <ActivityMessage\r\n              activityMessageInfo={props.activityMessageInfo}\r\n              cancelActivityMessage={props.cancelActivityMessage}\r\n              dismissActivityMessage={props.dismissActivityMessage}\r\n            />\r\n          </li>\r\n        }\r\n      </ul>\r\n    </div>\r\n  );\r\n\r\n}\r\n"]}