@inseefr/lunatic 0.2.2-experimental → 0.2.3-prisme

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;