@firedesktop/react-base 1.48.0 → 1.49.0

package/package.json

@@ -1,28 +1,28 @@
 {
   "name": "@firedesktop/react-base",
-  "version": "1.48.0",
+  "version": "1.49.0",
   "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": "20.1.55",
+    "@syncfusion/ej2-popups": "20.1.58",
     "@syncfusion/ej2-react-notifications": "20.1.55"
   },
   "devDependencies": {
     "@babel/cli": "7.17.10",
-    "@babel/core": "7.17.12",
+    "@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",
     "@testing-library/jest-dom": "5.16.4",
-    "@testing-library/react": "13.2.0",
+    "@testing-library/react": "13.3.0",
     "@testing-library/user-event": "14.2.0",
-    "@types/jest": "27.5.1",
-    "@types/node": "17.0.34",
-    "@types/react": "18.0.9",
-    "@types/react-dom": "18.0.4",
+    "@types/jest": "28.1.1",
+    "@types/node": "17.0.41",
+    "@types/react": "18.0.12",
+    "@types/react-dom": "18.0.5",
     "@types/react-redux": "7.1.24",
     "babel-plugin-minify-builtins": "0.5.0",
     "babel-preset-minify": "0.5.2",
@@ -31,9 +31,9 @@
     "lodash": "4.17.21",
     "react": "18.1.0",
     "react-dom": "18.1.0",
-    "react-redux": "8.0.1",
+    "react-redux": "8.0.2",
     "react-scripts": "5.0.1",
-    "typescript": "4.6.4",
+    "typescript": "4.7.3",
     "web-vitals": "2.1.4"
   },
   "peerDependencies": {

package/.babelrc

@@ -1,21 +0,0 @@
-{
-  "plugins": [
-    "@babel/plugin-transform-arrow-functions",
-    "@babel/proposal-object-rest-spread",
-    "@babel/plugin-proposal-class-properties"
-  ],
-  "presets": [
-    [
-      "@babel/preset-env",
-      {
-        "targets": {
-          "browsers": [
-            "last 2 versions"
-          ]
-        }
-      }
-    ],
-    "@babel/preset-react",
-    "@babel/preset-typescript"
-  ]
-}

package/.eslintcache

@@ -1 +0,0 @@
-[{"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\index.tsx":"1","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\reportWebVitals.ts":"2","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\App.tsx":"3","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\TestLabelFunction.tsx":"4","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\index.ts":"5","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\configuration\\ConfigurationLoader.tsx":"6","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\labels\\LanguageLoader.tsx":"7","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\index.ts":"8","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\components\\index.ts":"9","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\configuration\\ConfigurationManager.ts":"10","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\labels\\LanguageManager.ts":"11","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\components\\Toaster\\Types.ts":"12","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\components\\Spin.tsx":"13","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\components\\AppInput.tsx":"14","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\components\\AppIcon.tsx":"15","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\components\\Toaster\\Toaster.tsx":"16","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\configuration\\index.ts":"17","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\labels\\index.ts":"18","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\fetch\\index.ts":"19","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\fetch\\Types.ts":"20","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\fetch\\fetchWrapper.ts":"21","C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\components\\AppPagination.tsx":"22"},{"size":494,"mtime":1603824492688,"results":"23","hashOfConfig":"24"},{"size":442,"mtime":1605695276101,"results":"25","hashOfConfig":"24"},{"size":4966,"mtime":1610124289141,"results":"26","hashOfConfig":"24"},{"size":424,"mtime":1605695276095,"results":"27","hashOfConfig":"24"},{"size":291,"mtime":1605458851566,"results":"28","hashOfConfig":"24"},{"size":1534,"mtime":1605788323697,"results":"29","hashOfConfig":"24"},{"size":1650,"mtime":1605695276100,"results":"30","hashOfConfig":"24"},{"size":167,"mtime":1605458851574,"results":"31","hashOfConfig":"24"},{"size":315,"mtime":1607544774606,"results":"32","hashOfConfig":"24"},{"size":1221,"mtime":1605695276098,"results":"33","hashOfConfig":"24"},{"size":1852,"mtime":1606840214542,"results":"34","hashOfConfig":"24"},{"size":206,"mtime":1606840214535,"results":"35","hashOfConfig":"24"},{"size":848,"mtime":1605695276096,"results":"36","hashOfConfig":"24"},{"size":1387,"mtime":1610123730819,"results":"37","hashOfConfig":"24"},{"size":63332,"mtime":1610124087804,"results":"38","hashOfConfig":"24"},{"size":2228,"mtime":1606061544975,"results":"39","hashOfConfig":"24"},{"size":173,"mtime":1605458851570,"results":"40","hashOfConfig":"24"},{"size":143,"mtime":1605458851577,"results":"41","hashOfConfig":"24"},{"size":112,"mtime":1605695276099,"results":"42","hashOfConfig":"24"},{"size":248,"mtime":1606840214536,"results":"43","hashOfConfig":"24"},{"size":5806,"mtime":1606983244339,"results":"44","hashOfConfig":"24"},{"size":4769,"mtime":1608719725086,"results":"45","hashOfConfig":"24"},{"filePath":"46","messages":"47","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},"1g0oopp",{"filePath":"49","messages":"50","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"51","messages":"52","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"53","messages":"54","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"55","messages":"56","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"57","messages":"58","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"59","messages":"60","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"61","messages":"62","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"63","messages":"64","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"65","messages":"66","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"67","messages":"68","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"69","messages":"70","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"71","messages":"72","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"73","messages":"74","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"75","messages":"76","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"77","messages":"78","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"79","messages":"80","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"81","messages":"82","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"83","messages":"84","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"85","messages":"86","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"87","messages":"88","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},{"filePath":"89","messages":"90","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"48"},"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\index.tsx",[],["91","92"],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\reportWebVitals.ts",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\App.tsx",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\TestLabelFunction.tsx",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\index.ts",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\configuration\\ConfigurationLoader.tsx",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\labels\\LanguageLoader.tsx",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\index.ts",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\components\\index.ts",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\configuration\\ConfigurationManager.ts",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\labels\\LanguageManager.ts",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\components\\Toaster\\Types.ts",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\components\\Spin.tsx",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\components\\AppInput.tsx",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\components\\AppIcon.tsx",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\components\\Toaster\\Toaster.tsx",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\configuration\\index.ts",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\labels\\index.ts",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\fetch\\index.ts",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\fetch\\Types.ts",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\utils\\fetch\\fetchWrapper.ts",[],"C:\\Fd\\repo\\npm\\baseFEComponents\\@firedesktop\\react-base\\src\\lib\\components\\AppPagination.tsx",[],{"ruleId":"93","replacedBy":"94"},{"ruleId":"95","replacedBy":"96"},"no-native-reassign",["97"],"no-negated-in-lhs",["98"],"no-global-assign","no-unsafe-negation"]

package/debug.log

@@ -1 +0,0 @@
-[1122/163547.632:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)

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();