@micromag/media-gallery 0.3.520 → 0.3.522
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.js +20 -5
- package/lib/index.js +20 -5
- package/package.json +2 -2
package/es/index.js
CHANGED
|
@@ -469,6 +469,7 @@ function MediaGallery(_ref) {
|
|
|
469
469
|
var _api$medias2;
|
|
470
470
|
return (_api$medias2 = api.medias).get.apply(_api$medias2, arguments);
|
|
471
471
|
},
|
|
472
|
+
// Change this
|
|
472
473
|
find: function find() {
|
|
473
474
|
var _api$medias3;
|
|
474
475
|
return (_api$medias3 = api.medias).find.apply(_api$medias3, arguments);
|
|
@@ -488,16 +489,15 @@ function MediaGallery(_ref) {
|
|
|
488
489
|
trash: function trash() {
|
|
489
490
|
var _api$medias7;
|
|
490
491
|
return (_api$medias7 = api.medias)["delete"].apply(_api$medias7, arguments);
|
|
491
|
-
}
|
|
492
|
+
} // Change this
|
|
492
493
|
};
|
|
493
494
|
}, [api]);
|
|
494
|
-
|
|
495
|
+
|
|
496
|
+
// Upload
|
|
495
497
|
var _useMediaCreate = useMediaCreate(),
|
|
496
498
|
createMedia = _useMediaCreate.create;
|
|
497
499
|
var onMediaUploaded = useCallback(function (newMedias) {
|
|
498
|
-
console.log('newMedias', newMedias);
|
|
499
500
|
return Promise.all(newMedias.map(createMedia)).then(function (newAddedMedias) {
|
|
500
|
-
console.log('done creating, not uploading anymore', newAddedMedias);
|
|
501
501
|
return newAddedMedias;
|
|
502
502
|
});
|
|
503
503
|
}, [createMedia]);
|
|
@@ -517,6 +517,9 @@ function MediaGallery(_ref) {
|
|
|
517
517
|
allowedFileTypes: fileTypes !== null && fileTypes.length > 0 ? fileTypes : null
|
|
518
518
|
};
|
|
519
519
|
}, [fileTypes]);
|
|
520
|
+
|
|
521
|
+
// Filters
|
|
522
|
+
var partialFilters = filters$1 || filters() || [];
|
|
520
523
|
var finalFilters = useMemo(function () {
|
|
521
524
|
return partialFilters.map(function (filter) {
|
|
522
525
|
var _ref3 = filter || {},
|
|
@@ -551,7 +554,19 @@ function MediaGallery(_ref) {
|
|
|
551
554
|
return types === 'video' ? videoTypes : partialTypes;
|
|
552
555
|
}, [types]);
|
|
553
556
|
|
|
554
|
-
//
|
|
557
|
+
// const finalOnChange = useCallback(
|
|
558
|
+
// (newMedias) => {
|
|
559
|
+
// if (multiple) {
|
|
560
|
+
// onChange(newMedias || []);
|
|
561
|
+
// } else if (isArray(newMedias)) {
|
|
562
|
+
// const [firstMedia = null] = newMedias || [];
|
|
563
|
+
// onChange(firstMedia || null);
|
|
564
|
+
// } else {
|
|
565
|
+
// onChange(newMedias || null);
|
|
566
|
+
// }
|
|
567
|
+
// },
|
|
568
|
+
// [onChange, multiple],
|
|
569
|
+
// );
|
|
555
570
|
|
|
556
571
|
return /*#__PURE__*/React.createElement("div", {
|
|
557
572
|
className: classNames([styles.container, _defineProperty({}, className, className)])
|
package/lib/index.js
CHANGED
|
@@ -509,6 +509,7 @@ function MediaGallery(_ref) {
|
|
|
509
509
|
var _api$medias2;
|
|
510
510
|
return (_api$medias2 = api.medias).get.apply(_api$medias2, arguments);
|
|
511
511
|
},
|
|
512
|
+
// Change this
|
|
512
513
|
find: function find() {
|
|
513
514
|
var _api$medias3;
|
|
514
515
|
return (_api$medias3 = api.medias).find.apply(_api$medias3, arguments);
|
|
@@ -528,16 +529,15 @@ function MediaGallery(_ref) {
|
|
|
528
529
|
trash: function trash() {
|
|
529
530
|
var _api$medias7;
|
|
530
531
|
return (_api$medias7 = api.medias)["delete"].apply(_api$medias7, arguments);
|
|
531
|
-
}
|
|
532
|
+
} // Change this
|
|
532
533
|
};
|
|
533
534
|
}, [api]);
|
|
534
|
-
|
|
535
|
+
|
|
536
|
+
// Upload
|
|
535
537
|
var _useMediaCreate = data.useMediaCreate(),
|
|
536
538
|
createMedia = _useMediaCreate.create;
|
|
537
539
|
var onMediaUploaded = React.useCallback(function (newMedias) {
|
|
538
|
-
console.log('newMedias', newMedias);
|
|
539
540
|
return Promise.all(newMedias.map(createMedia)).then(function (newAddedMedias) {
|
|
540
|
-
console.log('done creating, not uploading anymore', newAddedMedias);
|
|
541
541
|
return newAddedMedias;
|
|
542
542
|
});
|
|
543
543
|
}, [createMedia]);
|
|
@@ -557,6 +557,9 @@ function MediaGallery(_ref) {
|
|
|
557
557
|
allowedFileTypes: fileTypes !== null && fileTypes.length > 0 ? fileTypes : null
|
|
558
558
|
};
|
|
559
559
|
}, [fileTypes]);
|
|
560
|
+
|
|
561
|
+
// Filters
|
|
562
|
+
var partialFilters = filters$1 || filters() || [];
|
|
560
563
|
var finalFilters = React.useMemo(function () {
|
|
561
564
|
return partialFilters.map(function (filter) {
|
|
562
565
|
var _ref3 = filter || {},
|
|
@@ -591,7 +594,19 @@ function MediaGallery(_ref) {
|
|
|
591
594
|
return types === 'video' ? videoTypes : partialTypes;
|
|
592
595
|
}, [types]);
|
|
593
596
|
|
|
594
|
-
//
|
|
597
|
+
// const finalOnChange = useCallback(
|
|
598
|
+
// (newMedias) => {
|
|
599
|
+
// if (multiple) {
|
|
600
|
+
// onChange(newMedias || []);
|
|
601
|
+
// } else if (isArray(newMedias)) {
|
|
602
|
+
// const [firstMedia = null] = newMedias || [];
|
|
603
|
+
// onChange(firstMedia || null);
|
|
604
|
+
// } else {
|
|
605
|
+
// onChange(newMedias || null);
|
|
606
|
+
// }
|
|
607
|
+
// },
|
|
608
|
+
// [onChange, multiple],
|
|
609
|
+
// );
|
|
595
610
|
|
|
596
611
|
return /*#__PURE__*/React.createElement("div", {
|
|
597
612
|
className: classNames([styles.container, _defineProperty({}, className, className)])
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/media-gallery",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.522",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -87,5 +87,5 @@
|
|
|
87
87
|
"access": "public",
|
|
88
88
|
"registry": "https://registry.npmjs.org/"
|
|
89
89
|
},
|
|
90
|
-
"gitHead": "
|
|
90
|
+
"gitHead": "ebe3c6039f81b3a0104dd7fbbcb76e07a614b627"
|
|
91
91
|
}
|