@inseefr/lunatic 2.4.2-beta → 2.4.2

package/lib/components/commons/components/lunatic-component-with-label.js

@@ -21,12 +21,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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); }
-/**
- * This functions returns declartions with "after" position if exist, else return description
- * @param {declarations, description}
- * @returns
- */
+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); } /**
+                                                                                                                                                                                                                                                                                                                                                                                               * This functions returns declartions with "after" position if exist, else return description
+                                                                                                                                                                                                                                                                                                                                                                                               * @param {declarations, description}
+                                                                                                                                                                                                                                                                                                                                                                                               * @returns
+                                                                                                                                                                                                                                                                                                                                                                                               */
 function getDescription(_ref) {
   var declarations = _ref.declarations,
     description = _ref.description;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _commons = require("../../commons");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function ComponentSetComponentContainer(props) {
+  var children = props.children,
+    className = props.className;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames["default"])('lunatic-component-set-component', className),
+    children: children
+  });
+}
+var _default = (0, _commons.createCustomizableLunaticField)(ComponentSetComponentContainer, 'ComponentSetComponentContainer');
+exports["default"] = _default;

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _commons = require("../../commons");
+var _componentSetComponentContainer = _interopRequireDefault(require("./component-set-component-container"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function getComponentValue(component, value) {
+  var response = component.response;
+  if (response && response.name in value) {
+    var _value$response$name;
+    return (_value$response$name = value[response.name]) !== null && _value$response$name !== void 0 ? _value$response$name : '';
+  }
+  return undefined;
+}
+function ComponentSetComponents(_ref) {
+  var components = _ref.components,
+    value = _ref.value,
+    features = _ref.features,
+    missing = _ref.missing,
+    shortcut = _ref.shortcut,
+    management = _ref.management,
+    preferences = _ref.preferences,
+    executeExpression = _ref.executeExpression,
+    errors = _ref.errors,
+    classNames = _ref.classNames,
+    handleChange = _ref.handleChange;
+  if (!Array.isArray(components)) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: components.map(function (component) {
+      var id = component.id;
+      var componentValue = getComponentValue(component, value);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentSetComponentContainer["default"], {
+        className: classNames,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.OrchestratedComponent, {
+          component: component,
+          features: features,
+          missing: missing,
+          shortcut: shortcut,
+          management: management,
+          value: componentValue,
+          id: id,
+          preferences: preferences,
+          executeExpression: executeExpression,
+          errors: errors,
+          handleChange: handleChange
+        })
+      }, id);
+    })
+  });
+}
+var _default = ComponentSetComponents;
+exports["default"] = _default;

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _commons = require("../../commons");
+var _legend = _interopRequireDefault(require("./legend"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function ComponentSet(_ref) {
+  var id = _ref.id,
+    errors = _ref.errors,
+    description = _ref.description,
+    legendText = _ref.legendText,
+    children = _ref.children;
+  var labelId = "label-".concat(id);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
+    className: "lunatic-component-set",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_legend["default"], {
+      id: labelId,
+      description: description,
+      children: legendText
+    }), children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {
+      errors: errors,
+      activeId: id
+    })]
+  });
+}
+var _default = (0, _commons.createCustomizableLunaticField)(ComponentSet, 'ComponentSet');
+exports["default"] = _default;

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

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

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _description = _interopRequireDefault(require("../../../commons/components/description"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function Legend(_ref) {
+  var children = _ref.children,
+    id = _ref.id,
+    className = _ref.className,
+    description = _ref.description;
+  if (children) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("legend", {
+        id: id,
+        className: (0, _classnames["default"])('lunatic-legend', className),
+        children: children
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_description["default"], {
+        value: description
+      })]
+    });
+  }
+  return null;
+}
+var _default = Legend;
+exports["default"] = _default;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ComponentSetComponents", {
+  enumerable: true,
+  get: function get() {
+    return _componentSetComponents.ComponentSetComponents;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _lunaticComponentSet["default"];
+  }
+});
+var _lunaticComponentSet = _interopRequireDefault(require("./lunatic-component-set"));
+var _componentSetComponents = require("./html/component-set-components");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

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

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../commons/components/lunatic-component-without-label"));
+var _componentSet = _interopRequireDefault(require("./html/component-set"));
+var _componentSetComponents = _interopRequireDefault(require("./html/component-set-components"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function LunaticComponentSet(props) {
+  var declarations = props.declarations,
+    label = props.label,
+    id = props.id,
+    components = props.components,
+    value = props.value,
+    executeExpression = props.executeExpression,
+    shortcut = props.shortcut,
+    management = props.management,
+    missing = props.missing,
+    features = props.features,
+    preferences = props.preferences,
+    errors = props.errors,
+    description = props.description,
+    handleChange = props.handleChange;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
+    id: id,
+    preferences: preferences,
+    declarations: declarations,
+    value: value,
+    missing: missing,
+    management: management,
+    description: description,
+    components: components,
+    executeExpression: executeExpression,
+    shortcut: shortcut,
+    features: features,
+    handleChange: handleChange,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentSet["default"], {
+      id: id,
+      legendText: label,
+      errors: errors,
+      components: components,
+      value: value,
+      features: features,
+      executeExpression: executeExpression,
+      preferences: preferences,
+      management: management,
+      missing: missing,
+      shortcut: shortcut,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentSetComponents["default"], {
+        components: components,
+        features: features,
+        errors: errors,
+        value: value,
+        executeExpression: executeExpression,
+        preferences: preferences,
+        management: management,
+        missing: missing,
+        shortcut: shortcut,
+        handleChange: handleChange
+      })
+    })
+  });
+}
+var _default = LunaticComponentSet;
+exports["default"] = _default;

package/lib/components/components.js

@@ -22,7 +22,8 @@ var _exportNames = {
   Switch: true,
   Textarea: true,
   SuggesterLoaderWidget: true,
-  Roundabout: true
+  Roundabout: true,
+  ComponentSet: true
 };
 Object.defineProperty(exports, "Button", {
   enumerable: true,
@@ -30,6 +31,12 @@ Object.defineProperty(exports, "Button", {
     return _button["default"];
   }
 });
+Object.defineProperty(exports, "ComponentSet", {
+  enumerable: true,
+  get: function get() {
+    return _componentSet["default"];
+  }
+});
 Object.defineProperty(exports, "Datepicker", {
   enumerable: true,
   get: function get() {
@@ -168,4 +175,5 @@ var _switch = _interopRequireDefault(require("./switch"));
 var _textarea = _interopRequireDefault(require("./textarea"));
 var _suggesterLoaderWidget = _interopRequireDefault(require("./suggester-loader-widget"));
 var _roundabout = _interopRequireDefault(require("./roundabout"));
+var _componentSet = _interopRequireDefault(require("./component-set"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/declarations/declarations.scss

@@ -20,10 +20,16 @@
 		color: green;
 	}
 
-	.declaration-codecard {
+	.CODECARD {
 		font-style: bold;
 		font-size: 80%;
-		color: purple;
+		color: grey;
+		border: solid 1px grey;
+		width: fit-content;
+		padding: 1em;
+		&:before {
+			content: "→ "
+		}
 	}
 
 	.declaration-message_filter {

package/lib/components/input/html/input.scss

@@ -17,7 +17,7 @@
 			border-bottom: 0.125rem double rgba(0, 0, 0, 0.42);
 			margin: 0;
 			padding: 0.375rem 0 0.375rem 0.4375rem;
-			display: block;
+			display: inline-block;
 			min-width: 0;
 			box-sizing: content-box;
 			background: none;

package/lib/components/radio/html/radio-group-content.js

@@ -17,7 +17,8 @@ function RadioGroupContent(_ref) {
     onClick = _ref.onClick,
     _ref$checkboxStyle = _ref.checkboxStyle,
     checkboxStyle = _ref$checkboxStyle === void 0 ? false : _ref$checkboxStyle,
-    shortcut = _ref.shortcut;
+    shortcut = _ref.shortcut,
+    disabled = _ref.disabled;
   var onKeyDown = (0, _commons.useOptionsKeydown)(options, onClick);
   var maxIndex = options.length;
   return options.map(function (option, index) {
@@ -37,7 +38,8 @@ function RadioGroupContent(_ref) {
       label: label,
       description: description,
       codeModality: shortcut && codeModality,
-      shortcut: shortcut
+      shortcut: shortcut,
+      disabled: disabled
     }, radioId);
   });
 }

package/lib/components/radio/html/radio-group-content.spec.js

@@ -83,4 +83,18 @@ var options = [{
     });
     (0, _vitest.expect)(option1.parentNode).toHaveAttribute('aria-checked', 'true');
   });
+  (0, _vitest.it)('Click not working when disabled', function () {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_radioGroupContent["default"], {
+        options: options,
+        value: "option1",
+        disabled: true
+      })),
+      getByText = _render6.getByText;
+    var option1 = getByText('Option 1');
+    (0, _vitest.expect)(option1.parentNode).toHaveAttribute('tabIndex', '0');
+    _react2.fireEvent.keyDown(option1, {
+      key: '1'
+    });
+    (0, _vitest.expect)(option1.parentNode).toHaveAttribute('aria-checked', 'true');
+  });
 });

package/lib/components/radio/html/radio-group.js

@@ -22,7 +22,8 @@ function RadioGroup(_ref) {
     checkboxStyle = _ref$checkboxStyle === void 0 ? false : _ref$checkboxStyle,
     errors = _ref.errors,
     className = _ref.className,
-    shortcut = _ref.shortcut;
+    shortcut = _ref.shortcut,
+    disabled = _ref.disabled;
   var onKeyDown = (0, _commons.useOptionsKeydown)(options, onSelect);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_commons.Fieldset, {
     className: className,
@@ -36,7 +37,8 @@ function RadioGroup(_ref) {
       checkboxStyle: checkboxStyle,
       label: label,
       options: options,
-      shortcut: shortcut
+      shortcut: shortcut,
+      disabled: disabled
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {
       errors: errors,
       activeId: id
@@ -55,13 +57,15 @@ RadioGroup.propTypes = {
   value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].bool, _propTypes["default"].array]),
   className: _propTypes["default"].string,
   errors: _propTypes["default"].object,
-  shortcut: _propTypes["default"].bool
+  shortcut: _propTypes["default"].bool,
+  disabled: _propTypes["default"].bool
 };
 RadioGroup.defaultProps = {
   errors: undefined,
   value: undefined,
   label: undefined,
-  className: undefined
+  className: undefined,
+  disabled: false
 };
 var _default = (0, _commons.createCustomizableLunaticField)(RadioGroup, 'Radio');
 exports["default"] = _default;

package/lib/components/radio/html/radio-option.js

@@ -45,17 +45,21 @@ function RadioOption(_ref) {
   var tabIndex = checked ? '0' : '-1';
   var onClickOption = (0, _react.useCallback)(function () {
     // on checkboxStyle, clicking on checked value unchecks it, so it acts as if empty answer was clicked
-    checkboxStyle && checked ? onClick(null) : onClick(value);
-  }, [value, onClick, checked, checkboxStyle]);
+    if (!disabled) {
+      checkboxStyle && checked ? onClick(null) : onClick(value);
+    }
+  }, [value, onClick, checked, checkboxStyle, disabled]);
   var handleKeyDown = (0, _react.useCallback)(function (e) {
-    var key = e.key;
-    var current = spanEl.current;
-    onKeyDown({
-      key: key,
-      index: index
-    });
-    current.blur();
-  }, [onKeyDown, index, spanEl]);
+    if (!disabled) {
+      var key = e.key;
+      var current = spanEl.current;
+      onKeyDown({
+        key: key,
+        index: index
+      });
+      current.blur();
+    }
+  }, [onKeyDown, index, spanEl, disabled]);
   (0, _react.useEffect)(function () {
     var current = spanEl.current;
     if (current && checked) {

package/lib/components/radio/lunatic-radio-group.js

@@ -27,7 +27,8 @@ function LunaticRadioGroup(props) {
     missing = props.missing,
     shortcut = props.shortcut,
     management = props.management,
-    className = props.className;
+    className = props.className,
+    disabled = props.disabled;
   var onChange = (0, _useOnHandleChange["default"])({
     handleChange: handleChange,
     response: response,
@@ -53,12 +54,14 @@ function LunaticRadioGroup(props) {
       errors: errors,
       label: label,
       className: className,
-      shortcut: shortcut
+      shortcut: shortcut,
+      disabled: disabled
     })
   });
 }
 LunaticRadioGroup.defaultProps = {
-  className: 'lunatic-radio-group'
+  className: 'lunatic-radio-group',
+  disabled: false
 };
 var _default = (0, _commons.createCustomizableLunaticField)(LunaticRadioGroup, 'LunaticRadioGroup');
 exports["default"] = _default;

package/lib/components/radio/radio-group.js

@@ -17,7 +17,9 @@ function Radio(_ref) {
     onClick = _ref.onClick,
     shortcut = _ref.shortcut,
     _ref$checkboxStyle = _ref.checkboxStyle,
-    checkboxStyle = _ref$checkboxStyle === void 0 ? false : _ref$checkboxStyle;
+    checkboxStyle = _ref$checkboxStyle === void 0 ? false : _ref$checkboxStyle,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   var onKeyDown = (0, _commons.useOptionsKeydown)(options, onClick);
   var maxIndex = options.length;
   return options.map(function (option, index) {
@@ -39,7 +41,8 @@ function Radio(_ref) {
         checkboxStyle: checkboxStyle,
         label: label,
         shortcut: shortcut,
-        codeModality: codeModality
+        codeModality: codeModality,
+        disabled: disabled
       })
     }, radioId);
   });

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

@@ -8,6 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _commons = require("../../commons");
+var _i18n = _interopRequireDefault(require("../../../i18n"));
 require("./default-style.scss");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -128,7 +129,7 @@ Suggester.propTypes = {
 Suggester.defaultProps = {
   className: 'lunatic-suggester-default-style',
   labelledBy: undefined,
-  placeholder: 'Veuillez...',
+  placeholder: _i18n["default"].PLACEHOLDER,
   optionRenderer: _commons.DefaultOptionRenderer,
   labelRenderer: _commons.DefaultLabelRenderer,
   language: 'French',

package/lib/i18n/dictionary.js

@@ -28,6 +28,10 @@ var dictionary = {
   RF: {
     fr: 'Refus',
     en: 'Refused'
+  },
+  PLACEHOLDER: {
+    fr: 'Commencez votre saisie...',
+    en: 'Start typing...'
   }
 };
 var _default = dictionary;

package/lib/src/i18n/dictionary.d.ts

@@ -23,6 +23,10 @@ declare const dictionary: {
         readonly fr: "Refus";
         readonly en: "Refused";
     };
+    readonly PLACEHOLDER: {
+        readonly fr: "Commencez votre saisie...";
+        readonly en: "Start typing...";
+    };
 };
 export default dictionary;
 export type Dictionary = typeof dictionary;

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

@@ -3,5 +3,5 @@ export declare const inputNumberPropsI18N: {
     thousandSeparator: string;
     decimalSeparator: string;
 };
-declare const _default: Record<"DK" | "RF" | "DEFAULT_BUTTON_ADD" | "DEFAULT_BUTTON_REMOVE" | "MODAL_IGNORE" | "MODAL_CORRECT", string>;
+declare const _default: Record<"DK" | "RF" | "DEFAULT_BUTTON_ADD" | "DEFAULT_BUTTON_REMOVE" | "MODAL_IGNORE" | "MODAL_CORRECT" | "PLACEHOLDER", string>;
 export default _default;

package/lib/src/use-lunatic/commons/execute-expression/create-refresh-calculated.d.ts

@@ -16,9 +16,9 @@ type Args = {
  */
 declare function createRefreshCalculated({ variables, execute, bindings }: Args): readonly [(map: {
     [variableName: string]: unknown;
-}, { rootExpression, iteration, linksIterations, }: {
+}, { rootExpression, iteration, linksIterations, }?: {
     rootExpression?: string | undefined;
     iteration?: number | undefined;
     linksIterations?: number[] | undefined;
-}) => {}, (name: string, variable: LunaticVariable) => void];
+}) => Record<string, unknown>, (name: string, variable: LunaticVariable) => void];
 export default createRefreshCalculated;

package/lib/src/use-lunatic/commons/execute-expression/create-refresh-calculated.spec.d.ts

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

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

@@ -5,5 +5,5 @@ export type DeepTranslateExpression<T> = T extends LunaticExpression ? ReactNode
 } ? {
     [key in keyof T]: DeepTranslateExpression<T[key]>;
 } : T;
-declare function fillComponentExpressions(component: LunaticComponentDefinition, state: Pick<LunaticState, 'pager' | 'executeExpression'>): LunaticComponentDefinition<"CheckboxGroup" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "Input" | "InputNumber" | "Datepicker" | "CheckboxOne" | "CheckboxBoolean" | "Radio" | "Dropdown" | "Textarea" | "FilterDescription" | "PairwiseLinks" | "Roundabout">;
+declare function fillComponentExpressions(component: LunaticComponentDefinition, state: Pick<LunaticState, 'pager' | 'executeExpression'>): LunaticComponentDefinition<"CheckboxGroup" | "Sequence" | "Subsequence" | "RosterForLoop" | "Loop" | "Table" | "Input" | "InputNumber" | "Datepicker" | "CheckboxOne" | "CheckboxBoolean" | "Radio" | "Dropdown" | "Textarea" | "FilterDescription" | "PairwiseLinks" | "ComponentSet" | "Roundabout">;
 export default fillComponentExpressions;

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

@@ -695,5 +695,44 @@ declare function fillFromState(component: LunaticComponentDefinition, state: Lun
     page: string;
     componentType: "Input" | "CheckboxOne" | "Textarea";
     errors?: Record<string, import("../../type").LunaticError[]> | undefined;
+} | {
+    handleChange: (response: {
+        name: string;
+    }, value: unknown, args: Record<string, unknown>) => void;
+    executeExpression: <T extends unknown = unknown>(expression: unknown, args?: {
+        iteration?: number | undefined;
+        linksIterations?: number[] | undefined;
+        logging?: import("../execute-expression/create-execute-expression").ExpressionLogger | undefined;
+        bindingDependencies?: string[] | undefined;
+    } | undefined) => T;
+    preferences: ["COLLECTED"];
+    goToPage: (page: {
+        page: string;
+        iteration?: number | undefined;
+        nbIterations?: number | undefined;
+        subPage?: number | undefined;
+        roundabout?: {
+            page: string;
+        } | undefined;
+    }) => void;
+    shortcut: boolean | undefined;
+    getSuggesterStatus: (name: string) => {
+        status: import("../../use-suggesters").SuggesterStatus;
+        timestamp: number;
+    };
+    label: import("../../type-source").LabelType;
+    declarations: import("../../type-source").DeclarationType[];
+    conditionFilter: import("../../type-source").ConditionFilterType;
+    controls?: import("../../type-source").ControlType[] | undefined;
+    id: string;
+    storeName: string;
+    bindingDependencies: string[];
+    hierarchy: import("../../type-source").Hierarchy;
+    missingResponse: import("../../type-source").ResponseType;
+    mandatory?: boolean | undefined;
+    page: string;
+    componentType: "ComponentSet";
+    components: import("../../type-source").ComponentType[];
+    errors?: Record<string, import("../../type").LunaticError[]> | undefined;
 };
 export default fillFromState;

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

@@ -534,6 +534,36 @@ declare function fillSpecificExpressions(component: DeepTranslateExpression<Luna
     errors?: {
         [x: string]: import("../../type").LunaticError[];
     } | undefined;
+} | {
+    label: import("react").ReactNode;
+    declarations: import("../../type-source").DeclarationType[];
+    conditionFilter: import("react").ReactNode;
+    controls?: import("../../type-source").ControlType[] | undefined;
+    id: string;
+    storeName: string;
+    bindingDependencies: string[];
+    hierarchy: {
+        sequence: {
+            label: import("react").ReactNode;
+            id: string;
+            page: string;
+        };
+        subSequence?: {
+            label: import("react").ReactNode;
+            id: string;
+            page: string;
+        } | undefined;
+    };
+    missingResponse: {
+        name: string;
+    };
+    mandatory?: boolean | undefined;
+    page: string;
+    componentType: "ComponentSet";
+    components: import("../../type-source").ComponentType[];
+    errors?: {
+        [x: string]: import("../../type").LunaticError[];
+    } | undefined;
 } | {
     expressions: {};
     label: import("react").ReactNode;