pixel-react-excel-sheet 1.0.19 → 1.0.21

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

@@ -10,7 +10,7 @@ export interface ChipsProps {
     /**
      * The variant of the Chip.
      */
-    variant?: 'primary' | 'success' | 'error' | 'warning' | 'custom' | 'public' | 'partial-public' | 'private' | 'disabled';
+    variant?: 'primary' | 'success' | 'error' | 'warning' | 'custom' | 'public' | 'partial-public' | 'private' | 'disabled' | 'count';
     /**
      * The callback function to be executed when the Chip is clicked.
      */

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

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

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

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import { OptionsDropdownProps } from './types';
+import './ConditionalDropdown.scss';
+declare const OptionsDropdown: FC<OptionsDropdownProps>;
+export default OptionsDropdown;

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

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

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

@@ -0,0 +1,145 @@
+import { dropdownPositionType } from "../Editor/types";
+export type dynamicObject = {
+    [key: string]: any;
+};
+export type TestDataObject = {
+    _id: string;
+    name: string;
+    actualPath: string;
+    searchKey: string;
+    parentId: string;
+};
+export interface ConditionalDropdownProps {
+    /**
+     * Label for the field
+     */
+    label?: string;
+    /**
+     * Value in the input should stored in this state
+     */
+    hashInputValue?: TestDataObject | dynamicObject;
+    /**
+     * Function storing and updating the inputValue state
+     */
+    setHashInputValue?: (value: dynamicObject | undefined) => void;
+    /**
+     * List of variables
+     */
+    variableList?: dynamicObject[];
+    /**
+     * Place holder for the input field
+     */
+    placeholder?: string;
+    /**
+     * Function to handle input change
+     * @param value
+     * @returns
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Function to handle create variable icon click
+     */
+    onCreateVariableClick?: () => void;
+    /**
+     * Width of the dropdown
+     */
+    dropdownWidth?: string;
+    /**
+     * Name | name of the input field
+     */
+    name?: string;
+    /**
+     * value | input field value
+     */
+    value?: string;
+    /**
+     * variants to set color/style of the input field
+     */
+    variant?: 'default' | 'primary';
+    /**
+     * type to set color/style of the input field
+     */
+    type?: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
+    /**
+     * error | If true, error message will be displayed
+     */
+    error?: boolean;
+    /**
+     * helperText | error, success, warning message to be shown
+     */
+    helperText?: string;
+    /**
+     * to disable the input field
+     */
+    disabled?: boolean;
+    /**
+     * if true, input field will be mandatory
+     */
+    required?: boolean;
+    /**
+     * classnames to style the input field
+     */
+    className?: string;
+    /**
+     * noBorder prop 'true' removes border of input
+     */
+    noBorder?: boolean;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * id to select the input field uniquely
+     */
+    id?: string;
+    /**
+     * if on, suggestion popup will be displayed
+     */
+    autoComplete?: 'on' | 'off';
+    /**
+     *  minimum and maximum values for the number type input field and their functions
+     */
+    minValue?: number;
+    maxValue?: number;
+    /**
+     * background of the input field prop
+     */
+    transparentBackground?: boolean;
+    /**
+     * size for the input field
+     */
+    size?: 'small' | 'medium';
+    /**
+     * isLabelRequired for the input field without label,showing placeholder
+     */
+    isLabelRequired?: boolean;
+    /**
+    * If true, dropdown opens when '#' is entered at the first position.
+    */
+    isHash?: boolean;
+    /**
+     * Options for the dropdown when `isHash` is true.
+     */
+    dataFiles?: dynamicObject[];
+}
+export interface OptionsDropdownProps {
+    /**
+    * Position whether absoloute or relative
+    */
+    position: 'absolute' | 'relative';
+    /**
+     * Dropdown width
+     */
+    width: string;
+    /**
+     * chars entered to search in Input :
+     */
+    filteredOptions?: dynamicObject[];
+    /**
+     * Function to handle click on variable
+     */
+    onSelectVariable: (variable: object) => void;
+    /**
+     * Dropdown postion used for dropdown placement
+     */
+    dropdownPosition?: dropdownPositionType;
+}

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

@@ -36,11 +36,11 @@ export interface CreateVariableProps {
     /**
      * onChange of name
      */
-    onNameChange: (value: string | boolean) => void;
+    onNameChange: (value: string) => void;
     /**
      * onChange of value
      */
-    onValueChange: (value: string | boolean) => void;
+    onValueChange: (value: string) => void;
     /**
      * Hide value
      */

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

@@ -1,4 +1,4 @@
 import './InputWithDropdown.scss';
 import { InputWithDropdownProps } from './types';
-declare const InputWithDropdown: ({ name, label, value, disabled, required, placeholder, error, helperText, optionsList, selectedOption, autoComplete, onDropdownChangeHandler, onInputChangeHandler, onInputBlurHandler, optionsRequired, dropdownPosition, type, }: InputWithDropdownProps) => import("react/jsx-runtime").JSX.Element;
+declare const InputWithDropdown: import("react").ForwardRefExoticComponent<InputWithDropdownProps & import("react").RefAttributes<HTMLInputElement>>;
 export default InputWithDropdown;

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

@@ -38,6 +38,7 @@ export interface LabelEditTextFieldTypes {
     isOpen?: boolean;
     /**for conditionally handle custom error */
     customErrorCondition?: boolean;
+    placeholder?: string;
     onClick?: () => void;
     tooltip?: {
         tooltipTitle?: string;

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

@@ -9,4 +9,5 @@ export interface MachineInputFieldProps {
     className?: string;
     contentReverse?: boolean;
     onClick?: () => void;
+    modalId?: string;
 }

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 }: 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, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuOption;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 interface OptionClick {
     /**
      * The label displayed for the option.
@@ -173,6 +173,7 @@ interface MenuOptionProps {
      * @optional
      */
     optionCardVariant?: 'primary';
+    targetRef?: React.RefObject<HTMLElement>;
 }
 interface OptionProps {
     /**

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

@@ -7,6 +7,7 @@ interface ModalDimensions {
     boxShadow?: string;
     left?: number;
     top?: number;
+    padding?: number;
 }
 export interface MiniEditModalProps {
     /**

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

@@ -23,7 +23,7 @@ export interface ModalProps {
     /***Content to be displayed inside the modal */
     children: ReactNode;
     isFooterDisplayed: boolean;
-    customWidth: string;
+    customWidth?: string;
     customHeight?: string;
     zIndex?: number;
     boxShadow?: string;

package/lib/components/NLPInput/NlpInput.d.ts

@@ -1,4 +1,4 @@
-import { SelectProps } from './type';
+import { SelectProps } from './types';
 import './NlpInput.scss';
-declare const NlpInput: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const NlpInput: ({ label, leftIcon, rightIcon, rightIconColor, showLabel, onHelpIconClick, aiIconClick, webServiceClick, containerWidth, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, value, onSelect, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 export default NlpInput;

package/lib/components/NLPInput/components/NlpDropDown/NlpDropDownType.d.ts

@@ -1,9 +1,12 @@
-import { DrowdownPosition, Option } from '../../type';
+import { DrowdownPosition, NlpRenderOption } from '../../types';
 export interface NlpDropDownListProps {
     onSelectBlur: () => void;
-    onSelectOptionSelector: (option: Option) => void;
+    leftIcon?: string;
+    webServiceClick?: () => void;
+    containerWidth?: string | number;
+    onSelectOptionSelector: (option: NlpRenderOption) => void;
     dropdownPosition: DrowdownPosition;
-    options?: Option[];
+    options?: NlpRenderOption[];
     optionZIndex?: number;
     inputRef?: React.RefObject<HTMLInputElement>;
     label?: string;

package/lib/components/NLPInput/components/NlpDropDown/NlpDropdown.d.ts

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

package/lib/components/NLPInput/sampleData.d.ts

@@ -0,0 +1,104 @@
+export declare const nlpList: ({
+    desc: string;
+    displayName: string;
+    failMessage: string;
+    isNonPE: boolean;
+    platform: string;
+    name: string;
+    nlpName: string;
+    videoSrc: string;
+    nlpType: string;
+    packageName: string;
+    parentId: string;
+    passMessage: string;
+    programElementId: string;
+    projectId: string;
+    returnType: string;
+    searchName: string;
+    stepInputs: {}[];
+    toolTip: string;
+    _class: string;
+    _id: string;
+    description?: undefined;
+    imported?: undefined;
+    libraryId?: undefined;
+    path?: undefined;
+} | {
+    desc: string;
+    displayName: string;
+    platform: string;
+    failMessage: string;
+    isNonPE: boolean;
+    name: string;
+    nlpName: string;
+    nlpType: string;
+    packageName: string;
+    parentId: string;
+    passMessage: string;
+    programElementId: string;
+    projectId: string;
+    returnType: string;
+    searchName: string;
+    stepInputs: {}[];
+    toolTip: string;
+    _class: string;
+    _id: string;
+    videoSrc?: undefined;
+    description?: undefined;
+    imported?: undefined;
+    libraryId?: undefined;
+    path?: undefined;
+} | {
+    desc: string;
+    displayName: string;
+    failMessage: string;
+    isNonPE: boolean;
+    platform: string;
+    name: string;
+    nlpName: string;
+    nlpType: string;
+    packageName: string;
+    parentId: string;
+    passMessage: string;
+    programElementId: string;
+    projectId: string;
+    returnType: string;
+    searchName: string;
+    stepInputs: {
+        name: string;
+        type: string;
+    }[];
+    toolTip: string;
+    _class: string;
+    _id: string;
+    videoSrc?: undefined;
+    description?: undefined;
+    imported?: undefined;
+    libraryId?: undefined;
+    path?: undefined;
+} | {
+    description: string;
+    displayName: string;
+    failMessage: string;
+    imported: boolean;
+    libraryId: string;
+    name: string;
+    nlpName: string;
+    nlpType: string;
+    parentId: string;
+    passMessage: string;
+    path: string;
+    platform: string;
+    projectId: string;
+    returnType: string;
+    searchName: string;
+    stepInputs: never[];
+    toolTip: string;
+    _class: string;
+    _id: string;
+    desc?: undefined;
+    isNonPE?: undefined;
+    videoSrc?: undefined;
+    packageName?: undefined;
+    programElementId?: undefined;
+})[];

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

@@ -0,0 +1,80 @@
+import { ReactNode } from 'react';
+export interface SelectProps {
+    label?: string;
+    rightIcon?: string;
+    leftIcon?: string;
+    showLabel?: boolean;
+    onHelpIconClick?: () => void;
+    webServiceClick?: () => void;
+    aiIconClick?: () => void;
+    rightIconColor: string;
+    optionsList: any[];
+    selectedOption?: NlpRenderOption;
+    containerWidth?: string | number;
+    onChange: (option: NlpRenderOption) => void;
+    errorMsg?: string;
+    className?: string;
+    optionZIndex?: number;
+    disabled?: boolean;
+    borderRadius?: boolean;
+    showBorder?: boolean;
+    required?: boolean;
+    value: string;
+    onSelect: (e: any) => void;
+}
+export interface DrowdownPosition {
+    positionX: number;
+    positionY: number;
+    width: number;
+    fromBottom: number;
+}
+export interface SelectState {
+    isInputFocused: boolean;
+    iconColor: string;
+    isIconClick: boolean;
+    showOptions: boolean;
+    options: any[];
+    option: string;
+    dropdownPosition: DrowdownPosition;
+}
+export type SelectAction = {
+    type: 'FOCUS_INPUT';
+} | {
+    type: 'BLUR_INPUT';
+    payload: {
+        optionsList: NlpRenderOption[];
+        option: NlpRenderOption['projectId'];
+    };
+} | {
+    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: any[];
+} | {
+    type: 'SHOW_ERROR';
+    payload: {
+        optionsList: any[];
+        option: NlpRenderOption['projectId'];
+    };
+};
+export interface NlpRenderOption {
+    displayName: string | ReactNode;
+    projectId: string;
+    nlpType: string;
+    platform: string;
+    disabled?: boolean;
+    videoSrc?: string;
+}

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

@@ -6,10 +6,11 @@ export interface PopUpModalProps {
     subTitleMessage?: string;
     iconName: string;
     modalMessage: string;
-    footerMessage: string;
     firstButtonLabel?: string;
     secondButtonLabel: string;
     buttonVariant: any;
     border: string;
+    popupWidth?: string;
     colorForTitleMessage?: string;
+    footerContent?: React.ReactNode;
 }

package/lib/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ProgressBarProps } from './types';
+import './ProgressBar.scss';
+declare const ProgressBar: React.FC<ProgressBarProps>;
+export default ProgressBar;

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

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

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

@@ -0,0 +1,12 @@
+export interface ProgressBarProps {
+    progressPercentage: number;
+    color?: string;
+    trackColor?: string;
+    height?: number;
+    label?: string;
+    showPercentage?: boolean;
+    percentageFontSize?: number;
+    percentageTextColor?: string;
+    labelFontSize?: number;
+    labelTextColor?: string;
+}

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, }: BranchesProps) => import("react/jsx-runtime").JSX.Element;
+declare const Branches: ({ machineInstances, rowIndex, machineColumnCount, machineColumnWidth, nextRowMachineInstance, previousRowMachineInstance, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, }: BranchesProps) => import("react/jsx-runtime").JSX.Element;
 export default Branches;

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

@@ -9,6 +9,7 @@ export interface BranchesProps {
     onAddBrowser: (modalId: string) => void;
     onDeleteBrowser: (id: string, runCount: number) => void;
     onAddRunBrowser: (id: string) => void;
+    onUpdateAddBrowserInstance: (id: string, machineInstanceId: string) => void;
     onUpdateDataSetList: (id: string, dataSetObject: dataSetValues, isInstance?: boolean, noOfRuns?: number, machineInstanceId?: string) => void;
 }
 export interface branchTypeProps {

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, }: ConnectingBranchesProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConnectingBranches: ({ machineBranchInstances, machineColumnCount, machineColumnWidth, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, }: ConnectingBranchesProps) => import("react/jsx-runtime").JSX.Element;
 export default ConnectingBranches;

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

@@ -6,5 +6,6 @@ export interface ConnectingBranchesProps {
     onAddBrowser: (modalId: string) => void;
     onDeleteBrowser: (id: string, runCount: number) => void;
     onAddRunBrowser: (id: string) => void;
+    onUpdateAddBrowserInstance: (id: string, machineInstanceId: string) => void;
     onUpdateDataSetList: (id: string, dataSetObject: dataSetValues, isInstance?: boolean, noOfRuns?: number, machineInstanceId?: string) => void;
 }

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

@@ -7,7 +7,7 @@ export interface SequentialConnectingBranchProps {
     machineOptionsList?: Option[];
     onHandleSelect?: (option: Option) => void;
     onAddBrowserInstance?: (modalId: string) => void;
-    onUpdateAddBrowserInstance?: () => void;
+    onUpdateAddBrowserInstance: (id: string, machineInstanceId: string) => void;
     onDeleteBrowserInstance?: (id: string, runCount: number) => void;
     onAddRunBrowserInstance?: (machineInstanceId: string) => void;
     onDeleteMachineInstance?: () => void;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import './TableTree.scss';
 import { TreeTableProps } from './types';
-declare const TreeTable: React.FC<TreeTableProps>;
-export default TreeTable;
+declare const _default: React.NamedExoticComponent<TreeTableProps>;
+export default _default;

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

@@ -1 +1,2 @@
 declare const getAllChildIds: (nodeId: string, data: any[]) => string[];
+export default getAllChildIds;

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

@@ -56,6 +56,6 @@ export interface TreeTableProps {
     onChange?: (e: any, node: string[]) => void;
     onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
     onExpand?: (_isExpanded: boolean, node: string) => void;
-    onPagination?: (_direction: string) => void;
+    loadMore?: (_direction?: string) => void;
 }
 export {};

package/lib/hooks/useIntersectionObserver.d.ts

@@ -0,0 +1,9 @@
+interface UseIntersectionObserverOptions {
+    root?: Element | null;
+    rootMargin?: string;
+    threshold?: number | number[];
+    onIntersect: (entry: IntersectionObserverEntry, observer: IntersectionObserver) => void;
+}
+export declare function useIntersectionObserver(elements: (Element | string)[] | null, // Accepts Element or id strings
+options: UseIntersectionObserverOptions): void;
+export {};