frst-components 0.20.60 → 0.20.61
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 +52 -74
- package/dist/src/components/FI/bannerProblemFeed/index.d.ts +0 -7
- package/dist/src/components/FI/bannerProblemFeed/index.d.ts.map +1 -1
- package/dist/src/components/FI/feedInteraction/index.d.ts +0 -7
- package/dist/src/components/FI/feedInteraction/index.d.ts.map +1 -1
- package/dist/src/components/FI/postFeed/index.d.ts +2 -5
- package/dist/src/components/FI/postFeed/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/src/components/FI/bannerProblemFeed/useDoubleClick.d.ts +0 -3
- package/dist/src/components/FI/bannerProblemFeed/useDoubleClick.d.ts.map +0 -1
package/dist/index.js
CHANGED
|
@@ -13228,7 +13228,7 @@ const topHeaderTag = styled__default["default"].span `
|
|
|
13228
13228
|
border-radius: 0px 8px;
|
|
13229
13229
|
|
|
13230
13230
|
`;
|
|
13231
|
-
|
|
13231
|
+
styled__default["default"].div `
|
|
13232
13232
|
position: absolute;
|
|
13233
13233
|
top: 0;
|
|
13234
13234
|
left: 0;
|
|
@@ -13245,7 +13245,7 @@ const ShowLikeDoubleClick = styled__default["default"].div `
|
|
|
13245
13245
|
border-radius: 8px;
|
|
13246
13246
|
user-select: none;
|
|
13247
13247
|
`;
|
|
13248
|
-
|
|
13248
|
+
styled__default["default"].img `
|
|
13249
13249
|
transform: rotate(180deg);
|
|
13250
13250
|
transform: scaleY(-1);
|
|
13251
13251
|
width: 30%;
|
|
@@ -13350,14 +13350,14 @@ const reviewContent = styled__default["default"].div `
|
|
|
13350
13350
|
margin-top: 16px;
|
|
13351
13351
|
margin-bottom: 32px;
|
|
13352
13352
|
`;
|
|
13353
|
-
|
|
13353
|
+
styled__default["default"].div `
|
|
13354
13354
|
display: flex;
|
|
13355
13355
|
justify-content: center;
|
|
13356
13356
|
align-items: center;
|
|
13357
13357
|
flex-direction: column;
|
|
13358
13358
|
padding-bottom: 32px;
|
|
13359
13359
|
`;
|
|
13360
|
-
|
|
13360
|
+
styled__default["default"].div `
|
|
13361
13361
|
display: flex;
|
|
13362
13362
|
justify-content: flex-start;
|
|
13363
13363
|
align-items: flex-start;
|
|
@@ -13365,7 +13365,7 @@ const comment = styled__default["default"].div `
|
|
|
13365
13365
|
width: 100%;
|
|
13366
13366
|
margin-top: 28px;
|
|
13367
13367
|
`;
|
|
13368
|
-
|
|
13368
|
+
styled__default["default"].div `
|
|
13369
13369
|
display: flex;
|
|
13370
13370
|
justify-content: flex-start;
|
|
13371
13371
|
align-items: center;
|
|
@@ -13373,12 +13373,12 @@ const inputComment = styled__default["default"].div `
|
|
|
13373
13373
|
width: 100%;
|
|
13374
13374
|
margin-top: 12px;
|
|
13375
13375
|
`;
|
|
13376
|
-
|
|
13376
|
+
styled__default["default"].div `
|
|
13377
13377
|
border: none;
|
|
13378
13378
|
background: none;
|
|
13379
13379
|
margin-left: 8px;
|
|
13380
13380
|
`;
|
|
13381
|
-
|
|
13381
|
+
styled__default["default"].div `
|
|
13382
13382
|
display: flex;
|
|
13383
13383
|
justify-content: flex-start;
|
|
13384
13384
|
align-items: flex-start;
|
|
@@ -13390,18 +13390,18 @@ const commentList = styled__default["default"].div `
|
|
|
13390
13390
|
function FeedInteraction(props) {
|
|
13391
13391
|
const [openReview, setOpenReview] = React.useState(false);
|
|
13392
13392
|
const [openComments, setOpenComments] = React.useState(false);
|
|
13393
|
-
const [loadCommentsText, setLoadCommentsText] =
|
|
13394
|
-
const [showMoreComments, setShowMoreComments] =
|
|
13395
|
-
const [focusComment, setFocusComment] =
|
|
13396
|
-
const [commentData, setCommentData] =
|
|
13393
|
+
// const [loadCommentsText, setLoadCommentsText] = useState(props.commentList?.length < 2 ? false : true);
|
|
13394
|
+
// const [showMoreComments, setShowMoreComments] = useState(false);
|
|
13395
|
+
// const [focusComment, setFocusComment] = useState(false);
|
|
13396
|
+
// const [commentData, setCommentData] = useState('');
|
|
13397
13397
|
const [isVisibleComments, setIsVisibleComments] = React.useState(!props?.hideComments);
|
|
13398
13398
|
React.useEffect(() => {
|
|
13399
13399
|
setIsVisibleComments(!props?.hideComments);
|
|
13400
13400
|
}, [props?.hideComments]);
|
|
13401
|
-
const [stateLatestComment, setStateLatestComment] =
|
|
13402
|
-
|
|
13403
|
-
|
|
13404
|
-
}, [props.latestComment]);
|
|
13401
|
+
// const [stateLatestComment, setStateLatestComment] = useState(props.latestComment)
|
|
13402
|
+
// useEffect(() => {
|
|
13403
|
+
// setStateLatestComment(props.latestComment)
|
|
13404
|
+
// }, [props.latestComment]);
|
|
13405
13405
|
const [stateTotalComments, setStateTotalComments] = React.useState(props.qtdComments);
|
|
13406
13406
|
React.useEffect(() => {
|
|
13407
13407
|
setStateTotalComments(props.qtdComments);
|
|
@@ -13414,19 +13414,19 @@ function FeedInteraction(props) {
|
|
|
13414
13414
|
setOpenComments(!openComments);
|
|
13415
13415
|
setOpenReview(false);
|
|
13416
13416
|
};
|
|
13417
|
-
const OnLoadCommentsClick = () => {
|
|
13418
|
-
|
|
13419
|
-
|
|
13420
|
-
}
|
|
13421
|
-
const OnChangeComment = (e) => {
|
|
13422
|
-
|
|
13423
|
-
|
|
13424
|
-
}
|
|
13425
|
-
const HandleSaveComment = () => {
|
|
13426
|
-
|
|
13427
|
-
|
|
13428
|
-
|
|
13429
|
-
}
|
|
13417
|
+
// const OnLoadCommentsClick = () => {
|
|
13418
|
+
// setLoadCommentsText(false)
|
|
13419
|
+
// setShowMoreComments(true)
|
|
13420
|
+
// }
|
|
13421
|
+
// const OnChangeComment = (e) => {
|
|
13422
|
+
// setCommentData(e.target.value)
|
|
13423
|
+
// setFocusComment(true)
|
|
13424
|
+
// }
|
|
13425
|
+
// const HandleSaveComment = () => {
|
|
13426
|
+
// props.handleSaveCommentBtn(commentData)
|
|
13427
|
+
// setCommentData('')
|
|
13428
|
+
// setFocusComment(false)
|
|
13429
|
+
// }
|
|
13430
13430
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Container$2, { style: { ...props.style }, id: props.id, children: [!props.textTotalView && (props.qtdLikes || stateTotalComments) ?
|
|
13431
13431
|
jsxRuntime.jsxs(infoContent, { children: [props.qtdLikes ?
|
|
13432
13432
|
jsxRuntime.jsxs(info, { style: { left: 0 }, children: [" ", jsxRuntime.jsx(ThumbsUpCovered, {}), " \u00A0", props.qtdLikes] })
|
|
@@ -13442,47 +13442,18 @@ function FeedInteraction(props) {
|
|
|
13442
13442
|
jsxRuntime.jsxs(reviewContainer, { children: [props.textAvaluationTitle, jsxRuntime.jsxs(reviewContent, { children: [props.isChallengeReview &&
|
|
13443
13443
|
jsxRuntime.jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column' }, children: [jsxRuntime.jsx(Rating, { isVisibleNumberRating: false, orientation: 'horizontal', qtdStars: 5, sizeStars: 20, marginStars: '3.5px', disabled: props.isDisabledAvaluation, rating: props.ratingImpacto, handleRating: props?.handleImpactoChange }), jsxRuntime.jsx("span", { children: props.textImpacto })] }), props.isChallengeReview &&
|
|
13444
13444
|
jsxRuntime.jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column', marginLeft: 24 }, children: [jsxRuntime.jsx(Rating, { isVisibleNumberRating: false, orientation: 'horizontal', qtdStars: 5, sizeStars: 20, marginStars: '3.5px', disabled: props.isDisabledAvaluation, rating: props.ratingRelevancia, handleRating: props?.handleRelevanciaChange }), jsxRuntime.jsx("span", { children: props.textRelevancia })] }), props.isPostReview &&
|
|
13445
|
-
jsxRuntime.jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column' }, children: jsxRuntime.jsx(Rating, { isVisibleNumberRating: false, orientation: 'horizontal', qtdStars: 5, sizeStars: 20, marginStars: '3.5px', disabled: props.isDisabledAvaluation, rating: props.ratingPostReview, handleRating: props?.handlePostReviewChange }) })] })] }), openComments &&
|
|
13446
|
-
jsxRuntime.jsxs(commentsContainer, { children: [jsxRuntime.jsxs(inputComment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.userAvatar }), jsxRuntime.jsx(InputComment$1, { styles: { width: '100%', marginLeft: 8 }, IDInput: 'userComment', showCharacterCounter: false, className: 'userComment', hasEmoji: true, emojiWindowlanguage: 'pt', placeholder: props.userCommentPlaceholder ? props.userCommentPlaceholder : '', onChange: OnChangeComment, value: commentData }), jsxRuntime.jsx(submitButton, { style: { display: focusComment ? 'block' : 'none' }, children: jsxRuntime.jsx(Button$5, { variant: 'primary', label: props.textSaveCommentBtn, handleClick: HandleSaveComment }) })] }), props.isChallengeReview ?
|
|
13447
|
-
stateLatestComment ?
|
|
13448
|
-
jsxRuntime.jsxs(commentList, { children: [props.textLatestComment, jsxRuntime.jsxs(comment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: stateLatestComment.avatar }), jsxRuntime.jsx(CommentaryBox, { styles: { width: '100%', marginLeft: 8 }, name: stateLatestComment.name, date: stateLatestComment.date, position: stateLatestComment.position, value: stateLatestComment.value, className: stateLatestComment.className, onChange: stateLatestComment.onChange, actionLike: stateLatestComment.actionLike, textLiked: stateLatestComment.textLike, textUnliked: stateLatestComment.textDeslike, isLiked: stateLatestComment.isLiked, totalLikes: stateLatestComment.totalLikes, hasDropdown: stateLatestComment.hasDropdown, isAuthor: stateLatestComment.isAuthor, isMe: stateLatestComment.isMe, actionDeleteComment: stateLatestComment.actionDeleteComment, actionEditComment: stateLatestComment.actionEditComment, actionAnswer: stateLatestComment.actionAnswer, actionMakePrivate: stateLatestComment.actionMakePrivate, actionUpdateValue: stateLatestComment.actionUpdateValue, detectLinks: stateLatestComment.detectLinks, hasAnswer: stateLatestComment.hasAnswer, isPrivateAuthor: stateLatestComment.isPrivateAuthor, isPrivateMe: stateLatestComment.isPrivateMe, idTextComment: stateLatestComment.idTextComment, textAnswer: stateLatestComment.textAnswer, textCancelButton: stateLatestComment.textCancelButton, textDeleteComment: stateLatestComment.textDeleteComment, textEditComment: stateLatestComment.textEditComment, textEdited: stateLatestComment.textEdited, textMakePrivate: stateLatestComment.textMakePrivate, textMakePublic: stateLatestComment.textMakePublic, textPrivateComment: stateLatestComment.textPrivateComment, textSaveButton: stateLatestComment.textSaveButton, textSaveButtonMobile: stateLatestComment.textSaveButtonMobile, textYou: stateLatestComment.textYou, wasEdited: stateLatestComment.wasEdited })] })] })
|
|
13449
|
-
: null
|
|
13450
|
-
:
|
|
13451
|
-
props.commentList ?
|
|
13452
|
-
jsxRuntime.jsxs(commentList, { children: [jsxRuntime.jsxs(comment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.commentList[0].avatar }), jsxRuntime.jsx(CommentaryBox, { styles: { width: '100%' }, name: props.commentList[0].name, date: props.commentList[0].date, position: props.commentList[0].position, value: props.commentList[0].value, className: props.commentList[0].className, onChange: props.commentList[0].onChange, actionLike: props.commentList[0].actionLike, textLiked: props.commentList[0].textLike, textUnliked: props.commentList[0].textDeslike, isLiked: props.commentList[0].isLiked, totalLikes: props.commentList[0].totalLikes, hasDropdown: props.commentList[0].hasDropdown, isAuthor: props.commentList[0].isAuthor, isMe: props.commentList[0].isMe, actionDeleteComment: props.commentList[0].actionDeleteComment, actionEditComment: props.commentList[0].actionEditComment, actionAnswer: props.commentList[0].actionAnswer, actionMakePrivate: props.commentList[0].actionMakePrivate, actionUpdateValue: props.commentList[0].actionUpdateValue, detectLinks: props.commentList[0].detectLinks, hasAnswer: props.commentList[0].hasAnswer, isPrivateAuthor: props.commentList[0].isPrivateAuthor, isPrivateMe: props.commentList[0].isPrivateMe, idTextComment: props.commentList[0].idTextComment, textAnswer: props.commentList[0].textAnswer, textCancelButton: props.commentList[0].textCancelButton, textDeleteComment: props.commentList[0].textDeleteComment, textEditComment: props.commentList[0].textEditComment, textEdited: props.commentList[0].textEdited, textMakePrivate: props.commentList[0].textMakePrivate, textMakePublic: props.commentList[0].textMakePublic, textPrivateComment: props.commentList[0].textPrivateComment, textSaveButton: props.commentList[0].textSaveButton, textSaveButtonMobile: props.commentList[0].textSaveButtonMobile, textYou: props.commentList[0].textYou, wasEdited: props.commentList[0].wasEdited })] }), loadCommentsText &&
|
|
13453
|
-
jsxRuntime.jsx("span", { style: { color: FRSTTheme['colors'].linkOnfocus, marginTop: 12, cursor: 'pointer' }, onClick: OnLoadCommentsClick, children: props.textLoadMoreComments }), showMoreComments &&
|
|
13454
|
-
jsxRuntime.jsxs(comment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.commentList[1].avatar }), jsxRuntime.jsx(CommentaryBox, { styles: { width: '100%' }, name: props.commentList[1].name, date: props.commentList[1].date, position: props.commentList[1].position, value: props.commentList[1].value, className: props.commentList[1].className, onChange: props.commentList[1].onChange, actionLike: props.commentList[1].actionLike, textLiked: props.commentList[1].textLike, textUnliked: props.commentList[1].textDeslike, isLiked: props.commentList[1].isLiked, totalLikes: props.commentList[1].totalLikes, hasDropdown: props.commentList[1].hasDropdown, isAuthor: props.commentList[1].isAuthor, isMe: props.commentList[1].isMe, actionDeleteComment: props.commentList[1].actionDeleteComment, actionEditComment: props.commentList[1].actionEditComment, actionAnswer: props.commentList[1].actionAnswer, actionMakePrivate: props.commentList[1].actionMakePrivate, actionUpdateValue: props.commentList[1].actionUpdateValue, detectLinks: props.commentList[1].detectLinks, hasAnswer: props.commentList[1].hasAnswer, isPrivateAuthor: props.commentList[1].isPrivateAuthor, isPrivateMe: props.commentList[1].isPrivateMe, idTextComment: props.commentList[1].idTextComment, textAnswer: props.commentList[1].textAnswer, textCancelButton: props.commentList[1].textCancelButton, textDeleteComment: props.commentList[1].textDeleteComment, textEditComment: props.commentList[1].textEditComment, textEdited: props.commentList[1].textEdited, textMakePrivate: props.commentList[1].textMakePrivate, textMakePublic: props.commentList[1].textMakePublic, textPrivateComment: props.commentList[1].textPrivateComment, textSaveButton: props.commentList[1].textSaveButton, textSaveButtonMobile: props.commentList[1].textSaveButtonMobile, textYou: props.commentList[1].textYou, wasEdited: props.commentList[1].wasEdited })] })] })
|
|
13455
|
-
: null] }), openComments && props?.isCommentV2 &&
|
|
13445
|
+
jsxRuntime.jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column' }, children: jsxRuntime.jsx(Rating, { isVisibleNumberRating: false, orientation: 'horizontal', qtdStars: 5, sizeStars: 20, marginStars: '3.5px', disabled: props.isDisabledAvaluation, rating: props.ratingPostReview, handleRating: props?.handlePostReviewChange }) })] })] }), openComments && props?.isCommentV2 &&
|
|
13456
13446
|
jsxRuntime.jsx("div", { children: props?.childrenCommentV2 })] }) }));
|
|
13457
13447
|
}
|
|
13458
13448
|
|
|
13459
|
-
function useDoubleClick(action) {
|
|
13460
|
-
const [clickTimeout, setClickTimeout] = React.useState(null);
|
|
13461
|
-
const handleClick = () => {
|
|
13462
|
-
if (clickTimeout !== null) {
|
|
13463
|
-
// Se existe um timeout configurado, isso é um duplo clique
|
|
13464
|
-
action();
|
|
13465
|
-
clearTimeout(clickTimeout);
|
|
13466
|
-
setClickTimeout(null);
|
|
13467
|
-
}
|
|
13468
|
-
else {
|
|
13469
|
-
// Se não há timeout, inicia um. Se outro clique ocorrer antes do timeout expirar, será um duplo clique
|
|
13470
|
-
setClickTimeout(window.setTimeout(() => {
|
|
13471
|
-
setClickTimeout(null);
|
|
13472
|
-
}, 250)); // 250 ms para o segundo clique
|
|
13473
|
-
}
|
|
13474
|
-
};
|
|
13475
|
-
return handleClick;
|
|
13476
|
-
}
|
|
13477
|
-
|
|
13478
13449
|
function BannerProblemFeed(props) {
|
|
13479
13450
|
const [selectedStep, setSelectedStep] = React.useState(props.stepActive);
|
|
13480
13451
|
const learningIcon = 'https://i.gyazo.com/4e0807b581bf9780f07a27516a809a21.png';
|
|
13481
13452
|
const achievementIcon = 'https://i.gyazo.com/9b192733f4947946a3f47080ae12727f.png';
|
|
13482
|
-
const [stateLatestComment, setStateLatestComment] =
|
|
13483
|
-
|
|
13484
|
-
|
|
13485
|
-
}, [props.latestComment]);
|
|
13453
|
+
// const [stateLatestComment, setStateLatestComment] = useState(props.latestComment)
|
|
13454
|
+
// useEffect(() => {
|
|
13455
|
+
// setStateLatestComment(props.latestComment)
|
|
13456
|
+
// }, [props.latestComment]);
|
|
13486
13457
|
const [stateTotalComments, setStateTotalComments] = React.useState(props.qtdComments);
|
|
13487
13458
|
React.useEffect(() => {
|
|
13488
13459
|
setStateTotalComments(props.qtdComments);
|
|
@@ -13546,16 +13517,6 @@ function BannerProblemFeed(props) {
|
|
|
13546
13517
|
jsxRuntime.jsxs(stepsContainer, { children: [jsxRuntime.jsx(stepsTitle, { children: props.step5Title }), jsxRuntime.jsxs(stepsLabel, { style: { color: FRSTTheme['colors'].primary1 }, children: [props.textNextSteps, ":"] }), jsxRuntime.jsx(stepsValueText, { children: props.nextStepsValue })] })
|
|
13547
13518
|
: null }));
|
|
13548
13519
|
};
|
|
13549
|
-
const [stateShowLikeDoubleClick, setStateShowLikeDoubleClick] = React.useState(false);
|
|
13550
|
-
useDoubleClick(() => {
|
|
13551
|
-
if (!!props?.activeDoubleClickLike) {
|
|
13552
|
-
setStateShowLikeDoubleClick(true);
|
|
13553
|
-
props?.handleLikeClick();
|
|
13554
|
-
setTimeout(() => {
|
|
13555
|
-
setStateShowLikeDoubleClick(false);
|
|
13556
|
-
}, 2000); // Após 2 segundos, a div será escondida
|
|
13557
|
-
}
|
|
13558
|
-
});
|
|
13559
13520
|
return (jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [props.mainAchievementValue || props.mainLearningValue ?
|
|
13560
13521
|
jsxRuntime.jsxs(achievementHeader, { style: { backgroundColor: props.isSuccessCase ? '#444' : '#4B2961' }, children: [jsxRuntime.jsx("img", { src: props.mainAchievementValue ? achievementIcon : learningIcon, width: '56', height: '56' }), jsxRuntime.jsx("span", { style: { marginLeft: 16, wordBreak: 'break-word', overflow: 'hidden', display: '-webkit-box', WebkitLineClamp: 3, WebkitBoxOrient: 'vertical' }, children: props.mainAchievementValue ? props.mainAchievementValue : props.mainLearningValue })] })
|
|
13561
13522
|
: null, jsxRuntime.jsxs(bannerContainer, { style: { borderTopLeftRadius: props.mainAchievementValue || props.mainLearningValue ? 0 : 8, borderTopRightRadius: props.mainAchievementValue || props.mainLearningValue ? 0 : 8 }, children: [props.topHeaderTagText &&
|
|
@@ -13574,7 +13535,16 @@ function BannerProblemFeed(props) {
|
|
|
13574
13535
|
marginBottom: 4,
|
|
13575
13536
|
borderTop: `1px solid ${FRSTTheme['colors'].borderPrimary}`,
|
|
13576
13537
|
display: 'flex', justifyContent: 'center'
|
|
13577
|
-
}, children: jsxRuntime.jsx("div", { style: { width: '95%' }, children: jsxRuntime.jsx(StepsProgress, { definedSteps: definedSteps, stepSelected: selectedStep }) }) }), jsxRuntime.jsx(RenderSteps, {}), jsxRuntime.jsx(Button$5, { label: props.textButton, variant: 'expandedPrimary', handleClick: () => props.onClickButton() })] }), jsxRuntime.jsx(FeedInteraction, { isChallengeReview: true, id: props.id, isLiked: props.isLiked, qtdComments: stateTotalComments, qtdLikes: props.qtdLikes, textAvaluation: props.textAvaluation, textAvaluationTitle: props.textAvaluationTitle, isDisabledAvaluation: props.isDisabledAvaluation, textComments: props.textComments, textDeslike: props.textDeslike, textLikes: props.textLikes,
|
|
13538
|
+
}, children: jsxRuntime.jsx("div", { style: { width: '95%' }, children: jsxRuntime.jsx(StepsProgress, { definedSteps: definedSteps, stepSelected: selectedStep }) }) }), jsxRuntime.jsx(RenderSteps, {}), jsxRuntime.jsx(Button$5, { label: props.textButton, variant: 'expandedPrimary', handleClick: () => props.onClickButton() })] }), jsxRuntime.jsx(FeedInteraction, { isChallengeReview: true, id: props.id, isLiked: props.isLiked, qtdComments: stateTotalComments, qtdLikes: props.qtdLikes, textAvaluation: props.textAvaluation, textAvaluationTitle: props.textAvaluationTitle, isDisabledAvaluation: props.isDisabledAvaluation, textComments: props.textComments, textDeslike: props.textDeslike, textLikes: props.textLikes,
|
|
13539
|
+
// latestComment={stateLatestComment}
|
|
13540
|
+
// textLatestComment={props.textLatestComment}
|
|
13541
|
+
textImpacto: props.textImpacto, ratingImpacto: props.ratingImpacto, textRelevancia: props.textRelevancia, ratingRelevancia: props.ratingRelevancia,
|
|
13542
|
+
// userCommentPlaceholder={props.userCommentPlaceholder}
|
|
13543
|
+
// onCommentChange={props.onCommentChange}
|
|
13544
|
+
handleLikeClick: props.handleLikeClick, handleImpactoChange: props.handleImpactoChange, handleRelevanciaChange: props.handleRelevanciaChange,
|
|
13545
|
+
// textSaveCommentBtn={props.textSaveCommentBtn}
|
|
13546
|
+
// handleSaveCommentBtn={props.handleSaveCommentBtn}
|
|
13547
|
+
userAvatar: props.avatar, textTotalView: props.textTotalView, handleClickTextTotalViews: props.handleClickTextTotalViews, isCommentV2: props?.isCommentV2, childrenCommentV2: props?.childrenCommentV2 })] }));
|
|
13578
13548
|
}
|
|
13579
13549
|
function getStepsChallenge(language, stepProblem, setSelectedStep, onSelectedStep) {
|
|
13580
13550
|
let translate = {
|
|
@@ -14023,7 +13993,15 @@ function PostFeed(props) {
|
|
|
14023
13993
|
jsxRuntime.jsx("iframe", { src: `https://player.vimeo.com/video/${props.postVideoId}?autoplay=0`, width: props.videoWidth ? props.videoWidth : '100%', height: props.videoHeight ? props.videoHeight : 430, allow: "autoplay; fullscreen" })] })
|
|
14024
13994
|
: null, props.handlePostButtonClick ?
|
|
14025
13995
|
jsxRuntime.jsx("div", { style: { marginTop: 32, width: '100%', paddingLeft: '24px', paddingRight: '24px' }, children: jsxRuntime.jsx(Button$5, { variant: 'expandedPrimary', label: props.textPostButton, handleClick: props.handlePostButtonClick }) })
|
|
14026
|
-
: null] }), jsxRuntime.jsx(FeedInteraction, { hideComments: isVisibleComments, isPostReview: true, userAvatar: props.userAvatar, id: props.postId, isLiked: props.isPostLiked, qtdComments: props.qtdComments, qtdLikes: props.qtdLikes, textAvaluation: props.textAvaluation, textAvaluationTitle: props.textAvaluationTitle, textComments: props.textComments, textDeslike: props.textDeslike, textLikes: props.textLikes,
|
|
13996
|
+
: null] }), jsxRuntime.jsx(FeedInteraction, { hideComments: isVisibleComments, isPostReview: true, userAvatar: props.userAvatar, id: props.postId, isLiked: props.isPostLiked, qtdComments: props.qtdComments, qtdLikes: props.qtdLikes, textAvaluation: props.textAvaluation, textAvaluationTitle: props.textAvaluationTitle, textComments: props.textComments, textDeslike: props.textDeslike, textLikes: props.textLikes,
|
|
13997
|
+
// commentList={props.commentList}
|
|
13998
|
+
// userCommentPlaceholder={props.userCommentPlaceholder}
|
|
13999
|
+
textLoadMoreComments: props.textLoadMoreComments,
|
|
14000
|
+
// textSaveCommentBtn={props.textSaveCommentBtn}
|
|
14001
|
+
ratingPostReview: props.ratingPostReview, handleLikeClick: props.handleLikeClick, handlePostReviewChange: props.handlePostReviewChange,
|
|
14002
|
+
// handleSaveCommentBtn={props.handleSaveCommentBtn}
|
|
14003
|
+
// onCommentChange={props.onCommentChange}
|
|
14004
|
+
isDisabledAvaluation: props.isDisabledAvaluation, isCommentV2: props?.isCommentV2, childrenCommentV2: props?.childrenCommentV2 })] }) }));
|
|
14027
14005
|
}
|
|
14028
14006
|
function IconPin({ fill }) {
|
|
14029
14007
|
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("svg", { width: "18", height: "13", viewBox: "0 0 18 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M17 1L6 12L1 7", stroke: "#0645AD", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) });
|
|
@@ -32,13 +32,7 @@ interface IBannerProblemFeed extends stepsInfo {
|
|
|
32
32
|
textImpacto: string;
|
|
33
33
|
ratingRelevancia: number;
|
|
34
34
|
textRelevancia: string;
|
|
35
|
-
userCommentPlaceholder: string;
|
|
36
|
-
textLatestComment: string;
|
|
37
|
-
latestComment: any;
|
|
38
|
-
textSaveCommentBtn: string;
|
|
39
|
-
handleSaveCommentBtn?: () => any;
|
|
40
35
|
isDisabledAvaluation?: boolean;
|
|
41
|
-
onCommentChange?: () => void;
|
|
42
36
|
handleLikeClick?: () => void;
|
|
43
37
|
handleImpactoChange?: any;
|
|
44
38
|
handleRelevanciaChange?: any;
|
|
@@ -49,7 +43,6 @@ interface IBannerProblemFeed extends stepsInfo {
|
|
|
49
43
|
handleClickTextTotalViews?: () => void;
|
|
50
44
|
isCommentV2?: boolean;
|
|
51
45
|
childrenCommentV2?: any;
|
|
52
|
-
activeDoubleClickLike?: boolean;
|
|
53
46
|
}
|
|
54
47
|
interface stepsInfo {
|
|
55
48
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/bannerProblemFeed/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/bannerProblemFeed/index.tsx"],"names":[],"mappings":";AAeA,UAAU,kBAAmB,SAAQ,SAAS;IAC1C,EAAE,EAAG,MAAM,CAAA;IACX,UAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAG,MAAM,CAAA;IACjB,YAAY,EAAG,MAAM,CAAA;IACrB,WAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,EAAG,MAAM,CAAA;IACrB,WAAY,CAAC,EAAE,EAAE,CAAA;IAEjB,WAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB,WAAW,EAAG,MAAM,CAAA;IACpB,UAAU,EAAG,MAAM,CAAA;IAEnB,UAAU,EAAG,MAAM,CAAA;IAEnB,aAAa,EAAG,MAAM,IAAI,CAAA;IAC1B,cAAc,EAAG,CAAC,IAAI,EAAG,MAAM,KAAK,IAAI,CAAA;IAExC,QAAQ,EAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAA;IAE7C,aAAc,CAAC,EAAE,OAAO,CAAA;IAE5B;;yFAEqF;IACjF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;IAChB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,MAAM,CAAA;IACxB,cAAc,EAAE,MAAM,CAAA;IAOtB,oBAAqB,CAAC,EAAE,OAAO,CAAC;IAGhC,eAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,mBAAmB,CAAC,EAAE,GAAG,CAAA;IACzB,sBAAsB,CAAC,EAAE,GAAG,CAAC;IAE7B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iBAAiB,CAAC,EAAE,GAAG,CAAA;CAC1B;AAED,UAAU,SAAS;IACnB;;OAEG;IACC,UAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAe,CAAC,EAAE,MAAM,CAAA;IACxB,sBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,uBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,sBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,uBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,iBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kBAAmB,CAAC,EAAE,MAAM,CAAA;IAChC;;OAEG;IACC,UAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,qBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,sBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,QAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kBAAmB,CAAC,EAAE,MAAM,CAAA;IAChC;;OAEG;IACC,UAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,mBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACrC;;OAEG;IACC,UAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,oBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,gBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAkB,CAAC,EAAE,MAAM,CAAA;IAC/B;;OAEG;IACC,UAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAe,CAAC,EAAE,MAAM,CAAA;CAE3B;AAGD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAG,kBAAkB,eAmSnE"}
|
|
@@ -16,17 +16,10 @@ interface IFeedInteraction {
|
|
|
16
16
|
textRelevancia?: string;
|
|
17
17
|
isPostReview?: boolean;
|
|
18
18
|
ratingPostReview?: number;
|
|
19
|
-
textLatestComment?: string;
|
|
20
19
|
userAvatar?: string;
|
|
21
|
-
userCommentPlaceholder?: string;
|
|
22
|
-
latestComment?: any;
|
|
23
|
-
commentList?: any[];
|
|
24
20
|
textLoadMoreComments?: string;
|
|
25
|
-
textSaveCommentBtn?: string;
|
|
26
|
-
handleSaveCommentBtn?: (comment: any) => void;
|
|
27
21
|
isDisabledAvaluation?: boolean;
|
|
28
22
|
style?: React.CSSProperties;
|
|
29
|
-
onCommentChange?: (e: any) => void;
|
|
30
23
|
handleLikeClick?: () => void;
|
|
31
24
|
handleImpactoChange?: any;
|
|
32
25
|
handleRelevanciaChange?: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/feedInteraction/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/feedInteraction/index.tsx"],"names":[],"mappings":";AAiBA,UAAU,gBAAgB;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,MAAM,CAAA;IACtB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,OAAO,EAAE,OAAO,CAAA;IAChB,iBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAiB,CAAC,EAAE,MAAM,CAAA;IAG1B,UAAW,CAAC,EAAE,MAAM,CAAA;IAIpB,oBAAqB,CAAC,EAAE,MAAM,CAAA;IAI9B,oBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B,KAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAE5B,eAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,mBAAmB,CAAC,EAAE,GAAG,CAAA;IACzB,sBAAsB,CAAC,EAAE,GAAG,CAAA;IAC5B,sBAAuB,CAAC,EAAE,GAAG,CAAA;IAE7B,YAAa,CAAC,EAAE,GAAG,CAAA;IAEnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iBAAiB,CAAC,EAAE,GAAG,CAAA;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAG,KAAK,EAAG,gBAAgB,eAwSjE"}
|
|
@@ -22,20 +22,17 @@ interface IPostFeed {
|
|
|
22
22
|
textComments?: string;
|
|
23
23
|
textLikes?: string;
|
|
24
24
|
textDeslike?: string;
|
|
25
|
-
userCommentPlaceholder?: string;
|
|
26
25
|
textLoadMoreComments?: string;
|
|
27
|
-
textSaveCommentBtn?: string;
|
|
28
26
|
isDisabledAvaluation?: boolean;
|
|
29
27
|
ratingPostReview?: number;
|
|
30
|
-
commentList?: any;
|
|
31
28
|
handleLikeClick?: () => void;
|
|
32
29
|
handlePostReviewChange?: () => void;
|
|
33
|
-
handleSaveCommentBtn?: (comment: any) => void;
|
|
34
|
-
onCommentChange?: (e: any) => void;
|
|
35
30
|
isVisibleComments?: boolean;
|
|
36
31
|
videoSource?: string;
|
|
37
32
|
fixPostButton?: any;
|
|
38
33
|
isCompletePost?: boolean;
|
|
34
|
+
isCommentV2?: boolean;
|
|
35
|
+
childrenCommentV2?: any;
|
|
39
36
|
}
|
|
40
37
|
export default function PostFeed(props: IPostFeed): JSX.Element;
|
|
41
38
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/postFeed/index.tsx"],"names":[],"mappings":";AAUA,UAAU,SAAS;IACf,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAE3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtC;;OAEG;IACC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/postFeed/index.tsx"],"names":[],"mappings":";AAUA,UAAU,SAAS;IACf,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAE3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtC;;OAEG;IACC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAE7B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAA;IAGnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,GAAG,CAAA;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,KAAK,EAAG,SAAS,eAkIlD"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useDoubleClick.d.ts","sourceRoot":"","sources":["../../../../../src/components/FI/bannerProblemFeed/useDoubleClick.ts"],"names":[],"mappings":"AAEA,iBAAS,cAAc,CAAC,MAAM,EAAE,MAAM,IAAI,cAkBzC;AAED,eAAe,cAAc,CAAC"}
|