@inseefr/lunatic 2.3.1 → 2.4.0

package/src/utils/lib/tooltip/build-response.js

@@ -1,41 +0,0 @@
-import { buildNewValue } from '../../to-expose/handler';
-import * as C from '../../../constants/value-types';
-
-export const buildMultiTooltipResponse = (options) => (response) => {
-	if (!response || Object.keys(response).length === 0 || !options) return {};
-	const { name, values } = response;
-	const newValues = Object.entries(values).reduce(
-		(acc, [k, v]) =>
-			v === null
-				? { ...acc, [k]: v }
-				: { ...acc, [k]: options.find((o) => o.value === v).label },
-		{}
-	);
-	return { name, values: newValues };
-};
-
-export const buildBooleanTooltipResponse = (response) => {
-	if (!response || Object.keys(response).length === 0) return {};
-	const { name, values } = response;
-	const newValues = Object.entries(values).reduce(
-		(acc, [k, v]) =>
-			v === null ? { ...acc, [k]: v } : { ...acc, [k]: v ? 'Vrai' : 'Faux' },
-		{}
-	);
-	return { name, values: newValues };
-};
-
-/**
- * Assume we use this tool in management mode only
- */
-export const buildLocalResponse = (response, value) => {
-	if (!response || Object.keys(response).length === 0) return {};
-	const { name, values } = response;
-	const newValue = buildNewValue([C.COLLECTED, C.FORCED, C.EDITED])(C.EDITED)(
-		values
-	)(value);
-	return {
-		name,
-		values: { ...values, EDITED: newValue },
-	};
-};

package/src/utils/lib/tooltip/content.js

@@ -1,55 +0,0 @@
-import * as C from '../../../constants';
-
-export const buildTooltip = (response) => {
-	if (
-		!response ||
-		!response.values ||
-		Object.keys(response.values).length === 0
-	)
-		return {};
-	const { values } = response;
-	const edited = values[C.EDITED];
-	const forced = values[C.FORCED];
-	const collected = values[C.COLLECTED];
-
-	if (edited === '' && !has(forced) && !has(collected)) return {};
-
-	if (has(edited)) {
-		if (!has(forced))
-			return {
-				content: [
-					{
-						key: 'Brute',
-						value: collected || ' - ',
-					},
-				],
-				imgName: 'editedImg',
-			};
-		return {
-			content: [
-				{
-					key: 'Brute',
-					value: collected || ' - ',
-				},
-				{
-					key: 'Correction automatique',
-					value: forced,
-				},
-			],
-			imgName: 'editedImg',
-		};
-	}
-	if (has(forced))
-		return {
-			content: [
-				{
-					key: 'Brute',
-					value: collected || ' - ',
-				},
-			],
-			imgName: 'forcedImg',
-		};
-	return {};
-};
-
-const has = (status) => ![null, undefined].includes(status);

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

@@ -1,6 +0,0 @@
-export { buildTooltip } from './content';
-export {
-	buildLocalResponse,
-	buildMultiTooltipResponse,
-	buildBooleanTooltipResponse,
-} from './build-response';

package/src/utils/to-expose/handler.js

@@ -1,99 +0,0 @@
-import * as C from '../../constants';
-import { buildFilledComponent } from './init-questionnaire';
-import { supportedPreferences } from '../../constants/supported-preferences';
-import { interpret } from './interpret';
-import { buildVectorialBindings } from '../lib/loops/bindings';
-
-export const updateQuestionnaire = (valueType) => (questionnaire) => (
-	preferences
-) => (updatedValues) => {
-	if (
-		!supportedPreferences.includes(valueType) ||
-		preferences.length === 0 ||
-		!updatedValues
-	)
-		return questionnaire;
-	const { variables, components, ...other } = questionnaire;
-	if (!components || components.length === 0) return questionnaire;
-	const varsAndRefs = Object.entries(updatedValues).reduce(
-		(acc, [key, value]) => {
-			const {
-				newVariables: { COLLECTED, ...otherVars },
-				refs,
-			} = acc;
-			const { componentRef, values } = COLLECTED[key];
-			const updated = {
-				componentRef,
-				values: {
-					...values,
-					[valueType]: buildNewValue(preferences)(valueType)(values)(value),
-				},
-			};
-			const newCollected = { ...COLLECTED, [key]: updated };
-			return {
-				newVariables: {
-					...otherVars,
-					COLLECTED: newCollected,
-				},
-				refs: [...refs, componentRef],
-			};
-		},
-		{ newVariables: variables, refs: [] }
-	);
-	const { newVariables, refs: r } = varsAndRefs;
-	const newVariablesWithCalculated =
-		valueType === C.COLLECTED ? addCalculatedVars(newVariables) : newVariables;
-	const collectedVars = newVariables[C.COLLECTED];
-	const newComponents = components.map((c) => {
-		if (r.includes(c.id)) return buildFilledComponent(collectedVars)(c);
-		return c;
-	});
-	return {
-		...other,
-		variables: newVariablesWithCalculated,
-		components: newComponents,
-	};
-};
-
-export const buildNewValue = (preferences) => (valueType) => (oldValues) => (
-	value
-) => {
-	if (preferences.length === 1) return value;
-	const index = preferences.indexOf(valueType);
-	if (index < 1) return value;
-	const valuesByPreference = preferences
-		.slice(0, index)
-		.map((p) => oldValues[p])
-		.filter((v) => v !== null);
-	const lastValue = valuesByPreference[valuesByPreference.length - 1];
-	return lastValue === value ? null : value;
-};
-
-const addCalculatedVars = (variables) => {
-	if (
-		!variables[C.CALCULATED] ||
-		Object.keys(variables[C.CALCULATED]).length === 0
-	)
-		return variables;
-	const { COLLECTED, EXTERNAL, CALCULATED } = variables;
-	const collected = Object.entries(COLLECTED).reduce(
-		(acc, [key, { values }]) => ({ ...acc, [key]: values[C.COLLECTED] }),
-		{}
-	);
-	const bindings = buildVectorialBindings({ ...collected, ...EXTERNAL });
-	const calculated = Object.entries(CALCULATED).reduce(
-		(acc, [key, { expression }]) => {
-			// Assume that a calculated variable has a first level scope
-			// If we need to handle deep calculated variables, we have to
-			// update the shape of bindings, grouping vars by type
-			const res = interpret(['VTL'])(bindings)(expression);
-			const value = Array.isArray(res) ? res.join(',') : res;
-			return {
-				...acc,
-				[key]: { expression, value },
-			};
-		},
-		{}
-	);
-	return { EXTERNAL, COLLECTED, CALCULATED: calculated };
-};

package/src/utils/to-expose/hook.js

@@ -1,153 +0,0 @@
-import { useState, useEffect, useCallback } from 'react';
-import { interpret } from './interpret';
-import { mergeQuestionnaireAndData } from './init-questionnaire';
-import { getBindings } from './state';
-import { updateQuestionnaire } from './handler';
-import { getPage, FLOW_NEXT, FLOW_PREVIOUS } from '../lib';
-import { COLLECTED } from '../../constants';
-
-const customFilterPagination = ({ page }, pagination, currentPage) => {
-	return pagination ? currentPage.split('.')[0] === page : true;
-};
-
-const filterComponents = (
-	components,
-	management,
-	bindings,
-	features,
-	currentPage,
-	pagination
-) => {
-	if (management && !pagination) return components;
-	if (management && pagination)
-		return components.filter((c) =>
-			customFilterPagination(c, pagination, currentPage)
-		);
-
-	if (!pagination)
-		return components.filter(
-			({ conditionFilter }) =>
-				!conditionFilter ||
-				interpret(features)(bindings, true)(conditionFilter) === 'normal'
-		);
-
-	return components
-		.filter((c) => customFilterPagination(c, pagination, currentPage))
-		.filter(
-			({ conditionFilter }) =>
-				!conditionFilter ||
-				interpret(features)(bindings, true)(conditionFilter) === 'normal'
-		);
-};
-
-const useLunatic = (
-	source,
-	data,
-	{
-		savingType = COLLECTED,
-		preferences = [COLLECTED],
-		features = ['VTL'],
-		management = false,
-		pagination = false,
-		initialPage = '1',
-	}
-) => {
-	const [questionnaire, setQuestionnaire] = useState(
-		mergeQuestionnaireAndData(source)(data || {})
-	);
-	const [todo, setTodo] = useState({});
-	const [page, setPage] = useState(initialPage);
-	const [flow, setFlow] = useState(FLOW_NEXT);
-
-	// TODO: dynamic because of filters (kind of last accessible page)
-	const { maxPage } = source;
-
-	const featuresWithoutMD = features.filter((f) => f !== 'MD');
-
-	const isFirstPage = page === '1';
-	const isLastPage = page === maxPage;
-
-	const goNext = () => {
-		if (!isLastPage) {
-			if (flow !== FLOW_NEXT) {
-				setFlow(FLOW_NEXT);
-			}
-			const nextPage = getPage({
-				components: questionnaire.components,
-				bindings,
-				currentPage: page,
-				features: featuresWithoutMD,
-				flow: FLOW_NEXT,
-				management,
-			});
-			setPage(nextPage);
-		}
-	};
-
-	const goPrevious = () => {
-		if (!isFirstPage) {
-			if (flow !== FLOW_PREVIOUS) {
-				setFlow(FLOW_PREVIOUS);
-			}
-			const previousPage = getPage({
-				components: questionnaire.components,
-				bindings,
-				currentPage: page,
-				features: featuresWithoutMD,
-				flow: FLOW_PREVIOUS,
-				management,
-			});
-			setPage(previousPage);
-		}
-	};
-
-	const handleChange = useCallback((updatedValue) => {
-		setTodo(updatedValue);
-	}, []);
-
-	// Assume we only want to handle source update
-	useEffect(() => {
-		setQuestionnaire(mergeQuestionnaireAndData(source)(data));
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-	}, [source]);
-
-	useEffect(() => {
-		if (Object.keys(todo).length !== 0) {
-			const newQ = updateQuestionnaire(savingType)(questionnaire)(preferences)(
-				todo
-			);
-			setQuestionnaire(newQ);
-			setTodo({});
-		}
-	}, [todo, preferences, questionnaire, savingType, features, management]);
-
-	const bindings = getBindings(questionnaire);
-
-	const components = filterComponents(
-		questionnaire.components,
-		management,
-		bindings,
-		featuresWithoutMD,
-		page,
-		pagination
-	);
-
-	return {
-		questionnaire,
-		handleChange,
-		components,
-		bindings,
-		pagination: {
-			page,
-			setPage,
-			maxPage,
-			goNext,
-			goPrevious,
-			isFirstPage,
-			isLastPage,
-			flow,
-		},
-	};
-};
-
-export default useLunatic;

package/src/utils/to-expose/index.js

@@ -1,11 +0,0 @@
-// updateQuestionnaire is useless since 2.0 optimization efforts
-// export { updateQuestionnaire } from './handler';
-export { mergeQuestionnaireAndData } from './init-questionnaire';
-export {
-	getState,
-	getCollectedState,
-	getCollectedStateByValueType,
-	getBindings,
-} from './state';
-export { interpret, interpretWithEmptyDefault } from './interpret';
-export { default as useLunatic } from './hook';

package/src/utils/to-expose/init-questionnaire.js

@@ -1,116 +0,0 @@
-import * as C from '../../constants';
-import { interpret } from './interpret';
-
-const INITIAL_DEPTH = 1;
-
-export const mergeQuestionnaireAndData = (questionnaire) => (data) => {
-	if (!questionnaire || !questionnaire.components) return {};
-	if (questionnaire.components.length === 0) return questionnaire;
-	const { components, variables, ...props } = questionnaire;
-
-	const vars = buildVars(data || {})(variables);
-	const filledComponents = buildFilledComponents(vars[C.COLLECTED])(components)(
-		INITIAL_DEPTH
-	);
-
-	return { ...props, components: filledComponents, variables: vars };
-};
-
-const buildVars = (data) => (variables) => {
-	if (!Array.isArray(variables)) return {};
-	const { COLLECTED: collectedData } = data;
-	const collected = variables
-		.filter(({ variableType }) => variableType === C.COLLECTED)
-		.reduce((acc, { values, name, componentRef }) => {
-			const d = (collectedData && collectedData[name]) || {};
-			return {
-				...acc,
-				[name]: {
-					componentRef,
-					values: { ...values, ...d },
-				},
-			};
-		}, {});
-	const EXTERNAL = variables
-		.filter(({ variableType }) => variableType === C.EXTERNAL)
-		.reduce((_, v) => ({ ..._, ...initExternalVariable(v)(data) }), {});
-	return {
-		EXTERNAL,
-		COLLECTED: collected,
-		CALCULATED: variables
-			.filter(({ variableType }) => variableType === C.CALCULATED)
-			.reduce(
-				(_, v) => ({
-					..._,
-					...initCalculatedVariable(v)({ ...EXTERNAL, ...collected }),
-				}),
-				{}
-			),
-	};
-};
-
-const buildFilledComponents = (vars) => (components) => (depth) =>
-	components.map((c) => {
-		const component = { depth, ...c };
-		return buildFilledComponent(vars)(component);
-	});
-
-export const buildFilledComponent = (vars) => (component) => {
-	if (component.response) return buildResponseComponent(vars)(component);
-	else if (component.responses) return buildResponsesComponent(vars)(component);
-	else if (component.cells) return buildCellsComponent(vars)(component);
-	else if (component.components)
-		return buildComponentsComponent(vars)(component);
-	return component;
-};
-
-export const buildResponseComponent = (vars) => (c) => ({
-	...c,
-	response: {
-		name: c.response.name,
-		values: vars[c.response.name].values,
-	},
-});
-
-export const buildResponsesComponent = (vars) => (c) => {
-	const { responses, ...rest } = c;
-	const filledResponses = responses.map((r) => buildResponseComponent(vars)(r));
-	return { ...rest, responses: filledResponses };
-};
-
-export const buildCellsComponent = (vars) => (c) => {
-	const { cells, depth, ...rest } = c;
-	const filledCells = cells.map((row) =>
-		buildFilledComponents(vars)(row)(depth)
-	);
-	return { ...rest, depth, cells: filledCells };
-};
-
-export const buildComponentsComponent = (vars) => (component) => {
-	const { components, depth, ...rest } = component;
-	const filledComponents = buildFilledComponents(vars)(components)(depth + 1);
-	return { ...rest, depth, components: filledComponents };
-};
-
-const initExternalVariable = ({ name }) => (data) => ({
-	[name]: (data && data.EXTERNAL && data.EXTERNAL[name]) || null,
-});
-
-const initCalculatedVariable = ({ name, expression }) => (data) => {
-	const bindings = Object.entries(data).reduce(
-		(acc, [key, value]) => ({
-			...acc,
-			[key]:
-				typeof value === 'string' || value === null
-					? value
-					: value.values[C.COLLECTED],
-		}),
-		{}
-	);
-	return {
-		[name]: {
-			expression,
-			value: interpret(['VTL'])(bindings)(expression),
-		},
-	};
-};

package/src/utils/to-expose/interpret/index.js

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

package/src/utils/to-expose/interpret/main.js

@@ -1,36 +0,0 @@
-import { interpretVTL, interpretVTLWithEmptyDefault } from './vtl';
-import { interpretMD } from './md';
-
-export const interpret = (features) => (bindings, doNotReplaceNullBindings) => (
-	expression
-) => {
-	if (!expression) return '';
-	if (!Array.isArray(features)) return expression;
-	if (features.includes('VTL')) {
-		const vtl = interpretVTL(bindings, doNotReplaceNullBindings)(expression);
-		if (features.includes('MD')) {
-			return interpretMD(vtl);
-		}
-		return vtl;
-	}
-	return expression;
-};
-
-export const interpretWithEmptyDefault = (features) => (
-	bindings,
-	doNotReplaceNullBindings
-) => (expression) => {
-	if (!expression) return '';
-	if (!Array.isArray(features)) return '';
-	if (features.includes('VTL')) {
-		const vtl = interpretVTLWithEmptyDefault(
-			bindings,
-			doNotReplaceNullBindings
-		)(expression);
-		if (features.includes('MD')) {
-			return interpretMD(vtl);
-		}
-		return vtl;
-	}
-	return '';
-};

package/src/utils/to-expose/interpret/md.js

@@ -1,42 +0,0 @@
-import React from 'react';
-import ReactMarkdown from 'react-markdown';
-import ReactTooltip from 'react-tooltip';
-
-const Link = (props) => {
-	const { href, children, title } = props;
-	if (href.trim().startsWith('http'))
-		return (
-			<a href={href} target="_blank" rel="noreferrer noopener">
-				{children}
-			</a>
-		);
-	return (
-		<span className="link-md">
-			<span
-				data-for={`${children}-tooltip`}
-				data-tip={title}
-				data-event="click focus"
-				data-multiline
-				className="field-md"
-			>
-				{children}
-			</span>
-			<ReactTooltip
-				id={`${children}-tooltip`}
-				className="tooltip-content"
-				place="bottom"
-				effect="solid"
-				globalEventOff="click"
-			/>
-		</span>
-	);
-};
-
-const renderers = {
-	paragraph: (props) => <p style={{ margin: '0' }}>{props.children}</p>,
-	link: Link,
-};
-
-export const interpretMD = (expression) => (
-	<ReactMarkdown source={expression} renderers={renderers} />
-);

package/src/utils/to-expose/interpret/vtl.js

@@ -1,43 +0,0 @@
-import { interpret } from '@inseefr/trevas';
-
-export const interpretVTL = (bindings, doNotReplaceNullBindings) => (
-	expression
-) => {
-	try {
-		const VTLExpr = interpret(
-			expression,
-			doNotReplaceNullBindings ? bindings : replaceNullBindings(bindings)
-		);
-		if (!VTLExpr) return expression;
-		return VTLExpr;
-	} catch (e) {
-		return expression;
-	}
-};
-
-export const interpretVTLWithEmptyDefault = (
-	bindings,
-	doNotReplaceNullBindings
-) => (expression) => {
-	try {
-		const VTLExpr = interpret(
-			expression,
-			doNotReplaceNullBindings ? bindings : replaceNullBindings(bindings, '')
-		);
-		if (!VTLExpr) return '';
-		return VTLExpr;
-	} catch (e) {
-		return '';
-	}
-};
-
-export const replaceNullBindings = (bindings, defaultValue) =>
-	bindings
-		? Object.entries(bindings).reduce(
-				(acc, [key, value]) => ({
-					...acc,
-					[key]: value === null ? defaultValue || key : value,
-				}),
-				{}
-		  )
-		: {};

package/src/utils/to-expose/state.js

@@ -1,58 +0,0 @@
-import * as C from '../../constants';
-
-export const getState = (questionnaire) => {
-	const { variables } = questionnaire;
-	return {
-		[C.CALCULATED]: getCalculatedFromVariables(variables),
-		[C.COLLECTED]: getCollectedState(questionnaire),
-		[C.EXTERNAL]: getExternalFromVariables(variables),
-	};
-};
-
-export const getCollectedState = (questionnaire) => {
-	const { variables } = questionnaire;
-	return (
-		(variables &&
-			variables[C.COLLECTED] &&
-			Object.entries(variables[C.COLLECTED]).reduce(
-				(acc, [name, { values }]) => ({ ...acc, [name]: values }),
-				{}
-			)) ||
-		{}
-	);
-};
-
-const getCalculatedFromVariables = (variables) =>
-	variables && variables[C.CALCULATED]
-		? Object.entries(variables[C.CALCULATED]).reduce(
-				(_, [name, { value }]) => ({ ..._, [name]: value }),
-				{}
-		  )
-		: {};
-
-const getExternalFromVariables = (variables) =>
-	(variables && variables[C.EXTERNAL]) || {};
-
-export const getCollectedStateByValueType = (questionnaire) => (
-	valueType,
-	displayNull
-) =>
-	['PREVIOUS', 'COLLECTED', 'FORCED', 'EDITED', 'INPUTED'].includes(valueType)
-		? Object.entries(getCollectedState(questionnaire)).reduce((_, v) => {
-				if (displayNull || v[1][valueType] !== null)
-					return {
-						..._,
-						[v[0]]: v[1][valueType],
-					};
-				return _;
-		  }, {})
-		: {};
-
-export const getBindings = (questionnaire) => {
-	const { variables } = questionnaire;
-	return {
-		...getCollectedStateByValueType(questionnaire)('COLLECTED', true),
-		...getCalculatedFromVariables(variables),
-		...getExternalFromVariables(variables),
-	};
-};