pixel-react 1.11.22 → 1.11.24

package/lib/components/VariableInput/VariableInput.js

@@ -0,0 +1,238 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useState, useRef, useEffect } from 'react';
+import './VariableInput.scss';
+import Typography from '../Typography';
+const VariableInput = ({ type = 'url', name = '', label, disabled = false, required = false, placeholder = '', value = '', error, className = '', onChange, onKeyDown, onBlur, onFocus, list = [], ...props }) => {
+    const [inputValue, setInputValue] = useState('');
+    const [cursorPosition, setCursorPosition] = useState(0);
+    const [isAddingText, setIsAddingText] = useState(true);
+    const [suggestions, setSuggestions] = useState([]);
+    const [showSuggestions, setShowSuggestions] = useState(false);
+    const contentEditableRef = useRef(null);
+    const undoStack = useRef([]);
+    const redoStack = useRef([]);
+    useEffect(() => {
+        if (value) {
+            setInputValue(value);
+        }
+    }, [value]);
+    const parseUrl = (url) => {
+        const regex = /\$\{(\w+)\}/g; //checking the text variable or not
+        const parts = [];
+        let lastIndex = 0;
+        let match;
+        while ((match = regex.exec(url)) !== null) {
+            const [fullMatch, variable] = match;
+            const isInList = list?.includes(variable ?? '');
+            if (match.index > lastIndex) {
+                parts.push({ text: url.slice(lastIndex, match.index), textType: 'normal' });
+            }
+            parts.push({
+                text: fullMatch,
+                textType: isInList ? 'variable' : 'nonVariable',
+            });
+            lastIndex = match.index + fullMatch.length;
+        }
+        if (lastIndex < url.length) {
+            parts.push({ text: url.slice(lastIndex), textType: 'normal' });
+        }
+        return parts;
+    };
+    const updateContentEditable = () => {
+        const parsedParts = parseUrl(inputValue);
+        const contentEditableElement = contentEditableRef.current;
+        if (contentEditableElement) {
+            contentEditableElement.innerHTML = parsedParts
+                .map((part) => {
+                const varClassName = classNames({
+                    ['ff_var_red']: part.textType === 'nonVariable',
+                    ['ff_var_green']: part.textType === 'variable',
+                    ['ff_var_def_textType']: part.textType !== 'nonVariable' && part.textType !== 'variable',
+                });
+                return `<Typography class="${varClassName}">${part.text}</Typography>`;
+            })
+                .join('');
+            restoreCursorPosition(contentEditableElement);
+        }
+    };
+    const restoreCursorPosition = (element) => {
+        const selection = window.getSelection();
+        const range = document.createRange();
+        const textNodes = getTextNodes(element);
+        if (textNodes.length > 0) {
+            const lastNode = textNodes[textNodes.length - 1];
+            const positionAdjustment = isAddingText ? 1 : -1;
+            const newOffset = Math.max(0, Math.min(cursorPosition + positionAdjustment, lastNode.length || 0));
+            if (lastNode) {
+                range.setStart(lastNode, newOffset);
+            }
+            range.collapse(true);
+        }
+        else {
+            range.selectNodeContents(element);
+            range.collapse(false);
+        }
+        selection?.removeAllRanges();
+        selection?.addRange(range);
+        element.focus();
+    };
+    const getTextNodes = (element) => {
+        const nodes = [];
+        const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT, null);
+        let node;
+        while ((node = walker.nextNode())) {
+            nodes.push(node);
+        }
+        return nodes;
+    };
+    const handleInputChange = (e) => {
+        const text = e.currentTarget.innerText.split('\n').join('');
+        setInputValue(text);
+        undoStack.current.push(text);
+        redoStack.current = [];
+        if (required && !text.trim()) {
+            e.currentTarget.classList.add('ff_required_empty');
+        }
+        else {
+            e.currentTarget.classList.remove('ff_required_empty');
+        }
+        if (type === 'url') {
+            const urlPattern = new RegExp('^(https?://)?([\\w.-]+)\\.([a-zA-Z]{2,})(/([\\w.-]+|\\$\\{[\\w.-]+\\}))*/?$');
+            if (!urlPattern.test(text)) {
+                e.currentTarget.classList.add('ff_invalid_input');
+            }
+            else {
+                e.currentTarget.classList.remove('ff_invalid_input');
+                e.currentTarget.classList.remove('ff_required_empty');
+            }
+        }
+        else {
+            e.currentTarget.classList.add('ff_invalid_input');
+        }
+        if (onChange) {
+            onChange(text);
+        }
+        const match = /\$\{(\w*)$/.exec(text);
+        if (match) {
+            const query = match[1];
+            const filteredSuggestions = list?.filter((item) => item.startsWith(query ?? ''));
+            setSuggestions(filteredSuggestions);
+            setShowSuggestions(true);
+        }
+        else {
+            setShowSuggestions(false);
+        }
+    };
+    const handleKeyDown = (e) => {
+        const cursorPos = getCursorPosition();
+        setCursorPosition(cursorPos);
+        setIsAddingText(true);
+        const currentText = contentEditableRef.current
+            ? contentEditableRef.current.textContent || ''
+            : '';
+        if (e.key === 'Backspace' || e.key === 'Delete') {
+            setIsAddingText(false);
+            if (!currentText.trim()) {
+                e.preventDefault();
+                if (contentEditableRef.current) {
+                    contentEditableRef.current.textContent = '';
+                    contentEditableRef.current.blur();
+                }
+                return;
+            }
+        }
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            insertTextAtCursor('\n');
+        }
+        else if (e.ctrlKey && e.key === 'z') {
+            e.preventDefault();
+            undo();
+        }
+        else if (e.ctrlKey && e.key === 'y') {
+            e.preventDefault();
+            redo();
+        }
+        if (onKeyDown) {
+            onKeyDown(e);
+        }
+    };
+    const getCursorPosition = () => {
+        const selection = window.getSelection();
+        if (selection && selection.rangeCount > 0) {
+            const range = selection.getRangeAt(0);
+            return range.startOffset;
+        }
+        return 0;
+    };
+    const undo = () => {
+        if (undoStack.current.length > 1) {
+            redoStack.current.push(undoStack.current.pop());
+            setInputValue(undoStack.current[undoStack.current.length - 1] ?? '');
+            setIsAddingText(false);
+        }
+    };
+    const redo = () => {
+        if (redoStack.current.length > 0) {
+            const textToRedo = redoStack.current.pop();
+            setInputValue(textToRedo);
+            undoStack.current.push(textToRedo);
+            setIsAddingText(true);
+        }
+    };
+    const insertTextAtCursor = (text) => {
+        const selection = window.getSelection();
+        const range = selection?.getRangeAt(0);
+        if (range) {
+            range.deleteContents();
+            const newTextNode = document.createTextNode(text);
+            range.insertNode(newTextNode);
+            const lineBreak = document.createElement('br');
+            range.insertNode(lineBreak);
+            range.setStartAfter(lineBreak);
+            range.collapse(true);
+            selection?.removeAllRanges();
+            selection?.addRange(range);
+            contentEditableRef.current?.focus();
+            setInputValue(contentEditableRef.current?.innerText || '');
+        }
+    };
+    const handleSuggestionClick = (suggestion) => {
+        const newText = inputValue.replace(/\$\{\w*$/, `\$\{${suggestion}`);
+        setInputValue(newText);
+        setShowSuggestions(false);
+    };
+    useEffect(() => {
+        updateContentEditable();
+    }, [inputValue]);
+    const inputClasses = classNames('ff_content_editable', {
+        ['ff_placeholder']: !inputValue,
+        ['ff_disabled']: disabled,
+        ['ff_required']: required,
+        ['ff_invalid_input']: error,
+    });
+    return (_jsxs("div", { className: 'ff_variable_input_container', children: [label && (_jsxs("label", { htmlFor: name, className: classNames('ff_label_container', {
+                    ['ff_labelDanger']: error,
+                }), children: [required && (_jsx(Typography, { className: 'ff_required_asterisk', children: "*" })), _jsx(Typography, { className: classNames('ff_input_label', {
+                            ['ff_no_hover']: value,
+                            ['ff_disabled_label']: disabled,
+                            ['ff_danger_label']: error,
+                        }), children: label })] })), _jsx("div", { id: name, contentEditable: !disabled, ref: contentEditableRef, onInput: handleInputChange, onKeyDown: handleKeyDown, onFocus: (e) => {
+                    e.currentTarget.style.outline = 'none';
+                    if (onFocus)
+                        onFocus(e);
+                }, onBlur: (e) => {
+                    e.currentTarget.style.outline = 'none';
+                    if (onBlur)
+                        onBlur(e);
+                    if (required && !inputValue.trim()) {
+                        e.currentTarget.classList.add('ff_required_empty');
+                    }
+                    else {
+                        e.currentTarget.classList.remove('ff_required_empty');
+                    }
+                }, className: inputClasses, suppressContentEditableWarning: true, "aria-required": required ? 'true' : 'false', "data-name": name, "data-type": type, "data-placeholder": placeholder, spellCheck: false, ...props }), showSuggestions && (_jsx("ul", { className: 'ff_suggestions', children: suggestions.map((suggestion) => (_jsx("li", { onClick: () => handleSuggestionClick(suggestion), className: 'ff_suggestion_item', children: suggestion }, suggestion))) }))] }));
+};
+export default VariableInput;
+//# sourceMappingURL=VariableInput.js.map

package/lib/components/VariableInput/VariableInput.js.map

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

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

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

package/lib/components/VariableInput/index.js

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

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

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

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

@@ -0,0 +1,53 @@
+export interface VariableInputProps {
+    /**
+     * Name | name of the input field
+     */
+    name: string;
+    /**
+     * Label | field label to be displayed
+     */
+    label: string;
+    /**
+     * value | input field value
+     */
+    value: string | null;
+    /**
+     * 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;
+    /**
+     * to disable the input field
+     */
+    disabled?: boolean;
+    /**
+     * if true, input field will be mandatory
+     */
+    required?: boolean;
+    /**
+     * placeholder for the input field
+     */
+    placeholder?: string;
+    /**
+     * classnames to style the input field
+     */
+    className?: string;
+    /**
+     * onChange, onKeyDown, onBlur, onFocus actions
+     */
+    onChange?: (value: string) => void | undefined;
+    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;
+    /**
+     * list of variables
+     */
+    list?: string[];
+}

package/lib/components/VariableInput/types.js

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

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

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

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

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

package/lib/components/variableSuggestionInputDropDown/OptionsDropdown.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import cx from 'classnames';
+import './VariableSuggestionInputDropDown.scss';
+import Typography from '../Typography';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+import { truncateText } from '../../utils/truncateText/truncateText';
+const OptionsDropdown = ({ onSelectVariable, dropdownPosition, filteredOptions = [], position = 'relative', width = '100%', zIndex, truncateTextValue = 34, }) => {
+    return (_jsx("div", { className: cx(`ff-variable-dropdown ${position}`), style: dropdownPosition
+            ? {
+                top: dropdownPosition.top + 30,
+                left: dropdownPosition.left - 30,
+                width,
+                zIndex
+            }
+            : { width, zIndex }, children: !checkEmpty(filteredOptions) ? filteredOptions?.map((option) => {
+            return (_jsx("div", { className: "ff-variable-option", onClick: () => onSelectVariable(option), children: _jsx(Typography, { as: "span", fontSize: 14, children: truncateText(option?.name, truncateTextValue) }) }, option?.id));
+        }) : (_jsx("div", { className: "ff-variable-option", children: _jsx(Typography, { as: 'div', children: 'No Option', fontSize: 14 }) })) }));
+};
+export default OptionsDropdown;
+//# sourceMappingURL=OptionsDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsDropdown.js","sourceRoot":"","sources":["../../../src/components/variableSuggestionInputDropDown/OptionsDropdown.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,wCAAwC,CAAC;AAChD,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAErE,MAAM,eAAe,GAA4B,CAAC,EAC9C,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,GAAE,EAAE,EACnB,QAAQ,GAAG,UAAU,EACrB,KAAK,GAAG,MAAM,EACd,MAAM,EACN,iBAAiB,GAAC,EAAE,GACrB,EAAa,EAAE;IACd,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,wBAAwB,QAAQ,EAAE,CAAC,EACjD,KAAK,EACH,gBAAgB;YACd,CAAC,CAAC;gBACE,GAAG,EAAE,gBAAgB,CAAC,GAAG,GAAG,EAAE;gBAC9B,IAAI,EAAE,gBAAgB,CAAC,IAAI,GAAG,EAAE;gBAChC,KAAK;gBACL,MAAM;aACP;YACH,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,YAGtB,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA,CAAC,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC,MAAqB,EAAa,EAAE;YACvF,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,YAAY,CAAC,MAAM,EAAE,IAAI,EAAC,iBAAiB,CAAC,GAClC,IAJR,MAAM,EAAE,EAAE,CAKX,CACP,CAAC;QACJ,CAAC,CAAC,CAAC,CAAC,CAAC,CACH,cACI,SAAS,EAAC,oBAAoB,YAE9B,KAAC,UAAU,IAAC,EAAE,EAAC,KAAK,EAAC,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAE,EAAE,GAAI,GACtD,CAET,GACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,eAAe,eAAe,CAAC"}

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

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

package/lib/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, Fragment as _Fragment, 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';
+const VariableSuggestionInputDropDown = forwardRef(({ label = '', hashInputValue = '', setHashInputValue, variableList = [], placeholder = 'Enter text', onChange, onCreateVariableClick, handleClearInput, value = '', dropdownWidth = '100%', dropdownHeight = '150px', isHash = false, dataFiles = [], showAddVariableIcon = true, helperText = '', error, autoComplete = 'off', required = false, zIndex = 9999, truncateTextValue = 34, formProps = {}, getSelectedVariable = () => { }, symbol = '$', type = 'text', ...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);
+    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(symbol));
+        }
+        if (value.startsWith('#') && isHash) {
+            const searchQuery = value.slice(1).toLowerCase();
+            const filtered = dataFiles.filter((file) => file.name.toLowerCase().includes(searchQuery));
+            setFilteredOptions(filtered);
+            setShowDropdown(true);
+        }
+    }, [value]);
+    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 (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);
+            }
+        }
+    };
+    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: type, value: value, onChange: onChange, variant: "primary", label: label, placeholder: placeholder, onClick: handleClick, onKeyUp: handleKeyUp, onFocus: () => setIsFocused(true), onBlur: (e) => handleBlur(e), autoComplete: autoComplete, helperText: helperText, error: error, required: required, ...formProps }), !checkEmpty(value) &&
+                        !isHash &&
+                        showCreateVariableIcon &&
+                        showAddVariableIcon && (_jsxs(_Fragment, { children: [_jsx(Icon, { onClick: handleClearInput, name: "close", height: 16, width: 16, hoverEffect: true }), _jsx(Icon, { onClick: onCreateVariableClick, name: "variable", height: 16, width: 16, hoverEffect: true })] }))] }), result?.showDropdown && isFocused && (_jsx(VariableDropdown, { position: "absolute", zIndex: zIndex, truncateTextValue: truncateTextValue, width: dropdownWidth, height: dropdownHeight, optionsList: variableList.filter((file) => file.name.toLowerCase().includes(result?.searchString)), onSelectVariable: handleDropdownClick })), showDropdown && isHash && (_jsx(OptionsDropdown, { position: "relative", zIndex: zIndex, truncateTextValue: truncateTextValue, width: dropdownWidth, 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"}