frst-components 0.23.20 → 0.23.22

package/dist/index.js

@@ -3017,6 +3017,10 @@ const ExcludeVoteIcon = ({ style, width = '16', height = '17', stroke = '#444444
     return (jsxRuntime.jsxs("svg", { style: style, width: width, height: height, viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M8.00065 14.9381C11.6825 14.9381 14.6673 11.9533 14.6673 8.2714C14.6673 4.5895 11.6825 1.60474 8.00065 1.60474C4.31875 1.60474 1.33398 4.5895 1.33398 8.2714C1.33398 11.9533 4.31875 14.9381 8.00065 14.9381Z", stroke: stroke, "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsxRuntime.jsx("path", { d: "M10.6673 5.60474L5.33398 10.9381", stroke: stroke, "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsxRuntime.jsx("path", { d: "M5.33398 5.60474L10.6673 10.9381", stroke: stroke, "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
 };
 
+const VoteCurrentIcon = ({ style, width = '16', height = '17', stroke = '#444444' }) => {
+    return (jsxRuntime.jsxs("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M3.33398 5.05884V8.906H6.97035", stroke: "#444444", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsxRuntime.jsx("path", { d: "M16.6676 15.318V11.4708H13.0312", stroke: "#444444", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsxRuntime.jsx("path", { d: "M15.1461 8.26484C14.8387 7.34587 14.3163 6.52425 13.6276 5.87666C12.939 5.22906 12.1064 4.77659 11.2077 4.56147C10.3091 4.34634 9.37353 4.37557 8.48841 4.64643C7.6033 4.9173 6.79747 5.42096 6.14611 6.11043L3.33398 8.90603M16.6673 11.4708L13.8552 14.2664C13.2038 14.9559 12.398 15.4595 11.5129 15.7304C10.6278 16.0013 9.69223 16.0305 8.79355 15.8154C7.89487 15.6003 7.06235 15.1478 6.37366 14.5002C5.68497 13.8526 5.16257 13.031 4.8552 12.112", stroke: "#444444", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
+};
+
 const fadeInRight = styled.keyframes `
   0% {
     opacity: 0;
@@ -3108,173 +3112,213 @@ const Toast = ({ type = 'success', message, onClose, showBySeconds = 5, styles }
 };
 
 const MainContainer = styled__default["default"].div `
-display: flex;
-align-items: center;
-justify-content: space-between;
-width:100%;
-color: #222222;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  color: #222222;
 `;
 const Container$m = styled__default["default"].div `
-width: 100%;
-display: flex;
-align-items: center;
-justify-content: space-between;
-font-family: PT Sans;
-font-size:14px;
-border-radius:8px;
-padding: 0 0 0 16px; 
-min-height: 52px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-family: PT Sans;
+  font-size: 14px;
+  border-radius: 8px;
+  padding: 0 0 0 16px;
+  min-height: 52px;
 
-${({ type }) => {
+  ${({ type }) => {
     switch (type) {
         case 'prioritize':
-            return styled.css `background: #FDAE15;`;
+            return styled.css `
+          background: #fdae15;
+        `;
         case 'raised':
-            return styled.css `background: #F8D784;`;
+            return styled.css `
+          background: #f8d784;
+        `;
         case 'suggested':
-            return styled.css `background: #CDDAEF;`;
+            return styled.css `
+          background: #cddaef;
+        `;
         default:
             return '';
     }
 }}
 `;
 const Title$6 = styled__default["default"].span `
-font-weight:700;
-white-space: nowrap;
+  font-weight: 700;
+  white-space: nowrap;
 `;
 styled__default["default"].span `
-font-weight:700;
+  font-weight: 700;
 `;
 const Separator = styled__default["default"].div `
-font-weight:bold;
-margin: 0 8px;
+  font-weight: bold;
+  margin: 0 8px;
 `;
 const Description$4 = styled__default["default"].span `
-font-weight:400;
-padding: 8px 0 8px;
-
+  font-weight: 400;
+  padding: 8px 0 8px;
 `;
 const SplitContainer = styled__default["default"].div `
-display:flex;
-justify-content: flex-start;
-align-items:center;
-height: 100%;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  height: 100%;
 `;
 styled__default["default"].div `
-display: flex;
-align-items: center;
-justify-content: flex-start;
-position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  position: relative;
 `;
 styled__default["default"].div `
-    position: absolute;
+  position: absolute;
 `;
 const VoteButtonContainer = styled__default["default"].span `
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 150px;
-    background: #F9CD5E;
-    cursor: pointer;
-    ${({ height }) => height > 0 && styled.css `
-    height: ${height}px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 150px;
+  background: #f9cd5e;
+  cursor: pointer;
+  ${({ height }) => height > 0 &&
+    styled.css `
+      height: ${height}px;
     `}
 
-    ${({ type }) => {
+  ${({ type }) => {
     switch (type) {
         case 'prioritize':
-            return styled.css `background: #DC9100;`;
+            return styled.css `
+          background: #dc9100;
+        `;
         case 'raised':
-            return styled.css `background: #F9CD5E;`;
+            return styled.css `
+          background: #f9cd5e;
+        `;
         case 'suggested':
-            return styled.css `background: #A5C3F2;`;
+            return styled.css `
+          background: #a5c3f2;
+        `;
         default:
             return '';
     }
 }}
-    ${({ modeDelete }) => modeDelete && styled.css `
-    background: inherit;
+    ${({ modeDelete }) => modeDelete &&
+    styled.css `
+      background: inherit;
     `}
     border-radius:0 8px 8px 0;
-    padding: 0 16px 0 16px;
-    min-height: 52px;
-    margin-left: 4px;
-
+  padding: 0 16px 0 16px;
+  min-height: 52px;
+  margin-left: 4px;
 `;
 const VoteCount = styled__default["default"].span `
-    display: flex;
-    align-items: center;
-    height: 100%;
-    gap: 4px;
-    white-space: nowrap;
-    width: auto;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  gap: 4px;
+  white-space: nowrap;
+  width: auto;
 `;
 const VoteButton = styled__default["default"].p `
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    height:100%;
-    width: 100%;
-    font-family: PT Sans;
-    font-size: 14px;
-    font-weight: 700;
-    line-height: 18.12px;
-    text-align: left;
-    color: #444444;
-    white-space: nowrap;
-    width: auto;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  height: 100%;
+  width: 100%;
+  font-family: PT Sans;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 18.12px;
+  text-align: left;
+  color: #444444;
+  white-space: nowrap;
+  width: auto;
 `;
 const VoteContent = styled__default["default"].div `
+  display: flex;
+  div {
+    flex-direction: row-reverse;
     display: flex;
-    div{
-        flex-direction: row-reverse;
-        display: flex;
-        :nth-child(1n){
-        margin-left: -8px;
-    }
+    :nth-child(1n) {
+      margin-left: -8px;
     }
+  }
 `;
 const ImageContent$1 = styled__default["default"].div `
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width:32px;
-    height: 32px;
-    border-radius: 50%;
-    overflow: hidden;
-    border: solid  2.5px #fff;
-    color: #FFFFFF;
-    img{
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-    }
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  overflow: hidden;
+  border: solid 2.5px #fff;
+  color: #ffffff;
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
 `;
 const VoteListContainer = styled__default["default"].div `
-position: absolute;
-top: calc(100% + 1px);
-right: 0;
-width: 225px; 
-max-height: 300px; 
-overflow-y: auto;
-padding: 5px 0px;
-background-color: #fff;
-border: 1px solid #ccc;
-border-radius: 8px;
-z-index: 1999;
-display: ${({ showVotes }) => showVotes ? 'block' : 'none'};
-    &::-webkit-scrollbar {
-      display: none;
-    }
-box-shadow: 0px 15px 20px 0px #22222226;
+  position: absolute;
+  top: calc(100% + 1px);
+  right: 0;
+  width: 225px;
+  max-height: 300px;
+  overflow-y: auto;
+  padding: 5px 0px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  z-index: 1999;
+  display: ${({ showVotes }) => (showVotes ? 'block' : 'none')};
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  box-shadow: 0px 15px 20px 0px #22222226;
 `;
 const VoteListItem = styled__default["default"].div `
-cursor: pointer;
-height: 36px;
-display: flex;
-align-items: center;
-gap: 10px;
-${({ lastVote }) => lastVote === false && "border-bottom: solid 1px #ccc;"}
+  cursor: pointer;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  ${({ lastVote }) => lastVote === false && 'border-bottom: solid 1px #ccc;'}
+`;
+styled__default["default"].div `
+  width: 100%;
+  h2{
+    margin-bottom: 0.4rem;
+
+  }
+  p{
+    font-weight: 400;
+    margin-bottom: 1rem;
+
+  }
+`;
+styled__default["default"].div `
+  width: 100%;
+  border: solid 0.2px #E0E0E0;
+  margin-bottom: 1rem;
+
+`;
+styled__default["default"].div `
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: end;
+  button{
+    margin-left: 1rem;
+  }
+
 `;
 
 const container = styled__default["default"].div `
@@ -3350,7 +3394,7 @@ function Loading(props) {
     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 })] }) }));
 }
 
-const HypothesisComponent = ({ description, type, id, title, votes = [], onVote, canVote = false, canViewVote = false, userLoggedId, deleteVote, canViewListVotes, votesSingularText, votesPluralText, voteText, deleteVoteText, handleViewProfile, avatar, showAvatar, authorId, hasVoteGoal, loading }) => {
+const HypothesisComponent = ({ description, type, id, title, votes = [], onVote, canVote = false, canViewVote = false, userLoggedId, deleteVote, canViewListVotes, votesSingularText, votesPluralText, voteText, deleteVoteText, handleViewProfile, avatar, showAvatar, authorId, hasVoteGoal, loading, onChangeVote, changeVoteText }) => {
     const [isHover, seIsHover] = React.useState(false);
     const [hasVoteHypothesis, setHasVoteHypothesis] = React.useState(false);
     const [showVotesList, setShowVotesList] = React.useState(false);
@@ -3393,37 +3437,48 @@ const HypothesisComponent = ({ description, type, id, title, votes = [], onVote,
     const handleDeleteVote = async (voteId) => {
         await deleteVote(voteId);
     };
+    const handleChangeVote = async (hyphoteseId) => {
+        await onChangeVote(hyphoteseId);
+    };
     return (jsxRuntime.jsx(MainContainer, { children: jsxRuntime.jsxs(Container$m, { type: type, id: id, ref: ContainerRef, children: [jsxRuntime.jsxs(SplitContainer, { children: [showAvatar && (jsxRuntime.jsx(Avatar, { src: avatar, size: "24px", style: { marginRight: '8px', cursor: authorId ? 'pointer' : 'default' }, onClick: () => handleViewProfile(authorId) })), jsxRuntime.jsx(Title$6, { children: title }), jsxRuntime.jsx(Separator, { children: "|" }), jsxRuntime.jsx(Description$4, { children: description })] }), loading && (jsxRuntime.jsx(SplitContainer, { children: jsxRuntime.jsx(VoteButtonContainer, { type: type, modeDelete: isHover, height: heightContainer, style: { cursor: 'default' }, children: jsxRuntime.jsx(Loading, {}) }) })), !loading && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!canVote && canViewVote && votes?.length > 0 && (jsxRuntime.jsxs("div", { style: { position: 'relative', height: '100%' }, children: [jsxRuntime.jsx(SplitContainer, { children: jsxRuntime.jsx(VoteButtonContainer, { ref: viewVotesRef, height: heightContainer, style: { cursor: canViewListVotes ? 'pointer' : 'default' }, type: type, onClick: canViewListVotes ? toggleVotes : null, children: jsxRuntime.jsxs(VoteCount, { children: [jsxRuntime.jsxs(VoteContent, { children: [votes?.slice(0, 2)?.map((vote, index) => {
                                                             return (jsxRuntime.jsx(ImageContent$1, { style: { zIndex: 14 - index }, children: jsxRuntime.jsx("img", { src: vote?.user?.avatar || 'https://cdn-images.frstfalconi.cloud/path582.svg' }) }, vote?.id));
                                                         }), votes?.length > 2 && (jsxRuntime.jsx(ImageContent$1, { style: { background: '#444444' }, children: jsxRuntime.jsxs("p", { style: {
                                                                     fontSize: votes?.length > 9 ? 10 : votes?.length > 99 ? 8 : 14
-                                                                }, children: ["+", votes?.length - 2] }) }))] }), votes?.length, " ", votes?.length > 1 ? votesPluralText : votesSingularText] }) }) }), jsxRuntime.jsx(VoteList, { hypothesisVotes: votes, showVotes: showVotesList, viewProfile: handleViewProfile })] })), canVote && hasVoteGoal && votes?.length > 0 && (jsxRuntime.jsx(SplitContainer, { onClick: () => hasVoteHypothesis && isHover
+                                                                }, children: ["+", votes?.length - 2] }) }))] }), votes?.length, " ", votes?.length > 1 ? votesPluralText : votesSingularText] }) }) }), jsxRuntime.jsx(VoteList, { hypothesisVotes: votes, showVotes: showVotesList, viewProfile: handleViewProfile })] })), canVote && hasVoteGoal && votes?.length > 0 ? (jsxRuntime.jsx(SplitContainer, { onClick: () => hasVoteHypothesis && isHover
                                 ? handleDeleteVote(votes?.find((vote) => vote?.user_uuid === userLoggedId)?.id)
-                                : null, children: jsxRuntime.jsx(VoteButtonContainer, { type: type, modeDelete: isHover, height: heightContainer, onMouseEnter: () => seIsHover(true), onMouseLeave: () => seIsHover(false), style: { cursor: hasVoteHypothesis ? 'pointer' : 'default' }, children: hasVoteHypothesis ? (isHover ? (jsxRuntime.jsxs("div", { style: {
+                                : handleChangeVote(id), children: jsxRuntime.jsx(VoteButtonContainer, { type: type, modeDelete: isHover, height: heightContainer, onMouseEnter: () => seIsHover(true), onMouseLeave: () => seIsHover(false), style: { cursor: 'pointer' }, children: isHover ? (jsxRuntime.jsx("div", { style: {
                                         display: 'flex',
                                         alignItems: 'center',
                                         gap: '4px',
                                         justifyContent: 'center'
-                                    }, children: [jsxRuntime.jsx(ExcludeVoteIcon, { width: "24", height: "24" }), jsxRuntime.jsx(VoteButton, { children: deleteVoteText })] })) : (jsxRuntime.jsxs(VoteCount, { children: [jsxRuntime.jsxs(VoteContent, { children: [votes?.slice(0, 2)?.map((vote, index) => {
+                                    }, children: !hasVoteHypothesis ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(VoteCurrentIcon, { width: "24", height: "24", style: { marginLeft: '4px', marginRight: '4px' } }), jsxRuntime.jsx(VoteButton, { children: changeVoteText })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ExcludeVoteIcon, { width: "24", height: "24" }), jsxRuntime.jsx(VoteButton, { children: deleteVoteText })] })) })) : (jsxRuntime.jsxs(VoteCount, { children: [jsxRuntime.jsxs(VoteContent, { children: [votes?.slice(0, 2)?.map((vote, index) => {
                                                     return (jsxRuntime.jsx(ImageContent$1, { style: { zIndex: 14 - index }, children: jsxRuntime.jsx("img", { src: vote?.user?.avatar || 'https://cdn-images.frstfalconi.cloud/path582.svg' }) }, vote?.id));
-                                                }), votes.length > 2 && (jsxRuntime.jsx(ImageContent$1, { style: { background: '#444444' }, children: jsxRuntime.jsxs("p", { children: ["+", votes?.length - 2] }) }))] }), jsxRuntime.jsxs("p", { children: [votes?.length, " ", votes?.length > 1 ? votesPluralText : votesSingularText] })] }))) : (jsxRuntime.jsx(ViewVotes, { hypothesisVotes: votes, votesPluralText: votesPluralText, votesSingularText: votesSingularText })) }) })), canVote && !hasVoteGoal && (jsxRuntime.jsx(SplitContainer, { onClick: () => handleVote(id), children: jsxRuntime.jsx(VoteButtonContainer, { type: type, modeDelete: isHover, height: heightContainer, onMouseEnter: () => seIsHover(true), onMouseLeave: () => seIsHover(false), children: jsxRuntime.jsxs("div", { style: {
+                                                }), votes.length > 2 && (jsxRuntime.jsx(ImageContent$1, { style: { background: '#444444' }, children: jsxRuntime.jsxs("p", { children: ["+", votes?.length - 2] }) }))] }), jsxRuntime.jsxs("p", { children: [votes?.length, " ", votes?.length > 1 ? votesPluralText : votesSingularText] })] })) }) })) : (canVote &&
+                            !hasVoteHypothesis && hasVoteGoal && (jsxRuntime.jsx(SplitContainer, { onClick: () => handleChangeVote(id), children: jsxRuntime.jsx(VoteButtonContainer, { type: type, modeDelete: isHover, height: heightContainer, onMouseEnter: () => seIsHover(true), onMouseLeave: () => seIsHover(false), children: jsxRuntime.jsxs("div", { style: {
                                         display: 'flex',
                                         alignItems: 'center',
                                         justifyContent: 'center',
                                         paddingLeft: '4px',
                                         height: '100%'
-                                    }, children: [jsxRuntime.jsx(VoteIcon, { width: "24", height: "24", style: { marginLeft: '4px', marginRight: '4px' } }), jsxRuntime.jsx(VoteButton, { children: voteText })] }) }) }))] }))] }) }));
+                                    }, children: [jsxRuntime.jsx(VoteCurrentIcon, { width: "24", height: "24", style: { marginLeft: '4px', marginRight: '4px' } }), jsxRuntime.jsx(VoteButton, { children: changeVoteText })] }) }) }))), canVote && !hasVoteGoal ? (jsxRuntime.jsx(SplitContainer, { onClick: () => handleVote(id), children: jsxRuntime.jsx(VoteButtonContainer, { type: type, modeDelete: isHover, height: heightContainer, onMouseEnter: () => seIsHover(true), onMouseLeave: () => seIsHover(false), children: jsxRuntime.jsxs("div", { style: {
+                                        display: 'flex',
+                                        alignItems: 'center',
+                                        justifyContent: 'center',
+                                        paddingLeft: '4px',
+                                        height: '100%'
+                                    }, children: [jsxRuntime.jsx(VoteIcon, { width: "24", height: "24", style: { marginLeft: '4px', marginRight: '4px' } }), jsxRuntime.jsx(VoteButton, { children: voteText })] }) }) })) : (canVote &&
+                            !hasVoteHypothesis &&
+                            !canViewVote && (jsxRuntime.jsx(SplitContainer, { onClick: () => handleChangeVote(id), children: jsxRuntime.jsx(VoteButtonContainer, { type: type, modeDelete: isHover, height: heightContainer, onMouseEnter: () => seIsHover(true), onMouseLeave: () => seIsHover(false), children: jsxRuntime.jsxs("div", { style: {
+                                        display: 'flex',
+                                        alignItems: 'center',
+                                        justifyContent: 'center',
+                                        paddingLeft: '4px',
+                                        height: '100%'
+                                    }, children: [jsxRuntime.jsx(VoteCurrentIcon, { width: "24", height: "24", style: { marginLeft: '4px', marginRight: '4px' } }), jsxRuntime.jsx(VoteButton, { children: changeVoteText })] }) }) })))] }))] }) }));
 };
 const VoteList = ({ hypothesisVotes, showVotes, viewProfile }) => {
     const sortedVotes = [...hypothesisVotes].sort((a, b) => a.user.name.localeCompare(b.user.name));
     return (jsxRuntime.jsx(VoteListContainer, { showVotes: showVotes, children: sortedVotes?.map((vote, index) => (jsxRuntime.jsxs(VoteListItem, { className: "VoteListItem", lastVote: hypothesisVotes?.length === index + 1, onClick: () => viewProfile(vote?.user?.uuid), children: [jsxRuntime.jsx(Avatar, { src: vote?.user?.avatar, size: '24px', alt: vote?.user?.name, style: { marginLeft: '6px', cursor: 'pointer' } }), jsxRuntime.jsx("p", { children: vote?.user?.name })] }, vote?.id))) }));
-};
-const ViewVotes = ({ hypothesisVotes, votesPluralText, votesSingularText }) => {
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: hypothesisVotes?.length > 0 && (jsxRuntime.jsxs(VoteCount, { children: [jsxRuntime.jsxs(VoteContent, { children: [hypothesisVotes?.slice(0, 2)?.map((vote, index) => {
-                            return (jsxRuntime.jsx(ImageContent$1, { style: { zIndex: 14 - index }, children: jsxRuntime.jsx("img", { src: vote?.user?.avatar || 'https://cdn-images.frstfalconi.cloud/path582.svg' }) }, vote?.id));
-                        }), hypothesisVotes?.length > 2 && (jsxRuntime.jsx(ImageContent$1, { style: { background: '#444444' }, children: jsxRuntime.jsxs("p", { style: {
-                                    fontSize: hypothesisVotes?.length > 9 ? 10 : hypothesisVotes?.length > 99 ? 8 : 14
-                                }, children: ["+", hypothesisVotes?.length - 2] }) }))] }), hypothesisVotes?.length, " ", hypothesisVotes?.length > 1 ? votesPluralText : votesSingularText] })) }));
 };
 
 const ButtonGroupWrapper = styled__default["default"].div `

package/dist/public/customIcons/VoteCurrentIcon.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+export declare const VoteCurrentIcon: ({ style, width, height, stroke }: {
+    style?: CSSProperties | undefined;
+    width?: string;
+    height?: string;
+    stroke?: string;
+}) => JSX.Element;
+//# sourceMappingURL=VoteCurrentIcon.d.ts.map

package/dist/public/customIcons/VoteCurrentIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoteCurrentIcon.d.ts","sourceRoot":"","sources":["../../../public/customIcons/VoteCurrentIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,eAAO,MAAM,eAAe;YAMlB,aAAa,GAAG,SAAS;YACzB,MAAM;aACL,MAAM;aACN,MAAM;iBAShB,CAAA"}

package/dist/public/customIcons/index.d.ts

@@ -4,4 +4,5 @@ export { CircledCheck } from './CircledCheck';
 export { CircledAlert } from './CircledAlert';
 export { VoteIcon } from './VoteIcon';
 export { ExcludeVoteIcon } from './ExcludeVoteIcon';
+export { VoteCurrentIcon } from './VoteCurrentIcon';
 //# sourceMappingURL=index.d.ts.map

package/dist/public/customIcons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../public/customIcons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../public/customIcons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/components/FI/ThreadComments/utilitiesComponents/commentaryBoxReply/index.d.ts.map

@@ -1 +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;AAKtE,eAAO,MAAM,kBAAkB,scAgC5B,yBAAyB,gBAsH3B,CAAA"}
+{"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;AAKtE,eAAO,MAAM,kBAAkB,scAgC5B,yBAAyB,gBAsH3B,CAAA"}

package/dist/src/components/FI/ThreadComments/utilitiesComponents/inputReply/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FI/ThreadComments/utilitiesComponents/inputReply/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,eAAO,MAAM,UAAU,oMAapB,WAAW,gBAkGb,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/FI/ThreadComments/utilitiesComponents/inputReply/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,eAAO,MAAM,UAAU,oMAapB,WAAW,gBAkGb,CAAC"}

package/dist/src/components/FI/ThreadComments/utilitiesComponents/inputReply/inputReply.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputReply.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FI/ThreadComments/utilitiesComponents/inputReply/inputReply.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,oEAI1B,CAAA;AAED,eAAO,MAAM,SAAS,oEAGrB,CAAA"}
+{"version":3,"file":"inputReply.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/FI/ThreadComments/utilitiesComponents/inputReply/inputReply.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,oEAI1B,CAAA;AAED,eAAO,MAAM,SAAS,oEAGrB,CAAA"}

package/dist/src/components/IJ/learningCycleCard/components/menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/IJ/learningCycleCard/components/menu/index.tsx"],"names":[],"mappings":";AAUA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE;;;CAAA,eAiFnD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/IJ/learningCycleCard/components/menu/index.tsx"],"names":[],"mappings":";AAUA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE;;;CAAA,eAiFnD"}

package/dist/src/components/IJ/learningCycleCard/components/menu/menuStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menuStyle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/IJ/learningCycleCard/components/menu/menuStyle.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,oEAuBxB,CAAA"}
+{"version":3,"file":"menuStyle.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/IJ/learningCycleCard/components/menu/menuStyle.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,oEAuBxB,CAAA"}

package/dist/src/components/hypothesisComponent/hypothesisComponent.style.d.ts

@@ -24,4 +24,7 @@ export declare const VoteListContainer: import("styled-components").StyledCompon
 export declare const VoteListItem: import("styled-components").StyledComponent<"div", any, {
     lastVote?: boolean;
 }, never>;
+export declare const ContainerModal: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LineModal: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonModal: import("styled-components").StyledComponent<"div", any, {}, never>;
 //# sourceMappingURL=hypothesisComponent.style.d.ts.map

package/dist/src/components/hypothesisComponent/hypothesisComponent.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hypothesisComponent.style.d.ts","sourceRoot":"","sources":["../../../../src/components/hypothesisComponent/hypothesisComponent.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,oEAMzB,CAAA;AACD,eAAO,MAAM,SAAS;UAAsB,MAAM;SAuBjD,CAAC;AAEF,eAAO,MAAM,KAAK,qEAGjB,CAAC;AAEF,eAAO,MAAM,KAAK,qEAEjB,CAAC;AAEF,eAAO,MAAM,SAAS,oEAGrB,CAAC;AAEF,eAAO,MAAM,WAAW,qEAIvB,CAAC;AACF,eAAO,MAAM,cAAc,oEAK1B,CAAA;AACD,eAAO,MAAM,oBAAoB,oEAKhC,CAAA;AAED,eAAO,MAAM,UAAU,oEAEtB,CAAA;AAED,eAAO,MAAM,mBAAmB;WAAwB,MAAM;iBAAe,OAAO;aAAW,MAAM;SA+BpG,CAAA;AACD,eAAO,MAAM,SAAS,qEAOrB,CAAA;AACD,eAAO,MAAM,UAAU,kEActB,CAAA;AACD,eAAO,MAAM,WAAW,oEASvB,CAAA;AACD,eAAO,MAAM,YAAY,oEAexB,CAAA;AAED,eAAO,MAAM,iBAAiB;gBAA4B,OAAO;SAiBhE,CAAA;AAED,eAAO,MAAM,YAAY;eAA2B,OAAO;SAO1D,CAAA"}
+{"version":3,"file":"hypothesisComponent.style.d.ts","sourceRoot":"","sources":["../../../../src/components/hypothesisComponent/hypothesisComponent.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,oEAMzB,CAAA;AACD,eAAO,MAAM,SAAS;UAAsB,MAAM;SA6BjD,CAAA;AAED,eAAO,MAAM,KAAK,qEAGjB,CAAA;AAED,eAAO,MAAM,KAAK,qEAEjB,CAAA;AAED,eAAO,MAAM,SAAS,oEAGrB,CAAA;AAED,eAAO,MAAM,WAAW,qEAGvB,CAAA;AACD,eAAO,MAAM,cAAc,oEAK1B,CAAA;AACD,eAAO,MAAM,oBAAoB,oEAKhC,CAAA;AAED,eAAO,MAAM,UAAU,oEAEtB,CAAA;AAED,eAAO,MAAM,mBAAmB;WAAwB,MAAM;iBAAe,OAAO;aAAW,MAAM;SAwCpG,CAAA;AACD,eAAO,MAAM,SAAS,qEAOrB,CAAA;AACD,eAAO,MAAM,UAAU,kEActB,CAAA;AACD,eAAO,MAAM,WAAW,oEASvB,CAAA;AACD,eAAO,MAAM,YAAY,oEAexB,CAAA;AAED,eAAO,MAAM,iBAAiB;gBAA4B,OAAO;SAiBhE,CAAA;AAED,eAAO,MAAM,YAAY;eAA2B,OAAO;SAO1D,CAAA;AAED,eAAO,MAAM,cAAc,oEAW1B,CAAA;AAED,eAAO,MAAM,SAAS,oEAKrB,CAAA;AACD,eAAO,MAAM,WAAW,oEASvB,CAAA"}

package/dist/src/components/hypothesisComponent/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Vote } from './types';
-export declare const HypothesisComponent: ({ description, type, id, title, votes, onVote, canVote, canViewVote, userLoggedId, deleteVote, canViewListVotes, votesSingularText, votesPluralText, voteText, deleteVoteText, handleViewProfile, avatar, showAvatar, authorId, hasVoteGoal, loading }: {
+export declare const HypothesisComponent: ({ description, type, id, title, votes, onVote, canVote, canViewVote, userLoggedId, deleteVote, canViewListVotes, votesSingularText, votesPluralText, voteText, deleteVoteText, handleViewProfile, avatar, showAvatar, authorId, hasVoteGoal, loading, onChangeVote, changeVoteText }: {
     description: string;
     type: string;
     id: string;
@@ -22,5 +22,7 @@ export declare const HypothesisComponent: ({ description, type, id, title, votes
     showAvatar?: boolean;
     authorId?: string;
     loading?: boolean;
+    onChangeVote?: (hypothesiId: string) => any;
+    changeVoteText?: string;
 }) => JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/components/hypothesisComponent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/hypothesisComponent/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAK9B,eAAO,MAAM,mBAAmB;iBAuBjB,MAAM;UACb,MAAM;QACR,MAAM;WACH,MAAM;WACN,IAAI,EAAE;kBACC,MAAM;2BACG,MAAM,KAAK,GAAG;0BACf,MAAM,KAAK,GAAG;iCACP,MAAM,KAAK,GAAG;cACjC,OAAO;uBACE,OAAO;kBACZ,OAAO;kBACP,OAAO;wBACD,MAAM;sBACR,MAAM;eACb,MAAM;qBACA,MAAM;aACd,MAAM;iBACF,OAAO;eACT,MAAM;cACP,OAAO;iBAmNlB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/hypothesisComponent/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAK9B,eAAO,MAAM,mBAAmB;iBAyBjB,MAAM;UACb,MAAM;QACR,MAAM;WACH,MAAM;WACN,IAAI,EAAE;kBACC,MAAM;2BACG,MAAM,KAAK,GAAG;0BACf,MAAM,KAAK,GAAG;iCACP,MAAM,KAAK,GAAG;cACjC,OAAO;uBACE,OAAO;kBACZ,OAAO;kBACP,OAAO;wBACD,MAAM;sBACR,MAAM;eACb,MAAM;qBACA,MAAM;aACd,MAAM;iBACF,OAAO;eACT,MAAM;cACP,OAAO;iCACY,MAAM,KAAK,GAAG;qBAC1B,MAAM;iBAgRxB,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "frst-components",
   "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
-  "version": "0.23.20",
+  "version": "0.23.22",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/public/customIcons/VoteCurrentIcon.tsx

@@ -0,0 +1,22 @@
+import React from 'react'
+import { CSSProperties } from 'react'
+
+export const VoteCurrentIcon = ({
+  style,
+  width = '16',
+  height = '17',
+  stroke = '#444444'
+}: {
+  style?: CSSProperties | undefined
+  width?: string
+  height?: string
+  stroke?: string
+}) => {
+  return (
+    <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M3.33398 5.05884V8.906H6.97035" stroke="#444444" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16.6676 15.318V11.4708H13.0312" stroke="#444444" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M15.1461 8.26484C14.8387 7.34587 14.3163 6.52425 13.6276 5.87666C12.939 5.22906 12.1064 4.77659 11.2077 4.56147C10.3091 4.34634 9.37353 4.37557 8.48841 4.64643C7.6033 4.9173 6.79747 5.42096 6.14611 6.11043L3.33398 8.90603M16.6673 11.4708L13.8552 14.2664C13.2038 14.9559 12.398 15.4595 11.5129 15.7304C10.6278 16.0013 9.69223 16.0305 8.79355 15.8154C7.89487 15.6003 7.06235 15.1478 6.37366 14.5002C5.68497 13.8526 5.16257 13.031 4.8552 12.112" stroke="#444444" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>
+  )
+}

package/public/customIcons/index.ts

@@ -4,3 +4,4 @@ export { CircledCheck } from './CircledCheck';
 export { CircledAlert } from './CircledAlert'
 export { VoteIcon } from './VoteIcon';
 export { ExcludeVoteIcon } from './ExcludeVoteIcon';
+export { VoteCurrentIcon } from './VoteCurrentIcon';