@inseefr/lunatic 0.3.0-experimental → 0.3.0-prisme

package/src/components/textarea/textarea.scss

@@ -1,8 +1,8 @@
-// see input.scss
-
-.lunatic-component {
-	.textarea-lunatic {
-		height: 3em;
-		width: 100%;
-	}
-}
+// see input.scss
+
+.lunatic-component {
+	.textarea-lunatic {
+		height: 3em;
+		width: 100%;
+	}
+}

package/src/components/tooltip/tooltip.scss

@@ -1,30 +1,30 @@
-// Import index once for bundle
-@import 'src/components/index.scss';
-
-.lunatic-component {
-	/* Tooltip container */
-	.tooltip-lunatic {
-		position: relative;
-		display: inline-block;
-		align-items: center;
-	}
-
-	/* Tooltip text */
-	.tooltip-lunatic .tooltip-text {
-		min-width: 10em;
-		max-width: 20em;
-		background-color: var(--color-primary-dark);
-		color: #fff;
-		padding: 0.5em;
-		border-radius: 6px;
-		font-size: 1em;
-		&.place-left {
-			&::before {
-				border-left: 10px solid var(--color-primary-dark);
-			}
-			&::after {
-				content: none;
-			}
-		}
-	}
-}
+// Import index once for bundle
+@import 'src/components/index.scss';
+
+.lunatic-component {
+	/* Tooltip container */
+	.tooltip-lunatic {
+		position: relative;
+		display: inline-block;
+		align-items: center;
+	}
+
+	/* Tooltip text */
+	.tooltip-lunatic .tooltip-text {
+		min-width: 10em;
+		max-width: 20em;
+		background-color: var(--color-primary-dark);
+		color: #fff;
+		padding: 0.5em;
+		border-radius: 6px;
+		font-size: 1em;
+		&.place-left {
+			&::before {
+				border-left: 10px solid var(--color-primary-dark);
+			}
+			&::after {
+				content: none;
+			}
+		}
+	}
+}

package/src/stories/breadcrumb/breadcrumb.stories.js

@@ -1,21 +1,21 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { Breadcrumb } from 'components';
-import { withReadme } from 'storybook-readme';
-import readme from './README.md';
-import { titleDecorator } from 'utils/lib';
-
-const elements = ['Sequence', 'Sub-sequence', 'Question'];
-
-const stories = storiesOf('Breadcrumb', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Breadcrumb />" />;
-	});
-
-stories.addWithJSX('Default', () => (
-	<div className="lunatic-component">
-		<Breadcrumb id="default" elements={elements} />
-	</div>
-));
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { Breadcrumb } from 'components';
+import { withReadme } from 'storybook-readme';
+import readme from './README.md';
+import { titleDecorator } from 'utils/lib';
+
+const elements = ['Sequence', 'Sub-sequence', 'Question'];
+
+const stories = storiesOf('Breadcrumb', module)
+	.addDecorator(withReadme(readme))
+	.addDecorator((Component) => {
+		const WrappedComponent = titleDecorator(Component);
+		return <WrappedComponent title="<Breadcrumb />" />;
+	});
+
+stories.addWithJSX('Default', () => (
+	<div className="lunatic-component">
+		<Breadcrumb id="default" elements={elements} />
+	</div>
+));

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

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

package/src/stories/datepicker/data.json

@@ -1,45 +1,45 @@
-{
-	"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
-			}
-		}
-	]
-}
+{
+	"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/declarations/declarations.stories.js

@@ -1,116 +1,116 @@
-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,
-	},
-];
+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,
+	},
+];