arengibook 2.4.26 → 2.4.28

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { useContext, useEffect, useState, useRef, Fragment } from 'react';
+import React__default, { useContext, useEffect, useState, useRef, forwardRef, Fragment } from 'react';
 import ReactDOM from 'react-dom';
 
 function _arrayWithHoles$d(r) {
@@ -122,7 +122,7 @@ function toPrimitive$f(t, r) {
     if ("object" != _typeof$f(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return ("string" === r ? String : Number)(t);
+  return (String )(t);
 }
 
 function toPropertyKey$f(t) {
@@ -1449,14 +1449,14 @@ function EventBus() {
   };
 }
 
-function _extends$E() {
-  return _extends$E = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$F() {
+  return _extends$F = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$E.apply(null, arguments);
+  }, _extends$F.apply(null, arguments);
 }
 
 function _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$g(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
@@ -2154,7 +2154,7 @@ var IconUtils = /*#__PURE__*/function () {
       if (icon !== null) {
         var iconType = _typeof$f(icon);
         var className = classNames(iconProps.className, iconType === 'string' && icon);
-        content = /*#__PURE__*/React.createElement("span", _extends$E({}, iconProps, {
+        content = /*#__PURE__*/React.createElement("span", _extends$F({}, iconProps, {
           className: className,
           key: UniqueComponentId('icon')
         }));
@@ -4301,19 +4301,19 @@ var IconBase = {
   }
 };
 
-function _extends$D() {
-  return _extends$D = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$E() {
+  return _extends$E = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$D.apply(null, arguments);
+  }, _extends$E.apply(null, arguments);
 }
 
 var SpinnerIcon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  return /*#__PURE__*/React.createElement("svg", _extends$D({
+  return /*#__PURE__*/React.createElement("svg", _extends$E({
     ref: ref,
     width: "14",
     height: "14",
@@ -4327,14 +4327,14 @@ var SpinnerIcon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
 }));
 SpinnerIcon.displayName = 'SpinnerIcon';
 
-function _extends$C() {
-  return _extends$C = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$D() {
+  return _extends$D = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$C.apply(null, arguments);
+  }, _extends$D.apply(null, arguments);
 }
 
 function _typeof$c(o) {
@@ -4548,7 +4548,7 @@ var Ripple = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inP
     'aria-hidden': true,
     className: classNames(cx('root'))
   }, RippleBase.getOtherProps(props), ptm('root'));
-  return /*#__PURE__*/React.createElement("span", _extends$C({
+  return /*#__PURE__*/React.createElement("span", _extends$D({
     role: "presentation",
     ref: inkRef
   }, rootProps, {
@@ -4660,14 +4660,14 @@ var Portal = /*#__PURE__*/React.memo(function (inProps) {
 });
 Portal.displayName = 'Portal';
 
-function _extends$B() {
-  return _extends$B = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$C() {
+  return _extends$C = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$B.apply(null, arguments);
+  }, _extends$C.apply(null, arguments);
 }
 
 function _typeof$b(o) {
@@ -5345,9 +5345,9 @@ var Tooltip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
     var textProps = mergeProps({
       className: cx('text')
     }, ptm('text'));
-    return /*#__PURE__*/React.createElement("div", _extends$B({
+    return /*#__PURE__*/React.createElement("div", _extends$C({
       ref: elementRef
-    }, rootProps), /*#__PURE__*/React.createElement("div", arrowProps), /*#__PURE__*/React.createElement("div", _extends$B({
+    }, rootProps), /*#__PURE__*/React.createElement("div", arrowProps), /*#__PURE__*/React.createElement("div", _extends$C({
       ref: textRef
     }, textProps), empty && props.children));
   };
@@ -5363,14 +5363,14 @@ var Tooltip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
 }));
 Tooltip.displayName = 'Tooltip';
 
-function _extends$A() {
-  return _extends$A = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$B() {
+  return _extends$B = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$A.apply(null, arguments);
+  }, _extends$B.apply(null, arguments);
 }
 
 function _typeof$a(o) {
@@ -5574,7 +5574,7 @@ var Button$1 = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
         className: className
       })
     }, ptm('loadingIcon'));
-    var icon = props.loading ? props.loadingIcon || /*#__PURE__*/React.createElement(SpinnerIcon, _extends$A({}, loadingIconProps, {
+    var icon = props.loading ? props.loadingIcon || /*#__PURE__*/React.createElement(SpinnerIcon, _extends$B({}, loadingIconProps, {
       spin: true
     })) : props.icon;
     return IconUtils.getJSXIcon(icon, _objectSpread$p({}, iconsProps), {
@@ -5588,7 +5588,7 @@ var Button$1 = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     if (props.label) {
       return /*#__PURE__*/React.createElement("span", labelProps, props.label);
     }
-    return !props.children && !props.label && /*#__PURE__*/React.createElement("span", _extends$A({}, labelProps, {
+    return !props.children && !props.label && /*#__PURE__*/React.createElement("span", _extends$B({}, labelProps, {
       dangerouslySetInnerHTML: {
         __html: '&nbsp;'
       }
@@ -5629,7 +5629,7 @@ var Button$1 = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     })),
     disabled: disabled
   }, ButtonBase.getOtherProps(props), ptm('root'));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", rootProps, icon, label, props.children, badge, /*#__PURE__*/React.createElement(Ripple, null)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends$A({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", rootProps, icon, label, props.children, badge, /*#__PURE__*/React.createElement(Ripple, null)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends$B({
     target: elementRef,
     content: props.tooltip,
     pt: ptm('tooltip')
@@ -5735,6 +5735,15 @@ function _arrayLikeToArray$a(r, a) {
 function _arrayWithHoles$8(r) {
   if (Array.isArray(r)) return r;
 }
+function _extends$A() {
+  return _extends$A = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends$A.apply(null, arguments);
+}
 function _iterableToArrayLimit$8(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -12761,11 +12770,16 @@ function styleInject(css, ref) {
 var css_248z = ".datepicker-fullwidth {\n    width: 100%;\n}\n\n.datepicker-fullwidth > .p-calendar {\n    width: 100%;\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"];
+var _excluded$3 = ["value", "onChange", "placeholder", "dateFormat", "view", "invalid", "errorMessage", "disabled", "locale", "showTime", "showIcon", "icon", "iconBgButton", "iconPos", "name", "id", "fullWidth", "inputProps"];
 var normalizeDate = function normalizeDate(v) {
   if (!v) return null;
   return v instanceof Date ? v : new Date(v);
 };
+var CustomCalendar = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default.createElement(Calendar, _extends$A({}, props, {
+    inputRef: ref
+  }));
+});
 var DatePicker = function DatePicker(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -12794,15 +12808,18 @@ var DatePicker = function DatePicker(_ref) {
     iconPos = _ref.iconPos,
     name = _ref.name,
     id = _ref.id,
-    _ref$fullwidth = _ref.fullwidth,
-    fullwidth = _ref$fullwidth === void 0 ? true : _ref$fullwidth,
-    rest = _objectWithoutProperties$1(_ref, _excluded$3);
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
+    _ref$inputProps = _ref.inputProps,
+    inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps;
+    _objectWithoutProperties$1(_ref, _excluded$3);
   var _useState = useState(function () {
       return normalizeDate(value);
     }),
     _useState2 = _slicedToArray$8(_useState, 2),
     valeur = _useState2[0],
     setValeur = _useState2[1];
+  var inputRef = useRef(null);
   useEffect(function () {
     var trigger = document.querySelector('.p-datepicker-trigger');
     if (trigger && iconBgButton) {
@@ -12812,6 +12829,16 @@ var DatePicker = function DatePicker(_ref) {
   useEffect(function () {
     setValeur(normalizeDate(value));
   }, [value]);
+  useEffect(function () {
+    if (inputRef.current) {
+      Object.entries(inputProps).forEach(function (_ref2) {
+        var _ref3 = _slicedToArray$8(_ref2, 2),
+          attr = _ref3[0],
+          val = _ref3[1];
+        inputRef.current.setAttribute(attr, val);
+      });
+    }
+  }, [inputProps]);
   var inputStyle = {
     border: invalid ? '1px solid red' : '1px solid #ccc',
     padding: '0.5rem',
@@ -12828,20 +12855,9 @@ var DatePicker = function DatePicker(_ref) {
     }
   };
   addLocale(localLanguage, LOCALES[localLanguage]);
-
-  // récupèration automatique de toutes les props comme data-* + required.
-  var inputProps = {};
-  Object.entries(rest).forEach(function (_ref2) {
-    var _ref3 = _slicedToArray$8(_ref2, 2),
-      key = _ref3[0],
-      val = _ref3[1];
-    if (key.startsWith('data-') || key === 'required') {
-      inputProps[key] = val;
-    }
-  });
   return /*#__PURE__*/React__default.createElement("div", {
-    className: fullwidth ? "datepicker-fullwidth flex flex-col gap-1" : "flex flex-col gap-1"
-  }, /*#__PURE__*/React__default.createElement(Calendar, {
+    className: fullWidth ? "datepicker-fullwidth flex flex-col gap-1" : "flex flex-col gap-1"
+  }, /*#__PURE__*/React__default.createElement(CustomCalendar, {
     value: valeur,
     onChange: handleChange,
     dateFormat: dateFormat,
@@ -12856,7 +12872,7 @@ var DatePicker = function DatePicker(_ref) {
     iconPos: iconPos,
     inputId: id,
     name: name,
-    inputProps: inputProps // les data- sont injectées ici grace à la methode
+    ref: inputRef
   }), invalid && /*#__PURE__*/React__default.createElement("small", {
     style: {
       color: 'red',
@@ -12898,6 +12914,16 @@ var DatePickerPresets = {
   Language: {
     placeholder: 'Sélectionnez une date',
     locale: 'fr'
+  },
+  WithInputProps: {
+    id: 'datepicker_test_input',
+    inputProps: {
+      'data-nom': 'date-test',
+      'data-msg': 'Date sélectionnée !',
+      required: 'required'
+    },
+    placeholder: 'Date avec attributs',
+    value: '2025-06-01'
   }
 };
 

package/package.json

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