arengibook 2.4.586 → 2.4.588

package/dist/index.js

@@ -35941,6 +35941,77 @@ var Dropdown = function Dropdown(_ref) {
       document.removeEventListener('mousedown', handleClickOutside);
     };
   }, []);
+  var renderSelectedItems = function renderSelectedItems() {
+    if (!optionSelected) return null;
+    if (multiple && Array.isArray(optionSelected)) {
+      if (optionSelected.length <= 5) {
+        return optionSelected.map(function (opt, index) {
+          return opt && opt.color && opt.nom ? /*#__PURE__*/React__default.createElement("span", {
+            key: index,
+            className: "badge badge-primary select-badge",
+            style: {
+              backgroundColor: opt.color
+            }
+          }, opt.nom) : null;
+        });
+      } else {
+        return /*#__PURE__*/React__default.createElement("div", {
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            setIsOpen(false);
+            var event = new CustomEvent('openInfoSelect', {
+              detail: {
+                value: optionSelected
+              }
+            });
+            document.dispatchEvent(event);
+          }
+        }, /*#__PURE__*/React__default.createElement("div", {
+          className: "selectMetaCounter"
+        }, /*#__PURE__*/React__default.createElement("span", {
+          className: "badge trigger_popup_fricc"
+        }, optionSelected.length), /*#__PURE__*/React__default.createElement("div", {
+          className: "test-title-ON"
+        }, "Toggle")));
+      }
+    } else if (optionSelected && optionSelected.color && optionSelected.nom) {
+      return /*#__PURE__*/React__default.createElement("span", {
+        className: "badge badge-primary select-badge",
+        style: {
+          backgroundColor: optionSelected.color,
+          color: inverseColor(optionSelected.color)
+        }
+      }, optionSelected.nom);
+    }
+    return null;
+  };
+  var renderHiddenInputs = function renderHiddenInputs() {
+    if (multiple && Array.isArray(optionSelected)) {
+      return optionSelected.map(function (opt, index) {
+        return opt && opt.id ? /*#__PURE__*/React__default.createElement("input", {
+          type: "hidden",
+          key: index,
+          name: !readOnly ? name : '',
+          className: classInput,
+          "data-id-onglet": ongletID,
+          value: opt.id,
+          "data-name": opt.nom,
+          ref: index === 0 ? refValue : null
+        }) : null;
+      });
+    } else if (optionSelected && optionSelected.id) {
+      return /*#__PURE__*/React__default.createElement("input", {
+        type: "hidden",
+        name: !readOnly ? name : '',
+        className: classInput,
+        "data-id-onglet": ongletID,
+        value: optionSelected.id,
+        "data-name": optionSelected.nom,
+        ref: refValue
+      });
+    }
+    return null;
+  };
   var optionTemplate = function optionTemplate(option) {
     if (!isSelectMeta) {
       return /*#__PURE__*/React__default.createElement("div", {
@@ -35995,12 +36066,19 @@ var Dropdown = function Dropdown(_ref) {
   };
   var style = {
     border: invalid ? '1px solid red' : '1px solid #ccc',
-    width: '300px'
+    width: '100%'
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col gap-1",
+    className: "flex flex-col gap-1 ".concat(readOnly ? 'select-form-event-container-readonly' : ''),
     ref: ref
-  }, /*#__PURE__*/React__default.createElement(Dropdown$1, _extends$A({
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "select-badges-container",
+    onClick: function onClick() {
+      return !readOnly && setIsOpen(true);
+    }
+  }, renderSelectedItems()), !readOnly && /*#__PURE__*/React__default.createElement("span", {
+    className: "caret"
+  }), /*#__PURE__*/React__default.createElement(Dropdown$1, _extends$A({
     value: optionSelected,
     options: options,
     onChange: handleChange,
@@ -36025,14 +36103,7 @@ var Dropdown = function Dropdown(_ref) {
       loading: loading,
       delay: 250
     }
-  })), name && /*#__PURE__*/React__default.createElement("input", {
-    type: "hidden",
-    className: classInput,
-    "data-id-onglet": ongletID,
-    name: !readOnly ? name : '',
-    value: optionSelected ? optionSelected.value : '',
-    ref: refValue
-  }), invalid && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("small", {
+  })), /*#__PURE__*/React__default.createElement("div", null, renderHiddenInputs()), invalid && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("small", {
     style: {
       color: 'red',
       fontStyle: 'italic'

package/package.json

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