@inseefr/lunatic 2.0.0-v2 → 2.0.0-v2test

package/lib/components/modal-controls/modal-controls.scss

@@ -1,49 +1,33 @@
 .lunatic-modal-controls {
 	position: fixed;
-
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background-color: rgba(50, 50, 50, 0.5);
+	z-index: 101;
 
-	.modal {
+	.modal-content {
 		background-color: snow;
-		height: 200px;
-		width: 60%;
+		height: fit-content;
+		width: 50%;
 		margin: auto;
-		margin-top: 20%;
-		position: relative;
+		margin-top: 38vh;
+		display: flex;
+		flex-direction: column;
 		border-radius: 8px;
-
-		.title {
-			height: 32px;
-			background-color: darkslateblue;
-			color: black;
-			font-size: 18px;
-			font-weight: bolder;
-			line-height: 32px;
-			padding: 0 12px;
-			font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
-			border-radius: 8px 8px 0 0;
-		}
-
+		overflow-wrap: break-word;
 		.body {
-			// padding: 0 12px 0 12px;
-			padding: 12px 0 0 12px;
-			height: 60%;
 			color: black;
 			font-size: 16px;
 			font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
 		}
 
 		.modal-buttons {
-			position: absolute;
-			bottom: 0;
-			right: 0;
-			margin: 0 12px 12px 0;
+			align-self: end;
+			margin: 0 0.2em 0.2em 0;
 			:first-child {
-				margin-right: 10px;
+				margin-right: 0.5em;
 			}
 		}
 	}
@@ -53,16 +37,12 @@
 		li,
 		div,
 		span {
-			margin: 0;
-			padding: 0;
 			border: none;
 			list-style: none;
 		}
-
-		.warn {
-		}
-
-		.info {
-		}
+	}
+	ul {
+		margin: 1em;
+		padding: 0;
 	}
 }

package/lib/components/{pairwise/links → pairwise-links}/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _pairwiseLinks["default"];
   }
 });
-
 var _pairwiseLinks = _interopRequireDefault(require("./pairwise-links"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/pairwise-links/orchestrator.js

@@ -0,0 +1,72 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _row = _interopRequireDefault(require("./row"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function LinksOrchestrator(props) {
+  var id = props.id,
+    components = props.components,
+    nbRows = props.nbRows,
+    valueMap = props.valueMap,
+    handleChange = props.handleChange,
+    features = props.features,
+    missing = props.missing,
+    shortcut = props.shortcut,
+    preferences = props.preferences,
+    executeExpression = props.executeExpression,
+    iteration = props.iteration,
+    xAxisIterations = props.xAxisIterations,
+    yAxisIterations = props.yAxisIterations,
+    custom = props.custom,
+    errors = props.errors,
+    symLinks = props.symLinks;
+  var _useState = (0, _react.useState)([xAxisIterations, yAxisIterations]),
+    _useState2 = _slicedToArray(_useState, 2),
+    lengths = _useState2[0],
+    setLenghts = _useState2[1];
+  (0, _react.useEffect)(function () {
+    setLenghts([xAxisIterations, yAxisIterations]);
+  }, [xAxisIterations, yAxisIterations]);
+  if (nbRows > 0) {
+    return new Array(nbRows).fill(null).map(function (_, index) {
+      var i = Math.trunc(index / xAxisIterations);
+      var j = index % xAxisIterations;
+      return /*#__PURE__*/_react["default"].createElement(_row["default"], {
+        key: index,
+        id: id,
+        rowIndex: index,
+        components: components,
+        valueMap: valueMap,
+        handleChange: handleChange,
+        executeExpression: executeExpression,
+        iteration: iteration,
+        linksIterations: [i, j],
+        custom: custom,
+        lengths: lengths
+        /** */,
+        features: features,
+        shortcut: shortcut,
+        preferences: preferences,
+        missing: missing,
+        errors: errors,
+        symLinks: symLinks
+      });
+    });
+  }
+  return null;
+}
+var _default = LinksOrchestrator;
+exports["default"] = _default;

package/lib/components/{pairwise/links → pairwise-links}/pairwise-links.js

@@ -1,47 +1,39 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _linksOrchestrator = _interopRequireDefault(require("./links-orchestrator"));
-
-var _declarations = require("../../declarations");
-
-var _commons = require("../../commons");
-
+var _orchestrator = _interopRequireDefault(require("./orchestrator"));
+var _declarations = require("../declarations");
+var _nothingToDisplay = _interopRequireDefault(require("../commons/components/nothing-to-display"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var PairwiseLinks = function PairwiseLinks(_ref) {
   var declarations = _ref.declarations,
-      components = _ref.components,
-      handleChange = _ref.handleChange,
-      value = _ref.value,
-      missing = _ref.missing,
-      shortcut = _ref.shortcut,
-      features = _ref.features,
-      preferences = _ref.preferences,
-      management = _ref.management,
-      executeExpression = _ref.executeExpression,
-      xAxisIterations = _ref.xAxisIterations,
-      yAxisIterations = _ref.yAxisIterations,
-      custom = _ref.custom,
-      id = _ref.id,
-      errors = _ref.errors;
+    components = _ref.components,
+    handleChange = _ref.handleChange,
+    value = _ref.value,
+    missing = _ref.missing,
+    shortcut = _ref.shortcut,
+    features = _ref.features,
+    preferences = _ref.preferences,
+    management = _ref.management,
+    executeExpression = _ref.executeExpression,
+    xAxisIterations = _ref.xAxisIterations,
+    yAxisIterations = _ref.yAxisIterations,
+    custom = _ref.custom,
+    id = _ref.id,
+    symLinks = _ref.symLinks,
+    errors = _ref.errors;
   var nbRows = xAxisIterations * yAxisIterations;
   var handleChangeLinks = (0, _react.useCallback)(function (response, value, args) {
     handleChange(response, value, args);
   }, [handleChange]);
-  if (nbRows > 0) return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_declarations.DeclarationsBeforeText, {
+  if (nbRows > 1) return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_declarations.DeclarationsBeforeText, {
     declarations: declarations,
     id: id,
     custom: custom
@@ -49,7 +41,7 @@ var PairwiseLinks = function PairwiseLinks(_ref) {
     declarations: declarations,
     id: id,
     custom: custom
-  }), /*#__PURE__*/_react["default"].createElement(_linksOrchestrator["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_orchestrator["default"], {
     id: id,
     components: components,
     handleChange: handleChangeLinks,
@@ -62,16 +54,15 @@ var PairwiseLinks = function PairwiseLinks(_ref) {
     preferences: preferences,
     executeExpression: executeExpression,
     custom: custom,
-    xAxisIterations: xAxisIterations
+    xAxisIterations: xAxisIterations,
+    yAxisIterations: yAxisIterations,
+    symLinks: symLinks
   }), /*#__PURE__*/_react["default"].createElement(_declarations.DeclarationsDetachable, {
     declarations: declarations,
     id: id,
     custom: custom
-  }), /*#__PURE__*/_react["default"].createElement(_commons.Errors, {
-    errors: errors
   }));
-  return null;
+  return /*#__PURE__*/_react["default"].createElement(_nothingToDisplay["default"], null);
 };
-
 var _default = PairwiseLinks;
 exports["default"] = _default;

package/lib/components/{pairwise/links → pairwise-links}/row.js

@@ -1,95 +1,80 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _commons = require("../../commons");
-
+var _commons = require("../commons");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function Row(_ref) {
   var components = _ref.components,
-      _ref$valueMap = _ref.valueMap,
-      valueMap = _ref$valueMap === void 0 ? {} : _ref$valueMap,
-      handleChange = _ref.handleChange,
-      features = _ref.features,
-      missing = _ref.missing,
-      shortcut = _ref.shortcut,
-      management = _ref.management,
-      preferences = _ref.preferences,
-      executeExpression = _ref.executeExpression,
-      custom = _ref.custom,
-      linksIterations = _ref.linksIterations;
+    _ref$valueMap = _ref.valueMap,
+    valueMap = _ref$valueMap === void 0 ? {} : _ref$valueMap,
+    handleChange = _ref.handleChange,
+    features = _ref.features,
+    missing = _ref.missing,
+    shortcut = _ref.shortcut,
+    management = _ref.management,
+    preferences = _ref.preferences,
+    executeExpression = _ref.executeExpression,
+    custom = _ref.custom,
+    linksIterations = _ref.linksIterations,
+    symLinks = _ref.symLinks,
+    lengths = _ref.lengths;
+  var _linksIterations = _slicedToArray(linksIterations, 2),
+    x = _linksIterations[0],
+    y = _linksIterations[1];
   var handleChangeRow = (0, _react.useCallback)(function (response, value) {
     handleChange(response, value, {
-      linksIterations: linksIterations
+      linksIterations: linksIterations,
+      symLinks: symLinks,
+      lengths: lengths
     });
-  }, [handleChange, linksIterations]);
-  return components.reduce(function (row, component) {
-    var response = component.response,
+  }, [handleChange, linksIterations, symLinks, lengths]);
+  if (x !== y) {
+    return components.reduce(function (row, component) {
+      var response = component.response,
         id = component.id;
-
-    var _linksIterations = _slicedToArray(linksIterations, 2),
-        x = _linksIterations[0],
-        y = _linksIterations[1];
-
-    var idComponent = "".concat(id, "-").concat(x + 1, "-").concat(y + 1, " ");
-    var value = undefined;
-
-    if (response) {
-      var name = response.name;
-      var valueArray = valueMap[name];
-
-      if (Array.isArray(valueArray) && Array.isArray(valueArray[x])) {
-        value = valueArray[x][y] || '';
+      var idComponent = "".concat(id, "-").concat(x + 1, "-").concat(y + 1, " ");
+      var value = undefined;
+      if (response) {
+        var name = response.name;
+        var valueArray = valueMap[name];
+        if (Array.isArray(valueArray) && Array.isArray(valueArray[x])) {
+          value = valueArray[x][y] || '';
+        }
       }
-    }
-
-    return [].concat(_toConsumableArray(row), [/*#__PURE__*/_react["default"].createElement(_commons.OrchestratedComponent, {
-      component: component,
-      key: idComponent,
-      handleChange: handleChangeRow,
-      features: features,
-      missing: missing,
-      shortcut: shortcut,
-      management: management,
-      value: value,
-      id: idComponent,
-      preferences: preferences,
-      linksIterations: linksIterations,
-      executeExpression: executeExpression,
-      custom: custom
-    })]);
-  }, []);
+      return [].concat(_toConsumableArray(row), [/*#__PURE__*/_react["default"].createElement(_commons.OrchestratedComponent, {
+        component: component,
+        key: idComponent,
+        handleChange: handleChangeRow,
+        features: features,
+        missing: missing,
+        shortcut: shortcut,
+        management: management,
+        value: value,
+        id: idComponent,
+        preferences: preferences,
+        linksIterations: linksIterations,
+        executeExpression: executeExpression,
+        custom: custom
+      })]);
+    }, []);
+  }
+  return null;
 }
-
 var _default = Row;
 exports["default"] = _default;

package/lib/components/radio/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _lunaticRadioGroup["default"];
   }
 });
-
 var _lunaticRadioGroup = _interopRequireDefault(require("./lunatic-radio-group"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/radio/lunatic-radio-group.js

@@ -4,25 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _radioGroup = _interopRequireDefault(require("./radio-group"));
-
 var _commons = require("../commons");
-
 require("./radio.scss");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function LunaticRadioGroup(props) {
   var id = props.id,
-      options = props.options,
-      value = props.value,
-      onChange = props.onChange,
-      checkboxStyle = props.checkboxStyle,
-      custom = props.custom,
-      errors = props.errors;
+    options = props.options,
+    value = props.value,
+    onChange = props.onChange,
+    checkboxStyle = props.checkboxStyle,
+    custom = props.custom,
+    errors = props.errors;
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_radioGroup["default"], {
     id: id,
     options: options,
@@ -31,14 +25,13 @@ function LunaticRadioGroup(props) {
     checkboxStyle: checkboxStyle,
     custom: custom
   }), /*#__PURE__*/_react["default"].createElement(_commons.Errors, {
-    errors: errors
+    errors: errors,
+    activeId: id
   }));
 }
-
-var _default = (0, _commons.createLunaticComponent)(LunaticRadioGroup, {
+var _default = (0, _commons.createLunaticComponent)((0, _commons.createCustomizableLunaticField)(LunaticRadioGroup, 'LunaticRadioGroup'), {
   // set it to true if you want to display a fieldset + legend on a component
   fieldset: true,
   inputId: 'lunatic-radio-group'
 });
-
 exports["default"] = _default;

package/lib/components/radio/radio-group.js

@@ -4,26 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _radioOption = _interopRequireDefault(require("./radio-option"));
-
 var _commons = require("../commons");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function Radio(_ref) {
   var options = _ref.options,
-      value = _ref.value,
-      id = _ref.id,
-      onClick = _ref.onClick,
-      _ref$checkboxStyle = _ref.checkboxStyle,
-      checkboxStyle = _ref$checkboxStyle === void 0 ? false : _ref$checkboxStyle;
+    value = _ref.value,
+    id = _ref.id,
+    onClick = _ref.onClick,
+    _ref$checkboxStyle = _ref.checkboxStyle,
+    checkboxStyle = _ref$checkboxStyle === void 0 ? false : _ref$checkboxStyle;
   var onKeyDown = (0, _commons.useOptionsKeydown)(options, onClick);
   return options.map(function (option, index) {
     var valueOption = option.value,
-        label = option.label;
+      label = option.label;
     var radioId = "lunatic-radio-".concat(id, "-").concat(valueOption);
     var labelId = "lunatic-radio-label-".concat(id, "-").concat(valueOption);
     return /*#__PURE__*/_react["default"].createElement("div", {
@@ -37,14 +32,10 @@ function Radio(_ref) {
       onClick: onClick,
       value: valueOption,
       onKeyDown: onKeyDown,
-      checkboxStyle: checkboxStyle
-    }), /*#__PURE__*/_react["default"].createElement(_commons.Label, {
-      id: labelId,
-      htmlFor: radioId
-    }, label));
+      checkboxStyle: checkboxStyle,
+      label: label
+    }));
   });
 }
-
-var _default = (0, _commons.createCustomizableLunaticField)(Radio);
-
+var _default = (0, _commons.createCustomizableLunaticField)(Radio, 'Radio');
 exports["default"] = _default;

package/lib/components/radio/radio-option.js

@@ -1,50 +1,39 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _icons = require("../commons/icons");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function getIcon(checked, checkboxStyle) {
   if (checked) {
     if (checkboxStyle) {
       return _icons.CheckboxChecked;
     }
-
     return _icons.RadioChecked;
   }
-
   if (checkboxStyle) {
     return _icons.CheckboxUnchecked;
   }
-
   return _icons.RadioUnchecked;
 }
-
 function RadioOption(_ref) {
   var checked = _ref.checked,
-      onClick = _ref.onClick,
-      value = _ref.value,
-      id = _ref.id,
-      disabled = _ref.disabled,
-      onKeyDown = _ref.onKeyDown,
-      index = _ref.index,
-      labelledBy = _ref.labelledBy,
-      checkboxStyle = _ref.checkboxStyle;
+    onClick = _ref.onClick,
+    value = _ref.value,
+    id = _ref.id,
+    disabled = _ref.disabled,
+    onKeyDown = _ref.onKeyDown,
+    index = _ref.index,
+    labelledBy = _ref.labelledBy,
+    checkboxStyle = _ref.checkboxStyle,
+    label = _ref.label;
   var spanEl = (0, _react.useRef)();
   var Icon = getIcon(checked, checkboxStyle);
   var tabIndex = checked ? '0' : '-1';
@@ -63,7 +52,6 @@ function RadioOption(_ref) {
   }, [onKeyDown, index, spanEl]);
   (0, _react.useEffect)(function () {
     var current = spanEl.current;
-
     if (current && checked) {
       current.focus();
     }
@@ -83,8 +71,10 @@ function RadioOption(_ref) {
     onKeyDown: handleKeyDown,
     "aria-labelledby": labelledBy,
     ref: spanEl
-  }, /*#__PURE__*/_react["default"].createElement(Icon, null)));
+  }, /*#__PURE__*/_react["default"].createElement(Icon, null), /*#__PURE__*/_react["default"].createElement("span", {
+    id: labelledBy,
+    htmlFor: id
+  }, label)));
 }
-
 var _default = RadioOption;
 exports["default"] = _default;

package/lib/components/radio/radio.scss

@@ -59,6 +59,8 @@
 }
 
 .lunatic-radio-group-option {
-	display: flex;
 	align-items: center;
 }
+.lunatic-input-radio {
+	display: flex;
+}

package/lib/components/sequence/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _sequence["default"];
   }
 });
-
 var _sequence = _interopRequireDefault(require("./sequence"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/sequence/sequence.js

@@ -4,20 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _declarations = require("../declarations");
-
 require("./sequence.scss");
-
+var _commons = require("../commons");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function Sequence(_ref) {
   var declarations = _ref.declarations,
-      label = _ref.label,
-      id = _ref.id,
-      style = _ref.style;
+    label = _ref.label,
+    id = _ref.id,
+    style = _ref.style;
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_declarations.DeclarationsBeforeText, {
     declarations: declarations,
     id: id
@@ -33,6 +29,5 @@ function Sequence(_ref) {
     id: id
   }));
 }
-
-var _default = Sequence;
+var _default = (0, _commons.createCustomizableLunaticField)(Sequence, 'Sequence');
 exports["default"] = _default;