@panneau/medias 3.0.178 → 3.0.181
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 +32 -16
- package/lib/index.js +32 -16
- package/package.json +3 -3
package/es/index.js
CHANGED
|
@@ -228,7 +228,6 @@ function MediaFrame(_ref) {
|
|
|
228
228
|
value: value,
|
|
229
229
|
maxWidth: "100%",
|
|
230
230
|
maxHeight: "100%",
|
|
231
|
-
withoutZoom: true,
|
|
232
231
|
onClick: type === 'video' || type === 'audio' ? onClick : null
|
|
233
232
|
}));
|
|
234
233
|
}
|
|
@@ -561,13 +560,18 @@ var propTypes$6 = {
|
|
|
561
560
|
media: PropTypes.shape({
|
|
562
561
|
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
563
562
|
}),
|
|
563
|
+
fields: PropTypes.arrayOf(PropTypes.shape({
|
|
564
|
+
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
565
|
+
})),
|
|
564
566
|
children: PropTypes.node.isRequired
|
|
565
567
|
};
|
|
566
568
|
var defaultProps$6 = {
|
|
567
|
-
media: null
|
|
569
|
+
media: null,
|
|
570
|
+
fields: null
|
|
568
571
|
};
|
|
569
572
|
function MediasFormProvider(_ref) {
|
|
570
573
|
var providedMedia = _ref.media,
|
|
574
|
+
providedFields = _ref.fields,
|
|
571
575
|
children = _ref.children;
|
|
572
576
|
var _useState = useState(providedMedia),
|
|
573
577
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -576,9 +580,10 @@ function MediasFormProvider(_ref) {
|
|
|
576
580
|
var values = useMemo(function () {
|
|
577
581
|
return {
|
|
578
582
|
media: media,
|
|
579
|
-
setMedia: setMedia
|
|
583
|
+
setMedia: setMedia,
|
|
584
|
+
fields: providedFields
|
|
580
585
|
};
|
|
581
|
-
}, [media, setMedia]);
|
|
586
|
+
}, [media, setMedia, providedFields]);
|
|
582
587
|
return /*#__PURE__*/React.createElement(MediasFormContext.Provider, {
|
|
583
588
|
value: values
|
|
584
589
|
}, children);
|
|
@@ -775,7 +780,6 @@ var defaultFilters = [{
|
|
|
775
780
|
}],
|
|
776
781
|
multiple: true
|
|
777
782
|
}
|
|
778
|
-
|
|
779
783
|
// {
|
|
780
784
|
// id: 'author',
|
|
781
785
|
// component: 'select',
|
|
@@ -968,11 +972,11 @@ function MediasBrowser(_ref) {
|
|
|
968
972
|
onLayoutChange(newLayout);
|
|
969
973
|
}
|
|
970
974
|
}, [setLayout]);
|
|
971
|
-
|
|
972
|
-
// const [currentMedia, setCurrentMedia] = useState(null);
|
|
973
975
|
var _useMediasForm = useMediasForm(),
|
|
974
976
|
currentMedia = _useMediasForm.media,
|
|
975
|
-
setCurrentMedia = _useMediasForm.setMedia
|
|
977
|
+
setCurrentMedia = _useMediasForm.setMedia,
|
|
978
|
+
_useMediasForm$fields = _useMediasForm.fields,
|
|
979
|
+
mediaFormFields = _useMediasForm$fields === void 0 ? null : _useMediasForm$fields;
|
|
976
980
|
var onOpenMedia = useCallback(function (media) {
|
|
977
981
|
setCurrentMedia(media);
|
|
978
982
|
}, [setCurrentMedia]);
|
|
@@ -1074,7 +1078,7 @@ function MediasBrowser(_ref) {
|
|
|
1074
1078
|
}]
|
|
1075
1079
|
}))), /*#__PURE__*/React.createElement(MediaForm, {
|
|
1076
1080
|
value: currentMedia,
|
|
1077
|
-
fields: fields,
|
|
1081
|
+
fields: mediaFormFields || fields,
|
|
1078
1082
|
onChange: setCurrentMedia,
|
|
1079
1083
|
onSave: onSaveMedia,
|
|
1080
1084
|
onClose: onCloseMedia,
|
|
@@ -1290,51 +1294,63 @@ function MediasPicker(_ref) {
|
|
|
1290
1294
|
MediasPicker.propTypes = propTypes$4;
|
|
1291
1295
|
MediasPicker.defaultProps = defaultProps$4;
|
|
1292
1296
|
|
|
1293
|
-
var _excluded$3 = ["api", "media"];
|
|
1297
|
+
var _excluded$3 = ["api", "media", "fields"];
|
|
1294
1298
|
var propTypes$3 = {
|
|
1295
1299
|
api: apiPropTypes,
|
|
1296
1300
|
media: PropTypes.shape({
|
|
1297
1301
|
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
1298
|
-
})
|
|
1302
|
+
}),
|
|
1303
|
+
fields: PropTypes.arrayOf(PropTypes.shape({
|
|
1304
|
+
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
1305
|
+
}))
|
|
1299
1306
|
};
|
|
1300
1307
|
var defaultProps$3 = {
|
|
1301
1308
|
api: null,
|
|
1302
|
-
media: null
|
|
1309
|
+
media: null,
|
|
1310
|
+
fields: null
|
|
1303
1311
|
};
|
|
1304
1312
|
function MediasBrowserContainer(_ref) {
|
|
1305
1313
|
var api = _ref.api,
|
|
1306
1314
|
media = _ref.media,
|
|
1315
|
+
fields = _ref.fields,
|
|
1307
1316
|
props = _objectWithoutProperties(_ref, _excluded$3);
|
|
1308
1317
|
return /*#__PURE__*/React.createElement(MediasApiProvider, {
|
|
1309
1318
|
api: api
|
|
1310
1319
|
}, /*#__PURE__*/React.createElement(MediasFormProvider, {
|
|
1311
|
-
media: media
|
|
1320
|
+
media: media,
|
|
1321
|
+
fields: fields
|
|
1312
1322
|
}, /*#__PURE__*/React.createElement(MediasBrowser, props)));
|
|
1313
1323
|
}
|
|
1314
1324
|
MediasBrowserContainer.propTypes = propTypes$3;
|
|
1315
1325
|
MediasBrowserContainer.defaultProps = defaultProps$3;
|
|
1316
1326
|
|
|
1317
|
-
var _excluded$2 = ["api", "media", "onChange"];
|
|
1327
|
+
var _excluded$2 = ["api", "media", "fields", "onChange"];
|
|
1318
1328
|
var propTypes$2 = {
|
|
1319
1329
|
api: apiPropTypes,
|
|
1320
1330
|
media: PropTypes.shape({
|
|
1321
1331
|
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
1322
1332
|
}),
|
|
1333
|
+
fields: PropTypes.arrayOf(PropTypes.shape({
|
|
1334
|
+
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
1335
|
+
})),
|
|
1323
1336
|
onChange: PropTypes.func.isRequired
|
|
1324
1337
|
};
|
|
1325
1338
|
var defaultProps$2 = {
|
|
1326
1339
|
api: null,
|
|
1327
|
-
media: null
|
|
1340
|
+
media: null,
|
|
1341
|
+
fields: null
|
|
1328
1342
|
};
|
|
1329
1343
|
function MediasPickerContainer(_ref) {
|
|
1330
1344
|
var api = _ref.api,
|
|
1331
1345
|
media = _ref.media,
|
|
1346
|
+
fields = _ref.fields,
|
|
1332
1347
|
onChange = _ref.onChange,
|
|
1333
1348
|
props = _objectWithoutProperties(_ref, _excluded$2);
|
|
1334
1349
|
return /*#__PURE__*/React.createElement(MediasApiProvider, {
|
|
1335
1350
|
api: api
|
|
1336
1351
|
}, /*#__PURE__*/React.createElement(MediasFormProvider, {
|
|
1337
|
-
media: media
|
|
1352
|
+
media: media,
|
|
1353
|
+
fields: fields
|
|
1338
1354
|
}, /*#__PURE__*/React.createElement(MediasPicker, Object.assign({}, props, {
|
|
1339
1355
|
onChange: onChange
|
|
1340
1356
|
}))));
|
package/lib/index.js
CHANGED
|
@@ -230,7 +230,6 @@ function MediaFrame(_ref) {
|
|
|
230
230
|
value: value,
|
|
231
231
|
maxWidth: "100%",
|
|
232
232
|
maxHeight: "100%",
|
|
233
|
-
withoutZoom: true,
|
|
234
233
|
onClick: type === 'video' || type === 'audio' ? onClick : null
|
|
235
234
|
}));
|
|
236
235
|
}
|
|
@@ -563,13 +562,18 @@ var propTypes$6 = {
|
|
|
563
562
|
media: PropTypes.shape({
|
|
564
563
|
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
565
564
|
}),
|
|
565
|
+
fields: PropTypes.arrayOf(PropTypes.shape({
|
|
566
|
+
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
567
|
+
})),
|
|
566
568
|
children: PropTypes.node.isRequired
|
|
567
569
|
};
|
|
568
570
|
var defaultProps$6 = {
|
|
569
|
-
media: null
|
|
571
|
+
media: null,
|
|
572
|
+
fields: null
|
|
570
573
|
};
|
|
571
574
|
function MediasFormProvider(_ref) {
|
|
572
575
|
var providedMedia = _ref.media,
|
|
576
|
+
providedFields = _ref.fields,
|
|
573
577
|
children = _ref.children;
|
|
574
578
|
var _useState = React.useState(providedMedia),
|
|
575
579
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -578,9 +582,10 @@ function MediasFormProvider(_ref) {
|
|
|
578
582
|
var values = React.useMemo(function () {
|
|
579
583
|
return {
|
|
580
584
|
media: media,
|
|
581
|
-
setMedia: setMedia
|
|
585
|
+
setMedia: setMedia,
|
|
586
|
+
fields: providedFields
|
|
582
587
|
};
|
|
583
|
-
}, [media, setMedia]);
|
|
588
|
+
}, [media, setMedia, providedFields]);
|
|
584
589
|
return /*#__PURE__*/React.createElement(MediasFormContext.Provider, {
|
|
585
590
|
value: values
|
|
586
591
|
}, children);
|
|
@@ -777,7 +782,6 @@ var defaultFilters = [{
|
|
|
777
782
|
}],
|
|
778
783
|
multiple: true
|
|
779
784
|
}
|
|
780
|
-
|
|
781
785
|
// {
|
|
782
786
|
// id: 'author',
|
|
783
787
|
// component: 'select',
|
|
@@ -970,11 +974,11 @@ function MediasBrowser(_ref) {
|
|
|
970
974
|
onLayoutChange(newLayout);
|
|
971
975
|
}
|
|
972
976
|
}, [setLayout]);
|
|
973
|
-
|
|
974
|
-
// const [currentMedia, setCurrentMedia] = useState(null);
|
|
975
977
|
var _useMediasForm = useMediasForm(),
|
|
976
978
|
currentMedia = _useMediasForm.media,
|
|
977
|
-
setCurrentMedia = _useMediasForm.setMedia
|
|
979
|
+
setCurrentMedia = _useMediasForm.setMedia,
|
|
980
|
+
_useMediasForm$fields = _useMediasForm.fields,
|
|
981
|
+
mediaFormFields = _useMediasForm$fields === void 0 ? null : _useMediasForm$fields;
|
|
978
982
|
var onOpenMedia = React.useCallback(function (media) {
|
|
979
983
|
setCurrentMedia(media);
|
|
980
984
|
}, [setCurrentMedia]);
|
|
@@ -1076,7 +1080,7 @@ function MediasBrowser(_ref) {
|
|
|
1076
1080
|
}]
|
|
1077
1081
|
}))), /*#__PURE__*/React.createElement(MediaForm, {
|
|
1078
1082
|
value: currentMedia,
|
|
1079
|
-
fields: fields,
|
|
1083
|
+
fields: mediaFormFields || fields,
|
|
1080
1084
|
onChange: setCurrentMedia,
|
|
1081
1085
|
onSave: onSaveMedia,
|
|
1082
1086
|
onClose: onCloseMedia,
|
|
@@ -1292,51 +1296,63 @@ function MediasPicker(_ref) {
|
|
|
1292
1296
|
MediasPicker.propTypes = propTypes$4;
|
|
1293
1297
|
MediasPicker.defaultProps = defaultProps$4;
|
|
1294
1298
|
|
|
1295
|
-
var _excluded$3 = ["api", "media"];
|
|
1299
|
+
var _excluded$3 = ["api", "media", "fields"];
|
|
1296
1300
|
var propTypes$3 = {
|
|
1297
1301
|
api: apiPropTypes,
|
|
1298
1302
|
media: PropTypes.shape({
|
|
1299
1303
|
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
1300
|
-
})
|
|
1304
|
+
}),
|
|
1305
|
+
fields: PropTypes.arrayOf(PropTypes.shape({
|
|
1306
|
+
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
1307
|
+
}))
|
|
1301
1308
|
};
|
|
1302
1309
|
var defaultProps$3 = {
|
|
1303
1310
|
api: null,
|
|
1304
|
-
media: null
|
|
1311
|
+
media: null,
|
|
1312
|
+
fields: null
|
|
1305
1313
|
};
|
|
1306
1314
|
function MediasBrowserContainer(_ref) {
|
|
1307
1315
|
var api = _ref.api,
|
|
1308
1316
|
media = _ref.media,
|
|
1317
|
+
fields = _ref.fields,
|
|
1309
1318
|
props = _objectWithoutProperties(_ref, _excluded$3);
|
|
1310
1319
|
return /*#__PURE__*/React.createElement(MediasApiProvider, {
|
|
1311
1320
|
api: api
|
|
1312
1321
|
}, /*#__PURE__*/React.createElement(MediasFormProvider, {
|
|
1313
|
-
media: media
|
|
1322
|
+
media: media,
|
|
1323
|
+
fields: fields
|
|
1314
1324
|
}, /*#__PURE__*/React.createElement(MediasBrowser, props)));
|
|
1315
1325
|
}
|
|
1316
1326
|
MediasBrowserContainer.propTypes = propTypes$3;
|
|
1317
1327
|
MediasBrowserContainer.defaultProps = defaultProps$3;
|
|
1318
1328
|
|
|
1319
|
-
var _excluded$2 = ["api", "media", "onChange"];
|
|
1329
|
+
var _excluded$2 = ["api", "media", "fields", "onChange"];
|
|
1320
1330
|
var propTypes$2 = {
|
|
1321
1331
|
api: apiPropTypes,
|
|
1322
1332
|
media: PropTypes.shape({
|
|
1323
1333
|
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
1324
1334
|
}),
|
|
1335
|
+
fields: PropTypes.arrayOf(PropTypes.shape({
|
|
1336
|
+
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
1337
|
+
})),
|
|
1325
1338
|
onChange: PropTypes.func.isRequired
|
|
1326
1339
|
};
|
|
1327
1340
|
var defaultProps$2 = {
|
|
1328
1341
|
api: null,
|
|
1329
|
-
media: null
|
|
1342
|
+
media: null,
|
|
1343
|
+
fields: null
|
|
1330
1344
|
};
|
|
1331
1345
|
function MediasPickerContainer(_ref) {
|
|
1332
1346
|
var api = _ref.api,
|
|
1333
1347
|
media = _ref.media,
|
|
1348
|
+
fields = _ref.fields,
|
|
1334
1349
|
onChange = _ref.onChange,
|
|
1335
1350
|
props = _objectWithoutProperties(_ref, _excluded$2);
|
|
1336
1351
|
return /*#__PURE__*/React.createElement(MediasApiProvider, {
|
|
1337
1352
|
api: api
|
|
1338
1353
|
}, /*#__PURE__*/React.createElement(MediasFormProvider, {
|
|
1339
|
-
media: media
|
|
1354
|
+
media: media,
|
|
1355
|
+
fields: fields
|
|
1340
1356
|
}, /*#__PURE__*/React.createElement(MediasPicker, Object.assign({}, props, {
|
|
1341
1357
|
onChange: onChange
|
|
1342
1358
|
}))));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@panneau/medias",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.181",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"@babel/runtime": "^7.12.5",
|
|
49
49
|
"@panneau/core": "^3.0.176",
|
|
50
50
|
"@panneau/data": "^3.0.178",
|
|
51
|
-
"@panneau/display-image": "^3.0.
|
|
51
|
+
"@panneau/display-image": "^3.0.181",
|
|
52
52
|
"@panneau/element-button": "^3.0.177",
|
|
53
53
|
"@panneau/element-buttons": "^3.0.177",
|
|
54
54
|
"@panneau/element-form": "^3.0.177",
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
"publishConfig": {
|
|
69
69
|
"access": "public"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "d9cec00d148ce400f0fea0e2dd110e9632b189d4"
|
|
72
72
|
}
|