@micromag/media-gallery 0.3.337 → 0.3.339

package/es/index.js

@@ -1680,7 +1680,7 @@ var defaultProps = {
   onClearMedia: null
 };
 function MediaGallery(_ref) {
-  var _ref6;
+  var _ref8;
   var type = _ref.type,
     source = _ref.source,
     isPicker = _ref.isPicker,
@@ -1799,16 +1799,21 @@ function MediaGallery(_ref) {
       onClickMedia(null);
     }
     setMetadataMedia(null);
-  }, [setMetadataMedia, selectedMedia]);
+  }, [setMetadataMedia, onClickMedia, selectedMedia]);
   var onMetadataChange = useCallback(function (val) {
     setMetadataMedia(val);
-    if (onChange !== null) {
+    var _ref6 = val || {},
+      _ref6$id = _ref6.id,
+      mediaId = _ref6$id === void 0 ? null : _ref6$id;
+    var _ref7 = selectedMedia || {},
+      _ref7$id = _ref7.id,
+      selectedId = _ref7$id === void 0 ? null : _ref7$id;
+    if (onChange !== null && mediaId === selectedId) {
       onChange(val);
     }
-  }, [setMetadataMedia, onChange]);
+  }, [setMetadataMedia, selectedMedia, onChange]);
   useEffect(function () {
     if (metadataMedia !== null) {
-      // reset();
       window.scrollTo(0, 0);
     }
   }, [metadataMedia]);
@@ -1843,7 +1848,7 @@ function MediaGallery(_ref) {
     return setUploadModalOpened(false);
   }, [setUploadModalOpened]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, (_ref6 = {}, _defineProperty(_ref6, styles.metadataOpened, metadataMedia !== null), _defineProperty(_ref6, className, className), _ref6)])
+    className: classNames([styles.container, (_ref8 = {}, _defineProperty(_ref8, styles.metadataOpened, metadataMedia !== null), _defineProperty(_ref8, className, className), _ref8)])
   }, /*#__PURE__*/React.createElement(Navbar, {
     types: isArray(type) ? type : [type],
     filters: filtersValue,
@@ -1880,7 +1885,7 @@ function MediaGallery(_ref) {
     className: "w-100 mb-2"
   }, loading || uploading ? /*#__PURE__*/React.createElement(Spinner, {
     className: styles.loading
-  }) : null, /*#__PURE__*/React.createElement(Button, {
+  }) : null, !loading && !uploading ? /*#__PURE__*/React.createElement(Button, {
     className: "d-block mx-auto",
     theme: "secondary",
     outline: true,
@@ -1891,7 +1896,7 @@ function MediaGallery(_ref) {
       "type": 0,
       "value": "Load more"
     }]
-  }))) : null), /*#__PURE__*/React.createElement("div", {
+  })) : null) : null), /*#__PURE__*/React.createElement("div", {
     className: styles.mediaMetadata
   }, /*#__PURE__*/React.createElement(MediaMetadata, {
     media: metadataMedia,

package/lib/index.js

@@ -1696,7 +1696,7 @@ var defaultProps = {
   onClearMedia: null
 };
 function MediaGallery(_ref) {
-  var _ref6;
+  var _ref8;
   var type = _ref.type,
     source = _ref.source,
     isPicker = _ref.isPicker,
@@ -1815,16 +1815,21 @@ function MediaGallery(_ref) {
       onClickMedia(null);
     }
     setMetadataMedia(null);
-  }, [setMetadataMedia, selectedMedia]);
+  }, [setMetadataMedia, onClickMedia, selectedMedia]);
   var onMetadataChange = React.useCallback(function (val) {
     setMetadataMedia(val);
-    if (onChange !== null) {
+    var _ref6 = val || {},
+      _ref6$id = _ref6.id,
+      mediaId = _ref6$id === void 0 ? null : _ref6$id;
+    var _ref7 = selectedMedia || {},
+      _ref7$id = _ref7.id,
+      selectedId = _ref7$id === void 0 ? null : _ref7$id;
+    if (onChange !== null && mediaId === selectedId) {
       onChange(val);
     }
-  }, [setMetadataMedia, onChange]);
+  }, [setMetadataMedia, selectedMedia, onChange]);
   React.useEffect(function () {
     if (metadataMedia !== null) {
-      // reset();
       window.scrollTo(0, 0);
     }
   }, [metadataMedia]);
@@ -1859,7 +1864,7 @@ function MediaGallery(_ref) {
     return setUploadModalOpened(false);
   }, [setUploadModalOpened]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, (_ref6 = {}, _defineProperty__default["default"](_ref6, styles.metadataOpened, metadataMedia !== null), _defineProperty__default["default"](_ref6, className, className), _ref6)])
+    className: classNames__default["default"]([styles.container, (_ref8 = {}, _defineProperty__default["default"](_ref8, styles.metadataOpened, metadataMedia !== null), _defineProperty__default["default"](_ref8, className, className), _ref8)])
   }, /*#__PURE__*/React__default["default"].createElement(Navbar, {
     types: isArray__default["default"](type) ? type : [type],
     filters: filtersValue,
@@ -1896,7 +1901,7 @@ function MediaGallery(_ref) {
     className: "w-100 mb-2"
   }, loading || uploading ? /*#__PURE__*/React__default["default"].createElement(components.Spinner, {
     className: styles.loading
-  }) : null, /*#__PURE__*/React__default["default"].createElement(components.Button, {
+  }) : null, !loading && !uploading ? /*#__PURE__*/React__default["default"].createElement(components.Button, {
     className: "d-block mx-auto",
     theme: "secondary",
     outline: true,
@@ -1907,7 +1912,7 @@ function MediaGallery(_ref) {
       "type": 0,
       "value": "Load more"
     }]
-  }))) : null), /*#__PURE__*/React__default["default"].createElement("div", {
+  })) : null) : null), /*#__PURE__*/React__default["default"].createElement("div", {
     className: styles.mediaMetadata
   }, /*#__PURE__*/React__default["default"].createElement(MediaMetadata, {
     media: metadataMedia,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/media-gallery",
-    "version": "0.3.337",
+    "version": "0.3.339",
     "description": "",
     "keywords": [
         "javascript"
@@ -60,7 +60,7 @@
         "@fortawesome/free-solid-svg-icons": "^5.15.1",
         "@fortawesome/react-fontawesome": "^0.1.13",
         "@micromag/core": "^0.3.332",
-        "@micromag/data": "^0.3.335",
+        "@micromag/data": "^0.3.338",
         "bootstrap": "5.2.0-beta1",
         "change-case": "^4.1.2",
         "classnames": "^2.2.6",
@@ -73,5 +73,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "455db9765b73047cf19e6b0984f2737a6a0b7673"
+    "gitHead": "4ac7ff806d038163cb07450ee24555537ce993ee"
 }