pixel-react 1.11.22 → 1.11.23

package/lib/components/Comments/commentCommonUtils.js

@@ -0,0 +1,15 @@
+export const formatUserDetails = (userDetails) => {
+    if (userDetails && Array.isArray(userDetails)) {
+        return userDetails.map(({ user }) => ({
+            id: user.id,
+            name: user.name,
+            emailId: user.emailId,
+        }));
+    }
+    return [];
+};
+export const findUserByName = (name, _users) => {
+    const foundUser = _users.find((user) => user.name.replace(/\s+/g, '') === name) || null;
+    return foundUser ? foundUser.emailId : null;
+};
+//# sourceMappingURL=commentCommonUtils.js.map

package/lib/components/Comments/commentCommonUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commentCommonUtils.js","sourceRoot":"","sources":["../../../src/components/Comments/commentCommonUtils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,WAAkB,EAAE,EAAE;IACtD,IAAI,WAAW,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;QAC9C,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;YACpC,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAC,CAAC,CAAC;IACN,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,IAAY,EACZ,MAAuD,EACvD,EAAE;IACF,MAAM,SAAS,GACb,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC;IACxE,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AAC9C,CAAC,CAAC"}

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

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

package/lib/components/Comments/index.js

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

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

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

package/lib/components/Comments/mentionUser/MentionUser.d.ts

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

package/lib/components/Comments/mentionUser/MentionUser.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './MentionUser.scss';
+import { useRef } from 'react';
+import Typography from '../../Typography';
+const MentionUser = ({ hasAtSymbol, mentionPosition, usersObj, optionClicked, }) => {
+    const selectSectionRef = useRef(null);
+    if (!hasAtSymbol)
+        return null;
+    return (_jsx("div", { className: "select-section", ref: selectSectionRef, style: {
+            '--top': `${mentionPosition?.top}px`,
+            '--left': `${mentionPosition?.left}px`,
+        }, children: _jsx("div", { className: "select-group", children: usersObj.length &&
+                usersObj.map((option) => (_jsx(Typography, { className: "mention-option", onClick: () => optionClicked(option.name, option.emailId), children: option.name }, option.id))) }) }));
+};
+export default MentionUser;
+//# sourceMappingURL=MentionUser.js.map

package/lib/components/Comments/mentionUser/MentionUser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionUser.js","sourceRoot":"","sources":["../../../../src/components/Comments/mentionUser/MentionUser.tsx"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAE1C,MAAM,WAAW,GAA2B,CAAC,EAC3C,WAAW,EACX,eAAe,EACf,QAAQ,EACR,aAAa,GACd,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEtD,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,OAAO,CACL,cACE,SAAS,EAAC,gBAAgB,EAC1B,GAAG,EAAE,gBAAgB,EACrB,KAAK,EACH;YACE,OAAO,EAAE,GAAG,eAAe,EAAE,GAAG,IAAI;YACpC,QAAQ,EAAE,GAAG,eAAe,EAAE,IAAI,IAAI;SACS,YAGnD,cAAK,SAAS,EAAC,cAAc,YAC1B,QAAQ,CAAC,MAAM;gBACd,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,UAAU,IAET,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,YAExD,MAAM,CAAC,IAAI,IAJP,MAAM,CAAC,EAAE,CAKH,CACd,CAAC,GACA,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/Comments/type.d.ts

@@ -0,0 +1,56 @@
+export interface CommentType {
+    id?: string | number;
+    description?: string;
+    createdBy?: string;
+    modifiedBy?: string;
+    createdByUname?: string;
+    modifiedByUname?: string;
+    createdOn?: string;
+    modifiedOn?: string;
+    name?: string;
+    emailId?: string[];
+    commentParentId?: string;
+    comments: CommentType[];
+}
+export type HandleAddComment = (newComment: CommentType, parentCommentId?: string) => void;
+export type HandleEditComment = (commentId: string, updatedDescription: string) => void;
+export type HandleDeleteComment = (commentId: string) => void;
+export type HandleNodeFunction = (commentId: string, value: string, mentionedUsersEmail: string[]) => void;
+export interface CommentsProps {
+    commentsData: CommentType[];
+    handleAddComment: any;
+    handleEditComment: any;
+    handleDeleteComment: any;
+    onCommentsDataChange?: (data: any) => void;
+    currentUser?: {
+        createdBy: string;
+        modifiedBy: string;
+        createdByUname: string;
+        modifiedByUname: string;
+    };
+    isDisable?: boolean;
+    userDetails?: any;
+}
+export interface CommentProps {
+    handleInsertNode: any;
+    handleEditNode: any;
+    handleDeleteNode: (_commentId: string) => void;
+    comment: CommentType;
+    depth?: number;
+    commentedData?: CommentType[];
+    isDisable?: boolean;
+    userDetails?: any;
+}
+export interface MentionUsers {
+    hasAtSymbol: boolean;
+    mentionPosition: {
+        top: number;
+        left: number;
+    };
+    usersObj: {
+        id: string;
+        name: string;
+        emailId: string;
+    }[];
+    optionClicked: (_name: string, _emailId: string) => void;
+}

package/lib/components/Comments/type.js

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

package/lib/components/Comments/type.js.map

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

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

@@ -0,0 +1,4 @@
+import { ConditionalDropdownProps } from './types';
+import './ConditionalDropdown.scss';
+declare const ConditionalDropdown: import("react").ForwardRefExoticComponent<ConditionalDropdownProps & import("react").RefAttributes<HTMLInputElement>>;
+export default ConditionalDropdown;

package/lib/components/ConditionalDropdown/ConditionalDropdown.js

@@ -0,0 +1,189 @@
+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 = [], placeholder = 'Enter text', onChange, onCreateVariableClick, value = '', dropdownWidth = 'inherit', isHash = false, dataFiles = [], showAddVariableIcon = true, helperText = '', error, autoComplete = 'off', required = false, formProps = {}, onlyDropdown = false, type, ...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(filtered.length > 0);
+        }
+    }, [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.type === 'LOCAL'
+                ? 'LV'
+                : item.type === 'GLOBAL'
+                    ? 'GV'
+                    : item.type === 'GROUP'
+                        ? 'SG'
+                        : 'PEV'}_${item.name}}`;
+            let newValue;
+            if ((isHash && value[0] === '#') || onlyDropdown) {
+                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);
+            }
+            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) => file.name.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, { ...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: () => setIsFocused(true), onBlur: (e) => {
+                            handleBlur(e);
+                            props.onBlur?.(e);
+                        }, autoComplete: autoComplete, helperText: helperText, error: error, required: required, ...formProps }), type === 'password' && (_jsx(Tooltip, { title: showPassword ? 'Hide' : 'Show', children: _jsx(Typography, { as: "span", className: "ff-password-icon", children: _jsx(Icon, { onClick: togglePasswordVisibility, name: showPassword ? 'view_icon' : 'hide_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) => file.name.toLowerCase().includes(result?.searchString)), onSelectVariable: handleDropdownClick })), showDropdown && (isHash || onlyDropdown) && (_jsx(OptionsDropdown, { position: "relative", width: dropdownWidth, filteredOptions: filteredOptions, onSelectVariable: handleDropdownClick }))] }));
+});
+export default ConditionalDropdown;
+//# sourceMappingURL=ConditionalDropdown.js.map

package/lib/components/ConditionalDropdown/ConditionalDropdown.js.map

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

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

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

package/lib/components/ConditionalDropdown/OptionsDropdown.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './ConditionalDropdown.scss';
+import Typography from '../Typography';
+import classNames from 'classnames';
+const OptionsDropdown = ({ onSelectVariable, dropdownPosition, filteredOptions = [], position = 'relative', width = '300px', }) => {
+    return (_jsx("div", { className: classNames('ff-variable-dropdown', position), style: dropdownPosition
+            ? {
+                top: dropdownPosition.top + 30,
+                left: dropdownPosition.left - 30,
+                width,
+            }
+            : { width }, children: filteredOptions?.map((option) => {
+            return (_jsx("div", { className: "ff-variable-option", onClick: () => onSelectVariable(option), children: _jsx(Typography, { as: "span", fontSize: 14, children: option?.name }) }, option?.id));
+        }) }));
+};
+export default OptionsDropdown;
+//# sourceMappingURL=OptionsDropdown.js.map

package/lib/components/ConditionalDropdown/OptionsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsDropdown.js","sourceRoot":"","sources":["../../../src/components/ConditionalDropdown/OptionsDropdown.tsx"],"names":[],"mappings":";AAEA,OAAO,4BAA4B,CAAC;AACpC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,eAAe,GAA4B,CAAC,EAC9C,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,GAAE,EAAE,EACnB,QAAQ,GAAG,UAAU,EACrB,KAAK,GAAG,OAAO,GAChB,EAAa,EAAE;IACd,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EACvD,KAAK,EACH,gBAAgB;YACd,CAAC,CAAC;gBACE,GAAG,EAAE,gBAAgB,CAAC,GAAG,GAAG,EAAE;gBAC9B,IAAI,EAAE,gBAAgB,CAAC,IAAI,GAAG,EAAE;gBAChC,KAAK;aACN;YACH,CAAC,CAAC,EAAE,KAAK,EAAE,YAGd,eAAe,EAAE,GAAG,CAAC,CAAC,MAAqB,EAAa,EAAE;YACzD,OAAO,CACL,cACE,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,YAGvC,KAAC,UAAU,IAAC,EAAE,EAAC,MAAM,EAAC,QAAQ,EAAE,EAAE,YAC/B,MAAM,EAAE,IAAI,GACF,IAJR,MAAM,EAAE,EAAE,CAKX,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,eAAe,eAAe,CAAC"}

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

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

package/lib/components/ConditionalDropdown/index.js

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

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

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

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

@@ -0,0 +1,151 @@
+import { dropdownPositionType } from '../Editor/types';
+export type dynamicObject = {
+    [key: string]: any;
+};
+export type TestDataObject = {
+    _id: string;
+    name: string;
+    actualPath: string;
+    searchKey: string;
+    parentId: string;
+};
+export interface ConditionalDropdownProps {
+    /**
+     * Label for the field
+     */
+    label?: string;
+    /**
+     * Value in the input should stored in this state
+     */
+    hashInputValue?: TestDataObject | dynamicObject;
+    /**
+     * Function storing and updating the inputValue state
+     */
+    setHashInputValue?: (value: File | dynamicObject | null) => void;
+    /**
+     * List of variables
+     */
+    variableList?: dynamicObject[];
+    /**
+     * Place holder for the input field
+     */
+    placeholder?: string;
+    /**
+     * Function to handle input change
+     * @param value
+     * @returns
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Function to handle create variable icon click
+     */
+    onCreateVariableClick?: () => void;
+    /**
+     * Width of the dropdown
+     */
+    dropdownWidth?: string;
+    /**
+     * Name | name of the input field
+     */
+    name?: string;
+    /**
+     * value | input field value
+     */
+    value?: string;
+    /**
+     * variants to set color/style of the input field
+     */
+    variant?: 'default' | 'primary';
+    /**
+     * type to set color/style of the input field
+     */
+    type?: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
+    /**
+     * error | If true, error message will be displayed
+     */
+    error?: boolean;
+    /**
+     * helperText | error, success, warning message to be shown
+     */
+    helperText?: string;
+    /**
+     * to disable the input field
+     */
+    disabled?: boolean;
+    /**
+     * if true, input field will be mandatory
+     */
+    required?: boolean;
+    /**
+     * classnames to style the input field
+     */
+    className?: string;
+    /**
+     * noBorder prop 'true' removes border of input
+     */
+    noBorder?: boolean;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * id to select the input field uniquely
+     */
+    id?: string;
+    /**
+     * if on, suggestion popup will be displayed
+     */
+    autoComplete?: 'on' | 'off';
+    /**
+     *  minimum and maximum values for the number type input field and their functions
+     */
+    minValue?: string;
+    maxValue?: string;
+    /**
+     * background of the input field prop
+     */
+    transparentBackground?: boolean;
+    /**
+     * size for the input field
+     */
+    size?: 'small' | 'medium';
+    /**
+     * isLabelRequired for the input field without label,showing placeholder
+     */
+    isLabelRequired?: boolean;
+    /**
+     * If true, dropdown opens when '#' is entered at the first position.
+     */
+    isHash?: boolean;
+    /**
+     * Options for the dropdown when `isHash` is true.
+     */
+    dataFiles?: dynamicObject[];
+    /**
+     * a boolean prop to show add variable icon or not.
+     */
+    showAddVariableIcon?: boolean;
+    onlyDropdown?: boolean;
+    formProps?: Record<string, any>;
+}
+export interface OptionsDropdownProps {
+    /**
+     * Position whether absoloute or relative
+     */
+    position: 'absolute' | 'relative';
+    /**
+     * Dropdown width
+     */
+    width: string;
+    /**
+     * chars entered to search in Input :
+     */
+    filteredOptions?: dynamicObject[];
+    /**
+     * Function to handle click on variable
+     */
+    onSelectVariable: (variable: object) => void;
+    /**
+     * Dropdown postion used for dropdown placement
+     */
+    dropdownPosition?: dropdownPositionType;
+}

package/lib/components/ConditionalDropdown/types.js

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

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

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

package/lib/components/ConnectingBranch/BranchComponents/MachineInstances.d.ts

@@ -0,0 +1,3 @@
+import { MachineInstancesProps } from '../types';
+declare const MachineInstances: React.FC<MachineInstancesProps>;
+export default MachineInstances;

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

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ffid } from '../../../utils/ffID/ffid';
+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}` }), childNodeData?.runScriptCount && (_jsx("div", { className: "ff-selectedMachines-connecting-line-text", children: _jsx(Typography, { fontSize: 8, fontWeight: "regular", children: `${childNodeData.runScriptCount} Script${childNodeData.runScriptCount !== 1
+                                                            ? 's'
+                                                            : ''}` }) }))] }) }), _jsx("div", { className: "ff-run-data-box", children: getChildNodeComponent({
+                                            isButton: false,
+                                            childNodeData,
+                                            childNodeIndex,
+                                            runLevelExecutionDataSet,
+                                            runLevelExecutionDataSetIndex,
+                                            parentNodeData,
+                                            parentNodeIndex,
+                                        }) })] }, ffid()) }, runLevelExecutionDataSet?.runLevelExecutionDataSetId +
+                            ffid()))) }), 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,
+                                    }) })] })) }))] }, ffid()));
+        })) }));
+};
+export default MachineInstances;
+//# sourceMappingURL=MachineInstances.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MachineInstances.js","sourceRoot":"","sources":["../../../../src/components/ConnectingBranch/BranchComponents/MachineInstances.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAQ1C,MAAM,gBAAgB,GAAoC,CAAC,EACzD,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,cAAc,GACf,EAAE,EAAE;IACH,OAAO,CACL,4BACG,cAAc,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAChD,4BACG,CAAC,cAAc,IAAI,CAClB,8BACE,cAAK,SAAS,EAAC,qCAAqC,YAClD,eAAK,SAAS,EAAC,SAAS,aACtB,cAAK,SAAS,EAAC,mCAAmC,GAAO,EACzD,cAAK,SAAS,EAAC,eAAe,GAAO,IACjC,GACF,EACN,cAAK,SAAS,EAAC,2CAA2C,YACvD,qBAAqB,CAAC;4BACrB,QAAQ,EAAE,IAAI;4BACd,cAAc;4BACd,eAAe;yBAChB,CAAC,GACE,IACL,CACJ,GACA,CACJ,CAAC,CAAC,CAAC,CACF,cAAc,EAAE,gBAAgB,EAAE,GAAG,CACnC,CAAC,aAA0B,EAAE,cAAyB,EAAE,EAAE;YACxD,MAAM,WAAW,GAAG,cAAc,KAAK,CAAC,CAAC;YACzC,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,eACE,SAAS,EAAE,uCACT,CAAC,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EACpC,EAAE,aAEF,eAAK,SAAS,EAAC,SAAS,aACtB,cACE,SAAS,EAAE,gBACT,WAAW,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EACzC,EAAE,GACG,EACP,cAAK,SAAS,EAAC,eAAe,GAAO,IACjC,EAEL,WAAW,IAAI,CACd,cACE,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,kBAAkB,IAAI,EAAE,GACvC,CACR,IACG,EAEN,cAAK,SAAS,EAAC,qBAAqB,YACjC,aAAa,CAAC,yBAAyB,CAAC,GAAG,CAC1C,CACE,wBAAkD,EAClD,6BAAwC,EACxC,EAAE,CAAC,CACH,cAKE,SAAS,EAAC,gCAAgC,EAC1C,GAAG,EACD,6BAA6B,KAAK,CAAC;gCACjC,CAAC,CAAC,UAAU;gCACZ,CAAC,CAAC,IAAI,YAGV,eACE,SAAS,EAAC,mBAAmB,EAE7B,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,CACf,CAAC,QAAQ,CAAC,OAAO,CAAC,6BAA6B,CAAC;oCAC9C,OAAO,CAAC,aAGZ,cACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,aAAa,IAAI,EAAE,YAErC,eACE,SAAS,EAAE,yBAAyB,6BAA6B,EAAE,EACnE,KAAK,EAAE;gDACL,MAAM,EAAE,GAAG,YAAY,CAAC,6BAA6B,CAAC,IAAI;6CAC3D,aAED,cACE,SAAS,EAAE,2CAA2C,6BAA6B,EAAE,GAChF,EACN,aAAa,EAAE,cAAc,IAAI,CAChC,cAAK,SAAS,EAAC,0CAA0C,YACvD,KAAC,UAAU,IAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAC,SAAS,YAC1C,GAAG,aAAa,CAAC,cAAc,UAC9B,aAAa,CAAC,cAAc,KAAK,CAAC;4DAChC,CAAC,CAAC,GAAG;4DACL,CAAC,CAAC,EACN,EAAE,GACS,GACT,CACP,IACG,GACF,EAEN,cAAK,SAAS,EAAC,iBAAiB,YAC7B,qBAAqB,CAAC;4CACrB,QAAQ,EAAE,KAAK;4CACf,aAAa;4CACb,cAAc;4CACd,wBAAwB;4CACxB,6BAA6B;4CAC7B,cAAc;4CACd,eAAe;yCAChB,CAAC,GACE,KA3CD,IAAI,EAAE,CA4CP,IAxDJ,wBAAwB,EAAE,0BAA0B;4BACpD,IAAI,EAAE,CAwDJ,CACP,CACF,GACG,EAEL,cAAc;wBACb,cAAc,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9C,4BACG,CAAC,cAAc,IAAI,CAClB,8BACE,cAAK,SAAS,EAAC,oDAAoD,YACjE,eAAK,SAAS,EAAC,SAAS,aACtB,cAAK,SAAS,EAAC,cAAc,GAAO,EACpC,cAAK,SAAS,EAAC,eAAe,GAAO,IACjC,GACF,EAEN,cAAK,SAAS,EAAC,2CAA2C,YACvD,qBAAqB,CAAC;wCACrB,QAAQ,EAAE,IAAI;wCACd,cAAc;wCACd,eAAe;wCACf,cAAc,EAAE,cAAc,GAAG,CAAC;qCACnC,CAAC,GACE,IACL,CACJ,GACA,CACJ,KApH2C,IAAI,EAAE,CAqH9C,CACP,CAAC;QACJ,CAAC,CACF,CACF,GACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

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