@inseefr/lunatic 2.5.2-rc1-beta → 2.6.0-rc.1

package/lib/components/loop/{block-for-loop/block-for-loop.js → block-for-loop.js}

@@ -4,14 +4,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.BlockForLoop = void 0;
 var _react = require("react");
-var _i18n = _interopRequireDefault(require("../../../i18n"));
-var _commons = require("../../commons");
-var _declarations = require("../../declarations");
-var _getInitLength = _interopRequireDefault(require("../commons/get-init-length"));
-var _handleRowButton = _interopRequireDefault(require("../commons/handle-row-button"));
-var _blockForLoopOchestrator = _interopRequireDefault(require("./block-for-loop-ochestrator"));
+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");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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; }
@@ -24,25 +25,18 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 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 BlockForLoop(_ref) {
-  var declarations = _ref.declarations,
-    id = _ref.id,
-    label = _ref.label,
-    lines = _ref.lines,
-    components = _ref.components,
-    handleChange = _ref.handleChange,
-    valueMap = _ref.value,
-    missing = _ref.missing,
-    shortcut = _ref.shortcut,
-    features = _ref.features,
-    preferences = _ref.preferences,
-    management = _ref.management,
-    executeExpression = _ref.executeExpression,
-    iterations = _ref.iterations,
-    paginatedLoop = _ref.paginatedLoop,
-    errors = _ref.errors,
-    disabled = _ref.disabled;
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
+                                                                       * Loop without specific markup
+                                                                       */
+var BlockForLoop = (0, _commons.createCustomizableLunaticField)(function (props) {
+  var declarations = props.declarations,
+    id = props.id,
+    label = props.label,
+    lines = props.lines,
+    handleChange = props.handleChange,
+    value = props.value,
+    iterations = props.iterations,
+    getComponents = props.getComponents;
   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 () {
@@ -50,7 +44,7 @@ function BlockForLoop(_ref) {
         //This should be an Integer
         return Number.parseInt(iterations.toString());
       }
-      var initLength = (0, _getInitLength["default"])(valueMap);
+      var initLength = (0, _getInitialNbRows.getInitialNbRows)(value);
       return Math.max(initLength, min);
     }),
     _useState2 = _slicedToArray(_useState, 2),
@@ -65,10 +59,10 @@ function BlockForLoop(_ref) {
     if (nbRows > 1) {
       var newNbRows = nbRows - 1;
       setNbRows(newNbRows);
-      Object.entries(valueMap).forEach(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 2),
-          k = _ref3[0],
-          v = _ref3[1];
+      Object.entries(value).forEach(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+          k = _ref2[0],
+          v = _ref2[1];
         var newValue = v.filter(function (_, i) {
           return i < newNbRows;
         });
@@ -77,21 +71,7 @@ function BlockForLoop(_ref) {
         }, newValue);
       });
     }
-  }, [nbRows, handleChange, valueMap]);
-  var handleChangeLoop = (0, _react.useCallback)(function (response, value, args) {
-    if (!paginatedLoop) {
-      var v = valueMap[response.name];
-      v[args.index] = value;
-      handleChange(response, v, {
-        loop: true,
-        length: nbRows,
-        shallowIteration: args.index
-      });
-    } else handleChange(response, value, _objectSpread(_objectSpread({}, args), {}, {
-      loop: true,
-      length: nbRows
-    }));
-  }, [handleChange, nbRows, paginatedLoop, valueMap]);
+  }, [nbRows, handleChange, value]);
   if (nbRows <= 0) {
     return null;
   }
@@ -102,34 +82,29 @@ function BlockForLoop(_ref) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsAfterText, {
       declarations: declarations,
       id: id
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockForLoopOchestrator["default"], {
-      id: id,
-      components: components,
-      handleChange: handleChangeLoop,
-      nbRows: nbRows,
-      valueMap: valueMap,
-      missing: missing,
-      shortcut: shortcut,
-      features: features,
-      preferences: preferences,
-      executeExpression: executeExpression,
-      errors: errors,
-      disabled: disabled
+    }), (0, _array.times)(nbRows, function (n) {
+      return /*#__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)
+          });
+        }
+      }, n);
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsDetachable, {
       declarations: declarations,
       id: id
     }), Number.isInteger(min) && Number.isInteger(max) && min !== max && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_handleRowButton["default"], {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_loopButton.LoopButton, {
         onClick: addRow,
         disabled: nbRows === max,
         children: label || _i18n["default"].DEFAULT_BUTTON_ADD
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_handleRowButton["default"], {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_loopButton.LoopButton, {
         onClick: removeRow,
         disabled: nbRows === 1,
         children: _i18n["default"].DEFAULT_BUTTON_REMOVE
       })]
     })]
   });
-}
-var _default = (0, _commons.createCustomizableLunaticField)(BlockForLoop, 'BlockForLoop');
-exports["default"] = _default;
+}, 'BlockForLoop');
+exports.BlockForLoop = BlockForLoop;

package/lib/components/loop/{commons/handle-row-button.js → loop-button.js}

@@ -3,12 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _lunaticButton = _interopRequireDefault(require("../../button/lunatic-button"));
+exports.LoopButton = LoopButton;
+var _lunaticButton = _interopRequireDefault(require("../button/lunatic-button"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function HandleRowButton(_ref) {
+function LoopButton(_ref) {
   var onClick = _ref.onClick,
     disabled = _ref.disabled,
     children = _ref.children;
@@ -17,6 +16,4 @@ function HandleRowButton(_ref) {
     disabled: disabled,
     children: children
   });
-}
-var _default = HandleRowButton;
-exports["default"] = _default;
+}

package/lib/components/loop/{roster-for-loop/header.js → loop-header.js}

@@ -3,12 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _htmlTable = require("../../commons/components/html-table");
+exports.LoopHeader = LoopHeader;
+var _htmlTable = require("../commons/components/html-table");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function Header(_ref) {
+function LoopHeader(_ref) {
   var header = _ref.header,
     id = _ref.id;
   if (!Array.isArray(header)) {
@@ -29,6 +27,4 @@ function Header(_ref) {
       })
     })
   });
-}
-var _default = Header;
-exports["default"] = _default;
+}

package/lib/components/loop/loop.js

@@ -3,80 +3,34 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _blockForLoop = _interopRequireDefault(require("./block-for-loop"));
-var _rosterForLoop = _interopRequireDefault(require("./roster-for-loop"));
+exports.Loop = Loop;
+var _blockForLoop = require("./block-for-loop");
+var _rosterForLoop = require("./roster-for-loop/roster-for-loop");
 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 LoopTypes = {
   rosterForLoop: 'RosterForLoop',
   blockForLoop: 'Loop'
 };
 function Loop(props) {
-  var declarations = props.declarations,
-    label = props.label,
-    lines = props.lines,
-    iterations = props.iterations,
-    id = props.id,
-    components = props.components,
-    handleChange = props.handleChange,
-    value = props.value,
-    executeExpression = props.executeExpression,
-    componentType = props.componentType,
-    headers = props.headers,
-    shortcut = props.shortcut,
-    management = props.management,
-    missing = props.missing,
-    features = props.features,
-    preferences = props.preferences,
-    paginatedLoop = props.paginatedLoop,
-    errors = props.errors,
-    disabled = props.disabled;
+  var Component = getComponent(props.componentType);
+  if (!Component) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({}, props));
+}
+function getComponent(componentType) {
   switch (componentType) {
     case LoopTypes.blockForLoop:
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockForLoop["default"], {
-        declarations: declarations,
-        label: label,
-        lines: lines,
-        iterations: iterations,
-        id: id,
-        components: components,
-        handleChange: handleChange,
-        value: value,
-        management: management,
-        executeExpression: executeExpression,
-        missing: missing,
-        shortcut: shortcut,
-        features: features,
-        preferences: preferences,
-        paginatedLoop: paginatedLoop,
-        errors: errors,
-        disabled: disabled
-      });
+      return _blockForLoop.BlockForLoop;
     case LoopTypes.rosterForLoop:
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rosterForLoop["default"], {
-        declarations: declarations,
-        label: label,
-        lines: lines,
-        iterations: iterations,
-        id: id,
-        components: components,
-        handleChange: handleChange,
-        value: value,
-        management: management,
-        executeExpression: executeExpression,
-        missing: missing,
-        shortcut: shortcut,
-        features: features,
-        preferences: preferences,
-        headers: headers,
-        errors: errors,
-        disabled: disabled
-      });
+      return _rosterForLoop.RosterForLoop;
     default:
       return null;
   }
-}
-var _default = Loop;
-exports["default"] = _default;
+}

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

@@ -4,18 +4,24 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
+exports.RosterForLoop = void 0;
+var _react = require("react");
 var _declarations = require("../../declarations");
-var _rosterTable = _interopRequireDefault(require("./roster-table"));
 var _commons = require("../../commons");
-var _handleRowButton = _interopRequireDefault(require("../commons/handle-row-button"));
+var _loopButton = require("../loop-button");
 var _i18n = _interopRequireDefault(require("../../../i18n"));
-var _getInitLength = _interopRequireDefault(require("../commons/get-init-length"));
+var _getInitialNbRows = require("../utils/get-initial-nb-rows");
+var _htmlTable = require("../../commons/components/html-table");
+var _header = _interopRequireDefault(require("../../table/header"));
+var _array = require("../../../utils/array");
+var _lunaticComponents = require("../../lunatic-components");
 var _jsxRuntime = require("react/jsx-runtime");
 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 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); }
 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); }
@@ -24,25 +30,22 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var DEFAULT_MIN_ROWS = 1;
 var DEFAULT_MAX_ROWS = 12;
-function RosterforLoop(_ref) {
-  var valueMap = _ref.value,
-    lines = _ref.lines,
-    handleChange = _ref.handleChange,
-    declarations = _ref.declarations,
-    label = _ref.label,
-    components = _ref.components,
-    executeExpression = _ref.executeExpression,
-    headers = _ref.headers,
-    missing = _ref.missing,
-    shortcut = _ref.shortcut,
-    id = _ref.id,
-    management = _ref.management,
-    disabled = _ref.disabled,
-    errors = _ref.errors;
+
+/**
+ * Loop displayed as a table
+ */
+var RosterForLoop = (0, _commons.createCustomizableLunaticField)(function (props) {
+  var valueMap = props.value,
+    lines = props.lines,
+    handleChange = props.handleChange,
+    declarations = props.declarations,
+    label = props.label,
+    headers = props.headers,
+    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)(function () {
-      return (0, _getInitLength["default"])(valueMap);
+      return (0, _getInitialNbRows.getInitialNbRows)(valueMap);
     }),
     _useState2 = _slicedToArray(_useState, 2),
     nbRows = _useState2[0],
@@ -53,69 +56,85 @@ function RosterforLoop(_ref) {
       setNbRows(nbRows + 1);
     }
   }, [max, nbRows]);
-  var handleChangeLoop = (0, _react.useCallback)(function (response, value, args) {
-    var v = valueMap[response.name];
-    v[args.index] = value;
-    handleChange(response, v, {
-      loop: true,
-      length: nbRows
-    }); // TODO: a retaper pour déplacer cette compléxité
-  }, [handleChange, nbRows, valueMap]);
   var removeRow = (0, _react.useCallback)(function () {
-    if (nbRows > 1) {
-      var newNbRows = nbRows - 1;
-      setNbRows(newNbRows);
-      Object.entries(valueMap).forEach(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 2),
-          k = _ref3[0],
-          v = _ref3[1];
-        var newValue = v.filter(function (_, i) {
-          return i < newNbRows;
-        });
-        handleChange({
-          name: k
-        }, newValue);
-      });
+    if (nbRows <= 1) {
+      return;
     }
+    var newNbRows = nbRows - 1;
+    setNbRows(newNbRows);
+    Object.entries(valueMap).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        k = _ref2[0],
+        v = _ref2[1];
+      var newValue = v.filter(function (_, i) {
+        return i < newNbRows;
+      });
+      handleChange({
+        name: k
+      }, newValue);
+    });
   }, [nbRows, handleChange, valueMap]);
-  if (nbRows > 0) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsBeforeText, {
-        declarations: declarations,
-        id: id
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsAfterText, {
-        declarations: declarations,
+  if (nbRows === 0) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsBeforeText, {
+      declarations: declarations,
+      id: id
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsAfterText, {
+      declarations: declarations,
+      id: id
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_htmlTable.Table, {
+      id: id,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header["default"], {
+        header: headers,
         id: id
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_rosterTable["default"], {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tbody, {
         id: id,
-        components: components,
-        nbRows: nbRows,
-        executeExpression: executeExpression,
-        headers: headers,
-        handleChange: handleChangeLoop,
-        value: valueMap,
-        management: management,
-        missing: missing,
-        shortcut: shortcut,
-        disabled: disabled,
-        errors: errors
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsDetachable, {
-        declarations: declarations,
-        id: id
-      }), showButtons && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_handleRowButton["default"], {
-          onClick: addRow,
-          disabled: nbRows === max,
-          children: label || _i18n["default"].DEFAULT_BUTTON_ADD
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_handleRowButton["default"], {
-          onClick: removeRow,
-          disabled: nbRows === min,
-          children: _i18n["default"].DEFAULT_BUTTON_REMOVE
-        })]
+        children: (0, _array.times)(nbRows, function (n) {
+          return /*#__PURE__*/(0, _react.createElement)(Row, _objectSpread(_objectSpread({}, props), {}, {
+            key: n,
+            row: n
+          }));
+        })
       })]
-    });
-  }
-  return null;
-}
-var _default = (0, _commons.createCustomizableLunaticField)(RosterforLoop, 'RosterforLoop');
-exports["default"] = _default;
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsDetachable, {
+      declarations: declarations,
+      id: id
+    }), showButtons && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_loopButton.LoopButton, {
+        onClick: addRow,
+        disabled: nbRows === max,
+        children: label || _i18n["default"].DEFAULT_BUTTON_ADD
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_loopButton.LoopButton, {
+        onClick: removeRow,
+        disabled: nbRows === min,
+        children: _i18n["default"].DEFAULT_BUTTON_REMOVE
+      })]
+    })]
+  });
+}, '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/{commons/get-init-length.js → utils/get-initial-nb-rows.js}

@@ -3,14 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-function getInitLength(value) {
+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);
-}
-var _default = getInitLength;
-exports["default"] = _default;
+}