arengibook 2.4.593 → 2.4.595

package/dist/index.js

@@ -35998,24 +35998,25 @@ var Dropdown = function Dropdown(_ref) {
     _useState2 = _slicedToArray$8(_useState, 2),
     optionSelected = _useState2[0],
     setOptionSelected = _useState2[1];
-  useRef([]);
   var _useState3 = useState(false),
     _useState4 = _slicedToArray$8(_useState3, 2),
     loading = _useState4[0],
     setLoading = _useState4[1];
-  useRef([]);
   var currentPageRef = useRef(1);
   var _useState5 = useState([]),
     _useState6 = _slicedToArray$8(_useState5, 2),
     loadedOptions = _useState6[0],
     setLoadedOptions = _useState6[1];
   var isOptionLoadFunction = typeof options === 'function';
-  var _useState7 = useState(''),
-    _useState8 = _slicedToArray$8(_useState7, 2);
-    _useState8[0];
-    _useState8[1];
   var filterRef = useRef('');
+  var _useState7 = useState(null),
+    _useState8 = _slicedToArray$8(_useState7, 2),
+    valueToOptionMap = _useState8[0],
+    setValueToOptionMap = _useState8[1];
   useEffect(function () {
+    if (isOptionLoadFunction && value && isSelectMeta) {
+      setValueToOptionMap(value);
+    }
     var handleScroll = function handleScroll(e) {
       var target = e.target;
 
@@ -36028,7 +36029,7 @@ var Dropdown = function Dropdown(_ref) {
       var dropdownPanels = document.querySelectorAll('.p-dropdown-panel');
       dropdownPanels.forEach(function (panel) {
         if (panel && panel.style.display !== 'none') {
-          document.body.click(); // Déclenche un "click outside"
+          document.body.click();
         }
       });
     };
@@ -36078,7 +36079,7 @@ var Dropdown = function Dropdown(_ref) {
     return function () {
       window.removeEventListener('scroll', handleScroll, true);
     };
-  }, [options, isOptionLoadFunction]);
+  }, [options, isOptionLoadFunction, value]);
   useEffect(function () {
     setOptionSelected(value !== null && value !== void 0 ? value : null);
   }, [value]);
@@ -36128,28 +36129,44 @@ var Dropdown = function Dropdown(_ref) {
       }, option === null || option === void 0 ? void 0 : option[optionLabel])));
     }
   };
-  ({
-    maxHeight: loadedOptions.length <= 6 ? "".concat(loadedOptions.length * 42, "px") : '240px'});
   var valueTemplate = function valueTemplate(option) {
     if (isSelectMeta) {
-      var iconColor = option !== null && option !== void 0 && option.color ? inverseColor(option === null || option === void 0 ? void 0 : option.color) : '#FFFFFF';
-      return /*#__PURE__*/React__default.createElement("div", {
-        style: _objectSpread2({
-          backgroundColor: option === null || option === void 0 ? void 0 : option.color,
-          color: iconColor,
-          padding: '0.5rem',
-          borderRadius: '1rem',
-          display: 'inline-block'
-        }, valueStyle)
-      }, option !== null && option !== void 0 && option[optionLabel] ? /*#__PURE__*/React__default.createElement("span", {
-        style: {
-          color: iconColor
-        }
-      }, option === null || option === void 0 ? void 0 : option[optionLabel]) : /*#__PURE__*/React__default.createElement("span", {
-        style: {
-          color: '#000000'
-        }
-      }, placeholder));
+      if (value && valueToOptionMap) {
+        var mappedOption = valueToOptionMap;
+        var iconColor = mappedOption.color ? inverseColor(mappedOption.color) : '#FFFFFF';
+        return /*#__PURE__*/React__default.createElement("div", {
+          style: _objectSpread2({
+            backgroundColor: mappedOption.color,
+            color: iconColor,
+            padding: '0.5rem',
+            borderRadius: '1rem',
+            display: 'inline-block'
+          }, valueStyle)
+        }, /*#__PURE__*/React__default.createElement("span", {
+          style: {
+            color: iconColor
+          }
+        }, mappedOption.label));
+      } else {
+        var _iconColor = option !== null && option !== void 0 && option.color ? inverseColor(option === null || option === void 0 ? void 0 : option.color) : '#FFFFFF';
+        return /*#__PURE__*/React__default.createElement("div", {
+          style: _objectSpread2({
+            backgroundColor: option === null || option === void 0 ? void 0 : option.color,
+            color: _iconColor,
+            padding: '0.5rem',
+            borderRadius: '1rem',
+            display: 'inline-block'
+          }, valueStyle)
+        }, option !== null && option !== void 0 && option[optionLabel] ? /*#__PURE__*/React__default.createElement("span", {
+          style: {
+            color: _iconColor
+          }
+        }, option === null || option === void 0 ? void 0 : option[optionLabel]) : /*#__PURE__*/React__default.createElement("span", {
+          style: {
+            color: '#000000'
+          }
+        }, placeholder));
+      }
     } else {
       return /*#__PURE__*/React__default.createElement("span", {
         style: _objectSpread2({
@@ -36461,8 +36478,13 @@ var DropdownPresets = {
       fontFamily: 'Arial'
     }
   },
-  AsyncLoad: {
+  SelectMetaAsyncLoad: {
     placeholder: 'Chargement distant simulé',
+    value: {
+      label: 'Option 2',
+      value: 2,
+      color: 'green'
+    },
     options: function () {
       var _options = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(search, loadedOptions, _ref) {
         var page, length, start, data;
@@ -36513,7 +36535,7 @@ var DropdownPresets = {
       fontFamily: 'Arial'
     }
   },
-  AsyncSearch: {
+  SelectMetaAsyncSearch: {
     placeholder: 'Recherchez une option...',
     filter: true,
     options: function () {
@@ -36556,7 +36578,7 @@ var DropdownPresets = {
     }(),
     isSelectMeta: true,
     selectMetaConfig: {
-      generalIcon: 'pi pi-search'
+      generalIcon: 'pi-circle-fill'
     },
     valueStyle: {
       fontSize: '14px',

package/package.json

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