pixel-react 1.1.4 → 1.1.5

package/lib/components/AddResourceButton/type.d.ts

@@ -30,7 +30,7 @@ export interface AddResourceButtonProps {
         /**
          * direction option: 'top' | 'right' | 'down'
          */
-        direction: string | 'top' | 'right' | 'down';
+        direction: string;
         menuOptions: {
             label: string;
             value: string | string[];

package/lib/components/AllProjectsDropdown/AllProjectsDropdown.d.ts

@@ -1,3 +1,4 @@
 import './AllProjectsDropdown.scss';
-declare const AllProjectsDropdown: () => import("react/jsx-runtime").JSX.Element;
+import { AllProjectsDropdownProps } from './types';
+declare const AllProjectsDropdown: ({ onClick, options, selectedOption, }: AllProjectsDropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default AllProjectsDropdown;

package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts

@@ -2,5 +2,6 @@ import type { Meta, StoryObj } from '@storybook/react';
 import AllProjectsDropdown from './AllProjectsDropdown';
 declare const meta: Meta<typeof AllProjectsDropdown>;
 type Story = StoryObj<typeof AllProjectsDropdown>;
+export declare const Default: Story;
 export declare const PrimaryIconButton: Story;
 export default meta;

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

@@ -0,0 +1,10 @@
+export interface optionsType {
+    label: string;
+    value: string;
+    iconName: string;
+}
+export interface AllProjectsDropdownProps {
+    options: optionsType[];
+    onClick: (option: optionsType) => void;
+    selectedOption: optionsType;
+}

package/lib/components/Button/Button.stories.d.ts

@@ -6,6 +6,7 @@ export declare const Primary: Story;
 export declare const Secondary: Story;
 export declare const Tertiary: Story;
 export declare const Delete: Story;
+export declare const Warning: Story;
 export declare const PrimaryWithIcon: Story;
 export declare const SecondaryWithIcon: Story;
 export declare const TertiaryWithIcon: Story;

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

@@ -3,7 +3,7 @@ export interface ButtonProps {
     /**
      * Variant of the button
      */
-    variant: 'primary' | 'secondary' | 'tertiary' | 'delete';
+    variant: 'primary' | 'secondary' | 'tertiary' | 'delete' | 'warning';
     /**
      * What background color to use
      */

package/lib/components/Drawer/Drawer.stories.d.ts

@@ -4,4 +4,7 @@ declare const meta: Meta<typeof Drawer>;
 export default meta;
 type Story = StoryObj<typeof Drawer>;
 export declare const Default: Story;
+export declare const WithoutHeader: Story;
+export declare const WithCustomHeader: Story;
+export declare const WithCustomFooter: Story;
 export declare const Controlled: Story;

package/lib/components/Drawer/Types.d.ts

@@ -45,7 +45,7 @@ export interface DrawerProps {
     /**
      * Header title for the drawer
      */
-    title: string | ReactNode;
+    title?: string | ReactNode;
     /**
      * To show the edit button on the header
      */
@@ -82,4 +82,28 @@ export interface DrawerProps {
      * footer Content
      */
     footerContent?: ReactNode;
+    /**
+     * To show or hide the header
+     */
+    showHeader?: boolean;
+    /**
+     *  Custom back button icon
+     * The icon to display for the back button.
+     * If not provided, a default icon will be used.
+     */
+    backButtonIcon?: ReactNode;
+    /**
+     * Callback function when the close icon is clicked
+     */
+    onCloseIconClick?: () => void;
+    /**
+    * Custom header for the drawer, replacing the default header.
+    * If provided, this will render in place of the default header.
+    */
+    customHeader?: ReactNode;
+    /**
+    * Custom footer for the drawer, replacing the default footer.
+    * If provided, this will render in place of the default footer.
+    */
+    customFooter?: ReactNode;
 }

package/lib/components/Icon/Icon.d.ts

@@ -1,4 +1,4 @@
 import './Icons.scss';
 import { IconProps } from './types';
-declare const Icon: ({ name, height, width, onClick, color, hoverEffect, className, disabled, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<HTMLSpanElement>>;
 export default Icon;

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

@@ -0,0 +1,4 @@
+import './MachineInputField.scss';
+import { MachineInputFieldProps } from './types';
+declare const MachineInputField: import("react").ForwardRefExoticComponent<MachineInputFieldProps & import("react").RefAttributes<HTMLDivElement>>;
+export default MachineInputField;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import MachineInputField from './MachineInputField';
+declare const meta: Meta<typeof MachineInputField>;
+type Story = StoryObj<typeof MachineInputField>;
+export declare const Primary: Story;
+export default meta;

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

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

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

@@ -0,0 +1,11 @@
+export interface MachineType {
+    type: 'Local' | 'mac' | 'android' | 'Google Chrome';
+    label: string;
+}
+export interface MachineInputFieldProps {
+    width: string;
+    options: MachineType[];
+    runCount: number;
+    className?: string;
+    contentReverse?: boolean;
+}

package/lib/components/MenuOption/MenuOption.d.ts

@@ -1,4 +1,4 @@
 import './MenuOption.scss';
 import { MenuOptionProps } from './types';
-declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, dropdownPlacement, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, dropdownPlacement, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuOption;

package/lib/components/MenuOption/MenuOption.stories.d.ts

@@ -12,4 +12,5 @@ export declare const MenuOptionPlacementTop: Story;
 export declare const MenuOptionPlacementDown: Story;
 export declare const MenuOptionPlacementLeft: Story;
 export declare const MenuOptionPlacementRight: Story;
+export declare const MenuOptionCustom: Story;
 export default meta;

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

@@ -89,6 +89,13 @@ interface MenuOptionProps {
      * @type {function}
      * @optional
      */
+    variant?: 'dark' | 'light';
+    /**
+     * The variant of the menu option, either 'dark' or 'light'.
+     * @type {'dark' | 'light'}
+     * @default 'light'
+     * @optional
+     */
     onClick?: () => void;
     /**
      * Callback function triggered when an option is clicked.

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

@@ -25,4 +25,5 @@ export interface ModalProps {
     isFooterDisplayed: boolean;
     customWidth: string;
     customHeight?: string;
+    zIndex?: number;
 }

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

@@ -0,0 +1,4 @@
+import './SequentialConnectingBranch.scss';
+import { SequentialConnectingBranchProps } from './types';
+declare const SequentialConnectingBranch: ({ machineInstances, machineColumnWidth, machineColumnCount, machineInstance, selectedMachine, machineOptionsList, onMachineSelectionChange, }: SequentialConnectingBranchProps) => import("react/jsx-runtime").JSX.Element;
+export default SequentialConnectingBranch;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import SequentialConnectingBranch from './SequentialConnectingBranch';
+declare const meta: Meta<typeof SequentialConnectingBranch>;
+type Story = StoryObj<typeof SequentialConnectingBranch>;
+export declare const Primary: Story;
+export default meta;

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

@@ -0,0 +1,4 @@
+import './AddBrowserModal.scss';
+import { AddBrowserModalProps } from './types';
+declare const AddBrowserModal: import("react").ForwardRefExoticComponent<AddBrowserModalProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default AddBrowserModal;

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

@@ -0,0 +1,3 @@
+export interface AddBrowserModalProps {
+    onUpdateAddBrowser: () => void;
+}

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

@@ -0,0 +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;
+export default Branches;

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

@@ -0,0 +1,16 @@
+import { ExecutionContext } from '../../types';
+export interface BranchesProps {
+    machineInstances: ExecutionContext[] | {}[];
+    rowIndex: number;
+    machineColumnCount: number;
+    machineColumnWidth: number;
+    nextRowMachineInstance?: ExecutionContext | {} | undefined;
+    previousRowMachineInstance?: ExecutionContext | {} | undefined;
+    onAddBrowser: () => void;
+    onDeleteBrowser: (id: string, runCount: number) => void;
+    onAddRunBrowser: (id: string) => void;
+}
+export interface branchTypeProps {
+    currentBranch: ExecutionContext | undefined | {};
+    nextBranch: ExecutionContext | undefined | {};
+}

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

@@ -0,0 +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;
+export default ConnectingBranches;

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

@@ -0,0 +1,9 @@
+import { ExecutionContext } from '../../types';
+export interface ConnectingBranchesProps {
+    machineBranchInstances: ExecutionContext[] | {}[];
+    machineColumnCount: number;
+    machineColumnWidth: number;
+    onAddBrowser: () => void;
+    onDeleteBrowser: (id: string, runCount: number) => void;
+    onAddRunBrowser: (id: string) => void;
+}

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

@@ -0,0 +1,4 @@
+import './DatasetListModal.scss';
+import { DatasetListModalProps } from './types';
+declare const DatasetListModal: import("react").ForwardRefExoticComponent<DatasetListModalProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default DatasetListModal;

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

@@ -0,0 +1,3 @@
+export interface DatasetListModalProps {
+    onUpdateDatasetList: () => void;
+}

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

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

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

@@ -0,0 +1,32 @@
+import { Option } from '../Select/types';
+export interface SequentialConnectingBranchProps {
+    machineInstances?: ExecutionContext[] | {}[];
+    machineColumnWidth?: number;
+    machineColumnCount?: number;
+    machineInstance: ExecutionContext;
+    selectedMachine?: string;
+    onMachineSelectionChange?: (selectedMachine: Option) => void;
+    machineOptionsList?: Option[];
+}
+export interface MachineInfo {
+    osName: string;
+    osVersion: string;
+    hostName: string;
+}
+export interface DeviceInfo {
+}
+export interface ExecutionContext {
+    id: string;
+    clientId: string;
+    runCount: number;
+    executionEnv?: 'Local';
+    browserName?: 'Local' | 'mac' | 'android' | 'Google Chrome';
+    browserVersion: string;
+    systemUrl: string;
+    machineInfo: MachineInfo;
+    deviceInfo: DeviceInfo[];
+    headless: boolean;
+    peVariableSetId: string;
+    globalVariableSetId: string;
+    testDataSetId: string;
+}

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

@@ -21,6 +21,7 @@ export interface TabsProps {
      * An array of tab objects containing label, component, and optional disabled status.
      */
     tabsData: {
+        id: string;
         label: string;
         component?: JSX.Element;
         disabled?: boolean;

package/lib/index.d.ts

@@ -13,7 +13,7 @@ interface ButtonProps$1 {
     /**
      * Variant of the button
      */
-    variant: 'primary' | 'secondary' | 'tertiary' | 'delete';
+    variant: 'primary' | 'secondary' | 'tertiary' | 'delete' | 'warning';
     /**
      * What background color to use
      */
@@ -118,7 +118,7 @@ interface DrawerProps {
     /**
      * Header title for the drawer
      */
-    title: string | ReactNode;
+    title?: string | ReactNode;
     /**
      * To show the edit button on the header
      */
@@ -155,6 +155,30 @@ interface DrawerProps {
      * footer Content
      */
     footerContent?: ReactNode;
+    /**
+     * To show or hide the header
+     */
+    showHeader?: boolean;
+    /**
+     *  Custom back button icon
+     * The icon to display for the back button.
+     * If not provided, a default icon will be used.
+     */
+    backButtonIcon?: ReactNode;
+    /**
+     * Callback function when the close icon is clicked
+     */
+    onCloseIconClick?: () => void;
+    /**
+    * Custom header for the drawer, replacing the default header.
+    * If provided, this will render in place of the default header.
+    */
+    customHeader?: ReactNode;
+    /**
+    * Custom footer for the drawer, replacing the default footer.
+    * If provided, this will render in place of the default footer.
+    */
+    customFooter?: ReactNode;
 }
 
 declare const Drawer: FC<DrawerProps>;
@@ -170,7 +194,7 @@ interface IconProps {
     disabled?: boolean;
 }
 
-declare const Icon: ({ name, height, width, onClick, color, hoverEffect, className, disabled, ...props }: IconProps) => react_jsx_runtime.JSX.Element | null;
+declare const Icon: React$1.ForwardRefExoticComponent<IconProps & React$1.RefAttributes<HTMLSpanElement>>;
 
 interface AccordionProps {
     /**
@@ -775,6 +799,13 @@ interface MenuOptionProps {
      * @type {function}
      * @optional
      */
+    variant?: 'dark' | 'light';
+    /**
+     * The variant of the menu option, either 'dark' or 'light'.
+     * @type {'dark' | 'light'}
+     * @default 'light'
+     * @optional
+     */
     onClick?: () => void;
     /**
      * Callback function triggered when an option is clicked.
@@ -803,7 +834,7 @@ interface MenuOptionProps {
     iconButtonBorderRadius?: number;
 }
 
-declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, dropdownPlacement, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
+declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, dropdownPlacement, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
 
 interface DataProps {
     /**
@@ -897,7 +928,7 @@ interface AddResourceButtonProps {
         /**
          * direction option: 'top' | 'right' | 'down'
          */
-        direction: string | 'top' | 'right' | 'down';
+        direction: string;
         menuOptions: {
             label: string;
             value: string | string[];
@@ -1268,6 +1299,7 @@ interface TabsProps {
      * An array of tab objects containing label, component, and optional disabled status.
      */
     tabsData: {
+        id: string;
         label: string;
         component?: JSX.Element;
         disabled?: boolean;
@@ -1452,6 +1484,7 @@ interface ModalProps {
     isFooterDisplayed: boolean;
     customWidth: string;
     customHeight?: string;
+    zIndex?: number;
 }
 
 declare const Modal: React__default.FC<ModalProps>;
@@ -1518,7 +1551,18 @@ interface VariableInputProps {
 
 declare const VariableInput: ({ type, name, label, disabled, required, placeholder, value, error, className, onChange, onKeyDown, onBlur, onFocus, list, ...props }: VariableInputProps) => react_jsx_runtime.JSX.Element;
 
-declare const AllProjectsDropdown: () => react_jsx_runtime.JSX.Element;
+interface optionsType {
+    label: string;
+    value: string;
+    iconName: string;
+}
+interface AllProjectsDropdownProps {
+    options: optionsType[];
+    onClick: (option: optionsType) => void;
+    selectedOption: optionsType;
+}
+
+declare const AllProjectsDropdown: ({ onClick, options, selectedOption, }: AllProjectsDropdownProps) => react_jsx_runtime.JSX.Element;
 
 interface PieChartProps {
     radius: number;
@@ -1646,6 +1690,54 @@ interface Option {
 
 declare const NlpInput: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, }: SelectProps) => react_jsx_runtime.JSX.Element;
 
+interface MachineType {
+    type: 'Local' | 'mac' | 'android' | 'Google Chrome';
+    label: string;
+}
+interface MachineInputFieldProps {
+    width: string;
+    options: MachineType[];
+    runCount: number;
+    className?: string;
+    contentReverse?: boolean;
+}
+
+declare const MachineInputField: React$1.ForwardRefExoticComponent<MachineInputFieldProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface SequentialConnectingBranchProps {
+    machineInstances?: ExecutionContext[] | {}[];
+    machineColumnWidth?: number;
+    machineColumnCount?: number;
+    machineInstance: ExecutionContext;
+    selectedMachine?: string;
+    onMachineSelectionChange?: (selectedMachine: Option$2) => void;
+    machineOptionsList?: Option$2[];
+}
+interface MachineInfo {
+    osName: string;
+    osVersion: string;
+    hostName: string;
+}
+interface DeviceInfo {
+}
+interface ExecutionContext {
+    id: string;
+    clientId: string;
+    runCount: number;
+    executionEnv?: 'Local';
+    browserName?: 'Local' | 'mac' | 'android' | 'Google Chrome';
+    browserVersion: string;
+    systemUrl: string;
+    machineInfo: MachineInfo;
+    deviceInfo: DeviceInfo[];
+    headless: boolean;
+    peVariableSetId: string;
+    globalVariableSetId: string;
+    testDataSetId: string;
+}
+
+declare const SequentialConnectingBranch: ({ machineInstances, machineColumnWidth, machineColumnCount, machineInstance, selectedMachine, machineOptionsList, onMachineSelectionChange, }: SequentialConnectingBranchProps) => react_jsx_runtime.JSX.Element;
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -1693,4 +1785,4 @@ declare const throttle: (func: Callback, limit: number) => ThrottledFunction;
 
 declare const truncateText: (text: string, maxLength: number) => string;
 
-export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, MenuOption, MiniModal, Modal, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, truncateText, useTheme };
+export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, MachineInputField, MenuOption, MiniModal, Modal, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, truncateText, useTheme };