@inseefr/lunatic 2.0.0 → 2.0.1-v2

package/src/stories/utils/img/check_box.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgb(74,118,168)"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>

package/src/stories/utils/img/check_box_outline.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgb(74,118,168)"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/><path d="M0 0h24v24H0z" fill="none"/></svg>

package/src/stories/utils/img/menu-down.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24" fill="rgba(0, 0, 0, 0.54)"><path d="M7,10L12,15L17,10H7Z" /></svg>

package/src/stories/utils/img/menu-up.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M7,15L12,10L17,15H7Z" /></svg>

package/src/stories/utils/img/radio_button_checked.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgb(74,118,168)"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/><path d="M0 0h24v24H0z" fill="none"/></svg>

package/src/stories/utils/img/radio_button_unchecked.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgb(74,118,168)"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/><path d="M0 0h24v24H0z" fill="none"/></svg>

package/src/stories/utils/options.js

@@ -1,21 +0,0 @@
-export const positioningOptions = {
-	Default: 'DEFAULT',
-	Horizontal: 'HORIZONTAL',
-	Vertical: 'VERTICAL',
-};
-
-export const labelPositionOptions = {
-	Default: 'DEFAULT',
-	Top: 'TOP',
-	Right: 'RIGHT',
-	Bottom: 'BOTTOM',
-	Left: 'LEFT',
-};
-
-export const unitPositionOptions = {
-	Default: 'DEFAULT',
-	Before: 'BEFORE',
-	After: 'AFTER',
-};
-
-export const featuresOptions = { None: [], Vtl: ['VTL'] };

package/src/stories/utils/orchestrator.js

@@ -1,53 +0,0 @@
-import React from 'react';
-import * as lunatic from 'components';
-import './custom-lunatic.scss';
-
-const OrchestratorForStories = ({
-	source,
-	data = {},
-	management = false,
-	features,
-	...rest
-}) => {
-	const preferences = management
-		? ['COLLECTED', 'FORCED', 'EDITED']
-		: ['COLLECTED'];
-	const savingType = management ? 'EDITED' : 'COLLECTED';
-	const { handleChange, components, bindings } = lunatic.useLunatic(
-		source,
-		data,
-		{
-			savingType,
-			preferences,
-			features,
-			management,
-		}
-	);
-
-	return (
-		<div className="container">
-			<div className="components">
-				{components.map((q) => {
-					const { id, componentType } = q;
-					const Component = lunatic[componentType];
-					return (
-						<div className="lunatic lunatic-component" key={`component-${id}`}>
-							<Component
-								{...q}
-								{...rest}
-								handleChange={handleChange}
-								preferences={preferences}
-								management={management}
-								features={features}
-								bindings={bindings}
-								writable
-							/>
-						</div>
-					);
-				})}
-			</div>
-		</div>
-	);
-};
-
-export default OrchestratorForStories;

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

@@ -1,13 +0,0 @@
-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 +0,0 @@
-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,40 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-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', () => {
-		const wrapper = shallow(<CheckboxBoolean {...defaultProps} />);
-		wrapper.find('input').simulate('change', {
-			target: {
-				checked: true,
-			},
-		});
-		expect(handleChange).toHaveBeenCalled();
-		expect(handleChange).toHaveBeenCalledWith({ '': true });
-	});
-});

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

@@ -1,48 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-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', () => {
-		const wrapper = shallow(<CheckboxGroup {...defaultProps} />);
-		wrapper
-			.find('input')
-			.first()
-			.simulate('change', {
-				target: {
-					checked: false,
-				},
-			});
-		expect(handleChange).toHaveBeenCalled();
-		/*Cause specificHandler*/
-		expect(handleChange).toHaveBeenCalledWith({ a: null });
-	});
-});

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

@@ -1,32 +0,0 @@
-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 +0,0 @@
-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,65 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { InputDeclarationsWrapper } from 'components/declarations/wrappers';
-
-const handleChange = jest.fn();
-const defaultProps = {
-	id: 'id',
-	label: 'label',
-	handleChange,
-	type: 'text',
-	roleType: 'input',
-};
-
-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 });
-	});
-
-	// TODO: find a way to test with onBlur under the hood
-
-	// 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' });
-	// });
-});

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

@@ -1,47 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { ListDeclarationsWrapper } from 'components/declarations/wrappers';
-
-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('list-declarations-wrapper', () => {
-	it('renders without crashing', () => {
-		mount(<ListDeclarationsWrapper {...defaultProps} type="radio" />);
-		mount(<ListDeclarationsWrapper {...defaultProps} type="checkbox" />);
-	});
-
-	it('returns management component', () => {
-		shallow(
-			<ListDeclarationsWrapper {...defaultProps} management type="radio" />
-		);
-	});
-
-	it('renders firing useEffect', () => {
-		const wrapper = mount(
-			<ListDeclarationsWrapper {...defaultProps} type="radio" />
-		);
-		wrapper.setProps({ focused: true });
-	});
-
-	it('should trigger the change event', () => {
-		const wrapper = shallow(
-			<ListDeclarationsWrapper {...defaultProps} type="radio" />
-		);
-		wrapper.find('input').first().simulate('change');
-		expect(handleChange).toHaveBeenCalled();
-		expect(handleChange).toHaveBeenCalledWith({ '': 'france' });
-	});
-});

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { SimpleDeclarationsWrapper } from 'components/declarations/wrappers';
-
-describe('simple-declarations-wrapper', () => {
-	it('renders without crashing', () => {
-		shallow(
-			<SimpleDeclarationsWrapper id="module-id" label="Sequence">
-				<span>{`test`}</span>
-			</SimpleDeclarationsWrapper>
-		);
-	});
-	it('renders with elements', () => {
-		const wrapper = shallow(
-			<SimpleDeclarationsWrapper id="module-id" label="Sequence">
-				<span>{`test`}</span>
-			</SimpleDeclarationsWrapper>
-		);
-		expect(wrapper.children()).toHaveLength(4);
-	});
-});

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

@@ -1,46 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { Declarations } from 'components';
-import * as C from '../../constants';
-
-const defaultProps = { id: 'id', label: 'label' };
-const declarations = [
-	{
-		position: C.AFTER_QUESTION_TEXT,
-		id: 'id1',
-		label: 'label',
-		declarationType: C.INSTRUCTION,
-	},
-	{
-		position: C.BEFORE_QUESTION_TEXT,
-		id: 'id2',
-		label: 'label',
-		declarationType: C.INSTRUCTION,
-	},
-];
-
-describe('declarations', () => {
-	it('minimalist renders without crashing', () => {
-		shallow(<Declarations {...defaultProps} />);
-	});
-	it('returns no declaration', () => {
-		const wrapper = shallow(
-			<Declarations
-				{...defaultProps}
-				type={C.DETACHABLE}
-				declarations={declarations}
-			/>
-		);
-		expect(wrapper.find('.declarations-lunatic').children()).toHaveLength(0);
-	});
-	it('returns one declaration', () => {
-		const wrapper = shallow(
-			<Declarations
-				{...defaultProps}
-				type={C.AFTER_QUESTION_TEXT}
-				declarations={declarations}
-			/>
-		);
-		expect(wrapper.find('.declarations-lunatic').children()).toHaveLength(1);
-	});
-});

package/src/tests/components/input-number.spec.js

@@ -1,173 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { InputNumber } from 'components';
-
-const defaultProps = { id: 'id', label: 'label' };
-
-describe('input-number', () => {
-	const handleChange = jest.fn();
-
-	it('minimalist renders without crashing', () => {
-		shallow(<InputNumber {...defaultProps} handleChange={handleChange} />);
-	});
-
-	it('renders without crashing', () => {
-		shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={0}
-				max={100}
-				mandatory={true}
-				unit="euros"
-				validators={[({ value }) => (value ? undefined : 'Value is mandatory')]}
-			/>
-		);
-	});
-
-	it('returns readOnly & disabled & autoComplete component', () => {
-		const wrapper = shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				max={100}
-				readOnly
-				disabled
-				autoComplete
-			/>
-		);
-		expect(wrapper.find('input').prop('readOnly')).toBe(true);
-	});
-
-	it('returns readOnly component', () => {
-		const wrapper = shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={0}
-				readOnly
-			/>
-		);
-		expect(wrapper.find('input').prop('readOnly')).toBe(true);
-	});
-
-	it('returns management component', () => {
-		shallow(
-			<InputNumber {...defaultProps} handleChange={handleChange} management />
-		);
-	});
-
-	it('renders firing useEffect', () => {
-		const wrapper = mount(
-			<InputNumber {...defaultProps} handleChange={handleChange} />
-		);
-		wrapper.setProps({ focused: true });
-	});
-
-	it('returns enabled component', () => {
-		const wrapper = shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={0}
-				max={100}
-				mandatory={true}
-				decimals={1}
-			/>
-		);
-		expect(wrapper.find('input').prop('readOnly')).toBe(false);
-	});
-
-	it('should trigger the change event', () => {
-		const wrapperMin = shallow(
-			<InputNumber {...defaultProps} handleChange={handleChange} min={0} />
-		);
-		wrapperMin.find('input').simulate('change', {
-			target: {
-				value: '-10',
-			},
-		});
-		// TODO: onBlur issue ?
-		// expect(handleChange).toHaveBeenCalled();
-		// expect(handleChange).toHaveBeenCalledWith({ '': '-10' });
-		const wrapperMax = shallow(
-			<InputNumber {...defaultProps} handleChange={handleChange} max={100} />
-		);
-		wrapperMax.find('input').simulate('change', {
-			target: {
-				value: '1000',
-			},
-		});
-		// TODO: onBlur issue ?
-		// expect(handleChange).toHaveBeenCalled();
-		// expect(handleChange).toHaveBeenCalledWith({ '': '1000' });
-		const wrapperMinMax = shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={5}
-				max={100}
-			/>
-		);
-		wrapperMinMax.find('input').simulate('change', {
-			target: {
-				value: '10',
-			},
-		});
-		// TODO: onBlur issue ?
-		// expect(handleChange).toHaveBeenCalled();
-		// expect(handleChange).toHaveBeenCalledWith({ '': '10' });
-	});
-
-	it('render message error', () => {
-		const wrapperMin = shallow(
-			<InputNumber {...defaultProps} handleChange={handleChange} min={1} />
-		);
-		expect(wrapperMin.find('.lunatic-input-number-errors').text()).toEqual('');
-		wrapperMin.find('input').simulate('change', {
-			target: {
-				value: '-1',
-			},
-		});
-		// TODO: find a way to test despite of memo
-		// expect(wrapperMin.find('.lunatic-input-number-errors').text()).toEqual(
-		// 	'La valeur doit être supérieure à 1'
-		// );
-
-		const wrapperMax = shallow(
-			<InputNumber {...defaultProps} handleChange={handleChange} max={9.8} />
-		);
-		expect(wrapperMax.find('.lunatic-input-number-errors').text()).toEqual('');
-		wrapperMax.find('input').simulate('change', {
-			target: {
-				value: '10',
-			},
-		});
-		// TODO: find a way to test despite of memo
-		// expect(wrapperMax.find('.lunatic-input-number-errors').text()).toEqual(
-		// 	'La valeur doit être inférieure à 9.8'
-		// );
-
-		const wrapperMinMax = shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={1}
-				max={10}
-			/>
-		);
-		expect(wrapperMinMax.find('.lunatic-input-number-errors').text()).toEqual(
-			''
-		);
-
-		wrapperMinMax.find('input').simulate('change', {
-			target: {
-				value: '20',
-			},
-		});
-		// TODO: find a way to test despite of memo
-		// expect(wrapperMinMax.find('.lunatic-input-number-errors').text()).toEqual(
-		// 	'La valeur doit être comprise entre 1 et 10'
-		// );
-	});
-});

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

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

package/src/tests/components/progress-bar.spec.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { ProgressBar } from 'components';
-
-describe('progress-bar', () => {
-	it('renders without crashing', () => {
-		shallow(<ProgressBar id="progress-bar-id" value={50} />);
-	});
-	it('renders without crashing with negative value', () => {
-		shallow(<ProgressBar id="progress-bar-id" value={-10} />);
-	});
-	it('renders without crashing with upper than 100 value', () => {
-		shallow(<ProgressBar id="progress-bar-id" value={1000} />);
-	});
-});