hrm_ui_lib 2.0.0-alpha.10 → 2.0.0-alpha.12

package/components/FormContainer/FormContainer.js

@@ -1,10 +1,11 @@
 import _extends from '@babel/runtime/helpers/extends';
-import React, { createContext, useContext, useMemo, useRef, useCallback, useState, useEffect } from 'react';
+import React, { useMemo, useEffect } from 'react';
 import { useForm } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import classNames from 'classnames';
 import { FormContext } from '../../context/types.js';
 import { B as Button } from '../../Alert--0rz5XL1.js';
+import instance from '../../i18n.js';
 import '../../utils/helpers.js';
 import 'dayjs';
 import '../Alert/consts.js';
@@ -54,471 +55,8 @@ import '../Progress/Progress.js';
 import '../SVGIcons/IconArrowDownloadFilled.js';
 import '../../helpers/download-file.js';
 import '../Button/consts.js';
-
-const warn = (i18n, code, msg, rest) => {
-  const args = [msg, {
-    code,
-    ...(rest || {})
-  }];
-  if (i18n?.services?.logger?.forward) {
-    return i18n.services.logger.forward(args, 'warn', 'react-i18next::', true);
-  }
-  if (isString(args[0])) args[0] = `react-i18next:: ${args[0]}`;
-  if (i18n?.services?.logger?.warn) {
-    i18n.services.logger.warn(...args);
-  } else if (console?.warn) {
-    console.warn(...args);
-  }
-};
-const alreadyWarned = {};
-const warnOnce = (i18n, code, msg, rest) => {
-  if (isString(msg) && alreadyWarned[msg]) return;
-  if (isString(msg)) alreadyWarned[msg] = new Date();
-  warn(i18n, code, msg, rest);
-};
-const loadedClb = (i18n, cb) => () => {
-  if (i18n.isInitialized) {
-    cb();
-  } else {
-    const initialized = () => {
-      setTimeout(() => {
-        i18n.off('initialized', initialized);
-      }, 0);
-      cb();
-    };
-    i18n.on('initialized', initialized);
-  }
-};
-const loadNamespaces = (i18n, ns, cb) => {
-  i18n.loadNamespaces(ns, loadedClb(i18n, cb));
-};
-const loadLanguages = (i18n, lng, ns, cb) => {
-  if (isString(ns)) ns = [ns];
-  if (i18n.options.preload && i18n.options.preload.indexOf(lng) > -1) return loadNamespaces(i18n, ns, cb);
-  ns.forEach(n => {
-    if (i18n.options.ns.indexOf(n) < 0) i18n.options.ns.push(n);
-  });
-  i18n.loadLanguages(lng, loadedClb(i18n, cb));
-};
-const hasLoadedNamespace = (ns, i18n, options = {}) => {
-  if (!i18n.languages || !i18n.languages.length) {
-    warnOnce(i18n, 'NO_LANGUAGES', 'i18n.languages were undefined or empty', {
-      languages: i18n.languages
-    });
-    return true;
-  }
-  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 isString = obj => typeof obj === 'string';
-const isObject = obj => typeof obj === 'object' && obj !== null;
-
-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 = {
-  bindI18n: 'languageChanged',
-  bindI18nStore: '',
-  transEmptyNodeValue: '',
-  transSupportBasicHtmlNodes: true,
-  transWrapTextNodes: '',
-  transKeepBasicHtmlNodesFor: ['br', 'strong', 'i', 'p'],
-  useSuspense: true,
-  unescape
-};
-const getDefaults = () => defaultOptions;
-
-let i18nInstance;
-const getI18n = () => i18nInstance;
-
-const I18nContext = 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);
-  }
-}
-
-var shim = {exports: {}};
-
-var useSyncExternalStoreShim_production = {};
-
-/**
- * @license React
- * use-sync-external-store-shim.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredUseSyncExternalStoreShim_production;
-
-function requireUseSyncExternalStoreShim_production () {
-	if (hasRequiredUseSyncExternalStoreShim_production) return useSyncExternalStoreShim_production;
-	hasRequiredUseSyncExternalStoreShim_production = 1;
-	var React$1 = React;
-	function is(x, y) {
-	  return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
-	}
-	var objectIs = "function" === typeof Object.is ? Object.is : is,
-	  useState = React$1.useState,
-	  useEffect = React$1.useEffect,
-	  useLayoutEffect = React$1.useLayoutEffect,
-	  useDebugValue = React$1.useDebugValue;
-	function useSyncExternalStore$2(subscribe, getSnapshot) {
-	  var value = getSnapshot(),
-	    _useState = useState({ inst: { value: value, getSnapshot: getSnapshot } }),
-	    inst = _useState[0].inst,
-	    forceUpdate = _useState[1];
-	  useLayoutEffect(
-	    function () {
-	      inst.value = value;
-	      inst.getSnapshot = getSnapshot;
-	      checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
-	    },
-	    [subscribe, value, getSnapshot]
-	  );
-	  useEffect(
-	    function () {
-	      checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
-	      return subscribe(function () {
-	        checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
-	      });
-	    },
-	    [subscribe]
-	  );
-	  useDebugValue(value);
-	  return value;
-	}
-	function checkIfSnapshotChanged(inst) {
-	  var latestGetSnapshot = inst.getSnapshot;
-	  inst = inst.value;
-	  try {
-	    var nextValue = latestGetSnapshot();
-	    return !objectIs(inst, nextValue);
-	  } catch (error) {
-	    return true;
-	  }
-	}
-	function useSyncExternalStore$1(subscribe, getSnapshot) {
-	  return getSnapshot();
-	}
-	var shim =
-	  "undefined" === typeof window ||
-	  "undefined" === typeof window.document ||
-	  "undefined" === typeof window.document.createElement
-	    ? useSyncExternalStore$1
-	    : useSyncExternalStore$2;
-	useSyncExternalStoreShim_production.useSyncExternalStore =
-	  void 0 !== React$1.useSyncExternalStore ? React$1.useSyncExternalStore : shim;
-	return useSyncExternalStoreShim_production;
-}
-
-var useSyncExternalStoreShim_development = {};
-
-/**
- * @license React
- * use-sync-external-store-shim.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredUseSyncExternalStoreShim_development;
-
-function requireUseSyncExternalStoreShim_development () {
-	if (hasRequiredUseSyncExternalStoreShim_development) return useSyncExternalStoreShim_development;
-	hasRequiredUseSyncExternalStoreShim_development = 1;
-	"production" !== process.env.NODE_ENV &&
-	  (function () {
-	    function is(x, y) {
-	      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
-	    }
-	    function useSyncExternalStore$2(subscribe, getSnapshot) {
-	      didWarnOld18Alpha ||
-	        void 0 === React$1.startTransition ||
-	        ((didWarnOld18Alpha = true),
-	        console.error(
-	          "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
-	        ));
-	      var value = getSnapshot();
-	      if (!didWarnUncachedGetSnapshot) {
-	        var cachedValue = getSnapshot();
-	        objectIs(value, cachedValue) ||
-	          (console.error(
-	            "The result of getSnapshot should be cached to avoid an infinite loop"
-	          ),
-	          (didWarnUncachedGetSnapshot = true));
-	      }
-	      cachedValue = useState({
-	        inst: { value: value, getSnapshot: getSnapshot }
-	      });
-	      var inst = cachedValue[0].inst,
-	        forceUpdate = cachedValue[1];
-	      useLayoutEffect(
-	        function () {
-	          inst.value = value;
-	          inst.getSnapshot = getSnapshot;
-	          checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
-	        },
-	        [subscribe, value, getSnapshot]
-	      );
-	      useEffect(
-	        function () {
-	          checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
-	          return subscribe(function () {
-	            checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
-	          });
-	        },
-	        [subscribe]
-	      );
-	      useDebugValue(value);
-	      return value;
-	    }
-	    function checkIfSnapshotChanged(inst) {
-	      var latestGetSnapshot = inst.getSnapshot;
-	      inst = inst.value;
-	      try {
-	        var nextValue = latestGetSnapshot();
-	        return !objectIs(inst, nextValue);
-	      } catch (error) {
-	        return true;
-	      }
-	    }
-	    function useSyncExternalStore$1(subscribe, getSnapshot) {
-	      return getSnapshot();
-	    }
-	    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
-	      "function" ===
-	        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
-	      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-	    var React$1 = React,
-	      objectIs = "function" === typeof Object.is ? Object.is : is,
-	      useState = React$1.useState,
-	      useEffect = React$1.useEffect,
-	      useLayoutEffect = React$1.useLayoutEffect,
-	      useDebugValue = React$1.useDebugValue,
-	      didWarnOld18Alpha = false,
-	      didWarnUncachedGetSnapshot = false,
-	      shim =
-	        "undefined" === typeof window ||
-	        "undefined" === typeof window.document ||
-	        "undefined" === typeof window.document.createElement
-	          ? useSyncExternalStore$1
-	          : useSyncExternalStore$2;
-	    useSyncExternalStoreShim_development.useSyncExternalStore =
-	      void 0 !== React$1.useSyncExternalStore ? React$1.useSyncExternalStore : shim;
-	    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
-	      "function" ===
-	        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
-	      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-	  })();
-	return useSyncExternalStoreShim_development;
-}
-
-var hasRequiredShim;
-
-function requireShim () {
-	if (hasRequiredShim) return shim.exports;
-	hasRequiredShim = 1;
-
-	if (process.env.NODE_ENV === 'production') {
-	  shim.exports = requireUseSyncExternalStoreShim_production();
-	} else {
-	  shim.exports = requireUseSyncExternalStoreShim_development();
-	}
-	return shim.exports;
-}
-
-var shimExports = requireShim();
-
-const notReadyT = (k, optsOrDefaultValue) => {
-  if (isString(optsOrDefaultValue)) return optsOrDefaultValue;
-  if (isObject(optsOrDefaultValue) && isString(optsOrDefaultValue.defaultValue)) return optsOrDefaultValue.defaultValue;
-  return Array.isArray(k) ? k[k.length - 1] : k;
-};
-const notReadySnapshot = {
-  t: notReadyT,
-  ready: false
-};
-const dummySubscribe = () => () => {};
-const useTranslation = (ns, props = {}) => {
-  const {
-    i18n: i18nFromProps
-  } = props;
-  const {
-    i18n: i18nFromContext,
-    defaultNS: defaultNSFromContext
-  } = useContext(I18nContext) || {};
-  const i18n = i18nFromProps || i18nFromContext || getI18n();
-  if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
-  if (!i18n) {
-    warnOnce(i18n, 'NO_I18NEXT_INSTANCE', 'useTranslation: You will need to pass in an i18next instance by using initReactI18next');
-  }
-  const i18nOptions = useMemo(() => ({
-    ...getDefaults(),
-    ...i18n?.options?.react,
-    ...props
-  }), [i18n, props]);
-  const {
-    useSuspense,
-    keyPrefix
-  } = i18nOptions;
-  const namespaces = useMemo(() => {
-    const nsOrContext = defaultNSFromContext || i18n?.options?.defaultNS;
-    return isString(nsOrContext) ? [nsOrContext] : nsOrContext || ['translation'];
-  }, [ns, defaultNSFromContext, i18n]);
-  i18n?.reportNamespaces?.addUsedNamespaces?.(namespaces);
-  const revisionRef = useRef(0);
-  const subscribe = useCallback(callback => {
-    if (!i18n) return dummySubscribe;
-    const {
-      bindI18n,
-      bindI18nStore
-    } = i18nOptions;
-    const wrappedCallback = () => {
-      revisionRef.current += 1;
-      callback();
-    };
-    if (bindI18n) i18n.on(bindI18n, wrappedCallback);
-    if (bindI18nStore) i18n.store.on(bindI18nStore, wrappedCallback);
-    return () => {
-      if (bindI18n) bindI18n.split(' ').forEach(e => i18n.off(e, wrappedCallback));
-      if (bindI18nStore) bindI18nStore.split(' ').forEach(e => i18n.store.off(e, wrappedCallback));
-    };
-  }, [i18n, i18nOptions]);
-  const snapshotRef = useRef();
-  const getSnapshot = useCallback(() => {
-    if (!i18n) {
-      return notReadySnapshot;
-    }
-    const calculatedReady = !!(i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every(n => hasLoadedNamespace(n, i18n, i18nOptions));
-    const currentLng = props.lng || i18n.language;
-    const currentRevision = revisionRef.current;
-    const lastSnapshot = snapshotRef.current;
-    if (lastSnapshot && lastSnapshot.ready === calculatedReady && lastSnapshot.lng === currentLng && lastSnapshot.keyPrefix === keyPrefix && lastSnapshot.revision === currentRevision) {
-      return lastSnapshot;
-    }
-    const calculatedT = i18n.getFixedT(currentLng, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0], keyPrefix);
-    const newSnapshot = {
-      t: calculatedT,
-      ready: calculatedReady,
-      lng: currentLng,
-      keyPrefix,
-      revision: currentRevision
-    };
-    snapshotRef.current = newSnapshot;
-    return newSnapshot;
-  }, [i18n, namespaces, keyPrefix, i18nOptions, props.lng]);
-  const [loadCount, setLoadCount] = useState(0);
-  const {
-    t,
-    ready
-  } = shimExports.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-  useEffect(() => {
-    if (i18n && !ready && !useSuspense) {
-      const onLoaded = () => setLoadCount(c => c + 1);
-      if (props.lng) {
-        loadLanguages(i18n, props.lng, namespaces, onLoaded);
-      } else {
-        loadNamespaces(i18n, namespaces, onLoaded);
-      }
-    }
-  }, [i18n, props.lng, namespaces, ready, useSuspense, loadCount]);
-  const finalI18n = i18n || {};
-  const wrapperRef = useRef(null);
-  const wrapperLangRef = useRef();
-  const createI18nWrapper = original => {
-    const descriptors = Object.getOwnPropertyDescriptors(original);
-    if (descriptors.__original) delete descriptors.__original;
-    const wrapper = Object.create(Object.getPrototypeOf(original), descriptors);
-    if (!Object.prototype.hasOwnProperty.call(wrapper, '__original')) {
-      try {
-        Object.defineProperty(wrapper, '__original', {
-          value: original,
-          writable: false,
-          enumerable: false,
-          configurable: false
-        });
-      } catch (_) {}
-    }
-    return wrapper;
-  };
-  const ret = useMemo(() => {
-    const original = finalI18n;
-    const lang = original?.language;
-    let i18nWrapper = original;
-    if (original) {
-      if (wrapperRef.current && wrapperRef.current.__original === original) {
-        if (wrapperLangRef.current !== lang) {
-          i18nWrapper = createI18nWrapper(original);
-          wrapperRef.current = i18nWrapper;
-          wrapperLangRef.current = lang;
-        } else {
-          i18nWrapper = wrapperRef.current;
-        }
-      } else {
-        i18nWrapper = createI18nWrapper(original);
-        wrapperRef.current = i18nWrapper;
-        wrapperLangRef.current = lang;
-      }
-    }
-    const arr = [t, i18nWrapper, ready];
-    arr.t = t;
-    arr.i18n = i18nWrapper;
-    arr.ready = ready;
-    return arr;
-  }, [t, finalI18n, ready, finalI18n.resolvedLanguage, finalI18n.language, finalI18n.languages]);
-  if (i18n && useSuspense && !ready) {
-    throw new Promise(resolve => {
-      const onLoaded = () => resolve();
-      if (props.lng) {
-        loadLanguages(i18n, props.lng, namespaces, onLoaded);
-      } else {
-        loadNamespaces(i18n, namespaces, onLoaded);
-      }
-    });
-  }
-  return ret;
-};
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
 
 var FormContainer = function FormContainer(props) {
   var children = props.children,
@@ -534,15 +72,12 @@ var FormContainer = function FormContainer(props) {
     buttonConfigs = props.buttonConfigs,
     formId = props.formId,
     onSubmit = props.onSubmit;
-  var _useTranslation = useTranslation(),
-    i18n = _useTranslation.i18n;
   var schema = useMemo(function () {
     return validationScheme;
-  }, [i18n.language, validationScheme]);
+  }, [instance.language, validationScheme]);
   var resolver = useMemo(function () {
     return yupResolver(schema);
   }, [schema]);
-  "form-".concat(i18n.language);
   var _useForm = useForm({
       mode: mode,
       resolver: resolver,
@@ -574,8 +109,9 @@ var FormContainer = function FormContainer(props) {
     }
   };
   useEffect(function () {
+    console.log('Language changed, updating validation messages', instance.language);
     trigger(); // re-run validation with new messages
-  }, [i18n.language]);
+  }, [instance.language]);
   return /*#__PURE__*/React.createElement("form", {
     onSubmit: handleSubmit(customSubmit),
     id: formId,

package/components/FormContainer/index.js

@@ -55,3 +55,6 @@ import '../Progress/Progress.js';
 import '../SVGIcons/IconArrowDownloadFilled.js';
 import '../../helpers/download-file.js';
 import '../Button/consts.js';
+import '../../i18n.js';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';

package/i18n.d.ts

@@ -0,0 +1,4 @@
+import i18n from 'i18next';
+export default i18n;
+export declare const loadTranslations: (language: string) => Promise<unknown>;
+export declare function translate(key: string, options?: any): string;