@blaze-cms/plugin-media-ui 0.146.0-core-styles.63 → 0.146.0-core-styles.67

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

@@ -1 +1 @@
-{"version":3,"file":"CardMedia.js","names":["React","useState","More","Button","DeleteAction","PropTypes","getQuery","getMutation","useMutation","useApolloClient","classnames","useToasts","Modal","createPortal","Link","EditMediaFile","CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","modalTargetRef","updateFile","removeFile","index","openEditInModal","displayDeleteModal","setDisplayDeleteModal","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","addToast","deleteFile","type","extension","split","client","deleteFileById","variables","input","appearance","autoDismiss","error","message","handleClick","cardMediaClassNames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","updatedFile","mutate","mutation","update","cache","fileUpdated","writeQuery","query","result","e","console","createElement","Fragment","title","actions","onClose","onChange","fileId","current","className","role","onClick","deleteAction","itemName","src","alt","xmlns","width","height","viewBox","d","displayBg","Avatar","isMoreMenu","Content","event","preventDefault","stopPropagation","to","propTypes","string","isRequired","object","func","bool","number","defaultProps"],"sources":["../../../src/components/CardMedia/CardMedia.js"],"sourcesContent":["import React, { useState } from 'react';\nimport More from '@blaze-react/more';\nimport Button from '@blaze-react/button';\nimport { DeleteAction } from '@blaze-cms/admin';\nimport PropTypes from 'prop-types';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useMutation, useApolloClient } from '@apollo/client';\nimport classnames from 'classnames';\nimport { useToasts } from '@blaze-react/toaster';\nimport Modal from '@blaze-react/modal';\nimport { createPortal } from 'react-dom';\nimport { Link } from 'react-router-dom';\nimport EditMediaFile from '../EditMediaFile';\n\nconst CardMedia = ({\n  onSelected,\n  name,\n  url,\n  mimetype,\n  id,\n  selected,\n  displayLayout,\n  data,\n  modalTargetRef,\n  updateFile,\n  removeFile,\n  index,\n  openEditInModal\n}) => {\n  const [displayDeleteModal, setDisplayDeleteModal] = useState(false);\n  const [displayEditModal, setDisplayEditModal] = useState(false);\n  const [enableSaveButton, setEnableSaveButton] = useState(false);\n  const [fileData, setFileData] = useState(null);\n  const { addToast } = useToasts();\n  const [deleteFile] = useMutation(getMutation('DELETE_FILE_BY_ID'));\n  const [type, extension] = mimetype.split('/');\n  const client = useApolloClient();\n\n  const deleteFileById = async () => {\n    setDisplayDeleteModal(false);\n    try {\n      await deleteFile({\n        variables: { input: { id } }\n      });\n\n      removeFile({\n        index\n      });\n\n      addToast(`File: ${name} has been deleted`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (error) {\n      addToast(error.message, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n    }\n  };\n\n  const handleClick = () => {\n    onSelected({ id, url, name, data });\n  };\n\n  const cardMediaClassNames = classnames('card card--media-list', {\n    'card--media-list--selected': selected,\n    [`card--media-${displayLayout}`]: displayLayout\n  });\n\n  const handleCloseModal = () => {\n    setDisplayEditModal(false);\n  };\n\n  const handleSaveButtonStatus = state => {\n    setEnableSaveButton(state);\n  };\n\n  const modalActions = [\n    {\n      textButton: 'Cancel',\n      callback: handleCloseModal,\n      modifiers: ['cancel']\n    },\n    {\n      textButton: 'Apply',\n      callback: () => handleFormSave(),\n      modifiers: enableSaveButton ? [] : ['disabled']\n    }\n  ];\n\n  const handleFileChange = file => {\n    setFileData(file);\n  };\n\n  const handleFormSave = async () => {\n    try {\n      const {\n        data: { updateFile: updatedFile }\n      } = await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: { input: fileData },\n        update(\n          cache,\n          {\n            data: { updateFile: fileUpdated }\n          }\n        ) {\n          cache.writeQuery({\n            query: getQuery('GET_FILE_BY_ID'),\n            variables: { id },\n            data: { file: fileUpdated.result }\n          });\n        }\n      });\n\n      updateFile({ file: updatedFile.result, index });\n      addToast(`File: ${fileData.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${fileData.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      console.error(e); //eslint-disable-line\n    }\n    handleCloseModal();\n    setEnableSaveButton(false);\n  };\n\n  return (\n    <>\n      {displayEditModal &&\n        createPortal(\n          <Modal title=\"Edit\" actions={modalActions} onClose={handleCloseModal}>\n            <EditMediaFile\n              onChange={handleFileChange}\n              fileId={id}\n              handleSaveButtonStatus={handleSaveButtonStatus}\n              handleFormSave={handleFormSave}\n              enableSaveButton={enableSaveButton}\n            />\n          </Modal>,\n          modalTargetRef.current\n        )}\n      <div className={cardMediaClassNames} role=\"button\" onClick={handleClick}>\n        {displayDeleteModal &&\n          createPortal(\n            <DeleteAction\n              onClose={() => setDisplayDeleteModal(false)}\n              deleteAction={() => deleteFileById()}\n              itemName={name}\n            />,\n            modalTargetRef.current\n          )}\n\n        {type === 'image' ? (\n          <div className={`card__image card__image--media-${displayLayout}`}>\n            <img src={url} alt={name} />\n          </div>\n        ) : (\n          <div className=\"card__image card__image--media-list-document\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 8 8\">\n              <path d=\"M0 0v8h7v-4h-4v-4h-3zm4 0v3h3l-3-3zm-3 2h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h4v1h-4v-1z\" />\n            </svg>\n          </div>\n        )}\n\n        <footer className={`card__footer card__footer--media-${displayLayout}`}>\n          <div className={`card__details card__details--media-${displayLayout}`}>\n            <div className={`card__title card__title--media-${displayLayout}`}>\n              <h2>{name}</h2>\n            </div>\n            <p>\n              <span>format: {extension}</span>\n            </p>\n          </div>\n          <div className={`card__menu card__menu--${displayLayout}`}>\n            <div className=\"more-menu__wrapper more-menu__wrapper--card\">\n              <More displayBg>\n                <More.Avatar isMoreMenu>\n                  <span className=\"material-icons\">more_vert</span>\n                </More.Avatar>\n                <More.Content isMoreMenu>\n                  {openEditInModal ? (\n                    <Button\n                      onClick={event => {\n                        event.preventDefault();\n                        event.stopPropagation();\n                        setDisplayEditModal(true);\n                      }}\n                      className=\"more-menu__link\">\n                      Edit\n                    </Button>\n                  ) : (\n                    <Link to={`/media/edit/${id}`} className=\"more-menu__link\">\n                      Edit\n                    </Link>\n                  )}\n                  <Button\n                    onClick={event => {\n                      event.preventDefault();\n                      event.stopPropagation();\n                      setDisplayDeleteModal(true);\n                    }}\n                    className=\"more-menu__link\">\n                    Delete\n                  </Button>\n                </More.Content>\n              </More>\n            </div>\n          </div>\n        </footer>\n      </div>\n    </>\n  );\n};\n\nCardMedia.propTypes = {\n  name: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  mimetype: PropTypes.string.isRequired,\n  displayLayout: PropTypes.string.isRequired,\n  data: PropTypes.object,\n  onSelected: PropTypes.func,\n  updateFile: PropTypes.func.isRequired,\n  removeFile: PropTypes.func.isRequired,\n  selected: PropTypes.bool,\n  modalTargetRef: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired,\n  openEditInModal: PropTypes.bool\n};\n\nCardMedia.defaultProps = {\n  onSelected: () => {},\n  selected: false,\n  data: {},\n  openEditInModal: false\n};\n\nexport default CardMedia;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CardMedia.js","names":["React","useState","More","Button","DeleteAction","PropTypes","getQuery","getMutation","useMutation","useApolloClient","classnames","useToasts","Modal","createPortal","Link","EditMediaFile","CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","modalTargetRef","updateFile","removeFile","index","openEditInModal","displayDeleteModal","setDisplayDeleteModal","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","addToast","deleteFile","type","extension","split","client","deleteFileById","variables","input","appearance","autoDismiss","error","message","handleClick","cardMediaClassNames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","updatedFile","mutate","mutation","update","cache","fileUpdated","writeQuery","query","result","e","console","createElement","Fragment","title","actions","onClose","onChange","fileId","current","className","role","onClick","deleteAction","itemName","src","alt","xmlns","width","height","viewBox","d","displayBg","Avatar","isMoreMenu","Content","event","preventDefault","stopPropagation","to","propTypes","string","isRequired","object","func","bool","number","defaultProps"],"sources":["../../../src/components/CardMedia/CardMedia.js"],"sourcesContent":["import React, { useState } from 'react';\nimport More from '@blaze-react/more';\nimport Button from '@blaze-react/button';\nimport { DeleteAction } from '@blaze-cms/admin';\nimport PropTypes from 'prop-types';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useMutation, useApolloClient } from '@apollo/client';\nimport classnames from 'classnames';\nimport { useToasts } from '@blaze-react/toaster';\nimport Modal from '@blaze-react/modal';\nimport { createPortal } from 'react-dom';\nimport { Link } from 'react-router-dom';\nimport EditMediaFile from '../EditMediaFile';\n\nconst CardMedia = ({\n  onSelected,\n  name,\n  url,\n  mimetype,\n  id,\n  selected,\n  displayLayout,\n  data,\n  modalTargetRef,\n  updateFile,\n  removeFile,\n  index,\n  openEditInModal\n}) => {\n  const [displayDeleteModal, setDisplayDeleteModal] = useState(false);\n  const [displayEditModal, setDisplayEditModal] = useState(false);\n  const [enableSaveButton, setEnableSaveButton] = useState(false);\n  const [fileData, setFileData] = useState(null);\n  const { addToast } = useToasts();\n  const [deleteFile] = useMutation(getMutation('DELETE_FILE_BY_ID'));\n  const [type, extension] = mimetype.split('/');\n  const client = useApolloClient();\n\n  const deleteFileById = async () => {\n    setDisplayDeleteModal(false);\n    try {\n      await deleteFile({\n        variables: { input: { id } }\n      });\n\n      removeFile({\n        index\n      });\n\n      addToast(`File: ${name} has been deleted`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (error) {\n      addToast(error.message, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n    }\n  };\n\n  const handleClick = () => {\n    onSelected({ id, url, name, data });\n  };\n\n  const cardMediaClassNames = classnames('card card--media-list', {\n    'card--media-list--selected': selected,\n    [`card--media-${displayLayout}`]: displayLayout\n  });\n\n  const handleCloseModal = () => {\n    setDisplayEditModal(false);\n  };\n\n  const handleSaveButtonStatus = state => {\n    setEnableSaveButton(state);\n  };\n\n  const modalActions = [\n    {\n      textButton: 'Cancel',\n      callback: handleCloseModal,\n      modifiers: ['cancel']\n    },\n    {\n      textButton: 'Apply',\n      callback: () => handleFormSave(),\n      modifiers: enableSaveButton ? [] : ['disabled']\n    }\n  ];\n\n  const handleFileChange = file => {\n    setFileData(file);\n  };\n\n  const handleFormSave = async () => {\n    try {\n      const {\n        data: { updateFile: updatedFile }\n      } = await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: { input: fileData },\n        update(\n          cache,\n          {\n            data: { updateFile: fileUpdated }\n          }\n        ) {\n          cache.writeQuery({\n            query: getQuery('GET_FILE_BY_ID'),\n            variables: { id },\n            data: { file: fileUpdated.result }\n          });\n        }\n      });\n\n      updateFile({ file: updatedFile.result, index });\n      addToast(`File: ${fileData.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${fileData.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      console.error(e); //eslint-disable-line\n    }\n    handleCloseModal();\n    setEnableSaveButton(false);\n  };\n\n  return (\n    <>\n      {displayEditModal &&\n        createPortal(\n          <Modal title=\"Edit\" actions={modalActions} onClose={handleCloseModal}>\n            <EditMediaFile\n              onChange={handleFileChange}\n              fileId={id}\n              handleSaveButtonStatus={handleSaveButtonStatus}\n              handleFormSave={handleFormSave}\n              enableSaveButton={enableSaveButton}\n            />\n          </Modal>,\n          modalTargetRef.current\n        )}\n      <div className={cardMediaClassNames} role=\"button\" onClick={handleClick}>\n        {displayDeleteModal &&\n          createPortal(\n            <DeleteAction\n              onClose={() => setDisplayDeleteModal(false)}\n              deleteAction={() => deleteFileById()}\n              itemName={name}\n            />,\n            modalTargetRef.current\n          )}\n\n        {type === 'image' ? (\n          <div className={`card__image card__image--media-${displayLayout}`}>\n            <img src={url} alt={name} />\n          </div>\n        ) : (\n          <div className=\"card__image card__image--media-list-document\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 8 8\">\n              <path d=\"M0 0v8h7v-4h-4v-4h-3zm4 0v3h3l-3-3zm-3 2h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h4v1h-4v-1z\" />\n            </svg>\n          </div>\n        )}\n\n        <footer className={`card__footer card__footer--media-${displayLayout}`}>\n          <div className={`card__details card__details--media-${displayLayout}`}>\n            <div className={`card__title card__title--media-${displayLayout}`}>\n              <h2>{name}</h2>\n            </div>\n            <p>\n              <span>format: {extension}</span>\n            </p>\n          </div>\n          <div className={`card__menu card__menu--${displayLayout}`}>\n            <div className=\"more-menu__wrapper more-menu__wrapper--card\">\n              <More displayBg>\n                <More.Avatar isMoreMenu>\n                  <span className=\"material-icons\">more_vert</span>\n                </More.Avatar>\n                <More.Content isMoreMenu>\n                  {openEditInModal ? (\n                    <Button\n                      onClick={event => {\n                        event.preventDefault();\n                        event.stopPropagation();\n                        setDisplayEditModal(true);\n                      }}\n                      className=\"more-menu__link\">\n                      Edit\n                    </Button>\n                  ) : (\n                    <Link to={`/media/edit/${id}`} className=\"more-menu__link\">\n                      Edit\n                    </Link>\n                  )}\n                  <Button\n                    onClick={event => {\n                      event.preventDefault();\n                      event.stopPropagation();\n                      setDisplayDeleteModal(true);\n                    }}\n                    className=\"more-menu__link\">\n                    Delete\n                  </Button>\n                </More.Content>\n              </More>\n            </div>\n          </div>\n        </footer>\n      </div>\n    </>\n  );\n};\n\nCardMedia.propTypes = {\n  name: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  mimetype: PropTypes.string.isRequired,\n  displayLayout: PropTypes.string.isRequired,\n  data: PropTypes.object,\n  onSelected: PropTypes.func,\n  updateFile: PropTypes.func.isRequired,\n  removeFile: PropTypes.func.isRequired,\n  selected: PropTypes.bool,\n  modalTargetRef: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired,\n  openEditInModal: PropTypes.bool\n};\n\nCardMedia.defaultProps = {\n  onSelected: () => {},\n  selected: false,\n  data: {},\n  openEditInModal: false\n};\n\nexport default CardMedia;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/EditMediaFile/EditMediaFilePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditMediaFilePage.js","names":["React","useState","withRouter","PropTypes","Button","useApolloClient","getQuery","getMutation","useToasts","EditMediaFile","EditMediaFilePage","match","history","shouldEnableSaveButton","setShouldEnableSaveButton","file","setFile","client","addToast","handleFileChange","values","handleSaveButtonStatus","value","handleFormSave","mutate","mutation","variables","input","update","cache","data","updateFile","fileUpdated","writeQuery","query","id","params","fileId","result","name","appearance","autoDismiss","e","console","error","pushBack","push","buttonModifiers","createElement","className","onChange","showChangeButton","onClick","modifiers","propTypes","object","isRequired"],"sources":["../../../src/components/EditMediaFile/EditMediaFilePage.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport EditMediaFile from './EditMediaFile';\n\nconst EditMediaFilePage = ({ match, history }) => {\n  const [shouldEnableSaveButton, setShouldEnableSaveButton] = useState(false);\n  const [file, setFile] = useState(null);\n  const client = useApolloClient();\n  const { addToast } = useToasts();\n\n  const handleFileChange = values => setFile(values);\n\n  const handleSaveButtonStatus = value => {\n    setShouldEnableSaveButton(value);\n  };\n\n  const handleFormSave = async () => {\n    try {\n      await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: { input: file },\n        update(\n          cache,\n          {\n            data: { updateFile: fileUpdated }\n          }\n        ) {\n          cache.writeQuery({\n            query: getQuery('GET_FILE_BY_ID'),\n            variables: { id: match.params.fileId },\n            data: { file: fileUpdated.result }\n          });\n        }\n      });\n\n      addToast(`File: ${file.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${file.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      console.error(e); //eslint-disable-line\n    }\n    setShouldEnableSaveButton(false);\n  };\n\n  const pushBack = () => history.push('/media');\n\n  const buttonModifiers = shouldEnableSaveButton ? [] : ['disabled'];\n\n  return (\n    <div className=\"page\">\n      <div className=\"page__content\">\n        <div className=\"page__content__mediaWrapper\">\n          <EditMediaFile\n            onChange={handleFileChange}\n            fileId={match.params.fileId}\n            handleSaveButtonStatus={handleSaveButtonStatus}\n            handleFormSave={handleFormSave}\n            showChangeButton\n          />\n          <div className=\"page__content__mediaWrapperActions\">\n            <Button onClick={pushBack}>Cancel</Button>\n            <Button onClick={handleFormSave} modifiers={buttonModifiers}>\n              Apply\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEditMediaFilePage.propTypes = {\n  match: PropTypes.object.isRequired,\n  history: PropTypes.object.isRequired\n};\n\nexport default withRouter(EditMediaFilePage);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EditMediaFilePage.js","names":["React","useState","withRouter","PropTypes","Button","useApolloClient","getQuery","getMutation","useToasts","EditMediaFile","EditMediaFilePage","match","history","shouldEnableSaveButton","setShouldEnableSaveButton","file","setFile","client","addToast","handleFileChange","values","handleSaveButtonStatus","value","handleFormSave","mutate","mutation","variables","input","update","cache","data","updateFile","fileUpdated","writeQuery","query","id","params","fileId","result","name","appearance","autoDismiss","e","console","error","pushBack","push","buttonModifiers","createElement","className","onChange","showChangeButton","onClick","modifiers","propTypes","object","isRequired"],"sources":["../../../src/components/EditMediaFile/EditMediaFilePage.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport EditMediaFile from './EditMediaFile';\n\nconst EditMediaFilePage = ({ match, history }) => {\n  const [shouldEnableSaveButton, setShouldEnableSaveButton] = useState(false);\n  const [file, setFile] = useState(null);\n  const client = useApolloClient();\n  const { addToast } = useToasts();\n\n  const handleFileChange = values => setFile(values);\n\n  const handleSaveButtonStatus = value => {\n    setShouldEnableSaveButton(value);\n  };\n\n  const handleFormSave = async () => {\n    try {\n      await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: { input: file },\n        update(\n          cache,\n          {\n            data: { updateFile: fileUpdated }\n          }\n        ) {\n          cache.writeQuery({\n            query: getQuery('GET_FILE_BY_ID'),\n            variables: { id: match.params.fileId },\n            data: { file: fileUpdated.result }\n          });\n        }\n      });\n\n      addToast(`File: ${file.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${file.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      console.error(e); //eslint-disable-line\n    }\n    setShouldEnableSaveButton(false);\n  };\n\n  const pushBack = () => history.push('/media');\n\n  const buttonModifiers = shouldEnableSaveButton ? [] : ['disabled'];\n\n  return (\n    <div className=\"page\">\n      <div className=\"page__content\">\n        <div className=\"page__content__mediaWrapper\">\n          <EditMediaFile\n            onChange={handleFileChange}\n            fileId={match.params.fileId}\n            handleSaveButtonStatus={handleSaveButtonStatus}\n            handleFormSave={handleFormSave}\n            showChangeButton\n          />\n          <div className=\"page__content__mediaWrapperActions\">\n            <Button onClick={pushBack}>Cancel</Button>\n            <Button onClick={handleFormSave} modifiers={buttonModifiers}>\n              Apply\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEditMediaFilePage.propTypes = {\n  match: PropTypes.object.isRequired,\n  history: PropTypes.object.isRequired\n};\n\nexport default withRouter(EditMediaFilePage);\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/FileList/useGetFiles/getFiles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getFiles.js","names":["getQuery","ALL","INVALID_STORE_KEY_VALUES","getFromSearch","searchTerm","offset","limit","where","client","fileStores","allTypesMatches","match","type","matchSpecificType","mustMatch","push","simple_query_string","query","analyze_wildcard","fields","storeKeys","includes","storeKey","map","key","bool","should","minimum_should_match","data","files","results","all","image","video","text","fetchPolicy","variables","sort","rawQuery","must","rawQueryAllResults","rawQueryImages","rawQueryVideos","rawQueryDocs","getFiles"],"sources":["../../../../src/components/FileList/useGetFiles/getFiles.js"],"sourcesContent":["import { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { ALL, INVALID_STORE_KEY_VALUES } from '../../../constants';\n\nconst getFromSearch = async ({ searchTerm, offset, limit, where, client, fileStores = [] }) => {\n  const allTypesMatches = [\n    {\n      match: { type: 'image' }\n    },\n    {\n      match: { type: 'video' }\n    },\n    {\n      match: { type: 'text' }\n    }\n  ];\n  const matchSpecificType = [\n    {\n      match: { type: where.type }\n    }\n  ];\n  const match = !where.type || where.type === ALL ? allTypesMatches : matchSpecificType;\n  const mustMatch = [];\n\n  if (searchTerm) {\n    mustMatch.push({\n      simple_query_string: {\n        query: `${searchTerm}*`,\n        analyze_wildcard: true,\n        fields: ['name', 'filename', 'data.altText', 'data.caption', 'data.title', 'data.credits']\n      }\n    });\n  }\n\n  const storeKeys = [];\n  if (INVALID_STORE_KEY_VALUES.includes(where.storeKey)) {\n    storeKeys.push(...fileStores.map(({ key }) => key));\n  } else if (where.storeKey) {\n    storeKeys.push(where.storeKey);\n  }\n\n  mustMatch.push({\n    bool: {\n      should: storeKeys.map(storeKey => ({\n        match: { storeKey }\n      })),\n      minimum_should_match: 1\n    }\n  });\n\n  const {\n    data: {\n      files: { results: files },\n      all,\n      image,\n      video,\n      text\n    }\n  } = await client.query({\n    query: getQuery('SEARCH_ADMIN_MEDIA'),\n    fetchPolicy: 'network-only',\n    variables: {\n      offset,\n      limit,\n      sort: searchTerm ? null : 'updated:desc',\n      rawQuery: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: match\n                }\n              }\n            ]\n          }\n        }\n      },\n      rawQueryAllResults: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: [\n                    {\n                      match: { type: 'image' }\n                    },\n                    {\n                      match: { type: 'video' }\n                    },\n                    {\n                      match: { type: 'text' }\n                    }\n                  ]\n                }\n              }\n            ]\n          }\n        }\n      },\n      rawQueryImages: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: [\n                    {\n                      match: { type: 'image' }\n                    }\n                  ]\n                }\n              }\n            ]\n          }\n        }\n      },\n      rawQueryVideos: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: [\n                    {\n                      match: { type: 'video' }\n                    }\n                  ]\n                }\n              }\n            ]\n          }\n        }\n      },\n      rawQueryDocs: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: [\n                    {\n                      match: { type: 'text' }\n                    }\n                  ]\n                }\n              }\n            ]\n          }\n        }\n      }\n    }\n  });\n\n  return { files, all, image, video, text };\n};\n\nconst getFiles = ({ offset, limit, where, searchTerm, fileStores }, client) =>\n  getFromSearch({ searchTerm, offset, limit, where, client, fileStores });\n\nexport default getFiles;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getFiles.js","names":["getQuery","ALL","INVALID_STORE_KEY_VALUES","getFromSearch","searchTerm","offset","limit","where","client","fileStores","allTypesMatches","match","type","matchSpecificType","mustMatch","push","simple_query_string","query","analyze_wildcard","fields","storeKeys","includes","storeKey","map","key","bool","should","minimum_should_match","data","files","results","all","image","video","text","fetchPolicy","variables","sort","rawQuery","must","rawQueryAllResults","rawQueryImages","rawQueryVideos","rawQueryDocs","getFiles"],"sources":["../../../../src/components/FileList/useGetFiles/getFiles.js"],"sourcesContent":["import { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { ALL, INVALID_STORE_KEY_VALUES } from '../../../constants';\n\nconst getFromSearch = async ({ searchTerm, offset, limit, where, client, fileStores = [] }) => {\n  const allTypesMatches = [\n    {\n      match: { type: 'image' }\n    },\n    {\n      match: { type: 'video' }\n    },\n    {\n      match: { type: 'text' }\n    }\n  ];\n  const matchSpecificType = [\n    {\n      match: { type: where.type }\n    }\n  ];\n  const match = !where.type || where.type === ALL ? allTypesMatches : matchSpecificType;\n  const mustMatch = [];\n\n  if (searchTerm) {\n    mustMatch.push({\n      simple_query_string: {\n        query: `${searchTerm}*`,\n        analyze_wildcard: true,\n        fields: ['name', 'filename', 'data.altText', 'data.caption', 'data.title', 'data.credits']\n      }\n    });\n  }\n\n  const storeKeys = [];\n  if (INVALID_STORE_KEY_VALUES.includes(where.storeKey)) {\n    storeKeys.push(...fileStores.map(({ key }) => key));\n  } else if (where.storeKey) {\n    storeKeys.push(where.storeKey);\n  }\n\n  mustMatch.push({\n    bool: {\n      should: storeKeys.map(storeKey => ({\n        match: { storeKey }\n      })),\n      minimum_should_match: 1\n    }\n  });\n\n  const {\n    data: {\n      files: { results: files },\n      all,\n      image,\n      video,\n      text\n    }\n  } = await client.query({\n    query: getQuery('SEARCH_ADMIN_MEDIA'),\n    fetchPolicy: 'network-only',\n    variables: {\n      offset,\n      limit,\n      sort: searchTerm ? null : 'updated:desc',\n      rawQuery: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: match\n                }\n              }\n            ]\n          }\n        }\n      },\n      rawQueryAllResults: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: [\n                    {\n                      match: { type: 'image' }\n                    },\n                    {\n                      match: { type: 'video' }\n                    },\n                    {\n                      match: { type: 'text' }\n                    }\n                  ]\n                }\n              }\n            ]\n          }\n        }\n      },\n      rawQueryImages: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: [\n                    {\n                      match: { type: 'image' }\n                    }\n                  ]\n                }\n              }\n            ]\n          }\n        }\n      },\n      rawQueryVideos: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: [\n                    {\n                      match: { type: 'video' }\n                    }\n                  ]\n                }\n              }\n            ]\n          }\n        }\n      },\n      rawQueryDocs: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: [\n                    {\n                      match: { type: 'text' }\n                    }\n                  ]\n                }\n              }\n            ]\n          }\n        }\n      }\n    }\n  });\n\n  return { files, all, image, video, text };\n};\n\nconst getFiles = ({ offset, limit, where, searchTerm, fileStores }, client) =>\n  getFromSearch({ searchTerm, offset, limit, where, client, fileStores });\n\nexport default getFiles;\n"],"mappings":"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","ignoreList":[]}

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          {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,eAAa,sBAAsBN,IAAI,CAACS,EAAE,EAAG;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,eAAa,YAAYN,IAAI,CAACS,EAAE,EAAG;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","ignoreList":[]}
+{"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","ignoreList":[]}

package/lib-es/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/lib-es/components/FilePreview/Image/imageSchema.js.map

@@ -1 +1 @@
-{"version":3,"file":"imageSchema.js","names":["imageSchema","settings","formSchema","properties","name","type","showInForm","label","formFieldType","formPriority","storeKey","description","options","altText","caption","credits","hrefUrl","format","required"],"sources":["../../../../src/components/FilePreview/Image/imageSchema.js"],"sourcesContent":["const imageSchema = {\n  settings: {},\n  formSchema: {\n    properties: {\n      name: {\n        type: 'string',\n        showInForm: true,\n        label: 'File name',\n        formFieldType: 'text',\n        formPriority: 1.0\n      },\n      storeKey: {\n        type: 'string',\n        showInForm: true,\n        label: 'Store type',\n        formFieldType: 'select',\n        formPriority: 2.0,\n        description: 'Please select store type',\n        options: []\n      },\n      altText: {\n        type: 'string',\n        showInForm: true,\n        label: 'Alt text',\n        formFieldType: 'text',\n        formPriority: 3.0\n      },\n      caption: {\n        type: 'string',\n        showInForm: true,\n        formFieldType: 'text',\n        formPriority: 4.0\n      },\n      credits: {\n        type: 'string',\n        showInForm: true,\n        formFieldType: 'text',\n        formPriority: 5.0\n      },\n      hrefUrl: {\n        type: 'string',\n        format: 'uri-template',\n        label: 'url',\n        showInForm: true,\n        formFieldType: 'text',\n        description: 'Url format is not valid'\n      }\n    },\n    required: ['name']\n  }\n};\n\nexport { imageSchema };\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG;EAClBC,QAAQ,EAAE,CAAC,CAAC;EACZC,UAAU,EAAE;IACVC,UAAU,EAAE;MACVC,IAAI,EAAE;QACJC,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,WAAW;QAClBC,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDC,QAAQ,EAAE;QACRL,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,YAAY;QACnBC,aAAa,EAAE,QAAQ;QACvBC,YAAY,EAAE,GAAG;QACjBE,WAAW,EAAE,0BAA0B;QACvCC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPR,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,UAAU;QACjBC,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDK,OAAO,EAAE;QACPT,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDM,OAAO,EAAE;QACPV,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDO,OAAO,EAAE;QACPX,IAAI,EAAE,QAAQ;QACdY,MAAM,EAAE,cAAc;QACtBV,KAAK,EAAE,KAAK;QACZD,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBG,WAAW,EAAE;MACf;IACF,CAAC;IACDO,QAAQ,EAAE,CAAC,MAAM;EACnB;AACF,CAAC;AAED,SAASlB,WAAW","ignoreList":[]}
+{"version":3,"file":"imageSchema.js","names":["imageSchema","settings","formSchema","properties","name","type","showInForm","label","formFieldType","formPriority","storeKey","description","options","altText","caption","credits","hrefUrl","format","required"],"sources":["../../../../src/components/FilePreview/Image/imageSchema.js"],"sourcesContent":["const imageSchema = {\n  settings: {},\n  formSchema: {\n    properties: {\n      name: {\n        type: 'string',\n        showInForm: true,\n        label: 'File name',\n        formFieldType: 'text',\n        formPriority: 1.0\n      },\n      storeKey: {\n        type: 'string',\n        showInForm: true,\n        label: 'Store type',\n        formFieldType: 'select',\n        formPriority: 2.0,\n        description: 'Please select store type',\n        options: []\n      },\n      altText: {\n        type: 'string',\n        showInForm: true,\n        label: 'Alt text',\n        formFieldType: 'text',\n        formPriority: 3.0\n      },\n      caption: {\n        type: 'string',\n        showInForm: true,\n        formFieldType: 'text',\n        formPriority: 4.0\n      },\n      credits: {\n        type: 'string',\n        showInForm: true,\n        formFieldType: 'text',\n        formPriority: 5.0\n      },\n      hrefUrl: {\n        type: 'string',\n        format: 'uri-template',\n        label: 'Image hyperlink',\n        showInForm: true,\n        formFieldType: 'text',\n        description: 'Url format is not valid'\n      }\n    },\n    required: ['name']\n  }\n};\n\nexport { imageSchema };\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG;EAClBC,QAAQ,EAAE,CAAC,CAAC;EACZC,UAAU,EAAE;IACVC,UAAU,EAAE;MACVC,IAAI,EAAE;QACJC,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,WAAW;QAClBC,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDC,QAAQ,EAAE;QACRL,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,YAAY;QACnBC,aAAa,EAAE,QAAQ;QACvBC,YAAY,EAAE,GAAG;QACjBE,WAAW,EAAE,0BAA0B;QACvCC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPR,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,UAAU;QACjBC,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDK,OAAO,EAAE;QACPT,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDM,OAAO,EAAE;QACPV,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDO,OAAO,EAAE;QACPX,IAAI,EAAE,QAAQ;QACdY,MAAM,EAAE,cAAc;QACtBV,KAAK,EAAE,iBAAiB;QACxBD,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBG,WAAW,EAAE;MACf;IACF,CAAC;IACDO,QAAQ,EAAE,CAAC,MAAM;EACnB;AACF,CAAC;AAED,SAASlB,WAAW","ignoreList":[]}

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

@@ -13,7 +13,8 @@ const FilePreview = ({
   previewType,
   children,
   handleChangeFile,
-  showChangeButton
+  showChangeButton,
+  disableFilePreview
 }) => {
   const {
     name,
@@ -52,6 +53,7 @@ const FilePreview = ({
   }, data, {
     file: file,
     handleChangeFile: handleChangeFile,
+    disableFilePreview: disableFilePreview,
     showChangeButton: showChangeButton
   }), shouldRenderForm && /*#__PURE__*/React.createElement("div", {
     className: "preview__details"
@@ -77,7 +79,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 = {
   displayForm: false,
@@ -87,7 +90,8 @@ FilePreview.defaultProps = {
   handleFormChange: () => {},
   handleChangeFile: () => {},
   children: [],
-  showChangeButton: false
+  showChangeButton: false,
+  disableFilePreview: true
 };
 export default FilePreview;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","FormBuilder","PropTypes","getPreview","FilePreview","file","handleFormChange","displayForm","previewType","children","handleChangeFile","showChangeButton","name","url","mimetype","data","store","Preview","schema","shouldRenderForm","defaultStore","storeOptions","formSchema","properties","storeKey","options","key","selected","formBuilderData","values","_objectSpread","createElement","Fragment","_extends","className","filename","formClassName","onChange","availablePreviewTypes","card","raw","propTypes","object","isRequired","fileName","string","func","bool","handlers","oneOf","Object","keys","oneOfType","array","defaultProps"],"sources":["../../../src/components/FilePreview/index.js"],"sourcesContent":["import React from 'react';\nimport { FormBuilder } from '@blaze-cms/react-form-builder';\nimport PropTypes from 'prop-types';\nimport { getPreview } from './get-preview';\n\nconst FilePreview = ({\n  file,\n  handleFormChange,\n  displayForm,\n  previewType,\n  children,\n  handleChangeFile,\n  showChangeButton\n}) => {\n  const { name, url, mimetype, data, store } = file;\n  const [Preview, schema] = getPreview({ mimetype, previewType });\n  const shouldRenderForm = schema && displayForm;\n\n  if (shouldRenderForm && store) {\n    const { defaultStore = {}, storeOptions = [] } = store;\n    if (schema.formSchema.properties.storeKey) {\n      schema.formSchema.properties.storeKey.options = storeOptions;\n      if (defaultStore) {\n        const { key } = defaultStore;\n        schema.formSchema.properties.storeKey.selected = key;\n      }\n    }\n  }\n\n  const formBuilderData = { values: { ...file, ...data } };\n\n  return (\n    <>\n      <Preview\n        mimetype={mimetype}\n        url={url}\n        name={name}\n        {...data}\n        file={file}\n        handleChangeFile={handleChangeFile}\n        showChangeButton={showChangeButton}>\n        {shouldRenderForm && (\n          <div className=\"preview__details\">\n            <div className=\"preview__filename\">{file.filename}</div>\n            <FormBuilder\n              formClassName=\"preview__form\"\n              onChange={handleFormChange}\n              data={formBuilderData}\n              schema={schema.formSchema}\n            />\n          </div>\n        )}\n      </Preview>\n      {children}\n    </>\n  );\n};\n\nFilePreview.availablePreviewTypes = {\n  card: 'card',\n  raw: 'raw'\n};\n\nFilePreview.propTypes = {\n  file: PropTypes.object.isRequired,\n  fileName: PropTypes.string,\n  handleFormChange: PropTypes.func,\n  handleChangeFile: PropTypes.func,\n  displayForm: PropTypes.bool,\n  handlers: PropTypes.object,\n  previewType: PropTypes.oneOf(Object.keys(FilePreview.availablePreviewTypes)),\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),\n  showChangeButton: PropTypes.bool\n};\n\nFilePreview.defaultProps = {\n  displayForm: false,\n  fileName: '',\n  handlers: {},\n  previewType: FilePreview.availablePreviewTypes.card,\n  handleFormChange: () => {},\n  handleChangeFile: () => {},\n  children: [],\n  showChangeButton: false\n};\n\nexport default FilePreview;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","FormBuilder","PropTypes","getPreview","FilePreview","file","handleFormChange","displayForm","previewType","children","handleChangeFile","showChangeButton","disableFilePreview","name","url","mimetype","data","store","Preview","schema","shouldRenderForm","defaultStore","storeOptions","formSchema","properties","storeKey","options","key","selected","formBuilderData","values","_objectSpread","createElement","Fragment","_extends","className","filename","formClassName","onChange","availablePreviewTypes","card","raw","propTypes","object","isRequired","fileName","string","func","bool","handlers","oneOf","Object","keys","oneOfType","array","defaultProps"],"sources":["../../../src/components/FilePreview/index.js"],"sourcesContent":["import React from 'react';\nimport { FormBuilder } from '@blaze-cms/react-form-builder';\nimport PropTypes from 'prop-types';\nimport { getPreview } from './get-preview';\n\nconst FilePreview = ({\n  file,\n  handleFormChange,\n  displayForm,\n  previewType,\n  children,\n  handleChangeFile,\n  showChangeButton,\n  disableFilePreview\n}) => {\n  const { name, url, mimetype, data, store } = file;\n  const [Preview, schema] = getPreview({ mimetype, previewType });\n  const shouldRenderForm = schema && displayForm;\n\n  if (shouldRenderForm && store) {\n    const { defaultStore = {}, storeOptions = [] } = store;\n    if (schema.formSchema.properties.storeKey) {\n      schema.formSchema.properties.storeKey.options = storeOptions;\n      if (defaultStore) {\n        const { key } = defaultStore;\n        schema.formSchema.properties.storeKey.selected = key;\n      }\n    }\n  }\n\n  const formBuilderData = { values: { ...file, ...data } };\n\n  return (\n    <>\n      <Preview\n        mimetype={mimetype}\n        url={url}\n        name={name}\n        {...data}\n        file={file}\n        handleChangeFile={handleChangeFile}\n        disableFilePreview={disableFilePreview}\n        showChangeButton={showChangeButton}>\n        {shouldRenderForm && (\n          <div className=\"preview__details\">\n            <div className=\"preview__filename\">{file.filename}</div>\n            <FormBuilder\n              formClassName=\"preview__form\"\n              onChange={handleFormChange}\n              data={formBuilderData}\n              schema={schema.formSchema}\n            />\n          </div>\n        )}\n      </Preview>\n      {children}\n    </>\n  );\n};\n\nFilePreview.availablePreviewTypes = {\n  card: 'card',\n  raw: 'raw'\n};\n\nFilePreview.propTypes = {\n  file: PropTypes.object.isRequired,\n  fileName: PropTypes.string,\n  handleFormChange: PropTypes.func,\n  handleChangeFile: PropTypes.func,\n  displayForm: PropTypes.bool,\n  handlers: PropTypes.object,\n  previewType: PropTypes.oneOf(Object.keys(FilePreview.availablePreviewTypes)),\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),\n  showChangeButton: PropTypes.bool,\n  disableFilePreview: PropTypes.bool\n};\n\nFilePreview.defaultProps = {\n  displayForm: false,\n  fileName: '',\n  handlers: {},\n  previewType: FilePreview.availablePreviewTypes.card,\n  handleFormChange: () => {},\n  handleChangeFile: () => {},\n  children: [],\n  showChangeButton: false,\n  disableFilePreview: true\n};\n\nexport default FilePreview;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/FilePreview/previewDefault/RawPreviewDefault.js

@@ -4,10 +4,11 @@ import Actions from '../Actions';
 const RawPreviewDefault = ({
   url,
   name,
-  file
+  file,
+  disableFilePreview
 }) => /*#__PURE__*/React.createElement("div", {
   className: "FilePreview"
-}, /*#__PURE__*/React.createElement("div", {
+}, !disableFilePreview ? /*#__PURE__*/React.createElement("div", {
   className: "FilePreviewItem"
 }, /*#__PURE__*/React.createElement("div", {
   className: "FilePreviewItem__wrapper"
@@ -21,11 +22,18 @@ const RawPreviewDefault = ({
   className: "FilePreviewItem__info__fileName"
 }, name), /*#__PURE__*/React.createElement(Actions, {
   file: file
-}))));
+}))) : /*#__PURE__*/React.createElement("div", {
+  className: "FilePreviewItem__info"
+}, /*#__PURE__*/React.createElement("p", {
+  className: "FilePreviewItem__info__fileName FilePreviewItem__info--disablePreview"
+}, name), /*#__PURE__*/React.createElement(Actions, {
+  file: file
+})));
 RawPreviewDefault.propTypes = {
   url: PropTypes.string.isRequired,
   name: PropTypes.string.isRequired,
-  file: PropTypes.object.isRequired
+  file: PropTypes.object.isRequired,
+  disableFilePreview: PropTypes.bool.isRequired
 };
 export { RawPreviewDefault };
 //# sourceMappingURL=RawPreviewDefault.js.map

package/lib-es/components/FilePreview/previewDefault/RawPreviewDefault.js.map

@@ -1 +1 @@
-{"version":3,"file":"RawPreviewDefault.js","names":["React","PropTypes","Actions","RawPreviewDefault","url","name","file","createElement","className","src","alt","propTypes","string","isRequired","object"],"sources":["../../../../src/components/FilePreview/previewDefault/RawPreviewDefault.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Actions from '../Actions';\n\nconst RawPreviewDefault = ({ url, name, file }) => (\n  <div className=\"FilePreview\">\n    <div className=\"FilePreviewItem\">\n      <div className=\"FilePreviewItem__wrapper\">\n        <img className=\"FilePreviewItem__wrapper__default\" src={url} alt={name} />\n      </div>\n      <div className=\"FilePreviewItem__info\">\n        <p className=\"FilePreviewItem__info__fileName\">{name}</p>\n        <Actions file={file} />\n      </div>\n    </div>\n  </div>\n);\n\nRawPreviewDefault.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  file: PropTypes.object.isRequired\n};\n\nexport { RawPreviewDefault };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,YAAY;AAEhC,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAK,CAAC,kBAC5CN,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAAa,gBAC1BR,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAAiB,gBAC9BR,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAA0B,gBACvCR,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC,mCAAmC;EAACC,GAAG,EAAEL,GAAI;EAACM,GAAG,EAAEL;AAAK,CAAE,CACtE,CAAC,eACNL,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAAuB,gBACpCR,KAAA,CAAAO,aAAA;EAAGC,SAAS,EAAC;AAAiC,GAAEH,IAAQ,CAAC,eACzDL,KAAA,CAAAO,aAAA,CAACL,OAAO;EAACI,IAAI,EAAEA;AAAK,CAAE,CACnB,CACF,CACF,CACN;AAEDH,iBAAiB,CAACQ,SAAS,GAAG;EAC5BP,GAAG,EAAEH,SAAS,CAACW,MAAM,CAACC,UAAU;EAChCR,IAAI,EAAEJ,SAAS,CAACW,MAAM,CAACC,UAAU;EACjCP,IAAI,EAAEL,SAAS,CAACa,MAAM,CAACD;AACzB,CAAC;AAED,SAASV,iBAAiB","ignoreList":[]}
+{"version":3,"file":"RawPreviewDefault.js","names":["React","PropTypes","Actions","RawPreviewDefault","url","name","file","disableFilePreview","createElement","className","src","alt","propTypes","string","isRequired","object","bool"],"sources":["../../../../src/components/FilePreview/previewDefault/RawPreviewDefault.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Actions from '../Actions';\n\nconst RawPreviewDefault = ({ url, name, file, disableFilePreview }) => (\n  <div className=\"FilePreview\">\n    {!disableFilePreview ? (\n      <div className=\"FilePreviewItem\">\n        <div className=\"FilePreviewItem__wrapper\">\n          <img className=\"FilePreviewItem__wrapper__default\" src={url} alt={name} />\n        </div>\n        <div className=\"FilePreviewItem__info\">\n          <p className=\"FilePreviewItem__info__fileName\">{name}</p>\n          <Actions file={file} />\n        </div>\n      </div>\n    ) : (\n      <div className=\"FilePreviewItem__info\">\n        <p className=\"FilePreviewItem__info__fileName FilePreviewItem__info--disablePreview\">\n          {name}\n        </p>\n        <Actions file={file} />\n      </div>\n    )}\n  </div>\n);\n\nRawPreviewDefault.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  file: PropTypes.object.isRequired,\n  disableFilePreview: PropTypes.bool.isRequired\n};\n\nexport { RawPreviewDefault };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,YAAY;AAEhC,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC,IAAI;EAAEC;AAAmB,CAAC,kBAChEP,KAAA,CAAAQ,aAAA;EAAKC,SAAS,EAAC;AAAa,GACzB,CAACF,kBAAkB,gBAClBP,KAAA,CAAAQ,aAAA;EAAKC,SAAS,EAAC;AAAiB,gBAC9BT,KAAA,CAAAQ,aAAA;EAAKC,SAAS,EAAC;AAA0B,gBACvCT,KAAA,CAAAQ,aAAA;EAAKC,SAAS,EAAC,mCAAmC;EAACC,GAAG,EAAEN,GAAI;EAACO,GAAG,EAAEN;AAAK,CAAE,CACtE,CAAC,eACNL,KAAA,CAAAQ,aAAA;EAAKC,SAAS,EAAC;AAAuB,gBACpCT,KAAA,CAAAQ,aAAA;EAAGC,SAAS,EAAC;AAAiC,GAAEJ,IAAQ,CAAC,eACzDL,KAAA,CAAAQ,aAAA,CAACN,OAAO;EAACI,IAAI,EAAEA;AAAK,CAAE,CACnB,CACF,CAAC,gBAENN,KAAA,CAAAQ,aAAA;EAAKC,SAAS,EAAC;AAAuB,gBACpCT,KAAA,CAAAQ,aAAA;EAAGC,SAAS,EAAC;AAAuE,GACjFJ,IACA,CAAC,eACJL,KAAA,CAAAQ,aAAA,CAACN,OAAO;EAACI,IAAI,EAAEA;AAAK,CAAE,CACnB,CAEJ,CACN;AAEDH,iBAAiB,CAACS,SAAS,GAAG;EAC5BR,GAAG,EAAEH,SAAS,CAACY,MAAM,CAACC,UAAU;EAChCT,IAAI,EAAEJ,SAAS,CAACY,MAAM,CAACC,UAAU;EACjCR,IAAI,EAAEL,SAAS,CAACc,MAAM,CAACD,UAAU;EACjCP,kBAAkB,EAAEN,SAAS,CAACe,IAAI,CAACF;AACrC,CAAC;AAED,SAASX,iBAAiB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","names":["React","useState","useEffect","PropTypes","Button","FilePreviewList","FileReorderList","PREVIEW","REORDER","IMAGES","FileList","selectedFiles","allFiles","handleReorderFiles","canDragAndDrop","fetchMore","children","isReorderActive","setIsReorderActive","toggleMode","length","totalImagesString","createElement","Fragment","className","onClick","propTypes","array","isRequired","func","bool","oneOfType","object","string","defaultProps"],"sources":["../../../src/components/FileUploadAdapter/FileList.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport FilePreviewList from './FilePreviewList';\nimport FileReorderList from './FileReorderList';\nimport { PREVIEW, REORDER, IMAGES } from '../../constants';\n\nconst FileList = ({\n  selectedFiles,\n  allFiles,\n  handleReorderFiles,\n  canDragAndDrop,\n  fetchMore,\n  children\n}) => {\n  const [isReorderActive, setIsReorderActive] = useState(false);\n  const toggleMode = () => {\n    fetchMore(true);\n    setIsReorderActive(!isReorderActive);\n  };\n\n  useEffect(\n    () => {\n      if (isReorderActive && selectedFiles.length > allFiles.length) fetchMore(true);\n    },\n    [selectedFiles] //eslint-disable-line\n  );\n  const totalImagesString = `${selectedFiles.length} ${IMAGES}`;\n\n  return (\n    <>\n      <div className=\"FileUploadAdapter__header\">\n        {selectedFiles.length > 1 && (\n          <p className=\"FileUploadAdapter FileUploadAdapter__preview-counter\">\n            {totalImagesString}\n          </p>\n        )}\n        {canDragAndDrop && (\n          <Button onClick={toggleMode}>{isReorderActive ? PREVIEW : REORDER}</Button>\n        )}\n      </div>\n\n      {canDragAndDrop && isReorderActive ? (\n        <FileReorderList selectedFiles={selectedFiles} handleReorderFiles={handleReorderFiles} />\n      ) : (\n        <FilePreviewList selectedFiles={selectedFiles}>{children}</FilePreviewList>\n      )}\n    </>\n  );\n};\n\nFileList.propTypes = {\n  selectedFiles: PropTypes.array.isRequired,\n  fetchMore: PropTypes.func.isRequired,\n  handleReorderFiles: PropTypes.func.isRequired,\n  allFiles: PropTypes.array,\n  canDragAndDrop: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFileList.defaultProps = {\n  children: [],\n  allFiles: [],\n  canDragAndDrop: false\n};\n\nexport default FileList;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,OAAO,EAAEC,OAAO,EAAEC,MAAM,QAAQ,iBAAiB;AAE1D,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,aAAa;EACbC,QAAQ;EACRC,kBAAkB;EAClBC,cAAc;EACdC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EAC7D,MAAMkB,UAAU,GAAGA,CAAA,KAAM;IACvBJ,SAAS,CAAC,IAAI,CAAC;IACfG,kBAAkB,CAAC,CAACD,eAAe,CAAC;EACtC,CAAC;EAEDf,SAAS,CACP,MAAM;IACJ,IAAIe,eAAe,IAAIN,aAAa,CAACS,MAAM,GAAGR,QAAQ,CAACQ,MAAM,EAAEL,SAAS,CAAC,IAAI,CAAC;EAChF,CAAC,EACD,CAACJ,aAAa,CAAC,CAAC;EAClB,CAAC;EACD,MAAMU,iBAAiB,GAAG,GAAGV,aAAa,CAACS,MAAM,IAAIX,MAAM,EAAE;EAE7D,oBACET,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,qBACEvB,KAAA,CAAAsB,aAAA;IAAKE,SAAS,EAAC;EAA2B,GACvCb,aAAa,CAACS,MAAM,GAAG,CAAC,iBACvBpB,KAAA,CAAAsB,aAAA;IAAGE,SAAS,EAAC;EAAsD,GAChEH,iBACA,CACJ,EACAP,cAAc,iBACbd,KAAA,CAAAsB,aAAA,CAAClB,MAAM;IAACqB,OAAO,EAAEN;EAAW,GAAEF,eAAe,GAAGV,OAAO,GAAGC,OAAgB,CAEzE,CAAC,EAELM,cAAc,IAAIG,eAAe,gBAChCjB,KAAA,CAAAsB,aAAA,CAAChB,eAAe;IAACK,aAAa,EAAEA,aAAc;IAACE,kBAAkB,EAAEA;EAAmB,CAAE,CAAC,gBAEzFb,KAAA,CAAAsB,aAAA,CAACjB,eAAe;IAACM,aAAa,EAAEA;EAAc,GAAEK,QAA0B,CAE5E,CAAC;AAEP,CAAC;AAEDN,QAAQ,CAACgB,SAAS,GAAG;EACnBf,aAAa,EAAER,SAAS,CAACwB,KAAK,CAACC,UAAU;EACzCb,SAAS,EAAEZ,SAAS,CAAC0B,IAAI,CAACD,UAAU;EACpCf,kBAAkB,EAAEV,SAAS,CAAC0B,IAAI,CAACD,UAAU;EAC7ChB,QAAQ,EAAET,SAAS,CAACwB,KAAK;EACzBb,cAAc,EAAEX,SAAS,CAAC2B,IAAI;EAC9Bd,QAAQ,EAAEb,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAACwB,KAAK,EAAExB,SAAS,CAAC6B,MAAM,EAAE7B,SAAS,CAAC8B,MAAM,CAAC;AACrF,CAAC;AAEDvB,QAAQ,CAACwB,YAAY,GAAG;EACtBlB,QAAQ,EAAE,EAAE;EACZJ,QAAQ,EAAE,EAAE;EACZE,cAAc,EAAE;AAClB,CAAC;AAED,eAAeJ,QAAQ","ignoreList":[]}
+{"version":3,"file":"FileList.js","names":["React","useState","useEffect","PropTypes","Button","FilePreviewList","FileReorderList","PREVIEW","REORDER","IMAGES","FileList","selectedFiles","allFiles","handleReorderFiles","canDragAndDrop","fetchMore","children","isReorderActive","setIsReorderActive","toggleMode","length","totalImagesString","createElement","Fragment","className","onClick","propTypes","array","isRequired","func","bool","oneOfType","object","string","defaultProps"],"sources":["../../../src/components/FileUploadAdapter/FileList.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport FilePreviewList from './FilePreviewList';\nimport FileReorderList from './FileReorderList';\nimport { PREVIEW, REORDER, IMAGES } from '../../constants';\n\nconst FileList = ({\n  selectedFiles,\n  allFiles,\n  handleReorderFiles,\n  canDragAndDrop,\n  fetchMore,\n  children\n}) => {\n  const [isReorderActive, setIsReorderActive] = useState(false);\n  const toggleMode = () => {\n    fetchMore(true);\n    setIsReorderActive(!isReorderActive);\n  };\n\n  useEffect(\n    () => {\n      if (isReorderActive && selectedFiles.length > allFiles.length) fetchMore(true);\n    },\n    [selectedFiles] //eslint-disable-line\n  );\n  const totalImagesString = `${selectedFiles.length} ${IMAGES}`;\n\n  return (\n    <>\n      <div className=\"FileUploadAdapter__header\">\n        {selectedFiles.length > 1 && (\n          <p className=\"FileUploadAdapter FileUploadAdapter__preview-counter\">\n            {totalImagesString}\n          </p>\n        )}\n        {canDragAndDrop && (\n          <Button onClick={toggleMode}>{isReorderActive ? PREVIEW : REORDER}</Button>\n        )}\n      </div>\n\n      {canDragAndDrop && isReorderActive ? (\n        <FileReorderList selectedFiles={selectedFiles} handleReorderFiles={handleReorderFiles} />\n      ) : (\n        <FilePreviewList selectedFiles={selectedFiles}>{children}</FilePreviewList>\n      )}\n    </>\n  );\n};\n\nFileList.propTypes = {\n  selectedFiles: PropTypes.array.isRequired,\n  fetchMore: PropTypes.func.isRequired,\n  handleReorderFiles: PropTypes.func.isRequired,\n  allFiles: PropTypes.array,\n  canDragAndDrop: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFileList.defaultProps = {\n  children: [],\n  allFiles: [],\n  canDragAndDrop: false\n};\n\nexport default FileList;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,OAAO,EAAEC,OAAO,EAAEC,MAAM,QAAQ,iBAAiB;AAE1D,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,aAAa;EACbC,QAAQ;EACRC,kBAAkB;EAClBC,cAAc;EACdC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EAC7D,MAAMkB,UAAU,GAAGA,CAAA,KAAM;IACvBJ,SAAS,CAAC,IAAI,CAAC;IACfG,kBAAkB,CAAC,CAACD,eAAe,CAAC;EACtC,CAAC;EAEDf,SAAS,CACP,MAAM;IACJ,IAAIe,eAAe,IAAIN,aAAa,CAACS,MAAM,GAAGR,QAAQ,CAACQ,MAAM,EAAEL,SAAS,CAAC,IAAI,CAAC;EAChF,CAAC,EACD,CAACJ,aAAa,CAAC,CAAC;EAClB,CAAC;EACD,MAAMU,iBAAiB,GAAI,GAAEV,aAAa,CAACS,MAAO,IAAGX,MAAO,EAAC;EAE7D,oBACET,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,qBACEvB,KAAA,CAAAsB,aAAA;IAAKE,SAAS,EAAC;EAA2B,GACvCb,aAAa,CAACS,MAAM,GAAG,CAAC,iBACvBpB,KAAA,CAAAsB,aAAA;IAAGE,SAAS,EAAC;EAAsD,GAChEH,iBACA,CACJ,EACAP,cAAc,iBACbd,KAAA,CAAAsB,aAAA,CAAClB,MAAM;IAACqB,OAAO,EAAEN;EAAW,GAAEF,eAAe,GAAGV,OAAO,GAAGC,OAAgB,CAEzE,CAAC,EAELM,cAAc,IAAIG,eAAe,gBAChCjB,KAAA,CAAAsB,aAAA,CAAChB,eAAe;IAACK,aAAa,EAAEA,aAAc;IAACE,kBAAkB,EAAEA;EAAmB,CAAE,CAAC,gBAEzFb,KAAA,CAAAsB,aAAA,CAACjB,eAAe;IAACM,aAAa,EAAEA;EAAc,GAAEK,QAA0B,CAE5E,CAAC;AAEP,CAAC;AAEDN,QAAQ,CAACgB,SAAS,GAAG;EACnBf,aAAa,EAAER,SAAS,CAACwB,KAAK,CAACC,UAAU;EACzCb,SAAS,EAAEZ,SAAS,CAAC0B,IAAI,CAACD,UAAU;EACpCf,kBAAkB,EAAEV,SAAS,CAAC0B,IAAI,CAACD,UAAU;EAC7ChB,QAAQ,EAAET,SAAS,CAACwB,KAAK;EACzBb,cAAc,EAAEX,SAAS,CAAC2B,IAAI;EAC9Bd,QAAQ,EAAEb,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAACwB,KAAK,EAAExB,SAAS,CAAC6B,MAAM,EAAE7B,SAAS,CAAC8B,MAAM,CAAC;AACrF,CAAC;AAEDvB,QAAQ,CAACwB,YAAY,GAAG;EACtBlB,QAAQ,EAAE,EAAE;EACZJ,QAAQ,EAAE,EAAE;EACZE,cAAc,EAAE;AAClB,CAAC;AAED,eAAeJ,QAAQ","ignoreList":[]}

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

@@ -26,7 +26,9 @@ const FileUploadAdapter = ({
   canDragAndDrop,
   simpleLayout,
   previewAllFiles,
-  fileType
+  disableFilePreview,
+  fileType,
+  storeKey
 }) => {
   const {
     InjectPreview
@@ -39,9 +41,9 @@ const FileUploadAdapter = ({
     type
   });
   const [currentValue, setCurrentValue] = useState(initialValue);
-  const [currentOffset, setCurrentOffset] = useState(0);
   const [selectedFiles, setSelectedFiles] = useState([]);
   const [editFile, setEditFile] = useState(null);
+  const [allFilesLoaded, setAllFilesLoaded] = useState(false);
   const client = useApolloClient();
   const {
     addToast
@@ -69,24 +71,26 @@ const FileUploadAdapter = ({
   };
   useEffect(() => {
     (async () => {
+      if (allFilesLoaded) {
+        const loadedFiles = await getFiles(0, currentValue, true);
+        const loadedOrderedFiles = orderFiles(loadedFiles, currentValue);
+        setSelectedFiles(loadedOrderedFiles);
+        return;
+      }
       const initialFiles = !selectedFiles.length && !previewAllFiles ? currentValue.filter((_, i) => i <= 3) : currentValue;
       const files = await getFiles(0, initialFiles);
       const orderedFiles = orderFiles(files, currentValue);
-      setCurrentOffset(0);
       setSelectedFiles(orderedFiles);
+      setAllFilesLoaded(false);
     })();
   }, [currentValue] //eslint-disable-line
   );
   const fetchMore = async shouldFetchAll => {
     if (selectedFiles.length === currentValue.length) return;
-    const newOffset = currentOffset + 4;
-    const updatedOffset = newOffset > currentValue.length ? currentValue.length : newOffset;
-    const offsetToUse = shouldFetchAll ? 0 : updatedOffset;
-    const files = await getFiles(offsetToUse, currentValue, shouldFetchAll);
-    const newFiles = [...selectedFiles, ...files];
-    const orderedFiles = orderFiles(newFiles, currentValue);
-    setSelectedFiles(orderedFiles);
-    setCurrentOffset(newOffset);
+    const newFiles = await getFiles(0, currentValue, true);
+    const newOrderedFiles = orderFiles(newFiles, currentValue);
+    setSelectedFiles(newOrderedFiles);
+    setAllFilesLoaded(true);
   };
   const handleSelectedFiles = (files, checkIsUnselecting = true) => {
     const isUnselectingFile = isUnselecting(value, checkIsUnselecting, files);
@@ -163,7 +167,7 @@ const FileUploadAdapter = ({
     value: initialValue,
     fileType
   });
-  const filesPending = previewAllFiles ? 0 : getNumberFilesPendingToFetch(currentOffset, currentValue);
+  const filesPending = previewAllFiles ? 0 : getNumberFilesPendingToFetch(selectedFiles.length, currentValue);
   const onOpenLibrary = () => setDisplayModal(true);
   const handleEditModal = file => {
     const selectedEditFile = selectedFiles.find(({
@@ -301,6 +305,7 @@ const FileUploadAdapter = ({
     fetchMore: fetchMore
   }))), /*#__PURE__*/React.createElement(FileUpload, {
     actionText: fileUploadButtonText,
+    storeKey: storeKey,
     handleLibraryClick: () => {
       if (simpleLayout) {
         setDisplayFileUploadModal(true);
@@ -318,7 +323,8 @@ const FileUploadAdapter = ({
     fileName: editFile.fileName,
     handleFormChange: handleEditFileForm,
     displayForm: true,
-    previewType: "card"
+    previewType: "card",
+    disableFilePreview: disableFilePreview
   })), displayFileUploadModal && simpleLayout && /*#__PURE__*/React.createElement("div", {
     className: "file-upload-modal-wrapper"
   }, /*#__PURE__*/React.createElement(ListingContainer, {
@@ -329,7 +335,8 @@ const FileUploadAdapter = ({
     maxItems: currentLimit,
     simpleLayout: simpleLayout,
     filesSelected: currentValue.length > 1 ? currentValue : [],
-    openEditInModal: true
+    openEditInModal: true,
+    storeKey: storeKey
   })), displayModal && !simpleLayout && /*#__PURE__*/React.createElement("div", {
     className: "file-upload-modal-wrapper"
   }, /*#__PURE__*/React.createElement(Modal, {
@@ -344,7 +351,8 @@ const FileUploadAdapter = ({
     handleSelectedFiles: handleSelectedFiles,
     maxItems: currentLimit,
     filesSelected: currentValue.length > 1 ? currentValue : [],
-    openEditInModal: true
+    openEditInModal: true,
+    storeKey: storeKey
   }))));
 };
 FileUploadAdapter.propTypes = {
@@ -358,7 +366,9 @@ FileUploadAdapter.propTypes = {
   canDragAndDrop: PropTypes.bool,
   simpleLayout: PropTypes.bool,
   previewAllFiles: PropTypes.bool,
-  fileType: PropTypes.string
+  fileType: PropTypes.string,
+  disableFilePreview: PropTypes.bool,
+  storeKey: PropTypes.string
 };
 FileUploadAdapter.defaultProps = {
   value: '',
@@ -367,7 +377,9 @@ FileUploadAdapter.defaultProps = {
   canDragAndDrop: false,
   simpleLayout: false,
   previewAllFiles: false,
-  fileType: 'file'
+  fileType: 'file',
+  disableFilePreview: true,
+  storeKey: null
 };
 export default FileUploadAdapter;
 //# sourceMappingURL=FileUploadAdapter.js.map