@panneau/medias 3.0.183 → 3.0.185

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',
@@ -985,11 +979,9 @@ 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;
   var onOpenMedia = useCallback(function (media) {
     setCurrentMedia(media);
   }, [setCurrentMedia]);
@@ -1207,6 +1199,9 @@ MediasBrowser.propTypes = propTypes$5;
 MediasBrowser.defaultProps = defaultProps$5;
 
 var _excluded$4 = ["items", "value", "onSelectionChange", "multipleSelection", "types", "onChange", "onClose", "withoutButtons", "className"];
+
+// import { useMediasForm } from './MediasFormContext';
+
 var propTypes$4 = {
   // eslint-disable-next-line react/forbid-prop-types
   items: PropTypes.arrayOf(PropTypes.shape({})),
@@ -1234,28 +1229,18 @@ function MediasPicker(_ref) {
     initialSelectedItems = _ref.value,
     parentOnSelectionChange = _ref.onSelectionChange,
     multipleSelection = _ref.multipleSelection,
-    types = _ref.types,
-    onChange = _ref.onChange,
-    onClose = _ref.onClose,
-    withoutButtons = _ref.withoutButtons,
-    className = _ref.className,
+    types = _ref.types;
+    _ref.onChange;
+    _ref.onClose;
+    _ref.withoutButtons;
+    var className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$4);
-  var _useMediasForm = useMediasForm(),
-    currentMedia = _useMediasForm.media;
+  // const { media: currentMedia } = useMediasForm();
 
-  // For selection
-  var _useState = useState(initialItems),
+  var _useState = useState(initialSelectedItems || null),
     _useState2 = _slicedToArray(_useState, 2),
-    pageItems = _useState2[0],
-    setItems = _useState2[1];
-  var disabled = pageItems === null || pageItems.length < 1;
-  var onItemsChange = useCallback(function (newPageItems) {
-    setItems(newPageItems);
-  }, [setItems]);
-  var _useState3 = useState(initialSelectedItems || null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedItems = _useState4[0],
-    setSelectedItems = _useState4[1];
+    selectedItems = _useState2[0],
+    setSelectedItems = _useState2[1];
   var onSelectionChange = useCallback(function (newSelection) {
     setSelectedItems(newSelection);
   }, [setSelectedItems]);
@@ -1268,11 +1253,15 @@ function MediasPicker(_ref) {
       parentOnSelectionChange(selectedItems);
     }
   }, [selectedItems, parentOnSelectionChange]);
-  var onConfirmSelection = useCallback(function () {
-    if (onChange !== null) {
-      onChange(selectedItems);
-    }
-  }, [selectedItems, onChange]);
+
+  // const onConfirmSelection = useCallback(() => {
+  //     if (onChange !== null) {
+  //         onChange(selectedItems || null);
+  //     }
+  // }, [selectedItems, onChange]);
+
+  // const empty = selectedItems === null || (isArray(selectedItems) && selectedItems.length === 0);
+
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, /*#__PURE__*/React.createElement(MediasBrowser, Object.assign({
@@ -1282,42 +1271,13 @@ function MediasPicker(_ref) {
     selectedItems: selectedItems,
     onSelectionChange: onSelectionChange,
     multipleSelection: multipleSelection,
-    onItemsChange: onItemsChange,
     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,
-    disabled: disabled,
-    outline: disabled,
-    className: "d-block"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "rvOVCV",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Confirm selection"
-    }]
-  })))) : null);
+  }, props)));
 }
 MediasPicker.propTypes = propTypes$4;
 MediasPicker.defaultProps = defaultProps$4;
@@ -1344,7 +1304,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)));
@@ -1352,33 +1312,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
   }))));
@@ -1546,4 +1500,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',
@@ -987,11 +981,9 @@ 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;
   var onOpenMedia = React.useCallback(function (media) {
     setCurrentMedia(media);
   }, [setCurrentMedia]);
@@ -1209,6 +1201,9 @@ MediasBrowser.propTypes = propTypes$5;
 MediasBrowser.defaultProps = defaultProps$5;
 
 var _excluded$4 = ["items", "value", "onSelectionChange", "multipleSelection", "types", "onChange", "onClose", "withoutButtons", "className"];
+
+// import { useMediasForm } from './MediasFormContext';
+
 var propTypes$4 = {
   // eslint-disable-next-line react/forbid-prop-types
   items: PropTypes.arrayOf(PropTypes.shape({})),
@@ -1236,28 +1231,18 @@ function MediasPicker(_ref) {
     initialSelectedItems = _ref.value,
     parentOnSelectionChange = _ref.onSelectionChange,
     multipleSelection = _ref.multipleSelection,
-    types = _ref.types,
-    onChange = _ref.onChange,
-    onClose = _ref.onClose,
-    withoutButtons = _ref.withoutButtons,
-    className = _ref.className,
+    types = _ref.types;
+    _ref.onChange;
+    _ref.onClose;
+    _ref.withoutButtons;
+    var className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$4);
-  var _useMediasForm = useMediasForm(),
-    currentMedia = _useMediasForm.media;
+  // const { media: currentMedia } = useMediasForm();
 
-  // For selection
-  var _useState = React.useState(initialItems),
+  var _useState = React.useState(initialSelectedItems || null),
     _useState2 = _slicedToArray(_useState, 2),
-    pageItems = _useState2[0],
-    setItems = _useState2[1];
-  var disabled = pageItems === null || pageItems.length < 1;
-  var onItemsChange = React.useCallback(function (newPageItems) {
-    setItems(newPageItems);
-  }, [setItems]);
-  var _useState3 = React.useState(initialSelectedItems || null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedItems = _useState4[0],
-    setSelectedItems = _useState4[1];
+    selectedItems = _useState2[0],
+    setSelectedItems = _useState2[1];
   var onSelectionChange = React.useCallback(function (newSelection) {
     setSelectedItems(newSelection);
   }, [setSelectedItems]);
@@ -1270,11 +1255,15 @@ function MediasPicker(_ref) {
       parentOnSelectionChange(selectedItems);
     }
   }, [selectedItems, parentOnSelectionChange]);
-  var onConfirmSelection = React.useCallback(function () {
-    if (onChange !== null) {
-      onChange(selectedItems);
-    }
-  }, [selectedItems, onChange]);
+
+  // const onConfirmSelection = useCallback(() => {
+  //     if (onChange !== null) {
+  //         onChange(selectedItems || null);
+  //     }
+  // }, [selectedItems, onChange]);
+
+  // const empty = selectedItems === null || (isArray(selectedItems) && selectedItems.length === 0);
+
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, /*#__PURE__*/React.createElement(MediasBrowser, Object.assign({
@@ -1284,42 +1273,13 @@ function MediasPicker(_ref) {
     selectedItems: selectedItems,
     onSelectionChange: onSelectionChange,
     multipleSelection: multipleSelection,
-    onItemsChange: onItemsChange,
     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,
-    disabled: disabled,
-    outline: disabled,
-    className: "d-block"
-  }, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
-    id: "rvOVCV",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Confirm selection"
-    }]
-  })))) : null);
+  }, props)));
 }
 MediasPicker.propTypes = propTypes$4;
 MediasPicker.defaultProps = defaultProps$4;
@@ -1346,7 +1306,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)));
@@ -1354,33 +1314,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
   }))));
@@ -1560,7 +1514,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.183",
+    "version": "3.0.185",
     "description": "",
     "keywords": [
         "javascript"
@@ -69,5 +69,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1a43436f1a5e0db3a0b2951138e9280b21220467"
+    "gitHead": "d07cd67a86c77392ecaf3b2502b58ab4fb3e723b"
 }