@itwin/core-react 3.7.0-dev.7 → 3.7.0-dev.8

package/lib/cjs/core-react/loading/Spinner.scss

@@ -1,26 +1,26 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./mixins";
-
-$spinner-size-xlarge: 96px;
-$spinner-size-large:  64px;
-$spinner-size-medium: 32px;
-$spinner-size-small:  16px;
-
-.core-spinner-xlarge {
-  @include uicore-spinner($spinner-size-xlarge);
-}
-
-.core-spinner-large {
-  @include uicore-spinner($spinner-size-large);
-}
-
-.core-spinner-medium {
-  @include uicore-spinner($spinner-size-medium);
-}
-
-.core-spinner-small {
-  @include uicore-spinner($spinner-size-small);
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./mixins";
+
+$spinner-size-xlarge: 96px;
+$spinner-size-large:  64px;
+$spinner-size-medium: 32px;
+$spinner-size-small:  16px;
+
+.core-spinner-xlarge {
+  @include uicore-spinner($spinner-size-xlarge);
+}
+
+.core-spinner-large {
+  @include uicore-spinner($spinner-size-large);
+}
+
+.core-spinner-medium {
+  @include uicore-spinner($spinner-size-medium);
+}
+
+.core-spinner-small {
+  @include uicore-spinner($spinner-size-small);
+}

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

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

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

@@ -1,57 +1,57 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-
-@mixin uicore-spinner(
-  $size,
-  $borderSize: $size * 0.125,
-  $activeColor: $buic-foreground-primary,
-  $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 $buic-background-control-stroke;
-    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;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/index";
+
+@mixin uicore-spinner(
+  $size,
+  $borderSize: $size * 0.125,
+  $activeColor: $buic-foreground-primary,
+  $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 $buic-background-control-stroke;
+    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/cjs/core-react/messagebox/MessageBox.d.ts

@@ -1,65 +1,65 @@
-/** @packageDocumentation
- * @module Dialog
- */
-import "./MessageBox.scss";
-import * as React from "react";
-import { DialogButtonDef, MessageSeverity } from "@itwin/appui-abstract";
-import { CommonProps } from "../utils/Props";
-/** 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 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 Container React component.
- * @public
- */
-export declare class MessageContainer extends React.PureComponent<MessageContainerProps> {
-    static getIconClassName(severity: MessageSeverity, hollow?: boolean): string;
-    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";
+/** 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 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 Container React component.
+ * @public
+ */
+export declare class MessageContainer extends React.PureComponent<MessageContainerProps> {
+    static getIconClassName(severity: MessageSeverity, hollow?: boolean): string;
+    render(): JSX.Element;
+}
 //# sourceMappingURL=MessageBox.d.ts.map

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

@@ -1,71 +1,71 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Dialog
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageContainer = exports.MessageBox = void 0;
-require("./MessageBox.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const Dialog_1 = require("../dialog/Dialog");
-/** Message Box React component.
- * @public
- */
-class MessageBox extends React.PureComponent {
-    render() {
-        return (React.createElement(Dialog_1.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)));
-    }
-}
-exports.MessageBox = MessageBox;
-MessageBox.defaultProps = {
-    minWidth: 400,
-    minHeight: 400,
-    width: "512px",
-    modal: true,
-};
-/** Message Container React component.
- * @public
- */
-class MessageContainer extends React.PureComponent {
-    static getIconClassName(severity, hollow) {
-        let iconClassName = "";
-        switch (severity) {
-            case appui_abstract_1.MessageSeverity.None:
-                iconClassName = " ";
-                break;
-            case appui_abstract_1.MessageSeverity.Success:
-                iconClassName = hollow ? "icon-status-success-hollow" : "icon-status-success" + " core-message-box-success";
-                break;
-            case appui_abstract_1.MessageSeverity.Information:
-                iconClassName = hollow ? "icon-info-hollow" : "icon-info" + " core-message-box-information";
-                break;
-            case appui_abstract_1.MessageSeverity.Question:
-                iconClassName = hollow ? "icon-help-hollow" : "icon-help" + " core-message-box-question";
-                break;
-            case appui_abstract_1.MessageSeverity.Warning:
-                iconClassName = hollow ? "icon-status-warning" : "icon-status-warning" + " core-message-box-warning"; // TODO - need icon-status-warning-hollow icon
-                break;
-            case appui_abstract_1.MessageSeverity.Error:
-                iconClassName = hollow ? "icon-status-error-hollow" : "icon-status-error" + " core-message-box-error";
-                break;
-            case appui_abstract_1.MessageSeverity.Fatal:
-                iconClassName = hollow ? "icon-status-rejected" : "icon-status-rejected" + " core-message-box-fatal";
-                break;
-        }
-        return iconClassName;
-    }
-    render() {
-        const iconClassName = (0, classnames_1.default)("icon", "core-message-box-icon", MessageContainer.getIconClassName(this.props.severity));
-        return (React.createElement("div", { className: "core-message-box-container" },
-            React.createElement("div", { className: iconClassName }),
-            React.createElement("div", { className: (0, classnames_1.default)("core-message-box-content", this.props.className), style: this.props.style }, this.props.children)));
-    }
-}
-exports.MessageContainer = MessageContainer;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Dialog
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageContainer = exports.MessageBox = void 0;
+require("./MessageBox.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const Dialog_1 = require("../dialog/Dialog");
+/** Message Box React component.
+ * @public
+ */
+class MessageBox extends React.PureComponent {
+    render() {
+        return (React.createElement(Dialog_1.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)));
+    }
+}
+exports.MessageBox = MessageBox;
+MessageBox.defaultProps = {
+    minWidth: 400,
+    minHeight: 400,
+    width: "512px",
+    modal: true,
+};
+/** Message Container React component.
+ * @public
+ */
+class MessageContainer extends React.PureComponent {
+    static getIconClassName(severity, hollow) {
+        let iconClassName = "";
+        switch (severity) {
+            case appui_abstract_1.MessageSeverity.None:
+                iconClassName = " ";
+                break;
+            case appui_abstract_1.MessageSeverity.Success:
+                iconClassName = hollow ? "icon-status-success-hollow" : "icon-status-success" + " core-message-box-success";
+                break;
+            case appui_abstract_1.MessageSeverity.Information:
+                iconClassName = hollow ? "icon-info-hollow" : "icon-info" + " core-message-box-information";
+                break;
+            case appui_abstract_1.MessageSeverity.Question:
+                iconClassName = hollow ? "icon-help-hollow" : "icon-help" + " core-message-box-question";
+                break;
+            case appui_abstract_1.MessageSeverity.Warning:
+                iconClassName = hollow ? "icon-status-warning" : "icon-status-warning" + " core-message-box-warning"; // TODO - need icon-status-warning-hollow icon
+                break;
+            case appui_abstract_1.MessageSeverity.Error:
+                iconClassName = hollow ? "icon-status-error-hollow" : "icon-status-error" + " core-message-box-error";
+                break;
+            case appui_abstract_1.MessageSeverity.Fatal:
+                iconClassName = hollow ? "icon-status-rejected" : "icon-status-rejected" + " core-message-box-fatal";
+                break;
+        }
+        return iconClassName;
+    }
+    render() {
+        const iconClassName = (0, classnames_1.default)("icon", "core-message-box-icon", MessageContainer.getIconClassName(this.props.severity));
+        return (React.createElement("div", { className: "core-message-box-container" },
+            React.createElement("div", { className: iconClassName }),
+            React.createElement("div", { className: (0, classnames_1.default)("core-message-box-content", this.props.className), style: this.props.style }, this.props.children)));
+    }
+}
+exports.MessageContainer = MessageContainer;
 //# sourceMappingURL=MessageBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageBox.js","sourceRoot":"","sources":["../../../../src/core-react/messagebox/MessageBox.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,6BAA2B;AAC3B,2CAAoC;AACpC,+BAA+B;AAC/B,0DAAyE;AACzE,6CAA0C;AAyC1C;;GAEG;AACH,MAAa,UAAW,SAAQ,KAAK,CAAC,aAA8B;IAQlD,MAAM;QACpB,OAAO,CACL,oBAAC,eAAM,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;;AAzBH,gCA0BC;AAzBe,uBAAY,GAA6B;IACrD,QAAQ,EAAE,GAAG;IACb,SAAS,EAAE,GAAG;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,IAAI;CACZ,CAAC;AA6BJ;;GAEG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IACvE,MAAM,CAAC,gBAAgB,CAAC,QAAyB,EAAE,MAAgB;QACxE,IAAI,aAAa,GAAG,EAAE,CAAC;QAEvB,QAAQ,QAAQ,EAAE;YAChB,KAAK,gCAAe,CAAC,IAAI;gBACvB,aAAa,GAAG,GAAG,CAAC;gBACpB,MAAM;YACR,KAAK,gCAAe,CAAC,OAAO;gBAC1B,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,qBAAqB,GAAG,2BAA2B,CAAC;gBAC5G,MAAM;YACR,KAAK,gCAAe,CAAC,WAAW;gBAC9B,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,GAAG,+BAA+B,CAAC;gBAC5F,MAAM;YACR,KAAK,gCAAe,CAAC,QAAQ;gBAC3B,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,GAAG,4BAA4B,CAAC;gBACzF,MAAM;YACR,KAAK,gCAAe,CAAC,OAAO;gBAC1B,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,GAAG,2BAA2B,CAAC,CAAE,8CAA8C;gBACrJ,MAAM;YACR,KAAK,gCAAe,CAAC,KAAK;gBACxB,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,mBAAmB,GAAG,yBAAyB,CAAC;gBACtG,MAAM;YACR,KAAK,gCAAe,CAAC,KAAK;gBACxB,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,GAAG,yBAAyB,CAAC;gBACrG,MAAM;SACT;QAED,OAAO,aAAa,CAAC;IACvB,CAAC;IAEe,MAAM;QACpB,MAAM,aAAa,GAAG,IAAA,oBAAU,EAC9B,MAAM,EACN,uBAAuB,EACvB,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CACvD,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;YACzC,6BAAK,SAAS,EAAE,aAAa,GAAI;YACjC,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,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;AA/CD,4CA+CC","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\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}\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}\r\n\r\n/** Message Container React component.\r\n * @public\r\n */\r\nexport class MessageContainer extends React.PureComponent<MessageContainerProps> {\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 = hollow ? \"icon-status-success-hollow\" : \"icon-status-success\" + \" core-message-box-success\";\r\n        break;\r\n      case MessageSeverity.Information:\r\n        iconClassName = hollow ? \"icon-info-hollow\" : \"icon-info\" + \" core-message-box-information\";\r\n        break;\r\n      case MessageSeverity.Question:\r\n        iconClassName = hollow ? \"icon-help-hollow\" : \"icon-help\" + \" core-message-box-question\";\r\n        break;\r\n      case MessageSeverity.Warning:\r\n        iconClassName = hollow ? \"icon-status-warning\" : \"icon-status-warning\" + \" core-message-box-warning\";  // TODO - need icon-status-warning-hollow icon\r\n        break;\r\n      case MessageSeverity.Error:\r\n        iconClassName = hollow ? \"icon-status-error-hollow\" : \"icon-status-error\" + \" core-message-box-error\";\r\n        break;\r\n      case MessageSeverity.Fatal:\r\n        iconClassName = hollow ? \"icon-status-rejected\" : \"icon-status-rejected\" + \" core-message-box-fatal\";\r\n        break;\r\n    }\r\n\r\n    return iconClassName;\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      MessageContainer.getIconClassName(this.props.severity),\r\n    );\r\n\r\n    return (\r\n      <div className=\"core-message-box-container\">\r\n        <div className={iconClassName} />\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":"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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 { DialogButtonDef, MessageSeverity } from \"@itwin/appui-abstract\";\nimport { Dialog } from \"../dialog/Dialog\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for the [[MessageBox]] component\n * @public\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 | JSX.Element;\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}\n\n/** Message Box React component.\n * @public\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(): JSX.Element {\n    return (\n      <Dialog\n        title={this.props.title}\n        buttonCluster={this.props.buttonCluster}\n        opened={this.props.opened}\n        width={this.props.width}\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        <MessageContainer severity={this.props.severity} className={this.props.contentClassName} style={this.props.contentStyle}>\n          {this.props.children}\n        </MessageContainer>\n      </Dialog>\n    );\n  }\n}\n\n/** Properties for the [[MessageContainer]] component\n * @public\n */\nexport interface MessageContainerProps extends CommonProps {\n  severity: MessageSeverity;\n}\n\n/** Message Container React component.\n * @public\n */\nexport class MessageContainer extends React.PureComponent<MessageContainerProps> {\n  public static getIconClassName(severity: MessageSeverity, hollow?: boolean): string {\n    let iconClassName = \"\";\n\n    switch (severity) {\n      case MessageSeverity.None:\n        iconClassName = \" \";\n        break;\n      case MessageSeverity.Success:\n        iconClassName = hollow ? \"icon-status-success-hollow\" : \"icon-status-success\" + \" core-message-box-success\";\n        break;\n      case MessageSeverity.Information:\n        iconClassName = hollow ? \"icon-info-hollow\" : \"icon-info\" + \" core-message-box-information\";\n        break;\n      case MessageSeverity.Question:\n        iconClassName = hollow ? \"icon-help-hollow\" : \"icon-help\" + \" core-message-box-question\";\n        break;\n      case MessageSeverity.Warning:\n        iconClassName = hollow ? \"icon-status-warning\" : \"icon-status-warning\" + \" core-message-box-warning\";  // TODO - need icon-status-warning-hollow icon\n        break;\n      case MessageSeverity.Error:\n        iconClassName = hollow ? \"icon-status-error-hollow\" : \"icon-status-error\" + \" core-message-box-error\";\n        break;\n      case MessageSeverity.Fatal:\n        iconClassName = hollow ? \"icon-status-rejected\" : \"icon-status-rejected\" + \" core-message-box-fatal\";\n        break;\n    }\n\n    return iconClassName;\n  }\n\n  public override render(): JSX.Element {\n    const iconClassName = classnames(\n      \"icon\",\n      \"core-message-box-icon\",\n      MessageContainer.getIconClassName(this.props.severity),\n    );\n\n    return (\n      <div className=\"core-message-box-container\">\n        <div className={iconClassName} />\n        <div className={classnames(\"core-message-box-content\", this.props.className)} style={this.props.style}>\n          {this.props.children}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,46 +1,46 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
- @import "../icons/variables";
- @import "../style/colors";
- @import "../style/themecolors";
- @import "../style/baseline";
-
-.core-message-box-container {
-  display: flex;
-  color: $buic-foreground-body;
-
-  .core-message-box-icon {
-    flex: 0 0;
-    font-size: $uicore-icons-medium;
-    padding: 0 $uicore-unbordered-padding $uicore-unbordered-padding $uicore-unbordered-padding;
-    margin-top: 10px;
-  }
-
-  .core-message-box-content {
-    display: flex;
-    align-items: center;
-    flex: 1 1;
-  }
-}
-
-.core-message-box-success {
-  color: $buic-foreground-success;
-}
-.core-message-box-information {
-  color: $buic-foreground-primary;
-}
-.core-message-box-question {
-  color: $uicore-yellow;
-}
-.core-message-box-warning {
-  color: $buic-foreground-warning;
-}
-.core-message-box-error, .core-message-box-fatal {
-  color: $buic-foreground-alert;
-}
-
-.notifymessage-icon {
-  margin-right: 6px;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+ @import "../icons/variables";
+ @import "../style/colors";
+ @import "../style/themecolors";
+ @import "../style/baseline";
+
+.core-message-box-container {
+  display: flex;
+  color: $buic-foreground-body;
+
+  .core-message-box-icon {
+    flex: 0 0;
+    font-size: $uicore-icons-medium;
+    padding: 0 $uicore-unbordered-padding $uicore-unbordered-padding $uicore-unbordered-padding;
+    margin-top: 10px;
+  }
+
+  .core-message-box-content {
+    display: flex;
+    align-items: center;
+    flex: 1 1;
+  }
+}
+
+.core-message-box-success {
+  color: $buic-foreground-success;
+}
+.core-message-box-information {
+  color: $buic-foreground-primary;
+}
+.core-message-box-question {
+  color: $uicore-yellow;
+}
+.core-message-box-warning {
+  color: $buic-foreground-warning;
+}
+.core-message-box-error, .core-message-box-fatal {
+  color: $buic-foreground-alert;
+}
+
+.notifymessage-icon {
+  margin-right: 6px;
+}

package/lib/cjs/core-react/messagebox/MessageSeverity.d.ts

@@ -1,16 +1,16 @@
-/** @packageDocumentation
- * @module Dialog
- */
-/** Message Severity enum.
-  * @public
-  * @deprecated in 3.0. Use [MessageSeverity]($appui-abstract) instead
-  */
-export declare enum MessageSeverity {
-    None = 0,
-    Information = 1,
-    Question = 2,
-    Warning = 3,
-    Error = 4,
-    Fatal = 5
-}
+/** @packageDocumentation
+ * @module Dialog
+ */
+/** Message Severity enum.
+  * @public
+  * @deprecated in 3.0. Use [MessageSeverity]($appui-abstract) instead
+  */
+export declare enum MessageSeverity {
+    None = 0,
+    Information = 1,
+    Question = 2,
+    Warning = 3,
+    Error = 4,
+    Fatal = 5
+}
 //# sourceMappingURL=MessageSeverity.d.ts.map