@blaze-cms/plugin-media-ui 0.125.0-alpha.1 → 0.125.0-alpha.18

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.125.0-alpha.18](https://github.com/thebyte9/blaze/compare/v0.125.0-alpha.17...v0.125.0-alpha.18) (2022-11-28)
+
+**Note:** Version bump only for package @blaze-cms/plugin-media-ui
+
+
+
+
+
+# [0.125.0-alpha.15](https://github.com/thebyte9/blaze/compare/v0.125.0-alpha.14...v0.125.0-alpha.15) (2022-11-16)
+
+**Note:** Version bump only for package @blaze-cms/plugin-media-ui
+
+
+
+
+
+# [0.125.0-alpha.7](https://github.com/thebyte9/blaze/compare/v0.125.0-alpha.6...v0.125.0-alpha.7) (2022-10-07)
+
+**Note:** Version bump only for package @blaze-cms/plugin-media-ui
+
+
+
+
+
 # [0.125.0-alpha.1](https://github.com/thebyte9/blaze/compare/v0.125.0-alpha.0...v0.125.0-alpha.1) (2022-09-15)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui

package/lib/components/CardMedia/CardMedia.js

@@ -1,120 +1,77 @@
 "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");
-
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.split.js");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _more = _interopRequireDefault(require("@blaze-react/more"));
-
 var _button = _interopRequireDefault(require("@blaze-react/button"));
-
 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 _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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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;
-
+    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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    fileData = _useState8[0],
+    setFileData = _useState8[1];
   var _useToasts = (0, _toaster.useToasts)(),
-      addToast = _useToasts.addToast;
-
+    addToast = _useToasts.addToast;
   var _useMutation = (0, _client.useMutation)((0, _adminUiUtils.getMutation)('DELETE_FILE_BY_ID')),
-      _useMutation2 = (0, _slicedToArray2["default"])(_useMutation, 1),
-      deleteFile = _useMutation2[0];
-
+    _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];
-
+    _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) {
@@ -131,7 +88,6 @@ var CardMedia = function CardMedia(_ref) {
                   }
                 }
               });
-
             case 4:
               removeFile({
                 index: index
@@ -142,7 +98,6 @@ var CardMedia = function CardMedia(_ref) {
               });
               _context.next = 11;
               break;
-
             case 8:
               _context.prev = 8;
               _context.t0 = _context["catch"](1);
@@ -150,7 +105,6 @@ var CardMedia = function CardMedia(_ref) {
                 appearance: 'error',
                 autoDismiss: true
               });
-
             case 11:
             case "end":
               return _context.stop();
@@ -158,12 +112,10 @@ var CardMedia = function CardMedia(_ref) {
         }
       }, _callee, null, [[1, 8]]);
     }));
-
     return function deleteFileById() {
       return _ref2.apply(this, arguments);
     };
   }();
-
   var handleClick = function handleClick() {
     onSelected({
       id: id,
@@ -172,19 +124,15 @@ var CardMedia = function CardMedia(_ref) {
       data: 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() {
     setDisplayEditModal(false);
   };
-
   var handleSaveButtonStatus = function handleSaveButtonStatus(state) {
     setEnableSaveButton(state);
   };
-
   var modalActions = [{
     textButton: 'Cancel',
     callback: handleCloseModal,
@@ -196,15 +144,12 @@ var CardMedia = function CardMedia(_ref) {
     },
     modifiers: enableSaveButton ? [] : ['disabled']
   }];
-
   var handleFileChange = function 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) {
@@ -229,7 +174,6 @@ var CardMedia = function CardMedia(_ref) {
                   });
                 }
               });
-
             case 3:
               _yield$client$mutate = _context2.sent;
               updatedFile = _yield$client$mutate.data.updateFile;
@@ -243,7 +187,6 @@ var CardMedia = function CardMedia(_ref) {
               });
               _context2.next = 13;
               break;
-
             case 9:
               _context2.prev = 9;
               _context2.t0 = _context2["catch"](0);
@@ -252,11 +195,9 @@ var CardMedia = function CardMedia(_ref) {
                 autoDismiss: true
               });
               console.error(_context2.t0); //eslint-disable-line
-
             case 13:
               handleCloseModal();
               setEnableSaveButton(false);
-
             case 15:
             case "end":
               return _context2.stop();
@@ -264,12 +205,10 @@ var CardMedia = function CardMedia(_ref) {
         }
       }, _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"], {
     title: "Edit",
     actions: modalActions,
@@ -336,7 +275,6 @@ var CardMedia = function CardMedia(_ref) {
     className: "more-menu__link"
   }, "Delete"))))))));
 };
-
 CardMedia.propTypes = {
   name: _propTypes["default"].string.isRequired,
   url: _propTypes["default"].string.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"CardMedia.js","names":["CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","modalTargetRef","updateFile","removeFile","index","useState","displayDeleteModal","setDisplayDeleteModal","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","useToasts","addToast","useMutation","getMutation","deleteFile","split","type","extension","client","useApolloClient","deleteFileById","variables","input","appearance","autoDismiss","message","handleClick","cardMediaClassNames","classnames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","mutate","mutation","update","cache","fileUpdated","writeQuery","query","getQuery","result","updatedFile","console","error","createPortal","current","event","preventDefault","stopPropagation","propTypes","PropTypes","string","isRequired","object","func","bool","number","defaultProps"],"sources":["../../../src/components/CardMedia/CardMedia.js"],"sourcesContent":["import React, { useState } from 'react';\nimport More from '@blaze-react/more';\nimport Button from '@blaze-react/button';\nimport { DeleteAction } from '@blaze-cms/admin';\nimport PropTypes from 'prop-types';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useMutation, useApolloClient } from '@apollo/client';\nimport classnames from 'classnames';\nimport { useToasts } from '@blaze-react/toaster';\nimport Modal from '@blaze-react/modal';\nimport { createPortal } from 'react-dom';\nimport { Link } from 'react-router-dom';\nimport EditMediaFile from '../EditMediaFile';\n\nconst CardMedia = ({\n  onSelected,\n  name,\n  url,\n  mimetype,\n  id,\n  selected,\n  displayLayout,\n  data,\n  modalTargetRef,\n  updateFile,\n  removeFile,\n  index\n}) => {\n  const [displayDeleteModal, setDisplayDeleteModal] = useState(false);\n  const [displayEditModal, setDisplayEditModal] = useState(false);\n  const [enableSaveButton, setEnableSaveButton] = useState(false);\n  const [fileData, setFileData] = useState(null);\n  const { addToast } = useToasts();\n  const [deleteFile] = useMutation(getMutation('DELETE_FILE_BY_ID'));\n  const [type, extension] = mimetype.split('/');\n  const client = useApolloClient();\n\n  const deleteFileById = async () => {\n    setDisplayDeleteModal(false);\n    try {\n      await deleteFile({\n        variables: { input: { id } }\n      });\n\n      removeFile({\n        index\n      });\n\n      addToast(`File: ${name} has been deleted`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (error) {\n      addToast(error.message, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n    }\n  };\n\n  const handleClick = () => {\n    onSelected({ id, url, name, data });\n  };\n\n  const cardMediaClassNames = classnames('card card--media-list', {\n    'card--media-list--selected': selected,\n    [`card--media-${displayLayout}`]: displayLayout\n  });\n\n  const handleCloseModal = () => {\n    setDisplayEditModal(false);\n  };\n\n  const handleSaveButtonStatus = state => {\n    setEnableSaveButton(state);\n  };\n\n  const modalActions = [\n    {\n      textButton: 'Cancel',\n      callback: handleCloseModal,\n      modifiers: ['cancel']\n    },\n    {\n      textButton: 'Save',\n      callback: () => handleFormSave(),\n      modifiers: enableSaveButton ? [] : ['disabled']\n    }\n  ];\n\n  const handleFileChange = file => {\n    setFileData(file);\n  };\n\n  const handleFormSave = async () => {\n    try {\n      const {\n        data: { updateFile: updatedFile }\n      } = await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: { input: fileData },\n        update(\n          cache,\n          {\n            data: { updateFile: fileUpdated }\n          }\n        ) {\n          cache.writeQuery({\n            query: getQuery('GET_FILE_BY_ID'),\n            variables: { id },\n            data: { file: fileUpdated.result }\n          });\n        }\n      });\n\n      updateFile({ file: updatedFile.result, index });\n      addToast(`File: ${fileData.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${fileData.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      console.error(e); //eslint-disable-line\n    }\n    handleCloseModal();\n    setEnableSaveButton(false);\n  };\n\n  return (\n    <>\n      {displayEditModal &&\n        createPortal(\n          <Modal title=\"Edit\" actions={modalActions} onClose={handleCloseModal}>\n            <EditMediaFile\n              onChange={handleFileChange}\n              fileId={id}\n              handleSaveButtonStatus={handleSaveButtonStatus}\n              handleFormSave={handleFormSave}\n              enableSaveButton={enableSaveButton}\n            />\n          </Modal>,\n          modalTargetRef.current\n        )}\n      <div className={cardMediaClassNames} role=\"button\" onClick={handleClick}>\n        {displayDeleteModal &&\n          createPortal(\n            <DeleteAction\n              onClose={() => setDisplayDeleteModal(false)}\n              deleteAction={() => deleteFileById()}\n              itemName={name}\n            />,\n            modalTargetRef.current\n          )}\n\n        {type === 'image' ? (\n          <div className={`card__image card__image--media-${displayLayout}`}>\n            <img src={url} alt={name} />\n          </div>\n        ) : (\n          <div className=\"card__image card__image--media-list-document\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 8 8\">\n              <path d=\"M0 0v8h7v-4h-4v-4h-3zm4 0v3h3l-3-3zm-3 2h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h4v1h-4v-1z\" />\n            </svg>\n          </div>\n        )}\n\n        <footer className={`card__footer card__footer--media-${displayLayout}`}>\n          <div className={`card__details card__details--media-${displayLayout}`}>\n            <div className={`card__title card__title--media-${displayLayout}`}>\n              <h2>{name}</h2>\n            </div>\n            <p>\n              <span>format: {extension}</span>\n            </p>\n          </div>\n          <div className={`card__menu card__menu--${displayLayout}`}>\n            <div className=\"more-menu__wrapper more-menu__wrapper--card\">\n              <More displayBg>\n                <More.Avatar isMoreMenu>\n                  <span className=\"material-icons\">more_vert</span>\n                </More.Avatar>\n                <More.Content isMoreMenu>\n                  <Link to={`/media/edit/${id}`} className=\"more-menu__link\">\n                    Edit\n                  </Link>\n                  <Button\n                    onClick={event => {\n                      event.preventDefault();\n                      event.stopPropagation();\n                      setDisplayDeleteModal(true);\n                    }}\n                    className=\"more-menu__link\">\n                    Delete\n                  </Button>\n                </More.Content>\n              </More>\n            </div>\n          </div>\n        </footer>\n      </div>\n    </>\n  );\n};\n\nCardMedia.propTypes = {\n  name: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  mimetype: PropTypes.string.isRequired,\n  displayLayout: PropTypes.string.isRequired,\n  data: PropTypes.object,\n  onSelected: PropTypes.func,\n  updateFile: PropTypes.func.isRequired,\n  removeFile: PropTypes.func.isRequired,\n  selected: PropTypes.bool,\n  modalTargetRef: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired\n};\n\nCardMedia.defaultProps = {\n  onSelected: () => {},\n  selected: false,\n  data: {}\n};\n\nexport default CardMedia;\n"],"mappings":"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"}
+{"version":3,"file":"CardMedia.js","names":["CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","modalTargetRef","updateFile","removeFile","index","useState","displayDeleteModal","setDisplayDeleteModal","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","useToasts","addToast","useMutation","getMutation","deleteFile","split","type","extension","client","useApolloClient","deleteFileById","variables","input","appearance","autoDismiss","message","handleClick","cardMediaClassNames","classnames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","mutate","mutation","update","cache","fileUpdated","writeQuery","query","getQuery","result","updatedFile","console","error","createPortal","current","event","preventDefault","stopPropagation","propTypes","PropTypes","string","isRequired","object","func","bool","number","defaultProps"],"sources":["../../../src/components/CardMedia/CardMedia.js"],"sourcesContent":["import React, { useState } from 'react';\nimport More from '@blaze-react/more';\nimport Button from '@blaze-react/button';\nimport { DeleteAction } from '@blaze-cms/admin';\nimport PropTypes from 'prop-types';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useMutation, useApolloClient } from '@apollo/client';\nimport classnames from 'classnames';\nimport { useToasts } from '@blaze-react/toaster';\nimport Modal from '@blaze-react/modal';\nimport { createPortal } from 'react-dom';\nimport { Link } from 'react-router-dom';\nimport EditMediaFile from '../EditMediaFile';\n\nconst CardMedia = ({\n  onSelected,\n  name,\n  url,\n  mimetype,\n  id,\n  selected,\n  displayLayout,\n  data,\n  modalTargetRef,\n  updateFile,\n  removeFile,\n  index\n}) => {\n  const [displayDeleteModal, setDisplayDeleteModal] = useState(false);\n  const [displayEditModal, setDisplayEditModal] = useState(false);\n  const [enableSaveButton, setEnableSaveButton] = useState(false);\n  const [fileData, setFileData] = useState(null);\n  const { addToast } = useToasts();\n  const [deleteFile] = useMutation(getMutation('DELETE_FILE_BY_ID'));\n  const [type, extension] = mimetype.split('/');\n  const client = useApolloClient();\n\n  const deleteFileById = async () => {\n    setDisplayDeleteModal(false);\n    try {\n      await deleteFile({\n        variables: { input: { id } }\n      });\n\n      removeFile({\n        index\n      });\n\n      addToast(`File: ${name} has been deleted`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (error) {\n      addToast(error.message, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n    }\n  };\n\n  const handleClick = () => {\n    onSelected({ id, url, name, data });\n  };\n\n  const cardMediaClassNames = classnames('card card--media-list', {\n    'card--media-list--selected': selected,\n    [`card--media-${displayLayout}`]: displayLayout\n  });\n\n  const handleCloseModal = () => {\n    setDisplayEditModal(false);\n  };\n\n  const handleSaveButtonStatus = state => {\n    setEnableSaveButton(state);\n  };\n\n  const modalActions = [\n    {\n      textButton: 'Cancel',\n      callback: handleCloseModal,\n      modifiers: ['cancel']\n    },\n    {\n      textButton: 'Save',\n      callback: () => handleFormSave(),\n      modifiers: enableSaveButton ? [] : ['disabled']\n    }\n  ];\n\n  const handleFileChange = file => {\n    setFileData(file);\n  };\n\n  const handleFormSave = async () => {\n    try {\n      const {\n        data: { updateFile: updatedFile }\n      } = await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: { input: fileData },\n        update(\n          cache,\n          {\n            data: { updateFile: fileUpdated }\n          }\n        ) {\n          cache.writeQuery({\n            query: getQuery('GET_FILE_BY_ID'),\n            variables: { id },\n            data: { file: fileUpdated.result }\n          });\n        }\n      });\n\n      updateFile({ file: updatedFile.result, index });\n      addToast(`File: ${fileData.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${fileData.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      console.error(e); //eslint-disable-line\n    }\n    handleCloseModal();\n    setEnableSaveButton(false);\n  };\n\n  return (\n    <>\n      {displayEditModal &&\n        createPortal(\n          <Modal title=\"Edit\" actions={modalActions} onClose={handleCloseModal}>\n            <EditMediaFile\n              onChange={handleFileChange}\n              fileId={id}\n              handleSaveButtonStatus={handleSaveButtonStatus}\n              handleFormSave={handleFormSave}\n              enableSaveButton={enableSaveButton}\n            />\n          </Modal>,\n          modalTargetRef.current\n        )}\n      <div className={cardMediaClassNames} role=\"button\" onClick={handleClick}>\n        {displayDeleteModal &&\n          createPortal(\n            <DeleteAction\n              onClose={() => setDisplayDeleteModal(false)}\n              deleteAction={() => deleteFileById()}\n              itemName={name}\n            />,\n            modalTargetRef.current\n          )}\n\n        {type === 'image' ? (\n          <div className={`card__image card__image--media-${displayLayout}`}>\n            <img src={url} alt={name} />\n          </div>\n        ) : (\n          <div className=\"card__image card__image--media-list-document\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 8 8\">\n              <path d=\"M0 0v8h7v-4h-4v-4h-3zm4 0v3h3l-3-3zm-3 2h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h4v1h-4v-1z\" />\n            </svg>\n          </div>\n        )}\n\n        <footer className={`card__footer card__footer--media-${displayLayout}`}>\n          <div className={`card__details card__details--media-${displayLayout}`}>\n            <div className={`card__title card__title--media-${displayLayout}`}>\n              <h2>{name}</h2>\n            </div>\n            <p>\n              <span>format: {extension}</span>\n            </p>\n          </div>\n          <div className={`card__menu card__menu--${displayLayout}`}>\n            <div className=\"more-menu__wrapper more-menu__wrapper--card\">\n              <More displayBg>\n                <More.Avatar isMoreMenu>\n                  <span className=\"material-icons\">more_vert</span>\n                </More.Avatar>\n                <More.Content isMoreMenu>\n                  <Link to={`/media/edit/${id}`} className=\"more-menu__link\">\n                    Edit\n                  </Link>\n                  <Button\n                    onClick={event => {\n                      event.preventDefault();\n                      event.stopPropagation();\n                      setDisplayDeleteModal(true);\n                    }}\n                    className=\"more-menu__link\">\n                    Delete\n                  </Button>\n                </More.Content>\n              </More>\n            </div>\n          </div>\n        </footer>\n      </div>\n    </>\n  );\n};\n\nCardMedia.propTypes = {\n  name: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  mimetype: PropTypes.string.isRequired,\n  displayLayout: PropTypes.string.isRequired,\n  data: PropTypes.object,\n  onSelected: PropTypes.func,\n  updateFile: PropTypes.func.isRequired,\n  removeFile: PropTypes.func.isRequired,\n  selected: PropTypes.bool,\n  modalTargetRef: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired\n};\n\nCardMedia.defaultProps = {\n  onSelected: () => {},\n  selected: false,\n  data: {}\n};\n\nexport default CardMedia;\n"],"mappings":"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"}

package/lib/components/CardMedia/index.js

@@ -1,16 +1,12 @@
 "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;
-
 var _CardMedia = _interopRequireDefault(require("./CardMedia"));
-
 var _default = _CardMedia["default"];
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CardMedia"],"sources":["../../../src/components/CardMedia/index.js"],"sourcesContent":["import CardMedia from './CardMedia';\n\nexport default CardMedia;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,qB"}
+{"version":3,"file":"index.js","names":["CardMedia"],"sources":["../../../src/components/CardMedia/index.js"],"sourcesContent":["import CardMedia from './CardMedia';\n\nexport default CardMedia;\n"],"mappings":";;;;;;;;AAAA;AAAoC,eAErBA,qBAAS;AAAA"}

package/lib/components/EditMediaFile/EditMediaFile.js

@@ -1,119 +1,79 @@
 "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");
-
 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 _FilePreview = _interopRequireDefault(require("../FilePreview"));
-
 var _constants = require("../../constants");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var EditMediaFile = function EditMediaFile(_ref) {
   var onChange = _ref.onChange,
-      handleSaveButtonStatus = _ref.handleSaveButtonStatus,
-      enableSaveButton = _ref.enableSaveButton,
-      fileId = _ref.fileId;
-
+    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];
-
+    _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;
-
+      variables: {
+        id: fileId
+      }
+    }),
+    loading = _useQuery.loading,
+    _useQuery$data = _useQuery.data;
   _useQuery$data = _useQuery$data === void 0 ? {} : _useQuery$data;
   var file = _useQuery$data.file;
   var fileStoresType = (0, _adminUiUtils.getQuery)('GET_FILE_STORES');
-
   var _useQuery2 = (0, _client.useQuery)(fileStoresType, {
-    variables: {
-      visibleInAdmin: true
-    }
-  }),
-      _useQuery2$data = _useQuery2.data;
-
+      variables: {
+        visibleInAdmin: true
+      }
+    }),
+    _useQuery2$data = _useQuery2.data;
   _useQuery2$data = _useQuery2$data === void 0 ? {} : _useQuery2$data;
   var _useQuery2$data$getFi = _useQuery2$data.getFileStores,
-      storeType = _useQuery2$data$getFi === void 0 ? [] : _useQuery2$data$getFi;
+    storeType = _useQuery2$data$getFi === void 0 ? [] : _useQuery2$data$getFi;
   (0, _react.useEffect)(function () {
     if (!formValues && file) {
       setFormValues(file);
     }
   }, [file, formValues, storeType]);
-
   var handleFormChange = function handleFormChange(_ref2) {
     var isValid = _ref2.isValid,
-        isNewValueSet = _ref2.isNewValueSet,
-        valuesChecked = _ref2.valuesChecked;
+      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;
@@ -121,30 +81,25 @@ var EditMediaFile = function EditMediaFile(_ref) {
     });
     var dataValues = valuesCheckedWithoutName.reduce(function (acc, _ref4) {
       var id = _ref4.id,
-          value = _ref4.value;
+        value = _ref4.value;
       acc[id] = value;
       return acc;
     }, {});
-
     var _ref5 = valuesChecked.find(function (_ref6) {
-      var id = _ref6.id;
-      return id === _constants.NAME;
-    }) || {},
-        newFileName = _ref5.value;
-
+        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 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,
@@ -154,7 +109,6 @@ var EditMediaFile = function EditMediaFile(_ref) {
     setFormValues(updatedFile);
     onChange(updatedFile);
   };
-
   var getFileWithStoreType = function getFileWithStoreType() {
     if (storeType) {
       var storeOptions = storeType.map(function (type) {
@@ -170,10 +124,8 @@ var EditMediaFile = function EditMediaFile(_ref) {
         }
       });
     }
-
     return file;
   };
-
   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,
@@ -181,7 +133,6 @@ var EditMediaFile = function EditMediaFile(_ref) {
     displayForm: true
   }) : null) : /*#__PURE__*/_react["default"].createElement("div", null, "loading..."));
 };
-
 EditMediaFile.propTypes = {
   fileId: _propTypes["default"].string.isRequired,
   onChange: _propTypes["default"].func.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"EditMediaFile.js","names":["EditMediaFile","onChange","handleSaveButtonStatus","enableSaveButton","fileId","useState","formValues","setFormValues","query","getQuery","useQuery","variables","id","loading","data","file","fileStoresType","visibleInAdmin","getFileStores","storeType","useEffect","handleFormChange","isValid","isNewValueSet","valuesChecked","valuesCheckedWithoutName","filter","NAME","STORE_KEY","dataValues","reduce","acc","value","find","newFileName","storeKey","shouldEnableSaveButton","updatedFile","name","getFileWithStoreType","storeOptions","map","type","key","defaultStore","isDefault","store","fileWithStoreType","propTypes","PropTypes","string","isRequired","func","bool","defaultProps"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/client';\nimport FilePreview from '../FilePreview';\nimport { STORE_KEY, NAME } from '../../constants';\n\nconst EditMediaFile = ({ onChange, handleSaveButtonStatus, enableSaveButton, fileId }) => {\n  const [formValues, setFormValues] = useState(null);\n  const query = getQuery('GET_FILE_BY_ID');\n  const { loading, data: { file } = {} } = useQuery(query, {\n    variables: { id: fileId }\n  });\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n  const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n\n  useEffect(\n    () => {\n      if (!formValues && file) {\n        setFormValues(file);\n      }\n    },\n    [file, formValues, storeType]\n  );\n\n  const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n    const valuesCheckedWithoutName = valuesChecked.filter(({ id }) => {\n      if (id === NAME || id === STORE_KEY) return false;\n      return true;\n    });\n\n    const dataValues = valuesCheckedWithoutName.reduce((acc, { id, value }) => {\n      acc[id] = value;\n      return acc;\n    }, {});\n    const { value: newFileName } = valuesChecked.find(({ id }) => id === NAME) || {};\n    const { value: storeKey } = valuesChecked.find(({ id }) => id === STORE_KEY) || {};\n\n    const shouldEnableSaveButton = isNewValueSet && isValid;\n    handleSaveButtonStatus(false);\n\n    if (shouldEnableSaveButton && shouldEnableSaveButton !== enableSaveButton) {\n      handleSaveButtonStatus(shouldEnableSaveButton);\n    }\n\n    const updatedFile = {\n      id: file.id,\n      name: newFileName,\n      storeKey,\n      data: dataValues\n    };\n    setFormValues(updatedFile);\n    onChange(updatedFile);\n  };\n\n  const getFileWithStoreType = () => {\n    if (storeType) {\n      const storeOptions = storeType.map(type => [type.key, type.name]);\n      const defaultStore = storeType.find(type => type.isDefault) || null;\n      return { ...file, store: { defaultStore, storeOptions } };\n    }\n\n    return file;\n  };\n\n  const fileWithStoreType = getFileWithStoreType();\n\n  return (\n    <>\n      {!loading ? (\n        <>\n          {file ? (\n            <FilePreview file={fileWithStoreType} handleFormChange={handleFormChange} displayForm />\n          ) : null}\n        </>\n      ) : (\n        <div>loading...</div>\n      )}\n    </>\n  );\n};\n\nEditMediaFile.propTypes = {\n  fileId: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  handleSaveButtonStatus: PropTypes.func.isRequired,\n  enableSaveButton: PropTypes.bool\n};\n\nEditMediaFile.defaultProps = {\n  enableSaveButton: false\n};\n\nexport default EditMediaFile;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAAoE;EAAA,IAAjEC,QAAiE,QAAjEA,QAAiE;EAAA,IAAvDC,sBAAuD,QAAvDA,sBAAuD;EAAA,IAA/BC,gBAA+B,QAA/BA,gBAA+B;EAAA,IAAbC,MAAa,QAAbA,MAAa;;EACxF,gBAAoC,IAAAC,eAAA,EAAS,IAAT,CAApC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,aAAnB;;EACA,IAAMC,KAAK,GAAG,IAAAC,sBAAA,EAAS,gBAAT,CAAd;;EACA,gBAAyC,IAAAC,gBAAA,EAASF,KAAT,EAAgB;IACvDG,SAAS,EAAE;MAAEC,EAAE,EAAER;IAAN;EAD4C,CAAhB,CAAzC;EAAA,IAAQS,OAAR,aAAQA,OAAR;EAAA,+BAAiBC,IAAjB;;EAAA,6CAAkC,EAAlC;EAAA,IAAyBC,IAAzB,kBAAyBA,IAAzB;EAIA,IAAMC,cAAc,GAAG,IAAAP,sBAAA,EAAS,iBAAT,CAAvB;;EACA,iBAAyD,IAAAC,gBAAA,EAASM,cAAT,EAAyB;IAChFL,SAAS,EAAE;MAAEM,cAAc,EAAE;IAAlB;EADqE,CAAzB,CAAzD;EAAA,iCAAQH,IAAR;;EAAA,+CAAkD,EAAlD;EAAA,4CAAgBI,aAAhB;EAAA,IAA+BC,SAA/B,sCAA2C,EAA3C;EAIA,IAAAC,gBAAA,EACE,YAAM;IACJ,IAAI,CAACd,UAAD,IAAeS,IAAnB,EAAyB;MACvBR,aAAa,CAACQ,IAAD,CAAb;IACD;EACF,CALH,EAME,CAACA,IAAD,EAAOT,UAAP,EAAmBa,SAAnB,CANF;;EASA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,QAA+C;IAAA,IAA5CC,OAA4C,SAA5CA,OAA4C;IAAA,IAAnCC,aAAmC,SAAnCA,aAAmC;IAAA,IAApBC,aAAoB,SAApBA,aAAoB;IACtE,IAAMC,wBAAwB,GAAGD,aAAa,CAACE,MAAd,CAAqB,iBAAY;MAAA,IAATd,EAAS,SAATA,EAAS;MAChE,IAAIA,EAAE,KAAKe,eAAP,IAAef,EAAE,KAAKgB,oBAA1B,EAAqC,OAAO,KAAP;MACrC,OAAO,IAAP;IACD,CAHgC,CAAjC;IAKA,IAAMC,UAAU,GAAGJ,wBAAwB,CAACK,MAAzB,CAAgC,UAACC,GAAD,SAAwB;MAAA,IAAhBnB,EAAgB,SAAhBA,EAAgB;MAAA,IAAZoB,KAAY,SAAZA,KAAY;MACzED,GAAG,CAACnB,EAAD,CAAH,GAAUoB,KAAV;MACA,OAAOD,GAAP;IACD,CAHkB,EAGhB,EAHgB,CAAnB;;IAIA,YAA+BP,aAAa,CAACS,IAAd,CAAmB;MAAA,IAAGrB,EAAH,SAAGA,EAAH;MAAA,OAAYA,EAAE,KAAKe,eAAnB;IAAA,CAAnB,KAA+C,EAA9E;IAAA,IAAeO,WAAf,SAAQF,KAAR;;IACA,YAA4BR,aAAa,CAACS,IAAd,CAAmB;MAAA,IAAGrB,EAAH,SAAGA,EAAH;MAAA,OAAYA,EAAE,KAAKgB,oBAAnB;IAAA,CAAnB,KAAoD,EAAhF;IAAA,IAAeO,QAAf,SAAQH,KAAR;;IAEA,IAAMI,sBAAsB,GAAGb,aAAa,IAAID,OAAhD;IACApB,sBAAsB,CAAC,KAAD,CAAtB;;IAEA,IAAIkC,sBAAsB,IAAIA,sBAAsB,KAAKjC,gBAAzD,EAA2E;MACzED,sBAAsB,CAACkC,sBAAD,CAAtB;IACD;;IAED,IAAMC,WAAW,GAAG;MAClBzB,EAAE,EAAEG,IAAI,CAACH,EADS;MAElB0B,IAAI,EAAEJ,WAFY;MAGlBC,QAAQ,EAARA,QAHkB;MAIlBrB,IAAI,EAAEe;IAJY,CAApB;IAMAtB,aAAa,CAAC8B,WAAD,CAAb;IACApC,QAAQ,CAACoC,WAAD,CAAR;EACD,CA5BD;;EA8BA,IAAME,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;IACjC,IAAIpB,SAAJ,EAAe;MACb,IAAMqB,YAAY,GAAGrB,SAAS,CAACsB,GAAV,CAAc,UAAAC,IAAI;QAAA,OAAI,CAACA,IAAI,CAACC,GAAN,EAAWD,IAAI,CAACJ,IAAhB,CAAJ;MAAA,CAAlB,CAArB;MACA,IAAMM,YAAY,GAAGzB,SAAS,CAACc,IAAV,CAAe,UAAAS,IAAI;QAAA,OAAIA,IAAI,CAACG,SAAT;MAAA,CAAnB,KAA0C,IAA/D;MACA,uCAAY9B,IAAZ;QAAkB+B,KAAK,EAAE;UAAEF,YAAY,EAAZA,YAAF;UAAgBJ,YAAY,EAAZA;QAAhB;MAAzB;IACD;;IAED,OAAOzB,IAAP;EACD,CARD;;EAUA,IAAMgC,iBAAiB,GAAGR,oBAAoB,EAA9C;EAEA,oBACE,kEACG,CAAC1B,OAAD,gBACC,kEACGE,IAAI,gBACH,gCAAC,uBAAD;IAAa,IAAI,EAAEgC,iBAAnB;IAAsC,gBAAgB,EAAE1B,gBAAxD;IAA0E,WAAW;EAArF,EADG,GAED,IAHN,CADD,gBAOC,0DARJ,CADF;AAaD,CA5ED;;AA8EArB,aAAa,CAACgD,SAAd,GAA0B;EACxB5C,MAAM,EAAE6C,qBAAA,CAAUC,MAAV,CAAiBC,UADD;EAExBlD,QAAQ,EAAEgD,qBAAA,CAAUG,IAAV,CAAeD,UAFD;EAGxBjD,sBAAsB,EAAE+C,qBAAA,CAAUG,IAAV,CAAeD,UAHf;EAIxBhD,gBAAgB,EAAE8C,qBAAA,CAAUI;AAJJ,CAA1B;AAOArD,aAAa,CAACsD,YAAd,GAA6B;EAC3BnD,gBAAgB,EAAE;AADS,CAA7B;eAIeH,a"}
+{"version":3,"file":"EditMediaFile.js","names":["EditMediaFile","onChange","handleSaveButtonStatus","enableSaveButton","fileId","useState","formValues","setFormValues","query","getQuery","useQuery","variables","id","loading","data","file","fileStoresType","visibleInAdmin","getFileStores","storeType","useEffect","handleFormChange","isValid","isNewValueSet","valuesChecked","valuesCheckedWithoutName","filter","NAME","STORE_KEY","dataValues","reduce","acc","value","find","newFileName","storeKey","shouldEnableSaveButton","updatedFile","name","getFileWithStoreType","storeOptions","map","type","key","defaultStore","isDefault","store","fileWithStoreType","propTypes","PropTypes","string","isRequired","func","bool","defaultProps"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/client';\nimport FilePreview from '../FilePreview';\nimport { STORE_KEY, NAME } from '../../constants';\n\nconst EditMediaFile = ({ onChange, handleSaveButtonStatus, enableSaveButton, fileId }) => {\n  const [formValues, setFormValues] = useState(null);\n  const query = getQuery('GET_FILE_BY_ID');\n  const { loading, data: { file } = {} } = useQuery(query, {\n    variables: { id: fileId }\n  });\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n  const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n\n  useEffect(\n    () => {\n      if (!formValues && file) {\n        setFormValues(file);\n      }\n    },\n    [file, formValues, storeType]\n  );\n\n  const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n    const valuesCheckedWithoutName = valuesChecked.filter(({ id }) => {\n      if (id === NAME || id === STORE_KEY) return false;\n      return true;\n    });\n\n    const dataValues = valuesCheckedWithoutName.reduce((acc, { id, value }) => {\n      acc[id] = value;\n      return acc;\n    }, {});\n    const { value: newFileName } = valuesChecked.find(({ id }) => id === NAME) || {};\n    const { value: storeKey } = valuesChecked.find(({ id }) => id === STORE_KEY) || {};\n\n    const shouldEnableSaveButton = isNewValueSet && isValid;\n    handleSaveButtonStatus(false);\n\n    if (shouldEnableSaveButton && shouldEnableSaveButton !== enableSaveButton) {\n      handleSaveButtonStatus(shouldEnableSaveButton);\n    }\n\n    const updatedFile = {\n      id: file.id,\n      name: newFileName,\n      storeKey,\n      data: dataValues\n    };\n    setFormValues(updatedFile);\n    onChange(updatedFile);\n  };\n\n  const getFileWithStoreType = () => {\n    if (storeType) {\n      const storeOptions = storeType.map(type => [type.key, type.name]);\n      const defaultStore = storeType.find(type => type.isDefault) || null;\n      return { ...file, store: { defaultStore, storeOptions } };\n    }\n\n    return file;\n  };\n\n  const fileWithStoreType = getFileWithStoreType();\n\n  return (\n    <>\n      {!loading ? (\n        <>\n          {file ? (\n            <FilePreview file={fileWithStoreType} handleFormChange={handleFormChange} displayForm />\n          ) : null}\n        </>\n      ) : (\n        <div>loading...</div>\n      )}\n    </>\n  );\n};\n\nEditMediaFile.propTypes = {\n  fileId: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  handleSaveButtonStatus: PropTypes.func.isRequired,\n  enableSaveButton: PropTypes.bool\n};\n\nEditMediaFile.defaultProps = {\n  enableSaveButton: false\n};\n\nexport default EditMediaFile;\n"],"mappings":"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"}