@inseefr/lunatic 2.4.2 → 2.4.3

package/lib/components/input-number/html/{inpute-number.spec.js → input-number.spec.js}

@@ -1,7 +1,6 @@
 "use strict";
 
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
+var _react = require("@testing-library/react");
 var _inputNumber = _interopRequireDefault(require("./input-number"));
 var _vitest = require("vitest");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -12,29 +11,29 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     mockOnChange.mockClear();
   });
   (0, _vitest.it)('renders without crashing', function () {
-    var container = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber["default"], {
-      value: "input",
+    var container = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber["default"], {
+      value: 'input',
       id: "input",
-      labelledBy: "input"
+      "aria-labelledby": "input"
     }));
-    (0, _vitest.expect)(_react2.screen.getByRole('spinbutton')).toBeInTheDocument();
+    (0, _vitest.expect)(_react.screen.getByRole('spinbutton')).toBeInTheDocument();
     (0, _vitest.expect)(container).toMatchSnapshot();
   });
   (0, _vitest.it)('renders label and input', function () {
     var labelText = 'Enter a number';
-    var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber["default"], {
+    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber["default"], {
         id: "number",
         label: labelText,
         onChange: mockOnChange
       })),
       container = _render.container;
-    var label = _react2.screen.getByText(labelText);
+    var label = _react.screen.getByText(labelText);
     var input = container.querySelector('input[type="number"]');
     (0, _vitest.expect)(label).toBeInTheDocument();
     (0, _vitest.expect)(input).toBeInTheDocument();
   });
   (0, _vitest.it)('renders with value', function () {
-    var _render2 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber["default"], {
+    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber["default"], {
         id: "number",
         value: 10,
         onChange: mockOnChange
@@ -44,13 +43,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(input).toHaveValue(10);
   });
   (0, _vitest.it)('calls onChange with parsed value', function () {
-    var _render3 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber["default"], {
+    var _render3 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber["default"], {
         id: "number",
         onChange: mockOnChange
       })),
       container = _render3.container;
     var input = container.querySelector('input[type="number"]');
-    _react2.fireEvent.change(input, {
+    _react.fireEvent.change(input, {
       target: {
         value: '10'
       }
@@ -59,7 +58,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(mockOnChange).toHaveBeenCalledWith(10);
   });
   (0, _vitest.it)('renders unit element if provided', function () {
-    var _render4 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber["default"], {
+    var _render4 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber["default"], {
         id: "input-number-test",
         value: 5,
         label: "Input Number",
@@ -72,14 +71,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
   });
   (0, _vitest.it)('calls onChange with new value when input value changes', function () {
     var handleChange = _vitest.vi.fn();
-    var _render5 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber["default"], {
+    var _render5 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber["default"], {
         id: "input-number-test",
         value: 5,
         onChange: handleChange
       })),
       getByRole = _render5.getByRole;
     var input = getByRole('spinbutton');
-    _react2.fireEvent.change(input, {
+    _react.fireEvent.change(input, {
       target: {
         value: '7'
       }
@@ -87,7 +86,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(handleChange).toHaveBeenCalledWith(7);
   });
   (0, _vitest.it)('disables input when disabled prop is true', function () {
-    var _render6 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber["default"], {
+    var _render6 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber["default"], {
         id: "number",
         disabled: true,
         onChange: mockOnChange
@@ -97,7 +96,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(input).toBeDisabled();
   });
   (0, _vitest.it)('renders with unit', function () {
-    var _render7 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber["default"], {
+    var _render7 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber["default"], {
         id: "number",
         value: 10,
         unit: "kg",

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 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"));

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

@@ -21,10 +21,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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 _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); }
@@ -38,7 +34,7 @@ function BlockForLoop(_ref) {
     lines = _ref.lines,
     components = _ref.components,
     handleChange = _ref.handleChange,
-    valueMap = _ref.valueMap,
+    valueMap = _ref.value,
     missing = _ref.missing,
     shortcut = _ref.shortcut,
     features = _ref.features,
@@ -53,7 +49,7 @@ function BlockForLoop(_ref) {
   var _useState = (0, _react.useState)(function () {
       if (iterations) {
         //This should be an Integer
-        return Number.parseInt(iterations);
+        return Number.parseInt(iterations.toString());
       }
       var initLength = (0, _getInitLength["default"])(valueMap);
       return Math.max(initLength, min);
@@ -74,10 +70,9 @@ function BlockForLoop(_ref) {
         var _ref3 = _slicedToArray(_ref2, 2),
           k = _ref3[0],
           v = _ref3[1];
-        var newValue = v.reduce(function (acc, e, i) {
-          if (i < newNbRows) return [].concat(_toConsumableArray(acc), [e]);
-          return acc;
-        }, []);
+        var newValue = v.filter(function (_, i) {
+          return i < newNbRows;
+        });
         handleChange({
           name: k
         }, newValue);
@@ -98,43 +93,43 @@ function BlockForLoop(_ref) {
       length: nbRows
     }));
   }, [handleChange, nbRows, paginatedLoop, 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,
-        id: id
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockForLoopOchestrator["default"], {
-        components: components,
-        handleChange: handleChangeLoop,
-        nbRows: nbRows,
-        valueMap: valueMap,
-        management: management,
-        missing: missing,
-        shortcut: shortcut,
-        features: features,
-        preferences: preferences,
-        executeExpression: executeExpression,
-        errors: errors
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsDetachable, {
-        declarations: declarations,
-        id: id
-      }), min && max && min !== max && /*#__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 === 1,
-          children: _i18n["default"].DEFAULT_BUTTON_REMOVE
-        })]
-      })]
-    });
+  if (nbRows <= 0) {
+    return null;
   }
-  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.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
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsDetachable, {
+      declarations: declarations,
+      id: id
+    }), min && max && min !== max && /*#__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 === 1,
+        children: _i18n["default"].DEFAULT_BUTTON_REMOVE
+      })]
+    })]
+  });
 }
 var _default = (0, _commons.createCustomizableLunaticField)(BlockForLoop, 'BlockForLoop');
 exports["default"] = _default;

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

@@ -1,6 +1,5 @@
 "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
 });
@@ -10,12 +9,7 @@ var _commons = require("../../commons");
 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; }
-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 _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 _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 _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 _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 Row(_ref) {
   var components = _ref.components,
     _ref$valueMap = _ref.valueMap,
@@ -34,33 +28,37 @@ function Row(_ref) {
       index: rowIndex
     });
   }, [handleChange, rowIndex]);
-  return components.reduce(function (row, component) {
-    var response = component.response,
-      id = component.id;
-    var idComponent = "".concat(id, "-").concat(rowIndex, " ");
-    var value = undefined;
-    if (response) {
-      var name = response.name;
-      var valueArray = valueMap[name];
-      if (Array.isArray(valueArray)) {
-        value = valueArray[rowIndex] || '';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: components.map(function (component) {
+      var id = component.id;
+      var idComponent = "".concat(id, "-").concat(rowIndex);
+      var value = undefined;
+      if (hasResponse(component)) {
+        var name = component.response.name;
+        var valueArray = valueMap[name];
+        if (Array.isArray(valueArray)) {
+          value = valueArray[rowIndex] || '';
+        }
       }
-    }
-    return [].concat(_toConsumableArray(row), [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.OrchestratedComponent, {
-      component: component,
-      handleChange: handleChangeRow,
-      features: features,
-      missing: missing,
-      shortcut: shortcut,
-      management: management,
-      value: value,
-      id: idComponent,
-      preferences: preferences,
-      iteration: rowIndex,
-      executeExpression: executeExpression,
-      errors: errors
-    }, idComponent)]);
-  }, []);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.OrchestratedComponent, {
+        component: component,
+        handleChange: handleChangeRow,
+        features: features,
+        missing: missing,
+        shortcut: shortcut,
+        management: management,
+        value: value,
+        id: idComponent,
+        preferences: preferences,
+        iteration: rowIndex,
+        executeExpression: executeExpression,
+        errors: errors
+      }, idComponent);
+    })
+  });
+}
+function hasResponse(component) {
+  return !!component && _typeof(component) === 'object' && 'response' in component;
 }
 var _default = Row;
 exports["default"] = _default;

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

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
+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) {
   var onClick = _ref.onClick,
     disabled = _ref.disabled,
     children = _ref.children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticButton["default"], {
     onClick: onClick,
     disabled: disabled,
     children: children

package/lib/components/loop/commons/row-component.js

@@ -39,7 +39,6 @@ function RowComponent(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     componentFilled = _useState2[0],
     setComponentFilled = _useState2[1];
-  var Component = lunatic[componentType];
   var _useState3 = (0, _react.useState)(false),
     _useState4 = _slicedToArray(_useState3, 2),
     filled = _useState4[0],
@@ -47,11 +46,14 @@ function RowComponent(_ref) {
   (0, _react.useEffect)(function () {
     setComponentFilled((0, _commons.fillComponentExpressions)(component, {
       executeExpression: executeExpression,
-      iteration: iteration
+      pager: {
+        iteration: iteration
+      }
     }));
     setFilled(true);
   }, [component, executeExpression, iteration]);
   if (componentType in lunatic && filled) {
+    var Component = lunatic[componentType]; // This is too dynamic, orchestration has no way to check props
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({}, componentFilled), {}, {
       id: id,
       handleChange: handleChange,

package/lib/components/loop/loop.js

@@ -23,7 +23,6 @@ function Loop(props) {
     handleChange = props.handleChange,
     value = props.value,
     executeExpression = props.executeExpression,
-    loopDependencies = props.loopDependencies,
     componentType = props.componentType,
     headers = props.headers,
     shortcut = props.shortcut,
@@ -43,10 +42,9 @@ function Loop(props) {
         id: id,
         components: components,
         handleChange: handleChange,
-        valueMap: value,
+        value: value,
         management: management,
         executeExpression: executeExpression,
-        loopDependencies: loopDependencies,
         missing: missing,
         shortcut: shortcut,
         features: features,
@@ -63,10 +61,9 @@ function Loop(props) {
         id: id,
         components: components,
         handleChange: handleChange,
-        valueMap: value,
+        value: value,
         management: management,
         executeExpression: executeExpression,
-        loopDependencies: loopDependencies,
         missing: missing,
         shortcut: shortcut,
         features: features,

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

@@ -23,34 +23,30 @@ function Body(_ref) {
     nbRows = _ref.nbRows,
     executeExpression = _ref.executeExpression,
     handleChange = _ref.handleChange,
-    valueMap = _ref.valueMap,
-    missing = _ref.missing,
-    management = _ref.management,
-    features = _ref.features,
-    preferences = _ref.preferences;
+    valueMap = _ref.value,
+    missing = _ref.missing;
   var handleChangeRow = (0, _react.useCallback)(function (response, value, args) {
     handleChange(response, value, _objectSpread(_objectSpread({}, args), {}, {
       loop: true,
       length: nbRows
     }));
   }, [nbRows, handleChange]);
-  if (nbRows > 0) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tbody, {
-      id: id,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_rosterForLoopOrchestrator["default"], {
-        components: components,
-        nbRows: nbRows,
-        handleChange: handleChangeRow,
-        executeExpression: executeExpression,
-        valueMap: valueMap,
-        missing: missing,
-        management: management,
-        features: features,
-        preferences: preferences
-      })
-    });
+  if (nbRows <= 0) {
+    return null;
   }
-  return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tbody, {
+    id: id,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_rosterForLoopOrchestrator["default"], {
+      id: "roster-".concat(id),
+      components: components,
+      nbRows: nbRows,
+      handleChange: handleChangeRow,
+      executeExpression: executeExpression,
+      valueMap: valueMap,
+      missing: missing,
+      preferences: ['COLLECTED']
+    })
+  });
 }
 var _default = Body;
 exports["default"] = _default;

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

@@ -11,24 +11,24 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 function Header(_ref) {
   var header = _ref.header,
     id = _ref.id;
-  if (Array.isArray(header)) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Thead, {
+  if (!Array.isArray(header)) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Thead, {
+    id: id,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tr, {
       id: id,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Tr, {
-        id: id,
-        row: 0,
-        children: header.map(function (_ref2, index) {
-          var label = _ref2.label;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Th, {
-            id: id,
-            index: index,
-            children: label
-          }, "".concat(label, "-").concat(index));
-        })
+      row: 0,
+      children: header.map(function (_ref2, index) {
+        var label = _ref2.label;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_htmlTable.Th, {
+          id: id,
+          index: index,
+          children: label
+        }, "".concat(label, "-").concat(index));
       })
-    });
-  }
-  return null;
+    })
+  });
 }
 var _default = Header;
 exports["default"] = _default;

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

@@ -16,10 +16,6 @@ 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 _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); }
@@ -29,7 +25,7 @@ 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.valueMap,
+  var valueMap = _ref.value,
     lines = _ref.lines,
     handleChange = _ref.handleChange,
     declarations = _ref.declarations,
@@ -72,10 +68,9 @@ function RosterforLoop(_ref) {
         var _ref3 = _slicedToArray(_ref2, 2),
           k = _ref3[0],
           v = _ref3[1];
-        var newValue = v.reduce(function (acc, e, i) {
-          if (i < newNbRows) return [].concat(_toConsumableArray(acc), [e]);
-          return acc;
-        }, []);
+        var newValue = v.filter(function (_, i) {
+          return i < newNbRows;
+        });
         handleChange({
           name: k
         }, newValue);
@@ -95,9 +90,9 @@ function RosterforLoop(_ref) {
         components: components,
         nbRows: nbRows,
         executeExpression: executeExpression,
-        header: headers,
+        headers: headers,
         handleChange: handleChangeLoop,
-        valueMap: valueMap,
+        value: valueMap,
         management: management,
         missing: missing,
         shortcut: shortcut,
@@ -120,5 +115,5 @@ function RosterforLoop(_ref) {
   }
   return null;
 }
-var _default = (0, _commons.createCustomizableLunaticField)(RosterforLoop);
+var _default = (0, _commons.createCustomizableLunaticField)(RosterforLoop, 'RosterforLoop');
 exports["default"] = _default;

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

@@ -17,32 +17,33 @@ function RosterTable(_ref) {
     nbRows = _ref.nbRows,
     executeExpression = _ref.executeExpression,
     id = _ref.id,
-    header = _ref.header,
-    valueMap = _ref.valueMap,
+    headers = _ref.headers,
+    valueMap = _ref.value,
     shortcut = _ref.shortcut,
     missing = _ref.missing,
     management = _ref.management,
     handleChange = _ref.handleChange;
-  if (nbRows > 0) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_htmlTable.Table, {
-      id: id,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header["default"], {
-        header: header,
-        id: id
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_body["default"], {
-        id: id,
-        components: components,
-        handleChange: handleChange,
-        nbRows: nbRows,
-        valueMap: valueMap,
-        management: management,
-        missing: missing,
-        shortcut: shortcut,
-        executeExpression: executeExpression
-      })]
-    });
+  console.log('lunatic', 'roster-table', headers);
+  if (nbRows <= 0) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.NothingToDisplay, {});
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.NothingToDisplay, {});
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_htmlTable.Table, {
+    id: id,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header["default"], {
+      header: headers,
+      id: id
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_body["default"], {
+      id: id,
+      components: components,
+      handleChange: handleChange,
+      nbRows: nbRows,
+      value: valueMap,
+      management: management,
+      missing: missing,
+      shortcut: shortcut,
+      executeExpression: executeExpression
+    })]
+  });
 }
 var _default = RosterTable;
 exports["default"] = _default;