@inseefr/lunatic 0.3.0-experimental → 0.3.0-prisme

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';

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

@@ -1,58 +1,58 @@
-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;
+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 +1,52 @@
-<?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>
+<?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 +1,22 @@
-.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;
-		}
-	}
-}
+.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/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/fetch-cog.js

@@ -1,15 +1,15 @@
-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;
+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;