@inseefr/lunatic 2.4.5 → 2.4.6-beta

package/lib/components/commons/components/dragger/dragger.scss

@@ -1,8 +1,8 @@
 .lunatic-dragger {
-    display: inline-block;;
-    width: 100%;
-    height: 100%;
-    -moz-user-select: -moz-none;
-	-khtml-user-select: none;
-	-webkit-user-select: none;
-}
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  -moz-user-select: -moz-none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+}

package/lib/components/commons/components/is-network/use-online-status.spec.js

@@ -6,12 +6,8 @@ var _useOnlineStatus = _interopRequireDefault(require("./use-online-status"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 (0, _vitest.describe)('useOnlineStatus', function () {
   var originalNavigator;
-  var onlineCallback;
-  var offlineCallback;
   (0, _vitest.beforeEach)(function () {
     originalNavigator = window.navigator;
-    onlineCallback = _vitest.vi.fn();
-    offlineCallback = _vitest.vi.fn();
   });
   (0, _vitest.afterEach)(function () {
     _vitest.vi.restoreAllMocks();

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

@@ -9,7 +9,6 @@ var _fieldContainer = _interopRequireDefault(require("./field-container"));
 var _missing = _interopRequireDefault(require("./missing"));
 var _react = _interopRequireDefault(require("react"));
 var _variableStatus = _interopRequireDefault(require("./variable-status"));
-var _questions = require("../../questions");
 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); }
@@ -24,24 +23,18 @@ function LunaticComponent(props) {
     children = props.children,
     management = props.management,
     description = props.description,
-    handleChange = props.handleChange,
-    questionContext = props.questionContext,
-    questionInformation = props.questionInformation;
+    handleChange = props.handleChange;
   var content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsBeforeText, {
       declarations: declarations,
       id: id
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_questions.QuestionContext, {
-      text: questionContext
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_fieldContainer["default"], {
-      children: [/*#__PURE__*/_react["default"].cloneElement(children, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_fieldContainer["default"], {
+      children: /*#__PURE__*/_react["default"].cloneElement(children, {
         description: getDescription({
           declarations: declarations,
           description: description
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_questions.QuestionInformation, {
-        text: questionInformation
-      })]
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_declarations.DeclarationsDetachable, {
       declarations: declarations,
       id: id

package/lib/components/commons/components/md-label/md-label.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _reactMarkdown = _interopRequireDefault(require("react-markdown"));
 var _link = _interopRequireDefault(require("./link"));
+var _function = require("../../../../utils/function");
 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); }
@@ -29,7 +30,7 @@ var renderers = function renderers(otherProps) {
     }
   };
 };
-var DEFAULT_LOG_FUNCTION = function DEFAULT_LOG_FUNCTION() {};
+var DEFAULT_LOG_FUNCTION = _function.voidFunction;
 var MdLabel = function MdLabel(_ref) {
   var expression = _ref.expression,
     _ref$logFunction = _ref.logFunction,

package/lib/components/commons/components/orchestrated-component.js

@@ -38,7 +38,7 @@ function OrchestratedComponent(_ref) {
     }
   });
   var conditionFilter = componentFilled.conditionFilter;
-  var hasToBeDisplay = conditionFilter !== undefined ? conditionFilter : true;
+  var hasToBeDisplay = conditionFilter !== null && conditionFilter !== void 0 ? conditionFilter : true;
   if (componentType in lunatic && hasToBeDisplay) {
     var Component = lunatic[componentType]; // This is too dynamic, orchestration has no way to check props
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({}, componentFilled), {}, {
@@ -51,7 +51,8 @@ function OrchestratedComponent(_ref) {
       shortcut: shortcut,
       value: value,
       executeExpression: executeExpression,
-      errors: errors
+      errors: errors,
+      iteration: iteration
     }));
   }
   return null;

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

@@ -37,7 +37,9 @@ function ComponentSetComponents(_ref) {
     executeExpression = _ref.executeExpression,
     errors = _ref.errors,
     className = _ref.className,
-    handleChange = _ref.handleChange;
+    handleChange = _ref.handleChange,
+    componentClassName = _ref.componentClassName,
+    iteration = _ref.iteration;
   if (!Array.isArray(components)) {
     return null;
   }
@@ -54,11 +56,13 @@ function ComponentSetComponents(_ref) {
           shortcut: shortcut,
           management: management,
           value: componentValue,
+          iteration: iteration,
           id: id,
           preferences: preferences,
           executeExpression: executeExpression,
           errors: errors,
-          handleChange: handleChange
+          handleChange: handleChange,
+          className: componentClassName
         })
       }, id);
     })

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

@@ -24,7 +24,8 @@ function LunaticComponentSet(props) {
     errors = props.errors,
     description = props.description,
     handleChange = props.handleChange,
-    className = props.className;
+    className = props.className,
+    iteration = props.iteration;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
     id: id,
     preferences: preferences,
@@ -44,6 +45,7 @@ function LunaticComponentSet(props) {
         features: features,
         errors: errors,
         value: value,
+        iteration: iteration,
         executeExpression: executeExpression,
         preferences: preferences,
         management: management,

package/lib/components/declarations/declarations.spec.js

@@ -71,7 +71,6 @@ var declarations = [{
           declarations: []
         })]
       })),
-      getByTestId = _render3.getByTestId,
       queryByTestId = _render3.queryByTestId;
     var declarationsElement = queryByTestId('declarations-1-DETACHABLE');
     (0, _vitest.expect)(declarationsElement.nextElementSibling).toBeNull();

package/lib/components/dropdown/html/dropdown-simple/simple-label-renderer.js

@@ -13,7 +13,7 @@ function getContent(option, search) {
       label = option.label;
     return label || value;
   }
-  if (search && search.trim().length) {
+  if (search !== null && search !== void 0 && search.trim().length) {
     return search;
   }
   return null;

package/lib/components/dropdown/html/dropdown-simple/simple-option-renderer.js

@@ -21,13 +21,11 @@ function SimpleOptionRenderer(_ref) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "id",
         children: value
-      }), label && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          children: "\xA0\u2014\xA0"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "label",
-          children: label
-        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: "\xA0\u2014\xA0"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "label",
+        children: label
       })]
     });
   }

package/lib/components/dropdown/html/dropdown-writable/writable-label-renderer.js

@@ -18,7 +18,7 @@ function getContent(option, search) {
     }
     return label ? "".concat(value, " - ").concat(label) : value;
   }
-  if (search && search.trim().length) {
+  if (search !== null && search !== void 0 && search.trim().length) {
     return search;
   }
   return null;

package/lib/components/dropdown/html/dropdown-writable/writable-option-renderer.js

@@ -109,7 +109,7 @@ function WritableOptionRenderer(_ref4) {
   (0, _react.useEffect)(function () {
     setParts(hightlightSearch(label, search));
   }, [search, label]);
-  if (parts && parts.length) {
+  if (parts !== null && parts !== void 0 && parts.length) {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames["default"])('lunatic-dropdown-option', {
         selected: selected

package/lib/components/dropdown/html/dropdown.scss

@@ -33,9 +33,6 @@
 			.prefix {
 				color: red;
 			}
-
-			.normal {
-			}
 		}
 	}
 }

package/lib/components/index.js

@@ -87,6 +87,18 @@ Object.defineProperty(exports, "PairwiseLinks", {
     return _pairwiseLinks["default"];
   }
 });
+Object.defineProperty(exports, "QuestionContext", {
+  enumerable: true,
+  get: function get() {
+    return _questionContext["default"];
+  }
+});
+Object.defineProperty(exports, "QuestionInformation", {
+  enumerable: true,
+  get: function get() {
+    return _questionInformation["default"];
+  }
+});
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
   get: function get() {
@@ -170,4 +182,6 @@ var _suggesterLoaderWidget = _interopRequireDefault(require("./suggester-loader-
 var _roundabout = _interopRequireDefault(require("./roundabout"));
 var _table = _interopRequireDefault(require("./table"));
 var _componentSet = _interopRequireDefault(require("./component-set"));
+var _questionInformation = _interopRequireDefault(require("./questions/question-information"));
+var _questionContext = _interopRequireDefault(require("./questions/question-context"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/loop/roster-for-loop/roster-table.js

@@ -23,7 +23,6 @@ function RosterTable(_ref) {
     missing = _ref.missing,
     management = _ref.management,
     handleChange = _ref.handleChange;
-  console.log('lunatic', 'roster-table', headers);
   if (nbRows <= 0) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.NothingToDisplay, {});
   }

package/lib/components/loop/roster-for-loop/roster.scss

@@ -36,7 +36,4 @@
 			padding: 0.2em;
 		}
 	}
-
-	.lunatic-table-tbody {
-	}
 }

package/lib/components/modal-controls/modal-controls.spec.js

@@ -44,20 +44,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
     (0, _vitest.expect)(queryByText('Error message 1')).toBeNull();
     (0, _vitest.expect)(queryByText('Error message 2')).toBeNull();
   });
-  /*
-  it('should call the goNext function with block:true when the close button is clicked', () => {
-  	const errors = {
-  		field1: [{ criticality: 'ERROR', errorMessage: 'Error message 1' }],
-  		field2: [{ criticality: 'ERROR', errorMessage: 'Error message 2' }],
-  	};
-  	const goNext = vi.fn();
-  	const { getByText } = render(
-  		<ModalControls errors={errors} goNext={goNext} />
-  	);
-  	fireEvent.click(getByText('Correct'));
-  	expect(goNext).toHaveBeenCalledWith({ block: true });
-  });
-  */
   (0, _vitest.it)('should call the goNext function when the skip button is clicked', function () {
     var errors = {
       field1: [{

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

@@ -26,7 +26,6 @@ var PairwiseLinks = function PairwiseLinks(_ref) {
     id = _ref.id,
     symLinks = _ref.symLinks;
   var nbRows = xAxisIterations * yAxisIterations;
-  console.log('lunatic', 'pairwise', value);
   if (nbRows <= 1) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_nothingToDisplay["default"], {});
   }

package/lib/components/questions/question-context.js

@@ -7,15 +7,29 @@ exports["default"] = void 0;
 var _commons = require("../commons");
 require("./question-context.scss");
 var _jsxRuntime = require("react/jsx-runtime");
-function QuestionContent(props) {
-  var text = props.text;
-  if (text) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "lunatic-call-out",
-      children: text
+function Description(_ref) {
+  var description = _ref.description;
+  if (!description) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: description
+  });
+}
+function QuestionContext(props) {
+  var label = props.label,
+    description = props.description;
+  if (label) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "lunatic-call-out",
+        children: [label, /*#__PURE__*/(0, _jsxRuntime.jsx)(Description, {
+          description: description
+        })]
+      })
     });
   }
   return null;
 }
-var _default = (0, _commons.createCustomizableLunaticField)(QuestionContent, 'QuestionContent');
+var _default = (0, _commons.createCustomizableLunaticField)(QuestionContext, 'QuestionContext');
 exports["default"] = _default;

package/lib/components/questions/question-context.scss

@@ -6,4 +6,5 @@
 	font-size: 1rem;
 	line-height: 1.5rem;
 	padding: 2rem 3rem;
+	margin-bottom: 0.6em;
 }

package/lib/components/questions/question-information.js

@@ -7,12 +7,26 @@ exports["default"] = void 0;
 var _commons = require("../commons");
 require("./question-information.scss");
 var _jsxRuntime = require("react/jsx-runtime");
+function Description(_ref) {
+  var description = _ref.description;
+  if (!description) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: description
+  });
+}
 function QuestionInformation(props) {
-  var text = props.text;
-  if (text) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "lunatic-alert-information",
-      children: text
+  var label = props.label,
+    description = props.description;
+  if (label) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "lunatic-alert-information",
+        children: [label, /*#__PURE__*/(0, _jsxRuntime.jsx)(Description, {
+          description: description
+        })]
+      })
     });
   }
   return null;

package/lib/components/questions/question-information.scss

@@ -2,6 +2,7 @@
 	text-rendering: optimizeLegibility;
 	box-shadow: inset 0 0 0 1px dodgerblue, inset 2.5rem 0 0 0 dodgerblue;
 	padding: 1rem 2.25rem 0.75rem 3.5rem;
+	margin: 1em 0;
 	&::before {
 		content: '!';
 		float: left;

package/lib/components/roundabout/components/roundabout.scss

@@ -9,8 +9,5 @@
 		&.partial {
 			background-color: cornflowerblue;
 		}
-
-		&.unstarted {
-		}
 	}
 }

package/lib/components/sequence/html/sequence.js

@@ -6,16 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _commons = require("../../commons");
 require("./sequence.scss");
+var _description = _interopRequireDefault(require("../../commons/components/description"));
 var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function Sequence(_ref) {
   var label = _ref.label,
     id = _ref.id,
-    style = _ref.style;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style = _ref.style,
+    description = _ref.description;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "sequence-lunatic",
     id: "sequence-".concat(id),
     style: style,
-    children: label
+    children: [label, /*#__PURE__*/(0, _jsxRuntime.jsx)(_description["default"], {
+      value: description
+    })]
   });
 }
 var _default = (0, _commons.createCustomizableLunaticField)(Sequence, 'Sequence');

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

@@ -13,17 +13,13 @@ function LunaticSequence(_ref) {
   var declarations = _ref.declarations,
     label = _ref.label,
     id = _ref.id,
-    style = _ref.style,
-    questionContext = _ref.questionContext,
-    questionInformation = _ref.questionInformation;
+    style = _ref.style;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
     id: id,
     label: label,
     declarations: declarations,
     handleChange: empty,
     value: undefined,
-    questionContext: questionContext,
-    questionInformation: questionInformation,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sequence["default"], {
       label: label,
       id: id,

package/lib/components/sequence/sequence.spec.js

@@ -30,7 +30,6 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
     style: {
       backgroundColor: 'red'
     },
-    questionContext: 'question-context',
     questionInformation: 'question-information'
   };
   (0, _vitest.it)('renders the label and declarations in the correct order', function () {
@@ -40,10 +39,8 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
     var sequenceLabel = getByText('Test Sequence Label');
     var declaration1 = getByText('Declaration 1');
     var declaration3 = getByText('Declaration 3');
-    var questionContext = getByText('question-context');
     var questionInformation = getByText('question-information');
     (0, _vitest.expect)(sequenceLabel).toBeInTheDocument();
-    (0, _vitest.expect)(questionContext).toBeInTheDocument();
     (0, _vitest.expect)(questionInformation).toBeInTheDocument();
     // Declarations before text should appear before the label
     (0, _vitest.expect)(declaration1).toBeInTheDocument();

package/lib/components/suggester/html/default-style.scss

@@ -53,14 +53,12 @@
 				min-width: 260px;
 				width: 100%;
 				.lunatic-suggester-content {
-					/* */
 
 					&.focused {
 						.lunatic-suggester-selection {
 						}
 					}
 
-					/* */
 					.lunatic-suggester-selection {
 						border-radius: 5px;
 						border: 2px solid var(--color-primary-dark);
@@ -69,7 +67,7 @@
 							border-color: var(--color-primary-main);
 						}
 						.lunatic-suggester-input {
-							height: 34;
+							height: 34px;
 							line-height: 34px;
 							font-size: 15px;
 							padding-left: 4px;
@@ -104,7 +102,6 @@
 						}
 					}
 
-					/* */
 					.lunatic-suggester-panel {
 						@include defaultFont();
 						height: 0;
@@ -168,8 +165,6 @@
 				font-size: large;
 				margin-bottom: 3px;
 			}
-			.descrition {
-			}
 		}
 	}
 }

package/lib/components/suggester/idb-suggester/check-store.js

@@ -8,6 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _idbTools = require("../../../utils/idb-tools");
 var _storeTools = require("../../../utils/store-tools");
+var _logger = require("../../../utils/logger");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -86,7 +87,7 @@ function CheckStore(_ref) {
         };
       }();
       setRefresh(false);
-      go();
+      go()["catch"](_logger.Logger.error);
     }
   }, [refresh, checkStore]);
   if (ready === 0) {

package/lib/components/suggester-loader-widget/loader-row.js

@@ -10,6 +10,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _storeTools = require("../../utils/store-tools");
 var _icons = require("../commons/icons");
 var _loader = _interopRequireDefault(require("./loader"));
+var _logger = require("../../utils/logger");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -43,7 +44,7 @@ function LoaderRow(_ref) {
   }, [onRefresh, name]);
   var clear = (0, _react.useCallback)(function () {
     if (db) {
-      (0, _storeTools.clearStoreData)(db);
+      (0, _storeTools.clearStoreData)(db)["catch"](_logger.Logger.error);
       setNbEntities(0);
     }
   }, [db]);

package/lib/components/switch/html/switch.scss

@@ -33,8 +33,6 @@
 			transition: 0.3s;
 		}
 
-		&.disabled {
-		}
 		&.checked {
 			background-color: royalblue;
 			.lunatic-switch-button {

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

@@ -28,7 +28,7 @@ function LunaticSwitch(_ref) {
     description = _ref.description,
     label = _ref.label,
     errors = _ref.errors;
-  var booleanValue = value || false;
+  var booleanValue = value !== null && value !== void 0 ? value : false;
   var onClick = (0, _useOnHandleChange["default"])({
     handleChange: handleChange,
     response: response,

package/lib/src/components/commons/components/lunatic-component-without-label.d.ts

@@ -7,6 +7,6 @@ type Props = {
     handleChange: (response: {
         name: string;
     }, value: any, args?: Record<string, unknown>) => void;
-} & Pick<LunaticBaseProps, 'description' | 'declarations' | 'management' | 'id' | 'label' | 'missingResponse' | 'preferences' | 'value' | 'missing' | 'questionContext' | 'questionInformation'>;
+} & Pick<LunaticBaseProps, 'description' | 'declarations' | 'management' | 'id' | 'label' | 'missingResponse' | 'preferences' | 'value' | 'missing'>;
 declare function LunaticComponent(props: Props): import("react/jsx-runtime").JSX.Element;
 export default LunaticComponent;

package/lib/src/components/commons/components/orchestrated-component.d.ts

@@ -4,6 +4,6 @@ type Props = {
     linksIterations?: [number, number];
     component: LunaticComponentDefinition;
     features?: string[];
-} & Pick<LunaticBaseProps, 'id' | 'iteration' | 'executeExpression' | 'handleChange' | 'missing' | 'shortcut' | 'management' | 'preferences' | 'value' | 'errors'>;
+} & Pick<LunaticBaseProps, 'id' | 'iteration' | 'executeExpression' | 'handleChange' | 'missing' | 'shortcut' | 'management' | 'preferences' | 'value' | 'errors' | 'className'>;
 declare function OrchestratedComponent({ id, component, handleChange, features, missing, shortcut, management, preferences, value, iteration, linksIterations, executeExpression, errors, }: Props): import("react/jsx-runtime").JSX.Element | null;
 export default OrchestratedComponent;

package/lib/src/components/commons/create-row-orchestrator.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'react';
-import { LunaticComponentProps } from '../type';
+import type { FunctionComponent } from 'react';
+import type { LunaticComponentProps } from '../type';
 import { LunaticComponentDefinition, LunaticState } from '../../use-lunatic/type';
 type OriginalProps = {
     key: number;

package/lib/src/components/component-set/html/component-set-components.d.ts

@@ -1,6 +1,7 @@
 import { LunaticComponentProps } from '../../type';
 type Props = {
     className?: string;
-} & Pick<LunaticComponentProps<'ComponentSet'>, 'components' | 'value' | 'features' | 'missing' | 'shortcut' | 'management' | 'preferences' | 'executeExpression' | 'errors' | 'className' | 'handleChange'>;
-declare function ComponentSetComponents({ components, value, features, missing, shortcut, management, preferences, executeExpression, errors, className, handleChange, }: Props): import("react/jsx-runtime").JSX.Element | null;
+    componentClassName?: string;
+} & Pick<LunaticComponentProps<'ComponentSet'>, 'components' | 'value' | 'features' | 'missing' | 'shortcut' | 'management' | 'preferences' | 'executeExpression' | 'errors' | 'className' | 'handleChange' | 'iteration'>;
+declare function ComponentSetComponents({ components, value, features, missing, shortcut, management, preferences, executeExpression, errors, className, handleChange, componentClassName, iteration, }: Props): import("react/jsx-runtime").JSX.Element | null;
 export default ComponentSetComponents;

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

@@ -22,3 +22,5 @@ export { default as SuggesterLoaderWidget } from './suggester-loader-widget';
 export { default as Roundabout } from './roundabout';
 export { default as Table } from './table';
 export { default as ComponentSet } from './component-set';
+export { default as QuestionInformation } from './questions/question-information';
+export { default as QuestionContext } from './questions/question-context';

package/lib/src/components/loop/commons/handle-row-button.d.ts

@@ -1,5 +1,4 @@
-import { MouseEventHandler } from 'react';
-import { PropsWithChildren } from 'react';
+import { MouseEventHandler, PropsWithChildren } from 'react';
 type Props = PropsWithChildren<{
     disabled?: boolean;
     onClick: MouseEventHandler<HTMLButtonElement | HTMLInputElement>;

package/lib/src/components/questions/question-context.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { MessageType } from './type';
 import './question-context.scss';
-declare const _default: import("react").ComponentType<MessageType>;
+declare const _default: import("react").ComponentType<Pick<import("../type").LunaticBaseProps<unknown>, "label" | "description">>;
 export default _default;

package/lib/src/components/questions/question-information.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { MessageType } from './type';
 import './question-information.scss';
-declare const _default: import("react").ComponentType<MessageType>;
+declare const _default: import("react").ComponentType<Pick<import("../type").LunaticBaseProps<unknown>, "label" | "description">>;
 export default _default;