@panneau/medias 3.0.175 → 3.0.177

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 (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +7 -11
  3. package/lib/index.js +7 -11
  4. package/package.json +16 -16
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .panneau-medias-mediaFrame{aspect-ratio:1/1;margin-bottom:10px;position:relative}.panneau-medias-playButton{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
1
+ .panneau-medias-mediasBrowser{--bs-input-color:var(--bs-body-bg)}.panneau-medias-mediaFrame{aspect-ratio:1/1;margin-bottom:10px;position:relative}.panneau-medias-playButton{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
package/es/index.js CHANGED
@@ -191,7 +191,7 @@ var useMediaTrash = function useMediaTrash() {
191
191
  };
192
192
  var useMediaTrash$1 = useMediaTrash;
193
193
 
194
- var styles = {"mediaFrame":"panneau-medias-mediaFrame","playButton":"panneau-medias-playButton"};
194
+ var styles = {"mediasBrowser":"panneau-medias-mediasBrowser","mediaFrame":"panneau-medias-mediaFrame","playButton":"panneau-medias-playButton"};
195
195
 
196
196
  var propTypes$8 = {
197
197
  value: PropTypes.shape({
@@ -280,7 +280,6 @@ var defaultFields = [{
280
280
  type: 'display',
281
281
  display: 'avatar',
282
282
  name: 'user',
283
- isListItem: true,
284
283
  horizontal: true
285
284
  }, {
286
285
  id: 'created_at',
@@ -295,7 +294,6 @@ var defaultFields = [{
295
294
  display: 'date',
296
295
  name: 'created_at',
297
296
  format: 'yyyy-MM-dd hh:ss',
298
- isListItem: true,
299
297
  horizontal: true
300
298
  }]
301
299
  }, {
@@ -323,7 +321,6 @@ var defaultFields = [{
323
321
  display: 'unit',
324
322
  format: 'format',
325
323
  name: 'format',
326
- isListItem: true,
327
324
  horizontal: true
328
325
  }, {
329
326
  id: 'dimensions',
@@ -338,7 +335,6 @@ var defaultFields = [{
338
335
  display: 'unit',
339
336
  format: 'dimensions',
340
337
  name: 'metadata',
341
- isListItem: true,
342
338
  horizontal: true
343
339
  }, {
344
340
  id: 'size',
@@ -353,7 +349,6 @@ var defaultFields = [{
353
349
  display: 'unit',
354
350
  format: 'bytes',
355
351
  name: 'metadata.size',
356
- isListItem: true,
357
352
  horizontal: true
358
353
  }, {
359
354
  id: 'duration',
@@ -368,7 +363,6 @@ var defaultFields = [{
368
363
  display: 'unit',
369
364
  format: 'duration',
370
365
  name: 'metadata.duration',
371
- isListItem: true,
372
366
  horizontal: true
373
367
  }]
374
368
  }];
@@ -950,7 +944,9 @@ function MediasBrowser(_ref) {
950
944
  _useMedias$pagination = _useMedias.pagination,
951
945
  _useMedias$pagination2 = _useMedias$pagination === void 0 ? {} : _useMedias$pagination,
952
946
  lastPage = _useMedias$pagination2.lastPage,
953
- total = _useMedias$pagination2.total;
947
+ total = _useMedias$pagination2.total,
948
+ _useMedias$pages = _useMedias.pages,
949
+ pages = _useMedias$pages === void 0 ? null : _useMedias$pages;
954
950
 
955
951
  // For picker
956
952
  useEffect(function () {
@@ -994,7 +990,7 @@ function MediasBrowser(_ref) {
994
990
  query: query,
995
991
  onClickPage: onPageChange,
996
992
  theme: theme,
997
- loading: loading,
993
+ loading: loading && pages !== null,
998
994
  selectedCount: selectedCount,
999
995
  onClearSelected: onClearSelected,
1000
996
  withPreviousNext: true,
@@ -1062,7 +1058,7 @@ function MediasBrowser(_ref) {
1062
1058
  return items;
1063
1059
  }, [items, page, allItems, withStickySelection, extraItems]);
1064
1060
  return /*#__PURE__*/React.createElement("div", {
1065
- className: classNames([styles.container, className])
1061
+ className: classNames([styles.mediasBrowser, className])
1066
1062
  }, currentMedia !== null ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
1067
1063
  className: "mt-2 mb-4"
1068
1064
  }, /*#__PURE__*/React.createElement(Button, {
@@ -1153,7 +1149,7 @@ function MediasBrowser(_ref) {
1153
1149
  return {
1154
1150
  href: null,
1155
1151
  onClick: function onClick() {
1156
- return showTrashed ? mediaDelete(id) : mediaTrash(id);
1152
+ return !showTrashed && withTrash ? mediaTrash(id) : mediaDelete(id);
1157
1153
  },
1158
1154
  disabled: trashing || deleting,
1159
1155
  icon: showTrashed ? 'trash-fill' : 'trash'
package/lib/index.js CHANGED
@@ -193,7 +193,7 @@ var useMediaTrash = function useMediaTrash() {
193
193
  };
194
194
  var useMediaTrash$1 = useMediaTrash;
195
195
 
196
- var styles = {"mediaFrame":"panneau-medias-mediaFrame","playButton":"panneau-medias-playButton"};
196
+ var styles = {"mediasBrowser":"panneau-medias-mediasBrowser","mediaFrame":"panneau-medias-mediaFrame","playButton":"panneau-medias-playButton"};
197
197
 
198
198
  var propTypes$8 = {
199
199
  value: PropTypes.shape({
@@ -282,7 +282,6 @@ var defaultFields = [{
282
282
  type: 'display',
283
283
  display: 'avatar',
284
284
  name: 'user',
285
- isListItem: true,
286
285
  horizontal: true
287
286
  }, {
288
287
  id: 'created_at',
@@ -297,7 +296,6 @@ var defaultFields = [{
297
296
  display: 'date',
298
297
  name: 'created_at',
299
298
  format: 'yyyy-MM-dd hh:ss',
300
- isListItem: true,
301
299
  horizontal: true
302
300
  }]
303
301
  }, {
@@ -325,7 +323,6 @@ var defaultFields = [{
325
323
  display: 'unit',
326
324
  format: 'format',
327
325
  name: 'format',
328
- isListItem: true,
329
326
  horizontal: true
330
327
  }, {
331
328
  id: 'dimensions',
@@ -340,7 +337,6 @@ var defaultFields = [{
340
337
  display: 'unit',
341
338
  format: 'dimensions',
342
339
  name: 'metadata',
343
- isListItem: true,
344
340
  horizontal: true
345
341
  }, {
346
342
  id: 'size',
@@ -355,7 +351,6 @@ var defaultFields = [{
355
351
  display: 'unit',
356
352
  format: 'bytes',
357
353
  name: 'metadata.size',
358
- isListItem: true,
359
354
  horizontal: true
360
355
  }, {
361
356
  id: 'duration',
@@ -370,7 +365,6 @@ var defaultFields = [{
370
365
  display: 'unit',
371
366
  format: 'duration',
372
367
  name: 'metadata.duration',
373
- isListItem: true,
374
368
  horizontal: true
375
369
  }]
376
370
  }];
@@ -952,7 +946,9 @@ function MediasBrowser(_ref) {
952
946
  _useMedias$pagination = _useMedias.pagination,
953
947
  _useMedias$pagination2 = _useMedias$pagination === void 0 ? {} : _useMedias$pagination,
954
948
  lastPage = _useMedias$pagination2.lastPage,
955
- total = _useMedias$pagination2.total;
949
+ total = _useMedias$pagination2.total,
950
+ _useMedias$pages = _useMedias.pages,
951
+ pages = _useMedias$pages === void 0 ? null : _useMedias$pages;
956
952
 
957
953
  // For picker
958
954
  React.useEffect(function () {
@@ -996,7 +992,7 @@ function MediasBrowser(_ref) {
996
992
  query: query,
997
993
  onClickPage: onPageChange,
998
994
  theme: theme,
999
- loading: loading,
995
+ loading: loading && pages !== null,
1000
996
  selectedCount: selectedCount,
1001
997
  onClearSelected: onClearSelected,
1002
998
  withPreviousNext: true,
@@ -1064,7 +1060,7 @@ function MediasBrowser(_ref) {
1064
1060
  return items;
1065
1061
  }, [items, page, allItems, withStickySelection, extraItems]);
1066
1062
  return /*#__PURE__*/React.createElement("div", {
1067
- className: classNames([styles.container, className])
1063
+ className: classNames([styles.mediasBrowser, className])
1068
1064
  }, currentMedia !== null ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
1069
1065
  className: "mt-2 mb-4"
1070
1066
  }, /*#__PURE__*/React.createElement(Button, {
@@ -1155,7 +1151,7 @@ function MediasBrowser(_ref) {
1155
1151
  return {
1156
1152
  href: null,
1157
1153
  onClick: function onClick() {
1158
- return showTrashed ? mediaDelete(id) : mediaTrash(id);
1154
+ return !showTrashed && withTrash ? mediaTrash(id) : mediaDelete(id);
1159
1155
  },
1160
1156
  disabled: trashing || deleting,
1161
1157
  icon: showTrashed ? 'trash-fill' : 'trash'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/medias",
3
- "version": "3.0.175",
3
+ "version": "3.0.177",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -46,20 +46,20 @@
46
46
  },
47
47
  "dependencies": {
48
48
  "@babel/runtime": "^7.12.5",
49
- "@panneau/core": "^3.0.175",
50
- "@panneau/data": "^3.0.175",
51
- "@panneau/display-image": "^3.0.175",
52
- "@panneau/element-button": "^3.0.175",
53
- "@panneau/element-buttons": "^3.0.175",
54
- "@panneau/element-form": "^3.0.175",
55
- "@panneau/element-form-status": "^3.0.175",
56
- "@panneau/element-grid": "^3.0.175",
57
- "@panneau/element-icon": "^3.0.175",
58
- "@panneau/element-media-card": "^3.0.175",
59
- "@panneau/element-media-player": "^3.0.175",
60
- "@panneau/element-pagination": "^3.0.175",
61
- "@panneau/element-table": "^3.0.175",
62
- "@panneau/filter-filters": "^3.0.175",
49
+ "@panneau/core": "^3.0.176",
50
+ "@panneau/data": "^3.0.176",
51
+ "@panneau/display-image": "^3.0.177",
52
+ "@panneau/element-button": "^3.0.177",
53
+ "@panneau/element-buttons": "^3.0.177",
54
+ "@panneau/element-form": "^3.0.177",
55
+ "@panneau/element-form-status": "^3.0.176",
56
+ "@panneau/element-grid": "^3.0.176",
57
+ "@panneau/element-icon": "^3.0.176",
58
+ "@panneau/element-media-card": "^3.0.177",
59
+ "@panneau/element-media-player": "^3.0.176",
60
+ "@panneau/element-pagination": "^3.0.177",
61
+ "@panneau/element-table": "^3.0.177",
62
+ "@panneau/filter-filters": "^3.0.177",
63
63
  "classnames": "^2.5.1",
64
64
  "lodash": "^4.17.21",
65
65
  "prop-types": "^15.7.2",
@@ -68,5 +68,5 @@
68
68
  "publishConfig": {
69
69
  "access": "public"
70
70
  },
71
- "gitHead": "cb8320f1041e7ced6bcf77dd6d32661950215a92"
71
+ "gitHead": "1a019f94f7dd3e0b4403d20718140def529eba97"
72
72
  }