@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/MenuItem/index.js

@@ -1,71 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { makeStyles, MenuItem as MenuItem$1, Tooltip } from '@material-ui/core';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var useStyles = makeStyles(function (theme) {
-  return {
-    disabled: {
-      color: theme.palette.primary.text9,
-      opacity: 1,
-      cursor: 'default'
-    },
-    tooltipTrigger: {
-      position: 'absolute',
-      top: 0,
-      bottom: 0,
-      left: 0,
-      right: 0
-    }
-  };
-});
-
-var MenuItem = function MenuItem(_ref) {
-  var DisabledTooltipProps = _ref.DisabledTooltipProps,
-      disabled = _ref.disabled,
-      MenuItemProps = _objectWithoutProperties(_ref, ["DisabledTooltipProps", "disabled"]);
-
-  var styles = useStyles();
-
-  var handleDisabledItemClick = function handleDisabledItemClick(e) {
-    e.stopPropagation();
-  };
-
-  if (disabled) {
-    return /*#__PURE__*/jsx(MenuItem$1, _objectSpread(_objectSpread({}, MenuItemProps), {}, {
-      className: classNames(styles.disabled, MenuItemProps.className),
-      tabIndex: -1,
-      button: false,
-      children: /*#__PURE__*/jsxs(Fragment, {
-        children: [MenuItemProps.children, /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
-          title: "Disabled",
-          placement: "right"
-        }, DisabledTooltipProps), {}, {
-          children: /*#__PURE__*/jsx("div", {
-            onClick: handleDisabledItemClick,
-            className: styles.tooltipTrigger
-          })
-        }))]
-      })
-    }));
-  }
-
-  return /*#__PURE__*/jsx(MenuItem$1, _objectSpread({}, MenuItemProps));
-};
-
-MenuItem.propTypes = {
-  disabled: PropTypes.bool,
-  DisabledTooltipProps: PropTypes.shape({})
-};
-MenuItem.defaultProps = {
-  disabled: false,
-  DisabledTooltipProps: {}
-};
-
-export default MenuItem;
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{makeStyles as r,MenuItem as o,Tooltip as i}from"@material-ui/core";import p from"prop-types";import a from"classnames";import{jsx as l,jsxs as s,Fragment as n}from"react/jsx-runtime";var c=["DisabledTooltipProps","disabled"];function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function d(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?b(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):b(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var u=r((function(e){return{disabled:{color:e.palette.primary.text9,opacity:1,cursor:"default"},tooltipTrigger:{position:"absolute",top:0,bottom:0,left:0,right:0}}})),m=function(e){var r=e.DisabledTooltipProps,p=e.disabled,b=t(e,c),m=u();return l(o,p?d(d({},b),{},{className:a(m.disabled,b.className),tabIndex:-1,button:!1,children:s(n,{children:[b.children,l(i,d(d({title:"Disabled",placement:"right"},r),{},{children:l("div",{onClick:function(e){e.stopPropagation()},className:m.tooltipTrigger})}))]})}):d({},b))};m.propTypes={disabled:p.bool,DisabledTooltipProps:p.shape({})},m.defaultProps={disabled:!1,DisabledTooltipProps:{}};export{m as default};

package/components/Modal/Modal.css.js

@@ -1,8 +1 @@
-import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".Modal_small__W_lAm {\n  width: 416px;\n}\n\n.Modal_medium__1bbOT {\n  width: 552px;\n}\n\n.Modal_large__3W3z5 {\n  width: 768px;\n}\n\n.Modal_extraLarge__2hv5g {\n  width: 80%;\n  height: 80%;\n  max-width: 1152px;\n}\n\n.Modal_modalWrapper__1Irj5 {\n  display: flex;\n  width: 100%;\n  height: 100%;\n}\n\n.Modal_modalContainer__1ntEL {\n  outline: none;\n  max-width: 80%;\n  max-height: 80%;\n  background-color: #414141;\n  margin: auto;\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n}\n\n.Modal_modalMobileContainer__3V7C- {\n  background-color: #414141;\n}\n\n.Modal_modalMobileContainer__3V7C- {\n  outline: none;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 16px;\n}\n\n.Modal_modalStaticFooter__3__80 {\n  overflow-y: scroll;\n  padding-bottom: 0;\n}\n\n.Modal_modalMobileStaticFooter__3ZRy4 {\n  overflow-y: scroll;\n  padding-bottom: 16px;\n  border-radius: 0;\n  max-width: 100%;\n  max-height: 100%;\n  min-width: 100%;\n  min-height: 100%;\n  margin-top: 60px;\n}\n\n.Modal_modalMobile__3Q0mr {\n  border-radius: 0;\n  max-width: 100%;\n  max-height: 100%;\n  min-width: 100%;\n  min-height: 100%;\n  padding: 0;\n}\n\n.Modal_modalTitle__3EmG3 {\n  font-size: 20px;\n  color: white;\n  padding: 40px 40px 16px 40px;\n  line-height: 28px;\n}\n\n.Modal_modalStaticFooter__3__80 .Modal_modalTitle__3EmG3 {\n  box-shadow: 0px 16px 10px #414141;\n  z-index: 1;\n}\n\n.Modal_modalMobileTitle__V8TLa {\n  margin-bottom: auto;\n  display: flex;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  left: 0;\n  padding: 0 16px;\n  background-color: #414141;\n}\n\n.Modal_filtersTitle__G2f7r {\n  border-bottom: 1px solid;\n  border-bottom-color: #333333;\n}\n\n.Modal_modalTitleText__1Qw62 {\n  line-height: 28px;\n  padding: 4px 0px;\n}\n\n.Modal_modalMobileTitleText__HnTTy {\n  font-size: 20px;\n  color: white;\n  padding: 16px 16px 16px 0;\n  line-height: 28px;\n}\n\n.Modal_modalTitleWithClose__1KEFF {\n  display: flex;\n  justify-content: space-between;\n}\n\n.Modal_modalActions__1pnLy {\n  margin-top: auto;\n  display: flex;\n  align-items: center;\n  padding: 32px 40px 40px 40px;\n}\n\n.Modal_modalMobileActions__3uzdU {\n  margin-top: auto;\n  display: flex;\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  left: 0;\n  padding: 8px 16px;\n}\n\n.Modal_modalActionsSticky__2ppfp {\n  background: #414141;\n  padding: 8px 40px 40px 40px;\n  box-shadow: 0px -16px 10px #414141;\n}\n\n.Modal_modalContent__30BgY {\n  overflow-y: auto;\n  padding: 0 40px 0 40px;\n}\n\n.Modal_modalMobileContent__11cdf {\n  overflow-y: scroll;\n  padding: 4px 16px 92px 16px;\n}\n\n.Modal_modalMobile__3Q0mr .Modal_modalContent__30BgY {\n  padding: 28px 32px;\n}\n\n.Modal_settings__2iaI6,\n.Modal_settings__2iaI6 .Modal_modalMobileTitle__V8TLa,\n.Modal_settings__2iaI6 .Modal_modalMobileContent__11cdf,\n.Modal_settings__2iaI6 .Modal_modalMobileContainer__3V7C- {\n  background-color: #414141;\n}\n\n.Modal_filters__2q2wn,\n.Modal_filters__2q2wn .Modal_modalMobileTitle__V8TLa,\n.Modal_filters__2q2wn .Modal_modalMobileContent__11cdf,\n.Modal_filters__2q2wn .Modal_modalMobileContainer__3V7C- {\n  background-color: #272727;\n}\n\n.Modal_settings__2iaI6 .Modal_modalMobileActions__3uzdU {\n  background-color: #414141;\n  box-shadow: 0px -8px 10px #414141;\n}\n\n.Modal_filters__2q2wn .Modal_modalMobileActions__3uzdU {\n  background-color: #272727;\n  box-shadow: 0px -8px 10px #272727;\n}\n\n.Modal_settings__2iaI6 .Modal_modalMobileTitle__V8TLa {\n  box-shadow: 0px 8px 10px #414141;\n}\n\n.Modal_filters__2q2wn .Modal_modalMobileTitle__V8TLa {\n  box-shadow: 0px 8px 10px #272727;\n}\n";
-var styles = {"small":"Modal_small__W_lAm","medium":"Modal_medium__1bbOT","large":"Modal_large__3W3z5","extraLarge":"Modal_extraLarge__2hv5g","modalWrapper":"Modal_modalWrapper__1Irj5","modalContainer":"Modal_modalContainer__1ntEL","modalMobileContainer":"Modal_modalMobileContainer__3V7C-","modalStaticFooter":"Modal_modalStaticFooter__3__80","modalMobileStaticFooter":"Modal_modalMobileStaticFooter__3ZRy4","modalMobile":"Modal_modalMobile__3Q0mr","modalTitle":"Modal_modalTitle__3EmG3","modalMobileTitle":"Modal_modalMobileTitle__V8TLa","filtersTitle":"Modal_filtersTitle__G2f7r","modalTitleText":"Modal_modalTitleText__1Qw62","modalMobileTitleText":"Modal_modalMobileTitleText__HnTTy","modalTitleWithClose":"Modal_modalTitleWithClose__1KEFF","modalActions":"Modal_modalActions__1pnLy","modalMobileActions":"Modal_modalMobileActions__3uzdU","modalActionsSticky":"Modal_modalActionsSticky__2ppfp","modalContent":"Modal_modalContent__30BgY","modalMobileContent":"Modal_modalMobileContent__11cdf","settings":"Modal_settings__2iaI6","filters":"Modal_filters__2q2wn"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=Modal.css.js.map
+import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var l={small:"Modal_small__FXy7-",medium:"Modal_medium__WNhU6",large:"Modal_large__43H7j",extraLarge:"Modal_extraLarge__1FIXV",modalWrapper:"Modal_modalWrapper__12shD",modalContainer:"Modal_modalContainer__HVR1v",modalMobileContainer:"Modal_modalMobileContainer__8N8Z7",modalStaticFooter:"Modal_modalStaticFooter__ZcuNs",modalMobileStaticFooter:"Modal_modalMobileStaticFooter__SiBsk",modalMobile:"Modal_modalMobile__Xx7dU",modalTitle:"Modal_modalTitle__BVjhe",modalMobileTitle:"Modal_modalMobileTitle__RFpGa",filtersTitle:"Modal_filtersTitle__utGL-",modalTitleText:"Modal_modalTitleText__sefpB",modalMobileTitleText:"Modal_modalMobileTitleText__Nvquw",modalTitleWithClose:"Modal_modalTitleWithClose__STwSN",modalActions:"Modal_modalActions__G-sPQ",modalMobileActions:"Modal_modalMobileActions__wbFgo",modalActionsSticky:"Modal_modalActionsSticky__z0NUK",modalContent:"Modal_modalContent__aXUVW",modalMobileContent:"Modal_modalMobileContent__YatfP",settings:"Modal_settings__tm6NR",filters:"Modal_filters__xg42o"};o(".Modal_small__FXy7-{width:416px}.Modal_medium__WNhU6{width:552px}.Modal_large__43H7j{width:768px}.Modal_extraLarge__1FIXV{height:80%;max-width:1152px;width:80%}.Modal_modalWrapper__12shD{display:flex;height:100%;width:100%}.Modal_modalContainer__HVR1v{background-color:#414141;border-radius:4px;display:flex;flex-direction:column;margin:auto;max-height:80%;max-width:80%;outline:none}.Modal_modalMobileContainer__8N8Z7{background-color:#414141;display:flex;flex-direction:column;outline:none;padding-bottom:16px}.Modal_modalStaticFooter__ZcuNs{overflow-y:scroll;padding-bottom:0}.Modal_modalMobileStaticFooter__SiBsk{margin-top:60px;overflow-y:scroll;padding-bottom:16px}.Modal_modalMobileStaticFooter__SiBsk,.Modal_modalMobile__Xx7dU{border-radius:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%}.Modal_modalMobile__Xx7dU{padding:0}.Modal_modalTitle__BVjhe{color:#fff;font-size:20px;line-height:28px;padding:40px 40px 16px}.Modal_modalStaticFooter__ZcuNs .Modal_modalTitle__BVjhe{box-shadow:0 16px 10px #414141;z-index:1}.Modal_modalMobileTitle__RFpGa{background-color:#414141;display:flex;left:0;margin-bottom:auto;padding:0 16px;position:fixed;top:0;width:100%}.Modal_filtersTitle__utGL-{border-bottom:1px solid #333}.Modal_modalTitleText__sefpB{line-height:28px;padding:4px 0}.Modal_modalMobileTitleText__Nvquw{color:#fff;font-size:20px;line-height:28px;padding:16px 16px 16px 0}.Modal_modalTitleWithClose__STwSN{display:flex;justify-content:space-between}.Modal_modalActions__G-sPQ{align-items:center;display:flex;margin-top:auto;padding:32px 40px 40px}.Modal_modalMobileActions__wbFgo{bottom:0;display:flex;left:0;margin-top:auto;padding:8px 16px;position:absolute;width:100%}.Modal_modalActionsSticky__z0NUK{background:#414141;box-shadow:0 -16px 10px #414141;padding:8px 40px 40px}.Modal_modalContent__aXUVW{overflow-y:auto;padding:0 40px}.Modal_modalMobileContent__YatfP{overflow-y:scroll;padding:4px 16px 92px}.Modal_modalMobile__Xx7dU .Modal_modalContent__aXUVW{padding:28px 32px}.Modal_settings__tm6NR,.Modal_settings__tm6NR .Modal_modalMobileContainer__8N8Z7,.Modal_settings__tm6NR .Modal_modalMobileContent__YatfP,.Modal_settings__tm6NR .Modal_modalMobileTitle__RFpGa{background-color:#414141}.Modal_filters__xg42o,.Modal_filters__xg42o .Modal_modalMobileContainer__8N8Z7,.Modal_filters__xg42o .Modal_modalMobileContent__YatfP,.Modal_filters__xg42o .Modal_modalMobileTitle__RFpGa{background-color:#272727}.Modal_settings__tm6NR .Modal_modalMobileActions__wbFgo{background-color:#414141;box-shadow:0 -8px 10px #414141}.Modal_filters__xg42o .Modal_modalMobileActions__wbFgo{background-color:#272727;box-shadow:0 -8px 10px #272727}.Modal_settings__tm6NR .Modal_modalMobileTitle__RFpGa{box-shadow:0 8px 10px #414141}.Modal_filters__xg42o .Modal_modalMobileTitle__RFpGa{box-shadow:0 8px 10px #272727}");export{l as default};

package/components/Modal/index.js

@@ -1,173 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { noop } from 'lodash';
-import { isNativeDetected, isMobileDetected } from '../../utils/mobileDetect.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { withStyles, IconButton, makeStyles, Modal as Modal$1, Tooltip } from '@material-ui/core';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { Close, CloseRounded } from '@material-ui/icons';
-import styles from './Modal.css.js';
-
-var _DEFAULT_TITLES;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var MOBILE_MODAL_TYPES = {
-  FILTERS: 'filters',
-  SETTINGS: 'settings'
-};
-var DEFAULT_TITLES = (_DEFAULT_TITLES = {}, _defineProperty(_DEFAULT_TITLES, MOBILE_MODAL_TYPES.FILTERS, 'Filters'), _defineProperty(_DEFAULT_TITLES, MOBILE_MODAL_TYPES.SETTINGS, 'Settings'), _DEFAULT_TITLES);
-var StyledCloseIconButton = withStyles({
-  root: {
-    position: 'absolute',
-    right: 28,
-    top: 24,
-    color: '#9E9E9E',
-    fontSize: '14px',
-    paddingTop: 8,
-    width: 14,
-    height: 14,
-    '&.MuiIconButton-root': {
-      padding: 0
-    },
-    '& svg': {
-      transform: 'scale(1.8)',
-      width: 14,
-      height: 14
-    }
-  }
-})(IconButton);
-var StyledCloseIcon = withStyles(function (theme) {
-  return {
-    root: {
-      color: theme.palette.primary.text6,
-      '&:hover': {
-        color: 'white',
-        cursor: 'pointer'
-      }
-    }
-  };
-})(Close);
-var useStyles = makeStyles(function (theme) {
-  return {
-    closeTooltip: {
-      marginTop: 8
-    },
-    closeButton: {
-      padding: '4px 6px',
-      '&:hover': {
-        backgroundColor: theme.palette.background.b7
-      }
-    }
-  };
-});
-
-function Modal(_ref) {
-  var _classNames, _classNames2;
-
-  var title = _ref.title,
-      children = _ref.children,
-      actions = _ref.actions,
-      open = _ref.open,
-      isCloseIconHidden = _ref.isCloseIconHidden,
-      onClose = _ref.onClose,
-      isNative = _ref.isNative,
-      isMobile = _ref.isMobile,
-      stickyFooter = _ref.stickyFooter,
-      contentContainerClassName = _ref.contentContainerClassName,
-      contentClassName = _ref.contentClassName,
-      stickyFooterClassName = _ref.stickyFooterClassName,
-      size = _ref.size,
-      type = _ref.type,
-      rootClassName = _ref.rootClassName,
-      otherProps = _objectWithoutProperties(_ref, ["title", "children", "actions", "open", "isCloseIconHidden", "onClose", "isNative", "isMobile", "stickyFooter", "contentContainerClassName", "contentClassName", "stickyFooterClassName", "size", "type", "rootClassName"]);
-
-  var isMobileOrNative = isNative || isMobile;
-  var classes = useStyles();
-  return /*#__PURE__*/jsx(Modal$1, _objectSpread(_objectSpread({
-    open: open,
-    onClose: onClose,
-    className: classNames((_classNames = {
-      'c-modal': !isMobileOrNative
-    }, _defineProperty(_classNames, styles.modalWrapper, true), _defineProperty(_classNames, rootClassName, true), _defineProperty(_classNames, styles[type], isMobileOrNative && type), _classNames))
-  }, otherProps), {}, {
-    children: /*#__PURE__*/jsxs("div", {
-      className: classNames((_classNames2 = {}, _defineProperty(_classNames2, styles[size], !isMobileOrNative), _defineProperty(_classNames2, styles.modalContainer, !isMobileOrNative), _defineProperty(_classNames2, styles.modalMobileContainer, !isMobileOrNative), _defineProperty(_classNames2, styles.modalStaticFooter, !isMobileOrNative && stickyFooter), _defineProperty(_classNames2, contentContainerClassName, true), _defineProperty(_classNames2, styles.modalMobileContainer, isMobileOrNative), _defineProperty(_classNames2, styles.modalMobileStaticFooter, isMobileOrNative), _classNames2)),
-      children: [isMobileOrNative && /*#__PURE__*/jsxs("div", {
-        className: classNames(styles.modalMobileTitle, type === MOBILE_MODAL_TYPES.FILTERS && styles.filtersTitle),
-        children: [/*#__PURE__*/jsx(StyledCloseIconButton, {
-          onClick: onClose,
-          children: /*#__PURE__*/jsx(CloseRounded, {})
-        }), /*#__PURE__*/jsx("div", {
-          className: styles.modalMobileTitleText,
-          children: title || DEFAULT_TITLES[type]
-        })]
-      }), !isMobileOrNative && title && /*#__PURE__*/jsxs("div", {
-        className: classNames(styles.modalTitle, !isCloseIconHidden && styles.modalTitleWithClose),
-        children: [/*#__PURE__*/jsx("div", {
-          className: styles.modalTitleText,
-          children: title
-        }), !isCloseIconHidden && /*#__PURE__*/jsx(Tooltip, {
-          title: "Close",
-          classes: {
-            tooltip: classes.closeTooltip
-          },
-          placement: "bottom",
-          children: /*#__PURE__*/jsx(IconButton, {
-            onClick: onClose,
-            classes: {
-              root: classes.closeButton
-            },
-            children: /*#__PURE__*/jsx(StyledCloseIcon, {})
-          })
-        })]
-      }), children && /*#__PURE__*/jsx("div", {
-        className: classNames(!isMobileOrNative && styles.modalContent, isMobileOrNative && styles.modalMobileContent, contentClassName),
-        children: children
-      }), actions && /*#__PURE__*/jsx("div", {
-        className: classNames(isMobileOrNative && styles.modalMobileActions, !stickyFooter && styles.modalActions, stickyFooter && styles.modalActionsSticky, stickyFooter && stickyFooterClassName),
-        children: actions
-      })]
-    })
-  }));
-}
-
-Modal.propTypes = {
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  actions: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.array]),
-  stickyFooter: PropTypes.bool,
-  open: PropTypes.bool.isRequired,
-  onClose: PropTypes.func,
-  isNative: PropTypes.bool,
-  isMobile: PropTypes.bool,
-  isCloseIconHidden: PropTypes.bool,
-  contentClassName: PropTypes.string,
-  contentContainerClassName: PropTypes.string,
-  stickyFooterClassName: PropTypes.string,
-  rootClassName: PropTypes.string,
-  size: PropTypes.string,
-  type: PropTypes.string
-};
-Modal.defaultProps = {
-  title: '',
-  children: null,
-  actions: '',
-  stickyFooter: false,
-  onClose: noop,
-  isNative: isNativeDetected,
-  isMobile: isMobileDetected,
-  isCloseIconHidden: false,
-  contentClassName: null,
-  contentContainerClassName: null,
-  stickyFooterClassName: null,
-  // Do not set specific modal size as default to prevent existing usage from potential bugs
-  size: null,
-  type: '',
-  rootClassName: null
-};
-
-export default Modal;
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/objectWithoutProperties";import o from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import i from"classnames";import{noop as r}from"lodash";import{withStyles as n,IconButton as s,makeStyles as l,Modal as a,Tooltip as c}from"@material-ui/core";import{Close as m,CloseRounded as d}from"@material-ui/icons";import{isNativeDetected as p,isMobileDetected as u}from"../../utils/mobileDetect.js";import b from"./Modal.css.js";import{jsx as C,jsxs as f}from"react/jsx-runtime";var h,y=["title","children","actions","open","isCloseIconHidden","onClose","isNative","isMobile","stickyFooter","contentContainerClassName","contentClassName","stickyFooterClassName","size","type","rootClassName"];function g(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);o&&(i=i.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,i)}return t}function N(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?g(Object(i),!0).forEach((function(t){o(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):g(Object(i)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(i,o))}))}return e}var v="filters",O="settings",T=(o(h={},v,"Filters"),o(h,O,"Settings"),h),j=n({root:{position:"absolute",right:28,top:24,color:"#9E9E9E",fontSize:"14px",paddingTop:8,width:14,height:14,"&.MuiIconButton-root":{padding:0},"& svg":{transform:"scale(1.8)",width:14,height:14}}})(s),k=n((function(e){return{root:{color:e.palette.primary.text6,"&:hover":{color:"white",cursor:"pointer"}}}}))(m),M=l((function(e){return{closeTooltip:{marginTop:8},closeButton:{padding:"4px 6px","&:hover":{backgroundColor:e.palette.background.b7}}}}));function F(t){var r,n,l=t.title,m=t.children,p=t.actions,u=t.open,h=t.isCloseIconHidden,g=t.onClose,O=t.isNative,F=t.isMobile,P=t.stickyFooter,w=t.contentContainerClassName,x=t.contentClassName,S=t.stickyFooterClassName,z=t.size,D=t.type,E=t.rootClassName,I=e(t,y),H=O||F,A=M();return C(a,N(N({open:u,onClose:g,className:i((r={"c-modal":!H},o(r,b.modalWrapper,!0),o(r,E,!0),o(r,b[D],H&&D),r))},I),{},{children:f("div",{className:i((n={},o(n,b[z],!H),o(n,b.modalContainer,!H),o(n,b.modalMobileContainer,!H),o(n,b.modalStaticFooter,!H&&P),o(n,w,!0),o(n,b.modalMobileContainer,H),o(n,b.modalMobileStaticFooter,H),n)),children:[H&&f("div",{className:i(b.modalMobileTitle,D===v&&b.filtersTitle),children:[C(j,{onClick:g,children:C(d,{})}),C("div",{className:b.modalMobileTitleText,children:l||T[D]})]}),!H&&l&&f("div",{className:i(b.modalTitle,!h&&b.modalTitleWithClose),children:[C("div",{className:b.modalTitleText,children:l}),!h&&C(c,{title:"Close",classes:{tooltip:A.closeTooltip},placement:"bottom",children:C(s,{onClick:g,classes:{root:A.closeButton},children:C(k,{})})})]}),m&&C("div",{className:i(!H&&b.modalContent,H&&b.modalMobileContent,x),children:m}),p&&C("div",{className:i(H&&b.modalMobileActions,!P&&b.modalActions,P&&b.modalActionsSticky,P&&S),children:p})]})}))}F.propTypes={title:t.oneOfType([t.string,t.node]),children:t.oneOfType([t.string,t.node]),actions:t.oneOfType([t.string,t.node,t.array]),stickyFooter:t.bool,open:t.bool.isRequired,onClose:t.func,isNative:t.bool,isMobile:t.bool,isCloseIconHidden:t.bool,contentClassName:t.string,contentContainerClassName:t.string,stickyFooterClassName:t.string,rootClassName:t.string,size:t.string,type:t.string},F.defaultProps={title:"",children:null,actions:"",stickyFooter:!1,onClose:r,isNative:p,isMobile:u,isCloseIconHidden:!1,contentClassName:null,contentContainerClassName:null,stickyFooterClassName:null,size:null,type:"",rootClassName:null};export{F as default};

package/components/Notifications/Notifications.js

@@ -1,47 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import PropTypes from 'prop-types';
-import Snackbar from '@material-ui/core/Snackbar';
-import Toast from './components/Toast.js';
-
-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__*/jsx(Toast, {
-          onDismissClick: removeNotification,
-          toast: toast
-        }, toast.id);
-      })
-    })
-  });
-};
-
-Notifications.propTypes = {
-  removeNotification: PropTypes.func.isRequired,
-  notifications: PropTypes.arrayOf(PropTypes.shape({
-    alertLevel: PropTypes.oneOf(['info', 'warning', 'critical']),
-    autoHideDuration: PropTypes.number,
-    content: PropTypes.node.isRequired,
-    hideIcon: PropTypes.bool,
-    icon: PropTypes.node,
-    onClick: PropTypes.func,
-    timestamp: PropTypes.string,
-    title: PropTypes.string,
-    variant: PropTypes.oneOf(['success', 'warning', 'error', 'info'])
-  })).isRequired
-};
-
-export default Notifications;
-//# sourceMappingURL=Notifications.js.map
+import i from"prop-types";import o from"@material-ui/core/Snackbar";import r from"./components/Toast.js";import{jsx as n}from"react/jsx-runtime";var t=function(i){var t=i.notifications,e=i.removeNotification;return n(o,{anchorOrigin:{vertical:"top",horizontal:"right"},open:!0,ClickAwayListenerProps:{onClickAway:function(i){return i.stopPropagation()}},children:n("div",{children:t.map((function(i){return n(r,{onDismissClick:e,toast:i},i.id)}))})})};t.propTypes={removeNotification:i.func.isRequired,notifications:i.arrayOf(i.shape({alertLevel:i.oneOf(["info","warning","critical"]),autoHideDuration:i.number,content:i.node.isRequired,hideIcon:i.bool,icon:i.node,onClick:i.func,timestamp:i.string,title:i.string,variant:i.oneOf(["success","warning","error","info"])})).isRequired};export{t as default};

package/components/Notifications/NotificationsContainer.js

@@ -1,91 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { v4 } from 'uuid';
-import Notifications from './Notifications.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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'
-    };
-    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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return createNotification('success', message, options);
-  };
-
-  var showErrorNotification = function showErrorNotification(message) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return createNotification('error', message, options);
-  };
-
-  var showWarningNotification = function showWarningNotification(message) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return createNotification('warning', message, options);
-  };
-
-  var showInfoNotification = function showInfoNotification(message) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return createNotification('info', message, options);
-  };
-
-  useEffect(function () {
-    window[Symbol.for('notificationToasts')] = {
-      createNotification: addNotification,
-      removeNotification: removeNotification,
-      showSuccessNotification: showSuccessNotification,
-      showErrorNotification: showErrorNotification,
-      showWarningNotification: showWarningNotification,
-      showInfoNotification: showInfoNotification
-    };
-  }, []);
-  return /*#__PURE__*/jsx(Notifications, {
-    notifications: notificationToasts,
-    removeNotification: removeNotification
-  });
-};
-
-export default NotificationsContainer;
-//# sourceMappingURL=NotificationsContainer.js.map
+import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/toConsumableArray";import o from"@babel/runtime/helpers/slicedToArray";import{useState as n,useEffect as e}from"react";import{v4 as i}from"uuid";import c from"./Notifications.js";import{jsx as f}from"react/jsx-runtime";function a(r,t){var o=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),o.push.apply(o,n)}return o}function u(t){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?a(Object(n),!0).forEach((function(o){r(t,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(n,r))}))}return t}var s=function(){var r=n([]),a=o(r,2),s=a[0],p=a[1],m=function(r){p((function(o){return[].concat(t(o),[r])}))},l=function(r){p((function(t){return t.filter((function(t){return t.id!==r}))}))},b=function(r,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n={info:"Info",error:"Error",warning:"Warning",success:"Success"},e=3e3,c=u({autoHideDuration:e,content:t||n[r]||"info",id:i(),variant:r},o);return m(c),c.id},v=function(r){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return b("success",r,t)},O=function(r){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return b("error",r,t)},d=function(r){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return b("warning",r,t)},g=function(r){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return b("info",r,t)};return e((function(){window[Symbol.for("notificationToasts")]={createNotification:m,removeNotification:l,showSuccessNotification:v,showErrorNotification:O,showWarningNotification:d,showInfoNotification:g}}),[]),f(c,{notifications:s,removeNotification:l})};export{s as default};

package/components/Notifications/components/Toast.js

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