@inseefr/lunatic 3.6.0 → 3.6.2

package/src/use-lunatic/props/propOptions.ts

@@ -18,6 +18,7 @@ export type InterpretedOption = {
 	description?: ReactNode;
 	detailLabel?: ReactNode;
 	detailValue?: string | null;
+	detailMaxLength?: number;
 	onDetailChange?: (value: string) => void;
 	onCheck?: () => void;
 	onUncheck?: () => void;
@@ -61,6 +62,7 @@ export function getOptionsProp(
 				detailValue: response.detail?.response
 					? variables.get(response.detail.response.name, iteration)
 					: undefined,
+				detailMaxLength: response.detail?.maxLength,
 				onCheck: (checked: boolean) => {
 					handleChanges([{ name: response.response.name, value: checked }]);
 				},
@@ -108,6 +110,12 @@ export function getOptionsProp(
 			value: option.value,
 			checked: value === option.value,
 			detailLabel: 'detail' in option ? option.detail?.label : undefined,
+			detailValue:
+				'detail' in option && option.detail
+					? variables.get(option.detail.response.name, iteration)
+					: null,
+			detailMaxLength:
+				'detail' in option ? option.detail?.maxLength : undefined,
 			onCheck: () => {
 				handleChanges([
 					{ name: definition.response.name, value: option.value },
@@ -117,10 +125,6 @@ export function getOptionsProp(
 			onUncheck: () => {
 				handleChanges([{ name: definition.response.name, value: null }]);
 			},
-			detailValue:
-				'detail' in option && option.detail
-					? variables.get(option.detail.response.name, iteration)
-					: null,
 			onDetailChange:
 				'detail' in option && option.detail
 					? (value: string) => {

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

@@ -32,6 +32,7 @@ import { mergeDefault } from '../utils/object';
 import { useRefSync } from '../hooks/useRefSync';
 import { ConsoleLogger } from './logger/ConsoleLogger';
 import { useWarnDepChange } from './hooks/useWarnDepChange';
+import { useCallbackOnNextRender } from './hooks/useCallbackOnNextRender';
 
 const empty = {}; // Keep the same empty object (to avoid problem with useEffect dependencies)
 const DEFAULT_DATA = empty as LunaticData;
@@ -169,12 +170,14 @@ export function useLunatic(
 		[dispatch]
 	);
 
+	const onChangeAfterRender = useCallbackOnNextRender(onChange);
+
 	const handleChanges = useCallback<LunaticChangesHandler>(
 		(responses) => {
 			dispatch(handleChangesAction(responses));
-			onChange(responses);
+			onChangeAfterRender(responses);
 		},
-		[dispatch, onChange]
+		[dispatch, onChangeAfterRender]
 	);
 
 	const getData: LunaticState['getData'] = (