@inseefr/lunatic 0.3.0-experimental → 0.3.4-experimental

package/src/components/suggester/idb-suggester.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import SuggesterWrapper from './suggester-wrapper';
 import createSearching from './searching';
@@ -15,6 +15,9 @@ function IDBSuggester({
 	onSelect,
 	disabled,
 	value,
+	focused,
+	response,
+	logFunction,
 }) {
 	const [store, setStore] = useState(undefined);
 	const searching = useMemo(
@@ -44,6 +47,9 @@ function IDBSuggester({
 				storeName={storeName}
 				disabled={disabled}
 				value={value}
+				focused={focused}
+				response={response}
+				logFunction={logFunction}
 			/>
 		</CheckStore>
 	);

package/src/components/suggester/lunatic-suggester.js

@@ -89,6 +89,7 @@ function Suggester({
 						response={response}
 						id={id}
 						value={value}
+						logFunction={logFunction}
 					/>
 				</FieldWrapper>
 			</LabelWrapper>

package/src/components/suggester/suggester-wrapper.js

@@ -30,9 +30,12 @@ function SuggesterWrapper({
 	labelRenderer,
 	disabled,
 	value,
+	focused,
+	response,
+	logFunction,
 }) {
 	const [state, dispatch] = useReducer(reducer, INITIAL_STATE);
-	const { search, selectedIndex, options } = state;
+	const { search, selectedIndex, options, expended } = state;
 
 	useEffect(
 		function () {
@@ -57,11 +60,11 @@ function SuggesterWrapper({
 
 	useEffect(
 		function () {
-			if (selectedIndex !== undefined) {
+			if (selectedIndex !== undefined && !expended) {
 				onSelect(options[selectedIndex], selectedIndex);
 			}
 		},
-		[selectedIndex, onSelect, options]
+		[selectedIndex, onSelect, options, expended]
 	);
 
 	useEffect(
@@ -82,6 +85,9 @@ function SuggesterWrapper({
 				labelRenderer={labelRenderer}
 				onSelect={onSelect}
 				value={value}
+				focused={focused}
+				response={response}
+				logFunction={logFunction}
 			/>
 		</SuggesterContext.Provider>
 	);

package/src/components/table/table.js

@@ -24,6 +24,7 @@ const Table = ({
 	management,
 	numberAsTextfield,
 	logFunction,
+	...rest
 }) => {
 	const minLines = initLines
 		? Math.max(initLines.min, U.getRosterInitLines(cells))
@@ -79,6 +80,7 @@ const Table = ({
 												style={{ width }}
 											>
 												<Component
+													{...rest}
 													label={label || ' '}
 													handleChange={handleChange}
 													preferences={preferences}
@@ -88,7 +90,7 @@ const Table = ({
 													bindings={bindings}
 													{...componentProps}
 													zIndex={cells.length - i || 0}
-													numberAsTextfield
+													numberAsTextfield={numberAsTextfield}
 													logFunction={logFunction}
 													shortcut={false}
 												/>

package/src/stories/loop-constructor/README.md

@@ -1,27 +1,27 @@
-# LoopConstructor component
-
-`RosterForLoop` is a LoopConstructor component.
-
-## Props
-
-|      Props      |  Type  | Default value | Required | Description                           |
-| :-------------: | :----: | :-----------: | :------: | ------------------------------------- |
-|       id        | string |       -       |    ✓     | Id of the table                       |
-|      label      | string |      ""       |          | Label of the table                    |
-| preferences \*  | array  | ["COLLECTED"] |          | Preferences to manage table response  |
-|    cells \*     | array  |      []       |          | Table cells                           |
-|  handleChange   |  func  |       -       |    ✓     | Handler of the table                  |
-|      lines      | object |      {}       |          | Min and max lines for evolutive table |
-| declarations \* | array  |      []       |          | Declarations of the table             |
-|    features     | array  |      [ ]      |          | Component features for labels         |
-|    bindings     | object |      [ ]      |          | Questionnaire bindings                |
-| positioning \*  | string |   "DEFAULT"   |          | Cell options positioning              |
-|   addBtnLabel   | string | "Add a line"  |          | Label of the button to add lines      |
-|     hideBtn     |  bool  |     false     |          | Hide the add button                   |
-|   management    |  bool  |     false     |          | Management mode of the table          |
-|      style      | object |      {}       |          | Style of the table                    |
-
-- `preferences` props has to be an ordered array of `COLLECTED`, `FORCED` or `EDITED`
-- `cells` props has to be an array of array's components
-- `positioning` props has to be one of `DEFAULT`, `HORIZONTAL` or `VERTICAL`
-- `declarations` are documented in the `Declarations` component
+# LoopConstructor component
+
+`RosterForLoop` is a LoopConstructor component.
+
+## Props
+
+|      Props      |  Type  | Default value | Required | Description                           |
+| :-------------: | :----: | :-----------: | :------: | ------------------------------------- |
+|       id        | string |       -       |    ✓     | Id of the table                       |
+|      label      | string |      ""       |          | Label of the table                    |
+| preferences \*  | array  | ["COLLECTED"] |          | Preferences to manage table response  |
+|    cells \*     | array  |      []       |          | Table cells                           |
+|  handleChange   |  func  |       -       |    ✓     | Handler of the table                  |
+|      lines      | object |      {}       |          | Min and max lines for evolutive table |
+| declarations \* | array  |      []       |          | Declarations of the table             |
+|    features     | array  |      [ ]      |          | Component features for labels         |
+|    bindings     | object |      [ ]      |          | Questionnaire bindings                |
+| positioning \*  | string |   "DEFAULT"   |          | Cell options positioning              |
+|   addBtnLabel   | string | "Add a line"  |          | Label of the button to add lines      |
+|     hideBtn     |  bool  |     false     |          | Hide the add button                   |
+|   management    |  bool  |     false     |          | Management mode of the table          |
+|      style      | object |      {}       |          | Style of the table                    |
+
+- `preferences` props has to be an ordered array of `COLLECTED`, `FORCED` or `EDITED`
+- `cells` props has to be an array of array's components
+- `positioning` props has to be one of `DEFAULT`, `HORIZONTAL` or `VERTICAL`
+- `declarations` are documented in the `Declarations` component

package/src/stories/loop-constructor/data-input-forced.json

@@ -1,64 +1,64 @@
-{
-	"components": [
-		{
-			"id": "nn",
-			"componentType": "InputNumber",
-			"mandatory": false,
-			"min": 1,
-			"max": 4,
-			"decimals": 0,
-			"label": "Loop Num",
-			"response": {
-				"name": "NUM"
-			}
-		},
-		{
-			"id": "idLoop",
-			"label": "boucle individu",
-			"componentType": "Loop",
-			"iterations": "NUM",
-			"conditionFilter": { "value": "true" },
-			"loopDependencies": ["NUM"],
-			"bindingDependencies": ["PRENOM", "NUM"],
-			"components": [
-				{
-					"id": "k3ym6x16",
-					"label": "Prénom :",
-					"componentType": "Input",
-					"conditionFilter": { "value": "true" },
-					"mandatory": false,
-					"bindingDependencies": ["PRENOM"],
-					"response": {
-						"name": "PRENOM"
-					}
-				}
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "NUM",
-			"componentRef": "nn",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": "2",
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "PRENOM",
-			"componentRef": "idLoop",
-			"values": {
-				"PREVIOUS": [null],
-				"COLLECTED": ["Mauro", "Marco"],
-				"FORCED": [null],
-				"EDITED": [null],
-				"INPUTED": [null]
-			}
-		}
-	]
-}
+{
+	"components": [
+		{
+			"id": "nn",
+			"componentType": "InputNumber",
+			"mandatory": false,
+			"min": 1,
+			"max": 4,
+			"decimals": 0,
+			"label": "Loop Num",
+			"response": {
+				"name": "NUM"
+			}
+		},
+		{
+			"id": "idLoop",
+			"label": "boucle individu",
+			"componentType": "Loop",
+			"iterations": "NUM",
+			"conditionFilter": { "value": "true" },
+			"loopDependencies": ["NUM"],
+			"bindingDependencies": ["PRENOM", "NUM"],
+			"components": [
+				{
+					"id": "k3ym6x16",
+					"label": "Prénom :",
+					"componentType": "Input",
+					"conditionFilter": { "value": "true" },
+					"mandatory": false,
+					"bindingDependencies": ["PRENOM"],
+					"response": {
+						"name": "PRENOM"
+					}
+				}
+			]
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "NUM",
+			"componentRef": "nn",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": "2",
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "PRENOM",
+			"componentRef": "idLoop",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": ["Mauro", "Marco"],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		}
+	]
+}

package/src/stories/loop-constructor/data-input.json

@@ -1,100 +1,100 @@
-{
-	"components": [
-		{
-			"id": "nn",
-			"componentType": "InputNumber",
-			"mandatory": false,
-			"min": 1,
-			"max": 4,
-			"decimals": 0,
-			"label": "Loop Num (affichera le nombre saisi + 1)",
-			"response": {
-				"name": "NUM"
-			},
-			"missingResponse": {
-				"name": "NUM_MISSING"
-			}
-		},
-		{
-			"id": "idLoop",
-			"label": "boucle individu",
-			"componentType": "Loop",
-			"iterations": "NUM_ONE",
-			"conditionFilter": { "value": "true" },
-			"loopDependencies": ["NUM_ONE"],
-			"bindingDependencies": ["PRENOM", "NUM_ONE"],
-			"missingResponse": {
-				"name": "ROSTER_MISSING"
-			},
-			"components": [
-				{
-					"id": "k3ym6x16",
-					"label": "Prénom :",
-					"componentType": "Input",
-					"conditionFilter": { "value": "true" },
-					"mandatory": false,
-					"bindingDependencies": ["PRENOM"],
-					"response": {
-						"name": "PRENOM"
-					}
-				}
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "NUM",
-			"componentRef": "nn",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "NUM_MISSING",
-			"componentRef": "nn",
-			"values": {
-				"PREVIOUS": null,
-				"COLLECTED": null,
-				"FORCED": null,
-				"EDITED": null,
-				"INPUTED": null
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "PRENOM",
-			"componentRef": "idLoop",
-			"values": {
-				"PREVIOUS": [null],
-				"COLLECTED": [null],
-				"FORCED": [null],
-				"EDITED": [null],
-				"INPUTED": [null]
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "ROSTER_MISSING",
-			"componentRef": "idLoop",
-			"values": {
-				"PREVIOUS": [null],
-				"COLLECTED": [null],
-				"FORCED": [null],
-				"EDITED": [null],
-				"INPUTED": [null]
-			}
-		},
-		{
-			"variableType": "CALCULATED",
-			"expression": "cast(NUM, integer) + 1",
-			"name": "NUM_ONE",
-			"bindingDependencies": ["NUM"]
-		}
-	]
-}
+{
+	"components": [
+		{
+			"id": "nn",
+			"componentType": "InputNumber",
+			"mandatory": false,
+			"min": 1,
+			"max": 4,
+			"decimals": 0,
+			"label": "Loop Num (affichera le nombre saisi + 1)",
+			"response": {
+				"name": "NUM"
+			},
+			"missingResponse": {
+				"name": "NUM_MISSING"
+			}
+		},
+		{
+			"id": "idLoop",
+			"label": "boucle individu",
+			"componentType": "Loop",
+			"iterations": "NUM_ONE",
+			"conditionFilter": { "value": "true" },
+			"loopDependencies": ["NUM_ONE"],
+			"bindingDependencies": ["PRENOM", "NUM_ONE"],
+			"missingResponse": {
+				"name": "ROSTER_MISSING"
+			},
+			"components": [
+				{
+					"id": "k3ym6x16",
+					"label": "Prénom :",
+					"componentType": "Input",
+					"conditionFilter": { "value": "true" },
+					"mandatory": false,
+					"bindingDependencies": ["PRENOM"],
+					"response": {
+						"name": "PRENOM"
+					}
+				}
+			]
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "NUM",
+			"componentRef": "nn",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "NUM_MISSING",
+			"componentRef": "nn",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "PRENOM",
+			"componentRef": "idLoop",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "ROSTER_MISSING",
+			"componentRef": "idLoop",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "CALCULATED",
+			"expression": "cast(NUM, integer) + 1",
+			"name": "NUM_ONE",
+			"bindingDependencies": ["NUM"]
+		}
+	]
+}

package/src/stories/loop-constructor/data-loop-forced.json

@@ -1,66 +1,66 @@
-{
-	"components": [
-		{
-			"id": "k3ylzyo4",
-			"componentType": "Loop",
-			"mandatory": true,
-			"positioning": "HORIZONTAL",
-			"label": "\"Ajouter un individu\"",
-			"conditionFilter": { "value": "true" },
-			"bindingDependencies": ["PRENOM", "AGE"],
-			"lines": { "min": 1, "max": 3 },
-			"components": [
-				{
-					"componentType": "Input",
-					"label": "Prénom",
-					"conditionFilter": { "value": "true" },
-					"maxLength": 30,
-					"bindingDependencies": ["PRENOM"],
-					"id": "k3yn2qmr",
-					"response": {
-						"name": "PRENOM"
-					}
-				},
-				{
-					"componentType": "InputNumber",
-					"label": "Age",
-					"conditionFilter": { "value": "true" },
-					"min": 0,
-					"max": 120,
-					"decimals": 0,
-					"bindingDependencies": ["AGE"],
-					"id": "k3ymundt",
-					"response": {
-						"name": "AGE"
-					}
-				}
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "PRENOM",
-			"componentRef": "k3ylzyo4",
-			"values": {
-				"PREVIOUS": [null],
-				"COLLECTED": ["Mauro", "Marco"],
-				"FORCED": [null],
-				"EDITED": [null],
-				"INPUTED": [null]
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "AGE",
-			"componentRef": "k3ylzyo4",
-			"values": {
-				"PREVIOUS": [null],
-				"COLLECTED": [null],
-				"FORCED": [null],
-				"EDITED": [null],
-				"INPUTED": [null]
-			}
-		}
-	]
-}
+{
+	"components": [
+		{
+			"id": "k3ylzyo4",
+			"componentType": "Loop",
+			"mandatory": true,
+			"positioning": "HORIZONTAL",
+			"label": "\"Ajouter un individu\"",
+			"conditionFilter": { "value": "true" },
+			"bindingDependencies": ["PRENOM", "AGE"],
+			"lines": { "min": 1, "max": 3 },
+			"components": [
+				{
+					"componentType": "Input",
+					"label": "Prénom",
+					"conditionFilter": { "value": "true" },
+					"maxLength": 30,
+					"bindingDependencies": ["PRENOM"],
+					"id": "k3yn2qmr",
+					"response": {
+						"name": "PRENOM"
+					}
+				},
+				{
+					"componentType": "InputNumber",
+					"label": "Age",
+					"conditionFilter": { "value": "true" },
+					"min": 0,
+					"max": 120,
+					"decimals": 0,
+					"bindingDependencies": ["AGE"],
+					"id": "k3ymundt",
+					"response": {
+						"name": "AGE"
+					}
+				}
+			]
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "PRENOM",
+			"componentRef": "k3ylzyo4",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": ["Mauro", "Marco"],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "AGE",
+			"componentRef": "k3ylzyo4",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		}
+	]
+}