@blaze-cms/plugin-media-ui 0.146.0-alpha.5 → 0.146.0-alpha.55

package/CHANGELOG.md

@@ -3,6 +3,110 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.146.0-alpha.55](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.54...v0.146.0-alpha.55) (2025-06-18)
+
+
+### Features
+
+* preserving filename on file update ([9a3a415](https://github.com/thebyte9/blaze/commit/9a3a4157db99820dae08130da47f6fe8f5f3f9e9))
+
+
+
+
+
+# [0.146.0-alpha.51](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.50...v0.146.0-alpha.51) (2025-06-11)
+
+**Note:** Version bump only for package @blaze-cms/plugin-media-ui
+
+
+
+
+
+# [0.146.0-alpha.42](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.41...v0.146.0-alpha.42) (2025-05-06)
+
+**Note:** Version bump only for package @blaze-cms/plugin-media-ui
+
+
+
+
+
+# [0.146.0-alpha.35](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.34...v0.146.0-alpha.35) (2025-03-26)
+
+**Note:** Version bump only for package @blaze-cms/plugin-media-ui
+
+
+
+
+
+# [0.146.0-alpha.31](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.30...v0.146.0-alpha.31) (2025-03-05)
+
+**Note:** Version bump only for package @blaze-cms/plugin-media-ui
+
+
+
+
+
+# [0.146.0-alpha.30](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.29...v0.146.0-alpha.30) (2025-02-25)
+
+**Note:** Version bump only for package @blaze-cms/plugin-media-ui
+
+
+
+
+
+# [0.146.0-alpha.26](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.25...v0.146.0-alpha.26) (2024-12-17)
+
+**Note:** Version bump only for package @blaze-cms/plugin-media-ui
+
+
+
+
+
+# [0.146.0-alpha.22](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.21...v0.146.0-alpha.22) (2024-11-28)
+
+
+### Bug Fixes
+
+* add simple layout toast message ([#4567](https://github.com/thebyte9/blaze/issues/4567)) ([473b722](https://github.com/thebyte9/blaze/commit/473b7226bbc74337462973150910a58e5289b2fb))
+
+
+
+
+
+# [0.146.0-alpha.17](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.16...v0.146.0-alpha.17) (2024-11-12)
+
+
+### Bug Fixes
+
+* fix issue media listing add button not working after simple layout updates ([#4546](https://github.com/thebyte9/blaze/issues/4546)) ([848bab7](https://github.com/thebyte9/blaze/commit/848bab7b10cf12fd4a926c56f41f98d7b61ded7d))
+
+
+
+
+
+# [0.146.0-alpha.14](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.13...v0.146.0-alpha.14) (2024-10-24)
+
+
+### Bug Fixes
+
+* save files on simple layout and handle PDF readonly preview ([#4530](https://github.com/thebyte9/blaze/issues/4530)) ([26331de](https://github.com/thebyte9/blaze/commit/26331de61d0f0d0f5a0b7eba965d126897d3c487))
+
+
+
+
+
+# [0.146.0-alpha.13](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.12...v0.146.0-alpha.13) (2024-10-23)
+
+
+### Features
+
+* add read only file viewer component ([#4527](https://github.com/thebyte9/blaze/issues/4527)) ([0bc416f](https://github.com/thebyte9/blaze/commit/0bc416f4cbdccaaa24e2e780b17636e84e4f8ffe))
+* simplify modal layout ([#4504](https://github.com/thebyte9/blaze/issues/4504)) ([fb513ff](https://github.com/thebyte9/blaze/commit/fb513ffd898d7b2b039469c0f76b7b21f54bf833))
+
+
+
+
+
 # [0.146.0-alpha.5](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.4...v0.146.0-alpha.5) (2024-09-16)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui

package/lib/components/CardMedia/CardMedia.js

@@ -31,8 +31,7 @@ var _modal = _interopRequireDefault(require("@blaze-react/modal"));
 var _reactDom = require("react-dom");
 var _reactRouterDom = require("react-router-dom");
 var _EditMediaFile = _interopRequireDefault(require("../EditMediaFile"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t4 in e) "default" !== _t4 && {}.hasOwnProperty.call(e, _t4) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t4)) && (i.get || i.set) ? o(f, _t4, i) : f[_t4] = e[_t4]); return f; })(e, t); }
 var CardMedia = function CardMedia(_ref) {
   var onSelected = _ref.onSelected,
     name = _ref.name,
@@ -73,13 +72,14 @@ var CardMedia = function CardMedia(_ref) {
     extension = _mimetype$split2[1];
   var client = (0, _client.useApolloClient)();
   var deleteFileById = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      return _regenerator["default"].wrap(function _callee$(_context) {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var _t;
+      return _regenerator["default"].wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             setDisplayDeleteModal(false);
             _context.prev = 1;
-            _context.next = 4;
+            _context.next = 2;
             return deleteFile({
               variables: {
                 input: {
@@ -87,7 +87,7 @@ var CardMedia = function CardMedia(_ref) {
                 }
               }
             });
-          case 4:
+          case 2:
             removeFile({
               index: index
             });
@@ -95,20 +95,20 @@ var CardMedia = function CardMedia(_ref) {
               appearance: 'success',
               autoDismiss: true
             });
-            _context.next = 11;
+            _context.next = 4;
             break;
-          case 8:
-            _context.prev = 8;
-            _context.t0 = _context["catch"](1);
-            addToast(_context.t0.message, {
+          case 3:
+            _context.prev = 3;
+            _t = _context["catch"](1);
+            addToast(_t.message, {
               appearance: 'error',
               autoDismiss: true
             });
-          case 11:
+          case 4:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 8]]);
+      }, _callee, null, [[1, 3]]);
     }));
     return function deleteFileById() {
       return _ref2.apply(this, arguments);
@@ -146,13 +146,13 @@ var CardMedia = function CardMedia(_ref) {
     setFileData(file);
   };
   var handleFormSave = /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-      var _yield$client$mutate, updatedFile;
-      return _regenerator["default"].wrap(function _callee2$(_context2) {
+    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      var _yield$client$mutate, updatedFile, _t2;
+      return _regenerator["default"].wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             _context2.prev = 0;
-            _context2.next = 3;
+            _context2.next = 1;
             return client.mutate({
               mutation: (0, _adminUiUtils.getMutation)('UPDATE_FILE'),
               variables: {
@@ -171,7 +171,7 @@ var CardMedia = function CardMedia(_ref) {
                 });
               }
             });
-          case 3:
+          case 1:
             _yield$client$mutate = _context2.sent;
             updatedFile = _yield$client$mutate.data.updateFile;
             updateFile({
@@ -182,30 +182,30 @@ var CardMedia = function CardMedia(_ref) {
               appearance: 'success',
               autoDismiss: true
             });
-            _context2.next = 13;
+            _context2.next = 3;
             break;
-          case 9:
-            _context2.prev = 9;
-            _context2.t0 = _context2["catch"](0);
+          case 2:
+            _context2.prev = 2;
+            _t2 = _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:
+            console.error(_t2); //eslint-disable-line
+          case 3:
             handleCloseModal();
             setEnableSaveButton(false);
-          case 15:
+          case 4:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[0, 9]]);
+      }, _callee2, null, [[0, 2]]);
     }));
     return function handleFormSave() {
       return _ref3.apply(this, arguments);
     };
   }();
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, displayEditModal && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react["default"].createElement(_modal["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, displayEditModal && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react["default"].createElement(_modal["default"], {
     title: "Edit",
     actions: modalActions,
     onClose: handleCloseModal
@@ -219,7 +219,7 @@ var CardMedia = function CardMedia(_ref) {
     className: cardMediaClassNames,
     role: "button",
     onClick: handleClick
-  }, displayDeleteModal && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react["default"].createElement(_admin.DeleteAction, {
+  }, displayDeleteModal && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react["default"].createElement(_admin.DeleteAction, {
     onClose: function onClose() {
       return setDisplayDeleteModal(false);
     },

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

@@ -1 +1 @@
-{"version":3,"file":"CardMedia.js","names":["_react","_interopRequireWildcard","require","_more","_interopRequireDefault","_button","_admin","_propTypes","_adminUiUtils","_client","_classnames2","_toaster","_modal","_reactDom","_reactRouterDom","_EditMediaFile","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CardMedia","_ref","onSelected","name","url","mimetype","id","selected","displayLayout","data","modalTargetRef","updateFile","removeFile","index","_useState","useState","_useState2","_slicedToArray2","displayDeleteModal","setDisplayDeleteModal","_useState3","_useState4","displayEditModal","setDisplayEditModal","_useState5","_useState6","enableSaveButton","setEnableSaveButton","_useState7","_useState8","fileData","setFileData","_useToasts","useToasts","addToast","_useMutation","useMutation","getMutation","_useMutation2","deleteFile","_mimetype$split","split","_mimetype$split2","type","extension","client","useApolloClient","deleteFileById","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","variables","input","concat","appearance","autoDismiss","t0","message","stop","apply","arguments","handleClick","cardMediaClassNames","classnames","_defineProperty2","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","_ref3","_callee2","_yield$client$mutate","updatedFile","_callee2$","_context2","mutate","mutation","update","cache","_ref4","fileUpdated","writeQuery","query","getQuery","result","sent","console","error","createElement","Fragment","createPortal","title","actions","onClose","onChange","fileId","current","className","role","onClick","DeleteAction","deleteAction","itemName","src","alt","xmlns","width","height","viewBox","d","displayBg","Avatar","isMoreMenu","Content","Link","to","event","preventDefault","stopPropagation","propTypes","PropTypes","string","isRequired","object","func","bool","number","defaultProps","_default","exports"],"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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","ignoreList":[]}
+{"version":3,"file":"CardMedia.js","names":["_react","_interopRequireWildcard","require","_more","_interopRequireDefault","_button","_admin","_propTypes","_adminUiUtils","_client","_classnames2","_toaster","_modal","_reactDom","_reactRouterDom","_EditMediaFile","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t4","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CardMedia","_ref","onSelected","name","url","mimetype","id","selected","displayLayout","data","modalTargetRef","updateFile","removeFile","index","_useState","useState","_useState2","_slicedToArray2","displayDeleteModal","setDisplayDeleteModal","_useState3","_useState4","displayEditModal","setDisplayEditModal","_useState5","_useState6","enableSaveButton","setEnableSaveButton","_useState7","_useState8","fileData","setFileData","_useToasts","useToasts","addToast","_useMutation","useMutation","getMutation","_useMutation2","deleteFile","_mimetype$split","split","_mimetype$split2","type","extension","client","useApolloClient","deleteFileById","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","_t","wrap","_context","prev","next","variables","input","concat","appearance","autoDismiss","message","stop","apply","arguments","handleClick","cardMediaClassNames","classnames","_defineProperty2","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","_ref3","_callee2","_yield$client$mutate","updatedFile","_t2","_context2","mutate","mutation","update","cache","_ref4","fileUpdated","writeQuery","query","getQuery","result","sent","console","error","createElement","Fragment","createPortal","title","actions","onClose","onChange","fileId","current","className","role","onClick","DeleteAction","deleteAction","itemName","src","alt","xmlns","width","height","viewBox","d","displayBg","Avatar","isMoreMenu","Content","Link","to","event","preventDefault","stopPropagation","propTypes","PropTypes","string","isRequired","object","func","bool","number","defaultProps","_default","exports"],"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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","ignoreList":[]}

package/lib/components/EditMediaFile/EditMediaFile.js

@@ -18,22 +18,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.reduce.js");
+require("core-js/modules/es.date.now.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.object.to-string.js");
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
 var _client = require("@apollo/client");
+var _toaster = require("@blaze-react/toaster");
 var _FilePreview = _interopRequireDefault(require("../FilePreview"));
+var _FileUploadModal = _interopRequireDefault(require("../FileUploadModal"));
 var _constants = require("../../constants");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EditMediaFile = function EditMediaFile(_ref) {
@@ -45,16 +49,24 @@ var EditMediaFile = function EditMediaFile(_ref) {
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     formValues = _useState2[0],
     setFormValues = _useState2[1];
-  var query = (0, _adminUiUtils.getQuery)('GET_FILE_BY_ID');
-  var _useQuery = (0, _client.useQuery)(query, {
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    displayFileUploadModal = _useState4[0],
+    setDisplayFileUploadModal = _useState4[1];
+  var _useToasts = (0, _toaster.useToasts)(),
+    addToast = _useToasts.addToast;
+  var fileQuery = (0, _adminUiUtils.getQuery)('GET_FILE_BY_ID');
+  var _useQuery = (0, _client.useQuery)(fileQuery, {
       variables: {
         id: fileId
-      }
+      },
+      fetchPolicy: 'network-only'
     }),
     loading = _useQuery.loading,
     _useQuery$data = _useQuery.data,
     _useQuery$data2 = _useQuery$data === void 0 ? {} : _useQuery$data,
-    file = _useQuery$data2.file;
+    file = _useQuery$data2.file,
+    refetchFile = _useQuery.refetch;
   var fileStoresType = (0, _adminUiUtils.getQuery)('GET_FILE_STORES');
   var _useQuery2 = (0, _client.useQuery)(fileStoresType, {
       variables: {
@@ -76,8 +88,7 @@ var EditMediaFile = function EditMediaFile(_ref) {
       valuesChecked = _ref2.valuesChecked;
     var valuesCheckedWithoutName = valuesChecked.filter(function (_ref3) {
       var id = _ref3.id;
-      if (id === _constants.NAME || id === _constants.STORE_KEY) return false;
-      return true;
+      return id !== _constants.NAME && id !== _constants.STORE_KEY;
     });
     var dataValues = valuesCheckedWithoutName.reduce(function (acc, _ref4) {
       var id = _ref4.id,
@@ -110,7 +121,7 @@ var EditMediaFile = function EditMediaFile(_ref) {
     onChange(updatedFile);
   };
   var getFileWithStoreType = function getFileWithStoreType() {
-    if (storeType) {
+    if (storeType && file) {
       var storeOptions = storeType.map(function (type) {
         return [type.key, type.name];
       });
@@ -126,12 +137,54 @@ var EditMediaFile = function EditMediaFile(_ref) {
     }
     return file;
   };
+  var closeModalAndSetValue = /*#__PURE__*/function () {
+    var _ref9 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(isSaving, values, toastMessage) {
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (toastMessage) {
+              addToast(toastMessage, {
+                appearance: 'success',
+                autoDismiss: true
+              });
+            }
+            _context.next = 1;
+            return refetchFile({
+              id: fileId,
+              timestamp: Date.now()
+            });
+          case 1:
+            setDisplayFileUploadModal(false);
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function closeModalAndSetValue(_x, _x2, _x3) {
+      return _ref9.apply(this, arguments);
+    };
+  }();
+  var handleChangeFile = function handleChangeFile() {
+    setDisplayFileUploadModal(true);
+  };
   var fileWithStoreType = getFileWithStoreType();
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !loading ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, file ? /*#__PURE__*/_react["default"].createElement(_FilePreview["default"], {
     file: fileWithStoreType,
     handleFormChange: handleFormChange,
+    handleChangeFile: handleChangeFile,
     displayForm: true
-  }) : null) : /*#__PURE__*/_react["default"].createElement("div", null, "loading..."));
+  }) : null, displayFileUploadModal && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "file-upload-modal-wrapper"
+  }, /*#__PURE__*/_react["default"].createElement(_FileUploadModal["default"], {
+    onClose: function onClose() {
+      setDisplayFileUploadModal(false);
+    },
+    closeModalAndSetValue: closeModalAndSetValue,
+    simpleLayout: true,
+    fileId: fileId,
+    getSelectedFiles: function getSelectedFiles() {}
+  }))) : /*#__PURE__*/_react["default"].createElement("div", null, "loading..."));
 };
 EditMediaFile.propTypes = {
   fileId: _propTypes["default"].string.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"EditMediaFile.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_adminUiUtils","_client","_FilePreview","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","EditMediaFile","_ref","onChange","handleSaveButtonStatus","enableSaveButton","fileId","_useState","useState","_useState2","_slicedToArray2","formValues","setFormValues","query","getQuery","_useQuery","useQuery","variables","id","loading","_useQuery$data","data","_useQuery$data2","file","fileStoresType","_useQuery2","visibleInAdmin","_useQuery2$data","_useQuery2$data2","_useQuery2$data2$getF","getFileStores","storeType","useEffect","handleFormChange","_ref2","isValid","isNewValueSet","valuesChecked","valuesCheckedWithoutName","_ref3","NAME","STORE_KEY","dataValues","reduce","acc","_ref4","value","_ref5","find","_ref6","newFileName","_ref7","_ref8","storeKey","shouldEnableSaveButton","updatedFile","name","getFileWithStoreType","storeOptions","map","type","key","defaultStore","isDefault","store","fileWithStoreType","createElement","Fragment","displayForm","propTypes","PropTypes","string","isRequired","func","bool","defaultProps","_default","exports"],"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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","ignoreList":[]}
+{"version":3,"file":"EditMediaFile.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_adminUiUtils","_client","_toaster","_FilePreview","_FileUploadModal","_constants","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t2","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","EditMediaFile","_ref","onChange","handleSaveButtonStatus","enableSaveButton","fileId","_useState","useState","_useState2","_slicedToArray2","formValues","setFormValues","_useState3","_useState4","displayFileUploadModal","setDisplayFileUploadModal","_useToasts","useToasts","addToast","fileQuery","getQuery","_useQuery","useQuery","variables","id","fetchPolicy","loading","_useQuery$data","data","_useQuery$data2","file","refetchFile","refetch","fileStoresType","_useQuery2","visibleInAdmin","_useQuery2$data","_useQuery2$data2","_useQuery2$data2$getF","getFileStores","storeType","useEffect","handleFormChange","_ref2","isValid","isNewValueSet","valuesChecked","valuesCheckedWithoutName","_ref3","NAME","STORE_KEY","dataValues","reduce","acc","_ref4","value","_ref5","find","_ref6","newFileName","_ref7","_ref8","storeKey","shouldEnableSaveButton","updatedFile","name","getFileWithStoreType","storeOptions","map","type","key","defaultStore","isDefault","store","closeModalAndSetValue","_ref9","_asyncToGenerator2","_regenerator","mark","_callee","isSaving","values","toastMessage","wrap","_context","prev","next","appearance","autoDismiss","timestamp","Date","now","stop","_x","_x2","_x3","handleChangeFile","fileWithStoreType","createElement","Fragment","displayForm","className","onClose","simpleLayout","getSelectedFiles","propTypes","PropTypes","string","isRequired","func","bool","defaultProps","_default","exports"],"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 { useToasts } from '@blaze-react/toaster';\nimport FilePreview from '../FilePreview';\nimport FileUploadModal from '../FileUploadModal';\nimport { STORE_KEY, NAME } from '../../constants';\n\nconst EditMediaFile = ({ onChange, handleSaveButtonStatus, enableSaveButton, fileId }) => {\n  const [formValues, setFormValues] = useState(null);\n  const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);\n  const { addToast } = useToasts();\n\n  const fileQuery = getQuery('GET_FILE_BY_ID');\n  const { loading, data: { file } = {}, refetch: refetchFile } = useQuery(fileQuery, {\n    variables: { id: fileId },\n    fetchPolicy: 'network-only'\n  });\n  const fileStoresType = getQuery('GET_FILE_STORES');\n  const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n  useEffect(\n    () => {\n      if (!formValues && file) {\n        setFormValues(file);\n      }\n    },\n    [file, formValues, storeType]\n  );\n  const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n    const valuesCheckedWithoutName = valuesChecked.filter(\n      ({ id }) => id !== NAME && id !== STORE_KEY\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    const shouldEnableSaveButton = isNewValueSet && isValid;\n    handleSaveButtonStatus(false);\n    if (shouldEnableSaveButton && shouldEnableSaveButton !== enableSaveButton) {\n      handleSaveButtonStatus(shouldEnableSaveButton);\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  const getFileWithStoreType = () => {\n    if (storeType && file) {\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    return file;\n  };\n  const closeModalAndSetValue = async (isSaving, values, toastMessage) => {\n    if (toastMessage) {\n      addToast(toastMessage, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    }\n    await refetchFile({\n      id: fileId,\n      timestamp: Date.now()\n    });\n    setDisplayFileUploadModal(false);\n  };\n  const handleChangeFile = () => {\n    setDisplayFileUploadModal(true);\n  };\n  const fileWithStoreType = getFileWithStoreType();\n\n  return (\n    <>\n      {!loading ? (\n        <>\n          {file ? (\n            <FilePreview\n              file={fileWithStoreType}\n              handleFormChange={handleFormChange}\n              handleChangeFile={handleChangeFile}\n              displayForm\n            />\n          ) : null}\n          {displayFileUploadModal && (\n            <div className=\"file-upload-modal-wrapper\">\n              <FileUploadModal\n                onClose={() => {\n                  setDisplayFileUploadModal(false);\n                }}\n                closeModalAndSetValue={closeModalAndSetValue}\n                simpleLayout\n                fileId={fileId}\n                getSelectedFiles={() => {}}\n              />\n            </div>\n          )}\n        </>\n      ) : (\n        <div>loading...</div>\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};\nEditMediaFile.defaultProps = {\n  enableSaveButton: false\n};\nexport default EditMediaFile;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,gBAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AAAkD,SAAAD,wBAAAU,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,wBAAAU,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,GAAA,IAAAd,CAAA,gBAAAc,GAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,GAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,GAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,GAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,GAAA,IAAAd,CAAA,CAAAc,GAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAmB,QAAApB,CAAA,EAAAG,CAAA,QAAAF,CAAA,GAAAgB,MAAA,CAAAI,IAAA,CAAArB,CAAA,OAAAiB,MAAA,CAAAK,qBAAA,QAAAhB,CAAA,GAAAW,MAAA,CAAAK,qBAAA,CAAAtB,CAAA,GAAAG,CAAA,KAAAG,CAAA,GAAAA,CAAA,CAAAiB,MAAA,WAAApB,CAAA,WAAAc,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAG,CAAA,EAAAqB,UAAA,OAAAvB,CAAA,CAAAwB,IAAA,CAAAC,KAAA,CAAAzB,CAAA,EAAAK,CAAA,YAAAL,CAAA;AAAA,SAAA0B,cAAA3B,CAAA,aAAAG,CAAA,MAAAA,CAAA,GAAAyB,SAAA,CAAAC,MAAA,EAAA1B,CAAA,UAAAF,CAAA,WAAA2B,SAAA,CAAAzB,CAAA,IAAAyB,SAAA,CAAAzB,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAH,MAAA,CAAAhB,CAAA,OAAA6B,OAAA,WAAA3B,CAAA,QAAA4B,gBAAA,aAAA/B,CAAA,EAAAG,CAAA,EAAAF,CAAA,CAAAE,CAAA,SAAAc,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAjC,CAAA,EAAAiB,MAAA,CAAAe,yBAAA,CAAA/B,CAAA,KAAAmB,OAAA,CAAAH,MAAA,CAAAhB,CAAA,GAAA6B,OAAA,WAAA3B,CAAA,IAAAc,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAG,CAAA,EAAAc,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAE,CAAA,iBAAAH,CAAA;AAElD,IAAMkC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAAuE;EAAA,IAAjEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,sBAAsB,GAAAF,IAAA,CAAtBE,sBAAsB;IAAEC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;EACjF,IAAAC,SAAA,GAAoC,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAA3CI,UAAU,GAAAF,UAAA;IAAEG,aAAa,GAAAH,UAAA;EAChC,IAAAI,UAAA,GAA4D,IAAAL,eAAQ,EAAC,KAAK,CAAC;IAAAM,UAAA,OAAAJ,eAAA,aAAAG,UAAA;IAApEE,sBAAsB,GAAAD,UAAA;IAAEE,yBAAyB,GAAAF,UAAA;EACxD,IAAAG,UAAA,GAAqB,IAAAC,kBAAS,EAAC,CAAC;IAAxBC,QAAQ,GAAAF,UAAA,CAARE,QAAQ;EAEhB,IAAMC,SAAS,GAAG,IAAAC,sBAAQ,EAAC,gBAAgB,CAAC;EAC5C,IAAAC,SAAA,GAA+D,IAAAC,gBAAQ,EAACH,SAAS,EAAE;MACjFI,SAAS,EAAE;QAAEC,EAAE,EAAEnB;MAAO,CAAC;MACzBoB,WAAW,EAAE;IACf,CAAC,CAAC;IAHMC,OAAO,GAAAL,SAAA,CAAPK,OAAO;IAAAC,cAAA,GAAAN,SAAA,CAAEO,IAAI;IAAAC,eAAA,GAAAF,cAAA,cAAa,CAAC,CAAC,GAAAA,cAAA;IAAXG,IAAI,GAAAD,eAAA,CAAJC,IAAI;IAAkBC,WAAW,GAAAV,SAAA,CAApBW,OAAO;EAI7C,IAAMC,cAAc,GAAG,IAAAb,sBAAQ,EAAC,iBAAiB,CAAC;EAClD,IAAAc,UAAA,GAAyD,IAAAZ,gBAAQ,EAACW,cAAc,EAAE;MAChFV,SAAS,EAAE;QAAEY,cAAc,EAAE;MAAK;IACpC,CAAC,CAAC;IAAAC,eAAA,GAAAF,UAAA,CAFMN,IAAI;IAAAS,gBAAA,GAAAD,eAAA,cAAsC,CAAC,CAAC,GAAAA,eAAA;IAAAE,qBAAA,GAAAD,gBAAA,CAApCE,aAAa;IAAEC,SAAS,GAAAF,qBAAA,cAAG,EAAE,GAAAA,qBAAA;EAG7C,IAAAG,gBAAS,EACP,YAAM;IACJ,IAAI,CAAC/B,UAAU,IAAIoB,IAAI,EAAE;MACvBnB,aAAa,CAACmB,IAAI,CAAC;IACrB;EACF,CAAC,EACD,CAACA,IAAI,EAAEpB,UAAU,EAAE8B,SAAS,CAC9B,CAAC;EACD,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,KAAA,EAAkD;IAAA,IAA5CC,OAAO,GAAAD,KAAA,CAAPC,OAAO;MAAEC,aAAa,GAAAF,KAAA,CAAbE,aAAa;MAAEC,aAAa,GAAAH,KAAA,CAAbG,aAAa;IAC/D,IAAMC,wBAAwB,GAAGD,aAAa,CAACzD,MAAM,CACnD,UAAA2D,KAAA;MAAA,IAAGxB,EAAE,GAAAwB,KAAA,CAAFxB,EAAE;MAAA,OAAOA,EAAE,KAAKyB,eAAI,IAAIzB,EAAE,KAAK0B,oBAAS;IAAA,CAC7C,CAAC;IACD,IAAMC,UAAU,GAAGJ,wBAAwB,CAACK,MAAM,CAAC,UAACC,GAAG,EAAAC,KAAA,EAAoB;MAAA,IAAhB9B,EAAE,GAAA8B,KAAA,CAAF9B,EAAE;QAAE+B,KAAK,GAAAD,KAAA,CAALC,KAAK;MAClEF,GAAG,CAAC7B,EAAE,CAAC,GAAG+B,KAAK;MACf,OAAOF,GAAG;IACZ,CAAC,EAAE,CAAC,CAAC,CAAC;IACN,IAAAG,KAAA,GAA+BV,aAAa,CAACW,IAAI,CAAC,UAAAC,KAAA;QAAA,IAAGlC,EAAE,GAAAkC,KAAA,CAAFlC,EAAE;QAAA,OAAOA,EAAE,KAAKyB,eAAI;MAAA,EAAC,IAAI,CAAC,CAAC;MAAjEU,WAAW,GAAAH,KAAA,CAAlBD,KAAK;IACb,IAAAK,KAAA,GAA4Bd,aAAa,CAACW,IAAI,CAAC,UAAAI,KAAA;QAAA,IAAGrC,EAAE,GAAAqC,KAAA,CAAFrC,EAAE;QAAA,OAAOA,EAAE,KAAK0B,oBAAS;MAAA,EAAC,IAAI,CAAC,CAAC;MAAnEY,QAAQ,GAAAF,KAAA,CAAfL,KAAK;IACb,IAAMQ,sBAAsB,GAAGlB,aAAa,IAAID,OAAO;IACvDzC,sBAAsB,CAAC,KAAK,CAAC;IAC7B,IAAI4D,sBAAsB,IAAIA,sBAAsB,KAAK3D,gBAAgB,EAAE;MACzED,sBAAsB,CAAC4D,sBAAsB,CAAC;IAChD;IACA,IAAMC,WAAW,GAAG;MAClBxC,EAAE,EAAEM,IAAI,CAACN,EAAE;MACXyC,IAAI,EAAEN,WAAW;MACjBG,QAAQ,EAARA,QAAQ;MACRlC,IAAI,EAAEuB;IACR,CAAC;IACDxC,aAAa,CAACqD,WAAW,CAAC;IAC1B9D,QAAQ,CAAC8D,WAAW,CAAC;EACvB,CAAC;EACD,IAAME,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAS;IACjC,IAAI1B,SAAS,IAAIV,IAAI,EAAE;MACrB,IAAMqC,YAAY,GAAG3B,SAAS,CAAC4B,GAAG,CAAC,UAAAC,IAAI;QAAA,OAAI,CAACA,IAAI,CAACC,GAAG,EAAED,IAAI,CAACJ,IAAI,CAAC;MAAA,EAAC;MACjE,IAAMM,YAAY,GAAG/B,SAAS,CAACiB,IAAI,CAAC,UAAAY,IAAI;QAAA,OAAIA,IAAI,CAACG,SAAS;MAAA,EAAC,IAAI,IAAI;MACnE,OAAA/E,aAAA,CAAAA,aAAA,KAAYqC,IAAI;QAAE2C,KAAK,EAAE;UAAEF,YAAY,EAAZA,YAAY;UAAEJ,YAAY,EAAZA;QAAa;MAAC;IACzD;IACA,OAAOrC,IAAI;EACb,CAAC;EACD,IAAM4C,qBAAqB;IAAA,IAAAC,KAAA,OAAAC,kBAAA,0BAAAC,YAAA,YAAAC,IAAA,CAAG,SAAAC,QAAOC,QAAQ,EAAEC,MAAM,EAAEC,YAAY;MAAA,OAAAL,YAAA,YAAAM,IAAA,WAAAC,QAAA;QAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;UAAA;YACjE,IAAIJ,YAAY,EAAE;cAChBhE,QAAQ,CAACgE,YAAY,EAAE;gBACrBK,UAAU,EAAE,SAAS;gBACrBC,WAAW,EAAE;cACf,CAAC,CAAC;YACJ;YAACJ,QAAA,CAAAE,IAAA;YAAA,OACKvD,WAAW,CAAC;cAChBP,EAAE,EAAEnB,MAAM;cACVoF,SAAS,EAAEC,IAAI,CAACC,GAAG,CAAC;YACtB,CAAC,CAAC;UAAA;YACF5E,yBAAyB,CAAC,KAAK,CAAC;UAAC;UAAA;YAAA,OAAAqE,QAAA,CAAAQ,IAAA;QAAA;MAAA,GAAAb,OAAA;IAAA,CAClC;IAAA,gBAZKL,qBAAqBA,CAAAmB,EAAA,EAAAC,GAAA,EAAAC,GAAA;MAAA,OAAApB,KAAA,CAAAnF,KAAA,OAAAE,SAAA;IAAA;EAAA,GAY1B;EACD,IAAMsG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;IAC7BjF,yBAAyB,CAAC,IAAI,CAAC;EACjC,CAAC;EACD,IAAMkF,iBAAiB,GAAG/B,oBAAoB,CAAC,CAAC;EAEhD,oBACE/G,MAAA,YAAA+I,aAAA,CAAA/I,MAAA,YAAAgJ,QAAA,QACG,CAACzE,OAAO,gBACPvE,MAAA,YAAA+I,aAAA,CAAA/I,MAAA,YAAAgJ,QAAA,QACGrE,IAAI,gBACH3E,MAAA,YAAA+I,aAAA,CAACvI,YAAA,WAAW;IACVmE,IAAI,EAAEmE,iBAAkB;IACxBvD,gBAAgB,EAAEA,gBAAiB;IACnCsD,gBAAgB,EAAEA,gBAAiB;IACnCI,WAAW;EAAA,CACZ,CAAC,GACA,IAAI,EACPtF,sBAAsB,iBACrB3D,MAAA,YAAA+I,aAAA;IAAKG,SAAS,EAAC;EAA2B,gBACxClJ,MAAA,YAAA+I,aAAA,CAACtI,gBAAA,WAAe;IACd0I,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;MACbvF,yBAAyB,CAAC,KAAK,CAAC;IAClC,CAAE;IACF2D,qBAAqB,EAAEA,qBAAsB;IAC7C6B,YAAY;IACZlG,MAAM,EAAEA,MAAO;IACfmG,gBAAgB,EAAE,SAAlBA,gBAAgBA,CAAA,EAAQ,CAAC;EAAE,CAC5B,CACE,CAEP,CAAC,gBAEHrJ,MAAA,YAAA+I,aAAA,cAAK,YAAe,CAEtB,CAAC;AAEP,CAAC;AACDlG,aAAa,CAACyG,SAAS,GAAG;EACxBpG,MAAM,EAAEqG,qBAAS,CAACC,MAAM,CAACC,UAAU;EACnC1G,QAAQ,EAAEwG,qBAAS,CAACG,IAAI,CAACD,UAAU;EACnCzG,sBAAsB,EAAEuG,qBAAS,CAACG,IAAI,CAACD,UAAU;EACjDxG,gBAAgB,EAAEsG,qBAAS,CAACI;AAC9B,CAAC;AACD9G,aAAa,CAAC+G,YAAY,GAAG;EAC3B3G,gBAAgB,EAAE;AACpB,CAAC;AAAC,IAAA4G,QAAA,GAAAC,OAAA,cACajH,aAAa","ignoreList":[]}

package/lib/components/EditMediaFile/EditMediaFilePage.js

@@ -27,8 +27,7 @@ var _client = require("@apollo/client");
 var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
 var _toaster = require("@blaze-react/toaster");
 var _EditMediaFile = _interopRequireDefault(require("./EditMediaFile"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t3 in e) "default" !== _t3 && {}.hasOwnProperty.call(e, _t3) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t3)) && (i.get || i.set) ? o(f, _t3, i) : f[_t3] = e[_t3]); return f; })(e, t); }
 var EditMediaFilePage = function EditMediaFilePage(_ref) {
   var match = _ref.match,
     history = _ref.history;
@@ -50,12 +49,13 @@ var EditMediaFilePage = function EditMediaFilePage(_ref) {
     setShouldEnableSaveButton(value);
   };
   var handleFormSave = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      return _regenerator["default"].wrap(function _callee$(_context) {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var _t;
+      return _regenerator["default"].wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
-            _context.next = 3;
+            _context.next = 1;
             return client.mutate({
               mutation: (0, _adminUiUtils.getMutation)('UPDATE_FILE'),
               variables: {
@@ -74,28 +74,28 @@ var EditMediaFilePage = function EditMediaFilePage(_ref) {
                 });
               }
             });
-          case 3:
+          case 1:
             addToast("File: ".concat(file.name, " has been updated"), {
               appearance: 'success',
               autoDismiss: true
             });
-            _context.next = 10;
+            _context.next = 3;
             break;
-          case 6:
-            _context.prev = 6;
-            _context.t0 = _context["catch"](0);
+          case 2:
+            _context.prev = 2;
+            _t = _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:
+            console.error(_t); //eslint-disable-line
+          case 3:
             setShouldEnableSaveButton(false);
-          case 11:
+          case 4:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 6]]);
+      }, _callee, null, [[0, 2]]);
     }));
     return function handleFormSave() {
       return _ref2.apply(this, arguments);