@panneau/medias 3.0.310 → 4.0.1

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 (2) hide show
  1. package/es/index.js +124 -152
  2. package/package.json +18 -18
package/es/index.js CHANGED
@@ -46,11 +46,9 @@ var propTypes$9 = {
46
46
  api: apiPropTypes,
47
47
  children: PropTypes.node.isRequired
48
48
  };
49
- var defaultProps$9 = {
50
- api: null
51
- };
52
49
  function MediasApiProvider(_ref) {
53
- var providedApi = _ref.api,
50
+ var _ref$api = _ref.api,
51
+ providedApi = _ref$api === void 0 ? null : _ref$api,
54
52
  children = _ref.children;
55
53
  var previousApi = useMediasApi();
56
54
  var api = useMemo(function () {
@@ -61,7 +59,6 @@ function MediasApiProvider(_ref) {
61
59
  }, children);
62
60
  }
63
61
  MediasApiProvider.propTypes = propTypes$9;
64
- MediasApiProvider.defaultProps = defaultProps$9;
65
62
 
66
63
  var _excluded$7 = ["items"];
67
64
  var useMedias = function useMedias() {
@@ -237,15 +234,13 @@ var propTypes$8 = {
237
234
  showPlayer: PropTypes.bool,
238
235
  className: PropTypes.string
239
236
  };
240
- var defaultProps$8 = {
241
- value: null,
242
- showPlayer: true,
243
- className: null
244
- };
245
237
  function MediaFrame(_ref) {
246
- var value = _ref.value,
247
- initialShowPlayer = _ref.showPlayer,
248
- className = _ref.className;
238
+ var _ref$value = _ref.value,
239
+ value = _ref$value === void 0 ? null : _ref$value,
240
+ _ref$showPlayer = _ref.showPlayer,
241
+ initialShowPlayer = _ref$showPlayer === void 0 ? true : _ref$showPlayer,
242
+ _ref$className = _ref.className,
243
+ className = _ref$className === void 0 ? null : _ref$className;
249
244
  var _useState = useState(initialShowPlayer),
250
245
  _useState2 = _slicedToArray(_useState, 2),
251
246
  showPlayer = _useState2[0],
@@ -271,7 +266,6 @@ function MediaFrame(_ref) {
271
266
  }));
272
267
  }
273
268
  MediaFrame.propTypes = propTypes$8;
274
- MediaFrame.defaultProps = defaultProps$8;
275
269
 
276
270
  var defaultFields = [{
277
271
  name: 'name',
@@ -439,33 +433,31 @@ var propTypes$7 = {
439
433
  className: PropTypes.string,
440
434
  children: PropTypes.node
441
435
  };
442
- var defaultProps$7 = {
443
- value: null,
444
- fields: defaultFields,
445
- onChange: null,
446
- onSave: null,
447
- onReplace: null,
448
- onDelete: null,
449
- onClose: null,
450
- withDelete: false,
451
- withTrash: false,
452
- withReplace: false,
453
- className: null,
454
- children: null
455
- };
456
436
  function MediaForm(_ref) {
457
- var initialValue = _ref.value,
458
- initialFields = _ref.fields,
459
- onChange = _ref.onChange,
460
- onSave = _ref.onSave,
461
- onReplace = _ref.onReplace,
462
- onDelete = _ref.onDelete,
463
- onClose = _ref.onClose,
464
- withDelete = _ref.withDelete,
465
- withTrash = _ref.withTrash,
466
- withReplace = _ref.withReplace,
467
- className = _ref.className,
468
- children = _ref.children;
437
+ var _ref$value = _ref.value,
438
+ initialValue = _ref$value === void 0 ? null : _ref$value,
439
+ _ref$fields = _ref.fields,
440
+ initialFields = _ref$fields === void 0 ? defaultFields : _ref$fields,
441
+ _ref$onChange = _ref.onChange,
442
+ onChange = _ref$onChange === void 0 ? null : _ref$onChange,
443
+ _ref$onSave = _ref.onSave,
444
+ onSave = _ref$onSave === void 0 ? null : _ref$onSave,
445
+ _ref$onReplace = _ref.onReplace,
446
+ onReplace = _ref$onReplace === void 0 ? null : _ref$onReplace,
447
+ _ref$onDelete = _ref.onDelete,
448
+ onDelete = _ref$onDelete === void 0 ? null : _ref$onDelete,
449
+ _ref$onClose = _ref.onClose,
450
+ onClose = _ref$onClose === void 0 ? null : _ref$onClose,
451
+ _ref$withDelete = _ref.withDelete,
452
+ withDelete = _ref$withDelete === void 0 ? false : _ref$withDelete,
453
+ _ref$withTrash = _ref.withTrash,
454
+ withTrash = _ref$withTrash === void 0 ? false : _ref$withTrash,
455
+ _ref$withReplace = _ref.withReplace,
456
+ withReplace = _ref$withReplace === void 0 ? false : _ref$withReplace,
457
+ _ref$className = _ref.className,
458
+ className = _ref$className === void 0 ? null : _ref$className,
459
+ _ref$children = _ref.children,
460
+ children = _ref$children === void 0 ? null : _ref$children;
469
461
  var FieldsComponent = useFieldComponent('fields');
470
462
  var _useMediaUpdate = useMediaUpdate(),
471
463
  update = _useMediaUpdate.update,
@@ -656,7 +648,6 @@ function MediaForm(_ref) {
656
648
  })) : null)));
657
649
  }
658
650
  MediaForm.propTypes = propTypes$7;
659
- MediaForm.defaultProps = defaultProps$7;
660
651
 
661
652
  var MediaContext = /*#__PURE__*/React.createContext(null);
662
653
  var useCurrentMedia = function useCurrentMedia() {
@@ -668,11 +659,9 @@ var propTypes$6 = {
668
659
  }),
669
660
  children: PropTypes.node.isRequired
670
661
  };
671
- var defaultProps$6 = {
672
- media: null
673
- };
674
662
  function MediaProvider(_ref) {
675
- var providedMedia = _ref.media,
663
+ var _ref$media = _ref.media,
664
+ providedMedia = _ref$media === void 0 ? null : _ref$media,
676
665
  children = _ref.children;
677
666
  var _useState = useState(providedMedia),
678
667
  _useState2 = _slicedToArray(_useState, 2),
@@ -689,7 +678,6 @@ function MediaProvider(_ref) {
689
678
  }, children);
690
679
  }
691
680
  MediaProvider.propTypes = propTypes$6;
692
- MediaProvider.defaultProps = defaultProps$6;
693
681
 
694
682
  var defaultColumns = [{
695
683
  id: 'image',
@@ -903,6 +891,18 @@ var defaultFilters = [{
903
891
 
904
892
  var _excluded$5 = ["page", "count"],
905
893
  _excluded2 = ["types", "trashed"];
894
+ var DEFAULT_LAYOUTS = [{
895
+ id: 'table',
896
+ label: /*#__PURE__*/React.createElement(Icon, {
897
+ name: "table"
898
+ })
899
+ }, {
900
+ id: 'grid',
901
+ label: /*#__PURE__*/React.createElement(Icon, {
902
+ name: "grid"
903
+ })
904
+ }];
905
+ var DEFAULT_UPPY_CONFIG = {};
906
906
  var propTypes$5 = {
907
907
  items: PropTypes$1.medias,
908
908
  extraItems: PropTypes$1.medias,
@@ -938,77 +938,65 @@ var propTypes$5 = {
938
938
  className: PropTypes.string,
939
939
  formChildren: PropTypes.node
940
940
  };
941
- var defaultProps$5 = {
942
- items: null,
943
- extraItems: null,
944
- types: null,
945
- permissions: null,
946
- filters: defaultFilters,
947
- columns: defaultColumns,
948
- fields: defaultFields,
949
- query: null,
950
- baseUrl: null,
951
- layout: 'table',
952
- layouts: [{
953
- id: 'table',
954
- label: /*#__PURE__*/React.createElement(Icon, {
955
- name: "table"
956
- })
957
- }, {
958
- id: 'grid',
959
- label: /*#__PURE__*/React.createElement(Icon, {
960
- name: "grid"
961
- })
962
- }],
963
- theme: null,
964
- onMediaUploaded: null,
965
- onItemsChange: null,
966
- onLayoutChange: null,
967
- onMediaFormOpen: null,
968
- onMediaFormClose: null,
969
- selectable: false,
970
- selectedItems: null,
971
- onSelectionChange: null,
972
- multipleSelection: false,
973
- uppyConfig: null,
974
- withDelete: false,
975
- withTrash: false,
976
- withReplace: false,
977
- withStickySelection: false,
978
- withoutUpload: false,
979
- className: null,
980
- formChildren: null
981
- };
982
941
  function MediasBrowser(_ref) {
983
- var initialItems = _ref.items,
984
- extraItems = _ref.extraItems,
985
- types = _ref.types,
986
- permissions = _ref.permissions,
987
- baseUrl = _ref.baseUrl,
988
- filters = _ref.filters,
989
- columns = _ref.columns,
990
- fields = _ref.fields,
991
- initialQuery = _ref.query,
992
- initialLayout = _ref.layout,
993
- layouts = _ref.layouts,
994
- theme = _ref.theme,
995
- onMediaUploaded = _ref.onMediaUploaded,
996
- onItemsChange = _ref.onItemsChange,
997
- onLayoutChange = _ref.onLayoutChange,
998
- onMediaFormOpen = _ref.onMediaFormOpen,
999
- onMediaFormClose = _ref.onMediaFormClose,
1000
- selectable = _ref.selectable,
1001
- selectedItems = _ref.selectedItems,
1002
- onSelectionChange = _ref.onSelectionChange,
1003
- multipleSelection = _ref.multipleSelection,
1004
- uppyConfig = _ref.uppyConfig,
1005
- withDelete = _ref.withDelete,
1006
- withTrash = _ref.withTrash,
1007
- withReplace = _ref.withReplace,
1008
- withStickySelection = _ref.withStickySelection,
1009
- withoutUpload = _ref.withoutUpload,
1010
- className = _ref.className,
1011
- formChildren = _ref.formChildren;
942
+ var _ref$items = _ref.items,
943
+ initialItems = _ref$items === void 0 ? null : _ref$items,
944
+ _ref$extraItems = _ref.extraItems,
945
+ extraItems = _ref$extraItems === void 0 ? null : _ref$extraItems,
946
+ _ref$types = _ref.types,
947
+ types = _ref$types === void 0 ? null : _ref$types,
948
+ _ref$permissions = _ref.permissions,
949
+ permissions = _ref$permissions === void 0 ? null : _ref$permissions,
950
+ _ref$baseUrl = _ref.baseUrl,
951
+ baseUrl = _ref$baseUrl === void 0 ? null : _ref$baseUrl,
952
+ _ref$filters = _ref.filters,
953
+ filters = _ref$filters === void 0 ? defaultFilters : _ref$filters,
954
+ _ref$columns = _ref.columns,
955
+ columns = _ref$columns === void 0 ? defaultColumns : _ref$columns,
956
+ _ref$fields = _ref.fields,
957
+ fields = _ref$fields === void 0 ? defaultFields : _ref$fields,
958
+ _ref$query = _ref.query,
959
+ initialQuery = _ref$query === void 0 ? null : _ref$query,
960
+ _ref$layout = _ref.layout,
961
+ initialLayout = _ref$layout === void 0 ? 'table' : _ref$layout,
962
+ _ref$layouts = _ref.layouts,
963
+ layouts = _ref$layouts === void 0 ? DEFAULT_LAYOUTS : _ref$layouts,
964
+ _ref$theme = _ref.theme,
965
+ theme = _ref$theme === void 0 ? null : _ref$theme,
966
+ _ref$onMediaUploaded = _ref.onMediaUploaded,
967
+ onMediaUploaded = _ref$onMediaUploaded === void 0 ? null : _ref$onMediaUploaded,
968
+ _ref$onItemsChange = _ref.onItemsChange,
969
+ onItemsChange = _ref$onItemsChange === void 0 ? null : _ref$onItemsChange,
970
+ _ref$onLayoutChange = _ref.onLayoutChange,
971
+ onLayoutChange = _ref$onLayoutChange === void 0 ? null : _ref$onLayoutChange,
972
+ _ref$onMediaFormOpen = _ref.onMediaFormOpen,
973
+ onMediaFormOpen = _ref$onMediaFormOpen === void 0 ? null : _ref$onMediaFormOpen,
974
+ _ref$onMediaFormClose = _ref.onMediaFormClose,
975
+ onMediaFormClose = _ref$onMediaFormClose === void 0 ? null : _ref$onMediaFormClose,
976
+ _ref$selectable = _ref.selectable,
977
+ selectable = _ref$selectable === void 0 ? false : _ref$selectable,
978
+ _ref$selectedItems = _ref.selectedItems,
979
+ selectedItems = _ref$selectedItems === void 0 ? null : _ref$selectedItems,
980
+ _ref$onSelectionChang = _ref.onSelectionChange,
981
+ onSelectionChange = _ref$onSelectionChang === void 0 ? null : _ref$onSelectionChang,
982
+ _ref$multipleSelectio = _ref.multipleSelection,
983
+ multipleSelection = _ref$multipleSelectio === void 0 ? false : _ref$multipleSelectio,
984
+ _ref$uppyConfig = _ref.uppyConfig,
985
+ uppyConfig = _ref$uppyConfig === void 0 ? DEFAULT_UPPY_CONFIG : _ref$uppyConfig,
986
+ _ref$withDelete = _ref.withDelete,
987
+ withDelete = _ref$withDelete === void 0 ? false : _ref$withDelete,
988
+ _ref$withTrash = _ref.withTrash,
989
+ withTrash = _ref$withTrash === void 0 ? false : _ref$withTrash,
990
+ _ref$withReplace = _ref.withReplace,
991
+ withReplace = _ref$withReplace === void 0 ? false : _ref$withReplace,
992
+ _ref$withStickySelect = _ref.withStickySelection,
993
+ withStickySelection = _ref$withStickySelect === void 0 ? false : _ref$withStickySelect,
994
+ _ref$withoutUpload = _ref.withoutUpload,
995
+ withoutUpload = _ref$withoutUpload === void 0 ? false : _ref$withoutUpload,
996
+ _ref$className = _ref.className,
997
+ className = _ref$className === void 0 ? null : _ref$className,
998
+ _ref$formChildren = _ref.formChildren,
999
+ formChildren = _ref$formChildren === void 0 ? null : _ref$formChildren;
1012
1000
  var _useState = useState(initialItems || null),
1013
1001
  _useState2 = _slicedToArray(_useState, 1),
1014
1002
  baseItems = _useState2[0];
@@ -1474,7 +1462,6 @@ function MediasBrowser(_ref) {
1474
1462
  }, pagination) : null));
1475
1463
  }
1476
1464
  MediasBrowser.propTypes = propTypes$5;
1477
- MediasBrowser.defaultProps = defaultProps$5;
1478
1465
 
1479
1466
  var _excluded$4 = ["items", "value", "onChange", "multiple", "className"];
1480
1467
  var propTypes$4 = {
@@ -1484,18 +1471,16 @@ var propTypes$4 = {
1484
1471
  onChange: PropTypes.func.isRequired,
1485
1472
  className: PropTypes.string
1486
1473
  };
1487
- var defaultProps$4 = {
1488
- items: null,
1489
- value: null,
1490
- multiple: false,
1491
- className: null
1492
- };
1493
1474
  function MediasPicker(_ref) {
1494
- var initialItems = _ref.items,
1495
- initialSelectedItems = _ref.value,
1475
+ var _ref$items = _ref.items,
1476
+ initialItems = _ref$items === void 0 ? null : _ref$items,
1477
+ _ref$value = _ref.value,
1478
+ initialSelectedItems = _ref$value === void 0 ? null : _ref$value,
1496
1479
  onChange = _ref.onChange,
1497
- multiple = _ref.multiple,
1498
- className = _ref.className,
1480
+ _ref$multiple = _ref.multiple,
1481
+ multiple = _ref$multiple === void 0 ? false : _ref$multiple,
1482
+ _ref$className = _ref.className,
1483
+ className = _ref$className === void 0 ? null : _ref$className,
1499
1484
  props = _objectWithoutProperties(_ref, _excluded$4);
1500
1485
  // Keep the previous selection on top of first page
1501
1486
  var extraItems = useMemo(function () {
@@ -1536,7 +1521,6 @@ function MediasPicker(_ref) {
1536
1521
  }, props)));
1537
1522
  }
1538
1523
  MediasPicker.propTypes = propTypes$4;
1539
- MediasPicker.defaultProps = defaultProps$4;
1540
1524
 
1541
1525
  var _excluded$3 = ["api", "media"];
1542
1526
  var propTypes$3 = {
@@ -1545,13 +1529,11 @@ var propTypes$3 = {
1545
1529
  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
1546
1530
  })
1547
1531
  };
1548
- var defaultProps$3 = {
1549
- api: null,
1550
- media: null
1551
- };
1552
1532
  function MediasBrowserContainer(_ref) {
1553
- var api = _ref.api,
1554
- media = _ref.media,
1533
+ var _ref$api = _ref.api,
1534
+ api = _ref$api === void 0 ? null : _ref$api,
1535
+ _ref$media = _ref.media,
1536
+ media = _ref$media === void 0 ? null : _ref$media,
1555
1537
  props = _objectWithoutProperties(_ref, _excluded$3);
1556
1538
  return /*#__PURE__*/React.createElement(MediasApiProvider, {
1557
1539
  api: api
@@ -1560,7 +1542,6 @@ function MediasBrowserContainer(_ref) {
1560
1542
  }, /*#__PURE__*/React.createElement(MediasBrowser, props)));
1561
1543
  }
1562
1544
  MediasBrowserContainer.propTypes = propTypes$3;
1563
- MediasBrowserContainer.defaultProps = defaultProps$3;
1564
1545
 
1565
1546
  var _excluded$2 = ["api", "media", "onChange"];
1566
1547
  var propTypes$2 = {
@@ -1570,13 +1551,11 @@ var propTypes$2 = {
1570
1551
  }),
1571
1552
  onChange: PropTypes.func.isRequired
1572
1553
  };
1573
- var defaultProps$2 = {
1574
- api: null,
1575
- media: null
1576
- };
1577
1554
  function MediasPickerContainer(_ref) {
1578
- var api = _ref.api,
1579
- media = _ref.media,
1555
+ var _ref$api = _ref.api,
1556
+ api = _ref$api === void 0 ? null : _ref$api,
1557
+ _ref$media = _ref.media,
1558
+ media = _ref$media === void 0 ? null : _ref$media,
1580
1559
  onChange = _ref.onChange,
1581
1560
  props = _objectWithoutProperties(_ref, _excluded$2);
1582
1561
  return /*#__PURE__*/React.createElement(MediasApiProvider, {
@@ -1588,17 +1567,14 @@ function MediasPickerContainer(_ref) {
1588
1567
  }))));
1589
1568
  }
1590
1569
  MediasPickerContainer.propTypes = propTypes$2;
1591
- MediasPickerContainer.defaultProps = defaultProps$2;
1592
1570
 
1593
1571
  var _excluded$1 = ["resource"];
1594
1572
  var propTypes$1 = {
1595
1573
  resource: PropTypes.string
1596
1574
  };
1597
- var defaultProps$1 = {
1598
- resource: 'medias'
1599
- };
1600
1575
  function MediasResourceBrowser(_ref) {
1601
- var resourceId = _ref.resource,
1576
+ var _ref$resource = _ref.resource,
1577
+ resourceId = _ref$resource === void 0 ? 'medias' : _ref$resource,
1602
1578
  props = _objectWithoutProperties(_ref, _excluded$1);
1603
1579
  var resource = usePanneauResource(resourceId);
1604
1580
  var api = useApi();
@@ -1660,17 +1636,14 @@ function MediasResourceBrowser(_ref) {
1660
1636
  }, props));
1661
1637
  }
1662
1638
  MediasResourceBrowser.propTypes = propTypes$1;
1663
- MediasResourceBrowser.defaultProps = defaultProps$1;
1664
1639
 
1665
1640
  var _excluded = ["resource"];
1666
1641
  var propTypes = {
1667
1642
  resource: PropTypes.string
1668
1643
  };
1669
- var defaultProps = {
1670
- resource: 'medias'
1671
- };
1672
1644
  function MediasResourcePicker(_ref) {
1673
- var resourceId = _ref.resource,
1645
+ var _ref$resource = _ref.resource,
1646
+ resourceId = _ref$resource === void 0 ? 'medias' : _ref$resource,
1674
1647
  props = _objectWithoutProperties(_ref, _excluded);
1675
1648
  var resource = usePanneauResource(resourceId);
1676
1649
  var _ref2 = resource || {},
@@ -1748,6 +1721,5 @@ function MediasResourcePicker(_ref) {
1748
1721
  } : null, props));
1749
1722
  }
1750
1723
  MediasResourcePicker.propTypes = propTypes;
1751
- MediasResourcePicker.defaultProps = defaultProps;
1752
1724
 
1753
1725
  export { MediaForm, MediaProvider, MediasApiProvider, MediasBrowser, MediasBrowserContainer, MediasPicker, MediasPickerContainer, MediasResourceBrowser, MediasResourcePicker, apiPropTypes, defaultColumns as columns, defaultFields as fields, defaultFilters as filters, useCurrentMedia, useMedia, useMediaCreate, useMediaDelete, useMediaReplace, useMediaRestore, useMediaTrash, useMediaUpdate, useMedias, useMediasApi };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/medias",
3
- "version": "3.0.310",
3
+ "version": "4.0.1",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -51,28 +51,28 @@
51
51
  },
52
52
  "dependencies": {
53
53
  "@babel/runtime": "^7.12.5",
54
- "@panneau/core": "^3.0.307",
55
- "@panneau/data": "^3.0.307",
56
- "@panneau/display-image": "^3.0.308",
57
- "@panneau/element-button": "^3.0.308",
58
- "@panneau/element-buttons": "^3.0.308",
59
- "@panneau/element-form": "^3.0.308",
60
- "@panneau/element-form-status": "^3.0.307",
61
- "@panneau/element-grid": "^3.0.308",
62
- "@panneau/element-icon": "^3.0.307",
63
- "@panneau/element-media-card": "^3.0.308",
64
- "@panneau/element-media-player": "^3.0.307",
65
- "@panneau/element-pagination": "^3.0.308",
66
- "@panneau/element-table": "^3.0.308",
67
- "@panneau/field-upload": "^3.0.310",
68
- "@panneau/filter-filters": "^3.0.308",
54
+ "@panneau/core": "^4.0.1",
55
+ "@panneau/data": "^4.0.1",
56
+ "@panneau/display-image": "^4.0.1",
57
+ "@panneau/element-button": "^4.0.1",
58
+ "@panneau/element-buttons": "^4.0.1",
59
+ "@panneau/element-form": "^4.0.1",
60
+ "@panneau/element-form-status": "^4.0.1",
61
+ "@panneau/element-grid": "^4.0.1",
62
+ "@panneau/element-icon": "^4.0.1",
63
+ "@panneau/element-media-card": "^4.0.1",
64
+ "@panneau/element-media-player": "^4.0.1",
65
+ "@panneau/element-pagination": "^4.0.1",
66
+ "@panneau/element-table": "^4.0.1",
67
+ "@panneau/field-upload": "^4.0.1",
68
+ "@panneau/filter-filters": "^4.0.1",
69
69
  "classnames": "^2.5.1",
70
70
  "lodash-es": "^4.17.21",
71
71
  "prop-types": "^15.7.2",
72
- "react-intl": "^5.15.8||^6.0.0"
72
+ "react-intl": "^5.15.8 || ^6.0.0 || ^7.0.0"
73
73
  },
74
74
  "publishConfig": {
75
75
  "access": "public"
76
76
  },
77
- "gitHead": "d7d8937d48a4f972a8fa742256267f6b4aaf3f4f"
77
+ "gitHead": "dbdf65640625c027ecd56cf2b816b80a5c38cb8d"
78
78
  }