@inseefr/lunatic 0.3.4-experimental → 0.3.4-v2

package/src/stories/questionnaire/update-external/data.json

@@ -1 +0,0 @@
-{ "EXTERNAL": { "PROMO": null } }

package/src/stories/questionnaire/update-external/questionnaire.json

@@ -1,75 +0,0 @@
-{
-	"components": [
-		{
-			"id": "seq1",
-			"componentType": "Sequence",
-			"label": "\"I - Collect number\"",
-			"conditionFilter": { "value": "true" }
-		},
-		{
-			"id": "input1",
-			"componentType": "InputNumber",
-			"label": "Number",
-			"conditionFilter": { "value": "true" },
-			"response": { "name": "NUM" },
-			"bindingDependencies": ["NUM"]
-		},
-		{
-			"id": "seq2",
-			"componentType": "Sequence",
-			"label": "\"II - Promo rate\"",
-			"conditionFilter": {
-				"value": "PROMO = true",
-				"bindingDependencies": ["PROMO"]
-			},
-			"bindingDependencies": ["PROMO"]
-		},
-		{
-			"id": "input2",
-			"componentType": "InputNumber",
-			"label": "Rate",
-			"conditionFilter": {
-				"value": "PROMO = true",
-				"bindingDependencies": ["PROMO"]
-			},
-			"response": {
-				"name": "PROMO_RATE",
-				"bindingDependencies": ["PROMO_RATE"]
-			},
-			"bindingDependencies": ["PROMO", "PROMO_RATE"]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "NUM",
-			"componentRef": "input1",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "PROMO_RATE",
-			"componentRef": "input2",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{ "variableType": "EXTERNAL", "name": "PROMO", "value": null },
-		{
-			"variableType": "CALCULATED",
-			"name": "DOUBLE_PROMO_RATE",
-			"expression": "cast(PROMO_RATE, integer) * 2",
-			"bindingDependencies": ["PROMO_RATE"]
-		}
-	]
-}

package/src/stories/radio/README.md

@@ -1,31 +0,0 @@
-# Radio component
-
-## Props
-
-|      Props      |  Type  |              Default value               | Required | Description                          |
-| :-------------: | :----: | :--------------------------------------: | :------: | ------------------------------------ |
-|       id        | string |                    -                     |    ✓     | Id of the radio                      |
-|      label      | string |                    ""                    |          | Fieldset label of the radio          |
-| preferences \*  | array  |              ["COLLECTED"]               |          | Preferences to manage radio response |
-|   response \*   | object |                    {}                    |          | Response concerned by the component  |
-|   options \*    | array  |                    []                    |          | Options of the radio                 |
-|  handleChange   |  func  |                    -                     |    ✓     | Handler of the radio                 |
-|    disabled     |  bool  |                  false                   |          | Is the radio options disabled        |
-|     focused     |  bool  |                  false                   |          | Is the radio options focused         |
-| positioning \*  | string |                "DEFAULT"                 |          | Checkbox options positioning         |
-| declarations \* | array  |                    []                    |          | Declarations of the radio            |
-|    features     | array  |                   [ ]                    |          | Component features for labels        |
-|    bindings     | object |                   [ ]                    |          | Questionnaire bindings               |
-|   management    |  bool  |                  false                   |          | Management mode of the radio         |
-|    style \*     | object | { fieldsetStyle: {}, modalityStyle: {} } |          | Style of the radio                   |
-
-- `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}`
-- `options` props has to be an array made by objects with a shape of `{label: string, value: string}`
-- `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
-
-**Radio** component has for classes `radio-group`, `radio-modality` and `radio-lunatic`.

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

@@ -1,32 +0,0 @@
-{
-	"components": [
-		{
-			"id": "rr",
-			"componentType": "Radio",
-			"mandatory": false,
-			"label": "➡ 1. In which city do the Simpsons reside?",
-			"response": {
-				"name": "CITY"
-			},
-			"options": [
-				{ "value": "00001", "label": "Springfield" },
-				{ "value": "00002", "label": "Shelbyville" },
-				{ "value": "00003", "label": "CITY" }
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "CITY",
-			"componentRef": "rr",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "00003",
-				"FORCED": "00002",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/radio/data-vtl.json

@@ -1,47 +0,0 @@
-{
-	"components": [
-		{
-			"id": "rr",
-			"componentType": "Radio",
-			"mandatory": false,
-			"label": "➡ 1. In which city do the Simpsons reside?",
-			"response": {
-				"name": "CITY"
-			},
-			"options": [
-				{ "value": "00001", "label": "Springfield" },
-				{ "value": "00002", "label": "Shelbyville" },
-				{ "value": "00003", "label": "CITY" }
-			],
-			"missingResponse": {
-				"name": "CITY_MISSING"
-			}
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "CITY",
-			"componentRef": "rr",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "00002",
-				"FORCED": "00001",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "CITY_MISSING",
-			"componentRef": "rr",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/radio/data.json

@@ -1,32 +0,0 @@
-{
-	"components": [
-		{
-			"id": "rr",
-			"componentType": "Radio",
-			"mandatory": false,
-			"label": "➡ 1. In which city do the Simpsons reside?",
-			"response": {
-				"name": "CITY"
-			},
-			"options": [
-				{ "value": "00001", "label": "Springfield" },
-				{ "value": "00002", "label": "Shelbyville" },
-				{ "value": "00003", "label": "Seinfeld" }
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "CITY",
-			"componentRef": "rr",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "00002",
-				"FORCED": "00001",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/radio/radio.stories.js

@@ -1,64 +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('Radio', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Radio />" />;
-	});
-
-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 radio"')}
-		missing={boolean('Missing', false)}
-		shortcut={boolean('Shortcut', false)}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		features={select('Features', featuresOptions, ['VTL', 'MD'])}
-		bindings={object('Bindings', { CITY: 'Springfield' })}
-		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}
-					management={boolean('Management', false)}
-				/>
-			</>
-		);
-	};
-	return <Fake />;
-});

package/src/stories/sequence/README.md

@@ -1,18 +0,0 @@
-# Sequence component
-
-## Props
-
-|      Props      |  Type  | Default value | Required | Description                   |
-| :-------------: | :----: | :-----------: | :------: | ----------------------------- |
-|       id        | string |       -       |    ✓     | Id of the sequence            |
-|      label      | string |       -       |    ✓     | Label of the sequence         |
-| declarations \* | array  |      [ ]      |          | Declarations of the sequence  |
-|    features     | array  |      [ ]      |          | Component features for labels |
-|    bindings     | object |      [ ]      |          | Questionnaire bindings        |
-|      style      | object |      { }      |          | Style of the sequence         |
-
-- `declarations` are documented in the `Declarations` component
-
-## Styles
-
-**Sequence** component has for class `sequence-lunatic`.

package/src/stories/sequence/sequence.stories.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withReadme } from 'storybook-readme';
-import { Sequence } from 'components';
-import readme from './README.md';
-import { titleDecorator } from 'utils/lib';
-import { featuresOptions } from '../utils/options';
-import { text, object, select } from '@storybook/addon-knobs/react';
-
-const stories = storiesOf('Sequence', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Sequence />" />;
-	});
-
-stories.addWithJSX('Default', () => (
-	<div className="lunatic-component">
-		<Sequence id="default" label="Label of my sequence" />
-	</div>
-));
-
-stories.addWithJSX('Props', () => (
-	<div className="lunatic-component">
-		<Sequence
-			id="props"
-			label={text('Label', '"Label of my sequence: " || TEST')}
-			features={select('Features', featuresOptions, ['VTL', 'MD'])}
-			bindings={object('Bindings', { TEST: 'test' })}
-		/>
-	</div>
-));

package/src/stories/subsequence/README.md

@@ -1,18 +0,0 @@
-# Subsequence component
-
-## Props
-
-|      Props      |  Type  | Default value | Required | Description                     |
-| :-------------: | :----: | :-----------: | :------: | ------------------------------- |
-|       id        | string |       -       |    ✓     | Id of the subsequence           |
-|      label      | string |       -       |    ✓     | Label of the subsequence        |
-| declarations \* | array  |      [ ]      |          | Declarations of the subsequence |
-|    features     | array  |      [ ]      |          | Component features for labels   |
-|    bindings     | object |      [ ]      |          | Questionnaire bindings          |
-|      style      | object |      {}       |          | Style of the subsequence        |
-
-- `declarations` are documented in the `Declarations` component
-
-## Styles
-
-**Subsequence** component has for class `subsequence-lunatic`.

package/src/stories/subsequence/subsequence.stories.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withReadme } from 'storybook-readme';
-import { Subsequence } from 'components';
-import readme from './README.md';
-import { titleDecorator } from 'utils/lib';
-import { featuresOptions } from '../utils/options';
-import { text, object, select } from '@storybook/addon-knobs/react';
-
-const stories = storiesOf('Subsequence', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Subsequence />" />;
-	});
-
-stories.addWithJSX('Default', () => (
-	<div className="lunatic-component">
-		<Subsequence id="default" label="Label of my subsequence" />
-	</div>
-));
-
-stories.addWithJSX('Props', () => (
-	<div className="lunatic-component">
-		<Subsequence
-			id="props"
-			label={text('Label', '"Label of my subsequence: " || test')}
-			features={select('Features', featuresOptions, ['VTL', 'MD'])}
-			bindings={object('Bindings', { test: 'test' })}
-		/>
-	</div>
-));

package/src/stories/suggester/README.md

@@ -1,46 +0,0 @@
-# Suggester component
-
-## Props
-
-|      Props       |  Type  |              Default value               | Required | Description                              |
-| :--------------: | :----: | :--------------------------------------: | :------: | ---------------------------------------- |
-|        id        | string |                    -                     |    ✓     | Id of the suggester                      |
-|      label       | string |                    ""                    |          | Fieldset label of the suggester          |
-|  preferences \*  | array  |              ["COLLECTED"]               |          | Preferences to manage suggester response |
-|   response \*    | object |                    {}                    |          | Response concerned by the component      |
-| placeholderList  | string |                    ""                    |          | Placeholder of the suggester             |
-|   handleChange   |  func  |                    -                     |    ✓     | Handler of the suggester                 |
-|     disabled     |  bool  |                  false                   |          | Is the suggester options disabled        |
-|     focused      |  bool  |                  false                   |          | Is the suggester options focused         |
-| declarations \*  | array  |                    []                    |          | Declarations of the suggester            |
-|     features     | array  |                   [ ]                    |          | Component features for labels            |
-|     bindings     | object |                   [ ]                    |          | Questionnaire bindings                   |
-|    management    |  bool  |                  false                   |          | Management mode of the suggester         |
-| labelPosition \* | string |                "DEFAULT"                 |          | Position of the input label              |
-|       path       | string |                    -                     |    ✓     | Path to data into indexdb                |
-|     style \*     | object | { fieldsetStyle: {}, modalityStyle: {} } |          | Style of the suggester                   |
-
-- `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
-
-**Suggester** component has for classes XXX.
-
-## Json-lunatic store-info
-
-{
-suggester: { [name] : {
-name,
-fields: [{ name: string, rules: [regexp]|'soft'|undefined, language: string|undefined, stemmer: boolean, min: integer }],
-queryParser:
-{type: 'soft'}|
-{type:'tokenized', params: { language: string, rules: [regexp]|undefined, stemmer: boolean|undefined },
-stopWords: [string]|undefined,
-order: { type: 'ascending'|'descending', field: string }|undefined,
-version: string
-}
-} , ...
-}

package/src/stories/suggester/bailleurs-sociaux/fetch-bailleurs.js

@@ -1,15 +0,0 @@
-async function fetchBailleurs(path = '') {
-	const sbPath =
-		process.env.NODE_ENV === 'development'
-			? `${path}/bailleurs-sociaux.json`
-			: `/Lunatic/storybook/bailleurs-sociaux.json`;
-	const response = await fetch(sbPath);
-	const naf = await response.json();
-	return naf.map(function (bailleur) {
-		const { code, libelle1 } = bailleur;
-
-		return { ...bailleur, id: code, label: libelle1, value: code };
-	});
-}
-
-export default fetchBailleurs;

package/src/stories/suggester/bailleurs-sociaux/index.js

@@ -1,2 +0,0 @@
-export { default as fetch } from './fetch-bailleurs';
-export { default as OptionRenderer } from './option-bailleur-renderer';

package/src/stories/suggester/bailleurs-sociaux/option-bailleur-renderer.js

@@ -1,58 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import classnames from 'classnames';
-import findBestLabel from '../../../components/suggester/find-best-label';
-import './theme.scss';
-
-function getLabel(option, attribut) {
-	const { libelle1, libelle2, code } = option;
-	switch (attribut) {
-		case 'libelle2':
-			return `${code} - ${libelle2}`;
-		case 'libelle1':
-		case 'code':
-			return `${code} - ${libelle1}`;
-		default:
-			return ``;
-	}
-}
-
-function OptionBailleurRenderer({ option, selected, search }) {
-	const { typorg } = option;
-	const [computed, setComputed] = useState(false);
-	const [attribut, setAttribut] = useState(undefined);
-
-	useEffect(
-		function () {
-			let unmount = false;
-			async function doIt() {
-				const best = await findBestLabel(option, search);
-				if (!unmount) {
-					setAttribut(best);
-					setComputed(true);
-				}
-			}
-
-			doIt();
-
-			return function () {
-				unmount = true;
-			};
-		},
-		[option, search]
-	);
-
-	return (
-		<div
-			className={classnames('option-bailleur', `type-${typorg}`, {
-				selected,
-				computed,
-			})}
-		>
-			<span className={classnames('bailleur-label', {})} title={attribut}>
-				{getLabel(option, attribut)}
-			</span>
-		</div>
-	);
-}
-
-export default OptionBailleurRenderer;

package/src/stories/suggester/bailleurs-sociaux/preloader.svg

@@ -1,52 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
-<g transform="rotate(0 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#fe718d">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(30 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#fe718d">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(60 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#fe718d">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(90 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#fe718d">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(120 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#fe718d">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(150 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#fe718d">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(180 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#fe718d">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(210 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#fe718d">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(240 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#fe718d">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(270 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#fe718d">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(300 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#fe718d">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate>
-  </rect>
-</g><g transform="rotate(330 50 50)">
-  <rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#fe718d">
-    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
-  </rect>
-</g>
-<!-- [ldio] generated by https://loading.io/ --></svg>

package/src/stories/suggester/bailleurs-sociaux/theme.scss

@@ -1,22 +0,0 @@
-.option-bailleur {
-	white-space: nowrap;
-	overflow: hidden;
-	background-image: url('./preloader.svg');
-	background-repeat: no-repeat;
-	background-size: 16px 16px;
-	background-color: gray; 
-	color: snow;
-
-	&.computed {
-		background-color: transparent; 
-		background-image:none;
-		color: black;
-
-	}
-
-	&.selected {
-		.bailleur-label {
-			color: goldenrod;
-		}
-	}
-}

package/src/stories/suggester/cog-communes/fetch-cog.js

@@ -1,15 +0,0 @@
-async function fetchCOG(path = '') {
-	const sbPath =
-		process.env.NODE_ENV === 'development'
-			? `${path}/communes-2019.json`
-			: `/Lunatic/storybook/communes-2019.json`;
-	const response = await fetch(sbPath);
-	const cog = await response.json();
-
-	return cog.map(({ label, ...rest }) => ({
-		label,
-		...rest,
-	}));
-}
-
-export default fetchCOG;

package/src/stories/suggester/cog-communes/index.js

@@ -1,2 +0,0 @@
-export { default as fetch } from './fetch-cog';
-export { default as OptionRenderer } from './option-cog-renderer';

package/src/stories/suggester/cog-communes/option-cog-renderer.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import './theme.scss';
-
-function OptionCogRenderer({ option, selected }) {
-	const { label, id } = option;
-	return (
-		<div className={classnames('cog-option', { selected })}>
-			<span className="id">{id}</span>
-			<span className="label">{label}</span>
-		</div>
-	);
-}
-
-export default OptionCogRenderer;

package/src/stories/suggester/cog-communes/theme.scss

@@ -1,12 +0,0 @@
-.cog-option {
-	&.selected {
-		background-color: goldenrod;
-		.libelle {
-			color: darkgreen;
-		}
-	}
-	.id {
-		color: snow;
-		background-color: darkred;
-	}
-}