pixel-react 1.2.7 → 1.2.9

package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts

@@ -1,19 +1,3 @@
 import React from 'react';
-interface ExcelFileProps {
-    /** The Excel data containing sheets and their content */
-    excelData: {
-        sheets: WorkSheet[];
-    };
-    /** Optional: Provide context menu options for actions like right-click */
-    contextOption?: {
-        name: string;
-        title: React.ReactNode;
-        action: () => void;
-    }[];
-    /** Controls whether the toolbar is shown, disabled, or hidden */
-    toolbar?: 'show' | 'disable' | 'hide';
-    /** Callback function to save the Excel data */
-    onSave?: (excelData?: any) => void;
-}
 declare const ExcelFile: React.FC<ExcelFileProps>;
 export default ExcelFile;

package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts

@@ -4,9 +4,12 @@ interface ExcelSheetBarProps {
         sheetNames: string[];
     };
     handleSheetChange: (name: string, index: number) => void;
+    contextMenu: (e: React.MouseEvent, name: string, index: number) => void;
+    addSheet: () => void;
     selectedSheet: {
         name: string;
     };
+    contextSelect: (e: React.MouseEvent) => void;
 }
 declare const ExcelSheetBar: React.FC<ExcelSheetBarProps>;
 export default ExcelSheetBar;

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

@@ -1,15 +1,3 @@
 import './ExcelToolBar.scss';
-import { CellBase } from '../ExcelFile/Excel';
-import * as Matrix from '../ExcelFile/Excel/matrix';
-interface ExcelToolBarProps {
-    toolbar?: 'show' | 'disable' | 'hide';
-    data: Matrix.Matrix<CellBase>;
-    onBold: (data: Matrix.Matrix<CellBase>) => void;
-    onItalic: (data: Matrix.Matrix<CellBase>) => void;
-    onUnderline: (data: Matrix.Matrix<CellBase>) => void;
-    setColor: (data: Matrix.Matrix<CellBase>, value: string) => void;
-    setBackgroundColor: (data: Matrix.Matrix<CellBase>, value: string) => void;
-    setFormatePainter: (data: Matrix.Matrix<CellBase>) => void;
-}
 declare const ExcelToolBar: React.FC<ExcelToolBarProps>;
 export default ExcelToolBar;

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

@@ -24,9 +24,48 @@ interface WorkData {
     /** Value of the cell */
     value: string;
     /** Styling options for the cell */
-    style: React.CSSProperties;
+    style: CellStyle;
     type?: boolean;
 }
+interface CellStyle {
+    /** Font name for the cell text */
+    name?: string;
+    /** Font size of the cell text */
+    size?: number;
+    position?: string;
+    /** Whether the text is bold */
+    bold?: boolean;
+    fontSize?: string;
+    fontFamily?: string;
+    /** Whether the text is italicized */
+    italic?: boolean;
+    /** Text color in the cell (hex code) */
+    color?: string;
+    /** Background color of the cell (hex code) */
+    backgroundColor?: string;
+    /** Border color of the cell (hex code) */
+    borderColor?: string;
+    /** Border styles for each side of the cell */
+    border?: {
+        /** Border style for the top side of the cell */
+        top: string;
+        /** Border style for the bottom side of the cell */
+        bottom: string;
+        /** Border style for the left side of the cell */
+        left: string;
+        /** Border style for the right side of the cell */
+        right: string;
+    };
+    /** Text alignment and wrapping properties */
+    alignment?: {
+        /** Horizontal text alignment ('left', 'center', or 'right') */
+        horizontal: string;
+        /** Vertical text alignment ('top', 'middle', or 'bottom') */
+        vertical: string;
+        /** Whether the text is wrapped within the cell */
+        wrapText: boolean;
+    };
+}
 /** A generic type to represent a 2D matrix of any type (or undefined values) */
 type Matrix<T> = (T | undefined)[][];
 interface ContextAction {
@@ -77,10 +116,18 @@ interface SelectedValue {
     /** The column represented as an alphabetical string ('A', 'B') */
     alphaCol: string;
     /** The style applied to the selected cell */
-    style: React.CSSProperties;
+    style: CellStyle;
     /** The sheet name where the cell is located */
     sheet: string;
 }
+interface ExcelToolBarProps {
+    /** use this to hide/show/disable the toolbar */
+    toolbar?: 'show' | 'disable' | 'hide';
+    /** function to apply styles */
+    applyStyle: (styleType: string, value: any) => void;
+    /** function to trigger format painter */
+    formatePaint: () => void;
+}
 interface ExcelSheetBarProps {
     /** Object containing details about the file, including sheet names */
     fileDetails: {

package/lib/components/InputWithDropdown/InputWithDropdown.d.ts

@@ -1,4 +1,4 @@
 import './InputWithDropdown.scss';
 import { InputWithDropdownProps } from './types';
-declare const InputWithDropdown: ({ name, label, value, disabled, required, placeholder, error, helperText, optionsList, selectedOption, onDropdownChangeHandler, onInputChangeHandler, onInputBlurHandler, optionsRequired, }: InputWithDropdownProps) => import("react/jsx-runtime").JSX.Element;
+declare const InputWithDropdown: ({ name, label, value, disabled, required, placeholder, error, helperText, optionsList, selectedOption, onDropdownChangeHandler, onInputChangeHandler, onInputBlurHandler, optionsRequired, dropdownPosition, type, }: InputWithDropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default InputWithDropdown;

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

@@ -15,7 +15,8 @@ export interface InputWithDropdownProps {
     /**
      * value | input field value
      */
-    value?: number;
+    value?: string | number;
+    type?: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
     /**
      * variants to set color/style of the input field
      */
@@ -85,4 +86,5 @@ export interface InputWithDropdownProps {
      * optionsRequired:false prop removes options from dropdown & shows static label only
      */
     optionsRequired?: boolean;
+    dropdownPosition?: 'left' | 'right';
 }

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, variant, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, dropdownPlacement, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuOption;

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

@@ -122,6 +122,10 @@ interface MenuOptionProps {
      * @default 7
      */
     iconButtonBorderRadius?: number;
+    /**
+     * Providing z-index for the options card.
+     */
+    zIndex?: number;
 }
 interface OptionProps {
     /**

package/lib/components/Select/Select.d.ts

@@ -1,4 +1,5 @@
-import { SelectProps } from './types';
+import { FC } from 'react';
 import './Select.scss';
-declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, selectedOptionColor, labelAccessor, valueAccessor, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+import { SelectProps } from './types';
+declare const Select: FC<SelectProps>;
 export default Select;

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

@@ -10,4 +10,5 @@ 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/Select/components/Dropdown.d.ts

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

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

@@ -0,0 +1,18 @@
+import { DrowdownPosition, Option } from '../types';
+export interface DropdownProps {
+    options: Option[];
+    dropdownPosition: DrowdownPosition;
+    optionZIndex: number;
+    labelAccessor?: string;
+    valueAccessor?: string;
+    onSelectBlur: () => void;
+    onSelectOptionSelector: (option: Option) => void;
+    inputRef?: React.RefObject<HTMLInputElement>;
+    selectArrowRef?: React.RefObject<HTMLDivElement>;
+}
+export declare const dropdownDefaultCSSData: {
+    margin: number;
+    optionHeight: number;
+    selectInputHeight: number;
+    dropDownWrapperPadding: number;
+};

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

@@ -15,18 +15,11 @@ export interface SelectProps {
      * optionsRequired:false prop removes options from dropdown & shows static label only
      */
     optionsRequired?: boolean;
-    /**
-     * selectedOptionColor prop provides the custom color for the selected option
-     */
     selectedOptionColor?: string;
-    /**
-     * Label accessor
-     */
     labelAccessor?: string;
-    /**
-     * Value accessor
-     */
     valueAccessor?: string;
+    height?: number;
+    width?: number;
 }
 export interface DrowdownPosition {
     positionX: number;
@@ -43,39 +36,6 @@ export interface SelectState {
     option: string;
     dropdownPosition: DrowdownPosition;
 }
-export type SelectAction = {
-    type: 'FOCUS_INPUT';
-} | {
-    type: 'BLUR_INPUT';
-    payload: {
-        optionsList: Option[];
-        option: Option['value'];
-    };
-} | {
-    type: 'MOUSE_ENTER';
-} | {
-    type: 'MOUSE_LEAVE';
-} | {
-    type: 'UPDATE_DROPDOWN_POSITION';
-    payload: {
-        positionX: number;
-        positionY: number;
-        width: number;
-        fromBottom: number;
-    };
-} | {
-    type: 'UPDATE_OPTION';
-    payload: string;
-} | {
-    type: 'UPDATE_OPTION_LIST';
-    payload: Option[];
-} | {
-    type: 'SHOW_ERROR';
-    payload: {
-        optionsList: Option[];
-        option: Option['value'];
-    };
-};
 type OptionValue = any;
 export interface Option {
     [key: string]: OptionValue;

package/lib/components/Toastify/Toastify.d.ts

@@ -1,8 +1,9 @@
+import { AcceptedType } from './types';
 export declare const Toastify: () => import("react/jsx-runtime").JSX.Element;
 export default Toastify;
 export declare const toast: {
-    success: (message: string) => void;
-    error: (message: string) => void;
-    warning: (message: string) => void;
-    info: (message: string) => void;
+    success: (arg1: AcceptedType, arg2?: AcceptedType) => void;
+    error: (arg1: AcceptedType, arg2?: AcceptedType) => void;
+    warning: (arg1: AcceptedType, arg2?: AcceptedType) => void;
+    info: (arg1: AcceptedType, arg2?: AcceptedType) => void;
 };

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

@@ -5,3 +5,4 @@ export interface ToastProps {
     toastTitle: string;
     toastMessage: string;
 }
+export type AcceptedType = string | (() => void) | Record<string, unknown> | unknown[];

package/lib/index.d.ts

@@ -85,6 +85,17 @@ interface BtnPropsCommon {
      * Onclick function for button
      */
     onClick?: () => void;
+    /**
+     * Button type
+     * @default 'button'
+     * @example 'submit'
+     * @example 'button'
+     */
+    type?: 'button' | 'submit';
+    /**
+     *  form to accept id of form in string format
+     */
+    form?: string;
 }
 interface DrawerProps {
     /**
@@ -96,12 +107,12 @@ interface DrawerProps {
      */
     _isExpanded?: boolean;
     /**
-   * To show and  hide the back button of the Drawer
-   */
+     * To show and  hide the back button of the Drawer
+     */
     isBackButtonVisible?: boolean;
     /**
- * To show and  hide the close button of the Drawer
- */
+     * To show and  hide the close button of the Drawer
+     */
     _isCloseModalButtonVisible?: boolean;
     /**
      * Function to close the drawer
@@ -140,8 +151,8 @@ interface DrawerProps {
      */
     leftSecondaryButtonProps?: BtnPropsCommon;
     /**
-    * Left side Tertiary Button | Help button props
-    */
+     * Left side Tertiary Button | Help button props
+     */
     leftTertiaryButtonProps?: BtnPropsCommon;
     /**
      * Right side Tertiary Button | More Info button props
@@ -178,14 +189,14 @@ interface DrawerProps {
      */
     onCloseIconClick?: () => void;
     /**
-    * Custom header for the drawer, replacing the default header.
-    * If provided, this will render in place of the default header.
-    */
+     * 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.
-    */
+     * Custom footer for the drawer, replacing the default footer.
+     * If provided, this will render in place of the default footer.
+     */
     customFooter?: ReactNode;
     /**
      * Custom z-index for the drawer
@@ -627,25 +638,18 @@ interface SelectProps$1 {
      * optionsRequired:false prop removes options from dropdown & shows static label only
      */
     optionsRequired?: boolean;
-    /**
-     * selectedOptionColor prop provides the custom color for the selected option
-     */
     selectedOptionColor?: string;
-    /**
-     * Label accessor
-     */
     labelAccessor?: string;
-    /**
-     * Value accessor
-     */
     valueAccessor?: string;
+    height?: number;
+    width?: number;
 }
 type OptionValue = any;
 interface Option$2 {
     [key: string]: OptionValue;
 }
 
-declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, selectedOptionColor, labelAccessor, valueAccessor, }: SelectProps$1) => react_jsx_runtime.JSX.Element;
+declare const Select: FC<SelectProps$1>;
 
 interface TextareaProps {
     /**
@@ -868,9 +872,13 @@ interface MenuOptionProps {
      * @default 7
      */
     iconButtonBorderRadius?: number;
+    /**
+     * Providing z-index for the options card.
+     */
+    zIndex?: number;
 }
 
-declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, dropdownPlacement, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
+declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, dropdownPlacement, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
 
 interface DataProps {
     /**
@@ -1162,7 +1170,8 @@ interface InputWithDropdownProps {
     /**
      * value | input field value
      */
-    value?: number;
+    value?: string | number;
+    type?: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
     /**
      * variants to set color/style of the input field
      */
@@ -1232,9 +1241,10 @@ interface InputWithDropdownProps {
      * optionsRequired:false prop removes options from dropdown & shows static label only
      */
     optionsRequired?: boolean;
+    dropdownPosition?: 'left' | 'right';
 }
 
-declare const InputWithDropdown: ({ name, label, value, disabled, required, placeholder, error, helperText, optionsList, selectedOption, onDropdownChangeHandler, onInputChangeHandler, onInputBlurHandler, optionsRequired, }: InputWithDropdownProps) => react_jsx_runtime.JSX.Element;
+declare const InputWithDropdown: ({ name, label, value, disabled, required, placeholder, error, helperText, optionsList, selectedOption, onDropdownChangeHandler, onInputChangeHandler, onInputBlurHandler, optionsRequired, dropdownPosition, type, }: InputWithDropdownProps) => react_jsx_runtime.JSX.Element;
 
 declare const RadioButton: React__default.FC<RadioButtonProps>;
 
@@ -1859,13 +1869,15 @@ interface AttachmentUploaderProps {
 
 declare const AttachmentButton: React__default.FC<AttachmentUploaderProps>;
 
+type AcceptedType = string | (() => void) | Record<string, unknown> | unknown[];
+
 declare const Toastify: () => react_jsx_runtime.JSX.Element;
 
 declare const toast: {
-    success: (message: string) => void;
-    error: (message: string) => void;
-    warning: (message: string) => void;
-    info: (message: string) => void;
+    success: (arg1: AcceptedType, arg2?: AcceptedType) => void;
+    error: (arg1: AcceptedType, arg2?: AcceptedType) => void;
+    warning: (arg1: AcceptedType, arg2?: AcceptedType) => void;
+    info: (arg1: AcceptedType, arg2?: AcceptedType) => void;
 };
 
 interface IconProps {
@@ -1991,4 +2003,37 @@ declare const throttle: (func: Callback, limit: number) => ThrottledFunction;
 
 declare const truncateText: (text: string, maxLength: number) => string;
 
-export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachmentButton, Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExcelFile, ExpandableMenu, FileDropzone, Forms as Form, HighlightText, Icon, IconButton, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, toast, truncateText, useTheme };
+interface OperatingSystemInfo {
+    osName: string;
+    osVersion: string;
+    hostName: string;
+}
+interface RunLevelExecutionDataSet {
+    peVariableSetId: string;
+    globalVariableSetId: string;
+    testDataSetId: string;
+}
+interface MachineExecutionInstance {
+    id: string;
+    clientId: string;
+    numberOfRuns: string | number;
+    executionEnv: string;
+    browserName: string;
+    browserVersion: string;
+    systemUrl: string;
+    machineInfo: OperatingSystemInfo;
+    deviceInfo: any[];
+    headless: boolean;
+}
+interface MachineExecutionInstanceDataSet extends MachineExecutionInstance {
+    runLevelExecutionDataSets: RunLevelExecutionDataSet[];
+}
+interface SequentialMachineInstance extends MachineExecutionInstance {
+    peVariableSetId: string;
+    globalVariableSetId: string;
+    testDataSetId: string;
+}
+
+declare const getSequentialPayload: (machineInstances?: MachineExecutionInstanceDataSet[]) => SequentialMachineInstance[];
+
+export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachmentButton, Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExcelFile as Excel, ExpandableMenu, FileDropzone, Forms as Form, HighlightText, Icon, IconButton, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, throttle, toast, truncateText, useTheme };