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

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"]}