pixel-react 1.4.4 → 1.4.6

package/src/components/SequentialConnectingBranch/types.ts

@@ -4,10 +4,13 @@ export interface SequentialConnectingBranchProps {
   machineInstances?: ExecutionContext[] | {}[];
   machineColumnWidth?: number;
   machineColumnCount?: number;
-  machineInstance: ExecutionContext;
-  selectedMachine?: string; // TODO: type will change in the future
-  onMachineSelectionChange?: (selectedMachine: Option) => void; // TODO: function will change in the future
+  selectedMachine?: Option;
   machineOptionsList?: Option[];
+  onHandleSelect?: (option: Option) => void;
+  onAddBrowserInstance?: () => void;
+  onUpdateAddBrowserInstance?: () => void;
+  onDeleteBrowserInstance?: (id: string, runCount: number) => void;
+  onAddRunBrowserInstance?: (id: string) => void;
 }
 
 // Type for machine information
@@ -28,7 +31,7 @@ export interface DeviceInfo {
 export interface ExecutionContext {
   id: string;
   clientId: string;
-  runCount: number;
+  numberOfRuns: number;
   executionEnv?: 'Local'; // Change to specific enum if more environments exist
   browserName?: 'Local' | 'mac' | 'android' | 'Google Chrome';
   browserVersion: string;

package/src/components/Tooltip/Tooltip.scss

@@ -18,6 +18,7 @@
   border-radius: 5px;
   padding: 6px 12px;
   opacity: 0;
+  z-index: 10000;
 
   &--visible {
     opacity: 1;

package/src/components/Tooltip/Tooltip.tsx

@@ -17,7 +17,6 @@ const Tooltip: React.FC<TooltipProps> = ({
   children,
   placement = 'bottom',
   disabled = false,
-  zIndex = 99,
 }) => {
   const [isVisible, setIsVisible] = useState(false);
   const titleRef: TitleRef = useRef(null);
@@ -179,7 +178,7 @@ const Tooltip: React.FC<TooltipProps> = ({
         createPortal(
           <div
             ref={titleRef}
-            style={{ ...styles[placement], zIndex }}
+            style={{ ...styles[placement] }}
             className={classNames('ff-tooltip', currentTheme, {
               'ff-tooltip--visible': isVisible,
             })}

package/src/index.ts

@@ -52,6 +52,7 @@ import SequentialConnectingBranch from './components/SequentialConnectingBranch'
 import AttachmentButton from './components/AttachmentButton';
 import { Toastify, toast } from './components/Toastify/Toastify';
 import ToggleSwitch from './components/ToggleSwitch/ToggleSwitch';
+import Avatar from './components/Avatar/Avatar';
 
 import LabelEditTextField from './components/LabelEditTextField';
 import EditTextField from './components/EditTextField';
@@ -81,7 +82,7 @@ import MultiRadialChart from './components/Charts/MultiRadialChart';
 import Editor from './components/Editor/Editor';
 import { getSequentialPayload } from './utils/getSequentialPayload/getSequentialPayload';
 import ConnectingBranch from './components/ConnectingBranch/ConnectingBranch';
-import { saveFileFromBlob } from './utils/downloadFile/saveFileFromBlob'
+import { saveFileFromBlob } from './utils/downloadFile/saveFileFromBlob';
 
 export {
   Button,
@@ -153,6 +154,7 @@ export {
   EditTextField,
   AttachImage,
   ToggleSwitch,
+  Avatar,
   // utils exports
   checkEmpty,
   getExtension,

package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx

@@ -1,14 +1,11 @@
 import React from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 import { getSequentialPayload } from './getSequentialPayload';
-import {
-  SequentialMachineInstance,
-  MachineExecutionInstanceDataSet,
-} from './types';
+import { MachineExecutionInstance, SequentialMachineInstance } from './types';
 import { ffid } from '../ffID/ffid';
 
 const SequentialPayloadComponent: React.FC<{
-  machineInstances: MachineExecutionInstanceDataSet[];
+  machineInstances: MachineExecutionInstance[];
 }> = ({ machineInstances }) => {
   const payload: SequentialMachineInstance[] =
     getSequentialPayload(machineInstances);

package/src/utils/getSequentialPayload/getSequentialPayload.ts

@@ -1,29 +1,16 @@
-import {
-  SequentialMachineInstance,
-  MachineExecutionInstanceDataSet,
-} from './types';
+import { MachineExecutionInstance, SequentialMachineInstance } from './types';
 
 export const getSequentialPayload = (
-  machineInstances: MachineExecutionInstanceDataSet[] = []
+  data: MachineExecutionInstance[]
 ): SequentialMachineInstance[] => {
-  return machineInstances.flatMap(
-    (machineInstance: MachineExecutionInstanceDataSet) =>
-      machineInstance.runLevelExecutionDataSets.map(
-        (runLevelExecutionDataSet) => ({
-          id: machineInstance.id,
-          clientId: machineInstance.clientId,
-          numberOfRuns: machineInstance.numberOfRuns,
-          executionEnv: machineInstance.executionEnv,
-          browserName: machineInstance.browserName,
-          browserVersion: machineInstance.browserVersion,
-          systemUrl: machineInstance.systemUrl,
-          machineInfo: machineInstance.machineInfo,
-          deviceInfo: machineInstance.deviceInfo,
-          headless: machineInstance.headless,
-          peVariableSetId: runLevelExecutionDataSet.peVariableSetId,
-          globalVariableSetId: runLevelExecutionDataSet.globalVariableSetId,
-          testDataSetId: runLevelExecutionDataSet.testDataSetId,
-        })
-      )
+  return data.flatMap((item) =>
+    item.runLevelExecutionDataSets.map((runLevel, index) => {
+      const { runLevelExecutionDataSets, ...rest } = item;
+      return {
+        ...rest,
+        ...runLevel,
+        numberOfRuns: index + 1,
+      };
+    })
   );
 };

package/src/utils/getSequentialPayload/types.ts

@@ -20,15 +20,12 @@ export interface MachineExecutionInstance {
   systemUrl: string;
   machineInfo: OperatingSystemInfo;
   deviceInfo: any[];
-  headless: boolean;
-}
-
-export interface MachineExecutionInstanceDataSet
-  extends MachineExecutionInstance {
   runLevelExecutionDataSets: RunLevelExecutionDataSet[];
+  headless: boolean;
 }
 
-export interface SequentialMachineInstance extends MachineExecutionInstance {
+export interface SequentialMachineInstance
+  extends Omit<MachineExecutionInstance, 'runLevelExecutionDataSets'> {
   peVariableSetId: string;
   globalVariableSetId: string;
   testDataSetId: string;