arengibook 2.4.594 → 2.4.596

package/dist/index.js

@@ -35946,8 +35946,7 @@ var PopupPresets = {
 };
 
 var Dropdown = function Dropdown(_ref) {
-  var ref = _ref.ref,
-    _ref$options = _ref.options,
+  var _ref$options = _ref.options,
     options = _ref$options === void 0 ? [] : _ref$options,
     _ref$isGroupedOption = _ref.isGroupedOption,
     isGroupedOption = _ref$isGroupedOption === void 0 ? false : _ref$isGroupedOption,
@@ -36010,7 +36009,14 @@ var Dropdown = function Dropdown(_ref) {
     setLoadedOptions = _useState6[1];
   var isOptionLoadFunction = typeof options === 'function';
   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;
 
@@ -36073,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]);
@@ -36125,24 +36131,42 @@ var Dropdown = function Dropdown(_ref) {
   };
   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", {
+          className: 'badge select-badge',
+          style: _objectSpread2({
+            backgroundColor: mappedOption.color,
+            color: iconColor,
+            padding: '0.5rem',
+            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({
@@ -36276,7 +36300,6 @@ var Dropdown = function Dropdown(_ref) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col gap-1"
   }, /*#__PURE__*/React__default.createElement(Dropdown$1, _extends$A({
-    ref: ref,
     value: optionSelected,
     options: loadedOptions,
     onChange: handleChange,
@@ -36457,6 +36480,11 @@ var DropdownPresets = {
   },
   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;

package/package.json

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