@corva/ui 0.65.0-1-test → 0.65.0-2

package/components/MiddleTruncate/MiddleTruncate.js

@@ -1,49 +1 @@
-import { useRef, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { getTruncatedText } from './utils.js';
-import { jsx } from 'react/jsx-runtime';
-
-function MiddleTruncate(_ref) {
-  var children = _ref.children,
-    truncatedText = _ref.truncatedText,
-    separator = _ref.separator,
-    maxWidth = _ref.maxWidth,
-    onTruncate = _ref.onTruncate;
-  var contentRef = useRef();
-  useEffect(function () {
-    var _contentRef$current = contentRef.current,
-      scrollWidth = _contentRef$current.scrollWidth,
-      innerText = _contentRef$current.innerText;
-    if (scrollWidth > maxWidth) {
-      onTruncate(getTruncatedText({
-        maxWidth: maxWidth,
-        separator: separator,
-        text: children,
-        currentWidth: scrollWidth,
-        textLength: innerText === null || innerText === void 0 ? void 0 : innerText.length
-      }));
-    } else {
-      onTruncate(null);
-    }
-  }, [children]);
-  return /*#__PURE__*/jsx("div", {
-    ref: contentRef,
-    children: truncatedText || children
-  });
-}
-MiddleTruncate.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,
-  truncatedText: PropTypes.string,
-  onTruncate: PropTypes.func,
-  separator: PropTypes.string,
-  maxWidth: PropTypes.number
-};
-MiddleTruncate.defaultProps = {
-  onTruncate: null,
-  truncatedText: null,
-  separator: ' ... ',
-  maxWidth: null
-};
-
-export { MiddleTruncate as default };
-//# sourceMappingURL=MiddleTruncate.js.map
+import{useRef as t,useEffect as r}from"react";import e from"prop-types";import{getTruncatedText as n}from"./utils.js";import{jsx as a}from"react/jsx-runtime";function i(e){var i=e.children,o=e.truncatedText,u=e.separator,l=e.maxWidth,d=e.onTruncate,c=t();return r((function(){var t=c.current,r=t.scrollWidth,e=t.innerText;d(r>l?n({maxWidth:l,separator:u,text:i,currentWidth:r,textLength:null==e?void 0:e.length}):null)}),[i]),a("div",{ref:c,children:o||i})}i.propTypes={children:e.oneOfType([e.node,e.string]).isRequired,truncatedText:e.string,onTruncate:e.func,separator:e.string,maxWidth:e.number},i.defaultProps={onTruncate:null,truncatedText:null,separator:" ... ",maxWidth:null};export{i as default};

package/components/MiddleTruncate/utils.js

@@ -1,15 +1 @@
-var getTruncatedText = function getTruncatedText(_ref) {
-  var text = _ref.text,
-    currentWidth = _ref.currentWidth,
-    textLength = _ref.textLength,
-    separator = _ref.separator,
-    maxWidth = _ref.maxWidth;
-  var pxPerSymbol = currentWidth / textLength;
-  var symbolsToCut = (currentWidth - maxWidth) / pxPerSymbol + separator.length;
-  var startPosition = (text.length - symbolsToCut) / 2;
-  var endPosition = (text.length + symbolsToCut) / 2;
-  return text.substring(0, startPosition) + separator + text.substring(endPosition);
-};
-
-export { getTruncatedText };
-//# sourceMappingURL=utils.js.map
+var t=function(t){var r=t.text,e=t.currentWidth,n=t.textLength,g=t.separator,h=(e-t.maxWidth)/(e/n)+g.length,a=(r.length-h)/2,i=(r.length+h)/2;return r.substring(0,a)+g+r.substring(i)};export{t as getTruncatedText};

package/components/Modal/CorvaModal.css.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".CorvaModal_small__mNfAD {\n  width: 416px;\n}\n\n.CorvaModal_medium__hZ6dU {\n  width: 552px;\n}\n\n.CorvaModal_large__TDl42 {\n  width: 768px;\n}\n\n.CorvaModal_extraLarge__0TL4F {\n  width: 80%;\n  height: calc(100% - 32px);\n  max-width: 1152px;\n}\n\n.CorvaModal_modalWrapper__QCxRq {\n  display: flex;\n  width: 100%;\n  height: 100%;\n}\n\n/* Container */\n\n.CorvaModal_modalContainer__rU-tZ {\n  background-color: var(--palette-background-b-9);\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  margin: auto;\n  max-height: calc(100% - 32px);\n  max-width: 80%;\n  outline: none;\n  position: relative;\n  overflow: hidden;\n}\n\n.CorvaModal_modalContainerMobile__B-NqD {\n  max-height: calc(100% - 16px);\n  max-width: calc(100% - 16px);\n  min-height: calc(100% - 16px);\n  min-width: calc(100% - 16px);\n}\n\n/* Title */\n\n.CorvaModal_title__hXADg {\n  align-items: center;\n  background-color: var(--palette-background-b-9);\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  box-shadow: 0px 8px 10px var(--palette-background-b-9);\n  display: flex;\n  justify-content: space-between;\n  line-height: 28px;\n  padding: 40px 40px 0;\n  z-index: 1;\n  width: 100%;\n}\n\n.CorvaModal_titleMobile__I5oX3 {\n  padding: 12px 16px;\n}\n\n.CorvaModal_titleText__JTkfo {\n  color: white;\n  font-size: 20px;\n}\n\n/* Modal content */\n\n.CorvaModal_modalContent__Du0Oe {\n  overflow-y: auto;\n  padding: 16px 40px;\n}\n\n.CorvaModal_modalContentMobile__4bB1d {\n  background-color: inherit;\n  overflow-y: scroll;\n  padding: 16px;\n}\n\n/* Modal actions */\n\n.CorvaModal_modalActions__KJ3N4 {\n  align-items: center;\n  background: var(--palette-background-b-9);\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  box-shadow: 0px -8px 10px var(--palette-background-b-9);\n  display: flex;\n  margin-top: auto;\n  padding: 16px 40px 40px;\n  width: 100%;\n  z-index: 1000;\n}\n\n.CorvaModal_modalActionsMobile__1IQfD {\n  padding: 8px 16px;\n}\n";
-var styles = {"small":"CorvaModal_small__mNfAD","medium":"CorvaModal_medium__hZ6dU","large":"CorvaModal_large__TDl42","extraLarge":"CorvaModal_extraLarge__0TL4F","modalWrapper":"CorvaModal_modalWrapper__QCxRq","modalContainer":"CorvaModal_modalContainer__rU-tZ","modalContainerMobile":"CorvaModal_modalContainerMobile__B-NqD","title":"CorvaModal_title__hXADg","titleMobile":"CorvaModal_titleMobile__I5oX3","titleText":"CorvaModal_titleText__JTkfo","modalContent":"CorvaModal_modalContent__Du0Oe","modalContentMobile":"CorvaModal_modalContentMobile__4bB1d","modalActions":"CorvaModal_modalActions__KJ3N4","modalActionsMobile":"CorvaModal_modalActionsMobile__1IQfD"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=CorvaModal.css.js.map
+import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var a={small:"CorvaModal_small__mNfAD",medium:"CorvaModal_medium__hZ6dU",large:"CorvaModal_large__TDl42",extraLarge:"CorvaModal_extraLarge__0TL4F",modalWrapper:"CorvaModal_modalWrapper__QCxRq",modalContainer:"CorvaModal_modalContainer__rU-tZ",modalContainerMobile:"CorvaModal_modalContainerMobile__B-NqD",title:"CorvaModal_title__hXADg",titleMobile:"CorvaModal_titleMobile__I5oX3",titleText:"CorvaModal_titleText__JTkfo",modalContent:"CorvaModal_modalContent__Du0Oe",modalContentMobile:"CorvaModal_modalContentMobile__4bB1d",modalActions:"CorvaModal_modalActions__KJ3N4",modalActionsMobile:"CorvaModal_modalActionsMobile__1IQfD"};o(".CorvaModal_small__mNfAD{width:416px}.CorvaModal_medium__hZ6dU{width:552px}.CorvaModal_large__TDl42{width:768px}.CorvaModal_extraLarge__0TL4F{height:calc(100% - 32px);max-width:1152px;width:80%}.CorvaModal_modalWrapper__QCxRq{display:flex;height:100%;width:100%}.CorvaModal_modalContainer__rU-tZ{background-color:var(--palette-background-b-9);border-radius:4px;display:flex;flex-direction:column;margin:auto;max-height:calc(100% - 32px);max-width:80%;outline:none;overflow:hidden;position:relative}.CorvaModal_modalContainerMobile__B-NqD{max-height:calc(100% - 16px);max-width:calc(100% - 16px);min-height:calc(100% - 16px);min-width:calc(100% - 16px)}.CorvaModal_title__hXADg{align-items:center;background-color:var(--palette-background-b-9);border-top-left-radius:4px;border-top-right-radius:4px;box-shadow:0 8px 10px var(--palette-background-b-9);display:flex;justify-content:space-between;line-height:28px;padding:40px 40px 0;width:100%;z-index:1}.CorvaModal_titleMobile__I5oX3{padding:12px 16px}.CorvaModal_titleText__JTkfo{color:#fff;font-size:20px}.CorvaModal_modalContent__Du0Oe{overflow-y:auto;padding:16px 40px}.CorvaModal_modalContentMobile__4bB1d{background-color:inherit;overflow-y:scroll;padding:16px}.CorvaModal_modalActions__KJ3N4{align-items:center;background:var(--palette-background-b-9);border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 -8px 10px var(--palette-background-b-9);display:flex;margin-top:auto;padding:16px 40px 40px;width:100%;z-index:1000}.CorvaModal_modalActionsMobile__1IQfD{padding:8px 16px}");export{a as default};

package/components/Modal/CorvaModal.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ModalProps } from '~/components/Modal/types';
-export declare function CorvaModal({ actions, actionsClassName, children, contentClassName, contentContainerClassName, isCloseIconHidden, isMobile, isNative, modalTitleClassName, closeIconClassName, onClose, open, rootClassName, size, stickyFooterClassName, title, type, ...otherProps }: ModalProps): JSX.Element;
+export declare function CorvaModal({ actions, actionsClassName, children, contentClassName, contentContainerClassName, isCloseIconHidden, isMobile, isNative, modalTitleClassName, closeIconClassName, onClose, open, rootClassName, size, stickyFooterClassName, title, type, 'data-testid': PAGE_NAME, ...otherProps }: ModalProps): JSX.Element;
 //# sourceMappingURL=CorvaModal.d.ts.map

package/components/Modal/CorvaModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CorvaModal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/CorvaModal.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAsB,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAU1E,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,yBAAyB,EACzB,iBAAyB,EACzB,QAA2B,EAC3B,QAA2B,EAC3B,mBAAmB,EACnB,kBAAkB,EAClB,OAAc,EACd,IAAI,EACJ,aAAa,EACb,IAAI,EACJ,qBAAqB,EACrB,KAAK,EACL,IAAI,EACJ,GAAG,UAAU,EACd,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAmE1B"}
+{"version":3,"file":"CorvaModal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/CorvaModal.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAsB,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAU1E,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,yBAAyB,EACzB,iBAAyB,EACzB,QAA2B,EAC3B,QAA2B,EAC3B,mBAAmB,EACnB,kBAAkB,EAClB,OAAc,EACd,IAAI,EACJ,aAAa,EACb,IAAI,EACJ,qBAAqB,EACrB,KAAK,EACL,IAAI,EACJ,aAAa,EAAE,SAAwB,EACvC,GAAG,UAAU,EACd,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAoE1B"}

package/components/Modal/CorvaModal.js

@@ -1,79 +1 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import classNames from 'classnames';
-import { noop } from 'lodash';
-import { Modal } from '@material-ui/core';
-import { Close } from '@material-ui/icons';
-import { isMobileDetected, isNativeDetected } from '../../utils/mobileDetect.js';
-import { MOBILE_MODAL_TYPES } from './types.js';
-import IconButton from '../IconButton/index.js';
-import styles from './CorvaModal.css.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var _excluded = ["actions", "actionsClassName", "children", "contentClassName", "contentContainerClassName", "isCloseIconHidden", "isMobile", "isNative", "modalTitleClassName", "closeIconClassName", "onClose", "open", "rootClassName", "size", "stickyFooterClassName", "title", "type", "data-testid"];
-var _DEFAULT_TITLES;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var DEFAULT_TITLES = (_DEFAULT_TITLES = {}, _defineProperty(_DEFAULT_TITLES, MOBILE_MODAL_TYPES.FILTERS, 'Filters'), _defineProperty(_DEFAULT_TITLES, MOBILE_MODAL_TYPES.SETTINGS, 'Settings'), _DEFAULT_TITLES);
-function CorvaModal(_ref) {
-  var _classNames;
-  var actions = _ref.actions,
-    actionsClassName = _ref.actionsClassName,
-    children = _ref.children,
-    contentClassName = _ref.contentClassName,
-    contentContainerClassName = _ref.contentContainerClassName,
-    _ref$isCloseIconHidde = _ref.isCloseIconHidden,
-    isCloseIconHidden = _ref$isCloseIconHidde === void 0 ? false : _ref$isCloseIconHidde,
-    _ref$isMobile = _ref.isMobile,
-    isMobile = _ref$isMobile === void 0 ? isMobileDetected : _ref$isMobile,
-    _ref$isNative = _ref.isNative,
-    isNative = _ref$isNative === void 0 ? isNativeDetected : _ref$isNative,
-    modalTitleClassName = _ref.modalTitleClassName,
-    closeIconClassName = _ref.closeIconClassName,
-    _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
-    open = _ref.open,
-    rootClassName = _ref.rootClassName,
-    size = _ref.size,
-    stickyFooterClassName = _ref.stickyFooterClassName,
-    title = _ref.title,
-    type = _ref.type,
-    _ref$dataTestid = _ref['data-testid'],
-    PAGE_NAME = _ref$dataTestid === void 0 ? 'CorvaModal' : _ref$dataTestid,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var isMobileOrNative = isNative || isMobile;
-  var modalTitle = title || DEFAULT_TITLES[type];
-  return /*#__PURE__*/jsx(Modal, _objectSpread(_objectSpread({
-    open: open,
-    onClose: onClose,
-    className: classNames(!isMobileOrNative && 'c-modal', styles.modalWrapper, rootClassName)
-  }, otherProps), {}, {
-    children: /*#__PURE__*/jsxs("div", {
-      className: classNames((_classNames = {}, _defineProperty(_classNames, styles.modalContainer, true), _defineProperty(_classNames, styles.modalContainerMobile, isMobileOrNative), _defineProperty(_classNames, styles[size], true), _defineProperty(_classNames, contentContainerClassName, true), _classNames)),
-      children: [modalTitle && /*#__PURE__*/jsxs("div", {
-        className: classNames(styles.title, isMobileOrNative && styles.titleMobile, modalTitleClassName),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classNames(styles.titleText),
-          children: modalTitle
-        }), (!isCloseIconHidden || type) && /*#__PURE__*/jsx(IconButton, {
-          className: closeIconClassName,
-          tooltipProps: {
-            title: 'Close'
-          },
-          onClick: onClose,
-          "data-testid": "".concat(PAGE_NAME, "_closeButton"),
-          children: /*#__PURE__*/jsx(Close, {})
-        })]
-      }), children && /*#__PURE__*/jsx("div", {
-        className: classNames(styles.modalContent, isMobileOrNative && styles.modalContentMobile, contentClassName),
-        children: children
-      }), actions && /*#__PURE__*/jsx("div", {
-        className: classNames(styles.modalActions, isMobileOrNative && styles.modalActionsMobile, stickyFooterClassName, actionsClassName),
-        children: actions
-      })]
-    })
-  }));
-}
-
-export { CorvaModal };
-//# sourceMappingURL=CorvaModal.js.map
+import{__rest as o,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as s,jsxs as t}from"react/jsx-runtime";import i from"classnames";import{noop as a}from"lodash";import{Modal as l}from"@material-ui/core";import{Close as n}from"@material-ui/icons";import{isMobileDetected as m,isNativeDetected as r}from"../../utils/mobileDetect.js";import{MOBILE_MODAL_TYPES as c}from"./types.js";import d from"../IconButton/index.js";import C from"./CorvaModal.css.js";var N,p=((N={})[c.FILTERS]="Filters",N[c.SETTINGS]="Settings",N);function v(c){var N,v=c.actions,f=c.actionsClassName,h=c.children,b=c.contentClassName,u=c.contentContainerClassName,M=c.isCloseIconHidden,I=void 0!==M&&M,j=c.isMobile,T=void 0===j?m:j,y=c.isNative,x=void 0===y?r:y,F=c.modalTitleClassName,S=c.closeIconClassName,k=c.onClose,z=void 0===k?a:k,A=c.open,B=c.rootClassName,E=c.size,H=c.stickyFooterClassName,_=c.title,g=c.type,D=c["data-testid"],G=void 0===D?"CorvaModal":D,L=o(c,["actions","actionsClassName","children","contentClassName","contentContainerClassName","isCloseIconHidden","isMobile","isNative","modalTitleClassName","closeIconClassName","onClose","open","rootClassName","size","stickyFooterClassName","title","type","data-testid"]),P=x||T,R=_||p[g];return s(l,e({open:A,onClose:z,className:i(!P&&"c-modal",C.modalWrapper,B)},L,{children:t("div",e({className:i((N={},N[C.modalContainer]=!0,N[C.modalContainerMobile]=P,N[C[E]]=!0,N[u]=!0,N))},{children:[R&&t("div",e({className:i(C.title,P&&C.titleMobile,F)},{children:[s("div",e({className:i(C.titleText)},{children:R})),(!I||g)&&s(d,e({className:S,tooltipProps:{title:"Close"},onClick:z,"data-testid":"".concat(G,"_closeButton")},{children:s(n,{})}))]})),h&&s("div",e({className:i(C.modalContent,P&&C.modalContentMobile,b)},{children:h})),v&&s("div",e({className:i(C.modalActions,P&&C.modalActionsMobile,H,f)},{children:v}))]}))}))}export{v as CorvaModal};

package/components/Modal/DcCorvaModal.js

@@ -1,27 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen.js';
-import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
-import { IsInsideDcFullscreenElemProvider } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
-import { CorvaModal } from './CorvaModal.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["open"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function DcCorvaModal(_ref) {
-  var openProp = _ref.open,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var _useDelayedDcFullscre = useDelayedDcFullscreenElemOpen({
-      isOpen: openProp
-    }),
-    delayedIsOpen = _useDelayedDcFullscre.delayedIsOpen;
-  return /*#__PURE__*/jsx(IsInsideDcFullscreenElemProvider, {
-    children: /*#__PURE__*/jsx(CorvaModal, _objectSpread({
-      open: delayedIsOpen
-    }, otherProps))
-  });
-}
-
-export { DcCorvaModal };
-//# sourceMappingURL=DcCorvaModal.js.map
+import{__rest as e,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import{useDelayedDcFullscreenElemOpen as n}from"../../effects/useDelayedDcFullscreenElemOpen.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import{IsInsideDcFullscreenElemProvider as s}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{CorvaModal as t}from"./CorvaModal.js";function i(i){var l=i.open,m=e(i,["open"]),p=n({isOpen:l}).delayedIsOpen;return o(s,{children:o(t,r({open:p},m))})}export{i as DcCorvaModal};

package/components/Modal/Modal.js

@@ -1,27 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import '../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
-import { jsx } from 'react/jsx-runtime';
-import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
-import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js';
-import '../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
-import '../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
-import '../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
-import '../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
-import '../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
-import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
-import { useIsInsideDcFullscreenElem } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
-import { useIsInsideDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
-import { CorvaModal } from './CorvaModal.js';
-import { DcCorvaModal } from './DcCorvaModal.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function Modal(props) {
-  var isInsideDcApp = useIsInsideDcApp();
-  var isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();
-  var ModalComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcCorvaModal : CorvaModal;
-  return /*#__PURE__*/jsx(ModalComponent, _objectSpread({}, props));
-}
-
-export { Modal as default };
-//# sourceMappingURL=Modal.js.map
+import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as n}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import{useIsInsideDcFullscreenElem as o}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{useIsInsideDcApp as t}from"../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{CorvaModal as r}from"./CorvaModal.js";import{DcCorvaModal as p}from"./DcCorvaModal.js";function s(s){var i=t(),C=o();return n(i&&!C?p:r,e({},s))}export{s as default};

package/components/Modal/types.d.ts

@@ -22,5 +22,6 @@ export interface ModalProps extends Omit<MUIModalProps, 'type' | 'onClose' | 'ti
     stickyFooterClassName?: string;
     title?: string | ReactNode;
     type?: MOBILE_MODAL_TYPES;
+    'data-testid'?: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/components/Modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE5E,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AACD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAChG,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,eAAe,GAAG,eAAe,KAAK,IAAI,CAAC;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC3B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE5E,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AACD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAChG,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,eAAe,GAAG,eAAe,KAAK,IAAI,CAAC;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/components/Modal/types.js

@@ -1,8 +1 @@
-var MOBILE_MODAL_TYPES;
-(function (MOBILE_MODAL_TYPES) {
-  MOBILE_MODAL_TYPES["FILTERS"] = "filters";
-  MOBILE_MODAL_TYPES["SETTINGS"] = "settings";
-})(MOBILE_MODAL_TYPES || (MOBILE_MODAL_TYPES = {}));
-
-export { MOBILE_MODAL_TYPES };
-//# sourceMappingURL=types.js.map
+var t;!function(t){t.FILTERS="filters",t.SETTINGS="settings"}(t||(t={}));export{t as MOBILE_MODAL_TYPES};

package/components/Notifications/Notifications.js

@@ -1,35 +1 @@
-import Snackbar from '@material-ui/core/Snackbar';
-import { Toast } from './Toast.js';
-import { jsx } from 'react/jsx-runtime';
-
-var Notifications = function Notifications(_ref) {
-  var notifications = _ref.notifications,
-    removeNotification = _ref.removeNotification;
-  return /*#__PURE__*/jsx(Snackbar, {
-    anchorOrigin: {
-      vertical: 'top',
-      horizontal: 'right'
-    },
-    open: true,
-    ClickAwayListenerProps: {
-      onClickAway: function onClickAway(e) {
-        return e.stopPropagation();
-      }
-    },
-    children: /*#__PURE__*/jsx("div", {
-      children: notifications.map(function (toast) {
-        return (
-          /*#__PURE__*/
-          // @ts-ignore
-          jsx(Toast, {
-            onDismissClick: removeNotification,
-            toast: toast
-          }, toast.id)
-        );
-      })
-    })
-  });
-};
-
-export { Notifications };
-//# sourceMappingURL=Notifications.js.map
+import{__assign as i}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import r from"@material-ui/core/Snackbar";import{Toast as t}from"./Toast.js";var n=function(n){var a=n.notifications,e=n.removeNotification;return o(r,i({anchorOrigin:{vertical:"top",horizontal:"right"},open:!0,ClickAwayListenerProps:{onClickAway:function(i){return i.stopPropagation()}}},{children:o("div",{children:a.map((function(i){return o(t,{onDismissClick:e,toast:i},i.id)}))})}))};export{n as Notifications};

package/components/Notifications/NotificationsContainer.js

@@ -1,80 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useEffect } from 'react';
-import { v4 } from 'uuid';
-import { Notifications } from './Notifications.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var NotificationsContainer = function NotificationsContainer() {
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    notificationToasts = _useState2[0],
-    setNotificationToasts = _useState2[1];
-  var addNotification = function addNotification(notification) {
-    setNotificationToasts(function (prevNotificationToasts) {
-      return [].concat(_toConsumableArray(prevNotificationToasts), [notification]);
-    });
-  };
-  var removeNotification = function removeNotification(id) {
-    setNotificationToasts(function (prevNotificationToasts) {
-      return prevNotificationToasts.filter(function (toast) {
-        return toast.id !== id;
-      });
-    });
-  };
-  var createNotification = function createNotification(variant, message) {
-    var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    var mapVariantToContent = {
-      info: 'Info',
-      error: 'Error',
-      warning: 'Warning',
-      success: 'Success',
-      neutral: 'Neutral'
-    };
-    var DEFAULT_AUTO_HIDE_DURATION = 3000;
-    var notification = _objectSpread({
-      autoHideDuration: DEFAULT_AUTO_HIDE_DURATION,
-      content: message || mapVariantToContent[variant] || 'info',
-      id: v4(),
-      variant: variant
-    }, options);
-    addNotification(notification);
-    return notification.id;
-  };
-  var showSuccessNotification = function showSuccessNotification(message, options) {
-    return createNotification('success', message, options);
-  };
-  var showErrorNotification = function showErrorNotification(message, options) {
-    return createNotification('error', message, options);
-  };
-  var showWarningNotification = function showWarningNotification(message, options) {
-    return createNotification('warning', message, options);
-  };
-  var showInfoNotification = function showInfoNotification(message, options) {
-    return createNotification('info', message, options);
-  };
-  var showNeutralNotification = function showNeutralNotification(message, options) {
-    return createNotification('neutral', message, options);
-  };
-  useEffect(function () {
-    window[Symbol.for('notificationToasts')] = {
-      createNotification: addNotification,
-      removeNotification: removeNotification,
-      showErrorNotification: showErrorNotification,
-      showInfoNotification: showInfoNotification,
-      showNeutralNotification: showNeutralNotification,
-      showSuccessNotification: showSuccessNotification,
-      showWarningNotification: showWarningNotification
-    };
-  }, []);
-  return /*#__PURE__*/jsx(Notifications, {
-    notifications: notificationToasts,
-    removeNotification: removeNotification
-  });
-};
-
-export { NotificationsContainer };
-//# sourceMappingURL=NotificationsContainer.js.map
+import{__spreadArray as o,__assign as i}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as n}from"react/jsx-runtime";import{useState as t,useEffect as r}from"react";import{v4 as e}from"uuid";import{Notifications as u}from"./Notifications.js";var c=function(){var c=t([]),f=c[0],a=c[1],s=function(i){a((function(n){return o(o([],n,!0),[i],!1)}))},m=function(o){a((function(i){return i.filter((function(i){return i.id!==o}))}))},N=function(o,n,t){void 0===t&&(t={});var r=i({autoHideDuration:3e3,content:n||{info:"Info",error:"Error",warning:"Warning",success:"Success",neutral:"Neutral"}[o]||"info",id:e(),variant:o},t);return s(r),r.id},d=function(o,i){return N("success",o,i)},l=function(o,i){return N("error",o,i)},w=function(o,i){return N("warning",o,i)},v=function(o,i){return N("info",o,i)},p=function(o,i){return N("neutral",o,i)};return r((function(){window[Symbol.for("notificationToasts")]={createNotification:s,removeNotification:m,showErrorNotification:l,showInfoNotification:v,showNeutralNotification:p,showSuccessNotification:d,showWarningNotification:w}}),[]),n(u,{notifications:f,removeNotification:m})};export{c as NotificationsContainer};

package/components/Notifications/Toast.js

@@ -1,131 +1 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useEffect, cloneElement } from 'react';
-import classNames from 'classnames';
-import { noop } from 'lodash';
-import { Grow, SnackbarContent, Tooltip, Typography } from '@material-ui/core';
-import { CheckCircleOutline, ReportProblemOutlined, ReportOutlined, InfoOutlined, Check, Close } from '@material-ui/icons';
-import IconButton from '../IconButton/index.js';
-import { NOTIFICATION_VARIANTS } from '../../constants/notifications.js';
-import { useStyles } from './Toast.styles.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var _excluded = ["onDismissClick", "toast"];
-var _icons;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var PAGE_NAME = 'NotificationPopup';
-var icons = (_icons = {}, _defineProperty(_icons, NOTIFICATION_VARIANTS.success, CheckCircleOutline), _defineProperty(_icons, NOTIFICATION_VARIANTS.warning, ReportProblemOutlined), _defineProperty(_icons, NOTIFICATION_VARIANTS.error, ReportOutlined), _defineProperty(_icons, NOTIFICATION_VARIANTS.info, InfoOutlined), _defineProperty(_icons, NOTIFICATION_VARIANTS.neutral, Check), _icons);
-var Toast = function Toast(_ref) {
-  var onDismissClick = _ref.onDismissClick,
-    toast = _ref.toast,
-    other = _objectWithoutProperties(_ref, _excluded);
-  var alertLevel = toast.alertLevel,
-    _toast$autoHideDurati = toast.autoHideDuration,
-    autoHideDuration = _toast$autoHideDurati === void 0 ? 3000 : _toast$autoHideDurati,
-    content = toast.content,
-    hideIcon = toast.hideIcon,
-    icon = toast.icon,
-    id = toast.id,
-    _toast$onClick = toast.onClick,
-    onClick = _toast$onClick === void 0 ? noop : _toast$onClick,
-    _toast$onClose = toast.onClose,
-    onClose = _toast$onClose === void 0 ? noop : _toast$onClose,
-    timestamp = toast.timestamp,
-    title = toast.title,
-    tooltipProps = toast.tooltipProps,
-    _toast$variant = toast.variant,
-    variant = _toast$variant === void 0 ? 'info' : _toast$variant;
-  useEffect(function () {
-    var timeout = setTimeout(function () {
-      return onDismissClick(id);
-    }, autoHideDuration);
-    return function () {
-      return clearTimeout(timeout);
-    };
-  }, []);
-  var styles = useStyles();
-  var Icon = icons[variant];
-  return /*#__PURE__*/jsx(Grow, {
-    appear: true,
-    in: true,
-    children: /*#__PURE__*/jsx(SnackbarContent, _objectSpread({
-      classes: {
-        root: classNames(styles.main, !alertLevel && styles[variant], alertLevel && styles.alertNotification, alertLevel && styles["alertLevels-".concat(alertLevel)]),
-        action: styles.actionContainer,
-        message: styles.messageContainer
-      },
-      "aria-describedby": "client-snackbar",
-      message: /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
-        title: content,
-        classes: {
-          tooltip: styles.tooltip
-        },
-        placement: "bottom",
-        children: /*#__PURE__*/jsxs("div", {
-          id: "client-snackbar",
-          className: styles.messageWrapper,
-          onClick: onClick,
-          "data-testid": "".concat(PAGE_NAME, "_status_").concat(NOTIFICATION_VARIANTS[variant]),
-          children: [!hideIcon && /*#__PURE__*/jsx("div", {
-            className: styles.iconWrapper,
-            children: icon ? cloneElement(icon, {
-              className: styles.icon,
-              nativeColor: '#fff'
-            }) : /*#__PURE__*/jsx(Icon, {
-              htmlColor: "#fff",
-              className: styles.icon
-            })
-          }), /*#__PURE__*/jsxs("div", {
-            className: styles.message,
-            children: [/*#__PURE__*/jsxs("div", {
-              className: styles.messageTop,
-              children: [title && /*#__PURE__*/jsx(Typography, {
-                "data-testid": "".concat(PAGE_NAME, "_title"),
-                variant: "subtitle2",
-                className: classNames(styles.title, _defineProperty({}, styles.alertTitle, alertLevel)),
-                children: title
-              }), timestamp && /*#__PURE__*/jsx(Typography, {
-                className: classNames(styles.timestamp, !alertLevel && styles[variant]),
-                children: timestamp
-              })]
-            }), /*#__PURE__*/jsx("div", {
-              className: classNames(styles.messageContent, !alertLevel && styles[variant]),
-              children: /*#__PURE__*/jsx(Typography, {
-                "data-testid": "".concat(PAGE_NAME, "_content"),
-                className: classNames(alertLevel ? styles.alertContent : styles.content),
-                children: content
-              })
-            })]
-          })]
-        })
-      })),
-      action: [/*#__PURE__*/jsx(IconButton, {
-        "data-testid": "".concat(PAGE_NAME, "_closeButton"),
-        "aria-label": "Close",
-        color: "inherit",
-        onClick: function onClick() {
-          onClose();
-          onDismissClick(id);
-        },
-        size: "small"
-        // @ts-ignore
-        ,
-        tooltipProps: {
-          title: 'Close',
-          classes: {
-            tooltip: styles.tooltip
-          }
-        },
-        className: styles.closeIconButton,
-        children: /*#__PURE__*/jsx(Close, {
-          className: styles.closeIcon,
-          htmlColor: alertLevel ? '#000' : '#fff'
-        })
-      }, "close")]
-    }, other))
-  });
-};
-
-export { PAGE_NAME, Toast };
-//# sourceMappingURL=Toast.js.map
+import{__rest as t,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useEffect as a,cloneElement as s}from"react";import n from"classnames";import{noop as c}from"lodash";import{Grow as r,SnackbarContent as l,Tooltip as m,Typography as d}from"@material-ui/core";import{CheckCircleOutline as p,ReportProblemOutlined as f,ReportOutlined as u,InfoOutlined as v,Check as h,Close as C}from"@material-ui/icons";import N from"../IconButton/index.js";import{NOTIFICATION_VARIANTS as b}from"../../constants/notifications.js";import{useStyles as g}from"./Toast.styles.js";var k,_="NotificationPopup",j=((k={})[b.success]=p,k[b.warning]=f,k[b.error]=u,k[b.info]=v,k[b.neutral]=h,k),T=function(p){var f,u=p.onDismissClick,v=p.toast,h=t(p,["onDismissClick","toast"]),k=v.alertLevel,T=v.autoHideDuration,I=void 0===T?3e3:T,x=v.content,B=v.hideIcon,D=v.icon,P=v.id,y=v.onClick,L=void 0===y?c:y,W=v.onClose,w=void 0===W?c:W,z=v.timestamp,H=v.title,q=v.tooltipProps,A=v.variant,E=void 0===A?"info":A;a((function(){var t=setTimeout((function(){return u(P)}),I);return function(){return clearTimeout(t)}}),[]);var F=g(),G=j[E];return e(r,o({appear:!0,in:!0},{children:e(l,o({classes:{root:n(F.main,!k&&F[E],k&&F.alertNotification,k&&F["alertLevels-".concat(k)]),action:F.actionContainer,message:F.messageContainer},"aria-describedby":"client-snackbar",message:e(m,o({},q,{title:x,classes:{tooltip:F.tooltip},placement:"bottom"},{children:i("div",o({id:"client-snackbar",className:F.messageWrapper,onClick:L,"data-testid":"".concat(_,"_status_").concat(b[E])},{children:[!B&&e("div",o({className:F.iconWrapper},{children:D?s(D,{className:F.icon,nativeColor:"#fff"}):e(G,{htmlColor:"#fff",className:F.icon})})),i("div",o({className:F.message},{children:[i("div",o({className:F.messageTop},{children:[H&&e(d,o({"data-testid":"".concat(_,"_title"),variant:"subtitle2",className:n(F.title,(f={},f[F.alertTitle]=k,f))},{children:H})),z&&e(d,o({className:n(F.timestamp,!k&&F[E])},{children:z}))]})),e("div",o({className:n(F.messageContent,!k&&F[E])},{children:e(d,o({"data-testid":"".concat(_,"_content"),className:n(k?F.alertContent:F.content)},{children:x}))}))]}))]}))})),action:[e(N,o({"data-testid":"".concat(_,"_closeButton"),"aria-label":"Close",color:"inherit",onClick:function(){w(),u(P)},size:"small",tooltipProps:{title:"Close",classes:{tooltip:F.tooltip}},className:F.closeIconButton},{children:e(C,{className:F.closeIcon,htmlColor:k?"#000":"#fff"})}),"close")]},h))}))};export{_ as PAGE_NAME,T as Toast};