@rsuci/shared-form-components 1.0.20 → 1.0.21

package/dist/components/inputs/GeographicCascadeInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GeographicCascadeInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/GeographicCascadeInput.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAUxE;;GAEG;AACH,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAWD,UAAU,2BAA2B;IACnC,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA2MxE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"GeographicCascadeInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/GeographicCascadeInput.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAUxE;;GAEG;AACH,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAWD,UAAU,2BAA2B;IACnC,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAwNxE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/inputs/GeographicCascadeInput.js

@@ -7,7 +7,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { useEffect, useState, useCallback, useRef } from 'react';
 import SearchableSelect from './SearchableSelect';
-import { resolveParentValue, getApiEndpoint, getParentLabel, requiresParent } from '../../utils/variableDependencyResolver';
+import { extractVariableCode, resolveParentValue, getApiEndpoint, getParentLabel, requiresParent } from '../../utils/variableDependencyResolver';
 export const GeographicCascadeInput = ({ variable, value, onChange, reponses, disabled = false, required = false, className = '' }) => {
     const [items, setItems] = useState([]);
     const [loading, setLoading] = useState(false);
@@ -16,6 +16,18 @@ export const GeographicCascadeInput = ({ variable, value, onChange, reponses, di
     const needsParent = requiresParent(variable.typeCode);
     // 2. Résoudre la valeur du parent depuis les réponses
     const parentValue = resolveParentValue(variable, reponses);
+    // Debug temporaire - À SUPPRIMER après validation
+    console.log('[GeographicCascade] Debug:', {
+        variableCode: variable.code,
+        variableType: variable.typeCode,
+        variableValeur: variable.valeur,
+        variableValeurDefaut: variable.valeurDefaut,
+        needsParent,
+        parentCode: extractVariableCode(variable),
+        parentReponse: reponses?.[extractVariableCode(variable) || ''],
+        parentValue,
+        reponsesKeys: Object.keys(reponses || {})
+    });
     // 3. Pour DISTRICT, déterminer le code pays (depuis variable.valeur ou défaut 'CIV')
     const countryCode = variable.typeCode === 'DISTRICT'
         ? (variable.valeur || 'CIV')

package/dist/utils/variableDependencyResolver.d.ts

@@ -4,7 +4,8 @@
  */
 /**
  * Extrait le code d'une variable depuis le format "${CODE}"
- * @param valeur - Valeur du champ variable.valeur (ex: "${G_01}")
+ * Cherche dans variable.valeur, puis variable.valeurDefaut, puis variable.proprietes?.valeur
+ * @param valeurOrVariable - Valeur du champ (ex: "${G_01}") OU l'objet variable complet
  * @returns Code de la variable (ex: "G_01") ou null si pas de référence
  *
  * @example
@@ -12,18 +13,19 @@
  * extractVariableCode("${DISTRICT_VAR}") // Returns: "DISTRICT_VAR"
  * extractVariableCode(null) // Returns: null
  * extractVariableCode("G_01") // Returns: "G_01" (format direct supporté)
+ * extractVariableCode({ valeurDefaut: "${S0_01}" }) // Returns: "S0_01" (objet variable)
  */
-export declare function extractVariableCode(valeur: string | null | undefined): string | null;
+export declare function extractVariableCode(valeurOrVariable: string | any | null | undefined): string | null;
 /**
  * Résout la valeur ID d'une variable parente depuis les réponses
- * @param variable - Variable actuelle
+ * @param variable - Variable actuelle (cherche dans valeur, valeurDefaut, proprietes.valeur)
  * @param reponses - Toutes les réponses du formulaire
  * @returns ID de la valeur parente ou null
  *
  * @example
- * // Variable G_03 (Département) avec valeur: "${G_02}"
- * // reponses = { "G_02": { valeur: { id: 10, code: "REG01", designation: "Abidjan" } } }
- * resolveParentValue(variable, reponses) // Returns: 10
+ * // Variable S0_02 (Région) avec valeurDefaut: "${S0_01}"
+ * // reponses = { "S0_01": { valeur: { id: 21, code: "01", designation: "ABIDJAN" } } }
+ * resolveParentValue(variable, reponses) // Returns: 21
  */
 export declare function resolveParentValue(variable: any, reponses: Record<string, any>): number | null;
 /**

package/dist/utils/variableDependencyResolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variableDependencyResolver.d.ts","sourceRoot":"","sources":["../../src/utils/variableDependencyResolver.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAcpF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC5B,MAAM,GAAG,IAAI,CAiCf;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAC5B,YAAY,EAAE,MAAM,EACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,EACxB,kBAAkB,GAAE,MAAc,GACjC,MAAM,GAAG,IAAI,CA2Bf;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAa3D;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAW5D;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAY9D"}
+{"version":3,"file":"variableDependencyResolver.d.ts","sourceRoot":"","sources":["../../src/utils/variableDependencyResolver.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CAAC,gBAAgB,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAmCpG;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC5B,MAAM,GAAG,IAAI,CA+Cf;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAC5B,YAAY,EAAE,MAAM,EACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,EACxB,kBAAkB,GAAE,MAAc,GACjC,MAAM,GAAG,IAAI,CA2Bf;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAa3D;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAW5D;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAY9D"}

package/dist/utils/variableDependencyResolver.js

@@ -4,7 +4,8 @@
  */
 /**
  * Extrait le code d'une variable depuis le format "${CODE}"
- * @param valeur - Valeur du champ variable.valeur (ex: "${G_01}")
+ * Cherche dans variable.valeur, puis variable.valeurDefaut, puis variable.proprietes?.valeur
+ * @param valeurOrVariable - Valeur du champ (ex: "${G_01}") OU l'objet variable complet
  * @returns Code de la variable (ex: "G_01") ou null si pas de référence
  *
  * @example
@@ -12,35 +13,55 @@
  * extractVariableCode("${DISTRICT_VAR}") // Returns: "DISTRICT_VAR"
  * extractVariableCode(null) // Returns: null
  * extractVariableCode("G_01") // Returns: "G_01" (format direct supporté)
+ * extractVariableCode({ valeurDefaut: "${S0_01}" }) // Returns: "S0_01" (objet variable)
  */
-export function extractVariableCode(valeur) {
-    if (!valeur)
+export function extractVariableCode(valeurOrVariable) {
+    // Si c'est un objet variable, chercher dans plusieurs propriétés
+    if (typeof valeurOrVariable === 'object' && valeurOrVariable !== null) {
+        // Priorité: valeur > valeurDefaut > proprietes.valeur
+        const valeur = valeurOrVariable.valeur
+            || valeurOrVariable.valeurDefaut
+            || valeurOrVariable.proprietes?.valeur;
+        if (!valeur || typeof valeur !== 'string')
+            return null;
+        // Extraire le code du format ${CODE}
+        const match = valeur.match(/\$\{([^}]+)\}/);
+        if (match)
+            return match[1];
+        // Support format direct (G_01 sans ${})
+        if (/^[A-Za-z_][A-Za-z0-9_]*$/.test(valeur)) {
+            return valeur;
+        }
+        return null;
+    }
+    // Si c'est une chaîne directe
+    if (typeof valeurOrVariable !== 'string' || !valeurOrVariable)
         return null;
     // Match ${ANYTHING} format (ex: "${G_01}")
-    const match = valeur.match(/\$\{([^}]+)\}/);
+    const match = valeurOrVariable.match(/\$\{([^}]+)\}/);
     if (match)
         return match[1];
     // Support du format direct sans ${} (ex: "G_01")
     // Si c'est un code de variable valide (commence par lettre/underscore, suivi de lettres/chiffres/underscores)
-    if (/^[A-Za-z_][A-Za-z0-9_]*$/.test(valeur)) {
-        return valeur;
+    if (/^[A-Za-z_][A-Za-z0-9_]*$/.test(valeurOrVariable)) {
+        return valeurOrVariable;
     }
     return null;
 }
 /**
  * Résout la valeur ID d'une variable parente depuis les réponses
- * @param variable - Variable actuelle
+ * @param variable - Variable actuelle (cherche dans valeur, valeurDefaut, proprietes.valeur)
  * @param reponses - Toutes les réponses du formulaire
  * @returns ID de la valeur parente ou null
  *
  * @example
- * // Variable G_03 (Département) avec valeur: "${G_02}"
- * // reponses = { "G_02": { valeur: { id: 10, code: "REG01", designation: "Abidjan" } } }
- * resolveParentValue(variable, reponses) // Returns: 10
+ * // Variable S0_02 (Région) avec valeurDefaut: "${S0_01}"
+ * // reponses = { "S0_01": { valeur: { id: 21, code: "01", designation: "ABIDJAN" } } }
+ * resolveParentValue(variable, reponses) // Returns: 21
  */
 export function resolveParentValue(variable, reponses) {
-    // Extraire le code de la variable parente
-    const parentCode = extractVariableCode(variable.valeur);
+    // Extraire le code de la variable parente (cherche dans valeur, valeurDefaut, proprietes.valeur)
+    const parentCode = extractVariableCode(variable);
     if (!parentCode)
         return null;
     // Récupérer la réponse de la variable parente
@@ -50,7 +71,8 @@ export function resolveParentValue(variable, reponses) {
     // La valeur peut être :
     // 1. Un objet SelectDto : { id: number, code: string, designation: string }
     // 2. Un nombre (ID direct)
-    // 3. Autre format (on essaie d'extraire l'ID)
+    // 3. Une string JSON sérialisée : '{"id":1,"code":"01","designation":"..."}'
+    // 4. Une string numérique : "123"
     const parentValue = parentReponse.valeur;
     // Cas 1 : Objet avec propriété id
     if (typeof parentValue === 'object' && parentValue !== null && 'id' in parentValue) {
@@ -60,8 +82,21 @@ export function resolveParentValue(variable, reponses) {
     if (typeof parentValue === 'number') {
         return parentValue;
     }
-    // Cas 3 : String qui pourrait être un nombre
+    // Cas 3 : String - peut être un JSON sérialisé ou un nombre
     if (typeof parentValue === 'string') {
+        // D'abord essayer de parser comme JSON (pour les objets sérialisés)
+        if (parentValue.startsWith('{')) {
+            try {
+                const parsed = JSON.parse(parentValue);
+                if (parsed && typeof parsed.id === 'number') {
+                    return parsed.id;
+                }
+            }
+            catch {
+                // Ignorer l'erreur de parsing et continuer
+            }
+        }
+        // Ensuite essayer comme nombre direct
         const parsed = parseInt(parentValue, 10);
         return isNaN(parsed) ? null : parsed;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsuci/shared-form-components",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "description": "Composants partagés de rendu de formulaires RSU v2 - Package local pour frontend Admin et Public",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",