@rsuci/shared-form-components 1.0.69 → 1.0.71

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/NumberInput.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,WAAW,CAAA;KAAE,CAAC;IACzD,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0E3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/NumberInput.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,WAAW,CAAA;KAAE,CAAC;IACzD,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsF3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/inputs/NumberInput.js

@@ -8,7 +8,7 @@ import { applyComponentStyle } from '../../utils/styleUtils';
 import { isComponentReadonly, readonlyClasses } from '../../utils/componentStateUtils';
 const NumberInput = ({ variable, value, onChange, onBlur, error, disabled, valeurMin, isConsultationMode = false }) => {
     const props = variable.proprietes;
-    const numericValue = value !== null && value !== undefined ? value : '';
+    const numericValue = value !== null && value !== undefined ? value : 0;
     const { textStyle, containerStyle } = applyComponentStyle(variable.componentStyle);
     // Déterminer si le composant est en lecture seule
     const isReadonly = isComponentReadonly(variable, isConsultationMode);
@@ -26,12 +26,22 @@ const NumberInput = ({ variable, value, onChange, onBlur, error, disabled, valeu
             return;
         const inputValue = e.target.value;
         if (inputValue === '') {
-            onChange(null);
+            onChange(0);
             return;
         }
         const parsedValue = parseFloat(inputValue);
+        // NaN -> 0
+        if (isNaN(parsedValue)) {
+            onChange(0);
+            return;
+        }
+        // Pas de nombre negatif
+        if (parsedValue < 0) {
+            onChange(0);
+            return;
+        }
         // Vérifier la contrainte de valeur minimale pour la saisie directe
-        if (effectiveMin !== undefined && !isNaN(parsedValue) && parsedValue < effectiveMin) {
+        if (effectiveMin !== undefined && parsedValue < effectiveMin) {
             console.log('NumberInput - Valeur saisie inférieure au minimum:', {
                 variableCode: variable.code,
                 saisie: parsedValue,
@@ -42,7 +52,7 @@ const NumberInput = ({ variable, value, onChange, onBlur, error, disabled, valeu
             onChange(effectiveMin);
             return;
         }
-        onChange(isNaN(parsedValue) ? null : parsedValue);
+        onChange(parsedValue);
     };
     // Générer les classes CSS
     const getInputClasses = () => {
@@ -54,6 +64,6 @@ const NumberInput = ({ variable, value, onChange, onBlur, error, disabled, valeu
             return `${baseClasses} ${errorClasses} ${readonlyClasses.readonly}`;
         return `${baseClasses} ${errorClasses} bg-white`;
     };
-    return (_jsx("div", { style: containerStyle, children: _jsx("input", { type: "number", value: numericValue, onChange: handleChange, onBlur: onBlur, min: effectiveMin, max: props?.max, step: props?.step || 1, disabled: disabled, readOnly: isReadonly, style: textStyle, className: getInputClasses() }) }));
+    return (_jsx("div", { style: containerStyle, children: _jsx("input", { type: "number", value: numericValue, onChange: handleChange, onBlur: onBlur, min: effectiveMin !== undefined ? effectiveMin : 0, max: props?.max, step: props?.step || 1, disabled: disabled, readOnly: isReadonly, style: textStyle, className: getInputClasses() }) }));
 };
 export default NumberInput;

package/dist/components/inputs/RadioInput.js

@@ -20,6 +20,6 @@ const RadioInput = ({ variable, value, onChange, onBlur, error, disabled, isCons
     const handleChange = (selectedValue) => {
         onChange(selectedValue || null);
     };
-    return (_jsxs("div", { className: "space-y-2", style: containerStyle, children: [_jsx("div", { className: "space-y-2", children: options.map((option) => (_jsxs("label", { className: `flex items-center space-x-3 ${effectiveDisabled ? 'cursor-not-allowed' : 'cursor-pointer'}`, children: [_jsx("input", { type: "radio", name: `radio-${variable.code}`, value: option.code, checked: value === option.code, onChange: (e) => handleChange(e.target.value), onBlur: onBlur, disabled: effectiveDisabled, className: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 disabled:opacity-50" }), _jsxs("span", { className: `text-sm ${effectiveDisabled ? 'text-gray-400' : 'text-gray-900'}`, style: textStyle, children: [option.code, " - ", option.designation] })] }, option.code))) }), options.length === 0 && (_jsx("p", { className: "text-sm text-gray-500", children: "Aucune option disponible" })), error && (_jsx("p", { className: "text-sm text-red-600", children: error }))] }));
+    return (_jsxs("div", { className: "space-y-2", style: containerStyle, children: [_jsx("div", { className: "space-y-2", children: options.map((option) => (_jsxs("label", { className: `flex items-center space-x-3 ${effectiveDisabled ? 'cursor-not-allowed' : 'cursor-pointer'}`, children: [_jsx("input", { type: "radio", name: `radio-${variable.code}`, value: option.code, checked: value === option.code, onChange: (e) => handleChange(e.target.value), onBlur: onBlur, disabled: effectiveDisabled, className: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 disabled:opacity-50" }), _jsx("span", { className: `text-sm ${effectiveDisabled ? 'text-gray-400' : 'text-gray-900'}`, style: textStyle, children: option.designation })] }, option.code))) }), options.length === 0 && (_jsx("p", { className: "text-sm text-gray-500", children: "Aucune option disponible" })), error && (_jsx("p", { className: "text-sm text-red-600", children: error }))] }));
 };
 export default RadioInput;

package/dist/components/inputs/SelectInput.js

@@ -40,9 +40,9 @@ const SelectInput = ({ variable, value, onChange, onBlur, error, disabled, isCon
         if (onBlur)
             onBlur();
     };
-    // Format d'affichage: "Code - Designation"
+    // Format d'affichage: Designation uniquement
     const formatOptionLabel = (option) => {
-        return `${option.code} - ${option.designation}`;
+        return option.designation;
     };
     // Affichage avec SearchableSelect pour beaucoup d'options (>5)
     return (_jsxs("div", { className: "space-y-2", style: containerStyle, children: [_jsx(SearchableSelect, { options: selectOptions, value: selectedOption, onChange: handleChange, placeholder: "S\u00E9lectionner...", searchPlaceholder: "Rechercher...", disabled: effectiveDisabled, 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", style: textStyle, children: ["S\u00E9lectionn\u00E9: ", selectedOption.designation] }) }))] }));

package/dist/components/selectors/EnqueteInput.js

@@ -46,9 +46,9 @@ const EnqueteInput = ({ variable, value, onChange, error, disabled, onFillFormFr
         // pour éviter les re-renders et la création d'une nouvelle enquête.
         // Il doit être appelé manuellement si nécessaire (bouton séparé).
     };
-    // Format d'affichage: "NumeroEnquete - Description"
+    // Format d'affichage: Designation uniquement
     const formatOptionLabel = (option) => {
-        return `${option.code} - ${option.designation}`;
+        return 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" }));
 };

package/dist/components/selectors/MenageInput.js

@@ -46,9 +46,9 @@ const MenageInput = ({ variable, value, onChange, error, disabled, onFillFormFro
         // pour éviter les re-renders et la création d'une nouvelle enquête.
         // Il doit être appelé manuellement si nécessaire (bouton séparé).
     };
-    // Format d'affichage: "NumeroMenage - Nom Prénom"
+    // Format d'affichage: Designation uniquement
     const formatOptionLabel = (option) => {
-        return `${option.code} - ${option.designation}`;
+        return 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é" }));
 };

package/dist/components/selectors/RSUInput.js

@@ -43,9 +43,9 @@ const RSUInput = ({ variable, value, onChange, error, disabled, services }) => {
         const newStructureId = option?.id;
         onChange(newStructureId?.toString() || null);
     };
-    // Format d'affichage: "Code - Designation"
+    // Format d'affichage: Designation uniquement
     const formatOptionLabel = (option) => {
-        return `${option.code} - ${option.designation}`;
+        return option.designation;
     };
     return (_jsx(SearchableSelect, { options: options, value: selectedOption, onChange: handleChange, placeholder: "S\u00E9lectionner une structure RSU...", searchPlaceholder: "Rechercher une structure...", disabled: disabled, required: variable.estObligatoire, loading: loading, error: loadError || error, formatOptionLabel: formatOptionLabel, noOptionsMessage: loading ? "Chargement..." : "Aucune structure trouvée" }));
 };

package/dist/lib/utils/variableValueConverter.js

@@ -407,7 +407,7 @@ export class VariableValueConverter {
     static optionsToSelectFormat(options) {
         return options.map(option => ({
             value: option.code,
-            label: `${option.code} - ${option.designation}`,
+            label: option.designation,
             disabled: false
         }));
     }

package/package.json

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