arengibook 2.4.619 → 2.4.620
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 +11 -52
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -39348,14 +39348,13 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
39348
39348
|
_props$optionValue = props.optionValue,
|
|
39349
39349
|
optionValue = _props$optionValue === void 0 ? 'value' : _props$optionValue,
|
|
39350
39350
|
_props$invalid = props.invalid,
|
|
39351
|
-
invalid = _props$invalid === void 0 ? false : _props$invalid
|
|
39352
|
-
|
|
39353
|
-
|
|
39354
|
-
_props$valueStyle = props.valueStyle,
|
|
39351
|
+
invalid = _props$invalid === void 0 ? false : _props$invalid;
|
|
39352
|
+
props.errorMessage;
|
|
39353
|
+
var _props$valueStyle = props.valueStyle,
|
|
39355
39354
|
valueStyle = _props$valueStyle === void 0 ? {} : _props$valueStyle;
|
|
39356
39355
|
props.optionStyle;
|
|
39357
|
-
|
|
39358
|
-
_props$showSelectAll = props.showSelectAll,
|
|
39356
|
+
props.name;
|
|
39357
|
+
var _props$showSelectAll = props.showSelectAll,
|
|
39359
39358
|
showSelectAll = _props$showSelectAll === void 0 ? false : _props$showSelectAll,
|
|
39360
39359
|
_props$useCheckbox = props.useCheckbox,
|
|
39361
39360
|
useCheckbox = _props$useCheckbox === void 0 ? false : _props$useCheckbox,
|
|
@@ -39392,9 +39391,9 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
39392
39391
|
selectedOptions = _useState2[0],
|
|
39393
39392
|
setSelectedOptions = _useState2[1];
|
|
39394
39393
|
var _useState3 = useState(false),
|
|
39395
|
-
_useState4 = _slicedToArray$9(_useState3, 2)
|
|
39396
|
-
|
|
39397
|
-
|
|
39394
|
+
_useState4 = _slicedToArray$9(_useState3, 2);
|
|
39395
|
+
_useState4[0];
|
|
39396
|
+
_useState4[1];
|
|
39398
39397
|
var style = {
|
|
39399
39398
|
border: invalid ? '1px solid red' : '1px solid #ccc',
|
|
39400
39399
|
width: '100%'
|
|
@@ -39433,8 +39432,7 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
39433
39432
|
}, !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]);
|
|
39434
39433
|
}
|
|
39435
39434
|
};
|
|
39436
|
-
|
|
39437
|
-
var selectedOptionsText = selectedOptionsCount > 0 ? "".concat(selectedOptionsCount, " option").concat(selectedOptionsCount > 1 ? 's' : '', " s\xE9lectionn\xE9e").concat(selectedOptionsCount > 1 ? 's' : '') : placeholder;
|
|
39435
|
+
selectedOptions ? selectedOptions.length : 0;
|
|
39438
39436
|
var inverseColor = function inverseColor(hexColor) {
|
|
39439
39437
|
var r = parseInt(hexColor.substr(1, 2), 16);
|
|
39440
39438
|
var g = parseInt(hexColor.substr(3, 2), 16);
|
|
@@ -39555,17 +39553,7 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
39555
39553
|
}, option.label)));
|
|
39556
39554
|
}
|
|
39557
39555
|
};
|
|
39558
|
-
return /*#__PURE__*/React__default.createElement(
|
|
39559
|
-
className: "flex flex-col gap-1"
|
|
39560
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
39561
|
-
className: "multiselect-container",
|
|
39562
|
-
onMouseEnter: function onMouseEnter() {
|
|
39563
|
-
return setHovered(true);
|
|
39564
|
-
},
|
|
39565
|
-
onMouseLeave: function onMouseLeave() {
|
|
39566
|
-
return setHovered(false);
|
|
39567
|
-
}
|
|
39568
|
-
}, /*#__PURE__*/React__default.createElement(MultiSelect$1, _extends$C({
|
|
39556
|
+
return /*#__PURE__*/React__default.createElement(MultiSelect$1, _extends$C({
|
|
39569
39557
|
value: selectedOptions,
|
|
39570
39558
|
options: options,
|
|
39571
39559
|
placeholder: placeholder,
|
|
@@ -39589,36 +39577,7 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
39589
39577
|
}, isGroupedOption && {
|
|
39590
39578
|
optionGroupLabel: 'label',
|
|
39591
39579
|
optionGroupChildren: 'items'
|
|
39592
|
-
}))
|
|
39593
|
-
className: "selected-options-tooltip"
|
|
39594
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
39595
|
-
style: {
|
|
39596
|
-
borderBottom: '3px solid black',
|
|
39597
|
-
padding: '8px'
|
|
39598
|
-
}
|
|
39599
|
-
}, selectedOptionsText), /*#__PURE__*/React__default.createElement("div", {
|
|
39600
|
-
style: {
|
|
39601
|
-
paddingTop: '8px'
|
|
39602
|
-
}
|
|
39603
|
-
}, selectedOptions.map(function (optionValue, index) {
|
|
39604
|
-
var option = options.find(function (opt) {
|
|
39605
|
-
return opt.value === optionValue;
|
|
39606
|
-
});
|
|
39607
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
39608
|
-
key: index
|
|
39609
|
-
}, option ? option.label : optionValue);
|
|
39610
|
-
})))), name && /*#__PURE__*/React__default.createElement("input", {
|
|
39611
|
-
type: "hidden",
|
|
39612
|
-
name: name,
|
|
39613
|
-
value: selectedOptions.map(function (opt) {
|
|
39614
|
-
return opt[optionValue];
|
|
39615
|
-
}).join(',')
|
|
39616
|
-
}), invalid && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("small", {
|
|
39617
|
-
style: {
|
|
39618
|
-
color: 'red',
|
|
39619
|
-
fontStyle: 'italic'
|
|
39620
|
-
}
|
|
39621
|
-
}, errorMessage || 'Sélection invalide')));
|
|
39580
|
+
}));
|
|
39622
39581
|
};
|
|
39623
39582
|
|
|
39624
39583
|
var optionsExample = [{
|