@blaze-cms/plugin-media-ui 0.146.0-node18-core-styles-tooltips.10 → 0.146.0-node18-core-styles-tooltips.11

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploadAdapter.js","names":["React","useState","useContext","useEffect","FileUpload","PropTypes","useApolloClient","getQuery","getMutation","ModalAdapter","Modal","parseFormValues","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","fileType","InjectPreview","FormContext","currentLimit","displayModal","setDisplayModal","displayFileUploadModal","setDisplayFileUploadModal","initialValue","currentValue","setCurrentValue","currentOffset","setCurrentOffset","selectedFiles","setSelectedFiles","editFile","setEditFile","client","addToast","getFiles","offset","ids","fetchAll","data","files","newFiles","query","variables","limit","where","_in","skip","length","fetchPolicy","initialFiles","filter","_","i","orderedFiles","orderFiles","fetchMore","shouldFetchAll","newOffset","updatedOffset","offsetToUse","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","valuesChecked","altText","caption","credits","hrefUrl","_objectSpread","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 } from '@apollo/client';\nimport { getQuery, getMutation, ModalAdapter as Modal } from '@blaze-cms/admin-ui-utils';\nimport { parseFormValues } from '@blaze-cms/react-form-builder';\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  fileType\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 [currentOffset, setCurrentOffset] = useState(0);\n  const [selectedFiles, setSelectedFiles] = useState([]);\n  const [editFile, setEditFile] = useState(null);\n  const client = useApolloClient();\n  const { addToast } = useToasts();\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        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        setCurrentOffset(0);\n        setSelectedFiles(orderedFiles);\n      })();\n    },\n    [currentValue] //eslint-disable-line\n  );\n\n  const fetchMore = async shouldFetchAll => {\n    if (selectedFiles.length === currentValue.length) return;\n    const newOffset = currentOffset + 4;\n    const updatedOffset = newOffset > currentValue.length ? currentValue.length : newOffset;\n    const offsetToUse = shouldFetchAll ? 0 : updatedOffset;\n    const files = await getFiles(offsetToUse, currentValue, shouldFetchAll);\n    const newFiles = [...selectedFiles, ...files];\n    const orderedFiles = orderFiles(newFiles, currentValue);\n    setSelectedFiles(orderedFiles);\n    setCurrentOffset(newOffset);\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(currentOffset, 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 values = parseFormValues(editedFile.valuesChecked);\n\n    const { altText, caption, credits, hrefUrl, name } = values;\n    setEditFile({\n      ...editFile,\n      name,\n      data: {\n        altText,\n        caption,\n        credits,\n        hrefUrl\n      }\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 } = 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                name,\n                data,\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          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          />\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          />\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            />\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};\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};\n\nexport default FileUploadAdapter;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FileUploadAdapter.js","names":["React","useState","useContext","useEffect","FileUpload","PropTypes","useApolloClient","getQuery","getMutation","ModalAdapter","Modal","parseFormValues","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","getFiles","offset","ids","fetchAll","data","files","newFiles","query","variables","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","valuesChecked","altText","caption","credits","hrefUrl","_objectSpread","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 } from '@apollo/client';\nimport { getQuery, getMutation, ModalAdapter as Modal } from '@blaze-cms/admin-ui-utils';\nimport { parseFormValues } from '@blaze-cms/react-form-builder';\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 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 values = parseFormValues(editedFile.valuesChecked);\n\n    const { altText, caption, credits, hrefUrl, name } = values;\n    setEditFile({\n      ...editFile,\n      name,\n      data: {\n        altText,\n        caption,\n        credits,\n        hrefUrl\n      }\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 } = 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                name,\n                data,\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          />\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":[]}

package/lib-es/components/FileUploadAdapter/mappers/get-number-files-pending-to-fetch.js

@@ -1,6 +1,7 @@
-export const getNumberFilesPendingToFetch = (currentOffset, currentValue) => {
-  const offsetSet = currentOffset + 4;
-  const offset = currentValue.length < offsetSet ? currentValue.length : offsetSet;
-  return currentValue.length - offset;
+export const getNumberFilesPendingToFetch = (loadedFilesCount, currentValue) => {
+  if (loadedFilesCount >= currentValue.length) {
+    return 0;
+  }
+  return currentValue.length - loadedFilesCount;
 };
 //# sourceMappingURL=get-number-files-pending-to-fetch.js.map

package/lib-es/components/FileUploadAdapter/mappers/get-number-files-pending-to-fetch.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-number-files-pending-to-fetch.js","names":["getNumberFilesPendingToFetch","currentOffset","currentValue","offsetSet","offset","length"],"sources":["../../../../src/components/FileUploadAdapter/mappers/get-number-files-pending-to-fetch.js"],"sourcesContent":["export const getNumberFilesPendingToFetch = (currentOffset, currentValue) => {\n  const offsetSet = currentOffset + 4;\n  const offset = currentValue.length < offsetSet ? currentValue.length : offsetSet;\n  return currentValue.length - offset;\n};\n"],"mappings":"AAAA,OAAO,MAAMA,4BAA4B,GAAGA,CAACC,aAAa,EAAEC,YAAY,KAAK;EAC3E,MAAMC,SAAS,GAAGF,aAAa,GAAG,CAAC;EACnC,MAAMG,MAAM,GAAGF,YAAY,CAACG,MAAM,GAAGF,SAAS,GAAGD,YAAY,CAACG,MAAM,GAAGF,SAAS;EAChF,OAAOD,YAAY,CAACG,MAAM,GAAGD,MAAM;AACrC,CAAC","ignoreList":[]}
+{"version":3,"file":"get-number-files-pending-to-fetch.js","names":["getNumberFilesPendingToFetch","loadedFilesCount","currentValue","length"],"sources":["../../../../src/components/FileUploadAdapter/mappers/get-number-files-pending-to-fetch.js"],"sourcesContent":["export const getNumberFilesPendingToFetch = (loadedFilesCount, currentValue) => {\n  if (loadedFilesCount >= currentValue.length) {\n    return 0;\n  }\n\n  return currentValue.length - loadedFilesCount;\n};\n"],"mappings":"AAAA,OAAO,MAAMA,4BAA4B,GAAGA,CAACC,gBAAgB,EAAEC,YAAY,KAAK;EAC9E,IAAID,gBAAgB,IAAIC,YAAY,CAACC,MAAM,EAAE;IAC3C,OAAO,CAAC;EACV;EAEA,OAAOD,YAAY,CAACC,MAAM,GAAGF,gBAAgB;AAC/C,CAAC","ignoreList":[]}

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

@@ -13,7 +13,9 @@ const FileUploadModal = ({
   getSelectedFiles,
   closeModalAndSetValue,
   simpleLayout,
-  fileId
+  fileId,
+  storeKey,
+  selectedStoreKey
 }) => {
   const [files, setFiles] = useState([]);
   const {
@@ -41,11 +43,11 @@ const FileUploadModal = ({
       file,
       name,
       data,
-      storeKey
+      storeKey: fileStoreKey
     }) => {
       const payload = {
         name,
-        storeKey,
+        storeKey: fileStoreKey,
         data
       };
       if (fileId) {
@@ -92,7 +94,8 @@ const FileUploadModal = ({
     if (files.length) await uploadFiles();
     onClose();
   };
-  const storeOptions = storeType.map(type => [type.key, type.name]);
+  let storeOptions = storeType.map(type => [type.key, type.name]);
+  storeOptions = storeKey ? storeOptions.filter(([key]) => key === storeKey) : storeOptions;
   return /*#__PURE__*/React.createElement(Modal, {
     onClose: onClose,
     title: "Add media",
@@ -107,6 +110,7 @@ const FileUploadModal = ({
     }],
     upload: true
   }, /*#__PURE__*/React.createElement(FileUpload, {
+    storeKey: selectedStoreKey || storeKey,
     onChange: handleFiles,
     selectOptions: storeOptions
   }));
@@ -116,13 +120,17 @@ FileUploadModal.propTypes = {
   getSelectedFiles: PropTypes.func.isRequired,
   onClose: PropTypes.func,
   simpleLayout: PropTypes.bool,
-  closeModalAndSetValue: PropTypes.func
+  closeModalAndSetValue: PropTypes.func,
+  storeKey: PropTypes.string,
+  selectedStoreKey: PropTypes.string
 };
 FileUploadModal.defaultProps = {
   onClose: () => {},
   closeModalAndSetValue: () => {},
   simpleLayout: false,
-  fileId: null
+  fileId: null,
+  storeKey: null,
+  selectedStoreKey: null
 };
 export default FileUploadModal;
 //# sourceMappingURL=FileUploadModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploadModal.js","names":["React","useState","ModalAdapter","Modal","getMutation","getQuery","FileUpload","PropTypes","useToasts","useApolloClient","useQuery","useFileList","FileUploadModal","onClose","getSelectedFiles","closeModalAndSetValue","simpleLayout","fileId","files","setFiles","addToast","client","addNewFile","fileStoresType","data","getFileStores","storeType","variables","visibleInAdmin","handleFiles","filesToUpload","uploadFiles","response","Promise","all","map","file","name","storeKey","payload","id","filename","mutate","mutation","input","_objectSpread","catch","error","message","appearance","autoDismiss","parsedResponse","result","fileNames","toastMessage","join","filesToSelect","handleOnSave","length","storeOptions","type","key","createElement","title","actions","textButton","callback","modifiers","upload","onChange","selectOptions","propTypes","string","func","isRequired","bool","defaultProps"],"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 = ({\n  onClose,\n  getSelectedFiles,\n  closeModalAndSetValue,\n  simpleLayout,\n  fileId\n}) => {\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, storeKey }) => {\n        const payload = {\n          name,\n          storeKey,\n          data\n        };\n        if (fileId) {\n          payload.id = fileId;\n        } else if (!name) {\n          payload.name = file.filename;\n        }\n        return client.mutate({\n          mutation: getMutation('UPLOAD_FILE'),\n          variables: {\n            input: {\n              file,\n              ...payload\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 && addNewFile(parsedResponse);\n    const toastMessage = `Uploaded: ${fileNames.join(', ')}`;\n\n    if (simpleLayout) {\n      const filesToSelect = parsedResponse.map(file => file.id);\n      getSelectedFiles(null, filesToSelect);\n      closeModalAndSetValue(simpleLayout, filesToSelect, toastMessage);\n      return;\n    }\n\n    addToast(toastMessage, {\n      appearance: 'success',\n      autoDismiss: true\n    });\n  };\n\n  const handleOnSave = async () => {\n    if (files.length) await uploadFiles();\n    onClose();\n  };\n\n  const storeOptions = storeType.map(type => [type.key, type.name]);\n\n  return (\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: 'Upload',\n          callback: handleOnSave,\n          modifiers: []\n        }\n      ]}\n      upload>\n      <FileUpload onChange={handleFiles} selectOptions={storeOptions} />\n    </Modal>\n  );\n};\n\nFileUploadModal.propTypes = {\n  fileId: PropTypes.string,\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  fileId: null\n};\n\nexport default FileUploadModal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FileUploadModal.js","names":["React","useState","ModalAdapter","Modal","getMutation","getQuery","FileUpload","PropTypes","useToasts","useApolloClient","useQuery","useFileList","FileUploadModal","onClose","getSelectedFiles","closeModalAndSetValue","simpleLayout","fileId","storeKey","selectedStoreKey","files","setFiles","addToast","client","addNewFile","fileStoresType","data","getFileStores","storeType","variables","visibleInAdmin","handleFiles","filesToUpload","uploadFiles","response","Promise","all","map","file","name","fileStoreKey","payload","id","filename","mutate","mutation","input","_objectSpread","catch","error","message","appearance","autoDismiss","parsedResponse","result","fileNames","toastMessage","join","filesToSelect","handleOnSave","length","storeOptions","type","key","filter","createElement","title","actions","textButton","callback","modifiers","upload","onChange","selectOptions","propTypes","string","func","isRequired","bool","defaultProps"],"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 = ({\n  onClose,\n  getSelectedFiles,\n  closeModalAndSetValue,\n  simpleLayout,\n  fileId,\n  storeKey,\n  selectedStoreKey\n}) => {\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, storeKey: fileStoreKey }) => {\n        const payload = {\n          name,\n          storeKey: fileStoreKey,\n          data\n        };\n        if (fileId) {\n          payload.id = fileId;\n        } else if (!name) {\n          payload.name = file.filename;\n        }\n        return client.mutate({\n          mutation: getMutation('UPLOAD_FILE'),\n          variables: {\n            input: {\n              file,\n              ...payload\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 && addNewFile(parsedResponse);\n    const toastMessage = `Uploaded: ${fileNames.join(', ')}`;\n\n    if (simpleLayout) {\n      const filesToSelect = parsedResponse.map(file => file.id);\n      getSelectedFiles(null, filesToSelect);\n      closeModalAndSetValue(simpleLayout, filesToSelect, toastMessage);\n      return;\n    }\n\n    addToast(toastMessage, {\n      appearance: 'success',\n      autoDismiss: true\n    });\n  };\n\n  const handleOnSave = async () => {\n    if (files.length) await uploadFiles();\n    onClose();\n  };\n\n  let storeOptions = storeType.map(type => [type.key, type.name]);\n  storeOptions = storeKey ? storeOptions.filter(([key]) => key === storeKey) : storeOptions;\n\n  return (\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: 'Upload',\n          callback: handleOnSave,\n          modifiers: []\n        }\n      ]}\n      upload>\n      <FileUpload\n        storeKey={selectedStoreKey || storeKey}\n        onChange={handleFiles}\n        selectOptions={storeOptions}\n      />\n    </Modal>\n  );\n};\n\nFileUploadModal.propTypes = {\n  fileId: PropTypes.string,\n  getSelectedFiles: PropTypes.func.isRequired,\n  onClose: PropTypes.func,\n  simpleLayout: PropTypes.bool,\n  closeModalAndSetValue: PropTypes.func,\n  storeKey: PropTypes.string,\n  selectedStoreKey: PropTypes.string\n};\n\nFileUploadModal.defaultProps = {\n  onClose: () => { },\n  closeModalAndSetValue: () => { },\n  simpleLayout: false,\n  fileId: null,\n  storeKey: null,\n  selectedStoreKey: null\n};\n\nexport default FileUploadModal;\n"],"mappings":"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","ignoreList":[]}

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

@@ -13,10 +13,14 @@ const Listing = ({
   setDisplayFileUploadModal,
   closeModalAndSetValue,
   simpleLayout,
-  openEditInModal
+  openEditInModal,
+  storeKey,
+  selectedStoreKey
 }) => /*#__PURE__*/React.createElement("div", {
   className: "page"
 }, displayFileUploadModal && /*#__PURE__*/React.createElement(FileUploadModal, {
+  selectedStoreKey: selectedStoreKey,
+  storeKey: storeKey,
   onClose: () => {
     handleDisplayFileUploadModal(false);
     setDisplayFileUploadModal(false);
@@ -51,13 +55,16 @@ Listing.propTypes = {
   setDisplayFileUploadModal: PropTypes.func.isRequired,
   displayFileUploadModal: PropTypes.bool.isRequired,
   closeModalAndSetValue: PropTypes.func,
-  openEditInModal: PropTypes.bool
+  openEditInModal: PropTypes.bool,
+  storeKey: PropTypes.string.isRequired,
+  selectedStoreKey: PropTypes.string
 };
 Listing.defaultProps = {
   closeModalAndSetValue: () => {},
   handleDisplayFileUploadModal: () => {},
   simpleLayout: false,
-  openEditInModal: false
+  openEditInModal: false,
+  selectedStoreKey: null
 };
 export default Listing;
 //# sourceMappingURL=Listing.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Listing.js","names":["React","PageHeader","Button","More","PropTypes","FileUploadModal","MediaListing","FilterPanel","Listing","displayFileUploadModal","handleDisplayFileUploadModal","getSelectedFiles","setDisplayFileUploadModal","closeModalAndSetValue","simpleLayout","openEditInModal","createElement","className","onClose","Fragment","title","Actions","modifiers","onClick","displayBg","Avatar","isMoreMenu","Content","propTypes","func","isRequired","bool","defaultProps"],"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  openEditInModal\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              Upload\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 openEditInModal={openEditInModal} />\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  openEditInModal: PropTypes.bool\n};\n\nListing.defaultProps = {\n  closeModalAndSetValue: () => {},\n  handleDisplayFileUploadModal: () => {},\n  simpleLayout: false,\n  openEditInModal: false\n};\n\nexport default Listing;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,IAAI,MAAM,mBAAmB;AACpC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,uBAAuB;AACnD,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,WAAW,MAAM,mBAAmB;AAE3C,MAAMC,OAAO,GAAGA,CAAC;EACfC,sBAAsB;EACtBC,4BAA4B;EAC5BC,gBAAgB;EAChBC,yBAAyB;EACzBC,qBAAqB;EACrBC,YAAY;EACZC;AACF,CAAC,kBACCf,KAAA,CAAAgB,aAAA;EAAKC,SAAS,EAAC;AAAM,GAClBR,sBAAsB,iBACrBT,KAAA,CAAAgB,aAAA,CAACX,eAAe;EACda,OAAO,EAAEA,CAAA,KAAM;IACbR,4BAA4B,CAAC,KAAK,CAAC;IACnCE,yBAAyB,CAAC,KAAK,CAAC;EAClC,CAAE;EACFC,qBAAqB,EAAEA,qBAAsB;EAC7CC,YAAY,EAAEA,YAAa;EAC3BH,gBAAgB,EAAEA;AAAiB,CACpC,CACF,EACA,CAACG,YAAY,iBACZd,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAmB,QAAA,qBACEnB,KAAA,CAAAgB,aAAA,CAACf,UAAU;EAACmB,KAAK,EAAC;AAAe,gBAC/BpB,KAAA,CAAAgB,aAAA,CAACf,UAAU,CAACoB,OAAO,qBACjBrB,KAAA,CAAAgB,aAAA,CAACd,MAAM;EACLoB,SAAS,EAAE,CAAC,OAAO,CAAE;EACrBC,OAAO,EAAEA,CAAA,KAAM;IACbb,4BAA4B,CAAC,IAAI,CAAC;EACpC;AAAE,GAAC,QAEG,CAAC,eACTV,KAAA,CAAAgB,aAAA,CAACb,IAAI;EAACqB,SAAS;AAAA,gBACbxB,KAAA,CAAAgB,aAAA,CAACb,IAAI,CAACsB,MAAM;EAACC,UAAU;AAAA,gBACrB1B,KAAA,CAAAgB,aAAA;EAAMC,SAAS,EAAC;AAAgB,GAAC,WAAe,CACrC,CAAC,eACdjB,KAAA,CAAAgB,aAAA,CAACb,IAAI,CAACwB,OAAO;EAACD,UAAU;AAAA,CAAE,CACtB,CACY,CACV,CAAC,eACb1B,KAAA,CAAAgB,aAAA;EAAKC,SAAS,EAAC;AAA8C,gBAC3DjB,KAAA,CAAAgB,aAAA,CAACT,WAAW,MAAE,CAAC,eACfP,KAAA,CAAAgB,aAAA,CAACV,YAAY;EAACS,eAAe,EAAEA;AAAgB,CAAE,CAC9C,CACL,CAED,CACN;AAEDP,OAAO,CAACoB,SAAS,GAAG;EAClBjB,gBAAgB,EAAEP,SAAS,CAACyB,IAAI,CAACC,UAAU;EAC3CpB,4BAA4B,EAAEN,SAAS,CAACyB,IAAI;EAC5Cf,YAAY,EAAEV,SAAS,CAAC2B,IAAI;EAC5BnB,yBAAyB,EAAER,SAAS,CAACyB,IAAI,CAACC,UAAU;EACpDrB,sBAAsB,EAAEL,SAAS,CAAC2B,IAAI,CAACD,UAAU;EACjDjB,qBAAqB,EAAET,SAAS,CAACyB,IAAI;EACrCd,eAAe,EAAEX,SAAS,CAAC2B;AAC7B,CAAC;AAEDvB,OAAO,CAACwB,YAAY,GAAG;EACrBnB,qBAAqB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC/BH,4BAA4B,EAAEA,CAAA,KAAM,CAAC,CAAC;EACtCI,YAAY,EAAE,KAAK;EACnBC,eAAe,EAAE;AACnB,CAAC;AAED,eAAeP,OAAO","ignoreList":[]}
+{"version":3,"file":"Listing.js","names":["React","PageHeader","Button","More","PropTypes","FileUploadModal","MediaListing","FilterPanel","Listing","displayFileUploadModal","handleDisplayFileUploadModal","getSelectedFiles","setDisplayFileUploadModal","closeModalAndSetValue","simpleLayout","openEditInModal","storeKey","selectedStoreKey","createElement","className","onClose","Fragment","title","Actions","modifiers","onClick","displayBg","Avatar","isMoreMenu","Content","propTypes","func","isRequired","bool","string","defaultProps"],"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  openEditInModal,\n  storeKey,\n  selectedStoreKey\n}) => (\n  <div className=\"page\">\n    {displayFileUploadModal && (\n      <FileUploadModal\n        selectedStoreKey={selectedStoreKey}\n        storeKey={storeKey}\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              Upload\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 openEditInModal={openEditInModal} />\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  openEditInModal: PropTypes.bool,\n  storeKey: PropTypes.string.isRequired,\n  selectedStoreKey: PropTypes.string\n};\n\nListing.defaultProps = {\n  closeModalAndSetValue: () => {},\n  handleDisplayFileUploadModal: () => {},\n  simpleLayout: false,\n  openEditInModal: false,\n  selectedStoreKey: null\n};\n\nexport default Listing;\n"],"mappings":"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","ignoreList":[]}

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

@@ -19,14 +19,15 @@ const ListingContainer = ({
   setDisplayFileUploadModal,
   closeModalAndSetValue,
   simpleLayout,
-  openEditInModal
+  openEditInModal,
+  storeKey
 }) => {
   const [selectedFiles, setSelectedFiles] = useState(filesSelected || []);
   const [selectedFilter, setSelectedFilter] = useState({
     filter: 'all',
     isSearch: false,
     searchTerm: null,
-    storeKey: null
+    storeKey
   });
   const fileStoresType = getQuery('GET_FILE_STORES');
   const {
@@ -85,7 +86,9 @@ const ListingContainer = ({
     handleDisplayFileUploadModal: handleDisplayFileUploadModal,
     setSelectedFiles: setSelectedFiles,
     handleSelectedFiles: handleSelectedFiles,
-    openEditInModal: openEditInModal
+    openEditInModal: openEditInModal,
+    selectedStoreKey: selectedFilter.storeKey || defaultFileStore,
+    storeKey: storeKey
   }))));
 };
 ListingContainer.propTypes = {
@@ -96,7 +99,8 @@ ListingContainer.propTypes = {
   setDisplayFileUploadModal: PropTypes.func.isRequired,
   displayFileUploadModal: PropTypes.bool.isRequired,
   closeModalAndSetValue: PropTypes.func,
-  openEditInModal: PropTypes.bool
+  openEditInModal: PropTypes.bool,
+  storeKey: PropTypes.string
 };
 ListingContainer.defaultProps = {
   closeModalAndSetValue: () => {},
@@ -104,7 +108,8 @@ ListingContainer.defaultProps = {
   maxItems: false,
   filesSelected: [],
   simpleLayout: false,
-  openEditInModal: false
+  openEditInModal: false,
+  storeKey: 'default'
 };
 export default ListingContainer;
 //# sourceMappingURL=ListingContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListingContainer.js","names":["React","useState","PropTypes","useQuery","getQuery","ToastProvider","Listing","availableFilters","MediaContextProvider","FilesListProvider","existPrevious","ListingContainer","handleSelectedFiles","maxItems","filesSelected","displayFileUploadModal","setDisplayFileUploadModal","closeModalAndSetValue","simpleLayout","openEditInModal","selectedFiles","setSelectedFiles","selectedFilter","setSelectedFilter","filter","isSearch","searchTerm","storeKey","fileStoresType","loading","data","getFileStores","fileStores","variables","visibleInAdmin","getSelectedFiles","file","files","id","existPreviousFile","length","allSelectedFiles","fileId","handleDisplayFileUploadModal","param","defaultFileStore","find","isDefault","key","createElement","value","changeSelectedFilter","_objectSpread","filters","onClickPrompt","propTypes","func","oneOfType","number","bool","arrayOf","string","isRequired","defaultProps"],"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  openEditInModal\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            openEditInModal={openEditInModal}\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  openEditInModal: PropTypes.bool\n};\n\nListingContainer.defaultProps = {\n  closeModalAndSetValue: () => {},\n  handleSelectedFiles: () => {},\n  maxItems: false,\n  filesSelected: [],\n  simpleLayout: false,\n  openEditInModal: false\n};\n\nexport default ListingContainer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ListingContainer.js","names":["React","useState","PropTypes","useQuery","getQuery","ToastProvider","Listing","availableFilters","MediaContextProvider","FilesListProvider","existPrevious","ListingContainer","handleSelectedFiles","maxItems","filesSelected","displayFileUploadModal","setDisplayFileUploadModal","closeModalAndSetValue","simpleLayout","openEditInModal","storeKey","selectedFiles","setSelectedFiles","selectedFilter","setSelectedFilter","filter","isSearch","searchTerm","fileStoresType","loading","data","getFileStores","fileStores","variables","visibleInAdmin","getSelectedFiles","file","files","id","existPreviousFile","length","allSelectedFiles","fileId","handleDisplayFileUploadModal","param","defaultFileStore","find","isDefault","key","createElement","value","changeSelectedFilter","_objectSpread","filters","onClickPrompt","selectedStoreKey","propTypes","func","oneOfType","number","bool","arrayOf","string","isRequired","defaultProps"],"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  openEditInModal,\n  storeKey\n}) => {\n  const [selectedFiles, setSelectedFiles] = useState(filesSelected || []);\n  const [selectedFilter, setSelectedFilter] = useState({\n    filter: 'all',\n    isSearch: false,\n    searchTerm: null,\n    storeKey\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            openEditInModal={openEditInModal}\n            selectedStoreKey={selectedFilter.storeKey || defaultFileStore}\n            storeKey={storeKey}\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  openEditInModal: PropTypes.bool,\n  storeKey: PropTypes.string\n};\n\nListingContainer.defaultProps = {\n  closeModalAndSetValue: () => {},\n  handleSelectedFiles: () => {},\n  maxItems: false,\n  filesSelected: [],\n  simpleLayout: false,\n  openEditInModal: false,\n  storeKey: 'default'\n};\n\nexport default ListingContainer;\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/plugin-media-ui",
-  "version": "0.146.0-node18-core-styles-tooltips.10",
+  "version": "0.146.0-node18-core-styles-tooltips.11",
   "description": "Blaze plugin media ui",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -29,13 +29,13 @@
   "dependencies": {
     "@blaze-cms/admin-ui-utils": "0.146.0-node18-core-styles-tooltips.5",
     "@blaze-cms/core-errors": "0.146.0-node18-core-styles-tooltips.3",
-    "@blaze-cms/plugin-search-ui": "0.146.0-node18-core-styles-tooltips.5",
-    "@blaze-cms/react-form-builder": "0.146.0-node18-core-styles-tooltips.10",
+    "@blaze-cms/plugin-search-ui": "0.146.0-node18-core-styles-tooltips.11",
+    "@blaze-cms/react-form-builder": "0.146.0-node18-core-styles-tooltips.11",
     "@blaze-cms/setup-ui": "0.146.0-node18-core-styles-tooltips.3",
     "@blaze-react/button": "0.8.0-alpha.82",
     "@blaze-react/dnd": "^0.7.0",
     "@blaze-react/drafteditor": "0.7.0",
-    "@blaze-react/file-upload": "0.8.0-alpha.78",
+    "@blaze-react/file-upload": "0.8.0-alpha.105",
     "@blaze-react/modal": "0.5.19",
     "@blaze-react/more": "0.5.19",
     "@blaze-react/select": "0.8.0-alpha.100",
@@ -60,5 +60,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "924a5ca48bd880c3e0328ff9171da277acf33ce6"
+  "gitHead": "e022ddbfa2dd8442b0dba2e04cd8575b458a1115"
 }

package/src/components/FilePreview/Image/imageSchema.js

@@ -40,7 +40,7 @@ const imageSchema = {
       hrefUrl: {
         type: 'string',
         format: 'uri-template',
-        label: 'Url',
+        label: 'Image hyperlink',
         showInForm: true,
         formFieldType: 'text',
         description: 'Url format is not valid'

package/src/components/FilePreview/index.js

@@ -10,7 +10,8 @@ const FilePreview = ({
   previewType,
   children,
   handleChangeFile,
-  showChangeButton
+  showChangeButton,
+  disableFilePreview
 }) => {
   const { name, url, mimetype, data, store } = file;
   const [Preview, schema] = getPreview({ mimetype, previewType });
@@ -38,6 +39,7 @@ const FilePreview = ({
         {...data}
         file={file}
         handleChangeFile={handleChangeFile}
+        disableFilePreview={disableFilePreview}
         showChangeButton={showChangeButton}>
         {shouldRenderForm && (
           <div className="preview__details">
@@ -70,7 +72,8 @@ FilePreview.propTypes = {
   handlers: PropTypes.object,
   previewType: PropTypes.oneOf(Object.keys(FilePreview.availablePreviewTypes)),
   children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),
-  showChangeButton: PropTypes.bool
+  showChangeButton: PropTypes.bool,
+  disableFilePreview: PropTypes.bool
 };
 
 FilePreview.defaultProps = {
@@ -81,7 +84,8 @@ FilePreview.defaultProps = {
   handleFormChange: () => {},
   handleChangeFile: () => {},
   children: [],
-  showChangeButton: false
+  showChangeButton: false,
+  disableFilePreview: true
 };
 
 export default FilePreview;

package/src/components/FilePreview/previewDefault/RawPreviewDefault.js

@@ -2,24 +2,34 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Actions from '../Actions';
 
-const RawPreviewDefault = ({ url, name, file }) => (
+const RawPreviewDefault = ({ url, name, file, disableFilePreview }) => (
   <div className="FilePreview">
-    <div className="FilePreviewItem">
-      <div className="FilePreviewItem__wrapper">
-        <img className="FilePreviewItem__wrapper__default" src={url} alt={name} />
+    {!disableFilePreview ? (
+      <div className="FilePreviewItem">
+        <div className="FilePreviewItem__wrapper">
+          <img className="FilePreviewItem__wrapper__default" src={url} alt={name} />
+        </div>
+        <div className="FilePreviewItem__info">
+          <p className="FilePreviewItem__info__fileName">{name}</p>
+          <Actions file={file} />
+        </div>
       </div>
+    ) : (
       <div className="FilePreviewItem__info">
-        <p className="FilePreviewItem__info__fileName">{name}</p>
+        <p className="FilePreviewItem__info__fileName FilePreviewItem__info--disablePreview">
+          {name}
+        </p>
         <Actions file={file} />
       </div>
-    </div>
+    )}
   </div>
 );
 
 RawPreviewDefault.propTypes = {
   url: PropTypes.string.isRequired,
   name: PropTypes.string.isRequired,
-  file: PropTypes.object.isRequired
+  file: PropTypes.object.isRequired,
+  disableFilePreview: PropTypes.bool.isRequired
 };
 
 export { RawPreviewDefault };