feat: handle radio & dropdown & checkboxOne with options based on variable

CHANGELOG.md

@@ -52,6 +52,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 - Add global variables for pairwise component. `GLOBAL_PARENT1_PRENOM`, `GLOBAL_PARENT1_SEXE`, `GLOBAL_PARENT2_PRENOM`, `GLOBAL_PARENT2_SEXE`, `GLOBAL_CONJOINT_PRENOM` and `GLOBAL_ENFANTS_PRENOMS` are now available if the corresponding source variables of the pairwise component are filled in.
+- Radio, Dropdown and CheckboxOne can now have options based on a variable by specifying `optionSource` and filtered through `optionFilter`.
 
 ## [3.7.7](https://github.com/InseeFr/Lunatic/releases/tag/3.7.7) - 2026-01-14
 

lunatic-schema.json

@@ -224,7 +224,6 @@
 						"rules": {
 							"type": "object",
 							"additionalProperties": {
-								"type": "object",
 								"$ref": "#/$defs/VTLExpression"
 							}
 						}
@@ -238,7 +237,6 @@
 						"rules": {
 							"type": "object",
 							"additionalProperties": {
-								"type": "object",
 								"$ref": "#/$defs/VTLExpression"
 							}
 						}
@@ -952,16 +950,21 @@
 				"orientation": {
 					"type": "string",
 					"enum": ["horizontal", "vertical"]
-				},
-				"options": {
-					"$ref": "#/$defs/OptionsWithDetail"
 				}
 			},
-			"required": ["componentType", "options"],
+			"required": ["componentType"],
 			"allOf": [
 				{
 					"$ref": "#/$defs/ComponentDefinitionBaseWithResponse"
 				}
+			],
+			"oneOf": [
+				{
+					"$ref": "#/$defs/StaticOptions"
+				},
+				{
+					"$ref": "#/$defs/OptionsFromVariable"
+				}
 			]
 		},
 		"ComponentDropdownDefinition": {
@@ -970,16 +973,21 @@
 				"componentType": {
 					"type": "string",
 					"const": "Dropdown"
-				},
-				"options": {
-					"$ref": "#/$defs/Options"
 				}
 			},
-			"required": ["componentType", "options"],
+			"required": ["componentType"],
 			"allOf": [
 				{
 					"$ref": "#/$defs/ComponentDefinitionBaseWithResponse"
 				}
+			],
+			"oneOf": [
+				{
+					"$ref": "#/$defs/StaticOptions"
+				},
+				{
+					"$ref": "#/$defs/OptionsFromVariable"
+				}
 			]
 		},
 		"ComponentQuestionDefinition": {
@@ -1009,16 +1017,21 @@
 				"componentType": {
 					"type": "string",
 					"const": "CheckboxOne"
-				},
-				"options": {
-					"$ref": "#/$defs/OptionsWithDetail"
 				}
 			},
-			"required": ["componentType", "options"],
+			"required": ["componentType"],
 			"allOf": [
 				{
 					"$ref": "#/$defs/ComponentDefinitionBaseWithResponse"
 				}
+			],
+			"oneOf": [
+				{
+					"$ref": "#/$defs/StaticOptions"
+				},
+				{
+					"$ref": "#/$defs/OptionsFromVariable"
+				}
 			]
 		},
 		"ComponentSuggesterDefinition": {
@@ -1391,6 +1404,27 @@
 			],
 			"type": "object"
 		},
+		"StaticOptions": {
+			"type": "object",
+			"properties": {
+				"options": {
+					"$ref": "#/$defs/OptionsWithDetail"
+				}
+			},
+			"required": ["options"]
+		},
+		"OptionsFromVariable": {
+			"type": "object",
+			"properties": {
+				"optionSource": {
+					"type": "string"
+				},
+				"optionFilter": {
+					"$ref": "#/$defs/VTLExpression"
+				}
+			},
+			"required": ["optionSource"]
+		},
 		"Options": {
 			"type": "array",
 			"items": {

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@inseefr/lunatic",
-	"version": "3.11.2",
+	"version": "3.12.0-rc.ucq-options-variable.0",
 	"description": "Library of questionnaire components",
 	"repository": {
 		"type": "git",

src/stories/checkbox/checkbox.stories.tsx

@@ -1,3 +1,4 @@
+import { dataFromObject } from '../../utils/object';
 import {
 	type Orchestrator,
 	OrchestratorMeta,
@@ -10,6 +11,7 @@ import sourceGroupDetail from './sourceGroupDetail.json';
 import sourceGroupLoop from './sourceGroupLoop.json';
 import sourceOne from './sourceOne.json';
 import sourceOneDetail from './sourceOneDetail.json';
+import sourceOneDynamicOptions from './sourceOneDynamicOptions.json';
 
 import { Meta } from '@storybook/react';
 
@@ -73,3 +75,14 @@ export const CheckboxOneWithDetail: OrchestratorStory = {
 		source: sourceOneDetail,
 	},
 };
+
+export const CheckboxOneDynamicOptions: OrchestratorStory = {
+	args: {
+		source: sourceOneDynamicOptions,
+		data: dataFromObject({
+			NBHAB: 3,
+			PRENOM: ['Verso', 'Maëlle', 'Aline'],
+			AGE: [30, 16, 50],
+		}),
+	},
+};