arengibook 2.4.657 → 2.4.658

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.js +54 -68
  2. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -39278,9 +39278,9 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
39278
39278
  var isOptionsArray = Array.isArray(options);
39279
39279
  var clickedFromList = useRef(false);
39280
39280
  var _useState7 = useState(false),
39281
- _useState8 = _slicedToArray$9(_useState7, 2),
39282
- hovered = _useState8[0],
39283
- setHovered = _useState8[1];
39281
+ _useState8 = _slicedToArray$9(_useState7, 2);
39282
+ _useState8[0];
39283
+ var setHovered = _useState8[1];
39284
39284
  var fetchOptionsFromUrl = /*#__PURE__*/function () {
39285
39285
  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
39286
39286
  var search,
@@ -39554,6 +39554,16 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
39554
39554
  }
39555
39555
  }, "\xD7"));
39556
39556
  };
39557
+ var getSelectedOptionsTooltipText = function getSelectedOptionsTooltipText() {
39558
+ if (!selectedOptions || selectedOptions.length === 0) return "Aucune option sélectionnée";
39559
+ return selectedOptions.map(function (opt) {
39560
+ var key = String(_typeof$c(opt) === 'object' ? opt[optionValue] : opt);
39561
+ var selectedOption = _flattenOptions(loadedOptions).find(function (o) {
39562
+ return String(o[optionValue]) === key;
39563
+ });
39564
+ return selectedOption ? selectedOption[optionLabel] : key;
39565
+ }).join('\n');
39566
+ };
39557
39567
 
39558
39568
  // Fonction de lazy loading
39559
39569
  var onLazyLoad = function onLazyLoad(event) {
@@ -39621,16 +39631,21 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
39621
39631
  }, _callee3);
39622
39632
  })), 500);
39623
39633
  };
39624
- var selectedOptionsCount = selectedOptions ? selectedOptions.length : 0;
39625
- var selectedOptionsText = selectedOptionsCount > 0 ? "".concat(selectedOptionsCount, " option").concat(selectedOptionsCount > 1 ? 's' : '', " s\xE9lectionn\xE9e").concat(selectedOptionsCount > 1 ? 's' : '') : placeholder;
39634
+ selectedOptions ? selectedOptions.length : 0;
39626
39635
  return /*#__PURE__*/React__default.createElement("div", {
39627
39636
  className: "flex flex-col gap-1",
39628
39637
  style: {
39629
39638
  width: '100%'
39630
39639
  }
39631
- }, /*#__PURE__*/React__default.createElement("div", {
39640
+ }, displayNbOption && /*#__PURE__*/React__default.createElement(Tooltip, {
39641
+ target: ".custom-target-icon"
39642
+ }), /*#__PURE__*/React__default.createElement("div", {
39632
39643
  ref: multiSelectRef,
39633
- className: "multiselect-container",
39644
+ "data-pr-tooltip": getSelectedOptionsTooltipText(),
39645
+ "data-pr-position": "right",
39646
+ "data-pr-at": "right+5 top",
39647
+ "data-pr-my": "left center-2",
39648
+ className: "multiselect-container custom-target-icon",
39634
39649
  style: {
39635
39650
  width: '100%',
39636
39651
  position: 'relative',
@@ -39674,30 +39689,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
39674
39689
  top: '-10px',
39675
39690
  right: '-10px'
39676
39691
  }
39677
- }), displayNbOption && hovered && selectedOptionsCount > 0 && /*#__PURE__*/React__default.createElement("div", {
39678
- className: "selected-options-tooltip",
39679
- style: {
39680
- position: 'relative',
39681
- top: '0px',
39682
- right: '0px'
39683
- }
39684
- }, /*#__PURE__*/React__default.createElement("div", {
39685
- style: {
39686
- borderBottom: '3px solid black',
39687
- padding: '8px'
39688
- }
39689
- }, selectedOptionsText), /*#__PURE__*/React__default.createElement("div", {
39690
- style: {
39691
- paddingTop: '8px'
39692
- }
39693
- }, selectedOptions.map(function (optionValue, index) {
39694
- var option = _flattenOptions(loadedOptions).find(function (opt) {
39695
- return opt.value === optionValue;
39696
- });
39697
- return /*#__PURE__*/React__default.createElement("div", {
39698
- key: index
39699
- }, option ? option.label : optionValue);
39700
- }))), name && /*#__PURE__*/React__default.createElement("div", null, (Array.isArray(selectedOptions) ? selectedOptions : []).filter(function (opt) {
39692
+ }), name && /*#__PURE__*/React__default.createElement("div", null, (Array.isArray(selectedOptions) ? selectedOptions : []).filter(function (opt) {
39701
39693
  return opt && (_typeof$c(opt) === 'object' || typeof opt === 'number' || typeof opt === 'string');
39702
39694
  }).map(function (opt, index) {
39703
39695
  // normalisation
@@ -39788,9 +39780,9 @@ var MultiSelect = function MultiSelect(props) {
39788
39780
  selectedOptions = _useState2[0],
39789
39781
  setSelectedOptions = _useState2[1];
39790
39782
  var _useState3 = useState(false),
39791
- _useState4 = _slicedToArray$9(_useState3, 2),
39792
- hovered = _useState4[0],
39793
- setHovered = _useState4[1];
39783
+ _useState4 = _slicedToArray$9(_useState3, 2);
39784
+ _useState4[0];
39785
+ var setHovered = _useState4[1];
39794
39786
  var style = {
39795
39787
  border: invalid ? '1px solid red' : '1px solid #ccc',
39796
39788
  width: '100%'
@@ -39826,7 +39818,7 @@ var MultiSelect = function MultiSelect(props) {
39826
39818
  display: 'flex',
39827
39819
  alignItems: 'center'
39828
39820
  }, valueStyle)
39829
- }, !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", {
39821
+ }, !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", {
39830
39822
  style: {
39831
39823
  color: option === null || option === void 0 ? void 0 : option.color,
39832
39824
  marginRight: '8px'
@@ -39841,11 +39833,10 @@ var MultiSelect = function MultiSelect(props) {
39841
39833
  fontFamily: 'Arial',
39842
39834
  fontSize: '14px'
39843
39835
  }, valueStyle)
39844
- }, !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]);
39836
+ }, !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]);
39845
39837
  }
39846
39838
  };
39847
- var selectedOptionsCount = selectedOptions ? selectedOptions.length : 0;
39848
- var selectedOptionsText = selectedOptionsCount > 0 ? "".concat(selectedOptionsCount, " option").concat(selectedOptionsCount > 1 ? 's' : '', " s\xE9lectionn\xE9e").concat(selectedOptionsCount > 1 ? 's' : '') : placeholder;
39839
+ selectedOptions ? selectedOptions.length : 0;
39849
39840
  var inverseColor = function inverseColor(hexColor) {
39850
39841
  var r = parseInt(hexColor.substr(1, 2), 16);
39851
39842
  var g = parseInt(hexColor.substr(3, 2), 16);
@@ -39863,7 +39854,6 @@ var MultiSelect = function MultiSelect(props) {
39863
39854
  return opt.value === option;
39864
39855
  });
39865
39856
  if (!selectedOption) return null;
39866
- // const isLastItem = index === selectedOptions.length - 1;
39867
39857
  var handleRemove = function handleRemove(e) {
39868
39858
  e.stopPropagation();
39869
39859
  var newSelectedOptions = selectedOptions.filter(function (opt) {
@@ -39894,8 +39884,6 @@ var MultiSelect = function MultiSelect(props) {
39894
39884
  }, "\xD7"));
39895
39885
  } else {
39896
39886
  if (option == null) return null;
39897
-
39898
- // Si `option` est une chaîne (la valeur), trouver l'objet correspondant dans `options`
39899
39887
  if (typeof option === 'string') {
39900
39888
  var _selectedOption = options.find(function (opt) {
39901
39889
  return opt.value === option;
@@ -39966,13 +39954,35 @@ var MultiSelect = function MultiSelect(props) {
39966
39954
  }, option.label)));
39967
39955
  }
39968
39956
  };
39957
+
39958
+ // Génération du texte pour le tooltip
39959
+ var getSelectedOptionsTooltipText = function getSelectedOptionsTooltipText() {
39960
+ if (selectedOptions.length === 0) return "Aucune option sélectionnée";
39961
+ return selectedOptions.map(function (opt) {
39962
+ if (typeof opt === 'string') {
39963
+ var selectedOption = options.find(function (o) {
39964
+ return o.value === opt;
39965
+ });
39966
+ return selectedOption ? selectedOption[optionLabel] : opt;
39967
+ } else if (_typeof$c(opt) === 'object') {
39968
+ return opt[optionLabel];
39969
+ }
39970
+ return opt;
39971
+ }).join('\n');
39972
+ };
39969
39973
  return /*#__PURE__*/React__default.createElement("div", {
39970
39974
  className: "flex flex-col gap-1",
39971
39975
  style: {
39972
39976
  width: '100%'
39973
39977
  }
39974
- }, /*#__PURE__*/React__default.createElement("div", {
39975
- className: "multiselect-container",
39978
+ }, displayNbOption && /*#__PURE__*/React__default.createElement(Tooltip, {
39979
+ target: ".custom-target-icon"
39980
+ }), /*#__PURE__*/React__default.createElement("div", {
39981
+ "data-pr-tooltip": getSelectedOptionsTooltipText(),
39982
+ "data-pr-position": "right",
39983
+ "data-pr-at": "right+5 top",
39984
+ "data-pr-my": "left center-2",
39985
+ className: "multiselect-container custom-target-icon",
39976
39986
  style: {
39977
39987
  width: '100%',
39978
39988
  position: 'relative',
@@ -40017,33 +40027,9 @@ var MultiSelect = function MultiSelect(props) {
40017
40027
  top: '-10px',
40018
40028
  right: '-10px'
40019
40029
  }
40020
- }), displayNbOption && hovered && selectedOptionsCount > 0 && /*#__PURE__*/React__default.createElement("div", {
40021
- className: "selected-options-tooltip",
40022
- style: {
40023
- position: 'relative',
40024
- top: '0px',
40025
- right: '0px'
40026
- }
40027
- }, /*#__PURE__*/React__default.createElement("div", {
40028
- style: {
40029
- borderBottom: '3px solid black',
40030
- padding: '8px'
40031
- }
40032
- }, selectedOptionsText), /*#__PURE__*/React__default.createElement("div", {
40033
- style: {
40034
- paddingTop: '8px'
40035
- }
40036
- }, selectedOptions.map(function (optionValue, index) {
40037
- var option = options.find(function (opt) {
40038
- return opt.value === optionValue;
40039
- });
40040
- return /*#__PURE__*/React__default.createElement("div", {
40041
- key: index
40042
- }, option ? option.label : optionValue);
40043
- })))), name && /*#__PURE__*/React__default.createElement("div", null, (Array.isArray(selectedOptions) ? selectedOptions : []).filter(function (opt) {
40030
+ })), name && /*#__PURE__*/React__default.createElement("div", null, (Array.isArray(selectedOptions) ? selectedOptions : []).filter(function (opt) {
40044
40031
  return opt && (_typeof$c(opt) === 'object' || typeof opt === 'number' || typeof opt === 'string');
40045
40032
  }).map(function (opt, index) {
40046
- // normalisation
40047
40033
  var id = _typeof$c(opt) === 'object' && opt !== null ? opt[optionValue] : opt;
40048
40034
  var nameAttr = _typeof$c(opt) === 'object' && opt !== null ? opt[optionLabel] || opt.nom || '' : '';
40049
40035
  return /*#__PURE__*/React__default.createElement("input", {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "arengibook",
3
3
  "private": false,
4
- "version": "2.4.657",
4
+ "version": "2.4.658",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
7
7
  "exports": {