@inseefr/lunatic 2.6.3-rc.1 → 2.6.3

package/lib/components/input-number/html/input-number-thousand.js

@@ -10,12 +10,6 @@ var _reactNumberFormat = require("react-number-format");
 var _i18n = require("../../../i18n");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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; }
 var InputNumberThousand = function InputNumberThousand(_ref) {
   var id = _ref.id,
     onChange = _ref.onChange,
@@ -24,14 +18,9 @@ var InputNumberThousand = function InputNumberThousand(_ref) {
     readOnly = _ref.readOnly,
     required = _ref.required,
     labelId = _ref.labelId,
-    min = _ref.min,
     max = _ref.max,
-    decimals = _ref.decimals;
-  // Decimals is a number indicates the number behind the separator of decimals
-  // Computing step attribute of input according to decimal number
-  var _useState = (0, _react.useState)(decimals ? 1 / Math.pow(10, decimals) : 1),
-    _useState2 = _slicedToArray(_useState, 1),
-    step = _useState2[0];
+    decimals = _ref.decimals,
+    invalid = _ref.invalid;
   var handleChange = (0, _react.useCallback)(function (e) {
     var _e$floatValue;
     var val = (_e$floatValue = e.floatValue) !== null && _e$floatValue !== void 0 ? _e$floatValue : null;
@@ -49,9 +38,6 @@ var InputNumberThousand = function InputNumberThousand(_ref) {
     }),
     onValueChange: handleChange,
     value: value !== null && value !== void 0 ? value : '',
-    min: min,
-    max: max,
-    step: step,
     "aria-labelledby": labelId,
     disabled: disabled,
     readOnly: readOnly,
@@ -63,7 +49,8 @@ var InputNumberThousand = function InputNumberThousand(_ref) {
     decimalScale: decimals,
     allowLeadingZeros: true,
     thousandSeparator: _i18n.inputNumberPropsI18N.thousandSeparator,
-    inputMode: decimals ? 'decimal' : 'numeric'
+    inputMode: decimals ? 'decimal' : 'numeric',
+    "aria-invalid": invalid
   });
 };
 var _default = InputNumberThousand;

package/lib/components/input-number/html/input-number.js

@@ -20,7 +20,6 @@ function InputNumber(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$readOnly = _ref.readOnly,
     readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    min = _ref.min,
     max = _ref.max,
     _ref$decimals = _ref.decimals,
     decimals = _ref$decimals === void 0 ? 0 : _ref$decimals,
@@ -46,14 +45,13 @@ function InputNumber(_ref) {
       readOnly: readOnly,
       required: required,
       labelId: labelId,
-      min: min,
       max: max,
-      decimals: decimals
+      decimals: decimals,
+      invalid: !!errors
     }), unit && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       children: unit
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {
-      errors: errors,
-      activeId: id
+      errors: errors
     })]
   });
 }

package/lib/components/input-number/lunatic-input-number.js

@@ -7,6 +7,7 @@ exports["default"] = void 0;
 var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../commons/components/lunatic-component-without-label"));
 var _useOnHandleChange = _interopRequireDefault(require("../commons/use-on-handle-change"));
 var _inputNumber = _interopRequireDefault(require("./html/input-number"));
+var _errors = require("../commons/components/errors/errors");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticInputNumber(props) {
@@ -22,7 +23,6 @@ function LunaticInputNumber(props) {
     missing = props.missing,
     missingResponse = props.missingResponse,
     management = props.management,
-    min = props.min,
     max = props.max,
     decimals = props.decimals,
     unit = props.unit,
@@ -51,12 +51,11 @@ function LunaticInputNumber(props) {
       label: label,
       disabled: disabled,
       readOnly: readOnly,
-      min: min,
       max: max,
       decimals: decimals,
       unit: unit,
       required: required,
-      errors: errors
+      errors: (0, _errors.getComponentErrors)(errors, id)
     })
   });
 }

package/lib/components/loop/block-for-loop.js

@@ -9,6 +9,7 @@ var _react = require("react");
 var _i18n = _interopRequireDefault(require("../../i18n"));
 var _commons = require("../commons");
 var _declarations = require("../declarations");
+var _getInitialNbRows = require("./utils/get-initial-nb-rows");
 var _loopButton = require("./loop-button");
 var _lunaticComponents = require("../lunatic-components");
 var _array = require("../../utils/array");
@@ -28,7 +29,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
                                                                        * Loop without specific markup
                                                                        */
 var BlockForLoop = (0, _commons.createCustomizableLunaticField)(function (props) {
-  var _lines$min, _lines$max;
   var declarations = props.declarations,
     id = props.id,
     label = props.label,
@@ -37,11 +37,15 @@ var BlockForLoop = (0, _commons.createCustomizableLunaticField)(function (props)
     value = props.value,
     iterations = props.iterations,
     getComponents = props.getComponents;
-  var min = (_lines$min = lines === null || lines === void 0 ? void 0 : lines.min) !== null && _lines$min !== void 0 ? _lines$min : 0;
-  var max = (_lines$max = lines === null || lines === void 0 ? void 0 : lines.max) !== null && _lines$max !== void 0 ? _lines$max : Infinity;
-  var canControlRows = min !== max;
+  var min = lines === null || lines === void 0 ? void 0 : lines.min;
+  var max = lines === null || lines === void 0 ? void 0 : lines.max;
   var _useState = (0, _react.useState)(function () {
-      return Math.max(iterations, min);
+      if (iterations) {
+        //This should be an Integer
+        return Number.parseInt(iterations.toString());
+      }
+      var initLength = (0, _getInitialNbRows.getInitialNbRows)(value);
+      return Math.max(initLength, min);
     }),
     _useState2 = _slicedToArray(_useState, 2),
     nbRows = _useState2[0],
@@ -90,7 +94,7 @@ var BlockForLoop = (0, _commons.createCustomizableLunaticField)(function (props)
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsDetachable, {
       declarations: declarations,
       id: id
-    }), canControlRows && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    }), Number.isInteger(min) && Number.isInteger(max) && min !== max && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_loopButton.LoopButton, {
         onClick: addRow,
         disabled: nbRows === max,

package/lib/components/loop/roster-for-loop/roster-for-loop.js

@@ -10,8 +10,9 @@ var _declarations = require("../../declarations");
 var _commons = require("../../commons");
 var _loopButton = require("../loop-button");
 var _i18n = _interopRequireDefault(require("../../../i18n"));
+var _getInitialNbRows = require("../utils/get-initial-nb-rows");
 var _htmlTable = require("../../commons/components/html-table");
-var _tableHeader = require("../../table/table-header");
+var _header = _interopRequireDefault(require("../../table/header"));
 var _array = require("../../../utils/array");
 var _lunaticComponents = require("../../lunatic-components");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -40,12 +41,12 @@ var RosterForLoop = (0, _commons.createCustomizableLunaticField)(function (props
     declarations = props.declarations,
     label = props.label,
     headers = props.headers,
-    iterations = props.iterations,
-    id = props.id,
-    getComponents = props.getComponents;
+    id = props.id;
   var min = (lines === null || lines === void 0 ? void 0 : lines.min) || DEFAULT_MIN_ROWS;
   var max = (lines === null || lines === void 0 ? void 0 : lines.max) || DEFAULT_MAX_ROWS;
-  var _useState = (0, _react.useState)(iterations),
+  var _useState = (0, _react.useState)(function () {
+      return (0, _getInitialNbRows.getInitialNbRows)(valueMap);
+    }),
     _useState2 = _slicedToArray(_useState, 2),
     nbRows = _useState2[0],
     setNbRows = _useState2[1];
@@ -85,32 +86,16 @@ var RosterForLoop = (0, _commons.createCustomizableLunaticField)(function (props
       id: id
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_htmlTable.Table, {
       id: id,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tableHeader.TableHeader, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header["default"], {
         header: headers,
         id: id
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tbody, {
         id: id,
         children: (0, _array.times)(nbRows, function (n) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tr, {
-            id: props.id,
-            row: n,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponents.LunaticComponents, {
-              components: getComponents(n),
-              componentProps: function componentProps(c) {
-                return _objectSpread(_objectSpread(_objectSpread({}, props), c), {}, {
-                  id: "".concat(c.id, "-").concat(n)
-                });
-              },
-              wrapper: function wrapper(_ref3) {
-                var id = _ref3.id,
-                  children = _ref3.children;
-                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Td, {
-                  id: "".concat(id, "-").concat(n),
-                  children: children
-                });
-              }
-            })
-          });
+          return /*#__PURE__*/(0, _react.createElement)(Row, _objectSpread(_objectSpread({}, props), {}, {
+            key: n,
+            row: n
+          }));
         })
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsDetachable, {
@@ -129,4 +114,27 @@ var RosterForLoop = (0, _commons.createCustomizableLunaticField)(function (props
     })]
   });
 }, 'RosterforLoop');
-exports.RosterForLoop = RosterForLoop;
+exports.RosterForLoop = RosterForLoop;
+function Row(props) {
+  var components = props.getComponents(props.row);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tr, {
+    id: props.id,
+    row: props.row,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponents.LunaticComponents, {
+      components: components,
+      componentProps: function componentProps(c) {
+        return _objectSpread(_objectSpread(_objectSpread({}, props), c), {}, {
+          id: "".concat(c.id, "-").concat(props.row)
+        });
+      },
+      wrapper: function wrapper(_ref3) {
+        var id = _ref3.id,
+          children = _ref3.children;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Td, {
+          id: "".concat(id, "-").concat(props.row),
+          children: children
+        });
+      }
+    })
+  });
+}

package/lib/components/loop/utils/get-initial-nb-rows.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getInitialNbRows = getInitialNbRows;
+/**
+ * Find the length of the variable (the biggest value sent to the loop)
+ */
+function getInitialNbRows(value) {
+  return Object.values(value).reduce(function (length, variable) {
+    if (Array.isArray(variable)) {
+      return Math.max(length, variable.length);
+    }
+    return length;
+  }, 1);
+}

package/lib/components/lunatic-components.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.LunaticComponents = LunaticComponents;
 var _react = require("react");
 var lunaticComponents = _interopRequireWildcard(require("./index"));
-var _component = require("../use-lunatic/commons/component");
+var _useAutoFocus = require("../hooks/use-auto-focus");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
@@ -33,37 +33,17 @@ function LunaticComponents(_ref) {
     } : _ref$wrapper;
   var wrapperRef = (0, _react.useRef)(null);
   var hasComponents = components.length > 0;
-  (0, _react.useEffect)(function () {
-    var _wrapperRef$current;
-    if (!autoFocusKey || !hasComponents || !wrapperRef.current) {
-      return;
-    }
-    var firstFocusableElement = (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-    // The first element can be focusable
-    if (firstFocusableElement) {
-      return firstFocusableElement.focus();
-    }
-  }, [autoFocusKey, hasComponents]);
   var WrapperComponent = autoFocusKey ? 'div' : _react.Fragment;
+  (0, _useAutoFocus.useAutoFocus)(wrapperRef, hasComponents ? autoFocusKey : undefined);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(WrapperComponent, {
     ref: WrapperComponent === _react.Fragment ? undefined : wrapperRef,
     children: components.map(function (component, k) {
-      if ((0, _component.hasComponentType)(component)) {
-        var _props = _objectSpread(_objectSpread({}, component), componentProps === null || componentProps === void 0 ? void 0 : componentProps(component));
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
-          children: wrapper(_objectSpread({
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LunaticComponent, _objectSpread({}, _props)),
-            index: k
-          }, _props))
-        }, 'id' in component ? component.id : "index-".concat(k));
-      }
-      // In some case (table for instance) we have static component that only have a label (no componentType)
+      var props = _objectSpread(_objectSpread({}, component), componentProps === null || componentProps === void 0 ? void 0 : componentProps(component));
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
-        children: wrapper({
-          children: component,
-          index: k
-        })
-      }, "index-".concat(k));
+        children: wrapper(_objectSpread({
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LunaticComponent, _objectSpread({}, props))
+        }, props))
+      }, 'id' in component ? component.id : "index-".concat(k));
     })
   });
 }

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    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,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _row = _interopRequireDefault(require("./row"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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.value,
+    handleChange = props.handleChange,
+    features = props.features,
+    missing = props.missing,
+    className = props.className,
+    shortcut = props.shortcut,
+    preferences = props.preferences,
+    executeExpression = props.executeExpression,
+    iteration = props.iteration,
+    xAxisIterations = props.xAxisIterations,
+    yAxisIterations = props.yAxisIterations,
+    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 null;
+  }
+  var items = new Array(nbRows).fill(null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: items.map(function (_, index) {
+      var i = Math.trunc(index / xAxisIterations);
+      var j = index % xAxisIterations;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_row["default"], {
+        id: id,
+        components: components,
+        value: valueMap,
+        handleChange: handleChange,
+        executeExpression: executeExpression,
+        iteration: iteration,
+        linksIterations: [i, j],
+        lengths: lengths
+        /** */,
+        features: features,
+        shortcut: shortcut,
+        className: className,
+        preferences: preferences,
+        missing: missing,
+        errors: errors,
+        symLinks: symLinks
+      }, index);
+    })
+  });
+}
+var _default = LinksOrchestrator;
+exports["default"] = _default;

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

@@ -3,26 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PairwiseLinks = void 0;
+exports["default"] = void 0;
+var _orchestrator = _interopRequireDefault(require("./orchestrator"));
 var _declarations = require("../declarations");
 var _nothingToDisplay = _interopRequireDefault(require("../commons/components/nothing-to-display"));
-var _array = require("../../utils/array");
-var _react = require("react");
-var _lunaticComponents = require("../lunatic-components");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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,
     id = _ref.id,
-    getComponents = _ref.getComponents;
+    symLinks = _ref.symLinks;
   var nbRows = xAxisIterations * yAxisIterations;
   if (nbRows <= 1) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_nothingToDisplay["default"], {});
@@ -34,25 +35,27 @@ var PairwiseLinks = function PairwiseLinks(_ref) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsAfterText, {
       declarations: declarations,
       id: id
-    }), (0, _array.times)(xAxisIterations, function (x) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
-        children: (0, _array.times)(yAxisIterations, function (y) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponents.LunaticComponents, {
-              components: getComponents(x, y),
-              componentProps: function componentProps(props) {
-                return _objectSpread(_objectSpread({}, props), {}, {
-                  id: "".concat(props.id, "-").concat(x + 1, "-").concat(y + 1, " ")
-                });
-              }
-            })
-          }, "".concat(x, "-").concat(y));
-        })
-      }, x);
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_orchestrator["default"], {
+      id: id,
+      components: components,
+      handleChange: handleChange,
+      nbRows: nbRows,
+      value: value,
+      className: "pairwise-link",
+      management: management,
+      missing: missing,
+      shortcut: shortcut,
+      features: features,
+      preferences: preferences,
+      executeExpression: executeExpression,
+      xAxisIterations: xAxisIterations,
+      yAxisIterations: yAxisIterations,
+      symLinks: symLinks
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsDetachable, {
       declarations: declarations,
       id: id
     })]
   });
 };
-exports.PairwiseLinks = PairwiseLinks;
+var _default = PairwiseLinks;
+exports["default"] = _default;

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

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _commons = require("../commons");
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+var empty = {};
+function Row(_ref) {
+  var components = _ref.components,
+    _ref$value = _ref.value,
+    valueMap = _ref$value === void 0 ? empty : _ref$value,
+    handleChange = _ref.handleChange,
+    features = _ref.features,
+    missing = _ref.missing,
+    shortcut = _ref.shortcut,
+    management = _ref.management,
+    className = _ref.className,
+    preferences = _ref.preferences,
+    executeExpression = _ref.executeExpression,
+    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,
+      symLinks: symLinks,
+      lengths: lengths
+    });
+  }, [handleChange, linksIterations, symLinks, lengths]);
+  if (x === y) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: components.map(function (component) {
+      var idComponent = "".concat(component.id, "-").concat(x + 1, "-").concat(y + 1, " ");
+      var value = undefined;
+      if ('response' in component) {
+        var name = component.response.name;
+        var valueArray = valueMap[name];
+        if (Array.isArray(valueArray) && Array.isArray(valueArray[x])) {
+          value = valueArray[x][y] || '';
+        }
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.OrchestratedComponent, {
+        component: component,
+        handleChange: handleChangeRow,
+        features: features,
+        missing: missing,
+        shortcut: shortcut,
+        className: className,
+        management: management,
+        value: value,
+        id: idComponent,
+        preferences: preferences,
+        linksIterations: linksIterations,
+        executeExpression: executeExpression
+      }, idComponent);
+    })
+  });
+}
+var _default = Row;
+exports["default"] = _default;

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

@@ -20,7 +20,8 @@ function RadioGroupContent(_ref) {
     checkboxStyle = _ref$checkboxStyle === void 0 ? false : _ref$checkboxStyle,
     shortcut = _ref.shortcut,
     disabled = _ref.disabled,
-    readOnly = _ref.readOnly;
+    readOnly = _ref.readOnly,
+    invalid = _ref.invalid;
   var onKeyDown = (0, _commons.useOptionsKeydown)(options, onClick);
   var maxIndex = options.length;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
@@ -43,7 +44,8 @@ function RadioGroupContent(_ref) {
         codeModality: shortcut ? codeModality : undefined,
         shortcut: shortcut,
         disabled: disabled,
-        readOnly: readOnly
+        readOnly: readOnly,
+        invalid: invalid
       }, radioId);
     })
   });

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

@@ -35,10 +35,10 @@ function RadioGroup(_ref) {
       options: options,
       shortcut: shortcut,
       disabled: disabled,
-      readOnly: readOnly
+      readOnly: readOnly,
+      invalid: !!errors
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {
-      errors: errors,
-      activeId: id
+      errors: errors
     })]
   });
 }

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

@@ -30,7 +30,8 @@ function RadioOption(_ref) {
     description = _ref.description,
     shortcut = _ref.shortcut,
     codeModality = _ref.codeModality,
-    readOnly = _ref.readOnly;
+    readOnly = _ref.readOnly,
+    invalid = _ref.invalid;
   var spanEl = (0, _react.useRef)(null);
   var Icon = getIcon(checked, checkboxStyle);
   var tabIndex = checked ? 0 : -1;
@@ -75,6 +76,7 @@ function RadioOption(_ref) {
           onKeyDown: handleKeyDown,
           "aria-labelledby": labelledBy,
           ref: spanEl,
+          "aria-invalid": invalid,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_commons.Label, {
             id: labelledBy,
             htmlFor: id,

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

@@ -8,6 +8,7 @@ var _radioGroup = _interopRequireDefault(require("./html/radio-group"));
 var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../commons/components/lunatic-component-without-label"));
 var _useOnHandleChange = _interopRequireDefault(require("../commons/use-on-handle-change"));
 var _commons = require("../commons");
+var _errors = require("../commons/components/errors/errors");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticRadioGroup(props) {
@@ -52,7 +53,7 @@ function LunaticRadioGroup(props) {
       value: value,
       onSelect: onChange,
       checkboxStyle: checkboxStyle,
-      errors: errors,
+      errors: (0, _errors.getComponentErrors)(errors, id),
       label: label,
       className: className,
       shortcut: shortcut,