@itwin/core-react 4.1.0-dev.1 → 4.2.0-dev.1

package/lib/cjs/core-react/loading/LoadingPrompt.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Loading
  */
@@ -24,12 +24,12 @@ class LoadingPrompt extends React.PureComponent {
         const isDeterminate = this.props.isDeterminate;
         return (React.createElement("div", { className: (0, classnames_1.default)("core-loadingprompt", this.props.className), style: this.props.style },
             React.createElement("span", { className: "title" }, this.props.title),
-            this.props.message && React.createElement("span", { className: "message" }, this.props.message),
-            isDeterminate && React.createElement(LoadingBar_1.LoadingBar, { style: { width: "100%" }, percent: this.props.percent, showPercentage: this.props.showPercentage }),
-            (isDeterminate && this.props.showStatus) &&
-                React.createElement(LoadingStatus_1.LoadingStatus, { style: { marginTop: ".5em", width: "100%", fontSize: ".75em" }, percent: this.props.percent, message: this.props.status }),
-            !isDeterminate && (this.props.showIndeterminateBar ? React.createElement(itwinui_react_1.ProgressLinear, { indeterminate: true }) : React.createElement(LoadingSpinner_1.LoadingSpinner, null)),
-            this.props.showCancel && React.createElement(itwinui_react_1.Button, { className: "loading-prompt-cancel", onClick: this.props.onCancel }, "Cancel")));
+            this.props.message && (React.createElement("span", { className: "message" }, this.props.message)),
+            isDeterminate && (React.createElement(LoadingBar_1.LoadingBar, { style: { width: "100%" }, percent: this.props.percent, showPercentage: this.props.showPercentage })),
+            isDeterminate && this.props.showStatus && (React.createElement(LoadingStatus_1.LoadingStatus, { style: { marginTop: ".5em", width: "100%", fontSize: ".75em" }, percent: this.props.percent, message: this.props.status })),
+            !isDeterminate &&
+                (this.props.showIndeterminateBar ? (React.createElement(itwinui_react_1.ProgressLinear, { indeterminate: true })) : (React.createElement(LoadingSpinner_1.LoadingSpinner, null))),
+            this.props.showCancel && (React.createElement(itwinui_react_1.Button, { className: "loading-prompt-cancel", onClick: this.props.onCancel }, "Cancel"))));
     }
 }
 LoadingPrompt.defaultProps = {

package/lib/cjs/core-react/loading/LoadingPrompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingPrompt.js","sourceRoot":"","sources":["../../../../src/core-react/loading/LoadingPrompt.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAC/B,wDAA8D;AAC9D,6CAA0C;AAC1C,qDAAkD;AAClD,mDAAgD;AA+BhD;;;GAGG;AACH,MAAa,aAAc,SAAQ,KAAK,CAAC,aAAiC;IAWxD,MAAM;QACpB,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;QAE/C,OAAO,CACL,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,oBAAoB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAC7F,8BAAM,SAAS,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAQ;YAChD,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,8BAAM,SAAS,EAAC,SAAS,IAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAQ;YAC3E,aAAa,IAAI,oBAAC,uBAAU,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GAAI;YACjI,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;gBACvC,oBAAC,6BAAa,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAI;YAC3I,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAC,8BAAc,IAAC,aAAa,SAAG,CAAC,CAAC,CAAC,oBAAC,+BAAc,OAAG,CAAC;YAC3G,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,oBAAC,sBAAM,IAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,aAAiB,CAC7G,CACP,CAAC;IACJ,CAAC;;AAxBa,0BAAY,GAAgC;IACxD,cAAc,EAAE,KAAK;IACrB,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,KAAK;IACpB,oBAAoB,EAAE,KAAK;IAC3B,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,EAAE;CACX,CAAC;AATS,sCAAa","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 \"./LoadingPrompt.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Button, ProgressLinear } from \"@itwin/itwinui-react\";\nimport { LoadingBar } from \"./LoadingBar\";\nimport { LoadingSpinner } from \"./LoadingSpinner\";\nimport { LoadingStatus } from \"./LoadingStatus\";\nimport type { CommonProps } from \"../utils/Props\";\n\n// cspell:ignore loadingprompt\n\n/** Properties for [[LoadingPrompt]] component\n * @public\n */\nexport interface LoadingPromptProps extends CommonProps {\n  /** Title */\n  title: string;\n  /** Message displayed below the title (optional) */\n  message?: string;\n  /** Determine if a percentage bar is displayed (isDeterminate=true), otherwise a loading spinner or indeterminate progress bar is shown. */\n  isDeterminate: boolean;\n  /** Show current status and percentage. Default is false (not shown) */\n  showStatus: boolean;\n  /** Show cancel button. Default is false (not shown) */\n  showCancel: boolean;\n  /** Current loading status text (optional). Only shown if showStatus=true and isDeterminate=true */\n  status: string;\n  /** Current percentage.  Only used if isDeterminate=true */\n  percent: number;\n  /** Show percentage at the end of the loading bar (optional). Only shown if isDeterminate=true and showStatus=false */\n  showPercentage: boolean;\n  /** Show indeterminate progress bar instead of loading spinner */\n  showIndeterminateBar: boolean;\n  /** Function called when Cancel button is clicked. */\n  onCancel?: () => void;\n}\n\n/**\n * A component to display during loading that optionally shows percentage, status text and a cancel button.\n * @public\n */\nexport class LoadingPrompt extends React.PureComponent<LoadingPromptProps> {\n  public static defaultProps: Partial<LoadingPromptProps> = {\n    showPercentage: false,\n    showStatus: false,\n    showCancel: false,\n    isDeterminate: false,\n    showIndeterminateBar: false,\n    percent: 0,\n    status: \"\",\n  };\n\n  public override render() {\n    const isDeterminate = this.props.isDeterminate;\n\n    return (\n      <div className={classnames(\"core-loadingprompt\", this.props.className)} style={this.props.style}>\n        <span className=\"title\">{this.props.title}</span>\n        {this.props.message && <span className=\"message\">{this.props.message}</span>}\n        {isDeterminate && <LoadingBar style={{ width: \"100%\" }} percent={this.props.percent} showPercentage={this.props.showPercentage} />}\n        {(isDeterminate && this.props.showStatus) &&\n          <LoadingStatus style={{ marginTop: \".5em\", width: \"100%\", fontSize: \".75em\" }} percent={this.props.percent} message={this.props.status} />}\n        {!isDeterminate && (this.props.showIndeterminateBar ? <ProgressLinear indeterminate /> : <LoadingSpinner />)}\n        {this.props.showCancel && <Button className=\"loading-prompt-cancel\" onClick={this.props.onCancel}>Cancel</Button>}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"LoadingPrompt.js","sourceRoot":"","sources":["../../../../src/core-react/loading/LoadingPrompt.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAC/B,wDAA8D;AAC9D,6CAA0C;AAC1C,qDAAkD;AAClD,mDAAgD;AA+BhD;;;GAGG;AACH,MAAa,aAAc,SAAQ,KAAK,CAAC,aAAiC;IAWxD,MAAM;QACpB,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;QAE/C,OAAO,CACL,6BACE,SAAS,EAAE,IAAA,oBAAU,EAAC,oBAAoB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EACjE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAEvB,8BAAM,SAAS,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAQ;YAChD,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CACrB,8BAAM,SAAS,EAAC,SAAS,IAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAQ,CACtD;YACA,aAAa,IAAI,CAChB,oBAAC,uBAAU,IACT,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC,CACH;YACA,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CACzC,oBAAC,6BAAa,IACZ,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC9D,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAC1B,CACH;YACA,CAAC,aAAa;gBACb,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,CACjC,oBAAC,8BAAc,IAAC,aAAa,SAAG,CACjC,CAAC,CAAC,CAAC,CACF,oBAAC,+BAAc,OAAG,CACnB,CAAC;YACH,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CACxB,oBAAC,sBAAM,IACL,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,aAGrB,CACV,CACG,CACP,CAAC;IACJ,CAAC;;AApDa,0BAAY,GAAgC;IACxD,cAAc,EAAE,KAAK;IACrB,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,KAAK;IACpB,oBAAoB,EAAE,KAAK;IAC3B,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,EAAE;CACX,CAAC;AATS,sCAAa","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 \"./LoadingPrompt.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Button, ProgressLinear } from \"@itwin/itwinui-react\";\nimport { LoadingBar } from \"./LoadingBar\";\nimport { LoadingSpinner } from \"./LoadingSpinner\";\nimport { LoadingStatus } from \"./LoadingStatus\";\nimport type { CommonProps } from \"../utils/Props\";\n\n// cspell:ignore loadingprompt\n\n/** Properties for [[LoadingPrompt]] component\n * @public\n */\nexport interface LoadingPromptProps extends CommonProps {\n  /** Title */\n  title: string;\n  /** Message displayed below the title (optional) */\n  message?: string;\n  /** Determine if a percentage bar is displayed (isDeterminate=true), otherwise a loading spinner or indeterminate progress bar is shown. */\n  isDeterminate: boolean;\n  /** Show current status and percentage. Default is false (not shown) */\n  showStatus: boolean;\n  /** Show cancel button. Default is false (not shown) */\n  showCancel: boolean;\n  /** Current loading status text (optional). Only shown if showStatus=true and isDeterminate=true */\n  status: string;\n  /** Current percentage.  Only used if isDeterminate=true */\n  percent: number;\n  /** Show percentage at the end of the loading bar (optional). Only shown if isDeterminate=true and showStatus=false */\n  showPercentage: boolean;\n  /** Show indeterminate progress bar instead of loading spinner */\n  showIndeterminateBar: boolean;\n  /** Function called when Cancel button is clicked. */\n  onCancel?: () => void;\n}\n\n/**\n * A component to display during loading that optionally shows percentage, status text and a cancel button.\n * @public\n */\nexport class LoadingPrompt extends React.PureComponent<LoadingPromptProps> {\n  public static defaultProps: Partial<LoadingPromptProps> = {\n    showPercentage: false,\n    showStatus: false,\n    showCancel: false,\n    isDeterminate: false,\n    showIndeterminateBar: false,\n    percent: 0,\n    status: \"\",\n  };\n\n  public override render() {\n    const isDeterminate = this.props.isDeterminate;\n\n    return (\n      <div\n        className={classnames(\"core-loadingprompt\", this.props.className)}\n        style={this.props.style}\n      >\n        <span className=\"title\">{this.props.title}</span>\n        {this.props.message && (\n          <span className=\"message\">{this.props.message}</span>\n        )}\n        {isDeterminate && (\n          <LoadingBar\n            style={{ width: \"100%\" }}\n            percent={this.props.percent}\n            showPercentage={this.props.showPercentage}\n          />\n        )}\n        {isDeterminate && this.props.showStatus && (\n          <LoadingStatus\n            style={{ marginTop: \".5em\", width: \"100%\", fontSize: \".75em\" }}\n            percent={this.props.percent}\n            message={this.props.status}\n          />\n        )}\n        {!isDeterminate &&\n          (this.props.showIndeterminateBar ? (\n            <ProgressLinear indeterminate />\n          ) : (\n            <LoadingSpinner />\n          ))}\n        {this.props.showCancel && (\n          <Button\n            className=\"loading-prompt-cancel\"\n            onClick={this.props.onCancel}\n          >\n            Cancel\n          </Button>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/lib/cjs/core-react/loading/LoadingSpinner.d.ts

@@ -17,9 +17,9 @@ export interface LoadingSpinnerProps extends Omit<ProgressRadialProps, "size"> {
     /** Position the message above or below the spinner (defaults to bottom) */
     messageOnTop?: boolean;
     /**
-       * Size of the progress indicator. Defaults to medium size.
-       * @default ''
-       */
+     * Size of the progress indicator. Defaults to medium size.
+     * @default ''
+     */
     size?: RadialSizeType;
 }
 /**

package/lib/cjs/core-react/loading/LoadingSpinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../../src/core-react/loading/LoadingSpinner.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGhE;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC;IAC5E,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;SAGK;IACL,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED;;;GAGG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC;IAC1E,OAAc,YAAY,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAEtD;IAEc,MAAM;CAUvB"}
+{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../../src/core-react/loading/LoadingSpinner.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGhE;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC;IAC5E,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED;;;GAGG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC;IAC1E,OAAc,YAAY,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAEtD;IAEc,MAAM;CAcvB"}

package/lib/cjs/core-react/loading/LoadingSpinner.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Loading
  */
@@ -19,9 +19,9 @@ class LoadingSpinner extends React.PureComponent {
     render() {
         const { message, messageOnTop, size, ...rest } = this.props;
         return (React.createElement("div", { className: "core-ls" },
-            (message && messageOnTop) && React.createElement("span", { className: "ls-message-top" }, message),
+            message && messageOnTop && (React.createElement("span", { className: "ls-message-top" }, message)),
             React.createElement(itwinui_react_1.ProgressRadial, { size: size, ...rest, indeterminate: true }),
-            (message && !messageOnTop) && React.createElement("span", { className: "ls-message-bottom" }, message)));
+            message && !messageOnTop && (React.createElement("span", { className: "ls-message-bottom" }, message))));
     }
 }
 LoadingSpinner.defaultProps = {

package/lib/cjs/core-react/loading/LoadingSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../src/core-react/loading/LoadingSpinner.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA+B;AAC/B,+BAA+B;AAE/B,wDAAsD;AAsBtD;;;GAGG;AACH,MAAa,cAAe,SAAQ,KAAK,CAAC,aAAkC;IAK1D,MAAM;QACpB,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5D,OAAO,CACL,6BAAK,SAAS,EAAC,SAAS;YACrB,CAAC,OAAO,IAAI,YAAY,CAAC,IAAI,8BAAM,SAAS,EAAC,gBAAgB,IAAE,OAAO,CAAQ;YAC/E,oBAAC,8BAAc,IAAC,IAAI,EAAE,IAAI,KAAM,IAAI,EAAE,aAAa,SAAG;YACrD,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,8BAAM,SAAS,EAAC,mBAAmB,IAAE,OAAO,CAAQ,CAC/E,CACP,CAAC;IACJ,CAAC;;AAba,2BAAY,GAAiC;IACzD,YAAY,EAAE,KAAK;CACpB,CAAC;AAHS,wCAAc","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 \"./LoadingSpinner.scss\";\nimport * as React from \"react\";\nimport type { ProgressRadialProps } from \"@itwin/itwinui-react\";\nimport { ProgressRadial } from \"@itwin/itwinui-react\";\n\n/** Type for ProgressRadialProps.size\n * @public\n */\nexport type RadialSizeType = ProgressRadialProps[\"size\"];\n\n/** Properties for [[LoadingSpinner]] component\n * @public\n */\nexport interface LoadingSpinnerProps extends Omit<ProgressRadialProps, \"size\"> {\n  /** Message (text) displayed */\n  message?: string;\n  /** Position the message above or below the spinner (defaults to bottom) */\n  messageOnTop?: boolean;\n  /**\n     * Size of the progress indicator. Defaults to medium size.\n     * @default ''\n     */\n  size?: RadialSizeType;\n}\n\n/**\n * A loading spinner component that optionally shows a text message.\n * @public\n */\nexport class LoadingSpinner extends React.PureComponent<LoadingSpinnerProps> {\n  public static defaultProps: Partial<LoadingSpinnerProps> = {\n    messageOnTop: false,\n  };\n\n  public override render() {\n    const { message, messageOnTop, size, ...rest } = this.props;\n    return (\n      <div className=\"core-ls\">\n        {(message && messageOnTop) && <span className=\"ls-message-top\">{message}</span>}\n        <ProgressRadial size={size} {...rest} indeterminate />\n        {(message && !messageOnTop) && <span className=\"ls-message-bottom\">{message}</span>}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../src/core-react/loading/LoadingSpinner.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,iCAA+B;AAC/B,+BAA+B;AAE/B,wDAAsD;AAsBtD;;;GAGG;AACH,MAAa,cAAe,SAAQ,KAAK,CAAC,aAAkC;IAK1D,MAAM;QACpB,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5D,OAAO,CACL,6BAAK,SAAS,EAAC,SAAS;YACrB,OAAO,IAAI,YAAY,IAAI,CAC1B,8BAAM,SAAS,EAAC,gBAAgB,IAAE,OAAO,CAAQ,CAClD;YACD,oBAAC,8BAAc,IAAC,IAAI,EAAE,IAAI,KAAM,IAAI,EAAE,aAAa,SAAG;YACrD,OAAO,IAAI,CAAC,YAAY,IAAI,CAC3B,8BAAM,SAAS,EAAC,mBAAmB,IAAE,OAAO,CAAQ,CACrD,CACG,CACP,CAAC;IACJ,CAAC;;AAjBa,2BAAY,GAAiC;IACzD,YAAY,EAAE,KAAK;CACpB,CAAC;AAHS,wCAAc","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 \"./LoadingSpinner.scss\";\nimport * as React from \"react\";\nimport type { ProgressRadialProps } from \"@itwin/itwinui-react\";\nimport { ProgressRadial } from \"@itwin/itwinui-react\";\n\n/** Type for ProgressRadialProps.size\n * @public\n */\nexport type RadialSizeType = ProgressRadialProps[\"size\"];\n\n/** Properties for [[LoadingSpinner]] component\n * @public\n */\nexport interface LoadingSpinnerProps extends Omit<ProgressRadialProps, \"size\"> {\n  /** Message (text) displayed */\n  message?: string;\n  /** Position the message above or below the spinner (defaults to bottom) */\n  messageOnTop?: boolean;\n  /**\n   * Size of the progress indicator. Defaults to medium size.\n   * @default ''\n   */\n  size?: RadialSizeType;\n}\n\n/**\n * A loading spinner component that optionally shows a text message.\n * @public\n */\nexport class LoadingSpinner extends React.PureComponent<LoadingSpinnerProps> {\n  public static defaultProps: Partial<LoadingSpinnerProps> = {\n    messageOnTop: false,\n  };\n\n  public override render() {\n    const { message, messageOnTop, size, ...rest } = this.props;\n    return (\n      <div className=\"core-ls\">\n        {message && messageOnTop && (\n          <span className=\"ls-message-top\">{message}</span>\n        )}\n        <ProgressRadial size={size} {...rest} indeterminate />\n        {message && !messageOnTop && (\n          <span className=\"ls-message-bottom\">{message}</span>\n        )}\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1 +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,gBAAgB,CAAC;AAElD;;GAEG;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;CAUvB"}
+{"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,gBAAgB,CAAC;AAElD;;GAEG;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/cjs/core-react/loading/LoadingStatus.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Loading
  */

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingStatus.js","sourceRoot":"","sources":["../../../../src/core-react/loading/LoadingStatus.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAa/B;;;GAGG;AACH,MAAa,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,IAAA,oBAAU,EAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,0BAA0B,CAAC,CAAC;QACpF,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;;AArBa,0BAAY,GAAgC;IACxD,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,CAAC;CACX,CAAC;AAJS,sCAAa","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\";\n\n/** Properties for [[LoadingStatus]] component\n * @public\n */\nexport interface LoadingStatusProps extends CommonProps {\n  /** Message (text) displayed */\n  message: string;\n  /** Percent displayed (as text) */\n  percent: number;\n}\n\n/**\n * A loading indicator that shows status text along with the percentage.\n * @public\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(this.props.className, \"loading-status-container\");\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"]}
+{"version":3,"file":"LoadingStatus.js","sourceRoot":"","sources":["../../../../src/core-react/loading/LoadingStatus.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAa/B;;;GAGG;AACH,MAAa,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,IAAA,oBAAU,EAC/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;AAJS,sCAAa","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\";\n\n/** Properties for [[LoadingStatus]] component\n * @public\n */\nexport interface LoadingStatusProps extends CommonProps {\n  /** Message (text) displayed */\n  message: string;\n  /** Percent displayed (as text) */\n  percent: number;\n}\n\n/**\n * A loading indicator that shows status text along with the percentage.\n * @public\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/cjs/core-react/loading/LoadingStatus.scss

@@ -1,12 +1,12 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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.90;
+  opacity: 0.9;
   font-size: 12px;
 }
 

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

@@ -18,7 +18,7 @@ export interface MessageBoxProps extends CommonProps {
     /** List of [[DialogButtonDef]] objects specifying buttons and associated onClick events */
     buttonCluster: DialogButtonDef[];
     /** Title to show in title bar of dialog  */
-    title?: string | JSX.Element;
+    title?: string | React.ReactElement;
     /** onClick event for X button for dialog */
     onClose?: () => void;
     /** 'keyup' event for <Esc> key */
@@ -51,7 +51,7 @@ export interface MessageBoxProps extends CommonProps {
  */
 export declare class MessageBox extends React.PureComponent<MessageBoxProps> {
     static defaultProps: Partial<MessageBoxProps>;
-    render(): JSX.Element;
+    render(): React.ReactElement;
 }
 /** Properties for the [[MessageContainer]] component
  * @public
@@ -77,6 +77,6 @@ export declare class MessageContainer extends React.PureComponent<MessageContain
      * @returns IconSpec
      */
     static getIcon(severity: MessageSeverity, hollow?: boolean): IconSpec;
-    render(): JSX.Element;
+    render(): React.ReactElement;
 }
 //# sourceMappingURL=MessageBox.d.ts.map

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

@@ -1 +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,EAAC,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGvD;;GAEG;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,GAAG,CAAC,OAAO,CAAC;IAC7B,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;;GAEG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC;IAClE,OAAc,YAAY,EAAE,OAAO,CAAC,eAAe,CAAC,CAKlD;IAEc,MAAM,IAAI,GAAG,CAAC,OAAO;CAkBtC;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,QAAQ,EAAE,eAAe,CAAC;IAC1B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC;IAC9E;;;;OAIG;WAEW,gBAAgB,CAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM;IA8BpF;;;;OAIG;WAGW,OAAO,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ;IA4B5D,MAAM,IAAI,GAAG,CAAC,OAAO;CAiBtC"}
+{"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;AAExD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAclD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGvD;;GAEG;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;;GAEG;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;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,QAAQ,EAAE,eAAe,CAAC;IAC1B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC;IAC9E;;;;OAIG;WAEW,gBAAgB,CAC5B,QAAQ,EAAE,eAAe,EACzB,OAAO,CAAC,EAAE,OAAO,GAChB,MAAM;IA8BT;;;;OAIG;WAGW,OAAO,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ;IA4B5D,MAAM,IAAI,KAAK,CAAC,YAAY;CAsB7C"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -12,7 +12,7 @@ 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");
+const SimpleDialog_1 = require("../dialog/SimpleDialog");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const IconComponent_1 = require("../icons/IconComponent");
 /** Message Box React component.
@@ -20,7 +20,7 @@ const IconComponent_1 = require("../icons/IconComponent");
  */
 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 },
+        return (React.createElement(SimpleDialog_1.SimpleDialog, { 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)));
     }
 }

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":"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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 { Dialog } from \"../dialog/Dialog\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { SvgHelpCircular, SvgHelpCircularHollow, SvgInfoCircular, SvgInfoCircularHollow, SvgStatusError, SvgStatusErrorHollow, SvgStatusRejected,\n  SvgStatusRejectedHollow,\n  SvgStatusSuccess, SvgStatusSuccessHollow, SvgStatusWarning } from \"@itwin/itwinui-icons-react\";\nimport type { IconSpec } from \"../icons/IconComponent\";\nimport { Icon } from \"../icons/IconComponent\";\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  /** Message content */\n  children?: React.ReactNode;\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  /** Message Content */\n  children?: React.ReactNode;\n}\n\n/** Message Container React component.\n * @public\n */\nexport class MessageContainer extends React.PureComponent<MessageContainerProps> {\n  /** Returns the class name associated with the WebFont icon corresponding to the MessageSeverity.\n   * @param severity MessageSeverity\n   * @param _hollow @deprecated in 4.0. Ignored.\n   * @deprecated in 4.0. Please use getIcon method\n   */\n  /* istanbul ignore next */\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 = \"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\";  // TODO - need icon-status-warning-hollow icon\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  /* istanbul ignore next */\n  public static getIcon(severity: MessageSeverity, hollow?: boolean): IconSpec {\n    let iconSpec: IconSpec = \"\";\n    switch (severity) {\n      case MessageSeverity.None:\n        iconSpec = \"\";\n        break;\n      case MessageSeverity.Success:\n        iconSpec = hollow ? <SvgStatusSuccessHollow /> : <SvgStatusSuccess />;\n        break;\n      case MessageSeverity.Information:\n        iconSpec = hollow ? <SvgInfoCircularHollow /> : <SvgInfoCircular />;\n        break;\n      case MessageSeverity.Question:\n        iconSpec = hollow ? <SvgHelpCircularHollow /> : <SvgHelpCircular />;\n        break;\n      case MessageSeverity.Warning:\n        iconSpec = <SvgStatusWarning />; // TODO - need icon-status-warning-hollow icon\n        break;\n      case MessageSeverity.Error:\n        iconSpec = hollow ? <SvgStatusErrorHollow /> : <SvgStatusError />;\n        break;\n      case MessageSeverity.Fatal:\n        iconSpec = hollow ? <SvgStatusRejectedHollow /> : <SvgStatusRejected />;\n        break;\n    }\n    return iconSpec;\n  }\n\n  public override render(): JSX.Element {\n    const iconClassName = classnames(\n      \"icon\",\n      \"core-message-box-icon\"\n    );\n\n    const iconSpec = MessageContainer.getIcon(this.props.severity);\n\n    return (\n      <div className=\"core-message-box-container\">\n        <div className={iconClassName} ><Icon iconSpec={iconSpec} /></div>\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"]}
+{"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 { SimpleDialog } from \"../dialog/SimpleDialog\";\nimport type { CommonProps } from \"../utils/Props\";\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 type { IconSpec } from \"../icons/IconComponent\";\nimport { Icon } from \"../icons/IconComponent\";\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 | 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 */\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      <SimpleDialog\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      </SimpleDialog>\n    );\n  }\n}\n\n/** Properties for the [[MessageContainer]] component\n * @public\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 */\nexport class MessageContainer extends React.PureComponent<MessageContainerProps> {\n  /** Returns the class name associated with the WebFont icon corresponding to the MessageSeverity.\n   * @param severity MessageSeverity\n   * @param _hollow @deprecated in 4.0. Ignored.\n   * @deprecated in 4.0. Please use getIcon method\n   */\n  /* istanbul ignore next */\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\"; // TODO - need icon-status-warning-hollow icon\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  /* istanbul ignore next */\n  public static getIcon(severity: MessageSeverity, hollow?: boolean): IconSpec {\n    let iconSpec: IconSpec = \"\";\n    switch (severity) {\n      case MessageSeverity.None:\n        iconSpec = \"\";\n        break;\n      case MessageSeverity.Success:\n        iconSpec = hollow ? <SvgStatusSuccessHollow /> : <SvgStatusSuccess />;\n        break;\n      case MessageSeverity.Information:\n        iconSpec = hollow ? <SvgInfoCircularHollow /> : <SvgInfoCircular />;\n        break;\n      case MessageSeverity.Question:\n        iconSpec = hollow ? <SvgHelpCircularHollow /> : <SvgHelpCircular />;\n        break;\n      case MessageSeverity.Warning:\n        iconSpec = <SvgStatusWarning />; // TODO - need icon-status-warning-hollow icon\n        break;\n      case MessageSeverity.Error:\n        iconSpec = hollow ? <SvgStatusErrorHollow /> : <SvgStatusError />;\n        break;\n      case MessageSeverity.Fatal:\n        iconSpec = hollow ? <SvgStatusRejectedHollow /> : <SvgStatusRejected />;\n        break;\n    }\n    return iconSpec;\n  }\n\n  public override render(): React.ReactElement {\n    const iconClassName = classnames(\"icon\", \"core-message-box-icon\");\n\n    const iconSpec = MessageContainer.getIcon(this.props.severity);\n\n    return (\n      <div className=\"core-message-box-container\">\n        <div className={iconClassName}>\n          <Icon iconSpec={iconSpec} />\n        </div>\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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"MessageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/core-react/notification/MessageRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,wBAAwB;IACxB,OAAO,EAAE,WAAW,CAAC;IACrB,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,sBAmE1D"}
+{"version":3,"file":"MessageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/core-react/notification/MessageRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,wBAAwB;IACxB,OAAO,EAAE,WAAW,CAAC;IACrB,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,sBAyF1D"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -18,7 +18,7 @@ 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);
+        messageNode = (React.createElement(OutElement, { className: props.className }, props.message));
     }
     else if ((0, MessageType_1.isHTMLElement)(props.message)) {
         // the esm build of dompurify has a default import but the cjs build does not
@@ -29,13 +29,15 @@ function MessageRenderer(props) {
         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"));
+            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") {
+                if (child.hasAttribute("target") &&
+                    child.target === "_blank") {
                     hasAnchors = true;
                     validAnchors = isAnchorValid(child);
                     if (!validAnchors) {
@@ -49,7 +51,8 @@ function MessageRenderer(props) {
         // 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") {
+        if (props.message.hasAttribute("target") &&
+            props.message.target === "_blank") {
             hasAnchors = true;
             validAnchors = isAnchorValid(props.message);
         }
@@ -62,19 +65,22 @@ function MessageRenderer(props) {
         let sanitizedHtml;
         if (hasAnchors && validAnchors) {
             // all anchors are valid. do not remove the target attr
-            sanitizedHtml = sanitizer.sanitize(props.message.outerHTML, { ADD_ATTR: ["target"] });
+            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 } });
+        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 {
         /* istanbul ignore else */
         if ((0, MessageType_1.isReactMessage)(props.message))
-            messageNode = React.createElement(OutElement, { className: props.className }, props.message.reactNode);
+            messageNode = (React.createElement(OutElement, { className: props.className }, props.message.reactNode));
     }
     return messageNode;
 }

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

@@ -1 +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\";\nimport { isHTMLElement, isReactMessage } from \"./MessageType\";\nimport type { ClassNameProps } from \"../utils/Props\";\n\n// cSpell:ignore dompurify\n\n/** Properties for the [[MessageRenderer]] component\n * @public\n */\nexport interface MessageRendererProps extends ClassNameProps {\n  /** Message to render */\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 */\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 = <OutElement className={props.className}>{props.message}</OutElement>;\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    // istanbul ignore next\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 anchor.hasAttribute(\"rel\") && (anchor.rel.includes(\"noopener\") || anchor.rel.includes(\"noreferrer\"));\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 (child.hasAttribute(\"target\") && (child as HTMLAnchorElement).target === \"_blank\") {\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    /* istanbul ignore else */\n    if (props.message.hasAttribute(\"target\") && (props.message as HTMLAnchorElement).target === \"_blank\") {\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, {ADD_ATTR: [\"target\"]});\n    } else {\n      sanitizedHtml = sanitizer.sanitize(props.message.outerHTML);\n    }\n\n    // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above\n    // eslint-disable-next-line @typescript-eslint/naming-convention, jam3/no-sanitizer-with-danger\n    messageNode = <OutElement className={props.className} dangerouslySetInnerHTML={{ __html: sanitizedHtml }} />;\n  } else {\n    /* istanbul ignore else */\n    if (isReactMessage(props.message))\n      messageNode = <OutElement className={props.className}>{props.message.reactNode}</OutElement>;\n  }\n\n  return messageNode;\n}\n"]}
+{"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\";\nimport { isHTMLElement, isReactMessage } from \"./MessageType\";\nimport type { ClassNameProps } from \"../utils/Props\";\n\n// cSpell:ignore dompurify\n\n/** Properties for the [[MessageRenderer]] component\n * @public\n */\nexport interface MessageRendererProps extends ClassNameProps {\n  /** Message to render */\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 */\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    // istanbul ignore next\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    /* istanbul ignore else */\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    /* istanbul ignore 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/cjs/core-react/notification/MessageType.d.ts.map

@@ -1 +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;AAEpC;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;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,YAAa,WAAW,4BAElD,CAAC"}
+{"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;AAEpC;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;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/cjs/core-react/notification/MessageType.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

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

@@ -1 +1 @@
-{"version":3,"file":"MessageType.js","sourceRoot":"","sources":["../../../../src/core-react/notification/MessageType.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAgBH;;GAEG;AACI,MAAM,aAAa,GAAG,CAAC,OAAoB,EAA0B,EAAE;IAC5E,OAAQ,OAAuB,CAAC,SAAS,KAAK,SAAS,CAAC;AAC1D,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB;AAEF;;GAEG;AACI,MAAM,cAAc,GAAG,CAAC,OAAoB,EAA2B,EAAE;IAC9E,OAAQ,OAAwB,CAAC,SAAS,KAAK,SAAS,CAAC;AAC3D,CAAC,CAAC;AAFW,QAAA,cAAc,kBAEzB","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/** Describes a React based message\n * @public\n */\nexport interface ReactMessage {\n  reactNode: React.ReactNode;\n}\n\n/** Types for message\n * @public\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 = (message: MessageType): message is ReactMessage => {\n  return (message as ReactMessage).reactNode !== undefined;\n};\n"]}
+{"version":3,"file":"MessageType.js","sourceRoot":"","sources":["../../../../src/core-react/notification/MessageType.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAgBH;;GAEG;AACI,MAAM,aAAa,GAAG,CAAC,OAAoB,EAA0B,EAAE;IAC5E,OAAQ,OAAuB,CAAC,SAAS,KAAK,SAAS,CAAC;AAC1D,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB;AAEF;;GAEG;AACI,MAAM,cAAc,GAAG,CAC5B,OAAoB,EACK,EAAE;IAC3B,OAAQ,OAAwB,CAAC,SAAS,KAAK,SAAS,CAAC;AAC3D,CAAC,CAAC;AAJW,QAAA,cAAc,kBAIzB","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/** Describes a React based message\n * @public\n */\nexport interface ReactMessage {\n  reactNode: React.ReactNode;\n}\n\n/** Types for message\n * @public\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"]}

package/lib/cjs/core-react/popup/Popup.d.ts.map

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