@inseefr/lunatic 0.1.0-hackathon → 0.1.0-prisme

package/src/constants/index.js

@@ -1,5 +1,5 @@
-export * from './component-types';
-export * from './declarations';
-export * from './value-types';
-export * from './variable-types';
-export * from './event-types';
+export * from './component-types';
+export * from './declarations';
+export * from './value-types';
+export * from './variable-types';
+export * from './event-types';

package/src/constants/supported-preferences.js

@@ -1,10 +1,10 @@
-import * as C from './value-types';
-
-// ORDERED ARRAY
-export const supportedPreferences = [
-	C.PREVIOUS,
-	C.COLLECTED,
-	C.FORCED,
-	C.EDITED,
-	C.INPUTED,
-];
+import * as C from './value-types';
+
+// ORDERED ARRAY
+export const supportedPreferences = [
+	C.PREVIOUS,
+	C.COLLECTED,
+	C.FORCED,
+	C.EDITED,
+	C.INPUTED,
+];

package/src/constants/value-types.js

@@ -1,5 +1,5 @@
-export const PREVIOUS = 'PREVIOUS';
-export const COLLECTED = 'COLLECTED';
-export const FORCED = 'FORCED';
-export const EDITED = 'EDITED';
-export const INPUTED = 'INPUTED';
+export const PREVIOUS = 'PREVIOUS';
+export const COLLECTED = 'COLLECTED';
+export const FORCED = 'FORCED';
+export const EDITED = 'EDITED';
+export const INPUTED = 'INPUTED';

package/src/constants/variable-types.js

@@ -1,4 +1,4 @@
-export const EXTERNAL = 'EXTERNAL';
-export const CALCULATED = 'CALCULATED';
-// Already define in value-types
-//export const COLLECTED = 'COLLECTED';
+export const EXTERNAL = 'EXTERNAL';
+export const CALCULATED = 'CALCULATED';
+// Already define in value-types
+//export const COLLECTED = 'COLLECTED';

package/src/stories/breadcrumb/README.md

@@ -1,14 +1,14 @@
-# Breadcrumb component
-
-## Props
-
-|    Props    |  Type  | Default value | Required | Description                |
-| :---------: | :----: | :-----------: | :------: | -------------------------- |
-| elements \* | array  |      [ ]      |          | Elements of the breadcrumb |
-|    style    | object |      { }      |          | Style of the breadcrumb    |
-
-- `elements` props has to be an array composed of ordered strings
-
-## Styles
-
-**Breadcrumb** component has for class `breadcrumb-lunatic`.
+# Breadcrumb component
+
+## Props
+
+|    Props    |  Type  | Default value | Required | Description                |
+| :---------: | :----: | :-----------: | :------: | -------------------------- |
+| elements \* | array  |      [ ]      |          | Elements of the breadcrumb |
+|    style    | object |      { }      |          | Style of the breadcrumb    |
+
+- `elements` props has to be an array composed of ordered strings
+
+## Styles
+
+**Breadcrumb** component has for class `breadcrumb-lunatic`.

package/src/stories/button/README.md

@@ -1,14 +1,14 @@
-# Button component
-
-## Props
-
-|  Props   |   Type   | Default value | Required | Description                   |
-| :------: | :------: | :-----------: | :------: | ----------------------------- |
-|  label   |  string  |   "button"    |          | Aria label                    |
-|  value   |  string  |       -       |    ✓     | Label of the button           |
-| onClick  | function |       -       |    ✓     | Callback                      |
-| disabled | boolean  |     false     |          | Boolean to disable the button |
-
-## Styles
-
-**Button** component has for class `button-lunatic`.
+# Button component
+
+## Props
+
+|  Props   |   Type   | Default value | Required | Description                   |
+| :------: | :------: | :-----------: | :------: | ----------------------------- |
+|  label   |  string  |   "button"    |          | Aria label                    |
+|  value   |  string  |       -       |    ✓     | Label of the button           |
+| onClick  | function |       -       |    ✓     | Callback                      |
+| disabled | boolean  |     false     |          | Boolean to disable the button |
+
+## Styles
+
+**Button** component has for class `button-lunatic`.

package/src/stories/button/button.stories.js

@@ -1,27 +1,27 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withReadme } from 'storybook-readme';
-import { Button } from 'components';
-import readme from './README.md';
-import { titleDecorator } from 'utils/lib';
-import { text, boolean } from '@storybook/addon-knobs/react';
-
-const stories = storiesOf('Button', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Button />" />;
-	});
-
-stories.addWithJSX('Default', () => (
-	<Button label="button-default" value="Click me !" onClick={console.log} />
-));
-
-stories.addWithJSX('Props', () => (
-	<Button
-		label="disabled-button"
-		value={text('Value', 'Click me !')}
-		onClick={console.log}
-		disabled={boolean('Disabled', false)}
-	/>
-));
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { withReadme } from 'storybook-readme';
+import { Button } from 'components';
+import readme from './README.md';
+import { titleDecorator } from 'utils/lib';
+import { text, boolean } from '@storybook/addon-knobs/react';
+
+const stories = storiesOf('Button', module)
+	.addDecorator(withReadme(readme))
+	.addDecorator((Component) => {
+		const WrappedComponent = titleDecorator(Component);
+		return <WrappedComponent title="<Button />" />;
+	});
+
+stories.addWithJSX('Default', () => (
+	<Button label="button-default" value="Click me !" onClick={console.log} />
+));
+
+stories.addWithJSX('Props', () => (
+	<Button
+		label="disabled-button"
+		value={text('Value', 'Click me !')}
+		onClick={console.log}
+		disabled={boolean('Disabled', false)}
+	/>
+));

package/src/stories/checkbox-boolean/README.md

@@ -1,27 +1,27 @@
-# CheckboxBoolean component
-
-## Props
-
-|      Props      |  Type  | Default value | Required | Description                             |
-| :-------------: | :----: | :-----------: | :------: | --------------------------------------- |
-|       id        | string |       -       |    ✓     | Id of the checkbox                      |
-|      label      | string |      ""       |          | Fieldset label of the checkbox          |
-| preferences \*  | array  | ["COLLECTED"] |          | Preferences to manage checkbox response |
-|   response \*   | object |      { }      |          | Response concerned by the component     |
-|  handleChange   |  func  |       -       |    ✓     | Handler of the checkbox                 |
-|    disabled     |  bool  |     false     |          | Is the checkbox item disabled           |
-| positioning \*  | string |   "DEFAULT"   |          | Checkbox item positioning               |
-|     focused     |  bool  |     false     |          | Is the checkbox item focused            |
-| declarations \* | array  |      [ ]      |          | Declarations of the checkbox            |
-|    features     | array  |      [ ]      |          | Component features for labels           |
-|    bindings     | object |      [ ]      |          | Questionnaire bindings                  |
-|   management    |  bool  |     false     |          | Management mode of the checkbox         |
-|      style      | object |      { }      |          | Style of the checkbox                   |
-
-- `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}`
-- `declarations` are documented in the `Declarations` component
-
-## Styles
-
-**CheckboxBoolean** component has for classes `checkbox-lunatic` and `checkbox-boolean-modality`.
+# CheckboxBoolean component
+
+## Props
+
+|      Props      |  Type  | Default value | Required | Description                             |
+| :-------------: | :----: | :-----------: | :------: | --------------------------------------- |
+|       id        | string |       -       |    ✓     | Id of the checkbox                      |
+|      label      | string |      ""       |          | Fieldset label of the checkbox          |
+| preferences \*  | array  | ["COLLECTED"] |          | Preferences to manage checkbox response |
+|   response \*   | object |      { }      |          | Response concerned by the component     |
+|  handleChange   |  func  |       -       |    ✓     | Handler of the checkbox                 |
+|    disabled     |  bool  |     false     |          | Is the checkbox item disabled           |
+| positioning \*  | string |   "DEFAULT"   |          | Checkbox item positioning               |
+|     focused     |  bool  |     false     |          | Is the checkbox item focused            |
+| declarations \* | array  |      [ ]      |          | Declarations of the checkbox            |
+|    features     | array  |      [ ]      |          | Component features for labels           |
+|    bindings     | object |      [ ]      |          | Questionnaire bindings                  |
+|   management    |  bool  |     false     |          | Management mode of the checkbox         |
+|      style      | object |      { }      |          | Style of the checkbox                   |
+
+- `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}`
+- `declarations` are documented in the `Declarations` component
+
+## Styles
+
+**CheckboxBoolean** component has for classes `checkbox-lunatic` and `checkbox-boolean-modality`.

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

@@ -1,54 +1,54 @@
-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 { boolean, select, object } from '@storybook/addon-knobs/react';
-import { positioningOptions, featuresOptions } from '../utils/options';
-
-const stories = storiesOf('CheckboxBoolean', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<CheckboxBoolean />" />;
-	});
-
-stories.addWithJSX('Default', () => <Orchestrator source={data} />);
-
-stories.addWithJSX('Props', () => (
-	<Orchestrator
-		source={data}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		features={select('Features', featuresOptions, ['VTL', 'MD'])}
-		missing={boolean('Missing', false)}
-		bindings={object('Bindings', { test: 'test' })}
-		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 : 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 { boolean, select, object } from '@storybook/addon-knobs/react';
+import { positioningOptions, featuresOptions } from '../utils/options';
+
+const stories = storiesOf('CheckboxBoolean', module)
+	.addDecorator(withReadme(readme))
+	.addDecorator((Component) => {
+		const WrappedComponent = titleDecorator(Component);
+		return <WrappedComponent title="<CheckboxBoolean />" />;
+	});
+
+stories.addWithJSX('Default', () => <Orchestrator source={data} />);
+
+stories.addWithJSX('Props', () => (
+	<Orchestrator
+		source={data}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+		features={select('Features', featuresOptions, ['VTL', 'MD'])}
+		missing={boolean('Missing', false)}
+		bindings={object('Bindings', { test: 'test' })}
+		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 : data} />
+			</>
+		);
+	};
+	return <Fake />;
+});

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

@@ -1,48 +1,48 @@
-{
-	"components": [
-		{
-			"id": "1",
-			"componentType": "CheckboxBoolean",
-			"mandatory": false,
-			"label": "➡ 1. Are you ready?",
-			"response": {
-				"name": "READY"
-			}
-		},
-		{
-			"id": "2",
-			"componentType": "CheckboxBoolean",
-			"mandatory": false,
-			"label": "➡ 2. Are you always ready?",
-			"response": {
-				"name": "READY2"
-			}
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "READY",
-			"componentRef": "1",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": true,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "READY2",
-			"componentRef": "2",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": true,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}
+{
+	"components": [
+		{
+			"id": "1",
+			"componentType": "CheckboxBoolean",
+			"mandatory": false,
+			"label": "➡ 1. Are you ready?",
+			"response": {
+				"name": "READY"
+			}
+		},
+		{
+			"id": "2",
+			"componentType": "CheckboxBoolean",
+			"mandatory": false,
+			"label": "➡ 2. Are you always ready?",
+			"response": {
+				"name": "READY2"
+			}
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "READY",
+			"componentRef": "1",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": true,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "READY2",
+			"componentRef": "2",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": true,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		}
+	]
+}

package/src/stories/checkbox-group/README.md

@@ -1,29 +1,29 @@
-# CheckboxGroup component
-
-## Props
-
-|      Props      |  Type  |              Default value               | Required | Description                             |
-| :-------------: | :----: | :--------------------------------------: | :------: | --------------------------------------- |
-|       id        | string |                    -                     |    ✓     | Id of the checkbox                      |
-|      label      | string |                    ""                    |          | Fieldset label of the checkbox          |
-| preferences \*  | array  |              ["COLLECTED"]               |          | Preferences to manage checkbox response |
-|  responses \*   | object |                    []                    |          | Responses concerned by the component    |
-|  handleChange   |  func  |                    -                     |    ✓     | Handler of the checkbox                 |
-|    disabled     |  bool  |                  false                   |          | Is the checkbox responses disabled      |
-|     focused     |  bool  |                  false                   |          | Is the checkbox responses focused       |
-| positioning \*  | string |                "DEFAULT"                 |          | CheckboxGroup responses positioning     |
-| declarations \* | array  |                    []                    |          | Declarations of the checkbox            |
-|    features     | array  |                   [ ]                    |          | Component features for labels           |
-|    bindings     | object |                   [ ]                    |          | Questionnaire bindings                  |
-|   management    |  bool  |                  false                   |          | Management mode of the input            |
-|    style \*     | object | { fieldsetStyle: {}, modalityStyle: {} } |          | Style of the checkbox                   |
-
-- `preferences` props has to be an ordered array of `COLLECTED`, `FORCED` or `EDITED`
-- `responses` props has to be an array of shape of `{id: string, label: string, response: {name: string, values: object}}`
-- `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
-
-**CheckboxGroup** component has for classes `checkbox-group-list`, `checkbox-modality` and `checkbox-lunatic`.
+# CheckboxGroup component
+
+## Props
+
+|      Props      |  Type  |              Default value               | Required | Description                             |
+| :-------------: | :----: | :--------------------------------------: | :------: | --------------------------------------- |
+|       id        | string |                    -                     |    ✓     | Id of the checkbox                      |
+|      label      | string |                    ""                    |          | Fieldset label of the checkbox          |
+| preferences \*  | array  |              ["COLLECTED"]               |          | Preferences to manage checkbox response |
+|  responses \*   | object |                    []                    |          | Responses concerned by the component    |
+|  handleChange   |  func  |                    -                     |    ✓     | Handler of the checkbox                 |
+|    disabled     |  bool  |                  false                   |          | Is the checkbox responses disabled      |
+|     focused     |  bool  |                  false                   |          | Is the checkbox responses focused       |
+| positioning \*  | string |                "DEFAULT"                 |          | CheckboxGroup responses positioning     |
+| declarations \* | array  |                    []                    |          | Declarations of the checkbox            |
+|    features     | array  |                   [ ]                    |          | Component features for labels           |
+|    bindings     | object |                   [ ]                    |          | Questionnaire bindings                  |
+|   management    |  bool  |                  false                   |          | Management mode of the input            |
+|    style \*     | object | { fieldsetStyle: {}, modalityStyle: {} } |          | Style of the checkbox                   |
+
+- `preferences` props has to be an ordered array of `COLLECTED`, `FORCED` or `EDITED`
+- `responses` props has to be an array of shape of `{id: string, label: string, response: {name: string, values: object}}`
+- `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
+
+**CheckboxGroup** component has for classes `checkbox-group-list`, `checkbox-modality` and `checkbox-lunatic`.

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

@@ -1,60 +1,60 @@
-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('CheckboxGroup', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<CheckboxGroup />" />;
-	});
-
-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 checkbox group"')}
-		missing={boolean('Missing', false)}
-		shortcut={boolean('Shortcut', false)}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		features={select('Features', featuresOptions, ['VTL', 'MD'])}
-		bindings={object('Bindings', { NAME: 'Mojo' })}
-		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 />;
-});
+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('CheckboxGroup', module)
+	.addDecorator(withReadme(readme))
+	.addDecorator((Component) => {
+		const WrappedComponent = titleDecorator(Component);
+		return <WrappedComponent title="<CheckboxGroup />" />;
+	});
+
+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 checkbox group"')}
+		missing={boolean('Missing', false)}
+		shortcut={boolean('Shortcut', false)}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+		features={select('Features', featuresOptions, ['VTL', 'MD'])}
+		bindings={object('Bindings', { NAME: 'Mojo' })}
+		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 />;
+});