pixel-react 1.10.3 → 1.10.5

package/lib/ComponentProps/TreeNodeProps.d.ts

@@ -27,7 +27,8 @@ export type TreeNodeProps = {
     parentId?: string;
     parentName?: string;
     checked?: boolean | 'partial';
-    expand?: boolean;
+    expanded?: boolean;
+    expandable?: boolean;
     sourceId?: string;
     isNewNode?: boolean;
 };

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

@@ -0,0 +1,4 @@
+import './AddResourceButton.scss';
+import { AddResourceButtonProps } from './type';
+declare const AddResourceButton: ({ id, variant, directionalArrow, zIndex, treeRowRef, }: AddResourceButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default AddResourceButton;

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

@@ -1,6 +1,6 @@
 import './ArrowsButton.scss';
 import { DirectionalArrowButtonProps } from '../type';
-declare const ArrowsButton: ({ direction, menuOptions, onArrowClick, }: DirectionalArrowButtonProps & {
+declare const ArrowsButton: ({ direction, menuOptions, onArrowClick, treeRowRef, }: DirectionalArrowButtonProps & {
     isActive: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export default ArrowsButton;

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

@@ -1 +1 @@
-export { default } from './AddButton';
+export { default } from './AddResourceButton';

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

@@ -39,6 +39,7 @@ export interface AddResourceButtonProps {
         }[];
     }[];
     zIndex?: number;
+    treeRowRef?: React.RefObject<any | null>;
 }
 /**
  * Props for individual directional arrow buttons.
@@ -59,6 +60,7 @@ export interface DirectionalArrowButtonProps {
     onArrowClick: () => void;
     isActive: boolean;
     variant?: 'primary' | 'secondary';
+    treeRowRef?: React.RefObject<any | null>;
 }
 /**
  * Utility function to validate an array of directional arrows.

package/lib/components/BrowserTabs/BrowserTabs.d.ts

@@ -0,0 +1,5 @@
+import { BrowserTabsProps } from './types';
+import './BrowserTabs.scss';
+import '../../assets/styles/_colors.scss';
+declare const BrowserTabs: ({ tabsData, activeTabId, onTabClick, onTabClose, onTabAdd, maxTabWidth, showCloseOnActive, }: BrowserTabsProps) => import("react/jsx-runtime").JSX.Element;
+export default BrowserTabs;

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

@@ -0,0 +1 @@
+export { default } from "./BrowserTabs";

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

@@ -0,0 +1,64 @@
+/**
+ * Represents a single tab in the BrowserTabs component.
+ */
+export interface BrowserTab {
+    /**
+     * Unique identifier for the tab.
+     */
+    id: string;
+    /**
+     * Label text displayed on the tab.
+     */
+    label: string;
+    /**
+     * Optional component to be rendered when the tab is active.
+     */
+    component?: JSX.Element;
+    /**
+     * Name of the tab icon.
+     */
+    tabIcon: string;
+}
+/**
+ * Props for the BrowserTabs component.
+ */
+export interface BrowserTabsProps {
+    /**
+     * An array of tab objects containing label, icon, and an optional component.
+     */
+    tabsData: BrowserTab[];
+    /**
+     * The ID of the currently active tab.
+     */
+    activeTabId: string;
+    /**
+     * Function to update the active tab state when a user clicks on a tab.
+     * @param id - The unique identifier of the clicked tab.
+     */
+    onTabClick: (id: string) => void;
+    /**
+   * Function to add a new tab.
+   */
+    onTabAdd?: () => void;
+    /**
+     * Function to close a specific tab.
+     * @param index - The index of the tab to be closed.
+     */
+    onTabClose?: (index: number) => void;
+    /**
+    * Minimum width for each tab (in pixels).
+    */
+    minTabWidth?: number;
+    /**
+     * Maximum width for each tab (in pixels).
+     */
+    maxTabWidth?: number;
+    /**
+     * Show the close button only for the active tab.
+     */
+    showCloseOnActive?: boolean;
+    /**
+     * Custom CSS class name to override default styles.
+     */
+    className?: string;
+}

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

@@ -1,73 +1,71 @@
 declare const machineData: {
-    executionSettings: {
-        machines: {
-            multiple: boolean;
-            totalNoScript: number;
-            selectedMachines: {
+    machines: {
+        multiple: boolean;
+        totalNoScript: number;
+        selectedMachines: {
+            clientId: string;
+            executionDataSet: {
+                peVariableSetId: string;
+                globalVariableSetId: string;
+                testDataSetId: string;
+            };
+            machineInstances: ({
                 clientId: string;
-                executionDataSet: {
+                numberOfRuns: string;
+                executionEnv: string;
+                browserName: string;
+                browserVersion: string;
+                systemUrl: string;
+                machineInfo: {
+                    osName: string;
+                    osVersion: string;
+                    hostName: string;
+                };
+                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;
+                numberOfRuns: string;
+                executionEnv: string;
+                browserName: string;
+                browserVersion: string;
+                systemUrl: string;
+                machineInfo: {
+                    osName: string;
+                    osVersion: string;
+                    hostName: string;
                 };
-                machineInstances: ({
-                    clientId: string;
-                    numberOfRuns: string;
-                    executionEnv: string;
-                    browserName: string;
-                    browserVersion: string;
-                    systemUrl: string;
-                    machineInfo: {
-                        osName: string;
-                        osVersion: string;
-                        hostName: string;
-                    };
-                    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;
-                    numberOfRuns: string;
-                    executionEnv: string;
-                    browserName: string;
-                    browserVersion: string;
-                    systemUrl: string;
-                    machineInfo: {
-                        osName: string;
-                        osVersion: string;
-                        hostName: string;
-                    };
-                    deviceInfo: {
-                        version: string;
-                        name: string;
-                        type: string;
-                        subType: string;
-                        platform: string;
-                    }[];
-                    headless: boolean;
-                    runLevelExecutionDataSets: {
-                        peVariableSetId: string;
-                        globalVariableSetId: string;
-                        testDataSetId: string;
-                        runScriptCount: number;
-                        executionDataSetId: string;
-                    }[];
-                })[];
-            }[];
-            executionType: string;
-        };
+                deviceInfo: {
+                    version: string;
+                    name: string;
+                    type: string;
+                    subType: string;
+                    platform: string;
+                }[];
+                headless: boolean;
+                runLevelExecutionDataSets: {
+                    peVariableSetId: string;
+                    globalVariableSetId: string;
+                    testDataSetId: string;
+                    runScriptCount: number;
+                    executionDataSetId: string;
+                }[];
+            })[];
+        }[];
+        executionType: string;
     };
 };
 export default machineData;

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

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { ReactElement, type FC } from 'react';
 type MachineInstanceData = any;
 export interface MachineInstance {
     [key: string]: MachineInstanceData;
@@ -8,22 +8,43 @@ export interface MachineData {
     [key: string]: machineDataObj;
 }
 export interface MachineInstancesProps {
-    parentNode: number;
-    data: MachineData;
+    parentNodeIndex: number;
+    parentNodeData: MachineData;
     verticalLineHeight: number;
     datasetHeight: number;
     curveHeights: number[];
     itemRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;
     datasetRef: React.RefObject<HTMLDivElement>;
-    getChildNodeComponent: (isButton: boolean, ...args: any[]) => ReactElement<any, any>;
+    getChildNodeComponent: FC<ConnectingNodeConfig>;
 }
 export type indexType = number;
 export type rowType = number;
+export interface RunLevelExecutionDataSet {
+    peVariableSetId: string;
+    globalVariableSetId: string;
+    testDataSetId: string;
+    runScriptCount?: number;
+    [key: string]: any;
+}
+export interface ConnectingNodeConfig {
+    isButton?: boolean;
+    isMultiSelect?: boolean;
+    parentNodeData?: {
+        [key: string]: any;
+    };
+    parentNodeIndex?: number;
+    childNodeData?: {
+        [key: string]: any;
+    };
+    childNodeIndex?: number;
+    runLevelExecutionDataSetIndex?: number;
+    runLevelExecutionDataSet?: RunLevelExecutionDataSet;
+}
 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>;
+    getParentNodeComponent: (nodeArgs: ConnectingNodeConfig) => ReactElement;
+    getParentNodeComponentActionItems: (nodeArgs: ConnectingNodeConfig) => ReactElement;
+    getChildNodeComponent: (nodeArgs: ConnectingNodeConfig) => ReactElement;
 }
 export {};

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

@@ -14,13 +14,18 @@ interface ExcelFileProps {
         }[];
     };
     /** Controls whether the toolbar is shown, disabled, or hidden */
-    toolbar?: 'show' | 'disable' | 'hide';
+    toolbar?: 'show' | 'hide';
+    sheetBar?: 'show' | 'hide';
+    rowCount?: number;
+    colCount?: number;
     /** Callback function to save the Excel data */
     onSave?: (saveData: any) => void;
     contextHeightPositioning?: number;
     contextWidthPositioning?: number;
     /** Set your dynamic sheet Height*/
     sheetHeight?: string;
+    columnContextEnable?: boolean;
+    rowContextEnable?: boolean;
 }
 declare const ExcelFile: React.FC<ExcelFileProps>;
 export default ExcelFile;

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

@@ -62,6 +62,7 @@ export type Props<CellType extends Types.CellBase> = {
     setContextMenu: React.Dispatch<React.SetStateAction<Types.ContextMenuState>>;
     /** Set your dynamic sheet Height*/
     sheetHeight: string;
+    toolbar?: 'show' | 'hide';
     contextOption?: {
         open: boolean;
         options: {
@@ -71,6 +72,8 @@ export type Props<CellType extends Types.CellBase> = {
             action: () => void;
         }[];
     };
+    columnContextEnable: boolean;
+    rowContextEnable: boolean;
 };
 /**
  * The Spreadsheet component

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

@@ -35,7 +35,9 @@ export declare const COLOR = "COLOR";
 export declare const BACKGROUND_COLOR = "BACKGROUND_COLOR";
 export declare const FORMATE_PAINTER = "FORMATE_PAINTER";
 export declare const ADD_ROW_TOP = "ADD_ROW_TOP";
+export declare const ADD_ROW_BOTTOM = "ADD_ROW_BOTTOM";
 export declare const ADD_COLUMN_LEFT = "ADD_COLUMN_LEFT";
+export declare const ADD_COLUMN_RIGHT = "ADD_COLUMN_RIGHT";
 export declare const DELETE_ROW = "DELETE_ROW";
 export declare const DELETE_COLUMN = "DELETE_COLUMN";
 export declare const SET_ROW_HEIGHT = "SET_ROW_HEIGHT";
@@ -139,12 +141,24 @@ export type AddRowTop = BaseAction<typeof ADD_ROW_TOP> & {
     };
 };
 export declare function addRowTop(data: Matrix<CellBase>): AddRowTop;
+export type AddRowBottom = BaseAction<typeof ADD_ROW_BOTTOM> & {
+    payload: {
+        data: Matrix<CellBase>;
+    };
+};
+export declare function addRowBottom(data: Matrix<CellBase>): AddRowBottom;
 export type AddColumnLeft = BaseAction<typeof ADD_COLUMN_LEFT> & {
     payload: {
         data: Matrix<CellBase>;
     };
 };
 export declare function addColumnLeft(data: Matrix<CellBase>): AddColumnLeft;
+export type AddColumnRight = BaseAction<typeof ADD_COLUMN_RIGHT> & {
+    payload: {
+        data: Matrix<CellBase>;
+    };
+};
+export declare function addColumnRight(data: Matrix<CellBase>): AddColumnRight;
 export type DeleteRow = BaseAction<typeof DELETE_ROW> & {
     payload: {
         data: Matrix<CellBase>;
@@ -257,4 +271,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 | KeyPressAction | 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 | AddRowBottom | AddColumnLeft | AddColumnRight | DeleteRow | DeleteColumn | SetRowHeight | SetColumnPosition | SetAutoFill | BlurAction;

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

@@ -19,6 +19,7 @@ export type CellBase<Value = any> = {
     DataEditor?: DataEditorComponent<CellBase<Value>>;
     /** Custom component to render when the cell is viewed, if not defined would default to the component defined for the Spreadsheet */
     DataViewer?: DataViewerComponent<CellBase<Value>>;
+    isDisable?: boolean;
 };
 /**
  * A cell with it's coordinates
@@ -159,6 +160,8 @@ export type RowIndicatorProps = {
     setContextMenu: React.Dispatch<React.SetStateAction<ContextMenuState>>;
     deleteRow: (data: MatrixValue.Matrix<CellBase>) => void;
     addRowTop: (data: MatrixValue.Matrix<CellBase>) => void;
+    addRowBottom: (data: MatrixValue.Matrix<CellBase>) => void;
+    rowContextEnable: boolean;
     data: MatrixValue.Matrix<CellBase>;
 };
 export type ContextMenuState = {
@@ -192,6 +195,8 @@ export type ColumnIndicatorProps = {
     setContextMenu: React.Dispatch<React.SetStateAction<ContextMenuState>>;
     deleteColumn: (data: MatrixValue.Matrix<CellBase>) => void;
     addColumnLeft: (data: MatrixValue.Matrix<CellBase>) => void;
+    addColumnRight: (data: MatrixValue.Matrix<CellBase>) => void;
+    columnContextEnable: boolean;
     data: MatrixValue.Matrix<CellBase>;
 };
 /** Type of the ColumnIndicator component */

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

@@ -26,6 +26,7 @@ interface WorkData {
     /** Styling options for the cell */
     styles: BackendStyle;
     type?: boolean;
+    isDisable?: boolean;
 }
 type BackendStyle = {
     name: string;

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

@@ -65,6 +65,9 @@ export interface InputWithDropdownProps {
      * onInputBlurHandler action for input field
      */
     onInputBlurHandler?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     /**
      * id to select the input field uniquely
      */

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

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

@@ -174,6 +174,7 @@ interface MenuOptionProps {
      */
     optionCardVariant?: 'primary';
     targetRef?: string | React.RefObject<HTMLElement>;
+    treeRowRef?: React.RefObject<any | null>;
 }
 interface OptionProps {
     /**

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

@@ -13,7 +13,8 @@ export interface MiniEditModalProps {
     /**
      * A reference to the button element that triggers the modal.
      */
-    anchorRef: RefObject<HTMLButtonElement> | string;
+    anchorRef?: RefObject<HTMLButtonElement> | string;
+    id?: string | number;
     /**
      * Optional properties for configuring the modal header.
      */

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, selected, select, onCheckBoxChange, onToggleExpand, index, onAddConfirm, onAddCancel, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TableCell: React.MemoExoticComponent<({ treeRowRef, col, node, selected, select, onCheckBoxChange, onToggleExpand, onAddConfirm, onAddCancel, }: 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, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, index, onAddConfirm, onAddCancel, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TableRow: React.MemoExoticComponent<({ node, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
 export default TableRow;

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

@@ -2,13 +2,14 @@ import { ReactNode } from 'react';
 import { TreeNodeProps as TreeNode } from '../../ComponentProps/TreeNodeProps';
 declare type JSX = ReactNode | JSX.Element[] | string | null;
 export interface TableCellProps {
+    treeRowRef?: React.RefObject<any | null>;
     col: any;
     node: any;
     selected: string[];
     select: string | null;
     onCheckBoxChange: (e: any, node: string[] | any) => void;
     onToggleExpand: (node: any) => void;
-    index: number;
+    index?: number;
     onAddConfirm?: (_name: string) => void;
     onAddCancel?: () => void;
 }
@@ -40,7 +41,7 @@ export interface TableRowProps {
     onRowClick: (e: any, node: any) => void;
     onToggleExpand: (node: TreeNode) => void;
     onCheckBoxChange: (e: any, node: string[] | any) => void;
-    index: number;
+    index?: number;
     onAddConfirm?: (_name: string) => void;
     onAddCancel?: () => void;
 }
@@ -50,7 +51,7 @@ export interface Column {
     width: string;
     isClickable?: boolean;
     cell?: (row: any) => JSX;
-    actions?: (row: any) => JSX;
+    actions?: (row: any, treeRowRef?: React.RefObject<any | null>) => JSX;
     isTree?: boolean;
     defaultValue?: string;
     defaultActions?: () => JSX;