pixel-react 1.20.18 → 1.20.20

package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.js

@@ -1,72 +1 @@
-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';
-import { EnvironmentVariableMapsContext } from './context/EnvironmentVariableMapsContext';
-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, environmentVariableMaps, isRequired = false, }) => {
-    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');
-    const showBranchPoint = (readOnly && !isMachineInstances) ||
-        (!readOnly && isMachineInstances) ||
-        (!readOnly && !isMachineInstances);
-    return (_jsx(EnvironmentVariableMapsContext.Provider, { value: environmentVariableMaps, children: _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: isRequired, 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: [showBranchPoint && (_jsx("div", { className: "ff-select-branch-point" })), _jsxs("div", { className: "ff-select-branch-arrow", children: [!readOnly && (_jsx("div", { className: "ff-branch-arrow-wrapper", children: isMachineInstances && (_jsx("div", { className: "ff-branch-arrow" })) })), isMachineInstances && !readOnly && (_jsx(_Fragment, { children: _jsx(Button, { variant: "tertiary", label: scriptType === 'Manual'
-                                                            ? 'Machine'
-                                                            : 'Environment', iconName: 'plus_icon', iconPosition: 'left', 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(Tooltip, { title: "Delete", placement: "bottom", children: _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
+import{jsx as e,jsxs as a,Fragment as t}from"react/jsx-runtime";import n from"../../_virtual/index.js";import{checkEmpty as r}from"../../utils/checkEmpty/checkEmpty.js";import o from"../Button/Button.js";import c from"../Icon/Icon.js";import s from"../Select/Select.js";import i from"../Typography/Typography.js";import"./SequentialConnectingBranch.scss.js";import{useState as l,useRef as d,useEffect as m}from"react";import f from"./components/ConnectingBranches/ConnectingBranches.js";import p from"../Tooltip/Tooltip.js";import h from"./components/DatasetTooltip/DataSetTooltip.js";import{EnvironmentVariableMapsContext as u}from"./context/EnvironmentVariableMapsContext.js";const v=({machineInstances:v=[],machineColumnWidth:b=180,machineColumnCount:w=1,selectedMachine:N={},machineOptionsList:C=[],onHandleSelect:I=()=>{},onAddBrowserInstance:j=()=>{},onAddRunBrowserInstance:S=()=>{},onDeleteBrowserInstance:g=()=>{},onUpdateDataSetList:x=()=>{},onDeleteMachineInstance:y=()=>{},dataSetValues:B={testDataSetId:"",globalVariableSetId:"",peVariableSetId:"",globalVariableSetName:"",peVariableSetName:"",testDataSetName:""},onUpdateAddBrowserInstance:L=()=>{},addInstanceLabel:T="Add Environment",placeholder:q="Choose Machine",scriptType:D="Automation",projectType:M="Web",readOnly:A=!1,zIndex:E=99999,maxRunCount:V=35,environmentVariableMaps:O,isRequired:R=!1})=>{const[k,U]=l({}),W=d(null),_=Math.max(w,1),z=Math.max(b,180),[P,H]=l([]),Z=r(v);let F=r(N.value?.clientId);"Manual"===D&&(F=r(N.value));m(()=>{U(N)},[N]),m(()=>{H(A?v:[...v,{}])},[v]);const G="manual"!==D.toLowerCase(),J=(K=B,Q="Id",Object.fromEntries(Object.entries(K).filter(([e])=>!e.includes(Q))));var K,Q;const X=A&&!Z||!A&&Z||!A&&!Z;return e(u.Provider,{value:O,children:a("div",{className:"ff-sequential-connecting-branch-wrapper",children:[a("div",{className:"ff-connecting-select-branch-wrapper",children:[a("div",{className:"ff-select-branch-wrapper",children:[e(s,{onChange:I,optionsList:C,label:q,required:R,showLabel:!0,className:"ff-sequential-select-branch",width:"240px",selectedOption:k,valueAccessor:"name",optionsRequired:!A,disableInput:A,optionZIndex:E}),!F&&a("div",{className:n({"ff-select-branch-arrow":Z,"ff-select-branch-arrow-down":!Z}),children:[X&&e("div",{className:"ff-select-branch-point"}),a("div",{className:"ff-select-branch-arrow",children:[!A&&e("div",{className:"ff-branch-arrow-wrapper",children:Z&&e("div",{className:"ff-branch-arrow"})}),Z&&!A&&e(t,{children:e(o,{variant:"tertiary",label:"Manual"===D?"Machine":"Environment",iconName:"plus_icon",iconPosition:"left",size:"small",className:"branch-button",ref:W,onClick:()=>j("ff-sequential-branch-button"),id:"ff-sequential-branch-button"})})]})]})]}),!F&&a("div",{className:"ff-select-scope-datalist",children:[e("div",{className:"ff-scope-wrapper",children:e(i,{as:"span",color:((e="")=>e.toLowerCase().includes("inactive")?"var(--ff-machine-inactive-status-color)":e.toLowerCase().includes("running")?"var(--ff-machine-running-status-color)":e.toLowerCase().includes("active")?"var(--ff-machine-active-status-color)":"var(--ff-machine-active-status-color))")(N.value?.status),className:"ff-scope-text",children:N.value?.status})}),a("div",{className:"ff-datalist-wrapper",children:[G&&e("div",{id:"ff-sequential-machine-datalist",onClick:()=>{A||x("ff-sequential-machine-datalist",B)},children:a(p,{placement:"bottom",title:e("div",{children:e(h,{datSetToolTip:J})}),style:{display:"flex",alignItems:"center"},children:[e(c,{name:"datalist_icon",className:"ff-dataset-icon",hoverEffect:!0}),e(i,{as:"span",color:"var(--ff-connecting-branch-color)",className:"ff-datalist-text",children:"Data Set List"})]})}),!A&&e(p,{title:"Delete",placement:"bottom",children:e(c,{name:"delete",className:"ff-run-delete-icon",color:"var(--ff-connecting-branch-delete-color)",onClick:y,hoverEffect:!0})})]})]})]}),e("div",{className:"ff-sequential-branches-wrapper",children:!Z&&e(f,{machineBranchInstances:P,machineColumnCount:_,machineColumnWidth:z,onAddBrowser:j,onDeleteBrowser:g,onAddRunBrowser:S,onUpdateDataSetList:x,onUpdateAddBrowserInstance:L,addInstanceLabel:T,scriptType:D,projectType:M,readOnly:A,maxRunCount:V})})]})})};export{v as default};

package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.scss.js

@@ -0,0 +1 @@
+import c from"../../node_modules/style-inject/dist/style-inject.es.js";c(".ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper{box-sizing:border-box;height:66px;margin-bottom:16px;width:fit-content}.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper{box-sizing:border-box;display:flex;position:relative}.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-sequential-select-branch{width:240px}.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow{align-items:center;display:flex;position:relative}.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow .ff-branch-arrow-wrapper{border-top:1px solid var(--ff-connecting-branch-color);margin:0;position:relative;width:40px}.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow .ff-branch-arrow-wrapper .ff-branch-arrow{background-color:var(--ff-connecting-branch-color);clip-path:polygon(100% 50%,0 100%,0 0);height:6px;position:absolute;right:-1px;top:-3px;width:6px}.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow .ff-select-branch-point{background-color:var(--ff-connecting-branch-color);border-radius:50%;height:5px;left:-3px;position:absolute;top:50%;transform:translateY(-50%);width:5px;z-index:102}.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow-down{height:38px;position:absolute}.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow-down .ff-select-branch-point{background-color:var(--ff-connecting-branch-color);border-radius:50%;height:5px;left:-2px;position:absolute;top:50%;transform:translateY(-50%);width:5px;z-index:102}.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow-down .ff-select-branch-arrow{border-left:1px solid var(--ff-connecting-branch-color);height:62px;top:calc(50% + 1px);width:0;z-index:102}.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist{box-sizing:border-box;display:flex;justify-content:space-between;margin-top:2px;padding-left:4px;width:240px}.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-scope-wrapper{align-items:center;display:flex;margin-right:12px}.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-scope-wrapper .ff-scope-text{margin:0;text-transform:capitalize}.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper,.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper #ff-sequential-machine-datalist{align-items:center;display:flex}.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper .ff-datalist-text,.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper .ff-dataset-icon,.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper .ff-run-delete-icon{cursor:pointer}.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper .ff-datalist-text{margin:0 8px 0 0}.ff-sequential-connecting-branch-wrapper .ff-sequential-branches-wrapper{box-sizing:border-box;height:fit-content;width:fit-content}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlcXVlbnRpYWxDb25uZWN0aW5nQnJhbmNoLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsOEVBRUUscUJBQXNCLENBRHRCLFdBQVksQ0FHWixrQkFBbUIsQ0FEbkIsaUJBRUYsQ0FDQSx3R0FHRSxxQkFBc0IsQ0FEdEIsWUFBYSxDQURiLGlCQUdGLENBQ0EscUlBQ0UsV0FDRixDQUNBLGdJQUVFLGtCQUFtQixDQURuQixZQUFhLENBRWIsaUJBQ0YsQ0FDQSx5SkFHRSxzREFBdUQsQ0FGdkQsUUFBUyxDQUdULGlCQUFrQixDQUZsQixVQUdGLENBQ0EsMEtBR0Usa0RBQW1ELENBQ25ELHNDQUF5QyxDQUZ6QyxVQUFXLENBR1gsaUJBQWtCLENBQ2xCLFVBQVcsQ0FDWCxRQUFTLENBTlQsU0FPRixDQUNBLHdKQUlFLGtEQUFtRCxDQURuRCxpQkFBa0IsQ0FEbEIsVUFBVyxDQUlYLFNBQVUsQ0FEVixpQkFBa0IsQ0FHbEIsT0FBUSxDQUNSLDBCQUEyQixDQVIzQixTQUFVLENBTVYsV0FHRixDQUNBLHFJQUVFLFdBQVksQ0FEWixpQkFFRixDQUNBLDZKQUlFLGtEQUFtRCxDQURuRCxpQkFBa0IsQ0FEbEIsVUFBVyxDQUlYLFNBQVUsQ0FEVixpQkFBa0IsQ0FHbEIsT0FBUSxDQUNSLDBCQUEyQixDQVIzQixTQUFVLENBTVYsV0FHRixDQUNBLDZKQUlFLHVEQUF3RCxDQUZ4RCxXQUFZLENBQ1osbUJBQW9CLENBRnBCLE9BQVEsQ0FJUixXQUNGLENBQ0Esd0dBQ0UscUJBQXNCLENBRXRCLFlBQWEsQ0FDYiw2QkFBOEIsQ0FDOUIsY0FBZSxDQUNmLGdCQUFpQixDQUpqQixXQUtGLENBQ0EsMEhBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FFYixpQkFDRixDQUNBLHlJQUVFLFFBQVMsQ0FEVCx5QkFFRixDQUtBLDBSQUVFLGtCQUFtQixDQURuQixZQUVGLENBQ0EsOGFBR0UsY0FDRixDQUNBLCtJQUNFLGdCQUNGLENBQ0EseUVBQ0UscUJBQXNCLENBRXRCLGtCQUFtQixDQURuQixpQkFFRiIsImZpbGUiOiJTZXF1ZW50aWFsQ29ubmVjdGluZ0JyYW5jaC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZmLXNlcXVlbnRpYWwtY29ubmVjdGluZy1icmFuY2gtd3JhcHBlciAuZmYtY29ubmVjdGluZy1zZWxlY3QtYnJhbmNoLXdyYXBwZXIge1xuICBoZWlnaHQ6IDY2cHg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luLWJvdHRvbTogMTZweDtcbn1cbi5mZi1zZXF1ZW50aWFsLWNvbm5lY3RpbmctYnJhbmNoLXdyYXBwZXIgLmZmLWNvbm5lY3Rpbmctc2VsZWN0LWJyYW5jaC13cmFwcGVyIC5mZi1zZWxlY3QtYnJhbmNoLXdyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG4uZmYtc2VxdWVudGlhbC1jb25uZWN0aW5nLWJyYW5jaC13cmFwcGVyIC5mZi1jb25uZWN0aW5nLXNlbGVjdC1icmFuY2gtd3JhcHBlciAuZmYtc2VsZWN0LWJyYW5jaC13cmFwcGVyIC5mZi1zZXF1ZW50aWFsLXNlbGVjdC1icmFuY2gge1xuICB3aWR0aDogMjQwcHg7XG59XG4uZmYtc2VxdWVudGlhbC1jb25uZWN0aW5nLWJyYW5jaC13cmFwcGVyIC5mZi1jb25uZWN0aW5nLXNlbGVjdC1icmFuY2gtd3JhcHBlciAuZmYtc2VsZWN0LWJyYW5jaC13cmFwcGVyIC5mZi1zZWxlY3QtYnJhbmNoLWFycm93IHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmZmLXNlcXVlbnRpYWwtY29ubmVjdGluZy1icmFuY2gtd3JhcHBlciAuZmYtY29ubmVjdGluZy1zZWxlY3QtYnJhbmNoLXdyYXBwZXIgLmZmLXNlbGVjdC1icmFuY2gtd3JhcHBlciAuZmYtc2VsZWN0LWJyYW5jaC1hcnJvdyAuZmYtYnJhbmNoLWFycm93LXdyYXBwZXIge1xuICBtYXJnaW46IDA7XG4gIHdpZHRoOiA0MHB4O1xuICBib3JkZXItdG9wOiAxcHggc29saWQgdmFyKC0tZmYtY29ubmVjdGluZy1icmFuY2gtY29sb3IpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uZmYtc2VxdWVudGlhbC1jb25uZWN0aW5nLWJyYW5jaC13cmFwcGVyIC5mZi1jb25uZWN0aW5nLXNlbGVjdC1icmFuY2gtd3JhcHBlciAuZmYtc2VsZWN0LWJyYW5jaC13cmFwcGVyIC5mZi1zZWxlY3QtYnJhbmNoLWFycm93IC5mZi1icmFuY2gtYXJyb3ctd3JhcHBlciAuZmYtYnJhbmNoLWFycm93IHtcbiAgd2lkdGg6IDZweDtcbiAgaGVpZ2h0OiA2cHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWZmLWNvbm5lY3RpbmctYnJhbmNoLWNvbG9yKTtcbiAgY2xpcC1wYXRoOiBwb2x5Z29uKDEwMCUgNTAlLCAwIDEwMCUsIDAgMCk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IC0xcHg7XG4gIHRvcDogLTNweDtcbn1cbi5mZi1zZXF1ZW50aWFsLWNvbm5lY3RpbmctYnJhbmNoLXdyYXBwZXIgLmZmLWNvbm5lY3Rpbmctc2VsZWN0LWJyYW5jaC13cmFwcGVyIC5mZi1zZWxlY3QtYnJhbmNoLXdyYXBwZXIgLmZmLXNlbGVjdC1icmFuY2gtYXJyb3cgLmZmLXNlbGVjdC1icmFuY2gtcG9pbnQge1xuICB3aWR0aDogNXB4O1xuICBoZWlnaHQ6IDVweDtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1mZi1jb25uZWN0aW5nLWJyYW5jaC1jb2xvcik7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogLTNweDtcbiAgei1pbmRleDogMTAyO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xufVxuLmZmLXNlcXVlbnRpYWwtY29ubmVjdGluZy1icmFuY2gtd3JhcHBlciAuZmYtY29ubmVjdGluZy1zZWxlY3QtYnJhbmNoLXdyYXBwZXIgLmZmLXNlbGVjdC1icmFuY2gtd3JhcHBlciAuZmYtc2VsZWN0LWJyYW5jaC1hcnJvdy1kb3duIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IDM4cHg7XG59XG4uZmYtc2VxdWVudGlhbC1jb25uZWN0aW5nLWJyYW5jaC13cmFwcGVyIC5mZi1jb25uZWN0aW5nLXNlbGVjdC1icmFuY2gtd3JhcHBlciAuZmYtc2VsZWN0LWJyYW5jaC13cmFwcGVyIC5mZi1zZWxlY3QtYnJhbmNoLWFycm93LWRvd24gLmZmLXNlbGVjdC1icmFuY2gtcG9pbnQge1xuICB3aWR0aDogNXB4O1xuICBoZWlnaHQ6IDVweDtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1mZi1jb25uZWN0aW5nLWJyYW5jaC1jb2xvcik7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogLTJweDtcbiAgei1pbmRleDogMTAyO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xufVxuLmZmLXNlcXVlbnRpYWwtY29ubmVjdGluZy1icmFuY2gtd3JhcHBlciAuZmYtY29ubmVjdGluZy1zZWxlY3QtYnJhbmNoLXdyYXBwZXIgLmZmLXNlbGVjdC1icmFuY2gtd3JhcHBlciAuZmYtc2VsZWN0LWJyYW5jaC1hcnJvdy1kb3duIC5mZi1zZWxlY3QtYnJhbmNoLWFycm93IHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogNjJweDtcbiAgdG9wOiBjYWxjKDUwJSArIDFweCk7XG4gIGJvcmRlci1sZWZ0OiAxcHggc29saWQgdmFyKC0tZmYtY29ubmVjdGluZy1icmFuY2gtY29sb3IpO1xuICB6LWluZGV4OiAxMDI7XG59XG4uZmYtc2VxdWVudGlhbC1jb25uZWN0aW5nLWJyYW5jaC13cmFwcGVyIC5mZi1jb25uZWN0aW5nLXNlbGVjdC1icmFuY2gtd3JhcHBlciAuZmYtc2VsZWN0LXNjb3BlLWRhdGFsaXN0IHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDI0MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIG1hcmdpbi10b3A6IDJweDtcbiAgcGFkZGluZy1sZWZ0OiA0cHg7XG59XG4uZmYtc2VxdWVudGlhbC1jb25uZWN0aW5nLWJyYW5jaC13cmFwcGVyIC5mZi1jb25uZWN0aW5nLXNlbGVjdC1icmFuY2gtd3JhcHBlciAuZmYtc2VsZWN0LXNjb3BlLWRhdGFsaXN0IC5mZi1zY29wZS13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLXJpZ2h0OiAxMnB4O1xufVxuLmZmLXNlcXVlbnRpYWwtY29ubmVjdGluZy1icmFuY2gtd3JhcHBlciAuZmYtY29ubmVjdGluZy1zZWxlY3QtYnJhbmNoLXdyYXBwZXIgLmZmLXNlbGVjdC1zY29wZS1kYXRhbGlzdCAuZmYtc2NvcGUtd3JhcHBlciAuZmYtc2NvcGUtdGV4dCB7XG4gIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xuICBtYXJnaW46IDA7XG59XG4uZmYtc2VxdWVudGlhbC1jb25uZWN0aW5nLWJyYW5jaC13cmFwcGVyIC5mZi1jb25uZWN0aW5nLXNlbGVjdC1icmFuY2gtd3JhcHBlciAuZmYtc2VsZWN0LXNjb3BlLWRhdGFsaXN0IC5mZi1kYXRhbGlzdC13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5mZi1zZXF1ZW50aWFsLWNvbm5lY3RpbmctYnJhbmNoLXdyYXBwZXIgLmZmLWNvbm5lY3Rpbmctc2VsZWN0LWJyYW5jaC13cmFwcGVyIC5mZi1zZWxlY3Qtc2NvcGUtZGF0YWxpc3QgLmZmLWRhdGFsaXN0LXdyYXBwZXIgI2ZmLXNlcXVlbnRpYWwtbWFjaGluZS1kYXRhbGlzdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uZmYtc2VxdWVudGlhbC1jb25uZWN0aW5nLWJyYW5jaC13cmFwcGVyIC5mZi1jb25uZWN0aW5nLXNlbGVjdC1icmFuY2gtd3JhcHBlciAuZmYtc2VsZWN0LXNjb3BlLWRhdGFsaXN0IC5mZi1kYXRhbGlzdC13cmFwcGVyIC5mZi1kYXRhc2V0LWljb24sXG4uZmYtc2VxdWVudGlhbC1jb25uZWN0aW5nLWJyYW5jaC13cmFwcGVyIC5mZi1jb25uZWN0aW5nLXNlbGVjdC1icmFuY2gtd3JhcHBlciAuZmYtc2VsZWN0LXNjb3BlLWRhdGFsaXN0IC5mZi1kYXRhbGlzdC13cmFwcGVyIC5mZi1ydW4tZGVsZXRlLWljb24sXG4uZmYtc2VxdWVudGlhbC1jb25uZWN0aW5nLWJyYW5jaC13cmFwcGVyIC5mZi1jb25uZWN0aW5nLXNlbGVjdC1icmFuY2gtd3JhcHBlciAuZmYtc2VsZWN0LXNjb3BlLWRhdGFsaXN0IC5mZi1kYXRhbGlzdC13cmFwcGVyIC5mZi1kYXRhbGlzdC10ZXh0IHtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLmZmLXNlcXVlbnRpYWwtY29ubmVjdGluZy1icmFuY2gtd3JhcHBlciAuZmYtY29ubmVjdGluZy1zZWxlY3QtYnJhbmNoLXdyYXBwZXIgLmZmLXNlbGVjdC1zY29wZS1kYXRhbGlzdCAuZmYtZGF0YWxpc3Qtd3JhcHBlciAuZmYtZGF0YWxpc3QtdGV4dCB7XG4gIG1hcmdpbjogMCA4cHggMCAwO1xufVxuLmZmLXNlcXVlbnRpYWwtY29ubmVjdGluZy1icmFuY2gtd3JhcHBlciAuZmYtc2VxdWVudGlhbC1icmFuY2hlcy13cmFwcGVyIHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICBoZWlnaHQ6IGZpdC1jb250ZW50O1xufSJdfQ== */");

package/lib/components/SequentialConnectingBranch/components/Branches/Branches.js

@@ -1,193 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { checkEmpty } from '../../../../utils/checkEmpty/checkEmpty';
-import { Fragment } from 'react/jsx-runtime';
-import { ffid } from '../../../../utils/ffID/ffid';
-import MachineInputField from '../../../MachineInputField';
-import Icon from '../../../Icon';
-import Typography from '../../../Typography';
-import Button from '../../../Button';
-import './Branches.scss';
-import Tooltip from '../../../Tooltip';
-import DataSetTooltip from '../DatasetTooltip/DataSetTooltip';
-import { isEmptyObject } from '../../../../utils/isEmptyObject/isEmptyObject';
-import { useEnvironmentalVariableMaps } from '../../context/EnvironmentVariableMapsContext';
-const Branches = ({ machineInstances, rowIndex, machineColumnCount, nextRowMachineInstance, previousRowMachineInstance, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, addInstanceLabel = '', scriptType = '', projectType = '', readOnly, maxRunCount, }) => {
-    const evenRow = rowIndex % 2 === 0;
-    const lastMachineInstance = checkEmpty(machineInstances[machineColumnCount - 1]);
-    const environmentalMaps = useEnvironmentalVariableMaps();
-    const { testDataSetMap = {}, globalVariableMap = {}, projectVariableMap = {}, } = environmentalMaps || {};
-    const showLEndArrow = () => readOnly
-        ? !lastMachineInstance && !checkEmpty(nextRowMachineInstance)
-        : !lastMachineInstance;
-    const getBorderStyle = (currentBranch, nextBranch) => {
-        if (currentBranch &&
-            nextBranch &&
-            'machineInstanceId' in currentBranch &&
-            'machineInstanceId' in nextBranch) {
-            return currentBranch.machineInstanceId === nextBranch.machineInstanceId
-                ? 'dashed'
-                : 'solid';
-        }
-        return 'solid';
-    };
-    const showMiddleArrow = (index) => machineInstances?.length - 1 !== index && machineColumnCount > 1;
-    const getGridTemplateColumnStyle = () => {
-        if (machineColumnCount === 1) {
-            return `24px minmax(min-content, auto) 24px`;
-        }
-        return `24px minmax(min-content, auto) repeat(${machineColumnCount - 1}, 40px minmax(min-content, auto)) 24px`;
-    };
-    const getMachineLabelOptionList = (type = '', machineInstance) => {
-        const { executionEnv, browserName, browserVersion, machineInfo: { osVersion, iconName, osName, hostName }, deviceInfo, fireCloudProjectName = '', } = machineInstance;
-        const getEnvironment = (environment = '') => {
-            if (environment?.toLowerCase() === 'local')
-                return 'local';
-            if (environment?.toLowerCase()?.includes('browserstack'))
-                return 'Browserstack';
-            if (environment?.toLowerCase()?.includes('lambdatest'))
-                return 'LambdaTest';
-            if (environment?.toLowerCase()?.includes('saucelabs'))
-                return 'SauceLabs';
-            if (environment?.toLowerCase()?.includes('fireflink device farm'))
-                return 'fireflink';
-            return '';
-        };
-        // Base options
-        const baseOptions = [
-            {
-                label: executionEnv === 'FireFlink Device Farm'
-                    ? fireCloudProjectName
-                    : executionEnv,
-                type: getEnvironment(executionEnv),
-            },
-        ];
-        if (scriptType?.toLowerCase() === 'manual') {
-            baseOptions.push({
-                label: hostName || '',
-                type: executionEnv?.toLowerCase() === 'local' ? 'local' : '',
-            });
-        }
-        // Web-specific options
-        const webOptions = [
-            {
-                label: osVersion || '',
-                type: iconName || osName,
-            },
-            {
-                label: browserVersion,
-                type: browserName,
-            },
-        ];
-        // Mobile-specific options
-        const mobileOptions = deviceInfo?.reduce((acc, device) => {
-            if (device) {
-                acc?.push({
-                    label: device?.name,
-                    type: scriptType?.toLowerCase() === 'manual'
-                        ? 'android'
-                        : device?.platform,
-                    version: scriptType?.toLowerCase() === 'manual' ? device?.version : '',
-                });
-            }
-            return acc;
-        }, []);
-        // Determine options based on the type
-        switch (type.toLowerCase()) {
-            case 'web':
-            case 'web service':
-                return [...baseOptions, ...webOptions];
-            case 'web & mobile':
-            case 'ms dynamics':
-            case 'salesforce':
-                return [...baseOptions, ...webOptions, ...mobileOptions];
-            case 'mobile':
-                return [...baseOptions, ...mobileOptions];
-            default:
-                return [];
-        }
-    };
-    const hideDataSet = scriptType?.toLowerCase() !== 'manual';
-    // checkEmpty is not suitable for this case
-    const showEndDot = (machineInstances) => {
-        return checkEmpty(machineInstances)
-            ? isEmptyObject(machineInstances) || nextRowMachineInstance !== undefined
-            : true;
-    };
-    return (_jsxs("div", { className: classNames({
-            'ff-connecting-branch-grid': evenRow,
-            'ff-connecting-branch-grid-reverse': !evenRow,
-        }), style: {
-            gridTemplateColumns: getGridTemplateColumnStyle(),
-        }, children: [_jsxs("div", { className: "ff-connecting-branch-start-wrapper", children: [_jsx("div", { className: classNames({
-                            'ff-connecting-branch-arrow': evenRow,
-                            'ff-connecting-branch-arrow-reverse': !evenRow,
-                        }) }), _jsx("div", { className: classNames({
-                            'ff-connecting-branch-container': evenRow,
-                            'ff-connecting-branch-container-reverse': !evenRow,
-                        }), style: {
-                            border: `1px ${getBorderStyle(machineInstances[0], previousRowMachineInstance)} var(--ff-connecting-branch-color)`,
-                            borderTop: 'none',
-                            borderLeft: `${!evenRow && 'none'}`,
-                            borderRight: `${evenRow && 'none'}`,
-                        } })] }), machineInstances?.map((machineInstance, index) => {
-                // const options = getMachineLabelOptionList(
-                //   projectType,
-                //   machineInstance
-                // ) as MachineType[];
-                // const isMissing = options?.some((opt) => checkEmpty(opt?.label));
-                const { runCount = 'runCount' in machineInstance
-                    ? machineInstance.runCount
-                    : 0, numberOfRuns = 0, machineInstanceId = '', peVariableSetId = '', globalVariableSetId = '', testDataSetId = '', testDataSetName = '', peVariableSetName = '', globalVariableSetName = '', } = machineInstance;
-                return (_jsxs(Fragment, { children: [!checkEmpty(machineInstance) ? (_jsxs("div", { children: [_jsxs("div", { className: "ff-connecting-branch-input-point-wrapper", children: [showEndDot(machineInstances[index + 1]) && (_jsx("div", { className: classNames({
-                                                'ff-connecting-branch-point': evenRow,
-                                                'ff-connecting-branch-point-reverse': !evenRow,
-                                            }) })), _jsx(MachineInputField, { runCount: runCount, options: getMachineLabelOptionList(projectType, machineInstance), contentReverse: !evenRow, modalId: `${machineInstanceId}-runCount-${runCount - 1}`, onClick: () => runCount == 1 || scriptType !== 'Automation'
-                                                ? onUpdateAddBrowserInstance(`${machineInstanceId}-runCount-0`, machineInstance)
-                                                : null, scriptType: scriptType, readOnly: readOnly }, ffid())] }), _jsxs("div", { className: classNames({
-                                        'ff-connecting-branch-datalist': evenRow,
-                                        'ff-connecting-branch-datalist-reverse': !evenRow,
-                                    }), children: [hideDataSet && (_jsxs(_Fragment, { children: [_jsx("div", { id: `ff-sequential-branch-dataset-${machineInstanceId}-${runCount}`, className: "ff-dataset-list-branch", onClick: () => {
-                                                        if (readOnly)
-                                                            return;
-                                                        onUpdateDataSetList(`ff-sequential-branch-dataset-${machineInstanceId}-${runCount}`, {
-                                                            peVariableSetId: peVariableSetId,
-                                                            globalVariableSetId: globalVariableSetId,
-                                                            testDataSetId: testDataSetId,
-                                                            testDataSetName: testDataSetName,
-                                                            globalVariableSetName: globalVariableSetName,
-                                                            peVariableSetName: peVariableSetName,
-                                                        }, true, numberOfRuns, machineInstanceId);
-                                                    }, children: _jsxs(Tooltip, { placement: "bottom", title: _jsx(_Fragment, { children: _jsx(DataSetTooltip, { datSetToolTip: {
-                                                                    peVariableSetName: projectVariableMap[peVariableSetId] || '',
-                                                                    globalVariableSetName: globalVariableMap[globalVariableSetId] ||
-                                                                        '',
-                                                                    testDataSetName: testDataSetMap[testDataSetId] || '',
-                                                                } }) }), style: { display: 'flex', alignItems: 'center' }, children: [_jsx(Icon, { name: "datalist_icon", className: "ff-connecting-icon", hoverEffect: true }), _jsx(Typography, { className: "ff-connecting-text", color: "var(--ff-connecting-branch-color)", children: "Data Set List" })] }) }), !readOnly && (_jsx(_Fragment, { children: _jsx(Tooltip, { placement: "bottom", title: numberOfRuns >= maxRunCount
-                                                            ? `Maximum ${maxRunCount} runs are allowed.`
-                                                            : '', children: _jsxs("div", { className: "ff-environment-run-container", onClick: numberOfRuns >= maxRunCount
-                                                                ? undefined
-                                                                : () => onAddRunBrowser(machineInstanceId), children: [_jsx(Icon, { name: "plus_icon", className: "ff-connecting-run-icon", color: "var(--ff-connecting-branch-color)", hoverEffect: true, disabled: numberOfRuns >= maxRunCount ? true : false }), _jsx(Typography, { className: "ff-connecting-run-text", color: "var(--ff-connecting-branch-color)", style: {
-                                                                        opacity: numberOfRuns >= maxRunCount ? 0.5 : 1,
-                                                                    }, children: "Run" })] }) }) }))] })), !readOnly && (_jsx(Tooltip, { title: "Delete", children: _jsx(Icon, { name: "delete", className: "ff-connecting-delete-icon", onClick: () => onDeleteBrowser(machineInstanceId, runCount), color: "var(--ff-connecting-branch-delete-color)", hoverEffect: true }) }))] })] })) : (!readOnly && (_jsx("div", { className: "ff-connecting-branch-browser-button", children: _jsx(Button, { id: `ff-sequential-branch-add-${machineInstanceId}`, variant: "tertiary", label: addInstanceLabel, iconName: 'plus_icon', iconPosition: !evenRow ? 'right' : 'left', onClick: () => {
-                                    if (readOnly)
-                                        return;
-                                    onAddBrowser(`ff-sequential-branch-add-${machineInstanceId}`);
-                                } }) }))), showMiddleArrow(index) && (_jsx("div", { className: "ff-connecting-branch-middle-arrow", style: {
-                                borderTop: `1px ${getBorderStyle(machineInstance, machineInstances[index + 1])} var(--ff-connecting-branch-color)`,
-                            }, children: _jsx("div", { className: classNames({
-                                    'ff-connecting-branch-arrow': evenRow,
-                                    'ff-connecting-branch-arrow-reverse': !evenRow,
-                                }) }) }))] }, ffid()));
-            }), showLEndArrow() && (_jsx("div", { className: classNames({
-                    'ff-connecting-branch-end-arrow': evenRow,
-                    'ff-connecting-branch-end-arrow-reverse': !evenRow,
-                }), style: {
-                    border: `1px ${getBorderStyle(machineInstances[machineColumnCount - 1], nextRowMachineInstance)} var(--ff-connecting-branch-color)`,
-                    borderBottom: 'none',
-                    borderLeft: `${evenRow && 'none'}`,
-                    borderRight: `${!evenRow && 'none'}`,
-                } }))] }));
-};
-export default Branches;
-//# sourceMappingURL=Branches.js.map
+import{jsxs as e,jsx as n,Fragment as a}from"react/jsx-runtime";import t from"../../../../_virtual/index.js";import{checkEmpty as r}from"../../../../utils/checkEmpty/checkEmpty.js";import{ffid as o}from"../../../../utils/ffID/ffid.js";import c from"../../../MachineInputField/MachineInputField.js";import i from"../../../Icon/Icon.js";import s from"../../../Typography/Typography.js";import l from"../../../Button/Button.js";import"./Branches.scss.js";import d from"../../../Tooltip/Tooltip.js";import m from"../DatasetTooltip/DataSetTooltip.js";import{isEmptyObject as f}from"../../../../utils/isEmptyObject/isEmptyObject.js";import{useEnvironmentalVariableMaps as b}from"../../context/EnvironmentVariableMapsContext.js";const p=({machineInstances:p,rowIndex:h,machineColumnCount:u,nextRowMachineInstance:g,previousRowMachineInstance:v,onAddBrowser:w,onDeleteBrowser:N,onAddRunBrowser:I,onUpdateDataSetList:y,onUpdateAddBrowserInstance:C,addInstanceLabel:x="",scriptType:S="",projectType:j="",readOnly:L,maxRunCount:$})=>{const T=h%2==0,V=r(p[u-1]),D=b(),{testDataSetMap:k={},globalVariableMap:B={},projectVariableMap:E={}}=D||{},M=(e,n)=>e&&n&&"machineInstanceId"in e&&"machineInstanceId"in n&&e.machineInstanceId===n.machineInstanceId?"dashed":"solid",R=e=>p?.length-1!==e&&u>1,F=(e="",n)=>{const{executionEnv:a,browserName:t,browserVersion:r,machineInfo:{osVersion:o,iconName:c,osName:i,hostName:s},deviceInfo:l,fireCloudProjectName:d=""}=n,m=[{label:"FireFlink Device Farm"===a?d:a,type:((e="")=>"local"===e?.toLowerCase()?"local":e?.toLowerCase()?.includes("browserstack")?"Browserstack":e?.toLowerCase()?.includes("lambdatest")?"LambdaTest":e?.toLowerCase()?.includes("saucelabs")?"SauceLabs":e?.toLowerCase()?.includes("fireflink device farm")?"fireflink":"")(a)}];"manual"===S?.toLowerCase()&&m.push({label:s||"",type:"local"===a?.toLowerCase()?"local":""});const f=[{label:o||"",type:c||i},{label:r,type:t}],b=l?.reduce((e,n)=>(n&&e?.push({label:n?.name,type:"manual"===S?.toLowerCase()?"android":n?.platform,version:"manual"===S?.toLowerCase()?n?.version:""}),e),[]);switch(e.toLowerCase()){case"web":case"web service":return[...m,...f];case"web & mobile":case"ms dynamics":case"salesforce":return[...m,...f,...b];case"mobile":return[...m,...b];default:return[]}},O="manual"!==S?.toLowerCase(),q=e=>!r(e)||(f(e)||void 0!==g);return e("div",{className:t({"ff-connecting-branch-grid":T,"ff-connecting-branch-grid-reverse":!T}),style:{gridTemplateColumns:1===u?"24px minmax(min-content, auto) 24px":`24px minmax(min-content, auto) repeat(${u-1}, 40px minmax(min-content, auto)) 24px`},children:[e("div",{className:"ff-connecting-branch-start-wrapper",children:[n("div",{className:t({"ff-connecting-branch-arrow":T,"ff-connecting-branch-arrow-reverse":!T})}),n("div",{className:t({"ff-connecting-branch-container":T,"ff-connecting-branch-container-reverse":!T}),style:{border:`1px ${M(p[0],v)} var(--ff-connecting-branch-color)`,borderTop:"none",borderLeft:`${!T&&"none"}`,borderRight:`${T&&"none"}`}})]}),p?.map((f,b)=>{const{runCount:h=("runCount"in f?f.runCount:0),numberOfRuns:u=0,machineInstanceId:g="",peVariableSetId:v="",globalVariableSetId:V="",testDataSetId:D="",testDataSetName:A="",peVariableSetName:_="",globalVariableSetName:P=""}=f;return e(a,{children:[r(f)?!L&&n("div",{className:"ff-connecting-branch-browser-button",children:n(l,{id:`ff-sequential-branch-add-${g}`,variant:"tertiary",label:x,iconName:"plus_icon",iconPosition:T?"left":"right",onClick:()=>{L||w(`ff-sequential-branch-add-${g}`)}})}):e("div",{children:[e("div",{className:"ff-connecting-branch-input-point-wrapper",children:[q(p[b+1])&&n("div",{className:t({"ff-connecting-branch-point":T,"ff-connecting-branch-point-reverse":!T})}),n(c,{runCount:h,options:F(j,f),contentReverse:!T,modalId:`${g}-runCount-${h-1}`,onClick:()=>1==h||"Automation"!==S?C(`${g}-runCount-0`,f):null,scriptType:S,readOnly:L},o())]}),e("div",{className:t({"ff-connecting-branch-datalist":T,"ff-connecting-branch-datalist-reverse":!T}),children:[O&&e(a,{children:[n("div",{id:`ff-sequential-branch-dataset-${g}-${h}`,className:"ff-dataset-list-branch",onClick:()=>{L||y(`ff-sequential-branch-dataset-${g}-${h}`,{peVariableSetId:v,globalVariableSetId:V,testDataSetId:D,testDataSetName:A,globalVariableSetName:P,peVariableSetName:_},!0,u,g)},children:e(d,{placement:"bottom",title:n(a,{children:n(m,{datSetToolTip:{peVariableSetName:E[v]||"",globalVariableSetName:B[V]||"",testDataSetName:k[D]||""}})}),style:{display:"flex",alignItems:"center"},children:[n(i,{name:"datalist_icon",className:"ff-connecting-icon",hoverEffect:!0}),n(s,{className:"ff-connecting-text",color:"var(--ff-connecting-branch-color)",children:"Data Set List"})]})}),!L&&n(a,{children:n(d,{placement:"bottom",title:u>=$?`Maximum ${$} runs are allowed.`:"",children:e("div",{className:"ff-environment-run-container",onClick:u>=$?void 0:()=>I(g),children:[n(i,{name:"plus_icon",className:"ff-connecting-run-icon",color:"var(--ff-connecting-branch-color)",hoverEffect:!0,disabled:u>=$}),n(s,{className:"ff-connecting-run-text",color:"var(--ff-connecting-branch-color)",style:{opacity:u>=$?.5:1},children:"Run"})]})})})]}),!L&&n(d,{title:"Delete",children:n(i,{name:"delete",className:"ff-connecting-delete-icon",onClick:()=>N(g,h),color:"var(--ff-connecting-branch-delete-color)",hoverEffect:!0})})]})]}),R(b)&&n("div",{className:"ff-connecting-branch-middle-arrow",style:{borderTop:`1px ${M(f,p[b+1])} var(--ff-connecting-branch-color)`},children:n("div",{className:t({"ff-connecting-branch-arrow":T,"ff-connecting-branch-arrow-reverse":!T})})})]},o())}),(L?!V&&!r(g):!V)&&n("div",{className:t({"ff-connecting-branch-end-arrow":T,"ff-connecting-branch-end-arrow-reverse":!T}),style:{border:`1px ${M(p[u-1],g)} var(--ff-connecting-branch-color)`,borderBottom:"none",borderLeft:`${T&&"none"}`,borderRight:`${!T&&"none"}`}})]})};export{p as default};

package/lib/components/SequentialConnectingBranch/components/Branches/Branches.scss.js

@@ -0,0 +1 @@
+import n from"../../../../node_modules/style-inject/dist/style-inject.es.js";n(".ff-connecting-branch-grid,.ff-connecting-branch-grid-reverse{box-sizing:border-box;display:grid;grid-template-columns:24px 180px 40px 180px 24px;height:66px;margin-bottom:16px;position:relative}.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper,.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper{position:relative}.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper .ff-connecting-branch-arrow,.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper .ff-connecting-branch-arrow{background-color:var(--ff-connecting-branch-color);clip-path:polygon(0 0,0 100%,100% 50%);height:6px;position:absolute;right:-1px;top:calc(25% - 3px);width:6px;z-index:2}.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper .ff-connecting-branch-arrow-reverse,.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper .ff-connecting-branch-arrow-reverse{background-color:var(--ff-connecting-branch-color);clip-path:polygon(0 50%,100% 100%,100% 0);height:6px;left:-1px;position:absolute;top:calc(25% - 3px);width:6px;z-index:2}.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper .ff-connecting-branch-container,.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper .ff-connecting-branch-container{border:1px solid var(--ff-connecting-branch-color);border-bottom-left-radius:8px;border-right:none;border-top:none;height:25%;width:100%}.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper .ff-connecting-branch-container-reverse,.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper .ff-connecting-branch-container-reverse{border:1px solid var(--ff-connecting-branch-color);border-bottom-right-radius:8px;border-left:none;border-top:none;height:25%;width:100%}.ff-connecting-branch-grid .ff-environment-run-container,.ff-connecting-branch-grid-reverse .ff-environment-run-container{align-items:center;display:flex;justify-content:center}.ff-connecting-branch-grid .ff-environment-run-container .ff-connecting-run-icon,.ff-connecting-branch-grid .ff-environment-run-container .ff-connecting-run-text,.ff-connecting-branch-grid-reverse .ff-environment-run-container .ff-connecting-run-icon,.ff-connecting-branch-grid-reverse .ff-environment-run-container .ff-connecting-run-text{cursor:pointer}.ff-connecting-branch-grid .ff-connecting-branch-datalist,.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist{align-items:center;display:flex;gap:8px;height:24px;justify-content:flex-end;padding-top:4px;width:100%}.ff-connecting-branch-grid .ff-connecting-branch-datalist else,.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist else{direction:rtl}.ff-connecting-branch-grid .ff-connecting-branch-datalist .inner-container,.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist .inner-container{direction:rtl;display:flex;flex-direction:row}.ff-connecting-branch-grid .ff-connecting-branch-datalist .inner-container .ff-connecting-delete-icon,.ff-connecting-branch-grid .ff-connecting-branch-datalist .inner-container .ff-connecting-icon,.ff-connecting-branch-grid .ff-connecting-branch-datalist .inner-container .ff-connecting-text,.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist .inner-container .ff-connecting-delete-icon,.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist .inner-container .ff-connecting-icon,.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist .inner-container .ff-connecting-text{cursor:pointer}.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse,.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse{align-items:center;direction:ltr;display:flex;gap:8px;height:24px;justify-content:flex-end;padding-top:4px;width:100%}.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse else,.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse else{direction:rtl}.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse .inner-container,.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse .inner-container{direction:rtl;display:flex;flex-direction:row}.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse .inner-container .ff-connecting-delete-icon,.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse .inner-container .ff-connecting-icon,.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse .inner-container .ff-connecting-text,.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse .inner-container .ff-connecting-delete-icon,.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse .inner-container .ff-connecting-icon,.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse .inner-container .ff-connecting-text{cursor:pointer}.ff-connecting-branch-grid .ff-connecting-branch-input-point-wrapper,.ff-connecting-branch-grid-reverse .ff-connecting-branch-input-point-wrapper{position:relative}.ff-connecting-branch-grid .ff-connecting-branch-input-point-wrapper .ff-connecting-branch-point,.ff-connecting-branch-grid-reverse .ff-connecting-branch-input-point-wrapper .ff-connecting-branch-point{background-color:var(--ff-connecting-branch-color);border-radius:50%;height:5px;position:absolute;right:-2px;top:calc(50% - 2px);width:5px;z-index:2}.ff-connecting-branch-grid .ff-connecting-branch-input-point-wrapper .ff-connecting-branch-point-reverse,.ff-connecting-branch-grid-reverse .ff-connecting-branch-input-point-wrapper .ff-connecting-branch-point-reverse{background-color:var(--ff-connecting-branch-color);border-radius:50%;height:5px;left:-2px;position:absolute;top:calc(50% - 2px);width:5px;z-index:2}.ff-connecting-branch-grid .ff-connecting-branch-middle-arrow,.ff-connecting-branch-grid-reverse .ff-connecting-branch-middle-arrow{height:0;margin-top:calc(50% - 4px);position:relative;width:100%}.ff-connecting-branch-grid .ff-connecting-branch-middle-arrow .ff-connecting-branch-arrow,.ff-connecting-branch-grid-reverse .ff-connecting-branch-middle-arrow .ff-connecting-branch-arrow{background-color:var(--ff-connecting-branch-color);clip-path:polygon(0 0,0 100%,100% 50%);height:5px;position:absolute;right:-1px;top:calc(25% - 3px);width:5px;z-index:2}.ff-connecting-branch-grid .ff-connecting-branch-middle-arrow .ff-connecting-branch-arrow-reverse,.ff-connecting-branch-grid-reverse .ff-connecting-branch-middle-arrow .ff-connecting-branch-arrow-reverse{background-color:var(--ff-connecting-branch-color);clip-path:polygon(0 50%,100% 100%,100% 0);height:5px;left:-1px;position:absolute;top:calc(25% - 3px);width:5px;z-index:2}.ff-connecting-branch-grid .ff-connecting-branch-end-arrow,.ff-connecting-branch-grid-reverse .ff-connecting-branch-end-arrow{border-right:1px solid var(--ff-connecting-branch-color);border-top:1px solid var(--ff-connecting-branch-color);border-top-right-radius:8px;height:100%;margin-top:16px;width:100%}.ff-connecting-branch-grid .ff-connecting-branch-end-arrow-reverse,.ff-connecting-branch-grid-reverse .ff-connecting-branch-end-arrow-reverse{border-left:1px solid var(--ff-connecting-branch-color);border-top:1px solid var(--ff-connecting-branch-color);border-top-left-radius:8px;height:100%;margin-top:16px;width:100%}.ff-connecting-branch-grid .ff-connecting-branch-browser-button,.ff-connecting-branch-grid-reverse .ff-connecting-branch-browser-button{align-items:center;display:flex;height:32px}.ff-connecting-branch-grid-reverse{direction:rtl;margin:0 0 16px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyYW5jaGVzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsOERBRUUscUJBQXNCLENBQ3RCLFlBQWEsQ0FDYixnREFBaUQsQ0FDakQsV0FBWSxDQUNaLGtCQUFtQixDQUNuQixpQkFDRixDQUNBLHNJQUVFLGlCQUNGLENBQ0EsOExBS0Usa0RBQW1ELENBRW5ELHNDQUEwQyxDQUoxQyxVQUFXLENBRFgsaUJBQWtCLENBT2xCLFVBQVcsQ0FEWCxtQkFBb0IsQ0FKcEIsU0FBVSxDQUVWLFNBSUYsQ0FDQSw4TUFLRSxrREFBbUQsQ0FJbkQseUNBQTRDLENBTjVDLFVBQVcsQ0FJWCxTQUFVLENBTFYsaUJBQWtCLENBTWxCLG1CQUFvQixDQUpwQixTQUFVLENBRVYsU0FJRixDQUNBLHNNQUtFLGtEQUFnQixDQUVoQiw2QkFBOEIsQ0FEOUIsaUJBQWtCLENBRGxCLGVBQWdCLENBRmhCLFVBQVcsQ0FEWCxVQU1GLENBQ0Esc05BS0Usa0RBQWdCLENBRWhCLDhCQUErQixDQUQvQixnQkFBaUIsQ0FEakIsZUFBZ0IsQ0FGaEIsVUFBVyxDQURYLFVBTUYsQ0FDQSwwSEFHRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQUViLHNCQUNGLENBQ0Esb1ZBSUUsY0FDRixDQUNBLDRIQU9FLGtCQUFtQixDQUxuQixZQUFhLENBTWIsT0FBUSxDQUpSLFdBQVksQ0FDWix3QkFBeUIsQ0FGekIsZUFBZ0IsQ0FHaEIsVUFHRixDQUNBLHNJQUVFLGFBQ0YsQ0FDQSw4SkFJRSxhQUFjLENBRmQsWUFBYSxDQUNiLGtCQUVGLENBQ0EsZ21CQU1FLGNBQ0YsQ0FDQSw0SUFPRSxrQkFBbUIsQ0FFbkIsYUFBYyxDQVBkLFlBQWEsQ0FNYixPQUFRLENBSlIsV0FBWSxDQUNaLHdCQUF5QixDQUZ6QixlQUFnQixDQUdoQixVQUlGLENBQ0Esc0pBRUUsYUFDRixDQUNBLDhLQUlFLGFBQWMsQ0FGZCxZQUFhLENBQ2Isa0JBRUYsQ0FDQSxncEJBTUUsY0FDRixDQUNBLGtKQUVFLGlCQUNGLENBQ0EsME1BS0Usa0RBQW1ELENBQ25ELGlCQUFrQixDQUhsQixVQUFXLENBRFgsaUJBQWtCLENBTWxCLFVBQVcsQ0FDWCxtQkFBb0IsQ0FMcEIsU0FBVSxDQUdWLFNBR0YsQ0FDQSwwTkFLRSxrREFBbUQsQ0FDbkQsaUJBQWtCLENBSGxCLFVBQVcsQ0FLWCxTQUFVLENBTlYsaUJBQWtCLENBT2xCLG1CQUFvQixDQUxwQixTQUFVLENBR1YsU0FHRixDQUNBLG9JQUVFLFFBQVMsQ0FFVCwwQkFBMkIsQ0FDM0IsaUJBQWtCLENBRmxCLFVBR0YsQ0FDQSw0TEFLRSxrREFBbUQsQ0FDbkQsc0NBQTBDLENBSDFDLFVBQVcsQ0FEWCxpQkFBa0IsQ0FNbEIsVUFBVyxDQURYLG1CQUFvQixDQUhwQixTQUFVLENBS1YsU0FDRixDQUNBLDRNQUtFLGtEQUFtRCxDQUNuRCx5Q0FBNEMsQ0FINUMsVUFBVyxDQUtYLFNBQVUsQ0FOVixpQkFBa0IsQ0FLbEIsbUJBQW9CLENBSHBCLFNBQVUsQ0FLVixTQUNGLENBQ0EsOEhBTUUsd0RBQXlELENBRHpELHNEQUF1RCxDQUV2RCwyQkFBNEIsQ0FKNUIsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFVBTUYsQ0FDQSw4SUFNRSx1REFBd0QsQ0FEeEQsc0RBQXVELENBRXZELDBCQUEyQixDQUozQixXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsVUFNRixDQUNBLHdJQUlFLGtCQUFtQixDQURuQixZQUFhLENBRGIsV0FHRixDQUVBLG1DQUNFLGFBQWMsQ0FDZCxlQUNGIiwiZmlsZSI6IkJyYW5jaGVzLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZCxcbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLXJldmVyc2Uge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDI0cHggMTgwcHggNDBweCAxODBweCAyNHB4O1xuICBoZWlnaHQ6IDY2cHg7XG4gIG1hcmdpbi1ib3R0b206IDE2cHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1zdGFydC13cmFwcGVyLFxuLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQtcmV2ZXJzZSAuZmYtY29ubmVjdGluZy1icmFuY2gtc3RhcnQtd3JhcHBlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1zdGFydC13cmFwcGVyIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1hcnJvdyxcbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLXJldmVyc2UgLmZmLWNvbm5lY3RpbmctYnJhbmNoLXN0YXJ0LXdyYXBwZXIgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWFycm93IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IDZweDtcbiAgd2lkdGg6IDZweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZmYtY29ubmVjdGluZy1icmFuY2gtY29sb3IpO1xuICB6LWluZGV4OiAyO1xuICBjbGlwLXBhdGg6IHBvbHlnb24oMCAwLCAwJSAxMDAlLCAxMDAlIDUwJSk7XG4gIHRvcDogY2FsYygyNSUgLSAzcHgpO1xuICByaWdodDogLTFweDtcbn1cbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1zdGFydC13cmFwcGVyIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1hcnJvdy1yZXZlcnNlLFxuLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQtcmV2ZXJzZSAuZmYtY29ubmVjdGluZy1icmFuY2gtc3RhcnQtd3JhcHBlciAuZmYtY29ubmVjdGluZy1icmFuY2gtYXJyb3ctcmV2ZXJzZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaGVpZ2h0OiA2cHg7XG4gIHdpZHRoOiA2cHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWZmLWNvbm5lY3RpbmctYnJhbmNoLWNvbG9yKTtcbiAgei1pbmRleDogMjtcbiAgbGVmdDogLTFweDtcbiAgdG9wOiBjYWxjKDI1JSAtIDNweCk7XG4gIGNsaXAtcGF0aDogcG9seWdvbigwIDUwJSwgMTAwJSAxMDAlLCAxMDAlIDApO1xufVxuLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQgLmZmLWNvbm5lY3RpbmctYnJhbmNoLXN0YXJ0LXdyYXBwZXIgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWNvbnRhaW5lcixcbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLXJldmVyc2UgLmZmLWNvbm5lY3RpbmctYnJhbmNoLXN0YXJ0LXdyYXBwZXIgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWNvbnRhaW5lciB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDI1JTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tZmYtY29ubmVjdGluZy1icmFuY2gtY29sb3IpO1xuICBib3JkZXItdG9wOiBub25lO1xuICBib3JkZXItcmlnaHQ6IG5vbmU7XG4gIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDhweDtcbn1cbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1zdGFydC13cmFwcGVyIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1jb250YWluZXItcmV2ZXJzZSxcbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLXJldmVyc2UgLmZmLWNvbm5lY3RpbmctYnJhbmNoLXN0YXJ0LXdyYXBwZXIgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWNvbnRhaW5lci1yZXZlcnNlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMjUlO1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1mZi1jb25uZWN0aW5nLWJyYW5jaC1jb2xvcik7XG4gIGJvcmRlci10b3A6IG5vbmU7XG4gIGJvcmRlci1sZWZ0OiBub25lO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogOHB4O1xufVxuLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQgLmZmLWVudmlyb25tZW50LXJ1bi1jb250YWluZXIsXG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1yZXZlcnNlIC5mZi1lbnZpcm9ubWVudC1ydW4tY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZCAuZmYtZW52aXJvbm1lbnQtcnVuLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1ydW4taWNvbixcbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkIC5mZi1lbnZpcm9ubWVudC1ydW4tY29udGFpbmVyIC5mZi1jb25uZWN0aW5nLXJ1bi10ZXh0LFxuLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQtcmV2ZXJzZSAuZmYtZW52aXJvbm1lbnQtcnVuLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1ydW4taWNvbixcbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLXJldmVyc2UgLmZmLWVudmlyb25tZW50LXJ1bi1jb250YWluZXIgLmZmLWNvbm5lY3RpbmctcnVuLXRleHQge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZCAuZmYtY29ubmVjdGluZy1icmFuY2gtZGF0YWxpc3QsXG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1yZXZlcnNlIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1kYXRhbGlzdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmctdG9wOiA0cHg7XG4gIGhlaWdodDogMjRweDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgd2lkdGg6IDEwMCU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogOHB4O1xufVxuLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWRhdGFsaXN0IGVsc2UsXG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1yZXZlcnNlIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1kYXRhbGlzdCBlbHNlIHtcbiAgZGlyZWN0aW9uOiBydGw7XG59XG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZCAuZmYtY29ubmVjdGluZy1icmFuY2gtZGF0YWxpc3QgLmlubmVyLWNvbnRhaW5lcixcbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLXJldmVyc2UgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWRhdGFsaXN0IC5pbm5lci1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBkaXJlY3Rpb246IHJ0bDtcbn1cbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1kYXRhbGlzdCAuaW5uZXItY29udGFpbmVyIC5mZi1jb25uZWN0aW5nLWljb24sXG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZCAuZmYtY29ubmVjdGluZy1icmFuY2gtZGF0YWxpc3QgLmlubmVyLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy10ZXh0LFxuLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWRhdGFsaXN0IC5pbm5lci1jb250YWluZXIgLmZmLWNvbm5lY3RpbmctZGVsZXRlLWljb24sXG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1yZXZlcnNlIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1kYXRhbGlzdCAuaW5uZXItY29udGFpbmVyIC5mZi1jb25uZWN0aW5nLWljb24sXG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1yZXZlcnNlIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1kYXRhbGlzdCAuaW5uZXItY29udGFpbmVyIC5mZi1jb25uZWN0aW5nLXRleHQsXG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1yZXZlcnNlIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1kYXRhbGlzdCAuaW5uZXItY29udGFpbmVyIC5mZi1jb25uZWN0aW5nLWRlbGV0ZS1pY29uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWRhdGFsaXN0LXJldmVyc2UsXG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1yZXZlcnNlIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1kYXRhbGlzdC1yZXZlcnNlIHtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZy10b3A6IDRweDtcbiAgaGVpZ2h0OiAyNHB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICB3aWR0aDogMTAwJTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiA4cHg7XG4gIGRpcmVjdGlvbjogbHRyO1xufVxuLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWRhdGFsaXN0LXJldmVyc2UgZWxzZSxcbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLXJldmVyc2UgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWRhdGFsaXN0LXJldmVyc2UgZWxzZSB7XG4gIGRpcmVjdGlvbjogcnRsO1xufVxuLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWRhdGFsaXN0LXJldmVyc2UgLmlubmVyLWNvbnRhaW5lcixcbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLXJldmVyc2UgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWRhdGFsaXN0LXJldmVyc2UgLmlubmVyLWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGRpcmVjdGlvbjogcnRsO1xufVxuLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWRhdGFsaXN0LXJldmVyc2UgLmlubmVyLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1pY29uLFxuLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWRhdGFsaXN0LXJldmVyc2UgLmlubmVyLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy10ZXh0LFxuLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWRhdGFsaXN0LXJldmVyc2UgLmlubmVyLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1kZWxldGUtaWNvbixcbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLXJldmVyc2UgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWRhdGFsaXN0LXJldmVyc2UgLmlubmVyLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1pY29uLFxuLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQtcmV2ZXJzZSAuZmYtY29ubmVjdGluZy1icmFuY2gtZGF0YWxpc3QtcmV2ZXJzZSAuaW5uZXItY29udGFpbmVyIC5mZi1jb25uZWN0aW5nLXRleHQsXG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1yZXZlcnNlIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1kYXRhbGlzdC1yZXZlcnNlIC5pbm5lci1jb250YWluZXIgLmZmLWNvbm5lY3RpbmctZGVsZXRlLWljb24ge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZCAuZmYtY29ubmVjdGluZy1icmFuY2gtaW5wdXQtcG9pbnQtd3JhcHBlcixcbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLXJldmVyc2UgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWlucHV0LXBvaW50LXdyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZCAuZmYtY29ubmVjdGluZy1icmFuY2gtaW5wdXQtcG9pbnQtd3JhcHBlciAuZmYtY29ubmVjdGluZy1icmFuY2gtcG9pbnQsXG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1yZXZlcnNlIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1pbnB1dC1wb2ludC13cmFwcGVyIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1wb2ludCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaGVpZ2h0OiA1cHg7XG4gIHdpZHRoOiA1cHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWZmLWNvbm5lY3RpbmctYnJhbmNoLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICB6LWluZGV4OiAyO1xuICByaWdodDogLTJweDtcbiAgdG9wOiBjYWxjKDUwJSAtIDJweCk7XG59XG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZCAuZmYtY29ubmVjdGluZy1icmFuY2gtaW5wdXQtcG9pbnQtd3JhcHBlciAuZmYtY29ubmVjdGluZy1icmFuY2gtcG9pbnQtcmV2ZXJzZSxcbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLXJldmVyc2UgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWlucHV0LXBvaW50LXdyYXBwZXIgLmZmLWNvbm5lY3RpbmctYnJhbmNoLXBvaW50LXJldmVyc2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGhlaWdodDogNXB4O1xuICB3aWR0aDogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1mZi1jb25uZWN0aW5nLWJyYW5jaC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgei1pbmRleDogMjtcbiAgbGVmdDogLTJweDtcbiAgdG9wOiBjYWxjKDUwJSAtIDJweCk7XG59XG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZCAuZmYtY29ubmVjdGluZy1icmFuY2gtbWlkZGxlLWFycm93LFxuLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQtcmV2ZXJzZSAuZmYtY29ubmVjdGluZy1icmFuY2gtbWlkZGxlLWFycm93IHtcbiAgaGVpZ2h0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luLXRvcDogY2FsYyg1MCUgLSA0cHgpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZCAuZmYtY29ubmVjdGluZy1icmFuY2gtbWlkZGxlLWFycm93IC5mZi1jb25uZWN0aW5nLWJyYW5jaC1hcnJvdyxcbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLXJldmVyc2UgLmZmLWNvbm5lY3RpbmctYnJhbmNoLW1pZGRsZS1hcnJvdyAuZmYtY29ubmVjdGluZy1icmFuY2gtYXJyb3cge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGhlaWdodDogNXB4O1xuICB3aWR0aDogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1mZi1jb25uZWN0aW5nLWJyYW5jaC1jb2xvcik7XG4gIGNsaXAtcGF0aDogcG9seWdvbigwIDAsIDAlIDEwMCUsIDEwMCUgNTAlKTtcbiAgdG9wOiBjYWxjKDI1JSAtIDNweCk7XG4gIHJpZ2h0OiAtMXB4O1xuICB6LWluZGV4OiAyO1xufVxuLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQgLmZmLWNvbm5lY3RpbmctYnJhbmNoLW1pZGRsZS1hcnJvdyAuZmYtY29ubmVjdGluZy1icmFuY2gtYXJyb3ctcmV2ZXJzZSxcbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLXJldmVyc2UgLmZmLWNvbm5lY3RpbmctYnJhbmNoLW1pZGRsZS1hcnJvdyAuZmYtY29ubmVjdGluZy1icmFuY2gtYXJyb3ctcmV2ZXJzZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaGVpZ2h0OiA1cHg7XG4gIHdpZHRoOiA1cHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWZmLWNvbm5lY3RpbmctYnJhbmNoLWNvbG9yKTtcbiAgY2xpcC1wYXRoOiBwb2x5Z29uKDAgNTAlLCAxMDAlIDEwMCUsIDEwMCUgMCk7XG4gIHRvcDogY2FsYygyNSUgLSAzcHgpO1xuICBsZWZ0OiAtMXB4O1xuICB6LWluZGV4OiAyO1xufVxuLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWVuZC1hcnJvdyxcbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLXJldmVyc2UgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWVuZC1hcnJvdyB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1hcmdpbi10b3A6IDE2cHg7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1mZi1jb25uZWN0aW5nLWJyYW5jaC1jb2xvcik7XG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIHZhcigtLWZmLWNvbm5lY3RpbmctYnJhbmNoLWNvbG9yKTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDhweDtcbn1cbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1lbmQtYXJyb3ctcmV2ZXJzZSxcbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLXJldmVyc2UgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWVuZC1hcnJvdy1yZXZlcnNlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWFyZ2luLXRvcDogMTZweDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHZhcigtLWZmLWNvbm5lY3RpbmctYnJhbmNoLWNvbG9yKTtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCB2YXIoLS1mZi1jb25uZWN0aW5nLWJyYW5jaC1jb2xvcik7XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDhweDtcbn1cbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1icm93c2VyLWJ1dHRvbixcbi5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLXJldmVyc2UgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWJyb3dzZXItYnV0dG9uIHtcbiAgaGVpZ2h0OiAzMnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1yZXZlcnNlIHtcbiAgZGlyZWN0aW9uOiBydGw7XG4gIG1hcmdpbjogMCAwIDE2cHggMDtcbn0iXX0= */");

package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.js

@@ -1,23 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { Fragment } from 'react/jsx-runtime';
-import { ffid } from '../../../../utils/ffID/ffid';
-import Branches from '../Branches/Branches';
-import './ConnectingBranches.scss';
-const ConnectingBranches = ({ machineBranchInstances, machineColumnCount, machineColumnWidth, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, addInstanceLabel = '', scriptType = '', projectType = 'Web', readOnly = false, maxRunCount, }) => {
-    const [machineInstance, setMachineInstance] = useState(machineBranchInstances);
-    useEffect(() => {
-        setMachineInstance(machineBranchInstances);
-    }, [machineBranchInstances]);
-    const getMachineBranchInstancesChunk = (machineBranchInstances, chunkSize) => {
-        const machineBranchInstancesChunk = [];
-        for (let i = 0; i < machineBranchInstances.length; i += chunkSize) {
-            machineBranchInstancesChunk.push(machineBranchInstances.slice(i, i + chunkSize));
-        }
-        return machineBranchInstancesChunk;
-    };
-    const machineInstancesRow = getMachineBranchInstancesChunk(machineInstance, machineColumnCount);
-    return (_jsx("div", { className: "ff-connecting-branch-grid-wrapper", children: machineInstancesRow.map((machineInstances, index) => (_jsx(Fragment, { children: _jsx(Branches, { machineInstances: machineInstances, rowIndex: index, machineColumnCount: machineColumnCount, machineColumnWidth: machineColumnWidth, onAddBrowser: onAddBrowser, onDeleteBrowser: onDeleteBrowser, onAddRunBrowser: onAddRunBrowser, nextRowMachineInstance: machineInstancesRow[index + 1]?.[0], previousRowMachineInstance: machineInstancesRow[index - 1]?.[machineColumnCount - 1], onUpdateDataSetList: onUpdateDataSetList, onUpdateAddBrowserInstance: onUpdateAddBrowserInstance, addInstanceLabel: addInstanceLabel, scriptType: scriptType, projectType: projectType, readOnly: readOnly, maxRunCount: maxRunCount }) }, ffid()))) }));
-};
-export default ConnectingBranches;
-//# sourceMappingURL=ConnectingBranches.js.map
+import{jsx as n,Fragment as e}from"react/jsx-runtime";import{useState as r,useEffect as t}from"react";import{ffid as o}from"../../../../utils/ffID/ffid.js";import a from"../Branches/Branches.js";import"./ConnectingBranches.scss.js";const s=({machineBranchInstances:s,machineColumnCount:c,machineColumnWidth:d,onAddBrowser:i,onDeleteBrowser:m,onAddRunBrowser:p,onUpdateDataSetList:h,onUpdateAddBrowserInstance:u,addInstanceLabel:l="",scriptType:f="",projectType:w="Web",readOnly:B=!1,maxRunCount:I})=>{const[C,j]=r(s);t(()=>{j(s)},[s]);const x=((n,e)=>{const r=[];for(let t=0;t<n.length;t+=e)r.push(n.slice(t,t+e));return r})(C,c);return n("div",{className:"ff-connecting-branch-grid-wrapper",children:x.map((r,t)=>n(e,{children:n(a,{machineInstances:r,rowIndex:t,machineColumnCount:c,machineColumnWidth:d,onAddBrowser:i,onDeleteBrowser:m,onAddRunBrowser:p,nextRowMachineInstance:x[t+1]?.[0],previousRowMachineInstance:x[t-1]?.[c-1],onUpdateDataSetList:h,onUpdateAddBrowserInstance:u,addInstanceLabel:l,scriptType:f,projectType:w,readOnly:B,maxRunCount:I})},o()))})};export{s as default};

package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.scss.js

@@ -0,0 +1 @@
+import i from"../../../../node_modules/style-inject/dist/style-inject.es.js";i(".ff-connecting-branch-grid-wrapper{box-sizing:border-box}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbm5lY3RpbmdCcmFuY2hlcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1DQUNFLHFCQUNGIiwiZmlsZSI6IkNvbm5lY3RpbmdCcmFuY2hlcy5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQtd3JhcHBlciB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59Il19 */");

package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.js

@@ -1,13 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Typography from '../../../Typography';
-import './DataSetTooltip.scss';
-const DataSetTooltip = ({ datSetToolTip: { globalVariableSetName = '', peVariableSetName = '', testDataSetName = '', }, }) => {
-    const toolTipTitleValue = {
-        'Project Environment Set': peVariableSetName,
-        'Global Variable Set': globalVariableSetName,
-        'Test Data Set': testDataSetName,
-    };
-    return (_jsx(_Fragment, { children: Object.entries(toolTipTitleValue).map(([key, value], index) => (_jsx("div", { className: "ff-dataSetList-container", children: _jsxs("div", { children: [_jsx(Typography, { as: "div", fontSize: 10, lineHeight: "15px", color: "var(--details-page-value-color)", className: "ff-dataSetList-items", children: key }), _jsx(Typography, { as: "div", lineHeight: "18px", color: "var(--base-bg-color)", children: value })] }) }, index))) }));
-};
-export default DataSetTooltip;
-//# sourceMappingURL=DataSetTooltip.js.map
+import{jsx as e,Fragment as t,jsxs as a}from"react/jsx-runtime";import i from"../../../Typography/Typography.js";import"./DataSetTooltip.scss.js";const r=({datSetToolTip:{globalVariableSetName:r="",peVariableSetName:o="",testDataSetName:l=""}})=>{const s={"Project Environment Set":o,"Global Variable Set":r,"Test Data Set":l};return e(t,{children:Object.entries(s).map(([t,r],o)=>e("div",{className:"ff-dataSetList-container",children:a("div",{children:[e(i,{as:"div",fontSize:10,lineHeight:"15px",color:"var(--details-page-value-color)",className:"ff-dataSetList-items",children:t}),e(i,{as:"div",lineHeight:"18px",color:"var(--base-bg-color)",children:r})]})},o))})};export{r as default};

package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.scss.js

@@ -0,0 +1 @@
+import t from"../../../../node_modules/style-inject/dist/style-inject.es.js";t(".ff-dataSetList-container{gap:4px;padding:6px 12px}.ff-dataSetList-container,.ff-dataSetList-container .ff-dataSetList-items{display:flex;flex-direction:column}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFTZXRUb29sdGlwLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsMEJBR0UsT0FBUSxDQUNSLGdCQUNGLENBQ0EsMEVBTEUsWUFBYSxDQUNiLHFCQU9GIiwiZmlsZSI6IkRhdGFTZXRUb29sdGlwLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZmYtZGF0YVNldExpc3QtY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiA0cHg7XG4gIHBhZGRpbmc6IDZweCAxMnB4O1xufVxuLmZmLWRhdGFTZXRMaXN0LWNvbnRhaW5lciAuZmYtZGF0YVNldExpc3QtaXRlbXMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufSJdfQ== */");

package/lib/components/SequentialConnectingBranch/context/EnvironmentVariableMapsContext.js

@@ -1,4 +1 @@
-import { createContext, useContext } from 'react';
-export const EnvironmentVariableMapsContext = createContext(null);
-export const useEnvironmentalVariableMaps = () => useContext(EnvironmentVariableMapsContext);
-//# sourceMappingURL=EnvironmentVariableMapsContext.js.map
+import{createContext as o,useContext as r}from"react";const t=o(null),c=()=>r(t);export{t as EnvironmentVariableMapsContext,c as useEnvironmentalVariableMaps};

package/lib/components/SessionDropdown/SessionDropdown.js

@@ -1,31 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import './SessionDropdown.scss';
-import Icon from '../Icon';
-import Tabs from '../Tabs';
-import Typography from '../Typography';
-import Tooltip from '../Tooltip';
-const SessionDropdown = ({ header, secondaryHeader, primaryCount, secondaryCount, primaryItems, secondaryItems, width, activeTab = 'primary', activeTabId, onPrimaryTabClick, onSecondaryTabClick, onTabClick, actions, tabsData, notchPosition = 'top-left', }) => {
-    const itemsToDisplay = secondaryHeader && activeTab === 'secondary'
-        ? secondaryItems
-        : primaryItems;
-    const hasSecondaryItems = secondaryCount && parseInt(secondaryCount) > 0;
-    const hasPrimaryItems = primaryCount && parseInt(primaryCount) > 0;
-    const showActionIcons = secondaryHeader && (hasPrimaryItems || hasSecondaryItems);
-    const handleTabClick = (tabId) => {
-        if (onTabClick) {
-            onTabClick(tabId);
-        }
-        if (tabId === 'tab-1' && onPrimaryTabClick) {
-            onPrimaryTabClick();
-        }
-        else if (tabId === 'tab-2' && onSecondaryTabClick) {
-            onSecondaryTabClick();
-        }
-    };
-    const { tooltip: downloadTooltip = 'Download', iconName: downloadIconName = 'download_file', disabled: isDownloadDisabled = false, onClick: onDownloadClick, className: downloadClassName = '', } = actions?.download || {};
-    const { tooltip: deleteTooltip = 'Delete', iconName: deleteIconName = 'delete_icon', disabled: isDeleteDisabled = false, onClick: onDeleteClick, className: deleteClassName = '', } = actions?.delete || {};
-    const renderHeaderIcons = () => (_jsxs("div", { className: "ff-dropdown-header-icons", children: [actions?.download && (_jsx(Tooltip, { title: downloadTooltip, children: _jsx(Icon, { name: downloadIconName || '', className: `ff-dropdown-icon ff-download-icon ${downloadClassName}`, onClick: onDownloadClick, width: 18, height: 20, disabled: isDownloadDisabled, hoverEffect: true }) })), actions?.delete && (_jsx(Tooltip, { title: deleteTooltip, children: _jsx(Icon, { name: deleteIconName || '', className: `ff-dropdown-icon ff-delete-icon ${deleteClassName}`, onClick: onDeleteClick, width: 25, height: 25, disabled: isDeleteDisabled, hoverEffect: true }) }))] }));
-    return (_jsxs("div", { className: "ff-resolution-dropdown", style: width ? { minWidth: width } : {}, children: [_jsx("div", { className: `ff-dropdown-notch ${notchPosition === 'bottom-center' ? 'bottom-center' : 'top-left'}` }), _jsx("div", { className: "ff-dropdown-header", children: _jsx("div", { className: "ff-dropdown-header-content", children: secondaryHeader && tabsData && activeTabId ? (_jsxs(_Fragment, { children: [_jsx(Tabs, { tabsData: tabsData, activeTabId: activeTabId, onTabClick: handleTabClick }), showActionIcons && renderHeaderIcons()] })) : secondaryHeader && showActionIcons ? (_jsxs("div", { className: "ff-dropdown-header-dual", children: [_jsxs("div", { className: `ff-dropdown-header-item ${activeTab === 'primary' ? 'active' : ''}`, onClick: onPrimaryTabClick, children: [_jsx(Typography, { fontWeight: "semi-bold", className: "ff-dropdown-text", children: header }), primaryCount && (_jsx("span", { className: "ff-dropdown-count", children: primaryCount }))] }), _jsxs("div", { className: `ff-dropdown-header-item ${activeTab === 'secondary' ? 'active' : ''}`, onClick: onSecondaryTabClick, children: [_jsx(Typography, { fontWeight: "semi-bold", className: "ff-dropdown-text", children: secondaryHeader }), secondaryCount && (_jsx("span", { className: "ff-dropdown-count", children: secondaryCount }))] }), renderHeaderIcons()] })) : secondaryHeader ? (_jsxs("div", { className: "ff-dropdown-header-dual", children: [_jsxs("div", { className: `ff-dropdown-header-item ${activeTab === 'primary' ? 'active' : ''}`, onClick: onPrimaryTabClick, children: [_jsx(Typography, { fontWeight: "semi-bold", className: "ff-dropdown-text", children: header }), primaryCount && (_jsx("span", { className: "ff-dropdown-count", children: primaryCount }))] }), _jsxs("div", { className: `ff-dropdown-header-item ${activeTab === 'secondary' ? 'active' : ''}`, onClick: onSecondaryTabClick, children: [_jsx(Typography, { fontWeight: "semi-bold", className: "ff-dropdown-text", children: secondaryHeader }), secondaryCount && (_jsx("span", { className: "ff-dropdown-count", children: secondaryCount }))] })] })) : (_jsx(Typography, { fontSize: 16, fontWeight: "semi-bold", children: header })) }) }), _jsx("ul", { className: "ff-dropdown-list", children: itemsToDisplay?.map((item, index) => (_jsx("li", { className: "ff-dropdown-item", children: item }, index))) })] }));
-};
-export default SessionDropdown;
-//# sourceMappingURL=SessionDropdown.js.map
+import{jsxs as e,jsx as o,Fragment as d}from"react/jsx-runtime";import"./SessionDropdown.scss.js";import a from"../Icon/Icon.js";import n from"../Tabs/Tabs.js";import i from"../Typography/Typography.js";import r from"../Tooltip/Tooltip.js";const t=({header:t,secondaryHeader:c,primaryCount:l,secondaryCount:s,primaryItems:f,secondaryItems:m,width:h,activeTab:p="primary",activeTabId:w,onPrimaryTabClick:N,onSecondaryTabClick:b,onTabClick:v,actions:y,tabsData:C,notchPosition:u="top-left"})=>{const T=c&&"secondary"===p?m:f,k=s&&parseInt(s)>0,g=l&&parseInt(l)>0,I=c&&(g||k),{tooltip:j="Download",iconName:x="download_file",disabled:W=!1,onClick:D,className:S=""}=y?.download||{},{tooltip:E="Delete",iconName:P="delete_icon",disabled:$=!1,onClick:_,className:z=""}=y?.delete||{},H=()=>e("div",{className:"ff-dropdown-header-icons",children:[y?.download&&o(r,{title:j,children:o(a,{name:x||"",className:`ff-dropdown-icon ff-download-icon ${S}`,onClick:D,width:18,height:20,disabled:W,hoverEffect:!0})}),y?.delete&&o(r,{title:E,children:o(a,{name:P||"",className:`ff-dropdown-icon ff-delete-icon ${z}`,onClick:_,width:25,height:25,disabled:$,hoverEffect:!0})})]});return e("div",{className:"ff-resolution-dropdown",style:h?{minWidth:h}:{},children:[o("div",{className:"ff-dropdown-notch "+("bottom-center"===u?"bottom-center":"top-left")}),o("div",{className:"ff-dropdown-header",children:o("div",{className:"ff-dropdown-header-content",children:c&&C&&w?e(d,{children:[o(n,{tabsData:C,activeTabId:w,onTabClick:e=>{v&&v(e),"tab-1"===e&&N?N():"tab-2"===e&&b&&b()}}),I&&H()]}):c&&I?e("div",{className:"ff-dropdown-header-dual",children:[e("div",{className:"ff-dropdown-header-item "+("primary"===p?"active":""),onClick:N,children:[o(i,{fontWeight:"semi-bold",className:"ff-dropdown-text",children:t}),l&&o("span",{className:"ff-dropdown-count",children:l})]}),e("div",{className:"ff-dropdown-header-item "+("secondary"===p?"active":""),onClick:b,children:[o(i,{fontWeight:"semi-bold",className:"ff-dropdown-text",children:c}),s&&o("span",{className:"ff-dropdown-count",children:s})]}),H()]}):c?e("div",{className:"ff-dropdown-header-dual",children:[e("div",{className:"ff-dropdown-header-item "+("primary"===p?"active":""),onClick:N,children:[o(i,{fontWeight:"semi-bold",className:"ff-dropdown-text",children:t}),l&&o("span",{className:"ff-dropdown-count",children:l})]}),e("div",{className:"ff-dropdown-header-item "+("secondary"===p?"active":""),onClick:b,children:[o(i,{fontWeight:"semi-bold",className:"ff-dropdown-text",children:c}),s&&o("span",{className:"ff-dropdown-count",children:s})]})]}):o(i,{fontSize:16,fontWeight:"semi-bold",children:t})})}),o("ul",{className:"ff-dropdown-list",children:T?.map((e,d)=>o("li",{className:"ff-dropdown-item",children:e},d))})]})};export{t as default};

package/lib/components/SessionDropdown/SessionDropdown.scss.js

@@ -0,0 +1 @@
+import o from"../../node_modules/style-inject/dist/style-inject.es.js";o('.ff-resolution-dropdown{background-color:var(--ff-white-color);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px var(--ff-chips-shadow-color-two);position:relative;width:max-content}.ff-dropdown-notch{background-color:var(--ff-white-color);clip-path:path("M 9,5 Q -8,12 10,18");filter:drop-shadow(-2px 0 2px var(--ff-chips-shadow-color-two));height:20px;position:absolute;width:10px}.ff-dropdown-notch:before{background-color:inherit;box-shadow:-1px 0 1px var(--ff-chips-shadow-color-two),.5px 0 .5px var(--ff-chips-shadow-color-two) inset;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ff-dropdown-notch:after{background-color:var(--border-color);content:"";height:100%;position:absolute;right:0;top:0;width:.5px}.ff-dropdown-notch.top-left{left:-6px;top:7px;transform:none}.ff-dropdown-notch.bottom-center{bottom:23%;clip-path:path("M 9,6 Q -6,11 10,15");filter:drop-shadow(0 -2px 2px var(--ff-chips-shadow-color-two));left:75%;top:96%;transform:translateX(-50%) rotate(275deg)}.ff-dropdown-header{background-color:var(--ff-white-color);border-bottom:1px solid var(--border-color);border-radius:6px 6px 0 0;box-sizing:border-box;color:var(--text-color);font-size:13px;font-weight:600;height:32px;padding:11px 10px;position:relative}.ff-dropdown-header,.ff-dropdown-header-content{align-items:center;display:flex;justify-content:space-between}.ff-dropdown-header-content{flex-grow:1}.ff-dropdown-header-dual{display:flex;flex-grow:1;gap:16px;justify-content:flex-start}.ff-dropdown-header-item{align-items:center;cursor:pointer;display:flex;gap:4px;padding:7px 0;position:relative}.ff-dropdown-header-item.active .ff-dropdown-text{color:var(--click-able-text-color)}.ff-dropdown-header-item.active .ff-dropdown-count,.ff-dropdown-header-item.active:after{background-color:var(--click-able-text-color)}.ff-dropdown-header-item.active:after{border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%;z-index:1}.ff-dropdown-text{position:relative}.ff-dropdown-count{background-color:var(--ff-card-status-text-color);border-radius:5px;color:var(--ff-white-color);font-size:11px;font-weight:500;margin-left:4px;padding:0 4px}.ff-dropdown-header-icons{display:flex;gap:6px}.ff-dropdown-icon{cursor:pointer;opacity:1}.ff-download-icon{color:var(--secondary-icon-color);margin-top:3px}.ff-delete-icon{color:var(--delete-button-color)}.ff-dropdown-list{list-style:none;margin:0;padding:0}.ff-dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:13px;padding:6px 13px;transition:background .15s ease}.ff-dropdown-item:hover{background-color:var(--hover-color)}.ff-dropdown-item>*{width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlc3Npb25Ecm9wZG93bi5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUVFLHNDQUF1QyxDQUN2QyxvQ0FBcUMsQ0FDckMsaUJBQWtCLENBQ2xCLHNEQUF1RCxDQUN2RCxpQkFBa0IsQ0FMbEIsaUJBTUYsQ0FFQSxtQkFJRSxzQ0FBdUMsQ0FDdkMscUNBQXNDLENBQ3RDLCtEQUFnRSxDQUhoRSxXQUFZLENBRlosaUJBQWtCLENBQ2xCLFVBS0YsQ0FDQSwwQkFPRSx3QkFBeUIsQ0FDekIseUdBQTZHLENBUDdHLFVBQVcsQ0FLWCxXQUFZLENBRlosTUFBTyxDQUZQLGlCQUFrQixDQUNsQixLQUFNLENBRU4sVUFJRixDQUNBLHlCQU9FLG9DQUFxQyxDQU5yQyxVQUFXLENBSVgsV0FBWSxDQUhaLGlCQUFrQixDQUNsQixPQUFRLENBQ1IsS0FBTSxDQUVOLFVBRUYsQ0FDQSw0QkFFRSxTQUFVLENBRFYsT0FBUSxDQUVSLGNBQ0YsQ0FDQSxpQ0FDRSxVQUFXLENBSVgscUNBQXNDLENBQ3RDLCtEQUFnRSxDQUpoRSxRQUFTLENBQ1QsT0FBUSxDQUNSLHlDQUdGLENBRUEsb0JBS0Usc0NBQXVDLENBRHZDLDJDQUE0QyxDQUU1Qyx5QkFBMEIsQ0FNMUIscUJBQXNCLENBSnRCLHVCQUF3QixDQUR4QixjQUFlLENBTmYsZUFBZ0IsQ0FFaEIsV0FBWSxDQURaLGlCQUFrQixDQVdsQixpQkFDRixDQUVBLGdEQUxFLGtCQUFtQixDQUZuQixZQUFhLENBQ2IsNkJBV0YsQ0FMQSw0QkFJRSxXQUNGLENBRUEseUJBQ0UsWUFBYSxDQUViLFdBQVksQ0FDWixRQUFTLENBRlQsMEJBR0YsQ0FFQSx5QkFFRSxrQkFBbUIsQ0FFbkIsY0FBZSxDQUhmLFlBQWEsQ0FFYixPQUFRLENBR1IsYUFBZ0IsQ0FEaEIsaUJBRUYsQ0FDQSxrREFDRSxrQ0FDRixDQUlBLHlGQUZFLDZDQVlGLENBVkEsc0NBU0UseUJBQTBCLENBTjFCLFFBQVMsQ0FGVCxVQUFXLENBS1gsVUFBVyxDQUZYLE1BQU8sQ0FGUCxpQkFBa0IsQ0FHbEIsVUFBVyxDQUdYLFNBRUYsQ0FFQSxrQkFDRSxpQkFDRixDQUVBLG1CQUVFLGlEQUFrRCxDQUdsRCxpQkFBa0IsQ0FGbEIsMkJBQTRCLENBRzVCLGNBQWUsQ0FDZixlQUFnQixDQU5oQixlQUFnQixDQUdoQixhQUlGLENBRUEsMEJBQ0UsWUFBYSxDQUNiLE9BQ0YsQ0FFQSxrQkFDRSxjQUFlLENBQ2YsU0FDRixDQUVBLGtCQUNFLGlDQUFrQyxDQUNsQyxjQUNGLENBRUEsZ0JBQ0UsZ0NBQ0YsQ0FFQSxrQkFDRSxlQUFnQixDQUNoQixRQUFTLENBQ1QsU0FDRixDQUVBLGtCQUlFLGtCQUFtQixDQUNuQixjQUFlLENBRmYsWUFBYSxDQURiLGNBQWUsQ0FEZixnQkFBaUIsQ0FLakIsK0JBQ0YsQ0FDQSx3QkFDRSxtQ0FDRixDQUNBLG9CQUNFLFVBQ0YiLCJmaWxlIjoiU2Vzc2lvbkRyb3Bkb3duLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZmYtcmVzb2x1dGlvbi1kcm9wZG93biB7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZmYtd2hpdGUtY29sb3IpO1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1ib3JkZXItY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiA2cHg7XG4gIGJveC1zaGFkb3c6IDAgNHB4IDEycHggdmFyKC0tZmYtY2hpcHMtc2hhZG93LWNvbG9yLXR3byk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmZmLWRyb3Bkb3duLW5vdGNoIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTBweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1mZi13aGl0ZS1jb2xvcik7XG4gIGNsaXAtcGF0aDogcGF0aChcIk0gOSw1IFEgLTgsMTIgMTAsMThcIik7XG4gIGZpbHRlcjogZHJvcC1zaGFkb3coLTJweCAwIDJweCB2YXIoLS1mZi1jaGlwcy1zaGFkb3ctY29sb3ItdHdvKSk7XG59XG4uZmYtZHJvcGRvd24tbm90Y2g6OmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBpbmhlcml0O1xuICBib3gtc2hhZG93OiAtMXB4IDAgMXB4IHZhcigtLWZmLWNoaXBzLXNoYWRvdy1jb2xvci10d28pLCAwLjVweCAwIDAuNXB4IHZhcigtLWZmLWNoaXBzLXNoYWRvdy1jb2xvci10d28pIGluc2V0O1xufVxuLmZmLWRyb3Bkb3duLW5vdGNoOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMC41cHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJvcmRlci1jb2xvcik7XG59XG4uZmYtZHJvcGRvd24tbm90Y2gudG9wLWxlZnQge1xuICB0b3A6IDdweDtcbiAgbGVmdDogLTZweDtcbiAgdHJhbnNmb3JtOiBub25lO1xufVxuLmZmLWRyb3Bkb3duLW5vdGNoLmJvdHRvbS1jZW50ZXIge1xuICBib3R0b206IDIzJTtcbiAgbGVmdDogNzUlO1xuICB0b3A6IDk2JTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpIHJvdGF0ZSgyNzVkZWcpO1xuICBjbGlwLXBhdGg6IHBhdGgoXCJNIDksNiBRIC02LDExIDEwLDE1XCIpO1xuICBmaWx0ZXI6IGRyb3Atc2hhZG93KDAgLTJweCAycHggdmFyKC0tZmYtY2hpcHMtc2hhZG93LWNvbG9yLXR3bykpO1xufVxuXG4uZmYtZHJvcGRvd24taGVhZGVyIHtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgcGFkZGluZzogMTFweCAxMHB4O1xuICBoZWlnaHQ6IDMycHg7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1ib3JkZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1mZi13aGl0ZS1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDZweCA2cHggMCAwO1xuICBmb250LXNpemU6IDEzcHg7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LWNvbG9yKTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5mZi1kcm9wZG93bi1oZWFkZXItY29udGVudCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZmxleC1ncm93OiAxO1xufVxuXG4uZmYtZHJvcGRvd24taGVhZGVyLWR1YWwge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZ2FwOiAxNnB4O1xufVxuXG4uZmYtZHJvcGRvd24taGVhZGVyLWl0ZW0ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDRweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHBhZGRpbmc6IDdweCAwcHg7XG59XG4uZmYtZHJvcGRvd24taGVhZGVyLWl0ZW0uYWN0aXZlIC5mZi1kcm9wZG93bi10ZXh0IHtcbiAgY29sb3I6IHZhcigtLWNsaWNrLWFibGUtdGV4dC1jb2xvcik7XG59XG4uZmYtZHJvcGRvd24taGVhZGVyLWl0ZW0uYWN0aXZlIC5mZi1kcm9wZG93bi1jb3VudCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNsaWNrLWFibGUtdGV4dC1jb2xvcik7XG59XG4uZmYtZHJvcGRvd24taGVhZGVyLWl0ZW0uYWN0aXZlOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAycHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNsaWNrLWFibGUtdGV4dC1jb2xvcik7XG4gIHotaW5kZXg6IDE7XG4gIGJvcmRlci1yYWRpdXM6IDJweCAycHggMCAwO1xufVxuXG4uZmYtZHJvcGRvd24tdGV4dCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmZmLWRyb3Bkb3duLWNvdW50IHtcbiAgbWFyZ2luLWxlZnQ6IDRweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZmYtY2FyZC1zdGF0dXMtdGV4dC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1mZi13aGl0ZS1jb2xvcik7XG4gIHBhZGRpbmc6IDBweCA0cHg7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBmb250LXdlaWdodDogNTAwO1xufVxuXG4uZmYtZHJvcGRvd24taGVhZGVyLWljb25zIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiA2cHg7XG59XG5cbi5mZi1kcm9wZG93bi1pY29uIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBvcGFjaXR5OiAxO1xufVxuXG4uZmYtZG93bmxvYWQtaWNvbiB7XG4gIGNvbG9yOiB2YXIoLS1zZWNvbmRhcnktaWNvbi1jb2xvcik7XG4gIG1hcmdpbi10b3A6IDNweDtcbn1cblxuLmZmLWRlbGV0ZS1pY29uIHtcbiAgY29sb3I6IHZhcigtLWRlbGV0ZS1idXR0b24tY29sb3IpO1xufVxuXG4uZmYtZHJvcGRvd24tbGlzdCB7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbn1cblxuLmZmLWRyb3Bkb3duLWl0ZW0ge1xuICBwYWRkaW5nOiA2cHggMTNweDtcbiAgZm9udC1zaXplOiAxM3B4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQgMC4xNXMgZWFzZTtcbn1cbi5mZi1kcm9wZG93bi1pdGVtOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taG92ZXItY29sb3IpO1xufVxuLmZmLWRyb3Bkb3duLWl0ZW0gPiAqIHtcbiAgd2lkdGg6IDEwMCU7XG59Il19 */');

package/lib/components/SessionManager/SessionManager.js

@@ -1,47 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useState } from 'react';
-import './SessionManager.scss';
-import Icon from '../Icon';
-import Tooltip from '../Tooltip';
-const SessionManager = forwardRef(({ isRotate = false, modal = [], onClick = () => { }, tooltip = {}, icons = [
-    'app_actions_icon',
-    'screenshot_icon',
-    'video_record_icon',
-    'test_gallary_icon',
-    'session_setting_icon',
-], className = '', disabledIcons = [], activeIcon = '', }, ref) => {
-    const [hoveredIndex, setHoveredIndex] = useState(null);
-    const [activeModal, setActiveModal] = useState(null);
-    const handleIconClick = (index, iconName) => {
-        if (disabledIcons.includes(iconName))
-            return;
-        onClick(index);
-        if (modal.includes(iconName)) {
-            setActiveModal(activeModal === iconName ? null : iconName);
-        }
-    };
-    const handleMouseEnter = (index, iconName) => {
-        if (disabledIcons.includes(iconName))
-            return;
-        setHoveredIndex(index);
-        if (modal.includes(iconName)) {
-            setActiveModal(iconName);
-        }
-    };
-    const handleMouseLeave = () => {
-        setHoveredIndex(null);
-        setActiveModal(null);
-    };
-    const containerClass = `ff-session-manager-container ${isRotate ? 'vertical' : 'horizontal'} ${className}`;
-    return (_jsx("div", { ref: ref, className: containerClass, children: icons.map((iconName, index) => {
-            const isDisabled = disabledIcons.includes(iconName);
-            return (_jsx(Tooltip, { title: tooltip?.[iconName] || '', placement: isRotate ? 'right' : 'bottom', children: _jsxs("div", { className: `ff-session-manager-container__icon-wrapper  ${activeIcon === iconName ? 'active' : ''}`, onMouseEnter: () => handleMouseEnter(index, iconName), onMouseLeave: handleMouseLeave, onClick: () => handleIconClick(index, iconName), id: iconName, children: [_jsx(Icon, { className: "ff-session-manager-container__icon", name: iconName, width: 24, height: 24, color: hoveredIndex === index || activeIcon === iconName
-                                ? 'var(--session-control-bg)'
-                                : 'var(--base-bg-color)', disabled: isDisabled }), !isDisabled &&
-                            modal.includes(iconName) &&
-                            activeModal === iconName && (_jsx("div", { className: "ff-session-manager-container__modal" }))] }) }, iconName));
-        }) }));
-});
-SessionManager.displayName = 'SessionManager';
-export default SessionManager;
-//# sourceMappingURL=SessionManager.js.map
+import{jsx as n,jsxs as o}from"react/jsx-runtime";import{forwardRef as e,useState as s}from"react";import"./SessionManager.scss.js";import i from"../Icon/Icon.js";import a from"../Tooltip/Tooltip.js";const c=e(({isRotate:e=!1,modal:c=[],onClick:r=()=>{},tooltip:t={},icons:l=["app_actions_icon","screenshot_icon","video_record_icon","test_gallary_icon","session_setting_icon"],className:m="",disabledIcons:d=[],activeIcon:u=""},p)=>{const[_,f]=s(null),[g,v]=s(null),h=()=>{f(null),v(null)};return n("div",{ref:p,className:`ff-session-manager-container ${e?"vertical":"horizontal"} ${m}`,children:l.map((s,l)=>{const m=d.includes(s);return n(a,{title:t?.[s]||"",placement:e?"right":"bottom",children:o("div",{className:"ff-session-manager-container__icon-wrapper  "+(u===s?"active":""),onMouseEnter:()=>((n,o)=>{d.includes(o)||(f(n),c.includes(o)&&v(o))})(l,s),onMouseLeave:h,onClick:()=>((n,o)=>{d.includes(o)||(r(n),c.includes(o)&&v(g===o?null:o))})(l,s),id:s,children:[n(i,{className:"ff-session-manager-container__icon",name:s,width:24,height:24,color:_===l||u===s?"var(--session-control-bg)":"var(--base-bg-color)",disabled:m}),!m&&c.includes(s)&&g===s&&n("div",{className:"ff-session-manager-container__modal"})]})},s)})})});c.displayName="SessionManager";export{c as default};

package/lib/components/SessionManager/SessionManager.scss.js

@@ -0,0 +1 @@
+import i from"../../node_modules/style-inject/dist/style-inject.es.js";i(".ff-session-manager-container{align-items:center;background-color:var(--session-control-bg);border-radius:8px;display:flex;gap:16px;justify-content:space-around;position:relative}.ff-session-manager-container__icon-wrapper{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;position:relative;transition:all .2s ease}.ff-session-manager-container__icon-wrapper.active,.ff-session-manager-container__icon-wrapper:hover{background-color:var(--toast-close-icon-wrapper-bg)}.ff-session-manager-container__icon{transition:all .2s ease}.ff-session-manager-container__modal{background:var(--base-bg-color);border-radius:4px;box-shadow:0 2px 10px var(--session-control-box-shadow);min-height:150px;min-width:200px;position:absolute;z-index:10}.horizontal .ff-session-manager-container__modal{left:50%;margin-top:8px;top:100%;transform:translateX(-90%)}.vertical .ff-session-manager-container__modal{left:100%;margin-left:8px;top:70%;transform:translateY(-17%)}.ff-session-manager-container.horizontal{flex-direction:row;gap:16px;height:56px;min-width:56px;padding:0 8px;width:fit-content}.ff-session-manager-container.vertical{flex-direction:column;gap:16px;height:fit-content;min-height:56px;padding:7.5px 0 8.5px;width:56px}.ff-session-manager-container.vertical-full{align-items:center;background-color:var(--brand-color);border-radius:8px;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;min-height:unset;padding:12px 0;width:56px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlc3Npb25NYW5hZ2VyLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsOEJBSUUsa0JBQW1CLENBSG5CLDBDQUEyQyxDQUszQyxpQkFBa0IsQ0FKbEIsWUFBYSxDQUtiLFFBQVMsQ0FKVCw0QkFBNkIsQ0FFN0IsaUJBR0YsQ0FDQSw0Q0FFRSxrQkFBbUIsQ0FHbkIsaUJBQWtCLENBRGxCLGNBQWUsQ0FIZixZQUFhLENBRWIsc0JBQXVCLENBR3ZCLFdBQVksQ0FFWixpQkFBa0IsQ0FEbEIsdUJBRUYsQ0FDQSxxR0FDRSxtREFDRixDQUNBLG9DQUNFLHVCQUNGLENBQ0EscUNBRUUsK0JBQWdDLENBQ2hDLGlCQUFrQixDQUNsQix1REFBd0QsQ0FHeEQsZ0JBQWlCLENBRGpCLGVBQWdCLENBTGhCLGlCQUFrQixDQUlsQixVQUdGLENBQ0EsaURBRUUsUUFBUyxDQUVULGNBQWUsQ0FIZixRQUFTLENBRVQsMEJBRUYsQ0FDQSwrQ0FDRSxTQUFVLENBR1YsZUFBZ0IsQ0FGaEIsT0FBUSxDQUNSLDBCQUVGLENBRUEseUNBQ0Usa0JBQW1CLENBS25CLFFBQVMsQ0FEVCxXQUFZLENBSFosY0FBZSxDQUVmLGFBQWMsQ0FEZCxpQkFJRixDQUVBLHVDQUNFLHFCQUFzQixDQUt0QixRQUFTLENBRFQsa0JBQW1CLENBRG5CLGVBQWdCLENBRGhCLHFCQUE0QixDQUQ1QixVQUtGLENBRUEsNENBV0Usa0JBQW1CLENBSm5CLG1DQUFvQyxDQUNwQyxpQkFBa0IsQ0FDbEIsWUFBYSxDQVJiLHFCQUFzQixDQUt0QixRQUFTLENBSFQsV0FBWSxDQU9aLHNCQUF1QixDQU52QixnQkFBaUIsQ0FDakIsY0FBZSxDQUhmLFVBVUYiLCJmaWxlIjoiU2Vzc2lvbk1hbmFnZXIuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mZi1zZXNzaW9uLW1hbmFnZXItY29udGFpbmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2Vzc2lvbi1jb250cm9sLWJnKTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBnYXA6IDE2cHg7XG59XG4uZmYtc2Vzc2lvbi1tYW5hZ2VyLWNvbnRhaW5lcl9faWNvbi13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBwYWRkaW5nOiA0cHg7XG4gIHRyYW5zaXRpb246IGFsbCAwLjJzIGVhc2U7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5mZi1zZXNzaW9uLW1hbmFnZXItY29udGFpbmVyX19pY29uLXdyYXBwZXI6aG92ZXIsIC5mZi1zZXNzaW9uLW1hbmFnZXItY29udGFpbmVyX19pY29uLXdyYXBwZXIuYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdG9hc3QtY2xvc2UtaWNvbi13cmFwcGVyLWJnKTtcbn1cbi5mZi1zZXNzaW9uLW1hbmFnZXItY29udGFpbmVyX19pY29uIHtcbiAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcbn1cbi5mZi1zZXNzaW9uLW1hbmFnZXItY29udGFpbmVyX19tb2RhbCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZDogdmFyKC0tYmFzZS1iZy1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgYm94LXNoYWRvdzogMCAycHggMTBweCB2YXIoLS1zZXNzaW9uLWNvbnRyb2wtYm94LXNoYWRvdyk7XG4gIHotaW5kZXg6IDEwO1xuICBtaW4td2lkdGg6IDIwMHB4O1xuICBtaW4taGVpZ2h0OiAxNTBweDtcbn1cbi5ob3Jpem9udGFsIC5mZi1zZXNzaW9uLW1hbmFnZXItY29udGFpbmVyX19tb2RhbCB7XG4gIHRvcDogMTAwJTtcbiAgbGVmdDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTkwJSk7XG4gIG1hcmdpbi10b3A6IDhweDtcbn1cbi52ZXJ0aWNhbCAuZmYtc2Vzc2lvbi1tYW5hZ2VyLWNvbnRhaW5lcl9fbW9kYWwge1xuICBsZWZ0OiAxMDAlO1xuICB0b3A6IDcwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0xNyUpO1xuICBtYXJnaW4tbGVmdDogOHB4O1xufVxuXG4uZmYtc2Vzc2lvbi1tYW5hZ2VyLWNvbnRhaW5lci5ob3Jpem9udGFsIHtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgbWluLXdpZHRoOiA1NnB4O1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIHBhZGRpbmc6IDAgOHB4O1xuICBoZWlnaHQ6IDU2cHg7XG4gIGdhcDogMTZweDtcbn1cblxuLmZmLXNlc3Npb24tbWFuYWdlci1jb250YWluZXIudmVydGljYWwge1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB3aWR0aDogNTZweDtcbiAgcGFkZGluZzogNy41cHggMHB4IDguNXB4IDBweDtcbiAgbWluLWhlaWdodDogNTZweDtcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgZ2FwOiAxNnB4O1xufVxuXG4uZmYtc2Vzc2lvbi1tYW5hZ2VyLWNvbnRhaW5lci52ZXJ0aWNhbC1mdWxsIHtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgd2lkdGg6IDU2cHg7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLWhlaWdodDogdW5zZXQ7XG4gIHBhZGRpbmc6IDEycHggMDtcbiAgZ2FwOiAxNnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1icmFuZC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59Il19 */");