saurabh-table-dnd-edit 1.1.0

package/lib/components/NLPInput/NlpInput.js

@@ -0,0 +1,254 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useReducer, useRef, useEffect, useState, useLayoutEffect, } 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, closeInputOnOutsideClick = () => { }, tooltipText = 'Help', ChipsAccordionWidth = '27.8%', dropDownMessage = '', }) => {
+    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);
+    const [tooltipStyle, setTooltipStyle] = useState({});
+    const helpIconClicked = useRef(false);
+    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 (helpIconClicked.current) {
+            helpIconClicked.current = false;
+            return;
+        }
+        if (errorMsg) {
+            handleSelectAction('SHOW_ERROR');
+        }
+        else {
+            handleSelectAction('BLUR_INPUT');
+            closeInputOnOutsideClick();
+        }
+    };
+    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';
+    };
+    useLayoutEffect(() => {
+        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);
+    useEffect(() => {
+        const inputEl = InputRef.current;
+        if (!inputEl)
+            return;
+        let scrollContainer = inputEl.parentElement;
+        while (scrollContainer && scrollContainer !== document.body) {
+            const style = getComputedStyle(scrollContainer);
+            if (['scroll', 'auto'].includes(style.overflowY)) {
+                break;
+            }
+            scrollContainer = scrollContainer.parentElement;
+        }
+        if (!scrollContainer)
+            return;
+        const originalOverflow = scrollContainer.style.overflow;
+        const shouldFreeze = showOptions || chipOptionList;
+        if (shouldFreeze) {
+            scrollContainer.style.overflow = 'hidden';
+        }
+        else {
+            scrollContainer.style.overflow = originalOverflow || 'auto';
+        }
+        return () => {
+            scrollContainer.style.overflow = originalOverflow || 'auto';
+        };
+    }, [showOptions, chipOptionList]);
+    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: '32px',
+                                }, onFocus: () => handleSelectAction('FOCUS_INPUT'), onChange: onSelectInputChange, value: value, disabled: disabled, autoComplete: "off", spellCheck: "false", ref: InputRef, autoFocus: true }), _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", onMouseDown: () => (helpIconClicked.current = true), style: { zIndex: optionZIndex }, children: [_jsx("span", { className: classNames('ff-nlp-input-arrow', {
+                                            'ff-nlp-input-arrow--down': !isIconClick,
+                                            'ff-nlp-input-arrow--no-label': !showLabel,
+                                        }), onMouseEnter: (e) => {
+                                            const rect = e.target.getBoundingClientRect();
+                                            setTooltipStyle({
+                                                top: `${rect.top + window.scrollY - 20}px`,
+                                                left: `${rect.left + window.scrollX + rect.width * 0.5}px`,
+                                                visibility: 'visible',
+                                                opacity: 1,
+                                                transitionDelay: '0s',
+                                            });
+                                        }, onMouseLeave: () => setTooltipStyle((prev) => ({
+                                            ...prev,
+                                            visibility: 'hidden',
+                                            opacity: 0,
+                                        })), children: _jsx(Icon, { name: rightIcon || '', height: 16, width: 16, onClick: onHelpIconClick, color: rightIconColor }) }), createPortal(_jsx(Typography, { className: "help-icon-label", fontSize: 10, style: tooltipStyle, children: tooltipText }), document.body)] }), _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,
+                                }) })] }), 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, dropDownMessage: dropDownMessage }), document.body) })] }), _jsx("div", { className: "chips-accordion-content", children: chipOptionList && chipOptionList.length > 0 && (_jsx(ChipsAccordion, { chipOptionList: chipOptionList, selectedChips: selectedChips, optionZIndex: optionZIndex, ref: ChipRef, inputRef: InputRef, ChipsAccordionWidth: ChipsAccordionWidth })) })] }));
+};
+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,93 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, forwardRef, useRef, useImperativeHandle, useLayoutEffect, } from 'react';
+import './ChipsAccordion.scss';
+import Icon from '../../../Icon';
+import Typography from '../../../Typography';
+import { checkEmpty } from '../../../../utils/checkEmpty/checkEmpty';
+import usePortalPosition from '../../../../hooks/usePortalPosition';
+import { createPortal } from 'react-dom';
+const ChipsAccordion = forwardRef(({ chipOptionList, selectedChips, optionZIndex = 0, inputRef, ChipsAccordionWidth, }, ref) => {
+    const [filterData, setFilterData] = useState([]);
+    const [isExpanded, setIsExpanded] = useState(false);
+    const [positionChipContainer, setPositionChipContainer] = useState({ left: 0, top: 0 });
+    const [expandDirection, setExpandDirection] = useState('down');
+    const localRef = useRef(null);
+    useImperativeHandle(ref, () => localRef.current);
+    const portalPosition = usePortalPosition(localRef, isExpanded);
+    useEffect(() => {
+        if (checkEmpty(chipOptionList))
+            return;
+        setFilterData(chipOptionList);
+    }, [chipOptionList]);
+    const chipsRowRef = useRef(null);
+    const checkOverflow = () => {
+        const rowEl = chipsRowRef.current;
+        if (!rowEl)
+            return;
+    };
+    useEffect(() => {
+        checkOverflow();
+    }, [filterData]);
+    useLayoutEffect(() => {
+        const handleUpdate = () => {
+            if (!inputRef?.current)
+                return;
+            const { positionX, positionY, width, fromBottom } = portalPosition(inputRef);
+            const estimatedHeight = 160;
+            const expandUp = fromBottom < estimatedHeight;
+            setExpandDirection(expandUp ? 'up' : 'down');
+            setPositionChipContainer({
+                left: positionX + width,
+                top: positionY,
+            });
+        };
+        handleUpdate();
+        const observer = new ResizeObserver(() => handleUpdate());
+        if (inputRef?.current)
+            observer.observe(inputRef.current);
+        window.addEventListener('scroll', handleUpdate, true);
+        return () => {
+            if (inputRef?.current)
+                observer.unobserve(inputRef.current);
+            observer.disconnect();
+            window.removeEventListener('scroll', handleUpdate, true);
+        };
+    }, [portalPosition, inputRef]);
+    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 createPortal(_jsxs("div", { className: "ff-chips-accordion", style: {
+            left: positionChipContainer.left,
+            top: positionChipContainer.top,
+            zIndex: optionZIndex + 100,
+            transform: expandDirection === 'up'
+                ? 'translateY(calc(-100% + 33px))'
+                : 'none',
+            width: ChipsAccordionWidth,
+            position: 'absolute',
+        }, ref: localRef, children: [_jsx("div", { ref: chipsRowRef, className: `ff-chips-row ${isExpanded ? 'expanded' : ''}`, style: { maxHeight: isExpanded ? '280px' : '20px' }, 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", { className: "ff-arrow-icon-container", children: _jsx("div", { className: `ff-icon-wrapper ${isExpanded ? 'expanded' : ''}`, role: "button", "aria-expanded": isExpanded, children: _jsx(Icon, { name: expandDirection === 'down'
+                            ? 'arrows_down_icon'
+                            : 'arrows_top_icon', height: 8, width: 8, onClick: toggleExpand }) }) })] }), document.body);
+});
+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,44 @@
+import { ReactNode } from 'react';
+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;
+    dropDownMessage?: string;
+}
+export declare const nlpDropdownDefaultCSSData: {
+    margin: number;
+    optionHeight: number;
+    selectInputHeight: number;
+    dropDownWrapperPadding: number;
+};
+export type OptionType = {
+    label?: ReactNode;
+    value?: string;
+    displayName?: string;
+    videoSrc?: string;
+    description?: string;
+    nlpType?: string;
+    path?: string;
+    platform?: string;
+    stepInputs?: {
+        type?: string;
+        name?: string;
+    }[];
+    returnType?: string;
+    name?: string;
+    nlpName?: string;
+};

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":"AAgEA,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, dropDownMessage, }: NlpDropDownListProps) => import("react/jsx-runtime").JSX.Element;
+export default NlpDropdown;