@inseefr/lunatic 3.4.3 → 3.4.5-rc.0

package/src/stories/behaviour/slots.stories.jsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import Orchestrator from '../utils/orchestrator';
+import source from '../input/source';
+import data from '../input/data';
+import defaultArgTypes from '../utils/default-arg-types';
+
+const stories = {
+	title: 'Behaviour/Slots',
+	component: Orchestrator,
+	argTypes: defaultArgTypes,
+};
+
+export default stories;
+
+const Template = (args) => <Orchestrator {...args} />;
+export const Default = Template.bind({});
+
+/**
+ * @var
+ */
+const CustomInput = ({ onChange, value, label }) => (
+	<fieldset>
+		<legend style={{ color: 'gray', fontSize: '1rem' }}>{label}</legend>
+		<input
+			style={{ border: 'solid 3px gray', padding: '.5rem 1rem' }}
+			value={value}
+			onChange={(e) => onChange(e.target.value)}
+		/>
+	</fieldset>
+);
+
+Default.args = { id: 'input', source, data, slots: { Input: CustomInput } };

package/src/stories/checkbox-boolean/checkboxBoolean.stories.jsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import Orchestrator from '../utils/orchestrator';
+import source from './source';
+import defaultArgTypes from '../utils/default-arg-types';
+
+const stories = {
+	title: 'Components/Checkboolean',
+	component: Orchestrator,
+	argTypes: defaultArgTypes,
+};
+
+export default stories;
+
+const Template = (args) => <Orchestrator {...args} />;
+export const Default = Template.bind({});
+
+Default.args = { id: 'checkboxBoolean', source };

package/src/stories/checkbox-boolean/source.json

@@ -0,0 +1,58 @@
+{
+	"components": [
+		{
+			"id": "checkboxboolean",
+			"componentType": "CheckboxBoolean",
+			"mandatory": false,
+			"page": "1",
+			"label": {
+				"value": "\"checkboxBoolean component (checked: true, unchecked: false)\"",
+				"type": "VTL|MD"
+			},
+			"description": {
+				"value": "\"Description for label\"",
+				"type": "VTL|MD"
+			},
+			"declarations": [
+				{
+					"id": "kb9hi4j0-krnoclfe",
+					"declarationType": "INSTRUCTION",
+					"position": "BEFORE_QUESTION_TEXT",
+					"label": {
+						"value": "\"Décalration Before\"",
+						"type": "VTL|MD"
+					}
+				},
+				{
+					"id": "kb9hi4j0-krnoclfe",
+					"declarationType": "HELP",
+					"position": "AFTER_QUESTION_TEXT",
+					"label": {
+						"value": "\"Description from DECLARATION.\"",
+						"type": "VTL|MD"
+					}
+				}
+			],
+			"conditionFilter": { "value": "true", "type": "VTL" },
+			"options": [
+				{ "value": "1", "label": { "value": "\"oui\"", "type": "VTL|MD" } },
+
+				{ "value": "2", "label": { "value": "\"non\"", "type": "VTL|MD" } }
+			],
+			"response": { "name": "Q2" }
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "Q2",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		}
+	]
+}

package/src/stories/checkbox-group/checkbox-group.stories.jsx

@@ -0,0 +1,58 @@
+import React from 'react';
+import Orchestrator from '../utils/orchestrator';
+import source from './source';
+import sourceLoop from './sourceLoop';
+import sourceDetail from './sourceDetail';
+import sourceCondition from './sourceCondition';
+import defaultArgTypes from '../utils/default-arg-types';
+
+const stories = {
+	title: 'Components/CheckboxGroup',
+	component: Orchestrator,
+	argTypes: {
+		...defaultArgTypes,
+		shortcut: {
+			table: { disable: false },
+			control: 'boolean',
+			defaultValue: true,
+		},
+	},
+};
+
+export default stories;
+
+const Template = (args) => <Orchestrator {...args} />;
+export const Default = Template.bind({});
+
+Default.args = {
+	id: 'checkboxGroup',
+	source,
+	shortcut: true,
+};
+
+export const Condition = Template.bind({});
+
+Condition.args = {
+	source: sourceCondition,
+};
+
+export const ReadOnly = Template.bind({});
+
+ReadOnly.args = {
+	source,
+	readOnly: true,
+	shortcut: true,
+};
+
+export const Arbitrary = Template.bind({});
+Arbitrary.args = {
+	source: sourceDetail,
+	shortcut: true,
+};
+
+export const Loop = Template.bind({});
+
+Loop.args = {
+	...Default.args,
+	source: sourceLoop,
+};

package/src/stories/checkbox-group/source.json

@@ -0,0 +1,403 @@
+{
+	"$schema": "../../../lunatic-schema.json",
+	"components": [
+		{
+			"id": "checkboxbooleanGroupNumeric",
+			"componentType": "CheckboxGroup",
+			"page": "1",
+			"label": {
+				"value": "Situation matrimoniale",
+				"type": "TXT"
+			},
+			"orientation": "horizontal",
+			"hierarchy": {
+				"sequence": {
+					"id": "kmnnjaf1",
+					"page": "1",
+					"label": {
+						"value": "Situation matrimoniale",
+						"type": "Text"
+					}
+				},
+				"subSequence": {
+					"id": "kmw3dz2a",
+					"page": "2",
+					"label": {
+						"value": "Mois préférés de l'année",
+						"type": "Text"
+					}
+				}
+			},
+			"missingResponse": { "name": "SITUMATRI_MISSING" },
+			"responses": [
+				{
+					"id": "kmort6x9-QOP-kmosa98y",
+					"label": {
+						"value": "Française de naissance ou par réintégration",
+						"type": "Text"
+					},
+					"response": { "name": "NATIO1N1" }
+				},
+
+				{
+					"id": "kmort6x9-QOP-kmos360k",
+					"label": {
+						"value": "\"Française par déclaration, naturalisation, option à la majorité\"",
+						"type": "VTL"
+					},
+					"response": { "name": "NATIO1N2" }
+				},
+
+				{
+					"id": "kmort6x9-QOP-kmos37e1",
+					"label": { "value": "Étrangère", "type": "Text" },
+					"response": { "name": "NATIO1N3" }
+				},
+
+				{
+					"id": "kmort6x9-QOP-kmorue9c",
+					"label": {
+						"value": "Apatride (pas de nationalité)",
+						"type": "Text"
+					},
+					"response": { "name": "NATIO1N4" }
+				}
+			]
+		},
+		{
+			"id": "checkboxbooleanGroupAlpha",
+			"componentType": "CheckboxGroup",
+			"page": "2",
+			"label": {
+				"value": "Mois préférés de l'année",
+				"type": "TXT"
+			},
+			"orientation": "vertical",
+			"hierarchy": {
+				"sequence": {
+					"id": "kmnnjaf1",
+					"page": "1",
+					"label": {
+						"value": "Situation matrimoniale",
+						"type": "Text"
+					}
+				},
+				"subSequence": {
+					"id": "kmw3dz2a",
+					"page": "2",
+					"label": {
+						"value": "Mois préférés de l'année",
+						"type": "Text"
+					}
+				}
+			},
+			"missingResponse": { "name": "SITUMATRI_MISSING" },
+			"bindingDependencies": [
+				"MOIS1",
+				"MOIS2",
+				"MOIS3",
+				"MOIS4",
+				"MOIS5",
+				"MOIS6",
+				"MOIS7",
+				"MOIS8",
+				"MOIS9",
+				"MOIS10",
+				"MOIS11",
+				"MOIS12"
+			],
+			"responses": [
+				{
+					"id": "mois1",
+					"label": {
+						"value": "Janvier",
+						"type": "Text"
+					},
+					"response": { "name": "MOIS1" }
+				},
+
+				{
+					"id": "mois2",
+					"label": {
+						"value": "Février",
+						"type": "Text"
+					},
+					"response": { "name": "MOIS2" }
+				},
+				{
+					"id": "mois3",
+					"label": {
+						"value": "Mars",
+						"type": "Text"
+					},
+					"response": { "name": "MOIS3" }
+				},
+				{
+					"id": "mois4",
+					"label": {
+						"value": "Avril",
+						"type": "Text"
+					},
+					"response": { "name": "MOIS4" }
+				},
+				{
+					"id": "mois5",
+					"label": {
+						"value": "Mai",
+						"type": "Text"
+					},
+					"response": { "name": "MOIS5" }
+				},
+				{
+					"id": "mois6",
+					"label": {
+						"value": "Juin",
+						"type": "Text"
+					},
+					"response": { "name": "MOIS6" }
+				},
+				{
+					"id": "mois7",
+					"label": {
+						"value": "Juillet",
+						"type": "Text"
+					},
+					"response": { "name": "MOIS7" }
+				},
+				{
+					"id": "mois8",
+					"label": {
+						"value": "Août",
+						"type": "Text"
+					},
+					"response": { "name": "MOIS8" }
+				},
+				{
+					"id": "mois9",
+					"label": {
+						"value": "Septembre",
+						"type": "Text"
+					},
+					"response": { "name": "MOIS9" }
+				},
+				{
+					"id": "mois10",
+					"label": {
+						"value": "Octobre",
+						"type": "Text"
+					},
+					"response": { "name": "MOIS10" }
+				},
+				{
+					"id": "mois11",
+					"label": {
+						"value": "Novembre",
+						"type": "Text"
+					},
+					"response": { "name": "MOIS11" }
+				},
+				{
+					"id": "mois12",
+					"label": {
+						"value": "Décembre",
+						"type": "Text"
+					},
+					"response": { "name": "MOIS12" }
+				}
+			]
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "NATIO1N1",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "NATIO1N2",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "NATIO1N3",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "NATIO1N4",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS1",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS2",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS3",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS4",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS5",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS6",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS7",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS8",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS9",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS10",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS11",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "MOIS12",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		}
+	]
+}

package/src/stories/checkbox-group/sourceCondition.json

@@ -0,0 +1,87 @@
+{
+	"$schema": "../../../lunatic-schema.json",
+	"components": [
+		{
+			"id": "a",
+			"componentType": "InputNumber",
+			"page": "1",
+			"label": {
+				"value": "Votre age",
+				"type": "TXT"
+			},
+			"response": {
+				"name": "AGE"
+			}
+		},
+		{
+			"id": "b",
+			"componentType": "CheckboxGroup",
+			"page": "1",
+			"label": {
+				"value": "Où sortez vous ?",
+				"type": "TXT"
+			},
+			"bindingDependencies": ["LIEU1", "LIEU2"],
+			"responses": [
+				{
+					"id": "bar",
+					"label": {
+						"value": "Bar",
+						"type": "TXT"
+					},
+					"conditionFilter": {
+						"value": "nvl(AGE, 0) > 18",
+						"type": "VTL"
+					},
+					"response": { "name": "LIEU1" }
+				},
+
+				{
+					"id": "parc",
+					"label": {
+						"value": "Parc",
+						"type": "TXT"
+					},
+					"response": { "name": "LIEU2" }
+				}
+			]
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "AGE",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "LIEU1",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		},
+
+		{
+			"variableType": "COLLECTED",
+			"name": "LIEU2",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null
+			}
+		}
+	]
+}