saurabh-table-dnd-edit 1.1.0

package/lib/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.js

@@ -0,0 +1,198 @@
+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 './VariableSuggestionInputDropDown.scss';
+import OptionsDropdown from './OptionsDropdown';
+import Tooltip from '../Tooltip';
+import Typography from '../Typography';
+import classNames from 'classnames';
+const VariableSuggestionInputDropDown = forwardRef(({ label = '', hashInputValue = '', setHashInputValue, variableList = [], placeholder = 'Enter text', onChange, onPaste, onCreateVariableClick, handleClearInput, value = '', dropdownWidth = '100%', dropdownHeight = '160px', isHash = false, isOnlyHash = false, dataFiles = [], showAddVariableIcon = true, helperText = '', error, autoComplete = 'off', required = false, zIndex = 9999, truncateTextValue = 34, formProps = {}, getSelectedVariable = () => { }, symbol = '$', type = 'text', clearIcon = true, inputTitle = '', onBlur, helperTextWidth, iconProps = {
+    isShowIcon: false,
+    iconName: '',
+    iconToolTipTitle: '',
+    isIconDisable: false,
+    iconColor: '',
+    onIconClick: () => { },
+}, ...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 [showCreateVariableIcon, setShowCreateVariableIcon] = useState(false);
+    const [filteredOptions, setFilteredOptions] = useState([]);
+    const inputRef = useRef(null);
+    const containerRef = useRef(null);
+    const [dropdownWidthPx, setDropdownWidthPx] = useState('auto');
+    const showIcon = iconProps?.isShowIcon;
+    useEffect(() => {
+        const inputContainer = containerRef.current?.querySelector('.ff-input-container');
+        if (!inputContainer)
+            return;
+        const resizeObserver = new ResizeObserver((entries) => {
+            for (let entry of entries) {
+                const width = `${entry.contentRect.width}px`;
+                setDropdownWidthPx(width);
+            }
+        });
+        resizeObserver.observe(inputContainer);
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, []);
+    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('#'));
+        }
+        const selectedHashValue = dataFiles?.find((file) => file.name === value);
+        const selectedDollarValue = variableList?.find((file) => file?.name === value);
+        if (value.startsWith('#') && isHash) {
+            const searchQuery = value.slice(1).toLowerCase();
+            const filtered = dataFiles.filter((file) => file.name.toLowerCase().includes(searchQuery));
+            setFilteredOptions(filtered);
+            setShowDropdown(true);
+        }
+        const isHashSelected = selectedHashValue !== null && value.startsWith('#');
+        const isDollarSelected = selectedDollarValue !== null && value.startsWith('$');
+        const additionalText = value.length > (selectedDollarValue?.name.length || 0);
+        const hasTextWithoutVariable = (value.length > 0 && !isDollarSelected) || value.startsWith('#');
+        if (isOnlyHash) {
+            setShowCreateVariableIcon(false);
+        }
+        else {
+            if (isDollarSelected ||
+                isHashSelected ||
+                value.includes('$') ||
+                value.includes('#')) {
+                setShowCreateVariableIcon(false);
+                if (hasTextWithoutVariable) {
+                    setShowCreateVariableIcon(true);
+                }
+            }
+            else if (additionalText && !value.includes('$')) {
+                setShowCreateVariableIcon(true);
+            }
+        }
+    }, [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]);
+    const handleDropdownClick = (item) => {
+        if (inputRef.current) {
+            const { selectionStart, selectionEnd } = inputRef.current;
+            const dollarSyntax = `${item.name}`;
+            let newValue;
+            if (isHash && value[0] === '#') {
+                newValue = item.name + value.slice(selectionEnd || 1);
+            }
+            else {
+                newValue = item.name;
+            }
+            if (onChange) {
+                const event = {
+                    target: {
+                        value: newValue,
+                    },
+                };
+                onChange(event, item);
+                getSelectedVariable(item.name);
+            }
+            inputRef.current.value = newValue;
+            setHashInputValue?.(item);
+            setCursorPosition((selectionStart || 0) + dollarSyntax.length);
+            setShowDropdown(false);
+            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(symbol, cursorPosit - 1);
+        const nextDollarAfterCursor = input.indexOf(symbol, cursorPosit);
+        if (lastDollarBeforeCursor !== -1) {
+            if (isOnlyHash && input[lastDollarBeforeCursor] === '$') {
+                showDropdown = false;
+            }
+            else 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) {
+                    variableList = [];
+                }
+            }
+        }
+        return { showDropdown, searchString };
+    }
+    const result = getDropdownState(value, findCursor, variableList);
+    const handleBlur = (e) => {
+        {
+            if (!e.relatedTarget ||
+                !e.relatedTarget.closest('.dropdown-container')) {
+                setIsFocused(false);
+            }
+        }
+    };
+    const variableOptionList = () => {
+        return variableList?.filter((file) => file?.name?.toLowerCase()?.includes(result?.searchString?.toLowerCase()));
+    };
+    return (_jsxs("div", { className: "ff-add-variable-container", children: [_jsxs("div", { className: "ff-add-variable-input", ref: containerRef, children: [_jsx(Tooltip, { title: inputTitle, style: { width: '100%' }, children: _jsx(Input, { ...props, name: "add_variable", ref: inputRef, type: type, className: classNames('ff-variable-input-container', {
+                                'ff-variable-input-container--show-icon': showIcon,
+                            }), value: value, onChange: onChange, onPaste: () => {
+                                setShowCreateVariableIcon(true);
+                            }, variant: "primary", label: label, placeholder: placeholder, onClick: handleClick, onKeyUp: handleKeyUp, onFocus: () => setIsFocused(true), onBlur: (e) => {
+                                handleBlur(e);
+                                onBlur?.(e);
+                            }, autoComplete: autoComplete, helperText: helperText, error: error, required: required, helperTextWidth: helperTextWidth, ...formProps }) }), !checkEmpty(value) &&
+                        showCreateVariableIcon &&
+                        showAddVariableIcon && (_jsx("div", { className: "ff-create-variable-container", onClick: onCreateVariableClick, children: _jsx(Typography, { fontWeight: "regular", fontSize: "10px", color: 'var(--brand-color)', cursor: "pointer", children: "Create Variable" }) })), !checkEmpty(value) && !isOnlyHash && (_jsx("div", { className: classNames('ff-cancel-icon-container', {
+                            'ff-cancel-icon-container--show-icon': showIcon,
+                        }), children: clearIcon && (_jsx(Tooltip, { title: "Cancel", style: { zIndex: 99999 }, children: _jsx(Icon, { onClick: handleClearInput, name: "close", height: 16, width: 16, hoverEffect: true }) })) })), showIcon && (_jsx("div", { className: "ff-info-icon-container", children: _jsx(Tooltip, { title: showIcon && !iconProps?.isIconDisable
+                                ? iconProps?.iconToolTipTitle
+                                : '', children: _jsx(Icon, { name: iconProps?.iconName || '', hoverEffect: false, height: 16, width: 16, color: iconProps?.iconColor || 'var(--text-area-default-color)', onClick: (e) => {
+                                    if (iconProps?.onIconClick) {
+                                        iconProps?.onIconClick(e);
+                                    }
+                                }, disabled: iconProps?.isIconDisable, cursorType: "pointer" }) }) }))] }), result?.showDropdown && isFocused && (_jsx(VariableDropdown, { position: "absolute", zIndex: zIndex, truncateTextValue: truncateTextValue, width: dropdownWidthPx, height: checkEmpty(variableOptionList()) ? 'auto' : dropdownHeight, optionsList: variableOptionList(), onSelectVariable: handleDropdownClick })), showDropdown && isHash && isFocused && (_jsx(OptionsDropdown, { position: "relative", zIndex: zIndex, truncateTextValue: truncateTextValue, width: dropdownWidthPx, filteredOptions: filteredOptions, onSelectVariable: handleDropdownClick }))] }));
+});
+export default VariableSuggestionInputDropDown;
+//# sourceMappingURL=VariableSuggestionInputDropDown.js.map

package/lib/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.js.map

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

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

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

package/lib/components/variableSuggestionInputDropDown/index.js

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

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

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

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

@@ -0,0 +1,198 @@
+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 VariableSuggestionInputDropDownProps {
+    /**
+     * 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>, item?: dynamicObject) => void;
+    onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+    /**
+     * Function to handle create variable icon click
+     */
+    onCreateVariableClick?: () => void;
+    /**
+     * Function to clear input field on close icon click
+     */
+    handleClearInput?: () => void;
+    /**
+     * Width of the dropdown
+     */
+    dropdownWidth?: string;
+    /**
+     * Height of the dropdown
+     */
+    dropdownHeight?: 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' | 'new-password';
+    /**
+     *  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;
+    /**
+     * If true, only hash dropdown will be shown without create variable icon.
+     */
+    isOnlyHash?: boolean;
+    /**
+     * Options for the dropdown when `isHash` is true.
+     */
+    dataFiles?: dynamicObject[];
+    /**
+     * a boolean prop to show add variable icon or not.
+     */
+    showAddVariableIcon?: boolean;
+    formProps?: Record<string, any>;
+    zIndex?: number;
+    truncateTextValue?: number;
+    getSelectedVariable?: (option: string) => void;
+    symbol?: string;
+    clearIcon?: boolean;
+    /**
+     * inputTitle for the field
+     */
+    inputTitle?: string;
+    helperTextWidth?: number | string;
+    iconProps?: {
+        /**
+         * Flag to determine if icon should be shown
+         */
+        isShowIcon?: boolean;
+        /**
+         * Function triggered when icon is clicked
+         */
+        onIconClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        /**
+         * Name of the icon to display
+         */
+        iconName?: string;
+        /**
+         * Tooltip title shown when hovering over icon
+         */
+        iconToolTipTitle?: string;
+        /**
+         * Flag to disable the icon
+         */
+        isIconDisable?: boolean;
+        iconColor?: string;
+    };
+}
+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;
+    zIndex?: number;
+    truncateTextValue?: number;
+}

package/lib/components/variableSuggestionInputDropDown/types.js

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

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

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

package/lib/hooks/keyboardevents/useEscKeyEvent.d.ts

@@ -0,0 +1,2 @@
+declare function useEscapeKey(key: string): (callBack: () => void) => void;
+export default useEscapeKey;

package/lib/hooks/keyboardevents/useEscKeyEvent.js

@@ -0,0 +1,18 @@
+import { useEffect } from 'react';
+function useEscapeKey(key) {
+    return (callBack) => {
+        const handleKeyDown = (event) => {
+            if (event?.key === key) {
+                callBack();
+            }
+        };
+        useEffect(() => {
+            document.addEventListener('keydown', handleKeyDown);
+            return () => {
+                document.removeEventListener('keydown', handleKeyDown);
+            };
+        }, [key, callBack]);
+    };
+}
+export default useEscapeKey;
+//# sourceMappingURL=useEscKeyEvent.js.map

package/lib/hooks/keyboardevents/useEscKeyEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEscKeyEvent.js","sourceRoot":"","sources":["../../../src/hooks/keyboardevents/useEscKeyEvent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,SAAS,YAAY,CAAC,GAAW;IAC/B,OAAO,CAAC,QAAoB,EAAE,EAAE;QAC9B,MAAM,aAAa,GAAmC,CAAC,KAAK,EAAE,EAAE;YAC9D,IAAI,KAAK,EAAE,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvB,QAAQ,EAAE,CAAC;YACb,CAAC;QACH,CAAC,CAAC;QACF,SAAS,CAAC,GAAG,EAAE;YACb,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACpD,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACzD,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;IACtB,CAAC,CAAC;AACJ,CAAC;AACD,eAAe,YAAY,CAAC"}

package/lib/hooks/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void, ignoreRefs?: Array<React.RefObject<HTMLElement> | undefined>) => void;
+export default useClickOutside;

package/lib/hooks/useClickOutside.js

@@ -0,0 +1,19 @@
+import { useEffect } from 'react';
+const useClickOutside = (ref, callback, ignoreRefs = []) => {
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (ref.current &&
+                !ref.current.contains(event.target) &&
+                !ignoreRefs.some((ignoreRef) => ignoreRef?.current &&
+                    ignoreRef.current.contains(event.target))) {
+                callback();
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [ref, callback, ignoreRefs]);
+};
+export default useClickOutside;
+//# sourceMappingURL=useClickOutside.js.map

package/lib/hooks/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../src/hooks/useClickOutside.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,eAAe,GAAG,CACtB,GAAiC,EACjC,QAAoB,EACpB,aAA8D,EAAE,EAChE,EAAE;IACF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC/C,IACE,GAAG,CAAC,OAAO;gBACX,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;gBAC3C,CAAC,UAAU,CAAC,IAAI,CACd,CAAC,SAAS,EAAE,EAAE,CACZ,SAAS,EAAE,OAAO;oBAClB,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CACnD,EACD,CAAC;gBACD,QAAQ,EAAE,CAAC;YACb,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/hooks/useFileDropzone.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneOptions, DropzoneState } from '../components/FileDropzone/types';
+declare const useFileDropzone: (options: DropzoneOptions) => DropzoneState;
+export default useFileDropzone;