@panneau/medias 3.0.195 → 3.0.196

package/es/index.js

@@ -1012,6 +1012,21 @@ function MediasBrowser(_ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     uploadProcessing = _useState10[0],
     setUploadProcessing = _useState10[1];
+  var onUploadedMediaChanged = useCallback(function (newMedias) {
+    var uploadedNewMedias = (isArray(newMedias) ? [].concat(_toConsumableArray(newMedias), _toConsumableArray(uploadedMedias || [])) : [newMedias].concat(_toConsumableArray(uploadedMedias || []))).filter(function (it) {
+      return it !== null;
+    });
+    setUploadedMedias(uploadedNewMedias);
+    if (onSelectionChange !== null) {
+      var _ref4 = newMedias || [],
+        _ref5 = _slicedToArray(_ref4, 1),
+        _ref5$ = _ref5[0],
+        firstMedia = _ref5$ === void 0 ? null : _ref5$;
+      onSelectionChange(multipleSelection && isArray(newMedias) ? newMedias : firstMedia);
+      onQueryReset();
+      reload();
+    }
+  }, [onSelectionChange, setUploadedMedias, uploadedMedias, onQueryReset, reload, multipleSelection]);
   var onUploadComplete = useCallback(function () {
     var medias = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
     if (medias === null) return;
@@ -1021,28 +1036,15 @@ function MediasBrowser(_ref) {
     if (onMediaUploaded !== null) {
       setUploadProcessing(true);
       onMediaUploaded(rawMedias).then(function (newMedias) {
-        var uploadedNewMedias = (isArray(newMedias) ? [].concat(_toConsumableArray(uploadedMedias || []), _toConsumableArray(newMedias)) : [].concat(_toConsumableArray(uploadedMedias || []), [newMedias])).filter(function (it) {
-          return it !== null;
-        });
-        setUploadedMedias(uploadedNewMedias);
-        if (onSelectionChange !== null) {
-          onSelectionChange(newMedias);
-          onQueryReset(); // think about this
-          reload();
-        }
+        onUploadedMediaChanged(newMedias);
         setUploadProcessing(false);
       })["catch"](function () {
         setUploadProcessing(false);
       });
     } else {
-      setUploadedMedias(rawMedias);
-      if (onSelectionChange !== null) {
-        onSelectionChange(rawMedias);
-        onQueryReset();
-        reload();
-      }
+      onUploadedMediaChanged(rawMedias);
     }
-  }, [onMediaUploaded, reload, onQueryReset, onSelectionChange, uploadedMedias, setUploadedMedias, setUploadProcessing]);
+  }, [onMediaUploaded, setUploadedMedias, setUploadProcessing, onUploadedMediaChanged]);
   var pagination = /*#__PURE__*/React.createElement(Pagination, {
     page: page,
     lastPage: lastPage,
@@ -1071,9 +1073,9 @@ function MediasBrowser(_ref) {
     }]) : filters;
     if (types !== null && partialFilters !== null) {
       return (partialFilters || []).map(function (filter) {
-        var _ref4 = filter || {},
-          _ref4$id = _ref4.id,
-          id = _ref4$id === void 0 ? null : _ref4$id;
+        var _ref6 = filter || {},
+          _ref6$id = _ref6.id,
+          id = _ref6$id === void 0 ? null : _ref6$id;
         return id === 'types' ? _objectSpread(_objectSpread({}, filter), {}, {
           disabled: true
         }) : filter;
@@ -1083,9 +1085,9 @@ function MediasBrowser(_ref) {
   }, [filters, types, withTrash, showTrashed, onClickTrash]);
   var finalColumns = useMemo(function () {
     return withTrash && showTrashed ? (columns || []).map(function (column) {
-      var _ref5 = column || {},
-        _ref5$id = _ref5.id,
-        columnId = _ref5$id === void 0 ? null : _ref5$id;
+      var _ref7 = column || {},
+        _ref7$id = _ref7.id,
+        columnId = _ref7$id === void 0 ? null : _ref7$id;
       if (columnId === 'created_at') {
         return _objectSpread(_objectSpread({}, column), {}, {
           path: 'deleted_at',
@@ -1099,9 +1101,9 @@ function MediasBrowser(_ref) {
         });
       }
       if (columnId === 'actions') {
-        var _ref6 = column || {},
-          _ref6$actions = _ref6.actions,
-          actions = _ref6$actions === void 0 ? [] : _ref6$actions;
+        var _ref8 = column || {},
+          _ref8$actions = _ref8.actions,
+          actions = _ref8$actions === void 0 ? [] : _ref8$actions;
         return _objectSpread(_objectSpread({}, column), {}, {
           actions: (actions || []).reduce(function (acc, action) {
             if (action === 'delete') {
@@ -1126,9 +1128,9 @@ function MediasBrowser(_ref) {
         var _item$id = item.id,
           itemId = _item$id === void 0 ? null : _item$id;
         return (allItems || []).find(function () {
-          var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-            _ref7$id = _ref7.id,
-            otherId = _ref7$id === void 0 ? null : _ref7$id;
+          var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+            _ref9$id = _ref9.id,
+            otherId = _ref9$id === void 0 ? null : _ref9$id;
           return otherId === itemId;
         }) || item || null;
       }).filter(function (it) {
@@ -1227,9 +1229,9 @@ function MediasBrowser(_ref) {
     loading: loading,
     actionsProps: {
       getDeletePropsFromItem: function getDeletePropsFromItem() {
-        var _ref8 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref8$id = _ref8.id,
-          id = _ref8$id === void 0 ? null : _ref8$id;
+        var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref10$id = _ref10.id,
+          id = _ref10$id === void 0 ? null : _ref10$id;
         return {
           href: null,
           onClick: function onClick() {

package/lib/index.js

@@ -1014,6 +1014,21 @@ function MediasBrowser(_ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     uploadProcessing = _useState10[0],
     setUploadProcessing = _useState10[1];
+  var onUploadedMediaChanged = React.useCallback(function (newMedias) {
+    var uploadedNewMedias = (isArray(newMedias) ? [].concat(_toConsumableArray(newMedias), _toConsumableArray(uploadedMedias || [])) : [newMedias].concat(_toConsumableArray(uploadedMedias || []))).filter(function (it) {
+      return it !== null;
+    });
+    setUploadedMedias(uploadedNewMedias);
+    if (onSelectionChange !== null) {
+      var _ref4 = newMedias || [],
+        _ref5 = _slicedToArray(_ref4, 1),
+        _ref5$ = _ref5[0],
+        firstMedia = _ref5$ === void 0 ? null : _ref5$;
+      onSelectionChange(multipleSelection && isArray(newMedias) ? newMedias : firstMedia);
+      onQueryReset();
+      reload();
+    }
+  }, [onSelectionChange, setUploadedMedias, uploadedMedias, onQueryReset, reload, multipleSelection]);
   var onUploadComplete = React.useCallback(function () {
     var medias = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
     if (medias === null) return;
@@ -1023,28 +1038,15 @@ function MediasBrowser(_ref) {
     if (onMediaUploaded !== null) {
       setUploadProcessing(true);
       onMediaUploaded(rawMedias).then(function (newMedias) {
-        var uploadedNewMedias = (isArray(newMedias) ? [].concat(_toConsumableArray(uploadedMedias || []), _toConsumableArray(newMedias)) : [].concat(_toConsumableArray(uploadedMedias || []), [newMedias])).filter(function (it) {
-          return it !== null;
-        });
-        setUploadedMedias(uploadedNewMedias);
-        if (onSelectionChange !== null) {
-          onSelectionChange(newMedias);
-          onQueryReset(); // think about this
-          reload();
-        }
+        onUploadedMediaChanged(newMedias);
         setUploadProcessing(false);
       })["catch"](function () {
         setUploadProcessing(false);
       });
     } else {
-      setUploadedMedias(rawMedias);
-      if (onSelectionChange !== null) {
-        onSelectionChange(rawMedias);
-        onQueryReset();
-        reload();
-      }
+      onUploadedMediaChanged(rawMedias);
     }
-  }, [onMediaUploaded, reload, onQueryReset, onSelectionChange, uploadedMedias, setUploadedMedias, setUploadProcessing]);
+  }, [onMediaUploaded, setUploadedMedias, setUploadProcessing, onUploadedMediaChanged]);
   var pagination = /*#__PURE__*/React.createElement(Pagination, {
     page: page,
     lastPage: lastPage,
@@ -1073,9 +1075,9 @@ function MediasBrowser(_ref) {
     }]) : filters;
     if (types !== null && partialFilters !== null) {
       return (partialFilters || []).map(function (filter) {
-        var _ref4 = filter || {},
-          _ref4$id = _ref4.id,
-          id = _ref4$id === void 0 ? null : _ref4$id;
+        var _ref6 = filter || {},
+          _ref6$id = _ref6.id,
+          id = _ref6$id === void 0 ? null : _ref6$id;
         return id === 'types' ? _objectSpread(_objectSpread({}, filter), {}, {
           disabled: true
         }) : filter;
@@ -1085,9 +1087,9 @@ function MediasBrowser(_ref) {
   }, [filters, types, withTrash, showTrashed, onClickTrash]);
   var finalColumns = React.useMemo(function () {
     return withTrash && showTrashed ? (columns || []).map(function (column) {
-      var _ref5 = column || {},
-        _ref5$id = _ref5.id,
-        columnId = _ref5$id === void 0 ? null : _ref5$id;
+      var _ref7 = column || {},
+        _ref7$id = _ref7.id,
+        columnId = _ref7$id === void 0 ? null : _ref7$id;
       if (columnId === 'created_at') {
         return _objectSpread(_objectSpread({}, column), {}, {
           path: 'deleted_at',
@@ -1101,9 +1103,9 @@ function MediasBrowser(_ref) {
         });
       }
       if (columnId === 'actions') {
-        var _ref6 = column || {},
-          _ref6$actions = _ref6.actions,
-          actions = _ref6$actions === void 0 ? [] : _ref6$actions;
+        var _ref8 = column || {},
+          _ref8$actions = _ref8.actions,
+          actions = _ref8$actions === void 0 ? [] : _ref8$actions;
         return _objectSpread(_objectSpread({}, column), {}, {
           actions: (actions || []).reduce(function (acc, action) {
             if (action === 'delete') {
@@ -1128,9 +1130,9 @@ function MediasBrowser(_ref) {
         var _item$id = item.id,
           itemId = _item$id === void 0 ? null : _item$id;
         return (allItems || []).find(function () {
-          var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-            _ref7$id = _ref7.id,
-            otherId = _ref7$id === void 0 ? null : _ref7$id;
+          var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+            _ref9$id = _ref9.id,
+            otherId = _ref9$id === void 0 ? null : _ref9$id;
           return otherId === itemId;
         }) || item || null;
       }).filter(function (it) {
@@ -1229,9 +1231,9 @@ function MediasBrowser(_ref) {
     loading: loading,
     actionsProps: {
       getDeletePropsFromItem: function getDeletePropsFromItem() {
-        var _ref8 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref8$id = _ref8.id,
-          id = _ref8$id === void 0 ? null : _ref8$id;
+        var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref10$id = _ref10.id,
+          id = _ref10$id === void 0 ? null : _ref10$id;
         return {
           href: null,
           onClick: function onClick() {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/medias",
-    "version": "3.0.195",
+    "version": "3.0.196",
     "description": "",
     "keywords": [
         "javascript"
@@ -69,5 +69,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "bc2512e8f6c7b1325ff082f463dbaabb74689d83"
+    "gitHead": "4b478929e4e4fe1a710056e5b7052814e81d6990"
 }