@rsuci/shared-form-components 1.0.3 → 1.0.4

package/dist/components/VariableRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VariableRenderer.d.ts","sourceRoot":"","sources":["../../src/components/VariableRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA2BxC,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9D,qBAAqB,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjE,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC3C,eAAe,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChG,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAG/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC9D,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC7D,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAGvH,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,oBAAoB,CAAC,EAAE,GAAG,CAAC;CAC5B;AAGD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAQvD,CAAC;AAGF,QAAA,MAAM,mBAAmB,GACvB,UAAU,MAAM,EAChB,mBAAmB,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,EAC7D,kBAAkB,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,KAC3D,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAgD3C,CAAC;AAGF,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiGrD,CAAC;AAEF,eAAe,gBAAgB,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"VariableRenderer.d.ts","sourceRoot":"","sources":["../../src/components/VariableRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA2BxC,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9D,qBAAqB,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjE,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC3C,eAAe,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChG,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAG/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC9D,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC7D,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAGvH,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,oBAAoB,CAAC,EAAE,GAAG,CAAC;CAC5B;AAGD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAQvD,CAAC;AAGF,QAAA,MAAM,mBAAmB,GACvB,UAAU,MAAM,EAChB,mBAAmB,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,EAC7D,kBAAkB,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,KAC3D,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAgD3C,CAAC;AAGF,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmGrD,CAAC;AAEF,eAAe,gBAAgB,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/VariableRenderer.js

@@ -53,7 +53,7 @@ const getVariableRenderer = (typeCode, RosterCheckInput, RosterListInput) => {
     return renderers[typeCode] || StringInput;
 };
 // Composant principal VariableRenderer
-const VariableRenderer = ({ variable, value, onChange, onBlur, error, disabled, numeroMembre, valeurMin, onFillFormFromMenage, onFillFormFromEnquete, formulaireVariables, rosterVariables, allResponses = {}, RosterCheckInput, RosterListInput, interpolateVariableLabel, reponses = {} }) => {
+const VariableRenderer = ({ variable, value, onChange, onBlur, error, disabled, numeroMembre, valeurMin, onFillFormFromMenage, onFillFormFromEnquete, formulaireVariables, rosterVariables, allResponses = {}, RosterCheckInput, RosterListInput, interpolateVariableLabel, reponses = {}, services }) => {
     const RendererComponent = getVariableRenderer(variable.typeCode, RosterCheckInput, RosterListInput);
     // Interpoler le libellé avec les valeurs des autres variables (si fonction fournie)
     const interpolatedDesignation = interpolateVariableLabel
@@ -77,7 +77,7 @@ const VariableRenderer = ({ variable, value, onChange, onBlur, error, disabled,
                             length: Array.isArray(rosterVariables) ? rosterVariables.length : 'N/A'
                         });
                         return null;
-                    })(), _jsx(RendererComponent, { variable: variable, value: value, onChange: onChange, onBlur: onBlur, error: error, disabled: disabled, numeroMembre: numeroMembre, valeurMin: valeurMin, onFillFormFromMenage: onFillFormFromMenage, onFillFormFromEnquete: onFillFormFromEnquete, formulaireVariables: formulaireVariables, rosterVariables: rosterVariables, allResponses: allResponses, reponses: reponses })] }), variable.proprietes?.helpText && (_jsx("p", { className: "text-xs text-gray-500", children: variable.proprietes.helpText })), error && (_jsxs("div", { className: "flex items-center space-x-1 text-red-600 text-sm", children: [_jsx(AlertCircle, { className: "h-4 w-4" }), _jsx("span", { children: error })] }))] }));
+                    })(), _jsx(RendererComponent, { variable: variable, value: value, onChange: onChange, onBlur: onBlur, error: error, disabled: disabled, numeroMembre: numeroMembre, valeurMin: valeurMin, onFillFormFromMenage: onFillFormFromMenage, onFillFormFromEnquete: onFillFormFromEnquete, formulaireVariables: formulaireVariables, rosterVariables: rosterVariables, allResponses: allResponses, reponses: reponses, services: services })] }), variable.proprietes?.helpText && (_jsx("p", { className: "text-xs text-gray-500", children: variable.proprietes.helpText })), error && (_jsxs("div", { className: "flex items-center space-x-1 text-red-600 text-sm", children: [_jsx(AlertCircle, { className: "h-4 w-4" }), _jsx("span", { children: error })] }))] }));
 };
 export default VariableRenderer;
 export { getVariableRenderer, GeographicFallback };

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,KAA2C,MAAM,OAAO,CAAC;AAUhE;;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,CA+KxE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"GeographicCascadeInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/GeographicCascadeInput.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAA2C,MAAM,OAAO,CAAC;AAUhE;;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,CAoLxE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/inputs/GeographicCascadeInput.js

@@ -13,11 +13,15 @@ export const GeographicCascadeInput = ({ variable, value, onChange, reponses, di
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState(null);
     // 1. Déterminer si ce type nécessite un parent
-    const needsParent = requiresParent(variable.type);
+    const needsParent = requiresParent(variable.typeCode);
     // 2. Résoudre la valeur du parent depuis les réponses
     const parentValue = resolveParentValue(variable, reponses);
-    // 3. Déterminer l'endpoint API à appeler
-    const apiEndpoint = getApiEndpoint(variable.type, parentValue);
+    // 3. Pour DISTRICT, déterminer le code pays (depuis variable.valeur ou défaut 'CIV')
+    const countryCode = variable.typeCode === 'DISTRICT'
+        ? (variable.valeur || 'CIV')
+        : undefined;
+    // 4. Déterminer l'endpoint API à appeler
+    const apiEndpoint = getApiEndpoint(variable.typeCode, parentValue, countryCode);
     // 4. Fonction pour charger les données
     const fetchData = useCallback(async () => {
         // Si un parent est requis mais absent, ne rien charger
@@ -51,8 +55,8 @@ export const GeographicCascadeInput = ({ variable, value, onChange, reponses, di
             }
         }
         catch (err) {
-            console.error(`Error fetching ${variable.type}:`, err);
-            setError(`Erreur de chargement des ${variable.libelle?.toLowerCase() || 'données'}`);
+            console.error(`Error fetching ${variable.typeCode}:`, err);
+            setError(`Erreur de chargement des ${variable.designation?.toLowerCase() || 'données'}`);
             setItems([]);
         }
         finally {
@@ -93,12 +97,12 @@ export const GeographicCascadeInput = ({ variable, value, onChange, reponses, di
         if (loading)
             return 'Chargement...';
         if (needsParent && !parentValue) {
-            return `Sélectionnez d'abord ${getParentLabel(variable.type)}`;
+            return `Sélectionnez d'abord ${getParentLabel(variable.typeCode)}`;
         }
         if (items.length === 0 && !loading) {
-            return `Aucun(e) ${variable.libelle?.toLowerCase() || 'élément'} disponible`;
+            return `Aucun(e) ${variable.designation?.toLowerCase() || 'élément'} disponible`;
         }
-        return `Sélectionner ${variable.libelle || 'un élément'}...`;
+        return `Sélectionner ${variable.designation || 'un élément'}...`;
     };
     // 10. Convertir les items en SelectOption pour SearchableSelect
     const options = items.map(item => ({
@@ -114,10 +118,10 @@ export const GeographicCascadeInput = ({ variable, value, onChange, reponses, di
     } : null;
     // 12. 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.type)}`
-                    : `Aucun(e) ${variable.libelle?.toLowerCase() || 'élément'} disponible`, formatOptionLabel: (option) => {
+                    ? `Veuillez d'abord sélectionner ${getParentLabel(variable.typeCode)}`
+                    : `Aucun(e) ${variable.designation?.toLowerCase() || 'élément'} disponible`, formatOptionLabel: (option) => {
                     // Formater le label avec le code si disponible
                     return option.code ? `${option.code} ${option.designation}` : option.designation;
-                } }), needsParent && !parentValue && !loading && !error && (_jsxs("p", { className: "mt-1 text-sm text-gray-500 flex items-center", children: [_jsx("svg", { className: "w-4 h-4 mr-1", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) }), "Veuillez d'abord s\u00E9lectionner ", getParentLabel(variable.type)] })), loading && (_jsxs("p", { className: "mt-1 text-sm text-blue-600 flex items-center", children: [_jsxs("svg", { className: "animate-spin h-4 w-4 mr-1", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), "Chargement des donn\u00E9es..."] }))] }));
+                } }), needsParent && !parentValue && !loading && !error && (_jsxs("p", { className: "mt-1 text-sm text-gray-500 flex items-center", children: [_jsx("svg", { className: "w-4 h-4 mr-1", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) }), "Veuillez d'abord s\u00E9lectionner ", getParentLabel(variable.typeCode)] })), loading && (_jsxs("p", { className: "mt-1 text-sm text-blue-600 flex items-center", children: [_jsxs("svg", { className: "animate-spin h-4 w-4 mr-1", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), "Chargement des donn\u00E9es..."] }))] }));
 };
 export default GeographicCascadeInput;

package/dist/components/selectors/EnqueteInput.d.ts

@@ -1,7 +1,5 @@
 import React from 'react';
-export interface EnqueteCompletDto {
-    id: number;
-}
+import { EnqueteCompletDto } from '../../types/services';
 export interface EnqueteInputProps {
     variable: {
         typeCode: string;
@@ -22,6 +20,9 @@ export interface EnqueteInputProps {
     valeurMin?: number;
     onFillFormFromEnquete?: (enqueteData: EnqueteCompletDto) => void;
     formulaireVariables?: any[];
+    services?: {
+        fetchEnquetes?: (filter?: any) => Promise<EnqueteCompletDto[]>;
+    };
 }
 declare const EnqueteInput: React.FC<EnqueteInputProps>;
 export { EnqueteInput };

package/dist/components/selectors/EnqueteInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnqueteInput.d.ts","sourceRoot":"","sources":["../../../src/components/selectors/EnqueteInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;CAEZ;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,UAAU,CAAC,EAAE;YACX,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjE,mBAAmB,CAAC,EAAE,GAAG,EAAE,CAAC;CAC7B;AAoBD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiC7C,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,eAAe,YAAY,CAAC"}
+{"version":3,"file":"EnqueteInput.d.ts","sourceRoot":"","sources":["../../../src/components/selectors/EnqueteInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,UAAU,CAAC,EAAE;YACX,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjE,mBAAmB,CAAC,EAAE,GAAG,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE;QACT,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,iBAAiB,EAAE,CAAC,CAAC;KAChE,CAAC;CACH;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmF7C,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,eAAe,YAAY,CAAC"}

package/dist/components/selectors/EnqueteInput.js

@@ -1,21 +1,60 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-// Import du composant EnqueteSelector (à adapter selon votre architecture)
-// Placeholder pour l'import - à remplacer par le vrai import
-const EnqueteSelector = ({ value, onChange, onFillForm, disabled, required, showFillButton, formulaireVariables, className }) => {
-    return (_jsx("div", { className: `enquete-selector ${className || ''}`, children: _jsx("select", { value: value || '', onChange: (e) => onChange(e.target.value ? parseInt(e.target.value) : null), disabled: disabled, required: required, className: "w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent text-gray-900 bg-white", children: _jsx("option", { value: "", children: "S\u00E9lectionner une enqu\u00EAte..." }) }) }));
-};
-const EnqueteInput = ({ variable, value, onChange, error, disabled, onFillFormFromEnquete, formulaireVariables = [] }) => {
-    const enqueteId = value ? parseInt(value) : undefined;
-    const handleChange = (newEnqueteId) => {
+import { useState, useEffect } from 'react';
+import SearchableSelect from '../inputs/SearchableSelect';
+const EnqueteInput = ({ variable, value, onChange, error, disabled, onFillFormFromEnquete, services }) => {
+    const [enquetes, setEnquetes] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [loadError, setLoadError] = useState(null);
+    // Charger les enquêtes au montage du composant
+    useEffect(() => {
+        const loadEnquetes = async () => {
+            if (!services?.fetchEnquetes) {
+                setLoadError('Service de chargement des enquêtes non disponible');
+                return;
+            }
+            setLoading(true);
+            setLoadError(null);
+            try {
+                const data = await services.fetchEnquetes();
+                setEnquetes(data);
+            }
+            catch (err) {
+                console.error('Erreur lors du chargement des enquêtes:', err);
+                setLoadError('Erreur lors du chargement des enquêtes');
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+        loadEnquetes();
+    }, [services]);
+    // Convertir les enquêtes en options pour SearchableSelect
+    const options = enquetes.map(enquete => ({
+        id: enquete.id,
+        code: enquete.numeroEnquete || enquete.id.toString(),
+        designation: `Enquête ${enquete.numeroEnquete || enquete.id}` + (enquete.formulaireId ? ` - Formulaire ${enquete.formulaireId}` : '')
+    }));
+    // Trouver l'enquête sélectionnée
+    const enqueteId = value ? parseInt(value) : null;
+    const selectedOption = enqueteId ? options.find(opt => opt.id === enqueteId) : null;
+    // Gérer le changement de sélection
+    const handleChange = (option) => {
+        const newEnqueteId = option?.id;
         onChange(newEnqueteId?.toString() || null);
-    };
-    const handleFillForm = (enqueteData) => {
-        if (onFillFormFromEnquete) {
-            onFillFormFromEnquete(enqueteData);
+        // Si un callback de remplissage est fourni et qu'une enquête est sélectionnée
+        if (onFillFormFromEnquete && newEnqueteId) {
+            const enqueteData = enquetes.find(e => e.id === newEnqueteId);
+            if (enqueteData) {
+                onFillFormFromEnquete(enqueteData);
+            }
         }
     };
-    return (_jsx(EnqueteSelector, { value: enqueteId, onChange: handleChange, onFillForm: handleFillForm, disabled: disabled, required: variable.estObligatoire, showFillButton: true, formulaireVariables: formulaireVariables, className: error ? 'border-red-500' : '' }));
+    // Format d'affichage: "NumeroEnquete - Description"
+    const formatOptionLabel = (option) => {
+        return `${option.code} - ${option.designation}`;
+    };
+    return (_jsx(SearchableSelect, { options: options, value: selectedOption, onChange: handleChange, placeholder: "S\u00E9lectionner une enqu\u00EAte...", searchPlaceholder: "Rechercher une enqu\u00EAte...", disabled: disabled, required: variable.estObligatoire, loading: loading, error: loadError || error, formatOptionLabel: formatOptionLabel, noOptionsMessage: loading ? "Chargement..." : "Aucune enquête trouvée" }));
 };
 export { EnqueteInput };
 export default EnqueteInput;

package/dist/components/selectors/MenageInput.d.ts

@@ -1,7 +1,5 @@
 import React from 'react';
-export interface MenageCompletDto {
-    id: number;
-}
+import { MenageCompletDto } from '../../types/services';
 export interface MenageInputProps {
     variable: {
         typeCode: string;
@@ -22,6 +20,9 @@ export interface MenageInputProps {
     valeurMin?: number;
     onFillFormFromMenage?: (menageData: MenageCompletDto) => void;
     formulaireVariables?: any[];
+    services?: {
+        fetchMenages?: () => Promise<MenageCompletDto[]>;
+    };
 }
 declare const MenageInput: React.FC<MenageInputProps>;
 export { MenageInput };

package/dist/components/selectors/MenageInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenageInput.d.ts","sourceRoot":"","sources":["../../../src/components/selectors/MenageInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;CAEZ;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,UAAU,CAAC,EAAE;YACX,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9D,mBAAmB,CAAC,EAAE,GAAG,EAAE,CAAC;CAC7B;AAoBD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiC3C,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MenageInput.d.ts","sourceRoot":"","sources":["../../../src/components/selectors/MenageInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,UAAU,CAAC,EAAE;YACX,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9D,mBAAmB,CAAC,EAAE,GAAG,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE;QACT,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC,gBAAgB,EAAE,CAAC,CAAC;KAClD,CAAC;CACH;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmF3C,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,eAAe,WAAW,CAAC"}

package/dist/components/selectors/MenageInput.js

@@ -1,21 +1,60 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-// Import du composant MenageSelector (à adapter selon votre architecture)
-// Placeholder pour l'import - à remplacer par le vrai import
-const MenageSelector = ({ value, onChange, onFillForm, disabled, required, showFillButton, formulaireVariables, className }) => {
-    return (_jsx("div", { className: `menage-selector ${className || ''}`, children: _jsx("select", { value: value || '', onChange: (e) => onChange(e.target.value ? parseInt(e.target.value) : null), disabled: disabled, required: required, className: "w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent text-gray-900 bg-white", children: _jsx("option", { value: "", children: "S\u00E9lectionner un m\u00E9nage..." }) }) }));
-};
-const MenageInput = ({ variable, value, onChange, error, disabled, onFillFormFromMenage, formulaireVariables = [] }) => {
-    const menageId = value ? parseInt(value) : undefined;
-    const handleChange = (newMenageId) => {
+import { useState, useEffect } from 'react';
+import SearchableSelect from '../inputs/SearchableSelect';
+const MenageInput = ({ variable, value, onChange, error, disabled, onFillFormFromMenage, services }) => {
+    const [menages, setMenages] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [loadError, setLoadError] = useState(null);
+    // Charger les ménages au montage du composant
+    useEffect(() => {
+        const loadMenages = async () => {
+            if (!services?.fetchMenages) {
+                setLoadError('Service de chargement des ménages non disponible');
+                return;
+            }
+            setLoading(true);
+            setLoadError(null);
+            try {
+                const data = await services.fetchMenages();
+                setMenages(data);
+            }
+            catch (err) {
+                console.error('Erreur lors du chargement des ménages:', err);
+                setLoadError('Erreur lors du chargement des ménages');
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+        loadMenages();
+    }, [services]);
+    // Convertir les ménages en options pour SearchableSelect
+    const options = menages.map(menage => ({
+        id: menage.id,
+        code: menage.numeroMenage || menage.id.toString(),
+        designation: `${menage.nomChefMenage || ''} ${menage.prenomChefMenage || ''}`.trim() || `Ménage ${menage.id}`
+    }));
+    // Trouver le ménage sélectionné
+    const menageId = value ? parseInt(value) : null;
+    const selectedOption = menageId ? options.find(opt => opt.id === menageId) : null;
+    // Gérer le changement de sélection
+    const handleChange = (option) => {
+        const newMenageId = option?.id;
         onChange(newMenageId?.toString() || null);
-    };
-    const handleFillForm = (menageData) => {
-        if (onFillFormFromMenage) {
-            onFillFormFromMenage(menageData);
+        // Si un callback de remplissage est fourni et qu'un ménage est sélectionné
+        if (onFillFormFromMenage && newMenageId) {
+            const menageData = menages.find(m => m.id === newMenageId);
+            if (menageData) {
+                onFillFormFromMenage(menageData);
+            }
         }
     };
-    return (_jsx(MenageSelector, { value: menageId, onChange: handleChange, onFillForm: handleFillForm, disabled: disabled, required: variable.estObligatoire, showFillButton: true, formulaireVariables: formulaireVariables, className: error ? 'border-red-500' : '' }));
+    // Format d'affichage: "NumeroMenage - Nom Prénom"
+    const formatOptionLabel = (option) => {
+        return `${option.code} - ${option.designation}`;
+    };
+    return (_jsx(SearchableSelect, { options: options, value: selectedOption, onChange: handleChange, placeholder: "S\u00E9lectionner un m\u00E9nage...", searchPlaceholder: "Rechercher un m\u00E9nage...", disabled: disabled, required: variable.estObligatoire, loading: loading, error: loadError || error, formatOptionLabel: formatOptionLabel, noOptionsMessage: loading ? "Chargement..." : "Aucun ménage trouvé" }));
 };
 export { MenageInput };
 export default MenageInput;

package/dist/utils/variableDependencyResolver.d.ts

@@ -30,14 +30,15 @@ export declare function resolveParentValue(variable: any, reponses: Record<strin
  * Détermine l'endpoint API selon le type de variable et l'ID du parent
  * @param variableType - Type de la variable (DISTRICT, REGION, DEPARTEMENT, etc.)
  * @param parentId - ID du parent (optionnel)
+ * @param defaultCountryCode - Code pays par défaut pour DISTRICT (défaut: 'CIV')
  * @returns Endpoint API ou null si invalide
  *
  * @example
- * getApiEndpoint('DISTRICT') // Returns: '/api/v1/Districts/select'
+ * getApiEndpoint('DISTRICT') // Returns: '/api/v1/Districts/CIV/select'
  * getApiEndpoint('REGION', 1) // Returns: '/api/v1/Regions/1/select'
  * getApiEndpoint('REGION') // Returns: null (parent requis mais absent)
  */
-export declare function getApiEndpoint(variableType: string, parentId?: number | null): string | null;
+export declare function getApiEndpoint(variableType: string, parentId?: number | null, defaultCountryCode?: string): string | null;
 /**
  * Détermine le libellé du parent selon le type de variable
  * @param variableType - Type de la variable

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,CAMpF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC5B,MAAM,GAAG,IAAI,CAiCf;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CA0B5F;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;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAMpF;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"}

package/dist/utils/variableDependencyResolver.js

@@ -64,18 +64,20 @@ export function resolveParentValue(variable, reponses) {
  * Détermine l'endpoint API selon le type de variable et l'ID du parent
  * @param variableType - Type de la variable (DISTRICT, REGION, DEPARTEMENT, etc.)
  * @param parentId - ID du parent (optionnel)
+ * @param defaultCountryCode - Code pays par défaut pour DISTRICT (défaut: 'CIV')
  * @returns Endpoint API ou null si invalide
  *
  * @example
- * getApiEndpoint('DISTRICT') // Returns: '/api/v1/Districts/select'
+ * getApiEndpoint('DISTRICT') // Returns: '/api/v1/Districts/CIV/select'
  * getApiEndpoint('REGION', 1) // Returns: '/api/v1/Regions/1/select'
  * getApiEndpoint('REGION') // Returns: null (parent requis mais absent)
  */
-export function getApiEndpoint(variableType, parentId) {
+export function getApiEndpoint(variableType, parentId, defaultCountryCode = 'CIV') {
     const type = variableType?.toUpperCase();
     switch (type) {
         case 'DISTRICT':
-            return '/api/v1/Districts/select';
+            // Pour DISTRICT, utiliser le code pays (par défaut 'CIV')
+            return `/api/v1/Districts/${defaultCountryCode}/select`;
         case 'REGION':
             return parentId ? `/api/v1/Regions/${parentId}/select` : null;
         case 'DEPARTEMENT':

package/package.json

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