@itwin/appui-react 3.6.0-dev.53 → 3.6.0-dev.55

package/lib/cjs/appui-react/statusfields/MessageCenter.d.ts

@@ -1,58 +1,58 @@
-/** @packageDocumentation
- * @module Notification
- */
-import * as React from "react";
-import { StatusFieldProps } from "./StatusFieldProps";
-/** Enum for the [[MessageCenterField]] active tab
- * @internal
- */
-declare enum MessageCenterActiveTab {
-    AllMessages = 0,
-    Problems = 1
-}
-/** State for the [[MessageCenterField]] React component
- * @internal
- */
-interface MessageCenterState {
-    activeTab: MessageCenterActiveTab;
-    target: HTMLDivElement | null;
-    messageCount: number;
-    openWidget: string | null;
-}
-/** Properties for withMessageCenterFieldProps HOC.
- * @public
- */
-export interface MessageCenterFieldProps extends StatusFieldProps {
-    /** Message center dialog target.
-     * @deprecated Use `MessageManager.registerAnimateOutToElement` to register this ref in the related component.
-    */
-    targetRef?: React.Ref<HTMLElement>;
-}
-/** Message Center Field React component.
- * @public
- */
-export declare class MessageCenterField extends React.Component<MessageCenterFieldProps, MessageCenterState> {
-    private _className;
-    private _indicator;
-    private _title;
-    private _unloadMessagesUpdatedHandler?;
-    private _removeOpenMessagesCenterHandler?;
-    constructor(p: MessageCenterFieldProps);
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentWillUnmount(): void;
-    private _handleMessagesUpdatedEvent;
-    private _handleOpenMessageCenterEvent;
-    render(): React.ReactNode;
-    private _handleTargetRef;
-    private _handleClose;
-    private _handleOutsideClick;
-    private _handleMessageIndicatorClick;
-    private _changeActiveTab;
-    private getMessages;
-    private isProblemStatus;
-    private setOpenWidget;
-}
-export {};
+/** @packageDocumentation
+ * @module Notification
+ */
+import * as React from "react";
+import { StatusFieldProps } from "./StatusFieldProps";
+/** Enum for the [[MessageCenterField]] active tab
+ * @internal
+ */
+declare enum MessageCenterActiveTab {
+    AllMessages = 0,
+    Problems = 1
+}
+/** State for the [[MessageCenterField]] React component
+ * @internal
+ */
+interface MessageCenterState {
+    activeTab: MessageCenterActiveTab;
+    target: HTMLDivElement | null;
+    messageCount: number;
+    openWidget: string | null;
+}
+/** Properties for withMessageCenterFieldProps HOC.
+ * @public
+ */
+export interface MessageCenterFieldProps extends StatusFieldProps {
+    /** Message center dialog target.
+     * @deprecated Use `MessageManager.registerAnimateOutToElement` to register this ref in the related component.
+    */
+    targetRef?: React.Ref<HTMLElement>;
+}
+/** Message Center Field React component.
+ * @public
+ */
+export declare class MessageCenterField extends React.Component<MessageCenterFieldProps, MessageCenterState> {
+    private _className;
+    private _indicator;
+    private _title;
+    private _unloadMessagesUpdatedHandler?;
+    private _removeOpenMessagesCenterHandler?;
+    constructor(p: MessageCenterFieldProps);
+    /** @internal */
+    componentDidMount(): void;
+    /** @internal */
+    componentWillUnmount(): void;
+    private _handleMessagesUpdatedEvent;
+    private _handleOpenMessageCenterEvent;
+    render(): React.ReactNode;
+    private _handleTargetRef;
+    private _handleClose;
+    private _handleOutsideClick;
+    private _handleMessageIndicatorClick;
+    private _changeActiveTab;
+    private getMessages;
+    private isProblemStatus;
+    private setOpenWidget;
+}
+export {};
 //# sourceMappingURL=MessageCenter.d.ts.map

package/lib/cjs/appui-react/statusfields/MessageCenter.js

@@ -1,152 +1,152 @@
-"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 Notification
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageCenterField = void 0;
-const React = require("react");
-const core_frontend_1 = require("@itwin/core-frontend");
-const appui_layout_react_1 = require("@itwin/appui-layout-react");
-const MessageManager_1 = require("../messages/MessageManager");
-const MessageSpan_1 = require("../messages/MessageSpan");
-const UiFramework_1 = require("../UiFramework");
-/** Enum for the [[MessageCenterField]] active tab
- * @internal
- */
-var MessageCenterActiveTab;
-(function (MessageCenterActiveTab) {
-    MessageCenterActiveTab[MessageCenterActiveTab["AllMessages"] = 0] = "AllMessages";
-    MessageCenterActiveTab[MessageCenterActiveTab["Problems"] = 1] = "Problems";
-})(MessageCenterActiveTab || (MessageCenterActiveTab = {}));
-/** Message Center Field React component.
- * @public
- */
-class MessageCenterField extends React.Component {
-    constructor(p) {
-        var _a;
-        super(p);
-        this._indicator = React.createRef();
-        this._title = UiFramework_1.UiFramework.translate("messageCenter.messages");
-        this._handleMessagesUpdatedEvent = () => {
-            // istanbul ignore else
-            if (this._unloadMessagesUpdatedHandler)
-                this.setState({ messageCount: MessageManager_1.MessageManager.messages.length });
-        };
-        this._handleOpenMessageCenterEvent = () => {
-            this.setOpenWidget(this._className);
-        };
-        this._handleTargetRef = (target) => {
-            // eslint-disable-next-line deprecation/deprecation
-            const ref = this.props.targetRef;
-            if (typeof ref === "function")
-                ref(target);
-            else if (ref)
-                ref.current = target;
-            this.setState({ target });
-        };
-        this._handleClose = () => {
-            this.setOpenWidget(null);
-        };
-        this._handleOutsideClick = (e) => {
-            if (!this._indicator.current ||
-                !(e.target instanceof Node) ||
-                this._indicator.current.contains(e.target))
-                return;
-            this._handleClose();
-        };
-        this._handleMessageIndicatorClick = () => {
-            var _a;
-            // eslint-disable-next-line deprecation/deprecation
-            const isOpen = ((_a = this.props.openWidget) !== null && _a !== void 0 ? _a : this.state.openWidget) === this._className;
-            if (isOpen)
-                this.setOpenWidget(null);
-            else
-                this.setOpenWidget(this._className);
-        };
-        this._changeActiveTab = (tab) => {
-            this.setState({ activeTab: tab });
-        };
-        const instance = this.constructor;
-        this._className = instance.name;
-        this.state = {
-            activeTab: MessageCenterActiveTab.AllMessages,
-            target: null,
-            messageCount: MessageManager_1.MessageManager.messages.length,
-            // eslint-disable-next-line deprecation/deprecation
-            openWidget: (_a = p.openWidget) !== null && _a !== void 0 ? _a : null,
-        };
-    }
-    /** @internal */
-    componentDidMount() {
-        this._unloadMessagesUpdatedHandler = MessageManager_1.MessageManager.onMessagesUpdatedEvent.addListener(this._handleMessagesUpdatedEvent, this);
-        this._removeOpenMessagesCenterHandler = MessageManager_1.MessageManager.onOpenMessageCenterEvent.addListener(this._handleOpenMessageCenterEvent, this);
-        MessageManager_1.MessageManager.registerAnimateOutToElement(this._indicator.current);
-    }
-    /** @internal */
-    componentWillUnmount() {
-        // istanbul ignore else
-        if (this._unloadMessagesUpdatedHandler) {
-            this._unloadMessagesUpdatedHandler();
-            this._unloadMessagesUpdatedHandler = undefined;
-        }
-        // istanbul ignore else
-        if (this._removeOpenMessagesCenterHandler) {
-            this._removeOpenMessagesCenterHandler();
-            this._removeOpenMessagesCenterHandler = undefined;
-        }
-    }
-    render() {
-        var _a, _b, _c;
-        const tooltip = `${this.state.messageCount} ${this._title}`;
-        const divStyle = { ...this.props.style, height: "100%" };
-        const footerMessages = (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: this.props.className, style: divStyle, title: tooltip, ref: this._handleTargetRef },
-                React.createElement(appui_layout_react_1.MessageCenter, { indicatorRef: this._indicator, 
-                    // eslint-disable-next-line deprecation/deprecation
-                    isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true, 
-                    // eslint-disable-next-line deprecation/deprecation
-                    label: ((_b = this.props.isInFooterMode) !== null && _b !== void 0 ? _b : true) ? this._title : undefined, onClick: this._handleMessageIndicatorClick }, this.state.messageCount.toString())),
-            React.createElement(appui_layout_react_1.FooterPopup // eslint-disable-line deprecation/deprecation
-            , { isOpen: ((_c = this.props.openWidget) !== null && _c !== void 0 ? _c : this.state.openWidget) === this._className, onClose: this._handleClose, onOutsideClick: this._handleOutsideClick, target: this.state.target },
-                React.createElement(appui_layout_react_1.MessageCenterDialog, { prompt: UiFramework_1.UiFramework.translate("messageCenter.prompt"), tabs: React.createElement(React.Fragment, null,
-                        React.createElement(appui_layout_react_1.MessageCenterTab, { isActive: this.state.activeTab === MessageCenterActiveTab.AllMessages, onClick: () => this._changeActiveTab(MessageCenterActiveTab.AllMessages) }, UiFramework_1.UiFramework.translate("messageCenter.all")),
-                        React.createElement(appui_layout_react_1.MessageCenterTab, { isActive: this.state.activeTab === MessageCenterActiveTab.Problems, onClick: () => this._changeActiveTab(MessageCenterActiveTab.Problems) }, UiFramework_1.UiFramework.translate("messageCenter.errors"))), title: this._title }, this.getMessages()))));
-        return footerMessages;
-    }
-    getMessages() {
-        const messages = MessageManager_1.MessageManager.messages.slice(0).reverse();
-        const tabRows = new Array();
-        messages.forEach((details, index) => {
-            /* istanbul ignore else */
-            if (this.state.activeTab === MessageCenterActiveTab.AllMessages || this.isProblemStatus(details.priority)) {
-                const iconClassName = MessageManager_1.MessageManager.getIconClassName(details);
-                const message = details.briefMessage;
-                tabRows.push(React.createElement(appui_layout_react_1.MessageCenterMessage, { key: index.toString(), icon: React.createElement("i", { className: iconClassName }) },
-                    React.createElement(MessageSpan_1.MessageSpan, { message: message }),
-                    details.detailedMessage &&
-                        React.createElement(React.Fragment, null,
-                            React.createElement("br", null),
-                            React.createElement(MessageSpan_1.MessageSpan, { className: "uicore-text-small", message: details.detailedMessage }))));
-            }
-        });
-        return tabRows;
-    }
-    isProblemStatus(priority) {
-        // See priority values in DgnPlatform defined in NotificationManager
-        if (priority === core_frontend_1.OutputMessagePriority.Error || priority === core_frontend_1.OutputMessagePriority.Fatal)
-            return true;
-        return false;
-    }
-    setOpenWidget(openWidget) {
-        var _a, _b;
-        // eslint-disable-next-line deprecation/deprecation
-        (_b = (_a = this.props).onOpenWidget) === null || _b === void 0 ? void 0 : _b.call(_a, openWidget);
-        this.setState({ openWidget });
-    }
-}
-exports.MessageCenterField = MessageCenterField;
+"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 Notification
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageCenterField = void 0;
+const React = require("react");
+const core_frontend_1 = require("@itwin/core-frontend");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const MessageManager_1 = require("../messages/MessageManager");
+const MessageSpan_1 = require("../messages/MessageSpan");
+const UiFramework_1 = require("../UiFramework");
+/** Enum for the [[MessageCenterField]] active tab
+ * @internal
+ */
+var MessageCenterActiveTab;
+(function (MessageCenterActiveTab) {
+    MessageCenterActiveTab[MessageCenterActiveTab["AllMessages"] = 0] = "AllMessages";
+    MessageCenterActiveTab[MessageCenterActiveTab["Problems"] = 1] = "Problems";
+})(MessageCenterActiveTab || (MessageCenterActiveTab = {}));
+/** Message Center Field React component.
+ * @public
+ */
+class MessageCenterField extends React.Component {
+    constructor(p) {
+        var _a;
+        super(p);
+        this._indicator = React.createRef();
+        this._title = UiFramework_1.UiFramework.translate("messageCenter.messages");
+        this._handleMessagesUpdatedEvent = () => {
+            // istanbul ignore else
+            if (this._unloadMessagesUpdatedHandler)
+                this.setState({ messageCount: MessageManager_1.MessageManager.messages.length });
+        };
+        this._handleOpenMessageCenterEvent = () => {
+            this.setOpenWidget(this._className);
+        };
+        this._handleTargetRef = (target) => {
+            // eslint-disable-next-line deprecation/deprecation
+            const ref = this.props.targetRef;
+            if (typeof ref === "function")
+                ref(target);
+            else if (ref)
+                ref.current = target;
+            this.setState({ target });
+        };
+        this._handleClose = () => {
+            this.setOpenWidget(null);
+        };
+        this._handleOutsideClick = (e) => {
+            if (!this._indicator.current ||
+                !(e.target instanceof Node) ||
+                this._indicator.current.contains(e.target))
+                return;
+            this._handleClose();
+        };
+        this._handleMessageIndicatorClick = () => {
+            var _a;
+            // eslint-disable-next-line deprecation/deprecation
+            const isOpen = ((_a = this.props.openWidget) !== null && _a !== void 0 ? _a : this.state.openWidget) === this._className;
+            if (isOpen)
+                this.setOpenWidget(null);
+            else
+                this.setOpenWidget(this._className);
+        };
+        this._changeActiveTab = (tab) => {
+            this.setState({ activeTab: tab });
+        };
+        const instance = this.constructor;
+        this._className = instance.name;
+        this.state = {
+            activeTab: MessageCenterActiveTab.AllMessages,
+            target: null,
+            messageCount: MessageManager_1.MessageManager.messages.length,
+            // eslint-disable-next-line deprecation/deprecation
+            openWidget: (_a = p.openWidget) !== null && _a !== void 0 ? _a : null,
+        };
+    }
+    /** @internal */
+    componentDidMount() {
+        this._unloadMessagesUpdatedHandler = MessageManager_1.MessageManager.onMessagesUpdatedEvent.addListener(this._handleMessagesUpdatedEvent, this);
+        this._removeOpenMessagesCenterHandler = MessageManager_1.MessageManager.onOpenMessageCenterEvent.addListener(this._handleOpenMessageCenterEvent, this);
+        MessageManager_1.MessageManager.registerAnimateOutToElement(this._indicator.current);
+    }
+    /** @internal */
+    componentWillUnmount() {
+        // istanbul ignore else
+        if (this._unloadMessagesUpdatedHandler) {
+            this._unloadMessagesUpdatedHandler();
+            this._unloadMessagesUpdatedHandler = undefined;
+        }
+        // istanbul ignore else
+        if (this._removeOpenMessagesCenterHandler) {
+            this._removeOpenMessagesCenterHandler();
+            this._removeOpenMessagesCenterHandler = undefined;
+        }
+    }
+    render() {
+        var _a, _b, _c;
+        const tooltip = `${this.state.messageCount} ${this._title}`;
+        const divStyle = { ...this.props.style, height: "100%" };
+        const footerMessages = (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: this.props.className, style: divStyle, title: tooltip, ref: this._handleTargetRef },
+                React.createElement(appui_layout_react_1.MessageCenter, { indicatorRef: this._indicator, 
+                    // eslint-disable-next-line deprecation/deprecation
+                    isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true, 
+                    // eslint-disable-next-line deprecation/deprecation
+                    label: ((_b = this.props.isInFooterMode) !== null && _b !== void 0 ? _b : true) ? this._title : undefined, onClick: this._handleMessageIndicatorClick }, this.state.messageCount.toString())),
+            React.createElement(appui_layout_react_1.FooterPopup // eslint-disable-line deprecation/deprecation
+            , { isOpen: ((_c = this.props.openWidget) !== null && _c !== void 0 ? _c : this.state.openWidget) === this._className, onClose: this._handleClose, onOutsideClick: this._handleOutsideClick, target: this.state.target },
+                React.createElement(appui_layout_react_1.MessageCenterDialog, { prompt: UiFramework_1.UiFramework.translate("messageCenter.prompt"), tabs: React.createElement(React.Fragment, null,
+                        React.createElement(appui_layout_react_1.MessageCenterTab, { isActive: this.state.activeTab === MessageCenterActiveTab.AllMessages, onClick: () => this._changeActiveTab(MessageCenterActiveTab.AllMessages) }, UiFramework_1.UiFramework.translate("messageCenter.all")),
+                        React.createElement(appui_layout_react_1.MessageCenterTab, { isActive: this.state.activeTab === MessageCenterActiveTab.Problems, onClick: () => this._changeActiveTab(MessageCenterActiveTab.Problems) }, UiFramework_1.UiFramework.translate("messageCenter.errors"))), title: this._title }, this.getMessages()))));
+        return footerMessages;
+    }
+    getMessages() {
+        const messages = MessageManager_1.MessageManager.messages.slice(0).reverse();
+        const tabRows = new Array();
+        messages.forEach((details, index) => {
+            /* istanbul ignore else */
+            if (this.state.activeTab === MessageCenterActiveTab.AllMessages || this.isProblemStatus(details.priority)) {
+                const iconClassName = MessageManager_1.MessageManager.getIconClassName(details);
+                const message = details.briefMessage;
+                tabRows.push(React.createElement(appui_layout_react_1.MessageCenterMessage, { key: index.toString(), icon: React.createElement("i", { className: iconClassName }) },
+                    React.createElement(MessageSpan_1.MessageSpan, { message: message }),
+                    details.detailedMessage &&
+                        React.createElement(React.Fragment, null,
+                            React.createElement("br", null),
+                            React.createElement(MessageSpan_1.MessageSpan, { className: "uicore-text-small", message: details.detailedMessage }))));
+            }
+        });
+        return tabRows;
+    }
+    isProblemStatus(priority) {
+        // See priority values in DgnPlatform defined in NotificationManager
+        if (priority === core_frontend_1.OutputMessagePriority.Error || priority === core_frontend_1.OutputMessagePriority.Fatal)
+            return true;
+        return false;
+    }
+    setOpenWidget(openWidget) {
+        var _a, _b;
+        // eslint-disable-next-line deprecation/deprecation
+        (_b = (_a = this.props).onOpenWidget) === null || _b === void 0 ? void 0 : _b.call(_a, openWidget);
+        this.setState({ openWidget });
+    }
+}
+exports.MessageCenterField = MessageCenterField;
 //# sourceMappingURL=MessageCenter.js.map

package/lib/cjs/appui-react/statusfields/MessageCenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageCenter.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/MessageCenter.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 { OutputMessagePriority } from \"@itwin/core-frontend\";\nimport { FooterPopup, MessageCenter, MessageCenterDialog, MessageCenterMessage, MessageCenterTab } from \"@itwin/appui-layout-react\";\nimport { MessageManager } from \"../messages/MessageManager\";\nimport { MessageSpan } from \"../messages/MessageSpan\";\nimport { NotifyMessageDetailsType } from \"../messages/ReactNotifyMessageDetails\";\nimport { StatusBarFieldId } from \"../statusbar/StatusBarWidgetControl\";\nimport { UiFramework } from \"../UiFramework\";\nimport { StatusFieldProps } from \"./StatusFieldProps\";\n\n/** Enum for the [[MessageCenterField]] active tab\n * @internal\n */\nenum MessageCenterActiveTab {\n  AllMessages,\n  Problems,\n}\n\n/** State for the [[MessageCenterField]] React component\n * @internal\n */\ninterface MessageCenterState {\n  activeTab: MessageCenterActiveTab;\n  target: HTMLDivElement | null;\n  messageCount: number;\n  openWidget: string | null;\n}\n\n/** Properties for withMessageCenterFieldProps HOC.\n * @public\n */\nexport interface MessageCenterFieldProps extends StatusFieldProps {\n  /** Message center dialog target.\n   * @deprecated Use `MessageManager.registerAnimateOutToElement` to register this ref in the related component.\n  */\n  targetRef?: React.Ref<HTMLElement>;\n}\n\n/** Message Center Field React component.\n * @public\n */\nexport class MessageCenterField extends React.Component<MessageCenterFieldProps, MessageCenterState> {\n  private _className: string;\n  private _indicator = React.createRef<HTMLDivElement>();\n  private _title = UiFramework.translate(\"messageCenter.messages\");\n  private _unloadMessagesUpdatedHandler?: () => void;\n  private _removeOpenMessagesCenterHandler?: () => void;\n\n  constructor(p: MessageCenterFieldProps) {\n    super(p);\n\n    const instance = this.constructor;\n    this._className = instance.name;\n\n    this.state = {\n      activeTab: MessageCenterActiveTab.AllMessages,\n      target: null,\n      messageCount: MessageManager.messages.length,\n      // eslint-disable-next-line deprecation/deprecation\n      openWidget: p.openWidget ?? null,\n    };\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    this._unloadMessagesUpdatedHandler = MessageManager.onMessagesUpdatedEvent.addListener(this._handleMessagesUpdatedEvent, this);\n    this._removeOpenMessagesCenterHandler = MessageManager.onOpenMessageCenterEvent.addListener(this._handleOpenMessageCenterEvent, this);\n    MessageManager.registerAnimateOutToElement(this._indicator.current);\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    // istanbul ignore else\n    if (this._unloadMessagesUpdatedHandler) {\n      this._unloadMessagesUpdatedHandler();\n      this._unloadMessagesUpdatedHandler = undefined;\n    }\n    // istanbul ignore else\n    if (this._removeOpenMessagesCenterHandler) {\n      this._removeOpenMessagesCenterHandler();\n      this._removeOpenMessagesCenterHandler = undefined;\n    }\n  }\n\n  private _handleMessagesUpdatedEvent = () => {\n    // istanbul ignore else\n    if (this._unloadMessagesUpdatedHandler)\n      this.setState({ messageCount: MessageManager.messages.length });\n  };\n\n  private _handleOpenMessageCenterEvent = () => {\n    this.setOpenWidget(this._className);\n  };\n\n  public override render(): React.ReactNode {\n    const tooltip = `${this.state.messageCount} ${this._title}`;\n    const divStyle = { ...this.props.style, height: \"100%\" };\n    const footerMessages = (\n      <>\n        <div\n          className={this.props.className}\n          style={divStyle}\n          title={tooltip}\n          ref={this._handleTargetRef}\n        >\n          <MessageCenter\n            indicatorRef={this._indicator}\n            // eslint-disable-next-line deprecation/deprecation\n            isInFooterMode={this.props.isInFooterMode ?? true}\n            // eslint-disable-next-line deprecation/deprecation\n            label={(this.props.isInFooterMode ?? true) ? this._title : undefined}\n            onClick={this._handleMessageIndicatorClick}\n          >\n            {this.state.messageCount.toString()}\n          </MessageCenter>\n        </div>\n        <FooterPopup // eslint-disable-line deprecation/deprecation\n          isOpen={(this.props.openWidget ?? this.state.openWidget) === this._className} // eslint-disable-line deprecation/deprecation\n          onClose={this._handleClose}\n          onOutsideClick={this._handleOutsideClick}\n          target={this.state.target}\n        >\n          <MessageCenterDialog\n            prompt={UiFramework.translate(\"messageCenter.prompt\")}\n            tabs={\n              <>\n                <MessageCenterTab\n                  isActive={this.state.activeTab === MessageCenterActiveTab.AllMessages}\n                  onClick={() => this._changeActiveTab(MessageCenterActiveTab.AllMessages)}\n                >\n                  {UiFramework.translate(\"messageCenter.all\")}\n                </MessageCenterTab>\n                <MessageCenterTab\n                  isActive={this.state.activeTab === MessageCenterActiveTab.Problems}\n                  onClick={() => this._changeActiveTab(MessageCenterActiveTab.Problems)}\n                >\n                  {UiFramework.translate(\"messageCenter.errors\")}\n                </MessageCenterTab>\n              </>\n            }\n            title={this._title}\n          >\n            {this.getMessages()}\n          </MessageCenterDialog>\n        </FooterPopup>\n      </>\n    );\n\n    return footerMessages;\n  }\n\n  private _handleTargetRef = (target: HTMLDivElement | null) => {\n    // eslint-disable-next-line deprecation/deprecation\n    const ref = this.props.targetRef;\n    if (typeof ref === \"function\")\n      ref(target);\n    else if (ref)\n      (ref as React.MutableRefObject<HTMLElement | null>).current = target;\n    this.setState({ target });\n  };\n\n  private _handleClose = () => {\n    this.setOpenWidget(null);\n  };\n\n  private _handleOutsideClick = (e: MouseEvent) => {\n    if (!this._indicator.current ||\n      !(e.target instanceof Node) ||\n      this._indicator.current.contains(e.target))\n      return;\n\n    this._handleClose();\n  };\n\n  private _handleMessageIndicatorClick = () => {\n    // eslint-disable-next-line deprecation/deprecation\n    const isOpen = (this.props.openWidget ?? this.state.openWidget) === this._className;\n    if (isOpen)\n      this.setOpenWidget(null);\n    else\n      this.setOpenWidget(this._className);\n  };\n\n  private _changeActiveTab = (tab: MessageCenterActiveTab) => {\n    this.setState({ activeTab: tab });\n  };\n\n  private getMessages(): React.ReactChild[] {\n    const messages = MessageManager.messages.slice(0).reverse();\n    const tabRows: React.ReactChild[] = new Array<React.ReactChild>();\n\n    messages.forEach((details: NotifyMessageDetailsType, index: number) => {\n      /* istanbul ignore else */\n      if (this.state.activeTab === MessageCenterActiveTab.AllMessages || this.isProblemStatus(details.priority)) {\n\n        const iconClassName = MessageManager.getIconClassName(details);\n        const message = details.briefMessage;\n\n        tabRows.push(\n          <MessageCenterMessage\n            key={index.toString()}\n            icon={<i className={iconClassName} />}\n          >\n            <MessageSpan message={message} />\n            {details.detailedMessage &&\n              <>\n                <br />\n                <MessageSpan className=\"uicore-text-small\" message={details.detailedMessage} />\n              </>\n            }\n          </MessageCenterMessage>,\n        );\n      }\n    });\n\n    return tabRows;\n  }\n\n  private isProblemStatus(priority: OutputMessagePriority): boolean {\n    // See priority values in DgnPlatform defined in NotificationManager\n\n    if (priority === OutputMessagePriority.Error || priority === OutputMessagePriority.Fatal)\n      return true;\n\n    return false;\n  }\n\n  private setOpenWidget(openWidget: StatusBarFieldId) {\n    // eslint-disable-next-line deprecation/deprecation\n    this.props.onOpenWidget?.(openWidget);\n    this.setState({openWidget});\n  }\n}\n"]}
+{"version":3,"file":"MessageCenter.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/MessageCenter.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 Notification\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\r\nimport { FooterPopup, MessageCenter, MessageCenterDialog, MessageCenterMessage, MessageCenterTab } from \"@itwin/appui-layout-react\";\r\nimport { MessageManager } from \"../messages/MessageManager\";\r\nimport { MessageSpan } from \"../messages/MessageSpan\";\r\nimport { NotifyMessageDetailsType } from \"../messages/ReactNotifyMessageDetails\";\r\nimport { StatusBarFieldId } from \"../statusbar/StatusBarWidgetControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { StatusFieldProps } from \"./StatusFieldProps\";\r\n\r\n/** Enum for the [[MessageCenterField]] active tab\r\n * @internal\r\n */\r\nenum MessageCenterActiveTab {\r\n  AllMessages,\r\n  Problems,\r\n}\r\n\r\n/** State for the [[MessageCenterField]] React component\r\n * @internal\r\n */\r\ninterface MessageCenterState {\r\n  activeTab: MessageCenterActiveTab;\r\n  target: HTMLDivElement | null;\r\n  messageCount: number;\r\n  openWidget: string | null;\r\n}\r\n\r\n/** Properties for withMessageCenterFieldProps HOC.\r\n * @public\r\n */\r\nexport interface MessageCenterFieldProps extends StatusFieldProps {\r\n  /** Message center dialog target.\r\n   * @deprecated Use `MessageManager.registerAnimateOutToElement` to register this ref in the related component.\r\n  */\r\n  targetRef?: React.Ref<HTMLElement>;\r\n}\r\n\r\n/** Message Center Field React component.\r\n * @public\r\n */\r\nexport class MessageCenterField extends React.Component<MessageCenterFieldProps, MessageCenterState> {\r\n  private _className: string;\r\n  private _indicator = React.createRef<HTMLDivElement>();\r\n  private _title = UiFramework.translate(\"messageCenter.messages\");\r\n  private _unloadMessagesUpdatedHandler?: () => void;\r\n  private _removeOpenMessagesCenterHandler?: () => void;\r\n\r\n  constructor(p: MessageCenterFieldProps) {\r\n    super(p);\r\n\r\n    const instance = this.constructor;\r\n    this._className = instance.name;\r\n\r\n    this.state = {\r\n      activeTab: MessageCenterActiveTab.AllMessages,\r\n      target: null,\r\n      messageCount: MessageManager.messages.length,\r\n      // eslint-disable-next-line deprecation/deprecation\r\n      openWidget: p.openWidget ?? null,\r\n    };\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidMount() {\r\n    this._unloadMessagesUpdatedHandler = MessageManager.onMessagesUpdatedEvent.addListener(this._handleMessagesUpdatedEvent, this);\r\n    this._removeOpenMessagesCenterHandler = MessageManager.onOpenMessageCenterEvent.addListener(this._handleOpenMessageCenterEvent, this);\r\n    MessageManager.registerAnimateOutToElement(this._indicator.current);\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentWillUnmount() {\r\n    // istanbul ignore else\r\n    if (this._unloadMessagesUpdatedHandler) {\r\n      this._unloadMessagesUpdatedHandler();\r\n      this._unloadMessagesUpdatedHandler = undefined;\r\n    }\r\n    // istanbul ignore else\r\n    if (this._removeOpenMessagesCenterHandler) {\r\n      this._removeOpenMessagesCenterHandler();\r\n      this._removeOpenMessagesCenterHandler = undefined;\r\n    }\r\n  }\r\n\r\n  private _handleMessagesUpdatedEvent = () => {\r\n    // istanbul ignore else\r\n    if (this._unloadMessagesUpdatedHandler)\r\n      this.setState({ messageCount: MessageManager.messages.length });\r\n  };\r\n\r\n  private _handleOpenMessageCenterEvent = () => {\r\n    this.setOpenWidget(this._className);\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    const tooltip = `${this.state.messageCount} ${this._title}`;\r\n    const divStyle = { ...this.props.style, height: \"100%\" };\r\n    const footerMessages = (\r\n      <>\r\n        <div\r\n          className={this.props.className}\r\n          style={divStyle}\r\n          title={tooltip}\r\n          ref={this._handleTargetRef}\r\n        >\r\n          <MessageCenter\r\n            indicatorRef={this._indicator}\r\n            // eslint-disable-next-line deprecation/deprecation\r\n            isInFooterMode={this.props.isInFooterMode ?? true}\r\n            // eslint-disable-next-line deprecation/deprecation\r\n            label={(this.props.isInFooterMode ?? true) ? this._title : undefined}\r\n            onClick={this._handleMessageIndicatorClick}\r\n          >\r\n            {this.state.messageCount.toString()}\r\n          </MessageCenter>\r\n        </div>\r\n        <FooterPopup // eslint-disable-line deprecation/deprecation\r\n          isOpen={(this.props.openWidget ?? this.state.openWidget) === this._className} // eslint-disable-line deprecation/deprecation\r\n          onClose={this._handleClose}\r\n          onOutsideClick={this._handleOutsideClick}\r\n          target={this.state.target}\r\n        >\r\n          <MessageCenterDialog\r\n            prompt={UiFramework.translate(\"messageCenter.prompt\")}\r\n            tabs={\r\n              <>\r\n                <MessageCenterTab\r\n                  isActive={this.state.activeTab === MessageCenterActiveTab.AllMessages}\r\n                  onClick={() => this._changeActiveTab(MessageCenterActiveTab.AllMessages)}\r\n                >\r\n                  {UiFramework.translate(\"messageCenter.all\")}\r\n                </MessageCenterTab>\r\n                <MessageCenterTab\r\n                  isActive={this.state.activeTab === MessageCenterActiveTab.Problems}\r\n                  onClick={() => this._changeActiveTab(MessageCenterActiveTab.Problems)}\r\n                >\r\n                  {UiFramework.translate(\"messageCenter.errors\")}\r\n                </MessageCenterTab>\r\n              </>\r\n            }\r\n            title={this._title}\r\n          >\r\n            {this.getMessages()}\r\n          </MessageCenterDialog>\r\n        </FooterPopup>\r\n      </>\r\n    );\r\n\r\n    return footerMessages;\r\n  }\r\n\r\n  private _handleTargetRef = (target: HTMLDivElement | null) => {\r\n    // eslint-disable-next-line deprecation/deprecation\r\n    const ref = this.props.targetRef;\r\n    if (typeof ref === \"function\")\r\n      ref(target);\r\n    else if (ref)\r\n      (ref as React.MutableRefObject<HTMLElement | null>).current = target;\r\n    this.setState({ target });\r\n  };\r\n\r\n  private _handleClose = () => {\r\n    this.setOpenWidget(null);\r\n  };\r\n\r\n  private _handleOutsideClick = (e: MouseEvent) => {\r\n    if (!this._indicator.current ||\r\n      !(e.target instanceof Node) ||\r\n      this._indicator.current.contains(e.target))\r\n      return;\r\n\r\n    this._handleClose();\r\n  };\r\n\r\n  private _handleMessageIndicatorClick = () => {\r\n    // eslint-disable-next-line deprecation/deprecation\r\n    const isOpen = (this.props.openWidget ?? this.state.openWidget) === this._className;\r\n    if (isOpen)\r\n      this.setOpenWidget(null);\r\n    else\r\n      this.setOpenWidget(this._className);\r\n  };\r\n\r\n  private _changeActiveTab = (tab: MessageCenterActiveTab) => {\r\n    this.setState({ activeTab: tab });\r\n  };\r\n\r\n  private getMessages(): React.ReactChild[] {\r\n    const messages = MessageManager.messages.slice(0).reverse();\r\n    const tabRows: React.ReactChild[] = new Array<React.ReactChild>();\r\n\r\n    messages.forEach((details: NotifyMessageDetailsType, index: number) => {\r\n      /* istanbul ignore else */\r\n      if (this.state.activeTab === MessageCenterActiveTab.AllMessages || this.isProblemStatus(details.priority)) {\r\n\r\n        const iconClassName = MessageManager.getIconClassName(details);\r\n        const message = details.briefMessage;\r\n\r\n        tabRows.push(\r\n          <MessageCenterMessage\r\n            key={index.toString()}\r\n            icon={<i className={iconClassName} />}\r\n          >\r\n            <MessageSpan message={message} />\r\n            {details.detailedMessage &&\r\n              <>\r\n                <br />\r\n                <MessageSpan className=\"uicore-text-small\" message={details.detailedMessage} />\r\n              </>\r\n            }\r\n          </MessageCenterMessage>,\r\n        );\r\n      }\r\n    });\r\n\r\n    return tabRows;\r\n  }\r\n\r\n  private isProblemStatus(priority: OutputMessagePriority): boolean {\r\n    // See priority values in DgnPlatform defined in NotificationManager\r\n\r\n    if (priority === OutputMessagePriority.Error || priority === OutputMessagePriority.Fatal)\r\n      return true;\r\n\r\n    return false;\r\n  }\r\n\r\n  private setOpenWidget(openWidget: StatusBarFieldId) {\r\n    // eslint-disable-next-line deprecation/deprecation\r\n    this.props.onOpenWidget?.(openWidget);\r\n    this.setState({openWidget});\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/statusfields/PromptField.d.ts

@@ -1,31 +1,31 @@
-/** @packageDocumentation
- * @module StatusBar
- */
-import "./PromptField.scss";
-import * as React from "react";
-import { StatusFieldProps } from "./StatusFieldProps";
-/** Defines properties supported by the Prompt Field Component.
- */
-interface PromptFieldProps extends StatusFieldProps {
-    /** Prompt text for the active tool */
-    toolPrompt: string;
-}
-/**
- * Prompt Field React component. This component is designed to be specified in a status bar definition.
- * It is used to display prompts from tools. To send a prompt to this component use IModelApp.notifications.outputPromptByKey or
- * IModelApp.notifications.outputPrompt.
- */
-declare class PromptFieldComponent extends React.Component<PromptFieldProps> {
-    constructor(props: PromptFieldProps);
-    render(): React.ReactNode;
-}
-/**
- * Prompt Field React component. This component is designed to be specified in a status bar definition.
- * It is used to display prompts from tools. To send a prompt to this component use IModelApp.notifications.outputPromptByKey or
- * IModelApp.notifications.outputPrompt.
- * This React component is Redux connected.
- * @public
- * @deprecated Use ToolAssistanceField instead
- */ export declare const PromptField: import("react-redux").ConnectedComponent<typeof PromptFieldComponent, import("react-redux").Omit<React.ClassAttributes<PromptFieldComponent> & PromptFieldProps, "toolPrompt">>;
-export {};
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import "./PromptField.scss";
+import * as React from "react";
+import { StatusFieldProps } from "./StatusFieldProps";
+/** Defines properties supported by the Prompt Field Component.
+ */
+interface PromptFieldProps extends StatusFieldProps {
+    /** Prompt text for the active tool */
+    toolPrompt: string;
+}
+/**
+ * Prompt Field React component. This component is designed to be specified in a status bar definition.
+ * It is used to display prompts from tools. To send a prompt to this component use IModelApp.notifications.outputPromptByKey or
+ * IModelApp.notifications.outputPrompt.
+ */
+declare class PromptFieldComponent extends React.Component<PromptFieldProps> {
+    constructor(props: PromptFieldProps);
+    render(): React.ReactNode;
+}
+/**
+ * Prompt Field React component. This component is designed to be specified in a status bar definition.
+ * It is used to display prompts from tools. To send a prompt to this component use IModelApp.notifications.outputPromptByKey or
+ * IModelApp.notifications.outputPrompt.
+ * This React component is Redux connected.
+ * @public
+ * @deprecated Use ToolAssistanceField instead
+ */ export declare const PromptField: import("react-redux").ConnectedComponent<typeof PromptFieldComponent, import("react-redux").Omit<React.ClassAttributes<PromptFieldComponent> & PromptFieldProps, "toolPrompt">>;
+export {};
 //# sourceMappingURL=PromptField.d.ts.map