@inseefr/lunatic 3.4.8 → 3.4.10-rc.0

package/src/css/main.scss

@@ -1,183 +1,183 @@
 * {
-  box-sizing: border-box;
-  --color-primary-dark: #2a5885;
-  --color-primary-light: #5181b8;
-  --color-primary-main: #4a73a4;
-  --color-primary-contrast-text: #ffffff;
-
-  --color-secondary-dark: #14202d;
-  --color-secondary-light: #f7f8fa;
-  --color-secondary-main: #1a293b;
-  --color-secondary-contrast-text: #ffffff;
-
-  --color-very-light: #dbe4ef;
-  --color-very-very-light: #e6eaee;
-  --color-current-item: #0d823e;
-
-  --color-error: #f50c0c;
-  --color-disabled: rgb(235, 235, 228);
-  --color-prefix: cornflowerblue;
-  --color-dropdown-active: rgba(0, 0, 0, 0.04);
-  --color-dropdown-selected: rgba(0, 0, 0, 0.08);
-
-  --dropdown-transition-time: 0.5s;
+	box-sizing: border-box;
+	--color-primary-dark: #2a5885;
+	--color-primary-light: #5181b8;
+	--color-primary-main: #4a73a4;
+	--color-primary-contrast-text: #ffffff;
+
+	--color-secondary-dark: #14202d;
+	--color-secondary-light: #f7f8fa;
+	--color-secondary-main: #1a293b;
+	--color-secondary-contrast-text: #ffffff;
+
+	--color-very-light: #dbe4ef;
+	--color-very-very-light: #e6eaee;
+	--color-current-item: #0d823e;
+
+	--color-error: #f50c0c;
+	--color-disabled: rgb(235, 235, 228);
+	--color-prefix: cornflowerblue;
+	--color-dropdown-active: rgba(0, 0, 0, 0.04);
+	--color-dropdown-selected: rgba(0, 0, 0, 0.08);
+
+	--dropdown-transition-time: 0.5s;
 }
 
 @mixin vertical-placement($reverse: false) {
-  display: flex;
-  flex-direction: if($reverse, column-reverse, column);
+	display: flex;
+	flex-direction: if($reverse, column-reverse, column);
 }
 
 @mixin horizontal-placement($reverse: false) {
-  display: flex;
-  flex-direction: if($reverse, row-reverse, row);
-  align-items: baseline;
+	display: flex;
+	flex-direction: if($reverse, row-reverse, row);
+	align-items: baseline;
 
-  :first-child {
-    margin-right: 1rem;
-  }
+	:first-child {
+		margin-right: 1rem;
+	}
 }
 
 .lunatic-component {
-  .mandatory:after {
-    content: ' *';
-    color: red;
-  }
-  .horizontal-options {
-    display: inline-block;
-    margin-right: 2em;
-  }
-
-  // Label & Legend
-  label,
-  legend,
-  .subsequence-lunatic,
-  .lunatic-dropdown-label,
-  .lunatic-dropdown-label focused {
-    color: var(--color-primary-dark);
-    background-color: var(--color-primary-contrast-text);
-    border: 0;
-    padding: 0;
-    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
-    font-weight: bold;
-    margin-bottom: 0.375rem;
-  }
-
-  /* refactor proposition */
-
-  // .lunatic-component {
-  // 	width: fit-content;
-  // }
-
-  .lunatic-component-container {
-    display: flex;
-
-    &.label-left-ex {
-      flex-direction: row;
-      align-items: baseline;
-      .lunatic-label {
-        margin-right: 1em;
-      }
-    }
-    &.label-right-ex {
-      flex-direction: row-reverse;
-      align-items: baseline;
-      .lunatic-label {
-        margin-left: 1em;
-      }
-    }
-    &.label-top-ex {
-      flex-direction: column;
-    }
-    &.label-bottom-ex {
-      flex-direction: column-reverse;
-    }
-  }
-
-  /******/
-
-  .label-top {
-    @include vertical-placement();
-  }
-  .label-bottom {
-    @include vertical-placement(true);
-  }
-  .label-right {
-    justify-content: flex-end;
-    @include horizontal-placement(true);
-  }
-  .label-left {
-    @include horizontal-placement();
-  }
-
-  .field-container {
-    display: flex;
-  }
-
-  .modality-label p {
-    display: inline;
-  }
-
-  .field {
-    width: 100%;
-    position: relative;
-  }
-
-  .link-md {
-    border-bottom: dashed 0.1em var(--color-primary-dark);
-    &:hover {
-      cursor: help;
-      color: var(--color-primary-contrast-text);
-      background-color: var(--color-primary-dark);
-    }
-  }
-
-  .tooltip-content {
-    min-width: 15em;
-    max-width: 25em;
-    background: var(--color-primary-dark);
-    color: var(--color-primary-contrast-text);
-    padding: 0.5em;
-    border-radius: 6px;
-    font-size: 1em;
-    &.place-bottom {
-      &::before {
-        border-bottom: 10px solid var(--color-primary-dark);
-      }
-      &::after {
-        content: none;
-      }
-    }
-  }
+	.mandatory:after {
+		content: ' *';
+		color: red;
+	}
+	.horizontal-options {
+		display: inline-block;
+		margin-right: 2em;
+	}
+
+	// Label & Legend
+	label,
+	legend,
+	.subsequence-lunatic,
+	.lunatic-dropdown-label,
+	.lunatic-dropdown-label focused {
+		color: var(--color-primary-dark);
+		background-color: var(--color-primary-contrast-text);
+		border: 0;
+		padding: 0;
+		font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+		font-weight: bold;
+		margin-bottom: 0.375rem;
+	}
+
+	/* refactor proposition */
+
+	// .lunatic-component {
+	// 	width: fit-content;
+	// }
+
+	.lunatic-component-container {
+		display: flex;
+
+		&.label-left-ex {
+			flex-direction: row;
+			align-items: baseline;
+			.lunatic-label {
+				margin-right: 1em;
+			}
+		}
+		&.label-right-ex {
+			flex-direction: row-reverse;
+			align-items: baseline;
+			.lunatic-label {
+				margin-left: 1em;
+			}
+		}
+		&.label-top-ex {
+			flex-direction: column;
+		}
+		&.label-bottom-ex {
+			flex-direction: column-reverse;
+		}
+	}
+
+	/******/
+
+	.label-top {
+		@include vertical-placement();
+	}
+	.label-bottom {
+		@include vertical-placement(true);
+	}
+	.label-right {
+		justify-content: flex-end;
+		@include horizontal-placement(true);
+	}
+	.label-left {
+		@include horizontal-placement();
+	}
+
+	.field-container {
+		display: flex;
+	}
+
+	.modality-label p {
+		display: inline;
+	}
+
+	.field {
+		width: 100%;
+		position: relative;
+	}
+
+	.link-md {
+		border-bottom: dashed 0.1em var(--color-primary-dark);
+		&:hover {
+			cursor: help;
+			color: var(--color-primary-contrast-text);
+			background-color: var(--color-primary-dark);
+		}
+	}
+
+	.tooltip-content {
+		min-width: 15em;
+		max-width: 25em;
+		background: var(--color-primary-dark);
+		color: var(--color-primary-contrast-text);
+		padding: 0.5em;
+		border-radius: 6px;
+		font-size: 1em;
+		&.place-bottom {
+			&::before {
+				border-bottom: 10px solid var(--color-primary-dark);
+			}
+			&::after {
+				content: none;
+			}
+		}
+	}
 }
 
 .lunatic-component + .lunatic-component {
-  margin-top: 1rem;
+	margin-top: 1rem;
 }
 
-@import "./components/Button.scss";
-@import "./components/CheckboxGroup.scss";
-@import "./components/CheckboxOne.scss";
-@import "./components/CheckboxOption.scss";
-@import "./components/Combobox.scss";
-@import "./components/ComponentErrors.scss";
-@import "./components/Datepicker.scss";
-@import "./components/Declarations.scss";
-@import "./components/Dropdown.scss";
-@import "./components/Duration.scss";
-@import "./components/Fieldset.scss";
-@import "./components/IconButton.scss";
-@import "./components/Input.scss";
-@import "./components/InputNumber.scss";
-@import "./components/Label.scss";
-@import "./components/Missing.scss";
-@import "./components/ModalControls.scss";
-@import "./components/RosterForLoop.scss";
-@import "./components/Roundabout.scss";
-@import "./components/Sequence.scss";
-@import "./components/Suggester.scss";
-@import "./components/Table.scss";
-@import "./components/Textarea.scss";
-@import "./components/VariableStatus.scss";
-@import "./components/Dragger";
-@import "./components/SuggesterWidget";
+@import './components/Button.scss';
+@import './components/CheckboxGroup.scss';
+@import './components/CheckboxOne.scss';
+@import './components/CheckboxOption.scss';
+@import './components/Combobox.scss';
+@import './components/ComponentErrors.scss';
+@import './components/Datepicker.scss';
+@import './components/Declarations.scss';
+@import './components/Dropdown.scss';
+@import './components/Duration.scss';
+@import './components/Fieldset.scss';
+@import './components/IconButton.scss';
+@import './components/Input.scss';
+@import './components/InputNumber.scss';
+@import './components/Label.scss';
+@import './components/Missing.scss';
+@import './components/ModalControls.scss';
+@import './components/RosterForLoop.scss';
+@import './components/Roundabout.scss';
+@import './components/Sequence.scss';
+@import './components/Suggester.scss';
+@import './components/Table.scss';
+@import './components/Textarea.scss';
+@import './components/VariableStatus.scss';
+@import './components/Dragger';
+@import './components/SuggesterWidget';

package/src/stories/behaviour/filter/dataLoop.json

@@ -0,0 +1,22 @@
+{
+	"data": {
+		"EXTERNAL": {},
+		"CALCULATED": {},
+		"COLLECTED": {
+			"NBHAB": {
+				"PREVIOUS": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTTED": null,
+				"COLLECTED": 2
+			},
+			"NAME": {
+				"PREVIOUS": [],
+				"FORCED": [],
+				"EDITED": [],
+				"INPUTTED": [],
+				"COLLECTED": ["Jean", "Paul"]
+			}
+		}
+	}
+}

package/src/stories/behaviour/filter/filter.stories.jsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import defaultArgTypes from '../../utils/default-arg-types';
+import Orchestrator from '../../utils/orchestrator';
+import source from './source.json';
+import sourceLoop from './sourceLoop.json';
+import dataLoop from './dataLoop.json';
+
+const stories = {
+	title: 'Behaviour/Filter',
+	component: Orchestrator,
+	argTypes: {
+		...defaultArgTypes,
+		disableFilters: {
+			table: { disable: false },
+			control: 'boolean',
+			defaultValue: false,
+		},
+	},
+};
+
+export default stories;
+
+const Template = (args) => <Orchestrator {...args} />;
+export const Default = Template.bind({});
+
+Default.args = {
+	disableFilters: false,
+	source,
+};
+
+export const WithLoop = Template.bind({});
+WithLoop.args = {
+	disableFilters: false,
+	source: sourceLoop,
+	data: dataLoop.data,
+};

package/src/stories/behaviour/filter/source.json

@@ -0,0 +1,238 @@
+{
+	"$schema": "../../../../lunatic-schema.json",
+	"id": "m48nyxtp",
+	"label": {
+		"type": "VTL|MD",
+		"value": "Story disable filter"
+	},
+	"modele": "DISABLEFILTER",
+	"maxPage": "4",
+	"resizing": {},
+	"variables": [
+		{
+			"name": "NAME",
+			"values": {
+				"EDITED": null,
+				"FORCED": null,
+				"INPUTTED": null,
+				"PREVIOUS": null,
+				"COLLECTED": null
+			},
+			"dimension": 0,
+			"variableType": "COLLECTED"
+		},
+		{
+			"name": "AGE",
+			"values": {
+				"EDITED": null,
+				"FORCED": null,
+				"INPUTTED": null,
+				"PREVIOUS": null,
+				"COLLECTED": null
+			},
+			"dimension": 0,
+			"variableType": "COLLECTED"
+		},
+		{
+			"name": "APPLE",
+			"values": {
+				"EDITED": null,
+				"FORCED": null,
+				"INPUTTED": null,
+				"PREVIOUS": null,
+				"COLLECTED": null
+			},
+			"dimension": 0,
+			"variableType": "COLLECTED"
+		},
+		{
+			"name": "FILTER_RESULT_NAME",
+			"dimension": 0,
+			"expression": {
+				"type": "VTL",
+				"value": "true"
+			},
+			"variableType": "CALCULATED"
+		},
+		{
+			"name": "FILTER_RESULT_AGE",
+			"dimension": 0,
+			"expression": {
+				"type": "VTL",
+				"value": "(false)"
+			},
+			"variableType": "CALCULATED"
+		},
+		{
+			"name": "FILTER_RESULT_APPLE",
+			"dimension": 0,
+			"expression": {
+				"type": "VTL",
+				"value": "true"
+			},
+			"variableType": "CALCULATED"
+		}
+	],
+	"components": [
+		{
+			"id": "m48o486x",
+			"page": "1",
+			"label": {
+				"type": "VTL",
+				"value": "\"I - \" || \"First sequence\""
+			},
+			"description": {
+				"type": "VTL|MD",
+				"value": "\"The 2nd question about your age will be automatically filtered\""
+			},
+			"componentType": "Sequence",
+			"conditionFilter": {
+				"type": "VTL",
+				"value": "true"
+			}
+		},
+		{
+			"id": "question-m48o3cux",
+			"page": "2",
+			"label": {
+				"type": "VTL|MD",
+				"value": "\"1\\. \" || \"What is your name ?\""
+			},
+			"components": [
+				{
+					"id": "m48o3cux",
+					"page": "2",
+					"response": {
+						"name": "NAME"
+					},
+					"mandatory": false,
+					"maxLength": 249,
+					"componentType": "Input"
+				}
+			],
+			"componentType": "Question",
+			"conditionFilter": {
+				"type": "VTL",
+				"value": "true"
+			}
+		},
+		{
+			"id": "question-m48nnrxf",
+			"page": "3",
+			"label": {
+				"type": "VTL|MD",
+				"value": "\"2\\. \" || \"How old are you ?\""
+			},
+			"components": [
+				{
+					"id": "m48nnrxf",
+					"max": 200,
+					"min": 1,
+					"page": "3",
+					"controls": [
+						{
+							"id": "m48nnrxf-format-borne-inf-sup",
+							"type": "SIMPLE",
+							"control": {
+								"type": "VTL",
+								"value": "not(not(isnull(AGE)) and (1>AGE or 200<AGE))"
+							},
+							"criticality": "ERROR",
+							"errorMessage": {
+								"type": "VTL|MD",
+								"value": "\" La valeur doit être comprise entre 1 et 200.\""
+							},
+							"typeOfControl": "FORMAT"
+						},
+						{
+							"id": "m48nnrxf-format-decimal",
+							"type": "SIMPLE",
+							"control": {
+								"type": "VTL",
+								"value": "not(not(isnull(AGE))  and round(AGE,0)<>AGE)"
+							},
+							"criticality": "ERROR",
+							"errorMessage": {
+								"type": "VTL|MD",
+								"value": "\"Le nombre doit comporter au maximum 0 chiffre(s) après la virgule.\""
+							},
+							"typeOfControl": "FORMAT"
+						}
+					],
+					"decimals": 0,
+					"response": {
+						"name": "AGE"
+					},
+					"mandatory": false,
+					"description": {
+						"type": "TXT",
+						"value": "Format attendu : un nombre entre 1 et 200"
+					},
+					"componentType": "InputNumber"
+				}
+			],
+			"declarations": [
+				{
+					"id": "m48oduqe",
+					"label": {
+						"type": "VTL|MD",
+						"value": "\"This question is automatically filtered\""
+					},
+					"position": "AFTER_QUESTION_TEXT",
+					"declarationType": "HELP"
+				}
+			],
+			"componentType": "Question",
+			"conditionFilter": {
+				"type": "VTL",
+				"value": "(false)"
+			}
+		},
+		{
+			"id": "question-m48o1qml",
+			"page": "4",
+			"label": {
+				"type": "VTL|MD",
+				"value": "\"3\\. \" || \"Do you like apple ?\""
+			},
+			"components": [
+				{
+					"id": "m48o1qml",
+					"page": "4",
+					"options": [
+						{
+							"label": {
+								"type": "VTL|MD",
+								"value": "\"yes\""
+							},
+							"value": "1"
+						},
+						{
+							"label": {
+								"type": "VTL|MD",
+								"value": "\"no\""
+							},
+							"value": "2"
+						}
+					],
+					"response": {
+						"name": "APPLE"
+					},
+					"mandatory": false,
+					"orientation": "vertical",
+					"componentType": "Radio"
+				}
+			],
+			"componentType": "Question",
+			"conditionFilter": {
+				"type": "VTL",
+				"value": "true"
+			}
+		}
+	],
+	"pagination": "question",
+	"componentType": "Questionnaire",
+	"enoCoreVersion": "3.29.3-SNAPSHOT",
+	"generatingDate": "03-12-2024 16:23:28",
+	"lunaticModelVersion": "3.15.1"
+}