@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/IconMenu/index.js

@@ -1 +1,192 @@
-import o from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as r,useEffect as t}from"react";import n from"prop-types";import{withStyles as i,Tooltip as a,Menu as s}from"@material-ui/core";import{MoreVert as p}from"@material-ui/icons";import l from"../IconButton/index.js";import{jsx as c,jsxs as u,Fragment as d}from"react/jsx-runtime";function m(o,e){var r=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),r.push.apply(r,t)}return r}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?m(Object(t),!0).forEach((function(r){o(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))}))}return e}function f(o){var n=o.classes,i=o["data-testid"],p=o.iconButtonStyle,l=o.color,m=o.disableRipple,f=o.className,b=o.IconElement,g=o.IconButtonComponent,O=o.disabled,y=o.iconButtonProps,P=o.children,v=o.anchorOrigin,j=o.transformOrigin,B=o.marginThreshold,T=o.menuProps,C=o.tooltipProps,w=o.paperClassName,I=r(null),N=e(I,2),R=N[0],x=N[1],D=!!R,E=r(!1),S=e(E,2),k=S[0],z=S[1];t((function(){var o;return D&&setTimeout((function(){o=z(D)}),500),function(){o&&clearTimeout(o)}}),[D]);var M=function(o){o.stopPropagation(),x(null),z(!1)},A=c(g,h(h({"aria-label":"IconMenu","aria-owns":D?"icon-menu":void 0,"aria-haspopup":"true","data-testid":i,onClick:function(o){o.stopPropagation(),o.preventDefault(),x(o.currentTarget)},classes:{root:n.iconButton},className:f,style:p,color:l,disableRipple:m,disabled:O},y),{},{children:b}));return u(d,{children:[C?c(a,h(h({},C),{},{children:A})):A,c(s,h(h({id:"icon-menu",anchorEl:R,open:D,MenuListProps:{"data-testid":"".concat(i,"Dropdown")},disableAutoFocus:!k,autoFocus:k,onClose:M,onClick:M,anchorOrigin:v,transformOrigin:j,classes:{paper:n.paper},elevation:0,marginThreshold:B,PaperProps:{className:n[w]}},T),{},{children:P}))]})}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:l,disableRipple:!1,anchorOrigin:{horizontal:"right",vertical:"top"},transformOrigin:{horizontal:"right",vertical:"bottom"},marginThreshold:void 0,disabled:!1,tooltipProps:void 0,menuProps:{},iconButtonProps:{},paperClassName:""};var b=i((function(o){return{iconButton:{borderRadius:8,padding:"10px",color:o.palette.primary.text6,"&:hover":{color:o.palette.primary.text1,backgroundColor:"rgba(255, 255, 255, 0.16)"},"& .MuiTouchRipple-child":{borderRadius:8},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 } from '@material-ui/core';
+import { MoreVert } from '@material-ui/icons';
+import IconButton from '../IconButton/index.js';
+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: {
+      borderRadius: 8,
+      padding: '10px',
+      color: theme.palette.primary.text6,
+      '&:hover': {
+        color: theme.palette.primary.text1,
+        backgroundColor: 'rgba(255, 255, 255, 0.16)'
+      },
+      '& .MuiTouchRipple-child': {
+        borderRadius: 8
+      },
+      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,
+      MenuListProps: {
+        'data-testid': "".concat(testId, "Dropdown")
+      },
+      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: 'top'
+  },
+  transformOrigin: {
+    horizontal: 'right',
+    vertical: 'bottom'
+  },
+  marginThreshold: undefined,
+  disabled: false,
+  tooltipProps: undefined,
+  menuProps: {},
+  iconButtonProps: {},
+  paperClassName: ''
+};
+var index = withStyles(muiStyles)(IconMenu);
+
+export { index 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 { Menu, withStyles, Tooltip } from '@material-ui/core';\nimport { MoreVert } from '@material-ui/icons';\n\nimport IconButton from '../IconButton';\n\nconst muiStyles = theme => ({\n  iconButton: {\n    borderRadius: 8,\n    padding: '10px',\n    color: theme.palette.primary.text6,\n    '&:hover': {\n      color: theme.palette.primary.text1,\n      backgroundColor: 'rgba(255, 255, 255, 0.16)',\n    },\n    '& .MuiTouchRipple-child': {\n      borderRadius: 8,\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        MenuListProps={{ 'data-testid': `${testId}Dropdown` }}\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: 'top' },\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","borderRadius","padding","color","palette","primary","text6","text1","backgroundColor","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/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,13 @@
-import{createSvgIcon as r}from"@material-ui/core";import{jsx as a}from"react/jsx-runtime";var t=r(a("g",{transform:"scale(1.111)",children:a("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",transform:"translate(-1.2 -1.2)"})}),"DangerousIcon");export{t as DangerousIcon};
+import { createSvgIcon } from '@material-ui/core';
+import { jsx } from 'react/jsx-runtime';
+
+var DangerousIcon = createSvgIcon( /*#__PURE__*/jsx("g", {
+  transform: "scale(1.111)",
+  children: /*#__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",
+    transform: "translate(-1.2 -1.2)"
+  })
+}), '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  <g transform=\"scale(1.111)\">\n    <path\n      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      transform=\"translate(-1.2 -1.2)\"\n    />\n  </g>,\n  'DangerousIcon'\n);\n"],"names":["DangerousIcon","createSvgIcon","_jsx"],"mappings":";;;AAEaA,IAAAA,aAAa,GAAGC,aAAa,eACxCC,GAAA,CAAA,GAAA,EAAA;AAAG,EAAA,SAAS,EAAC,cAAc;EAAA,QACzB,eAAAA,GAAA,CAAA,MAAA,EAAA;AACE,IAAA,CAAC,EAAC,6KAA6K;AAC/K,IAAA,SAAS,EAAC,sBAAA;AAAsB,GAAA,CAAA;AAChC,CACA,CAAA,EACJ,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,36 @@
-import e from"prop-types";import{jsxs as t,jsx as i}from"react/jsx-runtime";var l=function(e){var l=e.height,r=e.width;return t("svg",{width:r,height:l,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("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.28957Z",fill:"#75DB29"}),i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.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:"#2C2C2C"})]})};l.propTypes={height:e.number,width:e.number},l.defaultProps={height:28,width:28};export{l as default};
+import PropTypes from 'prop-types';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var RecommendationIcon = function RecommendationIcon(_ref) {
+  var height = _ref.height,
+    width = _ref.width;
+  return /*#__PURE__*/jsxs("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.28957Z",
+      fill: "#75DB29"
+    }), /*#__PURE__*/jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M13.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: "#2C2C2C"
+    })]
+  });
+};
+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';\n\nconst RecommendationIcon = ({ height, width }) => (\n  <svg\n    width={width}\n    height={height}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      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.28957Z\"\n      fill=\"#75DB29\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M13.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\"\n      fill=\"#2C2C2C\"\n    />\n  </svg>\n);\n\nRecommendationIcon.propTypes = {\n  height: PropTypes.number,\n  width: PropTypes.number,\n};\n\nRecommendationIcon.defaultProps = {\n  height: 28,\n  width: 28,\n};\n\nexport default RecommendationIcon;\n"],"names":["RecommendationIcon","height","width","_jsxs","_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,IAAA,CAAA,KAAA,EAAA;AACE,IAAA,KAAK,EAAED,KAAM;AACb,IAAA,MAAM,EAAED,MAAO;AACf,IAAA,OAAO,EAAC,WAAW;AACnB,IAAA,IAAI,EAAC,MAAM;AACX,IAAA,KAAK,EAAC,4BAA4B;IAAA,QAElC,EAAA,cAAAG,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,QAAQ,EAAC,SAAS;AAClB,MAAA,QAAQ,EAAC,SAAS;AAClB,MAAA,CAAC,EAAC,mRAAmR;AACrR,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CACd,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,QAAQ,EAAC,SAAS;AAClB,MAAA,QAAQ,EAAC,SAAS;AAClB,MAAA,CAAC,EAAC,2JAA2J;AAC7J,MAAA,IAAI,EAAC,SAAA;KACL,CAAA,CAAA;GACE,CAAA,CAAA;AAAA,EACP;AAEDJ,kBAAkB,CAACK,SAAS,GAAG;EAC7BJ,MAAM,EAAEK,SAAS,CAACC,MAAM;EACxBL,KAAK,EAAEI,SAAS,CAACC,MAAAA;AACnB,CAAC,CAAA;AAEDP,kBAAkB,CAACQ,YAAY,GAAG;AAChCP,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,KAAK,EAAE,EAAA;AACT,CAAC;;;;"}

package/components/Icons/SendIcon.js

@@ -1 +1,29 @@
-import t from"prop-types";import{jsx as r}from"react/jsx-runtime";var e=function(t){var e=t.height,i=t.width;return r("svg",{width:i,height:e,viewBox:"0 0 21 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r("path",{d:"M0.01 18L21 9L0.01 0L0 7L15 9L0 11L0.01 18Z",fill:"#03BCD4"})})};e.propTypes={height:t.number,width:t.number},e.defaultProps={height:21,width:21};export{e as default};
+import PropTypes from 'prop-types';
+import { jsx } from 'react/jsx-runtime';
+
+var SendIcon = function SendIcon(_ref) {
+  var height = _ref.height,
+    width = _ref.width;
+  return /*#__PURE__*/jsx("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 21 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/jsx("path", {
+      d: "M0.01 18L21 9L0.01 0L0 7L15 9L0 11L0.01 18Z",
+      fill: "#03BCD4"
+    })
+  });
+};
+SendIcon.propTypes = {
+  height: PropTypes.number,
+  width: PropTypes.number
+};
+SendIcon.defaultProps = {
+  height: 21,
+  width: 21
+};
+
+export { SendIcon as default };
+//# sourceMappingURL=SendIcon.js.map

package/components/Icons/SendIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendIcon.js","sources":["../../../src/components/Icons/SendIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst SendIcon = ({ height, width }) => (\n  <svg\n    width={width}\n    height={height}\n    viewBox=\"0 0 21 18\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0.01 18L21 9L0.01 0L0 7L15 9L0 11L0.01 18Z\" fill=\"#03BCD4\" />\n  </svg>\n);\n\nSendIcon.propTypes = {\n  height: PropTypes.number,\n  width: PropTypes.number,\n};\n\nSendIcon.defaultProps = {\n  height: 21,\n  width: 21,\n};\n\nexport default SendIcon;\n"],"names":["SendIcon","height","width","_jsx","propTypes","PropTypes","number","defaultProps"],"mappings":";;;AAEMA,IAAAA,QAAQ,GAAG,SAAXA,QAAQ,CAAA,IAAA,EAAA;EAAA,IAAMC,MAAM,QAANA,MAAM;AAAEC,IAAAA,KAAK,QAALA,KAAK,CAAA;EAAA,oBAC/BC,GAAA,CAAA,KAAA,EAAA;AACE,IAAA,KAAK,EAAED,KAAM;AACb,IAAA,MAAM,EAAED,MAAO;AACf,IAAA,OAAO,EAAC,WAAW;AACnB,IAAA,IAAI,EAAC,MAAM;AACX,IAAA,KAAK,EAAC,4BAA4B;IAAA,QAElC,eAAAE,GAAA,CAAA,MAAA,EAAA;AAAM,MAAA,CAAC,EAAC,6CAA6C;AAAC,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CAAA;GAChE,CAAA,CAAA;AAAA,EACP;AAEDH,QAAQ,CAACI,SAAS,GAAG;EACnBH,MAAM,EAAEI,SAAS,CAACC,MAAM;EACxBJ,KAAK,EAAEG,SAAS,CAACC,MAAAA;AACnB,CAAC,CAAA;AAEDN,QAAQ,CAACO,YAAY,GAAG;AACtBN,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,KAAK,EAAE,EAAA;AACT,CAAC;;;;"}