willba-component-library 0.1.33 → 0.1.34

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 (9) hide show
  1. package/lib/index.esm.js +2 -2
  2. package/lib/index.esm.js.map +1 -1
  3. package/lib/index.js +2 -2
  4. package/lib/index.js.map +1 -1
  5. package/lib/index.umd.js +2 -2
  6. package/lib/index.umd.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/FilterBar/FilterBar.tsx +1 -1
  9. package/src/components/FilterBar/components/buttons/select-button/SelectButton.css +19 -4
package/lib/index.js CHANGED
@@ -3896,7 +3896,7 @@ function Divider() {
3896
3896
  return React__default.createElement("div", { className: "will-filter-bar-divider" });
3897
3897
  }
3898
3898
 
3899
- var css_248z$a = ".will-filter-bar-select-button {\n width: 100%;\n height: auto;\n background-color: transparent;\n border: none;\n padding: 0 20px;\n border-radius: 20px;\n cursor: pointer;\n font-size: 14px;\n text-align: initial;\n}\n\n.will-filter-bar-select-button .select-button-description {\n font-weight: 400;\n opacity: 0.4;\n}\n\n.will-filter-bar-select-button .select-button-wrapper {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 10px;\n \n}\n\n@media (max-width: 960px) {\n .will-filter-bar-select-button {\n padding: 15px 0;\n }\n\n .will-filter-bar-select-button:first-child {\n padding: 0 0 15px 0;\n }\n\n .will-filter-bar-select-button .select-button-wrapper {\n justify-content: center;\n text-align: center;\n }\n\n .will-filter-bar-select-button .select-button-divider {\n display: none\n }\n}\n\n\n";
3899
+ var css_248z$a = ".will-filter-bar-select-button {\n width: 100%;\n height: auto;\n background-color: transparent;\n border: none;\n padding: 0 20px;\n border-radius: 20px;\n cursor: pointer;\n font-size: 14px;\n text-align: initial;\n}\n\n\n\n.will-filter-bar-select-button .select-button-wrapper {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 10px;\n \n}\n\n.will-filter-bar-select-button .select-button-wrapper > div {\n max-width: -webkit-fill-available;\n}\n\n.will-filter-bar-select-button .select-button-description {\n font-weight: 400;\n opacity: 0.4;\n \n \n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n@media (max-width: 960px) {\n .will-filter-bar-select-button {\n padding: 15px 0;\n }\n\n .will-filter-bar-select-button:first-child {\n padding: 0 0 15px 0;\n }\n\n .will-filter-bar-select-button .select-button-wrapper {\n justify-content: center;\n text-align: center;\n }\n\n .will-filter-bar-select-button .select-button-description {\n white-space: wrap;\n }\n\n .will-filter-bar-select-button .select-button-divider {\n display: none\n }\n}\n\n\n";
3900
3900
  styleInject(css_248z$a);
3901
3901
 
3902
3902
  function SelectButton(_a) {
@@ -10645,7 +10645,7 @@ function FilterBar(_a) {
10645
10645
  var renderGuests = Object.entries(ageCategoryCounts).reduce(function (acc, _a) {
10646
10646
  var _b = __read(_a, 2), key = _b[0], value = _b[1];
10647
10647
  var ageCategory = ageCategories.find(function (c) { return c.id === key[key.length - 1]; });
10648
- if (ageCategory) {
10648
+ if (ageCategory && value) {
10649
10649
  acc += "".concat(acc ? ' -' : '', " ").concat(ageCategory.name, ": ").concat(value);
10650
10650
  }
10651
10651
  return acc;