pixel-react 1.2.7 → 1.2.8

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

@@ -12,6 +12,17 @@ export 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;
 }
 export interface DrawerProps {
     /**
@@ -23,12 +34,12 @@ export 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
@@ -67,8 +78,8 @@ export 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
@@ -105,14 +116,14 @@ export 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

package/lib/components/{ExcelFile → Excel}/ExcelFile/ExcelFile.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './ExcelFile.scss';
 interface ExcelFileProps {
     /** The Excel data containing sheets and their content */
     excelData: {

package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/actions.d.ts

@@ -26,7 +26,11 @@ export declare const DRAG_END = "DRAG_END";
 export declare const COMMIT = "COMMIT";
 export declare const BOLD = "BOLD";
 export declare const ITALIC = "ITALIC";
-export declare const UNDERLINE = "UNDERLINE";
+export declare const UNDERLINE_TYPE = "UNDERLINE_TYPE";
+export declare const FONT_FAMILY = "FONT_FAMILY";
+export declare const FONT_SIZE = "FONT_SIZE";
+export declare const TEXT_ALIGN = "TEXT_ALIGN";
+export declare const BORDER_TYPE = "BORDER_TYPE";
 export declare const COLOR = "COLOR";
 export declare const BACKGROUND_COLOR = "BACKGROUND_COLOR";
 export declare const FORMATE_PAINTER = "FORMATE_PAINTER";
@@ -45,12 +49,43 @@ export type ItalicStyle = BaseAction<typeof ITALIC> & {
     };
 };
 export declare function italic(data: Matrix<CellBase>): ItalicStyle;
-export type UnderlineStyle = BaseAction<typeof UNDERLINE> & {
+export type BorderType = BaseAction<typeof BORDER_TYPE> & {
     payload: {
         data: Matrix<CellBase>;
+        value: string;
+        color: string;
     };
 };
-export declare function underline(data: Matrix<CellBase>): UnderlineStyle;
+export declare function borderType(data: Matrix<CellBase>, value: string, color: string): BorderType;
+export type UnderlineTypeStyle = BaseAction<typeof UNDERLINE_TYPE> & {
+    payload: {
+        data: Matrix<CellBase>;
+        value: string;
+        active: boolean;
+    };
+};
+export declare function underlineType(data: Matrix<CellBase>, value: string, active: boolean): UnderlineTypeStyle;
+export type FontSize = BaseAction<typeof FONT_SIZE> & {
+    payload: {
+        data: Matrix<CellBase>;
+        value: string;
+    };
+};
+export declare function fontSize(data: Matrix<CellBase>, value: string): FontSize;
+export type FontFamily = BaseAction<typeof FONT_FAMILY> & {
+    payload: {
+        data: Matrix<CellBase>;
+        value: string;
+    };
+};
+export declare function fontFamily(data: Matrix<CellBase>, value: string): FontFamily;
+export type TextAlignType = BaseAction<typeof TEXT_ALIGN> & {
+    payload: {
+        data: Matrix<CellBase>;
+        value: string;
+    };
+};
+export declare function textAlign(data: Matrix<CellBase>, value: string): TextAlignType;
 export type ColorStyle = BaseAction<typeof COLOR> & {
     payload: {
         data: Matrix<CellBase>;
@@ -137,12 +172,6 @@ export type PasteAction = BaseAction<typeof PASTE> & {
     };
 };
 export declare function paste(data: string): PasteAction;
-export type KeyPressAction = BaseAction<typeof KEY_PRESS> & {
-    payload: {
-        event: React.KeyboardEvent;
-    };
-};
-export declare function keyPress(event: React.KeyboardEvent): KeyPressAction;
 export type KeyDownAction = BaseAction<typeof KEY_DOWN> & {
     payload: {
         event: React.KeyboardEvent;
@@ -171,4 +200,4 @@ export type ClearAction = BaseAction<typeof CLEAR>;
 export declare function clear(): ClearAction;
 export type BlurAction = BaseAction<typeof BLUR>;
 export declare function blur(): BlurAction;
-export type Action = SetDataAction | SetCreateFormulaParserAction | SelectEntireRowAction | SelectEntireColumnAction | SelectEntireWorksheetAction | SetSelectionAction | SelectAction | ActivateAction | SetCellDataAction | SetCellDimensionsAction | PasteAction | KeyPressAction | KeyDownAction | DragStartAction | DragEndAction | CommitAction | CopyAction | CutAction | EditAction | ViewAction | ClearAction | UnderlineStyle | ItalicStyle | BoldStyle | ColorStyle | BackgroundStyle | FormatePainterStyle | BlurAction;
+export type Action = SetDataAction | SetCreateFormulaParserAction | SelectEntireRowAction | SelectEntireColumnAction | SelectEntireWorksheetAction | SetSelectionAction | SelectAction | ActivateAction | SetCellDataAction | SetCellDimensionsAction | PasteAction | KeyDownAction | DragStartAction | DragEndAction | CommitAction | CopyAction | CutAction | EditAction | ViewAction | ClearAction | UnderlineTypeStyle | FontSize | FontFamily | TextAlignType | BorderType | ItalicStyle | BoldStyle | ColorStyle | BackgroundStyle | FormatePainterStyle | BlurAction;

package/lib/components/Excel/ExcelFile/ExcelFileComponents/reducer.d.ts

@@ -0,0 +1,4 @@
+import * as Types from './types';
+import * as Actions from './actions';
+export declare const INITIAL_STATE: Types.StoreState;
+export default function reducer(state: Types.StoreState, action: Actions.Action): Types.StoreState;

package/lib/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.d.ts

@@ -0,0 +1,40 @@
+import { PointRange } from './point-range';
+import * as Matrix from './matrix';
+import * as Types from './types';
+import * as Point from './point';
+import { Selection, RangeSelection, EntireColumnsSelection, EntireRowsSelection } from './selection';
+export declare function applyBoldToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange): Matrix.Matrix<Types.CellBase<any>>;
+export declare function applyItalicToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange): Matrix.Matrix<Types.CellBase<any>>;
+export declare function applyFontFamily(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange, value: string): Matrix.Matrix<Types.CellBase<any>>;
+export declare function applyFontSize(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange, value: string): Matrix.Matrix<Types.CellBase<any>>;
+export declare function applyBorderToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange, value: string, color: string): Matrix.Matrix<Types.CellBase<any>>;
+export declare function applyTextAlign(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange, value: string): Matrix.Matrix<Types.CellBase<any>>;
+export declare function applyUnderlineToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange, value: string, active: boolean): Matrix.Matrix<Types.CellBase<any>>;
+export declare function isValidHexColor(color: string): boolean;
+export declare function applyColorToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange | null, color: string): Matrix.Matrix<Types.CellBase<any>>;
+export declare function applyBackgroundColorToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange | null, backgroundColor: string): Matrix.Matrix<Types.CellBase<any>>;
+export declare function edit(state: Types.StoreState): Types.StoreState;
+export declare function clear(state: Types.StoreState): Types.StoreState;
+export declare function blur(state: Types.StoreState): Types.StoreState;
+export declare function view(state: Types.StoreState): Types.StoreState;
+export declare function commit(changes: Types.CommitChanges): Partial<Types.StoreState>;
+export declare const go: (rowDelta: number, columnDelta: number) => KeyDownHandler;
+export type KeyDownHandler = (state: Types.StoreState, event: React.KeyboardEvent) => Types.StoreState | void;
+export declare enum Direction {
+    Left = "Left",
+    Right = "Right",
+    Top = "Top",
+    Bottom = "Bottom"
+}
+export declare function getKeyDownHandler(state: Types.StoreState, event: React.KeyboardEvent): KeyDownHandler | undefined;
+/** Returns whether the reducer has a handler for the given keydown event */
+export declare function hasKeyDownHandler(state: Types.StoreState, event: React.KeyboardEvent): boolean;
+/** Returns whether the active cell is read only */
+export declare function isActiveReadOnly(state: Types.StoreState): boolean;
+/** Gets active cell from given state */
+export declare function getActive(state: Types.StoreState): Types.CellBase | null;
+/** Modify given edge according to given active point and data */
+export declare function modifyEdge<T extends Selection>(selection: T, active: Point.Point | null, data: Matrix.Matrix<unknown>, direction: Direction): T;
+export declare function modifyRangeSelectionEdge(rangeSelection: RangeSelection, active: Point.Point, data: Matrix.Matrix<unknown>, edge: Direction): RangeSelection;
+export declare function modifyEntireRowsSelection(selection: EntireRowsSelection, active: Point.Point, data: Matrix.Matrix<unknown>, edge: Direction): EntireRowsSelection;
+export declare function modifyEntireColumnsSelection(selection: EntireColumnsSelection, active: Point.Point, data: Matrix.Matrix<unknown>, edge: Direction): EntireColumnsSelection;

package/lib/components/{ExcelFile → Excel}/ExcelToolBar/ExcelToolBar.d.ts

@@ -1,15 +1,19 @@
 import './ExcelToolBar.scss';
-import { CellBase } from '../ExcelFile/Excel';
-import * as Matrix from '../ExcelFile/Excel/matrix';
+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;
-    onUnderline: (data: Matrix.Matrix<CellBase>) => void;
+    setUnderlineType: (data: Matrix.Matrix<CellBase>, value: string, active: boolean) => void;
     setColor: (data: Matrix.Matrix<CellBase>, value: string) => void;
     setBackgroundColor: (data: Matrix.Matrix<CellBase>, value: string) => void;
     setFormatePainter: (data: Matrix.Matrix<CellBase>) => void;
+    setTextAlign: (data: Matrix.Matrix<CellBase>, value: string) => void;
+    setFontSize: (data: Matrix.Matrix<CellBase>, value: string) => void;
+    setFontFamily: (data: Matrix.Matrix<CellBase>, value: string) => void;
+    setBorderType: (data: Matrix.Matrix<CellBase>, value: string, color: string) => void;
 }
 declare const ExcelToolBar: React.FC<ExcelToolBarProps>;
 export default ExcelToolBar;

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.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/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
@@ -868,9 +879,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 {
     /**
@@ -1859,13 +1874,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 +2008,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 };