@inseefr/lunatic 0.2.2-experimental → 0.2.2-prisme

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

@@ -1,32 +1,32 @@
-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>
-));
+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/bailleurs-sociaux-2021/fetch-bailleurs.js

@@ -0,0 +1,12 @@
+const FILE_NAME = 'bailleurs-sociaux-2021.json';
+
+async function fetchBailleurs(path = '') {
+	const sbPath =
+		process.env.NODE_ENV === 'development'
+			? `${path}/${FILE_NAME}`
+			: `/Lunatic/storybook/${FILE_NAME}`;
+	const response = await fetch(sbPath);
+	return response.json();
+}
+
+export default fetchBailleurs;

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

@@ -0,0 +1 @@
+export { default as fetch } from './fetch-bailleurs';

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

@@ -1,2 +1,2 @@
-export { default as fetch } from './fetch-cog';
-export { default as OptionRenderer } from './option-cog-renderer';
+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 +1,15 @@
-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;
+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 +1,12 @@
-.cog-option {
-	&.selected {
-		background-color: goldenrod;
-		.libelle {
-			color: darkgreen;
-		}
-	}
-	.id {
-		color: snow;
-		background-color: darkred;
-	}
-}
+.cog-option {
+	&.selected {
+		background-color: goldenrod;
+		.libelle {
+			color: darkgreen;
+		}
+	}
+	.id {
+		color: snow;
+		background-color: darkred;
+	}
+}

package/src/stories/suggester/data-auto.json

@@ -55,6 +55,7 @@
 			"max": 4,
 			"decimals": 0,
 			"label": "Number of inhabitants",
+			"conditionFilter": { "value": "true" },
 			"response": {
 				"name": "NUM"
 			},

package/src/stories/suggester/data.json

@@ -46,7 +46,10 @@
 					"name": "libelle2",
 					"rules": ["[\\w]+"],
 					"language": "French",
-					"synonyms": { "st": ["saint"] },
+					"synonyms": [
+						{ "source": "saint", "target": ["st"] },
+						{ "source": "oph", "target": ["renaud", "nicolas"] }
+					],
 					"stemmer": false
 				},
 				{ "name": "code" }
@@ -58,7 +61,26 @@
 			"stopWords": ["de", "la", "les", "du", "et", "au", "aux", "en"],
 			"max": 12,
 			"version": "1"
-		}
+		},{
+			"name": "bailleurs-sociaux-2021",
+			"fields": [
+			  {
+				"name": "label",
+				"rules": ["[\\w]+"],
+				"stemmer": true,
+				"synonyms": [{ "source": "saint", "target": ["st"] }]
+			  },
+	  
+			  { "name": "id" }
+			],
+			"max": 12,
+			"stopWords": ["de", "la", "les", "du", "et", "au", "aux", "en"],
+			"queryParser": {
+			  "type": "tokenized",
+			  "params": { "language": "French", "min": 1, "pattern": "[\\w]+" }
+			},
+			"version": "1"
+		  }
 	],
 	"components": [
 		{
@@ -93,6 +115,17 @@
 			"response": {
 				"name": "BAILLEURS"
 			}
+		},
+		{
+			"id": "bailleurs-sociaux-2021",
+			"componentType": "Suggester",
+			"mandatory": false,
+			"label": "Bailleurs sociaux 2021",
+			"path": "data/bailleurs-2021",
+			"storeName": "bailleurs-sociaux-2021",
+			"response": {
+				"name": "BAILLEURS"
+			}
 		}
 	],
 	"variables": [

package/src/stories/suggester/naf-rev2/fetch-naf.js

@@ -1,57 +1,57 @@
-/**
- * The way to fetch data. Each entity have an ID!
- * It for dealing with the append worker.
- * It also could be paged web service.
- */
-async function fetchNaf(path = '') {
-	const sbPath =
-		process.env.NODE_ENV === 'development'
-			? `${path}/naf-rev2.json`
-			: `/Lunatic/storybook/naf-rev2.json`;
-	const response = await fetch(sbPath);
-	const naf = await response.json();
-	return naf;
-}
-
-// function splitArray(array, size = 100) {
-// 	return array
-// 		.reduce(
-// 			function (stack, entity) {
-// 				const [last, ...other] = stack;
-// 				if (last.length < size) {
-// 					return [[...last, entity], ...other];
-// 				}
-// 				return [[entity], last, ...other];
-// 			},
-// 			[[]]
-// 		)
-// 		.reverse();
-// }
-
-// const createNextPage = (pages) => (index) => {
-// 	if (index < pages.length - 1) {
-// 		return {
-// 			entities: pages[index],
-// 			next: async () => createNextPage(pages)(index + 1),
-// 		};
-// 	}
-// 	return { entities: pages[index] };
-// };
-
-/**
- * Mock REST service.
- * @param {} path
- */
-// export async function createFetchNafPaged(path) {
-// 	const naf = await fetchNaf(path);
-// 	const pages = splitArray(naf).map(function (e) {
-// 		const { code: id } = e;
-// 		return { ...e, id };
-// 	});
-
-// 	return function () {
-// 		return createNextPage(pages)(0);
-// 	};
-// }
-
-export default fetchNaf;
+/**
+ * The way to fetch data. Each entity have an ID!
+ * It for dealing with the append worker.
+ * It also could be paged web service.
+ */
+async function fetchNaf(path = '') {
+	const sbPath =
+		process.env.NODE_ENV === 'development'
+			? `${path}/naf-rev2.json`
+			: `/Lunatic/storybook/naf-rev2.json`;
+	const response = await fetch(sbPath);
+	const naf = await response.json();
+	return naf;
+}
+
+// function splitArray(array, size = 100) {
+// 	return array
+// 		.reduce(
+// 			function (stack, entity) {
+// 				const [last, ...other] = stack;
+// 				if (last.length < size) {
+// 					return [[...last, entity], ...other];
+// 				}
+// 				return [[entity], last, ...other];
+// 			},
+// 			[[]]
+// 		)
+// 		.reverse();
+// }
+
+// const createNextPage = (pages) => (index) => {
+// 	if (index < pages.length - 1) {
+// 		return {
+// 			entities: pages[index],
+// 			next: async () => createNextPage(pages)(index + 1),
+// 		};
+// 	}
+// 	return { entities: pages[index] };
+// };
+
+/**
+ * Mock REST service.
+ * @param {} path
+ */
+// export async function createFetchNafPaged(path) {
+// 	const naf = await fetchNaf(path);
+// 	const pages = splitArray(naf).map(function (e) {
+// 		const { code: id } = e;
+// 		return { ...e, id };
+// 	});
+
+// 	return function () {
+// 		return createNextPage(pages)(0);
+// 	};
+// }
+
+export default fetchNaf;

package/src/stories/suggester/naf-rev2/theme.scss

@@ -1,36 +1,36 @@
-.naf-option {
-	white-space: nowrap;
-	overflow: hidden;
-
-	&.selected {
-		background-color: darkred;
-		.libelle {
-			color: honeydew;
-		}
-	}
-
-	.id {
-		color: snow;
-		text-align: center;
-		padding: 2px 4px;
-		border-radius: 3px;
-		width: 50px;
-		display: inline-block;
-
-		&.division {
-			background-color: olive;
-		}
-		&.section {
-			background-color: firebrick;
-		}
-		&.groupe {
-			background-color: royalblue;
-		}
-		&.classe {
-			background-color: sandybrown;
-		}
-		&.sous-classe {
-			background-color: darkorchid;
-		}
-	}
-}
+.naf-option {
+	white-space: nowrap;
+	overflow: hidden;
+
+	&.selected {
+		background-color: darkred;
+		.libelle {
+			color: honeydew;
+		}
+	}
+
+	.id {
+		color: snow;
+		text-align: center;
+		padding: 2px 4px;
+		border-radius: 3px;
+		width: 50px;
+		display: inline-block;
+
+		&.division {
+			background-color: olive;
+		}
+		&.section {
+			background-color: firebrick;
+		}
+		&.groupe {
+			background-color: royalblue;
+		}
+		&.classe {
+			background-color: sandybrown;
+		}
+		&.sous-classe {
+			background-color: darkorchid;
+		}
+	}
+}

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

@@ -15,6 +15,10 @@ function fetchNaf() {
 	return fetch('naf-rev2.json').then((r) => r.json());
 }
 
+function fetchBailleurs2021() {
+	return fetch('bailleurs-sociaux-2021.json').then((r) => r.json());
+}
+
 async function fetchBailleurs(path = '') {
 	const response = await fetch('/bailleurs-sociaux.json');
 	const naf = await response.json();
@@ -53,7 +57,10 @@ const bailleursSociaux = {
 			rules: ['[\\w]+'],
 			language: 'French',
 			stemmer: false,
-			synonyms: { saint: ['st'], sainte: ['ste'] },
+			synonyms: [
+				{ source: 'saint', target: ['st'] },
+				{ source: 'oph', target: ['renaud', 'nicolas'] },
+			],
 		},
 		{ name: 'code' },
 	],
@@ -83,6 +90,27 @@ const infoNaf = {
 	version: '1',
 };
 
+const infoBailleurs2021 = {
+	name: 'bailleurs-sociaux-2021',
+	fields: [
+		{
+			name: 'label',
+			rules: ['[\\w]+'],
+			stemmer: false,
+			synonyms: [{ source: 'saint', target: ['st'] }],
+		},
+
+		{ name: 'id' },
+	],
+	max: 12,
+	stopWords: ['de', 'la', 'les', 'du', 'et', 'au', 'aux', 'en'],
+	queryParser: {
+		type: 'tokenized',
+		params: { language: 'French', min: 1, pattern: '[\\w]+' },
+	},
+	version: '1',
+};
+
 async function loadCog() {
 	const { name } = infoCog;
 	const communes = await fetchCog();
@@ -103,6 +131,16 @@ async function loadBailleurs() {
 	await insertEntity(db, CONSTANTES.STORE_INFO_NAME, bailleursSociaux);
 }
 
+async function loadBailleurs2021() {
+	const { name } = infoBailleurs2021;
+	const bailleurs = await fetchBailleurs2021();
+	const db = await openOnCreateDb(name);
+	await clearDb(db, CONSTANTES.STORE_DATA_NAME);
+	await clearDb(db, CONSTANTES.STORE_INFO_NAME);
+	await append(infoBailleurs2021, '1', bailleurs, console.log);
+	await insertEntity(db, CONSTANTES.STORE_INFO_NAME, infoBailleurs2021);
+}
+
 async function loadNaf() {
 	const { name } = infoNaf;
 	const rubriques = await fetchNaf();
@@ -173,6 +211,15 @@ stories.addWithJSX('Default', () => {
 					/>
 					<Search storeInfo={bailleursSociaux} defaultValue="123" />
 				</li>
+
+				<li>
+					<input
+						type="button"
+						value="load bailleurs sociaux 2021"
+						onClick={loadBailleurs2021}
+					/>
+					<Search storeInfo={infoBailleurs2021} defaultValue="" />
+				</li>
 			</ul>
 		</>
 	);

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

@@ -13,6 +13,7 @@ import { SuggesterLoaderWidget } from 'components';
 import * as NAF from './naf-rev2';
 import * as COG from './cog-communes';
 import * as BAILLEURS from './bailleurs-sociaux';
+import * as BAILLEURS2021 from './bailleurs-sociaux-2021';
 
 /**
  *
@@ -24,6 +25,8 @@ function getSuggesterInfo(name) {
 		return { optionRenderer: COG.OptionRenderer, idbVersion: '1' };
 	} else if (name === 'bailleurs-sociaux') {
 		return { optionRenderer: BAILLEURS.OptionRenderer, idbVersion: '1' };
+	} else if (name === 'bailleurs-sociaux-2021') {
+		return { idbVersion: '1' };
 	}
 	console.warn(`Unknown store : ${name}`);
 	return {};
@@ -39,6 +42,8 @@ function getWidgetLoaderInfo(name) {
 		return { fetch: COG.fetch, idbVersion: '1' };
 	} else if (name === 'bailleurs-sociaux') {
 		return { fetch: BAILLEURS.fetch, idbVersion: '1' };
+	} else if (name === 'bailleurs-sociaux-2021') {
+		return { fetch: BAILLEURS2021.fetch, idbVersion: '1' };
 	}
 	console.warn(`Unknown store : ${name}`);
 	return {};

package/src/stories/table/README.md

@@ -1,29 +1,29 @@
-# 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`.
+# 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 +1,19 @@
-{
-	"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" }]
-			]
-		}
-	]
-}
+{
+	"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" }]
+			]
+		}
+	]
+}