@itwin/core-react 4.17.6 → 5.0.0-dev.3

package/lib/core-react/loading/LoadingStatus.d.ts

@@ -0,0 +1,26 @@
+/** @packageDocumentation
+ * @module Loading
+ */
+import "./LoadingStatus.scss";
+import * as React from "react";
+import type { CommonProps } from "../utils/Props.js";
+/** Properties for [[LoadingStatus]] component
+ * @public
+ * @deprecated in 4.12.0. Props of deprecated component {@link LoadingStatus}.
+ */
+export interface LoadingStatusProps extends CommonProps {
+    /** Message (text) displayed */
+    message: string;
+    /** Percent displayed (as text) */
+    percent: number;
+}
+/** A loading indicator that shows status text along with the percentage.
+ * @public
+ * @deprecated in 4.12.0. Use labeled {@link https://itwinui.bentley.com/docs/progressindicator iTwinUI progress indicator} instead.
+ */
+export declare class LoadingStatus extends React.PureComponent<LoadingStatusProps> {
+    static defaultProps: Partial<LoadingStatusProps>;
+    private inRange;
+    render(): React.JSX.Element;
+}
+//# sourceMappingURL=LoadingStatus.d.ts.map

package/lib/core-react/loading/LoadingStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingStatus.d.ts","sourceRoot":"","sources":["../../../src/core-react/loading/LoadingStatus.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;;GAGG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,+BAA+B;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC;IACxE,OAAc,YAAY,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAGrD;IAGF,OAAO,CAAC,OAAO;IAMC,MAAM;CAavB"}

package/lib/core-react/loading/LoadingStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingStatus.js","sourceRoot":"","sources":["../../../src/core-react/loading/LoadingStatus.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAiC;IAMxE,kDAAkD;IAC1C,OAAO,CAAC,OAAe;QAC7B,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QACnC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC3B,OAAO,KAAK,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACvD,MAAM,cAAc,GAAG,UAAU,CAC/B,IAAI,CAAC,KAAK,CAAC,SAAS,EACpB,0BAA0B,CAC3B,CAAC;QACF,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACrD,8BAAM,SAAS,EAAC,wBAAwB,IAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAQ;YACpE,8BAAM,SAAS,EAAC,wBAAwB,IAAE,OAAO,CAAQ,CACrD,CACP,CAAC;IACJ,CAAC;;AAxBa,0BAAY,GAAgC;IACxD,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,CAAC;CACX,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 Loading\n */\n\nimport \"./LoadingStatus.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for [[LoadingStatus]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link LoadingStatus}.\n */\nexport interface LoadingStatusProps extends CommonProps {\n  /** Message (text) displayed */\n  message: string;\n  /** Percent displayed (as text) */\n  percent: number;\n}\n\n/** A loading indicator that shows status text along with the percentage.\n * @public\n * @deprecated in 4.12.0. Use labeled {@link https://itwinui.bentley.com/docs/progressindicator iTwinUI progress indicator} instead.\n */\nexport class LoadingStatus extends React.PureComponent<LoadingStatusProps> {\n  public static defaultProps: Partial<LoadingStatusProps> = {\n    message: \"\",\n    percent: 0,\n  };\n\n  // sanity check to keep percentage between 0 & 100\n  private inRange(percent: number): number {\n    let value = Math.min(percent, 100);\n    value = Math.max(value, 0);\n    return value;\n  }\n\n  public override render() {\n    const percent = `${this.inRange(this.props.percent)}%`;\n    const containerClass = classnames(\n      this.props.className,\n      \"loading-status-container\"\n    );\n    return (\n      <div className={containerClass} style={this.props.style}>\n        <span className=\"loading-status-message\">{this.props.message}</span>\n        <span className=\"loading-status-percent\">{percent}</span>\n      </div>\n    );\n  }\n}\n"]}

package/lib/core-react/loading/LoadingStatus.scss

@@ -0,0 +1,20 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+
+.loading-status-container {
+  display: flex;
+  align-items: center;
+  opacity: 0.9;
+  font-size: 12px;
+}
+
+.loading-status-message {
+  flex: 1;
+}
+
+.loading-status-percent {
+  flex: initial;
+  margin-right: auto;
+}

package/lib/core-react/loading/index.scss

@@ -0,0 +1,5 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@forward "./mixins";

package/lib/core-react/loading/mixins.scss

@@ -0,0 +1,57 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@forward "../style/index";
+
+@mixin uicore-spinner(
+  $size,
+  $borderSize: $size * 0.125,
+  $activeColor: var(--iui-color-icon-accent),
+  $selector: "&::after",
+  $time: 1.5s
+) {
+  // Animation Keyframes
+  @keyframes uicoreSpinner {
+    0% {
+      transform: translate3d(-50%, -50%, 0) rotate(0deg);
+    }
+    100% {
+      transform: translate3d(-50%, -50%, 0) rotate(360deg);
+    }
+  }
+
+  display: inline-block;
+  position: relative;
+
+  width: $size;
+  height: $size;
+
+  // Styles to fade out spinner when loaded
+  &.-loaded {
+    opacity: 0;
+    transition: opacity linear 0.1s;
+  }
+
+  // Spinner
+  #{$selector} {
+    height: $size;
+    width: $size;
+
+    border: solid $borderSize var(--iui-color-background-disabled);
+    border-bottom-color: #{$activeColor};
+    border-radius: 50%;
+    box-sizing: border-box;
+
+    content: "";
+    opacity: inherit;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+
+    animation: $time 0.1s linear infinite uicoreSpinner;
+    transform: translate3d(-50%, -50%, 0);
+    transform-origin: center;
+    will-change: transform;
+  }
+}

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

@@ -0,0 +1,90 @@
+/** @packageDocumentation
+ * @module Dialog
+ */
+import "./MessageBox.scss";
+import * as React from "react";
+import type { DialogButtonDef } from "@itwin/appui-abstract";
+import { MessageSeverity } from "@itwin/appui-abstract";
+import type { CommonProps } from "../utils/Props.js";
+import type { IconSpec } from "../icons/IconComponent.js";
+/** Properties for the [[MessageBox]] component
+ * @public
+ * @deprecated in 4.15.0. Props of deprecated {@link MessageBox} component.
+ */
+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 | React.ReactElement;
+    /** 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
+ * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI Dialog} instead.
+ */
+export declare class MessageBox extends React.PureComponent<MessageBoxProps> {
+    static defaultProps: Partial<MessageBoxProps>;
+    render(): React.ReactElement;
+}
+/** Properties for the [[MessageContainer]] component
+ * @public
+ * @deprecated in 4.15.0. Props of deprecated {@link MessageContainer} component.
+ */
+export interface MessageContainerProps extends CommonProps {
+    severity: MessageSeverity;
+    /** Message Content */
+    children?: React.ReactNode;
+}
+/** Message Container React component.
+ * @public
+ * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI Dialog} instead.
+ */
+export declare class MessageContainer extends React.PureComponent<MessageContainerProps> {
+    /** Returns the class name corresponding to the MessageSeverity.
+     * @param severity MessageSeverity
+     */
+    static getIconClassName(severity: MessageSeverity): string;
+    /** Returns the class name associated with the WebFont icon corresponding to the MessageSeverity.
+     * @param severity MessageSeverity
+     * @param hollow Should the icon be hollow
+     * @deprecated in 4.0.0. Hollow parameter ignored, WebFont is not returned, only the color.
+     */
+    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(): React.ReactElement;
+}
+//# sourceMappingURL=MessageBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBox.d.ts","sourceRoot":"","sources":["../../../src/core-react/messagebox/MessageBox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAerD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAK1D;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,6BAA6B;IAC7B,QAAQ,EAAE,eAAe,CAAC;IAC1B,oCAAoC;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,2FAA2F;IAC3F,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACpC,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uCAAuC;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC;IAClE,OAAc,YAAY,EAAE,OAAO,CAAC,eAAe,CAAC,CAKlD;IAEc,MAAM,IAAI,KAAK,CAAC,YAAY;CAuB7C;AAED;;;GAGG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,QAAQ,EAAE,eAAe,CAAC;IAC1B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC;IAC9E;;OAEG;WACW,gBAAgB,CAAC,QAAQ,EAAE,eAAe,GAAG,MAAM;IACjE;;;;OAIG;WACW,gBAAgB,CAC5B,QAAQ,EAAE,eAAe,EAEzB,MAAM,CAAC,EAAE,OAAO,GACf,MAAM;IAmCT;;;;OAIG;WAGW,OAAO,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ;IAK5D,MAAM,IAAI,KAAK,CAAC,YAAY;CA+B7C"}

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

@@ -0,0 +1,117 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { SvgHelpCircular, SvgHelpCircularHollow, SvgInfoCircular, SvgInfoCircularHollow, SvgStatusError, SvgStatusErrorHollow, SvgStatusRejected, SvgStatusRejectedHollow, SvgStatusSuccess, SvgStatusSuccessHollow, SvgStatusWarning, } from "@itwin/itwinui-icons-react";
+import { Icon } from "@itwin/itwinui-react";
+import { Dialog } from "../dialog/Dialog.js";
+/** Message Box React component.
+ * @public
+ * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI Dialog} instead.
+ */
+export class MessageBox extends React.PureComponent {
+    render() {
+        return (React.createElement(Dialog, { title: this.props.title, buttonCluster: this.props.buttonCluster, opened: this.props.opened, onClose: this.props.onClose, onEscape: this.props.onEscape, modal: this.props.modal, className: this.props.className, style: this.props.style, width: this.props.width },
+            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
+ * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI Dialog} instead.
+ */
+export class MessageContainer extends React.PureComponent {
+    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";
+                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 */
+    static getIcon(severity, hollow) {
+        const icon = getIcon(severity, hollow);
+        return icon ?? "";
+    }
+    render() {
+        const iconClassName = classnames("icon", "core-message-box-icon", MessageContainer.getIconClassName(this.props.severity));
+        const icon = getIcon(this.props.severity);
+        return (React.createElement("div", { className: "core-message-box-container" },
+            icon ? (React.createElement(Icon, { className: iconClassName, size: "large", fill: toFill(this.props.severity) }, icon)) : undefined,
+            React.createElement("div", { className: classnames("core-message-box-content", this.props.className), style: this.props.style }, this.props.children)));
+    }
+}
+function getIcon(severity, hollow) {
+    switch (severity) {
+        case MessageSeverity.None:
+            return undefined;
+        case MessageSeverity.Success:
+            return hollow ? React.createElement(SvgStatusSuccessHollow, null) : React.createElement(SvgStatusSuccess, null);
+        case MessageSeverity.Information:
+            return hollow ? React.createElement(SvgInfoCircularHollow, null) : React.createElement(SvgInfoCircular, null);
+        case MessageSeverity.Question:
+            return hollow ? React.createElement(SvgHelpCircularHollow, null) : React.createElement(SvgHelpCircular, null);
+        case MessageSeverity.Warning:
+            return React.createElement(SvgStatusWarning, null); // TODO - need icon-status-warning-hollow icon
+        case MessageSeverity.Error:
+            return hollow ? React.createElement(SvgStatusErrorHollow, null) : React.createElement(SvgStatusError, null);
+            break;
+        case MessageSeverity.Fatal:
+            return hollow ? React.createElement(SvgStatusRejectedHollow, null) : React.createElement(SvgStatusRejected, null);
+    }
+}
+function toFill(severity) {
+    switch (severity) {
+        case MessageSeverity.None:
+            return undefined;
+        case MessageSeverity.Success:
+            return "positive";
+        case MessageSeverity.Information:
+        case MessageSeverity.Question:
+            return "informational";
+        case MessageSeverity.Warning:
+            return "warning";
+        case MessageSeverity.Error:
+        case MessageSeverity.Fatal:
+            return "negative";
+    }
+    return undefined;
+}
+//# sourceMappingURL=MessageBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBox.js","sourceRoot":"","sources":["../../../src/core-react/messagebox/MessageBox.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 Dialog\n */\n\nimport \"./MessageBox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { DialogButtonDef } from \"@itwin/appui-abstract\";\nimport { MessageSeverity } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"../utils/Props.js\";\nimport {\n  SvgHelpCircular,\n  SvgHelpCircularHollow,\n  SvgInfoCircular,\n  SvgInfoCircularHollow,\n  SvgStatusError,\n  SvgStatusErrorHollow,\n  SvgStatusRejected,\n  SvgStatusRejectedHollow,\n  SvgStatusSuccess,\n  SvgStatusSuccessHollow,\n  SvgStatusWarning,\n} from \"@itwin/itwinui-icons-react\";\nimport { Icon } from \"@itwin/itwinui-react\";\nimport type { IconSpec } from \"../icons/IconComponent.js\";\nimport { Dialog } from \"../dialog/Dialog.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for the [[MessageBox]] component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link MessageBox} component.\n */\nexport interface MessageBoxProps extends CommonProps {\n  /** Severity of MessageBox */\n  severity: MessageSeverity;\n  /** whether to show dialog or not */\n  opened: boolean;\n  /** List of [[DialogButtonDef]] objects specifying buttons and associated onClick events */\n  buttonCluster: DialogButtonDef[];\n  /** Title to show in title bar of dialog  */\n  title?: string | React.ReactElement;\n  /** onClick event for X button for dialog */\n  onClose?: () => void;\n  /** 'keyup' event for <Esc> key */\n  onEscape?: () => void;\n  /** minimum width that the dialog may be resized to. Default: 400 */\n  minWidth?: number;\n  /** minimum height that the dialog may be resized to. Default: 400 */\n  minHeight?: number;\n  /** initial width of dialog.\n   * Displayed in px if value is a number, otherwise displayed in specified CSS unit.\n   * Default: \"50%\"\n   */\n  width?: string | number;\n  /** initial height of dialog.\n   * Displayed in px if value is a number, otherwise displayed in specified CSS unit.\n   * Default: \"\"\n   */\n  height?: string | number;\n  /** Whether to show background overlay. Default: true */\n  modal?: boolean;\n  /** Custom CSS class name for the content */\n  contentClassName?: string;\n  /** Custom CSS Style for the content */\n  contentStyle?: React.CSSProperties;\n  /** Message content */\n  children?: React.ReactNode;\n}\n\n/** Message Box React component.\n * @public\n * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI Dialog} instead.\n */\nexport class MessageBox extends React.PureComponent<MessageBoxProps> {\n  public static defaultProps: Partial<MessageBoxProps> = {\n    minWidth: 400,\n    minHeight: 400,\n    width: \"512px\",\n    modal: true,\n  };\n\n  public override render(): React.ReactElement {\n    return (\n      <Dialog\n        title={this.props.title}\n        buttonCluster={this.props.buttonCluster}\n        opened={this.props.opened}\n        onClose={this.props.onClose}\n        onEscape={this.props.onEscape}\n        modal={this.props.modal}\n        className={this.props.className}\n        style={this.props.style}\n        width={this.props.width}\n      >\n        <MessageContainer\n          severity={this.props.severity}\n          className={this.props.contentClassName}\n          style={this.props.contentStyle}\n        >\n          {this.props.children}\n        </MessageContainer>\n      </Dialog>\n    );\n  }\n}\n\n/** Properties for the [[MessageContainer]] component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link MessageContainer} component.\n */\nexport interface MessageContainerProps extends CommonProps {\n  severity: MessageSeverity;\n  /** Message Content */\n  children?: React.ReactNode;\n}\n\n/** Message Container React component.\n * @public\n * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI Dialog} instead.\n */\nexport class MessageContainer extends React.PureComponent<MessageContainerProps> {\n  /** Returns the class name corresponding to the MessageSeverity.\n   * @param severity MessageSeverity\n   */\n  public static getIconClassName(severity: MessageSeverity): string;\n  /** Returns the class name associated with the WebFont icon corresponding to the MessageSeverity.\n   * @param severity MessageSeverity\n   * @param hollow Should the icon be hollow\n   * @deprecated in 4.0.0. Hollow parameter ignored, WebFont is not returned, only the color.\n   */\n  public static getIconClassName(\n    severity: MessageSeverity,\n    // eslint-disable-next-line @typescript-eslint/unified-signatures\n    hollow?: boolean\n  ): string;\n\n  public static getIconClassName(\n    severity: MessageSeverity,\n    _hollow?: boolean\n  ): string {\n    let iconClassName = \"\";\n\n    switch (severity) {\n      case MessageSeverity.None:\n        iconClassName = \"\";\n        break;\n      case MessageSeverity.Success:\n        iconClassName = \"core-message-box-success\";\n        break;\n      case MessageSeverity.Information:\n        iconClassName = \"core-message-box-information\";\n        break;\n      case MessageSeverity.Question:\n        iconClassName = \"core-message-box-question\";\n        break;\n      case MessageSeverity.Warning:\n        iconClassName = \"core-message-box-warning\";\n        break;\n      case MessageSeverity.Error:\n        iconClassName = \"core-message-box-error\";\n        break;\n      case MessageSeverity.Fatal:\n        iconClassName = \"core-message-box-fatal\";\n        break;\n    }\n\n    return iconClassName;\n  }\n\n  /** Returns the React icon corresponding to the MessageSeverity.\n   * @param severity MessageSeverity\n   * @param hollow set to true to return the hollow form of the icon.\n   * @returns IconSpec\n   */\n  /* ignore for unit tests and replace with visual testing */\n\n  public static getIcon(severity: MessageSeverity, hollow?: boolean): IconSpec {\n    const icon = getIcon(severity, hollow);\n    return icon ?? \"\";\n  }\n\n  public override render(): React.ReactElement {\n    const iconClassName = classnames(\n      \"icon\",\n      \"core-message-box-icon\",\n      MessageContainer.getIconClassName(this.props.severity)\n    );\n\n    const icon = getIcon(this.props.severity);\n    return (\n      <div className=\"core-message-box-container\">\n        {icon ? (\n          <Icon\n            className={iconClassName}\n            size=\"large\"\n            fill={toFill(this.props.severity)}\n          >\n            {icon}\n          </Icon>\n        ) : undefined}\n        <div\n          className={classnames(\n            \"core-message-box-content\",\n            this.props.className\n          )}\n          style={this.props.style}\n        >\n          {this.props.children}\n        </div>\n      </div>\n    );\n  }\n}\n\nfunction getIcon(\n  severity: MessageSeverity,\n  hollow?: boolean\n): React.ReactElement | undefined {\n  switch (severity) {\n    case MessageSeverity.None:\n      return undefined;\n    case MessageSeverity.Success:\n      return hollow ? <SvgStatusSuccessHollow /> : <SvgStatusSuccess />;\n    case MessageSeverity.Information:\n      return hollow ? <SvgInfoCircularHollow /> : <SvgInfoCircular />;\n    case MessageSeverity.Question:\n      return hollow ? <SvgHelpCircularHollow /> : <SvgHelpCircular />;\n    case MessageSeverity.Warning:\n      return <SvgStatusWarning />; // TODO - need icon-status-warning-hollow icon\n    case MessageSeverity.Error:\n      return hollow ? <SvgStatusErrorHollow /> : <SvgStatusError />;\n      break;\n    case MessageSeverity.Fatal:\n      return hollow ? <SvgStatusRejectedHollow /> : <SvgStatusRejected />;\n  }\n}\n\ntype IconProps = React.ComponentProps<typeof Icon>;\n\nfunction toFill(severity: MessageSeverity): IconProps[\"fill\"] {\n  switch (severity) {\n    case MessageSeverity.None:\n      return undefined;\n    case MessageSeverity.Success:\n      return \"positive\";\n    case MessageSeverity.Information:\n    case MessageSeverity.Question:\n      return \"informational\";\n    case MessageSeverity.Warning:\n      return \"warning\";\n    case MessageSeverity.Error:\n    case MessageSeverity.Fatal:\n      return \"negative\";\n  }\n  return undefined;\n}\n"]}

package/lib/core-react/messagebox/MessageBox.scss

@@ -0,0 +1,52 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@use "../icons/variables" as *;
+@use "../style/baseline" as *;
+
+.core-message-box-container {
+  display: flex;
+  color: var(--iui-color-text);
+  gap: var(--iui-size-m);
+
+  .core-message-box-icon {
+    font-size: $uicore-icons-medium;
+  }
+
+  .core-message-box-content {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+
+    a {
+      // iTwinUI anchor link style
+      color: var(--iui-color-text-accent);
+      -webkit-tap-highlight-color: hsl(
+        var(--iui-color-accent-hsl) / var(--iui-opacity-6)
+      );
+      border-radius: var(--iui-border-radius-1);
+      cursor: pointer;
+      text-decoration: none;
+    }
+  }
+}
+
+.core-message-box-success {
+  color: var(--iui-color-text-positive);
+}
+.core-message-box-information,
+.core-message-box-question {
+  color: var(--iui-color-text-informational);
+}
+.core-message-box-warning {
+  color: var(--iui-color-text-warning);
+}
+.core-message-box-error,
+.core-message-box-fatal {
+  color: var(--iui-color-text-negative);
+}
+
+.notifymessage-icon {
+  margin-right: 6px;
+}

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

@@ -0,0 +1,22 @@
+/** @packageDocumentation
+ * @module Notification
+ */
+import * as React from "react";
+import type { MessageType } from "./MessageType.js";
+import type { ClassNameProps } from "../utils/Props.js";
+/** Properties for the [[MessageRenderer]] component
+ * @public
+ * @deprecated in 4.15.0. Props of deprecated {@link MessageRenderer} component.
+ */
+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
+ * @deprecated in 4.15.0. Used internally.
+ */
+export declare function MessageRenderer(props: MessageRendererProps): React.JSX.Element | null;
+//# sourceMappingURL=MessageRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageRenderer.d.ts","sourceRoot":"","sources":["../../../src/core-react/notification/MessageRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD;;;GAGG;AAEH,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,wBAAwB;IAExB,OAAO,EAAE,WAAW,CAAC;IACrB,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,4BAuF1D"}

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

@@ -0,0 +1,83 @@
+/*---------------------------------------------------------------------------------------------
+ * 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.js";
+/** React component renders a string, HTMLElement or React node in a `div` or `span`
+ * @public
+ * @deprecated in 4.15.0. Used internally.
+ */
+// eslint-disable-next-line deprecation/deprecation
+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
+        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
+        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);
+        }
+        messageNode = (React.createElement(OutElement, { className: props.className, 
+            // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above
+            // eslint-disable-next-line jam3/no-sanitizer-with-danger
+            dangerouslySetInnerHTML: { __html: sanitizedHtml } }));
+    }
+    else {
+        if (isReactMessage(props.message))
+            messageNode = (React.createElement(OutElement, { className: props.className }, props.message.reactNode));
+    }
+    return messageNode;
+}
+//# sourceMappingURL=MessageRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageRenderer.js","sourceRoot":"","sources":["../../../src/core-react/notification/MessageRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Notification\n */\n\nimport * as React from \"react\";\nimport DOMPurify, * as DOMPurifyNS from \"dompurify\";\nimport type { MessageType } from \"./MessageType.js\";\nimport { isHTMLElement, isReactMessage } from \"./MessageType.js\";\nimport type { ClassNameProps } from \"../utils/Props.js\";\n\n// cSpell:ignore dompurify\n\n/** Properties for the [[MessageRenderer]] component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link MessageRenderer} component.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface MessageRendererProps extends ClassNameProps {\n  /** Message to render */\n  // eslint-disable-next-line deprecation/deprecation\n  message: MessageType;\n  /** Indicates whether to use a `span` or `div` element for rendering */\n  useSpan?: boolean;\n}\n\n/** React component renders a string, HTMLElement or React node in a `div` or `span`\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function MessageRenderer(props: MessageRendererProps) {\n  let messageNode = null;\n  const OutElement = props.useSpan ? \"span\" : \"div\";\n\n  if (typeof props.message === \"string\") {\n    messageNode = (\n      <OutElement className={props.className}>{props.message}</OutElement>\n    );\n  } else if (isHTMLElement(props.message)) {\n    // the esm build of dompurify has a default import but the cjs build does not\n    // if there is a default export, use it (likely esm), otherwise use the namespace\n    const sanitizer = DOMPurify ?? DOMPurifyNS; // `sanitizer` is default function name for \"jam3/no-sanitizer-with-danger\" ESLint rule\n\n    let validAnchors = false;\n    let hasAnchors = false;\n\n    // verify that the tag has proper relationships\n    const isAnchorValid = (anchor: HTMLAnchorElement): boolean => {\n      return (\n        anchor.hasAttribute(\"rel\") &&\n        (anchor.rel.includes(\"noopener\") || anchor.rel.includes(\"noreferrer\"))\n      );\n    };\n\n    // recursively check child elements for valid anchor tags\n    const checkChildAnchors = (parent: Element) => {\n      const children = Array.from(parent.children);\n      for (const child of children) {\n        if (\n          child.hasAttribute(\"target\") &&\n          (child as HTMLAnchorElement).target === \"_blank\"\n        ) {\n          hasAnchors = true;\n          validAnchors = isAnchorValid(child as HTMLAnchorElement);\n          if (!validAnchors) {\n            return;\n          }\n        }\n        checkChildAnchors(child);\n      }\n    };\n\n    // check for anchor tags in the message that have target _blank also have a relationship that avoids security holes\n    // https://web.dev/external-anchors-use-rel-noopener/\n    // first check the message element\n\n    if (\n      props.message.hasAttribute(\"target\") &&\n      (props.message as HTMLAnchorElement).target === \"_blank\"\n    ) {\n      hasAnchors = true;\n      validAnchors = isAnchorValid(props.message as HTMLAnchorElement);\n    } else {\n      // if the message element is not an anchor, recursively verify it's children\n      if (props.message.children) {\n        checkChildAnchors(props.message);\n      }\n    }\n\n    let sanitizedHtml;\n    if (hasAnchors && validAnchors) {\n      // all anchors are valid. do not remove the target attr\n      sanitizedHtml = sanitizer.sanitize(props.message.outerHTML, {\n        ADD_ATTR: [\"target\"],\n      });\n    } else {\n      sanitizedHtml = sanitizer.sanitize(props.message.outerHTML);\n    }\n\n    messageNode = (\n      <OutElement\n        className={props.className}\n        // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above\n        // eslint-disable-next-line jam3/no-sanitizer-with-danger\n        dangerouslySetInnerHTML={{ __html: sanitizedHtml }}\n      />\n    );\n  } else {\n    if (isReactMessage(props.message))\n      messageNode = (\n        <OutElement className={props.className}>\n          {props.message.reactNode}\n        </OutElement>\n      );\n  }\n\n  return messageNode;\n}\n"]}

package/lib/core-react/notification/MessageType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageType.d.ts","sourceRoot":"","sources":["../../../src/core-react/notification/MessageType.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,CAAC;AAE9D;;GAEG;AACH,eAAO,MAAM,aAAa,YAAa,WAAW,2BAEjD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,YAChB,WAAW,4BAGrB,CAAC"}

package/lib/core-react/notification/MessageType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageType.js","sourceRoot":"","sources":["../../../src/core-react/notification/MessageType.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAoBH;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAoB,EAA0B,EAAE;IAC5E,OAAQ,OAAuB,CAAC,SAAS,KAAK,SAAS,CAAC;AAC1D,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,OAAoB,EACK,EAAE;IAC3B,OAAQ,OAAwB,CAAC,SAAS,KAAK,SAAS,CAAC;AAC3D,CAAC,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 type * as React from \"react\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Describes a React based message\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\nexport interface ReactMessage {\n  reactNode: React.ReactNode;\n}\n\n/** Types for message\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\nexport type MessageType = string | HTMLElement | ReactMessage;\n\n/** HTMLElement type guard.\n * @internal\n */\nexport const isHTMLElement = (message: MessageType): message is HTMLElement => {\n  return (message as HTMLElement).outerHTML !== undefined;\n};\n\n/** ReactMessage type guard.\n * @internal\n */\nexport const isReactMessage = (\n  message: MessageType\n): message is ReactMessage => {\n  return (message as ReactMessage).reactNode !== undefined;\n};\n"]}