@panneau/medias 3.0.185 → 3.0.186

package/es/index.js

@@ -817,6 +817,8 @@ var propTypes$5 = {
   onUpload: PropTypes.func,
   onItemsChange: PropTypes.func,
   onLayoutChange: PropTypes.func,
+  onMediaFormOpen: PropTypes.func,
+  onMediaFormClose: PropTypes.func,
   selectable: PropTypes.bool,
   selectedItems: PropTypes.arrayOf(PropTypes.shape({})),
   onSelectionChange: PropTypes.func,
@@ -853,6 +855,8 @@ var defaultProps$5 = {
   onUpload: null,
   onItemsChange: null,
   onLayoutChange: null,
+  onMediaFormOpen: null,
+  onMediaFormClose: null,
   selectable: null,
   selectedItems: null,
   onSelectionChange: null,
@@ -879,6 +883,8 @@ function MediasBrowser(_ref) {
     onUpload = _ref.onUpload,
     onItemsChange = _ref.onItemsChange,
     onLayoutChange = _ref.onLayoutChange,
+    onMediaFormOpen = _ref.onMediaFormOpen,
+    onMediaFormClose = _ref.onMediaFormClose,
     selectable = _ref.selectable,
     selectedItems = _ref.selectedItems,
     onSelectionChange = _ref.onSelectionChange,
@@ -982,6 +988,14 @@ function MediasBrowser(_ref) {
   var _useMedia = useMedia(),
     currentMedia = _useMedia.media,
     setCurrentMedia = _useMedia.setMedia;
+  useEffect(function () {
+    if (currentMedia !== null && onMediaFormOpen !== null) {
+      onMediaFormOpen();
+    }
+    if (currentMedia === null && onMediaFormClose !== null) {
+      onMediaFormClose();
+    }
+  }, [currentMedia]);
   var onOpenMedia = useCallback(function (media) {
     setCurrentMedia(media);
   }, [setCurrentMedia]);
@@ -992,18 +1006,22 @@ function MediasBrowser(_ref) {
     setCurrentMedia(null);
     updateItem(item);
   }, [setCurrentMedia, updateItem]);
-  var onMediaUploaded = useCallback(function (medias) {
+  var onMediaUploaded = useCallback(function () {
+    var medias = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    if (medias === null) return;
     var rawMedias = isArray(medias) ? medias : [medias];
     if (onUpload !== null) {
       onUpload(rawMedias).then(function (newMedias) {
         if (onSelectionChange !== null) {
           onSelectionChange(newMedias);
+          onQueryReset();
           reload();
         }
       });
     }
     if (onSelectionChange !== null) {
       onSelectionChange(rawMedias);
+      onQueryReset();
       reload();
     }
   }, [onUpload]);
@@ -1100,7 +1118,7 @@ function MediasBrowser(_ref) {
     }]
   }))), /*#__PURE__*/React.createElement(MediaForm, {
     value: currentMedia,
-    fields: mediaFormFields || fields,
+    fields: fields,
     onChange: setCurrentMedia,
     onSave: onSaveMedia,
     onClose: onCloseMedia,
@@ -1198,70 +1216,43 @@ function MediasBrowser(_ref) {
 MediasBrowser.propTypes = propTypes$5;
 MediasBrowser.defaultProps = defaultProps$5;
 
-var _excluded$4 = ["items", "value", "onSelectionChange", "multipleSelection", "types", "onChange", "onClose", "withoutButtons", "className"];
-
-// import { useMediasForm } from './MediasFormContext';
-
+var _excluded$4 = ["items", "value", "onChange", "multiple", "className"];
 var propTypes$4 = {
-  // eslint-disable-next-line react/forbid-prop-types
   items: PropTypes.arrayOf(PropTypes.shape({})),
   value: PropTypes.arrayOf(PropTypes.shape({})),
-  onSelectionChange: PropTypes.func,
-  multipleSelection: PropTypes.bool,
-  types: PropTypes.arrayOf(PropTypes.string),
+  multiple: PropTypes.bool,
   onChange: PropTypes.func.isRequired,
-  onClose: PropTypes.func,
-  withoutButtons: PropTypes.bool,
   className: PropTypes.string
 };
 var defaultProps$4 = {
   items: null,
   value: null,
-  onSelectionChange: null,
-  multipleSelection: false,
-  types: null,
-  onClose: null,
-  withoutButtons: false,
+  multiple: false,
   className: null
 };
 function MediasPicker(_ref) {
   var initialItems = _ref.items,
     initialSelectedItems = _ref.value,
-    parentOnSelectionChange = _ref.onSelectionChange,
-    multipleSelection = _ref.multipleSelection,
-    types = _ref.types;
-    _ref.onChange;
-    _ref.onClose;
-    _ref.withoutButtons;
-    var className = _ref.className,
+    onChange = _ref.onChange,
+    multiple = _ref.multiple,
+    className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$4);
-  // const { media: currentMedia } = useMediasForm();
-
   var _useState = useState(initialSelectedItems || null),
     _useState2 = _slicedToArray(_useState, 2),
     selectedItems = _useState2[0],
     setSelectedItems = _useState2[1];
   var onSelectionChange = useCallback(function (newSelection) {
     setSelectedItems(newSelection);
+    if (onChange !== null) {
+      onChange(selectedItems);
+    }
   }, [setSelectedItems]);
+
   // Sync from the top
   useEffect(function () {
     setSelectedItems(initialSelectedItems);
   }, [initialSelectedItems, setSelectedItems]);
-  useEffect(function () {
-    if (parentOnSelectionChange !== null) {
-      parentOnSelectionChange(selectedItems);
-    }
-  }, [selectedItems, parentOnSelectionChange]);
-
-  // const onConfirmSelection = useCallback(() => {
-  //     if (onChange !== null) {
-  //         onChange(selectedItems || null);
-  //     }
-  // }, [selectedItems, onChange]);
-
-  // const empty = selectedItems === null || (isArray(selectedItems) && selectedItems.length === 0);
-
+  console.log('selectedItems', selectedItems);
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, /*#__PURE__*/React.createElement(MediasBrowser, Object.assign({
@@ -1270,13 +1261,7 @@ function MediasPicker(_ref) {
     selectable: true,
     selectedItems: selectedItems,
     onSelectionChange: onSelectionChange,
-    multipleSelection: multipleSelection,
-    types: types
-    // extraItems={
-    //     !multiple && initialSelectedItems !== null
-    //         ? [initialSelectedItems]
-    //         : initialSelectedItems
-    // }
+    multipleSelection: multiple
   }, props)));
 }
 MediasPicker.propTypes = propTypes$4;

package/lib/index.js

@@ -819,6 +819,8 @@ var propTypes$5 = {
   onUpload: PropTypes.func,
   onItemsChange: PropTypes.func,
   onLayoutChange: PropTypes.func,
+  onMediaFormOpen: PropTypes.func,
+  onMediaFormClose: PropTypes.func,
   selectable: PropTypes.bool,
   selectedItems: PropTypes.arrayOf(PropTypes.shape({})),
   onSelectionChange: PropTypes.func,
@@ -855,6 +857,8 @@ var defaultProps$5 = {
   onUpload: null,
   onItemsChange: null,
   onLayoutChange: null,
+  onMediaFormOpen: null,
+  onMediaFormClose: null,
   selectable: null,
   selectedItems: null,
   onSelectionChange: null,
@@ -881,6 +885,8 @@ function MediasBrowser(_ref) {
     onUpload = _ref.onUpload,
     onItemsChange = _ref.onItemsChange,
     onLayoutChange = _ref.onLayoutChange,
+    onMediaFormOpen = _ref.onMediaFormOpen,
+    onMediaFormClose = _ref.onMediaFormClose,
     selectable = _ref.selectable,
     selectedItems = _ref.selectedItems,
     onSelectionChange = _ref.onSelectionChange,
@@ -984,6 +990,14 @@ function MediasBrowser(_ref) {
   var _useMedia = useMedia(),
     currentMedia = _useMedia.media,
     setCurrentMedia = _useMedia.setMedia;
+  React.useEffect(function () {
+    if (currentMedia !== null && onMediaFormOpen !== null) {
+      onMediaFormOpen();
+    }
+    if (currentMedia === null && onMediaFormClose !== null) {
+      onMediaFormClose();
+    }
+  }, [currentMedia]);
   var onOpenMedia = React.useCallback(function (media) {
     setCurrentMedia(media);
   }, [setCurrentMedia]);
@@ -994,18 +1008,22 @@ function MediasBrowser(_ref) {
     setCurrentMedia(null);
     updateItem(item);
   }, [setCurrentMedia, updateItem]);
-  var onMediaUploaded = React.useCallback(function (medias) {
+  var onMediaUploaded = React.useCallback(function () {
+    var medias = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    if (medias === null) return;
     var rawMedias = isArray(medias) ? medias : [medias];
     if (onUpload !== null) {
       onUpload(rawMedias).then(function (newMedias) {
         if (onSelectionChange !== null) {
           onSelectionChange(newMedias);
+          onQueryReset();
           reload();
         }
       });
     }
     if (onSelectionChange !== null) {
       onSelectionChange(rawMedias);
+      onQueryReset();
       reload();
     }
   }, [onUpload]);
@@ -1102,7 +1120,7 @@ function MediasBrowser(_ref) {
     }]
   }))), /*#__PURE__*/React.createElement(MediaForm, {
     value: currentMedia,
-    fields: mediaFormFields || fields,
+    fields: fields,
     onChange: setCurrentMedia,
     onSave: onSaveMedia,
     onClose: onCloseMedia,
@@ -1200,70 +1218,43 @@ function MediasBrowser(_ref) {
 MediasBrowser.propTypes = propTypes$5;
 MediasBrowser.defaultProps = defaultProps$5;
 
-var _excluded$4 = ["items", "value", "onSelectionChange", "multipleSelection", "types", "onChange", "onClose", "withoutButtons", "className"];
-
-// import { useMediasForm } from './MediasFormContext';
-
+var _excluded$4 = ["items", "value", "onChange", "multiple", "className"];
 var propTypes$4 = {
-  // eslint-disable-next-line react/forbid-prop-types
   items: PropTypes.arrayOf(PropTypes.shape({})),
   value: PropTypes.arrayOf(PropTypes.shape({})),
-  onSelectionChange: PropTypes.func,
-  multipleSelection: PropTypes.bool,
-  types: PropTypes.arrayOf(PropTypes.string),
+  multiple: PropTypes.bool,
   onChange: PropTypes.func.isRequired,
-  onClose: PropTypes.func,
-  withoutButtons: PropTypes.bool,
   className: PropTypes.string
 };
 var defaultProps$4 = {
   items: null,
   value: null,
-  onSelectionChange: null,
-  multipleSelection: false,
-  types: null,
-  onClose: null,
-  withoutButtons: false,
+  multiple: false,
   className: null
 };
 function MediasPicker(_ref) {
   var initialItems = _ref.items,
     initialSelectedItems = _ref.value,
-    parentOnSelectionChange = _ref.onSelectionChange,
-    multipleSelection = _ref.multipleSelection,
-    types = _ref.types;
-    _ref.onChange;
-    _ref.onClose;
-    _ref.withoutButtons;
-    var className = _ref.className,
+    onChange = _ref.onChange,
+    multiple = _ref.multiple,
+    className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$4);
-  // const { media: currentMedia } = useMediasForm();
-
   var _useState = React.useState(initialSelectedItems || null),
     _useState2 = _slicedToArray(_useState, 2),
     selectedItems = _useState2[0],
     setSelectedItems = _useState2[1];
   var onSelectionChange = React.useCallback(function (newSelection) {
     setSelectedItems(newSelection);
+    if (onChange !== null) {
+      onChange(selectedItems);
+    }
   }, [setSelectedItems]);
+
   // Sync from the top
   React.useEffect(function () {
     setSelectedItems(initialSelectedItems);
   }, [initialSelectedItems, setSelectedItems]);
-  React.useEffect(function () {
-    if (parentOnSelectionChange !== null) {
-      parentOnSelectionChange(selectedItems);
-    }
-  }, [selectedItems, parentOnSelectionChange]);
-
-  // const onConfirmSelection = useCallback(() => {
-  //     if (onChange !== null) {
-  //         onChange(selectedItems || null);
-  //     }
-  // }, [selectedItems, onChange]);
-
-  // const empty = selectedItems === null || (isArray(selectedItems) && selectedItems.length === 0);
-
+  console.log('selectedItems', selectedItems);
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, /*#__PURE__*/React.createElement(MediasBrowser, Object.assign({
@@ -1272,13 +1263,7 @@ function MediasPicker(_ref) {
     selectable: true,
     selectedItems: selectedItems,
     onSelectionChange: onSelectionChange,
-    multipleSelection: multipleSelection,
-    types: types
-    // extraItems={
-    //     !multiple && initialSelectedItems !== null
-    //         ? [initialSelectedItems]
-    //         : initialSelectedItems
-    // }
+    multipleSelection: multiple
   }, props)));
 }
 MediasPicker.propTypes = propTypes$4;

package/package.json

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