pixel-react-excel-sheet 1.0.31 → 1.0.33

package/lib/components/Accordion/Accordion.d.ts

@@ -4,5 +4,5 @@ import { AccordionProps } from './types';
 /**
  * Accordion UI component
  */
-declare const Accordion: ({ headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, accordionStateIconName, AccordionStateIconWidth, AccordionStateIconHeight, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+declare const Accordion: ({ headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, accordionStateIconName, AccordionStateIconWidth, AccordionStateIconHeight, isExpand, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
 export default Accordion;

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

@@ -36,4 +36,8 @@ export interface AccordionProps {
      * Accordion collapse and expand Icon height
      */
     AccordionStateIconHeight: number;
+    /**
+     * Optional props for initial state of Accordion
+     */
+    isExpand?: boolean;
 }

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

@@ -2,6 +2,8 @@ export interface optionsType {
     label: string;
     value: string;
     iconName: string;
+    platform?: string;
+    appType?: string;
 }
 export interface AllProjectsDropdownProps {
     options: optionsType[];

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

@@ -1,5 +1,5 @@
 import './Button.scss';
 import '../../assets/styles/_colors.scss';
 import { ButtonProps } from './types';
-declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export default Button;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>>;
+export default _default;

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { DynamicObj } from '../CreateVariable/types';
 export interface ButtonProps {
     /**
      * Variant of the button
@@ -62,4 +63,20 @@ export interface ButtonProps {
      * form to accept form id in string
      */
     form?: string;
+    /**
+     * Is the Type ChooseFile for the button
+     */
+    isChooseFile?: boolean;
+    /**
+     * Custom Width for the button
+     */
+    buttonWidth?: string;
+    /**
+     * selectedfile object will be send.
+     */
+    selectedFile?: File | DynamicObj | null;
+    /**
+     * handleCloseIcon function will set to the initial state .
+     */
+    handleCloseIcon?: () => void;
 }

package/lib/components/Charts/DashboardDonutChart/types.d.ts

@@ -34,8 +34,10 @@ export type DashboardDonutChartProps = {
     chartGap?: number;
     legendGap?: number;
     tableWidth?: number;
+    tableHeight?: number;
     legendValueFontSize?: number;
     legendKeyFontSize?: number;
     labelYoffSet?: number;
     subLabelYoffSet?: number;
+    onSelectedStatus?: (_value: string) => void;
 };

package/lib/components/Charts/MultiRadialChart/types.d.ts

@@ -14,6 +14,9 @@ export interface MultiRadialChartProps {
     barValues: BarValue[];
     legendType?: LegendType;
     isLegendDetails?: boolean;
+    labelFontSize?: number;
+    subLabelFontSize?: number;
+    gapAngle?: number;
 }
 export interface ChartItem extends BarValue {
     label: string;

package/lib/components/ChooseFile/ChooseFile.d.ts

@@ -0,0 +1,3 @@
+import { ChooseFileProps } from './types';
+declare const _default: import("react").NamedExoticComponent<ChooseFileProps>;
+export default _default;

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

@@ -0,0 +1,68 @@
+import { DynamicObj } from '../CreateVariable/types';
+export interface ChooseFileProps {
+    /**
+     * Variant of the button
+     */
+    variant: 'primary' | 'secondary' | 'tertiary' | 'delete' | 'warning';
+    /**
+     * What background color to use
+     */
+    backgroundColor?: string;
+    /**
+     * Width in string format can be sent for needed width
+     */
+    buttonWidth?: string;
+    /**
+     * How large should the button be?
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Button contents
+     */
+    label?: string;
+    /**
+     * Type of the button
+     */
+    type?: 'button' | 'submit';
+    disabled?: boolean;
+    /**
+     * Optional click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * Button id
+     */
+    id?: string;
+    /**
+     * onSubmit function handler
+     */
+    onSubmit?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * react ref for the button
+     */
+    ref?: any;
+    /**
+     * Classname for the button
+     */
+    className?: string;
+    /**
+     * Additional styles for the button
+     */
+    style?: React.CSSProperties;
+    /**
+     * Give icon name availble in storybook that to be on left side of button
+     */
+    iconName?: string;
+    /**
+     * isChooseFile is a Boolean prop
+     */
+    isChooseFile?: boolean;
+    /**
+     * selectedfile object will be send.
+     */
+    selectedFile?: File | DynamicObj | null;
+    /**
+     * handleCloseIcon function will set to the initial state .
+     */
+    handleCloseIcon?: () => void;
+}

package/lib/components/ConditionalDropdown/ConditionalDropdown.d.ts

@@ -1,5 +1,4 @@
 import { ConditionalDropdownProps } from './types';
 import './ConditionalDropdown.scss';
-import React from 'react';
-declare const ConditionalDropdown: React.FC<ConditionalDropdownProps>;
+declare const ConditionalDropdown: import("react").ForwardRefExoticComponent<ConditionalDropdownProps & import("react").RefAttributes<HTMLInputElement>>;
 export default ConditionalDropdown;

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

@@ -21,7 +21,7 @@ export interface ConditionalDropdownProps {
     /**
      * Function storing and updating the inputValue state
      */
-    setHashInputValue?: (value: dynamicObject | undefined) => void;
+    setHashInputValue?: (value: File | dynamicObject | null) => void;
     /**
      * List of variables
      */
@@ -35,7 +35,7 @@ export interface ConditionalDropdownProps {
      * @param value
      * @returns
      */
-    onChange?: (value: string) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     /**
      * Function to handle create variable icon click
      */
@@ -113,8 +113,8 @@ export interface ConditionalDropdownProps {
      */
     isLabelRequired?: boolean;
     /**
-    * If true, dropdown opens when '#' is entered at the first position.
-    */
+     * If true, dropdown opens when '#' is entered at the first position.
+     */
     isHash?: boolean;
     /**
      * Options for the dropdown when `isHash` is true.

package/lib/components/ConnectingBranch/ConnectingBranch.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import './ConnectingBranch.scss';
-declare const ConnectingBranch: React.FC;
+import { ConnectBranchProps } from './types';
+declare const ConnectingBranch: React.FC<ConnectBranchProps>;
 export default ConnectingBranch;

package/lib/components/ConnectingBranch/data.d.ts

@@ -3,7 +3,7 @@ declare const machineData: {
         machines: {
             multiple: boolean;
             totalNoScript: number;
-            selectedMachines: ({
+            selectedMachines: {
                 clientId: string;
                 executionDataSet: {
                     peVariableSetId: string;
@@ -22,13 +22,20 @@ declare const machineData: {
                         osVersion: string;
                         hostName: string;
                     };
-                    deviceInfo: never[];
+                    deviceInfo: {
+                        version: string;
+                        name: string;
+                        type: string;
+                        subType: string;
+                        platform: string;
+                    }[];
                     headless: boolean;
                     runLevelExecutionDataSets: {
                         peVariableSetId: string;
                         globalVariableSetId: string;
                         testDataSetId: string;
                         runScriptCount: number;
+                        browserRenderer: string;
                     }[];
                 } | {
                     clientId: string;
@@ -42,44 +49,23 @@ declare const machineData: {
                         osVersion: string;
                         hostName: string;
                     };
-                    deviceInfo: never[];
-                    headless: boolean;
-                    runLevelExecutionDataSets: {
-                        peVariableSetId: string;
-                        globalVariableSetId: string;
-                        testDataSetId: string;
+                    deviceInfo: {
+                        version: string;
+                        name: string;
+                        type: string;
+                        subType: string;
+                        platform: string;
                     }[];
-                })[];
-                totalScript?: undefined;
-            } | {
-                clientId: string;
-                executionDataSet: {
-                    peVariableSetId: string;
-                    globalVariableSetId: string;
-                    testDataSetId: string;
-                };
-                totalScript: number;
-                machineInstances: {
-                    clientId: string;
-                    numberOfRuns: string;
-                    executionEnv: string;
-                    browserName: string;
-                    browserVersion: string;
-                    systemUrl: string;
-                    machineInfo: {
-                        osName: string;
-                        osVersion: string;
-                        hostName: string;
-                    };
-                    deviceInfo: never[];
                     headless: boolean;
                     runLevelExecutionDataSets: {
                         peVariableSetId: string;
                         globalVariableSetId: string;
                         testDataSetId: string;
+                        runScriptCount: number;
+                        executionDataSetId: string;
                     }[];
-                }[];
-            })[];
+                })[];
+            }[];
             executionType: string;
         };
     };

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

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 type MachineInstanceData = any;
 export interface MachineInstance {
     [key: string]: MachineInstanceData;
@@ -7,13 +8,22 @@ export interface MachineData {
     [key: string]: machineDataObj;
 }
 export interface MachineInstancesProps {
+    parentNode: number;
     data: MachineData;
     verticalLineHeight: number;
     datasetHeight: number;
     curveHeights: number[];
     itemRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;
     datasetRef: React.RefObject<HTMLDivElement>;
+    getChildNodeComponent: (isButton: boolean, ...args: any[]) => ReactElement<any, any>;
 }
 export type indexType = number;
 export type rowType = number;
+export interface ConnectBranchProps {
+    data: MachineData;
+    childNodeCurveHeight?: number;
+    getParentNodeComponent: (isMultiSelect: boolean, ...args: any[]) => ReactElement<any, any>;
+    getParentNodeComponentActionItems: (...args: any[]) => ReactElement<any, any>;
+    getChildNodeComponent: (isButton: boolean, ...args: any[]) => ReactElement<any, any>;
+}
 export {};

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

@@ -162,6 +162,12 @@ export type SetDataAction = BaseAction<typeof SET_DATA> & {
         data: Matrix<CellBase>;
     };
 };
+export type KeyPressAction = BaseAction<typeof KEY_PRESS> & {
+    payload: {
+        event: React.KeyboardEvent;
+    };
+};
+export declare function keyPress(event: React.KeyboardEvent): KeyPressAction;
 export declare function setData(data: Matrix<CellBase>): SetDataAction;
 export type SetCreateFormulaParserAction = BaseAction<typeof SET_CREATE_FORMULA_PARSER> & {
     payload: {
@@ -251,4 +257,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 | KeyDownAction | DragStartAction | DragEndAction | CommitAction | CopyAction | CutAction | EditAction | ViewAction | ClearAction | UnderlineTypeStyle | FontSize | FontFamily | TextAlignType | BorderType | ItalicStyle | BoldStyle | ColorStyle | BackgroundStyle | FormatePainterStyle | AddRowTop | AddColumnLeft | DeleteRow | DeleteColumn | SetRowHeight | SetColumnPosition | SetAutoFill | 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 | KeyPressAction | TextAlignType | BorderType | ItalicStyle | BoldStyle | ColorStyle | BackgroundStyle | FormatePainterStyle | AddRowTop | AddColumnLeft | DeleteRow | DeleteColumn | SetRowHeight | SetColumnPosition | SetAutoFill | BlurAction;

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { DynamicObj } from '../CreateVariable/types';
 export interface RadioOption {
     label: string;
     value: string;
@@ -85,11 +86,11 @@ export interface FileDropzoneProps {
     /**
      *  Its the File Name of File Selected from Local File.
      **/
-    setSelectedFile?: (file: File | null) => void;
+    setSelectedFile?: (file: File | DynamicObj | null) => void;
     /**
      *  Its the File Name of File Selected from Local File.
      **/
-    selectedFile?: File | null;
+    selectedFile?: File | DynamicObj | null;
     /**
      *  Its the function which updates the Selected file from Local Directory.
      **/
@@ -106,6 +107,10 @@ export interface FileDropzoneProps {
      *  If isDisable is true not able to access the FileDropzone
      **/
     isDisable?: boolean;
+    /**
+    *  Its the boolean value setted when the replace is clicked for TestData radio option .
+    **/
+    setShowDrawer?: (value: boolean | ((prevState: boolean) => boolean)) => void;
 }
 export interface FileState {
     accepted: File[];
@@ -154,11 +159,12 @@ export interface DroppableProps {
     selectedRadioOption?: Option;
     radioOptions?: RadioOption[];
     handleOptionChange?: (option: RadioOption) => void;
-    selectedFile?: File | null;
-    setSelectedFile?: (file: File | null) => void;
+    selectedFile?: File | DynamicObj | null;
+    setSelectedFile?: (file: File | DynamicObj | null) => void;
     handleFileChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     handleRemoveFile?: () => void;
     isDisable?: boolean;
+    setShowDrawer?: (value: boolean | ((prevState: boolean) => boolean)) => void;
 }
 export interface FilePreviewProps {
     file: File;
@@ -172,4 +178,6 @@ export interface RadioFilePreviewProps {
     onFileRemoveClick?: () => void;
     onFileReplaceClick?: (file: File | null) => void;
     setSelectedFile?: (file: File | null) => void;
+    selectedRadioOption?: Option;
+    setShowDrawer?: (value: boolean | ((prevState: boolean) => boolean)) => void;
 }

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

@@ -16,7 +16,7 @@ export interface LabelEditTextFieldTypes {
     /** Label text displayed above the input field. */
     label?: string;
     /** Initial text displayed in the input field. */
-    text: string;
+    text?: string;
     /** Text to be highlighted within the displayed text, if provided. */
     highlightText?: string;
     /** Custom error message to be displayed, if applicable. */
@@ -40,6 +40,8 @@ export interface LabelEditTextFieldTypes {
     customErrorCondition?: boolean;
     placeholder?: string;
     onClick?: () => void;
+    /** Function called when every input character got changed */
+    onInputChange?: (newInputValue: string) => void;
     tooltip?: {
         tooltipTitle?: string;
         tooltipPlacement?: string;

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

@@ -1,4 +1,7 @@
 import './MachineInputField.scss';
 import { MachineInputFieldProps } from './types';
-declare const MachineInputField: import("react").ForwardRefExoticComponent<MachineInputFieldProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const MachineInputField: {
+    ({ width, options, runCount, className, contentReverse, onClick, modalId, }: MachineInputFieldProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default MachineInputField;

package/lib/components/ScriptSwitchButton/ScriptSwitchButton.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './ScriptSwitchButton.scss';
+interface ScriptSwitchButtonProps {
+    handleClick: (selected: string) => void;
+    selected: string;
+    tabList: Array<'Automation' | 'Manual'>;
+}
+declare const ScriptSwitchButton: React.FC<ScriptSwitchButtonProps>;
+export default ScriptSwitchButton;

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

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

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

@@ -2,7 +2,7 @@ export interface SelectProps {
     label?: string;
     showLabel?: boolean;
     optionsList: Option[];
-    selectedOption?: Option;
+    selectedOption: Option;
     onChange: (option: Option) => void;
     errorMsg?: string;
     className?: string;

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

@@ -11,6 +11,8 @@ export interface CardProps {
     style?: React.CSSProperties;
     /** toggle update */
     handleToggleStatus?: (_status: boolean) => void;
+    /** make Card Select false */
+    resetToggle?: boolean;
     /** call back */
     onSelectedStatus?: (_status: string) => void;
 }

package/lib/components/TableTree/Components/TableCell.d.ts

@@ -1,4 +1,4 @@
 import { TableCellProps } from '../types';
 import React from 'react';
-declare const TableCell: React.MemoExoticComponent<({ col, node, level, selected, select, onCheckBoxChange, onToggleExpand, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TableCell: React.MemoExoticComponent<({ col, node, level, selected, select, onCheckBoxChange, onToggleExpand, parentSiblings, isLast, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
 export default TableCell;

package/lib/components/TableTree/Components/TableRow.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableRowProps } from '../types';
-declare const TableRow: React.MemoExoticComponent<({ node, level, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TableRow: React.MemoExoticComponent<({ node, level, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, parentSiblings, isLast, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
 export default TableRow;

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

@@ -28,6 +28,9 @@ declare const data: ({
         parentName?: undefined;
     };
     level: number;
+    isLast: boolean;
+    parentSiblings: boolean[];
+    lines?: undefined;
 } | {
     node: {
         subModuleCount: number;
@@ -57,7 +60,10 @@ declare const data: ({
         id: string;
         parentName?: undefined;
     };
-    level: number;
+    parentSiblings: boolean[];
+    lines: number;
+    level?: undefined;
+    isLast?: undefined;
 } | {
     node: {
         subModuleCount: number;
@@ -88,6 +94,9 @@ declare const data: ({
         parentName?: undefined;
     };
     level: number;
+    parentSiblings: boolean[];
+    isLast?: undefined;
+    lines?: undefined;
 } | {
     node: {
         ver: number;
@@ -118,6 +127,42 @@ declare const data: ({
         id: string;
     };
     level: number;
+    parentSiblings: boolean[];
+    isLast?: undefined;
+    lines?: undefined;
+} | {
+    node: {
+        ver: number;
+        hierarchy: number;
+        subModuleCount: number;
+        assigneeCount: number;
+        searchKey: string;
+        modifiedByUname: string;
+        title: string;
+        scriptCount: number;
+        executionOrder: number;
+        createdByUname: string;
+        parentId: string;
+        path: string;
+        expanded: boolean;
+        modifiedOn: string;
+        parentName: string;
+        moduleLevelScriptCount: number;
+        lastExecutionOrder: number;
+        imported: boolean;
+        name: string;
+        modifiedBy: string;
+        moduleCountWithScript: number;
+        state: string;
+        key: string;
+        children: boolean;
+        id: string;
+        folder?: undefined;
+    };
+    level: number;
+    parentSiblings: boolean[];
+    isLast?: undefined;
+    lines?: undefined;
 } | {
     node: {
         ver: number;
@@ -148,5 +193,74 @@ declare const data: ({
         folder?: undefined;
     };
     level: number;
+    parentSiblings: boolean[];
+    isLast: boolean;
+    lines?: undefined;
+} | {
+    node: {
+        ver: number;
+        hierarchy: number;
+        subModuleCount: number;
+        assigneeCount: number;
+        searchKey: string;
+        modifiedByUname: string;
+        title: string;
+        scriptCount: number;
+        executionOrder: number;
+        createdByUname: string;
+        parentId: string;
+        path: string;
+        expanded: boolean;
+        modifiedOn: string;
+        parentName: string;
+        moduleLevelScriptCount: number;
+        lastExecutionOrder: number;
+        imported: boolean;
+        name: string;
+        modifiedBy: string;
+        moduleCountWithScript: number;
+        state: string;
+        key: string;
+        folder: boolean;
+        children: boolean;
+        id: string;
+    };
+    level: number;
+    parentSiblings: boolean[];
+    isLast: boolean;
+    lines?: undefined;
+} | {
+    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;
+    parentSiblings: boolean[];
+    isLast: boolean;
+    lines?: undefined;
 })[];
 export default data;

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

@@ -14,6 +14,8 @@ export interface TableCellProps {
     select: string | null;
     onCheckBoxChange: (type: string, node: any) => void;
     onToggleExpand: (node: any) => void;
+    parentSiblings: boolean[];
+    isLast: boolean | undefined;
 }
 export interface TableHeadProps {
     columnsData: any[];
@@ -36,6 +38,8 @@ export interface TableRowProps {
     onRowClick: (e: any, node: any) => void;
     onToggleExpand: (node: any) => void;
     onCheckBoxChange: (type: string, node: any) => void;
+    parentSiblings: boolean[];
+    isLast: boolean | undefined;
 }
 export interface Column {
     name: string;

package/lib/components/TextArea/Textarea.d.ts

@@ -1,4 +1,4 @@
 import './Textarea.scss';
 import { TextareaProps } from './Types';
-declare const Textarea: ({ capacity, name, label, value, variant, error, helperText, disabled, required, placeholder, className, onChange, onBlur, onFocus, rows, cols, resize, ...props }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
+declare const Textarea: ({ capacity, name, label, value, variant, error, helperText, disabled, required, placeholder, className, onChange, onBlur, onFocus, onPaste, rows, cols, resize, ...props }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
 export default Textarea;

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

@@ -46,6 +46,7 @@ export interface TextareaProps {
     onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
     onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
     onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onPaste?: (event: React.ClipboardEvent<HTMLTextAreaElement>) => void;
     /**
      * id to select the textarea field uniquely
      */

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

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-export type Theme = 'ff-light-theme' | 'ff-dark-theme' | 'ff-grey-theme';
+export type Theme = 'ff-light-theme' | 'ff-dark-theme' | 'ff-grey-theme' | 'ff-blue-theme';
 export interface ThemeContextType {
     currentTheme: Theme;
     setCurrentTheme: React.Dispatch<React.SetStateAction<Theme>>;