@blaze-cms/plugin-media-ui 0.146.0-alpha.13 → 0.146.0-alpha.14

package/lib/components/FileUploadModal/FileUploadModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadModal.js","names":["_react","_interopRequireWildcard","require","_adminUiUtils","_fileUpload","_interopRequireDefault","_propTypes","_toaster","_client","_useFileList2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","FileUploadModal","_ref","onClose","getSelectedFiles","_useState","useState","_useState2","_slicedToArray2","files","setFiles","_useToasts","useToasts","addToast","client","useApolloClient","_useFileList","useFileList","addNewFile","fileStoresType","getQuery","_useQuery","useQuery","variables","visibleInAdmin","_useQuery$data","data","_useQuery$data2","_useQuery$data2$getFi","getFileStores","storeType","handleFiles","filesToUpload","uploadFiles","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","response","parsedResponse","fileNames","wrap","_callee$","_context","prev","next","Promise","all","map","_ref3","file","name","fileData","storeKey","mutate","mutation","getMutation","input","filename","error","message","appearance","autoDismiss","sent","_ref4","result","_ref5","forEach","concat","join","stop","apply","arguments","handleOnSave","_ref6","_callee2","_callee2$","_context2","length","storeOptions","type","key","createElement","Fragment","ModalAdapter","title","actions","textButton","callback","modifiers","upload","onChange","selectOptions","propTypes","PropTypes","func","isRequired","defaultProps","_default","exports"],"sources":["../../../src/components/FileUploadModal/FileUploadModal.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { ModalAdapter as Modal, getMutation, getQuery } from '@blaze-cms/admin-ui-utils';\nimport FileUpload from '@blaze-react/file-upload';\nimport PropTypes from 'prop-types';\nimport { useToasts } from '@blaze-react/toaster';\nimport { useApolloClient, useQuery } from '@apollo/client';\nimport useFileList from '../FileList/useFileList';\n\nconst FileUploadModal = ({ onClose, getSelectedFiles }) => {\n  const [files, setFiles] = useState([]);\n  const { addToast } = useToasts();\n  const client = useApolloClient();\n  const { addNewFile } = useFileList();\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n\n  const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n\n  const handleFiles = filesToUpload => {\n    setFiles(filesToUpload);\n  };\n\n  const uploadFiles = async () => {\n    const response = await Promise.all(\n      files.map(({ file, name, data: fileData, storeKey }) =>\n        client.mutate({\n          mutation: getMutation('UPLOAD_FILE'),\n          variables: {\n            input: {\n              file,\n              name: name || file.filename,\n              storeKey,\n              data: fileData\n            }\n          }\n        })\n      )\n    ).catch(error => {\n      addToast(error.message, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n    });\n\n    const parsedResponse = response.map(({ data: { file } }) => file.result);\n\n    const fileNames = files.map(({ file }) => file.name);\n    addNewFile(parsedResponse);\n\n    parsedResponse.forEach(file => getSelectedFiles && getSelectedFiles(file));\n\n    addToast(`Uploaded: ${fileNames.join(', ')}`, {\n      appearance: 'success',\n      autoDismiss: true\n    });\n  };\n\n  const handleOnSave = async () => {\n    onClose();\n    if (files.length) await uploadFiles();\n  };\n\n  const storeOptions = storeType.map(type => [type.key, type.name]);\n\n  return (\n    <>\n      <Modal\n        onClose={onClose}\n        title=\"Add media\"\n        actions={[\n          {\n            textButton: 'Cancel',\n            callback: onClose,\n            modifiers: ['cancel']\n          },\n          {\n            textButton: 'Save',\n            callback: handleOnSave,\n            modifiers: []\n          }\n        ]}\n        upload>\n        <FileUpload onChange={handleFiles} selectOptions={storeOptions} />\n      </Modal>\n    </>\n  );\n};\n\nFileUploadModal.propTypes = {\n  getSelectedFiles: PropTypes.func.isRequired,\n  onClose: PropTypes.func\n};\n\nFileUploadModal.defaultProps = {\n  onClose: () => {}\n};\n\nexport default FileUploadModal;\n"],"mappings":"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"}
+{"version":3,"file":"FileUploadModal.js","names":["_react","_interopRequireWildcard","require","_adminUiUtils","_fileUpload","_interopRequireDefault","_propTypes","_toaster","_client","_useFileList2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","FileUploadModal","_ref","onClose","getSelectedFiles","closeModalAndSetValue","simpleLayout","_useState","useState","_useState2","_slicedToArray2","files","setFiles","_useToasts","useToasts","addToast","client","useApolloClient","_useFileList","useFileList","addNewFile","fileStoresType","getQuery","_useQuery","useQuery","variables","visibleInAdmin","_useQuery$data","data","_useQuery$data2","_useQuery$data2$getFi","getFileStores","storeType","handleFiles","filesToUpload","uploadFiles","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","response","parsedResponse","fileNames","filesToSelect","wrap","_callee$","_context","prev","next","Promise","all","map","_ref3","file","name","fileData","storeKey","mutate","mutation","getMutation","input","filename","error","message","appearance","autoDismiss","sent","_ref4","result","_ref5","id","concat","join","stop","apply","arguments","handleOnSave","_ref6","_callee2","_callee2$","_context2","length","storeOptions","type","key","createElement","Fragment","ModalAdapter","title","actions","textButton","callback","modifiers","upload","onChange","selectOptions","propTypes","PropTypes","func","isRequired","bool","defaultProps","_default","exports"],"sources":["../../../src/components/FileUploadModal/FileUploadModal.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { ModalAdapter as Modal, getMutation, getQuery } from '@blaze-cms/admin-ui-utils';\nimport FileUpload from '@blaze-react/file-upload';\nimport PropTypes from 'prop-types';\nimport { useToasts } from '@blaze-react/toaster';\nimport { useApolloClient, useQuery } from '@apollo/client';\nimport useFileList from '../FileList/useFileList';\n\nconst FileUploadModal = ({ onClose, getSelectedFiles, closeModalAndSetValue, simpleLayout }) => {\n  const [files, setFiles] = useState([]);\n  const { addToast } = useToasts();\n  const client = useApolloClient();\n  const { addNewFile } = useFileList();\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n\n  const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n\n  const handleFiles = filesToUpload => {\n    setFiles(filesToUpload);\n  };\n\n  const uploadFiles = async () => {\n    const response = await Promise.all(\n      files.map(({ file, name, data: fileData, storeKey }) =>\n        client.mutate({\n          mutation: getMutation('UPLOAD_FILE'),\n          variables: {\n            input: {\n              file,\n              name: name || file.filename,\n              storeKey,\n              data: fileData\n            }\n          }\n        })\n      )\n    ).catch(error => {\n      addToast(error.message, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n    });\n\n    const parsedResponse = response.map(({ data: { file } }) => file.result);\n\n    const fileNames = files.map(({ file }) => file.name);\n    addNewFile(parsedResponse);\n\n    if (simpleLayout) {\n      const filesToSelect = parsedResponse.map(file => file.id);\n      getSelectedFiles(null, filesToSelect);\n      closeModalAndSetValue(simpleLayout, filesToSelect);\n    }\n\n    addToast(`Uploaded: ${fileNames.join(', ')}`, {\n      appearance: 'success',\n      autoDismiss: true\n    });\n  };\n\n  const handleOnSave = async () => {\n    onClose();\n    if (files.length) await uploadFiles();\n  };\n\n  const storeOptions = storeType.map(type => [type.key, type.name]);\n\n  return (\n    <>\n      <Modal\n        onClose={onClose}\n        title=\"Add media\"\n        actions={[\n          {\n            textButton: 'Cancel',\n            callback: onClose,\n            modifiers: ['cancel']\n          },\n          {\n            textButton: 'Save',\n            callback: handleOnSave,\n            modifiers: []\n          }\n        ]}\n        upload>\n        <FileUpload onChange={handleFiles} selectOptions={storeOptions} />\n      </Modal>\n    </>\n  );\n};\n\nFileUploadModal.propTypes = {\n  getSelectedFiles: PropTypes.func.isRequired,\n  onClose: PropTypes.func,\n  simpleLayout: PropTypes.bool,\n  closeModalAndSetValue: PropTypes.func\n};\n\nFileUploadModal.defaultProps = {\n  onClose: () => {},\n  closeModalAndSetValue: () => {},\n  simpleLayout: false\n};\n\nexport default FileUploadModal;\n"],"mappings":"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"}

package/lib/components/ListingContainer/Listing/Listing.js

@@ -19,6 +19,7 @@ var Listing = function Listing(_ref) {
     handleDisplayFileUploadModal = _ref.handleDisplayFileUploadModal,
     getSelectedFiles = _ref.getSelectedFiles,
     setDisplayFileUploadModal = _ref.setDisplayFileUploadModal,
+    closeModalAndSetValue = _ref.closeModalAndSetValue,
     simpleLayout = _ref.simpleLayout;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "page"
@@ -27,6 +28,8 @@ var Listing = function Listing(_ref) {
       handleDisplayFileUploadModal(false);
       setDisplayFileUploadModal(false);
     },
+    closeModalAndSetValue: closeModalAndSetValue,
+    simpleLayout: simpleLayout,
     getSelectedFiles: getSelectedFiles
   }), !simpleLayout && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_admin.PageHeader, {
     title: "Media library"
@@ -52,9 +55,11 @@ Listing.propTypes = {
   handleDisplayFileUploadModal: _propTypes["default"].func,
   simpleLayout: _propTypes["default"].bool,
   setDisplayFileUploadModal: _propTypes["default"].func.isRequired,
-  displayFileUploadModal: _propTypes["default"].bool.isRequired
+  displayFileUploadModal: _propTypes["default"].bool.isRequired,
+  closeModalAndSetValue: _propTypes["default"].func
 };
 Listing.defaultProps = {
+  closeModalAndSetValue: function closeModalAndSetValue() {},
   handleDisplayFileUploadModal: function handleDisplayFileUploadModal() {},
   simpleLayout: false
 };

package/lib/components/ListingContainer/Listing/Listing.js.map

@@ -1 +1 @@
-{"version":3,"file":"Listing.js","names":["_react","_interopRequireDefault","require","_admin","_button","_more","_propTypes","_FileUploadModal","_MediaListing","_FilterPanel","Listing","_ref","displayFileUploadModal","handleDisplayFileUploadModal","getSelectedFiles","setDisplayFileUploadModal","simpleLayout","createElement","className","onClose","Fragment","PageHeader","title","Actions","modifiers","onClick","displayBg","Avatar","isMoreMenu","Content","propTypes","PropTypes","func","isRequired","bool","defaultProps","_default","exports"],"sources":["../../../../src/components/ListingContainer/Listing/Listing.js"],"sourcesContent":["import React from 'react';\nimport { PageHeader } from '@blaze-cms/admin';\nimport Button from '@blaze-react/button';\nimport More from '@blaze-react/more';\nimport PropTypes from 'prop-types';\nimport FileUploadModal from '../../FileUploadModal';\nimport MediaListing from './MediaListing';\nimport FilterPanel from '../../FilterPanel';\n\nconst Listing = ({\n  displayFileUploadModal,\n  handleDisplayFileUploadModal,\n  getSelectedFiles,\n  setDisplayFileUploadModal,\n  simpleLayout\n}) => (\n  <div className=\"page\">\n    {displayFileUploadModal && (\n      <FileUploadModal\n        onClose={() => {\n          handleDisplayFileUploadModal(false);\n          setDisplayFileUploadModal(false);\n        }}\n        getSelectedFiles={getSelectedFiles}\n      />\n    )}\n    {!simpleLayout && (\n      <>\n        <PageHeader title=\"Media library\">\n          <PageHeader.Actions>\n            <Button\n              modifiers={['small']}\n              onClick={() => {\n                handleDisplayFileUploadModal(true);\n              }}>\n              Add\n            </Button>\n            <More displayBg>\n              <More.Avatar isMoreMenu>\n                <span className=\"material-icons\">more_vert</span>\n              </More.Avatar>\n              <More.Content isMoreMenu />\n            </More>\n          </PageHeader.Actions>\n        </PageHeader>\n        <div className=\"page__content page__content--with-side-panel\">\n          <FilterPanel />\n          <MediaListing />\n        </div>\n      </>\n    )}\n  </div>\n);\n\nListing.propTypes = {\n  getSelectedFiles: PropTypes.func.isRequired,\n  handleDisplayFileUploadModal: PropTypes.func,\n  simpleLayout: PropTypes.bool,\n  setDisplayFileUploadModal: PropTypes.func.isRequired,\n  displayFileUploadModal: PropTypes.bool.isRequired\n};\n\nListing.defaultProps = {\n  handleDisplayFileUploadModal: () => {},\n  simpleLayout: false\n};\n\nexport default Listing;\n"],"mappings":"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"}
+{"version":3,"file":"Listing.js","names":["_react","_interopRequireDefault","require","_admin","_button","_more","_propTypes","_FileUploadModal","_MediaListing","_FilterPanel","Listing","_ref","displayFileUploadModal","handleDisplayFileUploadModal","getSelectedFiles","setDisplayFileUploadModal","closeModalAndSetValue","simpleLayout","createElement","className","onClose","Fragment","PageHeader","title","Actions","modifiers","onClick","displayBg","Avatar","isMoreMenu","Content","propTypes","PropTypes","func","isRequired","bool","defaultProps","_default","exports"],"sources":["../../../../src/components/ListingContainer/Listing/Listing.js"],"sourcesContent":["import React from 'react';\nimport { PageHeader } from '@blaze-cms/admin';\nimport Button from '@blaze-react/button';\nimport More from '@blaze-react/more';\nimport PropTypes from 'prop-types';\nimport FileUploadModal from '../../FileUploadModal';\nimport MediaListing from './MediaListing';\nimport FilterPanel from '../../FilterPanel';\n\nconst Listing = ({\n  displayFileUploadModal,\n  handleDisplayFileUploadModal,\n  getSelectedFiles,\n  setDisplayFileUploadModal,\n  closeModalAndSetValue,\n  simpleLayout\n}) => (\n  <div className=\"page\">\n    {displayFileUploadModal && (\n      <FileUploadModal\n        onClose={() => {\n          handleDisplayFileUploadModal(false);\n          setDisplayFileUploadModal(false);\n        }}\n        closeModalAndSetValue={closeModalAndSetValue}\n        simpleLayout={simpleLayout}\n        getSelectedFiles={getSelectedFiles}\n      />\n    )}\n    {!simpleLayout && (\n      <>\n        <PageHeader title=\"Media library\">\n          <PageHeader.Actions>\n            <Button\n              modifiers={['small']}\n              onClick={() => {\n                handleDisplayFileUploadModal(true);\n              }}>\n              Add\n            </Button>\n            <More displayBg>\n              <More.Avatar isMoreMenu>\n                <span className=\"material-icons\">more_vert</span>\n              </More.Avatar>\n              <More.Content isMoreMenu />\n            </More>\n          </PageHeader.Actions>\n        </PageHeader>\n        <div className=\"page__content page__content--with-side-panel\">\n          <FilterPanel />\n          <MediaListing />\n        </div>\n      </>\n    )}\n  </div>\n);\n\nListing.propTypes = {\n  getSelectedFiles: PropTypes.func.isRequired,\n  handleDisplayFileUploadModal: PropTypes.func,\n  simpleLayout: PropTypes.bool,\n  setDisplayFileUploadModal: PropTypes.func.isRequired,\n  displayFileUploadModal: PropTypes.bool.isRequired,\n  closeModalAndSetValue: PropTypes.func\n};\n\nListing.defaultProps = {\n  closeModalAndSetValue: () => {},\n  handleDisplayFileUploadModal: () => {},\n  simpleLayout: false\n};\n\nexport default Listing;\n"],"mappings":"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"}

package/lib/components/ListingContainer/ListingContainer.js

@@ -45,6 +45,7 @@ var ListingContainer = function ListingContainer(_ref) {
     filesSelected = _ref.filesSelected,
     displayFileUploadModal = _ref.displayFileUploadModal,
     setDisplayFileUploadModal = _ref.setDisplayFileUploadModal,
+    closeModalAndSetValue = _ref.closeModalAndSetValue,
     simpleLayout = _ref.simpleLayout;
   var _useState = (0, _react.useState)(filesSelected || []),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -71,8 +72,13 @@ var ListingContainer = function ListingContainer(_ref) {
     _useQuery$data2$getFi = _useQuery$data2.getFileStores,
     fileStores = _useQuery$data2$getFi === void 0 ? [] : _useQuery$data2$getFi;
   if (loading) return null;
-  var getSelectedFiles = function getSelectedFiles(_ref2) {
-    var id = _ref2.id;
+  var getSelectedFiles = function getSelectedFiles(file, files) {
+    if (simpleLayout) {
+      handleSelectedFiles(files, false);
+      setSelectedFiles(files);
+      return;
+    }
+    var id = file.id;
     var existPreviousFile = (0, _mappers.existPrevious)(selectedFiles, id);
     if (maxItems === selectedFiles.length && !existPreviousFile) {
       handleSelectedFiles([id], false);
@@ -88,8 +94,8 @@ var ListingContainer = function ListingContainer(_ref) {
   var handleDisplayFileUploadModal = function handleDisplayFileUploadModal(param) {
     return setDisplayFileUploadModal(param);
   };
-  var defaultFileStore = (fileStores.find(function (_ref3) {
-    var isDefault = _ref3.isDefault;
+  var defaultFileStore = (fileStores.find(function (_ref2) {
+    var isDefault = _ref2.isDefault;
     return isDefault;
   }) || {}).key;
   return /*#__PURE__*/_react["default"].createElement(_toaster.ToastProvider, null, /*#__PURE__*/_react["default"].createElement(_mediaContext.MediaContextProvider, {
@@ -110,11 +116,14 @@ var ListingContainer = function ListingContainer(_ref) {
       }
     }
   }, /*#__PURE__*/_react["default"].createElement(_FilesListProvider["default"], null, /*#__PURE__*/_react["default"].createElement(_Listing["default"], {
+    closeModalAndSetValue: closeModalAndSetValue,
     simpleLayout: simpleLayout,
     getSelectedFiles: getSelectedFiles,
     setDisplayFileUploadModal: setDisplayFileUploadModal,
     displayFileUploadModal: displayFileUploadModal,
-    handleDisplayFileUploadModal: handleDisplayFileUploadModal
+    handleDisplayFileUploadModal: handleDisplayFileUploadModal,
+    setSelectedFiles: setSelectedFiles,
+    handleSelectedFiles: handleSelectedFiles
   }))));
 };
 ListingContainer.propTypes = {
@@ -123,9 +132,11 @@ ListingContainer.propTypes = {
   filesSelected: _propTypes["default"].arrayOf(_propTypes["default"].string),
   simpleLayout: _propTypes["default"].bool,
   setDisplayFileUploadModal: _propTypes["default"].func.isRequired,
-  displayFileUploadModal: _propTypes["default"].bool.isRequired
+  displayFileUploadModal: _propTypes["default"].bool.isRequired,
+  closeModalAndSetValue: _propTypes["default"].func
 };
 ListingContainer.defaultProps = {
+  closeModalAndSetValue: function closeModalAndSetValue() {},
   handleSelectedFiles: function handleSelectedFiles() {},
   maxItems: false,
   filesSelected: [],

package/lib/components/ListingContainer/ListingContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListingContainer.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_client","_adminUiUtils","_toaster","_Listing","_availableFilters","_mediaContext","_FilesListProvider","_mappers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ListingContainer","_ref","handleSelectedFiles","maxItems","filesSelected","displayFileUploadModal","setDisplayFileUploadModal","simpleLayout","_useState","useState","_useState2","_slicedToArray2","selectedFiles","setSelectedFiles","_useState3","isSearch","searchTerm","storeKey","_useState4","selectedFilter","setSelectedFilter","fileStoresType","getQuery","_useQuery","useQuery","variables","visibleInAdmin","loading","_useQuery$data","data","_useQuery$data2","_useQuery$data2$getFi","getFileStores","fileStores","getSelectedFiles","_ref2","id","existPreviousFile","existPrevious","allSelectedFiles","fileId","concat","_toConsumableArray2","handleDisplayFileUploadModal","param","defaultFileStore","find","_ref3","isDefault","key","createElement","ToastProvider","MediaContextProvider","value","changeSelectedFilter","filters","availableFilters","onClickPrompt","propTypes","PropTypes","func","oneOfType","number","bool","arrayOf","string","isRequired","defaultProps","_default","exports"],"sources":["../../../src/components/ListingContainer/ListingContainer.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { ToastProvider } from '@blaze-react/toaster';\nimport Listing from './Listing';\nimport { availableFilters } from '../../utils/available-filters/available-filters';\nimport { MediaContextProvider } from '../../utils/media-context';\nimport FilesListProvider from '../FileList/FilesListProvider';\nimport { existPrevious } from './mappers';\n\nconst ListingContainer = ({\n  handleSelectedFiles,\n  maxItems,\n  filesSelected,\n  displayFileUploadModal,\n  setDisplayFileUploadModal,\n  simpleLayout\n}) => {\n  const [selectedFiles, setSelectedFiles] = useState(filesSelected || []);\n  const [selectedFilter, setSelectedFilter] = useState({\n    filter: 'all',\n    isSearch: false,\n    searchTerm: null,\n    storeKey: null\n  });\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n  const { loading, data: { getFileStores: fileStores = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n  if (loading) return null;\n\n  const getSelectedFiles = ({ id }) => {\n    const existPreviousFile = existPrevious(selectedFiles, id);\n    if (maxItems === selectedFiles.length && !existPreviousFile) {\n      handleSelectedFiles([id], false);\n      setSelectedFiles([id]);\n    } else {\n      const allSelectedFiles = existPreviousFile\n        ? selectedFiles.filter(fileId => fileId !== existPreviousFile)\n        : [...selectedFiles, id];\n\n      handleSelectedFiles(allSelectedFiles, false);\n      setSelectedFiles(allSelectedFiles);\n    }\n  };\n\n  const handleDisplayFileUploadModal = param => setDisplayFileUploadModal(param);\n  const defaultFileStore = (fileStores.find(({ isDefault }) => isDefault) || {}).key;\n\n  return (\n    <ToastProvider>\n      <MediaContextProvider\n        value={{\n          fileStores,\n          defaultFileStore,\n          changeSelectedFilter: value => setSelectedFilter(value),\n          selectedFilter: {\n            ...selectedFilter,\n            storeKey: selectedFilter.storeKey || defaultFileStore\n          },\n          selectedFiles,\n          getSelectedFiles,\n          filters: availableFilters,\n          onClickPrompt: () => handleDisplayFileUploadModal(true)\n        }}>\n        <FilesListProvider>\n          <Listing\n            simpleLayout={simpleLayout}\n            getSelectedFiles={getSelectedFiles}\n            setDisplayFileUploadModal={setDisplayFileUploadModal}\n            displayFileUploadModal={displayFileUploadModal}\n            handleDisplayFileUploadModal={handleDisplayFileUploadModal}\n          />\n        </FilesListProvider>\n      </MediaContextProvider>\n    </ToastProvider>\n  );\n};\n\nListingContainer.propTypes = {\n  handleSelectedFiles: PropTypes.func,\n  maxItems: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\n  filesSelected: PropTypes.arrayOf(PropTypes.string),\n  simpleLayout: PropTypes.bool,\n  setDisplayFileUploadModal: PropTypes.func.isRequired,\n  displayFileUploadModal: PropTypes.bool.isRequired\n};\n\nListingContainer.defaultProps = {\n  handleSelectedFiles: () => {},\n  maxItems: false,\n  filesSelected: [],\n  simpleLayout: false\n};\n\nexport default ListingContainer;\n"],"mappings":"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"}
+{"version":3,"file":"ListingContainer.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_client","_adminUiUtils","_toaster","_Listing","_availableFilters","_mediaContext","_FilesListProvider","_mappers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ListingContainer","_ref","handleSelectedFiles","maxItems","filesSelected","displayFileUploadModal","setDisplayFileUploadModal","closeModalAndSetValue","simpleLayout","_useState","useState","_useState2","_slicedToArray2","selectedFiles","setSelectedFiles","_useState3","isSearch","searchTerm","storeKey","_useState4","selectedFilter","setSelectedFilter","fileStoresType","getQuery","_useQuery","useQuery","variables","visibleInAdmin","loading","_useQuery$data","data","_useQuery$data2","_useQuery$data2$getFi","getFileStores","fileStores","getSelectedFiles","file","files","id","existPreviousFile","existPrevious","allSelectedFiles","fileId","concat","_toConsumableArray2","handleDisplayFileUploadModal","param","defaultFileStore","find","_ref2","isDefault","key","createElement","ToastProvider","MediaContextProvider","value","changeSelectedFilter","filters","availableFilters","onClickPrompt","propTypes","PropTypes","func","oneOfType","number","bool","arrayOf","string","isRequired","defaultProps","_default","exports"],"sources":["../../../src/components/ListingContainer/ListingContainer.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { ToastProvider } from '@blaze-react/toaster';\nimport Listing from './Listing';\nimport { availableFilters } from '../../utils/available-filters/available-filters';\nimport { MediaContextProvider } from '../../utils/media-context';\nimport FilesListProvider from '../FileList/FilesListProvider';\nimport { existPrevious } from './mappers';\n\nconst ListingContainer = ({\n  handleSelectedFiles,\n  maxItems,\n  filesSelected,\n  displayFileUploadModal,\n  setDisplayFileUploadModal,\n  closeModalAndSetValue,\n  simpleLayout\n}) => {\n  const [selectedFiles, setSelectedFiles] = useState(filesSelected || []);\n  const [selectedFilter, setSelectedFilter] = useState({\n    filter: 'all',\n    isSearch: false,\n    searchTerm: null,\n    storeKey: null\n  });\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n  const { loading, data: { getFileStores: fileStores = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n  if (loading) return null;\n\n  const getSelectedFiles = (file, files) => {\n    if (simpleLayout) {\n      handleSelectedFiles(files, false);\n      setSelectedFiles(files);\n      return;\n    }\n    const { id } = file;\n    const existPreviousFile = existPrevious(selectedFiles, id);\n    if (maxItems === selectedFiles.length && !existPreviousFile) {\n      handleSelectedFiles([id], false);\n      setSelectedFiles([id]);\n    } else {\n      const allSelectedFiles = existPreviousFile\n        ? selectedFiles.filter(fileId => fileId !== existPreviousFile)\n        : [...selectedFiles, id];\n\n      handleSelectedFiles(allSelectedFiles, false);\n      setSelectedFiles(allSelectedFiles);\n    }\n  };\n\n  const handleDisplayFileUploadModal = param => setDisplayFileUploadModal(param);\n  const defaultFileStore = (fileStores.find(({ isDefault }) => isDefault) || {}).key;\n\n  return (\n    <ToastProvider>\n      <MediaContextProvider\n        value={{\n          fileStores,\n          defaultFileStore,\n          changeSelectedFilter: value => setSelectedFilter(value),\n          selectedFilter: {\n            ...selectedFilter,\n            storeKey: selectedFilter.storeKey || defaultFileStore\n          },\n          selectedFiles,\n          getSelectedFiles,\n          filters: availableFilters,\n          onClickPrompt: () => handleDisplayFileUploadModal(true)\n        }}>\n        <FilesListProvider>\n          <Listing\n            closeModalAndSetValue={closeModalAndSetValue}\n            simpleLayout={simpleLayout}\n            getSelectedFiles={getSelectedFiles}\n            setDisplayFileUploadModal={setDisplayFileUploadModal}\n            displayFileUploadModal={displayFileUploadModal}\n            handleDisplayFileUploadModal={handleDisplayFileUploadModal}\n            setSelectedFiles={setSelectedFiles}\n            handleSelectedFiles={handleSelectedFiles}\n          />\n        </FilesListProvider>\n      </MediaContextProvider>\n    </ToastProvider>\n  );\n};\n\nListingContainer.propTypes = {\n  handleSelectedFiles: PropTypes.func,\n  maxItems: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\n  filesSelected: PropTypes.arrayOf(PropTypes.string),\n  simpleLayout: PropTypes.bool,\n  setDisplayFileUploadModal: PropTypes.func.isRequired,\n  displayFileUploadModal: PropTypes.bool.isRequired,\n  closeModalAndSetValue: PropTypes.func\n};\n\nListingContainer.defaultProps = {\n  closeModalAndSetValue: () => {},\n  handleSelectedFiles: () => {},\n  maxItems: false,\n  filesSelected: [],\n  simpleLayout: false\n};\n\nexport default ListingContainer;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;AACA,IAAAS,kBAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AAA0C,SAAAW,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAb,wBAAAa,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAY,QAAApB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAU,IAAA,CAAArB,CAAA,OAAAW,MAAA,CAAAW,qBAAA,QAAAC,CAAA,GAAAZ,MAAA,CAAAW,qBAAA,CAAAtB,CAAA,GAAAE,CAAA,KAAAqB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAtB,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAuB,UAAA,OAAAtB,CAAA,CAAAuB,IAAA,CAAAC,KAAA,CAAAxB,CAAA,EAAAoB,CAAA,YAAApB,CAAA;AAAA,SAAAyB,cAAA5B,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA2B,SAAA,CAAAC,MAAA,EAAA5B,CAAA,UAAAC,CAAA,WAAA0B,SAAA,CAAA3B,CAAA,IAAA2B,SAAA,CAAA3B,CAAA,QAAAA,CAAA,OAAAkB,OAAA,CAAAT,MAAA,CAAAR,CAAA,OAAA4B,OAAA,WAAA7B,CAAA,QAAA8B,gBAAA,aAAAhC,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAAsB,yBAAA,GAAAtB,MAAA,CAAAuB,gBAAA,CAAAlC,CAAA,EAAAW,MAAA,CAAAsB,yBAAA,CAAA9B,CAAA,KAAAiB,OAAA,CAAAT,MAAA,CAAAR,CAAA,GAAA4B,OAAA,WAAA7B,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAE1C,IAAMmC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAQhB;EAAA,IAPJC,mBAAmB,GAAAD,IAAA,CAAnBC,mBAAmB;IACnBC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,sBAAsB,GAAAJ,IAAA,CAAtBI,sBAAsB;IACtBC,yBAAyB,GAAAL,IAAA,CAAzBK,yBAAyB;IACzBC,qBAAqB,GAAAN,IAAA,CAArBM,qBAAqB;IACrBC,YAAY,GAAAP,IAAA,CAAZO,YAAY;EAEZ,IAAAC,SAAA,GAA0C,IAAAC,eAAQ,EAACN,aAAa,IAAI,EAAE,CAAC;IAAAO,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAhEI,aAAa,GAAAF,UAAA;IAAEG,gBAAgB,GAAAH,UAAA;EACtC,IAAAI,UAAA,GAA4C,IAAAL,eAAQ,EAAC;MACnDrB,MAAM,EAAE,KAAK;MACb2B,QAAQ,EAAE,KAAK;MACfC,UAAU,EAAE,IAAI;MAChBC,QAAQ,EAAE;IACZ,CAAC,CAAC;IAAAC,UAAA,OAAAP,eAAA,aAAAG,UAAA;IALKK,cAAc,GAAAD,UAAA;IAAEE,iBAAiB,GAAAF,UAAA;EAOxC,IAAMG,cAAc,GAAG,IAAAC,sBAAQ,EAAC,iBAAiB,CAAC;EAClD,IAAAC,SAAA,GAAmE,IAAAC,gBAAQ,EAACH,cAAc,EAAE;MAC1FI,SAAS,EAAE;QAAEC,cAAc,EAAE;MAAK;IACpC,CAAC,CAAC;IAFMC,OAAO,GAAAJ,SAAA,CAAPI,OAAO;IAAAC,cAAA,GAAAL,SAAA,CAAEM,IAAI;IAAAC,eAAA,GAAAF,cAAA,cAAuC,CAAC,CAAC,GAAAA,cAAA;IAAAG,qBAAA,GAAAD,eAAA,CAArCE,aAAa;IAAEC,UAAU,GAAAF,qBAAA,cAAG,EAAE,GAAAA,qBAAA;EAGvD,IAAIJ,OAAO,EAAE,OAAO,IAAI;EAExB,IAAMO,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,IAAI,EAAEC,KAAK,EAAK;IACxC,IAAI7B,YAAY,EAAE;MAChBN,mBAAmB,CAACmC,KAAK,EAAE,KAAK,CAAC;MACjCvB,gBAAgB,CAACuB,KAAK,CAAC;MACvB;IACF;IACA,IAAQC,EAAE,GAAKF,IAAI,CAAXE,EAAE;IACV,IAAMC,iBAAiB,GAAG,IAAAC,sBAAa,EAAC3B,aAAa,EAAEyB,EAAE,CAAC;IAC1D,IAAInC,QAAQ,KAAKU,aAAa,CAAClB,MAAM,IAAI,CAAC4C,iBAAiB,EAAE;MAC3DrC,mBAAmB,CAAC,CAACoC,EAAE,CAAC,EAAE,KAAK,CAAC;MAChCxB,gBAAgB,CAAC,CAACwB,EAAE,CAAC,CAAC;IACxB,CAAC,MAAM;MACL,IAAMG,gBAAgB,GAAGF,iBAAiB,GACtC1B,aAAa,CAACxB,MAAM,CAAC,UAAAqD,MAAM;QAAA,OAAIA,MAAM,KAAKH,iBAAiB;MAAA,EAAC,MAAAI,MAAA,KAAAC,mBAAA,aACxD/B,aAAa,IAAEyB,EAAE,EAAC;MAE1BpC,mBAAmB,CAACuC,gBAAgB,EAAE,KAAK,CAAC;MAC5C3B,gBAAgB,CAAC2B,gBAAgB,CAAC;IACpC;EACF,CAAC;EAED,IAAMI,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAGC,KAAK;IAAA,OAAIxC,yBAAyB,CAACwC,KAAK,CAAC;EAAA;EAC9E,IAAMC,gBAAgB,GAAG,CAACb,UAAU,CAACc,IAAI,CAAC,UAAAC,KAAA;IAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;IAAA,OAAOA,SAAS;EAAA,EAAC,IAAI,CAAC,CAAC,EAAEC,GAAG;EAElF,oBACEpG,MAAA,YAAAqG,aAAA,CAAC9F,QAAA,CAAA+F,aAAa,qBACZtG,MAAA,YAAAqG,aAAA,CAAC3F,aAAA,CAAA6F,oBAAoB;IACnBC,KAAK,EAAE;MACLrB,UAAU,EAAVA,UAAU;MACVa,gBAAgB,EAAhBA,gBAAgB;MAChBS,oBAAoB,EAAE,SAAAA,qBAAAD,KAAK;QAAA,OAAIlC,iBAAiB,CAACkC,KAAK,CAAC;MAAA;MACvDnC,cAAc,EAAA3B,aAAA,CAAAA,aAAA,KACT2B,cAAc;QACjBF,QAAQ,EAAEE,cAAc,CAACF,QAAQ,IAAI6B;MAAgB,EACtD;MACDlC,aAAa,EAAbA,aAAa;MACbsB,gBAAgB,EAAhBA,gBAAgB;MAChBsB,OAAO,EAAEC,kCAAgB;MACzBC,aAAa,EAAE,SAAAA,cAAA;QAAA,OAAMd,4BAA4B,CAAC,IAAI,CAAC;MAAA;IACzD;EAAE,gBACF9F,MAAA,YAAAqG,aAAA,CAAC1F,kBAAA,WAAiB,qBAChBX,MAAA,YAAAqG,aAAA,CAAC7F,QAAA,WAAO;IACNgD,qBAAqB,EAAEA,qBAAsB;IAC7CC,YAAY,EAAEA,YAAa;IAC3B2B,gBAAgB,EAAEA,gBAAiB;IACnC7B,yBAAyB,EAAEA,yBAA0B;IACrDD,sBAAsB,EAAEA,sBAAuB;IAC/CwC,4BAA4B,EAAEA,4BAA6B;IAC3D/B,gBAAgB,EAAEA,gBAAiB;IACnCZ,mBAAmB,EAAEA;EAAoB,CAC1C,CACgB,CACC,CACT,CAAC;AAEpB,CAAC;AAEDF,gBAAgB,CAAC4D,SAAS,GAAG;EAC3B1D,mBAAmB,EAAE2D,qBAAS,CAACC,IAAI;EACnC3D,QAAQ,EAAE0D,qBAAS,CAACE,SAAS,CAAC,CAACF,qBAAS,CAACG,MAAM,EAAEH,qBAAS,CAACI,IAAI,CAAC,CAAC;EACjE7D,aAAa,EAAEyD,qBAAS,CAACK,OAAO,CAACL,qBAAS,CAACM,MAAM,CAAC;EAClD3D,YAAY,EAAEqD,qBAAS,CAACI,IAAI;EAC5B3D,yBAAyB,EAAEuD,qBAAS,CAACC,IAAI,CAACM,UAAU;EACpD/D,sBAAsB,EAAEwD,qBAAS,CAACI,IAAI,CAACG,UAAU;EACjD7D,qBAAqB,EAAEsD,qBAAS,CAACC;AACnC,CAAC;AAED9D,gBAAgB,CAACqE,YAAY,GAAG;EAC9B9D,qBAAqB,EAAE,SAAAA,sBAAA,EAAM,CAAC,CAAC;EAC/BL,mBAAmB,EAAE,SAAAA,oBAAA,EAAM,CAAC,CAAC;EAC7BC,QAAQ,EAAE,KAAK;EACfC,aAAa,EAAE,EAAE;EACjBI,YAAY,EAAE;AAChB,CAAC;AAAC,IAAA8D,QAAA,GAAAC,OAAA,cAEavE,gBAAgB"}

package/lib/utils/media-context/media-context.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MediaContextProvider = exports.MediaContextConsumer = exports.MediaContext = void 0;
 var _react = _interopRequireDefault(require("react"));
-var MediaContext = exports.MediaContext = /*#__PURE__*/_react["default"].createContext();
+var MediaContext = exports.MediaContext = /*#__PURE__*/_react["default"].createContext({});
 var MediaContextProvider = exports.MediaContextProvider = MediaContext.Provider;
 var MediaContextConsumer = exports.MediaContextConsumer = MediaContext.Consumer;
 //# sourceMappingURL=media-context.js.map

package/lib/utils/media-context/media-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-context.js","names":["_react","_interopRequireDefault","require","MediaContext","exports","React","createContext","MediaContextProvider","Provider","MediaContextConsumer","Consumer"],"sources":["../../../src/utils/media-context/media-context.js"],"sourcesContent":["import React from 'react';\n\nconst MediaContext = React.createContext();\nconst MediaContextProvider = MediaContext.Provider;\nconst MediaContextConsumer = MediaContext.Consumer;\n\nexport { MediaContext, MediaContextProvider, MediaContextConsumer };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAGE,iBAAK,CAACC,aAAa,CAAC,CAAC;AAC1C,IAAMC,oBAAoB,GAAAH,OAAA,CAAAG,oBAAA,GAAGJ,YAAY,CAACK,QAAQ;AAClD,IAAMC,oBAAoB,GAAAL,OAAA,CAAAK,oBAAA,GAAGN,YAAY,CAACO,QAAQ"}
+{"version":3,"file":"media-context.js","names":["_react","_interopRequireDefault","require","MediaContext","exports","React","createContext","MediaContextProvider","Provider","MediaContextConsumer","Consumer"],"sources":["../../../src/utils/media-context/media-context.js"],"sourcesContent":["import React from 'react';\n\nconst MediaContext = React.createContext({});\nconst MediaContextProvider = MediaContext.Provider;\nconst MediaContextConsumer = MediaContext.Consumer;\n\nexport { MediaContext, MediaContextProvider, MediaContextConsumer };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAGE,iBAAK,CAACC,aAAa,CAAC,CAAC,CAAC,CAAC;AAC5C,IAAMC,oBAAoB,GAAAH,OAAA,CAAAG,oBAAA,GAAGJ,YAAY,CAACK,QAAQ;AAClD,IAAMC,oBAAoB,GAAAL,OAAA,CAAAK,oBAAA,GAAGN,YAAY,CAACO,QAAQ"}

package/lib-es/components/FilePreview/Actions/index.js

@@ -15,14 +15,14 @@ const Actions = ({
     className: "FilePreviewItem__info__actions FilePreviewItem__info__actions--media-type"
   }, /*#__PURE__*/React.createElement("i", {
     className: "FilePreviewItem__info__actionsIcon material-icons"
-  }, "insert_photo"), ' ', /*#__PURE__*/React.createElement("span", null, extension)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, "insert_photo"), ' ', /*#__PURE__*/React.createElement("span", null, extension)), /*#__PURE__*/React.createElement("div", null, handleEditModal && /*#__PURE__*/React.createElement("div", {
     "data-testid": `open-media-library-${file.id}`,
     className: "FilePreviewItem__info__actionsIcon material-icons edit",
     "aria-hidden": "true",
     onClick: () => handleEditModal(file)
   }, /*#__PURE__*/React.createElement("i", {
     className: "fas fa-pen fa-xs"
-  })), /*#__PURE__*/React.createElement("div", {
+  })), onUnselectFile && /*#__PURE__*/React.createElement("div", {
     "data-testid": `unselect-${file.id}`,
     className: "FilePreviewItem__info__actionsIcon material-icons delete",
     "aria-hidden": "true",

package/lib-es/components/FilePreview/Actions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useContext","PropTypes","MediaContext","Actions","file","handleEditModal","onUnselectFile","extension","mimetype","split","createElement","Fragment","className","id","onClick","propTypes","object","isRequired"],"sources":["../../../../src/components/FilePreview/Actions/index.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MediaContext } from '../../../utils/media-context';\n\nconst Actions = ({ file }) => {\n  const { handleEditModal, onUnselectFile } = useContext(MediaContext);\n  const [, extension] = file.mimetype.split('/');\n\n  return (\n    <>\n      <div className=\"FilePreviewItem__info__actions\">\n        <div className=\"FilePreviewItem__info__actions FilePreviewItem__info__actions--media-type\">\n          <i className=\"FilePreviewItem__info__actionsIcon material-icons\">insert_photo</i>{' '}\n          <span>{extension}</span>\n        </div>\n        <div>\n          <div\n            data-testid={`open-media-library-${file.id}`}\n            className=\"FilePreviewItem__info__actionsIcon material-icons edit\"\n            aria-hidden=\"true\"\n            onClick={() => handleEditModal(file)}>\n            <i className=\"fas fa-pen fa-xs\" />\n          </div>\n          <div\n            data-testid={`unselect-${file.id}`}\n            className=\"FilePreviewItem__info__actionsIcon material-icons delete\"\n            aria-hidden=\"true\"\n            onClick={() => onUnselectFile([file.id])}>\n            <i className=\"fas fa-trash fa-xs\" />\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nActions.propTypes = {\n  file: PropTypes.object.isRequired\n};\n\nexport default Actions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,MAAMC,OAAO,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EAC5B,MAAM;IAAEC,eAAe;IAAEC;EAAe,CAAC,GAAGN,UAAU,CAACE,YAAY,CAAC;EACpE,MAAM,GAAGK,SAAS,CAAC,GAAGH,IAAI,CAACI,QAAQ,CAACC,KAAK,CAAC,GAAG,CAAC;EAE9C,oBACEV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACEZ,KAAA,CAAAW,aAAA;IAAKE,SAAS,EAAC;EAAgC,gBAC7Cb,KAAA,CAAAW,aAAA;IAAKE,SAAS,EAAC;EAA2E,gBACxFb,KAAA,CAAAW,aAAA;IAAGE,SAAS,EAAC;EAAmD,GAAC,cAAe,CAAC,EAAC,GAAG,eACrFb,KAAA,CAAAW,aAAA,eAAOH,SAAgB,CACpB,CAAC,eACNR,KAAA,CAAAW,aAAA,2BACEX,KAAA,CAAAW,aAAA;IACE,eAAc,sBAAqBN,IAAI,CAACS,EAAG,EAAE;IAC7CD,SAAS,EAAC,wDAAwD;IAClE,eAAY,MAAM;IAClBE,OAAO,EAAEA,CAAA,KAAMT,eAAe,CAACD,IAAI;EAAE,gBACrCL,KAAA,CAAAW,aAAA;IAAGE,SAAS,EAAC;EAAkB,CAAE,CAC9B,CAAC,eACNb,KAAA,CAAAW,aAAA;IACE,eAAc,YAAWN,IAAI,CAACS,EAAG,EAAE;IACnCD,SAAS,EAAC,0DAA0D;IACpE,eAAY,MAAM;IAClBE,OAAO,EAAEA,CAAA,KAAMR,cAAc,CAAC,CAACF,IAAI,CAACS,EAAE,CAAC;EAAE,gBACzCd,KAAA,CAAAW,aAAA;IAAGE,SAAS,EAAC;EAAoB,CAAE,CAChC,CACF,CACF,CACL,CAAC;AAEP,CAAC;AAEDT,OAAO,CAACY,SAAS,GAAG;EAClBX,IAAI,EAAEH,SAAS,CAACe,MAAM,CAACC;AACzB,CAAC;AAED,eAAed,OAAO"}
+{"version":3,"file":"index.js","names":["React","useContext","PropTypes","MediaContext","Actions","file","handleEditModal","onUnselectFile","extension","mimetype","split","createElement","Fragment","className","id","onClick","propTypes","object","isRequired"],"sources":["../../../../src/components/FilePreview/Actions/index.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MediaContext } from '../../../utils/media-context';\n\nconst Actions = ({ file }) => {\n  const { handleEditModal, onUnselectFile } = useContext(MediaContext);\n  const [, extension] = file.mimetype.split('/');\n\n  return (\n    <>\n      <div className=\"FilePreviewItem__info__actions\">\n        <div className=\"FilePreviewItem__info__actions FilePreviewItem__info__actions--media-type\">\n          <i className=\"FilePreviewItem__info__actionsIcon material-icons\">insert_photo</i>{' '}\n          <span>{extension}</span>\n        </div>\n        <div>\n          {handleEditModal && (\n            <div\n              data-testid={`open-media-library-${file.id}`}\n              className=\"FilePreviewItem__info__actionsIcon material-icons edit\"\n              aria-hidden=\"true\"\n              onClick={() => handleEditModal(file)}>\n              <i className=\"fas fa-pen fa-xs\" />\n            </div>\n          )}\n          {onUnselectFile && (\n            <div\n              data-testid={`unselect-${file.id}`}\n              className=\"FilePreviewItem__info__actionsIcon material-icons delete\"\n              aria-hidden=\"true\"\n              onClick={() => onUnselectFile([file.id])}>\n              <i className=\"fas fa-trash fa-xs\" />\n            </div>\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n\nActions.propTypes = {\n  file: PropTypes.object.isRequired\n};\n\nexport default Actions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,MAAMC,OAAO,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EAC5B,MAAM;IAAEC,eAAe;IAAEC;EAAe,CAAC,GAAGN,UAAU,CAACE,YAAY,CAAC;EACpE,MAAM,GAAGK,SAAS,CAAC,GAAGH,IAAI,CAACI,QAAQ,CAACC,KAAK,CAAC,GAAG,CAAC;EAE9C,oBACEV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACEZ,KAAA,CAAAW,aAAA;IAAKE,SAAS,EAAC;EAAgC,gBAC7Cb,KAAA,CAAAW,aAAA;IAAKE,SAAS,EAAC;EAA2E,gBACxFb,KAAA,CAAAW,aAAA;IAAGE,SAAS,EAAC;EAAmD,GAAC,cAAe,CAAC,EAAC,GAAG,eACrFb,KAAA,CAAAW,aAAA,eAAOH,SAAgB,CACpB,CAAC,eACNR,KAAA,CAAAW,aAAA,cACGL,eAAe,iBACdN,KAAA,CAAAW,aAAA;IACE,eAAc,sBAAqBN,IAAI,CAACS,EAAG,EAAE;IAC7CD,SAAS,EAAC,wDAAwD;IAClE,eAAY,MAAM;IAClBE,OAAO,EAAEA,CAAA,KAAMT,eAAe,CAACD,IAAI;EAAE,gBACrCL,KAAA,CAAAW,aAAA;IAAGE,SAAS,EAAC;EAAkB,CAAE,CAC9B,CACN,EACAN,cAAc,iBACbP,KAAA,CAAAW,aAAA;IACE,eAAc,YAAWN,IAAI,CAACS,EAAG,EAAE;IACnCD,SAAS,EAAC,0DAA0D;IACpE,eAAY,MAAM;IAClBE,OAAO,EAAEA,CAAA,KAAMR,cAAc,CAAC,CAACF,IAAI,CAACS,EAAE,CAAC;EAAE,gBACzCd,KAAA,CAAAW,aAAA;IAAGE,SAAS,EAAC;EAAoB,CAAE,CAChC,CAEJ,CACF,CACL,CAAC;AAEP,CAAC;AAEDT,OAAO,CAACY,SAAS,GAAG;EAClBX,IAAI,EAAEH,SAAS,CAACe,MAAM,CAACC;AACzB,CAAC;AAED,eAAed,OAAO"}

package/lib-es/components/FilePreview/Image/index.js

@@ -1,12 +1,10 @@
 import { RawImage } from './RawImage';
 import { Image } from './Image';
-import { ReadOnly } from './ReadOnly';
 import { imageSchema } from './imageSchema';
 const image = {
   component: {
     card: Image,
-    raw: RawImage,
-    readOnly: ReadOnly
+    raw: RawImage
   },
   schema: imageSchema
 };

package/lib-es/components/FilePreview/Image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["RawImage","Image","ReadOnly","imageSchema","image","component","card","raw","readOnly","schema"],"sources":["../../../../src/components/FilePreview/Image/index.js"],"sourcesContent":["import { RawImage } from './RawImage';\nimport { Image } from './Image';\nimport { ReadOnly } from './ReadOnly';\nimport { imageSchema } from './imageSchema';\n\nconst image = {\n  component: {\n    card: Image,\n    raw: RawImage,\n    readOnly: ReadOnly\n  },\n  schema: imageSchema\n};\nexport { image };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,KAAK,GAAG;EACZC,SAAS,EAAE;IACTC,IAAI,EAAEL,KAAK;IACXM,GAAG,EAAEP,QAAQ;IACbQ,QAAQ,EAAEN;EACZ,CAAC;EACDO,MAAM,EAAEN;AACV,CAAC;AACD,SAASC,KAAK"}
+{"version":3,"file":"index.js","names":["RawImage","Image","imageSchema","image","component","card","raw","schema"],"sources":["../../../../src/components/FilePreview/Image/index.js"],"sourcesContent":["import { RawImage } from './RawImage';\nimport { Image } from './Image';\nimport { imageSchema } from './imageSchema';\n\nconst image = {\n  component: {\n    card: Image,\n    raw: RawImage\n  },\n  schema: imageSchema\n};\nexport { image };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,KAAK,GAAG;EACZC,SAAS,EAAE;IACTC,IAAI,EAAEJ,KAAK;IACXK,GAAG,EAAEN;EACP,CAAC;EACDO,MAAM,EAAEL;AACV,CAAC;AACD,SAASC,KAAK"}

package/lib-es/components/FilePreviewReadOnly/FilePreviewList.js

@@ -9,7 +9,7 @@ const FilePreviewList = ({
 }, selectedFiles.map(file => /*#__PURE__*/React.createElement(FilePreview, {
   key: file.id,
   file: file,
-  previewType: "readOnly"
+  previewType: FilePreview.availablePreviewTypes.raw
 })), children);
 FilePreviewList.propTypes = {
   selectedFiles: PropTypes.array.isRequired,

package/lib-es/components/FilePreviewReadOnly/FilePreviewList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreviewList.js","names":["React","PropTypes","FilePreview","FilePreviewList","selectedFiles","children","createElement","className","map","file","key","id","previewType","propTypes","array","isRequired","oneOfType","object","string","defaultProps"],"sources":["../../../src/components/FilePreviewReadOnly/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 => <FilePreview key={file.id} file={file} previewType=\"readOnly\" />)}\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,iBAAIT,KAAA,CAAAM,aAAA,CAACJ,WAAW;EAACQ,GAAG,EAAED,IAAI,CAACE,EAAG;EAACF,IAAI,EAAEA,IAAK;EAACG,WAAW,EAAC;AAAU,CAAE,CAAC,CAAC,EAC3FP,QACE,CACN;AAEDF,eAAe,CAACU,SAAS,GAAG;EAC1BT,aAAa,EAAEH,SAAS,CAACa,KAAK,CAACC,UAAU;EACzCV,QAAQ,EAAEJ,SAAS,CAACe,SAAS,CAAC,CAACf,SAAS,CAACa,KAAK,EAAEb,SAAS,CAACgB,MAAM,EAAEhB,SAAS,CAACiB,MAAM,CAAC;AACrF,CAAC;AAEDf,eAAe,CAACgB,YAAY,GAAG;EAC7Bd,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,eAAe"}
+{"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/FilePreviewReadOnly/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"}

package/lib-es/components/FilePreviewReadOnly/FilePreviewReadOnly.js

@@ -16,7 +16,7 @@ const FilePreviewReadOnly = ({
   });
   const [selectedFiles, setSelectedFiles] = useState([]);
   const client = useApolloClient();
-  const getFiles = async (offset, ids, fetchAll) => {
+  const getFiles = async (offset, ids) => {
     const {
       data: {
         files: newFiles
@@ -24,7 +24,6 @@ const FilePreviewReadOnly = ({
     } = await client.query({
       query: getQuery('GET_FILES'),
       variables: {
-        limit: fetchAll ? 0 : 4,
         offset,
         where: {
           id: {
@@ -39,8 +38,7 @@ const FilePreviewReadOnly = ({
   };
   useEffect(() => {
     (async () => {
-      const initialFiles = !selectedFiles.length ? initialValue.filter((_, i) => i <= 3) : initialValue;
-      const files = await getFiles(0, initialFiles);
+      const files = await getFiles(0, initialValue);
       const orderedFiles = orderFiles(files, initialValue);
       setSelectedFiles(orderedFiles);
     })();

package/lib-es/components/FilePreviewReadOnly/FilePreviewReadOnly.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreviewReadOnly.js","names":["React","useState","useEffect","PropTypes","useApolloClient","getQuery","FileList","formatInitialValue","FilePreviewReadOnly","label","id","type","value","initialValue","selectedFiles","setSelectedFiles","client","getFiles","offset","ids","fetchAll","data","files","newFiles","query","variables","limit","where","_in","skip","length","fetchPolicy","initialFiles","filter","_","i","orderedFiles","orderFiles","map","currentId","find","fileId","Boolean","createElement","Fragment","className","propTypes","string","isRequired","oneOfType","array","defaultProps"],"sources":["../../../src/components/FilePreviewReadOnly/FilePreviewReadOnly.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport FileList from './FileList';\nimport { formatInitialValue } from './mappers';\n\nconst FilePreviewReadOnly = ({ label, id, type, value }) => {\n  const initialValue = formatInitialValue({ value, type });\n  const [selectedFiles, setSelectedFiles] = useState([]);\n  const client = useApolloClient();\n\n  const getFiles = async (offset, ids, fetchAll) => {\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: !initialValue.length,\n      fetchPolicy: 'network-only'\n    });\n    return newFiles;\n  };\n\n  useEffect(\n    () => {\n      (async () => {\n        const initialFiles = !selectedFiles.length\n          ? initialValue.filter((_, i) => i <= 3)\n          : initialValue;\n\n        const files = await getFiles(0, initialFiles);\n        const orderedFiles = orderFiles(files, initialValue);\n        setSelectedFiles(orderedFiles);\n      })();\n    },\n    [] //eslint-disable-line\n  );\n\n  const orderFiles = (files, ids) =>\n    ids.map(currentId => files.find(({ id: fileId }) => fileId === currentId)).filter(Boolean);\n\n  return (\n    <>\n      <div className=\"form-field form-field--button\">\n        <label>{label}</label>\n        {selectedFiles && (\n          <>\n            <FileList selectedFiles={selectedFiles} />\n          </>\n        )}\n      </div>\n    </>\n  );\n};\n\nFilePreviewReadOnly.propTypes = {\n  label: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.array])\n};\n\nFilePreviewReadOnly.defaultProps = {\n  value: ''\n};\n\nexport default FilePreviewReadOnly;\n"],"mappings":"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"}
+{"version":3,"file":"FilePreviewReadOnly.js","names":["React","useState","useEffect","PropTypes","useApolloClient","getQuery","FileList","formatInitialValue","FilePreviewReadOnly","label","id","type","value","initialValue","selectedFiles","setSelectedFiles","client","getFiles","offset","ids","data","files","newFiles","query","variables","where","_in","skip","length","fetchPolicy","orderedFiles","orderFiles","map","currentId","find","fileId","filter","Boolean","createElement","Fragment","className","propTypes","string","isRequired","oneOfType","array","defaultProps"],"sources":["../../../src/components/FilePreviewReadOnly/FilePreviewReadOnly.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport FileList from './FileList';\nimport { formatInitialValue } from './mappers';\n\nconst FilePreviewReadOnly = ({ label, id, type, value }) => {\n  const initialValue = formatInitialValue({ value, type });\n  const [selectedFiles, setSelectedFiles] = useState([]);\n  const client = useApolloClient();\n\n  const getFiles = async (offset, ids) => {\n    const {\n      data: { files: newFiles }\n    } = await client.query({\n      query: getQuery('GET_FILES'),\n      variables: {\n        offset,\n        where: {\n          id: {\n            _in: ids\n          }\n        }\n      },\n      skip: !initialValue.length,\n      fetchPolicy: 'network-only'\n    });\n    return newFiles;\n  };\n\n  useEffect(\n    () => {\n      (async () => {\n        const files = await getFiles(0, initialValue);\n        const orderedFiles = orderFiles(files, initialValue);\n        setSelectedFiles(orderedFiles);\n      })();\n    },\n    [] //eslint-disable-line\n  );\n\n  const orderFiles = (files, ids) =>\n    ids.map(currentId => files.find(({ id: fileId }) => fileId === currentId)).filter(Boolean);\n\n  return (\n    <>\n      <div className=\"form-field form-field--button\">\n        <label>{label}</label>\n        {selectedFiles && (\n          <>\n            <FileList selectedFiles={selectedFiles} />\n          </>\n        )}\n      </div>\n    </>\n  );\n};\n\nFilePreviewReadOnly.propTypes = {\n  label: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.array])\n};\n\nFilePreviewReadOnly.defaultProps = {\n  value: ''\n};\n\nexport default FilePreviewReadOnly;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,gBAAgB;AAChD,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,kBAAkB,QAAQ,WAAW;AAE9C,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,EAAE;EAAEC,IAAI;EAAEC;AAAM,CAAC,KAAK;EAC1D,MAAMC,YAAY,GAAGN,kBAAkB,CAAC;IAAEK,KAAK;IAAED;EAAK,CAAC,CAAC;EACxD,MAAM,CAACG,aAAa,EAAEC,gBAAgB,CAAC,GAAGd,QAAQ,CAAC,EAAE,CAAC;EACtD,MAAMe,MAAM,GAAGZ,eAAe,CAAC,CAAC;EAEhC,MAAMa,QAAQ,GAAG,MAAAA,CAAOC,MAAM,EAAEC,GAAG,KAAK;IACtC,MAAM;MACJC,IAAI,EAAE;QAAEC,KAAK,EAAEC;MAAS;IAC1B,CAAC,GAAG,MAAMN,MAAM,CAACO,KAAK,CAAC;MACrBA,KAAK,EAAElB,QAAQ,CAAC,WAAW,CAAC;MAC5BmB,SAAS,EAAE;QACTN,MAAM;QACNO,KAAK,EAAE;UACLf,EAAE,EAAE;YACFgB,GAAG,EAAEP;UACP;QACF;MACF,CAAC;MACDQ,IAAI,EAAE,CAACd,YAAY,CAACe,MAAM;MAC1BC,WAAW,EAAE;IACf,CAAC,CAAC;IACF,OAAOP,QAAQ;EACjB,CAAC;EAEDpB,SAAS,CACP,MAAM;IACJ,CAAC,YAAY;MACX,MAAMmB,KAAK,GAAG,MAAMJ,QAAQ,CAAC,CAAC,EAAEJ,YAAY,CAAC;MAC7C,MAAMiB,YAAY,GAAGC,UAAU,CAACV,KAAK,EAAER,YAAY,CAAC;MACpDE,gBAAgB,CAACe,YAAY,CAAC;IAChC,CAAC,EAAE,CAAC;EACN,CAAC,EACD,EAAE,CAAC;EACL,CAAC;EAED,MAAMC,UAAU,GAAGA,CAACV,KAAK,EAAEF,GAAG,KAC5BA,GAAG,CAACa,GAAG,CAACC,SAAS,IAAIZ,KAAK,CAACa,IAAI,CAAC,CAAC;IAAExB,EAAE,EAAEyB;EAAO,CAAC,KAAKA,MAAM,KAAKF,SAAS,CAAC,CAAC,CAACG,MAAM,CAACC,OAAO,CAAC;EAE5F,oBACErC,KAAA,CAAAsC,aAAA,CAAAtC,KAAA,CAAAuC,QAAA,qBACEvC,KAAA,CAAAsC,aAAA;IAAKE,SAAS,EAAC;EAA+B,gBAC5CxC,KAAA,CAAAsC,aAAA,gBAAQ7B,KAAa,CAAC,EACrBK,aAAa,iBACZd,KAAA,CAAAsC,aAAA,CAAAtC,KAAA,CAAAuC,QAAA,qBACEvC,KAAA,CAAAsC,aAAA,CAAChC,QAAQ;IAACQ,aAAa,EAAEA;EAAc,CAAE,CACzC,CAED,CACL,CAAC;AAEP,CAAC;AAEDN,mBAAmB,CAACiC,SAAS,GAAG;EAC9BhC,KAAK,EAAEN,SAAS,CAACuC,MAAM,CAACC,UAAU;EAClCjC,EAAE,EAAEP,SAAS,CAACuC,MAAM,CAACC,UAAU;EAC/BhC,IAAI,EAAER,SAAS,CAACuC,MAAM,CAACC,UAAU;EACjC/B,KAAK,EAAET,SAAS,CAACyC,SAAS,CAAC,CAACzC,SAAS,CAACuC,MAAM,EAAEvC,SAAS,CAAC0C,KAAK,CAAC;AAChE,CAAC;AAEDrC,mBAAmB,CAACsC,YAAY,GAAG;EACjClC,KAAK,EAAE;AACT,CAAC;AAED,eAAeJ,mBAAmB"}

package/lib-es/components/FileUploadAdapter/FileUploadAdapter.js

@@ -24,7 +24,8 @@ const FileUploadAdapter = ({
   maxItems,
   shouldRenderInPreview,
   canDragAndDrop,
-  simpleLayout
+  simpleLayout,
+  previewAllFiles
 }) => {
   const {
     InjectPreview
@@ -44,7 +45,7 @@ const FileUploadAdapter = ({
   const {
     addToast
   } = useToasts();
-  const getFiles = async (offset, ids, fetchAll) => {
+  const getFiles = async (offset, ids, fetchAll = previewAllFiles) => {
     const {
       data: {
         files: newFiles
@@ -67,7 +68,7 @@ const FileUploadAdapter = ({
   };
   useEffect(() => {
     (async () => {
-      const initialFiles = !selectedFiles.length ? currentValue.filter((_, i) => i <= 3) : currentValue;
+      const initialFiles = !selectedFiles.length && !previewAllFiles ? currentValue.filter((_, i) => i <= 3) : currentValue;
       const files = await getFiles(0, initialFiles);
       const orderedFiles = orderFiles(files, currentValue);
       setCurrentOffset(0);
@@ -129,10 +130,10 @@ const FileUploadAdapter = ({
       value: parsedValue
     });
   };
-  const closeModalAndSetValue = isSaving => {
+  const closeModalAndSetValue = (isSaving, values) => {
     if (isSaving) {
       const parsedValue = getFormat(type, {
-        filesIds: currentValue
+        filesIds: simpleLayout ? values : currentValue
       });
       setDisplayModal(false);
       return onChange({
@@ -154,7 +155,7 @@ const FileUploadAdapter = ({
     maxItems,
     value: initialValue
   });
-  const filesPending = getNumberFilesPendingToFetch(currentOffset, currentValue);
+  const filesPending = previewAllFiles ? 0 : getNumberFilesPendingToFetch(currentOffset, currentValue);
   const onOpenLibrary = () => setDisplayModal(true);
   const handleEditModal = file => {
     const selectedEditFile = selectedFiles.find(({
@@ -314,6 +315,7 @@ const FileUploadAdapter = ({
     className: "file-upload-modal-wrapper"
   }, /*#__PURE__*/React.createElement(ListingContainer, {
     displayFileUploadModal: displayFileUploadModal,
+    closeModalAndSetValue: closeModalAndSetValue,
     setDisplayFileUploadModal: setDisplayFileUploadModal,
     handleSelectedFiles: handleSelectedFiles,
     maxItems: currentLimit,
@@ -327,6 +329,7 @@ const FileUploadAdapter = ({
     title: "Media library",
     onClose: () => closeModalAndSetValue()
   }, /*#__PURE__*/React.createElement(ListingContainer, {
+    closeModalAndSetValue: closeModalAndSetValue,
     displayFileUploadModal: displayFileUploadModal,
     setDisplayFileUploadModal: setDisplayFileUploadModal,
     handleSelectedFiles: handleSelectedFiles,
@@ -343,14 +346,16 @@ FileUploadAdapter.propTypes = {
   maxItems: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),
   shouldRenderInPreview: PropTypes.bool,
   canDragAndDrop: PropTypes.bool,
-  simpleLayout: PropTypes.bool
+  simpleLayout: PropTypes.bool,
+  previewAllFiles: PropTypes.bool
 };
 FileUploadAdapter.defaultProps = {
   value: '',
   maxItems: false,
   shouldRenderInPreview: false,
   canDragAndDrop: false,
-  simpleLayout: false
+  simpleLayout: false,
+  previewAllFiles: false
 };
 export default FileUploadAdapter;
 //# sourceMappingURL=FileUploadAdapter.js.map