willba-component-library 0.0.42 → 0.0.43
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 +9 -34
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +9 -34
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +9 -34
- package/lib/index.umd.js.map +1 -1
- package/lib/themes/useTheme.d.ts +1 -2
- package/package.json +1 -1
- package/src/components/FilterBar/FilterBar.tsx +2 -2
- package/src/themes/cssModules.d.ts +5 -0
- package/src/themes/styles.module.css +13 -0
- package/src/themes/useTheme.tsx +7 -40
package/lib/index.umd.js
CHANGED
|
@@ -6080,45 +6080,20 @@
|
|
|
6080
6080
|
};
|
|
6081
6081
|
}
|
|
6082
6082
|
|
|
6083
|
-
|
|
6084
|
-
// type ThemeProps = {
|
|
6085
|
-
// vendor?: string
|
|
6086
|
-
// }
|
|
6087
|
-
// export default function useTheme({ vendor }: ThemeProps) {
|
|
6088
|
-
// const [cssLoaded, setCssLoaded] = useState(false)
|
|
6089
|
-
// useEffect(() => {
|
|
6090
|
-
// async function loadThemeCSS() {
|
|
6091
|
-
// try {
|
|
6092
|
-
// let cssUrl = ''
|
|
6093
|
-
// if (vendor === 'Kisakallio') {
|
|
6094
|
-
// cssUrl = './Kisakallio.css'
|
|
6095
|
-
// } else if (vendor === 'Pajulahti') {
|
|
6096
|
-
// cssUrl = './Pajulahti.css'
|
|
6097
|
-
// } else {
|
|
6098
|
-
// cssUrl = './Default.css'
|
|
6099
|
-
// }
|
|
6100
|
-
// await loadCSS(cssUrl)
|
|
6101
|
-
// setCssLoaded(true)
|
|
6102
|
-
// } catch (error) {
|
|
6103
|
-
// console.error('Error loading CSS:', error)
|
|
6104
|
-
// }
|
|
6105
|
-
// }
|
|
6106
|
-
// loadThemeCSS()
|
|
6107
|
-
// }, [vendor])
|
|
6108
|
-
// return cssLoaded
|
|
6109
|
-
// }
|
|
6110
|
-
function MyComponent(_a) {
|
|
6083
|
+
function useTheme(_a) {
|
|
6111
6084
|
var vendor = _a.vendor;
|
|
6112
6085
|
React__default.useEffect(function () {
|
|
6113
6086
|
if (vendor === 'Kisakallio') {
|
|
6114
|
-
addCSSFile('
|
|
6087
|
+
addCSSFile('../src/themes/Kisakallio.css');
|
|
6088
|
+
}
|
|
6089
|
+
else if (vendor === 'Pajulahti') {
|
|
6090
|
+
addCSSFile('../src/themes/Pajulahti.css');
|
|
6115
6091
|
}
|
|
6116
6092
|
else {
|
|
6117
|
-
addCSSFile('
|
|
6093
|
+
addCSSFile('../src/themes/Default.css');
|
|
6118
6094
|
}
|
|
6119
6095
|
}, [vendor]);
|
|
6120
|
-
|
|
6121
|
-
return React__default.createElement("div", null, "My Component");
|
|
6096
|
+
return;
|
|
6122
6097
|
}
|
|
6123
6098
|
var addCSSFile = function (href) {
|
|
6124
6099
|
var link = document.createElement('link');
|
|
@@ -8462,7 +8437,7 @@
|
|
|
8462
8437
|
|
|
8463
8438
|
function FilterBar(_a) {
|
|
8464
8439
|
var vendor = _a.vendor, language = _a.language;
|
|
8465
|
-
|
|
8440
|
+
useTheme({ vendor: vendor });
|
|
8466
8441
|
var _b = React__default.useState(0); _b[0]; var setRerenderKey = _b[1];
|
|
8467
8442
|
React__default.useEffect(function () {
|
|
8468
8443
|
instance.changeLanguage(language);
|
|
@@ -8471,7 +8446,7 @@
|
|
|
8471
8446
|
}, [language]);
|
|
8472
8447
|
var t = useTranslation('filterBar').t;
|
|
8473
8448
|
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;
|
|
8474
|
-
return (React__default.createElement("div", { className: "filter-bar "
|
|
8449
|
+
return (React__default.createElement("div", { className: "filter-bar " },
|
|
8475
8450
|
React__default.createElement("div", { className: "filter-bar-header" },
|
|
8476
8451
|
React__default.createElement(SelectButton, { label: t('calendar.startDate'), onClick: function () { return handleSelectedFilter(1); } }),
|
|
8477
8452
|
React__default.createElement(Divider, null),
|