@itwin/appui-react 4.9.0 → 4.10.0

package/lib/esm/appui-react/layout/widget-panels/Content.js

@@ -1,18 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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
- */
-import "./Content.scss";
-import classnames from "classnames";
-import * as React from "react";
-/** Component that displays widget panels content.
- * @internal
- */
-export const WidgetPanelsContent = React.forwardRef(function WidgetPanelsContent(props, ref) {
-    const className = classnames("nz-widgetPanels-content", props.pinnedLeft && "nz-pinned-left", props.pinnedRight && "nz-pinned-right", props.pinnedTop && "nz-pinned-top", props.pinnedBottom && "nz-pinned-bottom", props.className);
-    return (React.createElement("div", { className: className, ref: ref, style: props.style }, props.children));
-});
-//# sourceMappingURL=Content.js.map

package/lib/esm/appui-react/layout/widget-panels/Content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/Content.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AACxB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAGjD,SAAS,mBAAmB,CAAC,KAAK,EAAE,GAAG;IACvC,MAAM,SAAS,GAAG,UAAU,CAC1B,yBAAyB,EACzB,KAAK,CAAC,UAAU,IAAI,gBAAgB,EACpC,KAAK,CAAC,WAAW,IAAI,iBAAiB,EACtC,KAAK,CAAC,SAAS,IAAI,eAAe,EAClC,KAAK,CAAC,YAAY,IAAI,kBAAkB,EACxC,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IACpD,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC,CAAC,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 WidgetPanels\n */\n\nimport \"./Content.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[WidgetPanelsContentProps]] component.\n * @internal\n */\nexport interface WidgetPanelsContentProps extends CommonProps {\n  children?: React.ReactNode;\n  pinnedLeft?: boolean;\n  pinnedRight?: boolean;\n  pinnedTop?: boolean;\n  pinnedBottom?: boolean;\n}\n\n/** Component that displays widget panels content.\n * @internal\n */\nexport const WidgetPanelsContent = React.forwardRef<\n  HTMLDivElement,\n  WidgetPanelsContentProps\n>(function WidgetPanelsContent(props, ref) {\n  const className = classnames(\n    \"nz-widgetPanels-content\",\n    props.pinnedLeft && \"nz-pinned-left\",\n    props.pinnedRight && \"nz-pinned-right\",\n    props.pinnedTop && \"nz-pinned-top\",\n    props.pinnedBottom && \"nz-pinned-bottom\",\n    props.className\n  );\n  return (\n    <div className={className} ref={ref} style={props.style}>\n      {props.children}\n    </div>\n  );\n});\n"]}

package/lib/esm/appui-react/layout/widget-panels/Content.scss

@@ -1,37 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-.nz-widgetPanels-content {
-  &:not(.nz-pinned-left) {
-    grid-column-start: 1;
-  }
-
-  &.nz-pinned-left {
-    grid-column-start: 2;
-  }
-
-  &:not(.nz-pinned-right) {
-    grid-column-end: 4;
-  }
-
-  &.nz-pinned-right {
-    grid-column-end: 3;
-  }
-
-  &:not(.nz-pinned-top) {
-    grid-row-start: 1;
-  }
-
-  &.nz-pinned-top {
-    grid-row-start: 2;
-  }
-
-  &:not(.nz-pinned-bottom) {
-    grid-row-end: 4;
-  }
-
-  &.nz-pinned-bottom {
-    grid-row-end: 3;
-  }
-}

package/lib/esm/appui-react/layout/widget-panels/Panels.d.ts

@@ -1,24 +0,0 @@
-/** @packageDocumentation
- * @module WidgetPanels
- */
-import "./Panels.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-/** Properties of [[WidgetPanels]] component.
- * @internal
- */
-export interface WidgetPanelsProps extends CommonProps {
-    /** Content that is affected by pinned state of panels. */
-    children?: React.ReactNode;
-    /** Content that is always rendered as if panels are in a pinned state. */
-    centerContent?: React.ReactNode;
-}
-/** Component that displays widget panels.
- * @internal
- */
-export declare function WidgetPanels(props: WidgetPanelsProps): React.JSX.Element;
-/** @internal */
-export declare const ContentNodeContext: React.Context<React.ReactNode>;
-/** @internal */
-export declare const CenterContentNodeContext: React.Context<React.ReactNode>;
-//# sourceMappingURL=Panels.d.ts.map

package/lib/esm/appui-react/layout/widget-panels/Panels.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Panels.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/Panels.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAQrD;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0EAA0E;IAC1E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAWpD;AAmBD,gBAAgB;AAChB,eAAO,MAAM,kBAAkB,gCAA6C,CAAC;AAG7E,gBAAgB;AAChB,eAAO,MAAM,wBAAwB,gCACO,CAAC"}

package/lib/esm/appui-react/layout/widget-panels/Panels.js

@@ -1,44 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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
- */
-import "./Panels.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { WidgetContentRenderers } from "../widget/ContentRenderer";
-import { AppContent } from "./AppContent";
-import { CenterContent } from "./CenterContent";
-import { useCursor } from "./CursorOverlay";
-import { panelSides, WidgetPanelProvider } from "./Panel";
-import { WidgetPanelExpanders } from "./Expander";
-/** Component that displays widget panels.
- * @internal
- */
-export function WidgetPanels(props) {
-    return (React.createElement(ContentNodeContext.Provider, { value: props.children },
-        React.createElement(CenterContentNodeContext.Provider, { value: props.centerContent },
-            React.createElement(WidgetPanelsComponent, { className: props.className, style: props.style }))));
-}
-/** @internal */
-function WidgetPanelsComponent(props) {
-    useCursor();
-    const className = classnames("nz-widgetPanels-panels", props.className);
-    return (React.createElement("div", { className: className, style: props.style },
-        React.createElement(WidgetContentRenderers, null),
-        React.createElement(AppContent, null),
-        React.createElement(WidgetPanelExpanders, null),
-        React.createElement(CenterContent, null),
-        panelSides.map((side) => {
-            return React.createElement(WidgetPanelProvider, { key: side, side: side });
-        })));
-}
-/** @internal */
-export const ContentNodeContext = React.createContext(null);
-ContentNodeContext.displayName = "nz:ContentNodeContext";
-/** @internal */
-export const CenterContentNodeContext = React.createContext(null);
-CenterContentNodeContext.displayName = "nz:CenterContentNodeContext";
-//# sourceMappingURL=Panels.js.map

package/lib/esm/appui-react/layout/widget-panels/Panels.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Panels.js","sourceRoot":"","sources":["../../../../../src/appui-react/layout/widget-panels/Panels.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAYlD;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,OAAO,CACL,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,QAAQ;QAChD,oBAAC,wBAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,aAAa;YAC3D,oBAAC,qBAAqB,IACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACgC,CACR,CAC/B,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,SAAS,qBAAqB,CAAC,KAAkB;IAC/C,SAAS,EAAE,CAAC;IACZ,MAAM,SAAS,GAAG,UAAU,CAAC,wBAAwB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACxE,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QAC3C,oBAAC,sBAAsB,OAAG;QAC1B,oBAAC,UAAU,OAAG;QACd,oBAAC,oBAAoB,OAAG;QACxB,oBAAC,aAAa,OAAG;QAChB,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACvB,OAAO,oBAAC,mBAAmB,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;QACxD,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAkB,IAAI,CAAC,CAAC;AAC7E,kBAAkB,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAEzD,gBAAgB;AAChB,MAAM,CAAC,MAAM,wBAAwB,GACnC,KAAK,CAAC,aAAa,CAAkB,IAAI,CAAC,CAAC;AAC7C,wBAAwB,CAAC,WAAW,GAAG,6BAA6B,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 WidgetPanels\n */\n\nimport \"./Panels.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { WidgetContentRenderers } from \"../widget/ContentRenderer\";\nimport { AppContent } from \"./AppContent\";\nimport { CenterContent } from \"./CenterContent\";\nimport { useCursor } from \"./CursorOverlay\";\nimport { panelSides, WidgetPanelProvider } from \"./Panel\";\nimport { WidgetPanelExpanders } from \"./Expander\";\n\n/** Properties of [[WidgetPanels]] component.\n * @internal\n */\nexport interface WidgetPanelsProps extends CommonProps {\n  /** Content that is affected by pinned state of panels. */\n  children?: React.ReactNode;\n  /** Content that is always rendered as if panels are in a pinned state. */\n  centerContent?: React.ReactNode;\n}\n\n/** Component that displays widget panels.\n * @internal\n */\nexport function WidgetPanels(props: WidgetPanelsProps) {\n  return (\n    <ContentNodeContext.Provider value={props.children}>\n      <CenterContentNodeContext.Provider value={props.centerContent}>\n        <WidgetPanelsComponent\n          className={props.className}\n          style={props.style}\n        />\n      </CenterContentNodeContext.Provider>\n    </ContentNodeContext.Provider>\n  );\n}\n\n/** @internal */\nfunction WidgetPanelsComponent(props: CommonProps) {\n  useCursor();\n  const className = classnames(\"nz-widgetPanels-panels\", props.className);\n  return (\n    <div className={className} style={props.style}>\n      <WidgetContentRenderers />\n      <AppContent />\n      <WidgetPanelExpanders />\n      <CenterContent />\n      {panelSides.map((side) => {\n        return <WidgetPanelProvider key={side} side={side} />;\n      })}\n    </div>\n  );\n}\n\n/** @internal */\nexport const ContentNodeContext = React.createContext<React.ReactNode>(null);\nContentNodeContext.displayName = \"nz:ContentNodeContext\";\n\n/** @internal */\nexport const CenterContentNodeContext =\n  React.createContext<React.ReactNode>(null);\nCenterContentNodeContext.displayName = \"nz:CenterContentNodeContext\";\n"]}

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

@@ -1,10 +0,0 @@
-/** @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/esm/appui-react/messages/ActivityMessage.d.ts.map

@@ -1 +0,0 @@
-{"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/esm/appui-react/messages/ActivityMessage.js

@@ -1,88 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 { UiCore } from "@itwin/core-react";
-import { ProgressLinear, Text, toaster } from "@itwin/itwinui-react";
-import { UiFramework } from "../UiFramework";
-import { MessageManager } from "../messages/MessageManager";
-/**
- * Hook to render an Activity message.
- * @internal
- */
-function useActivityMessage({ activityMessageInfo, dismissActivityMessage, cancelActivityMessage, }) {
-    const [cancelLabel] = React.useState(UiCore.translate("dialog.cancel"));
-    const recentToast = React.useRef();
-    React.useEffect(() => {
-        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 }), {
-                onRemove: dismissActivityMessage,
-                type: "persisting",
-                link: ((_a = activityMessageInfo === null || activityMessageInfo === void 0 ? void 0 : activityMessageInfo.details) === null || _a === void 0 ? void 0 : _a.supportsCancellation) &&
-                    cancelActivityMessage
-                    ? { title: cancelLabel, onClick: cancelActivityMessage }
-                    : undefined,
-            });
-        }
-        if (!activityMessageInfo) {
-            (_b = recentToast.current) === null || _b === void 0 ? void 0 : _b.close();
-        }
-    }, [
-        activityMessageInfo,
-        cancelActivityMessage,
-        cancelLabel,
-        dismissActivityMessage,
-    ]);
-}
-/**
- * Component wrapping the `useActivityMessage` hook to use in class components.
- * @internal
- */
-export function ActivityMessageRenderer() {
-    const [activityMessageInfo, setActivityMessageInfo] = React.useState();
-    React.useEffect(() => {
-        return MessageManager.onActivityMessageUpdatedEvent.addListener((args) => {
-            setActivityMessageInfo(args);
-        });
-    }, []);
-    React.useEffect(() => {
-        return MessageManager.onActivityMessageCancelledEvent.addListener(() => {
-            setActivityMessageInfo(undefined);
-        });
-    }, []);
-    const cancelActivityMessage = React.useCallback(() => {
-        MessageManager.endActivityMessage(false);
-    }, []);
-    useActivityMessage({ activityMessageInfo, cancelActivityMessage });
-    return React.createElement(React.Fragment, null);
-}
-/**
- * Component used to show and update activity message content.
- * @internal
- */
-function ActivityMessageContent({ initialActivityMessageInfo, }) {
-    var _a, _b;
-    const [percentCompleteLabel] = React.useState(UiFramework.translate("activityCenter.percentComplete"));
-    const [activityMessageInfo, setActivityMessageInfo] = React.useState(initialActivityMessageInfo);
-    React.useEffect(() => {
-        const handleActivityMessageUpdatedEvent = (args) => {
-            setActivityMessageInfo(args);
-        };
-        return MessageManager.onActivityMessageUpdatedEvent.addListener(handleActivityMessageUpdatedEvent);
-    }, []);
-    return (React.createElement(React.Fragment, null,
-        activityMessageInfo.message && (React.createElement(Text, null,
-            React.createElement(React.Fragment, null, activityMessageInfo.message.reactNode ||
-                activityMessageInfo.message))),
-        !!((_a = activityMessageInfo.details) === null || _a === void 0 ? void 0 : _a.showPercentInMessage) && (React.createElement(Text, { variant: "small" }, `${activityMessageInfo.percentage} ${percentCompleteLabel}`)),
-        ((_b = activityMessageInfo.details) === null || _b === void 0 ? void 0 : _b.showProgressBar) && (React.createElement(ProgressLinear, { value: activityMessageInfo === null || activityMessageInfo === void 0 ? void 0 : activityMessageInfo.percentage }))));
-}
-//# sourceMappingURL=ActivityMessage.js.map

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

@@ -1 +0,0 @@
-{"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/esm/appui-react/messages/MessageSpan.d.ts

@@ -1,15 +0,0 @@
-/** @packageDocumentation
- * @module Notification
- */
-import * as React from "react";
-import type { ClassNameProps } from "@itwin/core-react";
-import type { NotifyMessageType } from "./ReactNotifyMessageDetails";
-/** @internal */
-export interface MessageSpanProps extends ClassNameProps {
-    message: NotifyMessageType;
-}
-/** @internal */
-export declare function MessageSpan(props: MessageSpanProps): React.JSX.Element;
-/** @internal */
-export declare function MessageDiv(props: MessageSpanProps): React.JSX.Element;
-//# sourceMappingURL=MessageSpan.d.ts.map

package/lib/esm/appui-react/messages/MessageSpan.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageSpan.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/MessageSpan.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAErE,gBAAgB;AAChB,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,OAAO,EAAE,iBAAiB,CAAC;CAC5B;AAED,gBAAgB;AAChB,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAElD;AAED,gBAAgB;AAChB,wBAAgB,UAAU,CAAC,KAAK,EAAE,gBAAgB,qBAEjD"}

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

@@ -1,18 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 { MessageRenderer } from "@itwin/core-react";
-/** @internal */
-export function MessageSpan(props) {
-    return React.createElement(MessageRenderer, { ...props, useSpan: true });
-}
-/** @internal */
-export function MessageDiv(props) {
-    return React.createElement(MessageRenderer, { ...props });
-}
-//# sourceMappingURL=MessageSpan.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MessageSpan.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/MessageSpan.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAQpD,gBAAgB;AAChB,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,OAAO,oBAAC,eAAe,OAAK,KAAK,EAAE,OAAO,SAAG,CAAC;AAChD,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,UAAU,CAAC,KAAuB;IAChD,OAAO,oBAAC,eAAe,OAAK,KAAK,GAAI,CAAC;AACxC,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 * as React from \"react\";\nimport type { ClassNameProps } from \"@itwin/core-react\";\nimport { MessageRenderer } from \"@itwin/core-react\";\nimport type { NotifyMessageType } from \"./ReactNotifyMessageDetails\";\n\n/** @internal */\nexport interface MessageSpanProps extends ClassNameProps {\n  message: NotifyMessageType;\n}\n\n/** @internal */\nexport function MessageSpan(props: MessageSpanProps) {\n  return <MessageRenderer {...props} useSpan />;\n}\n\n/** @internal */\nexport function MessageDiv(props: MessageSpanProps) {\n  return <MessageRenderer {...props} />;\n}\n"]}