@inseefr/lunatic 3.5.3 → 3.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@inseefr/lunatic",
-    "version": "3.5.3",
+    "version": "3.5.4",
     "description": "Library of questionnaire components",
     "repository": {
         "type": "git",

package/src/components/Input/Input.spec.tsx

@@ -93,6 +93,15 @@ describe('Input', () => {
 		expect(input).toHaveValue('toto');
 	});
 
+	it('should handle required', () => {
+		const { container } = render(<Input {...baseProps} required />);
+
+		const input = container.querySelector('input[type="text"]');
+
+		expect(input).toHaveAttribute('required');
+		expect(input).toHaveAttribute('aria-required', 'true');
+	});
+
 	it('should display input value from the start when user leave input', () => {
 		const setSelectionRangeMock = vi.fn();
 		const { container } = render(<Input {...baseProps} />);

package/src/components/InputNumber/InputNumber.spec.tsx

@@ -106,6 +106,15 @@ describe('InputNumber', () => {
 		expect(input).toHaveValue('123');
 	});
 
+	it('should handle required', () => {
+		const { container } = render(<InputNumber {...baseProps} required />);
+
+		const input = container.querySelector('input[type="text"]');
+
+		expect(input).toHaveAttribute('required');
+		expect(input).toHaveAttribute('aria-required', 'true');
+	});
+
 	it('renders with unit', () => {
 		const { container } = render(<InputNumber {...baseProps} unit="kg" />);
 

package/src/components/InputNumber/InputNumberThousand.tsx

@@ -77,6 +77,7 @@ export const InputNumberThousand = ({
 			disabled={disabled}
 			readOnly={readOnly}
 			required={required}
+			aria-required={required}
 			lang="en"
 			isAllowed={isAllowed}
 			allowNegative={min < 0}

package/src/components/InputNumber/__snapshots__/InputNumber.spec.tsx.snap

@@ -8,6 +8,7 @@ exports[`InputNumber > renders without crashing 1`] = `
     <input
       aria-invalid="false"
       aria-labelledby="label-number"
+      aria-required="false"
       class=""
       id="number"
       inputmode="numeric"
@@ -28,6 +29,7 @@ exports[`InputNumber > should handle readOnly 1`] = `
     <input
       aria-invalid="false"
       aria-labelledby="label-number"
+      aria-required="false"
       class=""
       id="number"
       inputmode="numeric"

package/src/components/Textarea/Textarea.spec.tsx

@@ -61,4 +61,14 @@ describe('Textarea', () => {
 			'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'
 		);
 	});
+
+	it('should handle required', () => {
+		const { container } = render(<Textarea {...baseProps} required />);
+
+		const textarea = container.querySelector('textarea');
+
+		expect(textarea).toBeInTheDocument();
+		expect(textarea).toHaveAttribute('required');
+		expect(textarea).toHaveAttribute('aria-required', 'true');
+	});
 });

package/src/components/Textarea/Textarea.tsx

@@ -68,6 +68,7 @@ export const CustomTextarea = slottableComponent<CustomProps>(
 				<div className="field-with-count">
 					<textarea
 						required={required}
+						aria-required={required}
 						disabled={disabled}
 						id={id}
 						aria-labelledby={labelId}

package/src/hooks/use-track-changes.ts

@@ -43,13 +43,14 @@ export function useTrackChanges(
 					'getChangedData() cannot be used without enabling tracking mode, add "trackChanges: true" to useLunatic options'
 				);
 			}
+			store.commit();
 			const data = getDataRef.current(Array.from(changedVariables.current));
 			if (reset) {
 				resetChangedData();
 			}
 			return data;
 		},
-		[enabledRef, getDataRef, resetChangedData]
+		[enabledRef, getDataRef, resetChangedData, store]
 	);
 
 	return {

package/src/stories/behaviour/cleaning/loop.json

@@ -24,7 +24,7 @@
 				{
 					"id": "m8ilsr46",
 					"componentType": "RosterForLoop",
-					"mandatory": false,
+					"isMandatory": false,
 					"page": "2",
 					"lines": {
 						"min": { "value": "1", "type": "VTL" },
@@ -78,7 +78,7 @@
 						{
 							"id": "m8ilvkbt",
 							"componentType": "Input",
-							"mandatory": false,
+							"isMandatory": false,
 							"page": "3.2",
 							"maxLength": 249,
 							"response": { "name": "CETTEQUEST" }
@@ -101,7 +101,7 @@
 						{
 							"id": "m8iljjiu",
 							"componentType": "Input",
-							"mandatory": false,
+							"isMandatory": false,
 							"page": "3.3",
 							"maxLength": 249,
 							"response": { "name": "ONLY_LAURENT" }
@@ -124,7 +124,7 @@
 						{
 							"id": "m8ili0k6",
 							"componentType": "Input",
-							"mandatory": false,
+							"isMandatory": false,
 							"page": "3.4",
 							"maxLength": 249,
 							"response": { "name": "ONLY_TROIS_LAURENT" }

package/src/stories/behaviour/cleaning/source-loop.json

@@ -115,7 +115,7 @@
 			}
 		}
 	],
-	"pagination": "question",
+	"pagination": "sequence",
 	"lunaticModelVersion": "2.3.2-rc4",
 	"modele": "TESTSURSUM",
 	"enoCoreVersion": "2.4.1-pairwise",

package/src/stories/behaviour/cleaning/source.json

@@ -83,7 +83,7 @@
 				"type": "VTL|MD",
 				"value": "\"➡ 1. \" || \"Origine\""
 			},
-			"mandatory": false,
+			"isMandatory": false,
 			"bindingDependencies": ["ORIGIN"],
 			"response": {
 				"name": "ORIGIN"
@@ -112,7 +112,7 @@
 				"type": "VTL|MD",
 				"value": "\"➡ 2. \" || \"Ville de france\""
 			},
-			"mandatory": false,
+			"isMandatory": false,
 			"bindingDependencies": ["CITY"],
 			"response": {
 				"name": "CITY"

package/src/stories/behaviour/controls/boucles-n.json

@@ -110,7 +110,7 @@
 						"type": "VTL|MD",
 						"value": "\"➡ 1. \" || \"\"question 1 : Q1\" \""
 					},
-					"mandatory": false,
+					"isMandatory": false,
 					"maxLength": 5,
 					"declarations": [
 						{
@@ -177,7 +177,7 @@
 				"type": "VTL|MD",
 				"value": "\"Avez-vous des remarques concernant l'enquête ou des commentaires ?\""
 			},
-			"mandatory": false,
+			"isMandatory": false,
 			"maxLength": 2000
 		}
 	],

package/src/stories/behaviour/controls/simple-numeric.json

@@ -64,7 +64,7 @@
 		{
 			"id": "k0dzbfek",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "2",
 			"min": 0,
 			"max": 100,
@@ -132,7 +132,7 @@
 		{
 			"id": "kd0a6rn3",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "3",
 			"min": 0,
 			"max": 100,
@@ -178,7 +178,7 @@
 		{
 			"id": "kd0a8h62",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "4",
 			"min": 0,
 			"max": 100,
@@ -238,7 +238,7 @@
 		{
 			"id": "kd0a4t4f",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "5",
 			"min": 0,
 			"max": 100,
@@ -298,7 +298,7 @@
 		{
 			"id": "kd0ac92p",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "6",
 			"min": 0,
 			"max": 100,
@@ -358,7 +358,7 @@
 		{
 			"id": "k1cahy88",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "7",
 			"min": 0,
 			"max": 9,
@@ -407,7 +407,7 @@
 		{
 			"id": "kd0ch7pf",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "8",
 			"min": 0,
 			"max": 9,
@@ -469,7 +469,7 @@
 		{
 			"id": "kd0aamy0",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "9",
 			"min": -100,
 			"max": 100,
@@ -631,7 +631,7 @@
 		{
 			"id": "kd0aa5ah",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "10",
 			"min": -100,
 			"max": 100,
@@ -708,7 +708,7 @@
 		{
 			"id": "l5qvuk9e",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "11",
 			"min": -100,
 			"max": 100,
@@ -765,7 +765,7 @@
 		{
 			"id": "l5qvtc2l",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "12",
 			"min": -100,
 			"max": 100,
@@ -822,7 +822,7 @@
 		{
 			"id": "kd0c3h3b",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "13",
 			"min": 0,
 			"max": 1000000000,
@@ -929,7 +929,7 @@
 		{
 			"id": "kd0achk0",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "15",
 			"min": -100,
 			"max": 100,
@@ -974,7 +974,7 @@
 		{
 			"id": "kd0bl558",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "16",
 			"min": -100,
 			"max": 100,
@@ -1092,7 +1092,7 @@
 		{
 			"id": "l5qt3xu9",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "17",
 			"min": 0,
 			"max": 100,
@@ -1149,7 +1149,7 @@
 		{
 			"id": "kd0bu8xz",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "18",
 			"min": -400,
 			"max": 400,
@@ -1237,7 +1237,7 @@
 		{
 			"id": "k0gj7g4v",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "19",
 			"min": -200,
 			"max": 200,
@@ -1345,7 +1345,7 @@
 		{
 			"id": "kd0bx24r",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "20",
 			"min": -400,
 			"max": 400,
@@ -1439,7 +1439,7 @@
 		{
 			"id": "kd0c2j4a",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "21",
 			"min": -400,
 			"max": 400,

package/src/stories/behaviour/controls/simple.json

@@ -183,7 +183,7 @@
 				"type": "VTL|MD",
 				"value": "\"➡ 1. \" || \"Controle sur booleen\""
 			},
-			"mandatory": false
+			"isMandatory": false
 		},
 		{
 			"componentType": "Input",
@@ -239,7 +239,7 @@
 				"type": "VTL|MD",
 				"value": "\"➡ 2. \" || \"Controle sur du texte < 255\""
 			},
-			"mandatory": false,
+			"isMandatory": false,
 			"maxLength": 15,
 			"declarations": [
 				{
@@ -344,7 +344,7 @@
 				"type": "VTL|MD",
 				"value": "\"➡ 3. \" || \"Controle sur code\""
 			},
-			"mandatory": false,
+			"isMandatory": false,
 			"declarations": [
 				{
 					"declarationType": "INSTRUCTION",
@@ -408,7 +408,7 @@
 				"type": "VTL|MD",
 				"value": "\"➡ 4. \" || \"Controle sur date AAAA-MM-JJ (saisie entre 31/12/1990 et 31/12/2040)\""
 			},
-			"mandatory": false,
+			"isMandatory": false,
 			"declarations": [
 				{
 					"declarationType": "INSTRUCTION",
@@ -486,7 +486,7 @@
 				"type": "VTL|MD",
 				"value": "\"➡ 5. \" || \"Controle sur date AAAA-MM (manque lunatic)\""
 			},
-			"mandatory": false,
+			"isMandatory": false,
 			"declarations": [
 				{
 					"declarationType": "INSTRUCTION",
@@ -555,7 +555,7 @@
 				"type": "VTL|MD",
 				"value": "\"➡ 6. \" || \"Controle sur date AAAA (si supérieur à 2020) manque lunatic\""
 			},
-			"mandatory": false,
+			"isMandatory": false,
 			"declarations": [
 				{
 					"declarationType": "INSTRUCTION",
@@ -620,7 +620,7 @@
 				"type": "VTL|MD",
 				"value": "\"Avez-vous des remarques concernant l'enquête ou des commentaires ?\""
 			},
-			"mandatory": false,
+			"isMandatory": false,
 			"maxLength": 2000
 		}
 	],

package/src/stories/behaviour/filter/source.json

@@ -93,7 +93,7 @@
 					"response": {
 						"name": "NAME"
 					},
-					"mandatory": false,
+					"isMandatory": false,
 					"maxLength": 249,
 					"componentType": "Input"
 				}
@@ -151,7 +151,7 @@
 					"response": {
 						"name": "AGE"
 					},
-					"mandatory": false,
+					"isMandatory": false,
 					"description": {
 						"type": "TXT",
 						"value": "Format attendu : un nombre entre 1 et 200"
@@ -206,7 +206,7 @@
 					"response": {
 						"name": "APPLE"
 					},
-					"mandatory": false,
+					"isMandatory": false,
 					"orientation": "vertical",
 					"componentType": "Radio"
 				}

package/src/stories/behaviour/filter/sourceLoop.json

@@ -152,7 +152,7 @@
 					"response": {
 						"name": "NBHAB"
 					},
-					"mandatory": false,
+					"isMandatory": false,
 					"description": {
 						"type": "TXT",
 						"value": "Format attendu : un nombre entre 1 et 10"
@@ -209,7 +209,7 @@
 							"response": {
 								"name": "NAME"
 							},
-							"mandatory": false,
+							"isMandatory": false,
 							"maxLength": 249,
 							"componentType": "Input"
 						}
@@ -311,7 +311,7 @@
 							"response": {
 								"name": "AGE"
 							},
-							"mandatory": false,
+							"isMandatory": false,
 							"description": {
 								"type": "TXT",
 								"value": "Format attendu : un nombre entre 1 et 200"

package/src/stories/behaviour/missing/source.json

@@ -39,7 +39,7 @@
 		{
 			"id": "kze792d8",
 			"componentType": "InputNumber",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "2",
 			"min": 0,
 			"max": 10,
@@ -165,7 +165,7 @@
 				{
 					"id": "ksyjvi40",
 					"componentType": "Input",
-					"mandatory": false,
+					"isMandatory": false,
 					"maxLength": 249,
 					"label": {
 						"value": "\"prénom\"",
@@ -197,7 +197,7 @@
 				{
 					"id": "nomksyjvi40",
 					"componentType": "Input",
-					"mandatory": false,
+					"isMandatory": false,
 					"maxLength": 249,
 					"label": {
 						"value": "\"Nom\"",
@@ -310,7 +310,7 @@
 				{
 					"id": "ksyke448",
 					"componentType": "InputNumber",
-					"mandatory": false,
+					"isMandatory": false,
 					"page": "5.1",
 					"min": 0,
 					"max": 100,
@@ -467,7 +467,7 @@
 		{
 			"id": "ku2pxugf",
 			"componentType": "Input",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "7",
 			"maxLength": 249,
 			"label": {
@@ -584,7 +584,7 @@
 		{
 			"id": "COMMENT-QUESTION",
 			"componentType": "Textarea",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "10",
 			"maxLength": 2000,
 			"label": {

package/src/stories/behaviour/others/V2_DeclarationsSimples.json

@@ -87,7 +87,7 @@
 		{
 			"id": "kanyduey",
 			"componentType": "Textarea",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "3",
 			"maxLength": 255,
 			"label": {
@@ -120,7 +120,7 @@
 		{
 			"id": "kzfdehqy",
 			"componentType": "Textarea",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "4",
 			"maxLength": 255,
 			"label": {
@@ -145,7 +145,7 @@
 		{
 			"id": "kzfdsuhw",
 			"componentType": "Textarea",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "5",
 			"maxLength": 255,
 			"label": {
@@ -170,7 +170,7 @@
 		{
 			"id": "kanye45b",
 			"componentType": "Textarea",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "6",
 			"maxLength": 255,
 			"label": {
@@ -203,7 +203,7 @@
 		{
 			"id": "kzfds450",
 			"componentType": "Textarea",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "7",
 			"maxLength": 255,
 			"label": {
@@ -228,7 +228,7 @@
 		{
 			"id": "kzfdnpeb",
 			"componentType": "Textarea",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "8",
 			"maxLength": 255,
 			"label": {
@@ -253,7 +253,7 @@
 		{
 			"id": "kzwo41pm",
 			"componentType": "Textarea",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "9",
 			"maxLength": 255,
 			"label": {
@@ -278,7 +278,7 @@
 		{
 			"id": "kanywetv",
 			"componentType": "Textarea",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "10",
 			"maxLength": 255,
 			"label": {
@@ -360,7 +360,7 @@
 		{
 			"id": "kanyscwo",
 			"componentType": "Textarea",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "12",
 			"maxLength": 255,
 			"label": {
@@ -411,7 +411,7 @@
 		{
 			"id": "kanz8hgh",
 			"componentType": "Textarea",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "13",
 			"maxLength": 255,
 			"label": {
@@ -497,7 +497,7 @@
 		{
 			"id": "kao1aya7",
 			"componentType": "Textarea",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "15",
 			"maxLength": 255,
 			"label": {
@@ -551,7 +551,7 @@
 		{
 			"id": "kanyicbv",
 			"componentType": "Textarea",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "16",
 			"maxLength": 255,
 			"label": {
@@ -584,7 +584,7 @@
 		{
 			"id": "kanyu00b",
 			"componentType": "Textarea",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "17",
 			"maxLength": 255,
 			"label": {
@@ -638,7 +638,7 @@
 		{
 			"id": "kanz18h6",
 			"componentType": "CheckboxOne",
-			"mandatory": false,
+			"isMandatory": false,
 			"page": "18",
 			"label": {
 				"value": "\"➡ 14. \" || \"Q11 saut de lignes dans les modalités de réponses (ne marche pas je crois)\"",