@itwin/appui-react 4.9.0-dev.1 → 4.9.0

package/lib/cjs/appui-react/layout/widget-panels/useAnimatePanel.d.ts

@@ -0,0 +1,13 @@
+/** @packageDocumentation
+ * @module WidgetPanels
+ */
+import * as React from "react";
+/** @internal */
+export declare function useAnimatePanel(): {
+    ref: React.RefObject<HTMLDivElement>;
+    size: number;
+    handleTransitionEnd: (e: React.TransitionEvent<HTMLDivElement>) => void;
+    contentSize: number | undefined;
+    transition: "init" | "transition" | undefined;
+};
+//# sourceMappingURL=useAnimatePanel.d.ts.map

package/lib/cjs/appui-react/layout/widget-panels/useAnimatePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatePanel.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/useAnimatePanel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,gBAAgB;AAChB,wBAAgB,eAAe;;;6BAiJvB,qBAAqB,CAAC,cAAc,CAAC;;;EAmB5C"}

package/lib/cjs/appui-react/layout/widget-panels/useAnimatePanel.js

@@ -0,0 +1,172 @@
+"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 WidgetPanels
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAnimatePanel = void 0;
+const React = require("react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const DragManager_1 = require("../base/DragManager");
+const NineZone_1 = require("../base/NineZone");
+const LayoutStore_1 = require("../base/LayoutStore");
+const Panel_1 = require("./Panel");
+/** @internal */
+function useAnimatePanel() {
+    const side = React.useContext(Panel_1.PanelSideContext);
+    (0, core_bentley_1.assert)(!!side);
+    const draggedPanelSide = React.useContext(DragManager_1.DraggedPanelSideContext);
+    const dispatch = React.useContext(NineZone_1.NineZoneDispatchContext);
+    const captured = draggedPanelSide === side;
+    const [contentSize, setContentSize] = React.useState();
+    const [prepareTransition, setPrepareTransition] = React.useState(false);
+    const [transition, setTransition] = React.useState();
+    const [panelSize, setPanelSize] = React.useState();
+    const [initializing, setInitializing] = React.useState(false);
+    const horizontal = (0, Panel_1.isHorizontalPanelSide)(side);
+    const animateFrom = React.useRef();
+    const animateTo = React.useRef(0);
+    const maxPanelSize = React.useRef();
+    const collapsing = React.useRef();
+    const ref = React.useRef(null);
+    const panel = (0, LayoutStore_1.useLayout)((state) => {
+        const p = state.panels[side];
+        return {
+            collapsed: p.collapsed,
+            size: p.size,
+            minSize: p.minSize,
+        };
+    }, true);
+    const [prevCollapsed, setPrevCollapsed] = React.useState(panel.collapsed);
+    if (prevCollapsed !== panel.collapsed) {
+        setPrevCollapsed(panel.collapsed);
+        let from = animateFrom.current;
+        // istanbul ignore else
+        if (from === undefined && ref.current) {
+            const bounds = ref.current.getBoundingClientRect();
+            from = getPanelSize(horizontal, bounds);
+        }
+        animateFrom.current = from;
+        setPanelSize(undefined);
+        setContentSize(undefined);
+        setTransition(undefined);
+        setPrepareTransition(true);
+        if (panel.collapsed) {
+            collapsing.current = "collapsing";
+            maxPanelSize.current = from;
+        }
+        else {
+            collapsing.current = "expanding";
+        }
+    }
+    const [prevSize, setPrevSize] = React.useState(panel.size);
+    if (prevSize !== panel.size) {
+        setPrevSize(panel.size);
+        if (initializing) {
+            // Panel is initializing (via dispatched PANEL_INITIALIZE), need to re-measure animateTo.
+            maxPanelSize.current = undefined;
+            setPanelSize(undefined);
+            setContentSize(undefined);
+            setTransition(undefined);
+            setPrepareTransition(true);
+        }
+        else if (collapsing.current === "collapsing") {
+            // Panel is collapsing, ignore size changes.
+        }
+        else if (!captured && ref.current && prevSize !== undefined) {
+            // Panel is expanding
+            animateFrom.current = getPanelSize(horizontal, ref.current.getBoundingClientRect());
+            setPanelSize(undefined);
+            setContentSize(undefined);
+            setTransition(undefined);
+            setPrepareTransition(true);
+        }
+        else {
+            // Panel is resizing, do not transition.
+            setPanelSize(undefined);
+            setContentSize(undefined);
+            setTransition(undefined);
+            animateFrom.current = undefined;
+            collapsing.current = undefined;
+        }
+    }
+    React.useLayoutEffect(() => {
+        if (panel.size !== undefined || panel.collapsed)
+            return;
+        (0, core_bentley_1.assert)(!!ref.current);
+        const bounds = ref.current.getBoundingClientRect();
+        const newSize = getPanelSize(horizontal, bounds);
+        dispatch({
+            type: "PANEL_INITIALIZE",
+            side,
+            size: newSize,
+        });
+        setInitializing(true);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [panel.size, panel.collapsed]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    React.useLayoutEffect(() => {
+        if (!prepareTransition)
+            return;
+        setPrepareTransition(false);
+        (0, core_bentley_1.assert)(!!ref.current);
+        animateTo.current = getPanelSize(horizontal, ref.current.getBoundingClientRect());
+        if (animateFrom.current === animateTo.current) {
+            maxPanelSize.current = undefined;
+            animateFrom.current = undefined;
+            collapsing.current = undefined;
+            setPanelSize(undefined);
+            setContentSize(undefined);
+            setTransition(undefined);
+            return;
+        }
+        if (collapsing.current === "expanding" &&
+            maxPanelSize.current === undefined) {
+            maxPanelSize.current = animateTo.current;
+        }
+        setPanelSize(animateFrom.current);
+        setContentSize(maxPanelSize.current);
+        setTransition("init");
+    });
+    React.useLayoutEffect(() => {
+        if (transition !== "init")
+            return;
+        const handle = window.requestAnimationFrame(() => {
+            animateFrom.current = undefined;
+            setTransition("transition");
+            setPanelSize(animateTo.current);
+        });
+        return () => {
+            window.cancelAnimationFrame(handle);
+        };
+    });
+    React.useEffect(() => {
+        setInitializing(false);
+    }, [initializing]);
+    const handleTransitionEnd = React.useCallback((e) => {
+        // istanbul ignore if
+        if (e.target !== ref.current)
+            return;
+        maxPanelSize.current = undefined;
+        collapsing.current = undefined;
+        animateFrom.current = undefined;
+        setPanelSize(undefined);
+        setContentSize(undefined);
+        setTransition(undefined);
+    }, []);
+    const size = React.useMemo(() => {
+        var _a;
+        if (panelSize !== undefined)
+            return panelSize;
+        return panel.collapsed ? 0 : (_a = panel.size) !== null && _a !== void 0 ? _a : panel.minSize;
+    }, [panel.size, panel.collapsed, panel.minSize, panelSize]);
+    return { ref, size, handleTransitionEnd, contentSize, transition };
+}
+exports.useAnimatePanel = useAnimatePanel;
+function getPanelSize(horizontal, size) {
+    return horizontal ? size.height : size.width;
+}
+//# sourceMappingURL=useAnimatePanel.js.map

package/lib/cjs/appui-react/layout/widget-panels/useAnimatePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatePanel.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/useAnimatePanel.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 WidgetPanels\n */\n\nimport * as React from \"react\";\nimport { assert } from \"@itwin/core-bentley\";\nimport type { SizeProps } from \"@itwin/core-react\";\nimport { DraggedPanelSideContext } from \"../base/DragManager\";\nimport { NineZoneDispatchContext } from \"../base/NineZone\";\nimport { useLayout } from \"../base/LayoutStore\";\nimport { isHorizontalPanelSide, PanelSideContext } from \"./Panel\";\n\n/** @internal */\nexport function useAnimatePanel() {\n  const side = React.useContext(PanelSideContext);\n  assert(!!side);\n  const draggedPanelSide = React.useContext(DraggedPanelSideContext);\n  const dispatch = React.useContext(NineZoneDispatchContext);\n  const captured = draggedPanelSide === side;\n  const [contentSize, setContentSize] = React.useState<number | undefined>();\n  const [prepareTransition, setPrepareTransition] = React.useState(false);\n  const [transition, setTransition] = React.useState<\n    \"init\" | \"transition\" | undefined\n  >();\n  const [panelSize, setPanelSize] = React.useState<number | undefined>();\n  const [initializing, setInitializing] = React.useState(false);\n  const horizontal = isHorizontalPanelSide(side);\n  const animateFrom = React.useRef<number | undefined>();\n  const animateTo = React.useRef(0);\n  const maxPanelSize = React.useRef<number | undefined>();\n  const collapsing = React.useRef<\"collapsing\" | \"expanding\" | undefined>();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  const panel = useLayout((state) => {\n    const p = state.panels[side];\n    return {\n      collapsed: p.collapsed,\n      size: p.size,\n      minSize: p.minSize,\n    };\n  }, true);\n\n  const [prevCollapsed, setPrevCollapsed] = React.useState(panel.collapsed);\n  if (prevCollapsed !== panel.collapsed) {\n    setPrevCollapsed(panel.collapsed);\n    let from = animateFrom.current;\n    // istanbul ignore else\n    if (from === undefined && ref.current) {\n      const bounds = ref.current.getBoundingClientRect();\n      from = getPanelSize(horizontal, bounds);\n    }\n\n    animateFrom.current = from;\n    setPanelSize(undefined);\n    setContentSize(undefined);\n    setTransition(undefined);\n    setPrepareTransition(true);\n    if (panel.collapsed) {\n      collapsing.current = \"collapsing\";\n      maxPanelSize.current = from;\n    } else {\n      collapsing.current = \"expanding\";\n    }\n  }\n\n  const [prevSize, setPrevSize] = React.useState(panel.size);\n  if (prevSize !== panel.size) {\n    setPrevSize(panel.size);\n\n    if (initializing) {\n      // Panel is initializing (via dispatched PANEL_INITIALIZE), need to re-measure animateTo.\n      maxPanelSize.current = undefined;\n      setPanelSize(undefined);\n      setContentSize(undefined);\n      setTransition(undefined);\n      setPrepareTransition(true);\n    } else if (collapsing.current === \"collapsing\") {\n      // Panel is collapsing, ignore size changes.\n    } else if (!captured && ref.current && prevSize !== undefined) {\n      // Panel is expanding\n      animateFrom.current = getPanelSize(\n        horizontal,\n        ref.current.getBoundingClientRect()\n      );\n      setPanelSize(undefined);\n      setContentSize(undefined);\n      setTransition(undefined);\n      setPrepareTransition(true);\n    } else {\n      // Panel is resizing, do not transition.\n      setPanelSize(undefined);\n      setContentSize(undefined);\n      setTransition(undefined);\n      animateFrom.current = undefined;\n      collapsing.current = undefined;\n    }\n  }\n\n  React.useLayoutEffect(() => {\n    if (panel.size !== undefined || panel.collapsed) return;\n    assert(!!ref.current);\n    const bounds = ref.current.getBoundingClientRect();\n    const newSize = getPanelSize(horizontal, bounds);\n    dispatch({\n      type: \"PANEL_INITIALIZE\",\n      side,\n      size: newSize,\n    });\n    setInitializing(true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [panel.size, panel.collapsed]);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  React.useLayoutEffect(() => {\n    if (!prepareTransition) return;\n\n    setPrepareTransition(false);\n    assert(!!ref.current);\n    animateTo.current = getPanelSize(\n      horizontal,\n      ref.current.getBoundingClientRect()\n    );\n    if (animateFrom.current === animateTo.current) {\n      maxPanelSize.current = undefined;\n      animateFrom.current = undefined;\n      collapsing.current = undefined;\n      setPanelSize(undefined);\n      setContentSize(undefined);\n      setTransition(undefined);\n      return;\n    }\n    if (\n      collapsing.current === \"expanding\" &&\n      maxPanelSize.current === undefined\n    ) {\n      maxPanelSize.current = animateTo.current;\n    }\n\n    setPanelSize(animateFrom.current);\n    setContentSize(maxPanelSize.current);\n    setTransition(\"init\");\n  });\n  React.useLayoutEffect(() => {\n    if (transition !== \"init\") return;\n\n    const handle = window.requestAnimationFrame(() => {\n      animateFrom.current = undefined;\n      setTransition(\"transition\");\n      setPanelSize(animateTo.current);\n    });\n    return () => {\n      window.cancelAnimationFrame(handle);\n    };\n  });\n  React.useEffect(() => {\n    setInitializing(false);\n  }, [initializing]);\n\n  const handleTransitionEnd = React.useCallback(\n    (e: React.TransitionEvent<HTMLDivElement>) => {\n      // istanbul ignore if\n      if (e.target !== ref.current) return;\n\n      maxPanelSize.current = undefined;\n      collapsing.current = undefined;\n      animateFrom.current = undefined;\n      setPanelSize(undefined);\n      setContentSize(undefined);\n      setTransition(undefined);\n    },\n    []\n  );\n\n  const size = React.useMemo(() => {\n    if (panelSize !== undefined) return panelSize;\n    return panel.collapsed ? 0 : panel.size ?? panel.minSize;\n  }, [panel.size, panel.collapsed, panel.minSize, panelSize]);\n  return { ref, size, handleTransitionEnd, contentSize, transition };\n}\n\nfunction getPanelSize(horizontal: boolean, size: SizeProps) {\n  return horizontal ? size.height : size.width;\n}\n"]}

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

@@ -0,0 +1,10 @@
+/** @packageDocumentation
+ * @module Notification
+ */
+import * as React from "react";
+/**
+ * Component wrapping the `useActivityMessage` hook to use in class components.
+ * @internal
+ */
+export declare function ActivityMessageRenderer(): React.JSX.Element;
+//# sourceMappingURL=ActivityMessage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityMessage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/ActivityMessage.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyD/B;;;GAGG;AACH,wBAAgB,uBAAuB,sBAsBtC"}

package/lib/cjs/appui-react/messages/{MessageRenderer.js → ActivityMessage.js}

@@ -7,27 +7,26 @@
  * @module Notification
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageRenderer = void 0;
+exports.ActivityMessageRenderer = void 0;
 const React = require("react");
 const core_react_1 = require("@itwin/core-react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const UiFramework_1 = require("../UiFramework");
 const MessageManager_1 = require("../messages/MessageManager");
-const core_frontend_1 = require("@itwin/core-frontend");
-/** Hook to render an Activity message.
+/**
+ * Hook to render an Activity message.
  * @internal
  */
 function useActivityMessage({ activityMessageInfo, dismissActivityMessage, cancelActivityMessage, }) {
-    const toaster = (0, itwinui_react_1.useToaster)();
     const [cancelLabel] = React.useState(core_react_1.UiCore.translate("dialog.cancel"));
     const recentToast = React.useRef();
     React.useEffect(() => {
-        toaster.setSettings({ placement: "bottom" });
-    }, [toaster]);
+        itwinui_react_1.toaster.setSettings({ placement: "bottom" });
+    }, []);
     React.useEffect(() => {
         var _a, _b;
         if (activityMessageInfo === null || activityMessageInfo === void 0 ? void 0 : activityMessageInfo.restored) {
-            recentToast.current = toaster.informational(React.createElement(ActivityMessageContent, { initialActivityMessageInfo: activityMessageInfo }), {
+            recentToast.current = itwinui_react_1.toaster.informational(React.createElement(ActivityMessageContent, { initialActivityMessageInfo: activityMessageInfo }), {
                 onRemove: dismissActivityMessage,
                 type: "persisting",
                 link: ((_a = activityMessageInfo === null || activityMessageInfo === void 0 ? void 0 : activityMessageInfo.details) === null || _a === void 0 ? void 0 : _a.supportsCancellation) &&
@@ -44,13 +43,13 @@ function useActivityMessage({ activityMessageInfo, dismissActivityMessage, cance
         cancelActivityMessage,
         cancelLabel,
         dismissActivityMessage,
-        toaster,
     ]);
 }
-/** Component that renders activity, toast and sticky messages dispatched from message manager.
+/**
+ * Component wrapping the `useActivityMessage` hook to use in class components.
  * @internal
  */
-function MessageRenderer() {
+function ActivityMessageRenderer() {
     const [activityMessageInfo, setActivityMessageInfo] = React.useState();
     React.useEffect(() => {
         return MessageManager_1.MessageManager.onActivityMessageUpdatedEvent.addListener((args) => {
@@ -66,11 +65,11 @@ function MessageRenderer() {
         MessageManager_1.MessageManager.endActivityMessage(false);
     }, []);
     useActivityMessage({ activityMessageInfo, cancelActivityMessage });
-    useDisplayMessage();
-    return null;
+    return React.createElement(React.Fragment, null);
 }
-exports.MessageRenderer = MessageRenderer;
-/** Component used to show and update activity message content.
+exports.ActivityMessageRenderer = ActivityMessageRenderer;
+/**
+ * Component used to show and update activity message content.
  * @internal
  */
 function ActivityMessageContent({ initialActivityMessageInfo, }) {
@@ -90,49 +89,4 @@ function ActivityMessageContent({ initialActivityMessageInfo, }) {
         !!((_a = activityMessageInfo.details) === null || _a === void 0 ? void 0 : _a.showPercentInMessage) && (React.createElement(itwinui_react_1.Text, { variant: "small" }, `${activityMessageInfo.percentage} ${percentCompleteLabel}`)),
         ((_b = activityMessageInfo.details) === null || _b === void 0 ? void 0 : _b.showProgressBar) && (React.createElement(itwinui_react_1.ProgressLinear, { value: activityMessageInfo === null || activityMessageInfo === void 0 ? void 0 : activityMessageInfo.percentage }))));
 }
-function useDisplayMessage() {
-    const toaster = (0, itwinui_react_1.useToaster)();
-    React.useEffect(() => {
-        return MessageManager_1.MessageManager.onDisplayMessage.addListener((args) => {
-            const { message, options, settings, animateOutToElement } = args;
-            const toastOptions = {
-                hasCloseButton: true,
-                duration: message.displayTime.milliseconds,
-                type: message.msgType === core_frontend_1.OutputMessageType.Sticky
-                    ? "persisting"
-                    : "temporary",
-                animateOutTo: animateOutToElement,
-                ...options,
-            };
-            toaster.setSettings({
-                placement: "bottom",
-                order: "ascending",
-                ...settings,
-            });
-            const content = (React.createElement(React.Fragment, null,
-                React.createElement(core_react_1.MessageRenderer, { message: message.briefMessage }),
-                message.detailedMessage && (React.createElement(itwinui_react_1.Text, { variant: "small" },
-                    React.createElement(core_react_1.MessageRenderer, { message: message.detailedMessage })))));
-            let toast;
-            switch (message.priority) {
-                case core_frontend_1.OutputMessagePriority.Warning: {
-                    toast = toaster.warning(content, toastOptions);
-                    break;
-                }
-                case core_frontend_1.OutputMessagePriority.Info: {
-                    toast = toaster.informational(content, toastOptions);
-                    break;
-                }
-                case core_frontend_1.OutputMessagePriority.Error:
-                case core_frontend_1.OutputMessagePriority.Fatal: {
-                    toast = toaster.negative(content, toastOptions);
-                    break;
-                }
-                default:
-                    toast = toaster.positive(content, toastOptions);
-            }
-            args.close = toast.close;
-        });
-    }, [toaster]);
-}
-//# sourceMappingURL=MessageRenderer.js.map
+//# sourceMappingURL=ActivityMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityMessage.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/ActivityMessage.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 * as React from \"react\";\nimport type { ReactMessage } from \"@itwin/core-react\";\nimport { UiCore } from \"@itwin/core-react\";\nimport { ProgressLinear, Text, toaster } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { ActivityMessageEventArgs } from \"../messages/MessageManager\";\nimport { MessageManager } from \"../messages/MessageManager\";\n\ninterface UseActivityMessageProps {\n  cancelActivityMessage?: () => void;\n  dismissActivityMessage?: () => void;\n  activityMessageInfo?: ActivityMessageEventArgs;\n}\n\n/**\n * Hook to render an Activity message.\n * @internal\n */\nfunction useActivityMessage({\n  activityMessageInfo,\n  dismissActivityMessage,\n  cancelActivityMessage,\n}: UseActivityMessageProps) {\n  const [cancelLabel] = React.useState(UiCore.translate(\"dialog.cancel\"));\n  const recentToast = React.useRef<{ close: () => void } | undefined>();\n  React.useEffect(() => {\n    toaster.setSettings({ placement: \"bottom\" });\n  }, []);\n\n  React.useEffect(() => {\n    if (activityMessageInfo?.restored) {\n      recentToast.current = toaster.informational(\n        <ActivityMessageContent\n          initialActivityMessageInfo={activityMessageInfo}\n        />,\n        {\n          onRemove: dismissActivityMessage,\n          type: \"persisting\",\n          link:\n            activityMessageInfo?.details?.supportsCancellation &&\n            cancelActivityMessage\n              ? { title: cancelLabel, onClick: cancelActivityMessage }\n              : undefined,\n        }\n      );\n    }\n    if (!activityMessageInfo) {\n      recentToast.current?.close();\n    }\n  }, [\n    activityMessageInfo,\n    cancelActivityMessage,\n    cancelLabel,\n    dismissActivityMessage,\n  ]);\n}\n\n/**\n * Component wrapping the `useActivityMessage` hook to use in class components.\n * @internal\n */\nexport function ActivityMessageRenderer() {\n  const [activityMessageInfo, setActivityMessageInfo] = React.useState<\n    ActivityMessageEventArgs | undefined\n  >();\n  React.useEffect(() => {\n    return MessageManager.onActivityMessageUpdatedEvent.addListener((args) => {\n      setActivityMessageInfo(args);\n    });\n  }, []);\n\n  React.useEffect(() => {\n    return MessageManager.onActivityMessageCancelledEvent.addListener(() => {\n      setActivityMessageInfo(undefined);\n    });\n  }, []);\n\n  const cancelActivityMessage = React.useCallback(() => {\n    MessageManager.endActivityMessage(false);\n  }, []);\n\n  useActivityMessage({ activityMessageInfo, cancelActivityMessage });\n  return <></>;\n}\n\n/**\n * Component used to show and update activity message content.\n * @internal\n */\nfunction ActivityMessageContent({\n  initialActivityMessageInfo,\n}: {\n  initialActivityMessageInfo: ActivityMessageEventArgs;\n}) {\n  const [percentCompleteLabel] = React.useState(\n    UiFramework.translate(\"activityCenter.percentComplete\")\n  );\n  const [activityMessageInfo, setActivityMessageInfo] = React.useState(\n    initialActivityMessageInfo\n  );\n\n  React.useEffect(() => {\n    const handleActivityMessageUpdatedEvent = (\n      args: ActivityMessageEventArgs\n    ) => {\n      setActivityMessageInfo(args);\n    };\n\n    return MessageManager.onActivityMessageUpdatedEvent.addListener(\n      handleActivityMessageUpdatedEvent\n    );\n  }, []);\n\n  return (\n    <>\n      {activityMessageInfo.message && (\n        <Text>\n          <>\n            {(activityMessageInfo.message as ReactMessage).reactNode ||\n              activityMessageInfo.message}\n          </>\n        </Text>\n      )}\n      {!!activityMessageInfo.details?.showPercentInMessage && (\n        <Text variant=\"small\">{`${activityMessageInfo.percentage} ${percentCompleteLabel}`}</Text>\n      )}\n      {activityMessageInfo.details?.showProgressBar && (\n        <ProgressLinear value={activityMessageInfo?.percentage} />\n      )}\n    </>\n  );\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"HollowIcon.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/HollowIcon.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,eAM1C"}
+{"version":3,"file":"HollowIcon.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/HollowIcon.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,qBAM1C"}

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

@@ -1 +1 @@
-{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/InputField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAK7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAQrE;;GAEG;AACH,UAAU,sBAAsB;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,UAAU,sBAAsB;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,qBAAqB,CAAC;IAChC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CACxD,sBAAsB,EACtB,sBAAsB,CACvB;IACC,SAAyB,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAK9D;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IA2EzB,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,oBAAoB,CAE1B;IAEF,OAAO,CAAC,kCAAkC,CAUxC;IAEF,OAAO,CAAC,oCAAoC,CAE1C;CACH"}
+{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/InputField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAM7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAQrE;;GAEG;AACH,UAAU,sBAAsB;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,UAAU,sBAAsB;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,qBAAqB,CAAC;IAChC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CACxD,sBAAsB,EACtB,sBAAsB,CACvB;IACC,SAAyB,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAK9D;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IA2EzB,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,oBAAoB,CAE1B;IAEF,OAAO,CAAC,kCAAkC,CAUxC;IAEF,OAAO,CAAC,oCAAoC,CAE1C;CACH"}

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

@@ -15,6 +15,7 @@ const core_frontend_1 = require("@itwin/core-frontend");
 const appui_abstract_1 = require("@itwin/appui-abstract");
 const core_react_1 = require("@itwin/core-react");
 const MessageManager_1 = require("../messages/MessageManager");
+const MessageSpan_1 = require("./MessageSpan");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 /** InputField message pops up near pointer when attempting an invalid interaction.
  * @public
@@ -70,8 +71,8 @@ class InputFieldMessage extends React.PureComponent {
                             React.createElement("i", { className: (0, classnames_1.default)("icon", "core-svg-icon") }, iconComponent),
                             " ")),
                         React.createElement("span", { className: "uifw-popup-message-text" },
-                            React.createElement(core_react_1.MessageRenderer, { className: "uifw-popup-message-brief", message: message }),
-                            detailedMessage && (React.createElement(core_react_1.MessageRenderer, { className: "uifw-popup-message-detailed", message: detailedMessage }))))),
+                            React.createElement(MessageSpan_1.MessageDiv, { className: "uifw-popup-message-brief", message: message }),
+                            detailedMessage && (React.createElement(MessageSpan_1.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 },

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

@@ -1 +1 @@
-{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/InputField.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 \"./InputField.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { Icon, MessageRenderer, Popup } from \"@itwin/core-react\";\nimport type { InputFieldMessageEventArgs } from \"../messages/MessageManager\";\nimport { MessageManager } from \"../messages/MessageManager\";\nimport type { NotifyMessageType } from \"./ReactNotifyMessageDetails\";\nimport {\n  SvgClose,\n  SvgInfoCircularHollow,\n  SvgStatusError,\n  SvgStatusWarning,\n} from \"@itwin/itwinui-icons-react\";\n\n/** Properties of [[InputFieldMessage]] component.\n * @public\n */\ninterface InputFieldMessageProps {\n  showCloseButton?: boolean;\n}\n\n/** [[InputFieldMessage]] state.\n * @internal\n */\ninterface InputFieldMessageState {\n  isVisible: boolean;\n  priority: OutputMessagePriority;\n  message: NotifyMessageType;\n  detailedMessage?: NotifyMessageType;\n  inputFieldElement?: HTMLElement;\n  showCloseButton?: boolean;\n}\n\n/** InputField message pops up near pointer when attempting an invalid interaction.\n * @public\n */\nexport class InputFieldMessage extends React.PureComponent<\n  InputFieldMessageProps,\n  InputFieldMessageState\n> {\n  public override readonly state: Readonly<InputFieldMessageState> = {\n    message: \"\",\n    isVisible: false,\n    priority: OutputMessagePriority.None,\n    showCloseButton: !!this.props.showCloseButton,\n  };\n\n  public override render(): React.ReactNode {\n    const {\n      isVisible,\n      inputFieldElement,\n      message,\n      priority,\n      detailedMessage,\n      showCloseButton,\n    } = this.state;\n\n    if (!inputFieldElement || !message) {\n      return null;\n    }\n\n    let iconComponent = <SvgInfoCircularHollow />;\n    switch (priority) {\n      case OutputMessagePriority.Warning:\n        iconComponent = <SvgStatusWarning />;\n        break;\n      case OutputMessagePriority.Error:\n        iconComponent = <SvgStatusError />;\n        break;\n      case OutputMessagePriority.Info:\n        iconComponent = <SvgInfoCircularHollow />;\n        break;\n    }\n\n    return (\n      <Popup\n        isOpen={isVisible}\n        position={RelativePosition.BottomLeft}\n        onClose={this._onInputMessageClose}\n        target={inputFieldElement}\n      >\n        <div className=\"uifw-popup-message-inputField\">\n          <div className=\"uifw-popup-message-inputField-content\">\n            <div className=\"uifw-popup-message-inputField-primary\">\n              {iconComponent && (\n                <span className=\"uifw-popup-message-icon\">\n                  {\" \"}\n                  <i className={classnames(\"icon\", \"core-svg-icon\")}>\n                    {iconComponent}\n                  </i>{\" \"}\n                </span>\n              )}\n              <span className=\"uifw-popup-message-text\">\n                <MessageRenderer\n                  className=\"uifw-popup-message-brief\"\n                  message={message}\n                />\n                {detailedMessage && (\n                  <MessageRenderer\n                    className=\"uifw-popup-message-detailed\"\n                    message={detailedMessage}\n                  />\n                )}\n              </span>\n            </div>\n          </div>\n          {showCloseButton && (\n            // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n            <div\n              className=\"uifw-popup-message-close\"\n              onClick={this._onInputMessageClose}\n              role=\"button\"\n              tabIndex={-1}\n            >\n              <Icon iconSpec={<SvgClose />} />\n            </div>\n          )}\n        </div>\n      </Popup>\n    );\n  }\n\n  public override componentDidMount(): void {\n    MessageManager.onInputFieldMessageAddedEvent.addListener(\n      this._handleInputFieldMessageAddedEvent\n    );\n    MessageManager.onInputFieldMessageRemovedEvent.addListener(\n      this._handleInputFieldMessageRemovedEvent\n    );\n  }\n\n  public override componentWillUnmount(): void {\n    MessageManager.onInputFieldMessageAddedEvent.removeListener(\n      this._handleInputFieldMessageAddedEvent\n    );\n    MessageManager.onInputFieldMessageRemovedEvent.removeListener(\n      this._handleInputFieldMessageRemovedEvent\n    );\n  }\n\n  private _onInputMessageClose = () => {\n    this.setState({ isVisible: false });\n  };\n\n  private _handleInputFieldMessageAddedEvent = (\n    args: InputFieldMessageEventArgs\n  ) => {\n    this.setState({\n      inputFieldElement: args.target as HTMLElement,\n      message: args.messageText,\n      isVisible: true,\n      priority: args.priority,\n      detailedMessage: args.detailedMessage,\n    });\n  };\n\n  private _handleInputFieldMessageRemovedEvent = () => {\n    this.setState({ isVisible: false });\n  };\n}\n"]}
+{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/InputField.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 \"./InputField.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { Icon, Popup } from \"@itwin/core-react\";\nimport type { InputFieldMessageEventArgs } from \"../messages/MessageManager\";\nimport { MessageManager } from \"../messages/MessageManager\";\nimport { MessageDiv } from \"./MessageSpan\";\nimport type { NotifyMessageType } from \"./ReactNotifyMessageDetails\";\nimport {\n  SvgClose,\n  SvgInfoCircularHollow,\n  SvgStatusError,\n  SvgStatusWarning,\n} from \"@itwin/itwinui-icons-react\";\n\n/** Properties of [[InputFieldMessage]] component.\n * @public\n */\ninterface InputFieldMessageProps {\n  showCloseButton?: boolean;\n}\n\n/** [[InputFieldMessage]] state.\n * @internal\n */\ninterface InputFieldMessageState {\n  isVisible: boolean;\n  priority: OutputMessagePriority;\n  message: NotifyMessageType;\n  detailedMessage?: NotifyMessageType;\n  inputFieldElement?: HTMLElement;\n  showCloseButton?: boolean;\n}\n\n/** InputField message pops up near pointer when attempting an invalid interaction.\n * @public\n */\nexport class InputFieldMessage extends React.PureComponent<\n  InputFieldMessageProps,\n  InputFieldMessageState\n> {\n  public override readonly state: Readonly<InputFieldMessageState> = {\n    message: \"\",\n    isVisible: false,\n    priority: OutputMessagePriority.None,\n    showCloseButton: !!this.props.showCloseButton,\n  };\n\n  public override render(): React.ReactNode {\n    const {\n      isVisible,\n      inputFieldElement,\n      message,\n      priority,\n      detailedMessage,\n      showCloseButton,\n    } = this.state;\n\n    if (!inputFieldElement || !message) {\n      return null;\n    }\n\n    let iconComponent = <SvgInfoCircularHollow />;\n    switch (priority) {\n      case OutputMessagePriority.Warning:\n        iconComponent = <SvgStatusWarning />;\n        break;\n      case OutputMessagePriority.Error:\n        iconComponent = <SvgStatusError />;\n        break;\n      case OutputMessagePriority.Info:\n        iconComponent = <SvgInfoCircularHollow />;\n        break;\n    }\n\n    return (\n      <Popup\n        isOpen={isVisible}\n        position={RelativePosition.BottomLeft}\n        onClose={this._onInputMessageClose}\n        target={inputFieldElement}\n      >\n        <div className=\"uifw-popup-message-inputField\">\n          <div className=\"uifw-popup-message-inputField-content\">\n            <div className=\"uifw-popup-message-inputField-primary\">\n              {iconComponent && (\n                <span className=\"uifw-popup-message-icon\">\n                  {\" \"}\n                  <i className={classnames(\"icon\", \"core-svg-icon\")}>\n                    {iconComponent}\n                  </i>{\" \"}\n                </span>\n              )}\n              <span className=\"uifw-popup-message-text\">\n                <MessageDiv\n                  className=\"uifw-popup-message-brief\"\n                  message={message}\n                />\n                {detailedMessage && (\n                  <MessageDiv\n                    className=\"uifw-popup-message-detailed\"\n                    message={detailedMessage}\n                  />\n                )}\n              </span>\n            </div>\n          </div>\n          {showCloseButton && (\n            // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n            <div\n              className=\"uifw-popup-message-close\"\n              onClick={this._onInputMessageClose}\n              role=\"button\"\n              tabIndex={-1}\n            >\n              <Icon iconSpec={<SvgClose />} />\n            </div>\n          )}\n        </div>\n      </Popup>\n    );\n  }\n\n  public override componentDidMount(): void {\n    MessageManager.onInputFieldMessageAddedEvent.addListener(\n      this._handleInputFieldMessageAddedEvent\n    );\n    MessageManager.onInputFieldMessageRemovedEvent.addListener(\n      this._handleInputFieldMessageRemovedEvent\n    );\n  }\n\n  public override componentWillUnmount(): void {\n    MessageManager.onInputFieldMessageAddedEvent.removeListener(\n      this._handleInputFieldMessageAddedEvent\n    );\n    MessageManager.onInputFieldMessageRemovedEvent.removeListener(\n      this._handleInputFieldMessageRemovedEvent\n    );\n  }\n\n  private _onInputMessageClose = () => {\n    this.setState({ isVisible: false });\n  };\n\n  private _handleInputFieldMessageAddedEvent = (\n    args: InputFieldMessageEventArgs\n  ) => {\n    this.setState({\n      inputFieldElement: args.target as HTMLElement,\n      message: args.messageText,\n      isVisible: true,\n      priority: args.priority,\n      detailedMessage: args.detailedMessage,\n    });\n  };\n\n  private _handleInputFieldMessageRemovedEvent = () => {\n    this.setState({ isVisible: false });\n  };\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"MessageLabel.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/MessageLabel.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAKH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAErE;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;CACnB,eAMA"}
+{"version":3,"file":"MessageLabel.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/MessageLabel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAErE;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;CACnB,qBAMA"}

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

@@ -10,13 +10,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MessageLabel = void 0;
 const React = require("react");
 const classnames_1 = require("classnames");
-const core_react_1 = require("@itwin/core-react");
+const MessageSpan_1 = require("./MessageSpan");
 /** Message String/Label
  * @internal
  */
 function MessageLabel(props) {
     const classNames = (0, classnames_1.default)("uifw-statusbar-message-label", props.className);
-    return React.createElement(core_react_1.MessageRenderer, { className: classNames, message: props.message });
+    return React.createElement(MessageSpan_1.MessageDiv, { className: classNames, message: props.message });
 }
 exports.MessageLabel = MessageLabel;
 //# sourceMappingURL=MessageLabel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageLabel.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/MessageLabel.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,2CAAoC;AACpC,kDAAoD;AAGpD;;GAEG;AACH,SAAgB,YAAY,CAAC,KAG5B;IACC,MAAM,UAAU,GAAG,IAAA,oBAAU,EAC3B,8BAA8B,EAC9B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,oBAAC,4BAAe,IAAC,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CAAC;AAC5E,CAAC;AATD,oCASC","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 * as React from \"react\";\nimport classnames from \"classnames\";\nimport { MessageRenderer } from \"@itwin/core-react\";\nimport type { NotifyMessageType } from \"./ReactNotifyMessageDetails\";\n\n/** Message String/Label\n * @internal\n */\nexport function MessageLabel(props: {\n  message: NotifyMessageType;\n  className: string;\n}) {\n  const classNames = classnames(\n    \"uifw-statusbar-message-label\",\n    props.className\n  );\n  return <MessageRenderer className={classNames} message={props.message} />;\n}\n"]}
+{"version":3,"file":"MessageLabel.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/MessageLabel.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,2CAAoC;AACpC,+CAA2C;AAG3C;;GAEG;AACH,SAAgB,YAAY,CAAC,KAG5B;IACC,MAAM,UAAU,GAAG,IAAA,oBAAU,EAC3B,8BAA8B,EAC9B,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,oBAAC,wBAAU,IAAC,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CAAC;AACvE,CAAC;AATD,oCASC","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 * as React from \"react\";\nimport classnames from \"classnames\";\nimport { MessageDiv } from \"./MessageSpan\";\nimport type { NotifyMessageType } from \"./ReactNotifyMessageDetails\";\n\n/** Message String/Label\n * @internal\n */\nexport function MessageLabel(props: {\n  message: NotifyMessageType;\n  className: string;\n}) {\n  const classNames = classnames(\n    \"uifw-statusbar-message-label\",\n    props.className\n  );\n  return <MessageDiv className={classNames} message={props.message} />;\n}\n"]}

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

@@ -8,11 +8,8 @@ import { MessageSeverity, UiEvent } from "@itwin/appui-abstract";
 import type { IconSpec } from "@itwin/core-react";
 import type { NotifyMessageDetailsType, NotifyMessageType } from "./ReactNotifyMessageDetails";
 import { StatusMessageManager } from "./StatusMessageManager";
-import type { useToaster } from "@itwin/itwinui-react";
-import { BeUiEvent } from "@itwin/core-bentley";
-type Toaster = ReturnType<typeof useToaster>;
-type ToasterSettings = Parameters<Toaster["setSettings"]>;
-type ToastOptions = Parameters<Toaster["positive"]>[1];
+import type { ToastOptions } from "@itwin/itwinui-react";
+import type { ToasterSettings } from "@itwin/itwinui-react/cjs/core/Toast/Toaster";
 /** [[MessageAddedEvent]] arguments.
  * @public
  */
@@ -119,14 +116,6 @@ export declare class MessageManager {
     static readonly onInputFieldMessageAddedEvent: InputFieldMessageAddedEvent;
     static readonly onInputFieldMessageRemovedEvent: InputFieldMessageRemovedEvent;
     static readonly onOpenMessageCenterEvent: OpenMessageCenterEvent;
-    /** @internal */
-    static readonly onDisplayMessage: BeUiEvent<{
-        message: NotifyMessageDetailsType;
-        options?: ToastOptions;
-        settings?: [settings: Partial<import("@itwin/itwinui-react/cjs/core/Toast/Toaster").ToasterSettings>] | undefined;
-        animateOutToElement?: HTMLElement | undefined;
-        close?: (() => void) | undefined;
-    }>;
     /** The ToolAssistanceChangedEvent is fired when a tool calls IModelApp.notifications.setToolAssistance().
      * @public
      */
@@ -152,7 +141,9 @@ export declare class MessageManager {
      * @param  element `HTMLElement` to animate out to.
      */
     static registerAnimateOutToElement(element: HTMLElement | null): void;
-    /** Handles disconnected element modal frontstages, revert to last still displayed. */
+    /**
+     * Handles disconnected element modal frontstages, revert to last still displayed.
+     */
     private static get animateOutToElement();
     /** Display a message.
      * Works only with `Sticky` and `Toast` message types.
@@ -270,5 +261,4 @@ export declare class MessageManager {
     /** @internal */
     static closeAllMessages(): void;
 }
-export {};
 //# sourceMappingURL=MessageManager.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/MessageManager.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MessageManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/MessageManager.tsx"],"names":[],"mappings":"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"}