frst-components 0.21.4 → 0.21.5
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
CHANGED
|
@@ -1973,18 +1973,20 @@ var style$e = {"container":"avatarWithInfo-module_container__Y-yUf"};
|
|
|
1973
1973
|
styleInject(css_248z$i);
|
|
1974
1974
|
|
|
1975
1975
|
const AvatarImg$1 = styled__default["default"].img `
|
|
1976
|
-
|
|
1977
|
-
|
|
1978
|
-
|
|
1979
|
-
|
|
1976
|
+
width: ${(props) => props.size || '120px'};
|
|
1977
|
+
height: ${(props) => props.size || '120px'};
|
|
1978
|
+
border-radius: 50%;
|
|
1979
|
+
object-fit: cover;
|
|
1980
1980
|
|
|
1981
|
-
|
|
1981
|
+
${({ disabled }) => disabled === true &&
|
|
1982
|
+
`
|
|
1982
1983
|
filter: grayscale(100%);
|
|
1983
1984
|
`}
|
|
1984
1985
|
`;
|
|
1985
1986
|
const AvatarWrapper = styled__default["default"].div `
|
|
1986
|
-
|
|
1987
|
-
|
|
1987
|
+
width: ${(props) => props.size || '120px'};
|
|
1988
|
+
height: ${(props) => props.size || '120px'};
|
|
1989
|
+
cursor: pointer;
|
|
1988
1990
|
`;
|
|
1989
1991
|
|
|
1990
1992
|
function Avatar({ size, src, alt, className, disabled, onClick }) {
|
|
@@ -5591,8 +5593,8 @@ function CardProblemGestor(props) {
|
|
|
5591
5593
|
return (jsxRuntime.jsxs("div", { className: style$8.container, style: { border: '1px solid ', borderColor: '#CCC', backgroundColor: '#FFF', color: '#000' }, onClick: () => props.onClick(props.problemID), children: [props.problemStatus !== 'problemaCriado' && (jsxRuntime.jsx("div", { className: style$8.tagStatusProblem, style: { background: statusBg || '#757575', color: statusColor }, children: props.statusName })), jsxRuntime.jsxs("div", { className: style$8.contentCard, children: [jsxRuntime.jsxs("div", { className: style$8.avatarInfoUser, children: [jsxRuntime.jsxs("div", { children: [' ', jsxRuntime.jsx(Avatar, { size: "40px", src: props.userAvatar }), ' '] }), jsxRuntime.jsxs("div", { className: style$8.infoUser, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 600 }, children: props.userName }), jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 400 }, children: props.userCargo })] })] }), props.cardTitle && (jsxRuntime.jsx("div", { className: style$8.tituloCard, style: { color: '#FF4D0D', width: '100%' }, children: jsxRuntime.jsx("span", { children: props.cardTitle }) })), props.tags && (jsxRuntime.jsx("div", { className: style$8.tagsContainer, children: props.tags.map((item, index) => (jsxRuntime.jsx(Tag, { title: item, color: '#050505', selected: false, inverted: true, style: { fontWeight: 500, fontSize: 14, marginRight: 8, marginTop: 8 } }, index))) })), props.ratingImpacto && (jsxRuntime.jsxs("div", { className: style$8.avaliacao, children: [jsxRuntime.jsx(Rating$1, { nota: props.ratingImpacto.nota, qtdeAvaliacao: props.ratingImpacto.qtdeAvaliacao, descricaoAvaliacao: props.ratingImpacto.description, titulo: props.locales?.impact, tipoVisualizacao: 2, style: { margin: 0, width: 120 }, nomeAvaliacao: props.locales?.evaluation }), jsxRuntime.jsx(Rating$1, { nota: props.ratingRelevancia.nota, qtdeAvaliacao: props.ratingRelevancia.qtdeAvaliacao, descricaoAvaliacao: props.ratingRelevancia.description, titulo: props.locales?.relevance, tipoVisualizacao: 2, style: { margin: 0, width: 120 }, nomeAvaliacao: props.locales?.evaluation }), jsxRuntime.jsx(RatingCurtidas, { qtdeCurtidas: props.ratingCurtidas, titulo: props.locales?.likes, tipoBotao: 4, style: { margin: 0, width: 90 }, descricaoCurtida: props.locales?.likesDescription })] })), props.lastUpdated && (jsxRuntime.jsxs("div", { style: { color: '#0645AD', fontSize: 12, fontWeight: 400, marginTop: 8 }, children: [props.lastUpdated, " "] }))] })] }));
|
|
5592
5594
|
}
|
|
5593
5595
|
|
|
5594
|
-
var css_248z$b = ".cardProblem-module_container__eYX3j {\n width: 100%;\n border-radius: 10px;\n padding-right: 24px;\n padding-left: 48px;\n padding-top: 40px;\n padding-bottom: 24px;\n\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: row;\n position: relative;\n}\n\n.cardProblem-module_container__eYX3j:hover {\n box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.2);\n}\n\n
|
|
5595
|
-
var style$7 = {"container":"cardProblem-module_container__eYX3j","
|
|
5596
|
+
var css_248z$b = ".cardProblem-module_container__eYX3j {\n width: 100%;\n border-radius: 10px;\n padding-right: 24px;\n padding-left: 48px;\n padding-top: 40px;\n padding-bottom: 24px;\n\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: row;\n position: relative;\n}\n\n.cardProblem-module_container__eYX3j:hover {\n box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.2);\n}\n\n\n\n.cardProblem-module_tagStatusProblem__11NQe {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n font-size: 12px;\n font-weight: 500;\n padding: 8px;\n border-bottom-left-radius: 8px;\n border-top-right-radius: 5px;\n}\n\n.cardProblem-module_checkBox__hhdF6 {\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n height: 100%;\n padding-top: 17px;\n padding-left: 16px;\n\n position: absolute;\n left: 0;\n}\n\n.cardProblem-module_contentCard__oBqoN {\n margin-left: 8px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: column;\n}\n\n.cardProblem-module_avatarInfoUser__0ppVK {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-bottom: 24px;\n}\n\n.cardProblem-module_infoUser__Zx6rx {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: column;\n margin-left: 16px;\n}\n\n.cardProblem-module_tituloCard__JD95u {\n margin-top: 4px;\n margin-bottom: 8px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n\n font-weight: 600;\n font-size: 18px;\n word-break: break-word;\n}\n\n.cardProblem-module_tagsContainer__IwGeV {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.cardProblem-module_buttonVerMais__qgmLA {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n\n position: absolute;\n bottom: 0;\n right: 0;\n font-weight: 600;\n\n margin-bottom: 26px;\n margin-right: 30px;\n}\n";
|
|
5597
|
+
var style$7 = {"container":"cardProblem-module_container__eYX3j","tagStatusProblem":"cardProblem-module_tagStatusProblem__11NQe","checkBox":"cardProblem-module_checkBox__hhdF6","contentCard":"cardProblem-module_contentCard__oBqoN","avatarInfoUser":"cardProblem-module_avatarInfoUser__0ppVK","infoUser":"cardProblem-module_infoUser__Zx6rx","tituloCard":"cardProblem-module_tituloCard__JD95u","tagsContainer":"cardProblem-module_tagsContainer__IwGeV","buttonVerMais":"cardProblem-module_buttonVerMais__qgmLA"};
|
|
5596
5598
|
styleInject(css_248z$b);
|
|
5597
5599
|
|
|
5598
5600
|
const translate = {
|
|
@@ -5723,9 +5725,7 @@ function CardProblem(props) {
|
|
|
5723
5725
|
color: statusName === translate[languageSlected]['hypothesesTaised'] ? '#222222' : '#FFF'
|
|
5724
5726
|
}, 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: () => {
|
|
5725
5727
|
props.handleSelect(props.problemID);
|
|
5726
|
-
}, children: selected ? jsxRuntime.jsx(CheckboxChecked, {}) : jsxRuntime.jsx(CheckboxEmpty, {}) }), jsxRuntime.jsxs("div", { className: style$7.contentCard, onClick: () =>
|
|
5727
|
-
props.onClick(props.problemID);
|
|
5728
|
-
}, children: [jsxRuntime.jsxs("div", { className: style$7.avatarInfoUser, children: [jsxRuntime.jsxs("div", { children: [' ', jsxRuntime.jsx(Avatar, { size: "40px", src: props.userAvatar }), ' '] }), jsxRuntime.jsxs("div", { className: style$7.infoUser, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 600 }, 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
|
+
}, 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) }) }))] })] }));
|
|
5729
5729
|
}
|
|
5730
5730
|
|
|
5731
5731
|
var css_248z$a = ".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";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatarStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/avatarStyles.ts"],"names":[],"mappings":"AAEA,UAAU,OAAO;
|
|
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 +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,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,
|
|
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"}
|
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.
|
|
4
|
+
"version": "0.21.5",
|
|
5
5
|
"private": false,
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"types": "./dist/index.d.ts",
|
|
@@ -94,4 +94,4 @@
|
|
|
94
94
|
"bugs": {
|
|
95
95
|
"url": "https://github.com/FRST-Falconi/storybook.frstfalconi.com/issues"
|
|
96
96
|
}
|
|
97
|
-
}
|
|
97
|
+
}
|