pixel-react 1.11.22 → 1.11.24

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

@@ -0,0 +1,28 @@
+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;
+    value: string;
+    isExpand: boolean;
+    onClose: () => void;
+    onExpand: (isExpand: boolean) => void;
+    showClose?: boolean;
+    helperText?: string;
+    showToaster?: boolean;
+    minLength?: number;
+    isAISearch?: boolean;
+    isAISearchClicked?: boolean;
+    handleActiveAiSearch?: () => void;
+    isClear?: boolean;
+    handleIsClear?: () => void;
+}

package/lib/components/Search/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/Search/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Search/types.ts"],"names":[],"mappings":""}

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

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

package/lib/components/Select/Select.js

@@ -0,0 +1,182 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from 'react';
+import './Select.scss';
+import Icon from '../Icon';
+import Typography from '../Typography';
+import classNames from 'classnames';
+import { createPortal } from 'react-dom';
+import Dropdown from './components/Dropdown';
+import { getValue } from '../../utils/getSelectOptionValue/getSelectOptionValue';
+import usePortalPosition from '../../hooks/usePortalPosition';
+import Tooltip from '../Tooltip';
+const Select = ({ label = 'Default Label', showLabel = true, optionsList = [], selectedOption = { label: '', value: '' }, onChange = () => { }, errorMsg = '', className = '', optionZIndex = 1500, disabled = false, showBorder = true, required = true, optionsRequired = true, selectedOptionColor = 'var(--ff-select-text-color)', labelAccessor = '', valueAccessor = '', height = 32, width = '100%', onBlur = () => { }, disableInput = false, showIcon = false, placeHolder = '', showToolTip = false, onCancelModal = () => { }, onSaveModal = () => { }, modalJSXProps = _jsx(_Fragment, {}), recurrence = false, showArrowIcon = true, showClearIcon = false, handelClear = () => { }, showOptions = { open: false, toggle: false }, tooltip = false, }) => {
+    const selectWidth = typeof width === 'number' ? `${width}px` : width;
+    const memoizedOptionsList = useMemo(() => optionsList, [optionsList]);
+    const [showDropdownOptions, setShowDropdownOptions] = useState(false);
+    const [customRecurrence, setCustomRecurrence] = useState(false);
+    const [searchedOption, setSearchedOption] = useState({
+        searchedText: '',
+        searchedIcon: '',
+    });
+    const { searchedText, searchedIcon } = searchedOption;
+    const [selectOptionList, setSelectOptionList] = useState([]);
+    const [dropdownPosition, setDropdownPosition] = useState({
+        positionX: 0,
+        positionY: 0,
+        width: 0,
+        fromBottom: 0,
+    });
+    const DropdownRef = useRef(null);
+    const selectWrapperRef = useRef(null);
+    const inputRef = useRef(null);
+    const selectArrowRef = useRef(null);
+    const calculatePosition = usePortalPosition(inputRef, showDropdownOptions);
+    const handleIconClick = () => {
+        if (disabled)
+            return;
+        setShowDropdownOptions(!showDropdownOptions);
+        setSearchedOption({
+            ...searchedOption,
+            searchedText: getValue(selectedOption, valueAccessor) || '',
+        });
+        setSelectOptionList(optionsList);
+        if (!showDropdownOptions && inputRef.current) {
+            inputRef.current.focus();
+        }
+    };
+    const handleChange = (event) => {
+        if (disabled)
+            return;
+        const { value } = event.target;
+        const filteredOptions = optionsList.filter((option) => {
+            const valueData = getValue(option, valueAccessor);
+            return typeof valueData === 'string'
+                ? valueData.toLowerCase().includes(value.toLowerCase().trim())
+                : valueData === Number(value);
+        });
+        setSelectOptionList(filteredOptions);
+        setSearchedOption({
+            ...searchedOption,
+            searchedText: value,
+        });
+    };
+    const onSelectUpdatePosition = () => {
+        if (!showDropdownOptions || !DropdownRef?.current || disabled)
+            return;
+        setDropdownPosition(calculatePosition(inputRef));
+    };
+    const onSelectToggleScroll = (isEnabled) => {
+        const scrollWidth = window.innerWidth - document.documentElement.clientWidth;
+        if (isEnabled) {
+            document.body.style.paddingRight = '';
+            document.body.style.overflow = '';
+        }
+        else {
+            document.body.style.paddingRight = `${scrollWidth}px`;
+            document.body.style.overflow = 'hidden';
+        }
+    };
+    const handleFocus = () => {
+        if (disabled)
+            return;
+        setShowDropdownOptions(true);
+    };
+    useEffect(() => {
+        if (showOptions.open) {
+            setShowDropdownOptions(true);
+        }
+    }, [showOptions.toggle]);
+    const onSelectBlur = () => {
+        setShowDropdownOptions(false);
+        setDropdownPosition({
+            positionX: 0,
+            positionY: 0,
+            fromBottom: 0,
+            width: 0,
+        });
+        setSearchedOption({
+            searchedText: getValue(selectedOption, valueAccessor) || '',
+            searchedIcon: selectedOption.iconName || '',
+        });
+        setSelectOptionList(optionsList);
+        setCustomRecurrence(false);
+        onBlur();
+    };
+    const onSelectOptionSelector = (option) => {
+        if (disabled)
+            return;
+        const isCustomRecurrence = option?.recurrence || false;
+        setCustomRecurrence(isCustomRecurrence);
+        setSearchedOption({
+            searchedText: getValue(selectedOption, valueAccessor),
+            searchedIcon: selectedOption.iconName,
+        });
+        if (onChange) {
+            onChange(option);
+        }
+        if (!isCustomRecurrence) {
+            onSelectBlur();
+        }
+    };
+    const handleResizeOrScroll = () => onSelectUpdatePosition();
+    const hideShowScrollbar = () => {
+        if (disabled)
+            return;
+        if (showDropdownOptions && optionsRequired) {
+            onSelectToggleScroll(!showDropdownOptions);
+        }
+        onSelectUpdatePosition();
+        window.addEventListener('resize', handleResizeOrScroll);
+        window.addEventListener('scroll', handleResizeOrScroll);
+    };
+    useEffect(() => {
+        hideShowScrollbar();
+        return () => {
+            onSelectToggleScroll(true);
+            window.removeEventListener('resize', handleResizeOrScroll);
+            window.removeEventListener('scroll', handleResizeOrScroll);
+        };
+    }, [showDropdownOptions]);
+    useEffect(() => {
+        setSearchedOption({
+            searchedText: getValue(selectedOption, valueAccessor),
+            searchedIcon: selectedOption.iconName,
+        });
+    }, [
+        selectedOption?.label,
+        selectedOption?.value,
+        selectedOption?.iconName,
+        getValue(selectedOption, valueAccessor),
+    ]);
+    useEffect(() => {
+        setSelectOptionList(memoizedOptionsList);
+    }, [memoizedOptionsList]);
+    if (showLabel) {
+        placeHolder = '';
+    }
+    return (_jsxs("div", { className: `ff-select-wrapper ${className}`, ref: selectWrapperRef, style: { height: `${height}px`, width: `${selectWidth}` }, children: [_jsxs("div", { className: classNames('ff-select', {
+                    'ff-select__focus': showDropdownOptions,
+                    'ff-select__disabled': disabled,
+                    'ff-select__error': !!errorMsg,
+                    'ff-select__error__focused': !!errorMsg && showDropdownOptions,
+                    'ff-select__no_border': !showBorder,
+                }), children: [showIcon && (_jsx(Tooltip, { placement: "bottom", title: searchedText, children: _jsx(Icon, { name: searchedIcon, className: "ff-select-input-icon" }) })), _jsx(Tooltip, { title: tooltip ? searchedText : '', style: { width: '100%' }, children: _jsx("input", { type: "text", ref: inputRef, id: "select-input-element", className: classNames('ff-select-inputField', {
+                                'ff-select-inputField__disabled': disabled,
+                                'ff-select-inputField__readonly': disableInput,
+                                'ff-select-inputField__icon': showIcon,
+                            }), onFocus: handleFocus, value: searchedText, autoCorrect: "off", autoComplete: "off", spellCheck: "false", style: {
+                                zIndex: optionZIndex,
+                                color: selectedOptionColor,
+                            }, disabled: disabled, onChange: handleChange, readOnly: disableInput, placeholder: placeHolder }) }), optionsRequired && (_jsxs("div", { ref: selectArrowRef, className: classNames('ff-select-arrows-wrapper', {
+                            'ff-select-arrows-wrapper__disabled': disabled,
+                        }), onClick: handleIconClick, children: [showArrowIcon && (_jsx(Icon, { name: "arrow_down", className: "ff-select-arrows", height: 8, width: 12 })), showClearIcon && (_jsx(Icon, { name: "close", height: 12, width: 12, onClick: handelClear }))] })), showLabel && (_jsx(Typography, { as: "span", className: classNames('ff-select-labels', {
+                            'ff-select-labels__icon': showIcon,
+                            'ff-select-labels__active': searchedText,
+                        }), fontSize: searchedText || showDropdownOptions ? 10 : 12, lineHeight: searchedText || showDropdownOptions ? '10px' : '12px', required: required, children: label }))] }), errorMsg && (_jsx(Typography, { as: "div", lineHeight: "15px", fontSize: 10, color: "var(--error_light)", className: "ff-select-error-msg", children: errorMsg })), optionsRequired && (_jsx("div", { ref: DropdownRef, children: showDropdownOptions &&
+                    createPortal(_jsx(Dropdown, { options: selectOptionList, dropdownPosition: dropdownPosition, labelAccessor: labelAccessor, optionZIndex: optionZIndex, inputRef: inputRef, selectArrowRef: selectArrowRef, onSelectBlur: onSelectBlur, onSelectOptionSelector: onSelectOptionSelector, heightFromTop: height, selectedOption: searchedText, showIcon: showIcon, showToolTip: showToolTip, customReccurenece: customRecurrence, onSaveModal: onSaveModal, onCancelModal: () => {
+                            onCancelModal();
+                            setCustomRecurrence(false);
+                        }, modalJSXProps: modalJSXProps, recurrence: recurrence, valueAccessor: valueAccessor, showArrowIcon: showArrowIcon, showClearIcon: showClearIcon }), document.body) }))] }));
+};
+export default Select;
+//# sourceMappingURL=Select.js.map

package/lib/components/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}

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

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

package/lib/components/Select/components/Dropdown.js

@@ -0,0 +1,92 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext, useRef } from 'react';
+import { dropdownDefaultCSSData } from './types';
+import './Dropdown.scss';
+import { checkEmpty } from '../../../utils/checkEmpty/checkEmpty';
+import Typography from '../../Typography';
+import { ThemeContext } from '../../ThemeProvider/ThemeProvider';
+import classNames from 'classnames';
+import { getLabel, getValue, } from '../../../utils/getSelectOptionValue/getSelectOptionValue';
+import useClickOutside from '../../../hooks/useClickOutside';
+import Icon from '../../Icon';
+import Tooltip from '../../Tooltip';
+import Button from '../../Button';
+const Dropdown = ({ options = [], optionZIndex = 10000000, dropdownPosition, labelAccessor, onSelectOptionSelector, onSelectBlur, inputRef, selectArrowRef, heightFromTop, selectedOption, valueAccessor, showIcon = false, showToolTip = false, customReccurenece = true, onCancelModal = () => { }, onSaveModal = () => { }, recurrence = false, modalJSXProps = _jsx(_Fragment, {}), showArrowIcon = true, showClearIcon = false, }) => {
+    const themeContext = useContext(ThemeContext);
+    const currentTheme = themeContext?.currentTheme;
+    const customRecurrenceOnBlur = customReccurenece ? () => { } : onSelectBlur;
+    const optionsWrapperRef = useRef(null);
+    useClickOutside(optionsWrapperRef, customRecurrenceOnBlur, [
+        inputRef,
+        selectArrowRef,
+    ]);
+    const { positionX, positionY, fromBottom, width } = dropdownPosition;
+    const { margin, optionHeight, selectInputHeight, dropDownWrapperPadding } = dropdownDefaultCSSData;
+    const updateDropdownPosition = () => {
+        let dropdownContainerHeight;
+        if (checkEmpty(options)) {
+            dropdownContainerHeight = 32 + 2 * dropDownWrapperPadding;
+        }
+        else if (options?.length > 5) {
+            dropdownContainerHeight = 160;
+        }
+        else {
+            dropdownContainerHeight =
+                options.length * optionHeight + 2 * dropDownWrapperPadding;
+        }
+        if (fromBottom > dropdownContainerHeight + margin) {
+            return {
+                left: positionX,
+                top: positionY + heightFromTop - 10,
+                width: showIcon
+                    ? width + 70
+                    : showArrowIcon || showClearIcon
+                        ? width + 32
+                        : width + 10,
+                zIndex: optionZIndex,
+                marginLeft: showIcon ? '-31px' : '-2px',
+            };
+        }
+        return {
+            zIndex: optionZIndex,
+            left: positionX,
+            width: showIcon ? width + 70 : showArrowIcon ? width + 32 : width + 10,
+            top: positionY - selectInputHeight - dropdownContainerHeight + 4 * margin,
+            marginLeft: showIcon ? '-29px' : '-2px',
+        };
+    };
+    const getOptionLabel = (label, icon) => {
+        if (React.isValidElement(label)) {
+            return label;
+        }
+        return (_jsxs(Tooltip, { placement: "bottom", title: showToolTip ? label : '', zIndex: optionZIndex + 1, style: {
+                width: '100%',
+                height: '32px',
+                display: 'flex',
+                alignItems: 'center',
+            }, children: [showIcon && _jsx(Icon, { name: icon, className: "ff-select-dropdown__icon" }), _jsx(Typography, { as: "div", lineHeight: "25px", color: "var(--ff-select-text-color)", className: classNames('ff-select-dropdown-text', {
+                        'ff-select-dropdown-icon-container': showIcon,
+                    }), children: label })] }));
+    };
+    const onHandleCancelModal = () => {
+        onCancelModal();
+    };
+    const onHandleSaveModal = () => {
+        onSelectBlur();
+        onSaveModal();
+    };
+    return (_jsxs("div", { className: classNames('ff-select-dropdown-wrapper', currentTheme, {
+            'ff-select-dropdown-modal-wrapper': recurrence,
+            'ff-select-dropdown-mini-modal-wrapper': customReccurenece,
+        }), ref: optionsWrapperRef, style: updateDropdownPosition(), children: [_jsx("div", { className: classNames({
+                    'ff-select-label-minimodal-wrapper': customReccurenece,
+                }), children: !checkEmpty(options) ? (options.map((option, index) => (_jsx("div", { className: classNames('ff-select-dropdown-option', {
+                        'ff-select-dropdown-option__selected': getValue(option, valueAccessor) === selectedOption,
+                    }, currentTheme), onClick: () => {
+                        if ('disable' in option && option['disable'])
+                            return;
+                        onSelectOptionSelector(option);
+                    }, children: getOptionLabel(getLabel(option, labelAccessor), 'iconName' in option && option['iconName']) }, index)))) : (_jsx(Typography, { textAlign: "center", as: "div", lineHeight: "32px", color: "var(--ff-select-text-color)", className: classNames('ff-select-no-option', currentTheme), children: "No Results found" })) }), customReccurenece && (_jsx("div", { className: "ff-select-mini-modal-wrapper", id: "ff-select-mini-id", children: _jsxs("div", { className: "ff-select-modal-wrapper", children: [_jsx(_Fragment, { children: modalJSXProps }), _jsxs("div", { className: "ff-select-mini-modal-footer", children: [_jsx(Button, { label: "Cancel", variant: "tertiary", onClick: onHandleCancelModal }), _jsx(Button, { label: "Save", variant: "secondary", onClick: onHandleSaveModal })] })] }) }))] }));
+};
+export default Dropdown;
+//# sourceMappingURL=Dropdown.js.map

package/lib/components/Select/components/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Select/components/Dropdown.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,30 @@
+import { DropdownPosition, Option } from '../types';
+import { ReactNode, RefObject } from 'react';
+export interface DropdownProps {
+    options: Option[];
+    dropdownPosition: DropdownPosition;
+    optionZIndex: number;
+    labelAccessor?: string;
+    valueAccessor?: string;
+    onSelectBlur: () => void;
+    onSelectOptionSelector: (option: Option) => void;
+    inputRef?: RefObject<HTMLInputElement>;
+    selectArrowRef?: RefObject<HTMLDivElement>;
+    heightFromTop: number;
+    selectedOption?: Option;
+    showIcon?: boolean;
+    showToolTip?: boolean;
+    customReccurenece?: boolean;
+    onCancelModal?: () => void;
+    onSaveModal?: () => void;
+    modalJSXProps?: ReactNode;
+    recurrence?: boolean;
+    showArrowIcon?: boolean;
+    showClearIcon?: boolean;
+}
+export declare const dropdownDefaultCSSData: {
+    margin: number;
+    optionHeight: number;
+    selectInputHeight: number;
+    dropDownWrapperPadding: number;
+};

package/lib/components/Select/components/types.js

@@ -0,0 +1,7 @@
+export const dropdownDefaultCSSData = {
+    margin: 6,
+    optionHeight: 32,
+    selectInputHeight: 38,
+    dropDownWrapperPadding: 0,
+};
+//# sourceMappingURL=types.js.map

package/lib/components/Select/components/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Select/components/types.ts"],"names":[],"mappings":"AA0BA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,EAAE;IAChB,iBAAiB,EAAE,EAAE;IACrB,sBAAsB,EAAE,CAAC;CAC1B,CAAC"}

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

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

package/lib/components/Select/index.js

@@ -0,0 +1,2 @@
+export { default } from './Select';
+//# sourceMappingURL=index.js.map

package/lib/components/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,99 @@
+import { ReactNode } from 'react';
+export interface SelectProps {
+    label?: string;
+    showLabel?: boolean;
+    /**
+     * Provide the boolean value if arrow icon is reuired or not
+     */
+    showArrowIcon?: 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?: string;
+    labelAccessor?: string;
+    valueAccessor?: string;
+    height?: number;
+    width?: number | string;
+    onBlur?: () => void;
+    disableInput?: boolean;
+    showIcon?: boolean;
+    iconName?: string;
+    /**
+     * Provide the placehoder for the select
+     */
+    placeHolder?: string;
+    /**
+     * Provide the boolean value if tooltip is reuired or not
+     */
+    showToolTip?: boolean;
+    /**
+     * Provide the background color for the select label on the hover state
+     */
+    labelBackgroundColor?: string;
+    /**
+     * To close the modal in the select dropdown
+     */
+    onCancelModal?: () => void;
+    /**
+     * To close the modal in the select dropdown
+     */
+    onSaveModal?: () => void;
+    /**
+     * Pass the custom Jsx for the Modal
+     */
+    modalJSXProps?: ReactNode;
+    /**
+     * Pass the recurrence boolean for the exeception cases
+     */
+    recurrence?: boolean;
+    /**
+     * Toggles the visibility of dropdown options, when called, toggles the dropdown visibility
+     */
+    showOptions?: {
+        open: boolean;
+        toggle: boolean;
+    };
+    /**
+     * Tooltip for input data
+     */
+    tooltip?: boolean;
+    /**
+     * Provide the boolean value if close icon is reuired or not
+     */
+    showClearIcon?: boolean;
+    /**
+     * Handel function for clearing the selected data
+     */
+    handelClear?: () => void;
+}
+export interface DropdownPosition {
+    positionX: number;
+    positionY: number;
+    width: number;
+    fromBottom: number;
+}
+export interface SelectState {
+    isInputFocused: boolean;
+    iconColor: string;
+    isIconClick: boolean;
+    showOptions: boolean;
+    options: Option[];
+    option: string;
+    dropdownPosition: DropdownPosition;
+}
+type OptionValue = any;
+export interface Option {
+    [key: string]: OptionValue;
+}
+export {};

package/lib/components/Select/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/Select/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Select/types.ts"],"names":[],"mappings":""}

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

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

package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+import Button from '../Button';
+import Icon from '../Icon';
+import Select from '../Select';
+import Typography from '../Typography';
+import './SequentialConnectingBranch.scss';
+import { useEffect, useRef, useState } from 'react';
+import ConnectingBranches from './components/ConnectingBranches/ConnectingBranches';
+import Tooltip from '../Tooltip';
+import DataSetTooltip from './components/DatasetTooltip/DataSetTooltip';
+const SequentialConnectingBranch = ({ machineInstances = [], machineColumnWidth = 180, machineColumnCount = 1, selectedMachine = {}, machineOptionsList = [], onHandleSelect = () => { }, onAddBrowserInstance = () => { }, onAddRunBrowserInstance = () => { }, onDeleteBrowserInstance = () => { }, onUpdateDataSetList = () => { }, onDeleteMachineInstance = () => { }, dataSetValues = {
+    testDataSetId: '',
+    globalVariableSetId: '',
+    peVariableSetId: '',
+    globalVariableSetName: '',
+    peVariableSetName: '',
+    testDataSetName: '',
+}, onUpdateAddBrowserInstance = () => { }, addInstanceLabel = 'Add Environment', placeholder = 'Choose Machine', scriptType = 'Automation', projectType = 'Web', readOnly = false, zIndex = 99999, maxRunCount = 35, }) => {
+    const [selectedMachineInstance, setSelectedMachineInstance] = useState({});
+    const selectButtonRef = useRef(null);
+    const defaultMachineColumnCount = Math.max(machineColumnCount, 1);
+    const defaultMachineColumnWidth = Math.max(machineColumnWidth, 180);
+    const [machineBranchInstances, setMachineBranchInstances] = useState([]);
+    const isMachineInstances = checkEmpty(machineInstances);
+    let isMachineSelected = checkEmpty(selectedMachine.value?.clientId);
+    if (scriptType === 'Manual') {
+        isMachineSelected = checkEmpty(selectedMachine.value);
+    }
+    const getMachineStatusColor = (machineStatus = '') => {
+        if (machineStatus.toLowerCase().includes('inactive'))
+            return 'var(--ff-machine-inactive-status-color)';
+        if (machineStatus.toLowerCase().includes('running'))
+            return 'var(--ff-machine-running-status-color)';
+        if (machineStatus.toLowerCase().includes('active'))
+            return 'var(--ff-machine-active-status-color)';
+        return 'var(--ff-machine-active-status-color))';
+    };
+    useEffect(() => {
+        setSelectedMachineInstance(selectedMachine);
+    }, [selectedMachine]);
+    useEffect(() => {
+        if (readOnly) {
+            setMachineBranchInstances(machineInstances);
+        }
+        else {
+            setMachineBranchInstances([...machineInstances, {}]);
+        }
+    }, [machineInstances]);
+    const hideDataSet = scriptType.toLowerCase() !== 'manual';
+    const removeKeysContainingSubstring = (obj, substring) => {
+        return Object.fromEntries(Object.entries(obj).filter(([key]) => !key.includes(substring)));
+    };
+    const filteredDataSetValues = removeKeysContainingSubstring(dataSetValues, 'Id');
+    return (_jsxs("div", { className: "ff-sequential-connecting-branch-wrapper", children: [_jsxs("div", { className: "ff-connecting-select-branch-wrapper", children: [_jsxs("div", { className: "ff-select-branch-wrapper", children: [_jsx(Select, { onChange: onHandleSelect, optionsList: machineOptionsList, label: placeholder, required: false, showLabel: true, className: "ff-sequential-select-branch", width: '240px', selectedOption: selectedMachineInstance, valueAccessor: 'name', optionsRequired: !readOnly, disableInput: readOnly, optionZIndex: zIndex }), !isMachineSelected && (_jsxs("div", { className: classNames({
+                                    'ff-select-branch-arrow': isMachineInstances,
+                                    'ff-select-branch-arrow-down': !isMachineInstances,
+                                }), children: [_jsx("div", { className: "ff-select-branch-point" }), _jsxs("div", { className: "ff-select-branch-arrow", children: [_jsx("div", { className: "ff-branch-arrow-wrapper", children: isMachineInstances && (_jsx("div", { className: "ff-branch-arrow" })) }), isMachineInstances && (_jsx(_Fragment, { children: _jsx(Button, { variant: "tertiary", label: projectType === 'Manual' ? "+ Machine" : "+ Environment", size: "small", className: "branch-button", ref: selectButtonRef, onClick: () => onAddBrowserInstance('ff-sequential-branch-button'), id: "ff-sequential-branch-button" }) }))] })] }))] }), !isMachineSelected && (_jsxs("div", { className: "ff-select-scope-datalist", children: [_jsx("div", { className: "ff-scope-wrapper", children: _jsx(Typography, { as: "span", color: getMachineStatusColor(selectedMachine.value?.status), className: "ff-scope-text", children: selectedMachine.value?.status }) }), _jsxs("div", { className: "ff-datalist-wrapper", children: [hideDataSet && (_jsx("div", { id: "ff-sequential-machine-datalist", onClick: () => {
+                                            if (readOnly)
+                                                return;
+                                            onUpdateDataSetList('ff-sequential-machine-datalist', dataSetValues);
+                                        }, children: _jsxs(Tooltip, { placement: "bottom", title: _jsx("div", { children: _jsx(DataSetTooltip, { datSetToolTip: filteredDataSetValues }) }), style: { display: 'flex', alignItems: 'center' }, children: [_jsx(Icon, { name: "datalist_icon", className: "ff-dataset-icon", hoverEffect: true }), _jsx(Typography, { as: "span", color: "var(--ff-connecting-branch-color)", className: "ff-datalist-text", children: "Data Set List" })] }) })), !readOnly && (_jsx(Icon, { name: "delete", className: "ff-run-delete-icon", color: "var(--ff-connecting-branch-delete-color)", onClick: onDeleteMachineInstance, hoverEffect: true }))] })] }))] }), _jsx("div", { className: "ff-sequential-branches-wrapper", children: !isMachineInstances && (_jsx(ConnectingBranches, { machineBranchInstances: machineBranchInstances, machineColumnCount: defaultMachineColumnCount, machineColumnWidth: defaultMachineColumnWidth, onAddBrowser: onAddBrowserInstance, onDeleteBrowser: onDeleteBrowserInstance, onAddRunBrowser: onAddRunBrowserInstance, onUpdateDataSetList: onUpdateDataSetList, onUpdateAddBrowserInstance: onUpdateAddBrowserInstance, addInstanceLabel: addInstanceLabel, scriptType: scriptType, projectType: projectType, readOnly: readOnly, maxRunCount: maxRunCount })) })] }));
+};
+export default SequentialConnectingBranch;
+//# sourceMappingURL=SequentialConnectingBranch.js.map

package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SequentialConnectingBranch.js","sourceRoot":"","sources":["../../../src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx"],"names":[],"mappings":"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"}

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, onUpdateDataSetList, onUpdateAddBrowserInstance, addInstanceLabel, scriptType, projectType, readOnly, maxRunCount, }: BranchesProps) => import("react/jsx-runtime").JSX.Element;
+export default Branches;