npm - @react-magma/dropzone - Versions diffs - 11.0.0-next.0 → 11.0.0-next.2 - Mend

@react-magma/dropzone 11.0.0-next.0 → 11.0.0-next.2

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 (24) hide show

package/dist/fileuploader.modern.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fileuploader.modern.js","sources":["../src/components/dropzone/FileIcon.tsx","../src/components/dropzone/utils.ts","../src/components/dropzone/Preview.tsx","../src/components/dropzone/Dropzone.tsx"],"sourcesContent":["import React from 'react';\nimport {\n InsertDriveFileIcon,\n ImageIcon,\n AudiotrackIcon,\n VideocamIcon,\n FileExcelIcon,\n FilePdfIcon,\n FilePowerpointIcon,\n FileWordIcon,\n FileZipIcon,\n IconProps,\n} from 'react-magma-icons';\n\nimport { FilePreview } from './FilePreview';\nimport { magma } from 'react-magma-dom';\n\nexport interface FileIconProps extends IconProps {\n file: FilePreview;\n isInverse?: boolean;\n}\n\nconst icons = {\n default: {\n Icon: InsertDriveFileIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n word: {\n Icon: FileWordIcon,\n style: {\n color: magma.colors.info500,\n },\n },\n excel: {\n Icon: FileExcelIcon,\n style: {\n color: magma.colors.success500,\n },\n },\n powerpoint: {\n Icon: FilePowerpointIcon,\n style: {\n color: magma.colors.warning500,\n },\n },\n pdf: {\n Icon: FilePdfIcon,\n style: {\n color: magma.colors.danger500,\n },\n },\n image: {\n Icon: ImageIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n video: {\n Icon: VideocamIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n audio: {\n Icon: AudiotrackIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n archive: {\n Icon: FileZipIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n};\n\nconst iconMapping: {\n [key: string]: { Icon: any; style: React.CSSProperties };\n} = {\n default: icons.default,\n xlsx: icons.excel,\n xlsm: icons.excel,\n xlsb: icons.excel,\n xltx: icons.excel,\n xls: icons.excel,\n xlt: icons.excel,\n doc: icons.word,\n docx: icons.word,\n docm: icons.word,\n dotx: icons.word,\n dotm: icons.word,\n docb: icons.word,\n pptx: icons.powerpoint,\n pptm: icons.powerpoint,\n ppt: icons.powerpoint,\n pdf: icons.pdf,\n png: icons.image,\n svg: icons.image,\n image: icons.image,\n audio: icons.audio,\n video: icons.video,\n zip: icons.archive,\n};\n\nexport const FileIcon = ({ file, isInverse }: FileIconProps) => {\n const { path = '', type = '' } = file;\n const category = type.split('/')[0];\n const extension = path.split('.').pop() \|\| 'default';\n const { Icon, style } =\n iconMapping[extension] \|\| iconMapping[category] \|\| iconMapping.default;\n\n return <Icon size={magma.iconSizes.medium} style={isInverse ? {} : style} />;\n};\n","export const formatFileSize = (\n bytes: number \| undefined,\n decimalPoint: number = 2,\n bytesLabel: string = 'Bytes'\n) => {\n if (bytes === undefined) return;\n if (bytes == 0) return `0 ${bytesLabel}`;\n const k = 1024;\n const sizes = [bytesLabel, 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return (\n parseFloat((bytes / Math.pow(k, i)).toFixed(decimalPoint)) + ' ' + sizes[i]\n );\n};\n","import React, { forwardRef, useContext, useEffect, useState } from 'react';\n\nimport {\n CheckCircleIcon,\n CloseIcon,\n DeleteIcon,\n ErrorIcon,\n} from 'react-magma-icons';\n\nimport {\n ButtonColor,\n ButtonVariant,\n Card,\n Flex,\n FlexAlignItems,\n FlexBehavior,\n FlexProps,\n I18nContext,\n I18nInterface,\n IconButton,\n InverseContext,\n ThemeContext,\n ThemeInterface,\n Transition,\n Spinner,\n useIsInverse,\n styled\n} from 'react-magma-dom';\n\nimport { FileIcon } from './FileIcon';\nimport { FilePreview } from './FilePreview';\nimport { formatFileSize } from './utils';\n\n\nexport interface PreviewProps extends Omit<FlexProps, 'behavior'> {\n accept?: string \| string[];\n file: FilePreview;\n isInverse?: boolean;\n maxSize?: number;\n minSize?: number;\n onDeleteFile?: (file: FilePreview) => void;\n onRemoveFile?: (file: FilePreview) => void;\n /*\n @internal\n /\n testId?: string;\n thumbnails: boolean;\n}\n\nconst Thumb = styled.div<{ file: FilePreview }>`\n background-image: ${({ file }) =>\n `url('${'preview' in file && file.preview}')`};\n background-repeat: no-repeat;\n background-size: cover;\n display: inline-block;\n vertical-align: middle;\n height: 40px;\n width: 40px;\n`;\n\nconst StatusIcons = styled.div`\n display: grid;\n grid-template-areas: 'inner-div';\n height: auto;\n place-items: center;\n width: 46px;\n & > div {\n display: inline-block;\n right: 0;\n grid-area: inner-div;\n }\n`;\n\nconst IconStyles = {\n marginRight: '12px',\n display: 'flex',\n};\n\nconst Errors = styled.div`\n border-top: 1px solid ${({ theme }) => theme.colors.neutral300};\n padding: 16px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst StyledFlex = styled(Flex)`\n height: 56px;\n padding: 0 8px 0 16px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst FileName = styled(Flex)`\n overflow: hidden;\n white-space: nowrap;\n align-items: center;\n text-overflow: ellipsis;\n display: block;\n margin-right: 24px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst StyledCard = styled(Card)<{ file: FilePreview; isInverse: boolean }>`\n background-color: none;\n border-color: ${({ file, theme, isInverse }) =>\n file.errors\n ? isInverse\n ? theme.colors.danger300\n : theme.colors.danger\n : theme.colors.neutral300};\n border-width: 1px;\n margin: 10px 0;\n`;\n\nconst ErrorHeader = styled.span`\n display: block;\n\n > div {\n display: flex;\n align-self: center;\n margin-right: 12px;\n }\n`;\n\nconst ErrorMessage = styled.span`\n display: block;\n`;\n\nconst formatError = (\n error: { header?: string; message: string; code: string },\n constraints: {\n maxSize?: number;\n minSize?: number;\n accept?: string \| string[];\n },\n byteLabel: string\n) => {\n const accept =\n Array.isArray(constraints.accept) && constraints.accept.length === 1\n ? constraints.accept[0]\n : constraints.accept;\n const messageSuffix = Array.isArray(accept)\n ? `one of ${accept.join(', ')}`\n : accept;\n switch (error.code) {\n case 'file-too-large':\n return {\n ...error,\n message: `${error.message} ${formatFileSize(\n constraints.maxSize,\n 2,\n byteLabel\n )}.`,\n };\n case 'file-too-small':\n return {\n ...error,\n message: `${error.message} ${formatFileSize(\n constraints.minSize,\n 2,\n byteLabel\n )}.`,\n };\n case 'file-invalid-type':\n return { ...error, message: `${error.message}: ${messageSuffix}` };\n default:\n return error;\n }\n};\n\nexport const Preview = forwardRef<HTMLDivElement, PreviewProps>(\n // eslint-disable-next-line complexity\n (props, ref) => {\n const {\n accept,\n file,\n isInverse: isInverseProp,\n maxSize,\n minSize,\n onDeleteFile,\n onRemoveFile,\n testId,\n thumbnails,\n ...rest\n } = props;\n\n const theme: ThemeInterface = useContext(ThemeContext);\n const i18n: I18nInterface = React.useContext(I18nContext);\n const isInverse = useIsInverse(isInverseProp);\n const [actions, setActions] = useState(<CloseIcon />);\n\n const handleRemoveFile = () => {\n onRemoveFile && typeof onRemoveFile === 'function' && onRemoveFile(file);\n };\n\n const handleDeleteFile = () => {\n onDeleteFile && typeof onDeleteFile === 'function' && onDeleteFile(file);\n };\n\n const FinishedActions = ({ status = 'ready' }: { status?: string }) => {\n const [done, setDone] = useState<boolean>(false);\n\n useEffect(() => {\n let mounted = true;\n setTimeout(() => {\n if (mounted) {\n setDone(true);\n }\n }, 1000);\n return () => {\n mounted = false;\n };\n }, [status]);\n\n if (status === 'error' \|\| status === 'ready') {\n return (\n <StatusIcons>\n <IconButton\n onClick={handleRemoveFile}\n variant={ButtonVariant.link}\n color={ButtonColor.secondary}\n aria-label={i18n.dropzone.removeFile}\n icon={<CloseIcon />}\n />\n </StatusIcons>\n );\n }\n\n if (status === 'pending') {\n return (\n <StatusIcons>\n <Spinner\n color={isInverse ? theme.colors.neutral100 : theme.colors.primary}\n />\n </StatusIcons>\n );\n }\n\n return (\n <StatusIcons>\n <Transition isOpen={!done} unmountOnExit fade>\n <CheckCircleIcon\n color={isInverse ? theme.colors.success200 : theme.colors.success}\n style={{ marginTop: '4px' }}\n />\n </Transition>\n <Transition isOpen={done} unmountOnExit fade>\n <IconButton\n onClick={handleDeleteFile}\n variant={ButtonVariant.link}\n color={ButtonColor.secondary}\n aria-label={i18n.dropzone.deleteFile}\n icon={<DeleteIcon />}\n />\n </Transition>\n </StatusIcons>\n );\n };\n\n useEffect(() => {\n setActions(<FinishedActions status={file?.processor?.status} />);\n }, [file?.processor?.status]);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <StyledCard\n isInverse={isInverse}\n theme={theme}\n file={file}\n data-testid={props.testId}\n ref={ref}\n role={file.errors ? 'alert' : ''}\n >\n <StyledFlex\n theme={theme}\n behavior={FlexBehavior.container}\n alignItems={FlexAlignItems.center}\n {...rest}\n >\n <Flex\n behavior={FlexBehavior.item}\n alignItems={FlexAlignItems.center}\n style={IconStyles}\n >\n {file.errors ? (\n <ErrorIcon\n color={\n isInverse ? theme.colors.danger300 : theme.colors.danger\n }\n size={24}\n />\n ) : file.preview &&\n thumbnails &&\n file.type &&\n file.type.startsWith('image') ? (\n <Thumb role=\"img\" file={file} />\n ) : (\n <FileIcon isInverse={isInverse} file={file} />\n )}\n </Flex>\n <FileName xs behavior={FlexBehavior.item} theme={theme}>\n {file.name}\n </FileName>\n {file.processor && file.processor.status === 'pending' && (\n <Flex\n role=\"progressbar\"\n style={{ marginLeft: 'auto' }}\n behavior={FlexBehavior.item}\n >\n {file.processor.percent}\n </Flex>\n )}\n <Flex behavior={FlexBehavior.item}>{actions}</Flex>\n </StyledFlex>\n {file.errors && (\n <Errors theme={theme}>\n {file.errors.slice(0, 1).map(({ code, ...rest }) => {\n const { header = '', message } = formatError(\n { code, ...rest, ...i18n.dropzone.errors[code] },\n { accept, minSize, maxSize },\n i18n.dropzone.bytes\n );\n return (\n <React.Fragment key={code}>\n <ErrorHeader\n style={{\n color: isInverse\n ? theme.colors.danger200\n : theme.colors.danger,\n }}\n >\n {header}\n </ErrorHeader>\n <ErrorMessage>{message}</ErrorMessage>\n </React.Fragment>\n );\n })}\n </Errors>\n )}\n </StyledCard>\n </InverseContext.Provider>\n );\n }\n);\n","/ eslint-disable no-empty-pattern /\n/\n HELPFUL NOTE!\n * SINCE THIS PACKAGE USES `FILE` WE MUST USE `Object.assign` IN LIEU OF SPREADING\n * `{...file}` WILL NOT COPY ALL OF THE FILE PROPERTIES\n /\n\nimport React, { useImperativeHandle } from 'react';\nimport {\n useDropzone,\n DropzoneOptions,\n DropzoneRootProps,\n FileRejection,\n} from 'react-dropzone';\nimport {\n Button,\n ButtonColor,\n ButtonVariant,\n Flex,\n FlexBehavior,\n FlexProps,\n FormFieldContainer,\n FormFieldContainerBaseProps,\n I18nContext,\n I18nInterface,\n InverseContext,\n ThemeContext,\n ThemeInterface,\n useGenerateId,\n useIsInverse,\n styled,\n} from 'react-magma-dom';\n\nimport { CloudUploadIcon } from 'react-magma-icons';\nimport { Preview } from './Preview';\nimport { FilePreview, FileError } from './FilePreview';\nimport { transparentize } from 'polished';\n\nexport interface OnSendFileProps {\n file: FilePreview;\n onError?: ({}: { errors: FileError[]; file: FilePreview }) => void;\n onFinish?: ({}: { file: FilePreview }) => void;\n onProgress?: ({}: { percent: number; file: FilePreview }) => void;\n}\n\ntype DragState =\n \| 'error'\n \| 'dragAccept'\n \| 'dragReject'\n \| 'dragActive'\n \| 'default';\n\n// NOTE: These props are manually copied to dropzone.mdx\nexport interface DropzoneProps\n extends Omit<FormFieldContainerBaseProps, 'fieldId' \| 'errorMessage'> {\n /\n Set accepted file types. See https://github.com/okonet/attr-accept for more information. Keep in mind that mime type determination is not reliable across platforms. CSV files, for example, are reported as text/plain under macOS but as application/vnd.ms-excel under Windows. In some cases there might not be a mime type set at all. See: https://github.com/react-dropzone/react-dropzone/issues/276\n /\n accept?: string \| string[];\n /\n Enable/Disable the input\n /\n disabled?: boolean;\n /\n Additional props to pass to the dropzone, see https://react-dropzone.js.org/#src\n /\n dropzoneOptions?: Partial<Omit<DropzoneOptions, 'onDrop'>>;\n /\n Content of the helper message.\n /\n helperMessage?: string;\n /\n @internal\n /\n id?: string;\n /\n Maximum accepted number of files The default value is 0 which means there is no limitation to how many files are accepted.\n * @default 0\n /\n maxFiles?: number;\n /\n Minimum accepted number of files.\n /\n minFiles?: number;\n /\n Maximum file size (in bytes)\n * @default Infinity\n /\n maxSize?: number;\n /\n Minimum file size (in bytes)\n * @default 0\n /\n minSize?: number;\n /\n Allow drag 'n' drop (or selection from the file dialog) of multiple files.\n * @default true\n /\n multiple?: boolean;\n /\n If true, disables drag 'n' drop\n * @default false\n /\n noDrag?: boolean;\n /\n Callback for when a file is deleted\n /\n onDeleteFile?: (file: FilePreview) => void;\n /\n Callback for when a file is deleted\n /\n onRemoveFile?: (file: FilePreview) => void;\n /\n Callback for when a file is added to the preview list via dropping or selecting. Will be ran on new files when `sendFiles` is true.\n /\n onSendFile?: (props: OnSendFileProps) => void;\n /\n Run `onSendFile` on any new files. Delay processing by setting to `false` until processing is desired.\n * @default false\n /\n sendFiles?: boolean;\n /\n @internal\n /\n testId?: string;\n /\n Show thumbnails for images in lieu of the file icon.\n * @default true\n */\n thumbnails?: boolean;\n}\n\nconst Container = styled(Flex)<\n DropzoneRootProps &\n FlexProps & {\n dragState?: DragState;\n noDrag?: boolean;\n isInverse?: boolean;\n }\n>`\n flex-direction: column;\n align-items: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n justify-content: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n text-align: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n padding: ${({ noDrag }) => (noDrag ? '0px' : '24px')};\n border-radius: ${({ noDrag }) => (noDrag ? '0px' : '4px')};\n border: ${({ dragState = 'default', noDrag, theme, isInverse }) =>\n noDrag\n ? `0px`\n : dragState === 'dragReject' \|\| dragState === 'error'\n ? isInverse\n ? `1px dashed ${theme.colors.danger300}`\n : `1px dashed ${theme.colors.danger}`\n : dragState === 'dragActive'\n ? `1px dashed ${theme.colors.primary}`\n : dragState === 'dragAccept'\n ? `1px dashed ${theme.colors.success}`\n : `1px dashed ${theme.colors.neutral400}`};\n\n border-style: ${({ dragState = 'default' }) =>\n dragState === 'error' ? 'solid' : 'dashed'};\n background-color: ${({ theme, noDrag, isInverse }) =>\n noDrag\n ? 'transparent'\n : isInverse\n ? transparentize(0.75, theme.colors.neutral900)\n : theme.colors.neutral200};\n outline: none;\n transition: ${({ noDrag }) => `border ${noDrag ? 0 : '.24s'} ease-in-out`};\n`;\n\nconst HelperMessage = styled.span<{ isInverse?: boolean }>`\n color: ${({ theme, isInverse }) =>\n isInverse ? theme.colors.neutral100 : theme.colors.neutral700};\n display: block;\n font-size: 14px;\n margin: -8px 0 16px 0;\n`;\n\nconst Wrapper = styled.div<{ isInverse?: boolean }>`\n color: ${({ theme, isInverse }) =>\n isInverse ? theme.colors.neutral100 : theme.colors.neutral700};\n margin: 0 0 24px 0;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n font-weight: 500;\n padding: ${({ theme }) => theme.spaceScale.spacing01};\n`;\nexport const Dropzone = React.forwardRef<HTMLInputElement, DropzoneProps>(\n (props, ref) => {\n const {\n accept,\n containerStyle,\n disabled,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n dropzoneOptions = {\n multiple: true,\n },\n helperMessage,\n id: defaultId,\n inputSize,\n isInverse: isInverseProp,\n isLabelVisuallyHidden,\n labelStyle,\n labelText,\n maxFiles,\n minFiles,\n maxSize,\n minSize,\n multiple = true,\n noDrag = false,\n onSendFile,\n onDeleteFile,\n onRemoveFile,\n sendFiles = false,\n testId,\n thumbnails = true,\n ...rest\n } = props;\n\n const [files, setFiles] = React.useState<FilePreview[]>([]);\n const [errorMessage, setErrorMessage] = React.useState<string \| null>(null);\n\n const isInverse = useIsInverse(isInverseProp);\n const theme: ThemeInterface = React.useContext(ThemeContext);\n const i18n: I18nInterface = React.useContext(I18nContext);\n const id = useGenerateId(defaultId);\n\n const onDrop = React.useCallback(\n (acceptedFiles: FilePreview[], rejectedFiles: FileRejection[]) => {\n setFiles((files: FilePreview[]) => [\n ...files,\n ...acceptedFiles.map((file: FilePreview) =>\n Object.assign(file, {\n preview: URL.createObjectURL(file),\n })\n ),\n ...rejectedFiles.map(\n ({ file, errors }: { file: FilePreview; errors: FileError[] }) =>\n Object.assign(file, {\n errors,\n })\n ),\n ]);\n },\n []\n );\n\n const {\n getInputProps,\n getRootProps,\n isDragAccept,\n isDragActive,\n isDragReject,\n open,\n inputRef,\n } = useDropzone({\n noClick: true,\n disabled,\n multiple,\n maxSize,\n minSize,\n accept,\n onDrop,\n noDrag,\n });\n\n useImperativeHandle<HTMLInputElement \| null, HTMLInputElement \| null>(\n ref,\n () => inputRef.current\n );\n\n const inputProps = getInputProps({ id });\n\n const dragState: DragState = errorMessage\n ? 'error'\n : isDragAccept\n ? 'dragAccept'\n : isDragReject\n ? 'dragReject'\n : isDragActive\n ? 'dragActive'\n : 'default';\n\n const handleRemoveFile = (removedFile: FilePreview) => {\n setFiles(files => files.filter(file => file !== removedFile));\n onRemoveFile &&\n typeof onRemoveFile === 'function' &&\n onRemoveFile(removedFile);\n };\n\n const handleDeleteFile = (removedFile: FilePreview) => {\n setFiles(files => files.filter(file => file !== removedFile));\n onDeleteFile &&\n typeof onDeleteFile === 'function' &&\n onDeleteFile(removedFile);\n };\n\n const setProgress = (props: { percent: number; file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n processor: {\n ...file.processor,\n percent: `${props.percent}%`,\n status: 'pending',\n },\n })\n : file\n )\n );\n };\n\n const setFinished = (props: { file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n processor: {\n ...file.processor,\n percent: '',\n status: 'finished',\n },\n })\n : file\n )\n );\n };\n\n const setError = (props: { errors: FileError[]; file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n errors: props.errors,\n processor: { ...file.processor, status: 'error' },\n })\n : file\n )\n );\n };\n\n const formatError = (\n code: string \| null,\n constraints: { maxFiles?: number; minFiles?: number }\n ) => {\n if (code === null) return null;\n const error = i18n.dropzone.errors[code];\n switch (code) {\n case 'too-many-files':\n return `${error.message} ${constraints.maxFiles} ${i18n.dropzone.files}.`;\n case 'too-few-files':\n return `${error.message} ${constraints.minFiles} ${i18n.dropzone.files}.`;\n default:\n return error.message;\n }\n };\n\n React.useEffect(\n () => () => {\n files.forEach(\n file => file.preview && URL.revokeObjectURL(file.preview)\n );\n },\n [files]\n );\n\n React.useEffect(() => {\n const minFileError = minFiles && files.length < minFiles;\n const maxFileError = maxFiles && files.length > maxFiles;\n\n setErrorMessage(\n formatError(\n maxFileError\n ? 'too-many-files'\n : minFileError\n ? 'too-few-files'\n : null,\n { minFiles, maxFiles }\n )\n );\n\n if (sendFiles && files.length > 0 && !maxFileError && !minFileError) {\n setFiles((files: FilePreview[]) => {\n return files.map((file: FilePreview) => {\n !file.errors &&\n !file.processor &&\n onSendFile &&\n onSendFile({\n file,\n onError: setError,\n onFinish: setFinished,\n onProgress: setProgress,\n });\n return file;\n });\n });\n }\n }, [sendFiles, files.length, onSendFile]);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <FormFieldContainer\n actionable={false}\n containerStyle={containerStyle}\n errorMessage={errorMessage}\n fieldId={id}\n inputSize={inputSize}\n isInverse={isInverse}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n labelStyle={labelStyle}\n labelText={labelText}\n messageStyle={{ minHeight: 0 }}\n data-testid={testId}\n >\n <HelperMessage theme={theme} isInverse={isInverse}>\n {helperMessage}\n </HelperMessage>\n <Container\n behavior={FlexBehavior.container}\n dragState={dragState}\n isInverse={isInverse}\n noDrag={noDrag}\n theme={theme}\n {...getRootProps()}\n {...rest}\n testId={testId}\n tabIndex={-1}\n >\n <input\n ref={inputRef}\n type={inputProps.type}\n accept={inputProps.accept}\n autoComplete={inputProps.autoComplete}\n id={inputProps.id}\n multiple={inputProps.multiple}\n onChange={inputProps.onChange}\n onClick={inputProps.onClick}\n style={inputProps.style}\n tabIndex={inputProps.tabIndex}\n data-testid=\"file-input\"\n />\n {noDrag ? (\n <Flex xs behavior={FlexBehavior.item}>\n <Button\n color={ButtonColor.primary}\n disabled={disabled}\n isInverse={isInverse}\n onClick={open}\n style={{ margin: 0 }}\n >\n {i18n.dropzone.browseFiles}\n </Button>\n </Flex>\n ) : (\n <Flex behavior={FlexBehavior.item}>\n <CloudUploadIcon\n aria-hidden=\"true\"\n color={\n isInverse\n ? theme.colors.neutral100\n : theme.colors.neutral500\n }\n size={48}\n />\n <Wrapper isInverse={isInverse} theme={theme}>\n {i18n.dropzone.dragMessage}\n </Wrapper>\n <Button\n color={ButtonColor.primary}\n disabled={disabled}\n isInverse={isInverse}\n onClick={open}\n style={{ margin: 0 }}\n variant={ButtonVariant.solid}\n >\n {i18n.dropzone.browseFiles}\n </Button>\n </Flex>\n )}\n </Container>\n </FormFieldContainer>\n {files.map((file: FilePreview) => (\n <Preview\n accept={accept}\n file={file}\n isInverse={isInverse}\n key={file.name}\n maxSize={maxSize}\n minSize={minSize}\n onDeleteFile={handleDeleteFile}\n onRemoveFile={handleRemoveFile}\n thumbnails={thumbnails}\n />\n ))}\n </InverseContext.Provider>\n );\n }\n);\n"],"names":["icons","default","Icon","InsertDriveFileIcon","style","color","magma","colors","neutral500","word","FileWordIcon","info500","excel","FileExcelIcon","success500","powerpoint","FilePowerpointIcon","warning500","pdf","FilePdfIcon","danger500","image","ImageIcon","video","VideocamIcon","audio","AudiotrackIcon","archive","FileZipIcon","iconMapping","xlsx","xlsm","xlsb","xltx","xls","xlt","doc","docx","docm","dotx","dotm","docb","pptx","pptm","ppt","png","svg","zip","FileIcon","file","isInverse","path","type","category","split","extension","pop","_jsx","size","iconSizes","medium","formatFileSize","bytes","decimalPoint","bytesLabel","undefined","sizes","i","Math","floor","log","parseFloat","pow","toFixed","_excluded","_excluded2","_t","_t2","_t3","_t4","_t5","_t6","_t7","_t8","_","t","Thumb","styled","div","preview","StatusIcons","IconStyles","marginRight","display","Errors","theme","neutral300","typeScale","size02","fontSize","lineHeight","StyledFlex","Flex","FileName","StyledCard","Card","errors","danger300","danger","ErrorHeader","span","ErrorMessage","Preview","forwardRef","props","ref","_file$processor2","accept","isInverseProp","maxSize","minSize","onDeleteFile","onRemoveFile","thumbnails","rest","_objectWithoutPropertiesLoose","useContext","ThemeContext","i18n","React","I18nContext","useIsInverse","actions","setActions","useState","CloseIcon","handleRemoveFile","handleDeleteFile","FinishedActions","status","done","setDone","useEffect","mounted","setTimeout","children","IconButton","onClick","variant","ButtonVariant","link","ButtonColor","secondary","dropzone","removeFile","icon","Spinner","neutral100","primary","_jsxs","Transition","isOpen","unmountOnExit","fade","CheckCircleIcon","success200","success","marginTop","deleteFile","DeleteIcon","_file$processor","processor","InverseContext","Provider","value","testId","role","_extends","behavior","FlexBehavior","container","alignItems","FlexAlignItems","center","item","ErrorIcon","startsWith","xs","name","marginLeft","percent","slice","map","_ref","code","header","message","formatError","error","constraints","byteLabel","Array","isArray","length","messageSuffix","join","Fragment","danger200","Container","noDrag","dragState","neutral400","transparentize","neutral900","neutral200","HelperMessage","neutral700","Wrapper","spaceScale","spacing01","Dropzone","containerStyle","disabled","dropzoneOptions","multiple","helperMessage","id","defaultId","inputSize","isLabelVisuallyHidden","labelStyle","labelText","maxFiles","minFiles","onSendFile","sendFiles","files","setFiles","errorMessage","setErrorMessage","useGenerateId","onDrop","useCallback","acceptedFiles","rejectedFiles","Object","assign","URL","createObjectURL","getInputProps","getRootProps","isDragAccept","isDragActive","isDragReject","open","inputRef","useDropzone","noClick","useImperativeHandle","current","inputProps","removedFile","filter","setProgress","setFinished","setError","forEach","revokeObjectURL","minFileError","maxFileError","onError","onFinish","onProgress","FormFieldContainer","actionable","fieldId","messageStyle","minHeight","tabIndex","autoComplete","onChange","Button","margin","browseFiles","CloudUploadIcon","dragMessage","solid"],"mappings":"w1BAsBA,MAAMA,EAAQ,CACZC,QAAS,CACPC,KAAMC,EACNC,MAAO,CACLC,MAAOC,EAAMC,OAAOC,aAGxBC,KAAM,CACJP,KAAMQ,EACNN,MAAO,CACLC,MAAOC,EAAMC,OAAOI,UAGxBC,MAAO,CACLV,KAAMW,EACNT,MAAO,CACLC,MAAOC,EAAMC,OAAOO,aAGxBC,WAAY,CACVb,KAAMc,EACNZ,MAAO,CACLC,MAAOC,EAAMC,OAAOU,aAGxBC,IAAK,CACHhB,KAAMiB,EACNf,MAAO,CACLC,MAAOC,EAAMC,OAAOa,YAGxBC,MAAO,CACLnB,KAAMoB,EACNlB,MAAO,CACLC,MAAOC,EAAMC,OAAOC,aAGxBe,MAAO,CACLrB,KAAMsB,EACNpB,MAAO,CACLC,MAAOC,EAAMC,OAAOC,aAGxBiB,MAAO,CACLvB,KAAMwB,EACNtB,MAAO,CACLC,MAAOC,EAAMC,OAAOC,aAGxBmB,QAAS,CACPzB,KAAM0B,EACNxB,MAAO,CACLC,MAAOC,EAAMC,OAAOC,cAKpBqB,EAEF,CACF5B,QAASD,EAAMC,QACf6B,KAAM9B,EAAMY,MACZmB,KAAM/B,EAAMY,MACZoB,KAAMhC,EAAMY,MACZqB,KAAMjC,EAAMY,MACZsB,IAAKlC,EAAMY,MACXuB,IAAKnC,EAAMY,MACXwB,IAAKpC,EAAMS,KACX4B,KAAMrC,EAAMS,KACZ6B,KAAMtC,EAAMS,KACZ8B,KAAMvC,EAAMS,KACZ+B,KAAMxC,EAAMS,KACZgC,KAAMzC,EAAMS,KACZiC,KAAM1C,EAAMe,WACZ4B,KAAM3C,EAAMe,WACZ6B,IAAK5C,EAAMe,WACXG,IAAKlB,EAAMkB,IACX2B,IAAK7C,EAAMqB,MACXyB,IAAK9C,EAAMqB,MACXA,MAAOrB,EAAMqB,MACbI,MAAOzB,EAAMyB,MACbF,MAAOvB,EAAMuB,MACbwB,IAAK/C,EAAM2B,SAGAqB,EAAWA,EAAGC,OAAMC,gBAC/B,MAAMC,KAAEA,EAAO,GAAEC,KAAEA,EAAO,IAAOH,EAC3BI,EAAWD,EAAKE,MAAM,KAAK,GAC3BC,EAAYJ,EAAKG,MAAM,KAAKE,OAAS,WACrCtD,KAAEA,EAAIE,MAAEA,GACZyB,EAAY0B,IAAc1B,EAAYwB,IAAaxB,EAAY5B,QAEjE,OAAOwD,EAACvD,EAAKwD,CAAAA,KAAMpD,EAAMqD,UAAUC,OAAQxD,MAAO8C,EAAY,CAAE,EAAG9C,GAAM,+XClHpE,MAAMyD,EAAiBA,CAC5BC,EACAC,EAAuB,EACvBC,EAAqB,WAErB,QAAcC,IAAVH,EAAqB,OACzB,GAAa,GAATA,EAAY,MAAO,KAAKE,IAC5B,MACME,EAAQ,CAACF,EAAY,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAC/DG,EAAIC,KAAKC,MAAMD,KAAKE,IAAIR,GAASM,KAAKE,IAFlC,OAGV,OACEC,YAAYT,EAAQM,KAAKI,IAJjB,KAIwBL,IAAIM,QAAQV,IAAiB,IAAMG,EAAMC,EAAC,ECX9EO,EAAA,CAAA,SAAA,OAAA,YAAA,UAAA,UAAA,eAAA,eAAA,SAAA,cAAAC,EAAA,CAAA,QAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAA,EAiDA,MAAMC,GAAQC,EAAOC,IAAGZ,IAAAA,EAAAQ,EAAA;sBAAA;;;;;;;GACF,EAAGnC,UACrB,QAAQ,YAAaA,GAAQA,EAAKwC,aAShCC,GAAcH,EAAOC,IAAGX,IAAAA,EAAAO,EAAA;;;;;;;;;;;IAaxBO,GAAa,CACjBC,YAAa,OACbC,QAAS,QAGLC,GAASP,EAAOC,IAAGV,IAAAA,EAAAM,EAAA;0BAAA;;eAAA;iBAAA;GACC,EAAGW,WAAYA,EAAMxF,OAAOyF,WAEvC,EAAGD,WAAYA,EAAME,UAAUC,OAAOC,SACpC,EAAGJ,WAAYA,EAAME,UAAUC,OAAOE,YAGjDC,GAAad,EAAOe,EAAPf,CAAYR,IAAAA,EAAAK,EAAA;;;eAAA;iBAAA;GAGhB,EAAGW,WAAYA,EAAME,UAAUC,OAAOC,SACpC,EAAGJ,WAAYA,EAAME,UAAUC,OAAOE,YAGjDG,GAAWhB,EAAOe,EAAPf,CAAYP,KAAAA,GAAAI,EAAA;;;;;;;eAAA;iBAAA;GAOd,EAAGW,WAAYA,EAAME,UAAUC,OAAOC,SACpC,EAAGJ,WAAYA,EAAME,UAAUC,OAAOE,YAGjDI,GAAajB,EAAOkB,EAAPlB,CAAYN,KAAAA,GAAAG,EAAA;;kBAAA;;;GAEb,EAAGnC,OAAM8C,QAAO7C,eAC9BD,EAAKyD,OACDxD,EACE6C,EAAMxF,OAAOoG,UACbZ,EAAMxF,OAAOqG,OACfb,EAAMxF,OAAOyF,YAKfa,GAActB,EAAOuB,KAAI5B,KAAAA,GAAAE,EAAA;;;;;;;;IAUzB2B,GAAexB,EAAOuB,KAAI3B,KAAAA,GAAAC,EAAA;;IA8CnB4B,GAAUC,EAErB,CAACC,EAAOC,KAAO,IAAAC,EACb,MAAMC,OACJA,EAAMpE,KACNA,EACAC,UAAWoE,EAAaC,QACxBA,EAAOC,QACPA,EAAOC,aACPA,EAAYC,aACZA,EAAYC,WAEZA,GAEET,EADCU,EAAIC,EACLX,EAAKxC,GAEHqB,EAAwB+B,EAAWC,GACnCC,EAAsBC,EAAMH,WAAWI,GACvChF,EAAYiF,EAAab,IACxBc,EAASC,GAAcC,EAAS7E,EAAC8E,EAAS,CAAA,IAE3CC,EAAmBA,KACvBd,GAAwC,mBAAjBA,GAA+BA,EAAazE,EAAI,EAGnEwF,EAAmBA,KACvBhB,GAAwC,mBAAjBA,GAA+BA,EAAaxE,EACrE,EAEMyF,EAAkBA,EAAGC,OAAAA,EAAS,YAClC,MAAOC,EAAMC,GAAWP,GAAkB,GAc1C,OAZAQ,EAAU,KACR,IAAIC,GAAU,EAMd,OALAC,WAAW,KACLD,GACFF,GAAQ,EACT,EACA,KACI,KACLE,GAAU,CAAA,CACZ,EACC,CAACJ,IAEW,UAAXA,GAAiC,UAAXA,EAEtBlF,EAACiC,GAAW,CAAAuD,SACVxF,EAACyF,EAAU,CACTC,QAASX,EACTY,QAASC,EAAcC,KACvBjJ,MAAOkJ,EAAYC,UACnB,aAAYxB,EAAKyB,SAASC,WAC1BC,KAAMlG,EAAC8E,EAAS,CAAA,OAMT,YAAXI,EAEAlF,EAACiC,GAAWuD,CAAAA,SACVxF,EAACmG,EACCvJ,CAAAA,MAAO6C,EAAY6C,EAAMxF,OAAOsJ,WAAa9D,EAAMxF,OAAOuJ,YAOhEC,EAACrE,GAAW,CAAAuD,SAAA,CACVxF,EAACuG,EAAU,CAACC,QAASrB,EAAMsB,eAAcC,EAAAA,MAAIlB,EAAAA,SAC3CxF,EAAC2G,EACC/J,CAAAA,MAAO6C,EAAY6C,EAAMxF,OAAO8J,WAAatE,EAAMxF,OAAO+J,QAC1DlK,MAAO,CAAEmK,UAAW,WAGxB9G,EAACuG,EAAWC,CAAAA,OAAQrB,EAAMsB,eAAa,EAACC,MAAI,EAAAlB,SAC1CxF,EAACyF,EAAU,CACTC,QAASV,EACTW,QAASC,EAAcC,KACvBjJ,MAAOkJ,EAAYC,UACnB,aAAYxB,EAAKyB,SAASe,WAC1Bb,KAAMlG,EAACgH,EAAU,CAAA,SAGV,EAQjB,OAJA3B,EAAU,KAAK,IAAA4B,EACbrC,EAAW5E,EAACiF,EAAe,CAACC,OAAY,MAAJ1F,GAAe,OAAXyH,EAAJzH,EAAM0H,gBAAS,EAAfD,EAAiB/B,SACvD,EAAG,CAAKvB,MAAJnE,GAAAmE,OAAIA,EAAJnE,EAAM0H,gBAANvD,EAAAA,EAAiBuB,SAGnBlF,EAACmH,EAAeC,SAAQ,CAACC,MAAO,CAAE5H,aAAY+F,SAC5Cc,EAACvD,GAAU,CACTtD,UAAWA,EACX6C,MAAOA,EACP9C,KAAMA,EACN,cAAaiE,EAAM6D,OACnB5D,IAAKA,EACL6D,KAAM/H,EAAKyD,OAAS,QAAU,GAAGuC,SAAA,CAEjCc,EAAC1D,GAAU4E,EAAA,CACTlF,MAAOA,EACPmF,SAAUC,EAAaC,UACvBC,WAAYC,EAAeC,QACvB3D,EAAI,CAAAqB,SAAA,CAERxF,EAAC6C,EAAI,CACH4E,SAAUC,EAAaK,KACvBH,WAAYC,EAAeC,OAC3BnL,MAAOuF,GAAWsD,SAEjBhG,EAAKyD,OACJjD,EAACgI,EAAS,CACRpL,MACE6C,EAAY6C,EAAMxF,OAAOoG,UAAYZ,EAAMxF,OAAOqG,OAEpDlD,KAAM,KAENT,EAAKwC,SACPkC,GACA1E,EAAKG,MACLH,EAAKG,KAAKsI,WAAW,SACrBjI,EAAC6B,GAAM0F,CAAAA,KAAK,MAAM/H,KAAMA,IAExBQ,EAACT,EAAQ,CAACE,UAAWA,EAAWD,KAAMA,MAG1CQ,EAAC8C,GAAQ,CAACoF,IAAE,EAACT,SAAUC,EAAaK,KAAMzF,MAAOA,EAAMkD,SACpDhG,EAAK2I,OAEP3I,EAAK0H,WAAuC,YAA1B1H,EAAK0H,UAAUhC,QAChClF,EAAC6C,EAAI,CACH0E,KAAK,cACL5K,MAAO,CAAEyL,WAAY,QACrBX,SAAUC,EAAaK,KAAKvC,SAE3BhG,EAAK0H,UAAUmB,UAGpBrI,EAAC6C,EAAI,CAAC4E,SAAUC,EAAaK,KAAKvC,SAAEb,QAErCnF,EAAKyD,QACJjD,EAACqC,GAAM,CAACC,MAAOA,EAAMkD,SAClBhG,EAAKyD,OAAOqF,MAAM,EAAG,GAAGC,IAAIC,IAAC,IAAAC,KAAEA,GAAeD,EAANrE,EAAIC,EAAAoE,EAAAtH,GAC3C,MAAMwH,OAAEA,EAAS,GAAEC,QAAEA,GA7LjBC,EAClBC,EACAC,EAKAC,KAEA,MAAMnF,EACJoF,MAAMC,QAAQH,EAAYlF,SAAyC,IAA9BkF,EAAYlF,OAAOsF,OACpDJ,EAAYlF,OAAO,GACnBkF,EAAYlF,OACZuF,EAAgBH,MAAMC,QAAQrF,GAChC,UAAUA,EAAOwF,KAAK,QACtBxF,EACJ,OAAQiF,EAAMJ,MACZ,IAAK,iBACH,OAAAjB,EACKqB,CAAAA,EAAAA,EACHF,CAAAA,QAAS,GAAGE,EAAMF,WAAWvI,EAC3B0I,EAAYhF,QACZ,EACAiF,QAGN,IAAK,iBACH,OAAAvB,EAAA,CAAA,EACKqB,EAAK,CACRF,QAAS,GAAGE,EAAMF,WAAWvI,EAC3B0I,EAAY/E,QACZ,EACAgF,QAGN,IAAK,oBACH,OAAAvB,EAAA,CAAA,EAAYqB,EAAK,CAAEF,QAAS,GAAGE,EAAMF,YAAYQ,MACnD,QACE,OAAON,EACV,EAsJ8CD,CAAWpB,EAAA,CACxCiB,QAAStE,EAASI,EAAKyB,SAAS/C,OAAOwF,IACzC,CAAE7E,SAAQG,UAASD,WACnBS,EAAKyB,SAAS3F,OAEhB,OACEiG,EAAC9B,EAAM6E,SAAQ7D,CAAAA,SACbxF,CAAAA,EAACoD,GACCzG,CAAAA,MAAO,CACLC,MAAO6C,EACH6C,EAAMxF,OAAOwM,UACbhH,EAAMxF,OAAOqG,QACjBqC,SAEDkD,IAEH1I,EAACsD,GAAYkC,CAAAA,SAAEmD,MAVIF,EAWL,SAMH,GC9U/BxH,GAAA,CAAA,SAAA,iBAAA,WAAA,kBAAA,gBAAA,KAAA,YAAA,YAAA,wBAAA,aAAA,YAAA,WAAA,WAAA,UAAA,UAAA,WAAA,SAAA,aAAA,eAAA,eAAA,YAAA,SAAA,cAAA,IAAAE,GAAAC,GAAAC,GAAAM,GAAAC,GAAAA,EA6HA,MAAM2H,GAAYzH,EAAOe,EAAPf,CAAYX,KAAAA,GAAAQ,EAAA;;iBAAA;qBAAA;gBAAA;aAAA;mBAAA;YAAA;;kBAAA;sBAAA;;gBAAA;GASb,EAAG6H,YAAcA,EAAS,OAAS,SAC/B,EAAGA,YAAcA,EAAS,OAAS,SACxC,EAAGA,YAAcA,EAAS,OAAS,SACtC,EAAGA,YAAcA,EAAS,MAAQ,OAC5B,EAAGA,YAAcA,EAAS,MAAQ,MACzC,EAAGC,UAAAA,EAAY,UAAWD,SAAQlH,QAAO7C,eACjD+J,EACI,MACc,eAAdC,GAA4C,UAAdA,EAC9BhK,EACE,cAAc6C,EAAMxF,OAAOoG,YAC3B,cAAcZ,EAAMxF,OAAOqG,SACf,eAAdsG,EACA,cAAcnH,EAAMxF,OAAOuJ,UACb,eAAdoD,EACA,cAAcnH,EAAMxF,OAAO+J,UAC3B,cAAcvE,EAAMxF,OAAO4M,aAEjB,EAAGD,UAAAA,EAAY,aACf,UAAdA,EAAwB,QAAU,SAChB,EAAGnH,QAAOkH,SAAQ/J,eACpC+J,EACI,cACA/J,EACAkK,EAAe,IAAMrH,EAAMxF,OAAO8M,YAClCtH,EAAMxF,OAAO+M,WAEL,EAAGL,YAAa,UAAUA,EAAS,EAAI,sBAGjDM,GAAgBhI,EAAOuB,KAAIjC,KAAAA,GAAAO,EAAA;WAAA;;;;GACtB,EAAGW,QAAO7C,eACjBA,EAAY6C,EAAMxF,OAAOsJ,WAAa9D,EAAMxF,OAAOiN,YAMjDC,GAAUlI,EAAOC,IAAGV,KAAAA,GAAAM,EAAA;WAAA;;eAAA;iBAAA;;aAAA;GACf,EAAGW,QAAO7C,eACjBA,EAAY6C,EAAMxF,OAAOsJ,WAAa9D,EAAMxF,OAAOiN,WAExC,EAAGzH,WAAYA,EAAME,UAAUC,OAAOC,SACpC,EAAGJ,WAAYA,EAAME,UAAUC,OAAOE,WAE1C,EAAGL,WAAYA,EAAM2H,WAAWC,WAEhCC,GAAW3F,EAAMhB,WAC5B,CAACC,EAAOC,KACN,MAAME,OACJA,EAAMwG,eACNA,EAAcC,SACdA,EAAQC,gBAERA,EAAkB,CAChBC,UAAU,GACXC,cACDA,EACAC,GAAIC,EAASC,UACbA,EACAlL,UAAWoE,EAAa+G,sBACxBA,EAAqBC,WACrBA,EAAUC,UACVA,EAASC,SACTA,EAAQC,SACRA,EAAQlH,QACRA,EAAOC,QACPA,EAAOwG,SACPA,GAAW,EAAIf,OACfA,GAAS,EAAKyB,WACdA,EAAUjH,aACVA,EAAYC,aACZA,EAAYiH,UACZA,GAAY,EAAK5D,OACjBA,EAAMpD,WACNA,GAAa,GAEXT,EADCU,EAAIC,EACLX,EAAKxC,KAEFkK,EAAOC,GAAY5G,EAAMK,SAAwB,KACjDwG,EAAcC,GAAmB9G,EAAMK,SAAwB,MAEhEpF,EAAYiF,EAAab,GACzBvB,EAAwBkC,EAAMH,WAAWC,GACzCC,EAAsBC,EAAMH,WAAWI,GACvCgG,EAAKc,EAAcb,GAEnBc,EAAShH,EAAMiH,YACnB,CAACC,EAA8BC,KAC7BP,EAAUD,GAAyB,IAC9BA,KACAO,EAAcnD,IAAK/I,GACpBoM,OAAOC,OAAOrM,EAAM,CAClBwC,QAAS8J,IAAIC,gBAAgBvM,SAG9BmM,EAAcpD,IACf,EAAG/I,OAAMyD,YACP2I,OAAOC,OAAOrM,EAAM,CAClByD,aAIV,EACA,KAGI+I,cACJA,GAAaC,aACbA,GAAYC,aACZA,GAAYC,aACZA,GAAYC,aACZA,GAAYC,KACZA,GAAIC,SACJA,IACEC,EAAY,CACdC,SAAS,EACTnC,WACAE,WACAzG,UACAC,UACAH,SACA4H,SACAhC,WAGFiD,EACE/I,EACA,IAAM4I,GAASI,SAGjB,MAAMC,GAAaX,GAAc,CAAEvB,OAE7BhB,GAAuB4B,EACzB,QACAa,GACA,aACAE,GACA,aACAD,GACA,aACA,UAEEpH,GAAoB6H,IACxBxB,EAASD,GAASA,EAAM0B,OAAOrN,GAAQA,IAASoN,IAChD3I,GAC0B,mBAAjBA,GACPA,EAAa2I,EACjB,EAEM5H,GAAoB4H,IACxBxB,EAASD,GAASA,EAAM0B,OAAOrN,GAAQA,IAASoN,IAChD5I,GAC0B,mBAAjBA,GACPA,EAAa4I,IAGXE,GAAerJ,IACnB2H,EAASD,GACPA,EAAM5C,IAAI/I,GACRA,IAASiE,EAAMjE,KACXoM,OAAOC,OAAOrM,EAAM,CAClB0H,UAASM,EAAA,CAAA,EACJhI,EAAK0H,UACRmB,CAAAA,QAAS,GAAG5E,EAAM4E,WAClBnD,OAAQ,cAGZ1F,GAGV,EAEMuN,GAAetJ,IACnB2H,EAASD,GACPA,EAAM5C,IAAI/I,GACRA,IAASiE,EAAMjE,KACXoM,OAAOC,OAAOrM,EAAM,CAClB0H,UAASM,KACJhI,EAAK0H,UAAS,CACjBmB,QAAS,GACTnD,OAAQ,eAGZ1F,GAGV,EAEMwN,GAAYvJ,IAChB2H,EAASD,GACPA,EAAM5C,IAAI/I,GACRA,IAASiE,EAAMjE,KACXoM,OAAOC,OAAOrM,EAAM,CAClByD,OAAQQ,EAAMR,OACdiE,UAASM,EAAA,CAAA,EAAOhI,EAAK0H,UAAWhC,CAAAA,OAAQ,YAE1C1F,GACL,EA8DL,OA1CAgF,EAAMa,UACJ,IAAM,KACJ8F,EAAM8B,QACJzN,GAAQA,EAAKwC,SAAW8J,IAAIoB,gBAAgB1N,EAAKwC,SAAQ,EAG7D,CAACmJ,IAGH3G,EAAMa,UAAU,KACd,MAAM8H,EAAenC,GAAYG,EAAMjC,OAAS8B,EAC1CoC,EAAerC,GAAYI,EAAMjC,OAAS6B,EAEhDO,EA7BkB1C,EAClBH,EACAK,KAEA,GAAa,OAATL,EAAe,OAAO,KAC1B,MAAMI,EAAQtE,EAAKyB,SAAS/C,OAAOwF,GACnC,OAAQA,GACN,IAAK,iBACH,MAAO,GAAGI,EAAMF,WAAWG,EAAYiC,YAAYxG,EAAKyB,SAASmF,SACnE,IAAK,gBACH,MAAO,GAAGtC,EAAMF,WAAWG,EAAYkC,YAAYzG,EAAKyB,SAASmF,SACnE,QACE,OAAOtC,EAAMF,QAChB,EAiBCC,CACEwE,EACI,iBACAD,EACA,gBACA,KACJ,CAAEnC,WAAUD,cAIZG,GAAaC,EAAMjC,OAAS,IAAMkE,IAAiBD,GACrD/B,EAAUD,GACDA,EAAM5C,IAAK/I,KACfA,EAAKyD,SACHzD,EAAK0H,WACN+D,GACAA,EAAW,CACTzL,OACA6N,QAASL,GACTM,SAAUP,GACVQ,WAAYT,KAETtN,IAGZ,EACA,CAAC0L,EAAWC,EAAMjC,OAAQ+B,IAG3B3E,EAACa,EAAeC,SAAQ,CAACC,MAAO,CAAE5H,aAAY+F,SAC5Cc,CAAAA,EAACkH,GACCC,YAAY,EACZrD,eAAgBA,EAChBiB,aAAcA,EACdqC,QAASjD,EACTE,UAAWA,EACXlL,UAAWA,EACXmL,sBAAuBA,EACvBC,WAAYA,EACZC,UAAWA,EACX6C,aAAc,CAAEC,UAAW,GAC3B,cAAatG,EAAO9B,SAAA,CAEpBxF,EAAC8J,GAAcxH,CAAAA,MAAOA,EAAO7C,UAAWA,EAAU+F,SAC/CgF,IAEHlE,EAACiD,GAAS/B,GACRC,SAAUC,EAAaC,UACvB8B,UAAWA,GACXhK,UAAWA,EACX+J,OAAQA,EACRlH,MAAOA,GACH2J,KACA9H,GACJmD,OAAQA,EACRuG,UAAW,EAAErI,SAEbxF,CAAAA,EACE0D,QAAAA,CAAAA,IAAK4I,GACL3M,KAAMgN,GAAWhN,KACjBiE,OAAQ+I,GAAW/I,OACnBkK,aAAcnB,GAAWmB,aACzBrD,GAAIkC,GAAWlC,GACfF,SAAUoC,GAAWpC,SACrBwD,SAAUpB,GAAWoB,SACrBrI,QAASiH,GAAWjH,QACpB/I,MAAOgQ,GAAWhQ,MAClBkR,SAAUlB,GAAWkB,SACrB,cAAY,eAEbrE,EACCxJ,EAAC6C,EAAKqF,CAAAA,IAAGT,EAAAA,SAAUC,EAAaK,KAAKvC,SACnCxF,EAACgO,GACCpR,MAAOkJ,EAAYO,QACnBgE,SAAUA,EACV5K,UAAWA,EACXiG,QAAS2G,GACT1P,MAAO,CAAEsR,OAAQ,GAAIzI,SAEpBjB,EAAKyB,SAASkI,gBAInB5H,EAACzD,EAAK4E,CAAAA,SAAUC,EAAaK,KAAKvC,SAAA,CAChCxF,EAACmO,EACC,CAAA,cAAY,OACZvR,MACE6C,EACI6C,EAAMxF,OAAOsJ,WACb9D,EAAMxF,OAAOC,WAEnBkD,KAAM,KAERD,EAACgK,GAAO,CAACvK,UAAWA,EAAW6C,MAAOA,EAAMkD,SACzCjB,EAAKyB,SAASoI,cAEjBpO,EAACgO,EAAM,CACLpR,MAAOkJ,EAAYO,QACnBgE,SAAUA,EACV5K,UAAWA,EACXiG,QAAS2G,GACT1P,MAAO,CAAEsR,OAAQ,GACjBtI,QAASC,EAAcyI,MAAM7I,SAE5BjB,EAAKyB,SAASkI,wBAMxB/C,EAAM5C,IAAK/I,GACVQ,EAACuD,GACCK,CAAAA,OAAQA,EACRpE,KAAMA,EACNC,UAAWA,EAEXqE,QAASA,EACTC,QAASA,EACTC,aAAcgB,GACdf,aAAcc,GACdb,WAAYA,GALP1E,EAAK2I,SAQS"}
1	+ {"version":3,"file":"fileuploader.modern.js","sources":["../src/components/dropzone/FileIcon.tsx","../src/components/dropzone/utils.ts","../src/components/dropzone/Preview.tsx","../src/components/dropzone/Dropzone.tsx"],"sourcesContent":["import React from 'react';\n\nimport { magma } from 'react-magma-dom';\nimport {\n InsertDriveFileIcon,\n ImageIcon,\n AudiotrackIcon,\n VideocamIcon,\n FileExcelIcon,\n FilePdfIcon,\n FilePowerpointIcon,\n FileWordIcon,\n FileZipIcon,\n IconProps,\n} from 'react-magma-icons';\n\nimport { FilePreview } from './FilePreview';\n\nexport interface FileIconProps extends IconProps {\n file: FilePreview;\n isInverse?: boolean;\n}\n\nconst icons = {\n default: {\n Icon: InsertDriveFileIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n word: {\n Icon: FileWordIcon,\n style: {\n color: magma.colors.info500,\n },\n },\n excel: {\n Icon: FileExcelIcon,\n style: {\n color: magma.colors.success500,\n },\n },\n powerpoint: {\n Icon: FilePowerpointIcon,\n style: {\n color: magma.colors.warning500,\n },\n },\n pdf: {\n Icon: FilePdfIcon,\n style: {\n color: magma.colors.danger500,\n },\n },\n image: {\n Icon: ImageIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n video: {\n Icon: VideocamIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n audio: {\n Icon: AudiotrackIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n archive: {\n Icon: FileZipIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n};\n\nconst iconMapping: {\n [key: string]: { Icon: any; style: React.CSSProperties };\n} = {\n default: icons.default,\n xlsx: icons.excel,\n xlsm: icons.excel,\n xlsb: icons.excel,\n xltx: icons.excel,\n xls: icons.excel,\n xlt: icons.excel,\n doc: icons.word,\n docx: icons.word,\n docm: icons.word,\n dotx: icons.word,\n dotm: icons.word,\n docb: icons.word,\n pptx: icons.powerpoint,\n pptm: icons.powerpoint,\n ppt: icons.powerpoint,\n pdf: icons.pdf,\n png: icons.image,\n svg: icons.image,\n image: icons.image,\n audio: icons.audio,\n video: icons.video,\n zip: icons.archive,\n};\n\nexport const FileIcon = ({ file, isInverse }: FileIconProps) => {\n const { path = '', type = '' } = file;\n const category = type.split('/')[0];\n const extension = path.split('.').pop() \|\| 'default';\n const { Icon, style } =\n iconMapping[extension] \|\| iconMapping[category] \|\| iconMapping.default;\n\n return <Icon size={magma.iconSizes.medium} style={isInverse ? {} : style} />;\n};\n","export const formatFileSize = (\n bytes: number \| undefined,\n decimalPoint = 2,\n bytesLabel = 'Bytes'\n) => {\n if (bytes === undefined) return;\n if (bytes == 0) return `0 ${bytesLabel}`;\n const k = 1024;\n const sizes = [bytesLabel, 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return (\n parseFloat((bytes / Math.pow(k, i)).toFixed(decimalPoint)) + ' ' + sizes[i]\n );\n};\n","import React, { forwardRef, useContext, useEffect, useState } from 'react';\n\nimport {\n ButtonColor,\n ButtonVariant,\n Card,\n Flex,\n FlexAlignItems,\n FlexBehavior,\n FlexProps,\n I18nContext,\n I18nInterface,\n IconButton,\n InverseContext,\n ThemeContext,\n ThemeInterface,\n Transition,\n Spinner,\n useIsInverse,\n styled,\n} from 'react-magma-dom';\nimport {\n CheckCircleIcon,\n CloseIcon,\n DeleteIcon,\n ErrorIcon,\n} from 'react-magma-icons';\n\nimport { FileIcon } from './FileIcon';\nimport { FilePreview } from './FilePreview';\nimport { formatFileSize } from './utils';\n\nexport interface PreviewProps extends Omit<FlexProps, 'behavior'> {\n accept?: string \| string[];\n file: FilePreview;\n isInverse?: boolean;\n maxSize?: number;\n minSize?: number;\n onDeleteFile?: (file: FilePreview) => void;\n onRemoveFile?: (file: FilePreview) => void;\n /*\n @internal\n /\n testId?: string;\n thumbnails: boolean;\n}\n\nconst Thumb = styled.div<{ file: FilePreview }>`\n background-image: ${({ file }) =>\n `url('${'preview' in file && file.preview}')`};\n background-repeat: no-repeat;\n background-size: cover;\n display: inline-block;\n vertical-align: middle;\n height: 40px;\n width: 40px;\n`;\n\nconst StatusIcons = styled.div`\n display: grid;\n grid-template-areas: 'inner-div';\n height: auto;\n place-items: center;\n width: 46px;\n & > div {\n display: inline-block;\n right: 0;\n grid-area: inner-div;\n }\n`;\n\nconst IconStyles = {\n marginRight: '12px',\n display: 'flex',\n};\n\nconst Errors = styled.div`\n border-top: 1px solid ${({ theme }) => theme.colors.neutral300};\n padding: 16px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst StyledFlex = styled(Flex)`\n height: 56px;\n padding: 0 8px 0 16px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst FileName = styled(Flex)`\n overflow: hidden;\n white-space: nowrap;\n align-items: center;\n text-overflow: ellipsis;\n display: block;\n margin-right: 24px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst StyledCard = styled(Card)<{ file: FilePreview; isInverse: boolean }>`\n background-color: none;\n border-color: ${({ file, theme, isInverse }) =>\n file.errors\n ? isInverse\n ? theme.colors.danger300\n : theme.colors.danger\n : theme.colors.neutral300};\n border-width: 1px;\n margin: 10px 0;\n`;\n\nconst ErrorHeader = styled.span`\n display: block;\n\n > div {\n display: flex;\n align-self: center;\n margin-right: 12px;\n }\n`;\n\nconst ErrorMessage = styled.span`\n display: block;\n`;\n\nconst formatError = (\n error: { header?: string; message: string; code: string },\n constraints: {\n maxSize?: number;\n minSize?: number;\n accept?: string \| string[];\n },\n byteLabel: string\n) => {\n const accept =\n Array.isArray(constraints.accept) && constraints.accept.length === 1\n ? constraints.accept[0]\n : constraints.accept;\n const messageSuffix = Array.isArray(accept)\n ? `one of ${accept.join(', ')}`\n : accept;\n switch (error.code) {\n case 'file-too-large':\n return {\n ...error,\n message: `${error.message} ${formatFileSize(\n constraints.maxSize,\n 2,\n byteLabel\n )}.`,\n };\n case 'file-too-small':\n return {\n ...error,\n message: `${error.message} ${formatFileSize(\n constraints.minSize,\n 2,\n byteLabel\n )}.`,\n };\n case 'file-invalid-type':\n return { ...error, message: `${error.message}: ${messageSuffix}` };\n default:\n return error;\n }\n};\n\nexport const Preview = forwardRef<HTMLDivElement, PreviewProps>(\n // eslint-disable-next-line complexity\n (props, ref) => {\n const {\n accept,\n file,\n isInverse: isInverseProp,\n maxSize,\n minSize,\n onDeleteFile,\n onRemoveFile,\n testId,\n thumbnails,\n ...rest\n } = props;\n\n const theme: ThemeInterface = useContext(ThemeContext);\n const i18n: I18nInterface = React.useContext(I18nContext);\n const isInverse = useIsInverse(isInverseProp);\n const [actions, setActions] = useState(<CloseIcon />);\n\n const handleRemoveFile = () => {\n onRemoveFile && typeof onRemoveFile === 'function' && onRemoveFile(file);\n };\n\n const handleDeleteFile = () => {\n onDeleteFile && typeof onDeleteFile === 'function' && onDeleteFile(file);\n };\n\n const FinishedActions = ({ status = 'ready' }: { status?: string }) => {\n const [done, setDone] = useState<boolean>(false);\n\n useEffect(() => {\n let mounted = true;\n setTimeout(() => {\n if (mounted) {\n setDone(true);\n }\n }, 1000);\n return () => {\n mounted = false;\n };\n }, [status]);\n\n if (status === 'error' \|\| status === 'ready') {\n return (\n <StatusIcons>\n <IconButton\n onClick={handleRemoveFile}\n variant={ButtonVariant.link}\n color={ButtonColor.secondary}\n aria-label={i18n.dropzone.removeFile}\n icon={<CloseIcon />}\n />\n </StatusIcons>\n );\n }\n\n if (status === 'pending') {\n return (\n <StatusIcons>\n <Spinner\n color={isInverse ? theme.colors.neutral100 : theme.colors.primary}\n />\n </StatusIcons>\n );\n }\n\n return (\n <StatusIcons>\n <Transition isOpen={!done} unmountOnExit fade>\n <CheckCircleIcon\n color={isInverse ? theme.colors.success200 : theme.colors.success}\n style={{ marginTop: '4px' }}\n />\n </Transition>\n <Transition isOpen={done} unmountOnExit fade>\n <IconButton\n onClick={handleDeleteFile}\n variant={ButtonVariant.link}\n color={ButtonColor.secondary}\n aria-label={i18n.dropzone.deleteFile}\n icon={<DeleteIcon />}\n />\n </Transition>\n </StatusIcons>\n );\n };\n\n useEffect(() => {\n setActions(<FinishedActions status={file?.processor?.status} />);\n }, [file?.processor?.status]);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <StyledCard\n isInverse={isInverse}\n theme={theme}\n file={file}\n data-testid={props.testId}\n ref={ref}\n role={file.errors ? 'alert' : ''}\n >\n <StyledFlex\n theme={theme}\n behavior={FlexBehavior.container}\n alignItems={FlexAlignItems.center}\n {...rest}\n >\n <Flex\n behavior={FlexBehavior.item}\n alignItems={FlexAlignItems.center}\n style={IconStyles}\n >\n {file.errors ? (\n <ErrorIcon\n color={\n isInverse ? theme.colors.danger300 : theme.colors.danger\n }\n size={24}\n />\n ) : file.preview &&\n thumbnails &&\n file.type &&\n file.type.startsWith('image') ? (\n <Thumb role=\"img\" file={file} />\n ) : (\n <FileIcon isInverse={isInverse} file={file} />\n )}\n </Flex>\n <FileName xs behavior={FlexBehavior.item} theme={theme}>\n {file.name}\n </FileName>\n {file.processor && file.processor.status === 'pending' && (\n <Flex\n role=\"progressbar\"\n style={{ marginLeft: 'auto' }}\n behavior={FlexBehavior.item}\n >\n {file.processor.percent}\n </Flex>\n )}\n <Flex behavior={FlexBehavior.item}>{actions}</Flex>\n </StyledFlex>\n {file.errors && (\n <Errors theme={theme}>\n {file.errors.slice(0, 1).map(({ code, ...rest }) => {\n const { header = '', message } = formatError(\n { code, ...rest, ...i18n.dropzone.errors[code] },\n { accept, minSize, maxSize },\n i18n.dropzone.bytes\n );\n return (\n <React.Fragment key={code}>\n <ErrorHeader\n style={{\n color: isInverse\n ? theme.colors.danger200\n : theme.colors.danger,\n }}\n >\n {header}\n </ErrorHeader>\n <ErrorMessage>{message}</ErrorMessage>\n </React.Fragment>\n );\n })}\n </Errors>\n )}\n </StyledCard>\n </InverseContext.Provider>\n );\n }\n);\n","/ eslint-disable no-empty-pattern /\n/\n HELPFUL NOTE!\n * SINCE THIS PACKAGE USES `FILE` WE MUST USE `Object.assign` IN LIEU OF SPREADING\n * `{...file}` WILL NOT COPY ALL OF THE FILE PROPERTIES\n /\n\nimport React, { useImperativeHandle } from 'react';\n\nimport { transparentize } from 'polished';\nimport {\n useDropzone,\n DropzoneOptions,\n DropzoneRootProps,\n FileRejection,\n} from 'react-dropzone';\nimport {\n Button,\n ButtonColor,\n ButtonVariant,\n Flex,\n FlexBehavior,\n FlexProps,\n FormFieldContainer,\n FormFieldContainerBaseProps,\n I18nContext,\n I18nInterface,\n InverseContext,\n ThemeContext,\n ThemeInterface,\n useGenerateId,\n useIsInverse,\n styled,\n} from 'react-magma-dom';\nimport { CloudUploadIcon } from 'react-magma-icons';\n\nimport { FilePreview, FileError } from './FilePreview';\nimport { Preview } from './Preview';\n\nexport interface OnSendFileProps {\n file: FilePreview;\n onError?: ({}: { errors: FileError[]; file: FilePreview }) => void;\n onFinish?: ({}: { file: FilePreview }) => void;\n onProgress?: ({}: { percent: number; file: FilePreview }) => void;\n}\n\ntype DragState =\n \| 'error'\n \| 'dragAccept'\n \| 'dragReject'\n \| 'dragActive'\n \| 'default';\n\n// NOTE: These props are manually copied to dropzone.mdx\nexport interface DropzoneProps\n extends Omit<FormFieldContainerBaseProps, 'fieldId' \| 'errorMessage'> {\n /\n Set accepted file types. See https://github.com/okonet/attr-accept for more information. Keep in mind that mime type determination is not reliable across platforms. CSV files, for example, are reported as text/plain under macOS but as application/vnd.ms-excel under Windows. In some cases there might not be a mime type set at all. See: https://github.com/react-dropzone/react-dropzone/issues/276\n /\n accept?: string \| string[];\n /\n Enable/Disable the input\n /\n disabled?: boolean;\n /\n Additional props to pass to the dropzone, see https://react-dropzone.js.org/#src\n /\n dropzoneOptions?: Partial<Omit<DropzoneOptions, 'onDrop'>>;\n /\n Content of the helper message.\n /\n helperMessage?: string;\n /\n @internal\n /\n id?: string;\n /\n Maximum accepted number of files The default value is 0 which means there is no limitation to how many files are accepted.\n * @default 0\n /\n maxFiles?: number;\n /\n Minimum accepted number of files.\n /\n minFiles?: number;\n /\n Maximum file size (in bytes)\n * @default Infinity\n /\n maxSize?: number;\n /\n Minimum file size (in bytes)\n * @default 0\n /\n minSize?: number;\n /\n Allow drag 'n' drop (or selection from the file dialog) of multiple files.\n * @default true\n /\n multiple?: boolean;\n /\n If true, disables drag 'n' drop\n * @default false\n /\n noDrag?: boolean;\n /\n Callback for when a file is deleted\n /\n onDeleteFile?: (file: FilePreview) => void;\n /\n Callback for when a file is deleted\n /\n onRemoveFile?: (file: FilePreview) => void;\n /\n Callback for when a file is added to the preview list via dropping or selecting. Will be ran on new files when `sendFiles` is true.\n /\n onSendFile?: (props: OnSendFileProps) => void;\n /\n Run `onSendFile` on any new files. Delay processing by setting to `false` until processing is desired.\n * @default false\n /\n sendFiles?: boolean;\n /\n @internal\n /\n testId?: string;\n /\n Show thumbnails for images in lieu of the file icon.\n * @default true\n */\n thumbnails?: boolean;\n}\n\nconst Container = styled(Flex)<\n DropzoneRootProps &\n FlexProps & {\n dragState?: DragState;\n noDrag?: boolean;\n isInverse?: boolean;\n }\n>`\n flex-direction: column;\n align-items: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n justify-content: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n text-align: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n padding: ${({ noDrag }) => (noDrag ? '0px' : '24px')};\n border-radius: ${({ noDrag }) => (noDrag ? '0px' : '4px')};\n border: ${({ dragState = 'default', noDrag, theme, isInverse }) =>\n noDrag\n ? `0px`\n : dragState === 'dragReject' \|\| dragState === 'error'\n ? isInverse\n ? `1px dashed ${theme.colors.danger300}`\n : `1px dashed ${theme.colors.danger}`\n : dragState === 'dragActive'\n ? `1px dashed ${theme.colors.primary}`\n : dragState === 'dragAccept'\n ? `1px dashed ${theme.colors.success}`\n : `1px dashed ${theme.colors.neutral400}`};\n\n border-style: ${({ dragState = 'default' }) =>\n dragState === 'error' ? 'solid' : 'dashed'};\n background-color: ${({ theme, noDrag, isInverse }) =>\n noDrag\n ? 'transparent'\n : isInverse\n ? transparentize(0.75, theme.colors.neutral900)\n : theme.colors.neutral200};\n outline: none;\n transition: ${({ noDrag }) => `border ${noDrag ? 0 : '.24s'} ease-in-out`};\n`;\n\nconst HelperMessage = styled.span<{ isInverse?: boolean }>`\n color: ${({ theme, isInverse }) =>\n isInverse ? theme.colors.neutral100 : theme.colors.neutral700};\n display: block;\n font-size: 14px;\n margin: -8px 0 16px 0;\n`;\n\nconst Wrapper = styled.div<{ isInverse?: boolean }>`\n color: ${({ theme, isInverse }) =>\n isInverse ? theme.colors.neutral100 : theme.colors.neutral700};\n margin: 0 0 24px 0;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n font-weight: 500;\n padding: ${({ theme }) => theme.spaceScale.spacing01};\n`;\nexport const Dropzone = React.forwardRef<HTMLInputElement, DropzoneProps>(\n (props, ref) => {\n const {\n accept,\n containerStyle,\n disabled,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n dropzoneOptions = {\n multiple: true,\n },\n helperMessage,\n id: defaultId,\n inputSize,\n isInverse: isInverseProp,\n isLabelVisuallyHidden,\n labelStyle,\n labelText,\n maxFiles,\n minFiles,\n maxSize,\n minSize,\n multiple = true,\n noDrag = false,\n onSendFile,\n onDeleteFile,\n onRemoveFile,\n sendFiles = false,\n testId,\n thumbnails = true,\n ...rest\n } = props;\n\n const [files, setFiles] = React.useState<FilePreview[]>([]);\n const [errorMessage, setErrorMessage] = React.useState<string \| null>(null);\n\n const isInverse = useIsInverse(isInverseProp);\n const theme: ThemeInterface = React.useContext(ThemeContext);\n const i18n: I18nInterface = React.useContext(I18nContext);\n const id = useGenerateId(defaultId);\n\n const onDrop = React.useCallback(\n (acceptedFiles: FilePreview[], rejectedFiles: FileRejection[]) => {\n setFiles((files: FilePreview[]) => [\n ...files,\n ...acceptedFiles.map((file: FilePreview) =>\n Object.assign(file, {\n preview: URL.createObjectURL(file),\n })\n ),\n ...rejectedFiles.map(\n ({ file, errors }: { file: FilePreview; errors: FileError[] }) =>\n Object.assign(file, {\n errors,\n })\n ),\n ]);\n },\n []\n );\n\n const {\n getInputProps,\n getRootProps,\n isDragAccept,\n isDragActive,\n isDragReject,\n open,\n inputRef,\n } = useDropzone({\n noClick: true,\n disabled,\n multiple,\n maxSize,\n minSize,\n accept,\n onDrop,\n noDrag,\n });\n\n useImperativeHandle<HTMLInputElement \| null, HTMLInputElement \| null>(\n ref,\n () => inputRef.current\n );\n\n const inputProps = getInputProps({ id });\n\n const dragState: DragState = errorMessage\n ? 'error'\n : isDragAccept\n ? 'dragAccept'\n : isDragReject\n ? 'dragReject'\n : isDragActive\n ? 'dragActive'\n : 'default';\n\n const handleRemoveFile = (removedFile: FilePreview) => {\n setFiles(files => files.filter(file => file !== removedFile));\n onRemoveFile &&\n typeof onRemoveFile === 'function' &&\n onRemoveFile(removedFile);\n };\n\n const handleDeleteFile = (removedFile: FilePreview) => {\n setFiles(files => files.filter(file => file !== removedFile));\n onDeleteFile &&\n typeof onDeleteFile === 'function' &&\n onDeleteFile(removedFile);\n };\n\n const setProgress = (props: { percent: number; file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n processor: {\n ...file.processor,\n percent: `${props.percent}%`,\n status: 'pending',\n },\n })\n : file\n )\n );\n };\n\n const setFinished = (props: { file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n processor: {\n ...file.processor,\n percent: '',\n status: 'finished',\n },\n })\n : file\n )\n );\n };\n\n const setError = (props: { errors: FileError[]; file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n errors: props.errors,\n processor: { ...file.processor, status: 'error' },\n })\n : file\n )\n );\n };\n\n const formatError = (\n code: string \| null,\n constraints: { maxFiles?: number; minFiles?: number }\n ) => {\n if (code === null) return null;\n const error = i18n.dropzone.errors[code];\n switch (code) {\n case 'too-many-files':\n return `${error.message} ${constraints.maxFiles} ${i18n.dropzone.files}.`;\n case 'too-few-files':\n return `${error.message} ${constraints.minFiles} ${i18n.dropzone.files}.`;\n default:\n return error.message;\n }\n };\n\n React.useEffect(\n () => () => {\n files.forEach(\n file => file.preview && URL.revokeObjectURL(file.preview)\n );\n },\n [files]\n );\n\n React.useEffect(() => {\n const minFileError = minFiles && files.length < minFiles;\n const maxFileError = maxFiles && files.length > maxFiles;\n\n setErrorMessage(\n formatError(\n maxFileError\n ? 'too-many-files'\n : minFileError\n ? 'too-few-files'\n : null,\n { minFiles, maxFiles }\n )\n );\n\n if (sendFiles && files.length > 0 && !maxFileError && !minFileError) {\n setFiles((files: FilePreview[]) => {\n return files.map((file: FilePreview) => {\n !file.errors &&\n !file.processor &&\n onSendFile &&\n onSendFile({\n file,\n onError: setError,\n onFinish: setFinished,\n onProgress: setProgress,\n });\n return file;\n });\n });\n }\n }, [sendFiles, files.length, onSendFile]);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <FormFieldContainer\n actionable={false}\n containerStyle={containerStyle}\n errorMessage={errorMessage}\n fieldId={id}\n inputSize={inputSize}\n isInverse={isInverse}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n labelStyle={labelStyle}\n labelText={labelText}\n messageStyle={{ minHeight: 0 }}\n data-testid={testId}\n >\n <HelperMessage theme={theme} isInverse={isInverse}>\n {helperMessage}\n </HelperMessage>\n <Container\n behavior={FlexBehavior.container}\n dragState={dragState}\n isInverse={isInverse}\n noDrag={noDrag}\n theme={theme}\n {...getRootProps()}\n {...rest}\n testId={testId}\n tabIndex={-1}\n >\n <input\n ref={inputRef}\n type={inputProps.type}\n accept={inputProps.accept}\n autoComplete={inputProps.autoComplete}\n id={inputProps.id}\n multiple={inputProps.multiple}\n onChange={inputProps.onChange}\n onClick={inputProps.onClick}\n style={inputProps.style}\n tabIndex={inputProps.tabIndex}\n data-testid=\"file-input\"\n />\n {noDrag ? (\n <Flex xs behavior={FlexBehavior.item}>\n <Button\n color={ButtonColor.primary}\n disabled={disabled}\n isInverse={isInverse}\n onClick={open}\n style={{ margin: 0 }}\n >\n {i18n.dropzone.browseFiles}\n </Button>\n </Flex>\n ) : (\n <Flex behavior={FlexBehavior.item}>\n <CloudUploadIcon\n aria-hidden=\"true\"\n color={\n isInverse\n ? theme.colors.neutral100\n : theme.colors.neutral500\n }\n size={48}\n />\n <Wrapper isInverse={isInverse} theme={theme}>\n {i18n.dropzone.dragMessage}\n </Wrapper>\n <Button\n color={ButtonColor.primary}\n disabled={disabled}\n isInverse={isInverse}\n onClick={open}\n style={{ margin: 0 }}\n variant={ButtonVariant.solid}\n >\n {i18n.dropzone.browseFiles}\n </Button>\n </Flex>\n )}\n </Container>\n </FormFieldContainer>\n {files.map((file: FilePreview) => (\n <Preview\n accept={accept}\n file={file}\n isInverse={isInverse}\n key={file.name}\n maxSize={maxSize}\n minSize={minSize}\n onDeleteFile={handleDeleteFile}\n onRemoveFile={handleRemoveFile}\n thumbnails={thumbnails}\n />\n ))}\n </InverseContext.Provider>\n );\n }\n);\n"],"names":["icons","default","Icon","InsertDriveFileIcon","style","color","magma","colors","neutral500","word","FileWordIcon","info500","excel","FileExcelIcon","success500","powerpoint","FilePowerpointIcon","warning500","pdf","FilePdfIcon","danger500","image","ImageIcon","video","VideocamIcon","audio","AudiotrackIcon","archive","FileZipIcon","iconMapping","xlsx","xlsm","xlsb","xltx","xls","xlt","doc","docx","docm","dotx","dotm","docb","pptx","pptm","ppt","png","svg","zip","FileIcon","file","isInverse","path","type","category","split","extension","pop","_jsx","size","iconSizes","medium","formatFileSize","bytes","decimalPoint","bytesLabel","undefined","sizes","i","Math","floor","log","parseFloat","pow","toFixed","_excluded","_excluded2","_t","_t2","_t3","_t4","_t5","_t6","_t7","_t8","_","t","Thumb","styled","div","preview","StatusIcons","IconStyles","marginRight","display","Errors","theme","neutral300","typeScale","size02","fontSize","lineHeight","StyledFlex","Flex","FileName","StyledCard","Card","errors","danger300","danger","ErrorHeader","span","ErrorMessage","Preview","forwardRef","props","ref","_file$processor2","accept","isInverseProp","maxSize","minSize","onDeleteFile","onRemoveFile","thumbnails","rest","_objectWithoutPropertiesLoose","useContext","ThemeContext","i18n","React","I18nContext","useIsInverse","actions","setActions","useState","CloseIcon","handleRemoveFile","handleDeleteFile","FinishedActions","status","done","setDone","useEffect","mounted","setTimeout","children","IconButton","onClick","variant","ButtonVariant","link","ButtonColor","secondary","dropzone","removeFile","icon","Spinner","neutral100","primary","_jsxs","Transition","isOpen","unmountOnExit","fade","CheckCircleIcon","success200","success","marginTop","deleteFile","DeleteIcon","_file$processor","processor","InverseContext","Provider","value","testId","role","_extends","behavior","FlexBehavior","container","alignItems","FlexAlignItems","center","item","ErrorIcon","startsWith","xs","name","marginLeft","percent","slice","map","_ref","code","header","message","formatError","error","constraints","byteLabel","Array","isArray","length","messageSuffix","join","Fragment","danger200","Container","noDrag","dragState","neutral400","transparentize","neutral900","neutral200","HelperMessage","neutral700","Wrapper","spaceScale","spacing01","Dropzone","containerStyle","disabled","dropzoneOptions","multiple","helperMessage","id","defaultId","inputSize","isLabelVisuallyHidden","labelStyle","labelText","maxFiles","minFiles","onSendFile","sendFiles","files","setFiles","errorMessage","setErrorMessage","useGenerateId","onDrop","useCallback","acceptedFiles","rejectedFiles","Object","assign","URL","createObjectURL","getInputProps","getRootProps","isDragAccept","isDragActive","isDragReject","open","inputRef","useDropzone","noClick","useImperativeHandle","current","inputProps","removedFile","filter","setProgress","setFinished","setError","forEach","revokeObjectURL","minFileError","maxFileError","onError","onFinish","onProgress","FormFieldContainer","actionable","fieldId","messageStyle","minHeight","tabIndex","autoComplete","onChange","Button","margin","browseFiles","CloudUploadIcon","dragMessage","solid"],"mappings":"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"}

package/dist/fileuploader.modern.module.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{InsertDriveFileIcon as e,FileWordIcon as n,FileExcelIcon as r,FilePowerpointIcon as t,FilePdfIcon as i,ImageIcon as o,VideocamIcon as l,AudiotrackIcon as a,FileZipIcon as s,CloseIcon as c,ErrorIcon as u,CheckCircleIcon as d,DeleteIcon as p,CloudUploadIcon as f}from"react-magma-icons";import{magma as m,styled as g,Flex as h,Card as v,ThemeContext as x,I18nContext as y,useIsInverse as b,InverseContext as z,FlexBehavior as S,FlexAlignItems as I,IconButton as w,ButtonVariant as F,ButtonColor as k,Spinner as D,Transition as O,useGenerateId as j,FormFieldContainer as R,Button as C}from"react-magma-dom";import{jsx as A,jsxs as B}from"react/jsx-runtime";import M,{forwardRef as H,useContext as L,useState as P,useEffect as E,useImperativeHandle as T}from"react";import{useDropzone as U}from"react-dropzone";import{transparentize as V}from"polished";var G={default:{Icon:e,style:{color:m.colors.neutral500}},word:{Icon:n,style:{color:m.colors.info500}},excel:{Icon:r,style:{color:m.colors.success500}},powerpoint:{Icon:t,style:{color:m.colors.warning500}},pdf:{Icon:i,style:{color:m.colors.danger500}},image:{Icon:o,style:{color:m.colors.neutral500}},video:{Icon:l,style:{color:m.colors.neutral500}},audio:{Icon:a,style:{color:m.colors.neutral500}},archive:{Icon:s,style:{color:m.colors.neutral500}}},K={default:G.default,xlsx:G.excel,xlsm:G.excel,xlsb:G.excel,xltx:G.excel,xls:G.excel,xlt:G.excel,doc:G.word,docx:G.word,docm:G.word,dotx:G.word,dotm:G.word,docb:G.word,pptx:G.powerpoint,pptm:G.powerpoint,ppt:G.powerpoint,pdf:G.pdf,png:G.image,svg:G.image,image:G.image,audio:G.audio,video:G.video,zip:G.archive},W=function(e){var n=e.file,r=e.isInverse,t=n.path,i=void 0===t?"":t,o=n.type,l=(void 0===o?"":o).split("/")[0],a=i.split(".").pop()||"default",s=K[a]||K[l]||K.default;return A(s.Icon,{size:m.iconSizes.medium,style:r?{}:s.style})};function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},Y.apply(this,arguments)}function Z(e,n){if(null==e)return{};var r={};for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t)){if(n.indexOf(t)>=0)continue;r[t]=e[t]}return r}function q(e,n){return n||(n=e.slice(0)),e.raw=n,e}var J,N,Q,X,$,_,ee,ne,re,te,ie,oe=function(e,n,r){if(void 0===n&&(n=2),void 0===r&&(r="Bytes"),void 0!==e){if(0==e)return"0 "+r;var t=[r,"KB","MB","GB","TB","PB","EB","ZB","YB"],i=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,i)).toFixed(n))+" "+t[i]}},le=["accept","file","isInverse","maxSize","minSize","onDeleteFile","onRemoveFile","testId","thumbnails"],ae=["code"],se=g.div(J||(J=q(["\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: cover;\n  display: inline-block;\n  vertical-align: middle;\n  height: 40px;\n  width: 40px;\n"])),function(e){var n=e.file;return"url('"+("preview"in n&&n.preview)+"')"}),ce=g.div(N||(N=q(["\n  display: grid;\n  grid-template-areas: 'inner-div';\n  height: auto;\n  place-items: center;\n  width: 46px;\n  & > div {\n    display: inline-block;\n    right: 0;\n    grid-area: inner-div;\n  }\n"]))),ue={marginRight:"12px",display:"flex"},de=g.div(Q||(Q=q(["\n  border-top: 1px solid ",";\n  padding: 16px;\n  font-size: ",";\n  line-height: ",";\n"])),function(e){return e.theme.colors.neutral300},function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.typeScale.size02.lineHeight}),pe=g(h)(X||(X=q(["\n  height: 56px;\n  padding: 0 8px 0 16px;\n  font-size: ",";\n  line-height: ",";\n"])),function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.typeScale.size02.lineHeight}),fe=g(h)($||($=q(["\n  overflow: hidden;\n  white-space: nowrap;\n  align-items: center;\n  text-overflow: ellipsis;\n  display: block;\n  margin-right: 24px;\n  font-size: ",";\n  line-height: ",";\n"])),function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.typeScale.size02.lineHeight}),me=g(v)(_||(_=q(["\n  background-color: none;\n  border-color: ",";\n  border-width: 1px;\n  margin: 10px 0;\n"])),function(e){var n=e.theme;return e.file.errors?e.isInverse?n.colors.danger300:n.colors.danger:n.colors.neutral300}),ge=g.span(ee||(ee=q(["\n  display: block;\n\n  > div {\n    display: flex;\n    align-self: center;\n    margin-right: 12px;\n  }\n"]))),he=g.span(ne||(ne=q(["\n  display: block;\n"]))),ve=H(function(e,n){var r,t=e.accept,i=e.file,o=e.isInverse,l=e.maxSize,a=e.minSize,s=e.onDeleteFile,f=e.onRemoveFile,m=e.thumbnails,g=Z(e,le),v=L(x),j=M.useContext(y),R=b(o),C=P(A(c,{})),H=C[0],T=C[1],U=function(){f&&"function"==typeof f&&f(i)},V=function(){s&&"function"==typeof s&&s(i)},G=function(e){var n=e.status,r=void 0===n?"ready":n,t=P(!1),i=t[0],o=t[1];return E(function(){var e=!0;return setTimeout(function(){e&&o(!0)},1e3),function(){e=!1}},[r]),"error"===r||"ready"===r?A(ce,{children:A(w,{onClick:U,variant:F.link,color:k.secondary,"aria-label":j.dropzone.removeFile,icon:A(c,{})})}):"pending"===r?A(ce,{children:A(D,{color:R?v.colors.neutral100:v.colors.primary})}):B(ce,{children:[A(O,{isOpen:!i,unmountOnExit:!0,fade:!0,children:A(d,{color:R?v.colors.success200:v.colors.success,style:{marginTop:"4px"}})}),A(O,{isOpen:i,unmountOnExit:!0,fade:!0,children:A(w,{onClick:V,variant:F.link,color:k.secondary,"aria-label":j.dropzone.deleteFile,icon:A(p,{})})})]})};return E(function(){var e;T(A(G,{status:null==i||null==(e=i.processor)?void 0:e.status}))},[null==i||null==(r=i.processor)?void 0:r.status]),A(z.Provider,{value:{isInverse:R},children:B(me,{isInverse:R,theme:v,file:i,"data-testid":e.testId,ref:n,role:i.errors?"alert":"",children:[B(pe,Y({theme:v,behavior:S.container,alignItems:I.center},g,{children:[A(h,{behavior:S.item,alignItems:I.center,style:ue,children:i.errors?A(u,{color:R?v.colors.danger300:v.colors.danger,size:24}):i.preview&&m&&i.type&&i.type.startsWith("image")?A(se,{role:"img",file:i}):A(W,{isInverse:R,file:i})}),A(fe,{xs:!0,behavior:S.item,theme:v,children:i.name}),i.processor&&"pending"===i.processor.status&&A(h,{role:"progressbar",style:{marginLeft:"auto"},behavior:S.item,children:i.processor.percent}),A(h,{behavior:S.item,children:H})]})),i.errors&&A(de,{theme:v,children:i.errors.slice(0,1).map(function(e){var n=e.code,r=function(e,n,r){var t=Array.isArray(n.accept)&&1===n.accept.length?n.accept[0]:n.accept,i=Array.isArray(t)?"one of "+t.join(", "):t;switch(e.code){case"file-too-large":return Y({},e,{message:e.message+" "+oe(n.maxSize,2,r)+"."});case"file-too-small":return Y({},e,{message:e.message+" "+oe(n.minSize,2,r)+"."});case"file-invalid-type":return Y({},e,{message:e.message+": "+i});default:return e}}(Y({code:n},Z(e,ae),j.dropzone.errors[n]),{accept:t,minSize:a,maxSize:l},j.dropzone.bytes),i=r.header,o=r.message;return B(M.Fragment,{children:[A(ge,{style:{color:R?v.colors.danger200:v.colors.danger},children:void 0===i?"":i}),A(he,{children:o})]},n)})})]})})}),xe=["accept","containerStyle","disabled","dropzoneOptions","helperMessage","id","inputSize","isInverse","isLabelVisuallyHidden","labelStyle","labelText","maxFiles","minFiles","maxSize","minSize","multiple","noDrag","onSendFile","onDeleteFile","onRemoveFile","sendFiles","testId","thumbnails"],ye=g(h)(re||(re=q(["\n  flex-direction: column;\n  align-items: ",";\n  justify-content: ",";\n  text-align: ",";\n  padding: ",";\n  border-radius: ",";\n  border: ",";\n\n  border-style: ",";\n  background-color: ",";\n  outline: none;\n  transition: ",";\n"])),function(e){return e.noDrag?"left":"center"},function(e){return e.noDrag?"left":"center"},function(e){return e.noDrag?"left":"center"},function(e){return e.noDrag?"0px":"24px"},function(e){return e.noDrag?"0px":"4px"},function(e){var n=e.dragState,r=void 0===n?"default":n,t=e.theme;return e.noDrag?"0px":"dragReject"===r||"error"===r?e.isInverse?"1px dashed "+t.colors.danger300:"1px dashed "+t.colors.danger:"dragActive"===r?"1px dashed "+t.colors.primary:"dragAccept"===r?"1px dashed "+t.colors.success:"1px dashed "+t.colors.neutral400},function(e){var n=e.dragState;return"error"===(void 0===n?"default":n)?"solid":"dashed"},function(e){var n=e.theme;return e.noDrag?"transparent":e.isInverse?V(.75,n.colors.neutral900):n.colors.neutral200},function(e){return"border "+(e.noDrag?0:".24s")+" ease-in-out"}),be=g.span(te||(te=q(["\n  color: ",";\n  display: block;\n  font-size: 14px;\n  margin: -8px 0 16px 0;\n"])),function(e){var n=e.theme;return e.isInverse?n.colors.neutral100:n.colors.neutral700}),ze=g.div(ie||(ie=q(["\n  color: ",";\n  margin: 0 0 24px 0;\n  font-size: ",";\n  line-height: ",";\n  font-weight: 500;\n  padding: ",";\n"])),function(e){var n=e.theme;return e.isInverse?n.colors.neutral100:n.colors.neutral700},function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.typeScale.size02.lineHeight},function(e){return e.theme.spaceScale.spacing01}),Se=M.forwardRef(function(e,n){var r=e.accept,t=e.containerStyle,i=e.disabled,o=e.helperMessage,l=e.id,a=e.inputSize,s=e.isInverse,c=e.isLabelVisuallyHidden,u=e.labelStyle,d=e.labelText,p=e.maxFiles,m=e.minFiles,g=e.maxSize,v=e.minSize,I=e.multiple,w=void 0===I||I,D=e.noDrag,O=void 0!==D&&D,H=e.onSendFile,L=e.onDeleteFile,P=e.onRemoveFile,E=e.sendFiles,V=void 0!==E&&E,G=e.testId,K=e.thumbnails,W=void 0===K||K,q=Z(e,xe),J=M.useState([]),N=J[0],Q=J[1],X=M.useState(null),$=X[0],_=X[1],ee=b(s),ne=M.useContext(x),re=M.useContext(y),te=j(l),ie=M.useCallback(function(e,n){Q(function(r){return[].concat(r,e.map(function(e){return Object.assign(e,{preview:URL.createObjectURL(e)})}),n.map(function(e){return Object.assign(e.file,{errors:e.errors})}))})},[]),oe=U({noClick:!0,disabled:i,multiple:w,maxSize:g,minSize:v,accept:r,onDrop:ie,noDrag:O}),le=oe.getInputProps,ae=oe.getRootProps,se=oe.isDragAccept,ce=oe.isDragActive,ue=oe.isDragReject,de=oe.open,pe=oe.inputRef;T(n,function(){return pe.current});var fe=le({id:te}),me=$?"error":se?"dragAccept":ue?"dragReject":ce?"dragActive":"default",ge=function(e){Q(function(n){return n.filter(function(n){return n!==e})}),P&&"function"==typeof P&&P(e)},he=function(e){Q(function(n){return n.filter(function(n){return n!==e})}),L&&"function"==typeof L&&L(e)},Se=function(e){Q(function(n){return n.map(function(n){return n===e.file?Object.assign(n,{processor:Y({},n.processor,{percent:e.percent+"%",status:"pending"})}):n})})},Ie=function(e){Q(function(n){return n.map(function(n){return n===e.file?Object.assign(n,{processor:Y({},n.processor,{percent:"",status:"finished"})}):n})})},we=function(e){Q(function(n){return n.map(function(n){return n===e.file?Object.assign(n,{errors:e.errors,processor:Y({},n.processor,{status:"error"})}):n})})};return M.useEffect(function(){return function(){N.forEach(function(e){return e.preview&&URL.revokeObjectURL(e.preview)})}},[N]),M.useEffect(function(){var e=m&&N.length<m,n=p&&N.length>p;_(function(e,n){if(null===e)return null;var r=re.dropzone.errors[e];switch(e){case"too-many-files":return r.message+" "+n.maxFiles+" "+re.dropzone.files+".";case"too-few-files":return r.message+" "+n.minFiles+" "+re.dropzone.files+".";default:return r.message}}(n?"too-many-files":e?"too-few-files":null,{minFiles:m,maxFiles:p})),V&&N.length>0&&!n&&!e&&Q(function(e){return e.map(function(e){return!e.errors&&!e.processor&&H&&H({file:e,onError:we,onFinish:Ie,onProgress:Se}),e})})},[V,N.length,H]),B(z.Provider,{value:{isInverse:ee},children:[B(R,{actionable:!1,containerStyle:t,errorMessage:$,fieldId:te,inputSize:a,isInverse:ee,isLabelVisuallyHidden:c,labelStyle:u,labelText:d,messageStyle:{minHeight:0},"data-testid":G,children:[A(be,{theme:ne,isInverse:ee,children:o}),B(ye,Y({behavior:S.container,dragState:me,isInverse:ee,noDrag:O,theme:ne},ae(),q,{testId:G,tabIndex:-1,children:[A("input",{ref:pe,type:fe.type,accept:fe.accept,autoComplete:fe.autoComplete,id:fe.id,multiple:fe.multiple,onChange:fe.onChange,onClick:fe.onClick,style:fe.style,tabIndex:fe.tabIndex,"data-testid":"file-input"}),O?A(h,{xs:!0,behavior:S.item,children:A(C,{color:k.primary,disabled:i,isInverse:ee,onClick:de,style:{margin:0},children:re.dropzone.browseFiles})}):B(h,{behavior:S.item,children:[A(f,{"aria-hidden":"true",color:ee?ne.colors.neutral100:ne.colors.neutral500,size:48}),A(ze,{isInverse:ee,theme:ne,children:re.dropzone.dragMessage}),A(C,{color:k.primary,disabled:i,isInverse:ee,onClick:de,style:{margin:0},variant:F.solid,children:re.dropzone.browseFiles})]})]}))]}),N.map(function(e){return A(ve,{accept:r,file:e,isInverse:ee,maxSize:g,minSize:v,onDeleteFile:he,onRemoveFile:ge,thumbnails:W},e.name)})]})});export{Se as Dropzone,W as FileIcon};
+import{magma as e,styled as n,Flex as r,Card as i,ThemeContext as t,I18nContext as o,useIsInverse as l,InverseContext as a,FlexBehavior as s,FlexAlignItems as c,IconButton as u,ButtonVariant as d,ButtonColor as p,Spinner as f,Transition as m,useGenerateId as g,FormFieldContainer as h,Button as v}from"react-magma-dom";import{InsertDriveFileIcon as x,FileWordIcon as y,FileExcelIcon as b,FilePowerpointIcon as z,FilePdfIcon as S,ImageIcon as I,VideocamIcon as w,AudiotrackIcon as F,FileZipIcon as k,CloseIcon as D,ErrorIcon as O,CheckCircleIcon as R,DeleteIcon as j,CloudUploadIcon as C}from"react-magma-icons";import{jsx as A,jsxs as B}from"react/jsx-runtime";import M,{forwardRef as H,useContext as L,useState as P,useEffect as E,useImperativeHandle as T}from"react";import{transparentize as U}from"polished";import{useDropzone as V}from"react-dropzone";var G={default:{Icon:x,style:{color:e.colors.neutral500}},word:{Icon:y,style:{color:e.colors.info500}},excel:{Icon:b,style:{color:e.colors.success500}},powerpoint:{Icon:z,style:{color:e.colors.warning500}},pdf:{Icon:S,style:{color:e.colors.danger500}},image:{Icon:I,style:{color:e.colors.neutral500}},video:{Icon:w,style:{color:e.colors.neutral500}},audio:{Icon:F,style:{color:e.colors.neutral500}},archive:{Icon:k,style:{color:e.colors.neutral500}}},K={default:G.default,xlsx:G.excel,xlsm:G.excel,xlsb:G.excel,xltx:G.excel,xls:G.excel,xlt:G.excel,doc:G.word,docx:G.word,docm:G.word,dotx:G.word,dotm:G.word,docb:G.word,pptx:G.powerpoint,pptm:G.powerpoint,ppt:G.powerpoint,pdf:G.pdf,png:G.image,svg:G.image,image:G.image,audio:G.audio,video:G.video,zip:G.archive},W=function(n){var r=n.file,i=n.isInverse,t=r.path,o=void 0===t?"":t,l=r.type,a=(void 0===l?"":l).split("/")[0],s=o.split(".").pop()||"default",c=K[s]||K[a]||K.default;return A(c.Icon,{size:e.iconSizes.medium,style:i?{}:c.style})};function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var i in r)({}).hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},Y.apply(null,arguments)}function Z(e,n){if(null==e)return{};var r={};for(var i in e)if({}.hasOwnProperty.call(e,i)){if(-1!==n.indexOf(i))continue;r[i]=e[i]}return r}function q(e,n){return n||(n=e.slice(0)),e.raw=n,e}var J,N,Q,X,$,_,ee,ne,re,ie,te,oe=function(e,n,r){if(void 0===n&&(n=2),void 0===r&&(r="Bytes"),void 0!==e){if(0==e)return"0 "+r;var i=[r,"KB","MB","GB","TB","PB","EB","ZB","YB"],t=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,t)).toFixed(n))+" "+i[t]}},le=["accept","file","isInverse","maxSize","minSize","onDeleteFile","onRemoveFile","testId","thumbnails"],ae=["code"],se=n.div(J||(J=q(["\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: cover;\n  display: inline-block;\n  vertical-align: middle;\n  height: 40px;\n  width: 40px;\n"])),function(e){var n=e.file;return"url('"+("preview"in n&&n.preview)+"')"}),ce=n.div(N||(N=q(["\n  display: grid;\n  grid-template-areas: 'inner-div';\n  height: auto;\n  place-items: center;\n  width: 46px;\n  & > div {\n    display: inline-block;\n    right: 0;\n    grid-area: inner-div;\n  }\n"]))),ue={marginRight:"12px",display:"flex"},de=n.div(Q||(Q=q(["\n  border-top: 1px solid ",";\n  padding: 16px;\n  font-size: ",";\n  line-height: ",";\n"])),function(e){return e.theme.colors.neutral300},function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.typeScale.size02.lineHeight}),pe=n(r)(X||(X=q(["\n  height: 56px;\n  padding: 0 8px 0 16px;\n  font-size: ",";\n  line-height: ",";\n"])),function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.typeScale.size02.lineHeight}),fe=n(r)($||($=q(["\n  overflow: hidden;\n  white-space: nowrap;\n  align-items: center;\n  text-overflow: ellipsis;\n  display: block;\n  margin-right: 24px;\n  font-size: ",";\n  line-height: ",";\n"])),function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.typeScale.size02.lineHeight}),me=n(i)(_||(_=q(["\n  background-color: none;\n  border-color: ",";\n  border-width: 1px;\n  margin: 10px 0;\n"])),function(e){var n=e.theme;return e.file.errors?e.isInverse?n.colors.danger300:n.colors.danger:n.colors.neutral300}),ge=n.span(ee||(ee=q(["\n  display: block;\n\n  > div {\n    display: flex;\n    align-self: center;\n    margin-right: 12px;\n  }\n"]))),he=n.span(ne||(ne=q(["\n  display: block;\n"]))),ve=H(function(e,n){var i,g=e.accept,h=e.file,v=e.isInverse,x=e.maxSize,y=e.minSize,b=e.onDeleteFile,z=e.onRemoveFile,S=e.thumbnails,I=Z(e,le),w=L(t),F=M.useContext(o),k=l(v),C=P(A(D,{})),H=C[0],T=C[1],U=function(){z&&"function"==typeof z&&z(h)},V=function(){b&&"function"==typeof b&&b(h)},G=function(e){var n=e.status,r=void 0===n?"ready":n,i=P(!1),t=i[0],o=i[1];return E(function(){var e=!0;return setTimeout(function(){e&&o(!0)},1e3),function(){e=!1}},[r]),"error"===r||"ready"===r?A(ce,{children:A(u,{onClick:U,variant:d.link,color:p.secondary,"aria-label":F.dropzone.removeFile,icon:A(D,{})})}):"pending"===r?A(ce,{children:A(f,{color:k?w.colors.neutral100:w.colors.primary})}):B(ce,{children:[A(m,{isOpen:!t,unmountOnExit:!0,fade:!0,children:A(R,{color:k?w.colors.success200:w.colors.success,style:{marginTop:"4px"}})}),A(m,{isOpen:t,unmountOnExit:!0,fade:!0,children:A(u,{onClick:V,variant:d.link,color:p.secondary,"aria-label":F.dropzone.deleteFile,icon:A(j,{})})})]})};return E(function(){var e;T(A(G,{status:null==h||null==(e=h.processor)?void 0:e.status}))},[null==h||null==(i=h.processor)?void 0:i.status]),A(a.Provider,{value:{isInverse:k},children:B(me,{isInverse:k,theme:w,file:h,"data-testid":e.testId,ref:n,role:h.errors?"alert":"",children:[B(pe,Y({theme:w,behavior:s.container,alignItems:c.center},I,{children:[A(r,{behavior:s.item,alignItems:c.center,style:ue,children:h.errors?A(O,{color:k?w.colors.danger300:w.colors.danger,size:24}):h.preview&&S&&h.type&&h.type.startsWith("image")?A(se,{role:"img",file:h}):A(W,{isInverse:k,file:h})}),A(fe,{xs:!0,behavior:s.item,theme:w,children:h.name}),h.processor&&"pending"===h.processor.status&&A(r,{role:"progressbar",style:{marginLeft:"auto"},behavior:s.item,children:h.processor.percent}),A(r,{behavior:s.item,children:H})]})),h.errors&&A(de,{theme:w,children:h.errors.slice(0,1).map(function(e){var n=e.code,r=function(e,n,r){var i=Array.isArray(n.accept)&&1===n.accept.length?n.accept[0]:n.accept,t=Array.isArray(i)?"one of "+i.join(", "):i;switch(e.code){case"file-too-large":return Y({},e,{message:e.message+" "+oe(n.maxSize,2,r)+"."});case"file-too-small":return Y({},e,{message:e.message+" "+oe(n.minSize,2,r)+"."});case"file-invalid-type":return Y({},e,{message:e.message+": "+t});default:return e}}(Y({code:n},Z(e,ae),F.dropzone.errors[n]),{accept:g,minSize:y,maxSize:x},F.dropzone.bytes),i=r.header,t=r.message;return B(M.Fragment,{children:[A(ge,{style:{color:k?w.colors.danger200:w.colors.danger},children:void 0===i?"":i}),A(he,{children:t})]},n)})})]})})}),xe=["accept","containerStyle","disabled","dropzoneOptions","helperMessage","id","inputSize","isInverse","isLabelVisuallyHidden","labelStyle","labelText","maxFiles","minFiles","maxSize","minSize","multiple","noDrag","onSendFile","onDeleteFile","onRemoveFile","sendFiles","testId","thumbnails"],ye=n(r)(re||(re=q(["\n  flex-direction: column;\n  align-items: ",";\n  justify-content: ",";\n  text-align: ",";\n  padding: ",";\n  border-radius: ",";\n  border: ",";\n\n  border-style: ",";\n  background-color: ",";\n  outline: none;\n  transition: ",";\n"])),function(e){return e.noDrag?"left":"center"},function(e){return e.noDrag?"left":"center"},function(e){return e.noDrag?"left":"center"},function(e){return e.noDrag?"0px":"24px"},function(e){return e.noDrag?"0px":"4px"},function(e){var n=e.dragState,r=void 0===n?"default":n,i=e.theme;return e.noDrag?"0px":"dragReject"===r||"error"===r?e.isInverse?"1px dashed "+i.colors.danger300:"1px dashed "+i.colors.danger:"dragActive"===r?"1px dashed "+i.colors.primary:"dragAccept"===r?"1px dashed "+i.colors.success:"1px dashed "+i.colors.neutral400},function(e){var n=e.dragState;return"error"===(void 0===n?"default":n)?"solid":"dashed"},function(e){var n=e.theme;return e.noDrag?"transparent":e.isInverse?U(.75,n.colors.neutral900):n.colors.neutral200},function(e){return"border "+(e.noDrag?0:".24s")+" ease-in-out"}),be=n.span(ie||(ie=q(["\n  color: ",";\n  display: block;\n  font-size: 14px;\n  margin: -8px 0 16px 0;\n"])),function(e){var n=e.theme;return e.isInverse?n.colors.neutral100:n.colors.neutral700}),ze=n.div(te||(te=q(["\n  color: ",";\n  margin: 0 0 24px 0;\n  font-size: ",";\n  line-height: ",";\n  font-weight: 500;\n  padding: ",";\n"])),function(e){var n=e.theme;return e.isInverse?n.colors.neutral100:n.colors.neutral700},function(e){return e.theme.typeScale.size02.fontSize},function(e){return e.theme.typeScale.size02.lineHeight},function(e){return e.theme.spaceScale.spacing01}),Se=M.forwardRef(function(e,n){var i=e.accept,c=e.containerStyle,u=e.disabled,f=e.helperMessage,m=e.id,x=e.inputSize,y=e.isInverse,b=e.isLabelVisuallyHidden,z=e.labelStyle,S=e.labelText,I=e.maxFiles,w=e.minFiles,F=e.maxSize,k=e.minSize,D=e.multiple,O=void 0===D||D,R=e.noDrag,j=void 0!==R&&R,H=e.onSendFile,L=e.onDeleteFile,P=e.onRemoveFile,E=e.sendFiles,U=void 0!==E&&E,G=e.testId,K=e.thumbnails,W=void 0===K||K,q=Z(e,xe),J=M.useState([]),N=J[0],Q=J[1],X=M.useState(null),$=X[0],_=X[1],ee=l(y),ne=M.useContext(t),re=M.useContext(o),ie=g(m),te=M.useCallback(function(e,n){Q(function(r){return[].concat(r,e.map(function(e){return Object.assign(e,{preview:URL.createObjectURL(e)})}),n.map(function(e){return Object.assign(e.file,{errors:e.errors})}))})},[]),oe=V({noClick:!0,disabled:u,multiple:O,maxSize:F,minSize:k,accept:i,onDrop:te,noDrag:j}),le=oe.getInputProps,ae=oe.getRootProps,se=oe.isDragAccept,ce=oe.isDragActive,ue=oe.isDragReject,de=oe.open,pe=oe.inputRef;T(n,function(){return pe.current});var fe=le({id:ie}),me=$?"error":se?"dragAccept":ue?"dragReject":ce?"dragActive":"default",ge=function(e){Q(function(n){return n.filter(function(n){return n!==e})}),P&&"function"==typeof P&&P(e)},he=function(e){Q(function(n){return n.filter(function(n){return n!==e})}),L&&"function"==typeof L&&L(e)},Se=function(e){Q(function(n){return n.map(function(n){return n===e.file?Object.assign(n,{processor:Y({},n.processor,{percent:e.percent+"%",status:"pending"})}):n})})},Ie=function(e){Q(function(n){return n.map(function(n){return n===e.file?Object.assign(n,{processor:Y({},n.processor,{percent:"",status:"finished"})}):n})})},we=function(e){Q(function(n){return n.map(function(n){return n===e.file?Object.assign(n,{errors:e.errors,processor:Y({},n.processor,{status:"error"})}):n})})};return M.useEffect(function(){return function(){N.forEach(function(e){return e.preview&&URL.revokeObjectURL(e.preview)})}},[N]),M.useEffect(function(){var e=w&&N.length<w,n=I&&N.length>I;_(function(e,n){if(null===e)return null;var r=re.dropzone.errors[e];switch(e){case"too-many-files":return r.message+" "+n.maxFiles+" "+re.dropzone.files+".";case"too-few-files":return r.message+" "+n.minFiles+" "+re.dropzone.files+".";default:return r.message}}(n?"too-many-files":e?"too-few-files":null,{minFiles:w,maxFiles:I})),U&&N.length>0&&!n&&!e&&Q(function(e){return e.map(function(e){return!e.errors&&!e.processor&&H&&H({file:e,onError:we,onFinish:Ie,onProgress:Se}),e})})},[U,N.length,H]),B(a.Provider,{value:{isInverse:ee},children:[B(h,{actionable:!1,containerStyle:c,errorMessage:$,fieldId:ie,inputSize:x,isInverse:ee,isLabelVisuallyHidden:b,labelStyle:z,labelText:S,messageStyle:{minHeight:0},"data-testid":G,children:[A(be,{theme:ne,isInverse:ee,children:f}),B(ye,Y({behavior:s.container,dragState:me,isInverse:ee,noDrag:j,theme:ne},ae(),q,{testId:G,tabIndex:-1,children:[A("input",{ref:pe,type:fe.type,accept:fe.accept,autoComplete:fe.autoComplete,id:fe.id,multiple:fe.multiple,onChange:fe.onChange,onClick:fe.onClick,style:fe.style,tabIndex:fe.tabIndex,"data-testid":"file-input"}),j?A(r,{xs:!0,behavior:s.item,children:A(v,{color:p.primary,disabled:u,isInverse:ee,onClick:de,style:{margin:0},children:re.dropzone.browseFiles})}):B(r,{behavior:s.item,children:[A(C,{"aria-hidden":"true",color:ee?ne.colors.neutral100:ne.colors.neutral500,size:48}),A(ze,{isInverse:ee,theme:ne,children:re.dropzone.dragMessage}),A(v,{color:p.primary,disabled:u,isInverse:ee,onClick:de,style:{margin:0},variant:d.solid,children:re.dropzone.browseFiles})]})]}))]}),N.map(function(e){return A(ve,{accept:i,file:e,isInverse:ee,maxSize:F,minSize:k,onDeleteFile:he,onRemoveFile:ge,thumbnails:W},e.name)})]})});export{Se as Dropzone,W as FileIcon};
 //# sourceMappingURL=fileuploader.modern.module.js.map

package/dist/fileuploader.modern.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fileuploader.modern.module.js","sources":["../src/components/dropzone/FileIcon.tsx","../src/components/dropzone/utils.ts","../src/components/dropzone/Preview.tsx","../src/components/dropzone/Dropzone.tsx"],"sourcesContent":["import React from 'react';\nimport {\n InsertDriveFileIcon,\n ImageIcon,\n AudiotrackIcon,\n VideocamIcon,\n FileExcelIcon,\n FilePdfIcon,\n FilePowerpointIcon,\n FileWordIcon,\n FileZipIcon,\n IconProps,\n} from 'react-magma-icons';\n\nimport { FilePreview } from './FilePreview';\nimport { magma } from 'react-magma-dom';\n\nexport interface FileIconProps extends IconProps {\n file: FilePreview;\n isInverse?: boolean;\n}\n\nconst icons = {\n default: {\n Icon: InsertDriveFileIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n word: {\n Icon: FileWordIcon,\n style: {\n color: magma.colors.info500,\n },\n },\n excel: {\n Icon: FileExcelIcon,\n style: {\n color: magma.colors.success500,\n },\n },\n powerpoint: {\n Icon: FilePowerpointIcon,\n style: {\n color: magma.colors.warning500,\n },\n },\n pdf: {\n Icon: FilePdfIcon,\n style: {\n color: magma.colors.danger500,\n },\n },\n image: {\n Icon: ImageIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n video: {\n Icon: VideocamIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n audio: {\n Icon: AudiotrackIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n archive: {\n Icon: FileZipIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n};\n\nconst iconMapping: {\n [key: string]: { Icon: any; style: React.CSSProperties };\n} = {\n default: icons.default,\n xlsx: icons.excel,\n xlsm: icons.excel,\n xlsb: icons.excel,\n xltx: icons.excel,\n xls: icons.excel,\n xlt: icons.excel,\n doc: icons.word,\n docx: icons.word,\n docm: icons.word,\n dotx: icons.word,\n dotm: icons.word,\n docb: icons.word,\n pptx: icons.powerpoint,\n pptm: icons.powerpoint,\n ppt: icons.powerpoint,\n pdf: icons.pdf,\n png: icons.image,\n svg: icons.image,\n image: icons.image,\n audio: icons.audio,\n video: icons.video,\n zip: icons.archive,\n};\n\nexport const FileIcon = ({ file, isInverse }: FileIconProps) => {\n const { path = '', type = '' } = file;\n const category = type.split('/')[0];\n const extension = path.split('.').pop() \|\| 'default';\n const { Icon, style } =\n iconMapping[extension] \|\| iconMapping[category] \|\| iconMapping.default;\n\n return <Icon size={magma.iconSizes.medium} style={isInverse ? {} : style} />;\n};\n","export const formatFileSize = (\n bytes: number \| undefined,\n decimalPoint: number = 2,\n bytesLabel: string = 'Bytes'\n) => {\n if (bytes === undefined) return;\n if (bytes == 0) return `0 ${bytesLabel}`;\n const k = 1024;\n const sizes = [bytesLabel, 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return (\n parseFloat((bytes / Math.pow(k, i)).toFixed(decimalPoint)) + ' ' + sizes[i]\n );\n};\n","import React, { forwardRef, useContext, useEffect, useState } from 'react';\n\nimport {\n CheckCircleIcon,\n CloseIcon,\n DeleteIcon,\n ErrorIcon,\n} from 'react-magma-icons';\n\nimport {\n ButtonColor,\n ButtonVariant,\n Card,\n Flex,\n FlexAlignItems,\n FlexBehavior,\n FlexProps,\n I18nContext,\n I18nInterface,\n IconButton,\n InverseContext,\n ThemeContext,\n ThemeInterface,\n Transition,\n Spinner,\n useIsInverse,\n styled\n} from 'react-magma-dom';\n\nimport { FileIcon } from './FileIcon';\nimport { FilePreview } from './FilePreview';\nimport { formatFileSize } from './utils';\n\n\nexport interface PreviewProps extends Omit<FlexProps, 'behavior'> {\n accept?: string \| string[];\n file: FilePreview;\n isInverse?: boolean;\n maxSize?: number;\n minSize?: number;\n onDeleteFile?: (file: FilePreview) => void;\n onRemoveFile?: (file: FilePreview) => void;\n /*\n @internal\n /\n testId?: string;\n thumbnails: boolean;\n}\n\nconst Thumb = styled.div<{ file: FilePreview }>`\n background-image: ${({ file }) =>\n `url('${'preview' in file && file.preview}')`};\n background-repeat: no-repeat;\n background-size: cover;\n display: inline-block;\n vertical-align: middle;\n height: 40px;\n width: 40px;\n`;\n\nconst StatusIcons = styled.div`\n display: grid;\n grid-template-areas: 'inner-div';\n height: auto;\n place-items: center;\n width: 46px;\n & > div {\n display: inline-block;\n right: 0;\n grid-area: inner-div;\n }\n`;\n\nconst IconStyles = {\n marginRight: '12px',\n display: 'flex',\n};\n\nconst Errors = styled.div`\n border-top: 1px solid ${({ theme }) => theme.colors.neutral300};\n padding: 16px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst StyledFlex = styled(Flex)`\n height: 56px;\n padding: 0 8px 0 16px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst FileName = styled(Flex)`\n overflow: hidden;\n white-space: nowrap;\n align-items: center;\n text-overflow: ellipsis;\n display: block;\n margin-right: 24px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst StyledCard = styled(Card)<{ file: FilePreview; isInverse: boolean }>`\n background-color: none;\n border-color: ${({ file, theme, isInverse }) =>\n file.errors\n ? isInverse\n ? theme.colors.danger300\n : theme.colors.danger\n : theme.colors.neutral300};\n border-width: 1px;\n margin: 10px 0;\n`;\n\nconst ErrorHeader = styled.span`\n display: block;\n\n > div {\n display: flex;\n align-self: center;\n margin-right: 12px;\n }\n`;\n\nconst ErrorMessage = styled.span`\n display: block;\n`;\n\nconst formatError = (\n error: { header?: string; message: string; code: string },\n constraints: {\n maxSize?: number;\n minSize?: number;\n accept?: string \| string[];\n },\n byteLabel: string\n) => {\n const accept =\n Array.isArray(constraints.accept) && constraints.accept.length === 1\n ? constraints.accept[0]\n : constraints.accept;\n const messageSuffix = Array.isArray(accept)\n ? `one of ${accept.join(', ')}`\n : accept;\n switch (error.code) {\n case 'file-too-large':\n return {\n ...error,\n message: `${error.message} ${formatFileSize(\n constraints.maxSize,\n 2,\n byteLabel\n )}.`,\n };\n case 'file-too-small':\n return {\n ...error,\n message: `${error.message} ${formatFileSize(\n constraints.minSize,\n 2,\n byteLabel\n )}.`,\n };\n case 'file-invalid-type':\n return { ...error, message: `${error.message}: ${messageSuffix}` };\n default:\n return error;\n }\n};\n\nexport const Preview = forwardRef<HTMLDivElement, PreviewProps>(\n // eslint-disable-next-line complexity\n (props, ref) => {\n const {\n accept,\n file,\n isInverse: isInverseProp,\n maxSize,\n minSize,\n onDeleteFile,\n onRemoveFile,\n testId,\n thumbnails,\n ...rest\n } = props;\n\n const theme: ThemeInterface = useContext(ThemeContext);\n const i18n: I18nInterface = React.useContext(I18nContext);\n const isInverse = useIsInverse(isInverseProp);\n const [actions, setActions] = useState(<CloseIcon />);\n\n const handleRemoveFile = () => {\n onRemoveFile && typeof onRemoveFile === 'function' && onRemoveFile(file);\n };\n\n const handleDeleteFile = () => {\n onDeleteFile && typeof onDeleteFile === 'function' && onDeleteFile(file);\n };\n\n const FinishedActions = ({ status = 'ready' }: { status?: string }) => {\n const [done, setDone] = useState<boolean>(false);\n\n useEffect(() => {\n let mounted = true;\n setTimeout(() => {\n if (mounted) {\n setDone(true);\n }\n }, 1000);\n return () => {\n mounted = false;\n };\n }, [status]);\n\n if (status === 'error' \|\| status === 'ready') {\n return (\n <StatusIcons>\n <IconButton\n onClick={handleRemoveFile}\n variant={ButtonVariant.link}\n color={ButtonColor.secondary}\n aria-label={i18n.dropzone.removeFile}\n icon={<CloseIcon />}\n />\n </StatusIcons>\n );\n }\n\n if (status === 'pending') {\n return (\n <StatusIcons>\n <Spinner\n color={isInverse ? theme.colors.neutral100 : theme.colors.primary}\n />\n </StatusIcons>\n );\n }\n\n return (\n <StatusIcons>\n <Transition isOpen={!done} unmountOnExit fade>\n <CheckCircleIcon\n color={isInverse ? theme.colors.success200 : theme.colors.success}\n style={{ marginTop: '4px' }}\n />\n </Transition>\n <Transition isOpen={done} unmountOnExit fade>\n <IconButton\n onClick={handleDeleteFile}\n variant={ButtonVariant.link}\n color={ButtonColor.secondary}\n aria-label={i18n.dropzone.deleteFile}\n icon={<DeleteIcon />}\n />\n </Transition>\n </StatusIcons>\n );\n };\n\n useEffect(() => {\n setActions(<FinishedActions status={file?.processor?.status} />);\n }, [file?.processor?.status]);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <StyledCard\n isInverse={isInverse}\n theme={theme}\n file={file}\n data-testid={props.testId}\n ref={ref}\n role={file.errors ? 'alert' : ''}\n >\n <StyledFlex\n theme={theme}\n behavior={FlexBehavior.container}\n alignItems={FlexAlignItems.center}\n {...rest}\n >\n <Flex\n behavior={FlexBehavior.item}\n alignItems={FlexAlignItems.center}\n style={IconStyles}\n >\n {file.errors ? (\n <ErrorIcon\n color={\n isInverse ? theme.colors.danger300 : theme.colors.danger\n }\n size={24}\n />\n ) : file.preview &&\n thumbnails &&\n file.type &&\n file.type.startsWith('image') ? (\n <Thumb role=\"img\" file={file} />\n ) : (\n <FileIcon isInverse={isInverse} file={file} />\n )}\n </Flex>\n <FileName xs behavior={FlexBehavior.item} theme={theme}>\n {file.name}\n </FileName>\n {file.processor && file.processor.status === 'pending' && (\n <Flex\n role=\"progressbar\"\n style={{ marginLeft: 'auto' }}\n behavior={FlexBehavior.item}\n >\n {file.processor.percent}\n </Flex>\n )}\n <Flex behavior={FlexBehavior.item}>{actions}</Flex>\n </StyledFlex>\n {file.errors && (\n <Errors theme={theme}>\n {file.errors.slice(0, 1).map(({ code, ...rest }) => {\n const { header = '', message } = formatError(\n { code, ...rest, ...i18n.dropzone.errors[code] },\n { accept, minSize, maxSize },\n i18n.dropzone.bytes\n );\n return (\n <React.Fragment key={code}>\n <ErrorHeader\n style={{\n color: isInverse\n ? theme.colors.danger200\n : theme.colors.danger,\n }}\n >\n {header}\n </ErrorHeader>\n <ErrorMessage>{message}</ErrorMessage>\n </React.Fragment>\n );\n })}\n </Errors>\n )}\n </StyledCard>\n </InverseContext.Provider>\n );\n }\n);\n","/ eslint-disable no-empty-pattern /\n/\n HELPFUL NOTE!\n * SINCE THIS PACKAGE USES `FILE` WE MUST USE `Object.assign` IN LIEU OF SPREADING\n * `{...file}` WILL NOT COPY ALL OF THE FILE PROPERTIES\n /\n\nimport React, { useImperativeHandle } from 'react';\nimport {\n useDropzone,\n DropzoneOptions,\n DropzoneRootProps,\n FileRejection,\n} from 'react-dropzone';\nimport {\n Button,\n ButtonColor,\n ButtonVariant,\n Flex,\n FlexBehavior,\n FlexProps,\n FormFieldContainer,\n FormFieldContainerBaseProps,\n I18nContext,\n I18nInterface,\n InverseContext,\n ThemeContext,\n ThemeInterface,\n useGenerateId,\n useIsInverse,\n styled,\n} from 'react-magma-dom';\n\nimport { CloudUploadIcon } from 'react-magma-icons';\nimport { Preview } from './Preview';\nimport { FilePreview, FileError } from './FilePreview';\nimport { transparentize } from 'polished';\n\nexport interface OnSendFileProps {\n file: FilePreview;\n onError?: ({}: { errors: FileError[]; file: FilePreview }) => void;\n onFinish?: ({}: { file: FilePreview }) => void;\n onProgress?: ({}: { percent: number; file: FilePreview }) => void;\n}\n\ntype DragState =\n \| 'error'\n \| 'dragAccept'\n \| 'dragReject'\n \| 'dragActive'\n \| 'default';\n\n// NOTE: These props are manually copied to dropzone.mdx\nexport interface DropzoneProps\n extends Omit<FormFieldContainerBaseProps, 'fieldId' \| 'errorMessage'> {\n /\n Set accepted file types. See https://github.com/okonet/attr-accept for more information. Keep in mind that mime type determination is not reliable across platforms. CSV files, for example, are reported as text/plain under macOS but as application/vnd.ms-excel under Windows. In some cases there might not be a mime type set at all. See: https://github.com/react-dropzone/react-dropzone/issues/276\n /\n accept?: string \| string[];\n /\n Enable/Disable the input\n /\n disabled?: boolean;\n /\n Additional props to pass to the dropzone, see https://react-dropzone.js.org/#src\n /\n dropzoneOptions?: Partial<Omit<DropzoneOptions, 'onDrop'>>;\n /\n Content of the helper message.\n /\n helperMessage?: string;\n /\n @internal\n /\n id?: string;\n /\n Maximum accepted number of files The default value is 0 which means there is no limitation to how many files are accepted.\n * @default 0\n /\n maxFiles?: number;\n /\n Minimum accepted number of files.\n /\n minFiles?: number;\n /\n Maximum file size (in bytes)\n * @default Infinity\n /\n maxSize?: number;\n /\n Minimum file size (in bytes)\n * @default 0\n /\n minSize?: number;\n /\n Allow drag 'n' drop (or selection from the file dialog) of multiple files.\n * @default true\n /\n multiple?: boolean;\n /\n If true, disables drag 'n' drop\n * @default false\n /\n noDrag?: boolean;\n /\n Callback for when a file is deleted\n /\n onDeleteFile?: (file: FilePreview) => void;\n /\n Callback for when a file is deleted\n /\n onRemoveFile?: (file: FilePreview) => void;\n /\n Callback for when a file is added to the preview list via dropping or selecting. Will be ran on new files when `sendFiles` is true.\n /\n onSendFile?: (props: OnSendFileProps) => void;\n /\n Run `onSendFile` on any new files. Delay processing by setting to `false` until processing is desired.\n * @default false\n /\n sendFiles?: boolean;\n /\n @internal\n /\n testId?: string;\n /\n Show thumbnails for images in lieu of the file icon.\n * @default true\n */\n thumbnails?: boolean;\n}\n\nconst Container = styled(Flex)<\n DropzoneRootProps &\n FlexProps & {\n dragState?: DragState;\n noDrag?: boolean;\n isInverse?: boolean;\n }\n>`\n flex-direction: column;\n align-items: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n justify-content: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n text-align: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n padding: ${({ noDrag }) => (noDrag ? '0px' : '24px')};\n border-radius: ${({ noDrag }) => (noDrag ? '0px' : '4px')};\n border: ${({ dragState = 'default', noDrag, theme, isInverse }) =>\n noDrag\n ? `0px`\n : dragState === 'dragReject' \|\| dragState === 'error'\n ? isInverse\n ? `1px dashed ${theme.colors.danger300}`\n : `1px dashed ${theme.colors.danger}`\n : dragState === 'dragActive'\n ? `1px dashed ${theme.colors.primary}`\n : dragState === 'dragAccept'\n ? `1px dashed ${theme.colors.success}`\n : `1px dashed ${theme.colors.neutral400}`};\n\n border-style: ${({ dragState = 'default' }) =>\n dragState === 'error' ? 'solid' : 'dashed'};\n background-color: ${({ theme, noDrag, isInverse }) =>\n noDrag\n ? 'transparent'\n : isInverse\n ? transparentize(0.75, theme.colors.neutral900)\n : theme.colors.neutral200};\n outline: none;\n transition: ${({ noDrag }) => `border ${noDrag ? 0 : '.24s'} ease-in-out`};\n`;\n\nconst HelperMessage = styled.span<{ isInverse?: boolean }>`\n color: ${({ theme, isInverse }) =>\n isInverse ? theme.colors.neutral100 : theme.colors.neutral700};\n display: block;\n font-size: 14px;\n margin: -8px 0 16px 0;\n`;\n\nconst Wrapper = styled.div<{ isInverse?: boolean }>`\n color: ${({ theme, isInverse }) =>\n isInverse ? theme.colors.neutral100 : theme.colors.neutral700};\n margin: 0 0 24px 0;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n font-weight: 500;\n padding: ${({ theme }) => theme.spaceScale.spacing01};\n`;\nexport const Dropzone = React.forwardRef<HTMLInputElement, DropzoneProps>(\n (props, ref) => {\n const {\n accept,\n containerStyle,\n disabled,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n dropzoneOptions = {\n multiple: true,\n },\n helperMessage,\n id: defaultId,\n inputSize,\n isInverse: isInverseProp,\n isLabelVisuallyHidden,\n labelStyle,\n labelText,\n maxFiles,\n minFiles,\n maxSize,\n minSize,\n multiple = true,\n noDrag = false,\n onSendFile,\n onDeleteFile,\n onRemoveFile,\n sendFiles = false,\n testId,\n thumbnails = true,\n ...rest\n } = props;\n\n const [files, setFiles] = React.useState<FilePreview[]>([]);\n const [errorMessage, setErrorMessage] = React.useState<string \| null>(null);\n\n const isInverse = useIsInverse(isInverseProp);\n const theme: ThemeInterface = React.useContext(ThemeContext);\n const i18n: I18nInterface = React.useContext(I18nContext);\n const id = useGenerateId(defaultId);\n\n const onDrop = React.useCallback(\n (acceptedFiles: FilePreview[], rejectedFiles: FileRejection[]) => {\n setFiles((files: FilePreview[]) => [\n ...files,\n ...acceptedFiles.map((file: FilePreview) =>\n Object.assign(file, {\n preview: URL.createObjectURL(file),\n })\n ),\n ...rejectedFiles.map(\n ({ file, errors }: { file: FilePreview; errors: FileError[] }) =>\n Object.assign(file, {\n errors,\n })\n ),\n ]);\n },\n []\n );\n\n const {\n getInputProps,\n getRootProps,\n isDragAccept,\n isDragActive,\n isDragReject,\n open,\n inputRef,\n } = useDropzone({\n noClick: true,\n disabled,\n multiple,\n maxSize,\n minSize,\n accept,\n onDrop,\n noDrag,\n });\n\n useImperativeHandle<HTMLInputElement \| null, HTMLInputElement \| null>(\n ref,\n () => inputRef.current\n );\n\n const inputProps = getInputProps({ id });\n\n const dragState: DragState = errorMessage\n ? 'error'\n : isDragAccept\n ? 'dragAccept'\n : isDragReject\n ? 'dragReject'\n : isDragActive\n ? 'dragActive'\n : 'default';\n\n const handleRemoveFile = (removedFile: FilePreview) => {\n setFiles(files => files.filter(file => file !== removedFile));\n onRemoveFile &&\n typeof onRemoveFile === 'function' &&\n onRemoveFile(removedFile);\n };\n\n const handleDeleteFile = (removedFile: FilePreview) => {\n setFiles(files => files.filter(file => file !== removedFile));\n onDeleteFile &&\n typeof onDeleteFile === 'function' &&\n onDeleteFile(removedFile);\n };\n\n const setProgress = (props: { percent: number; file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n processor: {\n ...file.processor,\n percent: `${props.percent}%`,\n status: 'pending',\n },\n })\n : file\n )\n );\n };\n\n const setFinished = (props: { file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n processor: {\n ...file.processor,\n percent: '',\n status: 'finished',\n },\n })\n : file\n )\n );\n };\n\n const setError = (props: { errors: FileError[]; file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n errors: props.errors,\n processor: { ...file.processor, status: 'error' },\n })\n : file\n )\n );\n };\n\n const formatError = (\n code: string \| null,\n constraints: { maxFiles?: number; minFiles?: number }\n ) => {\n if (code === null) return null;\n const error = i18n.dropzone.errors[code];\n switch (code) {\n case 'too-many-files':\n return `${error.message} ${constraints.maxFiles} ${i18n.dropzone.files}.`;\n case 'too-few-files':\n return `${error.message} ${constraints.minFiles} ${i18n.dropzone.files}.`;\n default:\n return error.message;\n }\n };\n\n React.useEffect(\n () => () => {\n files.forEach(\n file => file.preview && URL.revokeObjectURL(file.preview)\n );\n },\n [files]\n );\n\n React.useEffect(() => {\n const minFileError = minFiles && files.length < minFiles;\n const maxFileError = maxFiles && files.length > maxFiles;\n\n setErrorMessage(\n formatError(\n maxFileError\n ? 'too-many-files'\n : minFileError\n ? 'too-few-files'\n : null,\n { minFiles, maxFiles }\n )\n );\n\n if (sendFiles && files.length > 0 && !maxFileError && !minFileError) {\n setFiles((files: FilePreview[]) => {\n return files.map((file: FilePreview) => {\n !file.errors &&\n !file.processor &&\n onSendFile &&\n onSendFile({\n file,\n onError: setError,\n onFinish: setFinished,\n onProgress: setProgress,\n });\n return file;\n });\n });\n }\n }, [sendFiles, files.length, onSendFile]);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <FormFieldContainer\n actionable={false}\n containerStyle={containerStyle}\n errorMessage={errorMessage}\n fieldId={id}\n inputSize={inputSize}\n isInverse={isInverse}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n labelStyle={labelStyle}\n labelText={labelText}\n messageStyle={{ minHeight: 0 }}\n data-testid={testId}\n >\n <HelperMessage theme={theme} isInverse={isInverse}>\n {helperMessage}\n </HelperMessage>\n <Container\n behavior={FlexBehavior.container}\n dragState={dragState}\n isInverse={isInverse}\n noDrag={noDrag}\n theme={theme}\n {...getRootProps()}\n {...rest}\n testId={testId}\n tabIndex={-1}\n >\n <input\n ref={inputRef}\n type={inputProps.type}\n accept={inputProps.accept}\n autoComplete={inputProps.autoComplete}\n id={inputProps.id}\n multiple={inputProps.multiple}\n onChange={inputProps.onChange}\n onClick={inputProps.onClick}\n style={inputProps.style}\n tabIndex={inputProps.tabIndex}\n data-testid=\"file-input\"\n />\n {noDrag ? (\n <Flex xs behavior={FlexBehavior.item}>\n <Button\n color={ButtonColor.primary}\n disabled={disabled}\n isInverse={isInverse}\n onClick={open}\n style={{ margin: 0 }}\n >\n {i18n.dropzone.browseFiles}\n </Button>\n </Flex>\n ) : (\n <Flex behavior={FlexBehavior.item}>\n <CloudUploadIcon\n aria-hidden=\"true\"\n color={\n isInverse\n ? theme.colors.neutral100\n : theme.colors.neutral500\n }\n size={48}\n />\n <Wrapper isInverse={isInverse} theme={theme}>\n {i18n.dropzone.dragMessage}\n </Wrapper>\n <Button\n color={ButtonColor.primary}\n disabled={disabled}\n isInverse={isInverse}\n onClick={open}\n style={{ margin: 0 }}\n variant={ButtonVariant.solid}\n >\n {i18n.dropzone.browseFiles}\n </Button>\n </Flex>\n )}\n </Container>\n </FormFieldContainer>\n {files.map((file: FilePreview) => (\n <Preview\n accept={accept}\n file={file}\n isInverse={isInverse}\n key={file.name}\n maxSize={maxSize}\n minSize={minSize}\n onDeleteFile={handleDeleteFile}\n onRemoveFile={handleRemoveFile}\n thumbnails={thumbnails}\n />\n ))}\n </InverseContext.Provider>\n );\n }\n);\n"],"names":["icons","default","Icon","InsertDriveFileIcon","style","color","magma","colors","neutral500","word","FileWordIcon","info500","excel","FileExcelIcon","success500","powerpoint","FilePowerpointIcon","warning500","pdf","FilePdfIcon","danger500","image","ImageIcon","video","VideocamIcon","audio","AudiotrackIcon","archive","FileZipIcon","iconMapping","xlsx","xlsm","xlsb","xltx","xls","xlt","doc","docx","docm","dotx","dotm","docb","pptx","pptm","ppt","png","svg","zip","FileIcon","_ref","file","isInverse","_file$path","path","_file$type","type","category","split","extension","pop","_ref2","_jsx","size","iconSizes","medium","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","formatFileSize","bytes","decimalPoint","bytesLabel","undefined","sizes","i","Math","floor","log","parseFloat","pow","toFixed","_excluded","_excluded2","Thumb","styled","div","_taggedTemplateLiteralLoose","preview","StatusIcons","IconStyles","marginRight","display","Errors","theme","neutral300","_ref3","typeScale","size02","fontSize","_ref4","lineHeight","StyledFlex","Flex","_ref5","_ref6","FileName","_ref7","_ref8","StyledCard","Card","_ref9","errors","danger300","danger","ErrorHeader","span","ErrorMessage","Preview","forwardRef","props","ref","_file$processor2","accept","isInverseProp","maxSize","minSize","onDeleteFile","onRemoveFile","thumbnails","rest","_objectWithoutPropertiesLoose","useContext","ThemeContext","i18n","React","I18nContext","useIsInverse","_useState","useState","CloseIcon","actions","setActions","handleRemoveFile","handleDeleteFile","FinishedActions","_ref10","_ref10$status","status","_useState2","done","setDone","useEffect","mounted","setTimeout","children","IconButton","onClick","variant","ButtonVariant","link","ButtonColor","secondary","dropzone","removeFile","icon","Spinner","neutral100","primary","_jsxs","Transition","isOpen","unmountOnExit","fade","CheckCircleIcon","success200","success","marginTop","deleteFile","DeleteIcon","_file$processor","processor","InverseContext","Provider","value","testId","role","_extends","behavior","FlexBehavior","container","alignItems","FlexAlignItems","center","item","ErrorIcon","startsWith","xs","name","marginLeft","percent","slice","map","_ref11","code","_formatError","error","constraints","byteLabel","Array","isArray","length","messageSuffix","join","message","formatError","_formatError$header","header","Fragment","danger200","Container","noDrag","_ref6$dragState","dragState","neutral400","_ref7$dragState","transparentize","neutral900","neutral200","HelperMessage","neutral700","Wrapper","_ref12","_ref13","_ref14","spaceScale","spacing01","Dropzone","containerStyle","disabled","helperMessage","defaultId","id","inputSize","isLabelVisuallyHidden","labelStyle","labelText","maxFiles","minFiles","_props$multiple","multiple","_props$noDrag","onSendFile","_props$sendFiles","sendFiles","_props$thumbnails","_React$useState","files","setFiles","_React$useState2","errorMessage","setErrorMessage","useGenerateId","onDrop","useCallback","acceptedFiles","rejectedFiles","concat","Object","assign","URL","createObjectURL","_ref15","_useDropzone","useDropzone","noClick","getInputProps","getRootProps","isDragAccept","isDragActive","isDragReject","open","inputRef","useImperativeHandle","current","inputProps","removedFile","filter","setProgress","setFinished","setError","forEach","revokeObjectURL","minFileError","maxFileError","onError","onFinish","onProgress","FormFieldContainer","actionable","fieldId","messageStyle","minHeight","tabIndex","autoComplete","onChange","Button","margin","browseFiles","CloudUploadIcon","dragMessage","solid"],"mappings":"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"}
1	+ {"version":3,"file":"fileuploader.modern.module.js","sources":["../src/components/dropzone/FileIcon.tsx","../src/components/dropzone/utils.ts","../src/components/dropzone/Preview.tsx","../src/components/dropzone/Dropzone.tsx"],"sourcesContent":["import React from 'react';\n\nimport { magma } from 'react-magma-dom';\nimport {\n InsertDriveFileIcon,\n ImageIcon,\n AudiotrackIcon,\n VideocamIcon,\n FileExcelIcon,\n FilePdfIcon,\n FilePowerpointIcon,\n FileWordIcon,\n FileZipIcon,\n IconProps,\n} from 'react-magma-icons';\n\nimport { FilePreview } from './FilePreview';\n\nexport interface FileIconProps extends IconProps {\n file: FilePreview;\n isInverse?: boolean;\n}\n\nconst icons = {\n default: {\n Icon: InsertDriveFileIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n word: {\n Icon: FileWordIcon,\n style: {\n color: magma.colors.info500,\n },\n },\n excel: {\n Icon: FileExcelIcon,\n style: {\n color: magma.colors.success500,\n },\n },\n powerpoint: {\n Icon: FilePowerpointIcon,\n style: {\n color: magma.colors.warning500,\n },\n },\n pdf: {\n Icon: FilePdfIcon,\n style: {\n color: magma.colors.danger500,\n },\n },\n image: {\n Icon: ImageIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n video: {\n Icon: VideocamIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n audio: {\n Icon: AudiotrackIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n archive: {\n Icon: FileZipIcon,\n style: {\n color: magma.colors.neutral500,\n },\n },\n};\n\nconst iconMapping: {\n [key: string]: { Icon: any; style: React.CSSProperties };\n} = {\n default: icons.default,\n xlsx: icons.excel,\n xlsm: icons.excel,\n xlsb: icons.excel,\n xltx: icons.excel,\n xls: icons.excel,\n xlt: icons.excel,\n doc: icons.word,\n docx: icons.word,\n docm: icons.word,\n dotx: icons.word,\n dotm: icons.word,\n docb: icons.word,\n pptx: icons.powerpoint,\n pptm: icons.powerpoint,\n ppt: icons.powerpoint,\n pdf: icons.pdf,\n png: icons.image,\n svg: icons.image,\n image: icons.image,\n audio: icons.audio,\n video: icons.video,\n zip: icons.archive,\n};\n\nexport const FileIcon = ({ file, isInverse }: FileIconProps) => {\n const { path = '', type = '' } = file;\n const category = type.split('/')[0];\n const extension = path.split('.').pop() \|\| 'default';\n const { Icon, style } =\n iconMapping[extension] \|\| iconMapping[category] \|\| iconMapping.default;\n\n return <Icon size={magma.iconSizes.medium} style={isInverse ? {} : style} />;\n};\n","export const formatFileSize = (\n bytes: number \| undefined,\n decimalPoint = 2,\n bytesLabel = 'Bytes'\n) => {\n if (bytes === undefined) return;\n if (bytes == 0) return `0 ${bytesLabel}`;\n const k = 1024;\n const sizes = [bytesLabel, 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return (\n parseFloat((bytes / Math.pow(k, i)).toFixed(decimalPoint)) + ' ' + sizes[i]\n );\n};\n","import React, { forwardRef, useContext, useEffect, useState } from 'react';\n\nimport {\n ButtonColor,\n ButtonVariant,\n Card,\n Flex,\n FlexAlignItems,\n FlexBehavior,\n FlexProps,\n I18nContext,\n I18nInterface,\n IconButton,\n InverseContext,\n ThemeContext,\n ThemeInterface,\n Transition,\n Spinner,\n useIsInverse,\n styled,\n} from 'react-magma-dom';\nimport {\n CheckCircleIcon,\n CloseIcon,\n DeleteIcon,\n ErrorIcon,\n} from 'react-magma-icons';\n\nimport { FileIcon } from './FileIcon';\nimport { FilePreview } from './FilePreview';\nimport { formatFileSize } from './utils';\n\nexport interface PreviewProps extends Omit<FlexProps, 'behavior'> {\n accept?: string \| string[];\n file: FilePreview;\n isInverse?: boolean;\n maxSize?: number;\n minSize?: number;\n onDeleteFile?: (file: FilePreview) => void;\n onRemoveFile?: (file: FilePreview) => void;\n /*\n @internal\n /\n testId?: string;\n thumbnails: boolean;\n}\n\nconst Thumb = styled.div<{ file: FilePreview }>`\n background-image: ${({ file }) =>\n `url('${'preview' in file && file.preview}')`};\n background-repeat: no-repeat;\n background-size: cover;\n display: inline-block;\n vertical-align: middle;\n height: 40px;\n width: 40px;\n`;\n\nconst StatusIcons = styled.div`\n display: grid;\n grid-template-areas: 'inner-div';\n height: auto;\n place-items: center;\n width: 46px;\n & > div {\n display: inline-block;\n right: 0;\n grid-area: inner-div;\n }\n`;\n\nconst IconStyles = {\n marginRight: '12px',\n display: 'flex',\n};\n\nconst Errors = styled.div`\n border-top: 1px solid ${({ theme }) => theme.colors.neutral300};\n padding: 16px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst StyledFlex = styled(Flex)`\n height: 56px;\n padding: 0 8px 0 16px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst FileName = styled(Flex)`\n overflow: hidden;\n white-space: nowrap;\n align-items: center;\n text-overflow: ellipsis;\n display: block;\n margin-right: 24px;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n`;\n\nconst StyledCard = styled(Card)<{ file: FilePreview; isInverse: boolean }>`\n background-color: none;\n border-color: ${({ file, theme, isInverse }) =>\n file.errors\n ? isInverse\n ? theme.colors.danger300\n : theme.colors.danger\n : theme.colors.neutral300};\n border-width: 1px;\n margin: 10px 0;\n`;\n\nconst ErrorHeader = styled.span`\n display: block;\n\n > div {\n display: flex;\n align-self: center;\n margin-right: 12px;\n }\n`;\n\nconst ErrorMessage = styled.span`\n display: block;\n`;\n\nconst formatError = (\n error: { header?: string; message: string; code: string },\n constraints: {\n maxSize?: number;\n minSize?: number;\n accept?: string \| string[];\n },\n byteLabel: string\n) => {\n const accept =\n Array.isArray(constraints.accept) && constraints.accept.length === 1\n ? constraints.accept[0]\n : constraints.accept;\n const messageSuffix = Array.isArray(accept)\n ? `one of ${accept.join(', ')}`\n : accept;\n switch (error.code) {\n case 'file-too-large':\n return {\n ...error,\n message: `${error.message} ${formatFileSize(\n constraints.maxSize,\n 2,\n byteLabel\n )}.`,\n };\n case 'file-too-small':\n return {\n ...error,\n message: `${error.message} ${formatFileSize(\n constraints.minSize,\n 2,\n byteLabel\n )}.`,\n };\n case 'file-invalid-type':\n return { ...error, message: `${error.message}: ${messageSuffix}` };\n default:\n return error;\n }\n};\n\nexport const Preview = forwardRef<HTMLDivElement, PreviewProps>(\n // eslint-disable-next-line complexity\n (props, ref) => {\n const {\n accept,\n file,\n isInverse: isInverseProp,\n maxSize,\n minSize,\n onDeleteFile,\n onRemoveFile,\n testId,\n thumbnails,\n ...rest\n } = props;\n\n const theme: ThemeInterface = useContext(ThemeContext);\n const i18n: I18nInterface = React.useContext(I18nContext);\n const isInverse = useIsInverse(isInverseProp);\n const [actions, setActions] = useState(<CloseIcon />);\n\n const handleRemoveFile = () => {\n onRemoveFile && typeof onRemoveFile === 'function' && onRemoveFile(file);\n };\n\n const handleDeleteFile = () => {\n onDeleteFile && typeof onDeleteFile === 'function' && onDeleteFile(file);\n };\n\n const FinishedActions = ({ status = 'ready' }: { status?: string }) => {\n const [done, setDone] = useState<boolean>(false);\n\n useEffect(() => {\n let mounted = true;\n setTimeout(() => {\n if (mounted) {\n setDone(true);\n }\n }, 1000);\n return () => {\n mounted = false;\n };\n }, [status]);\n\n if (status === 'error' \|\| status === 'ready') {\n return (\n <StatusIcons>\n <IconButton\n onClick={handleRemoveFile}\n variant={ButtonVariant.link}\n color={ButtonColor.secondary}\n aria-label={i18n.dropzone.removeFile}\n icon={<CloseIcon />}\n />\n </StatusIcons>\n );\n }\n\n if (status === 'pending') {\n return (\n <StatusIcons>\n <Spinner\n color={isInverse ? theme.colors.neutral100 : theme.colors.primary}\n />\n </StatusIcons>\n );\n }\n\n return (\n <StatusIcons>\n <Transition isOpen={!done} unmountOnExit fade>\n <CheckCircleIcon\n color={isInverse ? theme.colors.success200 : theme.colors.success}\n style={{ marginTop: '4px' }}\n />\n </Transition>\n <Transition isOpen={done} unmountOnExit fade>\n <IconButton\n onClick={handleDeleteFile}\n variant={ButtonVariant.link}\n color={ButtonColor.secondary}\n aria-label={i18n.dropzone.deleteFile}\n icon={<DeleteIcon />}\n />\n </Transition>\n </StatusIcons>\n );\n };\n\n useEffect(() => {\n setActions(<FinishedActions status={file?.processor?.status} />);\n }, [file?.processor?.status]);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <StyledCard\n isInverse={isInverse}\n theme={theme}\n file={file}\n data-testid={props.testId}\n ref={ref}\n role={file.errors ? 'alert' : ''}\n >\n <StyledFlex\n theme={theme}\n behavior={FlexBehavior.container}\n alignItems={FlexAlignItems.center}\n {...rest}\n >\n <Flex\n behavior={FlexBehavior.item}\n alignItems={FlexAlignItems.center}\n style={IconStyles}\n >\n {file.errors ? (\n <ErrorIcon\n color={\n isInverse ? theme.colors.danger300 : theme.colors.danger\n }\n size={24}\n />\n ) : file.preview &&\n thumbnails &&\n file.type &&\n file.type.startsWith('image') ? (\n <Thumb role=\"img\" file={file} />\n ) : (\n <FileIcon isInverse={isInverse} file={file} />\n )}\n </Flex>\n <FileName xs behavior={FlexBehavior.item} theme={theme}>\n {file.name}\n </FileName>\n {file.processor && file.processor.status === 'pending' && (\n <Flex\n role=\"progressbar\"\n style={{ marginLeft: 'auto' }}\n behavior={FlexBehavior.item}\n >\n {file.processor.percent}\n </Flex>\n )}\n <Flex behavior={FlexBehavior.item}>{actions}</Flex>\n </StyledFlex>\n {file.errors && (\n <Errors theme={theme}>\n {file.errors.slice(0, 1).map(({ code, ...rest }) => {\n const { header = '', message } = formatError(\n { code, ...rest, ...i18n.dropzone.errors[code] },\n { accept, minSize, maxSize },\n i18n.dropzone.bytes\n );\n return (\n <React.Fragment key={code}>\n <ErrorHeader\n style={{\n color: isInverse\n ? theme.colors.danger200\n : theme.colors.danger,\n }}\n >\n {header}\n </ErrorHeader>\n <ErrorMessage>{message}</ErrorMessage>\n </React.Fragment>\n );\n })}\n </Errors>\n )}\n </StyledCard>\n </InverseContext.Provider>\n );\n }\n);\n","/ eslint-disable no-empty-pattern /\n/\n HELPFUL NOTE!\n * SINCE THIS PACKAGE USES `FILE` WE MUST USE `Object.assign` IN LIEU OF SPREADING\n * `{...file}` WILL NOT COPY ALL OF THE FILE PROPERTIES\n /\n\nimport React, { useImperativeHandle } from 'react';\n\nimport { transparentize } from 'polished';\nimport {\n useDropzone,\n DropzoneOptions,\n DropzoneRootProps,\n FileRejection,\n} from 'react-dropzone';\nimport {\n Button,\n ButtonColor,\n ButtonVariant,\n Flex,\n FlexBehavior,\n FlexProps,\n FormFieldContainer,\n FormFieldContainerBaseProps,\n I18nContext,\n I18nInterface,\n InverseContext,\n ThemeContext,\n ThemeInterface,\n useGenerateId,\n useIsInverse,\n styled,\n} from 'react-magma-dom';\nimport { CloudUploadIcon } from 'react-magma-icons';\n\nimport { FilePreview, FileError } from './FilePreview';\nimport { Preview } from './Preview';\n\nexport interface OnSendFileProps {\n file: FilePreview;\n onError?: ({}: { errors: FileError[]; file: FilePreview }) => void;\n onFinish?: ({}: { file: FilePreview }) => void;\n onProgress?: ({}: { percent: number; file: FilePreview }) => void;\n}\n\ntype DragState =\n \| 'error'\n \| 'dragAccept'\n \| 'dragReject'\n \| 'dragActive'\n \| 'default';\n\n// NOTE: These props are manually copied to dropzone.mdx\nexport interface DropzoneProps\n extends Omit<FormFieldContainerBaseProps, 'fieldId' \| 'errorMessage'> {\n /\n Set accepted file types. See https://github.com/okonet/attr-accept for more information. Keep in mind that mime type determination is not reliable across platforms. CSV files, for example, are reported as text/plain under macOS but as application/vnd.ms-excel under Windows. In some cases there might not be a mime type set at all. See: https://github.com/react-dropzone/react-dropzone/issues/276\n /\n accept?: string \| string[];\n /\n Enable/Disable the input\n /\n disabled?: boolean;\n /\n Additional props to pass to the dropzone, see https://react-dropzone.js.org/#src\n /\n dropzoneOptions?: Partial<Omit<DropzoneOptions, 'onDrop'>>;\n /\n Content of the helper message.\n /\n helperMessage?: string;\n /\n @internal\n /\n id?: string;\n /\n Maximum accepted number of files The default value is 0 which means there is no limitation to how many files are accepted.\n * @default 0\n /\n maxFiles?: number;\n /\n Minimum accepted number of files.\n /\n minFiles?: number;\n /\n Maximum file size (in bytes)\n * @default Infinity\n /\n maxSize?: number;\n /\n Minimum file size (in bytes)\n * @default 0\n /\n minSize?: number;\n /\n Allow drag 'n' drop (or selection from the file dialog) of multiple files.\n * @default true\n /\n multiple?: boolean;\n /\n If true, disables drag 'n' drop\n * @default false\n /\n noDrag?: boolean;\n /\n Callback for when a file is deleted\n /\n onDeleteFile?: (file: FilePreview) => void;\n /\n Callback for when a file is deleted\n /\n onRemoveFile?: (file: FilePreview) => void;\n /\n Callback for when a file is added to the preview list via dropping or selecting. Will be ran on new files when `sendFiles` is true.\n /\n onSendFile?: (props: OnSendFileProps) => void;\n /\n Run `onSendFile` on any new files. Delay processing by setting to `false` until processing is desired.\n * @default false\n /\n sendFiles?: boolean;\n /\n @internal\n /\n testId?: string;\n /\n Show thumbnails for images in lieu of the file icon.\n * @default true\n */\n thumbnails?: boolean;\n}\n\nconst Container = styled(Flex)<\n DropzoneRootProps &\n FlexProps & {\n dragState?: DragState;\n noDrag?: boolean;\n isInverse?: boolean;\n }\n>`\n flex-direction: column;\n align-items: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n justify-content: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n text-align: ${({ noDrag }) => (noDrag ? 'left' : 'center')};\n padding: ${({ noDrag }) => (noDrag ? '0px' : '24px')};\n border-radius: ${({ noDrag }) => (noDrag ? '0px' : '4px')};\n border: ${({ dragState = 'default', noDrag, theme, isInverse }) =>\n noDrag\n ? `0px`\n : dragState === 'dragReject' \|\| dragState === 'error'\n ? isInverse\n ? `1px dashed ${theme.colors.danger300}`\n : `1px dashed ${theme.colors.danger}`\n : dragState === 'dragActive'\n ? `1px dashed ${theme.colors.primary}`\n : dragState === 'dragAccept'\n ? `1px dashed ${theme.colors.success}`\n : `1px dashed ${theme.colors.neutral400}`};\n\n border-style: ${({ dragState = 'default' }) =>\n dragState === 'error' ? 'solid' : 'dashed'};\n background-color: ${({ theme, noDrag, isInverse }) =>\n noDrag\n ? 'transparent'\n : isInverse\n ? transparentize(0.75, theme.colors.neutral900)\n : theme.colors.neutral200};\n outline: none;\n transition: ${({ noDrag }) => `border ${noDrag ? 0 : '.24s'} ease-in-out`};\n`;\n\nconst HelperMessage = styled.span<{ isInverse?: boolean }>`\n color: ${({ theme, isInverse }) =>\n isInverse ? theme.colors.neutral100 : theme.colors.neutral700};\n display: block;\n font-size: 14px;\n margin: -8px 0 16px 0;\n`;\n\nconst Wrapper = styled.div<{ isInverse?: boolean }>`\n color: ${({ theme, isInverse }) =>\n isInverse ? theme.colors.neutral100 : theme.colors.neutral700};\n margin: 0 0 24px 0;\n font-size: ${({ theme }) => theme.typeScale.size02.fontSize};\n line-height: ${({ theme }) => theme.typeScale.size02.lineHeight};\n font-weight: 500;\n padding: ${({ theme }) => theme.spaceScale.spacing01};\n`;\nexport const Dropzone = React.forwardRef<HTMLInputElement, DropzoneProps>(\n (props, ref) => {\n const {\n accept,\n containerStyle,\n disabled,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n dropzoneOptions = {\n multiple: true,\n },\n helperMessage,\n id: defaultId,\n inputSize,\n isInverse: isInverseProp,\n isLabelVisuallyHidden,\n labelStyle,\n labelText,\n maxFiles,\n minFiles,\n maxSize,\n minSize,\n multiple = true,\n noDrag = false,\n onSendFile,\n onDeleteFile,\n onRemoveFile,\n sendFiles = false,\n testId,\n thumbnails = true,\n ...rest\n } = props;\n\n const [files, setFiles] = React.useState<FilePreview[]>([]);\n const [errorMessage, setErrorMessage] = React.useState<string \| null>(null);\n\n const isInverse = useIsInverse(isInverseProp);\n const theme: ThemeInterface = React.useContext(ThemeContext);\n const i18n: I18nInterface = React.useContext(I18nContext);\n const id = useGenerateId(defaultId);\n\n const onDrop = React.useCallback(\n (acceptedFiles: FilePreview[], rejectedFiles: FileRejection[]) => {\n setFiles((files: FilePreview[]) => [\n ...files,\n ...acceptedFiles.map((file: FilePreview) =>\n Object.assign(file, {\n preview: URL.createObjectURL(file),\n })\n ),\n ...rejectedFiles.map(\n ({ file, errors }: { file: FilePreview; errors: FileError[] }) =>\n Object.assign(file, {\n errors,\n })\n ),\n ]);\n },\n []\n );\n\n const {\n getInputProps,\n getRootProps,\n isDragAccept,\n isDragActive,\n isDragReject,\n open,\n inputRef,\n } = useDropzone({\n noClick: true,\n disabled,\n multiple,\n maxSize,\n minSize,\n accept,\n onDrop,\n noDrag,\n });\n\n useImperativeHandle<HTMLInputElement \| null, HTMLInputElement \| null>(\n ref,\n () => inputRef.current\n );\n\n const inputProps = getInputProps({ id });\n\n const dragState: DragState = errorMessage\n ? 'error'\n : isDragAccept\n ? 'dragAccept'\n : isDragReject\n ? 'dragReject'\n : isDragActive\n ? 'dragActive'\n : 'default';\n\n const handleRemoveFile = (removedFile: FilePreview) => {\n setFiles(files => files.filter(file => file !== removedFile));\n onRemoveFile &&\n typeof onRemoveFile === 'function' &&\n onRemoveFile(removedFile);\n };\n\n const handleDeleteFile = (removedFile: FilePreview) => {\n setFiles(files => files.filter(file => file !== removedFile));\n onDeleteFile &&\n typeof onDeleteFile === 'function' &&\n onDeleteFile(removedFile);\n };\n\n const setProgress = (props: { percent: number; file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n processor: {\n ...file.processor,\n percent: `${props.percent}%`,\n status: 'pending',\n },\n })\n : file\n )\n );\n };\n\n const setFinished = (props: { file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n processor: {\n ...file.processor,\n percent: '',\n status: 'finished',\n },\n })\n : file\n )\n );\n };\n\n const setError = (props: { errors: FileError[]; file: FilePreview }) => {\n setFiles(files =>\n files.map(file =>\n file === props.file\n ? Object.assign(file, {\n errors: props.errors,\n processor: { ...file.processor, status: 'error' },\n })\n : file\n )\n );\n };\n\n const formatError = (\n code: string \| null,\n constraints: { maxFiles?: number; minFiles?: number }\n ) => {\n if (code === null) return null;\n const error = i18n.dropzone.errors[code];\n switch (code) {\n case 'too-many-files':\n return `${error.message} ${constraints.maxFiles} ${i18n.dropzone.files}.`;\n case 'too-few-files':\n return `${error.message} ${constraints.minFiles} ${i18n.dropzone.files}.`;\n default:\n return error.message;\n }\n };\n\n React.useEffect(\n () => () => {\n files.forEach(\n file => file.preview && URL.revokeObjectURL(file.preview)\n );\n },\n [files]\n );\n\n React.useEffect(() => {\n const minFileError = minFiles && files.length < minFiles;\n const maxFileError = maxFiles && files.length > maxFiles;\n\n setErrorMessage(\n formatError(\n maxFileError\n ? 'too-many-files'\n : minFileError\n ? 'too-few-files'\n : null,\n { minFiles, maxFiles }\n )\n );\n\n if (sendFiles && files.length > 0 && !maxFileError && !minFileError) {\n setFiles((files: FilePreview[]) => {\n return files.map((file: FilePreview) => {\n !file.errors &&\n !file.processor &&\n onSendFile &&\n onSendFile({\n file,\n onError: setError,\n onFinish: setFinished,\n onProgress: setProgress,\n });\n return file;\n });\n });\n }\n }, [sendFiles, files.length, onSendFile]);\n\n return (\n <InverseContext.Provider value={{ isInverse }}>\n <FormFieldContainer\n actionable={false}\n containerStyle={containerStyle}\n errorMessage={errorMessage}\n fieldId={id}\n inputSize={inputSize}\n isInverse={isInverse}\n isLabelVisuallyHidden={isLabelVisuallyHidden}\n labelStyle={labelStyle}\n labelText={labelText}\n messageStyle={{ minHeight: 0 }}\n data-testid={testId}\n >\n <HelperMessage theme={theme} isInverse={isInverse}>\n {helperMessage}\n </HelperMessage>\n <Container\n behavior={FlexBehavior.container}\n dragState={dragState}\n isInverse={isInverse}\n noDrag={noDrag}\n theme={theme}\n {...getRootProps()}\n {...rest}\n testId={testId}\n tabIndex={-1}\n >\n <input\n ref={inputRef}\n type={inputProps.type}\n accept={inputProps.accept}\n autoComplete={inputProps.autoComplete}\n id={inputProps.id}\n multiple={inputProps.multiple}\n onChange={inputProps.onChange}\n onClick={inputProps.onClick}\n style={inputProps.style}\n tabIndex={inputProps.tabIndex}\n data-testid=\"file-input\"\n />\n {noDrag ? (\n <Flex xs behavior={FlexBehavior.item}>\n <Button\n color={ButtonColor.primary}\n disabled={disabled}\n isInverse={isInverse}\n onClick={open}\n style={{ margin: 0 }}\n >\n {i18n.dropzone.browseFiles}\n </Button>\n </Flex>\n ) : (\n <Flex behavior={FlexBehavior.item}>\n <CloudUploadIcon\n aria-hidden=\"true\"\n color={\n isInverse\n ? theme.colors.neutral100\n : theme.colors.neutral500\n }\n size={48}\n />\n <Wrapper isInverse={isInverse} theme={theme}>\n {i18n.dropzone.dragMessage}\n </Wrapper>\n <Button\n color={ButtonColor.primary}\n disabled={disabled}\n isInverse={isInverse}\n onClick={open}\n style={{ margin: 0 }}\n variant={ButtonVariant.solid}\n >\n {i18n.dropzone.browseFiles}\n </Button>\n </Flex>\n )}\n </Container>\n </FormFieldContainer>\n {files.map((file: FilePreview) => (\n <Preview\n accept={accept}\n file={file}\n isInverse={isInverse}\n key={file.name}\n maxSize={maxSize}\n minSize={minSize}\n onDeleteFile={handleDeleteFile}\n onRemoveFile={handleRemoveFile}\n thumbnails={thumbnails}\n />\n ))}\n </InverseContext.Provider>\n );\n }\n);\n"],"names":["icons","default","Icon","InsertDriveFileIcon","style","color","magma","colors","neutral500","word","FileWordIcon","info500","excel","FileExcelIcon","success500","powerpoint","FilePowerpointIcon","warning500","pdf","FilePdfIcon","danger500","image","ImageIcon","video","VideocamIcon","audio","AudiotrackIcon","archive","FileZipIcon","iconMapping","xlsx","xlsm","xlsb","xltx","xls","xlt","doc","docx","docm","dotx","dotm","docb","pptx","pptm","ppt","png","svg","zip","FileIcon","_ref","file","isInverse","_file$path","path","_file$type","type","category","split","extension","pop","_ref2","_jsx","size","iconSizes","medium","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","formatFileSize","bytes","decimalPoint","bytesLabel","undefined","sizes","i","Math","floor","log","parseFloat","pow","toFixed","_excluded","_excluded2","Thumb","styled","div","_taggedTemplateLiteralLoose","preview","StatusIcons","IconStyles","marginRight","display","Errors","theme","neutral300","_ref3","typeScale","size02","fontSize","_ref4","lineHeight","StyledFlex","Flex","_ref5","_ref6","FileName","_ref7","_ref8","StyledCard","Card","_ref9","errors","danger300","danger","ErrorHeader","span","ErrorMessage","Preview","forwardRef","props","ref","_file$processor2","accept","isInverseProp","maxSize","minSize","onDeleteFile","onRemoveFile","thumbnails","rest","_objectWithoutPropertiesLoose","useContext","ThemeContext","i18n","React","I18nContext","useIsInverse","_useState","useState","CloseIcon","actions","setActions","handleRemoveFile","handleDeleteFile","FinishedActions","_ref10","_ref10$status","status","_useState2","done","setDone","useEffect","mounted","setTimeout","children","IconButton","onClick","variant","ButtonVariant","link","ButtonColor","secondary","dropzone","removeFile","icon","Spinner","neutral100","primary","_jsxs","Transition","isOpen","unmountOnExit","fade","CheckCircleIcon","success200","success","marginTop","deleteFile","DeleteIcon","_file$processor","processor","InverseContext","Provider","value","testId","role","_extends","behavior","FlexBehavior","container","alignItems","FlexAlignItems","center","item","ErrorIcon","startsWith","xs","name","marginLeft","percent","slice","map","_ref11","code","_formatError","error","constraints","byteLabel","Array","isArray","length","messageSuffix","join","message","formatError","_formatError$header","header","Fragment","danger200","Container","noDrag","_ref6$dragState","dragState","neutral400","_ref7$dragState","transparentize","neutral900","neutral200","HelperMessage","neutral700","Wrapper","_ref12","_ref13","_ref14","spaceScale","spacing01","Dropzone","containerStyle","disabled","helperMessage","defaultId","id","inputSize","isLabelVisuallyHidden","labelStyle","labelText","maxFiles","minFiles","_props$multiple","multiple","_props$noDrag","onSendFile","_props$sendFiles","sendFiles","_props$thumbnails","_React$useState","files","setFiles","_React$useState2","errorMessage","setErrorMessage","useGenerateId","onDrop","useCallback","acceptedFiles","rejectedFiles","concat","Object","assign","URL","createObjectURL","_ref15","_useDropzone","useDropzone","noClick","getInputProps","getRootProps","isDragAccept","isDragActive","isDragReject","open","inputRef","useImperativeHandle","current","inputProps","removedFile","filter","setProgress","setFinished","setError","forEach","revokeObjectURL","minFileError","maxFileError","onError","onFinish","onProgress","FormFieldContainer","actionable","fieldId","messageStyle","minHeight","tabIndex","autoComplete","onChange","Button","margin","browseFiles","CloudUploadIcon","dragMessage","solid"],"mappings":"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"}