@panneau/medias 3.0.184 → 3.0.186

package/es/index.js

@@ -100,7 +100,7 @@ var useMedias = function useMedias() {
 var useMedias$1 = useMedias;
 
 var _excluded$6 = ["data"];
-var useMedia = function useMedia(id, opts) {
+var useMedia$1 = function useMedia(id, opts) {
   var api = useMediasApi();
   var loader = useCallback(function () {
     return api.find(id);
@@ -112,7 +112,7 @@ var useMedia = function useMedia(id, opts) {
     story: data
   }, request);
 };
-var useMedia$1 = useMedia;
+var useMedia$2 = useMedia$1;
 
 var useMediaCreate = function useMediaCreate() {
   var _useState = useState(false),
@@ -557,26 +557,21 @@ function MediaForm(_ref) {
 MediaForm.propTypes = propTypes$7;
 MediaForm.defaultProps = defaultProps$7;
 
-var MediasFormContext = /*#__PURE__*/React.createContext(null);
-var useMediasForm = function useMediasForm() {
-  return useContext(MediasFormContext);
+var MediaContext = /*#__PURE__*/React.createContext(null);
+var useMedia = function useMedia() {
+  return useContext(MediaContext);
 };
 var propTypes$6 = {
   media: PropTypes.shape({
     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
   }),
-  fields: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-  })),
   children: PropTypes.node.isRequired
 };
 var defaultProps$6 = {
-  media: null,
-  fields: null
+  media: null
 };
-function MediasFormProvider(_ref) {
+function MediaProvider(_ref) {
   var providedMedia = _ref.media,
-    providedFields = _ref.fields,
     children = _ref.children;
   var _useState = useState(providedMedia),
     _useState2 = _slicedToArray(_useState, 2),
@@ -585,16 +580,15 @@ function MediasFormProvider(_ref) {
   var values = useMemo(function () {
     return {
       media: media,
-      setMedia: setMedia,
-      fields: providedFields
+      setMedia: setMedia
     };
-  }, [media, setMedia, providedFields]);
-  return /*#__PURE__*/React.createElement(MediasFormContext.Provider, {
+  }, [media, setMedia]);
+  return /*#__PURE__*/React.createElement(MediaContext.Provider, {
     value: values
   }, children);
 }
-MediasFormProvider.propTypes = propTypes$6;
-MediasFormProvider.defaultProps = defaultProps$6;
+MediaProvider.propTypes = propTypes$6;
+MediaProvider.defaultProps = defaultProps$6;
 
 var defaultColumns = [{
   id: 'image',
@@ -823,6 +817,8 @@ var propTypes$5 = {
   onUpload: PropTypes.func,
   onItemsChange: PropTypes.func,
   onLayoutChange: PropTypes.func,
+  onMediaFormOpen: PropTypes.func,
+  onMediaFormClose: PropTypes.func,
   selectable: PropTypes.bool,
   selectedItems: PropTypes.arrayOf(PropTypes.shape({})),
   onSelectionChange: PropTypes.func,
@@ -859,6 +855,8 @@ var defaultProps$5 = {
   onUpload: null,
   onItemsChange: null,
   onLayoutChange: null,
+  onMediaFormOpen: null,
+  onMediaFormClose: null,
   selectable: null,
   selectedItems: null,
   onSelectionChange: null,
@@ -885,6 +883,8 @@ function MediasBrowser(_ref) {
     onUpload = _ref.onUpload,
     onItemsChange = _ref.onItemsChange,
     onLayoutChange = _ref.onLayoutChange,
+    onMediaFormOpen = _ref.onMediaFormOpen,
+    onMediaFormClose = _ref.onMediaFormClose,
     selectable = _ref.selectable,
     selectedItems = _ref.selectedItems,
     onSelectionChange = _ref.onSelectionChange,
@@ -985,11 +985,17 @@ function MediasBrowser(_ref) {
       onLayoutChange(newLayout);
     }
   }, [setLayout]);
-  var _useMediasForm = useMediasForm(),
-    currentMedia = _useMediasForm.media,
-    setCurrentMedia = _useMediasForm.setMedia,
-    _useMediasForm$fields = _useMediasForm.fields,
-    mediaFormFields = _useMediasForm$fields === void 0 ? null : _useMediasForm$fields;
+  var _useMedia = useMedia(),
+    currentMedia = _useMedia.media,
+    setCurrentMedia = _useMedia.setMedia;
+  useEffect(function () {
+    if (currentMedia !== null && onMediaFormOpen !== null) {
+      onMediaFormOpen();
+    }
+    if (currentMedia === null && onMediaFormClose !== null) {
+      onMediaFormClose();
+    }
+  }, [currentMedia]);
   var onOpenMedia = useCallback(function (media) {
     setCurrentMedia(media);
   }, [setCurrentMedia]);
@@ -1000,18 +1006,22 @@ function MediasBrowser(_ref) {
     setCurrentMedia(null);
     updateItem(item);
   }, [setCurrentMedia, updateItem]);
-  var onMediaUploaded = useCallback(function (medias) {
+  var onMediaUploaded = useCallback(function () {
+    var medias = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    if (medias === null) return;
     var rawMedias = isArray(medias) ? medias : [medias];
     if (onUpload !== null) {
       onUpload(rawMedias).then(function (newMedias) {
         if (onSelectionChange !== null) {
           onSelectionChange(newMedias);
+          onQueryReset();
           reload();
         }
       });
     }
     if (onSelectionChange !== null) {
       onSelectionChange(rawMedias);
+      onQueryReset();
       reload();
     }
   }, [onUpload]);
@@ -1108,7 +1118,7 @@ function MediasBrowser(_ref) {
     }]
   }))), /*#__PURE__*/React.createElement(MediaForm, {
     value: currentMedia,
-    fields: mediaFormFields || fields,
+    fields: fields,
     onChange: setCurrentMedia,
     onSave: onSaveMedia,
     onClose: onCloseMedia,
@@ -1206,64 +1216,43 @@ function MediasBrowser(_ref) {
 MediasBrowser.propTypes = propTypes$5;
 MediasBrowser.defaultProps = defaultProps$5;
 
-var _excluded$4 = ["items", "value", "onSelectionChange", "multipleSelection", "types", "onChange", "onClose", "withoutButtons", "className"];
+var _excluded$4 = ["items", "value", "onChange", "multiple", "className"];
 var propTypes$4 = {
-  // eslint-disable-next-line react/forbid-prop-types
   items: PropTypes.arrayOf(PropTypes.shape({})),
   value: PropTypes.arrayOf(PropTypes.shape({})),
-  onSelectionChange: PropTypes.func,
-  multipleSelection: PropTypes.bool,
-  types: PropTypes.arrayOf(PropTypes.string),
+  multiple: PropTypes.bool,
   onChange: PropTypes.func.isRequired,
-  onClose: PropTypes.func,
-  withoutButtons: PropTypes.bool,
   className: PropTypes.string
 };
 var defaultProps$4 = {
   items: null,
   value: null,
-  onSelectionChange: null,
-  multipleSelection: false,
-  types: null,
-  onClose: null,
-  withoutButtons: false,
+  multiple: false,
   className: null
 };
 function MediasPicker(_ref) {
   var initialItems = _ref.items,
     initialSelectedItems = _ref.value,
-    parentOnSelectionChange = _ref.onSelectionChange,
-    multipleSelection = _ref.multipleSelection,
-    types = _ref.types,
     onChange = _ref.onChange,
-    onClose = _ref.onClose,
-    withoutButtons = _ref.withoutButtons,
+    multiple = _ref.multiple,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$4);
-  var _useMediasForm = useMediasForm(),
-    currentMedia = _useMediasForm.media;
   var _useState = useState(initialSelectedItems || null),
     _useState2 = _slicedToArray(_useState, 2),
     selectedItems = _useState2[0],
     setSelectedItems = _useState2[1];
   var onSelectionChange = useCallback(function (newSelection) {
     setSelectedItems(newSelection);
+    if (onChange !== null) {
+      onChange(selectedItems);
+    }
   }, [setSelectedItems]);
+
   // Sync from the top
   useEffect(function () {
     setSelectedItems(initialSelectedItems);
   }, [initialSelectedItems, setSelectedItems]);
-  useEffect(function () {
-    if (parentOnSelectionChange !== null) {
-      parentOnSelectionChange(selectedItems);
-    }
-  }, [selectedItems, parentOnSelectionChange]);
-  var onConfirmSelection = useCallback(function () {
-    if (onChange !== null) {
-      onChange(selectedItems || null);
-    }
-  }, [selectedItems, onChange]);
-  var empty = selectedItems === null || isArray(selectedItems) && selectedItems.length === 0;
+  console.log('selectedItems', selectedItems);
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, /*#__PURE__*/React.createElement(MediasBrowser, Object.assign({
@@ -1272,46 +1261,8 @@ function MediasPicker(_ref) {
     selectable: true,
     selectedItems: selectedItems,
     onSelectionChange: onSelectionChange,
-    multipleSelection: multipleSelection,
-    types: types
-    // extraItems={
-    //     !multiple && initialSelectedItems !== null
-    //         ? [initialSelectedItems]
-    //         : initialSelectedItems
-    // }
-  }, props)), !withoutButtons && currentMedia === null ? /*#__PURE__*/React.createElement("div", {
-    className: "d-flex w-100 align-items-end justify-content-end mt-3"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "btn-group"
-  }, onClose !== null ? /*#__PURE__*/React.createElement(Button, {
-    type: "button",
-    theme: "secondary",
-    onClick: onClose,
-    className: "d-block me-2"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "PyxZY2",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Cancel"
-    }]
-  })) : null, /*#__PURE__*/React.createElement(Button, {
-    type: "button",
-    theme: "primary",
-    onClick: onConfirmSelection,
-    className: "d-block"
-  }, empty ? /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "Krgf6j",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Clear selection"
-    }]
-  }) : /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "rvOVCV",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Confirm selection"
-    }]
-  })))) : null);
+    multipleSelection: multiple
+  }, props)));
 }
 MediasPicker.propTypes = propTypes$4;
 MediasPicker.defaultProps = defaultProps$4;
@@ -1338,7 +1289,7 @@ function MediasBrowserContainer(_ref) {
     props = _objectWithoutProperties(_ref, _excluded$3);
   return /*#__PURE__*/React.createElement(MediasApiProvider, {
     api: api
-  }, /*#__PURE__*/React.createElement(MediasFormProvider, {
+  }, /*#__PURE__*/React.createElement(MediaProvider, {
     media: media,
     fields: fields
   }, /*#__PURE__*/React.createElement(MediasBrowser, props)));
@@ -1346,33 +1297,27 @@ function MediasBrowserContainer(_ref) {
 MediasBrowserContainer.propTypes = propTypes$3;
 MediasBrowserContainer.defaultProps = defaultProps$3;
 
-var _excluded$2 = ["api", "media", "fields", "onChange"];
+var _excluded$2 = ["api", "media", "onChange"];
 var propTypes$2 = {
   api: apiPropTypes,
   media: PropTypes.shape({
     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
   }),
-  fields: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-  })),
   onChange: PropTypes.func.isRequired
 };
 var defaultProps$2 = {
   api: null,
-  media: null,
-  fields: null
+  media: null
 };
 function MediasPickerContainer(_ref) {
   var api = _ref.api,
     media = _ref.media,
-    fields = _ref.fields,
     onChange = _ref.onChange,
     props = _objectWithoutProperties(_ref, _excluded$2);
   return /*#__PURE__*/React.createElement(MediasApiProvider, {
     api: api
-  }, /*#__PURE__*/React.createElement(MediasFormProvider, {
-    media: media,
-    fields: fields
+  }, /*#__PURE__*/React.createElement(MediaProvider, {
+    media: media
   }, /*#__PURE__*/React.createElement(MediasPicker, Object.assign({}, props, {
     onChange: onChange
   }))));
@@ -1540,4 +1485,4 @@ function MediasResourcePicker(_ref) {
 MediasResourcePicker.propTypes = propTypes;
 MediasResourcePicker.defaultProps = defaultProps;
 
-export { MediaForm, MediasApiProvider, MediasBrowser, MediasBrowserContainer, MediasPicker, MediasPickerContainer, MediasResourceBrowser, MediasResourcePicker, apiPropTypes, defaultColumns as columns, defaultFields as fields, defaultFilters as filters, useMedia$1 as useMedia, useMediaCreate$1 as useMediaCreate, useMediaDelete$1 as useMediaDelete, useMediaTrash$1 as useMediaTrash, useMediaUpdate$1 as useMediaUpdate, useMedias$1 as useMedias, useMediasApi };
+export { MediaForm, MediasApiProvider, MediasBrowser, MediasBrowserContainer, MediasPicker, MediasPickerContainer, MediasResourceBrowser, MediasResourcePicker, apiPropTypes, defaultColumns as columns, defaultFields as fields, defaultFilters as filters, useMedia$2 as useMedia, useMediaCreate$1 as useMediaCreate, useMediaDelete$1 as useMediaDelete, useMediaTrash$1 as useMediaTrash, useMediaUpdate$1 as useMediaUpdate, useMedias$1 as useMedias, useMediasApi };

package/lib/index.js

@@ -102,7 +102,7 @@ var useMedias = function useMedias() {
 var useMedias$1 = useMedias;
 
 var _excluded$6 = ["data"];
-var useMedia = function useMedia(id, opts) {
+var useMedia$1 = function useMedia(id, opts) {
   var api = useMediasApi();
   var loader = React.useCallback(function () {
     return api.find(id);
@@ -114,7 +114,7 @@ var useMedia = function useMedia(id, opts) {
     story: data$1
   }, request);
 };
-var useMedia$1 = useMedia;
+var useMedia$2 = useMedia$1;
 
 var useMediaCreate = function useMediaCreate() {
   var _useState = React.useState(false),
@@ -559,26 +559,21 @@ function MediaForm(_ref) {
 MediaForm.propTypes = propTypes$7;
 MediaForm.defaultProps = defaultProps$7;
 
-var MediasFormContext = /*#__PURE__*/React.createContext(null);
-var useMediasForm = function useMediasForm() {
-  return React.useContext(MediasFormContext);
+var MediaContext = /*#__PURE__*/React.createContext(null);
+var useMedia = function useMedia() {
+  return React.useContext(MediaContext);
 };
 var propTypes$6 = {
   media: PropTypes.shape({
     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
   }),
-  fields: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-  })),
   children: PropTypes.node.isRequired
 };
 var defaultProps$6 = {
-  media: null,
-  fields: null
+  media: null
 };
-function MediasFormProvider(_ref) {
+function MediaProvider(_ref) {
   var providedMedia = _ref.media,
-    providedFields = _ref.fields,
     children = _ref.children;
   var _useState = React.useState(providedMedia),
     _useState2 = _slicedToArray(_useState, 2),
@@ -587,16 +582,15 @@ function MediasFormProvider(_ref) {
   var values = React.useMemo(function () {
     return {
       media: media,
-      setMedia: setMedia,
-      fields: providedFields
+      setMedia: setMedia
     };
-  }, [media, setMedia, providedFields]);
-  return /*#__PURE__*/React.createElement(MediasFormContext.Provider, {
+  }, [media, setMedia]);
+  return /*#__PURE__*/React.createElement(MediaContext.Provider, {
     value: values
   }, children);
 }
-MediasFormProvider.propTypes = propTypes$6;
-MediasFormProvider.defaultProps = defaultProps$6;
+MediaProvider.propTypes = propTypes$6;
+MediaProvider.defaultProps = defaultProps$6;
 
 var defaultColumns = [{
   id: 'image',
@@ -825,6 +819,8 @@ var propTypes$5 = {
   onUpload: PropTypes.func,
   onItemsChange: PropTypes.func,
   onLayoutChange: PropTypes.func,
+  onMediaFormOpen: PropTypes.func,
+  onMediaFormClose: PropTypes.func,
   selectable: PropTypes.bool,
   selectedItems: PropTypes.arrayOf(PropTypes.shape({})),
   onSelectionChange: PropTypes.func,
@@ -861,6 +857,8 @@ var defaultProps$5 = {
   onUpload: null,
   onItemsChange: null,
   onLayoutChange: null,
+  onMediaFormOpen: null,
+  onMediaFormClose: null,
   selectable: null,
   selectedItems: null,
   onSelectionChange: null,
@@ -887,6 +885,8 @@ function MediasBrowser(_ref) {
     onUpload = _ref.onUpload,
     onItemsChange = _ref.onItemsChange,
     onLayoutChange = _ref.onLayoutChange,
+    onMediaFormOpen = _ref.onMediaFormOpen,
+    onMediaFormClose = _ref.onMediaFormClose,
     selectable = _ref.selectable,
     selectedItems = _ref.selectedItems,
     onSelectionChange = _ref.onSelectionChange,
@@ -987,11 +987,17 @@ function MediasBrowser(_ref) {
       onLayoutChange(newLayout);
     }
   }, [setLayout]);
-  var _useMediasForm = useMediasForm(),
-    currentMedia = _useMediasForm.media,
-    setCurrentMedia = _useMediasForm.setMedia,
-    _useMediasForm$fields = _useMediasForm.fields,
-    mediaFormFields = _useMediasForm$fields === void 0 ? null : _useMediasForm$fields;
+  var _useMedia = useMedia(),
+    currentMedia = _useMedia.media,
+    setCurrentMedia = _useMedia.setMedia;
+  React.useEffect(function () {
+    if (currentMedia !== null && onMediaFormOpen !== null) {
+      onMediaFormOpen();
+    }
+    if (currentMedia === null && onMediaFormClose !== null) {
+      onMediaFormClose();
+    }
+  }, [currentMedia]);
   var onOpenMedia = React.useCallback(function (media) {
     setCurrentMedia(media);
   }, [setCurrentMedia]);
@@ -1002,18 +1008,22 @@ function MediasBrowser(_ref) {
     setCurrentMedia(null);
     updateItem(item);
   }, [setCurrentMedia, updateItem]);
-  var onMediaUploaded = React.useCallback(function (medias) {
+  var onMediaUploaded = React.useCallback(function () {
+    var medias = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    if (medias === null) return;
     var rawMedias = isArray(medias) ? medias : [medias];
     if (onUpload !== null) {
       onUpload(rawMedias).then(function (newMedias) {
         if (onSelectionChange !== null) {
           onSelectionChange(newMedias);
+          onQueryReset();
           reload();
         }
       });
     }
     if (onSelectionChange !== null) {
       onSelectionChange(rawMedias);
+      onQueryReset();
       reload();
     }
   }, [onUpload]);
@@ -1110,7 +1120,7 @@ function MediasBrowser(_ref) {
     }]
   }))), /*#__PURE__*/React.createElement(MediaForm, {
     value: currentMedia,
-    fields: mediaFormFields || fields,
+    fields: fields,
     onChange: setCurrentMedia,
     onSave: onSaveMedia,
     onClose: onCloseMedia,
@@ -1208,64 +1218,43 @@ function MediasBrowser(_ref) {
 MediasBrowser.propTypes = propTypes$5;
 MediasBrowser.defaultProps = defaultProps$5;
 
-var _excluded$4 = ["items", "value", "onSelectionChange", "multipleSelection", "types", "onChange", "onClose", "withoutButtons", "className"];
+var _excluded$4 = ["items", "value", "onChange", "multiple", "className"];
 var propTypes$4 = {
-  // eslint-disable-next-line react/forbid-prop-types
   items: PropTypes.arrayOf(PropTypes.shape({})),
   value: PropTypes.arrayOf(PropTypes.shape({})),
-  onSelectionChange: PropTypes.func,
-  multipleSelection: PropTypes.bool,
-  types: PropTypes.arrayOf(PropTypes.string),
+  multiple: PropTypes.bool,
   onChange: PropTypes.func.isRequired,
-  onClose: PropTypes.func,
-  withoutButtons: PropTypes.bool,
   className: PropTypes.string
 };
 var defaultProps$4 = {
   items: null,
   value: null,
-  onSelectionChange: null,
-  multipleSelection: false,
-  types: null,
-  onClose: null,
-  withoutButtons: false,
+  multiple: false,
   className: null
 };
 function MediasPicker(_ref) {
   var initialItems = _ref.items,
     initialSelectedItems = _ref.value,
-    parentOnSelectionChange = _ref.onSelectionChange,
-    multipleSelection = _ref.multipleSelection,
-    types = _ref.types,
     onChange = _ref.onChange,
-    onClose = _ref.onClose,
-    withoutButtons = _ref.withoutButtons,
+    multiple = _ref.multiple,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$4);
-  var _useMediasForm = useMediasForm(),
-    currentMedia = _useMediasForm.media;
   var _useState = React.useState(initialSelectedItems || null),
     _useState2 = _slicedToArray(_useState, 2),
     selectedItems = _useState2[0],
     setSelectedItems = _useState2[1];
   var onSelectionChange = React.useCallback(function (newSelection) {
     setSelectedItems(newSelection);
+    if (onChange !== null) {
+      onChange(selectedItems);
+    }
   }, [setSelectedItems]);
+
   // Sync from the top
   React.useEffect(function () {
     setSelectedItems(initialSelectedItems);
   }, [initialSelectedItems, setSelectedItems]);
-  React.useEffect(function () {
-    if (parentOnSelectionChange !== null) {
-      parentOnSelectionChange(selectedItems);
-    }
-  }, [selectedItems, parentOnSelectionChange]);
-  var onConfirmSelection = React.useCallback(function () {
-    if (onChange !== null) {
-      onChange(selectedItems || null);
-    }
-  }, [selectedItems, onChange]);
-  var empty = selectedItems === null || isArray(selectedItems) && selectedItems.length === 0;
+  console.log('selectedItems', selectedItems);
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, /*#__PURE__*/React.createElement(MediasBrowser, Object.assign({
@@ -1274,46 +1263,8 @@ function MediasPicker(_ref) {
     selectable: true,
     selectedItems: selectedItems,
     onSelectionChange: onSelectionChange,
-    multipleSelection: multipleSelection,
-    types: types
-    // extraItems={
-    //     !multiple && initialSelectedItems !== null
-    //         ? [initialSelectedItems]
-    //         : initialSelectedItems
-    // }
-  }, props)), !withoutButtons && currentMedia === null ? /*#__PURE__*/React.createElement("div", {
-    className: "d-flex w-100 align-items-end justify-content-end mt-3"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "btn-group"
-  }, onClose !== null ? /*#__PURE__*/React.createElement(Button, {
-    type: "button",
-    theme: "secondary",
-    onClick: onClose,
-    className: "d-block me-2"
-  }, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "PyxZY2",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Cancel"
-    }]
-  })) : null, /*#__PURE__*/React.createElement(Button, {
-    type: "button",
-    theme: "primary",
-    onClick: onConfirmSelection,
-    className: "d-block"
-  }, empty ? /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "Krgf6j",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Clear selection"
-    }]
-  }) : /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "rvOVCV",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Confirm selection"
-    }]
-  })))) : null);
+    multipleSelection: multiple
+  }, props)));
 }
 MediasPicker.propTypes = propTypes$4;
 MediasPicker.defaultProps = defaultProps$4;
@@ -1340,7 +1291,7 @@ function MediasBrowserContainer(_ref) {
     props = _objectWithoutProperties(_ref, _excluded$3);
   return /*#__PURE__*/React.createElement(MediasApiProvider, {
     api: api
-  }, /*#__PURE__*/React.createElement(MediasFormProvider, {
+  }, /*#__PURE__*/React.createElement(MediaProvider, {
     media: media,
     fields: fields
   }, /*#__PURE__*/React.createElement(MediasBrowser, props)));
@@ -1348,33 +1299,27 @@ function MediasBrowserContainer(_ref) {
 MediasBrowserContainer.propTypes = propTypes$3;
 MediasBrowserContainer.defaultProps = defaultProps$3;
 
-var _excluded$2 = ["api", "media", "fields", "onChange"];
+var _excluded$2 = ["api", "media", "onChange"];
 var propTypes$2 = {
   api: apiPropTypes,
   media: PropTypes.shape({
     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
   }),
-  fields: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-  })),
   onChange: PropTypes.func.isRequired
 };
 var defaultProps$2 = {
   api: null,
-  media: null,
-  fields: null
+  media: null
 };
 function MediasPickerContainer(_ref) {
   var api = _ref.api,
     media = _ref.media,
-    fields = _ref.fields,
     onChange = _ref.onChange,
     props = _objectWithoutProperties(_ref, _excluded$2);
   return /*#__PURE__*/React.createElement(MediasApiProvider, {
     api: api
-  }, /*#__PURE__*/React.createElement(MediasFormProvider, {
-    media: media,
-    fields: fields
+  }, /*#__PURE__*/React.createElement(MediaProvider, {
+    media: media
   }, /*#__PURE__*/React.createElement(MediasPicker, Object.assign({}, props, {
     onChange: onChange
   }))));
@@ -1554,7 +1499,7 @@ exports.apiPropTypes = apiPropTypes;
 exports.columns = defaultColumns;
 exports.fields = defaultFields;
 exports.filters = defaultFilters;
-exports.useMedia = useMedia$1;
+exports.useMedia = useMedia$2;
 exports.useMediaCreate = useMediaCreate$1;
 exports.useMediaDelete = useMediaDelete$1;
 exports.useMediaTrash = useMediaTrash$1;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/medias",
-    "version": "3.0.184",
+    "version": "3.0.186",
     "description": "",
     "keywords": [
         "javascript"
@@ -58,8 +58,8 @@
         "@panneau/element-media-card": "^3.0.182",
         "@panneau/element-media-player": "^3.0.182",
         "@panneau/element-pagination": "^3.0.182",
-        "@panneau/element-table": "^3.0.182",
-        "@panneau/field-upload": "^3.0.182",
+        "@panneau/element-table": "^3.0.186",
+        "@panneau/field-upload": "^3.0.186",
         "@panneau/filter-filters": "^3.0.182",
         "classnames": "^2.5.1",
         "lodash": "^4.17.21",
@@ -69,5 +69,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1d2948618d41595e4c6a40a72f1d9f196cf369ef"
+    "gitHead": "28e6bd3e2185ae5ad5f0962f9883d1777d6a25aa"
 }