willba-component-library 0.0.46 → 0.0.47

package/lib/index.js

@@ -5997,7 +5997,7 @@ function Guests(_a) {
             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" },
@@ -6032,6 +6032,16 @@ function Categories(_a) {
             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];
@@ -6078,33 +6088,10 @@ function useFilterBar() {
     };
 }
 
-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 = {
@@ -8435,7 +8422,7 @@ instance.use(initReactI18next).init({
 
 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);
@@ -8444,20 +8431,21 @@ function FilterBar(_a) {
     }, [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;