@itwin/appui-react 4.0.0-dev.2 → 4.0.0-dev.20

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

@@ -1 +1 @@
-{"version":3,"file":"AppNotificationManager.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/AppNotificationManager.ts"],"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 { XAndY } from \"@itwin/core-geometry\";\nimport {\n  ActivityMessageDetails, ActivityMessageEndReason, MessageBoxIconType, MessageBoxType, MessageBoxValue, NotificationManager, NotifyMessageDetails,\n  ToolAssistance, ToolAssistanceInstructions, ToolTipOptions,\n} from \"@itwin/core-frontend\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { ElementTooltip } from \"../feedback/ElementTooltip\";\nimport { UiFramework } from \"../UiFramework\";\nimport { MessageManager } from \"./MessageManager\";\nimport { PointerMessage } from \"./Pointer\";\n\n/**\n * The AppNotificationManager class is a subclass of NotificationManager in @itwin/core-frontend.\n * This implementation uses the iTwin.js UI library to display alerts, messages, prompts and tooltips.\n * @public\n */\nexport class AppNotificationManager extends NotificationManager {\n\n  /** Output a prompt, given an i18n key.\n   */\n  public override outputPromptByKey(key: string): void {\n    this.outputPrompt(UiFramework.localization.getLocalizedString(key));\n  }\n\n  /** Output a prompt to the user. A 'prompt' indicates an action the user should take to proceed.\n   */\n  public override outputPrompt(prompt: string): void {\n    MessageManager.outputPrompt(prompt);\n\n    const mainInstruction = ToolAssistance.createInstruction(\"\", prompt);\n    const instructions = ToolAssistance.createInstructions(mainInstruction);\n    MessageManager.setToolAssistance(instructions);\n  }\n\n  /** Output a message and/or alert to the user. */\n  public override outputMessage(message: NotifyMessageDetails): void {\n    MessageManager.outputMessage(message);\n  }\n\n  /** Output a MessageBox and wait for response from the user.\n   * @param mbType       The MessageBox type.\n   * @param message      The message to display.\n   * @param icon         The MessageBox icon type.\n   * @return the response from the user.\n   */\n  public override async openMessageBox(mbType: MessageBoxType, message: HTMLElement | string, icon: MessageBoxIconType): Promise<MessageBoxValue> {\n    return MessageManager.openMessageBox(mbType, message, icon);\n  }\n\n  /**\n   * Set up for activity messages.\n   * @param details  The activity message details.\n   * @return true if the message was displayed, false if an invalid priority is specified.\n   */\n  public override setupActivityMessage(details: ActivityMessageDetails): boolean {\n    return MessageManager.setupActivityMessageDetails(details);\n  }\n\n  /**\n   * Output an activity message to the user.\n   * @param messageText      The message text.\n   * @param percentComplete  The percentage of completion.\n   * @return true if the message was displayed, false if the message could not be displayed.\n   */\n  public override outputActivityMessage(messageText: HTMLElement | string, percentComplete: number): boolean {\n    return MessageManager.setupActivityMessageValues(messageText, percentComplete);\n  }\n\n  /**\n   * End an activity message.\n   * @param reason       Reason for the end of the Activity Message.\n   * @return true if the message was ended successfully, false if the activityMessage could not be ended.\n   */\n  public override endActivityMessage(reason: ActivityMessageEndReason): boolean {\n    let result = false;\n\n    switch (reason) {\n      case ActivityMessageEndReason.Completed:\n        result = MessageManager.endActivityMessage(true);\n        break;\n      case ActivityMessageEndReason.Cancelled:\n        result = MessageManager.endActivityMessage(false);\n        break;\n    }\n\n    return result;\n  }\n\n  /** Update message position created with [[OutputMessageType.Pointer]].\n   * @param displayPoint        Point at which to display the Pointer type message.\n   * @param relativePosition    Position relative to displayPoint at which to display the Pointer type message.\n   */\n  public override updatePointerMessage(displayPoint: XAndY, relativePosition: RelativePosition): void {\n    PointerMessage.updateMessage(displayPoint, relativePosition);\n  }\n\n  /** Hides the Pointer message. */\n  public override closePointerMessage(): void {\n    PointerMessage.hideMessage();\n  }\n\n  /** Return true if _showTooltip has an implementation and will display a tooltip. */\n  public override get isToolTipSupported(): boolean { return true; }\n\n  /** Return true if the tooltip is currently open. */\n  public override get isToolTipOpen(): boolean { return ElementTooltip.isTooltipVisible; }\n\n  /** Clear the ToolTip if it is currently open. If not open, does nothing. */\n  public override clearToolTip(): void {\n    // istanbul ignore else\n    if (this.isToolTipOpen)\n      ElementTooltip.hideTooltip();\n  }\n\n  /** Show a ToolTip window.\n   * @param el       The HTMLElement that anchors the toolTip.\n   * @param message  The message to display inside the ToolTip\n   * @param pt       An optional location, relative to the origin of el, for the ToolTip. If undefined, center of el.\n   * @param options  Options that supply additional information about how the ToolTip should function.\n   */\n  protected override _showToolTip(el: HTMLElement, message: HTMLElement | string, pt?: XAndY, options?: ToolTipOptions): void {\n    ElementTooltip.showTooltip(el, message, pt, options);\n  }\n\n  /** Hide a InputField message. */\n  public override closeInputFieldMessage(): void {\n    MessageManager.hideInputFieldMessage();\n  }\n\n  /** Setup tool assistance instructions for a tool. The instructions include the main instruction, which includes the current prompt.\n   * @param instructions The tool assistance instructions.\n   * @public\n   */\n  public override setToolAssistance(instructions: ToolAssistanceInstructions | undefined) {\n    MessageManager.outputPrompt(instructions ? instructions.mainInstruction.text : /* istanbul ignore next */ \"\");\n    MessageManager.setToolAssistance(instructions);\n  }\n\n}\n"]}
+{"version":3,"file":"AppNotificationManager.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/AppNotificationManager.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAGH,OAAO,EACmB,wBAAwB,EAAuD,mBAAmB,EAC1H,cAAc,GACf,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAE3C;;;;GAIG;AACH,MAAM,OAAO,sBAAuB,SAAQ,mBAAmB;IAE7D;OACG;IACa,iBAAiB,CAAC,GAAW;QAC3C,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC;IACtE,CAAC;IAED;OACG;IACa,YAAY,CAAC,MAAc;QACzC,cAAc,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QAEpC,MAAM,eAAe,GAAG,cAAc,CAAC,iBAAiB,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;QACrE,MAAM,YAAY,GAAG,cAAc,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC;QACxE,cAAc,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACjD,CAAC;IAED,iDAAiD;IACjC,aAAa,CAAC,OAA6B;QACzD,cAAc,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC;IAED;;;;;OAKG;IACa,KAAK,CAAC,cAAc,CAAC,MAAsB,EAAE,OAA6B,EAAE,IAAwB;QAClH,OAAO,cAAc,CAAC,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAC9D,CAAC;IAED;;;;OAIG;IACa,oBAAoB,CAAC,OAA+B;QAClE,OAAO,cAAc,CAAC,2BAA2B,CAAC,OAAO,CAAC,CAAC;IAC7D,CAAC;IAED;;;;;OAKG;IACa,qBAAqB,CAAC,WAAiC,EAAE,eAAuB;QAC9F,OAAO,cAAc,CAAC,0BAA0B,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;IACjF,CAAC;IAED;;;;OAIG;IACa,kBAAkB,CAAC,MAAgC;QACjE,IAAI,MAAM,GAAG,KAAK,CAAC;QAEnB,QAAQ,MAAM,EAAE;YACd,KAAK,wBAAwB,CAAC,SAAS;gBACrC,MAAM,GAAG,cAAc,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;gBACjD,MAAM;YACR,KAAK,wBAAwB,CAAC,SAAS;gBACrC,MAAM,GAAG,cAAc,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAClD,MAAM;SACT;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAED;;;OAGG;IACa,oBAAoB,CAAC,YAAmB,EAAE,gBAAkC;QAC1F,cAAc,CAAC,aAAa,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;IAC/D,CAAC;IAED,iCAAiC;IACjB,mBAAmB;QACjC,cAAc,CAAC,WAAW,EAAE,CAAC;IAC/B,CAAC;IAED,oFAAoF;IACpF,IAAoB,kBAAkB,KAAc,OAAO,IAAI,CAAC,CAAC,CAAC;IAElE,oDAAoD;IACpD,IAAoB,aAAa,KAAc,OAAO,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAExF,4EAA4E;IAC5D,YAAY;QAC1B,uBAAuB;QACvB,IAAI,IAAI,CAAC,aAAa;YACpB,cAAc,CAAC,WAAW,EAAE,CAAC;IACjC,CAAC;IAED;;;;;OAKG;IACgB,YAAY,CAAC,EAAe,EAAE,OAA6B,EAAE,EAAU,EAAE,OAAwB;QAClH,cAAc,CAAC,WAAW,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC;IACvD,CAAC;IAED,iCAAiC;IACjB,sBAAsB;QACpC,cAAc,CAAC,qBAAqB,EAAE,CAAC;IACzC,CAAC;IAED;;;OAGG;IACa,iBAAiB,CAAC,YAAoD;QACpF,cAAc,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,0BAA0B,CAAC,EAAE,CAAC,CAAC;QAC9G,cAAc,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACjD,CAAC;CAEF","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 { XAndY } from \"@itwin/core-geometry\";\r\nimport {\r\n  ActivityMessageDetails, ActivityMessageEndReason, MessageBoxIconType, MessageBoxType, MessageBoxValue, NotificationManager, NotifyMessageDetails,\r\n  ToolAssistance, ToolAssistanceInstructions, ToolTipOptions,\r\n} from \"@itwin/core-frontend\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { ElementTooltip } from \"../feedback/ElementTooltip\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { MessageManager } from \"./MessageManager\";\r\nimport { PointerMessage } from \"./Pointer\";\r\n\r\n/**\r\n * The AppNotificationManager class is a subclass of NotificationManager in @itwin/core-frontend.\r\n * This implementation uses the iTwin.js UI library to display alerts, messages, prompts and tooltips.\r\n * @public\r\n */\r\nexport class AppNotificationManager extends NotificationManager {\r\n\r\n  /** Output a prompt, given an i18n key.\r\n   */\r\n  public override outputPromptByKey(key: string): void {\r\n    this.outputPrompt(UiFramework.localization.getLocalizedString(key));\r\n  }\r\n\r\n  /** Output a prompt to the user. A 'prompt' indicates an action the user should take to proceed.\r\n   */\r\n  public override outputPrompt(prompt: string): void {\r\n    MessageManager.outputPrompt(prompt);\r\n\r\n    const mainInstruction = ToolAssistance.createInstruction(\"\", prompt);\r\n    const instructions = ToolAssistance.createInstructions(mainInstruction);\r\n    MessageManager.setToolAssistance(instructions);\r\n  }\r\n\r\n  /** Output a message and/or alert to the user. */\r\n  public override outputMessage(message: NotifyMessageDetails): void {\r\n    MessageManager.outputMessage(message);\r\n  }\r\n\r\n  /** Output a MessageBox and wait for response from the user.\r\n   * @param mbType       The MessageBox type.\r\n   * @param message      The message to display.\r\n   * @param icon         The MessageBox icon type.\r\n   * @return the response from the user.\r\n   */\r\n  public override async openMessageBox(mbType: MessageBoxType, message: HTMLElement | string, icon: MessageBoxIconType): Promise<MessageBoxValue> {\r\n    return MessageManager.openMessageBox(mbType, message, icon);\r\n  }\r\n\r\n  /**\r\n   * Set up for activity messages.\r\n   * @param details  The activity message details.\r\n   * @return true if the message was displayed, false if an invalid priority is specified.\r\n   */\r\n  public override setupActivityMessage(details: ActivityMessageDetails): boolean {\r\n    return MessageManager.setupActivityMessageDetails(details);\r\n  }\r\n\r\n  /**\r\n   * Output an activity message to the user.\r\n   * @param messageText      The message text.\r\n   * @param percentComplete  The percentage of completion.\r\n   * @return true if the message was displayed, false if the message could not be displayed.\r\n   */\r\n  public override outputActivityMessage(messageText: HTMLElement | string, percentComplete: number): boolean {\r\n    return MessageManager.setupActivityMessageValues(messageText, percentComplete);\r\n  }\r\n\r\n  /**\r\n   * End an activity message.\r\n   * @param reason       Reason for the end of the Activity Message.\r\n   * @return true if the message was ended successfully, false if the activityMessage could not be ended.\r\n   */\r\n  public override endActivityMessage(reason: ActivityMessageEndReason): boolean {\r\n    let result = false;\r\n\r\n    switch (reason) {\r\n      case ActivityMessageEndReason.Completed:\r\n        result = MessageManager.endActivityMessage(true);\r\n        break;\r\n      case ActivityMessageEndReason.Cancelled:\r\n        result = MessageManager.endActivityMessage(false);\r\n        break;\r\n    }\r\n\r\n    return result;\r\n  }\r\n\r\n  /** Update message position created with [[OutputMessageType.Pointer]].\r\n   * @param displayPoint        Point at which to display the Pointer type message.\r\n   * @param relativePosition    Position relative to displayPoint at which to display the Pointer type message.\r\n   */\r\n  public override updatePointerMessage(displayPoint: XAndY, relativePosition: RelativePosition): void {\r\n    PointerMessage.updateMessage(displayPoint, relativePosition);\r\n  }\r\n\r\n  /** Hides the Pointer message. */\r\n  public override closePointerMessage(): void {\r\n    PointerMessage.hideMessage();\r\n  }\r\n\r\n  /** Return true if _showTooltip has an implementation and will display a tooltip. */\r\n  public override get isToolTipSupported(): boolean { return true; }\r\n\r\n  /** Return true if the tooltip is currently open. */\r\n  public override get isToolTipOpen(): boolean { return ElementTooltip.isTooltipVisible; }\r\n\r\n  /** Clear the ToolTip if it is currently open. If not open, does nothing. */\r\n  public override clearToolTip(): void {\r\n    // istanbul ignore else\r\n    if (this.isToolTipOpen)\r\n      ElementTooltip.hideTooltip();\r\n  }\r\n\r\n  /** Show a ToolTip window.\r\n   * @param el       The HTMLElement that anchors the toolTip.\r\n   * @param message  The message to display inside the ToolTip\r\n   * @param pt       An optional location, relative to the origin of el, for the ToolTip. If undefined, center of el.\r\n   * @param options  Options that supply additional information about how the ToolTip should function.\r\n   */\r\n  protected override _showToolTip(el: HTMLElement, message: HTMLElement | string, pt?: XAndY, options?: ToolTipOptions): void {\r\n    ElementTooltip.showTooltip(el, message, pt, options);\r\n  }\r\n\r\n  /** Hide a InputField message. */\r\n  public override closeInputFieldMessage(): void {\r\n    MessageManager.hideInputFieldMessage();\r\n  }\r\n\r\n  /** Setup tool assistance instructions for a tool. The instructions include the main instruction, which includes the current prompt.\r\n   * @param instructions The tool assistance instructions.\r\n   * @public\r\n   */\r\n  public override setToolAssistance(instructions: ToolAssistanceInstructions | undefined) {\r\n    MessageManager.outputPrompt(instructions ? instructions.mainInstruction.text : /* istanbul ignore next */ \"\");\r\n    MessageManager.setToolAssistance(instructions);\r\n  }\r\n\r\n}\r\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"HollowIcon.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/HollowIcon.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAa,MAAM,mBAAmB,CAAC;AAEpD;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,KAAgB;IACzC,OAAO,CACL,8BAAM,SAAS,EAAC,4BAA4B;QAC1C,oBAAC,IAAI,OAAK,KAAK,GAAI,CACd,CACR,CAAC;AACJ,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 { Icon, IconProps } from \"@itwin/core-react\";\n\n/** Icon for Message\n * @internal\n */\nexport function HollowIcon(props: IconProps) {\n  return (\n    <span className=\"uifw-statusbar-hollow-icon\">\n      <Icon {...props} />\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"HollowIcon.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/HollowIcon.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAa,MAAM,mBAAmB,CAAC;AAEpD;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,KAAgB;IACzC,OAAO,CACL,8BAAM,SAAS,EAAC,4BAA4B;QAC1C,oBAAC,IAAI,OAAK,KAAK,GAAI,CACd,CACR,CAAC;AACJ,CAAC","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 { Icon, IconProps } from \"@itwin/core-react\";\r\n\r\n/** Icon for Message\r\n * @internal\r\n */\r\nexport function HollowIcon(props: IconProps) {\r\n  return (\r\n    <span className=\"uifw-statusbar-hollow-icon\">\r\n      <Icon {...props} />\r\n    </span>\r\n  );\r\n}\r\n"]}

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

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

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

@@ -10,9 +10,10 @@ import classnames from "classnames";
 import * as React from "react";
 import { OutputMessagePriority } from "@itwin/core-frontend";
 import { RelativePosition } from "@itwin/appui-abstract";
-import { Popup } from "@itwin/core-react";
+import { Icon, Popup } from "@itwin/core-react";
 import { MessageManager } from "../messages/MessageManager";
 import { MessageDiv } from "./MessageSpan";
+import { SvgClose, SvgInfoCircularHollow, SvgStatusError, SvgStatusWarning } from "@itwin/itwinui-icons-react";
 /** InputField message pops up near pointer when attempting an invalid interaction.
  * @public
  */
@@ -46,26 +47,26 @@ export class InputFieldMessage extends React.PureComponent {
         if (!inputFieldElement || !message) {
             return null;
         }
-        let iconClassName = "";
+        let iconComponent = React.createElement(SvgInfoCircularHollow, null);
         switch (priority) {
             case OutputMessagePriority.Warning:
-                iconClassName = "icon-status-warning";
+                iconComponent = React.createElement(SvgStatusWarning, null);
                 break;
             case OutputMessagePriority.Error:
-                iconClassName = "icon-status-error";
+                iconComponent = React.createElement(SvgStatusError, null);
                 break;
             case OutputMessagePriority.Info:
-                iconClassName = "icon-info";
+                iconComponent = React.createElement(SvgInfoCircularHollow, null);
                 break;
         }
         return (React.createElement(Popup, { isOpen: isVisible, position: RelativePosition.BottomLeft, onClose: this._onInputMessageClose, target: inputFieldElement },
             React.createElement("div", { className: "uifw-popup-message-inputField" },
                 React.createElement("div", { className: "uifw-popup-message-inputField-content" },
                     React.createElement("div", { className: "uifw-popup-message-inputField-primary" },
-                        iconClassName &&
+                        iconComponent &&
                             React.createElement("span", { className: "uifw-popup-message-icon" },
                                 " ",
-                                React.createElement("i", { className: classnames("icon", iconClassName) }),
+                                React.createElement("i", { className: classnames("icon", "core-svg-icon") }, iconComponent),
                                 " "),
                         React.createElement("span", { className: "uifw-popup-message-text" },
                             React.createElement(MessageDiv, { className: "uifw-popup-message-brief", message: message }),
@@ -74,7 +75,7 @@ export class InputFieldMessage extends React.PureComponent {
                 showCloseButton &&
                     // eslint-disable-next-line jsx-a11y/click-events-have-key-events
                     React.createElement("div", { className: "uifw-popup-message-close", onClick: this._onInputMessageClose, role: "button", tabIndex: -1 },
-                        React.createElement("i", { className: "icon icon-close" })))));
+                        React.createElement(Icon, { iconSpec: React.createElement(SvgClose, null) })))));
     }
     componentDidMount() {
         MessageManager.onInputFieldMessageAddedEvent.addListener(this._handleInputFieldMessageAddedEvent);

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

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

package/lib/esm/appui-react/messages/InputField.scss

@@ -1,83 +1,83 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-@import "~@itwin/core-react/lib/cjs/core-react/text/mixins";
-
-.uifw-popup-message-inputField {
-  background-color: $buic-background-control;
-  padding: 3px 3px 3px 6px;
-  border-radius: 5px;
-  color: $buic-text-color;
-  margin: 0px;
-  transition: all 3s ease;
-  display: flex;
-  align-items: center;
-
-  .uifw-popup-message-inputField-content {
-    min-width: 180px;
-    max-width: 360px;
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-
-    .uifw-popup-message-inputField-primary {
-      align-items: center;
-      display: flex;
-      flex-direction: row;
-
-      >.uifw-popup-message-icon {
-        padding-left: 3px;
-        padding-right: 3px;
-
-        .icon-status-warning {
-          color: $buic-foreground-warning;
-        }
-
-        .icon-status-warning {
-          color: $buic-foreground-warning;
-        }
-
-        .icon-status-error {
-          color: $buic-foreground-alert;
-        }
-      }
-
-      .uifw-popup-message-text {
-        color: $buic-foreground-body;
-        padding-left: 3px;
-        padding-right: 3px;
-
-        .uifw-popup-message-brief {
-          @include uicore-text(body);
-        }
-
-        .uifw-popup-message-detailed {
-          @include uicore-text(small);
-        }
-      }
-    }
-  }
-
-  .uifw-popup-message-close {
-    display: flex;
-    align-items: center;
-    color: $buic-foreground-muted;
-    cursor: pointer;
-
-    &:active,
-    &:hover {
-      color: $buic-foreground-activehover;
-    }
-
-    &:focus {
-      outline: none;
-    }
-
-    .icon {
-      margin: 0 3px 0 10px;
-    }
-  }
-
+/*---------------------------------------------------------------------------------------------
+* 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";
+@import "~@itwin/core-react/lib/cjs/core-react/text/mixins";
+
+.uifw-popup-message-inputField {
+  background-color: $buic-background-control;
+  padding: 3px 3px 3px 6px;
+  border-radius: var(--iui-border-radius-1);
+  color: var(--iui-color-text);
+  margin: 0px;
+  transition: all 3s ease;
+  display: flex;
+  align-items: center;
+
+  .uifw-popup-message-inputField-content {
+    min-width: 180px;
+    max-width: 360px;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+
+    .uifw-popup-message-inputField-primary {
+      align-items: center;
+      display: flex;
+      flex-direction: row;
+
+      >.uifw-popup-message-icon {
+        padding-left: 3px;
+        padding-right: 3px;
+
+        .icon-status-warning {
+          color: var(--iui-color-text-warning);
+        }
+
+        .icon-status-warning {
+          color: var(--iui-color-text-warning);
+        }
+
+        .icon-status-error {
+          color: var(--iui-color-text-negative);
+        }
+      }
+
+      .uifw-popup-message-text {
+        color: var(--iui-color-text);
+        padding-left: 3px;
+        padding-right: 3px;
+
+        .uifw-popup-message-brief {
+          @include uicore-text(body);
+        }
+
+        .uifw-popup-message-detailed {
+          @include uicore-text(small);
+        }
+      }
+    }
+  }
+
+  .uifw-popup-message-close {
+    display: flex;
+    align-items: center;
+    color: var(--iui-color-text-muted);
+    cursor: pointer;
+
+    &:active,
+    &:hover {
+      color: var(--iui-color-text-hover);
+    }
+
+    &:focus {
+      outline: none;
+    }
+
+    .icon {
+      margin: 0 3px 0 10px;
+    }
+  }
+
 }

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

@@ -1 +1 @@
-{"version":3,"file":"MessageLabel.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/MessageLabel.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwD;IACnF,MAAM,UAAU,GAAG,UAAU,CAAC,8BAA8B,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC/E,OAAO,oBAAC,UAAU,IAAC,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CAAC;AACvE,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 classnames from \"classnames\";\nimport { MessageDiv } from \"./MessageSpan\";\nimport { NotifyMessageType } from \"./ReactNotifyMessageDetails\";\n\n/** Message String/Label\n * @internal\n */\nexport function MessageLabel(props: { message: NotifyMessageType, className: string }) {\n  const classNames = classnames(\"uifw-statusbar-message-label\", props.className);\n  return <MessageDiv className={classNames} message={props.message} />;\n}\n"]}
+{"version":3,"file":"MessageLabel.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/MessageLabel.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwD;IACnF,MAAM,UAAU,GAAG,UAAU,CAAC,8BAA8B,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC/E,OAAO,oBAAC,UAAU,IAAC,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CAAC;AACvE,CAAC","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 classnames from \"classnames\";\r\nimport { MessageDiv } from \"./MessageSpan\";\r\nimport { NotifyMessageType } from \"./ReactNotifyMessageDetails\";\r\n\r\n/** Message String/Label\r\n * @internal\r\n */\r\nexport function MessageLabel(props: { message: NotifyMessageType, className: string }) {\r\n  const classNames = classnames(\"uifw-statusbar-message-label\", props.className);\r\n  return <MessageDiv className={classNames} message={props.message} />;\r\n}\r\n"]}

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

@@ -4,6 +4,7 @@
 import { XAndY } from "@itwin/core-geometry";
 import { ActivityMessageDetails, MessageBoxIconType, MessageBoxType, MessageBoxValue, OutputMessagePriority, ToolAssistanceInstructions, ToolTipOptions } from "@itwin/core-frontend";
 import { MessageSeverity, UiEvent } from "@itwin/appui-abstract";
+import { IconSpec } from "@itwin/core-react";
 import { NotifyMessageDetailsType, NotifyMessageType } from "./ReactNotifyMessageDetails";
 import { StatusMessageManager } from "./StatusMessageManager";
 import { ToastOptions } from "@itwin/itwinui-react";
@@ -211,7 +212,15 @@ export declare class MessageManager {
     static openMessageCenter(): void;
     /** Output a prompt to the user. A 'prompt' indicates an action the user should take to proceed. */
     static outputPrompt(prompt: string): void;
-    /** Gets an icon CSS class name based on a given NotifyMessageDetailsType. */
+    /** Extracts the message severity from the message details and returns the corresponding React icon.
+     * @param details NotifyMessageDetailsType
+     * @returns IconSpec
+     */
+    static getIconSpecFromDetails(details: NotifyMessageDetailsType): IconSpec;
+    /** Gets an icon CSS class name based on a given NotifyMessageDetailsType.
+     * @public
+     * @deprecated in 4.0. Please use getIconSpecFromDetails instead.
+     */
     static getIconClassName(details: NotifyMessageDetailsType): string;
     /** Gets a MessageSeverity based on a given NotifyMessageDetailsType. */
     static getSeverity(details: NotifyMessageDetailsType): MessageSeverity;

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

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

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

@@ -6,20 +6,20 @@
  * @module Notification
  */
 import classnames from "classnames";
-import * as _ from "lodash";
+import { isEqual } from "lodash";
 import * as React from "react";
 import { ActivityMessageDetails, IModelApp, MessageBoxIconType, MessageBoxType, OutputMessageAlert, OutputMessagePriority, OutputMessageType, } from "@itwin/core-frontend";
 import { MessageSeverity, UiEvent } from "@itwin/appui-abstract";
 import { MessageContainer } from "@itwin/core-react";
 import { ConfigurableUiActionId } from "../configurableui/state";
-import { ModalDialogManager } from "../dialog/ModalDialogManager";
 import { StandardMessageBox } from "../dialog/StandardMessageBox";
 import { ElementTooltip } from "../feedback/ElementTooltip";
 import { UiFramework } from "../UiFramework";
 import { MessageSpan } from "./MessageSpan";
 import { PointerMessage } from "./Pointer";
 import { StatusMessageManager } from "./StatusMessageManager";
-import { Small, toaster } from "@itwin/itwinui-react";
+import { Text, toaster } from "@itwin/itwinui-react";
+import { SvgInfo, SvgStatusError, SvgStatusSuccess, SvgStatusWarning } from "@itwin/itwinui-icons-react";
 class MessageBoxCallbacks {
     constructor(onFulfilled, onRejected) {
         this.onFulfilled = onFulfilled;
@@ -86,7 +86,7 @@ class OngoingActivityMessage {
 /** The MessageManager class manages messages and prompts. It is used by the [[AppNotificationManager]] class.
  * @public
  */
-export class MessageManager {
+class MessageManager {
     /** List of messages as NotifyMessageDetailsType. */
     static get messages() { return this._messages; }
     /** Manager of active messages. */
@@ -159,10 +159,9 @@ export class MessageManager {
         };
         toaster.setSettings({ placement: "bottom", order: "ascending", ...settings });
         const content = React.createElement(React.Fragment, null,
-            message.briefMessage,
+            message.briefMessage.reactNode || message.briefMessage,
             message.detailedMessage &&
-                React.createElement(Small, null,
-                    React.createElement(React.Fragment, null, message.detailedMessage.reactNode || message.detailedMessage)));
+                React.createElement(Text, { variant: "small", style: { display: "block" } }, message.detailedMessage.reactNode || message.detailedMessage));
         switch (message.priority) {
             case OutputMessagePriority.Warning:
                 return toaster.warning(content, toastOptions);
@@ -179,7 +178,7 @@ export class MessageManager {
      * @param  message  Details about the message to output.
      */
     static addMessage(message) {
-        if (!_.isEqual(message, this._lastMessage)) {
+        if (!isEqual(message, this._lastMessage)) {
             this.addToMessageCenter(message);
             this._lastMessage = message;
         }
@@ -294,10 +293,34 @@ export class MessageManager {
     static outputPrompt(prompt) {
         UiFramework.dispatchActionToStore(ConfigurableUiActionId.SetToolPrompt, prompt, true);
     }
-    /** Gets an icon CSS class name based on a given NotifyMessageDetailsType. */
+    /** Extracts the message severity from the message details and returns the corresponding React icon.
+     * @param details NotifyMessageDetailsType
+     * @returns IconSpec
+     */
+    static getIconSpecFromDetails(details) {
+        const severity = MessageManager.getSeverity(details);
+        let iconSpec = React.createElement(SvgStatusSuccess, null);
+        switch (severity) {
+            case MessageSeverity.Error:
+            case MessageSeverity.Fatal:
+                iconSpec = React.createElement(SvgStatusError, null);
+                break;
+            case MessageSeverity.Warning:
+                iconSpec = React.createElement(SvgStatusWarning, null);
+                break;
+            case MessageSeverity.Information:
+                iconSpec = React.createElement(SvgInfo, null);
+                break;
+        }
+        return iconSpec;
+    }
+    /** Gets an icon CSS class name based on a given NotifyMessageDetailsType.
+     * @public
+     * @deprecated in 4.0. Please use getIconSpecFromDetails instead.
+     */
     static getIconClassName(details) {
         const severity = MessageManager.getSeverity(details);
-        const className = MessageContainer.getIconClassName(severity, false);
+        const className = MessageContainer.getIconClassName(severity, false); // eslint-disable-line deprecation/deprecation
         const iconClassName = classnames("icon", "notifymessage-icon", className);
         return iconClassName;
     }
@@ -362,7 +385,7 @@ export class MessageManager {
         return new Promise((onFulfilled, onRejected) => {
             const messageBoxCallbacks = new MessageBoxCallbacks(onFulfilled, onRejected);
             const messageElement = React.createElement(MessageSpan, { message: message });
-            ModalDialogManager.openDialog(this.standardMessageBox(mbType, icon, title, messageElement, messageBoxCallbacks));
+            UiFramework.dialogs.modal.open(this.standardMessageBox(mbType, icon, title, messageElement, messageBoxCallbacks));
         });
     }
     /** @internal */
@@ -373,7 +396,7 @@ export class MessageManager {
             React.createElement(MessageSpan, { message: messageDetails.briefMessage }),
             messageDetails.detailedMessage && (React.createElement("p", null,
                 React.createElement(MessageSpan, { message: messageDetails.detailedMessage })))));
-        ModalDialogManager.openDialog(this.standardMessageBox(MessageBoxType.Ok, iconType, title, content));
+        UiFramework.dialogs.modal.open(this.standardMessageBox(MessageBoxType.Ok, iconType, title, content));
     }
     static standardMessageBox(mbType, iconType, title, messageElement, callbacks) {
         const onResult = (callbacks !== undefined) ? callbacks.handleMessageBoxResult : undefined;
@@ -428,4 +451,5 @@ MessageManager.onOpenMessageCenterEvent = new OpenMessageCenterEvent();
  * @public
  */
 MessageManager.onToolAssistanceChangedEvent = new ToolAssistanceChangedEvent();
+export { MessageManager };
 //# sourceMappingURL=MessageManager.js.map