@inseefr/lunatic 0.2.2-experimental → 0.2.3-prisme

package/src/stories/questionnaire/questionnaire.stories.js

@@ -1,138 +1,236 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import Orchestrator from '../utils/orchestrator';
-import { titleDecorator } from 'utils/lib';
-import calcVar from './calc-var';
-import logement from './logement';
-import logementSequence from './logement-sequence';
-import dataLogement from './data-logement.json';
-import simpsons from './simpsons';
-import arithmetic from './arithmetic';
-import { positioningOptions, featuresOptions } from '../utils/options';
-import { boolean, select } from '@storybook/addon-knobs/react';
-
-const def = storiesOf('Questionnaire/Default', module).addDecorator(
-	(Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Questionnaire />" />;
-	}
-);
-
-def.addWithJSX('Calculated Variables', () => (
-	<Orchestrator
-		id="props"
-		source={calcVar}
-		missing={boolean('Missing', false)}
-		features={select('Features', featuresOptions, ['VTL', 'MD'])}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		disabled={boolean('Disabled', false)}
-		focused={boolean('Focused', false)}
-		management={boolean('Management', false)}
-	/>
-));
-
-def.addWithJSX('Logement', () => (
-	<Orchestrator
-		id="props"
-		source={logement}
-		missing={boolean('Missing', false)}
-		features={select('Features', featuresOptions, ['VTL', 'MD'])}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		disabled={boolean('Disabled', false)}
-		focused={boolean('Focused', false)}
-		management={boolean('Management', false)}
-	/>
-));
-
-def.addWithJSX('Arithmetic', () => (
-	<Orchestrator
-		id="props"
-		source={arithmetic}
-		features={select('Features', featuresOptions, ['VTL', 'MD'])}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		disabled={boolean('Disabled', false)}
-	/>
-));
-
-def.addWithJSX('Simpsons', () => (
-	<Orchestrator
-		id="props"
-		source={simpsons}
-		missing={boolean('Missing', false)}
-		features={select('Features', featuresOptions, ['VTL', 'MD'])}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		disabled={boolean('Disabled', false)}
-		focused={boolean('Focused', false)}
-		management={boolean('Management', false)}
-	/>
-));
-
-const paginated = storiesOf('Questionnaire/Paginated', module).addDecorator(
-	(Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Questionnaire />" />;
-	}
-);
-
-paginated.addWithJSX('Calculated Variables', () => (
-	<Orchestrator
-		id="props"
-		source={calcVar}
-		missing={boolean('Missing', false)}
-		features={select('Features', featuresOptions, ['VTL', 'MD'])}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		disabled={boolean('Disabled', false)}
-		focused={boolean('Focused', false)}
-		management={boolean('Management', false)}
-		pagination
-	/>
-));
-
-paginated.addWithJSX('Logement', () => (
-	<Orchestrator
-		id="props"
-		source={logement}
-		data={dataLogement}
-		missing={boolean('Missing', false)}
-		activeGoNextForMissing={boolean('Active go next for missing', false)}
-		features={select('Features', featuresOptions, ['VTL', 'MD'])}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		disabled={boolean('Disabled', false)}
-		focused={boolean('Focused', false)}
-		management={boolean('Management', false)}
-		pagination
-	/>
-));
-
-paginated.addWithJSX('Logement - Sequence', () => (
-	<Orchestrator
-		id="props"
-		source={logementSequence}
-		data={dataLogement}
-		missing={boolean('Missing', false)}
-		activeGoNextForMissing={boolean('Active go next for missing', false)}
-		features={select('Features', featuresOptions, ['VTL', 'MD'])}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		disabled={boolean('Disabled', false)}
-		focused={boolean('Focused', false)}
-		management={boolean('Management', false)}
-		pagination
-	/>
-));
-
-paginated.addWithJSX('Simpsons', () => (
-	<Orchestrator
-		id="props"
-		source={simpsons}
-		missing={boolean('Missing', false)}
-		activeGoNextForMissing={boolean('Active go next for missing', false)}
-		missingShortcut={{ dontKnow: 'f2', refused: 'f4' }}
-		shortcut
-		features={select('Features', featuresOptions, ['VTL', 'MD'])}
-		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
-		disabled={boolean('Disabled', false)}
-		focused={boolean('Focused', false)}
-		management={boolean('Management', false)}
-		pagination
-	/>
-));
+import React, { useState } from 'react';
+import { storiesOf } from '@storybook/react';
+import Orchestrator from '../utils/orchestrator';
+import OrchestratorSplit from '../utils/orchestrator-split';
+import { titleDecorator } from 'utils/lib';
+import calcVar from './calc-var';
+import logement from './logement';
+import logementQueen from './logement-queen';
+import logementS2 from './logement-s2';
+import logementSequence from './logement-sequence';
+import dataLogement from './data-logement';
+import simpsons from './simpsons';
+import loopAndControls from './loop-and-controls.json';
+import arithmetic from './arithmetic';
+import kish from './kish';
+import arithmeticManagement from './arithmetic-management';
+import updateExternalQuestionnaire from './update-external/questionnaire';
+import updateExternalData from './update-external/data';
+import { positioningOptions, featuresOptions } from '../utils/options';
+import { boolean, select } from '@storybook/addon-knobs/react';
+
+const def = storiesOf('Questionnaire/Default', module).addDecorator(
+	(Component) => {
+		const WrappedComponent = titleDecorator(Component);
+		return <WrappedComponent title="<Questionnaire />" />;
+	}
+);
+
+def.addWithJSX('Calculated Variables', () => (
+	<Orchestrator
+		id="props"
+		source={calcVar}
+		missing={boolean('Missing', false)}
+		features={select('Features', featuresOptions, ['VTL', 'MD'])}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+		disabled={boolean('Disabled', false)}
+		focused={boolean('Focused', false)}
+		management={boolean('Management', false)}
+	/>
+));
+
+def.addWithJSX('Arithmetic', () => (
+	<Orchestrator
+		id="props"
+		source={arithmetic}
+		features={select('Features', featuresOptions, ['VTL', 'MD'])}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+		disabled={boolean('Disabled', false)}
+	/>
+));
+
+def.addWithJSX('Arithmetic - Management', () => (
+	<Orchestrator
+		id="props"
+		source={arithmeticManagement}
+		features={select('Features', featuresOptions, ['VTL', 'MD'])}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+		disabled={boolean('Disabled', false)}
+		management={boolean('Management', true)}
+	/>
+));
+
+def.addWithJSX('Simpsons', () => (
+	<Orchestrator
+		id="props"
+		source={simpsons}
+		missing={boolean('Missing', false)}
+		features={select('Features', featuresOptions, ['VTL', 'MD'])}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+		disabled={boolean('Disabled', false)}
+		focused={boolean('Focused', false)}
+		management={boolean('Management', false)}
+	/>
+));
+
+const paginated = storiesOf('Questionnaire/Paginated', module).addDecorator(
+	(Component) => {
+		const WrappedComponent = titleDecorator(Component);
+		return <WrappedComponent title="<Questionnaire />" />;
+	}
+);
+
+paginated.addWithJSX('Calculated Variables', () => (
+	<Orchestrator
+		id="props"
+		source={calcVar}
+		missing={boolean('Missing', false)}
+		features={select('Features', featuresOptions, ['VTL', 'MD'])}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+		disabled={boolean('Disabled', false)}
+		focused={boolean('Focused', false)}
+		management={boolean('Management', false)}
+		pagination
+	/>
+));
+
+paginated.addWithJSX('Kish', () => (
+	<Orchestrator
+		id="props"
+		source={kish}
+		features={select('Features', featuresOptions, ['VTL', 'MD'])}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+		disabled={boolean('Disabled', false)}
+		pagination
+	/>
+));
+
+paginated.addWithJSX('Logement', () => (
+	<OrchestratorSplit
+		id="props"
+		source={logement}
+		data={dataLogement}
+		missing={boolean('Missing', false)}
+		activeGoNextForMissing={boolean('Active go next for missing', false)}
+		features={select('Features', featuresOptions, ['VTL', 'MD'])}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+		disabled={boolean('Disabled', false)}
+		focused={boolean('Focused', false)}
+		management={boolean('Management', false)}
+		pagination
+		modalForControls
+	/>
+));
+
+paginated.addWithJSX('Logement - Queen', () => (
+	<OrchestratorSplit
+		id="props"
+		source={logementQueen}
+		data={dataLogement}
+		missing={boolean('Missing', true)}
+		activeGoNextForMissing={boolean('Active go next for missing', false)}
+		features={select('Features', featuresOptions, ['VTL', 'MD'])}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+		disabled={boolean('Disabled', false)}
+		focused={boolean('Focused', false)}
+		management={boolean('Management', false)}
+		pagination
+	/>
+));
+
+paginated.addWithJSX('Logement - Sequence', () => (
+	<OrchestratorSplit
+		id="props"
+		source={logementSequence}
+		data={dataLogement}
+		missing={boolean('Missing', false)}
+		activeGoNextForMissing={boolean('Active go next for missing', false)}
+		features={select('Features', featuresOptions, ['VTL', 'MD'])}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+		disabled={boolean('Disabled', false)}
+		focused={boolean('Focused', false)}
+		management={boolean('Management', false)}
+		pagination
+	/>
+));
+
+paginated.addWithJSX('Logement - S2', () => (
+	<OrchestratorSplit
+		id="props"
+		source={logementS2}
+		missing={boolean('Missing', false)}
+		activeGoNextForMissing={boolean('Active go next for missing', false)}
+		features={select('Features', featuresOptions, ['VTL', 'MD'])}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+		disabled={boolean('Disabled', false)}
+		focused={boolean('Focused', false)}
+		management={boolean('Management', false)}
+		pagination
+	/>
+));
+
+paginated.addWithJSX('Simpsons', () => (
+	<Orchestrator
+		id="props"
+		source={simpsons}
+		missing={boolean('Missing', false)}
+		activeGoNextForMissing={boolean('Active go next for missing', false)}
+		missingShortcut={{ dontKnow: 'f2', refused: 'f4' }}
+		shortcut
+		features={select('Features', featuresOptions, ['VTL', 'MD'])}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+		disabled={boolean('Disabled', false)}
+		focused={boolean('Focused', false)}
+		management={boolean('Management', false)}
+		pagination
+	/>
+));
+
+const other = storiesOf('Questionnaire/Other', module).addDecorator(
+	(Component) => {
+		const WrappedComponent = titleDecorator(Component);
+		return <WrappedComponent title="<Questionnaire />" />;
+	}
+);
+
+other.addWithJSX('Controls', () => (
+	<Orchestrator
+		id="props"
+		modalForControls={true}
+		source={loopAndControls}
+		missing={boolean('Missing', false)}
+		activeGoNextForMissing={boolean('Active go next for missing', false)}
+		missingShortcut={{ dontKnow: 'f2', refused: 'f4' }}
+		shortcut
+		features={select('Features', featuresOptions, ['VTL', 'MD'])}
+		positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+		disabled={boolean('Disabled', false)}
+		focused={boolean('Focused', false)}
+		management={boolean('Management', false)}
+		pagination
+	/>
+));
+
+other.addWithJSX('Update external', () => {
+	const [addExternal, setAddExternal] = useState(null);
+	return (
+		<>
+			<button
+				onClick={() => setAddExternal({ PROMO: true })}
+			>{`Fire PROMO --> True`}</button>
+			<button
+				onClick={() => setAddExternal({ PROMO: false })}
+			>{`Fire PROMO --> False`}</button>
+			<Orchestrator
+				id="props"
+				source={updateExternalQuestionnaire}
+				data={updateExternalData}
+				features={select('Features', featuresOptions, ['VTL', 'MD'])}
+				positioning={select('Items positioning', positioningOptions, 'DEFAULT')}
+				disabled={boolean('Disabled', false)}
+				focused={boolean('Focused', false)}
+				addExternal={addExternal}
+			/>
+		</>
+	);
+});

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

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

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

@@ -0,0 +1,75 @@
+{
+	"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/suggester/README.md

@@ -1,46 +1,46 @@
-# 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
-}
-} , ...
-}
+# 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 +1,15 @@
-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;
+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 +1,2 @@
-export { default as fetch } from './fetch-bailleurs';
-export { default as OptionRenderer } from './option-bailleur-renderer';
+export { default as fetch } from './fetch-bailleurs';
+export { default as OptionRenderer } from './option-bailleur-renderer';