arengibook 1.1.7-main → 1.1.8-main

package/dist/index.js

@@ -36939,6 +36939,7 @@ var PopupPresets = {
 };
 
 var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
+  var _window$Translator, _window$Translator2;
   var value = _ref.value,
     options = _ref.options,
     _ref$placeholder = _ref.placeholder,
@@ -37329,7 +37330,7 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
       fontStyle: 'italic',
       display: 'block'
     }
-  }, errorMessage || (showRequiredError ? 'Veuillez renseigner ce champ' : 'Sélection invalide'))));
+  }, errorMessage || (showRequiredError ? ((_window$Translator = window.Translator) === null || _window$Translator === void 0 ? void 0 : _window$Translator.trans('error.required', {}, 'validators')) || 'Veuillez renseigner ce champ' : ((_window$Translator2 = window.Translator) === null || _window$Translator2 === void 0 ? void 0 : _window$Translator2.trans('error.invalid_selection', {}, 'validators')) || 'Sélection invalide'))));
 };
 
 var css_248z$5 = "@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes toastSlideIn {\n  from {\n    opacity: 0;\n    transform: translateX(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n@keyframes toastIconPop {\n  0% {\n    transform: scale(0);\n    opacity: 0;\n  }\n  60% {\n    transform: scale(1.2);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n@keyframes toastTextSlide {\n  from {\n    opacity: 0;\n    transform: translateY(6px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.dropdownbook.p-dropdown-panel {\n  z-index: 999999 !important;\n}\n\n.p-tooltip {\n  z-index: 1000000 !important;\n}\n\n.dropdown-tooltip-item {\n  position: relative;\n  width: 100%;\n  cursor: pointer;\n}\n\n/* Application du mixin field sur le wrapper du Dropdown */\n.dropdown-container .p-dropdown {\n  font-family: \"Roboto\", sans-serif;\n  min-height: 40px;\n  padding: 0 12px;\n  background: #ffffff;\n  border: 1.5px solid #e0e3e8;\n  border-radius: 7px;\n  color: #1a1e26;\n  outline: none;\n  transition: border-color 180ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.dropdown-container .p-dropdown:hover:not(:focus):not(:focus-within):not([disabled]):not(.is-disabled) {\n  border-color: #c8cdd6;\n}\n.dropdown-container .p-dropdown:focus, .dropdown-container .p-dropdown:focus-within, .dropdown-container .p-dropdown.is-open {\n  border-color: #3f3f3f;\n  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);\n}\n.dropdown-container .p-dropdown[disabled], .dropdown-container .p-dropdown.is-disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.dropdown-container .p-dropdown[readonly], .dropdown-container .p-dropdown.is-readonly {\n  background: #f4f5f6;\n  cursor: default;\n  box-shadow: none;\n}\n.dropdown-container .p-dropdown[readonly]:hover, .dropdown-container .p-dropdown.is-readonly:hover {\n  border-color: #e0e3e8;\n}\n.dropdown-container .p-dropdown.is-error {\n  border-color: #dc2626;\n  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15);\n}\n.dropdown-container .p-dropdown.is-success {\n  border-color: #15803d;\n  box-shadow: 0 0 0 3px rgba(21, 128, 61, 0.12);\n}\n.dropdown-container .p-dropdown {\n  padding: 0;\n  display: flex;\n  align-items: center;\n}\n\n.dd-search-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border-bottom: 1px solid #e0e3e8;\n}\n.dd-search-row [class*=-filter-container] {\n  flex: 1;\n  min-width: 0;\n  position: relative;\n}\n.dd-search-row [class*=-filter-container] .p-inputtext {\n  width: 100%;\n  height: 32px;\n  padding: 0 1.75rem 0 12px;\n  font-size: 14px;\n  box-sizing: border-box;\n}\n.dd-search-row [class*=-filter-container] [class*=-filter-icon] {\n  right: 0.75rem;\n  color: #b0b8c4;\n}\n\n.dd-sort-btn {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border: 1px solid #e0e3e8;\n  border-radius: 7px;\n  background: #ffffff;\n  cursor: pointer;\n  color: #b0b8c4;\n  font-size: 14px;\n  transition: background 180ms cubic-bezier(0.4, 0, 0.2, 1), color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.dd-sort-btn:hover {\n  background: #f4f5f6;\n  color: #1a1e26;\n}\n\n.dropdownbook .p-dropdown-header:has(.dd-search-row) {\n  padding: 0;\n}\n\n/* ===== Badge couleur dans les items ===== */\n.dd-color-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 4px 10px;\n  border-radius: 1rem;\n  font-size: 0.875rem;\n  font-family: \"Roboto\", sans-serif;\n  white-space: nowrap;\n  cursor: default;\n  transition: background-color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n  background-color: #f4f5f6;\n  color: #1a1e26;\n  border: 1px solid #e0e3e8;\n  border-color: var(--badge-color, #e0e3e8);\n  background-color: color-mix(in srgb, var(--badge-color, #f4f5f6) 50%, transparent);\n}\n.dd-color-badge.is-selected {\n  background-color: var(--badge-color, #f4f5f6);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n}\n\n.p-dropdown-item:hover .dd-color-badge {\n  background-color: var(--badge-color) !important;\n}\n\n/* ===== Override PrimeReact default item colors ===== */\n.dropdownbook .p-dropdown-items .p-dropdown-item:not(.p-highlight):hover {\n  background: #f4f5f6 !important;\n  color: #1a1e26 !important;\n}\n.dropdownbook .p-dropdown-items .p-dropdown-item.p-highlight {\n  background: rgba(63, 63, 63, 0.08) !important;\n  color: #1a1e26 !important;\n}\n.dropdownbook .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {\n  background: rgba(63, 63, 63, 0.12) !important;\n  color: #1a1e26 !important;\n}\n.dropdownbook .p-dropdown-items .p-dropdown-item.p-focus {\n  background: #f4f5f6 !important;\n  color: #1a1e26 !important;\n}\n\n/* ===== Override PrimeReact filter input focus ===== */\n.dropdownbook .p-dropdown-filter.p-inputtext:hover {\n  border-color: #c8cdd6 !important;\n}\n.dropdownbook .p-dropdown-filter.p-inputtext:focus, .dropdownbook .p-dropdown-filter.p-inputtext.p-focus {\n  border-color: #3f3f3f !important;\n  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1) !important;\n  outline: none;\n}";
@@ -37338,7 +37339,7 @@ styleInject(css_248z$5);
 var _excluded$1 = ["class"],
   _excluded2 = ["style", "className"];
 var Dropdown = function Dropdown(props) {
-  var _computedOptions$;
+  var _computedOptions$, _window$Translator, _window$Translator2;
   var _props$options = props.options,
     options = _props$options === void 0 ? [] : _props$options,
     _props$attr = props.attr,
@@ -38182,7 +38183,7 @@ var Dropdown = function Dropdown(props) {
       display: 'block',
       width: '152px'
     }
-  }, errorMessage || (showRequiredError ? 'Veuillez renseigner ce champ' : 'Sélection invalide')))));
+  }, errorMessage || (showRequiredError ? ((_window$Translator = window.Translator) === null || _window$Translator === void 0 ? void 0 : _window$Translator.trans('error.required', {}, 'validators')) || 'Veuillez renseigner ce champ' : ((_window$Translator2 = window.Translator) === null || _window$Translator2 === void 0 ? void 0 : _window$Translator2.trans('error.invalid_selection', {}, 'validators')) || 'Sélection invalide')))));
 };
 
 var baseOptions = Array.from({
@@ -40926,7 +40927,7 @@ var css_248z$4 = "@charset \"UTF-8\";\n@keyframes fadeIn {\n  from {\n    opacit
 styleInject(css_248z$4);
 
 var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
-  var _BADGE_SIZES$badgeSiz;
+  var _BADGE_SIZES$badgeSiz, _window$Translator, _window$Translator2;
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? [] : _ref$value,
     options = _ref.options,
@@ -41488,14 +41489,14 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
       fontStyle: 'italic',
       display: 'block'
     }
-  }, errorMessage || (showRequiredError ? 'Veuillez renseigner ce champ' : 'Sélection invalide')))));
+  }, errorMessage || (showRequiredError ? ((_window$Translator = window.Translator) === null || _window$Translator === void 0 ? void 0 : _window$Translator.trans('error.required', {}, 'validators')) || 'Veuillez renseigner ce champ' : ((_window$Translator2 = window.Translator) === null || _window$Translator2 === void 0 ? void 0 : _window$Translator2.trans('error.invalid_selection', {}, 'validators')) || 'Sélection invalide')))));
 };
 
 var css_248z$3 = ".badge-base {\n  position: absolute;\n  top: -8px;\n  right: -8px;\n  background: red !important;\n  border-radius: 50% !important;\n  text-align: center;\n  padding: 0 !important;\n}\n\n/* Small */\n.badge-small {\n  font-size: 10px !important;\n  width: 18px !important;\n  height: 18px !important;\n  line-height: 18px !important;\n}\n\n/* Medium */\n.badge-medium {\n  font-size: 12px !important;\n  width: 22px !important;\n  height: 22px !important;\n  line-height: 22px !important;\n}\n\n/* Large */\n.badge-large {\n  font-size: 14px !important;\n  width: 26px !important;\n  height: 26px !important;\n  line-height: 26px !important;\n}\n\n/* XLarge */\n.badge-xlarge {\n  font-size: 16px !important;\n  width: 32px !important;\n  height: 32px !important;\n  line-height: 32px !important;\n}\n\n/* XXLarge */\n.badge-xxlarge {\n  font-size: 18px !important;\n  width: 38px !important;\n  height: 38px !important;\n  line-height: 38px !important;\n}";
 styleInject(css_248z$3);
 
 var MultiSelect = function MultiSelect(props) {
-  var _BADGE_SIZES$badgeSiz;
+  var _BADGE_SIZES$badgeSiz, _window$Translator, _window$Translator2;
   var _props$options = props.options,
     options = _props$options === void 0 ? [] : _props$options,
     _props$isGroupedOptio = props.isGroupedOption,
@@ -42695,7 +42696,7 @@ var MultiSelect = function MultiSelect(props) {
       display: 'block',
       width: '152px'
     }
-  }, errorMessage || (showRequiredError ? 'Veuillez renseigner ce champ' : 'Sélection invalide')))));
+  }, errorMessage || (showRequiredError ? ((_window$Translator = window.Translator) === null || _window$Translator === void 0 ? void 0 : _window$Translator.trans('error.required', {}, 'validators')) || 'Veuillez renseigner ce champ' : ((_window$Translator2 = window.Translator) === null || _window$Translator2 === void 0 ? void 0 : _window$Translator2.trans('error.invalid_selection', {}, 'validators')) || 'Sélection invalide')))));
 };
 
 var optionsExample = [{

package/package.json

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