willba-component-library 0.0.71 → 0.0.73

package/lib/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-	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.MyComponentLibrary = {}, global.React));
-})(this, (function (exports, React__default) { 'use strict';
+	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';
 
 	function _interopNamespaceDefault(e) {
 		var n = Object.create(null);
@@ -128,265 +128,6 @@
 	    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);
 
@@ -407,7 +148,7 @@
 
 	function SubmitButton(_a) {
 	    var onClick = _a.onClick;
-	    var t = useTranslation('filterBar').t;
+	    var t = reactI18next.useTranslation('filterBar').t;
 	    return (React__default.createElement("button", { className: "will-filter-bar-submit-button", onClick: onClick },
 	        React__default.createElement("span", null),
 	        t('submit.label')));
@@ -5977,7 +5718,7 @@
 	var currentMonth = new Date();
 	function Calendar(_a) {
 	    var calendarRange = _a.calendarRange, setCalendarRange = _a.setCalendarRange;
-	    var t = useTranslation('filterBar').t;
+	    var t = reactI18next.useTranslation('filterBar').t;
 	    //const isTablet = useMediaQuery({ maxWidth: 1024 })
 	    var defaultCalendarSelected = {
 	        from: currentMonth,
@@ -6001,7 +5742,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 = useTranslation('filterBar').t;
+	    var t = reactI18next.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')),
@@ -6031,7 +5772,7 @@
 
 	function Categories(_a) {
 	    _a.categories; var setCategories = _a.setCategories;
-	    var t = useTranslation('filterBar').t;
+	    var t = reactI18next.useTranslation('filterBar').t;
 	    var categoriesPlaceholder = [
 	        'Weekend',
 	        'Week',
@@ -8436,7 +8177,7 @@
 
 	var urlParams = new URLSearchParams(window.location.search);
 	var localeFromUrl = urlParams.get('locale') || 'fi';
-	instance.use(initReactI18next).init({
+	instance.use(reactI18next.initReactI18next).init({
 	    resources: {
 	        en: { filterBar: enFilterBar },
 	        fi: { filterBar: fiFilterBar },
@@ -8457,7 +8198,7 @@
 	        // Trigger a re-render by updating the rerenderKey
 	        setRerenderKey(function (prevKey) { return prevKey + 1; });
 	    }, [language]);
-	    var t = useTranslation('filterBar').t;
+	    var t = reactI18next.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 () {