@rsuci/shared-form-components 1.0.1 → 1.0.2

package/.gitattributes

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

package/dist/components/VariableRenderer.d.ts

@@ -21,6 +21,7 @@ export interface VariableRendererProps {
         valeur?: string;
     }>;
     allResponses?: Record<string, EnqueteReponse>;
+    reponses?: Record<string, any>;
     RosterCheckInput?: React.ComponentType<VariableRendererProps>;
     RosterListInput?: React.ComponentType<VariableRendererProps>;
     interpolateVariableLabel?: (label: string, responses: Record<string, EnqueteReponse>, numeroMembre?: number) => string;

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;AAgCxC,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;IAG9C,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,CA+FrD,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,CAiGrD,CAAC;AAEF,eAAe,gBAAgB,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/VariableRenderer.js

@@ -3,7 +3,7 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Suspense } from 'react';
 import { AlertCircle, HelpCircle } from 'lucide-react';
 // Import des composants depuis l'index
-import { IdDocInput, LabelDisplay, PanelDisplay, DistrictInput, RegionInput, DepartementInput, SousPrefectureInput, QuartierInput, VillageInput, StringInput, NumberInput, DatePicker, SelectInput, RadioInput, CheckboxInput, ComboboxInput, PhoneInput, GPSInput, HourInput, RSUInput, MenageInput, EnqueteInput, PhotoCapture, ImageUpload } from './index';
+import { IdDocInput, LabelDisplay, PanelDisplay, GeographicCascadeInput, StringInput, NumberInput, DatePicker, SelectInput, RadioInput, CheckboxInput, ComboboxInput, PhoneInput, GPSInput, HourInput, RSUInput, MenageInput, EnqueteInput, PhotoCapture, ImageUpload } from './index';
 // Composant générique pour les types géographiques non encore implémentés
 const GeographicFallback = ({ variable }) => {
     return (_jsx("div", { className: "p-3 bg-yellow-50 border border-yellow-200 rounded-lg", children: _jsxs("p", { className: "text-yellow-800 text-sm", children: ["Composant ", variable.typeCode, " en cours d'impl\u00E9mentation"] }) }));
@@ -27,14 +27,14 @@ const getVariableRenderer = (typeCode, RosterCheckInput, RosterListInput) => {
         'PHONE': PhoneInput,
         'LABEL': LabelDisplay,
         'PANEL': PanelDisplay,
-        // Composants géographiques spécialisés
+        // Composants géographiques - Utilisation du composant unifié GeographicCascadeInput
         'PAYS': GeographicFallback,
-        'DISTRICT': DistrictInput,
-        'REGION': RegionInput,
-        'DEPARTEMENT': DepartementInput,
-        'SOUSPREFECTURE': SousPrefectureInput,
-        'QUARTIER': QuartierInput,
-        'VILLAGE': VillageInput,
+        'DISTRICT': GeographicCascadeInput,
+        'REGION': GeographicCascadeInput,
+        'DEPARTEMENT': GeographicCascadeInput,
+        'SOUSPREFECTURE': GeographicCascadeInput,
+        'QUARTIER': GeographicCascadeInput,
+        'VILLAGE': GeographicCascadeInput,
         'RSU': RSUInput,
         // Composant de sélection de ménage
         'MENAGE': MenageInput,
@@ -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 }) => {
+const VariableRenderer = ({ variable, value, onChange, onBlur, error, disabled, numeroMembre, valeurMin, onFillFormFromMenage, onFillFormFromEnquete, formulaireVariables, rosterVariables, allResponses = {}, RosterCheckInput, RosterListInput, interpolateVariableLabel, reponses = {} }) => {
     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 })] }), 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 })] }), 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 GeographicCascadeInput } from './inputs/GeographicCascadeInput';
 export { default as StringInput } from './inputs/StringInput';
 export { default as NumberInput } from './inputs/NumberInput';
 export { default as DatePicker } from './inputs/DatePicker';

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,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,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 GeographicCascadeInput } from './inputs/GeographicCascadeInput';
 export { default as StringInput } from './inputs/StringInput';
 export { default as NumberInput } from './inputs/NumberInput';
 export { default as DatePicker } from './inputs/DatePicker';

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

@@ -0,0 +1,26 @@
+/**
+ * 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}")
+ */
+import React from 'react';
+/**
+ * Format de données retourné par les APIs backend
+ */
+interface SelectDto {
+    id: number;
+    code: string;
+    designation: string;
+}
+interface GeographicCascadeInputProps {
+    variable: any;
+    value: any;
+    onChange: (value: SelectDto | null) => void;
+    reponses: Record<string, any>;
+    disabled?: boolean;
+    required?: boolean;
+    className?: string;
+}
+export declare const GeographicCascadeInput: React.FC<GeographicCascadeInputProps>;
+export default GeographicCascadeInput;
+//# sourceMappingURL=GeographicCascadeInput.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/inputs/GeographicCascadeInput.js

@@ -0,0 +1,112 @@
+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}")
+ */
+import { useEffect, useState, useCallback } from 'react';
+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);
+    // 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);
+    // 4. Fonction pour charger les données
+    const fetchData = useCallback(async () => {
+        // Si un parent est requis mais absent, ne rien charger
+        if (needsParent && !parentValue) {
+            setItems([]);
+            setLoading(false);
+            setError(null);
+            return;
+        }
+        // Si pas d'endpoint valide, ne rien charger
+        if (!apiEndpoint) {
+            setItems([]);
+            setLoading(false);
+            setError(null);
+            return;
+        }
+        try {
+            setLoading(true);
+            setError(null);
+            const response = await fetch(apiEndpoint);
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            const result = await response.json();
+            // Vérifier le format de la réponse
+            if (result.success && Array.isArray(result.data)) {
+                setItems(result.data);
+            }
+            else {
+                throw new Error('Format de réponse invalide');
+            }
+        }
+        catch (err) {
+            console.error(`Error fetching ${variable.type}:`, err);
+            setError(`Erreur de chargement des ${variable.libelle?.toLowerCase() || 'données'}`);
+            setItems([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [apiEndpoint, needsParent, parentValue, variable.type, variable.libelle]);
+    // 5. Charger les données quand l'endpoint ou le parent change
+    useEffect(() => {
+        fetchData();
+    }, [fetchData]);
+    // 6. Réinitialiser la valeur si le parent change
+    useEffect(() => {
+        // Si un parent est requis et qu'il a changé, réinitialiser la valeur
+        if (needsParent && value && parentValue) {
+            // Vérifier si la valeur actuelle est toujours valide
+            // (on pourrait faire une vérification plus poussée ici)
+            // Pour l'instant, on garde la valeur et laisse l'utilisateur la changer si nécessaire
+        }
+    }, [parentValue, needsParent, value]);
+    // 7. Gérer le changement de valeur
+    const handleChange = (e) => {
+        const selectedId = e.target.value;
+        if (!selectedId || selectedId === '') {
+            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);
+        }
+    };
+    // 8. Déterminer si le champ est désactivé
+    const isDisabled = disabled || loading || (needsParent && !parentValue);
+    // 9. Déterminer le message du placeholder
+    const getPlaceholder = () => {
+        if (loading)
+            return 'Chargement...';
+        if (error)
+            return error;
+        if (needsParent && !parentValue) {
+            return `Sélectionnez d'abord ${getParentLabel(variable.type)}`;
+        }
+        if (items.length === 0 && !loading) {
+            return `Aucun(e) ${variable.libelle?.toLowerCase() || 'élément'} disponible`;
+        }
+        return `Sélectionner ${variable.libelle || '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..."] }))] }));
+};
+export default GeographicCascadeInput;

package/dist/utils/variableDependencyResolver.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Utilitaires pour résoudre les dépendances entre variables géographiques
+ * Permet de gérer la cascade : District → Région → Département → Sous-Préfecture → Quartier/Village
+ */
+/**
+ * Extrait le code d'une variable depuis le format "${CODE}"
+ * @param valeur - Valeur du champ variable.valeur (ex: "${G_01}")
+ * @returns Code de la variable (ex: "G_01") ou null si pas de référence
+ *
+ * @example
+ * extractVariableCode("${G_01}") // Returns: "G_01"
+ * extractVariableCode("${DISTRICT_VAR}") // Returns: "DISTRICT_VAR"
+ * extractVariableCode(null) // Returns: null
+ * extractVariableCode("G_01") // Returns: null (pas de ${})
+ */
+export declare function extractVariableCode(valeur: string | null | undefined): string | null;
+/**
+ * Résout la valeur ID d'une variable parente depuis les réponses
+ * @param variable - Variable actuelle
+ * @param reponses - Toutes les réponses du formulaire
+ * @returns ID de la valeur parente ou null
+ *
+ * @example
+ * // Variable G_03 (Département) avec valeur: "${G_02}"
+ * // reponses = { "G_02": { valeur: { id: 10, code: "REG01", designation: "Abidjan" } } }
+ * resolveParentValue(variable, reponses) // Returns: 10
+ */
+export declare function resolveParentValue(variable: any, reponses: Record<string, any>): number | null;
+/**
+ * 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)
+ * @returns Endpoint API ou null si invalide
+ *
+ * @example
+ * getApiEndpoint('DISTRICT') // Returns: '/api/v1/Districts/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;
+/**
+ * Détermine le libellé du parent selon le type de variable
+ * @param variableType - Type de la variable
+ * @returns Libellé du parent en français
+ *
+ * @example
+ * getParentLabel('REGION') // Returns: 'un district'
+ * getParentLabel('DEPARTEMENT') // Returns: 'une région'
+ */
+export declare function getParentLabel(variableType: string): string;
+/**
+ * Vérifie si un type de variable nécessite un parent
+ * @param variableType - Type de la variable
+ * @returns true si un parent est requis
+ *
+ * @example
+ * requiresParent('DISTRICT') // Returns: false
+ * requiresParent('REGION') // Returns: true
+ */
+export declare function requiresParent(variableType: string): boolean;
+/**
+ * Vérifie si un type de variable est géographique
+ * @param variableType - Type de la variable
+ * @returns true si c'est un type géographique
+ *
+ * @example
+ * isGeographicType('DISTRICT') // Returns: true
+ * isGeographicType('TEXT') // Returns: false
+ */
+export declare function isGeographicType(variableType: string): boolean;
+//# sourceMappingURL=variableDependencyResolver.d.ts.map

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

@@ -0,0 +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"}

package/dist/utils/variableDependencyResolver.js

@@ -0,0 +1,155 @@
+/**
+ * Utilitaires pour résoudre les dépendances entre variables géographiques
+ * Permet de gérer la cascade : District → Région → Département → Sous-Préfecture → Quartier/Village
+ */
+/**
+ * Extrait le code d'une variable depuis le format "${CODE}"
+ * @param valeur - Valeur du champ variable.valeur (ex: "${G_01}")
+ * @returns Code de la variable (ex: "G_01") ou null si pas de référence
+ *
+ * @example
+ * extractVariableCode("${G_01}") // Returns: "G_01"
+ * extractVariableCode("${DISTRICT_VAR}") // Returns: "DISTRICT_VAR"
+ * extractVariableCode(null) // Returns: null
+ * extractVariableCode("G_01") // Returns: null (pas de ${})
+ */
+export function extractVariableCode(valeur) {
+    if (!valeur)
+        return null;
+    // Match ${ANYTHING}
+    const match = valeur.match(/\$\{([^}]+)\}/);
+    return match ? match[1] : null;
+}
+/**
+ * Résout la valeur ID d'une variable parente depuis les réponses
+ * @param variable - Variable actuelle
+ * @param reponses - Toutes les réponses du formulaire
+ * @returns ID de la valeur parente ou null
+ *
+ * @example
+ * // Variable G_03 (Département) avec valeur: "${G_02}"
+ * // reponses = { "G_02": { valeur: { id: 10, code: "REG01", designation: "Abidjan" } } }
+ * resolveParentValue(variable, reponses) // Returns: 10
+ */
+export function resolveParentValue(variable, reponses) {
+    // Extraire le code de la variable parente
+    const parentCode = extractVariableCode(variable.valeur);
+    if (!parentCode)
+        return null;
+    // Récupérer la réponse de la variable parente
+    const parentReponse = reponses[parentCode];
+    if (!parentReponse?.valeur)
+        return null;
+    // La valeur peut être :
+    // 1. Un objet SelectDto : { id: number, code: string, designation: string }
+    // 2. Un nombre (ID direct)
+    // 3. Autre format (on essaie d'extraire l'ID)
+    const parentValue = parentReponse.valeur;
+    // Cas 1 : Objet avec propriété id
+    if (typeof parentValue === 'object' && parentValue !== null && 'id' in parentValue) {
+        return typeof parentValue.id === 'number' ? parentValue.id : null;
+    }
+    // Cas 2 : Nombre direct
+    if (typeof parentValue === 'number') {
+        return parentValue;
+    }
+    // Cas 3 : String qui pourrait être un nombre
+    if (typeof parentValue === 'string') {
+        const parsed = parseInt(parentValue, 10);
+        return isNaN(parsed) ? null : parsed;
+    }
+    return null;
+}
+/**
+ * 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)
+ * @returns Endpoint API ou null si invalide
+ *
+ * @example
+ * getApiEndpoint('DISTRICT') // Returns: '/api/v1/Districts/select'
+ * getApiEndpoint('REGION', 1) // Returns: '/api/v1/Regions/1/select'
+ * getApiEndpoint('REGION') // Returns: null (parent requis mais absent)
+ */
+export function getApiEndpoint(variableType, parentId) {
+    const type = variableType?.toUpperCase();
+    switch (type) {
+        case 'DISTRICT':
+            return '/api/v1/Districts/select';
+        case 'REGION':
+            return parentId ? `/api/v1/Regions/${parentId}/select` : null;
+        case 'DEPARTEMENT':
+            return parentId ? `/api/v1/Departements/${parentId}/select` : null;
+        case 'SOUS_PREFECTURE':
+        case 'SOUSPREFECTURE':
+            return parentId ? `/api/v1/SousPrefectures/${parentId}/select` : null;
+        case 'QUARTIER':
+            return parentId ? `/api/v1/Quartiers/${parentId}/select` : null;
+        case 'VILLAGE':
+            return parentId ? `/api/v1/Villages/${parentId}/select` : null;
+        default:
+            return null;
+    }
+}
+/**
+ * Détermine le libellé du parent selon le type de variable
+ * @param variableType - Type de la variable
+ * @returns Libellé du parent en français
+ *
+ * @example
+ * getParentLabel('REGION') // Returns: 'un district'
+ * getParentLabel('DEPARTEMENT') // Returns: 'une région'
+ */
+export function getParentLabel(variableType) {
+    const type = variableType?.toUpperCase();
+    const labels = {
+        'REGION': 'un district',
+        'DEPARTEMENT': 'une région',
+        'SOUS_PREFECTURE': 'un département',
+        'SOUSPREFECTURE': 'un département',
+        'QUARTIER': 'une sous-préfecture',
+        'VILLAGE': 'une sous-préfecture'
+    };
+    return labels[type] || 'le niveau précédent';
+}
+/**
+ * Vérifie si un type de variable nécessite un parent
+ * @param variableType - Type de la variable
+ * @returns true si un parent est requis
+ *
+ * @example
+ * requiresParent('DISTRICT') // Returns: false
+ * requiresParent('REGION') // Returns: true
+ */
+export function requiresParent(variableType) {
+    const type = variableType?.toUpperCase();
+    return [
+        'REGION',
+        'DEPARTEMENT',
+        'SOUS_PREFECTURE',
+        'SOUSPREFECTURE',
+        'QUARTIER',
+        'VILLAGE'
+    ].includes(type);
+}
+/**
+ * Vérifie si un type de variable est géographique
+ * @param variableType - Type de la variable
+ * @returns true si c'est un type géographique
+ *
+ * @example
+ * isGeographicType('DISTRICT') // Returns: true
+ * isGeographicType('TEXT') // Returns: false
+ */
+export function isGeographicType(variableType) {
+    const type = variableType?.toUpperCase();
+    return [
+        'DISTRICT',
+        'REGION',
+        'DEPARTEMENT',
+        'SOUS_PREFECTURE',
+        'SOUSPREFECTURE',
+        'QUARTIER',
+        'VILLAGE'
+    ].includes(type);
+}

package/package.json

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