pixel-react 1.10.15 → 1.10.16

package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx

@@ -1,78 +0,0 @@
-import { useEffect, useState } from 'react';
-import { ExecutionContext } from '../../types';
-import { ConnectingBranchesProps } from './types';
-import { Fragment } from 'react/jsx-runtime';
-import { ffid } from '../../../../utils/ffID/ffid';
-import Branches from '../Branches/Branches';
-import './ConnectingBranches.scss';
-
-const ConnectingBranches = ({
-  machineBranchInstances,
-  machineColumnCount,
-  machineColumnWidth,
-  onAddBrowser,
-  onDeleteBrowser,
-  onAddRunBrowser,
-  onUpdateDataSetList,
-  onUpdateAddBrowserInstance,
-  addInstanceLabel = '',
-  scriptType = '',
-  projectType = 'Web',
-  readOnly = false
-}: ConnectingBranchesProps) => {
-  const [machineInstance, setMachineInstance] = useState<
-    ExecutionContext[] | {}[]
-  >(machineBranchInstances);
-
-  useEffect(() => {
-    setMachineInstance(machineBranchInstances);
-  }, [machineBranchInstances]);
-
-  const getMachineBranchInstancesChunk = (
-    machineBranchInstances: ExecutionContext[] | {}[],
-    chunkSize: number
-  ) => {
-    const machineBranchInstancesChunk = [];
-    for (let i = 0; i < machineBranchInstances.length; i += chunkSize) {
-      machineBranchInstancesChunk.push(
-        machineBranchInstances.slice(i, i + chunkSize)
-      );
-    }
-    return machineBranchInstancesChunk;
-  };
-
-  const machineInstancesRow = getMachineBranchInstancesChunk(
-    machineInstance,
-    machineColumnCount
-  );
-
-  return (
-    <div className="ff-connecting-branch-grid-wrapper">
-      {machineInstancesRow.map((machineInstances, index) => (
-        <Fragment key={ffid()}>
-          <Branches
-            machineInstances={machineInstances}
-            rowIndex={index}
-            machineColumnCount={machineColumnCount}
-            machineColumnWidth={machineColumnWidth}
-            onAddBrowser={onAddBrowser}
-            onDeleteBrowser={onDeleteBrowser}
-            onAddRunBrowser={onAddRunBrowser}
-            nextRowMachineInstance={machineInstancesRow[index + 1]?.[0]}
-            previousRowMachineInstance={
-              machineInstancesRow[index - 1]?.[machineColumnCount - 1]
-            }
-            onUpdateDataSetList={onUpdateDataSetList}
-            onUpdateAddBrowserInstance={onUpdateAddBrowserInstance}
-            addInstanceLabel={addInstanceLabel}
-            scriptType={scriptType}
-            projectType={projectType}
-            readOnly={readOnly}
-          />
-        </Fragment>
-      ))}
-    </div>
-  );
-};
-
-export default ConnectingBranches;

package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts

@@ -1,25 +0,0 @@
-import { dataSetValues, ExecutionContext } from '../../types';
-
-export interface ConnectingBranchesProps {
-  machineBranchInstances: ExecutionContext[] | {}[];
-  machineColumnCount: number;
-  machineColumnWidth: number;
-  onAddBrowser: (modalId: string) => void;
-  onDeleteBrowser: (id: string, runCount: number) => void;
-  onAddRunBrowser: (id: string) => void;
-  onUpdateDataSetList: (
-    id: string,
-    dataSetObject: dataSetValues,
-    isInstance?: boolean,
-    noOfRuns?: number,
-    machineInstanceId?: string
-  ) => void;
-  addInstanceLabel?: string;
-  scriptType?: string;
-  projectType?: string;
-  onUpdateAddBrowserInstance: (
-    modalId: string,
-    machineInstance: ExecutionContext
-  ) => void;
-  readOnly: boolean;
-}

package/src/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.tsx

@@ -1,36 +0,0 @@
-import { FC } from 'react';
-import Typography from '../../../Typography';
-import { DataSetTooltipProps } from './types';
-
-const DataSetTooltip: FC<DataSetTooltipProps> = ({
-  datSetToolTip: {
-    globalVariableSetName = '',
-    peVariableSetName = '',
-    testDataSetName = '',
-  },
-}) => {
-  const toolTipTitleValue = {
-    'Test Data Set': testDataSetName,
-    'Global Variable Set': globalVariableSetName,
-    'Project Environment Set': peVariableSetName,
-  };
-
-  return (
-    <>
-      {Object.entries(toolTipTitleValue).map(([key, value], index) => (
-        <div key={index} className='' >
-          <div className='' >
-            <Typography as="div" fontSize={10} lineHeight="15px">
-              {key}
-            </Typography>
-            <Typography as="div" lineHeight="18px">
-              {value}
-            </Typography>
-          </div>
-        </div>
-      ))}
-    </>
-  );
-};
-
-export default DataSetTooltip;

package/src/components/SequentialConnectingBranch/components/DatasetTooltip/types.ts

@@ -1,9 +0,0 @@
-export interface DataSetTooltipProps {
-  datSetToolTip: DataSetToolTip;
-}
-
-export interface DataSetToolTip {
-  testDataSetName: string;
-  globalVariableSetName: string;
-  peVariableSetName: string;
-}

package/src/components/SequentialConnectingBranch/index.ts

@@ -1 +0,0 @@
-export { default } from './SequentialConnectingBranch';

package/src/components/SequentialConnectingBranch/types.ts

@@ -1,80 +0,0 @@
-import { Option } from '../Select/types';
-
-export interface SequentialConnectingBranchProps {
-  machineInstances: ExecutionContext[] | {}[];
-  machineColumnWidth?: number;
-  machineColumnCount?: number;
-  selectedMachine?: Option;
-  machineOptionsList?: Option[];
-  onHandleSelect?: (option: Option) => void;
-  onAddBrowserInstance?: (modalId: string) => void;
-  onUpdateAddBrowserInstance?: (
-    modalId: string,
-    machineInstance: ExecutionContext
-  ) => void;
-  onDeleteBrowserInstance?: (id: string, runCount: number) => void;
-  onAddRunBrowserInstance?: (machineInstanceId: string) => void;
-  onDeleteMachineInstance?: () => void;
-  onUpdateDataSetList?: (
-    id: string,
-    dataSetObject?: dataSetValues,
-    isInstance?: boolean,
-    noOfRuns?: number,
-    machineInstanceId?: string
-  ) => void;
-  dataSetValues?: dataSetValues;
-  addInstanceLabel?: string;
-  scriptType?: string;
-  projectType?: string;
-  readOnly?: boolean;
-  integrationInstance?: IntegrationInstance
-}
-
-export interface IntegrationInstance {
-  usename: string,
-  accessKey: string
-}
-
-// Type for machine information
-export interface MachineInfo {
-  osName: string;
-  osVersion: string;
-  hostName: string;
-  iconName: string;
-}
-
-// Type for device information
-export interface DeviceInfo {
-  name: string;
-  platform: string;
-}
-
-export interface ExecutionContext {
-  machineInstanceId: string;
-  clientId: string;
-  numberOfRuns: number;
-  runCount: number;
-  executionEnv?: 'Local'; // Change to specific enum if more environments exist
-  browserName?: 'Local' | 'mac' | 'android' | 'Google Chrome';
-  browserVersion: string;
-  systemUrl: string;
-  machineInfo: MachineInfo;
-  deviceInfo: DeviceInfo[];
-  headless: boolean;
-  peVariableSetId: string;
-  testDataSetName: string;
-  globalVariableSetName: string;
-  peVariableSetName: string;
-  globalVariableSetId: string;
-  testDataSetId: string;
-  integrationInstance: IntegrationInstance;
-}
-
-export interface dataSetValues {
-  peVariableSetId: string;
-  globalVariableSetId: string;
-  testDataSetId: string;
-  testDataSetName: string;
-  globalVariableSetName: string;
-  peVariableSetName: string;
-}

package/src/components/StateDropdown/StateDropdown.stories.tsx

@@ -1,104 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import StateDropdown from './StateDropdown';
-import React from 'react';
-
-const meta: Meta<typeof StateDropdown> = {
-  title: 'Components/StateDropdown',
-  component: StateDropdown,
-  parameters: {
-    layout: 'centered',
-  },
-  tags: ['autodocs'],
-};
-
-type Story = StoryObj<typeof StateDropdown>;
-
-export const Disable: Story = {
-  args: {
-    value: 'New',
-    handleStateValueClick: () => {},
-    handleDropdownOptionsClick: () => {},
-    isOnlyReviewer: false,
-    nodeObj: { label: 'New', value: 'New' },
-    isReviewer: true,
-    isApprovePage: false,
-    disabled: true,
-    userHasOnlyViewAccess: true,
-    showBorder: true,
-    height:24,
-  },
-};
-
-export const Review: Story = {
-  args: {
-    value: 'Review',
-    handleStateValueClick: () => {},
-    handleDropdownOptionsClick: () => {},
-    isOnlyReviewer: false,
-    nodeObj: { label: 'Review', value: 'Review' },
-    isReviewer: true,
-    isApprovePage: true,
-    disabled: false,
-    userHasOnlyViewAccess: false,
-  },
-};
-
-export const Reject: Story = {
-  args: {
-    value: 'Rejected',
-    handleStateValueClick: () => {},
-    handleDropdownOptionsClick: () => {},
-    isOnlyReviewer: false,
-    nodeObj: { label: 'Rejected', value: 'Rejected' },
-    isReviewer: false,
-    isApprovePage: false,
-    disabled: false,
-    userHasOnlyViewAccess: false,
-  },
-};
-
-export const Approved: Story = {
-  args: {
-    value: 'Approved',
-    handleStateValueClick: () => {},
-    handleDropdownOptionsClick: () => {},
-    isOnlyReviewer: false,
-    nodeObj: { label: 'Approved', value: 'Approved' },
-    isReviewer: false,
-    isApprovePage: false,
-    disabled: false,
-    userHasOnlyViewAccess: true,
-  },
-};
-
-export const NewState: Story = {
-  render: () => {
-    const value = 'New';
-    const state = {
-      label: 'New',
-      value: 'New',
-    };
-
-    const handleDropdownOptionsClick = () => {};
-
-    const handleStateValueClick = () => {};
-
-    return (
-      <StateDropdown
-        value={value}
-        nodeObj={state}
-        isReviewer={false}
-        isApprovePage={false}
-        handleStateValueClick={handleStateValueClick}
-        handleDropdownOptionsClick={handleDropdownOptionsClick}
-        disabled={false}
-        isOnlyReviewer={false}
-        userHasOnlyViewAccess={false}
-        showBorder={true}
-        height={24}
-      />
-    );
-  },
-};
-
-export default meta;

package/src/components/StateDropdown/StateDropdown.tsx

@@ -1,245 +0,0 @@
-import Select from './../Select/Select';
-import { StateDropdownProps } from './StateDropdownTypes';
-
-const StateDropdown = ({
-  value,
-  nodeObj,
-  isReviewer = false,
-  isApprovePage = false,
-  handleStateValueClick,
-  handleDropdownOptionsClick,
-  disabled = false,
-  isOnlyReviewer = false,
-  userHasOnlyViewAccess = false,
-  showBorder=true,
-  height=24,
-  zIndex=100,
-}: StateDropdownProps) => {
-  let currentState = value.toUpperCase();
-  let content;
-  let options;
-  const isReviewerAndClickedOnReviewState: boolean =
-    isReviewer && !isApprovePage && currentState === 'REVIEW' && !nodeObj;
-  let selectedOption: { label: string; value: string } = {
-    label: '',
-    value: '',
-  };
-
-  if (isOnlyReviewer && !isApprovePage) {
-    options = [
-      {
-        label: 'New',
-        value: 'New',
-      },
-      {
-        label: 'Approve',
-        value: 'Approve',
-      },
-    ];
-  } else if (!isReviewer && !isApprovePage) {
-    options = [
-      {
-        label: currentState === 'REJECTED' ? 'Rejected' : 'New',
-        value: currentState === 'REJECTED' ? 'Rejected' : 'New',
-      },
-      {
-        label: 'Approve',
-        value: 'Approve',
-      },
-    ];
-  } else if (isReviewerAndClickedOnReviewState) {
-    options = [
-      {
-        label: 'Review',
-        value: 'Review',
-      },
-      {
-        label: 'Approve',
-        value: 'Approve',
-      },
-    ];
-  } else if (isReviewer && !isApprovePage) {
-    options = [
-      {
-        label: currentState === 'REJECTED' ? 'Rejected' : 'New',
-        value: currentState === 'REJECTED' ? 'Rejected' : 'New',
-      },
-      {
-        label: 'Review',
-        value: 'Review',
-      },
-      {
-        label: 'Approve',
-        value: 'Approve',
-      },
-    ];
-  } else if (isReviewer && isApprovePage) {
-    options = [
-      {
-        label: 'Review',
-        value: 'Review',
-      },
-      {
-        label: 'Approve',
-        value: 'Approve',
-      },
-      {
-        label: 'Reject',
-        value: 'Reject',
-      },
-    ];
-  } else {
-    options = [
-      {
-        label: 'New',
-        value: 'New',
-      },
-      {
-        label: 'Review',
-        value: 'Review',
-      },
-    ];
-  }
-
-  let handleSelectedOption: (value: string) => {
-    label: string;
-    value: string;
-  } = (value) => {
-    return { label: value, value: value };
-  };
-  if (currentState === 'REVIEW') {
-    selectedOption = handleSelectedOption(value);
-  } else if (currentState === 'NEW' && !isApprovePage) {
-    selectedOption = handleSelectedOption(value);
-  } else if (currentState === 'REJECTED' && !isApprovePage) {
-    selectedOption = handleSelectedOption(value);
-  } else {
-    selectedOption = handleSelectedOption(value);
-  }
-
-  if (
-    ((currentState === 'NEW' && !isApprovePage) ||
-      (isApprovePage && currentState === 'REVIEW') ||
-      isReviewerAndClickedOnReviewState ||
-      (currentState === 'REJECTED' && !isApprovePage)) &&
-    !userHasOnlyViewAccess
-  ) {
-    content = !disabled ? (
-      <Select
-        label={value}
-        disabled={disabled}
-        onChange={handleDropdownOptionsClick}
-        optionsList={options}
-        selectedOption={selectedOption}
-        showLabel={false}
-        showBorder={showBorder}
-        disableInput={true}
-        height={height}
-        selectedOptionColor={'var(--brand-color'}
-        optionZIndex={zIndex}
-      />
-    ) : (
-      <Select
-        label={value}
-        disabled={true}
-        onChange={handleDropdownOptionsClick}
-        optionsList={options}
-        selectedOption={selectedOption}
-        showLabel={false}
-        showBorder={showBorder}
-        disableInput={true}
-        height={height}
-        selectedOptionColor={'var(--brand-color'}
-        optionZIndex={zIndex}
-      />
-    );
-  } else if (
-    currentState === 'REVIEW' &&
-    (!isApprovePage || userHasOnlyViewAccess)
-  ) {
-    content = (
-      <Select
-        label={value}
-        disabled={true}
-        onChange={handleDropdownOptionsClick}
-        optionsList={options}
-        selectedOption={selectedOption}
-        showLabel={false}
-        showBorder={showBorder}
-        disableInput={true}
-        height={height}
-        selectedOptionColor={'var(--brand-color'}
-        optionZIndex={zIndex}
-      />
-    );
-  } else if (currentState === 'APPROVED') {
-    content = (
-      <Select
-        label={value}
-        disabled={true}
-        onChange={handleDropdownOptionsClick}
-        optionsList={options}
-        selectedOption={selectedOption}
-        showLabel={false}
-        showBorder={showBorder}
-        disableInput={true}
-        height={height}
-        selectedOptionColor={'var(--brand-color'}
-        optionZIndex={zIndex}
-      />
-    );
-  } else if (currentState === 'REJECTED' && userHasOnlyViewAccess) {
-    content = (
-      <Select
-        label={value}
-        disabled={true}
-        onChange={handleDropdownOptionsClick}
-        optionsList={options}
-        selectedOption={selectedOption}
-        showLabel={false}
-        showBorder={showBorder}
-        disableInput={true}
-        height={height}
-        selectedOptionColor={'var(--brand-color'}
-        optionZIndex={zIndex}
-      />
-    );
-  } else if (currentState === 'NEW' && userHasOnlyViewAccess) {
-    content = (
-      <Select
-        label={value}
-        disabled={true}
-        onChange={handleDropdownOptionsClick}
-        optionsList={options}
-        selectedOption={selectedOption}
-        showLabel={false}
-        showBorder={showBorder}
-        disableInput={true}
-        height={height}
-        selectedOptionColor={'var(--brand-color'}
-        optionZIndex={zIndex}
-      />
-    );
-  } else {
-    content = '';
-  }
-
-  return (
-    <div
-      onClick={() => {
-        if (
-          value.toLowerCase() === 'review' &&
-          !userHasOnlyViewAccess &&
-          !isApprovePage &&
-          !isReviewer
-        ) {
-          handleStateValueClick();
-        }
-      }}
-    >
-      {content}
-    </div>
-  );
-};
-
-export default StateDropdown;

package/src/components/StateDropdown/StateDropdownTypes.tsx

@@ -1,27 +0,0 @@
-export interface StateDropdownProps{
-
-    value:string;
-
-    nodeObj:{};
-
-    isReviewer:boolean;
-
-    isApprovePage:boolean;
-
-    handleDropdownOptionsClick:()=>void;
-
-    disabled:boolean;
-
-    isOnlyReviewer:boolean;
-
-    userHasOnlyViewAccess:boolean;
-
-    handleStateValueClick:()=>void;
-
-    showBorder?:boolean;
-
-    height?:number;
-
-    zIndex?:number;
-}
-

package/src/components/StateDropdown/index.ts

@@ -1 +0,0 @@
-export { default } from './StateDropdown';

package/src/components/StatusButton/StatusButton.stories.tsx

@@ -1,91 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import StatusButton from './StatusButton';
-
-const meta: Meta<typeof StatusButton> = {
-  title: 'Components/StatusButton',
-  component: StatusButton,
-  parameters: {
-    layout: 'centered',
-  },
-  tags: ['autodocs'],
-};
-
-type Story = StoryObj<typeof StatusButton>;
-
-const defaultArgs = {
-  disabled: false,
-};
-
-export const Passed: Story = {
-  args: {
-    ...defaultArgs,
-    label: 'Passed',
-    status: 'passed',
-  },
-};
-
-export const Failed: Story = {
-  args: {
-    ...defaultArgs,
-    label: 'Failed',
-    status: 'failed',
-  },
-};
-
-export const Running: Story = {
-  args: {
-    ...defaultArgs,
-    label: 'Running',
-    status: 'running',
-  },
-};
-
-export const Terminated: Story = {
-  args: {
-    ...defaultArgs,
-    label: 'Terminated',
-    status: 'terminated',
-  },
-};
-
-export const Skipped: Story = {
-  args: {
-    ...defaultArgs,
-    label: 'Skipped',
-    status: 'skipped',
-  },
-};
-
-export const Warning: Story = {
-  args: {
-    ...defaultArgs,
-    label: 'Warning',
-    status: 'warning',
-  },
-};
-
-export const PartiallyExecuted: Story = {
-  args: {
-    ...defaultArgs,
-    label: 'Partially Executed',
-    status: 'partially-executed',
-  },
-};
-
-export const Aborted: Story = {
-  args: {
-    ...defaultArgs,
-    label: 'Aborted',
-    status: 'aborted',
-  },
-};
-
-export const NotExecuted: Story = {
-  args: {
-    ...defaultArgs,
-    label: 'Not Executed',
-    status: 'not-executed',
-  },
-};
-
-export default meta;