arengibook 2.4.613 → 2.4.614

package/dist/index.js

@@ -36039,7 +36039,8 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
   };
   var style = {
     border: invalid ? '1px solid red' : '1px solid #ccc',
-    width: '100%'
+    width: '100%',
+    minHeight: '45px'
   };
   useEffect(function () {
     setOptionSelected(objValue ? objValue === null || objValue === void 0 ? void 0 : objValue[optionValue] : value !== null && value !== void 0 ? value : null);
@@ -36086,16 +36087,6 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
       setIsEditing(false);
     }
   };
-  var handleClear = function handleClear() {
-    setOptionSelected(null);
-    setInputValue('');
-    if (onChange) onChange(null);
-    options('', [], {
-      page: 1
-    }).then(function (result) {
-      setLoadedOptions((result === null || result === void 0 ? void 0 : result.options) || []);
-    });
-  };
   useEffect(function () {
     var _dropdownRef$current;
     var clearButton = (_dropdownRef$current = dropdownRef.current) === null || _dropdownRef$current === void 0 ? void 0 : _dropdownRef$current.querySelector('.p-dropdown-clear-icon');
@@ -36112,15 +36103,25 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
     setOptionSelected(e.value);
     if (clickedFromList.current) {
       var _selected$optionLabel;
+      setIsEditing(false);
       var selected = loadedOptions.find(function (opt) {
         return opt[optionValue] === e.value;
       });
       setInputValue((_selected$optionLabel = selected === null || selected === void 0 ? void 0 : selected[optionLabel]) !== null && _selected$optionLabel !== void 0 ? _selected$optionLabel : '');
-      setIsEditing(true);
     }
     clickedFromList.current = false;
     if (onChange) onChange(e.value);
   };
+  var handleClear = function handleClear() {
+    setOptionSelected(null);
+    setInputValue('');
+    if (onChange) onChange(null);
+    options('', [], {
+      page: 1
+    }).then(function (result) {
+      setLoadedOptions((result === null || result === void 0 ? void 0 : result.options) || []);
+    });
+  };
   var handleInputChange = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(e) {
       var search, result, _result$options2, _result, filteredOptions;
@@ -36181,8 +36182,8 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
     }, placeholder);
     return /*#__PURE__*/React__default.createElement("span", {
       style: _objectSpread2({
-        backgroundColor: selectedOption !== null && selectedOption !== void 0 && selectedOption.color ? selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.color : '#f8e6ec',
-        color: selectedOption !== null && selectedOption !== void 0 && selectedOption.color ? inverseColor(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.color) : '#333',
+        backgroundColor: selectedOption !== null && selectedOption !== void 0 && selectedOption.color ? selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.color : '#FFFFFF',
+        color: selectedOption !== null && selectedOption !== void 0 && selectedOption.color ? inverseColor(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.color) : '#FFFFFF',
         padding: '6px 12px',
         fontSize: '14px',
         borderRadius: '8px',
@@ -36261,7 +36262,7 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
     options: loadedOptions,
     onChange: handleChange,
     filter: filter,
-    placeholder: placeholder,
+    placeholder: placeholder === "" || placeholder === null ? ' ' : placeholder,
     optionLabel: optionLabel,
     optionValue: optionValue,
     showClear: true,
@@ -36311,7 +36312,7 @@ var Dropdown = function Dropdown(props) {
     isGroupedOption = _props$isGroupedOptio === void 0 ? false : _props$isGroupedOptio,
     value = props.value,
     _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? 'Sélectionnez une option' : _props$placeholder,
+    placeholder = _props$placeholder === void 0 ? ' ' : _props$placeholder,
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled,
     _props$filter = props.filter,
@@ -36713,12 +36714,12 @@ var DropdownPresets = {
     }
   },
   SelectMetaSync: {
-    placeholder: 'Sélectionnez une couleur',
     options: optionsWithColors,
-    value: 'rouge',
+    value: 'bleu',
     // objValue: { label: 'Bleu', value: 'bleu', color: '#000000' },
     isSelectMeta: true,
-    editable: false,
+    placeholder: "",
+    editable: true,
     selectMetaConfig: {
       generalIcon: 'pi pi-circle-fill'
     },
@@ -36773,6 +36774,7 @@ var DropdownPresets = {
     }(),
     value: 23,
     // objValue: { label: 'Option 24', value: '24', color: '#000000' },
+    placeholder: "",
     editable: true,
     filter: false,
     selectMetaConfig: {
@@ -39131,9 +39133,6 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   var currentPageRef = useRef(1);
   var isOptionsArray = Array.isArray(options);
   useEffect(function () {
-    if (objValue) {
-      setValueToOptionMap(objValue);
-    }
     if (isOptionsArray) {
       setLoadedOptions(options);
     } else {
@@ -39293,7 +39292,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
       clearTimeout(loadLazyTimeout.current);
     }
     loadLazyTimeout.current = setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
-      var first, last, _items, result, newOptions, i;
+      var first, last, _items, result, newOptions, i, virtualscroll;
       return _regenerator().w(function (_context3) {
         while (1) switch (_context3.n) {
           case 0:
@@ -39314,6 +39313,12 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
             setLoadedOptions(_items);
             setLoading(false);
             currentPageRef.current += 1;
+
+            // redimensionnement du conteneur
+            virtualscroll = document.querySelector('.p-virtualscroller.p-dropdown-items-wrapper');
+            if (virtualscroll) {
+              virtualscroll.style.height = "auto";
+            }
           case 2:
             return _context3.a(2);
         }

package/package.json

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