@eccenca/gui-elements 22.0.0-rc.6 → 22.0.0-rc.7

package/dist/components/Card/CardOptions.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _OverviewItemActions = _interopRequireDefault(require("./../OverviewItem/OverviewItemActions"));
-
-var _constants = require("../../configuration/constants");
-
-/**
- * Container for elements that allow user-interaction, e.g. buttons or context menus.
- * Can contain multiple of them.
- * Is displayed right-aligned in the `CardHeader`.
- */
-function CardOptions({
-  children,
-  className = '',
-  ...otherProps
-}) {
-  return /*#__PURE__*/_react.default.createElement(_OverviewItemActions.default, (0, _extends2.default)({}, otherProps, {
-    className: `${_constants.CLASSPREFIX}-card__options` + (className ? ' ' + className : '')
-  }), children);
-}
-
-;
-var _default = CardOptions;
-exports.default = _default;

package/dist/components/Card/CardOptions.jsx

@@ -1,28 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import OverviewItemActions from './../OverviewItem/OverviewItemActions';
-import { CLASSPREFIX as eccgui } from "../../configuration/constants";
-/**
- * Container for elements that allow user-interaction, e.g. buttons or context menus.
- * Can contain multiple of them.
- * Is displayed right-aligned in the `CardHeader`.
- */
-function CardOptions(_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, otherProps = __rest(_a, ["children", "className"]);
-    return (<OverviewItemActions {...otherProps} className={eccgui + "-card__options" +
-            (className ? ' ' + className : '')}>
-            {children}
-        </OverviewItemActions>);
-}
-;
-export default CardOptions;

package/dist/components/Card/CardTitle.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _OverviewItemLine = _interopRequireDefault(require("./../OverviewItem/OverviewItemLine"));
-
-var _constants = require("../../configuration/constants");
-
-;
-/**
- * Display a card title, can include other markup like `h2`, `h3` and so on to define document structure.
- */
-
-function CardTitle({
-  children,
-  className = '',
-  narrowed = false,
-  ...otherProps
-}) {
-  return /*#__PURE__*/_react.default.createElement(_OverviewItemLine.default, (0, _extends2.default)({}, otherProps, {
-    className: `${_constants.CLASSPREFIX}-card__title ` + className,
-    large: !narrowed
-  }), children);
-}
-
-;
-var _default = CardTitle;
-exports.default = _default;

package/dist/components/Card/CardTitle.jsx

@@ -1,26 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import OverviewItemLine from './../OverviewItem/OverviewItemLine';
-import { CLASSPREFIX as eccgui } from "../../configuration/constants";
-;
-/**
- * Display a card title, can include other markup like `h2`, `h3` and so on to define document structure.
- */
-function CardTitle(_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.narrowed, narrowed = _c === void 0 ? false : _c, otherProps = __rest(_a, ["children", "className", "narrowed"]);
-    return (<OverviewItemLine {...otherProps} className={eccgui + "-card__title " + className} large={!narrowed}>
-            {children}
-        </OverviewItemLine>);
-}
-;
-export default CardTitle;

package/dist/components/Card/index.js

@@ -1,63 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Card", {
-  enumerable: true,
-  get: function () {
-    return _Card.default;
-  }
-});
-Object.defineProperty(exports, "CardActions", {
-  enumerable: true,
-  get: function () {
-    return _CardActions.default;
-  }
-});
-Object.defineProperty(exports, "CardActionsAux", {
-  enumerable: true,
-  get: function () {
-    return _CardActionsAux.default;
-  }
-});
-Object.defineProperty(exports, "CardContent", {
-  enumerable: true,
-  get: function () {
-    return _CardContent.default;
-  }
-});
-Object.defineProperty(exports, "CardHeader", {
-  enumerable: true,
-  get: function () {
-    return _CardHeader.default;
-  }
-});
-Object.defineProperty(exports, "CardOptions", {
-  enumerable: true,
-  get: function () {
-    return _CardOptions.default;
-  }
-});
-Object.defineProperty(exports, "CardTitle", {
-  enumerable: true,
-  get: function () {
-    return _CardTitle.default;
-  }
-});
-
-var _Card = _interopRequireDefault(require("./Card"));
-
-var _CardHeader = _interopRequireDefault(require("./CardHeader"));
-
-var _CardTitle = _interopRequireDefault(require("./CardTitle"));
-
-var _CardOptions = _interopRequireDefault(require("./CardOptions"));
-
-var _CardContent = _interopRequireDefault(require("./CardContent"));
-
-var _CardActions = _interopRequireDefault(require("./CardActions"));
-
-var _CardActionsAux = _interopRequireDefault(require("./CardActionsAux"));

package/dist/components/Card/index.jsx

@@ -1,8 +0,0 @@
-import Card from './Card';
-import CardHeader from './CardHeader';
-import CardTitle from './CardTitle';
-import CardOptions from './CardOptions';
-import CardContent from './CardContent';
-import CardActions from './CardActions';
-import CardActionsAux from './CardActionsAux';
-export { Card, CardHeader, CardTitle, CardOptions, CardContent, CardActions, CardActionsAux, };

package/dist/components/Checkbox/Checkbox.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _core = require("@blueprintjs/core");
-
-var _constants = require("../../configuration/constants");
-
-function Checkbox({
-  children,
-  className = '',
-  ...restProps
-}) {
-  return /*#__PURE__*/_react.default.createElement(_core.Checkbox, (0, _extends2.default)({}, restProps, {
-    className: `${_constants.CLASSPREFIX}-checkbox ` + className
-  }), children);
-}
-
-;
-var _default = Checkbox;
-exports.default = _default;

package/dist/components/Checkbox/Checkbox.jsx

@@ -1,22 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { Checkbox as BlueprintCheckbox } from "@blueprintjs/core";
-import { CLASSPREFIX as eccgui } from "../../configuration/constants";
-function Checkbox(_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, restProps = __rest(_a, ["children", "className"]);
-    return (<BlueprintCheckbox {...restProps} className={eccgui + "-checkbox " + className}>
-            {children}
-        </BlueprintCheckbox>);
-}
-;
-export default Checkbox;

package/dist/components/ContextOverlay/ContextMenu.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _constants = require("../../configuration/constants");
-
-var _ContextOverlay = _interopRequireDefault(require("./ContextOverlay"));
-
-var _Menu = _interopRequireDefault(require("../Menu/Menu"));
-
-var _IconButton = _interopRequireDefault(require("../Icon/IconButton"));
-
-function ContextMenu({
-  children,
-  className = "",
-  togglerElement = "item-moremenu",
-  togglerText = "Show more options",
-  togglerLarge = false,
-
-  /* FIXME: The Tooltip component can interfere with the opened menu, since it is implemented via portal and may cover the menu,
-            so by default we use the title attribute instead of Tooltip. */
-  tooltipAsTitle = true,
-  ...restProps
-}) {
-  return /*#__PURE__*/_react.default.createElement(_ContextOverlay.default, (0, _extends2.default)({}, restProps, {
-    className: `${_constants.CLASSPREFIX}-contextmenu ` + className
-  }), typeof togglerElement === "string" ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    tooltipAsTitle: tooltipAsTitle,
-    name: togglerElement,
-    text: togglerText,
-    large: togglerLarge,
-    "data-test-id": restProps["data-test-id"]
-  }) : {
-    togglerElement
-  }, /*#__PURE__*/_react.default.createElement(_Menu.default, null, children));
-}
-
-var _default = ContextMenu;
-exports.default = _default;

package/dist/components/ContextOverlay/ContextMenu.jsx

@@ -1,30 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import { CLASSPREFIX as eccgui } from "../../configuration/constants";
-import ContextOverlay from "./ContextOverlay";
-import Menu from "../Menu/Menu";
-import IconButton from "../Icon/IconButton";
-function ContextMenu(_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.togglerElement, togglerElement = _c === void 0 ? "item-moremenu" : _c, _d = _a.togglerText, togglerText = _d === void 0 ? "Show more options" : _d, _e = _a.togglerLarge, togglerLarge = _e === void 0 ? false : _e, 
-    /* FIXME: The Tooltip component can interfere with the opened menu, since it is implemented via portal and may cover the menu,
-              so by default we use the title attribute instead of Tooltip. */
-    _f = _a.tooltipAsTitle, 
-    /* FIXME: The Tooltip component can interfere with the opened menu, since it is implemented via portal and may cover the menu,
-              so by default we use the title attribute instead of Tooltip. */
-    tooltipAsTitle = _f === void 0 ? true : _f, restProps = __rest(_a, ["children", "className", "togglerElement", "togglerText", "togglerLarge", "tooltipAsTitle"]);
-    return (<ContextOverlay {...restProps} className={eccgui + "-contextmenu " + className}>
-            {typeof togglerElement === "string" ? (<IconButton tooltipAsTitle={tooltipAsTitle} name={togglerElement} text={togglerText} large={togglerLarge} data-test-id={restProps["data-test-id"]}/>) : ({ togglerElement: togglerElement })}
-            <Menu>{children}</Menu>
-        </ContextOverlay>);
-}
-export default ContextMenu;

package/dist/components/ContextOverlay/ContextOverlay.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _core = require("@blueprintjs/core");
-
-var _constants = require("../../configuration/constants");
-
-/*
-
-    @see https://blueprintjs.com/docs/#core/components/popover for list of
-    properties
-
-*/
-function ContextOverlay({
-  children,
-  className = '',
-  ...restProps
-}) {
-  return /*#__PURE__*/_react.default.createElement(_core.Popover, (0, _extends2.default)({
-    position: _core.Position.BOTTOM
-  }, restProps, {
-    className: `${_constants.CLASSPREFIX}-contextoverlay ` + className
-  }), children);
-}
-
-var _default = ContextOverlay;
-exports.default = _default;

package/dist/components/ContextOverlay/ContextOverlay.jsx

@@ -1,27 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { Popover as BlueprintPropover, Position as BlueprintPosition } from "@blueprintjs/core";
-import { CLASSPREFIX as eccgui } from "../../configuration/constants";
-/*
-
-    @see https://blueprintjs.com/docs/#core/components/popover for list of
-    properties
-
-*/
-function ContextOverlay(_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, restProps = __rest(_a, ["children", "className"]);
-    return (<BlueprintPropover position={BlueprintPosition.BOTTOM} {...restProps} className={eccgui + "-contextoverlay " + className}>
-            {children}
-        </BlueprintPropover>);
-}
-export default ContextOverlay;

package/dist/components/Dialog/AlertDialog.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Intent = require("../../common/Intent");
-
-var _SimpleDialog = _interopRequireDefault(require("./SimpleDialog"));
-
-/*
-    provides a simple interface for alert dialogs
-*/
-
-/**
- * Special element to display alert notification in modal dialogs.
- * Inherits all properties from `SimpleDialog`, except `intent`.
- */
-function AlertDialog({
-  children,
-  success = false,
-  warning = false,
-  danger = false,
-  ...otherProps
-}) {
-  let intentLevel = _Intent.Definitions.INFO;
-
-  if (success) {
-    intentLevel = _Intent.Definitions.SUCCESS;
-  }
-
-  if (warning) {
-    intentLevel = _Intent.Definitions.WARNING;
-  }
-
-  if (danger) {
-    intentLevel = _Intent.Definitions.DANGER;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_SimpleDialog.default, (0, _extends2.default)({
-    size: "tiny",
-    preventSimpleClosing: true,
-    intent: intentLevel
-  }, otherProps), children);
-}
-
-;
-var _default = AlertDialog;
-exports.default = _default;

package/dist/components/Dialog/AlertDialog.jsx

@@ -1,39 +0,0 @@
-/*
-    provides a simple interface for alert dialogs
-*/
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { Definitions as IntentStates } from "../../common/Intent";
-import SimpleDialog from './SimpleDialog';
-/**
- * Special element to display alert notification in modal dialogs.
- * Inherits all properties from `SimpleDialog`, except `intent`.
- */
-function AlertDialog(_a) {
-    var children = _a.children, _b = _a.success, success = _b === void 0 ? false : _b, _c = _a.warning, warning = _c === void 0 ? false : _c, _d = _a.danger, danger = _d === void 0 ? false : _d, otherProps = __rest(_a, ["children", "success", "warning", "danger"]);
-    var intentLevel = IntentStates.INFO;
-    if (success) {
-        intentLevel = IntentStates.SUCCESS;
-    }
-    if (warning) {
-        intentLevel = IntentStates.WARNING;
-    }
-    if (danger) {
-        intentLevel = IntentStates.DANGER;
-    }
-    return (<SimpleDialog size="tiny" preventSimpleClosing={true} intent={intentLevel} {...otherProps}>
-            {children}
-        </SimpleDialog>);
-}
-;
-export default AlertDialog;

package/dist/components/Dialog/Modal.js

@@ -1,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _core = require("@blueprintjs/core");
-
-var _Card = require("./../Card");
-
-var _constants = require("../../configuration/constants");
-
-/*
-    we only use Dialog as pre-configured and enhanced Overlay, it is
-    recommended to use Card elements inside.
-*/
-
-/**
- * Displays contents on top of other elements, used to create dialogs.
- * This element can be used to create own modal elements and edge cases for modal dialogs.
- * For most situations the usage of `SimpleDialog` and `AlertDialog` should be sufficent.
- */
-function Modal({
-  children,
-  className = '',
-  overlayClassName = '',
-  size = "regular",
-  canOutsideClickClose = false,
-  canEscapeKeyClose = false,
-  preventBackdrop = false,
-  ...otherProps
-}) {
-  const alteredChildren = _react.default.Children.map(children, (child, index) => {
-    if (child.type && child.type === _Card.Card) {
-      return /*#__PURE__*/_react.default.cloneElement(child, {
-        isOnlyLayout: true,
-        elevation: 4
-      });
-    }
-
-    return child;
-  });
-
-  return /*#__PURE__*/_react.default.createElement(_core.Overlay, (0, _extends2.default)({}, otherProps, {
-    className: overlayClassName,
-    backdropClassName: `${_constants.CLASSPREFIX}-dialog__backdrop`,
-    canOutsideClickClose: canOutsideClickClose,
-    canEscapeKeyClose: canEscapeKeyClose,
-    hasBackdrop: !preventBackdrop
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _core.Classes.DIALOG_CONTAINER // this is a workaround because data attribute on SimpleDialog is not correctly routed to the overlay by blueprint js
-    ,
-    "data-test-id": otherProps["data-test-id"] ?? "simpleDialogWidget"
-  }, /*#__PURE__*/_react.default.createElement("section", {
-    className: `${_constants.CLASSPREFIX}-dialog__wrapper` + (typeof size === 'string' ? ` ${_constants.CLASSPREFIX}-dialog__wrapper--` + size : '') + (className ? ' ' + className : '')
-  }, alteredChildren)));
-}
-
-var _default = Modal;
-exports.default = _default;

package/dist/components/Dialog/Modal.jsx

@@ -1,49 +0,0 @@
-/*
-    we only use Dialog as pre-configured and enhanced Overlay, it is
-    recommended to use Card elements inside.
-*/
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { Classes as BlueprintClassNames, Overlay as BlueprintOverlay, } from "@blueprintjs/core";
-import { Card } from "./../Card";
-import { CLASSPREFIX as eccgui } from "../../configuration/constants";
-/**
- * Displays contents on top of other elements, used to create dialogs.
- * This element can be used to create own modal elements and edge cases for modal dialogs.
- * For most situations the usage of `SimpleDialog` and `AlertDialog` should be sufficent.
- */
-function Modal(_a) {
-    var _b;
-    var children = _a.children, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.overlayClassName, overlayClassName = _d === void 0 ? '' : _d, _e = _a.size, size = _e === void 0 ? "regular" : _e, _f = _a.canOutsideClickClose, canOutsideClickClose = _f === void 0 ? false : _f, _g = _a.canEscapeKeyClose, canEscapeKeyClose = _g === void 0 ? false : _g, _h = _a.preventBackdrop, preventBackdrop = _h === void 0 ? false : _h, otherProps = __rest(_a, ["children", "className", "overlayClassName", "size", "canOutsideClickClose", "canEscapeKeyClose", "preventBackdrop"]);
-    var alteredChildren = React.Children.map(children, function (child, index) {
-        if (child.type && child.type === Card) {
-            return React.cloneElement(child, {
-                isOnlyLayout: true,
-                elevation: 4
-            });
-        }
-        return child;
-    });
-    return (<BlueprintOverlay {...otherProps} className={overlayClassName} backdropClassName={eccgui + "-dialog__backdrop"} canOutsideClickClose={canOutsideClickClose} canEscapeKeyClose={canEscapeKeyClose} hasBackdrop={!preventBackdrop}>
-            <div className={BlueprintClassNames.DIALOG_CONTAINER} 
-    // this is a workaround because data attribute on SimpleDialog is not correctly routed to the overlay by blueprint js
-    data-test-id={(_b = otherProps["data-test-id"]) !== null && _b !== void 0 ? _b : "simpleDialogWidget"}>
-                <section className={eccgui + "-dialog__wrapper" +
-            (typeof size === 'string' ? " " + eccgui + "-dialog__wrapper--" + size : '') +
-            (className ? ' ' + className : '')}>
-                    {alteredChildren}
-                </section>
-            </div>
-        </BlueprintOverlay>);
-}
-export default Modal;