@inseefr/lunatic 0.2.62 → 0.3.0-v2

package/src/stories/textarea/README.md

@@ -1,29 +0,0 @@
-# Textarea component
-
-## Props
-
-|      Props      |      Type      | Default value | Required | Description                             |
-| :-------------: | :------------: | :-----------: | :------: | --------------------------------------- |
-|       id        |     string     |       -       |    ✓     | Id of the textarea                      |
-|      label      |     string     |       -       |    ✓     | Label of the textarea                   |
-| preferences \*  |     array      | ["COLLECTED"] |          | Preferences to manage textarea response |
-|   response \*   |     object     |      {}       |          | Response concerned by the component     |
-|   placeholder   |     string     |      ""       |          | Placeholder of the textarea             |
-|  handleChange   |      func      |       -       |    ✓     | Handler of the textarea                 |
-|      rows       |     number     |       5       |          | Number of rows of the textarea          |
-|    maxLength    | number, string |   Unlimited   |          | Maximum length of the textarea          |
-|    readOnly     |      bool      |     false     |          | Is the textarea read only               |
-|  labelPosition  |     string     |   "DEFAULT"   |          | Position of the textarea label          |
-|    required     |      bool      |     false     |          | Is the textarea required                |
-|     focused     |      bool      |     false     |          | Is the textarea focused                 |
-| declarations \* |     array      |      [ ]      |          | Declarations of the textarea            |
-|     tooltip     |      bool      |     false     |          | Tooltip of the textarea                 |
-|      style      |     object     |      {}       |          | Style of the textarea                   |
-
-- `preferences` props has to be an ordered array of `COLLECTED`, `FORCED` or `EDITED`
-- `response` props has to be a shape of `{name: string, valueState: object}`
-- `declarations` are documented in the `Declarations` component
-
-## Styles
-
-**Textarea** component has for classes `textarea-lunatic`.

package/src/stories/textarea/textarea.stories.js

@@ -1,85 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withReadme } from 'storybook-readme';
-import { Textarea } from 'components';
-import readme from './README.md';
-import { titleDecorator } from 'utils/lib';
-import {
-	text,
-	boolean,
-	number,
-	color,
-	object,
-	select,
-} from '@storybook/addon-knobs/react';
-
-const labelPositionOptions = {
-	DEFAULT: 'Default',
-	TOP: 'Top',
-	RIGHT: 'Right',
-	BOTTOM: 'Bottom',
-	LEFT: 'Left',
-};
-
-const defaultProps = {
-	handleChange: console.log,
-	response: {
-		name: 'INPUT',
-		valueState: [
-			{ valueType: 'COLLECTED', value: 'My collected textarea' },
-			{ valueType: 'FORCED', value: 'My forced textarea' },
-			{ valueType: 'EDITED', value: 'My edited textarea' },
-		],
-	},
-};
-
-const stories = storiesOf('Textarea', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator(Component => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Textarea />" />;
-	});
-
-stories.addWithJSX('Default', () => (
-	<Textarea id="default" label="Label" {...defaultProps} />
-));
-
-stories.addWithJSX('Props', () => (
-	<Textarea
-		id="props"
-		label={text('Label', "I'm the label of the textarea")}
-		placeholder={text('Placeholder', 'Placeholder')}
-		rows={number('Rows', 5)}
-		maxLength={number('Max length', 50)}
-		readOnly={boolean('Read only', false)}
-		required={boolean('Required', false)}
-		preferences={['COLLECTED', 'FORCED', 'EDITED']}
-		tooltip={boolean('Tooltip', false)}
-		focused={boolean('Focused', false)}
-		labelPosition={select('Label position', labelPositionOptions)}
-		{...defaultProps}
-	/>
-));
-
-stories.addWithJSX('Styled', () => (
-	<Textarea
-		id="styled"
-		label={text('Label', "I'm the label of the textarea")}
-		handleChange={console.log}
-		style={object('Generated style', {
-			'border-color': color('Border color', '#e80a4d'),
-			'border-width': number('Border-width', 5, {
-				range: true,
-				min: 2,
-				max: 20,
-				step: 1,
-			}),
-			'border-radius': number('Border-radius', 10, {
-				range: true,
-				min: 0,
-				max: 20,
-				step: 1,
-			}),
-		})}
-	/>
-));

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

@@ -1,14 +0,0 @@
-# TooltipResponse component
-
-## Props
-
-|    Props    |  Type  | Default value | Required | Description             |
-| :---------: | :----: | :-----------: | :------: | ----------------------- |
-|     id      | string |       -       |    ✓     | Id of the tooltip       |
-| response \* | string |      " "      |          | Response of the tooltip |
-
-- `response` props has to be a shape of `{name: string, valueState: object}`
-
-## Styles
-
-**TooltipResponse** component has for classes `tooltip-lunatic`.

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

@@ -1,43 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withReadme } from 'storybook-readme';
-import { TooltipResponse } from 'components';
-import readme from './README.md';
-import { titleDecorator } from 'utils/lib';
-
-const stories = storiesOf('TooltipResponse', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator(Component => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<TooltipResponse />" />;
-	});
-
-stories.addWithJSX('Default', () => <TooltipResponse id="default" />);
-
-stories.addWithJSX('Forced', () => (
-	<TooltipResponse
-		id="response"
-		response={{
-			name: 'response',
-			valueState: [
-				{ valueType: 'COLLECTED', value: 'Collected' },
-				{ valueType: 'FORCED', value: 'Forced' },
-				{ valueType: 'EDITED', value: '' },
-			],
-		}}
-	/>
-));
-
-stories.addWithJSX('Edited', () => (
-	<TooltipResponse
-		id="response"
-		response={{
-			name: 'response',
-			valueState: [
-				{ valueType: 'COLLECTED', value: 'Collected' },
-				{ valueType: 'FORCED', value: 'Forced' },
-				{ valueType: 'EDITED', value: 'Edited' },
-			],
-		}}
-	/>
-));

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,22 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { CheckboxBoolean } from 'components';
-
-describe('checkbox-boolean', () => {
-	const onChange = jest.fn();
-
-	it('renders without crashing', () => {
-		shallow(<CheckboxBoolean id="id" label={''} handleChange={onChange} />);
-	});
-
-	it('test VERTICAL positioning', () => {
-		shallow(
-			<CheckboxBoolean
-				id="id"
-				label={'label'}
-				handleChange={onChange}
-				positioning="VERTICAL"
-			/>
-		);
-	});
-});

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import { CheckboxGroup } from 'components';
-
-describe('checkbox-group', () => {
-	const onChange = jest.fn();
-	const responses = [
-		{ id: '1', value: false, label: 'France' },
-		{ id: '2', value: false, label: 'Italy' },
-	];
-
-	it('renders without crashing', () => {
-		mount(
-			<CheckboxGroup id={''} handleChange={onChange} responses={responses} />
-		);
-	});
-});

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import { CheckboxOne } from 'components';
-
-const handleChange = jest.fn();
-const options = [
-	{ value: 'france', label: 'France' },
-	{ value: 'italy', label: 'Italy' },
-];
-
-const defaultProps = { id: 'id', label: 'label', handleChange, options };
-
-describe('checkbox-one', () => {
-	it('renders without crashing', () => {
-		mount(<CheckboxOne {...defaultProps} />);
-	});
-});

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

@@ -1,42 +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 readOnly component', () => {
-		const wrapper = shallow(<Datepicker {...defaultProps} readOnly />);
-		expect(wrapper.find('input').prop('readOnly')).toBeTruthy();
-	});
-
-	it('returns enabled component', () => {
-		const wrapper = shallow(<Datepicker {...defaultProps} />);
-		expect(wrapper.find('input').prop('readOnly')).toBeFalsy();
-	});
-
-	it('returns required component', () => {
-		const wrapper = shallow(<Datepicker {...defaultProps} required />);
-		expect(wrapper.find('input').prop('required')).toBeTruthy();
-	});
-
-	it('should trigger the change event', () => {
-		const wrapper = shallow(<Datepicker {...defaultProps} />);
-		wrapper.find('input').simulate('change', {
-			target: {
-				value: 'new value',
-			},
-		});
-		expect(handleChange).toHaveBeenCalled();
-		expect(handleChange).toHaveBeenCalledWith({ '': 'new value' });
-	});
-});

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 'utils/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/dropdown.spec.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { Dropdown } from 'components';
-
-const handleChange = jest.fn();
-const defaultProps = {
-	id: 'id',
-	label: 'label',
-	handleChange,
-	options: [
-		{ value: 'france', label: 'France' },
-		{ value: 'italy', label: 'Italy' },
-	],
-};
-
-describe('dropdown', () => {
-	it('renders without crashing', () => {
-		shallow(<Dropdown {...defaultProps} />);
-	});
-});

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

@@ -1,85 +0,0 @@
-import React from 'react';
-import { shallow } 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}
-				required={true}
-				unit="euros"
-				validators={[({ value }) => (value ? undefined : 'Value is required')]}
-			/>
-		);
-	});
-
-	it('returns readOnly component', () => {
-		const wrapper = shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={0}
-				max={100}
-				readOnly
-			/>
-		);
-		expect(wrapper.find('input').prop('readOnly')).toBe(true);
-	});
-
-	it('returns readOnly component', () => {
-		const wrapper = shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={0}
-				max={100}
-				readOnly
-			/>
-		);
-		expect(wrapper.find('input').prop('readOnly')).toBe(true);
-	});
-
-	it('returns enabled component', () => {
-		const wrapper = shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={0}
-				max={100}
-				required={true}
-				decimals={1}
-			/>
-		);
-		expect(wrapper.find('input').prop('readOnly')).toBe(false);
-	});
-
-	it('should trigger the change event', () => {
-		const wrapper = shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={0}
-				max={100}
-			/>
-		);
-		wrapper.find('input').simulate('change', {
-			target: {
-				value: 10,
-			},
-		});
-		expect(handleChange).toHaveBeenCalled();
-		expect(handleChange).toHaveBeenCalledWith({ '': 10 });
-	});
-});

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

@@ -1,38 +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 readOnly component', () => {
-		const wrapper = shallow(<Input {...defaultProps} readOnly />);
-		expect(wrapper.find('input').prop('readOnly')).toBeTruthy();
-	});
-
-	it('returns enabled component', () => {
-		const wrapper = shallow(<Input {...defaultProps} />);
-		expect(wrapper.find('input').prop('readOnly')).toBeFalsy();
-	});
-
-	it('returns required component', () => {
-		const wrapper = shallow(<Input {...defaultProps} required />);
-		expect(wrapper.find('input').prop('required')).toBeTruthy();
-	});
-
-	it('should trigger the change event', () => {
-		const wrapper = shallow(<Input {...defaultProps} />);
-		wrapper.find('input').simulate('change', {
-			target: {
-				value: 'new value',
-			},
-		});
-		expect(handleChange).toHaveBeenCalled();
-		expect(handleChange).toHaveBeenCalledWith({ '': 'new value' });
-	});
-});

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

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import { Radio } from 'components';
-
-const handleChange = jest.fn();
-const defaultProps = {
-	id: 'id',
-	label: 'label',
-	handleChange,
-	options: [
-		{ value: 'france', label: 'France' },
-		{ value: 'italy', label: 'Italy' },
-	],
-	positioning: 'VERTICAL',
-};
-
-describe('radio', () => {
-	it('renders without crashing', () => {
-		mount(<Radio {...defaultProps} />);
-	});
-});

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { Sequence } from 'components';
-
-describe('sequence', () => {
-	it('renders without crashing', () => {
-		shallow(<Sequence id="module-id" label="Sequence" />);
-	});
-});

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { Subsequence } from 'components';
-
-describe('subsequence', () => {
-	it('renders without crashing', () => {
-		shallow(<Subsequence id="subsequence-id" label="Subsequence" />);
-	});
-});

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import { Table } from 'components';
-
-describe('table', () => {
-	const handleChange = jest.fn();
-
-	it('renders without crashing', () => {
-		mount(<Table id={'table-id'} handleChange={handleChange} />);
-	});
-});

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

@@ -1,38 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { Textarea } from 'components';
-
-const handleChange = jest.fn();
-const defaultProps = { id: 'id', label: 'label', handleChange };
-
-describe('textarea', () => {
-	it('renders without crashing', () => {
-		shallow(<Textarea {...defaultProps} />);
-	});
-
-	it('returns readOnly component', () => {
-		const wrapper = shallow(<Textarea {...defaultProps} readOnly />);
-		expect(wrapper.find('textarea').prop('readOnly')).toBeTruthy();
-	});
-
-	it('returns enabled component', () => {
-		const wrapper = shallow(<Textarea {...defaultProps} />);
-		expect(wrapper.find('textarea').prop('readOnly')).toBeFalsy();
-	});
-
-	it('returns required component', () => {
-		const wrapper = shallow(<Textarea {...defaultProps} required />);
-		expect(wrapper.find('textarea').prop('required')).toBeTruthy();
-	});
-
-	it('should trigger the change event', () => {
-		const wrapper = shallow(<Textarea {...defaultProps} />);
-		wrapper.find('textarea').simulate('change', {
-			target: {
-				value: 'new textarea value',
-			},
-		});
-		expect(handleChange).toHaveBeenCalled();
-		expect(handleChange).toHaveBeenCalledWith({ '': 'new textarea value' });
-	});
-});

package/src/tests/setup/setupTests.js

@@ -1,4 +0,0 @@
-import { configure } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
-
-configure({ adapter: new Adapter() });

package/src/tests/utils/lib/decorator/title-decorator.spec.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { titleDecorator } from 'utils/lib';
-import { shallow } from 'enzyme';
-
-describe('string utils', () => {
-	describe('titleDecorator', () => {
-		it('renders without crashing', () => {
-			const WrappedComponent = titleDecorator(() => <div>Component</div>);
-			shallow(<WrappedComponent title="Component title" />);
-		});
-	});
-});

package/src/tests/utils/lib/items-positioning.spec.js

@@ -1,17 +0,0 @@
-import { getItemsPositioningClass } from 'utils/lib';
-
-describe('string utils', () => {
-	describe('getItemsPositioningClass', () => {
-		it('should return default value', () => {
-			expect(getItemsPositioningClass()).toEqual('');
-			expect(getItemsPositioningClass('')).toEqual('');
-			expect(getItemsPositioningClass('DEFAULT')).toEqual('');
-			expect(getItemsPositioningClass('VERTICAL')).toEqual('');
-		});
-		it('should return "horizontal-options"', () => {
-			expect(getItemsPositioningClass('HORIZONTAL')).toEqual(
-				'horizontal-options'
-			);
-		});
-	});
-});

package/src/tests/utils/lib/label-position.spec.js

@@ -1,19 +0,0 @@
-import { getLabelPositionClass } from 'utils/lib';
-
-describe('string utils', () => {
-	describe('getLabelPositionClass', () => {
-		it('should return default value', () => {
-			expect(getLabelPositionClass()).toEqual('label-left');
-			expect(getLabelPositionClass('')).toEqual('label-left');
-		});
-		it('should return "label-top"', () => {
-			expect(getLabelPositionClass('TOP')).toEqual('label-top');
-		});
-		it('should return "label-bottom"', () => {
-			expect(getLabelPositionClass('BOTTOM')).toEqual('label-bottom');
-		});
-		it('should return "label-right"', () => {
-			expect(getLabelPositionClass('RIGHT')).toEqual('label-right');
-		});
-	});
-});