@rsuci/shared-form-components 1.0.57 → 1.0.58

package/dist/components/form-renderer/GroupeInstanceTabs.js

@@ -65,9 +65,9 @@ const GroupeInstanceTabs = ({ groupe, currentInstanceIndex, responses, onInstanc
     // Fonction pour obtenir l'icône et la couleur selon l'état
     const getInstanceDisplay = (instance, isActive) => {
         const state = getInstanceState(instance);
-        const baseClasses = `
-      flex items-center justify-center min-w-[3rem] h-10 px-3 rounded-lg font-medium text-sm
-      transition-all duration-200 cursor-pointer border-2
+        const baseClasses = `
+      flex items-center justify-center min-w-[3rem] h-10 px-3 rounded-lg font-medium text-sm
+      transition-all duration-200 cursor-pointer border-2
     `;
         let stateClasses = '';
         let icon = null;

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;AAWxE;;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;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA0NxE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"GeographicCascadeInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/GeographicCascadeInput.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAWjF;;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;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAkPxE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/inputs/GeographicCascadeInput.js

@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Gère la cascade via le champ variable.valeur (ex: "${G_01}")
  * Utilise SearchableSelect pour une meilleure UX avec recherche intégrée
  */
-import { useEffect, useState, useCallback, useRef } from 'react';
+import { useEffect, useState, useCallback, useRef, useMemo } from 'react';
 import SearchableSelect from './SearchableSelect';
 import { extractVariableCode, resolveParentValue, getApiEndpoint, getParentLabel, requiresParent } from '../../utils/variableDependencyResolver';
 import { isComponentReadonly } from '../../utils/componentStateUtils';
@@ -21,11 +21,11 @@ export const GeographicCascadeInput = ({ variable, value, onChange, reponses, di
     console.log('[GeographicCascade] Debug:', {
         variableCode: variable.code,
         variableType: variable.typeCode,
-        variableValeur: variable.valeur,
+        valueProp: value,
+        valueType: typeof value,
         variableValeurDefaut: variable.valeurDefaut,
         needsParent,
         parentCode: extractVariableCode(variable),
-        parentReponse: reponses?.[extractVariableCode(variable) || ''],
         parentValue,
         reponsesKeys: Object.keys(reponses || {})
     });
@@ -147,13 +147,35 @@ export const GeographicCascadeInput = ({ variable, value, onChange, reponses, di
         code: item.code,
         designation: item.designation
     }));
-    // 11. Convertir la valeur actuelle en SelectOption
-    const currentValue = value ? {
-        id: value.id,
-        code: value.code,
-        designation: value.designation
+    // 11. Parser la valeur si c'est une chaîne JSON (cas édition d'enquête existante)
+    const parsedValue = useMemo(() => {
+        if (!value)
+            return null;
+        // Si c'est déjà un objet avec les propriétés attendues
+        if (typeof value === 'object' && value !== null && 'id' in value) {
+            return value;
+        }
+        // Si c'est une chaîne JSON, la parser
+        if (typeof value === 'string') {
+            try {
+                const parsed = JSON.parse(value);
+                if (parsed && typeof parsed === 'object' && 'id' in parsed) {
+                    return parsed;
+                }
+            }
+            catch {
+                // Ignorer les erreurs de parsing (valeur non-JSON)
+            }
+        }
+        return null;
+    }, [value]);
+    // 12. Convertir la valeur parsée en SelectOption
+    const currentValue = parsedValue ? {
+        id: parsedValue.id,
+        code: parsedValue.code,
+        designation: parsedValue.designation
     } : null;
-    // 12. Rendu du composant
+    // 13. Rendu du composant
     return (_jsxs("div", { className: "w-full", children: [_jsx(SearchableSelect, { options: options, value: currentValue, onChange: handleChange, placeholder: getPlaceholder(), searchPlaceholder: "Rechercher...", disabled: isDisabled, required: required, loading: loading, error: error || undefined, className: className, noOptionsMessage: needsParent && !parentValue
                     ? `Veuillez d'abord sélectionner ${getParentLabel(variable.typeCode)}`
                     : `Aucun(e) ${variable.designation?.toLowerCase() || 'élément'} disponible`, formatOptionLabel: (option) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsuci/shared-form-components",
-  "version": "1.0.57",
+  "version": "1.0.58",
   "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",