pixel-react-excel-sheet 1.0.37 → 1.0.39

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 _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>>;
-export default _default;
+declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export default Button;

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

@@ -7,6 +7,7 @@ export type ChartItem = {
     key: string;
     value: string | number;
     color?: string;
+    percentage?: string | number;
 };
 export type NormalizedChartItem = {
     key: string;
@@ -15,6 +16,7 @@ export type NormalizedChartItem = {
     normalizedValue?: number;
     unit?: string;
     labelValue?: number;
+    percentage?: string | number;
 };
 export type LegendType = 'numberLegend' | 'pillLegend' | 'memoryLegend' | 'tableLegend';
 export type DashboardDonutChartProps = {
@@ -25,6 +27,7 @@ export type DashboardDonutChartProps = {
     isLegendDetails: boolean;
     gapAngle?: number;
     legendType: LegendType;
+    apiDataLabel: string | number;
     showOnlyLabel?: boolean;
     unit?: string;
     showUnit?: boolean;

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

@@ -25,4 +25,5 @@ export interface LineChartProps {
     fontWeight?: string | number;
     numberSize?: string | number;
     proportionalSpacing?: boolean;
+    chartName?: string;
 }

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

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

package/lib/components/Comment/Comments.d.ts

@@ -1,4 +1,4 @@
 import './Comments.scss';
 import { CommentsProps } from './type';
-declare const Comments: ({ commentsData, onCommentsDataChange, }: CommentsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Comments: ({ commentsData, handleAddComment, handleEditComment, handleDeleteComment, onCommentsDataChange, }: CommentsProps) => import("react/jsx-runtime").JSX.Element;
 export default Comments;

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

@@ -18,8 +18,8 @@ export type HandleDeleteComment = (commentId: string) => void;
 export type HandleNodeFunction = (commentId: string, value: string) => void;
 export interface CommentsProps {
     commentsData: any;
-    handleAddComment: HandleAddComment;
-    handleEditComment: HandleEditComment;
-    handleDeleteComment: HandleDeleteComment;
+    handleAddComment: any;
+    handleEditComment: any;
+    handleDeleteComment: any;
     onCommentsDataChange: (data: any) => void;
 }

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

@@ -120,6 +120,10 @@ export interface ConditionalDropdownProps {
      * Options for the dropdown when `isHash` is true.
      */
     dataFiles?: dynamicObject[];
+    /**
+     * a boolean prop to show add variable icon or not.
+     */
+    showAddVariableIcon?: boolean;
 }
 export interface OptionsDropdownProps {
     /**

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

@@ -51,6 +51,8 @@ export interface DatePickerProps {
      * Select only date .
      */
     dateOnly?: boolean;
+    className?: string;
+    zIndex?: number;
 }
 export type DateValue = Date | undefined;
 export interface CustomCaptionProps {

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

@@ -154,5 +154,8 @@ export interface DrawerProps {
      * Custom overflow for the drawer
      */
     overflow?: string;
-    onCollapes?: (value: boolean) => void;
+    /**
+     * Callback function returns a boolean value when the drawer is collapsed.
+     */
+    onCollapse?: (value: boolean) => void;
 }

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

@@ -2,22 +2,23 @@ import React from 'react';
 import './ExcelFile.scss';
 interface ExcelFileProps {
     /** The Excel data containing sheets and their content */
-    excelData: {
-        sheets: WorkSheet[];
-    };
-    heightType?: string;
+    excelData: WorkSheet[];
     /** Optional: Provide context menu options for actions like right-click */
     contextOption?: {
-        name: string;
-        title: React.ReactNode;
-        action: () => void;
-    }[];
+        open: boolean;
+        options: {
+            label: string;
+            value: string;
+            iconName: string;
+            action: () => void;
+        }[];
+    };
     /** Controls whether the toolbar is shown, disabled, or hidden */
     toolbar?: 'show' | 'disable' | 'hide';
     /** Callback function to save the Excel data */
     onSave?: (saveData: any) => void;
-    contextHeight?: number;
-    contextWidth?: number;
+    contextHeightPositioning?: number;
+    contextWidthPositioning?: number;
     /** Set your dynamic sheet Height*/
     sheetHeight?: string;
 }

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

@@ -2,6 +2,16 @@ import * as React from 'react';
 import * as Types from './types';
 type Props = {
     DataEditor: Types.DataEditorComponent;
+    setContextMenu: React.Dispatch<React.SetStateAction<ContextMenuState>>;
+    contextOption?: {
+        open: boolean;
+        options: {
+            label: string;
+            value: string;
+            iconName: string;
+            action: () => void;
+        }[];
+    };
 };
 declare const ActiveCell: React.FC<Props>;
 export default ActiveCell;

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

@@ -3,6 +3,6 @@ import * as Types from './types';
 export declare const TRUE_TEXT = "TRUE";
 export declare const FALSE_TEXT = "FALSE";
 /** The default Spreadsheet DataViewer component */
-declare const DataViewer: <Cell extends Types.CellBase<Value>, Value>({ cell, evaluatedCell, setContextMenu, }: Types.DataViewerProps<Cell>) => React.ReactElement;
+declare const DataViewer: <Cell extends Types.CellBase<Value>, Value>({ cell, evaluatedCell, }: Types.DataViewerProps<Cell>) => React.ReactElement;
 export default DataViewer;
 export declare function convertBooleanToText(value: boolean): string;

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

@@ -62,6 +62,15 @@ export type Props<CellType extends Types.CellBase> = {
     setContextMenu: React.Dispatch<React.SetStateAction<Types.ContextMenuState>>;
     /** Set your dynamic sheet Height*/
     sheetHeight: string;
+    contextOption?: {
+        open: boolean;
+        options: {
+            label: string;
+            value: string;
+            iconName: string;
+            action: () => void;
+        }[];
+    };
 };
 /**
  * The Spreadsheet component

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

@@ -102,7 +102,6 @@ export type CellComponentProps<Cell extends CellBase = CellBase> = {
     setCellDimensions: (point: Point, dimensions: Dimensions) => void;
     /** Set data of the cell */
     setCellData: (cell: Cell) => void;
-    setContextMenu: React.Dispatch<React.SetStateAction<ContextMenuState>>;
 };
 /** Type of the Spreadsheet Cell component */
 export type CellComponent<Cell extends CellBase = CellBase> = React.ComponentType<CellComponentProps<Cell>>;
@@ -114,7 +113,6 @@ type DataComponentProps<Cell extends CellBase> = {
 export type DataViewerProps<Cell extends CellBase = CellBase> = DataComponentProps<Cell> & {
     /** Set data of the cell */
     setCellData: (cell: Cell) => void;
-    setContextMenu: React.Dispatch<React.SetStateAction<ContextMenuState>>;
     evaluatedCell: Cell | undefined;
 };
 /** Type of the Spreadsheet DataViewer component */

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

@@ -64,16 +64,6 @@ interface ContextOption {
     /** Array of context menu actions for right-click options */
     value: ContextAction[];
 }
-interface ContextMenuState {
-    /** Whether the context menu is visible */
-    visible: boolean;
-    /** X-coordinate position for the context menu */
-    x: number;
-    /** Y-coordinate position for the context menu */
-    y: number;
-    /** Type of the context menu ('cell', 'row', 'column', or 'sheet_options') */
-    type: 'cell' | 'row' | 'column' | 'sheet_options' | null;
-}
 interface SelectedCell {
     /** The row index of the selected cell */
     row: number;
@@ -88,6 +78,20 @@ interface ColorContainer {
     /** The border color used for the cell (hex code) */
     borderColor: string;
 }
+interface ContextMenuState {
+    open: boolean;
+    position: {
+        x: number;
+        y: number;
+    };
+    options: optionsType[];
+}
+interface optionsType {
+    label: string;
+    value: string;
+    iconName: string;
+    action: () => void;
+}
 interface SelectedValue {
     /** The value inside the selected cell */
     value: string;

package/lib/components/FF_Captcha/Recaptcha.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import ReCAPTCHA from 'react-google-recaptcha';
 import { RecaptchaProps } from './types';
 import './Recaptcha.scss';
-declare const Recaptcha: import("react").ForwardRefExoticComponent<RecaptchaProps & import("react").RefAttributes<ReCAPTCHA>>;
+declare const Recaptcha: React.ForwardRefExoticComponent<RecaptchaProps & React.RefAttributes<ReCAPTCHA>>;
 export default Recaptcha;

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

@@ -1,6 +1,14 @@
 import { ComponentProps } from 'react';
-import ReCAPTCHA from 'react-google-recaptcha';
-export interface RecaptchaProps extends Omit<ComponentProps<typeof ReCAPTCHA>, 'onChange'> {
+type FixedReCAPTCHA = React.ComponentType<{
+    sitekey: string;
+    onChange: (token: string | null) => void;
+    className?: string;
+    theme?: 'light' | 'dark';
+    size?: 'compact' | 'normal' | 'invisible';
+    tabindex?: number;
+    badge?: 'bottomright' | 'bottomleft' | 'inline';
+}>;
+export interface RecaptchaProps extends Omit<ComponentProps<FixedReCAPTCHA>, 'onChange'> {
     /**
      * Callback function that receives the verification token
      */
@@ -18,3 +26,4 @@ export interface RecaptchaProps extends Omit<ComponentProps<typeof ReCAPTCHA>, '
      */
     sitekey: string;
 }
+export {};

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

@@ -62,6 +62,10 @@ export interface InputProps {
      * if on, suggestion popup will be displayed
      */
     autoComplete?: 'on' | 'off';
+    /**
+     * if true, input field is in autofocus state
+     */
+    autoFocus?: boolean;
     /**
      *  minimum and maximum values for the number type input field and their functions
      */

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

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

package/lib/components/MobileSkin/MobileSkin.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './MobileSkin.scss';
+import { MobileSkinProps } from './MobileSkinInterface';
+declare const MobileSkin: React.FC<MobileSkinProps>;
+export default MobileSkin;

package/lib/components/MobileSkin/MobileSkinInterface.d.ts

@@ -0,0 +1,13 @@
+interface NavBarIcon {
+    name: string;
+    [key: string]: any;
+}
+export interface MobileSkinProps {
+    children: React.ReactNode | string;
+    orientation?: 'portrait' | 'landscape';
+    type: 'ios' | 'android';
+    navBarIcons: NavBarIcon[];
+    mobileHeight?: number;
+    mobileWidth?: number;
+}
+export {};

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

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

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

@@ -0,0 +1,32 @@
+export interface iconDetails {
+    /**
+     * details of each icon
+     */
+    [key: string]: any;
+}
+export interface MobileSkinProps {
+    /**
+     * The content inside the mobile skin component
+     */
+    children: React.ReactNode | string;
+    /**
+     *    Portrait or landScape View of the Mobile
+     */
+    orientation: "portrait" | "landscape";
+    /**
+     * type either it will be ios or android
+     */
+    type: string;
+    /**
+     *   height of the MobileSkin
+     */
+    mobileHeight?: number;
+    /**
+     *   width of the MobileSkin
+     */
+    mobileWidth?: number;
+    /**
+     * takes the icons details like icon name , title, onClick event, height , width, etc
+     */
+    navbarIcons: Array<iconDetails>;
+}

package/lib/components/Search/Search.d.ts

@@ -1,4 +1,4 @@
 import './Search.scss';
 import { SearchProps } from './types';
-declare const Search: ({ placeholder, onSearch, disabled, width, value, isExpand, onClose, onExpand, }: SearchProps) => import("react/jsx-runtime").JSX.Element;
+declare const Search: ({ placeholder, onSearch, disabled, width, value, isExpand, onClose, onExpand, showClose, }: SearchProps) => import("react/jsx-runtime").JSX.Element;
 export default Search;

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

@@ -16,4 +16,5 @@ export interface SearchProps {
     isExpand: boolean;
     onClose: () => void;
     onExpand: (isExpand: boolean) => void;
+    showClose?: boolean;
 }

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

@@ -1,8 +1,8 @@
-import { DrowdownPosition, Option } from '../types';
+import { DropdownPosition, Option } from '../types';
 import { RefObject } from 'react';
 export interface DropdownProps {
     options: Option[];
-    dropdownPosition: DrowdownPosition;
+    dropdownPosition: DropdownPosition;
     optionZIndex: number;
     labelAccessor?: string;
     valueAccessor?: string;
@@ -13,6 +13,7 @@ export interface DropdownProps {
     heightFromTop: number;
     selectedOption?: Option;
     showIcon?: boolean;
+    showToolTip?: boolean;
 }
 export declare const dropdownDefaultCSSData: {
     margin: number;

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

@@ -24,8 +24,16 @@ export interface SelectProps {
     disableInput?: boolean;
     showIcon?: boolean;
     iconName?: string;
+    /**
+     * Provide the placehoder for the select
+     */
+    placeHolder?: string;
+    /**
+     * Provide the boolean value if tooltip is reuired or not
+     */
+    showToolTip?: boolean;
 }
-export interface DrowdownPosition {
+export interface DropdownPosition {
     positionX: number;
     positionY: number;
     width: number;
@@ -38,7 +46,7 @@ export interface SelectState {
     showOptions: boolean;
     options: Option[];
     option: string;
-    dropdownPosition: DrowdownPosition;
+    dropdownPosition: DropdownPosition;
 }
 type OptionValue = any;
 export interface Option {

package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts

@@ -1,4 +1,4 @@
 import { BranchesProps } from './types';
 import './Branches.scss';
-declare const Branches: ({ machineInstances, rowIndex, machineColumnCount, machineColumnWidth, nextRowMachineInstance, previousRowMachineInstance, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, addInstanceLabel, scriptType, projectType, }: BranchesProps) => import("react/jsx-runtime").JSX.Element;
+declare const Branches: ({ machineInstances, rowIndex, machineColumnCount, machineColumnWidth, nextRowMachineInstance, previousRowMachineInstance, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, addInstanceLabel, scriptType, projectType, readOnly, }: BranchesProps) => import("react/jsx-runtime").JSX.Element;
 export default Branches;

package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts

@@ -14,6 +14,7 @@ export interface BranchesProps {
     scriptType?: string;
     onUpdateAddBrowserInstance: (modalId: string, machineInstance: ExecutionContext) => void;
     projectType?: string;
+    readOnly: boolean;
 }
 export interface branchTypeProps {
     currentBranch: ExecutionContext | undefined | {};

package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts

@@ -1,4 +1,4 @@
 import { ConnectingBranchesProps } from './types';
 import './ConnectingBranches.scss';
-declare const ConnectingBranches: ({ machineBranchInstances, machineColumnCount, machineColumnWidth, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, addInstanceLabel, scriptType, projectType, }: ConnectingBranchesProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConnectingBranches: ({ machineBranchInstances, machineColumnCount, machineColumnWidth, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, addInstanceLabel, scriptType, projectType, readOnly }: ConnectingBranchesProps) => import("react/jsx-runtime").JSX.Element;
 export default ConnectingBranches;

package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts

@@ -11,4 +11,5 @@ export interface ConnectingBranchesProps {
     scriptType?: string;
     projectType?: string;
     onUpdateAddBrowserInstance: (modalId: string, machineInstance: ExecutionContext) => void;
+    readOnly: boolean;
 }

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

@@ -16,6 +16,7 @@ export interface SequentialConnectingBranchProps {
     addInstanceLabel?: string;
     scriptType?: string;
     projectType?: string;
+    readOnly?: boolean;
 }
 export interface MachineInfo {
     osName: string;

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

@@ -12,7 +12,7 @@ export interface TableCellProps {
     level: number;
     selected: string[];
     select: string | null;
-    onCheckBoxChange: (type: string, node: any) => void;
+    onCheckBoxChange: (e: any, node: string[] | any) => void;
     onToggleExpand: (node: any) => void;
     parentSiblings: boolean[];
     isLast: boolean | undefined;
@@ -27,7 +27,7 @@ export interface TableBodyProps {
     select: string | null;
     onRowClick: (e: any, node: any) => void;
     onToggleExpand: (node: any) => void;
-    onCheckBoxChange: (type: string, node: any) => void;
+    onCheckBoxChange: (e: any, node: string[] | any) => void;
 }
 export interface TableRowProps {
     node: any;
@@ -37,7 +37,7 @@ export interface TableRowProps {
     select: string | null;
     onRowClick: (e: any, node: any) => void;
     onToggleExpand: (node: any) => void;
-    onCheckBoxChange: (type: string, node: any) => void;
+    onCheckBoxChange: (e: any, node: string[] | any) => void;
     parentSiblings: boolean[];
     isLast: boolean | undefined;
 }
@@ -57,7 +57,7 @@ export interface TreeTableProps {
     columnsData: Column[];
     selected?: string[];
     select?: 'radio' | 'checkbox' | 'none';
-    onChange?: (e: any, node: string[]) => void;
+    onChange?: (e: any, node: string[] | any) => void;
     onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
     onExpand?: (_isExpanded: boolean, node: string) => void;
     loadMore?: (_direction?: string) => void;

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

@@ -26,6 +26,7 @@ export interface TabsProps {
         component?: JSX.Element;
         disabled?: boolean;
         count?: number | string;
+        status?: 'success' | 'error' | 'transparent';
     }[];
     /**
      * Defines the styling variant of the tabs.