@inseefr/lunatic 0.3.5-experimental → 0.3.6-experimental

package/src/stories/questionnaire/kish.json

@@ -0,0 +1,275 @@
+{
+	"maxPage": "6",
+	"components": [
+		{
+			"id": "nb",
+			"componentType": "InputNumber",
+			"page": "1",
+			"min": 1,
+			"max": 15,
+			"decimals": 0,
+			"label": "In total, counting you, how many people live in this dwelling?",
+			"conditionFilter": {
+				"value": "true",
+				"bindingDependencies": []
+			},
+			"bindingDependencies": ["NB"],
+			"response": { "name": "NB" }
+		},
+		{
+			"id": "prenom_loop",
+			"componentType": "Loop",
+			"page": "2",
+			"depth": 1,
+			"paginatedLoop": false,
+			"conditionFilter": { "value": "true" },
+			"bindingDependencies": ["NB", "FIRST_NAME"],
+			"loopDependencies": ["NB"],
+			"lines": { "min": "cast(NB,integer)", "max": "cast(NB,integer)" },
+			"components": [
+				{
+					"id": "sub_first_name",
+					"componentType": "Subsequence",
+					"page": "2",
+					"label": "First name",
+					"conditionFilter": {
+						"value": "true"
+					},
+					"bindingDependencies": ["FIRST_NAME", "NB"]
+				},
+				{
+					"id": "prenom_input",
+					"componentType": "Input",
+					"mandatory": false,
+					"page": "10",
+					"maxLength": 20,
+					"conditionFilter": { "value": "true" },
+					"bindingDependencies": ["NB", "FIRST_NAME"],
+					"response": { "name": "FIRST_NAME" }
+				}
+			]
+		},
+		{
+			"id": "date_loop",
+			"componentType": "Loop",
+			"page": "3",
+			"maxPage": "2",
+			"iterations": "count(FIRST_NAME)",
+			"depth": 1,
+			"paginatedLoop": true,
+			"conditionFilter": { "value": "true" },
+			"bindingDependencies": ["FIRST_NAME", "BIRTH_DATE"],
+			"loopDependencies": ["FIRST_NAME"],
+			"components": [
+				{
+					"id": "sub_date",
+					"componentType": "Subsequence",
+					"page": "3.1",
+					"label": "\"Etat civil de \" || FIRST_NAME",
+					"conditionFilter": { "value": "true" },
+					"bindingDependencies": ["FIRST_NAME"]
+				},
+				{
+					"id": "date",
+					"componentType": "Datepicker",
+					"mandatory": false,
+					"page": "3.2",
+					"min": "1850-01-01",
+					"max": "2100-01-01",
+					"label": "\"Quelle est la date de naissance de \" || FIRST_NAME ||\" ?\"",
+					"conditionFilter": { "value": "true" },
+					"bindingDependencies": ["FIRST_NAME", "BIRTH_DATE"],
+					"dateFormat": "YYYY-MM-DD",
+					"response": { "name": "BIRTH_DATE" }
+				}
+			]
+		},
+		{
+			"id": "kish_choice",
+			"componentType": "Loop",
+			"page": "4",
+			"depth": 1,
+			"paginatedLoop": false,
+			"conditionFilter": {
+				"value": "true"
+			},
+			"bindingDependencies": ["NB", "FIRST_NAME", "IS_KISH"],
+			"loopDependencies": ["NB"],
+			"lines": { "min": "cast(NB,integer)", "max": "cast(NB,integer)" },
+			"components": [
+				{
+					"id": "kish_seq",
+					"componentType": "Sequence",
+					"page": "4",
+					"label": "\"Kish person is: \" || FIRST_NAME",
+					"conditionFilter": {
+						"value": "NB_POTENTIAL_KISH = 1 and KISH_INDICATOR = 1",
+						"bindingDependencies": ["KISH_INDICATOR", "NB_POTENTIAL_KISH"]
+					},
+					"bindingDependencies": ["FIRST_NAME"]
+				},
+				{
+					"id": "sub_is_kish",
+					"componentType": "Radio",
+					"page": "4",
+					"label": "\"Is \" || FIRST_NAME || \" is the individual Kish?\"",
+					"conditionFilter": {
+						"value": "NB_POTENTIAL_KISH > 1 and KISH_INDICATOR = 1",
+						"bindingDependencies": ["KISH_INDICATOR", "NB_POTENTIAL_KISH"]
+					},
+					"options": [
+						{ "value": "1", "label": "Yes" },
+						{ "value": "0", "label": "No" }
+					],
+					"bindingDependencies": ["FIRST_NAME", "KISH_INDICATOR"],
+					"dateFormat": "YYYY-MM-DD",
+					"response": { "name": "IS_KISH" }
+				}
+			]
+		},
+		{
+			"id": "kish_loop",
+			"componentType": "Loop",
+			"page": "5",
+			"maxPage": "1",
+			"iterations": "count(FIRST_NAME)",
+			"depth": 1,
+			"paginatedLoop": true,
+			"conditionFilter": { "value": "true" },
+			"bindingDependencies": ["FIRST_NAME", "AGE_KISH"],
+			"loopDependencies": ["FIRST_NAME"],
+			"components": [
+				{
+					"id": "age_kish",
+					"componentType": "InputNumber",
+					"mandatory": false,
+					"page": "5.1",
+					"label": "FIRST_NAME || \", quel est votre âge ?\"",
+					"conditionFilter": {
+						"value": "IS_KISH = \"1\" or (NB_POTENTIAL_KISH = 1 and KISH_INDICATOR = 1)",
+						"bindingDependencies": [
+							"IS_KISH",
+							"NB_POTENTIAL_KISH",
+							"KISH_INDICATOR"
+						]
+					},
+					"bindingDependencies": ["FIRST_NAME", "AGE_KISH"],
+					"response": { "name": "AGE_KISH" }
+				}
+			]
+		},
+		{
+			"id": "end",
+			"componentType": "Sequence",
+			"label": "End",
+			"page": "6",
+			"conditionFilter": { "value": "true" }
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "NB",
+			"componentRef": "nb",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "FIRST_NAME",
+			"componentRef": "prenom_loop",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "BIRTH_DATE",
+			"componentRef": "date_loop",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "IS_KISH",
+			"componentRef": "kish_choice",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "AGE_KISH",
+			"componentRef": "kish_loop",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "CALCULATED",
+			"name": "BIRTH_MONTH_INT",
+			"expression": "cast(cast(cast(BIRTH_DATE, date, \"YYYY-MM-DD\"), string, \"MM\"), integer)",
+			"bindingDependencies": ["BIRTH_DATE"],
+			"shapeFrom": "FIRST_NAME"
+		},
+		{
+			"variableType": "CALCULATED",
+			"name": "BIRTH_DAY_STRING",
+			"expression": "cast(cast(BIRTH_DATE, date, \"YYYY-MM-DD\"), string, \"DD\")",
+			"bindingDependencies": ["BIRTH_DATE"],
+			"shapeFrom": "FIRST_NAME"
+		},
+		{
+			"variableType": "CALCULATED",
+			"name": "KISH_SCORE",
+			"expression": "cast(if BIRTH_MONTH_INT < 6 then BIRTH_MONTH_INT + 12 else BIRTH_MONTH_INT, string) || \".\" || BIRTH_DAY_STRING, number)",
+			"bindingDependencies": [
+				"BIRTH_DATE",
+				"BIRTH_MONTH_INT",
+				"BIRTH_DAY_STRING"
+			],
+			"shapeFrom": "FIRST_NAME"
+		},
+		{
+			"variableType": "CALCULATED",
+			"name": "KISH_MIN",
+			"expression": "min(KISH_SCORE)",
+			"bindingDependencies": ["BIRTH_DATE", "KISH_SCORE"]
+		},
+		{
+			"variableType": "CALCULATED",
+			"name": "NB_POTENTIAL_KISH",
+			"expression": "sum(KISH_INDICATOR)",
+			"bindingDependencies": ["BIRTH_DATE", "KISH_INDICATOR"]
+		},
+		{
+			"variableType": "CALCULATED",
+			"name": "KISH_INDICATOR",
+			"expression": "if KISH_SCORE = KISH_MIN then 1 else 0",
+			"bindingDependencies": ["BIRTH_DATE", "KISH_SCORE", "KISH_MIN"],
+			"shapeFrom": "FIRST_NAME"
+		}
+	]
+}

package/src/stories/questionnaire/questionnaire.stories.js

@@ -11,6 +11,7 @@ import logementSequence from './logement-sequence';
 import dataLogement from './data-logement';
 import simpsons from './simpsons';
 import arithmetic from './arithmetic';
+import kish from './kish';
 import arithmeticManagement from './arithmetic-management';
 import updateExternalQuestionnaire from './update-external/questionnaire';
 import updateExternalData from './update-external/data';
@@ -92,6 +93,17 @@ paginated.addWithJSX('Calculated Variables', () => (
 	/>
 ));
 
+paginated.addWithJSX('Kish', () => (
+	<Orchestrator
+		id="props"
+		source={kish}
+		features={select('Features', featuresOptions, ['VTL', 'MD'])}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+		disabled={boolean('Disabled', false)}
+		pagination
+	/>
+));
+
 paginated.addWithJSX('Logement', () => (
 	<OrchestratorSplit
 		id="props"

package/src/stories/utils/custom-lunatic.scss

@@ -1,23 +1,23 @@
-* {
-	box-sizing: border-box;
-	--color-primary-dark: #2a5885;
-	--color-primary-light: #5181b8;
-	--color-primary-main: #4a73a4;
-	--color-primary-contrast-text: #ffffff;
-
-	--color-secondary-dark: #14202d;
-	--color-secondary-light: #f7f8fa;
-	--color-secondary-main: #1a293b;
-	--color-secondary-contrast-text: #ffffff;
-
-	--color-very-light: #dbe4ef;
-	--color-very-very-light: #e6eaee;
-	--color-current-item: #0d823e;
-
-	--color-error: #f50c0c;
-	--color-disabled: rgb(235, 235, 228);
-}
-
-.pagination {
-	margin-top: 2em;
-}
+* {
+	box-sizing: border-box;
+	--color-primary-dark: #2a5885;
+	--color-primary-light: #5181b8;
+	--color-primary-main: #4a73a4;
+	--color-primary-contrast-text: #ffffff;
+
+	--color-secondary-dark: #14202d;
+	--color-secondary-light: #f7f8fa;
+	--color-secondary-main: #1a293b;
+	--color-secondary-contrast-text: #ffffff;
+
+	--color-very-light: #dbe4ef;
+	--color-very-very-light: #e6eaee;
+	--color-current-item: #0d823e;
+
+	--color-error: #f50c0c;
+	--color-disabled: rgb(235, 235, 228);
+}
+
+.pagination {
+	margin-top: 2em;
+}

package/src/tests/components/breadcrumb.spec.js

@@ -1,13 +1,13 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { Breadcrumb } from 'components';
-
-describe('breadcrumb', () => {
-	it('renders without crashing', () => {
-		shallow(<Breadcrumb elements={[]} />);
-	});
-	it('renders with elements', () => {
-		const wrapper = shallow(<Breadcrumb elements={['One', 'Two']} />);
-		expect(wrapper.find('.breadcrumb-lunatic').children()).toHaveLength(2);
-	});
-});
+import React from 'react';
+import { shallow } from 'enzyme';
+import { Breadcrumb } from 'components';
+
+describe('breadcrumb', () => {
+	it('renders without crashing', () => {
+		shallow(<Breadcrumb elements={[]} />);
+	});
+	it('renders with elements', () => {
+		const wrapper = shallow(<Breadcrumb elements={['One', 'Two']} />);
+		expect(wrapper.find('.breadcrumb-lunatic').children()).toHaveLength(2);
+	});
+});

package/src/tests/components/button.spec.js

@@ -1,11 +1,11 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { Button } from 'components';
-
-describe('button', () => {
-	const onClick = jest.fn();
-
-	it('renders without crashing', () => {
-		shallow(<Button value="Button" onClick={onClick} />);
-	});
-});
+import React from 'react';
+import { shallow } from 'enzyme';
+import { Button } from 'components';
+
+describe('button', () => {
+	const onClick = jest.fn();
+
+	it('renders without crashing', () => {
+		shallow(<Button value="Button" onClick={onClick} />);
+	});
+});

package/src/tests/components/checkbox-boolean.spec.js

@@ -1,45 +1,45 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { fakeSchedulers } from 'rxjs-marbles/jest';
-import { CheckboxBoolean } from 'components';
-
-describe('checkbox-boolean', () => {
-	const handleChange = jest.fn();
-	const defaultProps = { id: 'id', label: '', handleChange };
-
-	it('renders without crashing', () => {
-		shallow(<CheckboxBoolean {...defaultProps} />);
-	});
-
-	it('returns management component', () => {
-		shallow(<CheckboxBoolean {...defaultProps} label="label" management />);
-	});
-
-	it('returns disabled component', () => {
-		shallow(<CheckboxBoolean {...defaultProps} label="label" disabled />);
-	});
-
-	it('renders firing useEffect', () => {
-		const wrapper = mount(<CheckboxBoolean {...defaultProps} />);
-		wrapper.setProps({ focused: true });
-	});
-
-	it('test VERTICAL positioning', () => {
-		shallow(<CheckboxBoolean {...defaultProps} positioning="VERTICAL" />);
-	});
-
-	it('should trigger the change event', () => {
-		fakeSchedulers((advance) => {
-			const wrapper = shallow(<CheckboxBoolean {...defaultProps} />);
-			wrapper.find('input').simulate('change', {
-				target: {
-					checked: true,
-				},
-			});
-			advance(400);
-			wrapper.update();
-			expect(handleChange).toHaveBeenCalled();
-			expect(handleChange).toHaveBeenCalledWith({ '': true });
-		});
-	});
-});
+import React from 'react';
+import { shallow, mount } from 'enzyme';
+import { fakeSchedulers } from 'rxjs-marbles/jest';
+import { CheckboxBoolean } from 'components';
+
+describe('checkbox-boolean', () => {
+	const handleChange = jest.fn();
+	const defaultProps = { id: 'id', label: '', handleChange };
+
+	it('renders without crashing', () => {
+		shallow(<CheckboxBoolean {...defaultProps} />);
+	});
+
+	it('returns management component', () => {
+		shallow(<CheckboxBoolean {...defaultProps} label="label" management />);
+	});
+
+	it('returns disabled component', () => {
+		shallow(<CheckboxBoolean {...defaultProps} label="label" disabled />);
+	});
+
+	it('renders firing useEffect', () => {
+		const wrapper = mount(<CheckboxBoolean {...defaultProps} />);
+		wrapper.setProps({ focused: true });
+	});
+
+	it('test VERTICAL positioning', () => {
+		shallow(<CheckboxBoolean {...defaultProps} positioning="VERTICAL" />);
+	});
+
+	it('should trigger the change event', () => {
+		fakeSchedulers((advance) => {
+			const wrapper = shallow(<CheckboxBoolean {...defaultProps} />);
+			wrapper.find('input').simulate('change', {
+				target: {
+					checked: true,
+				},
+			});
+			advance(400);
+			wrapper.update();
+			expect(handleChange).toHaveBeenCalled();
+			expect(handleChange).toHaveBeenCalledWith({ '': true });
+		});
+	});
+});

package/src/tests/components/checkbox-group.spec.js

@@ -1,53 +1,53 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { fakeSchedulers } from 'rxjs-marbles/jest';
-import { CheckboxGroup } from 'components';
-
-describe('checkbox-group', () => {
-	const handleChange = jest.fn();
-	const responses = [
-		{
-			id: '1',
-			response: { name: 'a', values: { COLLECTED: true } },
-			label: 'France',
-		},
-		{
-			id: '2',
-			response: { name: 'b', values: { COLLECTED: false } },
-			label: 'Italy',
-		},
-	];
-	const defaultProps = { id: 'id', handleChange, responses };
-
-	it('returns management component', () => {
-		shallow(<CheckboxGroup {...defaultProps} management />);
-	});
-
-	it('returns disabled component', () => {
-		shallow(<CheckboxGroup {...defaultProps} label="label" disabled />);
-	});
-
-	it('renders firing useEffect', () => {
-		const wrapper = mount(<CheckboxGroup {...defaultProps} />);
-		wrapper.setProps({ focused: true });
-	});
-
-	it('should trigger the change event', () => {
-		fakeSchedulers((advance) => {
-			const wrapper = shallow(<CheckboxGroup {...defaultProps} />);
-			wrapper
-				.find('input')
-				.first()
-				.simulate('change', {
-					target: {
-						checked: false,
-					},
-				});
-			advance(400);
-			wrapper.update();
-			expect(handleChange).toHaveBeenCalled();
-			/*Cause specificHandler*/
-			expect(handleChange).toHaveBeenCalledWith({ a: null });
-		});
-	});
-});
+import React from 'react';
+import { shallow, mount } from 'enzyme';
+import { fakeSchedulers } from 'rxjs-marbles/jest';
+import { CheckboxGroup } from 'components';
+
+describe('checkbox-group', () => {
+	const handleChange = jest.fn();
+	const responses = [
+		{
+			id: '1',
+			response: { name: 'a', values: { COLLECTED: true } },
+			label: 'France',
+		},
+		{
+			id: '2',
+			response: { name: 'b', values: { COLLECTED: false } },
+			label: 'Italy',
+		},
+	];
+	const defaultProps = { id: 'id', handleChange, responses };
+
+	it('returns management component', () => {
+		shallow(<CheckboxGroup {...defaultProps} management />);
+	});
+
+	it('returns disabled component', () => {
+		shallow(<CheckboxGroup {...defaultProps} label="label" disabled />);
+	});
+
+	it('renders firing useEffect', () => {
+		const wrapper = mount(<CheckboxGroup {...defaultProps} />);
+		wrapper.setProps({ focused: true });
+	});
+
+	it('should trigger the change event', () => {
+		fakeSchedulers((advance) => {
+			const wrapper = shallow(<CheckboxGroup {...defaultProps} />);
+			wrapper
+				.find('input')
+				.first()
+				.simulate('change', {
+					target: {
+						checked: false,
+					},
+				});
+			advance(400);
+			wrapper.update();
+			expect(handleChange).toHaveBeenCalled();
+			/*Cause specificHandler*/
+			expect(handleChange).toHaveBeenCalledWith({ a: null });
+		});
+	});
+});

package/src/tests/components/checkbox-one.spec.js

@@ -1,32 +1,32 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { CheckboxOne } from 'components';
-
-const handleChange = jest.fn();
-const options = [
-	{ value: 'france', label: 'France' },
-	{ value: 'italy', label: 'Italy' },
-];
-const response = { values: { COLLECTED: 'italy' } };
-
-const defaultProps = {
-	id: 'id',
-	label: 'label',
-	handleChange,
-	options,
-	response,
-};
-
-describe('checkbox-one', () => {
-	it('renders without crashing', () => {
-		mount(<CheckboxOne {...defaultProps} />);
-	});
-
-	it('returns management component', () => {
-		shallow(<CheckboxOne {...defaultProps} management />);
-	});
-
-	it('returns disabled component', () => {
-		shallow(<CheckboxOne {...defaultProps} label="label" disabled />);
-	});
-});
+import React from 'react';
+import { shallow, mount } from 'enzyme';
+import { CheckboxOne } from 'components';
+
+const handleChange = jest.fn();
+const options = [
+	{ value: 'france', label: 'France' },
+	{ value: 'italy', label: 'Italy' },
+];
+const response = { values: { COLLECTED: 'italy' } };
+
+const defaultProps = {
+	id: 'id',
+	label: 'label',
+	handleChange,
+	options,
+	response,
+};
+
+describe('checkbox-one', () => {
+	it('renders without crashing', () => {
+		mount(<CheckboxOne {...defaultProps} />);
+	});
+
+	it('returns management component', () => {
+		shallow(<CheckboxOne {...defaultProps} management />);
+	});
+
+	it('returns disabled component', () => {
+		shallow(<CheckboxOne {...defaultProps} label="label" disabled />);
+	});
+});