@panneau/medias 3.0.183 → 3.0.184

package/es/index.js

@@ -1242,20 +1242,10 @@ function MediasPicker(_ref) {
     props = _objectWithoutProperties(_ref, _excluded$4);
   var _useMediasForm = useMediasForm(),
     currentMedia = _useMediasForm.media;
-
-  // 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]);
@@ -1270,9 +1260,10 @@ function MediasPicker(_ref) {
   }, [selectedItems, parentOnSelectionChange]);
   var onConfirmSelection = useCallback(function () {
     if (onChange !== null) {
-      onChange(selectedItems);
+      onChange(selectedItems || null);
     }
   }, [selectedItems, onChange]);
+  var empty = selectedItems === null || isArray(selectedItems) && selectedItems.length === 0;
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, /*#__PURE__*/React.createElement(MediasBrowser, Object.assign({
@@ -1282,7 +1273,6 @@ function MediasPicker(_ref) {
     selectedItems: selectedItems,
     onSelectionChange: onSelectionChange,
     multipleSelection: multipleSelection,
-    onItemsChange: onItemsChange,
     types: types
     // extraItems={
     //     !multiple && initialSelectedItems !== null
@@ -1308,10 +1298,14 @@ function MediasPicker(_ref) {
     type: "button",
     theme: "primary",
     onClick: onConfirmSelection,
-    disabled: disabled,
-    outline: disabled,
     className: "d-block"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+  }, empty ? /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "Krgf6j",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Clear selection"
+    }]
+  }) : /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "rvOVCV",
     defaultMessage: [{
       "type": 0,

package/lib/index.js

@@ -1244,20 +1244,10 @@ function MediasPicker(_ref) {
     props = _objectWithoutProperties(_ref, _excluded$4);
   var _useMediasForm = useMediasForm(),
     currentMedia = _useMediasForm.media;
-
-  // 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]);
@@ -1272,9 +1262,10 @@ function MediasPicker(_ref) {
   }, [selectedItems, parentOnSelectionChange]);
   var onConfirmSelection = React.useCallback(function () {
     if (onChange !== null) {
-      onChange(selectedItems);
+      onChange(selectedItems || null);
     }
   }, [selectedItems, onChange]);
+  var empty = selectedItems === null || isArray(selectedItems) && selectedItems.length === 0;
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, /*#__PURE__*/React.createElement(MediasBrowser, Object.assign({
@@ -1284,7 +1275,6 @@ function MediasPicker(_ref) {
     selectedItems: selectedItems,
     onSelectionChange: onSelectionChange,
     multipleSelection: multipleSelection,
-    onItemsChange: onItemsChange,
     types: types
     // extraItems={
     //     !multiple && initialSelectedItems !== null
@@ -1310,10 +1300,14 @@ function MediasPicker(_ref) {
     type: "button",
     theme: "primary",
     onClick: onConfirmSelection,
-    disabled: disabled,
-    outline: disabled,
     className: "d-block"
-  }, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
+  }, empty ? /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
+    id: "Krgf6j",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Clear selection"
+    }]
+  }) : /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
     id: "rvOVCV",
     defaultMessage: [{
       "type": 0,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/medias",
-    "version": "3.0.183",
+    "version": "3.0.184",
     "description": "",
     "keywords": [
         "javascript"
@@ -69,5 +69,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1a43436f1a5e0db3a0b2951138e9280b21220467"
+    "gitHead": "1d2948618d41595e4c6a40a72f1d9f196cf369ef"
 }