@inseefr/lunatic 0.3.2-experimental → 0.3.6-experimental

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';
@@ -79,7 +80,7 @@ const paginated = storiesOf('Questionnaire/Paginated', module).addDecorator(
 );
 
 paginated.addWithJSX('Calculated Variables', () => (
-	<OrchestratorSplit
+	<Orchestrator
 		id="props"
 		source={calcVar}
 		missing={boolean('Missing', false)}
@@ -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"
@@ -157,7 +169,7 @@ paginated.addWithJSX('Logement - S2', () => (
 ));
 
 paginated.addWithJSX('Simpsons', () => (
-	<OrchestratorSplit
+	<Orchestrator
 		id="props"
 		source={simpsons}
 		missing={boolean('Missing', false)}

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/stories/utils/orchestrator-split.js

@@ -6,14 +6,16 @@ function getStoreInfoRequired() {
 	return {};
 }
 
+const defaultFeatures = ['VTL'];
+
 const OrchestratorForStories = ({
 	source,
 	suggesters,
-	data = {},
+	data,
 	management = false,
 	pagination = false,
 	modalForControls = false,
-	features = ['VTL'],
+	features = defaultFeatures,
 	bindings: initialBindings,
 	initialPage = '1',
 	getStoreInfo = getStoreInfoRequired,

package/src/stories/utils/orchestrator.js

@@ -6,14 +6,16 @@ function getStoreInfoRequired() {
 	return {};
 }
 
+const defaultFeatures = ['VTL'];
+
 const OrchestratorForStories = ({
 	source,
 	suggesters,
-	data = {},
+	data,
 	management = false,
 	pagination = false,
 	modalForControls = false,
-	features = ['VTL'],
+	features = defaultFeatures,
 	bindings: initialBindings,
 	initialPage = '1',
 	getStoreInfo = getStoreInfoRequired,

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 />);
+	});
+});

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

@@ -1,22 +1,22 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { Datepicker } from 'components';
-
-const handleChange = jest.fn();
-const defaultProps = {
-	id: 'id',
-	label: 'label',
-	handleChange,
-};
-
-describe('datepicker', () => {
-	it('renders without crashing', () => {
-		shallow(<Datepicker {...defaultProps} />);
-	});
-	it('returns management component', () => {
-		shallow(<Datepicker {...defaultProps} label="label" management />);
-	});
-	it('returns disabled & readOnly component', () => {
-		shallow(<Datepicker {...defaultProps} label="label" disabled readOnly />);
-	});
-});
+import React from 'react';
+import { shallow } from 'enzyme';
+import { Datepicker } from 'components';
+
+const handleChange = jest.fn();
+const defaultProps = {
+	id: 'id',
+	label: 'label',
+	handleChange,
+};
+
+describe('datepicker', () => {
+	it('renders without crashing', () => {
+		shallow(<Datepicker {...defaultProps} />);
+	});
+	it('returns management component', () => {
+		shallow(<Datepicker {...defaultProps} label="label" management />);
+	});
+	it('returns disabled & readOnly component', () => {
+		shallow(<Datepicker {...defaultProps} label="label" disabled readOnly />);
+	});
+});

package/src/tests/components/declarations-wrappers/input-declarations-wrapper.spec.js

@@ -1,67 +1,67 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { InputDeclarationsWrapper } from 'components/declarations/wrappers';
-
-const handleChange = jest.fn();
-
-const response = { values: { COLLECTED: 'xxx' } };
-
-const defaultProps = {
-	id: 'id',
-	label: 'label',
-	handleChange,
-	type: 'text',
-	roleType: 'input',
-	response,
-};
-
-describe('input-declarations-wrapper', () => {
-	it('renders without crashing', () => {
-		shallow(<InputDeclarationsWrapper {...defaultProps} />);
-		shallow(
-			<InputDeclarationsWrapper
-				{...defaultProps}
-				type={null}
-				roleType="textarea"
-			/>
-		);
-	});
-	it('returns readOnly and autoComplete component', () => {
-		const wrapper = shallow(
-			<InputDeclarationsWrapper {...defaultProps} readOnly autoComplete />
-		);
-		expect(wrapper.find('input').prop('readOnly')).toBeTruthy();
-	});
-
-	it('returns enabled component', () => {
-		const wrapper = shallow(<InputDeclarationsWrapper {...defaultProps} />);
-		expect(wrapper.find('input').prop('readOnly')).toBeFalsy();
-	});
-
-	it('returns mandatory component', () => {
-		const wrapper = shallow(
-			<InputDeclarationsWrapper {...defaultProps} mandatory />
-		);
-		expect(wrapper.find('input').prop('required')).toBeTruthy();
-	});
-
-	it('returns management component', () => {
-		shallow(<InputDeclarationsWrapper {...defaultProps} management />);
-	});
-
-	it('renders firing useEffect', () => {
-		const wrapper = mount(<InputDeclarationsWrapper {...defaultProps} />);
-		wrapper.setProps({ focused: true });
-	});
-
-	// it('should trigger the change event', () => {
-	// 	const wrapper = shallow(<InputDeclarationsWrapper {...defaultProps} />);
-	// 	wrapper.find('input').simulate('change', {
-	// 		target: {
-	// 			value: 'new value',
-	// 		},
-	// 	});
-	// 	expect(handleChange).toHaveBeenCalled();
-	// 	expect(handleChange).toHaveBeenCalledWith({ '': 'new value' });
-	// });
-});
+import React from 'react';
+import { shallow, mount } from 'enzyme';
+import { InputDeclarationsWrapper } from 'components/declarations/wrappers';
+
+const handleChange = jest.fn();
+
+const response = { values: { COLLECTED: 'xxx' } };
+
+const defaultProps = {
+	id: 'id',
+	label: 'label',
+	handleChange,
+	type: 'text',
+	roleType: 'input',
+	response,
+};
+
+describe('input-declarations-wrapper', () => {
+	it('renders without crashing', () => {
+		shallow(<InputDeclarationsWrapper {...defaultProps} />);
+		shallow(
+			<InputDeclarationsWrapper
+				{...defaultProps}
+				type={null}
+				roleType="textarea"
+			/>
+		);
+	});
+	it('returns readOnly and autoComplete component', () => {
+		const wrapper = shallow(
+			<InputDeclarationsWrapper {...defaultProps} readOnly autoComplete />
+		);
+		expect(wrapper.find('input').prop('readOnly')).toBeTruthy();
+	});
+
+	it('returns enabled component', () => {
+		const wrapper = shallow(<InputDeclarationsWrapper {...defaultProps} />);
+		expect(wrapper.find('input').prop('readOnly')).toBeFalsy();
+	});
+
+	it('returns mandatory component', () => {
+		const wrapper = shallow(
+			<InputDeclarationsWrapper {...defaultProps} mandatory />
+		);
+		expect(wrapper.find('input').prop('required')).toBeTruthy();
+	});
+
+	it('returns management component', () => {
+		shallow(<InputDeclarationsWrapper {...defaultProps} management />);
+	});
+
+	it('renders firing useEffect', () => {
+		const wrapper = mount(<InputDeclarationsWrapper {...defaultProps} />);
+		wrapper.setProps({ focused: true });
+	});
+
+	// it('should trigger the change event', () => {
+	// 	const wrapper = shallow(<InputDeclarationsWrapper {...defaultProps} />);
+	// 	wrapper.find('input').simulate('change', {
+	// 		target: {
+	// 			value: 'new value',
+	// 		},
+	// 	});
+	// 	expect(handleChange).toHaveBeenCalled();
+	// 	expect(handleChange).toHaveBeenCalledWith({ '': 'new value' });
+	// });
+});