pixel-react 1.5.9 → 1.6.1

package/lib/components/AppHeader/AppHeader.d.ts

@@ -1,4 +1,5 @@
 import { AppHeaderProps } from './types';
 import './AppHeader.scss';
+import React from 'react';
 declare const AppHeader: React.FC<AppHeaderProps>;
 export default AppHeader;

package/lib/components/AppHeader/types.d.ts

@@ -6,12 +6,6 @@ export interface AppHeaderProps {
     rightContent?: ReactNode;
     projectsList?: optionsType[];
     appHeaderMenuItems: appHeaderMenuItemProps[];
-    appHeaderHiddenMenuItems?: {
-        label: string;
-        value: string | string[];
-        icon: string;
-        disable?: boolean;
-    }[];
     selectedMenu: string;
     selectedSubMenu?: string;
     selectedQuickMenu?: string;
@@ -26,15 +20,33 @@ export interface AppHeaderProps {
 export interface appHeaderMenuItemProps {
     label: string;
     path?: string;
+    disable?: boolean;
+    disableText?: string;
+    hide?: boolean;
     subMenuItems?: appHeaderSubMenuItemProps[];
 }
 export interface appHeaderSubMenuItemProps {
     label: string;
     path?: string;
+    disable?: boolean;
+    disableText?: string;
+    hide?: boolean;
     quickMenuItems?: appHeaderQuickMenuItemProps[];
+    hiddenMenuItems?: appHeaderHiddenMenuItemProps[];
 }
 export interface appHeaderQuickMenuItemProps {
     label?: string;
     path?: string;
     iconName: string;
+    disable?: boolean;
+    disableText?: string;
+    hide?: boolean;
+}
+export interface appHeaderHiddenMenuItemProps {
+    label: string;
+    value: string | string[];
+    icon: string;
+    disable?: boolean;
+    disableText?: string;
+    hide?: boolean;
 }

package/lib/components/Charts/BarChart/BarChart.d.ts

@@ -19,6 +19,7 @@ type BarChartProps = {
     icons?: (string | React.ReactNode)[];
     iconSize?: number;
     backgroundColor?: string;
+    legendPosition?: 'top' | 'bottom';
 };
 declare const BarChart: React.FC<BarChartProps>;
 export default BarChart;

package/lib/components/Charts/DashboardDonutChart/types.d.ts

@@ -30,4 +30,6 @@ export type DashboardDonutChartProps = {
     showUnit?: boolean;
     labelFontSize?: number;
     subLabelFontSize?: number;
+    legendPosition?: 'bottom' | 'right' | 'left';
+    legendGap?: number;
 };

package/lib/components/Excel/ExcelToolBar/ExcelToolBar.d.ts

@@ -3,7 +3,6 @@ import { CellBase } from '../ExcelFile/ExcelFileComponents';
 import * as Matrix from '../ExcelFile/ExcelFileComponents/matrix';
 interface ExcelToolBarProps {
     toolbar?: 'show' | 'disable' | 'hide';
-    data: Matrix.Matrix<CellBase>;
     onBold: (data: Matrix.Matrix<CellBase>) => void;
     onItalic: (data: Matrix.Matrix<CellBase>) => void;
     setUnderlineType: (data: Matrix.Matrix<CellBase>, value: string, active: boolean) => void;

package/lib/components/FieldSet/FieldSet.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import './FieldSet.scss';
+import { fieldSetProps } from './types';
+declare const FieldSet: FC<fieldSetProps>;
+export default FieldSet;

package/lib/components/FieldSet/index.d.ts

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

package/lib/components/FieldSet/types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface fieldSetProps {
+    legendName: string;
+    height: string;
+    width: string;
+    children: ReactNode | string;
+}

package/lib/components/FileDropzone/types.d.ts

@@ -54,6 +54,14 @@ export interface FileDropzoneProps {
     validateMIMEType?: boolean;
     width?: number | string;
     height?: number | string;
+    /**
+     *  Returns the accepted files in the state
+     **/
+    getAcceptedFiles?: (files: File[]) => void;
+    /**
+     *  Returns the rejected files in the state
+     **/
+    getRejectedFiles?: (files: FileRejection[]) => void;
 }
 export interface FileState {
     accepted: File[];

package/lib/components/MachineInputField/types.d.ts

@@ -1,5 +1,5 @@
 export interface MachineType {
-    type: 'Local' | 'mac' | 'android' | 'Google Chrome';
+    type: string;
     label: string;
 }
 export interface MachineInputFieldProps {

package/lib/components/MultiSelect/MultiSelect.d.ts

@@ -1,4 +1,4 @@
 import './MultiSelect.scss';
 import { MultiSelectProps } from './MultiSelectTypes';
-declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount, placeholderForSearching, variant, onLabelPlusIconClick, onManageLabelsClick, className, highlightedMachine, onSelectButtonClick, labelAccessor, valueAccessor, withSelectButton, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount, placeholderForSearching, variant, onLabelPlusIconClick, onManageLabelsClick, className, highlightedMachine, onSelectButtonClick, labelAccessor, valueAccessor, withSelectButton, onEnter }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelect;

package/lib/components/MultiSelect/MultiSelectTypes.d.ts

@@ -31,5 +31,6 @@ interface MultiSelectProps {
     highlightedMachine?: string | ReactElement;
     labelAccessor?: string;
     valueAccessor?: string;
+    onEnter?: (newOption: string) => void;
 }
 export { Option, MultiSelectProps };

package/lib/components/PopUpModal/PopUpModal.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import './PopUpModal.scss';
+import { PopUpModalProps } from './types';
+declare const PopUpModal: FC<PopUpModalProps>;
+export default PopUpModal;

package/lib/components/PopUpModal/types.d.ts

@@ -0,0 +1,14 @@
+export interface PopUpModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onContinue?: () => void;
+    titleMessage: string;
+    subTitleMessage?: string;
+    iconName: string;
+    modalMessage: string;
+    footerMessage: string;
+    firstButtonLabel?: string;
+    secondButtonLabel: string;
+    buttonVariant: any;
+    border: string;
+}

package/lib/components/RadioGroup/radioGroupTypes.d.ts

@@ -54,9 +54,29 @@ interface RadioGroupProps {
      * Optional.
      */
     onChange?: (option: Option) => void;
+    /**
+    * Provides a label at starting position when the string is passed.
+    * Optional.
+    */
+    label?: string;
+    /**
+     * if isLabel is true then we can display label if not then extra space is not added.
+     * Optional.
+     */
+    isLabel?: boolean;
+    /**
+     * if isAsteriskRequired is true then we can display asterisk if not then extra space is not added.
+     * Optional.
+     */
+    isAsteriskRequired?: boolean;
     /**
      * Additional class names to apply to the radio group for custom styling.
      * Optional.
      */
     className?: string;
+    /**
+     * Additional class names to apply to the radio group Label for custom styling.
+     * Optional.
+     */
+    classNameForLabel?: string;
 }

package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.d.ts

@@ -1,4 +1,5 @@
 import './SequentialConnectingBranch.scss';
+import { FC } from 'react';
 import { SequentialConnectingBranchProps } from './types';
-declare const SequentialConnectingBranch: ({ machineInstances, machineColumnWidth, machineColumnCount, selectedMachine, machineOptionsList, onHandleSelect, onAddBrowserInstance, onAddRunBrowserInstance, onDeleteBrowserInstance, }: SequentialConnectingBranchProps) => import("react/jsx-runtime").JSX.Element;
+declare const SequentialConnectingBranch: FC<SequentialConnectingBranchProps>;
 export default SequentialConnectingBranch;

package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts

@@ -1,4 +1,4 @@
 import { BranchesProps } from './types';
 import './Branches.scss';
-declare const Branches: ({ machineInstances, rowIndex, machineColumnCount, machineColumnWidth, nextRowMachineInstance, previousRowMachineInstance, onAddBrowser, onDeleteBrowser, onAddRunBrowser, }: BranchesProps) => import("react/jsx-runtime").JSX.Element;
+declare const Branches: ({ machineInstances, rowIndex, machineColumnCount, machineColumnWidth, nextRowMachineInstance, previousRowMachineInstance, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, }: BranchesProps) => import("react/jsx-runtime").JSX.Element;
 export default Branches;

package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts

@@ -1,4 +1,4 @@
-import { ExecutionContext } from '../../types';
+import { dataSetValues, ExecutionContext } from '../../types';
 export interface BranchesProps {
     machineInstances: ExecutionContext[] | {}[];
     rowIndex: number;
@@ -6,9 +6,10 @@ export interface BranchesProps {
     machineColumnWidth: number;
     nextRowMachineInstance?: ExecutionContext | {} | undefined;
     previousRowMachineInstance?: ExecutionContext | {} | undefined;
-    onAddBrowser: () => void;
+    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;
 }
 export interface branchTypeProps {
     currentBranch: ExecutionContext | undefined | {};

package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts

@@ -1,4 +1,4 @@
 import { ConnectingBranchesProps } from './types';
 import './ConnectingBranches.scss';
-declare const ConnectingBranches: ({ machineBranchInstances, machineColumnCount, machineColumnWidth, onAddBrowser, onDeleteBrowser, onAddRunBrowser, }: ConnectingBranchesProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConnectingBranches: ({ machineBranchInstances, machineColumnCount, machineColumnWidth, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, }: ConnectingBranchesProps) => import("react/jsx-runtime").JSX.Element;
 export default ConnectingBranches;

package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts

@@ -1,9 +1,10 @@
-import { ExecutionContext } from '../../types';
+import { dataSetValues, ExecutionContext } from '../../types';
 export interface ConnectingBranchesProps {
     machineBranchInstances: ExecutionContext[] | {}[];
     machineColumnCount: number;
     machineColumnWidth: number;
-    onAddBrowser: () => void;
+    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;
 }

package/lib/components/SequentialConnectingBranch/types.d.ts

@@ -6,10 +6,13 @@ export interface SequentialConnectingBranchProps {
     selectedMachine?: Option;
     machineOptionsList?: Option[];
     onHandleSelect?: (option: Option) => void;
-    onAddBrowserInstance?: () => void;
+    onAddBrowserInstance?: (modalId: string) => void;
     onUpdateAddBrowserInstance?: () => void;
     onDeleteBrowserInstance?: (id: string, runCount: number) => void;
-    onAddRunBrowserInstance?: (id: string) => void;
+    onAddRunBrowserInstance?: (machineInstanceId: string) => void;
+    onDeleteMachineInstance?: () => void;
+    onUpdateDataSetList: (id: string, dataSetObject: dataSetValues, isInstance?: boolean, noOfRuns?: number, machineInstanceId?: string) => void;
+    dataSetValues: dataSetValues;
 }
 export interface MachineInfo {
     osName: string;
@@ -19,7 +22,7 @@ export interface MachineInfo {
 export interface DeviceInfo {
 }
 export interface ExecutionContext {
-    id: string;
+    machineInstanceId: string;
     clientId: string;
     numberOfRuns: number;
     executionEnv?: 'Local';
@@ -33,3 +36,8 @@ export interface ExecutionContext {
     globalVariableSetId: string;
     testDataSetId: string;
 }
+export interface dataSetValues {
+    peVariableSetId: string;
+    globalVariableSetId: string;
+    testDataSetId: string;
+}

package/lib/components/TableTree/TableTree.d.ts

@@ -1,25 +1,5 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import './TableTree.scss';
-interface ColumnDataProps {
-    name: string;
-    accessor: string;
-    width: string;
-    isClickable?: boolean;
-    minWidth?: string;
-    cell?: (e: any) => JSX.Element | string | ReactNode;
-    actions?: (e: any) => JSX.Element | string | ReactNode;
-}
-interface ObjectProps {
-    [key: string]: any;
-}
-interface TableTreeProps {
-    select: 'checkbox' | 'radio' | 'none';
-    columnsData: Array<ColumnDataProps>;
-    treeData: Array<ObjectProps>;
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, data: any) => void;
-    onChange?: (e: any, node: any) => void;
-    selected: Array<string>;
-    onPagination?: (node: ObjectProps) => void;
-}
-declare const TableTree: ({ columnsData, treeData, select, onClick, onChange, selected, onPagination, }: TableTreeProps) => import("react/jsx-runtime").JSX.Element;
-export default TableTree;
+import { TreeTableProps } from './types';
+declare const TreeTable: React.FC<TreeTableProps>;
+export default TreeTable;