npm - @corva/ui - Versions diffs - 3.73.0-7 → 3.73.0-8 - Mend

@corva/ui 3.73.0-7 → 3.73.0-8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1103) hide show

package/cjs-bundle/components/FilesLoader/FilesLoader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilesLoader.js","sources":["../../../../src/components/FilesLoader/FilesLoader.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { LinearProgress, Typography } from '@material-ui/core';\nimport IconButton from '~/components/IconButton';\nimport Button from '~/components/Button';\n\nimport { CheckOneIcon, CloseSmallIcon, DeleteFourIcon, RedoIcon, UploadIcon } from '~/icons';\n\nimport IconWarning from './Icons/IconWarning';\nimport LoaderIcon from './Icons/IconLoader.svg';\nimport { FileIcon } from '~/components/FileIcon';\nimport { useStyles } from './useStyles';\n\nfunction getInitSizeParams(sizeBytes: number, unit: string, customUnitName: string) {\n if (unit === 'time') {\n return {\n downloaded: 0,\n unit: 'min',\n convertedSize: sizeBytes,\n };\n }\n\n if (unit === 'custom') {\n return {\n downloaded: 0,\n unit: customUnitName,\n convertedSize: sizeBytes,\n };\n }\n\n if (sizeBytes >= 10 6) {\n return {\n downloaded: 0,\n unit: 'MB',\n convertedSize: Math.floor(sizeBytes / 10 5) / 10,\n };\n }\n if (sizeBytes >= 10 3) {\n return {\n downloaded: 0,\n unit: 'KB',\n convertedSize: Math.floor(sizeBytes / 10 2) / 10,\n };\n }\n return {\n downloaded: 0,\n unit: 'B',\n convertedSize: Math.floor(sizeBytes * 10) / 10,\n };\n}\n\ninterface FilesLoaderProps extends PropTypes.InferProps<typeof filesLoaderPropTypes> {}\ninterface SizeParams {\n downloaded?: number;\n convertedSize?: number;\n unit?: string;\n}\n\n/*\n @deprecated\n /\nfunction FilesLoader({\n size,\n unit,\n name,\n customUnitName,\n sizeBytes,\n handleCancel,\n onReload,\n onDelete,\n loadedBytes,\n error,\n errorText,\n formatError,\n importButtonType,\n isLoadingAnimation,\n showActions,\n}: FilesLoaderProps): JSX.Element {\n const classes = useStyles();\n const [sizeParams, setSizeParams] = useState<SizeParams>({});\n const [progressPercent, setProgressPercent] = useState(0);\n const [isSuccessButtonVisible, setIsSuccessButtonVisible] = useState(true);\n const isLarge = size === 'large';\n const iconSize = isLarge ? 24 : 16;\n const iconButtonSize = isLarge ? 'medium' : 'small';\n\n const handleCancelProgress = () => {\n handleCancel?.(name);\n setProgressPercent(0);\n setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n };\n\n useEffect(() => {\n setSizeParams(getInitSizeParams(sizeBytes ?? 1, unit ?? 'size', customUnitName ?? ''));\n }, [sizeBytes, unit]);\n\n useEffect(() => {\n if (loadedBytes && sizeBytes) {\n const currentPercent = Math.round((loadedBytes / sizeBytes) 100);\n setSizeParams(prev => ({\n ...prev,\n downloaded: Math.floor(((prev.convertedSize ?? 0) * currentPercent) / 10) / 10,\n }));\n setProgressPercent(currentPercent);\n }\n }, [loadedBytes, sizeBytes]);\n\n useEffect(() => {\n let timerId: ReturnType<typeof setTimeout>;\n if (onDelete && progressPercent >= 100) {\n setIsSuccessButtonVisible(true);\n timerId = setTimeout(() => {\n setIsSuccessButtonVisible(false);\n }, 5000);\n }\n return () => timerId && clearTimeout(timerId);\n }, [progressPercent]);\n\n useEffect(() => {\n if (error) {\n setProgressPercent(0);\n setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n }\n }, [error]);\n\n const [iconButtonClassName, actionIconClassName] = useMemo(() => {\n const iconButtonStyle = classNames(classes.iconButton, {\n [classes.iconButtonLarge]: isLarge,\n });\n const actionIconStyle = classNames(classes.actionIcon, {\n [classes.actionIconLarge]: isLarge,\n });\n return [iconButtonStyle, actionIconStyle];\n }, [isLarge]);\n\n return (\n <div className={classes.fileStateWrapper}>\n <div className={classes.fileIconContainer}>\n <FileIcon name={name ?? ''} style={{ fontSize: isLarge ? 48 : 32 }} />\n </div>\n <div className={classes.fileState}>\n <div className={classes.fileStateProgress}>\n <div className={classes.fileNameWrapper}>\n <Typography\n className={classNames(classes.fileName, { [classes.fileNameLarge]: isLarge })}\n >\n {name && name.length > 7 ? (\n <>\n <span className={classes.firstPart}>{name.slice(0, name.length - 7)}</span>\n <span>{name.slice(-7)}</span>\n </>\n ) : (\n name\n )}\n </Typography>\n </div>\n {!isLoadingAnimation && (\n <LinearProgress\n className={classes.progressBar}\n variant=\"determinate\"\n value={progressPercent}\n classes={{\n colorPrimary: classNames(classes.progressBackground, {\n [classes.progressBarError]: error,\n }),\n barColorPrimary: classNames(classes.progressBarColor, {\n [classes.progressBarError]: error,\n }),\n }}\n />\n )}\n <div className={classes.loaderProgressContainer}>\n {!isLoadingAnimation && (\n <Typography\n className={classNames(classes.fileSize, { [classes.fileSizeLarge]: isLarge })}\n component=\"span\"\n >\n {`${sizeParams.downloaded} of ${sizeParams.convertedSize} ${sizeParams.unit}`}\n </Typography>\n )}\n <div\n className={classNames(classes.progressStatus, { [classes.fileSizeLarge]: isLarge })}\n >\n {error && (\n <Typography component=\"div\" className={classes.errorContainer}>\n <IconWarning size={size} />\n <Typography\n component=\"span\"\n className={classNames(classes.errorText, { [classes.fileSizeLarge]: isLarge })}\n >\n {formatError\n ? 'Upload Error. Unacceptable file format.'\n : `Upload Error${errorText && `. ${errorText}`}`}\n </Typography>\n </Typography>\n )}\n {!error && !isLoadingAnimation && `${progressPercent} %`}\n </div>\n </div>\n </div>\n\n {showActions && (\n <div className={classes.fileActions}>\n {progressPercent < 100 && !error && (\n <>\n {isLoadingAnimation ? (\n <div\n className={classNames(classes.loadingIcon, {\n [classes.loadingLargeIcon]: isLarge,\n })}\n style={{ backgroundImage: `url(${LoaderIcon})` }}\n />\n ) : (\n <IconButton\n tooltipProps={{ title: 'Cancel' }}\n className={iconButtonClassName}\n onClick={handleCancelProgress}\n size={iconButtonSize}\n >\n <CloseSmallIcon className={actionIconClassName} size={iconSize} />\n </IconButton>\n )}\n </>\n )}\n {progressPercent === 100 &&\n !error &&\n (!isSuccessButtonVisible && onDelete ? (\n <IconButton\n variant=\"contained\"\n tooltipProps={{ title: 'Delete' }}\n className={iconButtonClassName}\n onClick={onDelete}\n size={iconButtonSize}\n >\n <DeleteFourIcon className={actionIconClassName} size={iconSize} />\n </IconButton>\n ) : (\n <CheckOneIcon fill=\"#75DB29\" size={iconSize} style={{ marginLeft: 12 }} />\n ))}\n\n {onReload && error && (\n <>\n {!formatError ? (\n <IconButton\n size={iconButtonSize}\n tooltipProps={{ title: 'Reload' }}\n className={iconButtonClassName}\n onClick={onReload}\n >\n <RedoIcon size={iconSize} />\n </IconButton>\n ) : (\n <>\n {importButtonType === 'default' ? (\n <Button\n size={isLarge ? 'medium' : 'small'}\n variation=\"primary\"\n startIcon={<UploadIcon />}\n onClick={onReload}\n >\n Import\n </Button>\n ) : (\n <IconButton\n size={iconButtonSize}\n tooltipProps={{ title: 'Import File' }}\n className={iconButtonClassName}\n onClick={onReload}\n >\n <UploadIcon size={iconSize} />\n </IconButton>\n )}\n </>\n )}\n </>\n )}\n </div>\n )}\n </div>\n </div>\n );\n}\n\nconst filesLoaderPropTypes = {\n size: PropTypes.oneOf(['small', 'large']),\n unit: PropTypes.oneOf(['size', 'time', 'custom']),\n customUnitName: PropTypes.string,\n onDelete: PropTypes.func,\n onReload: PropTypes.func,\n handleCancel: PropTypes.func,\n name: PropTypes.string,\n sizeBytes: PropTypes.number,\n error: PropTypes.bool,\n errorText: PropTypes.string,\n formatError: PropTypes.bool,\n importButtonType: PropTypes.oneOf(['default', 'icon']),\n loadedBytes: PropTypes.number.isRequired,\n isLoadingAnimation: PropTypes.bool,\n showActions: PropTypes.bool,\n};\n\nFilesLoader.propTypes = filesLoaderPropTypes;\n\nFilesLoader.defaultProps = {\n size: 'small',\n unit: 'size',\n onDelete: null,\n onReload: null,\n name: '',\n customUnitName: '',\n sizeBytes: 1,\n error: null,\n errorText: '',\n formatError: false,\n importButtonType: 'default',\n handleCancel: null,\n isLoadingAnimation: false,\n showActions: true,\n};\nexport default FilesLoader;\n"],"names":["FilesLoader","_ref","size","unit","name","customUnitName","sizeBytes","handleCancel","onReload","onDelete","loadedBytes","error","errorText","formatError","importButtonType","isLoadingAnimation","showActions","classes","useStyles","_useState","useState","_useState2","_slicedToArray","sizeParams","setSizeParams","_useState4","_useState3","progressPercent","setProgressPercent","_useState6","_useState5","isSuccessButtonVisible","setIsSuccessButtonVisible","isLarge","iconSize","iconButtonSize","useEffect","downloaded","convertedSize","Math","pow","floor","getInitSizeParams","currentPercent","round","prev","_prev$convertedSize","_objectSpread","timerId","setTimeout","clearTimeout","useMemo","classNames","iconButton","_defineProperty","iconButtonLarge","actionIcon","actionIconLarge","_useMemo2","_useMemo","iconButtonClassName","actionIconClassName","_jsxs","className","fileStateWrapper","children","_jsx","jsx","fileIconContainer","FileIcon","style","fontSize","jsxs","fileState","fileStateProgress","fileNameWrapper","Typography","fileName","fileNameLarge","length","_Fragment","firstPart","slice","LinearProgress","progressBar","variant","value","colorPrimary","progressBackground","progressBarError","barColorPrimary","progressBarColor","loaderProgressContainer","fileSize","fileSizeLarge","component","concat","progressStatus","errorContainer","IconWarning","fileActions","loadingIcon","loadingLargeIcon","backgroundImage","IconButton","tooltipProps","title","onClick","CloseSmallIcon","DeleteFourIcon","CheckOneIcon","fill","marginLeft","Button","variation","startIcon","UploadIcon","RedoIcon","filesLoaderPropTypes","PropTypes","oneOf","string","func","number","bool","isRequired","propTypes","defaultProps"],"mappings":"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"}
1	+ {"version":3,"file":"FilesLoader.js","sources":["../../../../src/components/FilesLoader/FilesLoader.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { LinearProgress, Typography } from '@material-ui/core';\nimport IconButton from '~/components/IconButton';\nimport Button from '~/components/Button';\n\nimport { CheckOneIcon, CloseSmallIcon, DeleteFourIcon, RedoIcon, UploadIcon } from '~/icons';\n\nimport IconWarning from './Icons/IconWarning';\nimport LoaderIcon from './Icons/IconLoader.svg';\nimport { FileIcon } from '~/components/FileIcon';\nimport { useStyles } from './useStyles';\n\nfunction getInitSizeParams(sizeBytes: number, unit: string, customUnitName: string) {\n if (unit === 'time') {\n return {\n downloaded: 0,\n unit: 'min',\n convertedSize: sizeBytes,\n };\n }\n\n if (unit === 'custom') {\n return {\n downloaded: 0,\n unit: customUnitName,\n convertedSize: sizeBytes,\n };\n }\n\n if (sizeBytes >= 10 6) {\n return {\n downloaded: 0,\n unit: 'MB',\n convertedSize: Math.floor(sizeBytes / 10 5) / 10,\n };\n }\n if (sizeBytes >= 10 3) {\n return {\n downloaded: 0,\n unit: 'KB',\n convertedSize: Math.floor(sizeBytes / 10 2) / 10,\n };\n }\n return {\n downloaded: 0,\n unit: 'B',\n convertedSize: Math.floor(sizeBytes * 10) / 10,\n };\n}\n\ninterface FilesLoaderProps extends PropTypes.InferProps<typeof filesLoaderPropTypes> {}\ninterface SizeParams {\n downloaded?: number;\n convertedSize?: number;\n unit?: string;\n}\n\n/*\n @deprecated\n /\nfunction FilesLoader({\n size = 'small',\n unit = 'size',\n name = '',\n customUnitName = '',\n sizeBytes = 1,\n handleCancel = null,\n onReload = null,\n onDelete = null,\n loadedBytes,\n error = null,\n errorText = '',\n formatError = false,\n importButtonType = 'default',\n isLoadingAnimation = false,\n showActions = true,\n}: FilesLoaderProps): JSX.Element {\n const classes = useStyles();\n const [sizeParams, setSizeParams] = useState<SizeParams>({});\n const [progressPercent, setProgressPercent] = useState(0);\n const [isSuccessButtonVisible, setIsSuccessButtonVisible] = useState(true);\n const isLarge = size === 'large';\n const iconSize = isLarge ? 24 : 16;\n const iconButtonSize = isLarge ? 'medium' : 'small';\n\n const handleCancelProgress = () => {\n handleCancel?.(name);\n setProgressPercent(0);\n setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n };\n\n useEffect(() => {\n setSizeParams(getInitSizeParams(sizeBytes ?? 1, unit ?? 'size', customUnitName ?? ''));\n }, [sizeBytes, unit]);\n\n useEffect(() => {\n if (loadedBytes && sizeBytes) {\n const currentPercent = Math.round((loadedBytes / sizeBytes) 100);\n setSizeParams(prev => ({\n ...prev,\n downloaded: Math.floor(((prev.convertedSize ?? 0) * currentPercent) / 10) / 10,\n }));\n setProgressPercent(currentPercent);\n }\n }, [loadedBytes, sizeBytes]);\n\n useEffect(() => {\n let timerId: ReturnType<typeof setTimeout>;\n if (onDelete && progressPercent >= 100) {\n setIsSuccessButtonVisible(true);\n timerId = setTimeout(() => {\n setIsSuccessButtonVisible(false);\n }, 5000);\n }\n return () => timerId && clearTimeout(timerId);\n }, [progressPercent]);\n\n useEffect(() => {\n if (error) {\n setProgressPercent(0);\n setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n }\n }, [error]);\n\n const [iconButtonClassName, actionIconClassName] = useMemo(() => {\n const iconButtonStyle = classNames(classes.iconButton, {\n [classes.iconButtonLarge]: isLarge,\n });\n const actionIconStyle = classNames(classes.actionIcon, {\n [classes.actionIconLarge]: isLarge,\n });\n return [iconButtonStyle, actionIconStyle];\n }, [isLarge]);\n\n return (\n <div className={classes.fileStateWrapper}>\n <div className={classes.fileIconContainer}>\n <FileIcon name={name ?? ''} style={{ fontSize: isLarge ? 48 : 32 }} />\n </div>\n <div className={classes.fileState}>\n <div className={classes.fileStateProgress}>\n <div className={classes.fileNameWrapper}>\n <Typography\n className={classNames(classes.fileName, { [classes.fileNameLarge]: isLarge })}\n >\n {name && name.length > 7 ? (\n <>\n <span className={classes.firstPart}>{name.slice(0, name.length - 7)}</span>\n <span>{name.slice(-7)}</span>\n </>\n ) : (\n name\n )}\n </Typography>\n </div>\n {!isLoadingAnimation && (\n <LinearProgress\n className={classes.progressBar}\n variant=\"determinate\"\n value={progressPercent}\n classes={{\n colorPrimary: classNames(classes.progressBackground, {\n [classes.progressBarError]: error,\n }),\n barColorPrimary: classNames(classes.progressBarColor, {\n [classes.progressBarError]: error,\n }),\n }}\n />\n )}\n <div className={classes.loaderProgressContainer}>\n {!isLoadingAnimation && (\n <Typography\n className={classNames(classes.fileSize, { [classes.fileSizeLarge]: isLarge })}\n component=\"span\"\n >\n {`${sizeParams.downloaded} of ${sizeParams.convertedSize} ${sizeParams.unit}`}\n </Typography>\n )}\n <div\n className={classNames(classes.progressStatus, { [classes.fileSizeLarge]: isLarge })}\n >\n {error && (\n <Typography component=\"div\" className={classes.errorContainer}>\n <IconWarning size={size} />\n <Typography\n component=\"span\"\n className={classNames(classes.errorText, { [classes.fileSizeLarge]: isLarge })}\n >\n {formatError\n ? 'Upload Error. Unacceptable file format.'\n : `Upload Error${errorText && `. ${errorText}`}`}\n </Typography>\n </Typography>\n )}\n {!error && !isLoadingAnimation && `${progressPercent} %`}\n </div>\n </div>\n </div>\n\n {showActions && (\n <div className={classes.fileActions}>\n {progressPercent < 100 && !error && (\n <>\n {isLoadingAnimation ? (\n <div\n className={classNames(classes.loadingIcon, {\n [classes.loadingLargeIcon]: isLarge,\n })}\n style={{ backgroundImage: `url(${LoaderIcon})` }}\n />\n ) : (\n <IconButton\n tooltipProps={{ title: 'Cancel' }}\n className={iconButtonClassName}\n onClick={handleCancelProgress}\n size={iconButtonSize}\n >\n <CloseSmallIcon className={actionIconClassName} size={iconSize} />\n </IconButton>\n )}\n </>\n )}\n {progressPercent === 100 &&\n !error &&\n (!isSuccessButtonVisible && onDelete ? (\n <IconButton\n variant=\"contained\"\n tooltipProps={{ title: 'Delete' }}\n className={iconButtonClassName}\n onClick={onDelete}\n size={iconButtonSize}\n >\n <DeleteFourIcon className={actionIconClassName} size={iconSize} />\n </IconButton>\n ) : (\n <CheckOneIcon fill=\"#75DB29\" size={iconSize} style={{ marginLeft: 12 }} />\n ))}\n\n {onReload && error && (\n <>\n {!formatError ? (\n <IconButton\n size={iconButtonSize}\n tooltipProps={{ title: 'Reload' }}\n className={iconButtonClassName}\n onClick={onReload}\n >\n <RedoIcon size={iconSize} />\n </IconButton>\n ) : (\n <>\n {importButtonType === 'default' ? (\n <Button\n size={isLarge ? 'medium' : 'small'}\n variation=\"primary\"\n startIcon={<UploadIcon />}\n onClick={onReload}\n >\n Import\n </Button>\n ) : (\n <IconButton\n size={iconButtonSize}\n tooltipProps={{ title: 'Import File' }}\n className={iconButtonClassName}\n onClick={onReload}\n >\n <UploadIcon size={iconSize} />\n </IconButton>\n )}\n </>\n )}\n </>\n )}\n </div>\n )}\n </div>\n </div>\n );\n}\n\nconst filesLoaderPropTypes = {\n size: PropTypes.oneOf(['small', 'large']),\n unit: PropTypes.oneOf(['size', 'time', 'custom']),\n customUnitName: PropTypes.string,\n onDelete: PropTypes.func,\n onReload: PropTypes.func,\n handleCancel: PropTypes.func,\n name: PropTypes.string,\n sizeBytes: PropTypes.number,\n error: PropTypes.bool,\n errorText: PropTypes.string,\n formatError: PropTypes.bool,\n importButtonType: PropTypes.oneOf(['default', 'icon']),\n loadedBytes: PropTypes.number.isRequired,\n isLoadingAnimation: PropTypes.bool,\n showActions: PropTypes.bool,\n};\n\nFilesLoader.propTypes = filesLoaderPropTypes;\n\nexport default FilesLoader;\n"],"names":["FilesLoader","_ref","_ref$size","size","_ref$unit","unit","_ref$name","name","_ref$customUnitName","customUnitName","_ref$sizeBytes","sizeBytes","_ref$handleCancel","handleCancel","_ref$onReload","onReload","_ref$onDelete","onDelete","loadedBytes","_ref$error","error","_ref$errorText","errorText","_ref$formatError","formatError","_ref$importButtonType","importButtonType","_ref$isLoadingAnimati","isLoadingAnimation","_ref$showActions","showActions","classes","useStyles","_useState","useState","_useState2","_slicedToArray","sizeParams","setSizeParams","_useState4","_useState3","progressPercent","setProgressPercent","_useState6","_useState5","isSuccessButtonVisible","setIsSuccessButtonVisible","isLarge","iconSize","iconButtonSize","useEffect","downloaded","convertedSize","Math","pow","floor","getInitSizeParams","currentPercent","round","prev","_prev$convertedSize","_objectSpread","timerId","setTimeout","clearTimeout","useMemo","classNames","iconButton","_defineProperty","iconButtonLarge","actionIcon","actionIconLarge","_useMemo2","_useMemo","iconButtonClassName","actionIconClassName","_jsxs","className","fileStateWrapper","children","_jsx","jsx","fileIconContainer","FileIcon","style","fontSize","jsxs","fileState","fileStateProgress","fileNameWrapper","Typography","fileName","fileNameLarge","length","_Fragment","firstPart","slice","LinearProgress","progressBar","variant","value","colorPrimary","progressBackground","progressBarError","barColorPrimary","progressBarColor","loaderProgressContainer","fileSize","fileSizeLarge","component","concat","progressStatus","errorContainer","IconWarning","fileActions","loadingIcon","loadingLargeIcon","backgroundImage","IconButton","tooltipProps","title","onClick","CloseSmallIcon","DeleteFourIcon","CheckOneIcon","fill","marginLeft","Button","variation","startIcon","UploadIcon","RedoIcon","filesLoaderPropTypes","PropTypes","oneOf","string","func","number","bool","isRequired","propTypes"],"mappings":"2pKA8DA,SAASA,EAgByBC,GAAA,IAAAC,EAAAD,EAfhCE,KAAAA,aAAO,QAAOD,EAAAE,EAAAH,EACdI,KAAAA,aAAO,OAAMD,EAAAE,EAAAL,EACbM,KAAAA,aAAO,GAAED,EAAAE,EAAAP,EACTQ,eAAAA,aAAiB,GAAED,EAAAE,EAAAT,EACnBU,UAAAA,aAAY,EAACD,EAAAE,EAAAX,EACbY,aAAAA,aAAe,KAAID,EAAAE,EAAAb,EACnBc,SAAAA,aAAW,KAAID,EAAAE,EAAAf,EACfgB,SAAAA,aAAW,KAAID,EACfE,IAAAA,YAAWC,EAAAlB,EACXmB,MAAAA,aAAQ,KAAID,EAAAE,EAAApB,EACZqB,UAAAA,aAAY,GAAED,EAAAE,EAAAtB,EACduB,YAAAA,cAAmBD,EAAAE,EAAAxB,EACnByB,iBAAAA,aAAmB,UAASD,EAAAE,EAAA1B,EAC5B2B,mBAAAA,cAA0BD,EAAAE,EAAA5B,EAC1B6B,YAAAA,cAAkBD,EAEZE,EAAUC,EAAAA,YAChBC,EAAoCC,EAAQA,SAAa,IAAGC,EAAAC,EAAAA,QAAAH,EAAA,GAArDI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GACcD,EAAAA,EAAQA,SAAC,GAAEK,EAAAH,EAAAA,QAAAI,EAAA,GAAlDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GACkBL,EAAAA,EAAQA,UAAC,GAAKS,EAAAP,EAAAA,QAAAQ,EAAA,GAAnEC,GAAsBF,EAAA,GAAEG,GAAyBH,EAAA,GAClDI,GAAmB,UAAT5C,EACV6C,GAAWD,GAAU,GAAK,GAC1BE,GAAiBF,GAAU,SAAW,QAQ5CG,EAAAA,WAAU,WACRZ,EAhFJ,SAA2B3B,EAAmBN,EAAcI,GAC1D,MAAa,SAATJ,EACK,CACL8C,WAAY,EACZ9C,KAAM,MACN+C,cAAezC,GAIN,WAATN,EACK,CACL8C,WAAY,EACZ9C,KAAMI,EACN2C,cAAezC,GAIfA,GAAS0C,KAAAC,IAAI,GAAM,GACd,CACLH,WAAY,EACZ9C,KAAM,KACN+C,cAAeC,KAAKE,MAAM5C,EAAS0C,KAAAC,IAAG,GAAM,IAAK,IAGjD3C,GAAS0C,KAAAC,IAAI,GAAM,GACd,CACLH,WAAY,EACZ9C,KAAM,KACN+C,cAAeC,KAAKE,MAAM5C,EAAS0C,KAAAC,IAAG,GAAM,IAAK,IAG9C,CACLH,WAAY,EACZ9C,KAAM,IACN+C,cAAeC,KAAKE,MAAkB,GAAZ5C,GAAkB,GAEhD,CA4CkB6C,CAAkB7C,QAAAA,EAAa,EAAGN,QAAAA,EAAQ,OAAQI,QAAAA,EAAkB,IACpF,GAAG,CAACE,EAAWN,IAEf6C,EAAAA,WAAU,WACR,GAAIhC,GAAeP,EAAW,CAC5B,IAAM8C,EAAiBJ,KAAKK,MAAOxC,EAAcP,EAAa,KAC9D2B,GAAc,SAAAqB,GAAI,IAAAC,EAAA,OAAAC,EAAAA,EAAA,CAAA,EACbF,GAAI,CAAA,EAAA,CACPR,WAAYE,KAAKE,OAA0B,UAAlBI,EAAKP,qBAAa,IAAAQ,EAAAA,EAAI,GAAKH,EAAkB,IAAM,IAAE,IAEhFf,EAAmBe,EACrB,CACF,GAAG,CAACvC,EAAaP,IAEjBuC,EAAAA,WAAU,WACR,IAAIY,EAOJ,OANI7C,GAAYwB,GAAmB,MACjCK,IAA0B,GAC1BgB,EAAUC,YAAW,WACnBjB,IAA0B,EAC3B,GAAE,MAEE,WAAA,OAAMgB,GAAWE,aAAaF,EAAQ,CAC/C,GAAG,CAACrB,IAEJS,EAAAA,WAAU,WACJ9B,IACFsB,EAAmB,GACnBJ,GAAc,SAAAqB,GAAI,OAAAE,EAAAA,EAAA,CAAA,EAAUF,GAAI,CAAA,EAAA,CAAER,WAAY,GAAC,IAEnD,GAAG,CAAC/B,IAEJ,IAAmD6C,GAAAA,EAAAA,SAAQ,WAOzD,MAAO,CANiBC,EAAAA,QAAWnC,EAAQoC,WAAUC,EAAAA,QAAA,CAAA,EAClDrC,EAAQsC,gBAAkBtB,KAELmB,EAAAA,QAAWnC,EAAQuC,WAAUF,EAAAA,QAAA,CAAA,EAClDrC,EAAQwC,gBAAkBxB,KAG/B,GAAG,CAACA,KAASyB,GAAApC,EAAAA,QAAAqC,GAAA,GARNC,GAAmBF,GAAA,GAAEG,GAAmBH,GAAA,GAU/C,OACEI,EAAAA,KAAA,MAAA,CAAKC,UAAW9C,EAAQ+C,iBAAiBC,SACvC,CAAAC,EAAAC,IAAA,MAAA,CAAKJ,UAAW9C,EAAQmD,kBAAkBH,SACxCC,MAACG,WAAQ,CAAC5E,KAAMA,QAAAA,EAAQ,GAAI6E,MAAO,CAAEC,SAAUtC,GAAU,GAAK,QAEhE6B,EAAAU,KAAA,MAAA,CAAKT,UAAW9C,EAAQwD,UAAUR,SAChC,CAAAH,EAAAU,KAAA,MAAA,CAAKT,UAAW9C,EAAQyD,kBAAkBT,SACxC,CAAAC,EAAAC,IAAA,MAAA,CAAKJ,UAAW9C,EAAQ0D,gBAAgBV,SACtCC,MAACU,aAAU,CACTb,UAAWX,EAAAA,QAAWnC,EAAQ4D,SAAa5D,EAAAA,QAAAA,CAAAA,EAAAA,EAAQ6D,cAAgB7C,KAAWgC,SAE7ExE,GAAQA,EAAKsF,OAAS,EACrBjB,EAAAU,KAAAQ,WAAA,CAAAf,SACE,CAAAC,EAAAC,IAAA,OAAA,CAAMJ,UAAW9C,EAAQgE,UAAUhB,SAAExE,EAAKyF,MAAM,EAAGzF,EAAKsF,OAAS,KACjEb,EAAAC,IAAA,OAAA,CAAAF,SAAOxE,EAAKyF,OAAO,QAGrBzF,OAIJqB,GACAoD,MAACiB,iBAAc,CACbpB,UAAW9C,EAAQmE,YACnBC,QAAQ,cACRC,MAAO3D,EACPV,QAAS,CACPsE,aAAcnC,EAAAA,QAAWnC,EAAQuE,mBAC9BvE,EAAAA,QAAAA,CAAAA,EAAAA,EAAQwE,iBAAmBnF,IAE9BoF,gBAAiBtC,EAAAA,QAAWnC,EAAQ0E,iBAAgBrC,EAAAA,QAAA,CAAA,EACjDrC,EAAQwE,iBAAmBnF,OAKpCwD,EAAAU,KAAA,MAAA,CAAKT,UAAW9C,EAAQ2E,wBAAwB3B,SAAA,EAC5CnD,GACAoD,EAAAA,IAACU,EAAAA,WAAU,CACTb,UAAWX,EAAAA,QAAWnC,EAAQ4E,SAAa5E,EAAAA,QAAAA,CAAAA,EAAAA,EAAQ6E,cAAgB7D,KACnE8D,UAAU,OAAM9B,SAEZ1C,GAAAA,OAAAA,EAAWc,WAAiBd,QAAAA,OAAAA,EAAWe,cAAa,KAAA0D,OAAIzE,EAAWhC,QAG3EuE,EAAAU,KAAA,MAAA,CACET,UAAWX,EAAAA,QAAWnC,EAAQgF,eAAmBhF,EAAAA,QAAAA,CAAAA,EAAAA,EAAQ6E,cAAgB7D,KAAWgC,SAEnF3D,CAAAA,GACCwD,EAAAU,KAACI,aAAU,CAACmB,UAAU,MAAMhC,UAAW9C,EAAQiF,eAAejC,SAAA,CAC5DC,MAACiC,EAAW,CAAC9G,KAAMA,IACnB6E,MAACU,aAAU,CACTmB,UAAU,OACVhC,UAAWX,EAAAA,QAAWnC,EAAQT,UAAcS,EAAAA,QAAAA,CAAAA,EAAAA,EAAQ6E,cAAgB7D,KAAWgC,SAE9EvD,EACG,gEACeF,GAAS,KAAAwF,OAASxF,UAIzCF,IAAUQ,GAAkB,GAAAkF,OAAOrE,EAAmB,eAK7DX,GACC8C,EAAAU,KAAA,MAAA,CAAKT,UAAW9C,EAAQmF,YAAYnC,SAAA,CACjCtC,EAAkB,MAAQrB,GACzB4D,EAAAC,IAAAa,WAAA,CAAAf,SACGnD,EACCoD,EAAAC,IAAA,MAAA,CACEJ,UAAWX,EAAAA,QAAWnC,EAAQoF,YAC3BpF,EAAAA,QAAAA,CAAAA,EAAAA,EAAQqF,iBAAmBrE,KAE9BqC,MAAO,CAAEiC,8BA1MiB,qDA0MiB,QAG7CrC,MAACsC,EAAU,CACTC,aAAc,CAAEC,MAAO,UACvB3C,UAAWH,GACX+C,QAlIW,WAC3B5G,SAAAA,EAAeN,GACfmC,EAAmB,GACnBJ,GAAc,SAAAqB,GAAI,OAAAE,EAAAA,EAAA,CAAA,EAAUF,GAAI,CAAA,EAAA,CAAER,WAAY,GAAC,KAgI/BhD,KAAM8C,GAAe8B,SAErBC,MAAC0C,iBAAc,CAAC7C,UAAWF,GAAqBxE,KAAM6C,SAKzC,MAApBP,IACErB,KACCyB,IAA0B5B,EAC1B+D,MAACsC,EAAU,CACTnB,QAAQ,YACRoB,aAAc,CAAEC,MAAO,UACvB3C,UAAWH,GACX+C,QAASxG,EACTd,KAAM8C,GAAe8B,SAErBC,MAAC2C,iBAAc,CAAC9C,UAAWF,GAAqBxE,KAAM6C,OAGxDgC,MAAC4C,eAAY,CAACC,KAAK,UAAU1H,KAAM6C,GAAUoC,MAAO,CAAE0C,WAAY,OAGrE/G,GAAYK,GACX4D,EAAAA,IAAAc,EAAAA,SAAA,CAAAf,SACIvD,EAUAwD,EAAAC,IAAAa,WAAA,CAAAf,SACwB,YAArBrD,EACCsD,EAAAA,IAAC+C,EAAM,CACL5H,KAAM4C,GAAU,SAAW,QAC3BiF,UAAU,UACVC,UAAWjD,EAAAA,IAACkD,EAAUA,WAAI,IAC1BT,QAAS1G,EAASgE,SAAA,WAKpBC,MAACsC,EAAU,CACTnH,KAAM8C,GACNsE,aAAc,CAAEC,MAAO,eACvB3C,UAAWH,GACX+C,QAAS1G,EAASgE,SAElBC,MAACkD,aAAU,CAAC/H,KAAM6C,SA1BxBgC,EAAAC,IAACqC,EAAU,CACTnH,KAAM8C,GACNsE,aAAc,CAAEC,MAAO,UACvB3C,UAAWH,GACX+C,QAAS1G,EAASgE,SAElBC,MAACmD,WAAQ,CAAChI,KAAM6C,iBAgCpC,CAEA,IAAMoF,EAAuB,CAC3BjI,KAAMkI,EAAAA,QAAUC,MAAM,CAAC,QAAS,UAChCjI,KAAMgI,EAAS,QAACC,MAAM,CAAC,OAAQ,OAAQ,WACvC7H,eAAgB4H,EAAS,QAACE,OAC1BtH,SAAUoH,EAAS,QAACG,KACpBzH,SAAUsH,EAAS,QAACG,KACpB3H,aAAcwH,EAAS,QAACG,KACxBjI,KAAM8H,EAAS,QAACE,OAChB5H,UAAW0H,EAAS,QAACI,OACrBrH,MAAOiH,EAAS,QAACK,KACjBpH,UAAW+G,EAAS,QAACE,OACrB/G,YAAa6G,EAAS,QAACK,KACvBhH,iBAAkB2G,EAAAA,QAAUC,MAAM,CAAC,UAAW,SAC9CpH,YAAamH,EAAAA,QAAUI,OAAOE,WAC9B/G,mBAAoByG,EAAS,QAACK,KAC9B5G,YAAauG,EAAS,QAACK,MAGzB1I,EAAY4I,UAAYR"}

package/cjs-bundle/components/FolderMenuItem/components/FolderIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),r=require("@material-ui/core"),o=require("classnames"),l=require("./OpenFolderIcon.js"),s=require("./ClosedFolderIcon.js"),i=require("react/jsx-runtime");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e),a=t(o),u=r.makeStyles({folderIcon:{width:16,height:16,display:"flex",alignItems:"flex-end"},iconColor:function(e){return{"& svg":{fill:e.color}}}}),c=function(e){var r=e.className,o=e.isOpen,t=e.color,n=u({color:t}),c=o?l:s;return i.jsx("div",{className:a.default(n.folderIcon,n.iconColor,r),children:i.jsx(c,{})})};c.propTypes={isOpen:n.default.bool,className:n.default.string,color:n.default.string.isRequired},c.defaultProps={isOpen:!1,className:""},module.exports=c;
+"use strict";var e=require("prop-types"),r=require("@material-ui/core"),o=require("classnames"),l=require("./OpenFolderIcon.js"),i=require("./ClosedFolderIcon.js"),s=require("react/jsx-runtime");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e),a=t(o),u=r.makeStyles({folderIcon:{width:16,height:16,display:"flex",alignItems:"flex-end"},iconColor:function(e){return{"& svg":{fill:e.color}}}}),c=function(e){var r=e.className,o=void 0===r?"":r,t=e.isOpen,n=void 0!==t&&t,c=e.color,d=u({color:c}),f=n?l:i;return s.jsx("div",{className:a.default(d.folderIcon,d.iconColor,o),children:s.jsx(f,{})})};c.propTypes={isOpen:n.default.bool,className:n.default.string,color:n.default.string.isRequired},module.exports=c;
 //# sourceMappingURL=FolderIcon.js.map

package/cjs-bundle/components/FolderMenuItem/components/FolderIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FolderIcon.js","sources":["../../../../../src/components/FolderMenuItem/components/FolderIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport OpenFolderIcon from './OpenFolderIcon';\nimport ClosedFolderIcon from './ClosedFolderIcon';\n\nconst useStyles = makeStyles({\n folderIcon: {\n width: 16,\n height: 16,\n display: 'flex',\n alignItems: 'flex-end',\n },\n iconColor: ({ color }) => {\n return {\n '& svg': {\n fill: color,\n },\n };\n },\n});\n\nconst FolderIcon = ({ className, isOpen, color }) => {\n const classes = useStyles({ color });\n\n const Icon = isOpen ? OpenFolderIcon : ClosedFolderIcon;\n\n return (\n <div className={classNames(classes.folderIcon, classes.iconColor, className)}>\n <Icon />\n </div>\n );\n};\n\nFolderIcon.propTypes = {\n isOpen: PropTypes.bool,\n className: PropTypes.string,\n color: PropTypes.string.isRequired,\n};\n\~~nFolderIcon.defaultProps = {\n isOpen: false,\n className: '',\n};\n\~~nexport default FolderIcon;\n"],"names":["useStyles","makeStyles","folderIcon","width","height","display","alignItems","iconColor","_ref","fill","color","FolderIcon","_ref2","className","isOpen","classes","Icon","OpenFolderIcon","ClosedFolderIcon","_jsx","classNames","children","propTypes","PropTypes","bool","string","isRequired"~~,"defaultProps"~~],"mappings":"6RAOMA,EAAYC,EAAAA,WAAW,CAC3BC,WAAY,CACVC,MAAO,GACPC,OAAQ,GACRC,QAAS,OACTC,WAAY,YAEdC,UAAW,SAAeC,GACxB,MAAO,CACL,QAAS,CACPC,OAHQC,OAMd,IAGIC,EAAa,~~SAAkCC~~,GAAA,~~IAA/BC~~,~~IAAAA~~,~~UAAWC~~,~~IAAAA~~,~~OAAQJ~~,IAAAA,~~MACjCK~~,~~EAAUf~~,EAAU,CAAEU,MAAAA,~~IAEtBM~~,EAAOF,EAASG,EAAiBC,EAEvC,OACEC,EAAAA,IAAA,MAAA,~~CAAKN~~,~~UAAWO~~,EAAU,QAACL,~~EAAQb~~,~~WAAYa~~,~~EAAQR~~,~~UAAWM~~,~~GAAWQ~~,SAC3EF,EAAAA,IAACH,EAAI,KAGX,~~EAEAL~~,~~EAAWW~~,UAAY,CACrBR,OAAQS,EAAS,QAACC,~~KAClBX~~,~~UAAWU~~,EAAS,QAACE,~~OACrBf~~,~~MAAOa~~,EAAAA,QAAUE,OAAOC~~,YAG1Bf,EAAWgB,aAAe,CACxBb,QAAQ,EACRD,UAAW~~"}
1	+ {"version":3,"file":"FolderIcon.js","sources":["../../../../../src/components/FolderMenuItem/components/FolderIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport OpenFolderIcon from './OpenFolderIcon';\nimport ClosedFolderIcon from './ClosedFolderIcon';\n\nconst useStyles = makeStyles({\n folderIcon: {\n width: 16,\n height: 16,\n display: 'flex',\n alignItems: 'flex-end',\n },\n iconColor: ({ color }) => {\n return {\n '& svg': {\n fill: color,\n },\n };\n },\n});\n\nconst FolderIcon = ({ className = '', isOpen = false, color }) => {\n const classes = useStyles({ color });\n\n const Icon = isOpen ? OpenFolderIcon : ClosedFolderIcon;\n\n return (\n <div className={classNames(classes.folderIcon, classes.iconColor, className)}>\n <Icon />\n </div>\n );\n};\n\nFolderIcon.propTypes = {\n isOpen: PropTypes.bool,\n className: PropTypes.string,\n color: PropTypes.string.isRequired,\n};\n\nexport default FolderIcon;\n"],"names":["useStyles","makeStyles","folderIcon","width","height","display","alignItems","iconColor","_ref","fill","color","FolderIcon","_ref2","_ref2$className","className","_ref2$isOpen","isOpen","classes","Icon","OpenFolderIcon","ClosedFolderIcon","_jsx","classNames","children","propTypes","PropTypes","bool","string","isRequired"],"mappings":"6RAOMA,EAAYC,EAAAA,WAAW,CAC3BC,WAAY,CACVC,MAAO,GACPC,OAAQ,GACRC,QAAS,OACTC,WAAY,YAEdC,UAAW,SAAeC,GACxB,MAAO,CACL,QAAS,CACPC,OAHQC,OAMd,IAGIC,EAAa,SAA+CC,GAAA,IAAAC,EAAAD,EAA5CE,UAAAA,aAAY,GAAED,EAAAE,EAAAH,EAAEI,OAAAA,cAAcD,EAAEL,IAAAA,MAC9CO,EAAUjB,EAAU,CAAEU,MAAAA,IAEtBQ,EAAOF,EAASG,EAAiBC,EAEvC,OACEC,EAAAA,IAAA,MAAA,CAAKP,UAAWQ,EAAU,QAACL,EAAQf,WAAYe,EAAQV,UAAWO,GAAWS,SAC3EF,EAAAA,IAACH,EAAI,KAGX,EAEAP,EAAWa,UAAY,CACrBR,OAAQS,EAAS,QAACC,KAClBZ,UAAWW,EAAS,QAACE,OACrBjB,MAAOe,EAAAA,QAAUE,OAAOC"}

package/cjs-bundle/components/FolderMenuItem/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("prop-types"),i=require("classnames"),r=require("@material-ui/core"),o=require("@material-ui/icons/AddCircle"),n=require("@material-ui/icons/ExpandLess"),l=require("@material-ui/icons/ExpandMore"),a=require("../IconButton/index.js"),s=require("react/jsx-runtime"),d=require("./components/FolderIcon.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(e),p=c(t),f=c(i),b=c(o),g=c(n),m=c(l);function h(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,r)}return i}function j(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?h(Object(i),!0).forEach((function(t){u.default(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):h(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var v=r.makeStyles((function(e){return{folderMenuItem:{alignItems:"center",backgroundColor:e.palette.background.b8,color:"#FFFFFF",cursor:"pointer",display:"flex",fontSize:"0.875rem",fontWeight:"500",height:36,justifyContent:"space-between",paddingLeft:48,paddingRight:4,position:"relative",width:"100%",boxSizing:"border-box","&:hover":{backgroundColor:"rgba(3, 188, 212, 0.07)"},"&:hover svg":{visibility:"visible"},"&:hover $addIcon":{visibility:"visible"},"&:hover $toggleIcon":{visibility:"visible"}},addIcon:{visibility:"hidden"},toggleIcon:{visibility:"hidden"},folderMenuItemSelected:{backgroundColor:"rgba(3, 188, 212, 0.15) !important","&::before":{left:0,height:"100%",width:4,backgroundColor:e.palette.primary.main,position:"absolute",content:'""',borderRadius:"4px 0 0 4px"}},addCircleIcon:{visibility:"hidden"},actions:{display:"flex",alignItems:"center"},folderIcon:{position:"absolute",left:24,top:8},folderName:{overflow:"hidden",marginRight:4,height:"36px",lineHeight:"36px",whiteSpace:"nowrap",textOverflow:"ellipsis",userSelect:"none"}}})),x=function(e){var t=e.folderColor,i=e.isCreatable,o=e.isOpen,n=e.isSelected,l=e.name,c=e.onAdd,p=e.onClick,h=e.onToggle,x=v();return s.jsxs("div",{className:f.default(x.folderMenuItem,u.default({},x.folderMenuItemSelected,n)),onClick:p,children:[s.jsx(d,{color:t,isOpen:o,className:x.folderIcon}),s.jsx("div",{className:x.folderName,children:l}),s.jsxs("div",{className:x.actions,children:[i&&s.jsx(r.Tooltip,{title:"Add Page",placement:"bottom-end",children:s.jsx(a,{className:x.addIcon,size:"small",onClick:function(e){e.stopPropagation(),c()},children:s.jsx(b.default,{fontSize:"small"})})}),s.jsx(a,{className:x.toggleIcon,size:"small",onClick:function(e){e.stopPropagation(),h()},children:s.jsx((function(e){return s.jsx(r.Tooltip,{title:o?"Collapse":"Expand",placement:"bottom-end",children:o?s.jsx(g.default,j({},e)):s.jsx(m.default,j({},e))})}),{fontSize:"small"})})]})]})};x.propTypes={folderColor:p.default.string.isRequired,isCreatable:p.default.bool,isOpen:p.default.bool,isSelected:p.default.bool,name:p.default.string.isRequired,onAdd:p.default.func.isRequired,onClick:p.default.func.isRequired,onToggle:p.default.func.isRequired},x.defaultProps={isCreatable:!1,isOpen:!1,isSelected:!1},module.exports=x;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),i=require("prop-types"),t=require("classnames"),o=require("@material-ui/core"),r=require("@material-ui/icons/AddCircle"),n=require("@material-ui/icons/ExpandLess"),l=require("@material-ui/icons/ExpandMore"),a=require("../IconButton/index.js"),s=require("react/jsx-runtime"),d=require("./components/FolderIcon.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(e),f=c(i),p=c(t),b=c(r),g=c(n),m=c(l);function h(e,i){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable}))),t.push.apply(t,o)}return t}function v(e){for(var i=1;i<arguments.length;i++){var t=null!=arguments[i]?arguments[i]:{};i%2?h(Object(t),!0).forEach((function(i){u.default(e,i,t[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(t,i))}))}return e}var j=o.makeStyles((function(e){return{folderMenuItem:{alignItems:"center",backgroundColor:e.palette.background.b8,color:"#FFFFFF",cursor:"pointer",display:"flex",fontSize:"0.875rem",fontWeight:"500",height:36,justifyContent:"space-between",paddingLeft:48,paddingRight:4,position:"relative",width:"100%",boxSizing:"border-box","&:hover":{backgroundColor:"rgba(3, 188, 212, 0.07)"},"&:hover svg":{visibility:"visible"},"&:hover $addIcon":{visibility:"visible"},"&:hover $toggleIcon":{visibility:"visible"}},addIcon:{visibility:"hidden"},toggleIcon:{visibility:"hidden"},folderMenuItemSelected:{backgroundColor:"rgba(3, 188, 212, 0.15) !important","&::before":{left:0,height:"100%",width:4,backgroundColor:e.palette.primary.main,position:"absolute",content:'""',borderRadius:"4px 0 0 4px"}},addCircleIcon:{visibility:"hidden"},actions:{display:"flex",alignItems:"center"},folderIcon:{position:"absolute",left:24,top:8},folderName:{overflow:"hidden",marginRight:4,height:"36px",lineHeight:"36px",whiteSpace:"nowrap",textOverflow:"ellipsis",userSelect:"none"}}})),x=function(e){var i=e.folderColor,t=e.isCreatable,r=void 0!==t&&t,n=e.isOpen,l=void 0!==n&&n,c=e.isSelected,f=void 0!==c&&c,h=e.name,x=e.onAdd,y=e.onClick,O=e.onToggle,C=j();return s.jsxs("div",{className:p.default(C.folderMenuItem,u.default({},C.folderMenuItemSelected,f)),onClick:y,children:[s.jsx(d,{color:i,isOpen:l,className:C.folderIcon}),s.jsx("div",{className:C.folderName,children:h}),s.jsxs("div",{className:C.actions,children:[r&&s.jsx(o.Tooltip,{title:"Add Page",placement:"bottom-end",children:s.jsx(a,{className:C.addIcon,size:"small",onClick:function(e){e.stopPropagation(),x()},children:s.jsx(b.default,{fontSize:"small"})})}),s.jsx(a,{className:C.toggleIcon,size:"small",onClick:function(e){e.stopPropagation(),O()},children:s.jsx((function(e){return s.jsx(o.Tooltip,{title:l?"Collapse":"Expand",placement:"bottom-end",children:l?s.jsx(g.default,v({},e)):s.jsx(m.default,v({},e))})}),{fontSize:"small"})})]})]})};x.propTypes={folderColor:f.default.string.isRequired,isCreatable:f.default.bool,isOpen:f.default.bool,isSelected:f.default.bool,name:f.default.string.isRequired,onAdd:f.default.func.isRequired,onClick:f.default.func.isRequired,onToggle:f.default.func.isRequired},module.exports=x;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/FolderMenuItem/index.js.map CHANGED Viewed

	@@ -1 +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","jsx","jsxs","Tooltip","title","placement","IconButton","size","e","stopPropagation","AddCircleIcon","props","ExpandLess","_objectSpread","ExpandMore","propTypes","PropTypes","string","isRequired","bool","func"~~,"defaultProps"~~],"mappings":"2jCAWA,IAAMA,EAAYC,EAAAA,YAAW,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~~,EAAAA,KAAA,MAAA,CACEC,UAAWC,EAAAA,QAAWH,~~EAAQhD~~,~~eAC3BgD~~,EAAAA,QAAAA,CAAAA,EAAAA,~~EAAQ3B~~,~~uBAAyBsB~~,IAEpCG,QAASA,EAAQM,SAAA,CAEjBC,MAACC,EAAU,~~CAAChD~~,MAAOkC,~~EAAaE~~,OAAQA,~~EAAQQ~~,UAAWF,~~EAAQnB~~,~~aACnEwB~~,EAAAE,IAAA,MAAA,CAAKL,UAAWF,~~EAAQjB~~,~~WAAWqB~~,SAAER,IACrCK,EAAAO,KAAA,MAAA,CAAKN,UAAWF,~~EAAQpB~~,~~QAAQwB~~,~~SAC7BX~~,CAAAA,~~GACCY~~,EAAAE,IAACE,UAAO,CAACC,MAAM,WAAWC,UAAU,aAAYP,SAC9CC,MAACO,EAAU,CAACV,UAAWF,~~EAAQ7B~~,~~QAAS0C~~,KAAK,QAAQf,QAtBzC,SAAAgB,GACpBA,EAAEC,kBACFlB,KAoBoFO,SAC1EC,MAACW,UAAa,~~CAACvD~~,SAAS,~~cAI9B4C~~,MAACO,EAAU,CAACV,UAAWF,~~EAAQ5B~~,~~WAAYyC~~,KAAK,QAAQf,QAtBzC,SAAAgB,GACnBA,EAAEC,kBACFhB,KAoBkFK,SAC5EC,OAnCW,SAAAY,GAAK,OAEtBZ,EAAAA,IAACI,EAAAA,QAAO,CAACC,~~MAAOhB~~,EAAS,WAAa,~~SAAUiB~~,UAAU,aAAYP,~~SACnEV~~,~~EAASW~~,EAAAA,IAACa,EAAAA,QAAUC,EAAA,CAAA,EAAKF,IAAYZ,EAAAE,IAACa,EAAU,QAAAD,EAAA,CAAA,EAAKF,QAgCvC,~~CAACxD~~,SAAS,iBAK/B,EAEA6B,~~EAAe+B~~,UAAY,~~CACzB7B~~,~~YAAa8B~~,EAAAA,QAAUC,OAAOC,~~WAC9B/~~B,~~YAAa6B,~~EAAS,QAACG,~~KACvB/B~~,~~OAAQ4B~~,EAAS,QAACG,KAClB9B,WAAY2B,EAAS,QAACG,KACtB7B,KAAM0B,EAAAA,QAAUC,OAAOC,WACvB3B,MAAOyB,EAAAA,QAAUI,KAAKF,WACtB1B,QAASwB,EAAAA,QAAUI,KAAKF,WACxBzB,SAAUuB,EAAAA,QAAUI,KAAKF~~,YAG3BlC,EAAeqC,aAAe,CAC5BlC,aAAa,EACbC,QAAQ,EACRC,YAAY~~"}
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 = 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","jsx","jsxs","Tooltip","title","placement","IconButton","size","e","stopPropagation","AddCircleIcon","props","ExpandLess","_objectSpread","ExpandMore","propTypes","PropTypes","string","isRequired","bool","func"],"mappings":"2jCAWA,IAAMA,EAAYC,EAAAA,YAAW,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,EAAAA,KAAA,MAAA,CACEC,UAAWC,EAAAA,QAAWH,EAAQnD,eAC3BmD,EAAAA,QAAAA,CAAAA,EAAAA,EAAQ9B,uBAAyByB,IAEpCG,QAASA,EAAQM,SAAA,CAEjBC,MAACC,EAAU,CAACnD,MAAOkC,EAAaI,OAAQA,EAAQS,UAAWF,EAAQtB,aACnE2B,EAAAE,IAAA,MAAA,CAAKL,UAAWF,EAAQpB,WAAWwB,SAAER,IACrCK,EAAAO,KAAA,MAAA,CAAKN,UAAWF,EAAQvB,QAAQ2B,SAC7Bb,CAAAA,GACCc,EAAAE,IAACE,UAAO,CAACC,MAAM,WAAWC,UAAU,aAAYP,SAC9CC,MAACO,EAAU,CAACV,UAAWF,EAAQhC,QAAS6C,KAAK,QAAQf,QAtBzC,SAAAgB,GACpBA,EAAEC,kBACFlB,KAoBoFO,SAC1EC,MAACW,UAAa,CAAC1D,SAAS,cAI9B+C,MAACO,EAAU,CAACV,UAAWF,EAAQ/B,WAAY4C,KAAK,QAAQf,QAtBzC,SAAAgB,GACnBA,EAAEC,kBACFhB,KAoBkFK,SAC5EC,OAnCW,SAAAY,GAAK,OAEtBZ,EAAAA,IAACI,EAAAA,QAAO,CAACC,MAAOjB,EAAS,WAAa,SAAUkB,UAAU,aAAYP,SACnEX,EAASY,EAAAA,IAACa,EAAAA,QAAUC,EAAA,CAAA,EAAKF,IAAYZ,EAAAE,IAACa,EAAU,QAAAD,EAAA,CAAA,EAAKF,QAgCvC,CAAC3D,SAAS,iBAK/B,EAEA6B,EAAekC,UAAY,CACzBhC,YAAaiC,EAAAA,QAAUC,OAAOC,WAC9BjC,YAAa+B,EAAS,QAACG,KACvBhC,OAAQ6B,EAAS,QAACG,KAClB9B,WAAY2B,EAAS,QAACG,KACtB7B,KAAM0B,EAAAA,QAAUC,OAAOC,WACvB3B,MAAOyB,EAAAA,QAAUI,KAAKF,WACtB1B,QAASwB,EAAAA,QAAUI,KAAKF,WACxBzB,SAAUuB,EAAAA,QAAUI,KAAKF"}

package/cjs-bundle/components/FolderMenuItemWithLinks/index.js CHANGED Viewed

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

package/cjs-bundle/components/FolderMenuItemWithLinks/index.js.map CHANGED Viewed

	@@ -1 +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":"+ZAOMA,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,EAAQA,~~SAACT~~,~~GAAcU~~,EAAAC,EAAAA,QAAAC,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,EAAAA,KAAA,MAAA,CAAAC,SAAA,CACEC,MAACC,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~~,MAACK,WAAQ,CAACC,~~GAAIzB~~,~~EAAQ0B~~,QAAQ,OAAOC,eAAa,EAAAT,SAChDC,MAACS,OAAI,CAACC,gBAAc,EAAAX,~~SACjBjB~~,~~EAAM6B~~,KAAI,SAAAhB,GAAI,OACbK,EAAAA,IAACY,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~~,EAAAA,QAAUC,OAAOC,~~WACrBrC~~,~~OAAQmC~~,EAAS,QAACG,KAClB/B,eAAgB4B,EAAAA,QAAUC,OAAOC,~~WACjCpC~~,~~MAAOkC~~,EAAS,QAACI,QACfJ,EAAAA,QAAUK,MAAM,~~CACd3C~~,~~GAAIsC~~,EAAAA,QAAUC,OAAOC,WACrBrB,MAAOmB,EAAAA,QAAUC,OAAOC,WACxBL,WAAYG,EAAS,QAACG,KACtBG,IAAKN,EAAAA,QAAUC,OAAOC,~~cAG1BnC~~,~~KAAMiC~~,EAAAA,QAAUC,OAAOC,WACvBhC,YAAa8B,EAAAA,QAAUO,KAAKL,~~WAC5BjC~~,~~cAAe+B~~,EAAS,QAACO,~~KACzB9C~~,~~YAAauC~~,EAAAA,QAAUC,OAAOC,~~WAC9BvC~~,~~YAAaqC~~,EAAS,QAACG,KACvBhC,OAAQ6B,EAAAA,QAAUO,KAAKL,~~WACvBlC~~,~~MAAOgC~~,EAAAA,QAAUO,KAAKL,~~YAGxB3C~~,~~EAAwBiD~~,~~aAAe~~,~~CACrC7C~~,~~aAAa~~,~~EACbE,QAAQ,EACRC,MAAO,GACPG,cAAe,WAAO~~"}
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 = 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":"+ZAOMA,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,EAAQA,SAACZ,GAAca,EAAAC,EAAAA,QAAAC,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,EAAAA,KAAA,MAAA,CAAAC,SAAA,CACEC,MAACC,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,MAACK,WAAQ,CAACC,GAAI9B,EAAQ+B,QAAQ,OAAOC,eAAa,EAAAT,SAChDC,MAACS,OAAI,CAACC,gBAAc,EAAAX,SACjBpB,EAAMgC,KAAI,SAAAhB,GAAI,OACbK,EAAAA,IAACY,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,EAAAA,QAAUC,OAAOC,WACrB1C,OAAQwC,EAAS,QAACG,KAClB/B,eAAgB4B,EAAAA,QAAUC,OAAOC,WACjCvC,MAAOqC,EAAS,QAACI,QACfJ,EAAAA,QAAUK,MAAM,CACdjD,GAAI4C,EAAAA,QAAUC,OAAOC,WACrBrB,MAAOmB,EAAAA,QAAUC,OAAOC,WACxBL,WAAYG,EAAS,QAACG,KACtBG,IAAKN,EAAAA,QAAUC,OAAOC,cAG1BrC,KAAMmC,EAAAA,QAAUC,OAAOC,WACvBhC,YAAa8B,EAAAA,QAAUO,KAAKL,WAC5BlC,cAAegC,EAAS,QAACO,KACzBpD,YAAa6C,EAAAA,QAAUC,OAAOC,WAC9B5C,YAAa0C,EAAS,QAACG,KACvBhC,OAAQ6B,EAAAA,QAAUO,KAAKL,WACvBpC,MAAOkC,EAAAA,QAAUO,KAAKL,YAGxB,IAAMtC,EAA4C,GAC5CK,EAAsD,WAAQ"}

package/cjs-bundle/components/Formula/RootXIcon.js CHANGED Viewed

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

package/cjs-bundle/components/Formula/RootXIcon.js.map CHANGED Viewed

	@@ -1 +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","jsx","d","stroke","strokeMiterlimit","strokeLinecap","strokeLinejoin","propTypes","string"~~,"defaultProps"~~],"mappings":"oJAEMA,EAAY,SAAHC,GAAA,~~IAAMC~~,~~IAAAA~~,~~MAAK~~,~~OACxBC~~,EAAAA,KAAA,MAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SAC5F,CAAAC,EAAAC,IAAA,OAAA,CACEC,EAAE,wCACFC,OAAQX,EACRY,iBAAiB,KACjBC,cAAc,QACdC,eAAe,UAEjBN,EAAAC,IAAA,OAAA,CACEC,EAAE,uBACFC,OAAQX,EACRY,iBAAiB,KACjBC,cAAc,QACdC,eAAe,UAEjBN,EAAAC,IAAA,OAAA,CACEC,EAAE,uBACFC,OAAQX,EACRY,iBAAiB,KACjBC,cAAc,QACdC,eAAe,YAEb,~~EAGRhB~~,~~EAAUiB~~,UAAY,CACpBf,WAAgB,QAACgB~~,QAGnBlB,EAAUmB,aAAe,CACvBjB,MAAO~~"}
1	+ {"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","jsx","d","stroke","strokeMiterlimit","strokeLinecap","strokeLinejoin","propTypes","string"],"mappings":"oJAEMA,EAAY,SAAHC,GAAA,IAAAC,EAAAD,EAAME,MAAAA,aAAQ,UAASD,EAAA,OACpCE,EAAAA,KAAA,MAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SAC5F,CAAAC,EAAAC,IAAA,OAAA,CACEC,EAAE,wCACFC,OAAQX,EACRY,iBAAiB,KACjBC,cAAc,QACdC,eAAe,UAEjBN,EAAAC,IAAA,OAAA,CACEC,EAAE,uBACFC,OAAQX,EACRY,iBAAiB,KACjBC,cAAc,QACdC,eAAe,UAEjBN,EAAAC,IAAA,OAAA,CACEC,EAAE,uBACFC,OAAQX,EACRY,iBAAiB,KACjBC,cAAc,QACdC,eAAe,YAEb,EAGRjB,EAAUkB,UAAY,CACpBf,WAAgB,QAACgB"}

package/cjs-bundle/components/GoogleDocsViewer/index.js CHANGED Viewed

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

package/cjs-bundle/components/GoogleDocsViewer/index.js.map CHANGED Viewed

	@@ -1 +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","jsxs","toolbar","_jsx","Typography","IconButton","size","iconButton","jsx","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":"wgBAcMA,EAAmB,SAOnBC,GAAA,IANJC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,~~SACAC~~,~~IAAAA~~,~~YACAC~~,IAAAA,~~QACeC~~,~~IAAf~~,~~eAEkCC~~,EAAAA,EAAQA,UAAC,GAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAzCC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GACgBD,EAAAA,EAAQA,UAAC,GAAMM,EAAAJ,EAAAA,QAAAK,EAAA,GAAtDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GACpCI,EAAaC,YAAU,MACvBC,EAAYD,YAAU,MACtBE,EAASC,EAAAA,YAETC,EAAgBC,EAAAA,aAAY,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,EAAAA,WAAU,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~~,EAAAA,KAAA,MAAA,CAAK,cAAgBhC,GAAAA,OAAAA,~~EAAmBH~~,UAAAA,OAAAA,~~GAAYoC~~,UAAWnB,EAAOoB,OAAOC,SAC3E,CAAAH,EAAAI,KAAA,MAAA,CAAKH,UAAWnB,EAAOuB,QAAQF,SAAA,CAC7BG,MAACC,aAAU,CAAC,cAAA,GAAArB,OAAgBlB,EAAsB,aAAAmC,~~SAAEtC~~,~~IACpDmC~~,EAAAI,KAAA,MAAA,CAAAD,SAAA,CACEG,MAACE,aAAU,CAACC,KAAK,QAAQR,UAAWnB,EAAO4B,WAAWP,SACpDG,EAAAK,IAAA,IAAA,CAAGC,UAAQ,EAACC,~~KAAMlD~~,~~EAASmD~~,OAAO,SAASC,IAAI,sBAAqBZ,SAClEG,MAACU,UAAU,CAACC,SAAS,cAGzBX,MAACE,aAAU,CAACC,KAAK,QAAQS,~~QAASnD~~,~~EAASkC~~,UAAWnB,EAAO4B,WAAWP,SACtEG,MAACa,UAAS,CAACF,SAAS,kBAKzB5C,GACCiC,EAAAK,IAAA,MAAA,CAAKV,UAAWnB,EAAOsC,MAAMjB,SAC3BG,MAACe,EAAgB,CAACC,OAAO,MAG5B7C,EACC6B,EAAAK,IAAA,MAAA,CAAKV,UAAWnB,EAAOsC,MAAMjB,SAC3BG,MAACC,aAAU,CAACgB,QAAQ,QAAQtB,UAAWnB,EAAO0C,OAAOrB,SAAA,qBAKvDG,EAAAK,IAAA,SAAA,CACE,cAAA,GAAAzB,OAAgBlB,EAAmB,UACnCiC,UAAWwB,EAAAA,QAAW3C,EAAOsC,MAC1BtC,EAAAA,QAAAA,CAAAA,EAAAA,EAAO4C,YAAcrD,IAExBsD,~~MAAOhE~~,~~EACP4B~~,IAAKP,IACL4C,OAAQjC,EACRkC,QA3DiB,WACvBlC,IACAjB,GAAmB,IA0DboD,IAAKjD,MAKf,~~EAEApB~~,~~EAAiBsE~~,UAAY,~~CAC3BpE~~,~~QAASqE~~,EAAAA,QAAUC,OAAOC,~~WAC1BpE~~,~~YAAakE~~,EAAAA,QAAUG,MAAM,CAAC,SAAU,~~WACxCtE~~,~~SAAUmE~~,EAAS,QAACC,~~OACpBrE~~,~~SAAUoE~~,EAAS,QAACI,~~OACpBrE~~,~~QAASiE~~,EAAAA,QAAUK,KAAKH,WACxB,cAAeF,EAAS,QAACC~~,QAG3BxE,EAAiB6E,aAAe,CAC9BzE,cAAU0E,EACV3E,cAAU2E,EACVzE,YAAa,SACb,cAAe~~"}
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 = '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","jsxs","toolbar","_jsx","Typography","IconButton","size","iconButton","jsx","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":"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"}

package/cjs-bundle/components/IconMenu/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),o=require("prop-types"),n=require("@material-ui/core"),a=require("@material-ui/icons"),i=require("../IconButton/index.js"),l=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(e),c=s(t),p=s(o);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){u.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function h(e){var t=e.classes,o=e["data-testid"],a=e.iconButtonStyle,i=e.color,s=e.disableRipple,u=e.className,p=e.IconElement,d=e.IconButtonComponent,h=e.disabled,m=e.iconButtonProps,b=e.children,g=e.anchorOrigin,O=e.transformOrigin,y=e.marginThreshold,v=e.menuProps,P=e.tooltipProps,j=e.paperClassName,B=r.useState(null),T=c.default(B,2),x=T[0],C=T[1],w=!!x,q=r.useState(!1),I=c.default(q,2),N=I[0],S=I[1];r.useEffect((function(){var e;return w&&setTimeout((function(){e=S(w)}),500),function(){e&&clearTimeout(e)}}),[w]);var E=function(e){e.stopPropagation(),C(null),S(!1)},R=l.jsx(d,f(f({"aria-label":"IconMenu","aria-owns":w?"icon-menu":void 0,"aria-haspopup":"true","data-testid":o,onClick:function(e){e.stopPropagation(),e.preventDefault(),C(e.currentTarget)},classes:{root:t.iconButton},className:u,style:a,color:i,disableRipple:s,disabled:h},m),{},{children:p}));return l.jsxs(l.Fragment,{children:[P?l.jsx(n.Tooltip,f(f({},P),{},{children:R})):R,l.jsx(n.Menu,f(f({id:"icon-menu",anchorEl:x,open:w,MenuListProps:{"data-testid":"".concat(o,"Dropdown")},disableAutoFocus:!N,autoFocus:N,onClose:E,onClick:E,anchorOrigin:g,transformOrigin:O,classes:{paper:t.paper},elevation:0,marginThreshold:y,PaperProps:{className:t[j]}},v),{},{children:b}))]})}h.propTypes={children:p.default.oneOfType([p.default.string,p.default.node,p.default.array]),classes:p.default.shape({iconButton:p.default.string,paper:p.default.string}),className:p.default.string,color:p.default.string,IconElement:p.default.element,IconButtonComponent:p.default.any,iconButtonStyle:p.default.shape({}),anchorOrigin:p.default.shape({horizontal:p.default.oneOf(["left","center","right"]),vertical:p.default.oneOf(["top","center","bottom"])}),transformOrigin:p.default.shape({horizontal:p.default.oneOf(["left","center","right"]),vertical:p.default.oneOf(["top","center","bottom"])}),disableRipple:p.default.bool,"data-testid":p.default.string,marginThreshold:p.default.number,disabled:p.default.bool,tooltipProps:p.default.shape({}),menuProps:p.default.shape({}),iconButtonProps:p.default.shape({}),paperClassName:p.default.string},h.defaultProps={children:void 0,classes:{},className:void 0,color:void 0,"data-testid":void 0,IconElement:l.jsx(a.MoreVert,{}),iconButtonStyle:void 0,IconButtonComponent:i,disableRipple:!1,anchorOrigin:{horizontal:"right",vertical:"top"},transformOrigin:{horizontal:"right",vertical:"bottom"},marginThreshold:void 0,disabled:!1,tooltipProps:void 0,menuProps:{},iconButtonProps:{},paperClassName:""};var m=n.withStyles((function(e){return{iconButton:{borderRadius:8,padding:"10px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1,backgroundColor:"rgba(255, 255, 255, 0.16)"},"& .MuiTouchRipple-child":{borderRadius:8}},paper:{}}}))(h);module.exports=m;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),o=require("prop-types"),n=require("@material-ui/core"),a=require("@material-ui/icons"),i=require("../IconButton/index.js"),l=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(e),c=s(t),p=s(o);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){u.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function h(e){var t=e.classes,o=void 0===t?m:t,a=e["data-testid"],i=e.iconButtonStyle,s=e.color,u=e.disableRipple,p=void 0!==u&&u,d=e.className,h=e.IconElement,j=void 0===h?b:h,x=e.IconButtonComponent,T=void 0===x?g:x,B=e.disabled,w=void 0!==B&&B,q=e.iconButtonProps,C=void 0===q?P:q,S=e.children,D=e.anchorOrigin,E=void 0===D?v:D,I=e.transformOrigin,N=void 0===I?O:I,R=e.marginThreshold,M=e.menuProps,k=void 0===M?y:M,z=e.tooltipProps,F=e.paperClassName,A=void 0===F?"":F,L=r.useState(null),V=c.default(L,2),G=V[0],H=V[1],J=!!G,K=r.useState(!1),Q=c.default(K,2),U=Q[0],W=Q[1];r.useEffect((function(){var e;return J&&setTimeout((function(){e=W(J)}),500),function(){e&&clearTimeout(e)}}),[J]);var X=function(e){e.stopPropagation(),H(null),W(!1)},Y=l.jsx(T,f(f({"aria-label":"IconMenu","aria-owns":J?"icon-menu":void 0,"aria-haspopup":"true","data-testid":a,onClick:function(e){e.stopPropagation(),e.preventDefault(),H(e.currentTarget)},classes:{root:o.iconButton},className:d,style:i,color:s,disableRipple:p,disabled:w},C),{},{children:j}));return l.jsxs(l.Fragment,{children:[z?l.jsx(n.Tooltip,f(f({},z),{},{children:Y})):Y,l.jsx(n.Menu,f(f({id:"icon-menu",anchorEl:G,open:J,MenuListProps:{"data-testid":"".concat(a,"Dropdown")},disableAutoFocus:!U,autoFocus:U,onClose:X,onClick:X,anchorOrigin:E,transformOrigin:N,classes:{paper:o.paper},elevation:0,marginThreshold:R,PaperProps:{className:o[A]}},k),{},{children:S}))]})}h.propTypes={children:p.default.oneOfType([p.default.string,p.default.node,p.default.array]),classes:p.default.shape({iconButton:p.default.string,paper:p.default.string}),className:p.default.string,color:p.default.string,IconElement:p.default.element,IconButtonComponent:p.default.any,iconButtonStyle:p.default.shape({}),anchorOrigin:p.default.shape({horizontal:p.default.oneOf(["left","center","right"]),vertical:p.default.oneOf(["top","center","bottom"])}),transformOrigin:p.default.shape({horizontal:p.default.oneOf(["left","center","right"]),vertical:p.default.oneOf(["top","center","bottom"])}),disableRipple:p.default.bool,"data-testid":p.default.string,marginThreshold:p.default.number,disabled:p.default.bool,tooltipProps:p.default.shape({}),menuProps:p.default.shape({}),iconButtonProps:p.default.shape({}),paperClassName:p.default.string};var m={},b=l.jsx(a.MoreVert,{}),g=i,v={horizontal:"right",vertical:"top"},O={horizontal:"right",vertical:"bottom"},y={},P={},j=n.withStyles((function(e){return{iconButton:{borderRadius:8,padding:"10px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1,backgroundColor:"rgba(255, 255, 255, 0.16)"},"& .MuiTouchRipple-child":{borderRadius:8}},paper:{}}}))(h);module.exports=j;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/IconMenu/index.js.map CHANGED Viewed

	@@ -1 +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","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":"28BAuBA,SAASA,EAqBNC,GAAA,~~IApBDC~~,~~IAAAA~~,~~QAEeC~~,IAAf,eACAC,IAAAA,gBACAC,IAAAA,~~MACAC~~,~~IAAAA~~,~~cACAC~~,~~IAAAA~~,~~UACAC~~,IAAAA,~~YACAC~~,~~IAAAA~~,~~oBACAC~~,~~IAAAA~~,~~SACAC~~,~~IAAAA~~,~~gBAEAC~~,~~IAAAA~~,~~SACAC~~,~~IAAAA~~,~~aACAC~~,~~IAAAA~~,~~gBACAC~~,~~IAAAA~~,~~gBACAC~~,IAAAA,~~UAEAC~~,IAAAA,~~aACAC~~,IAAAA,~~eAEgCC~~,EAAAA,EAAQA,SAAC,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAvCC,EAAQH,EAAA,GAAEI,EAAWJ,EAAA,GACtBK,IAAWF,EAY6BJ,EAAAA,EAAQA,UAAC,GAAMO,EAAAL,EAAAA,QAAAM,EAAA,GAAtDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAC1CI,EAAAA,WAAU,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,EACJC,EAAAC,~~IAAC9B~~,~~EAAmB+B~~,EAAAA,EAAA,CAClB,aAAW,WACX,YAAWf,EAAS,iBAAcgB,EAClC,gBAAc,OACd,~~cAAatC~~,~~EACbuC~~,QAZe,SAAAP,GACjBA,EAAMC,kBACND,EAAMQ,iBACNnB,EAAYW,EAAMS,~~gBAUhB1C~~,QAAS,~~CAAE2C~~,~~KAAM3C~~,~~EAAQ4C~~,~~YACzBvC~~,UAAWA,~~EACXwC~~,~~MAAO3C~~,EACPC,MAAOA,~~EACPC~~,cAAeA,~~EACfI~~,SAAUA,~~GACNC~~,GAAe,GAAA,~~CAAAC~~,~~SAElBJ~~,KAIL,~~OACEwC~~,EAAAA,KAAAC,EAAAA,SAAA,~~CAAArC~~,SAAA,~~CACGK~~,~~EAAeqB~~,EAAAA,IAACY,EAAOA,~~eAAKjC~~,GAAY,GAAA,~~CAAAL~~,~~SAAGyB~~,KAA+BA,EAC3EC,EAAAA,IAACa,EAAAA,KAAIX,EAAAA,EAAA,CACHY,GAAG,YACH7B,SAAUA,EACV8B,KAAM5B,EACN6B,cAAe,CAAE,~~wBAAkBnD~~,EAAM,~~aACzCoD~~,kBAAmB3B,EACnB4B,UAAW5B,EACX6B,QAASvB,EACTQ,QAASR,~~EACTrB~~,aAAcA,~~EACdC~~,gBAAiBA,~~EACjBZ~~,QAAS,~~CAAEwD~~,~~MAAOxD~~,~~EAAQwD~~,OAC1BC,UAAW,~~EACX5C~~,gBAAiBA,~~EACjB6C~~,WAAY,~~CACVrD~~,~~UAAWL~~,~~EAAQgB~~,~~KAEjBF~~,GAAS,GAAA,~~CAAAJ~~,SAEZA,OAIT,~~CAEAZ~~,~~EAAS6D~~,UAAY,~~CACnBjD~~,~~SAAUkD~~,EAAAA,QAAUC,UAAU,CAACD,EAAS,QAACE,OAAQF,EAAAA,QAAUG,KAAMH,UAAUI,~~QAC3EhE~~,~~QAAS4D~~,EAAS,QAACK,MAAM,CACvBrB,WAAYgB,EAAS,QAACE,OACtBN,MAAOI,EAAS,QAACE,~~SAEnBzD~~,~~UAAWuD~~,EAAS,QAACE,~~OACrB3D~~,~~MAAOyD~~,EAAS,QAACE,~~OACjBxD~~,~~YAAasD~~,EAAS,QAACM,~~QAEvB3D~~,~~oBAAqBqD~~,EAAS,QAACO,IAC/~~BjE~~,~~gBAAiB0D~~,EAAAA,QAAUK,MAAM,~~IACjCtD~~,~~aAAciD~~,EAAS,QAACK,MAAM,CAC5BG,WAAYR,EAAS,QAACS,MAAM,CAAC,OAAQ,SAAU,UAC/CC,SAAUV,EAAS,QAACS,MAAM,CAAC,MAAO,SAAU,~~aAE9CzD~~,~~gBAAiBgD~~,EAAS,QAACK,MAAM,CAC/BG,WAAYR,EAAS,QAACS,MAAM,CAAC,OAAQ,SAAU,UAC/CC,SAAUV,EAAS,QAACS,MAAM,CAAC,MAAO,SAAU,~~aAE9CjE~~,~~cAAewD~~,EAAS,QAACW,KACzB,cAAeX,EAAS,QAACE,~~OACzBjD~~,~~gBAAiB+C~~,EAAS,QAACY,~~OAC3BhE~~,~~SAAUoD~~,EAAS,QAACW,~~KACpBxD~~,~~aAAc6C~~,EAAAA,QAAUK,MAAM,~~IAC9BnD~~,~~UAAW8C~~,EAAAA,QAAUK,MAAM,~~IAC3BxD~~,~~gBAAiBmD~~,EAAAA,QAAUK,MAAM,IACjCjD,eAAgB4C,EAAS,QAACE,~~QAG5BhE~~,~~EAAS2E~~,~~aAAe~~,~~CACtB/D~~,~~cAAU6B~~,~~EACVvC~~,~~QAAS~~,~~CAAE~~,~~EACXK~~,~~eAAWkC~~,~~EACXpC~~,~~WAAOoC~~,~~EACP~~,~~mBAAeA~~,~~EACfjC~~,~~YAAa8B,EAAAA,IAACsC,EAAQA,SAAG,IACzBxE,qBAAiBqC,EACjBhC,oBAAqBoE,EACrBvE,eAAe,EACfO,aAAc,CAAEyD,~~WAAY,QAASE,SAAU,~~OAC/C1D~~,~~gBAAiB~~,~~CAAEwD~~,WAAY,QAASE,SAAU,~~UAClDzD~~,~~qBAAiB0B,EACjB/~~B,~~UAAU~~,~~EACVO~~,~~kBAAcwB~~,~~EACdzB~~,~~UAAW~~,~~CAAE,EACbL,gBAAiB,CAAE,EACnBO,eAAgB,IAGlB,IAAA4D,~~EAAeC,~~cAjLG~~,SAAAC,GAAK,MAAK,~~CAC1BlC~~,WAAY,~~CACVmC~~,aAAc,EACdC,QAAS,~~OACT7E~~,~~MAAO2E~~,EAAMG,QAAQC,QAAQC,MAC7B,UAAW,~~CACThF~~,~~MAAO2E~~,EAAMG,QAAQC,QAAQE,MAC7BC,gBAAiB,6BAEnB,0BAA2B,CACzBN,aAAc,~~IAGlBvB~~,MAAO,CAAC,EACT,~~GAmKcqB~~,CAAsB/E"}
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 = 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","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":"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"}

package/cjs-bundle/components/Icons/AnnotationIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("prop-types"),l=require("@material-ui/core"),r=require("react/jsx-runtime");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(t),u=function(e){var t=e.height,i=e.width,d=l.useTheme();return r.jsxs(l.SvgIcon,{viewBox:"0 0 24 24",fill:"none",width:i,height:t,children:[r.jsx("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:d.palette.secondary}),r.jsx("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:d.palette.secondary}),r.jsx("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:d.palette.secondary})]})};u.propTypes={height:d.default.number,width:d.default.number},u.defaultProps={height:24,width:24};var n=e.memo(u);module.exports=n;
+"use strict";var e=require("react"),l=require("prop-types"),t=require("@material-ui/core"),i=require("react/jsx-runtime");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=r(l),u=function(e){var l=e.height,r=void 0===l?24:l,d=e.width,u=void 0===d?24:d,o=t.useTheme();return i.jsxs(t.SvgIcon,{viewBox:"0 0 24 24",fill:"none",width:u,height:r,children:[i.jsx("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:o.palette.secondary}),i.jsx("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:o.palette.secondary}),i.jsx("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:o.palette.secondary})]})};u.propTypes={height:d.default.number,width:d.default.number};var o=e.memo(u);module.exports=o;
 //# sourceMappingURL=AnnotationIcon.js.map

package/cjs-bundle/components/Icons/AnnotationIcon.js.map CHANGED Viewed

	@@ -1 +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","jsx","fillRule","clipRule","d","palette","secondary","propTypes","PropTypes","number","~~defaultProps","~~memo"],"mappings":"6MAIMA,EAAiB,~~SAAuBC~~,GAAA,~~IAApBC~~,~~IAAAA~~,~~OAAQC~~,~~IAAAA~~,~~MAC1BC~~,EAAQC,EAAAA,WACd,OACEC,EAAAA,KAACC,EAAAA,QAAO,CAACC,QAAQ,YAAYC,KAAK,OAAON,MAAOA,~~EAAOD~~,OAAQA,~~EAAOQ~~,SACpE,CAAAC,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,8UACFN,KAAML,EAAMY,QAAQC,YAEtBN,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,yKACFN,KAAML,EAAMY,QAAQC,YAEtBN,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,qLACFN,KAAML,EAAMY,QAAQC,cAI5B,~~EAEAjB~~,~~EAAekB~~,UAAY,~~CACzBhB~~,~~OAAQiB~~,EAAS,QAACC,OAClBjB,MAAOgB,EAAS,QAACC,~~QAGnBpB~~,~~EAAeqB~~,~~aAAe,CAC5BnB,OAAQ,GACRC,MAAO,IAGT,IAAemB,~~EAAAA,EAAAA,~~KAAKtB~~"}
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 = 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","jsx","fillRule","clipRule","d","palette","secondary","propTypes","PropTypes","number","memo"],"mappings":"6MAIMA,EAAiB,SAAiCC,GAAA,IAAAC,EAAAD,EAA9BE,OAAAA,aAAS,GAAED,EAAAE,EAAAH,EAAEI,MAAAA,aAAQ,GAAED,EACzCE,EAAQC,EAAAA,WACd,OACEC,EAAAA,KAACC,EAAAA,QAAO,CAACC,QAAQ,YAAYC,KAAK,OAAON,MAAOA,EAAOF,OAAQA,EAAOS,SACpE,CAAAC,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,8UACFN,KAAML,EAAMY,QAAQC,YAEtBN,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,yKACFN,KAAML,EAAMY,QAAQC,YAEtBN,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,qLACFN,KAAML,EAAMY,QAAQC,cAI5B,EAEAnB,EAAeoB,UAAY,CACzBjB,OAAQkB,EAAS,QAACC,OAClBjB,MAAOgB,EAAS,QAACC,QAGnB,IAAeC,EAAAA,EAAAA,KAAKvB"}

package/cjs-bundle/components/Icons/AttachIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),t=require("@material-ui/core"),r=require("react/jsx-runtime");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(e),h=function(e){var i=e.height,u=e.width,h=t.useTheme();return r.jsx(t.SvgIcon,{viewBox:"0 0 24 24",fill:"none",width:u,height:i,children:r.jsx("path",{d:"M16 6V17.5C16 19.71 14.21 21.5 12 21.5C9.79 21.5 8 19.71 8 17.5V5C8 3.62 9.12 2.5 10.5 2.5C11.88 2.5 13 3.62 13 5V15.5C13 16.05 12.55 16.5 12 16.5C11.45 16.5 11 16.05 11 15.5V6H9.5V15.5C9.5 16.88 10.62 18 12 18C13.38 18 14.5 16.88 14.5 15.5V5C14.5 2.79 12.71 1 10.5 1C8.29 1 6.5 2.79 6.5 5V17.5C6.5 20.54 8.96 23 12 23C15.04 23 17.5 20.54 17.5 17.5V6H16Z",fill:h.palette.primary.text6})})};h.propTypes={height:u.default.number,width:u.default.number},h.defaultProps={height:24,width:24},module.exports=h;
+"use strict";var e=require("prop-types"),t=require("@material-ui/core"),r=require("react/jsx-runtime");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(e),n=function(e){var i=e.height,u=void 0===i?24:i,n=e.width,o=void 0===n?24:n,a=t.useTheme();return r.jsx(t.SvgIcon,{viewBox:"0 0 24 24",fill:"none",width:o,height:u,children:r.jsx("path",{d:"M16 6V17.5C16 19.71 14.21 21.5 12 21.5C9.79 21.5 8 19.71 8 17.5V5C8 3.62 9.12 2.5 10.5 2.5C11.88 2.5 13 3.62 13 5V15.5C13 16.05 12.55 16.5 12 16.5C11.45 16.5 11 16.05 11 15.5V6H9.5V15.5C9.5 16.88 10.62 18 12 18C13.38 18 14.5 16.88 14.5 15.5V5C14.5 2.79 12.71 1 10.5 1C8.29 1 6.5 2.79 6.5 5V17.5C6.5 20.54 8.96 23 12 23C15.04 23 17.5 20.54 17.5 17.5V6H16Z",fill:a.palette.primary.text6})})};n.propTypes={height:u.default.number,width:u.default.number},module.exports=n;
 //# sourceMappingURL=AttachIcon.js.map

package/cjs-bundle/components/Icons/AttachIcon.js.map CHANGED Viewed

	@@ -1 +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","jsx","d","palette","primary","text6","propTypes","PropTypes","number"~~,"defaultProps"~~],"mappings":"0LAGMA,EAAa,~~SAAuBC~~,GAAA,~~IAApBC~~,~~IAAAA~~,~~OAAQC~~,~~IAAAA~~,~~MACtBC~~,EAAQC,EAAAA,WACd,OACEC,EAAAA,IAACC,EAAAA,QAAO,CAACC,QAAQ,YAAYC,KAAK,OAAON,MAAOA,~~EAAOD~~,OAAQA,~~EAAOQ~~,SACpEJ,EAAAK,IAAA,OAAA,CACEC,EAAE,qWACFH,KAAML,EAAMS,QAAQC,QAAQC,SAIpC,~~EAEAf~~,~~EAAWgB~~,UAAY,~~CACrBd~~,~~OAAQe~~,EAAS,QAACC,OAClBf,MAAOc,EAAS,QAACC~~,QAGnBlB,EAAWmB,aAAe,CACxBjB,OAAQ,GACRC,MAAO~~"}
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 = 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","jsx","d","palette","primary","text6","propTypes","PropTypes","number"],"mappings":"0LAGMA,EAAa,SAAiCC,GAAA,IAAAC,EAAAD,EAA9BE,OAAAA,aAAS,GAAED,EAAAE,EAAAH,EAAEI,MAAAA,aAAQ,GAAED,EACrCE,EAAQC,EAAAA,WACd,OACEC,EAAAA,IAACC,EAAAA,QAAO,CAACC,QAAQ,YAAYC,KAAK,OAAON,MAAOA,EAAOF,OAAQA,EAAOS,SACpEJ,EAAAK,IAAA,OAAA,CACEC,EAAE,qWACFH,KAAML,EAAMS,QAAQC,QAAQC,SAIpC,EAEAjB,EAAWkB,UAAY,CACrBf,OAAQgB,EAAS,QAACC,OAClBf,MAAOc,EAAS,QAACC"}

package/cjs-bundle/components/Icons/EmojiIcon.js CHANGED Viewed

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

package/cjs-bundle/components/Icons/EmojiIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmojiIcon.js","sources":["../../../../src/components/Icons/EmojiIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { SvgIcon, useTheme } from '@material-ui/core';\n\nconst EmojiIcon = ({ height, width }) => {\n const theme = useTheme();\n return (\n <SvgIcon viewBox=\"0 0 20 20\" fill=\"none\" width={width} height={height}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.99 0C4.47 0 0 4.48 0 10C0 15.52 4.47 20 9.99 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 9.99 0ZM10 18C5.58 18 2 14.42 2 10C2 5.58 5.58 2 10 2C14.42 2 18 5.58 18 10C18 14.42 14.42 18 10 18ZM15 7.5C15 8.33 14.33 9 13.5 9C12.67 9 12 8.33 12 7.5C12 6.67 12.67 6 13.5 6C14.33 6 15 6.67 15 7.5ZM6.5 9C7.33 9 8 8.33 8 7.5C8 6.67 7.33 6 6.5 6C5.67 6 5 6.67 5 7.5C5 8.33 5.67 9 6.5 9ZM15.11 12C14.31 14.04 12.33 15.5 10 15.5C7.67 15.5 5.69 14.04 4.89 12H15.11Z\"\n fill={theme.palette.primary.text6}\n />\n </SvgIcon>\n );\n};\n\nEmojiIcon.propTypes = {\n height: PropTypes.number,\n width: PropTypes.number,\n};\n\~~nEmojiIcon.defaultProps = {\n height: 20,\n width: 22,\n};\n\~~nexport default EmojiIcon;\n"],"names":["EmojiIcon","_ref","height","width","theme","useTheme","_jsx","SvgIcon","viewBox","fill","children","jsx","fillRule","clipRule","d","palette","primary","text6","propTypes","PropTypes","number"~~,"defaultProps"~~],"mappings":"0LAGMA,EAAY,~~SAAuBC~~,GAAA,~~IAApBC~~,~~IAAAA~~,~~OAAQC~~,~~IAAAA~~,~~MACrBC~~,EAAQC,EAAAA,WACd,OACEC,EAAAA,IAACC,EAAAA,QAAO,CAACC,QAAQ,YAAYC,KAAK,OAAON,MAAOA,~~EAAOD~~,OAAQA,~~EAAOQ~~,SACpEJ,EAAAK,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,ycACFL,KAAML,EAAMW,QAAQC,QAAQC,SAIpC,~~EAEAjB~~,~~EAAUkB~~,UAAY,~~CACpBhB~~,~~OAAQiB~~,EAAS,QAACC,OAClBjB,MAAOgB,EAAS,QAACC~~,QAGnBpB,EAAUqB,aAAe,CACvBnB,OAAQ,GACRC,MAAO~~"}
1	+ {"version":3,"file":"EmojiIcon.js","sources":["../../../../src/components/Icons/EmojiIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { SvgIcon, useTheme } from '@material-ui/core';\n\nconst EmojiIcon = ({ height = 20, width = 22 }) => {\n const theme = useTheme();\n return (\n <SvgIcon viewBox=\"0 0 20 20\" fill=\"none\" width={width} height={height}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.99 0C4.47 0 0 4.48 0 10C0 15.52 4.47 20 9.99 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 9.99 0ZM10 18C5.58 18 2 14.42 2 10C2 5.58 5.58 2 10 2C14.42 2 18 5.58 18 10C18 14.42 14.42 18 10 18ZM15 7.5C15 8.33 14.33 9 13.5 9C12.67 9 12 8.33 12 7.5C12 6.67 12.67 6 13.5 6C14.33 6 15 6.67 15 7.5ZM6.5 9C7.33 9 8 8.33 8 7.5C8 6.67 7.33 6 6.5 6C5.67 6 5 6.67 5 7.5C5 8.33 5.67 9 6.5 9ZM15.11 12C14.31 14.04 12.33 15.5 10 15.5C7.67 15.5 5.69 14.04 4.89 12H15.11Z\"\n fill={theme.palette.primary.text6}\n />\n </SvgIcon>\n );\n};\n\nEmojiIcon.propTypes = {\n height: PropTypes.number,\n width: PropTypes.number,\n};\n\nexport default EmojiIcon;\n"],"names":["EmojiIcon","_ref","_ref$height","height","_ref$width","width","theme","useTheme","_jsx","SvgIcon","viewBox","fill","children","jsx","fillRule","clipRule","d","palette","primary","text6","propTypes","PropTypes","number"],"mappings":"0LAGMA,EAAY,SAAiCC,GAAA,IAAAC,EAAAD,EAA9BE,OAAAA,aAAS,GAAED,EAAAE,EAAAH,EAAEI,MAAAA,aAAQ,GAAED,EACpCE,EAAQC,EAAAA,WACd,OACEC,EAAAA,IAACC,EAAAA,QAAO,CAACC,QAAQ,YAAYC,KAAK,OAAON,MAAOA,EAAOF,OAAQA,EAAOS,SACpEJ,EAAAK,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,ycACFL,KAAML,EAAMW,QAAQC,QAAQC,SAIpC,EAEAnB,EAAUoB,UAAY,CACpBjB,OAAQkB,EAAS,QAACC,OAClBjB,MAAOgB,EAAS,QAACC"}

package/cjs-bundle/components/Icons/RecommendationIcon.js CHANGED Viewed

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

package/cjs-bundle/components/Icons/RecommendationIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RecommendationIcon.js","sources":["../../../../src/components/Icons/RecommendationIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst RecommendationIcon = ({ height, width }) => (\n <svg\n width={width}\n height={height}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M12.7098 2.28957L21.7098 11.2896C22.0998 11.6896 22.0998 12.3196 21.7098 12.6996L12.7098 21.6996C12.3198 22.0896 11.6898 22.0896 11.2998 21.6996L2.29982 12.6996C1.90982 12.3096 1.90982 11.6796 2.29982 11.2896L11.2998 2.28957C11.6898 1.89957 12.3198 1.89957 12.7098 2.28957Z\"\n fill=\"#75DB29\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M13.9998 11.9996V14.4996L17.4998 10.9996L13.9998 7.49957V9.99957H8.99982C8.44982 9.99957 7.99982 10.4496 7.99982 10.9996V14.9996H9.99982V11.9996H13.9998Z\"\n fill=\"#2C2C2C\"\n />\n </svg>\n);\n\nRecommendationIcon.propTypes = {\n height: PropTypes.number,\n width: PropTypes.number,\n};\n\~~nRecommendationIcon.defaultProps = {\n height: 28,\n width: 28,\n};\n\~~nexport default RecommendationIcon;\n"],"names":["RecommendationIcon","_ref","height","width","_jsxs","viewBox","fill","xmlns","children","_jsx","jsx","fillRule","clipRule","d","propTypes","PropTypes","number"~~,"defaultProps"~~],"mappings":"2JAEMA,EAAqB,SAAHC,GAAA,~~IAAMC~~,~~IAAAA~~,~~OAAQC~~,~~IAAAA~~,~~MAAK~~,~~OACzCC~~,EAAAA,KAAA,MAAA,CACED,MAAOA,~~EACPD~~,OAAQA,~~EACRG~~,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAA4BC,SAElC,CAAAC,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,oRACFP,KAAK,YAEPG,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,4JACFP,KAAK,cAEH,~~EAGRN~~,~~EAAmBc~~,UAAY,~~CAC7BZ~~,~~OAAQa~~,EAAS,QAACC,OAClBb,MAAOY,EAAS,QAACC~~,QAGnBhB,EAAmBiB,aAAe,CAChCf,OAAQ,GACRC,MAAO~~"}
1	+ {"version":3,"file":"RecommendationIcon.js","sources":["../../../../src/components/Icons/RecommendationIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst RecommendationIcon = ({ height = 28, width = 28 }) => (\n <svg\n width={width}\n height={height}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M12.7098 2.28957L21.7098 11.2896C22.0998 11.6896 22.0998 12.3196 21.7098 12.6996L12.7098 21.6996C12.3198 22.0896 11.6898 22.0896 11.2998 21.6996L2.29982 12.6996C1.90982 12.3096 1.90982 11.6796 2.29982 11.2896L11.2998 2.28957C11.6898 1.89957 12.3198 1.89957 12.7098 2.28957Z\"\n fill=\"#75DB29\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M13.9998 11.9996V14.4996L17.4998 10.9996L13.9998 7.49957V9.99957H8.99982C8.44982 9.99957 7.99982 10.4496 7.99982 10.9996V14.9996H9.99982V11.9996H13.9998Z\"\n fill=\"#2C2C2C\"\n />\n </svg>\n);\n\nRecommendationIcon.propTypes = {\n height: PropTypes.number,\n width: PropTypes.number,\n};\n\nexport default RecommendationIcon;\n"],"names":["RecommendationIcon","_ref","_ref$height","height","_ref$width","width","_jsxs","viewBox","fill","xmlns","children","_jsx","jsx","fillRule","clipRule","d","propTypes","PropTypes","number"],"mappings":"2JAEMA,EAAqB,SAAHC,GAAA,IAAAC,EAAAD,EAAME,OAAAA,aAAS,GAAED,EAAAE,EAAAH,EAAEI,MAAAA,aAAQ,GAAED,EAAA,OACnDE,EAAAA,KAAA,MAAA,CACED,MAAOA,EACPF,OAAQA,EACRI,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAA4BC,SAElC,CAAAC,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,oRACFP,KAAK,YAEPG,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,4JACFP,KAAK,cAEH,EAGRR,EAAmBgB,UAAY,CAC7Bb,OAAQc,EAAS,QAACC,OAClBb,MAAOY,EAAS,QAACC"}

package/cjs-bundle/components/Icons/SendIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),t=require("react/jsx-runtime");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e),u=function(e){var r=e.height,i=e.width;return t.jsx("svg",{width:i,height:r,viewBox:"0 0 21 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M0.01 18L21 9L0.01 0L0 7L15 9L0 11L0.01 18Z",fill:"#03BCD4"})})};u.propTypes={height:i.default.number,width:i.default.number},u.defaultProps={height:21,width:21},module.exports=u;
+"use strict";var e=require("prop-types"),t=require("react/jsx-runtime");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e),u=function(e){var r=e.height,i=void 0===r?21:r,u=e.width,n=void 0===u?21:u;return t.jsx("svg",{width:n,height:i,viewBox:"0 0 21 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M0.01 18L21 9L0.01 0L0 7L15 9L0 11L0.01 18Z",fill:"#03BCD4"})})};u.propTypes={height:i.default.number,width:i.default.number},module.exports=u;
 //# sourceMappingURL=SendIcon.js.map

package/cjs-bundle/components/Icons/SendIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SendIcon.js","sources":["../../../../src/components/Icons/SendIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst SendIcon = ({ height, width }) => (\n <svg\n width={width}\n height={height}\n viewBox=\"0 0 21 18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M0.01 18L21 9L0.01 0L0 7L15 9L0 11L0.01 18Z\" fill=\"#03BCD4\" />\n </svg>\n);\n\nSendIcon.propTypes = {\n height: PropTypes.number,\n width: PropTypes.number,\n};\n\~~nSendIcon.defaultProps = {\n height: 21,\n width: 21,\n};\n\~~nexport default SendIcon;\n"],"names":["SendIcon","_ref","height","width","_jsx","viewBox","fill","xmlns","children","jsx","d","propTypes","PropTypes","number"~~,"defaultProps"~~],"mappings":"2JAEMA,EAAW,SAAHC,GAAA,~~IAAMC~~,~~IAAAA~~,~~OAAQC~~,~~IAAAA~~,~~MAAK~~,~~OAC/BC~~,EAAAA,IAAA,MAAA,CACED,MAAOA,~~EACPD~~,OAAQA,~~EACRG~~,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAA4BC,SAElCJ,EAAAK,IAAA,OAAA,CAAMC,EAAE,8CAA8CJ,KAAK,aACvD,~~EAGRN~~,~~EAASW~~,UAAY,~~CACnBT~~,~~OAAQU~~,EAAS,QAACC,OAClBV,MAAOS,EAAS,QAACC~~,QAGnBb,EAASc,aAAe,CACtBZ,OAAQ,GACRC,MAAO~~"}
1	+ {"version":3,"file":"SendIcon.js","sources":["../../../../src/components/Icons/SendIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst SendIcon = ({ height = 21, width = 21 }) => (\n <svg\n width={width}\n height={height}\n viewBox=\"0 0 21 18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M0.01 18L21 9L0.01 0L0 7L15 9L0 11L0.01 18Z\" fill=\"#03BCD4\" />\n </svg>\n);\n\nSendIcon.propTypes = {\n height: PropTypes.number,\n width: PropTypes.number,\n};\n\nexport default SendIcon;\n"],"names":["SendIcon","_ref","_ref$height","height","_ref$width","width","_jsx","viewBox","fill","xmlns","children","jsx","d","propTypes","PropTypes","number"],"mappings":"2JAEMA,EAAW,SAAHC,GAAA,IAAAC,EAAAD,EAAME,OAAAA,aAAS,GAAED,EAAAE,EAAAH,EAAEI,MAAAA,aAAQ,GAAED,EAAA,OACzCE,EAAAA,IAAA,MAAA,CACED,MAAOA,EACPF,OAAQA,EACRI,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAA4BC,SAElCJ,EAAAK,IAAA,OAAA,CAAMC,EAAE,8CAA8CJ,KAAK,aACvD,EAGRR,EAASa,UAAY,CACnBV,OAAQW,EAAS,QAACC,OAClBV,MAAOS,EAAS,QAACC"}

package/cjs-bundle/components/KeyboardDateTimePicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),a=require("prop-types"),n=require("moment"),i=require("@material-ui/pickers"),o=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(e),f=u(t),m=u(a),l=u(n);function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function Y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){c.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var p=["MM/DD/YYYY HH:mm","M/D/YYYY HH:mm","MM/DD/YYYY, HH:mm","M/D/YYYY, HH:mm","MMM DD, YYYY HH:mm","MMM D, YYYY HH:mm","MM/DD/YY HH:mm","M/D/YY HH:mm"],d=new RegExp("[^\\.\\ \\,\\[a-zA-Z0-9_]*$]+","gi"),b=function(e){var t=e.format,a=e.onChange,n=e.label,u=e["data-testid"],c=r.useState(t),m=f.default(c,2),s=m[0],b=m[1],D=r.useState(null),y=f.default(D,2),H=y[0],M=y[1];return o.jsx(i.KeyboardDateTimePicker,Y(Y({rifmFormatter:function(e){return e},refuse:d,inputValue:H},e),{},{"data-testid":"".concat(u,"_").concat(n),format:s,onChange:function(e,r){var n=l.default(r,[].concat(p,[t]),!0),i=n.isValid();b((function(e){return i?n.creationData().format:e})),M(r),a(i?n:e,r)}}))};b.propTypes={onChange:m.default.func.isRequired,format:m.default.string,label:m.default.string,"data-testid":m.default.string},b.defaultProps={format:"MM/DD/YYYY HH:mm",label:"Date","data-testid":"KeyboardDateTimePicker"},module.exports=b;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),a=require("react"),n=require("prop-types"),i=require("moment"),o=require("@material-ui/pickers"),u=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),f=c(t),m=c(r),s=c(n),Y=c(i),d=["format","onChange","label","data-testid"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){l.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var D=["MM/DD/YYYY HH:mm","M/D/YYYY HH:mm","MM/DD/YYYY, HH:mm","M/D/YYYY, HH:mm","MMM DD, YYYY HH:mm","MMM D, YYYY HH:mm","MM/DD/YY HH:mm","M/D/YY HH:mm"],y=new RegExp("[^\\.\\ \\,\\[a-zA-Z0-9_]*$]+","gi"),H=function(e){var t=e.format,r=void 0===t?"MM/DD/YYYY HH:mm":t,n=e.onChange,i=e.label,c=void 0===i?"Date":i,l=e["data-testid"],s=void 0===l?"KeyboardDateTimePicker":l,p=m.default(e,d),H=a.useState(r),M=f.default(H,2),O=M[0],g=M[1],j=a.useState(null),h=f.default(j,2),v=h[0],P=h[1];return u.jsx(o.KeyboardDateTimePicker,b(b({rifmFormatter:function(e){return e},refuse:y,inputValue:v},p),{},{label:c,"data-testid":"".concat(s,"_").concat(c),format:O,onChange:function(e,t){var a=Y.default(t,[].concat(D,[r]),!0),i=a.isValid();g((function(e){return i?a.creationData().format:e})),P(t),n(i?a:e,t)}}))};H.propTypes={onChange:s.default.func.isRequired,format:s.default.string,label:s.default.string,"data-testid":s.default.string},module.exports=H;
 //# sourceMappingURL=KeyboardDateTimePicker.js.map