@micromag/media-gallery 0.3.525 → 0.3.532

package/es/index.js

@@ -1,5 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import classNames from 'classnames';
 import isArray from 'lodash/isArray';
@@ -180,8 +181,9 @@ var defaultFields = [{
     component: 'select',
     requestUrl: '/api/medias/tags',
     optionLabelPath: 'name',
-    optionValuePath: 'name',
-    // Uses taggable
+    optionValuePath: 'id',
+    // Uses taggable so change the logic here
+    valueIsOption: true,
     multiple: true,
     paginated: false
   }]
@@ -377,7 +379,7 @@ function filters() {
     paginated: false
   }, {
     id: 'source',
-    component: 'toggle',
+    component: 'radios',
     label: /*#__PURE__*/React.createElement(FormattedMessage, {
       id: "AX9qes",
       defaultMessage: [{
@@ -385,12 +387,32 @@ function filters() {
         "value": "This micromag"
       }]
     }),
-    name: 'source'
+    name: 'source',
+    options: [{
+      label: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "JCex1R",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Tous les micromags"
+        }]
+      }),
+      value: 'all'
+    }, {
+      label: /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: "hjgnYW",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Ce micromag"
+        }]
+      }),
+      value: 'document-'
+    }]
   }];
 }
 
 var styles = {"container":"micromag-media-gallery-new-media-gallery-container","browser":"micromag-media-gallery-new-media-gallery-browser"};
 
+var _excluded = ["value"];
 var propTypes = {
   value: PropTypes.shape({
     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
@@ -518,13 +540,25 @@ function MediaGallery(_ref) {
     return partialFilters.map(function (filter) {
       var _ref3 = filter || {},
         _ref3$id = _ref3.id,
-        id = _ref3$id === void 0 ? null : _ref3$id;
+        id = _ref3$id === void 0 ? null : _ref3$id,
+        _ref3$options = _ref3.options,
+        options = _ref3$options === void 0 ? [] : _ref3$options;
       if (id === 'source') {
         if (storyId === null) {
           return null;
         }
         return _objectSpread(_objectSpread({}, filter), {}, {
-          queryValue: "document-".concat(storyId)
+          options: (options || []).map(function () {
+            var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+              _ref4$value = _ref4.value,
+              optionValue = _ref4$value === void 0 ? null : _ref4$value,
+              props = _objectWithoutProperties(_ref4, _excluded);
+            return optionValue === 'document-' ? _objectSpread({
+              value: "document-".concat(storyId)
+            }, props) : _objectSpread({
+              value: optionValue
+            }, props);
+          })
         });
       }
       return filter;

package/lib/index.js

@@ -2,6 +2,7 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var classNames = require('classnames');
 var isArray = require('lodash/isArray');
@@ -182,8 +183,9 @@ var defaultFields = [{
     component: 'select',
     requestUrl: '/api/medias/tags',
     optionLabelPath: 'name',
-    optionValuePath: 'name',
-    // Uses taggable
+    optionValuePath: 'id',
+    // Uses taggable so change the logic here
+    valueIsOption: true,
     multiple: true,
     paginated: false
   }]
@@ -417,7 +419,7 @@ function filters() {
     paginated: false
   }, {
     id: 'source',
-    component: 'toggle',
+    component: 'radios',
     label: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
       id: "AX9qes",
       defaultMessage: [{
@@ -425,12 +427,32 @@ function filters() {
         "value": "This micromag"
       }]
     }),
-    name: 'source'
+    name: 'source',
+    options: [{
+      label: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
+        id: "JCex1R",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Tous les micromags"
+        }]
+      }),
+      value: 'all'
+    }, {
+      label: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
+        id: "hjgnYW",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Ce micromag"
+        }]
+      }),
+      value: 'document-'
+    }]
   }];
 }
 
 var styles = {"container":"micromag-media-gallery-new-media-gallery-container","browser":"micromag-media-gallery-new-media-gallery-browser"};
 
+var _excluded = ["value"];
 var propTypes = {
   value: PropTypes.shape({
     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
@@ -558,13 +580,25 @@ function MediaGallery(_ref) {
     return partialFilters.map(function (filter) {
       var _ref3 = filter || {},
         _ref3$id = _ref3.id,
-        id = _ref3$id === void 0 ? null : _ref3$id;
+        id = _ref3$id === void 0 ? null : _ref3$id,
+        _ref3$options = _ref3.options,
+        options = _ref3$options === void 0 ? [] : _ref3$options;
       if (id === 'source') {
         if (storyId === null) {
           return null;
         }
         return _objectSpread(_objectSpread({}, filter), {}, {
-          queryValue: "document-".concat(storyId)
+          options: (options || []).map(function () {
+            var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+              _ref4$value = _ref4.value,
+              optionValue = _ref4$value === void 0 ? null : _ref4$value,
+              props = _objectWithoutProperties(_ref4, _excluded);
+            return optionValue === 'document-' ? _objectSpread({
+              value: "document-".concat(storyId)
+            }, props) : _objectSpread({
+              value: optionValue
+            }, props);
+          })
         });
       }
       return filter;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/media-gallery",
-    "version": "0.3.525",
+    "version": "0.3.532",
     "private": false,
     "description": "",
     "keywords": [
@@ -72,8 +72,8 @@
         "@fortawesome/fontawesome-svg-core": "^6.5.2",
         "@fortawesome/free-solid-svg-icons": "^6.5.2",
         "@fortawesome/react-fontawesome": "^0.2.0",
-        "@micromag/core": "^0.3.523",
-        "@micromag/data": "^0.3.523",
+        "@micromag/core": "^0.3.531",
+        "@micromag/data": "^0.3.531",
         "@panneau/medias": "^3.0.163",
         "bootstrap": "^5.3.1",
         "classnames": "^2.2.6",
@@ -87,5 +87,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "dc256382137519b9be05b9c281c09b4b6a3972c5"
+    "gitHead": "5c4722607cb4d35b72568ceaa7988c1a03ecfa17"
 }