@blaze-cms/plugin-media-ui 0.146.0-rc-eagle.0 → 0.146.0-rc-eagle-3.0
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/CHANGELOG.md +8 -1
- package/lib/components/CardMedia/CardMedia.js +96 -52
- package/lib/components/CardMedia/CardMedia.js.map +1 -1
- package/lib/components/EditMediaFile/EditMediaFile.js +24 -39
- package/lib/components/EditMediaFile/EditMediaFile.js.map +1 -1
- package/lib/components/EditMediaFile/EditMediaFilePage.js +16 -8
- package/lib/components/EditMediaFile/EditMediaFilePage.js.map +1 -1
- package/lib/components/FileList/useGetFiles/getFiles.js +6 -3
- package/lib/components/FileList/useGetFiles/getFiles.js.map +1 -1
- package/lib/components/FileList/useGetFiles/useGetFiles.js +7 -2
- package/lib/components/FileList/useGetFiles/useGetFiles.js.map +1 -1
- package/lib/components/FileList/useGetFilesList/useGetFilesList.js +4 -1
- package/lib/components/FileList/useGetFilesList/useGetFilesList.js.map +1 -1
- package/lib/components/FilePreview/Actions/index.js +2 -1
- package/lib/components/FilePreview/Actions/index.js.map +1 -1
- package/lib/components/FilePreview/Image/imageSchema.js +8 -4
- package/lib/components/FilePreview/Image/imageSchema.js.map +1 -1
- package/lib/components/FilePreview/PDF/schema.js +2 -1
- package/lib/components/FilePreview/PDF/schema.js.map +1 -1
- package/lib/components/FilePreview/index.js +47 -3
- package/lib/components/FilePreview/index.js.map +1 -1
- package/lib/components/FilePreview/previewDefault/previewDefaultSchema.js +2 -1
- package/lib/components/FilePreview/previewDefault/previewDefaultSchema.js.map +1 -1
- package/lib/components/FilePreviewReadOnly/FilePreviewReadOnly.js +2 -1
- package/lib/components/FilePreviewReadOnly/FilePreviewReadOnly.js.map +1 -1
- package/lib/components/FileUploadAdapter/FileList.js +2 -1
- package/lib/components/FileUploadAdapter/FileList.js.map +1 -1
- package/lib/components/FileUploadAdapter/FileUploadAdapter.js +35 -23
- package/lib/components/FileUploadAdapter/FileUploadAdapter.js.map +1 -1
- package/lib/components/FileUploadModal/FileUploadModal.js +82 -18
- package/lib/components/FileUploadModal/FileUploadModal.js.map +1 -1
- package/lib/components/FilterPanel/FilterPanel.js +43 -125
- package/lib/components/FilterPanel/FilterPanel.js.map +1 -1
- package/lib/components/FilterPanel/MediaSearchFilter.js +41 -0
- package/lib/components/FilterPanel/MediaSearchFilter.js.map +1 -0
- package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js +9 -5
- package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map +1 -1
- package/lib/components/ListingContainer/Listing/MediaListing/MediaListing.js +2 -1
- package/lib/components/ListingContainer/Listing/MediaListing/MediaListing.js.map +1 -1
- package/lib/components/ListingContainer/ListingContainer.js +6 -2
- package/lib/components/ListingContainer/ListingContainer.js.map +1 -1
- package/lib/components/MediaListing.js +2 -1
- package/lib/components/MediaListing.js.map +1 -1
- package/lib/constants.js +3 -2
- package/lib/constants.js.map +1 -1
- package/lib-es/components/CardMedia/CardMedia.js +276 -0
- package/lib-es/components/CardMedia/CardMedia.js.map +1 -0
- package/lib-es/components/CardMedia/index.js +3 -0
- package/lib-es/components/CardMedia/index.js.map +1 -0
- package/lib-es/components/EditMediaFile/EditMediaFile.js +171 -0
- package/lib-es/components/EditMediaFile/EditMediaFile.js.map +1 -0
- package/lib-es/components/EditMediaFile/EditMediaFilePage.js +116 -0
- package/lib-es/components/EditMediaFile/EditMediaFilePage.js.map +1 -0
- package/lib-es/components/EditMediaFile/index.js +3 -0
- package/lib-es/components/EditMediaFile/index.js.map +1 -0
- package/lib-es/components/EditorAdapter/EditorAdapter.js +59 -0
- package/lib-es/components/EditorAdapter/EditorAdapter.js.map +1 -0
- package/lib-es/components/EditorAdapter/index.js +3 -0
- package/lib-es/components/EditorAdapter/index.js.map +1 -0
- package/lib-es/components/FileList/FilesListContext/index.js +4 -0
- package/lib-es/components/FileList/FilesListContext/index.js.map +1 -0
- package/lib-es/components/FileList/FilesListProvider/index.js +36 -0
- package/lib-es/components/FileList/FilesListProvider/index.js.map +1 -0
- package/lib-es/components/FileList/useFileList/index.js +5 -0
- package/lib-es/components/FileList/useFileList/index.js.map +1 -0
- package/lib-es/components/FileList/useGetFiles/getFiles.js +182 -0
- package/lib-es/components/FileList/useGetFiles/getFiles.js.map +1 -0
- package/lib-es/components/FileList/useGetFiles/index.js +3 -0
- package/lib-es/components/FileList/useGetFiles/index.js.map +1 -0
- package/lib-es/components/FileList/useGetFiles/useGetFiles.js +119 -0
- package/lib-es/components/FileList/useGetFiles/useGetFiles.js.map +1 -0
- package/lib-es/components/FileList/useGetFilesList/getCounters.js +11 -0
- package/lib-es/components/FileList/useGetFilesList/getCounters.js.map +1 -0
- package/lib-es/components/FileList/useGetFilesList/index.js +3 -0
- package/lib-es/components/FileList/useGetFilesList/index.js.map +1 -0
- package/lib-es/components/FileList/useGetFilesList/useGetFilesList.js +175 -0
- package/lib-es/components/FileList/useGetFilesList/useGetFilesList.js.map +1 -0
- package/lib-es/components/FilePreview/Actions/index.js +38 -0
- package/lib-es/components/FilePreview/Actions/index.js.map +1 -0
- package/lib-es/components/FilePreview/Image/Image.js +40 -0
- package/lib-es/components/FilePreview/Image/Image.js.map +1 -0
- package/lib-es/components/FilePreview/Image/RawImage.js +31 -0
- package/lib-es/components/FilePreview/Image/RawImage.js.map +1 -0
- package/lib-es/components/FilePreview/Image/imageSchema.js +57 -0
- package/lib-es/components/FilePreview/Image/imageSchema.js.map +1 -0
- package/lib-es/components/FilePreview/Image/index.js +12 -0
- package/lib-es/components/FilePreview/Image/index.js.map +1 -0
- package/lib-es/components/FilePreview/ModalContext.js +3 -0
- package/lib-es/components/FilePreview/ModalContext.js.map +1 -0
- package/lib-es/components/FilePreview/PDF/PDF.js +49 -0
- package/lib-es/components/FilePreview/PDF/PDF.js.map +1 -0
- package/lib-es/components/FilePreview/PDF/RawPDF.js +33 -0
- package/lib-es/components/FilePreview/PDF/RawPDF.js.map +1 -0
- package/lib-es/components/FilePreview/PDF/index.js +12 -0
- package/lib-es/components/FilePreview/PDF/index.js.map +1 -0
- package/lib-es/components/FilePreview/PDF/schema.js +22 -0
- package/lib-es/components/FilePreview/PDF/schema.js.map +1 -0
- package/lib-es/components/FilePreview/get-preview.js +28 -0
- package/lib-es/components/FilePreview/get-preview.js.map +1 -0
- package/lib-es/components/FilePreview/index.js +148 -0
- package/lib-es/components/FilePreview/index.js.map +1 -0
- package/lib-es/components/FilePreview/previewDefault/PreviewDefault.js +41 -0
- package/lib-es/components/FilePreview/previewDefault/PreviewDefault.js.map +1 -0
- package/lib-es/components/FilePreview/previewDefault/RawPreviewDefault.js +39 -0
- package/lib-es/components/FilePreview/previewDefault/RawPreviewDefault.js.map +1 -0
- package/lib-es/components/FilePreview/previewDefault/icons/DefaultIcon.js +121 -0
- package/lib-es/components/FilePreview/previewDefault/icons/DefaultIcon.js.map +1 -0
- package/lib-es/components/FilePreview/previewDefault/icons/index.js +3 -0
- package/lib-es/components/FilePreview/previewDefault/icons/index.js.map +1 -0
- package/lib-es/components/FilePreview/previewDefault/index.js +12 -0
- package/lib-es/components/FilePreview/previewDefault/index.js.map +1 -0
- package/lib-es/components/FilePreview/previewDefault/previewDefaultSchema.js +26 -0
- package/lib-es/components/FilePreview/previewDefault/previewDefaultSchema.js.map +1 -0
- package/lib-es/components/FilePreviewReadOnly/FileList.js +18 -0
- package/lib-es/components/FilePreviewReadOnly/FileList.js.map +1 -0
- package/lib-es/components/FilePreviewReadOnly/FilePreviewList.js +22 -0
- package/lib-es/components/FilePreviewReadOnly/FilePreviewList.js.map +1 -0
- package/lib-es/components/FilePreviewReadOnly/FilePreviewReadOnly.js +68 -0
- package/lib-es/components/FilePreviewReadOnly/FilePreviewReadOnly.js.map +1 -0
- package/lib-es/components/FilePreviewReadOnly/index.js +3 -0
- package/lib-es/components/FilePreviewReadOnly/index.js.map +1 -0
- package/lib-es/components/FilePreviewReadOnly/mappers/format-initial-value.js +11 -0
- package/lib-es/components/FilePreviewReadOnly/mappers/format-initial-value.js.map +1 -0
- package/lib-es/components/FilePreviewReadOnly/mappers/index.js +3 -0
- package/lib-es/components/FilePreviewReadOnly/mappers/index.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/FileList.js +52 -0
- package/lib-es/components/FileUploadAdapter/FileList.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/FilePreviewList.js +22 -0
- package/lib-es/components/FileUploadAdapter/FilePreviewList.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/FileReorderList.js +32 -0
- package/lib-es/components/FileUploadAdapter/FileReorderList.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/FileReorderListItem.js +24 -0
- package/lib-es/components/FileUploadAdapter/FileReorderListItem.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/FileUploadAdapter.js +402 -0
- package/lib-es/components/FileUploadAdapter/FileUploadAdapter.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/index.js +3 -0
- package/lib-es/components/FileUploadAdapter/index.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/mappers/format-initial-value.js +11 -0
- package/lib-es/components/FileUploadAdapter/mappers/format-initial-value.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/mappers/get-button-text.js +11 -0
- package/lib-es/components/FileUploadAdapter/mappers/get-button-text.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/mappers/get-format.js +12 -0
- package/lib-es/components/FileUploadAdapter/mappers/get-format.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/mappers/get-number-files-pending-to-fetch.js +7 -0
- package/lib-es/components/FileUploadAdapter/mappers/get-number-files-pending-to-fetch.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/mappers/index.js +8 -0
- package/lib-es/components/FileUploadAdapter/mappers/index.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/mappers/is-unselecting.js +2 -0
- package/lib-es/components/FileUploadAdapter/mappers/is-unselecting.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/mappers/transform-to-array.js +2 -0
- package/lib-es/components/FileUploadAdapter/mappers/transform-to-array.js.map +1 -0
- package/lib-es/components/FileUploadAdapter/useLimit.js +13 -0
- package/lib-es/components/FileUploadAdapter/useLimit.js.map +1 -0
- package/lib-es/components/FileUploadModal/FileUploadModal.js +241 -0
- package/lib-es/components/FileUploadModal/FileUploadModal.js.map +1 -0
- package/lib-es/components/FileUploadModal/index.js +3 -0
- package/lib-es/components/FileUploadModal/index.js.map +1 -0
- package/lib-es/components/FilterPanel/FilterPanel.js +55 -0
- package/lib-es/components/FilterPanel/FilterPanel.js.map +1 -0
- package/lib-es/components/FilterPanel/MediaSearchFilter.js +34 -0
- package/lib-es/components/FilterPanel/MediaSearchFilter.js.map +1 -0
- package/lib-es/components/FilterPanel/index.js +3 -0
- package/lib-es/components/FilterPanel/index.js.map +1 -0
- package/lib-es/components/ListingContainer/Listing/Listing.js +70 -0
- package/lib-es/components/ListingContainer/Listing/Listing.js.map +1 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js +156 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map +1 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/index.js +3 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/index.js.map +1 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/MediaListing.js +33 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/MediaListing.js.map +1 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/index.js +3 -0
- package/lib-es/components/ListingContainer/Listing/MediaListing/index.js.map +1 -0
- package/lib-es/components/ListingContainer/Listing/index.js +3 -0
- package/lib-es/components/ListingContainer/Listing/index.js.map +1 -0
- package/lib-es/components/ListingContainer/ListingContainer.js +118 -0
- package/lib-es/components/ListingContainer/ListingContainer.js.map +1 -0
- package/lib-es/components/ListingContainer/index.js +3 -0
- package/lib-es/components/ListingContainer/index.js.map +1 -0
- package/lib-es/components/ListingContainer/mappers/exist-previous.js +3 -0
- package/lib-es/components/ListingContainer/mappers/exist-previous.js.map +1 -0
- package/lib-es/components/ListingContainer/mappers/index.js +3 -0
- package/lib-es/components/ListingContainer/mappers/index.js.map +1 -0
- package/lib-es/components/MediaListing.js +29 -0
- package/lib-es/components/MediaListing.js.map +1 -0
- package/lib-es/constants.js +37 -0
- package/lib-es/constants.js.map +1 -0
- package/lib-es/icons/MediaLibraryIcon.js +70 -0
- package/lib-es/icons/MediaLibraryIcon.js.map +1 -0
- package/lib-es/icons/index.js +3 -0
- package/lib-es/icons/index.js.map +1 -0
- package/lib-es/index.js +77 -0
- package/lib-es/index.js.map +1 -0
- package/lib-es/utils/available-filters/available-filters.js +26 -0
- package/lib-es/utils/available-filters/available-filters.js.map +1 -0
- package/lib-es/utils/bustUrl.js +7 -0
- package/lib-es/utils/bustUrl.js.map +1 -0
- package/lib-es/utils/media-context/index.js +4 -0
- package/lib-es/utils/media-context/index.js.map +1 -0
- package/lib-es/utils/media-context/media-context.js +6 -0
- package/lib-es/utils/media-context/media-context.js.map +1 -0
- package/lib-es/utils/media-context/useMediaContext.js +4 -0
- package/lib-es/utils/media-context/useMediaContext.js.map +1 -0
- package/package.json +16 -9
- package/src/components/CardMedia/CardMedia.js +119 -89
- package/src/components/EditMediaFile/EditMediaFile.js +20 -21
- package/src/components/EditMediaFile/EditMediaFilePage.js +12 -7
- package/src/components/FileList/useGetFiles/getFiles.js +12 -4
- package/src/components/FileList/useGetFiles/useGetFiles.js +3 -4
- package/src/components/FileList/useGetFilesList/useGetFilesList.js +2 -1
- package/src/components/FilePreview/Image/imageSchema.js +8 -4
- package/src/components/FilePreview/PDF/schema.js +2 -1
- package/src/components/FilePreview/index.js +36 -2
- package/src/components/FilePreview/previewDefault/previewDefaultSchema.js +2 -1
- package/src/components/FileUploadAdapter/FileUploadAdapter.js +24 -14
- package/src/components/FileUploadModal/FileUploadModal.js +71 -6
- package/src/components/FilterPanel/FilterPanel.js +44 -129
- package/src/components/FilterPanel/MediaSearchFilter.js +32 -0
- package/src/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js +7 -2
- package/src/components/ListingContainer/ListingContainer.js +4 -1
- package/src/constants.js +16 -2
- package/babel.config.js +0 -3
- package/jest.config.js +0 -5
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["formatInitialValue"],"sources":["../../../../src/components/FilePreviewReadOnly/mappers/index.js"],"sourcesContent":["import { formatInitialValue } from './format-initial-value';\n\nexport { formatInitialValue };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,wBAAwB;AAE3D,SAASA,kBAAkB","ignoreList":[]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import Button from '@blaze-react/button';
|
|
4
|
+
import FilePreviewList from './FilePreviewList';
|
|
5
|
+
import FileReorderList from './FileReorderList';
|
|
6
|
+
import { PREVIEW, REORDER, IMAGES } from '../../constants';
|
|
7
|
+
const FileList = ({
|
|
8
|
+
selectedFiles,
|
|
9
|
+
allFiles,
|
|
10
|
+
handleReorderFiles,
|
|
11
|
+
canDragAndDrop,
|
|
12
|
+
fetchMore,
|
|
13
|
+
children
|
|
14
|
+
}) => {
|
|
15
|
+
const [isReorderActive, setIsReorderActive] = useState(false);
|
|
16
|
+
const toggleMode = () => {
|
|
17
|
+
fetchMore(true);
|
|
18
|
+
setIsReorderActive(!isReorderActive);
|
|
19
|
+
};
|
|
20
|
+
useEffect(() => {
|
|
21
|
+
if (isReorderActive && selectedFiles.length > allFiles.length) fetchMore(true);
|
|
22
|
+
}, [selectedFiles] //eslint-disable-line
|
|
23
|
+
);
|
|
24
|
+
const totalImagesString = `${selectedFiles.length} ${IMAGES}`;
|
|
25
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
26
|
+
className: "FileUploadAdapter__header"
|
|
27
|
+
}, selectedFiles.length > 1 && /*#__PURE__*/React.createElement("p", {
|
|
28
|
+
className: "FileUploadAdapter FileUploadAdapter__preview-counter"
|
|
29
|
+
}, totalImagesString), canDragAndDrop && /*#__PURE__*/React.createElement(Button, {
|
|
30
|
+
onClick: toggleMode
|
|
31
|
+
}, isReorderActive ? PREVIEW : REORDER)), canDragAndDrop && isReorderActive ? /*#__PURE__*/React.createElement(FileReorderList, {
|
|
32
|
+
selectedFiles: selectedFiles,
|
|
33
|
+
handleReorderFiles: handleReorderFiles
|
|
34
|
+
}) : /*#__PURE__*/React.createElement(FilePreviewList, {
|
|
35
|
+
selectedFiles: selectedFiles
|
|
36
|
+
}, children));
|
|
37
|
+
};
|
|
38
|
+
FileList.propTypes = {
|
|
39
|
+
selectedFiles: PropTypes.array.isRequired,
|
|
40
|
+
fetchMore: PropTypes.func.isRequired,
|
|
41
|
+
handleReorderFiles: PropTypes.func.isRequired,
|
|
42
|
+
allFiles: PropTypes.array,
|
|
43
|
+
canDragAndDrop: PropTypes.bool,
|
|
44
|
+
children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])
|
|
45
|
+
};
|
|
46
|
+
FileList.defaultProps = {
|
|
47
|
+
children: [],
|
|
48
|
+
allFiles: [],
|
|
49
|
+
canDragAndDrop: false
|
|
50
|
+
};
|
|
51
|
+
export default FileList;
|
|
52
|
+
//# sourceMappingURL=FileList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileList.js","names":["React","useState","useEffect","PropTypes","Button","FilePreviewList","FileReorderList","PREVIEW","REORDER","IMAGES","FileList","selectedFiles","allFiles","handleReorderFiles","canDragAndDrop","fetchMore","children","isReorderActive","setIsReorderActive","toggleMode","length","totalImagesString","createElement","Fragment","className","onClick","propTypes","array","isRequired","func","bool","oneOfType","object","string","defaultProps"],"sources":["../../../src/components/FileUploadAdapter/FileList.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport FilePreviewList from './FilePreviewList';\nimport FileReorderList from './FileReorderList';\nimport { PREVIEW, REORDER, IMAGES } from '../../constants';\n\nconst FileList = ({\n selectedFiles,\n allFiles,\n handleReorderFiles,\n canDragAndDrop,\n fetchMore,\n children\n}) => {\n const [isReorderActive, setIsReorderActive] = useState(false);\n const toggleMode = () => {\n fetchMore(true);\n setIsReorderActive(!isReorderActive);\n };\n\n useEffect(\n () => {\n if (isReorderActive && selectedFiles.length > allFiles.length) fetchMore(true);\n },\n [selectedFiles] //eslint-disable-line\n );\n const totalImagesString = `${selectedFiles.length} ${IMAGES}`;\n\n return (\n <>\n <div className=\"FileUploadAdapter__header\">\n {selectedFiles.length > 1 && (\n <p className=\"FileUploadAdapter FileUploadAdapter__preview-counter\">\n {totalImagesString}\n </p>\n )}\n {canDragAndDrop && (\n <Button onClick={toggleMode}>{isReorderActive ? PREVIEW : REORDER}</Button>\n )}\n </div>\n\n {canDragAndDrop && isReorderActive ? (\n <FileReorderList selectedFiles={selectedFiles} handleReorderFiles={handleReorderFiles} />\n ) : (\n <FilePreviewList selectedFiles={selectedFiles}>{children}</FilePreviewList>\n )}\n </>\n );\n};\n\nFileList.propTypes = {\n selectedFiles: PropTypes.array.isRequired,\n fetchMore: PropTypes.func.isRequired,\n handleReorderFiles: PropTypes.func.isRequired,\n allFiles: PropTypes.array,\n canDragAndDrop: PropTypes.bool,\n children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFileList.defaultProps = {\n children: [],\n allFiles: [],\n canDragAndDrop: false\n};\n\nexport default FileList;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,OAAO,EAAEC,OAAO,EAAEC,MAAM,QAAQ,iBAAiB;AAE1D,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,aAAa;EACbC,QAAQ;EACRC,kBAAkB;EAClBC,cAAc;EACdC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EAC7D,MAAMkB,UAAU,GAAGA,CAAA,KAAM;IACvBJ,SAAS,CAAC,IAAI,CAAC;IACfG,kBAAkB,CAAC,CAACD,eAAe,CAAC;EACtC,CAAC;EAEDf,SAAS,CACP,MAAM;IACJ,IAAIe,eAAe,IAAIN,aAAa,CAACS,MAAM,GAAGR,QAAQ,CAACQ,MAAM,EAAEL,SAAS,CAAC,IAAI,CAAC;EAChF,CAAC,EACD,CAACJ,aAAa,CAAC,CAAC;EAClB,CAAC;EACD,MAAMU,iBAAiB,GAAG,GAAGV,aAAa,CAACS,MAAM,IAAIX,MAAM,EAAE;EAE7D,oBACET,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,qBACEvB,KAAA,CAAAsB,aAAA;IAAKE,SAAS,EAAC;EAA2B,GACvCb,aAAa,CAACS,MAAM,GAAG,CAAC,iBACvBpB,KAAA,CAAAsB,aAAA;IAAGE,SAAS,EAAC;EAAsD,GAChEH,iBACA,CACJ,EACAP,cAAc,iBACbd,KAAA,CAAAsB,aAAA,CAAClB,MAAM;IAACqB,OAAO,EAAEN;EAAW,GAAEF,eAAe,GAAGV,OAAO,GAAGC,OAAgB,CAEzE,CAAC,EAELM,cAAc,IAAIG,eAAe,gBAChCjB,KAAA,CAAAsB,aAAA,CAAChB,eAAe;IAACK,aAAa,EAAEA,aAAc;IAACE,kBAAkB,EAAEA;EAAmB,CAAE,CAAC,gBAEzFb,KAAA,CAAAsB,aAAA,CAACjB,eAAe;IAACM,aAAa,EAAEA;EAAc,GAAEK,QAA0B,CAE5E,CAAC;AAEP,CAAC;AAEDN,QAAQ,CAACgB,SAAS,GAAG;EACnBf,aAAa,EAAER,SAAS,CAACwB,KAAK,CAACC,UAAU;EACzCb,SAAS,EAAEZ,SAAS,CAAC0B,IAAI,CAACD,UAAU;EACpCf,kBAAkB,EAAEV,SAAS,CAAC0B,IAAI,CAACD,UAAU;EAC7ChB,QAAQ,EAAET,SAAS,CAACwB,KAAK;EACzBb,cAAc,EAAEX,SAAS,CAAC2B,IAAI;EAC9Bd,QAAQ,EAAEb,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAACwB,KAAK,EAAExB,SAAS,CAAC6B,MAAM,EAAE7B,SAAS,CAAC8B,MAAM,CAAC;AACrF,CAAC;AAEDvB,QAAQ,CAACwB,YAAY,GAAG;EACtBlB,QAAQ,EAAE,EAAE;EACZJ,QAAQ,EAAE,EAAE;EACZE,cAAc,EAAE;AAClB,CAAC;AAED,eAAeJ,QAAQ","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import FilePreview from '../FilePreview';
|
|
4
|
+
const FilePreviewList = ({
|
|
5
|
+
selectedFiles,
|
|
6
|
+
children
|
|
7
|
+
}) => /*#__PURE__*/React.createElement("div", {
|
|
8
|
+
className: "FileUploadAdapter__preview"
|
|
9
|
+
}, selectedFiles.map(file => /*#__PURE__*/React.createElement(FilePreview, {
|
|
10
|
+
key: file.id,
|
|
11
|
+
file: file,
|
|
12
|
+
previewType: FilePreview.availablePreviewTypes.raw
|
|
13
|
+
})), children);
|
|
14
|
+
FilePreviewList.propTypes = {
|
|
15
|
+
selectedFiles: PropTypes.array.isRequired,
|
|
16
|
+
children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])
|
|
17
|
+
};
|
|
18
|
+
FilePreviewList.defaultProps = {
|
|
19
|
+
children: []
|
|
20
|
+
};
|
|
21
|
+
export default FilePreviewList;
|
|
22
|
+
//# sourceMappingURL=FilePreviewList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilePreviewList.js","names":["React","PropTypes","FilePreview","FilePreviewList","selectedFiles","children","createElement","className","map","file","key","id","previewType","availablePreviewTypes","raw","propTypes","array","isRequired","oneOfType","object","string","defaultProps"],"sources":["../../../src/components/FileUploadAdapter/FilePreviewList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport FilePreview from '../FilePreview';\n\nconst FilePreviewList = ({ selectedFiles, children }) => (\n <div className=\"FileUploadAdapter__preview\">\n {selectedFiles.map(file => (\n <FilePreview key={file.id} file={file} previewType={FilePreview.availablePreviewTypes.raw} />\n ))}\n {children}\n </div>\n);\n\nFilePreviewList.propTypes = {\n selectedFiles: PropTypes.array.isRequired,\n children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFilePreviewList.defaultProps = {\n children: []\n};\n\nexport default FilePreviewList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,gBAAgB;AAExC,MAAMC,eAAe,GAAGA,CAAC;EAAEC,aAAa;EAAEC;AAAS,CAAC,kBAClDL,KAAA,CAAAM,aAAA;EAAKC,SAAS,EAAC;AAA4B,GACxCH,aAAa,CAACI,GAAG,CAACC,IAAI,iBACrBT,KAAA,CAAAM,aAAA,CAACJ,WAAW;EAACQ,GAAG,EAAED,IAAI,CAACE,EAAG;EAACF,IAAI,EAAEA,IAAK;EAACG,WAAW,EAAEV,WAAW,CAACW,qBAAqB,CAACC;AAAI,CAAE,CAC7F,CAAC,EACDT,QACE,CACN;AAEDF,eAAe,CAACY,SAAS,GAAG;EAC1BX,aAAa,EAAEH,SAAS,CAACe,KAAK,CAACC,UAAU;EACzCZ,QAAQ,EAAEJ,SAAS,CAACiB,SAAS,CAAC,CAACjB,SAAS,CAACe,KAAK,EAAEf,SAAS,CAACkB,MAAM,EAAElB,SAAS,CAACmB,MAAM,CAAC;AACrF,CAAC;AAEDjB,eAAe,CAACkB,YAAY,GAAG;EAC7BhB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,eAAe","ignoreList":[]}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import Nestable from '@blaze-react/dnd';
|
|
4
|
+
import FileReorderListItem from './FileReorderListItem';
|
|
5
|
+
const FileReorderList = ({
|
|
6
|
+
selectedFiles,
|
|
7
|
+
handleReorderFiles
|
|
8
|
+
}) => {
|
|
9
|
+
const handleOnChange = newOrder => {
|
|
10
|
+
handleReorderFiles(newOrder);
|
|
11
|
+
};
|
|
12
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
13
|
+
className: "FileUploadAdapter__reorder"
|
|
14
|
+
}, /*#__PURE__*/React.createElement(Nestable, {
|
|
15
|
+
onChange: newOrder => handleOnChange(newOrder),
|
|
16
|
+
childrenWrapperClassName: "add",
|
|
17
|
+
items: selectedFiles,
|
|
18
|
+
childrenProp: "selectedFiles",
|
|
19
|
+
renderItem: ({
|
|
20
|
+
item,
|
|
21
|
+
DragHandler
|
|
22
|
+
}) => /*#__PURE__*/React.createElement("div", {
|
|
23
|
+
className: "file-reorder"
|
|
24
|
+
}, /*#__PURE__*/React.createElement(DragHandler, null), /*#__PURE__*/React.createElement(FileReorderListItem, item))
|
|
25
|
+
}));
|
|
26
|
+
};
|
|
27
|
+
FileReorderList.propTypes = {
|
|
28
|
+
selectedFiles: PropTypes.array.isRequired,
|
|
29
|
+
handleReorderFiles: PropTypes.func.isRequired
|
|
30
|
+
};
|
|
31
|
+
export default FileReorderList;
|
|
32
|
+
//# sourceMappingURL=FileReorderList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileReorderList.js","names":["React","PropTypes","Nestable","FileReorderListItem","FileReorderList","selectedFiles","handleReorderFiles","handleOnChange","newOrder","createElement","className","onChange","childrenWrapperClassName","items","childrenProp","renderItem","item","DragHandler","propTypes","array","isRequired","func"],"sources":["../../../src/components/FileUploadAdapter/FileReorderList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Nestable from '@blaze-react/dnd';\nimport FileReorderListItem from './FileReorderListItem';\n\nconst FileReorderList = ({ selectedFiles, handleReorderFiles }) => {\n const handleOnChange = newOrder => {\n handleReorderFiles(newOrder);\n };\n\n return (\n <div className=\"FileUploadAdapter__reorder\">\n <Nestable\n onChange={newOrder => handleOnChange(newOrder)}\n childrenWrapperClassName=\"add\"\n items={selectedFiles}\n childrenProp=\"selectedFiles\"\n renderItem={({ item, DragHandler }) => (\n <div className=\"file-reorder\">\n <DragHandler />\n <FileReorderListItem {...item} />\n </div>\n )}\n />\n </div>\n );\n};\n\nFileReorderList.propTypes = {\n selectedFiles: PropTypes.array.isRequired,\n handleReorderFiles: PropTypes.func.isRequired\n};\n\nexport default FileReorderList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,kBAAkB;AACvC,OAAOC,mBAAmB,MAAM,uBAAuB;AAEvD,MAAMC,eAAe,GAAGA,CAAC;EAAEC,aAAa;EAAEC;AAAmB,CAAC,KAAK;EACjE,MAAMC,cAAc,GAAGC,QAAQ,IAAI;IACjCF,kBAAkB,CAACE,QAAQ,CAAC;EAC9B,CAAC;EAED,oBACER,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAC;EAA4B,gBACzCV,KAAA,CAAAS,aAAA,CAACP,QAAQ;IACPS,QAAQ,EAAEH,QAAQ,IAAID,cAAc,CAACC,QAAQ,CAAE;IAC/CI,wBAAwB,EAAC,KAAK;IAC9BC,KAAK,EAAER,aAAc;IACrBS,YAAY,EAAC,eAAe;IAC5BC,UAAU,EAAEA,CAAC;MAAEC,IAAI;MAAEC;IAAY,CAAC,kBAChCjB,KAAA,CAAAS,aAAA;MAAKC,SAAS,EAAC;IAAc,gBAC3BV,KAAA,CAAAS,aAAA,CAACQ,WAAW,MAAE,CAAC,eACfjB,KAAA,CAAAS,aAAA,CAACN,mBAAmB,EAAKa,IAAO,CAC7B;EACL,CACH,CACE,CAAC;AAEV,CAAC;AAEDZ,eAAe,CAACc,SAAS,GAAG;EAC1Bb,aAAa,EAAEJ,SAAS,CAACkB,KAAK,CAACC,UAAU;EACzCd,kBAAkB,EAAEL,SAAS,CAACoB,IAAI,CAACD;AACrC,CAAC;AAED,eAAehB,eAAe","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
const FileReorderListItem = ({
|
|
4
|
+
url,
|
|
5
|
+
name
|
|
6
|
+
}) => /*#__PURE__*/React.createElement("div", {
|
|
7
|
+
className: "file-reorder-item"
|
|
8
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
9
|
+
className: "file-reorder-item__wrapper"
|
|
10
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
11
|
+
className: "file-reorder-item__image",
|
|
12
|
+
src: url,
|
|
13
|
+
alt: name
|
|
14
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
15
|
+
className: "file-reorder-item__info"
|
|
16
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
17
|
+
className: "file-reorder-item__filename"
|
|
18
|
+
}, name)));
|
|
19
|
+
FileReorderListItem.propTypes = {
|
|
20
|
+
url: PropTypes.string.isRequired,
|
|
21
|
+
name: PropTypes.string.isRequired
|
|
22
|
+
};
|
|
23
|
+
export default FileReorderListItem;
|
|
24
|
+
//# sourceMappingURL=FileReorderListItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileReorderListItem.js","names":["React","PropTypes","FileReorderListItem","url","name","createElement","className","src","alt","propTypes","string","isRequired"],"sources":["../../../src/components/FileUploadAdapter/FileReorderListItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst FileReorderListItem = ({ url, name }) => (\n <div className=\"file-reorder-item\">\n <div className=\"file-reorder-item__wrapper\">\n <img className=\"file-reorder-item__image\" src={url} alt={name} />\n </div>\n <div className=\"file-reorder-item__info\">\n <p className=\"file-reorder-item__filename\">{name}</p>\n </div>\n </div>\n);\n\nFileReorderListItem.propTypes = {\n url: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired\n};\n\nexport default FileReorderListItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,GAAG;EAAEC;AAAK,CAAC,kBACxCJ,KAAA,CAAAK,aAAA;EAAKC,SAAS,EAAC;AAAmB,gBAChCN,KAAA,CAAAK,aAAA;EAAKC,SAAS,EAAC;AAA4B,gBACzCN,KAAA,CAAAK,aAAA;EAAKC,SAAS,EAAC,0BAA0B;EAACC,GAAG,EAAEJ,GAAI;EAACK,GAAG,EAAEJ;AAAK,CAAE,CAC7D,CAAC,eACNJ,KAAA,CAAAK,aAAA;EAAKC,SAAS,EAAC;AAAyB,gBACtCN,KAAA,CAAAK,aAAA;EAAGC,SAAS,EAAC;AAA6B,GAAEF,IAAQ,CACjD,CACF,CACN;AAEDF,mBAAmB,CAACO,SAAS,GAAG;EAC9BN,GAAG,EAAEF,SAAS,CAACS,MAAM,CAACC,UAAU;EAChCP,IAAI,EAAEH,SAAS,CAACS,MAAM,CAACC;AACzB,CAAC;AAED,eAAeT,mBAAmB","ignoreList":[]}
|
|
@@ -0,0 +1,402 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
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; }
|
|
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; }
|
|
4
|
+
import React, { useState, useContext, useEffect } from 'react';
|
|
5
|
+
import FileUpload from '@blaze-react/file-upload';
|
|
6
|
+
import PropTypes from 'prop-types';
|
|
7
|
+
import { useApolloClient, useQuery } from '@apollo/client';
|
|
8
|
+
import { getQuery, getMutation, ModalAdapter as Modal } from '@blaze-cms/admin-ui-utils';
|
|
9
|
+
import { useToasts } from '@blaze-react/toaster';
|
|
10
|
+
import Tooltip from '@blaze-react/tooltip';
|
|
11
|
+
import { MORE } from '../../constants';
|
|
12
|
+
import ListingContainer from '../ListingContainer';
|
|
13
|
+
import { MediaContextProvider } from '../../utils/media-context';
|
|
14
|
+
import FileList from './FileList';
|
|
15
|
+
import useLimit from './useLimit';
|
|
16
|
+
import { getFormat, formatInitialValue, transformToArray, isUnselecting, getButtonText, getNumberFilesPendingToFetch } from './mappers';
|
|
17
|
+
import FilePreview from '../FilePreview';
|
|
18
|
+
const FileUploadAdapter = ({
|
|
19
|
+
onChange,
|
|
20
|
+
label,
|
|
21
|
+
id,
|
|
22
|
+
type,
|
|
23
|
+
value,
|
|
24
|
+
maxItems,
|
|
25
|
+
shouldRenderInPreview,
|
|
26
|
+
canDragAndDrop,
|
|
27
|
+
simpleLayout,
|
|
28
|
+
tooltip,
|
|
29
|
+
previewAllFiles,
|
|
30
|
+
disableFilePreview,
|
|
31
|
+
fileType,
|
|
32
|
+
storeKey
|
|
33
|
+
}) => {
|
|
34
|
+
const {
|
|
35
|
+
InjectPreview
|
|
36
|
+
} = useContext(FileUploadAdapter.FormContext);
|
|
37
|
+
const [currentLimit] = useLimit(maxItems);
|
|
38
|
+
const [displayModal, setDisplayModal] = useState(false);
|
|
39
|
+
const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);
|
|
40
|
+
const initialValue = formatInitialValue({
|
|
41
|
+
value,
|
|
42
|
+
type
|
|
43
|
+
});
|
|
44
|
+
const [currentValue, setCurrentValue] = useState(initialValue);
|
|
45
|
+
const [selectedFiles, setSelectedFiles] = useState([]);
|
|
46
|
+
const [editFile, setEditFile] = useState(null);
|
|
47
|
+
const [allFilesLoaded, setAllFilesLoaded] = useState(false);
|
|
48
|
+
const client = useApolloClient();
|
|
49
|
+
const {
|
|
50
|
+
addToast
|
|
51
|
+
} = useToasts();
|
|
52
|
+
const {
|
|
53
|
+
data: {
|
|
54
|
+
getEntitySchemas: [schemaData] = []
|
|
55
|
+
} = {}
|
|
56
|
+
} = useQuery(getQuery('GET_ENTITY_SCHEMA'), {
|
|
57
|
+
variables: {
|
|
58
|
+
identifier: 'file'
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
const getFiles = async (offset, ids, fetchAll = previewAllFiles) => {
|
|
62
|
+
const {
|
|
63
|
+
data: {
|
|
64
|
+
files: newFiles
|
|
65
|
+
}
|
|
66
|
+
} = await client.query({
|
|
67
|
+
query: getQuery('GET_FILES'),
|
|
68
|
+
variables: {
|
|
69
|
+
limit: fetchAll ? 0 : 4,
|
|
70
|
+
offset,
|
|
71
|
+
where: {
|
|
72
|
+
id: {
|
|
73
|
+
_in: ids
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
skip: !currentValue.length,
|
|
78
|
+
fetchPolicy: 'network-only'
|
|
79
|
+
});
|
|
80
|
+
return newFiles;
|
|
81
|
+
};
|
|
82
|
+
useEffect(() => {
|
|
83
|
+
(async () => {
|
|
84
|
+
if (allFilesLoaded) {
|
|
85
|
+
const loadedFiles = await getFiles(0, currentValue, true);
|
|
86
|
+
const loadedOrderedFiles = orderFiles(loadedFiles, currentValue);
|
|
87
|
+
setSelectedFiles(loadedOrderedFiles);
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
90
|
+
const initialFiles = !selectedFiles.length && !previewAllFiles ? currentValue.filter((_, i) => i <= 3) : currentValue;
|
|
91
|
+
const files = await getFiles(0, initialFiles);
|
|
92
|
+
const orderedFiles = orderFiles(files, currentValue);
|
|
93
|
+
setSelectedFiles(orderedFiles);
|
|
94
|
+
setAllFilesLoaded(false);
|
|
95
|
+
})();
|
|
96
|
+
}, [currentValue] //eslint-disable-line
|
|
97
|
+
);
|
|
98
|
+
const fetchMore = async shouldFetchAll => {
|
|
99
|
+
if (selectedFiles.length === currentValue.length) return;
|
|
100
|
+
const newFiles = await getFiles(0, currentValue, true);
|
|
101
|
+
const newOrderedFiles = orderFiles(newFiles, currentValue);
|
|
102
|
+
setSelectedFiles(newOrderedFiles);
|
|
103
|
+
setAllFilesLoaded(true);
|
|
104
|
+
};
|
|
105
|
+
const handleSelectedFiles = (files, checkIsUnselecting = true) => {
|
|
106
|
+
const isUnselectingFile = isUnselecting(value, checkIsUnselecting, files);
|
|
107
|
+
if (isUnselectingFile) {
|
|
108
|
+
const valueArray = transformToArray(value);
|
|
109
|
+
const selectedFilesIds = valueArray.filter(valueId => !files.includes(valueId));
|
|
110
|
+
const parsedValue = getFormat(type, {
|
|
111
|
+
filesIds: selectedFilesIds
|
|
112
|
+
});
|
|
113
|
+
setCurrentValue(selectedFilesIds);
|
|
114
|
+
return onChange({
|
|
115
|
+
event: {
|
|
116
|
+
target: {
|
|
117
|
+
value: parsedValue,
|
|
118
|
+
name: id,
|
|
119
|
+
type,
|
|
120
|
+
fileData: selectedFilesIds.length ? selectedFilesIds : null
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
value: parsedValue
|
|
124
|
+
});
|
|
125
|
+
}
|
|
126
|
+
setCurrentValue(files);
|
|
127
|
+
};
|
|
128
|
+
const handleReorderFiles = files => {
|
|
129
|
+
const filesIds = files.map(({
|
|
130
|
+
id: fileId
|
|
131
|
+
}) => fileId);
|
|
132
|
+
const parsedValue = getFormat(type, {
|
|
133
|
+
filesIds
|
|
134
|
+
});
|
|
135
|
+
setSelectedFiles(files);
|
|
136
|
+
return onChange({
|
|
137
|
+
event: {
|
|
138
|
+
target: {
|
|
139
|
+
value: parsedValue,
|
|
140
|
+
name: id,
|
|
141
|
+
type,
|
|
142
|
+
fileData: filesIds
|
|
143
|
+
}
|
|
144
|
+
},
|
|
145
|
+
value: parsedValue
|
|
146
|
+
});
|
|
147
|
+
};
|
|
148
|
+
const closeModalAndSetValue = (isSaving, values, toastMessage) => {
|
|
149
|
+
if (toastMessage) {
|
|
150
|
+
addToast(toastMessage, {
|
|
151
|
+
appearance: 'success',
|
|
152
|
+
autoDismiss: true
|
|
153
|
+
});
|
|
154
|
+
}
|
|
155
|
+
if (isSaving) {
|
|
156
|
+
const parsedValue = getFormat(type, {
|
|
157
|
+
filesIds: simpleLayout ? values : currentValue
|
|
158
|
+
});
|
|
159
|
+
setDisplayModal(false);
|
|
160
|
+
return onChange({
|
|
161
|
+
event: {
|
|
162
|
+
target: {
|
|
163
|
+
value: parsedValue,
|
|
164
|
+
name: id,
|
|
165
|
+
type,
|
|
166
|
+
currentValue
|
|
167
|
+
}
|
|
168
|
+
},
|
|
169
|
+
value: parsedValue
|
|
170
|
+
});
|
|
171
|
+
}
|
|
172
|
+
setCurrentValue(initialValue);
|
|
173
|
+
setDisplayModal(false);
|
|
174
|
+
};
|
|
175
|
+
const fileUploadButtonText = getButtonText({
|
|
176
|
+
maxItems,
|
|
177
|
+
value: initialValue,
|
|
178
|
+
fileType
|
|
179
|
+
});
|
|
180
|
+
const filesPending = previewAllFiles ? 0 : getNumberFilesPendingToFetch(selectedFiles.length, currentValue);
|
|
181
|
+
const onOpenLibrary = () => setDisplayModal(true);
|
|
182
|
+
const handleEditModal = file => {
|
|
183
|
+
const selectedEditFile = selectedFiles.find(({
|
|
184
|
+
id: _id
|
|
185
|
+
}) => _id === file.id);
|
|
186
|
+
setEditFile(selectedEditFile);
|
|
187
|
+
};
|
|
188
|
+
const handleEditFileForm = editedFile => {
|
|
189
|
+
const dataValues = editedFile.valuesChecked.reduce((acc, {
|
|
190
|
+
id: formValueId,
|
|
191
|
+
value: formValue,
|
|
192
|
+
isDataPropery
|
|
193
|
+
}) => {
|
|
194
|
+
if (isDataPropery) {
|
|
195
|
+
acc.data[formValueId] = formValue;
|
|
196
|
+
} else {
|
|
197
|
+
acc[formValueId] = formValue;
|
|
198
|
+
}
|
|
199
|
+
return acc;
|
|
200
|
+
}, {
|
|
201
|
+
id: editFile.id,
|
|
202
|
+
data: _objectSpread({}, editFile.data)
|
|
203
|
+
});
|
|
204
|
+
delete dataValues.data.__typename; // Remove __typename if it exists in data to avoid issues with Apollo cache.
|
|
205
|
+
|
|
206
|
+
setEditFile(_objectSpread(_objectSpread({}, editFile), {}, {
|
|
207
|
+
formData: dataValues
|
|
208
|
+
}));
|
|
209
|
+
};
|
|
210
|
+
const orderFiles = (files, ids) => ids.map(currentId => files.find(({
|
|
211
|
+
id: fileId
|
|
212
|
+
}) => fileId === currentId)).filter(Boolean);
|
|
213
|
+
const modalActions = [{
|
|
214
|
+
textButton: 'Cancel',
|
|
215
|
+
callback: () => {
|
|
216
|
+
closeModalAndSetValue();
|
|
217
|
+
},
|
|
218
|
+
modifiers: ['cancel']
|
|
219
|
+
}, {
|
|
220
|
+
textButton: 'Apply',
|
|
221
|
+
callback: () => {
|
|
222
|
+
closeModalAndSetValue(true);
|
|
223
|
+
},
|
|
224
|
+
modifiers: []
|
|
225
|
+
}];
|
|
226
|
+
const editModalActions = [{
|
|
227
|
+
textButton: 'Cancel',
|
|
228
|
+
callback: () => {
|
|
229
|
+
setEditFile(null);
|
|
230
|
+
},
|
|
231
|
+
modifiers: ['cancel']
|
|
232
|
+
}, {
|
|
233
|
+
textButton: 'Apply',
|
|
234
|
+
callback: async () => {
|
|
235
|
+
const {
|
|
236
|
+
name,
|
|
237
|
+
id: editedFileId,
|
|
238
|
+
data,
|
|
239
|
+
formData
|
|
240
|
+
} = editFile;
|
|
241
|
+
const updatedSelectedFiles = selectedFiles.map(selectedFile => {
|
|
242
|
+
if (selectedFile.id === editedFileId) {
|
|
243
|
+
return _objectSpread(_objectSpread({}, selectedFile), {}, {
|
|
244
|
+
name,
|
|
245
|
+
data
|
|
246
|
+
});
|
|
247
|
+
}
|
|
248
|
+
return selectedFile;
|
|
249
|
+
});
|
|
250
|
+
setSelectedFiles(updatedSelectedFiles);
|
|
251
|
+
try {
|
|
252
|
+
await client.mutate({
|
|
253
|
+
mutation: getMutation('UPDATE_FILE'),
|
|
254
|
+
variables: {
|
|
255
|
+
input: _objectSpread(_objectSpread({}, formData), {}, {
|
|
256
|
+
id: editedFileId
|
|
257
|
+
})
|
|
258
|
+
},
|
|
259
|
+
update(cache, {
|
|
260
|
+
data: {
|
|
261
|
+
updateFile: fileUpdated
|
|
262
|
+
}
|
|
263
|
+
}) {
|
|
264
|
+
cache.writeQuery({
|
|
265
|
+
query: getQuery('GET_FILE_BY_ID'),
|
|
266
|
+
variables: {
|
|
267
|
+
id
|
|
268
|
+
},
|
|
269
|
+
data: {
|
|
270
|
+
file: fileUpdated.result
|
|
271
|
+
}
|
|
272
|
+
});
|
|
273
|
+
}
|
|
274
|
+
});
|
|
275
|
+
addToast(`File: ${editFile.name} has been updated`, {
|
|
276
|
+
appearance: 'success',
|
|
277
|
+
autoDismiss: true
|
|
278
|
+
});
|
|
279
|
+
closeModalAndSetValue(true);
|
|
280
|
+
setEditFile(null);
|
|
281
|
+
} catch (e) {
|
|
282
|
+
addToast(`File: ${editFile.name} has not been updated`, {
|
|
283
|
+
appearance: 'error',
|
|
284
|
+
autoDismiss: true
|
|
285
|
+
});
|
|
286
|
+
console.error(e); //eslint-disable-line
|
|
287
|
+
}
|
|
288
|
+
},
|
|
289
|
+
modifiers: []
|
|
290
|
+
}];
|
|
291
|
+
const filesPendingString = `${filesPending} ${MORE}`;
|
|
292
|
+
const fileListSpan = filesPending ?
|
|
293
|
+
/*#__PURE__*/
|
|
294
|
+
// eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
|
295
|
+
React.createElement("span", {
|
|
296
|
+
className: "FileUploadAdapter__preview-link button button--link",
|
|
297
|
+
onClick: fetchMore
|
|
298
|
+
}, "+ ", filesPendingString) : null;
|
|
299
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
300
|
+
className: "form-field form-field--button"
|
|
301
|
+
}, /*#__PURE__*/React.createElement("label", null, label, " ", /*#__PURE__*/React.createElement(Tooltip, {
|
|
302
|
+
tooltipContent: tooltip
|
|
303
|
+
})), selectedFiles && /*#__PURE__*/React.createElement(MediaContextProvider, {
|
|
304
|
+
value: {
|
|
305
|
+
handleEditModal,
|
|
306
|
+
onUnselectFile: handleSelectedFiles
|
|
307
|
+
}
|
|
308
|
+
}, shouldRenderInPreview ? /*#__PURE__*/React.createElement(InjectPreview, {
|
|
309
|
+
selector: FileUploadAdapter.previewerId
|
|
310
|
+
}, /*#__PURE__*/React.createElement(FileList, {
|
|
311
|
+
selectedFiles: selectedFiles,
|
|
312
|
+
allFiles: currentValue,
|
|
313
|
+
handleReorderFiles: handleReorderFiles,
|
|
314
|
+
canDragAndDrop: canDragAndDrop,
|
|
315
|
+
fetchMore: fetchMore
|
|
316
|
+
}, fileListSpan)) : /*#__PURE__*/React.createElement(FileList, {
|
|
317
|
+
selectedFiles: selectedFiles,
|
|
318
|
+
handleReorderFiles: handleReorderFiles,
|
|
319
|
+
fetchMore: fetchMore
|
|
320
|
+
})), /*#__PURE__*/React.createElement(FileUpload, {
|
|
321
|
+
actionText: fileUploadButtonText,
|
|
322
|
+
storeKey: storeKey,
|
|
323
|
+
handleLibraryClick: () => {
|
|
324
|
+
if (simpleLayout) {
|
|
325
|
+
setDisplayFileUploadModal(true);
|
|
326
|
+
} else {
|
|
327
|
+
onOpenLibrary();
|
|
328
|
+
}
|
|
329
|
+
},
|
|
330
|
+
enableDragAndDrop: false
|
|
331
|
+
})), editFile && /*#__PURE__*/React.createElement(Modal, {
|
|
332
|
+
actions: editModalActions,
|
|
333
|
+
title: "Edit File",
|
|
334
|
+
onClose: () => setEditFile(null)
|
|
335
|
+
}, /*#__PURE__*/React.createElement(FilePreview, {
|
|
336
|
+
file: editFile,
|
|
337
|
+
fileName: editFile.fileName,
|
|
338
|
+
handleFormChange: handleEditFileForm,
|
|
339
|
+
displayForm: true,
|
|
340
|
+
previewType: "card",
|
|
341
|
+
disableFilePreview: disableFilePreview,
|
|
342
|
+
schemaData: schemaData
|
|
343
|
+
})), displayFileUploadModal && simpleLayout && /*#__PURE__*/React.createElement("div", {
|
|
344
|
+
className: "file-upload-modal-wrapper"
|
|
345
|
+
}, /*#__PURE__*/React.createElement(ListingContainer, {
|
|
346
|
+
displayFileUploadModal: displayFileUploadModal,
|
|
347
|
+
closeModalAndSetValue: closeModalAndSetValue,
|
|
348
|
+
setDisplayFileUploadModal: setDisplayFileUploadModal,
|
|
349
|
+
handleSelectedFiles: handleSelectedFiles,
|
|
350
|
+
maxItems: currentLimit,
|
|
351
|
+
simpleLayout: simpleLayout,
|
|
352
|
+
filesSelected: currentValue.length > 1 ? currentValue : [],
|
|
353
|
+
openEditInModal: true,
|
|
354
|
+
storeKey: storeKey
|
|
355
|
+
})), displayModal && !simpleLayout && /*#__PURE__*/React.createElement("div", {
|
|
356
|
+
className: "file-upload-modal-wrapper"
|
|
357
|
+
}, /*#__PURE__*/React.createElement(Modal, {
|
|
358
|
+
actions: modalActions,
|
|
359
|
+
className: "file-upload-modal",
|
|
360
|
+
title: "Media library",
|
|
361
|
+
onClose: () => closeModalAndSetValue()
|
|
362
|
+
}, /*#__PURE__*/React.createElement(ListingContainer, {
|
|
363
|
+
closeModalAndSetValue: closeModalAndSetValue,
|
|
364
|
+
displayFileUploadModal: displayFileUploadModal,
|
|
365
|
+
setDisplayFileUploadModal: setDisplayFileUploadModal,
|
|
366
|
+
handleSelectedFiles: handleSelectedFiles,
|
|
367
|
+
maxItems: currentLimit,
|
|
368
|
+
filesSelected: currentValue.length > 1 ? currentValue : [],
|
|
369
|
+
openEditInModal: true,
|
|
370
|
+
storeKey: storeKey
|
|
371
|
+
}))));
|
|
372
|
+
};
|
|
373
|
+
FileUploadAdapter.propTypes = {
|
|
374
|
+
onChange: PropTypes.func.isRequired,
|
|
375
|
+
label: PropTypes.string.isRequired,
|
|
376
|
+
id: PropTypes.string.isRequired,
|
|
377
|
+
type: PropTypes.string.isRequired,
|
|
378
|
+
value: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
|
|
379
|
+
maxItems: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),
|
|
380
|
+
shouldRenderInPreview: PropTypes.bool,
|
|
381
|
+
canDragAndDrop: PropTypes.bool,
|
|
382
|
+
simpleLayout: PropTypes.bool,
|
|
383
|
+
previewAllFiles: PropTypes.bool,
|
|
384
|
+
tooltip: PropTypes.string,
|
|
385
|
+
fileType: PropTypes.string,
|
|
386
|
+
disableFilePreview: PropTypes.bool,
|
|
387
|
+
storeKey: PropTypes.string
|
|
388
|
+
};
|
|
389
|
+
FileUploadAdapter.defaultProps = {
|
|
390
|
+
value: '',
|
|
391
|
+
maxItems: false,
|
|
392
|
+
shouldRenderInPreview: false,
|
|
393
|
+
canDragAndDrop: false,
|
|
394
|
+
simpleLayout: false,
|
|
395
|
+
previewAllFiles: false,
|
|
396
|
+
tooltip: '',
|
|
397
|
+
fileType: 'file',
|
|
398
|
+
disableFilePreview: true,
|
|
399
|
+
storeKey: null
|
|
400
|
+
};
|
|
401
|
+
export default FileUploadAdapter;
|
|
402
|
+
//# sourceMappingURL=FileUploadAdapter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileUploadAdapter.js","names":["React","useState","useContext","useEffect","FileUpload","PropTypes","useApolloClient","useQuery","getQuery","getMutation","ModalAdapter","Modal","useToasts","Tooltip","MORE","ListingContainer","MediaContextProvider","FileList","useLimit","getFormat","formatInitialValue","transformToArray","isUnselecting","getButtonText","getNumberFilesPendingToFetch","FilePreview","FileUploadAdapter","onChange","label","id","type","value","maxItems","shouldRenderInPreview","canDragAndDrop","simpleLayout","tooltip","previewAllFiles","disableFilePreview","fileType","storeKey","InjectPreview","FormContext","currentLimit","displayModal","setDisplayModal","displayFileUploadModal","setDisplayFileUploadModal","initialValue","currentValue","setCurrentValue","selectedFiles","setSelectedFiles","editFile","setEditFile","allFilesLoaded","setAllFilesLoaded","client","addToast","data","getEntitySchemas","schemaData","variables","identifier","getFiles","offset","ids","fetchAll","files","newFiles","query","limit","where","_in","skip","length","fetchPolicy","loadedFiles","loadedOrderedFiles","orderFiles","initialFiles","filter","_","i","orderedFiles","fetchMore","shouldFetchAll","newOrderedFiles","handleSelectedFiles","checkIsUnselecting","isUnselectingFile","valueArray","selectedFilesIds","valueId","includes","parsedValue","filesIds","event","target","name","fileData","handleReorderFiles","map","fileId","closeModalAndSetValue","isSaving","values","toastMessage","appearance","autoDismiss","fileUploadButtonText","filesPending","onOpenLibrary","handleEditModal","file","selectedEditFile","find","_id","handleEditFileForm","editedFile","dataValues","valuesChecked","reduce","acc","formValueId","formValue","isDataPropery","_objectSpread","__typename","formData","currentId","Boolean","modalActions","textButton","callback","modifiers","editModalActions","editedFileId","updatedSelectedFiles","selectedFile","mutate","mutation","input","update","cache","updateFile","fileUpdated","writeQuery","result","e","console","error","filesPendingString","fileListSpan","createElement","className","onClick","Fragment","tooltipContent","onUnselectFile","selector","previewerId","allFiles","actionText","handleLibraryClick","enableDragAndDrop","actions","title","onClose","fileName","handleFormChange","displayForm","previewType","filesSelected","openEditInModal","propTypes","func","isRequired","string","oneOfType","array","number","bool","defaultProps"],"sources":["../../../src/components/FileUploadAdapter/FileUploadAdapter.js"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport FileUpload from '@blaze-react/file-upload';\nimport PropTypes from 'prop-types';\nimport { useApolloClient, useQuery } from '@apollo/client';\nimport { getQuery, getMutation, ModalAdapter as Modal } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport Tooltip from '@blaze-react/tooltip';\nimport { MORE } from '../../constants';\nimport ListingContainer from '../ListingContainer';\nimport { MediaContextProvider } from '../../utils/media-context';\nimport FileList from './FileList';\nimport useLimit from './useLimit';\nimport {\n getFormat,\n formatInitialValue,\n transformToArray,\n isUnselecting,\n getButtonText,\n getNumberFilesPendingToFetch\n} from './mappers';\nimport FilePreview from '../FilePreview';\n\nconst FileUploadAdapter = ({\n onChange,\n label,\n id,\n type,\n value,\n maxItems,\n shouldRenderInPreview,\n canDragAndDrop,\n simpleLayout,\n tooltip,\n previewAllFiles,\n disableFilePreview,\n fileType,\n storeKey\n}) => {\n const { InjectPreview } = useContext(FileUploadAdapter.FormContext);\n const [currentLimit] = useLimit(maxItems);\n const [displayModal, setDisplayModal] = useState(false);\n const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);\n const initialValue = formatInitialValue({ value, type });\n const [currentValue, setCurrentValue] = useState(initialValue);\n const [selectedFiles, setSelectedFiles] = useState([]);\n const [editFile, setEditFile] = useState(null);\n const [allFilesLoaded, setAllFilesLoaded] = useState(false);\n const client = useApolloClient();\n const { addToast } = useToasts();\n\n const { data: { getEntitySchemas: [schemaData] = [] } = {} } = useQuery(\n getQuery('GET_ENTITY_SCHEMA'),\n {\n variables: { identifier: 'file' }\n }\n );\n\n const getFiles = async (offset, ids, fetchAll = previewAllFiles) => {\n const {\n data: { files: newFiles }\n } = await client.query({\n query: getQuery('GET_FILES'),\n variables: {\n limit: fetchAll ? 0 : 4,\n offset,\n where: {\n id: {\n _in: ids\n }\n }\n },\n skip: !currentValue.length,\n fetchPolicy: 'network-only'\n });\n return newFiles;\n };\n\n useEffect(\n () => {\n (async () => {\n if (allFilesLoaded) {\n const loadedFiles = await getFiles(0, currentValue, true);\n const loadedOrderedFiles = orderFiles(loadedFiles, currentValue);\n setSelectedFiles(loadedOrderedFiles);\n return;\n }\n\n const initialFiles =\n !selectedFiles.length && !previewAllFiles\n ? currentValue.filter((_, i) => i <= 3)\n : currentValue;\n\n const files = await getFiles(0, initialFiles);\n const orderedFiles = orderFiles(files, currentValue);\n setSelectedFiles(orderedFiles);\n setAllFilesLoaded(false);\n })();\n },\n [currentValue] //eslint-disable-line\n );\n\n const fetchMore = async shouldFetchAll => {\n if (selectedFiles.length === currentValue.length) return;\n const newFiles = await getFiles(0, currentValue, true);\n const newOrderedFiles = orderFiles(newFiles, currentValue);\n setSelectedFiles(newOrderedFiles);\n setAllFilesLoaded(true);\n };\n\n const handleSelectedFiles = (files, checkIsUnselecting = true) => {\n const isUnselectingFile = isUnselecting(value, checkIsUnselecting, files);\n if (isUnselectingFile) {\n const valueArray = transformToArray(value);\n const selectedFilesIds = valueArray.filter(valueId => !files.includes(valueId));\n const parsedValue = getFormat(type, { filesIds: selectedFilesIds });\n setCurrentValue(selectedFilesIds);\n return onChange({\n event: {\n target: {\n value: parsedValue,\n name: id,\n type,\n fileData: selectedFilesIds.length ? selectedFilesIds : null\n }\n },\n value: parsedValue\n });\n }\n\n setCurrentValue(files);\n };\n\n const handleReorderFiles = files => {\n const filesIds = files.map(({ id: fileId }) => fileId);\n const parsedValue = getFormat(type, { filesIds });\n setSelectedFiles(files);\n\n return onChange({\n event: {\n target: {\n value: parsedValue,\n name: id,\n type,\n fileData: filesIds\n }\n },\n value: parsedValue\n });\n };\n\n const closeModalAndSetValue = (isSaving, values, toastMessage) => {\n if (toastMessage) {\n addToast(toastMessage, {\n appearance: 'success',\n autoDismiss: true\n });\n }\n\n if (isSaving) {\n const parsedValue = getFormat(type, { filesIds: simpleLayout ? values : currentValue });\n setDisplayModal(false);\n return onChange({\n event: { target: { value: parsedValue, name: id, type, currentValue } },\n value: parsedValue\n });\n }\n\n setCurrentValue(initialValue);\n setDisplayModal(false);\n };\n\n const fileUploadButtonText = getButtonText({ maxItems, value: initialValue, fileType });\n\n const filesPending = previewAllFiles\n ? 0\n : getNumberFilesPendingToFetch(selectedFiles.length, currentValue);\n const onOpenLibrary = () => setDisplayModal(true);\n const handleEditModal = file => {\n const selectedEditFile = selectedFiles.find(({ id: _id }) => _id === file.id);\n setEditFile(selectedEditFile);\n };\n\n const handleEditFileForm = editedFile => {\n const dataValues = editedFile.valuesChecked.reduce(\n (acc, { id: formValueId, value: formValue, isDataPropery }) => {\n if (isDataPropery) {\n acc.data[formValueId] = formValue;\n } else {\n acc[formValueId] = formValue;\n }\n return acc;\n },\n { id: editFile.id, data: { ...editFile.data } }\n );\n delete dataValues.data.__typename; // Remove __typename if it exists in data to avoid issues with Apollo cache.\n\n setEditFile({\n ...editFile,\n formData: dataValues\n });\n };\n\n const orderFiles = (files, ids) =>\n ids.map(currentId => files.find(({ id: fileId }) => fileId === currentId)).filter(Boolean);\n\n const modalActions = [\n {\n textButton: 'Cancel',\n callback: () => {\n closeModalAndSetValue();\n },\n modifiers: ['cancel']\n },\n {\n textButton: 'Apply',\n callback: () => {\n closeModalAndSetValue(true);\n },\n modifiers: []\n }\n ];\n\n const editModalActions = [\n {\n textButton: 'Cancel',\n callback: () => {\n setEditFile(null);\n },\n modifiers: ['cancel']\n },\n {\n textButton: 'Apply',\n callback: async () => {\n const { name, id: editedFileId, data, formData } = editFile;\n const updatedSelectedFiles = selectedFiles.map(selectedFile => {\n if (selectedFile.id === editedFileId) {\n return { ...selectedFile, name, data };\n }\n return selectedFile;\n });\n setSelectedFiles(updatedSelectedFiles);\n\n try {\n await client.mutate({\n mutation: getMutation('UPDATE_FILE'),\n variables: {\n input: {\n ...formData,\n id: editedFileId\n }\n },\n update(cache, { data: { updateFile: fileUpdated } }) {\n cache.writeQuery({\n query: getQuery('GET_FILE_BY_ID'),\n variables: { id },\n data: { file: fileUpdated.result }\n });\n }\n });\n\n addToast(`File: ${editFile.name} has been updated`, {\n appearance: 'success',\n autoDismiss: true\n });\n closeModalAndSetValue(true);\n setEditFile(null);\n } catch (e) {\n addToast(`File: ${editFile.name} has not been updated`, {\n appearance: 'error',\n autoDismiss: true\n });\n console.error(e); //eslint-disable-line\n }\n },\n modifiers: []\n }\n ];\n const filesPendingString = `${filesPending} ${MORE}`;\n const fileListSpan = filesPending ? (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <span className=\"FileUploadAdapter__preview-link button button--link\" onClick={fetchMore}>\n + {filesPendingString}\n </span>\n ) : null;\n\n return (\n <>\n <div className=\"form-field form-field--button\">\n <label>\n {label} <Tooltip tooltipContent={tooltip} />\n </label>\n {selectedFiles && (\n <MediaContextProvider value={{ handleEditModal, onUnselectFile: handleSelectedFiles }}>\n {shouldRenderInPreview ? (\n <InjectPreview selector={FileUploadAdapter.previewerId}>\n <FileList\n selectedFiles={selectedFiles}\n allFiles={currentValue}\n handleReorderFiles={handleReorderFiles}\n canDragAndDrop={canDragAndDrop}\n fetchMore={fetchMore}>\n {fileListSpan}\n </FileList>\n </InjectPreview>\n ) : (\n <FileList\n selectedFiles={selectedFiles}\n handleReorderFiles={handleReorderFiles}\n fetchMore={fetchMore}\n />\n )}\n </MediaContextProvider>\n )}\n <FileUpload\n actionText={fileUploadButtonText}\n storeKey={storeKey}\n handleLibraryClick={() => {\n if (simpleLayout) {\n setDisplayFileUploadModal(true);\n } else {\n onOpenLibrary();\n }\n }}\n enableDragAndDrop={false}\n />\n </div>\n {editFile && (\n <Modal actions={editModalActions} title=\"Edit File\" onClose={() => setEditFile(null)}>\n <FilePreview\n file={editFile}\n fileName={editFile.fileName}\n handleFormChange={handleEditFileForm}\n displayForm\n previewType=\"card\"\n disableFilePreview={disableFilePreview}\n schemaData={schemaData}\n />\n </Modal>\n )}\n\n {displayFileUploadModal && simpleLayout && (\n <div className=\"file-upload-modal-wrapper\">\n <ListingContainer\n displayFileUploadModal={displayFileUploadModal}\n closeModalAndSetValue={closeModalAndSetValue}\n setDisplayFileUploadModal={setDisplayFileUploadModal}\n handleSelectedFiles={handleSelectedFiles}\n maxItems={currentLimit}\n simpleLayout={simpleLayout}\n filesSelected={currentValue.length > 1 ? currentValue : []}\n openEditInModal\n storeKey={storeKey}\n />\n </div>\n )}\n\n {displayModal && !simpleLayout && (\n <div className=\"file-upload-modal-wrapper\">\n <Modal\n actions={modalActions}\n className=\"file-upload-modal\"\n title=\"Media library\"\n onClose={() => closeModalAndSetValue()}>\n <ListingContainer\n closeModalAndSetValue={closeModalAndSetValue}\n displayFileUploadModal={displayFileUploadModal}\n setDisplayFileUploadModal={setDisplayFileUploadModal}\n handleSelectedFiles={handleSelectedFiles}\n maxItems={currentLimit}\n filesSelected={currentValue.length > 1 ? currentValue : []}\n openEditInModal\n storeKey={storeKey}\n />\n </Modal>\n </div>\n )}\n </>\n );\n};\n\nFileUploadAdapter.propTypes = {\n onChange: PropTypes.func.isRequired,\n label: PropTypes.string.isRequired,\n id: PropTypes.string.isRequired,\n type: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n maxItems: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\n shouldRenderInPreview: PropTypes.bool,\n canDragAndDrop: PropTypes.bool,\n simpleLayout: PropTypes.bool,\n previewAllFiles: PropTypes.bool,\n tooltip: PropTypes.string,\n fileType: PropTypes.string,\n disableFilePreview: PropTypes.bool,\n storeKey: PropTypes.string\n};\n\nFileUploadAdapter.defaultProps = {\n value: '',\n maxItems: false,\n shouldRenderInPreview: false,\n canDragAndDrop: false,\n simpleLayout: false,\n previewAllFiles: false,\n tooltip: '',\n fileType: 'file',\n disableFilePreview: true,\n storeKey: null\n};\n\nexport default FileUploadAdapter;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["FileUploadAdapter"],"sources":["../../../src/components/FileUploadAdapter/index.js"],"sourcesContent":["import FileUploadAdapter from './FileUploadAdapter';\n\nexport default FileUploadAdapter;\n"],"mappings":"AAAA,OAAOA,iBAAiB,MAAM,qBAAqB;AAEnD,eAAeA,iBAAiB","ignoreList":[]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
const formatInitialValue = ({
|
|
2
|
+
value,
|
|
3
|
+
type
|
|
4
|
+
}) => {
|
|
5
|
+
const parsedValue = value && type === 'array' ? value : [value];
|
|
6
|
+
const existValue = parsedValue.filter(Boolean).length;
|
|
7
|
+
if (!parsedValue || !existValue) return [];
|
|
8
|
+
return parsedValue;
|
|
9
|
+
};
|
|
10
|
+
export { formatInitialValue };
|
|
11
|
+
//# sourceMappingURL=format-initial-value.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"format-initial-value.js","names":["formatInitialValue","value","type","parsedValue","existValue","filter","Boolean","length"],"sources":["../../../../src/components/FileUploadAdapter/mappers/format-initial-value.js"],"sourcesContent":["const formatInitialValue = ({ value, type }) => {\n const parsedValue = value && type === 'array' ? value : [value];\n const existValue = parsedValue.filter(Boolean).length;\n if (!parsedValue || !existValue) return [];\n return parsedValue;\n};\n\nexport { formatInitialValue };\n"],"mappings":"AAAA,MAAMA,kBAAkB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAK,CAAC,KAAK;EAC9C,MAAMC,WAAW,GAAGF,KAAK,IAAIC,IAAI,KAAK,OAAO,GAAGD,KAAK,GAAG,CAACA,KAAK,CAAC;EAC/D,MAAMG,UAAU,GAAGD,WAAW,CAACE,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM;EACrD,IAAI,CAACJ,WAAW,IAAI,CAACC,UAAU,EAAE,OAAO,EAAE;EAC1C,OAAOD,WAAW;AACpB,CAAC;AAED,SAASH,kBAAkB","ignoreList":[]}
|