@inseefr/lunatic 2.5.2-beta → 2.5.2

package/lib/components/commons/components/combo-box/combo-box-content.js

@@ -48,6 +48,7 @@ function ComboBoxContent(_ref) {
   }, [onKeyDown]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_comboBoxContentBox["default"], {
     classNamePrefix: classNamePrefix,
+    focused: focused,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames["default"])("".concat(classNamePrefix !== null && classNamePrefix !== void 0 ? classNamePrefix : 'lunatic', "-combo-box-content"), {
         focused: focused

package/lib/components/commons/components/combo-box/combo-box.js

@@ -120,6 +120,7 @@ function ComboBox(_ref) {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_comboBoxContainer["default"], {
     id: id,
+    className: className,
     classStyle: classStyle,
     classNamePrefix: classNamePrefix,
     errors: errors,

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _commons = require("../../commons");
 var _componentSetComponentContainer = _interopRequireDefault(require("./component-set-component-container"));
+var _getComponentValue = require("../../../utils/get-component-value");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["components", "componentClassName", "className", "value"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -17,45 +18,26 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 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
- */
-function getComponentValue(component, value) {
-  if (hasResponse(component) && component.response.name in value) {
-    var _value$component$resp;
-    return (_value$component$resp = value[component.response.name]) !== null && _value$component$resp !== void 0 ? _value$component$resp : '';
-  }
-  return undefined;
-}
-
-/**
- * Narrow the type of the component
- */
-function hasResponse(component) {
-  return 'response' in component;
-}
 function ComponentSetComponents(_ref) {
   var components = _ref.components,
     componentClassName = _ref.componentClassName,
     className = _ref.className,
-    value = _ref.value,
+    valueMap = _ref.value,
     props = _objectWithoutProperties(_ref, _excluded);
   if (!Array.isArray(components)) {
     return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: components.map(function (component) {
-      var id = component.id;
-      var componentValue = getComponentValue(component, value);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentSetComponentContainer["default"], {
         className: className,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.OrchestratedComponent, _objectSpread(_objectSpread({}, props), {}, {
           component: component,
-          id: id,
+          id: component.id,
           className: componentClassName,
-          value: componentValue
+          value: (0, _getComponentValue.getComponentValue)(component, valueMap)
         }))
-      }, id);
+      }, component.id);
     })
   });
 }

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

@@ -1,15 +1,16 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _commons = require("../../commons");
+var _getComponentValue = require("../../../utils/get-component-value");
 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 _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,
@@ -31,16 +32,8 @@ function Row(_ref) {
   }, [handleChange, 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] || '';
-        }
-      }
+      var id = "".concat(component.id, "-").concat(rowIndex);
+      var value = (0, _getComponentValue.getComponentValue)(component, valueMap, rowIndex);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.OrchestratedComponent, {
         component: component,
         handleChange: handleChangeRow,
@@ -49,18 +42,15 @@ function Row(_ref) {
         shortcut: shortcut,
         management: management,
         value: value,
-        id: idComponent,
+        id: id,
         preferences: preferences,
         iteration: rowIndex,
         executeExpression: executeExpression,
         errors: errors,
         disabled: disabled
-      }, idComponent);
+      }, id);
     })
   });
 }
-function hasResponse(component) {
-  return !!component && _typeof(component) === 'object' && 'response' in component;
-}
 var _default = Row;
 exports["default"] = _default;

package/lib/src/components/component-set/html/component-set-components.d.ts

@@ -3,5 +3,5 @@ type Props = {
     className?: string;
     componentClassName?: string;
 } & Omit<LunaticComponentProps<'ComponentSet'>, 'id' | 'response'>;
-declare function ComponentSetComponents({ components, componentClassName, className, value, ...props }: Props): import("react/jsx-runtime").JSX.Element | null;
+declare function ComponentSetComponents({ components, componentClassName, className, value: valueMap, ...props }: Props): import("react/jsx-runtime").JSX.Element | null;
 export default ComponentSetComponents;

package/lib/src/utils/get-component-value.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Extract the value associated with a component
+ * If the component expect multiple values (it has a responses property) then extract a map of values
+ */
+export declare function getComponentValue(component: unknown, valueMap: Record<string, unknown>, rowIndex?: number): unknown;

package/lib/src/utils/get-component-value.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/stories/checkboxGroup/checkboxGroup.stories.js

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Default = void 0;
+exports["default"] = exports.Loop = exports.Default = exports.ComponentSet = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
 var _source = _interopRequireDefault(require("./source"));
+var _sourceComponentset = _interopRequireDefault(require("./sourceComponentset"));
+var _sourceLoop = _interopRequireDefault(require("./sourceLoop"));
 var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -40,4 +42,18 @@ Default.args = {
   id: 'checkboxGroup',
   source: _source["default"],
   shortcut: true
+};
+var ComponentSet = Template.bind({});
+exports.ComponentSet = ComponentSet;
+ComponentSet.args = {
+  id: 'checkboxGroup',
+  source: _sourceComponentset["default"],
+  shortcut: true
+};
+var Loop = Template.bind({});
+exports.Loop = Loop;
+Loop.args = {
+  id: 'checkboxGroup',
+  source: _sourceLoop["default"],
+  shortcut: true
 };

package/lib/stories/checkboxGroup/sourceComponentset.json

@@ -0,0 +1,424 @@
+{
+	"maxPage": "5",
+	"components": [
+		{
+			"id": "component-set",
+			"componentType": "ComponentSet",
+			"page": "1",
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"label": {
+				"value": "\"## Who are you?\"",
+				"type": "VTL|MD"
+			},
+			"description": {
+				"value": "\"This is your opportunity to tell me about yourself!\"",
+				"type": "VTL|MD"
+			},
+			"components": [
+				{
+					"id": "checkboxbooleanGroupNumeric",
+					"componentType": "CheckboxGroup",
+					"label": {
+						"value": "Situation matrimoniale",
+						"type": "VTL|MD"
+					},
+					"hierarchy": {
+						"sequence": {
+							"id": "kmnnjaf1",
+							"label": {
+								"value": "Situation matrimoniale",
+								"type": "VTL|MD"
+							}
+						},
+						"subSequence": {
+							"id": "kmw3dz2a",
+							"page": "2",
+							"label": {
+								"value": "Mois préférés de l'année",
+								"type": "VTL|MD"
+							}
+						}
+					},
+					"missingResponse": { "name": "SITUMATRI_MISSING" },
+					"responses": [
+						{
+							"id": "kmort6x9-QOP-kmosa98y",
+							"label": {
+								"value": "Française de naissance ou par réintégration",
+								"type": "VTL"
+							},
+							"response": { "name": "NATIO1N1" }
+						},
+
+						{
+							"id": "kmort6x9-QOP-kmos360k",
+							"label": {
+								"value": "\"Française par déclaration, naturalisation, option à la majorité\"",
+								"type": "VTL"
+							},
+							"response": { "name": "NATIO1N2" }
+						},
+
+						{
+							"id": "kmort6x9-QOP-kmos37e1",
+							"label": { "value": "Étrangère", "type": "VTL" },
+							"response": { "name": "NATIO1N3" }
+						},
+
+						{
+							"id": "kmort6x9-QOP-kmorue9c",
+							"label": {
+								"value": "Apatride (pas de nationalité)",
+								"type": "VTL"
+							},
+							"response": { "name": "NATIO1N4" }
+						}
+					]
+				},
+				{
+					"id": "checkboxbooleanGroupAlpha",
+					"componentType": "CheckboxGroup",
+					"label": {
+						"value": "Mois préférés de l'année",
+						"type": "VTL|MD"
+					},
+
+					"hierarchy": {
+						"sequence": {
+							"id": "kmnnjaf1",
+							"page": "1",
+							"label": {
+								"value": "Situation matrimoniale",
+								"type": "VTL|MD"
+							}
+						},
+						"subSequence": {
+							"id": "kmw3dz2a",
+							"label": {
+								"value": "Mois préférés de l'année",
+								"type": "VTL|MD"
+							}
+						}
+					},
+					"missingResponse": { "name": "SITUMATRI_MISSING" },
+					"bindingDependencies": [
+						"MOIS1",
+						"MOIS2",
+						"MOIS3",
+						"MOIS4",
+						"MOIS5",
+						"MOIS6",
+						"MOIS7",
+						"MOIS8",
+						"MOIS9",
+						"MOIS10",
+						"MOIS11",
+						"MOIS12"
+					],
+					"responses": [
+						{
+							"id": "mois1",
+							"label": {
+								"value": "Janvier",
+								"type": "VTL|MD"
+							},
+							"response": { "name": "MOIS1" }
+						},
+
+						{
+							"id": "mois2",
+							"label": {
+								"value": "Février",
+								"type": "VTL|MD"
+							},
+							"response": { "name": "MOIS2" }
+						},
+						{
+							"id": "mois3",
+							"label": {
+								"value": "Mars",
+								"type": "VTL|MD"
+							},
+							"response": { "name": "MOIS3" }
+						},
+						{
+							"id": "mois4",
+							"label": {
+								"value": "Avril",
+								"type": "VTL|MD"
+							},
+							"response": { "name": "MOIS4" }
+						},
+						{
+							"id": "mois5",
+							"label": {
+								"value": "Mai",
+								"type": "VTL|MD"
+							},
+							"response": { "name": "MOIS5" }
+						},
+						{
+							"id": "mois6",
+							"label": {
+								"value": "Juin",
+								"type": "VTL|MD"
+							},
+							"response": { "name": "MOIS6" }
+						},
+						{
+							"id": "mois7",
+							"label": {
+								"value": "Juillet",
+								"type": "VTL|MD"
+							},
+							"response": { "name": "MOIS7" }
+						},
+						{
+							"id": "mois8",
+							"label": {
+								"value": "Août",
+								"type": "VTL|MD"
+							},
+							"response": { "name": "MOIS8" }
+						},
+						{
+							"id": "mois9",
+							"label": {
+								"value": "Septembre",
+								"type": "VTL|MD"
+							},
+							"response": { "name": "MOIS9" }
+						},
+						{
+							"id": "mois10",
+							"label": {
+								"value": "Octobre",
+								"type": "VTL|MD"
+							},
+							"response": { "name": "MOIS10" }
+						},
+						{
+							"id": "mois11",
+							"label": {
+								"value": "Novembre",
+								"type": "VTL|MD"
+							},
+							"response": { "name": "MOIS11" }
+						},
+						{
+							"id": "mois12",
+							"label": {
+								"value": "Décembre",
+								"type": "VTL|MD"
+							},
+							"response": { "name": "MOIS12" }
+						}
+					]
+				}
+			]
+		},
+		{
+			"id": "seq",
+			"componentType": "Sequence",
+			"label": {
+				"value": "\"Merci !\"",
+				"type": "VTL|MD"
+			},
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"page": "2"
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "NATIO1N1",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "NATIO1N2",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "NATIO1N3",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "NATIO1N4",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS1",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS2",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS3",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS4",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS5",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS7",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS8",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS9",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS10",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS11",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS12",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		}
+	]
+}

package/lib/stories/checkboxGroup/sourceLoop.json

@@ -0,0 +1,83 @@
+{
+	"maxPage": "5",
+	"components": [
+		{
+			"id": "component-set",
+			"componentType": "Loop",
+			"page": "1",
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"iterations": { "value": 2, "type": "VTL" },
+			"label": {
+				"value": "\"## Who are you?\"",
+				"type": "VTL|MD"
+			},
+			"description": {
+				"value": "\"This is your opportunity to tell me about yourself!\"",
+				"type": "VTL|MD"
+			},
+			"components": [
+				{
+					"id": "checkboxbooleanGroupNumeric",
+					"componentType": "CheckboxGroup",
+					"label": {
+						"value": "Est-ce que vous travaillez à l'Insee ?",
+						"type": "VTL|MD"
+					},
+					"missingResponse": { "name": "SITUMATRI_MISSING" },
+					"responses": [
+						{
+							"id": "kmort6x9-QOP-kmosa98y",
+							"label": {
+								"value": "non",
+								"type": "VTL"
+							},
+							"response": { "name": "NON" }
+						},
+						{
+							"id": "kmort6x9-QOP-kmos360k",
+							"label": {
+								"value": "\"oui\"",
+								"type": "VTL"
+							},
+							"response": { "name": "OUI" }
+						}
+					]
+				}
+			]
+		},
+		{
+			"id": "seq",
+			"componentType": "Sequence",
+			"label": {
+				"value": "\"Merci !\"",
+				"type": "VTL|MD"
+			},
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"page": "2"
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "OUI",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "NON",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		}
+	]
+}

package/lib/utils/get-component-value.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getComponentValue = getComponentValue;
+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); }
+/**
+ * Extract the value associated with a component
+ * If the component expect multiple values (it has a responses property) then extract a map of values
+ */
+function getComponentValue(component, valueMap, rowIndex) {
+  if (hasResponse(component)) {
+    var value = valueMap[component.response.name];
+    if (Array.isArray(value)) {
+      return value[rowIndex !== null && rowIndex !== void 0 ? rowIndex : 0];
+    }
+    return value;
+  }
+
+  // For checkbox group we need to send the map of values
+  if (hasResponses(component)) {
+    var _component$responses$, _component$responses;
+    return Object.fromEntries((_component$responses$ = (_component$responses = component.responses) === null || _component$responses === void 0 ? void 0 : _component$responses.map(function (_ref) {
+      var response = _ref.response;
+      var value = valueMap[response.name];
+      if (Array.isArray(value)) {
+        return [response.name, value[rowIndex !== null && rowIndex !== void 0 ? rowIndex : 0]];
+      }
+      return [response.name, value];
+    })) !== null && _component$responses$ !== void 0 ? _component$responses$ : []);
+  }
+  return undefined;
+}
+function hasResponse(component) {
+  return !!component && _typeof(component) === 'object' && 'response' in component && 'name' in component.response;
+}
+function hasResponses(component) {
+  return !!component && _typeof(component) === 'object' && 'responses' in component;
+}

package/lib/utils/get-component-value.test.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _getComponentValue = require("./get-component-value");
+(0, _vitest.describe)('getComponentValue', function () {
+  var componentWithResponse = {
+    response: {
+      name: 'prenom'
+    }
+  };
+  var componentWithResponses = {
+    responses: [componentWithResponse, {
+      response: {
+        name: 'nom'
+      }
+    }]
+  };
+  (0, _vitest.it)('Should work with simple response', function () {
+    (0, _vitest.expect)((0, _getComponentValue.getComponentValue)(componentWithResponse, {
+      prenom: 'John'
+    })).toBe('John');
+    (0, _vitest.expect)((0, _getComponentValue.getComponentValue)(componentWithResponse, {})).toBe(undefined);
+    (0, _vitest.expect)((0, _getComponentValue.getComponentValue)({}, {
+      prenom: 'John'
+    })).toBe(undefined);
+  });
+  (0, _vitest.it)('Should work with simple response as Array', function () {
+    (0, _vitest.expect)((0, _getComponentValue.getComponentValue)(componentWithResponse, {
+      prenom: ['John', 'Renaud']
+    }, 1)).toBe('Renaud');
+    (0, _vitest.expect)((0, _getComponentValue.getComponentValue)(componentWithResponse, {
+      prenom: ['John', 'Renaud']
+    }, 3)).toBe(undefined);
+  });
+  (0, _vitest.it)('Should work with responses', function () {
+    (0, _vitest.expect)((0, _getComponentValue.getComponentValue)(componentWithResponses, {
+      prenom: 'John'
+    })).toMatchObject({
+      prenom: 'John',
+      nom: undefined
+    });
+    (0, _vitest.expect)((0, _getComponentValue.getComponentValue)(componentWithResponses, {
+      prenom: ['John', 'Renaud'],
+      nom: ['Insee', 'Metallica']
+    }, 1)).toMatchObject({
+      prenom: 'Renaud',
+      nom: 'Metallica'
+    });
+    (0, _vitest.expect)((0, _getComponentValue.getComponentValue)(componentWithResponses, {
+      prenom: ['John', 'Renaud'],
+      nom: 'Insee'
+    }, 1)).toMatchObject({
+      prenom: 'Renaud',
+      nom: 'Insee'
+    });
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@inseefr/lunatic",
-	"version": "2.5.2-beta",
+	"version": "2.5.2",
 	"workersVersion": "0.2.5-experimental",
 	"description": "Library of questionnaire components",
 	"repository": {
@@ -24,6 +24,7 @@
 	],
 	"license": "MIT",
 	"main": "lib/index.js",
+	"types": "lib/src/index.d.ts",
 	"files": [
 		"lib"
 	],