@panneau/medias 3.0.146 → 3.0.149

package/es/index.js

@@ -1,13 +1,19 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React, { useContext, useMemo, useCallback, useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React, { useContext, useMemo, useCallback, useState, useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
-import { PropTypes as PropTypes$1 } from '@panneau/core';
+import { useDisplaysComponentsManager, useFieldComponent, usePanneauResource } from '@panneau/core/contexts';
 import { useForm, useQuery, useItemSelection } from '@panneau/core/hooks';
 import Button from '@panneau/element-button';
+import Form from '@panneau/element-form';
+import MediaPlayer from '@panneau/element-media-player';
+import MediaPreview from '@panneau/element-media-preview';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { get } from 'lodash';
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import { PropTypes as PropTypes$1 } from '@panneau/core';
 import Buttons from '@panneau/element-buttons';
 import Grid from '@panneau/element-grid';
 import Icon from '@panneau/element-icon';
@@ -15,12 +21,6 @@ import MediaCard from '@panneau/element-media-card';
 import Pagination from '@panneau/element-pagination';
 import Table from '@panneau/element-table';
 import Filters from '@panneau/filter-filters';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useDisplaysComponentsManager, useFieldComponent, usePanneauResource } from '@panneau/core/contexts';
-import Form from '@panneau/element-form';
-import MediaPlayer from '@panneau/element-media-player';
-import MediaPreview from '@panneau/element-media-preview';
-import { get } from 'lodash';
 import { useItems, useData, useApi } from '@panneau/data';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 
@@ -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,
@@ -994,24 +994,28 @@ function MediasBrowser(_ref) {
         className: 'px-3'
       });
     })
-  }) : null, pagination), layout === 'grid' ? /*#__PURE__*/React.createElement(Grid, Object.assign({}, tableProps, {
+  }) : null, pagination), layout === 'grid' ? /*#__PURE__*/React.createElement(Grid, Object.assign({
     size: "xsmall",
-    items: items || [],
+    theme: theme,
     component: MediaCard,
     componentProps: {
       className: 'd-flex w-100',
       cardClassName: 'flex-grow-1',
       vertical: true
-    },
+    }
+  }, tableProps, {
+    items: items || [],
     onSelectItem: onSelectItem !== null ? onSelectItem : function (it) {
       return onOpenMedia(it);
     }
-  })) : null, layout === 'table' ? /*#__PURE__*/React.createElement(Table, Object.assign({}, tableProps, {
+  })) : null, layout === 'table' ? /*#__PURE__*/React.createElement(Table, Object.assign({
+    theme: theme,
     columns: columns,
-    items: items,
     displayPlaceholder: /*#__PURE__*/React.createElement("span", {
       className: "text-secondary text-opacity-75"
-    }, "\u2014"),
+    }, "\u2014")
+  }, tableProps, {
+    items: items,
     onSelectItem: onSelectItem !== null ? onSelectItem : function (it) {
       return onOpenMedia(it);
     }
@@ -1019,28 +1023,11 @@ function MediasBrowser(_ref) {
     className: classNames(['d-flex', 'mt-3', 'mb-1', 'justify-content-end'])
   }, pagination)));
 }
-MediasBrowser.propTypes = propTypes$4;
-MediasBrowser.defaultProps = defaultProps$4;
-
-var _excluded$3 = ["api"];
-var propTypes$3 = {
-  api: apiPropTypes
-};
-var defaultProps$3 = {
-  api: null
-};
-function MediasBrowserContainer(_ref) {
-  var api = _ref.api,
-    props = _objectWithoutProperties(_ref, _excluded$3);
-  return /*#__PURE__*/React.createElement(MediasApiProvider, {
-    api: api
-  }, /*#__PURE__*/React.createElement(MediasBrowser, props));
-}
-MediasBrowserContainer.propTypes = propTypes$3;
-MediasBrowserContainer.defaultProps = defaultProps$3;
+MediasBrowser.propTypes = propTypes$5;
+MediasBrowser.defaultProps = defaultProps$5;
 
-var _excluded$2 = ["value", "selectedItems", "onChange", "onConfirm", "onClose", "multiple", "withoutButtons", "className"];
-var propTypes$2 = {
+var _excluded$4 = ["value", "selectedItems", "onChange", "onConfirm", "onClose", "multiple", "withoutButtons", "tableProps", "className"];
+var propTypes$4 = {
   // eslint-disable-next-line react/forbid-prop-types
   value: PropTypes.arrayOf(PropTypes.shape({})),
   selectedItems: PropTypes.arrayOf(PropTypes.shape({})),
@@ -1049,14 +1036,18 @@ var propTypes$2 = {
   onClose: PropTypes.func,
   multiple: PropTypes.bool,
   withoutButtons: PropTypes.bool,
+  tableProps: PropTypes.shape({
+    theme: PropTypes.string
+  }),
   className: PropTypes.string
 };
-var defaultProps$2 = {
+var defaultProps$4 = {
   value: null,
   selectedItems: null,
   onClose: null,
   multiple: false,
   withoutButtons: false,
+  tableProps: null,
   className: null
 };
 function MediasPicker(_ref) {
@@ -1067,8 +1058,9 @@ function MediasPicker(_ref) {
     onClose = _ref.onClose,
     multiple = _ref.multiple,
     withoutButtons = _ref.withoutButtons,
+    tableProps = _ref.tableProps,
     className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$2);
+    props = _objectWithoutProperties(_ref, _excluded$4);
   var _useState = useState(value),
     _useState2 = _slicedToArray(_useState, 2),
     items = _useState2[0],
@@ -1092,14 +1084,14 @@ function MediasPicker(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, /*#__PURE__*/React.createElement(MediasBrowser, Object.assign({
-    tableProps: {
+    tableProps: _objectSpread({
       selectable: true,
       multipleSelection: multiple,
       onSelectItem: onSelectItem,
       onSelectPage: onSelectPage,
       selectedItems: selectedItems,
       pageSelected: pageSelected
-    },
+    }, tableProps),
     onSelectItem: onSelectItem,
     onItemsChange: onItemsChange,
     selectedCount: selectedCount,
@@ -1134,29 +1126,104 @@ function MediasPicker(_ref) {
     }]
   })))) : null);
 }
-MediasPicker.propTypes = propTypes$2;
-MediasPicker.defaultProps = defaultProps$2;
+MediasPicker.propTypes = propTypes$4;
+MediasPicker.defaultProps = defaultProps$4;
 
-var _excluded$1 = ["api", "onChange"];
-var propTypes$1 = {
+var _excluded$3 = ["api"];
+var propTypes$3 = {
+  api: apiPropTypes
+};
+var defaultProps$3 = {
+  api: null
+};
+function MediasBrowserContainer(_ref) {
+  var api = _ref.api,
+    props = _objectWithoutProperties(_ref, _excluded$3);
+  return /*#__PURE__*/React.createElement(MediasApiProvider, {
+    api: api
+  }, /*#__PURE__*/React.createElement(MediasBrowser, props));
+}
+MediasBrowserContainer.propTypes = propTypes$3;
+MediasBrowserContainer.defaultProps = defaultProps$3;
+
+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 +1232,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 +1276,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, MediasBrowserContainer, MediasPicker, MediasPickerContainer, MediasResourceBrowser, MediasResourcePicker, apiPropTypes, defaultColumns as columns, 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

@@ -1,17 +1,21 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
-var PropTypes = require('prop-types');
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var classNames = require('classnames');
+var PropTypes = require('prop-types');
+var React = require('react');
 var reactIntl = require('react-intl');
-var core = require('@panneau/core');
+var contexts = require('@panneau/core/contexts');
 var hooks = require('@panneau/core/hooks');
 var Button = require('@panneau/element-button');
+var Form = require('@panneau/element-form');
+var MediaPlayer = require('@panneau/element-media-player');
+var MediaPreview = require('@panneau/element-media-preview');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var lodash = require('lodash');
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var core = require('@panneau/core');
 var Buttons = require('@panneau/element-buttons');
 var Grid = require('@panneau/element-grid');
 var Icon = require('@panneau/element-icon');
@@ -19,12 +23,6 @@ var MediaCard = require('@panneau/element-media-card');
 var Pagination = require('@panneau/element-pagination');
 var Table = require('@panneau/element-table');
 var Filters = require('@panneau/filter-filters');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var contexts = require('@panneau/core/contexts');
-var Form = require('@panneau/element-form');
-var MediaPlayer = require('@panneau/element-media-player');
-var MediaPreview = require('@panneau/element-media-preview');
-var lodash = require('lodash');
 var data = require('@panneau/data');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 
@@ -40,11 +38,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 +56,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 +77,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 +113,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 +121,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 +189,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 +229,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 +248,7 @@ var propTypes$6 = {
   })),
   className: PropTypes.string
 };
-var defaultProps$6 = {
+var defaultProps$7 = {
   value: null,
   sections: null,
   displays: null,
@@ -306,7 +304,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 +322,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 +463,7 @@ var defaultSections = [{
   })
 }];
 
-var propTypes$5 = {
+var propTypes$6 = {
   value: PropTypes.shape({
     id: PropTypes.string
   }),
@@ -485,7 +483,7 @@ var propTypes$5 = {
   onClose: PropTypes.func,
   className: PropTypes.string
 };
-var defaultProps$5 = {
+var defaultProps$6 = {
   value: null,
   fields: defaultFields,
   sections: defaultSections,
@@ -617,8 +615,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 +815,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 +834,7 @@ var propTypes$4 = {
   onClearSelected: PropTypes.func,
   className: PropTypes.string
 };
-var defaultProps$4 = {
+var defaultProps$5 = {
   items: null,
   buttons: null,
   filters: defaultFilters,
@@ -894,7 +892,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,
@@ -998,24 +996,28 @@ function MediasBrowser(_ref) {
         className: 'px-3'
       });
     })
-  }) : null, pagination), layout === 'grid' ? /*#__PURE__*/React.createElement(Grid, Object.assign({}, tableProps, {
+  }) : null, pagination), layout === 'grid' ? /*#__PURE__*/React.createElement(Grid, Object.assign({
     size: "xsmall",
-    items: items || [],
+    theme: theme,
     component: MediaCard,
     componentProps: {
       className: 'd-flex w-100',
       cardClassName: 'flex-grow-1',
       vertical: true
-    },
+    }
+  }, tableProps, {
+    items: items || [],
     onSelectItem: onSelectItem !== null ? onSelectItem : function (it) {
       return onOpenMedia(it);
     }
-  })) : null, layout === 'table' ? /*#__PURE__*/React.createElement(Table, Object.assign({}, tableProps, {
+  })) : null, layout === 'table' ? /*#__PURE__*/React.createElement(Table, Object.assign({
+    theme: theme,
     columns: columns,
-    items: items,
     displayPlaceholder: /*#__PURE__*/React.createElement("span", {
       className: "text-secondary text-opacity-75"
-    }, "\u2014"),
+    }, "\u2014")
+  }, tableProps, {
+    items: items,
     onSelectItem: onSelectItem !== null ? onSelectItem : function (it) {
       return onOpenMedia(it);
     }
@@ -1023,28 +1025,11 @@ function MediasBrowser(_ref) {
     className: classNames(['d-flex', 'mt-3', 'mb-1', 'justify-content-end'])
   }, pagination)));
 }
-MediasBrowser.propTypes = propTypes$4;
-MediasBrowser.defaultProps = defaultProps$4;
-
-var _excluded$3 = ["api"];
-var propTypes$3 = {
-  api: apiPropTypes
-};
-var defaultProps$3 = {
-  api: null
-};
-function MediasBrowserContainer(_ref) {
-  var api = _ref.api,
-    props = _objectWithoutProperties(_ref, _excluded$3);
-  return /*#__PURE__*/React.createElement(MediasApiProvider, {
-    api: api
-  }, /*#__PURE__*/React.createElement(MediasBrowser, props));
-}
-MediasBrowserContainer.propTypes = propTypes$3;
-MediasBrowserContainer.defaultProps = defaultProps$3;
+MediasBrowser.propTypes = propTypes$5;
+MediasBrowser.defaultProps = defaultProps$5;
 
-var _excluded$2 = ["value", "selectedItems", "onChange", "onConfirm", "onClose", "multiple", "withoutButtons", "className"];
-var propTypes$2 = {
+var _excluded$4 = ["value", "selectedItems", "onChange", "onConfirm", "onClose", "multiple", "withoutButtons", "tableProps", "className"];
+var propTypes$4 = {
   // eslint-disable-next-line react/forbid-prop-types
   value: PropTypes.arrayOf(PropTypes.shape({})),
   selectedItems: PropTypes.arrayOf(PropTypes.shape({})),
@@ -1053,14 +1038,18 @@ var propTypes$2 = {
   onClose: PropTypes.func,
   multiple: PropTypes.bool,
   withoutButtons: PropTypes.bool,
+  tableProps: PropTypes.shape({
+    theme: PropTypes.string
+  }),
   className: PropTypes.string
 };
-var defaultProps$2 = {
+var defaultProps$4 = {
   value: null,
   selectedItems: null,
   onClose: null,
   multiple: false,
   withoutButtons: false,
+  tableProps: null,
   className: null
 };
 function MediasPicker(_ref) {
@@ -1071,8 +1060,9 @@ function MediasPicker(_ref) {
     onClose = _ref.onClose,
     multiple = _ref.multiple,
     withoutButtons = _ref.withoutButtons,
+    tableProps = _ref.tableProps,
     className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$2);
+    props = _objectWithoutProperties(_ref, _excluded$4);
   var _useState = React.useState(value),
     _useState2 = _slicedToArray(_useState, 2),
     items = _useState2[0],
@@ -1096,14 +1086,14 @@ function MediasPicker(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, /*#__PURE__*/React.createElement(MediasBrowser, Object.assign({
-    tableProps: {
+    tableProps: _objectSpread({
       selectable: true,
       multipleSelection: multiple,
       onSelectItem: onSelectItem,
       onSelectPage: onSelectPage,
       selectedItems: selectedItems,
       pageSelected: pageSelected
-    },
+    }, tableProps),
     onSelectItem: onSelectItem,
     onItemsChange: onItemsChange,
     selectedCount: selectedCount,
@@ -1138,29 +1128,104 @@ function MediasPicker(_ref) {
     }]
   })))) : null);
 }
-MediasPicker.propTypes = propTypes$2;
-MediasPicker.defaultProps = defaultProps$2;
+MediasPicker.propTypes = propTypes$4;
+MediasPicker.defaultProps = defaultProps$4;
 
-var _excluded$1 = ["api", "onChange"];
-var propTypes$1 = {
+var _excluded$3 = ["api"];
+var propTypes$3 = {
+  api: apiPropTypes
+};
+var defaultProps$3 = {
+  api: null
+};
+function MediasBrowserContainer(_ref) {
+  var api = _ref.api,
+    props = _objectWithoutProperties(_ref, _excluded$3);
+  return /*#__PURE__*/React.createElement(MediasApiProvider, {
+    api: api
+  }, /*#__PURE__*/React.createElement(MediasBrowser, props));
+}
+MediasBrowserContainer.propTypes = propTypes$3;
+MediasBrowserContainer.defaultProps = defaultProps$3;
+
+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 +1234,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,21 +1278,27 @@ 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;
 exports.MediasBrowser = MediasBrowser;
+exports.MediasBrowserContainer = MediasBrowserContainer;
 exports.MediasPicker = MediasPicker;
 exports.MediasPickerContainer = MediasPickerContainer;
 exports.MediasResourceBrowser = MediasResourceBrowser;
+exports.MediasResourcePicker = MediasResourcePicker;
 exports.apiPropTypes = apiPropTypes;
-exports.default = MediasBrowserContainer;
+exports.columns = defaultColumns;
+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.146",
+    "version": "3.0.149",
     "description": "",
     "keywords": [
         "javascript"
@@ -67,5 +67,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "6cb6250299f5e725b74a20195fe6e66fe803bafc"
+    "gitHead": "a78f4ff7c15fb1d37b37a0b1391dca0616023dfc"
 }