@panneau/medias 3.0.145 → 3.0.148

package/es/index.js

@@ -36,11 +36,11 @@ var apiPropTypes = PropTypes.shape({
   update: PropTypes.func.isRequired,
   "delete": PropTypes.func.isRequired
 });
-var propTypes$8 = {
+var propTypes$9 = {
   api: apiPropTypes,
   children: PropTypes.node.isRequired
 };
-var defaultProps$8 = {
+var defaultProps$9 = {
   api: null
 };
 function MediasApiProvider(_ref) {
@@ -54,10 +54,10 @@ function MediasApiProvider(_ref) {
     value: api
   }, children);
 }
-MediasApiProvider.propTypes = propTypes$8;
-MediasApiProvider.defaultProps = defaultProps$8;
+MediasApiProvider.propTypes = propTypes$9;
+MediasApiProvider.defaultProps = defaultProps$9;
 
-var _excluded$7 = ["items", "pageItems"];
+var _excluded$8 = ["items", "pageItems"];
 var useMedias = function useMedias() {
   var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -75,7 +75,7 @@ var useMedias = function useMedias() {
     }, opts)),
     items = _useItems.items,
     pageItems = _useItems.pageItems,
-    request = _objectWithoutProperties(_useItems, _excluded$7);
+    request = _objectWithoutProperties(_useItems, _excluded$8);
   return _objectSpread({
     medias: page !== null ? pageItems : items,
     allMedias: items
@@ -111,7 +111,7 @@ var useMediasRecent = function useMediasRecent(opts) {
 };
 var useMediasRecent$1 = useMediasRecent;
 
-var _excluded$6 = ["data"];
+var _excluded$7 = ["data"];
 var useMedia = function useMedia(id, opts) {
   var api = useMediasApi();
   var loader = useCallback(function () {
@@ -119,7 +119,7 @@ var useMedia = function useMedia(id, opts) {
   }, [api, id]);
   var _useData = useData(loader, opts),
     data = _useData.data,
-    request = _objectWithoutProperties(_useData, _excluded$6);
+    request = _objectWithoutProperties(_useData, _excluded$7);
   return _objectSpread({
     story: data
   }, request);
@@ -187,14 +187,14 @@ var useMediaDestroy = function useMediaDestroy() {
 
 var styles = {"mediaFrame":"panneau-medias-mediaFrame","playButton":"panneau-medias-playButton"};
 
-var propTypes$7 = {
+var propTypes$8 = {
   value: PropTypes.shape({
     id: PropTypes.string,
     type: PropTypes.string
   }),
   className: PropTypes.string
 };
-var defaultProps$7 = {
+var defaultProps$8 = {
   value: null,
   className: null
 };
@@ -227,11 +227,11 @@ function MediaFrame(_ref) {
     icon: "play-fill"
   }) : null));
 }
-MediaFrame.propTypes = propTypes$7;
-MediaFrame.defaultProps = defaultProps$7;
+MediaFrame.propTypes = propTypes$8;
+MediaFrame.defaultProps = defaultProps$8;
 
-var _excluded$5 = ["label", "path", "component"];
-var propTypes$6 = {
+var _excluded$6 = ["label", "path", "component"];
+var propTypes$7 = {
   value: PropTypes.shape({
     metadata: PropTypes.shape({}),
     user: PropTypes.shape({}),
@@ -246,7 +246,7 @@ var propTypes$6 = {
   })),
   className: PropTypes.string
 };
-var defaultProps$6 = {
+var defaultProps$7 = {
   value: null,
   sections: null,
   displays: null,
@@ -302,7 +302,7 @@ function MediaMetadata(_ref) {
         path = _ref7.path,
         _ref7$component = _ref7.component,
         component = _ref7$component === void 0 ? null : _ref7$component,
-        props = _objectWithoutProperties(_ref7, _excluded$5);
+        props = _objectWithoutProperties(_ref7, _excluded$6);
       var Component = displayComponents.getComponent(component || 'text');
       var itemValue = get(value, path, null);
       return Component !== null && itemValue !== null ? /*#__PURE__*/React.createElement("li", {
@@ -320,8 +320,8 @@ function MediaMetadata(_ref) {
     })));
   }));
 }
-MediaMetadata.propTypes = propTypes$6;
-MediaMetadata.defaultProps = defaultProps$6;
+MediaMetadata.propTypes = propTypes$7;
+MediaMetadata.defaultProps = defaultProps$7;
 
 var defaultFields = [
 // { name: 'type', label: 'Type', type: 'string', component: 'text', disabled: true },
@@ -461,7 +461,7 @@ var defaultSections = [{
   })
 }];
 
-var propTypes$5 = {
+var propTypes$6 = {
   value: PropTypes.shape({
     id: PropTypes.string
   }),
@@ -481,7 +481,7 @@ var propTypes$5 = {
   onClose: PropTypes.func,
   className: PropTypes.string
 };
-var defaultProps$5 = {
+var defaultProps$6 = {
   value: null,
   fields: defaultFields,
   sections: defaultSections,
@@ -613,8 +613,8 @@ function MediaForm(_ref) {
     displays: displays
   }))));
 }
-MediaForm.propTypes = propTypes$5;
-MediaForm.defaultProps = defaultProps$5;
+MediaForm.propTypes = propTypes$6;
+MediaForm.defaultProps = defaultProps$6;
 
 var defaultColumns = [{
   id: 'image',
@@ -813,8 +813,8 @@ var defaultFilters = [{
   name: 'search'
 }];
 
-var _excluded$4 = ["page", "count"];
-var propTypes$4 = {
+var _excluded$5 = ["page", "count"];
+var propTypes$5 = {
   items: PropTypes$1.medias,
   buttons: PropTypes$1.buttons,
   filters: PropTypes$1.filters,
@@ -832,7 +832,7 @@ var propTypes$4 = {
   onClearSelected: PropTypes.func,
   className: PropTypes.string
 };
-var defaultProps$4 = {
+var defaultProps$5 = {
   items: null,
   buttons: null,
   filters: defaultFilters,
@@ -890,7 +890,7 @@ function MediasBrowser(_ref) {
         fullQueryPage = _ref2$page === void 0 ? null : _ref2$page,
         _ref2$count = _ref2.count,
         fullQueryCount = _ref2$count === void 0 ? null : _ref2$count,
-        params = _objectWithoutProperties(_ref2, _excluded$4);
+        params = _objectWithoutProperties(_ref2, _excluded$5);
       return {
         page: fullQueryPage,
         count: fullQueryCount,
@@ -1019,28 +1019,28 @@ function MediasBrowser(_ref) {
     className: classNames(['d-flex', 'mt-3', 'mb-1', 'justify-content-end'])
   }, pagination)));
 }
-MediasBrowser.propTypes = propTypes$4;
-MediasBrowser.defaultProps = defaultProps$4;
+MediasBrowser.propTypes = propTypes$5;
+MediasBrowser.defaultProps = defaultProps$5;
 
-var _excluded$3 = ["api"];
-var propTypes$3 = {
+var _excluded$4 = ["api"];
+var propTypes$4 = {
   api: apiPropTypes
 };
-var defaultProps$3 = {
+var defaultProps$4 = {
   api: null
 };
 function MediasBrowserContainer(_ref) {
   var api = _ref.api,
-    props = _objectWithoutProperties(_ref, _excluded$3);
+    props = _objectWithoutProperties(_ref, _excluded$4);
   return /*#__PURE__*/React.createElement(MediasApiProvider, {
     api: api
   }, /*#__PURE__*/React.createElement(MediasBrowser, props));
 }
-MediasBrowserContainer.propTypes = propTypes$3;
-MediasBrowserContainer.defaultProps = defaultProps$3;
+MediasBrowserContainer.propTypes = propTypes$4;
+MediasBrowserContainer.defaultProps = defaultProps$4;
 
-var _excluded$2 = ["value", "selectedItems", "onChange", "onConfirm", "onClose", "multiple", "withoutButtons", "className"];
-var propTypes$2 = {
+var _excluded$3 = ["value", "selectedItems", "onChange", "onConfirm", "onClose", "multiple", "withoutButtons", "className"];
+var propTypes$3 = {
   // eslint-disable-next-line react/forbid-prop-types
   value: PropTypes.arrayOf(PropTypes.shape({})),
   selectedItems: PropTypes.arrayOf(PropTypes.shape({})),
@@ -1051,7 +1051,7 @@ var propTypes$2 = {
   withoutButtons: PropTypes.bool,
   className: PropTypes.string
 };
-var defaultProps$2 = {
+var defaultProps$3 = {
   value: null,
   selectedItems: null,
   onClose: null,
@@ -1068,7 +1068,7 @@ function MediasPicker(_ref) {
     multiple = _ref.multiple,
     withoutButtons = _ref.withoutButtons,
     className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$2);
+    props = _objectWithoutProperties(_ref, _excluded$3);
   var _useState = useState(value),
     _useState2 = _slicedToArray(_useState, 2),
     items = _useState2[0],
@@ -1134,29 +1134,87 @@ function MediasPicker(_ref) {
     }]
   })))) : null);
 }
-MediasPicker.propTypes = propTypes$2;
-MediasPicker.defaultProps = defaultProps$2;
+MediasPicker.propTypes = propTypes$3;
+MediasPicker.defaultProps = defaultProps$3;
 
-var _excluded$1 = ["api", "onChange"];
-var propTypes$1 = {
+var _excluded$2 = ["api", "onChange"];
+var propTypes$2 = {
   api: apiPropTypes,
   onChange: PropTypes.func.isRequired
 };
-var defaultProps$1 = {
+var defaultProps$2 = {
   api: null
 };
 function MediasPickerContainer(_ref) {
   var api = _ref.api,
     onChange = _ref.onChange,
-    props = _objectWithoutProperties(_ref, _excluded$1);
+    props = _objectWithoutProperties(_ref, _excluded$2);
   return /*#__PURE__*/React.createElement(MediasApiProvider, {
     api: api
   }, /*#__PURE__*/React.createElement(MediasPicker, Object.assign({}, props, {
     onChange: onChange
   })));
 }
-MediasPickerContainer.propTypes = propTypes$1;
-MediasPickerContainer.defaultProps = defaultProps$1;
+MediasPickerContainer.propTypes = propTypes$2;
+MediasPickerContainer.defaultProps = defaultProps$2;
+
+var _excluded$1 = ["resource"];
+var propTypes$1 = {
+  resource: PropTypes.string
+};
+var defaultProps$1 = {
+  resource: 'medias'
+};
+function MediasResourceBrowser(_ref) {
+  var resourceId = _ref.resource,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  var resource = usePanneauResource(resourceId);
+  var api = useApi();
+  var mediasApi = useMemo(function () {
+    return {
+      get: function get() {
+        var _api$resources;
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+        return (_api$resources = api.resources).get.apply(_api$resources, [resource].concat(args));
+      },
+      find: function find() {
+        var _api$resources2;
+        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+          args[_key2] = arguments[_key2];
+        }
+        return (_api$resources2 = api.resources).find.apply(_api$resources2, [resource].concat(args));
+      },
+      create: function create() {
+        var _api$resources3;
+        for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+          args[_key3] = arguments[_key3];
+        }
+        return (_api$resources3 = api.resources).create.apply(_api$resources3, [resource].concat(args));
+      },
+      update: function update() {
+        var _api$resources4;
+        for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+          args[_key4] = arguments[_key4];
+        }
+        return (_api$resources4 = api.resources).update.apply(_api$resources4, [resource].concat(args));
+      },
+      "delete": function _delete() {
+        var _api$resources5;
+        for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+          args[_key5] = arguments[_key5];
+        }
+        return (_api$resources5 = api.resources)["delete"].apply(_api$resources5, [resource].concat(args));
+      }
+    };
+  }, [api, resource]);
+  return /*#__PURE__*/React.createElement(MediasBrowserContainer, Object.assign({
+    api: mediasApi
+  }, props));
+}
+MediasResourceBrowser.propTypes = propTypes$1;
+MediasResourceBrowser.defaultProps = defaultProps$1;
 
 var _excluded = ["resource"];
 var propTypes = {
@@ -1165,7 +1223,7 @@ var propTypes = {
 var defaultProps = {
   resource: 'medias'
 };
-function MediasResourceBrowser(_ref) {
+function MediasResourcePicker(_ref) {
   var resourceId = _ref.resource,
     props = _objectWithoutProperties(_ref, _excluded);
   var resource = usePanneauResource(resourceId);
@@ -1209,11 +1267,11 @@ function MediasResourceBrowser(_ref) {
       }
     };
   }, [api, resource]);
-  return /*#__PURE__*/React.createElement(MediasBrowserContainer, Object.assign({
+  return /*#__PURE__*/React.createElement(MediasPickerContainer, Object.assign({
     api: mediasApi
   }, props));
 }
-MediasResourceBrowser.propTypes = propTypes;
-MediasResourceBrowser.defaultProps = defaultProps;
+MediasResourcePicker.propTypes = propTypes;
+MediasResourcePicker.defaultProps = defaultProps;
 
-export { MediaForm, MediasApiProvider, MediasBrowser, MediasPicker, MediasPickerContainer, MediasResourceBrowser, apiPropTypes, MediasBrowserContainer as default, useMedia$1 as useMedia, useMediaCreate$1 as useMediaCreate, useMediaUpdate$1 as useMediaUpdate, useMedias$1 as useMedias, useMediasApi, useMediasRecent$1 as useMediasRecentSearches };
+export { MediaForm, MediasApiProvider, MediasBrowser, MediasPicker, MediasPickerContainer, MediasResourceBrowser, MediasResourcePicker, apiPropTypes, defaultColumns as columns, MediasBrowserContainer as default, defaultFields as fields, defaultFilters as filters, defaultDisplays as metadataDisplays, defaultSections as metadataSections, useMedia$1 as useMedia, useMediaCreate$1 as useMediaCreate, useMediaUpdate$1 as useMediaUpdate, useMedias$1 as useMedias, useMediasApi, useMediasRecent$1 as useMediasRecentSearches };

package/lib/index.js

@@ -40,11 +40,11 @@ var apiPropTypes = PropTypes.shape({
   update: PropTypes.func.isRequired,
   "delete": PropTypes.func.isRequired
 });
-var propTypes$8 = {
+var propTypes$9 = {
   api: apiPropTypes,
   children: PropTypes.node.isRequired
 };
-var defaultProps$8 = {
+var defaultProps$9 = {
   api: null
 };
 function MediasApiProvider(_ref) {
@@ -58,10 +58,10 @@ function MediasApiProvider(_ref) {
     value: api
   }, children);
 }
-MediasApiProvider.propTypes = propTypes$8;
-MediasApiProvider.defaultProps = defaultProps$8;
+MediasApiProvider.propTypes = propTypes$9;
+MediasApiProvider.defaultProps = defaultProps$9;
 
-var _excluded$7 = ["items", "pageItems"];
+var _excluded$8 = ["items", "pageItems"];
 var useMedias = function useMedias() {
   var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -79,7 +79,7 @@ var useMedias = function useMedias() {
     }, opts)),
     items = _useItems.items,
     pageItems = _useItems.pageItems,
-    request = _objectWithoutProperties(_useItems, _excluded$7);
+    request = _objectWithoutProperties(_useItems, _excluded$8);
   return _objectSpread({
     medias: page !== null ? pageItems : items,
     allMedias: items
@@ -115,7 +115,7 @@ var useMediasRecent = function useMediasRecent(opts) {
 };
 var useMediasRecent$1 = useMediasRecent;
 
-var _excluded$6 = ["data"];
+var _excluded$7 = ["data"];
 var useMedia = function useMedia(id, opts) {
   var api = useMediasApi();
   var loader = React.useCallback(function () {
@@ -123,7 +123,7 @@ var useMedia = function useMedia(id, opts) {
   }, [api, id]);
   var _useData = data.useData(loader, opts),
     data$1 = _useData.data,
-    request = _objectWithoutProperties(_useData, _excluded$6);
+    request = _objectWithoutProperties(_useData, _excluded$7);
   return _objectSpread({
     story: data$1
   }, request);
@@ -191,14 +191,14 @@ var useMediaDestroy = function useMediaDestroy() {
 
 var styles = {"mediaFrame":"panneau-medias-mediaFrame","playButton":"panneau-medias-playButton"};
 
-var propTypes$7 = {
+var propTypes$8 = {
   value: PropTypes.shape({
     id: PropTypes.string,
     type: PropTypes.string
   }),
   className: PropTypes.string
 };
-var defaultProps$7 = {
+var defaultProps$8 = {
   value: null,
   className: null
 };
@@ -231,11 +231,11 @@ function MediaFrame(_ref) {
     icon: "play-fill"
   }) : null));
 }
-MediaFrame.propTypes = propTypes$7;
-MediaFrame.defaultProps = defaultProps$7;
+MediaFrame.propTypes = propTypes$8;
+MediaFrame.defaultProps = defaultProps$8;
 
-var _excluded$5 = ["label", "path", "component"];
-var propTypes$6 = {
+var _excluded$6 = ["label", "path", "component"];
+var propTypes$7 = {
   value: PropTypes.shape({
     metadata: PropTypes.shape({}),
     user: PropTypes.shape({}),
@@ -250,7 +250,7 @@ var propTypes$6 = {
   })),
   className: PropTypes.string
 };
-var defaultProps$6 = {
+var defaultProps$7 = {
   value: null,
   sections: null,
   displays: null,
@@ -306,7 +306,7 @@ function MediaMetadata(_ref) {
         path = _ref7.path,
         _ref7$component = _ref7.component,
         component = _ref7$component === void 0 ? null : _ref7$component,
-        props = _objectWithoutProperties(_ref7, _excluded$5);
+        props = _objectWithoutProperties(_ref7, _excluded$6);
       var Component = displayComponents.getComponent(component || 'text');
       var itemValue = lodash.get(value, path, null);
       return Component !== null && itemValue !== null ? /*#__PURE__*/React.createElement("li", {
@@ -324,8 +324,8 @@ function MediaMetadata(_ref) {
     })));
   }));
 }
-MediaMetadata.propTypes = propTypes$6;
-MediaMetadata.defaultProps = defaultProps$6;
+MediaMetadata.propTypes = propTypes$7;
+MediaMetadata.defaultProps = defaultProps$7;
 
 var defaultFields = [
 // { name: 'type', label: 'Type', type: 'string', component: 'text', disabled: true },
@@ -465,7 +465,7 @@ var defaultSections = [{
   })
 }];
 
-var propTypes$5 = {
+var propTypes$6 = {
   value: PropTypes.shape({
     id: PropTypes.string
   }),
@@ -485,7 +485,7 @@ var propTypes$5 = {
   onClose: PropTypes.func,
   className: PropTypes.string
 };
-var defaultProps$5 = {
+var defaultProps$6 = {
   value: null,
   fields: defaultFields,
   sections: defaultSections,
@@ -617,8 +617,8 @@ function MediaForm(_ref) {
     displays: displays
   }))));
 }
-MediaForm.propTypes = propTypes$5;
-MediaForm.defaultProps = defaultProps$5;
+MediaForm.propTypes = propTypes$6;
+MediaForm.defaultProps = defaultProps$6;
 
 var defaultColumns = [{
   id: 'image',
@@ -817,8 +817,8 @@ var defaultFilters = [{
   name: 'search'
 }];
 
-var _excluded$4 = ["page", "count"];
-var propTypes$4 = {
+var _excluded$5 = ["page", "count"];
+var propTypes$5 = {
   items: core.PropTypes.medias,
   buttons: core.PropTypes.buttons,
   filters: core.PropTypes.filters,
@@ -836,7 +836,7 @@ var propTypes$4 = {
   onClearSelected: PropTypes.func,
   className: PropTypes.string
 };
-var defaultProps$4 = {
+var defaultProps$5 = {
   items: null,
   buttons: null,
   filters: defaultFilters,
@@ -894,7 +894,7 @@ function MediasBrowser(_ref) {
         fullQueryPage = _ref2$page === void 0 ? null : _ref2$page,
         _ref2$count = _ref2.count,
         fullQueryCount = _ref2$count === void 0 ? null : _ref2$count,
-        params = _objectWithoutProperties(_ref2, _excluded$4);
+        params = _objectWithoutProperties(_ref2, _excluded$5);
       return {
         page: fullQueryPage,
         count: fullQueryCount,
@@ -1023,28 +1023,28 @@ function MediasBrowser(_ref) {
     className: classNames(['d-flex', 'mt-3', 'mb-1', 'justify-content-end'])
   }, pagination)));
 }
-MediasBrowser.propTypes = propTypes$4;
-MediasBrowser.defaultProps = defaultProps$4;
+MediasBrowser.propTypes = propTypes$5;
+MediasBrowser.defaultProps = defaultProps$5;
 
-var _excluded$3 = ["api"];
-var propTypes$3 = {
+var _excluded$4 = ["api"];
+var propTypes$4 = {
   api: apiPropTypes
 };
-var defaultProps$3 = {
+var defaultProps$4 = {
   api: null
 };
 function MediasBrowserContainer(_ref) {
   var api = _ref.api,
-    props = _objectWithoutProperties(_ref, _excluded$3);
+    props = _objectWithoutProperties(_ref, _excluded$4);
   return /*#__PURE__*/React.createElement(MediasApiProvider, {
     api: api
   }, /*#__PURE__*/React.createElement(MediasBrowser, props));
 }
-MediasBrowserContainer.propTypes = propTypes$3;
-MediasBrowserContainer.defaultProps = defaultProps$3;
+MediasBrowserContainer.propTypes = propTypes$4;
+MediasBrowserContainer.defaultProps = defaultProps$4;
 
-var _excluded$2 = ["value", "selectedItems", "onChange", "onConfirm", "onClose", "multiple", "withoutButtons", "className"];
-var propTypes$2 = {
+var _excluded$3 = ["value", "selectedItems", "onChange", "onConfirm", "onClose", "multiple", "withoutButtons", "className"];
+var propTypes$3 = {
   // eslint-disable-next-line react/forbid-prop-types
   value: PropTypes.arrayOf(PropTypes.shape({})),
   selectedItems: PropTypes.arrayOf(PropTypes.shape({})),
@@ -1055,7 +1055,7 @@ var propTypes$2 = {
   withoutButtons: PropTypes.bool,
   className: PropTypes.string
 };
-var defaultProps$2 = {
+var defaultProps$3 = {
   value: null,
   selectedItems: null,
   onClose: null,
@@ -1072,7 +1072,7 @@ function MediasPicker(_ref) {
     multiple = _ref.multiple,
     withoutButtons = _ref.withoutButtons,
     className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$2);
+    props = _objectWithoutProperties(_ref, _excluded$3);
   var _useState = React.useState(value),
     _useState2 = _slicedToArray(_useState, 2),
     items = _useState2[0],
@@ -1138,29 +1138,87 @@ function MediasPicker(_ref) {
     }]
   })))) : null);
 }
-MediasPicker.propTypes = propTypes$2;
-MediasPicker.defaultProps = defaultProps$2;
+MediasPicker.propTypes = propTypes$3;
+MediasPicker.defaultProps = defaultProps$3;
 
-var _excluded$1 = ["api", "onChange"];
-var propTypes$1 = {
+var _excluded$2 = ["api", "onChange"];
+var propTypes$2 = {
   api: apiPropTypes,
   onChange: PropTypes.func.isRequired
 };
-var defaultProps$1 = {
+var defaultProps$2 = {
   api: null
 };
 function MediasPickerContainer(_ref) {
   var api = _ref.api,
     onChange = _ref.onChange,
-    props = _objectWithoutProperties(_ref, _excluded$1);
+    props = _objectWithoutProperties(_ref, _excluded$2);
   return /*#__PURE__*/React.createElement(MediasApiProvider, {
     api: api
   }, /*#__PURE__*/React.createElement(MediasPicker, Object.assign({}, props, {
     onChange: onChange
   })));
 }
-MediasPickerContainer.propTypes = propTypes$1;
-MediasPickerContainer.defaultProps = defaultProps$1;
+MediasPickerContainer.propTypes = propTypes$2;
+MediasPickerContainer.defaultProps = defaultProps$2;
+
+var _excluded$1 = ["resource"];
+var propTypes$1 = {
+  resource: PropTypes.string
+};
+var defaultProps$1 = {
+  resource: 'medias'
+};
+function MediasResourceBrowser(_ref) {
+  var resourceId = _ref.resource,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  var resource = contexts.usePanneauResource(resourceId);
+  var api = data.useApi();
+  var mediasApi = React.useMemo(function () {
+    return {
+      get: function get() {
+        var _api$resources;
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+        return (_api$resources = api.resources).get.apply(_api$resources, [resource].concat(args));
+      },
+      find: function find() {
+        var _api$resources2;
+        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+          args[_key2] = arguments[_key2];
+        }
+        return (_api$resources2 = api.resources).find.apply(_api$resources2, [resource].concat(args));
+      },
+      create: function create() {
+        var _api$resources3;
+        for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+          args[_key3] = arguments[_key3];
+        }
+        return (_api$resources3 = api.resources).create.apply(_api$resources3, [resource].concat(args));
+      },
+      update: function update() {
+        var _api$resources4;
+        for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+          args[_key4] = arguments[_key4];
+        }
+        return (_api$resources4 = api.resources).update.apply(_api$resources4, [resource].concat(args));
+      },
+      "delete": function _delete() {
+        var _api$resources5;
+        for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+          args[_key5] = arguments[_key5];
+        }
+        return (_api$resources5 = api.resources)["delete"].apply(_api$resources5, [resource].concat(args));
+      }
+    };
+  }, [api, resource]);
+  return /*#__PURE__*/React.createElement(MediasBrowserContainer, Object.assign({
+    api: mediasApi
+  }, props));
+}
+MediasResourceBrowser.propTypes = propTypes$1;
+MediasResourceBrowser.defaultProps = defaultProps$1;
 
 var _excluded = ["resource"];
 var propTypes = {
@@ -1169,7 +1227,7 @@ var propTypes = {
 var defaultProps = {
   resource: 'medias'
 };
-function MediasResourceBrowser(_ref) {
+function MediasResourcePicker(_ref) {
   var resourceId = _ref.resource,
     props = _objectWithoutProperties(_ref, _excluded);
   var resource = contexts.usePanneauResource(resourceId);
@@ -1213,12 +1271,12 @@ function MediasResourceBrowser(_ref) {
       }
     };
   }, [api, resource]);
-  return /*#__PURE__*/React.createElement(MediasBrowserContainer, Object.assign({
+  return /*#__PURE__*/React.createElement(MediasPickerContainer, Object.assign({
     api: mediasApi
   }, props));
 }
-MediasResourceBrowser.propTypes = propTypes;
-MediasResourceBrowser.defaultProps = defaultProps;
+MediasResourcePicker.propTypes = propTypes;
+MediasResourcePicker.defaultProps = defaultProps;
 
 exports.MediaForm = MediaForm;
 exports.MediasApiProvider = MediasApiProvider;
@@ -1226,8 +1284,14 @@ exports.MediasBrowser = MediasBrowser;
 exports.MediasPicker = MediasPicker;
 exports.MediasPickerContainer = MediasPickerContainer;
 exports.MediasResourceBrowser = MediasResourceBrowser;
+exports.MediasResourcePicker = MediasResourcePicker;
 exports.apiPropTypes = apiPropTypes;
+exports.columns = defaultColumns;
 exports.default = MediasBrowserContainer;
+exports.fields = defaultFields;
+exports.filters = defaultFilters;
+exports.metadataDisplays = defaultDisplays;
+exports.metadataSections = defaultSections;
 exports.useMedia = useMedia$1;
 exports.useMediaCreate = useMediaCreate$1;
 exports.useMediaUpdate = useMediaUpdate$1;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/medias",
-    "version": "3.0.145",
+    "version": "3.0.148",
     "description": "",
     "keywords": [
         "javascript"
@@ -46,19 +46,19 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^3.0.145",
-        "@panneau/data": "^3.0.145",
-        "@panneau/element-button": "^3.0.145",
-        "@panneau/element-buttons": "^3.0.145",
-        "@panneau/element-form": "^3.0.145",
-        "@panneau/element-grid": "^3.0.145",
-        "@panneau/element-icon": "^3.0.145",
-        "@panneau/element-media-card": "^3.0.145",
-        "@panneau/element-media-player": "^3.0.145",
-        "@panneau/element-media-preview": "^3.0.145",
-        "@panneau/element-pagination": "^3.0.145",
-        "@panneau/element-table": "^3.0.145",
-        "@panneau/filter-filters": "^3.0.145",
+        "@panneau/core": "^3.0.146",
+        "@panneau/data": "^3.0.146",
+        "@panneau/element-button": "^3.0.146",
+        "@panneau/element-buttons": "^3.0.146",
+        "@panneau/element-form": "^3.0.146",
+        "@panneau/element-grid": "^3.0.146",
+        "@panneau/element-icon": "^3.0.146",
+        "@panneau/element-media-card": "^3.0.146",
+        "@panneau/element-media-player": "^3.0.146",
+        "@panneau/element-media-preview": "^3.0.146",
+        "@panneau/element-pagination": "^3.0.146",
+        "@panneau/element-table": "^3.0.146",
+        "@panneau/filter-filters": "^3.0.146",
         "classnames": "^2.5.1",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -67,5 +67,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "d0f53172c4465b5f4e9c41a54f8f355a01564f5c"
+    "gitHead": "7e5c8242c80e4f4730503dfff989b387971ce0d2"
 }