@unite-us/app-create-referral 0.15.62 → 0.15.63
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.
- package/dist/AppReferrals.js +45 -45
- package/dist/AppReferrals.js.map +1 -1
- package/dist/AppReferrals.test.js +34 -60
- package/dist/AppReferrals.test.js.map +1 -1
- package/dist/__testUtils__/mockData/components/mockAppReferrals.js +13 -12
- package/dist/__testUtils__/mockData/components/mockAppReferrals.js.map +1 -1
- package/dist/__testUtils__/mockData/mockCases.js +1 -1
- package/dist/__testUtils__/mockData/mockCases.js.map +1 -1
- package/dist/__testUtils__/mockData/mockClinicalModifications.js +3 -3
- package/dist/__testUtils__/mockData/mockClinicalModifications.js.map +1 -1
- package/dist/__testUtils__/mockData/mockEmployees.js +1 -1
- package/dist/__testUtils__/mockData/mockEmployees.js.map +1 -1
- package/dist/__testUtils__/mockData/mockEnums.js +1 -1
- package/dist/__testUtils__/mockData/mockEnums.js.map +1 -1
- package/dist/__testUtils__/mockData/mockFeeSchedulePrograms.js +1 -1
- package/dist/__testUtils__/mockData/mockFeeSchedulePrograms.js.map +1 -1
- package/dist/__testUtils__/mockData/mockFiles.js +1 -1
- package/dist/__testUtils__/mockData/mockFiles.js.map +1 -1
- package/dist/__testUtils__/mockData/mockFormSubmissions.js +1 -1
- package/dist/__testUtils__/mockData/mockFormSubmissions.js.map +1 -1
- package/dist/__testUtils__/mockData/mockFormUsages.js +1 -1
- package/dist/__testUtils__/mockData/mockFormUsages.js.map +1 -1
- package/dist/__testUtils__/mockData/mockForms.js +1 -1
- package/dist/__testUtils__/mockData/mockForms.js.map +1 -1
- package/dist/__testUtils__/mockData/mockInsurances.js +1 -1
- package/dist/__testUtils__/mockData/mockInsurances.js.map +1 -1
- package/dist/__testUtils__/mockData/mockNetworks.js +1 -1
- package/dist/__testUtils__/mockData/mockNetworks.js.map +1 -1
- package/dist/__testUtils__/mockData/mockPeople.js +1 -1
- package/dist/__testUtils__/mockData/mockPeople.js.map +1 -1
- package/dist/__testUtils__/mockData/mockPrograms.js +31 -31
- package/dist/__testUtils__/mockData/mockPrograms.js.map +1 -1
- package/dist/__testUtils__/mockData/mockProviders.js +21 -21
- package/dist/__testUtils__/mockData/mockProviders.js.map +1 -1
- package/dist/__testUtils__/mockData/mockReferrals.js +1 -1
- package/dist/__testUtils__/mockData/mockReferrals.js.map +1 -1
- package/dist/__testUtils__/mockData/mockServiceAuthorizations.js +1 -1
- package/dist/__testUtils__/mockData/mockServiceAuthorizations.js.map +1 -1
- package/dist/__testUtils__/mockData/mockServices.js +1 -1
- package/dist/__testUtils__/mockData/mockServices.js.map +1 -1
- package/dist/__testUtils__/mockData/mockUnlistedPrograms.js +1 -1
- package/dist/__testUtils__/mockData/mockUnlistedPrograms.js.map +1 -1
- package/dist/__testUtils__/mockData/utils.js +218 -282
- package/dist/__testUtils__/mockData/utils.js.map +1 -1
- package/dist/__testUtils__/mockServer/handlers.js +80 -82
- package/dist/__testUtils__/mockServer/handlers.js.map +1 -1
- package/dist/__testUtils__/mockServer/server.js +7 -13
- package/dist/__testUtils__/mockServer/server.js.map +1 -1
- package/dist/__testUtils__/test-utils.js +22 -18
- package/dist/__testUtils__/test-utils.js.map +1 -1
- package/dist/actions/Document/Contact/Group/fetchCaseDocuments.js +10 -32
- package/dist/actions/Document/Contact/Group/fetchCaseDocuments.js.map +1 -1
- package/dist/actions/Document/Contact/Group/fetchContactDocuments.js +10 -32
- package/dist/actions/Document/Contact/Group/fetchContactDocuments.js.map +1 -1
- package/dist/actions/Document/Contact/Group/fileUploadUtils.js +8 -10
- package/dist/actions/Document/Contact/Group/fileUploadUtils.js.map +1 -1
- package/dist/actions/Group/fetchCoreGroupForms.js +46 -88
- package/dist/actions/Group/fetchCoreGroupForms.js.map +1 -1
- package/dist/actions/Referral/cannotMoveToReferralReasons.js +23 -21
- package/dist/actions/Referral/cannotMoveToReferralReasons.js.map +1 -1
- package/dist/actions/Referral/fetchCoreServices.js +70 -152
- package/dist/actions/Referral/fetchCoreServices.js.map +1 -1
- package/dist/actions/Referral/fetchNetworks.js +11 -35
- package/dist/actions/Referral/fetchNetworks.js.map +1 -1
- package/dist/actions/Referral/fetchPrimaryWorkers.js +51 -75
- package/dist/actions/Referral/fetchPrimaryWorkers.js.map +1 -1
- package/dist/actions/Referral/removeReferralProgram.js +10 -15
- package/dist/actions/Referral/removeReferralProgram.js.map +1 -1
- package/dist/api/ApiHooks.js +40 -39
- package/dist/api/ApiHooks.js.map +1 -1
- package/dist/api/config.js +20 -23
- package/dist/api/config.js.map +1 -1
- package/dist/common/form/CurrencyField/index.js +22 -21
- package/dist/common/form/CurrencyField/index.js.map +1 -1
- package/dist/common/form/DocumentUploader/components/ContactDocumentsSelector.js +51 -48
- package/dist/common/form/DocumentUploader/components/ContactDocumentsSelector.js.map +1 -1
- package/dist/common/form/DocumentUploader/components/DocumentsListView.js +14 -12
- package/dist/common/form/DocumentUploader/components/DocumentsListView.js.map +1 -1
- package/dist/common/form/DocumentUploader/components/ListViewDocument.js +21 -17
- package/dist/common/form/DocumentUploader/components/ListViewDocument.js.map +1 -1
- package/dist/common/form/ErrorMessage/index.js +17 -9
- package/dist/common/form/ErrorMessage/index.js.map +1 -1
- package/dist/common/form/FileUploadV2/FileUpload.js +159 -137
- package/dist/common/form/FileUploadV2/FileUpload.js.map +1 -1
- package/dist/common/form/FileUploadV2/components/FilePreview.js +8 -5
- package/dist/common/form/FileUploadV2/components/FilePreview.js.map +1 -1
- package/dist/common/form/FileUploadV2/components/FilePreviewWrapper.js +26 -21
- package/dist/common/form/FileUploadV2/components/FilePreviewWrapper.js.map +1 -1
- package/dist/common/form/FormForm/index.js +143 -186
- package/dist/common/form/FormForm/index.js.map +1 -1
- package/dist/common/utils/utils.js +3 -3
- package/dist/common/utils/utils.js.map +1 -1
- package/dist/components/Card.js +12 -8
- package/dist/components/Card.js.map +1 -1
- package/dist/components/CreateReferralContainer.js +21 -13
- package/dist/components/CreateReferralContainer.js.map +1 -1
- package/dist/components/DollarAmount.js +18 -14
- package/dist/components/DollarAmount.js.map +1 -1
- package/dist/components/ExpandableButton.js +21 -16
- package/dist/components/ExpandableButton.js.map +1 -1
- package/dist/components/NavButtons.js +57 -51
- package/dist/components/NavButtons.js.map +1 -1
- package/dist/components/ReferralStepper.js +44 -41
- package/dist/components/ReferralStepper.js.map +1 -1
- package/dist/components/SearchableField.js +121 -125
- package/dist/components/SearchableField.js.map +1 -1
- package/dist/components/StepHeader.js +25 -16
- package/dist/components/StepHeader.js.map +1 -1
- package/dist/components/Stepper.js +55 -51
- package/dist/components/Stepper.js.map +1 -1
- package/dist/components/modal/Dialog.js +141 -170
- package/dist/components/modal/Dialog.js.map +1 -1
- package/dist/components/modal/Overlay.js +2 -1
- package/dist/components/modal/Overlay.js.map +1 -1
- package/dist/components/service_authorization/AuthorizationSpendCard.js +72 -60
- package/dist/components/service_authorization/AuthorizationSpendCard.js.map +1 -1
- package/dist/components/service_authorization/CapsInfo.js +143 -120
- package/dist/components/service_authorization/CapsInfo.js.map +1 -1
- package/dist/components/service_authorization/CaseStatus.js +18 -14
- package/dist/components/service_authorization/CaseStatus.js.map +1 -1
- package/dist/components/service_authorization/PreviousAuthorizationRequestsDetails.js +121 -96
- package/dist/components/service_authorization/PreviousAuthorizationRequestsDetails.js.map +1 -1
- package/dist/components/service_authorization/ReferralAuthSpendExpandable.js +43 -43
- package/dist/components/service_authorization/ReferralAuthSpendExpandable.js.map +1 -1
- package/dist/components/service_authorization/ReferralAuthorizationRequestSummary.js +82 -65
- package/dist/components/service_authorization/ReferralAuthorizationRequestSummary.js.map +1 -1
- package/dist/components/service_authorization/Spend.js +10 -5
- package/dist/components/service_authorization/Spend.js.map +1 -1
- package/dist/components/service_authorization/formatShortDate.js +6 -6
- package/dist/components/service_authorization/formatShortDate.js.map +1 -1
- package/dist/components/service_authorization/messageConstants.js +2 -2
- package/dist/components/service_authorization/messageConstants.js.map +1 -1
- package/dist/components/spinners/OverlaySpinner/OverlaySpinner.js +34 -23
- package/dist/components/spinners/OverlaySpinner/OverlaySpinner.js.map +1 -1
- package/dist/components/spinners/Spinner/Spinner.js +33 -27
- package/dist/components/spinners/Spinner/Spinner.js.map +1 -1
- package/dist/constants/enums.js +1 -1
- package/dist/constants/enums.js.map +1 -1
- package/dist/constants/eventConstants.js +48 -48
- package/dist/constants/eventConstants.js.map +1 -1
- package/dist/constants/findEnumDisplayName.js +3 -3
- package/dist/constants/findEnumDisplayName.js.map +1 -1
- package/dist/constants.js +6 -6
- package/dist/constants.js.map +1 -1
- package/dist/context/AppCreateReferralProvider.js +25 -36
- package/dist/context/AppCreateReferralProvider.js.map +1 -1
- package/dist/context/state.js +2 -5
- package/dist/context/state.js.map +1 -1
- package/dist/context/withAppCreateReferralContext.js +9 -5
- package/dist/context/withAppCreateReferralContext.js.map +1 -1
- package/dist/hooks/__tests__/useCreateReferrals.test.js +456 -544
- package/dist/hooks/__tests__/useCreateReferrals.test.js.map +1 -1
- package/dist/hooks/sendReferral.js +155 -318
- package/dist/hooks/sendReferral.js.map +1 -1
- package/dist/hooks/useClinicalModificationOptions.js +24 -34
- package/dist/hooks/useClinicalModificationOptions.js.map +1 -1
- package/dist/hooks/useCreateReferrals.js +463 -706
- package/dist/hooks/useCreateReferrals.js.map +1 -1
- package/dist/hooks/useCreateResourceList.js +56 -66
- package/dist/hooks/useCreateResourceList.js.map +1 -1
- package/dist/hooks/useCreateShareEvent.js +18 -33
- package/dist/hooks/useCreateShareEvent.js.map +1 -1
- package/dist/hooks/useForwardReferral.js +78 -105
- package/dist/hooks/useForwardReferral.js.map +1 -1
- package/dist/hooks/usePerson.js +21 -40
- package/dist/hooks/usePerson.js.map +1 -1
- package/dist/hooks/useUpdateResourceList.js +34 -28
- package/dist/hooks/useUpdateResourceList.js.map +1 -1
- package/dist/pages/builder/AboutGroupedReferralsModal.js +48 -27
- package/dist/pages/builder/AboutGroupedReferralsModal.js.map +1 -1
- package/dist/pages/builder/AuthorizationSubform.js +143 -131
- package/dist/pages/builder/AuthorizationSubform.js.map +1 -1
- package/dist/pages/builder/ChooseOneServiceTypeModal.js +56 -53
- package/dist/pages/builder/ChooseOneServiceTypeModal.js.map +1 -1
- package/dist/pages/builder/DetailsDrawer.js +74 -72
- package/dist/pages/builder/DetailsDrawer.js.map +1 -1
- package/dist/pages/builder/LineItem.js +28 -25
- package/dist/pages/builder/LineItem.js.map +1 -1
- package/dist/pages/builder/NoReferralsDisplay.js +41 -29
- package/dist/pages/builder/NoReferralsDisplay.js.map +1 -1
- package/dist/pages/builder/ProgramHeader.js +33 -20
- package/dist/pages/builder/ProgramHeader.js.map +1 -1
- package/dist/pages/builder/ProgramMenu.js +19 -18
- package/dist/pages/builder/ProgramMenu.js.map +1 -1
- package/dist/pages/builder/ReferralBuilder.js +341 -435
- package/dist/pages/builder/ReferralBuilder.js.map +1 -1
- package/dist/pages/builder/ReferralBuilderForm.js +323 -383
- package/dist/pages/builder/ReferralBuilderForm.js.map +1 -1
- package/dist/pages/builder/ReferralCard.js +125 -99
- package/dist/pages/builder/ReferralCard.js.map +1 -1
- package/dist/pages/builder/ReferralProgramCard.js +109 -148
- package/dist/pages/builder/ReferralProgramCard.js.map +1 -1
- package/dist/pages/builder/ReferralProgramMenu.js +102 -116
- package/dist/pages/builder/ReferralProgramMenu.js.map +1 -1
- package/dist/pages/builder/__tests__/AuthRequiredClinicalCodes.test.js +99 -220
- package/dist/pages/builder/__tests__/AuthRequiredClinicalCodes.test.js.map +1 -1
- package/dist/pages/builder/__tests__/AuthRequiredNonFundedPrograms.test.js +48 -74
- package/dist/pages/builder/__tests__/AuthRequiredNonFundedPrograms.test.js.map +1 -1
- package/dist/pages/builder/__tests__/AuthorizationRequiredPrograms.test.js +74 -117
- package/dist/pages/builder/__tests__/AuthorizationRequiredPrograms.test.js.map +1 -1
- package/dist/pages/builder/__tests__/NonSensitiveGroupedPrograms.test.js +674 -1151
- package/dist/pages/builder/__tests__/NonSensitiveGroupedPrograms.test.js.map +1 -1
- package/dist/pages/builder/__tests__/NonSensitiveSingleProgram.test.js +305 -519
- package/dist/pages/builder/__tests__/NonSensitiveSingleProgram.test.js.map +1 -1
- package/dist/pages/builder/__tests__/ReferralBuilder.test.js +14 -33
- package/dist/pages/builder/__tests__/ReferralBuilder.test.js.map +1 -1
- package/dist/pages/builder/__tests__/SensitiveProviderGroupedPrograms.test.js +407 -727
- package/dist/pages/builder/__tests__/SensitiveProviderGroupedPrograms.test.js.map +1 -1
- package/dist/pages/builder/__tests__/SensitiveServiceGroupedPrograms.test.js +139 -227
- package/dist/pages/builder/__tests__/SensitiveServiceGroupedPrograms.test.js.map +1 -1
- package/dist/pages/builder/__tests__/SensitiveServiceSensitiveProviderGroupedPrograms.test.js +262 -461
- package/dist/pages/builder/__tests__/SensitiveServiceSensitiveProviderGroupedPrograms.test.js.map +1 -1
- package/dist/pages/builder/__tests__/SensitiveSingleProgram.test.js +273 -455
- package/dist/pages/builder/__tests__/SensitiveSingleProgram.test.js.map +1 -1
- package/dist/pages/builder/buildDraftState.js +21 -21
- package/dist/pages/builder/buildDraftState.js.map +1 -1
- package/dist/pages/builder/buildGroupedReferrals.js +80 -113
- package/dist/pages/builder/buildGroupedReferrals.js.map +1 -1
- package/dist/pages/builder/constants.js +12 -12
- package/dist/pages/builder/constants.js.map +1 -1
- package/dist/pages/builder/formatProgramDetail.js +152 -167
- package/dist/pages/builder/formatProgramDetail.js.map +1 -1
- package/dist/pages/builder/useBuildReferrals.js +95 -153
- package/dist/pages/builder/useBuildReferrals.js.map +1 -1
- package/dist/pages/builder/utils.js +84 -133
- package/dist/pages/builder/utils.js.map +1 -1
- package/dist/pages/review/DeleteReferralModal.js +45 -31
- package/dist/pages/review/DeleteReferralModal.js.map +1 -1
- package/dist/pages/review/DropdownMultiplesReferrals.js +75 -92
- package/dist/pages/review/DropdownMultiplesReferrals.js.map +1 -1
- package/dist/pages/review/ReferralsSent.js +200 -231
- package/dist/pages/review/ReferralsSent.js.map +1 -1
- package/dist/pages/review/Review.js +451 -544
- package/dist/pages/review/Review.js.map +1 -1
- package/dist/pages/review/__tests__/CallbackNotifications.test.js +46 -57
- package/dist/pages/review/__tests__/CallbackNotifications.test.js.map +1 -1
- package/dist/pages/review/__tests__/ReferralsSent.test.js +189 -333
- package/dist/pages/review/__tests__/ReferralsSent.test.js.map +1 -1
- package/dist/pages/review/__tests__/Review.test.js +380 -572
- package/dist/pages/review/__tests__/Review.test.js.map +1 -1
- package/dist/pages/review/__tests__/data.js +5 -5
- package/dist/pages/review/__tests__/data.js.map +1 -1
- package/dist/pages/review/constants.js +5 -5
- package/dist/pages/review/constants.js.map +1 -1
- package/dist/pages/supporting-info/SupportingInfo.js +123 -160
- package/dist/pages/supporting-info/SupportingInfo.js.map +1 -1
- package/dist/pages/supporting-info/__tests__/SupportingInfo.test.js +85 -146
- package/dist/pages/supporting-info/__tests__/SupportingInfo.test.js.map +1 -1
- package/dist/pages/supporting-info/__tests__/data.js +1 -1
- package/dist/pages/supporting-info/__tests__/data.js.map +1 -1
- package/dist/reportWebVitals.js +9 -7
- package/dist/reportWebVitals.js.map +1 -1
- package/dist/setupTests.js +8 -30
- package/dist/setupTests.js.map +1 -1
- package/dist/utils/__tests__/canChangeHoldReason.test.js +23 -23
- package/dist/utils/__tests__/canChangeHoldReason.test.js.map +1 -1
- package/dist/utils/__tests__/checkRoles.test.js +10 -10
- package/dist/utils/__tests__/checkRoles.test.js.map +1 -1
- package/dist/utils/canAccept.js +14 -9
- package/dist/utils/canAccept.js.map +1 -1
- package/dist/utils/canChangeHoldReason.js +16 -11
- package/dist/utils/canChangeHoldReason.js.map +1 -1
- package/dist/utils/canHoldForReview.js +13 -8
- package/dist/utils/canHoldForReview.js.map +1 -1
- package/dist/utils/canReject.js +21 -14
- package/dist/utils/canReject.js.map +1 -1
- package/dist/utils/checkRoles.js +10 -10
- package/dist/utils/checkRoles.js.map +1 -1
- package/dist/utils/getProgramServicesPayload.js +20 -20
- package/dist/utils/getProgramServicesPayload.js.map +1 -1
- package/dist/utils/hasUserRole.js +8 -8
- package/dist/utils/hasUserRole.js.map +1 -1
- package/dist/utils/isReferralForwarded.js +4 -2
- package/dist/utils/isReferralForwarded.js.map +1 -1
- package/dist/utils/referralToConsent.js +14 -19
- package/dist/utils/referralToConsent.js.map +1 -1
- package/dist/utils/useDebounce.js +7 -18
- package/dist/utils/useDebounce.js.map +1 -1
- package/dist/utils/useFeatureFlag.js +1 -1
- package/dist/utils/useFeatureFlag.js.map +1 -1
- package/dist/utils/validateCostAmount.js +4 -4
- package/dist/utils/validateCostAmount.js.map +1 -1
- package/dist/utils/validateUnitAmount.js +4 -4
- package/dist/utils/validateUnitAmount.js.map +1 -1
- package/package.json +63 -37
- package/.github/CODEOWNERS +0 -3
- package/.github/pull_request_template.md +0 -25
- package/.github/workflows/quality.yml +0 -44
- package/.github/workflows/semantic-release.yml +0 -26
- package/.nvmrc +0 -1
- package/babel.config.js +0 -11
- package/config-overrides.js +0 -8
|
@@ -1,19 +1,21 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import ListViewDocument from './ListViewDocument';
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
5
|
function DocumentsListView(_ref) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
className: "
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
6
|
+
let {
|
|
7
|
+
documents
|
|
8
|
+
} = _ref;
|
|
9
|
+
return /*#__PURE__*/_jsx("div", {
|
|
10
|
+
className: "documents-list-view detail-info__relationship",
|
|
11
|
+
children: /*#__PURE__*/_jsx("ul", {
|
|
12
|
+
className: "detail-info__relationship-files list-unstyled",
|
|
13
|
+
children: documents.map((doc, i) => /*#__PURE__*/_jsx(ListViewDocument, {
|
|
14
|
+
id: "document-".concat(i),
|
|
15
|
+
doc: doc
|
|
16
|
+
}, i))
|
|
17
|
+
})
|
|
18
|
+
});
|
|
17
19
|
}
|
|
18
20
|
DocumentsListView.propTypes = {
|
|
19
21
|
documents: PropTypes.array
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DocumentsListView.js","names":["React","PropTypes","ListViewDocument","DocumentsListView","_ref","documents","
|
|
1
|
+
{"version":3,"file":"DocumentsListView.js","names":["React","PropTypes","ListViewDocument","jsx","_jsx","DocumentsListView","_ref","documents","className","children","map","doc","i","id","concat","propTypes","array","defaultProps"],"sources":["../../../../../src/common/form/DocumentUploader/components/DocumentsListView.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ListViewDocument from './ListViewDocument';\n\nfunction DocumentsListView({ documents }) {\n return (\n <div className=\"documents-list-view detail-info__relationship\">\n <ul className=\"detail-info__relationship-files list-unstyled\">{\n documents.map((doc, i) => (\n <ListViewDocument id={`document-${i}`} key={i} doc={doc} />\n ))\n }</ul>\n </div>\n );\n}\n\nDocumentsListView.propTypes = {\n documents: PropTypes.array,\n};\n\nDocumentsListView.defaultProps = {\n documents: [],\n};\n\nexport default DocumentsListView;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,gBAAgB,MAAM,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElD,SAASC,iBAAiBA,CAAAC,IAAA,EAAgB;EAAA,IAAf;IAAEC;EAAU,CAAC,GAAAD,IAAA;EACtC,oBACEF,IAAA;IAAKI,SAAS,EAAC,+CAA+C;IAAAC,QAAA,eAC5DL,IAAA;MAAII,SAAS,EAAC,+CAA+C;MAAAC,QAAA,EAC3DF,SAAS,CAACG,GAAG,CAAC,CAACC,GAAG,EAAEC,CAAC,kBACnBR,IAAA,CAACF,gBAAgB;QAACW,EAAE,cAAAC,MAAA,CAAcF,CAAC,CAAG;QAASD,GAAG,EAAEA;MAAI,GAAZC,CAAc,CAC3D;IAAC,CACC;EAAC,CACH,CAAC;AAEV;AAEAP,iBAAiB,CAACU,SAAS,GAAG;EAC5BR,SAAS,EAAEN,SAAS,CAACe;AACvB,CAAC;AAEDX,iBAAiB,CAACY,YAAY,GAAG;EAC/BV,SAAS,EAAE;AACb,CAAC;AAED,eAAeF,iBAAiB","ignoreList":[]}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import FileThumbnail from '@unite-us/client-utils/dist/FileThumbnail';
|
|
4
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
5
|
function ListViewDocument(_ref) {
|
|
5
|
-
|
|
6
|
-
|
|
6
|
+
let {
|
|
7
|
+
doc
|
|
8
|
+
} = _ref;
|
|
9
|
+
const openInNewWindow = url => {
|
|
7
10
|
window.open(url);
|
|
8
11
|
};
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
+
const documentTitle = doc.document.title || doc.document.name || 'Untitled';
|
|
13
|
+
const documentUrl = doc.document.url;
|
|
14
|
+
const iconStyle = {
|
|
12
15
|
svg: {
|
|
13
16
|
height: '16px',
|
|
14
17
|
width: '16px',
|
|
@@ -16,18 +19,19 @@ function ListViewDocument(_ref) {
|
|
|
16
19
|
fill: '#4A657F'
|
|
17
20
|
}
|
|
18
21
|
};
|
|
19
|
-
return /*#__PURE__*/
|
|
20
|
-
className: "list-view-document detail-upload"
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
22
|
+
return /*#__PURE__*/_jsxs("li", {
|
|
23
|
+
className: "list-view-document detail-upload",
|
|
24
|
+
children: [/*#__PURE__*/_jsx(FileThumbnail, {
|
|
25
|
+
contentType: doc.document.content_type,
|
|
26
|
+
style: iconStyle
|
|
27
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
28
|
+
className: "list-view-document__title",
|
|
29
|
+
children: documentUrl ? /*#__PURE__*/_jsx("a", {
|
|
30
|
+
onClick: () => openInNewWindow(documentUrl),
|
|
31
|
+
children: documentTitle
|
|
32
|
+
}) : documentTitle
|
|
33
|
+
})]
|
|
34
|
+
});
|
|
31
35
|
}
|
|
32
36
|
ListViewDocument.propTypes = {
|
|
33
37
|
doc: PropTypes.shape({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListViewDocument.js","names":["PropTypes","React","FileThumbnail","ListViewDocument","_ref","doc","openInNewWindow","url","window","open","documentTitle","document","title","name","documentUrl","iconStyle","svg","height","width","marginRight","fill","
|
|
1
|
+
{"version":3,"file":"ListViewDocument.js","names":["PropTypes","React","FileThumbnail","jsx","_jsx","jsxs","_jsxs","ListViewDocument","_ref","doc","openInNewWindow","url","window","open","documentTitle","document","title","name","documentUrl","iconStyle","svg","height","width","marginRight","fill","className","children","contentType","content_type","style","onClick","propTypes","shape","string","isRequired","id","pdf_url","object","defaultProps"],"sources":["../../../../../src/common/form/DocumentUploader/components/ListViewDocument.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport FileThumbnail from '@unite-us/client-utils/dist/FileThumbnail';\n\nfunction ListViewDocument({ doc }) {\n const openInNewWindow = (url) => {\n window.open(url);\n };\n\n const documentTitle = doc.document.title || doc.document.name || 'Untitled';\n const documentUrl = doc.document.url;\n\n const iconStyle = {\n svg: {\n height: '16px',\n width: '16px',\n marginRight: '10px',\n fill: '#4A657F',\n },\n };\n\n return (\n <li className=\"list-view-document detail-upload\">\n <FileThumbnail contentType={doc.document.content_type} style={iconStyle} />\n <div className=\"list-view-document__title\">\n {documentUrl ? (\n <a onClick={() => openInNewWindow(documentUrl)}>{documentTitle}</a>\n ) : (\n documentTitle\n )}\n </div>\n </li>\n );\n}\n\nListViewDocument.propTypes = {\n doc: PropTypes.shape({\n content_type: PropTypes.string.isRequired,\n id: PropTypes.string,\n name: PropTypes.string,\n pdf_url: PropTypes.string,\n title: PropTypes.string,\n url: PropTypes.string,\n }).isRequired,\n iconStyle: PropTypes.object.isRequired,\n id: PropTypes.string.isRequired,\n};\n\nListViewDocument.defaultProps = {\n iconStyle: {\n svg: {\n height: '16px',\n width: '16px',\n marginRight: '10px',\n fill: '#4A657F',\n },\n },\n};\n\nexport default ListViewDocument;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,aAAa,MAAM,2CAA2C;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtE,SAASC,gBAAgBA,CAAAC,IAAA,EAAU;EAAA,IAAT;IAAEC;EAAI,CAAC,GAAAD,IAAA;EAC/B,MAAME,eAAe,GAAIC,GAAG,IAAK;IAC/BC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC;EAClB,CAAC;EAED,MAAMG,aAAa,GAAGL,GAAG,CAACM,QAAQ,CAACC,KAAK,IAAIP,GAAG,CAACM,QAAQ,CAACE,IAAI,IAAI,UAAU;EAC3E,MAAMC,WAAW,GAAGT,GAAG,CAACM,QAAQ,CAACJ,GAAG;EAEpC,MAAMQ,SAAS,GAAG;IAChBC,GAAG,EAAE;MACHC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE,MAAM;MACbC,WAAW,EAAE,MAAM;MACnBC,IAAI,EAAE;IACR;EACF,CAAC;EAED,oBACElB,KAAA;IAAImB,SAAS,EAAC,kCAAkC;IAAAC,QAAA,gBAC9CtB,IAAA,CAACF,aAAa;MAACyB,WAAW,EAAElB,GAAG,CAACM,QAAQ,CAACa,YAAa;MAACC,KAAK,EAAEV;IAAU,CAAE,CAAC,eAC3Ef,IAAA;MAAKqB,SAAS,EAAC,2BAA2B;MAAAC,QAAA,EACvCR,WAAW,gBACVd,IAAA;QAAG0B,OAAO,EAAEA,CAAA,KAAMpB,eAAe,CAACQ,WAAW,CAAE;QAAAQ,QAAA,EAAEZ;MAAa,CAAI,CAAC,GAEnEA;IACD,CACE,CAAC;EAAA,CACJ,CAAC;AAET;AAEAP,gBAAgB,CAACwB,SAAS,GAAG;EAC3BtB,GAAG,EAAET,SAAS,CAACgC,KAAK,CAAC;IACnBJ,YAAY,EAAE5B,SAAS,CAACiC,MAAM,CAACC,UAAU;IACzCC,EAAE,EAAEnC,SAAS,CAACiC,MAAM;IACpBhB,IAAI,EAAEjB,SAAS,CAACiC,MAAM;IACtBG,OAAO,EAAEpC,SAAS,CAACiC,MAAM;IACzBjB,KAAK,EAAEhB,SAAS,CAACiC,MAAM;IACvBtB,GAAG,EAAEX,SAAS,CAACiC;EACjB,CAAC,CAAC,CAACC,UAAU;EACbf,SAAS,EAAEnB,SAAS,CAACqC,MAAM,CAACH,UAAU;EACtCC,EAAE,EAAEnC,SAAS,CAACiC,MAAM,CAACC;AACvB,CAAC;AAED3B,gBAAgB,CAAC+B,YAAY,GAAG;EAC9BnB,SAAS,EAAE;IACTC,GAAG,EAAE;MACHC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE,MAAM;MACbC,WAAW,EAAE,MAAM;MACnBC,IAAI,EAAE;IACR;EACF;AACF,CAAC;AAED,eAAejB,gBAAgB","ignoreList":[]}
|
|
@@ -1,15 +1,23 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { Icon } from '@unite-us/ui';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
4
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
+
const ErrorMessage = _ref => {
|
|
6
|
+
let {
|
|
7
|
+
children
|
|
8
|
+
} = _ref;
|
|
9
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
10
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
11
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
12
|
+
className: "fill-current text-red mr-1",
|
|
13
|
+
icon: "IconExclamationCircle",
|
|
14
|
+
size: 16
|
|
15
|
+
})
|
|
16
|
+
}), /*#__PURE__*/_jsx("p", {
|
|
17
|
+
className: "text-red text-13px",
|
|
18
|
+
children: children
|
|
19
|
+
})]
|
|
20
|
+
});
|
|
13
21
|
};
|
|
14
22
|
ErrorMessage.propTypes = {
|
|
15
23
|
children: PropTypes.node.isRequired
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","Icon","
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","Icon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ErrorMessage","_ref","children","className","icon","size","propTypes","node","isRequired"],"sources":["../../../../src/common/form/ErrorMessage/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Icon } from '@unite-us/ui';\n\nconst ErrorMessage = ({ children }) => (\n <>\n <div>\n <Icon \n className=\"fill-current text-red mr-1\"\n icon=\"IconExclamationCircle\"\n size={16}\n />\n </div>\n <p className=\"text-red text-13px\">\n {children}\n </p>\n </>\n);\n \n \nErrorMessage.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default ErrorMessage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpC,MAAMC,YAAY,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAAA,oBAChCF,KAAA,CAAAF,SAAA;IAAAK,QAAA,gBACEP,IAAA;MAAAO,QAAA,eACEP,IAAA,CAACF,IAAI;QACDU,SAAS,EAAC,4BAA4B;QACtCC,IAAI,EAAC,uBAAuB;QAC5BC,IAAI,EAAE;MAAG,CACZ;IAAC,CACC,CAAC,eACNV,IAAA;MAAGQ,SAAS,EAAC,oBAAoB;MAAAD,QAAA,EAC/BA;IAAQ,CACP,CAAC;EAAA,CACJ,CAAC;AAAA,CACJ;AAGDF,YAAY,CAACM,SAAS,GAAG;EACvBJ,QAAQ,EAAEV,SAAS,CAACe,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeR,YAAY","ignoreList":[]}
|
|
@@ -1,16 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
6
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
|
-
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
9
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
10
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
11
|
-
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
12
|
-
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
|
13
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
14
4
|
import React from 'react';
|
|
15
5
|
import { PropTypes } from 'prop-types';
|
|
16
6
|
import { useDropzone } from 'react-dropzone';
|
|
@@ -18,140 +8,172 @@ import { Icon } from '@unite-us/ui';
|
|
|
18
8
|
import { generateUUID } from '../../utils/utils';
|
|
19
9
|
import FilePreviewWrapper from './components/FilePreviewWrapper';
|
|
20
10
|
import './stylesheets/FileUpload.scss';
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
11
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
12
|
+
const 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";
|
|
13
|
+
const MAX_FILE_SIZE = 10000000;
|
|
14
|
+
export const FileUpload = _ref => {
|
|
15
|
+
let {
|
|
16
|
+
rejectedFiles,
|
|
17
|
+
uploadedFiles,
|
|
18
|
+
setRejectedFiles,
|
|
19
|
+
setUploadedFiles
|
|
20
|
+
} = _ref;
|
|
21
|
+
const onDrop = acceptedFiles => {
|
|
22
|
+
const fileUploadWithIdAndPreview = acceptedFiles.map(file => ({
|
|
23
|
+
file,
|
|
24
|
+
tempId: generateUUID(),
|
|
25
|
+
preview: URL.createObjectURL(file)
|
|
26
|
+
}));
|
|
36
27
|
setRejectedFiles({
|
|
37
28
|
filesTooBig: [],
|
|
38
29
|
filesWrongType: []
|
|
39
30
|
});
|
|
40
|
-
setUploadedFiles([
|
|
31
|
+
setUploadedFiles([...uploadedFiles, ...fileUploadWithIdAndPreview]);
|
|
41
32
|
};
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
return acc
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
filesTooBig
|
|
66
|
-
filesWrongType
|
|
67
|
-
filesTooBigAndWrongType
|
|
33
|
+
const onDropRejected = fileRejections => {
|
|
34
|
+
const {
|
|
35
|
+
filesTooBig,
|
|
36
|
+
filesWrongType,
|
|
37
|
+
filesTooBigAndWrongType
|
|
38
|
+
} = fileRejections.reduce((acc, rejectedFile) => {
|
|
39
|
+
if (rejectedFile.size > MAX_FILE_SIZE && !ACCEPTED_FILE_TYPES.includes(rejectedFile.type)) {
|
|
40
|
+
return _objectSpread(_objectSpread({}, acc), {}, {
|
|
41
|
+
filesTooBigAndWrongType: [...acc.filesTooBigAndWrongType, rejectedFile.name]
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
if (rejectedFile.size > MAX_FILE_SIZE) {
|
|
45
|
+
return _objectSpread(_objectSpread({}, acc), {}, {
|
|
46
|
+
filesTooBig: [...acc.filesTooBig, rejectedFile.name]
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
if (!ACCEPTED_FILE_TYPES.includes(rejectedFile.type)) {
|
|
50
|
+
return _objectSpread(_objectSpread({}, acc), {}, {
|
|
51
|
+
filesWrongType: [...acc.filesWrongType, rejectedFile.name]
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
return acc;
|
|
55
|
+
}, {
|
|
56
|
+
filesTooBig: [],
|
|
57
|
+
filesWrongType: [],
|
|
58
|
+
filesTooBigAndWrongType: []
|
|
59
|
+
});
|
|
68
60
|
setRejectedFiles({
|
|
69
|
-
filesTooBig
|
|
70
|
-
filesWrongType
|
|
71
|
-
filesTooBigAndWrongType
|
|
61
|
+
filesTooBig,
|
|
62
|
+
filesWrongType,
|
|
63
|
+
filesTooBigAndWrongType
|
|
72
64
|
});
|
|
73
65
|
};
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
filesWrongType =
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
return /*#__PURE__*/
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
66
|
+
const {
|
|
67
|
+
getRootProps,
|
|
68
|
+
getInputProps
|
|
69
|
+
} = useDropzone({
|
|
70
|
+
accept: ACCEPTED_FILE_TYPES,
|
|
71
|
+
maxSize: MAX_FILE_SIZE,
|
|
72
|
+
onDrop,
|
|
73
|
+
onDropRejected
|
|
74
|
+
});
|
|
75
|
+
const {
|
|
76
|
+
filesTooBig = [],
|
|
77
|
+
filesWrongType = [],
|
|
78
|
+
filesTooBigAndWrongType = []
|
|
79
|
+
} = rejectedFiles;
|
|
80
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
81
|
+
children: [filesTooBigAndWrongType.length ? /*#__PURE__*/_jsxs("div", {
|
|
82
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
83
|
+
className: "flex",
|
|
84
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
85
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
86
|
+
className: "mr-2 text-validation-red fill-current pb-1",
|
|
87
|
+
icon: 'V2Warning',
|
|
88
|
+
size: 14
|
|
89
|
+
})
|
|
90
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
91
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
92
|
+
className: 'text-sm text-validation-red',
|
|
93
|
+
children: "This file type is not supported and exceeds the maximum upload size of 10MB."
|
|
94
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
95
|
+
className: 'text-sm text-validation-red mt-2',
|
|
96
|
+
children: "Accepted formats are CSV .DOC .DOCX .PDF .RTF .TXT .XLS .XLSX .GIF .JPG .JPEG .PNG .MP3 .M4A .WAV .WMA"
|
|
97
|
+
})]
|
|
98
|
+
})]
|
|
99
|
+
}), /*#__PURE__*/_jsx("ul", {
|
|
100
|
+
children: filesTooBigAndWrongType.map(file => /*#__PURE__*/_jsx("li", {
|
|
101
|
+
className: 'text-sm text-validation-red list-disc mt-1',
|
|
102
|
+
children: file
|
|
103
|
+
}, file))
|
|
104
|
+
})]
|
|
105
|
+
}) : null, filesWrongType.length ? /*#__PURE__*/_jsxs("div", {
|
|
106
|
+
className: "".concat(filesTooBigAndWrongType.length ? 'mt-3' : ''),
|
|
107
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
108
|
+
className: "flex",
|
|
109
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
110
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
111
|
+
className: "mr-2 text-validation-red fill-current pb-1",
|
|
112
|
+
icon: 'V2Warning',
|
|
113
|
+
size: 14
|
|
114
|
+
})
|
|
115
|
+
}), /*#__PURE__*/_jsx("span", {
|
|
116
|
+
className: 'text-sm text-validation-red',
|
|
117
|
+
children: "This file type is not supported. Accepted formats are CSV .DOC .DOCX .PDF .RTF .TXT .XLS .XLSX .GIF .JPG .JPEG .PNG .MP3 .M4A .WAV .WMA"
|
|
118
|
+
})]
|
|
119
|
+
}), /*#__PURE__*/_jsx("ul", {
|
|
120
|
+
children: filesWrongType.map(file => /*#__PURE__*/_jsx("li", {
|
|
121
|
+
className: 'text-sm text-validation-red list-disc mt-1',
|
|
122
|
+
children: file
|
|
123
|
+
}, file))
|
|
124
|
+
})]
|
|
125
|
+
}) : null, filesTooBig.length ? /*#__PURE__*/_jsxs("div", {
|
|
126
|
+
className: "".concat(filesWrongType.length || filesTooBigAndWrongType.length ? 'mt-3' : ''),
|
|
127
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
128
|
+
className: "flex",
|
|
129
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
130
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
131
|
+
className: "mr-2 text-validation-red fill-current pb-1",
|
|
132
|
+
icon: 'V2Warning',
|
|
133
|
+
size: 14
|
|
134
|
+
})
|
|
135
|
+
}), /*#__PURE__*/_jsx("span", {
|
|
136
|
+
className: 'text-sm text-validation-red',
|
|
137
|
+
children: "The following file exceeds the maximum upload size of 10MB"
|
|
138
|
+
})]
|
|
139
|
+
}), /*#__PURE__*/_jsx("ul", {
|
|
140
|
+
children: filesTooBig.map(file => /*#__PURE__*/_jsx("li", {
|
|
141
|
+
className: 'text-sm text-validation-red list-disc mt-1',
|
|
142
|
+
children: file
|
|
143
|
+
}, file))
|
|
144
|
+
})]
|
|
145
|
+
}) : null, /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, getRootProps()), {}, {
|
|
146
|
+
className: "file-upload-dropzone mb-3 mt-5 w-full",
|
|
147
|
+
children: /*#__PURE__*/_jsxs("div", {
|
|
148
|
+
className: "file-upload-dropzone__preview",
|
|
149
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
150
|
+
className: "text-center",
|
|
151
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
152
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
153
|
+
className: "mb-3 text-dark-blue",
|
|
154
|
+
icon: 'V2Upload',
|
|
155
|
+
size: 16,
|
|
156
|
+
color: 'none'
|
|
157
|
+
})
|
|
158
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
159
|
+
className: "mb-2 text-base text-dark-blue",
|
|
160
|
+
children: ["Drag and drop files or ", /*#__PURE__*/_jsx("button", {
|
|
161
|
+
className: "text-current-blue text-base",
|
|
162
|
+
children: "Browse"
|
|
163
|
+
})]
|
|
164
|
+
}), /*#__PURE__*/_jsx("p", {
|
|
165
|
+
className: "text-xs",
|
|
166
|
+
children: "Supported: csv, doc, docx, pdf, rtf, txt, xls, xlsx, gif, jpg, jpeg, png, mp3, m4a, wav, wma"
|
|
167
|
+
}), /*#__PURE__*/_jsx("p", {
|
|
168
|
+
className: "text-xs",
|
|
169
|
+
children: "Maximum file size: 10mb"
|
|
170
|
+
})]
|
|
171
|
+
}), /*#__PURE__*/_jsx(FilePreviewWrapper, {
|
|
172
|
+
uploadedFiles: uploadedFiles
|
|
173
|
+
}), /*#__PURE__*/_jsx("input", _objectSpread({}, getInputProps()))]
|
|
174
|
+
})
|
|
175
|
+
}))]
|
|
176
|
+
});
|
|
155
177
|
};
|
|
156
178
|
FileUpload.propTypes = {
|
|
157
179
|
rejectedFiles: PropTypes.object.isRequired,
|
|
@@ -1 +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","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":[]}
|
|
1
|
+
{"version":3,"file":"FileUpload.js","names":["React","PropTypes","useDropzone","Icon","generateUUID","FilePreviewWrapper","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ACCEPTED_FILE_TYPES","MAX_FILE_SIZE","FileUpload","_ref","rejectedFiles","uploadedFiles","setRejectedFiles","setUploadedFiles","onDrop","acceptedFiles","fileUploadWithIdAndPreview","map","file","tempId","preview","URL","createObjectURL","filesTooBig","filesWrongType","onDropRejected","fileRejections","filesTooBigAndWrongType","reduce","acc","rejectedFile","size","includes","type","_objectSpread","name","getRootProps","getInputProps","accept","maxSize","children","length","className","icon","concat","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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,YAAY;AACtC,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,YAAY,QAAQ,mBAAmB;AAChD,OAAOC,kBAAkB,MAAM,iCAAiC;AAChE,OAAO,+BAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAEvC,MAAMC,mBAAmB,omBAS2C;AACpE,MAAMC,aAAa,GAAG,QAAQ;AAE9B,OAAO,MAAMC,UAAU,GAAGC,IAAA,IAKpB;EAAA,IALqB;IACzBC,aAAa;IACbC,aAAa;IACbC,gBAAgB;IAChBC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAMK,MAAM,GAAIC,aAAa,IAAK;IAChC,MAAMC,0BAA0B,GAAGD,aAAa,CAACE,GAAG,CAAEC,IAAI,KAAM;MAC9DA,IAAI;MACJC,MAAM,EAAErB,YAAY,CAAC,CAAC;MACtBsB,OAAO,EAAEC,GAAG,CAACC,eAAe,CAACJ,IAAI;IACnC,CAAC,CAAC,CAAC;IAEHN,gBAAgB,CAAC;MAAEW,WAAW,EAAE,EAAE;MAAEC,cAAc,EAAE;IAAG,CAAC,CAAC;IACzDX,gBAAgB,CAAC,CAAC,GAAGF,aAAa,EAAE,GAAGK,0BAA0B,CAAC,CAAC;EACrE,CAAC;EAED,MAAMS,cAAc,GAAIC,cAAc,IAAK;IACzC,MAAM;MAAEH,WAAW;MAAEC,cAAc;MAAEG;IAAwB,CAAC,GAAGD,cAAc,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,YAAY,KAAK;MAC5G,IAAIA,YAAY,CAACC,IAAI,GAAGxB,aAAa,IAAI,CAACD,mBAAmB,CAAC0B,QAAQ,CAACF,YAAY,CAACG,IAAI,CAAC,EAAE;QACzF,OAAAC,aAAA,CAAAA,aAAA,KAAYL,GAAG;UAAEF,uBAAuB,EAAE,CAAC,GAAGE,GAAG,CAACF,uBAAuB,EAAEG,YAAY,CAACK,IAAI;QAAC;MAC/F;MAEA,IAAIL,YAAY,CAACC,IAAI,GAAGxB,aAAa,EAAE;QACrC,OAAA2B,aAAA,CAAAA,aAAA,KAAYL,GAAG;UAAEN,WAAW,EAAE,CAAC,GAAGM,GAAG,CAACN,WAAW,EAAEO,YAAY,CAACK,IAAI;QAAC;MACvE;MAEA,IAAI,CAAC7B,mBAAmB,CAAC0B,QAAQ,CAACF,YAAY,CAACG,IAAI,CAAC,EAAE;QACpD,OAAAC,aAAA,CAAAA,aAAA,KAAYL,GAAG;UAAEL,cAAc,EAAE,CAAC,GAAGK,GAAG,CAACL,cAAc,EAAEM,YAAY,CAACK,IAAI;QAAC;MAC7E;MAEA,OAAON,GAAG;IACZ,CAAC,EAAE;MAAEN,WAAW,EAAE,EAAE;MAAEC,cAAc,EAAE,EAAE;MAAEG,uBAAuB,EAAE;IAAG,CAAC,CAAC;IAExEf,gBAAgB,CAAC;MAAEW,WAAW;MAAEC,cAAc;MAAEG;IAAwB,CAAC,CAAC;EAC5E,CAAC;EAED,MAAM;IAAES,YAAY;IAAEC;EAAc,CAAC,GAAGzC,WAAW,CAAC;IAClD0C,MAAM,EAAEhC,mBAAmB;IAC3BiC,OAAO,EAAEhC,aAAa;IACtBO,MAAM;IACNW;EACF,CAAC,CAAC;EAEF,MAAM;IAAEF,WAAW,GAAG,EAAE;IAAEC,cAAc,GAAG,EAAE;IAAEG,uBAAuB,GAAG;EAAG,CAAC,GAAGjB,aAAa;EAE7F,oBACEP,KAAA,CAAAE,SAAA;IAAAmC,QAAA,GAEIb,uBAAuB,CAACc,MAAM,gBAC5BtC,KAAA;MAAAqC,QAAA,gBACErC,KAAA;QAAKuC,SAAS,EAAC,MAAM;QAAAF,QAAA,gBACnBvC,IAAA;UAAAuC,QAAA,eACEvC,IAAA,CAACJ,IAAI;YACH6C,SAAS,EAAC,4CAA4C;YACtDC,IAAI,EAAE,WAAY;YAClBZ,IAAI,EAAE;UAAG,CACV;QAAC,CACC,CAAC,eACN5B,KAAA;UAAAqC,QAAA,gBACEvC,IAAA;YAAKyC,SAAS,EAAE,6BAA8B;YAAAF,QAAA,EAAC;UAE/C,CAAK,CAAC,eACNvC,IAAA;YAAKyC,SAAS,EAAE,kCAAmC;YAAAF,QAAA,EAAC;UAEpD,CAAK,CAAC;QAAA,CACH,CAAC;MAAA,CACH,CAAC,eACNvC,IAAA;QAAAuC,QAAA,EAEIb,uBAAuB,CAACV,GAAG,CACxBC,IAAI,iBAAKjB,IAAA;UAAeyC,SAAS,EAAE,4CAA6C;UAAAF,QAAA,EAAEtB;QAAI,GAApEA,IAAyE,CAC9F;MAAC,CAED,CAAC;IAAA,CACF,CAAC,GACJ,IAAI,EAGRM,cAAc,CAACiB,MAAM,gBACnBtC,KAAA;MAAKuC,SAAS,KAAAE,MAAA,CAAKjB,uBAAuB,CAACc,MAAM,GAAG,MAAM,GAAG,EAAE,CAAG;MAAAD,QAAA,gBAChErC,KAAA;QAAKuC,SAAS,EAAC,MAAM;QAAAF,QAAA,gBACnBvC,IAAA;UAAAuC,QAAA,eACEvC,IAAA,CAACJ,IAAI;YACH6C,SAAS,EAAC,4CAA4C;YACtDC,IAAI,EAAE,WAAY;YAClBZ,IAAI,EAAE;UAAG,CACV;QAAC,CACC,CAAC,eACN9B,IAAA;UAAMyC,SAAS,EAAE,6BAA8B;UAAAF,QAAA,EAAC;QAGhD,CAAM,CAAC;MAAA,CACJ,CAAC,eACNvC,IAAA;QAAAuC,QAAA,EAEIhB,cAAc,CAACP,GAAG,CACfC,IAAI,iBAAKjB,IAAA;UAAeyC,SAAS,EAAE,4CAA6C;UAAAF,QAAA,EAAEtB;QAAI,GAApEA,IAAyE,CAC9F;MAAC,CAED,CAAC;IAAA,CACF,CAAC,GACJ,IAAI,EAGRK,WAAW,CAACkB,MAAM,gBAChBtC,KAAA;MAAKuC,SAAS,KAAAE,MAAA,CAAMpB,cAAc,CAACiB,MAAM,IAAId,uBAAuB,CAACc,MAAM,GAAI,MAAM,GAAG,EAAE,CAAG;MAAAD,QAAA,gBAC3FrC,KAAA;QAAKuC,SAAS,EAAC,MAAM;QAAAF,QAAA,gBACnBvC,IAAA;UAAAuC,QAAA,eACEvC,IAAA,CAACJ,IAAI;YACH6C,SAAS,EAAC,4CAA4C;YACtDC,IAAI,EAAE,WAAY;YAClBZ,IAAI,EAAE;UAAG,CACV;QAAC,CACC,CAAC,eACN9B,IAAA;UAAMyC,SAAS,EAAE,6BAA8B;UAAAF,QAAA,EAAC;QAEhD,CAAM,CAAC;MAAA,CACJ,CAAC,eACNvC,IAAA;QAAAuC,QAAA,EAEIjB,WAAW,CAACN,GAAG,CAAEC,IAAI,iBACnBjB,IAAA;UAAeyC,SAAS,EAAE,4CAA6C;UAAAF,QAAA,EAAEtB;QAAI,GAApEA,IAAyE,CACnF;MAAC,CAEF,CAAC;IAAA,CACF,CAAC,GACJ,IAAI,eAEVjB,IAAA,QAAAiC,aAAA,CAAAA,aAAA,KAASE,YAAY,CAAC,CAAC;MAAEM,SAAS,EAAC,uCAAuC;MAAAF,QAAA,eACxErC,KAAA;QAAKuC,SAAS,EAAC,+BAA+B;QAAAF,QAAA,gBAC5CrC,KAAA;UAAKuC,SAAS,EAAC,aAAa;UAAAF,QAAA,gBAC1BvC,IAAA;YAAAuC,QAAA,eACEvC,IAAA,CAACJ,IAAI;cACH6C,SAAS,EAAC,qBAAqB;cAC/BC,IAAI,EAAE,UAAW;cACjBZ,IAAI,EAAE,EAAG;cACTc,KAAK,EAAE;YAAO,CACf;UAAC,CACC,CAAC,eACN1C,KAAA;YACEuC,SAAS,EAAC,+BAA+B;YAAAF,QAAA,GAC1C,yBACwB,eAAAvC,IAAA;cAAQyC,SAAS,EAAC,6BAA6B;cAAAF,QAAA,EAAC;YAAM,CAAQ,CAAC;UAAA,CACnF,CAAC,eACNvC,IAAA;YAAGyC,SAAS,EAAC,SAAS;YAAAF,QAAA,EAAC;UAEvB,CAAG,CAAC,eACJvC,IAAA;YAAGyC,SAAS,EAAC,SAAS;YAAAF,QAAA,EAAC;UAAuB,CAAG,CAAC;QAAA,CAC/C,CAAC,eACNvC,IAAA,CAACF,kBAAkB;UAACY,aAAa,EAAEA;QAAc,CAAE,CAAC,eACpDV,IAAA,UAAAiC,aAAA,KAAWG,aAAa,CAAC,CAAC,CAAG,CAAC;MAAA,CAC3B;IAAC,EACH,CAAC;EAAA,CACN,CAAC;AAEP,CAAC;AAED7B,UAAU,CAACsC,SAAS,GAAG;EACrBpC,aAAa,EAAEf,SAAS,CAACoD,MAAM,CAACC,UAAU;EAC1CrC,aAAa,EAAEhB,SAAS,CAACsD,KAAK,CAACD,UAAU;EACzCpC,gBAAgB,EAAEjB,SAAS,CAACuD,IAAI,CAACF,UAAU;EAC3CnC,gBAAgB,EAAElB,SAAS,CAACuD,IAAI,CAACF;AACnC,CAAC;AAED,eAAexC,UAAU","ignoreList":[]}
|
|
@@ -1,16 +1,19 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import FileThumbnail from '@unite-us/client-utils/dist/FileThumbnail';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
const FilePreview = _ref => {
|
|
6
|
+
let {
|
|
7
|
+
contentType,
|
|
8
|
+
preview
|
|
9
|
+
} = _ref;
|
|
7
10
|
if (/\bimage\b/.test(contentType)) {
|
|
8
|
-
return /*#__PURE__*/
|
|
11
|
+
return /*#__PURE__*/_jsx("img", {
|
|
9
12
|
src: preview,
|
|
10
13
|
alt: "preview"
|
|
11
14
|
});
|
|
12
15
|
}
|
|
13
|
-
return /*#__PURE__*/
|
|
16
|
+
return /*#__PURE__*/_jsx(FileThumbnail, {
|
|
14
17
|
contentType: contentType
|
|
15
18
|
});
|
|
16
19
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilePreview.js","names":["PropTypes","React","FileThumbnail","FilePreview","_ref","contentType","preview","test","
|
|
1
|
+
{"version":3,"file":"FilePreview.js","names":["PropTypes","React","FileThumbnail","jsx","_jsx","FilePreview","_ref","contentType","preview","test","src","alt","propTypes","string","isRequired"],"sources":["../../../../../src/common/form/FileUploadV2/components/FilePreview.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport FileThumbnail from '@unite-us/client-utils/dist/FileThumbnail';\n\nconst FilePreview = ({ contentType, preview }) => {\n if (/\\bimage\\b/.test(contentType)) {\n return <img src={preview} alt=\"preview\" />;\n }\n\n return <FileThumbnail contentType={contentType} />;\n};\n\nFilePreview.propTypes = {\n contentType: PropTypes.string.isRequired,\n preview: PropTypes.string,\n};\n\nexport default FilePreview;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,aAAa,MAAM,2CAA2C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtE,MAAMC,WAAW,GAAGC,IAAA,IAA8B;EAAA,IAA7B;IAAEC,WAAW;IAAEC;EAAQ,CAAC,GAAAF,IAAA;EAC3C,IAAI,WAAW,CAACG,IAAI,CAACF,WAAW,CAAC,EAAE;IACjC,oBAAOH,IAAA;MAAKM,GAAG,EAAEF,OAAQ;MAACG,GAAG,EAAC;IAAS,CAAE,CAAC;EAC5C;EAEA,oBAAOP,IAAA,CAACF,aAAa;IAACK,WAAW,EAAEA;EAAY,CAAE,CAAC;AACpD,CAAC;AAEDF,WAAW,CAACO,SAAS,GAAG;EACtBL,WAAW,EAAEP,SAAS,CAACa,MAAM,CAACC,UAAU;EACxCN,OAAO,EAAER,SAAS,CAACa;AACrB,CAAC;AAED,eAAeR,WAAW","ignoreList":[]}
|