@inseefr/lunatic 0.3.2-experimental → 0.3.3-v2

package/src/stories/tooltip-response/md-link.json

@@ -1,31 +0,0 @@
-{
-	"components": [
-		{
-			"id": "uu",
-			"componentType": "Radio",
-			"mandatory": false,
-			"label": "NAME || \", êtes-vous au [chômage](https://www.insee.fr/fr/metadonnees/definition/c1303) ?\"",
-			"response": {
-				"name": "UNEMPLOYMENT"
-			},
-			"options": [
-				{ "value": "0", "label": "Non" },
-				{ "value": "1", "label": "Yes" }
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "UNEMPLOYMENT",
-			"componentRef": "uu",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": "1",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/tooltip-response/md-tooltip.json

@@ -1,31 +0,0 @@
-{
-	"components": [
-		{
-			"id": "uu",
-			"componentType": "Radio",
-			"mandatory": false,
-			"label": "NAME || \", êtes-vous au [chômage](. 'Le chômage représente l\u2019ensemble des personnes de 15 ans et plus, privées d\u2019emploi et en recherchant un. Sa mesure est complexe. Les frontières entre emploi, chômage et inactivité ne sont pas toujours faciles à établir, ce qui amène souvent à parler d\u2019un « halo » autour du chômage. Il y a en France deux sources statistiques principales sur le chômage : les statistiques mensuelles du Ministère du travail, élaborées à partir des fichiers de demandeurs d\u2019emploi enregistrés par Pôle Emploi et l\u2019enquête Emploi de l\u2019Insee, qui mesure le chômage au sens du BIT.') ?\"",
-			"response": {
-				"name": "UNEMPLOYMENT"
-			},
-			"options": [
-				{ "value": "0", "label": "Non" },
-				{ "value": "1", "label": "Yes" }
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "UNEMPLOYMENT",
-			"componentRef": "uu",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": "1",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/tooltip-response/tooltip.stories.js

@@ -1,83 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withReadme } from 'storybook-readme';
-import { TooltipResponse } from 'components';
-import Orchestrator from '../utils/orchestrator';
-import readme from './README.md';
-import { titleDecorator } from 'utils/lib';
-import mdLink from './md-link';
-import mdTooltip from './md-tooltip.json';
-import { positioningOptions, featuresOptions } from '../utils/options';
-import { boolean, object, select } from '@storybook/addon-knobs/react';
-
-const stories = storiesOf('Tooltip/Management', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Tooltip />" />;
-	});
-
-stories.addWithJSX('Forced', () => (
-	<div style={{ marginLeft: '50%' }}>
-		<TooltipResponse
-			id="response"
-			response={{
-				name: 'response',
-				values: {
-					COLLECTED: 'Collected',
-					FORCED: 'Forced',
-					EDITED: null,
-				},
-			}}
-		/>
-	</div>
-));
-
-stories.addWithJSX('Edited', () => (
-	<div style={{ marginLeft: '50%' }}>
-		<TooltipResponse
-			id="response"
-			response={{
-				name: 'response',
-				values: {
-					COLLECTED: 'Collected',
-					FORCED: 'Forced',
-					EDITED: 'Edited',
-				},
-			}}
-		/>
-	</div>
-));
-
-const storiesMD = storiesOf('Tooltip/Markdown', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="MD" />;
-	});
-
-storiesMD.addWithJSX('Link', () => (
-	<Orchestrator
-		id="link"
-		source={mdLink}
-		features={select('Features', featuresOptions, ['VTL', 'MD'])}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		bindings={object('Bindings', { NAME: 'Mauro' })}
-		disabled={boolean('Disabled', false)}
-		focused={boolean('Focused', false)}
-		management={boolean('Management', false)}
-	/>
-));
-
-storiesMD.addWithJSX('Tooltip', () => (
-	<Orchestrator
-		id="link"
-		source={mdTooltip}
-		features={select('Features', featuresOptions, ['VTL', 'MD'])}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		bindings={object('Bindings', { NAME: 'Mauro' })}
-		disabled={boolean('Disabled', false)}
-		focused={boolean('Focused', false)}
-		management={boolean('Management', false)}
-	/>
-));

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

@@ -1,117 +0,0 @@
-import React, { useEffect } from 'react';
-import * as lunatic from 'components';
-import './custom-lunatic.scss';
-
-function getStoreInfoRequired() {
-	return {};
-}
-
-const OrchestratorForStories = ({
-	source,
-	suggesters,
-	data = {},
-	management = false,
-	pagination = false,
-	modalForControls = false,
-	features = ['VTL'],
-	bindings: initialBindings,
-	initialPage = '1',
-	getStoreInfo = getStoreInfoRequired,
-	missing = false,
-	shortcut = false,
-	activeGoNextForMissing = false,
-	suggesterFetcher,
-	autoSuggesterLoading,
-	addExternal,
-	...rest
-}) => {
-	const preferences = management
-		? ['COLLECTED', 'FORCED', 'EDITED']
-		: ['COLLECTED'];
-	const savingType = management ? 'EDITED' : 'COLLECTED';
-	const {
-		handleChange,
-		handleExternals,
-		components,
-		bindings,
-		pagination: {
-			goNext,
-			goPrevious,
-			page,
-			setPage,
-			maxPage,
-			isFirstPage,
-			isLastPage,
-			flow,
-		},
-	} = lunatic.useLunaticSplit(source, data, {
-		suggesters,
-		savingType,
-		preferences,
-		features,
-		management,
-		pagination,
-		modalForControls,
-		initialPage,
-		suggesterFetcher,
-		autoSuggesterLoading,
-	});
-
-	useEffect(() => {
-		handleExternals(addExternal);
-	}, [addExternal, handleExternals]);
-
-	const Button = lunatic.Button;
-
-	const missingStrategy = (b) => goNext(null, b);
-
-	return (
-		<div className="container">
-			<div className="components">
-				{components.map((q) => {
-					const { id, componentType } = q;
-					const Component = lunatic[componentType];
-					const { storeName } = q;
-
-					return (
-						<div className="lunatic lunatic-component" key={`component-${id}`}>
-							<Component
-								{...rest}
-								{...q}
-								{...getStoreInfo(storeName)}
-								handleChange={handleChange}
-								preferences={preferences}
-								savingType={savingType}
-								management={management}
-								features={features}
-								bindings={{ ...bindings, ...initialBindings }}
-								currentPage={page}
-								setPage={setPage}
-								flow={flow}
-								pagination={pagination}
-								missing={missing}
-								shortcut={shortcut}
-								missingStrategy={activeGoNextForMissing && missingStrategy}
-							/>
-						</div>
-					);
-				})}
-			</div>
-			{pagination && (
-				<>
-					<div className="pagination">
-						<Button
-							onClick={goPrevious}
-							disabled={isFirstPage}
-							value="Previous"
-						/>
-						<Button onClick={goNext} disabled={isLastPage} value="Next" />
-					</div>
-					<div>{`Page : ${page}/${maxPage}`}</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,45 +0,0 @@
-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 +0,0 @@
-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 +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,67 +0,0 @@
-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' });
-	// });
-});

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

@@ -1,52 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { fakeSchedulers } from 'rxjs-marbles/jest';
-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', () => {
-		fakeSchedulers((advance) => {
-			const wrapper = shallow(
-				<ListDeclarationsWrapper {...defaultProps} type="radio" />
-			);
-			wrapper.find('input').first().simulate('change');
-			advance(400);
-			wrapper.update();
-			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);
-	});
-});