@firedesktop/react-base 1.15.9 → 1.16.1

package/dist/utils/labels/LanguageManager.js

@@ -42,14 +42,14 @@ function LanguageManager() {
                 switch (_a.label) {
                     case 0:
                         _a.trys.push([0, 3, , 4]);
-                        return [4, fetch(fullPath, { headers: { "Content-Type": "application/json; charset=utf-8" } })];
+                        return [4, fetch(fullPath, { headers: { 'Content-Type': 'application/json; charset=utf-8' } })];
                     case 1:
                         res = _a.sent();
                         return [4, res.json()];
                     case 2: return [2, _a.sent()];
                     case 3:
                         err_1 = _a.sent();
-                        console.log("Problem loading the Site Labels");
+                        console.log('Problem loading the Site Labels');
                         return [3, 4];
                     case 4: return [2];
                 }
@@ -66,9 +66,9 @@ function LanguageManager() {
                     console.log("Loading Labels for this Language " + language + ", from this path: " + fullPath);
                     loadLabels(fullPath).then(function (response) {
                         console.log("Loaded Labels for this Language " + language, response);
-                        dispatch(updateAppState("labels", response));
+                        dispatch(updateAppState('labels', response));
                     }).catch(function (err) {
-                        console.log("Problem loading the Site Labels");
+                        console.log('Problem loading the Site Labels');
                     });
                 }
                 return [2];

package/package.json

@@ -1,42 +1,42 @@
 {
   "name": "@firedesktop/react-base",
-  "version": "1.15.9",
+  "version": "1.16.1",
   "license": "ISC",
   "main": "dist/index.js",
   "description": "This is the FireDesktop base package used to support every React Project in this Company.",
   "author": "alessandro.gambaro",
   "repository": "https://firedesktopDevOps@dev.azure.com/firedesktopDevOps/baseFEComponents/_git/baseFEComponents",
   "dependencies": {
-    "@syncfusion/ej2-popups": "^18.3.47",
+    "@syncfusion/ej2-popups": "^18.3.50",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
     "react-redux": "^7.2.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.10.5",
-    "@babel/core": "^7.10.5",
-    "@babel/plugin-proposal-class-properties": "7.10.4",
+    "@babel/cli": "^7.12.1",
+    "@babel/core": "^7.12.3",
+    "@babel/plugin-proposal-class-properties": "7.12.1",
     "@babel/plugin-transform-arrow-functions": "^7.12.1",
     "@babel/preset-typescript": "^7.12.1",
-    "@testing-library/jest-dom": "^5.11.5",
-    "@testing-library/react": "^11.1.0",
-    "@testing-library/user-event": "^12.1.10",
+    "@testing-library/jest-dom": "^5.11.6",
+    "@testing-library/react": "^11.1.2",
+    "@testing-library/user-event": "^12.2.2",
     "@types/jest": "^26.0.15",
-    "@types/node": "^12.19.1",
-    "@types/react": "^16.9.53",
-    "@types/react-dom": "^16.9.8",
-    "@types/react-redux": "^7.1.9",
+    "@types/node": "^14.14.8",
+    "@types/react": "^16.9.56",
+    "@types/react-dom": "^16.9.9",
+    "@types/react-redux": "^7.1.11",
     "babel-plugin-minify-builtins": "^0.5.0",
     "babel-preset-minify": "0.5.1",
     "copyfiles": "^2.4.0",
-    "react-scripts": "^3.4.3",
-    "typescript": "^4.0.3",
-    "web-vitals": "^0.2.4"
+    "react-scripts": "^4.0.0",
+    "typescript": "^4.0.5",
+    "web-vitals": "^1.0.1"
   },
   "peerDependencies": {},
   "scripts": {
     "distribute_not_working": "rmdir /s /q dist & mkdir dist && npx babel src/lib --out-dir dist --extensions \".js,.ts,.tsx\" --source-maps inline",
-    "start": "react-scripts start && copy ./src/lib/styles/* ./dist/styles/ && tsc",
+    "start": "react-scripts start",
     "distribute": "rmdir /s /q dist & mkdir dist\\styles && tsc && copyfiles -f src/lib/styles/* dist/styles"
   },
   "eslintConfig": {

package/src/App.tsx

@@ -1,15 +1,15 @@
 import React, { useState } from 'react';
-import { Provider } from "react-redux";
+import { Provider } from 'react-redux';
 import { createStore } from 'redux';
 
 import { Components, ConfigurationLoader, Utils, LanguageLoader } from './lib';
 
 import TestLabelFunction from './TestLabelFunction';
 
-import "../node_modules/@syncfusion/ej2-base/styles/bootstrap4.css";
-import "../node_modules/@syncfusion/ej2-buttons/styles/bootstrap4.css";
-import "../node_modules/@syncfusion/ej2-icons/styles/bootstrap4.css";
-import "../node_modules/@syncfusion/ej2-popups/styles/bootstrap4.css";
+import '../node_modules/@syncfusion/ej2-base/styles/bootstrap4.css';
+import '../node_modules/@syncfusion/ej2-buttons/styles/bootstrap4.css';
+import '../node_modules/@syncfusion/ej2-icons/styles/bootstrap4.css';
+import '../node_modules/@syncfusion/ej2-popups/styles/bootstrap4.css';
 
 import './lib/styles/base.css';
 import './lib/styles/syncfusion_bootstrap4.css';
@@ -25,20 +25,30 @@ const appReducer = (state = {}, action: any) => {
     default:
       return state;
   }
-}
+};
 
 function App() {
   const [options, setOptions] = useState<{ value: string }[]>([]);
   const [spinning, setSpinning] = useState(false);
 
-  function status_401_403() {
-    alert("Log Out");
+
+  function onGenericServerError(status: number) {
+    alert(`Error, Status: ${status}`);
+  }
+
+  function status_401() {
+    alert('Log Out 401');
+  }
+
+  function status_403() {
+    alert('Log Out 403');
   }
 
   const textFetch = () => {
     const labels = { errorGeneric: 'Errore generiro', errorServerNotAvailable: 'No serviziooo', errorSessionExpired: 'Sessione scadurta' } as Utils.Fetch.Types.ILabels;
 
-    const runner = new Utils.Fetch.FetchWrapper(null, labels, status_401_403);
+    const runner = new Utils.Fetch.FetchWrapper(null, labels, status_401, status_403);
+
     setSpinning(true);
     runner.get('https://my-json-server.typicode.com/typicode/demo/posts', null, null, false, false).then(response => {
       // @ts-ignore
@@ -53,7 +63,34 @@ function App() {
         console.log(errorMessage);
     });
 
-  }
+
+    // setSpinning(true);
+
+    // 401
+    // runner.get('https://gammafd1.northeurope.cloudapp.azure.com:9136/flowbot/CustomCode', null, null, false, false).then(response => {
+    //   setSpinning(false);
+    //   debugger;
+    //   alert('OK');
+    // }).catch(errorMessage => {
+    //   debugger;
+    //   if (errorMessage && errorMessage.message)
+    //     alert(errorMessage.message);
+    //   setSpinning(false);
+    // });
+
+    // 400
+    // runner.delete('https://gammafd1.northeurope.cloudapp.azure.com:9126/flowbot/Dossier/24/Procedure/78', null, onGenericServerError, null, false, false).then(response => {
+    //   setSpinning(false);
+    //   debugger;
+    //   alert('Ok');
+    // }).catch(errorMessage => {
+    //   debugger;
+    //   if (errorMessage && errorMessage.message)
+    //     alert(errorMessage.message);
+    //   setSpinning(false);
+    // });
+
+  };
 
   const updateAppState = (name: string, value: object) => {
     console.log(`updateState name: ${name}, configuration: ${value}`);
@@ -64,7 +101,7 @@ function App() {
         value,
       },
     };
-  }
+  };
 
   // @ts-ignore 
   const store = createStore(appReducer);
@@ -73,14 +110,14 @@ function App() {
 
     <Provider store={store}>
       <Components.Spin spinning={spinning} />
-      <Components.AppIcon name={"Pin"} className='dark-pink-svg' />
+      <Components.AppIcon name={'Pin'} className='dark-pink-svg' />
       <TestLabelFunction />
       <ConfigurationLoader updateAppState={updateAppState} path={null} />
       <LanguageLoader updateAppState={updateAppState} language='it-IT' path={null} />
 
       <button onClick={textFetch}>Fetch Demo</button>
       {options ? options.map((x: any) => {
-        return (<li key={x.value}>ID: {x.value} Post: {x.label}</li>)
+        return (<li key={x.value}>ID: {x.value} Post: {x.label}</li>);
       }) : ''}
     </Provider >
   );

package/src/TestLabelFunction.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useSelector } from "react-redux";
+import { useSelector } from 'react-redux';
 import { Utils} from './lib';
 const { getLabel } = Utils.Labels.LanguageManager();