@micromag/media-gallery 0.3.334 → 0.3.337

package/es/index.js

@@ -210,6 +210,7 @@ var styles$9 = {"container":"micromag-media-gallery-partials-media-metadata-cont
 var propTypes$9 = {
   media: PropTypes.media,
   tags: PropTypes.tags,
+  onChange: PropTypes$1.func,
   onClickClose: PropTypes$1.func,
   onClickSave: PropTypes$1.func,
   onClickDelete: PropTypes$1.func,
@@ -218,6 +219,7 @@ var propTypes$9 = {
 var defaultProps$9 = {
   media: null,
   tags: [],
+  onChange: null,
   onClickClose: null,
   onClickSave: null,
   onClickDelete: null,
@@ -226,6 +228,7 @@ var defaultProps$9 = {
 function MediaMetadata(_ref) {
   var media = _ref.media,
     allTags = _ref.tags,
+    onChange = _ref.onChange,
     onClickClose = _ref.onClickClose,
     onClickSave = _ref.onClickSave,
     onClickDelete = _ref.onClickDelete,
@@ -320,16 +323,19 @@ function MediaMetadata(_ref) {
       name: name,
       tags: tags,
       description: description
-    }).then(function () {
+    }).then(function (response) {
       setChanged(false);
       setSaveState(null);
       if (onClickSave !== null) {
         onClickSave();
       }
+      if (onChange !== null) {
+        onChange(response);
+      }
     })["catch"](function () {
       setSaveState(false);
     });
-  }, [mediaId, name, tags, description, metadata, update, onClickSave, onClickClose, setChanged, setSaveState]);
+  }, [mediaId, name, tags, description, metadata, update, onChange, onClickSave, onClickClose, setChanged, setSaveState]);
   var _useState11 = useState(null),
     _useState12 = _slicedToArray(_useState11, 2),
     deletedState = _useState12[0],
@@ -1653,6 +1659,7 @@ var propTypes = {
   selectedMedia: PropTypes.media,
   className: PropTypes$1.string,
   navbarClassName: PropTypes$1.string,
+  onChange: PropTypes$1.func,
   onClickMedia: PropTypes$1.func,
   onClearMedia: PropTypes$1.func
 };
@@ -1668,6 +1675,7 @@ var defaultProps = {
   selectedMedia: null,
   className: null,
   navbarClassName: null,
+  onChange: null,
   onClickMedia: null,
   onClearMedia: null
 };
@@ -1684,6 +1692,7 @@ function MediaGallery(_ref) {
     selectedMedia = _ref.selectedMedia,
     className = _ref.className,
     navbarClassName = _ref.navbarClassName,
+    onChange = _ref.onChange,
     onClickMedia = _ref.onClickMedia,
     onClearMedia = _ref.onClearMedia;
   var intl = useIntl();
@@ -1736,8 +1745,7 @@ function MediaGallery(_ref) {
     _useMedias$loadNextPa = _useMedias.loadNextPage,
     loadNextPage = _useMedias$loadNextPa === void 0 ? null : _useMedias$loadNextPa,
     _useMedias$allLoaded = _useMedias.allLoaded,
-    allLoaded = _useMedias$allLoaded === void 0 ? false : _useMedias$allLoaded,
-    reset = _useMedias.reset;
+    allLoaded = _useMedias$allLoaded === void 0 ? false : _useMedias$allLoaded;
 
   // Temporary type filter
   var _useState7 = useState([]),
@@ -1782,9 +1790,6 @@ function MediaGallery(_ref) {
   var onMetadataClickClose = useCallback(function () {
     setMetadataMedia(null);
   }, [setMetadataMedia]);
-  var onMetadataClickSave = useCallback(function () {
-    reset();
-  }, [reset]);
   var onMetadataClickDelete = useCallback(function () {
     var mediaId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
     var _ref5 = selectedMedia || {},
@@ -1794,8 +1799,19 @@ function MediaGallery(_ref) {
       onClickMedia(null);
     }
     setMetadataMedia(null);
-    reset();
   }, [setMetadataMedia, selectedMedia]);
+  var onMetadataChange = useCallback(function (val) {
+    setMetadataMedia(val);
+    if (onChange !== null) {
+      onChange(val);
+    }
+  }, [setMetadataMedia, onChange]);
+  useEffect(function () {
+    if (metadataMedia !== null) {
+      // reset();
+      window.scrollTo(0, 0);
+    }
+  }, [metadataMedia]);
 
   // Navigation
   var onClickBack = useCallback(function () {
@@ -1880,8 +1896,10 @@ function MediaGallery(_ref) {
   }, /*#__PURE__*/React.createElement(MediaMetadata, {
     media: metadataMedia,
     tags: tags,
-    onClickClose: onMetadataClickClose,
-    onClickSave: onMetadataClickSave,
+    onChange: onMetadataChange,
+    onClickClose: onMetadataClickClose
+    // onClickSave={onMetadataClickSave}
+    ,
     onClickDelete: onMetadataClickDelete
   }))), /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(UploadModal, {
     type: type === 'video' ? videoTypes : type,

package/lib/index.js

@@ -226,6 +226,7 @@ var styles$9 = {"container":"micromag-media-gallery-partials-media-metadata-cont
 var propTypes$9 = {
   media: core.PropTypes.media,
   tags: core.PropTypes.tags,
+  onChange: PropTypes__default["default"].func,
   onClickClose: PropTypes__default["default"].func,
   onClickSave: PropTypes__default["default"].func,
   onClickDelete: PropTypes__default["default"].func,
@@ -234,6 +235,7 @@ var propTypes$9 = {
 var defaultProps$9 = {
   media: null,
   tags: [],
+  onChange: null,
   onClickClose: null,
   onClickSave: null,
   onClickDelete: null,
@@ -242,6 +244,7 @@ var defaultProps$9 = {
 function MediaMetadata(_ref) {
   var media = _ref.media,
     allTags = _ref.tags,
+    onChange = _ref.onChange,
     onClickClose = _ref.onClickClose,
     onClickSave = _ref.onClickSave,
     onClickDelete = _ref.onClickDelete,
@@ -336,16 +339,19 @@ function MediaMetadata(_ref) {
       name: name,
       tags: tags,
       description: description
-    }).then(function () {
+    }).then(function (response) {
       setChanged(false);
       setSaveState(null);
       if (onClickSave !== null) {
         onClickSave();
       }
+      if (onChange !== null) {
+        onChange(response);
+      }
     })["catch"](function () {
       setSaveState(false);
     });
-  }, [mediaId, name, tags, description, metadata, update, onClickSave, onClickClose, setChanged, setSaveState]);
+  }, [mediaId, name, tags, description, metadata, update, onChange, onClickSave, onClickClose, setChanged, setSaveState]);
   var _useState11 = React.useState(null),
     _useState12 = _slicedToArray__default["default"](_useState11, 2),
     deletedState = _useState12[0],
@@ -1669,6 +1675,7 @@ var propTypes = {
   selectedMedia: core.PropTypes.media,
   className: PropTypes__default["default"].string,
   navbarClassName: PropTypes__default["default"].string,
+  onChange: PropTypes__default["default"].func,
   onClickMedia: PropTypes__default["default"].func,
   onClearMedia: PropTypes__default["default"].func
 };
@@ -1684,6 +1691,7 @@ var defaultProps = {
   selectedMedia: null,
   className: null,
   navbarClassName: null,
+  onChange: null,
   onClickMedia: null,
   onClearMedia: null
 };
@@ -1700,6 +1708,7 @@ function MediaGallery(_ref) {
     selectedMedia = _ref.selectedMedia,
     className = _ref.className,
     navbarClassName = _ref.navbarClassName,
+    onChange = _ref.onChange,
     onClickMedia = _ref.onClickMedia,
     onClearMedia = _ref.onClearMedia;
   var intl = reactIntl.useIntl();
@@ -1752,8 +1761,7 @@ function MediaGallery(_ref) {
     _useMedias$loadNextPa = _useMedias.loadNextPage,
     loadNextPage = _useMedias$loadNextPa === void 0 ? null : _useMedias$loadNextPa,
     _useMedias$allLoaded = _useMedias.allLoaded,
-    allLoaded = _useMedias$allLoaded === void 0 ? false : _useMedias$allLoaded,
-    reset = _useMedias.reset;
+    allLoaded = _useMedias$allLoaded === void 0 ? false : _useMedias$allLoaded;
 
   // Temporary type filter
   var _useState7 = React.useState([]),
@@ -1798,9 +1806,6 @@ function MediaGallery(_ref) {
   var onMetadataClickClose = React.useCallback(function () {
     setMetadataMedia(null);
   }, [setMetadataMedia]);
-  var onMetadataClickSave = React.useCallback(function () {
-    reset();
-  }, [reset]);
   var onMetadataClickDelete = React.useCallback(function () {
     var mediaId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
     var _ref5 = selectedMedia || {},
@@ -1810,8 +1815,19 @@ function MediaGallery(_ref) {
       onClickMedia(null);
     }
     setMetadataMedia(null);
-    reset();
   }, [setMetadataMedia, selectedMedia]);
+  var onMetadataChange = React.useCallback(function (val) {
+    setMetadataMedia(val);
+    if (onChange !== null) {
+      onChange(val);
+    }
+  }, [setMetadataMedia, onChange]);
+  React.useEffect(function () {
+    if (metadataMedia !== null) {
+      // reset();
+      window.scrollTo(0, 0);
+    }
+  }, [metadataMedia]);
 
   // Navigation
   var onClickBack = React.useCallback(function () {
@@ -1896,8 +1912,10 @@ function MediaGallery(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(MediaMetadata, {
     media: metadataMedia,
     tags: tags,
-    onClickClose: onMetadataClickClose,
-    onClickSave: onMetadataClickSave,
+    onChange: onMetadataChange,
+    onClickClose: onMetadataClickClose
+    // onClickSave={onMetadataClickSave}
+    ,
     onClickDelete: onMetadataClickDelete
   }))), /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement(components.UploadModal, {
     type: type === 'video' ? videoTypes : type,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/media-gallery",
-    "version": "0.3.334",
+    "version": "0.3.337",
     "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.334",
+        "@micromag/data": "^0.3.335",
         "bootstrap": "5.2.0-beta1",
         "change-case": "^4.1.2",
         "classnames": "^2.2.6",
@@ -73,5 +73,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "aecd5e405aff415fe8d1a627f03d1e74ccd9ef95"
+    "gitHead": "455db9765b73047cf19e6b0984f2737a6a0b7673"
 }