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

package/components/IconButton/index.js

@@ -1 +1,175 @@
-import{__rest as o,__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r}from"react/jsx-runtime";import a from"prop-types";import e from"classnames";import{makeStyles as i,Tooltip as n,IconButton as l}from"@material-ui/core";import{useState as s}from"react";var c=i((function(o){return{root:{color:o.palette.primary.text6,padding:6,"&:hover":{color:"#FFFFFF",backgroundColor:o.palette.background.b7,"&.MuiIconButton-colorPrimary":{color:o.palette.primary.main}},"&:active":{color:"#FFFFFF","&.MuiIconButton-colorPrimary":{color:o.palette.primary.main}},"&.Mui-disabled":{pointerEvents:"all",opacity:.4,color:"#FFFFFF","&.MuiIconButton-colorPrimary":{color:o.palette.primary.main}},"& .MuiSvgIcon-root":{color:"inherit",fontSize:"inherit"}},colorPrimary:{color:o.palette.primary.main},sizeSmall:{fontSize:16,padding:7},sizeLarge:{"&.MuiButtonBase-root":{padding:8}},contained:{backgroundColor:o.palette.background.b9},containedDisabled:{"&.MuiButtonBase-root":{backgroundColor:o.palette.background.b9}},transparent:{color:o.palette.primary.contrastText,backgroundColor:"rgba(255, 255, 255, 0.2)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},transparentDisabled:{"&.MuiButtonBase-root":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},tooltip:{top:"-10px !important"},active:{"&.MuiButtonBase-root":{color:o.palette.primary.text1,backgroundColor:o.palette.background.b9,"&.MuiIconButton-colorPrimary":{color:o.palette.primary.main},"&.transparent":{color:o.palette.primary.contrastText,backgroundColor:"rgba(255, 255, 255, 0.2)"}}},tooltipTransparent:{"& .MuiTooltip-tooltip":{backgroundColor:"rgba(255, 255, 255, 0.2)"}}}})),p=function(a){var i,p,d,u,m=a.tooltipProps,b=void 0===m?{title:void 0}:m,g=a.isActive,v=o(a,["tooltipProps","isActive"]),y=v.size,f=v.variant,F=v.classes,B=void 0===F?{}:F,P=v["data-testid"],k=c(),M=s(!1),z=M[0],C=M[1],S=t(t({},B),{root:e(B.root,k.root,(i={},i[k.sizeLarge]="large"===y,i[k.contained]="contained"===f,i[k.transparent]="transparent"===f,i)),disabled:e(B.disabled,(p={},p[k.containedDisabled]="contained"===f,p[k.transparentDisabled]="transparent"===f,p)),colorPrimary:e(B.colorPrimary,k.colorPrimary),sizeSmall:e(B.sizeSmall,k.sizeSmall)});return b.title?r(n,t({open:z,classes:{popper:k.tooltipTransparent}},b,{children:r(l,t({"data-testid":"".concat(P,"_").concat(b.title),classes:S,className:e((d={},d[k.active]=g,d),f),onMouseOver:function(){return C(!0)},onMouseOut:function(){return C(!1)}},v))})):r(l,t({"data-testid":P,classes:S,className:e((u={},u[k.active]=g,u),f)},v))},d={isActive:a.bool,size:a.oneOf(["small","medium","large"]),variant:a.oneOf(["default","contained","transparent"]),tooltipProps:a.shape({title:a.string}),classes:a.shape({root:a.string,disabled:a.string,colorPrimary:a.string,sizeSmall:a.string}),disabled:a.bool,"data-testid":a.string};p.propTypes=d,p.defaultProps={isActive:!1,size:"medium",variant:"default",tooltipProps:{title:void 0},disabled:!1,"data-testid":"IconButton"};export{p as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { makeStyles, Tooltip, IconButton as IconButton$1 } from '@material-ui/core';
+import { useState } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["tooltipProps", "isActive"];
+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 useStyles = makeStyles(function (theme) {
+  return {
+    root: {
+      color: theme.palette.primary.text6,
+      padding: 6,
+      '&:hover': {
+        color: '#FFFFFF',
+        backgroundColor: theme.palette.background.b7,
+        '&.MuiIconButton-colorPrimary': {
+          color: theme.palette.primary.main
+        }
+      },
+      '&:active': {
+        color: '#FFFFFF',
+        '&.MuiIconButton-colorPrimary': {
+          color: theme.palette.primary.main
+        }
+      },
+      '&.Mui-disabled': {
+        pointerEvents: 'all',
+        opacity: 0.4,
+        color: '#FFFFFF',
+        '&.MuiIconButton-colorPrimary': {
+          color: theme.palette.primary.main
+        }
+      },
+      '& .MuiSvgIcon-root': {
+        color: 'inherit',
+        fontSize: 'inherit'
+      }
+    },
+    colorPrimary: {
+      color: theme.palette.primary.main
+    },
+    sizeSmall: {
+      fontSize: 16,
+      padding: 7
+    },
+    sizeLarge: {
+      '&.MuiButtonBase-root': {
+        padding: 8
+      }
+    },
+    contained: {
+      backgroundColor: theme.palette.background.b9
+    },
+    containedDisabled: {
+      '&.MuiButtonBase-root': {
+        backgroundColor: theme.palette.background.b9
+      }
+    },
+    transparent: {
+      color: theme.palette.primary.contrastText,
+      backgroundColor: 'rgba(255, 255, 255, 0.2)',
+      '&:hover': {
+        backgroundColor: 'rgba(255, 255, 255, 0.1)'
+      }
+    },
+    transparentDisabled: {
+      '&.MuiButtonBase-root': {
+        backgroundColor: 'rgba(255, 255, 255, 0.1)'
+      }
+    },
+    tooltip: {
+      top: '-10px !important'
+    },
+    active: {
+      '&.MuiButtonBase-root': {
+        color: theme.palette.primary.text1,
+        backgroundColor: theme.palette.background.b9,
+        '&.MuiIconButton-colorPrimary': {
+          color: theme.palette.primary.main
+        },
+        '&.transparent': {
+          color: theme.palette.primary.contrastText,
+          backgroundColor: 'rgba(255, 255, 255, 0.2)'
+        }
+      }
+    },
+    tooltipTransparent: {
+      '& .MuiTooltip-tooltip': {
+        backgroundColor: 'rgba(255, 255, 255, 0.2)'
+      }
+    }
+  };
+});
+var IconButton = function IconButton(_ref) {
+  var _classNames, _classNames2;
+  var _ref$tooltipProps = _ref.tooltipProps,
+    tooltipProps = _ref$tooltipProps === void 0 ? {
+      title: undefined
+    } : _ref$tooltipProps,
+    isActive = _ref.isActive,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var size = otherProps.size,
+    variant = otherProps.variant,
+    _otherProps$classes = otherProps.classes,
+    classes = _otherProps$classes === void 0 ? {} : _otherProps$classes,
+    dataTestId = otherProps['data-testid'];
+  var styles = useStyles();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isTooltipShown = _useState2[0],
+    setIsTooltipShown = _useState2[1];
+  var buttonClasses = _objectSpread(_objectSpread({}, classes), {}, {
+    root: classNames(classes.root, styles.root, (_classNames = {}, _defineProperty(_classNames, styles.sizeLarge, size === 'large'), _defineProperty(_classNames, styles.contained, variant === 'contained'), _defineProperty(_classNames, styles.transparent, variant === 'transparent'), _classNames)),
+    disabled: classNames(classes.disabled, (_classNames2 = {}, _defineProperty(_classNames2, styles.containedDisabled, variant === 'contained'), _defineProperty(_classNames2, styles.transparentDisabled, variant === 'transparent'), _classNames2)),
+    colorPrimary: classNames(classes.colorPrimary, styles.colorPrimary),
+    sizeSmall: classNames(classes.sizeSmall, styles.sizeSmall)
+  });
+  return tooltipProps.title ? /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
+    open: isTooltipShown,
+    classes: {
+      popper: styles.tooltipTransparent
+    }
+  }, tooltipProps), {}, {
+    children: /*#__PURE__*/jsx(IconButton$1, _objectSpread({
+      "data-testid": "".concat(dataTestId, "_").concat(tooltipProps.title),
+      classes: buttonClasses,
+      className: classNames(_defineProperty({}, styles.active, isActive), variant),
+      onMouseOver: function onMouseOver() {
+        return setIsTooltipShown(true);
+      },
+      onMouseOut: function onMouseOut() {
+        return setIsTooltipShown(false);
+      }
+    }, otherProps))
+  })) : /*#__PURE__*/jsx(IconButton$1, _objectSpread({
+    "data-testid": dataTestId,
+    classes: buttonClasses,
+    className: classNames(_defineProperty({}, styles.active, isActive), variant)
+  }, otherProps));
+};
+var iconButtonPropTypes = {
+  isActive: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  variant: PropTypes.oneOf(['default', 'contained', 'transparent']),
+  tooltipProps: PropTypes.shape({
+    title: PropTypes.string
+  }),
+  classes: PropTypes.shape({
+    root: PropTypes.string,
+    disabled: PropTypes.string,
+    colorPrimary: PropTypes.string,
+    sizeSmall: PropTypes.string
+  }),
+  disabled: PropTypes.bool,
+  'data-testid': PropTypes.string
+};
+IconButton.propTypes = iconButtonPropTypes;
+IconButton.defaultProps = {
+  isActive: false,
+  size: 'medium',
+  variant: 'default',
+  tooltipProps: {
+    title: undefined
+  },
+  disabled: false,
+  'data-testid': 'IconButton'
+};
+
+export { IconButton as default };
+//# sourceMappingURL=index.js.map

package/components/IconButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/IconButton/index.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport {\n  IconButton as MuiIconButton,\n  makeStyles,\n  Tooltip,\n  TooltipProps,\n  IconButtonProps as MuiIconButtonProps,\n} from '@material-ui/core';\nimport { useState } from 'react';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    color: theme.palette.primary.text6,\n    padding: 6,\n    '&:hover': {\n      color: '#FFFFFF',\n      backgroundColor: theme.palette.background.b7,\n      '&.MuiIconButton-colorPrimary': {\n        color: theme.palette.primary.main,\n      },\n    },\n    '&:active': {\n      color: '#FFFFFF',\n      '&.MuiIconButton-colorPrimary': {\n        color: theme.palette.primary.main,\n      },\n    },\n    '&.Mui-disabled': {\n      pointerEvents: 'all',\n      opacity: 0.4,\n      color: '#FFFFFF',\n      '&.MuiIconButton-colorPrimary': {\n        color: theme.palette.primary.main,\n      },\n    },\n    '& .MuiSvgIcon-root': {\n      color: 'inherit',\n      fontSize: 'inherit',\n    },\n  },\n  colorPrimary: {\n    color: theme.palette.primary.main,\n  },\n  sizeSmall: {\n    fontSize: 16,\n    padding: 7,\n  },\n  sizeLarge: {\n    '&.MuiButtonBase-root': {\n      padding: 8,\n    },\n  },\n  contained: {\n    backgroundColor: theme.palette.background.b9,\n  },\n  containedDisabled: {\n    '&.MuiButtonBase-root': {\n      backgroundColor: theme.palette.background.b9,\n    },\n  },\n  transparent: {\n    color: theme.palette.primary.contrastText,\n    backgroundColor: 'rgba(255, 255, 255, 0.2)',\n    '&:hover': {\n      backgroundColor: 'rgba(255, 255, 255, 0.1)',\n    },\n  },\n  transparentDisabled: {\n    '&.MuiButtonBase-root': {\n      backgroundColor: 'rgba(255, 255, 255, 0.1)',\n    },\n  },\n  tooltip: { top: '-10px !important' },\n  active: {\n    '&.MuiButtonBase-root': {\n      color: theme.palette.primary.text1,\n      backgroundColor: theme.palette.background.b9,\n      '&.MuiIconButton-colorPrimary': {\n        color: theme.palette.primary.main,\n      },\n      '&.transparent': {\n        color: theme.palette.primary.contrastText,\n        backgroundColor: 'rgba(255, 255, 255, 0.2)',\n      },\n    },\n  },\n  tooltipTransparent: {\n    '& .MuiTooltip-tooltip': {\n      backgroundColor: 'rgba(255, 255, 255, 0.2)',\n    },\n  },\n}));\n\ninterface IconButtonProps\n  extends Omit<MuiIconButtonProps, 'size' | 'variant' | 'classes'>,\n    PropTypes.InferProps<typeof iconButtonPropTypes> {\n  size?: 'small' | 'medium' | 'large';\n  variant?: 'transparent' | 'contained' | 'default';\n}\n\nconst IconButton = ({\n  tooltipProps = { title: undefined },\n  isActive,\n  ...otherProps\n}: IconButtonProps): JSX.Element => {\n  const { size, variant, classes = {}, 'data-testid': dataTestId } = otherProps;\n  const styles = useStyles();\n\n  const [isTooltipShown, setIsTooltipShown] = useState(false);\n\n  const buttonClasses = {\n    ...classes,\n    root: classNames(classes.root, styles.root, {\n      [styles.sizeLarge]: size === 'large',\n      [styles.contained]: variant === 'contained',\n      [styles.transparent]: variant === 'transparent',\n    }),\n    disabled: classNames(classes.disabled, {\n      [styles.containedDisabled]: variant === 'contained',\n      [styles.transparentDisabled]: variant === 'transparent',\n    }),\n    colorPrimary: classNames(classes.colorPrimary, styles.colorPrimary),\n    sizeSmall: classNames(classes.sizeSmall, styles.sizeSmall),\n  };\n\n  return tooltipProps.title ? (\n    <Tooltip\n      open={isTooltipShown}\n      classes={{ popper: styles.tooltipTransparent }}\n      {...(tooltipProps as TooltipProps)}\n    >\n      <MuiIconButton\n        data-testid={`${dataTestId}_${tooltipProps.title}`}\n        classes={buttonClasses}\n        className={classNames({ [styles.active]: isActive }, variant)}\n        onMouseOver={() => setIsTooltipShown(true)}\n        onMouseOut={() => setIsTooltipShown(false)}\n        {...(otherProps as MuiIconButtonProps)}\n      />\n    </Tooltip>\n  ) : (\n    <MuiIconButton\n      data-testid={dataTestId}\n      classes={buttonClasses}\n      className={classNames({ [styles.active]: isActive }, variant)}\n      {...(otherProps as MuiIconButtonProps)}\n    />\n  );\n};\n\nconst iconButtonPropTypes = {\n  isActive: PropTypes.bool,\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n  variant: PropTypes.oneOf(['default', 'contained', 'transparent']),\n  tooltipProps: PropTypes.shape({ title: PropTypes.string }),\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    disabled: PropTypes.string,\n    colorPrimary: PropTypes.string,\n    sizeSmall: PropTypes.string,\n  }),\n  disabled: PropTypes.bool,\n  'data-testid': PropTypes.string,\n};\n\nIconButton.propTypes = iconButtonPropTypes;\n\nIconButton.defaultProps = {\n  isActive: false,\n  size: 'medium',\n  variant: 'default',\n  tooltipProps: { title: undefined },\n  disabled: false,\n  'data-testid': 'IconButton',\n};\n\nexport default IconButton;\n"],"names":["useStyles","makeStyles","theme","root","color","palette","primary","text6","padding","backgroundColor","background","b7","main","pointerEvents","opacity","fontSize","colorPrimary","sizeSmall","sizeLarge","contained","b9","containedDisabled","transparent","contrastText","transparentDisabled","tooltip","top","active","text1","tooltipTransparent","IconButton","tooltipProps","title","undefined","isActive","otherProps","size","variant","classes","dataTestId","styles","useState","isTooltipShown","setIsTooltipShown","buttonClasses","classNames","disabled","_jsx","popper","MuiIconButton","iconButtonPropTypes","PropTypes","bool","oneOf","shape","string","propTypes","defaultProps"],"mappings":"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"}

package/components/IconMenu/index.js

@@ -1 +1,183 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{useState as r,useEffect as t}from"react";import n from"prop-types";import{IconButton as i,withStyles as a,Tooltip as s,Menu as l}from"@material-ui/core";import{MoreVert as p}from"@material-ui/icons";import{jsx as c,jsxs as m,Fragment as u}from"react/jsx-runtime";function d(e,o){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o&&(t=t.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),r.push.apply(r,t)}return r}function h(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(Object(t),!0).forEach((function(r){e(o,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(t,e))}))}return o}function f(e){var n=e.classes,i=e["data-testid"],a=e.iconButtonStyle,p=e.color,d=e.disableRipple,f=e.className,b=e.IconElement,g=e.IconButtonComponent,O=e.disabled,y=e.iconButtonProps,v=e.children,P=e.anchorOrigin,j=e.transformOrigin,B=e.marginThreshold,T=e.menuProps,C=e.tooltipProps,N=e.paperClassName,w=r(null),I=o(w,2),E=I[0],x=I[1],D=!!E,S=r(!1),z=o(S,2),R=z[0],k=z[1];t((function(){var e;return D&&setTimeout((function(){e=k(D)}),500),function(){e&&clearTimeout(e)}}),[D]);var A=function(e){e.stopPropagation(),x(null),k(!1)},F=c(g,h(h({"aria-label":"IconMenu","aria-owns":D?"icon-menu":void 0,"aria-haspopup":"true","data-testid":i,onClick:function(e){e.stopPropagation(),e.preventDefault(),x(e.currentTarget)},classes:{root:n.iconButton},className:f,style:a,color:p,disableRipple:d,disabled:O},y),{},{children:b}));return m(u,{children:[C?c(s,h(h({},C),{},{children:F})):F,c(l,h(h({id:"icon-menu",anchorEl:E,open:D,disableAutoFocus:!R,autoFocus:R,onClose:A,onClick:A,anchorOrigin:P,transformOrigin:j,classes:{paper:n.paper},elevation:0,marginThreshold:B,PaperProps:{className:n[N]}},T),{},{children:v}))]})}f.propTypes={children:n.oneOfType([n.string,n.node,n.array]),classes:n.shape({iconButton:n.string,paper:n.string}),className:n.string,color:n.string,IconElement:n.element,IconButtonComponent:n.any,iconButtonStyle:n.shape({}),anchorOrigin:n.shape({horizontal:n.oneOf(["left","center","right"]),vertical:n.oneOf(["top","center","bottom"])}),transformOrigin:n.shape({horizontal:n.oneOf(["left","center","right"]),vertical:n.oneOf(["top","center","bottom"])}),disableRipple:n.bool,"data-testid":n.string,marginThreshold:n.number,disabled:n.bool,tooltipProps:n.shape({}),menuProps:n.shape({}),iconButtonProps:n.shape({}),paperClassName:n.string},f.defaultProps={children:void 0,classes:{},className:void 0,color:void 0,"data-testid":void 0,IconElement:c(p,{}),iconButtonStyle:void 0,IconButtonComponent:i,disableRipple:!1,anchorOrigin:{horizontal:"right",vertical:"bottom"},transformOrigin:{horizontal:"right",vertical:"bottom"},marginThreshold:void 0,disabled:!1,tooltipProps:void 0,menuProps:{},iconButtonProps:{},paperClassName:""};var b=a((function(e){return{iconButton:{padding:"10px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1},paper:{}}}}))(f);export{b as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { withStyles, Tooltip, Menu, IconButton } from '@material-ui/core';
+import { MoreVert } from '@material-ui/icons';
+import { jsx, jsxs, Fragment } 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 muiStyles = function muiStyles(theme) {
+  return {
+    iconButton: {
+      padding: '10px',
+      color: theme.palette.primary.text6,
+      '&:hover': {
+        color: theme.palette.primary.text1
+      },
+      paper: {}
+    }
+  };
+};
+function IconMenu(_ref) {
+  var classes = _ref.classes,
+    testId = _ref['data-testid'],
+    iconButtonStyle = _ref.iconButtonStyle,
+    color = _ref.color,
+    disableRipple = _ref.disableRipple,
+    className = _ref.className,
+    IconElement = _ref.IconElement,
+    IconButtonComponent = _ref.IconButtonComponent,
+    disabled = _ref.disabled,
+    iconButtonProps = _ref.iconButtonProps,
+    children = _ref.children,
+    anchorOrigin = _ref.anchorOrigin,
+    transformOrigin = _ref.transformOrigin,
+    marginThreshold = _ref.marginThreshold,
+    menuProps = _ref.menuProps,
+    tooltipProps = _ref.tooltipProps,
+    paperClassName = _ref.paperClassName;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    anchorEl = _useState2[0],
+    setAnchorEl = _useState2[1];
+  var isOpen = !!anchorEl;
+
+  /*
+    A fix of the issue: https://corvaqa.atlassian.net/browse/DC-3713
+     When Material Menu is rendered, at first it's displayed at the top of the container
+    and only then moves to the anchor element. When the focus is enabled, and the element is
+    inside of an iframe but outside the view - browsers scroll the page to it. Because of this, we set focus in async
+    manner, to wait for correct position - and then set focus.
+     https://github.dev/mui/material-ui/blob/v4.x/packages/material-ui/src/Popover/Popover.js#L323-L331
+  */
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isMenuAutofocus = _useState4[0],
+    setIsMenuAutofocus = _useState4[1];
+  useEffect(function () {
+    var timerId;
+    if (isOpen) {
+      setTimeout(function () {
+        timerId = setIsMenuAutofocus(isOpen);
+        // Why 500? The lower delay doesn't actually work, so this is the lowest value I could get to make it work
+      }, 500);
+    }
+    return function () {
+      if (timerId) {
+        clearTimeout(timerId);
+      }
+    };
+  }, [isOpen]);
+  var handleClose = function handleClose(event) {
+    event.stopPropagation();
+    setAnchorEl(null);
+    setIsMenuAutofocus(false);
+  };
+  var handleOpen = function handleOpen(event) {
+    event.stopPropagation();
+    event.preventDefault();
+    setAnchorEl(event.currentTarget);
+  };
+  var iconButtonElement = /*#__PURE__*/jsx(IconButtonComponent, _objectSpread(_objectSpread({
+    "aria-label": "IconMenu",
+    "aria-owns": isOpen ? 'icon-menu' : undefined,
+    "aria-haspopup": "true",
+    "data-testid": testId,
+    onClick: handleOpen,
+    classes: {
+      root: classes.iconButton
+    },
+    className: className,
+    style: iconButtonStyle,
+    color: color,
+    disableRipple: disableRipple,
+    disabled: disabled
+  }, iconButtonProps), {}, {
+    children: IconElement
+  }));
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [tooltipProps ? /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
+      children: iconButtonElement
+    })) : iconButtonElement, /*#__PURE__*/jsx(Menu, _objectSpread(_objectSpread({
+      id: "icon-menu",
+      anchorEl: anchorEl,
+      open: isOpen,
+      disableAutoFocus: !isMenuAutofocus,
+      autoFocus: isMenuAutofocus,
+      onClose: handleClose,
+      onClick: handleClose,
+      anchorOrigin: anchorOrigin,
+      transformOrigin: transformOrigin,
+      classes: {
+        paper: classes.paper
+      },
+      elevation: 0,
+      marginThreshold: marginThreshold,
+      PaperProps: {
+        className: classes[paperClassName]
+      }
+    }, menuProps), {}, {
+      children: children
+    }))]
+  });
+}
+IconMenu.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.array]),
+  classes: PropTypes.shape({
+    iconButton: PropTypes.string,
+    paper: PropTypes.string
+  }),
+  className: PropTypes.string,
+  color: PropTypes.string,
+  IconElement: PropTypes.element,
+  // eslint-disable-next-line react/forbid-prop-types
+  IconButtonComponent: PropTypes.any,
+  iconButtonStyle: PropTypes.shape({}),
+  anchorOrigin: PropTypes.shape({
+    horizontal: PropTypes.oneOf(['left', 'center', 'right']),
+    vertical: PropTypes.oneOf(['top', 'center', 'bottom'])
+  }),
+  transformOrigin: PropTypes.shape({
+    horizontal: PropTypes.oneOf(['left', 'center', 'right']),
+    vertical: PropTypes.oneOf(['top', 'center', 'bottom'])
+  }),
+  disableRipple: PropTypes.bool,
+  'data-testid': PropTypes.string,
+  marginThreshold: PropTypes.number,
+  disabled: PropTypes.bool,
+  tooltipProps: PropTypes.shape({}),
+  menuProps: PropTypes.shape({}),
+  iconButtonProps: PropTypes.shape({}),
+  paperClassName: PropTypes.string
+};
+IconMenu.defaultProps = {
+  children: undefined,
+  classes: {},
+  className: undefined,
+  color: undefined,
+  'data-testid': undefined,
+  IconElement: /*#__PURE__*/jsx(MoreVert, {}),
+  iconButtonStyle: undefined,
+  IconButtonComponent: IconButton,
+  disableRipple: false,
+  anchorOrigin: {
+    horizontal: 'right',
+    vertical: 'bottom'
+  },
+  transformOrigin: {
+    horizontal: 'right',
+    vertical: 'bottom'
+  },
+  marginThreshold: undefined,
+  disabled: false,
+  tooltipProps: undefined,
+  menuProps: {},
+  iconButtonProps: {},
+  paperClassName: ''
+};
+var IconMenu$1 = withStyles(muiStyles)(IconMenu);
+
+export { IconMenu$1 as default };
+//# sourceMappingURL=index.js.map

package/components/IconMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/IconMenu/index.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { IconButton, Menu, withStyles, Tooltip } from '@material-ui/core';\nimport { MoreVert } from '@material-ui/icons';\n\nconst muiStyles = theme => ({\n  iconButton: {\n    padding: '10px',\n    color: theme.palette.primary.text6,\n    '&:hover': {\n      color: theme.palette.primary.text1,\n    },\n    paper: {},\n  },\n});\n\nfunction IconMenu({\n  classes,\n  // IconButtonComponentProps\n  'data-testid': testId,\n  iconButtonStyle,\n  color,\n  disableRipple,\n  className,\n  IconElement,\n  IconButtonComponent,\n  disabled,\n  iconButtonProps,\n  // MenuProps\n  children,\n  anchorOrigin,\n  transformOrigin,\n  marginThreshold,\n  menuProps,\n  // Tooltip\n  tooltipProps,\n  paperClassName,\n}) {\n  const [anchorEl, setAnchorEl] = useState(null);\n  const isOpen = !!anchorEl;\n\n  /*\n    A fix of the issue: https://corvaqa.atlassian.net/browse/DC-3713\n\n    When Material Menu is rendered, at first it's displayed at the top of the container\n    and only then moves to the anchor element. When the focus is enabled, and the element is\n    inside of an iframe but outside the view - browsers scroll the page to it. Because of this, we set focus in async\n    manner, to wait for correct position - and then set focus.\n\n    https://github.dev/mui/material-ui/blob/v4.x/packages/material-ui/src/Popover/Popover.js#L323-L331\n  */\n  const [isMenuAutofocus, setIsMenuAutofocus] = useState(false);\n  useEffect(() => {\n    let timerId;\n\n    if (isOpen) {\n      setTimeout(() => {\n        timerId = setIsMenuAutofocus(isOpen);\n        // Why 500? The lower delay doesn't actually work, so this is the lowest value I could get to make it work\n      }, 500);\n    }\n\n    return () => {\n      if (timerId) {\n        clearTimeout(timerId);\n      }\n    };\n  }, [isOpen]);\n\n  const handleClose = event => {\n    event.stopPropagation();\n    setAnchorEl(null);\n    setIsMenuAutofocus(false);\n  };\n  const handleOpen = event => {\n    event.stopPropagation();\n    event.preventDefault();\n    setAnchorEl(event.currentTarget);\n  };\n\n  const iconButtonElement = (\n    <IconButtonComponent\n      aria-label=\"IconMenu\"\n      aria-owns={isOpen ? 'icon-menu' : undefined}\n      aria-haspopup=\"true\"\n      data-testid={testId}\n      onClick={handleOpen}\n      classes={{ root: classes.iconButton }}\n      className={className}\n      style={iconButtonStyle}\n      color={color}\n      disableRipple={disableRipple}\n      disabled={disabled}\n      {...iconButtonProps}\n    >\n      {IconElement}\n    </IconButtonComponent>\n  );\n\n  return (\n    <>\n      {tooltipProps ? <Tooltip {...tooltipProps}>{iconButtonElement}</Tooltip> : iconButtonElement}\n      <Menu\n        id=\"icon-menu\"\n        anchorEl={anchorEl}\n        open={isOpen}\n        disableAutoFocus={!isMenuAutofocus}\n        autoFocus={isMenuAutofocus}\n        onClose={handleClose}\n        onClick={handleClose}\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n        classes={{ paper: classes.paper }}\n        elevation={0}\n        marginThreshold={marginThreshold}\n        PaperProps={{\n          className: classes[paperClassName],\n        }}\n        {...menuProps}\n      >\n        {children}\n      </Menu>\n    </>\n  );\n}\n\nIconMenu.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.array]),\n  classes: PropTypes.shape({\n    iconButton: PropTypes.string,\n    paper: PropTypes.string,\n  }),\n  className: PropTypes.string,\n  color: PropTypes.string,\n  IconElement: PropTypes.element,\n  // eslint-disable-next-line react/forbid-prop-types\n  IconButtonComponent: PropTypes.any,\n  iconButtonStyle: PropTypes.shape({}),\n  anchorOrigin: PropTypes.shape({\n    horizontal: PropTypes.oneOf(['left', 'center', 'right']),\n    vertical: PropTypes.oneOf(['top', 'center', 'bottom']),\n  }),\n  transformOrigin: PropTypes.shape({\n    horizontal: PropTypes.oneOf(['left', 'center', 'right']),\n    vertical: PropTypes.oneOf(['top', 'center', 'bottom']),\n  }),\n  disableRipple: PropTypes.bool,\n  'data-testid': PropTypes.string,\n  marginThreshold: PropTypes.number,\n  disabled: PropTypes.bool,\n  tooltipProps: PropTypes.shape({}),\n  menuProps: PropTypes.shape({}),\n  iconButtonProps: PropTypes.shape({}),\n  paperClassName: PropTypes.string,\n};\n\nIconMenu.defaultProps = {\n  children: undefined,\n  classes: {},\n  className: undefined,\n  color: undefined,\n  'data-testid': undefined,\n  IconElement: <MoreVert />,\n  iconButtonStyle: undefined,\n  IconButtonComponent: IconButton,\n  disableRipple: false,\n  anchorOrigin: { horizontal: 'right', vertical: 'bottom' },\n  transformOrigin: { horizontal: 'right', vertical: 'bottom' },\n  marginThreshold: undefined,\n  disabled: false,\n  tooltipProps: undefined,\n  menuProps: {},\n  iconButtonProps: {},\n  paperClassName: '',\n};\n\nexport default withStyles(muiStyles)(IconMenu);\n"],"names":["muiStyles","theme","iconButton","padding","color","palette","primary","text6","text1","paper","IconMenu","classes","testId","iconButtonStyle","disableRipple","className","IconElement","IconButtonComponent","disabled","iconButtonProps","children","anchorOrigin","transformOrigin","marginThreshold","menuProps","tooltipProps","paperClassName","useState","anchorEl","setAnchorEl","isOpen","isMenuAutofocus","setIsMenuAutofocus","useEffect","timerId","setTimeout","clearTimeout","handleClose","event","stopPropagation","handleOpen","preventDefault","currentTarget","iconButtonElement","_jsx","undefined","root","_jsxs","_Fragment","propTypes","PropTypes","oneOfType","string","node","array","shape","element","any","horizontal","oneOf","vertical","bool","number","defaultProps","IconButton","withStyles"],"mappings":"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"}

package/components/Icons/AnnotationIcon.js

@@ -1 +1,34 @@
-import{memo as e}from"react";import r from"prop-types";import{useTheme as t,SvgIcon as i}from"@material-ui/core";import{jsx as o}from"react/jsx-runtime";var p=function(e){var r=e.height,p=e.width,C=t();return o(i,{viewBox:"0 0 24 24",fill:"none",width:p,height:r,children:o("path",{d:"M2.57129 7.37135V13.2856C2.57129 15.5142 4.37129 17.3142 6.59986 17.3142H15.1713L20.057 20.4856C20.1029 20.5086 20.1427 20.5316 20.1796 20.5529C20.2805 20.6111 20.3601 20.6571 20.4856 20.6571C20.657 20.6571 20.7427 20.6571 20.9141 20.5713C21.1713 20.3999 21.3427 20.1428 21.3427 19.7999V7.37135C21.3427 5.14277 19.5427 3.34277 17.3141 3.34277H6.59986C4.37129 3.34277 2.57129 5.14277 2.57129 7.37135ZM12.9 11.4H15.6C16.095 11.4 16.5 10.995 16.5 10.5C16.5 10.005 16.095 9.6 15.6 9.6H12.9V6.9C12.9 6.405 12.495 6 12 6C11.505 6 11.1 6.405 11.1 6.9V9.6H8.4C7.905 9.6 7.5 10.005 7.5 10.5C7.5 10.995 7.905 11.4 8.4 11.4H11.1V14.1C11.1 14.595 11.505 15 12 15C12.495 15 12.9 14.595 12.9 14.1V11.4Z",fill:C.palette.secondary,fillRule:"evenodd",clipRule:"evenodd"})})};p.propTypes={height:r.number,width:r.number},p.defaultProps={height:24,width:24};var C=e(p);export{C as default};
+import { memo } from 'react';
+import PropTypes from 'prop-types';
+import { useTheme, SvgIcon } from '@material-ui/core';
+import { jsx } from 'react/jsx-runtime';
+
+var AnnotationIcon = function AnnotationIcon(_ref) {
+  var height = _ref.height,
+    width = _ref.width;
+  var theme = useTheme();
+  return /*#__PURE__*/jsx(SvgIcon, {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    width: width,
+    height: height,
+    children: /*#__PURE__*/jsx("path", {
+      d: "M2.57129 7.37135V13.2856C2.57129 15.5142 4.37129 17.3142 6.59986 17.3142H15.1713L20.057 20.4856C20.1029 20.5086 20.1427 20.5316 20.1796 20.5529C20.2805 20.6111 20.3601 20.6571 20.4856 20.6571C20.657 20.6571 20.7427 20.6571 20.9141 20.5713C21.1713 20.3999 21.3427 20.1428 21.3427 19.7999V7.37135C21.3427 5.14277 19.5427 3.34277 17.3141 3.34277H6.59986C4.37129 3.34277 2.57129 5.14277 2.57129 7.37135ZM12.9 11.4H15.6C16.095 11.4 16.5 10.995 16.5 10.5C16.5 10.005 16.095 9.6 15.6 9.6H12.9V6.9C12.9 6.405 12.495 6 12 6C11.505 6 11.1 6.405 11.1 6.9V9.6H8.4C7.905 9.6 7.5 10.005 7.5 10.5C7.5 10.995 7.905 11.4 8.4 11.4H11.1V14.1C11.1 14.595 11.505 15 12 15C12.495 15 12.9 14.595 12.9 14.1V11.4Z",
+      fill: theme.palette.secondary,
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    })
+  });
+};
+AnnotationIcon.propTypes = {
+  height: PropTypes.number,
+  width: PropTypes.number
+};
+AnnotationIcon.defaultProps = {
+  height: 24,
+  width: 24
+};
+var AnnotationIcon$1 = memo(AnnotationIcon);
+
+export { AnnotationIcon$1 as default };
+//# sourceMappingURL=AnnotationIcon.js.map

package/components/Icons/AnnotationIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationIcon.js","sources":["../../../src/components/Icons/AnnotationIcon.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { SvgIcon, useTheme } from '@material-ui/core';\n\nconst AnnotationIcon = ({ height, width }) => {\n  const theme = useTheme();\n  return (\n    <SvgIcon viewBox=\"0 0 24 24\" fill=\"none\" width={width} height={height}>\n      <path\n        d=\"M2.57129 7.37135V13.2856C2.57129 15.5142 4.37129 17.3142 6.59986 17.3142H15.1713L20.057 20.4856C20.1029 20.5086 20.1427 20.5316 20.1796 20.5529C20.2805 20.6111 20.3601 20.6571 20.4856 20.6571C20.657 20.6571 20.7427 20.6571 20.9141 20.5713C21.1713 20.3999 21.3427 20.1428 21.3427 19.7999V7.37135C21.3427 5.14277 19.5427 3.34277 17.3141 3.34277H6.59986C4.37129 3.34277 2.57129 5.14277 2.57129 7.37135ZM12.9 11.4H15.6C16.095 11.4 16.5 10.995 16.5 10.5C16.5 10.005 16.095 9.6 15.6 9.6H12.9V6.9C12.9 6.405 12.495 6 12 6C11.505 6 11.1 6.405 11.1 6.9V9.6H8.4C7.905 9.6 7.5 10.005 7.5 10.5C7.5 10.995 7.905 11.4 8.4 11.4H11.1V14.1C11.1 14.595 11.505 15 12 15C12.495 15 12.9 14.595 12.9 14.1V11.4Z\"\n        fill={theme.palette.secondary}\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </SvgIcon>\n  );\n};\n\nAnnotationIcon.propTypes = {\n  height: PropTypes.number,\n  width: PropTypes.number,\n};\n\nAnnotationIcon.defaultProps = {\n  height: 24,\n  width: 24,\n};\n\nexport default memo(AnnotationIcon);\n"],"names":["AnnotationIcon","height","width","theme","useTheme","_jsx","palette","secondary","propTypes","PropTypes","number","defaultProps","memo"],"mappings":";;;;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAA0B,IAAA,EAAA;EAAA,IAApBC,MAAM,QAANA,MAAM;AAAEC,IAAAA,KAAK,QAALA,KAAK,CAAA;EACrC,IAAMC,KAAK,GAAGC,QAAQ,EAAE,CAAA;AACxB,EAAA,oBACEC,IAAC,OAAO,EAAA;AAAC,IAAA,OAAO,EAAC,WAAW;AAAC,IAAA,IAAI,EAAC,MAAM;AAAC,IAAA,KAAK,EAAEH,KAAM;AAAC,IAAA,MAAM,EAAED,MAAO;IAAA,QACpE,eAAAI,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,krBAAkrB;AACprB,MAAA,IAAI,EAAEF,KAAK,CAACG,OAAO,CAACC,SAAU;AAC9B,MAAA,QAAQ,EAAC,SAAS;AAClB,MAAA,QAAQ,EAAC,SAAA;AAAS,KAAA,CAAA;GAEZ,CAAA,CAAA;AAEd,CAAC,CAAA;AAEDP,cAAc,CAACQ,SAAS,GAAG;EACzBP,MAAM,EAAEQ,SAAS,CAACC,MAAM;EACxBR,KAAK,EAAEO,SAAS,CAACC,MAAAA;AACnB,CAAC,CAAA;AAEDV,cAAc,CAACW,YAAY,GAAG;AAC5BV,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,KAAK,EAAE,EAAA;AACT,CAAC,CAAA;AAED,uBAAeU,IAAI,CAACZ,cAAc,CAAC;;;;"}

package/components/Icons/AttachIcon.js

@@ -1 +1,30 @@
-import t from"prop-types";import{useTheme as r,SvgIcon as e}from"@material-ui/core";import{jsx as i}from"react/jsx-runtime";var h=function(t){var h=t.height,o=t.width,p=r();return i(e,{viewBox:"0 0 24 24",fill:"none",width:o,height:h,children:i("path",{d:"M16 6V17.5C16 19.71 14.21 21.5 12 21.5C9.79 21.5 8 19.71 8 17.5V5C8 3.62 9.12 2.5 10.5 2.5C11.88 2.5 13 3.62 13 5V15.5C13 16.05 12.55 16.5 12 16.5C11.45 16.5 11 16.05 11 15.5V6H9.5V15.5C9.5 16.88 10.62 18 12 18C13.38 18 14.5 16.88 14.5 15.5V5C14.5 2.79 12.71 1 10.5 1C8.29 1 6.5 2.79 6.5 5V17.5C6.5 20.54 8.96 23 12 23C15.04 23 17.5 20.54 17.5 17.5V6H16Z",fill:p.palette.primary.text6})})};h.propTypes={height:t.number,width:t.number},h.defaultProps={height:24,width:24};export{h as default};
+import PropTypes from 'prop-types';
+import { useTheme, SvgIcon } from '@material-ui/core';
+import { jsx } from 'react/jsx-runtime';
+
+var AttachIcon = function AttachIcon(_ref) {
+  var height = _ref.height,
+    width = _ref.width;
+  var theme = useTheme();
+  return /*#__PURE__*/jsx(SvgIcon, {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    width: width,
+    height: height,
+    children: /*#__PURE__*/jsx("path", {
+      d: "M16 6V17.5C16 19.71 14.21 21.5 12 21.5C9.79 21.5 8 19.71 8 17.5V5C8 3.62 9.12 2.5 10.5 2.5C11.88 2.5 13 3.62 13 5V15.5C13 16.05 12.55 16.5 12 16.5C11.45 16.5 11 16.05 11 15.5V6H9.5V15.5C9.5 16.88 10.62 18 12 18C13.38 18 14.5 16.88 14.5 15.5V5C14.5 2.79 12.71 1 10.5 1C8.29 1 6.5 2.79 6.5 5V17.5C6.5 20.54 8.96 23 12 23C15.04 23 17.5 20.54 17.5 17.5V6H16Z",
+      fill: theme.palette.primary.text6
+    })
+  });
+};
+AttachIcon.propTypes = {
+  height: PropTypes.number,
+  width: PropTypes.number
+};
+AttachIcon.defaultProps = {
+  height: 24,
+  width: 24
+};
+
+export { AttachIcon as default };
+//# sourceMappingURL=AttachIcon.js.map

package/components/Icons/AttachIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachIcon.js","sources":["../../../src/components/Icons/AttachIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { SvgIcon, useTheme } from '@material-ui/core';\n\nconst AttachIcon = ({ height, width }) => {\n  const theme = useTheme();\n  return (\n    <SvgIcon viewBox=\"0 0 24 24\" fill=\"none\" width={width} height={height}>\n      <path\n        d=\"M16 6V17.5C16 19.71 14.21 21.5 12 21.5C9.79 21.5 8 19.71 8 17.5V5C8 3.62 9.12 2.5 10.5 2.5C11.88 2.5 13 3.62 13 5V15.5C13 16.05 12.55 16.5 12 16.5C11.45 16.5 11 16.05 11 15.5V6H9.5V15.5C9.5 16.88 10.62 18 12 18C13.38 18 14.5 16.88 14.5 15.5V5C14.5 2.79 12.71 1 10.5 1C8.29 1 6.5 2.79 6.5 5V17.5C6.5 20.54 8.96 23 12 23C15.04 23 17.5 20.54 17.5 17.5V6H16Z\"\n        fill={theme.palette.primary.text6}\n      />\n    </SvgIcon>\n  );\n};\n\nAttachIcon.propTypes = {\n  height: PropTypes.number,\n  width: PropTypes.number,\n};\n\nAttachIcon.defaultProps = {\n  height: 24,\n  width: 24,\n};\n\nexport default AttachIcon;\n"],"names":["AttachIcon","height","width","theme","useTheme","_jsx","palette","primary","text6","propTypes","PropTypes","number","defaultProps"],"mappings":";;;;AAGA,IAAMA,UAAU,GAAG,SAAbA,UAAU,CAA0B,IAAA,EAAA;EAAA,IAApBC,MAAM,QAANA,MAAM;AAAEC,IAAAA,KAAK,QAALA,KAAK,CAAA;EACjC,IAAMC,KAAK,GAAGC,QAAQ,EAAE,CAAA;AACxB,EAAA,oBACEC,IAAC,OAAO,EAAA;AAAC,IAAA,OAAO,EAAC,WAAW;AAAC,IAAA,IAAI,EAAC,MAAM;AAAC,IAAA,KAAK,EAAEH,KAAM;AAAC,IAAA,MAAM,EAAED,MAAO;IAAA,QACpE,eAAAI,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,oWAAoW;AACtW,MAAA,IAAI,EAAEF,KAAK,CAACG,OAAO,CAACC,OAAO,CAACC,KAAAA;AAAM,KAAA,CAAA;GAE5B,CAAA,CAAA;AAEd,EAAC;AAEDR,UAAU,CAACS,SAAS,GAAG;EACrBR,MAAM,EAAES,SAAS,CAACC,MAAM;EACxBT,KAAK,EAAEQ,SAAS,CAACC,MAAAA;AACnB,CAAC,CAAA;AAEDX,UAAU,CAACY,YAAY,GAAG;AACxBX,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,KAAK,EAAE,EAAA;AACT,CAAC;;;;"}

package/components/Icons/DangerousIcon.js

@@ -1 +1,18 @@
-import{createSvgIcon as r}from"@material-ui/core";import{jsxs as t,jsx as o}from"react/jsx-runtime";var e=r(t("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24",children:[o("path",{d:"M0 0h24v24H0z",fill:"none"}),o("path",{d:"M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15.73 3zM17 15.74L15.74 17 12 13.26 8.26 17 7 15.74 10.74 12 7 8.26 8.26 7 12 10.74 15.74 7 17 8.26 13.26 12 17 15.74z"})]}),"DangerousIcon");export{e as DangerousIcon};
+import { createSvgIcon } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DangerousIcon = createSvgIcon( /*#__PURE__*/jsxs("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  height: "24",
+  viewBox: "0 0 24 24",
+  width: "24",
+  children: [/*#__PURE__*/jsx("path", {
+    d: "M0 0h24v24H0z",
+    fill: "none"
+  }), /*#__PURE__*/jsx("path", {
+    d: "M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15.73 3zM17 15.74L15.74 17 12 13.26 8.26 17 7 15.74 10.74 12 7 8.26 8.26 7 12 10.74 15.74 7 17 8.26 13.26 12 17 15.74z"
+  })]
+}), 'DangerousIcon');
+
+export { DangerousIcon };
+//# sourceMappingURL=DangerousIcon.js.map

package/components/Icons/DangerousIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DangerousIcon.js","sources":["../../../src/components/Icons/DangerousIcon.js"],"sourcesContent":["import { createSvgIcon } from '@material-ui/core';\n\nexport const DangerousIcon = createSvgIcon(\n  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\">\n    <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n    <path d=\"M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15.73 3zM17 15.74L15.74 17 12 13.26 8.26 17 7 15.74 10.74 12 7 8.26 8.26 7 12 10.74 15.74 7 17 8.26 13.26 12 17 15.74z\"/>\n  </svg>,\n  'DangerousIcon'\n);"],"names":["DangerousIcon","createSvgIcon","_jsxs","_jsx"],"mappings":";;;AAEaA,IAAAA,aAAa,GAAGC,aAAa,eACxCC,IAAA,CAAA,KAAA,EAAA;AAAK,EAAA,KAAK,EAAC,4BAA4B;AAAC,EAAA,MAAM,EAAC,IAAI;AAAC,EAAA,OAAO,EAAC,WAAW;AAAC,EAAA,KAAK,EAAC,IAAI;EAAA,QAChF,EAAA,cAAAC,GAAA,CAAA,MAAA,EAAA;AAAM,IAAA,CAAC,EAAC,eAAe;AAAC,IAAA,IAAI,EAAC,MAAA;AAAM,GAAA,CAAE,eACrCA,GAAA,CAAA,MAAA,EAAA;AAAM,IAAA,CAAC,EAAC,6KAAA;GAA+K,CAAA,CAAA;AAAA,CACnL,CAAA,EACN,eAAe;;;;"}

package/components/Icons/EmojiIcon.js

@@ -1 +1,32 @@
-import e from"prop-types";import{useTheme as t,SvgIcon as r}from"@material-ui/core";import{jsx as i}from"react/jsx-runtime";var C=function(e){var C=e.height,o=e.width,p=t();return i(r,{viewBox:"0 0 20 20",fill:"none",width:o,height:C,children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.99 0C4.47 0 0 4.48 0 10C0 15.52 4.47 20 9.99 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 9.99 0ZM10 18C5.58 18 2 14.42 2 10C2 5.58 5.58 2 10 2C14.42 2 18 5.58 18 10C18 14.42 14.42 18 10 18ZM15 7.5C15 8.33 14.33 9 13.5 9C12.67 9 12 8.33 12 7.5C12 6.67 12.67 6 13.5 6C14.33 6 15 6.67 15 7.5ZM6.5 9C7.33 9 8 8.33 8 7.5C8 6.67 7.33 6 6.5 6C5.67 6 5 6.67 5 7.5C5 8.33 5.67 9 6.5 9ZM15.11 12C14.31 14.04 12.33 15.5 10 15.5C7.67 15.5 5.69 14.04 4.89 12H15.11Z",fill:p.palette.primary.text6})})};C.propTypes={height:e.number,width:e.number},C.defaultProps={height:20,width:22};export{C as default};
+import PropTypes from 'prop-types';
+import { useTheme, SvgIcon } from '@material-ui/core';
+import { jsx } from 'react/jsx-runtime';
+
+var EmojiIcon = function EmojiIcon(_ref) {
+  var height = _ref.height,
+    width = _ref.width;
+  var theme = useTheme();
+  return /*#__PURE__*/jsx(SvgIcon, {
+    viewBox: "0 0 20 20",
+    fill: "none",
+    width: width,
+    height: height,
+    children: /*#__PURE__*/jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M9.99 0C4.47 0 0 4.48 0 10C0 15.52 4.47 20 9.99 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 9.99 0ZM10 18C5.58 18 2 14.42 2 10C2 5.58 5.58 2 10 2C14.42 2 18 5.58 18 10C18 14.42 14.42 18 10 18ZM15 7.5C15 8.33 14.33 9 13.5 9C12.67 9 12 8.33 12 7.5C12 6.67 12.67 6 13.5 6C14.33 6 15 6.67 15 7.5ZM6.5 9C7.33 9 8 8.33 8 7.5C8 6.67 7.33 6 6.5 6C5.67 6 5 6.67 5 7.5C5 8.33 5.67 9 6.5 9ZM15.11 12C14.31 14.04 12.33 15.5 10 15.5C7.67 15.5 5.69 14.04 4.89 12H15.11Z",
+      fill: theme.palette.primary.text6
+    })
+  });
+};
+EmojiIcon.propTypes = {
+  height: PropTypes.number,
+  width: PropTypes.number
+};
+EmojiIcon.defaultProps = {
+  height: 20,
+  width: 22
+};
+
+export { EmojiIcon as default };
+//# sourceMappingURL=EmojiIcon.js.map

package/components/Icons/EmojiIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiIcon.js","sources":["../../../src/components/Icons/EmojiIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { SvgIcon, useTheme } from '@material-ui/core';\n\nconst EmojiIcon = ({ height, width }) => {\n  const theme = useTheme();\n  return (\n    <SvgIcon viewBox=\"0 0 20 20\" fill=\"none\" width={width} height={height}>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M9.99 0C4.47 0 0 4.48 0 10C0 15.52 4.47 20 9.99 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 9.99 0ZM10 18C5.58 18 2 14.42 2 10C2 5.58 5.58 2 10 2C14.42 2 18 5.58 18 10C18 14.42 14.42 18 10 18ZM15 7.5C15 8.33 14.33 9 13.5 9C12.67 9 12 8.33 12 7.5C12 6.67 12.67 6 13.5 6C14.33 6 15 6.67 15 7.5ZM6.5 9C7.33 9 8 8.33 8 7.5C8 6.67 7.33 6 6.5 6C5.67 6 5 6.67 5 7.5C5 8.33 5.67 9 6.5 9ZM15.11 12C14.31 14.04 12.33 15.5 10 15.5C7.67 15.5 5.69 14.04 4.89 12H15.11Z\"\n        fill={theme.palette.primary.text6}\n      />\n    </SvgIcon>\n  );\n};\n\nEmojiIcon.propTypes = {\n  height: PropTypes.number,\n  width: PropTypes.number,\n};\n\nEmojiIcon.defaultProps = {\n  height: 20,\n  width: 22,\n};\n\nexport default EmojiIcon;\n"],"names":["EmojiIcon","height","width","theme","useTheme","_jsx","palette","primary","text6","propTypes","PropTypes","number","defaultProps"],"mappings":";;;;AAGA,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAA0B,IAAA,EAAA;EAAA,IAApBC,MAAM,QAANA,MAAM;AAAEC,IAAAA,KAAK,QAALA,KAAK,CAAA;EAChC,IAAMC,KAAK,GAAGC,QAAQ,EAAE,CAAA;AACxB,EAAA,oBACEC,IAAC,OAAO,EAAA;AAAC,IAAA,OAAO,EAAC,WAAW;AAAC,IAAA,IAAI,EAAC,MAAM;AAAC,IAAA,KAAK,EAAEH,KAAM;AAAC,IAAA,MAAM,EAAED,MAAO;IAAA,QACpE,eAAAI,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,QAAQ,EAAC,SAAS;AAClB,MAAA,QAAQ,EAAC,SAAS;AAClB,MAAA,CAAC,EAAC,wcAAwc;AAC1c,MAAA,IAAI,EAAEF,KAAK,CAACG,OAAO,CAACC,OAAO,CAACC,KAAAA;AAAM,KAAA,CAAA;GAE5B,CAAA,CAAA;AAEd,EAAC;AAEDR,SAAS,CAACS,SAAS,GAAG;EACpBR,MAAM,EAAES,SAAS,CAACC,MAAM;EACxBT,KAAK,EAAEQ,SAAS,CAACC,MAAAA;AACnB,CAAC,CAAA;AAEDX,SAAS,CAACY,YAAY,GAAG;AACvBX,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,KAAK,EAAE,EAAA;AACT,CAAC;;;;"}

package/components/Icons/RecommendationIcon.js

@@ -1 +1,31 @@
-import e from"prop-types";import{jsx as t}from"react/jsx-runtime";var i=function(e){var i=e.height,r=e.width;return t("svg",{width:r,height:i,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.7098 2.28957L21.7098 11.2896C22.0998 11.6896 22.0998 12.3196 21.7098 12.6996L12.7098 21.6996C12.3198 22.0896 11.6898 22.0896 11.2998 21.6996L2.29982 12.6996C1.90982 12.3096 1.90982 11.6796 2.29982 11.2896L11.2998 2.28957C11.6898 1.89957 12.3198 1.89957 12.7098 2.28957ZM13.9998 11.9996V14.4996L17.4998 10.9996L13.9998 7.49957V9.99957H8.99982C8.44982 9.99957 7.99982 10.4496 7.99982 10.9996V14.9996H9.99982V11.9996H13.9998Z",fill:"#75DB29"})})};i.propTypes={height:e.number,width:e.number},i.defaultProps={height:28,width:28};export{i as default};
+import PropTypes from 'prop-types';
+import { jsx } from 'react/jsx-runtime';
+
+var RecommendationIcon = function RecommendationIcon(_ref) {
+  var height = _ref.height,
+    width = _ref.width;
+  return /*#__PURE__*/jsx("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12.7098 2.28957L21.7098 11.2896C22.0998 11.6896 22.0998 12.3196 21.7098 12.6996L12.7098 21.6996C12.3198 22.0896 11.6898 22.0896 11.2998 21.6996L2.29982 12.6996C1.90982 12.3096 1.90982 11.6796 2.29982 11.2896L11.2998 2.28957C11.6898 1.89957 12.3198 1.89957 12.7098 2.28957ZM13.9998 11.9996V14.4996L17.4998 10.9996L13.9998 7.49957V9.99957H8.99982C8.44982 9.99957 7.99982 10.4496 7.99982 10.9996V14.9996H9.99982V11.9996H13.9998Z",
+      fill: "#75DB29"
+    })
+  });
+};
+RecommendationIcon.propTypes = {
+  height: PropTypes.number,
+  width: PropTypes.number
+};
+RecommendationIcon.defaultProps = {
+  height: 28,
+  width: 28
+};
+
+export { RecommendationIcon as default };
+//# sourceMappingURL=RecommendationIcon.js.map

package/components/Icons/RecommendationIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendationIcon.js","sources":["../../../src/components/Icons/RecommendationIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\r\n\r\nconst RecommendationIcon = ({ height, width }) => (\r\n  <svg width={width} height={height} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M12.7098 2.28957L21.7098 11.2896C22.0998 11.6896 22.0998 12.3196 21.7098 12.6996L12.7098 21.6996C12.3198 22.0896 11.6898 22.0896 11.2998 21.6996L2.29982 12.6996C1.90982 12.3096 1.90982 11.6796 2.29982 11.2896L11.2998 2.28957C11.6898 1.89957 12.3198 1.89957 12.7098 2.28957ZM13.9998 11.9996V14.4996L17.4998 10.9996L13.9998 7.49957V9.99957H8.99982C8.44982 9.99957 7.99982 10.4496 7.99982 10.9996V14.9996H9.99982V11.9996H13.9998Z\" fill=\"#75DB29\"/>\r\n  </svg>\r\n)\r\n\r\nRecommendationIcon.propTypes = {\r\n  height: PropTypes.number,\r\n  width: PropTypes.number,\r\n}\r\n\r\nRecommendationIcon.defaultProps = {\r\n  height: 28,\r\n  width: 28,\r\n}\r\n\r\nexport default RecommendationIcon;"],"names":["RecommendationIcon","height","width","_jsx","propTypes","PropTypes","number","defaultProps"],"mappings":";;;AAEMA,IAAAA,kBAAkB,GAAG,SAArBA,kBAAkB,CAAA,IAAA,EAAA;EAAA,IAAMC,MAAM,QAANA,MAAM;AAAEC,IAAAA,KAAK,QAALA,KAAK,CAAA;EAAA,oBACzCC,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,KAAK,EAAED,KAAM;AAAC,IAAA,MAAM,EAAED,MAAO;AAAC,IAAA,OAAO,EAAC,WAAW;AAAC,IAAA,IAAI,EAAC,MAAM;AAAC,IAAA,KAAK,EAAC,4BAA4B;IAAA,QACnG,eAAAE,GAAA,CAAA,MAAA,EAAA;AAAM,MAAA,QAAQ,EAAC,SAAS;AAAC,MAAA,QAAQ,EAAC,SAAS;AAAC,MAAA,CAAC,EAAC,4aAA4a;AAAC,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CAAA;GACre,CAAA,CAAA;AAAA,EACP;AAEDH,kBAAkB,CAACI,SAAS,GAAG;EAC7BH,MAAM,EAAEI,SAAS,CAACC,MAAM;EACxBJ,KAAK,EAAEG,SAAS,CAACC,MAAAA;AACnB,CAAC,CAAA;AAEDN,kBAAkB,CAACO,YAAY,GAAG;AAChCN,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,KAAK,EAAE,EAAA;AACT,CAAC;;;;"}