@firedesktop/react-base 1.51.0 → 1.53.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@firedesktop/react-base",
-  "version": "1.51.0",
+  "version": "1.53.0",
   "license": "ISC",
   "main": "dist/index.js",
   "description": "This is the FireDesktop base package used to support every React Project in this Company.",
@@ -8,20 +8,20 @@
   "repository": "https://firedesktopDevOps@dev.azure.com/firedesktopDevOps/baseFEComponents/_git/baseFEComponents",
   "dependencies": {
     "@syncfusion/ej2-popups": "20.1.58",
-    "@syncfusion/ej2-react-notifications": "20.1.55"
+    "@syncfusion/ej2-react-notifications": "20.1.61"
   },
   "devDependencies": {
-    "@babel/cli": "7.17.10",
-    "@babel/core": "7.18.2",
-    "@babel/plugin-proposal-class-properties": "7.17.12",
-    "@babel/plugin-transform-arrow-functions": "7.17.12",
-    "@babel/preset-typescript": "7.17.12",
+    "@babel/cli": "7.18.6",
+    "@babel/core": "7.18.6",
+    "@babel/plugin-proposal-class-properties": "7.18.6",
+    "@babel/plugin-transform-arrow-functions": "7.18.6",
+    "@babel/preset-typescript": "7.18.6",
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/react": "13.3.0",
-    "@testing-library/user-event": "14.2.0",
-    "@types/jest": "28.1.1",
-    "@types/node": "17.0.41",
-    "@types/react": "18.0.12",
+    "@testing-library/user-event": "14.2.1",
+    "@types/jest": "28.1.3",
+    "@types/node": "18.0.0",
+    "@types/react": "18.0.14",
     "@types/react-dom": "18.0.5",
     "@types/react-redux": "7.1.24",
     "babel-plugin-minify-builtins": "0.5.0",
@@ -29,11 +29,11 @@
     "bootstrap": "4.6.0",
     "copyfiles": "2.4.1",
     "lodash": "4.17.21",
-    "react": "18.1.0",
-    "react-dom": "18.1.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-redux": "8.0.2",
     "react-scripts": "5.0.1",
-    "typescript": "4.7.3",
+    "typescript": "4.7.4",
     "web-vitals": "2.1.4"
   },
   "peerDependencies": {

package/src/lib/utils/configuration/ConfigurationManager.ts

@@ -2,7 +2,12 @@ function ConfigurationManager() {
 
     async function loadConfiguration(fullPath: string) {
         try {
-            const res = await fetch(fullPath, { headers: { 'Content-Type': 'application/json; charset=utf-8' } });
+            const res = await fetch(fullPath, {
+                headers: {
+                    'Content-Type': 'application/json; charset=utf-8',
+                    'pragma': 'no-cache'
+                }
+            });
             return await res.json();
         }
         catch (err) {

package/src/App.test.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import App from './App';
-
-test('renders learn react link', () => {
-  render(<App />);
-  const linkElement = screen.getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});

package/src/App.tsx

@@ -1,170 +0,0 @@
-import React, { useRef, useState } from 'react';
-import { Provider } from 'react-redux';
-import { createStore } from 'redux';
-
-import { Components, ConfigurationLoader, Utils, LanguageLoader, LanguageReturner } from './lib';
-
-import DateUtils from './lib/utils/DateUtils';
-
-import TestLabelFunction from './TestLabelFunction';
-
-import 'bootstrap/dist/css/bootstrap.css';
-import '@syncfusion/ej2-base/styles/bootstrap4.css';
-import '@syncfusion/ej2-buttons/styles/bootstrap4.css';
-import '@syncfusion/ej2-icons/styles/bootstrap4.css';
-import '@syncfusion/ej2-popups/styles/bootstrap4.css';
-
-import './lib/styles/base.css';
-import './lib/styles/syncfusion_bootstrap4.css';
-
-export const UPDATE_APP_STATE = 'UPDATE_APP_STATE';
-const appReducer = (state = {}, action: any) => {
-  switch (action.type) {
-    case UPDATE_APP_STATE: {
-      const { name, value } = action.payload;
-      const newState = { ...state, [name]: value };
-      return newState;
-    }
-    default:
-      return state;
-  }
-};
-
-function App() {
-  const [options, setOptions] = useState<{ value: string }[]>([]);
-  const [spinning, setSpinning] = useState(false);
-  const [activePage, setActivePage] = useState(1);
-
-
-  function onGenericServerError(status: number) {
-    alert(`Error, Status: ${status}`);
-  }
-
-  function status_401() {
-    alert('Log Out 401');
-  }
-
-  function status_403() {
-    alert('Log Out 403');
-  }
-
-  function iconClick(event: any) {
-    alert('Icon click');
-  }
-
-  const textFetch = () => {
-    if (_referenceRef.current) {
-      console.log('dddddddddddddddd');
-    }
-
-    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, status_403);
-
-    // var req = new XMLHttpRequest();
-    // req.open('POST', 'https://192.168.12.164:656/flowbot/Authentication/LoginWithForm', true);
-    // req.setRequestHeader('Content-Type', 'application/json');
-    // req.setRequestHeader('X-Token', '');
-    // req.addEventListener('readystatechange', function (ev: Event) {
-    //   debugger;
-    //   console.log(ev);
-    //   // if (this.readyState === 4 && (this.status === 401 || this.status === 403)) {
-    //   //   window.location.href = '#/logoff';
-    //   // }
-    // }, false);
-    // req.onreadystatechange = function () {
-    //   if (req.readyState === 4) {
-    //     if (req.status >= 200 && req.status < 400) {
-    //       debugger;
-    //     } else if (req.status === 400) {
-    //       debugger;
-    //     } else if (req.status === 401 || req.status === 403) {
-    //       debugger;
-    //     } else {
-    //       debugger;
-    //     }
-    //   }
-    // };
-    // req.send();
-
-    setSpinning(true);
-    // runner.post('https://192.168.12.164:656/flowbot/Authentication/LoginWithForm', undefined, undefined, { username: 'admin', password: 'a' })
-    //   .then((authentication: any) => {
-    //     console.log(authentication);
-    //     setSpinning(false);
-
-    //   }).catch((errorMessage: any) => {
-    //     console.log(errorMessage);
-    //     setSpinning(false);
-    //   });
-    runner.get('https://my-json-server.typicode.com/typicode/demo/posts', null, null, onGenericServerError, null, false, false).then(response => {
-      // @ts-ignore
-      const values = response.map(x => {
-        return { value: x.id, label: x.title };
-      });
-      setOptions(values);
-      setSpinning(false);
-    }).catch(errorMessage => {
-      setSpinning(false);
-      if (errorMessage)
-        console.log(errorMessage);
-    });
-  };
-
-  const updateAppState = (name: string, value: object) => {
-    console.log(`updateState name: ${name}, configuration: ${value}`);
-    return {
-      type: UPDATE_APP_STATE,
-      payload: {
-        name,
-        value,
-      },
-    };
-  };
-
-  const language185Loaded = (language: object) => {
-    console.log('185: ->', language);
-  };
-
-  const onPageChange = (nextPage: number) => {
-    setActivePage(nextPage);
-  };
-
-  // @ts-ignore 
-  const store = createStore(appReducer);
-  const _referenceRef = useRef<any>();
-  return (
-
-    <Provider store={store}>
-      <br />
-      <Components.AppPagination activePage={activePage} itemsPerPage={7} onPageChange={onPageChange} totalItems={17} maxSize={5} />
-      <Components.Spin spinning={spinning} />
-      <Components.AppIcon name={'Pin'} className='dark-pink-svg' onClick={iconClick} />
-      <TestLabelFunction />
-      <ConfigurationLoader updateAppState={updateAppState} path={null} />
-      <LanguageLoader updateAppState={updateAppState} language='it-IT' path={null} />
-      <LanguageReturner onLanguageLoad={language185Loaded} language='it-IT' path='./labels/185' />
-
-      <button onClick={textFetch}>Fetch Demo</button>
-      {options ? options.map((x: any) => {
-        return (<li key={x.value}>ID: {x.value} Post: {x.label}</li>);
-      }) : ''}
-
-      <br />
-      <br />
-      <br />
-      <br />
-      {DateUtils().dateToString_Italian(new Date(), '-', undefined)}
-
-
-      <Components.AppInput appIcon={<Components.AppIcon name={'user'} className={'tertiary-svg'}
-        iconClassName='login_form_svg' />}
-        type='text'
-        ref={_referenceRef}
-        placeholder='username---'
-        name='username' />
-    </Provider >
-  );
-}
-
-export default App;

package/src/TestLabelFunction.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import { Utils} from './lib';
-const { getLabel } = Utils.Labels.LanguageManager();
-
-
-function TestLabelFunction() {
-    const { labels }: any = useSelector(state => state);
-
-    return (
-        <React.Fragment>
-            {getLabel(labels, 'demo.label_01', 'Ola')}
-        </React.Fragment>
-    );
-}
-
-export default TestLabelFunction;

package/src/index.tsx

@@ -1,27 +0,0 @@
-import { registerLicense } from '@syncfusion/ej2-base';
-import { createRoot } from 'react-dom/client';
-
-import App from './App';
-import reportWebVitals from './reportWebVitals';
-
-
-// ****************************************************************************************************
-//  Syncfusion Doc
-//      https://ej2.syncfusion.com/react/documentation/licensing/license-key-registration/#reactjs
-//
-//  ReactJs
-//      https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html
-//
-// ****************************************************************************************************
-registerLicense('ORg4AjUWIQA/Gnt2VVhhQlFaclhJXGFWfVJpTGpQdk5xdV9DaVZUTWY/P1ZhSXxRdkFjXX5fcXFVT2BeWUE=');
-
-const container = document.getElementById('root');
-if (container) {
-  const root = createRoot(container);
-  root.render(<App />);
-}
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();

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

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

package/src/reportWebVitals.ts

@@ -1,15 +0,0 @@
-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

@@ -1,5 +0,0 @@
-// 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';