willba-component-library 0.0.42 → 0.0.43

package/lib/index.esm.js

@@ -6058,45 +6058,20 @@ function useFilterBar() {
     };
 }
 
-// import React, { useEffect, useState } from 'react'
-// type ThemeProps = {
-//   vendor?: string
-// }
-// export default function useTheme({ vendor }: ThemeProps) {
-//   const [cssLoaded, setCssLoaded] = useState(false)
-//   useEffect(() => {
-//     async function loadThemeCSS() {
-//       try {
-//         let cssUrl = ''
-//         if (vendor === 'Kisakallio') {
-//           cssUrl = './Kisakallio.css'
-//         } else if (vendor === 'Pajulahti') {
-//           cssUrl = './Pajulahti.css'
-//         } else {
-//           cssUrl = './Default.css'
-//         }
-//         await loadCSS(cssUrl)
-//         setCssLoaded(true)
-//       } catch (error) {
-//         console.error('Error loading CSS:', error)
-//       }
-//     }
-//     loadThemeCSS()
-//   }, [vendor])
-//   return cssLoaded
-// }
-function MyComponent(_a) {
+function useTheme(_a) {
     var vendor = _a.vendor;
     useEffect(function () {
         if (vendor === 'Kisakallio') {
-            addCSSFile('./Kisakallio.css');
+            addCSSFile('../src/themes/Kisakallio.css');
+        }
+        else if (vendor === 'Pajulahti') {
+            addCSSFile('../src/themes/Pajulahti.css');
         }
         else {
-            addCSSFile('./Default.css');
+            addCSSFile('../src/themes/Default.css');
         }
     }, [vendor]);
-    // Rest of your component code
-    return React__default__default.createElement("div", null, "My Component");
+    return;
 }
 var addCSSFile = function (href) {
     var link = document.createElement('link');
@@ -8440,7 +8415,7 @@ instance.use(initReactI18next).init({
 
 function FilterBar(_a) {
     var vendor = _a.vendor, language = _a.language;
-    var cssLoaded = MyComponent({ vendor: vendor });
+    useTheme({ vendor: vendor });
     var _b = useState(0); _b[0]; var setRerenderKey = _b[1];
     useEffect(function () {
         instance.changeLanguage(language);
@@ -8449,7 +8424,7 @@ 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__default.createElement("div", { className: "filter-bar ".concat(cssLoaded ? 'dynamic-theme-class' : '') },
+    return (React__default__default.createElement("div", { className: "filter-bar " },
         React__default__default.createElement("div", { className: "filter-bar-header" },
             React__default__default.createElement(SelectButton, { label: t('calendar.startDate'), onClick: function () { return handleSelectedFilter(1); } }),
             React__default__default.createElement(Divider, null),