@rsuci/shared-form-components 1.0.15 → 1.0.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/GroupRenderer.d.ts +9 -1
- package/dist/components/GroupRenderer.d.ts.map +1 -1
- package/dist/components/GroupRenderer.js +62 -36
- package/dist/components/roster/RosterPanel.d.ts +1 -0
- package/dist/components/roster/RosterPanel.d.ts.map +1 -1
- package/dist/components/roster/RosterPanel.js +22 -1
- package/dist/hooks/useFormTree.d.ts +69 -0
- package/dist/hooks/useFormTree.d.ts.map +1 -0
- package/dist/hooks/useFormTree.js +86 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +9 -0
- package/dist/lib/form-tree.d.ts +76 -0
- package/dist/lib/form-tree.d.ts.map +1 -0
- package/dist/lib/form-tree.js +371 -0
- package/dist/lib/roster-condition-engine.d.ts +57 -0
- package/dist/lib/roster-condition-engine.d.ts.map +1 -0
- package/dist/lib/roster-condition-engine.js +182 -0
- package/dist/types/form-tree.d.ts +164 -0
- package/dist/types/form-tree.d.ts.map +1 -0
- package/dist/types/form-tree.js +5 -0
- package/package.json +1 -1
|
@@ -1,14 +1,22 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Composant de rendu des groupes pour les formulaires d'enquête
|
|
3
3
|
* RSU v2 - Moteur de Rendu des Formulaires d'Enquête
|
|
4
|
+
*
|
|
5
|
+
* Supporte deux modes:
|
|
6
|
+
* 1. Mode FormTree (nouveau): Utilise le FormTree pour la gestion centralisée de visibilité et jumps
|
|
7
|
+
* 2. Mode ConditionEngine (legacy): Utilise le ConditionEngine directement
|
|
4
8
|
*/
|
|
5
9
|
import React from 'react';
|
|
6
10
|
import { GroupeFormulaire, EnqueteReponse, VariableValue, ValidationError, AutoAction } from '../types/enquete';
|
|
7
11
|
import { ConditionEngine } from '../lib/condition-engine';
|
|
12
|
+
import { FormTree } from '../lib/form-tree';
|
|
8
13
|
interface GroupRendererProps {
|
|
9
14
|
groupe: GroupeFormulaire;
|
|
10
15
|
responses: Record<string, EnqueteReponse>;
|
|
11
|
-
|
|
16
|
+
/** @deprecated Utiliser formTree à la place */
|
|
17
|
+
conditionEngine?: ConditionEngine;
|
|
18
|
+
/** Nouveau: FormTree pour gestion centralisée (recommandé) */
|
|
19
|
+
formTree?: FormTree;
|
|
12
20
|
onChange: (variableCode: string, value: VariableValue, iteration?: number) => void;
|
|
13
21
|
onValidation: (errors: ValidationError[]) => void;
|
|
14
22
|
onAutoAction?: (actions: AutoAction[]) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupRenderer.d.ts","sourceRoot":"","sources":["../../src/components/GroupRenderer.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"GroupRenderer.d.ts","sourceRoot":"","sources":["../../src/components/GroupRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,eAAe,EACf,UAAU,EAEX,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,UAAU,kBAAkB;IAC1B,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC1C,+CAA+C;IAC/C,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,YAAY,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAsID,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmU/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Composant de rendu des groupes pour les formulaires d'enquête
|
|
3
3
|
* RSU v2 - Moteur de Rendu des Formulaires d'Enquête
|
|
4
|
+
*
|
|
5
|
+
* Supporte deux modes:
|
|
6
|
+
* 1. Mode FormTree (nouveau): Utilise le FormTree pour la gestion centralisée de visibilité et jumps
|
|
7
|
+
* 2. Mode ConditionEngine (legacy): Utilise le ConditionEngine directement
|
|
4
8
|
*/
|
|
5
9
|
'use client';
|
|
6
10
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
-
import { useState, useEffect } from 'react';
|
|
11
|
+
import { useState, useEffect, useMemo } from 'react';
|
|
8
12
|
import { Plus, Trash2, Users, AlertCircle } from 'lucide-react';
|
|
9
13
|
import VariableRenderer from './VariableRenderer';
|
|
10
14
|
// Composant pour gérer les groupes multiples
|
|
@@ -25,23 +29,22 @@ const MultipleGroupEntry = ({ groupe, iterationNumber, totalIterations, visibleV
|
|
|
25
29
|
const rosterVariables = (variable.typeCode === 'ROSTERCHECK' || variable.typeCode === 'ROSTERLIST')
|
|
26
30
|
? variable.rosterVariables
|
|
27
31
|
: undefined;
|
|
28
|
-
// 🔍 LOG: Vérifier la transmission des rosterVariables dans MultipleGroupEntry
|
|
29
|
-
if (variable.typeCode === 'ROSTERCHECK' || variable.typeCode === 'ROSTERLIST') {
|
|
30
|
-
console.log(`🔍 [GroupRenderer/MultipleGroupEntry] Variable ${variable.code}:`, {
|
|
31
|
-
typeCode: variable.typeCode,
|
|
32
|
-
rosterVariables: rosterVariables,
|
|
33
|
-
rosterVariablesType: typeof rosterVariables,
|
|
34
|
-
isArray: Array.isArray(rosterVariables),
|
|
35
|
-
length: Array.isArray(rosterVariables) ? rosterVariables.length : 'N/A'
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
32
|
return (_jsx(VariableRenderer, { variable: variable, value: responses[responseKey]?.valeur, onChange: (value) => onChange(responseKey, value, iterationNumber), numeroMembre: iterationNumber, disabled: disabled, rosterVariables: rosterVariables }, responseKey));
|
|
39
33
|
}) })] }));
|
|
40
34
|
};
|
|
41
35
|
// Composant principal GroupRenderer
|
|
42
|
-
const GroupRenderer = ({ groupe, responses, conditionEngine, onChange, onValidation, onAutoAction, disabled = false }) => {
|
|
36
|
+
const GroupRenderer = ({ groupe, responses, conditionEngine, formTree, onChange, onValidation, onAutoAction, disabled = false }) => {
|
|
43
37
|
const [multipleEntries, setMultipleEntries] = useState([1]);
|
|
44
38
|
const [validationErrors, setValidationErrors] = useState([]);
|
|
39
|
+
// Déterminer le mode d'utilisation
|
|
40
|
+
const useFormTreeMode = !!formTree;
|
|
41
|
+
// Obtenir le ConditionEngine (depuis formTree ou directement)
|
|
42
|
+
const engine = useMemo(() => {
|
|
43
|
+
if (formTree) {
|
|
44
|
+
return formTree.getConditionEngine();
|
|
45
|
+
}
|
|
46
|
+
return conditionEngine;
|
|
47
|
+
}, [formTree, conditionEngine]);
|
|
45
48
|
// Obtenir le nombre d'itérations depuis la variable de contrôle
|
|
46
49
|
const getIterationCount = () => {
|
|
47
50
|
if (!groupe.estMultiple || !groupe.configMultiple?.variableControle) {
|
|
@@ -53,26 +56,25 @@ const GroupRenderer = ({ groupe, responses, conditionEngine, onChange, onValidat
|
|
|
53
56
|
}
|
|
54
57
|
return Math.min(controlValue, groupe.configMultiple.maxIterations || 50);
|
|
55
58
|
};
|
|
56
|
-
// Filtrer les variables visibles selon les conditions
|
|
57
|
-
const
|
|
58
|
-
|
|
59
|
+
// Filtrer les variables visibles selon les conditions
|
|
60
|
+
const visibleVariables = useMemo(() => {
|
|
61
|
+
// Mode FormTree: utiliser directement getVisibleVariables
|
|
62
|
+
if (useFormTreeMode && formTree) {
|
|
63
|
+
return formTree.getVisibleVariables(groupe.code);
|
|
64
|
+
}
|
|
65
|
+
// Mode Legacy: filtrage manuel avec ConditionEngine
|
|
66
|
+
if (!engine) {
|
|
67
|
+
return groupe.variables.filter(v => v.estVisible);
|
|
68
|
+
}
|
|
59
69
|
return groupe.variables.filter(variable => {
|
|
60
|
-
console.log(`📋 [GroupRenderer] Processing variable: ${variable.code} (${variable.designation})`);
|
|
61
|
-
console.log(`📋 [GroupRenderer] - estVisible: ${variable.estVisible}`);
|
|
62
|
-
console.log(`📋 [GroupRenderer] - conditionsAffichage: ${variable.conditionsAffichage}`);
|
|
63
70
|
if (!variable.conditionsAffichage) {
|
|
64
|
-
console.log(`📋 [GroupRenderer] - No condition, returning estVisible: ${variable.estVisible}`);
|
|
65
71
|
return variable.estVisible;
|
|
66
72
|
}
|
|
67
|
-
// Évaluer la condition avec le moteur
|
|
68
|
-
const isVisible =
|
|
69
|
-
|
|
70
|
-
const finalResult = variable.estVisible && isVisible;
|
|
71
|
-
console.log(`📋 [GroupRenderer] - Final visibility: ${finalResult} (estVisible: ${variable.estVisible} && condition: ${isVisible})`);
|
|
72
|
-
return finalResult;
|
|
73
|
+
// Évaluer la condition avec le moteur
|
|
74
|
+
const isVisible = engine.evaluate(variable.conditionsAffichage);
|
|
75
|
+
return variable.estVisible && isVisible;
|
|
73
76
|
});
|
|
74
|
-
};
|
|
75
|
-
const visibleVariables = getVisibleVariables();
|
|
77
|
+
}, [useFormTreeMode, formTree, engine, groupe, responses]);
|
|
76
78
|
// Mettre à jour le nombre d'itérations quand la variable de contrôle change
|
|
77
79
|
useEffect(() => {
|
|
78
80
|
if (groupe.estMultiple && groupe.configMultiple?.variableControle) {
|
|
@@ -95,6 +97,19 @@ const GroupRenderer = ({ groupe, responses, conditionEngine, onChange, onValidat
|
|
|
95
97
|
}, [responses[groupe.configMultiple?.variableControle || '']?.valeur, groupe]);
|
|
96
98
|
// Validation du groupe
|
|
97
99
|
useEffect(() => {
|
|
100
|
+
// Mode FormTree: utiliser la validation du FormTree
|
|
101
|
+
if (useFormTreeMode && formTree) {
|
|
102
|
+
const { errors } = formTree.validateGroup(groupe.code);
|
|
103
|
+
const validationErrs = errors.map(msg => ({
|
|
104
|
+
variableCode: groupe.code,
|
|
105
|
+
message: msg,
|
|
106
|
+
type: 'required'
|
|
107
|
+
}));
|
|
108
|
+
setValidationErrors(validationErrs);
|
|
109
|
+
onValidation(validationErrs);
|
|
110
|
+
return;
|
|
111
|
+
}
|
|
112
|
+
// Mode Legacy: validation manuelle
|
|
98
113
|
const errors = [];
|
|
99
114
|
visibleVariables.forEach(variable => {
|
|
100
115
|
if (variable.estObligatoire) {
|
|
@@ -129,10 +144,10 @@ const GroupRenderer = ({ groupe, responses, conditionEngine, onChange, onValidat
|
|
|
129
144
|
});
|
|
130
145
|
setValidationErrors(errors);
|
|
131
146
|
onValidation(errors);
|
|
132
|
-
}, [responses, visibleVariables, multipleEntries, groupe, onValidation]);
|
|
133
|
-
// Exécuter les actions automatiques quand les réponses changent
|
|
147
|
+
}, [responses, visibleVariables, multipleEntries, groupe, onValidation, useFormTreeMode, formTree]);
|
|
148
|
+
// Exécuter les actions automatiques quand les réponses changent (mode legacy uniquement)
|
|
134
149
|
useEffect(() => {
|
|
135
|
-
if (!onAutoAction)
|
|
150
|
+
if (!onAutoAction || !engine || useFormTreeMode)
|
|
136
151
|
return;
|
|
137
152
|
const executeAutoActions = () => {
|
|
138
153
|
const allActions = [];
|
|
@@ -140,21 +155,21 @@ const GroupRenderer = ({ groupe, responses, conditionEngine, onChange, onValidat
|
|
|
140
155
|
visibleVariables.forEach(variable => {
|
|
141
156
|
if (variable.conditionsAffichage && variable.conditionsAffichage.includes('setValeur(')) {
|
|
142
157
|
// Évaluer la condition pour déclencher les actions automatiques
|
|
143
|
-
|
|
158
|
+
engine.evaluate(variable.conditionsAffichage);
|
|
144
159
|
// Récupérer les actions générées
|
|
145
|
-
const actions =
|
|
160
|
+
const actions = engine.getAutoActions();
|
|
146
161
|
allActions.push(...actions);
|
|
147
162
|
}
|
|
148
163
|
});
|
|
149
164
|
if (allActions.length > 0) {
|
|
150
165
|
onAutoAction(allActions);
|
|
151
|
-
|
|
166
|
+
engine.clearAutoActions(); // Nettoyer après exécution
|
|
152
167
|
}
|
|
153
168
|
};
|
|
154
169
|
// Exécuter avec un délai pour éviter les boucles infinies
|
|
155
170
|
const timeoutId = setTimeout(executeAutoActions, 100);
|
|
156
171
|
return () => clearTimeout(timeoutId);
|
|
157
|
-
}, [responses, visibleVariables,
|
|
172
|
+
}, [responses, visibleVariables, engine, onAutoAction, useFormTreeMode]);
|
|
158
173
|
// Gestion des entrées multiples
|
|
159
174
|
const addEntry = () => {
|
|
160
175
|
if (!groupe.configMultiple?.allowManualControl)
|
|
@@ -188,8 +203,19 @@ const GroupRenderer = ({ groupe, responses, conditionEngine, onChange, onValidat
|
|
|
188
203
|
(Array.isArray(value) && value.length === 0);
|
|
189
204
|
};
|
|
190
205
|
// Vérifier si le groupe doit être affiché
|
|
191
|
-
const shouldShowGroup =
|
|
192
|
-
|
|
206
|
+
const shouldShowGroup = useMemo(() => {
|
|
207
|
+
// Mode FormTree: vérifier l'état du groupe
|
|
208
|
+
if (useFormTreeMode && formTree) {
|
|
209
|
+
const groupState = formTree.getGroupState(groupe.code);
|
|
210
|
+
return groupState?.isVisible ?? true;
|
|
211
|
+
}
|
|
212
|
+
// Mode Legacy: évaluer la condition
|
|
213
|
+
if (!groupe.conditionsAffichage)
|
|
214
|
+
return true;
|
|
215
|
+
if (!engine)
|
|
216
|
+
return true;
|
|
217
|
+
return engine.evaluate(groupe.conditionsAffichage);
|
|
218
|
+
}, [useFormTreeMode, formTree, engine, groupe]);
|
|
193
219
|
if (!shouldShowGroup) {
|
|
194
220
|
return null;
|
|
195
221
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RosterPanel.d.ts","sourceRoot":"","sources":["../../../src/components/roster/RosterPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,
|
|
1
|
+
{"version":3,"file":"RosterPanel.d.ts","sourceRoot":"","sources":["../../../src/components/roster/RosterPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAGD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAGD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,YAAY,CAAC;IACrB,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3B,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+J3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -7,12 +7,33 @@
|
|
|
7
7
|
*/
|
|
8
8
|
'use client';
|
|
9
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
import { useMemo } from 'react';
|
|
10
11
|
import VariableRenderer from '../VariableRenderer';
|
|
11
12
|
import { cn } from '../../lib/utils/cn';
|
|
13
|
+
import { RosterConditionEngine } from '../../lib/roster-condition-engine';
|
|
12
14
|
const RosterPanel = ({ option, rosterVariables, value, onChange, disabled, showCheckbox = false, isChecked = true, onCheckChange }) => {
|
|
13
15
|
// Trier les variables par ordre
|
|
14
16
|
const sortedVariables = [...rosterVariables].sort((a, b) => a.ordre - b.ordre);
|
|
15
|
-
|
|
17
|
+
// Calculer les variables masquées par les jumps
|
|
18
|
+
const jumpedVariables = useMemo(() => {
|
|
19
|
+
return RosterConditionEngine.computeJumpedVariables(sortedVariables.map(v => ({ code: v.code, ordre: v.ordre, conditionsAffichage: v.conditionsAffichage })), value);
|
|
20
|
+
}, [sortedVariables, value]);
|
|
21
|
+
// Filtrer les variables visibles (conditions + jumps)
|
|
22
|
+
const visibleVariables = useMemo(() => {
|
|
23
|
+
return sortedVariables.filter(rosterVar => {
|
|
24
|
+
// Variable masquée par un jump actif
|
|
25
|
+
if (jumpedVariables.has(rosterVar.code)) {
|
|
26
|
+
return false;
|
|
27
|
+
}
|
|
28
|
+
// Pas de condition = visible
|
|
29
|
+
if (!rosterVar.conditionsAffichage) {
|
|
30
|
+
return true;
|
|
31
|
+
}
|
|
32
|
+
// Évaluer la condition avec les valeurs de cette ligne
|
|
33
|
+
return RosterConditionEngine.evaluate(rosterVar.conditionsAffichage, value);
|
|
34
|
+
});
|
|
35
|
+
}, [sortedVariables, jumpedVariables, value]);
|
|
36
|
+
return (_jsxs("div", { className: cn('border border-gray-200 rounded-lg p-4 bg-white', 'shadow-sm hover:shadow-md transition-shadow', disabled && 'opacity-60'), children: [_jsx("div", { className: "border-b border-gray-100 pb-3 mb-4", children: _jsx("div", { className: "flex items-center justify-between", children: _jsxs("div", { className: "flex items-center flex-1", children: [showCheckbox && (_jsx("input", { type: "checkbox", checked: isChecked, onChange: (e) => onCheckChange?.(e.target.checked), disabled: disabled, className: cn('w-5 h-5 mr-3 text-green-600 border-gray-300 rounded focus:ring-green-500', disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer') })), _jsxs("div", { children: [_jsxs("h3", { className: "font-semibold text-lg text-gray-800 flex items-center", children: [_jsx("span", { className: "mr-2", children: "\uD83D\uDCCC" }), option.designation] }), _jsxs("p", { className: "text-xs text-blue-600 font-mono mt-1", children: ["(", option.code, ")"] })] })] }) }) }), !showCheckbox || isChecked ? (_jsx("div", { className: "space-y-4", children: visibleVariables.map(rosterVar => {
|
|
16
37
|
// Créer un objet VariableFormulaire compatible avec VariableRenderer
|
|
17
38
|
// Rendre le code unique par panel pour éviter les conflits de radios/checkboxes
|
|
18
39
|
const uniqueCode = `${option.code}_${rosterVar.code}`;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Hook React pour utiliser le FormTree
|
|
3
|
+
* RSU v2 - Gestion centralisée de l'état de visibilité et des jumps
|
|
4
|
+
*/
|
|
5
|
+
import { GroupeFormulaire, EnqueteReponse, VariableFormulaire } from '../types/enquete';
|
|
6
|
+
import { FormTree } from '../lib/form-tree';
|
|
7
|
+
import { JumpError, JumpRange, VariableNodeState, GroupNodeState } from '../types/form-tree';
|
|
8
|
+
export interface UseFormTreeOptions {
|
|
9
|
+
/** Callback appelé en cas d'erreur de jump */
|
|
10
|
+
onJumpError?: (error: JumpError) => void;
|
|
11
|
+
/** Activer le logging de debug */
|
|
12
|
+
debug?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export interface UseFormTreeReturn {
|
|
15
|
+
/** Instance du FormTree */
|
|
16
|
+
formTree: FormTree;
|
|
17
|
+
/** Retourne les variables visibles d'un groupe */
|
|
18
|
+
getVisibleVariables: (groupeCode: string) => VariableFormulaire[];
|
|
19
|
+
/** Retourne les codes des variables sautées dans un groupe */
|
|
20
|
+
getJumpedVariableCodes: (groupeCode: string) => Set<string>;
|
|
21
|
+
/** Valide un groupe et retourne les erreurs */
|
|
22
|
+
validateGroup: (groupeCode: string) => {
|
|
23
|
+
isValid: boolean;
|
|
24
|
+
errors: string[];
|
|
25
|
+
};
|
|
26
|
+
/** Retourne les codes des variables à effacer lors de la sauvegarde */
|
|
27
|
+
getVariablesToClearOnSave: () => string[];
|
|
28
|
+
/** Retourne l'état d'une variable */
|
|
29
|
+
getVariableState: (variableCode: string) => VariableNodeState | undefined;
|
|
30
|
+
/** Retourne l'état d'un groupe */
|
|
31
|
+
getGroupState: (groupeCode: string) => GroupNodeState | undefined;
|
|
32
|
+
/** Liste des erreurs de jump actuelles */
|
|
33
|
+
jumpErrors: JumpError[];
|
|
34
|
+
/** Liste des jumps actifs */
|
|
35
|
+
activeJumps: JumpRange[];
|
|
36
|
+
/** Force une réévaluation de toutes les conditions */
|
|
37
|
+
forceEvaluate: () => void;
|
|
38
|
+
/** Compteur de mise à jour (pour forcer le re-render) */
|
|
39
|
+
updateCount: number;
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* Hook pour utiliser le FormTree dans les composants React
|
|
43
|
+
*
|
|
44
|
+
* @param groupes Liste des groupes du formulaire
|
|
45
|
+
* @param responses Dictionnaire des réponses
|
|
46
|
+
* @param options Options de configuration
|
|
47
|
+
* @returns Objet avec les méthodes et états du FormTree
|
|
48
|
+
*
|
|
49
|
+
* @example
|
|
50
|
+
* ```tsx
|
|
51
|
+
* const {
|
|
52
|
+
* getVisibleVariables,
|
|
53
|
+
* validateGroup,
|
|
54
|
+
* jumpErrors,
|
|
55
|
+
* activeJumps
|
|
56
|
+
* } = useFormTree(formulaire.groupes, responses, {
|
|
57
|
+
* onJumpError: (error) => toast.error(error.message)
|
|
58
|
+
* });
|
|
59
|
+
*
|
|
60
|
+
* // Obtenir les variables visibles d'un groupe
|
|
61
|
+
* const visibleVars = getVisibleVariables(groupe.code);
|
|
62
|
+
*
|
|
63
|
+
* // Valider avant navigation
|
|
64
|
+
* const { isValid, errors } = validateGroup(groupe.code);
|
|
65
|
+
* ```
|
|
66
|
+
*/
|
|
67
|
+
export declare function useFormTree(groupes: GroupeFormulaire[], responses: Record<string, EnqueteReponse>, options?: UseFormTreeOptions): UseFormTreeReturn;
|
|
68
|
+
export default useFormTree;
|
|
69
|
+
//# sourceMappingURL=useFormTree.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFormTree.d.ts","sourceRoot":"","sources":["../../src/hooks/useFormTree.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAE7F,MAAM,WAAW,kBAAkB;IACjC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,kCAAkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,2BAA2B;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IAEnB,kDAAkD;IAClD,mBAAmB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,kBAAkB,EAAE,CAAC;IAElE,8DAA8D;IAC9D,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,GAAG,CAAC,MAAM,CAAC,CAAC;IAE5D,+CAA+C;IAC/C,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;IAE9E,uEAAuE;IACvE,yBAAyB,EAAE,MAAM,MAAM,EAAE,CAAC;IAE1C,qCAAqC;IACrC,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,iBAAiB,GAAG,SAAS,CAAC;IAE1E,kCAAkC;IAClC,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,cAAc,GAAG,SAAS,CAAC;IAElE,0CAA0C;IAC1C,UAAU,EAAE,SAAS,EAAE,CAAC;IAExB,6BAA6B;IAC7B,WAAW,EAAE,SAAS,EAAE,CAAC;IAEzB,sDAAsD;IACtD,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,WAAW,CACzB,OAAO,EAAE,gBAAgB,EAAE,EAC3B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,EACzC,OAAO,GAAE,kBAAuB,GAC/B,iBAAiB,CAyFnB;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Hook React pour utiliser le FormTree
|
|
3
|
+
* RSU v2 - Gestion centralisée de l'état de visibilité et des jumps
|
|
4
|
+
*/
|
|
5
|
+
'use client';
|
|
6
|
+
import { useState, useEffect, useCallback, useMemo, useRef } from 'react';
|
|
7
|
+
import { FormTree } from '../lib/form-tree';
|
|
8
|
+
/**
|
|
9
|
+
* Hook pour utiliser le FormTree dans les composants React
|
|
10
|
+
*
|
|
11
|
+
* @param groupes Liste des groupes du formulaire
|
|
12
|
+
* @param responses Dictionnaire des réponses
|
|
13
|
+
* @param options Options de configuration
|
|
14
|
+
* @returns Objet avec les méthodes et états du FormTree
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* const {
|
|
19
|
+
* getVisibleVariables,
|
|
20
|
+
* validateGroup,
|
|
21
|
+
* jumpErrors,
|
|
22
|
+
* activeJumps
|
|
23
|
+
* } = useFormTree(formulaire.groupes, responses, {
|
|
24
|
+
* onJumpError: (error) => toast.error(error.message)
|
|
25
|
+
* });
|
|
26
|
+
*
|
|
27
|
+
* // Obtenir les variables visibles d'un groupe
|
|
28
|
+
* const visibleVars = getVisibleVariables(groupe.code);
|
|
29
|
+
*
|
|
30
|
+
* // Valider avant navigation
|
|
31
|
+
* const { isValid, errors } = validateGroup(groupe.code);
|
|
32
|
+
* ```
|
|
33
|
+
*/
|
|
34
|
+
export function useFormTree(groupes, responses, options = {}) {
|
|
35
|
+
// Compteur pour forcer les re-renders
|
|
36
|
+
const [updateCount, setUpdateCount] = useState(0);
|
|
37
|
+
// Référence stable pour les options
|
|
38
|
+
const optionsRef = useRef(options);
|
|
39
|
+
optionsRef.current = options;
|
|
40
|
+
// Créer l'instance FormTree (stable tant que groupes ne changent pas)
|
|
41
|
+
const formTree = useMemo(() => {
|
|
42
|
+
const tree = new FormTree(responses, {
|
|
43
|
+
debug: optionsRef.current.debug,
|
|
44
|
+
onJumpError: optionsRef.current.onJumpError
|
|
45
|
+
});
|
|
46
|
+
tree.buildFromFormulaire(groupes);
|
|
47
|
+
return tree;
|
|
48
|
+
}, [groupes]); // Reconstruire seulement si groupes changent
|
|
49
|
+
// Mettre à jour le callback d'erreur quand il change
|
|
50
|
+
useEffect(() => {
|
|
51
|
+
formTree.onJumpError = options.onJumpError;
|
|
52
|
+
}, [formTree, options.onJumpError]);
|
|
53
|
+
// Mettre à jour quand les réponses changent
|
|
54
|
+
useEffect(() => {
|
|
55
|
+
formTree.updateResponses(responses);
|
|
56
|
+
setUpdateCount(c => c + 1);
|
|
57
|
+
}, [formTree, responses]);
|
|
58
|
+
// Fonctions de requête memoizées
|
|
59
|
+
const getVisibleVariables = useCallback((groupeCode) => formTree.getVisibleVariables(groupeCode), [formTree, updateCount]);
|
|
60
|
+
const getJumpedVariableCodes = useCallback((groupeCode) => formTree.getJumpedVariableCodes(groupeCode), [formTree, updateCount]);
|
|
61
|
+
const validateGroup = useCallback((groupeCode) => formTree.validateGroup(groupeCode), [formTree, updateCount]);
|
|
62
|
+
const getVariablesToClearOnSave = useCallback(() => formTree.getVariablesToClearOnSave(), [formTree, updateCount]);
|
|
63
|
+
const getVariableState = useCallback((variableCode) => formTree.getVariableState(variableCode), [formTree, updateCount]);
|
|
64
|
+
const getGroupState = useCallback((groupeCode) => formTree.getGroupState(groupeCode), [formTree, updateCount]);
|
|
65
|
+
const forceEvaluate = useCallback(() => {
|
|
66
|
+
formTree.evaluateAll();
|
|
67
|
+
setUpdateCount(c => c + 1);
|
|
68
|
+
}, [formTree]);
|
|
69
|
+
// Valeurs dérivées
|
|
70
|
+
const jumpErrors = useMemo(() => formTree.getJumpErrors(), [formTree, updateCount]);
|
|
71
|
+
const activeJumps = useMemo(() => formTree.getActiveJumps(), [formTree, updateCount]);
|
|
72
|
+
return {
|
|
73
|
+
formTree,
|
|
74
|
+
getVisibleVariables,
|
|
75
|
+
getJumpedVariableCodes,
|
|
76
|
+
validateGroup,
|
|
77
|
+
getVariablesToClearOnSave,
|
|
78
|
+
getVariableState,
|
|
79
|
+
getGroupState,
|
|
80
|
+
jumpErrors,
|
|
81
|
+
activeJumps,
|
|
82
|
+
forceEvaluate,
|
|
83
|
+
updateCount
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
export default useFormTree;
|
package/dist/index.d.ts
CHANGED
|
@@ -34,8 +34,12 @@ export { default as EnqueteInput } from './components/selectors/EnqueteInput';
|
|
|
34
34
|
export type { EnqueteReponse, VariableFormulaire, GroupeFormulaire, FormulaireComplet, EnqueteInstance, GroupeInstance, VariableValue, VariableType, ValidationError, AutoAction, NavigationState } from './types/enquete';
|
|
35
35
|
export type { FormRendererServices, GeographicComponents, DistrictSelectorProps, RegionSelectorProps, DepartementSelectorProps, SousPrefectureSelectorProps, QuartierSelectorProps, VillageSelectorProps } from './types/services';
|
|
36
36
|
export type { FormRendererProps, GroupRendererProps, VariableRendererProps } from './types/form-renderer';
|
|
37
|
+
export type { VariableNodeState, GroupNodeState, JumpRange, JumpError, IFormTree, FormTreeOptions, JumpEvaluationResult } from './types/form-tree';
|
|
37
38
|
export { VariableValueConverter } from './lib/utils/variableValueConverter';
|
|
38
39
|
export { interpolateVariableLabel } from './lib/utils/interpolateVariableLabel';
|
|
39
40
|
export { ConditionEngine } from './lib/condition-engine';
|
|
41
|
+
export { RosterConditionEngine, type RosterConditionError, type RosterConditionErrorType, type RosterConditionValidationResult, type RosterVariableRef } from './lib/roster-condition-engine';
|
|
42
|
+
export { FormTree } from './lib/form-tree';
|
|
43
|
+
export { useFormTree, type UseFormTreeOptions, type UseFormTreeReturn } from './hooks/useFormTree';
|
|
40
44
|
export { cn } from './lib/utils/cn';
|
|
41
45
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAG5E,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,EAC3B,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EACL,OAAO,IAAI,eAAe,EAC1B,KAAK,oBAAoB,EAC1B,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACpB,MAAM,iCAAiC,CAAC;AAOzC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGhE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAGrE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAG3E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAM5E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAM/E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAO9E,YAAY,EACV,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,aAAa,EACb,YAAY,EACZ,eAAe,EACf,UAAU,EACV,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAGzB,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,EACnB,wBAAwB,EACxB,2BAA2B,EAC3B,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,kBAAkB,CAAC;AAG1B,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -58,5 +58,14 @@ export { VariableValueConverter } from './lib/utils/variableValueConverter';
|
|
|
58
58
|
export { interpolateVariableLabel } from './lib/utils/interpolateVariableLabel';
|
|
59
59
|
// Moteur de conditions
|
|
60
60
|
export { ConditionEngine } from './lib/condition-engine';
|
|
61
|
+
// Moteur de conditions scopées pour les ROSTER
|
|
62
|
+
export { RosterConditionEngine } from './lib/roster-condition-engine';
|
|
63
|
+
// FormTree (arbre virtuel du formulaire)
|
|
64
|
+
export { FormTree } from './lib/form-tree';
|
|
65
|
+
// ========================================
|
|
66
|
+
// HOOKS
|
|
67
|
+
// ========================================
|
|
68
|
+
// Hook FormTree
|
|
69
|
+
export { useFormTree } from './hooks/useFormTree';
|
|
61
70
|
// Utilitaire CSS
|
|
62
71
|
export { cn } from './lib/utils/cn';
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* FormTree - Arbre virtuel du formulaire
|
|
3
|
+
* RSU v2 - Gestion centralisée de l'état de visibilité et des jumps
|
|
4
|
+
*
|
|
5
|
+
* L'arbre virtuel (FormTree) est une représentation en mémoire de l'état du formulaire qui:
|
|
6
|
+
* 1. Connaît l'ordre de toutes les variables
|
|
7
|
+
* 2. Centralise l'évaluation des conditions
|
|
8
|
+
* 3. Stocke l'état de visibilité calculé
|
|
9
|
+
* 4. Gère nativement les jumps comme des "plages masquées"
|
|
10
|
+
*/
|
|
11
|
+
import { VariableFormulaire, GroupeFormulaire, EnqueteReponse, VariableValue } from '../types/enquete';
|
|
12
|
+
import { IFormTree, VariableNodeState, GroupNodeState, JumpRange, JumpError, FormTreeOptions } from '../types/form-tree';
|
|
13
|
+
import { ConditionEngine } from './condition-engine';
|
|
14
|
+
export declare class FormTree implements IFormTree {
|
|
15
|
+
private groupNodes;
|
|
16
|
+
private variableNodes;
|
|
17
|
+
private orderedVariables;
|
|
18
|
+
private jumpRanges;
|
|
19
|
+
private jumpErrors;
|
|
20
|
+
private conditionEngine;
|
|
21
|
+
private responses;
|
|
22
|
+
private debug;
|
|
23
|
+
onJumpError?: (error: JumpError) => void;
|
|
24
|
+
constructor(responses?: Record<string, EnqueteReponse>, options?: FormTreeOptions);
|
|
25
|
+
private log;
|
|
26
|
+
buildFromFormulaire(groupes: GroupeFormulaire[]): void;
|
|
27
|
+
updateResponses(responses: Record<string, EnqueteReponse>): void;
|
|
28
|
+
evaluateAll(): void;
|
|
29
|
+
private evaluateGroupConditions;
|
|
30
|
+
private containsJump;
|
|
31
|
+
/**
|
|
32
|
+
* Évalue la partie non-jump d'une condition mixte
|
|
33
|
+
* Ex: "showMe(${A} == '1') || jump(${B} == '2', ${Q10})" -> évalue seulement showMe(${A} == '1')
|
|
34
|
+
*/
|
|
35
|
+
private evaluateNonJumpPart;
|
|
36
|
+
private processJumpCondition;
|
|
37
|
+
private evaluateJump;
|
|
38
|
+
private applyJumpRanges;
|
|
39
|
+
private computeFinalVisibility;
|
|
40
|
+
getVisibleVariables(groupeCode: string): VariableFormulaire[];
|
|
41
|
+
getGroupState(groupeCode: string): GroupNodeState | undefined;
|
|
42
|
+
getVariableState(variableCode: string): VariableNodeState | undefined;
|
|
43
|
+
getJumpedVariableCodes(groupeCode: string): Set<string>;
|
|
44
|
+
getActiveJumps(): JumpRange[];
|
|
45
|
+
getJumpErrors(): JumpError[];
|
|
46
|
+
validateGroup(groupeCode: string): {
|
|
47
|
+
isValid: boolean;
|
|
48
|
+
errors: string[];
|
|
49
|
+
};
|
|
50
|
+
private isValueEmpty;
|
|
51
|
+
getVariablesToClearOnSave(): string[];
|
|
52
|
+
/**
|
|
53
|
+
* Expose le ConditionEngine pour les fonctionnalités existantes
|
|
54
|
+
* (showMe, hideMe, setValeur, etc.)
|
|
55
|
+
*/
|
|
56
|
+
getConditionEngine(): ConditionEngine;
|
|
57
|
+
/**
|
|
58
|
+
* Retourne un snapshot de l'état complet pour debug
|
|
59
|
+
*/
|
|
60
|
+
getDebugSnapshot(): {
|
|
61
|
+
groups: Array<{
|
|
62
|
+
code: string;
|
|
63
|
+
isVisible: boolean;
|
|
64
|
+
variableCount: number;
|
|
65
|
+
}>;
|
|
66
|
+
variables: Array<{
|
|
67
|
+
code: string;
|
|
68
|
+
isVisible: boolean;
|
|
69
|
+
isJumpedOver: boolean;
|
|
70
|
+
value: VariableValue;
|
|
71
|
+
}>;
|
|
72
|
+
activeJumps: JumpRange[];
|
|
73
|
+
errors: JumpError[];
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
//# sourceMappingURL=form-tree.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-tree.d.ts","sourceRoot":"","sources":["../../src/lib/form-tree.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,SAAS,EACT,iBAAiB,EACjB,cAAc,EACd,SAAS,EACT,SAAS,EACT,eAAe,EAEhB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,qBAAa,QAAS,YAAW,SAAS;IACxC,OAAO,CAAC,UAAU,CAA0C;IAC5D,OAAO,CAAC,aAAa,CAA6C;IAClE,OAAO,CAAC,gBAAgB,CAA4B;IACpD,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,KAAK,CAAU;IAEhB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;gBAG9C,SAAS,GAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAM,EAC9C,OAAO,GAAE,eAAoB;IAU/B,OAAO,CAAC,GAAG;IAQX,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,EAAE,GAAG,IAAI;IAmDtD,eAAe,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,GAAG,IAAI;IAchE,WAAW,IAAI,IAAI;IA+BnB,OAAO,CAAC,uBAAuB;IAkC/B,OAAO,CAAC,YAAY;IAIpB;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,oBAAoB;IA6C5B,OAAO,CAAC,YAAY;IA+DpB,OAAO,CAAC,eAAe;IAsBvB,OAAO,CAAC,sBAAsB;IAY9B,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,kBAAkB,EAAE;IAS7D,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS;IAI7D,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS;IAIrE,sBAAsB,CAAC,UAAU,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;IAYvD,cAAc,IAAI,SAAS,EAAE;IAI7B,aAAa,IAAI,SAAS,EAAE;IAM5B,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;IA+BzE,OAAO,CAAC,YAAY;IAOpB,yBAAyB,IAAI,MAAM,EAAE;IAcrC;;;OAGG;IACH,kBAAkB,IAAI,eAAe;IAMrC;;OAEG;IACH,gBAAgB,IAAI;QAClB,MAAM,EAAE,KAAK,CAAC;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,SAAS,EAAE,OAAO,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAC3E,SAAS,EAAE,KAAK,CAAC;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,SAAS,EAAE,OAAO,CAAC;YAAC,YAAY,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,aAAa,CAAA;SAAE,CAAC,CAAC;QACpG,WAAW,EAAE,SAAS,EAAE,CAAC;QACzB,MAAM,EAAE,SAAS,EAAE,CAAC;KACrB;CAiBF"}
|