arengibook 2.4.611 → 2.4.613

package/dist/index.js

@@ -36038,10 +36038,8 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
     }, option === null || option === void 0 ? void 0 : option[optionLabel])));
   };
   var style = {
-    minWidth: '15rem',
-    minHeight: '3rem',
-    display: 'inline-flex',
-    alignItems: 'center'
+    border: invalid ? '1px solid red' : '1px solid #ccc',
+    width: '100%'
   };
   useEffect(function () {
     setOptionSelected(objValue ? objValue === null || objValue === void 0 ? void 0 : objValue[optionValue] : value !== null && value !== void 0 ? value : null);
@@ -36212,6 +36210,10 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
       }
       setLoadedOptions(_items);
       setLoading(false);
+      var virtualscroll1 = document.querySelector('.p-virtualscroller.p-dropdown-items-wrapper');
+      if (virtualscroll1) {
+        virtualscroll1.style.height = "auto";
+      }
       var hiddenSelectDiv = document.querySelector('.p-hidden-accessible.p-dropdown-hidden-select');
       if (hiddenSelectDiv) {
         var nextEl = hiddenSelectDiv.nextElementSibling;
@@ -36252,17 +36254,12 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
   return /*#__PURE__*/React__default.createElement("div", {
     ref: dropdownRef,
     className: "flex flex-col gap-1",
-    "data-p-disabled": "false",
-    "data-p-focus": "false",
-    "data-pc-name": "dropdown",
-    "data-pc-section": "root",
     onClick: invalid || disabled ? null : function () {
       return setIsEditing(editable);
     }
   }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
     options: loadedOptions,
     onChange: handleChange,
-    style: style,
     filter: filter,
     placeholder: placeholder,
     optionLabel: optionLabel,
@@ -36275,14 +36272,15 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
     },
     value: inputValue,
     inputValue: inputText,
-    onInput: handleInputChange,
-    dropdown: true,
+    onInput: handleInputChange
+    // dropdown
+    ,
+    style: style,
     panelStyle: {
       maxHeight: 'auto',
       overflowY: 'auto'
-    }
-    // dropdownMode="current"
-    ,
+    },
+    dropdownMode: "current",
     itemTemplate: optionTemplate,
     valueTemplate: valueTemplate,
     virtualScrollerOptions: {
@@ -36468,7 +36466,7 @@ var Dropdown = function Dropdown(props) {
         }, /*#__PURE__*/React__default.createElement("div", {
           className: 'badge select-badge',
           style: _objectSpread2({
-            backgroundColor: option !== null && option !== void 0 && option.color ? option === null || option === void 0 ? void 0 : option.color : '#f8e6ec',
+            backgroundColor: option !== null && option !== void 0 && option.color ? option === null || option === void 0 ? void 0 : option.color : '#FFFFFF',
             color: iconColor,
             padding: '6px 12px',
             fontSize: '14px',
@@ -39222,21 +39220,10 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     var luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
     return luminance > 0.18 ? '#000000' : '#FFFFFF';
   };
-
-  // Template pour les options dans la liste déroulante
-  // const optionTemplate = (option) => {
-  //     const { labelStyle, generalIcon } = selectMetaConfig || {};
-  //     const styleLabel = { marginLeft: '10px' };
-  //     return (
-  //         <div className="flex align-items-center" style={{ padding: '6px 10px', height: 'auto' }}>
-  //             <div style={{ fontSize: '15px', fontWeight: 'bold', ...labelStyle }}>
-  //                 {generalIcon && <i style={{ color: option?.color }} className={generalIcon} />}
-  //                 <span style={styleLabel}>{option?.[optionLabel]}</span>
-  //             </div>
-  //         </div>
-  //     );
-  // };
-
+  var style = {
+    border: invalid ? '1px solid red' : '1px solid #ccc',
+    width: '100%'
+  };
   var optionTemplate = function optionTemplate(option) {
     if (!option) return null;
     var _ref4 = selectMetaConfig || {};
@@ -39343,12 +39330,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   }, /*#__PURE__*/React__default.createElement(MultiSelect$1, {
     options: loadedOptions,
     onChange: handleChange,
-    style: {
-      minWidth: '15rem',
-      minHeight: '3rem',
-      display: 'inline-flex',
-      alignItems: 'center'
-    },
+    style: style,
     showSelectAll: showSelectAll,
     disabled: disabled,
     filter: filter,
@@ -39454,7 +39436,7 @@ var MultiSelect = function MultiSelect(props) {
     setHovered = _useState4[1];
   var style = {
     border: invalid ? '1px solid red' : '1px solid #ccc',
-    width: '400px'
+    width: '100%'
   };
   var optionTemplate = function optionTemplate(option) {
     if (!option) return null;

package/package.json

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