@inseefr/lunatic 2.7.19 → 2.7.20-rc.2

package/lib/src/use-lunatic/commons/fill-components/fill-specific-expression.d.ts

@@ -31,7 +31,7 @@ declare function fillSpecificExpressions(component: DeepTranslateExpression<Luna
     iterations: import("react").ReactNode;
     locked: boolean;
 } | {
-    components: import("./fill-components").FilledLunaticComponentProps<"CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication">[];
+    components: import("./fill-components").FilledLunaticComponentProps<"CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication">[];
     label: import("react").ReactNode;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter?: import("react").ReactNode;
@@ -54,7 +54,31 @@ declare function fillSpecificExpressions(component: DeepTranslateExpression<Luna
     page: string;
     componentType: "ComponentSet";
 } | {
-    getComponents: (iteration: number) => import("./fill-components").FilledLunaticComponentProps<"CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication">[];
+    components: import("./fill-components").FilledLunaticComponentProps<"CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication">[];
+    label: import("react").ReactNode;
+    declarations?: import("../../type-source").DeclarationType[] | undefined;
+    conditionFilter?: import("react").ReactNode;
+    controls?: import("../../type-source").ControlType[] | undefined;
+    id: string;
+    bindingDependencies?: string[] | undefined;
+    hierarchy?: {
+        sequence: {
+            label: import("react").ReactNode;
+            id: string;
+            page: string;
+        };
+        subSequence?: {
+            label: import("react").ReactNode;
+            id: string;
+            page: string;
+        } | undefined;
+    } | undefined;
+    mandatory?: boolean | undefined;
+    page: string;
+    componentType: "Question";
+    description: import("react").ReactNode;
+} | {
+    getComponents: (iteration: number) => import("./fill-components").FilledLunaticComponentProps<"CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication">[];
     label: import("react").ReactNode;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter?: import("react").ReactNode;
@@ -102,7 +126,7 @@ declare function fillSpecificExpressions(component: DeepTranslateExpression<Luna
     positioning: "HORIZONTAL";
     value?: Record<string, unknown[]> | undefined;
 } | {
-    getComponents: (iteration: number) => import("./fill-components").FilledLunaticComponentProps<"CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication">[];
+    getComponents: (iteration: number) => import("./fill-components").FilledLunaticComponentProps<"CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication">[];
     label: import("react").ReactNode;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter?: import("react").ReactNode;
@@ -136,7 +160,7 @@ declare function fillSpecificExpressions(component: DeepTranslateExpression<Luna
     paginatedLoop: boolean;
     value?: Record<string, unknown[]> | undefined;
 } | {
-    getComponents: (x: number, y: number) => import("./fill-components").FilledLunaticComponentProps<"CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication">[];
+    getComponents: (x: number, y: number) => import("./fill-components").FilledLunaticComponentProps<"CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication">[];
     label: import("react").ReactNode;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter?: import("react").ReactNode;
@@ -770,6 +794,32 @@ declare function fillSpecificExpressions(component: DeepTranslateExpression<Luna
         bgColor?: string | undefined;
     } & import("./fill-management").FilledProps & import("./fill-component-value").FilledProps & import("./fill-missing-response").FilledProps & import("./fill-from-state").FilledProps & import("./fill-pagination").FilledProps & {
         conditionFilter?: boolean | undefined;
+    }) | ({
+        label: import("react").ReactNode;
+        declarations?: import("../../type-source").DeclarationType[] | undefined;
+        conditionFilter?: import("react").ReactNode;
+        controls?: import("../../type-source").ControlType[] | undefined;
+        id: string;
+        bindingDependencies?: string[] | undefined;
+        hierarchy?: {
+            sequence: {
+                label: import("react").ReactNode;
+                id: string;
+                page: string;
+            };
+            subSequence?: {
+                label: import("react").ReactNode;
+                id: string;
+                page: string;
+            } | undefined;
+        } | undefined;
+        mandatory?: boolean | undefined;
+        page: string;
+        componentType: "Question";
+        components: import("../../type-source").ComponentType[];
+        description: import("react").ReactNode;
+    } & import("./fill-management").FilledProps & import("./fill-component-value").FilledProps & import("./fill-missing-response").FilledProps & import("./fill-from-state").FilledProps & import("./fill-pagination").FilledProps & {
+        conditionFilter?: boolean | undefined;
     }) | {
         label: unknown;
         colspan?: number | undefined;

package/lib/src/use-lunatic/commons/use-components-from-state.d.ts

@@ -1,3 +1,3 @@
 import type { LunaticState } from '../type';
-declare function useComponentsFromState(state: LunaticState): import("./fill-components/fill-components").FilledLunaticComponentProps<"CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication">[];
+declare function useComponentsFromState(state: LunaticState): import("./fill-components/fill-components").FilledLunaticComponentProps<"CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication">[];
 export default useComponentsFromState;

package/lib/src/use-lunatic/replace-component-sequence.d.ts

@@ -10,4 +10,8 @@ export declare function replaceComponentSequence(components: Array<LunaticCompon
     componentType: "CheckboxOne";
 }) | (import("./type-source").ComponentTypeBase & {
     componentType: "ConfirmationModal";
-}) | (import("./type-source").ComponentTypeBase & import("./type-source").ComponentComponentSetType) | (import("./type-source").ComponentTypeBase & import("./type-source").ComponentQuestionExplicationType))[];
+}) | (import("./type-source").ComponentTypeBase & import("./type-source").ComponentComponentSetType) | (import("./type-source").ComponentTypeBase & import("./type-source").ComponentQuestionExplicationType) | (import("./type-source").ComponentTypeBase & {
+    componentType: "Question";
+    components: import("./type-source").ComponentType[];
+    description: import("./type-source").LabelType;
+}))[];

package/lib/src/use-lunatic/type-source.d.ts

@@ -28,28 +28,14 @@ export type DeclarationType = {
 export type ConditionFilterType = LabelType & {
     bindingDependencies?: string[];
 };
-export declare enum Criticality {
-    INFO = "INFO",
-    WARN = "WARN",
-    ERROR = "ERROR"
-}
-export declare enum TypeOfControl {
-    FORMAT = "FORMAT",
-    CONSISTENCY = "CONSISTENCY"
-}
-export declare enum ControlTypeEnum {
-    roundabout = "roundabout",
-    row = "ROW",
-    simple = "simple"
-}
 export type ControlType = {
     id: string;
-    criticality: Criticality;
-    typeOfControl: TypeOfControl;
+    criticality: 'INFO' | 'WARN' | 'ERROR';
+    typeOfControl: 'FORMAT' | 'CONSISTENCY';
     control: LabelType;
     errorMessage: LabelType;
     bindingDependencies: string[];
-    type: ControlTypeEnum;
+    type: 'roundabout' | 'ROW' | 'simple';
     iterations?: number;
 };
 export type ResponseType = {
@@ -79,7 +65,11 @@ export type ComponentType = (ComponentTypeBase & ComponentSequenceType) | (Compo
     componentType: 'CheckboxOne';
 }) | (ComponentTypeBase & {
     componentType: 'ConfirmationModal';
-}) | (ComponentTypeBase & ComponentComponentSetType) | (ComponentTypeBase & ComponentQuestionExplicationType);
+}) | (ComponentTypeBase & ComponentComponentSetType) | (ComponentTypeBase & ComponentQuestionExplicationType) | (ComponentTypeBase & {
+    componentType: 'Question';
+    components: ComponentType[];
+    description: LabelType;
+});
 export type ComponentTypeEnum = ComponentType['componentType'];
 export type ComponentInputOrTextareaType = {
     componentType: 'Input' | 'Textarea';
@@ -205,6 +195,10 @@ export type ComponentPairWiseLinksType = {
     };
     components: ComponentType[];
 };
+export type ComponentQuestionType = {
+    componentType: 'Question';
+    components: ComponentType[];
+};
 export type ComponentComponentSetType = {
     componentType: 'ComponentSet';
     components: ComponentType[];
@@ -288,7 +282,18 @@ export type LunaticSource = {
             size: string;
             variables: string[];
         } | {
-            sizeForLinksVariables: string[];
+            sizeForLinksVariables: [string, string] | {
+                xAxisSize: string;
+                yAxisSize: string;
+            };
+            linksVariables: string[];
+        } | {
+            size: string;
+            variables: string[];
+            sizeForLinksVariables: [string, string] | {
+                xAxisSize: string;
+                yAxisSize: string;
+            };
             linksVariables: string[];
         };
     };

package/lib/src/use-lunatic/use-lunatic.d.ts

@@ -53,7 +53,11 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
             };
             Sequence: Pick<import("../components/type").LunaticBaseProps<string>, "label" | "style" | "id" | "declarations">;
             Subsequence: Pick<import("../components/type").LunaticBaseProps<string>, "label" | "id" | "declarations">;
-            Question: Pick<import("../components/type").LunaticBaseProps<unknown>, "label" | "description">;
+            Question: Pick<import("../components/type").LunaticBaseProps<unknown>, "label" | "id" | "description" | "declarations"> & {
+                components: import("./commons/fill-components/fill-components").FilledLunaticComponentProps[];
+            };
+            QuestionContext: Pick<import("../components/type").LunaticBaseProps<unknown>, "label" | "description">;
+            QuestionInformation: Pick<import("../components/type").LunaticBaseProps<unknown>, "label" | "description">;
             ComponentSet: import("../components/type").LunaticBaseProps<unknown> & {
                 components: import("./commons/fill-components/fill-components").FilledLunaticComponentProps[];
                 value: Record<string, unknown>;
@@ -301,7 +305,11 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
             };
             Sequence: Pick<import("../components/type").LunaticBaseProps<string>, "label" | "style" | "id" | "declarations">;
             Subsequence: Pick<import("../components/type").LunaticBaseProps<string>, "label" | "id" | "declarations">;
-            Question: Pick<import("../components/type").LunaticBaseProps<unknown>, "label" | "description">;
+            Question: Pick<import("../components/type").LunaticBaseProps<unknown>, "label" | "id" | "description" | "declarations"> & {
+                components: import("./commons/fill-components/fill-components").FilledLunaticComponentProps[];
+            };
+            QuestionContext: Pick<import("../components/type").LunaticBaseProps<unknown>, "label" | "description">;
+            QuestionInformation: Pick<import("../components/type").LunaticBaseProps<unknown>, "label" | "description">;
             ComponentSet: import("../components/type").LunaticBaseProps<unknown> & {
                 components: import("./commons/fill-components/fill-components").FilledLunaticComponentProps[];
                 value: Record<string, unknown>;
@@ -524,7 +532,7 @@ declare function useLunatic(source: LunaticSource, data: LunaticData | undefined
                 goPreviousPage: () => void;
             };
         })[] | undefined;
-    }) => import("./commons/fill-components/fill-components").FilledLunaticComponentProps<"CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication">[];
+    }) => import("./commons/fill-components/fill-components").FilledLunaticComponentProps<"CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication">[];
     goPreviousPage: () => void;
     goNextPage: (payload?: {}) => void;
     goToPage: (page: {

package/lib/stories/behaviour/others/V2_QuestSimple_Boucles.json

@@ -1773,7 +1773,10 @@
 			"mandatory": false,
 			"page": "28",
 			"positioning": "HORIZONTAL",
-			"label": { "value": "\"➡ 3. \" || \"Tableau 2 axes\"", "type": "VTL|MD" },
+			"label": {
+				"value": "\"➡ 3. \" || \"Tableau 2 axes\"",
+				"type": "VTL|MD"
+			},
 			"conditionFilter": {
 				"value": "(COCHECASE = true)",
 				"type": "VTL",

package/lib/stories/question/question.stories.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
+var _source = _interopRequireDefault(require("./source.json"));
+var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+//import type { Meta, StoryObj } from '@storybook/react';
+
+var meta = {
+  title: 'Components/Question',
+  component: _orchestrator["default"],
+  argTypes: _objectSpread({}, _defaultArgTypes["default"])
+};
+// } satisfies Meta<typeof Orchestrator>;
+var _default = exports["default"] = meta; //type Story = StoryObj<typeof Orchestrator>
+var Default = exports.Default = {
+  args: {
+    id: 'sequence-simple',
+    source: _source["default"]
+  }
+};
+// satisfies Story

package/lib/stories/question/source.json

@@ -0,0 +1,220 @@
+{
+	"pagination": "question",
+	"maxPage": "2",
+
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "TESTTEXTE",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "QNUM",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		}
+	],
+	"components": [
+		{
+			"componentType": "Question",
+			"id": "idQuestion",
+			"page": "1",
+			"label": {
+				"type": "VTL|MD",
+				"value": "\"Question\""
+			},
+			"description": {
+				"type": "VTL|MD",
+				"value": "\"Description de la question\""
+			},
+			"declarations": [
+				{
+					"declarationType": "HELP",
+					"id": "idQuestion-help1",
+					"label": {
+						"type": "VTL|MD",
+						"value": "\"Contenu de la  première déclaration avant (contexte)\""
+					},
+					"position": "BEFORE_QUESTION_TEXT"
+				},
+				{
+					"declarationType": "HELP",
+					"id": "idQuestion-help2",
+					"label": {
+						"type": "VTL|MD",
+						"value": "\"Contenu de la  deuxième déclaration avant (contexte)\""
+					},
+					"position": "BEFORE_QUESTION_TEXT"
+				},
+				{
+					"declarationType": "HELP",
+					"id": "idQuestion-help3",
+					"label": {
+						"type": "VTL|MD",
+						"value": "\"Contenu de la première déclaration après (Information)\""
+					},
+					"position": "AFTER_QUESTION_TEXT"
+				},
+				{
+					"declarationType": "HELP",
+					"id": "idQuestion-help4",
+					"label": {
+						"type": "VTL|MD",
+						"value": "\"Contenu de la deuxième déclaration après (Information)\""
+					},
+					"position": "AFTER_QUESTION_TEXT"
+				}
+			],
+			"components": [
+				{
+					"componentType": "Input",
+					"bindingDependencies": ["TESTTEXTE"],
+					"controls": [
+						{
+							"bindingDependencies": ["TESTTEXTE"],
+							"criticality": "WARN",
+							"errorMessage": {
+								"type": "VTL|MD",
+								"value": "\"a ne peut pas valoir BLABLA\""
+							},
+							"typeOfControl": "CONSISTENCY",
+							"control": {
+								"type": "VTL",
+								"value": "not(nvl(TESTTEXTE,\"\") = \"BLABLA\")"
+							},
+							"id": "kfxn6f16-CI-0"
+						},
+						{
+							"bindingDependencies": ["TESTTEXTE"],
+							"criticality": "WARN",
+							"errorMessage": {
+								"type": "VTL|MD",
+								"value": "\"Cette phrase un peu longue s\u2019affiche si on a du vide pour la variable sur le texte inférieur à 255 caractères et voilà\""
+							},
+							"typeOfControl": "CONSISTENCY",
+							"control": {
+								"type": "VTL",
+								"value": "not(isnull(TESTTEXTE))"
+							},
+							"id": "kfxn6f16-CI-1"
+						}
+					],
+					"response": { "name": "TESTTEXTE" },
+					"hierarchy": {
+						"sequence": {
+							"id": "kfxmfvwj",
+							"page": "1",
+							"label": {
+								"type": "VTL|MD",
+								"value": "\"I - \" || \"TEST SUR BOOLEEN CODE DATE ET TEXTE\""
+							}
+						}
+					},
+					"conditionFilter": {
+						"type": "VTL",
+						"value": "true"
+					},
+					"id": "kfxn6f16",
+					"page": "1",
+					"label": {
+						"type": "VTL|MD",
+						"value": "\"➡ 2. \" || \"Controle sur du texte < 255\""
+					},
+					"mandatory": false,
+					"maxLength": 15,
+					"declarations": [
+						{
+							"declarationType": "INSTRUCTION",
+							"id": "kfxn6f16-kfxn36ru",
+							"label": {
+								"type": "VTL|MD",
+								"value": "\"Tester la saisie de BLABLA\""
+							},
+							"position": "AFTER_QUESTION_TEXT"
+						}
+					]
+				}
+			]
+		},
+		{
+			"componentType": "Question",
+			"id": "idQuestion2",
+			"page": "2",
+			"label": {
+				"type": "VTL|MD",
+				"value": "\"Question 2\""
+			},
+			"description": {
+				"type": "VTL|MD",
+				"value": "\"Description de la question 2\""
+			},
+			"components": [
+				{
+					"id": "k0dzbfek",
+					"componentType": "InputNumber",
+					"mandatory": false,
+					"page": "2",
+					"min": 0,
+					"max": 100,
+					"decimals": 0,
+					"label": {
+						"value": "\"➡ 1. \" || \"Test de supériorité stricte - Saisie d’un nombre compris entre 0 et 100 - Si valeur supérieure à 5 message d’info. si superieur à 6,5 autre message \"",
+						"type": "VTL|MD"
+					},
+					"declarations": [
+						{
+							"id": "k0dzbfek-kzgzg0bk",
+							"declarationType": "HELP",
+							"position": "AFTER_QUESTION_TEXT",
+							"label": {
+								"value": "\"Tester 2 et 20 (pour vérifier ordre numérique et lexico)\"",
+								"type": "VTL|MD"
+							}
+						}
+					],
+					"conditionFilter": { "value": "true", "type": "VTL" },
+					"controls": [
+						{
+							"id": "k0dzbfek-CI-0",
+							"criticality": "WARN",
+							"control": {
+								"value": "not(cast(nvl(QNUM,0),integer) > 5)",
+								"type": "VTL"
+							},
+							"errorMessage": { "value": "\"sup à 5\"", "type": "VTL|MD" },
+							"bindingDependencies": ["QNUM"]
+						},
+
+						{
+							"id": "k0dzbfek-CI-1",
+							"criticality": "WARN",
+							"control": {
+								"value": "not(cast(nvl(QNUM,0),integer) > 6.5)",
+								"type": "VTL"
+							},
+							"errorMessage": {
+								"value": "\"superieur à 6.5\"",
+								"type": "VTL|MD"
+							},
+							"bindingDependencies": ["QNUM"]
+						}
+					],
+					"bindingDependencies": ["QNUM"],
+					"response": { "name": "QNUM" }
+				}
+			]
+		}
+	]
+}

package/lib/use-lunatic/commons/compile-controls.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.compileControls = compileControls;
 var _replaceComponentSequence = require("../replace-component-sequence");
-var _typeSource = require("../type-source");
 var _fillComponentExpressions = _interopRequireDefault(require("./fill-components/fill-component-expressions"));
 var _getComponentsFromState = _interopRequireDefault(require("./get-components-from-state"));
 var _checkRoundaboutControl = require("../reducer/controls/check-roundabout-control");
@@ -40,7 +39,7 @@ function checkComponents(state, components) {
       // The component has global level controls
       if (Array.isArray(controls)) {
         var componentErrors = checkControls(controls.filter(function (c) {
-          return c.type !== _typeSource.ControlTypeEnum.row;
+          return c.type !== 'ROW';
         }), state.executeExpression, state.pager);
         if (componentErrors.length > 0) {
           errors[id] = componentErrors;
@@ -51,7 +50,7 @@ function checkComponents(state, components) {
       if (isLoopComponent(component)) {
         var _component$controls;
         var rowControls = (_component$controls = component.controls) === null || _component$controls === void 0 ? void 0 : _component$controls.filter(function (c) {
-          return c.type === _typeSource.ControlTypeEnum.row;
+          return c.type === 'ROW';
         });
         if (rowControls !== null && rowControls !== void 0 && rowControls.length) {
           errors = checkComponentInLoop(state, _objectSpread(_objectSpread({}, component), {}, {
@@ -82,7 +81,7 @@ function checkComponents(state, components) {
 function checkControls(controls, executeExpression, pager) {
   return controls.map(function (control) {
     switch (control.type) {
-      case _typeSource.ControlTypeEnum.roundabout:
+      case 'roundabout':
         return (0, _checkRoundaboutControl.checkRoundaboutControl)(control, executeExpression);
       default:
         return (0, _checkBaseControl.checkBaseControl)(control, executeExpression, pager);
@@ -153,7 +152,7 @@ function hasCriticalError(errors) {
   }
   // Look for at least one critical error in the list
   var criticalError = Object.values(errors).flat().find(function (error) {
-    return error.criticality.startsWith(_typeSource.Criticality.ERROR) || error.typeOfControl === _typeSource.TypeOfControl.FORMAT;
+    return error.criticality.startsWith('ERROR') || error.typeOfControl === 'FORMAT';
   });
   return criticalError !== undefined;
 }

package/lib/use-lunatic/commons/fill-components/fill-specific-expression.js

@@ -147,6 +147,7 @@ function fillSpecificExpressions(component, state) {
     case 'Roundabout':
       return fillRoundaboutProps(component, state);
     case 'ComponentSet':
+    case 'Question':
       return fillChildComponents(component, state);
     case 'Loop':
     case 'RosterForLoop':

package/lib/use-lunatic/commons/variables/behaviours/resizing-behaviour.js

@@ -36,7 +36,9 @@ function resizingBehaviour(store, resizing) {
     // Pairwise resizing
     if ('sizeForLinksVariables' in resizingInfo) {
       resizePairwise(store, resizingInfo, e.detail);
-      return;
+      if (!('size' in resizingInfo)) {
+        return;
+      }
     }
     if (!resizingInfo.size) {
       throw new Error("Cannot resize ".concat(e.detail.name, " missing \"size\" property"));
@@ -60,12 +62,15 @@ function resizingBehaviour(store, resizing) {
   });
 }
 function resizePairwise(store, resizingInfo, args) {
-  var _resizingInfo$sizeFor = resizingInfo.sizeForLinksVariables.map(function (expression) {
+  // Handle expression being sent as an array or an object (ensure backward compatibility)
+  // Issue : https://github.com/InseeFr/Lunatic/issues/883
+  var sizeExpressions = Array.isArray(resizingInfo.sizeForLinksVariables) ? resizingInfo.sizeForLinksVariables : [resizingInfo.sizeForLinksVariables.xAxisSize, resizingInfo.sizeForLinksVariables.yAxisSize];
+  var _sizeExpressions$map = sizeExpressions.map(function (expression) {
       return (0, _number.forceInt)(store.run((0, _vtl.getExpressionAsString)(expression)));
     }),
-    _resizingInfo$sizeFor2 = _slicedToArray(_resizingInfo$sizeFor, 2),
-    xSize = _resizingInfo$sizeFor2[0],
-    ySize = _resizingInfo$sizeFor2[1];
+    _sizeExpressions$map2 = _slicedToArray(_sizeExpressions$map, 2),
+    xSize = _sizeExpressions$map2[0],
+    ySize = _sizeExpressions$map2[1];
   resizingInfo.linksVariables.forEach(function (variable) {
     var value = store.get(variable, args.iteration);
     var resizedValue = (0, _array.resizeArray)(

package/lib/use-lunatic/commons/variables/lunatic-variables-store.spec.js

@@ -252,6 +252,49 @@ var _lunaticVariablesStore = require("./lunatic-variables-store");
       (0, _vitest.expect)(variables.get('PRENOM').length).toEqual(3);
       (0, _vitest.expect)(variables.get('NOM').length).toEqual(3);
     });
+    (0, _vitest.it)('should resize pairwise with the array syntax', function () {
+      variables.set('PRENOM', []);
+      variables.set('LINKS', [[]]);
+      (0, _resizingBehaviour.resizingBehaviour)(variables, {
+        PRENOM: {
+          sizeForLinksVariables: ['count(PRENOM)', 'count(PRENOM)'],
+          linksVariables: ['LINKS']
+        }
+      });
+      variables.set('PRENOM', ['John', 'Jane', 'Marc']);
+      (0, _vitest.expect)(variables.get('LINKS')).toEqual([[null, null, null], [null, null, null], [null, null, null]]);
+    });
+    (0, _vitest.it)('should resize pairwise with the object syntax', function () {
+      variables.set('PRENOM', []);
+      variables.set('LINKS', [[]]);
+      (0, _resizingBehaviour.resizingBehaviour)(variables, {
+        PRENOM: {
+          sizeForLinksVariables: {
+            xAxisSize: 'count(PRENOM)',
+            yAxisSize: 'count(PRENOM)'
+          },
+          linksVariables: ['LINKS']
+        }
+      });
+      variables.set('PRENOM', ['John', 'Jane', 'Marc']);
+      (0, _vitest.expect)(variables.get('LINKS')).toEqual([[null, null, null], [null, null, null], [null, null, null]]);
+    });
+    (0, _vitest.it)('should handle both pairwise and normal resize', function () {
+      variables.set('PRENOM', []);
+      variables.set('NOM', []);
+      variables.set('LINKS', [[]]);
+      (0, _resizingBehaviour.resizingBehaviour)(variables, {
+        PRENOM: {
+          sizeForLinksVariables: ['count(PRENOM)', 'count(PRENOM)'],
+          linksVariables: ['LINKS'],
+          size: 'count(PRENOM)',
+          variables: ['NOM']
+        }
+      });
+      variables.set('PRENOM', ['John', 'Jane', 'Marc']);
+      (0, _vitest.expect)(variables.get('LINKS')).toEqual([[null, null, null], [null, null, null], [null, null, null]]);
+      (0, _vitest.expect)(variables.get('NOM')).toEqual([null, null, null]);
+    });
   });
   (0, _vitest.describe)('cleaning', function () {
     (0, _vitest.it)('should clean variables', function () {

package/lib/use-lunatic/replace-component-sequence.js

@@ -20,9 +20,12 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function replaceComponentSequence(components) {
   return components.reduce(function (acc, component) {
     var componentType = component.componentType;
-    if (componentType === 'ComponentSet') {
-      return [].concat(_toConsumableArray(acc), _toConsumableArray(component.components));
+    switch (componentType) {
+      case 'Question':
+      case 'ComponentSet':
+        return [].concat(_toConsumableArray(acc), _toConsumableArray(component.components));
+      default:
+        return [].concat(_toConsumableArray(acc), [component]);
     }
-    return [].concat(_toConsumableArray(acc), [component]);
   }, []);
 }