willba-component-library 0.2.7 → 0.2.9
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 -1
- package/lib/index.esm.js +7 -7
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +7 -7
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +7 -7
- package/lib/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FilterBar/FilterBar.tsx +2 -2
- package/src/components/FilterBar/components/buttons/tab-button/TabButton.tsx +1 -1
- package/src/locales/en/filterBar.json +2 -2
- package/src/locales/fi/filterBar.json +2 -2
package/lib/index.umd.js
CHANGED
|
@@ -6391,7 +6391,7 @@
|
|
|
6391
6391
|
instance.loadLanguages;
|
|
6392
6392
|
|
|
6393
6393
|
var calendar$1 = {
|
|
6394
|
-
label: "
|
|
6394
|
+
label: "Date",
|
|
6395
6395
|
roomsLabelPlaceholder: "Add check-in and check-out",
|
|
6396
6396
|
eventsLabelPlaceholder: "Add search dates",
|
|
6397
6397
|
startDate: "Start date",
|
|
@@ -6399,7 +6399,7 @@
|
|
|
6399
6399
|
title: "Calendar"
|
|
6400
6400
|
};
|
|
6401
6401
|
var guests$1 = {
|
|
6402
|
-
label: "
|
|
6402
|
+
label: "Number of guests",
|
|
6403
6403
|
labelPlaceholder: "Add guests",
|
|
6404
6404
|
title: "Who's coming?",
|
|
6405
6405
|
adultsLabel: "Adults",
|
|
@@ -6427,7 +6427,7 @@
|
|
|
6427
6427
|
};
|
|
6428
6428
|
|
|
6429
6429
|
var calendar = {
|
|
6430
|
-
label: "
|
|
6430
|
+
label: "Ajankohta",
|
|
6431
6431
|
roomsLabelPlaceholder: "Lisää check-in ja check-out",
|
|
6432
6432
|
eventsLabelPlaceholder: "Lisää aikaväli",
|
|
6433
6433
|
startDate: "Alku",
|
|
@@ -6435,7 +6435,7 @@
|
|
|
6435
6435
|
title: "Kalenteri"
|
|
6436
6436
|
};
|
|
6437
6437
|
var guests = {
|
|
6438
|
-
label: "
|
|
6438
|
+
label: "Vierasmäärä",
|
|
6439
6439
|
labelPlaceholder: "Lisää vieraat",
|
|
6440
6440
|
title: "Ketkä ovat tulossa?",
|
|
6441
6441
|
adultsLabel: "Aikuiset",
|
|
@@ -6624,7 +6624,7 @@
|
|
|
6624
6624
|
|
|
6625
6625
|
var TabButton = function (_a) {
|
|
6626
6626
|
var onClick = _a.onClick, label = _a.label, active = _a.active, mode = _a.mode;
|
|
6627
|
-
return (React__default.createElement("button", { className: "will-filter-bar-tab-button ".concat(mode || '
|
|
6627
|
+
return (React__default.createElement("button", { className: "will-filter-bar-tab-button ".concat(mode || 'light', " ").concat(active && 'active', " "), onClick: onClick }, label));
|
|
6628
6628
|
};
|
|
6629
6629
|
|
|
6630
6630
|
var css_248z$6 = ".will-guests-filter-label, .will-guests-filter-count {\n font-size: 18px;\n color: var(--will-text)\n}\n\n.will-guests-filter-inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 30px;\n}\n\n.will-guests-filter-label {\n display: block;\n font-weight: 600;\n margin-bottom: 10px;\n \n}\n\n.will-guests-filter-inner .will-guests-filter-counter {\n display: flex;\n align-items: center;\n}\n\n.will-guests-filter-count {\n margin: 0 10px;\n min-width: 30px;\n text-align: center;\n}\n\n.will-guests-filter-counter-button {\n border-radius: 50%;\n border: none;\n background-color: transparent;\n border: 1px solid var(--will-grey);\n width: 30px;\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 20px;\n cursor: pointer;\n}\n\n.will-guests-filter-counter-button:hover {\n background-color: var(--will-onahau);\n}\n\n@media (max-width: 960px) {\n\n .will-guests-filter-inner {\n width: 100%;\n margin: 15px 0;\n justify-content: space-between;\n }\n}";
|
|
@@ -11133,7 +11133,7 @@
|
|
|
11133
11133
|
: t("tabs.".concat(tab.path.substring(1))), onClick: function () {
|
|
11134
11134
|
setSelectedPath(tab.path), handleResetFilters();
|
|
11135
11135
|
}, active: selectedPath === tab.path, mode: mode })); }))),
|
|
11136
|
-
React__default.createElement("div", { className: "will-filter-bar-header ".concat(mode || '
|
|
11136
|
+
React__default.createElement("div", { className: "will-filter-bar-header ".concat(mode || 'light'), ref: (tabs === null || tabs === void 0 ? void 0 : tabs.length) === 1 ? targetFilterBarRef : null },
|
|
11137
11137
|
React__default.createElement(SelectButton, { label: t('calendar.label'), description: parsedDates
|
|
11138
11138
|
? parsedDates
|
|
11139
11139
|
: selectedPath === Pages.ROOMS
|
|
@@ -11143,7 +11143,7 @@
|
|
|
11143
11143
|
React__default.createElement(Divider, null),
|
|
11144
11144
|
React__default.createElement(SelectButton, { label: t('guests.label'), description: parsedGuests.content, onClick: function () { return handleSelectedFilter(FilterSections.GUESTS); }, active: !!parsedGuests.data.total }))),
|
|
11145
11145
|
React__default.createElement(SubmitButton, { onClick: handleSubmit })),
|
|
11146
|
-
selectedFilter && (React__default.createElement("div", { className: "will-filter-bar-container ".concat(mode || '
|
|
11146
|
+
selectedFilter && (React__default.createElement("div", { className: "will-filter-bar-container ".concat(mode || 'light'), style: (!tabs || tabs.length < 2) && !isMobile ? { top: 66 } : {} },
|
|
11147
11147
|
React__default.createElement(CloseButton, { handleClose: function () { return handleSelectedFilter(false); } }),
|
|
11148
11148
|
selectedFilter === FilterSections.CALENDAR && (React__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange, ref: filtersRef, calendarOffset: calendarOffset, selectedPath: selectedPath, locale: language })),
|
|
11149
11149
|
selectedFilter === FilterSections.GUESTS && (React__default.createElement(Guests, { updateGuestsCount: updateGuestsCount, ageCategories: ageCategories, ageCategoryCounts: ageCategoryCounts, ref: filtersRef })),
|