willba-component-library 0.0.73 → 0.0.75

package/lib/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-i18next')) :
-	typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-i18next'], factory) :
-	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.MyComponentLibrary = {}, global.React, global.ReactI18next));
-})(this, (function (exports, React__default, reactI18next) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
+	typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
+	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.WillbaComponentLibrary = {}, global.React));
+})(this, (function (exports, React__default) { 'use strict';
 
 	function _interopNamespaceDefault(e) {
 		var n = Object.create(null);
@@ -128,6 +128,265 @@
 	    return (React__default.createElement("button", { type: "button", className: classNames("storybook-button", "storybook-button--".concat(size), "storybook-button--".concat(type)), style: textColor ? { color: textColor } : {}, onClick: onClick }, "".concat(label, " ").concat(theState)));
 	};
 
+	function warn() {
+	  if (console && console.warn) {
+	    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	      args[_key] = arguments[_key];
+	    }
+	    if (typeof args[0] === 'string') args[0] = `react-i18next:: ${args[0]}`;
+	    console.warn(...args);
+	  }
+	}
+	const alreadyWarned = {};
+	function warnOnce() {
+	  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+	    args[_key2] = arguments[_key2];
+	  }
+	  if (typeof args[0] === 'string' && alreadyWarned[args[0]]) return;
+	  if (typeof args[0] === 'string') alreadyWarned[args[0]] = new Date();
+	  warn(...args);
+	}
+	const loadedClb = (i18n, cb) => () => {
+	  if (i18n.isInitialized) {
+	    cb();
+	  } else {
+	    const initialized = () => {
+	      setTimeout(() => {
+	        i18n.off('initialized', initialized);
+	      }, 0);
+	      cb();
+	    };
+	    i18n.on('initialized', initialized);
+	  }
+	};
+	function loadNamespaces(i18n, ns, cb) {
+	  i18n.loadNamespaces(ns, loadedClb(i18n, cb));
+	}
+	function loadLanguages(i18n, lng, ns, cb) {
+	  if (typeof ns === 'string') ns = [ns];
+	  ns.forEach(n => {
+	    if (i18n.options.ns.indexOf(n) < 0) i18n.options.ns.push(n);
+	  });
+	  i18n.loadLanguages(lng, loadedClb(i18n, cb));
+	}
+	function oldI18nextHasLoadedNamespace(ns, i18n) {
+	  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+	  const lng = i18n.languages[0];
+	  const fallbackLng = i18n.options ? i18n.options.fallbackLng : false;
+	  const lastLng = i18n.languages[i18n.languages.length - 1];
+	  if (lng.toLowerCase() === 'cimode') return true;
+	  const loadNotPending = (l, n) => {
+	    const loadState = i18n.services.backendConnector.state[`${l}|${n}`];
+	    return loadState === -1 || loadState === 2;
+	  };
+	  if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18n.services.backendConnector.backend && i18n.isLanguageChangingTo && !loadNotPending(i18n.isLanguageChangingTo, ns)) return false;
+	  if (i18n.hasResourceBundle(lng, ns)) return true;
+	  if (!i18n.services.backendConnector.backend || i18n.options.resources && !i18n.options.partialBundledLanguages) return true;
+	  if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
+	  return false;
+	}
+	function hasLoadedNamespace(ns, i18n) {
+	  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+	  if (!i18n.languages || !i18n.languages.length) {
+	    warnOnce('i18n.languages were undefined or empty', i18n.languages);
+	    return true;
+	  }
+	  const isNewerI18next = i18n.options.ignoreJSONStructure !== undefined;
+	  if (!isNewerI18next) {
+	    return oldI18nextHasLoadedNamespace(ns, i18n, options);
+	  }
+	  return i18n.hasLoadedNamespace(ns, {
+	    lng: options.lng,
+	    precheck: (i18nInstance, loadNotPending) => {
+	      if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18nInstance.services.backendConnector.backend && i18nInstance.isLanguageChangingTo && !loadNotPending(i18nInstance.isLanguageChangingTo, ns)) return false;
+	    }
+	  });
+	}
+
+	const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
+	const htmlEntities = {
+	  '&amp;': '&',
+	  '&#38;': '&',
+	  '&lt;': '<',
+	  '&#60;': '<',
+	  '&gt;': '>',
+	  '&#62;': '>',
+	  '&apos;': "'",
+	  '&#39;': "'",
+	  '&quot;': '"',
+	  '&#34;': '"',
+	  '&nbsp;': ' ',
+	  '&#160;': ' ',
+	  '&copy;': '©',
+	  '&#169;': '©',
+	  '&reg;': '®',
+	  '&#174;': '®',
+	  '&hellip;': '…',
+	  '&#8230;': '…',
+	  '&#x2F;': '/',
+	  '&#47;': '/'
+	};
+	const unescapeHtmlEntity = m => htmlEntities[m];
+	const unescape = text => text.replace(matchHtmlEntity, unescapeHtmlEntity);
+
+	let defaultOptions$1 = {
+	  bindI18n: 'languageChanged',
+	  bindI18nStore: '',
+	  transEmptyNodeValue: '',
+	  transSupportBasicHtmlNodes: true,
+	  transWrapTextNodes: '',
+	  transKeepBasicHtmlNodesFor: ['br', 'strong', 'i', 'p'],
+	  useSuspense: true,
+	  unescape
+	};
+	function setDefaults() {
+	  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	  defaultOptions$1 = {
+	    ...defaultOptions$1,
+	    ...options
+	  };
+	}
+	function getDefaults() {
+	  return defaultOptions$1;
+	}
+
+	let i18nInstance;
+	function setI18n(instance) {
+	  i18nInstance = instance;
+	}
+	function getI18n() {
+	  return i18nInstance;
+	}
+
+	const initReactI18next = {
+	  type: '3rdParty',
+	  init(instance) {
+	    setDefaults(instance.options.react);
+	    setI18n(instance);
+	  }
+	};
+
+	const I18nContext = React__default.createContext();
+	class ReportNamespaces {
+	  constructor() {
+	    this.usedNamespaces = {};
+	  }
+	  addUsedNamespaces(namespaces) {
+	    namespaces.forEach(ns => {
+	      if (!this.usedNamespaces[ns]) this.usedNamespaces[ns] = true;
+	    });
+	  }
+	  getUsedNamespaces() {
+	    return Object.keys(this.usedNamespaces);
+	  }
+	}
+
+	const usePrevious = (value, ignore) => {
+	  const ref = React__default.useRef();
+	  React__default.useEffect(() => {
+	    ref.current = ignore ? ref.current : value;
+	  }, [value, ignore]);
+	  return ref.current;
+	};
+	function useTranslation(ns) {
+	  let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	  const {
+	    i18n: i18nFromProps
+	  } = props;
+	  const {
+	    i18n: i18nFromContext,
+	    defaultNS: defaultNSFromContext
+	  } = React__default.useContext(I18nContext) || {};
+	  const i18n = i18nFromProps || i18nFromContext || getI18n();
+	  if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
+	  if (!i18n) {
+	    warnOnce('You will need to pass in an i18next instance by using initReactI18next');
+	    const notReadyT = (k, optsOrDefaultValue) => {
+	      if (typeof optsOrDefaultValue === 'string') return optsOrDefaultValue;
+	      if (optsOrDefaultValue && typeof optsOrDefaultValue === 'object' && typeof optsOrDefaultValue.defaultValue === 'string') return optsOrDefaultValue.defaultValue;
+	      return Array.isArray(k) ? k[k.length - 1] : k;
+	    };
+	    const retNotReady = [notReadyT, {}, false];
+	    retNotReady.t = notReadyT;
+	    retNotReady.i18n = {};
+	    retNotReady.ready = false;
+	    return retNotReady;
+	  }
+	  if (i18n.options.react && i18n.options.react.wait !== undefined) warnOnce('It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.');
+	  const i18nOptions = {
+	    ...getDefaults(),
+	    ...i18n.options.react,
+	    ...props
+	  };
+	  const {
+	    useSuspense,
+	    keyPrefix
+	  } = i18nOptions;
+	  let namespaces = ns || defaultNSFromContext || i18n.options && i18n.options.defaultNS;
+	  namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
+	  if (i18n.reportNamespaces.addUsedNamespaces) i18n.reportNamespaces.addUsedNamespaces(namespaces);
+	  const ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every(n => hasLoadedNamespace(n, i18n, i18nOptions));
+	  function getT() {
+	    return i18n.getFixedT(props.lng || null, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0], keyPrefix);
+	  }
+	  const [t, setT] = React__default.useState(getT);
+	  let joinedNS = namespaces.join();
+	  if (props.lng) joinedNS = `${props.lng}${joinedNS}`;
+	  const previousJoinedNS = usePrevious(joinedNS);
+	  const isMounted = React__default.useRef(true);
+	  React__default.useEffect(() => {
+	    const {
+	      bindI18n,
+	      bindI18nStore
+	    } = i18nOptions;
+	    isMounted.current = true;
+	    if (!ready && !useSuspense) {
+	      if (props.lng) {
+	        loadLanguages(i18n, props.lng, namespaces, () => {
+	          if (isMounted.current) setT(getT);
+	        });
+	      } else {
+	        loadNamespaces(i18n, namespaces, () => {
+	          if (isMounted.current) setT(getT);
+	        });
+	      }
+	    }
+	    if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
+	      setT(getT);
+	    }
+	    function boundReset() {
+	      if (isMounted.current) setT(getT);
+	    }
+	    if (bindI18n && i18n) i18n.on(bindI18n, boundReset);
+	    if (bindI18nStore && i18n) i18n.store.on(bindI18nStore, boundReset);
+	    return () => {
+	      isMounted.current = false;
+	      if (bindI18n && i18n) bindI18n.split(' ').forEach(e => i18n.off(e, boundReset));
+	      if (bindI18nStore && i18n) bindI18nStore.split(' ').forEach(e => i18n.store.off(e, boundReset));
+	    };
+	  }, [i18n, joinedNS]);
+	  const isInitial = React__default.useRef(true);
+	  React__default.useEffect(() => {
+	    if (isMounted.current && !isInitial.current) {
+	      setT(getT);
+	    }
+	    isInitial.current = false;
+	  }, [i18n, keyPrefix]);
+	  const ret = [t, i18n, ready];
+	  ret.t = t;
+	  ret.i18n = i18n;
+	  ret.ready = ready;
+	  if (ready) return ret;
+	  if (!ready && !useSuspense) return ret;
+	  throw new Promise(resolve => {
+	    if (props.lng) {
+	      loadLanguages(i18n, props.lng, namespaces, () => resolve());
+	    } else {
+	      loadNamespaces(i18n, namespaces, () => resolve());
+	    }
+	  });
+	}
+
 	var css_248z$8 = ".will-filter-bar-divider {\n  width: 1px;\n  margin: 0 10px;\n  height: 35px;\n  background-color: #384265;\n}\n\n@media (max-width: 1024px) {\n  .will-filter-bar-divider {\n    width: 100%;\n    margin: 0 10px;\n    height: 1px;\n    background-color: #384265;\n  }\n}";
 	styleInject(css_248z$8);
 
@@ -148,7 +407,7 @@
 
 	function SubmitButton(_a) {
 	    var onClick = _a.onClick;
-	    var t = reactI18next.useTranslation('filterBar').t;
+	    var t = useTranslation('filterBar').t;
 	    return (React__default.createElement("button", { className: "will-filter-bar-submit-button", onClick: onClick },
 	        React__default.createElement("span", null),
 	        t('submit.label')));
@@ -5718,7 +5977,7 @@
 	var currentMonth = new Date();
 	function Calendar(_a) {
 	    var calendarRange = _a.calendarRange, setCalendarRange = _a.setCalendarRange;
-	    var t = reactI18next.useTranslation('filterBar').t;
+	    var t = useTranslation('filterBar').t;
 	    //const isTablet = useMediaQuery({ maxWidth: 1024 })
 	    var defaultCalendarSelected = {
 	        from: currentMonth,
@@ -5742,7 +6001,7 @@
 
 	function Guests(_a) {
 	    var guestsAdults = _a.guestsAdults, guestsKids = _a.guestsKids, decrementAdults = _a.decrementAdults, incrementAdults = _a.incrementAdults, decrementKids = _a.decrementKids, incrementKids = _a.incrementKids;
-	    var t = reactI18next.useTranslation('filterBar').t;
+	    var t = useTranslation('filterBar').t;
 	    return (React__default.createElement("div", { className: "will-filter-bar-guests" },
 	        React__default.createElement("h3", { className: "will-guests-filter-title" }, t('guests.title')),
 	        React__default.createElement("p", { className: "will-guests-filter-subtitle" }, t('guests.subtitle')),
@@ -5772,7 +6031,7 @@
 
 	function Categories(_a) {
 	    _a.categories; var setCategories = _a.setCategories;
-	    var t = reactI18next.useTranslation('filterBar').t;
+	    var t = useTranslation('filterBar').t;
 	    var categoriesPlaceholder = [
 	        'Weekend',
 	        'Week',
@@ -8177,7 +8436,7 @@
 
 	var urlParams = new URLSearchParams(window.location.search);
 	var localeFromUrl = urlParams.get('locale') || 'fi';
-	instance.use(reactI18next.initReactI18next).init({
+	instance.use(initReactI18next).init({
 	    resources: {
 	        en: { filterBar: enFilterBar },
 	        fi: { filterBar: fiFilterBar },
@@ -8198,7 +8457,7 @@
 	        // Trigger a re-render by updating the rerenderKey
 	        setRerenderKey(function (prevKey) { return prevKey + 1; });
 	    }, [language]);
-	    var t = reactI18next.useTranslation('filterBar').t;
+	    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(React__default.Fragment, null,
 	        selectedFilter && (React__default.createElement("div", { className: "will-filter-bar will-filter-bar-underlay", onClick: function () {