@blaze-cms/plugin-media-ui 0.146.0-translations.6 → 0.147.0-rc-eagle.2

package/lib/components/CardMedia/CardMedia.js

@@ -1,23 +1,10 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.object.define-property.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-require("core-js/modules/es.function.name.js");
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _more = _interopRequireDefault(require("@blaze-react/more"));
 var _button = _interopRequireDefault(require("@blaze-react/button"));
@@ -25,245 +12,201 @@ var _admin = require("@blaze-cms/admin");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
 var _client = require("@apollo/client");
-var _classnames2 = _interopRequireDefault(require("classnames"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _toaster = require("@blaze-react/toaster");
 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; }
-var CardMedia = function CardMedia(_ref) {
-  var onSelected = _ref.onSelected,
-    name = _ref.name,
-    url = _ref.url,
-    mimetype = _ref.mimetype,
-    id = _ref.id,
-    selected = _ref.selected,
-    displayLayout = _ref.displayLayout,
-    data = _ref.data,
-    modalTargetRef = _ref.modalTargetRef,
-    updateFile = _ref.updateFile,
-    removeFile = _ref.removeFile,
-    index = _ref.index;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    displayDeleteModal = _useState2[0],
-    setDisplayDeleteModal = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    displayEditModal = _useState4[0],
-    setDisplayEditModal = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    enableSaveButton = _useState6[0],
-    setEnableSaveButton = _useState6[1];
-  var _useState7 = (0, _react.useState)(null),
-    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-    fileData = _useState8[0],
-    setFileData = _useState8[1];
-  var _useToasts = (0, _toaster.useToasts)(),
-    addToast = _useToasts.addToast;
-  var _useMutation = (0, _client.useMutation)((0, _adminUiUtils.getMutation)('DELETE_FILE_BY_ID')),
-    _useMutation2 = (0, _slicedToArray2["default"])(_useMutation, 1),
-    deleteFile = _useMutation2[0];
-  var _mimetype$split = mimetype.split('/'),
-    _mimetype$split2 = (0, _slicedToArray2["default"])(_mimetype$split, 2),
-    type = _mimetype$split2[0],
-    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) {
-        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();
+var _bustUrl = _interopRequireDefault(require("../../utils/bustUrl"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const CardMedia = ({
+  onSelected,
+  name,
+  url,
+  mimetype,
+  id,
+  selected,
+  displayLayout,
+  data,
+  updated,
+  modalTargetRef,
+  updateFile,
+  removeFile,
+  index,
+  openEditInModal
+}) => {
+  const [displayDeleteModal, setDisplayDeleteModal] = (0, _react.useState)(false);
+  const [displayEditModal, setDisplayEditModal] = (0, _react.useState)(false);
+  const [enableSaveButton, setEnableSaveButton] = (0, _react.useState)(false);
+  const [fileData, setFileData] = (0, _react.useState)(null);
+  const {
+    addToast
+  } = (0, _toaster.useToasts)();
+  const [deleteFile] = (0, _client.useMutation)((0, _adminUiUtils.getMutation)('DELETE_FILE_BY_ID'));
+  const [type, extension] = mimetype.split('/');
+  const client = (0, _client.useApolloClient)();
+  const deleteFileById = async () => {
+    setDisplayDeleteModal(false);
+    try {
+      await deleteFile({
+        variables: {
+          input: {
+            id
+          }
         }
-      }, _callee, null, [[1, 8]]);
-    }));
-    return function deleteFileById() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var handleClick = function handleClick() {
+      });
+      removeFile({
+        index
+      });
+      addToast(`File: ${name} has been deleted`, {
+        appearance: 'success',
+        autoDismiss: true
+      });
+    } catch (error) {
+      addToast(error.message, {
+        appearance: 'error',
+        autoDismiss: true
+      });
+    }
+  };
+  const handleClick = () => {
     onSelected({
-      id: id,
-      url: url,
-      name: name,
-      data: data
+      id,
+      url,
+      name,
+      data
     });
   };
-  var cardMediaClassNames = (0, _classnames2["default"])('card card--media-list', (0, _defineProperty2["default"])({
-    'card--media-list--selected': selected
-  }, "card--media-".concat(displayLayout), displayLayout));
-  var handleCloseModal = function handleCloseModal() {
+  const cardMediaClassNames = (0, _classnames.default)('card card--media-list', {
+    'card--media-list--selected': selected,
+    [`card--media-${displayLayout}`]: displayLayout
+  });
+  const handleCloseModal = () => {
     setDisplayEditModal(false);
   };
-  var handleSaveButtonStatus = function handleSaveButtonStatus(state) {
+  const handleSaveButtonStatus = state => {
     setEnableSaveButton(state);
   };
-  var modalActions = [{
+  const modalActions = [{
     textButton: 'Cancel',
     callback: handleCloseModal,
     modifiers: ['cancel']
   }, {
-    textButton: 'Save',
-    callback: function callback() {
-      return handleFormSave();
-    },
+    textButton: 'Apply',
+    callback: () => handleFormSave(),
     modifiers: enableSaveButton ? [] : ['disabled']
   }];
-  var handleFileChange = function handleFileChange(file) {
+  const handleFileChange = file => {
     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) {
-        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();
+  const handleFormSave = async () => {
+    try {
+      const {
+        data: {
+          updateFile: updatedFile
+        }
+      } = await client.mutate({
+        mutation: (0, _adminUiUtils.getMutation)('UPDATE_FILE'),
+        variables: {
+          input: fileData
+        },
+        update(cache, {
+          data: {
+            updateFile: fileUpdated
+          }
+        }) {
+          cache.writeQuery({
+            query: (0, _adminUiUtils.getQuery)('GET_FILE_BY_ID'),
+            variables: {
+              id
+            },
+            data: {
+              file: fileUpdated.result
+            }
+          });
         }
-      }, _callee2, null, [[0, 9]]);
-    }));
-    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"], {
+      });
+      updateFile({
+        file: updatedFile.result,
+        index
+      });
+      addToast(`File: ${fileData.name} has been updated`, {
+        appearance: 'success',
+        autoDismiss: true
+      });
+    } catch (e) {
+      addToast(`File: ${fileData.name} has not been updated`, {
+        appearance: 'error',
+        autoDismiss: true
+      });
+      console.error(e); //eslint-disable-line
+    }
+    handleCloseModal();
+    setEnableSaveButton(false);
+  };
+  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
-  }, /*#__PURE__*/_react["default"].createElement(_EditMediaFile["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_EditMediaFile.default, {
     onChange: handleFileChange,
     fileId: id,
     handleSaveButtonStatus: handleSaveButtonStatus,
     handleFormSave: handleFormSave,
     enableSaveButton: enableSaveButton
-  })), modalTargetRef.current), /*#__PURE__*/_react["default"].createElement("div", {
+  })), modalTargetRef.current), /*#__PURE__*/_react.default.createElement("div", {
     className: cardMediaClassNames,
     role: "button",
     onClick: handleClick
-  }, displayDeleteModal && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react["default"].createElement(_admin.DeleteAction, {
-    onClose: function onClose() {
-      return setDisplayDeleteModal(false);
-    },
-    deleteAction: function deleteAction() {
-      return deleteFileById();
-    },
+  }, displayDeleteModal && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_admin.DeleteAction, {
+    onClose: () => setDisplayDeleteModal(false),
+    deleteAction: () => deleteFileById(),
     itemName: name
-  }), modalTargetRef.current), type === 'image' ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "card__image card__image--media-".concat(displayLayout)
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: url,
+  }), modalTargetRef.current), type === 'image' ? /*#__PURE__*/_react.default.createElement("div", {
+    className: `card__image card__image--media-${displayLayout}`
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: (0, _bustUrl.default)(url, updated),
     alt: name
-  })) : /*#__PURE__*/_react["default"].createElement("div", {
+  })) : /*#__PURE__*/_react.default.createElement("div", {
     className: "card__image card__image--media-list-document"
-  }, /*#__PURE__*/_react["default"].createElement("svg", {
+  }, /*#__PURE__*/_react.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "100",
     height: "100",
     viewBox: "0 0 8 8"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
+  }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M0 0v8h7v-4h-4v-4h-3zm4 0v3h3l-3-3zm-3 2h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h4v1h-4v-1z"
-  }))), /*#__PURE__*/_react["default"].createElement("footer", {
-    className: "card__footer card__footer--media-".concat(displayLayout)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "card__details card__details--media-".concat(displayLayout)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "card__title card__title--media-".concat(displayLayout)
-  }, /*#__PURE__*/_react["default"].createElement("h2", null, name)), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("span", null, "format: ", extension))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "card__menu card__menu--".concat(displayLayout)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }))), /*#__PURE__*/_react.default.createElement("footer", {
+    className: `card__footer card__footer--media-${displayLayout}`
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `card__details card__details--media-${displayLayout}`
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `card__title card__title--media-${displayLayout}`
+  }, /*#__PURE__*/_react.default.createElement("h2", null, name)), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("span", null, "format: ", extension))), /*#__PURE__*/_react.default.createElement("div", {
+    className: `card__menu card__menu--${displayLayout}`
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "more-menu__wrapper more-menu__wrapper--card"
-  }, /*#__PURE__*/_react["default"].createElement(_more["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_more.default, {
     displayBg: true
-  }, /*#__PURE__*/_react["default"].createElement(_more["default"].Avatar, {
+  }, /*#__PURE__*/_react.default.createElement(_more.default.Avatar, {
     isMoreMenu: true
-  }, /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "material-icons"
-  }, "more_vert")), /*#__PURE__*/_react["default"].createElement(_more["default"].Content, {
+  }, "more_vert")), /*#__PURE__*/_react.default.createElement(_more.default.Content, {
     isMoreMenu: true
-  }, /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
-    to: "/media/edit/".concat(id),
+  }, openEditInModal ? /*#__PURE__*/_react.default.createElement(_button.default, {
+    onClick: event => {
+      event.preventDefault();
+      event.stopPropagation();
+      setDisplayEditModal(true);
+    },
+    className: "more-menu__link"
+  }, "Edit") : /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
+    to: `/media/edit/${id}`,
     className: "more-menu__link"
-  }, "Edit"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
-    onClick: function onClick(event) {
+  }, "Edit"), /*#__PURE__*/_react.default.createElement(_button.default, {
+    onClick: event => {
       event.preventDefault();
       event.stopPropagation();
       setDisplayDeleteModal(true);
@@ -272,23 +215,27 @@ var CardMedia = function CardMedia(_ref) {
   }, "Delete"))))))));
 };
 CardMedia.propTypes = {
-  name: _propTypes["default"].string.isRequired,
-  url: _propTypes["default"].string.isRequired,
-  id: _propTypes["default"].string.isRequired,
-  mimetype: _propTypes["default"].string.isRequired,
-  displayLayout: _propTypes["default"].string.isRequired,
-  data: _propTypes["default"].object,
-  onSelected: _propTypes["default"].func,
-  updateFile: _propTypes["default"].func.isRequired,
-  removeFile: _propTypes["default"].func.isRequired,
-  selected: _propTypes["default"].bool,
-  modalTargetRef: _propTypes["default"].object.isRequired,
-  index: _propTypes["default"].number.isRequired
+  name: _propTypes.default.string.isRequired,
+  url: _propTypes.default.string.isRequired,
+  id: _propTypes.default.string.isRequired,
+  mimetype: _propTypes.default.string.isRequired,
+  displayLayout: _propTypes.default.string.isRequired,
+  data: _propTypes.default.object,
+  updated: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  onSelected: _propTypes.default.func,
+  updateFile: _propTypes.default.func.isRequired,
+  removeFile: _propTypes.default.func.isRequired,
+  selected: _propTypes.default.bool,
+  modalTargetRef: _propTypes.default.object.isRequired,
+  index: _propTypes.default.number.isRequired,
+  openEditInModal: _propTypes.default.bool
 };
 CardMedia.defaultProps = {
-  onSelected: function onSelected() {},
+  onSelected: () => {},
   selected: false,
-  data: {}
+  data: {},
+  updated: null,
+  openEditInModal: false
 };
-var _default = exports["default"] = CardMedia;
+var _default = exports.default = CardMedia;
 //# sourceMappingURL=CardMedia.js.map

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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"}
+{"version":3,"file":"CardMedia.js","names":["_react","_interopRequireWildcard","require","_more","_interopRequireDefault","_button","_admin","_propTypes","_adminUiUtils","_client","_classnames","_toaster","_modal","_reactDom","_reactRouterDom","_EditMediaFile","_bustUrl","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","updated","modalTargetRef","updateFile","removeFile","index","openEditInModal","displayDeleteModal","setDisplayDeleteModal","useState","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","addToast","useToasts","deleteFile","useMutation","getMutation","type","extension","split","client","useApolloClient","deleteFileById","variables","input","appearance","autoDismiss","error","message","handleClick","cardMediaClassNames","classnames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","updatedFile","mutate","mutation","update","cache","fileUpdated","writeQuery","query","getQuery","result","console","createElement","Fragment","createPortal","title","actions","onClose","onChange","fileId","current","className","role","onClick","DeleteAction","deleteAction","itemName","src","bustUrl","alt","xmlns","width","height","viewBox","d","displayBg","Avatar","isMoreMenu","Content","event","preventDefault","stopPropagation","Link","to","propTypes","PropTypes","string","isRequired","object","oneOfType","number","func","bool","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';\nimport bustUrl from '../../utils/bustUrl';\n\nconst CardMedia = ({\n  onSelected,\n  name,\n  url,\n  mimetype,\n  id,\n  selected,\n  displayLayout,\n  data,\n  updated,\n  modalTargetRef,\n  updateFile,\n  removeFile,\n  index,\n  openEditInModal\n}) => {\n  const [displayDeleteModal, setDisplayDeleteModal] = useState(false);\n  const [displayEditModal, setDisplayEditModal] = useState(false);\n  const [enableSaveButton, setEnableSaveButton] = useState(false);\n  const [fileData, setFileData] = useState(null);\n  const { addToast } = useToasts();\n  const [deleteFile] = useMutation(getMutation('DELETE_FILE_BY_ID'));\n  const [type, extension] = mimetype.split('/');\n  const client = useApolloClient();\n\n  const deleteFileById = async () => {\n    setDisplayDeleteModal(false);\n    try {\n      await deleteFile({\n        variables: { input: { id } }\n      });\n\n      removeFile({\n        index\n      });\n\n      addToast(`File: ${name} has been deleted`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (error) {\n      addToast(error.message, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n    }\n  };\n\n  const handleClick = () => {\n    onSelected({ id, url, name, data });\n  };\n\n  const cardMediaClassNames = classnames('card card--media-list', {\n    'card--media-list--selected': selected,\n    [`card--media-${displayLayout}`]: displayLayout\n  });\n\n  const handleCloseModal = () => {\n    setDisplayEditModal(false);\n  };\n\n  const handleSaveButtonStatus = state => {\n    setEnableSaveButton(state);\n  };\n\n  const modalActions = [\n    {\n      textButton: 'Cancel',\n      callback: handleCloseModal,\n      modifiers: ['cancel']\n    },\n    {\n      textButton: 'Apply',\n      callback: () => handleFormSave(),\n      modifiers: enableSaveButton ? [] : ['disabled']\n    }\n  ];\n\n  const handleFileChange = file => {\n    setFileData(file);\n  };\n\n  const handleFormSave = async () => {\n    try {\n      const {\n        data: { updateFile: updatedFile }\n      } = await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: { input: fileData },\n        update(cache, { data: { updateFile: fileUpdated } }) {\n          cache.writeQuery({\n            query: getQuery('GET_FILE_BY_ID'),\n            variables: { id },\n            data: { file: fileUpdated.result }\n          });\n        }\n      });\n\n      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={bustUrl(url, updated)} alt={name} />\n          </div>\n        ) : (\n          <div className=\"card__image card__image--media-list-document\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 8 8\">\n              <path d=\"M0 0v8h7v-4h-4v-4h-3zm4 0v3h3l-3-3zm-3 2h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h4v1h-4v-1z\" />\n            </svg>\n          </div>\n        )}\n\n        <footer className={`card__footer card__footer--media-${displayLayout}`}>\n          <div className={`card__details card__details--media-${displayLayout}`}>\n            <div className={`card__title card__title--media-${displayLayout}`}>\n              <h2>{name}</h2>\n            </div>\n            <p>\n              <span>format: {extension}</span>\n            </p>\n          </div>\n          <div className={`card__menu card__menu--${displayLayout}`}>\n            <div className=\"more-menu__wrapper more-menu__wrapper--card\">\n              <More displayBg>\n                <More.Avatar isMoreMenu>\n                  <span className=\"material-icons\">more_vert</span>\n                </More.Avatar>\n                <More.Content isMoreMenu>\n                  {openEditInModal ? (\n                    <Button\n                      onClick={event => {\n                        event.preventDefault();\n                        event.stopPropagation();\n                        setDisplayEditModal(true);\n                      }}\n                      className=\"more-menu__link\">\n                      Edit\n                    </Button>\n                  ) : (\n                    <Link to={`/media/edit/${id}`} className=\"more-menu__link\">\n                      Edit\n                    </Link>\n                  )}\n                  <Button\n                    onClick={event => {\n                      event.preventDefault();\n                      event.stopPropagation();\n                      setDisplayDeleteModal(true);\n                    }}\n                    className=\"more-menu__link\">\n                    Delete\n                  </Button>\n                </More.Content>\n              </More>\n            </div>\n          </div>\n        </footer>\n      </div>\n    </>\n  );\n};\n\nCardMedia.propTypes = {\n  name: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  mimetype: PropTypes.string.isRequired,\n  displayLayout: PropTypes.string.isRequired,\n  data: PropTypes.object,\n  updated: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onSelected: PropTypes.func,\n  updateFile: PropTypes.func.isRequired,\n  removeFile: PropTypes.func.isRequired,\n  selected: PropTypes.bool,\n  modalTargetRef: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired,\n  openEditInModal: PropTypes.bool\n};\n\nCardMedia.defaultProps = {\n  onSelected: () => {},\n  selected: false,\n  data: {},\n  updated: null,\n  openEditInModal: false\n};\n\nexport default CardMedia;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/CardMedia/index.js

@@ -1,11 +1,10 @@
 "use strict";
 
-require("core-js/modules/es.object.define-property.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _CardMedia = _interopRequireDefault(require("./CardMedia"));
-var _default = exports["default"] = _CardMedia["default"];
+var _default = exports.default = _CardMedia.default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_CardMedia","_interopRequireDefault","require","_default","exports","CardMedia"],"sources":["../../../src/components/CardMedia/index.js"],"sourcesContent":["import CardMedia from './CardMedia';\n\nexport default CardMedia;\n"],"mappings":";;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoC,IAAAC,QAAA,GAAAC,OAAA,cAErBC,qBAAS"}
+{"version":3,"file":"index.js","names":["_CardMedia","_interopRequireDefault","require","_default","exports","default","CardMedia"],"sources":["../../../src/components/CardMedia/index.js"],"sourcesContent":["import CardMedia from './CardMedia';\n\nexport default CardMedia;\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAErBC,kBAAS","ignoreList":[]}