arengibook 2.4.27 → 2.4.29

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) {
@@ -53,14 +53,14 @@ function _slicedToArray$d(r, e) {
   return _arrayWithHoles$d(r) || _iterableToArrayLimit$d(r, e) || _unsupportedIterableToArray$2$1(r, e) || _nonIterableRest$d();
 }
 
-function _typeof$g(o) {
+function _typeof$f(o) {
   "@babel/helpers - typeof";
 
-  return _typeof$g = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+  return _typeof$f = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
     return typeof o;
   } : function (o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof$g(o);
+  }, _typeof$f(o);
 }
 
 function classNames() {
@@ -74,7 +74,7 @@ function classNames() {
       if (!className) {
         continue;
       }
-      var type = _typeof$g(className);
+      var type = _typeof$f(className);
       if (type === 'string' || type === 'number') {
         classes.push(className);
       } else if (type === 'object') {
@@ -115,19 +115,19 @@ function _classCallCheck$3(a, n) {
 }
 
 function toPrimitive$f(t, r) {
-  if ("object" != _typeof$g(t) || !t) return t;
+  if ("object" != _typeof$f(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
     var i = e.call(t, r);
-    if ("object" != _typeof$g(i)) return i;
+    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) {
   var i = toPrimitive$f(t, "string");
-  return "symbol" == _typeof$g(i) ? i : i + "";
+  return "symbol" == _typeof$f(i) ? i : i + "";
 }
 
 function _defineProperties(e, r) {
@@ -399,7 +399,7 @@ var DomHandler = /*#__PURE__*/function () {
           var styles = element !== null && element !== void 0 && (_element$$attrs = element.$attrs) !== null && _element$$attrs !== void 0 && _element$$attrs[rule] ? [element === null || element === void 0 || (_element$$attrs2 = element.$attrs) === null || _element$$attrs2 === void 0 ? void 0 : _element$$attrs2[rule]] : [];
           return [value].flat().reduce(function (cv, v) {
             if (v !== null && v !== undefined) {
-              var type = _typeof$g(v);
+              var type = _typeof$f(v);
               if (type === 'string' || type === 'number') {
                 cv.push(v);
               } else if (type === 'object') {
@@ -956,12 +956,12 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     key: "isElement",
     value: function isElement(obj) {
-      return (typeof HTMLElement === "undefined" ? "undefined" : _typeof$g(HTMLElement)) === 'object' ? obj instanceof HTMLElement : obj && _typeof$g(obj) === 'object' && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === 'string';
+      return (typeof HTMLElement === "undefined" ? "undefined" : _typeof$f(HTMLElement)) === 'object' ? obj instanceof HTMLElement : obj && _typeof$f(obj) === 'object' && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === 'string';
     }
   }, {
     key: "isDocument",
     value: function isDocument(obj) {
-      return (typeof Document === "undefined" ? "undefined" : _typeof$g(Document)) === 'object' ? obj instanceof Document : obj && _typeof$g(obj) === 'object' && obj !== null && obj.nodeType === 9;
+      return (typeof Document === "undefined" ? "undefined" : _typeof$f(Document)) === 'object' ? obj instanceof Document : obj && _typeof$f(obj) === 'object' && obj !== null && obj.nodeType === 9;
     }
   }, {
     key: "scrollInView",
@@ -1293,7 +1293,7 @@ var DomHandler = /*#__PURE__*/function () {
         return document;
       } else if (target === 'window') {
         return window;
-      } else if (_typeof$g(target) === 'object' && target.hasOwnProperty('current')) {
+      } else if (_typeof$f(target) === 'object' && target.hasOwnProperty('current')) {
         return this.isExist(target.current) ? target.current : null;
       }
       var isFunction = function isFunction(obj) {
@@ -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; } } }; }
@@ -1469,7 +1469,7 @@ var ObjectUtils = /*#__PURE__*/function () {
   return _createClass$3(ObjectUtils, null, [{
     key: "equals",
     value: function equals(obj1, obj2, field) {
-      if (field && obj1 && _typeof$g(obj1) === 'object' && obj2 && _typeof$g(obj2) === 'object') {
+      if (field && obj1 && _typeof$f(obj1) === 'object' && obj2 && _typeof$f(obj2) === 'object') {
         return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
       }
       return this.deepEquals(obj1, obj2);
@@ -1487,7 +1487,7 @@ var ObjectUtils = /*#__PURE__*/function () {
       if (a === b) {
         return true;
       }
-      if (a && b && _typeof$g(a) === 'object' && _typeof$g(b) === 'object') {
+      if (a && b && _typeof$f(a) === 'object' && _typeof$f(b) === 'object') {
         var arrA = Array.isArray(a);
         var arrB = Array.isArray(b);
         var i;
@@ -1770,7 +1770,7 @@ var ObjectUtils = /*#__PURE__*/function () {
     key: "getRefElement",
     value: function getRefElement(ref) {
       if (ref) {
-        return _typeof$g(ref) === 'object' && ref.hasOwnProperty('current') ? ref.current : ref;
+        return _typeof$f(ref) === 'object' && ref.hasOwnProperty('current') ? ref.current : ref;
       }
       return null;
     }
@@ -1813,7 +1813,7 @@ var ObjectUtils = /*#__PURE__*/function () {
   }, {
     key: "isEmpty",
     value: function isEmpty(value) {
-      return value === null || value === undefined || value === '' || Array.isArray(value) && value.length === 0 || !(value instanceof Date) && _typeof$g(value) === 'object' && Object.keys(value).length === 0;
+      return value === null || value === undefined || value === '' || Array.isArray(value) && value.length === 0 || !(value instanceof Date) && _typeof$f(value) === 'object' && Object.keys(value).length === 0;
     }
   }, {
     key: "isNotEmpty",
@@ -1995,7 +1995,7 @@ var ObjectUtils = /*#__PURE__*/function () {
   }, {
     key: "mutateFieldData",
     value: function mutateFieldData(data, field, value) {
-      if (_typeof$g(data) !== 'object' || typeof field !== 'string') {
+      if (_typeof$f(data) !== 'object' || typeof field !== 'string') {
         // short circuit if there is nothing to resolve
         return;
       }
@@ -2064,7 +2064,7 @@ var ObjectUtils = /*#__PURE__*/function () {
       var currentDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
       if (!objA || !objB) return true;
       if (currentDepth > maxDepth) return true;
-      if (_typeof$g(objA) !== _typeof$g(objB)) return false;
+      if (_typeof$f(objA) !== _typeof$f(objB)) return false;
       var aKeys = Object.keys(objA);
       var bKeys = Object.keys(objB);
       if (aKeys.length !== bKeys.length) return false;
@@ -2107,7 +2107,7 @@ var ObjectUtils = /*#__PURE__*/function () {
     key: "selectiveCompare",
     value: function selectiveCompare(a, b, keysToCompare) {
       if (a === b) return true;
-      if (!a || !b || _typeof$g(a) !== 'object' || _typeof$g(b) !== 'object') return false;
+      if (!a || !b || _typeof$f(a) !== 'object' || _typeof$f(b) !== 'object') return false;
       if (!keysToCompare) return this.absoluteCompare(a, b, 1); // If no keys are provided, the comparison is limited to one depth level.
       var _iterator2 = _createForOfIteratorHelper$4(keysToCompare),
         _step2;
@@ -2116,7 +2116,7 @@ var ObjectUtils = /*#__PURE__*/function () {
           var key = _step2.value;
           var aValue = this.getNestedValue(a, key);
           var bValue = this.getNestedValue(b, key);
-          var isObject = _typeof$g(aValue) === 'object' && aValue !== null && _typeof$g(bValue) === 'object' && bValue !== null;
+          var isObject = _typeof$f(aValue) === 'object' && aValue !== null && _typeof$f(bValue) === 'object' && bValue !== null;
 
           // If the current key is an object, they are compared in one further level only.
           if (isObject && !this.absoluteCompare(aValue, bValue, 1)) return false;
@@ -2152,9 +2152,9 @@ var IconUtils = /*#__PURE__*/function () {
       var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var content = null;
       if (icon !== null) {
-        var iconType = _typeof$g(icon);
+        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')
         }));
@@ -2994,22 +2994,22 @@ var FilterService = {
   }
 };
 
-function _typeof$f(o) {
+function _typeof$e(o) {
   "@babel/helpers - typeof";
 
-  return _typeof$f = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+  return _typeof$e = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
     return typeof o;
   } : function (o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof$f(o);
+  }, _typeof$e(o);
 }
 
 function toPrimitive$e(t, r) {
-  if ("object" != _typeof$f(t) || !t) return t;
+  if ("object" != _typeof$e(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
     var i = e.call(t, r);
-    if ("object" != _typeof$f(i)) return i;
+    if ("object" != _typeof$e(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return ("string" === r ? String : Number)(t);
@@ -3017,7 +3017,7 @@ function toPrimitive$e(t, r) {
 
 function toPropertyKey$e(t) {
   var i = toPrimitive$e(t, "string");
-  return "symbol" == _typeof$f(i) ? i : i + "";
+  return "symbol" == _typeof$e(i) ? i : i + "";
 }
 
 function _defineProperty$e(e, r, t) {
@@ -3952,22 +3952,22 @@ function _toConsumableArray$7(r) {
   return _arrayWithoutHoles$7(r) || _iterableToArray$7(r) || _unsupportedIterableToArray$e(r) || _nonIterableSpread$7();
 }
 
-function _typeof$e(o) {
+function _typeof$d(o) {
   "@babel/helpers - typeof";
 
-  return _typeof$e = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+  return _typeof$d = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
     return typeof o;
   } : function (o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof$e(o);
+  }, _typeof$d(o);
 }
 
 function toPrimitive$d(t, r) {
-  if ("object" != _typeof$e(t) || !t) return t;
+  if ("object" != _typeof$d(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
     var i = e.call(t, r);
-    if ("object" != _typeof$e(i)) return i;
+    if ("object" != _typeof$d(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return ("string" === r ? String : Number)(t);
@@ -3975,7 +3975,7 @@ function toPrimitive$d(t, r) {
 
 function toPropertyKey$d(t) {
   var i = toPrimitive$d(t, "string");
-  return "symbol" == _typeof$e(i) ? i : i + "";
+  return "symbol" == _typeof$d(i) ? i : i + "";
 }
 
 function _defineProperty$d(e, r, t) {
@@ -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,32 +4327,32 @@ 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$d(o) {
+function _typeof$c(o) {
   "@babel/helpers - typeof";
 
-  return _typeof$d = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+  return _typeof$c = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
     return typeof o;
   } : function (o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof$d(o);
+  }, _typeof$c(o);
 }
 
 function toPrimitive$c(t, r) {
-  if ("object" != _typeof$d(t) || !t) return t;
+  if ("object" != _typeof$c(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
     var i = e.call(t, r);
-    if ("object" != _typeof$d(i)) return i;
+    if ("object" != _typeof$c(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return ("string" === r ? String : Number)(t);
@@ -4360,7 +4360,7 @@ function toPrimitive$c(t, r) {
 
 function toPropertyKey$c(t) {
   var i = toPrimitive$c(t, "string");
-  return "symbol" == _typeof$d(i) ? i : i + "";
+  return "symbol" == _typeof$c(i) ? i : i + "";
 }
 
 function _defineProperty$c(e, r, t) {
@@ -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,32 +4660,32 @@ 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$c(o) {
+function _typeof$b(o) {
   "@babel/helpers - typeof";
 
-  return _typeof$c = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+  return _typeof$b = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
     return typeof o;
   } : function (o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof$c(o);
+  }, _typeof$b(o);
 }
 
 function toPrimitive$b(t, r) {
-  if ("object" != _typeof$c(t) || !t) return t;
+  if ("object" != _typeof$b(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
     var i = e.call(t, r);
-    if ("object" != _typeof$c(i)) return i;
+    if ("object" != _typeof$b(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return ("string" === r ? String : Number)(t);
@@ -4693,7 +4693,7 @@ function toPrimitive$b(t, r) {
 
 function toPropertyKey$b(t) {
   var i = toPrimitive$b(t, "string");
-  return "symbol" == _typeof$c(i) ? i : i + "";
+  return "symbol" == _typeof$b(i) ? i : i + "";
 }
 
 function _defineProperty$b(e, r, t) {
@@ -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,32 +5363,32 @@ 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$b(o) {
+function _typeof$a(o) {
   "@babel/helpers - typeof";
 
-  return _typeof$b = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+  return _typeof$a = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
     return typeof o;
   } : function (o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof$b(o);
+  }, _typeof$a(o);
 }
 
 function toPrimitive$a(t, r) {
-  if ("object" != _typeof$b(t) || !t) return t;
+  if ("object" != _typeof$a(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
     var i = e.call(t, r);
-    if ("object" != _typeof$b(i)) return i;
+    if ("object" != _typeof$a(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return ("string" === r ? String : Number)(t);
@@ -5396,7 +5396,7 @@ function toPrimitive$a(t, r) {
 
 function toPropertyKey$a(t) {
   var i = toPrimitive$a(t, "string");
-  return "symbol" == _typeof$b(i) ? i : i + "";
+  return "symbol" == _typeof$a(i) ? i : i + "";
 }
 
 function _defineProperty$a(e, r, t) {
@@ -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) {
@@ -5785,15 +5794,6 @@ function _objectWithoutPropertiesLoose$2(r, e) {
 function _slicedToArray$8(r, e) {
   return _arrayWithHoles$8(r) || _iterableToArrayLimit$8(r, e) || _unsupportedIterableToArray$a(r, e) || _nonIterableRest$8();
 }
-function _typeof$a(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof$a = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof$a(o);
-}
 function _unsupportedIterableToArray$a(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray$a(r, a);
@@ -12767,14 +12767,19 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".datepicker-fullwidth {\n    width: 100%;\n}\n\n.datepicker-fullwidth > .p-calendar {\n    width: 100%;\n}\n";
+var css_248z = ".datepicker-fullwidth {\n    width: 100%;\n}\n\n.datepicker-fullwidth > .p-calendar {\n    width: 100%;\n}\n\n.prime-wrapper * {\n    all: unset;         /* Reset tout */\n    all: revert-layer;  /* Ou revert si supporté */\n    box-sizing: border-box;\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", "inputStyle"];
 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,
@@ -12806,7 +12811,13 @@ 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,
+    _ref$inputStyle = _ref.inputStyle,
+    inputStyle = _ref$inputStyle === void 0 ? {
+      padding: '0.25rem',
+      fontSize: '0.8rem',
+      height: '2rem'
+    } : _ref$inputStyle;
     _objectWithoutProperties$1(_ref, _excluded$3);
   var _useState = useState(function () {
       return normalizeDate(value);
@@ -12814,6 +12825,7 @@ var DatePicker = function DatePicker(_ref) {
     _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) {
@@ -12823,27 +12835,21 @@ var DatePicker = function DatePicker(_ref) {
   useEffect(function () {
     setValeur(normalizeDate(value));
   }, [value]);
-
-  // ✅ Injecte les data-* et attributs natifs dans l'input HTML
   useEffect(function () {
-    if (!id) return;
-    var input = document.querySelector("#".concat(id));
-    if (input && inputProps && _typeof$a(inputProps) === 'object') {
+    if (inputRef.current) {
       Object.entries(inputProps).forEach(function (_ref2) {
         var _ref3 = _slicedToArray$8(_ref2, 2),
           attr = _ref3[0],
           val = _ref3[1];
-        if (val !== undefined && val !== null) {
-          input.setAttribute(attr, val);
-        }
+        inputRef.current.setAttribute(attr, val);
       });
     }
-  }, [id, inputProps]);
-  var inputStyle = {
-    border: invalid ? '1px solid red' : '1px solid #ccc',
-    padding: '0.5rem',
-    borderRadius: '6px'
-  };
+  }, [inputProps]);
+
+  // const inputStyle = {
+  //     border: invalid ? '1px solid red' : '1px solid #ccc',
+  // };
+
   var localLanguage = locale !== null && locale !== void 0 ? locale : 'fr';
   var handleChange = function handleChange(e) {
     var newDate = e.value;
@@ -12856,8 +12862,8 @@ var DatePicker = function DatePicker(_ref) {
   };
   addLocale(localLanguage, LOCALES[localLanguage]);
   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 prime-wrapper flex flex-col gap-1" : "prime-wrapper flex flex-col gap-1"
+  }, /*#__PURE__*/React__default.createElement(CustomCalendar, {
     value: valeur,
     onChange: handleChange,
     dateFormat: dateFormat,
@@ -12870,9 +12876,9 @@ var DatePicker = function DatePicker(_ref) {
     showIcon: showIcon,
     icon: icon,
     iconPos: iconPos,
-    inputId: id // il est obligatoire pour identifier l’input !
-    ,
-    name: name
+    inputId: id,
+    name: name,
+    ref: inputRef
   }), invalid && /*#__PURE__*/React__default.createElement("small", {
     style: {
       color: 'red',

package/package.json

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