@blaze-cms/plugin-media-ui 0.146.0-node18-core-styles-tooltips.0 → 0.146.0-node18-core-styles-tooltips.4

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.146.0-node18-core-styles-tooltips.4](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-core-styles-tooltips.3...v0.146.0-node18-core-styles-tooltips.4) (2025-07-10)
+
+
+### Features
+
+* show change file button  modal  using React context ([#4816](https://github.com/thebyte9/blaze/issues/4816)) ([040089a](https://github.com/thebyte9/blaze/commit/040089a55a74f522e2bfd66870c3a1e703a081fa))
+
+
+
+
+
 # [0.146.0-node18-core-styles-tooltips.0](https://github.com/thebyte9/blaze/compare/v0.145.0...v0.146.0-node18-core-styles-tooltips.0) (2025-06-18)
 
 

package/lib/components/CardMedia/CardMedia.js

@@ -45,7 +45,8 @@ var CardMedia = function CardMedia(_ref) {
     modalTargetRef = _ref.modalTargetRef,
     updateFile = _ref.updateFile,
     removeFile = _ref.removeFile,
-    index = _ref.index;
+    index = _ref.index,
+    openEditInModal = _ref.openEditInModal;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     displayDeleteModal = _useState2[0],
@@ -136,7 +137,7 @@ var CardMedia = function CardMedia(_ref) {
     callback: handleCloseModal,
     modifiers: ['cancel']
   }, {
-    textButton: 'Save',
+    textButton: 'Apply',
     callback: function callback() {
       return handleFormSave();
     },
@@ -259,7 +260,14 @@ var CardMedia = function CardMedia(_ref) {
     className: "material-icons"
   }, "more_vert")), /*#__PURE__*/_react["default"].createElement(_more["default"].Content, {
     isMoreMenu: true
-  }, /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
+  }, openEditInModal ? /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    onClick: function onClick(event) {
+      event.preventDefault();
+      event.stopPropagation();
+      setDisplayEditModal(true);
+    },
+    className: "more-menu__link"
+  }, "Edit") : /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
     to: "/media/edit/".concat(id),
     className: "more-menu__link"
   }, "Edit"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
@@ -283,12 +291,14 @@ CardMedia.propTypes = {
   removeFile: _propTypes["default"].func.isRequired,
   selected: _propTypes["default"].bool,
   modalTargetRef: _propTypes["default"].object.isRequired,
-  index: _propTypes["default"].number.isRequired
+  index: _propTypes["default"].number.isRequired,
+  openEditInModal: _propTypes["default"].bool
 };
 CardMedia.defaultProps = {
   onSelected: function onSelected() {},
   selected: false,
-  data: {}
+  data: {},
+  openEditInModal: false
 };
 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","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(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={url} alt={name} />\n          </div>\n        ) : (\n          <div className=\"card__image card__image--media-list-document\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 8 8\">\n              <path d=\"M0 0v8h7v-4h-4v-4h-3zm4 0v3h3l-3-3zm-3 2h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h4v1h-4v-1z\" />\n            </svg>\n          </div>\n        )}\n\n        <footer className={`card__footer card__footer--media-${displayLayout}`}>\n          <div className={`card__details card__details--media-${displayLayout}`}>\n            <div className={`card__title card__title--media-${displayLayout}`}>\n              <h2>{name}</h2>\n            </div>\n            <p>\n              <span>format: {extension}</span>\n            </p>\n          </div>\n          <div className={`card__menu card__menu--${displayLayout}`}>\n            <div className=\"more-menu__wrapper more-menu__wrapper--card\">\n              <More displayBg>\n                <More.Avatar isMoreMenu>\n                  <span className=\"material-icons\">more_vert</span>\n                </More.Avatar>\n                <More.Content isMoreMenu>\n                  <Link to={`/media/edit/${id}`} className=\"more-menu__link\">\n                    Edit\n                  </Link>\n                  <Button\n                    onClick={event => {\n                      event.preventDefault();\n                      event.stopPropagation();\n                      setDisplayDeleteModal(true);\n                    }}\n                    className=\"more-menu__link\">\n                    Delete\n                  </Button>\n                </More.Content>\n              </More>\n            </div>\n          </div>\n        </footer>\n      </div>\n    </>\n  );\n};\n\nCardMedia.propTypes = {\n  name: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  mimetype: PropTypes.string.isRequired,\n  displayLayout: PropTypes.string.isRequired,\n  data: PropTypes.object,\n  onSelected: PropTypes.func,\n  updateFile: PropTypes.func.isRequired,\n  removeFile: PropTypes.func.isRequired,\n  selected: PropTypes.bool,\n  modalTargetRef: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired\n};\n\nCardMedia.defaultProps = {\n  onSelected: () => {},\n  selected: false,\n  data: {}\n};\n\nexport default CardMedia;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CardMedia.js","names":["_react","_interopRequireWildcard","require","_more","_interopRequireDefault","_button","_admin","_propTypes","_adminUiUtils","_client","_classnames2","_toaster","_modal","_reactDom","_reactRouterDom","_EditMediaFile","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CardMedia","_ref","onSelected","name","url","mimetype","id","selected","displayLayout","data","modalTargetRef","updateFile","removeFile","index","openEditInModal","_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","event","preventDefault","stopPropagation","Link","to","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  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={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                  {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  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  openEditInModal: false\n};\n\nexport default CardMedia;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/EditMediaFile/EditMediaFile.js

@@ -45,7 +45,8 @@ var EditMediaFile = function EditMediaFile(_ref) {
   var onChange = _ref.onChange,
     handleSaveButtonStatus = _ref.handleSaveButtonStatus,
     enableSaveButton = _ref.enableSaveButton,
-    fileId = _ref.fileId;
+    fileId = _ref.fileId,
+    showChangeButton = _ref.showChangeButton;
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     formValues = _useState2[0],
@@ -169,13 +170,15 @@ var EditMediaFile = function EditMediaFile(_ref) {
   var handleChangeFile = function handleChangeFile() {
     setDisplayFileUploadModal(true);
   };
+  if (loading) return /*#__PURE__*/_react["default"].createElement("div", null, "loading...");
   var fileWithStoreType = getFileWithStoreType();
-  return !loading ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, file ? /*#__PURE__*/_react["default"].createElement(_FilePreview["default"], {
+  return !loading ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !!file && /*#__PURE__*/_react["default"].createElement(_FilePreview["default"], {
     file: fileWithStoreType,
     handleFormChange: handleFormChange,
     handleChangeFile: handleChangeFile,
-    displayForm: true
-  }) : null, displayFileUploadModal && /*#__PURE__*/_react["default"].createElement("div", {
+    displayForm: true,
+    showChangeButton: showChangeButton
+  }), displayFileUploadModal && /*#__PURE__*/_react["default"].createElement("div", {
     className: "file-upload-modal-wrapper"
   }, /*#__PURE__*/_react["default"].createElement(_FileUploadModal["default"], {
     onClose: function onClose() {
@@ -191,10 +194,12 @@ EditMediaFile.propTypes = {
   fileId: _propTypes["default"].string.isRequired,
   onChange: _propTypes["default"].func.isRequired,
   handleSaveButtonStatus: _propTypes["default"].func.isRequired,
-  enableSaveButton: _propTypes["default"].bool
+  enableSaveButton: _propTypes["default"].bool,
+  showChangeButton: _propTypes["default"].bool
 };
 EditMediaFile.defaultProps = {
-  enableSaveButton: false
+  enableSaveButton: false,
+  showChangeButton: false
 };
 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","_toaster","_FilePreview","_FileUploadModal","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","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","_useState3","_useState4","displayFileUploadModal","setDisplayFileUploadModal","_useToasts","useToasts","addToast","fileQuery","getQuery","_useQuery","useQuery","variables","id","fetchPolicy","loading","_useQuery$data","data","_useQuery$data2","file","refetchFile","refetch","fileStoresType","_useQuery2","visibleInAdmin","_useQuery2$data","_useQuery2$data2","_useQuery2$data2$getF","getFileStores","storeType","useEffect","handleFormChange","_ref2","isValid","isNewValueSet","valuesChecked","valuesCheckedWithoutName","_ref3","NAME","STORE_KEY","dataValues","reduce","acc","_ref4","value","_ref5","find","_ref6","newFileName","_ref7","_ref8","storeKey","shouldEnableSaveButton","updatedFile","name","getFileWithStoreType","storeOptions","map","type","key","defaultStore","isDefault","store","closeModalAndSetValue","_ref9","_asyncToGenerator2","_regenerator","mark","_callee","isSaving","values","toastMessage","wrap","_callee$","_context","prev","next","appearance","autoDismiss","timestamp","Date","now","stop","_x","_x2","_x3","handleChangeFile","fileWithStoreType","createElement","Fragment","displayForm","className","onClose","simpleLayout","getSelectedFiles","propTypes","PropTypes","string","isRequired","func","bool","defaultProps","_default","exports"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/client';\nimport { useToasts } from '@blaze-react/toaster';\nimport FilePreview from '../FilePreview';\nimport FileUploadModal from '../FileUploadModal';\nimport { STORE_KEY, NAME } from '../../constants';\n\nconst EditMediaFile = ({ onChange, handleSaveButtonStatus, enableSaveButton, fileId }) => {\n  const [formValues, setFormValues] = useState(null);\n  const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);\n  const { addToast } = useToasts();\n\n  const fileQuery = getQuery('GET_FILE_BY_ID');\n  const {\n    loading,\n    data: { file } = {},\n    refetch: refetchFile\n  } = useQuery(fileQuery, {\n    variables: { id: fileId },\n    fetchPolicy: 'network-only'\n  });\n  const fileStoresType = getQuery('GET_FILE_STORES');\n  const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n\n  useEffect(() => {\n    if (!formValues && file) {\n      setFormValues(file);\n    }\n  }, [file, formValues, storeType]);\n\n  const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n    const valuesCheckedWithoutName = valuesChecked.filter(\n      ({ id }) => id !== NAME && id !== STORE_KEY\n    );\n    const dataValues = valuesCheckedWithoutName.reduce((acc, { id, value }) => {\n      acc[id] = value;\n      return acc;\n    }, {});\n    const { value: newFileName } = valuesChecked.find(({ id }) => id === NAME) || {};\n    const { value: storeKey } = valuesChecked.find(({ id }) => id === STORE_KEY) || {};\n    const shouldEnableSaveButton = isNewValueSet && isValid;\n    handleSaveButtonStatus(false);\n    if (shouldEnableSaveButton && shouldEnableSaveButton !== enableSaveButton) {\n      handleSaveButtonStatus(shouldEnableSaveButton);\n    }\n    const updatedFile = {\n      id: file.id,\n      name: newFileName,\n      storeKey,\n      data: dataValues\n    };\n    setFormValues(updatedFile);\n    onChange(updatedFile);\n  };\n  const getFileWithStoreType = () => {\n    if (storeType && file) {\n      const storeOptions = storeType.map(type => [type.key, type.name]);\n      const defaultStore = storeType.find(type => type.isDefault) || null;\n      return { ...file, store: { defaultStore, storeOptions } };\n    }\n    return file;\n  };\n  const closeModalAndSetValue = async (isSaving, values, toastMessage) => {\n    if (toastMessage) {\n      addToast(toastMessage, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    }\n    await refetchFile({\n      id: fileId,\n      timestamp: Date.now()\n    });\n    setDisplayFileUploadModal(false);\n  };\n  const handleChangeFile = () => {\n    setDisplayFileUploadModal(true);\n  };\n  const fileWithStoreType = getFileWithStoreType();\n\n  return !loading ? (\n    <>\n      {file ? (\n        <FilePreview\n          file={fileWithStoreType}\n          handleFormChange={handleFormChange}\n          handleChangeFile={handleChangeFile}\n          displayForm\n        />\n      ) : null}\n      {displayFileUploadModal && (\n        <div className=\"file-upload-modal-wrapper\">\n          <FileUploadModal\n            onClose={() => {\n              setDisplayFileUploadModal(false);\n            }}\n            closeModalAndSetValue={closeModalAndSetValue}\n            simpleLayout\n            fileId={fileId}\n            getSelectedFiles={() => {}}\n          />\n        </div>\n      )}\n    </>\n  ) : (\n    <div>loading...</div>\n  );\n};\nEditMediaFile.propTypes = {\n  fileId: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  handleSaveButtonStatus: PropTypes.func.isRequired,\n  enableSaveButton: PropTypes.bool\n};\nEditMediaFile.defaultProps = {\n  enableSaveButton: false\n};\nexport default EditMediaFile;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EditMediaFile.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_adminUiUtils","_client","_toaster","_FilePreview","_FileUploadModal","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","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","showChangeButton","_useState","useState","_useState2","_slicedToArray2","formValues","setFormValues","_useState3","_useState4","displayFileUploadModal","setDisplayFileUploadModal","_useToasts","useToasts","addToast","fileQuery","getQuery","_useQuery","useQuery","variables","id","fetchPolicy","loading","_useQuery$data","data","_useQuery$data2","file","refetchFile","refetch","fileStoresType","_useQuery2","visibleInAdmin","_useQuery2$data","_useQuery2$data2","_useQuery2$data2$getF","getFileStores","storeType","useEffect","handleFormChange","_ref2","isValid","isNewValueSet","valuesChecked","valuesCheckedWithoutName","_ref3","NAME","STORE_KEY","dataValues","reduce","acc","_ref4","value","_ref5","find","_ref6","newFileName","_ref7","_ref8","storeKey","shouldEnableSaveButton","updatedFile","name","getFileWithStoreType","storeOptions","map","type","key","defaultStore","isDefault","store","closeModalAndSetValue","_ref9","_asyncToGenerator2","_regenerator","mark","_callee","isSaving","values","toastMessage","wrap","_callee$","_context","prev","next","appearance","autoDismiss","timestamp","Date","now","stop","_x","_x2","_x3","handleChangeFile","createElement","fileWithStoreType","Fragment","displayForm","className","onClose","simpleLayout","getSelectedFiles","propTypes","PropTypes","string","isRequired","func","bool","defaultProps","_default","exports"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/client';\nimport { useToasts } from '@blaze-react/toaster';\nimport FilePreview from '../FilePreview';\nimport FileUploadModal from '../FileUploadModal';\nimport { STORE_KEY, NAME } from '../../constants';\n\nconst EditMediaFile = ({\n  onChange,\n  handleSaveButtonStatus,\n  enableSaveButton,\n  fileId,\n  showChangeButton\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: 'network-only'\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 (!formValues && file) {\n      setFormValues(file);\n    }\n  }, [file, formValues, storeType]);\n\n  const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n    const valuesCheckedWithoutName = valuesChecked.filter(\n      ({ id }) => id !== NAME && id !== STORE_KEY\n    );\n\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(false);\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\n    setFormValues(updatedFile);\n    onChange(updatedFile);\n  };\n\n  const getFileWithStoreType = () => {\n    if (storeType && file) {\n      const storeOptions = storeType.map(type => [type.key, type.name]);\n      const defaultStore = storeType.find(type => type.isDefault) || null;\n      return { ...file, store: { defaultStore, storeOptions } };\n    }\n    return file;\n  };\n\n  const closeModalAndSetValue = async (isSaving, values, toastMessage) => {\n    if (toastMessage) {\n      addToast(toastMessage, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    }\n    await refetchFile({\n      id: fileId,\n      timestamp: Date.now()\n    });\n    setDisplayFileUploadModal(false);\n  };\n\n  const handleChangeFile = () => {\n    setDisplayFileUploadModal(true);\n  };\n\n  if (loading) return <div>loading...</div>;\n\n  const fileWithStoreType = getFileWithStoreType();\n\n  return !loading ? (\n    <>\n      {!!file && (\n        <FilePreview\n          file={fileWithStoreType}\n          handleFormChange={handleFormChange}\n          handleChangeFile={handleChangeFile}\n          displayForm\n          showChangeButton={showChangeButton}\n        />\n      )}\n      {displayFileUploadModal && (\n        <div className=\"file-upload-modal-wrapper\">\n          <FileUploadModal\n            onClose={() => {\n              setDisplayFileUploadModal(false);\n            }}\n            closeModalAndSetValue={closeModalAndSetValue}\n            simpleLayout\n            fileId={fileId}\n            getSelectedFiles={() => {}}\n          />\n        </div>\n      )}\n    </>\n  ) : (\n    <div>loading...</div>\n  );\n};\n\nEditMediaFile.propTypes = {\n  fileId: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  handleSaveButtonStatus: PropTypes.func.isRequired,\n  enableSaveButton: PropTypes.bool,\n  showChangeButton: PropTypes.bool\n};\n\nEditMediaFile.defaultProps = {\n  enableSaveButton: false,\n  showChangeButton: false\n};\n\nexport default EditMediaFile;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/EditMediaFile/EditMediaFilePage.js

@@ -115,7 +115,8 @@ var EditMediaFilePage = function EditMediaFilePage(_ref) {
     onChange: handleFileChange,
     fileId: match.params.fileId,
     handleSaveButtonStatus: handleSaveButtonStatus,
-    handleFormSave: handleFormSave
+    handleFormSave: handleFormSave,
+    showChangeButton: true
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "page__content__mediaWrapperActions"
   }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
@@ -123,7 +124,7 @@ var EditMediaFilePage = function EditMediaFilePage(_ref) {
   }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
     onClick: handleFormSave,
     modifiers: buttonModifiers
-  }, "Save")))));
+  }, "Apply")))));
 };
 EditMediaFilePage.propTypes = {
   match: _propTypes["default"].object.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"EditMediaFilePage.js","names":["_react","_interopRequireWildcard","require","_reactRouterDom","_propTypes","_interopRequireDefault","_button","_client","_adminUiUtils","_toaster","_EditMediaFile","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","EditMediaFilePage","_ref","match","history","_useState","useState","_useState2","_slicedToArray2","shouldEnableSaveButton","setShouldEnableSaveButton","_useState3","_useState4","file","setFile","client","useApolloClient","_useToasts","useToasts","addToast","handleFileChange","values","handleSaveButtonStatus","value","handleFormSave","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","mutate","mutation","getMutation","variables","input","update","cache","_ref3","fileUpdated","data","updateFile","writeQuery","query","getQuery","id","params","fileId","result","concat","name","appearance","autoDismiss","t0","console","error","stop","apply","arguments","pushBack","push","buttonModifiers","createElement","className","onChange","onClick","modifiers","propTypes","PropTypes","object","isRequired","_default","exports","withRouter"],"sources":["../../../src/components/EditMediaFile/EditMediaFilePage.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport EditMediaFile from './EditMediaFile';\n\nconst EditMediaFilePage = ({ match, history }) => {\n  const [shouldEnableSaveButton, setShouldEnableSaveButton] = useState(false);\n  const [file, setFile] = useState(null);\n  const client = useApolloClient();\n  const { addToast } = useToasts();\n\n  const handleFileChange = values => setFile(values);\n\n  const handleSaveButtonStatus = value => {\n    setShouldEnableSaveButton(value);\n  };\n\n  const handleFormSave = async () => {\n    try {\n      await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: { input: file },\n        update(cache, { data: { updateFile: fileUpdated } }) {\n          cache.writeQuery({\n            query: getQuery('GET_FILE_BY_ID'),\n            variables: { id: match.params.fileId },\n            data: { file: fileUpdated.result }\n          });\n        }\n      });\n\n      addToast(`File: ${file.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${file.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      console.error(e); //eslint-disable-line\n    }\n    setShouldEnableSaveButton(false);\n  };\n\n  const pushBack = () => history.push('/media');\n\n  const buttonModifiers = shouldEnableSaveButton ? [] : ['disabled'];\n\n  return (\n    <div className=\"page\">\n      <div className=\"page__content\">\n        <div className=\"page__content__mediaWrapper\">\n          <EditMediaFile\n            onChange={handleFileChange}\n            fileId={match.params.fileId}\n            handleSaveButtonStatus={handleSaveButtonStatus}\n            handleFormSave={handleFormSave}\n          />\n          <div className=\"page__content__mediaWrapperActions\">\n            <Button onClick={pushBack}>Cancel</Button>\n            <Button onClick={handleFormSave} modifiers={buttonModifiers}>\n              Save\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEditMediaFilePage.propTypes = {\n  match: PropTypes.object.isRequired,\n  history: PropTypes.object.isRequired\n};\n\nexport default withRouter(EditMediaFilePage);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EditMediaFilePage.js","names":["_react","_interopRequireWildcard","require","_reactRouterDom","_propTypes","_interopRequireDefault","_button","_client","_adminUiUtils","_toaster","_EditMediaFile","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","EditMediaFilePage","_ref","match","history","_useState","useState","_useState2","_slicedToArray2","shouldEnableSaveButton","setShouldEnableSaveButton","_useState3","_useState4","file","setFile","client","useApolloClient","_useToasts","useToasts","addToast","handleFileChange","values","handleSaveButtonStatus","value","handleFormSave","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","mutate","mutation","getMutation","variables","input","update","cache","_ref3","fileUpdated","data","updateFile","writeQuery","query","getQuery","id","params","fileId","result","concat","name","appearance","autoDismiss","t0","console","error","stop","apply","arguments","pushBack","push","buttonModifiers","createElement","className","onChange","showChangeButton","onClick","modifiers","propTypes","PropTypes","object","isRequired","_default","exports","withRouter"],"sources":["../../../src/components/EditMediaFile/EditMediaFilePage.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport EditMediaFile from './EditMediaFile';\n\nconst EditMediaFilePage = ({ match, history }) => {\n  const [shouldEnableSaveButton, setShouldEnableSaveButton] = useState(false);\n  const [file, setFile] = useState(null);\n  const client = useApolloClient();\n  const { addToast } = useToasts();\n\n  const handleFileChange = values => setFile(values);\n\n  const handleSaveButtonStatus = value => {\n    setShouldEnableSaveButton(value);\n  };\n\n  const handleFormSave = async () => {\n    try {\n      await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: { input: file },\n        update(cache, { data: { updateFile: fileUpdated } }) {\n          cache.writeQuery({\n            query: getQuery('GET_FILE_BY_ID'),\n            variables: { id: match.params.fileId },\n            data: { file: fileUpdated.result }\n          });\n        }\n      });\n\n      addToast(`File: ${file.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${file.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      console.error(e); //eslint-disable-line\n    }\n    setShouldEnableSaveButton(false);\n  };\n\n  const pushBack = () => history.push('/media');\n\n  const buttonModifiers = shouldEnableSaveButton ? [] : ['disabled'];\n\n  return (\n    <div className=\"page\">\n      <div className=\"page__content\">\n        <div className=\"page__content__mediaWrapper\">\n          <EditMediaFile\n            onChange={handleFileChange}\n            fileId={match.params.fileId}\n            handleSaveButtonStatus={handleSaveButtonStatus}\n            handleFormSave={handleFormSave}\n            showChangeButton\n          />\n          <div className=\"page__content__mediaWrapperActions\">\n            <Button onClick={pushBack}>Cancel</Button>\n            <Button onClick={handleFormSave} modifiers={buttonModifiers}>\n              Apply\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEditMediaFilePage.propTypes = {\n  match: PropTypes.object.isRequired,\n  history: PropTypes.object.isRequired\n};\n\nexport default withRouter(EditMediaFilePage);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAL,sBAAA,CAAAH,OAAA;AAA4C,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE5C,IAAMW,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAA2B;EAAA,IAArBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EACzC,IAAAC,SAAA,GAA4D,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAApEI,sBAAsB,GAAAF,UAAA;IAAEG,yBAAyB,GAAAH,UAAA;EACxD,IAAAI,UAAA,GAAwB,IAAAL,eAAQ,EAAC,IAAI,CAAC;IAAAM,UAAA,OAAAJ,eAAA,aAAAG,UAAA;IAA/BE,IAAI,GAAAD,UAAA;IAAEE,OAAO,GAAAF,UAAA;EACpB,IAAMG,MAAM,GAAG,IAAAC,uBAAe,EAAC,CAAC;EAChC,IAAAC,UAAA,GAAqB,IAAAC,kBAAS,EAAC,CAAC;IAAxBC,QAAQ,GAAAF,UAAA,CAARE,QAAQ;EAEhB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAGC,MAAM;IAAA,OAAIP,OAAO,CAACO,MAAM,CAAC;EAAA;EAElD,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAGC,KAAK,EAAI;IACtCb,yBAAyB,CAACa,KAAK,CAAC;EAClC,CAAC;EAED,IAAMC,cAAc;IAAA,IAAAC,KAAA,OAAAC,kBAAA,0BAAAC,YAAA,YAAAC,IAAA,CAAG,SAAAC,QAAA;MAAA,OAAAF,YAAA,YAAAG,IAAA,UAAAC,SAAAC,QAAA;QAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;UAAA;YAAAF,QAAA,CAAAC,IAAA;YAAAD,QAAA,CAAAE,IAAA;YAAA,OAEbnB,MAAM,CAACoB,MAAM,CAAC;cAClBC,QAAQ,EAAE,IAAAC,yBAAW,EAAC,aAAa,CAAC;cACpCC,SAAS,EAAE;gBAAEC,KAAK,EAAE1B;cAAK,CAAC;cAC1B2B,MAAM,WAANA,MAAMA,CAACC,KAAK,EAAAC,KAAA,EAAyC;gBAAA,IAAjBC,WAAW,GAAAD,KAAA,CAA/BE,IAAI,CAAIC,UAAU;gBAChCJ,KAAK,CAACK,UAAU,CAAC;kBACfC,KAAK,EAAE,IAAAC,sBAAQ,EAAC,gBAAgB,CAAC;kBACjCV,SAAS,EAAE;oBAAEW,EAAE,EAAE9C,KAAK,CAAC+C,MAAM,CAACC;kBAAO,CAAC;kBACtCP,IAAI,EAAE;oBAAE/B,IAAI,EAAE8B,WAAW,CAACS;kBAAO;gBACnC,CAAC,CAAC;cACJ;YACF,CAAC,CAAC;UAAA;YAEFjC,QAAQ,UAAAkC,MAAA,CAAUxC,IAAI,CAACyC,IAAI,wBAAqB;cAC9CC,UAAU,EAAE,SAAS;cACrBC,WAAW,EAAE;YACf,CAAC,CAAC;YAACxB,QAAA,CAAAE,IAAA;YAAA;UAAA;YAAAF,QAAA,CAAAC,IAAA;YAAAD,QAAA,CAAAyB,EAAA,GAAAzB,QAAA;YAEHb,QAAQ,UAAAkC,MAAA,CAAUxC,IAAI,CAACyC,IAAI,4BAAyB;cAClDC,UAAU,EAAE,OAAO;cACnBC,WAAW,EAAE;YACf,CAAC,CAAC;YACFE,OAAO,CAACC,KAAK,CAAA3B,QAAA,CAAAyB,EAAE,CAAC,CAAC,CAAC;UAAA;YAEpB/C,yBAAyB,CAAC,KAAK,CAAC;UAAC;UAAA;YAAA,OAAAsB,QAAA,CAAA4B,IAAA;QAAA;MAAA,GAAA/B,OAAA;IAAA,CAClC;IAAA,gBA1BKL,cAAcA,CAAA;MAAA,OAAAC,KAAA,CAAAoC,KAAA,OAAAC,SAAA;IAAA;EAAA,GA0BnB;EAED,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAA;IAAA,OAAS3D,OAAO,CAAC4D,IAAI,CAAC,QAAQ,CAAC;EAAA;EAE7C,IAAMC,eAAe,GAAGxD,sBAAsB,GAAG,EAAE,GAAG,CAAC,UAAU,CAAC;EAElE,oBACEvC,MAAA,YAAAgG,aAAA;IAAKC,SAAS,EAAC;EAAM,gBACnBjG,MAAA,YAAAgG,aAAA;IAAKC,SAAS,EAAC;EAAe,gBAC5BjG,MAAA,YAAAgG,aAAA;IAAKC,SAAS,EAAC;EAA6B,gBAC1CjG,MAAA,YAAAgG,aAAA,CAACtF,cAAA,WAAa;IACZwF,QAAQ,EAAEhD,gBAAiB;IAC3B+B,MAAM,EAAEhD,KAAK,CAAC+C,MAAM,CAACC,MAAO;IAC5B7B,sBAAsB,EAAEA,sBAAuB;IAC/CE,cAAc,EAAEA,cAAe;IAC/B6C,gBAAgB;EAAA,CACjB,CAAC,eACFnG,MAAA,YAAAgG,aAAA;IAAKC,SAAS,EAAC;EAAoC,gBACjDjG,MAAA,YAAAgG,aAAA,CAAC1F,OAAA,WAAM;IAAC8F,OAAO,EAAEP;EAAS,GAAC,QAAc,CAAC,eAC1C7F,MAAA,YAAAgG,aAAA,CAAC1F,OAAA,WAAM;IAAC8F,OAAO,EAAE9C,cAAe;IAAC+C,SAAS,EAAEN;EAAgB,GAAC,OAErD,CACL,CACF,CACF,CACF,CAAC;AAEV,CAAC;AAEDhE,iBAAiB,CAACuE,SAAS,GAAG;EAC5BrE,KAAK,EAAEsE,qBAAS,CAACC,MAAM,CAACC,UAAU;EAClCvE,OAAO,EAAEqE,qBAAS,CAACC,MAAM,CAACC;AAC5B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEa,IAAAC,0BAAU,EAAC7E,iBAAiB,CAAC","ignoreList":[]}

package/lib/components/FilePreview/Image/Image.js

@@ -14,7 +14,8 @@ var Image = exports.Image = function Image(_ref) {
   var url = _ref.url,
     name = _ref.name,
     children = _ref.children,
-    handleChangeFile = _ref.handleChangeFile;
+    handleChangeFile = _ref.handleChangeFile,
+    showChangeButton = _ref.showChangeButton;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "preview"
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -28,17 +29,21 @@ var Image = exports.Image = function Image(_ref) {
     href: url,
     rel: "noopener noreferrer",
     target: "_blank"
-  }, "Original")), /*#__PURE__*/_react["default"].createElement(_button["default"], {
+  }, "Original")), showChangeButton && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "preview__change-button"
+  }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
     onClick: handleChangeFile
-  }, "Change file"))), children);
+  }, "Change file")))), children);
 };
 Image.propTypes = {
   url: _propTypes["default"].string.isRequired,
   name: _propTypes["default"].string.isRequired,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
-  handleChangeFile: _propTypes["default"].func
+  handleChangeFile: _propTypes["default"].func,
+  showChangeButton: _propTypes["default"].bool
 };
 Image.defaultProps = {
-  handleChangeFile: function handleChangeFile() {}
+  handleChangeFile: function handleChangeFile() {},
+  showChangeButton: false
 };
 //# sourceMappingURL=Image.js.map

package/lib/components/FilePreview/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","names":["_react","_interopRequireDefault","require","_propTypes","_button","Image","exports","_ref","url","name","children","handleChangeFile","createElement","className","src","alt","href","rel","target","onClick","propTypes","PropTypes","string","isRequired","oneOfType","arrayOf","node","func","defaultProps"],"sources":["../../../../src/components/FilePreview/Image/Image.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\n\nconst Image = ({ url, name, children, handleChangeFile }) => (\n  <div className=\"preview\">\n    <div className=\"preview__file preview__file--image\">\n      <img src={url} alt={name} />\n      <div className=\"preview__details preview__details--file\">\n        <p>\n          <strong>File details</strong>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Original\n          </a>\n        </p>\n        <Button onClick={handleChangeFile}>Change file</Button>\n      </div>\n    </div>\n    {children}\n  </div>\n);\n\nImage.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  handleChangeFile: PropTypes.func\n};\n\nImage.defaultProps = {\n  handleChangeFile: () => {}\n};\n\nexport { Image };\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,IAAA;EAAA,IAAMC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,gBAAgB,GAAAJ,IAAA,CAAhBI,gBAAgB;EAAA,oBACpDX,MAAA,YAAAY,aAAA;IAAKC,SAAS,EAAC;EAAS,gBACtBb,MAAA,YAAAY,aAAA;IAAKC,SAAS,EAAC;EAAoC,gBACjDb,MAAA,YAAAY,aAAA;IAAKE,GAAG,EAAEN,GAAI;IAACO,GAAG,EAAEN;EAAK,CAAE,CAAC,eAC5BT,MAAA,YAAAY,aAAA;IAAKC,SAAS,EAAC;EAAyC,gBACtDb,MAAA,YAAAY,aAAA,yBACEZ,MAAA,YAAAY,aAAA,iBAAQ,cAAoB,CAAC,eAC7BZ,MAAA,YAAAY,aAAA;IAAGI,IAAI,EAAER,GAAI;IAACS,GAAG,EAAC,qBAAqB;IAACC,MAAM,EAAC;EAAQ,GAAC,UAErD,CACF,CAAC,eACJlB,MAAA,YAAAY,aAAA,CAACR,OAAA,WAAM;IAACe,OAAO,EAAER;EAAiB,GAAC,aAAmB,CACnD,CACF,CAAC,EACLD,QACE,CAAC;AAAA,CACP;AAEDL,KAAK,CAACe,SAAS,GAAG;EAChBZ,GAAG,EAAEa,qBAAS,CAACC,MAAM,CAACC,UAAU;EAChCd,IAAI,EAAEY,qBAAS,CAACC,MAAM,CAACC,UAAU;EACjCb,QAAQ,EAAEW,qBAAS,CAACG,SAAS,CAAC,CAACH,qBAAS,CAACI,OAAO,CAACJ,qBAAS,CAACK,IAAI,CAAC,EAAEL,qBAAS,CAACK,IAAI,CAAC,CAAC,CAACH,UAAU;EAC7FZ,gBAAgB,EAAEU,qBAAS,CAACM;AAC9B,CAAC;AAEDtB,KAAK,CAACuB,YAAY,GAAG;EACnBjB,gBAAgB,EAAE,SAAlBA,gBAAgBA,CAAA,EAAQ,CAAC;AAC3B,CAAC","ignoreList":[]}
+{"version":3,"file":"Image.js","names":["_react","_interopRequireDefault","require","_propTypes","_button","Image","exports","_ref","url","name","children","handleChangeFile","showChangeButton","createElement","className","src","alt","href","rel","target","onClick","propTypes","PropTypes","string","isRequired","oneOfType","arrayOf","node","func","bool","defaultProps"],"sources":["../../../../src/components/FilePreview/Image/Image.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\n\nconst Image = ({ url, name, children, handleChangeFile, showChangeButton }) => (\n  <div className=\"preview\">\n    <div className=\"preview__file preview__file--image\">\n      <img src={url} alt={name} />\n      <div className=\"preview__details preview__details--file\">\n        <p>\n          <strong>File details</strong>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Original\n          </a>\n        </p>\n        {showChangeButton && (\n          <div className=\"preview__change-button\">\n            <Button onClick={handleChangeFile}>Change file</Button>\n          </div>\n        )}\n      </div>\n    </div>\n    {children}\n  </div>\n);\n\nImage.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  handleChangeFile: PropTypes.func,\n  showChangeButton: PropTypes.bool\n};\n\nImage.defaultProps = {\n  handleChangeFile: () => {},\n  showChangeButton: false\n};\n\nexport { Image };\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,IAAA;EAAA,IAAMC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,gBAAgB,GAAAJ,IAAA,CAAhBI,gBAAgB;IAAEC,gBAAgB,GAAAL,IAAA,CAAhBK,gBAAgB;EAAA,oBACtEZ,MAAA,YAAAa,aAAA;IAAKC,SAAS,EAAC;EAAS,gBACtBd,MAAA,YAAAa,aAAA;IAAKC,SAAS,EAAC;EAAoC,gBACjDd,MAAA,YAAAa,aAAA;IAAKE,GAAG,EAAEP,GAAI;IAACQ,GAAG,EAAEP;EAAK,CAAE,CAAC,eAC5BT,MAAA,YAAAa,aAAA;IAAKC,SAAS,EAAC;EAAyC,gBACtDd,MAAA,YAAAa,aAAA,yBACEb,MAAA,YAAAa,aAAA,iBAAQ,cAAoB,CAAC,eAC7Bb,MAAA,YAAAa,aAAA;IAAGI,IAAI,EAAET,GAAI;IAACU,GAAG,EAAC,qBAAqB;IAACC,MAAM,EAAC;EAAQ,GAAC,UAErD,CACF,CAAC,EACHP,gBAAgB,iBACfZ,MAAA,YAAAa,aAAA;IAAKC,SAAS,EAAC;EAAwB,gBACrCd,MAAA,YAAAa,aAAA,CAACT,OAAA,WAAM;IAACgB,OAAO,EAAET;EAAiB,GAAC,aAAmB,CACnD,CAEJ,CACF,CAAC,EACLD,QACE,CAAC;AAAA,CACP;AAEDL,KAAK,CAACgB,SAAS,GAAG;EAChBb,GAAG,EAAEc,qBAAS,CAACC,MAAM,CAACC,UAAU;EAChCf,IAAI,EAAEa,qBAAS,CAACC,MAAM,CAACC,UAAU;EACjCd,QAAQ,EAAEY,qBAAS,CAACG,SAAS,CAAC,CAACH,qBAAS,CAACI,OAAO,CAACJ,qBAAS,CAACK,IAAI,CAAC,EAAEL,qBAAS,CAACK,IAAI,CAAC,CAAC,CAACH,UAAU;EAC7Fb,gBAAgB,EAAEW,qBAAS,CAACM,IAAI;EAChChB,gBAAgB,EAAEU,qBAAS,CAACO;AAC9B,CAAC;AAEDxB,KAAK,CAACyB,YAAY,GAAG;EACnBnB,gBAAgB,EAAE,SAAlBA,gBAAgBA,CAAA,EAAQ,CAAC,CAAC;EAC1BC,gBAAgB,EAAE;AACpB,CAAC","ignoreList":[]}

package/lib/components/FilePreview/ModalContext.js

@@ -0,0 +1,10 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalContext = void 0;
+var _react = require("react");
+var ModalContext = exports.ModalContext = /*#__PURE__*/(0, _react.createContext)(false);
+//# sourceMappingURL=ModalContext.js.map

package/lib/components/FilePreview/ModalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.js","names":["_react","require","ModalContext","exports","createContext"],"sources":["../../../src/components/FilePreview/ModalContext.js"],"sourcesContent":["import { createContext } from 'react';\n\nexport const ModalContext = createContext(false);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,oBAAa,EAAC,KAAK,CAAC","ignoreList":[]}

package/lib/components/FilePreview/index.js

@@ -31,7 +31,8 @@ var FilePreview = function FilePreview(_ref) {
     displayForm = _ref.displayForm,
     previewType = _ref.previewType,
     children = _ref.children,
-    handleChangeFile = _ref.handleChangeFile;
+    handleChangeFile = _ref.handleChangeFile,
+    showChangeButton = _ref.showChangeButton;
   var name = file.name,
     url = file.url,
     mimetype = file.mimetype,
@@ -67,7 +68,8 @@ var FilePreview = function FilePreview(_ref) {
     name: name
   }, data, {
     file: file,
-    handleChangeFile: handleChangeFile
+    handleChangeFile: handleChangeFile,
+    showChangeButton: showChangeButton
   }), shouldRenderForm && /*#__PURE__*/_react["default"].createElement("div", {
     className: "preview__details"
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -91,7 +93,8 @@ FilePreview.propTypes = {
   displayForm: _propTypes["default"].bool,
   handlers: _propTypes["default"].object,
   previewType: _propTypes["default"].oneOf(Object.keys(FilePreview.availablePreviewTypes)),
-  children: _propTypes["default"].oneOfType([_propTypes["default"].array, _propTypes["default"].object, _propTypes["default"].string])
+  children: _propTypes["default"].oneOfType([_propTypes["default"].array, _propTypes["default"].object, _propTypes["default"].string]),
+  showChangeButton: _propTypes["default"].bool
 };
 FilePreview.defaultProps = {
   displayForm: false,
@@ -100,7 +103,8 @@ FilePreview.defaultProps = {
   previewType: FilePreview.availablePreviewTypes.card,
   handleFormChange: function handleFormChange() {},
   handleChangeFile: function handleChangeFile() {},
-  children: []
+  children: [],
+  showChangeButton: false
 };
 var _default = exports["default"] = FilePreview;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_reactFormBuilder","_propTypes","_getPreview3","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","FilePreview","_ref","file","handleFormChange","displayForm","previewType","children","handleChangeFile","name","url","mimetype","data","store","_getPreview","getPreview","_getPreview2","_slicedToArray2","Preview","schema","shouldRenderForm","_store$defaultStore","defaultStore","_store$storeOptions","storeOptions","formSchema","properties","storeKey","options","key","selected","formBuilderData","values","createElement","Fragment","_extends2","className","filename","FormBuilder","formClassName","onChange","availablePreviewTypes","card","raw","propTypes","PropTypes","object","isRequired","fileName","string","func","bool","handlers","oneOf","oneOfType","array","defaultProps","_default","exports"],"sources":["../../../src/components/FilePreview/index.js"],"sourcesContent":["import React from 'react';\nimport { FormBuilder } from '@blaze-cms/react-form-builder';\nimport PropTypes from 'prop-types';\nimport { getPreview } from './get-preview';\n\nconst FilePreview = ({\n  file,\n  handleFormChange,\n  displayForm,\n  previewType,\n  children,\n  handleChangeFile\n}) => {\n  const { name, url, mimetype, data, store } = file;\n  const [Preview, schema] = getPreview({ mimetype, previewType });\n  const shouldRenderForm = schema && displayForm;\n\n  if (shouldRenderForm && store) {\n    const { defaultStore = {}, storeOptions = [] } = store;\n    if (schema.formSchema.properties.storeKey) {\n      schema.formSchema.properties.storeKey.options = storeOptions;\n      if (defaultStore) {\n        const { key } = defaultStore;\n        schema.formSchema.properties.storeKey.selected = key;\n      }\n    }\n  }\n\n  const formBuilderData = { values: { ...file, ...data } };\n\n  return (\n    <>\n      <Preview\n        mimetype={mimetype}\n        url={url}\n        name={name}\n        {...data}\n        file={file}\n        handleChangeFile={handleChangeFile}>\n        {shouldRenderForm && (\n          <div className=\"preview__details\">\n            <div className=\"preview__filename\">{file.filename}</div>\n            <FormBuilder\n              formClassName=\"preview__form\"\n              onChange={handleFormChange}\n              data={formBuilderData}\n              schema={schema.formSchema}\n            />\n          </div>\n        )}\n      </Preview>\n      {children}\n    </>\n  );\n};\n\nFilePreview.availablePreviewTypes = {\n  card: 'card',\n  raw: 'raw'\n};\n\nFilePreview.propTypes = {\n  file: PropTypes.object.isRequired,\n  fileName: PropTypes.string,\n  handleFormChange: PropTypes.func,\n  handleChangeFile: PropTypes.func,\n  displayForm: PropTypes.bool,\n  handlers: PropTypes.object,\n  previewType: PropTypes.oneOf(Object.keys(FilePreview.availablePreviewTypes)),\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFilePreview.defaultProps = {\n  displayForm: false,\n  fileName: '',\n  handlers: {},\n  previewType: FilePreview.availablePreviewTypes.card,\n  handleFormChange: () => {},\n  handleChangeFile: () => {},\n  children: []\n};\n\nexport default FilePreview;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_reactFormBuilder","_propTypes","_getPreview3","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","FilePreview","_ref","file","handleFormChange","displayForm","previewType","children","handleChangeFile","showChangeButton","name","url","mimetype","data","store","_getPreview","getPreview","_getPreview2","_slicedToArray2","Preview","schema","shouldRenderForm","_store$defaultStore","defaultStore","_store$storeOptions","storeOptions","formSchema","properties","storeKey","options","key","selected","formBuilderData","values","createElement","Fragment","_extends2","className","filename","FormBuilder","formClassName","onChange","availablePreviewTypes","card","raw","propTypes","PropTypes","object","isRequired","fileName","string","func","bool","handlers","oneOf","oneOfType","array","defaultProps","_default","exports"],"sources":["../../../src/components/FilePreview/index.js"],"sourcesContent":["import React from 'react';\nimport { FormBuilder } from '@blaze-cms/react-form-builder';\nimport PropTypes from 'prop-types';\nimport { getPreview } from './get-preview';\n\nconst FilePreview = ({\n  file,\n  handleFormChange,\n  displayForm,\n  previewType,\n  children,\n  handleChangeFile,\n  showChangeButton\n}) => {\n  const { name, url, mimetype, data, store } = file;\n  const [Preview, schema] = getPreview({ mimetype, previewType });\n  const shouldRenderForm = schema && displayForm;\n\n  if (shouldRenderForm && store) {\n    const { defaultStore = {}, storeOptions = [] } = store;\n    if (schema.formSchema.properties.storeKey) {\n      schema.formSchema.properties.storeKey.options = storeOptions;\n      if (defaultStore) {\n        const { key } = defaultStore;\n        schema.formSchema.properties.storeKey.selected = key;\n      }\n    }\n  }\n\n  const formBuilderData = { values: { ...file, ...data } };\n\n  return (\n    <>\n      <Preview\n        mimetype={mimetype}\n        url={url}\n        name={name}\n        {...data}\n        file={file}\n        handleChangeFile={handleChangeFile}\n        showChangeButton={showChangeButton}>\n        {shouldRenderForm && (\n          <div className=\"preview__details\">\n            <div className=\"preview__filename\">{file.filename}</div>\n            <FormBuilder\n              formClassName=\"preview__form\"\n              onChange={handleFormChange}\n              data={formBuilderData}\n              schema={schema.formSchema}\n            />\n          </div>\n        )}\n      </Preview>\n      {children}\n    </>\n  );\n};\n\nFilePreview.availablePreviewTypes = {\n  card: 'card',\n  raw: 'raw'\n};\n\nFilePreview.propTypes = {\n  file: PropTypes.object.isRequired,\n  fileName: PropTypes.string,\n  handleFormChange: PropTypes.func,\n  handleChangeFile: PropTypes.func,\n  displayForm: PropTypes.bool,\n  handlers: PropTypes.object,\n  previewType: PropTypes.oneOf(Object.keys(FilePreview.availablePreviewTypes)),\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),\n  showChangeButton: PropTypes.bool\n};\n\nFilePreview.defaultProps = {\n  displayForm: false,\n  fileName: '',\n  handlers: {},\n  previewType: FilePreview.availablePreviewTypes.card,\n  handleFormChange: () => {},\n  handleChangeFile: () => {},\n  children: [],\n  showChangeButton: false\n};\n\nexport default FilePreview;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/FileUploadAdapter/FileUploadAdapter.js

@@ -317,7 +317,7 @@ var _FileUploadAdapter = function FileUploadAdapter(_ref) {
     },
     modifiers: ['cancel']
   }, {
-    textButton: 'Save',
+    textButton: 'Apply',
     callback: function callback() {
       closeModalAndSetValue(true);
     },
@@ -330,7 +330,7 @@ var _FileUploadAdapter = function FileUploadAdapter(_ref) {
     },
     modifiers: ['cancel']
   }, {
-    textButton: 'Save',
+    textButton: 'Apply',
     callback: function () {
       var _callback = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
         var name, editedFileId, data, updatedSelectedFiles;
@@ -478,7 +478,8 @@ var _FileUploadAdapter = function FileUploadAdapter(_ref) {
     setDisplayFileUploadModal: setDisplayFileUploadModal,
     handleSelectedFiles: handleSelectedFiles,
     maxItems: currentLimit,
-    filesSelected: currentValue.length > 1 ? currentValue : []
+    filesSelected: currentValue.length > 1 ? currentValue : [],
+    openEditInModal: true
   }))));
 };
 _FileUploadAdapter.propTypes = {