arengibook 2.2.0 → 2.4.0

package/dist/index.js

@@ -2,57 +2,11 @@ import * as React from 'react';
 import React__default, { useContext, useEffect, useState, useRef, Fragment, Children, cloneElement } from 'react';
 import ReactDOM from 'react-dom';
 
-function _arrayLikeToArray$j(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
 function _arrayWithHoles$h(r) {
   if (Array.isArray(r)) return r;
 }
-function _iterableToArrayLimit$h(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = true,
-      o = false;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = true, n = r;
-    } finally {
-      try {
-        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-function _nonIterableRest$h() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _slicedToArray$h(r, e) {
-  return _arrayWithHoles$h(r) || _iterableToArrayLimit$h(r, e) || _unsupportedIterableToArray$j(r, e) || _nonIterableRest$h();
-}
-function _unsupportedIterableToArray$j(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray$j(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$j(r, a) : void 0;
-  }
-}
-
-function _arrayWithHoles$g(r) {
-  if (Array.isArray(r)) return r;
-}
 
-function _iterableToArrayLimit$g(r, l) {
+function _iterableToArrayLimit$h(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
     var e,
@@ -91,12 +45,12 @@ function _unsupportedIterableToArray$2$1(r, a) {
   }
 }
 
-function _nonIterableRest$g() {
+function _nonIterableRest$h() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _slicedToArray$g(r, e) {
-  return _arrayWithHoles$g(r) || _iterableToArrayLimit$g(r, e) || _unsupportedIterableToArray$2$1(r, e) || _nonIterableRest$g();
+function _slicedToArray$h(r, e) {
+  return _arrayWithHoles$h(r) || _iterableToArrayLimit$h(r, e) || _unsupportedIterableToArray$2$1(r, e) || _nonIterableRest$h();
 }
 
 function _typeof$i(o) {
@@ -125,7 +79,7 @@ function classNames() {
         classes.push(className);
       } else if (type === 'object') {
         var _classes = Array.isArray(className) ? className : Object.entries(className).map(function (_ref) {
-          var _ref2 = _slicedToArray$g(_ref, 2),
+          var _ref2 = _slicedToArray$h(_ref, 2),
             key = _ref2[0],
             value = _ref2[1];
           return value ? key : null;
@@ -414,7 +368,7 @@ var DomHandler = /*#__PURE__*/function () {
       var styles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       if (element) {
         Object.entries(styles).forEach(function (_ref) {
-          var _ref2 = _slicedToArray$g(_ref, 2),
+          var _ref2 = _slicedToArray$h(_ref, 2),
             key = _ref2[0],
             value = _ref2[1];
           return element.style[key] = value;
@@ -450,7 +404,7 @@ var DomHandler = /*#__PURE__*/function () {
                 cv.push(v);
               } else if (type === 'object') {
                 var _cv = Array.isArray(v) ? _computedStyles(rule, v) : Object.entries(v).map(function (_ref3) {
-                  var _ref4 = _slicedToArray$g(_ref3, 2),
+                  var _ref4 = _slicedToArray$h(_ref3, 2),
                     _k = _ref4[0],
                     _v = _ref4[1];
                   return rule === 'style' && (!!_v || _v === 0) ? "".concat(_k.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase(), ":").concat(_v) : _v ? _k : undefined;
@@ -464,7 +418,7 @@ var DomHandler = /*#__PURE__*/function () {
           }, styles);
         };
         Object.entries(attributes).forEach(function (_ref5) {
-          var _ref6 = _slicedToArray$g(_ref5, 2),
+          var _ref6 = _slicedToArray$h(_ref5, 2),
             key = _ref6[0],
             value = _ref6[1];
           if (value !== undefined && value !== null) {
@@ -1505,9 +1459,9 @@ function _extends$L() {
   }, _extends$L.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$i(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; } } }; }
-function _unsupportedIterableToArray$i(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$i(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$i(r, a) : void 0; } }
-function _arrayLikeToArray$i(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$j(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; } } }; }
+function _unsupportedIterableToArray$j(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$j(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$j(r, a) : void 0; } }
+function _arrayLikeToArray$j(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var ObjectUtils = /*#__PURE__*/function () {
   function ObjectUtils() {
     _classCallCheck$3(this, ObjectUtils);
@@ -3321,11 +3275,11 @@ var PrimeReactContext = /*#__PURE__*/React__default.createContext();
 
 var PrimeReact$2 = PrimeReact$1$1;
 
-function _arrayWithHoles$f(r) {
+function _arrayWithHoles$g(r) {
   if (Array.isArray(r)) return r;
 }
 
-function _iterableToArrayLimit$f(r, l) {
+function _iterableToArrayLimit$g(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
     var e,
@@ -3353,26 +3307,26 @@ function _iterableToArrayLimit$f(r, l) {
   }
 }
 
-function _arrayLikeToArray$h(r, a) {
+function _arrayLikeToArray$i(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
 }
 
-function _unsupportedIterableToArray$h(r, a) {
+function _unsupportedIterableToArray$i(r, a) {
   if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray$h(r, a);
+    if ("string" == typeof r) return _arrayLikeToArray$i(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$h(r, a) : void 0;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$i(r, a) : void 0;
   }
 }
 
-function _nonIterableRest$f() {
+function _nonIterableRest$g() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _slicedToArray$f(r, e) {
-  return _arrayWithHoles$f(r) || _iterableToArrayLimit$f(r, e) || _unsupportedIterableToArray$h(r, e) || _nonIterableRest$f();
+function _slicedToArray$g(r, e) {
+  return _arrayWithHoles$g(r) || _iterableToArrayLimit$g(r, e) || _unsupportedIterableToArray$i(r, e) || _nonIterableRest$g();
 }
 
 var usePrevious = function usePrevious(newValue) {
@@ -3464,11 +3418,11 @@ var useEventListener = function useEventListener(_ref) {
 
 var useDebounce = function useDebounce(initialValue, delay) {
   var _React$useState = React.useState(initialValue),
-    _React$useState2 = _slicedToArray$f(_React$useState, 2),
+    _React$useState2 = _slicedToArray$g(_React$useState, 2),
     inputValue = _React$useState2[0],
     setInputValue = _React$useState2[1];
   var _React$useState3 = React.useState(initialValue),
-    _React$useState4 = _slicedToArray$f(_React$useState3, 2),
+    _React$useState4 = _slicedToArray$g(_React$useState3, 2),
     debouncedValue = _React$useState4[0],
     setDebouncedValue = _React$useState4[1];
   var mountedRef = React.useRef(false);
@@ -3500,10 +3454,10 @@ var useDisplayOrder = function useDisplayOrder(group) {
   var _React$useState = React.useState(function () {
       return UniqueComponentId();
     }),
-    _React$useState2 = _slicedToArray$f(_React$useState, 1),
+    _React$useState2 = _slicedToArray$g(_React$useState, 1),
     uid = _React$useState2[0];
   var _React$useState3 = React.useState(0),
-    _React$useState4 = _slicedToArray$f(_React$useState3, 2),
+    _React$useState4 = _slicedToArray$g(_React$useState3, 2),
     displayOrder = _React$useState4[0],
     setDisplayOrder = _React$useState4[1];
   React.useEffect(function () {
@@ -3532,7 +3486,7 @@ var useDisplayOrder = function useDisplayOrder(group) {
 };
 
 function _arrayWithoutHoles$9(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray$h(r);
+  if (Array.isArray(r)) return _arrayLikeToArray$i(r);
 }
 
 function _iterableToArray$9(r) {
@@ -3544,7 +3498,7 @@ function _nonIterableSpread$9() {
 }
 
 function _toConsumableArray$9(r) {
-  return _arrayWithoutHoles$9(r) || _iterableToArray$9(r) || _unsupportedIterableToArray$h(r) || _nonIterableSpread$9();
+  return _arrayWithoutHoles$9(r) || _iterableToArray$9(r) || _unsupportedIterableToArray$i(r) || _nonIterableSpread$9();
 }
 
 /**
@@ -3609,7 +3563,7 @@ var globalEscKeyHandlingLogic = {
    */
   addListener: function addListener(callback, _ref) {
     var _this = this;
-    var _ref2 = _slicedToArray$f(_ref, 2),
+    var _ref2 = _slicedToArray$g(_ref, 2),
       primaryPriority = _ref2[0],
       secondaryPriority = _ref2[1];
     var escKeyListeners = this.escKeyListeners;
@@ -3798,7 +3752,7 @@ var useOverlayListener = function useOverlayListener(_ref) {
       },
       when: when
     }),
-    _useEventListener2 = _slicedToArray$f(_useEventListener, 2),
+    _useEventListener2 = _slicedToArray$g(_useEventListener, 2),
     bindDocumentClickListener = _useEventListener2[0],
     unbindDocumentClickListener = _useEventListener2[1];
   var _useResizeListener = useResizeListener({
@@ -3810,7 +3764,7 @@ var useOverlayListener = function useOverlayListener(_ref) {
       },
       when: when
     }),
-    _useResizeListener2 = _slicedToArray$f(_useResizeListener, 2),
+    _useResizeListener2 = _slicedToArray$g(_useResizeListener, 2),
     bindWindowResizeListener = _useResizeListener2[0],
     unbindWindowResizeListener = _useResizeListener2[1];
   var _useEventListener3 = useEventListener({
@@ -3824,7 +3778,7 @@ var useOverlayListener = function useOverlayListener(_ref) {
       },
       when: when
     }),
-    _useEventListener4 = _slicedToArray$f(_useEventListener3, 2),
+    _useEventListener4 = _slicedToArray$g(_useEventListener3, 2),
     bindWindowOrientationChangeListener = _useEventListener4[0],
     unbindWindowOrientationChangeListener = _useEventListener4[1];
   var _useOverlayScrollList = useOverlayScrollListener({
@@ -3837,7 +3791,7 @@ var useOverlayListener = function useOverlayListener(_ref) {
       },
       when: when
     }),
-    _useOverlayScrollList2 = _slicedToArray$f(_useOverlayScrollList, 2),
+    _useOverlayScrollList2 = _slicedToArray$g(_useOverlayScrollList, 2),
     bindOverlayScrollListener = _useOverlayScrollList2[0],
     unbindOverlayScrollListener = _useOverlayScrollList2[1];
   var isOutsideClicked = function isOutsideClicked(event) {
@@ -3875,7 +3829,7 @@ var _id = 0;
 var useStyle = function useStyle(css) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var _useState = useState(false),
-    _useState2 = _slicedToArray$f(_useState, 2),
+    _useState2 = _slicedToArray$g(_useState, 2),
     isLoaded = _useState2[0],
     setIsLoaded = _useState2[1];
   var styleRef = useRef(null);
@@ -3970,25 +3924,25 @@ var useUpdateEffect = function useUpdateEffect(fn, deps) {
   }, deps);
 };
 
-function _arrayLikeToArray$g(r, a) {
+function _arrayLikeToArray$h(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
 }
 
 function _arrayWithoutHoles$8(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray$g(r);
+  if (Array.isArray(r)) return _arrayLikeToArray$h(r);
 }
 
 function _iterableToArray$8(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
 
-function _unsupportedIterableToArray$g(r, a) {
+function _unsupportedIterableToArray$h(r, a) {
   if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray$g(r, a);
+    if ("string" == typeof r) return _arrayLikeToArray$h(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$g(r, a) : void 0;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$h(r, a) : void 0;
   }
 }
 
@@ -3997,7 +3951,7 @@ function _nonIterableSpread$8() {
 }
 
 function _toConsumableArray$8(r) {
-  return _arrayWithoutHoles$8(r) || _iterableToArray$8(r) || _unsupportedIterableToArray$g(r) || _nonIterableSpread$8();
+  return _arrayWithoutHoles$8(r) || _iterableToArray$8(r) || _unsupportedIterableToArray$h(r) || _nonIterableSpread$8();
 }
 
 function _typeof$g(o) {
@@ -4420,11 +4374,11 @@ function _defineProperty$f(e, r, t) {
   }) : e[r] = t, e;
 }
 
-function _arrayWithHoles$e(r) {
+function _arrayWithHoles$f(r) {
   if (Array.isArray(r)) return r;
 }
 
-function _iterableToArrayLimit$e(r, l) {
+function _iterableToArrayLimit$f(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
     var e,
@@ -4449,26 +4403,26 @@ function _iterableToArrayLimit$e(r, l) {
   }
 }
 
-function _arrayLikeToArray$f(r, a) {
+function _arrayLikeToArray$g(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
 }
 
-function _unsupportedIterableToArray$f(r, a) {
+function _unsupportedIterableToArray$g(r, a) {
   if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray$f(r, a);
+    if ("string" == typeof r) return _arrayLikeToArray$g(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$f(r, a) : void 0;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$g(r, a) : void 0;
   }
 }
 
-function _nonIterableRest$e() {
+function _nonIterableRest$f() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _slicedToArray$e(r, e) {
-  return _arrayWithHoles$e(r) || _iterableToArrayLimit$e(r, e) || _unsupportedIterableToArray$f(r, e) || _nonIterableRest$e();
+function _slicedToArray$f(r, e) {
+  return _arrayWithHoles$f(r) || _iterableToArrayLimit$f(r, e) || _unsupportedIterableToArray$g(r, e) || _nonIterableRest$f();
 }
 
 var styles$e = "\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n";
@@ -4496,7 +4450,7 @@ function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), true).forEach(function (r) { _defineProperty$f(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Ripple = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray$e(_React$useState, 2),
+    _React$useState2 = _slicedToArray$f(_React$useState, 2),
     isMounted = _React$useState2[0],
     setMounted = _React$useState2[1];
   var inkRef = React.useRef(null);
@@ -4605,11 +4559,11 @@ var Ripple = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inP
 }));
 Ripple.displayName = 'Ripple';
 
-function _arrayWithHoles$d(r) {
+function _arrayWithHoles$e(r) {
   if (Array.isArray(r)) return r;
 }
 
-function _iterableToArrayLimit$d(r, l) {
+function _iterableToArrayLimit$e(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
     var e,
@@ -4634,26 +4588,26 @@ function _iterableToArrayLimit$d(r, l) {
   }
 }
 
-function _arrayLikeToArray$e(r, a) {
+function _arrayLikeToArray$f(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
 }
 
-function _unsupportedIterableToArray$e(r, a) {
+function _unsupportedIterableToArray$f(r, a) {
   if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray$e(r, a);
+    if ("string" == typeof r) return _arrayLikeToArray$f(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$e(r, a) : void 0;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$f(r, a) : void 0;
   }
 }
 
-function _nonIterableRest$d() {
+function _nonIterableRest$e() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _slicedToArray$d(r, e) {
-  return _arrayWithHoles$d(r) || _iterableToArrayLimit$d(r, e) || _unsupportedIterableToArray$e(r, e) || _nonIterableRest$d();
+function _slicedToArray$e(r, e) {
+  return _arrayWithHoles$e(r) || _iterableToArrayLimit$e(r, e) || _unsupportedIterableToArray$f(r, e) || _nonIterableRest$e();
 }
 
 var PortalBase = {
@@ -4678,7 +4632,7 @@ var Portal = /*#__PURE__*/React.memo(function (inProps) {
   var props = PortalBase.getProps(inProps);
   var context = React.useContext(PrimeReactContext);
   var _React$useState = React.useState(props.visible && DomHandler.isClient()),
-    _React$useState2 = _slicedToArray$d(_React$useState, 2),
+    _React$useState2 = _slicedToArray$e(_React$useState, 2),
     mountedState = _React$useState2[0],
     setMountedState = _React$useState2[1];
   useMountEffect(function () {
@@ -4753,25 +4707,25 @@ function _defineProperty$e(e, r, t) {
   }) : e[r] = t, e;
 }
 
-function _arrayLikeToArray$d(r, a) {
+function _arrayLikeToArray$e(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
 }
 
 function _arrayWithoutHoles$7(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray$d(r);
+  if (Array.isArray(r)) return _arrayLikeToArray$e(r);
 }
 
 function _iterableToArray$7(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
 
-function _unsupportedIterableToArray$d(r, a) {
+function _unsupportedIterableToArray$e(r, a) {
   if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray$d(r, a);
+    if ("string" == typeof r) return _arrayLikeToArray$e(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$d(r, a) : void 0;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$e(r, a) : void 0;
   }
 }
 
@@ -4780,14 +4734,14 @@ function _nonIterableSpread$7() {
 }
 
 function _toConsumableArray$7(r) {
-  return _arrayWithoutHoles$7(r) || _iterableToArray$7(r) || _unsupportedIterableToArray$d(r) || _nonIterableSpread$7();
+  return _arrayWithoutHoles$7(r) || _iterableToArray$7(r) || _unsupportedIterableToArray$e(r) || _nonIterableSpread$7();
 }
 
-function _arrayWithHoles$c(r) {
+function _arrayWithHoles$d(r) {
   if (Array.isArray(r)) return r;
 }
 
-function _iterableToArrayLimit$c(r, l) {
+function _iterableToArrayLimit$d(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
     var e,
@@ -4812,12 +4766,12 @@ function _iterableToArrayLimit$c(r, l) {
   }
 }
 
-function _nonIterableRest$c() {
+function _nonIterableRest$d() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _slicedToArray$c(r, e) {
-  return _arrayWithHoles$c(r) || _iterableToArrayLimit$c(r, e) || _unsupportedIterableToArray$d(r, e) || _nonIterableRest$c();
+function _slicedToArray$d(r, e) {
+  return _arrayWithHoles$d(r) || _iterableToArrayLimit$d(r, e) || _unsupportedIterableToArray$e(r, e) || _nonIterableRest$d();
 }
 
 var classes$f = {
@@ -4888,19 +4842,19 @@ var Tooltip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
   var context = React.useContext(PrimeReactContext);
   var props = TooltipBase.getProps(inProps, context);
   var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray$c(_React$useState, 2),
+    _React$useState2 = _slicedToArray$d(_React$useState, 2),
     visibleState = _React$useState2[0],
     setVisibleState = _React$useState2[1];
   var _React$useState3 = React.useState(props.position || 'right'),
-    _React$useState4 = _slicedToArray$c(_React$useState3, 2),
+    _React$useState4 = _slicedToArray$d(_React$useState3, 2),
     positionState = _React$useState4[0],
     setPositionState = _React$useState4[1];
   var _React$useState5 = React.useState(''),
-    _React$useState6 = _slicedToArray$c(_React$useState5, 2),
+    _React$useState6 = _slicedToArray$d(_React$useState5, 2),
     classNameState = _React$useState6[0],
     setClassNameState = _React$useState6[1];
   var _React$useState7 = React.useState(false),
-    _React$useState8 = _slicedToArray$c(_React$useState7, 2),
+    _React$useState8 = _slicedToArray$d(_React$useState7, 2),
     multipleFocusEvents = _React$useState8[0],
     setMultipleFocusEvents = _React$useState8[1];
   var isCloseOnEscape = visibleState && props.closeOnEscape;
@@ -4946,7 +4900,7 @@ var Tooltip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
         !DomHandler.isTouchDevice() && hide(event);
       }
     }),
-    _useResizeListener2 = _slicedToArray$c(_useResizeListener, 2),
+    _useResizeListener2 = _slicedToArray$d(_useResizeListener, 2),
     bindWindowResizeListener = _useResizeListener2[0],
     unbindWindowResizeListener = _useResizeListener2[1];
   var _useOverlayScrollList = useOverlayScrollListener({
@@ -4956,7 +4910,7 @@ var Tooltip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
       },
       when: visibleState
     }),
-    _useOverlayScrollList2 = _slicedToArray$c(_useOverlayScrollList, 2),
+    _useOverlayScrollList2 = _slicedToArray$d(_useOverlayScrollList, 2),
     bindOverlayScrollListener = _useOverlayScrollList2[0],
     unbindOverlayScrollListener = _useOverlayScrollList2[1];
   var isTargetContentEmpty = function isTargetContentEmpty(target) {
@@ -5815,25 +5769,25 @@ var ChevronUpIcon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
 }));
 ChevronUpIcon.displayName = 'ChevronUpIcon';
 
-function _arrayLikeToArray$c(r, a) {
+function _arrayLikeToArray$d(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
   return n;
 }
 
 function _arrayWithoutHoles$6(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray$c(r);
+  if (Array.isArray(r)) return _arrayLikeToArray$d(r);
 }
 
 function _iterableToArray$6(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
 
-function _unsupportedIterableToArray$c(r, a) {
+function _unsupportedIterableToArray$d(r, a) {
   if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray$c(r, a);
+    if ("string" == typeof r) return _arrayLikeToArray$d(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$c(r, a) : void 0;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$d(r, a) : void 0;
   }
 }
 
@@ -5842,7 +5796,7 @@ function _nonIterableSpread$6() {
 }
 
 function _toConsumableArray$6(r) {
-  return _arrayWithoutHoles$6(r) || _iterableToArray$6(r) || _unsupportedIterableToArray$c(r) || _nonIterableSpread$6();
+  return _arrayWithoutHoles$6(r) || _iterableToArray$6(r) || _unsupportedIterableToArray$d(r) || _nonIterableSpread$6();
 }
 
 var KeyFilter = {
@@ -8592,11 +8546,11 @@ function _toConsumableArray$5(r) {
   return _arrayWithoutHoles$5(r) || _iterableToArray$5(r) || _unsupportedIterableToArray$1$3(r) || _nonIterableSpread$5();
 }
 
-function _arrayWithHoles$b(r) {
+function _arrayWithHoles$c(r) {
   if (Array.isArray(r)) return r;
 }
 
-function _iterableToArrayLimit$b(r, l) {
+function _iterableToArrayLimit$c(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
     var e,
@@ -8621,12 +8575,12 @@ function _iterableToArrayLimit$b(r, l) {
   }
 }
 
-function _nonIterableRest$b() {
+function _nonIterableRest$c() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _slicedToArray$b(r, e) {
-  return _arrayWithHoles$b(r) || _iterableToArrayLimit$b(r, e) || _unsupportedIterableToArray$1$3(r, e) || _nonIterableRest$b();
+function _slicedToArray$c(r, e) {
+  return _arrayWithHoles$c(r) || _iterableToArrayLimit$c(r, e) || _unsupportedIterableToArray$1$3(r, e) || _nonIterableRest$c();
 }
 
 var styles$b = "\n@layer primereact {\n    .p-calendar {\n        position: relative;\n        display: inline-flex;\n        max-width: 100%;\n    }\n\n    .p-calendar .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-calendar-w-btn-right .p-inputtext {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    .p-calendar-w-btn-right .p-datepicker-trigger {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-calendar-w-btn-left .p-inputtext {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-calendar-w-btn-left .p-datepicker-trigger {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    /* Fluid */\n    .p-fluid .p-calendar {\n        display: flex;\n    }\n\n    .p-fluid .p-calendar .p-inputtext {\n        width: 1%;\n    }\n\n    /* Datepicker */\n    .p-calendar .p-datepicker {\n        min-width: 100%;\n    }\n\n    .p-datepicker {\n        width: auto;\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n\n    .p-datepicker-inline {\n        display: inline-block;\n        position: static;\n        overflow-x: auto;\n    }\n\n    /* Header */\n    .p-datepicker-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-datepicker-header .p-datepicker-title {\n        margin: 0 auto;\n    }\n\n    .p-datepicker-prev,\n    .p-datepicker-next {\n        cursor: pointer;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Multiple Month DatePicker */\n    .p-datepicker-multiple-month .p-datepicker-group-container {\n        display: flex;\n    }\n\n    .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {\n        flex: 1 1 auto;\n    }\n\n    /* Multiple Month DatePicker */\n    .p-datepicker-multiple-month .p-datepicker-group-container {\n        display: flex;\n    }\n\n    /* DatePicker Table */\n    .p-datepicker table {\n        width: 100%;\n        border-collapse: collapse;\n    }\n\n    .p-datepicker td > span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        margin: 0 auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Month Picker */\n    .p-monthpicker-month {\n        width: 33.3%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /*  Button Bar */\n    .p-datepicker-buttonbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    /* Time Picker */\n    .p-timepicker {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-timepicker button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-timepicker > div {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n    }\n\n    /* Touch UI */\n    .p-datepicker-touch-ui,\n    .p-calendar .p-datepicker-touch-ui {\n        position: fixed;\n        top: 50%;\n        left: 50%;\n        min-width: 80vw;\n        transform: translate(-50%, -50%);\n    }\n\n    /* Year Picker */\n    .p-yearpicker-year {\n        width: 50%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n}\n";
@@ -8874,27 +8828,27 @@ CalendarPanel.displayName = 'CalendarPanel';
 
 function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), true).forEach(function (r) { _defineProperty$a(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$b(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; } } }; }
-function _unsupportedIterableToArray$b(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$b(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$b(r, a) : void 0; } }
-function _arrayLikeToArray$b(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$c(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; } } }; }
+function _unsupportedIterableToArray$c(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$c(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$c(r, a) : void 0; } }
+function _arrayLikeToArray$c(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var Calendar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = CalendarBase.getProps(inProps, context);
   var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray$b(_React$useState, 2),
+    _React$useState2 = _slicedToArray$c(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
   var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray$b(_React$useState3, 2),
+    _React$useState4 = _slicedToArray$c(_React$useState3, 2),
     overlayVisibleState = _React$useState4[0],
     setOverlayVisibleState = _React$useState4[1];
   var _React$useState5 = React.useState(null),
-    _React$useState6 = _slicedToArray$b(_React$useState5, 2),
+    _React$useState6 = _slicedToArray$c(_React$useState5, 2),
     viewDateState = _React$useState6[0],
     setViewDateState = _React$useState6[1];
   var _React$useState7 = React.useState(props.id),
-    _React$useState8 = _slicedToArray$b(_React$useState7, 2),
+    _React$useState8 = _slicedToArray$c(_React$useState7, 2),
     idState = _React$useState8[0],
     setIdState = _React$useState8[1];
   var isCloseOnEscape = overlayVisibleState && props.closeOnEscape;
@@ -8938,19 +8892,19 @@ var Calendar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
   var onChangeRef = React.useRef(null);
   var isClearClicked = React.useRef(false);
   var _React$useState9 = React.useState('date'),
-    _React$useState10 = _slicedToArray$b(_React$useState9, 2),
+    _React$useState10 = _slicedToArray$c(_React$useState9, 2),
     currentView = _React$useState10[0],
     setCurrentView = _React$useState10[1];
   var _React$useState11 = React.useState(null),
-    _React$useState12 = _slicedToArray$b(_React$useState11, 2),
+    _React$useState12 = _slicedToArray$c(_React$useState11, 2),
     currentMonth = _React$useState12[0],
     setCurrentMonth = _React$useState12[1];
   var _React$useState13 = React.useState(null),
-    _React$useState14 = _slicedToArray$b(_React$useState13, 2),
+    _React$useState14 = _slicedToArray$c(_React$useState13, 2),
     currentYear = _React$useState14[0],
     setCurrentYear = _React$useState14[1];
   var _React$useState15 = React.useState([]),
-    _React$useState16 = _slicedToArray$b(_React$useState15, 2),
+    _React$useState16 = _slicedToArray$c(_React$useState15, 2),
     yearOptions = _React$useState16[0],
     setYearOptions = _React$useState16[1];
   var previousValue = usePrevious(props.value);
@@ -8979,7 +8933,7 @@ var Calendar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
       when: !(props.touchUI || props.inline) && visible,
       type: 'mousedown'
     }),
-    _useOverlayListener2 = _slicedToArray$b(_useOverlayListener, 2),
+    _useOverlayListener2 = _slicedToArray$c(_useOverlayListener, 2),
     bindOverlayListener = _useOverlayListener2[0],
     unbindOverlayListener = _useOverlayListener2[1];
   var getDateFormat = function getDateFormat() {
@@ -9762,7 +9716,7 @@ var Calendar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
       var _ref3 = props.yearRange ? props.yearRange.split(':').map(function (year) {
           return parseInt(year, 10);
         }) : [null, null],
-        _ref4 = _slicedToArray$b(_ref3, 2),
+        _ref4 = _slicedToArray$c(_ref3, 2),
         minRangeYear = _ref4[0],
         maxRangeYear = _ref4[1];
       var viewYear = value.getFullYear();
@@ -10952,7 +10906,7 @@ var Calendar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
         return v.getMonth() === month && v.getFullYear() === currentYear;
       });
     } else if (isRangeSelection()) {
-      var _props$value = _slicedToArray$b(props.value, 2),
+      var _props$value = _slicedToArray$c(props.value, 2),
         start = _props$value[0],
         end = _props$value[1];
       var startYear = start ? start.getFullYear() : null;
@@ -12623,8 +12577,10 @@ var LOCALES = {
   }
 };
 
+// src/components/DatePicker.jsx
 var DatePicker = function DatePicker(_ref) {
-  var defaultValue = _ref.defaultValue,
+  var value = _ref.value,
+    onChange = _ref.onChange,
     placeholder = _ref.placeholder,
     _ref$dateFormat = _ref.dateFormat,
     dateFormat = _ref$dateFormat === void 0 ? "dd/mm/yy" : _ref$dateFormat,
@@ -12647,17 +12603,6 @@ var DatePicker = function DatePicker(_ref) {
     _ref$iconBgButton = _ref.iconBgButton,
     iconBgButton = _ref$iconBgButton === void 0 ? '#000000' : _ref$iconBgButton,
     iconPos = _ref.iconPos;
-  var _useState = useState(defaultValue ? new Date(defaultValue) : null),
-    _useState2 = _slicedToArray$h(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  useEffect(function () {
-    // 🎯 Mise à jour du champ hidden Symfony
-    var input = document.querySelector("[name=\"".concat(name, "\"]"));
-    if (input && value) {
-      input.value = value.toISOString().split('T')[0]; // format YYYY-MM-DD
-    }
-  }, [value, name]);
   useEffect(function () {
     var trigger = document.querySelector('.p-datepicker-trigger');
     if (trigger) {
@@ -12675,9 +12620,7 @@ var DatePicker = function DatePicker(_ref) {
     className: "flex flex-col gap-1"
   }, /*#__PURE__*/React__default.createElement(Calendar, {
     value: value,
-    onChange: function onChange(e) {
-      return setValue(e.value);
-    },
+    onChange: onChange,
     dateFormat: dateFormat,
     placeholder: placeholder,
     inputStyle: style,
@@ -12691,6 +12634,8 @@ var DatePicker = function DatePicker(_ref) {
     onClick: function onClick() {
       return console.log("bonjour");
     }
+    // hourFormat="24"
+    // showWeek
   }), /*#__PURE__*/React__default.createElement("div", null, invalid && /*#__PURE__*/React__default.createElement("small", {
     style: {
       color: 'red',
@@ -12735,6 +12680,52 @@ var DatePickerPresets = {
   }
 };
 
+function _arrayLikeToArray$b(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles$b(r) {
+  if (Array.isArray(r)) return r;
+}
+function _iterableToArrayLimit$b(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = true,
+      o = false;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = true, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest$b() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _slicedToArray$b(r, e) {
+  return _arrayWithHoles$b(r) || _iterableToArrayLimit$b(r, e) || _unsupportedIterableToArray$b(r, e) || _nonIterableRest$b();
+}
+function _unsupportedIterableToArray$b(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray$b(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$b(r, a) : void 0;
+  }
+}
+
 function _extends$y() {
   return _extends$y = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -13793,54 +13784,50 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
 });
 Dialog.displayName = 'Dialog';
 
-var ArengiModeTemplate = function ArengiModeTemplate(args) {
-  return {
-    header: /*#__PURE__*/React__default.createElement("span", {
-      style: {
-        color: '#FFFFFF',
-        fontSize: '25px',
-        fontWeight: "initial"
-      }
-    }, /*#__PURE__*/React__default.createElement("i", {
-      style: {
-        color: 'red',
-        fontSize: '20px'
-      },
-      className: "pi pi-plus"
-    }), " ", args.header, " "),
-    headerStyle: {
-      backgroundColor: 'transparent',
-      marginBottom: '-10px',
-      color: '#000000'
-    },
-    closeIcon: /*#__PURE__*/React__default.createElement("span", {
-      className: "close-text",
-      style: {
-        color: '#FFFFFF',
-        fontSize: '18px'
-      }
-    }, " ", args.closeButtonItem, "   ", /*#__PURE__*/React__default.createElement("i", {
-      style: {
-        color: 'red',
-        fontWeight: 'bold'
-      },
-      className: "pi pi-times"
-    }))
-  };
-};
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "\n/* Supprime les bordures autour du dialog */\n.arengimode.p-dialog {\n    box-shadow: none !important;\n    border: none !important;\n}\n\n.arengimode .p-dialog-header .p-dialog-header-icons .p-dialog-header-close {\n    width: auto !important;\n    height: auto !important;\n    border-radius: 0 !important;\n    padding: 0 !important;\n    display: inline !important;\n    line-height: normal;\n    margin-bottom: -45px;\n    margin-right: -25px;\n}\n\n.arengimode .p-dialog-title {\n    margin-left: -25px;\n    font-weight: 0;\n}\n\n.arengimode .p-dialog-footer {\n    background-color: rgba(188, 91, 91, 0.72);\n    border-radius: 0 !important;\n    padding:5px;\n}\n\n.p-dialog-mask:has(.arengimode) {\n    background-color: rgba(0, 0, 0, 0.6) !important;  /* fond plus sombre et transparent */\n    backdrop-filter: blur(6px);                      /* effet de flou */\n    -webkit-backdrop-filter: blur(6px);              /* support Safari */\n}\n";
+styleInject(css_248z);
+
 var Popup = function Popup(_ref) {
   var _ref$arengimode = _ref.arengimode,
     arengimode = _ref$arengimode === void 0 ? false : _ref$arengimode,
     _ref$footer = _ref.footer,
-    footer = _ref$footer === void 0 ? false : _ref$footer,
-    _ref$footerValidate = _ref.footerValidate,
-    footerValidate = _ref$footerValidate === void 0 ? true : _ref$footerValidate,
-    _ref$footerCancel = _ref.footerCancel,
-    footerCancel = _ref$footerCancel === void 0 ? true : _ref$footerCancel,
-    _ref$validateButtonIt = _ref.validateButtonItem,
-    validateButtonItem = _ref$validateButtonIt === void 0 ? 'Valider' : _ref$validateButtonIt,
-    _ref$cancelButtonItem = _ref.cancelButtonItem,
-    cancelButtonItem = _ref$cancelButtonItem === void 0 ? 'Annuler' : _ref$cancelButtonItem,
+    footer = _ref$footer === void 0 ? /*#__PURE__*/React__default.createElement(Button$1, {
+      label: "Valider",
+      size: "small",
+      icon: "pi pi-check",
+      iconPos: "left",
+      severity: "success",
+      raised: true
+    }) : _ref$footer,
+    visible = _ref.visible,
+    onHide = _ref.onHide,
     children = _ref.children,
     _ref$dismissableMask = _ref.dismissableMask,
     dismissableMask = _ref$dismissableMask === void 0 ? true : _ref$dismissableMask,
@@ -13865,41 +13852,22 @@ var Popup = function Popup(_ref) {
     _ref$headerColor = _ref.headerColor,
     headerColor = _ref$headerColor === void 0 ? null : _ref$headerColor,
     _ref$header = _ref.header,
-    header = _ref$header === void 0 ? 'Titre de la popup' : _ref$header,
-    _ref$closeButtonItem = _ref.closeButtonItem,
-    closeButtonItem = _ref$closeButtonItem === void 0 ? 'Fermer' : _ref$closeButtonItem;
+    header = _ref$header === void 0 ? 'Titre de la popup' : _ref$header;
   var _useState = useState(initialStyle),
-    _useState2 = _slicedToArray$h(_useState, 2),
+    _useState2 = _slicedToArray$b(_useState, 2),
     dialogStyle = _useState2[0],
     setDialogStyle = _useState2[1];
   var _useState3 = useState({
       width: 0,
       height: 0
     }),
-    _useState4 = _slicedToArray$h(_useState3, 2),
+    _useState4 = _slicedToArray$b(_useState3, 2),
     dimensions = _useState4[0],
     setDimensions = _useState4[1];
   var dialogRef = useRef(null);
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray$h(_useState5, 2),
-    visible = _useState6[0],
-    setVisible = _useState6[1];
-  var isArengi = arengimode;
-  var arengiProps = isArengi ? ArengiModeTemplate({
-    header: header,
-    closeButtonItem: closeButtonItem
-  }) : {};
-  var headStyle = headerStyle || (headerColor ? {
+  var headStyle = headerStyle ? headerStyle : {
     backgroundColor: headerColor
-  } : {});
-  var customPopupCSS = "\n        .arengimode.p-dialog {\n            box-shadow: none !important;\n            border: none !important;\n        }\n        .arengimode .p-dialog-header .p-dialog-header-icons .p-dialog-header-close {\n            width: auto !important;\n            height: auto !important;\n            border-radius: 0 !important;\n            padding: 0 !important;\n            display: inline !important;\n            line-height: normal;\n            margin-bottom: -45px;\n            margin-right: -25px;\n        }\n        .arengimode .p-dialog-title {\n            margin-left: -25px;\n            font-weight: 0;\n        }\n        .arengimode .p-dialog-footer {\n            background-color: rgba(188, 91, 91, 0.72);\n            border-radius: 0 !important;\n            padding: 5px;\n        }\n        .p-dialog-mask:has(.arengimode) {\n            background-color: rgba(0, 0, 0, 0.6) !important;\n            backdrop-filter: blur(6px);\n            -webkit-backdrop-filter: blur(6px);\n        }\n";
-  var finalHeader = function finalHeader() {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "flex flex-col gap-2"
-    }, isArengi ? arengiProps.header : header);
   };
-  var finalHeaderStyle = isArengi ? arengiProps.headerStyle : headStyle;
-  var finalCloseIcon = isArengi ? arengiProps.closeIcon : closeIcon;
   var handleResize = function handleResize() {
     var _dialogRef$current;
     if ((_dialogRef$current = dialogRef.current) !== null && _dialogRef$current !== void 0 && _dialogRef$current.getElement()) {
@@ -13911,47 +13879,6 @@ var Popup = function Popup(_ref) {
       });
     }
   };
-  var footerPage = function footerPage(itemValide, itemClose) {
-    if (footer) {
-      if (footerValidate && footerCancel) {
-        return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button$1, {
-          label: itemClose,
-          size: "small",
-          icon: "pi pi-check",
-          iconPos: "left",
-          severity: "danger",
-          raised: true
-        }), /*#__PURE__*/React__default.createElement(Button$1, {
-          label: itemValide,
-          size: "small",
-          icon: "pi pi-check",
-          iconPos: "left",
-          severity: "success",
-          raised: true
-        }));
-      } else if (footerValidate && !footerCancel) {
-        return /*#__PURE__*/React__default.createElement(Button$1, {
-          label: itemValide,
-          size: "small",
-          icon: "pi pi-check",
-          iconPos: "left",
-          severity: "success",
-          raised: true
-        });
-      } else if (!footerValidate && footerCancel) {
-        return /*#__PURE__*/React__default.createElement(Button$1, {
-          label: itemClose,
-          size: "small",
-          icon: "pi pi-check",
-          iconPos: "left",
-          severity: "danger",
-          raised: true
-        });
-      }
-    } else {
-      return null;
-    }
-  };
   var handleResizeEnd = function handleResizeEnd() {
     var _dialogRef$current2;
     if ((_dialogRef$current2 = dialogRef.current) !== null && _dialogRef$current2 !== void 0 && _dialogRef$current2.getElement()) {
@@ -13978,37 +13905,25 @@ var Popup = function Popup(_ref) {
       });
     }
   };
-  useEffect(function () {
-    var styleTag = document.createElement('style');
-    styleTag.innerHTML = customPopupCSS;
-    document.head.appendChild(styleTag);
-    return function () {
-      document.head.removeChild(styleTag);
-    };
-  }, []);
+  var head = function head() {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "flex flex-col gap-2"
+    }, header);
+  };
   useEffect(function () {
     if (visible) {
       handleShow();
     }
   }, [visible]);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button$1, {
-    label: "Ouvrir la popup",
-    onClick: function onClick() {
-      return setVisible(true);
-    }
-  }), /*#__PURE__*/React__default.createElement(Dialog, {
-    header: finalHeader,
-    onHide: function onHide() {
-      return setVisible(false);
-    },
-    footer: footerPage(validateButtonItem, cancelButtonItem),
-    visible: visible
-    // onHide={onHide}
-    ,
+  return /*#__PURE__*/React__default.createElement(Dialog, {
+    header: head,
+    footer: footer,
+    visible: visible,
+    onHide: onHide,
     closable: closable,
     dismissableMask: dismissableMask,
     modal: modal,
-    closeIcon: finalCloseIcon,
+    closeIcon: closeIcon,
     draggable: draggable,
     resizable: resizable,
     style: dialogStyle,
@@ -14016,7 +13931,7 @@ var Popup = function Popup(_ref) {
     onResize: handleResize,
     onResizeEnd: handleResizeEnd,
     ref: dialogRef,
-    headerStyle: finalHeaderStyle,
+    headerStyle: headStyle,
     className: arengimode ? 'arengimode' : null
   }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, dimensions.width && dimensions.height ? /*#__PURE__*/React__default.createElement("small", {
     style: {
@@ -14026,7 +13941,7 @@ var Popup = function Popup(_ref) {
       fontSize: '0.8rem',
       color: '#000000'
     }
-  }, "Dimensions actuelles : ", Math.round(dimensions.width), "px \xD7 ", Math.round(dimensions.height), "px") : '', children)));
+  }, "Dimensions actuelles : ", Math.round(dimensions.width), "px \xD7 ", Math.round(dimensions.height), "px") : '', children));
 };
 
 //PropTypes.bool,PropTypes.string,PropTypes.oneOf([]),PropTypes.isRequired,PropTypes.func,PropTypes.number,
@@ -14035,12 +13950,50 @@ Popup.propTypes = {
   arengimode: PropTypes.bool
 };
 
+var ArengiModeTemplate = function ArengiModeTemplate(prevArgs) {
+  return {
+    header: /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        color: '#FFFFFF',
+        fontSize: '25px',
+        fontWeight: "initial"
+      }
+    }, /*#__PURE__*/React__default.createElement("i", {
+      style: {
+        color: 'red',
+        fontSize: '20px'
+      },
+      className: "pi pi-plus"
+    }), " ", prevArgs.header, " "),
+    headerStyle: {
+      backgroundColor: 'transparent',
+      marginBottom: '-10px',
+      color: '#000000'
+    },
+    closeIcon: /*#__PURE__*/React__default.createElement("span", {
+      className: "close-text",
+      style: {
+        color: '#FFFFFF',
+        fontSize: '18px'
+      }
+    }, "Fermer  ", /*#__PURE__*/React__default.createElement("i", {
+      style: {
+        color: 'red',
+        fontWeight: 'bold'
+      },
+      className: "pi pi-times"
+    }))
+  };
+};
 var PopupPresets = {
   Default: {
     header: 'Titre de la popup'
   },
   PopupArengi: {
-    arengimode: true
+    arengimode: true,
+    header: ArengiModeTemplate.header,
+    headerStyle: ArengiModeTemplate.headerStyle,
+    closeIcon: ArengiModeTemplate.closeIcon
   },
   WithFooter: {
     header: 'Popup avec pied de page',
@@ -28075,15 +28028,15 @@ var Table$1 = function Table() {
 };
 var Formulaire = function Formulaire() {
   var _useState = useState(20),
-    _useState2 = _slicedToArray$h(_useState, 2),
+    _useState2 = _slicedToArray$b(_useState, 2),
     value1 = _useState2[0],
     setValue1 = _useState2[1];
   var _useState3 = useState(10.50),
-    _useState4 = _slicedToArray$h(_useState3, 2),
+    _useState4 = _slicedToArray$b(_useState3, 2),
     value2 = _useState4[0],
     setValue2 = _useState4[1];
   var _useState5 = useState(25),
-    _useState6 = _slicedToArray$h(_useState5, 2),
+    _useState6 = _slicedToArray$b(_useState5, 2),
     value3 = _useState6[0],
     setValue3 = _useState6[1];
   var style = {
@@ -29359,77 +29312,72 @@ var Menu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
 Menu.displayName = 'Menu';
 
 var Panel = function Panel(_ref) {
-  var _ref$classicContent = _ref.classicContent,
-    classicContent = _ref$classicContent === void 0 ? true : _ref$classicContent,
-    _ref$accordionContent = _ref.accordionContent,
+  var _ref$accordionContent = _ref.accordionContent,
     accordionContent = _ref$accordionContent === void 0 ? false : _ref$accordionContent,
+    _ref$classicContent = _ref.classicContent,
+    classicContent = _ref$classicContent === void 0 ? true : _ref$classicContent,
     _ref$withFooterTempla = _ref.withFooterTemplate,
-    withFooterTemplate = _ref$withFooterTempla === void 0 ? false : _ref$withFooterTempla,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? 'Titre du panneau' : _ref$title,
-    _ref$avatarLabel = _ref.avatarLabel,
-    avatarLabel = _ref$avatarLabel === void 0 ? '1' : _ref$avatarLabel,
-    _ref$headerFontSize = _ref.headerFontSize,
-    headerFontSize = _ref$headerFontSize === void 0 ? '20px' : _ref$headerFontSize,
-    _ref$headerFontWeight = _ref.headerFontWeight,
-    headerFontWeight = _ref$headerFontWeight === void 0 ? 'bold' : _ref$headerFontWeight,
-    _ref$headerColor = _ref.headerColor,
-    headerColor = _ref$headerColor === void 0 ? '#000000' : _ref$headerColor,
-    _ref$menuItems = _ref.menuItems,
-    menuItems = _ref$menuItems === void 0 ? [{
-      label: 'Refresh',
-      icon: 'pi pi-refresh'
-    }, {
-      label: 'Search',
-      icon: 'pi pi-search'
+    withFooterTemplate = _ref$withFooterTempla === void 0 ? false : _ref$withFooterTempla;
+  var configMenu = useRef(null);
+  var items = [{
+    label: 'Refresh',
+    icon: 'pi pi-refresh'
+  }, {
+    label: 'Search',
+    icon: 'pi pi-search'
+  }, {
+    separator: true
+  }, {
+    label: 'Delete',
+    icon: 'pi pi-times'
+  }];
+  var tasks = function tasks(type) {
+    var tache = [{
+      id: '1',
+      questions: 'Quels sont les principaux risques identifiés dans votre environnement de travail ?',
+      completed: 'false',
+      description: 'Cette question vise à recueillir une première perception des dangers présents sur le lieu de travail. Elle permet de cibler les domaines à analyser plus en détail lors de l’évaluation des risques.\n' + 'Attendu :\n' + 'Une réponse libre ou une sélection parmi les types de risques (chimiques, physiques, psychosociaux, etc.).'
     }, {
-      separator: true
+      id: '2',
+      questions: 'Avez-vous mis en place des mesures de prévention pour ces risques ?',
+      completed: 'false',
+      description: 'Cette question permet de savoir si des actions correctives ou préventives sont déjà engagées (signalisation, équipements de protection, formations, etc.). Elle aide à évaluer le niveau de maturité en matière de sécurité.\n' + 'Attendu :\n' + 'Oui / Non / Partiellement, avec précision des mesures existantes.'
     }, {
-      label: 'Delete',
-      icon: 'pi pi-times'
-    }] : _ref$menuItems,
-    _ref$text = _ref.text,
-    text = _ref$text === void 0 ? '' : _ref$text,
-    _ref$accordionData = _ref.accordionData,
-    accordionData = _ref$accordionData === void 0 ? [] : _ref$accordionData,
-    _ref$footerButtons = _ref.footerButtons,
-    footerButtons = _ref$footerButtons === void 0 ? [{
-      icon: 'pi pi-user',
-      severity: 'primary'
+      id: '3',
+      questions: 'Existe-t-il un document unique d’évaluation des risques (DUER) à jour ?',
+      completed: 'false',
+      description: 'Le DUER est une obligation légale en entreprise. Cette question vise à vérifier la conformité réglementaire et la mise à jour du plan de prévention.\n' + 'Attendu :\n' + 'Oui / Non / En cours de mise à jour.'
     }, {
-      icon: 'pi pi-bookmark',
-      severity: 'secondary'
-    }] : _ref$footerButtons,
-    _ref$footerNote = _ref.footerNote,
-    footerNote = _ref$footerNote === void 0 ? 'Mis à jour il y a 2 heures' : _ref$footerNote;
-  var configMenu = useRef(null);
+      id: '4',
+      questions: 'Des incidents ou accidents récents ont-ils été signalés ?',
+      completed: 'false',
+      description: 'Cette question permet de détecter les zones ou pratiques à risque ayant déjà conduit à des situations dangereuses. Elle contribue à l’analyse des causes et à l’amélioration des procédures.\n' + 'Attendu :\n' + 'Oui / Non, avec un bref résumé si applicable.'
+    }];
+    return tache;
+  };
   var headerTemplate = function headerTemplate(options) {
+    var className = "".concat(options.className, " justify-content-space-between");
     return /*#__PURE__*/React__default.createElement("div", {
-      className: "".concat(options.className, " justify-content-between align-items-center")
+      className: className
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: "flex align-items-center gap-2"
+      className: "flex align-items-center gap-2 font-weight-bold mr-5"
     }, /*#__PURE__*/React__default.createElement(Avatar, {
-      label: avatarLabel,
+      label: "1",
       size: "large",
-      shape: "circle",
-      style: {
-        marginRight: '10px'
-      }
+      shape: "circle"
     }), /*#__PURE__*/React__default.createElement("span", {
+      className: "font-weight-bold",
       style: {
-        fontSize: headerFontSize,
-        fontWeight: headerFontWeight,
-        color: headerColor
+        fontWeight: 'bold',
+        fontSize: '20px'
       }
-    }, title)), /*#__PURE__*/React__default.createElement("div", {
-      className: "flex align-items-center gap-2"
-    }, /*#__PURE__*/React__default.createElement(Menu, {
-      model: menuItems,
+    }, " EVALUATION PREVENTIVE DES RISQUES PROFESSIONNELS ")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Menu, {
+      model: items,
       popup: true,
       ref: configMenu,
       id: "config_menu"
     }), /*#__PURE__*/React__default.createElement("button", {
-      className: "p-panel-header-icon p-link",
+      className: "p-panel-header-icon p-link mr-2",
       onClick: function onClick(e) {
         var _configMenu$current;
         return configMenu === null || configMenu === void 0 || (_configMenu$current = configMenu.current) === null || _configMenu$current === void 0 ? void 0 : _configMenu$current.toggle(e);
@@ -29439,93 +29387,55 @@ var Panel = function Panel(_ref) {
     })), options.togglerElement));
   };
   var footerTemplate = function footerTemplate(options) {
+    var className = "".concat(options.className, " flex flex-wrap align-items-center justify-content-between gap-3");
     return /*#__PURE__*/React__default.createElement("div", {
-      className: "".concat(options.className, " flex flex-wrap align-items-center justify-content-between gap-3")
+      className: className
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "flex align-items-center gap-2"
-    }, footerButtons.map(function (btn, index) {
-      return /*#__PURE__*/React__default.createElement(Button$1, {
-        key: index,
-        icon: btn.icon,
-        severity: btn.severity,
-        rounded: true,
-        text: true
-      });
+    }, /*#__PURE__*/React__default.createElement(Button$1, {
+      icon: "pi pi-user",
+      rounded: true,
+      text: true
+    }), /*#__PURE__*/React__default.createElement(Button$1, {
+      icon: "pi pi-bookmark",
+      severity: "secondary",
+      rounded: true,
+      text: true
     })), /*#__PURE__*/React__default.createElement("span", {
-      className: "text-sm text-color-secondary"
-    }, footerNote));
+      className: "p-text-secondary"
+    }, "Updated 2 hours ago"));
   };
-  return /*#__PURE__*/React__default.createElement(Panel$1, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Panel$1, {
     headerTemplate: headerTemplate,
     footerTemplate: withFooterTemplate ? footerTemplate : null,
     toggleable: true
-  }, accordionContent && accordionData.map(function (item, index) {
+  }, accordionContent && tasks().map(function (task) {
     return /*#__PURE__*/React__default.createElement(Accordion, {
-      key: index
+      key: task.id
     }, /*#__PURE__*/React__default.createElement(AccordionTab, {
-      header: item.questions
+      header: task.questions
     }, /*#__PURE__*/React__default.createElement("p", {
       className: "m-0"
-    }, item.description)));
+    }, task.description)));
   }), classicContent && /*#__PURE__*/React__default.createElement("p", {
     className: "m-0"
-  }, text));
+  }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")));
 };
 
 var PanelPresets = {
   Default: {
     classicContent: true,
     accordionContent: false,
-    withFooterTemplate: false,
-    title: 'Panneau d’information',
-    avatarLabel: '1',
-    headerFontSize: '20px',
-    headerFontWeight: 'bold',
-    headerColor: '#000000',
-    text: 'Ceci est un contenu modifiable du panneau.',
-    menuItems: [{
-      label: 'Rafraîchir',
-      icon: 'pi pi-refresh'
-    }, {
-      label: 'Rechercher',
-      icon: 'pi pi-search'
-    }, {
-      separator: true
-    }, {
-      label: 'Supprimer',
-      icon: 'pi pi-times'
-    }]
+    withFooterTemplate: false
   },
-  WithAccordion: {
-    classicContent: false,
+  withAccordion: {
     accordionContent: true,
-    withFooterTemplate: false,
-    title: 'Questions/Réponses',
-    avatarLabel: 'Q',
-    headerColor: '#1e40af',
-    accordionData: [{
-      questions: 'Quels sont les risques identifiés ?',
-      description: 'Listez les principaux risques dans votre environnement.'
-    }, {
-      questions: 'Des mesures de prévention ont-elles été mises en place ?',
-      description: 'Exemples : équipements de sécurité, formation, procédures.'
-    }]
+    classicContent: false,
+    withFooterTemplate: false
   },
-  WithFooter: {
+  withFooterTemplate: {
     classicContent: true,
-    accordionContent: false,
-    withFooterTemplate: true,
-    title: 'Panneau avec pied de page',
-    avatarLabel: 'F',
-    text: 'Le contenu est visible au-dessus du footer personnalisé.',
-    footerButtons: [{
-      icon: 'pi pi-user',
-      severity: 'primary'
-    }, {
-      icon: 'pi pi-cog',
-      severity: 'secondary'
-    }],
-    footerNote: 'Dernière mise à jour : il y a 5 minutes'
+    withFooterTemplate: true
   }
 };
 
@@ -37958,11 +37868,11 @@ var Password = function Password(_ref) {
     _ref$passwordWithTemp2 = _ref.passwordWithTemplateNative,
     passwordWithTemplateNative = _ref$passwordWithTemp2 === void 0 ? false : _ref$passwordWithTemp2;
   var _useState = useState(''),
-    _useState2 = _slicedToArray$h(_useState, 2),
+    _useState2 = _slicedToArray$b(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
   var _useState3 = useState(''),
-    _useState4 = _slicedToArray$h(_useState3, 2),
+    _useState4 = _slicedToArray$b(_useState3, 2),
     strengthLabel = _useState4[0],
     setStrengthLabel = _useState4[1];
   var evaluateStrength = function evaluateStrength(password) {