@open-amt-cloud-toolkit/ui-toolkit-react 4.0.5 → 5.0.1

package/README.md

@@ -6,76 +6,83 @@
 [![OSSF-Scorecard Score](https://img.shields.io/ossf-scorecard/github.com/device-management-toolkit/ui-toolkit-react?style=for-the-badge&label=OSSF%20Score)](https://api.securityscorecards.dev/projects/github.com/open-amt-cloud-toolkit/ui-toolkir-react)
 [![Discord](https://img.shields.io/discord/1063200098680582154?style=for-the-badge&label=Discord&logo=discord&logoColor=white&labelColor=%235865F2&link=https%3A%2F%2Fdiscord.gg%2FDKHeUNEWVH)](https://discord.gg/DKHeUNEWVH)
 
-
-> Disclaimer: Production viable releases are tagged and listed under 'Releases'.  All other check-ins should be considered 'in-development' and should not be used in production
+> Disclaimer: Production viable releases are tagged and listed under 'Releases'. All other check-ins should be considered 'in-development' and should not be used in production
 
 > IMPORTANT: For now, we are continuing to publish both @device-management-toolkit/ui-toolkit-react and @open-amt-cloud-toolkit/ui-toolkit-react npm packages to avoid a breaking change. Please update your package.json at your earliest convenience for when we cease to publish @open-amt-cloud-toolkit/ui-toolkit-react. This is in effort to support the renaming of the toolkit.
 
-
 The UI Toolkit provides prebuilt, React-based components for integrating remote management features such as a keyboard, video, mouse (KVM) control into a web-based management console UI. The controls have a reference UI and layout that can be customized further to seamlessly integrate with existing management console solutions.
 
 **For detailed documentation** about [Getting Started with the UI Toolkit](https://device-management-toolkit.github.io/docs/2.0/Tutorials/uitoolkit) or other features of the Device Management Toolkit, see the [docs](https://device-management-toolkit.github.io/docs/).
 
-
 ## Prerequisites
 
 To succesfully deploy the UI Toolkit using React, the following software must be installed on your development system:
 
-- [Node.js* LTS 18.x.x or newer](https://nodejs.org/en/)
+- [Node.js\* LTS 18.x.x or newer](https://nodejs.org/en/)
 - [git](https://git-scm.com/downloads)
 - [Visual Studio Code](https://code.visualstudio.com/) or any other IDE of choice
 
+## NPM Install command
 
-## Create a New React App
+```bash
+# Install UI Toolkit
+npm install @device-management-toolkit/ui-toolkit-react
+```
 
-The React app can be created in any preferred development directory. The MPS can continue to run while creating and running the app.
+### Run the Example
 
-1. In a Command Prompt or Terminal, go to your preferred development directory. 
+This example is created using the following command:
 
-2. Run the following commands to create sample React app named `my-app`.
+```bash
+# Create a new React app with Vite
+npm create vite@latest my-app -- --template react-ts
+```
 
-    ``` bash
-    npx create-react-app my-app && cd my-app
-    ```
+For quick testing, an example app is included. This requires a deployed MPS/RPS instance and an AMT device connected to it.
 
-## Add UI Toolkit
+```bash
+cd example
+npm install
+npm run dev
+```
 
-1. Run the following command to add the UI Toolkit and install the required dependencies:
+## Development
 
-    ``` bash
-    npm install @device-management-toolkit/ui-toolkit-react
-    ```
+To build and develop the library locally:
 
-2. Run the following commands to start the web UI locally:
+```bash
+# Clone the repository
+git clone https://github.com/device-management-toolkit/ui-toolkit-react.git
+cd ui-toolkit-react
 
-    ``` bash
-    npm start
-    ```
+# Install dependencies
+npm install
 
-3. By default, React apps run on port `3000`. If port `3000` is already used by the MPS server or any other application, you'll be prompted to use another port. If this happens, enter 'Y'.
+# Run tests
+npm test
 
-    Sample Output:
+# Run tests with coverage
+npm run test:coverage
 
-    ```
-    You can now view my-app in the browser.
-    Local: http://localhost:3000
-    On Your Network: http://172.16.17.4:3000
-    ```
+# Run linting
+npm run lint
 
+# Build the library
+npm run build
+```
 
 ## Additional Resources
 
-- For detailed documentation and Getting Started, [visit the docs site](https://device-management-toolkit.github.io/docs).
+- For detailed documentation and Getting Started, [visit the docs site](https://device-management-toolkit.github.io/docs)
 
-- Looking to contribute? [Find more information here about contribution guidelines and practices](.\CONTRIBUTING.md).
+- Looking to contribute? [Find more information here about contribution guidelines and practices](./CONTRIBUTING.md)
 
-- Find a bug? Or have ideas for new features? [Open a new Issue](https://github.com/device-management-toolkit/ui-toolkit-react/issues).
+- Find a bug? Or have ideas for new features? [Open a new Issue](https://github.com/device-management-toolkit/ui-toolkit-react/issues)
 
 - Need additional support or want to get the latest news and events about Open AMT? Connect with the team directly through Discord.
 
-    [![Discord Banner 1](https://discordapp.com/api/guilds/1063200098680582154/widget.png?style=banner2)](https://discord.gg/DKHeUNEWVH)
+  [![Discord Banner 1](https://discordapp.com/api/guilds/1063200098680582154/widget.png?style=banner2)](https://discord.gg/DKHeUNEWVH)
 
 ## License Note
 
 If you are distributing the FortAwesome Icons, please provide attribution to the source per the [CC-by 4.0](https://creativecommons.org/licenses/by/4.0/deed.ast) license obligations.
-

package/components/ider/AttachDiskImage.d.ts

@@ -0,0 +1,31 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2023
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+/**
+ * AttachDiskImage Component
+ *
+ * A complete UI component for IDE Redirection (IDER) that allows users to:
+ * - Select an ISO file from their local machine
+ * - Mount it as a virtual CD-ROM on a remote AMT device
+ * - Start/stop the IDER session
+ *
+ */
+import React from 'react';
+export interface AttachDiskImageProps {
+    deviceId: string | null;
+    mpsServer: string | null;
+    authToken?: string;
+    fileSelectLabel?: string;
+    noFileSelectedLabel?: string;
+    containerClassName?: string;
+    containerStyle?: React.CSSProperties;
+    buttonClassName?: string;
+    buttonStyle?: React.CSSProperties;
+    fileSelectClassName?: string;
+    fileSelectStyle?: React.CSSProperties;
+    fileNameClassName?: string;
+    fileNameStyle?: React.CSSProperties;
+}
+export declare const AttachDiskImage: React.FC<AttachDiskImageProps>;
+//# sourceMappingURL=AttachDiskImage.d.ts.map

package/components/ider/AttachDiskImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachDiskImage.d.ts","sourceRoot":"","sources":["../../../src/components/ider/AttachDiskImage.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE;AAExE;;;;;;;;GAQG;AAEH,OAAO,KAAwC,MAAM,OAAO,CAAA;AA4C5D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACjC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CACpC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0G1D,CAAA"}

package/components/ider/AttachDiskImage.test.d.ts

@@ -0,0 +1,6 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2023
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+export {};
+//# sourceMappingURL=AttachDiskImage.test.d.ts.map

package/components/ider/AttachDiskImage.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachDiskImage.test.d.ts","sourceRoot":"","sources":["../../../src/components/ider/AttachDiskImage.test.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE"}

package/components/ider/ider.d.ts

@@ -0,0 +1,23 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2023
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+import React from 'react';
+export interface IDERProps {
+    iderState: number;
+    updateIderState: (newState: number) => void;
+    iderData: IDERData | null;
+    cdrom: File | null;
+    floppy: File | null;
+    mpsServer: string | null;
+    authToken?: string;
+    deviceId: string | null;
+}
+export interface IDERData {
+    floppyRead: number;
+    floppyWrite: number;
+    cdromRead: number;
+    cdromWrite: number;
+}
+export declare const IDER: React.FC<IDERProps>;
+//# sourceMappingURL=ider.d.ts.map

package/components/ider/ider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ider.d.ts","sourceRoot":"","sources":["../../../src/components/ider/ider.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE;AAkBxE,OAAO,KAAyC,MAAM,OAAO,CAAA;AAI7D,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAA;IACzB,KAAK,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;CACxB;AAGD,MAAM,WAAW,QAAQ;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAgJpC,CAAA"}

package/components/ider/ider.test.d.ts

@@ -0,0 +1,6 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2023
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+export {};
+//# sourceMappingURL=ider.test.d.ts.map

package/components/ider/ider.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ider.test.d.ts","sourceRoot":"","sources":["../../../src/components/ider/ider.test.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE"}

package/components/ider/index.d.ts

@@ -0,0 +1,7 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2023
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+export { IDER, type IDERProps, type IDERData } from './ider';
+export { AttachDiskImage, type AttachDiskImageProps } from './AttachDiskImage';
+//# sourceMappingURL=index.d.ts.map

package/components/ider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ider/index.ts"],"names":[],"mappings":"AAAA;;;wEAGwE;AAExE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA"}

package/components/kvm/ConnectButton.d.ts

@@ -0,0 +1,22 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+/**
+ * ConnectButton Component
+ *
+ * Button to establish or terminate KVM connection.
+ * Displays different text based on connection state:
+ * - Disconnected (0): "Connect"
+ * - Connecting (1): "Connecting..."
+ * - Connected (2): "Disconnect"
+ */
+import React from 'react';
+export interface ConnectProps {
+    kvmstate: number;
+    handleConnectClick: (e: React.MouseEvent) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const ConnectButton: React.FC<ConnectProps>;
+//# sourceMappingURL=ConnectButton.d.ts.map

package/components/kvm/ConnectButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectButton.d.ts","sourceRoot":"","sources":["../../../src/components/kvm/ConnectButton.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE;AAExE;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,kBAAkB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwBhD,CAAA"}

package/{reactjs/shared/Utilities.d.ts → components/kvm/ConnectButton.test.d.ts}

@@ -2,7 +2,5 @@
  * 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;
+export {};
+//# sourceMappingURL=ConnectButton.test.d.ts.map

package/components/kvm/ConnectButton.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectButton.test.d.ts","sourceRoot":"","sources":["../../../src/components/kvm/ConnectButton.test.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE"}

package/components/kvm/DesktopSettings.d.ts

@@ -0,0 +1,24 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+/**
+ * DesktopSettings Component
+ *
+ * Container component that manages encoding settings state and passes
+ * it to EncodingOptions for user selection. Uses a ref to maintain
+ * settings state across renders without triggering re-renders.
+ */
+import React from 'react';
+export interface IDesktopSettings {
+    changeDesktopSettings: (settings: {
+        encoding: number;
+    }) => void;
+    getConnectState: () => number;
+    className?: string;
+    style?: React.CSSProperties;
+    selectClassName?: string;
+    selectStyle?: React.CSSProperties;
+}
+export declare const DesktopSettings: React.FC<IDesktopSettings>;
+//# sourceMappingURL=DesktopSettings.d.ts.map

package/components/kvm/DesktopSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopSettings.d.ts","sourceRoot":"","sources":["../../../src/components/kvm/DesktopSettings.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE;AAExE;;;;;;GAMG;AAEH,OAAO,KAAiB,MAAM,OAAO,CAAA;AAIrC,MAAM,WAAW,gBAAgB;IAC/B,qBAAqB,EAAE,CAAC,QAAQ,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC/D,eAAe,EAAE,MAAM,MAAM,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAClC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2BtD,CAAA"}

package/components/kvm/DesktopSettings.test.d.ts

@@ -0,0 +1,6 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+export {};
+//# sourceMappingURL=DesktopSettings.test.d.ts.map

package/components/kvm/DesktopSettings.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopSettings.test.d.ts","sourceRoot":"","sources":["../../../src/components/kvm/DesktopSettings.test.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE"}

package/components/kvm/EncodingOptions.d.ts

@@ -0,0 +1,25 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+/**
+ * EncodingOptions Component
+ *
+ * Dropdown selector for KVM encoding options:
+ * - RLE8: 8-bit Run Length Encoding (lower bandwidth, less color depth)
+ * - RLE16: 16-bit Run Length Encoding (higher bandwidth, better colors)
+ *
+ * The dropdown is disabled when connected (state=2) to prevent
+ * encoding changes during an active session.
+ */
+import React from 'react';
+export interface IEncodingOptions {
+    changeEncoding: (encoding: number) => void;
+    getConnectState: () => number;
+    className?: string;
+    style?: React.CSSProperties;
+    selectClassName?: string;
+    selectStyle?: React.CSSProperties;
+}
+export declare const EncodingOptions: React.FC<IEncodingOptions>;
+//# sourceMappingURL=EncodingOptions.d.ts.map

package/components/kvm/EncodingOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EncodingOptions.d.ts","sourceRoot":"","sources":["../../../src/components/kvm/EncodingOptions.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE;AAExE;;;;;;;;;GASG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAA;AAsBvC,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,eAAe,EAAE,MAAM,MAAM,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAClC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoCtD,CAAA"}

package/components/kvm/EncodingOptions.test.d.ts

@@ -0,0 +1,6 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+export {};
+//# sourceMappingURL=EncodingOptions.test.d.ts.map

package/components/kvm/EncodingOptions.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EncodingOptions.test.d.ts","sourceRoot":"","sources":["../../../src/components/kvm/EncodingOptions.test.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE"}

package/components/kvm/Header.d.ts

@@ -0,0 +1,31 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+/**
+ * Header Component
+ *
+ * Control bar displayed above the KVM canvas containing:
+ * - ConnectButton: To establish/terminate the KVM connection
+ * - DesktopSettings: Encoding options dropdown
+ *
+ */
+import React from 'react';
+export interface IHeaderProps {
+    kvmstate: number;
+    handleConnectClick: (e: React.MouseEvent) => void;
+    changeDesktopSettings: (settings: {
+        encoding: number;
+    }) => void;
+    getConnectState: () => number;
+    className?: string;
+    style?: React.CSSProperties;
+    connectButtonClassName?: string;
+    connectButtonStyle?: React.CSSProperties;
+    encodingClassName?: string;
+    encodingStyle?: React.CSSProperties;
+    encodingSelectClassName?: string;
+    encodingSelectStyle?: React.CSSProperties;
+}
+export declare const Header: React.FC<IHeaderProps>;
+//# sourceMappingURL=Header.d.ts.map

package/components/kvm/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/kvm/Header.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE;AAExE;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,kBAAkB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACjD,qBAAqB,EAAE,CAAC,QAAQ,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC/D,eAAe,EAAE,MAAM,MAAM,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACnC,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC1C;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAkCzC,CAAA"}

package/components/kvm/Header.test.d.ts

@@ -0,0 +1,6 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+export {};
+//# sourceMappingURL=Header.test.d.ts.map

package/components/kvm/Header.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.test.d.ts","sourceRoot":"","sources":["../../../src/components/kvm/Header.test.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE"}

package/{reactjs/KVM → components/kvm}/PureCanvas.d.ts

@@ -3,8 +3,17 @@
  * SPDX-License-Identifier: Apache-2.0
  * Author : Ramu Bachala
  **********************************************************************/
+/**
+ * PureCanvas Component
+ *
+ * Memoized HTML5 canvas component for rendering the remote desktop.
+ *
+ * Handles:
+ * - Canvas context initialization
+ * - Mouse event forwarding (down, up, move)
+ * - Right-click context menu prevention
+ */
 import React from 'react';
-import './PureCanvas.scss';
 export interface PureCanvasProps {
     contextRef: (ctx: CanvasRenderingContext2D) => void;
     mouseDown: (event: React.MouseEvent) => void;
@@ -12,8 +21,8 @@ export interface PureCanvasProps {
     mouseMove: (event: React.MouseEvent) => void;
     canvasHeight: string;
     canvasWidth: string;
+    className?: string;
+    style?: React.CSSProperties;
 }
-export declare class PureCanvas extends React.Component<PureCanvasProps, {}> {
-    shouldComponentUpdate(): boolean;
-    render(): React.ReactNode;
-}
+export declare const PureCanvas: React.FC<PureCanvasProps>;
+//# sourceMappingURL=PureCanvas.d.ts.map

package/components/kvm/PureCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PureCanvas.d.ts","sourceRoot":"","sources":["../../../src/components/kvm/PureCanvas.tsx"],"names":[],"mappings":"AAAA;;;;wEAIwE;AAExE;;;;;;;;;GASG;AAEH,OAAO,KAAkC,MAAM,OAAO,CAAA;AAwBtD,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,CAAC,GAAG,EAAE,wBAAwB,KAAK,IAAI,CAAA;IACnD,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC5C,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC1C,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC5C,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkDhD,CAAA"}

package/components/kvm/PureCanvas.test.d.ts

@@ -0,0 +1,6 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+export {};
+//# sourceMappingURL=PureCanvas.test.d.ts.map

package/components/kvm/PureCanvas.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PureCanvas.test.d.ts","sourceRoot":"","sources":["../../../src/components/kvm/PureCanvas.test.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE"}

package/components/kvm/UI.d.ts

@@ -0,0 +1,29 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ * Author : Ramu Bachala
+ **********************************************************************/
+import React from 'react';
+export interface KVMProps {
+    deviceId: string | null;
+    mpsServer: string | null;
+    mouseDebounceTime: number;
+    canvasHeight: string;
+    canvasWidth: string;
+    autoConnect?: boolean;
+    authToken: string;
+    containerClassName?: string;
+    containerStyle?: React.CSSProperties;
+    headerClassName?: string;
+    headerStyle?: React.CSSProperties;
+    connectButtonClassName?: string;
+    connectButtonStyle?: React.CSSProperties;
+    encodingClassName?: string;
+    encodingStyle?: React.CSSProperties;
+    encodingSelectClassName?: string;
+    encodingSelectStyle?: React.CSSProperties;
+    canvasClassName?: string;
+    canvasStyle?: React.CSSProperties;
+}
+export declare const KVM: React.FC<KVMProps>;
+//# sourceMappingURL=UI.d.ts.map

package/components/kvm/UI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UI.d.ts","sourceRoot":"","sources":["../../../src/components/kvm/UI.tsx"],"names":[],"mappings":"AAAA;;;;wEAIwE;AA+BxE,OAAO,KAAmD,MAAM,OAAO,CAAA;AAWvE,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACjC,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACnC,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACzC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAClC;AAED,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA4SlC,CAAA"}

package/components/kvm/UI.test.d.ts

@@ -0,0 +1,6 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+export {};
+//# sourceMappingURL=UI.test.d.ts.map

package/components/kvm/UI.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UI.test.d.ts","sourceRoot":"","sources":["../../../src/components/kvm/UI.test.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE"}

package/components/kvm/index.d.ts

@@ -0,0 +1,11 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+export { KVM, type KVMProps } from './UI';
+export { Header, type IHeaderProps } from './Header';
+export { ConnectButton, type ConnectProps } from './ConnectButton';
+export { PureCanvas, type PureCanvasProps } from './PureCanvas';
+export { DesktopSettings, type IDesktopSettings } from './DesktopSettings';
+export { EncodingOptions, type IEncodingOptions } from './EncodingOptions';
+//# sourceMappingURL=index.d.ts.map

package/components/kvm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/kvm/index.ts"],"names":[],"mappings":"AAAA;;;wEAGwE;AAExE,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,MAAM,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAA"}

package/components/sol/Sol.d.ts

@@ -0,0 +1,30 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+/**
+ * SOL (Serial Over LAN) Component
+ *
+ * Provides remote terminal access to AMT-enabled devices via Serial Over LAN.
+ * This allows users to interact with the device's serial console remotely,
+ * useful for BIOS configuration, OS installation, and system recovery.
+ *
+ * Uses xterm.js for terminal emulation.
+ */
+import React from 'react';
+export interface SOLProps {
+    deviceId: string | null;
+    mpsServer: string | null;
+    autoConnect?: boolean;
+    authToken: string;
+    containerClassName?: string;
+    containerStyle?: React.CSSProperties;
+    buttonClassName?: string;
+    buttonStyle?: React.CSSProperties;
+    terminalContainerClassName?: string;
+    terminalContainerStyle?: React.CSSProperties;
+    xtermClassName?: string;
+    xtermStyle?: React.CSSProperties;
+}
+export declare const Sol: React.FC<SOLProps>;
+//# sourceMappingURL=Sol.d.ts.map

package/components/sol/Sol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sol.d.ts","sourceRoot":"","sources":["../../../src/components/sol/Sol.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE;AAExE;;;;;;;;GAQG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAA;AAiCvE,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACjC,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,sBAAsB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CACjC;AAED,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAiMlC,CAAA"}

package/components/sol/Sol.test.d.ts

@@ -0,0 +1,6 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+export {};
+//# sourceMappingURL=Sol.test.d.ts.map

package/components/sol/Sol.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sol.test.d.ts","sourceRoot":"","sources":["../../../src/components/sol/Sol.test.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE"}

package/components/sol/Terminal.d.ts

@@ -0,0 +1,28 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+/**
+ * Terminal Component
+ *
+ * Wrapper component for xterm.js that handles:
+ * - Mounting the terminal to the DOM
+ * - Keyboard input (including Ctrl+C, Ctrl+V, Backspace)
+ * - Copy/paste functionality
+ *
+ * This component receives an xterm instance from the parent Sol component
+ * and attaches it to a div element.
+ */
+import React from 'react';
+import { Terminal } from '@xterm/xterm';
+export interface IPropTerminal {
+    handleKeyPress: (data: string) => void;
+    xterm: Terminal;
+    containerClassName?: string;
+    containerStyle?: React.CSSProperties;
+    xtermClassName?: string;
+    xtermStyle?: React.CSSProperties;
+}
+export declare const Term: React.FC<IPropTerminal>;
+export default Term;
+//# sourceMappingURL=Terminal.d.ts.map

package/components/sol/Terminal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Terminal.d.ts","sourceRoot":"","sources":["../../../src/components/sol/Terminal.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE;AAExE;;;;;;;;;;GAUG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAgBvC,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,KAAK,EAAE,QAAQ,CAAA;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CACjC;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqFxC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/components/sol/Terminal.test.d.ts

@@ -0,0 +1,6 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+export {};
+//# sourceMappingURL=Terminal.test.d.ts.map

package/components/sol/Terminal.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Terminal.test.d.ts","sourceRoot":"","sources":["../../../src/components/sol/Terminal.test.tsx"],"names":[],"mappings":"AAAA;;;wEAGwE"}

package/components/sol/index.d.ts

@@ -0,0 +1,7 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+export { Sol, type SOLProps } from './Sol';
+export { Term, type IPropTerminal } from './Terminal';
+//# sourceMappingURL=index.d.ts.map

package/components/sol/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/sol/index.ts"],"names":[],"mappings":"AAAA;;;wEAGwE;AAExE,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA"}

package/i18n/config.d.ts

@@ -0,0 +1,7 @@
+/*********************************************************************
+ * Copyright (c) Intel Corporation 2019
+ * SPDX-License-Identifier: Apache-2.0
+ **********************************************************************/
+import i18next from 'i18next';
+export default i18next;
+//# sourceMappingURL=config.d.ts.map

package/i18n/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/i18n/config.ts"],"names":[],"mappings":"AAAA;;;wEAGwE;AAExE,OAAO,OAAO,MAAM,SAAS,CAAA;AAgC7B,eAAe,OAAO,CAAA"}