pixel-react 1.6.9 → 1.7.0

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 {};

package/lib/index.d.ts

@@ -293,23 +293,23 @@ interface AccordionProps {
 declare const Accordion: ({ headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, accordionStateIconName, AccordionStateIconWidth, AccordionStateIconHeight, }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
 type OptionValue$1 = any;
-interface Option$4 {
+interface Option$3 {
     [key: string]: OptionValue$1;
 }
 interface MultiSelectProps {
-    options: Option$4[];
+    options: Option$3[];
     type?: 'email' | 'text';
     label: string;
-    selectedOptions?: Option$4[];
+    selectedOptions?: Option$3[];
     disabled?: boolean;
     onSearch?: (searchedKeyword: string) => void;
-    onChange?: (selectedOptions: Option$4[]) => void;
+    onChange?: (selectedOptions: Option$3[]) => void;
     acceptNewOption?: boolean;
     zIndex?: number;
     required?: boolean;
     errorMessage?: string;
     withSelectButton?: boolean;
-    onSelectButtonClick?: (selectedOptions: Option$4[]) => void;
+    onSelectButtonClick?: (selectedOptions: Option$3[]) => 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  */
@@ -325,9 +325,10 @@ interface MultiSelectProps {
     labelAccessor?: string;
     valueAccessor?: string;
     onEnter?: (newOption: string) => void;
+    loadMoreOptions?: () => void;
 }
 
-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;
+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, loadMoreOptions, onEnter, }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
 
 interface ToasterProps {
     /**Boolean value to handle state of toaster. */
@@ -495,7 +496,7 @@ 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.
      */
@@ -678,9 +679,9 @@ declare const ExpandableMenu: React.FC<ExpandableMenuProps>;
 interface SelectProps$1 {
     label?: string;
     showLabel?: boolean;
-    optionsList: Option$3[];
-    selectedOption?: Option$3;
-    onChange: (option: Option$3) => void;
+    optionsList: Option$2[];
+    selectedOption?: Option$2;
+    onChange: (option: Option$2) => void;
     errorMsg?: string;
     className?: string;
     optionZIndex?: number;
@@ -703,7 +704,7 @@ interface SelectProps$1 {
     iconName?: string;
 }
 type OptionValue = any;
-interface Option$3 {
+interface Option$2 {
     [key: string]: OptionValue;
 }
 
@@ -944,9 +945,10 @@ interface MenuOptionProps {
      * @optional
      */
     optionCardVariant?: 'primary';
+    targetRef?: React.RefObject<HTMLElement>;
 }
 
-declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
+declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant, targetRef, }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
 
 interface DataProps$1 {
     /**
@@ -1339,7 +1341,7 @@ declare const ForwardedForms: <T extends Form.FieldValues>(props: FormProps<T> &
     ref?: React__default.Ref<any>;
 }) => JSX.Element;
 
-interface Option$2 {
+interface Option$1 {
     label: string | ReactNode;
     value: string;
 }
@@ -1388,11 +1390,11 @@ interface InputWithDropdownProps {
     /**
      * Options for the select dropdown
      */
-    optionsList: Option$2[];
+    optionsList: Option$1[];
     /**
      * Selected option for the select dropdown
      */
-    selectedOption?: Option$2;
+    selectedOption?: Option$1;
     /**
      * onChange handler for input changes
      */
@@ -1494,6 +1496,7 @@ interface ModalDimensions {
     boxShadow?: string;
     left?: number;
     top?: number;
+    padding?: number;
 }
 interface MiniEditModalProps {
     /**
@@ -1624,10 +1627,10 @@ 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;
 }
 
-declare const TreeTable: React__default.FC<TreeTableProps>;
+declare const _default: React__default.NamedExoticComponent<TreeTableProps>;
 
 interface TabsProps {
     /**
@@ -2060,10 +2063,17 @@ declare const Recaptcha: React$1.ForwardRefExoticComponent<RecaptchaProps & Reac
 
 interface SelectProps {
     label?: string;
+    rightIcon?: string;
+    leftIcon?: string;
     showLabel?: boolean;
+    onHelpIconClick?: () => void;
+    webServiceClick?: () => void;
+    aiIconClick?: () => void;
+    rightIconColor: string;
     optionsList: any[];
-    selectedOption?: Option$1;
-    onChange: (option: Option$1) => void;
+    selectedOption?: NlpRenderOption;
+    containerWidth?: string | number;
+    onChange: (option: NlpRenderOption) => void;
     errorMsg?: string;
     className?: string;
     optionZIndex?: number;
@@ -2071,16 +2081,19 @@ interface SelectProps {
     borderRadius?: boolean;
     showBorder?: boolean;
     required?: boolean;
+    value: string;
+    onSelect: (e: any) => void;
 }
-interface Option$1 {
+interface NlpRenderOption {
     displayName: string | ReactNode;
     projectId: string;
     nlpType: string;
     platform: string;
     disabled?: boolean;
+    videoSrc?: string;
 }
 
-declare const NlpInput: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, }: SelectProps) => 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) => react_jsx_runtime.JSX.Element;
 
 interface IconRadioItem {
     /**
@@ -2137,6 +2150,7 @@ interface MachineInputFieldProps {
     className?: string;
     contentReverse?: boolean;
     onClick?: () => void;
+    modalId?: string;
 }
 
 declare const MachineInputField: React$1.ForwardRefExoticComponent<MachineInputFieldProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -2145,23 +2159,29 @@ interface SequentialConnectingBranchProps {
     machineInstances?: ExecutionContext[] | {}[];
     machineColumnWidth?: number;
     machineColumnCount?: number;
-    selectedMachine?: Option$3;
-    machineOptionsList?: Option$3[];
-    onHandleSelect?: (option: Option$3) => void;
+    selectedMachine?: Option$2;
+    machineOptionsList?: Option$2[];
+    onHandleSelect?: (option: Option$2) => void;
     onAddBrowserInstance?: (modalId: string) => void;
-    onUpdateAddBrowserInstance?: () => void;
+    onUpdateAddBrowserInstance: (modalId: string, machineInstance: ExecutionContext) => void;
     onDeleteBrowserInstance?: (id: string, runCount: number) => void;
     onAddRunBrowserInstance?: (machineInstanceId: string) => void;
     onDeleteMachineInstance?: () => void;
     onUpdateDataSetList: (id: string, dataSetObject: dataSetValues, isInstance?: boolean, noOfRuns?: number, machineInstanceId?: string) => void;
     dataSetValues: dataSetValues;
+    addInstanceLabel?: string;
+    scriptType?: string;
+    projectType?: string;
 }
 interface MachineInfo {
     osName: string;
     osVersion: string;
     hostName: string;
+    iconName: string;
 }
 interface DeviceInfo {
+    name: string;
+    platform: string;
 }
 interface ExecutionContext {
     machineInstanceId: string;
@@ -2299,6 +2319,7 @@ interface LabelEditTextFieldTypes$1 {
     isOpen?: boolean;
     /**for conditionally handle custom error */
     customErrorCondition?: boolean;
+    placeholder?: string;
     onClick?: () => void;
     tooltip?: {
         tooltipTitle?: string;
@@ -2541,44 +2562,37 @@ interface LineChartProps {
     textSize?: string | number;
     fontWeight?: string | number;
     numberSize?: string | number;
+    proportionalSpacing?: boolean;
 }
 
 declare const LineChart: React__default.FC<LineChartProps>;
 
 interface DownloadClientProps {
     /**
-     * Title of the popup.
-     */
-    title: string;
+     * Close dialog function to close the modal dialog
+     **/
+    onClose: () => void;
     /**
-     * Description or body text of the popup.
-     */
-    description: string;
+     * distance between modal dialog and parent from top
+     **/
+    top?: string;
     /**
-     * Callback for when the "Cancel" icon is clicked.
-     */
-    onCancel: () => void;
+     * distance between modal dialog and parent from left
+     **/
+    left?: string;
     /**
-     * Callback for when the "Download for Windows" icon is clicked.
-     */
-    onDownloadWindows: () => void;
+     * To be used custom properties for the modal dialog through className
+     **/
+    className?: string;
     /**
-     * Callback for when the "Download for macOS" icon is clicked.
-     */
-    onDownloadMac: () => void;
+     * Description of the dialog box
+     **/
+    description?: string;
     /**
-     * Optional flag to control whether to display icons for download actions instead of buttons.
-     * Defaults to `false` for buttons.
-     */
-    showIcons?: boolean;
-}
-interface DownloadClientProps {
-    onClose?: () => void;
-    onClickWindows: () => void;
-    onClickLinux: () => void;
-    onClickMac: () => void;
-    top?: string;
-    left?: string;
+     * Download button function
+     **/
+    onClick?: (os: string) => void;
+    optionZIndex?: number;
 }
 
 declare const DownloadClient: React.FC<DownloadClientProps>;
@@ -2719,6 +2733,21 @@ interface TableProps {
 
 declare const TableWithAccordion: ({ tableMeta, tableData, accordionType, noDataContent, height, withFixedHeader, headerType, TableAccordionStateIconWidth, TableAccordionStateIconHeight, }: TableProps) => react_jsx_runtime.JSX.Element;
 
+interface ProgressBarProps {
+    progressPercentage: number;
+    color?: string;
+    trackColor?: string;
+    height?: number;
+    label?: string;
+    showPercentage?: boolean;
+    percentageFontSize?: number;
+    percentageTextColor?: string;
+    labelFontSize?: number;
+    labelTextColor?: string;
+}
+
+declare const ProgressBar: React__default.FC<ProgressBarProps>;
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -2816,6 +2845,7 @@ interface OperatingSystemInfo {
     osName: string;
     osVersion: string;
     hostName: string;
+    iconName: string;
 }
 interface RunLevelExecutionDataSet {
     peVariableSetId: string;
@@ -2902,11 +2932,26 @@ declare function formatString(input: string, removeSections?: string[]): string;
 type dynamicObject = {
     [key: string]: any;
 };
-interface AddVariableProps {
+type TestDataObject = {
+    _id: string;
+    name: string;
+    actualPath: string;
+    searchKey: string;
+    parentId: string;
+};
+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
      */
@@ -2920,7 +2965,7 @@ interface AddVariableProps {
      * @param value
      * @returns
      */
-    onChange: (value: string) => void;
+    onChange?: (value: string) => void;
     /**
      * Function to handle create variable icon click
      */
@@ -2932,11 +2977,11 @@ interface AddVariableProps {
     /**
      * Name | name of the input field
      */
-    name: string;
+    name?: string;
     /**
      * value | input field value
      */
-    value: string;
+    value?: string;
     /**
      * variants to set color/style of the input field
      */
@@ -2944,7 +2989,7 @@ interface AddVariableProps {
     /**
      * type to set color/style of the input field
      */
-    type: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
+    type?: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
     /**
      * error | If true, error message will be displayed
      */
@@ -2997,9 +3042,17 @@ interface AddVariableProps {
      * 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[];
 }
 
-declare const AddVariables: React__default.FC<AddVariableProps>;
+declare const ConditionalDropdown: React__default.FC<ConditionalDropdownProps>;
 
 declare const hasDuplicateFile: (array: any[], property: string) => boolean;
 
@@ -3016,4 +3069,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, ProgressBar, 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 };