@micromag/media-gallery 0.3.329 → 0.3.330

package/es/index.js

@@ -199,18 +199,21 @@ var propTypes$9 = {
   media: PropTypes.media,
   tags: PropTypes.tags,
   onClickClose: PropTypes$1.func,
+  onClickDelete: PropTypes$1.func,
   className: PropTypes$1.string
 };
 var defaultProps$9 = {
   media: null,
   tags: [],
   onClickClose: null,
+  onClickDelete: null,
   className: null
 };
 function MediaMetadata(_ref) {
   var media = _ref.media,
     allTags = _ref.tags,
     onClickClose = _ref.onClickClose,
+    onClickDelete = _ref.onClickDelete,
     className = _ref.className;
   var _ref2 = media || {},
     mediaId = _ref2.id,
@@ -314,8 +317,8 @@ function MediaMetadata(_ref) {
     return deleteMedia(mediaId).then(function () {
       setChanged(false);
       setDeletedState(true);
-      if (onClickClose !== null) {
-        onClickClose();
+      if (onClickDelete !== null) {
+        onClickDelete(mediaId);
       }
     })["catch"](function () {
       setDeletedState(false);
@@ -539,10 +542,10 @@ function MediaMetadata(_ref) {
   })), deletedState === false ? /*#__PURE__*/React.createElement("p", {
     className: "pt-1 text-danger"
   }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "k+edUi",
+    id: "rqbRV2",
     defaultMessage: [{
       "type": 0,
-      "value": "Sorry, this media is in use and could not be deleted."
+      "value": "Sorry, this media could not be deleted."
     }]
   })) : null)));
 }
@@ -857,7 +860,8 @@ var Search = function Search(_ref) {
     className: "btn",
     onClick: onClickSearchIcon
   }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-    icon: loading ? faSpinner : faSearch
+    icon: loading ? faSpinner : faSearch,
+    spin: loading
   })), /*#__PURE__*/React.createElement("input", {
     className: classNames([styles$7.input, 'form-control', {
       'bg-light': !!value,
@@ -1547,7 +1551,7 @@ var defaultProps = {
   onClearMedia: null
 };
 function MediaGallery(_ref) {
-  var _ref3;
+  var _ref4;
   var type = _ref.type,
     source = _ref.source,
     isPicker = _ref.isPicker,
@@ -1643,6 +1647,19 @@ function MediaGallery(_ref) {
     setMetadataMedia(null);
     refresh();
   }, [refresh, setMetadataMedia]);
+  var onMetadataClickDelete = useCallback(function () {
+    var mediaId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    var _ref3 = selectedMedia || {},
+      _ref3$id = _ref3.id,
+      selectedId = _ref3$id === void 0 ? null : _ref3$id;
+    if (mediaId !== null && mediaId === selectedId && onClickMedia !== null) {
+      onClickMedia(null);
+    } else {
+      setMetadataMedia(null);
+    }
+    refresh();
+  }, [refresh, setMetadataMedia, selectedMedia]);
+
   // console.log(loadedMedias);
   // Navigation
   var onClickBack = useCallback(function () {
@@ -1680,7 +1697,7 @@ function MediaGallery(_ref) {
     return setUploadModalOpened(false);
   }, [setUploadModalOpened]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, (_ref3 = {}, _defineProperty(_ref3, styles.metadataOpened, metadataMedia !== null), _defineProperty(_ref3, className, className), _ref3)])
+    className: classNames([styles.container, (_ref4 = {}, _defineProperty(_ref4, styles.metadataOpened, metadataMedia !== null), _defineProperty(_ref4, className, className), _ref4)])
   }, /*#__PURE__*/React.createElement(Navbar, {
     types: isArray(type) ? type : [type],
     filters: filtersValue,
@@ -1732,7 +1749,8 @@ function MediaGallery(_ref) {
   }, /*#__PURE__*/React.createElement(MediaMetadata, {
     media: metadataMedia,
     tags: tags,
-    onClickClose: onMetadataClickClose
+    onClickClose: onMetadataClickClose,
+    onClickDelete: onMetadataClickDelete
   }))), /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(UploadModal, {
     type: type === 'video' ? videoTypes : type,
     opened: uploadModalOpened,

package/lib/index.js

@@ -215,18 +215,21 @@ var propTypes$9 = {
   media: core.PropTypes.media,
   tags: core.PropTypes.tags,
   onClickClose: PropTypes__default["default"].func,
+  onClickDelete: PropTypes__default["default"].func,
   className: PropTypes__default["default"].string
 };
 var defaultProps$9 = {
   media: null,
   tags: [],
   onClickClose: null,
+  onClickDelete: null,
   className: null
 };
 function MediaMetadata(_ref) {
   var media = _ref.media,
     allTags = _ref.tags,
     onClickClose = _ref.onClickClose,
+    onClickDelete = _ref.onClickDelete,
     className = _ref.className;
   var _ref2 = media || {},
     mediaId = _ref2.id,
@@ -330,8 +333,8 @@ function MediaMetadata(_ref) {
     return deleteMedia(mediaId).then(function () {
       setChanged(false);
       setDeletedState(true);
-      if (onClickClose !== null) {
-        onClickClose();
+      if (onClickDelete !== null) {
+        onClickDelete(mediaId);
       }
     })["catch"](function () {
       setDeletedState(false);
@@ -555,10 +558,10 @@ function MediaMetadata(_ref) {
   })), deletedState === false ? /*#__PURE__*/React__default["default"].createElement("p", {
     className: "pt-1 text-danger"
   }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
-    id: "k+edUi",
+    id: "rqbRV2",
     defaultMessage: [{
       "type": 0,
-      "value": "Sorry, this media is in use and could not be deleted."
+      "value": "Sorry, this media could not be deleted."
     }]
   })) : null)));
 }
@@ -873,7 +876,8 @@ var Search = function Search(_ref) {
     className: "btn",
     onClick: onClickSearchIcon
   }, /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
-    icon: loading ? faSpinner.faSpinner : faSearch.faSearch
+    icon: loading ? faSpinner.faSpinner : faSearch.faSearch,
+    spin: loading
   })), /*#__PURE__*/React__default["default"].createElement("input", {
     className: classNames__default["default"]([styles$7.input, 'form-control', {
       'bg-light': !!value,
@@ -1563,7 +1567,7 @@ var defaultProps = {
   onClearMedia: null
 };
 function MediaGallery(_ref) {
-  var _ref3;
+  var _ref4;
   var type = _ref.type,
     source = _ref.source,
     isPicker = _ref.isPicker,
@@ -1659,6 +1663,19 @@ function MediaGallery(_ref) {
     setMetadataMedia(null);
     refresh();
   }, [refresh, setMetadataMedia]);
+  var onMetadataClickDelete = React.useCallback(function () {
+    var mediaId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    var _ref3 = selectedMedia || {},
+      _ref3$id = _ref3.id,
+      selectedId = _ref3$id === void 0 ? null : _ref3$id;
+    if (mediaId !== null && mediaId === selectedId && onClickMedia !== null) {
+      onClickMedia(null);
+    } else {
+      setMetadataMedia(null);
+    }
+    refresh();
+  }, [refresh, setMetadataMedia, selectedMedia]);
+
   // console.log(loadedMedias);
   // Navigation
   var onClickBack = React.useCallback(function () {
@@ -1696,7 +1713,7 @@ function MediaGallery(_ref) {
     return setUploadModalOpened(false);
   }, [setUploadModalOpened]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, (_ref3 = {}, _defineProperty__default["default"](_ref3, styles.metadataOpened, metadataMedia !== null), _defineProperty__default["default"](_ref3, className, className), _ref3)])
+    className: classNames__default["default"]([styles.container, (_ref4 = {}, _defineProperty__default["default"](_ref4, styles.metadataOpened, metadataMedia !== null), _defineProperty__default["default"](_ref4, className, className), _ref4)])
   }, /*#__PURE__*/React__default["default"].createElement(Navbar, {
     types: isArray__default["default"](type) ? type : [type],
     filters: filtersValue,
@@ -1748,7 +1765,8 @@ function MediaGallery(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(MediaMetadata, {
     media: metadataMedia,
     tags: tags,
-    onClickClose: onMetadataClickClose
+    onClickClose: onMetadataClickClose,
+    onClickDelete: onMetadataClickDelete
   }))), /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement(components.UploadModal, {
     type: type === 'video' ? videoTypes : type,
     opened: uploadModalOpened,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/media-gallery",
-    "version": "0.3.329",
+    "version": "0.3.330",
     "description": "",
     "keywords": [
         "javascript"
@@ -73,5 +73,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "2bfbc2ca564fd104e1df42dfa9314668fe48a000"
+    "gitHead": "4ee3638ac45e97004ea24ddefa27e3b1f369efc9"
 }