@itwin/core-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/esm/core-react/messagebox/MessageBox.d.ts

@@ -1,81 +1,81 @@
-/** @packageDocumentation
- * @module Dialog
- */
-import "./MessageBox.scss";
-import * as React from "react";
-import { DialogButtonDef, MessageSeverity } from "@itwin/appui-abstract";
-import { CommonProps } from "../utils/Props";
-import { IconSpec } from "../icons/IconComponent";
-/** Properties for the [[MessageBox]] component
- * @public
- */
-export interface MessageBoxProps extends CommonProps {
-    /** Severity of MessageBox */
-    severity: MessageSeverity;
-    /** whether to show dialog or not */
-    opened: boolean;
-    /** List of [[DialogButtonDef]] objects specifying buttons and associated onClick events */
-    buttonCluster: DialogButtonDef[];
-    /** Title to show in title bar of dialog  */
-    title?: string | JSX.Element;
-    /** onClick event for X button for dialog */
-    onClose?: () => void;
-    /** 'keyup' event for <Esc> key */
-    onEscape?: () => void;
-    /** minimum width that the dialog may be resized to. Default: 400 */
-    minWidth?: number;
-    /** minimum height that the dialog may be resized to. Default: 400 */
-    minHeight?: number;
-    /** initial width of dialog.
-     * Displayed in px if value is a number, otherwise displayed in specified CSS unit.
-     * Default: "50%"
-     */
-    width?: string | number;
-    /** initial height of dialog.
-     * Displayed in px if value is a number, otherwise displayed in specified CSS unit.
-     * Default: ""
-     */
-    height?: string | number;
-    /** Whether to show background overlay. Default: true */
-    modal?: boolean;
-    /** Custom CSS class name for the content */
-    contentClassName?: string;
-    /** Custom CSS Style for the content */
-    contentStyle?: React.CSSProperties;
-    /** Message content */
-    children?: React.ReactNode;
-}
-/** Message Box React component.
- * @public
- */
-export declare class MessageBox extends React.PureComponent<MessageBoxProps> {
-    static defaultProps: Partial<MessageBoxProps>;
-    render(): JSX.Element;
-}
-/** Properties for the [[MessageContainer]] component
- * @public
- */
-export interface MessageContainerProps extends CommonProps {
-    severity: MessageSeverity;
-    /** Message Content */
-    children?: React.ReactNode;
-}
-/** Message Container React component.
- * @public
- */
-export declare class MessageContainer extends React.PureComponent<MessageContainerProps> {
-    /** Returns the class name associated with the WebFont icon corresponding to the MessageSeverity.
-     * @param severity MessageSeverity
-     * @param _hollow @deprecated in 4.0. Ignored.
-     * @deprecated in 4.0. Please use getIcon method
-     */
-    static getIconClassName(severity: MessageSeverity, _hollow?: boolean): string;
-    /** Returns the React icon corresponding to the MessageSeverity.
-     * @param severity MessageSeverity
-     * @param hollow set to true to return the hollow form of the icon.
-     * @returns IconSpec
-     */
-    static getIcon(severity: MessageSeverity, hollow?: boolean): IconSpec;
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Dialog
+ */
+import "./MessageBox.scss";
+import * as React from "react";
+import { DialogButtonDef, MessageSeverity } from "@itwin/appui-abstract";
+import { CommonProps } from "../utils/Props";
+import { IconSpec } from "../icons/IconComponent";
+/** Properties for the [[MessageBox]] component
+ * @public
+ */
+export interface MessageBoxProps extends CommonProps {
+    /** Severity of MessageBox */
+    severity: MessageSeverity;
+    /** whether to show dialog or not */
+    opened: boolean;
+    /** List of [[DialogButtonDef]] objects specifying buttons and associated onClick events */
+    buttonCluster: DialogButtonDef[];
+    /** Title to show in title bar of dialog  */
+    title?: string | JSX.Element;
+    /** onClick event for X button for dialog */
+    onClose?: () => void;
+    /** 'keyup' event for <Esc> key */
+    onEscape?: () => void;
+    /** minimum width that the dialog may be resized to. Default: 400 */
+    minWidth?: number;
+    /** minimum height that the dialog may be resized to. Default: 400 */
+    minHeight?: number;
+    /** initial width of dialog.
+     * Displayed in px if value is a number, otherwise displayed in specified CSS unit.
+     * Default: "50%"
+     */
+    width?: string | number;
+    /** initial height of dialog.
+     * Displayed in px if value is a number, otherwise displayed in specified CSS unit.
+     * Default: ""
+     */
+    height?: string | number;
+    /** Whether to show background overlay. Default: true */
+    modal?: boolean;
+    /** Custom CSS class name for the content */
+    contentClassName?: string;
+    /** Custom CSS Style for the content */
+    contentStyle?: React.CSSProperties;
+    /** Message content */
+    children?: React.ReactNode;
+}
+/** Message Box React component.
+ * @public
+ */
+export declare class MessageBox extends React.PureComponent<MessageBoxProps> {
+    static defaultProps: Partial<MessageBoxProps>;
+    render(): JSX.Element;
+}
+/** Properties for the [[MessageContainer]] component
+ * @public
+ */
+export interface MessageContainerProps extends CommonProps {
+    severity: MessageSeverity;
+    /** Message Content */
+    children?: React.ReactNode;
+}
+/** Message Container React component.
+ * @public
+ */
+export declare class MessageContainer extends React.PureComponent<MessageContainerProps> {
+    /** Returns the class name associated with the WebFont icon corresponding to the MessageSeverity.
+     * @param severity MessageSeverity
+     * @param _hollow @deprecated in 4.0. Ignored.
+     * @deprecated in 4.0. Please use getIcon method
+     */
+    static getIconClassName(severity: MessageSeverity, _hollow?: boolean): string;
+    /** Returns the React icon corresponding to the MessageSeverity.
+     * @param severity MessageSeverity
+     * @param hollow set to true to return the hollow form of the icon.
+     * @returns IconSpec
+     */
+    static getIcon(severity: MessageSeverity, hollow?: boolean): IconSpec;
+    render(): JSX.Element;
+}
 //# sourceMappingURL=MessageBox.d.ts.map

package/lib/esm/core-react/messagebox/MessageBox.js

@@ -1,110 +1,111 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Dialog
- */
-import "./MessageBox.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { MessageSeverity } from "@itwin/appui-abstract";
-import { Dialog } from "../dialog/Dialog";
-import { SvgHelpCircular, SvgHelpCircularHollow, SvgInfoCircular, SvgInfoCircularHollow, SvgStatusError, SvgStatusErrorHollow, SvgStatusRejected, SvgStatusRejectedHollow, SvgStatusSuccess, SvgStatusSuccessHollow, SvgStatusWarning } from "@itwin/itwinui-icons-react";
-import { Icon } from "../icons/IconComponent";
-/** Message Box React component.
- * @public
- */
-export class MessageBox extends React.PureComponent {
-    render() {
-        return (React.createElement(Dialog, { title: this.props.title, buttonCluster: this.props.buttonCluster, opened: this.props.opened, width: this.props.width, onClose: this.props.onClose, onEscape: this.props.onEscape, modal: this.props.modal, className: this.props.className, style: this.props.style },
-            React.createElement(MessageContainer, { severity: this.props.severity, className: this.props.contentClassName, style: this.props.contentStyle }, this.props.children)));
-    }
-}
-MessageBox.defaultProps = {
-    minWidth: 400,
-    minHeight: 400,
-    width: "512px",
-    modal: true,
-};
-/** Message Container React component.
- * @public
- */
-export class MessageContainer extends React.PureComponent {
-    /** Returns the class name associated with the WebFont icon corresponding to the MessageSeverity.
-     * @param severity MessageSeverity
-     * @param _hollow @deprecated in 4.0. Ignored.
-     * @deprecated in 4.0. Please use getIcon method
-     */
-    /* istanbul ignore next */
-    static getIconClassName(severity, _hollow) {
-        let iconClassName = "";
-        switch (severity) {
-            case MessageSeverity.None:
-                iconClassName = "";
-                break;
-            case MessageSeverity.Success:
-                iconClassName = "core-message-box-success";
-                break;
-            case MessageSeverity.Information:
-                iconClassName = "core-message-box-information";
-                break;
-            case MessageSeverity.Question:
-                iconClassName = "core-message-box-question";
-                break;
-            case MessageSeverity.Warning:
-                iconClassName = "core-message-box-warning"; // TODO - need icon-status-warning-hollow icon
-                break;
-            case MessageSeverity.Error:
-                iconClassName = "core-message-box-error";
-                break;
-            case MessageSeverity.Fatal:
-                iconClassName = "core-message-box-fatal";
-                break;
-        }
-        return iconClassName;
-    }
-    /** Returns the React icon corresponding to the MessageSeverity.
-     * @param severity MessageSeverity
-     * @param hollow set to true to return the hollow form of the icon.
-     * @returns IconSpec
-     */
-    /* ignore for unit tests and replace with visual testing */
-    /* istanbul ignore next */
-    static getIcon(severity, hollow) {
-        let iconSpec = "";
-        switch (severity) {
-            case MessageSeverity.None:
-                iconSpec = "";
-                break;
-            case MessageSeverity.Success:
-                iconSpec = hollow ? React.createElement(SvgStatusSuccessHollow, null) : React.createElement(SvgStatusSuccess, null);
-                break;
-            case MessageSeverity.Information:
-                iconSpec = hollow ? React.createElement(SvgInfoCircularHollow, null) : React.createElement(SvgInfoCircular, null);
-                break;
-            case MessageSeverity.Question:
-                iconSpec = hollow ? React.createElement(SvgHelpCircularHollow, null) : React.createElement(SvgHelpCircular, null);
-                break;
-            case MessageSeverity.Warning:
-                iconSpec = React.createElement(SvgStatusWarning, null); // TODO - need icon-status-warning-hollow icon
-                break;
-            case MessageSeverity.Error:
-                iconSpec = hollow ? React.createElement(SvgStatusErrorHollow, null) : React.createElement(SvgStatusError, null);
-                break;
-            case MessageSeverity.Fatal:
-                iconSpec = hollow ? React.createElement(SvgStatusRejectedHollow, null) : React.createElement(SvgStatusRejected, null);
-                break;
-        }
-        return iconSpec;
-    }
-    render() {
-        const iconClassName = classnames("icon", "core-message-box-icon");
-        const iconSpec = MessageContainer.getIcon(this.props.severity);
-        return (React.createElement("div", { className: "core-message-box-container" },
-            React.createElement("div", { className: iconClassName },
-                React.createElement(Icon, { iconSpec: iconSpec })),
-            React.createElement("div", { className: classnames("core-message-box-content", this.props.className), style: this.props.style }, this.props.children)));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Dialog
+ */
+import "./MessageBox.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { MessageSeverity } from "@itwin/appui-abstract";
+import { Dialog } from "../dialog/Dialog";
+import { SvgHelpCircular, SvgHelpCircularHollow, SvgInfoCircular, SvgInfoCircularHollow, SvgStatusError, SvgStatusErrorHollow, SvgStatusRejected, SvgStatusRejectedHollow, SvgStatusSuccess, SvgStatusSuccessHollow, SvgStatusWarning } from "@itwin/itwinui-icons-react";
+import { Icon } from "../icons/IconComponent";
+/** Message Box React component.
+ * @public
+ */
+class MessageBox extends React.PureComponent {
+    render() {
+        return (React.createElement(Dialog, { title: this.props.title, buttonCluster: this.props.buttonCluster, opened: this.props.opened, width: this.props.width, onClose: this.props.onClose, onEscape: this.props.onEscape, modal: this.props.modal, className: this.props.className, style: this.props.style },
+            React.createElement(MessageContainer, { severity: this.props.severity, className: this.props.contentClassName, style: this.props.contentStyle }, this.props.children)));
+    }
+}
+MessageBox.defaultProps = {
+    minWidth: 400,
+    minHeight: 400,
+    width: "512px",
+    modal: true,
+};
+export { MessageBox };
+/** Message Container React component.
+ * @public
+ */
+export class MessageContainer extends React.PureComponent {
+    /** Returns the class name associated with the WebFont icon corresponding to the MessageSeverity.
+     * @param severity MessageSeverity
+     * @param _hollow @deprecated in 4.0. Ignored.
+     * @deprecated in 4.0. Please use getIcon method
+     */
+    /* istanbul ignore next */
+    static getIconClassName(severity, _hollow) {
+        let iconClassName = "";
+        switch (severity) {
+            case MessageSeverity.None:
+                iconClassName = "";
+                break;
+            case MessageSeverity.Success:
+                iconClassName = "core-message-box-success";
+                break;
+            case MessageSeverity.Information:
+                iconClassName = "core-message-box-information";
+                break;
+            case MessageSeverity.Question:
+                iconClassName = "core-message-box-question";
+                break;
+            case MessageSeverity.Warning:
+                iconClassName = "core-message-box-warning"; // TODO - need icon-status-warning-hollow icon
+                break;
+            case MessageSeverity.Error:
+                iconClassName = "core-message-box-error";
+                break;
+            case MessageSeverity.Fatal:
+                iconClassName = "core-message-box-fatal";
+                break;
+        }
+        return iconClassName;
+    }
+    /** Returns the React icon corresponding to the MessageSeverity.
+     * @param severity MessageSeverity
+     * @param hollow set to true to return the hollow form of the icon.
+     * @returns IconSpec
+     */
+    /* ignore for unit tests and replace with visual testing */
+    /* istanbul ignore next */
+    static getIcon(severity, hollow) {
+        let iconSpec = "";
+        switch (severity) {
+            case MessageSeverity.None:
+                iconSpec = "";
+                break;
+            case MessageSeverity.Success:
+                iconSpec = hollow ? React.createElement(SvgStatusSuccessHollow, null) : React.createElement(SvgStatusSuccess, null);
+                break;
+            case MessageSeverity.Information:
+                iconSpec = hollow ? React.createElement(SvgInfoCircularHollow, null) : React.createElement(SvgInfoCircular, null);
+                break;
+            case MessageSeverity.Question:
+                iconSpec = hollow ? React.createElement(SvgHelpCircularHollow, null) : React.createElement(SvgHelpCircular, null);
+                break;
+            case MessageSeverity.Warning:
+                iconSpec = React.createElement(SvgStatusWarning, null); // TODO - need icon-status-warning-hollow icon
+                break;
+            case MessageSeverity.Error:
+                iconSpec = hollow ? React.createElement(SvgStatusErrorHollow, null) : React.createElement(SvgStatusError, null);
+                break;
+            case MessageSeverity.Fatal:
+                iconSpec = hollow ? React.createElement(SvgStatusRejectedHollow, null) : React.createElement(SvgStatusRejected, null);
+                break;
+        }
+        return iconSpec;
+    }
+    render() {
+        const iconClassName = classnames("icon", "core-message-box-icon");
+        const iconSpec = MessageContainer.getIcon(this.props.severity);
+        return (React.createElement("div", { className: "core-message-box-container" },
+            React.createElement("div", { className: iconClassName },
+                React.createElement(Icon, { iconSpec: iconSpec })),
+            React.createElement("div", { className: classnames("core-message-box-content", this.props.className), style: this.props.style }, this.props.children)));
+    }
+}
 //# sourceMappingURL=MessageBox.js.map

package/lib/esm/core-react/messagebox/MessageBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageBox.js","sourceRoot":"","sources":["../../../../src/core-react/messagebox/MessageBox.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 Dialog\r\n */\r\n\r\nimport \"./MessageBox.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { DialogButtonDef, MessageSeverity } from \"@itwin/appui-abstract\";\r\nimport { Dialog } from \"../dialog/Dialog\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { SvgHelpCircular, SvgHelpCircularHollow, SvgInfoCircular, SvgInfoCircularHollow, SvgStatusError, SvgStatusErrorHollow, SvgStatusRejected,\r\n  SvgStatusRejectedHollow,\r\n  SvgStatusSuccess, SvgStatusSuccessHollow, SvgStatusWarning } from \"@itwin/itwinui-icons-react\";\r\nimport { Icon, IconSpec } from \"../icons/IconComponent\";\r\n\r\n/** Properties for the [[MessageBox]] component\r\n * @public\r\n */\r\nexport interface MessageBoxProps extends CommonProps {\r\n  /** Severity of MessageBox */\r\n  severity: MessageSeverity;\r\n  /** whether to show dialog or not */\r\n  opened: boolean;\r\n  /** List of [[DialogButtonDef]] objects specifying buttons and associated onClick events */\r\n  buttonCluster: DialogButtonDef[];\r\n  /** Title to show in title bar of dialog  */\r\n  title?: string | JSX.Element;\r\n  /** onClick event for X button for dialog */\r\n  onClose?: () => void;\r\n  /** 'keyup' event for <Esc> key */\r\n  onEscape?: () => void;\r\n  /** minimum width that the dialog may be resized to. Default: 400 */\r\n  minWidth?: number;\r\n  /** minimum height that the dialog may be resized to. Default: 400 */\r\n  minHeight?: number;\r\n  /** initial width of dialog.\r\n   * Displayed in px if value is a number, otherwise displayed in specified CSS unit.\r\n   * Default: \"50%\"\r\n   */\r\n  width?: string | number;\r\n  /** initial height of dialog.\r\n   * Displayed in px if value is a number, otherwise displayed in specified CSS unit.\r\n   * Default: \"\"\r\n   */\r\n  height?: string | number;\r\n  /** Whether to show background overlay. Default: true */\r\n  modal?: boolean;\r\n  /** Custom CSS class name for the content */\r\n  contentClassName?: string;\r\n  /** Custom CSS Style for the content */\r\n  contentStyle?: React.CSSProperties;\r\n  /** Message content */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** Message Box React component.\r\n * @public\r\n */\r\nexport class MessageBox extends React.PureComponent<MessageBoxProps> {\r\n  public static defaultProps: Partial<MessageBoxProps> = {\r\n    minWidth: 400,\r\n    minHeight: 400,\r\n    width: \"512px\",\r\n    modal: true,\r\n  };\r\n\r\n  public override render(): JSX.Element {\r\n    return (\r\n      <Dialog\r\n        title={this.props.title}\r\n        buttonCluster={this.props.buttonCluster}\r\n        opened={this.props.opened}\r\n        width={this.props.width}\r\n        onClose={this.props.onClose}\r\n        onEscape={this.props.onEscape}\r\n        modal={this.props.modal}\r\n        className={this.props.className}\r\n        style={this.props.style} >\r\n        <MessageContainer severity={this.props.severity} className={this.props.contentClassName} style={this.props.contentStyle}>\r\n          {this.props.children}\r\n        </MessageContainer>\r\n      </Dialog>\r\n    );\r\n  }\r\n}\r\n\r\n/** Properties for the [[MessageContainer]] component\r\n * @public\r\n */\r\nexport interface MessageContainerProps extends CommonProps {\r\n  severity: MessageSeverity;\r\n  /** Message Content */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** Message Container React component.\r\n * @public\r\n */\r\nexport class MessageContainer extends React.PureComponent<MessageContainerProps> {\r\n  /** Returns the class name associated with the WebFont icon corresponding to the MessageSeverity.\r\n   * @param severity MessageSeverity\r\n   * @param _hollow @deprecated in 4.0. Ignored.\r\n   * @deprecated in 4.0. Please use getIcon method\r\n   */\r\n  /* istanbul ignore next */\r\n  public static getIconClassName(severity: MessageSeverity, _hollow?: boolean): string {\r\n    let iconClassName = \"\";\r\n\r\n    switch (severity) {\r\n      case MessageSeverity.None:\r\n        iconClassName = \"\";\r\n        break;\r\n      case MessageSeverity.Success:\r\n        iconClassName = \"core-message-box-success\";\r\n        break;\r\n      case MessageSeverity.Information:\r\n        iconClassName = \"core-message-box-information\";\r\n        break;\r\n      case MessageSeverity.Question:\r\n        iconClassName = \"core-message-box-question\";\r\n        break;\r\n      case MessageSeverity.Warning:\r\n        iconClassName = \"core-message-box-warning\";  // TODO - need icon-status-warning-hollow icon\r\n        break;\r\n      case MessageSeverity.Error:\r\n        iconClassName = \"core-message-box-error\";\r\n        break;\r\n      case MessageSeverity.Fatal:\r\n        iconClassName = \"core-message-box-fatal\";\r\n        break;\r\n    }\r\n\r\n    return iconClassName;\r\n  }\r\n\r\n  /** Returns the React icon corresponding to the MessageSeverity.\r\n   * @param severity MessageSeverity\r\n   * @param hollow set to true to return the hollow form of the icon.\r\n   * @returns IconSpec\r\n   */\r\n  /* ignore for unit tests and replace with visual testing */\r\n  /* istanbul ignore next */\r\n  public static getIcon(severity: MessageSeverity, hollow?: boolean): IconSpec {\r\n    let iconSpec: IconSpec = \"\";\r\n    switch (severity) {\r\n      case MessageSeverity.None:\r\n        iconSpec = \"\";\r\n        break;\r\n      case MessageSeverity.Success:\r\n        iconSpec = hollow ? <SvgStatusSuccessHollow /> : <SvgStatusSuccess />;\r\n        break;\r\n      case MessageSeverity.Information:\r\n        iconSpec = hollow ? <SvgInfoCircularHollow /> : <SvgInfoCircular />;\r\n        break;\r\n      case MessageSeverity.Question:\r\n        iconSpec = hollow ? <SvgHelpCircularHollow /> : <SvgHelpCircular />;\r\n        break;\r\n      case MessageSeverity.Warning:\r\n        iconSpec = <SvgStatusWarning />; // TODO - need icon-status-warning-hollow icon\r\n        break;\r\n      case MessageSeverity.Error:\r\n        iconSpec = hollow ? <SvgStatusErrorHollow /> : <SvgStatusError />;\r\n        break;\r\n      case MessageSeverity.Fatal:\r\n        iconSpec = hollow ? <SvgStatusRejectedHollow /> : <SvgStatusRejected />;\r\n        break;\r\n    }\r\n    return iconSpec;\r\n  }\r\n\r\n  public override render(): JSX.Element {\r\n    const iconClassName = classnames(\r\n      \"icon\",\r\n      \"core-message-box-icon\"\r\n    );\r\n\r\n    const iconSpec = MessageContainer.getIcon(this.props.severity);\r\n\r\n    return (\r\n      <div className=\"core-message-box-container\">\r\n        <div className={iconClassName} ><Icon iconSpec={iconSpec} /></div>\r\n        <div className={classnames(\"core-message-box-content\", this.props.className)} style={this.props.style}>\r\n          {this.props.children}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"MessageBox.js","sourceRoot":"","sources":["../../../../src/core-react/messagebox/MessageBox.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,eAAe,EAAE,qBAAqB,EAAE,cAAc,EAAE,oBAAoB,EAAE,iBAAiB,EAC9I,uBAAuB,EACvB,gBAAgB,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACjG,OAAO,EAAE,IAAI,EAAY,MAAM,wBAAwB,CAAC;AA0CxD;;GAEG;AACH,MAAa,UAAW,SAAQ,KAAK,CAAC,aAA8B;IAQlD,MAAM;QACpB,OAAO,CACL,oBAAC,MAAM,IACL,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EACvC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IACpH,IAAI,CAAC,KAAK,CAAC,QAAQ,CACH,CACZ,CACV,CAAC;IACJ,CAAC;;AAxBa,uBAAY,GAA6B;IACrD,QAAQ,EAAE,GAAG;IACb,SAAS,EAAE,GAAG;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,IAAI;CACZ,CAAC;SANS,UAAU;AAqCvB;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IAC9E;;;;OAIG;IACH,0BAA0B;IACnB,MAAM,CAAC,gBAAgB,CAAC,QAAyB,EAAE,OAAiB;QACzE,IAAI,aAAa,GAAG,EAAE,CAAC;QAEvB,QAAQ,QAAQ,EAAE;YAChB,KAAK,eAAe,CAAC,IAAI;gBACvB,aAAa,GAAG,EAAE,CAAC;gBACnB,MAAM;YACR,KAAK,eAAe,CAAC,OAAO;gBAC1B,aAAa,GAAG,0BAA0B,CAAC;gBAC3C,MAAM;YACR,KAAK,eAAe,CAAC,WAAW;gBAC9B,aAAa,GAAG,8BAA8B,CAAC;gBAC/C,MAAM;YACR,KAAK,eAAe,CAAC,QAAQ;gBAC3B,aAAa,GAAG,2BAA2B,CAAC;gBAC5C,MAAM;YACR,KAAK,eAAe,CAAC,OAAO;gBAC1B,aAAa,GAAG,0BAA0B,CAAC,CAAE,8CAA8C;gBAC3F,MAAM;YACR,KAAK,eAAe,CAAC,KAAK;gBACxB,aAAa,GAAG,wBAAwB,CAAC;gBACzC,MAAM;YACR,KAAK,eAAe,CAAC,KAAK;gBACxB,aAAa,GAAG,wBAAwB,CAAC;gBACzC,MAAM;SACT;QAED,OAAO,aAAa,CAAC;IACvB,CAAC;IAED;;;;OAIG;IACH,2DAA2D;IAC3D,0BAA0B;IACnB,MAAM,CAAC,OAAO,CAAC,QAAyB,EAAE,MAAgB;QAC/D,IAAI,QAAQ,GAAa,EAAE,CAAC;QAC5B,QAAQ,QAAQ,EAAE;YAChB,KAAK,eAAe,CAAC,IAAI;gBACvB,QAAQ,GAAG,EAAE,CAAC;gBACd,MAAM;YACR,KAAK,eAAe,CAAC,OAAO;gBAC1B,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,oBAAC,sBAAsB,OAAG,CAAC,CAAC,CAAC,oBAAC,gBAAgB,OAAG,CAAC;gBACtE,MAAM;YACR,KAAK,eAAe,CAAC,WAAW;gBAC9B,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,oBAAC,qBAAqB,OAAG,CAAC,CAAC,CAAC,oBAAC,eAAe,OAAG,CAAC;gBACpE,MAAM;YACR,KAAK,eAAe,CAAC,QAAQ;gBAC3B,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,oBAAC,qBAAqB,OAAG,CAAC,CAAC,CAAC,oBAAC,eAAe,OAAG,CAAC;gBACpE,MAAM;YACR,KAAK,eAAe,CAAC,OAAO;gBAC1B,QAAQ,GAAG,oBAAC,gBAAgB,OAAG,CAAC,CAAC,8CAA8C;gBAC/E,MAAM;YACR,KAAK,eAAe,CAAC,KAAK;gBACxB,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,oBAAC,oBAAoB,OAAG,CAAC,CAAC,CAAC,oBAAC,cAAc,OAAG,CAAC;gBAClE,MAAM;YACR,KAAK,eAAe,CAAC,KAAK;gBACxB,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,oBAAC,uBAAuB,OAAG,CAAC,CAAC,CAAC,oBAAC,iBAAiB,OAAG,CAAC;gBACxE,MAAM;SACT;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAEe,MAAM;QACpB,MAAM,aAAa,GAAG,UAAU,CAC9B,MAAM,EACN,uBAAuB,CACxB,CAAC;QAEF,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAE/D,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;YACzC,6BAAK,SAAS,EAAE,aAAa;gBAAG,oBAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAM;YAClE,6BAAK,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAClG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CACF,CACP,CAAC;IACJ,CAAC;CACF","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 Dialog\r\n */\r\n\r\nimport \"./MessageBox.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { DialogButtonDef, MessageSeverity } from \"@itwin/appui-abstract\";\r\nimport { Dialog } from \"../dialog/Dialog\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { SvgHelpCircular, SvgHelpCircularHollow, SvgInfoCircular, SvgInfoCircularHollow, SvgStatusError, SvgStatusErrorHollow, SvgStatusRejected,\r\n  SvgStatusRejectedHollow,\r\n  SvgStatusSuccess, SvgStatusSuccessHollow, SvgStatusWarning } from \"@itwin/itwinui-icons-react\";\r\nimport { Icon, IconSpec } from \"../icons/IconComponent\";\r\n\r\n/** Properties for the [[MessageBox]] component\r\n * @public\r\n */\r\nexport interface MessageBoxProps extends CommonProps {\r\n  /** Severity of MessageBox */\r\n  severity: MessageSeverity;\r\n  /** whether to show dialog or not */\r\n  opened: boolean;\r\n  /** List of [[DialogButtonDef]] objects specifying buttons and associated onClick events */\r\n  buttonCluster: DialogButtonDef[];\r\n  /** Title to show in title bar of dialog  */\r\n  title?: string | JSX.Element;\r\n  /** onClick event for X button for dialog */\r\n  onClose?: () => void;\r\n  /** 'keyup' event for <Esc> key */\r\n  onEscape?: () => void;\r\n  /** minimum width that the dialog may be resized to. Default: 400 */\r\n  minWidth?: number;\r\n  /** minimum height that the dialog may be resized to. Default: 400 */\r\n  minHeight?: number;\r\n  /** initial width of dialog.\r\n   * Displayed in px if value is a number, otherwise displayed in specified CSS unit.\r\n   * Default: \"50%\"\r\n   */\r\n  width?: string | number;\r\n  /** initial height of dialog.\r\n   * Displayed in px if value is a number, otherwise displayed in specified CSS unit.\r\n   * Default: \"\"\r\n   */\r\n  height?: string | number;\r\n  /** Whether to show background overlay. Default: true */\r\n  modal?: boolean;\r\n  /** Custom CSS class name for the content */\r\n  contentClassName?: string;\r\n  /** Custom CSS Style for the content */\r\n  contentStyle?: React.CSSProperties;\r\n  /** Message content */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** Message Box React component.\r\n * @public\r\n */\r\nexport class MessageBox extends React.PureComponent<MessageBoxProps> {\r\n  public static defaultProps: Partial<MessageBoxProps> = {\r\n    minWidth: 400,\r\n    minHeight: 400,\r\n    width: \"512px\",\r\n    modal: true,\r\n  };\r\n\r\n  public override render(): JSX.Element {\r\n    return (\r\n      <Dialog\r\n        title={this.props.title}\r\n        buttonCluster={this.props.buttonCluster}\r\n        opened={this.props.opened}\r\n        width={this.props.width}\r\n        onClose={this.props.onClose}\r\n        onEscape={this.props.onEscape}\r\n        modal={this.props.modal}\r\n        className={this.props.className}\r\n        style={this.props.style} >\r\n        <MessageContainer severity={this.props.severity} className={this.props.contentClassName} style={this.props.contentStyle}>\r\n          {this.props.children}\r\n        </MessageContainer>\r\n      </Dialog>\r\n    );\r\n  }\r\n}\r\n\r\n/** Properties for the [[MessageContainer]] component\r\n * @public\r\n */\r\nexport interface MessageContainerProps extends CommonProps {\r\n  severity: MessageSeverity;\r\n  /** Message Content */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** Message Container React component.\r\n * @public\r\n */\r\nexport class MessageContainer extends React.PureComponent<MessageContainerProps> {\r\n  /** Returns the class name associated with the WebFont icon corresponding to the MessageSeverity.\r\n   * @param severity MessageSeverity\r\n   * @param _hollow @deprecated in 4.0. Ignored.\r\n   * @deprecated in 4.0. Please use getIcon method\r\n   */\r\n  /* istanbul ignore next */\r\n  public static getIconClassName(severity: MessageSeverity, _hollow?: boolean): string {\r\n    let iconClassName = \"\";\r\n\r\n    switch (severity) {\r\n      case MessageSeverity.None:\r\n        iconClassName = \"\";\r\n        break;\r\n      case MessageSeverity.Success:\r\n        iconClassName = \"core-message-box-success\";\r\n        break;\r\n      case MessageSeverity.Information:\r\n        iconClassName = \"core-message-box-information\";\r\n        break;\r\n      case MessageSeverity.Question:\r\n        iconClassName = \"core-message-box-question\";\r\n        break;\r\n      case MessageSeverity.Warning:\r\n        iconClassName = \"core-message-box-warning\";  // TODO - need icon-status-warning-hollow icon\r\n        break;\r\n      case MessageSeverity.Error:\r\n        iconClassName = \"core-message-box-error\";\r\n        break;\r\n      case MessageSeverity.Fatal:\r\n        iconClassName = \"core-message-box-fatal\";\r\n        break;\r\n    }\r\n\r\n    return iconClassName;\r\n  }\r\n\r\n  /** Returns the React icon corresponding to the MessageSeverity.\r\n   * @param severity MessageSeverity\r\n   * @param hollow set to true to return the hollow form of the icon.\r\n   * @returns IconSpec\r\n   */\r\n  /* ignore for unit tests and replace with visual testing */\r\n  /* istanbul ignore next */\r\n  public static getIcon(severity: MessageSeverity, hollow?: boolean): IconSpec {\r\n    let iconSpec: IconSpec = \"\";\r\n    switch (severity) {\r\n      case MessageSeverity.None:\r\n        iconSpec = \"\";\r\n        break;\r\n      case MessageSeverity.Success:\r\n        iconSpec = hollow ? <SvgStatusSuccessHollow /> : <SvgStatusSuccess />;\r\n        break;\r\n      case MessageSeverity.Information:\r\n        iconSpec = hollow ? <SvgInfoCircularHollow /> : <SvgInfoCircular />;\r\n        break;\r\n      case MessageSeverity.Question:\r\n        iconSpec = hollow ? <SvgHelpCircularHollow /> : <SvgHelpCircular />;\r\n        break;\r\n      case MessageSeverity.Warning:\r\n        iconSpec = <SvgStatusWarning />; // TODO - need icon-status-warning-hollow icon\r\n        break;\r\n      case MessageSeverity.Error:\r\n        iconSpec = hollow ? <SvgStatusErrorHollow /> : <SvgStatusError />;\r\n        break;\r\n      case MessageSeverity.Fatal:\r\n        iconSpec = hollow ? <SvgStatusRejectedHollow /> : <SvgStatusRejected />;\r\n        break;\r\n    }\r\n    return iconSpec;\r\n  }\r\n\r\n  public override render(): JSX.Element {\r\n    const iconClassName = classnames(\r\n      \"icon\",\r\n      \"core-message-box-icon\"\r\n    );\r\n\r\n    const iconSpec = MessageContainer.getIcon(this.props.severity);\r\n\r\n    return (\r\n      <div className=\"core-message-box-container\">\r\n        <div className={iconClassName} ><Icon iconSpec={iconSpec} /></div>\r\n        <div className={classnames(\"core-message-box-content\", this.props.className)} style={this.props.style}>\r\n          {this.props.children}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/core-react/notification/MessageRenderer.d.ts

@@ -1,20 +1,20 @@
-/** @packageDocumentation
- * @module Notification
- */
-/// <reference types="react" />
-import { MessageType } from "./MessageType";
-import { ClassNameProps } from "../utils/Props";
-/** Properties for the [[MessageRenderer]] component
- * @public
- */
-export interface MessageRendererProps extends ClassNameProps {
-    /** Message to render */
-    message: MessageType;
-    /** Indicates whether to use a `span` or `div` element for rendering */
-    useSpan?: boolean;
-}
-/** React component renders a string, HTMLElement or React node in a `div` or `span`
- * @public
- */
-export declare function MessageRenderer(props: MessageRendererProps): JSX.Element | null;
+/** @packageDocumentation
+ * @module Notification
+ */
+/// <reference types="react" />
+import { MessageType } from "./MessageType";
+import { ClassNameProps } from "../utils/Props";
+/** Properties for the [[MessageRenderer]] component
+ * @public
+ */
+export interface MessageRendererProps extends ClassNameProps {
+    /** Message to render */
+    message: MessageType;
+    /** Indicates whether to use a `span` or `div` element for rendering */
+    useSpan?: boolean;
+}
+/** React component renders a string, HTMLElement or React node in a `div` or `span`
+ * @public
+ */
+export declare function MessageRenderer(props: MessageRendererProps): JSX.Element | null;
 //# sourceMappingURL=MessageRenderer.d.ts.map

package/lib/esm/core-react/notification/MessageRenderer.js

@@ -1,78 +1,78 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Notification
- */
-import * as React from "react";
-import DOMPurify, * as DOMPurifyNS from "dompurify";
-import { isHTMLElement, isReactMessage } from "./MessageType";
-/** React component renders a string, HTMLElement or React node in a `div` or `span`
- * @public
- */
-export function MessageRenderer(props) {
-    let messageNode = null;
-    const OutElement = props.useSpan ? "span" : "div";
-    if (typeof props.message === "string") {
-        messageNode = React.createElement(OutElement, { className: props.className }, props.message);
-    }
-    else if (isHTMLElement(props.message)) {
-        // the esm build of dompurify has a default import but the cjs build does not
-        // if there is a default export, use it (likely esm), otherwise use the namespace
-        // istanbul ignore next
-        const sanitizer = DOMPurify !== null && DOMPurify !== void 0 ? DOMPurify : DOMPurifyNS; // `sanitizer` is default function name for "jam3/no-sanitizer-with-danger" ESLint rule
-        let validAnchors = false;
-        let hasAnchors = false;
-        // verify that the tag has proper relationships
-        const isAnchorValid = (anchor) => {
-            return anchor.hasAttribute("rel") && (anchor.rel.includes("noopener") || anchor.rel.includes("noreferrer"));
-        };
-        // recursively check child elements for valid anchor tags
-        const checkChildAnchors = (parent) => {
-            const children = Array.from(parent.children);
-            for (const child of children) {
-                if (child.hasAttribute("target") && child.target === "_blank") {
-                    hasAnchors = true;
-                    validAnchors = isAnchorValid(child);
-                    if (!validAnchors) {
-                        return;
-                    }
-                }
-                checkChildAnchors(child);
-            }
-        };
-        // check for anchor tags in the message that have target _blank also have a relationship that avoids security holes
-        // https://web.dev/external-anchors-use-rel-noopener/
-        // first check the message element
-        /* istanbul ignore else */
-        if (props.message.hasAttribute("target") && props.message.target === "_blank") {
-            hasAnchors = true;
-            validAnchors = isAnchorValid(props.message);
-        }
-        else {
-            // if the message element is not an anchor, recursively verify it's children
-            if (props.message.children) {
-                checkChildAnchors(props.message);
-            }
-        }
-        let sanitizedHtml;
-        if (hasAnchors && validAnchors) {
-            // all anchors are valid. do not remove the target attr
-            sanitizedHtml = sanitizer.sanitize(props.message.outerHTML, { ADD_ATTR: ["target"] });
-        }
-        else {
-            sanitizedHtml = sanitizer.sanitize(props.message.outerHTML);
-        }
-        // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above
-        // eslint-disable-next-line @typescript-eslint/naming-convention, jam3/no-sanitizer-with-danger
-        messageNode = React.createElement(OutElement, { className: props.className, dangerouslySetInnerHTML: { __html: sanitizedHtml } });
-    }
-    else {
-        /* istanbul ignore else */
-        if (isReactMessage(props.message))
-            messageNode = React.createElement(OutElement, { className: props.className }, props.message.reactNode);
-    }
-    return messageNode;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Notification
+ */
+import * as React from "react";
+import DOMPurify, * as DOMPurifyNS from "dompurify";
+import { isHTMLElement, isReactMessage } from "./MessageType";
+/** React component renders a string, HTMLElement or React node in a `div` or `span`
+ * @public
+ */
+export function MessageRenderer(props) {
+    let messageNode = null;
+    const OutElement = props.useSpan ? "span" : "div";
+    if (typeof props.message === "string") {
+        messageNode = React.createElement(OutElement, { className: props.className }, props.message);
+    }
+    else if (isHTMLElement(props.message)) {
+        // the esm build of dompurify has a default import but the cjs build does not
+        // if there is a default export, use it (likely esm), otherwise use the namespace
+        // istanbul ignore next
+        const sanitizer = DOMPurify ?? DOMPurifyNS; // `sanitizer` is default function name for "jam3/no-sanitizer-with-danger" ESLint rule
+        let validAnchors = false;
+        let hasAnchors = false;
+        // verify that the tag has proper relationships
+        const isAnchorValid = (anchor) => {
+            return anchor.hasAttribute("rel") && (anchor.rel.includes("noopener") || anchor.rel.includes("noreferrer"));
+        };
+        // recursively check child elements for valid anchor tags
+        const checkChildAnchors = (parent) => {
+            const children = Array.from(parent.children);
+            for (const child of children) {
+                if (child.hasAttribute("target") && child.target === "_blank") {
+                    hasAnchors = true;
+                    validAnchors = isAnchorValid(child);
+                    if (!validAnchors) {
+                        return;
+                    }
+                }
+                checkChildAnchors(child);
+            }
+        };
+        // check for anchor tags in the message that have target _blank also have a relationship that avoids security holes
+        // https://web.dev/external-anchors-use-rel-noopener/
+        // first check the message element
+        /* istanbul ignore else */
+        if (props.message.hasAttribute("target") && props.message.target === "_blank") {
+            hasAnchors = true;
+            validAnchors = isAnchorValid(props.message);
+        }
+        else {
+            // if the message element is not an anchor, recursively verify it's children
+            if (props.message.children) {
+                checkChildAnchors(props.message);
+            }
+        }
+        let sanitizedHtml;
+        if (hasAnchors && validAnchors) {
+            // all anchors are valid. do not remove the target attr
+            sanitizedHtml = sanitizer.sanitize(props.message.outerHTML, { ADD_ATTR: ["target"] });
+        }
+        else {
+            sanitizedHtml = sanitizer.sanitize(props.message.outerHTML);
+        }
+        // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above
+        // eslint-disable-next-line @typescript-eslint/naming-convention, jam3/no-sanitizer-with-danger
+        messageNode = React.createElement(OutElement, { className: props.className, dangerouslySetInnerHTML: { __html: sanitizedHtml } });
+    }
+    else {
+        /* istanbul ignore else */
+        if (isReactMessage(props.message))
+            messageNode = React.createElement(OutElement, { className: props.className }, props.message.reactNode);
+    }
+    return messageNode;
+}
 //# sourceMappingURL=MessageRenderer.js.map