@panneau/medias 3.0.195 → 3.0.197

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.
Files changed (3) hide show
  1. package/es/index.js +35 -32
  2. package/lib/index.js +35 -32
  3. package/package.json +3 -3
package/es/index.js CHANGED
@@ -1012,6 +1012,21 @@ function MediasBrowser(_ref) {
1012
1012
  _useState10 = _slicedToArray(_useState9, 2),
1013
1013
  uploadProcessing = _useState10[0],
1014
1014
  setUploadProcessing = _useState10[1];
1015
+ var onUploadedMediaChanged = useCallback(function (newMedias) {
1016
+ var uploadedNewMedias = (isArray(newMedias) ? [].concat(_toConsumableArray(newMedias), _toConsumableArray(uploadedMedias || [])) : [newMedias].concat(_toConsumableArray(uploadedMedias || []))).filter(function (it) {
1017
+ return it !== null;
1018
+ });
1019
+ setUploadedMedias(uploadedNewMedias);
1020
+ if (onSelectionChange !== null) {
1021
+ var _ref4 = newMedias || [],
1022
+ _ref5 = _slicedToArray(_ref4, 1),
1023
+ _ref5$ = _ref5[0],
1024
+ firstMedia = _ref5$ === void 0 ? null : _ref5$;
1025
+ onSelectionChange(multipleSelection && isArray(newMedias) ? newMedias : firstMedia);
1026
+ onQueryReset();
1027
+ reload();
1028
+ }
1029
+ }, [onSelectionChange, setUploadedMedias, uploadedMedias, onQueryReset, reload, multipleSelection]);
1015
1030
  var onUploadComplete = useCallback(function () {
1016
1031
  var medias = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
1017
1032
  if (medias === null) return;
@@ -1021,28 +1036,15 @@ function MediasBrowser(_ref) {
1021
1036
  if (onMediaUploaded !== null) {
1022
1037
  setUploadProcessing(true);
1023
1038
  onMediaUploaded(rawMedias).then(function (newMedias) {
1024
- var uploadedNewMedias = (isArray(newMedias) ? [].concat(_toConsumableArray(uploadedMedias || []), _toConsumableArray(newMedias)) : [].concat(_toConsumableArray(uploadedMedias || []), [newMedias])).filter(function (it) {
1025
- return it !== null;
1026
- });
1027
- setUploadedMedias(uploadedNewMedias);
1028
- if (onSelectionChange !== null) {
1029
- onSelectionChange(newMedias);
1030
- onQueryReset(); // think about this
1031
- reload();
1032
- }
1039
+ onUploadedMediaChanged(newMedias);
1033
1040
  setUploadProcessing(false);
1034
1041
  })["catch"](function () {
1035
1042
  setUploadProcessing(false);
1036
1043
  });
1037
1044
  } else {
1038
- setUploadedMedias(rawMedias);
1039
- if (onSelectionChange !== null) {
1040
- onSelectionChange(rawMedias);
1041
- onQueryReset();
1042
- reload();
1043
- }
1045
+ onUploadedMediaChanged(rawMedias);
1044
1046
  }
1045
- }, [onMediaUploaded, reload, onQueryReset, onSelectionChange, uploadedMedias, setUploadedMedias, setUploadProcessing]);
1047
+ }, [onMediaUploaded, setUploadedMedias, setUploadProcessing, onUploadedMediaChanged]);
1046
1048
  var pagination = /*#__PURE__*/React.createElement(Pagination, {
1047
1049
  page: page,
1048
1050
  lastPage: lastPage,
@@ -1071,9 +1073,9 @@ function MediasBrowser(_ref) {
1071
1073
  }]) : filters;
1072
1074
  if (types !== null && partialFilters !== null) {
1073
1075
  return (partialFilters || []).map(function (filter) {
1074
- var _ref4 = filter || {},
1075
- _ref4$id = _ref4.id,
1076
- id = _ref4$id === void 0 ? null : _ref4$id;
1076
+ var _ref6 = filter || {},
1077
+ _ref6$id = _ref6.id,
1078
+ id = _ref6$id === void 0 ? null : _ref6$id;
1077
1079
  return id === 'types' ? _objectSpread(_objectSpread({}, filter), {}, {
1078
1080
  disabled: true
1079
1081
  }) : filter;
@@ -1083,9 +1085,9 @@ function MediasBrowser(_ref) {
1083
1085
  }, [filters, types, withTrash, showTrashed, onClickTrash]);
1084
1086
  var finalColumns = useMemo(function () {
1085
1087
  return withTrash && showTrashed ? (columns || []).map(function (column) {
1086
- var _ref5 = column || {},
1087
- _ref5$id = _ref5.id,
1088
- columnId = _ref5$id === void 0 ? null : _ref5$id;
1088
+ var _ref7 = column || {},
1089
+ _ref7$id = _ref7.id,
1090
+ columnId = _ref7$id === void 0 ? null : _ref7$id;
1089
1091
  if (columnId === 'created_at') {
1090
1092
  return _objectSpread(_objectSpread({}, column), {}, {
1091
1093
  path: 'deleted_at',
@@ -1099,9 +1101,9 @@ function MediasBrowser(_ref) {
1099
1101
  });
1100
1102
  }
1101
1103
  if (columnId === 'actions') {
1102
- var _ref6 = column || {},
1103
- _ref6$actions = _ref6.actions,
1104
- actions = _ref6$actions === void 0 ? [] : _ref6$actions;
1104
+ var _ref8 = column || {},
1105
+ _ref8$actions = _ref8.actions,
1106
+ actions = _ref8$actions === void 0 ? [] : _ref8$actions;
1105
1107
  return _objectSpread(_objectSpread({}, column), {}, {
1106
1108
  actions: (actions || []).reduce(function (acc, action) {
1107
1109
  if (action === 'delete') {
@@ -1126,9 +1128,9 @@ function MediasBrowser(_ref) {
1126
1128
  var _item$id = item.id,
1127
1129
  itemId = _item$id === void 0 ? null : _item$id;
1128
1130
  return (allItems || []).find(function () {
1129
- var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
1130
- _ref7$id = _ref7.id,
1131
- otherId = _ref7$id === void 0 ? null : _ref7$id;
1131
+ var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
1132
+ _ref9$id = _ref9.id,
1133
+ otherId = _ref9$id === void 0 ? null : _ref9$id;
1132
1134
  return otherId === itemId;
1133
1135
  }) || item || null;
1134
1136
  }).filter(function (it) {
@@ -1176,7 +1178,8 @@ function MediasBrowser(_ref) {
1176
1178
  uppyConfig: uppyConfig,
1177
1179
  onChange: onUploadComplete,
1178
1180
  disabled: uploadProcessing,
1179
- loading: uploadProcessing
1181
+ loading: uploadProcessing,
1182
+ closeAfterFinish: true
1180
1183
  }) : null), /*#__PURE__*/React.createElement("div", {
1181
1184
  className: classNames(['d-flex', 'mt-1', 'mb-3', {
1182
1185
  'justify-content-between': hasLayouts,
@@ -1227,9 +1230,9 @@ function MediasBrowser(_ref) {
1227
1230
  loading: loading,
1228
1231
  actionsProps: {
1229
1232
  getDeletePropsFromItem: function getDeletePropsFromItem() {
1230
- var _ref8 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
1231
- _ref8$id = _ref8.id,
1232
- id = _ref8$id === void 0 ? null : _ref8$id;
1233
+ var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
1234
+ _ref10$id = _ref10.id,
1235
+ id = _ref10$id === void 0 ? null : _ref10$id;
1233
1236
  return {
1234
1237
  href: null,
1235
1238
  onClick: function onClick() {
package/lib/index.js CHANGED
@@ -1014,6 +1014,21 @@ function MediasBrowser(_ref) {
1014
1014
  _useState10 = _slicedToArray(_useState9, 2),
1015
1015
  uploadProcessing = _useState10[0],
1016
1016
  setUploadProcessing = _useState10[1];
1017
+ var onUploadedMediaChanged = React.useCallback(function (newMedias) {
1018
+ var uploadedNewMedias = (isArray(newMedias) ? [].concat(_toConsumableArray(newMedias), _toConsumableArray(uploadedMedias || [])) : [newMedias].concat(_toConsumableArray(uploadedMedias || []))).filter(function (it) {
1019
+ return it !== null;
1020
+ });
1021
+ setUploadedMedias(uploadedNewMedias);
1022
+ if (onSelectionChange !== null) {
1023
+ var _ref4 = newMedias || [],
1024
+ _ref5 = _slicedToArray(_ref4, 1),
1025
+ _ref5$ = _ref5[0],
1026
+ firstMedia = _ref5$ === void 0 ? null : _ref5$;
1027
+ onSelectionChange(multipleSelection && isArray(newMedias) ? newMedias : firstMedia);
1028
+ onQueryReset();
1029
+ reload();
1030
+ }
1031
+ }, [onSelectionChange, setUploadedMedias, uploadedMedias, onQueryReset, reload, multipleSelection]);
1017
1032
  var onUploadComplete = React.useCallback(function () {
1018
1033
  var medias = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
1019
1034
  if (medias === null) return;
@@ -1023,28 +1038,15 @@ function MediasBrowser(_ref) {
1023
1038
  if (onMediaUploaded !== null) {
1024
1039
  setUploadProcessing(true);
1025
1040
  onMediaUploaded(rawMedias).then(function (newMedias) {
1026
- var uploadedNewMedias = (isArray(newMedias) ? [].concat(_toConsumableArray(uploadedMedias || []), _toConsumableArray(newMedias)) : [].concat(_toConsumableArray(uploadedMedias || []), [newMedias])).filter(function (it) {
1027
- return it !== null;
1028
- });
1029
- setUploadedMedias(uploadedNewMedias);
1030
- if (onSelectionChange !== null) {
1031
- onSelectionChange(newMedias);
1032
- onQueryReset(); // think about this
1033
- reload();
1034
- }
1041
+ onUploadedMediaChanged(newMedias);
1035
1042
  setUploadProcessing(false);
1036
1043
  })["catch"](function () {
1037
1044
  setUploadProcessing(false);
1038
1045
  });
1039
1046
  } else {
1040
- setUploadedMedias(rawMedias);
1041
- if (onSelectionChange !== null) {
1042
- onSelectionChange(rawMedias);
1043
- onQueryReset();
1044
- reload();
1045
- }
1047
+ onUploadedMediaChanged(rawMedias);
1046
1048
  }
1047
- }, [onMediaUploaded, reload, onQueryReset, onSelectionChange, uploadedMedias, setUploadedMedias, setUploadProcessing]);
1049
+ }, [onMediaUploaded, setUploadedMedias, setUploadProcessing, onUploadedMediaChanged]);
1048
1050
  var pagination = /*#__PURE__*/React.createElement(Pagination, {
1049
1051
  page: page,
1050
1052
  lastPage: lastPage,
@@ -1073,9 +1075,9 @@ function MediasBrowser(_ref) {
1073
1075
  }]) : filters;
1074
1076
  if (types !== null && partialFilters !== null) {
1075
1077
  return (partialFilters || []).map(function (filter) {
1076
- var _ref4 = filter || {},
1077
- _ref4$id = _ref4.id,
1078
- id = _ref4$id === void 0 ? null : _ref4$id;
1078
+ var _ref6 = filter || {},
1079
+ _ref6$id = _ref6.id,
1080
+ id = _ref6$id === void 0 ? null : _ref6$id;
1079
1081
  return id === 'types' ? _objectSpread(_objectSpread({}, filter), {}, {
1080
1082
  disabled: true
1081
1083
  }) : filter;
@@ -1085,9 +1087,9 @@ function MediasBrowser(_ref) {
1085
1087
  }, [filters, types, withTrash, showTrashed, onClickTrash]);
1086
1088
  var finalColumns = React.useMemo(function () {
1087
1089
  return withTrash && showTrashed ? (columns || []).map(function (column) {
1088
- var _ref5 = column || {},
1089
- _ref5$id = _ref5.id,
1090
- columnId = _ref5$id === void 0 ? null : _ref5$id;
1090
+ var _ref7 = column || {},
1091
+ _ref7$id = _ref7.id,
1092
+ columnId = _ref7$id === void 0 ? null : _ref7$id;
1091
1093
  if (columnId === 'created_at') {
1092
1094
  return _objectSpread(_objectSpread({}, column), {}, {
1093
1095
  path: 'deleted_at',
@@ -1101,9 +1103,9 @@ function MediasBrowser(_ref) {
1101
1103
  });
1102
1104
  }
1103
1105
  if (columnId === 'actions') {
1104
- var _ref6 = column || {},
1105
- _ref6$actions = _ref6.actions,
1106
- actions = _ref6$actions === void 0 ? [] : _ref6$actions;
1106
+ var _ref8 = column || {},
1107
+ _ref8$actions = _ref8.actions,
1108
+ actions = _ref8$actions === void 0 ? [] : _ref8$actions;
1107
1109
  return _objectSpread(_objectSpread({}, column), {}, {
1108
1110
  actions: (actions || []).reduce(function (acc, action) {
1109
1111
  if (action === 'delete') {
@@ -1128,9 +1130,9 @@ function MediasBrowser(_ref) {
1128
1130
  var _item$id = item.id,
1129
1131
  itemId = _item$id === void 0 ? null : _item$id;
1130
1132
  return (allItems || []).find(function () {
1131
- var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
1132
- _ref7$id = _ref7.id,
1133
- otherId = _ref7$id === void 0 ? null : _ref7$id;
1133
+ var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
1134
+ _ref9$id = _ref9.id,
1135
+ otherId = _ref9$id === void 0 ? null : _ref9$id;
1134
1136
  return otherId === itemId;
1135
1137
  }) || item || null;
1136
1138
  }).filter(function (it) {
@@ -1178,7 +1180,8 @@ function MediasBrowser(_ref) {
1178
1180
  uppyConfig: uppyConfig,
1179
1181
  onChange: onUploadComplete,
1180
1182
  disabled: uploadProcessing,
1181
- loading: uploadProcessing
1183
+ loading: uploadProcessing,
1184
+ closeAfterFinish: true
1182
1185
  }) : null), /*#__PURE__*/React.createElement("div", {
1183
1186
  className: classNames(['d-flex', 'mt-1', 'mb-3', {
1184
1187
  'justify-content-between': hasLayouts,
@@ -1229,9 +1232,9 @@ function MediasBrowser(_ref) {
1229
1232
  loading: loading,
1230
1233
  actionsProps: {
1231
1234
  getDeletePropsFromItem: function getDeletePropsFromItem() {
1232
- var _ref8 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
1233
- _ref8$id = _ref8.id,
1234
- id = _ref8$id === void 0 ? null : _ref8$id;
1235
+ var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
1236
+ _ref10$id = _ref10.id,
1237
+ id = _ref10$id === void 0 ? null : _ref10$id;
1235
1238
  return {
1236
1239
  href: null,
1237
1240
  onClick: function onClick() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/medias",
3
- "version": "3.0.195",
3
+ "version": "3.0.197",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -59,7 +59,7 @@
59
59
  "@panneau/element-media-player": "^3.0.194",
60
60
  "@panneau/element-pagination": "^3.0.194",
61
61
  "@panneau/element-table": "^3.0.194",
62
- "@panneau/field-upload": "^3.0.194",
62
+ "@panneau/field-upload": "^3.0.197",
63
63
  "@panneau/filter-filters": "^3.0.194",
64
64
  "classnames": "^2.5.1",
65
65
  "lodash": "^4.17.21",
@@ -69,5 +69,5 @@
69
69
  "publishConfig": {
70
70
  "access": "public"
71
71
  },
72
- "gitHead": "bc2512e8f6c7b1325ff082f463dbaabb74689d83"
72
+ "gitHead": "1d58a5294a2f28a96c998462f1eb421503db2bc2"
73
73
  }