arengibook 2.4.613 → 2.4.615

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: {
@@ -39120,8 +39122,8 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     setLoadedOptions = _useState4[1];
   var _useState5 = useState(''),
     _useState6 = _slicedToArray$9(_useState5, 2),
-    inputValue = _useState6[0],
-    setInputValue = _useState6[1];
+    inputValue = _useState6[0];
+    _useState6[1];
   var multiSelectRef = useRef(null);
   var _useState7 = useState(false),
     _useState8 = _slicedToArray$9(_useState7, 2),
@@ -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 {
@@ -39169,49 +39168,6 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     if (onChange) onChange(e.value);
   };
 
-  // Filtre des options lors de la saisie
-  var handleInputChange = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(e) {
-      var search, result, _result$options, _result, filteredOptions;
-      return _regenerator().w(function (_context2) {
-        while (1) switch (_context2.n) {
-          case 0:
-            search = e.target.value;
-            setInputValue(search);
-            if (search) {
-              _context2.n = 2;
-              break;
-            }
-            _context2.n = 1;
-            return options('', [], {
-              page: 1
-            });
-          case 1:
-            result = _context2.v;
-            setLoadedOptions((result === null || result === void 0 ? void 0 : result.options) || []);
-            _context2.n = 4;
-            break;
-          case 2:
-            _context2.n = 3;
-            return options(search, [], {
-              page: 1
-            });
-          case 3:
-            _result = _context2.v;
-            filteredOptions = (_result === null || _result === void 0 || (_result$options = _result.options) === null || _result$options === void 0 ? void 0 : _result$options.filter(function (opt) {
-              return opt[optionLabel].toLowerCase().includes(search.toLowerCase());
-            })) || [];
-            setLoadedOptions(filteredOptions);
-          case 4:
-            return _context2.a(2);
-        }
-      }, _callee2);
-    }));
-    return function handleInputChange(_x) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
   // Inversion de couleur pour le texte des badges
   var inverseColor = function inverseColor(hexColor) {
     var r = parseInt(hexColor.substr(1, 2), 16);
@@ -39226,9 +39182,9 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   };
   var optionTemplate = function optionTemplate(option) {
     if (!option) return null;
-    var _ref4 = selectMetaConfig || {};
-      _ref4.labelStyle;
-      var generalIcon = _ref4.generalIcon;
+    var _ref3 = selectMetaConfig || {};
+      _ref3.labelStyle;
+      var generalIcon = _ref3.generalIcon;
     var styleLabel = {
       marginLeft: '10px'
     };
@@ -39292,19 +39248,19 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     if (loadLazyTimeout.current) {
       clearTimeout(loadLazyTimeout.current);
     }
-    loadLazyTimeout.current = setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
-      var first, last, _items, result, newOptions, i;
-      return _regenerator().w(function (_context3) {
-        while (1) switch (_context3.n) {
+    loadLazyTimeout.current = setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+      var first, last, _items, result, newOptions, i, virtualscroll;
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
           case 0:
             first = event.first, last = event.last;
             _items = _toConsumableArray$7(loadedOptions);
-            _context3.n = 1;
+            _context2.n = 1;
             return options(inputValue, [], {
               page: currentPageRef.current + 1
             });
           case 1:
-            result = _context3.v;
+            result = _context2.v;
             newOptions = (result === null || result === void 0 ? void 0 : result.options) || [];
             for (i = first; i < last; i++) {
               if (!_items[i] && newOptions[i - first]) {
@@ -39314,10 +39270,16 @@ 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);
+            return _context2.a(2);
         }
-      }, _callee3);
+      }, _callee2);
     })), 500);
   };
   return /*#__PURE__*/React__default.createElement("div", {
@@ -39333,13 +39295,12 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     style: style,
     showSelectAll: showSelectAll,
     disabled: disabled,
-    filter: filter,
+    filter: true,
     placeholder: placeholder,
     optionLabel: optionLabel,
     optionValue: optionValue,
     showClear: showClear,
     value: selectedOptions,
-    onFilterChange: handleInputChange,
     itemTemplate: optionTemplate,
     selectedItemTemplate: selectedItemTemplate,
     className: "w-full md:w-14rem",

package/package.json

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