@inseefr/lunatic 2.5.1-suggesterCustomisationStyle → 2.5.2-beta

package/lib/src/components/commons/components/combo-box/combo-box-content.d.ts

@@ -4,7 +4,7 @@ type Props = PropsWithChildren<{
     onBlur: () => void;
     onFocus: () => void;
     onKeyDown: (key: string) => void;
-    className?: string;
+    classNamePrefix?: string;
 }>;
-export declare function ComboBoxContent({ children, focused, onFocus, onBlur, onKeyDown, className, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ComboBoxContent({ children, focused, onFocus, onBlur, onKeyDown, classNamePrefix, }: Props): import("react/jsx-runtime").JSX.Element;
 export default ComboBoxContent;

package/lib/src/components/commons/components/combo-box/combo-box.d.ts

@@ -6,6 +6,7 @@ import { PanelProps } from './panel/panel';
 import { LunaticBaseProps } from '../../../type';
 type Props = SelectionProps & PanelProps & {
     className?: string;
+    classNamePrefix?: string;
     classStyle?: string;
     value: string | null;
     messageError?: string;

package/lib/src/components/commons/components/combo-box/combo-box.stories.d.ts

@@ -10,9 +10,10 @@ export declare const Default: Story<{
     editable?: boolean | undefined;
     labelId?: string | undefined;
     id?: string | undefined;
-    className?: string | undefined;
+    classNamePrefix?: string | undefined;
 } & import("./selection/label-selection").LabelSelectionProps & import("./panel/panel").PanelProps & {
     className?: string | undefined;
+    classNamePrefix?: string | undefined;
     classStyle?: string | undefined;
     value: string | null;
     messageError?: string | undefined;

package/lib/src/components/commons/components/combo-box/panel/panel-container.d.ts

@@ -4,5 +4,5 @@ type Props = PropsWithChildren<{
     expanded?: boolean;
     id?: string;
 }>;
-export declare function PanelContainer({ children, focused, expanded, id }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+declare const _default: import("react").ComponentType<Props>;
+export default _default;

package/lib/src/components/commons/components/combo-box/selection/selection-container.d.ts

@@ -5,7 +5,7 @@ type Props = PropsWithChildren<{
     disabled?: boolean;
     labelId?: string;
     id?: string;
-    className?: string;
+    classNamePrefix?: string;
 }>;
-declare function SelectionContainer({ children, id, expanded, focused, disabled, labelId, className, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function SelectionContainer({ children, id, expanded, focused, disabled, labelId, classNamePrefix, }: Props): import("react/jsx-runtime").JSX.Element;
 export default SelectionContainer;

package/lib/src/components/commons/components/combo-box/selection/selection.d.ts

@@ -6,6 +6,6 @@ export type SelectionProps = {
     editable?: boolean;
     labelId?: string;
     id?: string;
-    className?: string;
+    classNamePrefix?: string;
 } & LabelSelectionProps;
-export declare function Selection({ labelRenderer, placeholder, search, expanded, disabled, focused, onChange, selectedIndex, options, editable, labelId, id, className, }: SelectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Selection({ labelRenderer, placeholder, search, expanded, disabled, focused, onChange, selectedIndex, options, editable, labelId, id, classNamePrefix, }: SelectionProps): import("react/jsx-runtime").JSX.Element;

package/lib/src/components/dropdown/lunatic-dropdown.d.ts

@@ -1,3 +1,3 @@
 import { LunaticComponentProps } from '../type';
-declare function LunaticDropdown({ id, handleChange, options, writable, disabled, value, response, errors, label, preferences, declarations, missing, missingResponse, management, description, }: LunaticComponentProps<'Dropdown'>): import("react/jsx-runtime").JSX.Element;
+declare function LunaticDropdown({ id, handleChange, options, writable, disabled, className, value, response, errors, label, preferences, declarations, missing, missingResponse, management, description, }: LunaticComponentProps<'Dropdown'>): import("react/jsx-runtime").JSX.Element;
 export default LunaticDropdown;

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

@@ -27,3 +27,4 @@ export { Summary } from './summary';
 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';

package/lib/src/components/modal/html/modal.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import './modal.scss';
+declare const _default: import("react").ComponentType<Pick<import("../../type").LunaticBaseProps<string | null> & {
+    goToPage: (page: {
+        page: string;
+        iteration?: number | undefined;
+        nbIterations?: number | undefined;
+        subPage?: number | undefined;
+    }) => void;
+    page: string;
+    goNextPage: () => void;
+    goPreviousPage: () => void;
+}, "label" | "id" | "description" | "goToPage" | "page" | "goNextPage" | "goPreviousPage">>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default } from './lunatic-modal';

package/lib/src/components/modal/lunatic-modal.d.ts

@@ -0,0 +1,3 @@
+import { LunaticComponentProps } from '../type';
+declare function LunaticModal(props: LunaticComponentProps<'Modal'>): import("react/jsx-runtime").JSX.Element;
+export default LunaticModal;

package/lib/src/components/pairwise-links/row.d.ts

@@ -3,5 +3,5 @@ type Props = {
     linksIterations: [number, number];
     lengths: number[];
 } & Omit<LunaticComponentProps<'PairwiseLinks'>, 'declarations' | 'xAxisIterations' | 'yAxisIterations'>;
-declare function Row({ components, value: valueMap, handleChange, features, missing, shortcut, management, preferences, executeExpression, linksIterations, symLinks, lengths, }: Props): import("react/jsx-runtime").JSX.Element | null;
+declare function Row({ components, value: valueMap, handleChange, features, missing, shortcut, management, className, preferences, executeExpression, linksIterations, symLinks, lengths, }: Props): import("react/jsx-runtime").JSX.Element | null;
 export default Row;

package/lib/src/components/suggester/html/suggester.d.ts

@@ -5,6 +5,7 @@ import { ComboBoxOptionType } from '../../commons/components/combo-box/combo-box
 import { LunaticComponentProps } from '../../type';
 type Props = {
     className?: string;
+    classNamePrefix?: string;
     placeholder?: string;
     onSelect?: (s: string | null) => void;
     value: string | null;

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

@@ -41,6 +41,8 @@ export type LunaticBaseProps<ValueType = unknown> = {
     executeExpression: LunaticState['executeExpression'];
     features?: string[];
     componentType?: string;
+    goNextPage?: () => void;
+    goPreviousPage?: () => void;
 };
 export type SuggesterOption = {
     children?: string[];
@@ -264,6 +266,12 @@ type ComponentPropsByType = {
             iterations?: number;
         }>;
     };
+    Modal: LunaticBaseProps<string | null> & {
+        goToPage: ReturnType<typeof useLunatic>['goToPage'];
+        page: string;
+        goNextPage: () => void;
+        goPreviousPage: () => void;
+    };
 };
 export type LunaticComponentType = keyof ComponentPropsByType;
 export type LunaticComponentProps<T extends LunaticComponentType = LunaticComponentType> = ComponentPropsByType[T];

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

@@ -50,6 +50,8 @@ export type ActionInit = {
         handleChange: LunaticState['handleChange'];
         activeControls: boolean;
         goToPage: (params: ActionGoToPage['payload']) => void;
+        goNextPage: () => void;
+        goPreviousPage: () => void;
         withOverview: boolean;
     };
 };
@@ -112,6 +114,8 @@ export declare const onInit: (payload: {
     handleChange: LunaticState['handleChange'];
     activeControls: boolean;
     goToPage: (params: ActionGoToPage['payload']) => void;
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     withOverview: boolean;
 }) => ActionInit & {
     type: ActionKind.ON_INIT;

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

@@ -5,6 +5,8 @@ export type FilledProps = {
     preferences: LunaticState['preferences'];
     goToPage: LunaticState['goToPage'];
     shortcut: LunaticState['shortcut'];
+    goNextPage: LunaticState['goNextPage'];
+    goPreviousPage: LunaticState['goPreviousPage'];
 };
 declare function fillFromState(component: LunaticComponentDefinition, state: LunaticState): {
     handleChange: (response: {
@@ -28,6 +30,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -60,6 +64,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -93,6 +99,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -162,6 +170,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -204,6 +214,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -272,6 +284,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -309,6 +323,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -345,6 +361,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -382,6 +400,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -416,6 +436,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -454,6 +476,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -487,6 +511,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -525,6 +551,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -562,6 +590,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -598,6 +628,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -631,6 +663,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -666,6 +700,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -698,6 +734,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;
@@ -731,6 +769,8 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;
     };
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     label: import("../../type-source").LabelType;
     declarations?: import("../../type-source").DeclarationType[] | undefined;
     conditionFilter: import("../../type-source").ConditionFilterType;

package/lib/src/use-lunatic/reducer/overview/overview-on-init.d.ts

@@ -95,6 +95,8 @@ export declare function reduceOverviewOnInit(state: LunaticState, action: Action
         nbIterations?: number | undefined;
         subPage?: number | undefined;
     }) => void;
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     getSuggesterStatus: (name: string) => {
         status: import("../../use-suggesters").SuggesterStatus;
         timestamp: number;

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

@@ -136,6 +136,8 @@ export type LunaticState = {
         nbIterations?: number;
         subPage?: number;
     }) => void;
+    goNextPage: () => void;
+    goPreviousPage: () => void;
     getSuggesterStatus: (name: string) => {
         status: SuggesterStatus;
         timestamp: number;

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

@@ -263,6 +263,17 @@ declare function useLunatic(source: LunaticSource, data: Partial<Record<"EXTERNA
                     iterations?: number | undefined;
                 }[];
             };
+            Modal: import("../components/type").LunaticBaseProps<string | null> & {
+                goToPage: (page: {
+                    page: string;
+                    iteration?: number | undefined;
+                    nbIterations?: number | undefined;
+                    subPage?: number | undefined;
+                }) => void;
+                page: string;
+                goNextPage: () => void;
+                goPreviousPage: () => void;
+            };
         })[] | undefined;
         except?: (keyof {
             InputNumber: import("../components/type").LunaticBaseProps<number | null> & {
@@ -498,6 +509,17 @@ declare function useLunatic(source: LunaticSource, data: Partial<Record<"EXTERNA
                     iterations?: number | undefined;
                 }[];
             };
+            Modal: import("../components/type").LunaticBaseProps<string | null> & {
+                goToPage: (page: {
+                    page: string;
+                    iteration?: number | undefined;
+                    nbIterations?: number | undefined;
+                    subPage?: number | undefined;
+                }) => void;
+                page: string;
+                goNextPage: () => void;
+                goPreviousPage: () => void;
+            };
         })[] | undefined;
     }) => import("./commons/fill-components/fill-components").LunaticComponentProps<"Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "Input" | "InputNumber" | "Datepicker" | "CheckboxGroup" | "CheckboxOne" | "CheckboxBoolean" | "Radio" | "Dropdown" | "Textarea" | "FilterDescription" | "PairwiseLinks" | "Suggester" | "ComponentSet" | "Roundabout" | "QuestionExplication">[];
     goPreviousPage: () => void;

package/lib/stories/modal/modal.stories.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
+var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
+var _source = _interopRequireDefault(require("./source"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var stories = {
+  title: 'Components/Modal',
+  component: _orchestrator["default"],
+  argTypes: _defaultArgTypes["default"]
+};
+var _default = stories;
+exports["default"] = _default;
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_orchestrator["default"], _objectSpread({}, args));
+};
+var Default = Template.bind({});
+exports.Default = Default;
+Default.args = {
+  id: 'modal',
+  source: _source["default"]
+};

package/lib/stories/modal/source.json

@@ -0,0 +1,97 @@
+{
+	"maxPage": "4",
+	"components": [
+		{
+			"id": "kze792d8",
+			"componentType": "InputNumber",
+			"mandatory": false,
+			"page": "1",
+			"min": 0,
+			"max": 10,
+			"decimals": 0,
+			"label": {
+				"value": "\"➡ 1. \" || \"In put for Number \"",
+				"type": "VTL|MD"
+			},
+			"description": { "value": "\"Description\"", "type": "VTL|MD" },
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"response": { "name": "NB" }
+		},
+		{
+			"id": "modaltoto",
+			"componentType": "ConfirmationModal",
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"page": "2",
+			"label": {
+				"value": "\"### Est-ce correcte ? \"",
+				"type": "VTL|MD"
+			},
+			"description": {
+				"value": "\"Vous avez renseigné : \" || cast(NB, string) || \".\"",
+				"type": "VTL|MD"
+			},
+			"declarations": [
+				{
+					"id": "kb9hi4j0-krnoclfe",
+					"declarationType": "INSTRUCTION",
+					"position": "BEFORE_QUESTION_TEXT",
+					"label": {
+						"value": "\"Déclaration Before\"",
+						"type": "VTL|MD"
+					}
+				},
+				{
+					"id": "kb9hi4j0-krnoclfe",
+					"declarationType": "INSTRUCTION",
+					"position": "AFTER_QUESTION_TEXT",
+					"label": {
+						"value": "\"Déclaration AFTER\"",
+						"type": "VTL|MD"
+					}
+				},
+				{
+					"id": "kb9hi4j0-krnoclfe",
+					"declarationType": "HELP",
+					"position": "DETACHABLE",
+					"label": {
+						"value": "\"Declaration Detachable\"",
+						"type": "VTL|MD"
+					}
+				}
+			]
+		},
+		{
+			"id": "modaltoto",
+			"componentType": "Sequence",
+			"conditionFilter": { "value": "false", "type": "VTL" },
+			"page": "3",
+			"label": {
+				"value": "toto to skip",
+				"type": "VTL"
+			}
+		},
+		{
+			"id": "modaltoto",
+			"componentType": "Sequence",
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"page": "4",
+			"label": {
+				"value": "toto to not skip",
+				"type": "VTL"
+			}
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "NB",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		}
+	]
+}