@inseefr/lunatic 0.2.2-experimental → 0.2.3-prisme

package/src/utils/lib/controls/utils.js

@@ -0,0 +1,152 @@
+import { buildLoopBindings } from '../loops';
+import { interpret } from '../../to-expose/interpret';
+import { splitPage } from '..';
+import { getTypeControls } from '../../../components/component-wrapper/controls/validators';
+
+export const getControls = ({
+	page,
+	components,
+	bindings,
+	features,
+	preferences,
+}) =>
+	getControlsFromComponents({
+		page,
+		components,
+		depth: 1,
+		bindings,
+		features,
+		preferences,
+	});
+
+const getControlsFromComponents = ({
+	page,
+	depth,
+	components,
+	bindings,
+	features,
+	preferences,
+}) => {
+	const { currentIteration, currentPageWithoutAnyIteration } = splitPage(
+		page,
+		depth
+	);
+	return components.reduce((acc, component) => {
+		const {
+			controls,
+			componentType,
+			components: loopComponents,
+			page: componentPage,
+			paginatedLoop,
+		} = component;
+		if (componentType === 'Loop') {
+			const { bindingDependencies: bindingDependenciesLoop } = component;
+			const rootLoopBindings = getReducedBindings(
+				bindingDependenciesLoop,
+				bindings
+			);
+			let loopBindings = {};
+			if (paginatedLoop) {
+				loopBindings = buildLoopBindings(currentIteration - 1)(
+					Object.entries(rootLoopBindings)
+				);
+				return [
+					...acc,
+					...getControlsFromComponents({
+						page,
+						components: loopComponents,
+						bindings: loopBindings,
+						features,
+						depth: depth + 1,
+						preferences,
+					}),
+				];
+			} else {
+				const {
+					loopDependencies,
+					lines: { min },
+				} = component;
+				const iterationsStr = loopDependencies
+					? bindings[loopDependencies[0]]
+					: min;
+				const iterations = parseInt(iterationsStr, 10);
+				const ctrls = [...Array(iterations).keys()].reduce((accIt, i) => {
+					loopBindings = buildLoopBindings(i)(Object.entries(rootLoopBindings));
+					return [
+						...accIt,
+						...getControlsFromComponents({
+							page,
+							components: loopComponents,
+							bindings: loopBindings,
+							features,
+							depth: depth,
+							preferences,
+						}),
+					];
+				}, []);
+				return [...acc, ...ctrls];
+			}
+		}
+		if (currentPageWithoutAnyIteration === componentPage) {
+			if (controls) {
+				const interpretedControls = controls.reduce(
+					(
+						iC,
+						{ id, control, errorMessage, criticality, bindingDependencies }
+					) => {
+						const reducedBindings = getReducedBindings(
+							bindingDependencies,
+							bindings
+						);
+						const interpretedControl =
+							interpret(features)(reducedBindings)(control);
+						if (!interpretedControl)
+							return [...iC, { id, errorMessage, criticality }];
+						return iC;
+					},
+					[]
+				);
+				if (!['InputNumber', 'Datepicker'].includes(componentType))
+					return [...acc, ...interpretedControls];
+				else {
+					const {
+						response: { name },
+					} = component;
+					const value = bindings[name];
+					const typeControls = getTypeControls({
+						...component,
+						value,
+						preferences,
+					});
+
+					if (!typeControls) return [...acc, ...interpretedControls];
+					return [
+						...acc,
+						{ ...typeControls, criticality: 'LOCK' },
+						...interpretedControls,
+					];
+				}
+			}
+			if (['InputNumber', 'Datepicker'].includes(componentType)) {
+				const {
+					response: { name },
+				} = component;
+				const value = bindings[name];
+				const typeControls = getTypeControls({
+					...component,
+					value,
+					preferences,
+				});
+				if (!typeControls) return [...acc];
+				return [...acc, { ...typeControls, criticality: 'LOCK' }];
+			}
+		}
+		return acc;
+	}, []);
+};
+
+const getReducedBindings = (bindingDependencies, bindings) =>
+	(bindingDependencies || []).reduce(
+		(accB, bD) => ({ ...accB, [bD]: bindings[bD] }),
+		{}
+	);

package/src/utils/lib/decorator/title-decorator.js

@@ -1,16 +1,16 @@
-import React from 'react';
-
-const titleDecorator = WrappedComponent => {
-	const TitleComponent = props => {
-		const { title } = props;
-		return (
-			<>
-				<h1>{title}</h1>
-				<WrappedComponent />
-			</>
-		);
-	};
-	return TitleComponent;
-};
-
-export default titleDecorator;
+import React from 'react';
+
+const titleDecorator = WrappedComponent => {
+	const TitleComponent = props => {
+		const { title } = props;
+		return (
+			<>
+				<h1>{title}</h1>
+				<WrappedComponent />
+			</>
+		);
+	};
+	return TitleComponent;
+};
+
+export default titleDecorator;

package/src/utils/lib/env.js

@@ -1,2 +1,2 @@
-export const isDev =
-	!process.env.NODE_ENV || process.env.NODE_ENV === 'development';
+export const isDev = false;
+// !process.env.NODE_ENV || process.env.NODE_ENV === 'development';

package/src/utils/lib/index.js

@@ -1,6 +1,7 @@
 export { getAlphabet } from './alphabet';
 export * from './array';
 export * from './checkbox';
+export * from './controls';
 export { titleDecorator } from './decorator';
 export * from './env';
 export * from './input-number';
@@ -17,3 +18,4 @@ export * from './table';
 export * from './tooltip';
 export { isFunction } from './function';
 export { createObjectEvent } from './event';
+export * from './splitting';

package/src/utils/lib/input-number.js

@@ -1,6 +1,6 @@
 export const isNumberValid = (num, decimals = 0) => {
 	// \\ because of escaping, basic regex has only one \
 	if (num.includes('.') && !decimals) return false;
-	const regex = new RegExp(`^(-)?(0|[1-9]\\d*)(\\.(\\d){0,${decimals}})?$`);
+	const regex = new RegExp(`^(-)?(0|[1-9]\\d*)((\\.|,)(\\d){0,${decimals}})?$`);
 	return regex.test(num);
 };

package/src/utils/lib/options-positioning.js

@@ -1,9 +1,9 @@
-export const getItemsPositioningClass = positioning => {
-	switch (positioning) {
-		case 'HORIZONTAL':
-			return 'horizontal-options';
-		case 'VERTICAL':
-		default:
-			return '';
-	}
-};
+export const getItemsPositioningClass = positioning => {
+	switch (positioning) {
+		case 'HORIZONTAL':
+			return 'horizontal-options';
+		case 'VERTICAL':
+		default:
+			return '';
+	}
+};

package/src/utils/lib/pagination/navigation/shared.js

@@ -50,7 +50,8 @@ export const getPage = ({
 				interpret(featuresWithoutMD)(loopVectorialB)(loopV) !== true ||
 				(flow === FLOW_PREVIOUS &&
 					currentIteration === 1 &&
-					currentComponentIndex === 1)
+					currentComponentIndex === 1 &&
+					page === currentRootPage)
 			)
 				continue;
 			const iterations = getIterations({
@@ -86,7 +87,6 @@ export const getPage = ({
 							page,
 							it,
 							currentIteration,
-							loopComponentIndex: componentIndex,
 							currentComponentIndex,
 							loopComponent,
 						})
@@ -112,7 +112,6 @@ export const getPage = ({
 			const block = filteredComponents.filter(
 				(c) => c.page === page && c.componentType === 'Loop'
 			);
-
 			if (block.length > 0) {
 				const loopIdOfInterest =
 					flow === FLOW_NEXT ? block[0].id : block[block.length - 1].id;
@@ -168,10 +167,14 @@ const hasToBeExcluded = ({
 	page,
 	it,
 	currentIteration,
-	loopComponentIndex,
 	currentComponentIndex,
 	loopComponent,
 }) => {
+	const { page: loopPage, depth } = loopComponent;
+	const { currentComponentIndex: loopComponentIndex } = splitPage(
+		loopPage,
+		depth
+	);
 	if (flow === FLOW_NEXT)
 		return (
 			(currentRootPage === page &&
@@ -218,28 +221,28 @@ const getIterations = ({ component, bindings, featuresWithoutMD }) => {
 export const splitPage = (currentPage = '1', depth) => {
 	const currentPageWithDepth = depth
 		? currentPage
-				.split('.')
+				?.split('.')
 				.slice(0, depth + 1) // scoped
 				.join('.')
 		: currentPage;
 
 	const currentPageWithoutIteration = currentPageWithDepth
-		.split('#')
+		?.split('#')
 		.slice(0, -1)
 		.join('#');
 
 	const currentPageWithoutAnyIteration = currentPageWithDepth
-		.split('.')
+		?.split('.')
 		.map((e) => e.split('#')[0])
 		.join('.');
 
 	const currentRootPage = currentPageWithoutIteration
-		.split('.')
+		?.split('.')
 		.slice(0, -1)
 		.join('.');
 
 	const [currentComponentIndex, currentIteration] = currentPageWithDepth
-		.split('.')
+		?.split('.')
 		.pop()
 		.split('#')
 		.map((c) => parseInt(c, 10));

package/src/utils/lib/prop-types/lines.js

@@ -1,6 +1,6 @@
-import PropTypes from 'prop-types';
-
-export default PropTypes.shape({
-	min: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-	max: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-});
+import PropTypes from 'prop-types';
+
+export default PropTypes.shape({
+	min: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+	max: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+});

package/src/utils/lib/responses.js

@@ -1,9 +1,11 @@
-export const getResponseName = (response) => (response && response.name) || '';
-
-export const getResponseByPreference = (preferences) => (response) => {
-	if (!(response && response.values)) return null;
-	return preferences.reduce((acc, p) => {
-		const value = response.values[p];
-		return value !== null ? value : acc;
-	}, null);
-};
+export const getResponseName = (response) => (response && response.name) || '';
+
+export const getResponseByPreference =
+	(preferences = []) =>
+	(response) => {
+		if (!(response && response.values)) return null;
+		return preferences.reduce((acc, p) => {
+			const value = response.values[p];
+			return value !== null ? value : acc;
+		}, null);
+	};

package/src/utils/lib/splitting.js

@@ -0,0 +1,142 @@
+const getBindingsDependenciesCalculated = (variables) => {
+	if (!variables) return {};
+	return variables.reduce((acc, { name, bindingDependencies, shapeFrom }) => {
+		if (shapeFrom && bindingDependencies)
+			return { ...acc, [name]: [...bindingDependencies, shapeFrom] };
+		if (bindingDependencies) return { ...acc, [name]: bindingDependencies };
+		if (shapeFrom) return { ...acc, [name]: [shapeFrom] };
+		return acc;
+	}, {});
+};
+
+const getAllDeps = (deps) => (variablesCalcDeps) => {
+	if (!deps || !variablesCalcDeps) return [];
+	return deps.reduce((acc, dep) => {
+		const depsOfDep = variablesCalcDeps[dep];
+		if (Array.isArray(depsOfDep)) {
+			return [...acc, dep, ...getAllDeps(depsOfDep)(variablesCalcDeps)];
+		}
+		return [...acc, dep];
+	}, []);
+};
+
+const getNestedVarsInFilterOrControl = (element) => {
+	if (element && Array.isArray(element?.bindingDependencies))
+		return element?.bindingDependencies;
+	return [];
+};
+
+const getNestedVarsInComponent = (component) => {
+	const {
+		componentType,
+		bindingDependencies = [],
+		conditionFilter,
+		controls = [],
+	} = component;
+	var bindings = [
+		...bindingDependencies, // bindingDependencies of Component
+		...getNestedVarsInFilterOrControl(conditionFilter), // bindingDependencies of its conditionFilter
+		...controls.reduce(
+			(acc, c) => [...acc, ...getNestedVarsInFilterOrControl(c)],
+			[]
+		), // bindingDependencies of its controls
+	];
+
+	if (componentType === 'Loop') {
+		const { components, loopDependencies } = component;
+		if (Array.isArray(loopDependencies))
+			bindings = [...bindings, ...loopDependencies];
+		if (Array.isArray(components)) {
+			bindings = components.reduce(
+				(acc, c) => [...acc, ...getNestedVarsInComponent(c)],
+				[...bindings]
+			);
+		}
+	}
+
+	return bindings;
+};
+
+const getNestedVars =
+	(components = []) =>
+	(variables) => {
+		const variableCalculatedDependencies =
+			getBindingsDependenciesCalculated(variables);
+		const depsVarsTemp = components
+			.reduce((acc, c) => {
+				return [...acc, ...getNestedVarsInComponent(c)];
+			}, [])
+			.filter((v, i, a) => a.indexOf(v) === i);
+		return getAllDeps(depsVarsTemp)(variableCalculatedDependencies).filter(
+			(v, i, a) => a.indexOf(v) === i
+		);
+	};
+
+const getUsefullVariablesFromSource = (variables) => (nestedVars) => {
+	return variables.filter(({ variableType, name }) => {
+		if (variableType === 'CALCULATED' && !nestedVars.includes(name))
+			return false;
+		if (variableType === 'COLLECTED' && !nestedVars.includes(name))
+			return false;
+		return true;
+	});
+};
+
+export const getSplitQuestionnaireSource = (source) => {
+	const { components, variables, ...rest } = source;
+	var split = [];
+	var currentComponents = [];
+	var previousPage = null;
+	components.map((c) => {
+		const { componentType, page } = c;
+		// splitting by Sequence or Loop
+		if (
+			(componentType === 'Sequence' || componentType === 'Loop') &&
+			previousPage !== page
+		) {
+			if (currentComponents.length > 0) split.push(currentComponents);
+			currentComponents = [c];
+		} else {
+			currentComponents.push(c);
+		}
+		previousPage = page;
+		return null;
+	});
+	if (currentComponents.length > 0) split.push(currentComponents);
+
+	return split.reduce((prev, currentSource) => {
+		const firstPage = currentSource[0].page;
+		const maxPage = currentSource[currentSource.length - 1].page;
+		const nestedVars = getNestedVars(currentSource)(variables);
+		const newVariables = getUsefullVariablesFromSource(variables)(nestedVars);
+
+		return [
+			...prev,
+			{
+				...rest,
+				variables: newVariables,
+				firstPage,
+				maxPage,
+				components: currentSource,
+			},
+		];
+	}, []);
+};
+
+export const getRootPageInSources = (sources) => {
+	return sources.map((source) => {
+		const { components } = source;
+		return components.reduce((acc, { page }) => {
+			if (page) return [...acc, page];
+			return acc;
+		}, []);
+	});
+};
+
+export const mergeStateData = (oldData, newData) => {
+	return {
+		COLLECTED: { ...oldData.COLLECTED, ...newData.COLLECTED },
+		CALCULATED: { ...oldData.CALCULATED, ...newData.CALCULATED },
+		EXTERNAL: { ...oldData.EXTERNAL, ...newData.EXTERNAL },
+	};
+};

package/src/utils/lib/style.js

@@ -1,10 +1,10 @@
-import camelCase from 'lodash.camelcase';
-
-export const buildStyleObject = obj =>
-	obj
-		? Object.entries(obj).reduce((_, [key, value]) => {
-				if (key.startsWith(':')) _[key] = buildStyleObject(value);
-				else _[camelCase(key)] = value;
-				return _;
-		  }, {})
-		: {};
+import camelCase from 'lodash.camelcase';
+
+export const buildStyleObject = obj =>
+	obj
+		? Object.entries(obj).reduce((_, [key, value]) => {
+				if (key.startsWith(':')) _[key] = buildStyleObject(value);
+				else _[camelCase(key)] = value;
+				return _;
+		  }, {})
+		: {};

package/src/utils/store-tools/auto-load.js

@@ -1,73 +1,74 @@
-import openStorage from './open-or-create-store';
-import updateStoreInfo from './create/update-store-info';
-import cleanStorage from './clear-store-data';
-import cleanInfoStorage from './clear-store-info';
-
-const workerPath =
-	process.env.LUNATIC_LOADER_WORKER_PATH ||
-	process.env.REACT_APP_LUNATIC_LOADER_WORKER_PATH ||
-	'workers/lunatic-loader-worker-0.1.0.js';
-
-export const loadSuggesters = (suggesterFetcher) => async (suggesters) => {
-	Object.entries(suggesters).forEach(async ([name, attrs]) => {
-		const { version } = attrs;
-		const db = await openStorage(name, version);
-		if (db) {
-			await cleanStorage(db);
-			await cleanInfoStorage(db);
-			await updateStoreInfo(db, attrs);
-		}
-	});
-	Object.entries(suggesters).forEach(([name, attrs]) => {
-		const { url, version, fields, stopWords } = attrs;
-		const f = suggesterFetcher || fetch;
-		f(url).then(async (res) => {
-			const data = await res.json();
-			const [launch, terminate] = task({ name, fields, stopWords }, version);
-			await launch(data);
-			terminate();
-		});
-	});
-};
-
-/**
- * Only with Worker
- */
-function task({ name, fields, stopWords }, version, log = () => null) {
-	const worker = new Worker(workerPath);
-	let start = false;
-	let stop = false;
-
-	function launch(entities, post = () => null) {
-		return new Promise(function (resolve) {
-			start = true;
-			worker.postMessage({
-				name,
-				version,
-				fields,
-				entities,
-				stopWords,
-			});
-			worker.addEventListener('message', function (e) {
-				const { data } = e;
-				if (data === 'success') {
-					if (!stop) {
-						post();
-					}
-					resolve(data);
-				} else {
-					log(data);
-				}
-			});
-		});
-	}
-
-	function terminate() {
-		if (start) {
-			stop = true;
-			worker.terminate();
-		}
-	}
-
-	return [launch, terminate];
-}
+import openStorage from './open-or-create-store';
+import updateStoreInfo from './create/update-store-info';
+import cleanStorage from './clear-store-data';
+import cleanInfoStorage from './clear-store-info';
+import { createWorker } from '../suggester-workers/create-worker';
+
+const workerPath =
+	process.env.LUNATIC_LOADER_WORKER_PATH ||
+	process.env.REACT_APP_LUNATIC_LOADER_WORKER_PATH ||
+	'workers/lunatic-loader-worker-0.1.0.js';
+
+export const loadSuggesters = (suggesterFetcher) => async (suggesters) => {
+	Object.entries(suggesters).forEach(async ([name, attrs]) => {
+		const { version } = attrs;
+		const db = await openStorage(name, version);
+		if (db) {
+			await cleanStorage(db);
+			await cleanInfoStorage(db);
+			await updateStoreInfo(db, attrs);
+		}
+	});
+	Object.entries(suggesters).forEach(([name, attrs]) => {
+		const { url, version, fields, stopWords } = attrs;
+		const f = suggesterFetcher || fetch;
+		f(url).then(async (res) => {
+			const data = await res.json();
+			const [launch, terminate] = task({ name, fields, stopWords }, version);
+			await launch(data);
+			terminate();
+		});
+	});
+};
+
+/**
+ * Only with Worker
+ */
+function task({ name, fields, stopWords }, version, log = () => null) {
+	const worker = createWorker(workerPath);
+	let start = false;
+	let stop = false;
+
+	function launch(entities, post = () => null) {
+		return new Promise(function (resolve) {
+			start = true;
+			worker.postMessage({
+				name,
+				version,
+				fields,
+				entities,
+				stopWords,
+			});
+			worker.addEventListener('message', function (e) {
+				const { data } = e;
+				if (data === 'success') {
+					if (!stop) {
+						post();
+					}
+					resolve(data);
+				} else {
+					log(data);
+				}
+			});
+		});
+	}
+
+	function terminate() {
+		if (start) {
+			stop = true;
+			worker.terminate();
+		}
+	}
+
+	return [launch, terminate];
+}