@micromag/media-gallery 0.3.520 → 0.3.521

package/es/index.js

@@ -469,6 +469,7 @@ function MediaGallery(_ref) {
         var _api$medias2;
         return (_api$medias2 = api.medias).get.apply(_api$medias2, arguments);
       },
+      // Change this
       find: function find() {
         var _api$medias3;
         return (_api$medias3 = api.medias).find.apply(_api$medias3, arguments);
@@ -488,16 +489,15 @@ function MediaGallery(_ref) {
       trash: function trash() {
         var _api$medias7;
         return (_api$medias7 = api.medias)["delete"].apply(_api$medias7, arguments);
-      }
+      } // Change this
     };
   }, [api]);
-  var partialFilters = filters$1 || filters() || [];
+
+  // Upload
   var _useMediaCreate = useMediaCreate(),
     createMedia = _useMediaCreate.create;
   var onMediaUploaded = useCallback(function (newMedias) {
-    console.log('newMedias', newMedias);
     return Promise.all(newMedias.map(createMedia)).then(function (newAddedMedias) {
-      console.log('done creating, not uploading anymore', newAddedMedias);
       return newAddedMedias;
     });
   }, [createMedia]);
@@ -517,6 +517,9 @@ function MediaGallery(_ref) {
       allowedFileTypes: fileTypes !== null && fileTypes.length > 0 ? fileTypes : null
     };
   }, [fileTypes]);
+
+  // Filters
+  var partialFilters = filters$1 || filters() || [];
   var finalFilters = useMemo(function () {
     return partialFilters.map(function (filter) {
       var _ref3 = filter || {},
@@ -550,9 +553,19 @@ function MediaGallery(_ref) {
     var partialTypes = !isArray(types) ? [types] : types;
     return types === 'video' ? videoTypes : partialTypes;
   }, [types]);
-
-  // console.log('value', value);
-
+  var finalOnChange = useCallback(function (newMedias) {
+    if (multiple) {
+      onChange(newMedias || []);
+    } else if (isArray(newMedias)) {
+      var _ref4 = newMedias || [],
+        _ref5 = _slicedToArray(_ref4, 1),
+        _ref5$ = _ref5[0],
+        firstMedia = _ref5$ === void 0 ? null : _ref5$;
+      onChange(firstMedia || null);
+    } else {
+      onChange(newMedias || null);
+    }
+  }, [onChange, multiple]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.container, _defineProperty({}, className, className)])
   }, isPicker ? /*#__PURE__*/React.createElement(MediasPickerContainer, {
@@ -567,7 +580,7 @@ function MediaGallery(_ref) {
     fields: fields,
     columns: columns,
     multiple: multiple,
-    onChange: onChange,
+    onChange: finalOnChange,
     uppyConfig: uppyConfig,
     onMediaUploaded: onMediaUploaded,
     onMediaFormOpen: onMediaFormOpen,

package/lib/index.js

@@ -509,6 +509,7 @@ function MediaGallery(_ref) {
         var _api$medias2;
         return (_api$medias2 = api.medias).get.apply(_api$medias2, arguments);
       },
+      // Change this
       find: function find() {
         var _api$medias3;
         return (_api$medias3 = api.medias).find.apply(_api$medias3, arguments);
@@ -528,16 +529,15 @@ function MediaGallery(_ref) {
       trash: function trash() {
         var _api$medias7;
         return (_api$medias7 = api.medias)["delete"].apply(_api$medias7, arguments);
-      }
+      } // Change this
     };
   }, [api]);
-  var partialFilters = filters$1 || filters() || [];
+
+  // Upload
   var _useMediaCreate = data.useMediaCreate(),
     createMedia = _useMediaCreate.create;
   var onMediaUploaded = React.useCallback(function (newMedias) {
-    console.log('newMedias', newMedias);
     return Promise.all(newMedias.map(createMedia)).then(function (newAddedMedias) {
-      console.log('done creating, not uploading anymore', newAddedMedias);
       return newAddedMedias;
     });
   }, [createMedia]);
@@ -557,6 +557,9 @@ function MediaGallery(_ref) {
       allowedFileTypes: fileTypes !== null && fileTypes.length > 0 ? fileTypes : null
     };
   }, [fileTypes]);
+
+  // Filters
+  var partialFilters = filters$1 || filters() || [];
   var finalFilters = React.useMemo(function () {
     return partialFilters.map(function (filter) {
       var _ref3 = filter || {},
@@ -590,9 +593,19 @@ function MediaGallery(_ref) {
     var partialTypes = !isArray(types) ? [types] : types;
     return types === 'video' ? videoTypes : partialTypes;
   }, [types]);
-
-  // console.log('value', value);
-
+  var finalOnChange = React.useCallback(function (newMedias) {
+    if (multiple) {
+      onChange(newMedias || []);
+    } else if (isArray(newMedias)) {
+      var _ref4 = newMedias || [],
+        _ref5 = _slicedToArray(_ref4, 1),
+        _ref5$ = _ref5[0],
+        firstMedia = _ref5$ === void 0 ? null : _ref5$;
+      onChange(firstMedia || null);
+    } else {
+      onChange(newMedias || null);
+    }
+  }, [onChange, multiple]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.container, _defineProperty({}, className, className)])
   }, isPicker ? /*#__PURE__*/React.createElement(medias.MediasPickerContainer, {
@@ -607,7 +620,7 @@ function MediaGallery(_ref) {
     fields: fields,
     columns: columns,
     multiple: multiple,
-    onChange: onChange,
+    onChange: finalOnChange,
     uppyConfig: uppyConfig,
     onMediaUploaded: onMediaUploaded,
     onMediaFormOpen: onMediaFormOpen,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/media-gallery",
-    "version": "0.3.520",
+    "version": "0.3.521",
     "private": false,
     "description": "",
     "keywords": [
@@ -87,5 +87,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "08f32dc09a2237cdbfaef5bac4c7964ef822b6c9"
+    "gitHead": "231e8620bd6c5077b9df4836c5ab2126001bd7f0"
 }