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

package/lib/esm/appui-react/messages/AppNotificationManager.js

@@ -1,122 +1,122 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import { ActivityMessageEndReason, NotificationManager, ToolAssistance, } from "@itwin/core-frontend";
-import { ElementTooltip } from "../feedback/ElementTooltip";
-import { UiFramework } from "../UiFramework";
-import { MessageManager } from "./MessageManager";
-import { PointerMessage } from "./Pointer";
-/**
- * The AppNotificationManager class is a subclass of NotificationManager in @itwin/core-frontend.
- * This implementation uses the iTwin.js UI library to display alerts, messages, prompts and tooltips.
- * @public
- */
-export class AppNotificationManager extends NotificationManager {
-    /** Output a prompt, given an i18n key.
-     */
-    outputPromptByKey(key) {
-        this.outputPrompt(UiFramework.localization.getLocalizedString(key));
-    }
-    /** Output a prompt to the user. A 'prompt' indicates an action the user should take to proceed.
-     */
-    outputPrompt(prompt) {
-        MessageManager.outputPrompt(prompt);
-        const mainInstruction = ToolAssistance.createInstruction("", prompt);
-        const instructions = ToolAssistance.createInstructions(mainInstruction);
-        MessageManager.setToolAssistance(instructions);
-    }
-    /** Output a message and/or alert to the user. */
-    outputMessage(message) {
-        MessageManager.outputMessage(message);
-    }
-    /** Output a MessageBox and wait for response from the user.
-     * @param mbType       The MessageBox type.
-     * @param message      The message to display.
-     * @param icon         The MessageBox icon type.
-     * @return the response from the user.
-     */
-    async openMessageBox(mbType, message, icon) {
-        return MessageManager.openMessageBox(mbType, message, icon);
-    }
-    /**
-     * Set up for activity messages.
-     * @param details  The activity message details.
-     * @return true if the message was displayed, false if an invalid priority is specified.
-     */
-    setupActivityMessage(details) {
-        return MessageManager.setupActivityMessageDetails(details);
-    }
-    /**
-     * Output an activity message to the user.
-     * @param messageText      The message text.
-     * @param percentComplete  The percentage of completion.
-     * @return true if the message was displayed, false if the message could not be displayed.
-     */
-    outputActivityMessage(messageText, percentComplete) {
-        return MessageManager.setupActivityMessageValues(messageText, percentComplete);
-    }
-    /**
-     * End an activity message.
-     * @param reason       Reason for the end of the Activity Message.
-     * @return true if the message was ended successfully, false if the activityMessage could not be ended.
-     */
-    endActivityMessage(reason) {
-        let result = false;
-        switch (reason) {
-            case ActivityMessageEndReason.Completed:
-                result = MessageManager.endActivityMessage(true);
-                break;
-            case ActivityMessageEndReason.Cancelled:
-                result = MessageManager.endActivityMessage(false);
-                break;
-        }
-        return result;
-    }
-    /** Update message position created with [[OutputMessageType.Pointer]].
-     * @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.
-     */
-    updatePointerMessage(displayPoint, relativePosition) {
-        PointerMessage.updateMessage(displayPoint, relativePosition);
-    }
-    /** Hides the Pointer message. */
-    closePointerMessage() {
-        PointerMessage.hideMessage();
-    }
-    /** Return true if _showTooltip has an implementation and will display a tooltip. */
-    get isToolTipSupported() { return true; }
-    /** Return true if the tooltip is currently open. */
-    get isToolTipOpen() { return ElementTooltip.isTooltipVisible; }
-    /** Clear the ToolTip if it is currently open. If not open, does nothing. */
-    clearToolTip() {
-        // istanbul ignore else
-        if (this.isToolTipOpen)
-            ElementTooltip.hideTooltip();
-    }
-    /** Show a ToolTip window.
-     * @param el       The HTMLElement that anchors the toolTip.
-     * @param message  The message to display inside the ToolTip
-     * @param pt       An optional location, relative to the origin of el, for the ToolTip. If undefined, center of el.
-     * @param options  Options that supply additional information about how the ToolTip should function.
-     */
-    _showToolTip(el, message, pt, options) {
-        ElementTooltip.showTooltip(el, message, pt, options);
-    }
-    /** Hide a InputField message. */
-    closeInputFieldMessage() {
-        MessageManager.hideInputFieldMessage();
-    }
-    /** Setup tool assistance instructions for a tool. The instructions include the main instruction, which includes the current prompt.
-     * @param instructions The tool assistance instructions.
-     * @public
-     */
-    setToolAssistance(instructions) {
-        MessageManager.outputPrompt(instructions ? instructions.mainInstruction.text : /* istanbul ignore next */ "");
-        MessageManager.setToolAssistance(instructions);
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import { ActivityMessageEndReason, NotificationManager, ToolAssistance, } from "@itwin/core-frontend";
+import { ElementTooltip } from "../feedback/ElementTooltip";
+import { UiFramework } from "../UiFramework";
+import { MessageManager } from "./MessageManager";
+import { PointerMessage } from "./Pointer";
+/**
+ * The AppNotificationManager class is a subclass of NotificationManager in @itwin/core-frontend.
+ * This implementation uses the iTwin.js UI library to display alerts, messages, prompts and tooltips.
+ * @public
+ */
+export class AppNotificationManager extends NotificationManager {
+    /** Output a prompt, given an i18n key.
+     */
+    outputPromptByKey(key) {
+        this.outputPrompt(UiFramework.localization.getLocalizedString(key));
+    }
+    /** Output a prompt to the user. A 'prompt' indicates an action the user should take to proceed.
+     */
+    outputPrompt(prompt) {
+        MessageManager.outputPrompt(prompt);
+        const mainInstruction = ToolAssistance.createInstruction("", prompt);
+        const instructions = ToolAssistance.createInstructions(mainInstruction);
+        MessageManager.setToolAssistance(instructions);
+    }
+    /** Output a message and/or alert to the user. */
+    outputMessage(message) {
+        MessageManager.outputMessage(message);
+    }
+    /** Output a MessageBox and wait for response from the user.
+     * @param mbType       The MessageBox type.
+     * @param message      The message to display.
+     * @param icon         The MessageBox icon type.
+     * @return the response from the user.
+     */
+    async openMessageBox(mbType, message, icon) {
+        return MessageManager.openMessageBox(mbType, message, icon);
+    }
+    /**
+     * Set up for activity messages.
+     * @param details  The activity message details.
+     * @return true if the message was displayed, false if an invalid priority is specified.
+     */
+    setupActivityMessage(details) {
+        return MessageManager.setupActivityMessageDetails(details);
+    }
+    /**
+     * Output an activity message to the user.
+     * @param messageText      The message text.
+     * @param percentComplete  The percentage of completion.
+     * @return true if the message was displayed, false if the message could not be displayed.
+     */
+    outputActivityMessage(messageText, percentComplete) {
+        return MessageManager.setupActivityMessageValues(messageText, percentComplete);
+    }
+    /**
+     * End an activity message.
+     * @param reason       Reason for the end of the Activity Message.
+     * @return true if the message was ended successfully, false if the activityMessage could not be ended.
+     */
+    endActivityMessage(reason) {
+        let result = false;
+        switch (reason) {
+            case ActivityMessageEndReason.Completed:
+                result = MessageManager.endActivityMessage(true);
+                break;
+            case ActivityMessageEndReason.Cancelled:
+                result = MessageManager.endActivityMessage(false);
+                break;
+        }
+        return result;
+    }
+    /** Update message position created with [[OutputMessageType.Pointer]].
+     * @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.
+     */
+    updatePointerMessage(displayPoint, relativePosition) {
+        PointerMessage.updateMessage(displayPoint, relativePosition);
+    }
+    /** Hides the Pointer message. */
+    closePointerMessage() {
+        PointerMessage.hideMessage();
+    }
+    /** Return true if _showTooltip has an implementation and will display a tooltip. */
+    get isToolTipSupported() { return true; }
+    /** Return true if the tooltip is currently open. */
+    get isToolTipOpen() { return ElementTooltip.isTooltipVisible; }
+    /** Clear the ToolTip if it is currently open. If not open, does nothing. */
+    clearToolTip() {
+        // istanbul ignore else
+        if (this.isToolTipOpen)
+            ElementTooltip.hideTooltip();
+    }
+    /** Show a ToolTip window.
+     * @param el       The HTMLElement that anchors the toolTip.
+     * @param message  The message to display inside the ToolTip
+     * @param pt       An optional location, relative to the origin of el, for the ToolTip. If undefined, center of el.
+     * @param options  Options that supply additional information about how the ToolTip should function.
+     */
+    _showToolTip(el, message, pt, options) {
+        ElementTooltip.showTooltip(el, message, pt, options);
+    }
+    /** Hide a InputField message. */
+    closeInputFieldMessage() {
+        MessageManager.hideInputFieldMessage();
+    }
+    /** Setup tool assistance instructions for a tool. The instructions include the main instruction, which includes the current prompt.
+     * @param instructions The tool assistance instructions.
+     * @public
+     */
+    setToolAssistance(instructions) {
+        MessageManager.outputPrompt(instructions ? instructions.mainInstruction.text : /* istanbul ignore next */ "");
+        MessageManager.setToolAssistance(instructions);
+    }
+}
 //# sourceMappingURL=AppNotificationManager.js.map

package/lib/esm/appui-react/messages/HollowIcon.d.ts

@@ -1,10 +1,10 @@
-/** @packageDocumentation
- * @module Notification
- */
-/// <reference types="react" />
-import { IconProps } from "@itwin/core-react";
-/** Icon for Message
- * @internal
- */
-export declare function HollowIcon(props: IconProps): JSX.Element;
+/** @packageDocumentation
+ * @module Notification
+ */
+/// <reference types="react" />
+import { IconProps } from "@itwin/core-react";
+/** Icon for Message
+ * @internal
+ */
+export declare function HollowIcon(props: IconProps): JSX.Element;
 //# sourceMappingURL=HollowIcon.d.ts.map

package/lib/esm/appui-react/messages/HollowIcon.js

@@ -1,17 +1,17 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import * as React from "react";
-import { Icon } from "@itwin/core-react";
-/** Icon for Message
- * @internal
- */
-export function HollowIcon(props) {
-    return (React.createElement("span", { className: "uifw-statusbar-hollow-icon" },
-        React.createElement(Icon, { ...props })));
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import * as React from "react";
+import { Icon } from "@itwin/core-react";
+/** Icon for Message
+ * @internal
+ */
+export function HollowIcon(props) {
+    return (React.createElement("span", { className: "uifw-statusbar-hollow-icon" },
+        React.createElement(Icon, { ...props })));
+}
 //# sourceMappingURL=HollowIcon.js.map

package/lib/esm/appui-react/messages/InputField.d.ts

@@ -1,38 +1,38 @@
-/** @packageDocumentation
- * @module Notification
- */
-import "./InputField.scss";
-import * as React from "react";
-import { OutputMessagePriority } from "@itwin/core-frontend";
-import { NotifyMessageType } from "./ReactNotifyMessageDetails";
-/** Properties of [[InputFieldMessage]] component.
- * @public
- */
-interface InputFieldMessageProps {
-    showCloseButton?: boolean;
-}
-/** [[InputFieldMessage]] state.
- * @internal
- */
-interface InputFieldMessageState {
-    isVisible: boolean;
-    priority: OutputMessagePriority;
-    message: NotifyMessageType;
-    detailedMessage?: NotifyMessageType;
-    inputFieldElement?: HTMLElement;
-    showCloseButton?: boolean;
-}
-/** InputField message pops up near pointer when attempting an invalid interaction.
- * @public
- */
-export declare class InputFieldMessage extends React.PureComponent<InputFieldMessageProps, InputFieldMessageState> {
-    readonly state: Readonly<InputFieldMessageState>;
-    render(): React.ReactNode;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private _onInputMessageClose;
-    private _handleInputFieldMessageAddedEvent;
-    private _handleInputFieldMessageRemovedEvent;
-}
-export {};
+/** @packageDocumentation
+ * @module Notification
+ */
+import "./InputField.scss";
+import * as React from "react";
+import { OutputMessagePriority } from "@itwin/core-frontend";
+import { NotifyMessageType } from "./ReactNotifyMessageDetails";
+/** Properties of [[InputFieldMessage]] component.
+ * @public
+ */
+interface InputFieldMessageProps {
+    showCloseButton?: boolean;
+}
+/** [[InputFieldMessage]] state.
+ * @internal
+ */
+interface InputFieldMessageState {
+    isVisible: boolean;
+    priority: OutputMessagePriority;
+    message: NotifyMessageType;
+    detailedMessage?: NotifyMessageType;
+    inputFieldElement?: HTMLElement;
+    showCloseButton?: boolean;
+}
+/** InputField message pops up near pointer when attempting an invalid interaction.
+ * @public
+ */
+export declare class InputFieldMessage extends React.PureComponent<InputFieldMessageProps, InputFieldMessageState> {
+    readonly state: Readonly<InputFieldMessageState>;
+    render(): React.ReactNode;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private _onInputMessageClose;
+    private _handleInputFieldMessageAddedEvent;
+    private _handleInputFieldMessageRemovedEvent;
+}
+export {};
 //# sourceMappingURL=InputField.d.ts.map

package/lib/esm/appui-react/messages/InputField.js

@@ -1,89 +1,89 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import "./InputField.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { OutputMessagePriority } from "@itwin/core-frontend";
-import { RelativePosition } from "@itwin/appui-abstract";
-import { Icon, Popup } from "@itwin/core-react";
-import { MessageManager } from "../messages/MessageManager";
-import { MessageDiv } from "./MessageSpan";
-import { SvgClose, SvgInfoCircularHollow, SvgStatusError, SvgStatusWarning } from "@itwin/itwinui-icons-react";
-/** InputField message pops up near pointer when attempting an invalid interaction.
- * @public
- */
-export class InputFieldMessage extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            message: "",
-            isVisible: false,
-            priority: OutputMessagePriority.None,
-            showCloseButton: !!this.props.showCloseButton,
-        };
-        this._onInputMessageClose = () => {
-            this.setState({ isVisible: false });
-        };
-        this._handleInputFieldMessageAddedEvent = (args) => {
-            this.setState({
-                inputFieldElement: args.target,
-                message: args.messageText,
-                isVisible: true,
-                priority: args.priority,
-                detailedMessage: args.detailedMessage,
-            });
-        };
-        this._handleInputFieldMessageRemovedEvent = () => {
-            this.setState({ isVisible: false });
-        };
-    }
-    render() {
-        const { isVisible, inputFieldElement, message, priority, detailedMessage, showCloseButton } = this.state;
-        if (!inputFieldElement || !message) {
-            return null;
-        }
-        let iconComponent = React.createElement(SvgInfoCircularHollow, null);
-        switch (priority) {
-            case OutputMessagePriority.Warning:
-                iconComponent = React.createElement(SvgStatusWarning, null);
-                break;
-            case OutputMessagePriority.Error:
-                iconComponent = React.createElement(SvgStatusError, null);
-                break;
-            case OutputMessagePriority.Info:
-                iconComponent = React.createElement(SvgInfoCircularHollow, null);
-                break;
-        }
-        return (React.createElement(Popup, { isOpen: isVisible, position: RelativePosition.BottomLeft, onClose: this._onInputMessageClose, target: inputFieldElement },
-            React.createElement("div", { className: "uifw-popup-message-inputField" },
-                React.createElement("div", { className: "uifw-popup-message-inputField-content" },
-                    React.createElement("div", { className: "uifw-popup-message-inputField-primary" },
-                        iconComponent &&
-                            React.createElement("span", { className: "uifw-popup-message-icon" },
-                                " ",
-                                React.createElement("i", { className: classnames("icon", "core-svg-icon") }, iconComponent),
-                                " "),
-                        React.createElement("span", { className: "uifw-popup-message-text" },
-                            React.createElement(MessageDiv, { className: "uifw-popup-message-brief", message: message }),
-                            detailedMessage &&
-                                React.createElement(MessageDiv, { className: "uifw-popup-message-detailed", message: detailedMessage })))),
-                showCloseButton &&
-                    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-                    React.createElement("div", { className: "uifw-popup-message-close", onClick: this._onInputMessageClose, role: "button", tabIndex: -1 },
-                        React.createElement(Icon, { iconSpec: React.createElement(SvgClose, null) })))));
-    }
-    componentDidMount() {
-        MessageManager.onInputFieldMessageAddedEvent.addListener(this._handleInputFieldMessageAddedEvent);
-        MessageManager.onInputFieldMessageRemovedEvent.addListener(this._handleInputFieldMessageRemovedEvent);
-    }
-    componentWillUnmount() {
-        MessageManager.onInputFieldMessageAddedEvent.removeListener(this._handleInputFieldMessageAddedEvent);
-        MessageManager.onInputFieldMessageRemovedEvent.removeListener(this._handleInputFieldMessageRemovedEvent);
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import "./InputField.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { OutputMessagePriority } from "@itwin/core-frontend";
+import { RelativePosition } from "@itwin/appui-abstract";
+import { Icon, Popup } from "@itwin/core-react";
+import { MessageManager } from "../messages/MessageManager";
+import { MessageDiv } from "./MessageSpan";
+import { SvgClose, SvgInfoCircularHollow, SvgStatusError, SvgStatusWarning } from "@itwin/itwinui-icons-react";
+/** InputField message pops up near pointer when attempting an invalid interaction.
+ * @public
+ */
+export class InputFieldMessage extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            message: "",
+            isVisible: false,
+            priority: OutputMessagePriority.None,
+            showCloseButton: !!this.props.showCloseButton,
+        };
+        this._onInputMessageClose = () => {
+            this.setState({ isVisible: false });
+        };
+        this._handleInputFieldMessageAddedEvent = (args) => {
+            this.setState({
+                inputFieldElement: args.target,
+                message: args.messageText,
+                isVisible: true,
+                priority: args.priority,
+                detailedMessage: args.detailedMessage,
+            });
+        };
+        this._handleInputFieldMessageRemovedEvent = () => {
+            this.setState({ isVisible: false });
+        };
+    }
+    render() {
+        const { isVisible, inputFieldElement, message, priority, detailedMessage, showCloseButton } = this.state;
+        if (!inputFieldElement || !message) {
+            return null;
+        }
+        let iconComponent = React.createElement(SvgInfoCircularHollow, null);
+        switch (priority) {
+            case OutputMessagePriority.Warning:
+                iconComponent = React.createElement(SvgStatusWarning, null);
+                break;
+            case OutputMessagePriority.Error:
+                iconComponent = React.createElement(SvgStatusError, null);
+                break;
+            case OutputMessagePriority.Info:
+                iconComponent = React.createElement(SvgInfoCircularHollow, null);
+                break;
+        }
+        return (React.createElement(Popup, { isOpen: isVisible, position: RelativePosition.BottomLeft, onClose: this._onInputMessageClose, target: inputFieldElement },
+            React.createElement("div", { className: "uifw-popup-message-inputField" },
+                React.createElement("div", { className: "uifw-popup-message-inputField-content" },
+                    React.createElement("div", { className: "uifw-popup-message-inputField-primary" },
+                        iconComponent &&
+                            React.createElement("span", { className: "uifw-popup-message-icon" },
+                                " ",
+                                React.createElement("i", { className: classnames("icon", "core-svg-icon") }, iconComponent),
+                                " "),
+                        React.createElement("span", { className: "uifw-popup-message-text" },
+                            React.createElement(MessageDiv, { className: "uifw-popup-message-brief", message: message }),
+                            detailedMessage &&
+                                React.createElement(MessageDiv, { className: "uifw-popup-message-detailed", message: detailedMessage })))),
+                showCloseButton &&
+                    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+                    React.createElement("div", { className: "uifw-popup-message-close", onClick: this._onInputMessageClose, role: "button", tabIndex: -1 },
+                        React.createElement(Icon, { iconSpec: React.createElement(SvgClose, null) })))));
+    }
+    componentDidMount() {
+        MessageManager.onInputFieldMessageAddedEvent.addListener(this._handleInputFieldMessageAddedEvent);
+        MessageManager.onInputFieldMessageRemovedEvent.addListener(this._handleInputFieldMessageRemovedEvent);
+    }
+    componentWillUnmount() {
+        MessageManager.onInputFieldMessageAddedEvent.removeListener(this._handleInputFieldMessageAddedEvent);
+        MessageManager.onInputFieldMessageRemovedEvent.removeListener(this._handleInputFieldMessageRemovedEvent);
+    }
+}
 //# sourceMappingURL=InputField.js.map

package/lib/esm/appui-react/messages/MessageLabel.d.ts

@@ -1,13 +1,13 @@
-/** @packageDocumentation
- * @module Notification
- */
-/// <reference types="react" />
-import { NotifyMessageType } from "./ReactNotifyMessageDetails";
-/** Message String/Label
- * @internal
- */
-export declare function MessageLabel(props: {
-    message: NotifyMessageType;
-    className: string;
-}): JSX.Element;
+/** @packageDocumentation
+ * @module Notification
+ */
+/// <reference types="react" />
+import { NotifyMessageType } from "./ReactNotifyMessageDetails";
+/** Message String/Label
+ * @internal
+ */
+export declare function MessageLabel(props: {
+    message: NotifyMessageType;
+    className: string;
+}): JSX.Element;
 //# sourceMappingURL=MessageLabel.d.ts.map

package/lib/esm/appui-react/messages/MessageLabel.js

@@ -1,18 +1,18 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import * as React from "react";
-import classnames from "classnames";
-import { MessageDiv } from "./MessageSpan";
-/** Message String/Label
- * @internal
- */
-export function MessageLabel(props) {
-    const classNames = classnames("uifw-statusbar-message-label", props.className);
-    return React.createElement(MessageDiv, { className: classNames, message: props.message });
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import * as React from "react";
+import classnames from "classnames";
+import { MessageDiv } from "./MessageSpan";
+/** Message String/Label
+ * @internal
+ */
+export function MessageLabel(props) {
+    const classNames = classnames("uifw-statusbar-message-label", props.className);
+    return React.createElement(MessageDiv, { className: classNames, message: props.message });
+}
 //# sourceMappingURL=MessageLabel.js.map