@inseefr/lunatic 2.5.1-testRoundaboutFix → 2.5.2-rc1-beta

package/lib/components/modal/html/modal.scss

@@ -0,0 +1,43 @@
+.lunatic-modal {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(50, 50, 50, 0.5);
+    z-index: 101;
+  
+    .modal-content {
+      background-color: snow;
+      height: fit-content;
+      width: 50%;
+      margin: auto;
+      padding: 0.5rem;
+      margin-top: 38vh;
+      display: flex;
+      flex-direction: column;
+      border-radius: 8px;
+      overflow-wrap: break-word;
+      .lunatic-modal-container {
+        .close-button {
+          color: blue;
+          display: flex;
+          justify-content: right;
+        }
+      }
+      .body {
+        color: black;
+        font-size: 16px;
+        font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+      }
+  
+      .modal-buttons {
+        align-self: end;
+        margin: 0 0.2em 0.2em 0;
+        :first-child {
+          margin-right: 0.5em;
+        }
+      }
+    }
+  }
+  

package/lib/components/modal/index.js

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

package/lib/components/modal/lunatic-modal.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _modal = _interopRequireDefault(require("./html/modal"));
+var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../commons/components/lunatic-component-without-label"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function empty() {}
+function LunaticModal(props) {
+  var id = props.id,
+    label = props.label,
+    description = props.description,
+    goToPage = props.goToPage,
+    page = props.page,
+    goNextPage = props.goNextPage,
+    goPreviousPage = props.goPreviousPage;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
+    id: id,
+    label: label,
+    handleChange: empty,
+    value: undefined,
+    description: description,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_modal["default"], {
+      id: id,
+      label: label,
+      page: page,
+      description: description,
+      goToPage: goToPage,
+      goNextPage: goNextPage,
+      goPreviousPage: goPreviousPage
+    })
+  });
+}
+var _default = LunaticModal;
+exports["default"] = _default;

package/lib/components/pairwise-links/orchestrator.js

@@ -25,6 +25,7 @@ function LinksOrchestrator(props) {
     handleChange = props.handleChange,
     features = props.features,
     missing = props.missing,
+    className = props.className,
     shortcut = props.shortcut,
     preferences = props.preferences,
     executeExpression = props.executeExpression,
@@ -60,6 +61,7 @@ function LinksOrchestrator(props) {
         /** */,
         features: features,
         shortcut: shortcut,
+        className: className,
         preferences: preferences,
         missing: missing,
         errors: errors,

package/lib/components/pairwise-links/pairwise-links.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _orchestrator = _interopRequireDefault(require("./orchestrator"));
 var _declarations = require("../declarations");
 var _nothingToDisplay = _interopRequireDefault(require("../commons/components/nothing-to-display"));
@@ -42,6 +41,7 @@ var PairwiseLinks = function PairwiseLinks(_ref) {
       handleChange: handleChange,
       nbRows: nbRows,
       value: value,
+      className: "pairwise-link",
       management: management,
       missing: missing,
       shortcut: shortcut,

package/lib/components/pairwise-links/row.js

@@ -26,6 +26,7 @@ function Row(_ref) {
     missing = _ref.missing,
     shortcut = _ref.shortcut,
     management = _ref.management,
+    className = _ref.className,
     preferences = _ref.preferences,
     executeExpression = _ref.executeExpression,
     linksIterations = _ref.linksIterations,
@@ -61,6 +62,7 @@ function Row(_ref) {
         features: features,
         missing: missing,
         shortcut: shortcut,
+        className: className,
         management: management,
         value: value,
         id: idComponent,

package/lib/components/suggester/html/suggester.js

@@ -24,8 +24,9 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function Suggester(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? 'lunatic-suggester-default-style' : _ref$className,
+  var className = _ref.className,
+    _ref$classNamePrefix = _ref.classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? 'lunatic' : _ref$classNamePrefix,
     _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? _i18n["default"].PLACEHOLDER : _ref$placeholder,
     _ref$onSelect = _ref.onSelect,
@@ -57,7 +58,7 @@ function Suggester(_ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!(search && typeof searching === 'function')) {
-              _context.next = 9;
+              _context.next = 10;
               break;
             }
             _context.next = 3;
@@ -67,13 +68,15 @@ function Suggester(_ref) {
             results = _yield$searching.results;
             setOptions(results);
             setSearch(search);
-            _context.next = 12;
+            // if a user does not select an option in the list, their search term is saved
+            onSelect(search);
+            _context.next = 13;
             break;
-          case 9:
+          case 10:
             setOptions([]);
             onSelect(null);
             setSearch('');
-          case 12:
+          case 13:
           case "end":
             return _context.stop();
         }
@@ -87,6 +90,7 @@ function Suggester(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.ComboBox, {
     id: id,
     className: className,
+    classNamePrefix: classNamePrefix,
     onChange: handleChange,
     disabled: disabled,
     options: options,

package/lib/components/suggester/lunatic-suggester.js

@@ -28,6 +28,7 @@ function LunaticSuggester(_ref) {
     missingResponse = _ref.missingResponse,
     management = _ref.management,
     response = _ref.response,
+    className = _ref.className,
     getSuggesterStatus = _ref.getSuggesterStatus;
   var onChange = (0, _useOnHandleChange["default"])({
     handleChange: handleChange,
@@ -55,7 +56,8 @@ function LunaticSuggester(_ref) {
       value: value,
       errors: errors,
       label: label,
-      getSuggesterStatus: getSuggesterStatus
+      getSuggesterStatus: getSuggesterStatus,
+      className: className
     })
   });
 }

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

@@ -1,8 +1,11 @@
 import type { PropsWithChildren } from 'react';
+import { LunaticBaseProps } from '../../../type';
 type Props = PropsWithChildren<{
+    classNamePrefix?: string;
     className?: string;
     id?: string;
     classStyle?: string;
+    errors?: LunaticBaseProps['errors'];
 }>;
-export declare function ComboBoxContainer({ children, className, id, classStyle, }: 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/combo-box-content-box.d.ts

@@ -0,0 +1,8 @@
+import React, { PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
+    focused?: boolean;
+    classNamePrefix?: string;
+}>;
+export declare function ComboBoxContentBox({ children, classNamePrefix, focused, }: Props): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.ComponentType<Props>;
+export default _default;

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

@@ -4,6 +4,7 @@ type Props = PropsWithChildren<{
     onBlur: () => void;
     onFocus: () => void;
     onKeyDown: (key: string) => void;
+    classNamePrefix?: string;
 }>;
-export declare function ComboBoxContent({ children, focused, onFocus, onBlur, onKeyDown, }: 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,8 +10,10 @@ export declare const Default: Story<{
     editable?: boolean | undefined;
     labelId?: string | undefined;
     id?: 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,6 +5,7 @@ type Props = PropsWithChildren<{
     disabled?: boolean;
     labelId?: string;
     id?: string;
+    classNamePrefix?: string;
 }>;
-declare function SelectionContainer({ children, id, expanded, focused, disabled, labelId, }: 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,5 +6,6 @@ export type SelectionProps = {
     editable?: boolean;
     labelId?: string;
     id?: string;
+    classNamePrefix?: string;
 } & LabelSelectionProps;
-export declare function Selection({ labelRenderer, placeholder, search, expanded, disabled, focused, onChange, selectedIndex, options, editable, labelId, id, }: 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/component-set/html/component-set-components.d.ts

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

package/lib/src/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/suggester/lunatic-suggester.d.ts

@@ -1,3 +1,3 @@
 import { LunaticComponentProps } from '../type';
-declare function LunaticSuggester({ id, storeName, optionRenderer, labelRenderer, idbVersion, focused, value, handleChange, disabled, errors, label, description, preferences, declarations, missing, missingResponse, management, response, getSuggesterStatus, }: LunaticComponentProps<'Suggester'>): import("react/jsx-runtime").JSX.Element;
+declare function LunaticSuggester({ id, storeName, optionRenderer, labelRenderer, idbVersion, focused, value, handleChange, disabled, errors, label, description, preferences, declarations, missing, missingResponse, management, response, className, getSuggesterStatus, }: LunaticComponentProps<'Suggester'>): import("react/jsx-runtime").JSX.Element;
 export default LunaticSuggester;

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/src/utils/get-component-value.d.ts

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