pixel-react 1.20.17 → 1.20.19

package/lib/components/ConditionalDropdown/ConditionalDropdown.js

@@ -1,218 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, forwardRef, useImperativeHandle, useRef, } from 'react';
-import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
-import VariableDropdown from '../Editor/VariableDropdown';
-import Icon from '../Icon';
-import Input from '../Input';
-import './ConditionalDropdown.scss';
-import OptionsDropdown from './OptionsDropdown';
-import Tooltip from '../Tooltip';
-import Typography from '../Typography';
-const ConditionalDropdown = forwardRef(({ label = '', hashInputValue = '', setHashInputValue, variableList = [], addForloopPrefix = false, placeholder = 'Enter text', onChange, onCreateVariableClick, value = '', dropdownWidth = 'inherit', isHash = false, dataFiles = [], showAddVariableIcon = true, helperText = '', error, autoComplete = 'off', showHidePasswordIcon = true, required = false, formProps = {}, onlyDropdown = false, type, onFocus, onBlur, readOnly = false, height = '160px', truncateTextValue = 34, isTruncateText = false, ...props }, ref) => {
-    const [showDropdown, setShowDropdown] = useState(false);
-    const [isDropdownClicked, setIsDropdownClicked] = useState(false);
-    const [isFocused, setIsFocused] = useState(false);
-    const [cursorPosition, setCursorPosition] = useState(null);
-    const [findCursor, setFindCursor] = useState(0);
-    const [skipEffect, setSkipEffect] = useState(false);
-    const [showCreateVariableIcon, setShowCreateVariableIcon] = useState(false);
-    const [filteredOptions, setFilteredOptions] = useState([]);
-    const inputRef = useRef(null);
-    useImperativeHandle(ref, () => inputRef.current);
-    useEffect(() => {
-        if (cursorPosition !== null && inputRef.current) {
-            inputRef.current.setSelectionRange(cursorPosition, cursorPosition);
-            inputRef.current.focus();
-        }
-    }, [cursorPosition]);
-    useEffect(() => {
-        if (isHash) {
-            setShowDropdown(value.startsWith('#'));
-        }
-        else {
-            setShowCreateVariableIcon(!value?.includes('$'));
-        }
-        if (value.startsWith('#') && isHash) {
-            const searchQuery = value.slice(1).toLowerCase();
-            const filtered = dataFiles.filter((file) => file.name.toLowerCase().includes(searchQuery));
-            setFilteredOptions(filtered);
-            setShowDropdown(true);
-        }
-    }, [value]);
-    useEffect(() => {
-        if (!skipEffect && onlyDropdown) {
-            const filteredResults = dataFiles
-                .filter((item) => item.toLowerCase().includes(value.toLowerCase()))
-                .map((item, index) => ({
-                id: index + 1,
-                name: item,
-            }));
-            setFilteredOptions(filteredResults);
-            setShowDropdown(filteredResults.length > 0);
-        }
-        setSkipEffect(false);
-    }, [value]);
-    const updateCursorPosition = () => {
-        if (inputRef.current) {
-            setFindCursor(inputRef.current.selectionStart || 0);
-        }
-    };
-    const handleClick = updateCursorPosition;
-    const handleKeyUp = updateCursorPosition;
-    useEffect(() => {
-        if (inputRef.current) {
-            setFindCursor(inputRef.current.selectionStart || 0);
-        }
-    }, [value]);
-    function findNearestDollar(input, cursorPosition) {
-        const lastDollarBeforeCursor = input.lastIndexOf('$', cursorPosition - 1);
-        const nextDollarAfterCursor = input.indexOf('$', cursorPosition);
-        if (lastDollarBeforeCursor === -1 && nextDollarAfterCursor === -1) {
-            return -1;
-        }
-        else if (lastDollarBeforeCursor === -1) {
-            return nextDollarAfterCursor;
-        }
-        else if (nextDollarAfterCursor === -1) {
-            return lastDollarBeforeCursor;
-        }
-        else {
-            return Math.abs(cursorPosition - lastDollarBeforeCursor) <=
-                Math.abs(nextDollarAfterCursor - cursorPosition)
-                ? lastDollarBeforeCursor
-                : nextDollarAfterCursor;
-        }
-    }
-    const handleDropdownClick = (item) => {
-        if (inputRef.current) {
-            const { selectionStart, selectionEnd } = inputRef.current;
-            const dollarSyntax = `{${item.parentVariableType === 'STEPGROUP'
-                ? 'SGV'
-                : item.type === 'LOCAL'
-                    ? 'LV'
-                    : item.type === 'GLOBAL'
-                        ? 'GV'
-                        : item.type === 'GROUP'
-                            ? 'SGV'
-                            : [String(item?._id ?? ''), String(item?.id ?? '')].some((val) => val.includes('PARAMETER'))
-                                ? 'SGP'
-                                : item.type === '_startforloop'
-                                    ? 'FLV_for:'
-                                    : item.type === 'DATAPROVIDER'
-                                        ? 'DPV'
-                                        : 'PEV'}${item?.type === '_startforloop' ? '' : '_'}${item?.type === 'DATAPROVIDER'
-                ? item?.dpName + ':' + item?.varname
-                : item.name}}`;
-            let newValue;
-            if ((isHash && value[0] === '#') || (onlyDropdown && !item?.type)) {
-                newValue = item.name + value.slice(selectionEnd || 1);
-            }
-            else {
-                newValue =
-                    value.slice(0, findNearestDollar(value, findCursor) || 0) +
-                        '$' +
-                        dollarSyntax +
-                        value.slice(selectionEnd || 0);
-            }
-            if (onChange) {
-                const event = {
-                    target: {
-                        value: newValue,
-                    },
-                };
-                onChange(event, item);
-            }
-            inputRef.current.value = newValue;
-            setHashInputValue?.(item);
-            setCursorPosition((selectionStart || 0) + dollarSyntax.length);
-            setShowDropdown(false);
-            setSkipEffect(true);
-            setIsDropdownClicked(true);
-        }
-    };
-    function getDropdownState(input, cursorPosit, variableList) {
-        let showDropdown = false;
-        let searchString = '';
-        const checkifCursorPositionhasCloseCurly = value[cursorPosit - 1] === '}';
-        if (cursorPosit < 0 || cursorPosit > input.length) {
-            return { showDropdown, searchString };
-        }
-        const lastDollarBeforeCursor = input.lastIndexOf('$', cursorPosit - 1);
-        const nextDollarAfterCursor = input.indexOf('$', cursorPosit);
-        if (lastDollarBeforeCursor !== -1) {
-            if (cursorPosit === lastDollarBeforeCursor + 1) {
-                showDropdown = true;
-                searchString = '';
-            }
-            else {
-                searchString = input.slice(lastDollarBeforeCursor + 1, nextDollarAfterCursor === -1 ? undefined : nextDollarAfterCursor);
-                if (cursorPosit > lastDollarBeforeCursor + 1) {
-                    searchString = input.slice(lastDollarBeforeCursor + 1, cursorPosit);
-                }
-                showDropdown = true;
-            }
-            if (isDropdownClicked && checkifCursorPositionhasCloseCurly) {
-                showDropdown = false;
-            }
-            if (/[{}]/.test(searchString) || cursorPosit === 0) {
-                showDropdown = false;
-                searchString = '';
-            }
-            if (searchString) {
-                const isInVariableList = variableList.some((file) => {
-                    const searchableName = file.type === '_startforloop' && addForloopPrefix
-                        ? `FLV_for:${file.name}`
-                        : file.name;
-                    return searchableName
-                        .toLowerCase()
-                        .includes(searchString.toLowerCase());
-                });
-                if (!isInVariableList) {
-                    showDropdown = false;
-                    searchString = '';
-                }
-            }
-        }
-        return { showDropdown, searchString };
-    }
-    const result = getDropdownState(value, findCursor, variableList);
-    const handleBlur = (e) => {
-        {
-            if (!e.relatedTarget ||
-                !e.relatedTarget.closest('.dropdown-container')) {
-                setIsFocused(false);
-            }
-        }
-    };
-    const [showPassword, setShowPassword] = useState(false);
-    const togglePasswordVisibility = () => {
-        setShowPassword((prev) => !prev);
-    };
-    const getInputType = (type, showPassword) => {
-        if (type === 'password') {
-            return showPassword ? 'text' : 'password';
-        }
-        return type ?? 'text';
-    };
-    return (_jsxs("div", { className: "ff-add-variable-container", children: [_jsxs("div", { className: "ff-add-variable-input", children: [_jsx(Input, { readOnly: readOnly, ...props, name: "add_variable", ref: inputRef, type: getInputType(type, showPassword), value: value, onChange: onChange, variant: "primary", label: label, placeholder: placeholder, onClick: handleClick, onKeyUp: handleKeyUp, onFocus: (e) => {
-                            setTimeout(() => {
-                                setIsFocused(true);
-                                onFocus?.(e);
-                            }, 500);
-                        }, onBlur: (e) => {
-                            handleBlur(e);
-                            onBlur?.(e);
-                        }, autoComplete: autoComplete, helperText: helperText, error: error, required: required, ...formProps }), type === 'password' && showHidePasswordIcon && (_jsx(Tooltip, { title: showPassword ? 'Hide' : 'Show', children: _jsx(Typography, { as: "span", className: "ff-password-icon", children: _jsx(Icon, { onClick: togglePasswordVisibility, name: !showPassword ? 'view_access_icon' : 'hide_access_icon', width: 16, height: 16, hoverEffect: true }) }) })), !checkEmpty(value) &&
-                        !isHash &&
-                        showCreateVariableIcon &&
-                        showAddVariableIcon && (_jsx(Tooltip, { title: "Add Variable", children: _jsx(Icon, { onClick: onCreateVariableClick, name: "add_variable", width: 24, height: 24, hoverEffect: true }) }))] }), result?.showDropdown && isFocused && (_jsx(VariableDropdown, { position: "absolute", width: dropdownWidth, optionsList: variableList.filter((file) => {
-                    const searchableName = file.type === '_startforloop' && addForloopPrefix
-                        ? `FLV_for:${file.name}`
-                        : file.name;
-                    return searchableName
-                        .toLowerCase()
-                        .includes(result?.searchString.toLowerCase());
-                }), onSelectVariable: handleDropdownClick, height: height })), showDropdown && (isHash || onlyDropdown) && (_jsx(OptionsDropdown, { position: "relative", width: dropdownWidth, filteredOptions: filteredOptions, zIndex: 2000, onSelectVariable: handleDropdownClick, height: height, isTruncateText: isTruncateText, truncateTextValue: truncateTextValue }))] }));
-});
-export default ConditionalDropdown;
-//# sourceMappingURL=ConditionalDropdown.js.map
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useState as o,useRef as n,useImperativeHandle as a,useEffect as i}from"react";import{checkEmpty as s}from"../../utils/checkEmpty/checkEmpty.js";import l from"../Editor/VariableDropdown.js";import c from"../Icon/Icon.js";import d from"../Input/Input.js";import"./ConditionalDropdown.scss.js";import p from"./OptionsDropdown.js";import u from"../Tooltip/Tooltip.js";import h from"../Typography/Typography.js";const f=r(({label:r="",hashInputValue:f="",setHashInputValue:m,variableList:w=[],addForloopPrefix:y=!1,placeholder:V="Enter text",onChange:g,onCreateVariableClick:T,value:C="",dropdownWidth:v="inherit",isHash:x=!1,dataFiles:L=[],showAddVariableIcon:b=!0,helperText:S="",error:_,autoComplete:O="off",showHidePasswordIcon:E=!0,required:I=!1,formProps:D={},onlyDropdown:P=!1,type:$,onFocus:A,onBlur:j,readOnly:R=!1,height:F="160px",truncateTextValue:G=34,isTruncateText:k=!1,...H},N)=>{const[B,M]=o(!1),[U,W]=o(!1),[q,z]=o(!1),[K,J]=o(null),[Q,X]=o(0),[Y,Z]=o(!1),[ee,te]=o(!1),[re,oe]=o([]),ne=n(null);a(N,()=>ne.current),i(()=>{null!==K&&ne.current&&(ne.current.setSelectionRange(K,K),ne.current.focus())},[K]),i(()=>{if(x?M(C.startsWith("#")):te(!C?.includes("$")),C.startsWith("#")&&x){const e=C.slice(1).toLowerCase(),t=L.filter(t=>t.name.toLowerCase().includes(e));oe(t),M(!0)}},[C]),i(()=>{if(!Y&&P){const e=L.filter(e=>e.toLowerCase().includes(C.toLowerCase())).map((e,t)=>({id:t+1,name:e}));oe(e),M(e.length>0)}Z(!1)},[C]);const ae=()=>{ne.current&&X(ne.current.selectionStart||0)},ie=ae,se=ae;i(()=>{ne.current&&X(ne.current.selectionStart||0)},[C]);const le=e=>{if(ne.current){const{selectionStart:t,selectionEnd:r}=ne.current,o=`{${"STEPGROUP"===e.parentVariableType?"SGV":"LOCAL"===e.type?"LV":"GLOBAL"===e.type?"GV":"GROUP"===e.type?"SGV":[String(e?._id??""),String(e?.id??"")].some(e=>e.includes("PARAMETER"))?"SGP":"_startforloop"===e.type?"FLV_for:":"DATAPROVIDER"===e.type?"DPV":"PEV"}${"_startforloop"===e?.type?"":"_"}${"DATAPROVIDER"===e?.type?e?.dpName+":"+e?.varname:e.name}}`;let n;if(n=x&&"#"===C[0]||P&&!e?.type?e.name+C.slice(r||1):C.slice(0,function(e,t){const r=e.lastIndexOf("$",t-1),o=e.indexOf("$",t);return-1===r&&-1===o?-1:-1===r?o:-1===o||Math.abs(t-r)<=Math.abs(o-t)?r:o}(C,Q)||0)+"$"+o+C.slice(r||0),g){g({target:{value:n}},e)}ne.current.value=n,m?.(e),J((t||0)+o.length),M(!1),Z(!0),W(!0)}};const ce=function(e,t,r){let o=!1,n="";const a="}"===C[t-1];if(t<0||t>e.length)return{showDropdown:o,searchString:n};const i=e.lastIndexOf("$",t-1),s=e.indexOf("$",t);if(-1!==i&&(t===i+1?(o=!0,n=""):(n=e.slice(i+1,-1===s?void 0:s),t>i+1&&(n=e.slice(i+1,t)),o=!0),U&&a&&(o=!1),(/[{}]/.test(n)||0===t)&&(o=!1,n=""),n)){r.some(e=>("_startforloop"===e.type&&y?`FLV_for:${e.name}`:e.name).toLowerCase().includes(n.toLowerCase()))||(o=!1,n="")}return{showDropdown:o,searchString:n}}(C,Q,w),[de,pe]=o(!1);return e("div",{className:"ff-add-variable-container",children:[e("div",{className:"ff-add-variable-input",children:[t(d,{readOnly:R,...H,name:"add_variable",ref:ne,type:((e,t)=>"password"===e?t?"text":"password":e??"text")($,de),value:C,onChange:g,variant:"primary",label:r,placeholder:V,onClick:ie,onKeyUp:se,onFocus:e=>{setTimeout(()=>{z(!0),A?.(e)},500)},onBlur:e=>{(e=>{e.relatedTarget&&e.relatedTarget.closest(".dropdown-container")||z(!1)})(e),j?.(e)},autoComplete:O,helperText:S,error:_,required:I,...D}),"password"===$&&E&&t(u,{title:de?"Hide":"Show",children:t(h,{as:"span",className:"ff-password-icon",children:t(c,{onClick:()=>{pe(e=>!e)},name:de?"hide_access_icon":"view_access_icon",width:16,height:16,hoverEffect:!0})})}),!s(C)&&!x&&ee&&b&&t(u,{title:"Add Variable",children:t(c,{onClick:T,name:"add_variable",width:24,height:24,hoverEffect:!0})})]}),ce?.showDropdown&&q&&t(l,{position:"absolute",width:v,optionsList:w.filter(e=>("_startforloop"===e.type&&y?`FLV_for:${e.name}`:e.name).toLowerCase().includes(ce?.searchString.toLowerCase())),onSelectVariable:le,height:F}),B&&(x||P)&&t(p,{position:"relative",width:v,filteredOptions:re,zIndex:2e3,onSelectVariable:le,height:F,isTruncateText:k,truncateTextValue:G})]})});export{f as default};

package/lib/components/ConditionalDropdown/ConditionalDropdown.scss.js

@@ -0,0 +1 @@
+import i from"../../node_modules/style-inject/dist/style-inject.es.js";i(".ff-add-variable-container{display:flex;flex-direction:column;gap:8px;position:relative;width:100%}.ff-add-variable-container .ff-add-variable-input{display:flex;flex-direction:row;gap:8px;position:relative;width:100%}.ff-add-variable-container .ff-add-variable-input .ff-password-icon{position:absolute;right:50px}.ff-add-variable-container .ff-variable-option-no-data{cursor:no-drop}.ff-conditional-variable-dropdown{height:320px;padding:4px;width:auto}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbmRpdGlvbmFsRHJvcGRvd24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSwyQkFFRSxZQUFhLENBQ2IscUJBQXNCLENBQ3RCLE9BQVEsQ0FDUixpQkFBa0IsQ0FKbEIsVUFLRixDQUNBLGtEQUVFLFlBQWEsQ0FDYixrQkFBbUIsQ0FDbkIsT0FBUSxDQUNSLGlCQUFrQixDQUpsQixVQUtGLENBQ0Esb0VBQ0UsaUJBQWtCLENBQ2xCLFVBQ0YsQ0FDQSx1REFDRSxjQUNGLENBRUEsa0NBR0UsWUFBYSxDQUZiLFdBQVksQ0FDWixVQUVGIiwiZmlsZSI6IkNvbmRpdGlvbmFsRHJvcGRvd24uc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mZi1hZGQtdmFyaWFibGUtY29udGFpbmVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogOHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uZmYtYWRkLXZhcmlhYmxlLWNvbnRhaW5lciAuZmYtYWRkLXZhcmlhYmxlLWlucHV0IHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGdhcDogOHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uZmYtYWRkLXZhcmlhYmxlLWNvbnRhaW5lciAuZmYtYWRkLXZhcmlhYmxlLWlucHV0IC5mZi1wYXNzd29yZC1pY29uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogNTBweDtcbn1cbi5mZi1hZGQtdmFyaWFibGUtY29udGFpbmVyIC5mZi12YXJpYWJsZS1vcHRpb24tbm8tZGF0YSB7XG4gIGN1cnNvcjogbm8tZHJvcDtcbn1cblxuLmZmLWNvbmRpdGlvbmFsLXZhcmlhYmxlLWRyb3Bkb3duIHtcbiAgcGFkZGluZzogNHB4O1xuICB3aWR0aDogYXV0bztcbiAgaGVpZ2h0OiAzMjBweDtcbn0iXX0= */");

package/lib/components/ConditionalDropdown/OptionsDropdown.js

@@ -1,26 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './ConditionalDropdown.scss';
-import Typography from '../Typography';
-import classNames from 'classnames';
-import { isTextTruncated, truncateText, } from '../../utils/truncateText/truncateText';
-import Tooltip from '../Tooltip';
-const OptionsDropdown = ({ onSelectVariable, dropdownPosition, filteredOptions = [], position = 'relative', width = '300px', zIndex = 1000, height = '160px', truncateTextValue = 34, isTruncateText = false, }) => {
-    return (_jsxs("div", { className: classNames('ff-variable-dropdown', position), style: dropdownPosition
-            ? {
-                top: dropdownPosition.top + 30,
-                left: dropdownPosition.left - 30,
-                width,
-                zIndex,
-            }
-            : { width, zIndex, height: height }, children: [filteredOptions?.map((option) => {
-                const displayText = isTruncateText
-                    ? truncateText(option?.name, truncateTextValue, 'pixel')
-                    : option?.name;
-                const shouldShowTooltip = isTruncateText
-                    ? isTextTruncated(option?.name, truncateTextValue, 'pixel')
-                    : false;
-                return (_jsx("div", { className: "ff-variable-option", onClick: () => onSelectVariable(option), children: isTruncateText ? (_jsx(Tooltip, { title: shouldShowTooltip ? option?.name : '', children: _jsx(Typography, { children: displayText }) })) : (_jsx(Typography, { children: displayText })) }, option?.id));
-            }), filteredOptions?.length === 0 && (_jsx("div", { className: "ff-variable-option .ff-variable-option-no-data ", children: _jsx(Typography, { as: "span", fontSize: 14, children: "No Option" }) }))] }));
-};
-export default OptionsDropdown;
-//# sourceMappingURL=OptionsDropdown.js.map
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"./ConditionalDropdown.scss.js";import i from"../Typography/Typography.js";import o from"../../_virtual/index.js";import{truncateText as n,isTextTruncated as r}from"../../utils/truncateText/truncateText.js";import a from"../Tooltip/Tooltip.js";const l=({onSelectVariable:l,dropdownPosition:p,filteredOptions:d=[],position:s="relative",width:c="300px",zIndex:m=1e3,height:f="160px",truncateTextValue:h=34,isTruncateText:x=!1})=>e("div",{className:o("ff-variable-dropdown",s),style:p?{top:p.top+30,left:p.left-30,width:c,zIndex:m}:{width:c,zIndex:m,height:f},children:[d?.map(e=>{const o=x?n(e?.name,h,"pixel"):e?.name,p=!!x&&r(e?.name,h,"pixel");return t("div",{className:"ff-variable-option",onClick:()=>l(e),children:x?t(a,{title:p?e?.name:"",children:t(i,{children:o})}):t(i,{children:o})},e?.id)}),0===d?.length&&t("div",{className:"ff-variable-option .ff-variable-option-no-data ",children:t(i,{as:"span",fontSize:14,children:"No Option"})})]});export{l as default};

package/lib/components/ConnectingBranch/BranchComponents/MachineInstances.js

@@ -1,37 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Typography from '../../Typography';
-const MachineInstances = ({ getChildNodeComponent, parentNodeIndex, parentNodeData, verticalLineHeight, datasetHeight, curveHeights, itemRefs, datasetRef, isReadOnlyMode, }) => {
-    return (_jsx(_Fragment, { children: parentNodeData?.machineInstances?.length === 0 ? (_jsx(_Fragment, { children: !isReadOnlyMode && (_jsxs(_Fragment, { children: [_jsx("div", { className: "ff-selectedMachines-connecting-line", children: _jsxs("div", { className: "ff-line", children: [_jsx("div", { className: "ff-left-icon ff-left-icon-aligned" }), _jsx("div", { className: "ff-right-icon" })] }) }), _jsx("div", { className: "ff-machine-instance ff-machine-env-button", children: getChildNodeComponent({
-                            isButton: true,
-                            parentNodeData,
-                            parentNodeIndex,
-                        }) })] })) })) : (parentNodeData?.machineInstances?.map((childNodeData, childNodeIndex) => {
-            const isFirstLine = childNodeIndex === 0;
-            return (_jsxs("div", { className: "ff-machine-instance-row", children: [_jsxs("div", { className: `ff-selectedMachines-connecting-line ${!isFirstLine ? 'ff-second-line' : ''}`, children: [_jsxs("div", { className: "ff-line", children: [_jsx("div", { className: `ff-left-icon ${isFirstLine ? 'ff-left-icon-aligned' : ''}` }), _jsx("div", { className: "ff-right-icon" })] }), isFirstLine && (_jsx("div", { className: "ff-vertical-line", style: { height: `${verticalLineHeight}px` } }))] }), _jsx("div", { className: "ff-machine-instance", children: childNodeData?.runLevelExecutionDataSets?.map((runLevelExecutionDataSet, runLevelExecutionDataSetIndex) => (_jsx("div", { className: "ff-run-level-execution-dataset", ref: runLevelExecutionDataSetIndex === 0
-                                ? datasetRef
-                                : null, children: _jsxs("div", { className: "ff-execution-item", ref: (element) => (itemRefs.current[runLevelExecutionDataSetIndex] =
-                                    element), children: [_jsx("div", { className: "ff-curved-connector", style: { top: `${-datasetHeight}px` }, children: _jsxs("div", { className: `ff-curve ff-connector-${runLevelExecutionDataSetIndex}`, style: {
-                                                height: `${curveHeights[runLevelExecutionDataSetIndex]}px`,
-                                            }, children: [_jsx("div", { className: `ff-curve-right-icon ff-curve-right-icon-${runLevelExecutionDataSetIndex}` }), Number(childNodeData?.runScriptCount) ? (_jsx("div", { className: "ff-selectedMachines-connecting-line-text", children: _jsx(Typography, { fontSize: 8, fontWeight: "regular", children: `${![0, '0', null].includes(childNodeData.runScriptCount)
-                                                            ? childNodeData.runScriptCount
-                                                            : ''} Script${childNodeData.runScriptCount !== 1
-                                                            ? 's'
-                                                            : ''}` }) })) : (_jsx(_Fragment, {}))] }) }), _jsx("div", { className: "ff-run-data-box", children: getChildNodeComponent({
-                                            isButton: false,
-                                            childNodeData,
-                                            childNodeIndex,
-                                            runLevelExecutionDataSet,
-                                            runLevelExecutionDataSetIndex,
-                                            parentNodeData,
-                                            parentNodeIndex,
-                                        }) })] }) }, runLevelExecutionDataSet?.runLevelExecutionDataSetId))) }), childNodeIndex ===
-                        parentNodeData?.machineInstances.length - 1 && (_jsx(_Fragment, { children: !isReadOnlyMode && (_jsxs(_Fragment, { children: [_jsx("div", { className: "ff-selectedMachines-connecting-line ff-second-line", children: _jsxs("div", { className: "ff-line", children: [_jsx("div", { className: "ff-left-icon" }), _jsx("div", { className: "ff-right-icon" })] }) }), _jsx("div", { className: "ff-machine-instance ff-machine-env-button", children: getChildNodeComponent({
-                                        isButton: true,
-                                        parentNodeData,
-                                        parentNodeIndex,
-                                        childNodeIndex: childNodeIndex + 1,
-                                    }) })] })) }))] }, childNodeIndex));
-        })) }));
-};
-export default MachineInstances;
-//# sourceMappingURL=MachineInstances.js.map
+import{jsx as e,Fragment as n,jsxs as i}from"react/jsx-runtime";import c from"../../Typography/Typography.js";const a=({getChildNodeComponent:a,parentNodeIndex:t,parentNodeData:l,verticalLineHeight:d,datasetHeight:s,curveHeights:f,itemRefs:r,datasetRef:o,isReadOnlyMode:h,hideNodeAtLast:m})=>e(n,{children:0===l?.machineInstances?.length?e(n,{children:!h&&i(n,{children:[e("div",{className:"ff-selectedMachines-connecting-line",children:i("div",{className:"ff-line",children:[e("div",{className:"ff-left-icon ff-left-icon-aligned"}),e("div",{className:"ff-right-icon"})]})}),e("div",{className:"ff-machine-instance ff-machine-env-button",children:a({isButton:!0,parentNodeData:l,parentNodeIndex:t})})]})}):l?.machineInstances?.map((u,v)=>{const N=0===v;return i("div",{className:"ff-machine-instance-row",children:[i("div",{className:"ff-selectedMachines-connecting-line "+(N?"":"ff-second-line"),children:[i("div",{className:"ff-line",children:[e("div",{className:"ff-left-icon "+(N?"ff-left-icon-aligned":"")}),e("div",{className:"ff-right-icon"})]}),N&&e("div",{className:"ff-vertical-line",style:{height:`${d}px`}})]}),e("div",{className:"ff-machine-instance",children:u?.runLevelExecutionDataSets?.map((d,h)=>e("div",{className:"ff-run-level-execution-dataset",ref:0===h?o:null,children:i("div",{className:"ff-execution-item",ref:e=>r.current[h]=e,children:[e("div",{className:"ff-curved-connector",style:{top:-s+"px"},children:i("div",{className:`ff-curve ff-connector-${h}`,style:{height:`${f[h]}px`},children:[e("div",{className:`ff-curve-right-icon ff-curve-right-icon-${h}`}),Number(u?.runScriptCount)?e("div",{className:"ff-selectedMachines-connecting-line-text",children:e(c,{fontSize:8,fontWeight:"regular",children:`${[0,"0",null].includes(u.runScriptCount)?"":u.runScriptCount} Script${1!==u.runScriptCount?"s":""}`})}):e(n,{})]})}),e("div",{className:"ff-run-data-box",children:a({isButton:!1,childNodeData:u,childNodeIndex:v,runLevelExecutionDataSet:d,runLevelExecutionDataSetIndex:h,parentNodeData:l,parentNodeIndex:t})})]})},d?.runLevelExecutionDataSetId))}),v===l?.machineInstances.length-1&&!m&&e(n,{children:!h&&i(n,{children:[e("div",{className:"ff-selectedMachines-connecting-line ff-second-line",children:i("div",{className:"ff-line",children:[e("div",{className:"ff-left-icon"}),e("div",{className:"ff-right-icon"})]})}),e("div",{className:"ff-machine-instance ff-machine-env-button",children:a({isButton:!0,parentNodeData:l,parentNodeIndex:t,childNodeIndex:v+1})})]})})]},v)})});export{a as default};

package/lib/components/ConnectingBranch/BranchComponents/MachineInstances.js.map

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

package/lib/components/ConnectingBranch/ConnectingBranch.js

@@ -1,101 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useRef, useState } from 'react';
-import './ConnectingBranch.scss';
-import { ArcherContainer, ArcherElement } from 'react-archer';
-import MachineInstances from './BranchComponents/MachineInstances';
-import Typography from '../Typography';
-import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
-const ConnectingBranch = ({ data: machineData, noOfScripts, getChildNodeComponent, getParentNodeComponent, getParentNodeComponentActionItems, childNodeCurveHeight = 1.28, isReadOnlyMode = false, }) => {
-    const datasetRef = useRef(null);
-    const [datasetHeight, setDatasetHeight] = useState(0);
-    const [curveHeights, setCurveHeights] = useState([]);
-    const itemRefs = useRef([]);
-    const calculateVerticalLineHeight = (machineInstances, datasetHeight, gap) => {
-        if (machineInstances.length === 1 && isReadOnlyMode) {
-            return 0;
-        }
-        const totalDataSets = machineInstances.reduce((acc, instance, index) => acc +
-            (index !== machineInstances.length - 1 || !isReadOnlyMode
-                ? instance.runLevelExecutionDataSets?.length || 0
-                : 0), 0);
-        return totalDataSets * (datasetHeight + gap);
-    };
-    useEffect(() => {
-        if (datasetRef.current) {
-            setDatasetHeight(datasetRef.current.offsetHeight);
-        }
-    }, [machineData]);
-    const calculateCurveHeight = () => {
-        const heights = itemRefs.current.map((_, index) => {
-            if (index === 0)
-                return 0;
-            return datasetHeight * childNodeCurveHeight;
-        });
-        setCurveHeights(heights);
-    };
-    useEffect(() => {
-        calculateCurveHeight();
-    }, [datasetHeight, machineData]);
-    const calculateRowSpan = (machine) => {
-        const baseRows = 1;
-        const childrenRows = machine.machineInstances?.length + 1 || 0;
-        return baseRows + childrenRows;
-    };
-    let currentRow = 1;
-    const calculateRowSpanOnlyView = (parentNodeData) => {
-        if (!parentNodeData?.machineInstances ||
-            checkEmpty(parentNodeData.machineInstances)) {
-            return 1;
-        }
-        return parentNodeData.machineInstances.length;
-    };
-    const totalRows = machineData?.machines?.selectedMachines.reduce((sum, parentNodeData) => {
-        if (!isReadOnlyMode) {
-            return sum + calculateRowSpan(parentNodeData);
-        }
-        else {
-            return sum + calculateRowSpanOnlyView(parentNodeData);
-        }
-    }, 0);
-    const centerRow = Math.round(totalRows / 2);
-    let dynamicTop = (centerRow === 1 && isReadOnlyMode && totalRows === 2) ||
-        (centerRow === 1 && !isReadOnlyMode && totalRows === 2);
-    return (_jsx("div", { className: "connecting-branch-container", children: _jsx(ArcherContainer, { strokeColor: "var(--brand-color)", strokeWidth: 1, startMarker: true, endMarker: false, noCurves: true, children: _jsxs("div", { className: "ff-connecting-branch-grid-container", children: [_jsx(ArcherElement, { id: "rootNode", children: _jsx("div", { className: "ff-grid-item ff-dynamic-item", style: {
-                                gridRow: centerRow,
-                                top: dynamicTop ? '44px' : '',
-                            }, children: _jsx("div", { className: "ff-script-count-container", children: _jsxs("div", { className: "ff-script-count-box", children: [_jsx(Typography, { children: noOfScripts }), _jsx(Typography, { children: "Scripts" })] }) }) }) }), machineData?.machines?.selectedMachines.map((parentNodeData, parentNodeIndex) => {
-                        const rowStart = currentRow;
-                        const rowSpan = calculateRowSpan(parentNodeData);
-                        currentRow += rowSpan;
-                        const gap = 16;
-                        const verticalLineHeight = calculateVerticalLineHeight(parentNodeData?.machineInstances, datasetHeight, gap);
-                        return (_jsx(React.Fragment, { children: _jsxs("div", { className: "ff-selectedMachines", style: {
-                                    gridRow: `${rowStart} / span ${rowSpan}`,
-                                }, children: [_jsx("div", { className: "ff-selectedMachines-input", children: _jsxs("div", { className: `ff-input-box-container ${!parentNodeData?.machineInstances.length
-                                                ? 'ff-input-box-aligned'
-                                                : ''}`, children: [_jsx(ArcherElement, { id: `parentnode${parentNodeIndex}`, relations: [
-                                                        {
-                                                            targetId: 'rootNode',
-                                                            targetAnchor: 'left',
-                                                            sourceAnchor: 'left',
-                                                        },
-                                                    ], children: getParentNodeComponent({
-                                                        isMultiSelect: false,
-                                                        parentNodeData,
-                                                        parentNodeIndex,
-                                                    }) }), getParentNodeComponentActionItems({
-                                                    parentNodeData,
-                                                    parentNodeIndex,
-                                                })] }) }), _jsx(MachineInstances, { parentNodeIndex: parentNodeIndex, parentNodeData: parentNodeData, verticalLineHeight: verticalLineHeight, datasetHeight: datasetHeight, curveHeights: curveHeights, itemRefs: itemRefs, datasetRef: datasetRef, getChildNodeComponent: getChildNodeComponent, isReadOnlyMode: isReadOnlyMode })] }) }, parentNodeIndex));
-                    }), !isReadOnlyMode && (_jsx("div", { className: "ff-select-machine-input", style: {
-                            gridRow: `${currentRow}`,
-                        }, children: _jsx(ArcherElement, { id: "lastNode", relations: [
-                                {
-                                    targetId: 'rootNode',
-                                    targetAnchor: 'left',
-                                    sourceAnchor: 'left',
-                                },
-                            ], children: _jsx("div", { children: getParentNodeComponent({ isMultiSelect: true }) }) }) }))] }) }) }));
-};
-export default ConnectingBranch;
-//# sourceMappingURL=ConnectingBranch.js.map
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import n,{useRef as r,useState as c,useEffect as a}from"react";import"./ConnectingBranch.scss.js";import{r as i}from"../../_virtual/react-archer.js";import o from"./BranchComponents/MachineInstances.js";import s from"../Typography/Typography.js";import{checkEmpty as d}from"../../utils/checkEmpty/checkEmpty.js";const l=({data:l,noOfScripts:h,getChildNodeComponent:m,getParentNodeComponent:p,getParentNodeComponentActionItems:f,childNodeCurveHeight:g=1.28,isReadOnlyMode:u=!1,hideNodeAtLast:N=!0})=>{const v=r(null),[I,y]=c(0),[C,M]=c([]),A=r([]);a(()=>{v.current&&y(v.current.offsetHeight)},[l]);a(()=>{(()=>{const e=A.current.map((e,t)=>0===t?0:I*g);M(e)})()},[I,l]);const x=e=>1+(e.machineInstances?.length+1||0);let R=1;const b=l?.machines?.selectedMachines.reduce((e,t)=>u&&N?e+(e=>!e?.machineInstances||d(e.machineInstances)?1:e.machineInstances.length)(t):e+x(t),0),j=Math.round(b/2);let k=1===j&&u&&2===b||1===j&&!u&&2===b;return e("div",{className:"connecting-branch-container",children:e(i.ArcherContainer,{strokeColor:"var(--brand-color)",strokeWidth:1,startMarker:!0,endMarker:!1,noCurves:!0,children:t("div",{className:"ff-connecting-branch-grid-container",children:[e(i.ArcherElement,{id:"rootNode",children:e("div",{className:"ff-grid-item ff-dynamic-item",style:{gridRow:j,top:k?"44px":""},children:e("div",{className:"ff-script-count-container",children:t("div",{className:"ff-script-count-box",children:[e(s,{children:h}),e(s,{children:"Scripts"})]})})})}),l?.machines?.selectedMachines.map((r,c)=>{const a=R,s=x(r);R+=s;const d=((e,t,n)=>1===e.length&&(u||N)?0:e.reduce((t,n,r)=>t+((r!==e.length-1||!u&&!N)&&n.runLevelExecutionDataSets?.length||0),0)*(t+n))(r?.machineInstances,I,16);return e(n.Fragment,{children:t("div",{className:"ff-selectedMachines",style:{gridRow:`${a} / span ${s}`},children:[e("div",{className:"ff-selectedMachines-input",children:t("div",{className:"ff-input-box-container "+(r?.machineInstances.length?"":"ff-input-box-aligned"),children:[e(i.ArcherElement,{id:`parentnode${c}`,relations:[{targetId:"rootNode",targetAnchor:"left",sourceAnchor:"left"}],children:p({isMultiSelect:!1,parentNodeData:r,parentNodeIndex:c})}),f({parentNodeData:r,parentNodeIndex:c})]})}),e(o,{parentNodeIndex:c,parentNodeData:r,verticalLineHeight:d,datasetHeight:I,curveHeights:C,itemRefs:A,datasetRef:v,getChildNodeComponent:m,isReadOnlyMode:u,hideNodeAtLast:N})]})},c)}),!u&&e("div",{className:"ff-select-machine-input",style:{gridRow:`${R}`},children:e(i.ArcherElement,{id:"lastNode",relations:[{targetId:"rootNode",targetAnchor:"left",sourceAnchor:"left"}],children:e("div",{children:p({isMultiSelect:!0})})})})]})})})};export{l as default};

package/lib/components/ConnectingBranch/ConnectingBranch.js.map

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

package/lib/components/ConnectingBranch/ConnectingBranch.scss.js

@@ -0,0 +1 @@
+import n from"../../node_modules/style-inject/dist/style-inject.es.js";n(".connecting-branch-container .ff-connecting-branch-grid-container{display:grid;grid-auto-rows:auto;grid-template-columns:minmax(100px,.5fr) minmax(240px,1.5fr) minmax(130px,.8fr) 5fr}.connecting-branch-container .ff-connecting-branch-grid-container .ff-selectedMachines{display:contents}.connecting-branch-container .ff-connecting-branch-grid-container .ff-selectedMachines-input{display:grid;grid-column:2/3}.connecting-branch-container .ff-connecting-branch-grid-container .ff-input-box-container{margin-bottom:24px;width:100%}.connecting-branch-container .ff-connecting-branch-grid-container .ff-input-box-aligned{margin-bottom:40px}.connecting-branch-container .ff-connecting-branch-grid-container .ff-machine-instance-row{display:contents}.connecting-branch-container .ff-connecting-branch-grid-container .ff-selectedMachines-connecting-line{grid-column:3/4;position:relative}.connecting-branch-container .ff-connecting-branch-grid-container .ff-selectedMachines-connecting-line .ff-line{align-items:center;background-color:var(--brand-color);display:flex;height:1px;justify-content:space-between;position:absolute;width:100%}.connecting-branch-container .ff-connecting-branch-grid-container .ff-selectedMachines-connecting-line .ff-left-icon{background-color:var(--brand-color);border-radius:50%;height:8px;margin-right:5px;width:8px}.connecting-branch-container .ff-connecting-branch-grid-container .ff-selectedMachines-connecting-line .ff-left-icon-aligned{left:-4px;position:relative}.connecting-branch-container .ff-connecting-branch-grid-container .ff-selectedMachines-connecting-line .ff-selectedMachines-connecting-line-text{background-color:var(--brand-color);border-radius:12px;color:var(--tooltip-text-color);left:50%;padding:4px;position:absolute;text-align:center;top:-10px;transform:translateX(-50%)}.connecting-branch-container .ff-connecting-branch-grid-container .ff-selectedMachines-connecting-line .ff-right-icon{border-bottom:3.8px solid transparent;border-left:12px solid var(--brand-color);border-top:3.8px solid transparent;height:0;position:absolute;right:-1px;width:0}.connecting-branch-container .ff-connecting-branch-grid-container .ff-selectedMachines-connecting-line.ff-second-line{margin-left:20px;position:relative}.connecting-branch-container .ff-connecting-branch-grid-container .ff-selectedMachines-connecting-line .ff-vertical-line{background-color:var(--brand-color);height:auto;left:24px;position:absolute;top:0;width:1px}.connecting-branch-container .ff-connecting-branch-grid-container .ff-machine-instance{grid-column:4/5}.connecting-branch-container .ff-connecting-branch-grid-container .ff-machine-env-button{margin-bottom:16px;padding:4px 0}.connecting-branch-container .ff-connecting-branch-grid-container .ff-selectedMachines-connecting-line,.connecting-branch-container .ff-connecting-branch-grid-container .ff-selectedMachines-connecting-line.ff-no-instance-line{margin-top:16px}.connecting-branch-container .ff-connecting-branch-grid-container .ff-selectedMachines-connecting-line.ff-no-instance-line .ff-line{background-color:var(--brand-color);height:1px;position:relative;width:100%}.connecting-branch-container .ff-connecting-branch-grid-container .ff-run-level-execution-dataset{border-radius:4px;height:66px;margin-bottom:16px;position:relative}.connecting-branch-container .ff-connecting-branch-grid-container .ff-run-level-execution-dataset .ff-curved-connector{height:0;left:-70px;position:absolute;transform:translateX(-50%);width:40px}.connecting-branch-container .ff-connecting-branch-grid-container .ff-run-level-execution-dataset .ff-curved-connector .ff-curve{border:1px dashed var(--brand-color);border-bottom-left-radius:8px;border-right:none;border-top:none;display:flex;flex-direction:column-reverse;height:0;position:relative;width:80px}.connecting-branch-container .ff-connecting-branch-grid-container .ff-run-level-execution-dataset .ff-curved-connector .ff-curve .ff-curve-right-icon{border-bottom:3.8px solid transparent;border-left:12px solid var(--brand-color);border-top:3.8px solid transparent;bottom:-4px;height:0;margin-left:78px;position:absolute;width:0}.connecting-branch-container .ff-connecting-branch-grid-container .ff-run-level-execution-dataset .ff-curved-connector .ff-curve .ff-selectedMachines-connecting-line-text{background-color:var(--brand-color);border-radius:12px;color:var(--tooltip-text-color);font-size:8px;font-weight:400;left:50%;padding:4px;position:absolute;text-align:center;top:75px;transform:translateX(-50%);width:44px}.connecting-branch-container .ff-connecting-branch-grid-container .ff-run-level-execution-dataset .ff-curved-connector .ff-connector-0{border:none;bottom:3px}.connecting-branch-container .ff-connecting-branch-grid-container .ff-run-level-execution-dataset .ff-curved-connector .ff-curve-right-icon-0{display:none}.connecting-branch-container .ff-connecting-branch-grid-container .ff-select-machine-input{grid-column:2/3}.connecting-branch-container .ff-connecting-branch-grid-container .ff-grid-item.ff-dynamic-item{align-items:center;display:flex;grid-column:1;justify-content:center;left:20px;place-self:first baseline;position:relative;top:1px}.connecting-branch-container .ff-connecting-branch-grid-container .ff-script-count-container{align-items:center;align-self:center;background-color:var(--brand-color);border-radius:4px;color:var(--tooltip-text-color);display:flex;grid-column:1;justify-content:center;padding:4px;text-align:center}.connecting-branch-container .ff-connecting-branch-grid-container .ff-script-count-container .ff-script-count-box{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.ff-parent-node-container{border:1px solid green;border-radius:10px;height:30px;padding:2px}.ff-child-node-container{border:1px solid red;border-radius:10px;height:40px;padding:8px;width:300px}\n/*# sourceMappingURL=data:application/json;base64,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ZWN0aW5nQnJhbmNoLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuY29ubmVjdGluZy1icmFuY2gtY29udGFpbmVyIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogbWlubWF4KDEwMHB4LCAwLjVmcikgbWlubWF4KDI0MHB4LCAxLjVmcikgbWlubWF4KDEzMHB4LCAwLjhmcikgNWZyO1xuICBncmlkLWF1dG8tcm93czogYXV0bztcbn1cbi5jb25uZWN0aW5nLWJyYW5jaC1jb250YWluZXIgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQtY29udGFpbmVyIC5mZi1zZWxlY3RlZE1hY2hpbmVzIHtcbiAgZGlzcGxheTogY29udGVudHM7XG59XG4uY29ubmVjdGluZy1icmFuY2gtY29udGFpbmVyIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLWNvbnRhaW5lciAuZmYtc2VsZWN0ZWRNYWNoaW5lcy1pbnB1dCB7XG4gIGdyaWQtY29sdW1uOiAyLzM7XG4gIGRpc3BsYXk6IGdyaWQ7XG59XG4uY29ubmVjdGluZy1icmFuY2gtY29udGFpbmVyIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLWNvbnRhaW5lciAuZmYtaW5wdXQtYm94LWNvbnRhaW5lciB7XG4gIG1hcmdpbi1ib3R0b206IDI0cHg7XG4gIHdpZHRoOiAxMDAlO1xufVxuLmNvbm5lY3RpbmctYnJhbmNoLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1jb250YWluZXIgLmZmLWlucHV0LWJveC1hbGlnbmVkIHtcbiAgbWFyZ2luLWJvdHRvbTogNDBweDtcbn1cbi5jb25uZWN0aW5nLWJyYW5jaC1jb250YWluZXIgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQtY29udGFpbmVyIC5mZi1tYWNoaW5lLWluc3RhbmNlLXJvdyB7XG4gIGRpc3BsYXk6IGNvbnRlbnRzO1xufVxuLmNvbm5lY3RpbmctYnJhbmNoLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1jb250YWluZXIgLmZmLXNlbGVjdGVkTWFjaGluZXMtY29ubmVjdGluZy1saW5lIHtcbiAgZ3JpZC1jb2x1bW46IDMvNDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmNvbm5lY3RpbmctYnJhbmNoLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1jb250YWluZXIgLmZmLXNlbGVjdGVkTWFjaGluZXMtY29ubmVjdGluZy1saW5lIC5mZi1saW5lIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IDFweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnJhbmQtY29sb3IpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xufVxuLmNvbm5lY3RpbmctYnJhbmNoLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1jb250YWluZXIgLmZmLXNlbGVjdGVkTWFjaGluZXMtY29ubmVjdGluZy1saW5lIC5mZi1sZWZ0LWljb24ge1xuICBoZWlnaHQ6IDhweDtcbiAgd2lkdGg6IDhweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnJhbmQtY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIG1hcmdpbi1yaWdodDogNXB4O1xufVxuLmNvbm5lY3RpbmctYnJhbmNoLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1jb250YWluZXIgLmZmLXNlbGVjdGVkTWFjaGluZXMtY29ubmVjdGluZy1saW5lIC5mZi1sZWZ0LWljb24tYWxpZ25lZCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbGVmdDogLTRweDtcbn1cbi5jb25uZWN0aW5nLWJyYW5jaC1jb250YWluZXIgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQtY29udGFpbmVyIC5mZi1zZWxlY3RlZE1hY2hpbmVzLWNvbm5lY3RpbmctbGluZSAuZmYtc2VsZWN0ZWRNYWNoaW5lcy1jb25uZWN0aW5nLWxpbmUtdGV4dCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAtMTBweDtcbiAgbGVmdDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJyYW5kLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXRvb2x0aXAtdGV4dC1jb2xvcik7XG4gIHBhZGRpbmc6IDRweDtcbiAgYm9yZGVyLXJhZGl1czogMTJweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuLmNvbm5lY3RpbmctYnJhbmNoLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1jb250YWluZXIgLmZmLXNlbGVjdGVkTWFjaGluZXMtY29ubmVjdGluZy1saW5lIC5mZi1yaWdodC1pY29uIHtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMDtcbiAgYm9yZGVyLXRvcDogMy44cHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1ib3R0b206IDMuOHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItbGVmdDogMTJweCBzb2xpZCB2YXIoLS1icmFuZC1jb2xvcik7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IC0xcHg7XG59XG4uY29ubmVjdGluZy1icmFuY2gtY29udGFpbmVyIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLWNvbnRhaW5lciAuZmYtc2VsZWN0ZWRNYWNoaW5lcy1jb25uZWN0aW5nLWxpbmUuZmYtc2Vjb25kLWxpbmUge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbi1sZWZ0OiAyMHB4O1xufVxuLmNvbm5lY3RpbmctYnJhbmNoLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1jb250YWluZXIgLmZmLXNlbGVjdGVkTWFjaGluZXMtY29ubmVjdGluZy1saW5lIC5mZi12ZXJ0aWNhbC1saW5lIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAyNHB4O1xuICB0b3A6IDA7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnJhbmQtY29sb3IpO1xufVxuLmNvbm5lY3RpbmctYnJhbmNoLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1jb250YWluZXIgLmZmLW1hY2hpbmUtaW5zdGFuY2Uge1xuICBncmlkLWNvbHVtbjogNC81O1xufVxuLmNvbm5lY3RpbmctYnJhbmNoLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1jb250YWluZXIgLmZmLW1hY2hpbmUtZW52LWJ1dHRvbiB7XG4gIHBhZGRpbmc6IDRweCAwO1xuICBtYXJnaW4tYm90dG9tOiAxNnB4O1xufVxuLmNvbm5lY3RpbmctYnJhbmNoLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1jb250YWluZXIgLmZmLXNlbGVjdGVkTWFjaGluZXMtY29ubmVjdGluZy1saW5lIHtcbiAgbWFyZ2luLXRvcDogMTZweDtcbn1cbi5jb25uZWN0aW5nLWJyYW5jaC1jb250YWluZXIgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQtY29udGFpbmVyIC5mZi1zZWxlY3RlZE1hY2hpbmVzLWNvbm5lY3RpbmctbGluZS5mZi1uby1pbnN0YW5jZS1saW5lIHtcbiAgbWFyZ2luLXRvcDogMTZweDtcbn1cbi5jb25uZWN0aW5nLWJyYW5jaC1jb250YWluZXIgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQtY29udGFpbmVyIC5mZi1zZWxlY3RlZE1hY2hpbmVzLWNvbm5lY3RpbmctbGluZS5mZi1uby1pbnN0YW5jZS1saW5lIC5mZi1saW5lIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJyYW5kLWNvbG9yKTtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5jb25uZWN0aW5nLWJyYW5jaC1jb250YWluZXIgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQtY29udGFpbmVyIC5mZi1ydW4tbGV2ZWwtZXhlY3V0aW9uLWRhdGFzZXQge1xuICBoZWlnaHQ6IDY2cHg7XG4gIG1hcmdpbi1ib3R0b206IDhweDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBtYXJnaW4tYm90dG9tOiAxNnB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uY29ubmVjdGluZy1icmFuY2gtY29udGFpbmVyIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLWNvbnRhaW5lciAuZmYtcnVuLWxldmVsLWV4ZWN1dGlvbi1kYXRhc2V0IC5mZi1jdXJ2ZWQtY29ubmVjdG9yIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAtNzBweDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpO1xuICB3aWR0aDogNDBweDtcbiAgaGVpZ2h0OiAwO1xufVxuLmNvbm5lY3RpbmctYnJhbmNoLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1jb250YWluZXIgLmZmLXJ1bi1sZXZlbC1leGVjdXRpb24tZGF0YXNldCAuZmYtY3VydmVkLWNvbm5lY3RvciAuZmYtY3VydmUge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiA4MHB4O1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlcjogMXB4IGRhc2hlZCB2YXIoLS1icmFuZC1jb2xvcik7XG4gIGJvcmRlci10b3A6IG5vbmU7XG4gIGJvcmRlci1yaWdodDogbm9uZTtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogOHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uLXJldmVyc2U7XG59XG4uY29ubmVjdGluZy1icmFuY2gtY29udGFpbmVyIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLWNvbnRhaW5lciAuZmYtcnVuLWxldmVsLWV4ZWN1dGlvbi1kYXRhc2V0IC5mZi1jdXJ2ZWQtY29ubmVjdG9yIC5mZi1jdXJ2ZSAuZmYtY3VydmUtcmlnaHQtaWNvbiB7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci10b3A6IDMuOHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tOiAzLjhweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWxlZnQ6IDEycHggc29saWQgdmFyKC0tYnJhbmQtY29sb3IpO1xuICBtYXJnaW4tbGVmdDogNzhweDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IC00cHg7XG59XG4uY29ubmVjdGluZy1icmFuY2gtY29udGFpbmVyIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLWNvbnRhaW5lciAuZmYtcnVuLWxldmVsLWV4ZWN1dGlvbi1kYXRhc2V0IC5mZi1jdXJ2ZWQtY29ubmVjdG9yIC5mZi1jdXJ2ZSAuZmYtc2VsZWN0ZWRNYWNoaW5lcy1jb25uZWN0aW5nLWxpbmUtdGV4dCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDc1cHg7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnJhbmQtY29sb3IpO1xuICBjb2xvcjogdmFyKC0tdG9vbHRpcC10ZXh0LWNvbG9yKTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgZm9udC1zaXplOiA4cHg7XG4gIHBhZGRpbmc6IDRweDtcbiAgYm9yZGVyLXJhZGl1czogMTJweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB3aWR0aDogNDRweDtcbn1cbi5jb25uZWN0aW5nLWJyYW5jaC1jb250YWluZXIgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQtY29udGFpbmVyIC5mZi1ydW4tbGV2ZWwtZXhlY3V0aW9uLWRhdGFzZXQgLmZmLWN1cnZlZC1jb25uZWN0b3IgLmZmLWNvbm5lY3Rvci0wIHtcbiAgYm9yZGVyOiBub25lO1xuICBib3R0b206IDNweDtcbn1cbi5jb25uZWN0aW5nLWJyYW5jaC1jb250YWluZXIgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQtY29udGFpbmVyIC5mZi1ydW4tbGV2ZWwtZXhlY3V0aW9uLWRhdGFzZXQgLmZmLWN1cnZlZC1jb25uZWN0b3IgLmZmLWN1cnZlLXJpZ2h0LWljb24tMCB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG4uY29ubmVjdGluZy1icmFuY2gtY29udGFpbmVyIC5mZi1jb25uZWN0aW5nLWJyYW5jaC1ncmlkLWNvbnRhaW5lciAuZmYtc2VsZWN0LW1hY2hpbmUtaW5wdXQge1xuICBncmlkLWNvbHVtbjogMi8zO1xufVxuLmNvbm5lY3RpbmctYnJhbmNoLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1jb250YWluZXIgLmZmLWdyaWQtaXRlbS5mZi1keW5hbWljLWl0ZW0ge1xuICBncmlkLWNvbHVtbjogMTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGxhY2Utc2VsZjogZmlyc3QgYmFzZWxpbmU7XG4gIHRvcDogMXB4O1xuICBsZWZ0OiAyMHB4O1xufVxuLmNvbm5lY3RpbmctYnJhbmNoLWNvbnRhaW5lciAuZmYtY29ubmVjdGluZy1icmFuY2gtZ3JpZC1jb250YWluZXIgLmZmLXNjcmlwdC1jb3VudC1jb250YWluZXIge1xuICBncmlkLWNvbHVtbjogMTtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1icmFuZC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS10b29sdGlwLXRleHQtY29sb3IpO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDRweDtcbn1cbi5jb25uZWN0aW5nLWJyYW5jaC1jb250YWluZXIgLmZmLWNvbm5lY3RpbmctYnJhbmNoLWdyaWQtY29udGFpbmVyIC5mZi1zY3JpcHQtY291bnQtY29udGFpbmVyIC5mZi1zY3JpcHQtY291bnQtYm94IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG59XG5cbi5mZi1wYXJlbnQtbm9kZS1jb250YWluZXIge1xuICBib3JkZXI6IDFweCBzb2xpZCBncmVlbjtcbiAgaGVpZ2h0OiAzMHB4O1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICBwYWRkaW5nOiAycHg7XG59XG5cbi5mZi1jaGlsZC1ub2RlLWNvbnRhaW5lciB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHJlZDtcbiAgaGVpZ2h0OiA0MHB4O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIHBhZGRpbmc6IDhweDtcbn0iXX0= */");

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

@@ -17,6 +17,7 @@ export interface MachineInstancesProps {
     datasetRef: React.RefObject<HTMLDivElement>;
     getChildNodeComponent: FC<ConnectingNodeConfig>;
     isReadOnlyMode?: boolean;
+    hideNodeAtLast?: boolean;
 }
 export type indexType = number;
 export type rowType = number;
@@ -49,5 +50,6 @@ export interface ConnectBranchProps {
     getParentNodeComponentActionItems: (nodeArgs: ConnectingNodeConfig) => ReactElement;
     getChildNodeComponent: (nodeArgs: ConnectingNodeConfig) => ReactElement;
     isReadOnlyMode?: boolean;
+    hideNodeAtLast?: boolean;
 }
 export {};

package/lib/components/ContentCard/ContentCard.js

@@ -1,16 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './Contentcard.scss';
-import Typography from '../Typography';
-const ContentCard = ({ contentHeader, data, maxHeight = '', }) => {
-    const normalizeMaxHeightClass = (height) => {
-        const num = parseInt(height);
-        if (isNaN(num))
-            return 'default';
-        const rounded = Math.round(num / 100) * 100;
-        return Math.min(Math.max(100, rounded), 1000);
-    };
-    const heightClass = `scrollable-${normalizeMaxHeightClass(maxHeight)}`;
-    return (_jsxs("div", { className: "ff-content-card-container", children: [_jsx("div", { className: "ff-content-card-nav", children: _jsx(Typography, { as: "div", fontWeight: 'semi-bold', lineHeight: "35px", children: contentHeader }) }), _jsx("div", { className: `ff-content-card-body scrollable ${heightClass}`, children: Object.entries(data).map(([label, value], index) => (_jsxs("div", { className: "ff-content-card-row", children: [_jsxs(Typography, { fontWeight: "semi-bold", children: [label, ":"] }), _jsx(Typography, { className: "ff-content-card-value", children: value })] }, index + label))) })] }));
-};
-export default ContentCard;
-//# sourceMappingURL=ContentCard.js.map
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"./Contentcard.scss.js";import a from"../Typography/Typography.js";const n=({contentHeader:n,data:r,maxHeight:c=""})=>{const o=`scrollable-${(e=>{const t=parseInt(e);if(isNaN(t))return"default";const a=100*Math.round(t/100);return Math.min(Math.max(100,a),1e3)})(c)}`;return e("div",{className:"ff-content-card-container",children:[t("div",{className:"ff-content-card-nav",children:t(a,{as:"div",fontWeight:"semi-bold",lineHeight:"35px",children:n})}),t("div",{className:`ff-content-card-body scrollable ${o}`,children:Object.entries(r).map(([n,r],c)=>e("div",{className:"ff-content-card-row",children:[e(a,{fontWeight:"semi-bold",children:[n,":"]}),t(a,{className:"ff-content-card-value",children:r})]},c+n))})]})};export{n as default};