@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/Hint/styles.js

@@ -1,84 +1 @@
-import { makeStyles } from '@material-ui/core';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    popper: {
-      zIndex: theme.zIndex.modal - 1,
-      '&[x-placement*="bottom"]': {
-        marginTop: theme.spacing(1),
-        '& $arrow': {
-          bottom: '100%',
-          borderBottomColor: theme.palette.info.dark,
-          borderTop: 0
-        }
-      },
-      '&[x-placement*="top"]': {
-        marginBottom: theme.spacing(1),
-        '& $arrow': {
-          top: '100%',
-          borderTopColor: theme.palette.info.dark,
-          borderBottom: 0
-        }
-      },
-      '&[x-placement*="left"]': {
-        marginRight: theme.spacing(1),
-        '& $arrow': {
-          left: '100%',
-          borderLeftColor: theme.palette.info.dark,
-          borderRight: 0
-        }
-      },
-      '&[x-placement*="right"]': {
-        marginLeft: theme.spacing(1),
-        '& $arrow': {
-          right: '100%',
-          borderRightColor: theme.palette.info.dark,
-          borderLeft: 0
-        }
-      }
-    },
-    tooltip: {
-      backgroundColor: theme.palette.info.dark,
-      padding: theme.spacing(2),
-      borderRadius: theme.spacing(1),
-      width: 300,
-      display: 'flex',
-      flexFlow: 'row wrap',
-      gap: theme.spacing(0.75, 2),
-      alignItems: 'flex-start'
-    },
-    arrow: {
-      color: theme.palette.info.dark,
-      position: 'absolute',
-      border: "".concat(theme.spacing(1) + 1, "px solid transparent"),
-      margin: -1
-    },
-    close: {
-      color: "".concat(theme.palette.primary.text1, "!important")
-    },
-    hasClose: {},
-    title: {
-      fontSize: 18,
-      fontWeight: 500,
-      lineHeight: '24px',
-      flex: '0 0 100%',
-      overflow: 'hidden',
-      '&$hasClose': {
-        flexBasis: 'calc(100% - 48px)'
-      }
-    },
-    content: {
-      flex: '0 0 100%'
-    },
-    button: {
-      backgroundColor: "".concat(theme.palette.primary.text1, "1a!important"),
-      marginLeft: 'auto!important',
-      '&:hover': {
-        backgroundColor: "".concat(theme.palette.primary.text1, "33!important")
-      }
-    }
-  };
-});
-
-export { useStyles };
-//# sourceMappingURL=styles.js.map
+import{makeStyles as o}from"@material-ui/core";var t=o((function(o){return{popper:{zIndex:o.zIndex.modal-1,'&[x-placement*="bottom"]':{marginTop:o.spacing(1),"& $arrow":{bottom:"100%",borderBottomColor:o.palette.info.dark,borderTop:0}},'&[x-placement*="top"]':{marginBottom:o.spacing(1),"& $arrow":{top:"100%",borderTopColor:o.palette.info.dark,borderBottom:0}},'&[x-placement*="left"]':{marginRight:o.spacing(1),"& $arrow":{left:"100%",borderLeftColor:o.palette.info.dark,borderRight:0}},'&[x-placement*="right"]':{marginLeft:o.spacing(1),"& $arrow":{right:"100%",borderRightColor:o.palette.info.dark,borderLeft:0}}},tooltip:{backgroundColor:o.palette.info.dark,padding:o.spacing(2),borderRadius:o.spacing(1),width:300,display:"flex",flexFlow:"row wrap",gap:o.spacing(.75,2),alignItems:"flex-start"},arrow:{color:o.palette.info.dark,position:"absolute",border:"".concat(o.spacing(1)+1,"px solid transparent"),margin:-1},close:{color:"".concat(o.palette.primary.text1,"!important")},hasClose:{},title:{fontSize:18,fontWeight:500,lineHeight:"24px",flex:"0 0 100%",overflow:"hidden","&$hasClose":{flexBasis:"calc(100% - 48px)"}},content:{flex:"0 0 100%"},button:{backgroundColor:"".concat(o.palette.primary.text1,"1a!important"),marginLeft:"auto!important","&:hover":{backgroundColor:"".concat(o.palette.primary.text1,"33!important")}}}}));export{t as useStyles};

package/components/IconButton/index.js

@@ -1,175 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-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", "size", "variant", "className", "data-testid"];
-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: {
-      borderRadius: '8px !important',
-      color: theme.palette.primary.text6,
-      padding: 6,
-      '&:hover': {
-        color: '#FFFFFF',
-        backgroundColor: 'rgba(255, 255, 255, 0.16)',
-        backdropFilter: 'blur(2px)',
-        '&.MuiIconButton-colorPrimary': {
-          color: theme.palette.primary.light
-        }
-      },
-      '&:active': {
-        color: '#FFFFFF',
-        '&.MuiIconButton-colorPrimary': {
-          color: theme.palette.primary.light
-        }
-      },
-      '&.Mui-disabled': {
-        pointerEvents: 'all',
-        opacity: 0.4,
-        color: '#FFFFFF',
-        backgroundColor: 'transparent',
-        '&.MuiIconButton-colorPrimary': {
-          color: theme.palette.primary.main
-        }
-      },
-      '& .MuiSvgIcon-root': {
-        color: 'inherit',
-        fontSize: 'inherit'
-      },
-      '& .MuiTouchRipple-child': {
-        borderRadius: 8,
-        backgroundColor: 'rgba(255, 255, 255, 0.16)'
-      }
-    },
-    colorPrimary: {
-      color: theme.palette.primary.main
-    },
-    sizeSmall: {
-      fontSize: 20,
-      padding: 6,
-      height: 32,
-      width: 32,
-      '& .i-icon, & .i-icon > svg': {
-        width: '20px !important',
-        height: '20px !important'
-      }
-    },
-    sizeLarge: {
-      '&.MuiButtonBase-root': {
-        padding: 8
-      }
-    },
-    contained: {
-      backgroundColor: 'rgba(255, 255, 255, 0.08)',
-      backdropFilter: 'blur(2px)',
-      '&:hover': {
-        backgroundColor: 'rgba(255, 255, 255, 0.16)'
-      }
-    },
-    containedDisabled: {
-      '&.MuiButtonBase-root': {
-        backgroundColor: 'rgba(255, 255, 255, 0.08)'
-      }
-    },
-    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)'
-      }
-    },
-    tooltipPopper: {
-      '& .MuiTooltip-tooltip': {
-        //@ts-ignore
-        backgroundColor: function backgroundColor(_ref) {
-          var variant = _ref.variant;
-          return variant === 'transparent' ? 'rgba(255, 255, 255, 0.2)' : theme.palette.background.b10;
-        }
-      }
-    },
-    active: {
-      '&.MuiButtonBase-root': {
-        color: theme.palette.primary.main,
-        backgroundColor: 'rgba(255, 255, 255, 0.12)',
-        '&.MuiIconButton-colorPrimary': {
-          color: theme.palette.primary.main
-        },
-        '&.transparent': {
-          color: theme.palette.primary.contrastText,
-          backgroundColor: 'rgba(255, 255, 255, 0.2)'
-        }
-      }
-    }
-  };
-});
-var IconButton = function IconButton(_ref2) {
-  var _classNames, _classNames2, _tooltipProps$classes;
-  var _ref2$tooltipProps = _ref2.tooltipProps,
-    tooltipProps = _ref2$tooltipProps === void 0 ? {
-      title: '',
-      classes: {}
-    } : _ref2$tooltipProps,
-    _ref2$isActive = _ref2.isActive,
-    isActive = _ref2$isActive === void 0 ? false : _ref2$isActive,
-    _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
-    _ref2$variant = _ref2.variant,
-    variant = _ref2$variant === void 0 ? 'default' : _ref2$variant,
-    className = _ref2.className,
-    _ref2$dataTestid = _ref2['data-testid'],
-    dataTestId = _ref2$dataTestid === void 0 ? 'IconButton' : _ref2$dataTestid,
-    otherProps = _objectWithoutProperties(_ref2, _excluded);
-  var _otherProps$classes = otherProps.classes,
-    classes = _otherProps$classes === void 0 ? {} : _otherProps$classes;
-  var styles = useStyles({
-    variant: variant
-  });
-  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
-  }, tooltipProps), {}, {
-    classes: _objectSpread(_objectSpread({}, tooltipProps.classes), {}, {
-      popper: classNames(styles.tooltipPopper, (_tooltipProps$classes = tooltipProps.classes) === null || _tooltipProps$classes === void 0 ? void 0 : _tooltipProps$classes.popper)
-    }),
-    children: /*#__PURE__*/jsx(IconButton$1, _objectSpread({
-      "data-testid": dataTestId,
-      classes: buttonClasses,
-      className: classNames(className, _defineProperty({}, styles.active, isActive), variant),
-      onPointerOver: function onPointerOver() {
-        return setIsTooltipShown(true);
-      },
-      onPointerOut: function onPointerOut() {
-        return setIsTooltipShown(false);
-      },
-      size: size
-    }, otherProps))
-  })) : /*#__PURE__*/jsx(IconButton$1, _objectSpread({
-    "data-testid": dataTestId,
-    classes: buttonClasses,
-    className: classNames(className, _defineProperty({}, styles.active, isActive), variant),
-    size: size
-  }, otherProps));
-};
-
-export { IconButton as default };
-//# sourceMappingURL=index.js.map
+import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import a from"classnames";import{makeStyles as i,Tooltip as e,IconButton as n}from"@material-ui/core";import{useState as l}from"react";var s=i((function(o){return{root:{borderRadius:"8px !important",color:o.palette.primary.text6,padding:6,"&:hover":{color:"#FFFFFF",backgroundColor:"rgba(255, 255, 255, 0.16)",backdropFilter:"blur(2px)","&.MuiIconButton-colorPrimary":{color:o.palette.primary.light}},"&:active":{color:"#FFFFFF","&.MuiIconButton-colorPrimary":{color:o.palette.primary.light}},"&.Mui-disabled":{pointerEvents:"all",opacity:.4,color:"#FFFFFF",backgroundColor:"transparent","&.MuiIconButton-colorPrimary":{color:o.palette.primary.main}},"& .MuiSvgIcon-root":{color:"inherit",fontSize:"inherit"},"& .MuiTouchRipple-child":{borderRadius:8,backgroundColor:"rgba(255, 255, 255, 0.16)"}},colorPrimary:{color:o.palette.primary.main},sizeSmall:{fontSize:20,padding:6,height:32,width:32,"& .i-icon, & .i-icon > svg":{width:"20px !important",height:"20px !important"}},sizeLarge:{"&.MuiButtonBase-root":{padding:8}},contained:{backgroundColor:"rgba(255, 255, 255, 0.08)",backdropFilter:"blur(2px)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},containedDisabled:{"&.MuiButtonBase-root":{backgroundColor:"rgba(255, 255, 255, 0.08)"}},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)"}},tooltipPopper:{"& .MuiTooltip-tooltip":{backgroundColor:function(r){return"transparent"===r.variant?"rgba(255, 255, 255, 0.2)":o.palette.background.b10}}},active:{"&.MuiButtonBase-root":{color:o.palette.primary.main,backgroundColor:"rgba(255, 255, 255, 0.12)","&.MuiIconButton-colorPrimary":{color:o.palette.primary.main},"&.transparent":{color:o.palette.primary.contrastText,backgroundColor:"rgba(255, 255, 255, 0.2)"}}}}})),c=function(i){var c,p,d,u,m,b=i.tooltipProps,g=void 0===b?{title:"",classes:{}}:b,v=i.isActive,F=void 0!==v&&v,y=i.size,h=void 0===y?"medium":y,k=i.variant,f=void 0===k?"default":k,B=i.className,P=i["data-testid"],z=void 0===P?"IconButton":P,C=o(i,["tooltipProps","isActive","size","variant","className","data-testid"]),M=C.classes,x=void 0===M?{}:M,I=s({variant:f}),S=l(!1),D=S[0],N=S[1],T=r(r({},x),{root:a(x.root,I.root,(c={},c[I.sizeLarge]="large"===h,c[I.contained]="contained"===f,c[I.transparent]="transparent"===f,c)),disabled:a(x.disabled,(p={},p[I.containedDisabled]="contained"===f,p[I.transparentDisabled]="transparent"===f,p)),colorPrimary:a(x.colorPrimary,I.colorPrimary),sizeSmall:a(x.sizeSmall,I.sizeSmall)});return g.title?t(e,r({open:D},g,{classes:r(r({},g.classes),{popper:a(I.tooltipPopper,null===(m=g.classes)||void 0===m?void 0:m.popper)}),children:t(n,r({"data-testid":z,classes:T,className:a(B,(d={},d[I.active]=F,d),f),onPointerOver:function(){return N(!0)},onPointerOut:function(){return N(!1)},size:h},C))})):t(n,r({"data-testid":z,classes:T,className:a(B,(u={},u[I.active]=F,u),f),size:h},C))};export{c as default};

package/components/IconMenu/index.js

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

package/components/Icons/AttachIcon.js

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

package/components/Icons/DangerousIcon.js

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

package/components/Icons/EmojiIcon.js

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

package/components/Icons/RecommendationIcon.js

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

package/components/Icons/SendIcon.js

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