@panneau/medias 3.0.178 → 3.0.179
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 -14
- package/lib/index.js +32 -14
- package/package.json +2 -2
package/es/index.js
CHANGED
|
@@ -561,13 +561,18 @@ var propTypes$6 = {
|
|
|
561
561
|
media: PropTypes.shape({
|
|
562
562
|
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
563
563
|
}),
|
|
564
|
+
fields: PropTypes.arrayOf(PropTypes.shape({
|
|
565
|
+
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
566
|
+
})),
|
|
564
567
|
children: PropTypes.node.isRequired
|
|
565
568
|
};
|
|
566
569
|
var defaultProps$6 = {
|
|
567
|
-
media: null
|
|
570
|
+
media: null,
|
|
571
|
+
fields: null
|
|
568
572
|
};
|
|
569
573
|
function MediasFormProvider(_ref) {
|
|
570
574
|
var providedMedia = _ref.media,
|
|
575
|
+
providedFields = _ref.fields,
|
|
571
576
|
children = _ref.children;
|
|
572
577
|
var _useState = useState(providedMedia),
|
|
573
578
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -576,9 +581,10 @@ function MediasFormProvider(_ref) {
|
|
|
576
581
|
var values = useMemo(function () {
|
|
577
582
|
return {
|
|
578
583
|
media: media,
|
|
579
|
-
setMedia: setMedia
|
|
584
|
+
setMedia: setMedia,
|
|
585
|
+
fields: providedFields
|
|
580
586
|
};
|
|
581
|
-
}, [media, setMedia]);
|
|
587
|
+
}, [media, setMedia, providedFields]);
|
|
582
588
|
return /*#__PURE__*/React.createElement(MediasFormContext.Provider, {
|
|
583
589
|
value: values
|
|
584
590
|
}, children);
|
|
@@ -968,11 +974,11 @@ function MediasBrowser(_ref) {
|
|
|
968
974
|
onLayoutChange(newLayout);
|
|
969
975
|
}
|
|
970
976
|
}, [setLayout]);
|
|
971
|
-
|
|
972
|
-
// const [currentMedia, setCurrentMedia] = useState(null);
|
|
973
977
|
var _useMediasForm = useMediasForm(),
|
|
974
978
|
currentMedia = _useMediasForm.media,
|
|
975
|
-
setCurrentMedia = _useMediasForm.setMedia
|
|
979
|
+
setCurrentMedia = _useMediasForm.setMedia,
|
|
980
|
+
_useMediasForm$fields = _useMediasForm.fields,
|
|
981
|
+
mediaFormFields = _useMediasForm$fields === void 0 ? null : _useMediasForm$fields;
|
|
976
982
|
var onOpenMedia = useCallback(function (media) {
|
|
977
983
|
setCurrentMedia(media);
|
|
978
984
|
}, [setCurrentMedia]);
|
|
@@ -1074,7 +1080,7 @@ function MediasBrowser(_ref) {
|
|
|
1074
1080
|
}]
|
|
1075
1081
|
}))), /*#__PURE__*/React.createElement(MediaForm, {
|
|
1076
1082
|
value: currentMedia,
|
|
1077
|
-
fields: fields,
|
|
1083
|
+
fields: mediaFormFields || fields,
|
|
1078
1084
|
onChange: setCurrentMedia,
|
|
1079
1085
|
onSave: onSaveMedia,
|
|
1080
1086
|
onClose: onCloseMedia,
|
|
@@ -1290,51 +1296,63 @@ function MediasPicker(_ref) {
|
|
|
1290
1296
|
MediasPicker.propTypes = propTypes$4;
|
|
1291
1297
|
MediasPicker.defaultProps = defaultProps$4;
|
|
1292
1298
|
|
|
1293
|
-
var _excluded$3 = ["api", "media"];
|
|
1299
|
+
var _excluded$3 = ["api", "media", "fields"];
|
|
1294
1300
|
var propTypes$3 = {
|
|
1295
1301
|
api: apiPropTypes,
|
|
1296
1302
|
media: PropTypes.shape({
|
|
1297
1303
|
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
1298
|
-
})
|
|
1304
|
+
}),
|
|
1305
|
+
fields: PropTypes.arrayOf(PropTypes.shape({
|
|
1306
|
+
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
1307
|
+
}))
|
|
1299
1308
|
};
|
|
1300
1309
|
var defaultProps$3 = {
|
|
1301
1310
|
api: null,
|
|
1302
|
-
media: null
|
|
1311
|
+
media: null,
|
|
1312
|
+
fields: null
|
|
1303
1313
|
};
|
|
1304
1314
|
function MediasBrowserContainer(_ref) {
|
|
1305
1315
|
var api = _ref.api,
|
|
1306
1316
|
media = _ref.media,
|
|
1317
|
+
fields = _ref.fields,
|
|
1307
1318
|
props = _objectWithoutProperties(_ref, _excluded$3);
|
|
1308
1319
|
return /*#__PURE__*/React.createElement(MediasApiProvider, {
|
|
1309
1320
|
api: api
|
|
1310
1321
|
}, /*#__PURE__*/React.createElement(MediasFormProvider, {
|
|
1311
|
-
media: media
|
|
1322
|
+
media: media,
|
|
1323
|
+
fields: fields
|
|
1312
1324
|
}, /*#__PURE__*/React.createElement(MediasBrowser, props)));
|
|
1313
1325
|
}
|
|
1314
1326
|
MediasBrowserContainer.propTypes = propTypes$3;
|
|
1315
1327
|
MediasBrowserContainer.defaultProps = defaultProps$3;
|
|
1316
1328
|
|
|
1317
|
-
var _excluded$2 = ["api", "media", "onChange"];
|
|
1329
|
+
var _excluded$2 = ["api", "media", "fields", "onChange"];
|
|
1318
1330
|
var propTypes$2 = {
|
|
1319
1331
|
api: apiPropTypes,
|
|
1320
1332
|
media: PropTypes.shape({
|
|
1321
1333
|
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
1322
1334
|
}),
|
|
1335
|
+
fields: PropTypes.arrayOf(PropTypes.shape({
|
|
1336
|
+
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
1337
|
+
})),
|
|
1323
1338
|
onChange: PropTypes.func.isRequired
|
|
1324
1339
|
};
|
|
1325
1340
|
var defaultProps$2 = {
|
|
1326
1341
|
api: null,
|
|
1327
|
-
media: null
|
|
1342
|
+
media: null,
|
|
1343
|
+
fields: null
|
|
1328
1344
|
};
|
|
1329
1345
|
function MediasPickerContainer(_ref) {
|
|
1330
1346
|
var api = _ref.api,
|
|
1331
1347
|
media = _ref.media,
|
|
1348
|
+
fields = _ref.fields,
|
|
1332
1349
|
onChange = _ref.onChange,
|
|
1333
1350
|
props = _objectWithoutProperties(_ref, _excluded$2);
|
|
1334
1351
|
return /*#__PURE__*/React.createElement(MediasApiProvider, {
|
|
1335
1352
|
api: api
|
|
1336
1353
|
}, /*#__PURE__*/React.createElement(MediasFormProvider, {
|
|
1337
|
-
media: media
|
|
1354
|
+
media: media,
|
|
1355
|
+
fields: fields
|
|
1338
1356
|
}, /*#__PURE__*/React.createElement(MediasPicker, Object.assign({}, props, {
|
|
1339
1357
|
onChange: onChange
|
|
1340
1358
|
}))));
|
package/lib/index.js
CHANGED
|
@@ -563,13 +563,18 @@ var propTypes$6 = {
|
|
|
563
563
|
media: PropTypes.shape({
|
|
564
564
|
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
565
565
|
}),
|
|
566
|
+
fields: PropTypes.arrayOf(PropTypes.shape({
|
|
567
|
+
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
568
|
+
})),
|
|
566
569
|
children: PropTypes.node.isRequired
|
|
567
570
|
};
|
|
568
571
|
var defaultProps$6 = {
|
|
569
|
-
media: null
|
|
572
|
+
media: null,
|
|
573
|
+
fields: null
|
|
570
574
|
};
|
|
571
575
|
function MediasFormProvider(_ref) {
|
|
572
576
|
var providedMedia = _ref.media,
|
|
577
|
+
providedFields = _ref.fields,
|
|
573
578
|
children = _ref.children;
|
|
574
579
|
var _useState = React.useState(providedMedia),
|
|
575
580
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -578,9 +583,10 @@ function MediasFormProvider(_ref) {
|
|
|
578
583
|
var values = React.useMemo(function () {
|
|
579
584
|
return {
|
|
580
585
|
media: media,
|
|
581
|
-
setMedia: setMedia
|
|
586
|
+
setMedia: setMedia,
|
|
587
|
+
fields: providedFields
|
|
582
588
|
};
|
|
583
|
-
}, [media, setMedia]);
|
|
589
|
+
}, [media, setMedia, providedFields]);
|
|
584
590
|
return /*#__PURE__*/React.createElement(MediasFormContext.Provider, {
|
|
585
591
|
value: values
|
|
586
592
|
}, children);
|
|
@@ -970,11 +976,11 @@ function MediasBrowser(_ref) {
|
|
|
970
976
|
onLayoutChange(newLayout);
|
|
971
977
|
}
|
|
972
978
|
}, [setLayout]);
|
|
973
|
-
|
|
974
|
-
// const [currentMedia, setCurrentMedia] = useState(null);
|
|
975
979
|
var _useMediasForm = useMediasForm(),
|
|
976
980
|
currentMedia = _useMediasForm.media,
|
|
977
|
-
setCurrentMedia = _useMediasForm.setMedia
|
|
981
|
+
setCurrentMedia = _useMediasForm.setMedia,
|
|
982
|
+
_useMediasForm$fields = _useMediasForm.fields,
|
|
983
|
+
mediaFormFields = _useMediasForm$fields === void 0 ? null : _useMediasForm$fields;
|
|
978
984
|
var onOpenMedia = React.useCallback(function (media) {
|
|
979
985
|
setCurrentMedia(media);
|
|
980
986
|
}, [setCurrentMedia]);
|
|
@@ -1076,7 +1082,7 @@ function MediasBrowser(_ref) {
|
|
|
1076
1082
|
}]
|
|
1077
1083
|
}))), /*#__PURE__*/React.createElement(MediaForm, {
|
|
1078
1084
|
value: currentMedia,
|
|
1079
|
-
fields: fields,
|
|
1085
|
+
fields: mediaFormFields || fields,
|
|
1080
1086
|
onChange: setCurrentMedia,
|
|
1081
1087
|
onSave: onSaveMedia,
|
|
1082
1088
|
onClose: onCloseMedia,
|
|
@@ -1292,51 +1298,63 @@ function MediasPicker(_ref) {
|
|
|
1292
1298
|
MediasPicker.propTypes = propTypes$4;
|
|
1293
1299
|
MediasPicker.defaultProps = defaultProps$4;
|
|
1294
1300
|
|
|
1295
|
-
var _excluded$3 = ["api", "media"];
|
|
1301
|
+
var _excluded$3 = ["api", "media", "fields"];
|
|
1296
1302
|
var propTypes$3 = {
|
|
1297
1303
|
api: apiPropTypes,
|
|
1298
1304
|
media: PropTypes.shape({
|
|
1299
1305
|
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
1300
|
-
})
|
|
1306
|
+
}),
|
|
1307
|
+
fields: PropTypes.arrayOf(PropTypes.shape({
|
|
1308
|
+
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
1309
|
+
}))
|
|
1301
1310
|
};
|
|
1302
1311
|
var defaultProps$3 = {
|
|
1303
1312
|
api: null,
|
|
1304
|
-
media: null
|
|
1313
|
+
media: null,
|
|
1314
|
+
fields: null
|
|
1305
1315
|
};
|
|
1306
1316
|
function MediasBrowserContainer(_ref) {
|
|
1307
1317
|
var api = _ref.api,
|
|
1308
1318
|
media = _ref.media,
|
|
1319
|
+
fields = _ref.fields,
|
|
1309
1320
|
props = _objectWithoutProperties(_ref, _excluded$3);
|
|
1310
1321
|
return /*#__PURE__*/React.createElement(MediasApiProvider, {
|
|
1311
1322
|
api: api
|
|
1312
1323
|
}, /*#__PURE__*/React.createElement(MediasFormProvider, {
|
|
1313
|
-
media: media
|
|
1324
|
+
media: media,
|
|
1325
|
+
fields: fields
|
|
1314
1326
|
}, /*#__PURE__*/React.createElement(MediasBrowser, props)));
|
|
1315
1327
|
}
|
|
1316
1328
|
MediasBrowserContainer.propTypes = propTypes$3;
|
|
1317
1329
|
MediasBrowserContainer.defaultProps = defaultProps$3;
|
|
1318
1330
|
|
|
1319
|
-
var _excluded$2 = ["api", "media", "onChange"];
|
|
1331
|
+
var _excluded$2 = ["api", "media", "fields", "onChange"];
|
|
1320
1332
|
var propTypes$2 = {
|
|
1321
1333
|
api: apiPropTypes,
|
|
1322
1334
|
media: PropTypes.shape({
|
|
1323
1335
|
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
1324
1336
|
}),
|
|
1337
|
+
fields: PropTypes.arrayOf(PropTypes.shape({
|
|
1338
|
+
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
1339
|
+
})),
|
|
1325
1340
|
onChange: PropTypes.func.isRequired
|
|
1326
1341
|
};
|
|
1327
1342
|
var defaultProps$2 = {
|
|
1328
1343
|
api: null,
|
|
1329
|
-
media: null
|
|
1344
|
+
media: null,
|
|
1345
|
+
fields: null
|
|
1330
1346
|
};
|
|
1331
1347
|
function MediasPickerContainer(_ref) {
|
|
1332
1348
|
var api = _ref.api,
|
|
1333
1349
|
media = _ref.media,
|
|
1350
|
+
fields = _ref.fields,
|
|
1334
1351
|
onChange = _ref.onChange,
|
|
1335
1352
|
props = _objectWithoutProperties(_ref, _excluded$2);
|
|
1336
1353
|
return /*#__PURE__*/React.createElement(MediasApiProvider, {
|
|
1337
1354
|
api: api
|
|
1338
1355
|
}, /*#__PURE__*/React.createElement(MediasFormProvider, {
|
|
1339
|
-
media: media
|
|
1356
|
+
media: media,
|
|
1357
|
+
fields: fields
|
|
1340
1358
|
}, /*#__PURE__*/React.createElement(MediasPicker, Object.assign({}, props, {
|
|
1341
1359
|
onChange: onChange
|
|
1342
1360
|
}))));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@panneau/medias",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.179",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
"publishConfig": {
|
|
69
69
|
"access": "public"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "b30a47b8b078044365622de3c85911898037c1f3"
|
|
72
72
|
}
|