pixel-react 1.11.22 → 1.11.24

package/lib/components/Comments/Comments.js

@@ -0,0 +1,271 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback, useRef } from 'react';
+import './Comments.scss';
+import Icon from '../Icon';
+import { ffid } from '../../utils/ffID/ffid';
+import ChildComment from './childComment/ChildComment';
+import useNode from './childComment/useNode';
+import Typography from '../Typography';
+import Tooltip from '../Tooltip';
+import MentionUser from './mentionUser/MentionUser';
+import { formatUserDetails, findUserByName } from './commentCommonUtils';
+import { DETECT_MENTIONED_USERNAME_AFTER_SPACE, DETECT_MENTIONED_USERNAME_AFTER_SPACE_SPECIAL_CHARS_ALLOWED, } from '../../../src/validations/regex';
+const Comments = ({ commentsData, handleAddComment, handleEditComment, handleDeleteComment, onCommentsDataChange, currentUser, isDisable = false, userDetails, }) => {
+    const [input, setInput] = useState('');
+    const [commentData, setCommentsData] = useState([]);
+    const [hasAtSymbol, setHasAtSymbol] = useState(false);
+    const [usersObj, setUsersObj] = useState([]);
+    const [userEmail, setUserEmail] = useState([]);
+    const [mentionPosition, setMentionPosition] = useState({ top: 0, left: 0 });
+    const [scrollY, setScrollY] = useState(0);
+    const textareaRef = useRef(null);
+    const selectSectionRef = useRef(null);
+    useEffect(() => {
+        const formattedUsersDetails = formatUserDetails(userDetails);
+        setUsersObj(formattedUsersDetails);
+    }, [userDetails]);
+    const findNode = (nodes, id) => {
+        for (const node of nodes) {
+            if (node.id === id)
+                return node;
+            const found = findNode(node.comments, id);
+            if (found)
+                return found;
+        }
+        return null;
+    };
+    useEffect(() => {
+        if (commentsData) {
+            setCommentsData(commentsData);
+        }
+    }, [commentsData]);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (selectSectionRef.current &&
+                !selectSectionRef.current.contains(event.target)) {
+                setHasAtSymbol(false);
+                setInput((existingTexts) => {
+                    const splittedWords = existingTexts.split(' ');
+                    if (splittedWords.length > 0 &&
+                        splittedWords?.[splittedWords?.length - 1]?.startsWith('@')) {
+                        return splittedWords.slice(0, -1).join(' ');
+                    }
+                    return existingTexts;
+                });
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, []);
+    const { insertNode, editNode, deleteNode } = useNode();
+    const handleInsertNode = (parentId, text, emailIds) => {
+        if (!text.trim())
+            return;
+        const newComment = {
+            id: ffid(),
+            description: text,
+            commentParentId: parentId,
+            emailId: emailIds,
+            comments: [],
+            createdBy: currentUser?.createdBy,
+            modifiedBy: currentUser?.modifiedBy,
+            createdByUname: currentUser?.createdByUname,
+            modifiedByUname: currentUser?.modifiedByUname,
+            createdOn: new Date().toISOString(),
+            modifiedOn: new Date().toISOString(),
+        };
+        setCommentsData((prevComments) => insertNode(prevComments, parentId, newComment));
+        if (handleAddComment)
+            handleAddComment(newComment, findNode(commentData, parentId));
+    };
+    const handleEditNode = useCallback((commentId, value, mentionedUsersEmail) => {
+        const updatedTree = editNode(commentData, commentId, value);
+        setCommentsData(updatedTree);
+        const updatedNode = findNode(updatedTree, commentId);
+        if (handleEditComment)
+            handleEditComment(commentId, value, updatedNode, mentionedUsersEmail);
+    }, [commentData, editNode, handleEditComment]);
+    const handleDeleteNode = useCallback(async (commentId) => {
+        try {
+            if (handleDeleteComment) {
+                const response = await handleDeleteComment(commentId);
+                if (response?.success) {
+                    const updatedTree = deleteNode(commentData, commentId);
+                    setCommentsData(updatedTree);
+                }
+            }
+        }
+        catch (error) {
+            console.error("Error deleting comment:", error);
+        }
+    }, [deleteNode, handleDeleteComment]);
+    useEffect(() => {
+        if (onCommentsDataChange) {
+            onCommentsDataChange(commentData);
+        }
+    }, [commentData, onCommentsDataChange]);
+    const handleAddNewComment = () => {
+        if (!input.trim())
+            return;
+        const newComment = {
+            id: ffid(),
+            description: input,
+            comments: [],
+            createdBy: currentUser?.createdBy,
+            modifiedBy: currentUser?.modifiedBy,
+            createdByUname: currentUser?.createdByUname,
+            modifiedByUname: currentUser?.modifiedByUname,
+            createdOn: new Date().toISOString(),
+            modifiedOn: new Date().toISOString(),
+            commentParentId: '',
+            emailId: userEmail,
+        };
+        setCommentsData((prev) => [...prev, newComment]);
+        if (handleAddComment)
+            handleAddComment(newComment, null);
+        setInput('');
+    };
+    const getCaretCoordinates = (element, position) => {
+        const div = document.createElement('div');
+        const copyStyle = getComputedStyle(element);
+        div.style.cssText = `
+      position: absolute;
+      visibility: hidden;
+      white-space: pre-wrap;
+      word-wrap: break-word;
+      overflow: auto;
+      width: ${element.offsetWidth}px;
+      height: ${element.offsetHeight}px;
+      font-family: ${copyStyle.fontFamily};
+      font-size: ${copyStyle.fontSize};
+      padding: ${copyStyle.padding};
+      border: ${copyStyle.border};
+      box-sizing: ${copyStyle.boxSizing};
+      line-height: ${copyStyle.lineHeight};
+    `;
+        div.scrollTop = element.scrollTop;
+        div.scrollLeft = element.scrollLeft;
+        document.body.appendChild(div);
+        const text = element.value.slice(0, position);
+        div.textContent = text || '.';
+        const span = document.createElement('span');
+        span.textContent = '.';
+        div.appendChild(span);
+        const spanRect = span.getBoundingClientRect();
+        document.body.removeChild(div);
+        return {
+            top: spanRect.top,
+            left: spanRect.left,
+        };
+    };
+    const updateMentionPosition = useCallback(() => {
+        if (!textareaRef.current)
+            return;
+        const caretPosition = textareaRef.current.selectionStart;
+        const textBeforeCaret = input.slice(0, caretPosition);
+        const hasCaretSymbol = textBeforeCaret.match(DETECT_MENTIONED_USERNAME_AFTER_SPACE);
+        setHasAtSymbol(!!hasCaretSymbol);
+        const caretCoords = getCaretCoordinates(textareaRef.current, caretPosition);
+        const topAdjustment = scrollY > 10 ? 75 : 0;
+        setMentionPosition({
+            top: caretCoords.top + window.scrollY - 625 - topAdjustment,
+            left: window.scrollX + caretCoords.left + 20,
+        });
+    }, [input]);
+    useEffect(() => {
+        const handleScroll = () => {
+            updateMentionPosition();
+        };
+        window.addEventListener('scroll', handleScroll, true);
+        return () => {
+            window.removeEventListener('scroll', handleScroll, true);
+        };
+    }, [updateMentionPosition]);
+    const textAreaInputChange = (e) => {
+        const textAreaValue = e.target.value;
+        setInput(textAreaValue);
+        updateMentionPosition();
+        const mentionedUserNames = textAreaValue.match(/@\S+/g) || [];
+        const mentionedUserEmails = mentionedUserNames
+            .map((name) => {
+            return findUserByName(name, usersObj);
+        })
+            .filter((email) => email !== null);
+        setUserEmail(mentionedUserEmails);
+        const caretPosition = e.target.selectionStart;
+        const textBeforeCaret = textAreaValue.slice(0, caretPosition);
+        const hasExplicitAtSymbol = textBeforeCaret.endsWith('@') || textBeforeCaret.match(/(?:^|\s)@$/);
+        setHasAtSymbol(!!hasExplicitAtSymbol);
+    };
+    const optionClicked = (name) => {
+        if (!textareaRef.current)
+            return;
+        const caretPosition = textareaRef.current.selectionStart;
+        const textBeforeCaret = input.slice(0, caretPosition);
+        const mentionNameMatch = textBeforeCaret.match(DETECT_MENTIONED_USERNAME_AFTER_SPACE);
+        if (mentionNameMatch) {
+            const mentionNameStart = textBeforeCaret.lastIndexOf(mentionNameMatch[1] ?? '');
+            const remainingText = input.slice(caretPosition);
+            const mentionedUserName = `@${name.replace(/\s+/g, '')}`;
+            const newText = input.slice(0, mentionNameStart) + mentionedUserName + remainingText;
+            setInput(newText);
+            setHasAtSymbol(false);
+            setTimeout(() => {
+                textareaRef.current?.focus();
+                textareaRef.current?.setSelectionRange(mentionNameStart + mentionedUserName.length + 1, mentionNameStart + mentionedUserName.length + 1);
+            }, 0);
+            setUserEmail(() => {
+                const nameMentionsInText = (newText.match(/@\w+/g) || []).map((word) => word.slice(1));
+                const updatedUserEmails = nameMentionsInText
+                    .map((username) => {
+                    return findUserByName(username, usersObj);
+                })
+                    .filter(Boolean);
+                return updatedUserEmails;
+            });
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === '@') {
+            setHasAtSymbol(true);
+        }
+        else if (e.key === 'Backspace' && textareaRef.current) {
+            const caretPos = textareaRef.current.selectionStart;
+            const textBeforeCaret = input.slice(0, caretPos);
+            if (textBeforeCaret.endsWith('@')) {
+                setHasAtSymbol(false);
+            }
+            const mentionMatch = textBeforeCaret.match(DETECT_MENTIONED_USERNAME_AFTER_SPACE_SPECIAL_CHARS_ALLOWED);
+            if (mentionMatch) {
+                e.preventDefault();
+                const mentionText = mentionMatch[1];
+                const mentionIndex = textBeforeCaret.lastIndexOf(mentionText || '');
+                const updatedInput = input.slice(0, mentionIndex) + input.slice(caretPos);
+                setInput(updatedInput);
+                setHasAtSymbol(false);
+                setUserEmail(() => {
+                    const nameMentionsInText = (updatedInput.match(/@\w+/g) || []).map((word) => word.slice(1));
+                    return nameMentionsInText
+                        .map((username) => {
+                        return findUserByName(username, usersObj);
+                    })
+                        .filter(Boolean);
+                });
+                setTimeout(() => {
+                    textareaRef.current?.setSelectionRange(mentionIndex, mentionIndex);
+                }, 0);
+            }
+        }
+    };
+    const handleScroll = () => {
+        if (textareaRef.current) {
+            setScrollY(textareaRef.current.scrollTop);
+        }
+    };
+    return (_jsxs("div", { className: "ff-comments-container-box", children: [_jsxs("div", { className: "first-comment", children: [_jsx(Typography, { fontWeight: "semi-bold", className: "ff-comment-heading", children: "Comments" }), _jsxs("div", { className: "input-wrapper", children: [_jsx("textarea", { className: "inputContainer_input first_input", rows: 1, autoFocus: true, value: input, onChange: (e) => textAreaInputChange(e), placeholder: "Add Comments", disabled: isDisable, ref: textareaRef, onKeyDown: handleKeyDown, onScroll: handleScroll }), hasAtSymbol && (_jsx("div", { ref: selectSectionRef, id: "mention-user", children: _jsx(MentionUser, { hasAtSymbol: hasAtSymbol, usersObj: usersObj, optionClicked: optionClicked, mentionPosition: mentionPosition }) })), _jsx("span", { className: "reply-comment", children: _jsx(Tooltip, { title: "Add", children: _jsx(Icon, { name: "comment_reply", onClick: handleAddNewComment, hoverEffect: true, disabled: isDisable }) }) })] })] }), commentData.length > 0 &&
+                commentData.map((comment) => (_jsx(ChildComment, { handleInsertNode: handleInsertNode, handleEditNode: handleEditNode, handleDeleteNode: handleDeleteNode, comment: comment, depth: 0, isDisable: isDisable, userDetails: userDetails }, comment.id)))] }));
+};
+export default Comments;
+//# sourceMappingURL=Comments.js.map

package/lib/components/Comments/Comments.js.map

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

package/lib/components/Comments/childComment/ChildComment.d.ts

@@ -0,0 +1,4 @@
+import '../Comments.scss';
+import { CommentProps } from '../type';
+declare const ChildComment: ({ handleInsertNode, handleEditNode, handleDeleteNode, comment, depth, isDisable, userDetails, }: CommentProps) => import("react/jsx-runtime").JSX.Element;
+export default ChildComment;

package/lib/components/Comments/childComment/ChildComment.js

@@ -0,0 +1,232 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback, useRef } from 'react';
+import '../Comments.scss';
+import Icon from '../../Icon';
+import Tooltip from '../../Tooltip';
+import Typography from '../../Typography';
+import MentionUser from '../mentionUser/MentionUser';
+import { DETECT_AT_CHAR_IN_COMMENT, DETECT_AT_CHAR_BETWEEN_STRINGS_IN_COMMENT, DETECT_MENTIONED_USERNAME_BEFORE_CARET, } from '../../../../src/validations/regex';
+import { formatUserDetails, findUserByName } from '../commentCommonUtils';
+const ChildComment = ({ handleInsertNode, handleEditNode, handleDeleteNode, comment, depth = 0, isDisable, userDetails, }) => {
+    const [input, setInput] = useState('');
+    const [editMode, setEditMode] = useState(false);
+    const [showInput, setShowInput] = useState(false);
+    const [expand, setExpand] = useState(true);
+    const [usersObj, setUsersObj] = useState([]);
+    const [hasAtSymbol, setHasAtSymbol] = useState(false);
+    const [mentionedUserEmails, setMentionedUserEmails] = useState([]);
+    const [mentionPosition, setMentionPosition] = useState({ top: 0, left: 0 });
+    const textAreaRef = useRef(null);
+    const mentionRef = useRef(null);
+    useEffect(() => {
+        const formattedUsersDetails = formatUserDetails(userDetails);
+        setUsersObj(formattedUsersDetails);
+    }, [userDetails]);
+    useEffect(() => {
+        const mentionedNames = input.match(DETECT_AT_CHAR_IN_COMMENT) || [];
+        const updatedEmails = mentionedNames
+            .map((name) => {
+            return findUserByName(name, usersObj);
+        })
+            .filter(Boolean);
+        setMentionedUserEmails(updatedEmails);
+    }, [input]);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (mentionRef.current &&
+                !mentionRef.current.contains(event.target) &&
+                textAreaRef.current &&
+                !textAreaRef.current.contains(event.target)) {
+                setHasAtSymbol(false);
+                setInput((prev) => prev.replace(/(?:^|\s)(@\w*)$/, ''));
+            }
+        };
+        if (hasAtSymbol) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [hasAtSymbol]);
+    const { modifiedByUname, createdByUname, modifiedOn, createdOn } = comment || {};
+    const randomPastTime = modifiedOn ?? createdOn ?? new Date().toLocaleString();
+    const firstName = modifiedByUname ?? createdByUname ?? 'Anonymous';
+    const isDepthLimitReached = depth > 2;
+    const avatar = firstName ? firstName.charAt(0).toUpperCase() : 'A';
+    useEffect(() => {
+        if (editMode && comment.description) {
+            setInput(comment.description);
+        }
+    }, [editMode, comment.description]);
+    const handleNewComment = () => {
+        setShowInput(true);
+    };
+    const onAddComment = () => {
+        if (input.trim().length === 0)
+            return;
+        if (editMode) {
+            handleEditNode(comment.id, input, mentionedUserEmails);
+            setShowInput(false);
+            setInput('');
+        }
+        else {
+            setExpand(true);
+            handleInsertNode(comment.id, input, mentionedUserEmails);
+            setShowInput(false);
+            setInput('');
+        }
+        if (editMode)
+            setEditMode(false);
+    };
+    const getCaretCoordinates = (element, position) => {
+        const div = document.createElement('div');
+        const copyStyle = getComputedStyle(element);
+        div.style.cssText = `
+        position: absolute;
+        visibility: hidden;
+        white-space: pre-wrap;
+        word-wrap: break-word;
+        overflow: auto;
+        width: ${element.offsetWidth}px;
+        height: ${element.offsetHeight}px;
+        font-family: ${copyStyle.fontFamily};
+        font-size: ${copyStyle.fontSize};
+        padding: ${copyStyle.padding};
+        border: ${copyStyle.border};
+        box-sizing: ${copyStyle.boxSizing};
+        line-height: ${copyStyle.lineHeight};
+      `;
+        div.scrollTop = element.scrollTop;
+        div.scrollLeft = element.scrollLeft;
+        document.body.appendChild(div);
+        const text = element.value.slice(0, position);
+        div.textContent = text || '.';
+        const span = document.createElement('span');
+        span.textContent = '.';
+        div.appendChild(span);
+        const spanRect = span.getBoundingClientRect();
+        document.body.removeChild(div);
+        return {
+            top: spanRect.top - 20,
+            left: spanRect.left,
+        };
+    };
+    const updateMentionPosition = useCallback(() => {
+        if (!textAreaRef.current)
+            return;
+        const caretPosition = textAreaRef.current.selectionStart;
+        const caretCoords = getCaretCoordinates(textAreaRef.current, caretPosition);
+        setMentionPosition({
+            top: caretCoords.top + window.scrollY - 485,
+            left: window.scrollX + caretCoords.left + 30,
+        });
+    }, [input]);
+    useEffect(() => {
+        const handleScroll = () => {
+            updateMentionPosition();
+        };
+        window.addEventListener('scroll', handleScroll, true);
+        return () => {
+            window.removeEventListener('scroll', handleScroll, true);
+        };
+    }, [updateMentionPosition]);
+    const textAreaInputChange = (e) => {
+        const textAreaValue = e.target.value;
+        setInput(textAreaValue);
+        updateMentionPosition();
+        const mentionedUserNames = textAreaValue.match(/@\S+/g) || [];
+        const mentionedUserEmails = mentionedUserNames
+            .map((name) => {
+            return findUserByName(name, usersObj);
+        })
+            .filter((email) => email !== null);
+        setMentionedUserEmails(mentionedUserEmails);
+        const caretPosition = e.target.selectionStart;
+        const textBeforeCaret = textAreaValue.slice(0, caretPosition);
+        const hasExplicitAtSymbol = textBeforeCaret.endsWith('@') || textBeforeCaret.match(/(?:^|\s)@$/);
+        setHasAtSymbol(!!hasExplicitAtSymbol);
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === '@') {
+            setHasAtSymbol(true);
+        }
+        else if (e.key === 'Backspace' && textAreaRef.current) {
+            const caretPos = textAreaRef.current.selectionStart;
+            const textBeforeCaret = input.slice(0, caretPos);
+            if (textBeforeCaret.endsWith('@')) {
+                setHasAtSymbol(false);
+            }
+            const mentionMatch = textBeforeCaret.match(DETECT_MENTIONED_USERNAME_BEFORE_CARET);
+            if (mentionMatch) {
+                e.preventDefault();
+                const mentionText = mentionMatch[1];
+                const mentionIndex = textBeforeCaret.lastIndexOf(mentionText || '');
+                const updatedInput = input.slice(0, mentionIndex) + input.slice(caretPos);
+                setInput(updatedInput);
+                setHasAtSymbol(false);
+                setMentionedUserEmails(() => {
+                    const nameMentionsInText = (updatedInput.match(/@\w+/g) || []).map((m) => m.slice(1));
+                    return nameMentionsInText
+                        .map((username) => {
+                        return findUserByName(username, usersObj);
+                    })
+                        .filter(Boolean);
+                });
+                setTimeout(() => {
+                    textAreaRef.current?.setSelectionRange(mentionIndex, mentionIndex);
+                }, 0);
+            }
+        }
+    };
+    const optionClicked = (name) => {
+        if (!textAreaRef.current)
+            return;
+        const caretPosition = textAreaRef.current.selectionStart;
+        const textBeforeCaret = input.slice(0, caretPosition);
+        const mentionNameMatch = textBeforeCaret.match(DETECT_AT_CHAR_BETWEEN_STRINGS_IN_COMMENT);
+        if (mentionNameMatch) {
+            const mentionNameStart = textBeforeCaret.lastIndexOf(mentionNameMatch[1] || '');
+            const remainder = input.slice(caretPosition);
+            const mentionedUserName = `@${name.replace(/\s+/g, '')}`;
+            const newText = input.slice(0, mentionNameStart) + mentionedUserName + remainder;
+            setInput(newText);
+            setHasAtSymbol(false);
+            setTimeout(() => {
+                textAreaRef.current?.focus();
+                textAreaRef.current?.setSelectionRange(mentionNameStart + mentionedUserName.length + 1, mentionNameStart + mentionedUserName.length + 1);
+            }, 0);
+            setMentionedUserEmails(() => {
+                const nameMentionsInText = (newText.match(/@\w+/g) || []).map((word) => word.slice(1));
+                const updatedUserEmails = nameMentionsInText
+                    .map((username) => {
+                    return findUserByName(username, usersObj);
+                })
+                    .filter(Boolean);
+                return updatedUserEmails;
+            });
+        }
+    };
+    return (_jsx("div", { className: "commentsContainer", children: _jsxs("div", { className: 'comment-wrapper', children: [_jsxs("div", { className: 'commentContainer', children: [_jsx("div", { className: "commentContainer__avatar", children: avatar }), _jsxs("div", { className: "ff-message-container", children: [_jsxs("div", { className: "ff-message", children: [_jsx("div", { className: "ff-message-name", style: { fontWeight: 600 }, children: firstName }), _jsx("div", { className: "ff-message-time", children: randomPastTime })] }), _jsxs("div", { className: "ff-editable-container", children: [!editMode && _jsx(Typography, { children: comment?.description }), editMode && (_jsxs("div", { className: "inputContainer", children: [_jsx("textarea", { rows: 1, className: "inputContainer_input first_input", value: input, autoFocus: true, placeholder: editMode ? 'Edit comment' : 'Add a comment', ref: textAreaRef, onChange: (e) => textAreaInputChange(e), onKeyDown: handleKeyDown }), hasAtSymbol && (_jsx("div", { ref: mentionRef, children: _jsx(MentionUser, { hasAtSymbol: hasAtSymbol, usersObj: usersObj, optionClicked: optionClicked, mentionPosition: mentionPosition }) })), _jsxs("div", { className: "edit-comment", children: [_jsx("div", { className: "reply", onClick: () => {
+                                                                onAddComment();
+                                                                setEditMode(false);
+                                                                setShowInput(false);
+                                                            }, children: _jsx(Tooltip, { title: editMode ? 'Update' : 'Add', children: _jsx(Icon, { name: "comment_reply", hoverEffect: true }) }) }), _jsx("div", { className: "reply", onClick: () => {
+                                                                setEditMode(false);
+                                                                setShowInput(false);
+                                                                setInput('');
+                                                            }, children: _jsx(Tooltip, { title: editMode ? 'Cancel' : 'Close', children: _jsx(Icon, { name: "close", color: "var(--ff-delete-button-attachment)", hoverEffect: true }) }) })] })] })), _jsxs("div", { className: "comment-actions", children: [!isDepthLimitReached &&
+                                                    depth < 2 &&
+                                                    comment.comments?.length > 0 && (_jsx("div", { className: "action-icon", onClick: () => setExpand((prevExpand) => !prevExpand), children: _jsx(Tooltip, { title: `${expand ? 'collapse' : 'expand'}`, children: _jsx(Icon, { name: expand ? 'collapse-arrow' : 'expand-arrow', disabled: editMode || showInput, hoverEffect: true }) }) })), !isDepthLimitReached &&
+                                                    depth < 2 &&
+                                                    comment.comments?.length === 0 && (_jsx("div", { className: "action-icon", children: _jsx(Icon, { name: "expand-arrow", disabled: true }) })), _jsxs("div", { className: "ff-comment-action-item", children: [depth < 2 && (_jsx("div", { className: "action-icon", onClick: handleNewComment, children: _jsx(Tooltip, { title: "reply", children: _jsx(Icon, { name: "comment_icon", disabled: editMode || isDisable, hoverEffect: true }) }) })), _jsx("div", { className: "action-icon", onClick: () => setEditMode(true), children: _jsx(Tooltip, { title: "edit", children: _jsx(Icon, { name: "edit", disabled: showInput || isDisable, hoverEffect: true }) }) }), _jsx("div", { className: "action-icon", onClick: () => handleDeleteNode(comment.id), children: _jsx(Tooltip, { title: "delete", children: _jsx(Icon, { name: "delete", color: "var(--ff-delete-button-attachment)", disabled: editMode || showInput || isDisable, hoverEffect: true }) }) })] })] })] })] })] }), showInput && (_jsxs("div", { className: "inputContainer", children: [_jsx("textarea", { rows: 1, className: "inputContainer_input first_input", value: input, autoFocus: true, placeholder: editMode ? 'Edit comment' : 'Add a comment', ref: textAreaRef, onChange: (e) => textAreaInputChange(e), onKeyDown: handleKeyDown }), hasAtSymbol && (_jsx("div", { ref: mentionRef, children: _jsx(MentionUser, { hasAtSymbol: hasAtSymbol, usersObj: usersObj, optionClicked: optionClicked, mentionPosition: mentionPosition }) })), _jsxs("div", { className: "edit-comment", children: [_jsx("div", { className: "reply", onClick: () => {
+                                        onAddComment();
+                                        setEditMode(false);
+                                        setShowInput(false);
+                                    }, children: _jsx(Tooltip, { title: "Reply", children: _jsx(Icon, { name: "comment_reply", hoverEffect: true }) }) }), _jsx("div", { className: "reply", onClick: () => {
+                                        setEditMode(false);
+                                        setShowInput(false);
+                                        setInput('');
+                                    }, children: _jsx(Tooltip, { title: "Cancel", children: _jsx(Icon, { name: "close", color: "var(--ff-delete-button-attachment)", hoverEffect: true }) }) })] })] })), expand && comment.comments?.length > 0 && (_jsx("div", { className: `child-comments ${depth === 0 ? 'first-level-child' : ''} ${depth === 1 ? 'second-level-child' : ''}`, children: comment.comments.map((childComment) => (_jsx("div", { className: `child-comments child-comments-${depth + 1}`, children: _jsx(ChildComment, { handleInsertNode: handleInsertNode, handleEditNode: handleEditNode, handleDeleteNode: handleDeleteNode, comment: childComment, depth: depth + 1, isDisable: isDisable, userDetails: userDetails }) }, childComment.id))) }))] }) }));
+};
+export default ChildComment;
+//# sourceMappingURL=ChildComment.js.map

package/lib/components/Comments/childComment/ChildComment.js.map

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

package/lib/components/Comments/childComment/useNode.d.ts

@@ -0,0 +1,7 @@
+import { CommentType } from "../type";
+declare const useNode: () => {
+    insertNode: (tree: CommentType[], commentId: string, item: any) => CommentType[];
+    editNode: (tree: CommentType[], commentId: number | string, value: string) => CommentType[];
+    deleteNode: (tree: CommentType[], commentId: number | string) => CommentType[];
+};
+export default useNode;

package/lib/components/Comments/childComment/useNode.js

@@ -0,0 +1,49 @@
+import { ffid } from "../../../utils/ffID/ffid";
+const useNode = () => {
+    const insertNode = (tree, commentId, item) => {
+        return tree.map((node) => {
+            if (node.id === commentId) {
+                return {
+                    ...node,
+                    comments: [
+                        ...node.comments,
+                        {
+                            id: ffid(),
+                            description: item.description,
+                            comments: [],
+                            createdBy: node.createdBy,
+                            modifiedBy: node.modifiedBy,
+                            createdByUname: node.createdByUname,
+                            modifiedByUname: node.modifiedByUname,
+                            createdOn: new Date().toLocaleString(),
+                            modifiedOn: new Date().toLocaleString(),
+                            commentParentId: commentId,
+                        },
+                    ],
+                };
+            }
+            return {
+                ...node,
+                comments: insertNode(node.comments, commentId, item),
+            };
+        });
+    };
+    const editNode = (tree, commentId, value) => {
+        return tree.map((node) => ({
+            ...node,
+            description: node.id === commentId ? value : node.description,
+            comments: editNode(node.comments, commentId, value),
+        }));
+    };
+    const deleteNode = (tree, commentId) => {
+        return tree
+            .filter((node) => node.id !== commentId)
+            .map((node) => ({
+            ...node,
+            comments: deleteNode(node.comments, commentId),
+        }));
+    };
+    return { insertNode, editNode, deleteNode };
+};
+export default useNode;
+//# sourceMappingURL=useNode.js.map

package/lib/components/Comments/childComment/useNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNode.js","sourceRoot":"","sources":["../../../../src/components/Comments/childComment/useNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAGhD,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,MAAM,UAAU,GAAG,CACjB,IAAmB,EACnB,SAAiB,EACjB,IAAS,EACM,EAAE;QACjB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACvB,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS,EAAE,CAAC;gBAC1B,OAAO;oBACL,GAAG,IAAI;oBACP,QAAQ,EAAE;wBACR,GAAG,IAAI,CAAC,QAAQ;wBAChB;4BACE,EAAE,EAAE,IAAI,EAAE;4BACV,WAAW,EAAE,IAAI,CAAC,WAAqB;4BACvC,QAAQ,EAAE,EAAE;4BACZ,SAAS,EAAE,IAAI,CAAC,SAAS;4BACzB,UAAU,EAAE,IAAI,CAAC,UAAU;4BAC3B,cAAc,EAAE,IAAI,CAAC,cAAc;4BACnC,eAAe,EAAE,IAAI,CAAC,eAAe;4BACrC,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,cAAc,EAAE;4BACtC,UAAU,EAAE,IAAI,IAAI,EAAE,CAAC,cAAc,EAAE;4BACvC,eAAe,EAAE,SAAS;yBAC3B;qBACF;iBACF,CAAC;YACJ,CAAC;YACD,OAAO;gBACL,GAAG,IAAI;gBACP,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC;aACrD,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,IAAmB,EACnB,SAA0B,EAC1B,KAAa,EACE,EAAE;QACjB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACzB,GAAG,IAAI;YACP,WAAW,EAAE,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW;YAC7D,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC;SACpD,CAAC,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CACjB,IAAmB,EACnB,SAA0B,EACX,EAAE;QACjB,OAAO,IAAI;aACR,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC;aACvC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACd,GAAG,IAAI;YACP,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC;SAC/C,CAAC,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;AAC9C,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/Comments/commentCommonUtils.d.ts

@@ -0,0 +1,10 @@
+export declare const formatUserDetails: (userDetails: any[]) => {
+    id: any;
+    name: any;
+    emailId: any;
+}[];
+export declare const findUserByName: (name: string, _users: {
+    id: string;
+    name: string;
+    emailId: string;
+}[]) => string | null;