willba-component-library 0.2.100 → 0.2.102
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/README.md +1 -0
- package/lib/assets/SpinnerSvg.d.ts +5 -0
- package/lib/components/FilterBar/components/buttons/close-button/CloseButton.d.ts +7 -0
- package/lib/components/FilterBar/components/buttons/submit-button/SubmitButton.d.ts +3 -0
- package/lib/components/FilterBar/components/calendar/Calendar.d.ts +14 -0
- package/lib/components/FilterBar/hooks/useCloseFilterSection.d.ts +8 -0
- package/lib/components/FilterBar/hooks/useUpdateTranslations.d.ts +5 -0
- package/lib/components/FilterBar/utils/parseDates.d.ts +6 -0
- package/lib/core/utils/handleOverlappingDates.d.ts +1 -0
- package/lib/core/utils/index.d.ts +3 -0
- package/lib/core/utils/nightsCount.d.ts +6 -0
- package/lib/core/utils/parseDate.d.ts +7 -0
- package/lib/core/utils/parseDates.d.ts +6 -0
- package/lib/index.esm.js +6 -3
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +6 -3
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +6 -3
- package/lib/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FilterBar/FilterBar.css +11 -10
- package/src/components/FilterBar/FilterBar.stories.tsx +5 -5
- package/src/components/FilterBar/utils/parseGuests.tsx +7 -6
package/lib/index.js
CHANGED
|
@@ -11642,7 +11642,10 @@ var parseGuests = function (_a) {
|
|
|
11642
11642
|
var guestLabel = _a.guestLabel, guestsLabel = _a.guestsLabel, guestsPlaceholder = _a.guestsPlaceholder, ageCategoryCounts = _a.ageCategoryCounts, ageCategories = _a.ageCategories;
|
|
11643
11643
|
var parsedData = Object.entries(ageCategoryCounts).reduce(function (acc, _a) {
|
|
11644
11644
|
var _b = __read(_a, 2), key = _b[0], value = _b[1];
|
|
11645
|
-
var
|
|
11645
|
+
var parts = key.split('-');
|
|
11646
|
+
if (parts.length < 2)
|
|
11647
|
+
return acc;
|
|
11648
|
+
var ageCategoryId = parts[1];
|
|
11646
11649
|
var ageCategory = ageCategories.find(function (c) { return c.id === ageCategoryId; });
|
|
11647
11650
|
if (ageCategory && value) {
|
|
11648
11651
|
return {
|
|
@@ -11655,7 +11658,7 @@ var parseGuests = function (_a) {
|
|
|
11655
11658
|
var htmlString = parsedData.html.length > 1 ? parsedData.html.join(' + ') : '';
|
|
11656
11659
|
return {
|
|
11657
11660
|
content: parsedData.total
|
|
11658
|
-
? "<span
|
|
11661
|
+
? "<span class=\"will-guest-count\">".concat(parsedData.total, "</span> ").concat(parsedData.total > 1 ? guestsLabel : guestLabel).concat(htmlString ? " ( ".concat(htmlString, " )") : '')
|
|
11659
11662
|
: guestsPlaceholder,
|
|
11660
11663
|
data: parsedData,
|
|
11661
11664
|
};
|
|
@@ -11937,7 +11940,7 @@ var Categories = function (_a) {
|
|
|
11937
11940
|
React__default.createElement("span", null, itm))); }))));
|
|
11938
11941
|
};
|
|
11939
11942
|
|
|
11940
|
-
var css_248z$1 = ".will-root {\n z-index: 999;\n width: fit-content;\n min-width: 796px;\n max-height: 100vh;\n position: relative;\n}\n\n.will-root.is-full-width {\n width: 100%;\n min-width: auto;\n}\n\n.will-filter-bar {\n box-sizing: border-box;\n position: relative;\n}\n\n/* Tabs */\n\n.will-filter-bar-tabs {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 222;\n background: transparent;\n padding: 10px;\n gap: 10px
|
|
11943
|
+
var css_248z$1 = ".will-root {\n z-index: 999;\n width: fit-content;\n min-width: 796px;\n max-height: 100vh;\n position: relative;\n}\n\n.will-root.is-full-width {\n width: 100%;\n min-width: auto;\n}\n\n.will-filter-bar {\n box-sizing: border-box;\n position: relative;\n}\n\n/* Tabs */\n\n.will-filter-bar-tabs {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 222;\n background: transparent;\n padding: 10px;\n gap: 10px;\n}\n\n/* Header */\n.will-filter-bar-header {\n display: flex;\n justify-content: space-between;\n padding: 10px;\n position: relative;\n z-index: 222;\n border-radius: 40px;\n background-color: var(--will-white);\n}\n\n@media (max-width: 960px) {\n .will-filter-bar-header {\n flex-direction: column;\n padding: 20px;\n border-radius: 25px;\n }\n}\n\n/* Container */\n\n.will-filter-bar-container {\n background-color: var(--will-white);\n min-height: 100px;\n padding: 40px 20px;\n position: absolute;\n top: 125px;\n z-index: 111;\n border-radius: 25px;\n box-shadow: var(--will-box-shadow);\n}\n\n@media (max-width: 960px) {\n .will-root {\n width: 100%;\n min-width: auto;\n max-height: 100vh;\n z-index: 3;\n }\n\n .will-filter-bar-container {\n margin-top: 10px;\n top: 0;\n padding: 45px 20px;\n position: relative;\n }\n}\n\n/* Common */\n\n.will-filter-bar-header.dark,\n.will-filter-bar-container.dark {\n box-shadow: var(--will-box-shadow-dark);\n}\n\n.will-filter-bar-header.light,\n.will-filter-bar-container.light {\n box-shadow: var(--will-box-shadow-light);\n}\n\n.will-guest-count {\n display: inline-block;\n min-width: 10px;\n}\n";
|
|
11941
11944
|
styleInject(css_248z$1);
|
|
11942
11945
|
|
|
11943
11946
|
function FilterBar(_a) {
|