@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/Notifications/components/Toast.js

@@ -1 +1,158 @@
-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};
+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

package/components/Notifications/components/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sources":["../../../../src/components/Notifications/components/Toast.js"],"sourcesContent":["import { cloneElement, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { noop } from 'lodash';\n\nimport { SnackbarContent, Typography, Grow, Tooltip } from '@material-ui/core';\n\nimport {\n  CheckCircleOutline as CheckCircleOutlineIcon,\n  ReportProblemOutlined as ReportProblemOutlinedIcon,\n  ReportOutlined as ReportOutlinedIcon,\n  InfoOutlined as InfoOutlinedIcon,\n  Close as CloseIcon,\n} from '@material-ui/icons';\n\nimport IconButton from '~/components/IconButton';\nimport { NOTIFICATION_VARIANTS } from '~/constants/notifications';\n\nimport { useStyles } from './styles.js';\n\nconst PAGE_NAME = 'NotificationPopup';\n\nconst icons = {\n  [NOTIFICATION_VARIANTS.success]: CheckCircleOutlineIcon,\n  [NOTIFICATION_VARIANTS.warning]: ReportProblemOutlinedIcon,\n  [NOTIFICATION_VARIANTS.error]: ReportOutlinedIcon,\n  [NOTIFICATION_VARIANTS.info]: InfoOutlinedIcon,\n};\n\nconst Toast = ({ classes, onDismissClick, toast, ...other }) => {\n  const {\n    alertLevel,\n    autoHideDuration = 3000,\n    content,\n    hideIcon,\n    icon,\n    id,\n    onClick = () => {},\n    timestamp,\n    title,\n    variant = 'info',\n    tooltipProps,\n    onClose = noop,\n  } = toast;\n\n  useEffect(() => {\n    const timeout = setTimeout(() => onDismissClick(id), autoHideDuration);\n\n    return () => clearTimeout(timeout);\n  }, []);\n\n  const styles = useStyles();\n\n  const variantsLocators = {\n    success: 'success',\n    info: 'info',\n    warning: 'warning',\n    error: 'error',\n  };\n\n  const Icon = icons[variant];\n\n  return (\n    <Grow appear in>\n      <SnackbarContent\n        classes={{\n          root: classNames(\n            styles.main,\n            !alertLevel && styles[variant],\n            alertLevel && styles[`alertLevels-${alertLevel}`]\n          ),\n          action: styles.actionContainer,\n          message: styles.messageContainer,\n        }}\n        aria-describedby=\"client-snackbar\"\n        message={\n          <Tooltip\n            {...tooltipProps}\n            title={content}\n            classes={{ tooltip: styles.tooltip }}\n            placement=\"bottom\"\n          >\n            <div\n              id=\"client-snackbar\"\n              className={styles.messageWrapper}\n              onClick={onClick}\n              data-testid={`${PAGE_NAME}_status_${variantsLocators[variant]}`}\n            >\n              {!hideIcon && (\n                <div className={styles.iconWrapper}>\n                  {icon ? (\n                    cloneElement(icon, {\n                      className: styles.icon,\n                      nativeColor: '#fff',\n                    })\n                  ) : (\n                    <Icon htmlColor=\"#fff\" className={styles.icon} />\n                  )}\n                </div>\n              )}\n              <div className={styles.message}>\n                <div className={styles.messageTop}>\n                  {title && (\n                    <Typography\n                      data-testid={`${PAGE_NAME}_title`}\n                      variant=\"subtitle2\"\n                      className={styles.title}\n                    >\n                      {title}\n                    </Typography>\n                  )}\n                  {timestamp && (\n                    <Typography\n                      className={classNames(styles.timestamp, !alertLevel && styles[variant])}\n                    >\n                      {timestamp}\n                    </Typography>\n                  )}\n                </div>\n                <div className={classNames(styles.messageContent, !alertLevel && styles[variant])}>\n                  <Typography\n                    data-testid={`${PAGE_NAME}_content`}\n                    className={classNames(!alertLevel && styles.content)}\n                  >\n                    {content}\n                  </Typography>\n                </div>\n              </div>\n            </div>\n          </Tooltip>\n        }\n        action={[\n          <IconButton\n            data-testid={`${PAGE_NAME}_closeButton`}\n            key=\"close\"\n            aria-label=\"Close\"\n            color=\"inherit\"\n            onClick={() => {\n              onClose();\n              onDismissClick(id);\n            }}\n            size=\"small\"\n            tooltipProps={{ title: 'Close', classes: { tooltip: styles.tooltip } }}\n            className={styles.closeIconButton}\n          >\n            <CloseIcon className={styles.closeIcon} htmlColor={alertLevel ? '#000' : '#fff'} />\n          </IconButton>,\n        ]}\n        {...other}\n      />\n    </Grow>\n  );\n};\n\nToast.propTypes = {\n  onDismissClick: PropTypes.func.isRequired,\n  toast: PropTypes.shape({\n    alertLevel: PropTypes.oneOf(['info', 'warning', 'critical']),\n    autoHideDuration: PropTypes.number,\n    content: PropTypes.node.isRequired,\n    hideIcon: PropTypes.bool,\n    icon: PropTypes.node,\n    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n    onClick: PropTypes.func,\n    timestamp: PropTypes.string,\n    title: PropTypes.string,\n    variant: PropTypes.oneOf(['success', 'warning', 'error', 'info']),\n    tooltipProps: PropTypes.shape({}),\n    onClose: PropTypes.func,\n  }).isRequired,\n};\n\nexport default Toast;\n"],"names":["PAGE_NAME","icons","NOTIFICATION_VARIANTS","success","CheckCircleOutlineIcon","warning","ReportProblemOutlinedIcon","error","ReportOutlinedIcon","info","InfoOutlinedIcon","Toast","classes","onDismissClick","toast","other","alertLevel","autoHideDuration","content","hideIcon","icon","id","onClick","timestamp","title","variant","tooltipProps","onClose","noop","useEffect","timeout","setTimeout","clearTimeout","styles","useStyles","variantsLocators","Icon","_jsx","root","classNames","main","action","actionContainer","message","messageContainer","tooltip","_jsxs","messageWrapper","iconWrapper","cloneElement","className","nativeColor","messageTop","messageContent","closeIconButton","CloseIcon","closeIcon","propTypes","PropTypes","func","isRequired","shape","oneOf","number","node","bool","oneOfType","string"],"mappings":"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"}

package/components/Notifications/components/styles.js

@@ -1 +1,141 @@
-import{makeStyles as e}from"@material-ui/core";var t=e((function(e){return{main:{width:443,height:48,maxWidth:"85vw",display:"flex",flexWrap:"nowrap",alignItems:"center",padding:0,marginBottom:e.spacing(2)},success:{backgroundColor:e.palette.success.main},error:{backgroundColor:e.palette.error.main},warning:{backgroundColor:e.palette.warning.main,"& .MuiSvgIcon-root":{color:e.palette.background.b7},"& p":{color:e.palette.background.b7}},info:{backgroundColor:e.palette.info.main},title:{color:e.palette.grey[600],fontWeight:"400"},content:{fontSize:"14px",lineHeight:"16px",color:e.palette.primary.contrastText,fontWeight:500,whiteSpace:"normal",overflow:"hidden",textOverflow:"ellipsis","-webkit-box-orient":"vertical","-webkit-line-clamp":2,height:"fit-content",display:"-webkit-box",flexDirection:"column",justifyContent:"center"},iconWrapper:{display:"flex",alignSelf:"center",alignItems:"center",height:35,padding:"0px 10px 0 18px"},icon:{width:20,height:20,transform:"scale(1.2)"},closeIconButton:{"&.MuiButtonBase-root":{color:e.palette.primary.contrastText,padding:11,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.2)"},"&:active":{backgroundColor:"rgba(255, 255, 255, 0.4)"}}},closeIcon:{width:14,height:14,"&.MuiSvgIcon-root":{fontSize:14,transform:"scale(1.715)"}},messageContainer:{overflowX:"hidden",flex:1},messageWrapper:{display:"flex"},message:{display:"flex",flex:1,alignItems:"center",minHeight:35,height:"100%",overflowY:"hidden",justifyContent:"center",flexDirection:"column"},messageTop:{display:"flex",justifyContent:"space-between",overflowX:"hidden",textOverflow:"ellipsis",width:"100%"},messageContent:{overflowX:"hidden",textOverflow:"ellipsis",width:"100%"},timestamp:{marginLeft:10,alignSelf:"flex-end"},actionContainer:{paddingLeft:"8px",marginRight:"16px"},"alertLevels-info":{borderLeft:"15px solid rgb(119, 195, 241)",backgroundColor:e.palette.primary.contrastText},"alertLevels-warning":{borderLeft:"15px solid rgb(242, 192, 70)",backgroundColor:e.palette.primary.contrastText},"alertLevels-critical":{borderLeft:"15px solid rgb(237, 70, 48)",backgroundColor:e.palette.primary.contrastText},tooltip:{marginTop:8,color:e.palette.primary.contrastText}}}));export{t as useStyles};
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    main: {
+      width: 443,
+      height: 48,
+      maxWidth: '85vw',
+      display: 'flex',
+      flexWrap: 'nowrap',
+      alignItems: 'center',
+      padding: 0,
+      marginBottom: theme.spacing(2)
+    },
+    success: {
+      backgroundColor: theme.palette.success.main
+    },
+    error: {
+      backgroundColor: theme.palette.error.main
+    },
+    warning: {
+      backgroundColor: theme.palette.warning.main,
+      '& .MuiSvgIcon-root': {
+        color: theme.palette.background.b7
+      },
+      '& p': {
+        color: theme.palette.background.b7
+      }
+    },
+    info: {
+      backgroundColor: theme.palette.info.main
+    },
+    title: {
+      color: theme.palette.grey[600],
+      fontWeight: '400'
+    },
+    content: {
+      fontSize: '14px',
+      lineHeight: '16px',
+      color: theme.palette.primary.contrastText,
+      fontWeight: 500,
+      whiteSpace: 'normal',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      '-webkit-box-orient': 'vertical',
+      '-webkit-line-clamp': 2,
+      height: 'fit-content',
+      display: '-webkit-box',
+      flexDirection: 'column',
+      justifyContent: 'center'
+    },
+    iconWrapper: {
+      display: 'flex',
+      alignSelf: 'center',
+      alignItems: 'center',
+      height: 35,
+      padding: '0px 10px 0 18px'
+    },
+    icon: {
+      width: 20,
+      height: 20,
+      transform: 'scale(1.2)'
+    },
+    closeIconButton: {
+      '&.MuiButtonBase-root': {
+        color: theme.palette.primary.contrastText,
+        padding: 11,
+        '&:hover': {
+          backgroundColor: 'rgba(255, 255, 255, 0.2)'
+        },
+        '&:active': {
+          backgroundColor: 'rgba(255, 255, 255, 0.4)'
+        }
+      }
+    },
+    closeIcon: {
+      width: 14,
+      height: 14,
+      '&.MuiSvgIcon-root': {
+        fontSize: 14,
+        transform: 'scale(1.715)'
+      }
+    },
+    messageContainer: {
+      overflowX: 'hidden',
+      flex: 1
+    },
+    messageWrapper: {
+      display: 'flex'
+    },
+    message: {
+      display: 'flex',
+      flex: 1,
+      alignItems: 'center',
+      minHeight: 35,
+      height: '100%',
+      overflowY: 'hidden',
+      justifyContent: 'center',
+      flexDirection: 'column'
+    },
+    messageTop: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      overflowX: 'hidden',
+      textOverflow: 'ellipsis',
+      width: '100%'
+    },
+    messageContent: {
+      overflowX: 'hidden',
+      textOverflow: 'ellipsis',
+      width: '100%'
+    },
+    timestamp: {
+      marginLeft: 10,
+      alignSelf: 'flex-end'
+    },
+    actionContainer: {
+      paddingLeft: '8px',
+      marginRight: '16px'
+    },
+    'alertLevels-info': {
+      borderLeft: '15px solid rgb(119, 195, 241)',
+      backgroundColor: theme.palette.primary.contrastText
+    },
+    'alertLevels-warning': {
+      borderLeft: '15px solid rgb(242, 192, 70)',
+      backgroundColor: theme.palette.primary.contrastText
+    },
+    'alertLevels-critical': {
+      borderLeft: '15px solid rgb(237, 70, 48)',
+      backgroundColor: theme.palette.primary.contrastText
+    },
+    tooltip: {
+      marginTop: 8,
+      color: theme.palette.primary.contrastText
+    }
+  };
+});
+
+export { useStyles };
+//# sourceMappingURL=styles.js.map

package/components/Notifications/components/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Notifications/components/styles.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nexport const useStyles = makeStyles(theme => ({\n  main: {\n    width: 443,\n    height: 48,\n    maxWidth: '85vw',\n    display: 'flex',\n    flexWrap: 'nowrap',\n    alignItems: 'center',\n    padding: 0,\n    marginBottom: theme.spacing(2),\n  },\n  success: {\n    backgroundColor: theme.palette.success.main,\n  },\n  error: {\n    backgroundColor: theme.palette.error.main,\n  },\n  warning: {\n    backgroundColor: theme.palette.warning.main,\n    '& .MuiSvgIcon-root': {\n      color: theme.palette.background.b7,\n    },\n    '& p': {\n      color: theme.palette.background.b7,\n    },\n  },\n  info: {\n    backgroundColor: theme.palette.info.main,\n  },\n  title: {\n    color: theme.palette.grey[600],\n    fontWeight: '400',\n  },\n  content: {\n    fontSize: '14px',\n    lineHeight: '16px',\n    color: theme.palette.primary.contrastText,\n    fontWeight: 500,\n    whiteSpace: 'normal',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    '-webkit-box-orient': 'vertical',\n    '-webkit-line-clamp': 2,\n    height: 'fit-content',\n    display: '-webkit-box',\n    flexDirection: 'column',\n    justifyContent: 'center',\n  },\n  iconWrapper: {\n    display: 'flex',\n    alignSelf: 'center',\n    alignItems: 'center',\n    height: 35,\n    padding: '0px 10px 0 18px',\n  },\n  icon: {\n    width: 20,\n    height: 20,\n    transform: 'scale(1.2)',\n  },\n  closeIconButton: {\n    '&.MuiButtonBase-root': {\n      color: theme.palette.primary.contrastText,\n      padding: 11,\n      '&:hover': { backgroundColor: 'rgba(255, 255, 255, 0.2)' },\n      '&:active': { backgroundColor: 'rgba(255, 255, 255, 0.4)' },\n    },\n  },\n  closeIcon: {\n    width: 14,\n    height: 14,\n    '&.MuiSvgIcon-root': {\n      fontSize: 14,\n      transform: 'scale(1.715)',\n    },\n  },\n  messageContainer: {\n    overflowX: 'hidden',\n    flex: 1,\n  },\n  messageWrapper: {\n    display: 'flex',\n  },\n  message: {\n    display: 'flex',\n    flex: 1,\n    alignItems: 'center',\n    minHeight: 35,\n    height: '100%',\n    overflowY: 'hidden',\n    justifyContent: 'center',\n    flexDirection: 'column',\n  },\n  messageTop: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    overflowX: 'hidden',\n    textOverflow: 'ellipsis',\n    width: '100%',\n  },\n  messageContent: {\n    overflowX: 'hidden',\n    textOverflow: 'ellipsis',\n    width: '100%',\n  },\n  timestamp: {\n    marginLeft: 10,\n    alignSelf: 'flex-end',\n  },\n  actionContainer: {\n    paddingLeft: '8px',\n    marginRight: '16px',\n  },\n  'alertLevels-info': {\n    borderLeft: '15px solid rgb(119, 195, 241)',\n    backgroundColor: theme.palette.primary.contrastText,\n  },\n  'alertLevels-warning': {\n    borderLeft: '15px solid rgb(242, 192, 70)',\n    backgroundColor: theme.palette.primary.contrastText,\n  },\n  'alertLevels-critical': {\n    borderLeft: '15px solid rgb(237, 70, 48)',\n    backgroundColor: theme.palette.primary.contrastText,\n  },\n  tooltip: {\n    marginTop: 8,\n    color: theme.palette.primary.contrastText,\n  },\n}));\n"],"names":["useStyles","makeStyles","theme","main","width","height","maxWidth","display","flexWrap","alignItems","padding","marginBottom","spacing","success","backgroundColor","palette","error","warning","color","background","b7","info","title","grey","fontWeight","content","fontSize","lineHeight","primary","contrastText","whiteSpace","overflow","textOverflow","flexDirection","justifyContent","iconWrapper","alignSelf","icon","transform","closeIconButton","closeIcon","messageContainer","overflowX","flex","messageWrapper","message","minHeight","overflowY","messageTop","messageContent","timestamp","marginLeft","actionContainer","paddingLeft","marginRight","borderLeft","tooltip","marginTop"],"mappings":"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"}