frst-components 0.21.8 → 0.21.10

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.
Files changed (12) hide show
  1. package/dist/index.js +178 -143
  2. package/dist/src/components/IJ/participantCardOld/index.d.ts.map +1 -1
  3. package/dist/src/components/IJ/participantCardOld/participantCardStyle.d.ts.map +1 -1
  4. package/dist/src/components/LXP/contentThumbnails/contentThumbnailsStyle.d.ts.map +1 -1
  5. package/dist/src/components/LXP/contentThumbnails/index.d.ts.map +1 -1
  6. package/dist/src/components/avatar/avatarStyles.d.ts +1 -0
  7. package/dist/src/components/avatar/avatarStyles.d.ts.map +1 -1
  8. package/dist/src/components/avatar/index.d.ts +1 -1
  9. package/dist/src/components/avatar/index.d.ts.map +1 -1
  10. package/dist/src/components/cards/cardProblem/index.d.ts +1 -0
  11. package/dist/src/components/cards/cardProblem/index.d.ts.map +1 -1
  12. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1986,12 +1986,12 @@ const AvatarImg$1 = styled__default["default"].img `
1986
1986
  const AvatarWrapper = styled__default["default"].div `
1987
1987
  width: ${(props) => props.size || '120px'};
1988
1988
  height: ${(props) => props.size || '120px'};
1989
- cursor: pointer;
1989
+ cursor: ${({ isActiveClick }) => isActiveClick ? 'pointer' : 'auto'} ;
1990
1990
  `;
1991
1991
 
1992
- function Avatar({ size, src, alt, className, disabled, onClick }) {
1992
+ function Avatar({ size, src, alt, className, disabled, onClick, isActiveClick }) {
1993
1993
  const defaultImg = 'https://i.gyazo.com/499dda909b1ebfe0375d1efa2d5d00a8.png';
1994
- return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx(AvatarWrapper, { size: size, className: className, onClick: onClick, children: jsxRuntime.jsx(AvatarImg$1, { src: src || defaultImg, alt: alt, size: size, disabled: disabled }) }) }));
1994
+ return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx(AvatarWrapper, { size: size, className: className, onClick: onClick, isActiveClick: isActiveClick, children: jsxRuntime.jsx(AvatarImg$1, { src: src || defaultImg, alt: alt, size: size, disabled: disabled }) }) }));
1995
1995
  }
1996
1996
 
1997
1997
  ///-----------------------------------------
@@ -5724,7 +5724,7 @@ function CardProblem(props) {
5724
5724
  color: statusName === translate[languageSlected]['hypothesesTaised'] ? '#222222' : '#FFF'
5725
5725
  }, children: [statusName, statusName === translate[languageSlected]['finished'] && (jsxRuntime.jsx("div", { style: { marginLeft: '0.5rem' }, children: jsxRuntime.jsx(CardFinished, {}) }))] }), jsxRuntime.jsx("div", { className: style$7.checkBox, onClick: () => {
5726
5726
  props.handleSelect(props.problemID);
5727
- }, children: selected ? jsxRuntime.jsx(CheckboxChecked, {}) : jsxRuntime.jsx(CheckboxEmpty, {}) }), jsxRuntime.jsxs("div", { className: style$7.contentCard, children: [jsxRuntime.jsxs("div", { className: style$7.avatarInfoUser, children: [jsxRuntime.jsxs("div", { children: [' ', jsxRuntime.jsx(Avatar, { size: "40px", src: props.userAvatar, onClick: props.onClickAvatar }), ' '] }), jsxRuntime.jsxs("div", { className: style$7.infoUser, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 600, cursor: 'pointer' }, onClick: props.onClickName, children: props.userName }), jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 400 }, children: props.userCargo })] })] }), props.isVerified ? (jsxRuntime.jsxs("div", { style: { textAlign: 'center', display: 'flex' }, children: [jsxRuntime.jsx("div", { style: { color: selected ? '#FFF' : '#000', width: '100%', fontWeight: 700 }, children: jsxRuntime.jsx("span", { children: translate[languageSlected]['verifiedChallenge'] }) }), jsxRuntime.jsx(SawBadgeIcon, {})] })) : (jsxRuntime.jsx("div", { style: { color: selected ? '#FFF' : '#000', width: '100%', fontWeight: 700 }, children: jsxRuntime.jsx("span", { children: translate[languageSlected]['challenge'] }) })), props.cardTitle && (jsxRuntime.jsx("div", { className: style$7.tituloCard, style: { color: selected ? '#FFF' : '#FF4D0D', width: '100%' }, children: jsxRuntime.jsx("span", { children: props.cardTitle }) })), statusName !== translate[languageSlected][6] ? (props.trilhaVinculada ? (jsxRuntime.jsx(TextIcon, { description: `${translate[languageSlected]['linkedTrail']} ${props.trilhaVinculada}`, svg: jsxRuntime.jsx(WithTrail, {}), style: { fontSize: 12, fontWeight: 400, marginTop: 8 } })) : (jsxRuntime.jsx(TextIcon, { description: translate[languageSlected]['notLinkedTrail'], svg: jsxRuntime.jsx(WithoutTrail, {}), style: { fontSize: 12, fontWeight: 400, marginTop: 8 } }))) : (jsxRuntime.jsx(jsxRuntime.Fragment, {})), props.lastUpdated && (jsxRuntime.jsxs("div", { style: { color: '#000', fontSize: 12, fontWeight: 400, marginTop: 40 }, children: [props.lastUpdated, " "] })), props.isButtonVerMais && (jsxRuntime.jsx("div", { className: style$7.buttonVerMais, children: jsxRuntime.jsx(Button$5, { variant: "link", label: translate[languageSlected]['viewMore'], handleClick: () => props.onClick(props.problemID) }) }))] })] }));
5727
+ }, children: selected ? jsxRuntime.jsx(CheckboxChecked, {}) : jsxRuntime.jsx(CheckboxEmpty, {}) }), jsxRuntime.jsxs("div", { className: style$7.contentCard, children: [jsxRuntime.jsxs("div", { className: style$7.avatarInfoUser, children: [jsxRuntime.jsxs("div", { children: [' ', jsxRuntime.jsx(Avatar, { size: "40px", src: props.userAvatar, onClick: props.onClickAvatar, isActiveClick: props?.isActiveClickProfile }), ' '] }), jsxRuntime.jsxs("div", { className: style$7.infoUser, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 600, cursor: props?.isActiveClickProfile ? 'pointer' : 'auto' }, onClick: props.onClickName, children: props.userName }), jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 400 }, children: props.userCargo })] })] }), props.isVerified ? (jsxRuntime.jsxs("div", { style: { textAlign: 'center', display: 'flex' }, children: [jsxRuntime.jsx("div", { style: { color: selected ? '#FFF' : '#000', width: '100%', fontWeight: 700 }, children: jsxRuntime.jsx("span", { children: translate[languageSlected]['verifiedChallenge'] }) }), jsxRuntime.jsx(SawBadgeIcon, {})] })) : (jsxRuntime.jsx("div", { style: { color: selected ? '#FFF' : '#000', width: '100%', fontWeight: 700 }, children: jsxRuntime.jsx("span", { children: translate[languageSlected]['challenge'] }) })), props.cardTitle && (jsxRuntime.jsx("div", { className: style$7.tituloCard, style: { color: selected ? '#FFF' : '#FF4D0D', width: '100%' }, children: jsxRuntime.jsx("span", { children: props.cardTitle }) })), statusName !== translate[languageSlected][6] ? (props.trilhaVinculada ? (jsxRuntime.jsx(TextIcon, { description: `${translate[languageSlected]['linkedTrail']} ${props.trilhaVinculada}`, svg: jsxRuntime.jsx(WithTrail, {}), style: { fontSize: 12, fontWeight: 400, marginTop: 8 } })) : (jsxRuntime.jsx(TextIcon, { description: translate[languageSlected]['notLinkedTrail'], svg: jsxRuntime.jsx(WithoutTrail, {}), style: { fontSize: 12, fontWeight: 400, marginTop: 8 } }))) : (jsxRuntime.jsx(jsxRuntime.Fragment, {})), props.lastUpdated && (jsxRuntime.jsxs("div", { style: { color: '#000', fontSize: 12, fontWeight: 400, marginTop: 40 }, children: [props.lastUpdated, " "] })), props.isButtonVerMais && (jsxRuntime.jsx("div", { className: style$7.buttonVerMais, children: jsxRuntime.jsx(Button$5, { variant: "link", label: translate[languageSlected]['viewMore'], handleClick: () => props.onClick(props.problemID) }) }))] })] }));
5728
5728
  }
5729
5729
 
5730
5730
  var css_248z$d = ".cardDefinicaoFase-module_container__KEYns {\r\n width: 282px !important;\r\n max-width: 282px !important;\r\n color: #222222;\r\n background-color: #fff;\r\n border-radius: 10px;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n position: relative;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_headerContainer__uxRId {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n background: rgba(241, 134, 36, 0.2);\r\n height: 200px;\r\n max-width: 282px;\r\n}\r\n\r\n.cardDefinicaoFase-module_titleDescription__x7pED {\r\n font-family: 'PT Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-size: 16px;\r\n line-height: 110%;\r\n color: #444444;\r\n max-width: 250px;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_description__-pzJG {\r\n font-family: 'Work Sans';\r\n font-style: normal;\r\n font-weight: 500;\r\n font-size: 20px;\r\n line-height: 23px;\r\n color: #f26818;\r\n max-width: 250px;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_descriptionContainer__XLHCC {\r\n padding: 20px;\r\n height: 197px;\r\n max-width: 282px !important;\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n flex-wrap: wrap;\r\n margin-bottom: 1rem;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_buttonContainer__6u6bM {\r\n display: flex;\r\n justify-content: space-between;\r\n height: 55px;\r\n padding: 0 35px;\r\n border-radius: 0px 0px 8px 8px;\r\n border: 1px solid #bdbdbd;\r\n}\r\n\r\n.cardDefinicaoFase-module_divisoria__IYAiv {\r\n border: 1px solid #bdbdbd;\r\n transform: rotate(360deg);\r\n}\r\n\r\n.cardDefinicaoFase-module_titleAndMenu__aqXT0 {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n align-items: center;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.cardDefinicaoFase-module_titleFrase__b8v0i {\r\n font-family: 'PT Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-size: 25px;\r\n line-height: 110%;\r\n color: #f18624;\r\n max-width: 200px;\r\n padding-left: 1.5rem;\r\n padding-bottom: 2rem;\r\n word-break: break-word !important;\r\n word-wrap: break-word !important;\r\n overflow-wrap: break-word !important;\r\n}\r\n\r\n.cardDefinicaoFase-module_buttonFinalizado__V8Oas {\r\n display: flex;\r\n justify-content: center;\r\n height: 55px;\r\n padding: 0 35px;\r\n border-radius: 0px 0px 8px 8px;\r\n border: 1px solid #bdbdbd;\r\n}\r\n";
@@ -7954,171 +7954,183 @@ function ContentSwitcher({ label, handleClick, style, sizeIcon, startIcon, start
7954
7954
  }
7955
7955
 
7956
7956
  const Container$a = styled__default["default"].div `
7957
- width: 270px;
7958
- min-height: 409px;
7959
- background-color: ${({ theme }) => theme.colors.primary2};
7957
+ width: 270px;
7958
+ height: fit-content;
7959
+ background: linear-gradient(180deg, #ee4c15 0%, #cc362d 100%);
7960
+ display: flex;
7961
+ flex-direction: column;
7962
+ justify-content: center;
7963
+ align-items: center;
7964
+ position: relative;
7965
+ box-sizing: border-box;
7966
+ padding-top: 16px;
7967
+
7968
+ > .frame {
7969
+ width: 100%;
7970
+ height: fit-content;
7960
7971
  display: flex;
7961
7972
  flex-direction: column;
7962
- justify-content: center;
7963
- align-items: center;
7973
+ align-items: flex-start;
7964
7974
  position: relative;
7965
7975
  box-sizing: border-box;
7966
- padding: 16px 16px 24px 16px;
7976
+ background: #f18624;
7977
+ padding: 8px;
7978
+ gap: 7.75px;
7979
+
7980
+ padding-bottom: 16px;
7981
+ }
7967
7982
  `;
7968
7983
  const Image$3 = styled__default["default"].img `
7969
- width: 236px;
7970
- height: 310px;
7971
- border-radius: 8px;
7972
- object-fit: cover;
7973
- object-position: center;
7984
+ height: 189px;
7985
+ width: 100%;
7986
+ border-radius: 8px;
7987
+ object-position: center;
7988
+ object-fit: cover;
7974
7989
  `;
7975
7990
  const Content$1 = styled__default["default"].div `
7976
- display: flex;
7977
- flex-direction: row;
7978
- align-items: center;
7979
- justify-content: flex-start;
7980
- position: relative;
7981
- width: 100%;
7982
- margin-top: 20px;
7991
+ display: flex;
7992
+ flex-direction: row;
7993
+ align-items: center;
7994
+ justify-content: flex-start;
7995
+ position: relative;
7996
+ width: 100%;
7983
7997
  `;
7984
- const Typography$3 = styled__default["default"].p `
7985
- font-family: 'Work Sans';
7986
- font-style: normal;
7987
- font-weight: 700;
7988
- font-size: 20px;
7989
- line-height: 23px;
7990
- display: flex;
7991
- align-items: center;
7992
- margin-right: 20px;
7993
- color: ${({ theme }) => theme.colors.shadeWhite};
7994
- word-wrap: break-word;
7995
- overflow: hidden;
7996
- display: -webkit-box;
7997
- -webkit-box-orient: vertical;
7998
- -webkit-line-clamp: 4; /* start showing ellipsis when 3rd line is reached */
7999
- white-space: pre-wrap;
8000
- text-overflow: ellipsis;
7998
+ const Typography$3 = styled__default["default"].p `
7999
+ font-family: 'Work Sans';
8000
+ font-style: normal;
8001
+ font-weight: 700;
8002
+ font-size: 20px;
8003
+ line-height: 23px;
8004
+ display: flex;
8005
+ align-items: center;
8006
+ margin-right: 20px;
8007
+ color: ${({ theme }) => theme.colors.shadeWhite};
8008
+ word-wrap: break-word;
8009
+ overflow: hidden;
8010
+ display: -webkit-box;
8011
+ -webkit-box-orient: vertical;
8012
+ -webkit-line-clamp: 4; /* start showing ellipsis when 3rd line is reached */
8013
+ white-space: pre-wrap;
8014
+ text-overflow: ellipsis;
8001
8015
  `;
8002
8016
  const Select$1 = styled__default["default"].div `
8003
- background: none;
8004
- width: 20px;
8005
- height: 20px;
8006
- position: absolute;
8007
- right: 0;
8008
- top: 0;
8009
- cursor: pointer;
8017
+ background: none;
8018
+ width: 20px;
8019
+ height: 20px;
8020
+ position: absolute;
8021
+ right: 0;
8022
+ top: 0;
8023
+ cursor: pointer;
8010
8024
 
8011
- &:hover {
8012
- opacity: 0.5;
8013
- }
8025
+ &:hover {
8026
+ opacity: 0.5;
8027
+ }
8014
8028
  `;
8015
8029
  const ContainerCard$1 = styled__default["default"].div `
8016
- width: 270px;
8017
- height: 76px;
8018
- background-color: ${({ theme }) => theme.colors.shadeWhite};
8019
- display: flex;
8020
- align-items: center;
8021
- padding: 8px;
8022
- position: relative;
8023
- overflow: hidden;
8024
- border-bottom: 1px solid ${({ theme }) => theme.colors.borderPrimary};
8030
+ width: 270px;
8031
+ height: 76px;
8032
+ background-color: ${({ theme }) => theme.colors.shadeWhite};
8033
+ display: flex;
8034
+ align-items: center;
8035
+ padding: 8px;
8036
+ position: relative;
8037
+ overflow: hidden;
8038
+ border-bottom: 1px solid ${({ theme }) => theme.colors.borderPrimary};
8025
8039
 
8026
- &:hover {
8027
- background-color: ${({ theme }) => theme.colors.neutralsGrey9};
8028
- }
8040
+ &:hover {
8041
+ background-color: ${({ theme }) => theme.colors.neutralsGrey9};
8042
+ }
8029
8043
 
8030
- &:active {
8031
- background-color: ${({ theme }) => theme.colors.neutralsGrey6};
8032
- }
8033
-
8034
- &:hover .trash {
8035
- right: 15px;
8036
- }
8044
+ &:active {
8045
+ background-color: ${({ theme }) => theme.colors.neutralsGrey6};
8046
+ }
8047
+
8048
+ &:hover .trash {
8049
+ right: 15px;
8050
+ }
8037
8051
  `;
8038
8052
  const Thumbnails$2 = styled__default["default"].div `
8039
- width: 17.29px;
8040
- height: 51px;
8041
- margin-left: -11px;
8042
- display: flex;
8043
- flex-direction: column;
8044
- justify-content: center;
8045
- align-items: center;
8053
+ width: 17.29px;
8054
+ height: 51px;
8055
+ margin-left: -11px;
8056
+ display: flex;
8057
+ flex-direction: column;
8058
+ justify-content: center;
8059
+ align-items: center;
8046
8060
  `;
8047
8061
  const Title$2 = styled__default["default"].div `
8048
- width: 166px;
8049
- margin-left: 12px;
8050
- word-wrap: break-word;
8051
- overflow: hidden;
8052
- display: -webkit-box;
8053
- -webkit-box-orient: vertical;
8054
- -webkit-line-clamp: 2; /* start showing ellipsis when 3rd line is reached */
8055
- white-space: pre-wrap;
8056
- text-overflow: ellipsis;
8062
+ width: 166px;
8063
+ margin-left: 12px;
8064
+ word-wrap: break-word;
8065
+ overflow: hidden;
8066
+ display: -webkit-box;
8067
+ -webkit-box-orient: vertical;
8068
+ -webkit-line-clamp: 2; /* start showing ellipsis when 3rd line is reached */
8069
+ white-space: pre-wrap;
8070
+ text-overflow: ellipsis;
8057
8071
  `;
8058
8072
  const IconTrash = styled__default["default"].div `
8059
- cursor: pointer;
8060
- height: 100%;
8061
- display: flex;
8062
- align-items: center;
8063
- right: -15px;
8064
- position: absolute;
8065
- transition: all .5s linear;
8066
-
8073
+ cursor: pointer;
8074
+ height: 100%;
8075
+ display: flex;
8076
+ align-items: center;
8077
+ right: -15px;
8078
+ position: absolute;
8079
+ transition: all 0.5s linear;
8067
8080
  `;
8068
8081
  // ##############TRILHA##############
8069
8082
  const ContainerTrilha = styled__default["default"].div `
8070
- width: 270px;
8071
- height: 499px;
8072
- background-color: ${({ theme }) => theme.colors.primary2};
8073
- display: flex;
8074
- flex-direction: column;
8075
- justify-content: center;
8076
- align-items: center;
8077
- position: relative;
8078
-
8083
+ width: 270px;
8084
+ height: 499px;
8085
+ background-color: ${({ theme }) => theme.colors.primary2};
8086
+ display: flex;
8087
+ flex-direction: column;
8088
+ justify-content: center;
8089
+ align-items: center;
8090
+ position: relative;
8079
8091
  `;
8080
8092
  const ContainerChoice = styled__default["default"].div `
8081
- width: 232px;
8082
- height: 75px;
8083
- position: absolute;
8084
- top: 0;
8085
- margin: 20px;
8093
+ width: 232px;
8094
+ height: 75px;
8095
+ position: absolute;
8096
+ top: 0;
8097
+ margin: 20px;
8086
8098
  `;
8087
- const TypographyChoice = styled__default["default"].p `
8088
- font-family: 'PT Sans';
8089
- font-style: normal;
8090
- font-weight: 400;
8091
- font-size: 16px;
8092
- line-height: 21px;
8093
- color: #ffffff;
8094
- padding-bottom: 8px;
8095
- white-space: nowrap;
8099
+ const TypographyChoice = styled__default["default"].p `
8100
+ font-family: 'PT Sans';
8101
+ font-style: normal;
8102
+ font-weight: 400;
8103
+ font-size: 16px;
8104
+ line-height: 21px;
8105
+ color: #ffffff;
8106
+ padding-bottom: 8px;
8107
+ white-space: nowrap;
8096
8108
  `;
8097
- const SelectChoice = styled__default["default"].select `
8098
- width: 232px;
8099
- height: 48px;
8100
- border-radius: 8px;
8101
- border: 1px solid #E0E0E0;
8102
- color: #9c9c9c;
8103
- padding-left: 10px;
8109
+ const SelectChoice = styled__default["default"].select `
8110
+ width: 232px;
8111
+ height: 48px;
8112
+ border-radius: 8px;
8113
+ border: 1px solid #e0e0e0;
8114
+ color: #9c9c9c;
8115
+ padding-left: 10px;
8104
8116
  `;
8105
8117
  const ImageChoice = styled__default["default"].img `
8106
- width: 232px;
8107
- height: 310px;
8108
- margin-bottom: 70px;
8109
- border-radius: 8px;
8110
- position: absolute;
8111
- object-fit: cover;
8112
- bottom: 0;
8118
+ width: 232px;
8119
+ height: 310px;
8120
+ margin-bottom: 70px;
8121
+ border-radius: 8px;
8122
+ position: absolute;
8123
+ object-fit: cover;
8124
+ bottom: 0;
8113
8125
  `;
8114
8126
  const ContentChoice = styled__default["default"].div `
8115
- display: flex;
8116
- flex-direction: row;
8117
- position: absolute ;
8118
- margin-top: 425px;
8127
+ display: flex;
8128
+ flex-direction: row;
8129
+ position: absolute;
8130
+ margin-top: 425px;
8119
8131
  `;
8120
8132
  const OptionChoice = styled__default["default"].option `
8121
- color: #9c9c9c;
8133
+ color: #9c9c9c;
8122
8134
  `;
8123
8135
 
8124
8136
  ///-----------------------------------------
@@ -8198,10 +8210,20 @@ function ContentThumbnails({ label, contentList, variant, src, disabled, icon, o
8198
8210
  };
8199
8211
  function Exibir() {
8200
8212
  return (jsxRuntime.jsx(dnd.DragDropContext, { onDragEnd: onDragEnd, children: jsxRuntime.jsx(dnd.Droppable, { droppableId: "contentListData", children: (provided) => (jsxRuntime.jsx("div", { style: { backgroundColor: '#D1D5DB', height: contentListData.length > 0 ? 'auto' : '100vh', width: 270 }, ref: provided.innerRef, children: contentListData?.map((item, index) => {
8201
- return (jsxRuntime.jsx(dnd.Draggable, { draggableId: item.title, index: index, children: (provided) => (jsxRuntime.jsxs(ContainerCard$1, { ref: provided.innerRef, ...provided.draggableProps, children: [jsxRuntime.jsxs(Thumbnails$2, { ref: provided.innerRef, ...provided.draggableProps, ...provided.dragHandleProps, children: [jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {})] }), jsxRuntime.jsxs(Thumbnails$2, { ref: provided.innerRef, ...provided.draggableProps, ...provided.dragHandleProps, children: [jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {})] }), jsxRuntime.jsxs(Thumbnails$2, { ref: provided.innerRef, ...provided.draggableProps, ...provided.dragHandleProps, children: [jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {})] }), jsxRuntime.jsxs("div", { onClick: () => { handleClick(item); }, style: { display: 'flex', flexDirection: 'row', alignItems: 'center', height: '100%', cursor: 'pointer' }, children: [iconList[item.type], jsxRuntime.jsx(Title$2, { children: item.title })] }), jsxRuntime.jsx(IconTrash, { className: "trash", onClick: () => { removeContentList(item); }, children: jsxRuntime.jsx(TrashIcon, { fill: '#C00F00' }) })] })) }, index));
8213
+ return (jsxRuntime.jsx(dnd.Draggable, { draggableId: item.title, index: index, children: (provided) => (jsxRuntime.jsxs(ContainerCard$1, { ref: provided.innerRef, ...provided.draggableProps, children: [jsxRuntime.jsxs(Thumbnails$2, { ref: provided.innerRef, ...provided.draggableProps, ...provided.dragHandleProps, children: [jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {})] }), jsxRuntime.jsxs(Thumbnails$2, { ref: provided.innerRef, ...provided.draggableProps, ...provided.dragHandleProps, children: [jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {})] }), jsxRuntime.jsxs(Thumbnails$2, { ref: provided.innerRef, ...provided.draggableProps, ...provided.dragHandleProps, children: [jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {}), jsxRuntime.jsx(VectorEllipse$1, {})] }), jsxRuntime.jsxs("div", { onClick: () => {
8214
+ handleClick(item);
8215
+ }, style: {
8216
+ display: 'flex',
8217
+ flexDirection: 'row',
8218
+ alignItems: 'center',
8219
+ height: '100%',
8220
+ cursor: 'pointer'
8221
+ }, children: [iconList[item.type], jsxRuntime.jsx(Title$2, { children: item.title })] }), jsxRuntime.jsx(IconTrash, { className: "trash", onClick: () => {
8222
+ removeContentList(item);
8223
+ }, children: jsxRuntime.jsx(TrashIcon, { fill: '#C00F00' }) })] })) }, index));
8202
8224
  }) })) }) }));
8203
8225
  }
8204
- return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: variant === 'individualCourse' ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(Container$a, { className: (variant = 'individualCourse'), children: [jsxRuntime.jsx(Image$3, { src: src || defaultImg }), jsxRuntime.jsxs(Content$1, { children: [jsxRuntime.jsx(Typography$3, { children: title }), jsxRuntime.jsx(Select$1, { onClick: change, children: up ? jsxRuntime.jsx(VectorUp$1, {}) : jsxRuntime.jsx(VectorDown$1, {}) })] })] }), jsxRuntime.jsx("div", { children: up ? (jsxRuntime.jsx(Exibir, {})) : null })] })) : variant === 'trilha' ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(ContainerTrilha, { className: (variant = 'trilha'), children: [jsxRuntime.jsxs(ContainerChoice, { children: [jsxRuntime.jsx(TypographyChoice, { children: "Escolha o curso que deseja editar" }), jsxRuntime.jsx(SelectChoice, { placeholder: title, value: title, onChange: onChange, children: jsxRuntime.jsx(OptionChoice, { value: title, children: title }) })] }), jsxRuntime.jsx(ImageChoice, { src: src || defaultImg }), jsxRuntime.jsxs(ContentChoice, { children: [jsxRuntime.jsx(Typography$3, { children: title }), jsxRuntime.jsx(Select$1, { onClick: change, children: up ? jsxRuntime.jsx(VectorUp$1, {}) : jsxRuntime.jsx(VectorDown$1, {}) })] })] }), up ? (jsxRuntime.jsx("div", { style: { backgroundColor: '#D1D5DB', width: 270 }, children: jsxRuntime.jsx(Exibir, {}) })) : null] })) : null }));
8226
+ return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: variant === 'individualCourse' ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Container$a, { className: (variant = 'individualCourse'), children: jsxRuntime.jsxs("div", { className: "frame", children: [jsxRuntime.jsx(Image$3, { src: src || defaultImg }), jsxRuntime.jsxs(Content$1, { children: [jsxRuntime.jsx(Typography$3, { children: title }), jsxRuntime.jsx(Select$1, { onClick: change, children: up ? jsxRuntime.jsx(VectorUp$1, {}) : jsxRuntime.jsx(VectorDown$1, {}) })] })] }) }), jsxRuntime.jsx("div", { children: up ? jsxRuntime.jsx(Exibir, {}) : null })] })) : variant === 'trilha' ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(ContainerTrilha, { className: (variant = 'trilha'), children: [jsxRuntime.jsxs(ContainerChoice, { children: [jsxRuntime.jsx(TypographyChoice, { children: "Escolha o curso que deseja editar" }), jsxRuntime.jsx(SelectChoice, { placeholder: title, value: title, onChange: onChange, children: jsxRuntime.jsx(OptionChoice, { value: title, children: title }) })] }), jsxRuntime.jsx(ImageChoice, { src: src || defaultImg }), jsxRuntime.jsxs(ContentChoice, { children: [jsxRuntime.jsx(Typography$3, { children: title }), jsxRuntime.jsx(Select$1, { onClick: change, children: up ? jsxRuntime.jsx(VectorUp$1, {}) : jsxRuntime.jsx(VectorDown$1, {}) })] })] }), up ? (jsxRuntime.jsx("div", { style: { backgroundColor: '#D1D5DB', width: 270 }, children: jsxRuntime.jsx(Exibir, {}) })) : null] })) : null }));
8205
8227
  }
8206
8228
 
8207
8229
  const LandscapeContainer = styled__default["default"].label `
@@ -15123,6 +15145,7 @@ const FooterButton = styled__default["default"].div `
15123
15145
  margin-top: 15px;
15124
15146
  justify-content: space-around;
15125
15147
  align-items: center;
15148
+ white-space: nowrap;
15126
15149
  `;
15127
15150
  const ButtonSend = styled__default["default"].div `
15128
15151
  display: flex;
@@ -15296,24 +15319,36 @@ function ParticipantCardOld({ variant, userInfo, labels, successfullInvite, styl
15296
15319
  setStatusSend('success');
15297
15320
  handleSendInvitation(userInfo?.id);
15298
15321
  };
15299
- return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(WrapperCard$2, { variant: variant, style: { ...style }, children: [jsxRuntime.jsxs(UserInfo$1, { children: [jsxRuntime.jsx(Avatar, { size: "40px", src: userInfo?.avatar }), jsxRuntime.jsxs(DescriptionUser$1, { children: [userName && userName?.length > 25 ? (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: userName, children: jsxRuntime.jsx(NameUser$1, { children: userName }) })) : (jsxRuntime.jsx(NameUser$1, { children: userName })), userEmail && userEmail?.length > 30 ? (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: userEmail, children: jsxRuntime.jsx(EmailUser$1, { children: userEmail }) })) : (jsxRuntime.jsx(EmailUser$1, { children: userEmail }))] })] }), jsxRuntime.jsxs(UserAdditionalInfo$1, { children: [area && area?.length > 31 ? (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: userInfo?.area, children: jsxRuntime.jsx(Area$1, { variant: variant, children: area }) })) : (jsxRuntime.jsx(Area$1, { variant: variant, children: area })), position && position?.length > 33 ? (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: userInfo?.position, children: jsxRuntime.jsx(Position$1, { children: position }) })) : (jsxRuntime.jsx(Position$1, { children: position }))] }), variant == 'secondary' ?
15300
- jsxRuntime.jsx(FooterButtonBrainstorm, { statusSend: statusSend, clickSendInvitation: clickSendInvitation, handleClickRemove: handleClickRemove, labels: labels, userInfo: userInfo })
15322
+ return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(WrapperCard$2, { variant: variant, style: { ...style }, children: [jsxRuntime.jsxs(UserInfo$1, { children: [jsxRuntime.jsx(Avatar, { size: "40px", src: userInfo?.avatar }), jsxRuntime.jsxs(DescriptionUser$1, { children: [userName && userName?.length > 25 ? (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: userName, children: jsxRuntime.jsx(NameUser$1, { children: userName }) })) : (jsxRuntime.jsx(NameUser$1, { children: userName })), userEmail && userEmail?.length > 20 ? (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: userEmail, children: jsxRuntime.jsx(EmailUser$1, { children: limitString(userEmail, 20) }) })) : (jsxRuntime.jsx(EmailUser$1, { children: userEmail }))] })] }), jsxRuntime.jsxs(UserAdditionalInfo$1, { children: [area && area?.length > 31 ? (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: userInfo?.area, children: jsxRuntime.jsx(Area$1, { variant: variant, children: area }) })) : (jsxRuntime.jsx(Area$1, { variant: variant, children: area })), position && position?.length > 33 ? (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: userInfo?.position, children: jsxRuntime.jsx(Position$1, { children: position }) })) : (jsxRuntime.jsx(Position$1, { children: position }))] }), variant == 'secondary' ? (jsxRuntime.jsx(FooterButtonVariantIcons, { statusSend: statusSend, clickSendInvitation: clickSendInvitation, handleClickRemove: handleClickRemove, labels: labels, userInfo: userInfo, variant: variant, IconSend: jsxRuntime.jsx(LetterEnvelopLineIcon, {}) })) : (variant == 'tertiary' ?
15323
+ jsxRuntime.jsx(FooterButtonVariantIcons, { statusSend: statusSend, clickSendInvitation: () => handleSendInvitation(userInfo?.id), handleClickRemove: handleClickRemove, labels: labels, userInfo: userInfo, variant: variant, IconSend: jsxRuntime.jsx(PeopleLineIcon, {}) })
15301
15324
  :
15302
- jsxRuntime.jsx(FooterButtonDefault, { statusSend: statusSend, clickSendInvitation: clickSendInvitation, handleClickRemove: handleClickRemove, labels: labels, userInfo: userInfo })] }) }));
15325
+ jsxRuntime.jsx(FooterButtonDefault, { statusSend: statusSend, clickSendInvitation: clickSendInvitation, handleClickRemove: handleClickRemove, labels: labels, userInfo: userInfo }))] }) }));
15303
15326
  }
15304
- function FooterButtonBrainstorm({ statusSend, clickSendInvitation, handleClickRemove, labels, userInfo }) {
15327
+ function FooterButtonVariantIcons({ statusSend, clickSendInvitation, handleClickRemove, labels, userInfo, variant, IconSend }) {
15305
15328
  const [status, setStatus] = React.useState(statusSend);
15306
15329
  React.useEffect(() => {
15307
15330
  setStatus(statusSend);
15308
15331
  }, [statusSend]);
15309
15332
  return (jsxRuntime.jsxs(FooterButton, { style: { justifyContent: 'flex-start', gap: '4px', alignItems: 'center' }, children: [status == 'default' ? (jsxRuntime.jsxs(WrapperButtons, { status: status, children: [jsxRuntime.jsxs(ButtonSendV2, { onClick: () => {
15310
- setStatus('success');
15311
- // clickSendInvitation()
15312
- }, children: [jsxRuntime.jsx(LetterEnvelopLineIcon, {}), labels?.sendInvitation ? labels?.sendInvitation : 'Convidar'] }), jsxRuntime.jsx(ButtonOrV2, { children: labels.or }), jsxRuntime.jsx(ButtonRemoveV2, { onClick: () => handleClickRemove(userInfo?.id), children: labels?.remove ? labels?.remove : 'Remover' })] })) : null, jsxRuntime.jsx("div", { style: { width: '100%', justifyContent: 'flex-start' }, children: jsxRuntime.jsxs(ButtonSuccessV2, { status: status, children: [jsxRuntime.jsx(CheckInCicle, {}), labels?.invitationSuccess ? labels?.invitationSuccess : 'Convite enviado'] }) })] }));
15333
+ if (variant == 'secondary')
15334
+ setStatus('success');
15335
+ clickSendInvitation();
15336
+ }, children: [IconSend, labels?.sendInvitation ? labels?.sendInvitation : 'Convidar'] }), jsxRuntime.jsx(ButtonOrV2, { children: labels.or }), jsxRuntime.jsx(ButtonRemoveV2, { onClick: () => handleClickRemove(userInfo?.id), children: labels?.remove ? labels?.remove : 'Remover' })] })) : null, jsxRuntime.jsx("div", { style: { width: '100%', justifyContent: 'flex-start' }, children: jsxRuntime.jsxs(ButtonSuccessV2, { status: status, children: [jsxRuntime.jsx(CheckInCicle, {}), labels?.invitationSuccess ? labels?.invitationSuccess : 'Convite enviado'] }) })] }));
15313
15337
  }
15314
15338
  function FooterButtonDefault({ statusSend, clickSendInvitation, labels, handleClickRemove, userInfo }) {
15315
15339
  return (jsxRuntime.jsxs(FooterButton, { children: [statusSend == 'default' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [clickSendInvitation ? (jsxRuntime.jsxs(ButtonSend, { onClick: () => clickSendInvitation(), children: [jsxRuntime.jsx(AddPeople, {}), labels?.sendInvitation ? labels?.sendInvitation : 'Enviar convite'] })) : null, handleClickRemove ? (jsxRuntime.jsx(ButtonRemove$1, { onClick: () => handleClickRemove(userInfo?.id), children: labels?.remove ? labels?.remove : 'Remover' })) : null] })) : null, statusSend == 'success' ? (jsxRuntime.jsx("div", { style: { width: '100%', justifyContent: 'flex-start' }, children: jsxRuntime.jsxs(ButtonSuccess, { children: [jsxRuntime.jsx(MessageCheckLine, { width: "14" }), labels?.invitationSuccess ? labels?.invitationSuccess : 'Convite enviado'] }) })) : null] }));
15316
15340
  }
15341
+ function limitString(str, total) {
15342
+ if (str.length > total) {
15343
+ return str.substring(0, total) + '...';
15344
+ }
15345
+ else {
15346
+ return str;
15347
+ }
15348
+ }
15349
+ function PeopleLineIcon() {
15350
+ return (jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M12.549 14.9713C12.532 14.7717 12.6157 14.5769 12.772 14.4518C13.2283 14.0867 13.5727 13.581 13.7932 12.9049C14.0286 12.1829 14.1413 11.5131 14.1413 10.8923V8.62656C14.1413 8.30123 14.016 7.93557 13.6901 7.51986C13.3643 7.10436 12.9296 6.75178 12.3712 6.46759C11.8218 6.18796 11.2767 6.05454 10.7301 6.05454C10.4151 6.05454 10.0826 6.10541 9.73058 6.21296C9.37604 6.32129 9.05625 6.46735 8.76858 6.64954L8.44995 6.14643L8.76858 6.64954C8.46646 6.84088 8.19782 7.05279 7.96103 7.28464C7.73815 7.50288 7.57086 7.73504 7.45235 7.98085C7.33291 8.22857 7.28531 8.44184 7.28531 8.62656V10.8923C7.28531 11.4321 7.4064 12.0735 7.67084 12.8245C7.91914 13.5297 8.28527 14.0571 8.75636 14.4359C8.91295 14.5618 8.99614 14.7577 8.97796 14.9578C8.95979 15.1579 8.84266 15.3356 8.66594 15.4312L5.19182 17.3109C5.18613 17.314 5.1804 17.317 5.17462 17.3199C5.11819 17.3481 5.04257 17.3883 4.94593 17.442C4.91178 17.4609 4.82117 17.5256 4.66114 17.675C4.63587 17.6986 4.61809 17.7179 4.60598 17.7327C4.60376 17.7354 4.60177 17.738 4.6 17.7403V19.0489C4.6 19.1498 4.62784 19.2078 4.68601 19.2642C4.75468 19.3307 4.81815 19.3552 4.90629 19.3552H16.5203C16.6084 19.3552 16.6719 19.3307 16.7406 19.2642C16.7987 19.2078 16.8266 19.1498 16.8266 19.0489V17.7212C16.8184 17.7054 16.8107 17.6951 16.8044 17.6881C16.776 17.6565 16.7386 17.6203 16.69 17.5798C16.6454 17.5426 16.6054 17.5149 16.5704 17.4945L12.549 14.9713ZM12.549 14.9713C12.566 15.1708 12.6815 15.3487 12.8568 15.4455M12.549 14.9713L12.8568 15.4455M12.8568 15.4455L16.2083 17.2963L16.2378 17.316C16.2798 17.344 16.3252 17.3666 16.3729 17.3832L12.8568 15.4455ZM16.3735 17.3836C16.3791 17.3862 16.3894 17.3913 16.4051 17.4L16.3735 17.3836Z", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M12 4.62121C12.2991 4.42929 12.628 4.27778 12.9869 4.16667C13.3458 4.05556 13.6947 4 14.0336 4C14.6118 4 15.1801 4.14394 15.7383 4.43182C16.2966 4.7197 16.7477 5.08586 17.0916 5.5303C17.4355 5.97475 17.6075 6.41919 17.6075 6.86364V8.90909C17.6075 9.53535 17.4953 10.197 17.271 10.8939C17.0467 11.5909 16.6854 12.1414 16.1869 12.5455L19.1925 14.2273L19.2374 14.2576C19.2673 14.2677 19.3047 14.2854 19.3495 14.3106C19.3944 14.3359 19.4467 14.3662 19.5065 14.4015C19.5664 14.4369 19.6262 14.4798 19.686 14.5303C19.7458 14.5808 19.7981 14.6313 19.843 14.6818C19.8878 14.7323 19.9252 14.7904 19.9551 14.8561C19.985 14.9217 20 14.9848 20 15.0455V16.2727C20 16.505 19.9202 16.6995 19.7607 16.8561C19.6012 17.0126 19.4118 17.0909 19.1925 17.0909", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
15351
+ }
15317
15352
  function LetterEnvelopLineIcon() {
15318
15353
  return (jsxRuntime.jsx("div", { style: { height: '12px', borderRadius: '2px', overflow: 'hidden', marginRight: '8px', marginLeft: '8px' }, children: jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "12", viewBox: "1 1 16.4 12", children: jsxRuntime.jsx("path", { strokeWidth: "1", fill: '#0645ad', d: "m3.2,0C1.43,0,0,1.43,0,3.2h2.4c0-.44.36-.8.8-.8V0Zm12,2.4c.44,0,.8.36.8.8h2.4c0-1.77-1.43-3.2-3.2-3.2v2.4Zm.8,8.8c0,.44-.36.8-.8.8v2.4c1.77,0,3.2-1.43,3.2-3.2h-2.4Zm-12.8.8c-.44,0-.8-.36-.8-.8H0c0,1.77,1.43,3.2,3.2,3.2v-2.4Zm-.8-.8V3.2H0v8h2.4Zm12.8.8H3.2v2.4h12v-2.4Zm.8-8.8v8h2.4V3.2h-2.4Zm-12.8-.8h12V0H3.2v2.4Zm4.48,4.44c.91.66,2.14.66,3.05,0l-.7-.97c-.49.35-1.15.35-1.64,0l-.7.97Zm3.05,0l6.43-4.65-.7-.97-6.43,4.65.7.97ZM1.25,2.19l6.43,4.65.7-.97L1.95,1.21l-.7.97Zm9.12,4.17l-.35-.49.35.49Zm-2.35,0l-.35.49.35-.49Z" }) }) }));
15319
15354
  }
package/dist/src/components/IJ/participantCardOld/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/participantCardOld/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAInC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAOpD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,OAAO,EACP,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,oBAAoB,EACpB,iBAAiB,EAClB,EAAE,gBAAgB,eAgFlB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/participantCardOld/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAInC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAOpD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,OAAO,EACP,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,oBAAoB,EACpB,iBAAiB,EAClB,EAAE,gBAAgB,eA+FlB"}
package/dist/src/components/IJ/participantCardOld/participantCardStyle.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"participantCardStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/participantCardOld/participantCardStyle.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW;;SAevB,CAAA;AAED,eAAO,MAAM,eAAe,oEAI3B,CAAA;AAED,eAAO,MAAM,QAAQ,oEAGpB,CAAA;AACG,eAAO,MAAM,eAAe,oEAI3B,CAAA;AACG,eAAO,MAAM,QAAQ,oEAqBpB,CAAA;AACD,eAAO,MAAM,SAAS,oEAsBrB,CAAA;AAET,eAAO,MAAM,kBAAkB,oEAI9B,CAAA;AACG,eAAO,MAAM,IAAI;;SAuBhB,CAAA;AACD,eAAO,MAAM,QAAQ,oEAsBpB,CAAA;AAEL,eAAO,MAAM,YAAY,oEAMxB,CAAA;AAED,eAAO,MAAM,UAAU,oEA0BtB,CAAA;AAED,eAAO,MAAM,YAAY,oEAQxB,CAAA;AAGD,eAAO,MAAM,YAAY,oEAgBxB,CAAA;AAED,eAAO,MAAM,cAAc;;SAS1B,CAAA;AAED,eAAO,MAAM,cAAc,oEAoB1B,CAAA;AACD,eAAO,MAAM,UAAU,oEAatB,CAAA;AAED,eAAO,MAAM,aAAa,oEAoCzB,CAAA;AAED,eAAO,MAAM,eAAe;;SAkB3B,CAAA"}
1
+ {"version":3,"file":"participantCardStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/participantCardOld/participantCardStyle.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW;;SAevB,CAAA;AAED,eAAO,MAAM,eAAe,oEAI3B,CAAA;AAED,eAAO,MAAM,QAAQ,oEAGpB,CAAA;AACG,eAAO,MAAM,eAAe,oEAI3B,CAAA;AACG,eAAO,MAAM,QAAQ,oEAqBpB,CAAA;AACD,eAAO,MAAM,SAAS,oEAsBrB,CAAA;AAET,eAAO,MAAM,kBAAkB,oEAI9B,CAAA;AACG,eAAO,MAAM,IAAI;;SAuBhB,CAAA;AACD,eAAO,MAAM,QAAQ,oEAsBpB,CAAA;AAEL,eAAO,MAAM,YAAY,oEAOxB,CAAA;AAED,eAAO,MAAM,UAAU,oEA0BtB,CAAA;AAED,eAAO,MAAM,YAAY,oEAQxB,CAAA;AAGD,eAAO,MAAM,YAAY,oEAgBxB,CAAA;AAED,eAAO,MAAM,cAAc;;SAS1B,CAAA;AAED,eAAO,MAAM,cAAc,oEAoB1B,CAAA;AACD,eAAO,MAAM,UAAU,oEAatB,CAAA;AAED,eAAO,MAAM,aAAa,oEAoCzB,CAAA;AAED,eAAO,MAAM,eAAe;;SAkB3B,CAAA"}
package/dist/src/components/LXP/contentThumbnails/contentThumbnailsStyle.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"contentThumbnailsStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/contentThumbnails/contentThumbnailsStyle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,oEAWrB,CAAA;AACD,eAAO,MAAM,KAAK,oEAMjB,CAAA;AACD,eAAO,MAAM,OAAO,oEAQnB,CAAA;AACD,eAAO,MAAM,UAAU,kEAiBtB,CAAA;AACD,eAAO,MAAM,MAAM,oEAYlB,CAAA;AACD,eAAO,MAAM,aAAa,oEAsBzB,CAAA;AACD,eAAO,MAAM,UAAU,oEAQtB,CAAA;AACD,eAAO,MAAM,KAAK,oEAUjB,CAAA;AACD,eAAO,MAAM,SAAS,oEASrB,CAAA;AAGD,eAAO,MAAM,eAAe,oEAU3B,CAAA;AACD,eAAO,MAAM,eAAe,oEAM3B,CAAA;AACD,eAAO,MAAM,gBAAgB,kEAS5B,CAAA;AACD,eAAO,MAAM,YAAY,uEAOxB,CAAA;AACD,eAAO,MAAM,WAAW,oEAQvB,CAAA;AACD,eAAO,MAAM,aAAa,oEAKzB,CAAA;AACD,eAAO,MAAM,YAAY,uEAExB,CAAA"}
1
+ {"version":3,"file":"contentThumbnailsStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/contentThumbnails/contentThumbnailsStyle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,oEA0BrB,CAAA;AACD,eAAO,MAAM,KAAK,oEAMjB,CAAA;AACD,eAAO,MAAM,OAAO,oEAOnB,CAAA;AACD,eAAO,MAAM,UAAU,kEAiBtB,CAAA;AACD,eAAO,MAAM,MAAM,oEAYlB,CAAA;AACD,eAAO,MAAM,aAAa,oEAsBzB,CAAA;AACD,eAAO,MAAM,UAAU,oEAQtB,CAAA;AACD,eAAO,MAAM,KAAK,oEAUjB,CAAA;AACD,eAAO,MAAM,SAAS,oEAQrB,CAAA;AAGD,eAAO,MAAM,eAAe,oEAS3B,CAAA;AACD,eAAO,MAAM,eAAe,oEAM3B,CAAA;AACD,eAAO,MAAM,gBAAgB,kEAS5B,CAAA;AACD,eAAO,MAAM,YAAY,uEAOxB,CAAA;AACD,eAAO,MAAM,WAAW,oEAQvB,CAAA;AACD,eAAO,MAAM,aAAa,oEAKzB,CAAA;AACD,eAAO,MAAM,YAAY,uEAExB,CAAA"}
package/dist/src/components/LXP/contentThumbnails/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/contentThumbnails/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAInC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AASxD,oBAAY,WAAW;IACrB,OAAO,IAAA;IACP,KAAK,IAAA;IACL,OAAO,IAAA;IACP,eAAe,IAAA;IACf,IAAI,IAAA;IACJ,WAAW,IAAA;CACZ;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,KAAK,EACL,WAAW,EACX,OAAO,EACP,GAAG,EACH,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,iBAAiB,EACjB,aAAa,EACb,MAAM,EACP,EAAE,kBAAkB,eA2KpB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/contentThumbnails/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAInC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AASxD,oBAAY,WAAW;IACrB,OAAO,IAAA;IACP,KAAK,IAAA;IACL,OAAO,IAAA;IACP,eAAe,IAAA;IACf,IAAI,IAAA;IACJ,WAAW,IAAA;CACZ;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,KAAK,EACL,WAAW,EACX,OAAO,EACP,GAAG,EACH,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,iBAAiB,EACjB,aAAa,EACb,MAAM,EACP,EAAE,kBAAkB,eA0LpB"}
package/dist/src/components/avatar/avatarStyles.d.ts CHANGED
@@ -2,6 +2,7 @@ interface AvatarI {
2
2
  size?: string;
3
3
  src?: any;
4
4
  disabled?: boolean;
5
+ isActiveClick?: boolean;
5
6
  }
6
7
  export declare const AvatarImg: import("styled-components").StyledComponent<"img", any, AvatarI, never>;
7
8
  export declare const AvatarWrapper: import("styled-components").StyledComponent<"div", any, AvatarI, never>;
package/dist/src/components/avatar/avatarStyles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"avatarStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/avatarStyles.ts"],"names":[],"mappings":"AAEA,UAAU,OAAO;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,SAAS,yEAWrB,CAAA;AAED,eAAO,MAAM,aAAa,yEAIzB,CAAA"}
1
+ {"version":3,"file":"avatarStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/avatarStyles.ts"],"names":[],"mappings":"AAEA,UAAU,OAAO;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,SAAS,yEAWrB,CAAA;AAED,eAAO,MAAM,aAAa,yEAIzB,CAAA"}
package/dist/src/components/avatar/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import '../../shared/global.css';
3
3
  import { IAvatar } from './avatar';
4
- export default function Avatar({ size, src, alt, className, disabled, onClick }: IAvatar): JSX.Element;
4
+ export default function Avatar({ size, src, alt, className, disabled, onClick, isActiveClick }: IAvatar): JSX.Element;
5
5
  //# sourceMappingURL=index.d.ts.map
package/dist/src/components/avatar/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/index.tsx"],"names":[],"mappings":";AAAA,OAAO,yBAAyB,CAAA;AAIhC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,OAAO,eASvF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/index.tsx"],"names":[],"mappings":";AAAA,OAAO,yBAAyB,CAAA;AAIhC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,OAAO,eAStG"}
package/dist/src/components/cards/cardProblem/index.d.ts CHANGED
@@ -8,6 +8,7 @@ interface CardProblemProps {
8
8
  onClick?: (problemID: string) => void;
9
9
  onClickAvatar?: () => void;
10
10
  onClickName?: () => void;
11
+ isActiveClickProfile?: boolean;
11
12
  problemID: string;
12
13
  userName: string;
13
14
  userCargo: string;
package/dist/src/components/cards/cardProblem/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/cards/cardProblem/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAgBnC,UAAU,gBAAgB;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAwED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,eA2J1D"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/cards/cardProblem/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAgBnC,UAAU,gBAAgB;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAwED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,eA2J1D"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "frst-components",
3
3
  "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
4
- "version": "0.21.8",
4
+ "version": "0.21.10",
5
5
  "private": false,
6
6
  "main": "./dist/index.js",
7
7
  "types": "./dist/index.d.ts",