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

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

@@ -1,25 +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;
+/** @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. Replaced by Toaster from @itwin/itwinui-react.
+ */
+export declare function StatusMessagesContainer(props: StatusMessagesContainerProps): JSX.Element | null;
 //# sourceMappingURL=StatusMessagesContainer.d.ts.map

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

@@ -1,64 +1,64 @@
-/*---------------------------------------------------------------------------------------------
-* 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 "./StatusMessagesContainer.scss";
-import * as React from "react";
-import classnames from "classnames";
-import { OutputMessageType } from "@itwin/core-frontend";
-import { ToastMessage } from "./ToastMessage";
-import { StickyMessage } from "./StickyMessage";
-import { ActivityMessage } from "./ActivityMessage";
-import { useLayoutResizeObserver } from "@itwin/core-react";
-/** Component that renders one or more Toast, Sticky or Activity messages
- * @internal
- * @deprecated in 3.3.
- */
-export 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] = 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: classnames("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 === OutputMessageType.Toast) {
-                        messageNode = (React.createElement("li", { key: message.id },
-                            React.createElement(ToastMessage, { id: message.id, messageDetails: message.messageDetails, severity: message.severity, closeMessage: props.closeMessage, toastTarget: props.toastTarget })));
-                    }
-                    else if (message.messageDetails.msgType === OutputMessageType.Sticky) {
-                        messageNode = (React.createElement("li", { key: message.id },
-                            React.createElement(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, { activityMessageInfo: props.activityMessageInfo, cancelActivityMessage: props.cancelActivityMessage, dismissActivityMessage: props.dismissActivityMessage })))));
-}
+/*---------------------------------------------------------------------------------------------
+* 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 "./StatusMessagesContainer.scss";
+import * as React from "react";
+import classnames from "classnames";
+import { OutputMessageType } from "@itwin/core-frontend";
+import { ToastMessage } from "./ToastMessage";
+import { StickyMessage } from "./StickyMessage";
+import { ActivityMessage } from "./ActivityMessage";
+import { useLayoutResizeObserver } from "@itwin/core-react";
+/** Component that renders one or more Toast, Sticky or Activity messages
+ * @internal
+ * @deprecated in 3.3. Replaced by Toaster from @itwin/itwinui-react.
+ */
+export 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] = 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: classnames("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 === OutputMessageType.Toast) {
+                        messageNode = (React.createElement("li", { key: message.id },
+                            React.createElement(ToastMessage, { id: message.id, messageDetails: message.messageDetails, severity: message.severity, closeMessage: props.closeMessage, toastTarget: props.toastTarget })));
+                    }
+                    else if (message.messageDetails.msgType === OutputMessageType.Sticky) {
+                        messageNode = (React.createElement("li", { key: message.id },
+                            React.createElement(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, { activityMessageInfo: props.activityMessageInfo, cancelActivityMessage: props.cancelActivityMessage, dismissActivityMessage: props.dismissActivityMessage })))));
+}
 //# sourceMappingURL=StatusMessagesContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusMessagesContainer.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/StatusMessagesContainer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,gCAAgC,CAAC;AACxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAe5D;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CAAC,KAAmC;IACzE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAwB,IAAI,CAAC,CAAC;IAC5F,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEzC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,EAAE;YACjD,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;YAC5B,mBAAmB,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;SAC3C;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IAChC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG,uBAAuB,CAAC,gBAAgB,CAAC,CAAC;IAC7D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;;QACzB,uBAAuB;QACvB,IAAI,gBAAgB,EAAE;YACpB,uBAAuB;YACvB,MAAM,YAAY,GAAG,MAAA,MAAA,gBAAgB,CAAC,aAAa,CAAC,WAAW,0CAAE,WAAW,mCAAI,GAAG,CAAC;YACpF,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,CAAC,CAAC;YACjD,YAAY,CAAC,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC;SAC1C;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE/B,IAAI,CAAC,CAAC,KAAK,CAAC,mBAAmB,IAAI,KAAK,CAAC,wBAAwB,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;QAC/F,OAAO,IAAI,CAAC;IAEd,OAAO,CACL,6BAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,mCAAmC,EAAE,SAAS,IAAI,iBAAiB,CAAC;QAChH,4BAAI,SAAS,EAAC,6BAA6B;YACxC,QAAQ,CAAC,MAAM,GAAG,CAAC;gBAClB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAsB,EAAE,EAAE;oBACtC,IAAI,WAAW,GAAG,IAAI,CAAC;oBACvB,IAAI,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,iBAAiB,CAAC,KAAK,EAAE;wBAC9D,WAAW,GAAG,CACZ,4BAAI,GAAG,EAAE,OAAO,CAAC,EAAE;4BAEjB,oBAAC,YAAY,IAAC,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,cAAc,EAAE,OAAO,CAAC,cAAc,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC9F,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,GAAI,CACnE,CACN,CAAC;qBACH;yBAAM,IAAI,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,iBAAiB,CAAC,MAAM,EAAE;wBACtE,WAAW,GAAG,CACZ,4BAAI,GAAG,EAAE,OAAO,CAAC,EAAE;4BAEjB,oBAAC,aAAa,IAAC,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,cAAc,EAAE,OAAO,CAAC,cAAc,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC/F,YAAY,EAAE,KAAK,CAAC,YAAY,GAAI,CACnC,CACN,CAAC;qBACH;oBACD,OAAO,WAAW,CAAC;gBACrB,CAAC,CAAC;YAEH,CAAC,KAAK,CAAC,mBAAmB,KAAK,SAAS,IAAI,KAAK,CAAC,wBAAwB,CAAC;gBAC1E,4BAAI,GAAG,EAAC,kBAAkB;oBAExB,oBAAC,eAAe,IACd,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,EAClD,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,GACpD,CACC,CAEJ,CACD,CACP,CAAC;AAEJ,CAAC","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"]}
+{"version":3,"file":"StatusMessagesContainer.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/StatusMessagesContainer.tsx"],"names":[],"mappings":"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","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 \"./StatusMessagesContainer.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { StatusMessage } from \"./StatusMessageManager\";\nimport { ActivityMessageEventArgs } from \"./MessageManager\";\nimport { OutputMessageType } from \"@itwin/core-frontend\";\nimport { ToastMessage } from \"./ToastMessage\";\nimport { StickyMessage } from \"./StickyMessage\";\nimport { ActivityMessage } from \"./ActivityMessage\";\nimport { useLayoutResizeObserver } from \"@itwin/core-react\";\n\n/** Properties for [[StatusMessagesContainer]] component\n * @internal\n */\nexport interface StatusMessagesContainerProps {\n  messages: ReadonlyArray<StatusMessage>;\n  activityMessageInfo: ActivityMessageEventArgs | undefined;\n  isActivityMessageVisible: boolean;\n  toastTarget: HTMLElement | null;\n  closeMessage: (id: string) => void;\n  cancelActivityMessage: () => void;\n  dismissActivityMessage: () => void;\n}\n\n/** Component that renders one or more Toast, Sticky or Activity messages\n * @internal\n * @deprecated in 3.3. Replaced by Toaster from @itwin/itwinui-react.\n */\nexport function StatusMessagesContainer(props: StatusMessagesContainerProps) {\n  const [containerElement, setContainerElement] = React.useState<HTMLDivElement | null>(null);\n  const isMountedRef = React.useRef(false);\n\n  React.useEffect(() => {\n    if (!isMountedRef.current && containerRef.current) {\n      isMountedRef.current = true;\n      setContainerElement(containerRef.current);\n    }\n  }, []);\n\n  const messages = props.messages;\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const [, height] = useLayoutResizeObserver(containerElement);\n  const [addScroll, setAddScroll] = React.useState(false);\n\n  React.useLayoutEffect(() => {\n    // istanbul ignore else\n    if (containerElement) {\n      // istanbul ignore next\n      const windowHeight = containerElement.ownerDocument.defaultView?.innerHeight ?? 800;\n      const maxHeight = Math.floor(windowHeight * .66);\n      setAddScroll((height ?? 0) >= maxHeight);\n    }\n  }, [height, containerElement]);\n\n  if (!(props.activityMessageInfo && props.isActivityMessageVisible) && props.messages.length === 0)\n    return null;\n\n  return (\n    <div ref={containerRef} className={classnames(\"uifw-statusbar-messages-container\", addScroll && \"uifw-scrollable\")}>\n      <ul className=\"uifw-statusbar-message-list\">\n        {messages.length > 0 &&\n          messages.map((message: StatusMessage) => {\n            let messageNode = null;\n            if (message.messageDetails.msgType === OutputMessageType.Toast) {\n              messageNode = (\n                <li key={message.id}>\n                  {/* eslint-disable-next-line deprecation/deprecation */}\n                  <ToastMessage id={message.id} messageDetails={message.messageDetails} severity={message.severity}\n                    closeMessage={props.closeMessage} toastTarget={props.toastTarget} />\n                </li>\n              );\n            } else if (message.messageDetails.msgType === OutputMessageType.Sticky) {\n              messageNode = (\n                <li key={message.id}>\n                  {/* eslint-disable-next-line deprecation/deprecation */}\n                  <StickyMessage id={message.id} messageDetails={message.messageDetails} severity={message.severity}\n                    closeMessage={props.closeMessage} />\n                </li>\n              );\n            }\n            return messageNode;\n          })\n        }\n        {(props.activityMessageInfo !== undefined && props.isActivityMessageVisible) &&\n          <li key=\"activity-message\">\n            {/* eslint-disable-next-line deprecation/deprecation */}\n            <ActivityMessage\n              activityMessageInfo={props.activityMessageInfo}\n              cancelActivityMessage={props.cancelActivityMessage}\n              dismissActivityMessage={props.dismissActivityMessage}\n            />\n          </li>\n        }\n      </ul>\n    </div>\n  );\n\n}\n"]}

package/lib/esm/appui-react/messages/StatusMessagesContainer.scss

@@ -1,53 +1,53 @@
-/*---------------------------------------------------------------------------------------------
-* 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/text/mixins";
-@import "~@itwin/core-react/lib/cjs/core-react/icons/index";
-@import "~@itwin/core-react/lib/cjs/core-react/scrollbar";
-@import "~@itwin/core-react/lib/cjs/core-react/z-index";
-
-.uifw-statusbar-message-label {
-  color: $buic-text-color;
-}
-
-.uifw-statusbar-message-brief {
-  @include uicore-text(body);
-}
-
-.uifw-statusbar-message-detailed {
-  @include uicore-text(small);
-}
-
-.uifw-statusbar-hollow-icon {
-  color: $buic-accessory-hollow;
-  width: $uicore-icons-small;
-  height: $uicore-icons-small;
-  font-size: $uicore-icons-small;
-  margin-bottom: 4px;
-}
-
-.uifw-statusbar-messages-container {
-  @include uicore-z-index(status-message);
-  max-height: 66vh;
-
-  &.uifw-scrollable {
-    overflow-y: auto;
-
-    @include uicore-touch-scrolling;
-    @include uicore-scrollbar();
-  }
-
-  >.uifw-statusbar-message-list {
-    display: block;
-    list-style: none;
-    padding: 0;
-    margin: 0;
-
-    >li {
-      display: block;
-      position: relative;
-      padding: 4px 0;
-    }
-  }
+/*---------------------------------------------------------------------------------------------
+* 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/text/mixins";
+@import "~@itwin/core-react/lib/cjs/core-react/icons/index";
+@import "~@itwin/core-react/lib/cjs/core-react/scrollbar";
+@import "~@itwin/core-react/lib/cjs/core-react/z-index";
+
+.uifw-statusbar-message-label {
+  color: $buic-text-color;
+}
+
+.uifw-statusbar-message-brief {
+  @include uicore-text(body);
+}
+
+.uifw-statusbar-message-detailed {
+  @include uicore-text(small);
+}
+
+.uifw-statusbar-hollow-icon {
+  color: $buic-accessory-hollow;
+  width: $uicore-icons-small;
+  height: $uicore-icons-small;
+  font-size: $uicore-icons-small;
+  margin-bottom: 4px;
+}
+
+.uifw-statusbar-messages-container {
+  @include uicore-z-index(status-message);
+  max-height: 66vh;
+
+  &.uifw-scrollable {
+    overflow-y: auto;
+
+    @include uicore-touch-scrolling;
+    @include uicore-scrollbar();
+  }
+
+  >.uifw-statusbar-message-list {
+    display: block;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+
+    >li {
+      display: block;
+      position: relative;
+      padding: 4px 0;
+    }
+  }
 }

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

@@ -1,23 +1,23 @@
-/** @packageDocumentation
- * @module Notification
- */
-/// <reference types="react" />
-import "./StickyMessage.scss";
-import { MessageSeverity } from "@itwin/appui-abstract";
-import { NotifyMessageDetailsType } from "../messages/ReactNotifyMessageDetails";
-/** Properties for a [[StickyMessage]]
- * @deprecated in 3.5. Props of a deprecated component.
- * @public
- */
-export interface StickyMessageProps {
-    id: string;
-    messageDetails: NotifyMessageDetailsType;
-    severity: MessageSeverity;
-    closeMessage: (id: string) => void;
-}
-/** Sticky Message React component
- * @public
- * @deprecated in 3.3.
- */
-export declare function StickyMessage(props: StickyMessageProps): JSX.Element;
+/** @packageDocumentation
+ * @module Notification
+ */
+/// <reference types="react" />
+import "./StickyMessage.scss";
+import { MessageSeverity } from "@itwin/appui-abstract";
+import { NotifyMessageDetailsType } from "../messages/ReactNotifyMessageDetails";
+/** Properties for a [[StickyMessage]]
+ * @deprecated in 3.5. Props of a deprecated component.
+ * @public
+ */
+export interface StickyMessageProps {
+    id: string;
+    messageDetails: NotifyMessageDetailsType;
+    severity: MessageSeverity;
+    closeMessage: (id: string) => void;
+}
+/** Sticky Message React component
+ * @public
+ * @deprecated in 3.3. Replaced by Toaster from @itwin/itwinui-react.
+ */
+export declare function StickyMessage(props: StickyMessageProps): JSX.Element;
 //# sourceMappingURL=StickyMessage.d.ts.map

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

@@ -1,35 +1,35 @@
-/*---------------------------------------------------------------------------------------------
-* 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 "./StickyMessage.scss";
-import * as React from "react";
-import classnames from "classnames";
-import { Message, MessageButton, MessageLayout, StatusHelpers, } from "@itwin/appui-layout-react";
-import { MessageLabel } from "./MessageLabel";
-import { HollowIcon } from "./HollowIcon";
-import { Icon, MessageContainer } from "@itwin/core-react";
-/** Sticky Message React component
- * @public
- * @deprecated in 3.3.
- */
-export function StickyMessage(props) {
-    const { id, messageDetails, severity, closeMessage } = props;
-    const [closing, setClosing] = React.useState(false);
-    const handleClose = () => {
-        setClosing(true);
-        setTimeout(() => closeMessage(id), 500);
-    };
-    const classNames = classnames("uifw-statusbar-sticky-message", closing && "uifw-closing");
-    return (React.createElement("div", { className: classNames },
-        React.createElement(Message // eslint-disable-line deprecation/deprecation
-        , { status: StatusHelpers.severityToStatus(severity), icon: React.createElement(HollowIcon, { iconSpec: MessageContainer.getIconClassName(severity, true) }) },
-            React.createElement(MessageLayout, { buttons: React.createElement(MessageButton, { onClick: handleClose, className: "uifw-statusbar-sticky-close" },
-                    React.createElement(Icon, { iconSpec: "icon-close" })) },
-                React.createElement(MessageLabel, { message: messageDetails.briefMessage, className: "uifw-statusbar-message-brief" }),
-                messageDetails.detailedMessage && (React.createElement(MessageLabel, { message: messageDetails.detailedMessage, className: "uifw-statusbar-message-detailed" }))))));
-}
+/*---------------------------------------------------------------------------------------------
+* 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 "./StickyMessage.scss";
+import * as React from "react";
+import classnames from "classnames";
+import { Message, MessageButton, MessageLayout, StatusHelpers, } from "@itwin/appui-layout-react";
+import { MessageLabel } from "./MessageLabel";
+import { HollowIcon } from "./HollowIcon";
+import { Icon, MessageContainer } from "@itwin/core-react";
+/** Sticky Message React component
+ * @public
+ * @deprecated in 3.3. Replaced by Toaster from @itwin/itwinui-react.
+ */
+export function StickyMessage(props) {
+    const { id, messageDetails, severity, closeMessage } = props;
+    const [closing, setClosing] = React.useState(false);
+    const handleClose = () => {
+        setClosing(true);
+        setTimeout(() => closeMessage(id), 500);
+    };
+    const classNames = classnames("uifw-statusbar-sticky-message", closing && "uifw-closing");
+    return (React.createElement("div", { className: classNames },
+        React.createElement(Message // eslint-disable-line deprecation/deprecation
+        , { status: StatusHelpers.severityToStatus(severity), icon: React.createElement(HollowIcon, { iconSpec: MessageContainer.getIconClassName(severity, true) }) },
+            React.createElement(MessageLayout, { buttons: React.createElement(MessageButton, { onClick: handleClose, className: "uifw-statusbar-sticky-close" },
+                    React.createElement(Icon, { iconSpec: "icon-close" })) },
+                React.createElement(MessageLabel, { message: messageDetails.briefMessage, className: "uifw-statusbar-message-brief" }),
+                messageDetails.detailedMessage && (React.createElement(MessageLabel, { message: messageDetails.detailedMessage, className: "uifw-statusbar-message-detailed" }))))));
+}
 //# sourceMappingURL=StickyMessage.js.map

package/lib/esm/appui-react/messages/StickyMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StickyMessage.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/StickyMessage.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EACL,OAAO,EACP,aAAa,EACb,aAAa,EACb,aAAa,GACd,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAa3D;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC7D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,UAAU,CAC3B,+BAA+B,EAC/B,OAAO,IAAI,cAAc,CAC1B,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU;QACxB,oBAAC,OAAO,CAAC,8CAA8C;YACrD,MAAM,EAAE,aAAa,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAChD,IAAI,EACF,oBAAC,UAAU,IACT,QAAQ,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,GAC3D;YAGJ,oBAAC,aAAa,IACZ,OAAO,EACL,oBAAC,aAAa,IACZ,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,6BAA6B;oBAEvC,oBAAC,IAAI,IAAC,QAAQ,EAAC,YAAY,GAAG,CAChB;gBAGlB,oBAAC,YAAY,IACX,OAAO,EAAE,cAAc,CAAC,YAAY,EACpC,SAAS,EAAC,8BAA8B,GACxC;gBACD,cAAc,CAAC,eAAe,IAAI,CACjC,oBAAC,YAAY,IACX,OAAO,EAAE,cAAc,CAAC,eAAe,EACvC,SAAS,EAAC,iCAAiC,GAC3C,CACH,CACa,CACR,CACN,CACP,CAAC;AACJ,CAAC","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 \"./StickyMessage.scss\";\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { MessageSeverity } from \"@itwin/appui-abstract\";\r\nimport {\r\n  Message,\r\n  MessageButton,\r\n  MessageLayout,\r\n  StatusHelpers,\r\n} from \"@itwin/appui-layout-react\";\r\nimport { NotifyMessageDetailsType } from \"../messages/ReactNotifyMessageDetails\";\r\nimport { MessageLabel } from \"./MessageLabel\";\r\nimport { HollowIcon } from \"./HollowIcon\";\r\nimport { Icon, MessageContainer } from \"@itwin/core-react\";\r\n\r\n/** Properties for a [[StickyMessage]]\r\n * @deprecated in 3.5. Props of a deprecated component.\r\n * @public\r\n */\r\nexport interface StickyMessageProps {\r\n  id: string;\r\n  messageDetails: NotifyMessageDetailsType;\r\n  severity: MessageSeverity;\r\n  closeMessage: (id: string) => void;\r\n}\r\n\r\n/** Sticky Message React component\r\n * @public\r\n * @deprecated in 3.3.\r\n */\r\nexport function StickyMessage(props: StickyMessageProps) { // eslint-disable-line deprecation/deprecation\r\n  const { id, messageDetails, severity, closeMessage } = props;\r\n  const [closing, setClosing] = React.useState(false);\r\n\r\n  const handleClose = () => {\r\n    setClosing(true);\r\n    setTimeout(() => closeMessage(id), 500);\r\n  };\r\n\r\n  const classNames = classnames(\r\n    \"uifw-statusbar-sticky-message\",\r\n    closing && \"uifw-closing\",\r\n  );\r\n\r\n  return (\r\n    <div className={classNames}>\r\n      <Message // eslint-disable-line deprecation/deprecation\r\n        status={StatusHelpers.severityToStatus(severity)}\r\n        icon={\r\n          <HollowIcon\r\n            iconSpec={MessageContainer.getIconClassName(severity, true)}\r\n          />\r\n        }\r\n      >\r\n        <MessageLayout\r\n          buttons={\r\n            <MessageButton\r\n              onClick={handleClose}\r\n              className=\"uifw-statusbar-sticky-close\"\r\n            >\r\n              <Icon iconSpec=\"icon-close\" />\r\n            </MessageButton>\r\n          }\r\n        >\r\n          <MessageLabel\r\n            message={messageDetails.briefMessage}\r\n            className=\"uifw-statusbar-message-brief\"\r\n          />\r\n          {messageDetails.detailedMessage && (\r\n            <MessageLabel\r\n              message={messageDetails.detailedMessage}\r\n              className=\"uifw-statusbar-message-detailed\"\r\n            />\r\n          )}\r\n        </MessageLayout>\r\n      </Message>\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"StickyMessage.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/StickyMessage.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EACL,OAAO,EACP,aAAa,EACb,aAAa,EACb,aAAa,GACd,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAa3D;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC7D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,UAAU,CAC3B,+BAA+B,EAC/B,OAAO,IAAI,cAAc,CAC1B,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU;QACxB,oBAAC,OAAO,CAAC,8CAA8C;YACrD,MAAM,EAAE,aAAa,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAChD,IAAI,EACF,oBAAC,UAAU,IACT,QAAQ,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,GAC3D;YAGJ,oBAAC,aAAa,IACZ,OAAO,EACL,oBAAC,aAAa,IACZ,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,6BAA6B;oBAEvC,oBAAC,IAAI,IAAC,QAAQ,EAAC,YAAY,GAAG,CAChB;gBAGlB,oBAAC,YAAY,IACX,OAAO,EAAE,cAAc,CAAC,YAAY,EACpC,SAAS,EAAC,8BAA8B,GACxC;gBACD,cAAc,CAAC,eAAe,IAAI,CACjC,oBAAC,YAAY,IACX,OAAO,EAAE,cAAc,CAAC,eAAe,EACvC,SAAS,EAAC,iCAAiC,GAC3C,CACH,CACa,CACR,CACN,CACP,CAAC;AACJ,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 \"./StickyMessage.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { MessageSeverity } from \"@itwin/appui-abstract\";\nimport {\n  Message,\n  MessageButton,\n  MessageLayout,\n  StatusHelpers,\n} from \"@itwin/appui-layout-react\";\nimport { NotifyMessageDetailsType } from \"../messages/ReactNotifyMessageDetails\";\nimport { MessageLabel } from \"./MessageLabel\";\nimport { HollowIcon } from \"./HollowIcon\";\nimport { Icon, MessageContainer } from \"@itwin/core-react\";\n\n/** Properties for a [[StickyMessage]]\n * @deprecated in 3.5. Props of a deprecated component.\n * @public\n */\nexport interface StickyMessageProps {\n  id: string;\n  messageDetails: NotifyMessageDetailsType;\n  severity: MessageSeverity;\n  closeMessage: (id: string) => void;\n}\n\n/** Sticky Message React component\n * @public\n * @deprecated in 3.3. Replaced by Toaster from @itwin/itwinui-react.\n */\nexport function StickyMessage(props: StickyMessageProps) { // eslint-disable-line deprecation/deprecation\n  const { id, messageDetails, severity, closeMessage } = props;\n  const [closing, setClosing] = React.useState(false);\n\n  const handleClose = () => {\n    setClosing(true);\n    setTimeout(() => closeMessage(id), 500);\n  };\n\n  const classNames = classnames(\n    \"uifw-statusbar-sticky-message\",\n    closing && \"uifw-closing\",\n  );\n\n  return (\n    <div className={classNames}>\n      <Message // eslint-disable-line deprecation/deprecation\n        status={StatusHelpers.severityToStatus(severity)}\n        icon={\n          <HollowIcon\n            iconSpec={MessageContainer.getIconClassName(severity, true)}\n          />\n        }\n      >\n        <MessageLayout\n          buttons={\n            <MessageButton\n              onClick={handleClose}\n              className=\"uifw-statusbar-sticky-close\"\n            >\n              <Icon iconSpec=\"icon-close\" />\n            </MessageButton>\n          }\n        >\n          <MessageLabel\n            message={messageDetails.briefMessage}\n            className=\"uifw-statusbar-message-brief\"\n          />\n          {messageDetails.detailedMessage && (\n            <MessageLabel\n              message={messageDetails.detailedMessage}\n              className=\"uifw-statusbar-message-detailed\"\n            />\n          )}\n        </MessageLayout>\n      </Message>\n    </div>\n  );\n}\n"]}

package/lib/esm/appui-react/messages/StickyMessage.scss

@@ -1,22 +1,22 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-$close-button-size: 35px;
-
-.uifw-statusbar-sticky-message {
-  max-height: 100px;
-  transition: max-height 0.5s ease;
-
-  &.uifw-closing {
-    max-height: 0;
-    opacity: 0;
-  }
-
-  .uifw-statusbar-sticky-close {
-    min-width:    $close-button-size;
-    min-height:   $close-button-size;
-  }
-}
-
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+$close-button-size: 35px;
+
+.uifw-statusbar-sticky-message {
+  max-height: 100px;
+  transition: max-height 0.5s ease;
+
+  &.uifw-closing {
+    max-height: 0;
+    opacity: 0;
+  }
+
+  .uifw-statusbar-sticky-close {
+    min-width:    $close-button-size;
+    min-height:   $close-button-size;
+  }
+}
+

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

@@ -1,23 +1,23 @@
-/** @packageDocumentation
- * @module Notification
- */
-/// <reference types="react" />
-import { MessageSeverity } from "@itwin/appui-abstract";
-import { NotifyMessageDetailsType } from "../messages/ReactNotifyMessageDetails";
-/** Properties for a [[ToastMessage]]
- * @deprecated in 3.5. Props of a deprecated component.
- * @public
- */
-export interface ToastMessageProps {
-    id: string;
-    messageDetails: NotifyMessageDetailsType;
-    severity: MessageSeverity;
-    toastTarget: HTMLElement | null;
-    closeMessage: (id: string) => void;
-}
-/** Toast Message React component
- * @public
- * @deprecated in 3.3.
- */
-export declare function ToastMessage(props: ToastMessageProps): JSX.Element;
+/** @packageDocumentation
+ * @module Notification
+ */
+/// <reference types="react" />
+import { MessageSeverity } from "@itwin/appui-abstract";
+import { NotifyMessageDetailsType } from "../messages/ReactNotifyMessageDetails";
+/** Properties for a [[ToastMessage]]
+ * @deprecated in 3.5. Props of a deprecated component.
+ * @public
+ */
+export interface ToastMessageProps {
+    id: string;
+    messageDetails: NotifyMessageDetailsType;
+    severity: MessageSeverity;
+    toastTarget: HTMLElement | null;
+    closeMessage: (id: string) => void;
+}
+/** Toast Message React component
+ * @public
+ * @deprecated in 3.3. Replaced by Toaster from @itwin/itwinui-react.
+ */
+export declare function ToastMessage(props: ToastMessageProps): JSX.Element;
 //# sourceMappingURL=ToastMessage.d.ts.map

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

@@ -1,27 +1,27 @@
-/*---------------------------------------------------------------------------------------------
-* 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 { Message, MessageLayout, StatusHelpers, Toast, } from "@itwin/appui-layout-react";
-import { MessageLabel } from "./MessageLabel";
-import { HollowIcon } from "./HollowIcon";
-import { MessageContainer } from "@itwin/core-react";
-/** Toast Message React component
- * @public
- * @deprecated in 3.3.
- */
-export function ToastMessage(props) {
-    const { id, messageDetails, severity, toastTarget, closeMessage } = props;
-    return (React.createElement(Toast // eslint-disable-line deprecation/deprecation
-    , { animateOutTo: toastTarget, onAnimatedOut: () => closeMessage(id), timeout: messageDetails.displayTime.milliseconds, content: React.createElement(Message // eslint-disable-line deprecation/deprecation
-        , { status: StatusHelpers.severityToStatus(severity), icon: React.createElement(HollowIcon, { iconSpec: MessageContainer.getIconClassName(severity, true) }) },
-            React.createElement(MessageLayout, null,
-                React.createElement(MessageLabel, { message: messageDetails.briefMessage, className: "uifw-statusbar-message-brief" }),
-                messageDetails.detailedMessage &&
-                    React.createElement(MessageLabel, { message: messageDetails.detailedMessage, className: "uifw-statusbar-message-detailed" }))) }));
-}
+/*---------------------------------------------------------------------------------------------
+* 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 { Message, MessageLayout, StatusHelpers, Toast, } from "@itwin/appui-layout-react";
+import { MessageLabel } from "./MessageLabel";
+import { HollowIcon } from "./HollowIcon";
+import { MessageContainer } from "@itwin/core-react";
+/** Toast Message React component
+ * @public
+ * @deprecated in 3.3. Replaced by Toaster from @itwin/itwinui-react.
+ */
+export function ToastMessage(props) {
+    const { id, messageDetails, severity, toastTarget, closeMessage } = props;
+    return (React.createElement(Toast // eslint-disable-line deprecation/deprecation
+    , { animateOutTo: toastTarget, onAnimatedOut: () => closeMessage(id), timeout: messageDetails.displayTime.milliseconds, content: React.createElement(Message // eslint-disable-line deprecation/deprecation
+        , { status: StatusHelpers.severityToStatus(severity), icon: React.createElement(HollowIcon, { iconSpec: MessageContainer.getIconClassName(severity, true) }) },
+            React.createElement(MessageLayout, null,
+                React.createElement(MessageLabel, { message: messageDetails.briefMessage, className: "uifw-statusbar-message-brief" }),
+                messageDetails.detailedMessage &&
+                    React.createElement(MessageLabel, { message: messageDetails.detailedMessage, className: "uifw-statusbar-message-detailed" }))) }));
+}
 //# sourceMappingURL=ToastMessage.js.map