@inseefr/lunatic 0.2.0-experimental → 0.2.0-prisme

package/src/stories/suggester/data.json

@@ -1,6 +1,6 @@
 {
-	"suggesters": {
-		"naf-rev2": {
+	"suggesters": [
+		{
 			"name": "naf-rev2",
 			"url": "https://inseefr.github.io/Lunatic/storybook/naf-rev2.json",
 			"fields": [
@@ -8,6 +8,7 @@
 					"name": "label",
 					"rules": ["[\\w]+"],
 					"language": "French",
+					"synonyms": { "saint": ["st"] },
 					"min": 2
 				},
 				{ "name": "id" }
@@ -18,7 +19,7 @@
 			},
 			"version": "1"
 		},
-		"cog-communes": {
+		{
 			"name": "cog-communes",
 			"url": "https://inseefr.github.io/Lunatic/storybook/communes-2019.json",
 			"fields": [
@@ -30,7 +31,7 @@
 			"queryParser": { "type": "soft" },
 			"version": "1"
 		},
-		"bailleurs-sociaux": {
+		{
 			"name": "bailleurs-sociaux",
 			"url": "https://inseefr.github.io/Lunatic/storybook/bailleurs-sociaux.json",
 			"fields": [
@@ -38,12 +39,17 @@
 					"name": "libelle1",
 					"rules": ["[\\w]+"],
 					"language": "French",
+					"synonyms": { "st": ["saint"] },
 					"stemmer": false
 				},
 				{
 					"name": "libelle2",
 					"rules": ["[\\w]+"],
 					"language": "French",
+					"synonyms": [
+						{ "source": "saint", "target": ["st"] },
+						{ "source": "oph", "target": ["renaud", "nicolas"] }
+					],
 					"stemmer": false
 				},
 				{ "name": "code" }
@@ -52,10 +58,30 @@
 				"type": "tokenized",
 				"params": { "language": "French", "pattern": "[\\w]+", "min": "1" }
 			},
-			"max": 10,
+			"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": [
 		{
 			"id": "sugg",
@@ -89,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,20 @@ 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();
+	return naf.map(function (bailleur) {
+		const { code, libelle1 } = bailleur;
+
+		return { ...bailleur, id: code, label: libelle1, value: code };
+	});
+}
+
 const infoCog = {
 	name: 'cog-communes',
 	fields: [
@@ -28,23 +42,33 @@ const infoCog = {
 	order: { type: 'ascending', field: 'label' },
 };
 
-const infoCogTokenized = {
-	name: 'cog-tokenized',
+const bailleursSociaux = {
+	name: 'bailleurs-sociaux',
 	fields: [
 		{
-			name: 'label',
+			name: 'libelle1',
 			rules: ['[\\w]+'],
 			language: 'French',
 			stemmer: false,
-			min: 2,
+			synonyms: { st: ['saint'], ste: ['sainte'] },
 		},
-		{ name: 'id', rules: 'soft' },
+		{
+			name: 'libelle2',
+			rules: ['[\\w]+'],
+			language: 'French',
+			stemmer: false,
+			synonyms: [
+				{ source: 'saint', target: ['st'] },
+				{ source: 'oph', target: ['renaud', 'nicolas'] },
+			],
+		},
+		{ name: 'code' },
 	],
-	stopWords: [],
 	queryParser: {
 		type: 'tokenized',
-		params: { language: 'French', pattern: '[\\w.]+' },
+		params: { language: 'French', pattern: '[\\w]+', min: '1', stemmer: false },
 	},
+	max: 10,
 	version: '1',
 };
 
@@ -66,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();
@@ -76,14 +121,24 @@ async function loadCog() {
 	await insertEntity(db, CONSTANTES.STORE_INFO_NAME, infoCog);
 }
 
-async function loadCogTokenized() {
-	const { name } = infoCogTokenized;
-	const communes = await fetchCog();
+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(infoCogTokenized, '1', communes, console.log);
-	await insertEntity(db, CONSTANTES.STORE_INFO_NAME, infoCogTokenized);
+	await append(bailleursSociaux, '1', communes, console.log);
+	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() {
@@ -151,13 +206,19 @@ stories.addWithJSX('Default', () => {
 				<li>
 					<input
 						type="button"
-						value="load COG tokenized"
-						onClick={loadCogTokenized}
+						value="load bailleurs sociaux"
+						onClick={loadBailleurs}
 					/>
-					<Search
-						storeInfo={infoCogTokenized}
-						defaultValue="la chapelle taillefert"
+					<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" }]
+			]
+		}
+	]
+}