@rsuci/shared-form-components 1.0.2 → 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/index.d.ts

@@ -9,6 +9,7 @@ export { default as DepartementInput } from './geographic/DepartementInput';
 export { default as SousPrefectureInput } from './geographic/SousPrefectureInput';
 export { default as QuartierInput } from './geographic/QuartierInput';
 export { default as VillageInput } from './geographic/VillageInput';
+export { default as SearchableSelect } from './inputs/SearchableSelect';
 export { default as GeographicCascadeInput } from './inputs/GeographicCascadeInput';
 export { default as StringInput } from './inputs/StringInput';
 export { default as NumberInput } from './inputs/NumberInput';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAI3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGpE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAI3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGpE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/index.js

@@ -14,6 +14,7 @@ export { default as SousPrefectureInput } from './geographic/SousPrefectureInput
 export { default as QuartierInput } from './geographic/QuartierInput';
 export { default as VillageInput } from './geographic/VillageInput';
 // Input Components
+export { default as SearchableSelect } from './inputs/SearchableSelect';
 export { default as GeographicCascadeInput } from './inputs/GeographicCascadeInput';
 export { default as StringInput } from './inputs/StringInput';
 export { default as NumberInput } from './inputs/NumberInput';

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

@@ -2,6 +2,7 @@
  * Composant unifié pour la sélection géographique en cascade
  * S'adapte automatiquement selon le type de variable (DISTRICT, REGION, DEPARTEMENT, etc.)
  * Gère la cascade via le champ variable.valeur (ex: "${G_01}")
+ * Utilise SearchableSelect pour une meilleure UX avec recherche intégrée
  */
 import React from 'react';
 /**

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;;;;GAIG;AAEH,OAAO,KAA2C,MAAM,OAAO,CAAC;AAShE;;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,CAiLxE,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

@@ -3,19 +3,25 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Composant unifié pour la sélection géographique en cascade
  * S'adapte automatiquement selon le type de variable (DISTRICT, REGION, DEPARTEMENT, etc.)
  * 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 } from 'react';
+import SearchableSelect from './SearchableSelect';
 import { 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);
     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
@@ -49,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 {
@@ -71,22 +77,18 @@ export const GeographicCascadeInput = ({ variable, value, onChange, reponses, di
         }
     }, [parentValue, needsParent, value]);
     // 7. Gérer le changement de valeur
-    const handleChange = (e) => {
-        const selectedId = e.target.value;
-        if (!selectedId || selectedId === '') {
+    const handleChange = (option) => {
+        if (!option) {
             onChange(null);
             return;
         }
-        const parsedId = parseInt(selectedId, 10);
-        if (isNaN(parsedId)) {
-            onChange(null);
-            return;
-        }
-        const selected = items.find(item => item.id === parsedId);
-        if (selected) {
-            // Stocker l'objet complet SelectDto
-            onChange(selected);
-        }
+        // Convertir SelectOption vers SelectDto
+        const selectDto = {
+            id: typeof option.id === 'string' ? parseInt(option.id, 10) : option.id,
+            code: option.code || '',
+            designation: option.designation
+        };
+        onChange(selectDto);
     };
     // 8. Déterminer si le champ est désactivé
     const isDisabled = disabled || loading || (needsParent && !parentValue);
@@ -94,19 +96,32 @@ export const GeographicCascadeInput = ({ variable, value, onChange, reponses, di
     const getPlaceholder = () => {
         if (loading)
             return 'Chargement...';
-        if (error)
-            return error;
         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. Rendu du composant
-    return (_jsxs("div", { className: "w-full", children: [_jsxs("select", { value: value?.id || '', onChange: handleChange, disabled: isDisabled, required: required, className: `w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors ${error ? 'border-red-300 bg-red-50' : 'border-gray-300'} ${isDisabled
-                    ? 'bg-gray-100 cursor-not-allowed text-gray-500'
-                    : 'bg-white text-gray-900'} ${className}`, title: isDisabled && needsParent && !parentValue ? `Sélectionnez d'abord ${getParentLabel(variable.type)}` : '', children: [_jsx("option", { value: "", children: getPlaceholder() }), items.map((item) => (_jsx("option", { value: item.id, children: item.designation }, item.id)))] }), error && !loading && (_jsxs("p", { className: "mt-1 text-sm text-red-600 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 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }), error] })), 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..."] }))] }));
+    // 10. Convertir les items en SelectOption pour SearchableSelect
+    const options = items.map(item => ({
+        id: item.id,
+        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
+    } : 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.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.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/inputs/SearchableSelect.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Composant de sélection avec recherche intégrée
+ * Inspiré du design de production avec champ de filtre
+ */
+import React from 'react';
+export interface SelectOption {
+    id: number | string;
+    code?: string;
+    designation: string;
+    [key: string]: any;
+}
+interface SearchableSelectProps {
+    options: SelectOption[];
+    value?: SelectOption | null;
+    onChange: (option: SelectOption | null) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    loading?: boolean;
+    error?: string;
+    className?: string;
+    noOptionsMessage?: string;
+    formatOptionLabel?: (option: SelectOption) => string;
+}
+export declare const SearchableSelect: React.FC<SearchableSelectProps>;
+export default SearchableSelect;
+//# sourceMappingURL=SearchableSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchableSelect.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/SearchableSelect.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,UAAU,qBAAqB;IAC7B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,MAAM,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+L5D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/inputs/SearchableSelect.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Composant de sélection avec recherche intégrée
+ * Inspiré du design de production avec champ de filtre
+ */
+import { useState, useRef, useEffect } from 'react';
+export const SearchableSelect = ({ options, value, onChange, placeholder = 'Sélectionner...', searchPlaceholder = 'Rechercher...', disabled = false, required = false, loading = false, error, className = '', noOptionsMessage = 'Aucune option disponible', formatOptionLabel }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [searchTerm, setSearchTerm] = useState('');
+    const dropdownRef = useRef(null);
+    const searchInputRef = useRef(null);
+    // Fermer le dropdown quand on clique à l'extérieur
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+                setSearchTerm('');
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    // Focus sur le champ de recherche quand le dropdown s'ouvre
+    useEffect(() => {
+        if (isOpen && searchInputRef.current) {
+            searchInputRef.current.focus();
+        }
+    }, [isOpen]);
+    // Filtrer les options selon le terme de recherche
+    const filteredOptions = options.filter(option => {
+        const label = formatOptionLabel ? formatOptionLabel(option) : option.designation;
+        const searchLower = searchTerm.toLowerCase();
+        return (label.toLowerCase().includes(searchLower) ||
+            (option.code && option.code.toLowerCase().includes(searchLower)));
+    });
+    // Gérer la sélection d'une option
+    const handleSelect = (option) => {
+        onChange(option);
+        setIsOpen(false);
+        setSearchTerm('');
+    };
+    // Gérer l'ouverture/fermeture du dropdown
+    const toggleDropdown = () => {
+        if (!disabled && !loading) {
+            setIsOpen(!isOpen);
+            if (!isOpen) {
+                setSearchTerm('');
+            }
+        }
+    };
+    // Formater le label d'une option
+    const getOptionLabel = (option) => {
+        if (formatOptionLabel) {
+            return formatOptionLabel(option);
+        }
+        return option.code ? `${option.code} ${option.designation}` : option.designation;
+    };
+    // Obtenir le label de la valeur sélectionnée
+    const getSelectedLabel = () => {
+        if (!value)
+            return placeholder;
+        return getOptionLabel(value);
+    };
+    return (_jsxs("div", { className: `relative w-full ${className}`, ref: dropdownRef, children: [_jsx("button", { type: "button", onClick: toggleDropdown, disabled: disabled || loading, className: `w-full px-3 py-2 text-left border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors ${error ? 'border-red-300 bg-red-50' : 'border-gray-300'} ${disabled || loading
+                    ? 'bg-gray-100 cursor-not-allowed text-gray-500'
+                    : 'bg-white text-gray-900 hover:border-gray-400'} ${isOpen ? 'ring-2 ring-blue-500 border-transparent' : ''}`, children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: value ? 'text-gray-900' : 'text-gray-500', children: loading ? 'Chargement...' : getSelectedLabel() }), _jsx("svg", { className: `w-5 h-5 text-gray-400 transition-transform ${isOpen ? 'transform rotate-180' : ''}`, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })] }) }), isOpen && !disabled && !loading && (_jsxs("div", { className: "absolute z-50 w-full mt-1 bg-white border border-gray-300 rounded-lg shadow-lg max-h-80 overflow-hidden", children: [_jsx("div", { className: "p-2 border-b border-gray-200 bg-gray-50", children: _jsxs("div", { className: "relative", children: [_jsx("svg", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }), _jsx("input", { ref: searchInputRef, type: "text", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), placeholder: searchPlaceholder, className: "w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm" })] }) }), _jsx("div", { className: "overflow-y-auto max-h-60", children: filteredOptions.length === 0 ? (_jsx("div", { className: "px-4 py-3 text-sm text-gray-500 text-center", children: searchTerm ? `Aucun résultat pour "${searchTerm}"` : noOptionsMessage })) : (_jsx("ul", { className: "py-1", children: filteredOptions.map((option) => {
+                                const isSelected = value?.id === option.id;
+                                return (_jsx("li", { children: _jsx("button", { type: "button", onClick: () => handleSelect(option), className: `w-full px-4 py-2 text-left text-sm hover:bg-blue-50 transition-colors ${isSelected ? 'bg-blue-100 text-blue-900 font-medium' : 'text-gray-900'}`, children: getOptionLabel(option) }) }, option.id));
+                            }) })) })] })), error && (_jsxs("p", { className: "mt-1 text-sm text-red-600 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 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }), error] })), required && !value && (_jsx("p", { className: "mt-1 text-xs text-gray-500", children: "Ce champ est obligatoire" }))] }));
+};
+export default SearchableSelect;

package/dist/components/inputs/SelectInput.d.ts

@@ -1,5 +1,5 @@
 /**
- * Composant SelectInput - Liste de sélection avec recherche et pagination
+ * Composant SelectInput - Liste de sélection avec recherche intégrée
  * RSU v2 - Moteur de Rendu des Formulaires d'Enquête
  */
 import React from 'react';

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

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/SelectInput.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGxE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,kBAAkB,GAAG;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC;IACrD,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;CACpB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkI3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/SelectInput.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIxE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,kBAAkB,GAAG;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC;IACrD,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;CACpB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuF3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/inputs/SelectInput.js

@@ -1,15 +1,12 @@
 /**
- * Composant SelectInput - Liste de sélection avec recherche et pagination
+ * Composant SelectInput - Liste de sélection avec recherche intégrée
  * RSU v2 - Moteur de Rendu des Formulaires d'Enquête
  */
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
 import { VariableValueConverter } from '../../lib/utils/variableValueConverter';
+import SearchableSelect from './SearchableSelect';
 const SelectInput = ({ variable, value, onChange, onBlur, error, disabled }) => {
-    const [searchTerm, setSearchTerm] = useState('');
-    const [currentPage, setCurrentPage] = useState(1);
-    const itemsPerPage = 10;
     // Récupérer les options depuis la propriété valeur OU valeurDefaut (format: "Code1#Designation1|Code2#Designation2")
     const optionsSource = variable.proprietes?.valeur || variable.valeurDefaut;
     const allOptions = optionsSource && typeof optionsSource === 'string'
@@ -18,22 +15,30 @@ const SelectInput = ({ variable, value, onChange, onBlur, error, disabled }) =>
             code: opt.value.toString(),
             designation: opt.label
         }));
-    // Filtrage par recherche
-    const filteredOptions = allOptions.filter(option => option.designation.toLowerCase().includes(searchTerm.toLowerCase()) ||
-        option.code.toLowerCase().includes(searchTerm.toLowerCase()));
-    // Pagination
-    const totalPages = Math.ceil(filteredOptions.length / itemsPerPage);
-    const startIndex = (currentPage - 1) * itemsPerPage;
-    const paginatedOptions = filteredOptions.slice(startIndex, startIndex + itemsPerPage);
     const selectedValue = value || '';
-    // Affichage radio pour peu d'options
-    if (allOptions.length <= 5 && !searchTerm) {
+    // Affichage radio pour peu d'options (≤5)
+    if (allOptions.length <= 5) {
         return (_jsx("div", { className: "space-y-2", children: allOptions.map((option) => (_jsxs("label", { className: "flex items-center space-x-2 cursor-pointer", children: [_jsx("input", { type: "radio", name: variable.code, value: option.code, checked: selectedValue === option.code, onChange: (e) => onChange(e.target.value), onBlur: onBlur, disabled: disabled, className: `w-4 h-4 text-green-600 border-gray-300 focus:ring-green-500 ${disabled ? 'cursor-not-allowed' : 'cursor-pointer'}` }), _jsx("span", { className: `text-sm ${disabled ? 'text-gray-400' : 'text-gray-700'}`, children: option.designation })] }, option.code))) }));
     }
-    // Affichage avec recherche et pagination pour beaucoup d'options
-    return (_jsxs("div", { className: "space-y-3", children: [allOptions.length > 10 && (_jsx("div", { className: "relative", children: _jsx("input", { type: "text", placeholder: "Rechercher...", value: searchTerm, onChange: (e) => {
-                        setSearchTerm(e.target.value.toUpperCase());
-                        setCurrentPage(1); // Reset à la première page lors de la recherche
-                    }, disabled: disabled, className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent text-sm text-gray-900 bg-white" }) })), _jsxs("select", { value: selectedValue, onChange: (e) => onChange(e.target.value || ''), onBlur: onBlur, disabled: disabled, className: `w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent text-gray-900 ${error ? 'border-red-500' : 'border-gray-300'} ${disabled ? 'bg-gray-100 cursor-not-allowed text-gray-500' : 'bg-white'}`, children: [_jsx("option", { value: "", children: "S\u00E9lectionner..." }), paginatedOptions.map((option) => (_jsxs("option", { value: option.code, children: [option.code, " - ", option.designation] }, option.code)))] }), totalPages > 1 && (_jsxs("div", { className: "flex items-center justify-between text-sm text-gray-600", children: [_jsxs("div", { children: ["Page ", currentPage, " sur ", totalPages, " (", filteredOptions.length, " \u00E9l\u00E9ments)"] }), _jsxs("div", { className: "flex space-x-2", children: [_jsx("button", { type: "button", onClick: () => setCurrentPage(Math.max(1, currentPage - 1)), disabled: currentPage === 1 || disabled, className: "px-2 py-1 border border-gray-300 rounded text-xs hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed", children: "Pr\u00E9c\u00E9dent" }), _jsx("button", { type: "button", onClick: () => setCurrentPage(Math.min(totalPages, currentPage + 1)), disabled: currentPage === totalPages || disabled, className: "px-2 py-1 border border-gray-300 rounded text-xs hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed", children: "Suivant" })] })] })), selectedValue && (_jsx("div", { className: "p-2 bg-green-50 border border-green-200 rounded text-sm", children: _jsxs("span", { className: "text-green-800", children: ["S\u00E9lectionn\u00E9: ", allOptions.find(opt => opt.code === selectedValue)?.designation || selectedValue] }) }))] }));
+    // Convertir les options au format SelectOption pour SearchableSelect
+    const selectOptions = allOptions.map(opt => ({
+        id: opt.code,
+        code: opt.code,
+        designation: opt.designation
+    }));
+    // Trouver l'option sélectionnée
+    const selectedOption = selectOptions.find(opt => opt.code === selectedValue) || null;
+    // Gérer le changement de sélection
+    const handleChange = (option) => {
+        onChange(option?.code || '');
+        if (onBlur)
+            onBlur();
+    };
+    // Format d'affichage: "Code - Designation"
+    const formatOptionLabel = (option) => {
+        return `${option.code} - ${option.designation}`;
+    };
+    // Affichage avec SearchableSelect pour beaucoup d'options (>5)
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx(SearchableSelect, { options: selectOptions, value: selectedOption, onChange: handleChange, placeholder: "S\u00E9lectionner...", searchPlaceholder: "Rechercher...", disabled: disabled, required: variable.estObligatoire, error: error, formatOptionLabel: formatOptionLabel, noOptionsMessage: "Aucune option trouv\u00E9e" }), selectedValue && selectedOption && (_jsx("div", { className: "p-2 bg-green-50 border border-green-200 rounded text-sm", children: _jsxs("span", { className: "text-green-800", children: ["S\u00E9lectionn\u00E9: ", selectedOption.designation] }) }))] }));
 };
 export default SelectInput;

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.2",
+  "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",

package/.gitattributes

@@ -1,2 +0,0 @@
-# Auto detect text files and perform LF normalization
-* text=auto