pixel-react 1.5.9 → 1.6.1

package/lib/index.d.ts

@@ -299,9 +299,10 @@ interface MultiSelectProps {
     highlightedMachine?: string | ReactElement;
     labelAccessor?: string;
     valueAccessor?: string;
+    onEnter?: (newOption: string) => void;
 }
 
-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) => 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) => react_jsx_runtime.JSX.Element;
 
 interface ToasterProps {
     /**Boolean value to handle state of toaster. */
@@ -1120,10 +1121,67 @@ 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;
+}
+interface FileError {
+    message: string;
+    code: string;
+}
+interface FileRejection {
+    file: File;
+    errors: FileError[];
+}
+interface DropzoneOptions {
+    accept: string[];
+    multiple?: boolean;
+    maxSize?: number;
+    maxFiles?: number | undefined;
+    onDrop?: (acceptedFiles: File[], rejectedFiles: FileRejection[], event: React.DragEvent<HTMLElement> | React.ChangeEvent<HTMLInputElement>) => void;
+    onMaxFilesError?: () => void;
+    maxSizeErrorMessage?: string;
+    invalidFileMessage?: string;
+    fileExistMessage?: string;
+    validateMIMEType?: boolean;
+}
+interface DropzoneState {
+    getRootProps: () => React.HTMLAttributes<HTMLElement>;
+    getInputProps: () => React.InputHTMLAttributes<HTMLInputElement>;
+    acceptedFiles: File[];
+    rejectedFiles: FileRejection[];
+    isDragActive: boolean;
+    handleRemoveClick: (file: File) => void;
+    handleReplaceClick: (file: File) => void;
+}
+interface DroppableProps {
+    icon: React.ReactNode;
+    primaryLabel: string;
+    secondaryLabel: string;
+    buttonLabel: string;
+    getRootProps: () => any;
+    getInputProps: () => any;
+    isDragActive: boolean;
+    height: number | string;
+}
+interface FilePreviewProps {
+    file: File;
+    error?: string;
+    onRemoveClick: (file: File) => void;
+    onReplaceClick: (file: File) => void;
 }
 
 declare const FileDropzone: React.FC<FileDropzoneProps>;
 
+declare const Dropzone: FC<DroppableProps>;
+
+declare const FilePreview: React.FC<FilePreviewProps>;
+
 type Theme = 'ff-light-theme' | 'ff-dark-theme' | 'ff-grey-theme';
 interface ThemeContextType {
     currentTheme: Theme;
@@ -1452,28 +1510,36 @@ interface MiniEditModalProps {
 
 declare const MiniModal: React$1.ForwardRefExoticComponent<MiniEditModalProps & React$1.RefAttributes<HTMLDivElement>>;
 
-interface ColumnDataProps {
+interface TreeNode {
+    key: string;
+    [key: string]: any;
+    children?: TreeNode[];
+    expanded?: boolean;
+}
+interface Column {
     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__default.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) => react_jsx_runtime.JSX.Element;
+    cell?: (row: any) => JSX.Element | string | null;
+    actions?: (row: any) => JSX.Element[];
+    isTree?: boolean;
+    defaultValue?: string;
+    defaultActions?: () => JSX.Element[];
+}
+interface TreeTableProps {
+    treeData: any;
+    columnsData: Column[];
+    selected?: string[];
+    select?: 'radio' | 'checkbox' | null;
+    onChange?: (nodes: string[]) => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
+    expandedNodes: string[];
+    onExpand?: (_isExpanded: boolean, node: string) => void;
+    onPagination?: (_direction: string) => void;
+}
+
+declare const TreeTable: React__default.FC<TreeTableProps>;
 
 interface TabsProps {
     /**
@@ -1775,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;
@@ -1795,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 {
     /**
@@ -1847,6 +1925,8 @@ type DashboardDonutChartProps = {
     showUnit?: boolean;
     labelFontSize?: number;
     subLabelFontSize?: number;
+    legendPosition?: 'bottom' | 'right' | 'left';
+    legendGap?: number;
 };
 
 declare const DashboardDonutChart: React__default.FC<DashboardDonutChartProps>;
@@ -1941,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 {
@@ -1962,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;
@@ -1975,7 +2058,7 @@ interface MachineInfo {
 interface DeviceInfo {
 }
 interface ExecutionContext {
-    id: string;
+    machineInstanceId: string;
     clientId: string;
     numberOfRuns: number;
     executionEnv?: 'Local';
@@ -1989,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;
@@ -2352,6 +2440,15 @@ interface DownloadClientProps {
 
 declare const DownloadClient: React.FC<DownloadClientProps>;
 
+interface fieldSetProps {
+    legendName: string;
+    height: string;
+    width: string;
+    children: ReactNode | string;
+}
+
+declare const FieldSet: FC<fieldSetProps>;
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -2418,6 +2515,7 @@ type BarChartProps = {
     icons?: (string | React__default.ReactNode)[];
     iconSize?: number;
     backgroundColor?: string;
+    legendPosition?: 'top' | 'bottom';
 };
 declare const BarChart: React__default.FC<BarChartProps>;
 
@@ -2478,4 +2576,23 @@ declare const ConnectingBranch: React__default.FC;
 
 declare const saveFileFromBlob: (blob: Blob, filename: string) => void;
 
-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, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FileDropzone, 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, 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, useTheme };
+declare const useFileDropzone: (options: DropzoneOptions) => DropzoneState;
+
+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 };