@itwin/core-react 4.17.0 → 5.0.0-dev.2

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

@@ -1,26 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
-
-.core-ls {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-
-  .ls-message {
-    color: var(--iui-color-text);
-  }
-
-  .ls-message-top {
-    @extend .ls-message;
-    margin-bottom: var(--iui-size-s);
-  }
-
-  .ls-message-bottom {
-    @extend .ls-message;
-    margin-top: var(--iui-size-s);
-  }
-}

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

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

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

@@ -1 +0,0 @@
-{"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;AAIlD;;;GAGG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,+BAA+B;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC;IACxE,OAAc,YAAY,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAGrD;IAGF,OAAO,CAAC,OAAO;IAMC,MAAM;CAavB"}

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

@@ -1,38 +0,0 @@
-"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 Loading
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingStatus = void 0;
-require("./LoadingStatus.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-/** A loading indicator that shows status text along with the percentage.
- * @public
- * @deprecated in 4.12.0. Use labeled {@link https://itwinui.bentley.com/docs/progressindicator iTwinUI progress indicator} instead.
- */
-class LoadingStatus extends React.PureComponent {
-    // sanity check to keep percentage between 0 & 100
-    inRange(percent) {
-        let value = Math.min(percent, 100);
-        value = Math.max(value, 0);
-        return value;
-    }
-    render() {
-        const percent = `${this.inRange(this.props.percent)}%`;
-        const containerClass = (0, classnames_1.default)(this.props.className, "loading-status-container");
-        return (React.createElement("div", { className: containerClass, style: this.props.style },
-            React.createElement("span", { className: "loading-status-message" }, this.props.message),
-            React.createElement("span", { className: "loading-status-percent" }, percent)));
-    }
-}
-exports.LoadingStatus = LoadingStatus;
-LoadingStatus.defaultProps = {
-    message: "",
-    percent: 0,
-};
-//# sourceMappingURL=LoadingStatus.js.map

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

@@ -1 +0,0 @@
-{"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;AAgB/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;;AAzBH,sCA0BC;AAzBe,0BAAY,GAAgC;IACxD,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,CAAC;CACX,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Loading\n */\n\nimport \"./LoadingStatus.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for [[LoadingStatus]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link LoadingStatus}.\n */\nexport interface LoadingStatusProps extends CommonProps {\n  /** Message (text) displayed */\n  message: string;\n  /** Percent displayed (as text) */\n  percent: number;\n}\n\n/** A loading indicator that shows status text along with the percentage.\n * @public\n * @deprecated in 4.12.0. Use labeled {@link https://itwinui.bentley.com/docs/progressindicator iTwinUI progress indicator} instead.\n */\nexport class LoadingStatus extends React.PureComponent<LoadingStatusProps> {\n  public static defaultProps: Partial<LoadingStatusProps> = {\n    message: \"\",\n    percent: 0,\n  };\n\n  // sanity check to keep percentage between 0 & 100\n  private inRange(percent: number): number {\n    let value = Math.min(percent, 100);\n    value = Math.max(value, 0);\n    return value;\n  }\n\n  public override render() {\n    const percent = `${this.inRange(this.props.percent)}%`;\n    const containerClass = classnames(\n      this.props.className,\n      \"loading-status-container\"\n    );\n    return (\n      <div className={containerClass} style={this.props.style}>\n        <span className=\"loading-status-message\">{this.props.message}</span>\n        <span className=\"loading-status-percent\">{percent}</span>\n      </div>\n    );\n  }\n}\n"]}

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

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

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

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

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

@@ -1,110 +0,0 @@
-"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 itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-const IconComponent_1 = require("../icons/IconComponent");
-const Dialog_1 = require("../dialog/Dialog");
-/** Message Box React component.
- * @public
- * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI Dialog} instead.
- */
-class MessageBox extends React.PureComponent {
-    render() {
-        return (React.createElement(Dialog_1.Dialog, { title: this.props.title, buttonCluster: this.props.buttonCluster, opened: this.props.opened, onClose: this.props.onClose, onEscape: this.props.onEscape, modal: this.props.modal, className: this.props.className, style: this.props.style, width: this.props.width },
-            React.createElement(MessageContainer, { severity: this.props.severity, className: this.props.contentClassName, style: this.props.contentStyle }, this.props.children)));
-    }
-}
-exports.MessageBox = MessageBox;
-MessageBox.defaultProps = {
-    minWidth: 400,
-    minHeight: 400,
-    width: "512px",
-    modal: true,
-};
-/** Message Container React component.
- * @public
- * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI Dialog} instead.
- */
-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 = "core-message-box-success";
-                break;
-            case appui_abstract_1.MessageSeverity.Information:
-                iconClassName = "core-message-box-information";
-                break;
-            case appui_abstract_1.MessageSeverity.Question:
-                iconClassName = "core-message-box-question";
-                break;
-            case appui_abstract_1.MessageSeverity.Warning:
-                iconClassName = "core-message-box-warning";
-                break;
-            case appui_abstract_1.MessageSeverity.Error:
-                iconClassName = "core-message-box-error";
-                break;
-            case appui_abstract_1.MessageSeverity.Fatal:
-                iconClassName = "core-message-box-fatal";
-                break;
-        }
-        return iconClassName;
-    }
-    /** Returns the React icon corresponding to the MessageSeverity.
-     * @param severity MessageSeverity
-     * @param hollow set to true to return the hollow form of the icon.
-     * @returns IconSpec
-     */
-    /* ignore for unit tests and replace with visual testing */
-    static getIcon(severity, hollow) {
-        let iconSpec = "";
-        switch (severity) {
-            case appui_abstract_1.MessageSeverity.None:
-                iconSpec = "";
-                break;
-            case appui_abstract_1.MessageSeverity.Success:
-                iconSpec = hollow ? React.createElement(itwinui_icons_react_1.SvgStatusSuccessHollow, null) : React.createElement(itwinui_icons_react_1.SvgStatusSuccess, null);
-                break;
-            case appui_abstract_1.MessageSeverity.Information:
-                iconSpec = hollow ? React.createElement(itwinui_icons_react_1.SvgInfoCircularHollow, null) : React.createElement(itwinui_icons_react_1.SvgInfoCircular, null);
-                break;
-            case appui_abstract_1.MessageSeverity.Question:
-                iconSpec = hollow ? React.createElement(itwinui_icons_react_1.SvgHelpCircularHollow, null) : React.createElement(itwinui_icons_react_1.SvgHelpCircular, null);
-                break;
-            case appui_abstract_1.MessageSeverity.Warning:
-                iconSpec = React.createElement(itwinui_icons_react_1.SvgStatusWarning, null); // TODO - need icon-status-warning-hollow icon
-                break;
-            case appui_abstract_1.MessageSeverity.Error:
-                iconSpec = hollow ? React.createElement(itwinui_icons_react_1.SvgStatusErrorHollow, null) : React.createElement(itwinui_icons_react_1.SvgStatusError, null);
-                break;
-            case appui_abstract_1.MessageSeverity.Fatal:
-                iconSpec = hollow ? React.createElement(itwinui_icons_react_1.SvgStatusRejectedHollow, null) : React.createElement(itwinui_icons_react_1.SvgStatusRejected, null);
-                break;
-        }
-        return iconSpec;
-    }
-    render() {
-        const iconClassName = (0, classnames_1.default)("icon", "core-message-box-icon", MessageContainer.getIconClassName(this.props.severity));
-        const iconSpec = MessageContainer.getIcon(this.props.severity);
-        return (React.createElement("div", { className: "core-message-box-container" },
-            React.createElement("div", { className: iconClassName },
-                React.createElement(IconComponent_1.Icon, { iconSpec: iconSpec })),
-            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 +0,0 @@
-{"version":3,"file":"MessageBox.js","sourceRoot":"","sources":["../../../../src/core-react/messagebox/MessageBox.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,6BAA2B;AAC3B,2CAAoC;AACpC,+BAA+B;AAE/B,0DAAwD;AAExD,oEAYoC;AAEpC,0DAA8C;AAC9C,6CAA0C;AA6C1C;;;GAGG;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,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,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAEvB,oBAAC,gBAAgB,IACf,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,EACtC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IAE7B,IAAI,CAAC,KAAK,CAAC,QAAQ,CACH,CACZ,CACV,CAAC;IACJ,CAAC;;AA9BH,gCA+BC;AA9Be,uBAAY,GAA6B;IACrD,QAAQ,EAAE,GAAG;IACb,SAAS,EAAE,GAAG;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,IAAI;CACZ,CAAC;AAqCJ;;;GAGG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IAgBvE,MAAM,CAAC,gBAAgB,CAC5B,QAAyB,EACzB,OAAiB;QAEjB,IAAI,aAAa,GAAG,EAAE,CAAC;QAEvB,QAAQ,QAAQ,EAAE,CAAC;YACjB,KAAK,gCAAe,CAAC,IAAI;gBACvB,aAAa,GAAG,EAAE,CAAC;gBACnB,MAAM;YACR,KAAK,gCAAe,CAAC,OAAO;gBAC1B,aAAa,GAAG,0BAA0B,CAAC;gBAC3C,MAAM;YACR,KAAK,gCAAe,CAAC,WAAW;gBAC9B,aAAa,GAAG,8BAA8B,CAAC;gBAC/C,MAAM;YACR,KAAK,gCAAe,CAAC,QAAQ;gBAC3B,aAAa,GAAG,2BAA2B,CAAC;gBAC5C,MAAM;YACR,KAAK,gCAAe,CAAC,OAAO;gBAC1B,aAAa,GAAG,0BAA0B,CAAC;gBAC3C,MAAM;YACR,KAAK,gCAAe,CAAC,KAAK;gBACxB,aAAa,GAAG,wBAAwB,CAAC;gBACzC,MAAM;YACR,KAAK,gCAAe,CAAC,KAAK;gBACxB,aAAa,GAAG,wBAAwB,CAAC;gBACzC,MAAM;QACV,CAAC;QAED,OAAO,aAAa,CAAC;IACvB,CAAC;IAED;;;;OAIG;IACH,2DAA2D;IAEpD,MAAM,CAAC,OAAO,CAAC,QAAyB,EAAE,MAAgB;QAC/D,IAAI,QAAQ,GAAa,EAAE,CAAC;QAC5B,QAAQ,QAAQ,EAAE,CAAC;YACjB,KAAK,gCAAe,CAAC,IAAI;gBACvB,QAAQ,GAAG,EAAE,CAAC;gBACd,MAAM;YACR,KAAK,gCAAe,CAAC,OAAO;gBAC1B,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,oBAAC,4CAAsB,OAAG,CAAC,CAAC,CAAC,oBAAC,sCAAgB,OAAG,CAAC;gBACtE,MAAM;YACR,KAAK,gCAAe,CAAC,WAAW;gBAC9B,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,oBAAC,2CAAqB,OAAG,CAAC,CAAC,CAAC,oBAAC,qCAAe,OAAG,CAAC;gBACpE,MAAM;YACR,KAAK,gCAAe,CAAC,QAAQ;gBAC3B,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,oBAAC,2CAAqB,OAAG,CAAC,CAAC,CAAC,oBAAC,qCAAe,OAAG,CAAC;gBACpE,MAAM;YACR,KAAK,gCAAe,CAAC,OAAO;gBAC1B,QAAQ,GAAG,oBAAC,sCAAgB,OAAG,CAAC,CAAC,8CAA8C;gBAC/E,MAAM;YACR,KAAK,gCAAe,CAAC,KAAK;gBACxB,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,oBAAC,0CAAoB,OAAG,CAAC,CAAC,CAAC,oBAAC,oCAAc,OAAG,CAAC;gBAClE,MAAM;YACR,KAAK,gCAAe,CAAC,KAAK;gBACxB,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,oBAAC,6CAAuB,OAAG,CAAC,CAAC,CAAC,oBAAC,uCAAiB,OAAG,CAAC;gBACxE,MAAM;QACV,CAAC;QACD,OAAO,QAAQ,CAAC;IAClB,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,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC/D,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;YACzC,6BAAK,SAAS,EAAE,aAAa;gBAC3B,oBAAC,oBAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CACxB;YACN,6BACE,SAAS,EAAE,IAAA,oBAAU,EACnB,0BAA0B,EAC1B,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAEtB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CACF,CACP,CAAC;IACJ,CAAC;CACF;AA7GD,4CA6GC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Dialog\n */\n\nimport \"./MessageBox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { DialogButtonDef } from \"@itwin/appui-abstract\";\nimport { MessageSeverity } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"../utils/Props\";\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\";\nimport { Dialog } from \"../dialog/Dialog\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for the [[MessageBox]] component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link MessageBox} component.\n */\nexport interface MessageBoxProps extends CommonProps {\n  /** Severity of MessageBox */\n  severity: MessageSeverity;\n  /** whether to show dialog or not */\n  opened: boolean;\n  /** List of [[DialogButtonDef]] objects specifying buttons and associated onClick events */\n  buttonCluster: DialogButtonDef[];\n  /** Title to show in title bar of dialog  */\n  title?: string | React.ReactElement;\n  /** onClick event for X button for dialog */\n  onClose?: () => void;\n  /** 'keyup' event for <Esc> key */\n  onEscape?: () => void;\n  /** minimum width that the dialog may be resized to. Default: 400 */\n  minWidth?: number;\n  /** minimum height that the dialog may be resized to. Default: 400 */\n  minHeight?: number;\n  /** initial width of dialog.\n   * Displayed in px if value is a number, otherwise displayed in specified CSS unit.\n   * Default: \"50%\"\n   */\n  width?: string | number;\n  /** initial height of dialog.\n   * Displayed in px if value is a number, otherwise displayed in specified CSS unit.\n   * Default: \"\"\n   */\n  height?: string | number;\n  /** Whether to show background overlay. Default: true */\n  modal?: boolean;\n  /** Custom CSS class name for the content */\n  contentClassName?: string;\n  /** Custom CSS Style for the content */\n  contentStyle?: React.CSSProperties;\n  /** Message content */\n  children?: React.ReactNode;\n}\n\n/** Message Box React component.\n * @public\n * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI Dialog} instead.\n */\nexport class MessageBox extends React.PureComponent<MessageBoxProps> {\n  public static defaultProps: Partial<MessageBoxProps> = {\n    minWidth: 400,\n    minHeight: 400,\n    width: \"512px\",\n    modal: true,\n  };\n\n  public override render(): React.ReactElement {\n    return (\n      <Dialog\n        title={this.props.title}\n        buttonCluster={this.props.buttonCluster}\n        opened={this.props.opened}\n        onClose={this.props.onClose}\n        onEscape={this.props.onEscape}\n        modal={this.props.modal}\n        className={this.props.className}\n        style={this.props.style}\n        width={this.props.width}\n      >\n        <MessageContainer\n          severity={this.props.severity}\n          className={this.props.contentClassName}\n          style={this.props.contentStyle}\n        >\n          {this.props.children}\n        </MessageContainer>\n      </Dialog>\n    );\n  }\n}\n\n/** Properties for the [[MessageContainer]] component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link MessageContainer} component.\n */\nexport interface MessageContainerProps extends CommonProps {\n  severity: MessageSeverity;\n  /** Message Content */\n  children?: React.ReactNode;\n}\n\n/** Message Container React component.\n * @public\n * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI Dialog} instead.\n */\nexport class MessageContainer extends React.PureComponent<MessageContainerProps> {\n  /** Returns the class name corresponding to the MessageSeverity.\n   * @param severity MessageSeverity\n   */\n  public static getIconClassName(severity: MessageSeverity): string;\n  /** Returns the class name associated with the WebFont icon corresponding to the MessageSeverity.\n   * @param severity MessageSeverity\n   * @param hollow Should the icon be hollow\n   * @deprecated in 4.0.0. Hollow parameter ignored, WebFont is not returned, only the color.\n   */\n  public static getIconClassName(\n    severity: MessageSeverity,\n    // eslint-disable-next-line @typescript-eslint/unified-signatures\n    hollow?: boolean\n  ): string;\n\n  public static getIconClassName(\n    severity: MessageSeverity,\n    _hollow?: boolean\n  ): string {\n    let iconClassName = \"\";\n\n    switch (severity) {\n      case MessageSeverity.None:\n        iconClassName = \"\";\n        break;\n      case MessageSeverity.Success:\n        iconClassName = \"core-message-box-success\";\n        break;\n      case MessageSeverity.Information:\n        iconClassName = \"core-message-box-information\";\n        break;\n      case MessageSeverity.Question:\n        iconClassName = \"core-message-box-question\";\n        break;\n      case MessageSeverity.Warning:\n        iconClassName = \"core-message-box-warning\";\n        break;\n      case MessageSeverity.Error:\n        iconClassName = \"core-message-box-error\";\n        break;\n      case MessageSeverity.Fatal:\n        iconClassName = \"core-message-box-fatal\";\n        break;\n    }\n\n    return iconClassName;\n  }\n\n  /** Returns the React icon corresponding to the MessageSeverity.\n   * @param severity MessageSeverity\n   * @param hollow set to true to return the hollow form of the icon.\n   * @returns IconSpec\n   */\n  /* ignore for unit tests and replace with visual testing */\n\n  public static getIcon(severity: MessageSeverity, hollow?: boolean): IconSpec {\n    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(\n      \"icon\",\n      \"core-message-box-icon\",\n      MessageContainer.getIconClassName(this.props.severity)\n    );\n\n    const iconSpec = MessageContainer.getIcon(this.props.severity);\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/messagebox/MessageBox.scss

@@ -1,56 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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/baseline";
-
-.core-message-box-container {
-  display: flex;
-  color: var(--iui-color-text);
-
-  .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;
-
-    a {
-      // iTwinUI anchor link style
-      color: var(--iui-color-text-accent);
-      -webkit-tap-highlight-color: hsl(
-        var(--iui-color-accent-hsl) / var(--iui-opacity-6)
-      );
-      border-radius: var(--iui-border-radius-1);
-      cursor: pointer;
-      text-decoration: none;
-    }
-  }
-}
-
-.core-message-box-success {
-  color: var(--iui-color-text-positive);
-}
-.core-message-box-information,
-.core-message-box-question {
-  color: var(--iui-color-text-informational);
-}
-.core-message-box-warning {
-  color: var(--iui-color-text-warning);
-}
-.core-message-box-error,
-.core-message-box-fatal {
-  color: var(--iui-color-text-negative);
-}
-
-.notifymessage-icon {
-  margin-right: 6px;
-}

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

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

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

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

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

@@ -1,87 +0,0 @@
-"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 Notification
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageRenderer = void 0;
-const React = require("react");
-const dompurify_1 = require("dompurify"), DOMPurifyNS = dompurify_1;
-const MessageType_1 = require("./MessageType");
-/** React component renders a string, HTMLElement or React node in a `div` or `span`
- * @public
- * @deprecated in 4.15.0. Used internally.
- */
-// eslint-disable-next-line deprecation/deprecation
-function MessageRenderer(props) {
-    let messageNode = null;
-    const OutElement = props.useSpan ? "span" : "div";
-    if (typeof props.message === "string") {
-        messageNode = (React.createElement(OutElement, { className: props.className }, props.message));
-    }
-    else if ((0, MessageType_1.isHTMLElement)(props.message)) {
-        // the esm build of dompurify has a default import but the cjs build does not
-        // if there is a default export, use it (likely esm), otherwise use the namespace
-        const sanitizer = dompurify_1.default ?? DOMPurifyNS; // `sanitizer` is default function name for "jam3/no-sanitizer-with-danger" ESLint rule
-        let validAnchors = false;
-        let hasAnchors = false;
-        // verify that the tag has proper relationships
-        const isAnchorValid = (anchor) => {
-            return (anchor.hasAttribute("rel") &&
-                (anchor.rel.includes("noopener") || anchor.rel.includes("noreferrer")));
-        };
-        // recursively check child elements for valid anchor tags
-        const checkChildAnchors = (parent) => {
-            const children = Array.from(parent.children);
-            for (const child of children) {
-                if (child.hasAttribute("target") &&
-                    child.target === "_blank") {
-                    hasAnchors = true;
-                    validAnchors = isAnchorValid(child);
-                    if (!validAnchors) {
-                        return;
-                    }
-                }
-                checkChildAnchors(child);
-            }
-        };
-        // check for anchor tags in the message that have target _blank also have a relationship that avoids security holes
-        // https://web.dev/external-anchors-use-rel-noopener/
-        // first check the message element
-        if (props.message.hasAttribute("target") &&
-            props.message.target === "_blank") {
-            hasAnchors = true;
-            validAnchors = isAnchorValid(props.message);
-        }
-        else {
-            // if the message element is not an anchor, recursively verify it's children
-            if (props.message.children) {
-                checkChildAnchors(props.message);
-            }
-        }
-        let sanitizedHtml;
-        if (hasAnchors && validAnchors) {
-            // all anchors are valid. do not remove the target attr
-            sanitizedHtml = sanitizer.sanitize(props.message.outerHTML, {
-                ADD_ATTR: ["target"],
-            });
-        }
-        else {
-            sanitizedHtml = sanitizer.sanitize(props.message.outerHTML);
-        }
-        messageNode = (React.createElement(OutElement, { className: props.className, 
-            // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above
-            // eslint-disable-next-line jam3/no-sanitizer-with-danger
-            dangerouslySetInnerHTML: { __html: sanitizedHtml } }));
-    }
-    else {
-        if ((0, MessageType_1.isReactMessage)(props.message))
-            messageNode = (React.createElement(OutElement, { className: props.className }, props.message.reactNode));
-    }
-    return messageNode;
-}
-exports.MessageRenderer = MessageRenderer;
-//# sourceMappingURL=MessageRenderer.js.map

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

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

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

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

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

@@ -1,25 +0,0 @@
-"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 Notification
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isReactMessage = exports.isHTMLElement = void 0;
-/** HTMLElement type guard.
- * @internal
- */
-const isHTMLElement = (message) => {
-    return message.outerHTML !== undefined;
-};
-exports.isHTMLElement = isHTMLElement;
-/** ReactMessage type guard.
- * @internal
- */
-const isReactMessage = (message) => {
-    return message.reactNode !== undefined;
-};
-exports.isReactMessage = isReactMessage;
-//# sourceMappingURL=MessageType.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MessageType.js","sourceRoot":"","sources":["../../../../src/core-react/notification/MessageType.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAoBH;;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/* eslint-disable deprecation/deprecation */\n\n/** Describes a React based message\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\nexport interface ReactMessage {\n  reactNode: React.ReactNode;\n}\n\n/** Types for message\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\nexport type MessageType = string | HTMLElement | ReactMessage;\n\n/** HTMLElement type guard.\n * @internal\n */\nexport const isHTMLElement = (message: MessageType): message is HTMLElement => {\n  return (message as HTMLElement).outerHTML !== undefined;\n};\n\n/** ReactMessage type guard.\n * @internal\n */\nexport const isReactMessage = (\n  message: MessageType\n): message is ReactMessage => {\n  return (message as ReactMessage).reactNode !== undefined;\n};\n"]}