arengibook 2.4.41 → 2.4.44

package/dist/index.js

@@ -12770,7 +12770,7 @@ function styleInject(css, ref) {
 var css_248z = "/* Force une largeur à 100% de l'input Calendar */\n.datepicker-fullwidth {\n    width: 100%;\n}\n\n.datepicker-fullwidth > .p-calendar {\n    width: 100%;\n}\n\n.datepickerbook .p-datepicker-calendar th {\n    text-align: center !important;\n}\n\n/* Neutralise les styles hérités */\n.datepickerbook table,\n.datepickerbook tbody,\n.datepickerbook tr,\n.datepickerbook td,\n.datepickerbook th {\n    background-color: unset !important;\n    color: inherit !important;\n    border: none;\n}\n\n/* Restaure les couleurs et l'entete du calendrier  */\n.datepickerbook .p-datepicker {\n    background-color: #fff !important;\n    color: #333 !important;\n    border-radius: 6px;\n    box-shadow: 0 0 8px rgba(0,0,0,0.1);\n}\n\n.datepickerbook .p-datepicker-calendar td {\n    text-align: center;\n    background-color: transparent !important;\n    color: #333;\n}\n\n.datepickerbook .p-datepicker-calendar td.p-highlight {\n    background-color: #6366f1 !important;\n    color: #fff !important;\n}\n\n.datepickerbook .p-datepicker-calendar th {\n    text-align: center !important;\n    color: #000;\n}\n\nbody .p-datepicker {\n    width: 405px !important;\n    min-width: 405px !important;\n    max-width: 405px !important;\n}\n\n\n";
 styleInject(css_248z);
 
-var _excluded$3 = ["value", "onChange", "placeholder", "dateFormat", "view", "invalid", "errorMessage", "disabled", "locale", "showTime", "showIcon", "icon", "iconBgButton", "iconPos", "name", "id", "fullWidth", "inputProps"];
+var _excluded$3 = ["value", "onChange", "placeholder", "dateFormat", "view", "invalid", "errorMessage", "disabled", "locale", "showTime", "showIcon", "icon", "iconBgButton", "iconPos", "name", "id", "fullWidth", "inputProps", "onBlur", "onSelect", "onClick"];
 var normalizeDate = function normalizeDate(v) {
   if (!v) return null;
   return v instanceof Date ? v : new Date(v);
@@ -12811,7 +12811,10 @@ var DatePicker = function DatePicker(_ref) {
     _ref$fullWidth = _ref.fullWidth,
     fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
     _ref$inputProps = _ref.inputProps,
-    inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps;
+    inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps,
+    onBlur = _ref.onBlur,
+    onSelect = _ref.onSelect,
+    onClick = _ref.onClick;
     _objectWithoutProperties$1(_ref, _excluded$3);
   var _useState = useState(function () {
       return normalizeDate(value);
@@ -12846,14 +12849,41 @@ var DatePicker = function DatePicker(_ref) {
     borderRadius: '6px'
   };
   var localLanguage = locale !== null && locale !== void 0 ? locale : 'fr';
+
+  // const handleChange = (e) => {
+  //     const newDate = e.value;
+  //     setValeur(newDate);
+  //     if (onChange) {
+  //         onChange({ value: newDate });
+  //     }
+  //
+  //     if (inputRef.current) {
+  //         const event = new Event('datePickerChange', { bubbles: true });
+  //         inputRef.current.dispatchEvent(event);
+  //     }
+  //
+  // };
+
   var handleChange = function handleChange(e) {
     var newDate = e.value;
     setValeur(newDate);
+
+    // 1. onChange standard (Storybook usage)
     if (onChange) {
       onChange({
         value: newDate
       });
     }
+
+    // 2. onSelect custom (simule react-datepicker)
+    if (onSelect) {
+      var syntheticEvent = e.originalEvent || new Event('select', {
+        bubbles: true
+      });
+      onSelect(newDate, syntheticEvent);
+    }
+
+    // 3. DOM event natif
     if (inputRef.current) {
       var event = new Event('datePickerChange', {
         bubbles: true
@@ -12861,6 +12891,11 @@ var DatePicker = function DatePicker(_ref) {
       inputRef.current.dispatchEvent(event);
     }
   };
+  var handleBlur = function handleBlur(e) {
+    if (onBlur) {
+      onBlur(e);
+    }
+  };
   useEffect(function () {
     if (inputRef.current) {
       // Créer et déclencher un événement personnalisé
@@ -12889,7 +12924,10 @@ var DatePicker = function DatePicker(_ref) {
     inputId: id,
     name: name,
     ref: inputRef,
-    panelClassName: "datepickerbook"
+    panelClassName: "datepickerbook",
+    onBlur: handleBlur,
+    onClick: onClick,
+    onSelect: onSelect
   }), invalid && /*#__PURE__*/React__default.createElement("small", {
     style: {
       color: 'red',
@@ -12907,14 +12945,12 @@ var DatePickerPresets = {
   MonthOnly: {
     placeholder: 'Choisissez un mois',
     dateFormat: 'mm/yy',
-    view: 'month',
-    iconBgButton: '#6366f1'
+    view: 'month'
   },
   YearOnly: {
     placeholder: 'Choisissez une année',
     dateFormat: 'yy',
-    view: 'year',
-    iconBgButton: '#6366f1'
+    view: 'year'
   },
   Invalid: {
     placeholder: 'Date non valide',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "2.4.41",
+  "version": "2.4.44",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {