pixel-react-excel-sheet 1.0.11 → 1.0.13

package/lib/index.d.ts

@@ -214,6 +214,19 @@ interface DrawerProps {
      * Custom top for the drawer
      */
     top?: string;
+    /**
+     * Height of the drawer
+     */
+    height?: string;
+    /**
+     *
+     * width of the drawer
+     */
+    width?: string;
+    /**
+     * Position from right
+     */
+    right?: string | number;
 }
 
 declare const Drawer: FC<DrawerProps>;
@@ -260,31 +273,43 @@ interface AccordionProps {
      * Info message to user for disabling accordion
      */
     disableInfoMessage?: string;
+    /**
+     * Icon name for the Accordion state like expand and collapse
+     */
+    accordionStateIconName?: string;
+    /**
+       * Accordion collapse and expand Icon width
+       */
+    AccordionStateIconWidth: number;
+    /**
+     * Accordion collapse and expand Icon height
+     */
+    AccordionStateIconHeight: number;
 }
 
 /**
  * Accordion UI component
  */
-declare const Accordion: ({ headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, }: AccordionProps) => react_jsx_runtime.JSX.Element;
+declare const Accordion: ({ headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, accordionStateIconName, AccordionStateIconWidth, AccordionStateIconHeight, }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
 type OptionValue$1 = any;
-interface Option$3 {
+interface Option$4 {
     [key: string]: OptionValue$1;
 }
 interface MultiSelectProps {
-    options: Option$3[];
+    options: Option$4[];
     type?: 'email' | 'text';
     label: string;
-    selectedOptions?: Option$3[];
+    selectedOptions?: Option$4[];
     disabled?: boolean;
     onSearch?: (searchedKeyword: string) => void;
-    onChange?: (selectedOptions: Option$3[]) => void;
+    onChange?: (selectedOptions: Option$4[]) => void;
     acceptNewOption?: boolean;
     zIndex?: number;
     required?: boolean;
     errorMessage?: string;
     withSelectButton?: boolean;
-    onSelectButtonClick?: (selectedOptions: Option$3[]) => void;
+    onSelectButtonClick?: (selectedOptions: Option$4[]) => void;
     displayCount?: boolean;
     placeholderForSearching?: string;
     /**  Default is default. choose labels variant if you are using this component for labels dropdown or choose machines if you are using this component in parallel  */
@@ -302,7 +327,7 @@ interface MultiSelectProps {
     onEnter?: (newOption: string) => void;
 }
 
-declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount, placeholderForSearching, variant, onLabelPlusIconClick, onManageLabelsClick, className, highlightedMachine, onSelectButtonClick, labelAccessor, valueAccessor, withSelectButton, onEnter }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
+declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount: initialDisplayCount, placeholderForSearching, variant, onLabelPlusIconClick, onManageLabelsClick, className, highlightedMachine, onSelectButtonClick, labelAccessor, valueAccessor, withSelectButton, onEnter, }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
 
 interface ToasterProps {
     /**Boolean value to handle state of toaster. */
@@ -597,7 +622,7 @@ interface InputProps {
     isLabelRequired?: boolean;
 }
 
-declare const Input: ({ type, variant, name, label, disabled, required, placeholder, value, helperText, error, noBorder, className, onChange, onBlur, onFocus, autoComplete, minValue, maxValue, transparentBackground, size, isLabelRequired, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
 
 type Status$1 = {
     status: 'Passed' | 'Failed' | 'Warning' | 'Skipped' | 'passed' | 'failed' | 'warning' | 'skipped';
@@ -653,9 +678,9 @@ declare const ExpandableMenu: React.FC<ExpandableMenuProps>;
 interface SelectProps$1 {
     label?: string;
     showLabel?: boolean;
-    optionsList: Option$2[];
-    selectedOption?: Option$2;
-    onChange: (option: Option$2) => void;
+    optionsList: Option$3[];
+    selectedOption?: Option$3;
+    onChange: (option: Option$3) => void;
     errorMsg?: string;
     className?: string;
     optionZIndex?: number;
@@ -674,9 +699,11 @@ interface SelectProps$1 {
     width?: number | string;
     onBlur?: () => void;
     disableInput?: boolean;
+    showIcon?: boolean;
+    iconName?: string;
 }
 type OptionValue = any;
-interface Option$2 {
+interface Option$3 {
     [key: string]: OptionValue;
 }
 
@@ -806,7 +833,7 @@ interface OptionClick {
      * @type {string}
      * @required
      */
-    label: string;
+    label: string | ReactNode;
     /**
      * The value(s) associated with the option, which can be a single string or an array of strings.
      * @type {Array<string> | string}
@@ -822,7 +849,7 @@ interface OptionType extends OptionClick {
      */
     icon?: string;
     iconColor?: string;
-    name?: string;
+    name?: string | ReactNode;
     /**
      * Indicates whether the option is disabled.
      * @type {boolean}
@@ -921,7 +948,7 @@ interface MenuOptionProps {
 
 declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
 
-interface DataProps {
+interface DataProps$1 {
     /**
      * data for each row
      */
@@ -933,11 +960,11 @@ interface SelectedItemProps {
      */
     [key: string]: string | number | boolean;
 }
-interface TableProps {
+interface TableProps$1 {
     /**
      * Data for table
      */
-    data: Array<number | string | DataProps>;
+    data: Array<number | string | DataProps$1>;
     /**
      * Column details for table
      */
@@ -945,7 +972,7 @@ interface TableProps {
     /**
      * Header type to have different background color
      */
-    headerType: 'default' | 'primary' | 'secondary';
+    headerType: 'default' | 'primary' | 'secondary' | 'tertiary';
     /**
      * withFixedHeader prop to have non-scrollable fixed table header
      */
@@ -1020,7 +1047,7 @@ interface TableProps {
     headerIconOnClick?: () => void;
 }
 
-declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, }: TableProps) => react_jsx_runtime.JSX.Element;
+declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, }: TableProps$1) => react_jsx_runtime.JSX.Element;
 
 /**
  * Props for the Add Resource Button component.
@@ -1066,6 +1093,10 @@ type DonutChartProps = {
 
 declare const DonutChart: React__default.FC<DonutChartProps>;
 
+interface RadioOption {
+    label: string;
+    value: string;
+}
 interface FileDropzoneProps {
     /**
      *  Icon to be displayed in the dropzone.
@@ -1129,6 +1160,46 @@ interface FileDropzoneProps {
      *  Returns the rejected files in the state
      **/
     getRejectedFiles?: (files: FileRejection[]) => void;
+    /**
+     *  If its used in WebService has some other functionality so need to pass boolean value.
+     **/
+    isWebServiceFileDropZone?: boolean;
+    /**
+     *  Its the selected radio option as a string.
+     **/
+    selectedRadioOption?: RadioOption;
+    /**
+     *  Its the array of radio options in pattern of : {  label: string; value: string; }.
+     **/
+    radioOptions?: RadioOption[];
+    /**
+     *  Its the function which updates the selected radio option.
+     **/
+    handleOptionChange?: (option: RadioOption) => void;
+    /**
+     *  Its the File Name of File Selected from Local File.
+     **/
+    setSelectedFile?: (file: File | null) => void;
+    /**
+     *  Its the File Name of File Selected from Local File.
+     **/
+    selectedFile?: File | null;
+    /**
+     *  Its the function which updates the Selected file from Local Directory.
+     **/
+    handleFileChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     *  Its the function which makes the selected File empty state.
+     **/
+    handleRemoveFile?: () => void;
+    /**
+    *  When The Api for the response fails need to show error message.
+    **/
+    isApiResponseError?: boolean;
+    /**
+     *  If isDisable is true not able to access the FileDropzone
+     **/
+    isDisable?: boolean;
 }
 interface FileError {
     message: string;
@@ -1149,6 +1220,7 @@ interface DropzoneOptions {
     invalidFileMessage?: string;
     fileExistMessage?: string;
     validateMIMEType?: boolean;
+    isApiResponseError?: boolean;
 }
 interface DropzoneState {
     getRootProps: () => React.HTMLAttributes<HTMLElement>;
@@ -1168,6 +1240,15 @@ interface DroppableProps {
     getInputProps: () => any;
     isDragActive: boolean;
     height: number | string;
+    isWebServiceFileDropZone?: boolean;
+    selectedRadioOption?: Option;
+    radioOptions?: RadioOption[];
+    handleOptionChange?: (option: RadioOption) => void;
+    selectedFile?: File | null;
+    setSelectedFile?: (file: File | null) => void;
+    handleFileChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleRemoveFile?: () => void;
+    isDisable?: boolean;
 }
 interface FilePreviewProps {
     file: File;
@@ -1258,7 +1339,7 @@ declare const ForwardedForms: <T extends Form.FieldValues>(props: FormProps<T> &
     ref?: React__default.Ref<any>;
 }) => JSX.Element;
 
-interface Option$1 {
+interface Option$2 {
     label: string | ReactNode;
     value: string;
 }
@@ -1307,11 +1388,11 @@ interface InputWithDropdownProps {
     /**
      * Options for the select dropdown
      */
-    optionsList: Option$1[];
+    optionsList: Option$2[];
     /**
      * Selected option for the select dropdown
      */
-    selectedOption?: Option$1;
+    selectedOption?: Option$2;
     /**
      * onChange handler for input changes
      */
@@ -1411,6 +1492,8 @@ interface ModalDimensions {
     borderRadius?: number;
     zIndex?: number;
     boxShadow?: string;
+    left?: number;
+    top?: number;
 }
 interface MiniEditModalProps {
     /**
@@ -1500,6 +1583,11 @@ interface MiniEditModalProps {
         boxShadow?: string;
     };
     arrowZIndex?: number;
+    arrowProperties?: {
+        left?: number;
+        top?: number;
+        size?: number;
+    };
     overlay?: {
         isOverlay?: boolean;
         zIndexOverlay?: number;
@@ -1516,25 +1604,25 @@ interface TreeNode {
     children?: TreeNode[];
     expanded?: boolean;
 }
+declare type JSX$1 = ReactNode | JSX$1.Element[] | string | null;
 interface Column {
     name: string;
     accessor: string;
     width: string;
     isClickable?: boolean;
-    cell?: (row: any) => JSX.Element | string | null;
-    actions?: (row: any) => JSX.Element[];
+    cell?: (row: any) => JSX$1;
+    actions?: (row: any) => JSX$1;
     isTree?: boolean;
     defaultValue?: string;
-    defaultActions?: () => JSX.Element[];
+    defaultActions?: () => JSX$1;
 }
 interface TreeTableProps {
     treeData: any;
     columnsData: Column[];
     selected?: string[];
     select?: 'radio' | 'checkbox' | 'none';
-    onChange?: (nodes: string[]) => void;
+    onChange?: (e: any, node: string[]) => void;
     onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
-    expandedNodes: string[];
     onExpand?: (_isExpanded: boolean, node: string) => void;
     onPagination?: (_direction: string) => void;
 }
@@ -1550,6 +1638,7 @@ interface TabsProps {
         label: string;
         component?: JSX.Element;
         disabled?: boolean;
+        count?: number | string;
     }[];
     /**
      * Defines the styling variant of the tabs.
@@ -1607,6 +1696,10 @@ interface CheckboxProps {
      * For partially checked checkbox
      */
     partial?: boolean;
+    /**
+     * For variant color
+     */
+    variant?: 'passed' | 'failed' | 'warning' | 'skipped' | 'flaky';
 }
 
 declare const Checkbox: React__default.FC<CheckboxProps>;
@@ -1625,9 +1718,13 @@ interface SearchProps {
      */
     disabled?: boolean;
     width?: number;
+    value: string;
+    isExpand: boolean;
+    onClose: () => void;
+    onExpand: (isExpand: boolean) => void;
 }
 
-declare const Search: ({ placeholder, onSearch, disabled, width, }: SearchProps) => react_jsx_runtime.JSX.Element;
+declare const Search: ({ placeholder, onSearch, disabled, width, value, isExpand, onClose, onExpand, }: SearchProps) => react_jsx_runtime.JSX.Element;
 
 interface DatePickerProps {
     /**
@@ -1708,9 +1805,10 @@ interface IconButtonProps {
     label: string;
     iconName: string;
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    ref?: React.Ref<HTMLButtonElement>;
 }
 
-declare const IconButton: React__default.FC<IconButtonProps>;
+declare const IconButton: React$1.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 interface ModalProps {
     isOpen: boolean;
@@ -1836,11 +1934,13 @@ interface PieChartProps {
 declare const PieChart: React__default.FC<PieChartProps>;
 
 interface AppHeaderProps {
+    width?: string;
     logoIconName: string;
     leftContent?: ReactNode;
     rightContent?: ReactNode;
     projectsList?: optionsType[];
     appHeaderMenuItems: appHeaderMenuItemProps[];
+    appHeaderHiddenMenuItems?: appHeaderHiddenMenuItemProps[];
     selectedMenu: string;
     selectedSubMenu?: string;
     selectedQuickMenu?: string;
@@ -1926,7 +2026,13 @@ type DashboardDonutChartProps = {
     labelFontSize?: number;
     subLabelFontSize?: number;
     legendPosition?: 'bottom' | 'right' | 'left';
+    chartGap?: number;
     legendGap?: number;
+    tableWidth?: number;
+    legendValueFontSize?: number;
+    legendKeyFontSize?: number;
+    labelYoffSet?: number;
+    subLabelYoffSet?: number;
 };
 
 declare const DashboardDonutChart: React__default.FC<DashboardDonutChartProps>;
@@ -1956,8 +2062,8 @@ interface SelectProps {
     label?: string;
     showLabel?: boolean;
     optionsList: any[];
-    selectedOption?: Option;
-    onChange: (option: Option) => void;
+    selectedOption?: Option$1;
+    onChange: (option: Option$1) => void;
     errorMsg?: string;
     className?: string;
     optionZIndex?: number;
@@ -1966,7 +2072,7 @@ interface SelectProps {
     showBorder?: boolean;
     required?: boolean;
 }
-interface Option {
+interface Option$1 {
     displayName: string | ReactNode;
     projectId: string;
     nlpType: string;
@@ -2039,9 +2145,9 @@ interface SequentialConnectingBranchProps {
     machineInstances?: ExecutionContext[] | {}[];
     machineColumnWidth?: number;
     machineColumnCount?: number;
-    selectedMachine?: Option$2;
-    machineOptionsList?: Option$2[];
-    onHandleSelect?: (option: Option$2) => void;
+    selectedMachine?: Option$3;
+    machineOptionsList?: Option$3[];
+    onHandleSelect?: (option: Option$3) => void;
     onAddBrowserInstance?: (modalId: string) => void;
     onUpdateAddBrowserInstance?: () => void;
     onDeleteBrowserInstance?: (id: string, runCount: number) => void;
@@ -2128,7 +2234,7 @@ interface AvatarProps {
     /**
      * This property specifies the name of the icon to be displayed within the avatar.
      */
-    iconName: string;
+    iconName?: string;
     /**
      * This property allows you to customize the color of the icon within the avatar.
      */
@@ -2141,6 +2247,14 @@ interface AvatarProps {
      * This property allows you to set a custom size for the icon within the avatar.
      */
     customIconSize?: number;
+    /**
+    * This property specifies the label to display inside the avatar, used as an alternative to the icon.
+    */
+    label?: string;
+    /**
+     * This property allows you to customize the font size of the label inside the avatar.
+     */
+    labelFontSize?: string;
 }
 
 declare const Avatar: React__default.FC<AvatarProps>;
@@ -2298,11 +2412,32 @@ interface IconRadialChartProps {
 declare const IconRadialChart: React__default.FC<IconRadialChartProps>;
 
 interface AttachImageProps {
+    /**
+     * The image source to display.
+     */
     imageSrc: string;
+    /**
+     * Function triggered when the expand icon is clicked.
+     */
     onExpandClick: () => void;
+    /**
+     * Function triggered when the delete icon is clicked.
+     */
     onDeleteClick: () => void;
+    /**
+     * Function triggered when the download icon is clicked.
+     */
     onDownloadClick: () => void;
+    /**
+     * Custom height for the component.
+     */
+    height?: string;
+    /**
+     * Custom width for the component.
+     */
+    width?: string;
 }
+
 declare const AttachImage: React__default.FC<AttachImageProps>;
 
 interface CardProps {
@@ -2366,10 +2501,18 @@ interface dropdownPositionType {
     left: number;
 }
 interface VariableDropdownProps {
+    /**
+     * Position whether absoloute or relative
+     */
+    position: 'absolute' | 'relative';
+    /**
+     * Dropdown width
+     */
+    width: string;
     /**
      * List of variables
      */
-    optionsList: {}[];
+    optionsList: DyanamicObj[];
     /**
      * Function to handle click on variable
      */
@@ -2377,7 +2520,7 @@ interface VariableDropdownProps {
     /**
      * Dropdown postion used for dropdown placement
      */
-    dropdownPosition: dropdownPositionType;
+    dropdownPosition?: dropdownPositionType;
 }
 
 declare const VariableDropdown: FC<VariableDropdownProps>;
@@ -2449,6 +2592,133 @@ interface fieldSetProps {
 
 declare const FieldSet: FC<fieldSetProps>;
 
+type DynamicObj = {
+    [key: string]: any;
+};
+interface CreateVariableProps {
+    /**
+     * Open Create variable Slider
+     */
+    isOpen: boolean;
+    /**
+     * Value for the variable name
+     */
+    variableName: string;
+    /**
+     * Value for the variable to be created
+     */
+    value: string;
+    /**
+     * List for the variable types
+     */
+    variableTypesList: DynamicObj[];
+    /**
+     * Selected variable type
+     */
+    selectedVariableType: DynamicObj;
+    /**
+     * Function to handle variable type change
+     * @param option
+     * @returns
+     */
+    onVariableTypeChange: (option: DynamicObj) => void;
+    /**
+     * Function to handle close
+     */
+    onClose?: () => void;
+    /**
+     * onChange of name
+     */
+    onNameChange: (value: string | boolean) => void;
+    /**
+     * onChange of value
+     */
+    onValueChange: (value: string | boolean) => void;
+    /**
+     * Hide value
+     */
+    hideValue: boolean;
+    /**
+     * onChange for hide value
+     */
+    onHideChange: (value: boolean) => void;
+    /**
+     * Function to handle submit
+     */
+    handleSubmit: () => void;
+}
+
+declare const CreateVariableSlider: FC<CreateVariableProps>;
+
+interface ColumnProps {
+    /**
+     * 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;
+}
+interface DataProps {
+    /**
+     * data for each row
+     */
+    [key: string]: any;
+}
+interface TableProps {
+    /**
+     * Column details for table
+     */
+    tableMeta: Array<ColumnProps>;
+    /**
+     * Data for table
+     */
+    tableData: Array<DataProps>;
+    /**
+     * Table type
+     */
+    accordionType: 'row' | 'column';
+    /**
+     *  Specific sentence to be displayed data not found
+     */
+    noDataContent?: string | ReactNode;
+    /**
+     * withFixedHeader prop to have non-scrollable fixed accordion table header
+     */
+    withFixedHeader?: boolean;
+    /**
+     *  Height of the table in string
+     */
+    height?: string;
+    /**
+     * Header type to have different background color
+     */
+    headerType: 'default' | 'primary' | 'secondary';
+    /**
+     * Accordion collapse and expand Icon width
+     */
+    TableAccordionStateIconWidth: number;
+    /**
+     * Accordion collapse and expand Icon height
+     */
+    TableAccordionStateIconHeight: number;
+}
+
+declare const TableWithAccordion: ({ tableMeta, tableData, accordionType, noDataContent, height, withFixedHeader, headerType, TableAccordionStateIconWidth, TableAccordionStateIconHeight, }: TableProps) => react_jsx_runtime.JSX.Element;
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -2516,6 +2786,7 @@ type BarChartProps = {
     iconSize?: number;
     backgroundColor?: string;
     legendPosition?: 'top' | 'bottom';
+    legendGap?: number;
 };
 declare const BarChart: React__default.FC<BarChartProps>;
 
@@ -2576,6 +2847,35 @@ declare const ConnectingBranch: React__default.FC;
 
 declare const saveFileFromBlob: (blob: Blob, filename: string) => void;
 
+declare const capitalize: (text: string) => string;
+
+interface CommentType {
+    id?: string | number;
+    description?: string;
+    createdBy?: string;
+    modifiedBy?: string;
+    createdByUname?: string;
+    modifiedByUname?: string;
+    createdOn?: string;
+    modifiedOn?: string;
+    name?: string;
+    emailId?: string[];
+    commentParentId?: string;
+    comments: CommentType[];
+}
+type HandleAddComment = (newComment: CommentType, parentCommentId?: string) => void;
+type HandleEditComment = (commentId: string, updatedDescription: string) => void;
+type HandleDeleteComment = (commentId: string) => void;
+interface CommentsProps {
+    commentsData: any;
+    handleAddComment: HandleAddComment;
+    handleEditComment: HandleEditComment;
+    handleDeleteComment: HandleDeleteComment;
+    onCommentsDataChange: (data: any) => void;
+}
+
+declare const Comments: ({ commentsData, onCommentsDataChange, }: CommentsProps) => react_jsx_runtime.JSX.Element;
+
 declare const useFileDropzone: (options: DropzoneOptions) => DropzoneState;
 
 interface PopUpModalProps {
@@ -2591,8 +2891,64 @@ interface PopUpModalProps {
     secondButtonLabel: string;
     buttonVariant: any;
     border: string;
+    colorForTitleMessage?: string;
 }
 
 declare const PopUpModal: FC<PopUpModalProps>;
 
-export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, ConnectingBranch, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PieChart, PopUpModal, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TreeTable as TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useTheme };
+declare function formatString(input: string, removeSections?: string[]): string;
+
+type dynamicObject = {
+    [key: string]: any;
+};
+interface AddVariableProps {
+    /**
+     * Label for the field
+     */
+    label?: string;
+    /**
+     * 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;
+    /**
+     * Value of the input field
+     */
+    value: string;
+    /**
+     * Width of the dropdown
+     */
+    dropdownWidth?: string;
+}
+
+declare const AddVariables: React__default.FC<AddVariableProps>;
+
+declare const hasDuplicateFile: (array: any[], property: string) => boolean;
+
+interface PhoneInputProps {
+    country: string;
+    value: string;
+    onChange: (phone: string) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    width?: string;
+    placeholder?: string;
+    isValid: any;
+}
+
+declare const PhoneInputField: React__default.FC<PhoneInputProps>;
+
+export { Accordion, AddButton as AddResourceButton, AddVariables, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, Comments, ConnectingBranch, Container, CreateVariableSlider, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PhoneInputField, PieChart, PopUpModal, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TreeTable as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useTheme };