willba-component-library 0.0.46 → 0.0.47

package/lib/index.umd.js

@@ -5999,7 +5999,7 @@
 	            React__default.createElement("div", { className: "guests-filter-inner" },
 	                React__default.createElement("span", null, t('guests.adultsLabel')),
 	                React__default.createElement("div", null,
-	                    React__default.createElement("button", { onClick: decrementAdults, disabled: guestsAdults < 1 }, "-"),
+	                    React__default.createElement("button", { onClick: decrementAdults, disabled: guestsAdults < 2 }, "-"),
 	                    React__default.createElement("span", null, guestsAdults),
 	                    React__default.createElement("button", { onClick: incrementAdults }, "+"))),
 	            React__default.createElement("div", { className: "guests-filter-inner" },
@@ -6034,6 +6034,16 @@
 	            React__default.createElement("span", null, itm))); }))));
 	}
 
+	function useTheme(_a) {
+	    var vendor = _a.vendor;
+	    var themeClass = vendor === 'Kisakallio'
+	        ? 'will-root-kis'
+	        : vendor === 'Pajulahti'
+	            ? 'will-root-paj'
+	            : '';
+	    return themeClass;
+	}
+
 	function useFilterBar() {
 	    var _a = React__default.useState(false), selectedFilter = _a[0], setSelectedFilter = _a[1];
 	    var _b = React__default.useState(), calendarRange = _b[0], setCalendarRange = _b[1];
@@ -6080,33 +6090,10 @@
 	    };
 	}
 
-	function useTheme(_a) {
-	    var vendor = _a.vendor;
-	    React__default.useEffect(function () {
-	        if (vendor === 'Kisakallio') {
-	            addCSSFile('https://cdn.jsdelivr.net/npm/willba-component-library@latest/lib/themes/Kisakallio.css');
-	        }
-	        else if (vendor === 'Pajulahti') {
-	            addCSSFile('https://cdn.jsdelivr.net/npm/willba-component-library@latest/lib/themes/Pajulahti.css');
-	        }
-	        else {
-	            addCSSFile('https://cdn.jsdelivr.net/npm/willba-component-library@latest/lib/themes/Default.css');
-	        }
-	    }, [vendor]);
-	    return;
-	}
-	var addCSSFile = function (href) {
-	    var link = document.createElement('link');
-	    link.rel = 'stylesheet';
-	    link.type = 'text/css';
-	    link.href = href;
-	    document.head.appendChild(link);
-	};
-
 	var css_248z$1 = ".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}";
 	styleInject(css_248z$1);
 
-	var css_248z = ":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}";
+	var css_248z = ":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\n\n\n.will-root {\n  background-color: aqua;\n}\n\n.will-root-kis {\n  background-color: red;\n}\n\n.will-root-paj {\n  background-color: blue;\n}";
 	styleInject(css_248z);
 
 	const consoleLogger = {
@@ -8437,7 +8424,7 @@
 
 	function FilterBar(_a) {
 	    var vendor = _a.vendor, language = _a.language;
-	    useTheme({ vendor: vendor });
+	    var themeClass = useTheme({ vendor: vendor });
 	    var _b = React__default.useState(0); _b[0]; var setRerenderKey = _b[1];
 	    React__default.useEffect(function () {
 	        instance.changeLanguage(language);
@@ -8446,20 +8433,21 @@
 	    }, [language]);
 	    var t = useTranslation('filterBar').t;
 	    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;
-	    return (React__default.createElement("div", { className: "filter-bar " },
-	        React__default.createElement("div", { className: "filter-bar-header" },
-	            React__default.createElement(SelectButton, { label: t('calendar.startDate'), onClick: function () { return handleSelectedFilter(1); } }),
-	            React__default.createElement(Divider, null),
-	            React__default.createElement(SelectButton, { label: t('calendar.endDate'), onClick: function () { return handleSelectedFilter(2); } }),
-	            React__default.createElement(Divider, null),
-	            React__default.createElement(SelectButton, { label: t('guests.label'), onClick: function () { return handleSelectedFilter(3); } }),
-	            React__default.createElement(Divider, null),
-	            React__default.createElement(SelectButton, { label: t('categories.label'), onClick: function () { return handleSelectedFilter(4); } }),
-	            React__default.createElement(SubmitButton, { onClick: handleSubmit })),
-	        selectedFilter && (React__default.createElement("div", { className: "filter-bar-container" },
-	            (selectedFilter === 1 || selectedFilter === 2) && (React__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange })),
-	            selectedFilter === 3 && (React__default.createElement(Guests, { guestsAdults: guestsAdults, guestsKids: guestsKids, decrementAdults: function () { return setGuestsAdults(guestsAdults - 1); }, incrementAdults: function () { return setGuestsAdults(guestsAdults + 1); }, decrementKids: function () { return setGuestsKids(guestsKids - 1); }, incrementKids: function () { return setGuestsKids(guestsKids + 1); } })),
-	            selectedFilter === 4 && (React__default.createElement(Categories, { categories: categories, setCategories: setCategories }))))));
+	    return (React__default.createElement("div", { className: "will-root ".concat(themeClass) },
+	        React__default.createElement("div", { className: "filter-bar" },
+	            React__default.createElement("div", { className: "filter-bar-header" },
+	                React__default.createElement(SelectButton, { label: t('calendar.startDate'), onClick: function () { return handleSelectedFilter(1); } }),
+	                React__default.createElement(Divider, null),
+	                React__default.createElement(SelectButton, { label: t('calendar.endDate'), onClick: function () { return handleSelectedFilter(2); } }),
+	                React__default.createElement(Divider, null),
+	                React__default.createElement(SelectButton, { label: t('guests.label'), onClick: function () { return handleSelectedFilter(3); } }),
+	                React__default.createElement(Divider, null),
+	                React__default.createElement(SelectButton, { label: t('categories.label'), onClick: function () { return handleSelectedFilter(4); } }),
+	                React__default.createElement(SubmitButton, { onClick: handleSubmit })),
+	            selectedFilter && (React__default.createElement("div", { className: "filter-bar-container" },
+	                (selectedFilter === 1 || selectedFilter === 2) && (React__default.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange })),
+	                selectedFilter === 3 && (React__default.createElement(Guests, { guestsAdults: guestsAdults, guestsKids: guestsKids, decrementAdults: function () { return setGuestsAdults(guestsAdults - 1); }, incrementAdults: function () { return setGuestsAdults(guestsAdults + 1); }, decrementKids: function () { return setGuestsKids(guestsKids - 1); }, incrementKids: function () { return setGuestsKids(guestsKids + 1); } })),
+	                selectedFilter === 4 && (React__default.createElement(Categories, { categories: categories, setCategories: setCategories })))))));
 	}
 
 	exports.Button = Button$1;