pixel-react-excel-sheet 1.0.18 → 1.0.20

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/index.d.ts

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

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

@@ -0,0 +1,99 @@
+export type dynamicObject = {
+    [key: string]: any;
+};
+export interface ConditionalDropdownProps {
+    /**
+     * 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;
+    /**
+     * 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;
+}

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/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/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/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/index.d.ts

@@ -1429,7 +1429,7 @@ interface InputWithDropdownProps {
     dropdownPosition?: 'left' | 'right';
 }
 
-declare const InputWithDropdown: ({ name, label, value, disabled, required, placeholder, error, helperText, optionsList, selectedOption, autoComplete, onDropdownChangeHandler, onInputChangeHandler, onInputBlurHandler, optionsRequired, dropdownPosition, type, }: InputWithDropdownProps) => react_jsx_runtime.JSX.Element;
+declare const InputWithDropdown: React$1.ForwardRefExoticComponent<InputWithDropdownProps & React$1.RefAttributes<HTMLInputElement>>;
 
 /**
  * Props for the RadioButton component.
@@ -1627,7 +1627,7 @@ interface TreeTableProps {
     onPagination?: (_direction: string) => void;
 }
 
-declare const TreeTable: React__default.FC<TreeTableProps>;
+declare const _default: React__default.NamedExoticComponent<TreeTableProps>;
 
 interface TabsProps {
     /**
@@ -1834,7 +1834,7 @@ interface ModalProps {
     /***Content to be displayed inside the modal */
     children: ReactNode;
     isFooterDisplayed: boolean;
-    customWidth: string;
+    customWidth?: string;
     customHeight?: string;
     zIndex?: number;
     boxShadow?: string;
@@ -2631,11 +2631,11 @@ 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
      */
@@ -2888,12 +2888,13 @@ 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;
 }
 
 declare const PopUpModal: FC<PopUpModalProps>;
@@ -2903,7 +2904,7 @@ declare function formatString(input: string, removeSections?: string[]): string;
 type dynamicObject = {
     [key: string]: any;
 };
-interface AddVariableProps {
+interface ConditionalDropdownProps {
     /**
      * Label for the field
      */
@@ -2927,16 +2928,80 @@ interface AddVariableProps {
      */
     onCreateVariableClick?: () => void;
     /**
-     * Value of the input field
+     * Width of the dropdown
+     */
+    dropdownWidth?: string;
+    /**
+     * Name | name of the input field
+     */
+    name: string;
+    /**
+     * value | input field value
      */
     value: string;
     /**
-     * Width of the dropdown
+     * variants to set color/style of the input field
      */
-    dropdownWidth?: string;
+    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;
 }
 
-declare const AddVariables: React__default.FC<AddVariableProps>;
+declare const ConditionalDropdown: React__default.FC<ConditionalDropdownProps>;
 
 declare const hasDuplicateFile: (array: any[], property: string) => boolean;
 
@@ -2953,4 +3018,4 @@ interface PhoneInputProps {
 
 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 };
+export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, Comments, ConditionalDropdown, 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, _default 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 };