willba-component-library 0.4.2 → 0.4.3

package/lib/index.js

@@ -3093,21 +3093,17 @@ var fiCommon = {
 	errors: errors
 };
 
+var DEFAULT_LANGUAGE = 'fi';
 var resources = {
     en: { filterBar: enFilterBar, common: enCommon },
     fi: { filterBar: fiFilterBar, common: fiCommon },
 };
-var readLocaleFromUrl = function () {
-    if (typeof window === 'undefined')
-        return null;
-    return new URLSearchParams(window.location.search).get('locale');
-};
 var createI18nInstance = function (language) {
     var instance$1 = instance.createInstance();
     instance$1.use(initReactI18next).init({
         resources: resources,
-        lng: language || readLocaleFromUrl() || 'fi',
-        fallbackLng: 'fi',
+        lng: language || DEFAULT_LANGUAGE,
+        fallbackLng: DEFAULT_LANGUAGE,
         interpolation: { escapeValue: false },
     });
     return instance$1;
@@ -3115,7 +3111,7 @@ var createI18nInstance = function (language) {
 
 var I18nProvider = function (_a) {
     var language = _a.language, children = _a.children;
-    var i18n = React.useMemo(function () { return createI18nInstance(language); }, []);
+    var i18n = React.useMemo(function () { return createI18nInstance(language); }, [language]);
     return React.createElement(I18nextProvider, { i18n: i18n }, children);
 };
 
@@ -12647,11 +12643,9 @@ var renderCalendarErrorMessage = function (_a) {
 var css_248z = ".will-root .will-calendar-wrapper {\n    box-shadow: var(--will-box-shadow-dark);\n    border-radius: 20px;\n    background-color: var(--will-white);\n    position: absolute;\n    top: 0;\n    left: 0;\n   \n}\n\n.will-root .will-calendar-wrapper .will-calendar-header,\n.will-root .will-calendar-wrapper .will-calendar-main,\n.will-root .will-calendar-wrapper .will-calendar-footer {\n   padding: 20px;\n}\n\n/* Header */\n\n.will-root .will-calendar-wrapper .will-calendar-header {\n    display: flex;\n    justify-content: space-between;\n    border-bottom: 1px solid var(--will-grey);\n    align-items: center;\n}\n\n/* Footer */\n\n.will-root .will-calendar-wrapper .will-calendar-footer {\n    border-top: 1px solid var(--will-grey);\n}\n\n/* Footer actions */\n\n.will-root .will-calendar-wrapper .will-calendar-footer-actions-wrapper {\n    display: flex;\n    justify-content: space-between;\n}\n\n.will-root .will-calendar-wrapper .will-calendar-footer-dates > div {\n    margin-bottom: 5px;\n}\n\n.will-root .will-calendar-wrapper .will-calendar-footer-dates-separator {\n    margin: 0 15px;\n}\n\n.will-root .will-calendar-wrapper .will-calendar-footer-dates .will-calendar-footer-booked {\n    display: flex;\n    min-height: 20.5px;\n    margin-top: 10px;\n}\n\n.will-root .will-calendar-wrapper .will-calendar-footer-error {\n    display: flex;\n    max-width: 80%;\n}\n\n.will-root .will-calendar-wrapper .will-calendar-footer-error span {\n    display: inline-block;\n    margin-left: 10px;\n}\n\n@media (max-width: 960px) {\n    .will-root .will-calendar-wrapper {\n        width: -webkit-fill-available;\n        margin: 0 -6%;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-header,\n    .will-root .will-calendar-wrapper .will-calendar-main,\n    .will-root .will-calendar-wrapper .will-calendar-footer {\n        padding: 20px 10px;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-footer-actions-wrapper {\n        flex-direction: column;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-footer-dates  {\n        text-align: center;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-footer-dates .will-calendar-footer-booked {\n       justify-content: center;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-footer-actions {\n       flex-direction: column;\n       width: 100%;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-footer-actions button{\n        width: 100%;\n        margin-top: 10px;\n     }\n\n     .will-root .will-calendar-wrapper .will-calendar-footer-error {\n        max-width: 100%;\n    }\n\n    .will-root .will-calendar-wrapper .will-calendar-footer-error span {\n        text-align: center;\n        margin-left: 5px;\n    }\n  }\n\n.will-root .will-calendar-wrapper .will-calendar-header .will-filter-bar-close-button {\n    position: initial;\n}";
 styleInject(css_248z);
 
-function FilterCalendar(props) {
-    return (React.createElement(I18nProvider, { language: props.language },
-        React.createElement(FilterCalendarInner, __assign$2({}, props))));
-}
-function FilterCalendarInner(_a) {
+var FilterCalendar = function (props) { return (React.createElement(I18nProvider, { language: props.language },
+    React.createElement(FilterCalendarInner, __assign$2({}, props)))); };
+var FilterCalendarInner = function (_a) {
     var calendarOffset = _a.calendarOffset, language = _a.language, palette = _a.palette, onSubmit = _a.onSubmit, outerDisableCalendarDates = _a.disableCalendarDates, toggleCalendar = _a.toggleCalendar, loadingData = _a.loadingData, setToggleCalendar = _a.setToggleCalendar, requestDates = _a.requestDates, showFeedback = _a.showFeedback, noActiveSelection = _a.noActiveSelection, outerRangeContext = _a.rangeContext;
     var themePalette = useTheme({ palette: palette });
     // Translations
@@ -12679,7 +12673,7 @@ function FilterCalendarInner(_a) {
             React.createElement(Calendar, { calendarRange: calendarRange, setCalendarRange: setCalendarRange, calendarOffset: calendarOffset, selectedPath: '/rooms', language: language, disableCalendarDates: disableCalendarDates, requestDates: requestDates, disabledDates: disabledDates, updateCalendarMonthNavigation: updateCalendarMonthNavigation, setUpdateCalendarMonthNavigation: setUpdateCalendarMonthNavigation, updateCalendarDefaultMonth: updateCalendarDefaultMonth, loadingData: loadingData, showFeedback: showFeedback, noActiveSelection: noActiveSelection, palette: palette, setCalendarHasError: setCalendarHasError, setUpdatedForSubmit: setUpdatedForSubmit, rangeContext: rangeContext, calendarHasError: calendarHasError })),
         React.createElement("div", { className: "will-calendar-footer" },
             React.createElement(Footer, { calendarHasError: calendarHasError, calendarRange: calendarRange, handleClearDates: handleClearDates, language: language, palette: palette }))))));
-}
+};
 
 exports.Button = Button$1;
 exports.FilterBar = FilterBar;