pixel-react 1.6.0 → 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/LabelEditTextField/LabelEditTextField.stories.d.ts

@@ -6,8 +6,6 @@ declare const meta: Meta<typeof LabelEditTextField>;
 type Story = StoryObj<typeof LabelEditTextField>;
 export declare const textField: Story;
 export declare const textFieldWithOutLabel: Story;
-export declare const openTextFieldWithOutLabel: Story;
 export declare const textFieldWithDropdown: Story;
 export declare const textFieldWithHighlight: Story;
-export declare const openLabelEditTextField: Story;
 export default meta;

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.stories.d.ts

@@ -7,5 +7,4 @@ export declare const Default2: Story;
 export declare const Default3: Story;
 export declare const EmailGroup: Story;
 export declare const Controlled: Story;
-export declare const Labels: Story;
 export default meta;

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/Select/Select.stories.d.ts

@@ -10,5 +10,4 @@ export declare const Disable: Story;
 export declare const WithInitialValue: Story;
 export declare const OptionSelection: Story;
 export declare const CustomJSX: Story;
-export declare const updateOptionFromOutside: Story;
 export default meta;

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/data.d.ts

@@ -23,7 +23,38 @@ declare const data: ({
         folder: boolean;
         moduleLevelScriptCount: number;
         name: string;
-        parentId?: undefined;
+        parentId: null;
+        id: string;
+        parentName?: undefined;
+    };
+    level: number;
+} | {
+    node: {
+        subModuleCount: number;
+        title: string;
+        scriptCount: number;
+        path: string;
+        expanded: boolean;
+        modifiedOn: string;
+        children: boolean;
+        lastExecutionOrder: number;
+        imported: boolean;
+        modifiedBy: string;
+        moduleCountWithScript: number;
+        state: string;
+        key: string;
+        ver: number;
+        hierarchy: number;
+        assigneeCount: number;
+        searchKey: string;
+        modifiedByUname: string;
+        executionOrder: number;
+        createdByUname: string;
+        folder: boolean;
+        moduleLevelScriptCount: number;
+        name: string;
+        parentId: string;
+        id: string;
         parentName?: undefined;
     };
     level: number;
@@ -37,6 +68,8 @@ declare const data: ({
         modifiedOn: string;
         folder: boolean;
         children: boolean;
+        parentId: string;
+        id: string;
         lastExecutionOrder?: undefined;
         imported?: undefined;
         modifiedBy?: undefined;
@@ -52,7 +85,6 @@ declare const data: ({
         createdByUname?: undefined;
         moduleLevelScriptCount?: undefined;
         name?: undefined;
-        parentId?: undefined;
         parentName?: undefined;
     };
     level: number;
@@ -83,6 +115,7 @@ declare const data: ({
         key: string;
         folder: boolean;
         children: boolean;
+        id: string;
     };
     level: number;
 } | {
@@ -111,6 +144,7 @@ declare const data: ({
         state: string;
         key: string;
         children: boolean;
+        id: string;
         folder?: undefined;
     };
     level: number;

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

@@ -20,10 +20,9 @@ export interface TreeTableProps {
     columnsData: Column[];
     selected?: string[];
     select?: 'radio' | 'checkbox' | null;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>, node: TreeNode) => void;
-    onPagination?: (node: TreeNode) => void;
+    onChange?: (nodes: string[]) => void;
     onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
     expandedNodes: string[];
     onExpand?: (_isExpanded: boolean, node: string) => void;
-    onPaginate: (_direction: 'up' | 'down', id: string) => void;
+    onPagination?: (_direction: string) => void;
 }

package/lib/index.d.ts

@@ -1532,12 +1532,11 @@ interface TreeTableProps {
     columnsData: Column[];
     selected?: string[];
     select?: 'radio' | 'checkbox' | null;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>, node: TreeNode) => void;
-    onPagination?: (node: TreeNode) => void;
+    onChange?: (nodes: string[]) => void;
     onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
     expandedNodes: string[];
     onExpand?: (_isExpanded: boolean, node: string) => void;
-    onPaginate: (_direction: 'up' | 'down', id: string) => void;
+    onPagination?: (_direction: string) => void;
 }
 
 declare const TreeTable: React__default.FC<TreeTableProps>;
@@ -1842,12 +1841,6 @@ interface AppHeaderProps {
     rightContent?: ReactNode;
     projectsList?: optionsType[];
     appHeaderMenuItems: appHeaderMenuItemProps[];
-    appHeaderHiddenMenuItems?: {
-        label: string;
-        value: string | string[];
-        icon: string;
-        disable?: boolean;
-    }[];
     selectedMenu: string;
     selectedSubMenu?: string;
     selectedQuickMenu?: string;
@@ -1862,20 +1855,38 @@ interface AppHeaderProps {
 interface appHeaderMenuItemProps {
     label: string;
     path?: string;
+    disable?: boolean;
+    disableText?: string;
+    hide?: boolean;
     subMenuItems?: appHeaderSubMenuItemProps[];
 }
 interface appHeaderSubMenuItemProps {
     label: string;
     path?: string;
+    disable?: boolean;
+    disableText?: string;
+    hide?: boolean;
     quickMenuItems?: appHeaderQuickMenuItemProps[];
+    hiddenMenuItems?: appHeaderHiddenMenuItemProps[];
 }
 interface appHeaderQuickMenuItemProps {
     label?: string;
     path?: string;
     iconName: string;
+    disable?: boolean;
+    disableText?: string;
+    hide?: boolean;
+}
+interface appHeaderHiddenMenuItemProps {
+    label: string;
+    value: string | string[];
+    icon: string;
+    disable?: boolean;
+    disableText?: string;
+    hide?: boolean;
 }
 
-declare const AppHeader: React.FC<AppHeaderProps>;
+declare const AppHeader: React__default.FC<AppHeaderProps>;
 
 interface PaperProps {
     /**
@@ -1914,6 +1925,8 @@ type DashboardDonutChartProps = {
     showUnit?: boolean;
     labelFontSize?: number;
     subLabelFontSize?: number;
+    legendPosition?: 'bottom' | 'right' | 'left';
+    legendGap?: number;
 };
 
 declare const DashboardDonutChart: React__default.FC<DashboardDonutChartProps>;
@@ -2008,7 +2021,7 @@ interface IconRadioGroupProps {
 declare const IconRadioGroup: React__default.FC<IconRadioGroupProps>;
 
 interface MachineType {
-    type: 'Local' | 'mac' | 'android' | 'Google Chrome';
+    type: string;
     label: string;
 }
 interface MachineInputFieldProps {
@@ -2029,10 +2042,13 @@ interface SequentialConnectingBranchProps {
     selectedMachine?: Option$2;
     machineOptionsList?: Option$2[];
     onHandleSelect?: (option: Option$2) => 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;
 }
 interface MachineInfo {
     osName: string;
@@ -2042,7 +2058,7 @@ interface MachineInfo {
 interface DeviceInfo {
 }
 interface ExecutionContext {
-    id: string;
+    machineInstanceId: string;
     clientId: string;
     numberOfRuns: number;
     executionEnv?: 'Local';
@@ -2056,8 +2072,13 @@ interface ExecutionContext {
     globalVariableSetId: string;
     testDataSetId: string;
 }
+interface dataSetValues {
+    peVariableSetId: string;
+    globalVariableSetId: string;
+    testDataSetId: string;
+}
 
-declare const SequentialConnectingBranch: ({ machineInstances, machineColumnWidth, machineColumnCount, selectedMachine, machineOptionsList, onHandleSelect, onAddBrowserInstance, onAddRunBrowserInstance, onDeleteBrowserInstance, }: SequentialConnectingBranchProps) => react_jsx_runtime.JSX.Element;
+declare const SequentialConnectingBranch: FC<SequentialConnectingBranchProps>;
 
 interface AttachmentUploaderProps {
     label: string;
@@ -2494,6 +2515,7 @@ type BarChartProps = {
     icons?: (string | React__default.ReactNode)[];
     iconSize?: number;
     backgroundColor?: string;
+    legendPosition?: 'top' | 'bottom';
 };
 declare const BarChart: React__default.FC<BarChartProps>;
 
@@ -2556,4 +2578,21 @@ declare const saveFileFromBlob: (blob: Blob, filename: string) => void;
 
 declare const useFileDropzone: (options: DropzoneOptions) => DropzoneState;
 
-export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, ConnectingBranch, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TreeTable as TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useTheme };
+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;
+}
+
+declare const PopUpModal: FC<PopUpModalProps>;
+
+export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, ConnectingBranch, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PieChart, PopUpModal, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TreeTable as TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useTheme };