@inseefr/lunatic 2.0.0-rc9 → 2.0.0-v2test

package/src/stories/progress-bar/README.md

@@ -1,13 +0,0 @@
-# ProgressBar component
-
-## Props
-
-| Props |  Type  | Default value | Required | Description                |
-| :---: | :----: | :-----------: | :------: | -------------------------- |
-|  id   | string |       -       |    ✓     | Id of the the progress bar |
-| value | number |               |    ✓     | Value of the progress bar  |
-| style | object |      { }      |          | Style of the progress bar  |
-
-## Styles
-
-**ProgressBar** component has for classes `progress-lunatic`

package/src/stories/progress-bar/progress-bar.stories.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withReadme } from 'storybook-readme';
-import { ProgressBar } from 'components';
-import readme from './README.md';
-import { titleDecorator } from 'utils/lib';
-
-const stories = storiesOf('ProgressBar', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator(Component => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<ProgressBar />" />;
-	});
-
-stories.addWithJSX('Default', () => (
-	<>
-		{Array.from(new Array(11), (a, i) => (
-			<React.Fragment key={i}>
-				<ProgressBar id={`default-${i * 10}`} value={i * 10} />
-				<br />
-			</React.Fragment>
-		))}
-	</>
-));

package/src/stories/radio/README.md

@@ -1,31 +0,0 @@
-# Radio component
-
-## Props
-
-|      Props      |  Type  |              Default value               | Required | Description                          |
-| :-------------: | :----: | :--------------------------------------: | :------: | ------------------------------------ |
-|       id        | string |                    -                     |    ✓     | Id of the radio                      |
-|      label      | string |                    ""                    |          | Fieldset label of the radio          |
-| preferences \*  | array  |              ["COLLECTED"]               |          | Preferences to manage radio response |
-|   response \*   | object |                    {}                    |          | Response concerned by the component  |
-|   options \*    | array  |                    []                    |          | Options of the radio                 |
-|  handleChange   |  func  |                    -                     |    ✓     | Handler of the radio                 |
-|    disabled     |  bool  |                  false                   |          | Is the radio options disabled        |
-|     focused     |  bool  |                  false                   |          | Is the radio options focused         |
-| positioning \*  | string |                "DEFAULT"                 |          | Checkbox options positioning         |
-| declarations \* | array  |                    []                    |          | Declarations of the radio            |
-|    features     | array  |                   [ ]                    |          | Component features for labels        |
-|    bindings     | object |                   [ ]                    |          | Questionnaire bindings               |
-|   management    |  bool  |                  false                   |          | Management mode of the radio         |
-|    style \*     | object | { fieldsetStyle: {}, modalityStyle: {} } |          | Style of the radio                   |
-
-- `preferences` props has to be an ordered array of `COLLECTED`, `FORCED` or `EDITED`
-- `response` props has to be a shape of `{name: string, values: object}`
-- `options` props has to be an array made by objects with a shape of `{label: string, value: string}`
-- `positioning` props has to be one of `DEFAULT`, `HORIZONTAL` or `VERTICAL`
-- `declarations` are documented in the `Declarations` component
-- `style` props has to be composed of `fieldsetStyle` and `modalityStyle`
-
-## Styles
-
-**CheckboxOne** component has for classes `radio-group`, `radio-modality` and `radio-lunatic`.

package/src/stories/radio/data-vtl.json

@@ -1,32 +0,0 @@
-{
-	"components": [
-		{
-			"id": "rr",
-			"componentType": "Radio",
-			"mandatory": false,
-			"label": "➡ 1. In which city do the Simpsons reside?",
-			"response": {
-				"name": "CITY"
-			},
-			"options": [
-				{ "value": "00001", "label": "Springfield" },
-				{ "value": "00002", "label": "Shelbyville" },
-				{ "value": "00003", "label": "CITY" }
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "CITY",
-			"componentRef": "rr",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "00002",
-				"FORCED": "00001",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/radio/data.json

@@ -1,32 +0,0 @@
-{
-	"components": [
-		{
-			"id": "rr",
-			"componentType": "Radio",
-			"mandatory": false,
-			"label": "➡ 1. In which city do the Simpsons reside?",
-			"response": {
-				"name": "CITY"
-			},
-			"options": [
-				{ "value": "00001", "label": "Springfield" },
-				{ "value": "00002", "label": "Shelbyville" },
-				{ "value": "00003", "label": "Seinfeld" }
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "CITY",
-			"componentRef": "rr",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "00002",
-				"FORCED": "00001",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/radio/radio.stories.js

@@ -1,81 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withReadme } from 'storybook-readme';
-import Orchestrator from '../utils/orchestrator';
-import readme from './README.md';
-import { titleDecorator } from 'utils/lib';
-import data from './data';
-import dataVTL from './data-vtl';
-import { positioningOptions, featuresOptions } from '../utils/options';
-import {
-	text,
-	boolean,
-	number,
-	color,
-	object,
-	select,
-} from '@storybook/addon-knobs/react';
-
-const stories = storiesOf('Radio', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Radio />" />;
-	});
-
-stories.addWithJSX('Default', () => (
-	<Orchestrator id="default" source={data} />
-));
-
-stories.addWithJSX('Props', () => (
-	<Orchestrator
-		id="props"
-		source={dataVTL}
-		label={text('Label', '"I\'m the label of the radio"')}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		features={select('Features', featuresOptions, [])}
-		bindings={object('Bindings', { CITY: 'Springfield' })}
-		disabled={boolean('Disabled', false)}
-		focused={boolean('Focused', false)}
-		management={boolean('Management', false)}
-	/>
-));
-
-stories.addWithJSX('Styled', () => (
-	<Orchestrator
-		id="styled"
-		source={data}
-		style={object('Generated style', {
-			fieldsetStyle: {
-				'border-color': color('Fieldset color', '#e80a4d'),
-				'border-width': number('Border-width', 3, {
-					range: true,
-					min: 0,
-					max: 20,
-					step: 1,
-				}),
-				'border-radius': number('Border-radius', 5, {
-					range: true,
-					min: 0,
-					max: 20,
-					step: 1,
-				}),
-			},
-			modalityStyle: {
-				'border-color': color('Checked label border color', '#e80a4d'),
-				'border-width': number('Checked label border width', 3, {
-					range: true,
-					min: 0,
-					max: 20,
-					step: 1,
-				}),
-				'border-radius': number('Checked label border radius', 5, {
-					range: true,
-					min: 0,
-					max: 20,
-					step: 1,
-				}),
-			},
-		})}
-	/>
-));

package/src/stories/sequence/README.md

@@ -1,18 +0,0 @@
-# Sequence component
-
-## Props
-
-|      Props      |  Type  | Default value | Required | Description                   |
-| :-------------: | :----: | :-----------: | :------: | ----------------------------- |
-|       id        | string |       -       |    ✓     | Id of the sequence            |
-|      label      | string |       -       |    ✓     | Label of the sequence         |
-| declarations \* | array  |      [ ]      |          | Declarations of the sequence  |
-|    features     | array  |      [ ]      |          | Component features for labels |
-|    bindings     | object |      [ ]      |          | Questionnaire bindings        |
-|      style      | object |      { }      |          | Style of the sequence         |
-
-- `declarations` are documented in the `Declarations` component
-
-## Styles
-
-**Sequence** component has for class `sequence-lunatic`.

package/src/stories/sequence/sequence.stories.js

@@ -1,58 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withReadme } from 'storybook-readme';
-import { Sequence } from 'components';
-import readme from './README.md';
-import { titleDecorator } from 'utils/lib';
-import { featuresOptions } from '../utils/options';
-import {
-	text,
-	number,
-	color,
-	object,
-	select,
-} from '@storybook/addon-knobs/react';
-
-const stories = storiesOf('Sequence', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator(Component => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Sequence />" />;
-	});
-
-stories.addWithJSX('Default', () => (
-	<Sequence id="default" label="Label of my sequence" />
-));
-
-stories.addWithJSX('Props', () => (
-	<Sequence
-		id="props"
-		label={text('Label', '"Label of my sequence: " || TEST')}
-		features={select('Features', featuresOptions, [])}
-		bindings={object('Bindings', { TEST: 'test' })}
-	/>
-));
-
-stories.addWithJSX('Styled', () => (
-	<Sequence
-		id="styled"
-		label={text('Label', 'Label of my sequence')}
-		style={object('Generated style', {
-			color: color('Color', 'white'),
-			'background-color': color('Background color', '#e80a4d'),
-			'border-color': color('Border color', '#e80a4d'),
-			'border-width': number('Border-width', 0, {
-				range: true,
-				min: 0,
-				max: 20,
-				step: 1,
-			}),
-			'border-radius': number('Border-radius', 0, {
-				range: true,
-				min: 0,
-				max: 20,
-				step: 1,
-			}),
-		})}
-	/>
-));

package/src/stories/subsequence/README.md

@@ -1,18 +0,0 @@
-# Subsequence component
-
-## Props
-
-|      Props      |  Type  | Default value | Required | Description                     |
-| :-------------: | :----: | :-----------: | :------: | ------------------------------- |
-|       id        | string |       -       |    ✓     | Id of the subsequence           |
-|      label      | string |       -       |    ✓     | Label of the subsequence        |
-| declarations \* | array  |      [ ]      |          | Declarations of the subsequence |
-|    features     | array  |      [ ]      |          | Component features for labels   |
-|    bindings     | object |      [ ]      |          | Questionnaire bindings          |
-|      style      | object |      {}       |          | Style of the subsequence        |
-
-- `declarations` are documented in the `Declarations` component
-
-## Styles
-
-**Subsequence** component has for class `subsequence-lunatic`.

package/src/stories/subsequence/subsequence.stories.js

@@ -1,58 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withReadme } from 'storybook-readme';
-import { Subsequence } from 'components';
-import readme from './README.md';
-import { titleDecorator } from 'utils/lib';
-import { featuresOptions } from '../utils/options';
-import {
-	text,
-	number,
-	color,
-	object,
-	select,
-} from '@storybook/addon-knobs/react';
-
-const stories = storiesOf('Subsequence', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator(Component => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Subsequence />" />;
-	});
-
-stories.addWithJSX('Default', () => (
-	<Subsequence id="default" label="Label of my subsequence" />
-));
-
-stories.addWithJSX('Props', () => (
-	<Subsequence
-		id="props"
-		label={text('Label', '"Label of my subsequence: " || test')}
-		features={select('Features', featuresOptions, [])}
-		bindings={object('Bindings', { test: 'test' })}
-	/>
-));
-
-stories.addWithJSX('Styled', () => (
-	<Subsequence
-		id="styled"
-		label={text('Label', 'Label of my subsequence')}
-		style={object('Generated style', {
-			color: color('Color', 'white'),
-			'background-color': color('Background color', '#e80a4d'),
-			'border-color': color('Border color', '#e80a4d'),
-			'border-width': number('Border-width', 0, {
-				range: true,
-				min: 0,
-				max: 20,
-				step: 1,
-			}),
-			'border-radius': number('Border-radius', 0, {
-				range: true,
-				min: 0,
-				max: 20,
-				step: 1,
-			}),
-		})}
-	/>
-));

package/src/stories/table/README.md

@@ -1,29 +0,0 @@
-# Table component
-
-## Props
-
-|      Props      |  Type  | Default value | Required | Description                           |
-| :-------------: | :----: | :-----------: | :------: | ------------------------------------- |
-|       id        | string |       -       |    ✓     | Id of the table                       |
-|      label      | string |      ""       |          | Label of the table                    |
-| preferences \*  | array  | ["COLLECTED"] |          | Preferences to manage table response  |
-|    cells \*     | array  |      []       |          | Table cells                           |
-|  handleChange   |  func  |       -       |    ✓     | Handler of the table                  |
-|      lines      | object |      {}       |          | Min and max lines for evolutive table |
-| declarations \* | array  |      []       |          | Declarations of the table             |
-|    features     | array  |      [ ]      |          | Component features for labels         |
-|    bindings     | object |      [ ]      |          | Questionnaire bindings                |
-| positioning \*  | string |   "DEFAULT"   |          | Cell options positioning              |
-|   addBtnLabel   | string | "Add a line"  |          | Label of the button to add lines      |
-|     hideBtn     |  bool  |     false     |          | Hide the add button                   |
-|   management    |  bool  |     false     |          | Management mode of the table          |
-|      style      | object |      {}       |          | Style of the table                    |
-
-- `preferences` props has to be an ordered array of `COLLECTED`, `FORCED` or `EDITED`
-- `cells` props has to be an array of array's components
-- `positioning` props has to be one of `DEFAULT`, `HORIZONTAL` or `VERTICAL`
-- `declarations` are documented in the `Declarations` component
-
-## Styles
-
-**Table** component has for class `table-lunatic`.

package/src/stories/table/data-one-axis-one-measure.json

@@ -1,124 +0,0 @@
-{
-	"components": [
-		{
-			"id": "table",
-			"componentType": "Table",
-			"mandatory": false,
-			"cells": [
-				[
-					{ "label": "Vanilla", "value": "1" },
-					{
-						"componentType": "Dropdown",
-						"id": "j6p29i81-QOP-jbgdb3jx",
-						"response": {
-							"name": "ICE_FLAVOUR1",
-							"values": {
-								"PREVIOUS": null,
-								"COLLECTED": "1",
-								"FORCED": null,
-								"EDITED": null,
-								"INPUTED": null
-							}
-						},
-						"options": [
-							{ "value": "1", "label": "Yes" },
-							{ "value": "0", "label": "No" }
-						]
-					}
-				],
-				[
-					{ "label": "Strawberry", "value": "2" },
-					{
-						"componentType": "Dropdown",
-						"id": "j6p29i81-QOP-jbgdb61k",
-						"response": {
-							"name": "ICE_FLAVOUR2"
-						},
-						"options": [
-							{ "value": "1", "label": "Yes" },
-							{ "value": "0", "label": "No" }
-						]
-					}
-				],
-				[
-					{ "label": "Apple", "value": "3" },
-					{
-						"componentType": "Dropdown",
-						"id": "j6p29i81-QOP-jbgdl3kc",
-						"response": {
-							"name": "ICE_FLAVOUR3"
-						},
-						"options": [
-							{ "value": "1", "label": "Yes" },
-							{ "value": "0", "label": "No" }
-						]
-					}
-				],
-				[
-					{ "label": "Bacon", "value": "4" },
-					{
-						"componentType": "Dropdown",
-						"id": "j6p29i81-QOP-jbgdcobo",
-						"response": {
-							"name": "ICE_FLAVOUR4"
-						},
-						"options": [
-							{ "value": "1", "label": "Yes" },
-							{ "value": "0", "label": "No" }
-						]
-					}
-				]
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "ICE_FLAVOUR1",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "1",
-				"FORCED": "0",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "ICE_FLAVOUR2",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "1",
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "ICE_FLAVOUR3",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "ICE_FLAVOUR4",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}