@panneau/medias 3.0.198 → 3.0.199

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.
package/es/index.js CHANGED
@@ -201,16 +201,19 @@ var propTypes$8 = {
201
201
  id: PropTypes.string,
202
202
  type: PropTypes.string
203
203
  }),
204
+ showPlayer: PropTypes.bool,
204
205
  className: PropTypes.string
205
206
  };
206
207
  var defaultProps$8 = {
207
208
  value: null,
209
+ showPlayer: true,
208
210
  className: null
209
211
  };
210
212
  function MediaFrame(_ref) {
211
213
  var value = _ref.value,
214
+ initialShowPlayer = _ref.showPlayer,
212
215
  className = _ref.className;
213
- var _useState = useState(false),
216
+ var _useState = useState(initialShowPlayer),
214
217
  _useState2 = _slicedToArray(_useState, 2),
215
218
  showPlayer = _useState2[0],
216
219
  setShowPlayer = _useState2[1];
@@ -222,8 +225,9 @@ function MediaFrame(_ref) {
222
225
  }, [showPlayer, setShowPlayer]);
223
226
  return /*#__PURE__*/React.createElement("div", {
224
227
  className: classNames([styles.mediaFrame, 'position-relative', 'd-flex', 'flex-grow-1', 'w-100', 'mw-100', _defineProperty({}, className, className != null)])
225
- }, showPlayer ? /*#__PURE__*/React.createElement(MediaPlayer, {
228
+ }, showPlayer && type !== 'image' ? /*#__PURE__*/React.createElement(MediaPlayer, {
226
229
  value: value,
230
+ autoPlay: false,
227
231
  width: "100%"
228
232
  }) : /*#__PURE__*/React.createElement(ImageDisplay, {
229
233
  className: "w-100",
@@ -956,6 +960,8 @@ function MediasBrowser(_ref) {
956
960
  allItems = _useMedias.allItems,
957
961
  _useMedias$loading = _useMedias.loading,
958
962
  loading = _useMedias$loading === void 0 ? false : _useMedias$loading,
963
+ _useMedias$loaded = _useMedias.loaded,
964
+ loaded = _useMedias$loaded === void 0 ? false : _useMedias$loaded,
959
965
  _useMedias$updateItem = _useMedias.updateItem,
960
966
  updateItem = _useMedias$updateItem === void 0 ? null : _useMedias$updateItem,
961
967
  _useMedias$pagination = _useMedias.pagination,
@@ -1217,7 +1223,8 @@ function MediasBrowser(_ref) {
1217
1223
  onSelectionChange: uploadProcessing ? null : onSelectionChange,
1218
1224
  multipleSelection: multipleSelection,
1219
1225
  items: finalItems || [],
1220
- loading: loading
1226
+ loading: loading,
1227
+ loaded: loaded
1221
1228
  }) : null, layout === 'table' ? /*#__PURE__*/React.createElement(Table, {
1222
1229
  theme: theme,
1223
1230
  columns: finalColumns,
@@ -1230,6 +1237,7 @@ function MediasBrowser(_ref) {
1230
1237
  multipleSelection: multipleSelection,
1231
1238
  items: finalItems,
1232
1239
  loading: loading,
1240
+ loaded: loaded,
1233
1241
  actionsProps: {
1234
1242
  getDeletePropsFromItem: function getDeletePropsFromItem() {
1235
1243
  var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
package/lib/index.js CHANGED
@@ -203,16 +203,19 @@ var propTypes$8 = {
203
203
  id: PropTypes.string,
204
204
  type: PropTypes.string
205
205
  }),
206
+ showPlayer: PropTypes.bool,
206
207
  className: PropTypes.string
207
208
  };
208
209
  var defaultProps$8 = {
209
210
  value: null,
211
+ showPlayer: true,
210
212
  className: null
211
213
  };
212
214
  function MediaFrame(_ref) {
213
215
  var value = _ref.value,
216
+ initialShowPlayer = _ref.showPlayer,
214
217
  className = _ref.className;
215
- var _useState = React.useState(false),
218
+ var _useState = React.useState(initialShowPlayer),
216
219
  _useState2 = _slicedToArray(_useState, 2),
217
220
  showPlayer = _useState2[0],
218
221
  setShowPlayer = _useState2[1];
@@ -224,8 +227,9 @@ function MediaFrame(_ref) {
224
227
  }, [showPlayer, setShowPlayer]);
225
228
  return /*#__PURE__*/React.createElement("div", {
226
229
  className: classNames([styles.mediaFrame, 'position-relative', 'd-flex', 'flex-grow-1', 'w-100', 'mw-100', _defineProperty({}, className, className != null)])
227
- }, showPlayer ? /*#__PURE__*/React.createElement(MediaPlayer, {
230
+ }, showPlayer && type !== 'image' ? /*#__PURE__*/React.createElement(MediaPlayer, {
228
231
  value: value,
232
+ autoPlay: false,
229
233
  width: "100%"
230
234
  }) : /*#__PURE__*/React.createElement(ImageDisplay, {
231
235
  className: "w-100",
@@ -958,6 +962,8 @@ function MediasBrowser(_ref) {
958
962
  allItems = _useMedias.allItems,
959
963
  _useMedias$loading = _useMedias.loading,
960
964
  loading = _useMedias$loading === void 0 ? false : _useMedias$loading,
965
+ _useMedias$loaded = _useMedias.loaded,
966
+ loaded = _useMedias$loaded === void 0 ? false : _useMedias$loaded,
961
967
  _useMedias$updateItem = _useMedias.updateItem,
962
968
  updateItem = _useMedias$updateItem === void 0 ? null : _useMedias$updateItem,
963
969
  _useMedias$pagination = _useMedias.pagination,
@@ -1219,7 +1225,8 @@ function MediasBrowser(_ref) {
1219
1225
  onSelectionChange: uploadProcessing ? null : onSelectionChange,
1220
1226
  multipleSelection: multipleSelection,
1221
1227
  items: finalItems || [],
1222
- loading: loading
1228
+ loading: loading,
1229
+ loaded: loaded
1223
1230
  }) : null, layout === 'table' ? /*#__PURE__*/React.createElement(Table, {
1224
1231
  theme: theme,
1225
1232
  columns: finalColumns,
@@ -1232,6 +1239,7 @@ function MediasBrowser(_ref) {
1232
1239
  multipleSelection: multipleSelection,
1233
1240
  items: finalItems,
1234
1241
  loading: loading,
1242
+ loaded: loaded,
1235
1243
  actionsProps: {
1236
1244
  getDeletePropsFromItem: function getDeletePropsFromItem() {
1237
1245
  var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/medias",
3
- "version": "3.0.198",
3
+ "version": "3.0.199",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -51,15 +51,15 @@
51
51
  "@panneau/display-image": "^3.0.194",
52
52
  "@panneau/element-button": "^3.0.194",
53
53
  "@panneau/element-buttons": "^3.0.194",
54
- "@panneau/element-form": "^3.0.194",
54
+ "@panneau/element-form": "^3.0.199",
55
55
  "@panneau/element-form-status": "^3.0.194",
56
- "@panneau/element-grid": "^3.0.194",
56
+ "@panneau/element-grid": "^3.0.199",
57
57
  "@panneau/element-icon": "^3.0.194",
58
58
  "@panneau/element-media-card": "^3.0.194",
59
- "@panneau/element-media-player": "^3.0.194",
59
+ "@panneau/element-media-player": "^3.0.199",
60
60
  "@panneau/element-pagination": "^3.0.194",
61
- "@panneau/element-table": "^3.0.194",
62
- "@panneau/field-upload": "^3.0.198",
61
+ "@panneau/element-table": "^3.0.199",
62
+ "@panneau/field-upload": "^3.0.199",
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": "a6c9a1104d7e7dd37ac50303358270093a15718e"
72
+ "gitHead": "19617ff84180ba0d3764b13bd320fef524cf7dbb"
73
73
  }