pixel-react-excel-sheet 1.2.0 → 1.2.2

package/lib/components/Drawer/Drawer.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createPortal } from 'react-dom';
+import Button from '../Button/Button.js';
+import classNames from 'classnames';
+import './Drawer.scss';
+import { useContext, useEffect, useRef, useState } from 'react';
+import Icon from '../Icon';
+import useEscapeKey from '../../hooks/keyboardevents/useEscKeyEvent.js';
+import { ThemeContext } from '../ThemeProvider/ThemeProvider.js';
+import Tooltip from '../Tooltip/Tooltip.js';
+import useClickOutside from '../../hooks/useClickOutside.js';
+import { cleanAllTooltips } from './../../utils/cleanAllTooltips/cleanAllTooltips';
+const Drawer = ({ isOpen = true, children = 'Drawer content area', onClose = () => { }, onBackButtonClick = () => { }, title = 'drawer', primaryButtonProps = {}, secondaryButtonProps = {}, leftPrimaryButtonProps = {}, leftSecondaryButtonProps = {}, showEditButton = false, showTransition = true, onEdit = () => { }, onCollapse = () => { }, overlay = false, isFooterRequired = true, footerContent = null, size = 'medium', _isExpanded = false, isBackButtonVisible = false, _isCloseModalButtonVisible = true, showHeader = true, isScrollBar = true, backButtonIcon, onCloseIconClick, customHeader, customFooter, leftTertiaryButtonProps = {}, rightTertiaryButtonProps = {}, zIndex, top = '89px', height, width, right = '5px', overflow, isClickOutside, ignoreRefs, noHeaderBorder = false, direction = 'right', }) => {
+    const containerRef = useRef(null);
+    useClickOutside(containerRef, () => {
+        cleanAllTooltips();
+        const openDrawers = document.querySelectorAll('.ff-drawer');
+        const lastDrawer = openDrawers[openDrawers.length - 1];
+        if (lastDrawer &&
+            lastDrawer.contains(containerRef.current) &&
+            isClickOutside) {
+            onClose();
+        }
+    }, ignoreRefs);
+    const [isExpanded, setIsExpanded] = useState(false);
+    const [delayedOpen, setDelayedOpen] = useState(false);
+    // useKeyboardActions([{ key: 'Escape', action: onClose }]);
+    const handelClose = useEscapeKey('Escape');
+    handelClose(() => {
+        cleanAllTooltips();
+        onClose();
+    });
+    const toggleExpand = () => {
+        setIsExpanded((prev) => {
+            onCollapse(!prev);
+            return !prev;
+        });
+    };
+    const onCancel = () => {
+        if (secondaryButtonProps.onClick) {
+            secondaryButtonProps.onClick();
+        }
+        else {
+            onClose();
+        }
+    };
+    useEffect(() => {
+        closeModal();
+    }, [isOpen]);
+    const closeModal = () => {
+        if (!isOpen) {
+            setTimeout(() => {
+                return null;
+            }, 1000);
+        }
+    };
+    useEffect(() => {
+        if (isOpen) {
+            cleanAllTooltips();
+            setTimeout(() => setDelayedOpen(true), 200);
+        }
+        else {
+            setDelayedOpen(false);
+        }
+    }, [isOpen]);
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            if (e.key === 'Enter' &&
+                isOpen &&
+                primaryButtonProps?.onClick &&
+                !primaryButtonProps.disabled) {
+                const activeElement = document.activeElement;
+                const isSpecialInput = ['ff-add-module-input', 'ff-search-input'].some((className) => activeElement?.classList?.contains(className) ||
+                    activeElement?.closest(`.${className}`));
+                if (isSpecialInput) {
+                    return;
+                }
+                primaryButtonProps.onClick();
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [isOpen, primaryButtonProps]);
+    const drawerSize = isExpanded ? 'x-large' : size;
+    const themeContext = useContext(ThemeContext);
+    const currentTheme = themeContext?.currentTheme;
+    const transitionDuration = !showTransition ? '0s' : '0.4s';
+    const getDefaultZIndex = (size) => {
+        const zIndexMap = {
+            small: 1100,
+            medium: 1050,
+            large: 1000,
+            'x-large': 950,
+        };
+        return zIndexMap[size] ?? 1050;
+    };
+    const computedZIndex = zIndex ?? getDefaultZIndex(size);
+    return createPortal(_jsxs("div", { className: classNames('ff-drawer-container', currentTheme), children: [overlay && (_jsx("div", { className: 'ff-overlay', style: { zIndex: computedZIndex } })), _jsxs("div", { ref: containerRef, className: classNames('ff-drawer', `ff-drawer--${drawerSize}`, {
+                    'ff-drawer--open': delayedOpen,
+                    'ff-drawer--left': direction === 'left',
+                }), style: {
+                    zIndex: computedZIndex,
+                    top: top,
+                    height,
+                    width,
+                    ...(direction === 'left'
+                        ? { left: '5px', right: 'auto' }
+                        : { right: right ?? '5px' }),
+                    overflow,
+                    transition: `all ${transitionDuration} ease-in-out`,
+                }, children: [showHeader && (_jsx("div", { className: classNames('ff-drawer-header', {
+                            'ff-custom-header': customHeader,
+                            'no-header-border': noHeaderBorder,
+                        }), style: { zIndex: computedZIndex }, children: customHeader ? (_jsx("div", { className: classNames('ff-custom-header', {
+                                'no-header-border': noHeaderBorder,
+                            }), children: customHeader })) : (_jsxs("div", { className: "ff-drawer-action-section", children: [_jsxs("div", { className: "ff-action-button", children: [showEditButton && (_jsxs("button", { className: "ff-expand-collapse-button", onClick: onEdit, children: [_jsx(Icon, { name: "logo", height: 16, width: 16 }), "Edit"] })), _isExpanded && (_jsx(Tooltip, { title: isExpanded ? 'Minimize' : 'Maximize', placement: "bottom", children: _jsx("div", { className: "ff-expand-collapse-button", onClick: toggleExpand, children: _jsx(Icon, { name: isExpanded ? 'maximize_tree' : 'minimize_tree', height: 16, width: 16, hoverEffect: true, cursorType: "pointer" }) }) })), isBackButtonVisible &&
+                                            (backButtonIcon || (_jsx(Tooltip, { title: "Back", children: _jsx(Icon, { name: "back_icon", height: 16, width: 16, hoverEffect: true, onClick: onBackButtonClick }) }))), title && _jsx("div", { className: "ff-drawer-title", children: title })] }), _isCloseModalButtonVisible && (_jsx("div", { className: "ff-close-icon", children: _jsx(Tooltip, { title: "Close", children: _jsx(Icon, { name: "drawer_icon_close", onClick: onCloseIconClick || onClose, height: 16, width: 16, color: "var(--tabs-label-active-color)", cursorType: "pointer" }) }) }))] })) })), _jsxs("div", { className: classNames({
+                            'ff-drawer-body-with-scroll': isScrollBar,
+                            'ff-drawer-body': !isScrollBar,
+                            'no-footer': !isFooterRequired,
+                        }), children: [' ', children] }), isFooterRequired && (_jsx("div", { className: classNames('ff-drawer-footer', {
+                            'ff-custom-footer': customFooter,
+                        }), style: {
+                            zIndex: computedZIndex,
+                        }, children: customFooter || footerContent || (_jsxs(_Fragment, { children: [_jsxs("div", { className: "button-container", children: [leftSecondaryButtonProps.label && (_jsx(Button, { onClick: leftPrimaryButtonProps.onClick, variant: "secondary", transparentBackground: true, ...leftSecondaryButtonProps })), leftPrimaryButtonProps.label && (_jsx(Button, { onClick: leftPrimaryButtonProps.onClick, variant: "primary", transparentBackground: true, ...leftPrimaryButtonProps })), leftTertiaryButtonProps?.label && (_jsx(Button, { onClick: leftTertiaryButtonProps.onClick, variant: "tertiary", transparentBackground: true, ...leftTertiaryButtonProps }))] }), _jsxs("div", { className: "button-container", children: [rightTertiaryButtonProps?.label && (_jsx(Button, { onClick: rightTertiaryButtonProps.onClick, variant: "tertiary", transparentBackground: true, ...rightTertiaryButtonProps })), secondaryButtonProps.label && (_jsx(Button, { onClick: onCancel, variant: "secondary", transparentBackground: true, ...secondaryButtonProps })), primaryButtonProps.label && (_jsx(Button, { onClick: primaryButtonProps.onClick, variant: "primary", transparentBackground: true, ...primaryButtonProps }))] })] })) }))] })] }), document.body);
+};
+export default Drawer;
+//# sourceMappingURL=Drawer.js.map

package/lib/components/Drawer/Drawer.js.map

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

package/lib/components/Drawer/Types.d.ts

@@ -1,5 +1,9 @@
 import { ReactNode } from 'react';
 export interface BtnPropsCommon {
+    /**
+     * Variant of the button
+     */
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'delete' | 'warning' | 'custom' | 'danger' | string;
     /**
      * Label for the button
      */
@@ -12,6 +16,17 @@ export interface BtnPropsCommon {
      * Onclick function for button
      */
     onClick?: () => void;
+    /**
+     * Button type
+     * @default 'button'
+     * @example 'submit'
+     * @example 'button'
+     */
+    type?: 'button' | 'submit';
+    /**
+     *  form to accept id of form in string format
+     */
+    form?: string;
 }
 export interface DrawerProps {
     /**
@@ -23,17 +38,21 @@ export interface DrawerProps {
      */
     _isExpanded?: boolean;
     /**
-   * To show and  hide the back button of the Drawer
-   */
+     * To show and  hide the back button of the Drawer
+     */
     isBackButtonVisible?: boolean;
     /**
- * To show and  hide the close button of the Drawer
- */
+     * To show and  hide the close button of the Drawer
+     */
     _isCloseModalButtonVisible?: boolean;
     /**
      * Function to close the drawer
      */
     onClose?: () => void;
+    /**
+     * Function to go back in the drawer
+     */
+    onBackButtonClick?: () => void;
     /**
      * Size of the drawer medium = 550px large = 850px
      */
@@ -50,6 +69,10 @@ export interface DrawerProps {
      * To show the edit button on the header
      */
     showEditButton?: boolean;
+    /**
+     * To show the transition effect while the drawer comes
+     */
+    showTransition?: boolean;
     /**
      * Primary | Success button props
      */
@@ -66,6 +89,14 @@ export interface DrawerProps {
      * Left side Secondary | Cancel button props
      */
     leftSecondaryButtonProps?: BtnPropsCommon;
+    /**
+     * Left side Tertiary Button | Help button props
+     */
+    leftTertiaryButtonProps?: BtnPropsCommon;
+    /**
+     * Right side Tertiary Button | More Info button props
+     */
+    rightTertiaryButtonProps?: BtnPropsCommon;
     /**
      * Onclick function for edit button
      */
@@ -97,13 +128,51 @@ export interface DrawerProps {
      */
     onCloseIconClick?: () => void;
     /**
-    * Custom header for the drawer, replacing the default header.
-    * If provided, this will render in place of the default header.
-    */
+     * Custom header for the drawer, replacing the default header.
+     * If provided, this will render in place of the default header.
+     */
     customHeader?: ReactNode;
     /**
-    * Custom footer for the drawer, replacing the default footer.
-    * If provided, this will render in place of the default footer.
-    */
+     * Custom footer for the drawer, replacing the default footer.
+     * If provided, this will render in place of the default footer.
+     */
     customFooter?: ReactNode;
+    /**
+     * Custom z-index for the drawer
+     */
+    zIndex?: number;
+    /**
+     * Custom top for the drawer
+     */
+    top?: string;
+    /**
+     * Height of the drawer
+     */
+    height?: string;
+    /**
+     *
+     * width of the drawer
+     */
+    width?: string;
+    /**
+     * Position from right
+     */
+    right?: string | number;
+    /**
+     * Custom overflow for the drawer
+     */
+    overflow?: string;
+    /**
+     * Callback function returns a boolean value when the drawer is collapsed.
+     */
+    onCollapse?: (value: boolean) => void;
+    /**This optional boolean prop determines whether the drawer body displays a scrollbar when its content overflows. */
+    isScrollBar?: boolean;
+    /**
+     *To  Close the drawer when clicking outside of it.
+     */
+    isClickOutside?: boolean;
+    ignoreRefs?: Array<React.RefObject<HTMLElement>>;
+    noHeaderBorder?: boolean;
+    direction?: 'right' | 'left';
 }

package/lib/components/Drawer/Types.js

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

package/lib/components/Drawer/Types.js.map

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

package/lib/components/Drawer/index.js

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

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

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

package/lib/components/EditLabel/EditLabel.d.ts

@@ -0,0 +1,4 @@
+import './EditLabel.scss';
+import type { EditLabelProps } from './types';
+declare const EditLabel: ({ id, onConfirm, onCancel, handleCustomError, value, label, optionsList, selectedOption, withDropdown, inputFieldWidth, selectFieldWidth, textColor, tooltip, required, isDisable, onClick, highlightText, isEditable, setIsEditable, cursor, isOnBlurTrue, handleOnChange, handleTriggerDoubleClick, truncatedTextCount, truncatedType, confirmIconTooltip, cancelIconTooltip, inlineValidationError, onChangeValidationError, isTableTree, }: EditLabelProps) => import("react/jsx-runtime").JSX.Element;
+export default EditLabel;

package/lib/components/EditLabel/EditLabel.js

@@ -0,0 +1,230 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useRef } from 'react';
+import Icon from '../Icon';
+import Select from '../Select';
+import './EditLabel.scss';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+import classNames from 'classnames';
+import Tooltip from '../Tooltip';
+import Toaster from '../Toast';
+import HighlightText from '../HighlightText';
+import { isTextTruncated, truncateText, } from '../../utils/truncateText/truncateText';
+import Typography from '../Typography';
+import useClickOutside from '../../hooks/useClickOutside';
+const EditLabel = ({ id = '', onConfirm, onCancel, handleCustomError, value = '', label = 'Add Script', optionsList = [], selectedOption = { label: '', value: '' }, withDropdown, inputFieldWidth = 350, selectFieldWidth = 94, textColor = 'var(--nlp-color)', tooltip, required = false, isDisable = { confirm: false, cancel: false, textField: false }, onClick, highlightText = '', isEditable, setIsEditable, cursor = 'pointer', isOnBlurTrue = false, handleOnChange, handleTriggerDoubleClick, truncatedTextCount = 25, truncatedType = 'count', confirmIconTooltip = 'Create', cancelIconTooltip = 'Cancel', inlineValidationError = false, onChangeValidationError = false, isTableTree = false, }) => {
+    const [isEditing, setIsEditing] = useState(!value);
+    const [text, setText] = useState(value ?? '');
+    const [clickTimeout, setClickTimeout] = useState(null);
+    const [showError, setShowError] = useState('');
+    const [toasts, setToasts] = useState({ error: false });
+    const [currentSelectedOption, setCurrentSelectedOption] = useState(selectedOption);
+    const [shouldShowToast, setShouldShowToast] = useState(false);
+    const containerRef = useRef(null);
+    const cancelRef = useRef(null);
+    const confirmRef = useRef(null);
+    const isThrowingError = showError && isEditing ? true : false;
+    const inputRef = useRef(null);
+    const dropdownRef = useRef(null);
+    const isValueFilled = !checkEmpty(text);
+    const handleTextFieldChange = (e) => {
+        const newValue = e.target.value;
+        setText(newValue);
+        if (typeof handleOnChange === 'function') {
+            handleOnChange(e);
+        }
+        if (inlineValidationError && onChangeValidationError && isThrowingError) {
+            const errorMessage = handleCustomError ? handleCustomError(newValue) : '';
+            if (errorMessage) {
+                setShowError(errorMessage);
+            }
+            else {
+                setShowError('');
+            }
+        }
+    };
+    const onDropdownChangeHandler = (option) => {
+        setCurrentSelectedOption(option);
+        inputRef.current?.focus();
+    };
+    const handleDoubleClick = () => {
+        if (isDisable.textField)
+            return;
+        if (clickTimeout) {
+            clearTimeout(clickTimeout);
+            setClickTimeout(null);
+        }
+        setIsEditing(true);
+        setIsEditable && setIsEditable(id);
+        if (handleTriggerDoubleClick) {
+            handleTriggerDoubleClick();
+        }
+    };
+    const handleSingleClick = () => {
+        if (onClick)
+            onClick();
+    };
+    const handleClick = () => {
+        if (clickTimeout) {
+            clearTimeout(clickTimeout);
+            setClickTimeout(null);
+        }
+        const timeout = window.setTimeout(() => {
+            handleSingleClick();
+            setClickTimeout(null);
+        }, 1000);
+        setClickTimeout(timeout);
+    };
+    const handleConfirm = () => {
+        if (isDisable.confirm)
+            return;
+        const errorMessage = handleCustomError ? handleCustomError(text) : '';
+        if (errorMessage) {
+            setShouldShowToast(true);
+            handleToastToggle('error');
+            setShowError(errorMessage);
+            return;
+        }
+        else {
+            setShouldShowToast(false);
+            setToasts({ error: false });
+            setIsEditing(false);
+            setShowError('');
+            if (onConfirm)
+                onConfirm(text, currentSelectedOption);
+            setIsEditable && setIsEditable(null);
+        }
+    };
+    const handleBlur = (event) => {
+        if (withDropdown ||
+            !isOnBlurTrue ||
+            containerRef.current?.contains(event.relatedTarget) ||
+            event.relatedTarget === confirmRef.current ||
+            event.relatedTarget === cancelRef.current) {
+            return;
+        }
+        setIsEditing(false);
+        setText(value);
+        setShowError('');
+        if (onCancel)
+            onCancel();
+        setIsEditable && setIsEditable(null);
+    };
+    const handleOutsideClick = () => {
+        if (!isEditing || !containerRef.current)
+            return;
+        handleCancel();
+    };
+    useClickOutside(containerRef, handleOutsideClick, [
+        confirmRef,
+        cancelRef,
+        dropdownRef,
+    ]);
+    const handleCancel = () => {
+        if (isDisable.cancel)
+            return;
+        if (required && !value) {
+            const errorMessage = handleCustomError ? handleCustomError(text) : '';
+            handleToastToggle('error');
+            setShowError(errorMessage);
+            setShouldShowToast(true);
+            setToasts({ error: true });
+            return;
+        }
+        if (onCancel) {
+            onCancel();
+        }
+        setText(value);
+        setCurrentSelectedOption(selectedOption);
+        setIsEditing(false);
+        setShowError('');
+        setIsEditable && setIsEditable(null);
+        setShouldShowToast(false);
+        setToasts({ error: false });
+    };
+    const handleKeyDown = (event) => {
+        if (event.key === 'Enter' && inputRef.current === document.activeElement) {
+            handleConfirm();
+            event.stopPropagation();
+        }
+        else if (event.key === 'Escape') {
+            handleCancel();
+        }
+    };
+    const handleToastToggle = (key) => {
+        setToasts((prev) => ({ ...prev, [key]: !prev[key] }));
+    };
+    const getTooltipTitle = () => {
+        if (tooltip?.tooltipTitle) {
+            return tooltip.tooltipTitle;
+        }
+        else if (isTextTruncated(text, truncatedTextCount, truncatedType)) {
+            return text;
+        }
+        else {
+            return '';
+        }
+    };
+    const getScrollableParent = (element) => {
+        if (!element)
+            return window;
+        let parent = element.parentElement;
+        while (parent) {
+            const overflowY = window.getComputedStyle(parent).overflowY;
+            if (overflowY === 'auto' || overflowY === 'scroll') {
+                return parent;
+            }
+            parent = parent.parentElement;
+        }
+        return window;
+    };
+    useEffect(() => {
+        if (!containerRef.current || !isEditing)
+            return;
+        const scrollableParent = getScrollableParent(containerRef.current);
+        const handleScroll = () => {
+            !isTableTree && handleCancel();
+        };
+        scrollableParent.addEventListener('scroll', handleScroll, {
+            passive: true,
+        });
+        return () => {
+            scrollableParent.removeEventListener('scroll', handleScroll);
+        };
+    }, [isEditing]);
+    useEffect(() => {
+        if (value) {
+            setText(value);
+        }
+    }, [value]);
+    useEffect(() => {
+        if (setIsEditable) {
+            if (isEditable) {
+                setIsEditing(true);
+            }
+            else {
+                setText(value);
+                setIsEditing(false);
+            }
+        }
+    }, [isEditable]);
+    return (_jsxs("div", { className: 'ff-add-module-container', style: {
+            '--add-module-text-color': textColor,
+            cursor: (isDisable && cursor) || 'pointer',
+        }, ref: containerRef, children: [isEditing && (setIsEditable ? isEditable : true) ? (_jsxs("div", { className: "ff-add-module-edit-container", children: [_jsxs("fieldset", { className: classNames('ff-add-module-input-with-dropdown', {
+                            'ff-add-module-input-with-dropdown--danger': isThrowingError && inlineValidationError,
+                        }), children: [_jsxs("div", { className: classNames('ff-add-module-input-container', {
+                                    'ff-add-module-input-container--float': isValueFilled,
+                                }), style: { width: inputFieldWidth }, children: [_jsxs("label", { className: "ff-add-module-label-container", htmlFor: "add-module-input", children: [required && _jsx("span", { className: "required-asterisk", children: "*" }), _jsx("span", { className: classNames('ff-add-module-label', {
+                                                    'ff-input-label--no-hover': !!text,
+                                                }), children: label })] }), _jsx("input", { ref: inputRef, id: "add-module-input", name: "add-module-input", type: "text", className: classNames('ff-add-module-input', {
+                                            'ff-add-module-input--border-right': !!withDropdown,
+                                        }), onChange: handleTextFieldChange, value: text, required: required, onBlur: handleBlur, disabled: isDisable.textField, onKeyDown: handleKeyDown, autoFocus: true, autoComplete: "off" })] }), withDropdown && (_jsx(Select, { dropDownRef: dropdownRef, optionsList: optionsList, selectedOption: currentSelectedOption, showLabel: false, showBorder: false, onChange: onDropdownChangeHandler, optionZIndex: 9999, width: selectFieldWidth, height: 24, className: "ff-add-module-dropdown", selectedOptionColor: "var(--nlp-color)", tooltip: true, showToolTip: true })), withDropdown && (_jsx(Select, { dropDownRef: dropdownRef, optionsList: optionsList, selectedOption: currentSelectedOption, showLabel: false, showBorder: false, onChange: onDropdownChangeHandler, optionZIndex: 9999, width: selectFieldWidth, height: 24, className: "ff-add-module-dropdown", selectedOptionColor: "var(--nlp-color)", tooltip: true, showToolTip: true }))] }), _jsxs("div", { className: "ff-module-icon-container", children: [_jsx(Tooltip, { title: confirmIconTooltip, placement: 'bottom', children: _jsx(Icon, { className: "icons", name: "update_icon", onClick: () => !isDisable.confirm && handleConfirm(), color: isDisable.confirm
+                                        ? 'var(--default-color)'
+                                        : 'var(--label-edit-confirm-icon)', height: 16, width: 16, ref: confirmRef, tabIndex: -1, disabled: isDisable?.confirm }) }), _jsx(Tooltip, { title: cancelIconTooltip, placement: 'bottom', children: _jsx(Icon, { className: "icons", name: "edit_label_close", onClick: () => !isDisable.cancel && handleCancel(), color: isDisable.cancel
+                                        ? 'var(--default-color)'
+                                        : 'var(--label-edit-cancel-icon)', height: 12, width: 12, ref: cancelRef, tabIndex: -1, disabled: isDisable?.cancel }) })] })] })) : (_jsx(Tooltip, { title: isTextTruncated(text, truncatedTextCount, truncatedType)
+                    ? getTooltipTitle()
+                    : '', placement: tooltip?.tooltipPlacement ?? 'bottom', children: _jsx("span", { className: 'ff-add-module-display-text', style: { cursor: (isDisable?.textField && cursor) || 'pointer' }, onDoubleClick: handleDoubleClick, role: "button", onClick: handleClick, children: checkEmpty(highlightText) ? (truncateText(text, truncatedTextCount, truncatedType)) : (_jsx(HighlightText, { text: truncateText(text, truncatedTextCount, truncatedType), highlight: truncateText(highlightText, truncatedTextCount, truncatedType) })) }) })), inlineValidationError && showError && isEditing && (_jsx(Typography, { as: "p", fontSize: 8, className: "error-text", children: showError })), !inlineValidationError && shouldShowToast && !!showError && (_jsx(Toaster, { isOpen: toasts.error, variant: "info", toastTitle: "Info!", toastMessage: showError, onCancelClick: () => handleToastToggle('error'), zIndex: 2000000 }))] }));
+};
+export default EditLabel;
+//# sourceMappingURL=EditLabel.js.map

package/lib/components/EditLabel/EditLabel.js.map

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

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

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

package/lib/components/EditLabel/index.js

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

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

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

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

@@ -0,0 +1,45 @@
+export interface EditLabelProps {
+    onConfirm?: (_text: string, _selectedOption?: Option) => void;
+    onCancel?: () => void;
+    onClick?: () => void;
+    handleCustomError?: (inputText: string) => string;
+    value?: string;
+    label?: string;
+    optionsList?: Option[];
+    selectedOption?: Option;
+    withDropdown?: boolean;
+    inputFieldWidth?: number;
+    selectFieldWidth?: number;
+    textColor?: string;
+    required?: boolean;
+    isDisable?: DisabledOptions;
+    tooltip?: {
+        tooltipTitle?: string;
+        tooltipPlacement?: 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+    };
+    highlightText?: string;
+    id?: string;
+    isEditable?: boolean;
+    setIsEditable?: (id: string | null) => void;
+    cursor?: string;
+    isOnBlurTrue?: boolean;
+    handleOnChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleTriggerDoubleClick?: () => void;
+    truncatedTextCount?: number;
+    confirmIconTooltip?: string;
+    cancelIconTooltip?: string;
+    inlineValidationError?: boolean;
+    onChangeValidationError?: boolean;
+    truncatedType?: 'count' | 'pixel';
+    isTableTree?: boolean;
+}
+type OptionValue = any;
+type DisabledOptions = {
+    confirm?: boolean;
+    cancel?: boolean;
+    textField?: boolean;
+};
+export interface Option {
+    [key: string]: OptionValue;
+}
+export {};

package/lib/components/EditLabel/types.js

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

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

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

package/lib/components/EditTextField/EditTextField.d.ts

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