@inseefr/lunatic 0.3.4-experimental → 0.3.4-v2

package/src/utils/store-tools/open-or-create-store.js

@@ -1,47 +1,47 @@
-/* eslint-disable no-restricted-globals */
-import CONSTANTE from './constantes';
-import { getIDB } from '../idb-tools';
-
-const IDB_REF = getIDB();
-
-function openStorage(name, idbVersion = 1) {
-	return new Promise(function (resolve, reject) {
-		if (!IDB_REF) {
-			reject('indexedDb not supported !');
-		}
-		const request = IDB_REF.open(name, idbVersion);
-		let db;
-		let doIt = true;
-
-		request.onupgradeneeded = function (e) {
-			doIt = false;
-			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);
-			};
-		};
-
-		request.onsuccess = function () {
-			if (doIt) {
-				resolve(request.result);
-			}
-		};
-
-		request.onerror = function (e) {
-			reject(e);
-		};
-	});
-}
-
-export default openStorage;
+/* eslint-disable no-restricted-globals */
+import CONSTANTE from './constantes';
+import { getIDB } from '../idb-tools';
+
+const IDB_REF = getIDB();
+
+function openStorage(name, idbVersion = 1) {
+	return new Promise(function (resolve, reject) {
+		if (!IDB_REF) {
+			reject('indexedDb not supported !');
+		}
+		const request = IDB_REF.open(name, idbVersion);
+		let db;
+		let doIt = true;
+
+		request.onupgradeneeded = function (e) {
+			doIt = false;
+			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);
+			};
+		};
+
+		request.onsuccess = function () {
+			if (doIt) {
+				resolve(request.result);
+			}
+		};
+
+		request.onerror = function (e) {
+			reject(e);
+		};
+	});
+}
+
+export default openStorage;

package/src/utils/store-tools/use-store-index.js

@@ -1,24 +1,24 @@
-import { useEffect, useState } from 'react';
-import createStore from './create';
-
-function useStoreIndex(storeInfo, idbVersion) {
-	const [db, setDb] = useState(undefined);
-
-	useEffect(
-		function () {
-			async function init() {
-				if (storeInfo && idbVersion) {
-					const db = await createStore(storeInfo, idbVersion);
-					setDb(db);
-				}
-			}
-
-			init();
-			return function () {};
-		},
-		[storeInfo, idbVersion]
-	);
-	return db;
-}
-
-export default useStoreIndex;
+import { useEffect, useState } from 'react';
+import createStore from './create';
+
+function useStoreIndex(storeInfo, idbVersion) {
+	const [db, setDb] = useState(undefined);
+
+	useEffect(
+		function () {
+			async function init() {
+				if (storeInfo && idbVersion) {
+					const db = await createStore(storeInfo, idbVersion);
+					setDb(db);
+				}
+			}
+
+			init();
+			return function () {};
+		},
+		[storeInfo, idbVersion]
+	);
+	return db;
+}
+
+export default useStoreIndex;

package/src/utils/suggester-workers/commons-tokenizer/create-fields-tokenizer.js

@@ -7,10 +7,14 @@ function defaultTokenizeIt(string) {
 	return [prepareStringIndexation(string)];
 }
 
+function toArray(content) {
+	return Array.isArray(content) ? content : [content];
+}
+
 function tokensToArray(tokenized) {
 	return Object.entries(tokenized).reduce(function (a, [k, values]) {
 		if (k.startsWith('pattern')) {
-			return [...a, ...values];
+			return [...a, ...toArray(values)];
 		}
 		return a;
 	}, []);

package/src/utils/suggester-workers/commons-tokenizer/index.js

@@ -5,4 +5,5 @@ export { default as filterStemmer } from './filters/filter-stemmer';
 export { default as filterLength } from './filters/filter-length';
 export { default as filterDouble } from './filters/filter-double';
 export { default as filterAccents } from './filters/filter-accents';
+export { default as filterToLower } from './filters/filter-to-lower';
 export { default as getRegExpFromPattern } from './get-regexp-from-pattern';

package/src/utils/suggester-workers/create-worker.js

@@ -40,7 +40,6 @@ export const createWorker = (workerUrl) => {
 	var worker = null;
 	try {
 		if (testSameOrigin(workerUrl)) {
-			console.log('Trying create classic worker');
 			worker = new Worker(workerUrl);
 			worker.onerror = (event) => {
 				event.preventDefault();

package/src/utils/suggester-workers/searching/query-parser/query-parser-tokenized.js

@@ -4,10 +4,16 @@ import {
 	filterLength,
 	filterDouble,
 	getRegExpFromPattern,
+	filterToLower,
 } from '../../commons-tokenizer';
 import { composeFilters } from '../../commons-tokenizer/filters';
 
-const filterTokens = composeFilters(filterDouble, filterStemmer, filterLength);
+const filterTokens = composeFilters(
+	filterDouble,
+	filterStemmer,
+	filterToLower,
+	filterLength
+);
 
 function toArray(tokens) {
 	if (tokens) {

package/src/utils/vtl/dataset-builder.js

@@ -0,0 +1,17 @@
+function getVtlCompatibleValue(value) {
+	if (value === undefined) {
+		return null;
+	}
+	if (Array.isArray(value)) {
+		return {
+			dataStructure: { result: {} },
+			dataPoints: {
+				result: value,
+			},
+		};
+	}
+
+	return value;
+}
+
+export default getVtlCompatibleValue;

package/src/utils/vtl/index.js

@@ -0,0 +1 @@
+export { default } from './dataset-builder';

package/src/components/breadcrumb/breadcrumb.scss

@@ -1,22 +0,0 @@
-.lunatic-component {
-	.breadcrumb-lunatic {
-		width: 100%;
-		height: 40px;
-		box-sizing: border-box;
-		border-radius: 0px;
-		background-color: var(--color-primary-light);
-		color: white;
-		font-weight: bold;
-		font-size: 130%;
-		padding-left: 10px;
-		display: flex;
-		align-items: center;
-	}
-
-	.breadcrumb-element-lunatic:before {
-		content: '>';
-		color: white;
-		margin-left: 0.4em;
-		margin-right: 0.4em;
-	}
-}

package/src/components/breadcrumb/component.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { buildStyleObject } from '../../utils/lib';
-import './breadcrumb.scss';
-
-const Breadcrumb = ({ elements, style }) => (
-	<div
-		aria-label={`breadcrumb`}
-		className="breadcrumb-lunatic"
-		style={buildStyleObject(style)}
-	>
-		{elements.map((e, i) => (
-			<React.Fragment key={`breadcrumb-${e.toLowerCase()}`}>
-				{e && (
-					<span className={i !== 0 ? 'breadcrumb-element-lunatic' : undefined}>
-						{e}
-					</span>
-				)}
-			</React.Fragment>
-		))}
-	</div>
-);
-
-Breadcrumb.propTypes = {
-	elements: PropTypes.arrayOf(PropTypes.string).isRequired,
-	style: PropTypes.object,
-};
-
-export default Breadcrumb;

package/src/components/breadcrumb/index.js

@@ -1 +0,0 @@
-export { default } from './component';

package/src/components/button/component.js

@@ -1,53 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import {
-	buildStyleObject,
-	createObjectEvent,
-	isFunction,
-} from '../../utils/lib';
-import './button.scss';
-import { BUTTON_CATEGORY, EVENT_CLICK } from '../../constants';
-
-const Button = ({
-	label,
-	value,
-	onClick,
-	disabled,
-	style,
-	logFunction,
-	id,
-}) => {
-	const handleClick = (e) => {
-		onClick(e);
-		if (isFunction(logFunction))
-			logFunction(
-				createObjectEvent(
-					`button-lunatic-${id}`,
-					BUTTON_CATEGORY,
-					EVENT_CLICK,
-					null,
-					label
-				)
-			);
-	};
-	return (
-		<button
-			type="button"
-			aria-label={label || 'button'}
-			className="button-lunatic"
-			style={buildStyleObject(style)}
-			disabled={disabled}
-			onClick={handleClick}
-		>
-			{value}
-		</button>
-	);
-};
-
-Button.propTypes = {
-	value: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
-	disabled: PropTypes.bool,
-	onClick: PropTypes.func.isRequired,
-};
-
-export default Button;

package/src/components/checkbox/boolean.js

@@ -1,172 +0,0 @@
-import React, { useState, useEffect, useRef } from 'react';
-import PropTypes from 'prop-types';
-import componentWrapper from '../component-wrapper';
-import debounce from 'lodash.debounce';
-import Declarations from '../declarations';
-import Icon from '../icon';
-import { TooltipResponse } from '../tooltip';
-import * as U from '../../utils/lib';
-import * as C from '../../constants';
-import { interpret } from '../../utils/to-expose';
-import './checkbox.scss';
-
-const CheckboxBoolean = ({
-	id,
-	label,
-	preferences,
-	response,
-	handleChange: propsHandleChange,
-	disabled,
-	positioning,
-	focused,
-	declarations,
-	features,
-	bindings,
-	management,
-	style,
-	logFunction,
-}) => {
-	const inputRef = useRef();
-
-	const [value, setValue] = useState(() =>
-		U.getResponseByPreference(preferences)(response)
-	);
-
-	const handleChange = debounce((obj) => propsHandleChange(obj), 50);
-
-	const specificHandleChange = (e) => {
-		const [key, value] = Object.entries(e)[0];
-		if (value === false && U.responseToClean(response)(preferences))
-			handleChange({ [key]: null });
-		else handleChange(e);
-	};
-
-	// Assume we only want to handle enable external updates
-	// Don't need to check all value changes
-	useEffect(() => {
-		if (U.getResponseByPreference(preferences)(response) !== value)
-			setValue(U.getResponseByPreference(preferences)(response));
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-	}, [response, preferences]);
-
-	useEffect(() => {
-		if (focused) inputRef.current.focus();
-	}, [focused]);
-
-	const interpretedLabel = interpret(features, logFunction)(bindings)(label);
-
-	const isVertical = positioning === 'VERTICAL';
-	const isHorizontal = positioning === 'HORIZONTAL';
-	const input = (
-		<>
-			<Icon type="checkbox" checked={value} disabled={disabled}>
-				<input
-					type="checkbox"
-					id={`checkbox-boolean-${id}`}
-					ref={inputRef}
-					title={interpretedLabel ? interpretedLabel : 'empty-label'}
-					className={`checkbox-boolean-lunatic`}
-					style={U.buildStyleObject(style)}
-					checked={value || false}
-					disabled={disabled}
-					onChange={({ target: { checked } }) => {
-						setValue(checked);
-						specificHandleChange({
-							[U.getResponseName(response)]: checked,
-						});
-						if (U.isFunction(logFunction))
-							logFunction(
-								U.createObjectEvent(
-									`checkbox-boolean-${id}`,
-									C.INPUT_CATEGORY,
-									C.EVENT_SELECTION,
-									U.getResponseName(response),
-									checked
-								)
-							);
-					}}
-				/>
-				{interpretedLabel && (
-					<label htmlFor={`checkbox-boolean-${id}`}>
-						{isHorizontal ? interpretedLabel : ''}
-					</label>
-				)}
-			</Icon>
-		</>
-	);
-	return (
-		<div key={`checkbox-boolean-${id}`} className={`checkbox-boolean-modality`}>
-			<Declarations
-				id={id}
-				type={C.BEFORE_QUESTION_TEXT}
-				declarations={declarations}
-				features={features}
-				bindings={bindings}
-			/>
-			{label && !isHorizontal && (
-				<label htmlFor={`checkbox-boolean-${id}`}>
-					{interpret(features, logFunction)(bindings)(label)}
-				</label>
-			)}
-			<Declarations
-				id={id}
-				type={C.AFTER_QUESTION_TEXT}
-				declarations={declarations}
-				features={features}
-				bindings={bindings}
-			/>
-			<div className="field-container">
-				<div className={`${management ? 'field-with-tooltip' : 'field'}`}>
-					{isVertical ? <div>{input}</div> : input}
-				</div>
-				{management && (
-					<div className="tooltip">
-						<TooltipResponse
-							id={id}
-							response={U.buildBooleanTooltipResponse(response)}
-						/>
-					</div>
-				)}
-			</div>
-			<Declarations
-				id={id}
-				type={C.DETACHABLE}
-				declarations={declarations}
-				features={features}
-				bindings={bindings}
-			/>
-		</div>
-	);
-};
-
-CheckboxBoolean.defaultProps = {
-	label: '',
-	preferences: ['COLLECTED'],
-	response: {},
-	disabled: false,
-	positioning: 'DEFAULT',
-	focused: false,
-	declarations: [],
-	features: [],
-	bindings: {},
-	management: false,
-	style: {},
-};
-
-CheckboxBoolean.propTypes = {
-	id: PropTypes.string.isRequired,
-	label: PropTypes.string,
-	preferences: PropTypes.arrayOf(U.valueTypePropTypes),
-	response: U.responsePropTypes,
-	handleChange: PropTypes.func.isRequired,
-	disabled: PropTypes.bool,
-	positioning: PropTypes.oneOf(['DEFAULT', 'HORIZONTAL', 'VERTICAL']),
-	focused: PropTypes.bool,
-	declarations: U.declarationsPropTypes,
-	features: PropTypes.arrayOf(PropTypes.string),
-	bindings: PropTypes.object,
-	management: PropTypes.bool,
-	style: PropTypes.object,
-};
-
-export default componentWrapper(React.memo(CheckboxBoolean, U.areEqual));