willba-component-library 0.0.40 → 0.0.41
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/index.esm.js +136 -23
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +136 -23
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +136 -23
- package/lib/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/rollup.config.mjs +3 -0
- package/src/components/FilterBar/FilterBar.tsx +1 -3
- package/src/themes/useTheme.tsx +0 -5
package/lib/index.js
CHANGED
|
@@ -114,8 +114,8 @@ function styleInject(css, ref) {
|
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
|
|
117
|
-
var css_248z$
|
|
118
|
-
styleInject(css_248z$
|
|
117
|
+
var css_248z$b = ".storybook-button {\r\n font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n font-weight: 700;\r\n border: 0;\r\n border-radius: 3em;\r\n cursor: pointer;\r\n display: inline-block;\r\n line-height: 1;\r\n}\r\n.storybook-button--primary {\r\n color: white;\r\n background-color: #1ea7fd;\r\n}\r\n.storybook-button--secondary {\r\n color: #333;\r\n background-color: transparent;\r\n box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\r\n}\r\n.storybook-button--small {\r\n font-size: 12px;\r\n padding: 10px 16px;\r\n}\r\n.storybook-button--medium {\r\n font-size: 14px;\r\n padding: 11px 20px;\r\n}\r\n.storybook-button--large {\r\n font-size: 16px;\r\n padding: 12px 24px;\r\n}";
|
|
118
|
+
styleInject(css_248z$b);
|
|
119
119
|
|
|
120
120
|
/**
|
|
121
121
|
* Primary UI component for user interaction
|
|
@@ -385,23 +385,23 @@ function useTranslation(ns) {
|
|
|
385
385
|
});
|
|
386
386
|
}
|
|
387
387
|
|
|
388
|
-
var css_248z$
|
|
389
|
-
styleInject(css_248z$
|
|
388
|
+
var css_248z$a = ".filter-bar-divider {\n width: 1px;\n margin: 0 10px;\n height: 35px;\n background-color: #384265;\n}";
|
|
389
|
+
styleInject(css_248z$a);
|
|
390
390
|
|
|
391
391
|
function Divider() {
|
|
392
392
|
return React__default.createElement("div", { className: "filter-bar-divider" });
|
|
393
393
|
}
|
|
394
394
|
|
|
395
|
-
var css_248z$
|
|
396
|
-
styleInject(css_248z$
|
|
395
|
+
var css_248z$9 = ".filter-bar-select-button {\n width: 100%;\n height: auto;\n background-color: transparent;\n border: none;\n padding: 10px 20px;\n border-radius: 20px;\n cursor: pointer;\n}\n";
|
|
396
|
+
styleInject(css_248z$9);
|
|
397
397
|
|
|
398
398
|
function SelectButton(_a) {
|
|
399
399
|
var label = _a.label, onClick = _a.onClick;
|
|
400
400
|
return (React__default.createElement("button", { className: "filter-bar-select-button", onClick: onClick }, label));
|
|
401
401
|
}
|
|
402
402
|
|
|
403
|
-
var css_248z$
|
|
404
|
-
styleInject(css_248z$
|
|
403
|
+
var css_248z$8 = ".filter-bar-submit-button {\n width: auto;\n height: auto;\n background-color: #384265;\n color: #fff;\n padding: 10px 20px;\n border-radius: 20px;\n cursor: pointer;\n border: none;\n white-space: nowrap;\n}";
|
|
404
|
+
styleInject(css_248z$8);
|
|
405
405
|
|
|
406
406
|
function SubmitButton(_a) {
|
|
407
407
|
var onClick = _a.onClick;
|
|
@@ -5963,11 +5963,11 @@ function DayPicker(props) {
|
|
|
5963
5963
|
React__default.createElement(Root, { initialProps: props })));
|
|
5964
5964
|
}
|
|
5965
5965
|
|
|
5966
|
-
var css_248z$
|
|
5967
|
-
styleInject(css_248z$
|
|
5966
|
+
var css_248z$7 = ".rdp {\n --rdp-cell-size: 40px;\n --rdp-caption-font-size: 18px;\n --rdp-accent-color: #0000ff;\n --rdp-background-color: #e7edff;\n --rdp-accent-color-dark: #3003e1;\n --rdp-background-color-dark: #180270;\n --rdp-outline: 2px solid var(--rdp-accent-color); /* Outline border for focused elements */\n --rdp-outline-selected: 3px solid var(--rdp-accent-color); /* Outline border for focused _and_ selected elements */\n\n margin: 1em;\n}\n\n/* Hide elements for devices that are not screen readers */\n.rdp-vhidden {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n position: absolute !important;\n top: 0;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n overflow: hidden !important;\n clip: rect(1px, 1px, 1px, 1px) !important;\n border: 0 !important;\n}\n\n/* Buttons */\n.rdp-button_reset {\n appearance: none;\n position: relative;\n margin: 0;\n padding: 0;\n cursor: default;\n color: inherit;\n background: none;\n font: inherit;\n\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n.rdp-button_reset:focus-visible {\n /* Make sure to reset outline only when :focus-visible is supported */\n outline: none;\n}\n\n.rdp-button {\n border: 2px solid transparent;\n}\n\n.rdp-button[disabled]:not(.rdp-day_selected) {\n opacity: 0.25;\n}\n\n.rdp-button:not([disabled]) {\n cursor: pointer;\n}\n\n.rdp-button:focus-visible:not([disabled]) {\n color: inherit;\n background-color: var(--rdp-background-color);\n border: var(--rdp-outline);\n}\n\n.rdp-button:hover:not([disabled]):not(.rdp-day_selected) {\n background-color: var(--rdp-background-color);\n}\n\n.rdp-months {\n display: flex;\n}\n\n.rdp-month {\n margin: 0 1em;\n}\n\n.rdp-month:first-child {\n margin-left: 0;\n}\n\n.rdp-month:last-child {\n margin-right: 0;\n}\n\n.rdp-table {\n margin: 0;\n max-width: calc(var(--rdp-cell-size) * 7);\n border-collapse: collapse;\n}\n\n.rdp-with_weeknumber .rdp-table {\n max-width: calc(var(--rdp-cell-size) * 8);\n border-collapse: collapse;\n}\n\n.rdp-caption {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0;\n text-align: left;\n}\n\n.rdp-multiple_months .rdp-caption {\n position: relative;\n display: block;\n text-align: center;\n}\n\n.rdp-caption_dropdowns {\n position: relative;\n display: inline-flex;\n}\n\n.rdp-caption_label {\n position: relative;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n margin: 0;\n padding: 0 0.25em;\n white-space: nowrap;\n color: currentColor;\n border: 0;\n border: 2px solid transparent;\n font-family: inherit;\n font-size: var(--rdp-caption-font-size);\n font-weight: bold;\n}\n\n.rdp-nav {\n white-space: nowrap;\n}\n\n.rdp-multiple_months .rdp-caption_start .rdp-nav {\n position: absolute;\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n}\n\n.rdp-multiple_months .rdp-caption_end .rdp-nav {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n}\n\n.rdp-nav_button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--rdp-cell-size);\n height: var(--rdp-cell-size);\n padding: 0.25em;\n border-radius: 100%;\n}\n\n/* ---------- */\n/* Dropdowns */\n/* ---------- */\n\n.rdp-dropdown_year,\n.rdp-dropdown_month {\n position: relative;\n display: inline-flex;\n align-items: center;\n}\n\n.rdp-dropdown {\n appearance: none;\n position: absolute;\n z-index: 2;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n margin: 0;\n padding: 0;\n cursor: inherit;\n opacity: 0;\n border: none;\n background-color: transparent;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\n.rdp-dropdown[disabled] {\n opacity: unset;\n color: unset;\n}\n\n.rdp-dropdown:focus-visible:not([disabled]) + .rdp-caption_label {\n background-color: var(--rdp-background-color);\n border: var(--rdp-outline);\n border-radius: 6px;\n}\n\n.rdp-dropdown_icon {\n margin: 0 0 0 5px;\n}\n\n.rdp-head {\n border: 0;\n}\n\n.rdp-head_row,\n.rdp-row {\n height: 100%;\n}\n\n.rdp-head_cell {\n vertical-align: middle;\n font-size: 0.75em;\n font-weight: 700;\n text-align: center;\n height: 100%;\n height: var(--rdp-cell-size);\n padding: 0;\n text-transform: uppercase;\n}\n\n.rdp-tbody {\n border: 0;\n}\n\n.rdp-tfoot {\n margin: 0.5em;\n}\n\n.rdp-cell {\n width: var(--rdp-cell-size);\n height: 100%;\n height: var(--rdp-cell-size);\n padding: 0;\n text-align: center;\n}\n\n.rdp-weeknumber {\n font-size: 0.75em;\n}\n\n.rdp-weeknumber,\n.rdp-day {\n display: flex;\n overflow: hidden;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: var(--rdp-cell-size);\n max-width: var(--rdp-cell-size);\n height: var(--rdp-cell-size);\n margin: 0;\n border: 2px solid transparent;\n border-radius: 100%;\n}\n\n.rdp-day_today:not(.rdp-day_outside) {\n font-weight: bold;\n}\n\n.rdp-day_selected,\n.rdp-day_selected:focus-visible,\n.rdp-day_selected:hover {\n color: white;\n opacity: 1;\n background-color: var(--rdp-accent-color);\n}\n\n.rdp-day_outside {\n opacity: 0.5;\n}\n\n.rdp-day_selected:focus-visible {\n /* Since the background is the same use again the outline */\n outline: var(--rdp-outline);\n outline-offset: 2px;\n z-index: 1;\n}\n\n.rdp:not([dir='rtl']) .rdp-day_range_start:not(.rdp-day_range_end) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.rdp:not([dir='rtl']) .rdp-day_range_end:not(.rdp-day_range_start) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.rdp[dir='rtl'] .rdp-day_range_start:not(.rdp-day_range_end) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.rdp[dir='rtl'] .rdp-day_range_end:not(.rdp-day_range_start) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.rdp-day_range_end.rdp-day_range_start {\n border-radius: 100%;\n}\n\n.rdp-day_range_middle {\n border-radius: 0;\n}";
|
|
5967
|
+
styleInject(css_248z$7);
|
|
5968
5968
|
|
|
5969
|
-
var css_248z$
|
|
5970
|
-
styleInject(css_248z$
|
|
5969
|
+
var css_248z$6 = ".filter-bar-calendar {\n display: flex;\n justify-content: center;\n}";
|
|
5970
|
+
styleInject(css_248z$6);
|
|
5971
5971
|
|
|
5972
5972
|
var currentMonth = new Date();
|
|
5973
5973
|
function Calendar(_a) {
|
|
@@ -5984,8 +5984,8 @@ function Calendar(_a) {
|
|
|
5984
5984
|
React__default.createElement(DayPicker, { id: "test", mode: "range", numberOfMonths: 2, defaultMonth: currentMonth, selected: calendarRange, onSelect: setCalendarRange })));
|
|
5985
5985
|
}
|
|
5986
5986
|
|
|
5987
|
-
var css_248z$
|
|
5988
|
-
styleInject(css_248z$
|
|
5987
|
+
var css_248z$5 = ".filter-bar-guests {\n text-align: initial;\n}\n\n.guests-filter-container {\n display: flex;\n margin-top: 30px;\n}\n\n.guests-filter-inner {\n display: flex;\n align-items: center;\n}\n\n.guests-filter-inner:not(:last-child) {\n margin-right: 50px;\n}\n\n.guests-filter-inner > span {\n display: block;\n margin-right: 20px;\n font-weight: bold;\n}\n\n.guests-filter-inner > div {\n display: flex;\n align-items: center;\n}\n\n.guests-filter-inner > div > span {\n margin: 0 10px;\n}\n\n.guests-filter-inner > div button {\n border-radius: 50%;\n border: none;\n background-color: #CDEEFF;\n width: 25px;\n height: 25px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 20px;\n}";
|
|
5988
|
+
styleInject(css_248z$5);
|
|
5989
5989
|
|
|
5990
5990
|
function Guests(_a) {
|
|
5991
5991
|
var guestsAdults = _a.guestsAdults, guestsKids = _a.guestsKids, decrementAdults = _a.decrementAdults, incrementAdults = _a.incrementAdults, decrementKids = _a.decrementKids, incrementKids = _a.incrementKids;
|
|
@@ -6008,8 +6008,8 @@ function Guests(_a) {
|
|
|
6008
6008
|
React__default.createElement("button", { onClick: incrementKids }, "+"))))));
|
|
6009
6009
|
}
|
|
6010
6010
|
|
|
6011
|
-
var css_248z$
|
|
6012
|
-
styleInject(css_248z$
|
|
6011
|
+
var css_248z$4 = ".filter-bar-categories {\n text-align: center;\n}\n\n.categories-filter-inner {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n}\n\n.categories-filter-inner input {\n cursor: pointer;\n margin-right: 10px;\n}\n";
|
|
6012
|
+
styleInject(css_248z$4);
|
|
6013
6013
|
|
|
6014
6014
|
function Categories(_a) {
|
|
6015
6015
|
_a.categories; var setCategories = _a.setCategories;
|
|
@@ -6078,11 +6078,105 @@ function useFilterBar() {
|
|
|
6078
6078
|
};
|
|
6079
6079
|
}
|
|
6080
6080
|
|
|
6081
|
-
|
|
6082
|
-
|
|
6081
|
+
/******************************************************************************
|
|
6082
|
+
Copyright (c) Microsoft Corporation.
|
|
6083
|
+
|
|
6084
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
6085
|
+
purpose with or without fee is hereby granted.
|
|
6086
|
+
|
|
6087
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
6088
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
6089
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
6090
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
6091
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
6092
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
6093
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
6094
|
+
***************************************************************************** */
|
|
6095
|
+
/* global Reflect, Promise, SuppressedError, Symbol */
|
|
6096
|
+
|
|
6097
|
+
|
|
6098
|
+
function __awaiter(thisArg, _arguments, P, generator) {
|
|
6099
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
6100
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
6101
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6102
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6103
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
6104
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
6105
|
+
});
|
|
6106
|
+
}
|
|
6107
|
+
|
|
6108
|
+
function __generator(thisArg, body) {
|
|
6109
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
6110
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
6111
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
6112
|
+
function step(op) {
|
|
6113
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
6114
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
6115
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
6116
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
6117
|
+
switch (op[0]) {
|
|
6118
|
+
case 0: case 1: t = op; break;
|
|
6119
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
6120
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
6121
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
6122
|
+
default:
|
|
6123
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
6124
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
6125
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
6126
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
6127
|
+
if (t[2]) _.ops.pop();
|
|
6128
|
+
_.trys.pop(); continue;
|
|
6129
|
+
}
|
|
6130
|
+
op = body.call(thisArg, _);
|
|
6131
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
6132
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
6133
|
+
}
|
|
6134
|
+
}
|
|
6135
|
+
|
|
6136
|
+
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
6137
|
+
var e = new Error(message);
|
|
6138
|
+
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
6139
|
+
};
|
|
6083
6140
|
|
|
6084
|
-
|
|
6085
|
-
|
|
6141
|
+
function useTheme(_a) {
|
|
6142
|
+
var vendor = _a.vendor;
|
|
6143
|
+
var _b = React__default.useState(null), cssModule = _b[0], setCssModule = _b[1];
|
|
6144
|
+
React__default.useEffect(function () {
|
|
6145
|
+
function importCss() {
|
|
6146
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
6147
|
+
var kisakallioCss, pajulahtiCss;
|
|
6148
|
+
return __generator(this, function (_a) {
|
|
6149
|
+
switch (_a.label) {
|
|
6150
|
+
case 0:
|
|
6151
|
+
if (!(vendor === 'Kisakallio')) return [3 /*break*/, 2];
|
|
6152
|
+
return [4 /*yield*/, Promise.resolve().then(function () { return Kisakallio; })];
|
|
6153
|
+
case 1:
|
|
6154
|
+
kisakallioCss = _a.sent();
|
|
6155
|
+
setCssModule(kisakallioCss.default);
|
|
6156
|
+
return [3 /*break*/, 5];
|
|
6157
|
+
case 2:
|
|
6158
|
+
if (!(vendor === 'Pajulahti')) return [3 /*break*/, 4];
|
|
6159
|
+
return [4 /*yield*/, Promise.resolve().then(function () { return Pajulahti; })];
|
|
6160
|
+
case 3:
|
|
6161
|
+
pajulahtiCss = _a.sent();
|
|
6162
|
+
setCssModule(pajulahtiCss.default);
|
|
6163
|
+
return [3 /*break*/, 5];
|
|
6164
|
+
case 4: return [2 /*return*/];
|
|
6165
|
+
case 5: return [2 /*return*/];
|
|
6166
|
+
}
|
|
6167
|
+
});
|
|
6168
|
+
});
|
|
6169
|
+
}
|
|
6170
|
+
importCss();
|
|
6171
|
+
}, [vendor]);
|
|
6172
|
+
return cssModule;
|
|
6173
|
+
}
|
|
6174
|
+
|
|
6175
|
+
var css_248z$3 = ".filter-bar {\r\n box-sizing: border-box;\r\n max-width: 1100px;\r\n position: relative;\r\n}\r\n\r\n.filter-bar-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 10px 20px;\r\n position: relative;\r\n z-index: 222;\r\n \r\n border-radius: 40px;\r\n background-color: #fff;\r\n box-shadow: 0px 6px 11px 0px #a7a4a480;\r\n}\r\n\r\n.filter-bar-container {\r\n background-color: #fff;\r\n min-height: 100px;\r\n \r\n padding: 90px 40px 30px 40px;\r\n position: absolute;\r\n top: 0;\r\n z-index: 111;\r\n border-radius: 40px;\r\n width: -webkit-fill-available;\r\n box-shadow: var(--box-shadow);\r\n}";
|
|
6176
|
+
styleInject(css_248z$3);
|
|
6177
|
+
|
|
6178
|
+
var css_248z$2 = ":root {\n --primary-color: #3498db;\n --font-size: 16px;\n --box-shadow: 0px 6px 11px 0px #a7a4a480\n}\n\n* {\n box-sizing: border-box;\n}\n\nhtml {\n background-color: aqua;\n}";
|
|
6179
|
+
styleInject(css_248z$2);
|
|
6086
6180
|
|
|
6087
6181
|
const consoleLogger = {
|
|
6088
6182
|
type: 'logger',
|
|
@@ -8411,8 +8505,8 @@ instance.use(initReactI18next).init({
|
|
|
8411
8505
|
});
|
|
8412
8506
|
|
|
8413
8507
|
function FilterBar(_a) {
|
|
8414
|
-
|
|
8415
|
-
|
|
8508
|
+
var vendor = _a.vendor, language = _a.language;
|
|
8509
|
+
useTheme({ vendor: vendor });
|
|
8416
8510
|
var _b = React__default.useState(0); _b[0]; var setRerenderKey = _b[1];
|
|
8417
8511
|
React__default.useEffect(function () {
|
|
8418
8512
|
instance.changeLanguage(language);
|
|
@@ -8420,7 +8514,6 @@ function FilterBar(_a) {
|
|
|
8420
8514
|
setRerenderKey(function (prevKey) { return prevKey + 1; });
|
|
8421
8515
|
}, [language]);
|
|
8422
8516
|
var t = useTranslation('filterBar').t;
|
|
8423
|
-
console.log(language, t('calendar.startDate'));
|
|
8424
8517
|
var _c = useFilterBar(), selectedFilter = _c.selectedFilter, guestsAdults = _c.guestsAdults, guestsKids = _c.guestsKids, categories = _c.categories, calendarRange = _c.calendarRange, setCalendarRange = _c.setCalendarRange, setGuestsAdults = _c.setGuestsAdults, setGuestsKids = _c.setGuestsKids, setCategories = _c.setCategories, handleSelectedFilter = _c.handleSelectedFilter, handleSubmit = _c.handleSubmit;
|
|
8425
8518
|
return (React__default.createElement("div", { className: "filter-bar" },
|
|
8426
8519
|
React__default.createElement("div", { className: "filter-bar-header" },
|
|
@@ -8438,6 +8531,26 @@ function FilterBar(_a) {
|
|
|
8438
8531
|
selectedFilter === 4 && (React__default.createElement(Categories, { categories: categories, setCategories: setCategories }))))));
|
|
8439
8532
|
}
|
|
8440
8533
|
|
|
8534
|
+
var css_248z$1 = "html {\n background-color: blue;\n}";
|
|
8535
|
+
var stylesheet$1="html {\n background-color: blue;\n}";
|
|
8536
|
+
styleInject(css_248z$1);
|
|
8537
|
+
|
|
8538
|
+
var Kisakallio = /*#__PURE__*/Object.freeze({
|
|
8539
|
+
__proto__: null,
|
|
8540
|
+
default: css_248z$1,
|
|
8541
|
+
stylesheet: stylesheet$1
|
|
8542
|
+
});
|
|
8543
|
+
|
|
8544
|
+
var css_248z = "html {\n background-color: red;\n}";
|
|
8545
|
+
var stylesheet="html {\n background-color: red;\n}";
|
|
8546
|
+
styleInject(css_248z);
|
|
8547
|
+
|
|
8548
|
+
var Pajulahti = /*#__PURE__*/Object.freeze({
|
|
8549
|
+
__proto__: null,
|
|
8550
|
+
default: css_248z,
|
|
8551
|
+
stylesheet: stylesheet
|
|
8552
|
+
});
|
|
8553
|
+
|
|
8441
8554
|
exports.Button = Button$1;
|
|
8442
8555
|
exports.FilterBar = FilterBar;
|
|
8443
8556
|
//# sourceMappingURL=index.js.map
|