arengibook 2.4.696 → 2.4.698
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.
- package/dist/index.js +37 -16
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -39953,6 +39953,7 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
39953
39953
|
_useState4 = _slicedToArray$a(_useState3, 2);
|
|
39954
39954
|
_useState4[0];
|
|
39955
39955
|
var setHovered = _useState4[1];
|
|
39956
|
+
var multiselectRef = useRef(null);
|
|
39956
39957
|
var style = {
|
|
39957
39958
|
border: invalid ? '1px solid red' : '1px solid #ccc',
|
|
39958
39959
|
width: '100%'
|
|
@@ -39972,6 +39973,13 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
39972
39973
|
observer.disconnect();
|
|
39973
39974
|
};
|
|
39974
39975
|
}, []);
|
|
39976
|
+
useEffect(function () {
|
|
39977
|
+
var _multiselectRef$curre;
|
|
39978
|
+
var labelElement = (_multiselectRef$curre = multiselectRef.current) === null || _multiselectRef$curre === void 0 ? void 0 : _multiselectRef$curre.querySelector('.p-multiselect-label');
|
|
39979
|
+
if (labelElement && labelElement.textContent === 'empty' && placeholder) {
|
|
39980
|
+
labelElement.textContent = placeholder;
|
|
39981
|
+
}
|
|
39982
|
+
}, [selectedOptions, placeholder]);
|
|
39975
39983
|
var optionTemplate = function optionTemplate(option) {
|
|
39976
39984
|
if (!option) return null;
|
|
39977
39985
|
if (isSelectMeta) {
|
|
@@ -40006,7 +40014,8 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
40006
40014
|
}, !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]);
|
|
40007
40015
|
}
|
|
40008
40016
|
};
|
|
40009
|
-
selectedOptions ? selectedOptions.length : 0;
|
|
40017
|
+
var selectedOptionsCount = selectedOptions ? selectedOptions.length : 0;
|
|
40018
|
+
var selectedOptionsText = selectedOptionsCount > 0 ? "".concat(selectedOptionsCount, " option").concat(selectedOptionsCount > 1 ? 's' : '', " s\xE9lectionn\xE9e").concat(selectedOptionsCount > 1 ? 's' : '') : placeholder;
|
|
40010
40019
|
var inverseColor = function inverseColor(hexColor) {
|
|
40011
40020
|
var r = parseInt(hexColor.substr(1, 2), 16);
|
|
40012
40021
|
var g = parseInt(hexColor.substr(3, 2), 16);
|
|
@@ -40241,7 +40250,9 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
40241
40250
|
}, isGroupedOption && {
|
|
40242
40251
|
optionGroupLabel: 'label',
|
|
40243
40252
|
optionGroupChildren: 'items'
|
|
40244
|
-
})),
|
|
40253
|
+
})), /*#__PURE__*/React__default.createElement("div", {
|
|
40254
|
+
className: "p-multiselect-label"
|
|
40255
|
+
}, "ici ", selectedOptionsText), displayNbOption && selectedOptions.length > 0 && /*#__PURE__*/React__default.createElement(Badge, {
|
|
40245
40256
|
value: selectedOptions.length,
|
|
40246
40257
|
className: "custom-badge",
|
|
40247
40258
|
style: {
|
|
@@ -41813,31 +41824,41 @@ var ChipsAutoComplete = function ChipsAutoComplete(_ref) {
|
|
|
41813
41824
|
return _regenerator().w(function (_context) {
|
|
41814
41825
|
while (1) switch (_context.n) {
|
|
41815
41826
|
case 0:
|
|
41827
|
+
if (optionsUrl) {
|
|
41828
|
+
_context.n = 1;
|
|
41829
|
+
break;
|
|
41830
|
+
}
|
|
41831
|
+
return _context.a(2);
|
|
41832
|
+
case 1:
|
|
41816
41833
|
query = (event.query || '').toLowerCase();
|
|
41817
|
-
url = new URL(optionsUrl);
|
|
41834
|
+
url = new URL(window.location.origin + optionsUrl);
|
|
41818
41835
|
url.searchParams.append('query', query);
|
|
41819
|
-
_context.p =
|
|
41820
|
-
_context.n = 2;
|
|
41821
|
-
return fetch(url);
|
|
41822
|
-
case 2:
|
|
41823
|
-
response = _context.v;
|
|
41836
|
+
_context.p = 2;
|
|
41824
41837
|
_context.n = 3;
|
|
41825
|
-
return
|
|
41838
|
+
return fetch(url);
|
|
41826
41839
|
case 3:
|
|
41827
|
-
|
|
41828
|
-
if (
|
|
41829
|
-
|
|
41840
|
+
response = _context.v;
|
|
41841
|
+
if (response.ok) {
|
|
41842
|
+
_context.n = 4;
|
|
41843
|
+
break;
|
|
41830
41844
|
}
|
|
41845
|
+
throw new Error("HTTP error! status: ".concat(response.status));
|
|
41846
|
+
case 4:
|
|
41831
41847
|
_context.n = 5;
|
|
41848
|
+
return response.json();
|
|
41849
|
+
case 5:
|
|
41850
|
+
results = _context.v;
|
|
41851
|
+
setInternalSuggestions(results);
|
|
41852
|
+
_context.n = 7;
|
|
41832
41853
|
break;
|
|
41833
|
-
case
|
|
41834
|
-
_context.p =
|
|
41854
|
+
case 6:
|
|
41855
|
+
_context.p = 6;
|
|
41835
41856
|
_t = _context.v;
|
|
41836
41857
|
console.error('Erreur lors de la récupération des suggestions :', _t);
|
|
41837
|
-
case
|
|
41858
|
+
case 7:
|
|
41838
41859
|
return _context.a(2);
|
|
41839
41860
|
}
|
|
41840
|
-
}, _callee, null, [[
|
|
41861
|
+
}, _callee, null, [[2, 6]]);
|
|
41841
41862
|
}));
|
|
41842
41863
|
return function fetchSuggestions(_x) {
|
|
41843
41864
|
return _ref2.apply(this, arguments);
|