pixel-react-excel-sheet 1.2.0

package/lib/components/RadioGroup/radioGroupTypes.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Represents a single option in the radio group.
+ */
+interface Option {
+    /**
+     * The unique value of the option.
+     */
+    value: string;
+    /**
+     * The display label for the option.
+     */
+    label: string;
+    /**
+     * Indicates whether the option is disabled.
+     * Optional.
+     */
+    disabled?: boolean;
+    /**
+     * Indicates whether the radio button show the tooltip.
+     * Optional.
+     */
+    showTooltip?: boolean;
+    /**
+     * The content of the tooltip.
+     * Optional.
+     */
+    tooltipChildren?: React.ReactNode;
+    /**
+     * The content of the tooltip.
+     * Optional.
+     */
+    tooltipTitle?: React.ReactNode;
+}
+/**
+ * Props for the RadioGroup component.
+ */
+interface RadioGroupProps {
+    /**
+     * An array of options to be rendered in the radio group.
+     */
+    options: Option[];
+    /**
+     * The name attribute for the radio inputs, used for grouping.
+     */
+    name: string;
+    /**
+     * The currently selected value.
+     * Optional.
+     */
+    selectedValue?: string;
+    /**
+     * Callback function that is called when the selected option changes.
+     * It receives the selected option as an argument.
+     * Optional.
+     */
+    onChange?: (option: Option) => void;
+    /**
+     * Additional class names to apply to the radio group for custom styling.
+     * Optional.
+     */
+    className?: string;
+}

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

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

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Search from './Search';
+declare const meta: Meta<typeof Search>;
+type Story = StoryObj<typeof Search>;
+export declare const Default: Story;
+export default meta;

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

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

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

@@ -0,0 +1,15 @@
+export interface SearchProps {
+    /**
+     * Placeholder for the input field
+     */
+    placeholder?: string;
+    /**
+     * Callback function to be called when the search button is clicked or enter key is pressed
+     */
+    onSearch: (query: string) => void;
+    /**
+     * Additional styles for the button
+     */
+    disabled?: boolean;
+    width?: number;
+}

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

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

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Select from './Select';
+declare const meta: Meta<typeof Select>;
+type Story = StoryObj<typeof Select>;
+export declare const Primary: Story;
+export declare const WithError: Story;
+export declare const WithoutLabel: Story;
+export declare const EmptyOptions: Story;
+export declare const Disable: Story;
+export declare const WithInitialValue: Story;
+export declare const OptionSelection: Story;
+export declare const CustomJSX: Story;
+export default meta;

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

@@ -0,0 +1,4 @@
+import { DropDownListProps } from './dropdownTypes';
+import './Dropdown.scss';
+declare const Dropdown: ({ onSelectBlur, onSelectOptionSelector, dropdownPosition, options, optionZIndex, inputRef, }: DropDownListProps) => import("react/jsx-runtime").JSX.Element;
+export default Dropdown;

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

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

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

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

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

@@ -0,0 +1,76 @@
+import { ReactNode } from 'react';
+export interface SelectProps {
+    label?: string;
+    showLabel?: boolean;
+    optionsList: Option[];
+    selectedOption?: Option;
+    onChange: (option: Option) => void;
+    errorMsg?: string;
+    className?: string;
+    optionZIndex?: number;
+    disabled?: boolean;
+    borderRadius?: boolean;
+    showBorder?: boolean;
+    required?: boolean;
+    /**
+     * 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;
+}
+export interface DrowdownPosition {
+    positionX: number;
+    positionY: number;
+    width: number;
+    fromBottom: number;
+}
+export interface SelectState {
+    isInputFocused: boolean;
+    iconColor: string;
+    isIconClick: boolean;
+    showOptions: boolean;
+    options: Option[];
+    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'];
+    };
+};
+export interface Option {
+    label: string | ReactNode;
+    value: string;
+    disabled?: boolean;
+}

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

@@ -0,0 +1,4 @@
+import './SequentialConnectingBranch.scss';
+import { SequentialConnectingBranchProps } from './types';
+declare const SequentialConnectingBranch: ({ machineInstances, machineColumnWidth, machineColumnCount, machineInstance, selectedMachine, machineOptionsList, onMachineSelectionChange, }: SequentialConnectingBranchProps) => import("react/jsx-runtime").JSX.Element;
+export default SequentialConnectingBranch;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import SequentialConnectingBranch from './SequentialConnectingBranch';
+declare const meta: Meta<typeof SequentialConnectingBranch>;
+type Story = StoryObj<typeof SequentialConnectingBranch>;
+export declare const Primary: Story;
+export default meta;

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

@@ -0,0 +1,4 @@
+import './AddBrowserModal.scss';
+import { AddBrowserModalProps } from './types';
+declare const AddBrowserModal: import("react").ForwardRefExoticComponent<AddBrowserModalProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default AddBrowserModal;

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

@@ -0,0 +1,3 @@
+export interface AddBrowserModalProps {
+    onUpdateAddBrowser: () => void;
+}

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

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

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

@@ -0,0 +1,16 @@
+import { ExecutionContext } from '../../types';
+export interface BranchesProps {
+    machineInstances: ExecutionContext[] | {}[];
+    rowIndex: number;
+    machineColumnCount: number;
+    machineColumnWidth: number;
+    nextRowMachineInstance?: ExecutionContext | {} | undefined;
+    previousRowMachineInstance?: ExecutionContext | {} | undefined;
+    onAddBrowser: () => void;
+    onDeleteBrowser: (id: string, runCount: number) => void;
+    onAddRunBrowser: (id: string) => void;
+}
+export interface branchTypeProps {
+    currentBranch: ExecutionContext | undefined | {};
+    nextBranch: ExecutionContext | undefined | {};
+}

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

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

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

@@ -0,0 +1,9 @@
+import { ExecutionContext } from '../../types';
+export interface ConnectingBranchesProps {
+    machineBranchInstances: ExecutionContext[] | {}[];
+    machineColumnCount: number;
+    machineColumnWidth: number;
+    onAddBrowser: () => void;
+    onDeleteBrowser: (id: string, runCount: number) => void;
+    onAddRunBrowser: (id: string) => void;
+}

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

@@ -0,0 +1,4 @@
+import './DatasetListModal.scss';
+import { DatasetListModalProps } from './types';
+declare const DatasetListModal: import("react").ForwardRefExoticComponent<DatasetListModalProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default DatasetListModal;

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

@@ -0,0 +1,3 @@
+export interface DatasetListModalProps {
+    onUpdateDatasetList: () => void;
+}

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

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

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

@@ -0,0 +1,32 @@
+import { Option } from '../Select/types';
+export interface SequentialConnectingBranchProps {
+    machineInstances?: ExecutionContext[] | {}[];
+    machineColumnWidth?: number;
+    machineColumnCount?: number;
+    machineInstance: ExecutionContext;
+    selectedMachine?: string;
+    onMachineSelectionChange?: (selectedMachine: Option) => void;
+    machineOptionsList?: Option[];
+}
+export interface MachineInfo {
+    osName: string;
+    osVersion: string;
+    hostName: string;
+}
+export interface DeviceInfo {
+}
+export interface ExecutionContext {
+    id: string;
+    clientId: string;
+    runCount: number;
+    executionEnv?: 'Local';
+    browserName?: 'Local' | 'mac' | 'android' | 'Google Chrome';
+    browserVersion: string;
+    systemUrl: string;
+    machineInfo: MachineInfo;
+    deviceInfo: DeviceInfo[];
+    headless: boolean;
+    peVariableSetId: string;
+    globalVariableSetId: string;
+    testDataSetId: string;
+}

package/lib/components/StateDropdown/StateDropdown.d.ts

@@ -0,0 +1,3 @@
+import { StateDropdownProps } from './StateDropdownTypes';
+declare const StateDropdown: ({ value, nodeObj, isReviewer, isApprovePage, handleStateValueClick, handleDropdownOptionsClick, disabled, isOnlyReviewer, userHasOnlyViewAccess, }: StateDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export default StateDropdown;

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import StateDropdown from './StateDropdown';
+declare const meta: Meta<typeof StateDropdown>;
+type Story = StoryObj<typeof StateDropdown>;
+export declare const Disable: Story;
+export declare const Review: Story;
+export declare const Reject: Story;
+export declare const Approved: Story;
+export declare const NewState: Story;
+export default meta;

package/lib/components/StateDropdown/StateDropdownTypes.d.ts

@@ -0,0 +1,11 @@
+export interface StateDropdownProps {
+    value: string;
+    nodeObj: {};
+    isReviewer: boolean;
+    isApprovePage: boolean;
+    handleDropdownOptionsClick: () => void;
+    disabled: boolean;
+    isOnlyReviewer: boolean;
+    userHasOnlyViewAccess: boolean;
+    handleStateValueClick: () => void;
+}

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

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

package/lib/components/StatusButton/StatusButton.d.ts

@@ -0,0 +1,4 @@
+import './StatusButton.scss';
+import { StatusButtonProps } from './types';
+declare const StatusButton: ({ status, label, onClick, className, style, disabled, ...props }: StatusButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default StatusButton;

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

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import StatusButton from './StatusButton';
+declare const meta: Meta<typeof StatusButton>;
+type Story = StoryObj<typeof StatusButton>;
+export declare const Passed: Story;
+export declare const Failed: Story;
+export declare const Running: Story;
+export declare const Terminated: Story;
+export declare const Skipped: Story;
+export declare const Warning: Story;
+export declare const PartiallyExecuted: Story;
+export declare const Aborted: Story;
+export declare const NotExecuted: Story;
+export default meta;

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

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

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

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+export interface StatusButtonProps {
+    /**
+     * Status of the button
+     */
+    status: 'passed' | 'failed' | 'running' | 'skipped' | 'warning' | 'terminated' | 'partially-executed' | 'aborted' | 'not-executed';
+    /**
+     * Button label (status text)
+     */
+    label?: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * Button content
+     */
+    children?: ReactNode;
+    /**
+     * Button id
+     */
+    id?: string;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Classname for the button
+     */
+    className?: string;
+    /**
+     * Additional styles for the button
+     */
+    style?: React.CSSProperties;
+}

package/lib/components/Table/Table.d.ts

@@ -0,0 +1,4 @@
+import './Table.scss';
+import { TableProps } from './Types';
+declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, height, className, tableHeadClass, tableBodyRowClass, }: TableProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Table;

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

@@ -0,0 +1,11 @@
+import { StoryObj, Meta } from '@storybook/react';
+import Table from './Table';
+declare const meta: Meta<typeof Table>;
+type Story = StoryObj<typeof Table>;
+export declare const Default: Story;
+export declare const PageTable: Story;
+export declare const PrimaryHeader: Story;
+export declare const FixedHeaderWithBorder: Story;
+export declare const WithCheckBox: Story;
+export declare const TableWithNoData: Story;
+export default meta;

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

@@ -0,0 +1,106 @@
+import { ReactNode } from 'react';
+export interface ColumnsProps {
+    /**
+     * column name
+     */
+    header: string;
+    /**
+     * data key for particular column
+     */
+    accessor: string;
+    /**
+     * className for a column
+     */
+    className?: string;
+    /**
+     * width of a column
+     */
+    width?: number;
+    /**
+     * data for the column
+     */
+    cell?: (e: any) => JSX.Element | string | ReactNode;
+    onClick?: (colum: string, row: DataProps) => void;
+}
+export interface DataProps {
+    /**
+     * data for each row
+     */
+    [key: string]: any;
+}
+export interface SelectedItemProps {
+    /**
+     * selected row object | All selected flag
+     */
+    [key: string]: string | number | boolean;
+}
+export interface TableProps {
+    /**
+     * Data for table
+     */
+    data: Array<number | string | DataProps>;
+    /**
+     * Column details for table
+     */
+    columns: Array<any>;
+    /**
+     * Header type to have different background color
+     */
+    headerType: 'default' | 'primary' | 'secondary';
+    /**
+     * withFixedHeader prop to have non-scrollable fixed table header
+     */
+    withFixedHeader?: boolean;
+    /**
+     * borderWithRadius prop to have table with border 1px and borderRadius 5px
+     */
+    borderWithRadius?: boolean;
+    /**
+     * Check box feature to select the row
+     */
+    withCheckbox?: boolean;
+    /**
+     * Event for checkbox onClick
+     */
+    onSelect?: (e: object, arg: SelectedItemProps) => void;
+    /**
+     * Check box feature to select the row
+     */
+    allSelected?: boolean;
+    /**
+     * send true to show partial checkbox in the header
+     */
+    partialSelected?: boolean;
+    /**
+     * send true to disable the checkbox in the header
+     */
+    headerCheckboxDisabled?: boolean;
+    /**
+     * The content that to be displayed if no data not found
+     */
+    noDataContent: string | ReactNode;
+    /**
+     * Image that to be displayed if you don't have data
+     */
+    noDataImage?: string;
+    /**
+     * Size of the image that to be displayed if you don't have data
+     */
+    noDataImageSize?: 'x-large' | 'large' | 'medium' | 'small' | 'x-small';
+    /**
+     *  Height of the table in string
+     */
+    height?: string;
+    /**
+     *  classNames for the table container
+     */
+    className?: string;
+    /**
+     *  classNames for the table Header container
+     */
+    tableHeadClass?: string;
+    /**
+     *  classNames for the table Row container
+     */
+    tableBodyRowClass?: string;
+}

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

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

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

@@ -0,0 +1,24 @@
+import React, { ReactNode } from 'react';
+import './TableTree.scss';
+interface ColumnDataProps {
+    name: string;
+    accessor: string;
+    width: string;
+    isClickable?: boolean;
+    minWidth?: string;
+    cell?: (e: any) => JSX.Element | string | ReactNode;
+    actions?: (e: any) => JSX.Element | string | ReactNode;
+}
+interface ObjectProps {
+    [key: string]: any;
+}
+interface TableTreeProps {
+    select: 'checkbox' | 'radio' | 'none';
+    columnsData: Array<ColumnDataProps>;
+    treeData: Array<ObjectProps>;
+    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, data: any) => void;
+    onChange?: (e: any, node: any) => void;
+    selected: Array<string>;
+}
+declare const TableTree: ({ columnsData, treeData, select, onClick, onChange, selected, }: TableTreeProps) => import("react/jsx-runtime").JSX.Element;
+export default TableTree;

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import TableTree from './TableTree';
+import './TableTreeStories.scss';
+declare const meta: Meta<typeof TableTree>;
+type Story = StoryObj<typeof TableTree>;
+export declare const Default: Story;
+export default meta;