arengibook 2.4.52 → 2.4.53

package/dist/index.js

@@ -142,7 +142,7 @@ function _createClass$3(e, r, t) {
   }), e;
 }
 
-function _defineProperty$f(e, r, t) {
+function _defineProperty$g(e, r, t) {
   return (r = toPropertyKey$f(r)) in e ? Object.defineProperty(e, r, {
     value: t,
     enumerable: true,
@@ -1418,11 +1418,11 @@ var DomHandler = /*#__PURE__*/function () {
 /**
  * All data- properties like data-test-id
  */
-_defineProperty$f(DomHandler, "DATA_PROPS", ['data-']);
+_defineProperty$g(DomHandler, "DATA_PROPS", ['data-']);
 /**
  * All ARIA properties like aria-label and focus-target for https://www.npmjs.com/package/@q42/floating-focus-a11y
  */
-_defineProperty$f(DomHandler, "ARIA_PROPS", ['aria', 'focus-target']);
+_defineProperty$g(DomHandler, "ARIA_PROPS", ['aria', 'focus-target']);
 
 function EventBus() {
   var allHandlers = new Map();
@@ -2142,7 +2142,7 @@ function UniqueComponentId() {
 }
 
 function ownKeys$2$4(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$2$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2$4(Object(t), true).forEach(function (r) { _defineProperty$f(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$2$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2$4(Object(t), true).forEach(function (r) { _defineProperty$g(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var IconUtils = /*#__PURE__*/function () {
   function IconUtils() {
     _classCallCheck$3(this, IconUtils);
@@ -2174,7 +2174,7 @@ var IconUtils = /*#__PURE__*/function () {
 }();
 
 function ownKeys$1$5(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$1$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1$5(Object(t), true).forEach(function (r) { _defineProperty$f(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$1$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1$5(Object(t), true).forEach(function (r) { _defineProperty$g(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function mask(el, options) {
   var defaultOptions = {
     mask: null,
@@ -2627,8 +2627,8 @@ function mask(el, options) {
   };
 }
 
-function ownKeys$u(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$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), true).forEach(function (r) { _defineProperty$f(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$v(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$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), true).forEach(function (r) { _defineProperty$g(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Merges properties together taking an Array of props and merging into one single set of
  * properties. The options can contain a "classNameMergeFunction" which can be something
@@ -3023,7 +3023,7 @@ function toPropertyKey$e(t) {
   return "symbol" == _typeof$e(i) ? i : i + "";
 }
 
-function _defineProperty$e(e, r, t) {
+function _defineProperty$f(e, r, t) {
   return (r = toPropertyKey$e(r)) in e ? Object.defineProperty(e, r, {
     value: t,
     enumerable: true,
@@ -3047,29 +3047,29 @@ function _classCallCheck$2(a, n) {
 var PrimeReact$1$1 = /*#__PURE__*/_createClass$2(function PrimeReact() {
   _classCallCheck$2(this, PrimeReact);
 });
-_defineProperty$e(PrimeReact$1$1, "ripple", false);
-_defineProperty$e(PrimeReact$1$1, "inputStyle", 'outlined');
-_defineProperty$e(PrimeReact$1$1, "locale", 'en');
-_defineProperty$e(PrimeReact$1$1, "appendTo", null);
-_defineProperty$e(PrimeReact$1$1, "cssTransition", true);
-_defineProperty$e(PrimeReact$1$1, "autoZIndex", true);
-_defineProperty$e(PrimeReact$1$1, "hideOverlaysOnDocumentScrolling", false);
-_defineProperty$e(PrimeReact$1$1, "nonce", null);
-_defineProperty$e(PrimeReact$1$1, "nullSortOrder", 1);
-_defineProperty$e(PrimeReact$1$1, "zIndex", {
+_defineProperty$f(PrimeReact$1$1, "ripple", false);
+_defineProperty$f(PrimeReact$1$1, "inputStyle", 'outlined');
+_defineProperty$f(PrimeReact$1$1, "locale", 'en');
+_defineProperty$f(PrimeReact$1$1, "appendTo", null);
+_defineProperty$f(PrimeReact$1$1, "cssTransition", true);
+_defineProperty$f(PrimeReact$1$1, "autoZIndex", true);
+_defineProperty$f(PrimeReact$1$1, "hideOverlaysOnDocumentScrolling", false);
+_defineProperty$f(PrimeReact$1$1, "nonce", null);
+_defineProperty$f(PrimeReact$1$1, "nullSortOrder", 1);
+_defineProperty$f(PrimeReact$1$1, "zIndex", {
   modal: 1100,
   overlay: 1000,
   menu: 1000,
   tooltip: 1100,
   toast: 1200
 });
-_defineProperty$e(PrimeReact$1$1, "pt", undefined);
-_defineProperty$e(PrimeReact$1$1, "filterMatchModeOptions", {
+_defineProperty$f(PrimeReact$1$1, "pt", undefined);
+_defineProperty$f(PrimeReact$1$1, "filterMatchModeOptions", {
   text: [FilterMatchMode$2.STARTS_WITH, FilterMatchMode$2.CONTAINS, FilterMatchMode$2.NOT_CONTAINS, FilterMatchMode$2.ENDS_WITH, FilterMatchMode$2.EQUALS, FilterMatchMode$2.NOT_EQUALS],
   numeric: [FilterMatchMode$2.EQUALS, FilterMatchMode$2.NOT_EQUALS, FilterMatchMode$2.LESS_THAN, FilterMatchMode$2.LESS_THAN_OR_EQUAL_TO, FilterMatchMode$2.GREATER_THAN, FilterMatchMode$2.GREATER_THAN_OR_EQUAL_TO],
   date: [FilterMatchMode$2.DATE_IS, FilterMatchMode$2.DATE_IS_NOT, FilterMatchMode$2.DATE_BEFORE, FilterMatchMode$2.DATE_AFTER]
 });
-_defineProperty$e(PrimeReact$1$1, "changeTheme", function (currentTheme, newTheme, linkElementId, callback) {
+_defineProperty$f(PrimeReact$1$1, "changeTheme", function (currentTheme, newTheme, linkElementId, callback) {
   var _linkElement$parentNo;
   var linkElement = document.getElementById(linkElementId);
   if (!linkElement) {
@@ -3088,8 +3088,8 @@ _defineProperty$e(PrimeReact$1$1, "changeTheme", function (currentTheme, newThem
   (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 || _linkElement$parentNo.replaceChild(newLinkElement, linkElement);
 });
 
-function ownKeys$t(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$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), true).forEach(function (r) { _defineProperty$e(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$u(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$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), true).forEach(function (r) { _defineProperty$f(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var locales$2 = {
   en: {
     accept: 'Yes',
@@ -3988,7 +3988,7 @@ function toPropertyKey$d(t) {
   return "symbol" == _typeof$d(i) ? i : i + "";
 }
 
-function _defineProperty$d(e, r, t) {
+function _defineProperty$e(e, r, t) {
   return (r = toPropertyKey$d(r)) in e ? Object.defineProperty(e, r, {
     value: t,
     enumerable: true,
@@ -3997,8 +3997,8 @@ function _defineProperty$d(e, r, t) {
   }) : e[r] = t, e;
 }
 
-function ownKeys$s(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$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$d(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; }
+function ownKeys$t(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$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), true).forEach(function (r) { _defineProperty$e(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var baseStyle = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    opacity: 0;\n    overflow: hidden;\n    padding: 0;\n    pointer-events: none;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
 var buttonStyles = "\n.p-button {\n    margin: 0;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-button-group .p-button {\n    margin: 0;\n}\n\n.p-button-group .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-button-group .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-button-group .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-button-group .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-button-group .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n\n.p-button-group-single .p-button:first-of-type {\n    border-top-right-radius: var(--border-radius) !important;\n    border-bottom-right-radius: var(--border-radius) !important;\n}\n\n.p-button-group-single .p-button:last-of-type {\n    border-top-left-radius: var(--border-radius) !important;\n    border-bottom-left-radius: var(--border-radius) !important;\n}\n";
 var inputTextStyles = "\n.p-inputtext {\n    margin: 0;\n}\n\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -0.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label,\n.p-float-label .p-mention ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label,\n.p-float-label .p-tooltip-target-wrapper ~ label {\n    top: -0.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
@@ -4083,7 +4083,7 @@ var ComponentBase = {
       };
       var globalPT = searchInDefaultPT ? isNestedParam ? _useGlobalPT(getPTClassValue, originalkey, params) : _useDefaultPT(getPTClassValue, originalkey, params) : undefined;
       var self = isNestedParam ? undefined : _usePT(_getPT(obj, componentName), getPTClassValue, originalkey, params);
-      var datasetProps = !isTransition && _objectSpread$s(_objectSpread$s({}, fkey === 'root' && _defineProperty$d({}, "".concat(datasetPrefix, "name"), params.props && params.props.__parentMetadata ? ObjectUtils.toFlatCase(params.props.__TYPE) : componentName)), {}, _defineProperty$d({}, "".concat(datasetPrefix, "section"), fkey));
+      var datasetProps = !isTransition && _objectSpread$s(_objectSpread$s({}, fkey === 'root' && _defineProperty$e({}, "".concat(datasetPrefix, "name"), params.props && params.props.__parentMetadata ? ObjectUtils.toFlatCase(params.props.__TYPE) : componentName)), {}, _defineProperty$e({}, "".concat(datasetPrefix, "section"), fkey));
       return mergeSections || !mergeSections && self ? useMergeProps ? mergeProps([globalPT, self, Object.keys(datasetProps).length ? datasetProps : {}], {
         classNameMergeFunction: (_ComponentBase$contex = ComponentBase.context.ptOptions) === null || _ComponentBase$contex === void 0 ? void 0 : _ComponentBase$contex.classNameMergeFunction
       }) : _objectSpread$s(_objectSpread$s(_objectSpread$s({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$s(_objectSpread$s({}, self), Object.keys(datasetProps).length ? datasetProps : {});
@@ -4373,7 +4373,7 @@ function toPropertyKey$c(t) {
   return "symbol" == _typeof$c(i) ? i : i + "";
 }
 
-function _defineProperty$c(e, r, t) {
+function _defineProperty$d(e, r, t) {
   return (r = toPropertyKey$c(r)) in e ? Object.defineProperty(e, r, {
     value: t,
     enumerable: true,
@@ -4454,8 +4454,8 @@ var RippleBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$r(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$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), true).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$s(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$r(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$d(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$b(_React$useState, 2),
@@ -4706,7 +4706,7 @@ function toPropertyKey$b(t) {
   return "symbol" == _typeof$b(i) ? i : i + "";
 }
 
-function _defineProperty$b(e, r, t) {
+function _defineProperty$c(e, r, t) {
   return (r = toPropertyKey$b(r)) in e ? Object.defineProperty(e, r, {
     value: t,
     enumerable: true,
@@ -4786,7 +4786,7 @@ var classes$b = {
   root: function root(_ref) {
     var positionState = _ref.positionState,
       classNameState = _ref.classNameState;
-    return classNames('p-tooltip p-component', _defineProperty$b({}, "p-tooltip-".concat(positionState), true), classNameState);
+    return classNames('p-tooltip p-component', _defineProperty$c({}, "p-tooltip-".concat(positionState), true), classNameState);
   },
   arrow: 'p-tooltip-arrow',
   text: 'p-tooltip-text'
@@ -4843,8 +4843,8 @@ var TooltipBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$q(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$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), true).forEach(function (r) { _defineProperty$b(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$r(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$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), true).forEach(function (r) { _defineProperty$c(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Tooltip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -5409,7 +5409,7 @@ function toPropertyKey$a(t) {
   return "symbol" == _typeof$a(i) ? i : i + "";
 }
 
-function _defineProperty$a(e, r, t) {
+function _defineProperty$b(e, r, t) {
   return (r = toPropertyKey$a(r)) in e ? Object.defineProperty(e, r, {
     value: t,
     enumerable: true,
@@ -5421,7 +5421,7 @@ function _defineProperty$a(e, r, t) {
 var classes$1$1 = {
   root: function root(_ref) {
     var props = _ref.props;
-    return classNames('p-badge p-component', _defineProperty$a({
+    return classNames('p-badge p-component', _defineProperty$b({
       'p-badge-no-gutter': ObjectUtils.isNotEmpty(props.value) && String(props.value).length === 1,
       'p-badge-dot': ObjectUtils.isEmpty(props.value),
       'p-badge-lg': props.size === 'large',
@@ -5448,7 +5448,7 @@ var BadgeBase = ComponentBase.extend({
 });
 
 function ownKeys$1$4(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$1$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1$4(Object(t), true).forEach(function (r) { _defineProperty$a(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$1$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1$4(Object(t), true).forEach(function (r) { _defineProperty$b(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Badge = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -5483,7 +5483,7 @@ Badge.displayName = 'Badge';
 var classes$a = {
   icon: function icon(_ref) {
     var props = _ref.props;
-    return classNames('p-button-icon p-c', _defineProperty$a({}, "p-button-icon-".concat(props.iconPos), props.label));
+    return classNames('p-button-icon p-c', _defineProperty$b({}, "p-button-icon-".concat(props.iconPos), props.label));
   },
   loadingIcon: function loadingIcon(_ref2) {
     var props = _ref2.props,
@@ -5497,7 +5497,7 @@ var classes$a = {
     var props = _ref3.props,
       size = _ref3.size,
       disabled = _ref3.disabled;
-    return classNames('p-button p-component', _defineProperty$a(_defineProperty$a(_defineProperty$a(_defineProperty$a({
+    return classNames('p-button p-component', _defineProperty$b(_defineProperty$b(_defineProperty$b(_defineProperty$b({
       'p-button-icon-only': (props.icon || props.loading) && !props.label && !props.children,
       'p-button-vertical': (props.iconPos === 'top' || props.iconPos === 'bottom') && props.label,
       'p-disabled': disabled,
@@ -5542,8 +5542,8 @@ var ButtonBase = ComponentBase.extend({
   }
 });
 
-function ownKeys$p(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$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), true).forEach(function (r) { _defineProperty$a(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$q(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$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), true).forEach(function (r) { _defineProperty$b(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Button$1 = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -5572,7 +5572,7 @@ var Button$1 = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     return null;
   }
   var createIcon = function createIcon() {
-    var className = classNames('p-button-icon p-c', _defineProperty$a({}, "p-button-icon-".concat(props.iconPos), props.label));
+    var className = classNames('p-button-icon p-c', _defineProperty$b({}, "p-button-icon-".concat(props.iconPos), props.label));
     var iconsProps = mergeProps({
       className: cx('icon')
     }, ptm('icon'));
@@ -5745,6 +5745,14 @@ function _arrayLikeToArray$a(r, a) {
 function _arrayWithHoles$8(r) {
   if (Array.isArray(r)) return r;
 }
+function _defineProperty$a(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
 function _extends$A() {
   return _extends$A = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -5781,6 +5789,27 @@ function _iterableToArrayLimit$8(r, l) {
 function _nonIterableRest$8() {
   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 ownKeys$p(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 _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys$p(Object(t), true).forEach(function (r) {
+      _defineProperty$a(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
 function _objectWithoutProperties$1(e, t) {
   if (null == e) return {};
   var o,
@@ -5804,6 +5833,20 @@ 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 _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
 function _unsupportedIterableToArray$a(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray$a(r, a);
@@ -35769,36 +35812,57 @@ var Dropdown = function Dropdown(_ref) {
     _ref$filter = _ref.filter,
     filter = _ref$filter === void 0 ? false : _ref$filter,
     _ref$optionLabel = _ref.optionLabel,
-    optionLabel = _ref$optionLabel === void 0 ? 'label' : _ref$optionLabel;
-    _ref.optionValue;
-    var _ref$invalid = _ref.invalid,
+    optionLabel = _ref$optionLabel === void 0 ? 'label' : _ref$optionLabel,
+    _ref$optionValue = _ref.optionValue,
+    optionValue = _ref$optionValue === void 0 ? 'value' : _ref$optionValue,
+    _ref$invalid = _ref.invalid,
     invalid = _ref$invalid === void 0 ? false : _ref$invalid,
     _ref$errorMessage = _ref.errorMessage,
-    errorMessage = _ref$errorMessage === void 0 ? '' : _ref$errorMessage;
+    errorMessage = _ref$errorMessage === void 0 ? '' : _ref$errorMessage,
+    _ref$valueStyle = _ref.valueStyle,
+    valueStyle = _ref$valueStyle === void 0 ? {} : _ref$valueStyle,
+    _ref$optionStyle = _ref.optionStyle,
+    optionStyle = _ref$optionStyle === void 0 ? {} : _ref$optionStyle;
   var _useState = useState(value !== null && value !== void 0 ? value : null),
     _useState2 = _slicedToArray$8(_useState, 2),
     optionSelected = _useState2[0],
     setOptionSelected = _useState2[1];
+  useEffect(function () {
+    setOptionSelected(value !== null && value !== void 0 ? value : null);
+  }, [value]);
   var resetDropdownFilter = function resetDropdownFilter() {
-    var filterInput = document.querySelector('.p-dropdown-panel .p-dropdown-filter');
-    if (filterInput) {
-      filterInput.value = '';
-      filterInput.dispatchEvent(new Event('input', {
-        bubbles: true
-      }));
-    }
+    setTimeout(function () {
+      var dropdownPanels = document.querySelectorAll('.p-dropdown-panel');
+      dropdownPanels.forEach(function (panel) {
+        var input = panel.querySelector('.p-dropdown-filter');
+        if (input) {
+          input.value = '';
+          input.dispatchEvent(new Event('input', {
+            bubbles: true
+          }));
+        }
+      });
+    }, 50);
   };
   var style = {
     border: invalid ? '1px solid red' : '1px solid #ccc',
     width: '100%'
   };
-  var itemTemplate = function itemTemplate(option) {
+  var optionTemplate = function optionTemplate(option) {
     return /*#__PURE__*/React__default.createElement("div", {
-      style: {
-        fontSize: '21px'
-      }
+      style: _objectSpread2({
+        fontSize: '15px'
+      }, optionStyle)
     }, option.label);
   };
+  var valueTemplate = function valueTemplate(option) {
+    return /*#__PURE__*/React__default.createElement("span", {
+      style: _objectSpread2({
+        fontFamily: 'Arial',
+        fontSize: '18px'
+      }, valueStyle)
+    }, (option === null || option === void 0 ? void 0 : option.label) || placeholder);
+  };
   return /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col gap-1"
   }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
@@ -35811,11 +35875,10 @@ var Dropdown = function Dropdown(_ref) {
     disabled: disabled,
     filter: filter,
     optionLabel: optionLabel,
+    optionValue: optionValue,
     style: style,
-    panelStyle: {
-      maxWidth: '100%'
-    },
-    itemTemplate: itemTemplate,
+    itemTemplate: optionTemplate,
+    valueTemplate: valueTemplate,
     onHide: resetDropdownFilter
   }), invalid && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("small", {
     style: {
@@ -35827,18 +35890,26 @@ var Dropdown = function Dropdown(_ref) {
 
 var optionsExample = [{
   label: 'Option 1',
-  code: '1'
+  value: '1'
 }, {
   label: 'Option 2',
-  code: '2'
+  value: '2'
 }, {
   label: 'Option 3',
-  code: '3'
+  value: '3'
 }];
 var DropdownPresets = {
   Default: {
     placeholder: 'Sélectionnez une option',
-    options: optionsExample
+    options: optionsExample,
+    selectedOptionStyle: {
+      fontSize: '18px',
+      fontFamily: 'Arial'
+    },
+    optionStyle: {
+      fontSize: '15px',
+      fontFamily: 'Arial'
+    }
   },
   Disabled: {
     placeholder: 'Sélection désactivée',

package/package.json

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