@itwin/appui-react 3.6.0 → 3.6.1

package/lib/esm/appui-react/statusbar/StatusBar.js

@@ -1,171 +1,171 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./StatusBar.scss";
-import * as React from "react";
-import { Div } from "@itwin/core-react";
-import { Footer } from "@itwin/appui-layout-react";
-import { MessageManager } from "../messages/MessageManager";
-import { SafeAreaContext } from "../safearea/SafeAreaContext";
-import { UiShowHideManager } from "../utils/UiShowHideManager";
-import { CustomActivityMessageRenderer } from "../messages/ActivityMessage";
-/** Status Bar React component.
- * @public
- */
-export class StatusBar extends React.Component {
-    /** @internal */
-    constructor(props) {
-        super(props);
-        this.messages = [];
-        this._handleMessageAddedEvent = (_args) => {
-            this._updateMessages();
-            const messagesToAdd = MessageManager.activeMessageManager.messages.filter((msg) => !this.messages.find((m) => m.id === msg.id));
-            messagesToAdd.forEach((msg) => {
-                const displayedMessage = MessageManager.displayMessage(msg.messageDetails, { onRemove: () => this._closeMessage(msg.id) });
-                if (!!displayedMessage)
-                    this.messages.push({ close: displayedMessage.close, id: msg.id });
-            });
-        };
-        this._updateMessages = () => {
-            const updatedMessages = [...this.messages];
-            this.messages.forEach((m) => {
-                if (!MessageManager.activeMessageManager.messages.some((msg) => m.id === msg.id)) {
-                    m.close();
-                    const index = updatedMessages.findIndex((msg) => msg.id === m.id);
-                    updatedMessages.splice(index, 1);
-                }
-            });
-            this.messages = updatedMessages;
-        };
-        /** Respond to clearing the message list */
-        this._handleMessagesUpdatedEvent = () => {
-            this._updateMessages();
-        };
-        /**
-         * Sets state of the status bar to updated values reflecting activity progress.
-         * @param args  New values to set for ActivityMessage
-         */
-        this._handleActivityMessageUpdatedEvent = (args) => {
-            this.setState({
-                activityMessageInfo: args,
-            });
-        };
-        /**
-         * Hides ActivityMessage after cancellation
-         */
-        this._handleActivityMessageCancelledEvent = () => {
-            this.setState({
-                activityMessageInfo: undefined,
-            });
-        };
-        /**
-         * Ends canceled process and dismisses ActivityMessage
-         */
-        this._cancelActivityMessage = () => {
-            MessageManager.endActivityMessage(false);
-        };
-        this._handleOpenWidget = (openWidget) => {
-            this.setState({
-                openWidget,
-            });
-        };
-        this._closeMessage = (id) => {
-            MessageManager.activeMessageManager.remove(id);
-            MessageManager.updateMessages();
-        };
-        this._handleToastTargetRef = (toastTarget) => {
-            MessageManager.registerAnimateOutToElement(toastTarget);
-        };
-        this.state = {
-            openWidget: null,
-            activityMessageInfo: undefined,
-        };
-    }
-    render() {
-        var _a, _b;
-        let footerSections = null;
-        const widgetControl = this.props.widgetControl;
-        // istanbul ignore else
-        if (widgetControl && widgetControl.getReactNode) {
-            footerSections = widgetControl.getReactNode({
-                // eslint-disable-next-line deprecation/deprecation
-                isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true,
-                openWidget: this.state.openWidget,
-                toastTargetRef: this._handleToastTargetRef,
-                onOpenWidget: this._handleOpenWidget,
-            });
-        }
-        return (React.createElement(StatusBarContext.Provider, { value: {
-                // eslint-disable-next-line deprecation/deprecation
-                isInFooterMode: (_b = this.props.isInFooterMode) !== null && _b !== void 0 ? _b : true,
-                openWidget: this.state.openWidget,
-                toastTargetRef: this._handleToastTargetRef,
-                onOpenWidget: this._handleOpenWidget,
-            } },
-            React.createElement(SafeAreaContext.Consumer, null, (safeAreaInsets) => {
-                var _a;
-                return (React.createElement(Footer // eslint-disable-line deprecation/deprecation
-                , { className: this.props.className, messages: this.getFooterMessages(), 
-                    // eslint-disable-next-line deprecation/deprecation
-                    isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true, onMouseEnter: UiShowHideManager.handleWidgetMouseEnter, safeAreaInsets: safeAreaInsets, style: this.props.style }, footerSections));
-            })));
-    }
-    componentDidMount() {
-        MessageManager.onMessageAddedEvent.addListener(this._handleMessageAddedEvent);
-        MessageManager.onActivityMessageUpdatedEvent.addListener(this._handleActivityMessageUpdatedEvent);
-        MessageManager.onActivityMessageCancelledEvent.addListener(this._handleActivityMessageCancelledEvent);
-        MessageManager.onMessagesUpdatedEvent.addListener(this._handleMessagesUpdatedEvent);
-        MessageManager.updateMessages();
-    }
-    componentWillUnmount() {
-        MessageManager.onMessageAddedEvent.removeListener(this._handleMessageAddedEvent);
-        MessageManager.onActivityMessageUpdatedEvent.removeListener(this._handleActivityMessageUpdatedEvent);
-        MessageManager.onActivityMessageCancelledEvent.removeListener(this._handleActivityMessageCancelledEvent);
-        MessageManager.onMessagesUpdatedEvent.removeListener(this._handleMessagesUpdatedEvent);
-    }
-    getFooterMessages() {
-        return (React.createElement(CustomActivityMessageRenderer, { settings: { placement: "bottom" }, activityMessageInfo: this.state.activityMessageInfo, cancelActivityMessage: this._cancelActivityMessage }));
-    }
-}
-/** StatusBar With Space Between Items React functional component
- * @public
- */
-export function StatusBarSpaceBetween(props) {
-    const { className, ...divProps } = props;
-    return React.createElement(Div, { ...divProps, mainClassName: className ? className : "uifw-statusbar-space-between" });
-}
-/** StatusBar Left Section React functional component
- * @public
- */
-export function StatusBarLeftSection(props) {
-    const { className, ...divProps } = props;
-    return React.createElement(Div, { ...divProps, mainClassName: className ? className : "uifw-statusbar-left" });
-}
-/** StatusBar Center Section React functional component
- * @public
- */
-export function StatusBarCenterSection(props) {
-    const { className, ...divProps } = props;
-    return React.createElement(Div, { ...divProps, mainClassName: className ? className : "uifw-statusbar-center" });
-}
-/** StatusBar Right Section React functional component
- * @public
- */
-export function StatusBarRightSection(props) {
-    const { className, ...divProps } = props;
-    return React.createElement(Div, { ...divProps, mainClassName: className ? className : "uifw-statusbar-right" });
-}
-/** Context providing values for StatusFieldProps and MessageCenterFieldProps
- *  @internal
- */
-export const StatusBarContext = React.createContext({
-    isInFooterMode: true,
-    onOpenWidget: /* istanbul ignore next */ () => { },
-    openWidget: "",
-    toastTargetRef: { current: null },
-});
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import "./StatusBar.scss";
+import * as React from "react";
+import { Div } from "@itwin/core-react";
+import { Footer } from "@itwin/appui-layout-react";
+import { MessageManager } from "../messages/MessageManager";
+import { SafeAreaContext } from "../safearea/SafeAreaContext";
+import { UiShowHideManager } from "../utils/UiShowHideManager";
+import { CustomActivityMessageRenderer } from "../messages/ActivityMessage";
+/** Status Bar React component.
+ * @public
+ */
+export class StatusBar extends React.Component {
+    /** @internal */
+    constructor(props) {
+        super(props);
+        this.messages = [];
+        this._handleMessageAddedEvent = (_args) => {
+            this._updateMessages();
+            const messagesToAdd = MessageManager.activeMessageManager.messages.filter((msg) => !this.messages.find((m) => m.id === msg.id));
+            messagesToAdd.forEach((msg) => {
+                const displayedMessage = MessageManager.displayMessage(msg.messageDetails, { onRemove: () => this._closeMessage(msg.id) });
+                if (!!displayedMessage)
+                    this.messages.push({ close: displayedMessage.close, id: msg.id });
+            });
+        };
+        this._updateMessages = () => {
+            const updatedMessages = [...this.messages];
+            this.messages.forEach((m) => {
+                if (!MessageManager.activeMessageManager.messages.some((msg) => m.id === msg.id)) {
+                    m.close();
+                    const index = updatedMessages.findIndex((msg) => msg.id === m.id);
+                    updatedMessages.splice(index, 1);
+                }
+            });
+            this.messages = updatedMessages;
+        };
+        /** Respond to clearing the message list */
+        this._handleMessagesUpdatedEvent = () => {
+            this._updateMessages();
+        };
+        /**
+         * Sets state of the status bar to updated values reflecting activity progress.
+         * @param args  New values to set for ActivityMessage
+         */
+        this._handleActivityMessageUpdatedEvent = (args) => {
+            this.setState({
+                activityMessageInfo: args,
+            });
+        };
+        /**
+         * Hides ActivityMessage after cancellation
+         */
+        this._handleActivityMessageCancelledEvent = () => {
+            this.setState({
+                activityMessageInfo: undefined,
+            });
+        };
+        /**
+         * Ends canceled process and dismisses ActivityMessage
+         */
+        this._cancelActivityMessage = () => {
+            MessageManager.endActivityMessage(false);
+        };
+        this._handleOpenWidget = (openWidget) => {
+            this.setState({
+                openWidget,
+            });
+        };
+        this._closeMessage = (id) => {
+            MessageManager.activeMessageManager.remove(id);
+            MessageManager.updateMessages();
+        };
+        this._handleToastTargetRef = (toastTarget) => {
+            MessageManager.registerAnimateOutToElement(toastTarget);
+        };
+        this.state = {
+            openWidget: null,
+            activityMessageInfo: undefined,
+        };
+    }
+    render() {
+        var _a, _b;
+        let footerSections = null;
+        const widgetControl = this.props.widgetControl;
+        // istanbul ignore else
+        if (widgetControl && widgetControl.getReactNode) {
+            footerSections = widgetControl.getReactNode({
+                // eslint-disable-next-line deprecation/deprecation
+                isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true,
+                openWidget: this.state.openWidget,
+                toastTargetRef: this._handleToastTargetRef,
+                onOpenWidget: this._handleOpenWidget,
+            });
+        }
+        return (React.createElement(StatusBarContext.Provider, { value: {
+                // eslint-disable-next-line deprecation/deprecation
+                isInFooterMode: (_b = this.props.isInFooterMode) !== null && _b !== void 0 ? _b : true,
+                openWidget: this.state.openWidget,
+                toastTargetRef: this._handleToastTargetRef,
+                onOpenWidget: this._handleOpenWidget,
+            } },
+            React.createElement(SafeAreaContext.Consumer, null, (safeAreaInsets) => {
+                var _a;
+                return (React.createElement(Footer // eslint-disable-line deprecation/deprecation
+                , { className: this.props.className, messages: this.getFooterMessages(), 
+                    // eslint-disable-next-line deprecation/deprecation
+                    isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true, onMouseEnter: UiShowHideManager.handleWidgetMouseEnter, safeAreaInsets: safeAreaInsets, style: this.props.style }, footerSections));
+            })));
+    }
+    componentDidMount() {
+        MessageManager.onMessageAddedEvent.addListener(this._handleMessageAddedEvent);
+        MessageManager.onActivityMessageUpdatedEvent.addListener(this._handleActivityMessageUpdatedEvent);
+        MessageManager.onActivityMessageCancelledEvent.addListener(this._handleActivityMessageCancelledEvent);
+        MessageManager.onMessagesUpdatedEvent.addListener(this._handleMessagesUpdatedEvent);
+        MessageManager.updateMessages();
+    }
+    componentWillUnmount() {
+        MessageManager.onMessageAddedEvent.removeListener(this._handleMessageAddedEvent);
+        MessageManager.onActivityMessageUpdatedEvent.removeListener(this._handleActivityMessageUpdatedEvent);
+        MessageManager.onActivityMessageCancelledEvent.removeListener(this._handleActivityMessageCancelledEvent);
+        MessageManager.onMessagesUpdatedEvent.removeListener(this._handleMessagesUpdatedEvent);
+    }
+    getFooterMessages() {
+        return (React.createElement(CustomActivityMessageRenderer, { settings: { placement: "bottom" }, activityMessageInfo: this.state.activityMessageInfo, cancelActivityMessage: this._cancelActivityMessage }));
+    }
+}
+/** StatusBar With Space Between Items React functional component
+ * @public
+ */
+export function StatusBarSpaceBetween(props) {
+    const { className, ...divProps } = props;
+    return React.createElement(Div, { ...divProps, mainClassName: className ? className : "uifw-statusbar-space-between" });
+}
+/** StatusBar Left Section React functional component
+ * @public
+ */
+export function StatusBarLeftSection(props) {
+    const { className, ...divProps } = props;
+    return React.createElement(Div, { ...divProps, mainClassName: className ? className : "uifw-statusbar-left" });
+}
+/** StatusBar Center Section React functional component
+ * @public
+ */
+export function StatusBarCenterSection(props) {
+    const { className, ...divProps } = props;
+    return React.createElement(Div, { ...divProps, mainClassName: className ? className : "uifw-statusbar-center" });
+}
+/** StatusBar Right Section React functional component
+ * @public
+ */
+export function StatusBarRightSection(props) {
+    const { className, ...divProps } = props;
+    return React.createElement(Div, { ...divProps, mainClassName: className ? className : "uifw-statusbar-right" });
+}
+/** Context providing values for StatusFieldProps and MessageCenterFieldProps
+ *  @internal
+ */
+export const StatusBarContext = React.createContext({
+    isInFooterMode: true,
+    onOpenWidget: /* istanbul ignore next */ () => { },
+    openWidget: "",
+    toastTargetRef: { current: null },
+});
 //# sourceMappingURL=StatusBar.js.map

package/lib/esm/appui-react/statusbar/StatusBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBar.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 StatusBar\n */\n\nimport \"./StatusBar.scss\";\nimport * as React from \"react\";\nimport { CommonDivProps, CommonProps, Div } from \"@itwin/core-react\";\nimport { Footer } from \"@itwin/appui-layout-react\";\nimport { ActivityMessageEventArgs, MessageAddedEventArgs, MessageManager } from \"../messages/MessageManager\";\nimport { SafeAreaContext } from \"../safearea/SafeAreaContext\";\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\nimport { StatusBarFieldId, StatusBarWidgetControl, StatusBarWidgetControlArgs } from \"./StatusBarWidgetControl\";\nimport { CustomActivityMessageRenderer } from \"../messages/ActivityMessage\";\n\n// cspell:ignore safearea\n\n/** State for the [[StatusBar]] React component\n * @internal\n */\ninterface StatusBarState {\n  openWidget: StatusBarFieldId;\n  activityMessageInfo: ActivityMessageEventArgs | undefined;\n}\n\n/** Properties for the [[StatusBar]] React component\n * @public\n */\nexport interface StatusBarProps extends CommonProps {\n  widgetControl?: StatusBarWidgetControl;\n  /** Indicates whether the StatusBar is in footer mode\n   * @deprecated in 3.3. In upcoming version, widget mode will be removed. Consider this parameter to always be true.\n  */\n  isInFooterMode?: boolean;\n}\n\n/** Message type for the [[StatusBar]] React component\n * @internal\n */\ninterface StatusBarMessage {\n  close: () => void;\n  id: string;\n}\n\n/** Status Bar React component.\n * @public\n */\nexport class StatusBar extends React.Component<StatusBarProps, StatusBarState> {\n  private messages: StatusBarMessage[] = [];\n\n  /** @internal */\n  constructor(props: StatusBarProps) {\n    super(props);\n\n    this.state = {\n      openWidget: null,\n      activityMessageInfo: undefined,\n    };\n  }\n\n  public override render(): React.ReactNode {\n    let footerSections: React.ReactNode = null;\n    const widgetControl = this.props.widgetControl;\n\n    // istanbul ignore else\n    if (widgetControl && widgetControl.getReactNode) {\n      footerSections = widgetControl.getReactNode({\n        // eslint-disable-next-line deprecation/deprecation\n        isInFooterMode: this.props.isInFooterMode ?? true,\n        openWidget: this.state.openWidget,\n        toastTargetRef: this._handleToastTargetRef,\n        onOpenWidget: this._handleOpenWidget,\n      });\n    }\n\n    return (\n      <StatusBarContext.Provider value={{\n        // eslint-disable-next-line deprecation/deprecation\n        isInFooterMode: this.props.isInFooterMode ?? true,\n        openWidget: this.state.openWidget,\n        toastTargetRef: this._handleToastTargetRef,\n        onOpenWidget: this._handleOpenWidget,\n      }}>\n        <SafeAreaContext.Consumer>\n          {(safeAreaInsets) => (\n            <Footer // eslint-disable-line deprecation/deprecation\n              className={this.props.className}\n              messages={this.getFooterMessages()}\n              // eslint-disable-next-line deprecation/deprecation\n              isInFooterMode={this.props.isInFooterMode ?? true}\n              onMouseEnter={UiShowHideManager.handleWidgetMouseEnter}\n              safeAreaInsets={safeAreaInsets}\n              style={this.props.style}\n            >\n              {footerSections}\n            </Footer>\n          )}\n        </SafeAreaContext.Consumer>\n      </StatusBarContext.Provider>\n    );\n  }\n\n  public override componentDidMount() {\n    MessageManager.onMessageAddedEvent.addListener(this._handleMessageAddedEvent);\n    MessageManager.onActivityMessageUpdatedEvent.addListener(this._handleActivityMessageUpdatedEvent);\n    MessageManager.onActivityMessageCancelledEvent.addListener(this._handleActivityMessageCancelledEvent);\n    MessageManager.onMessagesUpdatedEvent.addListener(this._handleMessagesUpdatedEvent);\n\n    MessageManager.updateMessages();\n  }\n\n  public override componentWillUnmount() {\n    MessageManager.onMessageAddedEvent.removeListener(this._handleMessageAddedEvent);\n    MessageManager.onActivityMessageUpdatedEvent.removeListener(this._handleActivityMessageUpdatedEvent);\n    MessageManager.onActivityMessageCancelledEvent.removeListener(this._handleActivityMessageCancelledEvent);\n    MessageManager.onMessagesUpdatedEvent.removeListener(this._handleMessagesUpdatedEvent);\n  }\n\n  private _handleMessageAddedEvent = (_args: MessageAddedEventArgs) => {\n    this._updateMessages();\n    const messagesToAdd = MessageManager.activeMessageManager.messages.filter((msg) => !this.messages.find((m) => m.id === msg.id));\n    messagesToAdd.forEach((msg) => {\n      const displayedMessage = MessageManager.displayMessage(msg.messageDetails, { onRemove: () => this._closeMessage(msg.id) });\n      if(!!displayedMessage)\n        this.messages.push({close: displayedMessage.close, id: msg.id});\n    });\n  };\n\n  private _updateMessages = () => {\n    const updatedMessages = [...this.messages];\n    this.messages.forEach((m) => {\n      if (!MessageManager.activeMessageManager.messages.some((msg) => m.id === msg.id)) {\n        m.close();\n        const index = updatedMessages.findIndex((msg) => msg.id === m.id);\n        updatedMessages.splice(index, 1);\n      }\n    });\n    this.messages = updatedMessages;\n  };\n\n  /** Respond to clearing the message list */\n  private _handleMessagesUpdatedEvent = () => {\n    this._updateMessages();\n  };\n\n  /**\n   * Sets state of the status bar to updated values reflecting activity progress.\n   * @param args  New values to set for ActivityMessage\n   */\n  private _handleActivityMessageUpdatedEvent = (args: ActivityMessageEventArgs) => {\n    this.setState({\n      activityMessageInfo: args,\n    });\n  };\n\n  /**\n   * Hides ActivityMessage after cancellation\n   */\n  private _handleActivityMessageCancelledEvent = () => {\n    this.setState({\n      activityMessageInfo: undefined,\n    });\n  };\n\n  private getFooterMessages(): React.ReactNode {\n    return (\n      <CustomActivityMessageRenderer settings={{placement: \"bottom\"}} activityMessageInfo={this.state.activityMessageInfo} cancelActivityMessage={this._cancelActivityMessage} />\n    );\n  }\n\n  /**\n   * Ends canceled process and dismisses ActivityMessage\n   */\n  private _cancelActivityMessage = () => {\n    MessageManager.endActivityMessage(false);\n  };\n\n  private _handleOpenWidget = (openWidget: StatusBarFieldId) => {\n    this.setState({\n      openWidget,\n    });\n  };\n\n  private _closeMessage = (id: string) => {\n    MessageManager.activeMessageManager.remove(id);\n    MessageManager.updateMessages();\n  };\n\n  private _handleToastTargetRef = (toastTarget: HTMLElement | null) => {\n    MessageManager.registerAnimateOutToElement(toastTarget);\n  };\n}\n\n/** StatusBar With Space Between Items React functional component\n * @public\n */\nexport function StatusBarSpaceBetween(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-space-between\"} />;\n}\n\n/** StatusBar Left Section React functional component\n * @public\n */\nexport function StatusBarLeftSection(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-left\"} />;\n}\n\n/** StatusBar Center Section React functional component\n * @public\n */\nexport function StatusBarCenterSection(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-center\"} />;\n}\n\n/** StatusBar Right Section React functional component\n * @public\n */\nexport function StatusBarRightSection(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-right\"} />;\n}\n\n/** Context providing values for StatusFieldProps and MessageCenterFieldProps\n *  @internal\n */\nexport const StatusBarContext = React.createContext<StatusBarWidgetControlArgs>({ // eslint-disable-line @typescript-eslint/naming-convention\n  isInFooterMode: true,\n  onOpenWidget: /* istanbul ignore next */ () => { },\n  openWidget: \"\",\n  toastTargetRef: { current: null },\n});\n"]}
+{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBar.tsx"],"names":[],"mappings":"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","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 StatusBar\r\n */\r\n\r\nimport \"./StatusBar.scss\";\r\nimport * as React from \"react\";\r\nimport { CommonDivProps, CommonProps, Div } from \"@itwin/core-react\";\r\nimport { Footer } from \"@itwin/appui-layout-react\";\r\nimport { ActivityMessageEventArgs, MessageAddedEventArgs, MessageManager } from \"../messages/MessageManager\";\r\nimport { SafeAreaContext } from \"../safearea/SafeAreaContext\";\r\nimport { UiShowHideManager } from \"../utils/UiShowHideManager\";\r\nimport { StatusBarFieldId, StatusBarWidgetControl, StatusBarWidgetControlArgs } from \"./StatusBarWidgetControl\";\r\nimport { CustomActivityMessageRenderer } from \"../messages/ActivityMessage\";\r\n\r\n// cspell:ignore safearea\r\n\r\n/** State for the [[StatusBar]] React component\r\n * @internal\r\n */\r\ninterface StatusBarState {\r\n  openWidget: StatusBarFieldId;\r\n  activityMessageInfo: ActivityMessageEventArgs | undefined;\r\n}\r\n\r\n/** Properties for the [[StatusBar]] React component\r\n * @public\r\n */\r\nexport interface StatusBarProps extends CommonProps {\r\n  widgetControl?: StatusBarWidgetControl;\r\n  /** Indicates whether the StatusBar is in footer mode\r\n   * @deprecated in 3.3. In upcoming version, widget mode will be removed. Consider this parameter to always be true.\r\n  */\r\n  isInFooterMode?: boolean;\r\n}\r\n\r\n/** Message type for the [[StatusBar]] React component\r\n * @internal\r\n */\r\ninterface StatusBarMessage {\r\n  close: () => void;\r\n  id: string;\r\n}\r\n\r\n/** Status Bar React component.\r\n * @public\r\n */\r\nexport class StatusBar extends React.Component<StatusBarProps, StatusBarState> {\r\n  private messages: StatusBarMessage[] = [];\r\n\r\n  /** @internal */\r\n  constructor(props: StatusBarProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      openWidget: null,\r\n      activityMessageInfo: undefined,\r\n    };\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    let footerSections: React.ReactNode = null;\r\n    const widgetControl = this.props.widgetControl;\r\n\r\n    // istanbul ignore else\r\n    if (widgetControl && widgetControl.getReactNode) {\r\n      footerSections = widgetControl.getReactNode({\r\n        // eslint-disable-next-line deprecation/deprecation\r\n        isInFooterMode: this.props.isInFooterMode ?? true,\r\n        openWidget: this.state.openWidget,\r\n        toastTargetRef: this._handleToastTargetRef,\r\n        onOpenWidget: this._handleOpenWidget,\r\n      });\r\n    }\r\n\r\n    return (\r\n      <StatusBarContext.Provider value={{\r\n        // eslint-disable-next-line deprecation/deprecation\r\n        isInFooterMode: this.props.isInFooterMode ?? true,\r\n        openWidget: this.state.openWidget,\r\n        toastTargetRef: this._handleToastTargetRef,\r\n        onOpenWidget: this._handleOpenWidget,\r\n      }}>\r\n        <SafeAreaContext.Consumer>\r\n          {(safeAreaInsets) => (\r\n            <Footer // eslint-disable-line deprecation/deprecation\r\n              className={this.props.className}\r\n              messages={this.getFooterMessages()}\r\n              // eslint-disable-next-line deprecation/deprecation\r\n              isInFooterMode={this.props.isInFooterMode ?? true}\r\n              onMouseEnter={UiShowHideManager.handleWidgetMouseEnter}\r\n              safeAreaInsets={safeAreaInsets}\r\n              style={this.props.style}\r\n            >\r\n              {footerSections}\r\n            </Footer>\r\n          )}\r\n        </SafeAreaContext.Consumer>\r\n      </StatusBarContext.Provider>\r\n    );\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    MessageManager.onMessageAddedEvent.addListener(this._handleMessageAddedEvent);\r\n    MessageManager.onActivityMessageUpdatedEvent.addListener(this._handleActivityMessageUpdatedEvent);\r\n    MessageManager.onActivityMessageCancelledEvent.addListener(this._handleActivityMessageCancelledEvent);\r\n    MessageManager.onMessagesUpdatedEvent.addListener(this._handleMessagesUpdatedEvent);\r\n\r\n    MessageManager.updateMessages();\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    MessageManager.onMessageAddedEvent.removeListener(this._handleMessageAddedEvent);\r\n    MessageManager.onActivityMessageUpdatedEvent.removeListener(this._handleActivityMessageUpdatedEvent);\r\n    MessageManager.onActivityMessageCancelledEvent.removeListener(this._handleActivityMessageCancelledEvent);\r\n    MessageManager.onMessagesUpdatedEvent.removeListener(this._handleMessagesUpdatedEvent);\r\n  }\r\n\r\n  private _handleMessageAddedEvent = (_args: MessageAddedEventArgs) => {\r\n    this._updateMessages();\r\n    const messagesToAdd = MessageManager.activeMessageManager.messages.filter((msg) => !this.messages.find((m) => m.id === msg.id));\r\n    messagesToAdd.forEach((msg) => {\r\n      const displayedMessage = MessageManager.displayMessage(msg.messageDetails, { onRemove: () => this._closeMessage(msg.id) });\r\n      if(!!displayedMessage)\r\n        this.messages.push({close: displayedMessage.close, id: msg.id});\r\n    });\r\n  };\r\n\r\n  private _updateMessages = () => {\r\n    const updatedMessages = [...this.messages];\r\n    this.messages.forEach((m) => {\r\n      if (!MessageManager.activeMessageManager.messages.some((msg) => m.id === msg.id)) {\r\n        m.close();\r\n        const index = updatedMessages.findIndex((msg) => msg.id === m.id);\r\n        updatedMessages.splice(index, 1);\r\n      }\r\n    });\r\n    this.messages = updatedMessages;\r\n  };\r\n\r\n  /** Respond to clearing the message list */\r\n  private _handleMessagesUpdatedEvent = () => {\r\n    this._updateMessages();\r\n  };\r\n\r\n  /**\r\n   * Sets state of the status bar to updated values reflecting activity progress.\r\n   * @param args  New values to set for ActivityMessage\r\n   */\r\n  private _handleActivityMessageUpdatedEvent = (args: ActivityMessageEventArgs) => {\r\n    this.setState({\r\n      activityMessageInfo: args,\r\n    });\r\n  };\r\n\r\n  /**\r\n   * Hides ActivityMessage after cancellation\r\n   */\r\n  private _handleActivityMessageCancelledEvent = () => {\r\n    this.setState({\r\n      activityMessageInfo: undefined,\r\n    });\r\n  };\r\n\r\n  private getFooterMessages(): React.ReactNode {\r\n    return (\r\n      <CustomActivityMessageRenderer settings={{placement: \"bottom\"}} activityMessageInfo={this.state.activityMessageInfo} cancelActivityMessage={this._cancelActivityMessage} />\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Ends canceled process and dismisses ActivityMessage\r\n   */\r\n  private _cancelActivityMessage = () => {\r\n    MessageManager.endActivityMessage(false);\r\n  };\r\n\r\n  private _handleOpenWidget = (openWidget: StatusBarFieldId) => {\r\n    this.setState({\r\n      openWidget,\r\n    });\r\n  };\r\n\r\n  private _closeMessage = (id: string) => {\r\n    MessageManager.activeMessageManager.remove(id);\r\n    MessageManager.updateMessages();\r\n  };\r\n\r\n  private _handleToastTargetRef = (toastTarget: HTMLElement | null) => {\r\n    MessageManager.registerAnimateOutToElement(toastTarget);\r\n  };\r\n}\r\n\r\n/** StatusBar With Space Between Items React functional component\r\n * @public\r\n */\r\nexport function StatusBarSpaceBetween(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-space-between\"} />;\r\n}\r\n\r\n/** StatusBar Left Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarLeftSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-left\"} />;\r\n}\r\n\r\n/** StatusBar Center Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarCenterSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-center\"} />;\r\n}\r\n\r\n/** StatusBar Right Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarRightSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-right\"} />;\r\n}\r\n\r\n/** Context providing values for StatusFieldProps and MessageCenterFieldProps\r\n *  @internal\r\n */\r\nexport const StatusBarContext = React.createContext<StatusBarWidgetControlArgs>({ // eslint-disable-line @typescript-eslint/naming-convention\r\n  isInFooterMode: true,\r\n  onOpenWidget: /* istanbul ignore next */ () => { },\r\n  openWidget: \"\",\r\n  toastTargetRef: { current: null },\r\n});\r\n"]}

package/lib/esm/appui-react/statusbar/StatusBar.scss

@@ -1,44 +1,44 @@
-/*---------------------------------------------------------------------------------------------
-* 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/style/themecolors";
-
-.uifw-statusbar-space-between {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-}
-
-.uifw-statusbar-left {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-}
-
-.uifw-statusbar-center {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-
-.uifw-statusbar-right {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-}
-
-.uifw-statusbar-docked {
-  width: 100%;
-  background-color: $buic-background-statusbar;
-}
-
-.uifw-statusbar-item-container {
-  height: 100%;
-  display: flex;
-  flex-direction: row;
-  align-content: center;
-  align-items: center;
+/*---------------------------------------------------------------------------------------------
+* 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/style/themecolors";
+
+.uifw-statusbar-space-between {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.uifw-statusbar-left {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+}
+
+.uifw-statusbar-center {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+}
+
+.uifw-statusbar-right {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+
+.uifw-statusbar-docked {
+  width: 100%;
+  background-color: $buic-background-statusbar;
+}
+
+.uifw-statusbar-item-container {
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  align-content: center;
+  align-items: center;
 }

package/lib/esm/appui-react/statusbar/StatusBarComposer.d.ts

@@ -1,47 +1,47 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import * as React from "react";
-import { CommonStatusBarItem } from "@itwin/appui-abstract";
-import { CommonProps } from "@itwin/core-react";
-interface DockedStatusBarEntryContextArg {
-    readonly isOverflown: boolean;
-    readonly onResize: (w: number) => void;
-}
-/** @internal */
-export declare function useStatusBarEntry(): DockedStatusBarEntryContextArg;
-/** Properties of [[DockedStatusBarItem]] component.
- * @internal future
- */
-export interface StatusBarItemProps extends CommonProps {
-    /** Tool setting content. */
-    children?: React.ReactNode;
-    itemPriority?: number;
-    providerId?: string;
-    section?: string;
-}
-/** Used in [[StatusBarComposer]] component to display a statusbar item.
- * @internal future
- */
-export declare function DockedStatusBarItem(props: StatusBarItemProps): JSX.Element;
-/** Properties for the [[StatusBarComposer]] React components
- * @public
- */
-export interface StatusBarComposerProps extends CommonProps {
-    /** Status Bar items */
-    items: CommonStatusBarItem[];
-    /** CSS class name override for the overall Status Bar */
-    mainClassName?: string;
-    /** CSS class name override for the left section */
-    leftClassName?: string;
-    /** CSS class name override for the center section */
-    centerClassName?: string;
-    /** CSS class name override for the right section */
-    rightClassName?: string;
-}
-/** Component to load components into the [[StatusBar]].
- * @public
- */
-export declare function StatusBarComposer(props: StatusBarComposerProps): JSX.Element;
-export {};
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import * as React from "react";
+import { CommonStatusBarItem } from "@itwin/appui-abstract";
+import { CommonProps } from "@itwin/core-react";
+interface DockedStatusBarEntryContextArg {
+    readonly isOverflown: boolean;
+    readonly onResize: (w: number) => void;
+}
+/** @internal */
+export declare function useStatusBarEntry(): DockedStatusBarEntryContextArg;
+/** Properties of [[DockedStatusBarItem]] component.
+ * @internal future
+ */
+export interface StatusBarItemProps extends CommonProps {
+    /** Tool setting content. */
+    children?: React.ReactNode;
+    itemPriority?: number;
+    providerId?: string;
+    section?: string;
+}
+/** Used in [[StatusBarComposer]] component to display a statusbar item.
+ * @internal future
+ */
+export declare function DockedStatusBarItem(props: StatusBarItemProps): JSX.Element;
+/** Properties for the [[StatusBarComposer]] React components
+ * @public
+ */
+export interface StatusBarComposerProps extends CommonProps {
+    /** Status Bar items */
+    items: CommonStatusBarItem[];
+    /** CSS class name override for the overall Status Bar */
+    mainClassName?: string;
+    /** CSS class name override for the left section */
+    leftClassName?: string;
+    /** CSS class name override for the center section */
+    centerClassName?: string;
+    /** CSS class name override for the right section */
+    rightClassName?: string;
+}
+/** Component to load components into the [[StatusBar]].
+ * @public
+ */
+export declare function StatusBarComposer(props: StatusBarComposerProps): JSX.Element;
+export {};
 //# sourceMappingURL=StatusBarComposer.d.ts.map