@panneau/medias 3.0.211 → 3.0.213

package/es/index.js

@@ -1029,6 +1029,29 @@ function MediasBrowser(_ref) {
       reload();
     }
   }, [reload]);
+  var onTrashMedia = useCallback(function (id) {
+    return !showTrashed && withTrash ? mediaTrash(id).then(function () {
+      if (!multipleSelection) {
+        var _ref4 = selectedItems || {},
+          _ref4$id = _ref4.id,
+          selectedId = _ref4$id === void 0 ? null : _ref4$id;
+        if (selectedId !== null && selectedId === id) {
+          onSelectionChange(null);
+        }
+      }
+      // Todo remove from mult selection
+    }).then(reload) : mediaDelete(id).then(function () {
+      if (!multipleSelection) {
+        var _ref5 = selectedItems || {},
+          _ref5$id = _ref5.id,
+          selectedId = _ref5$id === void 0 ? null : _ref5$id;
+        if (selectedId !== null && selectedId === id) {
+          onSelectionChange(null);
+        }
+      }
+      // Todo remove from selection
+    }).then(reload);
+  }, [showTrashed, withTrash, mediaTrash, mediaDelete, reload, selectedItems, multipleSelection, onSelectionChange]);
   var _useState7 = useState(null),
     _useState8 = _slicedToArray(_useState7, 2),
     uploadedMedias = _useState8[0],
@@ -1043,10 +1066,10 @@ function MediasBrowser(_ref) {
     });
     setUploadedMedias(uploadedNewMedias);
     if (onSelectionChange !== null) {
-      var _ref4 = newMedias || [],
-        _ref5 = _slicedToArray(_ref4, 1),
-        _ref5$ = _ref5[0],
-        firstMedia = _ref5$ === void 0 ? null : _ref5$;
+      var _ref6 = newMedias || [],
+        _ref7 = _slicedToArray(_ref6, 1),
+        _ref7$ = _ref7[0],
+        firstMedia = _ref7$ === void 0 ? null : _ref7$;
       onSelectionChange(multipleSelection && isArray(newMedias) ? newMedias : firstMedia);
       onQueryReset();
       reload();
@@ -1099,9 +1122,9 @@ function MediasBrowser(_ref) {
     }]) : filters;
     if (types !== null && partialFilters !== null) {
       return (partialFilters || []).map(function (filter) {
-        var _ref6 = filter || {},
-          _ref6$id = _ref6.id,
-          id = _ref6$id === void 0 ? null : _ref6$id;
+        var _ref8 = filter || {},
+          _ref8$id = _ref8.id,
+          id = _ref8$id === void 0 ? null : _ref8$id;
         return id === 'types' ? _objectSpread(_objectSpread({}, filter), {}, {
           disabled: true
         }) : filter;
@@ -1111,9 +1134,9 @@ function MediasBrowser(_ref) {
   }, [filters, types, withTrash, showTrashed, onClickTrash]);
   var finalColumns = useMemo(function () {
     return withTrash && showTrashed ? (columns || []).map(function (column) {
-      var _ref7 = column || {},
-        _ref7$id = _ref7.id,
-        columnId = _ref7$id === void 0 ? null : _ref7$id;
+      var _ref9 = column || {},
+        _ref9$id = _ref9.id,
+        columnId = _ref9$id === void 0 ? null : _ref9$id;
       if (columnId === 'created_at') {
         return _objectSpread(_objectSpread({}, column), {}, {
           path: 'deleted_at',
@@ -1127,9 +1150,9 @@ function MediasBrowser(_ref) {
         });
       }
       if (columnId === 'actions') {
-        var _ref8 = column || {},
-          _ref8$actions = _ref8.actions,
-          actions = _ref8$actions === void 0 ? [] : _ref8$actions;
+        var _ref10 = column || {},
+          _ref10$actions = _ref10.actions,
+          actions = _ref10$actions === void 0 ? [] : _ref10$actions;
         return _objectSpread(_objectSpread({}, column), {}, {
           actions: (actions || []).reduce(function (acc, action) {
             if (action === 'delete') {
@@ -1164,9 +1187,9 @@ function MediasBrowser(_ref) {
         var _item$id = item.id,
           itemId = _item$id === void 0 ? null : _item$id;
         return (allItems || []).find(function () {
-          var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-            _ref9$id = _ref9.id,
-            otherId = _ref9$id === void 0 ? null : _ref9$id;
+          var _ref11 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+            _ref11$id = _ref11.id,
+            otherId = _ref11$id === void 0 ? null : _ref11$id;
           return otherId === itemId;
         }) || item || null;
       }).filter(function (it) {
@@ -1274,19 +1297,18 @@ function MediasBrowser(_ref) {
     ,
     actionsProps: {
       getDeletePropsFromItem: function getDeletePropsFromItem() {
-        var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref10$id = _ref10.id,
-          id = _ref10$id === void 0 ? null : _ref10$id;
-        return _objectSpread({
+        var _ref12 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref12$id = _ref12.id,
+          id = _ref12$id === void 0 ? null : _ref12$id;
+        return {
           href: null,
-          withConfirmation: true,
+          withConfirmation: false,
           disabled: trashing || deleting,
-          icon: showTrashed ? 'trash-fill' : 'trash'
-        }, withTrash ? {
+          icon: showTrashed ? 'trash-fill' : 'trash',
           onClick: function onClick() {
-            return !showTrashed && withTrash ? mediaTrash(id) : mediaDelete(id);
+            return onTrashMedia(id);
           }
-        } : null);
+        };
       },
       getEditPropsFromItem: function getEditPropsFromItem(it) {
         return {

package/lib/index.js

@@ -1031,6 +1031,29 @@ function MediasBrowser(_ref) {
       reload();
     }
   }, [reload]);
+  var onTrashMedia = React.useCallback(function (id) {
+    return !showTrashed && withTrash ? mediaTrash(id).then(function () {
+      if (!multipleSelection) {
+        var _ref4 = selectedItems || {},
+          _ref4$id = _ref4.id,
+          selectedId = _ref4$id === void 0 ? null : _ref4$id;
+        if (selectedId !== null && selectedId === id) {
+          onSelectionChange(null);
+        }
+      }
+      // Todo remove from mult selection
+    }).then(reload) : mediaDelete(id).then(function () {
+      if (!multipleSelection) {
+        var _ref5 = selectedItems || {},
+          _ref5$id = _ref5.id,
+          selectedId = _ref5$id === void 0 ? null : _ref5$id;
+        if (selectedId !== null && selectedId === id) {
+          onSelectionChange(null);
+        }
+      }
+      // Todo remove from selection
+    }).then(reload);
+  }, [showTrashed, withTrash, mediaTrash, mediaDelete, reload, selectedItems, multipleSelection, onSelectionChange]);
   var _useState7 = React.useState(null),
     _useState8 = _slicedToArray(_useState7, 2),
     uploadedMedias = _useState8[0],
@@ -1045,10 +1068,10 @@ function MediasBrowser(_ref) {
     });
     setUploadedMedias(uploadedNewMedias);
     if (onSelectionChange !== null) {
-      var _ref4 = newMedias || [],
-        _ref5 = _slicedToArray(_ref4, 1),
-        _ref5$ = _ref5[0],
-        firstMedia = _ref5$ === void 0 ? null : _ref5$;
+      var _ref6 = newMedias || [],
+        _ref7 = _slicedToArray(_ref6, 1),
+        _ref7$ = _ref7[0],
+        firstMedia = _ref7$ === void 0 ? null : _ref7$;
       onSelectionChange(multipleSelection && isArray(newMedias) ? newMedias : firstMedia);
       onQueryReset();
       reload();
@@ -1101,9 +1124,9 @@ function MediasBrowser(_ref) {
     }]) : filters;
     if (types !== null && partialFilters !== null) {
       return (partialFilters || []).map(function (filter) {
-        var _ref6 = filter || {},
-          _ref6$id = _ref6.id,
-          id = _ref6$id === void 0 ? null : _ref6$id;
+        var _ref8 = filter || {},
+          _ref8$id = _ref8.id,
+          id = _ref8$id === void 0 ? null : _ref8$id;
         return id === 'types' ? _objectSpread(_objectSpread({}, filter), {}, {
           disabled: true
         }) : filter;
@@ -1113,9 +1136,9 @@ function MediasBrowser(_ref) {
   }, [filters, types, withTrash, showTrashed, onClickTrash]);
   var finalColumns = React.useMemo(function () {
     return withTrash && showTrashed ? (columns || []).map(function (column) {
-      var _ref7 = column || {},
-        _ref7$id = _ref7.id,
-        columnId = _ref7$id === void 0 ? null : _ref7$id;
+      var _ref9 = column || {},
+        _ref9$id = _ref9.id,
+        columnId = _ref9$id === void 0 ? null : _ref9$id;
       if (columnId === 'created_at') {
         return _objectSpread(_objectSpread({}, column), {}, {
           path: 'deleted_at',
@@ -1129,9 +1152,9 @@ function MediasBrowser(_ref) {
         });
       }
       if (columnId === 'actions') {
-        var _ref8 = column || {},
-          _ref8$actions = _ref8.actions,
-          actions = _ref8$actions === void 0 ? [] : _ref8$actions;
+        var _ref10 = column || {},
+          _ref10$actions = _ref10.actions,
+          actions = _ref10$actions === void 0 ? [] : _ref10$actions;
         return _objectSpread(_objectSpread({}, column), {}, {
           actions: (actions || []).reduce(function (acc, action) {
             if (action === 'delete') {
@@ -1166,9 +1189,9 @@ function MediasBrowser(_ref) {
         var _item$id = item.id,
           itemId = _item$id === void 0 ? null : _item$id;
         return (allItems || []).find(function () {
-          var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-            _ref9$id = _ref9.id,
-            otherId = _ref9$id === void 0 ? null : _ref9$id;
+          var _ref11 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+            _ref11$id = _ref11.id,
+            otherId = _ref11$id === void 0 ? null : _ref11$id;
           return otherId === itemId;
         }) || item || null;
       }).filter(function (it) {
@@ -1276,19 +1299,18 @@ function MediasBrowser(_ref) {
     ,
     actionsProps: {
       getDeletePropsFromItem: function getDeletePropsFromItem() {
-        var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref10$id = _ref10.id,
-          id = _ref10$id === void 0 ? null : _ref10$id;
-        return _objectSpread({
+        var _ref12 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref12$id = _ref12.id,
+          id = _ref12$id === void 0 ? null : _ref12$id;
+        return {
           href: null,
-          withConfirmation: true,
+          withConfirmation: false,
           disabled: trashing || deleting,
-          icon: showTrashed ? 'trash-fill' : 'trash'
-        }, withTrash ? {
+          icon: showTrashed ? 'trash-fill' : 'trash',
           onClick: function onClick() {
-            return !showTrashed && withTrash ? mediaTrash(id) : mediaDelete(id);
+            return onTrashMedia(id);
           }
-        } : null);
+        };
       },
       getEditPropsFromItem: function getEditPropsFromItem(it) {
         return {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/medias",
-    "version": "3.0.211",
+    "version": "3.0.213",
     "description": "",
     "keywords": [
         "javascript"
@@ -69,5 +69,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "852b4a2eb4644413197a8f91739cf74f42b039f4"
+    "gitHead": "a16116d0e72d39c30fcc5e5c06ea4af629f2f0f5"
 }