@blaze-cms/plugin-media-ui 0.127.0 → 0.128.0-admin-updates.1

package/CHANGELOG.md

@@ -3,6 +3,39 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.128.0-admin-updates.1](https://github.com/thebyte9/blaze/compare/v0.128.0-admin-updates.0...v0.128.0-admin-updates.1) (2023-02-16)
+
+
+### Bug Fixes
+
+* load media edit when preview is not available ([#3805](https://github.com/thebyte9/blaze/issues/3805)) ([8358690](https://github.com/thebyte9/blaze/commit/8358690b9d53140040dc703a967ccb491f1ff8f9))
+
+
+
+
+
+# [0.128.0-admin-updates.0](https://github.com/thebyte9/blaze/compare/v0.127.1...v0.128.0-admin-updates.0) (2023-02-16)
+
+
+### Bug Fixes
+
+* admin updates feedback ([0e69cbb](https://github.com/thebyte9/blaze/commit/0e69cbb0337df371c3e1cfc2f43c0d4ce666f33b))
+* list full media library ([#3746](https://github.com/thebyte9/blaze/issues/3746)) ([623172f](https://github.com/thebyte9/blaze/commit/623172f16ce5fe354e702447f95c64324e5bb2ab))
+* remove unused variables ([c6687c0](https://github.com/thebyte9/blaze/commit/c6687c0c8b84ec9775eb15ed8711979dfd322187))
+* update file upload modal test and snapshots ([47958f4](https://github.com/thebyte9/blaze/commit/47958f4336b04ae45ffdc2d9c2313b886dd7fcc3))
+* update snapshots ([c88c8be](https://github.com/thebyte9/blaze/commit/c88c8bec58af59a5707d15f5e212e6b515706676))
+* update tests ([8fd2675](https://github.com/thebyte9/blaze/commit/8fd2675624126e5a23ecc0af3202d08c46667441))
+
+
+### Features
+
+* add updated snapshots ([a0444bd](https://github.com/thebyte9/blaze/commit/a0444bd0d4e2f78753ac069067d39f3f6e741832))
+* delete duplicated code ([6fc900c](https://github.com/thebyte9/blaze/commit/6fc900c4e3a57664c0972c6ed739345e5d93af0b))
+
+
+
+
+
 # [0.127.0](https://github.com/thebyte9/blaze/compare/v0.126.1...v0.127.0) (2023-02-10)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui

package/lib/components/CardMedia/CardMedia.js

@@ -75,40 +75,38 @@ var CardMedia = function CardMedia(_ref) {
   var deleteFileById = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
       return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              setDisplayDeleteModal(false);
-              _context.prev = 1;
-              _context.next = 4;
-              return deleteFile({
-                variables: {
-                  input: {
-                    id: id
-                  }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setDisplayDeleteModal(false);
+            _context.prev = 1;
+            _context.next = 4;
+            return deleteFile({
+              variables: {
+                input: {
+                  id: id
                 }
-              });
-            case 4:
-              removeFile({
-                index: index
-              });
-              addToast("File: ".concat(name, " has been deleted"), {
-                appearance: 'success',
-                autoDismiss: true
-              });
-              _context.next = 11;
-              break;
-            case 8:
-              _context.prev = 8;
-              _context.t0 = _context["catch"](1);
-              addToast(_context.t0.message, {
-                appearance: 'error',
-                autoDismiss: true
-              });
-            case 11:
-            case "end":
-              return _context.stop();
-          }
+              }
+            });
+          case 4:
+            removeFile({
+              index: index
+            });
+            addToast("File: ".concat(name, " has been deleted"), {
+              appearance: 'success',
+              autoDismiss: true
+            });
+            _context.next = 11;
+            break;
+          case 8:
+            _context.prev = 8;
+            _context.t0 = _context["catch"](1);
+            addToast(_context.t0.message, {
+              appearance: 'error',
+              autoDismiss: true
+            });
+          case 11:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[1, 8]]);
     }));
@@ -151,57 +149,55 @@ var CardMedia = function CardMedia(_ref) {
     var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
       var _yield$client$mutate, updatedFile;
       return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.prev = 0;
-              _context2.next = 3;
-              return client.mutate({
-                mutation: (0, _adminUiUtils.getMutation)('UPDATE_FILE'),
-                variables: {
-                  input: fileData
-                },
-                update: function update(cache, _ref4) {
-                  var fileUpdated = _ref4.data.updateFile;
-                  cache.writeQuery({
-                    query: (0, _adminUiUtils.getQuery)('GET_FILE_BY_ID'),
-                    variables: {
-                      id: id
-                    },
-                    data: {
-                      file: fileUpdated.result
-                    }
-                  });
-                }
-              });
-            case 3:
-              _yield$client$mutate = _context2.sent;
-              updatedFile = _yield$client$mutate.data.updateFile;
-              updateFile({
-                file: updatedFile.result,
-                index: index
-              });
-              addToast("File: ".concat(fileData.name, " has been updated"), {
-                appearance: 'success',
-                autoDismiss: true
-              });
-              _context2.next = 13;
-              break;
-            case 9:
-              _context2.prev = 9;
-              _context2.t0 = _context2["catch"](0);
-              addToast("File: ".concat(fileData.name, " has not been updated"), {
-                appearance: 'error',
-                autoDismiss: true
-              });
-              console.error(_context2.t0); //eslint-disable-line
-            case 13:
-              handleCloseModal();
-              setEnableSaveButton(false);
-            case 15:
-            case "end":
-              return _context2.stop();
-          }
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.prev = 0;
+            _context2.next = 3;
+            return client.mutate({
+              mutation: (0, _adminUiUtils.getMutation)('UPDATE_FILE'),
+              variables: {
+                input: fileData
+              },
+              update: function update(cache, _ref4) {
+                var fileUpdated = _ref4.data.updateFile;
+                cache.writeQuery({
+                  query: (0, _adminUiUtils.getQuery)('GET_FILE_BY_ID'),
+                  variables: {
+                    id: id
+                  },
+                  data: {
+                    file: fileUpdated.result
+                  }
+                });
+              }
+            });
+          case 3:
+            _yield$client$mutate = _context2.sent;
+            updatedFile = _yield$client$mutate.data.updateFile;
+            updateFile({
+              file: updatedFile.result,
+              index: index
+            });
+            addToast("File: ".concat(fileData.name, " has been updated"), {
+              appearance: 'success',
+              autoDismiss: true
+            });
+            _context2.next = 13;
+            break;
+          case 9:
+            _context2.prev = 9;
+            _context2.t0 = _context2["catch"](0);
+            addToast("File: ".concat(fileData.name, " has not been updated"), {
+              appearance: 'error',
+              autoDismiss: true
+            });
+            console.error(_context2.t0); //eslint-disable-line
+          case 13:
+            handleCloseModal();
+            setEnableSaveButton(false);
+          case 15:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2, null, [[0, 9]]);
     }));

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

@@ -1 +1 @@
-{"version":3,"file":"CardMedia.js","names":["CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","modalTargetRef","updateFile","removeFile","index","useState","displayDeleteModal","setDisplayDeleteModal","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","useToasts","addToast","useMutation","getMutation","deleteFile","split","type","extension","client","useApolloClient","deleteFileById","variables","input","appearance","autoDismiss","message","handleClick","cardMediaClassNames","classnames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","mutate","mutation","update","cache","fileUpdated","writeQuery","query","getQuery","result","updatedFile","console","error","createPortal","current","event","preventDefault","stopPropagation","propTypes","PropTypes","string","isRequired","object","func","bool","number","defaultProps"],"sources":["../../../src/components/CardMedia/CardMedia.js"],"sourcesContent":["import React, { useState } from 'react';\nimport More from '@blaze-react/more';\nimport Button from '@blaze-react/button';\nimport { DeleteAction } from '@blaze-cms/admin';\nimport PropTypes from 'prop-types';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useMutation, useApolloClient } from '@apollo/client';\nimport classnames from 'classnames';\nimport { useToasts } from '@blaze-react/toaster';\nimport Modal from '@blaze-react/modal';\nimport { createPortal } from 'react-dom';\nimport { Link } from 'react-router-dom';\nimport EditMediaFile from '../EditMediaFile';\n\nconst CardMedia = ({\n  onSelected,\n  name,\n  url,\n  mimetype,\n  id,\n  selected,\n  displayLayout,\n  data,\n  modalTargetRef,\n  updateFile,\n  removeFile,\n  index\n}) => {\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"],"mappings":"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"}
+{"version":3,"file":"CardMedia.js","names":["CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","modalTargetRef","updateFile","removeFile","index","useState","displayDeleteModal","setDisplayDeleteModal","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","useToasts","addToast","useMutation","getMutation","deleteFile","split","type","extension","client","useApolloClient","deleteFileById","variables","input","appearance","autoDismiss","message","handleClick","cardMediaClassNames","classnames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","mutate","mutation","update","cache","fileUpdated","writeQuery","query","getQuery","result","updatedFile","console","error","createPortal","current","event","preventDefault","stopPropagation","propTypes","PropTypes","string","isRequired","object","func","bool","number","defaultProps"],"sources":["../../../src/components/CardMedia/CardMedia.js"],"sourcesContent":["import React, { useState } from 'react';\nimport More from '@blaze-react/more';\nimport Button from '@blaze-react/button';\nimport { DeleteAction } from '@blaze-cms/admin';\nimport PropTypes from 'prop-types';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useMutation, useApolloClient } from '@apollo/client';\nimport classnames from 'classnames';\nimport { useToasts } from '@blaze-react/toaster';\nimport Modal from '@blaze-react/modal';\nimport { createPortal } from 'react-dom';\nimport { Link } from 'react-router-dom';\nimport EditMediaFile from '../EditMediaFile';\n\nconst CardMedia = ({\n  onSelected,\n  name,\n  url,\n  mimetype,\n  id,\n  selected,\n  displayLayout,\n  data,\n  modalTargetRef,\n  updateFile,\n  removeFile,\n  index\n}) => {\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"],"mappings":"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"}

package/lib/components/EditMediaFile/EditMediaFile.js

@@ -52,19 +52,19 @@ var EditMediaFile = function EditMediaFile(_ref) {
       }
     }),
     loading = _useQuery.loading,
-    _useQuery$data = _useQuery.data;
-  _useQuery$data = _useQuery$data === void 0 ? {} : _useQuery$data;
-  var file = _useQuery$data.file;
+    _useQuery$data = _useQuery.data,
+    _useQuery$data2 = _useQuery$data === void 0 ? {} : _useQuery$data,
+    file = _useQuery$data2.file;
   var fileStoresType = (0, _adminUiUtils.getQuery)('GET_FILE_STORES');
   var _useQuery2 = (0, _client.useQuery)(fileStoresType, {
       variables: {
         visibleInAdmin: true
       }
     }),
-    _useQuery2$data = _useQuery2.data;
-  _useQuery2$data = _useQuery2$data === void 0 ? {} : _useQuery2$data;
-  var _useQuery2$data$getFi = _useQuery2$data.getFileStores,
-    storeType = _useQuery2$data$getFi === void 0 ? [] : _useQuery2$data$getFi;
+    _useQuery2$data = _useQuery2.data,
+    _useQuery2$data2 = _useQuery2$data === void 0 ? {} : _useQuery2$data,
+    _useQuery2$data2$getF = _useQuery2$data2.getFileStores,
+    storeType = _useQuery2$data2$getF === void 0 ? [] : _useQuery2$data2$getF;
   (0, _react.useEffect)(function () {
     if (!formValues && file) {
       setFormValues(file);

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

@@ -1 +1 @@
-{"version":3,"file":"EditMediaFile.js","names":["EditMediaFile","onChange","handleSaveButtonStatus","enableSaveButton","fileId","useState","formValues","setFormValues","query","getQuery","useQuery","variables","id","loading","data","file","fileStoresType","visibleInAdmin","getFileStores","storeType","useEffect","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"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"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"],"mappings":"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"}
+{"version":3,"file":"EditMediaFile.js","names":["EditMediaFile","onChange","handleSaveButtonStatus","enableSaveButton","fileId","useState","formValues","setFormValues","query","getQuery","useQuery","variables","id","loading","data","file","fileStoresType","visibleInAdmin","getFileStores","storeType","useEffect","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"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"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"],"mappings":"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"}

package/lib/components/EditMediaFile/EditMediaFilePage.js

@@ -52,50 +52,48 @@ var EditMediaFilePage = function EditMediaFilePage(_ref) {
   var handleFormSave = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
       return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return client.mutate({
-                mutation: (0, _adminUiUtils.getMutation)('UPDATE_FILE'),
-                variables: {
-                  input: file
-                },
-                update: function update(cache, _ref3) {
-                  var fileUpdated = _ref3.data.updateFile;
-                  cache.writeQuery({
-                    query: (0, _adminUiUtils.getQuery)('GET_FILE_BY_ID'),
-                    variables: {
-                      id: match.params.fileId
-                    },
-                    data: {
-                      file: fileUpdated.result
-                    }
-                  });
-                }
-              });
-            case 3:
-              addToast("File: ".concat(file.name, " has been updated"), {
-                appearance: 'success',
-                autoDismiss: true
-              });
-              _context.next = 10;
-              break;
-            case 6:
-              _context.prev = 6;
-              _context.t0 = _context["catch"](0);
-              addToast("File: ".concat(file.name, " has not been updated"), {
-                appearance: 'error',
-                autoDismiss: true
-              });
-              console.error(_context.t0); //eslint-disable-line
-            case 10:
-              setShouldEnableSaveButton(false);
-            case 11:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return client.mutate({
+              mutation: (0, _adminUiUtils.getMutation)('UPDATE_FILE'),
+              variables: {
+                input: file
+              },
+              update: function update(cache, _ref3) {
+                var fileUpdated = _ref3.data.updateFile;
+                cache.writeQuery({
+                  query: (0, _adminUiUtils.getQuery)('GET_FILE_BY_ID'),
+                  variables: {
+                    id: match.params.fileId
+                  },
+                  data: {
+                    file: fileUpdated.result
+                  }
+                });
+              }
+            });
+          case 3:
+            addToast("File: ".concat(file.name, " has been updated"), {
+              appearance: 'success',
+              autoDismiss: true
+            });
+            _context.next = 10;
+            break;
+          case 6:
+            _context.prev = 6;
+            _context.t0 = _context["catch"](0);
+            addToast("File: ".concat(file.name, " has not been updated"), {
+              appearance: 'error',
+              autoDismiss: true
+            });
+            console.error(_context.t0); //eslint-disable-line
+          case 10:
+            setShouldEnableSaveButton(false);
+          case 11:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[0, 6]]);
     }));

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

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