@panneau/medias 3.0.205 → 3.0.207

package/es/index.js

@@ -100,7 +100,7 @@ var useMedias = function useMedias() {
 var useMedias$1 = useMedias;
 
 var _excluded$6 = ["data"];
-var useMedia$1 = function useMedia(id, opts) {
+var useMedia = function useMedia(id, opts) {
   var api = useMediasApi();
   var loader = useCallback(function () {
     return api.find(id);
@@ -112,7 +112,7 @@ var useMedia$1 = function useMedia(id, opts) {
     story: data
   }, request);
 };
-var useMedia$2 = useMedia$1;
+var useMedia$1 = useMedia;
 
 var useMediaCreate = function useMediaCreate() {
   var _useState = useState(false),
@@ -194,9 +194,42 @@ var useMediaTrash = function useMediaTrash() {
 };
 var useMediaTrash$1 = useMediaTrash;
 
+var MediaContext = /*#__PURE__*/React.createContext(null);
+var useCurrentMedia = function useCurrentMedia() {
+  return useContext(MediaContext);
+};
+var propTypes$8 = {
+  media: PropTypes.shape({
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+  }),
+  children: PropTypes.node.isRequired
+};
+var defaultProps$8 = {
+  media: null
+};
+function MediaProvider(_ref) {
+  var providedMedia = _ref.media,
+    children = _ref.children;
+  var _useState = useState(providedMedia),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentMedia = _useState2[0],
+    setCurrentMedia = _useState2[1];
+  var values = useMemo(function () {
+    return {
+      currentMedia: currentMedia,
+      setCurrentMedia: setCurrentMedia
+    };
+  }, [currentMedia, setCurrentMedia]);
+  return /*#__PURE__*/React.createElement(MediaContext.Provider, {
+    value: values
+  }, children);
+}
+MediaProvider.propTypes = propTypes$8;
+MediaProvider.defaultProps = defaultProps$8;
+
 var styles = {"mediaFrame":"panneau-medias-mediaFrame","playButton":"panneau-medias-playButton"};
 
-var propTypes$8 = {
+var propTypes$7 = {
   value: PropTypes.shape({
     id: PropTypes.string,
     type: PropTypes.string
@@ -204,7 +237,7 @@ var propTypes$8 = {
   showPlayer: PropTypes.bool,
   className: PropTypes.string
 };
-var defaultProps$8 = {
+var defaultProps$7 = {
   value: null,
   showPlayer: true,
   className: null
@@ -237,8 +270,8 @@ function MediaFrame(_ref) {
     onClick: type === 'video' || type === 'audio' ? onClick : null
   }));
 }
-MediaFrame.propTypes = propTypes$8;
-MediaFrame.defaultProps = defaultProps$8;
+MediaFrame.propTypes = propTypes$7;
+MediaFrame.defaultProps = defaultProps$7;
 
 var defaultFields = [{
   name: 'name',
@@ -373,7 +406,7 @@ var defaultFields = [{
   }]
 }];
 
-var propTypes$7 = {
+var propTypes$6 = {
   value: PropTypes.shape({
     id: PropTypes.string
   }),
@@ -388,7 +421,7 @@ var propTypes$7 = {
   className: PropTypes.string,
   children: PropTypes.node
 };
-var defaultProps$7 = {
+var defaultProps$6 = {
   value: null,
   fields: defaultFields,
   onChange: null,
@@ -558,41 +591,8 @@ function MediaForm(_ref) {
     status: status
   })) : null)));
 }
-MediaForm.propTypes = propTypes$7;
-MediaForm.defaultProps = defaultProps$7;
-
-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])
-  }),
-  children: PropTypes.node.isRequired
-};
-var defaultProps$6 = {
-  media: null
-};
-function MediaProvider(_ref) {
-  var providedMedia = _ref.media,
-    children = _ref.children;
-  var _useState = useState(providedMedia),
-    _useState2 = _slicedToArray(_useState, 2),
-    media = _useState2[0],
-    setMedia = _useState2[1];
-  var values = useMemo(function () {
-    return {
-      media: media,
-      setMedia: setMedia
-    };
-  }, [media, setMedia]);
-  return /*#__PURE__*/React.createElement(MediaContext.Provider, {
-    value: values
-  }, children);
-}
-MediaProvider.propTypes = propTypes$6;
-MediaProvider.defaultProps = defaultProps$6;
+MediaForm.propTypes = propTypes$6;
+MediaForm.defaultProps = defaultProps$6;
 
 var defaultColumns = [{
   id: 'image',
@@ -989,9 +989,9 @@ function MediasBrowser(_ref) {
       onLayoutChange(newLayout);
     }
   }, [setLayout]);
-  var _useMedia = useMedia(),
-    currentMedia = _useMedia.media,
-    setCurrentMedia = _useMedia.setMedia;
+  var _useCurrentMedia = useCurrentMedia(),
+    currentMedia = _useCurrentMedia.currentMedia,
+    setCurrentMedia = _useCurrentMedia.setCurrentMedia;
   useEffect(function () {
     if (currentMedia !== null && onMediaFormOpen !== null) {
       onMediaFormOpen();
@@ -1544,4 +1544,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$2 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, useCurrentMedia, 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 };

package/lib/index.js

@@ -102,7 +102,7 @@ var useMedias = function useMedias() {
 var useMedias$1 = useMedias;
 
 var _excluded$6 = ["data"];
-var useMedia$1 = function useMedia(id, opts) {
+var useMedia = function useMedia(id, opts) {
   var api = useMediasApi();
   var loader = React.useCallback(function () {
     return api.find(id);
@@ -114,7 +114,7 @@ var useMedia$1 = function useMedia(id, opts) {
     story: data$1
   }, request);
 };
-var useMedia$2 = useMedia$1;
+var useMedia$1 = useMedia;
 
 var useMediaCreate = function useMediaCreate() {
   var _useState = React.useState(false),
@@ -196,9 +196,42 @@ var useMediaTrash = function useMediaTrash() {
 };
 var useMediaTrash$1 = useMediaTrash;
 
+var MediaContext = /*#__PURE__*/React.createContext(null);
+var useCurrentMedia = function useCurrentMedia() {
+  return React.useContext(MediaContext);
+};
+var propTypes$8 = {
+  media: PropTypes.shape({
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+  }),
+  children: PropTypes.node.isRequired
+};
+var defaultProps$8 = {
+  media: null
+};
+function MediaProvider(_ref) {
+  var providedMedia = _ref.media,
+    children = _ref.children;
+  var _useState = React.useState(providedMedia),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentMedia = _useState2[0],
+    setCurrentMedia = _useState2[1];
+  var values = React.useMemo(function () {
+    return {
+      currentMedia: currentMedia,
+      setCurrentMedia: setCurrentMedia
+    };
+  }, [currentMedia, setCurrentMedia]);
+  return /*#__PURE__*/React.createElement(MediaContext.Provider, {
+    value: values
+  }, children);
+}
+MediaProvider.propTypes = propTypes$8;
+MediaProvider.defaultProps = defaultProps$8;
+
 var styles = {"mediaFrame":"panneau-medias-mediaFrame","playButton":"panneau-medias-playButton"};
 
-var propTypes$8 = {
+var propTypes$7 = {
   value: PropTypes.shape({
     id: PropTypes.string,
     type: PropTypes.string
@@ -206,7 +239,7 @@ var propTypes$8 = {
   showPlayer: PropTypes.bool,
   className: PropTypes.string
 };
-var defaultProps$8 = {
+var defaultProps$7 = {
   value: null,
   showPlayer: true,
   className: null
@@ -239,8 +272,8 @@ function MediaFrame(_ref) {
     onClick: type === 'video' || type === 'audio' ? onClick : null
   }));
 }
-MediaFrame.propTypes = propTypes$8;
-MediaFrame.defaultProps = defaultProps$8;
+MediaFrame.propTypes = propTypes$7;
+MediaFrame.defaultProps = defaultProps$7;
 
 var defaultFields = [{
   name: 'name',
@@ -375,7 +408,7 @@ var defaultFields = [{
   }]
 }];
 
-var propTypes$7 = {
+var propTypes$6 = {
   value: PropTypes.shape({
     id: PropTypes.string
   }),
@@ -390,7 +423,7 @@ var propTypes$7 = {
   className: PropTypes.string,
   children: PropTypes.node
 };
-var defaultProps$7 = {
+var defaultProps$6 = {
   value: null,
   fields: defaultFields,
   onChange: null,
@@ -560,41 +593,8 @@ function MediaForm(_ref) {
     status: status
   })) : null)));
 }
-MediaForm.propTypes = propTypes$7;
-MediaForm.defaultProps = defaultProps$7;
-
-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])
-  }),
-  children: PropTypes.node.isRequired
-};
-var defaultProps$6 = {
-  media: null
-};
-function MediaProvider(_ref) {
-  var providedMedia = _ref.media,
-    children = _ref.children;
-  var _useState = React.useState(providedMedia),
-    _useState2 = _slicedToArray(_useState, 2),
-    media = _useState2[0],
-    setMedia = _useState2[1];
-  var values = React.useMemo(function () {
-    return {
-      media: media,
-      setMedia: setMedia
-    };
-  }, [media, setMedia]);
-  return /*#__PURE__*/React.createElement(MediaContext.Provider, {
-    value: values
-  }, children);
-}
-MediaProvider.propTypes = propTypes$6;
-MediaProvider.defaultProps = defaultProps$6;
+MediaForm.propTypes = propTypes$6;
+MediaForm.defaultProps = defaultProps$6;
 
 var defaultColumns = [{
   id: 'image',
@@ -991,9 +991,9 @@ function MediasBrowser(_ref) {
       onLayoutChange(newLayout);
     }
   }, [setLayout]);
-  var _useMedia = useMedia(),
-    currentMedia = _useMedia.media,
-    setCurrentMedia = _useMedia.setMedia;
+  var _useCurrentMedia = useCurrentMedia(),
+    currentMedia = _useCurrentMedia.currentMedia,
+    setCurrentMedia = _useCurrentMedia.setCurrentMedia;
   React.useEffect(function () {
     if (currentMedia !== null && onMediaFormOpen !== null) {
       onMediaFormOpen();
@@ -1558,7 +1558,8 @@ exports.apiPropTypes = apiPropTypes;
 exports.columns = defaultColumns;
 exports.fields = defaultFields;
 exports.filters = defaultFilters;
-exports.useMedia = useMedia$2;
+exports.useCurrentMedia = useCurrentMedia;
+exports.useMedia = useMedia$1;
 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.205",
+    "version": "3.0.207",
     "description": "",
     "keywords": [
         "javascript"
@@ -69,5 +69,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "55528c93af0666376842ab8c4f56e70e0d461c68"
+    "gitHead": "21f52c4a17ca3acc469a10dc00e70bcf01235768"
 }