@inseefr/lunatic 0.1.0-hackathon → 0.1.0-prisme

package/src/stories/table/table.stories.js

@@ -1,82 +1,82 @@
-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 dataDefault from './data-default';
-import dataOneAxisOneMeasure from './data-one-axis-one-measure';
-import dataOneAxisTwoMeasures from './data-one-axis-two-measures';
-import dataOneHierarchicalAxis from './data-one-hierarchical-axis';
-import dataTwoAxisOneMeasure from './data-two-axis-one-measure';
-import dataRoster from './data-roster';
-import { positioningOptions, featuresOptions } from '../utils/options';
-import { text, boolean, select, object } from '@storybook/addon-knobs/react';
-
-const stories = storiesOf('Table', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Table />" />;
-	});
-
-stories.addWithJSX('Default', () => (
-	<Orchestrator
-		id="default"
-		source={dataDefault}
-		label={text('Label', '"I\'m the label of the Table"')}
-		features={select('Features', featuresOptions, ['VTL', 'MD'])}
-		bindings={object('Bindings', { test: 'test' })}
-	/>
-));
-
-stories.addWithJSX('OneAxisOneMeasure', () => (
-	<Orchestrator
-		id="default"
-		source={dataOneAxisOneMeasure}
-		missing={boolean('Missing', false)}
-		management={boolean('Management', false)}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-	/>
-));
-
-stories.addWithJSX('OneAxisTwoMeasure', () => (
-	<Orchestrator
-		id="default"
-		source={dataOneAxisTwoMeasures}
-		missing={boolean('Missing', false)}
-		management={boolean('Management', false)}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-	/>
-));
-
-stories.addWithJSX('OneHierarchicalAxis', () => (
-	<Orchestrator
-		id="default"
-		source={dataOneHierarchicalAxis}
-		missing={boolean('Missing', false)}
-		management={boolean('Management', false)}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-	/>
-));
-
-stories.addWithJSX('TwoAxisOneMeasure', () => (
-	<Orchestrator
-		id="default"
-		source={dataTwoAxisOneMeasure}
-		missing={boolean('Missing', false)}
-		management={boolean('Management', false)}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-	/>
-));
-
-stories.addWithJSX('Roster', () => (
-	<Orchestrator
-		id="default"
-		source={dataRoster}
-		missing={boolean('Missing', false)}
-		management={boolean('Management', false)}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		hideBtn={boolean('Hide button', false)}
-	/>
-));
+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 dataDefault from './data-default';
+import dataOneAxisOneMeasure from './data-one-axis-one-measure';
+import dataOneAxisTwoMeasures from './data-one-axis-two-measures';
+import dataOneHierarchicalAxis from './data-one-hierarchical-axis';
+import dataTwoAxisOneMeasure from './data-two-axis-one-measure';
+import dataRoster from './data-roster';
+import { positioningOptions, featuresOptions } from '../utils/options';
+import { text, boolean, select, object } from '@storybook/addon-knobs/react';
+
+const stories = storiesOf('Table', module)
+	.addDecorator(withReadme(readme))
+	.addDecorator((Component) => {
+		const WrappedComponent = titleDecorator(Component);
+		return <WrappedComponent title="<Table />" />;
+	});
+
+stories.addWithJSX('Default', () => (
+	<Orchestrator
+		id="default"
+		source={dataDefault}
+		label={text('Label', '"I\'m the label of the Table"')}
+		features={select('Features', featuresOptions, ['VTL', 'MD'])}
+		bindings={object('Bindings', { test: 'test' })}
+	/>
+));
+
+stories.addWithJSX('OneAxisOneMeasure', () => (
+	<Orchestrator
+		id="default"
+		source={dataOneAxisOneMeasure}
+		missing={boolean('Missing', false)}
+		management={boolean('Management', false)}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+	/>
+));
+
+stories.addWithJSX('OneAxisTwoMeasure', () => (
+	<Orchestrator
+		id="default"
+		source={dataOneAxisTwoMeasures}
+		missing={boolean('Missing', false)}
+		management={boolean('Management', false)}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+	/>
+));
+
+stories.addWithJSX('OneHierarchicalAxis', () => (
+	<Orchestrator
+		id="default"
+		source={dataOneHierarchicalAxis}
+		missing={boolean('Missing', false)}
+		management={boolean('Management', false)}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+	/>
+));
+
+stories.addWithJSX('TwoAxisOneMeasure', () => (
+	<Orchestrator
+		id="default"
+		source={dataTwoAxisOneMeasure}
+		missing={boolean('Missing', false)}
+		management={boolean('Management', false)}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+	/>
+));
+
+stories.addWithJSX('Roster', () => (
+	<Orchestrator
+		id="default"
+		source={dataRoster}
+		missing={boolean('Missing', false)}
+		management={boolean('Management', false)}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+		hideBtn={boolean('Hide button', false)}
+	/>
+));

package/src/stories/textarea/README.md

@@ -1,33 +1,33 @@
-# 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 |    524288     |          | Maximum length of the textarea          |
-|     readOnly     |      bool      |     false     |          | Is the textarea read only               |
-|     disabled     |      bool      |     false     |          | Is the textarea disabled                |
-| labelPosition \* |     string     |   "DEFAULT"   |          | Position of the textarea label          |
-|    mandatory     |      bool      |     false     |          | Is the textarea mandatory               |
-|     focused      |      bool      |     false     |          | Is the textarea focused                 |
-| declarations \*  |     array      |      [ ]      |          | Declarations of the textarea            |
-|     features     |     array      |      [ ]      |          | Component features for labels           |
-|     bindings     |     object     |      [ ]      |          | Questionnaire bindings                  |
-|    management    |      bool      |     false     |          | Management mode 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, values: object}`
-- `labelPosition` props has to be one of `DEFAULT`, `TOP`, `BOTTOM`, `RIGHT` or `LEFT`
-- `declarations` are documented in the `Declarations` component
-
-## Styles
-
-**Textarea** component has for classes `textarea-lunatic`.
+# 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 |    524288     |          | Maximum length of the textarea          |
+|     readOnly     |      bool      |     false     |          | Is the textarea read only               |
+|     disabled     |      bool      |     false     |          | Is the textarea disabled                |
+| labelPosition \* |     string     |   "DEFAULT"   |          | Position of the textarea label          |
+|    mandatory     |      bool      |     false     |          | Is the textarea mandatory               |
+|     focused      |      bool      |     false     |          | Is the textarea focused                 |
+| declarations \*  |     array      |      [ ]      |          | Declarations of the textarea            |
+|     features     |     array      |      [ ]      |          | Component features for labels           |
+|     bindings     |     object     |      [ ]      |          | Questionnaire bindings                  |
+|    management    |      bool      |     false     |          | Management mode 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, values: object}`
+- `labelPosition` props has to be one of `DEFAULT`, `TOP`, `BOTTOM`, `RIGHT` or `LEFT`
+- `declarations` are documented in the `Declarations` component
+
+## Styles
+
+**Textarea** component has for classes `textarea-lunatic`.

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

@@ -1,28 +1,28 @@
-{
-	"components": [
-		{
-			"id": "ta",
-			"componentType": "Textarea",
-			"mandatory": false,
-			"maxLength": "500",
-			"label": "➡ 1. Before starting, do you have any comments about the Simpsons family?",
-			"response": {
-				"name": "COMMENT"
-			}
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "COMMENT",
-			"componentRef": "ta",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "Forced value",
-				"FORCED": "Hello",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}
+{
+	"components": [
+		{
+			"id": "ta",
+			"componentType": "Textarea",
+			"mandatory": false,
+			"maxLength": "500",
+			"label": "➡ 1. Before starting, do you have any comments about the Simpsons family?",
+			"response": {
+				"name": "COMMENT"
+			}
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "COMMENT",
+			"componentRef": "ta",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": "Forced value",
+				"FORCED": "Hello",
+				"EDITED": null,
+				"INPUTED": null
+			}
+		}
+	]
+}

package/src/stories/textarea/data.json

@@ -1,43 +1,43 @@
-{
-	"components": [
-		{
-			"id": "ta",
-			"componentType": "Textarea",
-			"mandatory": false,
-			"maxLength": "500",
-			"label": "➡ 1. Before starting, do you have any comments about the Simpsons family?",
-			"response": {
-				"name": "COMMENT"
-			},
-			"missingResponse": {
-				"name": "COMMENT_MISSING"
-			}
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "COMMENT",
-			"componentRef": "ta",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "Simpsons family is the most famous family in the world for sure. Funny, crazy and full of societal references.",
-				"FORCED": "Hello",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "COMMENT_MISSING",
-			"componentRef": "ta",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}
+{
+	"components": [
+		{
+			"id": "ta",
+			"componentType": "Textarea",
+			"mandatory": false,
+			"maxLength": "500",
+			"label": "➡ 1. Before starting, do you have any comments about the Simpsons family?",
+			"response": {
+				"name": "COMMENT"
+			},
+			"missingResponse": {
+				"name": "COMMENT_MISSING"
+			}
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "COMMENT",
+			"componentRef": "ta",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": "Simpsons family is the most famous family in the world for sure. Funny, crazy and full of societal references.",
+				"FORCED": "Hello",
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "COMMENT_MISSING",
+			"componentRef": "ta",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		}
+	]
+}

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

@@ -1,68 +1,68 @@
-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,
-	number,
-	object,
-	select,
-} from '@storybook/addon-knobs/react';
-
-const stories = storiesOf('Textarea', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Textarea />" />;
-	});
-
-stories.addWithJSX('Default', () => (
-	<Orchestrator id="default" source={data} />
-));
-
-stories.addWithJSX('Props', () => (
-	<Orchestrator
-		id="props"
-		source={data}
-		label={text('Label', '"Hello " || NAME')}
-		missing={boolean('Missing', false)}
-		placeholder={text('Placeholder', 'Placeholder')}
-		rows={number('Rows', 5)}
-		maxLength={number('Max length', 500)}
-		readOnly={boolean('Read only', false)}
-		mandatory={boolean('Mandatory', false)}
-		features={select('Features', featuresOptions, ['VTL', 'MD'])}
-		bindings={object('Bindings', { NAME: 'Mauro' })}
-		management={boolean('Management', false)}
-		focused={boolean('Focused', false)}
-		labelPosition={select('Label position', labelPositionOptions, 'DEFAULT')}
-	/>
-));
-
-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 />;
-});
+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,
+	number,
+	object,
+	select,
+} from '@storybook/addon-knobs/react';
+
+const stories = storiesOf('Textarea', module)
+	.addDecorator(withReadme(readme))
+	.addDecorator((Component) => {
+		const WrappedComponent = titleDecorator(Component);
+		return <WrappedComponent title="<Textarea />" />;
+	});
+
+stories.addWithJSX('Default', () => (
+	<Orchestrator id="default" source={data} />
+));
+
+stories.addWithJSX('Props', () => (
+	<Orchestrator
+		id="props"
+		source={data}
+		label={text('Label', '"Hello " || NAME')}
+		missing={boolean('Missing', false)}
+		placeholder={text('Placeholder', 'Placeholder')}
+		rows={number('Rows', 5)}
+		maxLength={number('Max length', 500)}
+		readOnly={boolean('Read only', false)}
+		mandatory={boolean('Mandatory', false)}
+		features={select('Features', featuresOptions, ['VTL', 'MD'])}
+		bindings={object('Bindings', { NAME: 'Mauro' })}
+		management={boolean('Management', false)}
+		focused={boolean('Focused', false)}
+		labelPosition={select('Label position', labelPositionOptions, 'DEFAULT')}
+	/>
+));
+
+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/tooltip-response/README.md

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

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

@@ -1,31 +1,31 @@
-{
-	"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
-			}
-		}
-	]
-}
+{
+	"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
+			}
+		}
+	]
+}