@inseefr/lunatic 0.3.4-experimental → 0.3.4-v2

package/src/stories/checkbox-group/data-vtl.json

@@ -1,102 +0,0 @@
-{
-	"components": [
-		{
-			"id": "gg",
-			"componentType": "CheckboxGroup",
-			"label": "➡ 1. What are the pet names that the Simpsons family had?",
-			"missingResponse": { "name": "PET_MISSING" },
-			"responses": [
-				{
-					"id": "j334akov-QOP-jbgd8qmn",
-					"label": "Santa's Little Helper",
-					"response": {
-						"name": "PET1"
-					}
-				},
-				{
-					"id": "j334akov-QOP-jbgd60vl",
-					"label": "Snowball I",
-					"response": {
-						"name": "PET2"
-					}
-				},
-				{
-					"id": "j334akov-QOP-jbgda2jo",
-					"label": "Coltrane",
-					"response": {
-						"name": "PET3"
-					}
-				},
-				{
-					"id": "j334akov-QOP-jbgdfssy",
-					"label": "NAME || \" the Helper Monkey\"",
-					"response": {
-						"name": "PET4"
-					}
-				}
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "PET1",
-			"componentRef": "gg",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": true,
-				"FORCED": false,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "PET2",
-			"componentRef": "gg",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": true,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "PET3",
-			"componentRef": "gg",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "PET4",
-			"componentRef": "gg",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "PET_MISSING",
-			"componentRef": "gg",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/checkbox-group/data.json

@@ -1,89 +0,0 @@
-{
-	"components": [
-		{
-			"id": "gg",
-			"componentType": "CheckboxGroup",
-			"label": "➡ 1. What are the pet names that the Simpsons family had?",
-			"responses": [
-				{
-					"id": "j334akov-QOP-jbgd8qmn",
-					"label": "Santa's Little Helper",
-					"response": {
-						"name": "PET1"
-					}
-				},
-				{
-					"id": "j334akov-QOP-jbgd60vl",
-					"label": "Snowball I",
-					"response": {
-						"name": "PET2"
-					}
-				},
-				{
-					"id": "j334akov-QOP-jbgda2jo",
-					"label": "Coltrane",
-					"response": {
-						"name": "PET3"
-					}
-				},
-				{
-					"id": "j334akov-QOP-jbgdfssy",
-					"label": "Mojo the Helper Monkey",
-					"response": {
-						"name": "PET4"
-					}
-				}
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "PET1",
-			"componentRef": "gg",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": true,
-				"FORCED": false,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "PET2",
-			"componentRef": "gg",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": true,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "PET3",
-			"componentRef": "gg",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "PET4",
-			"componentRef": "gg",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/checkbox-one/checkbox-one.stories.js

@@ -1,57 +0,0 @@
-import React, { useState } 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 dataForced from './data-forced';
-import { positioningOptions, featuresOptions } from '../utils/options';
-import { text, boolean, object, select } from '@storybook/addon-knobs/react';
-
-const stories = storiesOf('CheckboxOne', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<CheckboxOne />" />;
-	});
-
-stories.addWithJSX('Default', () => <Orchestrator source={data} />);
-
-stories.addWithJSX('Props', () => (
-	<Orchestrator
-		source={dataVTL}
-		label={text('Label', '"I\'m the label of the CheckboxOne"')}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		missing={boolean('Missing', false)}
-		shortcut={boolean('Shortcut', false)}
-		features={select('Features', featuresOptions, ['VTL', 'MD'])}
-		bindings={object('Bindings', { NAME: 'Poochie' })}
-		disabled={boolean('Disabled', false)}
-		focused={boolean('Focused', false)}
-		management={boolean('Management', false)}
-	/>
-));
-
-stories.addWithJSX('External update', () => {
-	const Fake = () => {
-		const [up, setUp] = useState(false);
-		return (
-			<>
-				<button
-					type="button"
-					onClick={() => {
-						setUp(true);
-					}}
-					disabled={up}
-				>
-					Force external update
-				</button>
-
-				<Orchestrator id="default" source={up ? dataForced : dataVTL} />
-			</>
-		);
-	};
-	return <Fake />;
-});

package/src/stories/checkbox-one/data-forced.json

@@ -1,33 +0,0 @@
-{
-	"components": [
-		{
-			"id": "1",
-			"componentType": "CheckboxOne",
-			"mandatory": false,
-			"label": "➡ 2. Who is the Simpsons city mayor?",
-			"response": {
-				"name": "MAYOR"
-			},
-			"options": [
-				{ "value": "1", "label": "Constance Harm" },
-				{ "value": "2", "label": "Timothy Lovejoy" },
-				{ "value": "3", "label": "Joe Quimby" },
-				{ "value": "4", "label": "NAME" }
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "MAYOR",
-			"componentRef": "1",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "3",
-				"FORCED": "1",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/checkbox-one/data-vtl.json

@@ -1,48 +0,0 @@
-{
-	"components": [
-		{
-			"id": "1",
-			"componentType": "CheckboxOne",
-			"mandatory": false,
-			"label": "➡ 2. Who is the Simpsons city mayor?",
-			"response": {
-				"name": "MAYOR"
-			},
-			"options": [
-				{ "value": "1", "label": "Constance Harm" },
-				{ "value": "2", "label": "Timothy Lovejoy" },
-				{ "value": "3", "label": "Joe Quimby" },
-				{ "value": "4", "label": "NAME" }
-			],
-			"missingResponse": {
-				"name": "MAYOR_MISSING"
-			}
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "MAYOR",
-			"componentRef": "1",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "2",
-				"FORCED": "1",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "MAYOR_MISSING",
-			"componentRef": "1",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/checkbox-one/data.json

@@ -1,33 +0,0 @@
-{
-	"components": [
-		{
-			"id": "1",
-			"componentType": "CheckboxOne",
-			"mandatory": false,
-			"label": "➡ 2. Who is the Simpsons city mayor?",
-			"response": {
-				"name": "MAYOR"
-			},
-			"options": [
-				{ "value": "1", "label": "Constance Harm" },
-				{ "value": "2", "label": "Timothy Lovejoy" },
-				{ "value": "3", "label": "Joe Quimby" },
-				{ "value": "4", "label": "Poochie" }
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "MAYOR",
-			"componentRef": "1",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "2",
-				"FORCED": "1",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/datepicker/README.md

@@ -1,31 +0,0 @@
-# Datepicker component
-
-## Props
-
-|      Props       |  Type  | Default value | Required | Description                               |
-| :--------------: | :----: | :-----------: | :------: | ----------------------------------------- |
-|        id        | string |       -       |    ✓     | Id of the datepicker                      |
-|      label       | string |       -       |    ✓     | Label of the datepicker                   |
-|  preferences \*  | array  | ["COLLECTED"] |          | Preferences to manage datepicker response |
-|   response \*    | object |      {}       |          | Response concerned by the component       |
-|   placeholder    | string |      ""       |          | Placeholder of the datepicker             |
-|   handleChange   |  func  |       -       |    ✓     | Handler of the datepicker                 |
-|     readOnly     |  bool  |     false     |          | Is the datepicker read only               |
-|     disabled     |  bool  |     false     |          | Is the datepicker disabled                |
-| labelPosition \* | string |   "DEFAULT"   |          | Position of the datepicker label          |
-|    mandatory     |  bool  |     false     |          | Is the datepicker mandatory               |
-|     focused      |  bool  |     false     |          | Is the datepicker focused                 |
-| declarations \*  | array  |      []       |          | Declarations of the datepicker            |
-|     features     | array  |      [ ]      |          | Component features for labels             |
-|     bindings     | object |      [ ]      |          | Questionnaire bindings                    |
-|    management    |  bool  |     false     |          | Management mode of the datepicker         |
-|      style       | object |      {}       |          | Style of the datepicker                   |
-
-- `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
-
-**Datepicker** component has for classes `datepicker-lunatic`.

package/src/stories/datepicker/data-forced.json

@@ -1,28 +0,0 @@
-{
-	"components": [
-		{
-			"id": "j334cyqb",
-			"componentType": "Datepicker",
-			"mandatory": false,
-			"label": "➡ 5. When was the first episode of the Simpsons?",
-			"response": {
-				"name": "DATEFIRST"
-			},
-			"dateFormat": "jj/mm/aaaa"
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "DATEFIRST",
-			"componentRef": "j334cyqb",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "2010-12-07",
-				"FORCED": "1989-12-17",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/datepicker/data.json

@@ -1,45 +0,0 @@
-{
-	"components": [
-		{
-			"id": "j334cyqb",
-			"componentType": "Datepicker",
-			"mandatory": false,
-			"label": "➡ 5. When was the first episode of the Simpsons?",
-			"response": {
-				"name": "DATEFIRST"
-			},
-			"dateFormat": "jj/mm/aaaa",
-			"missingResponse": {
-				"name": "DATEFIRST_MISSING"
-			},
-			"min": "1900-01-01",
-			"max": "2099-12-31"
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "DATEFIRST",
-			"componentRef": "j334cyqb",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "2000-07-12",
-				"FORCED": "1989-12-17",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "DATEFIRST_MISSING",
-			"componentRef": "j334cyqb",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/datepicker/datepicker.stories.js

@@ -1,60 +0,0 @@
-import React, { useState } 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 dataForced from './data-forced';
-import { labelPositionOptions, featuresOptions } from '../utils/options';
-import { text, boolean, object, select } from '@storybook/addon-knobs/react';
-
-const stories = storiesOf('Datepicker', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Datepicker />" />;
-	});
-
-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 datepicker"')}
-		placeholder={text('Placeholder', 'Placeholder')}
-		missing={boolean('Missing', false)}
-		features={select('Features', featuresOptions, ['VTL', 'MD'])}
-		bindings={object('Bindings', { test: 'test' })}
-		readOnly={boolean('Read only', false)}
-		mandatory={boolean('Mandatory', false)}
-		focused={boolean('Focused', false)}
-		management={boolean('Management', false)}
-		labelPosition={select('Label position', labelPositionOptions)}
-	/>
-));
-
-stories.addWithJSX('External update', () => {
-	const Fake = () => {
-		const [up, setUp] = useState(false);
-		return (
-			<>
-				<button
-					type="button"
-					onClick={() => {
-						setUp(true);
-					}}
-					disabled={up}
-				>
-					Force external update
-				</button>
-
-				<Orchestrator id="default" source={up ? dataForced : data} />
-			</>
-		);
-	};
-	return <Fake />;
-});

package/src/stories/declarations/README.md

@@ -1,19 +0,0 @@
-# Declarations component
-
-## Props
-
-|      Props      |  Type  |     Default value     | Required | Description                                    |
-| :-------------: | :----: | :-------------------: | :------: | ---------------------------------------------- |
-|       id        | string |           -           |    ✓     | Id of the declarations                         |
-|      type       | string | 'AFTER_QUESTION_TEXT' |          | Type of the selected position for declarations |
-| declarations \* | number |          [ ]          |          | Array of declaration                           |
-|    features     | array  |          [ ]          |          | Component features for labels                  |
-|    bindings     | object |          [ ]          |          | Questionnaire bindings                         |
-
-- `declarations` props has to be an array made by objects with a shape of `{id : string, label: string, position: position *, declarationType: declarationType *}`
-- `position` props has to be `BEFORE_QUESTION_TEXT`, `AFTER_QUESTION_TEXT` or `DETACHABLE`
-- `declarationType` props has to be `INSTRUCTION`, `COMMENT`, `HELP`, `WARNING`, `MESSAGE_FILTER` or `STATEMENT`
-
-## Styles
-
-**Declarations** component has for classes `.declarations-lunatic`, `.declaration-lunatic`, `.declaration-instruction`, `.declaration-comment`, `.declaration-help`, `.declaration-warning` and `.declaration-message-filter`.

package/src/stories/declarations/declarations.stories.js

@@ -1,116 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withReadme } from 'storybook-readme';
-import { Declarations } from 'components';
-import readme from './README.md';
-import { titleDecorator } from 'utils/lib';
-import * as C from '../../constants';
-import { featuresOptions } from '../utils/options';
-import { object, select } from '@storybook/addon-knobs/react';
-
-const stories = storiesOf('Declarations', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Declarations />" />;
-	});
-
-stories.addWithJSX('Default', () => (
-	<div className="lunatic-component">
-		<Declarations
-			id="default"
-			type={C.BEFORE_QUESTION_TEXT}
-			declarations={declarations}
-		/>
-	</div>
-));
-
-stories.addWithJSX('Props', () => (
-	<div className="lunatic-component">
-		<Declarations
-			id="default"
-			type={C.BEFORE_QUESTION_TEXT}
-			declarations={declarationsVtl}
-			features={select('Features', featuresOptions, ['VTL', 'MD'])}
-			bindings={object('Bindings', { test: 'test' })}
-		/>
-	</div>
-));
-
-const declarations = [
-	{
-		id: '1',
-		label: "I'm the label of the instruction declaration",
-		position: C.BEFORE_QUESTION_TEXT,
-		declarationType: C.INSTRUCTION,
-	},
-	{
-		id: '2',
-		label: "I'm the label of the comment declaration",
-		position: C.BEFORE_QUESTION_TEXT,
-		declarationType: C.COMMENT,
-	},
-	{
-		id: '3',
-		label: "I'm the label of the help declaration",
-		position: C.BEFORE_QUESTION_TEXT,
-		declarationType: C.HELP,
-	},
-	{
-		id: '4',
-		label: "I'm the label of the warning declaration",
-		position: C.BEFORE_QUESTION_TEXT,
-		declarationType: C.WARNING,
-	},
-	{
-		id: '5',
-		label: "I'm the label of the message filter declaration",
-		position: C.BEFORE_QUESTION_TEXT,
-		declarationType: C.MESSAGE_FILTER,
-	},
-	{
-		id: '6',
-		label: "I'm the label of the statement declaration",
-		position: C.BEFORE_QUESTION_TEXT,
-		declarationType: C.STATEMENT,
-	},
-];
-
-const declarationsVtl = [
-	{
-		id: '1',
-		label: '"I\'m the label of the instruction declaration"',
-		position: C.BEFORE_QUESTION_TEXT,
-		declarationType: C.INSTRUCTION,
-	},
-	{
-		id: '2',
-		label: '"I\'m the label of the comment declaration"',
-		position: C.BEFORE_QUESTION_TEXT,
-		declarationType: C.COMMENT,
-	},
-	{
-		id: '3',
-		label: '"I\'m the label of the help declaration"',
-		position: C.BEFORE_QUESTION_TEXT,
-		declarationType: C.HELP,
-	},
-	{
-		id: '4',
-		label: '"I\'m the label of the warning declaration"',
-		position: C.BEFORE_QUESTION_TEXT,
-		declarationType: C.WARNING,
-	},
-	{
-		id: '5',
-		label: '"I\'m the label of the message filter declaration"',
-		position: C.BEFORE_QUESTION_TEXT,
-		declarationType: C.MESSAGE_FILTER,
-	},
-	{
-		id: '6',
-		label: '"I\'m the label of the statement declaration"',
-		position: C.BEFORE_QUESTION_TEXT,
-		declarationType: C.STATEMENT,
-	},
-];