arengibook 2.4.587 → 2.4.588

package/dist/index.js

@@ -94,20 +94,20 @@ function classNames() {
   return undefined;
 }
 
-function _arrayWithoutHoles$9(r) {
+function _arrayWithoutHoles$a(r) {
   if (Array.isArray(r)) return _arrayLikeToArray$2$1(r);
 }
 
-function _iterableToArray$9(r) {
+function _iterableToArray$a(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
 
-function _nonIterableSpread$9() {
+function _nonIterableSpread$a() {
   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$2$1(r) || _nonIterableSpread$9();
+function _toConsumableArray$a(r) {
+  return _arrayWithoutHoles$a(r) || _iterableToArray$a(r) || _unsupportedIterableToArray$2$1(r) || _nonIterableSpread$a();
 }
 
 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$9(new Set(_computedStyles('class', value))).join(' ').trim() : key === 'style' ? _computedStyles('style', value).join(';').trim() : value;
+              value = key === 'class' ? _toConsumableArray$a(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$9(arr).reverse().find(callback);
+          item = _toConsumableArray$a(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$9(arr).reverse().find(callback));
+          index = arr.lastIndexOf(_toConsumableArray$a(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$9(zIndexes).reverse().find(function (obj) {
+    return _toConsumableArray$a(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$8(r) {
+function _arrayWithoutHoles$9(r) {
   if (Array.isArray(r)) return _arrayLikeToArray$f(r);
 }
 
-function _iterableToArray$8(r) {
+function _iterableToArray$9(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
 
-function _nonIterableSpread$8() {
+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$8(r) {
-  return _arrayWithoutHoles$8(r) || _iterableToArray$8(r) || _unsupportedIterableToArray$f(r) || _nonIterableSpread$8();
+function _toConsumableArray$9(r) {
+  return _arrayWithoutHoles$9(r) || _iterableToArray$9(r) || _unsupportedIterableToArray$f(r) || _nonIterableSpread$9();
 }
 
 /**
@@ -3548,9 +3548,9 @@ var globalEscKeyHandlingLogic = {
       return;
     }
     var escKeyListeners = globalEscKeyHandlingLogic.escKeyListeners;
-    var maxPrimaryPriority = Math.max.apply(Math, _toConsumableArray$8(escKeyListeners.keys()));
+    var maxPrimaryPriority = Math.max.apply(Math, _toConsumableArray$9(escKeyListeners.keys()));
     var theMostImportantEscHandlersSet = escKeyListeners.get(maxPrimaryPriority);
-    var maxSecondaryPriority = Math.max.apply(Math, _toConsumableArray$8(theMostImportantEscHandlersSet.keys()));
+    var maxSecondaryPriority = Math.max.apply(Math, _toConsumableArray$9(theMostImportantEscHandlersSet.keys()));
     var theMostImportantEscHandler = theMostImportantEscHandlersSet.get(maxSecondaryPriority);
     theMostImportantEscHandler(event);
   },
@@ -3938,11 +3938,11 @@ function _arrayLikeToArray$e(r, a) {
   return n;
 }
 
-function _arrayWithoutHoles$7(r) {
+function _arrayWithoutHoles$8(r) {
   if (Array.isArray(r)) return _arrayLikeToArray$e(r);
 }
 
-function _iterableToArray$7(r) {
+function _iterableToArray$8(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$7() {
+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$7(r) {
-  return _arrayWithoutHoles$7(r) || _iterableToArray$7(r) || _unsupportedIterableToArray$e(r) || _nonIterableSpread$7();
+function _toConsumableArray$8(r) {
+  return _arrayWithoutHoles$8(r) || _iterableToArray$8(r) || _unsupportedIterableToArray$e(r) || _nonIterableSpread$8();
 }
 
 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$7(value))
+            className: classNames.apply(void 0, _toConsumableArray$8(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$7(value.className))
+            className: classNames.apply(void 0, _toConsumableArray$8(value.className))
           };
         }
         return value;
@@ -4721,11 +4721,11 @@ function _arrayLikeToArray$b(r, a) {
   return n;
 }
 
-function _arrayWithoutHoles$6(r) {
+function _arrayWithoutHoles$7(r) {
   if (Array.isArray(r)) return _arrayLikeToArray$b(r);
 }
 
-function _iterableToArray$6(r) {
+function _iterableToArray$7(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$6() {
+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$6(r) {
-  return _arrayWithoutHoles$6(r) || _iterableToArray$6(r) || _unsupportedIterableToArray$b(r) || _nonIterableSpread$6();
+function _toConsumableArray$7(r) {
+  return _arrayWithoutHoles$7(r) || _iterableToArray$7(r) || _unsupportedIterableToArray$b(r) || _nonIterableSpread$7();
 }
 
 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$6(target.parentElement.childNodes));
+        (_target$parentElement = target.parentElement).replaceWith.apply(_target$parentElement, _toConsumableArray$7(target.parentElement.childNodes));
         delete target.hasWrapper;
       }
       return target;
@@ -5745,6 +5745,9 @@ 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,
@@ -5762,6 +5765,9 @@ 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) {
@@ -5789,6 +5795,9 @@ 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) {
@@ -5833,6 +5842,9 @@ 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];
@@ -35804,40 +35816,72 @@ var Dropdown = function Dropdown(_ref) {
     value = _ref.value,
     _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? 'Sélectionnez une option' : _ref$placeholder,
-    _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$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,
     name = _ref.name,
-    classInput = _ref.classInput,
-    ongletID = _ref.ongletID,
-    onChangeFunction = _ref.onChangeFunction,
+    _ref$showClear = _ref.showClear,
+    showClear = _ref$showClear === void 0 ? false : _ref$showClear,
     _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,
-    _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;
+    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;
   var _useState = useState(value !== null && value !== void 0 ? value : null),
     _useState2 = _slicedToArray$8(_useState, 2),
     optionSelected = _useState2[0],
     setOptionSelected = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray$8(_useState3, 2),
-    isOpen = _useState4[0],
-    setIsOpen = _useState4[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 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]);
@@ -35848,6 +35892,25 @@ 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);
@@ -35859,13 +35922,16 @@ 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);
     }
   };
@@ -35908,7 +35974,7 @@ var Dropdown = function Dropdown(_ref) {
           className: "test-title-ON"
         }, "Toggle")));
       }
-    } else if (optionSelected.color && optionSelected.nom) {
+    } else if (optionSelected && optionSelected.color && optionSelected.nom) {
       return /*#__PURE__*/React__default.createElement("span", {
         className: "badge badge-primary select-badge",
         style: {
@@ -35917,6 +35983,7 @@ var Dropdown = function Dropdown(_ref) {
         }
       }, optionSelected.nom);
     }
+    return null;
   };
   var renderHiddenInputs = function renderHiddenInputs() {
     if (multiple && Array.isArray(optionSelected)) {
@@ -35954,6 +36021,7 @@ var Dropdown = function Dropdown(_ref) {
       }, option.label);
     } else {
       var _ref2 = selectMetaConfig || {},
+        labelStyle = _ref2.labelStyle,
         generalIcon = _ref2.generalIcon;
       var styleLabel = {
         marginLeft: '10px',
@@ -35965,10 +36033,10 @@ var Dropdown = function Dropdown(_ref) {
           width: '100%'
         }
       }, /*#__PURE__*/React__default.createElement("div", {
-        style: {
+        style: _objectSpread2({
           fontSize: '15px',
           fontWeight: 'bold'
-        }
+        }, labelStyle)
       }, generalIcon && /*#__PURE__*/React__default.createElement("i", {
         style: {
           color: option === null || option === void 0 ? void 0 : option.color
@@ -35976,7 +36044,7 @@ var Dropdown = function Dropdown(_ref) {
         className: generalIcon
       }), /*#__PURE__*/React__default.createElement("span", {
         style: styleLabel
-      }, (option === null || option === void 0 ? void 0 : option.nom) || (option === null || option === void 0 ? void 0 : option.label))));
+      }, option === null || option === void 0 ? void 0 : option.label)));
     }
   };
   var valueTemplate = function valueTemplate(option) {
@@ -35994,10 +36062,14 @@ var Dropdown = function Dropdown(_ref) {
         borderRadius: '1rem',
         display: 'inline-block'
       }, valueStyle)
-    }, option.nom || option.label);
+    }, option.label);
+  };
+  var style = {
+    border: invalid ? '1px solid red' : '1px solid #ccc',
+    width: '100%'
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "select-form-event-container ".concat(readOnly ? 'select-form-event-container-readonly' : ''),
+    className: "flex flex-col gap-1 ".concat(readOnly ? 'select-form-event-container-readonly' : ''),
     ref: ref
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "select-badges-container",
@@ -36006,18 +36078,37 @@ var Dropdown = function Dropdown(_ref) {
     }
   }, renderSelectedItems()), !readOnly && /*#__PURE__*/React__default.createElement("span", {
     className: "caret"
-  }), /*#__PURE__*/React__default.createElement(Dropdown$1, {
+  }), /*#__PURE__*/React__default.createElement(Dropdown$1, _extends$A({
     value: optionSelected,
     options: options,
     onChange: handleChange,
     placeholder: placeholder,
-    disabled: readOnly,
+    disabled: disabled || readOnly,
+    filter: filter,
+    optionLabel: optionLabel,
+    optionValue: optionValue,
+    style: style,
+    itemTemplate: optionTemplate,
+    valueTemplate: valueTemplate,
+    showClear: showClear,
     onShow: onMenuOpen,
     onHide: onMenuClose,
-    menuIsOpen: isOpen,
-    itemTemplate: optionTemplate,
-    valueTemplate: valueTemplate
-  }), /*#__PURE__*/React__default.createElement("div", null, renderHiddenInputs()));
+    menuIsOpen: menuIsOpen
+  }, isSelectMeta && {
+    virtualScrollerOptions: {
+      lazy: true,
+      onLazyLoad: onLazyLoad,
+      itemSize: 38,
+      showLoader: true,
+      loading: loading,
+      delay: 250
+    }
+  })), /*#__PURE__*/React__default.createElement("div", null, renderHiddenInputs()), invalid && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("small", {
+    style: {
+      color: 'red',
+      fontStyle: 'italic'
+    }
+  }, errorMessage || 'Sélection invalide')));
 };
 
 var optionsExample = [{

package/package.json

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