@inseefr/lunatic 2.3.1 → 2.4.0

package/src/stories/dropdown/data-props.json

@@ -1,81 +0,0 @@
-{
-	"components": [
-		{
-			"id": "j4nw5cqz",
-			"componentType": "Dropdown",
-			"mandatory": false,
-			"label": "\"In which state do The \" || NAME || \" reside?\"",
-			"response": {
-				"name": "STATE"
-			},
-			"options": [
-				{
-					"value": "1",
-					"label": "Washington Washington Washington Washington Washington Washington"
-				},
-				{ "value": "2", "label": "Kentucky" },
-				{ "value": "3", "label": "Ohio" },
-				{ "value": "4", "label": "Maine" },
-				{ "value": "5", "label": "North Dakota" },
-				{ "value": "6", "label": "Florida" },
-				{ "value": "7", "label": "North Takoma" },
-				{ "value": "8", "label": "California" },
-				{ "value": "9", "label": "TEXAS" },
-				{ "value": "10", "label": "Massachusetts" },
-				{ "value": "11", "label": "Nevada" },
-				{ "value": "12", "label": "Illinois" },
-				{ "value": "13", "label": "Not in any state, you fool!" }
-			]
-		},
-		{
-			"id": "j4nw5cqz-bis",
-			"componentType": "Dropdown",
-			"mandatory": false,
-			"label": "\"In which state do The \" || NAME || \" reside?\"",
-			"response": {
-				"name": "STATE2"
-			},
-			"options": [
-				{ "value": "1", "label": "Washington" },
-				{ "value": "2", "label": "Kentucky" },
-				{ "value": "3", "label": "Ohio" },
-				{ "value": "4", "label": "Maine" },
-				{ "value": "5", "label": "North Dakota" },
-				{ "value": "6", "label": "Florida" },
-				{ "value": "7", "label": "North Takoma" },
-				{ "value": "8", "label": "California" },
-				{ "value": "9", "label": "TEXAS" },
-				{ "value": "10", "label": "Massachusetts" },
-				{ "value": "11", "label": "Nevada" },
-				{ "value": "12", "label": "Illinois" },
-				{ "value": "13", "label": "Not in any state, you fool!" }
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "STATE",
-			"componentRef": "j4nw5cqz",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "2",
-				"FORCED": "3",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "STATE2",
-			"componentRef": "j4nw5cqz-bis",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "3",
-				"FORCED": "2",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/dropdown/data.json

@@ -1,78 +0,0 @@
-{
-	"components": [
-		{
-			"id": "j4nw5cqz",
-			"componentType": "Dropdown",
-			"mandatory": false,
-			"label": "In which state do The Simpsons reside?",
-			"response": {
-				"name": "STATE"
-			},
-			"options": [
-				{ "value": "1", "label": "Washington" },
-				{ "value": "2", "label": "Kentucky" },
-				{ "value": "3", "label": "Ohio" },
-				{ "value": "4", "label": "Maine" },
-				{ "value": "5", "label": "North Dakota" },
-				{ "value": "6", "label": "Florida" },
-				{ "value": "7", "label": "North Takoma" },
-				{ "value": "8", "label": "California" },
-				{ "value": "9", "label": "Texas" },
-				{ "value": "10", "label": "Massachusetts" },
-				{ "value": "11", "label": "Nevada" },
-				{ "value": "12", "label": "Illinois" },
-				{ "value": "13", "label": "Not in any state, you fool!" }
-			]
-		},
-		{
-			"id": "j4nw5cqz-bis",
-			"componentType": "Dropdown",
-			"mandatory": false,
-			"label": "In which state do The Simpsons reside?",
-			"response": {
-				"name": "STATE2"
-			},
-			"options": [
-				{ "value": "1", "label": "Washington" },
-				{ "value": "2", "label": "Kentucky" },
-				{ "value": "3", "label": "Ohio" },
-				{ "value": "4", "label": "Maine" },
-				{ "value": "5", "label": "North Dakota" },
-				{ "value": "6", "label": "Florida" },
-				{ "value": "7", "label": "North Takoma" },
-				{ "value": "8", "label": "California" },
-				{ "value": "9", "label": "Texas" },
-				{ "value": "10", "label": "Massachusetts" },
-				{ "value": "11", "label": "Nevada" },
-				{ "value": "12", "label": "Illinois" },
-				{ "value": "13", "label": "Not in any state, you fool!" }
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "STATE",
-			"componentRef": "j4nw5cqz",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "2",
-				"FORCED": "3",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "STATE2",
-			"componentRef": "j4nw5cqz-bis",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "3",
-				"FORCED": "2",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/dropdown/dropdown.stories.js

@@ -1,65 +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 dataProps from './data-props';
-import dataNAF from './data-naf';
-import { labelPositionOptions, featuresOptions } from '../utils/options';
-import {
-	text,
-	boolean,
-	select,
-	object,
-	number,
-} from '@storybook/addon-knobs/react';
-
-const stories = storiesOf('Dropdown', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Dropdown />" />;
-	});
-
-stories.addWithJSX('Default', () => (
-	<Orchestrator id="default" source={data} />
-));
-
-stories.addWithJSX('Props', () => (
-	<Orchestrator
-		id="props"
-		source={dataProps}
-		placeholder={text('Placeholder', 'Placeholder')}
-		features={select('Features', featuresOptions, [])}
-		bindings={object('Bindings', { NAME: 'Simpsons', TEXAS: 'Texas' })}
-		disabled={boolean('Disabled', false)}
-		focused={boolean('Focused', false)}
-		writable={boolean('Writable', false)}
-		widthAuto={boolean('Options auto width', false)}
-		labelPosition={select('Label position', labelPositionOptions, 'DEFAULT')}
-		mandatory={boolean('Mandatory', false)}
-		management={boolean('Management', false)}
-		zIndex={number('zIndex', 0)}
-		freezeOptions={boolean('Freeze options', false)}
-	/>
-));
-
-stories.addWithJSX('Naf', () => (
-	<Orchestrator
-		id="props"
-		source={dataNAF}
-		placeholder={text('Placeholder', 'Placeholder')}
-		features={select('Features', featuresOptions, [])}
-		bindings={object('Bindings', { NAME: 'Simpsons', TEXAS: 'Texas' })}
-		disabled={boolean('Disabled', false)}
-		focused={boolean('Focused', false)}
-		writable={boolean('Writable', false)}
-		labelPosition={select('Label position', labelPositionOptions, 'DEFAULT')}
-		mandatory={boolean('Mandatory', false)}
-		management={boolean('Management', false)}
-		zIndex={number('zIndex', 0)}
-		freezeOptions={boolean('Freeze options', true)}
-	/>
-));

package/src/stories/filter-description/README.md

@@ -1,15 +0,0 @@
-# FilterDescription component
-
-## Props
-
-|       Props       |  Type  | Default value | Required | Description                     |
-| :---------------: | :----: | :-----------: | :------: | ------------------------------- |
-|       label       | string |       -       |    ✓     | Label of the filter description |
-| filterDescription |  bool  |     false     |          | Is filter description displayed |
-|     features      | array  |      [ ]      |          | Component features for label    |
-|     bindings      | object |      [ ]      |          | Questionnaire bindings          |
-|       style       | object |      { }      |          | Style of the filter description |
-
-## Styles
-
-**Breadcrumb** component has for class `filter-description-lunatic`.

package/src/stories/filter-description/filter-description.stories.js

@@ -1,53 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import Orchestrator from '../utils/orchestrator';
-import { withReadme } from 'storybook-readme';
-import readme from './README.md';
-import { titleDecorator } from 'utils/lib';
-import { featuresOptions } from '../utils/options';
-import { text, boolean, select, object } from '@storybook/addon-knobs/react';
-
-const stories = storiesOf('FilterDescription', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<FilterDescription />" />;
-	});
-
-const data = {
-	components: [
-		{
-			id: 'j6p6my1d',
-			componentType: 'FilterDescription',
-			filterDescription: true,
-			label: 'If you are not ready, please go to the end of the questionnaire',
-		},
-	],
-};
-
-stories.addWithJSX('Default', () => <Orchestrator source={data} />);
-
-const dataProps = {
-	components: [
-		{
-			id: 'j6p6my1d',
-			componentType: 'FilterDescription',
-			filterDescription: true,
-			label:
-				'"If you are not ready, please go to the end of the questionnaire: " || TITLE',
-		},
-	],
-};
-
-stories.addWithJSX('Props', () => (
-	<Orchestrator
-		source={dataProps}
-		label={text(
-			'Label',
-			'"If you are not ready, please go to the end of the questionnaire: " || TITLE'
-		)}
-		filterDescription={boolean('Filter description', true)}
-		features={select('Features', featuresOptions, [])}
-		bindings={object('Bindings', { TITLE: 'Title' })}
-	/>
-));

package/src/stories/input/README.md

@@ -1,33 +0,0 @@
-# Input component
-
-## Props
-
-|      Props       |      Type      | Default value | Required | Description                          |
-| :--------------: | :------------: | :-----------: | :------: | ------------------------------------ |
-|        id        |     string     |       -       |    ✓     | Id of the input                      |
-|      label       |     string     |      ""       |          | Label of the input                   |
-|  preferences \*  |     array      | ["COLLECTED"] |          | Preferences to manage input response |
-|   response \*    |     object     |      {}       |          | Response concerned by the component  |
-|   placeholder    |     string     |      " "      |          | Placeholder of the input             |
-|   handleChange   |      func      |       -       |    ✓     | Handler of the input                 |
-|     readOnly     |      bool      |     false     |          | Is the input read only               |
-|     disabled     |      bool      |     false     |          | Is the input disabled                |
-|    maxLength     | number, string |    524 288    |          | Maximum length of the input          |
-|   autoComplete   |      bool      |     false     |          | Is the input autocompletable         |
-| labelPosition \* |     string     |   "DEFAULT"   |          | Position of the input label          |
-|    mandatory     |      bool      |     false     |          | Is the input mandatory               |
-|     focused      |      bool      |     false     |          | Is the input focused                 |
-| declarations \*  |     array      |      []       |          | Declarations of the input            |
-|     features     |     array      |      [ ]      |          | Component features for labels        |
-|     bindings     |     object     |      [ ]      |          | Questionnaire bindings               |
-|    management    |      bool      |     false     |          | Management mode of the input         |
-|      style       |     object     |      {}       |          | Style of the input                   |
-
-- `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}`
-- `labelPosition` props has to be one of `DEFAULT`, `TOP`, `BOTTOM`, `RIGHT` or `LEFT`
-- `declarations` are documented in the `Declarations` component
-
-## Styles
-
-**Input** component has for class `.input-lunatic`.

package/src/stories/input/data.json

@@ -1,28 +0,0 @@
-{
-	"components": [
-		{
-			"id": "j3343qhx",
-			"componentType": "Input",
-			"mandatory": false,
-			"maxLength": "30",
-			"label": "➡ 3. Who is the producer?",
-			"response": {
-				"name": "PRODUCER"
-			}
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "PRODUCER",
-			"componentRef": "j3343qhx",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "Matt Groening",
-				"FORCED": null,
-				"EDITED": "Matt Groening and James L. Brooks",
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/input/input.stories.js

@@ -1,44 +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 { labelPositionOptions, featuresOptions } from '../utils/options';
-import {
-	text,
-	boolean,
-	number,
-	object,
-	select,
-} from '@storybook/addon-knobs/react';
-
-const stories = storiesOf('Input', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Input />" />;
-	});
-
-stories.addWithJSX('Default', () => (
-	<Orchestrator id="default" source={data} />
-));
-
-stories.addWithJSX('Props', () => (
-	<Orchestrator
-		id="props"
-		source={data}
-		label={text('Label', '"I\'m the label of the input"')}
-		placeholder={text('Placeholder', 'Placeholder')}
-		features={select('Features', featuresOptions, [])}
-		bindings={object('Bindings', { test: 'test' })}
-		readOnly={boolean('Read only', false)}
-		maxLength={number('Max length', 50)}
-		autoComplete={boolean('Autocomplete', false)}
-		mandatory={boolean('Mandatory', false)}
-		focused={boolean('Focused', false)}
-		management={boolean('Management', false)}
-		labelPosition={select('Label position', labelPositionOptions, 'DEFAULT')}
-	/>
-));

package/src/stories/input-number/README.md

@@ -1,37 +0,0 @@
-# InputNumber component
-
-## Props
-
-|      Props       |  Type  | Default value | Required | Description                          |
-| :--------------: | :----: | :-----------: | :------: | ------------------------------------ |
-|        id        | string |       -       |    ✓     | Id of the input                      |
-|      label       | string |      " "      |          | Label of the input                   |
-|  preferences \*  | array  | ["COLLECTED"] |          | Preferences to manage input response |
-|   response \*    | object |      {}       |          | Response concerned by the component  |
-|       min        | number |   undefined   |          | Minimum of the input                 |
-|       max        | number |   undefined   |          | Maximum of the input                 |
-|     decimals     | number |       0       |          | Number of decimals of the input      |
-|   placeholder    | string |      ""       |          | Placeholder of the input             |
-|   handleChange   |  func  |       -       |    ✓     | Handler of the input                 |
-|     readOnly     |  bool  |     false     |          | Is the input read only               |
-|     disabled     |  bool  |     false     |          | Is the input disabled                |
-|   autoComplete   |  bool  |     false     |          | Is the input autocompletable         |
-|     focused      |  bool  |     false     |          | Is the input focused                 |
-| labelPosition \* | string |   "DEFAULT"   |          | Position of the input label          |
-| unitPosition \*  | string |   "DEFAULT"   |          | Position of the unit label           |
-| declarations \*  | array  |      [ ]      |          | Declarations of the input            |
-|     features     | array  |      [ ]      |          | Component features for labels        |
-|     bindings     | object |      [ ]      |          | Questionnaire bindings               |
-|    mandatory     |  bool  |     false     |          | Is the input mandatory               |
-|    management    |  bool  |     false     |          | Management mode of the input         |
-|      style       | object |      {}       |          | Style of the input                   |
-
-- `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}`
-- `labelPosition` props has to be one of `DEFAULT`, `TOP`, `BOTTOM`, `RIGHT` or `LEFT`
-- `unitPosition` props has to be one of `DEFAULT`, `BEFORE` or `AFTER`
-- `declarations` are documented in the `Declarations` component
-
-## Styles
-
-**InputNumber** component has for classes `.input-lunatic`, `.warning`, `.unit` and `.lunatic-input-number-errors > error`.

package/src/stories/input-number/data.json

@@ -1,30 +0,0 @@
-{
-	"components": [
-		{
-			"id": "j6q9h8tj",
-			"componentType": "InputNumber",
-			"mandatory": false,
-			"min": 0,
-			"max": 99,
-			"decimals": 0,
-			"label": "➡ 4. What is the current season number?",
-			"response": {
-				"name": "SEASON_NUMBER"
-			}
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "SEASON_NUMBER",
-			"componentRef": "j6q9h8tj",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "29",
-				"FORCED": "30",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/input-number/input-number.stories.js

@@ -1,53 +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 {
-	labelPositionOptions,
-	unitPositionOptions,
-	featuresOptions,
-} from '../utils/options';
-import {
-	text,
-	boolean,
-	number,
-	object,
-	select,
-} from '@storybook/addon-knobs/react';
-
-const stories = storiesOf('InputNumber', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<InputNumber />" />;
-	});
-
-stories.addWithJSX('Default', () => (
-	<Orchestrator id="default" source={data} />
-));
-
-stories.addWithJSX('Props', () => (
-	<Orchestrator
-		id="props"
-		source={data}
-		label={text('Label', '"I\'m the label of the number input"')}
-		unit={text('Unit', 'euros')}
-		numberAsTextfield={boolean('numberAsTextfield', false)}
-		min={number('Min', 0)}
-		max={number('Max', 50)}
-		decimals={number('Decimals', 1)}
-		placeholder={text('Placeholder', 'Placeholder')}
-		features={select('Features', featuresOptions, [])}
-		bindings={object('Bindings', { test: 'test' })}
-		readOnly={boolean('Read only', false)}
-		autoComplete={boolean('Autocomplete', false)}
-		mandatory={boolean('Mandatory', false)}
-		focused={boolean('Focused', false)}
-		management={boolean('Management', false)}
-		labelPosition={select('Label position', labelPositionOptions, 'DEFAULT')}
-		unitPosition={select('Unit position', unitPositionOptions, 'DEFAULT')}
-	/>
-));

package/src/stories/loop/README.md

@@ -1,25 +0,0 @@
-# Loop 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

package/src/stories/loop/loop.stories.js

@@ -1,80 +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 * as R from './with-roster';
-import * as B from './with-loop';
-import { positioningOptions } from '../utils/options';
-import { select } from '@storybook/addon-knobs/react';
-
-const storiesR = storiesOf('Loop/With roster', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="Loop" />;
-	});
-
-storiesR.addWithJSX('Default Loop', () => (
-	<Orchestrator
-		id="default-loop"
-		source={R.dataLoopWithRoster}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		features={['VTL']}
-	/>
-));
-
-storiesR.addWithJSX('Deeper Loop', () => (
-	<Orchestrator
-		id="double-loop"
-		source={R.dataLoopDeeperWithRoster}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		features={['VTL']}
-	/>
-));
-
-storiesR.addWithJSX('VQS', () => (
-	<Orchestrator
-		id="vqs"
-		source={R.dataVQSWithRoster}
-		data={{ EXTERNAL: { NOMCONTACT: 'Bart', ADRESSE: 'Adresse de Bart' } }}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		features={['VTL']}
-	/>
-));
-
-const storiesB = storiesOf('Loop/With loop', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="Loop" />;
-	});
-
-storiesB.addWithJSX('Default Loop', () => (
-	<Orchestrator
-		id="default-loop"
-		source={B.dataLoopWithLoop}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		features={['VTL']}
-	/>
-));
-
-storiesB.addWithJSX('Deeper Loop', () => (
-	<Orchestrator
-		id="double-loop"
-		source={B.dataLoopDeeperWithLoop}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		features={['VTL']}
-	/>
-));
-
-storiesB.addWithJSX('VQS', () => (
-	<Orchestrator
-		id="vqs"
-		source={B.dataVQSWithLoop}
-		data={{ EXTERNAL: { NOMCONTACT: 'Bart', ADRESSE: 'Adresse de Bart' } }}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		features={['VTL']}
-	/>
-));