@inseefr/lunatic 2.4.10 → 2.5.0-fast-forward

package/lib/components/commons/components/orchestrated-component.js

@@ -1,5 +1,6 @@
 "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
 });
@@ -7,53 +8,32 @@ exports["default"] = void 0;
 var lunatic = _interopRequireWildcard(require("../../../components"));
 var _commons = require("../../../use-lunatic/commons");
 var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["component"];
 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 _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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function OrchestratedComponent(_ref) {
-  var id = _ref.id,
-    component = _ref.component,
-    handleChange = _ref.handleChange,
-    features = _ref.features,
-    missing = _ref.missing,
-    shortcut = _ref.shortcut,
-    management = _ref.management,
-    preferences = _ref.preferences,
-    value = _ref.value,
-    iteration = _ref.iteration,
-    linksIterations = _ref.linksIterations,
-    executeExpression = _ref.executeExpression,
-    errors = _ref.errors;
+  var component = _ref.component,
+    props = _objectWithoutProperties(_ref, _excluded);
   var componentType = component.componentType;
   var componentFilled = (0, _commons.fillComponentExpressions)(component, {
-    executeExpression: executeExpression,
+    executeExpression: props.executeExpression,
     pager: {
-      iteration: iteration,
-      linksIterations: linksIterations
+      iteration: props.iteration,
+      linksIterations: props.linksIterations
     }
   });
   var conditionFilter = componentFilled.conditionFilter;
   var hasToBeDisplay = conditionFilter !== null && conditionFilter !== void 0 ? conditionFilter : true;
   if (componentType in lunatic && hasToBeDisplay) {
     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,
-      preferences: preferences,
-      management: management,
-      features: features,
-      missing: missing,
-      shortcut: shortcut,
-      value: value,
-      executeExpression: executeExpression,
-      errors: errors,
-      iteration: iteration
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({}, componentFilled), props));
   }
   return null;
 }

package/lib/components/commons/create-row-orchestrator.js

@@ -21,10 +21,14 @@ function createRowOrchestrator(Row) {
       executeExpression = _ref.executeExpression,
       iteration = _ref.iteration,
       xAxisIterations = _ref.xAxisIterations,
-      errors = _ref.errors;
+      errors = _ref.errors,
+      disabled = _ref.disabled;
     if (nbRows <= 0) {
       return null;
     }
+    if (isNaN(nbRows)) {
+      throw new Error("nbRows should be a number");
+    }
     var items = new Array(nbRows).fill(null);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
       children: items.map(function (_, index) {
@@ -37,7 +41,8 @@ function createRowOrchestrator(Row) {
           handleChange: handleChange,
           executeExpression: executeExpression,
           iteration: iteration,
-          linksIterations: linksIterations
+          linksIterations: linksIterations,
+          disabled: disabled
           /** */,
           features: features,
           shortcut: shortcut,

package/lib/components/component-set/html/component-set-components.js

@@ -1,14 +1,22 @@
 "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 = _interopRequireDefault(require("react"));
 var _commons = require("../../commons");
 var _componentSetComponentContainer = _interopRequireDefault(require("./component-set-component-container"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["components", "componentClassName", "className", "value"];
 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; }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * Extract the value associated with a component
  */
@@ -28,18 +36,10 @@ function hasResponse(component) {
 }
 function ComponentSetComponents(_ref) {
   var components = _ref.components,
-    value = _ref.value,
-    features = _ref.features,
-    missing = _ref.missing,
-    shortcut = _ref.shortcut,
-    management = _ref.management,
-    preferences = _ref.preferences,
-    executeExpression = _ref.executeExpression,
-    errors = _ref.errors,
-    className = _ref.className,
-    handleChange = _ref.handleChange,
     componentClassName = _ref.componentClassName,
-    iteration = _ref.iteration;
+    className = _ref.className,
+    value = _ref.value,
+    props = _objectWithoutProperties(_ref, _excluded);
   if (!Array.isArray(components)) {
     return null;
   }
@@ -49,21 +49,12 @@ function ComponentSetComponents(_ref) {
       var componentValue = getComponentValue(component, value);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentSetComponentContainer["default"], {
         className: className,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.OrchestratedComponent, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.OrchestratedComponent, _objectSpread(_objectSpread({}, props), {}, {
           component: component,
-          features: features,
-          missing: missing,
-          shortcut: shortcut,
-          management: management,
-          value: componentValue,
-          iteration: iteration,
           id: id,
-          preferences: preferences,
-          executeExpression: executeExpression,
-          errors: errors,
-          handleChange: handleChange,
-          className: componentClassName
-        })
+          className: componentClassName,
+          value: componentValue
+        }))
       }, id);
     })
   });

package/lib/components/component-set/lunatic-component-set.js

@@ -1,5 +1,6 @@
 "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
 });
@@ -8,51 +9,36 @@ var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../commons/c
 var _componentSet = _interopRequireDefault(require("./html/component-set"));
 var _componentSetComponents = _interopRequireDefault(require("./html/component-set-components"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["id", "label", "declarations", "description", "response"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function LunaticComponentSet(props) {
-  var declarations = props.declarations,
-    label = props.label,
-    id = props.id,
-    components = props.components,
-    value = props.value,
-    executeExpression = props.executeExpression,
-    shortcut = props.shortcut,
-    management = props.management,
-    missing = props.missing,
-    features = props.features,
-    preferences = props.preferences,
-    errors = props.errors,
-    description = props.description,
-    handleChange = props.handleChange,
-    className = props.className,
-    iteration = props.iteration;
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function LunaticComponentSet(_ref) {
+  var id = _ref.id,
+    label = _ref.label,
+    declarations = _ref.declarations,
+    description = _ref.description,
+    response = _ref.response,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
     id: id,
-    preferences: preferences,
     declarations: declarations,
-    value: value,
-    missing: missing,
-    management: management,
     description: description,
-    handleChange: handleChange,
+    preferences: props.preferences,
+    value: props.value,
+    missing: props.missing,
+    management: props.management,
+    handleChange: props.handleChange,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentSet["default"], {
       id: id,
       legendText: label,
-      errors: errors,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentSetComponents["default"], {
-        className: className,
-        components: components,
-        features: features,
-        errors: errors,
-        value: value,
-        iteration: iteration,
-        executeExpression: executeExpression,
-        preferences: preferences,
-        management: management,
-        missing: missing,
-        shortcut: shortcut,
-        handleChange: handleChange
-      })
+      errors: props.errors,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentSetComponents["default"], _objectSpread({}, props))
     })
   });
 }

package/lib/components/index.js

@@ -93,6 +93,12 @@ Object.defineProperty(exports, "QuestionContext", {
     return _questionContext["default"];
   }
 });
+Object.defineProperty(exports, "QuestionExplication", {
+  enumerable: true,
+  get: function get() {
+    return _questionExplication["default"];
+  }
+});
 Object.defineProperty(exports, "QuestionInformation", {
   enumerable: true,
   get: function get() {
@@ -141,6 +147,12 @@ Object.defineProperty(exports, "SuggesterLoaderWidget", {
     return _suggesterLoaderWidget["default"];
   }
 });
+Object.defineProperty(exports, "Summary", {
+  enumerable: true,
+  get: function get() {
+    return _summary.Summary;
+  }
+});
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
   get: function get() {
@@ -182,6 +194,8 @@ var _suggesterLoaderWidget = _interopRequireDefault(require("./suggester-loader-
 var _roundabout = _interopRequireDefault(require("./roundabout"));
 var _table = _interopRequireDefault(require("./table"));
 var _componentSet = _interopRequireDefault(require("./component-set"));
+var _summary = require("./summary");
 var _questionInformation = _interopRequireDefault(require("./questions/question-information"));
 var _questionContext = _interopRequireDefault(require("./questions/question-context"));
+var _questionExplication = _interopRequireDefault(require("./question-explication"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

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

@@ -43,7 +43,8 @@ function BlockForLoop(_ref) {
     executeExpression = _ref.executeExpression,
     iterations = _ref.iterations,
     paginatedLoop = _ref.paginatedLoop,
-    errors = _ref.errors;
+    errors = _ref.errors,
+    disabled = _ref.disabled;
   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 () {
@@ -114,7 +115,8 @@ function BlockForLoop(_ref) {
       features: features,
       preferences: preferences,
       executeExpression: executeExpression,
-      errors: errors
+      errors: errors,
+      disabled: disabled
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsDetachable, {
       declarations: declarations,
       id: id

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

@@ -22,7 +22,8 @@ function Row(_ref) {
     preferences = _ref.preferences,
     rowIndex = _ref.rowIndex,
     executeExpression = _ref.executeExpression,
-    errors = _ref.errors;
+    errors = _ref.errors,
+    disabled = _ref.disabled;
   var handleChangeRow = (0, _react.useCallback)(function (response, value) {
     handleChange(response, value, {
       index: rowIndex
@@ -52,7 +53,8 @@ function Row(_ref) {
         preferences: preferences,
         iteration: rowIndex,
         executeExpression: executeExpression,
-        errors: errors
+        errors: errors,
+        disabled: disabled
       }, idComponent);
     })
   });

package/lib/components/loop/loop.js

@@ -31,7 +31,8 @@ function Loop(props) {
     features = props.features,
     preferences = props.preferences,
     paginatedLoop = props.paginatedLoop,
-    errors = props.errors;
+    errors = props.errors,
+    disabled = props.disabled;
   switch (componentType) {
     case LoopTypes.blockForLoop:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockForLoop["default"], {
@@ -50,7 +51,8 @@ function Loop(props) {
         features: features,
         preferences: preferences,
         paginatedLoop: paginatedLoop,
-        errors: errors
+        errors: errors,
+        disabled: disabled
       });
     case LoopTypes.rosterForLoop:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rosterForLoop["default"], {
@@ -69,7 +71,8 @@ function Loop(props) {
         features: features,
         preferences: preferences,
         headers: headers,
-        errors: errors
+        errors: errors,
+        disabled: disabled
       });
     default:
       return null;

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

@@ -24,7 +24,8 @@ function Body(_ref) {
     executeExpression = _ref.executeExpression,
     handleChange = _ref.handleChange,
     valueMap = _ref.value,
-    missing = _ref.missing;
+    missing = _ref.missing,
+    disabled = _ref.disabled;
   var handleChangeRow = (0, _react.useCallback)(function (response, value, args) {
     handleChange(response, value, _objectSpread(_objectSpread({}, args), {}, {
       loop: true,
@@ -44,7 +45,8 @@ function Body(_ref) {
       executeExpression: executeExpression,
       valueMap: valueMap,
       missing: missing,
-      preferences: ['COLLECTED']
+      preferences: ['COLLECTED'],
+      disabled: disabled
     })
   });
 }

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

@@ -37,6 +37,7 @@ function RosterforLoop(_ref) {
     shortcut = _ref.shortcut,
     id = _ref.id,
     management = _ref.management,
+    disabled = _ref.disabled,
     errors = _ref.errors;
   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;
@@ -96,6 +97,7 @@ function RosterforLoop(_ref) {
         management: management,
         missing: missing,
         shortcut: shortcut,
+        disabled: disabled,
         errors: errors
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsDetachable, {
         declarations: declarations,

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

@@ -22,7 +22,8 @@ function RosterTable(_ref) {
     shortcut = _ref.shortcut,
     missing = _ref.missing,
     management = _ref.management,
-    handleChange = _ref.handleChange;
+    handleChange = _ref.handleChange,
+    disabled = _ref.disabled;
   if (nbRows <= 0) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.NothingToDisplay, {});
   }
@@ -40,7 +41,8 @@ function RosterTable(_ref) {
       management: management,
       missing: missing,
       shortcut: shortcut,
-      executeExpression: executeExpression
+      executeExpression: executeExpression,
+      disabled: disabled
     })]
   });
 }

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

@@ -25,7 +25,8 @@ function Row(_ref) {
     management = _ref.management,
     preferences = _ref.preferences,
     executeExpression = _ref.executeExpression,
-    errors = _ref.errors;
+    errors = _ref.errors,
+    disabled = _ref.disabled;
   var handleChangeRow = (0, _react.useCallback)(function (response, value) {
     handleChange(response, value, {
       index: rowIndex
@@ -73,6 +74,7 @@ function Row(_ref) {
           preferences: preferences,
           iteration: rowIndex,
           executeExpression: executeExpression,
+          disabled: disabled,
           errors: errors
         })
       }, key);

package/lib/components/question-explication/html/question-explication.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _commons = require("../../commons");
+require("./question-explication.scss");
+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; }
+function QuestionExplication(_ref) {
+  var id = _ref.id,
+    label = _ref.label,
+    description = _ref.description,
+    bgColor = _ref.bgColor;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isActive = _useState2[0],
+    setIsActive = _useState2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
+    className: "accordion-item",
+    style: bgColor ? {
+      backgroundColor: bgColor
+    } : {},
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("h3", {
+      className: "accordion-title",
+      onClick: function onClick() {
+        return setIsActive(!isActive);
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        className: "accordion-trigger",
+        "aria-expanded": isActive,
+        "aria-controls": "accordion-".concat(id),
+        children: label
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: isActive ? '-' : '+'
+      })]
+    }), isActive && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "accordion-content",
+      id: "accordion-".concat(id),
+      children: description
+    })]
+  });
+}
+;
+var _default = (0, _commons.createCustomizableLunaticField)(QuestionExplication, 'QuestionExplication');
+exports["default"] = _default;

package/lib/components/question-explication/html/question-explication.scss

@@ -0,0 +1,35 @@
+.lunatic-component {
+  .accordion-item {
+    max-width: 600px;
+    background-color: '#FFFFFF';
+  }
+
+  .accordion-title {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+    border-top: 1px solid #000000;
+    border-bottom: 1px solid #000000;
+  }
+
+  .accordion-title,
+  .accordion-content {
+    padding: 1rem;
+  }
+
+  .accordion-trigger {
+    background: none;
+    display: block;
+    font-size: 1rem;
+    margin: 0;
+    position: relative;
+    text-align: left;
+    width: 100%;
+    outline: none;
+    border: none;
+    cursor: pointer;
+  }
+
+}

package/lib/components/question-explication/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _lunaticQuestionExplication["default"];
+  }
+});
+var _lunaticQuestionExplication = _interopRequireDefault(require("./lunatic-question-explication"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/question-explication/lunatic-question-explication.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _questionExplication = _interopRequireDefault(require("./html/question-explication"));
+var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../commons/components/lunatic-component-without-label"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function empty() {}
+function LunaticQuestionExplication(_ref) {
+  var id = _ref.id,
+    label = _ref.label,
+    description = _ref.description,
+    bgColor = _ref.bgColor;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
+    id: id,
+    label: label,
+    handleChange: empty,
+    description: description,
+    value: undefined,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_questionExplication["default"], {
+      label: label,
+      id: id,
+      description: description,
+      bgColor: bgColor
+    })
+  });
+}
+var _default = LunaticQuestionExplication;
+exports["default"] = _default;