arengibook 2.4.586 → 2.4.587

package/dist/index.js

@@ -94,20 +94,20 @@ function classNames() {
   return undefined;
 }
 
-function _arrayWithoutHoles$a(r) {
+function _arrayWithoutHoles$9(r) {
   if (Array.isArray(r)) return _arrayLikeToArray$2$1(r);
 }
 
-function _iterableToArray$a(r) {
+function _iterableToArray$9(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
 
-function _nonIterableSpread$a() {
+function _nonIterableSpread$9() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _toConsumableArray$a(r) {
-  return _arrayWithoutHoles$a(r) || _iterableToArray$a(r) || _unsupportedIterableToArray$2$1(r) || _nonIterableSpread$a();
+function _toConsumableArray$9(r) {
+  return _arrayWithoutHoles$9(r) || _iterableToArray$9(r) || _unsupportedIterableToArray$2$1(r) || _nonIterableSpread$9();
 }
 
 function _classCallCheck$3(a, n) {
@@ -428,7 +428,7 @@ var DomHandler = /*#__PURE__*/function () {
             } else if (key === 'p-bind') {
               _this.setAttributes(element, value);
             } else {
-              value = key === 'class' ? _toConsumableArray$a(new Set(_computedStyles('class', value))).join(' ').trim() : key === 'style' ? _computedStyles('style', value).join(';').trim() : value;
+              value = key === 'class' ? _toConsumableArray$9(new Set(_computedStyles('class', value))).join(' ').trim() : key === 'style' ? _computedStyles('style', value).join(';').trim() : value;
               (element.$attrs = element.$attrs || {}) && (element.$attrs[key] = value);
               element.setAttribute(key, value);
             }
@@ -1874,7 +1874,7 @@ var ObjectUtils = /*#__PURE__*/function () {
         try {
           item = arr.findLast(callback);
         } catch (_unused2) {
-          item = _toConsumableArray$a(arr).reverse().find(callback);
+          item = _toConsumableArray$9(arr).reverse().find(callback);
         }
       }
       return item;
@@ -1892,7 +1892,7 @@ var ObjectUtils = /*#__PURE__*/function () {
         try {
           index = arr.findLastIndex(callback);
         } catch (_unused3) {
-          index = arr.lastIndexOf(_toConsumableArray$a(arr).reverse().find(callback));
+          index = arr.lastIndexOf(_toConsumableArray$9(arr).reverse().find(callback));
         }
       }
       return index;
@@ -2703,7 +2703,7 @@ function handler() {
   };
   var getLastZIndex = function getLastZIndex(key, autoZIndex) {
     var baseZIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-    return _toConsumableArray$a(zIndexes).reverse().find(function (obj) {
+    return _toConsumableArray$9(zIndexes).reverse().find(function (obj) {
       return autoZIndex ? true : obj.key === key;
     }) || {
       key: key,
@@ -3495,20 +3495,20 @@ var useDisplayOrder = function useDisplayOrder(group) {
   return displayOrder;
 };
 
-function _arrayWithoutHoles$9(r) {
+function _arrayWithoutHoles$8(r) {
   if (Array.isArray(r)) return _arrayLikeToArray$f(r);
 }
 
-function _iterableToArray$9(r) {
+function _iterableToArray$8(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
 
-function _nonIterableSpread$9() {
+function _nonIterableSpread$8() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _toConsumableArray$9(r) {
-  return _arrayWithoutHoles$9(r) || _iterableToArray$9(r) || _unsupportedIterableToArray$f(r) || _nonIterableSpread$9();
+function _toConsumableArray$8(r) {
+  return _arrayWithoutHoles$8(r) || _iterableToArray$8(r) || _unsupportedIterableToArray$f(r) || _nonIterableSpread$8();
 }
 
 /**
@@ -3548,9 +3548,9 @@ var globalEscKeyHandlingLogic = {
       return;
     }
     var escKeyListeners = globalEscKeyHandlingLogic.escKeyListeners;
-    var maxPrimaryPriority = Math.max.apply(Math, _toConsumableArray$9(escKeyListeners.keys()));
+    var maxPrimaryPriority = Math.max.apply(Math, _toConsumableArray$8(escKeyListeners.keys()));
     var theMostImportantEscHandlersSet = escKeyListeners.get(maxPrimaryPriority);
-    var maxSecondaryPriority = Math.max.apply(Math, _toConsumableArray$9(theMostImportantEscHandlersSet.keys()));
+    var maxSecondaryPriority = Math.max.apply(Math, _toConsumableArray$8(theMostImportantEscHandlersSet.keys()));
     var theMostImportantEscHandler = theMostImportantEscHandlersSet.get(maxSecondaryPriority);
     theMostImportantEscHandler(event);
   },
@@ -3938,11 +3938,11 @@ function _arrayLikeToArray$e(r, a) {
   return n;
 }
 
-function _arrayWithoutHoles$8(r) {
+function _arrayWithoutHoles$7(r) {
   if (Array.isArray(r)) return _arrayLikeToArray$e(r);
 }
 
-function _iterableToArray$8(r) {
+function _iterableToArray$7(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
 
@@ -3954,12 +3954,12 @@ function _unsupportedIterableToArray$e(r, a) {
   }
 }
 
-function _nonIterableSpread$8() {
+function _nonIterableSpread$7() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _toConsumableArray$8(r) {
-  return _arrayWithoutHoles$8(r) || _iterableToArray$8(r) || _unsupportedIterableToArray$e(r) || _nonIterableSpread$8();
+function _toConsumableArray$7(r) {
+  return _arrayWithoutHoles$7(r) || _iterableToArray$7(r) || _unsupportedIterableToArray$e(r) || _nonIterableSpread$7();
 }
 
 function _typeof$d(o) {
@@ -4066,7 +4066,7 @@ var ComponentBase = {
         var value = _getOptionValue.apply(void 0, arguments);
         if (Array.isArray(value)) {
           return {
-            className: classNames.apply(void 0, _toConsumableArray$8(value))
+            className: classNames.apply(void 0, _toConsumableArray$7(value))
           };
         }
         if (ObjectUtils.isString(value)) {
@@ -4076,7 +4076,7 @@ var ComponentBase = {
         }
         if (value !== null && value !== void 0 && value.hasOwnProperty('className') && Array.isArray(value.className)) {
           return {
-            className: classNames.apply(void 0, _toConsumableArray$8(value.className))
+            className: classNames.apply(void 0, _toConsumableArray$7(value.className))
           };
         }
         return value;
@@ -4721,11 +4721,11 @@ function _arrayLikeToArray$b(r, a) {
   return n;
 }
 
-function _arrayWithoutHoles$7(r) {
+function _arrayWithoutHoles$6(r) {
   if (Array.isArray(r)) return _arrayLikeToArray$b(r);
 }
 
-function _iterableToArray$7(r) {
+function _iterableToArray$6(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
 
@@ -4737,12 +4737,12 @@ function _unsupportedIterableToArray$b(r, a) {
   }
 }
 
-function _nonIterableSpread$7() {
+function _nonIterableSpread$6() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _toConsumableArray$7(r) {
-  return _arrayWithoutHoles$7(r) || _iterableToArray$7(r) || _unsupportedIterableToArray$b(r) || _nonIterableSpread$7();
+function _toConsumableArray$6(r) {
+  return _arrayWithoutHoles$6(r) || _iterableToArray$6(r) || _unsupportedIterableToArray$b(r) || _nonIterableSpread$6();
 }
 
 function _arrayWithHoles$9(r) {
@@ -5229,7 +5229,7 @@ var Tooltip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
         return target.parentElement;
       } else if (target.hasWrapper) {
         var _target$parentElement;
-        (_target$parentElement = target.parentElement).replaceWith.apply(_target$parentElement, _toConsumableArray$7(target.parentElement.childNodes));
+        (_target$parentElement = target.parentElement).replaceWith.apply(_target$parentElement, _toConsumableArray$6(target.parentElement.childNodes));
         delete target.hasWrapper;
       }
       return target;
@@ -5745,9 +5745,6 @@ function _arrayLikeToArray$a(r, a) {
 function _arrayWithHoles$8(r) {
   if (Array.isArray(r)) return r;
 }
-function _arrayWithoutHoles$6(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray$a(r);
-}
 function _defineProperty$a(e, r, t) {
   return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
@@ -5765,9 +5762,6 @@ function _extends$A() {
     return n;
   }, _extends$A.apply(null, arguments);
 }
-function _iterableToArray$6(r) {
-  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
-}
 function _iterableToArrayLimit$8(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -5795,9 +5789,6 @@ function _iterableToArrayLimit$8(r, l) {
 function _nonIterableRest$8() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _nonIterableSpread$6() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function ownKeys$p(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -5842,9 +5833,6 @@ function _objectWithoutPropertiesLoose$2(r, e) {
 function _slicedToArray$8(r, e) {
   return _arrayWithHoles$8(r) || _iterableToArrayLimit$8(r, e) || _unsupportedIterableToArray$a(r, e) || _nonIterableRest$8();
 }
-function _toConsumableArray$6(r) {
-  return _arrayWithoutHoles$6(r) || _iterableToArray$6(r) || _unsupportedIterableToArray$a(r) || _nonIterableSpread$6();
-}
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
@@ -35816,72 +35804,40 @@ var Dropdown = function Dropdown(_ref) {
     value = _ref.value,
     _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? 'Sélectionnez une option' : _ref$placeholder,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$filter = _ref.filter,
-    filter = _ref$filter === void 0 ? false : _ref$filter,
-    _ref$optionLabel = _ref.optionLabel,
-    optionLabel = _ref$optionLabel === void 0 ? 'label' : _ref$optionLabel,
-    _ref$optionValue = _ref.optionValue,
-    optionValue = _ref$optionValue === void 0 ? 'value' : _ref$optionValue,
-    _ref$invalid = _ref.invalid,
-    invalid = _ref$invalid === void 0 ? false : _ref$invalid,
-    _ref$errorMessage = _ref.errorMessage,
-    errorMessage = _ref$errorMessage === void 0 ? '' : _ref$errorMessage,
-    _ref$valueStyle = _ref.valueStyle,
-    valueStyle = _ref$valueStyle === void 0 ? {
-      paddingTop: '1rem',
-      paddingBottom: '1rem'
-    } : _ref$valueStyle,
-    _ref$optionStyle = _ref.optionStyle,
-    optionStyle = _ref$optionStyle === void 0 ? {} : _ref$optionStyle,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    _ref$multiple = _ref.multiple,
+    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
     name = _ref.name,
-    _ref$showClear = _ref.showClear,
-    showClear = _ref$showClear === void 0 ? false : _ref$showClear,
+    classInput = _ref.classInput,
+    ongletID = _ref.ongletID,
+    onChangeFunction = _ref.onChangeFunction,
     _ref$isSelectMeta = _ref.isSelectMeta,
     isSelectMeta = _ref$isSelectMeta === void 0 ? false : _ref$isSelectMeta,
     _ref$selectMetaConfig = _ref.selectMetaConfig,
     selectMetaConfig = _ref$selectMetaConfig === void 0 ? {
-      labelStyle: null,
       generalIcon: null
     } : _ref$selectMetaConfig,
-    onChangeFunction = _ref.onChangeFunction,
-    classInput = _ref.classInput,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    _ref$multiple = _ref.multiple,
-    multiple = _ref$multiple === void 0 ? false : _ref$multiple;
-    _ref.async;
-    _ref.url;
-    _ref.filterIds;
-    _ref.filterContent;
-    _ref.formid;
-    var ongletID = _ref.ongletID;
-    _ref.node;
-    var _ref$defaultMenuIsOpe = _ref.defaultMenuIsOpen,
-    defaultMenuIsOpen = _ref$defaultMenuIsOpe === void 0 ? false : _ref$defaultMenuIsOpe;
+    _ref$valueStyle = _ref.valueStyle,
+    valueStyle = _ref$valueStyle === void 0 ? {
+      fontSize: '14px',
+      fontFamily: 'Arial'
+    } : _ref$valueStyle,
+    _ref$optionStyle = _ref.optionStyle,
+    optionStyle = _ref$optionStyle === void 0 ? {
+      fontSize: '14px',
+      fontFamily: 'Arial'
+    } : _ref$optionStyle;
   var _useState = useState(value !== null && value !== void 0 ? value : null),
     _useState2 = _slicedToArray$8(_useState, 2),
     optionSelected = _useState2[0],
     setOptionSelected = _useState2[1];
-  var _useState3 = useState(defaultMenuIsOpen),
-    _useState4 = _slicedToArray$8(_useState3, 2);
-    _useState4[0];
-    var setIsOpen = _useState4[1];
-  var _useState5 = useState(defaultMenuIsOpen),
-    _useState6 = _slicedToArray$8(_useState5, 2),
-    menuIsOpen = _useState6[0],
-    setMenuIsOpen = _useState6[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray$8(_useState3, 2),
+    isOpen = _useState4[0],
+    setIsOpen = _useState4[1];
   var ref = useRef();
   var refValue = useRef();
-  var items = useRef(Array.from({
-    length: 100000
-  }));
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray$8(_useState7, 2),
-    loading = _useState8[0],
-    setLoading = _useState8[1];
-  var loadLazyTimeout = useRef();
   useEffect(function () {
     setOptionSelected(value !== null && value !== void 0 ? value : null);
   }, [value]);
@@ -35892,25 +35848,6 @@ var Dropdown = function Dropdown(_ref) {
     var luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
     return luminance > 0.5 ? '#000000' : '#FFFFFF';
   };
-  var onLazyLoad = function onLazyLoad(event) {
-    setLoading(true);
-    if (loadLazyTimeout.current) {
-      clearTimeout(loadLazyTimeout.current);
-    }
-    loadLazyTimeout.current = setTimeout(function () {
-      var first = event.first,
-        last = event.last;
-      var _items = _toConsumableArray$6(items.current);
-      for (var i = first; i < last; i++) {
-        _items[i] = {
-          label: "Item #".concat(i),
-          value: i
-        };
-      }
-      items.current = _items;
-      setLoading(false);
-    }, Math.random() * 1000 + 250);
-  };
   var handleChange = function handleChange(e) {
     var newValue = e.value;
     setOptionSelected(newValue);
@@ -35922,16 +35859,13 @@ var Dropdown = function Dropdown(_ref) {
     }
   };
   var onMenuOpen = function onMenuOpen() {
-    setMenuIsOpen(true);
     setIsOpen(true);
   };
   var onMenuClose = function onMenuClose() {
-    setMenuIsOpen(false);
     setIsOpen(false);
   };
   var handleClickOutside = function handleClickOutside(e) {
     if (ref.current && !ref.current.contains(e.target)) {
-      setMenuIsOpen(false);
       setIsOpen(false);
     }
   };
@@ -35941,6 +35875,76 @@ 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.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);
+    }
+  };
+  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", {
@@ -35950,7 +35954,6 @@ var Dropdown = function Dropdown(_ref) {
       }, option.label);
     } else {
       var _ref2 = selectMetaConfig || {},
-        labelStyle = _ref2.labelStyle,
         generalIcon = _ref2.generalIcon;
       var styleLabel = {
         marginLeft: '10px',
@@ -35962,10 +35965,10 @@ var Dropdown = function Dropdown(_ref) {
           width: '100%'
         }
       }, /*#__PURE__*/React__default.createElement("div", {
-        style: _objectSpread2({
+        style: {
           fontSize: '15px',
           fontWeight: 'bold'
-        }, labelStyle)
+        }
       }, generalIcon && /*#__PURE__*/React__default.createElement("i", {
         style: {
           color: option === null || option === void 0 ? void 0 : option.color
@@ -35973,7 +35976,7 @@ var Dropdown = function Dropdown(_ref) {
         className: generalIcon
       }), /*#__PURE__*/React__default.createElement("span", {
         style: styleLabel
-      }, option === null || option === void 0 ? void 0 : option.label)));
+      }, (option === null || option === void 0 ? void 0 : option.nom) || (option === null || option === void 0 ? void 0 : option.label))));
     }
   };
   var valueTemplate = function valueTemplate(option) {
@@ -35991,53 +35994,30 @@ var Dropdown = function Dropdown(_ref) {
         borderRadius: '1rem',
         display: 'inline-block'
       }, valueStyle)
-    }, option.label);
-  };
-  var style = {
-    border: invalid ? '1px solid red' : '1px solid #ccc',
-    width: '300px'
+    }, option.nom || option.label);
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col gap-1",
+    className: "select-form-event-container ".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, {
     value: optionSelected,
     options: options,
     onChange: handleChange,
     placeholder: placeholder,
-    disabled: disabled || readOnly,
-    filter: filter,
-    optionLabel: optionLabel,
-    optionValue: optionValue,
-    style: style,
-    itemTemplate: optionTemplate,
-    valueTemplate: valueTemplate,
-    showClear: showClear,
+    disabled: readOnly,
     onShow: onMenuOpen,
     onHide: onMenuClose,
-    menuIsOpen: menuIsOpen
-  }, isSelectMeta && {
-    virtualScrollerOptions: {
-      lazy: true,
-      onLazyLoad: onLazyLoad,
-      itemSize: 38,
-      showLoader: true,
-      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", {
-    style: {
-      color: 'red',
-      fontStyle: 'italic'
-    }
-  }, errorMessage || 'Sélection invalide')));
+    menuIsOpen: isOpen,
+    itemTemplate: optionTemplate,
+    valueTemplate: valueTemplate
+  }), /*#__PURE__*/React__default.createElement("div", null, renderHiddenInputs()));
 };
 
 var optionsExample = [{

package/package.json

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