arengibook 2.4.663 → 2.4.665

package/dist/index.js

@@ -1459,7 +1459,7 @@ function _extends$H() {
   }, _extends$H.apply(null, arguments);
 }
 
-function _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$h(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _createForOfIteratorHelper$6(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$h(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$h(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$h(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$h(r, a) : void 0; } }
 function _arrayLikeToArray$h(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var ObjectUtils = /*#__PURE__*/function () {
@@ -1943,7 +1943,7 @@ var ObjectUtils = /*#__PURE__*/function () {
   }, {
     key: "findChildrenByKey",
     value: function findChildrenByKey(data, key) {
-      var _iterator = _createForOfIteratorHelper$5(data),
+      var _iterator = _createForOfIteratorHelper$6(data),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -2111,7 +2111,7 @@ var ObjectUtils = /*#__PURE__*/function () {
       if (a === b) return true;
       if (!a || !b || _typeof$i(a) !== 'object' || _typeof$i(b) !== 'object') return false;
       if (!keysToCompare) return this.absoluteCompare(a, b, 1); // If no keys are provided, the comparison is limited to one depth level.
-      var _iterator2 = _createForOfIteratorHelper$5(keysToCompare),
+      var _iterator2 = _createForOfIteratorHelper$6(keysToCompare),
         _step2;
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -2759,7 +2759,7 @@ var FilterOperator = Object.freeze({
   OR: 'or'
 });
 
-function _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1$4(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1$4(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$1$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1$4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1$4(r, a) : void 0; } }
 function _arrayLikeToArray$1$4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var FilterService = {
@@ -2768,7 +2768,7 @@ var FilterService = {
     if (!value) {
       return filteredItems;
     }
-    var _iterator = _createForOfIteratorHelper$4(value),
+    var _iterator = _createForOfIteratorHelper$5(value),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -2779,7 +2779,7 @@ var FilterService = {
             continue;
           }
         } else {
-          var _iterator2 = _createForOfIteratorHelper$4(fields),
+          var _iterator2 = _createForOfIteratorHelper$5(fields),
             _step2;
           try {
             for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -5773,6 +5773,54 @@ function _asyncToGenerator(n) {
     });
   };
 }
+function _createForOfIteratorHelper$4(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray$b(r)) || e) {
+      t && (r = t);
+      var n = 0,
+        F = function () {};
+      return {
+        s: F,
+        n: function () {
+          return n >= r.length ? {
+            done: true
+          } : {
+            done: false,
+            value: r[n++]
+          };
+        },
+        e: function (r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = true,
+    u = false;
+  return {
+    s: function () {
+      t = t.call(r);
+    },
+    n: function () {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function (r) {
+      u = true, o = r;
+    },
+    f: function () {
+      try {
+        a || null == t.return || t.return();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
 function _defineProperty$c(e, r, t) {
   return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
@@ -36319,6 +36367,10 @@ var Dropdown = function Dropdown(props) {
     options = _props$options === void 0 ? [] : _props$options,
     _props$isGroupedOptio = props.isGroupedOption,
     isGroupedOption = _props$isGroupedOptio === void 0 ? false : _props$isGroupedOptio,
+    _props$showTooltipGro = props.showTooltipGroup,
+    showTooltipGroup = _props$showTooltipGro === void 0 ? false : _props$showTooltipGro,
+    _props$prevTextShowTo = props.prevTextShowTooltip,
+    prevTextShowTooltip = _props$prevTextShowTo === void 0 ? null : _props$prevTextShowTo,
     value = props.value,
     _props$placeholder = props.placeholder,
     placeholder = _props$placeholder === void 0 ? ' ' : _props$placeholder,
@@ -36393,6 +36445,46 @@ var Dropdown = function Dropdown(props) {
     isEditing = _useState8[0],
     setIsEditing = _useState8[1];
   var clickedFromList = useRef(false);
+  var _useState9 = useState(false),
+    _useState0 = _slicedToArray$9(_useState9, 2),
+    isDropdownOpen = _useState0[0],
+    setIsDropdownOpen = _useState0[1];
+  var _useState1 = useState(''),
+    _useState10 = _slicedToArray$9(_useState1, 2),
+    selectedGroupLabel = _useState10[0],
+    setSelectedGroupLabel = _useState10[1];
+  var getSelectedGroupLabel = function getSelectedGroupLabel(selectedValue) {
+    if (!isGroupedOption || !selectedValue) return '';
+    var _iterator = _createForOfIteratorHelper$4(options),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var group = _step.value;
+        if (showTooltipGroup && group.items && group.items.some(function (item) {
+          return item.value === selectedValue;
+        })) {
+          if (prevTextShowTooltip) return prevTextShowTooltip + ' ' + group.label;
+          return group.label;
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return '';
+  };
+  useEffect(function () {
+    if (optionSelected) {
+      setSelectedGroupLabel(getSelectedGroupLabel(optionSelected));
+    }
+  }, [optionSelected, options]);
+  var handleShow = function handleShow() {
+    return setIsDropdownOpen(true);
+  };
+  var handleHide = function handleHide() {
+    return setIsDropdownOpen(false);
+  };
   useEffect(function () {
     if (dropdownRef.current) {
       var inputElement = dropdownRef.current.querySelector('.p-dropdown-label.p-inputtext');
@@ -36601,7 +36693,14 @@ var Dropdown = function Dropdown(props) {
   }, isGroupedOption && {
     optionGroupLabel: 'label',
     optionGroupChildren: 'items'
-  })), name && /*#__PURE__*/React__default.createElement("input", {
+  }, {
+    onShow: handleShow,
+    onHide: handleHide
+  })), !isDropdownOpen && selectedGroupLabel && /*#__PURE__*/React__default.createElement(Tooltip, {
+    target: ".p-dropdown-label.p-inputtext",
+    content: selectedGroupLabel,
+    position: "top"
+  }), name && /*#__PURE__*/React__default.createElement("input", {
     type: "hidden",
     name: name,
     value: optionSelected !== null && optionSelected !== void 0 ? optionSelected : ''
@@ -36800,6 +36899,8 @@ var DropdownPresets = {
     options: optionsGroup$1,
     disabled: false,
     isGroupedOption: true,
+    showTooltipGroup: true,
+    prevTextShowTooltip: 'Groupe',
     groupedItemTemplateConfig: {
       showIcon: false,
       iconKey: 'icon',
@@ -39198,6 +39299,8 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     optionsUrl = _ref.optionsUrl,
     _ref$valueStyle = _ref.valueStyle,
     valueStyle = _ref$valueStyle === void 0 ? {} : _ref$valueStyle,
+    _ref$optionStyle = _ref.optionStyle,
+    optionStyle = _ref$optionStyle === void 0 ? {} : _ref$optionStyle,
     _ref$filter = _ref.filter,
     filter = _ref$filter === void 0 ? false : _ref$filter,
     _ref$invalid = _ref.invalid,
@@ -39445,7 +39548,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
         fontSize: '14px',
         display: 'flex',
         alignItems: 'center'
-      }, valueStyle)
+      }, optionStyle)
     }, !useCheckbox && /*#__PURE__*/React__default.createElement("style", null, "\n                    .p-multiselect-items .p-multiselect-item .p-checkbox {\n                        display: none !important;\n                    }\n                    .p-multiselect-items .p-multiselect-item {\n                        padding-left: 1rem !important;\n                        align-items: center;\n                    }\n                "), !filter && !showSelectAll && /*#__PURE__*/React__default.createElement("style", null, "\n                    .p-multiselect-header {\n                        display: none !important;\n                    }\n                "), generalIcon && /*#__PURE__*/React__default.createElement("i", {
       style: {
         color: option === null || option === void 0 ? void 0 : option.color,
@@ -39737,9 +39840,10 @@ var MultiSelect = function MultiSelect(props) {
     _props$errorMessage = props.errorMessage,
     errorMessage = _props$errorMessage === void 0 ? '' : _props$errorMessage,
     _props$valueStyle = props.valueStyle,
-    valueStyle = _props$valueStyle === void 0 ? {} : _props$valueStyle;
-    props.optionStyle;
-    var name = props.name,
+    valueStyle = _props$valueStyle === void 0 ? {} : _props$valueStyle,
+    _props$optionStyle = props.optionStyle,
+    optionStyle = _props$optionStyle === void 0 ? {} : _props$optionStyle,
+    name = props.name,
     _props$showSelectAll = props.showSelectAll,
     showSelectAll = _props$showSelectAll === void 0 ? false : _props$showSelectAll,
     _props$useCheckbox = props.useCheckbox,
@@ -39817,7 +39921,7 @@ var MultiSelect = function MultiSelect(props) {
           fontSize: '14px',
           display: 'flex',
           alignItems: 'center'
-        }, valueStyle)
+        }, optionStyle)
       }, !useCheckbox && /*#__PURE__*/React__default.createElement("style", null, "\n                            .p-multiselect-items .p-multiselect-item .p-checkbox {\n                                display: none !important;\n                            }\n                            .p-multiselect-items .p-multiselect-item {\n                                padding-left: 1rem !important;\n                                align-items: center;\n                            }\n                        "), !filter && !showSelectAll && /*#__PURE__*/React__default.createElement("style", null, "\n                            .p-multiselect-header {\n                                display: none !important;\n                            }\n                        "), generalIcon && /*#__PURE__*/React__default.createElement("i", {
         style: {
           color: option === null || option === void 0 ? void 0 : option.color,
@@ -39832,7 +39936,7 @@ var MultiSelect = function MultiSelect(props) {
         style: _objectSpread2({
           fontFamily: 'Arial',
           fontSize: '14px'
-        }, valueStyle)
+        }, optionStyle)
       }, !useCheckbox && /*#__PURE__*/React__default.createElement("style", null, "\n                            .p-multiselect-items .p-multiselect-item .p-checkbox {\n                                display: none !important;\n                            }\n                            .p-multiselect-items .p-multiselect-item {\n                                padding-left: 1rem !important;\n                                align-items: center;\n                            }\n                        "), !filter && !showSelectAll && /*#__PURE__*/React__default.createElement("style", null, "\n                            .p-multiselect-header {\n                                display: none !important;\n                            }\n                        "), option[optionLabel]);
     }
   };
@@ -39891,15 +39995,29 @@ var MultiSelect = function MultiSelect(props) {
       }, "\xD7"));
     } else {
       if (option == null) return null;
+      var isLast = selectedOptions[selectedOptions.length - 1] === option;
+      if (typeof option === 'string' && isGroupedOption) {
+        var _selectedOption = options.find(function (opt) {
+          return opt.value === option;
+        });
+        return /*#__PURE__*/React__default.createElement("span", {
+          style: {
+            marginRight: '4px'
+          }
+        }, _selectedOption ? "".concat(_selectedOption.label, ", ") : "".concat(option), !isLast && /*#__PURE__*/React__default.createElement("span", {
+          style: {
+            opacity: 0.8
+          }
+        }, ", "));
+      }
       var opt = options.find(function (o) {
         return o[optionValue] === option;
       });
       if (!opt) return null;
-      var isLast = selectedOptions[selectedOptions.length - 1] === option;
       return /*#__PURE__*/React__default.createElement("span", {
-        style: {
+        style: _objectSpread2({
           marginRight: '4px'
-        }
+        }, valueStyle)
       }, opt[optionLabel], !isLast && /*#__PURE__*/React__default.createElement("span", {
         style: {
           opacity: 0.8

package/package.json

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