@inseefr/lunatic 0.1.13-hackathon → 0.2.0-v2

package/src/stories/suggester/suggester-workers.stories.js

@@ -1,179 +0,0 @@
-import React, { useCallback, useState } from 'react';
-import { storiesOf } from '@storybook/react';
-import { clearDb, openOnCreateDb, insertEntity } from '../../utils/idb-tools';
-import { CONSTANTES } from '../../utils/store-tools';
-import append from '../../utils/suggester-workers/append-to-index';
-import searching from '../../utils/suggester-workers/searching';
-
-const stories = storiesOf('Suggester/workers', module);
-
-function fetchCog() {
-	return fetch('/communes-2019.json').then((r) => r.json());
-}
-
-function fetchNaf() {
-	return fetch('naf-rev2.json').then((r) => r.json());
-}
-
-async function fetchBailleurs(path = '') {
-	const response = await fetch('/bailleurs-sociaux.json');
-	const naf = await response.json();
-	return naf.map(function (bailleur) {
-		const { code, libelle1 } = bailleur;
-
-		return { ...bailleur, id: code, label: libelle1, value: code };
-	});
-}
-
-const infoCog = {
-	name: 'cog-communes',
-	fields: [
-		{ name: 'label', rules: 'soft' },
-		{ name: 'nccenr', rules: 'soft' },
-		{ name: 'id', rules: 'soft' },
-	],
-	queryParser: { type: 'soft' },
-	version: '1',
-	display: 'label',
-	order: { type: 'ascending', field: 'label' },
-};
-
-const bailleursSociaux = {
-	name: 'bailleurs-sociaux',
-	fields: [
-		{
-			name: 'libelle1',
-			rules: ['[\\w]+'],
-			language: 'French',
-			stemmer: false,
-			synonyms: { st: ['saint'], ste: ['sainte'] },
-		},
-		{
-			name: 'libelle2',
-			rules: ['[\\w]+'],
-			language: 'French',
-			stemmer: false,
-			synonyms: { saint: ['st'], sainte: ['ste'] },
-		},
-		{ name: 'code' },
-	],
-	queryParser: {
-		type: 'tokenized',
-		params: { language: 'French', pattern: '[\\w]+', min: '1', stemmer: false },
-	},
-	max: 10,
-	version: '1',
-};
-
-const infoNaf = {
-	name: 'naf-rev2',
-	fields: [
-		{
-			name: 'label',
-			rules: ['[\\w]+'],
-			language: 'French',
-			min: 3,
-		},
-		{ name: 'id' },
-	],
-	queryParser: {
-		type: 'tokenized',
-		params: { language: 'French', pattern: '[\\w.]+' },
-	},
-	version: '1',
-};
-
-async function loadCog() {
-	const { name } = infoCog;
-	const communes = await fetchCog();
-	const db = await openOnCreateDb(name);
-	await clearDb(db, CONSTANTES.STORE_DATA_NAME);
-	await clearDb(db, CONSTANTES.STORE_INFO_NAME);
-	await append(infoCog, '1', communes, console.log);
-	await insertEntity(db, CONSTANTES.STORE_INFO_NAME, infoCog);
-}
-
-async function loadBailleurs() {
-	const { name } = bailleursSociaux;
-	const communes = await fetchBailleurs();
-	const db = await openOnCreateDb(name);
-	await clearDb(db, CONSTANTES.STORE_DATA_NAME);
-	await clearDb(db, CONSTANTES.STORE_INFO_NAME);
-	await append(bailleursSociaux, '1', communes, console.log);
-	await insertEntity(db, CONSTANTES.STORE_INFO_NAME, bailleursSociaux);
-}
-
-async function loadNaf() {
-	const { name } = infoNaf;
-	const rubriques = await fetchNaf();
-	const db = await openOnCreateDb(name);
-	await clearDb(db, CONSTANTES.STORE_DATA_NAME);
-	await clearDb(db, CONSTANTES.STORE_INFO_NAME);
-	await append(infoNaf, '1', rubriques, console.log);
-	await insertEntity(db, CONSTANTES.STORE_INFO_NAME, infoNaf);
-}
-
-function Search({ storeInfo, version = '1', max = 30, defaultValue = '' }) {
-	const { name, order } = storeInfo;
-	const [value, setValue] = useState(defaultValue);
-	const onClick = useCallback(
-		function () {
-			async function doIt() {
-				const results = await searching(value, {
-					name,
-					version,
-					max,
-					order,
-				});
-				console.log(results);
-			}
-			if (value.length) {
-				doIt();
-			}
-		},
-		[value, name, version, max]
-	);
-	return (
-		<>
-			<input
-				type="search"
-				value={value}
-				onChange={(e) => setValue(e.target.value)}
-			/>
-			<input type="button" onClick={onClick} value="Search!" />
-		</>
-	);
-}
-
-stories.addWithJSX('Default', () => {
-	return (
-		<>
-			<p>
-				Only for DEV purpose ! Juste pour tester l'intégration du code des
-				workers et faciliter leur mise à jour. Le chargement ne passe pas par
-				les web workers pour permettre le debug.
-			</p>
-			<ul
-				style={{ listStyleType: 'none', margin: 0, padding: 0, border: 'none' }}
-			>
-				<li>
-					<input type="button" value="load COG" onClick={loadCog} />
-					<Search storeInfo={infoCog} defaultValue="paris" />
-				</li>
-				<li></li>
-				<li>
-					<input type="button" value="load NAF" onClick={loadNaf} />
-					<Search storeInfo={infoNaf} defaultValue="culture du tabac" />
-				</li>
-				<li>
-					<input
-						type="button"
-						value="load bailleurs sociaux"
-						onClick={loadBailleurs}
-					/>
-					<Search storeInfo={bailleursSociaux} defaultValue="123" />
-				</li>
-			</ul>
-		</>
-	);
-});

package/src/stories/suggester/suggester.stories.js

@@ -1,133 +0,0 @@
-import React, { useState, useCallback } 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 dataAuto from './data-auto';
-import dataVTL from './data-vtl';
-import { labelPositionOptions, featuresOptions } from '../utils/options';
-import { text, boolean, object, select } from '@storybook/addon-knobs/react';
-import { SuggesterLoaderWidget } from 'components';
-import * as NAF from './naf-rev2';
-import * as COG from './cog-communes';
-import * as BAILLEURS from './bailleurs-sociaux';
-
-/**
- *
- */
-function getSuggesterInfo(name) {
-	if (name === 'naf-rev2') {
-		return { optionRenderer: NAF.OptionRenderer, idbVersion: '1' };
-	} else if (name === 'cog-communes') {
-		return { optionRenderer: COG.OptionRenderer, idbVersion: '1' };
-	} else if (name === 'bailleurs-sociaux') {
-		return { optionRenderer: BAILLEURS.OptionRenderer, idbVersion: '1' };
-	}
-	console.warn(`Unknown store : ${name}`);
-	return {};
-}
-
-function getWidgetLoaderInfo(name) {
-	if (name === 'naf-rev2') {
-		return {
-			fetch: NAF.fetch,
-			idbVersion: '1',
-		};
-	} else if (name === 'cog-communes') {
-		return { fetch: COG.fetch, idbVersion: '1' };
-	} else if (name === 'bailleurs-sociaux') {
-		return { fetch: BAILLEURS.fetch, idbVersion: '1' };
-	}
-	console.warn(`Unknown store : ${name}`);
-	return {};
-}
-
-const stories = storiesOf('Suggester/Manual loading', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Suggester />" />;
-	});
-
-stories.addWithJSX('Default', () => {
-	const [message, setMessage] = useState(undefined);
-	const onRefresh = useCallback(function (m) {
-		setMessage(m);
-	}, []);
-	return (
-		<>
-			<SuggesterLoaderWidget
-				source={data}
-				getStoreInfo={getWidgetLoaderInfo}
-				onRefresh={onRefresh}
-				absolute
-			/>
-			<Orchestrator
-				id="default"
-				source={data}
-				getStoreInfo={getSuggesterInfo}
-			/>
-			<div>{message}</div>
-		</>
-	);
-});
-
-stories.addWithJSX('Props', () => {
-	return (
-		<>
-			<SuggesterLoaderWidget source={data} getStoreInfo={getWidgetLoaderInfo} />
-			<Orchestrator
-				id="props"
-				source={dataVTL}
-				label={text('Label', '"Enjoy the suggester below"')}
-				features={select('Features', featuresOptions, ['VTL', 'MD'])}
-				bindings={object('Bindings', {})}
-				disabled={boolean('Disabled', false)}
-				focused={boolean('Focused', false)}
-				management={boolean('Management', false)}
-				labelPosition={select(
-					'Label position',
-					labelPositionOptions,
-					'DEFAULT'
-				)}
-				getStoreInfo={getSuggesterInfo}
-			/>
-		</>
-	);
-});
-
-const storiesAuto = storiesOf('Suggester/Auto loading', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<Suggester />" />;
-	});
-
-const suggesterFetcher = (url) =>
-	fetch(url, {
-		headers: { Accept: 'application/json' },
-	});
-
-storiesAuto.addWithJSX('Default', () => (
-	<Orchestrator
-		id="default"
-		source={dataAuto}
-		suggesters={{
-			'naf-rev2': {
-				url: 'https://inseefr.github.io/Lunatic/storybook/naf-rev2.json',
-			},
-			'naf-rev2-stop': {
-				url: 'https://inseefr.github.io/Lunatic/storybook/naf-rev2.json',
-				stopWords: [],
-			},
-			'cog-communes': {
-				url: 'https://inseefr.github.io/Lunatic/storybook/communes-2019.json',
-			},
-		}}
-		suggesterFetcher={suggesterFetcher}
-		autoSuggesterLoading
-		pagination
-	/>
-));

package/src/stories/table/README.md

@@ -1,29 +0,0 @@
-# Table component
-
-## Props
-
-|      Props      |  Type  | Default value | Required | Description                           |
-| :-------------: | :----: | :-----------: | :------: | ------------------------------------- |
-|       id        | string |       -       |    ✓     | Id of the table                       |
-|      label      | string |      ""       |          | Label of the table                    |
-| preferences \*  | array  | ["COLLECTED"] |          | Preferences to manage table response  |
-|    cells \*     | array  |      []       |          | Table cells                           |
-|  handleChange   |  func  |       -       |    ✓     | Handler of the table                  |
-|      lines      | object |      {}       |          | Min and max lines for evolutive table |
-| declarations \* | array  |      []       |          | Declarations of the table             |
-|    features     | array  |      [ ]      |          | Component features for labels         |
-|    bindings     | object |      [ ]      |          | Questionnaire bindings                |
-| positioning \*  | string |   "DEFAULT"   |          | Cell options positioning              |
-|   addBtnLabel   | string | "Add a line"  |          | Label of the button to add lines      |
-|     hideBtn     |  bool  |     false     |          | Hide the add button                   |
-|   management    |  bool  |     false     |          | Management mode of the table          |
-|      style      | object |      {}       |          | Style of the table                    |
-
-- `preferences` props has to be an ordered array of `COLLECTED`, `FORCED` or `EDITED`
-- `cells` props has to be an array of array's components
-- `positioning` props has to be one of `DEFAULT`, `HORIZONTAL` or `VERTICAL`
-- `declarations` are documented in the `Declarations` component
-
-## Styles
-
-**Table** component has for class `table-lunatic`.

package/src/stories/table/data-default.json

@@ -1,19 +0,0 @@
-{
-	"components": [
-		{
-			"id": "j6p29i81",
-			"componentType": "Table",
-			"mandatory": false,
-			"cells": [
-				[
-					{ "label": "" },
-					{ "label": "Header 1", "headerCell": true },
-					{ "label": "Header 2", "headerCell": true }
-				],
-				[{ "label": "Line 1" }, { "label": "Cell 11" }, { "label": "Cell 12" }],
-				[{ "label": "Line 2" }, { "label": "Cell 21" }, { "label": "Cell 22" }],
-				[{ "label": "Line 3" }, { "label": "Cell 31" }, { "label": "Cell 32" }]
-			]
-		}
-	]
-}

package/src/stories/table/data-one-axis-one-measure.json

@@ -1,139 +0,0 @@
-{
-	"components": [
-		{
-			"id": "table",
-			"componentType": "Table",
-			"mandatory": false,
-			"missingResponse": {
-				"name": "ICE_FLAVOUR_MISSING"
-			},
-			"cells": [
-				[
-					{ "label": "Vanilla", "value": "1" },
-					{
-						"componentType": "Dropdown",
-						"id": "j6p29i81-QOP-jbgdb3jx",
-						"response": {
-							"name": "ICE_FLAVOUR1",
-							"values": {
-								"PREVIOUS": null,
-								"COLLECTED": "1",
-								"FORCED": null,
-								"EDITED": null,
-								"INPUTED": null
-							}
-						},
-						"options": [
-							{ "value": "1", "label": "Yes" },
-							{ "value": "0", "label": "No" }
-						]
-					}
-				],
-				[
-					{ "label": "Strawberry", "value": "2" },
-					{
-						"componentType": "Dropdown",
-						"id": "j6p29i81-QOP-jbgdb61k",
-						"response": {
-							"name": "ICE_FLAVOUR2"
-						},
-						"options": [
-							{ "value": "1", "label": "Yes" },
-							{ "value": "0", "label": "No" }
-						]
-					}
-				],
-				[
-					{ "label": "Apple", "value": "3" },
-					{
-						"componentType": "Dropdown",
-						"id": "j6p29i81-QOP-jbgdl3kc",
-						"response": {
-							"name": "ICE_FLAVOUR3"
-						},
-						"options": [
-							{ "value": "1", "label": "Yes" },
-							{ "value": "0", "label": "No" }
-						]
-					}
-				],
-				[
-					{ "label": "Bacon", "value": "4" },
-					{
-						"componentType": "Dropdown",
-						"id": "j6p29i81-QOP-jbgdcobo",
-						"response": {
-							"name": "ICE_FLAVOUR4"
-						},
-						"options": [
-							{ "value": "1", "label": "Yes" },
-							{ "value": "0", "label": "No" }
-						]
-					}
-				]
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "ICE_FLAVOUR1",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "1",
-				"FORCED": "0",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "ICE_FLAVOUR2",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "1",
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "ICE_FLAVOUR3",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "ICE_FLAVOUR4",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "ICE_FLAVOUR_MISSING",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}

package/src/stories/table/data-one-axis-two-measures.json

@@ -1,208 +0,0 @@
-{
-	"components": [
-		{
-			"id": "table",
-			"componentType": "Table",
-			"mandatory": false,
-			"missingResponse": {
-				"name": "TABLE_MISSING"
-			},
-			"cells": [
-				[
-					{ "label": "Vanilla", "value": "1" },
-					{
-						"componentType": "Radio",
-						"id": "j6p29i81-QOP-jbgdb3jx",
-						"response": {
-							"name": "ICE_FLAVOUR1"
-						},
-						"options": [
-							{ "value": "1", "label": "Yes" },
-							{ "value": "0", "label": "No" }
-						]
-					},
-					{
-						"componentType": "Input",
-						"id": "A",
-						"response": {
-							"name": "INPUT_1"
-						}
-					}
-				],
-				[
-					{ "label": "Strawberry", "value": "2" },
-					{
-						"componentType": "Radio",
-						"id": "j6p29i81-QOP-jbgdb61k",
-						"response": {
-							"name": "ICE_FLAVOUR2"
-						},
-						"options": [
-							{ "value": "1", "label": "Yes" },
-							{ "value": "0", "label": "No" }
-						]
-					},
-					{
-						"componentType": "Input",
-						"id": "B",
-						"response": {
-							"name": "INPUT_2"
-						}
-					}
-				],
-				[
-					{ "label": "Apple", "value": "3" },
-					{
-						"componentType": "Radio",
-						"id": "j6p29i81-QOP-jbgdl3kc",
-						"response": {
-							"name": "ICE_FLAVOUR3"
-						},
-						"options": [
-							{ "value": "1", "label": "Yes" },
-							{ "value": "0", "label": "No" }
-						]
-					},
-					{
-						"componentType": "Input",
-						"id": "C",
-						"response": {
-							"name": "INPUT_3"
-						}
-					}
-				],
-				[
-					{ "label": "Bacon", "value": "4" },
-					{
-						"componentType": "Radio",
-						"id": "j6p29i81-QOP-jbgdcobo",
-						"response": {
-							"name": "ICE_FLAVOUR4"
-						},
-						"options": [
-							{ "value": "1", "label": "Yes" },
-							{ "value": "0", "label": "No" }
-						]
-					},
-					{
-						"componentType": "Input",
-						"id": "D",
-						"response": {
-							"name": "INPUT_4"
-						}
-					}
-				]
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "ICE_FLAVOUR1",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "ICE_FLAVOUR2",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "ICE_FLAVOUR3",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "ICE_FLAVOUR4",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "INPUT_1",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "Hop",
-				"FORCED": "Hip",
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "INPUT_2",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "INPUT_3",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "Hup",
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "INPUT_4",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "TABLE_MISSING",
-			"componentRef": "table",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		}
-	]
-}