@blaze-cms/plugin-media-ui 0.118.0 → 0.119.0-alpha.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.119.0-alpha.0](https://github.com/thebyte9/blaze/compare/v0.118.1-alpha.0...v0.119.0-alpha.0) (2022-01-26)
+
+
+### Features
+
+* update apollo client to v3.5 add cache redirects and optimise queries ([#3308](https://github.com/thebyte9/blaze/issues/3308)) ([5281b17](https://github.com/thebyte9/blaze/commit/5281b17fd972f8c727d099f0c814e747896af431))
+* upgrade next to latest version ([#3290](https://github.com/thebyte9/blaze/issues/3290)) ([d2c37bd](https://github.com/thebyte9/blaze/commit/d2c37bd1bf7847dbbbaf7ab8634008c2042f91f9))
+
+
+
+
+
 # [0.118.0](https://github.com/thebyte9/blaze/compare/v0.118.0-alpha.3...v0.118.0) (2022-01-25)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui

package/lib/components/CardMedia/CardMedia.js

@@ -49,7 +49,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
 
-var _reactHooks = require("@apollo/react-hooks");
+var _client = require("@apollo/client");
 
 var _classnames2 = _interopRequireDefault(require("classnames"));
 
@@ -104,7 +104,7 @@ var CardMedia = function CardMedia(_ref) {
   var _useToasts = (0, _toaster.useToasts)(),
       addToast = _useToasts.addToast;
 
-  var _useMutation = (0, _reactHooks.useMutation)((0, _adminUiUtils.getMutation)('DELETE_FILE_BY_ID')),
+  var _useMutation = (0, _client.useMutation)((0, _adminUiUtils.getMutation)('DELETE_FILE_BY_ID')),
       _useMutation2 = (0, _slicedToArray2["default"])(_useMutation, 1),
       deleteFile = _useMutation2[0];
 
@@ -113,7 +113,7 @@ var CardMedia = function CardMedia(_ref) {
       type = _mimetype$split2[0],
       extension = _mimetype$split2[1];
 
-  var client = (0, _reactHooks.useApolloClient)();
+  var client = (0, _client.useApolloClient)();
 
   var deleteFileById = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CardMedia/CardMedia.js"],"names":["CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","modalTargetRef","updateFile","removeFile","index","displayDeleteModal","setDisplayDeleteModal","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","addToast","deleteFile","split","type","extension","client","deleteFileById","variables","input","appearance","autoDismiss","message","handleClick","cardMediaClassNames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","mutate","mutation","update","cache","fileUpdated","writeQuery","query","result","updatedFile","console","error","current","event","preventDefault","stopPropagation","propTypes","PropTypes","string","isRequired","object","func","bool","number","defaultProps"],"mappings":"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","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/react-hooks';\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}) => {\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: 'Save',\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                  <Link to={`/media/edit/${id}`} className=\"more-menu__link\">\n                    Edit\n                  </Link>\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};\n\nCardMedia.defaultProps = {\n  onSelected: () => {},\n  selected: false,\n  data: {}\n};\n\nexport default CardMedia;\n"],"file":"CardMedia.js"}
+{"version":3,"sources":["../../../src/components/CardMedia/CardMedia.js"],"names":["CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","modalTargetRef","updateFile","removeFile","index","displayDeleteModal","setDisplayDeleteModal","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","addToast","deleteFile","split","type","extension","client","deleteFileById","variables","input","appearance","autoDismiss","message","handleClick","cardMediaClassNames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","mutate","mutation","update","cache","fileUpdated","writeQuery","query","result","updatedFile","console","error","current","event","preventDefault","stopPropagation","propTypes","PropTypes","string","isRequired","object","func","bool","number","defaultProps"],"mappings":"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","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}) => {\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: 'Save',\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                  <Link to={`/media/edit/${id}`} className=\"more-menu__link\">\n                    Edit\n                  </Link>\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};\n\nCardMedia.defaultProps = {\n  onSelected: () => {},\n  selected: false,\n  data: {}\n};\n\nexport default CardMedia;\n"],"file":"CardMedia.js"}

package/lib/components/EditMediaFile/EditMediaFile.js

@@ -55,7 +55,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
 
-var _reactHooks = require("@apollo/react-hooks");
+var _client = require("@apollo/client");
 
 var _FilePreview = _interopRequireDefault(require("../FilePreview"));
 
@@ -82,7 +82,7 @@ var EditMediaFile = function EditMediaFile(_ref) {
 
   var query = (0, _adminUiUtils.getQuery)('GET_FILE_BY_ID');
 
-  var _useQuery = (0, _reactHooks.useQuery)(query, {
+  var _useQuery = (0, _client.useQuery)(query, {
     variables: {
       id: fileId
     }
@@ -94,7 +94,7 @@ var EditMediaFile = function EditMediaFile(_ref) {
   var file = _useQuery$data.file;
   var fileStoresType = (0, _adminUiUtils.getQuery)('GET_FILE_STORES');
 
-  var _useQuery2 = (0, _reactHooks.useQuery)(fileStoresType, {
+  var _useQuery2 = (0, _client.useQuery)(fileStoresType, {
     variables: {
       visibleInAdmin: true
     }

package/lib/components/EditMediaFile/EditMediaFile.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"names":["EditMediaFile","onChange","handleSaveButtonStatus","enableSaveButton","fileId","formValues","setFormValues","query","variables","id","loading","data","file","fileStoresType","visibleInAdmin","getFileStores","storeType","handleFormChange","isValid","isNewValueSet","valuesChecked","valuesCheckedWithoutName","filter","NAME","STORE_KEY","dataValues","reduce","acc","value","find","newFileName","storeKey","shouldEnableSaveButton","updatedFile","name","getFileWithStoreType","storeOptions","map","type","key","defaultStore","isDefault","store","fileWithStoreType","propTypes","PropTypes","string","isRequired","func","bool","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/react-hooks';\nimport FilePreview from '../FilePreview';\nimport { STORE_KEY, NAME } from '../../constants';\n\nconst EditMediaFile = ({ onChange, handleSaveButtonStatus, enableSaveButton, fileId }) => {\n  const [formValues, setFormValues] = useState(null);\n  const query = getQuery('GET_FILE_BY_ID');\n  const { loading, data: { file } = {} } = useQuery(query, {\n    variables: { id: fileId }\n  });\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n  const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n\n  useEffect(\n    () => {\n      if (!formValues && file) {\n        setFormValues(file);\n      }\n    },\n    [file, formValues, storeType]\n  );\n\n  const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n    const valuesCheckedWithoutName = valuesChecked.filter(({ id }) => {\n      if (id === NAME || id === STORE_KEY) return false;\n      return true;\n    });\n\n    const dataValues = valuesCheckedWithoutName.reduce((acc, { id, value }) => {\n      acc[id] = value;\n      return acc;\n    }, {});\n    const { value: newFileName } = valuesChecked.find(({ id }) => id === NAME) || {};\n    const { value: storeKey } = valuesChecked.find(({ id }) => id === STORE_KEY) || {};\n\n    const shouldEnableSaveButton = isNewValueSet && isValid;\n    handleSaveButtonStatus(false);\n\n    if (shouldEnableSaveButton && shouldEnableSaveButton !== enableSaveButton) {\n      handleSaveButtonStatus(shouldEnableSaveButton);\n    }\n\n    const updatedFile = {\n      id: file.id,\n      name: newFileName,\n      storeKey,\n      data: dataValues\n    };\n    setFormValues(updatedFile);\n    onChange(updatedFile);\n  };\n\n  const getFileWithStoreType = () => {\n    if (storeType) {\n      const storeOptions = storeType.map(type => [type.key, type.name]);\n      const defaultStore = storeType.find(type => type.isDefault) || null;\n      return { ...file, store: { defaultStore, storeOptions } };\n    }\n\n    return file;\n  };\n\n  const fileWithStoreType = getFileWithStoreType();\n\n  return (\n    <>\n      {!loading ? (\n        <>\n          {file ? (\n            <FilePreview file={fileWithStoreType} handleFormChange={handleFormChange} displayForm />\n          ) : null}\n        </>\n      ) : (\n        <div>loading...</div>\n      )}\n    </>\n  );\n};\n\nEditMediaFile.propTypes = {\n  fileId: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  handleSaveButtonStatus: PropTypes.func.isRequired,\n  enableSaveButton: PropTypes.bool\n};\n\nEditMediaFile.defaultProps = {\n  enableSaveButton: false\n};\n\nexport default EditMediaFile;\n"],"file":"EditMediaFile.js"}
+{"version":3,"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"names":["EditMediaFile","onChange","handleSaveButtonStatus","enableSaveButton","fileId","formValues","setFormValues","query","variables","id","loading","data","file","fileStoresType","visibleInAdmin","getFileStores","storeType","handleFormChange","isValid","isNewValueSet","valuesChecked","valuesCheckedWithoutName","filter","NAME","STORE_KEY","dataValues","reduce","acc","value","find","newFileName","storeKey","shouldEnableSaveButton","updatedFile","name","getFileWithStoreType","storeOptions","map","type","key","defaultStore","isDefault","store","fileWithStoreType","propTypes","PropTypes","string","isRequired","func","bool","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/client';\nimport FilePreview from '../FilePreview';\nimport { STORE_KEY, NAME } from '../../constants';\n\nconst EditMediaFile = ({ onChange, handleSaveButtonStatus, enableSaveButton, fileId }) => {\n  const [formValues, setFormValues] = useState(null);\n  const query = getQuery('GET_FILE_BY_ID');\n  const { loading, data: { file } = {} } = useQuery(query, {\n    variables: { id: fileId }\n  });\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n  const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n\n  useEffect(\n    () => {\n      if (!formValues && file) {\n        setFormValues(file);\n      }\n    },\n    [file, formValues, storeType]\n  );\n\n  const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n    const valuesCheckedWithoutName = valuesChecked.filter(({ id }) => {\n      if (id === NAME || id === STORE_KEY) return false;\n      return true;\n    });\n\n    const dataValues = valuesCheckedWithoutName.reduce((acc, { id, value }) => {\n      acc[id] = value;\n      return acc;\n    }, {});\n    const { value: newFileName } = valuesChecked.find(({ id }) => id === NAME) || {};\n    const { value: storeKey } = valuesChecked.find(({ id }) => id === STORE_KEY) || {};\n\n    const shouldEnableSaveButton = isNewValueSet && isValid;\n    handleSaveButtonStatus(false);\n\n    if (shouldEnableSaveButton && shouldEnableSaveButton !== enableSaveButton) {\n      handleSaveButtonStatus(shouldEnableSaveButton);\n    }\n\n    const updatedFile = {\n      id: file.id,\n      name: newFileName,\n      storeKey,\n      data: dataValues\n    };\n    setFormValues(updatedFile);\n    onChange(updatedFile);\n  };\n\n  const getFileWithStoreType = () => {\n    if (storeType) {\n      const storeOptions = storeType.map(type => [type.key, type.name]);\n      const defaultStore = storeType.find(type => type.isDefault) || null;\n      return { ...file, store: { defaultStore, storeOptions } };\n    }\n\n    return file;\n  };\n\n  const fileWithStoreType = getFileWithStoreType();\n\n  return (\n    <>\n      {!loading ? (\n        <>\n          {file ? (\n            <FilePreview file={fileWithStoreType} handleFormChange={handleFormChange} displayForm />\n          ) : null}\n        </>\n      ) : (\n        <div>loading...</div>\n      )}\n    </>\n  );\n};\n\nEditMediaFile.propTypes = {\n  fileId: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  handleSaveButtonStatus: PropTypes.func.isRequired,\n  enableSaveButton: PropTypes.bool\n};\n\nEditMediaFile.defaultProps = {\n  enableSaveButton: false\n};\n\nexport default EditMediaFile;\n"],"file":"EditMediaFile.js"}

package/lib/components/EditMediaFile/EditMediaFilePage.js

@@ -43,7 +43,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _button = _interopRequireDefault(require("@blaze-react/button"));
 
-var _reactApollo = require("react-apollo");
+var _client = require("@apollo/client");
 
 var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
 
@@ -69,7 +69,7 @@ var EditMediaFilePage = function EditMediaFilePage(_ref) {
       file = _useState4[0],
       setFile = _useState4[1];
 
-  var client = (0, _reactApollo.useApolloClient)();
+  var client = (0, _client.useApolloClient)();
 
   var _useToasts = (0, _toaster.useToasts)(),
       addToast = _useToasts.addToast;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/EditMediaFile/EditMediaFilePage.js"],"names":["EditMediaFilePage","match","history","shouldEnableSaveButton","setShouldEnableSaveButton","file","setFile","client","addToast","handleFileChange","values","handleSaveButtonStatus","value","handleFormSave","mutate","mutation","variables","input","update","cache","fileUpdated","data","updateFile","writeQuery","query","id","params","fileId","result","name","appearance","autoDismiss","console","error","pushBack","push","buttonModifiers","propTypes","PropTypes","object","isRequired"],"mappings":"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","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 'react-apollo';\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          />\n          <div className=\"page__content__mediaWrapperActions\">\n            <Button onClick={pushBack}>Cancel</Button>\n            <Button onClick={handleFormSave} modifiers={buttonModifiers}>\n              Save\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"],"file":"EditMediaFilePage.js"}
+{"version":3,"sources":["../../../src/components/EditMediaFile/EditMediaFilePage.js"],"names":["EditMediaFilePage","match","history","shouldEnableSaveButton","setShouldEnableSaveButton","file","setFile","client","addToast","handleFileChange","values","handleSaveButtonStatus","value","handleFormSave","mutate","mutation","variables","input","update","cache","fileUpdated","data","updateFile","writeQuery","query","id","params","fileId","result","name","appearance","autoDismiss","console","error","pushBack","push","buttonModifiers","propTypes","PropTypes","object","isRequired"],"mappings":"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","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          />\n          <div className=\"page__content__mediaWrapperActions\">\n            <Button onClick={pushBack}>Cancel</Button>\n            <Button onClick={handleFormSave} modifiers={buttonModifiers}>\n              Save\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"],"file":"EditMediaFilePage.js"}

package/lib/components/FileList/useGetFiles/useGetFiles.js

@@ -39,7 +39,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = require("react");
 
-var _reactApollo = require("react-apollo");
+var _client = require("@apollo/client");
 
 var _getFiles = _interopRequireDefault(require("./getFiles"));
 
@@ -89,7 +89,7 @@ function useGetFiles() {
       isLoading = _useState12[0],
       setIsLoading = _useState12[1];
 
-  var client = (0, _reactApollo.useApolloClient)();
+  var client = (0, _client.useApolloClient)();
 
   var setParams = function setParams(newQueryParams) {
     setQueryParams(_objectSpread(_objectSpread({}, queryParams), newQueryParams));

package/lib/components/FileList/useGetFiles/useGetFiles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FileList/useGetFiles/useGetFiles.js"],"names":["useGetFiles","limit","offset","where","sort","property","direction","queryParams","setQueryParams","previousFilter","setPreviousFilter","previousOffset","setPreviousOffset","previousSearchTerm","setPreviousSearchTerm","files","total","data","setData","isLoading","setIsLoading","client","setParams","newQueryParams","searchTerm","isSearch","isNewFilterSet","type","isNewOffsetSet","isNewSearchTermSet","isResetSearch","shouldRequest","fetchData","length","all","image","video","text","then","loading"],"mappings":"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","sourcesContent":["import { useState, useEffect } from 'react';\nimport { useApolloClient } from 'react-apollo';\nimport getFiles from './getFiles';\n\nfunction useGetFiles() {\n  const [queryParams, setQueryParams] = useState({\n    limit: 20,\n    offset: 0,\n    where: null,\n    sort: [\n      {\n        property: 'updated',\n        direction: 'desc'\n      }\n    ]\n  });\n  const [previousFilter, setPreviousFilter] = useState(null);\n  const [previousOffset, setPreviousOffset] = useState(null);\n  const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n  const [data, setData] = useState({ files: [], total: 0 });\n  const [isLoading, setIsLoading] = useState(false);\n  const client = useApolloClient();\n\n  const setParams = newQueryParams => {\n    setQueryParams({ ...queryParams, ...newQueryParams });\n  };\n\n  useEffect(\n    () => {\n      const { offset, limit, where, sort, searchTerm, isSearch } = queryParams;\n      const isNewFilterSet = where && where.type !== previousFilter;\n      const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;\n      const isNewSearchTermSet = searchTerm && previousSearchTerm !== searchTerm;\n      const isResetSearch = searchTerm === null && !isSearch && previousFilter;\n      const shouldRequest = isNewOffsetSet || isNewFilterSet || isNewSearchTermSet || isResetSearch;\n      async function fetchData() {\n        if (data.files.length) {\n          setData({ files: [] });\n        }\n\n        const { files, total, all, image, video, text } = await getFiles(\n          { offset, limit, where, sort, searchTerm, isSearch },\n          client\n        );\n\n        setData({ files, total, all, image, video, text });\n      }\n\n      if (shouldRequest) {\n        setIsLoading(true);\n        fetchData().then(() => {\n          setIsLoading(false);\n        });\n        setPreviousFilter(where.type);\n        setPreviousOffset(offset);\n        setPreviousSearchTerm(searchTerm);\n      }\n    },\n    [queryParams, previousOffset, previousFilter] //eslint-disable-line\n  );\n\n  const { files, total, all, image, video, text } = data;\n  return [\n    {\n      queryParams,\n      previousFilter,\n      previousSearchTerm,\n      loading: isLoading,\n      data: { files, total, all, image, video, text }\n    },\n    setParams\n  ];\n}\n\nexport default useGetFiles;\n"],"file":"useGetFiles.js"}
+{"version":3,"sources":["../../../../src/components/FileList/useGetFiles/useGetFiles.js"],"names":["useGetFiles","limit","offset","where","sort","property","direction","queryParams","setQueryParams","previousFilter","setPreviousFilter","previousOffset","setPreviousOffset","previousSearchTerm","setPreviousSearchTerm","files","total","data","setData","isLoading","setIsLoading","client","setParams","newQueryParams","searchTerm","isSearch","isNewFilterSet","type","isNewOffsetSet","isNewSearchTermSet","isResetSearch","shouldRequest","fetchData","length","all","image","video","text","then","loading"],"mappings":"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","sourcesContent":["import { useState, useEffect } from 'react';\nimport { useApolloClient } from '@apollo/client';\nimport getFiles from './getFiles';\n\nfunction useGetFiles() {\n  const [queryParams, setQueryParams] = useState({\n    limit: 20,\n    offset: 0,\n    where: null,\n    sort: [\n      {\n        property: 'updated',\n        direction: 'desc'\n      }\n    ]\n  });\n  const [previousFilter, setPreviousFilter] = useState(null);\n  const [previousOffset, setPreviousOffset] = useState(null);\n  const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n  const [data, setData] = useState({ files: [], total: 0 });\n  const [isLoading, setIsLoading] = useState(false);\n  const client = useApolloClient();\n\n  const setParams = newQueryParams => {\n    setQueryParams({ ...queryParams, ...newQueryParams });\n  };\n\n  useEffect(\n    () => {\n      const { offset, limit, where, sort, searchTerm, isSearch } = queryParams;\n      const isNewFilterSet = where && where.type !== previousFilter;\n      const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;\n      const isNewSearchTermSet = searchTerm && previousSearchTerm !== searchTerm;\n      const isResetSearch = searchTerm === null && !isSearch && previousFilter;\n      const shouldRequest = isNewOffsetSet || isNewFilterSet || isNewSearchTermSet || isResetSearch;\n      async function fetchData() {\n        if (data.files.length) {\n          setData({ files: [] });\n        }\n\n        const { files, total, all, image, video, text } = await getFiles(\n          { offset, limit, where, sort, searchTerm, isSearch },\n          client\n        );\n\n        setData({ files, total, all, image, video, text });\n      }\n\n      if (shouldRequest) {\n        setIsLoading(true);\n        fetchData().then(() => {\n          setIsLoading(false);\n        });\n        setPreviousFilter(where.type);\n        setPreviousOffset(offset);\n        setPreviousSearchTerm(searchTerm);\n      }\n    },\n    [queryParams, previousOffset, previousFilter] //eslint-disable-line\n  );\n\n  const { files, total, all, image, video, text } = data;\n  return [\n    {\n      queryParams,\n      previousFilter,\n      previousSearchTerm,\n      loading: isLoading,\n      data: { files, total, all, image, video, text }\n    },\n    setParams\n  ];\n}\n\nexport default useGetFiles;\n"],"file":"useGetFiles.js"}

package/lib/components/FileList/useGetFilesList/useGetFilesList.js

@@ -45,7 +45,7 @@ var _lodash = _interopRequireDefault(require("lodash.differencewith"));
 
 var _lodash2 = _interopRequireDefault(require("lodash.isequal"));
 
-var _reactApollo = require("react-apollo");
+var _client = require("@apollo/client");
 
 var _useGetFiles3 = _interopRequireDefault(require("../useGetFiles"));
 
@@ -96,7 +96,7 @@ function useGetFilesList() {
       counters = _useState10[0],
       setCounters = _useState10[1];
 
-  var client = (0, _reactApollo.useApolloClient)();
+  var client = (0, _client.useApolloClient)();
   (0, _react.useEffect)(function () {
     if (queryParams.isSearch && all && image && video && text) {
       setCounters({

package/lib/components/FileList/useGetFilesList/useGetFilesList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FileList/useGetFilesList/useGetFilesList.js"],"names":["useGetFilesList","queryParams","previousFilter","previousSearchTerm","loading","data","results","files","all","image","video","text","setParams","currentResults","setCurrentResults","allResults","setAllResults","currentFilter","setCurrentFilter","allFilesCounter","setAllFilesCounter","counters","setCounters","client","isSearch","total","then","initialCounter","isContentDifferent","isEqual","length","shouldSetContentIfListIsVoid","removeFile","index","resultsToUpdate","splice","currentFileType","type","updatedFileTypeCounterValue","updateAllFilesCounter","updatedCounters","updateFile","file","addNewFile","newFiles","reduce","acc","_image","_video","_text","searchTerm","clearList","params","offset","setQueryParams","isNewSearchTerm","hasDeletedSearchTerm","isNewFilter","where","shouldClearList","parsedQueryParams","images","videos","documents"],"mappings":"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","sourcesContent":["import { useState, useEffect } from 'react';\nimport differenceWith from 'lodash.differencewith';\nimport isEqual from 'lodash.isequal';\nimport { useApolloClient } from 'react-apollo';\nimport useGetFiles from '../useGetFiles';\nimport getCounters from './getCounters';\n\nfunction useGetFilesList() {\n  const [\n    {\n      queryParams,\n      previousFilter,\n      previousSearchTerm,\n      loading,\n      data: { files: results, all, image, video, text }\n    },\n    setParams\n  ] = useGetFiles();\n  const [currentResults, setCurrentResults] = useState([]);\n  const [allResults, setAllResults] = useState([]);\n  const [currentFilter, setCurrentFilter] = useState(null);\n  const [allFilesCounter, setAllFilesCounter] = useState(null);\n  const [counters, setCounters] = useState(null);\n  const client = useApolloClient();\n\n  useEffect(\n    () => {\n      if (queryParams.isSearch && all && image && video && text) {\n        setCounters({\n          all: all.total,\n          image: image.total,\n          video: video.total,\n          text: text.total\n        });\n      }\n    },\n    [queryParams.isSearch, all, image, video, text]\n  );\n\n  useEffect(\n    () => {\n      if (counters === null) {\n        getCounters(client).then(initialCounter => {\n          setCounters(initialCounter);\n          setAllFilesCounter(initialCounter);\n        });\n      }\n      if (!currentFilter && previousFilter) {\n        setCurrentFilter(previousFilter);\n      }\n\n      if (currentFilter !== previousFilter) {\n        setAllResults([]);\n        setCurrentResults([]);\n        return;\n      }\n\n      const isContentDifferent = !!differenceWith(results, currentResults, isEqual).length;\n\n      if (isContentDifferent) {\n        setAllResults([...allResults, ...results]);\n        setCurrentResults(results);\n      }\n\n      const shouldSetContentIfListIsVoid =\n        !isContentDifferent &&\n        !allResults.length &&\n        results.length &&\n        allFilesCounter[currentFilter] !== 0;\n\n      if (shouldSetContentIfListIsVoid) {\n        setAllResults(results);\n        setCurrentResults(results);\n      }\n    },\n    [currentFilter, currentResults, currentResults.length, previousFilter, results] //eslint-disable-line\n  );\n\n  const removeFile = ({ index }) => {\n    const resultsToUpdate = [...allResults];\n    resultsToUpdate.splice(index, 1);\n    const currentFileType = resultsToUpdate[index].type;\n    const updatedFileTypeCounterValue = allFilesCounter[currentFileType] - 1;\n    const updateAllFilesCounter = allFilesCounter.all - 1;\n    if (queryParams.isSearch) {\n      setCounters({\n        ...counters,\n        [currentFileType]: counters[currentFileType] - 1,\n        all: counters.all - 1\n      });\n      setAllFilesCounter({\n        ...allFilesCounter,\n        [currentFileType]: updatedFileTypeCounterValue,\n        all: updateAllFilesCounter\n      });\n    }\n\n    if (!queryParams.isSearch) {\n      const updatedCounters = {\n        ...allFilesCounter,\n        [currentFileType]: updatedFileTypeCounterValue,\n        all: updateAllFilesCounter\n      };\n\n      setCounters(updatedCounters);\n      setAllFilesCounter(updatedCounters);\n    }\n    setAllResults(resultsToUpdate);\n  };\n\n  const updateFile = ({ file, index }) => {\n    const resultsToUpdate = [...allResults];\n    resultsToUpdate[index] = file;\n    setAllResults(resultsToUpdate);\n  };\n\n  const addNewFile = newFiles => {\n    const { image: _image, video: _video, text: _text } = newFiles.reduce(\n      (acc, { type }) => {\n        acc[type] += 1;\n        return acc;\n      },\n      { image: 0, video: 0, text: 0 }\n    );\n\n    if (queryParams.isSearch) {\n      setAllResults([]);\n      setParams({ queryParams, isSearch: false, searchTerm: null });\n    }\n\n    const updatedCounters = {\n      all: allFilesCounter.all + _image + _video + _text,\n      image: allFilesCounter.image + _image,\n      video: allFilesCounter.video + _video,\n      text: allFilesCounter.text + _text\n    };\n\n    setCounters(updatedCounters);\n    setAllFilesCounter(updatedCounters);\n    setAllResults([...newFiles, ...allResults]);\n  };\n\n  const clearList = params => {\n    setAllResults([]);\n    setParams({ ...params, offset: 0 });\n    setCounters(allFilesCounter);\n  };\n\n  const setQueryParams = params => {\n    const isNewSearchTerm = params.isSearch && previousSearchTerm !== params.searchTerm;\n    const hasDeletedSearchTerm = previousSearchTerm && params.searchTerm === null;\n    const isNewFilter = params.where.type !== previousFilter;\n    const shouldClearList = hasDeletedSearchTerm || isNewFilter || isNewSearchTerm;\n    shouldClearList ? clearList(params) : setParams(params);\n    setCurrentFilter(params.where.type);\n  };\n\n  const parsedQueryParams = {\n    ...queryParams,\n    where: currentFilter === 'all' ? {} : queryParams.where\n  };\n\n  return [\n    {\n      queryParams: parsedQueryParams,\n      loading,\n      data: {\n        files: allResults,\n        all: counters ? counters.all : 0,\n        images: counters ? counters.image : 0,\n        videos: counters ? counters.video : 0,\n        documents: counters ? counters.text : 0\n      }\n    },\n    { setQueryParams, clearList, removeFile, addNewFile, updateFile }\n  ];\n}\n\nexport default useGetFilesList;\n"],"file":"useGetFilesList.js"}
+{"version":3,"sources":["../../../../src/components/FileList/useGetFilesList/useGetFilesList.js"],"names":["useGetFilesList","queryParams","previousFilter","previousSearchTerm","loading","data","results","files","all","image","video","text","setParams","currentResults","setCurrentResults","allResults","setAllResults","currentFilter","setCurrentFilter","allFilesCounter","setAllFilesCounter","counters","setCounters","client","isSearch","total","then","initialCounter","isContentDifferent","isEqual","length","shouldSetContentIfListIsVoid","removeFile","index","resultsToUpdate","splice","currentFileType","type","updatedFileTypeCounterValue","updateAllFilesCounter","updatedCounters","updateFile","file","addNewFile","newFiles","reduce","acc","_image","_video","_text","searchTerm","clearList","params","offset","setQueryParams","isNewSearchTerm","hasDeletedSearchTerm","isNewFilter","where","shouldClearList","parsedQueryParams","images","videos","documents"],"mappings":"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","sourcesContent":["import { useState, useEffect } from 'react';\nimport differenceWith from 'lodash.differencewith';\nimport isEqual from 'lodash.isequal';\nimport { useApolloClient } from '@apollo/client';\nimport useGetFiles from '../useGetFiles';\nimport getCounters from './getCounters';\n\nfunction useGetFilesList() {\n  const [\n    {\n      queryParams,\n      previousFilter,\n      previousSearchTerm,\n      loading,\n      data: { files: results, all, image, video, text }\n    },\n    setParams\n  ] = useGetFiles();\n  const [currentResults, setCurrentResults] = useState([]);\n  const [allResults, setAllResults] = useState([]);\n  const [currentFilter, setCurrentFilter] = useState(null);\n  const [allFilesCounter, setAllFilesCounter] = useState(null);\n  const [counters, setCounters] = useState(null);\n  const client = useApolloClient();\n\n  useEffect(\n    () => {\n      if (queryParams.isSearch && all && image && video && text) {\n        setCounters({\n          all: all.total,\n          image: image.total,\n          video: video.total,\n          text: text.total\n        });\n      }\n    },\n    [queryParams.isSearch, all, image, video, text]\n  );\n\n  useEffect(\n    () => {\n      if (counters === null) {\n        getCounters(client).then(initialCounter => {\n          setCounters(initialCounter);\n          setAllFilesCounter(initialCounter);\n        });\n      }\n      if (!currentFilter && previousFilter) {\n        setCurrentFilter(previousFilter);\n      }\n\n      if (currentFilter !== previousFilter) {\n        setAllResults([]);\n        setCurrentResults([]);\n        return;\n      }\n\n      const isContentDifferent = !!differenceWith(results, currentResults, isEqual).length;\n\n      if (isContentDifferent) {\n        setAllResults([...allResults, ...results]);\n        setCurrentResults(results);\n      }\n\n      const shouldSetContentIfListIsVoid =\n        !isContentDifferent &&\n        !allResults.length &&\n        results.length &&\n        allFilesCounter[currentFilter] !== 0;\n\n      if (shouldSetContentIfListIsVoid) {\n        setAllResults(results);\n        setCurrentResults(results);\n      }\n    },\n    [currentFilter, currentResults, currentResults.length, previousFilter, results] //eslint-disable-line\n  );\n\n  const removeFile = ({ index }) => {\n    const resultsToUpdate = [...allResults];\n    resultsToUpdate.splice(index, 1);\n    const currentFileType = resultsToUpdate[index].type;\n    const updatedFileTypeCounterValue = allFilesCounter[currentFileType] - 1;\n    const updateAllFilesCounter = allFilesCounter.all - 1;\n    if (queryParams.isSearch) {\n      setCounters({\n        ...counters,\n        [currentFileType]: counters[currentFileType] - 1,\n        all: counters.all - 1\n      });\n      setAllFilesCounter({\n        ...allFilesCounter,\n        [currentFileType]: updatedFileTypeCounterValue,\n        all: updateAllFilesCounter\n      });\n    }\n\n    if (!queryParams.isSearch) {\n      const updatedCounters = {\n        ...allFilesCounter,\n        [currentFileType]: updatedFileTypeCounterValue,\n        all: updateAllFilesCounter\n      };\n\n      setCounters(updatedCounters);\n      setAllFilesCounter(updatedCounters);\n    }\n    setAllResults(resultsToUpdate);\n  };\n\n  const updateFile = ({ file, index }) => {\n    const resultsToUpdate = [...allResults];\n    resultsToUpdate[index] = file;\n    setAllResults(resultsToUpdate);\n  };\n\n  const addNewFile = newFiles => {\n    const { image: _image, video: _video, text: _text } = newFiles.reduce(\n      (acc, { type }) => {\n        acc[type] += 1;\n        return acc;\n      },\n      { image: 0, video: 0, text: 0 }\n    );\n\n    if (queryParams.isSearch) {\n      setAllResults([]);\n      setParams({ queryParams, isSearch: false, searchTerm: null });\n    }\n\n    const updatedCounters = {\n      all: allFilesCounter.all + _image + _video + _text,\n      image: allFilesCounter.image + _image,\n      video: allFilesCounter.video + _video,\n      text: allFilesCounter.text + _text\n    };\n\n    setCounters(updatedCounters);\n    setAllFilesCounter(updatedCounters);\n    setAllResults([...newFiles, ...allResults]);\n  };\n\n  const clearList = params => {\n    setAllResults([]);\n    setParams({ ...params, offset: 0 });\n    setCounters(allFilesCounter);\n  };\n\n  const setQueryParams = params => {\n    const isNewSearchTerm = params.isSearch && previousSearchTerm !== params.searchTerm;\n    const hasDeletedSearchTerm = previousSearchTerm && params.searchTerm === null;\n    const isNewFilter = params.where.type !== previousFilter;\n    const shouldClearList = hasDeletedSearchTerm || isNewFilter || isNewSearchTerm;\n    shouldClearList ? clearList(params) : setParams(params);\n    setCurrentFilter(params.where.type);\n  };\n\n  const parsedQueryParams = {\n    ...queryParams,\n    where: currentFilter === 'all' ? {} : queryParams.where\n  };\n\n  return [\n    {\n      queryParams: parsedQueryParams,\n      loading,\n      data: {\n        files: allResults,\n        all: counters ? counters.all : 0,\n        images: counters ? counters.image : 0,\n        videos: counters ? counters.video : 0,\n        documents: counters ? counters.text : 0\n      }\n    },\n    { setQueryParams, clearList, removeFile, addNewFile, updateFile }\n  ];\n}\n\nexport default useGetFilesList;\n"],"file":"useGetFilesList.js"}

package/lib/components/FileUploadAdapter/FileUploadAdapter.js

@@ -67,7 +67,7 @@ var _modal = _interopRequireDefault(require("@blaze-react/modal"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _reactApollo = require("react-apollo");
+var _client = require("@apollo/client");
 
 var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
 
@@ -144,7 +144,7 @@ var FileUploadAdapter = function FileUploadAdapter(_ref) {
       editFile = _useState10[0],
       setEditFile = _useState10[1];
 
-  var client = (0, _reactApollo.useApolloClient)();
+  var client = (0, _client.useApolloClient)();
 
   var _useToasts = (0, _useToasts2["default"])(),
       addToast = _useToasts.addToast;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FileUploadAdapter/FileUploadAdapter.js"],"names":["FileUploadAdapter","onChange","label","id","type","value","maxItems","shouldRenderInPreview","canDragAndDrop","FormContext","InjectPreview","currentLimit","displayModal","setDisplayModal","initialValue","currentValue","setCurrentValue","currentOffset","setCurrentOffset","selectedFiles","setSelectedFiles","editFile","setEditFile","client","addToast","getFiles","offset","ids","fetchAll","query","variables","limit","where","_in","skip","length","fetchPolicy","newFiles","data","files","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","fileUploadButtonText","filesPending","onOpenLibrary","handleEditModal","file","selectedEditFile","find","_id","handleEditFileForm","editedFile","values","valuesChecked","altText","caption","credits","hrefUrl","currentId","Boolean","modalActions","textButton","callback","modifiers","editModalActions","editedFileId","updatedSelectedFiles","selectedFile","mutate","mutation","input","update","cache","fileUpdated","updateFile","writeQuery","result","appearance","autoDismiss","console","error","filesPendingString","MORE","fileListSpan","onUnselectFile","previewerId","fileName","propTypes","PropTypes","func","isRequired","string","oneOfType","array","number","bool","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAQA;;;;;;;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OASpB;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,KAOI,QAPJA,KAOI;AAAA,MANJC,EAMI,QANJA,EAMI;AAAA,MALJC,IAKI,QALJA,IAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,qBAEI,QAFJA,qBAEI;AAAA,MADJC,cACI,QADJA,cACI;;AACJ,oBAA0B,uBAAWR,iBAAiB,CAACS,WAA7B,CAA1B;AAAA,MAAQC,aAAR,eAAQA,aAAR;;AACA,kBAAuB,2BAASJ,QAAT,CAAvB;AAAA;AAAA,MAAOK,YAAP;;AACA,kBAAwC,qBAAS,KAAT,CAAxC;AAAA;AAAA,MAAOC,YAAP;AAAA,MAAqBC,eAArB;;AACA,MAAMC,YAAY,GAAG,iCAAmB;AAAET,IAAAA,KAAK,EAALA,KAAF;AAASD,IAAAA,IAAI,EAAJA;AAAT,GAAnB,CAArB;;AACA,mBAAwC,qBAASU,YAAT,CAAxC;AAAA;AAAA,MAAOC,YAAP;AAAA,MAAqBC,eAArB;;AACA,mBAA0C,qBAAS,CAAT,CAA1C;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,mBAA0C,qBAAS,EAAT,CAA1C;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,mBAAgC,qBAAS,IAAT,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,MAAMC,MAAM,GAAG,mCAAf;;AACA,mBAAqB,6BAArB;AAAA,MAAQC,QAAR,cAAQA,QAAR;;AAEA,MAAMC,QAAQ;AAAA,8FAAG,iBAAOC,MAAP,EAAeC,GAAf,EAAoBC,QAApB;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAGLL,MAAM,CAACM,KAAP,CAAa;AACrBA,gBAAAA,KAAK,EAAE,4BAAS,WAAT,CADc;AAErBC,gBAAAA,SAAS,EAAE;AACTC,kBAAAA,KAAK,EAAEH,QAAQ,GAAG,CAAH,GAAO,CADb;AAETF,kBAAAA,MAAM,EAANA,MAFS;AAGTM,kBAAAA,KAAK,EAAE;AACL7B,oBAAAA,EAAE,EAAE;AACF8B,sBAAAA,GAAG,EAAEN;AADH;AADC;AAHE,iBAFU;AAWrBO,gBAAAA,IAAI,EAAE,CAACnB,YAAY,CAACoB,MAXC;AAYrBC,gBAAAA,WAAW,EAAE;AAZQ,eAAb,CAHK;;AAAA;AAAA;AAEEC,cAAAA,QAFF,uBAEbC,IAFa,CAELC,KAFK;AAAA,+CAiBRF,QAjBQ;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAH;;AAAA,oBAARZ,QAAQ;AAAA;AAAA;AAAA,KAAd;;AAoBA,wBACE,YAAM;AACJ,kFAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AACOe,cAAAA,YADP,GACsB,CAACrB,aAAa,CAACgB,MAAf,GACjBpB,YAAY,CAAC0B,MAAb,CAAoB,UAACC,CAAD,EAAIC,CAAJ;AAAA,uBAAUA,CAAC,IAAI,CAAf;AAAA,eAApB,CADiB,GAEjB5B,YAHL;AAAA;AAAA,qBAKqBU,QAAQ,CAAC,CAAD,EAAIe,YAAJ,CAL7B;;AAAA;AAKOD,cAAAA,KALP;AAMOK,cAAAA,YANP,GAMsBC,UAAU,CAACN,KAAD,EAAQxB,YAAR,CANhC;AAOCG,cAAAA,gBAAgB,CAAC,CAAD,CAAhB;AACAE,cAAAA,gBAAgB,CAACwB,YAAD,CAAhB;;AARD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAD;AAUD,GAZH,EAaE,CAAC7B,YAAD,CAbF,CAaiB;AAbjB;;AAgBA,MAAM+B,SAAS;AAAA,8FAAG,kBAAMC,cAAN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBACZ5B,aAAa,CAACgB,MAAd,KAAyBpB,YAAY,CAACoB,MAD1B;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAEVa,cAAAA,SAFU,GAEE/B,aAAa,GAAG,CAFlB;AAGVgC,cAAAA,aAHU,GAGMD,SAAS,GAAGjC,YAAY,CAACoB,MAAzB,GAAkCpB,YAAY,CAACoB,MAA/C,GAAwDa,SAH9D;AAIVE,cAAAA,WAJU,GAIIH,cAAc,GAAG,CAAH,GAAOE,aAJzB;AAAA;AAAA,qBAKIxB,QAAQ,CAACyB,WAAD,EAAcnC,YAAd,EAA4BgC,cAA5B,CALZ;;AAAA;AAKVR,cAAAA,KALU;AAMVF,cAAAA,QANU,iDAMKlB,aANL,uCAMuBoB,KANvB;AAOVK,cAAAA,YAPU,GAOKC,UAAU,CAACR,QAAD,EAAWtB,YAAX,CAPf;AAQhBK,cAAAA,gBAAgB,CAACwB,YAAD,CAAhB;AACA1B,cAAAA,gBAAgB,CAAC8B,SAAD,CAAhB;;AATgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAH;;AAAA,oBAATF,SAAS;AAAA;AAAA;AAAA,KAAf;;AAYA,MAAMK,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACZ,KAAD,EAAsC;AAAA,QAA9Ba,kBAA8B,uEAAT,IAAS;AAChE,QAAMC,iBAAiB,GAAG,4BAAchD,KAAd,EAAqB+C,kBAArB,EAAyCb,KAAzC,CAA1B;;AACA,QAAIc,iBAAJ,EAAuB;AACrB,UAAMC,UAAU,GAAG,+BAAiBjD,KAAjB,CAAnB;AACA,UAAMkD,gBAAgB,GAAGD,UAAU,CAACb,MAAX,CAAkB,UAAAe,OAAO;AAAA,eAAI,CAACjB,KAAK,CAACkB,QAAN,CAAeD,OAAf,CAAL;AAAA,OAAzB,CAAzB;AACA,UAAME,WAAW,GAAG,wBAAUtD,IAAV,EAAgB;AAAEuD,QAAAA,QAAQ,EAAEJ;AAAZ,OAAhB,CAApB;AACAvC,MAAAA,eAAe,CAACuC,gBAAD,CAAf;AACA,aAAOtD,QAAQ,CAAC;AACd2D,QAAAA,KAAK,EAAE;AACLC,UAAAA,MAAM,EAAE;AACNxD,YAAAA,KAAK,EAAEqD,WADD;AAENI,YAAAA,IAAI,EAAE3D,EAFA;AAGNC,YAAAA,IAAI,EAAJA,IAHM;AAIN2D,YAAAA,QAAQ,EAAER,gBAAgB,CAACpB,MAAjB,GAA0BoB,gBAA1B,GAA6C;AAJjD;AADH,SADO;AASdlD,QAAAA,KAAK,EAAEqD;AATO,OAAD,CAAf;AAWD;;AAED1C,IAAAA,eAAe,CAACuB,KAAD,CAAf;AACD,GArBD;;AAuBA,MAAMyB,kBAAkB,GAAG,SAArBA,kBAAqB,CAAAzB,KAAK,EAAI;AAClC,QAAMoB,QAAQ,GAAGpB,KAAK,CAAC0B,GAAN,CAAU;AAAA,UAAOC,MAAP,SAAG/D,EAAH;AAAA,aAAoB+D,MAApB;AAAA,KAAV,CAAjB;AACA,QAAMR,WAAW,GAAG,wBAAUtD,IAAV,EAAgB;AAAEuD,MAAAA,QAAQ,EAARA;AAAF,KAAhB,CAApB;AACAvC,IAAAA,gBAAgB,CAACmB,KAAD,CAAhB;AAEA,WAAOtC,QAAQ,CAAC;AACd2D,MAAAA,KAAK,EAAE;AACLC,QAAAA,MAAM,EAAE;AACNxD,UAAAA,KAAK,EAAEqD,WADD;AAENI,UAAAA,IAAI,EAAE3D,EAFA;AAGNC,UAAAA,IAAI,EAAJA,IAHM;AAIN2D,UAAAA,QAAQ,EAAEJ;AAJJ;AADH,OADO;AASdtD,MAAAA,KAAK,EAAEqD;AATO,KAAD,CAAf;AAWD,GAhBD;;AAkBA,MAAMS,qBAAqB,GAAG,SAAxBA,qBAAwB,CAAAC,QAAQ,EAAI;AACxC,QAAIA,QAAJ,EAAc;AACZ,UAAMV,WAAW,GAAG,wBAAUtD,IAAV,EAAgB;AAAEuD,QAAAA,QAAQ,EAAE5C;AAAZ,OAAhB,CAApB;AACAF,MAAAA,eAAe,CAAC,KAAD,CAAf;AACA,aAAOZ,QAAQ,CAAC;AACd2D,QAAAA,KAAK,EAAE;AAAEC,UAAAA,MAAM,EAAE;AAAExD,YAAAA,KAAK,EAAEqD,WAAT;AAAsBI,YAAAA,IAAI,EAAE3D,EAA5B;AAAgCC,YAAAA,IAAI,EAAJA,IAAhC;AAAsCW,YAAAA,YAAY,EAAZA;AAAtC;AAAV,SADO;AAEdV,QAAAA,KAAK,EAAEqD;AAFO,OAAD,CAAf;AAID;;AAED1C,IAAAA,eAAe,CAACF,YAAD,CAAf;AACAD,IAAAA,eAAe,CAAC,KAAD,CAAf;AACD,GAZD;;AAcA,MAAMwD,oBAAoB,GAAG,4BAAc;AAAE/D,IAAAA,QAAQ,EAARA,QAAF;AAAYD,IAAAA,KAAK,EAAES;AAAnB,GAAd,CAA7B;AAEA,MAAMwD,YAAY,GAAG,2CAA6BrD,aAA7B,EAA4CF,YAA5C,CAArB;;AACA,MAAMwD,aAAa,GAAG,SAAhBA,aAAgB;AAAA,WAAM1D,eAAe,CAAC,IAAD,CAArB;AAAA,GAAtB;;AACA,MAAM2D,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,IAAI,EAAI;AAC9B,QAAMC,gBAAgB,GAAGvD,aAAa,CAACwD,IAAd,CAAmB;AAAA,UAAOC,GAAP,SAAGzE,EAAH;AAAA,aAAiByE,GAAG,KAAKH,IAAI,CAACtE,EAA9B;AAAA,KAAnB,CAAzB;AACAmB,IAAAA,WAAW,CAACoD,gBAAD,CAAX;AACD,GAHD;;AAKA,MAAMG,kBAAkB,GAAG,SAArBA,kBAAqB,CAAAC,UAAU,EAAI;AACvC,QAAMC,MAAM,GAAG,uCAAgBD,UAAU,CAACE,aAA3B,CAAf;AAEA,QAAQC,OAAR,GAAqDF,MAArD,CAAQE,OAAR;AAAA,QAAiBC,OAAjB,GAAqDH,MAArD,CAAiBG,OAAjB;AAAA,QAA0BC,OAA1B,GAAqDJ,MAArD,CAA0BI,OAA1B;AAAA,QAAmCC,OAAnC,GAAqDL,MAArD,CAAmCK,OAAnC;AAAA,QAA4CtB,IAA5C,GAAqDiB,MAArD,CAA4CjB,IAA5C;AACAxC,IAAAA,WAAW,iCACND,QADM;AAETyC,MAAAA,IAAI,EAAJA,IAFS;AAGTxB,MAAAA,IAAI,EAAE;AACJ2C,QAAAA,OAAO,EAAPA,OADI;AAEJC,QAAAA,OAAO,EAAPA,OAFI;AAGJC,QAAAA,OAAO,EAAPA,OAHI;AAIJC,QAAAA,OAAO,EAAPA;AAJI;AAHG,OAAX;AAUD,GAdD;;AAgBA,MAAMvC,UAAU,GAAG,SAAbA,UAAa,CAACN,KAAD,EAAQZ,GAAR;AAAA,WACjBA,GAAG,CAACsC,GAAJ,CAAQ,UAAAoB,SAAS;AAAA,aAAI9C,KAAK,CAACoC,IAAN,CAAW;AAAA,YAAOT,MAAP,SAAG/D,EAAH;AAAA,eAAoB+D,MAAM,KAAKmB,SAA/B;AAAA,OAAX,CAAJ;AAAA,KAAjB,EAA2E5C,MAA3E,CAAkF6C,OAAlF,CADiB;AAAA,GAAnB;;AAGA,MAAMC,YAAY,GAAG,CACnB;AACEC,IAAAA,UAAU,EAAE,QADd;AAEEC,IAAAA,QAAQ,EAAE,oBAAM;AACdtB,MAAAA,qBAAqB;AACtB,KAJH;AAKEuB,IAAAA,SAAS,EAAE,CAAC,QAAD;AALb,GADmB,EAQnB;AACEF,IAAAA,UAAU,EAAE,MADd;AAEEC,IAAAA,QAAQ,EAAE,oBAAM;AACdtB,MAAAA,qBAAqB,CAAC,IAAD,CAArB;AACD,KAJH;AAKEuB,IAAAA,SAAS,EAAE;AALb,GARmB,CAArB;AAiBA,MAAMC,gBAAgB,GAAG,CACvB;AACEH,IAAAA,UAAU,EAAE,QADd;AAEEC,IAAAA,QAAQ,EAAE,oBAAM;AACdnE,MAAAA,WAAW,CAAC,IAAD,CAAX;AACD,KAJH;AAKEoE,IAAAA,SAAS,EAAE,CAAC,QAAD;AALb,GADuB,EAQvB;AACEF,IAAAA,UAAU,EAAE,MADd;AAEEC,IAAAA,QAAQ;AAAA,oGAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AACA3B,gBAAAA,IADA,GACiCzC,QADjC,CACAyC,IADA,EACU8B,YADV,GACiCvE,QADjC,CACMlB,EADN,EACwBmC,IADxB,GACiCjB,QADjC,CACwBiB,IADxB;AAEFuD,gBAAAA,oBAFE,GAEqB1E,aAAa,CAAC8C,GAAd,CAAkB,UAAA6B,YAAY,EAAI;AAC7D,sBAAIA,YAAY,CAAC3F,EAAb,KAAoByF,YAAxB,EAAsC;AACpC,2DAAYE,YAAZ;AAA0BhC,sBAAAA,IAAI,EAAJA,IAA1B;AAAgCxB,sBAAAA,IAAI,EAAJA;AAAhC;AACD;;AACD,yBAAOwD,YAAP;AACD,iBAL4B,CAFrB;AAQR1E,gBAAAA,gBAAgB,CAACyE,oBAAD,CAAhB;AARQ;AAAA;AAAA,uBAWAtE,MAAM,CAACwE,MAAP,CAAc;AAClBC,kBAAAA,QAAQ,EAAE,+BAAY,aAAZ,CADQ;AAElBlE,kBAAAA,SAAS,EAAE;AACTmE,oBAAAA,KAAK,EAAE;AACLnC,sBAAAA,IAAI,EAAJA,IADK;AAELxB,sBAAAA,IAAI,EAAJA,IAFK;AAGLnC,sBAAAA,EAAE,EAAEyF;AAHC;AADE,mBAFO;AASlBM,kBAAAA,MATkB,kBAUhBC,KAVgB,SAchB;AAAA,wBAFsBC,WAEtB,SAFE9D,IAEF,CAFU+D,UAEV;AACAF,oBAAAA,KAAK,CAACG,UAAN,CAAiB;AACfzE,sBAAAA,KAAK,EAAE,4BAAS,gBAAT,CADQ;AAEfC,sBAAAA,SAAS,EAAE;AAAE3B,wBAAAA,EAAE,EAAFA;AAAF,uBAFI;AAGfmC,sBAAAA,IAAI,EAAE;AAAEmC,wBAAAA,IAAI,EAAE2B,WAAW,CAACG;AAApB;AAHS,qBAAjB;AAKD;AApBiB,iBAAd,CAXA;;AAAA;AAkCN/E,gBAAAA,QAAQ,iBAAUH,QAAQ,CAACyC,IAAnB,wBAA4C;AAClD0C,kBAAAA,UAAU,EAAE,SADsC;AAElDC,kBAAAA,WAAW,EAAE;AAFqC,iBAA5C,CAAR;AAIAtC,gBAAAA,qBAAqB,CAAC,IAAD,CAArB;AACA7C,gBAAAA,WAAW,CAAC,IAAD,CAAX;AAvCM;AAAA;;AAAA;AAAA;AAAA;AAyCNE,gBAAAA,QAAQ,iBAAUH,QAAQ,CAACyC,IAAnB,4BAAgD;AACtD0C,kBAAAA,UAAU,EAAE,OAD0C;AAEtDC,kBAAAA,WAAW,EAAE;AAFyC,iBAAhD,CAAR;AAIAC,gBAAAA,OAAO,CAACC,KAAR,eA7CM,CA6CY;;AA7CZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAF;;AAAA;AAAA;AAAA;;AAAA;AAAA,OAFV;AAkDEjB,IAAAA,SAAS,EAAE;AAlDb,GARuB,CAAzB;AA6DA,MAAMkB,kBAAkB,aAAMtC,YAAN,cAAsBuC,eAAtB,CAAxB;AACA,MAAMC,YAAY,GAAGxC,YAAY;AAAA;AAC/B;AACA;AAAM,IAAA,SAAS,EAAC,qDAAhB;AAAsE,IAAA,OAAO,EAAExB;AAA/E,WACK8D,kBADL,CAF+B,GAK7B,IALJ;AAOA,sBACE,+EACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE,+CAAQ1G,KAAR,CADF,EAEGiB,aAAa,iBACZ,+EACE,gCAAC,kCAAD;AAAsB,IAAA,KAAK,EAAE;AAAEqD,MAAAA,eAAe,EAAfA,eAAF;AAAmBuC,MAAAA,cAAc,EAAE5D;AAAnC;AAA7B,KACG5C,qBAAqB,gBACpB,gCAAC,aAAD;AAAe,IAAA,QAAQ,EAAEP,iBAAiB,CAACgH;AAA3C,kBACE,gCAAC,oBAAD;AACE,IAAA,aAAa,EAAE7F,aADjB;AAEE,IAAA,QAAQ,EAAEJ,YAFZ;AAGE,IAAA,kBAAkB,EAAEiD,kBAHtB;AAIE,IAAA,cAAc,EAAExD,cAJlB;AAKE,IAAA,SAAS,EAAEsC;AALb,KAMGgE,YANH,CADF,CADoB,gBAYpB,gCAAC,oBAAD;AACE,IAAA,aAAa,EAAE3F,aADjB;AAEE,IAAA,kBAAkB,EAAE6C,kBAFtB;AAGE,IAAA,SAAS,EAAElB;AAHb,IAbJ,CADF,CAHJ,eA0BE,gCAAC,sBAAD;AACE,IAAA,UAAU,EAAEuB,oBADd;AAEE,IAAA,kBAAkB,EAAEE,aAFtB;AAGE,IAAA,iBAAiB,EAAE;AAHrB,IA1BF,CADF,EAiCGlD,QAAQ,iBACP,gCAAC,iBAAD;AAAO,IAAA,OAAO,EAAEsE,gBAAhB;AAAkC,IAAA,KAAK,EAAC,WAAxC;AAAoD,IAAA,OAAO,EAAE;AAAA,aAAMrE,WAAW,CAAC,IAAD,CAAjB;AAAA;AAA7D,kBACE,gCAAC,uBAAD;AACE,IAAA,IAAI,EAAED,QADR;AAEE,IAAA,QAAQ,EAAEA,QAAQ,CAAC4F,QAFrB;AAGE,IAAA,gBAAgB,EAAEpC,kBAHpB;AAIE,IAAA,WAAW,MAJb;AAKE,IAAA,WAAW,EAAC;AALd,IADF,CAlCJ,EA4CGjE,YAAY,iBACX;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE,gCAAC,iBAAD;AACE,IAAA,OAAO,EAAE2E,YADX;AAEE,IAAA,SAAS,EAAC,mBAFZ;AAGE,IAAA,KAAK,EAAC,eAHR;AAIE,IAAA,OAAO,EAAE;AAAA,aAAMpB,qBAAqB,EAA3B;AAAA;AAJX,kBAKE,gCAAC,4BAAD;AACE,IAAA,mBAAmB,EAAEhB,mBADvB;AAEE,IAAA,QAAQ,EAAExC,YAFZ;AAGE,IAAA,aAAa,EAAEI,YAAY,CAACoB,MAAb,GAAsB,CAAtB,GAA0BpB,YAA1B,GAAyC;AAH1D,IALF,CADF,CA7CJ,CADF;AA8DD,CA5SD;;AA8SAf,iBAAiB,CAACkH,SAAlB,GAA8B;AAC5BjH,EAAAA,QAAQ,EAAEkH,sBAAUC,IAAV,CAAeC,UADG;AAE5BnH,EAAAA,KAAK,EAAEiH,sBAAUG,MAAV,CAAiBD,UAFI;AAG5BlH,EAAAA,EAAE,EAAEgH,sBAAUG,MAAV,CAAiBD,UAHO;AAI5BjH,EAAAA,IAAI,EAAE+G,sBAAUG,MAAV,CAAiBD,UAJK;AAK5BhH,EAAAA,KAAK,EAAE8G,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUG,MAAX,EAAmBH,sBAAUK,KAA7B,CAApB,CALqB;AAM5BlH,EAAAA,QAAQ,EAAE6G,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUM,MAAX,EAAmBN,sBAAUO,IAA7B,CAApB,CANkB;AAO5BnH,EAAAA,qBAAqB,EAAE4G,sBAAUO,IAPL;AAQ5BlH,EAAAA,cAAc,EAAE2G,sBAAUO;AARE,CAA9B;AAWA1H,iBAAiB,CAAC2H,YAAlB,GAAiC;AAC/BtH,EAAAA,KAAK,EAAE,EADwB;AAE/BC,EAAAA,QAAQ,EAAE,KAFqB;AAG/BC,EAAAA,qBAAqB,EAAE,KAHQ;AAI/BC,EAAAA,cAAc,EAAE;AAJe,CAAjC;eAOeR,iB","sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport FileUpload from '@blaze-react/file-upload';\nimport Modal from '@blaze-react/modal';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from 'react-apollo';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { parseFormValues } from '@blaze-cms/react-form-builder';\nimport useToasts from '@blaze-react/toaster/lib/Toast/useToasts';\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}) => {\n  const { InjectPreview } = useContext(FileUploadAdapter.FormContext);\n  const [currentLimit] = useLimit(maxItems);\n  const [displayModal, setDisplayModal] = 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) => {\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 = !selectedFiles.length\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 => {\n    if (isSaving) {\n      const parsedValue = getFormat(type, { filesIds: 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 });\n\n  const filesPending = 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: 'Save',\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: 'Save',\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(\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          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>{label}</label>\n        {selectedFiles && (\n          <>\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        )}\n        <FileUpload\n          actionText={fileUploadButtonText}\n          handleLibraryClick={onOpenLibrary}\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      {displayModal && (\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              handleSelectedFiles={handleSelectedFiles}\n              maxItems={currentLimit}\n              filesSelected={currentValue.length > 1 ? currentValue : []}\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};\n\nFileUploadAdapter.defaultProps = {\n  value: '',\n  maxItems: false,\n  shouldRenderInPreview: false,\n  canDragAndDrop: false\n};\n\nexport default FileUploadAdapter;\n"],"file":"FileUploadAdapter.js"}
+{"version":3,"sources":["../../../src/components/FileUploadAdapter/FileUploadAdapter.js"],"names":["FileUploadAdapter","onChange","label","id","type","value","maxItems","shouldRenderInPreview","canDragAndDrop","FormContext","InjectPreview","currentLimit","displayModal","setDisplayModal","initialValue","currentValue","setCurrentValue","currentOffset","setCurrentOffset","selectedFiles","setSelectedFiles","editFile","setEditFile","client","addToast","getFiles","offset","ids","fetchAll","query","variables","limit","where","_in","skip","length","fetchPolicy","newFiles","data","files","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","fileUploadButtonText","filesPending","onOpenLibrary","handleEditModal","file","selectedEditFile","find","_id","handleEditFileForm","editedFile","values","valuesChecked","altText","caption","credits","hrefUrl","currentId","Boolean","modalActions","textButton","callback","modifiers","editModalActions","editedFileId","updatedSelectedFiles","selectedFile","mutate","mutation","input","update","cache","fileUpdated","updateFile","writeQuery","result","appearance","autoDismiss","console","error","filesPendingString","MORE","fileListSpan","onUnselectFile","previewerId","fileName","propTypes","PropTypes","func","isRequired","string","oneOfType","array","number","bool","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport FileUpload from '@blaze-react/file-upload';\nimport Modal from '@blaze-react/modal';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { parseFormValues } from '@blaze-cms/react-form-builder';\nimport useToasts from '@blaze-react/toaster/lib/Toast/useToasts';\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}) => {\n  const { InjectPreview } = useContext(FileUploadAdapter.FormContext);\n  const [currentLimit] = useLimit(maxItems);\n  const [displayModal, setDisplayModal] = 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) => {\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 = !selectedFiles.length\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 => {\n    if (isSaving) {\n      const parsedValue = getFormat(type, { filesIds: 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 });\n\n  const filesPending = 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: 'Save',\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: 'Save',\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(\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          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>{label}</label>\n        {selectedFiles && (\n          <>\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        )}\n        <FileUpload\n          actionText={fileUploadButtonText}\n          handleLibraryClick={onOpenLibrary}\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      {displayModal && (\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              handleSelectedFiles={handleSelectedFiles}\n              maxItems={currentLimit}\n              filesSelected={currentValue.length > 1 ? currentValue : []}\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};\n\nFileUploadAdapter.defaultProps = {\n  value: '',\n  maxItems: false,\n  shouldRenderInPreview: false,\n  canDragAndDrop: false\n};\n\nexport default FileUploadAdapter;\n"],"file":"FileUploadAdapter.js"}

package/lib/components/FileUploadModal/FileUploadModal.js

@@ -49,9 +49,7 @@ var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
 
 var _toaster = require("@blaze-react/toaster");
 
-var _reactApollo = require("react-apollo");
-
-var _reactHooks = require("@apollo/react-hooks");
+var _client = require("@apollo/client");
 
 var _useFileList2 = _interopRequireDefault(require("../FileList/useFileList"));
 
@@ -70,14 +68,14 @@ var FileUploadModal = function FileUploadModal(_ref) {
   var _useToasts = (0, _toaster.useToasts)(),
       addToast = _useToasts.addToast;
 
-  var client = (0, _reactApollo.useApolloClient)();
+  var client = (0, _client.useApolloClient)();
 
   var _useFileList = (0, _useFileList2["default"])(),
       addNewFile = _useFileList.addNewFile;
 
   var fileStoresType = (0, _adminUiUtils.getQuery)('GET_FILE_STORES');
 
-  var _useQuery = (0, _reactHooks.useQuery)(fileStoresType, {
+  var _useQuery = (0, _client.useQuery)(fileStoresType, {
     variables: {
       visibleInAdmin: true
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FileUploadModal/FileUploadModal.js"],"names":["FileUploadModal","onClose","files","setFiles","addToast","client","addNewFile","fileStoresType","variables","visibleInAdmin","data","getFileStores","storeType","handleFiles","filesToUpload","uploadFiles","Promise","all","map","file","name","fileData","mutate","mutation","input","filename","storeKey","error","message","appearance","autoDismiss","response","parsedResponse","result","fileNames","join","handleOnSave","length","storeOptions","type","key","textButton","callback","modifiers","propTypes","PropTypes","func","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport Modal from '@blaze-react/modal';\nimport FileUpload from '@blaze-react/file-upload';\nimport PropTypes from 'prop-types';\nimport { getMutation, getQuery } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport { useApolloClient } from 'react-apollo';\nimport { useQuery } from '@apollo/react-hooks';\nimport useFileList from '../FileList/useFileList';\n\nconst FileUploadModal = ({ onClose }) => {\n  const [files, setFiles] = useState([]);\n  const { addToast } = useToasts();\n  const client = useApolloClient();\n  const { addNewFile } = useFileList();\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n\n  const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n\n  const handleFiles = filesToUpload => {\n    setFiles(filesToUpload);\n  };\n\n  const uploadFiles = async () => {\n    const response = await Promise.all(\n      files.map(({ file, name, data: fileData }) =>\n        client.mutate({\n          mutation: getMutation('UPLOAD_FILE'),\n          variables: {\n            input: {\n              file,\n              name: name || file.filename,\n              storeKey: 'default',\n              data: fileData\n            }\n          }\n        })\n      )\n    ).catch(error => {\n      addToast(error.message, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n    });\n\n    const parsedResponse = response.map(({ data: { file } }) => file.result);\n\n    const fileNames = files.map(({ file }) => file.name);\n    addNewFile(parsedResponse);\n    addToast(`Uploaded: ${fileNames.join(', ')}`, {\n      appearance: 'success',\n      autoDismiss: true\n    });\n  };\n\n  const handleOnSave = async () => {\n    onClose();\n    if (files.length) await uploadFiles();\n  };\n\n  const storeOptions = storeType.map(type => [type.key, type.name]);\n\n  return (\n    <>\n      <Modal\n        onClose={onClose}\n        title=\"Add media\"\n        actions={[\n          {\n            textButton: 'Cancel',\n            callback: onClose,\n            modifiers: ['cancel']\n          },\n          {\n            textButton: 'Save',\n            callback: handleOnSave,\n            modifiers: []\n          }\n        ]}\n        upload>\n        <FileUpload onChange={handleFiles} selectOptions={storeOptions} />\n      </Modal>\n    </>\n  );\n};\n\nFileUploadModal.propTypes = {\n  onClose: PropTypes.func\n};\n\nFileUploadModal.defaultProps = {\n  onClose: () => {}\n};\n\nexport default FileUploadModal;\n"],"file":"FileUploadModal.js"}
+{"version":3,"sources":["../../../src/components/FileUploadModal/FileUploadModal.js"],"names":["FileUploadModal","onClose","files","setFiles","addToast","client","addNewFile","fileStoresType","variables","visibleInAdmin","data","getFileStores","storeType","handleFiles","filesToUpload","uploadFiles","Promise","all","map","file","name","fileData","mutate","mutation","input","filename","storeKey","error","message","appearance","autoDismiss","response","parsedResponse","result","fileNames","join","handleOnSave","length","storeOptions","type","key","textButton","callback","modifiers","propTypes","PropTypes","func","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport Modal from '@blaze-react/modal';\nimport FileUpload from '@blaze-react/file-upload';\nimport PropTypes from 'prop-types';\nimport { getMutation, getQuery } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport { useApolloClient, useQuery } from '@apollo/client';\nimport useFileList from '../FileList/useFileList';\n\nconst FileUploadModal = ({ onClose }) => {\n  const [files, setFiles] = useState([]);\n  const { addToast } = useToasts();\n  const client = useApolloClient();\n  const { addNewFile } = useFileList();\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n\n  const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n\n  const handleFiles = filesToUpload => {\n    setFiles(filesToUpload);\n  };\n\n  const uploadFiles = async () => {\n    const response = await Promise.all(\n      files.map(({ file, name, data: fileData }) =>\n        client.mutate({\n          mutation: getMutation('UPLOAD_FILE'),\n          variables: {\n            input: {\n              file,\n              name: name || file.filename,\n              storeKey: 'default',\n              data: fileData\n            }\n          }\n        })\n      )\n    ).catch(error => {\n      addToast(error.message, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n    });\n\n    const parsedResponse = response.map(({ data: { file } }) => file.result);\n\n    const fileNames = files.map(({ file }) => file.name);\n    addNewFile(parsedResponse);\n    addToast(`Uploaded: ${fileNames.join(', ')}`, {\n      appearance: 'success',\n      autoDismiss: true\n    });\n  };\n\n  const handleOnSave = async () => {\n    onClose();\n    if (files.length) await uploadFiles();\n  };\n\n  const storeOptions = storeType.map(type => [type.key, type.name]);\n\n  return (\n    <>\n      <Modal\n        onClose={onClose}\n        title=\"Add media\"\n        actions={[\n          {\n            textButton: 'Cancel',\n            callback: onClose,\n            modifiers: ['cancel']\n          },\n          {\n            textButton: 'Save',\n            callback: handleOnSave,\n            modifiers: []\n          }\n        ]}\n        upload>\n        <FileUpload onChange={handleFiles} selectOptions={storeOptions} />\n      </Modal>\n    </>\n  );\n};\n\nFileUploadModal.propTypes = {\n  onClose: PropTypes.func\n};\n\nFileUploadModal.defaultProps = {\n  onClose: () => {}\n};\n\nexport default FileUploadModal;\n"],"file":"FileUploadModal.js"}

package/lib/components/FilterPanel/FilterPanel.js

@@ -45,7 +45,7 @@ var _select = _interopRequireDefault(require("@blaze-react/select"));
 
 var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
 
-var _reactHooks = require("@apollo/react-hooks");
+var _client = require("@apollo/client");
 
 var _mediaContext = require("../../utils/media-context");
 
@@ -80,7 +80,7 @@ var FilterPanel = function FilterPanel() {
 
   var fileStoresType = (0, _adminUiUtils.getQuery)('GET_FILE_STORES');
 
-  var _useQuery = (0, _reactHooks.useQuery)(fileStoresType, {
+  var _useQuery = (0, _client.useQuery)(fileStoresType, {
     variables: {
       visibleInAdmin: true
     }