frst-components 0.22.25 → 0.22.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +187 -114
- package/dist/src/components/FI/ThreadComments/index.d.ts +1 -1
- package/dist/src/components/FI/ThreadComments/index.d.ts.map +1 -1
- package/dist/src/components/FI/ThreadComments/threadComments.styles.d.ts.map +1 -1
- package/dist/src/components/FI/ThreadComments/utilitiesComponents/commentaryBoxReply/index.d.ts +1 -1
- package/dist/src/components/FI/ThreadComments/utilitiesComponents/commentaryBoxReply/index.d.ts.map +1 -1
- package/dist/src/components/commentaryBoxV2/CommentaryBoxV2.styles.d.ts.map +1 -1
- package/dist/src/components/commentaryBoxV2/index.d.ts +1 -1
- package/dist/src/components/commentaryBoxV2/index.d.ts.map +1 -1
- package/dist/src/components/commentaryBoxV2/utilitiesComponents/index.d.ts +2 -0
- package/dist/src/components/commentaryBoxV2/utilitiesComponents/index.d.ts.map +1 -0
- package/dist/src/components/commentaryBoxV2/utilitiesComponents/inputEdit/index.d.ts +4 -0
- package/dist/src/components/commentaryBoxV2/utilitiesComponents/inputEdit/index.d.ts.map +1 -0
- package/dist/src/components/commentaryBoxV2/utilitiesComponents/inputEdit/inputEdit.styles.d.ts +5 -0
- package/dist/src/components/commentaryBoxV2/utilitiesComponents/inputEdit/inputEdit.styles.d.ts.map +1 -0
- package/dist/src/components/input-comment/index.d.ts +1 -1
- package/dist/src/components/input-comment/index.d.ts.map +1 -1
- package/dist/src/components/input-comment/useInputHook.d.ts +4 -3
- package/dist/src/components/input-comment/useInputHook.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1532,7 +1532,7 @@ styled__default["default"](MenuItem__default["default"]) `
|
|
|
1532
1532
|
}
|
|
1533
1533
|
`;
|
|
1534
1534
|
|
|
1535
|
-
const Container$
|
|
1535
|
+
const Container$l = styled__default["default"](Card__default["default"]) `
|
|
1536
1536
|
height: 100%;
|
|
1537
1537
|
box-shadow: none !important;
|
|
1538
1538
|
border: 1px solid #c4c4c4 !important;
|
|
@@ -1738,9 +1738,9 @@ function CalendarCard(props) {
|
|
|
1738
1738
|
}
|
|
1739
1739
|
}, [props.trails]);
|
|
1740
1740
|
return (jsxRuntime.jsx("div", { style: { height: '100%' }, children: props.loading ?
|
|
1741
|
-
jsxRuntime.jsx(Container$
|
|
1741
|
+
jsxRuntime.jsx(Container$l, { className: 'shimmer' })
|
|
1742
1742
|
:
|
|
1743
|
-
jsxRuntime.jsx(Container$
|
|
1743
|
+
jsxRuntime.jsx(Container$l, { children: jsxRuntime.jsxs(material.CardContent, { style: { padding: '0px' }, children: [jsxRuntime.jsx(Title$6, { children: t('calendar.title') }), moduleSelector &&
|
|
1744
1744
|
jsxRuntime.jsxs(ContainerDescription, { children: [jsxRuntime.jsx(TextDescription$1, { children: t('calendar.card.description') }), jsxRuntime.jsx(FormControlSelect, { fullWidth: true, children: jsxRuntime.jsx(DropDownList$2, { id: "module-id", value: module, onChange: handleChange, children: props.trails?.map((item, index) => {
|
|
1745
1745
|
return jsxRuntime.jsxs(material.MenuItem, { value: index, children: [item.name, " - ", item.moduleID] }, index);
|
|
1746
1746
|
}) }) })] }), moduleEvents?.length === 0 &&
|
|
@@ -3421,7 +3421,7 @@ const LimitCharsExceededMessage = styled__default["default"].span `
|
|
|
3421
3421
|
`;
|
|
3422
3422
|
// transform: scale(0.845);
|
|
3423
3423
|
|
|
3424
|
-
const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onContentUnformat, onChange, value, replyMentionedUser }) => {
|
|
3424
|
+
const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onContentUnformat, onChange, value, replyMentionedUser, initialText }) => {
|
|
3425
3425
|
const [showMention, setShowMention] = React.useState(false);
|
|
3426
3426
|
const [inputSearch, setInputSearch] = React.useState('');
|
|
3427
3427
|
const divInputRef = React.useRef(null);
|
|
@@ -3457,8 +3457,8 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
|
|
|
3457
3457
|
mentionAnchorElement.style.fontWeight = 'bold';
|
|
3458
3458
|
mentionAnchorElement.style.color = DesignTokens.colors.primary1;
|
|
3459
3459
|
mentionAnchorElement.setAttribute('data-mention-id', user.user_uuid);
|
|
3460
|
-
mentionAnchorElement.setAttribute(
|
|
3461
|
-
mentionAnchorElement.setAttribute(
|
|
3460
|
+
mentionAnchorElement.setAttribute('contenteditable', 'false');
|
|
3461
|
+
mentionAnchorElement.setAttribute('href', `/profile/${user.user_uuid}`);
|
|
3462
3462
|
return mentionAnchorElement;
|
|
3463
3463
|
};
|
|
3464
3464
|
const handleMentionUser = (user) => {
|
|
@@ -3532,8 +3532,8 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
|
|
|
3532
3532
|
let inputSearch = '';
|
|
3533
3533
|
let hasSpaceBeForeKey = false;
|
|
3534
3534
|
let hasKeyPresent = false;
|
|
3535
|
-
let textBeforeCursor =
|
|
3536
|
-
let textBeforeKey =
|
|
3535
|
+
let textBeforeCursor = '';
|
|
3536
|
+
let textBeforeKey = '';
|
|
3537
3537
|
if (selection && selection.rangeCount > 0) {
|
|
3538
3538
|
const range = selection.getRangeAt(0);
|
|
3539
3539
|
if (range.startContainer.textContent === null)
|
|
@@ -3543,13 +3543,13 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
|
|
|
3543
3543
|
// Find the last index of "@" in the text before the cursor
|
|
3544
3544
|
const atIndex = completeText.lastIndexOf('@');
|
|
3545
3545
|
textBeforeCursor = range.startContainer.textContent.substring(atIndex, range.startOffset);
|
|
3546
|
-
hasSpaceBeForeKey = completeText.substring(atIndex - 1, atIndex).trim() ===
|
|
3546
|
+
hasSpaceBeForeKey = completeText.substring(atIndex - 1, atIndex).trim() === '';
|
|
3547
3547
|
textBeforeKey = completeText.substring(atIndex - 1, atIndex).trim();
|
|
3548
|
-
if (hasSpaceBeForeKey || (textBeforeCursor ===
|
|
3548
|
+
if (hasSpaceBeForeKey || (textBeforeCursor === '@' && textBeforeKey.length === 0)) {
|
|
3549
3549
|
if (atIndex !== -1) {
|
|
3550
3550
|
// Get the characters after the last "@"
|
|
3551
3551
|
const afterAt = completeText.substring(atIndex);
|
|
3552
|
-
if (afterAt.length > 1 || event.key ===
|
|
3552
|
+
if (afterAt.length > 1 || event.key === '@' || textBeforeCursor === '@') {
|
|
3553
3553
|
hasKeyPresent = true;
|
|
3554
3554
|
}
|
|
3555
3555
|
inputSearch = afterAt.replace('@', '');
|
|
@@ -3563,7 +3563,7 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
|
|
|
3563
3563
|
setShowMention(false);
|
|
3564
3564
|
}
|
|
3565
3565
|
}
|
|
3566
|
-
if ((hasSpaceBeForeKey && hasKeyPresent) || (textBeforeCursor ===
|
|
3566
|
+
if ((hasSpaceBeForeKey && hasKeyPresent) || (textBeforeCursor === '@' && textBeforeKey.length === 0)) {
|
|
3567
3567
|
setShowMention(true);
|
|
3568
3568
|
setInputSearch(inputSearch);
|
|
3569
3569
|
!!onChange && onChange(inputSearch);
|
|
@@ -3587,7 +3587,7 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
|
|
|
3587
3587
|
const areChildrenEmpty = () => {
|
|
3588
3588
|
// return if divInputRef has child empty
|
|
3589
3589
|
let isEmpty = false;
|
|
3590
|
-
//if divInputRef is not focused
|
|
3590
|
+
//if divInputRef is not focused
|
|
3591
3591
|
const isFocused = divInputRef.current === document.activeElement;
|
|
3592
3592
|
if (divInputRef.current && !isFocused) {
|
|
3593
3593
|
if (divInputRef.current.childNodes.length <= 0)
|
|
@@ -3628,6 +3628,9 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
|
|
|
3628
3628
|
}
|
|
3629
3629
|
};
|
|
3630
3630
|
React.useEffect(() => {
|
|
3631
|
+
if (divInputRef.current && initialText) {
|
|
3632
|
+
divInputRef.current.innerHTML = initialText;
|
|
3633
|
+
}
|
|
3631
3634
|
divInputRef.current?.addEventListener('input', resizeDiv);
|
|
3632
3635
|
return () => {
|
|
3633
3636
|
divInputRef.current?.removeEventListener('input', resizeDiv);
|
|
@@ -3686,7 +3689,11 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
|
|
|
3686
3689
|
});
|
|
3687
3690
|
//capture the cursor position on arrow up and down or left and right and check if it´s close to the @ key
|
|
3688
3691
|
divInputRef.current.addEventListener('keyup', (event) => {
|
|
3689
|
-
if (event.key === 'ArrowUp' ||
|
|
3692
|
+
if (event.key === 'ArrowUp' ||
|
|
3693
|
+
event.key === 'ArrowDown' ||
|
|
3694
|
+
event.key === 'ArrowLeft' ||
|
|
3695
|
+
event.key === 'ArrowRight' ||
|
|
3696
|
+
event.key === 'Enter') {
|
|
3690
3697
|
setShowMention(false);
|
|
3691
3698
|
}
|
|
3692
3699
|
});
|
|
@@ -3720,7 +3727,11 @@ const useInputHook = ({ limit, placeholder, onSendMentions, onContentFormat, onC
|
|
|
3720
3727
|
});
|
|
3721
3728
|
//capture the cursor position on arrow up and down or left and right and check if it´s close to the @ key
|
|
3722
3729
|
divInputRef.current.removeEventListener('keyup', (event) => {
|
|
3723
|
-
if (event.key === 'ArrowUp' ||
|
|
3730
|
+
if (event.key === 'ArrowUp' ||
|
|
3731
|
+
event.key === 'ArrowDown' ||
|
|
3732
|
+
event.key === 'ArrowLeft' ||
|
|
3733
|
+
event.key === 'ArrowRight' ||
|
|
3734
|
+
event.key === 'Enter') {
|
|
3724
3735
|
setShowMention(false);
|
|
3725
3736
|
}
|
|
3726
3737
|
});
|
|
@@ -3761,7 +3772,7 @@ const DefaultProfile = ({ className, size = 40 }) => {
|
|
|
3761
3772
|
return (jsxRuntime.jsxs("svg", { className: className, width: size, height: size, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", children: [jsxRuntime.jsx("path", { d: "M40 19.9999C40 8.95419 31.0463 2.71419e-06 19.9991 1.7484e-06C8.9537 7.82768e-07 -7.82789e-07 8.95419 -1.74842e-06 19.9999C-2.71406e-06 31.0456 8.95369 40 19.9991 40C31.0463 40 40 31.0456 40 19.9999Z", fill: "url(#pattern0)" }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsx("pattern", { id: "pattern0", patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: jsxRuntime.jsx("use", { xlinkHref: "#image0_1049_1923", transform: "scale(0.00287356)" }) }), jsxRuntime.jsx("image", { id: "image0_1049_1923", width: "348", height: "348", xlinkHref: "data:image/png;base64,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" })] })] }));
|
|
3762
3773
|
};
|
|
3763
3774
|
|
|
3764
|
-
const Container$
|
|
3775
|
+
const Container$k = styled__default["default"].div `
|
|
3765
3776
|
background-color: #ffff;
|
|
3766
3777
|
display: ${({ hide }) => hide ? 'none' : 'flex'};
|
|
3767
3778
|
justify-content: center;
|
|
@@ -3923,7 +3934,7 @@ const useMentions = (mention) => {
|
|
|
3923
3934
|
const Mentions = (mention) => {
|
|
3924
3935
|
const { selectedUser, setSelectedUser, mentionListRef } = useMentions(mention);
|
|
3925
3936
|
const { top, users } = mention;
|
|
3926
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(Container$
|
|
3937
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(Container$k, { top: top, tabIndex: 0, hide: !users || users.length <= 0, children: jsxRuntime.jsx(MentionList, { tabIndex: 1, ref: mentionListRef, children: users?.map((user, index) => {
|
|
3927
3938
|
return (jsxRuntime.jsxs(MentionItem, { tabIndex: index += 2, active: user.user_uuid === selectedUser?.user_uuid, onMouseDown: () => setSelectedUser(user), onKeyUpCapture: (e) => {
|
|
3928
3939
|
if (e.key.toLowerCase() === 'enter') {
|
|
3929
3940
|
setSelectedUser(user);
|
|
@@ -3932,17 +3943,24 @@ const Mentions = (mention) => {
|
|
|
3932
3943
|
}) }) }) }));
|
|
3933
3944
|
};
|
|
3934
3945
|
|
|
3935
|
-
function InputComment$1({ placeholder, onChange, limit, users, showCharacterCounter, styles, onSendMentions, onContentFormat, onContentUnformat, disabled, className, value, replyMentionedUser, group_uuid, limitMessageExceeded }) {
|
|
3936
|
-
const { divPlaceholder, handleInput, isPlaceholder, divInputRef, handleMentionUser, mentionTopPosition, setShowMention, showMention, textLength, styleLimitExceeded } = useInputHook({
|
|
3946
|
+
function InputComment$1({ placeholder, onChange, limit, users, showCharacterCounter, styles, onSendMentions, onContentFormat, onContentUnformat, disabled, className, value, replyMentionedUser, group_uuid, limitMessageExceeded, initialText }) {
|
|
3947
|
+
const { divPlaceholder, handleInput, isPlaceholder, divInputRef, handleMentionUser, mentionTopPosition, setShowMention, showMention, textLength, styleLimitExceeded } = useInputHook({
|
|
3948
|
+
limit,
|
|
3949
|
+
placeholder,
|
|
3950
|
+
onContentFormat,
|
|
3951
|
+
onContentUnformat,
|
|
3952
|
+
onSendMentions,
|
|
3953
|
+
onChange,
|
|
3954
|
+
value,
|
|
3955
|
+
replyMentionedUser,
|
|
3956
|
+
initialText
|
|
3957
|
+
});
|
|
3937
3958
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { minHeight: '48px', ...styles }, tabIndex: 0, children: [jsxRuntime.jsxs(InputWrapper$2, { tabIndex: 1, isPlaceholder: isPlaceholder, isInputLimit: styleLimitExceeded, children: [jsxRuntime.jsx(InputText$4, { id: "input-comment-component", tabIndex: 2, contentEditable: true, ref: divInputRef, onKeyUpCapture: (event) => {
|
|
3938
3959
|
handleInput(event);
|
|
3939
|
-
}, "data-text": "enter", suppressContentEditableWarning: true, children: jsxRuntime.jsx("p", { children: jsxRuntime.jsx("br", {}) }) }), jsxRuntime.jsx(InputPlaceholder, { style: { display: 'none' }, contentEditable: true, ref: divPlaceholder, children: placeholder }), showMention && users && users.length > 0 && jsxRuntime.jsx(Mentions, { users: users, top: mentionTopPosition, onSelect: (user) => {
|
|
3960
|
+
}, "data-text": "enter", suppressContentEditableWarning: true, children: jsxRuntime.jsx("p", { children: jsxRuntime.jsx("br", {}) }) }), jsxRuntime.jsx(InputPlaceholder, { style: { display: 'none' }, contentEditable: true, ref: divPlaceholder, children: placeholder }), showMention && users && users.length > 0 && (jsxRuntime.jsx(Mentions, { users: users, top: mentionTopPosition, onSelect: (user) => {
|
|
3940
3961
|
setShowMention(false);
|
|
3941
3962
|
handleMentionUser(user);
|
|
3942
|
-
} })] }), jsxRuntime.jsx(HelperContainer, { children: !isPlaceholder ?
|
|
3943
|
-
jsxRuntime.jsxs(HelperText$2, { isInputLimit: styleLimitExceeded, children: [textLength, "/", limit] })
|
|
3944
|
-
:
|
|
3945
|
-
jsxRuntime.jsx(jsxRuntime.Fragment, {}) }), styleLimitExceeded && (jsxRuntime.jsxs(LimitCharsContainer, { children: [jsxRuntime.jsx(TagAlert, {}), jsxRuntime.jsx(LimitCharsExceededMessage, { children: limitMessageExceeded })] }))] }) }));
|
|
3963
|
+
} }))] }), jsxRuntime.jsx(HelperContainer, { children: !isPlaceholder ? (jsxRuntime.jsxs(HelperText$2, { isInputLimit: styleLimitExceeded, children: [textLength, "/", limit] })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {})) }), styleLimitExceeded && (jsxRuntime.jsxs(LimitCharsContainer, { children: [jsxRuntime.jsx(TagAlert, {}), jsxRuntime.jsx(LimitCharsExceededMessage, { children: limitMessageExceeded })] }))] }) }));
|
|
3946
3964
|
}
|
|
3947
3965
|
|
|
3948
3966
|
const HeaderWrapper$1 = styled__default["default"].div `
|
|
@@ -4400,7 +4418,7 @@ function CommentaryBox({ name, className, styles, position, value, date, actionL
|
|
|
4400
4418
|
jsxRuntime.jsxs(LinkButton, { onClick: actionAnswer, children: [" ", textAnswer, " "] })] })] })] })] }) }));
|
|
4401
4419
|
}
|
|
4402
4420
|
|
|
4403
|
-
const Container$
|
|
4421
|
+
const Container$j = styled__default["default"].div `
|
|
4404
4422
|
display:flex;
|
|
4405
4423
|
width: ${({ width }) => width ? width : "100%"};
|
|
4406
4424
|
height: ${({ height }) => height ? height : "auto"};
|
|
@@ -4453,7 +4471,7 @@ const MenuMoreContainer = styled__default["default"].div `
|
|
|
4453
4471
|
justify-content: center;
|
|
4454
4472
|
margin-top: 5px;
|
|
4455
4473
|
padding: 4px;
|
|
4456
|
-
|
|
4474
|
+
|
|
4457
4475
|
&:hover {
|
|
4458
4476
|
background-color: #f2f2f2;
|
|
4459
4477
|
}
|
|
@@ -4469,7 +4487,6 @@ const LikesContainer = styled__default["default"].div `
|
|
|
4469
4487
|
font-style: normal;
|
|
4470
4488
|
font-weight: 400;
|
|
4471
4489
|
line-height: 110%;
|
|
4472
|
-
|
|
4473
4490
|
`;
|
|
4474
4491
|
const IconLikeContainer = styled__default["default"].div `
|
|
4475
4492
|
& > *:last-child {
|
|
@@ -4535,6 +4552,8 @@ const FlexButtonContainer = styled__default["default"].div `
|
|
|
4535
4552
|
const Text$2 = styled__default["default"].div `
|
|
4536
4553
|
color: #444;
|
|
4537
4554
|
font-family: Work Sans;
|
|
4555
|
+
font-weight: 400;
|
|
4556
|
+
line-height: 140%;
|
|
4538
4557
|
font-size: 16px;
|
|
4539
4558
|
font-style: normal;
|
|
4540
4559
|
overflow: hidden;
|
|
@@ -4820,24 +4839,150 @@ const createUUID = () => {
|
|
|
4820
4839
|
return uuid;
|
|
4821
4840
|
};
|
|
4822
4841
|
|
|
4823
|
-
const
|
|
4842
|
+
const container = styled__default["default"].div `
|
|
4843
|
+
display: flex;
|
|
4844
|
+
justify-content: center;
|
|
4845
|
+
align-items: center;
|
|
4846
|
+
flex-direction: ${({ textPosition }) => textPosition === 'left' ? 'row-reverse'
|
|
4847
|
+
: textPosition === 'right' ? 'row'
|
|
4848
|
+
: textPosition === 'top' ? 'column-reverse'
|
|
4849
|
+
: textPosition === 'bottom' ? 'column'
|
|
4850
|
+
: null};
|
|
4851
|
+
position: relative;
|
|
4852
|
+
width: auto;
|
|
4853
|
+
gap: 8px;
|
|
4854
|
+
padding: 16px;
|
|
4855
|
+
`;
|
|
4856
|
+
const loader = styled__default["default"].div `
|
|
4857
|
+
|
|
4858
|
+
svg {
|
|
4859
|
+
animation: load 1.5s infinite linear;
|
|
4860
|
+
|
|
4861
|
+
@keyframes load {
|
|
4862
|
+
0% {
|
|
4863
|
+
transform: rotate(0deg);
|
|
4864
|
+
}
|
|
4865
|
+
100% {
|
|
4866
|
+
transform: rotate(360deg);
|
|
4867
|
+
}
|
|
4868
|
+
}
|
|
4869
|
+
}
|
|
4870
|
+
`;
|
|
4871
|
+
const loadText = styled__default["default"].p `
|
|
4872
|
+
font-family: 'Inter';
|
|
4873
|
+
font-size: 14px;
|
|
4874
|
+
font-weight: 400;
|
|
4875
|
+
line-height: 20px;
|
|
4876
|
+
`;
|
|
4877
|
+
|
|
4878
|
+
function Loading(props) {
|
|
4879
|
+
const [Size, setSize] = React.useState('24');
|
|
4880
|
+
const [Color, setColor] = React.useState(props.loadColor ? props.loadColor : '');
|
|
4881
|
+
const [PositionTextLoad, setPositionTextLoad] = React.useState(props.positionLoadingText ? props.positionLoadingText : 'bottom');
|
|
4882
|
+
const [LoadText, setLoadText] = React.useState(props.loadText ? props.loadText : '');
|
|
4883
|
+
React.useEffect(() => {
|
|
4884
|
+
setLoadText(props.loadText);
|
|
4885
|
+
}, [props.loadText]);
|
|
4886
|
+
React.useEffect(() => {
|
|
4887
|
+
setColor(props.loadColor);
|
|
4888
|
+
}, [props.loadColor]);
|
|
4889
|
+
React.useEffect(() => {
|
|
4890
|
+
setPositionTextLoad(props.positionLoadingText);
|
|
4891
|
+
}, [props.positionLoadingText]);
|
|
4892
|
+
React.useEffect(() => {
|
|
4893
|
+
if (props.sizeLoading === 'extra-small') {
|
|
4894
|
+
setSize('16');
|
|
4895
|
+
}
|
|
4896
|
+
else if (props.sizeLoading === 'small') {
|
|
4897
|
+
setSize('20');
|
|
4898
|
+
}
|
|
4899
|
+
else if (props.sizeLoading === 'medium') {
|
|
4900
|
+
setSize('24');
|
|
4901
|
+
}
|
|
4902
|
+
else if (props.sizeLoading === 'large') {
|
|
4903
|
+
setSize('32');
|
|
4904
|
+
}
|
|
4905
|
+
else if (props.sizeLoading === 'extra-large') {
|
|
4906
|
+
setSize('40');
|
|
4907
|
+
}
|
|
4908
|
+
else {
|
|
4909
|
+
setSize('24');
|
|
4910
|
+
}
|
|
4911
|
+
}, [props.sizeLoading]);
|
|
4912
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(container, { textPosition: PositionTextLoad, style: { ...props.style }, children: [jsxRuntime.jsx(loader, { children: jsxRuntime.jsx(Load, { width: Size, height: Size, fill: Color !== '' && Color }) }), jsxRuntime.jsx(loadText, { style: { color: props.loadTextColor ? props.loadTextColor : 'white' }, children: LoadText })] }) }));
|
|
4913
|
+
}
|
|
4914
|
+
|
|
4915
|
+
const InputContainer$1 = styled__default["default"].div `
|
|
4916
|
+
display:flex;
|
|
4917
|
+
flex-direction:column;
|
|
4918
|
+
position:relative;
|
|
4919
|
+
`;
|
|
4920
|
+
const Container$i = styled__default["default"].div `
|
|
4921
|
+
display:flex;
|
|
4922
|
+
justify-content:center;
|
|
4923
|
+
flex-direction:column;
|
|
4924
|
+
width:100%;
|
|
4925
|
+
`;
|
|
4926
|
+
const SpanText = styled__default["default"].p `
|
|
4927
|
+
color: #000;
|
|
4928
|
+
font-family: PT Sans;
|
|
4929
|
+
font-size: 16px;
|
|
4930
|
+
font-style: normal;
|
|
4931
|
+
font-weight: 400;
|
|
4932
|
+
line-height: 110%;
|
|
4933
|
+
`;
|
|
4934
|
+
const ButtonsContainer = styled__default["default"].div `
|
|
4935
|
+
width:175px;
|
|
4936
|
+
display:flex;
|
|
4937
|
+
align-items: center;
|
|
4938
|
+
justify-content: space-between;
|
|
4939
|
+
margin-left:auto;
|
|
4940
|
+
`;
|
|
4941
|
+
|
|
4942
|
+
const InputEdit = ({ placeHolderText, commentText, commentTextWithMention, getSearchUsers, onClickEditButton, limitInput, editButtonText, cancelButtonText, orText, limitMessageExceeded, commentUUID, group_uuid, setIsModeEdit }) => {
|
|
4943
|
+
const [comment, setComment] = React.useState(commentText);
|
|
4944
|
+
const [CaptureFormattedValue, setCaptureFormattedValue] = React.useState(commentTextWithMention);
|
|
4945
|
+
const [captureMentions, setCaptureMentions] = React.useState([]);
|
|
4946
|
+
const [users, setUsers] = React.useState([]);
|
|
4947
|
+
const [isLoading, setIsLoading] = React.useState(false);
|
|
4948
|
+
const inputRef = React.useRef(null);
|
|
4949
|
+
let timeout;
|
|
4950
|
+
const setCommentData = (value) => {
|
|
4951
|
+
clearTimeout(timeout);
|
|
4952
|
+
timeout = setTimeout(() => {
|
|
4953
|
+
setComment(value);
|
|
4954
|
+
}, 300);
|
|
4955
|
+
};
|
|
4956
|
+
const handleSearchUsers = async (value) => {
|
|
4957
|
+
const response = await getSearchUsers(value);
|
|
4958
|
+
setUsers(response?.data?.results || response);
|
|
4959
|
+
};
|
|
4960
|
+
return (jsxRuntime.jsxs(Container$i, { children: [jsxRuntime.jsx(InputContainer$1, { ref: inputRef, style: { width: '100%' }, children: jsxRuntime.jsx(InputComment$1, { styles: { width: '100%' }, onChange: (e) => {
|
|
4961
|
+
handleSearchUsers(e);
|
|
4962
|
+
}, value: comment, placeholder: placeHolderText, limit: limitInput, showCharacterCounter: true, onContentUnformat: (unformattedValue) => setCommentData(unformattedValue), onContentFormat: (formattedValue) => setCaptureFormattedValue(formattedValue), onSendMentions: (mentions) => setCaptureMentions(mentions), users: users, group_uuid: group_uuid, limitMessageExceeded: limitMessageExceeded, initialText: CaptureFormattedValue || comment }) }), jsxRuntime.jsxs(ButtonsContainer, { children: [jsxRuntime.jsx(MiniButton, { label: cancelButtonText, onClick: () => setIsModeEdit(false), variant: 'secondary' }), jsxRuntime.jsx(SpanText, { children: orText }), jsxRuntime.jsx(MiniButton, { disabled: comment.length <= 0 || comment.length > limitInput || isLoading, label: editButtonText, onClick: () => onClickEditButton({
|
|
4963
|
+
commentUuid: commentUUID,
|
|
4964
|
+
content: comment,
|
|
4965
|
+
contentMention: CaptureFormattedValue,
|
|
4966
|
+
mentions: captureMentions
|
|
4967
|
+
}), variant: "primary", styles: {} })] }), isLoading && jsxRuntime.jsx(Loading, {})] }));
|
|
4968
|
+
};
|
|
4969
|
+
|
|
4970
|
+
const CommentaryBoxV2 = ({ userName, imgProfile, userCompany, userOffice, showMoreText, relationToPhaseText, showLessText, showLikeButton, styles, actionLike, answerButtonText, likeButtonText, commentTextWithMention, editText, deleteText, isAuthor, isOwnerPost, howLongAgo, commentId, commentUuid, commentText, actionAnswer, onClickUserInfo, actionEditComment, actionDeleteComment, isMainComment, likesCount, hasActionToClickOnAvatar, showOptions, itsLiked, limitInput = 800, saveButtonText, cancelButtonText, orText, groupUuid, limitMessageExceeded }) => {
|
|
4824
4971
|
const iDCommentPosted = commentId ? commentId : `IDCommentPosted-${createUUID()}`;
|
|
4825
4972
|
const [isLiked, setIsLiked] = React.useState(itsLiked);
|
|
4826
|
-
(
|
|
4973
|
+
const [isModeEdit, setIsModeEdit] = React.useState(false);
|
|
4974
|
+
const edit = {
|
|
4827
4975
|
description: editText,
|
|
4828
4976
|
startIcon: jsxRuntime.jsx(EditIcon, { fill: "#222" }),
|
|
4829
|
-
onClick:
|
|
4830
|
-
}
|
|
4977
|
+
onClick: () => setIsModeEdit(true)
|
|
4978
|
+
};
|
|
4831
4979
|
const exclude = {
|
|
4832
4980
|
description: deleteText,
|
|
4833
4981
|
startIcon: jsxRuntime.jsx(TrashIconNew, { fill: "#C1341A" }),
|
|
4834
4982
|
onClick: () => actionDeleteComment(commentUuid),
|
|
4835
4983
|
color: '#C1341A'
|
|
4836
4984
|
};
|
|
4837
|
-
const authorOptions = [
|
|
4838
|
-
// edit,
|
|
4839
|
-
exclude
|
|
4840
|
-
];
|
|
4985
|
+
const authorOptions = [edit, exclude];
|
|
4841
4986
|
const ownerPost = [exclude];
|
|
4842
4987
|
const handleLike = () => {
|
|
4843
4988
|
try {
|
|
@@ -4870,9 +5015,9 @@ const CommentaryBoxV2 = ({ userName, imgProfile, userCompany, userOffice, showMo
|
|
|
4870
5015
|
window.removeEventListener('resize', handleResize);
|
|
4871
5016
|
};
|
|
4872
5017
|
}, []);
|
|
4873
|
-
return (jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [jsxRuntime.jsxs(Container$
|
|
5018
|
+
return (jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [jsxRuntime.jsxs(Container$j, { style: { ...styles }, children: [jsxRuntime.jsx(Avatar, { size: isMainComment ? '48px' : '32px', src: imgProfile, onClick: onClickUserInfo, style: { cursor: hasActionToClickOnAvatar ? 'pointer' : 'default', marginRight: '6px' } }), isModeEdit ? (jsxRuntime.jsx(InputEdit, { placeHolderText: 'teste', commentText: buildStringWithLinkHTML(commentText), commentTextWithMention: commentTextWithMention && buildStringWithLinkHTML(commentTextWithMention), editButtonText: saveButtonText, onClickEditButton: actionEditComment, limitInput: limitInput, cancelButtonText: cancelButtonText, orText: orText, limitMessageExceeded: limitMessageExceeded, commentUUID: commentUuid, setIsModeEdit: setIsModeEdit, group_uuid: groupUuid })) : (jsxRuntime.jsxs(Box, { children: [jsxRuntime.jsxs(UserDataContainer, { children: [jsxRuntime.jsxs(FirstChildUserData, { children: [jsxRuntime.jsx(Username, { children: userName }), likesCount > 0 && (jsxRuntime.jsxs(LikesContainer, { children: [jsxRuntime.jsx(IconLikeContainer, { children: jsxRuntime.jsx(IconLikeFilled, { fill: "#fff", stroke: "#fff", customColor_1: '#757575', width: "16px", height: "16px" }) }), jsxRuntime.jsx("p", { children: likesCount })] }))] }), jsxRuntime.jsxs(UserDataLastChild, { children: [userOffice && userOffice, " ", userCompany && `• ${userCompany}`, " ", howLongAgo && `• ${howLongAgo}`] })] }), relationToPhaseText && jsxRuntime.jsx(RelationContainer, { children: relationToPhaseText }), jsxRuntime.jsxs(TextContainer$1, { id: "textContainerId", children: [jsxRuntime.jsx(Text$2, { style: isExpanded ? { display: 'block' } : { display: '-webkit-box' }, id: iDCommentPosted, dangerouslySetInnerHTML: {
|
|
4874
5019
|
__html: buildStringWithLinkHTML(commentTextWithMention ? commentTextWithMention : commentText)
|
|
4875
|
-
} }), jsxRuntime.jsx(ShowMore$1, { isVisible: isEllipsisVisible, onClick: toggleExpand, children: isExpanded ? showLessText : showMoreText })] })] })] }), jsxRuntime.jsxs(InteractiveButtonsContainer, { style: isMainComment ? { marginLeft: '55px' } : {}, children: [showLikeButton && (jsxRuntime.jsxs(FlexButtonContainer, { onClick: handleLike, children: [isLiked ? jsxRuntime.jsx(IconLikeFilled, {}) : jsxRuntime.jsx(IconLikeLine, { fill: "#444" }), jsxRuntime.jsx(MiniButton, { variant: "terciary", onClick: handleLike, label: likeButtonText, active: isLiked, styles: { padding: '0px' } })] })), jsxRuntime.jsx(MiniButton, { variant: "terciary", onClick: actionAnswer, label: answerButtonText }), showOptions ? (isAuthor ? (jsxRuntime.jsx(MenuMoreContainer, { children: jsxRuntime.jsx(MenuMore, { options: authorOptions, style: {}, closeAfterClick: true, isHover: false }) })) : isOwnerPost ? (jsxRuntime.jsx(MenuMoreContainer, { children: jsxRuntime.jsx(MenuMore, { options: ownerPost, style: {}, closeAfterClick: true, isHover: false }) })) : (jsxRuntime.jsx(MenuMoreContainer, { children: jsxRuntime.jsx(MenuMore, { options: [], isHover: false }) }))) : (jsxRuntime.jsx("div", {}))] })] }));
|
|
5020
|
+
} }), jsxRuntime.jsx(ShowMore$1, { isVisible: isEllipsisVisible, onClick: toggleExpand, children: isExpanded ? showLessText : showMoreText })] })] }))] }), !isModeEdit && (jsxRuntime.jsxs(InteractiveButtonsContainer, { style: isMainComment ? { marginLeft: '55px' } : {}, children: [showLikeButton && (jsxRuntime.jsxs(FlexButtonContainer, { onClick: handleLike, children: [isLiked ? jsxRuntime.jsx(IconLikeFilled, {}) : jsxRuntime.jsx(IconLikeLine, { fill: "#444" }), jsxRuntime.jsx(MiniButton, { variant: "terciary", onClick: handleLike, label: likeButtonText, active: isLiked, styles: { padding: '0px' } })] })), jsxRuntime.jsx(MiniButton, { variant: "terciary", onClick: actionAnswer, label: answerButtonText }), showOptions ? (isAuthor ? (jsxRuntime.jsx(MenuMoreContainer, { children: jsxRuntime.jsx(MenuMore, { options: authorOptions, style: {}, closeAfterClick: true, isHover: false }) })) : isOwnerPost ? (jsxRuntime.jsx(MenuMoreContainer, { children: jsxRuntime.jsx(MenuMore, { options: ownerPost, style: {}, closeAfterClick: true, isHover: false }) })) : (jsxRuntime.jsx(MenuMoreContainer, { children: jsxRuntime.jsx(MenuMore, { options: [], isHover: false }) }))) : (jsxRuntime.jsx("div", {}))] }))] }));
|
|
4876
5021
|
};
|
|
4877
5022
|
|
|
4878
5023
|
const Container$h = styled__default["default"].div `
|
|
@@ -4901,6 +5046,7 @@ line-height: 110%;
|
|
|
4901
5046
|
position: relative;
|
|
4902
5047
|
left: 59px;
|
|
4903
5048
|
margin-top: 6px;
|
|
5049
|
+
width: 190px !important;
|
|
4904
5050
|
|
|
4905
5051
|
span{
|
|
4906
5052
|
cursor:pointer;
|
|
@@ -4911,83 +5057,10 @@ width: ${({ width }) => (width ? `${width}px` : 'auto')};
|
|
|
4911
5057
|
margin-left:60px;
|
|
4912
5058
|
`;
|
|
4913
5059
|
|
|
4914
|
-
const CommentaryBoxReply = ({ commentData, showMoreButtonText, showLessButtonText, answerButtonText, onClickAnswerButton, isAuthor, isOwnerPost, deleteText, editText, onClickDelete }) => {
|
|
4915
|
-
return (jsxRuntime.jsx(CommentaryBoxV2, { hasActionToClickOnAvatar: false, imgProfile: commentData.user?.avatar, itsLiked: false, userName: commentData.user?.name, userOffice: commentData.user?.role_name, userCompany: commentData.user?.company_name, commentId: commentData.id, commentText: commentData.text, commentUuid: commentData.uuid, howLongAgo: commentData.howLongAgo, showMoreText: showMoreButtonText, actionAnswer: () => onClickAnswerButton(commentData.id), showLessText: showLessButtonText, answerButtonText: answerButtonText, styles: { marginTop: '0px' }, commentTextWithMention: commentData.mentionText, isAuthor: isAuthor, isOwnerPost: isOwnerPost, deleteText: deleteText, editText: editText, showOptions: isAuthor || isOwnerPost, actionDeleteComment: onClickDelete }));
|
|
5060
|
+
const CommentaryBoxReply = ({ commentData, showMoreButtonText, showLessButtonText, answerButtonText, onClickAnswerButton, isAuthor, isOwnerPost, deleteText, editText, onClickDelete, limitInput, cancelButtonText, saveButtonText, orText, limitMessageExceeded }) => {
|
|
5061
|
+
return (jsxRuntime.jsx(CommentaryBoxV2, { hasActionToClickOnAvatar: false, imgProfile: commentData.user?.avatar, itsLiked: false, userName: commentData.user?.name, userOffice: commentData.user?.role_name, userCompany: commentData.user?.company_name, commentId: commentData.id, commentText: commentData.text, commentUuid: commentData.uuid, howLongAgo: commentData.howLongAgo, showMoreText: showMoreButtonText, actionAnswer: () => onClickAnswerButton(commentData.id), showLessText: showLessButtonText, answerButtonText: answerButtonText, styles: { marginTop: '0px' }, commentTextWithMention: commentData.mentionText, isAuthor: isAuthor, isOwnerPost: isOwnerPost, deleteText: deleteText, editText: editText, showOptions: isAuthor || isOwnerPost, actionDeleteComment: onClickDelete, limitInput: limitInput, cancelButtonText: cancelButtonText, saveButtonText: saveButtonText, orText: orText, limitMessageExceeded: limitMessageExceeded }));
|
|
4916
5062
|
};
|
|
4917
5063
|
|
|
4918
|
-
const container = styled__default["default"].div `
|
|
4919
|
-
display: flex;
|
|
4920
|
-
justify-content: center;
|
|
4921
|
-
align-items: center;
|
|
4922
|
-
flex-direction: ${({ textPosition }) => textPosition === 'left' ? 'row-reverse'
|
|
4923
|
-
: textPosition === 'right' ? 'row'
|
|
4924
|
-
: textPosition === 'top' ? 'column-reverse'
|
|
4925
|
-
: textPosition === 'bottom' ? 'column'
|
|
4926
|
-
: null};
|
|
4927
|
-
position: relative;
|
|
4928
|
-
width: auto;
|
|
4929
|
-
gap: 8px;
|
|
4930
|
-
padding: 16px;
|
|
4931
|
-
`;
|
|
4932
|
-
const loader = styled__default["default"].div `
|
|
4933
|
-
|
|
4934
|
-
svg {
|
|
4935
|
-
animation: load 1.5s infinite linear;
|
|
4936
|
-
|
|
4937
|
-
@keyframes load {
|
|
4938
|
-
0% {
|
|
4939
|
-
transform: rotate(0deg);
|
|
4940
|
-
}
|
|
4941
|
-
100% {
|
|
4942
|
-
transform: rotate(360deg);
|
|
4943
|
-
}
|
|
4944
|
-
}
|
|
4945
|
-
}
|
|
4946
|
-
`;
|
|
4947
|
-
const loadText = styled__default["default"].p `
|
|
4948
|
-
font-family: 'Inter';
|
|
4949
|
-
font-size: 14px;
|
|
4950
|
-
font-weight: 400;
|
|
4951
|
-
line-height: 20px;
|
|
4952
|
-
`;
|
|
4953
|
-
|
|
4954
|
-
function Loading(props) {
|
|
4955
|
-
const [Size, setSize] = React.useState('24');
|
|
4956
|
-
const [Color, setColor] = React.useState(props.loadColor ? props.loadColor : '');
|
|
4957
|
-
const [PositionTextLoad, setPositionTextLoad] = React.useState(props.positionLoadingText ? props.positionLoadingText : 'bottom');
|
|
4958
|
-
const [LoadText, setLoadText] = React.useState(props.loadText ? props.loadText : '');
|
|
4959
|
-
React.useEffect(() => {
|
|
4960
|
-
setLoadText(props.loadText);
|
|
4961
|
-
}, [props.loadText]);
|
|
4962
|
-
React.useEffect(() => {
|
|
4963
|
-
setColor(props.loadColor);
|
|
4964
|
-
}, [props.loadColor]);
|
|
4965
|
-
React.useEffect(() => {
|
|
4966
|
-
setPositionTextLoad(props.positionLoadingText);
|
|
4967
|
-
}, [props.positionLoadingText]);
|
|
4968
|
-
React.useEffect(() => {
|
|
4969
|
-
if (props.sizeLoading === 'extra-small') {
|
|
4970
|
-
setSize('16');
|
|
4971
|
-
}
|
|
4972
|
-
else if (props.sizeLoading === 'small') {
|
|
4973
|
-
setSize('20');
|
|
4974
|
-
}
|
|
4975
|
-
else if (props.sizeLoading === 'medium') {
|
|
4976
|
-
setSize('24');
|
|
4977
|
-
}
|
|
4978
|
-
else if (props.sizeLoading === 'large') {
|
|
4979
|
-
setSize('32');
|
|
4980
|
-
}
|
|
4981
|
-
else if (props.sizeLoading === 'extra-large') {
|
|
4982
|
-
setSize('40');
|
|
4983
|
-
}
|
|
4984
|
-
else {
|
|
4985
|
-
setSize('24');
|
|
4986
|
-
}
|
|
4987
|
-
}, [props.sizeLoading]);
|
|
4988
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(container, { textPosition: PositionTextLoad, style: { ...props.style }, children: [jsxRuntime.jsx(loader, { children: jsxRuntime.jsx(Load, { width: Size, height: Size, fill: Color !== '' && Color }) }), jsxRuntime.jsx(loadText, { style: { color: props.loadTextColor ? props.loadTextColor : 'white' }, children: LoadText })] }) }));
|
|
4989
|
-
}
|
|
4990
|
-
|
|
4991
5064
|
const InputContainer = styled__default["default"].div `
|
|
4992
5065
|
display:flex;
|
|
4993
5066
|
flex-direction:column;
|
|
@@ -5057,7 +5130,7 @@ const InputReply = ({ placeHolderText, getSearchUsers, onClickPublishButton, par
|
|
|
5057
5130
|
}, value: comment, placeholder: placeHolderText, limit: limitInput, showCharacterCounter: true, onContentUnformat: (unformattedValue) => setCommentData(unformattedValue), onContentFormat: (formattedValue) => setCaptureFormattedValue(formattedValue), onSendMentions: (mentions) => setCaptureMentions(mentions), users: users, replyMentionedUser: !userMentionedOnReplied && user, group_uuid: group_uuid, limitMessageExceeded: limitMessageExceeded }), jsxRuntime.jsx(MiniButton, { disabled: comment.length <= 0 || comment.length > limitInput || isLoading, label: publishButtonText, onClick: () => handlePublish(), variant: "primary", styles: { marginLeft: 'auto', marginTop: '14px' } }), isLoading && jsxRuntime.jsx(Loading, {})] })] }));
|
|
5058
5131
|
};
|
|
5059
5132
|
|
|
5060
|
-
const ThreadComments = ({ mainComment, listReplyComments, placeHolderText, onClickPublishButton, showReplysButtonText, publishButtonText, limitInputs, answerButtonText, loggedInUser, group_uuid, getSearchUsers, showMoreButtonText, showLessButtonText, styles, relationToPhaseText, limitMessageExceeded, size = 5, showMoreReplysButtonText, isGoalOwner, editText, deleteText, onClickDelete }) => {
|
|
5133
|
+
const ThreadComments = ({ mainComment, listReplyComments, placeHolderText, onClickPublishButton, showReplysButtonText, publishButtonText, limitInputs, answerButtonText, loggedInUser, group_uuid, getSearchUsers, showMoreButtonText, showLessButtonText, styles, relationToPhaseText, limitMessageExceeded, size = 5, showMoreReplysButtonText, isGoalOwner, editText, deleteText, onClickDelete, cancelButtonText, saveButtonText, orText }) => {
|
|
5061
5134
|
const [showAnswers, setShowAnswers] = React.useState(false);
|
|
5062
5135
|
const [showReplysOnClickCounter, setReplysOnClickCounter] = React.useState(0);
|
|
5063
5136
|
const [showReplyInput, setShowReplyInput] = React.useState(false);
|
|
@@ -5086,7 +5159,7 @@ const ThreadComments = ({ mainComment, listReplyComments, placeHolderText, onCli
|
|
|
5086
5159
|
setShowInputByIdReply([...showInputByIdReply, idReply]);
|
|
5087
5160
|
};
|
|
5088
5161
|
const isMainCommentUser = mainComment.user?.uuid === loggedInUser?.id;
|
|
5089
|
-
return (jsxRuntime.jsx(Container$h, { style: styles, children: jsxRuntime.jsxs(CommentarysContainer, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(CommentaryBoxV2, { hasActionToClickOnAvatar: false, imgProfile: mainComment.user?.avatar, itsLiked: false, userId: mainComment.user?.uuid, userName: mainComment.user?.name, userOffice: mainComment.user?.role_name, userCompany: mainComment.user?.company_name, commentId: mainComment.id, commentText: mainComment.text, howLongAgo: mainComment.howLongAgo, showMoreText: showMoreButtonText, showLessText: showLessButtonText, answerButtonText: answerButtonText, actionAnswer: handleCommentReply, actionDeleteComment: onClickDelete, relationToPhaseText: relationToPhaseText, commentTextWithMention: mainComment.mentionText, isMainComment: true, isAuthor: isMainCommentUser, isOwnerPost: isGoalOwner, deleteText: deleteText, editText: editText, showOptions: isMainCommentUser || isGoalOwner, commentUuid: mainComment.uuid }), listReplyComments.length > visibleReplies && (jsxRuntime.jsx(ViewReplysButtonContainer, { children: jsxRuntime.jsx("span", { onClick: handleLoadMoreReplies, children: showReplysOnClickCounter === 0 ? showReplysButtonText : showMoreReplysButtonText }) })), showReplyInput && (jsxRuntime.jsx(InputReply, { styles: { marginLeft: '60px' }, imgProfile: loggedInUser?.avatar, idInput: `idInput-${mainComment.id}`, placeHolderText: placeHolderText, publishButtonText: publishButtonText, limitInput: limitInputs, onClickPublishButton: onClickPublishButton, getSearchUsers: getSearchUsers, replyMentionedUser: mainComment.user, parentId: Number(mainComment.id), handleHiddenInput: handleHiddenInput, group_uuid: group_uuid, limitMessageExceeded: limitMessageExceeded }))] }), showAnswers && visibleReplies && (jsxRuntime.jsx(RepplysContainer, { style: { marginTop: '24px' }, children: listReplyComments.slice(0, visibleReplies).map((replyComment) => (jsxRuntime.jsxs("div", { style: { marginTop:
|
|
5162
|
+
return (jsxRuntime.jsx(Container$h, { style: styles, children: jsxRuntime.jsxs(CommentarysContainer, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(CommentaryBoxV2, { hasActionToClickOnAvatar: false, imgProfile: mainComment.user?.avatar, itsLiked: false, userId: mainComment.user?.uuid, userName: mainComment.user?.name, userOffice: mainComment.user?.role_name, userCompany: mainComment.user?.company_name, commentId: mainComment.id, commentText: mainComment.text, howLongAgo: mainComment.howLongAgo, showMoreText: showMoreButtonText, showLessText: showLessButtonText, answerButtonText: answerButtonText, actionAnswer: handleCommentReply, actionDeleteComment: onClickDelete, relationToPhaseText: relationToPhaseText, commentTextWithMention: mainComment.mentionText, isMainComment: true, isAuthor: isMainCommentUser, isOwnerPost: isGoalOwner, deleteText: deleteText, editText: editText, showOptions: isMainCommentUser || isGoalOwner, commentUuid: mainComment.uuid, limitInput: limitInputs, groupUuid: group_uuid, cancelButtonText: cancelButtonText, saveButtonText: saveButtonText, orText: orText, limitMessageExceeded: limitMessageExceeded }), listReplyComments.length > visibleReplies && (jsxRuntime.jsx(ViewReplysButtonContainer, { children: jsxRuntime.jsx("span", { onClick: handleLoadMoreReplies, children: showReplysOnClickCounter === 0 ? showReplysButtonText : showMoreReplysButtonText }) })), showReplyInput && (jsxRuntime.jsx(InputReply, { styles: { marginLeft: '60px' }, imgProfile: loggedInUser?.avatar, idInput: `idInput-${mainComment.id}`, placeHolderText: placeHolderText, publishButtonText: publishButtonText, limitInput: limitInputs, onClickPublishButton: onClickPublishButton, getSearchUsers: getSearchUsers, replyMentionedUser: mainComment.user, parentId: Number(mainComment.id), handleHiddenInput: handleHiddenInput, group_uuid: group_uuid, limitMessageExceeded: limitMessageExceeded }))] }), showAnswers && visibleReplies && (jsxRuntime.jsx(RepplysContainer, { style: { marginTop: '24px' }, children: listReplyComments.slice(0, visibleReplies).map((replyComment) => (jsxRuntime.jsxs("div", { style: { marginTop: '6px' }, children: [jsxRuntime.jsx(CommentaryBoxReply, { commentData: replyComment, answerButtonText: '', showMoreButtonText: showMoreButtonText, showLessButtonText: showLessButtonText, onClickAnswerButton: handleCommentReplyReply, isAuthor: replyComment.user?.uuid === loggedInUser?.id, isOwnerPost: mainComment.user?.uuid === loggedInUser?.id || isGoalOwner, deleteText: deleteText, editText: editText, onClickDelete: onClickDelete, limitInput: limitInputs, groupUuid: group_uuid, cancelButtonText: cancelButtonText, saveButtonText: saveButtonText, orText: orText, limitMessageExceeded: limitMessageExceeded }), showInputByIdReply.includes(replyComment.id) && (jsxRuntime.jsx(InputReply, { imgProfile: loggedInUser?.avatar, styles: { width: '100%' }, idInput: `idInput-${replyComment.id}`, placeHolderText: placeHolderText, publishButtonText: publishButtonText, limitInput: limitInputs, onClickPublishButton: onClickPublishButton, replyMentionedUser: replyComment.user, getSearchUsers: getSearchUsers, parentId: Number(mainComment.id), handleHiddenInput: (replyId = replyComment.id) => handleHiddenInputReply(replyId), group_uuid: group_uuid, limitMessageExceeded: limitMessageExceeded }))] }, replyComment.id))) }))] }) }));
|
|
5090
5163
|
};
|
|
5091
5164
|
|
|
5092
5165
|
const ButtonCheckmark = styled__default["default"].div `
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IThreadComments } from './threadComments.types';
|
|
3
|
-
export declare const ThreadComments: ({ mainComment, listReplyComments, placeHolderText, onClickPublishButton, showReplysButtonText, publishButtonText, limitInputs, answerButtonText, loggedInUser, group_uuid, getSearchUsers, showMoreButtonText, showLessButtonText, styles, relationToPhaseText, limitMessageExceeded, size, showMoreReplysButtonText, isGoalOwner, editText, deleteText, onClickDelete }: IThreadComments) => JSX.Element;
|
|
3
|
+
export declare const ThreadComments: ({ mainComment, listReplyComments, placeHolderText, onClickPublishButton, showReplysButtonText, publishButtonText, limitInputs, answerButtonText, loggedInUser, group_uuid, getSearchUsers, showMoreButtonText, showLessButtonText, styles, relationToPhaseText, limitMessageExceeded, size, showMoreReplysButtonText, isGoalOwner, editText, deleteText, onClickDelete, cancelButtonText, saveButtonText, orText }: IThreadComments) => JSX.Element;
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/ThreadComments/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAIxD,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/ThreadComments/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAIxD,eAAO,MAAM,cAAc,uZA0BxB,eAAe,gBAiJjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"threadComments.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/ThreadComments/threadComments.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,oEAMrB,CAAA;AACD,eAAO,MAAM,oBAAoB,oEAIhC,CAAA;AAED,eAAO,MAAM,cAAc,oEAG1B,CAAA;AAED,eAAO,MAAM,yBAAyB,
|
|
1
|
+
{"version":3,"file":"threadComments.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/ThreadComments/threadComments.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,oEAMrB,CAAA;AACD,eAAO,MAAM,oBAAoB,oEAIhC,CAAA;AAED,eAAO,MAAM,cAAc,oEAG1B,CAAA;AAED,eAAO,MAAM,yBAAyB,oEAerC,CAAA;AAED,eAAO,MAAM,gBAAgB;YAAwB,MAAM;SAG1D,CAAA"}
|
package/dist/src/components/FI/ThreadComments/utilitiesComponents/commentaryBoxReply/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ICommentComentaryBoxReply } from './commentaryBoxReply.types';
|
|
3
|
-
export declare const CommentaryBoxReply: ({ commentData, showMoreButtonText, showLessButtonText, answerButtonText, onClickAnswerButton, isAuthor, isOwnerPost, deleteText, editText, onClickDelete }: ICommentComentaryBoxReply) => JSX.Element;
|
|
3
|
+
export declare const CommentaryBoxReply: ({ commentData, showMoreButtonText, showLessButtonText, answerButtonText, onClickAnswerButton, isAuthor, isOwnerPost, deleteText, editText, onClickDelete, limitInput, cancelButtonText, saveButtonText, orText, limitMessageExceeded }: ICommentComentaryBoxReply) => JSX.Element;
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/src/components/FI/ThreadComments/utilitiesComponents/commentaryBoxReply/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/ThreadComments/utilitiesComponents/commentaryBoxReply/index.tsx"],"names":[],"mappings":";AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/ThreadComments/utilitiesComponents/commentaryBoxReply/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAA;AAGtE,eAAO,MAAM,kBAAkB,2OAgB5B,yBAAyB,gBAgC3B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommentaryBoxV2.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/commentaryBoxV2/CommentaryBoxV2.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;YAAwB,MAAM;aAAW,MAAM;SAIpE,CAAC;AAEF,eAAO,MAAM,GAAG;YAAwB,MAAM;aAAW,MAAM;SAU9D,CAAC;AAEF,eAAO,MAAM,iBAAiB,oEAM7B,CAAA;AACD,eAAO,MAAM,QAAQ,mEAOpB,CAAA;AAED,eAAO,MAAM,kBAAkB,oEAG7B,CAAA;AAEF,eAAO,MAAM,iBAAiB,oEAQ7B,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAc7B,CAAC;AAEF,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"CommentaryBoxV2.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/commentaryBoxV2/CommentaryBoxV2.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;YAAwB,MAAM;aAAW,MAAM;SAIpE,CAAC;AAEF,eAAO,MAAM,GAAG;YAAwB,MAAM;aAAW,MAAM;SAU9D,CAAC;AAEF,eAAO,MAAM,iBAAiB,oEAM7B,CAAA;AACD,eAAO,MAAM,QAAQ,mEAOpB,CAAA;AAED,eAAO,MAAM,kBAAkB,oEAG7B,CAAA;AAEF,eAAO,MAAM,iBAAiB,oEAQ7B,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAc7B,CAAC;AAEF,eAAO,MAAM,cAAc,oEAU1B,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAO7B,CAAA;AACD,eAAO,MAAM,iBAAiB,oEAU7B,CAAA;AAGD,eAAO,MAAM,2BAA2B,oEAkBvC,CAAA;AAED,eAAO,MAAM,mBAAmB,yEAsB/B,CAAA;AAED,eAAO,MAAM,IAAI,oEAYhB,CAAA;AAED,eAAO,MAAM,aAAa,oEACzB,CAAA;AACD,eAAO,MAAM,QAAQ;eAA4B,OAAO;SASvD,CAAC;AAEF,UAAU,OAAO;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACrB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ICommentaryBoxV2 } from './CommentaryBoxV2.types';
|
|
3
|
-
export declare const CommentaryBoxV2: ({ userName, imgProfile, userCompany, userOffice, showMoreText, relationToPhaseText, showLessText, showLikeButton, styles, actionLike, answerButtonText, likeButtonText, commentTextWithMention, editText, deleteText, isAuthor, isOwnerPost, howLongAgo, commentId, commentUuid, commentText, actionAnswer, onClickUserInfo, actionEditComment, actionDeleteComment, isMainComment, likesCount, hasActionToClickOnAvatar, showOptions, itsLiked }: ICommentaryBoxV2) => JSX.Element;
|
|
3
|
+
export declare const CommentaryBoxV2: ({ userName, imgProfile, userCompany, userOffice, showMoreText, relationToPhaseText, showLessText, showLikeButton, styles, actionLike, answerButtonText, likeButtonText, commentTextWithMention, editText, deleteText, isAuthor, isOwnerPost, howLongAgo, commentId, commentUuid, commentText, actionAnswer, onClickUserInfo, actionEditComment, actionDeleteComment, isMainComment, likesCount, hasActionToClickOnAvatar, showOptions, itsLiked, limitInput, saveButtonText, cancelButtonText, orText, groupUuid, limitMessageExceeded }: ICommentaryBoxV2) => JSX.Element;
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/commentaryBoxV2/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/commentaryBoxV2/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAU1D,eAAO,MAAM,eAAe,6gBAqCzB,gBAAgB,gBA2JlB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/commentaryBoxV2/utilitiesComponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IInputEdit } from './inputEdit.types';
|
|
3
|
+
export declare const InputEdit: ({ placeHolderText, commentText, commentTextWithMention, getSearchUsers, onClickEditButton, limitInput, editButtonText, cancelButtonText, orText, limitMessageExceeded, commentUUID, group_uuid, setIsModeEdit }: IInputEdit) => JSX.Element;
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/commentaryBoxV2/utilitiesComponents/inputEdit/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,eAAO,MAAM,SAAS,oNAcnB,UAAU,gBAgFZ,CAAA"}
|
package/dist/src/components/commentaryBoxV2/utilitiesComponents/inputEdit/inputEdit.styles.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
+
export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
+
export declare const SpanText: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
4
|
+
export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
+
//# sourceMappingURL=inputEdit.styles.d.ts.map
|
package/dist/src/components/commentaryBoxV2/utilitiesComponents/inputEdit/inputEdit.styles.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inputEdit.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/commentaryBoxV2/utilitiesComponents/inputEdit/inputEdit.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,oEAI1B,CAAA;AAED,eAAO,MAAM,SAAS,oEAKrB,CAAA;AAED,eAAO,MAAM,QAAQ,kEAOpB,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAM5B,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import '../../shared/global.css';
|
|
3
3
|
import { IInputComment } from './types';
|
|
4
|
-
export default function InputComment({ placeholder, onChange, limit, users, showCharacterCounter, styles, onSendMentions, onContentFormat, onContentUnformat, disabled, className, value, replyMentionedUser, group_uuid, limitMessageExceeded }: IInputComment): JSX.Element;
|
|
4
|
+
export default function InputComment({ placeholder, onChange, limit, users, showCharacterCounter, styles, onSendMentions, onContentFormat, onContentUnformat, disabled, className, value, replyMentionedUser, group_uuid, limitMessageExceeded, initialText }: IInputComment): JSX.Element;
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input-comment/index.tsx"],"names":[],"mappings":";AACA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAOvC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input-comment/index.tsx"],"names":[],"mappings":";AACA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAOvC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,oBAAoB,EACpB,MAAM,EACN,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,kBAAkB,EAClB,UAAU,EACV,oBAAoB,EACpB,WAAW,EACZ,EAAE,aAAa,eA2Ef"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { User } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { User } from './types';
|
|
3
3
|
interface IInputHook {
|
|
4
4
|
limit: number;
|
|
5
5
|
placeholder: string;
|
|
@@ -9,8 +9,9 @@ interface IInputHook {
|
|
|
9
9
|
onChange?: (value: any) => void;
|
|
10
10
|
value?: string;
|
|
11
11
|
replyMentionedUser?: User;
|
|
12
|
+
initialText?: string;
|
|
12
13
|
}
|
|
13
|
-
export declare const useInputHook: ({ limit, placeholder, onSendMentions, onContentFormat, onContentUnformat, onChange, value, replyMentionedUser }: IInputHook) => {
|
|
14
|
+
export declare const useInputHook: ({ limit, placeholder, onSendMentions, onContentFormat, onContentUnformat, onChange, value, replyMentionedUser, initialText }: IInputHook) => {
|
|
14
15
|
handleInput: (event: React.KeyboardEvent) => void;
|
|
15
16
|
handlePlaceholderInputText: (isPlaceHolderFocus?: boolean) => void;
|
|
16
17
|
showMention: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInputHook.d.ts","sourceRoot":"","sources":["../../../../src/components/input-comment/useInputHook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"useInputHook.d.ts","sourceRoot":"","sources":["../../../../src/components/input-comment/useInputHook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC5C,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,IAAI,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,YAAY,iIAUtB,UAAU;yBAiHiB,mBAAmB;sDA8ES,OAAO;;;;;;;8BApJ9B,IAAI;;;;;CAqUtC,CAAA"}
|