@open-amt-cloud-toolkit/ui-toolkit-react 2.0.6 → 3.0.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-amt-cloud-toolkit/ui-toolkit-react",
-  "version": "2.0.6",
+  "version": "3.0.0",
   "description": "React UI controls for Intel AMT features",
   "main": "index.js",
   "scripts": {
@@ -22,63 +22,63 @@
   "homepage": "https://github.com/open-amt-cloud-toolkit/ui-toolkit-react#readme",
   "types": "index.d.ts",
   "peerDependencies": {
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.1.1",
-    "@fortawesome/free-solid-svg-icons": "^6.1.1",
+    "@fortawesome/fontawesome-svg-core": "^6.2.1",
+    "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@open-amt-cloud-toolkit/ui-toolkit": "^2.0.5",
-    "i18next": "^21.2.0",
-    "i18next-browser-languagedetector": "^6.1.2",
+    "i18next": "^22.0.5",
+    "i18next-browser-languagedetector": "^7.0.1",
     "md5": "^2.2.1",
-    "moment": "^2.24.0",
-    "react-i18next": "^11.11.4",
-    "sass": "^1.36.0",
+    "moment": "^2.29.4",
+    "react-i18next": "^12.0.0",
+    "sass": "^1.56.1",
     "styled-components": "^5.3.0",
     "winston": "^3.0.0",
-    "ws": "^8.2.1",
+    "ws": "^8.11.0",
     "xterm": "^5.0.0"
   },
   "devDependencies": {
-    "@types/enzyme": "^3.10.8",
-    "@types/enzyme-adapter-react-16": "^1.0.5",
-    "@types/jest": "^27.0.1",
-    "@types/md5": "^2.1.33",
-    "@types/node": "^14.17.3",
-    "@types/react": "^16.0.8",
-    "@types/react-dom": "^16.0.3",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/jest": "^29.2.3",
+    "@types/md5": "^2.3.2",
+    "@types/node": "^18.11.9",
+    "@types/react": "^18.0.25",
+    "@types/react-dom": "^18.0.9",
     "@types/ws": "^8.2.0",
-    "@typescript-eslint/eslint-plugin": "^4.29.1",
-    "@typescript-eslint/parser": "^4.29.1",
-    "canvas": "^2.8.0",
-    "css-loader": "^6.2.0",
-    "enzyme": "^3.10.0",
-    "enzyme-adapter-react-16": "^1.14.0",
-    "eslint": "^7.29.0",
-    "eslint-config-standard": "^16.0.3",
-    "eslint-config-standard-with-typescript": "^21.0.1",
-    "eslint-plugin-import": "^2.23.4",
+    "@typescript-eslint/eslint-plugin": "^5.43.0",
+    "@typescript-eslint/parser": "^5.43.0",
+    "canvas": "^2.10.2",
+    "css-loader": "^6.7.2",
+    "eslint": "^8.27.0",
+    "eslint-config-standard": "^17.0.0",
+    "eslint-config-standard-with-typescript": "^23.0.0",
+    "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^5.0.0",
+    "eslint-plugin-promise": "^6.1.1",
     "filereader": "^0.10.3",
-    "html-webpack-plugin": "^5.3.1",
+    "html-webpack-plugin": "^5.5.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.0.4",
-    "jest-junit": "^14.0.0",
+    "jest": "^29.3.1  ",
+    "jest-environment-jsdom": "^29.3.1",
+    "jest-junit": "^14.0.1",
     "jest-transform-stub": "^2.0.0",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
-    "sass-loader": "^13.0.0",
-    "source-map-loader": "^4.0.0",
-    "style-loader": "^3.0.0",
-    "ts-jest": "^27.0.4",
-    "ts-loader": "^9.2.3",
-    "typescript": "^4.3.4",
-    "webpack": "^5.40.0",
-    "webpack-cli": "^4.7.2",
-    "webpack-dev-server": "^4.1.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sass-loader": "^13.2.0",
+    "source-map-loader": "^4.0.1",
+    "style-loader": "^3.3.1",
+    "ts-jest": "^29.0.3",
+    "ts-loader": "^9.4.1",
+    "typescript": "^4.9.3",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.11.1",
     "webpack-node-externals": "^3.0.0"
   }
 }

package/i18n.d.ts

@@ -0,0 +1,6 @@
+/*********************************************************************
+* Copyright (c) Intel Corporation 2019
+* SPDX-License-Identifier: Apache-2.0
+**********************************************************************/
+import i18n from 'i18next';
+export default i18n;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-amt-cloud-toolkit/ui-toolkit-react",
-  "version": "2.0.6",
+  "version": "3.0.0",
   "description": "React UI controls for Intel AMT features",
   "main": "index.js",
   "scripts": {
@@ -22,63 +22,63 @@
   "homepage": "https://github.com/open-amt-cloud-toolkit/ui-toolkit-react#readme",
   "types": "index.d.ts",
   "peerDependencies": {
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.1.1",
-    "@fortawesome/free-solid-svg-icons": "^6.1.1",
+    "@fortawesome/fontawesome-svg-core": "^6.2.1",
+    "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@open-amt-cloud-toolkit/ui-toolkit": "^2.0.5",
-    "i18next": "^21.2.0",
-    "i18next-browser-languagedetector": "^6.1.2",
+    "i18next": "^22.0.5",
+    "i18next-browser-languagedetector": "^7.0.1",
     "md5": "^2.2.1",
-    "moment": "^2.24.0",
-    "react-i18next": "^11.11.4",
-    "sass": "^1.36.0",
+    "moment": "^2.29.4",
+    "react-i18next": "^12.0.0",
+    "sass": "^1.56.1",
     "styled-components": "^5.3.0",
     "winston": "^3.0.0",
-    "ws": "^8.2.1",
+    "ws": "^8.11.0",
     "xterm": "^5.0.0"
   },
   "devDependencies": {
-    "@types/enzyme": "^3.10.8",
-    "@types/enzyme-adapter-react-16": "^1.0.5",
-    "@types/jest": "^27.0.1",
-    "@types/md5": "^2.1.33",
-    "@types/node": "^14.17.3",
-    "@types/react": "^16.0.8",
-    "@types/react-dom": "^16.0.3",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/jest": "^29.2.3",
+    "@types/md5": "^2.3.2",
+    "@types/node": "^18.11.9",
+    "@types/react": "^18.0.25",
+    "@types/react-dom": "^18.0.9",
     "@types/ws": "^8.2.0",
-    "@typescript-eslint/eslint-plugin": "^4.29.1",
-    "@typescript-eslint/parser": "^4.29.1",
-    "canvas": "^2.8.0",
-    "css-loader": "^6.2.0",
-    "enzyme": "^3.10.0",
-    "enzyme-adapter-react-16": "^1.14.0",
-    "eslint": "^7.29.0",
-    "eslint-config-standard": "^16.0.3",
-    "eslint-config-standard-with-typescript": "^21.0.1",
-    "eslint-plugin-import": "^2.23.4",
+    "@typescript-eslint/eslint-plugin": "^5.43.0",
+    "@typescript-eslint/parser": "^5.43.0",
+    "canvas": "^2.10.2",
+    "css-loader": "^6.7.2",
+    "eslint": "^8.27.0",
+    "eslint-config-standard": "^17.0.0",
+    "eslint-config-standard-with-typescript": "^23.0.0",
+    "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^5.0.0",
+    "eslint-plugin-promise": "^6.1.1",
     "filereader": "^0.10.3",
-    "html-webpack-plugin": "^5.3.1",
+    "html-webpack-plugin": "^5.5.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.0.4",
-    "jest-junit": "^14.0.0",
+    "jest": "^29.3.1  ",
+    "jest-environment-jsdom": "^29.3.1",
+    "jest-junit": "^14.0.1",
     "jest-transform-stub": "^2.0.0",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
-    "sass-loader": "^13.0.0",
-    "source-map-loader": "^4.0.0",
-    "style-loader": "^3.0.0",
-    "ts-jest": "^27.0.4",
-    "ts-loader": "^9.2.3",
-    "typescript": "^4.3.4",
-    "webpack": "^5.40.0",
-    "webpack-cli": "^4.7.2",
-    "webpack-dev-server": "^4.1.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sass-loader": "^13.2.0",
+    "source-map-loader": "^4.0.1",
+    "style-loader": "^3.3.1",
+    "ts-jest": "^29.0.3",
+    "ts-loader": "^9.4.1",
+    "typescript": "^4.9.3",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.11.1",
     "webpack-node-externals": "^3.0.0"
   }
 }

package/reactjs/KVM/ConnectButton.d.ts

@@ -0,0 +1,13 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+import React from 'react';
+import './ConnectButton.scss';
+export interface ConnectProps {
+    kvmstate: number;
+    handleConnectClick: (e: any) => void;
+}
+export declare class ConnectButton extends React.Component<ConnectProps, {}> {
+    render(): React.ReactNode;
+}

package/reactjs/KVM/DesktopSettings.d.ts

@@ -0,0 +1,17 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+import React from 'react';
+export interface IDesktopSettings {
+    changeDesktopSettings: (settings: any) => void;
+    getConnectState: () => number;
+}
+export declare class DesktopSettings extends React.Component<IDesktopSettings> {
+    desktopsettings: {
+        encoding: number;
+    };
+    constructor(props: IDesktopSettings);
+    changeEncoding(encoding: number): void;
+    render(): React.ReactNode;
+}

package/reactjs/KVM/EncodingOptions.d.ts

@@ -0,0 +1,17 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+import React from 'react';
+import './EncodingOptions.scss';
+export interface IEncodingOptions {
+    changeEncoding: (encoding: number) => void;
+    getConnectState: () => number;
+}
+export declare class EncodingOptions extends React.Component<IEncodingOptions, {
+    value: number;
+}> {
+    constructor(props: IEncodingOptions);
+    onEncodingChange(e: any): void;
+    render(): React.ReactNode;
+}

package/reactjs/KVM/Header.d.ts

@@ -0,0 +1,17 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+import React from 'react';
+import './Header.scss';
+export interface IHeaderProps {
+    kvmstate: number;
+    deviceId: string | null;
+    server: string | null;
+    handleConnectClick: (e: any) => void;
+    changeDesktopSettings: (settings: any) => void;
+    getConnectState: () => number;
+}
+export declare class Header extends React.Component<IHeaderProps> {
+    render(): JSX.Element;
+}

package/reactjs/KVM/PureCanvas.d.ts

@@ -0,0 +1,19 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ * Author : Ramu Bachala
+ **********************************************************************/
+import React from 'react';
+import './PureCanvas.scss';
+export interface PureCanvasProps {
+    contextRef: (ctx: CanvasRenderingContext2D) => void;
+    mouseDown: (event: React.MouseEvent) => void;
+    mouseUp: (event: React.MouseEvent) => void;
+    mouseMove: (event: React.MouseEvent) => void;
+    canvasHeight: string;
+    canvasWidth: string;
+}
+export declare class PureCanvas extends React.Component<PureCanvasProps, {}> {
+    shouldComponentUpdate(): boolean;
+    render(): React.ReactNode;
+}

package/reactjs/KVM/UI.d.ts

@@ -0,0 +1,46 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ * Author : Ramu Bachala
+ **********************************************************************/
+import { IDataProcessor, IKvmDataCommunicator, ILogger, Desktop, MouseHelper, KeyBoardHelper } from '@open-amt-cloud-toolkit/ui-toolkit/core';
+import React from 'react';
+import './UI.scss';
+export interface KVMProps {
+    deviceId: string | null;
+    mpsServer: string | null;
+    mouseDebounceTime: number;
+    canvasHeight: string;
+    canvasWidth: string;
+    autoConnect?: boolean;
+    authToken: string;
+}
+export declare class KVM extends React.Component<KVMProps, {
+    kvmstate: number;
+    encodingOption: number;
+}> {
+    module: Desktop | any;
+    dataProcessor: IDataProcessor | any;
+    redirector: IKvmDataCommunicator | any;
+    mouseHelper: MouseHelper | any;
+    logger: ILogger;
+    keyboard: KeyBoardHelper | any;
+    desktopSettingsChange: boolean;
+    ctx: CanvasRenderingContext2D;
+    fr: FileReader;
+    constructor(props: KVMProps);
+    saveContext(ctx: CanvasRenderingContext2D): void;
+    init(): void;
+    cleanUp(): void;
+    componentWillUnmount(): void;
+    onRedirectorError(): void;
+    reset(): void;
+    OnConnectionStateChange(redirector: any, state: number): any;
+    changeDesktopSettings(settings: any): void;
+    startKVM(): void;
+    stopKVM(): void;
+    getRenderStatus(): any;
+    handleConnectClick(e: any): void;
+    componentDidUpdate(prevProps: any): void;
+    render(): React.ReactNode;
+}

package/reactjs/KVM/index.d.ts

@@ -0,0 +1 @@
+export {};

package/reactjs/SerialOverLAN/Sol.d.ts

@@ -0,0 +1,53 @@
+/*********************************************************************
+* Copyright (c) Intel Corporation 2019
+* SPDX-License-Identifier: Apache-2.0
+**********************************************************************/
+import React from 'react';
+import 'xterm/css/xterm.css';
+import './sol.scss';
+export interface SOLProps {
+    deviceId: string | null;
+    mpsServer: string | null;
+    autoConnect?: boolean;
+    authToken: string;
+}
+export interface SOLStates {
+    isConnected: boolean;
+    SOLstate: number;
+    powerState: number;
+    showSuccess: boolean;
+    message: string;
+    isSelected: boolean;
+    type: string;
+    solNotEnabled: string;
+    deviceOnSleep: string;
+    isPowerStateLoaded: boolean;
+}
+/** container class for SOL */
+export declare class Sol extends React.Component<SOLProps, SOLStates> {
+    redirector: any;
+    terminal: any;
+    logger: any;
+    dataProcessor: any;
+    callback: any;
+    term: any;
+    fr: FileReader;
+    constructor(props: SOLProps);
+    init: () => void;
+    cleanUp: () => void;
+    componentDidMount(): void;
+    /** write the processed data from webscoket in to xterm */
+    handleWriteToXterm: (str: any) => any;
+    handleClearTerminal: () => any;
+    /** capture the data on xterm key press */
+    handleKeyPress: (domEvent: any) => any;
+    handleKeyDownPress: (domEvent: any) => any;
+    startSOL: () => void;
+    stopSOL: () => void;
+    handleSOLConnect: (e: any) => void;
+    onTerminalStateChange: (redirector: any, state: number) => void;
+    /** callback functions from child components to update the state values */
+    handleFeatureStatus: (value: any) => void;
+    getSOLState: () => any;
+    render(): React.ReactNode;
+}

package/reactjs/SerialOverLAN/Terminal.d.ts

@@ -0,0 +1,16 @@
+/*********************************************************************
+* Copyright (c) Intel Corporation 2019
+* SPDX-License-Identifier: Apache-2.0
+**********************************************************************/
+import React from 'react';
+export interface IPropTerminal {
+    handleKeyPress: any;
+    xterm: any;
+    handleKeyDownPress: any;
+}
+declare class Term extends React.Component<IPropTerminal> {
+    mountedWorkaround: boolean;
+    componentDidMount(): void;
+    render(): React.ReactNode;
+}
+export default Term;

package/reactjs/SerialOverLAN/index.d.ts

@@ -0,0 +1,5 @@
+/*********************************************************************
+* Copyright (c) Intel Corporation 2019
+* SPDX-License-Identifier: Apache-2.0
+**********************************************************************/
+export {};

package/reactjs/services/HttpClient.d.ts

@@ -0,0 +1,10 @@
+/*********************************************************************
+* Copyright (c) Intel Corporation 2019
+* SPDX-License-Identifier: Apache-2.0
+**********************************************************************/
+export declare const HttpClient: {
+    get(url: any, options?: {}): Promise<any>;
+    post(url: any, body?: {}, options?: {}): Promise<any>;
+    delete(url: any, options?: {}): Promise<any>;
+    fetch(url: any, options?: {}): Promise<any>;
+};

package/reactjs/shared/Methods.d.ts

@@ -0,0 +1,13 @@
+/*********************************************************************
+* Copyright (c) Intel Corporation 2019
+* SPDX-License-Identifier: Apache-2.0
+**********************************************************************/
+/** function to get the static tranlation texts from translation.json
+ * @param: text - contains the path to the text in translation.json
+*/
+export declare const translateText: (text: any) => any;
+/** function to get the translation text when there are dynamic values to be rendered in translation
+ * @param: text - contains the path to the text in translation.json
+ * @param: translate - object containing dynamic values. The keys to be used inside translation.json
+ */
+export declare const translateDynamicText: (text: any, translate: any) => any;

package/reactjs/shared/SnackBar.d.ts

@@ -0,0 +1,5 @@
+declare const SnackBar: ({ message, type }: {
+    message: any;
+    type: any;
+}) => any;
+export default SnackBar;

package/reactjs/shared/Utilities.d.ts

@@ -0,0 +1,8 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+/** utility function to join the css class names */
+export declare const joinClasses: (...classNames: any[]) => any;
+export declare const prepareHeaders: () => any;
+export declare const isFalsy: (value: any) => boolean;