@inseefr/lunatic 2.7.18 → 2.7.20-rc.1

package/README.md

@@ -124,7 +124,8 @@ Lunatic uses webWorkers to take the load off the main execution frame (e.g. list
 
 Workers are normally installed when the library is installed (postinstall scripts). If this is not the case, you can always manually run the command `npx @inseefr/lunatic workers` at the root of your project to add Lunatic workers to your project.
 
-Lunatic workers are added to the `public/workers` folder of the current project when the library is installed.
+By default: Lunatic workers are added to the `public/workers` folder of the current project when the library is installed.
+If you want to install inside another folder, just run `npx @inseefr/lunatic workers my-custom-folder`. Workers will be available to the `my-custom-folder/workers` folder of the current project.
 
 If a new version of Lunatic offers new workers, they will be automatically updated.
 This ensures that you always have the right version of workers for the version of Lunatic you're using.

package/lib/components/declarations/declarations-after-text.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _commons = require("../commons");
 var _declarations = _interopRequireWildcard(require("./declarations"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -19,4 +20,4 @@ function DeclarationsAfterText(props) {
     type: _declarations.DECLARATION_POSITIONS.after
   }, props));
 }
-var _default = exports["default"] = DeclarationsAfterText;
+var _default = exports["default"] = (0, _commons.createCustomizableLunaticField)(DeclarationsAfterText, 'DeclarationsAfterText');

package/lib/components/declarations/declarations-before-text.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _declarations = _interopRequireWildcard(require("./declarations"));
+var _commons = require("../commons");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -21,4 +22,4 @@ function DeclarationsBeforeText(props) {
     type: _declarations.DECLARATION_POSITIONS.before
   }, props));
 }
-var _default = exports["default"] = DeclarationsBeforeText;
+var _default = exports["default"] = (0, _commons.createCustomizableLunaticField)(DeclarationsBeforeText, ' DeclarationsBeforeText');

package/lib/components/declarations/declarations-detachable.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _declarations = _interopRequireWildcard(require("./declarations"));
+var _commons = require("../commons");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -21,4 +22,4 @@ function DeclarationsDetachable(props) {
     type: _declarations.DECLARATION_POSITIONS.detachable
   }, props));
 }
-var _default = exports["default"] = DeclarationsDetachable;
+var _default = exports["default"] = (0, _commons.createCustomizableLunaticField)(DeclarationsDetachable, 'DeclarationsDetachable');

package/lib/components/index.js

@@ -99,6 +99,12 @@ Object.defineProperty(exports, "PairwiseLinks", {
     return _pairwiseLinks.PairwiseLinks;
   }
 });
+Object.defineProperty(exports, "Question", {
+  enumerable: true,
+  get: function get() {
+    return _question.Question;
+  }
+});
 Object.defineProperty(exports, "QuestionContext", {
   enumerable: true,
   get: function get() {
@@ -213,4 +219,5 @@ var _questionInformation = _interopRequireDefault(require("./questions/question-
 var _questionContext = _interopRequireDefault(require("./questions/question-context"));
 var _questionExplication = _interopRequireDefault(require("./question-explication"));
 var _modal = _interopRequireDefault(require("./modal"));
+var _question = require("./question");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/question/Question.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Question = void 0;
+var _commons = require("../commons");
+var _declarations = require("../declarations");
+var _lunaticComponents = require("../lunatic-components");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Question that must represent the Don dilman's definition of it.
+ */
+var Question = exports.Question = (0, _commons.createCustomizableLunaticField)(function (props) {
+  var id = props.id,
+    description = props.description,
+    declarations = props.declarations,
+    label = props.label,
+    components = props.components;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsBeforeText, {
+      declarations: declarations,
+      id: id
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("legend", {
+        id: "question-legend-".concat(id),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+          children: label
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          className: "description-lunatic",
+          id: "question-description-".concat(id),
+          children: description
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsAfterText, {
+        declarations: declarations,
+        id: id
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponents.LunaticComponents, {
+        components: components,
+        wrapper: function wrapper(_ref) {
+          var children = _ref.children;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "question-components",
+            children: children
+          });
+        }
+      })]
+    })]
+  });
+}, 'Question');

package/lib/components/question/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Question = require("./Question");
+Object.keys(_Question).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Question[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Question[key];
+    }
+  });
+});

package/lib/src/components/declarations/declarations-after-text.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type DeclarationsProps } from './declarations';
-declare function DeclarationsAfterText(props: Omit<DeclarationsProps, 'type'>): import("react/jsx-runtime").JSX.Element;
-export default DeclarationsAfterText;
+declare const _default: import("react").ComponentType<Omit<DeclarationsProps, "type">>;
+export default _default;

package/lib/src/components/declarations/declarations-before-text.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { type DeclarationsProps } from './declarations';
-declare function DeclarationsBeforeText(props: Omit<DeclarationsProps, 'type'>): import("react/jsx-runtime").JSX.Element;
-export default DeclarationsBeforeText;
+declare const _default: React.ComponentType<Omit<DeclarationsProps, "type">>;
+export default _default;

package/lib/src/components/declarations/declarations-detachable.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { type DeclarationsProps } from './declarations';
-declare function DeclarationsDetachable(props: Omit<DeclarationsProps, 'type'>): import("react/jsx-runtime").JSX.Element;
-export default DeclarationsDetachable;
+declare const _default: React.ComponentType<Omit<DeclarationsProps, "type">>;
+export default _default;

package/lib/src/components/index.d.ts

@@ -28,3 +28,4 @@ export { default as QuestionInformation } from './questions/question-information
 export { default as QuestionContext } from './questions/question-context';
 export { default as QuestionExplication } from './question-explication';
 export { default as ConfirmationModal } from './modal';
+export { Question } from './question';

package/lib/src/components/question/Question.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * Question that must represent the Don dilman's definition of it.
+ */
+export declare const Question: import("react").ComponentType<Pick<import("../type").LunaticBaseProps<unknown>, "label" | "id" | "description" | "declarations"> & {
+    components: import("../../use-lunatic/commons/fill-components/fill-components").FilledLunaticComponentProps[];
+}>;

package/lib/src/components/question/index.d.ts

@@ -0,0 +1 @@
+export * from './Question';

package/lib/src/components/type.d.ts

@@ -83,7 +83,11 @@ type ComponentPropsByType = {
     };
     Sequence: Pick<LunaticBaseProps<string>, 'id' | 'declarations' | 'label' | 'style'>;
     Subsequence: Pick<LunaticBaseProps<string>, 'id' | 'declarations' | 'label'>;
-    Question: Pick<LunaticBaseProps<unknown>, 'label' | 'description'>;
+    Question: Pick<LunaticBaseProps<unknown>, 'declarations' | 'label' | 'id' | 'description'> & {
+        components: FilledLunaticComponentProps[];
+    };
+    QuestionContext: Pick<LunaticBaseProps<unknown>, 'label' | 'description'>;
+    QuestionInformation: Pick<LunaticBaseProps<unknown>, 'label' | 'description'>;
     ComponentSet: LunaticBaseProps<unknown> & {
         components: FilledLunaticComponentProps[];
         value: Record<string, unknown>;

package/lib/src/use-lunatic/commons/fill-components/fill-component-required.d.ts

@@ -3,49 +3,55 @@ import type { LunaticComponentDefinition } from '../../type';
  * Add required attribute on component that are mandatory
  */
 export declare function fillComponentRequired(component: LunaticComponentDefinition): (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentSequenceType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentSubSequenceType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentRosterForLoopType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentLoopType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentTableType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentNumberType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentDatePickerType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentCheckboxGroupType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentCheckboxBooleanType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentRadioType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentFilterDescriptionType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentDropdownType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentPairWiseLinksType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentRoundaboutType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentSuggesterType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentInputOrTextareaType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & {
     componentType: "CheckboxOne";
 } & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & {
     componentType: "ConfirmationModal";
 } & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentComponentSetType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentQuestionExplicationType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+}) | (import("../../type-source").ComponentTypeBase & {
+    componentType: "Question";
+    components: import("../../type-source").ComponentType[];
+    description: import("../../type-source").LabelType;
+} & {
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | {
     required: boolean;
     label: import("../../type-source").LabelType;
@@ -385,4 +391,18 @@ export declare function fillComponentRequired(component: LunaticComponentDefinit
     componentType: "QuestionExplication";
     description: string;
     bgColor?: string | undefined;
+} | {
+    required: boolean;
+    label: import("../../type-source").LabelType;
+    declarations?: import("../../type-source").DeclarationType[] | undefined;
+    conditionFilter?: import("../../type-source").ConditionFilterType | undefined;
+    controls?: import("../../type-source").ControlType[] | undefined;
+    id: string;
+    bindingDependencies?: string[] | undefined;
+    hierarchy?: import("../../type-source").Hierarchy | undefined;
+    mandatory?: boolean | undefined;
+    page: string;
+    componentType: "Question";
+    components: import("../../type-source").ComponentType[];
+    description: import("../../type-source").LabelType;
 };

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

@@ -830,5 +830,43 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
     componentType: "QuestionExplication";
     description: string;
     bgColor?: string | undefined;
+} | {
+    handleChange: (response: {
+        name: string;
+    }, value: any, args?: {
+        iteration?: number[] | undefined;
+    } | undefined) => void;
+    executeExpression: <T extends unknown = unknown>(expression: unknown, args?: {
+        iteration?: number | number[] | undefined;
+        bindingDependencies?: string[] | undefined;
+        deps?: string[] | undefined;
+    } | undefined) => T;
+    preferences: ["COLLECTED"];
+    goToPage: (page: {
+        page: string;
+        iteration?: number | undefined;
+        nbIterations?: number | undefined;
+        subPage?: number | undefined;
+    }) => void;
+    shortcut: boolean | undefined;
+    getSuggesterStatus: (name: string) => {
+        status: import("../../use-suggesters").SuggesterStatus;
+        timestamp: number;
+    };
+    workersBasePath: string | undefined;
+    goNextPage: () => void;
+    goPreviousPage: () => void;
+    label: import("../../type-source").LabelType;
+    declarations?: import("../../type-source").DeclarationType[] | undefined;
+    conditionFilter?: import("../../type-source").ConditionFilterType | undefined;
+    controls?: import("../../type-source").ControlType[] | undefined;
+    id: string;
+    bindingDependencies?: string[] | undefined;
+    hierarchy?: import("../../type-source").Hierarchy | undefined;
+    mandatory?: boolean | undefined;
+    page: string;
+    componentType: "Question";
+    components: import("../../type-source").ComponentType[];
+    description: import("../../type-source").LabelType;
 };
 export default fillFromState;

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

@@ -3,45 +3,51 @@ import type { LunaticComponentDefinition, LunaticState } from '../../type';
  * Fill the number of iterations for loop components without "iterations" expression
  */
 export declare function fillIterations(component: LunaticComponentDefinition, state: LunaticState): (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentSequenceType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentSubSequenceType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentTableType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentNumberType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentDatePickerType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentCheckboxGroupType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentCheckboxBooleanType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentRadioType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentFilterDescriptionType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentDropdownType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentPairWiseLinksType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentRoundaboutType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentSuggesterType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentInputOrTextareaType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & {
     componentType: "CheckboxOne";
 } & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & {
     componentType: "ConfirmationModal";
 } & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentComponentSetType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | (import("../../type-source").ComponentTypeBase & import("../../type-source").ComponentQuestionExplicationType & {
-    componentType: "CheckboxOne" | "ConfirmationModal" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
+}) | (import("../../type-source").ComponentTypeBase & {
+    componentType: "Question";
+    components: import("../../type-source").ComponentType[];
+    description: import("../../type-source").LabelType;
+} & {
+    componentType: "CheckboxOne" | "ConfirmationModal" | "Question" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxBoolean" | "Radio" | "FilterDescription" | "Dropdown" | "PairwiseLinks" | "Roundabout" | "Suggester" | "Input" | "Textarea" | "ComponentSet" | "QuestionExplication";
 }) | {
     iterations: number;
     label: import("../../type-source").LabelType;

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

@@ -79,7 +79,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 +209,10 @@ export type ComponentPairWiseLinksType = {
     };
     components: ComponentType[];
 };
+export type ComponentQuestionType = {
+    componentType: 'Question';
+    components: ComponentType[];
+};
 export type ComponentComponentSetType = {
     componentType: 'ComponentSet';
     components: ComponentType[];
@@ -288,7 +296,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/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/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]);
   }, []);
 }

package/lib/use-lunatic/type-source.js

@@ -23,4 +23,4 @@ var ControlTypeEnum = exports.ControlTypeEnum = /*#__PURE__*/function (ControlTy
   ControlTypeEnum["row"] = "ROW";
   ControlTypeEnum["simple"] = "simple";
   return ControlTypeEnum;
-}({});
+}({}); //Is it realy needed ?

package/lib/utils/suggester-workers/worker-path.js

@@ -14,7 +14,7 @@ var WorkerEnum = exports.WorkerEnum = /*#__PURE__*/function (WorkerEnum) {
   return WorkerEnum;
 }({});
 var version = _package["default"].workersVersion;
-var DEFAULT_BASE_PATH = 'workers';
+var DEFAULT_BASE_PATH = "".concat(window.location.origin, "/workers");
 var WORKER_PATH = {
   APPEND: "lunatic-append-worker-".concat(version, ".js"),
   SEARCH: "lunatic-search-worker-".concat(version, ".js"),

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@inseefr/lunatic",
-	"version": "2.7.18",
+	"version": "2.7.20-rc.1",
 	"workersVersion": "0.3.0",
 	"description": "Library of questionnaire components",
 	"repository": {

package/scripts/build/workers-paths.js

@@ -3,7 +3,15 @@ const path = require('path');
 
 const version = lunaticPackageJson.workersVersion;
 
-const currentPublicFolder = path.resolve(`${process.cwd()}/public/workers`);
+/**
+ * process.argv return an array, for example, for this command "node ./my-script.js hello"
+ * process.argv = ["node", "./my-script.js", "hello"], process.argv[2] = "hello" (or undefined if no argument)
+ */
+const getPublicFolder = () => process.argv[2] || 'public';
+
+const currentPublicFolder = path.resolve(
+	`${process.cwd()}/${getPublicFolder()}/workers`
+);
 const workersReleaseFolder = path.resolve(__dirname, '../../workers-release');
 
 const workersPath = {