pixel-react 1.11.22 → 1.11.24

package/lib/components/NLPInput/NlpInput.js

@@ -0,0 +1,213 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useReducer, useRef, useEffect, useState } from 'react';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+import { createPortal } from 'react-dom';
+import classNames from 'classnames';
+import Dropdown from './components/NlpDropDown/NlpDropdown';
+import Icon from '../Icon';
+import './NLPInput.scss';
+import usePortalPosition from '../../hooks/usePortalPosition';
+import Typography from '../Typography';
+import ChipsAccordion from './components/ChipsFolder/ChipsAccordion';
+const nlpInputReducer = (state, action) => {
+    switch (action.type) {
+        case 'FOCUS_INPUT':
+            return {
+                ...state,
+                isInputFocused: true,
+                isIconClick: true,
+                showOptions: true,
+            };
+        case 'BLUR_INPUT':
+            return {
+                ...state,
+                isInputFocused: false,
+                option: action.payload.option,
+                isIconClick: false,
+                showOptions: false,
+                dropdownPosition: {
+                    positionX: 0,
+                    positionY: 0,
+                    width: 0,
+                    fromBottom: 0,
+                },
+            };
+        case 'UPDATE_DROPDOWN_POSITION':
+            const { positionX, positionY, width, fromBottom } = action.payload || {};
+            return {
+                ...state,
+                dropdownPosition: {
+                    positionX,
+                    positionY,
+                    width,
+                    fromBottom,
+                },
+            };
+        case 'UPDATE_OPTION':
+            return {
+                ...state,
+                option: action.payload,
+            };
+        case 'SHOW_ERROR':
+            return {
+                ...state,
+                isInputFocused: true,
+                isIconClick: false,
+                showOptions: false,
+                option: action.payload.option,
+                dropdownPosition: {
+                    positionX: 0,
+                    positionY: 0,
+                    width: 0,
+                    fromBottom: 0,
+                },
+            };
+        default:
+            return state;
+    }
+};
+const NlpInput = ({ label = '', leftIcon, rightIcon, rightIconColor, showLabel = true, onHelpIconClick = () => { }, aiIconClick = () => { }, webServiceClick = () => { }, containerWidth = '', optionsList = [], selectedOption = {
+    displayName: '',
+    projectId: '',
+    nlpType: '',
+    platform: '',
+}, onChange = () => { }, errorMsg = '', className = '', optionZIndex = 100, disabled = false, borderRadius = true, showBorder = true, required = false, value = '', onSelect = () => { }, chipOptionList, selectedChips, loadMoreOptions = () => { }, isWebservice = true, }) => {
+    const initialState = {
+        isInputFocused: false,
+        isIconClick: false,
+        showOptions: false,
+        option: checkEmpty(selectedOption) &&
+            typeof selectedOption?.displayName === 'string'
+            ? selectedOption.displayName
+            : '',
+        dropdownPosition: { positionX: 0, positionY: 0, width: 0, fromBottom: 0 },
+    };
+    const [selectControlState, dispatch] = useReducer(nlpInputReducer, initialState);
+    const [inputVal, setInputVal] = useState(selectedOption);
+    useEffect(() => {
+        const updatedDisplayName = typeof selectedOption.displayName === 'string'
+            ? selectedOption.displayName
+            : String(selectedOption.displayName ?? '');
+        if (updatedDisplayName !== inputVal.displayName) {
+            setInputVal({ ...selectedOption, displayName: updatedDisplayName });
+        }
+    }, [selectedOption]);
+    useEffect(() => {
+        if (value) {
+            handleSelectAction('FOCUS_INPUT');
+        }
+    }, [value]);
+    const DropDownRef = useRef(null);
+    const InputRef = useRef(null);
+    const ChipRef = useRef(null);
+    const { isInputFocused, isIconClick, showOptions, dropdownPosition, option } = selectControlState;
+    const calculatePosition = usePortalPosition(DropDownRef, showOptions);
+    const handleSelectAction = (actionType) => {
+        if (!disabled) {
+            if (actionType === 'SHOW_ERROR' || actionType === 'BLUR_INPUT') {
+                dispatch({
+                    type: actionType,
+                    payload: {
+                        option: typeof selectedOption.displayName === 'string'
+                            ? selectedOption.displayName
+                            : String(selectedOption.displayName ?? ''),
+                    },
+                });
+            }
+            else {
+                dispatch({ type: actionType });
+            }
+        }
+    };
+    const onSelectInputChange = (e) => {
+        if (disabled)
+            return;
+        onChange(e);
+    };
+    const onSelectBlur = () => {
+        if (disabled)
+            return;
+        if (errorMsg) {
+            handleSelectAction('SHOW_ERROR');
+        }
+        else {
+            handleSelectAction('BLUR_INPUT');
+        }
+    };
+    const onSelectOptionSelector = (option) => {
+        onSelect(option);
+    };
+    const onSelectUpdatePosition = () => {
+        if (!showOptions || !DropDownRef?.current || disabled)
+            return;
+        const { positionX, positionY, width, fromBottom } = calculatePosition(DropDownRef);
+        dispatch({
+            type: 'UPDATE_DROPDOWN_POSITION',
+            payload: { positionX, positionY, width, fromBottom },
+        });
+    };
+    const onSelectToggleScroll = (isEnabled) => {
+        const bodyScrollWidth = window.innerWidth - document.body.clientWidth;
+        document.body.style.paddingRight = isEnabled ? '' : `${bodyScrollWidth}px`;
+        document.body.style.overflow = isEnabled ? '' : 'hidden';
+    };
+    useEffect(() => {
+        if (disabled)
+            return;
+        if (showOptions) {
+            onSelectToggleScroll(!showOptions);
+        }
+        onSelectUpdatePosition();
+        const handleResizeOrScroll = () => onSelectUpdatePosition();
+        window.addEventListener('resize', handleResizeOrScroll);
+        window.addEventListener('scroll', handleResizeOrScroll);
+        return () => {
+            onSelectToggleScroll(true);
+            window.removeEventListener('resize', handleResizeOrScroll);
+            window.removeEventListener('scroll', handleResizeOrScroll);
+        };
+    }, [showOptions]);
+    useEffect(() => {
+        if (errorMsg) {
+            handleSelectAction('SHOW_ERROR');
+        }
+    }, []);
+    useEffect(() => {
+        handleSelectAction('FOCUS_INPUT');
+    }, []);
+    const applyActiveOptionClasses = !isInputFocused && Boolean(option);
+    return (_jsxs("section", { className: "main-section", children: [_jsxs("div", { className: classNames(`ff-nlp-input-wrapper ${className}`), children: [_jsxs("div", { className: "ff-nlp-input", children: [_jsx("input", { type: "text", className: classNames('ff-nlp-input-container', {
+                                    'ff-nlp-input-container--default': !isInputFocused,
+                                    'ff-nlp-input-container--active': applyActiveOptionClasses,
+                                    'ff-nlp-input-container--no-label': !showLabel,
+                                    'ff-nlp-input-container--error': errorMsg && !isInputFocused && !Boolean(option),
+                                    'ff-nlp-input-container--border-radius': !borderRadius,
+                                    'ff-nlp-input-container--disable': disabled,
+                                    'ff-nlp-input-container--no-border': !showBorder,
+                                }), style: {
+                                    zIndex: optionZIndex,
+                                    paddingLeft: '10px',
+                                }, onFocus: () => handleSelectAction('FOCUS_INPUT'), onChange: onSelectInputChange, value: value, disabled: disabled, autoComplete: "off", spellCheck: "false", ref: InputRef }), _jsxs("div", { className: "ff-nlp-icon-container", children: [_jsx(Icon, { name: leftIcon || 'ai_search', className: "ff-nlp-help_icon", width: 16, height: 16, onClick: aiIconClick }), _jsx(Typography, { className: "icon-label", fontSize: 10, children: "Search With Ai" })] }), showLabel && (_jsxs("div", { className: classNames('ff-nlp-input-label', 'ff-nlp-input-label--default', {
+                                    'ff-nlp-input-label--active': value || Boolean(option),
+                                    'ff-nlp-input-label--error': errorMsg,
+                                }), children: [required && (_jsx(Typography, { color: "var(--$error-light)", className: "ff-nlp-input-label--required", children: "*" })), label] })), _jsxs("div", { className: "help-icon-container", children: [_jsx(Icon, { name: rightIcon || '', height: 16, width: 16, onClick: onHelpIconClick, className: classNames('ff-nlp-input-arrow', {
+                                            'ff-nlp-input-arrow--down': !isIconClick,
+                                            'ff-nlp-input-arrow--no-label': !showLabel,
+                                        }), color: rightIconColor }), _jsx(Typography, { className: "help-icon-label", fontSize: 10, children: "Help" })] }), _jsx("fieldset", { className: classNames('ff-nlp-input-fieldset', {
+                                    'ff-nlp-input-fieldset--no-label': !showLabel,
+                                    'ff-nlp-input-fieldset--default': !isInputFocused,
+                                    'ff-nlp-input-fieldset--active': isInputFocused,
+                                    'ff-nlp-input-fieldset--option': applyActiveOptionClasses,
+                                    'ff-nlp-input-fieldset--error': errorMsg,
+                                    'ff-nlp-input-fieldset--border-radius': !borderRadius,
+                                    'ff-nlp-input-fieldset--no-border': !showBorder,
+                                }), children: showLabel && (_jsx("legend", { className: classNames('ff-nlp-input-legend', {
+                                        'ff-nlp-input-legend--default': !isInputFocused,
+                                        'ff-nlp-input-legend--active': isInputFocused,
+                                        'ff-nlp-input-legend--option': applyActiveOptionClasses,
+                                        'ff-nlp-input-legend--error': errorMsg,
+                                    }), children: _jsx("span", { children: "\u00A0" }) })) })] }), errorMsg && (_jsx(Typography, { className: "ff-nlp-input-wrapper-error-text", fontSize: 8, color: 'var(--error-light)', children: errorMsg })), _jsx("div", { ref: DropDownRef, children: showOptions &&
+                            createPortal(_jsx(Dropdown, { onSelectBlur: onSelectBlur, onSelectOptionSelector: onSelectOptionSelector, dropdownPosition: dropdownPosition, options: optionsList, optionZIndex: optionZIndex, inputRef: InputRef, webServiceClick: webServiceClick, containerWidth: containerWidth, loadMoreOptions: loadMoreOptions, chipRef: ChipRef, isWebservice: isWebservice }), document.body) })] }), _jsx("div", { className: "chips-accordion-content", children: chipOptionList && chipOptionList.length > 0 && (_jsx(ChipsAccordion, { chipOptionList: chipOptionList, selectedChips: selectedChips, optionZIndex: optionZIndex, ref: ChipRef })) })] }));
+};
+export default NlpInput;
+//# sourceMappingURL=NlpInput.js.map

package/lib/components/NLPInput/NlpInput.js.map

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

package/lib/components/NLPInput/components/ChipsFolder/ChipsAccordion.d.ts

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

package/lib/components/NLPInput/components/ChipsFolder/ChipsAccordion.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, forwardRef, useRef } from 'react';
+import './ChipsAccordion.scss';
+import Icon from '../../../Icon';
+import Typography from '../../../Typography';
+import { checkEmpty } from '../../../../utils/checkEmpty/checkEmpty';
+const ChipsAccordion = forwardRef(({ chipOptionList, selectedChips, optionZIndex = 0 }, ref) => {
+    const [filterData, setFilterData] = useState([]);
+    const [isExpanded, setIsExpanded] = useState(false);
+    const [IsArrowEnable, setIsArrowEnable] = useState(false);
+    useEffect(() => {
+        if (checkEmpty(chipOptionList))
+            return;
+        setFilterData(chipOptionList);
+    }, [chipOptionList]);
+    const chipsRowRef = useRef(null);
+    const checkOverflow = () => {
+        const rowEl = chipsRowRef.current;
+        if (!rowEl)
+            return;
+        const overflowing = rowEl.scrollHeight > rowEl.clientHeight;
+        setIsArrowEnable(overflowing);
+    };
+    useEffect(() => {
+        checkOverflow();
+    }, [filterData]);
+    const toggleExpand = () => {
+        setIsExpanded((prev) => !prev);
+        if (isExpanded) {
+            document.querySelector('.ff-chips-row')?.scrollTo({ top: 0 });
+        }
+    };
+    const toggleAction = (index) => {
+        const updatedActions = filterData.map((chip, i) => i === index ? { ...chip, isSelected: !chip.isSelected } : chip);
+        setFilterData(updatedActions);
+        if (selectedChips) {
+            const selected = updatedActions.filter((chip) => chip.isSelected);
+            selectedChips(selected);
+        }
+    };
+    useEffect(() => {
+        const handleResize = () => {
+            checkOverflow();
+        };
+        window.addEventListener('resize', handleResize);
+        return () => {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, []);
+    return (_jsxs("div", { className: "ff-chips-accordion", style: { zIndex: optionZIndex + 100 }, ref: ref, children: [_jsx("div", { ref: chipsRowRef, className: `ff-chips-row ${isExpanded ? 'expanded' : ''}`, children: _jsx("div", { className: "chips-container", children: filterData?.map(({ name, isSelected }, index) => (_jsx("div", { className: `chip ${isSelected ? 'selected-chip' : ''}`, onClick: () => toggleAction(index), children: _jsx(Typography, { as: "div", className: "chip-text", children: name, fontSize: 10, lineHeight: "15px" }) }, index))) }) }), _jsx("div", { children: _jsx("div", { className: `ff-icon-wrapper ${isExpanded ? 'expanded' : ''}`, role: "button", "aria-expanded": isExpanded, children: _jsx(Icon, { name: "arrows_down_icon", height: 8, width: 8, onClick: toggleExpand, disabled: !IsArrowEnable }) }) })] }));
+});
+export default ChipsAccordion;
+//# sourceMappingURL=ChipsAccordion.js.map

package/lib/components/NLPInput/components/ChipsFolder/ChipsAccordion.js.map

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

package/lib/components/NLPInput/components/NlpDropDown/NlpDropDownType.d.ts

@@ -0,0 +1,25 @@
+import { DrowdownPosition, NlpRenderOption } from '../../types';
+export interface NlpDropDownListProps {
+    onSelectBlur: () => void;
+    leftIcon?: string;
+    webServiceClick?: () => void;
+    containerWidth?: string | number;
+    onSelectOptionSelector: (option: NlpRenderOption) => void;
+    dropdownPosition: DrowdownPosition;
+    options?: NlpRenderOption[];
+    optionZIndex?: number;
+    inputRef?: React.RefObject<HTMLInputElement>;
+    label?: string;
+    hasError?: boolean;
+    errorMessage?: string;
+    disabled?: boolean;
+    loadMoreOptions?: () => void;
+    chipRef?: React.RefObject<HTMLDivElement>;
+    isWebservice?: boolean;
+}
+export declare const nlpDropdownDefaultCSSData: {
+    margin: number;
+    optionHeight: number;
+    selectInputHeight: number;
+    dropDownWrapperPadding: number;
+};

package/lib/components/NLPInput/components/NlpDropDown/NlpDropDownType.js

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

package/lib/components/NLPInput/components/NlpDropDown/NlpDropDownType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NlpDropDownType.js","sourceRoot":"","sources":["../../../../../src/components/NLPInput/components/NlpDropDown/NlpDropDownType.ts"],"names":[],"mappings":"AA8DA,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,EAAE;IAChB,iBAAiB,EAAE,EAAE;IACrB,sBAAsB,EAAE,CAAC;CAC1B,CAAC"}

package/lib/components/NLPInput/components/NlpDropDown/NlpDropdown.d.ts

@@ -0,0 +1,4 @@
+import { NlpDropDownListProps } from './NlpDropDownType';
+import './NlpDropdown.scss';
+declare const NlpDropdown: ({ onSelectBlur, onSelectOptionSelector, dropdownPosition, options, optionZIndex, inputRef, webServiceClick, containerWidth, loadMoreOptions, chipRef, isWebservice, }: NlpDropDownListProps) => import("react/jsx-runtime").JSX.Element;
+export default NlpDropdown;

package/lib/components/NLPInput/components/NlpDropDown/NlpDropdown.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useContext, useRef, useState } from 'react';
+import { nlpDropdownDefaultCSSData, } from './NlpDropDownType';
+import useClickOutside from '../../../../hooks/useClickOutside';
+import { checkEmpty } from '../../../../utils/checkEmpty/checkEmpty';
+import './NlpDropdown.scss';
+import Typography from '../../../Typography';
+import { ThemeContext } from '../../../ThemeProvider/ThemeProvider';
+import classNames from 'classnames';
+import Icon from '../../../Icon';
+import IconButton from '../../../IconButton';
+import { useIntersectionObserver } from '../../../../hooks/useIntersectionObserver';
+const NlpDropdown = ({ onSelectBlur, onSelectOptionSelector, dropdownPosition, options = [], optionZIndex = 100, inputRef, webServiceClick = () => { }, containerWidth, loadMoreOptions, chipRef, isWebservice = true, }) => {
+    const [nlpData, setNlpData] = useState(null);
+    const [showNlpDetails, setShowNlpDetails] = useState('');
+    const themeContext = useContext(ThemeContext);
+    const currentTheme = themeContext?.currentTheme;
+    const optionsWrapperRef = useRef(null);
+    useClickOutside(optionsWrapperRef, onSelectBlur, [inputRef, chipRef]);
+    const { positionX, positionY, width, fromBottom } = dropdownPosition;
+    const { margin, optionHeight, selectInputHeight, dropDownWrapperPadding } = nlpDropdownDefaultCSSData;
+    const updateDropdownPosition = () => {
+        let dropdownContainerHeight;
+        if (checkEmpty(options)) {
+            dropdownContainerHeight = optionHeight + 2 * dropDownWrapperPadding;
+        }
+        else if (options.length > 5) {
+            dropdownContainerHeight = 5 * optionHeight + 2 * dropDownWrapperPadding;
+        }
+        else {
+            dropdownContainerHeight =
+                options.length * optionHeight + 2 * dropDownWrapperPadding;
+        }
+        if (fromBottom > dropdownContainerHeight + margin) {
+            return {
+                left: positionX,
+                top: positionY,
+                width: width,
+                zIndex: optionZIndex,
+            };
+        }
+        return {
+            zIndex: optionZIndex,
+            left: positionX,
+            width: width,
+            top: positionY - selectInputHeight - dropdownContainerHeight - margin,
+        };
+    };
+    const getNLPType = (nlpType) => {
+        let label = '';
+        let className = '';
+        if (nlpType === 'NLP') {
+            label = 'NLP';
+            className = 'ff-nlp';
+        }
+        else if (nlpType === 'STEP_GROUP') {
+            label = 'SG';
+            className = 'ff-sg';
+        }
+        else if (nlpType === 'PROGRAM_ELEMENTS') {
+            label = 'PE';
+            className = 'ff-pe';
+        }
+        else {
+            label = '--';
+            className = 'nlp-default';
+        }
+        return { label, className };
+    };
+    const getPlatformIcon = (platform) => {
+        if (platform === 'Web') {
+            return _jsx(Icon, { name: "web_icon", height: 10, width: 10 });
+        }
+        else if (platform === 'Android') {
+            return _jsx(Icon, { name: "android_icon", height: 10, width: 10 });
+        }
+        else if (platform === 'iOS') {
+            return (_jsx(Icon, { name: "ios_icon", height: 10, width: 10, color: "var(--dotted-border-color)" }));
+        }
+        else if (platform === 'Generic') {
+            return _jsx(Icon, { name: "generic_nlp", height: 10, width: 10 });
+        }
+        else if (platform === 'Mobile (Android or iOS)') {
+            return _jsx(Icon, { name: "common_nlp", height: 10, width: 10 });
+        }
+        else {
+            return _jsx(Icon, { name: "common_nlp", height: 10, width: 10 });
+        }
+    };
+    useIntersectionObserver(['ff-nlp-dropdown-pagination'], {
+        root: document.getElementById('ff-nlp-dropdown-options-wrapper'),
+        rootMargin: '0px',
+        threshold: 0.1,
+        onIntersect: (entry, _observer) => {
+            if (entry.isIntersecting) {
+                if (loadMoreOptions) {
+                    loadMoreOptions();
+                }
+            }
+        },
+    });
+    return (_jsx("div", { className: "ff-nlp-dropdown-wrapper", children: _jsxs("div", { ref: optionsWrapperRef, style: { ...updateDropdownPosition(), width: containerWidth }, className: classNames('ff-nlp-options-wrapper', currentTheme), onMouseLeave: () => setShowNlpDetails('hide'), children: [_jsxs("div", { className: "ff-nlp-options-wrapper-main", children: [_jsx("div", { className: "ff-nlp-options-primary-wrapper", id: "ff-nlp-dropdown-options-wrapper", children: !checkEmpty(options) ? (_jsxs(_Fragment, { children: [options.map((option, index) => (_jsx("div", { onMouseEnter: () => {
+                                            setNlpData(option);
+                                            setShowNlpDetails('show');
+                                        }, id: `ff-nlp-option-${index}`, children: _jsxs(Typography, { as: "div", lineHeight: "30px", fontSize: 12, className: classNames('ff-nlp-option', currentTheme), onClick: () => onSelectOptionSelector(option), children: [_jsx("span", { children: _jsx(Typography, { className: `nlp-categories ${getNLPType(option.nlpType).className}`, fontWeight: "regular", fontSize: 8, lineHeight: "32px", children: getNLPType(option.nlpType).label }) }), _jsx("span", { children: getPlatformIcon(option.platform) }), option?.displayName] }) }, `ff-nlp-option-${index}`))), _jsx("div", { id: "ff-nlp-dropdown-pagination" })] })) : (_jsx(Typography, { textAlign: "center", lineHeight: "32px", as: "p", color: "var(--ff-nlp-text-color)", className: "ff-nlp-no-option", children: "No Results Found" })) }), isWebservice && (_jsx("div", { children: _jsx("div", { className: showNlpDetails === 'show'
+                                    ? 'ff-nlp-web-service-div'
+                                    : 'ff-nlp-primary-web-service-div', children: _jsx(IconButton, { iconName: "plus_user_icon", label: "Web Service", onClick: webServiceClick }) }) }))] }), _jsx("div", { className: showNlpDetails === 'show' ? 'ff-nlp-data-show' : 'ff-nlp-data-hide', children: _jsxs("div", { className: "ff-nlp-data-side-menu", children: [nlpData?.videoSrc && (_jsxs(Typography, { className: "nlp-details-header", fontWeight: "semi-bold", fontSize: 10, children: ["Video", _jsx("div", { className: "nlp-details ", children: _jsx("video", { src: nlpData.videoSrc, controls: true, className: "nlp-video-player", width: "100%", children: "Your browser does not support the video tag." }) })] })), _jsxs(Typography, { className: "nlp-details-header", fontWeight: "semi-bold", fontSize: 12, children: ["NLP Details", _jsx(Typography, { className: "nlp-details", fontWeight: "regular", fontSize: 12, children: nlpData?.displayName || '--' })] }), _jsxs(Typography, { className: "nlp-details-header", fontWeight: "semi-bold", fontSize: 12, children: ["Description", _jsx(Typography, { className: "nlp-details", fontWeight: "regular", fontSize: 12, children: nlpData?.description || '--' })] }), nlpData?.nlpType === 'STEP_GROUP' && (_jsx(_Fragment, { children: _jsxs(Typography, { className: "nlp-details-header", fontWeight: "semi-bold", fontSize: 12, children: ["Path", _jsx(Typography, { className: "nlp-details", fontWeight: "regular", fontSize: 12, children: nlpData?.path ? nlpData?.path.slice(6) : '--' })] }) })), _jsx(Typography, { className: "nlp-details-header", fontWeight: "semi-bold", fontSize: 12, children: "Inputs" }), nlpData?.stepInputs?.length ? (nlpData.stepInputs.map((stepInput, index) => {
+                                const stepInputType = stepInput.type
+                                    ? stepInput?.type?.split('.')?.pop()
+                                    : '--';
+                                return (_jsx("div", { children: _jsxs(Typography, { className: "nlp-details-header", fontWeight: "semi-bold", fontSize: 12, children: ["Input", index + 1, _jsxs(Typography, { className: "nlp-details", fontWeight: "regular", fontSize: 12, children: ["type: ", stepInputType] }), _jsxs(Typography, { className: "nlp-details", fontWeight: "regular", fontSize: 12, children: ["name: ", stepInput.name || '--'] })] }) }, index));
+                            })) : (_jsx("div", { className: "nlp-details", children: "--" })), _jsxs(Typography, { className: "nlp-details-header", fontWeight: "semi-bold", fontSize: 12, children: ["Output", _jsx(Typography, { className: "nlp-details ", fontWeight: "regular", fontSize: 12, children: nlpData?.returnType || '--' })] })] }) })] }) }));
+};
+export default NlpDropdown;
+//# sourceMappingURL=NlpDropdown.js.map

package/lib/components/NLPInput/components/NlpDropDown/NlpDropdown.js.map

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

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

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

package/lib/components/NLPInput/index.js

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

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

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

package/lib/components/NLPInput/sampleData.d.ts

@@ -0,0 +1,108 @@
+export declare const nlpList: ({
+    desc: string;
+    displayName: string;
+    failMessage: string;
+    isNonPE: boolean;
+    platform: string;
+    name: string;
+    nlpName: string;
+    videoSrc: string;
+    nlpType: string;
+    packageName: string;
+    parentId: string;
+    passMessage: string;
+    programElementId: string;
+    projectId: string;
+    returnType: string;
+    searchName: string;
+    stepInputs: {}[];
+    toolTip: string;
+    _class: string;
+    _id: string;
+    description?: undefined;
+    imported?: undefined;
+    libraryId?: undefined;
+    path?: undefined;
+} | {
+    desc: string;
+    displayName: string;
+    platform: string;
+    failMessage: string;
+    isNonPE: boolean;
+    name: string;
+    nlpName: string;
+    nlpType: string;
+    packageName: string;
+    parentId: string;
+    passMessage: string;
+    programElementId: string;
+    projectId: string;
+    returnType: string;
+    searchName: string;
+    stepInputs: {}[];
+    toolTip: string;
+    _class: string;
+    _id: string;
+    videoSrc?: undefined;
+    description?: undefined;
+    imported?: undefined;
+    libraryId?: undefined;
+    path?: undefined;
+} | {
+    desc: string;
+    displayName: string;
+    failMessage: string;
+    isNonPE: boolean;
+    platform: string;
+    name: string;
+    nlpName: string;
+    nlpType: string;
+    packageName: string;
+    parentId: string;
+    passMessage: string;
+    programElementId: string;
+    projectId: string;
+    returnType: string;
+    searchName: string;
+    stepInputs: {
+        name: string;
+        type: string;
+    }[];
+    toolTip: string;
+    _class: string;
+    _id: string;
+    videoSrc?: undefined;
+    description?: undefined;
+    imported?: undefined;
+    libraryId?: undefined;
+    path?: undefined;
+} | {
+    description: string;
+    displayName: string;
+    failMessage: string;
+    imported: boolean;
+    libraryId: string;
+    name: string;
+    nlpName: string;
+    nlpType: string;
+    parentId: string;
+    passMessage: string;
+    path: string;
+    platform: string;
+    projectId: string;
+    returnType: string;
+    searchName: string;
+    stepInputs: never[];
+    toolTip: string;
+    _class: string;
+    _id: string;
+    desc?: undefined;
+    isNonPE?: undefined;
+    videoSrc?: undefined;
+    packageName?: undefined;
+    programElementId?: undefined;
+})[];
+export declare const filterSearchData: {
+    name: string;
+    isSelected: boolean;
+}[];