arengibook 1.1.3-main → 1.1.4-main

package/dist/index.js

@@ -37319,12 +37319,17 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
       display: 'block',
       pointerEvents: 'none'
     }
-  }), isInvalidEffective && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("small", {
+  }), isInvalidEffective && /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React__default.createElement("small", {
     style: {
       color: 'red',
-      fontStyle: 'italic'
+      fontStyle: 'italic',
+      display: 'block'
     }
-  }, errorMessage || 'Sélection invalide')));
+  }, errorMessage || (showRequiredError ? 'Veuillez renseigner ce champ' : '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}";
@@ -38170,13 +38175,18 @@ var Dropdown = function Dropdown(props) {
       display: 'block',
       pointerEvents: 'none'
     }
-  }), isInvalidEffective && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("small", {
+  }), isInvalidEffective && /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React__default.createElement("small", {
     id: ariaDescribedBy,
     style: {
       color: 'red',
-      fontStyle: 'italic'
+      fontStyle: 'italic',
+      display: 'block'
     }
-  }, errorMessage || 'Sélection invalide'))));
+  }, errorMessage || (showRequiredError ? 'Veuillez renseigner ce champ' : 'Sélection invalide')))));
 };
 
 var baseOptions = Array.from({
@@ -41472,12 +41482,17 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
       display: 'block',
       pointerEvents: 'none'
     }
-  })), isInvalidEffective && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("small", {
+  })), isInvalidEffective && /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React__default.createElement("small", {
     style: {
       color: 'red',
-      fontStyle: 'italic'
+      fontStyle: 'italic',
+      display: 'block'
     }
-  }, errorMessage || 'Sélection invalide'))));
+  }, errorMessage || (showRequiredError ? 'Veuillez renseigner ce champ' : '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}";
@@ -42674,12 +42689,17 @@ var MultiSelect = function MultiSelect(props) {
       display: 'block',
       pointerEvents: 'none'
     }
-  })), isInvalidEffective && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("small", {
+  })), isInvalidEffective && /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React__default.createElement("small", {
     style: {
       color: 'red',
-      fontStyle: 'italic'
+      fontStyle: 'italic',
+      display: 'block'
     }
-  }, errorMessage || 'Sélection invalide'))));
+  }, errorMessage || (showRequiredError ? 'Veuillez renseigner ce champ' : 'Sélection invalide')))));
 };
 
 var optionsExample = [{

package/package.json

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