@panneau/medias 3.0.136 → 3.0.139

package/es/index.js

@@ -324,7 +324,8 @@ var defaultFilters = [{
       }]
     }),
     value: 'audio'
-  }]
+  }],
+  multiple: true
 }, {
   id: 'author',
   component: 'select',
@@ -336,7 +337,8 @@ var defaultFilters = [{
       "value": "Author"
     }]
   }),
-  options: []
+  options: [],
+  multiple: true
 }, {
   id: 'tag',
   component: 'select',
@@ -348,7 +350,8 @@ var defaultFilters = [{
       "value": "Tag"
     }]
   }),
-  options: []
+  options: [],
+  multiple: true
 }, {
   id: 'search',
   component: 'search',
@@ -471,7 +474,8 @@ function MediasBrowser(_ref) {
         active: layout === lay.id,
         onClick: function onClick() {
           return onClickLayout(lay.id);
-        }
+        },
+        className: 'px-3'
       });
     })
   }) : null, /*#__PURE__*/React.createElement(Pagination, {
@@ -494,7 +498,10 @@ function MediasBrowser(_ref) {
     }
   })) : /*#__PURE__*/React.createElement(Table, Object.assign({}, tableProps, {
     columns: columns,
-    items: items
+    items: items,
+    displayPlaceholder: /*#__PURE__*/React.createElement("span", {
+      className: "text-secondary text-opacity-75"
+    }, "\u2014")
   })), /*#__PURE__*/React.createElement("div", {
     className: classNames(['d-flex', 'mt-3', 'mb-1', 'justify-content-end'])
   }, /*#__PURE__*/React.createElement(Pagination, {
@@ -530,17 +537,19 @@ function MediasBrowserContainer(_ref) {
 MediasBrowserContainer.propTypes = propTypes$3;
 MediasBrowserContainer.defaultProps = defaultProps$3;
 
-var _excluded$2 = ["value", "onChange", "onConfirm", "multiple", "className"];
+var _excluded$2 = ["value", "onChange", "onConfirm", "onClose", "multiple", "className"];
 var propTypes$2 = {
   // eslint-disable-next-line react/forbid-prop-types
   value: PropTypes.any,
   onChange: PropTypes.func.isRequired,
   onConfirm: PropTypes.func.isRequired,
+  onClose: PropTypes.func,
   multiple: PropTypes.bool,
   className: PropTypes.string
 };
 var defaultProps$2 = {
   value: null,
+  onClose: null,
   multiple: false,
   className: null
 };
@@ -548,6 +557,7 @@ function MediasPicker(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
     onConfirm = _ref.onConfirm,
+    onClose = _ref.onClose,
     multiple = _ref.multiple,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$2);
@@ -565,19 +575,33 @@ function MediasPicker(_ref) {
       multipleSelection: multiple,
       onSelectionChange: onSelectionChange
     }
-  }, props)), multiple ? /*#__PURE__*/React.createElement(Button, {
-    className: "mt-2",
+  }, props)), multiple ? /*#__PURE__*/React.createElement("div", {
+    className: "d-flex w-100 align-items-end justify-content-end mt-3"
+  }, 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: onConfirm,
-    theme: "info",
     disabled: disabled,
-    outline: disabled
+    outline: disabled,
+    className: "d-block"
   }, /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "UaVu03",
     defaultMessage: [{
       "type": 0,
       "value": "Confirm"
     }]
-  })) : null);
+  }))) : null);
 }
 MediasPicker.propTypes = propTypes$2;
 MediasPicker.defaultProps = defaultProps$2;

package/lib/index.js

@@ -328,7 +328,8 @@ var defaultFilters = [{
       }]
     }),
     value: 'audio'
-  }]
+  }],
+  multiple: true
 }, {
   id: 'author',
   component: 'select',
@@ -340,7 +341,8 @@ var defaultFilters = [{
       "value": "Author"
     }]
   }),
-  options: []
+  options: [],
+  multiple: true
 }, {
   id: 'tag',
   component: 'select',
@@ -352,7 +354,8 @@ var defaultFilters = [{
       "value": "Tag"
     }]
   }),
-  options: []
+  options: [],
+  multiple: true
 }, {
   id: 'search',
   component: 'search',
@@ -475,7 +478,8 @@ function MediasBrowser(_ref) {
         active: layout === lay.id,
         onClick: function onClick() {
           return onClickLayout(lay.id);
-        }
+        },
+        className: 'px-3'
       });
     })
   }) : null, /*#__PURE__*/React.createElement(Pagination, {
@@ -498,7 +502,10 @@ function MediasBrowser(_ref) {
     }
   })) : /*#__PURE__*/React.createElement(Table, Object.assign({}, tableProps, {
     columns: columns,
-    items: items
+    items: items,
+    displayPlaceholder: /*#__PURE__*/React.createElement("span", {
+      className: "text-secondary text-opacity-75"
+    }, "\u2014")
   })), /*#__PURE__*/React.createElement("div", {
     className: classNames(['d-flex', 'mt-3', 'mb-1', 'justify-content-end'])
   }, /*#__PURE__*/React.createElement(Pagination, {
@@ -534,17 +541,19 @@ function MediasBrowserContainer(_ref) {
 MediasBrowserContainer.propTypes = propTypes$3;
 MediasBrowserContainer.defaultProps = defaultProps$3;
 
-var _excluded$2 = ["value", "onChange", "onConfirm", "multiple", "className"];
+var _excluded$2 = ["value", "onChange", "onConfirm", "onClose", "multiple", "className"];
 var propTypes$2 = {
   // eslint-disable-next-line react/forbid-prop-types
   value: PropTypes.any,
   onChange: PropTypes.func.isRequired,
   onConfirm: PropTypes.func.isRequired,
+  onClose: PropTypes.func,
   multiple: PropTypes.bool,
   className: PropTypes.string
 };
 var defaultProps$2 = {
   value: null,
+  onClose: null,
   multiple: false,
   className: null
 };
@@ -552,6 +561,7 @@ function MediasPicker(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
     onConfirm = _ref.onConfirm,
+    onClose = _ref.onClose,
     multiple = _ref.multiple,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$2);
@@ -569,19 +579,33 @@ function MediasPicker(_ref) {
       multipleSelection: multiple,
       onSelectionChange: onSelectionChange
     }
-  }, props)), multiple ? /*#__PURE__*/React.createElement(Button, {
-    className: "mt-2",
+  }, props)), multiple ? /*#__PURE__*/React.createElement("div", {
+    className: "d-flex w-100 align-items-end justify-content-end mt-3"
+  }, 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: onConfirm,
-    theme: "info",
     disabled: disabled,
-    outline: disabled
+    outline: disabled,
+    className: "d-block"
   }, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
     id: "UaVu03",
     defaultMessage: [{
       "type": 0,
       "value": "Confirm"
     }]
-  })) : null);
+  }))) : null);
 }
 MediasPicker.propTypes = propTypes$2;
 MediasPicker.defaultProps = defaultProps$2;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/medias",
-    "version": "3.0.136",
+    "version": "3.0.139",
     "description": "",
     "keywords": [
         "javascript"
@@ -52,10 +52,10 @@
         "@panneau/element-buttons": "^3.0.136",
         "@panneau/element-grid": "^3.0.136",
         "@panneau/element-icon": "^3.0.136",
-        "@panneau/element-media-card": "^3.0.136",
+        "@panneau/element-media-card": "^3.0.139",
         "@panneau/element-pagination": "^3.0.136",
-        "@panneau/element-table": "^3.0.136",
-        "@panneau/filter-filters": "^3.0.136",
+        "@panneau/element-table": "^3.0.137",
+        "@panneau/filter-filters": "^3.0.139",
         "classnames": "^2.5.1",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -64,5 +64,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "c9a3de330286a6cadd73651f1893adbbe090cd0e"
+    "gitHead": "76afd9861b4a6ce9792314fcdd471214afca9aeb"
 }