@unite-us/app-create-referral 0.15.56 → 0.15.57

package/dist/common/form/FileUploadV2/FileUpload.js

@@ -131,7 +131,7 @@ export var FileUpload = function FileUpload(_ref) {
       className: 'text-sm text-validation-red list-disc mt-1'
     }, file);
   }))) : null, /*#__PURE__*/React.createElement("div", _extends({}, getRootProps(), {
-    className: "file-upload-dropzone mb-3 mt-5"
+    className: "file-upload-dropzone mb-3 mt-5 w-full"
   }), /*#__PURE__*/React.createElement("div", {
     className: "file-upload-dropzone__preview"
   }, /*#__PURE__*/React.createElement("div", {
@@ -141,11 +141,9 @@ export var FileUpload = function FileUpload(_ref) {
     icon: 'V2Upload',
     size: 16,
     color: 'none'
-  })), /*#__PURE__*/React.createElement("button", {
-    className: "mb-2 text-base text-dark-blue",
-    type: "button",
-    tabIndex: "0"
-  }, "Drag and drop files or ", /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "mb-2 text-base text-dark-blue"
+  }, "Drag and drop files or ", /*#__PURE__*/React.createElement("button", {
     className: "text-current-blue text-base"
   }, "Browse")), /*#__PURE__*/React.createElement("p", {
     className: "text-xs"

package/dist/common/form/FileUploadV2/FileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.js","names":["React","PropTypes","useDropzone","Icon","generateUUID","FilePreviewWrapper","ACCEPTED_FILE_TYPES","MAX_FILE_SIZE","FileUpload","_ref","rejectedFiles","uploadedFiles","setRejectedFiles","setUploadedFiles","onDrop","acceptedFiles","fileUploadWithIdAndPreview","map","file","tempId","preview","URL","createObjectURL","filesTooBig","filesWrongType","concat","_toConsumableArray","onDropRejected","fileRejections","_fileRejections$reduc","reduce","acc","rejectedFile","size","includes","type","_objectSpread","filesTooBigAndWrongType","name","_useDropzone","accept","maxSize","getRootProps","getInputProps","_rejectedFiles$filesT","_rejectedFiles$filesW","_rejectedFiles$filesT2","createElement","Fragment","length","className","icon","key","_extends","color","tabIndex","propTypes","object","isRequired","array","func"],"sources":["../../../../src/common/form/FileUploadV2/FileUpload.jsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { useDropzone } from 'react-dropzone';\nimport { Icon } from '@unite-us/ui';\nimport { generateUUID } from '../../utils/utils';\nimport FilePreviewWrapper from './components/FilePreviewWrapper';\nimport './stylesheets/FileUpload.scss';\n\nconst ACCEPTED_FILE_TYPES = `text/csv, application/msword,\napplication/vnd.openxmlformats-officedocument.wordprocessingml.document,\napplication/pdf, application/rtf, text/rtf, application/x-rtf, text/plain,\napplication/excel, application/vnd.ms-excel, application/x-excel, application/x-msexcel,\napplication/vnd.openxmlformats-officedocument.spreadsheetml.sheet,\napplication/vnd.ms-excel.sheet.binary.macroEnabled.12,\napplication/vnd.ms-excel,\napplication/vnd.ms-excel.sheet.macroEnabled.12,\nimage/gif, image/jpg, image/jpeg, image/png, audio/mpeg, audio/m4a,\naudio/x-m4a, audio/wav, audio/x-wav, audio/x-ms-wma, video/x-ms-wma`;\nconst MAX_FILE_SIZE = 10000000;\n\nexport const FileUpload = ({\n  rejectedFiles,\n  uploadedFiles,\n  setRejectedFiles,\n  setUploadedFiles,\n}) => {\n  const onDrop = (acceptedFiles) => {\n    const fileUploadWithIdAndPreview = acceptedFiles.map((file) => ({\n      file,\n      tempId: generateUUID(),\n      preview: URL.createObjectURL(file),\n    }));\n\n    setRejectedFiles({ filesTooBig: [], filesWrongType: [] });\n    setUploadedFiles([...uploadedFiles, ...fileUploadWithIdAndPreview]);\n  };\n\n  const onDropRejected = (fileRejections) => {\n    const { filesTooBig, filesWrongType, filesTooBigAndWrongType } = fileRejections.reduce((acc, rejectedFile) => {\n      if (rejectedFile.size > MAX_FILE_SIZE && !ACCEPTED_FILE_TYPES.includes(rejectedFile.type)) {\n        return { ...acc, filesTooBigAndWrongType: [...acc.filesTooBigAndWrongType, rejectedFile.name] };\n      }\n\n      if (rejectedFile.size > MAX_FILE_SIZE) {\n        return { ...acc, filesTooBig: [...acc.filesTooBig, rejectedFile.name] };\n      }\n\n      if (!ACCEPTED_FILE_TYPES.includes(rejectedFile.type)) {\n        return { ...acc, filesWrongType: [...acc.filesWrongType, rejectedFile.name] };\n      }\n\n      return acc;\n    }, { filesTooBig: [], filesWrongType: [], filesTooBigAndWrongType: [] });\n\n    setRejectedFiles({ filesTooBig, filesWrongType, filesTooBigAndWrongType });\n  };\n\n  const { getRootProps, getInputProps } = useDropzone({\n    accept: ACCEPTED_FILE_TYPES,\n    maxSize: MAX_FILE_SIZE,\n    onDrop,\n    onDropRejected,\n  });\n\n  const { filesTooBig = [], filesWrongType = [], filesTooBigAndWrongType = [] } = rejectedFiles;\n\n  return (\n    <>\n      {\n        filesTooBigAndWrongType.length ? (\n          <div>\n            <div className=\"flex\">\n              <div>\n                <Icon\n                  className=\"mr-2 text-validation-red fill-current pb-1\"\n                  icon={'V2Warning'}\n                  size={14}\n                />\n              </div>\n              <div>\n                <div className={'text-sm text-validation-red'}>\n                  This file type is not supported and exceeds the maximum upload size of 10MB.\n                </div>\n                <div className={'text-sm text-validation-red mt-2'}>\n                  Accepted formats are CSV .DOC .DOCX .PDF .RTF .TXT .XLS .XLSX .GIF .JPG .JPEG .PNG .MP3 .M4A .WAV .WMA\n                </div>\n              </div>\n            </div>\n            <ul>\n              {\n                filesTooBigAndWrongType.map(\n                  (file) => <li key={file} className={'text-sm text-validation-red list-disc mt-1'}>{file}</li>,\n                )\n              }\n            </ul>\n          </div>\n        ) : null\n      }\n      {\n        filesWrongType.length ? (\n          <div className={`${filesTooBigAndWrongType.length ? 'mt-3' : ''}`}>\n            <div className=\"flex\">\n              <div>\n                <Icon\n                  className=\"mr-2 text-validation-red fill-current pb-1\"\n                  icon={'V2Warning'}\n                  size={14}\n                />\n              </div>\n              <span className={'text-sm text-validation-red'}>\n                This file type is not supported. Accepted formats are CSV .DOC .DOCX .PDF .RTF\n                .TXT .XLS .XLSX .GIF .JPG .JPEG .PNG .MP3 .M4A .WAV .WMA\n              </span>\n            </div>\n            <ul>\n              {\n                filesWrongType.map(\n                  (file) => <li key={file} className={'text-sm text-validation-red list-disc mt-1'}>{file}</li>,\n                )\n              }\n            </ul>\n          </div>\n        ) : null\n      }\n      {\n        filesTooBig.length ? (\n          <div className={`${(filesWrongType.length || filesTooBigAndWrongType.length) ? 'mt-3' : ''}`}>\n            <div className=\"flex\">\n              <div>\n                <Icon\n                  className=\"mr-2 text-validation-red fill-current pb-1\"\n                  icon={'V2Warning'}\n                  size={14}\n                />\n              </div>\n              <span className={'text-sm text-validation-red'}>\n                The following file exceeds the maximum upload size of 10MB\n              </span>\n            </div>\n            <ul>\n              {\n                filesTooBig.map((file) => (\n                  <li key={file} className={'text-sm text-validation-red list-disc mt-1'}>{file}</li>\n                ))\n              }\n            </ul>\n          </div>\n        ) : null\n      }\n      <div {...getRootProps()} className=\"file-upload-dropzone mb-3 mt-5\">\n        <div className=\"file-upload-dropzone__preview\">\n          <div className=\"text-center\">\n            <div>\n              <Icon\n                className=\"mb-3 text-dark-blue\"\n                icon={'V2Upload'}\n                size={16}\n                color={'none'}\n              />\n            </div>\n            <button\n              className=\"mb-2 text-base text-dark-blue\"\n              type=\"button\"\n              tabIndex=\"0\"\n            >\n              Drag and drop files or <span className=\"text-current-blue text-base\">Browse</span>\n            </button>\n            <p className=\"text-xs\">\n              Supported: csv, doc, docx, pdf, rtf, txt, xls, xlsx, gif, jpg, jpeg, png, mp3, m4a, wav, wma\n            </p>\n            <p className=\"text-xs\">Maximum file size: 10mb</p>\n          </div>\n          <FilePreviewWrapper uploadedFiles={uploadedFiles} />\n          <input {...getInputProps()} />\n        </div>\n      </div>\n    </>\n  );\n};\n\nFileUpload.propTypes = {\n  rejectedFiles: PropTypes.object.isRequired,\n  uploadedFiles: PropTypes.array.isRequired,\n  setRejectedFiles: PropTypes.func.isRequired,\n  setUploadedFiles: PropTypes.func.isRequired,\n};\n\nexport default FileUpload;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FileUpload.js","names":["React","PropTypes","useDropzone","Icon","generateUUID","FilePreviewWrapper","ACCEPTED_FILE_TYPES","MAX_FILE_SIZE","FileUpload","_ref","rejectedFiles","uploadedFiles","setRejectedFiles","setUploadedFiles","onDrop","acceptedFiles","fileUploadWithIdAndPreview","map","file","tempId","preview","URL","createObjectURL","filesTooBig","filesWrongType","concat","_toConsumableArray","onDropRejected","fileRejections","_fileRejections$reduc","reduce","acc","rejectedFile","size","includes","type","_objectSpread","filesTooBigAndWrongType","name","_useDropzone","accept","maxSize","getRootProps","getInputProps","_rejectedFiles$filesT","_rejectedFiles$filesW","_rejectedFiles$filesT2","createElement","Fragment","length","className","icon","key","_extends","color","propTypes","object","isRequired","array","func"],"sources":["../../../../src/common/form/FileUploadV2/FileUpload.jsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { useDropzone } from 'react-dropzone';\nimport { Icon } from '@unite-us/ui';\nimport { generateUUID } from '../../utils/utils';\nimport FilePreviewWrapper from './components/FilePreviewWrapper';\nimport './stylesheets/FileUpload.scss';\n\nconst ACCEPTED_FILE_TYPES = `text/csv, application/msword,\napplication/vnd.openxmlformats-officedocument.wordprocessingml.document,\napplication/pdf, application/rtf, text/rtf, application/x-rtf, text/plain,\napplication/excel, application/vnd.ms-excel, application/x-excel, application/x-msexcel,\napplication/vnd.openxmlformats-officedocument.spreadsheetml.sheet,\napplication/vnd.ms-excel.sheet.binary.macroEnabled.12,\napplication/vnd.ms-excel,\napplication/vnd.ms-excel.sheet.macroEnabled.12,\nimage/gif, image/jpg, image/jpeg, image/png, audio/mpeg, audio/m4a,\naudio/x-m4a, audio/wav, audio/x-wav, audio/x-ms-wma, video/x-ms-wma`;\nconst MAX_FILE_SIZE = 10000000;\n\nexport const FileUpload = ({\n  rejectedFiles,\n  uploadedFiles,\n  setRejectedFiles,\n  setUploadedFiles,\n}) => {\n  const onDrop = (acceptedFiles) => {\n    const fileUploadWithIdAndPreview = acceptedFiles.map((file) => ({\n      file,\n      tempId: generateUUID(),\n      preview: URL.createObjectURL(file),\n    }));\n\n    setRejectedFiles({ filesTooBig: [], filesWrongType: [] });\n    setUploadedFiles([...uploadedFiles, ...fileUploadWithIdAndPreview]);\n  };\n\n  const onDropRejected = (fileRejections) => {\n    const { filesTooBig, filesWrongType, filesTooBigAndWrongType } = fileRejections.reduce((acc, rejectedFile) => {\n      if (rejectedFile.size > MAX_FILE_SIZE && !ACCEPTED_FILE_TYPES.includes(rejectedFile.type)) {\n        return { ...acc, filesTooBigAndWrongType: [...acc.filesTooBigAndWrongType, rejectedFile.name] };\n      }\n\n      if (rejectedFile.size > MAX_FILE_SIZE) {\n        return { ...acc, filesTooBig: [...acc.filesTooBig, rejectedFile.name] };\n      }\n\n      if (!ACCEPTED_FILE_TYPES.includes(rejectedFile.type)) {\n        return { ...acc, filesWrongType: [...acc.filesWrongType, rejectedFile.name] };\n      }\n\n      return acc;\n    }, { filesTooBig: [], filesWrongType: [], filesTooBigAndWrongType: [] });\n\n    setRejectedFiles({ filesTooBig, filesWrongType, filesTooBigAndWrongType });\n  };\n\n  const { getRootProps, getInputProps } = useDropzone({\n    accept: ACCEPTED_FILE_TYPES,\n    maxSize: MAX_FILE_SIZE,\n    onDrop,\n    onDropRejected,\n  });\n\n  const { filesTooBig = [], filesWrongType = [], filesTooBigAndWrongType = [] } = rejectedFiles;\n\n  return (\n    <>\n      {\n        filesTooBigAndWrongType.length ? (\n          <div>\n            <div className=\"flex\">\n              <div>\n                <Icon\n                  className=\"mr-2 text-validation-red fill-current pb-1\"\n                  icon={'V2Warning'}\n                  size={14}\n                />\n              </div>\n              <div>\n                <div className={'text-sm text-validation-red'}>\n                  This file type is not supported and exceeds the maximum upload size of 10MB.\n                </div>\n                <div className={'text-sm text-validation-red mt-2'}>\n                  Accepted formats are CSV .DOC .DOCX .PDF .RTF .TXT .XLS .XLSX .GIF .JPG .JPEG .PNG .MP3 .M4A .WAV .WMA\n                </div>\n              </div>\n            </div>\n            <ul>\n              {\n                filesTooBigAndWrongType.map(\n                  (file) => <li key={file} className={'text-sm text-validation-red list-disc mt-1'}>{file}</li>,\n                )\n              }\n            </ul>\n          </div>\n        ) : null\n      }\n      {\n        filesWrongType.length ? (\n          <div className={`${filesTooBigAndWrongType.length ? 'mt-3' : ''}`}>\n            <div className=\"flex\">\n              <div>\n                <Icon\n                  className=\"mr-2 text-validation-red fill-current pb-1\"\n                  icon={'V2Warning'}\n                  size={14}\n                />\n              </div>\n              <span className={'text-sm text-validation-red'}>\n                This file type is not supported. Accepted formats are CSV .DOC .DOCX .PDF .RTF\n                .TXT .XLS .XLSX .GIF .JPG .JPEG .PNG .MP3 .M4A .WAV .WMA\n              </span>\n            </div>\n            <ul>\n              {\n                filesWrongType.map(\n                  (file) => <li key={file} className={'text-sm text-validation-red list-disc mt-1'}>{file}</li>,\n                )\n              }\n            </ul>\n          </div>\n        ) : null\n      }\n      {\n        filesTooBig.length ? (\n          <div className={`${(filesWrongType.length || filesTooBigAndWrongType.length) ? 'mt-3' : ''}`}>\n            <div className=\"flex\">\n              <div>\n                <Icon\n                  className=\"mr-2 text-validation-red fill-current pb-1\"\n                  icon={'V2Warning'}\n                  size={14}\n                />\n              </div>\n              <span className={'text-sm text-validation-red'}>\n                The following file exceeds the maximum upload size of 10MB\n              </span>\n            </div>\n            <ul>\n              {\n                filesTooBig.map((file) => (\n                  <li key={file} className={'text-sm text-validation-red list-disc mt-1'}>{file}</li>\n                ))\n              }\n            </ul>\n          </div>\n        ) : null\n      }\n      <div {...getRootProps()} className=\"file-upload-dropzone mb-3 mt-5 w-full\">\n        <div className=\"file-upload-dropzone__preview\">\n          <div className=\"text-center\">\n            <div>\n              <Icon\n                className=\"mb-3 text-dark-blue\"\n                icon={'V2Upload'}\n                size={16}\n                color={'none'}\n              />\n            </div>\n            <div\n              className=\"mb-2 text-base text-dark-blue\"\n            >\n              Drag and drop files or <button className=\"text-current-blue text-base\">Browse</button>\n            </div>\n            <p className=\"text-xs\">\n              Supported: csv, doc, docx, pdf, rtf, txt, xls, xlsx, gif, jpg, jpeg, png, mp3, m4a, wav, wma\n            </p>\n            <p className=\"text-xs\">Maximum file size: 10mb</p>\n          </div>\n          <FilePreviewWrapper uploadedFiles={uploadedFiles} />\n          <input {...getInputProps()} />\n        </div>\n      </div>\n    </>\n  );\n};\n\nFileUpload.propTypes = {\n  rejectedFiles: PropTypes.object.isRequired,\n  uploadedFiles: PropTypes.array.isRequired,\n  setRejectedFiles: PropTypes.func.isRequired,\n  setUploadedFiles: PropTypes.func.isRequired,\n};\n\nexport default FileUpload;\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unite-us/app-create-referral",
-  "version": "0.15.56",
+  "version": "0.15.57",
   "main": "./dist/index.js",
   "author": "Alex Morales",
   "dependencies": {