@corva/ui 3.73.0-7 → 3.73.0-rc.0

package/components/FolderMenuItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/FolderMenuItem/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Tooltip, makeStyles } from '@material-ui/core';\nimport AddCircleIcon from '@material-ui/icons/AddCircle';\nimport ExpandLess from '@material-ui/icons/ExpandLess';\nimport ExpandMore from '@material-ui/icons/ExpandMore';\n\nimport IconButton from '../IconButton';\n\nimport { FolderIcon } from './components';\n\nconst useStyles = makeStyles(theme => ({\n  folderMenuItem: {\n    alignItems: 'center',\n    backgroundColor: theme.palette.background.b8,\n    color: '#FFFFFF',\n    cursor: 'pointer',\n    display: 'flex',\n    fontSize: '0.875rem',\n    fontWeight: '500',\n    height: 36,\n    justifyContent: 'space-between',\n    paddingLeft: 48,\n    paddingRight: 4,\n    position: 'relative',\n    width: '100%',\n    boxSizing: 'border-box',\n    '&:hover': {\n      backgroundColor: 'rgba(3, 188, 212, 0.07)',\n    },\n    '&:hover svg': {\n      visibility: 'visible',\n    },\n    '&:hover $addIcon': {\n      visibility: 'visible',\n    },\n    '&:hover $toggleIcon': {\n      visibility: 'visible',\n    },\n  },\n  addIcon: {\n    visibility: 'hidden',\n  },\n  toggleIcon: {\n    visibility: 'hidden',\n  },\n  folderMenuItemSelected: {\n    backgroundColor: 'rgba(3, 188, 212, 0.15) !important',\n    '&::before': {\n      left: 0,\n      height: '100%',\n      width: 4,\n      backgroundColor: theme.palette.primary.main,\n      position: 'absolute',\n      content: '\"\"',\n      borderRadius: '4px 0 0 4px',\n    },\n  },\n  addCircleIcon: {\n    visibility: 'hidden',\n  },\n  actions: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  folderIcon: {\n    position: 'absolute',\n    left: 24,\n    top: 8,\n  },\n  folderName: {\n    overflow: 'hidden',\n    marginRight: 4,\n    height: '36px',\n    lineHeight: '36px',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    userSelect: 'none',\n  },\n}));\n\nconst FolderMenuItem = ({\n  folderColor,\n  isCreatable,\n  isOpen,\n  isSelected,\n  name,\n  onAdd,\n  onClick,\n  onToggle,\n}) => {\n  const classes = useStyles();\n\n  const ToggleIcon = props => (\n    // eslint-disable-next-line react/jsx-indent\n    <Tooltip title={isOpen ? 'Collapse' : 'Expand'} placement=\"bottom-end\">\n      {isOpen ? <ExpandLess {...props} /> : <ExpandMore {...props} />}\n    </Tooltip>\n  );\n\n  const handleAddItem = e => {\n    e.stopPropagation();\n    onAdd();\n  };\n\n  const handleToggle = e => {\n    e.stopPropagation();\n    onToggle();\n  };\n\n  return (\n    <div\n      className={classNames(classes.folderMenuItem, {\n        [classes.folderMenuItemSelected]: isSelected,\n      })}\n      onClick={onClick}\n    >\n      <FolderIcon color={folderColor} isOpen={isOpen} className={classes.folderIcon} />\n      <div className={classes.folderName}>{name}</div>\n      <div className={classes.actions}>\n        {isCreatable && (\n          <Tooltip title=\"Add Page\" placement=\"bottom-end\">\n            <IconButton className={classes.addIcon} size=\"small\" onClick={handleAddItem}>\n              <AddCircleIcon fontSize=\"small\" />\n            </IconButton>\n          </Tooltip>\n        )}\n        <IconButton className={classes.toggleIcon} size=\"small\" onClick={handleToggle}>\n          <ToggleIcon fontSize=\"small\" />\n        </IconButton>\n      </div>\n    </div>\n  );\n};\n\nFolderMenuItem.propTypes = {\n  folderColor: PropTypes.string.isRequired,\n  isCreatable: PropTypes.bool,\n  isOpen: PropTypes.bool,\n  isSelected: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  onAdd: PropTypes.func.isRequired,\n  onClick: PropTypes.func.isRequired,\n  onToggle: PropTypes.func.isRequired,\n};\n\nFolderMenuItem.defaultProps = {\n  isCreatable: false,\n  isOpen: false,\n  isSelected: false,\n};\n\nexport default FolderMenuItem;\n"],"names":["useStyles","makeStyles","theme","folderMenuItem","alignItems","backgroundColor","palette","background","b8","color","cursor","display","fontSize","fontWeight","height","justifyContent","paddingLeft","paddingRight","position","width","boxSizing","visibility","addIcon","toggleIcon","folderMenuItemSelected","left","primary","main","content","borderRadius","addCircleIcon","actions","folderIcon","top","folderName","overflow","marginRight","lineHeight","whiteSpace","textOverflow","userSelect","FolderMenuItem","_ref","folderColor","isCreatable","isOpen","isSelected","name","onAdd","onClick","onToggle","classes","_jsxs","className","classNames","children","_jsx","FolderIcon","Tooltip","title","placement","IconButton","size","e","stopPropagation","AddCircleIcon","props","ExpandLess","ExpandMore","_objectSpread","propTypes","PropTypes","string","isRequired","bool","func","defaultProps"],"mappings":"4+BAWA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,eAAgB,CACdC,WAAY,SACZC,gBAAiBH,EAAMI,QAAQC,WAAWC,GAC1CC,MAAO,UACPC,OAAQ,UACRC,QAAS,OACTC,SAAU,WACVC,WAAY,MACZC,OAAQ,GACRC,eAAgB,gBAChBC,YAAa,GACbC,aAAc,EACdC,SAAU,WACVC,MAAO,OACPC,UAAW,aACX,UAAW,CACTf,gBAAiB,2BAEnB,cAAe,CACbgB,WAAY,WAEd,mBAAoB,CAClBA,WAAY,WAEd,sBAAuB,CACrBA,WAAY,YAGhBC,QAAS,CACPD,WAAY,UAEdE,WAAY,CACVF,WAAY,UAEdG,uBAAwB,CACtBnB,gBAAiB,qCACjB,YAAa,CACXoB,KAAM,EACNX,OAAQ,OACRK,MAAO,EACPd,gBAAiBH,EAAMI,QAAQoB,QAAQC,KACvCT,SAAU,WACVU,QAAS,KACTC,aAAc,gBAGlBC,cAAe,CACbT,WAAY,UAEdU,QAAS,CACPpB,QAAS,OACTP,WAAY,UAEd4B,WAAY,CACVd,SAAU,WACVO,KAAM,GACNQ,IAAK,GAEPC,WAAY,CACVC,SAAU,SACVC,YAAa,EACbtB,OAAQ,OACRuB,WAAY,OACZC,WAAY,SACZC,aAAc,WACdC,WAAY,QAEf,IAEKC,EAAiB,SASjBC,GAAA,IARJC,IAAAA,YACAC,IAAAA,YACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,KACAC,IAAAA,MACAC,IAAAA,QACAC,IAAAA,SAEMC,EAAUnD,IAmBhB,OACEoD,EAAA,MAAA,CACEC,UAAWC,EAAWH,EAAQhD,eAC3BgD,EAAAA,CAAAA,EAAAA,EAAQ3B,uBAAyBsB,IAEpCG,QAASA,EAAQM,SAAA,CAEjBC,EAACC,EAAU,CAAChD,MAAOkC,EAAaE,OAAQA,EAAQQ,UAAWF,EAAQnB,aACnEwB,EAAA,MAAA,CAAKH,UAAWF,EAAQjB,WAAWqB,SAAER,IACrCK,EAAA,MAAA,CAAKC,UAAWF,EAAQpB,QAAQwB,SAC7BX,CAAAA,GACCY,EAACE,EAAO,CAACC,MAAM,WAAWC,UAAU,aAAYL,SAC9CC,EAACK,EAAU,CAACR,UAAWF,EAAQ7B,QAASwC,KAAK,QAAQb,QAtBzC,SAAAc,GACpBA,EAAEC,kBACFhB,KAoBoFO,SAC1EC,EAACS,EAAa,CAACrD,SAAS,cAI9B4C,EAACK,EAAU,CAACR,UAAWF,EAAQ5B,WAAYuC,KAAK,QAAQb,QAtBzC,SAAAc,GACnBA,EAAEC,kBACFd,KAoBkFK,SAC5EC,GAnCW,SAAAU,GAAK,OAEtBV,EAACE,EAAO,CAACC,MAAOd,EAAS,WAAa,SAAUe,UAAU,aAAYL,SAC1DC,EAATX,EAAUsB,EAA4BC,EAAlBC,EAAA,CAAA,EAAKH,QAgCX,CAACtD,SAAS,iBAK/B,EAEA6B,EAAe6B,UAAY,CACzB3B,YAAa4B,EAAUC,OAAOC,WAC9B7B,YAAa2B,EAAUG,KACvB7B,OAAQ0B,EAAUG,KAClB5B,WAAYyB,EAAUG,KACtB3B,KAAMwB,EAAUC,OAAOC,WACvBzB,MAAOuB,EAAUI,KAAKF,WACtBxB,QAASsB,EAAUI,KAAKF,WACxBvB,SAAUqB,EAAUI,KAAKF,YAG3BhC,EAAemC,aAAe,CAC5BhC,aAAa,EACbC,QAAQ,EACRC,YAAY"}
+{"version":3,"file":"index.js","sources":["../../../src/components/FolderMenuItem/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Tooltip, makeStyles } from '@material-ui/core';\nimport AddCircleIcon from '@material-ui/icons/AddCircle';\nimport ExpandLess from '@material-ui/icons/ExpandLess';\nimport ExpandMore from '@material-ui/icons/ExpandMore';\n\nimport IconButton from '../IconButton';\n\nimport { FolderIcon } from './components';\n\nconst useStyles = makeStyles(theme => ({\n  folderMenuItem: {\n    alignItems: 'center',\n    backgroundColor: theme.palette.background.b8,\n    color: '#FFFFFF',\n    cursor: 'pointer',\n    display: 'flex',\n    fontSize: '0.875rem',\n    fontWeight: '500',\n    height: 36,\n    justifyContent: 'space-between',\n    paddingLeft: 48,\n    paddingRight: 4,\n    position: 'relative',\n    width: '100%',\n    boxSizing: 'border-box',\n    '&:hover': {\n      backgroundColor: 'rgba(3, 188, 212, 0.07)',\n    },\n    '&:hover svg': {\n      visibility: 'visible',\n    },\n    '&:hover $addIcon': {\n      visibility: 'visible',\n    },\n    '&:hover $toggleIcon': {\n      visibility: 'visible',\n    },\n  },\n  addIcon: {\n    visibility: 'hidden',\n  },\n  toggleIcon: {\n    visibility: 'hidden',\n  },\n  folderMenuItemSelected: {\n    backgroundColor: 'rgba(3, 188, 212, 0.15) !important',\n    '&::before': {\n      left: 0,\n      height: '100%',\n      width: 4,\n      backgroundColor: theme.palette.primary.main,\n      position: 'absolute',\n      content: '\"\"',\n      borderRadius: '4px 0 0 4px',\n    },\n  },\n  addCircleIcon: {\n    visibility: 'hidden',\n  },\n  actions: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  folderIcon: {\n    position: 'absolute',\n    left: 24,\n    top: 8,\n  },\n  folderName: {\n    overflow: 'hidden',\n    marginRight: 4,\n    height: '36px',\n    lineHeight: '36px',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    userSelect: 'none',\n  },\n}));\n\nconst FolderMenuItem = ({\n  folderColor,\n  isCreatable = false,\n  isOpen = false,\n  isSelected = false,\n  name,\n  onAdd,\n  onClick,\n  onToggle,\n}) => {\n  const classes = useStyles();\n\n  const ToggleIcon = props => (\n    // eslint-disable-next-line react/jsx-indent\n    <Tooltip title={isOpen ? 'Collapse' : 'Expand'} placement=\"bottom-end\">\n      {isOpen ? <ExpandLess {...props} /> : <ExpandMore {...props} />}\n    </Tooltip>\n  );\n\n  const handleAddItem = e => {\n    e.stopPropagation();\n    onAdd();\n  };\n\n  const handleToggle = e => {\n    e.stopPropagation();\n    onToggle();\n  };\n\n  return (\n    <div\n      className={classNames(classes.folderMenuItem, {\n        [classes.folderMenuItemSelected]: isSelected,\n      })}\n      onClick={onClick}\n    >\n      <FolderIcon color={folderColor} isOpen={isOpen} className={classes.folderIcon} />\n      <div className={classes.folderName}>{name}</div>\n      <div className={classes.actions}>\n        {isCreatable && (\n          <Tooltip title=\"Add Page\" placement=\"bottom-end\">\n            <IconButton className={classes.addIcon} size=\"small\" onClick={handleAddItem}>\n              <AddCircleIcon fontSize=\"small\" />\n            </IconButton>\n          </Tooltip>\n        )}\n        <IconButton className={classes.toggleIcon} size=\"small\" onClick={handleToggle}>\n          <ToggleIcon fontSize=\"small\" />\n        </IconButton>\n      </div>\n    </div>\n  );\n};\n\nFolderMenuItem.propTypes = {\n  folderColor: PropTypes.string.isRequired,\n  isCreatable: PropTypes.bool,\n  isOpen: PropTypes.bool,\n  isSelected: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  onAdd: PropTypes.func.isRequired,\n  onClick: PropTypes.func.isRequired,\n  onToggle: PropTypes.func.isRequired,\n};\n\nexport default FolderMenuItem;\n"],"names":["useStyles","makeStyles","theme","folderMenuItem","alignItems","backgroundColor","palette","background","b8","color","cursor","display","fontSize","fontWeight","height","justifyContent","paddingLeft","paddingRight","position","width","boxSizing","visibility","addIcon","toggleIcon","folderMenuItemSelected","left","primary","main","content","borderRadius","addCircleIcon","actions","folderIcon","top","folderName","overflow","marginRight","lineHeight","whiteSpace","textOverflow","userSelect","FolderMenuItem","_ref","folderColor","_ref$isCreatable","isCreatable","_ref$isOpen","isOpen","_ref$isSelected","isSelected","name","onAdd","onClick","onToggle","classes","_jsxs","className","classNames","children","_jsx","FolderIcon","Tooltip","title","placement","IconButton","size","e","stopPropagation","AddCircleIcon","props","ExpandLess","ExpandMore","_objectSpread","propTypes","PropTypes","string","isRequired","bool","func"],"mappings":"4+BAWA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,eAAgB,CACdC,WAAY,SACZC,gBAAiBH,EAAMI,QAAQC,WAAWC,GAC1CC,MAAO,UACPC,OAAQ,UACRC,QAAS,OACTC,SAAU,WACVC,WAAY,MACZC,OAAQ,GACRC,eAAgB,gBAChBC,YAAa,GACbC,aAAc,EACdC,SAAU,WACVC,MAAO,OACPC,UAAW,aACX,UAAW,CACTf,gBAAiB,2BAEnB,cAAe,CACbgB,WAAY,WAEd,mBAAoB,CAClBA,WAAY,WAEd,sBAAuB,CACrBA,WAAY,YAGhBC,QAAS,CACPD,WAAY,UAEdE,WAAY,CACVF,WAAY,UAEdG,uBAAwB,CACtBnB,gBAAiB,qCACjB,YAAa,CACXoB,KAAM,EACNX,OAAQ,OACRK,MAAO,EACPd,gBAAiBH,EAAMI,QAAQoB,QAAQC,KACvCT,SAAU,WACVU,QAAS,KACTC,aAAc,gBAGlBC,cAAe,CACbT,WAAY,UAEdU,QAAS,CACPpB,QAAS,OACTP,WAAY,UAEd4B,WAAY,CACVd,SAAU,WACVO,KAAM,GACNQ,IAAK,GAEPC,WAAY,CACVC,SAAU,SACVC,YAAa,EACbtB,OAAQ,OACRuB,WAAY,OACZC,WAAY,SACZC,aAAc,WACdC,WAAY,QAEf,IAEKC,EAAiB,SASjBC,GAAA,IARJC,IAAAA,YAAWC,EAAAF,EACXG,YAAAA,cAAmBD,EAAAE,EAAAJ,EACnBK,OAAAA,cAAcD,EAAAE,EAAAN,EACdO,WAAAA,cAAkBD,EAClBE,IAAAA,KACAC,IAAAA,MACAC,IAAAA,QACAC,IAAAA,SAEMC,EAAUtD,IAmBhB,OACEuD,EAAA,MAAA,CACEC,UAAWC,EAAWH,EAAQnD,eAC3BmD,EAAAA,CAAAA,EAAAA,EAAQ9B,uBAAyByB,IAEpCG,QAASA,EAAQM,SAAA,CAEjBC,EAACC,EAAU,CAACnD,MAAOkC,EAAaI,OAAQA,EAAQS,UAAWF,EAAQtB,aACnE2B,EAAA,MAAA,CAAKH,UAAWF,EAAQpB,WAAWwB,SAAER,IACrCK,EAAA,MAAA,CAAKC,UAAWF,EAAQvB,QAAQ2B,SAC7Bb,CAAAA,GACCc,EAACE,EAAO,CAACC,MAAM,WAAWC,UAAU,aAAYL,SAC9CC,EAACK,EAAU,CAACR,UAAWF,EAAQhC,QAAS2C,KAAK,QAAQb,QAtBzC,SAAAc,GACpBA,EAAEC,kBACFhB,KAoBoFO,SAC1EC,EAACS,EAAa,CAACxD,SAAS,cAI9B+C,EAACK,EAAU,CAACR,UAAWF,EAAQ/B,WAAY0C,KAAK,QAAQb,QAtBzC,SAAAc,GACnBA,EAAEC,kBACFd,KAoBkFK,SAC5EC,GAnCW,SAAAU,GAAK,OAEtBV,EAACE,EAAO,CAACC,MAAOf,EAAS,WAAa,SAAUgB,UAAU,aAAYL,SAC1DC,EAATZ,EAAUuB,EAA4BC,EAAlBC,EAAA,CAAA,EAAKH,QAgCX,CAACzD,SAAS,iBAK/B,EAEA6B,EAAegC,UAAY,CACzB9B,YAAa+B,EAAUC,OAAOC,WAC9B/B,YAAa6B,EAAUG,KACvB9B,OAAQ2B,EAAUG,KAClB5B,WAAYyB,EAAUG,KACtB3B,KAAMwB,EAAUC,OAAOC,WACvBzB,MAAOuB,EAAUI,KAAKF,WACtBxB,QAASsB,EAAUI,KAAKF,WACxBvB,SAAUqB,EAAUI,KAAKF"}

package/components/FolderMenuItemWithLinks/index.d.ts

@@ -2,12 +2,12 @@ import PropTypes from 'prop-types';
 declare function FolderMenuItemWithLinks({ folderColor, id, isCreatable, isOpen: initialIsOpen, items, name, onAdd, onFolderClick, onItemClick, onSave, selectedItemId, }: {
     folderColor: any;
     id: any;
-    isCreatable: any;
-    isOpen: any;
-    items: any;
+    isCreatable?: boolean | undefined;
+    isOpen?: boolean | undefined;
+    items?: any[] | undefined;
     name: any;
     onAdd: any;
-    onFolderClick: any;
+    onFolderClick?: typeof DEFAULT_FOLDER_MENU_ITEM_WITH_LINKS_ON_FOLDER_CLICK | undefined;
     onItemClick: any;
     onSave: any;
     selectedItemId: any;
@@ -31,12 +31,7 @@ declare namespace FolderMenuItemWithLinks {
         onSave: PropTypes.Validator<(...args: any[]) => any>;
         onAdd: PropTypes.Validator<(...args: any[]) => any>;
     };
-    var defaultProps: {
-        isCreatable: boolean;
-        isOpen: boolean;
-        items: never[];
-        onFolderClick: () => void;
-    };
 }
+declare const DEFAULT_FOLDER_MENU_ITEM_WITH_LINKS_ON_FOLDER_CLICK: () => void;
 export default FolderMenuItemWithLinks;
 //# sourceMappingURL=index.d.ts.map

package/components/FolderMenuItemWithLinks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FolderMenuItemWithLinks/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;yCAMF,EAC/B,WAAW,EACX,EAAE,EACF,WAAW,EACX,MAAM,EAAE,aAAa,EACrB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,aAAa,EACb,WAAW,EACX,MAAM,EACN,cAAc,GACf;;;;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;eA2Ec,uBAAuB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FolderMenuItemWithLinks/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;yCAMF,EAC/B,WAAW,EACX,EAAE,EACF,WAAmB,EACnB,MAAM,EAAE,aAAoB,EAC5B,KAAiD,EACjD,IAAI,EACJ,KAAK,EACL,aAAmE,EACnE,WAAW,EACX,MAAM,EACN,cAAc,GACf;;;;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;;;;;AAqED,QAAA,MAAM,mDAAmD,YAAW,CAAC;eAEtD,uBAAuB"}

package/components/FolderMenuItemWithLinks/index.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as i}from"react";import r from"prop-types";import{Collapse as t,List as n}from"@material-ui/core";import o from"../FolderMenuItem/index.js";import"../EditableItem/EditableItem/index.js";import d from"../EditableItem/EditableItemWithBadge/index.js";import{jsxs as l,jsx as s}from"react/jsx-runtime";var u=function(r){var u=r.folderColor,a=r.id,m=r.isCreatable,c=r.isOpen,f=r.items,p=r.name,b=r.onAdd,C=r.onFolderClick,g=r.onItemClick,I=r.onSave,q=r.selectedItemId,R=i(c),E=e(R,2),k=E[0],v=E[1],h=function(e){return function(){return g(e)}},x=function(e){return function(i){return I({id:e,title:i})}};return l("div",{children:[s(o,{folderColor:u,isCreatable:m,isOpen:k,isSelected:q===a,name:p,onAdd:function(){return b(a)},onClick:function(){k||v(!0),q!==a&&C()},onToggle:function(){return v(!k)}}),s(t,{in:k,timeout:"auto",unmountOnExit:!0,children:s(n,{disablePadding:!0,children:f.map((function(e){return s(d,{isEditable:e.isEditable,isSelected:q===e.id,onClick:h(e),onSave:x(e.id),value:e.title},e.id)}))})})]})};u.propTypes={id:r.string.isRequired,isOpen:r.bool,selectedItemId:r.string.isRequired,items:r.arrayOf(r.shape({id:r.string.isRequired,title:r.string.isRequired,isEditable:r.bool,url:r.string.isRequired})),name:r.string.isRequired,onItemClick:r.func.isRequired,onFolderClick:r.func,folderColor:r.string.isRequired,isCreatable:r.bool,onSave:r.func.isRequired,onAdd:r.func.isRequired},u.defaultProps={isCreatable:!1,isOpen:!0,items:[],onFolderClick:function(){}};export{u as default};
+import e from"@babel/runtime/helpers/slicedToArray";import{useState as i}from"react";import r from"prop-types";import{Collapse as t,List as n}from"@material-ui/core";import o from"../FolderMenuItem/index.js";import"../EditableItem/EditableItem/index.js";import d from"../EditableItem/EditableItemWithBadge/index.js";import{jsxs as l,jsx as s}from"react/jsx-runtime";var u=function(r){var u=r.folderColor,c=r.id,f=r.isCreatable,p=void 0!==f&&f,b=r.isOpen,v=void 0===b||b,C=r.items,g=void 0===C?a:C,I=r.name,q=r.onAdd,R=r.onFolderClick,E=void 0===R?m:R,h=r.onItemClick,k=r.onSave,x=r.selectedItemId,O=i(v),S=e(O,2),j=S[0],y=S[1],A=function(e){return function(){return h(e)}},F=function(e){return function(i){return k({id:e,title:i})}};return l("div",{children:[s(o,{folderColor:u,isCreatable:p,isOpen:j,isSelected:x===c,name:I,onAdd:function(){return q(c)},onClick:function(){j||y(!0),x!==c&&E()},onToggle:function(){return y(!j)}}),s(t,{in:j,timeout:"auto",unmountOnExit:!0,children:s(n,{disablePadding:!0,children:g.map((function(e){return s(d,{isEditable:e.isEditable,isSelected:x===e.id,onClick:A(e),onSave:F(e.id),value:e.title},e.id)}))})})]})};u.propTypes={id:r.string.isRequired,isOpen:r.bool,selectedItemId:r.string.isRequired,items:r.arrayOf(r.shape({id:r.string.isRequired,title:r.string.isRequired,isEditable:r.bool,url:r.string.isRequired})),name:r.string.isRequired,onItemClick:r.func.isRequired,onFolderClick:r.func,folderColor:r.string.isRequired,isCreatable:r.bool,onSave:r.func.isRequired,onAdd:r.func.isRequired};var a=[],m=function(){};export{u as default};
 //# sourceMappingURL=index.js.map

package/components/FolderMenuItemWithLinks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/FolderMenuItemWithLinks/index.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Collapse, List } from '@material-ui/core';\n\nimport FolderMenuItem from '../FolderMenuItem';\nimport { EditableItemWithBadge } from '../EditableItem';\n\nconst FolderMenuItemWithLinks = ({\n  folderColor,\n  id,\n  isCreatable,\n  isOpen: initialIsOpen,\n  items,\n  name,\n  onAdd,\n  onFolderClick,\n  onItemClick,\n  onSave,\n  selectedItemId,\n}) => {\n  const [isOpen, setIsOpen] = useState(initialIsOpen);\n\n  // eslint-disable-next-line consistent-return\n  const handleFolderClick = () => {\n    if (!isOpen) {\n      setIsOpen(true);\n    }\n    if (selectedItemId !== id) {\n      onFolderClick();\n    }\n  };\n\n  const getItemClickHandler = item => () => onItemClick(item);\n\n  const getSaveHandler = id => title => onSave({ id, title });\n\n  return (\n    <div>\n      <FolderMenuItem\n        folderColor={folderColor}\n        isCreatable={isCreatable}\n        isOpen={isOpen}\n        isSelected={selectedItemId === id}\n        name={name}\n        onAdd={() => onAdd(id)}\n        onClick={handleFolderClick}\n        onToggle={() => setIsOpen(!isOpen)}\n      />\n      <Collapse in={isOpen} timeout=\"auto\" unmountOnExit>\n        <List disablePadding>\n          {items.map(item => (\n            <EditableItemWithBadge\n              isEditable={item.isEditable}\n              isSelected={selectedItemId === item.id}\n              key={item.id}\n              onClick={getItemClickHandler(item)}\n              onSave={getSaveHandler(item.id)}\n              value={item.title}\n            />\n          ))}\n        </List>\n      </Collapse>\n    </div>\n  );\n};\n\nFolderMenuItemWithLinks.propTypes = {\n  id: PropTypes.string.isRequired,\n  isOpen: PropTypes.bool,\n  selectedItemId: PropTypes.string.isRequired,\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      isEditable: PropTypes.bool,\n      url: PropTypes.string.isRequired,\n    })\n  ),\n  name: PropTypes.string.isRequired,\n  onItemClick: PropTypes.func.isRequired,\n  onFolderClick: PropTypes.func,\n  folderColor: PropTypes.string.isRequired,\n  isCreatable: PropTypes.bool,\n  onSave: PropTypes.func.isRequired,\n  onAdd: PropTypes.func.isRequired,\n};\n\nFolderMenuItemWithLinks.defaultProps = {\n  isCreatable: false,\n  isOpen: true,\n  items: [],\n  onFolderClick: () => {},\n};\n\nexport default FolderMenuItemWithLinks;\n"],"names":["FolderMenuItemWithLinks","_ref","folderColor","id","isCreatable","initialIsOpen","isOpen","items","name","onAdd","onFolderClick","onItemClick","onSave","selectedItemId","useState","_useState2","_slicedToArray","_useState","setIsOpen","getItemClickHandler","item","getSaveHandler","title","_jsxs","children","_jsx","FolderMenuItem","isSelected","onClick","onToggle","Collapse","in","timeout","unmountOnExit","List","disablePadding","map","EditableItemWithBadge","isEditable","value","propTypes","PropTypes","string","isRequired","bool","arrayOf","shape","url","func","defaultProps"],"mappings":"8WAOA,IAAMA,EAA0B,SAY1BC,GAAA,IAXJC,IAAAA,YACAC,IAAAA,GACAC,IAAAA,YACQC,IAARC,OACAC,IAAAA,MACAC,IAAAA,KACAC,IAAAA,MACAC,IAAAA,cACAC,IAAAA,YACAC,IAAAA,OACAC,IAAAA,eAE4BC,EAAAA,EAAST,GAAcU,EAAAC,EAAAC,EAAA,GAA5CX,EAAMS,EAAA,GAAEG,EAASH,EAAA,GAYlBI,EAAsB,SAAAC,GAAI,OAAI,WAAA,OAAMT,EAAYS,EAAK,CAAA,EAErDC,EAAiB,SAAAlB,GAAE,OAAI,SAAAmB,GAAK,OAAIV,EAAO,CAAET,GAAAA,EAAImB,MAAAA,GAAQ,CAAA,EAE3D,OACEC,EAAA,MAAA,CAAAC,SAAA,CACEC,EAACC,EAAc,CACbxB,YAAaA,EACbE,YAAaA,EACbE,OAAQA,EACRqB,WAAYd,IAAmBV,EAC/BK,KAAMA,EACNC,MAAO,WAAA,OAAMA,EAAMN,EAAI,EACvByB,QAtBoB,WACnBtB,GACHY,GAAU,GAERL,IAAmBV,GACrBO,KAkBEmB,SAAU,WAAA,OAAMX,GAAWZ,EAAO,IAEpCmB,EAACK,EAAQ,CAACC,GAAIzB,EAAQ0B,QAAQ,OAAOC,eAAa,EAAAT,SAChDC,EAACS,EAAI,CAACC,gBAAc,EAAAX,SACjBjB,EAAM6B,KAAI,SAAAhB,GAAI,OACbK,EAACY,EAAqB,CACpBC,WAAYlB,EAAKkB,WACjBX,WAAYd,IAAmBO,EAAKjB,GAEpCyB,QAAST,EAAoBC,GAC7BR,OAAQS,EAAeD,EAAKjB,IAC5BoC,MAAOnB,EAAKE,OAHPF,EAAKjB,aAUxB,EAEAH,EAAwBwC,UAAY,CAClCrC,GAAIsC,EAAUC,OAAOC,WACrBrC,OAAQmC,EAAUG,KAClB/B,eAAgB4B,EAAUC,OAAOC,WACjCpC,MAAOkC,EAAUI,QACfJ,EAAUK,MAAM,CACd3C,GAAIsC,EAAUC,OAAOC,WACrBrB,MAAOmB,EAAUC,OAAOC,WACxBL,WAAYG,EAAUG,KACtBG,IAAKN,EAAUC,OAAOC,cAG1BnC,KAAMiC,EAAUC,OAAOC,WACvBhC,YAAa8B,EAAUO,KAAKL,WAC5BjC,cAAe+B,EAAUO,KACzB9C,YAAauC,EAAUC,OAAOC,WAC9BvC,YAAaqC,EAAUG,KACvBhC,OAAQ6B,EAAUO,KAAKL,WACvBlC,MAAOgC,EAAUO,KAAKL,YAGxB3C,EAAwBiD,aAAe,CACrC7C,aAAa,EACbE,QAAQ,EACRC,MAAO,GACPG,cAAe,WAAO"}
+{"version":3,"file":"index.js","sources":["../../../src/components/FolderMenuItemWithLinks/index.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Collapse, List } from '@material-ui/core';\n\nimport FolderMenuItem from '../FolderMenuItem';\nimport { EditableItemWithBadge } from '../EditableItem';\n\nconst FolderMenuItemWithLinks = ({\n  folderColor,\n  id,\n  isCreatable = false,\n  isOpen: initialIsOpen = true,\n  items = DEFAULT_FOLDER_MENU_ITEM_WITH_LINKS_ITEMS,\n  name,\n  onAdd,\n  onFolderClick = DEFAULT_FOLDER_MENU_ITEM_WITH_LINKS_ON_FOLDER_CLICK,\n  onItemClick,\n  onSave,\n  selectedItemId,\n}) => {\n  const [isOpen, setIsOpen] = useState(initialIsOpen);\n\n  // eslint-disable-next-line consistent-return\n  const handleFolderClick = () => {\n    if (!isOpen) {\n      setIsOpen(true);\n    }\n    if (selectedItemId !== id) {\n      onFolderClick();\n    }\n  };\n\n  const getItemClickHandler = item => () => onItemClick(item);\n\n  const getSaveHandler = id => title => onSave({ id, title });\n\n  return (\n    <div>\n      <FolderMenuItem\n        folderColor={folderColor}\n        isCreatable={isCreatable}\n        isOpen={isOpen}\n        isSelected={selectedItemId === id}\n        name={name}\n        onAdd={() => onAdd(id)}\n        onClick={handleFolderClick}\n        onToggle={() => setIsOpen(!isOpen)}\n      />\n      <Collapse in={isOpen} timeout=\"auto\" unmountOnExit>\n        <List disablePadding>\n          {items.map(item => (\n            <EditableItemWithBadge\n              isEditable={item.isEditable}\n              isSelected={selectedItemId === item.id}\n              key={item.id}\n              onClick={getItemClickHandler(item)}\n              onSave={getSaveHandler(item.id)}\n              value={item.title}\n            />\n          ))}\n        </List>\n      </Collapse>\n    </div>\n  );\n};\n\nFolderMenuItemWithLinks.propTypes = {\n  id: PropTypes.string.isRequired,\n  isOpen: PropTypes.bool,\n  selectedItemId: PropTypes.string.isRequired,\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      isEditable: PropTypes.bool,\n      url: PropTypes.string.isRequired,\n    })\n  ),\n  name: PropTypes.string.isRequired,\n  onItemClick: PropTypes.func.isRequired,\n  onFolderClick: PropTypes.func,\n  folderColor: PropTypes.string.isRequired,\n  isCreatable: PropTypes.bool,\n  onSave: PropTypes.func.isRequired,\n  onAdd: PropTypes.func.isRequired,\n};\n\nconst DEFAULT_FOLDER_MENU_ITEM_WITH_LINKS_ITEMS = [];\nconst DEFAULT_FOLDER_MENU_ITEM_WITH_LINKS_ON_FOLDER_CLICK = () => {};\n\nexport default FolderMenuItemWithLinks;\n"],"names":["FolderMenuItemWithLinks","_ref","folderColor","id","_ref$isCreatable","isCreatable","_ref$isOpen","isOpen","initialIsOpen","_ref$items","items","DEFAULT_FOLDER_MENU_ITEM_WITH_LINKS_ITEMS","name","onAdd","_ref$onFolderClick","onFolderClick","DEFAULT_FOLDER_MENU_ITEM_WITH_LINKS_ON_FOLDER_CLICK","onItemClick","onSave","selectedItemId","useState","_useState2","_slicedToArray","_useState","setIsOpen","getItemClickHandler","item","getSaveHandler","title","_jsxs","children","_jsx","FolderMenuItem","isSelected","onClick","onToggle","Collapse","in","timeout","unmountOnExit","List","disablePadding","map","EditableItemWithBadge","isEditable","value","propTypes","PropTypes","string","isRequired","bool","arrayOf","shape","url","func"],"mappings":"8WAOA,IAAMA,EAA0B,SAY1BC,GAAA,IAXJC,IAAAA,YACAC,IAAAA,GAAEC,EAAAH,EACFI,YAAAA,cAAmBD,EAAAE,EAAAL,EACnBM,OAAQC,cAAoBF,EAAAG,EAAAR,EAC5BS,MAAAA,aAAQC,EAAyCF,EACjDG,IAAAA,KACAC,IAAAA,MAAKC,EAAAb,EACLc,cAAAA,aAAgBC,EAAmDF,EACnEG,IAAAA,YACAC,IAAAA,OACAC,IAAAA,eAE4BC,EAAAA,EAASZ,GAAca,EAAAC,EAAAC,EAAA,GAA5ChB,EAAMc,EAAA,GAAEG,EAASH,EAAA,GAYlBI,EAAsB,SAAAC,GAAI,OAAI,WAAA,OAAMT,EAAYS,EAAK,CAAA,EAErDC,EAAiB,SAAAxB,GAAE,OAAI,SAAAyB,GAAK,OAAIV,EAAO,CAAEf,GAAAA,EAAIyB,MAAAA,GAAQ,CAAA,EAE3D,OACEC,EAAA,MAAA,CAAAC,SAAA,CACEC,EAACC,EAAc,CACb9B,YAAaA,EACbG,YAAaA,EACbE,OAAQA,EACR0B,WAAYd,IAAmBhB,EAC/BS,KAAMA,EACNC,MAAO,WAAA,OAAMA,EAAMV,EAAI,EACvB+B,QAtBoB,WACnB3B,GACHiB,GAAU,GAERL,IAAmBhB,GACrBY,KAkBEoB,SAAU,WAAA,OAAMX,GAAWjB,EAAO,IAEpCwB,EAACK,EAAQ,CAACC,GAAI9B,EAAQ+B,QAAQ,OAAOC,eAAa,EAAAT,SAChDC,EAACS,EAAI,CAACC,gBAAc,EAAAX,SACjBpB,EAAMgC,KAAI,SAAAhB,GAAI,OACbK,EAACY,EAAqB,CACpBC,WAAYlB,EAAKkB,WACjBX,WAAYd,IAAmBO,EAAKvB,GAEpC+B,QAAST,EAAoBC,GAC7BR,OAAQS,EAAeD,EAAKvB,IAC5B0C,MAAOnB,EAAKE,OAHPF,EAAKvB,aAUxB,EAEAH,EAAwB8C,UAAY,CAClC3C,GAAI4C,EAAUC,OAAOC,WACrB1C,OAAQwC,EAAUG,KAClB/B,eAAgB4B,EAAUC,OAAOC,WACjCvC,MAAOqC,EAAUI,QACfJ,EAAUK,MAAM,CACdjD,GAAI4C,EAAUC,OAAOC,WACrBrB,MAAOmB,EAAUC,OAAOC,WACxBL,WAAYG,EAAUG,KACtBG,IAAKN,EAAUC,OAAOC,cAG1BrC,KAAMmC,EAAUC,OAAOC,WACvBhC,YAAa8B,EAAUO,KAAKL,WAC5BlC,cAAegC,EAAUO,KACzBpD,YAAa6C,EAAUC,OAAOC,WAC9B5C,YAAa0C,EAAUG,KACvBhC,OAAQ6B,EAAUO,KAAKL,WACvBpC,MAAOkC,EAAUO,KAAKL,YAGxB,IAAMtC,EAA4C,GAC5CK,EAAsD,WAAQ"}

package/components/Formula/RootXIcon.d.ts

@@ -1,14 +1,11 @@
 import PropTypes from 'prop-types';
 declare function RootXIcon({ color }: {
-    color: any;
+    color?: string | undefined;
 }): import("react").JSX.Element;
 declare namespace RootXIcon {
     var propTypes: {
         color: PropTypes.Requireable<string>;
     };
-    var defaultProps: {
-        color: string;
-    };
 }
 export default RootXIcon;
 //# sourceMappingURL=RootXIcon.d.ts.map

package/components/Formula/RootXIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RootXIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Formula/RootXIcon.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;2BAEhB,EAAE,KAAK,EAAE;;CAAA;;;;;;;;;eAkCb,SAAS"}
+{"version":3,"file":"RootXIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Formula/RootXIcon.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;2BAEhB,EAAE,KAAiB,EAAE;;CAAA;;;;;;eA8BzB,SAAS"}

package/components/Formula/RootXIcon.js

@@ -1,2 +1,2 @@
-import r from"prop-types";import{jsxs as o,jsx as t}from"react/jsx-runtime";var e=function(r){var e=r.color;return o("svg",{width:"12",height:"10",viewBox:"0 0 12 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M11.25 1.25H6L3.75 9.5L2.25 5.75H0.75",stroke:e,strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),t("path",{d:"M6.75 5.375L10.5 9.5",stroke:e,strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),t("path",{d:"M10.5 5.375L6.75 9.5",stroke:e,strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})]})};e.propTypes={color:r.string},e.defaultProps={color:"#03BCD4"};export{e as default};
+import r from"prop-types";import{jsxs as o,jsx as t}from"react/jsx-runtime";var e=function(r){var e=r.color,i=void 0===e?"#03BCD4":e;return o("svg",{width:"12",height:"10",viewBox:"0 0 12 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M11.25 1.25H6L3.75 9.5L2.25 5.75H0.75",stroke:i,strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),t("path",{d:"M6.75 5.375L10.5 9.5",stroke:i,strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),t("path",{d:"M10.5 5.375L6.75 9.5",stroke:i,strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})]})};e.propTypes={color:r.string};export{e as default};
 //# sourceMappingURL=RootXIcon.js.map

package/components/Formula/RootXIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"RootXIcon.js","sources":["../../../src/components/Formula/RootXIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst RootXIcon = ({ color }) => (\n  <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M11.25 1.25H6L3.75 9.5L2.25 5.75H0.75\"\n      stroke={color}\n      strokeMiterlimit=\"10\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M6.75 5.375L10.5 9.5\"\n      stroke={color}\n      strokeMiterlimit=\"10\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M10.5 5.375L6.75 9.5\"\n      stroke={color}\n      strokeMiterlimit=\"10\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nRootXIcon.propTypes = {\n  color: PropTypes.string,\n};\n\nRootXIcon.defaultProps = {\n  color: '#03BCD4',\n};\n\nexport default RootXIcon;\n"],"names":["RootXIcon","_ref","color","_jsxs","width","height","viewBox","fill","xmlns","children","_jsx","d","stroke","strokeMiterlimit","strokeLinecap","strokeLinejoin","propTypes","PropTypes","string","defaultProps"],"mappings":"4EAEMA,IAAAA,EAAY,SAAHC,GAAA,IAAMC,IAAAA,MAAK,OACxBC,EAAA,MAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SAC5F,CAAAC,EAAA,OAAA,CACEC,EAAE,wCACFC,OAAQV,EACRW,iBAAiB,KACjBC,cAAc,QACdC,eAAe,UAEjBL,EAAA,OAAA,CACEC,EAAE,uBACFC,OAAQV,EACRW,iBAAiB,KACjBC,cAAc,QACdC,eAAe,UAEjBL,EAAA,OAAA,CACEC,EAAE,uBACFC,OAAQV,EACRW,iBAAiB,KACjBC,cAAc,QACdC,eAAe,YAEb,EAGRf,EAAUgB,UAAY,CACpBd,MAAOe,EAAUC,QAGnBlB,EAAUmB,aAAe,CACvBjB,MAAO"}
+{"version":3,"file":"RootXIcon.js","sources":["../../../src/components/Formula/RootXIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst RootXIcon = ({ color = '#03BCD4' }) => (\n  <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M11.25 1.25H6L3.75 9.5L2.25 5.75H0.75\"\n      stroke={color}\n      strokeMiterlimit=\"10\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M6.75 5.375L10.5 9.5\"\n      stroke={color}\n      strokeMiterlimit=\"10\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M10.5 5.375L6.75 9.5\"\n      stroke={color}\n      strokeMiterlimit=\"10\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nRootXIcon.propTypes = {\n  color: PropTypes.string,\n};\n\nexport default RootXIcon;\n"],"names":["RootXIcon","_ref","_ref$color","color","_jsxs","width","height","viewBox","fill","xmlns","children","_jsx","d","stroke","strokeMiterlimit","strokeLinecap","strokeLinejoin","propTypes","PropTypes","string"],"mappings":"4EAEMA,IAAAA,EAAY,SAAHC,GAAA,IAAAC,EAAAD,EAAME,MAAAA,aAAQ,UAASD,EAAA,OACpCE,EAAA,MAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SAC5F,CAAAC,EAAA,OAAA,CACEC,EAAE,wCACFC,OAAQV,EACRW,iBAAiB,KACjBC,cAAc,QACdC,eAAe,UAEjBL,EAAA,OAAA,CACEC,EAAE,uBACFC,OAAQV,EACRW,iBAAiB,KACjBC,cAAc,QACdC,eAAe,UAEjBL,EAAA,OAAA,CACEC,EAAE,uBACFC,OAAQV,EACRW,iBAAiB,KACjBC,cAAc,QACdC,eAAe,YAEb,EAGRhB,EAAUiB,UAAY,CACpBd,MAAOe,EAAUC"}

package/components/GoogleDocsViewer/index.d.ts

@@ -1,11 +1,11 @@
 import PropTypes from 'prop-types';
 declare function GoogleDocsViewer({ fileUrl, fileSize, fileName, webviewType, onClose, 'data-testid': dataTestId, }: {
-    "data-testid": any;
+    "data-testid"?: string | undefined;
     fileName: any;
     fileSize: any;
     fileUrl: any;
     onClose: any;
-    webviewType: any;
+    webviewType?: string | undefined;
 }): import("react").JSX.Element;
 declare namespace GoogleDocsViewer {
     var propTypes: {
@@ -16,12 +16,6 @@ declare namespace GoogleDocsViewer {
         onClose: PropTypes.Validator<(...args: any[]) => any>;
         'data-testid': PropTypes.Requireable<string>;
     };
-    var defaultProps: {
-        fileName: undefined;
-        fileSize: undefined;
-        webviewType: string;
-        'data-testid': string;
-    };
 }
 export default GoogleDocsViewer;
 //# sourceMappingURL=index.d.ts.map

package/components/GoogleDocsViewer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GoogleDocsViewer/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;kCAaT,EACxB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,aAAa,EAAE,UAAU,GAC1B;;;;;;;CAAA;;;;;;;;;;;;;;;;;eA8Gc,gBAAgB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GoogleDocsViewer/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;kCAaT,EACxB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAsB,EACtB,OAAO,EACP,aAAa,EAAE,UAA6B,GAC7C;;;;;;;CAAA;;;;;;;;;;;eAuGc,gBAAgB"}

package/components/GoogleDocsViewer/index.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as i,createRef as o,useCallback as t,useEffect as n}from"react";import a from"prop-types";import l from"classnames";import{Typography as c,IconButton as s}from"@material-ui/core";import m from"@material-ui/icons/Close";import d from"@material-ui/icons/GetApp";import{useStyles as f}from"./styles.js";import u from"../LoadingIndicator/LoadingIndicator.js";import{jsxs as p,jsx as v}from"react/jsx-runtime";var h=function(a){var h=a.fileUrl,w=a.fileSize,b=a.fileName,g=a.webviewType,N=a.onClose,y=a["data-testid"],I=i(!0),z=r(I,2),C=z[0],S=z[1],T=i(!1),_=r(T,2),L=_[0],R=_[1],U=o(null),j=o(null),x=f(),k=t((function(){return"office"===g?"https://view.officeapps.live.com/op/embed.aspx?src=".concat(window.encodeURIComponent(h)):"https://docs.google.com/viewer?url=".concat(encodeURIComponent(h),"&embedded=true")}),[h]),q=function(){j.current&&(j.current.src=k(),j.current.contentWindow.location.reload())},A=function(){U.current&&clearInterval(U.current),S(!1)};return n((function(){S(!0),R(!1);var e=w&&w>=1048576?w/1048576*1e4:1e4;return U&&(clearInterval(U.current),U.current=setInterval(q,e)),function(){clearInterval(U.current)}}),[h]),p("div",{"data-testid":"".concat(y,"_file_").concat(b),className:x.viewer,children:[p("div",{className:x.toolbar,children:[v(c,{"data-testid":"".concat(y,"_fileName"),children:b}),p("div",{children:[v(s,{size:"small",className:x.iconButton,children:v("a",{download:!0,href:h,target:"_blank",rel:"noopener noreferrer",children:v(d,{fontSize:"small"})})}),v(s,{size:"small",onClick:N,className:x.iconButton,children:v(m,{fontSize:"small"})})]})]}),C&&v("div",{className:x.frame,children:v(u,{white:!1})}),L?v("div",{className:x.frame,children:v(c,{variant:"body2",className:x.failed,children:"Loading failed"})}):v("iframe",{"data-testid":"".concat(y,"_frame"),className:l(x.frame,e({},x.hiddenFrame,C)),title:h,src:k(),onLoad:A,onError:function(){A(),R(!0)},ref:j})]})};h.propTypes={fileUrl:a.string.isRequired,webviewType:a.oneOf(["google","office"]),fileName:a.string,fileSize:a.number,onClose:a.func.isRequired,"data-testid":a.string},h.defaultProps={fileName:void 0,fileSize:void 0,webviewType:"google","data-testid":"DocumentViewer"};export{h as default};
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as i,createRef as o,useCallback as t,useEffect as n}from"react";import a from"prop-types";import l from"classnames";import{Typography as c,IconButton as s}from"@material-ui/core";import m from"@material-ui/icons/Close";import d from"@material-ui/icons/GetApp";import{useStyles as f}from"./styles.js";import u from"../LoadingIndicator/LoadingIndicator.js";import{jsxs as p,jsx as v}from"react/jsx-runtime";var h=function(a){var h=a.fileUrl,g=a.fileSize,w=a.fileName,b=a.webviewType,N=void 0===b?"google":b,y=a.onClose,I=a["data-testid"],z=void 0===I?"DocumentViewer":I,C=i(!0),_=r(C,2),L=_[0],R=_[1],S=i(!1),T=r(S,2),U=T[0],j=T[1],x=o(null),k=o(null),q=f(),A=t((function(){return"office"===N?"https://view.officeapps.live.com/op/embed.aspx?src=".concat(window.encodeURIComponent(h)):"https://docs.google.com/viewer?url=".concat(encodeURIComponent(h),"&embedded=true")}),[h]),B=function(){k.current&&(k.current.src=A(),k.current.contentWindow.location.reload())},D=function(){x.current&&clearInterval(x.current),R(!1)};return n((function(){R(!0),j(!1);var e=g&&g>=1048576?g/1048576*1e4:1e4;return x&&(clearInterval(x.current),x.current=setInterval(B,e)),function(){clearInterval(x.current)}}),[h]),p("div",{"data-testid":"".concat(z,"_file_").concat(w),className:q.viewer,children:[p("div",{className:q.toolbar,children:[v(c,{"data-testid":"".concat(z,"_fileName"),children:w}),p("div",{children:[v(s,{size:"small",className:q.iconButton,children:v("a",{download:!0,href:h,target:"_blank",rel:"noopener noreferrer",children:v(d,{fontSize:"small"})})}),v(s,{size:"small",onClick:y,className:q.iconButton,children:v(m,{fontSize:"small"})})]})]}),L&&v("div",{className:q.frame,children:v(u,{white:!1})}),U?v("div",{className:q.frame,children:v(c,{variant:"body2",className:q.failed,children:"Loading failed"})}):v("iframe",{"data-testid":"".concat(z,"_frame"),className:l(q.frame,e({},q.hiddenFrame,L)),title:h,src:A(),onLoad:D,onError:function(){D(),j(!0)},ref:k})]})};h.propTypes={fileUrl:a.string.isRequired,webviewType:a.oneOf(["google","office"]),fileName:a.string,fileSize:a.number,onClose:a.func.isRequired,"data-testid":a.string};export{h as default};
 //# sourceMappingURL=index.js.map

package/components/GoogleDocsViewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/GoogleDocsViewer/index.js"],"sourcesContent":["import { createRef, useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, IconButton } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport GetAppIcon from '@material-ui/icons/GetApp';\n\nimport { useStyles } from './styles';\n\nimport LoadingIndicator from '~/components/LoadingIndicator';\n\nconst REQUEST_TIMEOUT = 10000;\nconst BYTES_IN_MEGABYTE = 1048576;\n\nconst GoogleDocsViewer = ({\n  fileUrl,\n  fileSize,\n  fileName,\n  webviewType,\n  onClose,\n  'data-testid': dataTestId,\n}) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n  const timeoutRef = createRef(null);\n  const iframeRef = createRef(null);\n  const styles = useStyles();\n\n  const getIframeLink = useCallback(() => {\n    return webviewType === 'office'\n      ? `https://view.officeapps.live.com/op/embed.aspx?src=${window.encodeURIComponent(fileUrl)}`\n      : `https://docs.google.com/viewer?url=${encodeURIComponent(fileUrl)}&embedded=true`;\n  }, [fileUrl]);\n\n  const reloadFrame = () => {\n    if (iframeRef.current) {\n      iframeRef.current.src = getIframeLink();\n      iframeRef.current.contentWindow.location.reload();\n    }\n  };\n\n  const handleFrameLoad = () => {\n    if (timeoutRef.current) {\n      clearInterval(timeoutRef.current);\n    }\n    setIsLoading(false);\n  };\n\n  const handleFrameError = () => {\n    handleFrameLoad();\n    setIsLoadingFailed(true);\n  };\n\n  useEffect(() => {\n    setIsLoading(true);\n    setIsLoadingFailed(false);\n    const timeOut =\n      fileSize && fileSize >= BYTES_IN_MEGABYTE\n        ? (fileSize / BYTES_IN_MEGABYTE) * REQUEST_TIMEOUT\n        : REQUEST_TIMEOUT;\n\n    if (timeoutRef) {\n      clearInterval(timeoutRef.current);\n      timeoutRef.current = setInterval(reloadFrame, timeOut);\n    }\n\n    return () => {\n      clearInterval(timeoutRef.current);\n    };\n  }, [fileUrl]);\n\n  return (\n    <div data-testid={`${dataTestId}_file_${fileName}`} className={styles.viewer}>\n      <div className={styles.toolbar}>\n        <Typography data-testid={`${dataTestId}_fileName`}>{fileName}</Typography>\n        <div>\n          <IconButton size=\"small\" className={styles.iconButton}>\n            <a download href={fileUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n              <GetAppIcon fontSize=\"small\" />\n            </a>\n          </IconButton>\n          <IconButton size=\"small\" onClick={onClose} className={styles.iconButton}>\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n        </div>\n      </div>\n\n      {isLoading && (\n        <div className={styles.frame}>\n          <LoadingIndicator white={false} />\n        </div>\n      )}\n      {isLoadingFailed ? (\n        <div className={styles.frame}>\n          <Typography variant=\"body2\" className={styles.failed}>\n            Loading failed\n          </Typography>\n        </div>\n      ) : (\n        <iframe\n          data-testid={`${dataTestId}_frame`}\n          className={classNames(styles.frame, {\n            [styles.hiddenFrame]: isLoading,\n          })}\n          title={fileUrl}\n          src={getIframeLink()}\n          onLoad={handleFrameLoad}\n          onError={handleFrameError}\n          ref={iframeRef}\n        />\n      )}\n    </div>\n  );\n};\n\nGoogleDocsViewer.propTypes = {\n  fileUrl: PropTypes.string.isRequired,\n  webviewType: PropTypes.oneOf(['google', 'office']),\n  fileName: PropTypes.string,\n  fileSize: PropTypes.number,\n  onClose: PropTypes.func.isRequired,\n  'data-testid': PropTypes.string,\n};\n\nGoogleDocsViewer.defaultProps = {\n  fileName: undefined,\n  fileSize: undefined,\n  webviewType: 'google',\n  'data-testid': 'DocumentViewer',\n};\n\nexport default GoogleDocsViewer;\n"],"names":["GoogleDocsViewer","_ref","fileUrl","fileSize","fileName","webviewType","onClose","dataTestId","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","isLoadingFailed","setIsLoadingFailed","timeoutRef","createRef","iframeRef","styles","useStyles","getIframeLink","useCallback","concat","window","encodeURIComponent","reloadFrame","current","src","contentWindow","location","reload","handleFrameLoad","clearInterval","useEffect","timeOut","setInterval","_jsxs","className","viewer","children","toolbar","_jsx","Typography","IconButton","size","iconButton","download","href","target","rel","GetAppIcon","fontSize","onClick","CloseIcon","frame","LoadingIndicator","white","variant","failed","classNames","hiddenFrame","title","onLoad","onError","ref","propTypes","PropTypes","string","isRequired","oneOf","number","func","defaultProps","undefined"],"mappings":"8gBAWA,IAGMA,EAAmB,SAOnBC,GAAA,IANJC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,YACAC,IAAAA,QACeC,IAAf,eAEkCC,EAAAA,GAAS,GAAKC,EAAAC,EAAAC,EAAA,GAAzCC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GACgBD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAAtDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GACpCI,EAAaC,EAAU,MACvBC,EAAYD,EAAU,MACtBE,EAASC,IAETC,EAAgBC,GAAY,WAChC,MAAuB,WAAhBnB,EAAwB,sDAAAoB,OAC2BC,OAAOC,mBAAmBzB,IAC1CyB,sCAAAA,OAAAA,mBAAmBzB,GAAwB,iBACvF,GAAG,CAACA,IAEE0B,EAAc,WACdR,EAAUS,UACZT,EAAUS,QAAQC,IAAMP,IACxBH,EAAUS,QAAQE,cAAcC,SAASC,WAIvCC,EAAkB,WAClBhB,EAAWW,SACbM,cAAcjB,EAAWW,SAE3BhB,GAAa,IA0Bf,OAlBAuB,GAAU,WACRvB,GAAa,GACbI,GAAmB,GACnB,IAAMoB,EACJlC,GAAYA,GA7CQ,QA8CfA,EA9Ce,QADF,QAuDpB,OALIe,IACFiB,cAAcjB,EAAWW,SACzBX,EAAWW,QAAUS,YAAYV,EAAaS,IAGzC,WACLF,cAAcjB,EAAWW,SAE7B,GAAG,CAAC3B,IAGFqC,EAAA,MAAA,CAAK,cAAgBhC,GAAAA,OAAAA,EAAmBH,UAAAA,OAAAA,GAAYoC,UAAWnB,EAAOoB,OAAOC,SAC3E,CAAAH,EAAA,MAAA,CAAKC,UAAWnB,EAAOsB,QAAQD,SAAA,CAC7BE,EAACC,EAAU,CAAC,cAAA,GAAApB,OAAgBlB,EAAsB,aAAAmC,SAAEtC,IACpDmC,EAAA,MAAA,CAAAG,SAAA,CACEE,EAACE,EAAU,CAACC,KAAK,QAAQP,UAAWnB,EAAO2B,WAAWN,SACpDE,EAAA,IAAA,CAAGK,UAAQ,EAACC,KAAMhD,EAASiD,OAAO,SAASC,IAAI,sBAAqBV,SAClEE,EAACS,EAAU,CAACC,SAAS,cAGzBV,EAACE,EAAU,CAACC,KAAK,QAAQQ,QAASjD,EAASkC,UAAWnB,EAAO2B,WAAWN,SACtEE,EAACY,EAAS,CAACF,SAAS,kBAKzB1C,GACCgC,EAAA,MAAA,CAAKJ,UAAWnB,EAAOoC,MAAMf,SAC3BE,EAACc,EAAgB,CAACC,OAAO,MAG5B3C,EACC4B,EAAA,MAAA,CAAKJ,UAAWnB,EAAOoC,MAAMf,SAC3BE,EAACC,EAAU,CAACe,QAAQ,QAAQpB,UAAWnB,EAAOwC,OAAOnB,SAAA,qBAKvDE,EAAA,SAAA,CACE,cAAA,GAAAnB,OAAgBlB,EAAmB,UACnCiC,UAAWsB,EAAWzC,EAAOoC,MAC1BpC,EAAAA,CAAAA,EAAAA,EAAO0C,YAAcnD,IAExBoD,MAAO9D,EACP4B,IAAKP,IACL0C,OAAQ/B,EACRgC,QA3DiB,WACvBhC,IACAjB,GAAmB,IA0DbkD,IAAK/C,MAKf,EAEApB,EAAiBoE,UAAY,CAC3BlE,QAASmE,EAAUC,OAAOC,WAC1BlE,YAAagE,EAAUG,MAAM,CAAC,SAAU,WACxCpE,SAAUiE,EAAUC,OACpBnE,SAAUkE,EAAUI,OACpBnE,QAAS+D,EAAUK,KAAKH,WACxB,cAAeF,EAAUC,QAG3BtE,EAAiB2E,aAAe,CAC9BvE,cAAUwE,EACVzE,cAAUyE,EACVvE,YAAa,SACb,cAAe"}
+{"version":3,"file":"index.js","sources":["../../../src/components/GoogleDocsViewer/index.js"],"sourcesContent":["import { createRef, useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, IconButton } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport GetAppIcon from '@material-ui/icons/GetApp';\n\nimport { useStyles } from './styles';\n\nimport LoadingIndicator from '~/components/LoadingIndicator';\n\nconst REQUEST_TIMEOUT = 10000;\nconst BYTES_IN_MEGABYTE = 1048576;\n\nconst GoogleDocsViewer = ({\n  fileUrl,\n  fileSize,\n  fileName,\n  webviewType = 'google',\n  onClose,\n  'data-testid': dataTestId = 'DocumentViewer',\n}) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n  const timeoutRef = createRef(null);\n  const iframeRef = createRef(null);\n  const styles = useStyles();\n\n  const getIframeLink = useCallback(() => {\n    return webviewType === 'office'\n      ? `https://view.officeapps.live.com/op/embed.aspx?src=${window.encodeURIComponent(fileUrl)}`\n      : `https://docs.google.com/viewer?url=${encodeURIComponent(fileUrl)}&embedded=true`;\n  }, [fileUrl]);\n\n  const reloadFrame = () => {\n    if (iframeRef.current) {\n      iframeRef.current.src = getIframeLink();\n      iframeRef.current.contentWindow.location.reload();\n    }\n  };\n\n  const handleFrameLoad = () => {\n    if (timeoutRef.current) {\n      clearInterval(timeoutRef.current);\n    }\n    setIsLoading(false);\n  };\n\n  const handleFrameError = () => {\n    handleFrameLoad();\n    setIsLoadingFailed(true);\n  };\n\n  useEffect(() => {\n    setIsLoading(true);\n    setIsLoadingFailed(false);\n    const timeOut =\n      fileSize && fileSize >= BYTES_IN_MEGABYTE\n        ? (fileSize / BYTES_IN_MEGABYTE) * REQUEST_TIMEOUT\n        : REQUEST_TIMEOUT;\n\n    if (timeoutRef) {\n      clearInterval(timeoutRef.current);\n      timeoutRef.current = setInterval(reloadFrame, timeOut);\n    }\n\n    return () => {\n      clearInterval(timeoutRef.current);\n    };\n  }, [fileUrl]);\n\n  return (\n    <div data-testid={`${dataTestId}_file_${fileName}`} className={styles.viewer}>\n      <div className={styles.toolbar}>\n        <Typography data-testid={`${dataTestId}_fileName`}>{fileName}</Typography>\n        <div>\n          <IconButton size=\"small\" className={styles.iconButton}>\n            <a download href={fileUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n              <GetAppIcon fontSize=\"small\" />\n            </a>\n          </IconButton>\n          <IconButton size=\"small\" onClick={onClose} className={styles.iconButton}>\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n        </div>\n      </div>\n\n      {isLoading && (\n        <div className={styles.frame}>\n          <LoadingIndicator white={false} />\n        </div>\n      )}\n      {isLoadingFailed ? (\n        <div className={styles.frame}>\n          <Typography variant=\"body2\" className={styles.failed}>\n            Loading failed\n          </Typography>\n        </div>\n      ) : (\n        <iframe\n          data-testid={`${dataTestId}_frame`}\n          className={classNames(styles.frame, {\n            [styles.hiddenFrame]: isLoading,\n          })}\n          title={fileUrl}\n          src={getIframeLink()}\n          onLoad={handleFrameLoad}\n          onError={handleFrameError}\n          ref={iframeRef}\n        />\n      )}\n    </div>\n  );\n};\n\nGoogleDocsViewer.propTypes = {\n  fileUrl: PropTypes.string.isRequired,\n  webviewType: PropTypes.oneOf(['google', 'office']),\n  fileName: PropTypes.string,\n  fileSize: PropTypes.number,\n  onClose: PropTypes.func.isRequired,\n  'data-testid': PropTypes.string,\n};\n\nexport default GoogleDocsViewer;\n"],"names":["GoogleDocsViewer","_ref","fileUrl","fileSize","fileName","_ref$webviewType","webviewType","onClose","_ref$dataTestid","dataTestId","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","isLoadingFailed","setIsLoadingFailed","timeoutRef","createRef","iframeRef","styles","useStyles","getIframeLink","useCallback","concat","window","encodeURIComponent","reloadFrame","current","src","contentWindow","location","reload","handleFrameLoad","clearInterval","useEffect","timeOut","setInterval","_jsxs","className","viewer","children","toolbar","_jsx","Typography","IconButton","size","iconButton","download","href","target","rel","GetAppIcon","fontSize","onClick","CloseIcon","frame","LoadingIndicator","white","variant","failed","classNames","hiddenFrame","title","onLoad","onError","ref","propTypes","PropTypes","string","isRequired","oneOf","number","func"],"mappings":"8gBAWA,IAGMA,EAAmB,SAOnBC,GAAA,IANJC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SAAQC,EAAAJ,EACRK,YAAAA,aAAc,SAAQD,EACtBE,IAAAA,QAAOC,EAAAP,EACP,eAAeQ,aAAa,iBAAgBD,EAEVE,EAAAA,GAAS,GAAKC,EAAAC,EAAAC,EAAA,GAAzCC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GACgBD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAAtDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GACpCI,EAAaC,EAAU,MACvBC,EAAYD,EAAU,MACtBE,EAASC,IAETC,EAAgBC,GAAY,WAChC,MAAuB,WAAhBpB,EAAwB,sDAAAqB,OAC2BC,OAAOC,mBAAmB3B,IAC1C2B,sCAAAA,OAAAA,mBAAmB3B,GAAwB,iBACvF,GAAG,CAACA,IAEE4B,EAAc,WACdR,EAAUS,UACZT,EAAUS,QAAQC,IAAMP,IACxBH,EAAUS,QAAQE,cAAcC,SAASC,WAIvCC,EAAkB,WAClBhB,EAAWW,SACbM,cAAcjB,EAAWW,SAE3BhB,GAAa,IA0Bf,OAlBAuB,GAAU,WACRvB,GAAa,GACbI,GAAmB,GACnB,IAAMoB,EACJpC,GAAYA,GA7CQ,QA8CfA,EA9Ce,QADF,QAuDpB,OALIiB,IACFiB,cAAcjB,EAAWW,SACzBX,EAAWW,QAAUS,YAAYV,EAAaS,IAGzC,WACLF,cAAcjB,EAAWW,SAE7B,GAAG,CAAC7B,IAGFuC,EAAA,MAAA,CAAK,cAAgBhC,GAAAA,OAAAA,EAAmBL,UAAAA,OAAAA,GAAYsC,UAAWnB,EAAOoB,OAAOC,SAC3E,CAAAH,EAAA,MAAA,CAAKC,UAAWnB,EAAOsB,QAAQD,SAAA,CAC7BE,EAACC,EAAU,CAAC,cAAA,GAAApB,OAAgBlB,EAAsB,aAAAmC,SAAExC,IACpDqC,EAAA,MAAA,CAAAG,SAAA,CACEE,EAACE,EAAU,CAACC,KAAK,QAAQP,UAAWnB,EAAO2B,WAAWN,SACpDE,EAAA,IAAA,CAAGK,UAAQ,EAACC,KAAMlD,EAASmD,OAAO,SAASC,IAAI,sBAAqBV,SAClEE,EAACS,EAAU,CAACC,SAAS,cAGzBV,EAACE,EAAU,CAACC,KAAK,QAAQQ,QAASlD,EAASmC,UAAWnB,EAAO2B,WAAWN,SACtEE,EAACY,EAAS,CAACF,SAAS,kBAKzB1C,GACCgC,EAAA,MAAA,CAAKJ,UAAWnB,EAAOoC,MAAMf,SAC3BE,EAACc,EAAgB,CAACC,OAAO,MAG5B3C,EACC4B,EAAA,MAAA,CAAKJ,UAAWnB,EAAOoC,MAAMf,SAC3BE,EAACC,EAAU,CAACe,QAAQ,QAAQpB,UAAWnB,EAAOwC,OAAOnB,SAAA,qBAKvDE,EAAA,SAAA,CACE,cAAA,GAAAnB,OAAgBlB,EAAmB,UACnCiC,UAAWsB,EAAWzC,EAAOoC,MAC1BpC,EAAAA,CAAAA,EAAAA,EAAO0C,YAAcnD,IAExBoD,MAAOhE,EACP8B,IAAKP,IACL0C,OAAQ/B,EACRgC,QA3DiB,WACvBhC,IACAjB,GAAmB,IA0DbkD,IAAK/C,MAKf,EAEAtB,EAAiBsE,UAAY,CAC3BpE,QAASqE,EAAUC,OAAOC,WAC1BnE,YAAaiE,EAAUG,MAAM,CAAC,SAAU,WACxCtE,SAAUmE,EAAUC,OACpBrE,SAAUoE,EAAUI,OACpBpE,QAASgE,EAAUK,KAAKH,WACxB,cAAeF,EAAUC"}

package/components/IconMenu/index.d.ts

@@ -1,76 +1,30 @@
-import PropTypes from 'prop-types';
-declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
-    IconButtonComponent: any;
-    IconElement: any;
-    anchorOrigin: any;
+import IconButton from '../IconButton';
+declare const _default: import("react").ComponentType<Pick<import("@material-ui/types").ConsistentWith<{
+    IconButtonComponent?: typeof IconButton | undefined;
+    IconElement?: import("react").JSX.Element | undefined;
+    anchorOrigin?: {
+        horizontal: string;
+        vertical: string;
+    } | undefined;
     children: any;
     className: any;
-    classes: any;
+    classes?: {} | undefined;
     color: any;
     "data-testid": any;
-    disableRipple: any;
-    disabled: any;
-    iconButtonProps: any;
+    disableRipple?: boolean | undefined;
+    disabled?: boolean | undefined;
+    iconButtonProps?: {} | undefined;
     iconButtonStyle: any;
     marginThreshold: any;
-    menuProps: any;
-    paperClassName: any;
+    menuProps?: {} | undefined;
+    paperClassName?: string | undefined;
     tooltipProps: any;
-    transformOrigin: any;
-}, never> & Pick<PropTypes.InferProps<{
-    children: PropTypes.Requireable<NonNullable<any[] | PropTypes.ReactNodeLike>>;
-    classes: PropTypes.Requireable<PropTypes.InferProps<{
-        iconButton: PropTypes.Requireable<string>;
-        paper: PropTypes.Requireable<string>;
-    }>>;
-    className: PropTypes.Requireable<string>;
-    color: PropTypes.Requireable<string>;
-    IconElement: PropTypes.Requireable<PropTypes.ReactElementLike>;
-    IconButtonComponent: PropTypes.Requireable<any>;
-    iconButtonStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    anchorOrigin: PropTypes.Requireable<PropTypes.InferProps<{
-        horizontal: PropTypes.Requireable<string>;
-        vertical: PropTypes.Requireable<string>;
-    }>>;
-    transformOrigin: PropTypes.Requireable<PropTypes.InferProps<{
-        horizontal: PropTypes.Requireable<string>;
-        vertical: PropTypes.Requireable<string>;
-    }>>;
-    disableRipple: PropTypes.Requireable<boolean>;
-    'data-testid': PropTypes.Requireable<string>;
-    marginThreshold: PropTypes.Requireable<number>;
-    disabled: PropTypes.Requireable<boolean>;
-    tooltipProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    menuProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    iconButtonProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    paperClassName: PropTypes.Requireable<string>;
-}>, "IconButtonComponent" | "IconElement" | "anchorOrigin" | "children" | "className" | "classes" | "color" | "data-testid" | "disableRipple" | "disabled" | "iconButtonProps" | "iconButtonStyle" | "marginThreshold" | "menuProps" | "paperClassName" | "tooltipProps" | "transformOrigin">, never> & {
-    children?: NonNullable<any[] | PropTypes.ReactNodeLike> | null | undefined;
-    classes?: PropTypes.InferProps<{
-        iconButton: PropTypes.Requireable<string>;
-        paper: PropTypes.Requireable<string>;
-    }> | null | undefined;
-    className?: string | null | undefined;
-    color?: string | null | undefined;
-    IconElement?: PropTypes.ReactElementLike | null | undefined;
-    IconButtonComponent?: any;
-    iconButtonStyle?: PropTypes.InferProps<{}> | null | undefined;
-    anchorOrigin?: PropTypes.InferProps<{
-        horizontal: PropTypes.Requireable<string>;
-        vertical: PropTypes.Requireable<string>;
-    }> | null | undefined;
-    transformOrigin?: PropTypes.InferProps<{
-        horizontal: PropTypes.Requireable<string>;
-        vertical: PropTypes.Requireable<string>;
-    }> | null | undefined;
-    disableRipple?: boolean | null | undefined;
-    'data-testid'?: string | null | undefined;
-    marginThreshold?: number | null | undefined;
-    disabled?: boolean | null | undefined;
-    tooltipProps?: PropTypes.InferProps<{}> | null | undefined;
-    menuProps?: PropTypes.InferProps<{}> | null | undefined;
-    iconButtonProps?: PropTypes.InferProps<{}> | null | undefined;
-    paperClassName?: string | null | undefined;
-} & {}, "IconButtonComponent" | "IconElement" | "anchorOrigin" | "children" | "className" | "color" | "data-testid" | "disableRipple" | "disabled" | "iconButtonProps" | "iconButtonStyle" | "marginThreshold" | "menuProps" | "paperClassName" | "tooltipProps" | "transformOrigin"> & import("@material-ui/styles").StyledComponentProps<"iconButton" | "paper">>;
+    transformOrigin?: {
+        horizontal: string;
+        vertical: string;
+    } | undefined;
+}, {
+    classes: import("@material-ui/styles").ClassNameMap<"iconButton" | "paper">;
+}>, "IconButtonComponent" | "IconElement" | "anchorOrigin" | "children" | "className" | "color" | "data-testid" | "disableRipple" | "disabled" | "iconButtonProps" | "iconButtonStyle" | "marginThreshold" | "menuProps" | "paperClassName" | "tooltipProps" | "transformOrigin"> & import("@material-ui/styles").StyledComponentProps<"iconButton" | "paper">>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/components/IconMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconMenu/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconMenu/index.js"],"names":[],"mappings":"AAKA,OAAO,UAAU,MAAM,eAAe,CAAC"}

package/components/IconMenu/index.js

@@ -1,2 +1,2 @@
-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 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 c from"../IconButton/index.js";import{jsx as l,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=void 0===n?b:n,p=o["data-testid"],c=o.iconButtonStyle,m=o.color,f=o.disableRipple,B=void 0!==f&&f,T=o.className,w=o.IconElement,C=void 0===w?g:w,x=o.IconButtonComponent,D=void 0===x?O:x,I=o.disabled,N=void 0!==I&&I,R=o.iconButtonProps,E=void 0===R?j:R,k=o.children,z=o.anchorOrigin,S=void 0===z?v:z,M=o.transformOrigin,A=void 0===M?y:M,F=o.marginThreshold,L=o.menuProps,q=void 0===L?P:L,G=o.tooltipProps,H=o.paperClassName,J=void 0===H?"":H,K=r(null),Q=e(K,2),U=Q[0],V=Q[1],W=!!U,X=r(!1),Y=e(X,2),Z=Y[0],$=Y[1];t((function(){var o;return W&&setTimeout((function(){o=$(W)}),500),function(){o&&clearTimeout(o)}}),[W]);var _=function(o){o.stopPropagation(),V(null),$(!1)},oo=l(D,h(h({"aria-label":"IconMenu","aria-owns":W?"icon-menu":void 0,"aria-haspopup":"true","data-testid":p,onClick:function(o){o.stopPropagation(),o.preventDefault(),V(o.currentTarget)},classes:{root:i.iconButton},className:T,style:c,color:m,disableRipple:B,disabled:N},E),{},{children:C}));return u(d,{children:[G?l(a,h(h({},G),{},{children:oo})):oo,l(s,h(h({id:"icon-menu",anchorEl:U,open:W,MenuListProps:{"data-testid":"".concat(p,"Dropdown")},disableAutoFocus:!Z,autoFocus:Z,onClose:_,onClick:_,anchorOrigin:S,transformOrigin:A,classes:{paper:i.paper},elevation:0,marginThreshold:F,PaperProps:{className:i[J]}},q),{},{children:k}))]})}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};var b={},g=l(p,{}),O=c,v={horizontal:"right",vertical:"top"},y={horizontal:"right",vertical:"bottom"},P={},j={},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};
 //# sourceMappingURL=index.js.map

package/components/IconMenu/index.js.map

@@ -1 +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  },\n  paper: {},\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":["IconMenu","_ref","classes","testId","iconButtonStyle","color","disableRipple","className","IconElement","IconButtonComponent","disabled","iconButtonProps","children","anchorOrigin","transformOrigin","marginThreshold","menuProps","tooltipProps","paperClassName","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","isOpen","_useState4","_useState3","isMenuAutofocus","setIsMenuAutofocus","useEffect","timerId","setTimeout","clearTimeout","handleClose","event","stopPropagation","iconButtonElement","_jsx","_objectSpread","undefined","onClick","preventDefault","currentTarget","root","iconButton","style","_jsxs","_Fragment","Tooltip","Menu","id","open","MenuListProps","disableAutoFocus","autoFocus","onClose","paper","elevation","PaperProps","propTypes","PropTypes","oneOfType","string","node","array","shape","element","any","horizontal","oneOf","vertical","bool","number","defaultProps","MoreVert","IconButton","index","withStyles","theme","borderRadius","padding","palette","primary","text6","text1","backgroundColor"],"mappings":"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"}
+{"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  },\n  paper: {},\n});\n\nfunction IconMenu({\n  classes = DEFAULT_ICON_MENU_CLASSES,\n  // IconButtonComponentProps\n  'data-testid': testId,\n  iconButtonStyle,\n  color,\n  disableRipple = false,\n  className,\n  IconElement = DEFAULT_ICON_MENU_ICON_ELEMENT,\n  IconButtonComponent = DEFAULT_ICON_MENU_ICON_BUTTON_COMPONENT,\n  disabled = false,\n  iconButtonProps = DEFAULT_ICON_MENU_ICON_BUTTON_PROPS,\n  // MenuProps\n  children,\n  anchorOrigin = DEFAULT_ICON_MENU_ANCHOR_ORIGIN,\n  transformOrigin = DEFAULT_ICON_MENU_TRANSFORM_ORIGIN,\n  marginThreshold,\n  menuProps = DEFAULT_ICON_MENU_MENU_PROPS,\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\nconst DEFAULT_ICON_MENU_CLASSES = {};\nconst DEFAULT_ICON_MENU_ICON_ELEMENT = <MoreVert />;\nconst DEFAULT_ICON_MENU_ICON_BUTTON_COMPONENT = IconButton;\nconst DEFAULT_ICON_MENU_ANCHOR_ORIGIN = { horizontal: 'right', vertical: 'top' };\nconst DEFAULT_ICON_MENU_TRANSFORM_ORIGIN = { horizontal: 'right', vertical: 'bottom' };\nconst DEFAULT_ICON_MENU_MENU_PROPS = {};\nconst DEFAULT_ICON_MENU_ICON_BUTTON_PROPS = {};\n\nexport default withStyles(muiStyles)(IconMenu);\n"],"names":["IconMenu","_ref","_ref$classes","classes","DEFAULT_ICON_MENU_CLASSES","testId","iconButtonStyle","color","_ref$disableRipple","disableRipple","className","_ref$IconElement","IconElement","DEFAULT_ICON_MENU_ICON_ELEMENT","_ref$IconButtonCompon","IconButtonComponent","DEFAULT_ICON_MENU_ICON_BUTTON_COMPONENT","_ref$disabled","disabled","_ref$iconButtonProps","iconButtonProps","DEFAULT_ICON_MENU_ICON_BUTTON_PROPS","children","_ref$anchorOrigin","anchorOrigin","DEFAULT_ICON_MENU_ANCHOR_ORIGIN","_ref$transformOrigin","transformOrigin","DEFAULT_ICON_MENU_TRANSFORM_ORIGIN","marginThreshold","_ref$menuProps","menuProps","DEFAULT_ICON_MENU_MENU_PROPS","tooltipProps","_ref$paperClassName","paperClassName","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","isOpen","_useState4","_useState3","isMenuAutofocus","setIsMenuAutofocus","useEffect","timerId","setTimeout","clearTimeout","handleClose","event","stopPropagation","iconButtonElement","_jsx","_objectSpread","undefined","onClick","preventDefault","currentTarget","root","iconButton","style","_jsxs","_Fragment","Tooltip","Menu","id","open","MenuListProps","disableAutoFocus","autoFocus","onClose","paper","elevation","PaperProps","propTypes","PropTypes","oneOfType","string","node","array","shape","element","any","horizontal","oneOf","vertical","bool","number","MoreVert","IconButton","index","withStyles","theme","borderRadius","padding","palette","primary","text6","text1","backgroundColor"],"mappings":"48BAuBA,SAASA,EAqBNC,GAAA,IAAAC,EAAAD,EApBDE,QAAAA,aAAUC,EAAyBF,EAEpBG,IAAf,eACAC,IAAAA,gBACAC,IAAAA,MAAKC,EAAAP,EACLQ,cAAAA,cAAqBD,EACrBE,IAAAA,UAASC,EAAAV,EACTW,YAAAA,aAAcC,EAA8BF,EAAAG,EAAAb,EAC5Cc,oBAAAA,aAAsBC,EAAuCF,EAAAG,EAAAhB,EAC7DiB,SAAAA,cAAgBD,EAAAE,EAAAlB,EAChBmB,gBAAAA,aAAkBC,EAAmCF,EAErDG,IAAAA,SAAQC,EAAAtB,EACRuB,aAAAA,aAAeC,EAA+BF,EAAAG,EAAAzB,EAC9C0B,gBAAAA,aAAkBC,EAAkCF,EACpDG,IAAAA,gBAAeC,EAAA7B,EACf8B,UAAAA,aAAYC,EAA4BF,EAExCG,IAAAA,aAAYC,EAAAjC,EACZkC,eAAAA,aAAiB,GAAED,EAEaE,EAAAA,EAAS,MAAKC,EAAAC,EAAAC,EAAA,GAAvCC,EAAQH,EAAA,GAAEI,EAAWJ,EAAA,GACtBK,IAAWF,EAY6BJ,EAAAA,GAAS,GAAMO,EAAAL,EAAAM,EAAA,GAAtDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAC1CI,GAAU,WACR,IAAIC,EASJ,OAPIN,GACFO,YAAW,WACTD,EAAUF,EAAmBJ,EAE9B,GAAE,KAGE,WACDM,GACFE,aAAaF,GAGnB,GAAG,CAACN,IAEJ,IAAMS,EAAc,SAAAC,GAClBA,EAAMC,kBACNZ,EAAY,MACZK,GAAmB,IAQfQ,GACJC,EAACxC,EAAmByC,EAAAA,EAAA,CAClB,aAAW,WACX,YAAWd,EAAS,iBAAce,EAClC,gBAAc,OACd,cAAapD,EACbqD,QAZe,SAAAN,GACjBA,EAAMC,kBACND,EAAMO,iBACNlB,EAAYW,EAAMQ,gBAUhBzD,QAAS,CAAE0D,KAAM1D,EAAQ2D,YACzBpD,UAAWA,EACXqD,MAAOzD,EACPC,MAAOA,EACPE,cAAeA,EACfS,SAAUA,GACNE,GAAe,GAAA,CAAAE,SAElBV,KAIL,OACEoD,EAAAC,EAAA,CAAA3C,SAAA,CACGW,EAAesB,EAACW,SAAYjC,GAAY,GAAA,CAAAX,SAAGgC,MAA+BA,GAC3EC,EAACY,EAAIX,EAAAA,EAAA,CACHY,GAAG,YACH5B,SAAUA,EACV6B,KAAM3B,EACN4B,cAAe,CAAE,wBAAkBjE,EAAM,aACzCkE,kBAAmB1B,EACnB2B,UAAW3B,EACX4B,QAAStB,EACTO,QAASP,EACT3B,aAAcA,EACdG,gBAAiBA,EACjBxB,QAAS,CAAEuE,MAAOvE,EAAQuE,OAC1BC,UAAW,EACX9C,gBAAiBA,EACjB+C,WAAY,CACVlE,UAAWP,EAAQgC,KAEjBJ,GAAS,GAAA,CAAAT,SAEZA,OAIT,CAEAtB,EAAS6E,UAAY,CACnBvD,SAAUwD,EAAUC,UAAU,CAACD,EAAUE,OAAQF,EAAUG,KAAMH,EAAUI,QAC3E/E,QAAS2E,EAAUK,MAAM,CACvBrB,WAAYgB,EAAUE,OACtBN,MAAOI,EAAUE,SAEnBtE,UAAWoE,EAAUE,OACrBzE,MAAOuE,EAAUE,OACjBpE,YAAakE,EAAUM,QAEvBrE,oBAAqB+D,EAAUO,IAC/B/E,gBAAiBwE,EAAUK,MAAM,IACjC3D,aAAcsD,EAAUK,MAAM,CAC5BG,WAAYR,EAAUS,MAAM,CAAC,OAAQ,SAAU,UAC/CC,SAAUV,EAAUS,MAAM,CAAC,MAAO,SAAU,aAE9C5D,gBAAiBmD,EAAUK,MAAM,CAC/BG,WAAYR,EAAUS,MAAM,CAAC,OAAQ,SAAU,UAC/CC,SAAUV,EAAUS,MAAM,CAAC,MAAO,SAAU,aAE9C9E,cAAeqE,EAAUW,KACzB,cAAeX,EAAUE,OACzBnD,gBAAiBiD,EAAUY,OAC3BxE,SAAU4D,EAAUW,KACpBxD,aAAc6C,EAAUK,MAAM,IAC9BpD,UAAW+C,EAAUK,MAAM,IAC3B/D,gBAAiB0D,EAAUK,MAAM,IACjChD,eAAgB2C,EAAUE,QAG5B,IAAM5E,EAA4B,CAAA,EAC5BS,EAAiC0C,EAACoC,EAAW,CAAA,GAC7C3E,EAA0C4E,EAC1CnE,EAAkC,CAAE6D,WAAY,QAASE,SAAU,OACnE5D,EAAqC,CAAE0D,WAAY,QAASE,SAAU,UACtExD,EAA+B,CAAA,EAC/BX,EAAsC,CAAA,EAE5CwE,EAAeC,GArKG,SAAAC,GAAK,MAAK,CAC1BjC,WAAY,CACVkC,aAAc,EACdC,QAAS,OACT1F,MAAOwF,EAAMG,QAAQC,QAAQC,MAC7B,UAAW,CACT7F,MAAOwF,EAAMG,QAAQC,QAAQE,MAC7BC,gBAAiB,6BAEnB,0BAA2B,CACzBN,aAAc,IAGlBtB,MAAO,CAAC,EACT,GAuJcoB,CAAsB9F"}

package/components/Icons/AnnotationIcon.d.ts

@@ -1,17 +1,13 @@
 import PropTypes from 'prop-types';
 declare const AnnotationIcon: {
     ({ height, width }: {
-        height: any;
-        width: any;
+        height?: number | undefined;
+        width?: number | undefined;
     }): import("react").JSX.Element;
     propTypes: {
         height: PropTypes.Requireable<number>;
         width: PropTypes.Requireable<number>;
     };
-    defaultProps: {
-        height: number;
-        width: number;
-    };
 };
 declare const _default: import("react").MemoExoticComponent<typeof AnnotationIcon>;
 export default _default;

package/components/Icons/AnnotationIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/AnnotationIcon.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,QAAA,MAAM,cAAc;;;;;;;;;;;;;CAwBnB,CAAC"}
+{"version":3,"file":"AnnotationIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/AnnotationIcon.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,QAAA,MAAM,cAAc;;;;;;;;;CAwBnB,CAAC"}

package/components/Icons/AnnotationIcon.js

@@ -1,2 +1,2 @@
-import{memo as e}from"react";import t from"prop-types";import{useTheme as l,SvgIcon as i}from"@material-ui/core";import{jsxs as r,jsx as d}from"react/jsx-runtime";var o=function(e){var t=e.height,o=e.width,p=l();return r(i,{viewBox:"0 0 24 24",fill:"none",width:o,height:t,children:[d("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 2.75C6.89138 2.75 2.75 6.89137 2.75 12V21.25H12C17.1087 21.25 21.25 17.1086 21.25 12C21.25 6.89136 17.1087 2.75 12 2.75ZM2 22L1.25 21.9999V12C1.25 6.06293 6.06296 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75H2.00008L2 22ZM2 22L2.00008 22.75C1.58587 22.75 1.25 22.4141 1.25 21.9999L2 22Z",fill:p.palette.secondary}),d("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.75 12C6.75 11.5858 7.08579 11.25 7.5 11.25H16.5C16.9142 11.25 17.25 11.5858 17.25 12C17.25 12.4142 16.9142 12.75 16.5 12.75H7.5C7.08579 12.75 6.75 12.4142 6.75 12Z",fill:p.palette.secondary}),d("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 6.75C12.4142 6.75 12.75 7.08579 12.75 7.5L12.75 16.5C12.75 16.9142 12.4142 17.25 12 17.25C11.5858 17.25 11.25 16.9142 11.25 16.5L11.25 7.5C11.25 7.08579 11.5858 6.75 12 6.75Z",fill:p.palette.secondary})]})};o.propTypes={height:t.number,width:t.number},o.defaultProps={height:24,width:24};var p=e(o);export{p as default};
+import{memo as e}from"react";import l from"prop-types";import{useTheme as i,SvgIcon as t}from"@material-ui/core";import{jsxs as r,jsx as o}from"react/jsx-runtime";var d=function(e){var l=e.height,d=void 0===l?24:l,p=e.width,a=void 0===p?24:p,n=i();return r(t,{viewBox:"0 0 24 24",fill:"none",width:a,height:d,children:[o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 2.75C6.89138 2.75 2.75 6.89137 2.75 12V21.25H12C17.1087 21.25 21.25 17.1086 21.25 12C21.25 6.89136 17.1087 2.75 12 2.75ZM2 22L1.25 21.9999V12C1.25 6.06293 6.06296 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75H2.00008L2 22ZM2 22L2.00008 22.75C1.58587 22.75 1.25 22.4141 1.25 21.9999L2 22Z",fill:n.palette.secondary}),o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.75 12C6.75 11.5858 7.08579 11.25 7.5 11.25H16.5C16.9142 11.25 17.25 11.5858 17.25 12C17.25 12.4142 16.9142 12.75 16.5 12.75H7.5C7.08579 12.75 6.75 12.4142 6.75 12Z",fill:n.palette.secondary}),o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 6.75C12.4142 6.75 12.75 7.08579 12.75 7.5L12.75 16.5C12.75 16.9142 12.4142 17.25 12 17.25C11.5858 17.25 11.25 16.9142 11.25 16.5L11.25 7.5C11.25 7.08579 11.5858 6.75 12 6.75Z",fill:n.palette.secondary})]})};d.propTypes={height:l.number,width:l.number};var p=e(d);export{p as default};
 //# sourceMappingURL=AnnotationIcon.js.map

package/components/Icons/AnnotationIcon.js.map

@@ -1 +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        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 2.75C6.89138 2.75 2.75 6.89137 2.75 12V21.25H12C17.1087 21.25 21.25 17.1086 21.25 12C21.25 6.89136 17.1087 2.75 12 2.75ZM2 22L1.25 21.9999V12C1.25 6.06293 6.06296 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75H2.00008L2 22ZM2 22L2.00008 22.75C1.58587 22.75 1.25 22.4141 1.25 21.9999L2 22Z\"\n        fill={theme.palette.secondary}\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M6.75 12C6.75 11.5858 7.08579 11.25 7.5 11.25H16.5C16.9142 11.25 17.25 11.5858 17.25 12C17.25 12.4142 16.9142 12.75 16.5 12.75H7.5C7.08579 12.75 6.75 12.4142 6.75 12Z\"\n        fill={theme.palette.secondary}\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 6.75C12.4142 6.75 12.75 7.08579 12.75 7.5L12.75 16.5C12.75 16.9142 12.4142 17.25 12 17.25C11.5858 17.25 11.25 16.9142 11.25 16.5L11.25 7.5C11.25 7.08579 11.5858 6.75 12 6.75Z\"\n        fill={theme.palette.secondary}\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","_ref","height","width","theme","useTheme","_jsxs","SvgIcon","viewBox","fill","children","_jsx","fillRule","clipRule","d","palette","secondary","propTypes","PropTypes","number","defaultProps","memo"],"mappings":"mKAIA,IAAMA,EAAiB,SAAuBC,GAAA,IAApBC,IAAAA,OAAQC,IAAAA,MAC1BC,EAAQC,IACd,OACEC,EAACC,EAAO,CAACC,QAAQ,YAAYC,KAAK,OAAON,MAAOA,EAAOD,OAAQA,EAAOQ,SACpE,CAAAC,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,8UACFL,KAAML,EAAMW,QAAQC,YAEtBL,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,yKACFL,KAAML,EAAMW,QAAQC,YAEtBL,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,qLACFL,KAAML,EAAMW,QAAQC,cAI5B,EAEAhB,EAAeiB,UAAY,CACzBf,OAAQgB,EAAUC,OAClBhB,MAAOe,EAAUC,QAGnBnB,EAAeoB,aAAe,CAC5BlB,OAAQ,GACRC,MAAO,IAGT,IAAekB,EAAAA,EAAKrB"}
+{"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 = 24, width = 24 }) => {\n  const theme = useTheme();\n  return (\n    <SvgIcon viewBox=\"0 0 24 24\" fill=\"none\" width={width} height={height}>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 2.75C6.89138 2.75 2.75 6.89137 2.75 12V21.25H12C17.1087 21.25 21.25 17.1086 21.25 12C21.25 6.89136 17.1087 2.75 12 2.75ZM2 22L1.25 21.9999V12C1.25 6.06293 6.06296 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75H2.00008L2 22ZM2 22L2.00008 22.75C1.58587 22.75 1.25 22.4141 1.25 21.9999L2 22Z\"\n        fill={theme.palette.secondary}\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M6.75 12C6.75 11.5858 7.08579 11.25 7.5 11.25H16.5C16.9142 11.25 17.25 11.5858 17.25 12C17.25 12.4142 16.9142 12.75 16.5 12.75H7.5C7.08579 12.75 6.75 12.4142 6.75 12Z\"\n        fill={theme.palette.secondary}\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 6.75C12.4142 6.75 12.75 7.08579 12.75 7.5L12.75 16.5C12.75 16.9142 12.4142 17.25 12 17.25C11.5858 17.25 11.25 16.9142 11.25 16.5L11.25 7.5C11.25 7.08579 11.5858 6.75 12 6.75Z\"\n        fill={theme.palette.secondary}\n      />\n    </SvgIcon>\n  );\n};\n\nAnnotationIcon.propTypes = {\n  height: PropTypes.number,\n  width: PropTypes.number,\n};\n\nexport default memo(AnnotationIcon);\n"],"names":["AnnotationIcon","_ref","_ref$height","height","_ref$width","width","theme","useTheme","_jsxs","SvgIcon","viewBox","fill","children","_jsx","fillRule","clipRule","d","palette","secondary","propTypes","PropTypes","number","memo"],"mappings":"mKAIA,IAAMA,EAAiB,SAAiCC,GAAA,IAAAC,EAAAD,EAA9BE,OAAAA,aAAS,GAAED,EAAAE,EAAAH,EAAEI,MAAAA,aAAQ,GAAED,EACzCE,EAAQC,IACd,OACEC,EAACC,EAAO,CAACC,QAAQ,YAAYC,KAAK,OAAON,MAAOA,EAAOF,OAAQA,EAAOS,SACpE,CAAAC,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,8UACFL,KAAML,EAAMW,QAAQC,YAEtBL,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,yKACFL,KAAML,EAAMW,QAAQC,YAEtBL,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,qLACFL,KAAML,EAAMW,QAAQC,cAI5B,EAEAlB,EAAemB,UAAY,CACzBhB,OAAQiB,EAAUC,OAClBhB,MAAOe,EAAUC,QAGnB,IAAeC,EAAAA,EAAKtB"}

package/components/Icons/AttachIcon.d.ts

@@ -1,17 +1,13 @@
 import PropTypes from 'prop-types';
 declare function AttachIcon({ height, width }: {
-    height: any;
-    width: any;
+    height?: number | undefined;
+    width?: number | undefined;
 }): import("react").JSX.Element;
 declare namespace AttachIcon {
     var propTypes: {
         height: PropTypes.Requireable<number>;
         width: PropTypes.Requireable<number>;
     };
-    var defaultProps: {
-        height: number;
-        width: number;
-    };
 }
 export default AttachIcon;
 //# sourceMappingURL=AttachIcon.d.ts.map

package/components/Icons/AttachIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/AttachIcon.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;4BAGf,EAAE,MAAM,EAAE,KAAK,EAAE;;;CAAA;;;;;;;;;;;eAsBtB,UAAU"}
+{"version":3,"file":"AttachIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/AttachIcon.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;4BAGf,EAAE,MAAW,EAAE,KAAU,EAAE;;;CAAA;;;;;;;eAiBhC,UAAU"}

package/components/Icons/AttachIcon.js

@@ -1,2 +1,2 @@
-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 r from"prop-types";import{useTheme as t,SvgIcon as e}from"@material-ui/core";import{jsx as i}from"react/jsx-runtime";var o=function(r){var o=r.height,p=void 0===o?24:o,C=r.width,h=void 0===C?24:C,m=t();return i(e,{viewBox:"0 0 24 24",fill:"none",width:h,height:p,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:m.palette.primary.text6})})};o.propTypes={height:r.number,width:r.number};export{o as default};
 //# sourceMappingURL=AttachIcon.js.map

package/components/Icons/AttachIcon.js.map

@@ -1 +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","_ref","height","width","theme","useTheme","_jsx","SvgIcon","viewBox","fill","children","d","palette","primary","text6","propTypes","PropTypes","number","defaultProps"],"mappings":"4HAGA,IAAMA,EAAa,SAAuBC,GAAA,IAApBC,IAAAA,OAAQC,IAAAA,MACtBC,EAAQC,IACd,OACEC,EAACC,EAAO,CAACC,QAAQ,YAAYC,KAAK,OAAON,MAAOA,EAAOD,OAAQA,EAAOQ,SACpEJ,EAAA,OAAA,CACEK,EAAE,qWACFF,KAAML,EAAMQ,QAAQC,QAAQC,SAIpC,EAEAd,EAAWe,UAAY,CACrBb,OAAQc,EAAUC,OAClBd,MAAOa,EAAUC,QAGnBjB,EAAWkB,aAAe,CACxBhB,OAAQ,GACRC,MAAO"}
+{"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 = 24, width = 24 }) => {\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\nexport default AttachIcon;\n"],"names":["AttachIcon","_ref","_ref$height","height","_ref$width","width","theme","useTheme","_jsx","SvgIcon","viewBox","fill","children","d","palette","primary","text6","propTypes","PropTypes","number"],"mappings":"4HAGA,IAAMA,EAAa,SAAiCC,GAAA,IAAAC,EAAAD,EAA9BE,OAAAA,aAAS,GAAED,EAAAE,EAAAH,EAAEI,MAAAA,aAAQ,GAAED,EACrCE,EAAQC,IACd,OACEC,EAACC,EAAO,CAACC,QAAQ,YAAYC,KAAK,OAAON,MAAOA,EAAOF,OAAQA,EAAOS,SACpEJ,EAAA,OAAA,CACEK,EAAE,qWACFF,KAAML,EAAMQ,QAAQC,QAAQC,SAIpC,EAEAhB,EAAWiB,UAAY,CACrBd,OAAQe,EAAUC,OAClBd,MAAOa,EAAUC"}

package/components/Icons/EmojiIcon.d.ts

@@ -1,17 +1,13 @@
 import PropTypes from 'prop-types';
 declare function EmojiIcon({ height, width }: {
-    height: any;
-    width: any;
+    height?: number | undefined;
+    width?: number | undefined;
 }): import("react").JSX.Element;
 declare namespace EmojiIcon {
     var propTypes: {
         height: PropTypes.Requireable<number>;
         width: PropTypes.Requireable<number>;
     };
-    var defaultProps: {
-        height: number;
-        width: number;
-    };
 }
 export default EmojiIcon;
 //# sourceMappingURL=EmojiIcon.d.ts.map

package/components/Icons/EmojiIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/EmojiIcon.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;2BAGhB,EAAE,MAAM,EAAE,KAAK,EAAE;;;CAAA;;;;;;;;;;;eAwBrB,SAAS"}
+{"version":3,"file":"EmojiIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/EmojiIcon.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;2BAGhB,EAAE,MAAW,EAAE,KAAU,EAAE;;;CAAA;;;;;;;eAmB/B,SAAS"}