@firedesktop/react-base 1.50.0 → 1.51.0

package/src/lib/utils/labels/LanguageReturner.tsx

@@ -0,0 +1,41 @@
+import React, { useEffect } from 'react';
+
+import LanguageManager from './LanguageManager';
+
+export type Labels_Type = {
+    language: string
+}
+export type languageLoaderParamsType = {
+    labels?: Labels_Type
+    language: string
+    onLanguageLoad: (language?: Labels_Type) => void
+    path: string
+}
+
+export default function LanguageReturner({ labels, language, onLanguageLoad, path }: languageLoaderParamsType) {
+    const { loadLabels } = LanguageManager();
+
+    const fullPath = `${path}/${language}.json`;
+
+    // Do it on change language
+    useEffect(() => {
+        async function justAsync() {
+            if (!labels || !labels.language || labels.language !== language) {
+                console.log(`Loading Language Labels for this Path: ${path} in this fullpath: ${fullPath}`);
+                await loadLabels(fullPath).then((response: any) => {
+                    console.log(`Loaded Language Labels for this Path: ${path} in this fullpath: ${fullPath}`, response);
+                    onLanguageLoad(response);
+                }).catch((err: any) => {
+                    console.error(`Problem loading the Path: ${path} Language Labels in this fullpath: ${fullPath}`);
+                });
+            }
+        }
+        justAsync();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [language]);
+
+    return (
+        <React.Fragment>
+        </React.Fragment>
+    );
+}

package/src/lib/utils/labels/index.ts

@@ -0,0 +1,9 @@
+import LanguageLoader from './LanguageLoader';
+import LanguageManager from './LanguageManager';
+import LanguageReturner from './LanguageReturner';
+
+export {
+    LanguageLoader,
+    LanguageManager,
+    LanguageReturner
+};

package/src/react-app-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="react-scripts" />

package/src/reportWebVitals.ts

@@ -0,0 +1,15 @@
+import { ReportHandler } from 'web-vitals';
+
+const reportWebVitals = (onPerfEntry?: ReportHandler) => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);  
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;

package/src/setupTests.ts

@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';

package/.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-    "typescript.tsdk": "node_modules\\typescript\\lib"
-}