@inseefr/lunatic 0.2.3-experimental → 0.2.3-prisme

package/src/utils/idb-tools/idb-bulk-insert.js

@@ -1,96 +1,96 @@
-const BULK_LIMIT = 300;
-
-export const BULK_INSERT_MESSAGES = {
-	bulkInsertComplete: { type: 'bulk-insert/complete' },
-	bulkInsertFinished: { type: 'bulk-insert/finished' },
-	bulkInsertError: { type: 'bulk-insert/error' },
-};
-
-/* */
-const pushTask = (store, transaction) => ([first, ...rest] = []) => {
-	if (first) {
-		const request = store.add(first);
-		request.onsuccess = () => {
-			if (rest.length) {
-				pushTask(store, transaction)(rest);
-			}
-		};
-
-		request.onerror = (e) => {
-			throw e;
-		};
-	}
-};
-
-/* */
-function split(entities, limit = BULK_LIMIT) {
-	return entities.reduce(
-		([f, ...r], n, i) => {
-			return (i + 1) % limit === 0 ? [[n], f, ...r] : [[n, ...f], ...r];
-		},
-		[[]]
-	);
-}
-
-/* */
-const bulkPush = (db, name, hook, resolve, reject, max) => (
-	lot,
-	i = 0,
-	treated = 0
-) => {
-	const [first, ...rest] = lot;
-	try {
-		if (first) {
-			const transaction = db.transaction(name, 'readwrite');
-			const store = transaction.objectStore(name);
-			pushTask(store, transaction)(first);
-			transaction.oncomplete = function () {
-				const nextTreated = treated + first.length;
-				hook({
-					message: {
-						...BULK_INSERT_MESSAGES.bulkInsertComplete,
-						nb: first.length,
-						treated: nextTreated,
-						step: i,
-						max,
-						percent: Math.round((nextTreated / max) * 100),
-					},
-				});
-				bulkPush(
-					db,
-					name,
-					hook,
-					resolve,
-					reject,
-					max
-				)(rest, i + 1, nextTreated);
-			};
-			transaction.onerror = function (e) {
-				hook({ message: BULK_INSERT_MESSAGES.bulkInsertError, error: e });
-				reject(e);
-			};
-		} else {
-			hook({ message: BULK_INSERT_MESSAGES.bulkInsertFinished });
-			resolve('success');
-		}
-	} catch (e) {
-		hook({ message: BULK_INSERT_MESSAGES.bulkInsertError });
-		reject(e);
-	}
-};
-
-/* */
-function bulkInsert(db, store, hook = () => null) {
-	return (entities = []) => {
-		const lots = split(entities, BULK_LIMIT);
-		return new Promise((resolve, reject) => {
-			try {
-				bulkPush(db, store, hook, resolve, reject, entities.length)(lots);
-			} catch (e) {
-				reject(e);
-			}
-		});
-	};
-}
-
-export default bulkInsert;
+const BULK_LIMIT = 300;
+
+export const BULK_INSERT_MESSAGES = {
+	bulkInsertComplete: { type: 'bulk-insert/complete' },
+	bulkInsertFinished: { type: 'bulk-insert/finished' },
+	bulkInsertError: { type: 'bulk-insert/error' },
+};
+
+/* */
+const pushTask = (store, transaction) => ([first, ...rest] = []) => {
+	if (first) {
+		const request = store.add(first);
+		request.onsuccess = () => {
+			if (rest.length) {
+				pushTask(store, transaction)(rest);
+			}
+		};
+
+		request.onerror = (e) => {
+			throw e;
+		};
+	}
+};
+
+/* */
+function split(entities, limit = BULK_LIMIT) {
+	return entities.reduce(
+		([f, ...r], n, i) => {
+			return (i + 1) % limit === 0 ? [[n], f, ...r] : [[n, ...f], ...r];
+		},
+		[[]]
+	);
+}
+
+/* */
+const bulkPush = (db, name, hook, resolve, reject, max) => (
+	lot,
+	i = 0,
+	treated = 0
+) => {
+	const [first, ...rest] = lot;
+	try {
+		if (first) {
+			const transaction = db.transaction(name, 'readwrite');
+			const store = transaction.objectStore(name);
+			pushTask(store, transaction)(first);
+			transaction.oncomplete = function () {
+				const nextTreated = treated + first.length;
+				hook({
+					message: {
+						...BULK_INSERT_MESSAGES.bulkInsertComplete,
+						nb: first.length,
+						treated: nextTreated,
+						step: i,
+						max,
+						percent: Math.round((nextTreated / max) * 100),
+					},
+				});
+				bulkPush(
+					db,
+					name,
+					hook,
+					resolve,
+					reject,
+					max
+				)(rest, i + 1, nextTreated);
+			};
+			transaction.onerror = function (e) {
+				hook({ message: BULK_INSERT_MESSAGES.bulkInsertError, error: e });
+				reject(e);
+			};
+		} else {
+			hook({ message: BULK_INSERT_MESSAGES.bulkInsertFinished });
+			resolve('success');
+		}
+	} catch (e) {
+		hook({ message: BULK_INSERT_MESSAGES.bulkInsertError });
+		reject(e);
+	}
+};
+
+/* */
+function bulkInsert(db, store, hook = () => null) {
+	return (entities = []) => {
+		const lots = split(entities, BULK_LIMIT);
+		return new Promise((resolve, reject) => {
+			try {
+				bulkPush(db, store, hook, resolve, reject, entities.length)(lots);
+			} catch (e) {
+				reject(e);
+			}
+		});
+	};
+}
+
+export default bulkInsert;

package/src/utils/idb-tools/index.js

@@ -1,10 +1,10 @@
-export { default as openDb } from './open-db';
-export { default as clearDb } from './clear-store';
-export { default as getIDB } from './get-idb';
-export { default as getEntity } from './get-entity';
-export { default as insertEntity } from './insert-entity';
-export { default as openOnCreateDb } from './open-or-create-db';
-export {
-	default as idbBulkInsert,
-	BULK_INSERT_MESSAGES,
-} from './idb-bulk-insert';
+export { default as openDb } from './open-db';
+export { default as clearDb } from './clear-store';
+export { default as getIDB } from './get-idb';
+export { default as getEntity } from './get-entity';
+export { default as insertEntity } from './insert-entity';
+export { default as openOnCreateDb } from './open-or-create-db';
+export {
+	default as idbBulkInsert,
+	BULK_INSERT_MESSAGES,
+} from './idb-bulk-insert';

package/src/utils/idb-tools/insert-entity.js

@@ -1,15 +1,15 @@
-function insert(db, storeName, entity) {
-	return new Promise(function (resolve, reject) {
-		const transaction = db.transaction(storeName, 'readwrite');
-		const store = transaction.objectStore(storeName);
-		const request = store.add(entity);
-		request.onsuccess = () => {
-			resolve('success');
-		};
-		request.onerror = (e) => {
-			reject(e);
-		};
-	});
-}
-
-export default insert;
+function insert(db, storeName, entity) {
+	return new Promise(function (resolve, reject) {
+		const transaction = db.transaction(storeName, 'readwrite');
+		const store = transaction.objectStore(storeName);
+		const request = store.add(entity);
+		request.onsuccess = () => {
+			resolve('success');
+		};
+		request.onerror = (e) => {
+			reject(e);
+		};
+	});
+}
+
+export default insert;

package/src/utils/idb-tools/open-db.js

@@ -1,13 +1,13 @@
-/* eslint-disable no-restricted-globals */
-import createDbOpener from './create-db-opener';
-
-function onUpgradeNeeded(e, _, reject) {
-	e.target.transaction.abort();
-	reject({ message: 'base seems to need an upgrade!' });
-}
-
-function onSuccess(e, resolve) {
-	resolve(e.target.result);
-}
-
-export default createDbOpener({ onUpgradeNeeded, onSuccess });
+/* eslint-disable no-restricted-globals */
+import createDbOpener from './create-db-opener';
+
+function onUpgradeNeeded(e, _, reject) {
+	e.target.transaction.abort();
+	reject({ message: 'base seems to need an upgrade!' });
+}
+
+function onSuccess(e, resolve) {
+	resolve(e.target.result);
+}
+
+export default createDbOpener({ onUpgradeNeeded, onSuccess });

package/src/utils/idb-tools/open-or-create-db.js

@@ -1,34 +1,34 @@
-/* eslint-disable no-restricted-globals */
-import CONSTANTE from '../store-tools/constantes';
-import createDbOpener from './create-db-opener';
-
-function onUpgradeNeeded(e, resolve, reject) {
-	try {
-		e.target.onsuccess = function () {
-			// Block success event!
-		};
-		const db = e.target.result;
-		const store = db.createObjectStore(CONSTANTE.STORE_DATA_NAME, {
-			keyPath: 'id',
-		});
-		db.createObjectStore(CONSTANTE.STORE_INFO_NAME, {
-			keyPath: 'name',
-		});
-		store.createIndex(CONSTANTE.STORE_INDEX_NAME, 'tokens', {
-			multiEntry: true,
-		});
-
-		const txn = e.target.transaction;
-		txn.oncomplete = function () {
-			resolve(db);
-		};
-	} catch (e) {
-		reject(e);
-	}
-}
-
-function onSuccess(e, resolve) {
-	resolve(e.target.result);
-}
-
-export default createDbOpener({ onUpgradeNeeded, onSuccess });
+/* eslint-disable no-restricted-globals */
+import CONSTANTE from '../store-tools/constantes';
+import createDbOpener from './create-db-opener';
+
+function onUpgradeNeeded(e, resolve, reject) {
+	try {
+		e.target.onsuccess = function () {
+			// Block success event!
+		};
+		const db = e.target.result;
+		const store = db.createObjectStore(CONSTANTE.STORE_DATA_NAME, {
+			keyPath: 'id',
+		});
+		db.createObjectStore(CONSTANTE.STORE_INFO_NAME, {
+			keyPath: 'name',
+		});
+		store.createIndex(CONSTANTE.STORE_INDEX_NAME, 'tokens', {
+			multiEntry: true,
+		});
+
+		const txn = e.target.transaction;
+		txn.oncomplete = function () {
+			resolve(db);
+		};
+	} catch (e) {
+		reject(e);
+	}
+}
+
+function onSuccess(e, resolve) {
+	resolve(e.target.result);
+}
+
+export default createDbOpener({ onUpgradeNeeded, onSuccess });

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

@@ -0,0 +1 @@
+export * from './utils';

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