@panneau/medias 3.0.197 → 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.
Files changed (3) hide show
  1. package/es/index.js +14 -4
  2. package/lib/index.js +14 -4
  3. package/package.json +7 -7
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,
@@ -1175,7 +1181,9 @@ function MediasBrowser(_ref) {
1175
1181
  className: "ms-auto w-auto text-nowrap mt-2 mb-2 ps-2",
1176
1182
  withButton: true,
1177
1183
  withoutMedia: true,
1178
- uppyConfig: uppyConfig,
1184
+ uppyProps: uppyConfig,
1185
+ types: types,
1186
+ allowMultipleUploads: multipleSelection,
1179
1187
  onChange: onUploadComplete,
1180
1188
  disabled: uploadProcessing,
1181
1189
  loading: uploadProcessing,
@@ -1215,7 +1223,8 @@ function MediasBrowser(_ref) {
1215
1223
  onSelectionChange: uploadProcessing ? null : onSelectionChange,
1216
1224
  multipleSelection: multipleSelection,
1217
1225
  items: finalItems || [],
1218
- loading: loading
1226
+ loading: loading,
1227
+ loaded: loaded
1219
1228
  }) : null, layout === 'table' ? /*#__PURE__*/React.createElement(Table, {
1220
1229
  theme: theme,
1221
1230
  columns: finalColumns,
@@ -1228,6 +1237,7 @@ function MediasBrowser(_ref) {
1228
1237
  multipleSelection: multipleSelection,
1229
1238
  items: finalItems,
1230
1239
  loading: loading,
1240
+ loaded: loaded,
1231
1241
  actionsProps: {
1232
1242
  getDeletePropsFromItem: function getDeletePropsFromItem() {
1233
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,
@@ -1177,7 +1183,9 @@ function MediasBrowser(_ref) {
1177
1183
  className: "ms-auto w-auto text-nowrap mt-2 mb-2 ps-2",
1178
1184
  withButton: true,
1179
1185
  withoutMedia: true,
1180
- uppyConfig: uppyConfig,
1186
+ uppyProps: uppyConfig,
1187
+ types: types,
1188
+ allowMultipleUploads: multipleSelection,
1181
1189
  onChange: onUploadComplete,
1182
1190
  disabled: uploadProcessing,
1183
1191
  loading: uploadProcessing,
@@ -1217,7 +1225,8 @@ function MediasBrowser(_ref) {
1217
1225
  onSelectionChange: uploadProcessing ? null : onSelectionChange,
1218
1226
  multipleSelection: multipleSelection,
1219
1227
  items: finalItems || [],
1220
- loading: loading
1228
+ loading: loading,
1229
+ loaded: loaded
1221
1230
  }) : null, layout === 'table' ? /*#__PURE__*/React.createElement(Table, {
1222
1231
  theme: theme,
1223
1232
  columns: finalColumns,
@@ -1230,6 +1239,7 @@ function MediasBrowser(_ref) {
1230
1239
  multipleSelection: multipleSelection,
1231
1240
  items: finalItems,
1232
1241
  loading: loading,
1242
+ loaded: loaded,
1233
1243
  actionsProps: {
1234
1244
  getDeletePropsFromItem: function getDeletePropsFromItem() {
1235
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.197",
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.197",
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": "1d58a5294a2f28a96c998462f1eb421503db2bc2"
72
+ "gitHead": "19617ff84180ba0d3764b13bd320fef524cf7dbb"
73
73
  }