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

package/lib/components/EditMediaFile/EditMediaFile.js

@@ -1,146 +1,195 @@
 "use strict";
 
-require("core-js/modules/es.object.keys.js");
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-require("core-js/modules/es.array.for-each.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.object.define-properties.js");
-require("core-js/modules/es.object.define-property.js");
-require("core-js/modules/es.array.iterator.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");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.array.reduce.js");
-require("core-js/modules/es.array.find.js");
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.function.name.js");
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 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; }
+const _excluded = ["__typename"];
+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); }
 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) {
-  var onChange = _ref.onChange,
-    handleSaveButtonStatus = _ref.handleSaveButtonStatus,
-    enableSaveButton = _ref.enableSaveButton,
-    fileId = _ref.fileId;
-  var _useState = (0, _react.useState)(null),
-    _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, {
-      variables: {
-        id: fileId
-      }
-    }),
-    loading = _useQuery.loading,
-    _useQuery$data = _useQuery.data,
-    _useQuery$data2 = _useQuery$data === void 0 ? {} : _useQuery$data,
-    file = _useQuery$data2.file;
-  var fileStoresType = (0, _adminUiUtils.getQuery)('GET_FILE_STORES');
-  var _useQuery2 = (0, _client.useQuery)(fileStoresType, {
-      variables: {
-        visibleInAdmin: true
-      }
-    }),
-    _useQuery2$data = _useQuery2.data,
-    _useQuery2$data2 = _useQuery2$data === void 0 ? {} : _useQuery2$data,
-    _useQuery2$data2$getF = _useQuery2$data2.getFileStores,
-    storeType = _useQuery2$data2$getF === void 0 ? [] : _useQuery2$data2$getF;
-  (0, _react.useEffect)(function () {
-    if (!formValues && file) {
-      setFormValues(file);
+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; }
+const EditMediaFile = ({
+  onChange,
+  handleSaveButtonStatus,
+  fileId,
+  showChangeButton,
+  fileUpdated
+}) => {
+  const [formValues, setFormValues] = (0, _react.useState)(null);
+  const [displayFileUploadModal, setDisplayFileUploadModal] = (0, _react.useState)(false);
+  const {
+    addToast
+  } = (0, _toaster.useToasts)();
+  const fileQuery = (0, _adminUiUtils.getQuery)('GET_FILE_BY_ID');
+  const {
+    loading,
+    data: {
+      file
+    } = {},
+    refetch: refetchFile
+  } = (0, _client.useQuery)(fileQuery, {
+    variables: {
+      id: fileId
+    },
+    fetchPolicy: 'cache-and-network'
+  });
+  const fileStoresType = (0, _adminUiUtils.getQuery)('GET_FILE_STORES');
+  const {
+    data: {
+      getFileStores: storeType = []
+    } = {}
+  } = (0, _client.useQuery)(fileStoresType, {
+    variables: {
+      visibleInAdmin: true
     }
-  }, [file, formValues, storeType]);
-  var handleFormChange = function handleFormChange(_ref2) {
-    var isValid = _ref2.isValid,
-      isNewValueSet = _ref2.isNewValueSet,
-      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;
-    });
-    var dataValues = valuesCheckedWithoutName.reduce(function (acc, _ref4) {
-      var id = _ref4.id,
-        value = _ref4.value;
+  });
+  (0, _react.useEffect)(() => {
+    if (file) {
+      setFormValues(prevFormValues => {
+        if (!prevFormValues || prevFormValues.updated !== file.updated) {
+          return file;
+        }
+        return prevFormValues;
+      });
+    }
+  }, [file]);
+  (0, _react.useEffect)(() => {
+    if (fileUpdated && fileUpdated.updated) {
+      setFormValues(fileUpdated);
+    }
+  }, [fileUpdated]);
+  const handleFormChange = ({
+    isValid,
+    isNewValueSet,
+    valuesChecked
+  }) => {
+    const baseFile = formValues || file;
+    const valuesCheckedWithoutName = valuesChecked.filter(({
+      id
+    }) => id !== _constants.NAME && id !== _constants.STORE_KEY);
+    const dataValues = valuesCheckedWithoutName.reduce((acc, {
+      id,
+      value
+    }) => {
       acc[id] = value;
       return acc;
     }, {});
-    var _ref5 = valuesChecked.find(function (_ref6) {
-        var id = _ref6.id;
-        return id === _constants.NAME;
-      }) || {},
-      newFileName = _ref5.value;
-    var _ref7 = valuesChecked.find(function (_ref8) {
-        var id = _ref8.id;
-        return id === _constants.STORE_KEY;
-      }) || {},
-      storeKey = _ref7.value;
-    var shouldEnableSaveButton = isNewValueSet && isValid;
-    handleSaveButtonStatus(false);
-    if (shouldEnableSaveButton && shouldEnableSaveButton !== enableSaveButton) {
-      handleSaveButtonStatus(shouldEnableSaveButton);
-    }
-    var updatedFile = {
-      id: file.id,
-      name: newFileName,
-      storeKey: storeKey,
-      data: dataValues
-    };
+    const {
+      value: newFileName
+    } = valuesChecked.find(({
+      id
+    }) => id === _constants.NAME) || {};
+    const {
+      value: storeKey
+    } = valuesChecked.find(({
+      id
+    }) => id === _constants.STORE_KEY) || {};
+    const shouldEnableSaveButton = isNewValueSet && isValid;
+    handleSaveButtonStatus(shouldEnableSaveButton);
+    const updatedFile = _objectSpread(_objectSpread({}, baseFile), {}, {
+      name: newFileName || baseFile.name,
+      storeKey: storeKey || baseFile.storeKey,
+      data: _objectSpread(_objectSpread({}, baseFile.data || {}), dataValues)
+    });
     setFormValues(updatedFile);
-    onChange(updatedFile);
+    // Strip GraphQL metadata field __typename before passing data to onChange.
+    const _ref = updatedFile.data || {},
+      {
+        __typename
+      } = _ref,
+      cleanData = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    onChange({
+      id: updatedFile.id,
+      name: updatedFile.name,
+      data: cleanData
+    });
   };
-  var getFileWithStoreType = function getFileWithStoreType() {
-    if (storeType) {
-      var storeOptions = storeType.map(function (type) {
-        return [type.key, type.name];
-      });
-      var defaultStore = storeType.find(function (type) {
-        return type.isDefault;
-      }) || null;
-      return _objectSpread(_objectSpread({}, file), {}, {
+  const getFileWithStoreType = sourceFile => {
+    const base = sourceFile || file;
+    if (storeType && base) {
+      const storeOptions = storeType.map(type => [type.key, type.name]);
+      const defaultStore = storeType.find(type => type.isDefault) || null;
+      return _objectSpread(_objectSpread({}, base), {}, {
         store: {
-          defaultStore: defaultStore,
-          storeOptions: storeOptions
+          defaultStore,
+          storeOptions
         }
       });
     }
-    return file;
+    return base;
+  };
+  const closeModalAndSetValue = async (isSaving, values, toastMessage) => {
+    if (toastMessage) {
+      addToast(toastMessage, {
+        appearance: 'success',
+        autoDismiss: true
+      });
+    }
+    if (values) {
+      const updated = values.id === fileId ? values : _objectSpread(_objectSpread(_objectSpread({}, formValues || file), values), {}, {
+        url: values.url || (formValues || file).url
+      });
+      setFormValues(updated);
+      onChange(updated);
+      handleSaveButtonStatus(true);
+    } else {
+      const {
+        data: {
+          file: refreshedFile
+        } = {}
+      } = await refetchFile({
+        id: fileId,
+        timestamp: Date.now()
+      });
+      if (refreshedFile) {
+        setFormValues(refreshedFile);
+        onChange(refreshedFile);
+        handleSaveButtonStatus(true);
+      }
+    }
+    setDisplayFileUploadModal(false);
   };
-  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"], {
+  if (loading) return /*#__PURE__*/_react.default.createElement("div", null, "loading...");
+  const fileToRender = formValues || file;
+  const fileWithStoreType = getFileWithStoreType(fileToRender);
+  return !loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !!file && /*#__PURE__*/_react.default.createElement(_FilePreview.default, {
     file: fileWithStoreType,
     handleFormChange: handleFormChange,
-    displayForm: true
-  }) : null) : /*#__PURE__*/_react["default"].createElement("div", null, "loading..."));
+    handleChangeFile: () => setDisplayFileUploadModal(true),
+    displayForm: true,
+    showChangeButton: showChangeButton
+  }), displayFileUploadModal && /*#__PURE__*/_react.default.createElement("div", {
+    className: "file-upload-modal-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_FileUploadModal.default, {
+    onClose: () => setDisplayFileUploadModal(false),
+    closeModalAndSetValue: closeModalAndSetValue,
+    simpleLayout: true,
+    fileId: fileId,
+    storeKey: file && file.storeKey,
+    getSelectedFiles: () => {}
+  }))) : /*#__PURE__*/_react.default.createElement("div", null, "loading...");
 };
 EditMediaFile.propTypes = {
-  fileId: _propTypes["default"].string.isRequired,
-  onChange: _propTypes["default"].func.isRequired,
-  handleSaveButtonStatus: _propTypes["default"].func.isRequired,
-  enableSaveButton: _propTypes["default"].bool
+  fileId: _propTypes.default.string.isRequired,
+  onChange: _propTypes.default.func.isRequired,
+  handleSaveButtonStatus: _propTypes.default.func.isRequired,
+  showChangeButton: _propTypes.default.bool,
+  fileUpdated: _propTypes.default.object
 };
 EditMediaFile.defaultProps = {
-  enableSaveButton: false
+  showChangeButton: false,
+  fileUpdated: null
 };
-var _default = exports["default"] = EditMediaFile;
+var _default = exports.default = EditMediaFile;
 //# sourceMappingURL=EditMediaFile.js.map

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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"}
+{"version":3,"file":"EditMediaFile.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_adminUiUtils","_client","_toaster","_FilePreview","_FileUploadModal","_constants","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","EditMediaFile","onChange","handleSaveButtonStatus","fileId","showChangeButton","fileUpdated","formValues","setFormValues","useState","displayFileUploadModal","setDisplayFileUploadModal","addToast","useToasts","fileQuery","getQuery","loading","data","file","refetch","refetchFile","useQuery","variables","id","fetchPolicy","fileStoresType","getFileStores","storeType","visibleInAdmin","useEffect","prevFormValues","updated","handleFormChange","isValid","isNewValueSet","valuesChecked","baseFile","valuesCheckedWithoutName","NAME","STORE_KEY","dataValues","reduce","acc","value","newFileName","find","storeKey","shouldEnableSaveButton","updatedFile","name","_ref","__typename","cleanData","_objectWithoutProperties2","getFileWithStoreType","sourceFile","base","storeOptions","map","type","key","defaultStore","isDefault","store","closeModalAndSetValue","isSaving","values","toastMessage","appearance","autoDismiss","url","refreshedFile","timestamp","Date","now","createElement","fileToRender","fileWithStoreType","Fragment","handleChangeFile","displayForm","className","onClose","simpleLayout","getSelectedFiles","propTypes","PropTypes","string","isRequired","func","bool","object","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 = ({\n  onChange,\n  handleSaveButtonStatus,\n  fileId,\n  showChangeButton,\n  fileUpdated\n}) => {\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 {\n    loading,\n    data: { file } = {},\n    refetch: refetchFile\n  } = useQuery(fileQuery, {\n    variables: { id: fileId },\n    fetchPolicy: 'cache-and-network'\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    if (file) {\n      setFormValues(prevFormValues => {\n        if (!prevFormValues || prevFormValues.updated !== file.updated) {\n          return file;\n        }\n        return prevFormValues;\n      });\n    }\n  }, [file]);\n\n  useEffect(() => {\n    if (fileUpdated && fileUpdated.updated) {\n      setFormValues(fileUpdated);\n    }\n  }, [fileUpdated]);\n\n  const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n    const baseFile = formValues || file;\n    const valuesCheckedWithoutName = valuesChecked.filter(\n      ({ id }) => id !== NAME && id !== STORE_KEY\n    );\n\n    const dataValues = valuesCheckedWithoutName.reduce((acc, { id, value }) => {\n      acc[id] = value;\n      return acc;\n    }, {});\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(shouldEnableSaveButton);\n\n    const updatedFile = {\n      ...baseFile,\n      name: newFileName || baseFile.name,\n      storeKey: storeKey || baseFile.storeKey,\n      data: { ...(baseFile.data || {}), ...dataValues }\n    };\n\n    setFormValues(updatedFile);\n    // Strip GraphQL metadata field __typename before passing data to onChange.\n    const { __typename, ...cleanData } = updatedFile.data || {};\n    onChange({ id: updatedFile.id, name: updatedFile.name, data: cleanData });\n  };\n\n  const getFileWithStoreType = sourceFile => {\n    const base = sourceFile || file;\n    if (storeType && base) {\n      const storeOptions = storeType.map(type => [type.key, type.name]);\n      const defaultStore = storeType.find(type => type.isDefault) || null;\n      return { ...base, store: { defaultStore, storeOptions } };\n    }\n    return base;\n  };\n\n  const closeModalAndSetValue = async (isSaving, values, toastMessage) => {\n    if (toastMessage) {\n      addToast(toastMessage, { appearance: 'success', autoDismiss: true });\n    }\n\n    if (values) {\n      const updated =\n        values.id === fileId\n          ? values\n          : {\n              ...(formValues || file),\n              ...values,\n              url: values.url || (formValues || file).url\n            };\n      setFormValues(updated);\n      onChange(updated);\n      handleSaveButtonStatus(true);\n    } else {\n      const { data: { file: refreshedFile } = {} } = await refetchFile({\n        id: fileId,\n        timestamp: Date.now()\n      });\n      if (refreshedFile) {\n        setFormValues(refreshedFile);\n        onChange(refreshedFile);\n        handleSaveButtonStatus(true);\n      }\n    }\n\n    setDisplayFileUploadModal(false);\n  };\n\n  if (loading) return <div>loading...</div>;\n\n  const fileToRender = formValues || file;\n  const fileWithStoreType = getFileWithStoreType(fileToRender);\n\n  return !loading ? (\n    <>\n      {!!file && (\n        <FilePreview\n          file={fileWithStoreType}\n          handleFormChange={handleFormChange}\n          handleChangeFile={() => setDisplayFileUploadModal(true)}\n          displayForm\n          showChangeButton={showChangeButton}\n        />\n      )}\n      {displayFileUploadModal && (\n        <div className=\"file-upload-modal-wrapper\">\n          <FileUploadModal\n            onClose={() => setDisplayFileUploadModal(false)}\n            closeModalAndSetValue={closeModalAndSetValue}\n            simpleLayout\n            fileId={fileId}\n            storeKey={file && file.storeKey}\n            getSelectedFiles={() => {}}\n          />\n        </div>\n      )}\n    </>\n  ) : (\n    <div>loading...</div>\n  );\n};\n\nEditMediaFile.propTypes = {\n  fileId: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  handleSaveButtonStatus: PropTypes.func.isRequired,\n  showChangeButton: PropTypes.bool,\n  fileUpdated: PropTypes.object\n};\n\nEditMediaFile.defaultProps = {\n  showChangeButton: false,\n  fileUpdated: null\n};\n\nexport default EditMediaFile;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/EditMediaFile/EditMediaFilePage.js

@@ -1,24 +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 _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-require("core-js/modules/es.regexp.exec.js");
-require("core-js/modules/es.string.match.js");
-require("core-js/modules/es.function.name.js");
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRouterDom = require("react-router-dom");
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -27,107 +13,105 @@ 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; }
-var EditMediaFilePage = function EditMediaFilePage(_ref) {
-  var match = _ref.match,
-    history = _ref.history;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    shouldEnableSaveButton = _useState2[0],
-    setShouldEnableSaveButton = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    file = _useState4[0],
-    setFile = _useState4[1];
-  var client = (0, _client.useApolloClient)();
-  var _useToasts = (0, _toaster.useToasts)(),
-    addToast = _useToasts.addToast;
-  var handleFileChange = function handleFileChange(values) {
-    return setFile(values);
-  };
-  var handleSaveButtonStatus = function handleSaveButtonStatus(value) {
+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 EditMediaFilePage = ({
+  match,
+  history
+}) => {
+  const [shouldEnableSaveButton, setShouldEnableSaveButton] = (0, _react.useState)(false);
+  const [file, setFile] = (0, _react.useState)(null);
+  const client = (0, _client.useApolloClient)();
+  const {
+    addToast
+  } = (0, _toaster.useToasts)();
+  const handleFileChange = values => setFile(values);
+  const handleSaveButtonStatus = value => {
     setShouldEnableSaveButton(value);
   };
-  var handleFormSave = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            _context.next = 3;
-            return client.mutate({
-              mutation: (0, _adminUiUtils.getMutation)('UPDATE_FILE'),
+  const handleFormSave = async () => {
+    if (!file) {
+      addToast('No file data to update', {
+        appearance: 'error',
+        autoDismiss: true
+      });
+      return;
+    }
+    try {
+      const inputData = {
+        id: file.id,
+        name: file.name,
+        data: file.data,
+        storeKey: file.storeKey
+      };
+      const {
+        data: {
+          updateFile: updatedFile
+        }
+      } = await client.mutate({
+        mutation: (0, _adminUiUtils.getMutation)('UPDATE_FILE'),
+        variables: {
+          input: inputData
+        },
+        update(cache, {
+          data: {
+            updateFile: fileUpdated
+          }
+        }) {
+          try {
+            cache.writeQuery({
+              query: (0, _adminUiUtils.getQuery)('GET_FILE_BY_ID'),
               variables: {
-                input: file
+                id: match.params.fileId
               },
-              update: function update(cache, _ref3) {
-                var fileUpdated = _ref3.data.updateFile;
-                cache.writeQuery({
-                  query: (0, _adminUiUtils.getQuery)('GET_FILE_BY_ID'),
-                  variables: {
-                    id: match.params.fileId
-                  },
-                  data: {
-                    file: fileUpdated.result
-                  }
-                });
+              data: {
+                file: fileUpdated.result
               }
             });
-          case 3:
-            addToast("File: ".concat(file.name, " has been updated"), {
-              appearance: 'success',
-              autoDismiss: true
-            });
-            _context.next = 10;
-            break;
-          case 6:
-            _context.prev = 6;
-            _context.t0 = _context["catch"](0);
-            addToast("File: ".concat(file.name, " has not been updated"), {
-              appearance: 'error',
-              autoDismiss: true
-            });
-            console.error(_context.t0); //eslint-disable-line
-          case 10:
-            setShouldEnableSaveButton(false);
-          case 11:
-          case "end":
-            return _context.stop();
+          } catch (e) {
+            console.error(e); //eslint-disable-line
+          }
         }
-      }, _callee, null, [[0, 6]]);
-    }));
-    return function handleFormSave() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var pushBack = function pushBack() {
-    return history.push('/media');
+      });
+      setFile(updatedFile.result);
+      addToast(`File: ${file.name} has been updated`, {
+        appearance: 'success',
+        autoDismiss: true
+      });
+    } catch (e) {
+      addToast(`File: ${file.name} has not been updated`, {
+        appearance: 'error',
+        autoDismiss: true
+      });
+    }
+    setShouldEnableSaveButton(false);
   };
-  var buttonModifiers = shouldEnableSaveButton ? [] : ['disabled'];
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  const pushBack = () => history.push('/media');
+  const buttonModifiers = shouldEnableSaveButton ? [] : ['disabled'];
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "page"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "page__content"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "page__content__mediaWrapper"
-  }, /*#__PURE__*/_react["default"].createElement(_EditMediaFile["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_EditMediaFile.default, {
     onChange: handleFileChange,
     fileId: match.params.fileId,
     handleSaveButtonStatus: handleSaveButtonStatus,
-    handleFormSave: handleFormSave
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+    handleFormSave: handleFormSave,
+    showChangeButton: true,
+    fileUpdated: file
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "page__content__mediaWrapperActions"
-  }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_button.default, {
     onClick: pushBack
-  }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
+  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_button.default, {
     onClick: handleFormSave,
     modifiers: buttonModifiers
-  }, "Save")))));
+  }, "Apply")))));
 };
 EditMediaFilePage.propTypes = {
-  match: _propTypes["default"].object.isRequired,
-  history: _propTypes["default"].object.isRequired
+  match: _propTypes.default.object.isRequired,
+  history: _propTypes.default.object.isRequired
 };
-var _default = exports["default"] = (0, _reactRouterDom.withRouter)(EditMediaFilePage);
+var _default = exports.default = (0, _reactRouterDom.withRouter)(EditMediaFilePage);
 //# sourceMappingURL=EditMediaFilePage.js.map