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.
Files changed (2) hide show
  1. package/dist/index.js +11 -52
  2. 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
- _props$errorMessage = props.errorMessage,
39353
- errorMessage = _props$errorMessage === void 0 ? '' : _props$errorMessage,
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
- var name = props.name,
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
- hovered = _useState4[0],
39397
- setHovered = _useState4[1];
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
- var selectedOptionsCount = selectedOptions ? selectedOptions.length : 0;
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("div", {
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
- })), hovered && selectedOptionsCount > 0 && /*#__PURE__*/React__default.createElement("div", {
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 = [{
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "arengibook",
3
3
  "private": false,
4
- "version": "2.4.619",
4
+ "version": "2.4.620",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
7
7
  "exports": {