willba-component-library 0.2.81 → 0.2.83
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/lib/components/FilterBar/FilterBarTypes.d.ts +2 -2
- package/lib/index.d.ts +0 -1
- package/lib/index.esm.js +4 -3
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +4 -3
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +4 -3
- package/lib/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FilterBar/FilterBar.tsx +1 -1
- package/src/components/FilterBar/FilterBarTypes.ts +1 -1
- package/src/components/FilterBar/components/buttons/select-button/SelectButton.css +1 -0
- package/src/components/FilterBar/hooks/useFilterBar.tsx +1 -1
|
@@ -9,7 +9,6 @@ export type FilterBarProps = {
|
|
|
9
9
|
fullWidth?: boolean;
|
|
10
10
|
disableCalendarDates?: DisableCalendarDates;
|
|
11
11
|
mode?: string;
|
|
12
|
-
defaultTab?: string;
|
|
13
12
|
tabs?: Tab[];
|
|
14
13
|
outerLoading?: boolean;
|
|
15
14
|
};
|
|
@@ -40,7 +39,8 @@ export type Filters = {
|
|
|
40
39
|
};
|
|
41
40
|
export declare enum Pages {
|
|
42
41
|
ROOMS = "/rooms",
|
|
43
|
-
EVENTS = "/events"
|
|
42
|
+
EVENTS = "/events",
|
|
43
|
+
SALES = "/sales"
|
|
44
44
|
}
|
|
45
45
|
type Translations = {
|
|
46
46
|
en: string;
|
package/lib/index.d.ts
CHANGED
package/lib/index.esm.js
CHANGED
|
@@ -11677,6 +11677,7 @@ var Pages;
|
|
|
11677
11677
|
(function (Pages) {
|
|
11678
11678
|
Pages["ROOMS"] = "/rooms";
|
|
11679
11679
|
Pages["EVENTS"] = "/events";
|
|
11680
|
+
Pages["SALES"] = "/sales";
|
|
11680
11681
|
})(Pages || (Pages = {}));
|
|
11681
11682
|
|
|
11682
11683
|
var useFilterBar = function (_a) {
|
|
@@ -11718,7 +11719,7 @@ var useFilterBar = function (_a) {
|
|
|
11718
11719
|
var defaultTab = (tabs === null || tabs === void 0 ? void 0 : tabs.length) === 1 ? tabs[0] : tabs === null || tabs === void 0 ? void 0 : tabs.find(function (tab) { return tab.default; });
|
|
11719
11720
|
var findMatchingPath = function () {
|
|
11720
11721
|
var e_1, _a;
|
|
11721
|
-
var paths = [Pages.EVENTS, Pages.ROOMS];
|
|
11722
|
+
var paths = [Pages.EVENTS, Pages.ROOMS, Pages.SALES];
|
|
11722
11723
|
try {
|
|
11723
11724
|
for (var paths_1 = __values(paths), paths_1_1 = paths_1.next(); !paths_1_1.done; paths_1_1 = paths_1.next()) {
|
|
11724
11725
|
var path = paths_1_1.value;
|
|
@@ -11848,7 +11849,7 @@ var useScrollInToView = function (_a) {
|
|
|
11848
11849
|
return { isMobile: isMobile, targetFilterBarRef: targetFilterBarRef };
|
|
11849
11850
|
};
|
|
11850
11851
|
|
|
11851
|
-
var css_248z$7 = ".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-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 display: grid\n}\n\n.will-filter-bar-select-button .select-button-label {\n font-weight: 600;\n}\n\n.will-filter-bar-select-button .select-button-description {\n font-weight: 400;\n opacity: 0.5;\n white-space: nowrap;\n }\n\n .will-filter-bar-select-button .select-button-description span {\n font: inherit\n }\n\n .will-root.is-full-width .will-filter-bar-select-button .select-button-description {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .will-filter-bar-select-button .select-button-label.active,\n .will-filter-bar-select-button .select-button-description.active {\n font-weight: 700;\n font-size: 15px;\n opacity: 1;\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-description {\n white-space: wrap;\n }\n\n .will-filter-bar-select-button .select-button-divider {\n display: none\n }\n}\n\n\n";
|
|
11852
|
+
var css_248z$7 = ".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-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 display: grid\n}\n\n.will-filter-bar-select-button .select-button-label {\n font-weight: 600;\n}\n\n.will-filter-bar-select-button .select-button-description {\n font-weight: 400;\n opacity: 0.5;\n white-space: nowrap;\n min-height: 19px;\n }\n\n .will-filter-bar-select-button .select-button-description span {\n font: inherit\n }\n\n .will-root.is-full-width .will-filter-bar-select-button .select-button-description {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .will-filter-bar-select-button .select-button-label.active,\n .will-filter-bar-select-button .select-button-description.active {\n font-weight: 700;\n font-size: 15px;\n opacity: 1;\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-description {\n white-space: wrap;\n }\n\n .will-filter-bar-select-button .select-button-divider {\n display: none\n }\n}\n\n\n";
|
|
11852
11853
|
styleInject(css_248z$7);
|
|
11853
11854
|
|
|
11854
11855
|
var SelectButton = function (_a) {
|
|
@@ -11985,7 +11986,7 @@ function FilterBar(_a) {
|
|
|
11985
11986
|
: selectedPath === Pages.ROOMS
|
|
11986
11987
|
? t('calendar.roomsLabelPlaceholder')
|
|
11987
11988
|
: t('calendar.eventsLabelPlaceholder'), onClick: function () { return handleSelectedFilter(FilterSections.CALENDAR); }, active: !!parsedDates }),
|
|
11988
|
-
selectedPath
|
|
11989
|
+
selectedPath !== Pages.EVENTS && (React__default__default.createElement(React__default__default.Fragment, null,
|
|
11989
11990
|
React__default__default.createElement(Divider, null),
|
|
11990
11991
|
React__default__default.createElement(SelectButton, { label: t('guests.label'), description: parsedGuests.content, onClick: function () { return handleSelectedFilter(FilterSections.GUESTS); }, active: !!parsedGuests.data.total }))),
|
|
11991
11992
|
React__default__default.createElement(SubmitButton, { onClick: handleSubmit, startIcon: React__default__default.createElement(FaSearch, null), label: t('common:search'), isLoading: innerLoading || outerLoading })),
|