frst-components 0.20.8 → 0.20.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.
- package/dist/index.d.ts +3 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +341 -216
- package/dist/src/components/FI/inputCommentPost-it/index.d.ts.map +1 -1
- package/dist/src/components/FI/inputCommentPost-it/inputCommentPost-ItStyles.d.ts +1 -0
- package/dist/src/components/FI/inputCommentPost-it/inputCommentPost-ItStyles.d.ts.map +1 -1
- package/dist/src/components/IJ/learningCycleCard/components/menu/index.d.ts.map +1 -1
- package/dist/src/components/IJ/learningCycleCard/components/menu/menuStyle.d.ts.map +1 -1
- package/dist/src/components/IJ/thumbListContent/index.d.ts +1 -0
- package/dist/src/components/IJ/thumbListContent/index.d.ts.map +1 -1
- package/dist/src/components/IJ/thumbListContent/thumbListContentStyles.d.ts +1 -0
- package/dist/src/components/IJ/thumbListContent/thumbListContentStyles.d.ts.map +1 -1
- package/dist/src/components/IncrementarIdeia/icrementarIdeiaStyles.d.ts.map +1 -0
- package/dist/src/components/{FI/IncrementarIdeia → IncrementarIdeia}/index.d.ts +3 -3
- package/dist/src/components/IncrementarIdeia/index.d.ts.map +1 -0
- package/dist/src/components/IncrementarIdeia/useAutosizeTextArea.d.ts.map +1 -0
- package/dist/src/components/LXP/accordionTrack/accordionTrackStyle.d.ts.map +1 -1
- package/dist/src/components/LXP/accordionTrack/contentCoursesTrails.d.ts.map +1 -1
- package/dist/src/components/LXP/avatarChannel/avatarChannelStyles.d.ts +2 -9
- package/dist/src/components/LXP/avatarChannel/avatarChannelStyles.d.ts.map +1 -1
- package/dist/src/components/LXP/avatarChannel/index.d.ts.map +1 -1
- package/dist/src/components/LXP/bannerLxp/index.d.ts.map +1 -1
- package/dist/src/components/LXP/participantThumbnails/participantThumbnails.d.ts.map +1 -1
- package/dist/src/components/brainstorming-votar/index.d.ts +11 -0
- package/dist/src/components/brainstorming-votar/index.d.ts.map +1 -0
- package/dist/src/components/dropdown-profile-menu/index.d.ts +1 -1
- package/dist/src/components/dropdown-profile-menu/index.d.ts.map +1 -1
- package/dist/src/components/expand-button/expandButtonStyle.d.ts +9 -0
- package/dist/src/components/expand-button/expandButtonStyle.d.ts.map +1 -0
- package/dist/src/components/expand-button/index.d.ts +5 -0
- package/dist/src/components/expand-button/index.d.ts.map +1 -0
- package/dist/src/components/global-menu/index.d.ts +1 -1
- package/dist/src/components/global-menu/index.d.ts.map +1 -1
- package/dist/src/components/header-improvement-idea/index.d.ts.map +1 -1
- package/dist/src/components/header-user/headerUserStyles.d.ts +6 -2
- package/dist/src/components/header-user/headerUserStyles.d.ts.map +1 -1
- package/dist/src/components/header-user/index.d.ts +1 -1
- package/dist/src/components/header-user/index.d.ts.map +1 -1
- package/dist/src/components/scroll-container/index.d.ts +1 -1
- package/dist/src/components/scroll-container/index.d.ts.map +1 -1
- package/dist/src/shared/icons.d.ts +2 -0
- package/dist/src/shared/icons.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/src/components/FI/IncrementarIdeia/icrementarIdeiaStyles.d.ts.map +0 -1
- package/dist/src/components/FI/IncrementarIdeia/index.d.ts.map +0 -1
- package/dist/src/components/FI/IncrementarIdeia/useAutosizeTextArea.d.ts.map +0 -1
- /package/dist/src/components/{FI/IncrementarIdeia → IncrementarIdeia}/icrementarIdeiaStyles.d.ts +0 -0
- /package/dist/src/components/{FI/IncrementarIdeia → IncrementarIdeia}/useAutosizeTextArea.d.ts +0 -0
package/dist/index.js
CHANGED
|
@@ -8,7 +8,7 @@ var styled = require('styled-components');
|
|
|
8
8
|
var useSound = require('use-sound');
|
|
9
9
|
var reactI18next = require('react-i18next');
|
|
10
10
|
var material = require('@mui/material');
|
|
11
|
-
var Button$
|
|
11
|
+
var Button$7 = require('@mui/material/Button');
|
|
12
12
|
var Menu$1 = require('@mui/material/Menu');
|
|
13
13
|
var MenuItem = require('@mui/material/MenuItem');
|
|
14
14
|
var Card = require('@mui/material/Card');
|
|
@@ -89,7 +89,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
89
89
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
90
90
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
91
91
|
var useSound__default = /*#__PURE__*/_interopDefaultLegacy(useSound);
|
|
92
|
-
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button$
|
|
92
|
+
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button$7);
|
|
93
93
|
var Menu__default = /*#__PURE__*/_interopDefaultLegacy(Menu$1);
|
|
94
94
|
var MenuItem__default = /*#__PURE__*/_interopDefaultLegacy(MenuItem);
|
|
95
95
|
var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
|
|
@@ -482,16 +482,16 @@ function ErrorAlert({ fill, width, height }) {
|
|
|
482
482
|
return (jsxRuntime.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17Z", stroke: "#C00F00", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsxRuntime.jsx("path", { d: "M8.99683 5.57147L8.99683 9.68576", stroke: "#C00F00", "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsxRuntime.jsx("ellipse", { cx: "8.99821", cy: "12.4283", rx: "0.685714", ry: "0.685145", fill: "#C00F00" })] }));
|
|
483
483
|
}
|
|
484
484
|
function IconLikeLine({ fill, stroke, customColor_1, width, height }) {
|
|
485
|
-
return (jsxRuntime.jsxs("svg", { width: width ? width :
|
|
485
|
+
return (jsxRuntime.jsxs("svg", { width: width ? width : '16', height: height ? height : '16', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsxs("g", { clipPath: "url(#clip0_8980_33733)", children: [jsxRuntime.jsx("path", { d: "M9.33337 3.33334V6.00001H13.1067C13.3 5.99782 13.4914 6.03768 13.6678 6.11682C13.8441 6.19596 14.0011 6.3125 14.1279 6.45835C14.2548 6.60421 14.3484 6.77589 14.4023 6.96151C14.4562 7.14713 14.469 7.34225 14.44 7.53334L13.52 13.5333C13.4718 13.8513 13.3103 14.1411 13.0653 14.3493C12.8203 14.5576 12.5083 14.6703 12.1867 14.6667H4.66671H2.66671C2.31309 14.6667 1.97395 14.5262 1.7239 14.2762C1.47385 14.0261 1.33337 13.687 1.33337 13.3333V8.66668C1.33337 8.31306 1.47385 7.97392 1.7239 7.72387C1.97395 7.47382 2.31309 7.33334 2.66671 7.33334H4.66671L7.33337 1.33334C7.86381 1.33334 8.37252 1.54406 8.74759 1.91913C9.12266 2.2942 9.33337 2.80291 9.33337 3.33334Z", stroke: fill ? fill : '#444444', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M4.66675 7.33334L4.66675 14.6667", stroke: fill ? fill : '#444444', strokeWidth: "1.2" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_8980_33733", children: jsxRuntime.jsx("rect", { width: width ? width : '16', height: height ? height : '16', fill: stroke ? stroke : 'white' }) }) })] }));
|
|
486
486
|
}
|
|
487
487
|
function IconLikeFilled({ fill, stroke, customColor_1, width, height }) {
|
|
488
|
-
return (jsxRuntime.jsxs("svg", { width: width ? width :
|
|
488
|
+
return (jsxRuntime.jsxs("svg", { width: width ? width : '16', height: height ? height : '16', viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("mask", { id: "path-1-inside-1_9175_678", fill: "white", children: jsxRuntime.jsx("path", { d: "M8.33337 2.83331V5.49998H12.1067C12.3 5.49779 12.4914 5.53765 12.6678 5.61679C12.8441 5.69593 13.0011 5.81247 13.1279 5.95832C13.2548 6.10418 13.3484 6.27586 13.4023 6.46148C13.4562 6.6471 13.469 6.84222 13.44 7.03331L12.52 13.0333C12.4718 13.3513 12.3103 13.6411 12.0653 13.8493C11.8203 14.0576 11.5083 14.1703 11.1867 14.1666H3.66671H1.66671C1.31309 14.1666 0.973947 14.0262 0.723898 13.7761C0.47385 13.5261 0.333374 13.1869 0.333374 12.8333V8.16665C0.333374 7.81302 0.47385 7.47389 0.723898 7.22384C0.973947 6.97379 1.31309 6.83331 1.66671 6.83331H3.66671L6.33337 0.833313C6.86381 0.833313 7.37252 1.04403 7.74759 1.4191C8.12266 1.79417 8.33337 2.30288 8.33337 2.83331Z" }) }), jsxRuntime.jsx("path", { d: "M8.33337 2.83331V5.49998H12.1067C12.3 5.49779 12.4914 5.53765 12.6678 5.61679C12.8441 5.69593 13.0011 5.81247 13.1279 5.95832C13.2548 6.10418 13.3484 6.27586 13.4023 6.46148C13.4562 6.6471 13.469 6.84222 13.44 7.03331L12.52 13.0333C12.4718 13.3513 12.3103 13.6411 12.0653 13.8493C11.8203 14.0576 11.5083 14.1703 11.1867 14.1666H3.66671H1.66671C1.31309 14.1666 0.973947 14.0262 0.723898 13.7761C0.47385 13.5261 0.333374 13.1869 0.333374 12.8333V8.16665C0.333374 7.81302 0.47385 7.47389 0.723898 7.22384C0.973947 6.97379 1.31309 6.83331 1.66671 6.83331H3.66671L6.33337 0.833313C6.86381 0.833313 7.37252 1.04403 7.74759 1.4191C8.12266 1.79417 8.33337 2.30288 8.33337 2.83331Z", fill: fill ? fill : '#F26818', stroke: "#F26818", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", mask: "url(#path-1-inside-1_9175_678)" }), jsxRuntime.jsx("path", { d: "M3.33337 6.5L3.33337 14.1667", stroke: "white", strokeWidth: "1.5" }), "''"] }));
|
|
489
489
|
}
|
|
490
490
|
function TrashIconNew({ fill, stroke, customColor_1, width, height }) {
|
|
491
491
|
return (jsxRuntime.jsxs("svg", { width: width ?? '19', height: height ?? '19', viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M0.833252 4.33325H2.61103H16.8333", stroke: fill ? fill : '#0645AD', strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M15.3786 4.5V15.4C15.3786 15.8243 15.1816 16.2313 14.8309 16.5314C14.4802 16.8314 14.0045 17 13.5085 17H4.15785C3.66186 17 3.18619 16.8314 2.83547 16.5314C2.48475 16.2313 2.28772 15.8243 2.28772 15.4V4.5M5.09291 4.2V2.6C5.09291 2.17565 5.28995 1.76869 5.64066 1.46863C5.99138 1.16857 6.46706 1 6.96304 1H10.7033C11.1993 1 11.675 1.16857 12.0257 1.46863C12.3764 1.76869 12.5734 2.17565 12.5734 2.6V4.2", stroke: fill ? fill : '#0645AD', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
492
492
|
}
|
|
493
493
|
function ArrowShowMoreLess({ fill, stroke, customColor_1, width, height }) {
|
|
494
|
-
return (jsxRuntime.jsx("svg", { width: width ? width :
|
|
494
|
+
return (jsxRuntime.jsx("svg", { width: width ? width : '12', height: height ? height : '6', viewBox: "0 0 12 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M0 6L11.5 6L6 4.80825e-07L0 6Z", fill: fill ? fill : '#444444' }) }));
|
|
495
495
|
}
|
|
496
496
|
|
|
497
497
|
function styleInject(css, ref) {
|
|
@@ -1953,7 +1953,7 @@ function MissionSteps(props) {
|
|
|
1953
1953
|
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive + 1); }, className: style$e.missaoTitle, style: rightButtonStyle, children: `${mapTraducao.get(Idioma).nextShort}` })
|
|
1954
1954
|
: props.stepProblem < 5 &&
|
|
1955
1955
|
props.onClickContinue &&
|
|
1956
|
-
jsxRuntime.jsx("span", { className: style$e.missaoTitle, style: { ...rightButtonStyle, marginTop: '-10px' }, children: jsxRuntime.jsx(Button$
|
|
1956
|
+
jsxRuntime.jsx("span", { className: style$e.missaoTitle, style: { ...rightButtonStyle, marginTop: '-10px' }, children: jsxRuntime.jsx(Button$5, { handleClick: () => props.onClickContinue(), label: mapTraducao.get(Idioma).continueChallenge, variant: "primary", endIcon: jsxRuntime.jsx(FowardArrow, { fill: "#fff" }), style: { height: '40px' } }) }), jsxRuntime.jsxs("div", { style: { display: "inline-flex", marginTop: 40, justifyContent: 'center', width: '100%' }, children: [jsxRuntime.jsx(Steps, { step: 1, idioma: Idioma, status: stepLiberado >= 1 ? stepActive === 1 ? "A" : "I" : "B", onClick: () => {
|
|
1957
1957
|
setStep(1);
|
|
1958
1958
|
} }), jsxRuntime.jsx(Steps, { step: 2, idioma: Idioma, status: stepLiberado >= 2 ? stepActive === 2 ? "A" : "I" : "B", onClick: () => {
|
|
1959
1959
|
setStep(2);
|
|
@@ -2225,7 +2225,7 @@ const variantStyles$1 = (variant = 'contained') => ({
|
|
|
2225
2225
|
}
|
|
2226
2226
|
`,
|
|
2227
2227
|
}[variant]);
|
|
2228
|
-
const Button$
|
|
2228
|
+
const Button$6 = styled__default["default"].button `
|
|
2229
2229
|
display: flex;
|
|
2230
2230
|
flex-direction: row;
|
|
2231
2231
|
align-items: center;
|
|
@@ -2343,7 +2343,7 @@ const ButtonEndIcon = styled__default["default"].button `
|
|
|
2343
2343
|
${({ variant }) => variantStyles$1(variant)}
|
|
2344
2344
|
`;
|
|
2345
2345
|
|
|
2346
|
-
function Button$
|
|
2346
|
+
function Button$5({ variant, label, sizeIcon, disabled, startIcon, endIcon, handleClick, type, active, style, value, length, id, ref, handleMount }) {
|
|
2347
2347
|
React.useEffect(() => {
|
|
2348
2348
|
if (handleMount && id) {
|
|
2349
2349
|
handleMount(id);
|
|
@@ -2363,7 +2363,7 @@ function Button$4({ variant, label, sizeIcon, disabled, startIcon, endIcon, hand
|
|
|
2363
2363
|
(variant === 'link') ?
|
|
2364
2364
|
jsxRuntime.jsx(LinkButton$1, { ref: ref, style: { ...style }, disabled: disabled, onClick: handleClick, id: id, children: label })
|
|
2365
2365
|
:
|
|
2366
|
-
jsxRuntime.jsx(Button$
|
|
2366
|
+
jsxRuntime.jsx(Button$6, { ref: ref, style: { ...style }, length: length, active: active, value: value, variant: variant, disabled: disabled, onClick: handleClick, id: id, children: label }) }));
|
|
2367
2367
|
}
|
|
2368
2368
|
|
|
2369
2369
|
var css_248z$d = ".BannerProblem-module_container__iitVU {\n padding: 50px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: relative;\n flex-direction: row;\n flex-wrap: wrap;\n background-color: white;\n font-family: 'Work Sans';\n font-style: normal;\n\n}\n\n.BannerProblem-module_titleProblem__BeJIN{\n font-weight: 700;\n font-size: 18px;\n word-wrap: break-word;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n}\n\n.BannerProblem-module_created__OrSsa{\n font-size: 12px;\n\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 12px;\n line-height: 14px;\n /* identical to box height, or 117% */\n\n display: flex;\n align-items: center;\n letter-spacing: -0.02em;\n\n color: #757575;\n}\n\n.BannerProblem-module_description__olZ05{\n font-style: normal;\n font-weight: 600;\n font-size: 32px;\n text-align: left;\n display: flex;\n margin-top: 8px;\n width: 100%;\n color: #FF4D0D;\n margin-bottom: 0px;\n}\n\n@media(max-width: 880px){\n .BannerProblem-module_description__olZ05{\n word-wrap: break-word;\n }\n}\n\n.BannerProblem-module_missaoTitle__300kZ{\n font-style: normal;\n font-weight: 600;\n font-size: 16px;\n display: flex;\n align-items: center;\n width: 100%;\n \n color: #0645AD;\n}\n\nh2{\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 700;\n font-size: 16px;\n display: flex;\n align-items: center;\n width: 100%;\n margin-top: 16;\n margin-bottom: 0;\n}\n\nh3{\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 21px;\n margin: 0;\n word-wrap: break-word;\n}\n\n.BannerProblem-module_contentInput__YXpxk {\n background-color: #F2F2F2; \n border-width: 1px; \n border-radius: 4px;\n padding: 24px 16px 24px 16px;\n border: 1px solid #BDBDBD;\n}\n\n.BannerProblem-module_contentInput__YXpxk input {\n width: 100% !important;\n margin: 4px;\n padding: 16px;\n border-radius: 8px;\n border: 1px solid #BDBDBD;\n background-color: white;\n}\n\n.BannerProblem-module_goal_invite__B0T5N svg {\n max-width: none;\n max-height: none !important;\n}\n";
|
|
@@ -2478,7 +2478,7 @@ function BannerProblem(props) {
|
|
|
2478
2478
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$c.container, style: { ...props.style }, children: [props.topHeaderTagText &&
|
|
2479
2479
|
jsxRuntime.jsx(SpanHeaderTag, { background: props.topHeaderTagBgColor, color: props.topHeaderTagColor, children: props.topHeaderTagText }), jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', justifyContent: 'space-between', flexDirection: 'row', alignItems: 'center' }, children: [jsxRuntime.jsxs("span", { className: style$c.titleProblem, children: [showChallengeTitle(), props.isVerified &&
|
|
2480
2480
|
jsxRuntime.jsx(Tooltip$2, { direction: "bottom", content: props.verifiedTooltipContent, trigger: 'hover', width: '361px', height: '54px', style: { top: '10px', textAlign: 'center' }, children: jsxRuntime.jsx(SawBadgeIcon, {}) })] }), props.isEditable &&
|
|
2481
|
-
jsxRuntime.jsx(Button$
|
|
2481
|
+
jsxRuntime.jsx(Button$5, { label: Edit ? (props.textButtonLinkEditSave ? props.textButtonLinkEditSave : "Salvar Alterações") : (props.textButtonLinkEdit ? props.textButtonLinkEdit : "Editar"), variant: 'link', handleClick: () => handleEdit(), startIcon: jsxRuntime.jsx(EditIcon, {}) })] }), Edit ?
|
|
2482
2482
|
jsxRuntime.jsx("div", { style: {
|
|
2483
2483
|
marginTop: '8px',
|
|
2484
2484
|
marginBottom: '8px',
|
|
@@ -2517,8 +2517,8 @@ function BannerProblem(props) {
|
|
|
2517
2517
|
jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center', flexWrap: 'wrap', width: '100%' }, children: [jsxRuntime.jsx(Rating$1, { titulo: props.ratingTitleImpact ? props.ratingTitleImpact : 'Impacto', descricaoAvaliacao: props.descriptionImpacto, qtdeAvaliacao: props.qtdeAvaliacao, nota: props.notaAvaliacao, tipoVisualizacao: 1, style: { margin: 0 }, nomeAvaliacao: props.ratingLikesEvaluation ? props.ratingLikesEvaluation : 'avaliação' }), jsxRuntime.jsx(Rating$1, { titulo: props.ratingTitleRelevance ? props.ratingTitleRelevance : 'Relevância', descricaoAvaliacao: props.descriptionRelevancia, qtdeAvaliacao: props.qtdeRelevancia, nota: props.notaRelevancia, tipoVisualizacao: 1, style: { margin: 0 }, nomeAvaliacao: props.ratingLikesEvaluation ? props.ratingLikesEvaluation : 'avaliação' }), props.curtidas &&
|
|
2518
2518
|
jsxRuntime.jsx(RatingCurtidas, { titulo: props.ratingTitleLikes ? props.ratingTitleLikes : 'Curtidas', qtdeCurtidas: props.curtidas, tipoBotao: 2, style: { margin: 0 }, descricaoCurtida: props.ratingLikesDescription ? props.ratingLikesDescription : 'pessoas' })] })
|
|
2519
2519
|
: null, jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: '32px' }, children: [props.showButtonInvite &&
|
|
2520
|
-
jsxRuntime.jsx(Button$
|
|
2521
|
-
jsxRuntime.jsx(Button$
|
|
2520
|
+
jsxRuntime.jsx(Button$5, { variant: 'link', label: props.textGoalInviteBtn, startIcon: jsxRuntime.jsx("div", { style: { width: '26px', marginBottom: '-2px', marginRight: '8px' }, children: jsxRuntime.jsx(GoalInviteIcon, { width: '26px', height: '26px' }) }), handleClick: props.onClickMessage, style: { paddingTop: '0px', paddingBottom: '16px' } }), props.showButtonViews &&
|
|
2521
|
+
jsxRuntime.jsx(Button$5, { variant: 'link', label: props.textGoalViewsBtn, startIcon: jsxRuntime.jsx("div", { style: { width: '20px', marginBottom: '-1px', marginRight: '8px' }, children: jsxRuntime.jsx(GoalViewsIcon, { width: '20px' }) }), handleClick: props.onClickViewsBtn, style: { paddingTop: '0px', paddingBottom: '16px' } })] })] }), size[0] > MOBILEWIDTH && Edit === false ?
|
|
2522
2522
|
jsxRuntime.jsxs("div", { style: { position: 'absolute', right: 0, flexFlow: 'column', justifyContent: 'flex-end', width: '20%' }, id: 'avaliations-banner-problem', children: [jsxRuntime.jsx(Rating$1, { titulo: props.ratingTitleImpact ? props.ratingTitleImpact : 'Impacto', descricaoAvaliacao: props.descriptionImpacto, qtdeAvaliacao: props.qtdeAvaliacao, nota: props.notaAvaliacao, tipoVisualizacao: 1, nomeAvaliacao: props.ratingLikesEvaluation ? props.ratingLikesEvaluation : 'avaliação' }), jsxRuntime.jsx(Rating$1, { titulo: props.ratingTitleRelevance ? props.ratingTitleRelevance : 'Relevância', descricaoAvaliacao: props.descriptionRelevancia, qtdeAvaliacao: props.qtdeRelevancia, nota: props.notaRelevancia, tipoVisualizacao: 1, nomeAvaliacao: props.ratingLikesEvaluation ? props.ratingLikesEvaluation : 'avaliação' }), props.curtidas &&
|
|
2523
2523
|
jsxRuntime.jsx(RatingCurtidas, { titulo: props.ratingTitleLikes ? props.ratingTitleLikes : 'Curtidas', qtdeCurtidas: props.curtidas, tipoBotao: 2, descricaoCurtida: props.ratingLikesDescription ? props.ratingLikesDescription : 'pessoas' })] })
|
|
2524
2524
|
: null] }) }), jsxRuntime.jsx(MissionSteps, { stepProblem: props.stepProblem, stepActive: props.stepActive, onClickContinue: hasContinueProps ? props.onClickContinue : null, onSelected: (step) => {
|
|
@@ -2767,7 +2767,7 @@ const TextField$1 = styled__default["default"].input.attrs(({ type, as }) => ({
|
|
|
2767
2767
|
${placeholderStyle('linkError')}
|
|
2768
2768
|
`}
|
|
2769
2769
|
`;
|
|
2770
|
-
const Label$
|
|
2770
|
+
const Label$2 = styled__default["default"].label `
|
|
2771
2771
|
font-family: 'PT Sans';
|
|
2772
2772
|
font-style: normal;
|
|
2773
2773
|
font-weight: 400;
|
|
@@ -2853,7 +2853,7 @@ function TextField(props) {
|
|
|
2853
2853
|
setClick(false);
|
|
2854
2854
|
}, 1000);
|
|
2855
2855
|
};
|
|
2856
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: { ...FRSTTheme, focused: focus, disabled: props.disabled, hovered: hover, error: props.error, multiline: props.multiline, width: props.width, height: props.height }, children: jsxRuntime.jsxs("div", { style: props.style, className: props.className, children: [jsxRuntime.jsx(Label$
|
|
2856
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: { ...FRSTTheme, focused: focus, disabled: props.disabled, hovered: hover, error: props.error, multiline: props.multiline, width: props.width, height: props.height }, children: jsxRuntime.jsxs("div", { style: props.style, className: props.className, children: [jsxRuntime.jsx(Label$2, { htmlFor: props.id, isClicked: click, children: props.label }), jsxRuntime.jsxs(TextFieldContainer, { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), onClick: () => showBorderAfterClick(), isClicked: click, children: [props.startIcon && !props.multiline && (jsxRuntime.jsx(StartIcon, { children: props.startIcon })), jsxRuntime.jsx(TextField$1, { onFocus: () => setFocus(true), onBlur: () => setFocus(false), id: props.id, placeholder: props.placeholder || `${t('globals.typeHere')}...`, as: props.multiline ? 'textarea' : 'input', type: inputType, value: props.value, disabled: props.disabled, onChange: props.onChange, name: props.name, required: props.required, defaultValue: props.defaultValue, maxLength: props.maxLength }), props.endIcon && !props.multiline && (!!props.endIcon && jsxRuntime.jsx(InputIconButton, { onClick: props.handleClickEndIcon, children: endIconState }))] }), props.helperText && jsxRuntime.jsx(HelperText$3, { children: props.helperText })] }) }));
|
|
2857
2857
|
}
|
|
2858
2858
|
|
|
2859
2859
|
function Textarea(props) {
|
|
@@ -3474,7 +3474,7 @@ function CommentaryBox({ name, className, styles, position, value, date, actionL
|
|
|
3474
3474
|
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(ItemDrop, { onClick: actionMakePrivate, children: [" ", (!isPrivateAuthor && !isPrivateMe) ? textMakePrivate : textMakePublic, " "] }), jsxRuntime.jsxs(ItemDrop, { isLastItem: true, onClick: actionDeleteComment, children: [" ", textDeleteComment, " "] })] })] })] })] })] }), size[0] <= WIDTH_MOBILE &&
|
|
3475
3475
|
jsxRuntime.jsxs("div", { style: { display: 'flex', marginLeft: '14px', marginTop: '5px', alignItems: 'center' }, children: [(isPrivateAuthor || isPrivateMe) &&
|
|
3476
3476
|
jsxRuntime.jsx("div", { style: { marginRight: '10px' }, children: jsxRuntime.jsx(EyeOffIcon, { children: jsxRuntime.jsx(EyeOff, { fill: '#757575' }) }) }), jsxRuntime.jsxs(Date$2, { children: [" ", date, " ", wasEdited && `(${textEdited})`, " "] })] }), onEditing ?
|
|
3477
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CommentaryEditingContent, { id: iDCommentInEditing, "data-gramm": "false", contentEditable: "true", role: "textbox", "aria-multiline": "true", suppressContentEditableWarning: true, children: value }), jsxRuntime.jsxs(FooterEditingWrapper, { width: size[0], children: [jsxRuntime.jsx(Button$
|
|
3477
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CommentaryEditingContent, { id: iDCommentInEditing, "data-gramm": "false", contentEditable: "true", role: "textbox", "aria-multiline": "true", suppressContentEditableWarning: true, children: value }), jsxRuntime.jsxs(FooterEditingWrapper, { width: size[0], children: [jsxRuntime.jsx(Button$5, { handleClick: () => { saveEditComment(); }, label: size[0] > WIDTH_MOBILE ? textSaveButton : textSaveButtonMobile, disabled: !enableSaveEdit, variant: "primary", style: { marginRight: '20px' } }), jsxRuntime.jsx(Button$5, { handleClick: () => { cancelEditComment(); }, label: textCancelButton, variant: "secondary" })] })] })
|
|
3478
3478
|
:
|
|
3479
3479
|
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CommentaryContent, { id: iDCommentPosted, children: value }), jsxRuntime.jsxs(IterationsWrapper, { children: [jsxRuntime.jsxs(LikesStatistics, { children: [isLiked ?
|
|
3480
3480
|
jsxRuntime.jsx(ThumbsUpCovered, { width: '16px', height: '16px' })
|
|
@@ -3576,7 +3576,7 @@ const ButtonControll = styled__default["default"].div `
|
|
|
3576
3576
|
|
|
3577
3577
|
border-radius: 50%;
|
|
3578
3578
|
|
|
3579
|
-
${({ sizeButton, isLeftButton, marginsArrowButton }) => {
|
|
3579
|
+
/* ${({ sizeButton, isLeftButton, marginsArrowButton }) => {
|
|
3580
3580
|
let result = '';
|
|
3581
3581
|
if (sizeButton >= 80) {
|
|
3582
3582
|
result = isLeftButton
|
|
@@ -3589,7 +3589,7 @@ const ButtonControll = styled__default["default"].div `
|
|
|
3589
3589
|
: 'padding-left: 3px; margin-left: ' + marginsArrowButton + ';';
|
|
3590
3590
|
}
|
|
3591
3591
|
return result;
|
|
3592
|
-
}}
|
|
3592
|
+
}} */
|
|
3593
3593
|
|
|
3594
3594
|
&:hover {
|
|
3595
3595
|
background: ${({ theme }) => theme.colors.primary1} !important;
|
|
@@ -3614,7 +3614,7 @@ styled__default["default"].div `
|
|
|
3614
3614
|
border-radius: 20px;
|
|
3615
3615
|
`;
|
|
3616
3616
|
|
|
3617
|
-
function ScrollContainer({ children, type, isVisibleControlsButtons, positionArrowButton, marginTopArrrowButton, stepMove, className, styles, sizeArrowButton, marginsArrowButton, horizontalMarginInternScroll, refreshResize }) {
|
|
3617
|
+
function ScrollContainer({ children, type, isVisibleControlsButtons, positionArrowButton, marginTopArrrowButton, stepMove, className, styles, sizeArrowButton, marginsArrowButton, horizontalMarginInternScroll, refreshResize, widthProtectClick }) {
|
|
3618
3618
|
const [actionAreaButtonLeft, setActionAreaButtonLeft] = React.useState(false);
|
|
3619
3619
|
const [actionAreaButtonRight, setActionAreaButtonRight] = React.useState(false);
|
|
3620
3620
|
const [iDScroll, setIDScroll] = React.useState(`iDScroll-${randID$1()}`);
|
|
@@ -3666,14 +3666,29 @@ function ScrollContainer({ children, type, isVisibleControlsButtons, positionArr
|
|
|
3666
3666
|
updateSize();
|
|
3667
3667
|
return () => window.removeEventListener('resize', updateSize);
|
|
3668
3668
|
}, []);
|
|
3669
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles }, className: className, children: [jsxRuntime.jsxs(WrapperHorizontal, { children: [isVisibleControlsButtons && positionArrowButton != 'bottom' && (jsxRuntime.jsx(ButtonArrow, { isLeftButton: true, onClick: scrollToLeft, onActionArea: setActionAreaButtonLeft, actionArea: actionAreaButtonLeft, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonLeft, margin: marginsArrowButton ? (marginsArrowButton + 50) * -1 + 'px' : '-138px', ArrowScroll: ArrowScrollLeft, marginTopArrrowButton: marginTopArrrowButton })), jsxRuntime.jsx(WrapperContent$2, { id: iDScroll, paddingIntern: horizontalMarginInternScroll ? horizontalMarginInternScroll : '150px', children: children }), isVisibleControlsButtons && positionArrowButton != 'bottom' && (jsxRuntime.jsx(ButtonArrow, { isLeftButton: false, onClick: scrollToRight, onActionArea: setActionAreaButtonRight, actionArea: actionAreaButtonRight, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonRight, margin: marginsArrowButton ? (marginsArrowButton + 50) * -1 + 'px' : '-138px', ArrowScroll: ArrowScrollRight, marginTopArrrowButton: marginTopArrrowButton }))] }), jsxRuntime.jsx("div", { style: { display: 'flex', justifyContent: 'center', width: '100%' }, children: isVisibleControlsButtons && positionArrowButton == 'bottom' && (jsxRuntime.jsxs("div", { style: {
|
|
3669
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles, position: 'relative' }, className: className, children: [jsxRuntime.jsxs(WrapperHorizontal, { children: [isVisibleControlsButtons && positionArrowButton != 'bottom' && (jsxRuntime.jsx(ButtonArrow, { isLeftButton: true, onClick: scrollToLeft, widthProtectClick: widthProtectClick, onActionArea: setActionAreaButtonLeft, actionArea: actionAreaButtonLeft, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonLeft, margin: marginsArrowButton ? (marginsArrowButton + 50) * -1 + 'px' : '-138px', ArrowScroll: ArrowScrollLeft, marginTopArrrowButton: marginTopArrrowButton })), jsxRuntime.jsx(WrapperContent$2, { id: iDScroll, paddingIntern: horizontalMarginInternScroll ? horizontalMarginInternScroll : '150px', children: children }), isVisibleControlsButtons && positionArrowButton != 'bottom' && (jsxRuntime.jsx(ButtonArrow, { isLeftButton: false, onClick: scrollToRight, widthProtectClick: widthProtectClick, onActionArea: setActionAreaButtonRight, actionArea: actionAreaButtonRight, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonRight, margin: marginsArrowButton ? (marginsArrowButton + 50) * -1 + 'px' : '-138px', ArrowScroll: ArrowScrollRight, marginTopArrrowButton: marginTopArrrowButton }))] }), jsxRuntime.jsx("div", { style: { display: 'flex', justifyContent: 'center', width: '100%' }, children: isVisibleControlsButtons && positionArrowButton == 'bottom' && (jsxRuntime.jsxs("div", { style: {
|
|
3670
3670
|
display: 'flex',
|
|
3671
3671
|
flexDirection: 'row',
|
|
3672
3672
|
marginTop: marginTopArrrowButton ? marginTopArrrowButton : '5px'
|
|
3673
|
-
}, children: [jsxRuntime.jsx(ButtonArrow, { isLeftButton: true, onClick: scrollToLeft, onActionArea: setActionAreaButtonLeft, actionArea: actionAreaButtonLeft, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonLeft, margin: marginsArrowButton ? marginsArrowButton + 'px' : '10px', ArrowScroll: ArrowScrollLeft, marginTopArrrowButton: marginTopArrrowButton }), jsxRuntime.jsx(ButtonArrow, { isLeftButton: false, onClick: scrollToRight, onActionArea: setActionAreaButtonRight, actionArea: actionAreaButtonRight, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonRight, margin: marginsArrowButton ? marginsArrowButton + 'px' : '10px', ArrowScroll: ArrowScrollRight, marginTopArrrowButton: marginTopArrrowButton })] })) })] }) }));
|
|
3674
|
-
}
|
|
3675
|
-
function ButtonArrow({ isLeftButton, onClick, onActionArea, actionArea, sizeButton, isVisible, margin, ArrowScroll, marginTopArrrowButton }) {
|
|
3676
|
-
return (jsxRuntime.jsx(
|
|
3673
|
+
}, children: [jsxRuntime.jsx(ButtonArrow, { isLeftButton: true, onClick: scrollToLeft, onActionArea: setActionAreaButtonLeft, actionArea: actionAreaButtonLeft, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonLeft, margin: marginsArrowButton ? marginsArrowButton + 'px' : '10px', ArrowScroll: ArrowScrollLeft, widthProtectClick: widthProtectClick, marginTopArrrowButton: marginTopArrrowButton }), jsxRuntime.jsx(ButtonArrow, { isLeftButton: false, onClick: scrollToRight, onActionArea: setActionAreaButtonRight, actionArea: actionAreaButtonRight, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonRight, margin: marginsArrowButton ? marginsArrowButton + 'px' : '10px', ArrowScroll: ArrowScrollRight, widthProtectClick: widthProtectClick, marginTopArrrowButton: marginTopArrrowButton })] })) })] }) }));
|
|
3674
|
+
}
|
|
3675
|
+
function ButtonArrow({ isLeftButton, onClick, onActionArea, actionArea, sizeButton, isVisible, margin, ArrowScroll, marginTopArrrowButton, widthProtectClick }) {
|
|
3676
|
+
return (jsxRuntime.jsx("div", { style: {
|
|
3677
|
+
height: '100%',
|
|
3678
|
+
width: widthProtectClick ? widthProtectClick : 100,
|
|
3679
|
+
zIndex: 10,
|
|
3680
|
+
position: 'absolute',
|
|
3681
|
+
left: isLeftButton ? 0 : 'none',
|
|
3682
|
+
right: !isLeftButton ? 0 : 'none',
|
|
3683
|
+
paddingLeft: isLeftButton ? 24 : 0,
|
|
3684
|
+
paddingRight: !isLeftButton ? 24 : 0,
|
|
3685
|
+
display: 'flex',
|
|
3686
|
+
bottom: 0,
|
|
3687
|
+
top: 0,
|
|
3688
|
+
justifyContent: isLeftButton ? 'flex-start' : 'flex-end',
|
|
3689
|
+
alignItems: 'center',
|
|
3690
|
+
visibility: isVisible ? 'visible' : 'hidden'
|
|
3691
|
+
}, children: jsxRuntime.jsx(ButtonControll, { isLeftButton: isLeftButton, onClick: onClick, onMouseOver: () => onActionArea(true), onMouseOut: () => onActionArea(false), sizeButton: sizeButton ? sizeButton : 80, visibility: isVisible ? 'visible' : 'hidden', marginsArrowButton: margin, marginTopArrrowButton: marginTopArrrowButton, children: jsxRuntime.jsx(ArrowScroll, { fill: actionArea ? '#fff' : '#000', height: sizeButton ? (sizeButton / 2.3).toFixed(0).toString() : '34', width: sizeButton ? (sizeButton / 4.3).toFixed(0).toString() : '18' }) }) }));
|
|
3677
3692
|
}
|
|
3678
3693
|
|
|
3679
3694
|
const HeaderWrapper = styled__default["default"].div `
|
|
@@ -4710,7 +4725,7 @@ const CheckButton = styled__default["default"].button `
|
|
|
4710
4725
|
background-color: ${({ theme }) => theme.colors.selectItens};
|
|
4711
4726
|
}
|
|
4712
4727
|
`;
|
|
4713
|
-
const Label = styled__default["default"].div `
|
|
4728
|
+
const Label$1 = styled__default["default"].div `
|
|
4714
4729
|
font-family: 'PT Sans';
|
|
4715
4730
|
font-style: normal;
|
|
4716
4731
|
font-weight: ${({ isChecked }) => (isChecked ? 700 : 400)};
|
|
@@ -4724,7 +4739,7 @@ function Checkbox({ label, isChecked, handleCheck }) {
|
|
|
4724
4739
|
const [actionAreaCheckIcon, setActionAreaCheckIcon] = React.useState(false);
|
|
4725
4740
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(CheckBoxWrapper, { onClick: handleCheck, onMouseOver: () => setActionAreaCheckIcon(true), onMouseOut: () => setActionAreaCheckIcon(false), children: [jsxRuntime.jsx(CheckButton, { children: isChecked ? (jsxRuntime.jsx(CheckboxChecked, {})) : (actionAreaCheckIcon ?
|
|
4726
4741
|
jsxRuntime.jsx(CheckboxEmpty, { stroke: FRSTTheme['colors'].primary1 }) :
|
|
4727
|
-
jsxRuntime.jsx(CheckboxEmpty, { stroke: FRSTTheme['colors'].neutralsGrey4 })) }), jsxRuntime.jsxs(Label, { isChecked: isChecked, children: [" ", label, " "] })] }) }));
|
|
4742
|
+
jsxRuntime.jsx(CheckboxEmpty, { stroke: FRSTTheme['colors'].neutralsGrey4 })) }), jsxRuntime.jsxs(Label$1, { isChecked: isChecked, children: [" ", label, " "] })] }) }));
|
|
4728
4743
|
}
|
|
4729
4744
|
|
|
4730
4745
|
function FilterAccordionCheckbox({ generalTitle, object, onSelected }) {
|
|
@@ -4878,7 +4893,7 @@ function ModalStatusProblema(props) {
|
|
|
4878
4893
|
return () => window.removeEventListener('resize', updateSize);
|
|
4879
4894
|
}, []);
|
|
4880
4895
|
const BREAKWIDTH = 500;
|
|
4881
|
-
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$a.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$a.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: style$a.titulo, children: props.title }), jsxRuntime.jsx("div", { className: style$a.container, style: { height: props.approves.length >= 3 ? 555 : 185 * props.approves.length }, children: props.approves.map((item, index) => (jsxRuntime.jsx(ApprovesItem, { avatarSize: (size[0] >= BREAKWIDTH) ? '120px' : '100px', size: (size[0] >= BREAKWIDTH) ? '160px' : '120px', nomeAvatar: item.nome, dataAvatar: item.data, statusApprove: item.approve, avatar: item.avatarFoto }, index))) }), jsxRuntime.jsxs("div", { className: style$a.modal_controls_wrapper, children: [jsxRuntime.jsx("div", { className: style$a.descricao, children: props.description }), jsxRuntime.jsx("div", { className: style$a.conclusao, children: jsxRuntime.jsx(Button$
|
|
4896
|
+
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$a.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$a.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: style$a.titulo, children: props.title }), jsxRuntime.jsx("div", { className: style$a.container, style: { height: props.approves.length >= 3 ? 555 : 185 * props.approves.length }, children: props.approves.map((item, index) => (jsxRuntime.jsx(ApprovesItem, { avatarSize: (size[0] >= BREAKWIDTH) ? '120px' : '100px', size: (size[0] >= BREAKWIDTH) ? '160px' : '120px', nomeAvatar: item.nome, dataAvatar: item.data, statusApprove: item.approve, avatar: item.avatarFoto }, index))) }), jsxRuntime.jsxs("div", { className: style$a.modal_controls_wrapper, children: [jsxRuntime.jsx("div", { className: style$a.descricao, children: props.description }), jsxRuntime.jsx("div", { className: style$a.conclusao, children: jsxRuntime.jsx(Button$5, { variant: 'primary', label: props.language === 'en-US' ? 'ok, close' : 'Ok, entendi', handleClick: props.handleClose, style: { width: '100%', minWidth: '140px' } }) })] })] }) }));
|
|
4882
4897
|
}
|
|
4883
4898
|
|
|
4884
4899
|
var css_248z$a = ".modalLearningTech-module_modalBox__y9RGt{\n background-color: #FFF;\n max-width: 900px;\n min-height: 300px;\n max-height: 80%;\n padding-top: 30px;\n padding-bottom: 30px;\n\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n position: relative;\n\n border-radius: 10px;\n\n font-family: 'Work Sans';\n \n\n}\n\n.modalLearningTech-module_fechar__1Vw6M{\n font-size: 12px;\n color: #222222;\n padding: 12px;\n background-color: transparent;\n border-top-right-radius: 10px;\n\n display: flex;\n justify-content: right;\n align-items: center;\n position: absolute;\n top: 0px;\n right: 0px;\n\n margin-top: 0px;\n cursor: pointer;\n}\n\n.modalLearningTech-module_titulo__U8Urp{\n \n width: 100%;\n\n margin-top: 10px;\n \n font-size: 24px;\n font-weight: 700;\n \n\n display: flex;\n justify-content: center;\n align-items: center;\n\n \n}\n\n.modalLearningTech-module_container__HKtAY {\n overflow: auto;\n width: 100%;\n\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n flex-wrap: noWrap;\n\n margin-top: 10px;\n\n}\n\n.modalLearningTech-module_conclusao__KHnxJ{\n margin-top: 30px;\n\n display: inline-flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: nowrap;\n\n}";
|
|
@@ -4888,9 +4903,9 @@ styleInject(css_248z$a);
|
|
|
4888
4903
|
function ModalLearningTech(props) {
|
|
4889
4904
|
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$9.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$9.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: style$9.titulo, children: props.title }), jsxRuntime.jsx("div", { className: style$9.container, children: props.children }), jsxRuntime.jsx("div", { className: style$9.conclusao, children: props.confirmationButton ?
|
|
4890
4905
|
props.cancelButton ?
|
|
4891
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$
|
|
4906
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$5, { variant: 'link', label: props.cancelButton, handleClick: props.handleClose }), jsxRuntime.jsx("span", { style: { marginRight: 8, marginLeft: 8 }, children: props.language === 'en-US' ? 'or' : 'ou' }), jsxRuntime.jsx(Button$5, { variant: props.typeButtonConfirmation, label: props.confirmationButton, handleClick: props.handleConfirmation })] })
|
|
4892
4907
|
:
|
|
4893
|
-
jsxRuntime.jsx(Button$
|
|
4908
|
+
jsxRuntime.jsx(Button$5, { variant: props.typeButtonConfirmation, label: props.confirmationButton, handleClick: props.handleConfirmation })
|
|
4894
4909
|
:
|
|
4895
4910
|
jsxRuntime.jsx(jsxRuntime.Fragment, {}) })] }) }));
|
|
4896
4911
|
}
|
|
@@ -5176,7 +5191,7 @@ function CardProblem(props) {
|
|
|
5176
5191
|
:
|
|
5177
5192
|
jsxRuntime.jsx(jsxRuntime.Fragment, {}), props.lastUpdated &&
|
|
5178
5193
|
jsxRuntime.jsxs("div", { style: { color: '#000', fontSize: 12, fontWeight: 400, marginTop: 40 }, children: [props.lastUpdated, " "] }), props.isButtonVerMais &&
|
|
5179
|
-
jsxRuntime.jsx("div", { className: style$6.buttonVerMais, children: jsxRuntime.jsx(Button$
|
|
5194
|
+
jsxRuntime.jsx("div", { className: style$6.buttonVerMais, children: jsxRuntime.jsx(Button$5, { variant: 'link', label: translate[languageSlected]['viewMore'], handleClick: () => props.onClick(props.problemID) }) })] })] }));
|
|
5180
5195
|
}
|
|
5181
5196
|
|
|
5182
5197
|
var css_248z$6 = ".cardDefinicaoProblema-module_container__zNoyg {\r\n width: 282px;\r\n height: 445px;\r\n\r\n color: #222222;\r\n background-color: #FFF;\r\n border-radius: 10px;\r\n\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n position: relative;\r\n}\r\n\r\n.cardDefinicaoProblema-module_tagStatusProblem__FoQ12 {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n\r\n font-size: 12px;\r\n font-weight: 500;\r\n padding: 8px;\r\n\r\n border-bottom-left-radius: 10px;\r\n border-top-right-radius: 10px;\r\n\r\n\r\n}\r\n\r\n\r\n.cardDefinicaoProblema-module_headerContainer__UXFIi {\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n height: 200px;\r\n\r\n}\r\n\r\n.cardDefinicaoProblema-module_headerContainer__UXFIi img {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.cardDefinicaoProblema-module_descriptionContainer__Z7yo8 {\r\n\r\n padding: 20px;\r\n height: 197px;\r\n\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n flex-direction: column;\r\n flex-wrap: wrap;\r\n\r\n}\r\n\r\n.cardDefinicaoProblema-module_footerContainer__6EjXg {\r\n height: 48px;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n border-top: 1px solid #E8E8E8;\r\n border-top-left-radius: 5px;\r\n border-top-right-radius: 5px;\r\n padding: 15px;\r\n gap: 32px;\r\n}\r\n\r\n.cardDefinicaoProblema-module_footerContainerType2__v2sGa {\r\n position: relative;\r\n}\r\n\r\n.cardDefinicaoProblema-module_footerContainerType2__v2sGa::after {\r\n content: \"\";\r\n position: absolute;\r\n background-color: #E8E8E8;\r\n width: 1px;\r\n height: 100%;\r\n left: 50%;\r\n}\r\n\r\n.cardDefinicaoProblema-module_footerContainer__6EjXg svg {\r\n max-height: 100% !important;\r\n}\r\n";
|
|
@@ -5216,7 +5231,7 @@ function CardDefinicaoProblema(props) {
|
|
|
5216
5231
|
}
|
|
5217
5232
|
}, [props.problemStatus]);
|
|
5218
5233
|
return (jsxRuntime.jsxs("div", { className: style$5.container, children: [props.typeButton !== 1 &&
|
|
5219
|
-
jsxRuntime.jsx("div", { className: style$5.tagStatusProblem, style: { background: statusColor, color: statusName === (props.textHipotesesLevantadas ? props.textHipotesesLevantadas : "Hipóteses Levantadas") ? '#222222' : '#FFF' }, children: statusName }), jsxRuntime.jsx("div", { className: style$5.headerContainer, children: jsxRuntime.jsx("img", { src: 'https://api-motor.s3.amazonaws.com/background-prezi.png' }) }), jsxRuntime.jsxs("div", { className: style$5.descriptionContainer, children: [jsxRuntime.jsxs("span", { style: { fontSize: 16, fontWeight: 500 }, children: [" ", props.cardTitle] }), jsxRuntime.jsxs("span", { style: { fontSize: 16, fontWeight: 400, marginTop: 16 }, children: [" ", props.cardDescription] })] }), jsxRuntime.jsxs("div", { className: `${style$5.footerContainer} ${props.typeButton === 2 && style$5.footerContainerType2}`, children: [props.typeButton === 2 && jsxRuntime.jsx(Button$
|
|
5234
|
+
jsxRuntime.jsx("div", { className: style$5.tagStatusProblem, style: { background: statusColor, color: statusName === (props.textHipotesesLevantadas ? props.textHipotesesLevantadas : "Hipóteses Levantadas") ? '#222222' : '#FFF' }, children: statusName }), jsxRuntime.jsx("div", { className: style$5.headerContainer, children: jsxRuntime.jsx("img", { src: 'https://api-motor.s3.amazonaws.com/background-prezi.png' }) }), jsxRuntime.jsxs("div", { className: style$5.descriptionContainer, children: [jsxRuntime.jsxs("span", { style: { fontSize: 16, fontWeight: 500 }, children: [" ", props.cardTitle] }), jsxRuntime.jsxs("span", { style: { fontSize: 16, fontWeight: 400, marginTop: 16 }, children: [" ", props.cardDescription] })] }), jsxRuntime.jsxs("div", { className: `${style$5.footerContainer} ${props.typeButton === 2 && style$5.footerContainerType2}`, children: [props.typeButton === 2 && jsxRuntime.jsx(Button$5, { variant: 'link', label: props.textButtonVisualizar ? props.textButtonVisualizar : "Visualizar", startIcon: jsxRuntime.jsx(OpenedEye, {}), handleClick: () => props.handleToView() }), jsxRuntime.jsx(Button$5, { variant: 'link', label: props.typeButton === 1 ? (props.textButtonDefinirProblema ? props.textButtonDefinirProblema : 'Definir novo problema') : (props.textButtonContinue ? props.textButtonContinue : 'Continuar'), startIcon: props.typeButton === 1 ? jsxRuntime.jsx(AddIcon, {}) : jsxRuntime.jsx(EditIcon, {}), handleClick: () => props.handleClick(props.problemId) })] })] }));
|
|
5220
5235
|
}
|
|
5221
5236
|
|
|
5222
5237
|
var css_248z$5 = ".cardResultConquista-module_container__39blw {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n position: relative;\n\n width: 343px;\n height: 265px;\n padding: 24px;\n border: 1px solid #BDBDBD;\n border-radius: 8px;\n font-family: 'work sans';\n word-wrap: break-word;\n}\n\n.cardResultConquista-module_container__39blw:hover {\n box-shadow: 0px 0px 20px -7px #BDBDBD;\n}\n\n.cardResultConquista-module_container__39blw:active {\n box-shadow: 0px 0px 20px -7px #BDBDBD;\n background-color: #FF4D0D;\n}\n\n.cardResultConquista-module_cardAvatar__mEUL0 {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n\n.cardResultConquista-module_description__rgSn5 {\n max-height: 100px !important;\n width: 300px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 4; /** número de linhas que você quer exibir */\n -webkit-box-orient: vertical;\n word-wrap: break-word;\n}\n\n.cardResultConquista-module_verMais__8mtfe {\n position:absolute;\n color: #0645AD;\n font-weight: 700;\n right: 0;\n bottom: 0;\n margin-right: 20px;\n margin-bottom: 12px;\n}";
|
|
@@ -5289,7 +5304,7 @@ const WrapperButton$3 = styled__default["default"].div `
|
|
|
5289
5304
|
`;
|
|
5290
5305
|
|
|
5291
5306
|
function ExclusiveClassCard({ titleClass, labelButton, className, handleClick }) {
|
|
5292
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(WrapperCard$7, { children: [jsxRuntime.jsxs(WrapperTitle, { children: [jsxRuntime.jsx(PeopleIcon, {}), jsxRuntime.jsx(TitleCard$1, { style: { marginLeft: '14.67px' }, children: titleClass })] }), jsxRuntime.jsx(WrapperButton$3, { style: { display: 'flex', justifyContent: 'end', marginRight: '26px' }, children: jsxRuntime.jsx(Button$
|
|
5307
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(WrapperCard$7, { children: [jsxRuntime.jsxs(WrapperTitle, { children: [jsxRuntime.jsx(PeopleIcon, {}), jsxRuntime.jsx(TitleCard$1, { style: { marginLeft: '14.67px' }, children: titleClass })] }), jsxRuntime.jsx(WrapperButton$3, { style: { display: 'flex', justifyContent: 'end', marginRight: '26px' }, children: jsxRuntime.jsx(Button$5, { label: labelButton, startIcon: jsxRuntime.jsx(EditIcon, {}), variant: "link", handleClick: handleClick }) })] }) }));
|
|
5293
5308
|
}
|
|
5294
5309
|
|
|
5295
5310
|
function ConquistaCarrossel({ onSelected, objectCards, marginsArrowButton, sizeArrowButton, horizontalMarginInternScroll, positionArrowButton, marginTopArrrowButton, textMoreDetails }) {
|
|
@@ -5445,7 +5460,7 @@ function Stepper({ children, }) {
|
|
|
5445
5460
|
function StepperItem({ title, subtitle, buttonText, active = false, onClick }) {
|
|
5446
5461
|
return (jsxRuntime.jsx(ProgressItem, { active: active, children: active
|
|
5447
5462
|
?
|
|
5448
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ProgressItemTitle, { active: active, children: title }), jsxRuntime.jsx(ProgressItemSubtitle, { active: active, children: subtitle }), jsxRuntime.jsx(Button$
|
|
5463
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ProgressItemTitle, { active: active, children: title }), jsxRuntime.jsx(ProgressItemSubtitle, { active: active, children: subtitle }), jsxRuntime.jsx(Button$5, { handleClick: onClick, label: buttonText || 'Agendar reunião', variant: "primary" })] })
|
|
5449
5464
|
:
|
|
5450
5465
|
jsxRuntime.jsx(ProgressItemTitle, { children: title }) }));
|
|
5451
5466
|
}
|
|
@@ -5577,7 +5592,7 @@ const WrapperButtons = styled__default["default"].div `
|
|
|
5577
5592
|
|
|
5578
5593
|
function SpecialistContact({ title, avatar, name, email, telephone, mobileVersion, handleActionConversation, textButtonConversation, handleActionSendEmail, textButtonSendEmail }) {
|
|
5579
5594
|
const src = 'https://i.gyazo.com/499dda909b1ebfe0375d1efa2d5d00a8.png';
|
|
5580
|
-
return (jsxRuntime.jsxs(Wrapper$7, { mobileVersion: mobileVersion, children: [jsxRuntime.jsx(Title$5, { mobileVersion: mobileVersion, children: title }), jsxRuntime.jsxs(WrapperSpecialist, { mobileVersion: mobileVersion, children: [jsxRuntime.jsx(AvatarImg, { src: avatar ? avatar : src }), jsxRuntime.jsxs(TextSpecialist, { mobileVersion: mobileVersion, children: [jsxRuntime.jsxs(Name$1, { mobileVersion: mobileVersion, children: [" ", name, " "] }), jsxRuntime.jsxs(Email, { mobileVersion: mobileVersion, children: [" ", email, " "] }), jsxRuntime.jsxs(Phone, { mobileVersion: mobileVersion, children: [" ", telephone, " "] })] })] }), jsxRuntime.jsxs(WrapperButtons, { children: [jsxRuntime.jsx(Button$
|
|
5595
|
+
return (jsxRuntime.jsxs(Wrapper$7, { mobileVersion: mobileVersion, children: [jsxRuntime.jsx(Title$5, { mobileVersion: mobileVersion, children: title }), jsxRuntime.jsxs(WrapperSpecialist, { mobileVersion: mobileVersion, children: [jsxRuntime.jsx(AvatarImg, { src: avatar ? avatar : src }), jsxRuntime.jsxs(TextSpecialist, { mobileVersion: mobileVersion, children: [jsxRuntime.jsxs(Name$1, { mobileVersion: mobileVersion, children: [" ", name, " "] }), jsxRuntime.jsxs(Email, { mobileVersion: mobileVersion, children: [" ", email, " "] }), jsxRuntime.jsxs(Phone, { mobileVersion: mobileVersion, children: [" ", telephone, " "] })] })] }), jsxRuntime.jsxs(WrapperButtons, { children: [jsxRuntime.jsx(Button$5, { variant: 'primary', label: textButtonConversation ? textButtonConversation : 'Iniciar conversa', handleClick: () => handleActionConversation(), startIcon: !mobileVersion && jsxRuntime.jsx(WhatAppBordered, {}), sizeIcon: '22px' }), jsxRuntime.jsx(Button$5, { variant: 'primary', label: textButtonSendEmail ? textButtonSendEmail : 'Enviar e-mail', handleClick: () => handleActionSendEmail(), startIcon: !mobileVersion && jsxRuntime.jsx(MailBordered, {}), sizeIcon: '22px' })] })] }));
|
|
5581
5596
|
}
|
|
5582
5597
|
|
|
5583
5598
|
styled__default["default"].img `
|
|
@@ -6084,7 +6099,7 @@ function ContentCycle({ title, description, selected, listSkils, urlPhoto, urlVi
|
|
|
6084
6099
|
};
|
|
6085
6100
|
return (jsxRuntime.jsxs(Container$e, { className: selected && 'selected', onClick: () => onSelect(), id: id, children: [jsxRuntime.jsx(Thumbnail, { children: jsxRuntime.jsx("img", { src: urlPhoto ? urlPhoto : defaultImage[typeContent], alt: title }) }), jsxRuntime.jsxs(Content$2, { children: [jsxRuntime.jsxs(Article, { children: [jsxRuntime.jsxs(Options, { children: [jsxRuntime.jsx(Title$3, { children: title }), stepContent && (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: "Remover", children: jsxRuntime.jsx(Trash, {}) }))] }), jsxRuntime.jsx(Description$2, { children: description })] }), jsxRuntime.jsxs(SkillsList, { children: [jsxRuntime.jsx("p", { className: "title", children: "Competencias: " }), listSkils.map((skill, index) => {
|
|
6086
6101
|
return (jsxRuntime.jsx(Skill, { id: skill, children: skill }, index));
|
|
6087
|
-
})] }), started ? (jsxRuntime.jsxs(ContentBarProgess, { children: [jsxRuntime.jsx(BarProgress, { children: jsxRuntime.jsx(Progress, { progress: progress }) }), jsxRuntime.jsxs("p", { children: [progress, "%"] })] })) : (jsxRuntime.jsx(Button$
|
|
6102
|
+
})] }), started ? (jsxRuntime.jsxs(ContentBarProgess, { children: [jsxRuntime.jsx(BarProgress, { children: jsxRuntime.jsx(Progress, { progress: progress }) }), jsxRuntime.jsxs("p", { children: [progress, "%"] })] })) : (jsxRuntime.jsx(Button$5, { startIcon: jsxRuntime.jsx(PlayLineIcon, { fill: "#0645AD" }), variant: "link", label: "Ver Teaser", handleClick: () => setOpenModal(true), sizeIcon: "24px" }))] }), jsxRuntime.jsx(ModalVideo, { timeBegin: 0, open: openModal, handleClose: () => setOpenModal(false), videoUrl: urlVideo, nameVideo: titleVideo, title: titleVideo })] }));
|
|
6088
6103
|
}
|
|
6089
6104
|
|
|
6090
6105
|
const Container$d = styled__default["default"].div `
|
|
@@ -6312,40 +6327,19 @@ const ContainerGeral$1 = styled__default["default"].div `
|
|
|
6312
6327
|
display: block;
|
|
6313
6328
|
}
|
|
6314
6329
|
&:hover .hide {
|
|
6315
|
-
|
|
6330
|
+
visibility: visible;
|
|
6316
6331
|
}
|
|
6317
6332
|
`;
|
|
6318
6333
|
const AvatarChannel$2 = styled__default["default"].div `
|
|
6319
6334
|
width: ${(props) => props.size || '80px'};
|
|
6320
6335
|
height: ${(props) => props.size || '80px'};
|
|
6321
6336
|
border-radius: 50%;
|
|
6322
|
-
background-color: ${(props) => props.color || '#6a3f86'};
|
|
6323
6337
|
position: relative;
|
|
6324
|
-
|
|
6325
|
-
cursor: pointer;
|
|
6326
|
-
${(props) => props.variant === 'sideRight' &&
|
|
6327
|
-
styled.css `
|
|
6328
|
-
margin-left: 8.5rem;
|
|
6329
|
-
`}
|
|
6330
|
-
|
|
6331
|
-
img {
|
|
6332
|
-
border-radius: 50%;
|
|
6333
|
-
}
|
|
6334
|
-
|
|
6335
|
-
${({ disabled }) => disabled === true &&
|
|
6336
|
-
`
|
|
6337
|
-
filter: grayscale(100%);
|
|
6338
|
-
`}
|
|
6339
|
-
`;
|
|
6340
|
-
const AvatarChannelImage$1 = styled__default["default"].div `
|
|
6341
|
-
width: ${(props) => props.size || '80px'};
|
|
6342
|
-
height: ${(props) => props.size || '80px'};
|
|
6343
|
-
border-radius: 50%;
|
|
6344
|
-
background-image: ${(props) => `url(${props.image})`};
|
|
6338
|
+
background: ${(props) => props.image ? `url(${props.image})` : '#6a3f86'};
|
|
6345
6339
|
background-repeat: no-repeat;
|
|
6346
|
-
background-size:
|
|
6347
|
-
position:
|
|
6348
|
-
margin-top:
|
|
6340
|
+
background-size: cover;
|
|
6341
|
+
background-position: center center;
|
|
6342
|
+
margin-top: 62px;
|
|
6349
6343
|
cursor: pointer;
|
|
6350
6344
|
${(props) => props.variant === 'sideRight' &&
|
|
6351
6345
|
styled.css `
|
|
@@ -6376,20 +6370,25 @@ const Channel$2 = styled__default["default"].span `
|
|
|
6376
6370
|
line-height: 130%;
|
|
6377
6371
|
`;
|
|
6378
6372
|
const AvatarCircle = styled__default["default"].div `
|
|
6373
|
+
display: flex;
|
|
6374
|
+
width: 100%;
|
|
6375
|
+
height: 100%;
|
|
6376
|
+
position: absolute;
|
|
6377
|
+
justify-content: center;
|
|
6378
|
+
align-items: center;
|
|
6379
|
+
visibility: hidden;
|
|
6380
|
+
`;
|
|
6381
|
+
const AvatarCam = styled__default["default"].div `
|
|
6379
6382
|
width: 40px;
|
|
6380
6383
|
height: 40px;
|
|
6381
6384
|
border-radius: 50px;
|
|
6385
|
+
margin: 0;
|
|
6382
6386
|
background-color: ${({ theme }) => theme.colors.shadeWhite};
|
|
6383
|
-
position: absolute;
|
|
6384
|
-
margin: 26.25% 25% 26.25% 25%;
|
|
6385
6387
|
box-shadow: 0px 18px 40px -15px #d3d3d3;
|
|
6386
|
-
display:
|
|
6387
|
-
|
|
6388
|
-
|
|
6389
|
-
|
|
6390
|
-
height: 31px;
|
|
6391
|
-
position: absolute;
|
|
6392
|
-
margin: 15% 9% 12.5% 18%;
|
|
6388
|
+
display: flex;
|
|
6389
|
+
justify-content: center;
|
|
6390
|
+
align-items: center;
|
|
6391
|
+
z-index: 999;
|
|
6393
6392
|
`;
|
|
6394
6393
|
const ContainerPopOver = styled__default["default"].div `
|
|
6395
6394
|
white-space: nowrap;
|
|
@@ -6416,7 +6415,7 @@ const ContainerPopOver = styled__default["default"].div `
|
|
|
6416
6415
|
margin-top: 1rem;
|
|
6417
6416
|
`}
|
|
6418
6417
|
`;
|
|
6419
|
-
|
|
6418
|
+
styled__default["default"].div `
|
|
6420
6419
|
margin-top: 60px;
|
|
6421
6420
|
`;
|
|
6422
6421
|
|
|
@@ -6569,8 +6568,9 @@ function AvatarChannel$1({ size, channel, className, disabled, color, handleValu
|
|
|
6569
6568
|
handleValueAvatar(file);
|
|
6570
6569
|
return file;
|
|
6571
6570
|
};
|
|
6572
|
-
const [image, setImage] = React.useState(
|
|
6573
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx(ContainerGeral$1, { className: "geral", variant: variantPopOver, children:
|
|
6571
|
+
const [image, setImage] = React.useState(sourceImage);
|
|
6572
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx(ContainerGeral$1, { className: "geral", variant: variantPopOver, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ContainerPopOver, { className: "popOver", variant: variantPopOver, children: jsxRuntime.jsx(PopOverLXP, { children: 'Alterar avatar', variant: variantPopOver, element: undefined }) }), jsxRuntime.jsx("div", { style: { display: 'none' }, children: jsxRuntime.jsx("input", { type: "file", id: "fileSelector", accept: ".jpg, .jpeg, .png", onChange: (e) => handleFileSelected(e.target.files[0]) }) }), jsxRuntime.jsxs(AvatarChannel$2, { size: size, onClick: onChange, className: className, disabled: disabled, variant: variantPopOver, color: color ? color : '#6a3f86', image: image, children: [!image &&
|
|
6573
|
+
jsxRuntime.jsx(Channel$2, { children: channel }), jsxRuntime.jsx(AvatarCircle, { className: "hide", children: jsxRuntime.jsx(AvatarCam, { children: jsxRuntime.jsx(Cam, {}) }) })] })] }) }) }));
|
|
6574
6574
|
}
|
|
6575
6575
|
|
|
6576
6576
|
const ContainerGeral = styled__default["default"].div `
|
|
@@ -6680,7 +6680,7 @@ const ConfigButton = styled__default["default"].div `
|
|
|
6680
6680
|
`;
|
|
6681
6681
|
const ConfigContainer = styled__default["default"].div `
|
|
6682
6682
|
width: 350px;
|
|
6683
|
-
height:
|
|
6683
|
+
height: 448px;
|
|
6684
6684
|
border-radius: 8px;
|
|
6685
6685
|
border: 1px solid #bdbdbd;
|
|
6686
6686
|
box-shadow: 0px 25px 18px -20px rgba(34, 34, 34, 0.15);
|
|
@@ -6743,7 +6743,7 @@ const BgInput = styled__default["default"].div `
|
|
|
6743
6743
|
cursor: pointer;
|
|
6744
6744
|
}
|
|
6745
6745
|
`;
|
|
6746
|
-
|
|
6746
|
+
styled__default["default"].div `
|
|
6747
6747
|
width: 100%;
|
|
6748
6748
|
display: flex;
|
|
6749
6749
|
justify-content: space-between;
|
|
@@ -6856,8 +6856,8 @@ function BannerLxp(props) {
|
|
|
6856
6856
|
}, [props?.bgSrc]);
|
|
6857
6857
|
return (jsxRuntime.jsxs(BannerContainer, { backgroundBanner: props?.bgColor || `url(${props?.bgSrc})`, style: {
|
|
6858
6858
|
...props.style,
|
|
6859
|
-
objectFit:
|
|
6860
|
-
}, children: [!props?.isDisabledTitle && (jsxRuntime.jsx("span", { style: { color: props?.titleColor, fontSize: 40, fontWeight: 700 }, children: props?.title })), props?.showBannerConfigs && (jsxRuntime.jsx(ConfigButton, { className: "configButton", children: jsxRuntime.jsx(Button$
|
|
6859
|
+
objectFit: 'fill'
|
|
6860
|
+
}, children: [!props?.isDisabledTitle && (jsxRuntime.jsx("span", { style: { color: props?.titleColor, fontSize: 40, fontWeight: 700 }, children: props?.title })), props?.showBannerConfigs && (jsxRuntime.jsx(ConfigButton, { className: "configButton", children: jsxRuntime.jsx(Button$5, { variant: "primary", label: "Configura\u00E7\u00E3o de capa", handleClick: handleOpenConfig }) })), jsxRuntime.jsx(material.Modal, { open: openConfig, onClose: onCancell, children: jsxRuntime.jsxs(ConfigContainer, { style: { ...props.style }, children: [jsxRuntime.jsx("span", { style: {
|
|
6861
6861
|
fontWeight: 700,
|
|
6862
6862
|
fontSize: 16,
|
|
6863
6863
|
color: '#000000',
|
|
@@ -6889,15 +6889,7 @@ function BannerLxp(props) {
|
|
|
6889
6889
|
borderRadius: 8,
|
|
6890
6890
|
border: '1px solid #BDBDBD',
|
|
6891
6891
|
backgroundColor: backgroundColor
|
|
6892
|
-
}, onClick: handleOpenBackgroundColorPicker }), jsxRuntime.jsx(material.Popover, { id: idBg, open: displayBackgroundColorPicker, onClose: handleCloseBackgroundColorPicker, anchorEl: anchor, anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, children: jsxRuntime.jsx(PopOverLXP, { variant: "upRight", children: jsxRuntime.jsx(reactColor.SketchPicker, { color: props?.bgColor, onChangeComplete: handleChangeBackgroundColor }) }) })] }), jsxRuntime.jsxs(BgInput, { children: [jsxRuntime.jsx("span", { children: "Imagem de fundo" }), jsxRuntime.jsxs("label", { htmlFor: "backgroundSelector", children: [' ', "\u00A0 Selecionar"] }), jsxRuntime.jsx("input", { type: "file", id: "backgroundSelector", accept: ".jpg, .jpeg, .png", onChange: (e) => handleFileSelected(e.target.files[0]) })] }), jsxRuntime.jsxs(
|
|
6893
|
-
'& .MuiSwitch-switchBase.Mui-checked': {
|
|
6894
|
-
color: '#FFF'
|
|
6895
|
-
},
|
|
6896
|
-
'& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {
|
|
6897
|
-
backgroundColor: '#FF4D0D !important',
|
|
6898
|
-
opacity: 1
|
|
6899
|
-
}
|
|
6900
|
-
} })] }), jsxRuntime.jsxs(ActionButtons, { children: [jsxRuntime.jsx("button", { onClick: onCancell, children: "Cancelar" }), jsxRuntime.jsx("span", { children: "ou" }), jsxRuntime.jsx("button", { onClick: onSave, children: "Salvar" })] })] }) })] }));
|
|
6892
|
+
}, onClick: handleOpenBackgroundColorPicker }), jsxRuntime.jsx(material.Popover, { id: idBg, open: displayBackgroundColorPicker, onClose: handleCloseBackgroundColorPicker, anchorEl: anchor, anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, children: jsxRuntime.jsx(PopOverLXP, { variant: "upRight", children: jsxRuntime.jsx(reactColor.SketchPicker, { color: props?.bgColor, onChangeComplete: handleChangeBackgroundColor }) }) })] }), jsxRuntime.jsxs(BgInput, { children: [jsxRuntime.jsx("span", { children: "Imagem de fundo" }), jsxRuntime.jsxs("label", { htmlFor: "backgroundSelector", children: [' ', "\u00A0 Selecionar"] }), jsxRuntime.jsx("input", { type: "file", id: "backgroundSelector", accept: ".jpg, .jpeg, .png", onChange: (e) => handleFileSelected(e.target.files[0]) })] }), jsxRuntime.jsxs(ActionButtons, { children: [jsxRuntime.jsx("button", { onClick: onCancell, children: "Cancelar" }), jsxRuntime.jsx("span", { children: "ou" }), jsxRuntime.jsx("button", { onClick: onSave, children: "Salvar" })] })] }) })] }));
|
|
6901
6893
|
}
|
|
6902
6894
|
|
|
6903
6895
|
const variantStyles = (variant = 'contained') => ({
|
|
@@ -7701,10 +7693,10 @@ function HeaderContent(props) {
|
|
|
7701
7693
|
}
|
|
7702
7694
|
}
|
|
7703
7695
|
function RecomendationHeader(item) {
|
|
7704
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Title$1, { children: item.title }), jsxRuntime.jsx(Description$1, { zeroHeigthDescription: zeroHeigthDescription, children: item.description }), jsxRuntime.jsxs(SpaceButtonTopViewMore, { zeroHeigthDescription: zeroHeigthDescription, onClick: addHeigthDescription, children: [jsxRuntime.jsx(Button$
|
|
7696
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Title$1, { children: item.title }), jsxRuntime.jsx(Description$1, { zeroHeigthDescription: zeroHeigthDescription, children: item.description }), jsxRuntime.jsxs(SpaceButtonTopViewMore, { zeroHeigthDescription: zeroHeigthDescription, onClick: addHeigthDescription, children: [jsxRuntime.jsx(Button$5, { label: textView, variant: "link", style: { color: '#649AF3', fontWeight: '900' } }), jsxRuntime.jsx(ArrowScrollRight, { fill: "#649AF3", width: "13px", height: "13px", strokeWidth: '4' })] }), jsxRuntime.jsx(SpaceButtonTop, { onClick: item.onClick, children: jsxRuntime.jsx(Button$5, { label: item.labelButton, variant: "primary" }) })] }));
|
|
7705
7697
|
}
|
|
7706
7698
|
function InProgressHeader(item) {
|
|
7707
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Title$1, { children: item.title }), jsxRuntime.jsx(Description$1, { zeroHeigthDescription: zeroHeigthDescription, children: item.description }), jsxRuntime.jsxs(SpaceButtonTopViewMore, { zeroHeigthDescription: zeroHeigthDescription, onClick: addHeigthDescription, children: [jsxRuntime.jsx(Button$
|
|
7699
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Title$1, { children: item.title }), jsxRuntime.jsx(Description$1, { zeroHeigthDescription: zeroHeigthDescription, children: item.description }), jsxRuntime.jsxs(SpaceButtonTopViewMore, { zeroHeigthDescription: zeroHeigthDescription, onClick: addHeigthDescription, children: [jsxRuntime.jsx(Button$5, { label: textView, variant: "link", style: { color: '#649AF3', fontWeight: '900' } }), jsxRuntime.jsx(ArrowScrollRight, { fill: "#649AF3", width: "13px", height: "13px", strokeWidth: '4' })] }), jsxRuntime.jsxs(SpaceProgressAndButton, { children: [jsxRuntime.jsx(ProgressBar$1, { value: item.progresso, label: item.channel, style: { width: 200 } }), jsxRuntime.jsx(Button$5, { label: item.labelButton, variant: "primary", handleClick: item.onClick })] })] }));
|
|
7708
7700
|
}
|
|
7709
7701
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Container$9, { style: { ...props.style }, children: [props.listaRecomendacao.map((item, index) => {
|
|
7710
7702
|
return (jsxRuntime.jsx(HeaderImage$1, { img: item.bgImg, tmnDescription: item.description.length, onDisplay: index === selectedContent, style: { ...props.style }, children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: item.typeOfHeader === 'inProgress' ? (jsxRuntime.jsx(Content, { onDisplay: index === selectedContent, children: InProgressHeader(item) })) : (jsxRuntime.jsx(Content, { onDisplay: index === selectedContent, children: RecomendationHeader(item) })) }) }, index));
|
|
@@ -8071,7 +8063,7 @@ function CalendarLxp(props) {
|
|
|
8071
8063
|
}
|
|
8072
8064
|
]);
|
|
8073
8065
|
locale.pt.options.weekStartsOn = 0;
|
|
8074
|
-
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$3.containerCalendar, style: { ...props.styles }, children: [jsxRuntime.jsx("div", { className: style$3.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsxs("div", { className: style$3.calendar, children: [jsxRuntime.jsx("div", { style: { fontSize: 16 }, children: jsxRuntime.jsx(reactDateRange.DefinedRange, { inputRanges: [], staticRanges: defaultStaticRanges, ranges: newRange, rangeColors: ['#0645AD'], onChange: item => setNewRange([item.selection]) }) }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(reactDateRange.DateRange, { locale: locale.pt, ranges: newRange, onChange: item => setNewRange([item.selection]), months: 2, direction: 'horizontal', rangeColors: ['#FF4D0D'], showDateDisplay: false, showPreview: false, weekdayDisplayFormat: 'EEEEE', preventSnapRefocus: true }) })] }), jsxRuntime.jsx("div", { className: style$3.btnSubmit, children: jsxRuntime.jsx(Button$
|
|
8066
|
+
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$3.containerCalendar, style: { ...props.styles }, children: [jsxRuntime.jsx("div", { className: style$3.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsxs("div", { className: style$3.calendar, children: [jsxRuntime.jsx("div", { style: { fontSize: 16 }, children: jsxRuntime.jsx(reactDateRange.DefinedRange, { inputRanges: [], staticRanges: defaultStaticRanges, ranges: newRange, rangeColors: ['#0645AD'], onChange: item => setNewRange([item.selection]) }) }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(reactDateRange.DateRange, { locale: locale.pt, ranges: newRange, onChange: item => setNewRange([item.selection]), months: 2, direction: 'horizontal', rangeColors: ['#FF4D0D'], showDateDisplay: false, showPreview: false, weekdayDisplayFormat: 'EEEEE', preventSnapRefocus: true }) })] }), jsxRuntime.jsx("div", { className: style$3.btnSubmit, children: jsxRuntime.jsx(Button$5, { label: 'Aplicar', variant: 'primary', handleClick: () => {
|
|
8075
8067
|
props.onSave([newRange[0].startDate, newRange[0].endDate]);
|
|
8076
8068
|
} }) })] }) }));
|
|
8077
8069
|
}
|
|
@@ -8829,7 +8821,7 @@ const SubMenuItemCustom = styled__default["default"](MenuItem__default["default"
|
|
|
8829
8821
|
}
|
|
8830
8822
|
`;
|
|
8831
8823
|
|
|
8832
|
-
function DropdownProfileMenu({ variant, user, menuItems, profileMenuText, isMobileVersion, handleProfileMenuClick, style }) {
|
|
8824
|
+
function DropdownProfileMenu({ variant, user, menuItems, profileMenuText, isMobileVersion, hiddenProfileMenu, handleProfileMenuClick, style }) {
|
|
8833
8825
|
const [anchorEl, setAnchorEl] = React__namespace.useState(null);
|
|
8834
8826
|
const [anchorSub, setAnchorSub] = React__namespace.useState(null);
|
|
8835
8827
|
const [subMenu, setSubMenu] = React__namespace.useState(null);
|
|
@@ -8850,28 +8842,55 @@ function DropdownProfileMenu({ variant, user, menuItems, profileMenuText, isMobi
|
|
|
8850
8842
|
setAnchorSub(event.currentTarget);
|
|
8851
8843
|
setSubMenu(subItens);
|
|
8852
8844
|
};
|
|
8853
|
-
return (jsxRuntime.jsx(Container$6, { style: { ...style }, children: variant == 'LXP' ?
|
|
8854
|
-
|
|
8855
|
-
|
|
8856
|
-
if (item.subItens.length > 1)
|
|
8857
|
-
return (jsxRuntime.jsxs(MenuItemCustom$2, { onClick: handleSubitens(item.subItens), variantstyle: 'LXP', children: [item.iconBegin && item.iconBegin, item.iconBegin && jsxRuntime.jsx("span", { children: "\u00A0" }), jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' }, children: [jsxRuntime.jsx("div", { style: { marginLeft: '7px' }, children: item.label }), jsxRuntime.jsx(DropdownSideIconWhite, {})] })] }, index));
|
|
8858
|
-
}
|
|
8859
|
-
else
|
|
8860
|
-
return (jsxRuntime.jsxs(MenuItemCustom$2, { onClick: item.onClick || handleClose, variantstyle: 'LXP', children: [item.iconBegin && item.iconBegin, jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' }, children: jsxRuntime.jsx("div", { style: { marginLeft: item.iconBegin ? '9px' : '0px' }, children: item.label }) })] }, index));
|
|
8861
|
-
})] }), jsxRuntime.jsx(MenuCustom$2, { id: "sub-menu", anchorOrigin: { vertical: 'top', horizontal: 'left' }, transformOrigin: { vertical: 'top', horizontal: 'right', }, anchorEl: anchorSub, open: openSub, onClose: handleClose, variantstyle: 'default', children: subMenu && subMenu.map((item, index) => {
|
|
8862
|
-
return jsxRuntime.jsx(SubMenuItemCustom, { onClick: (e) => item.onClick(e), variantstyle: 'LXP', children: item.label }, item.id);
|
|
8863
|
-
}) })] })
|
|
8864
|
-
:
|
|
8865
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Button__default["default"], { id: "profile-dropdown", "aria-controls": "basic-menu", "aria-haspopup": "true", "aria-expanded": open ? 'true' : undefined, style: { background: '#FF4D0D', borderRadius: '0px', padding: '5px', width: '185px', whiteSpace: 'nowrap' }, onClick: handleClick, children: [jsxRuntime.jsx(AvatarCustomUser, { alt: "User Photo", src: user.avatar || "https://certificates-mentor.s3.amazonaws.com/frst-avatar-default.png" }), jsxRuntime.jsxs(UserName, { children: [" ", user.textIsMe, " "] }), jsxRuntime.jsx(DropdownIcon, { fill: "white" })] }), jsxRuntime.jsx(MenuCustom$2, { id: "basic-menu", anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, transformOrigin: { vertical: 'top', horizontal: 'center', }, anchorEl: anchorEl, open: open, onClose: handleClose, variantstyle: 'default', children: menuItems && menuItems.length > 0 && menuItems.map((item, index) => {
|
|
8845
|
+
return (jsxRuntime.jsx(Container$6, { style: { ...style }, children: variant == 'LXP' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Button__default["default"], { id: "profile-dropdown", "aria-controls": "basic-menu", "aria-haspopup": "true", "aria-expanded": open ? 'true' : undefined, style: { padding: 0 }, onClick: handleClick, children: [jsxRuntime.jsx(AvatarCustomUser, { alt: "User Photo", src: user.avatar || 'https://certificates-mentor.s3.amazonaws.com/frst-avatar-default.png' }), !isMobileVersion && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(UserName, { children: [" ", user.textIsMe, " "] }), jsxRuntime.jsx(DropdownIcon, { fill: "white" })] }))] }), jsxRuntime.jsxs(MenuCustom$2, { id: "basic-menu", anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, transformOrigin: { vertical: 'top', horizontal: 'center' }, anchorEl: anchorEl, open: open, onClose: handleClose, variantstyle: 'LXP', children: [jsxRuntime.jsxs(ProfileInfos, { children: [jsxRuntime.jsx(AvatarCustomUser, { alt: "User Photo", src: user.avatar || 'https://certificates-mentor.s3.amazonaws.com/frst-avatar-default.png', style: { width: '70px', height: '70px' } }), jsxRuntime.jsxs(WrapperRightProfileInfo, { children: [jsxRuntime.jsxs(ProfileNameInfo, { children: [" ", user.name, " "] }), jsxRuntime.jsxs(ProfileCompanyInfo, { children: [" ", user.company, " "] }), !hiddenProfileMenu && (jsxRuntime.jsx(WrapperButtonFrst, { children: jsxRuntime.jsx(Button$5, { variant: 'secondary', label: profileMenuText, handleClick: handleProfileMenuClick }) }))] })] }), menuItems &&
|
|
8846
|
+
menuItems.length > 0 &&
|
|
8847
|
+
menuItems.map((item, index) => {
|
|
8866
8848
|
if (item.subItens) {
|
|
8867
8849
|
if (item.subItens.length > 1)
|
|
8868
|
-
return (jsxRuntime.jsxs(MenuItemCustom$2, { onClick: handleSubitens(item.subItens), variantstyle: '
|
|
8850
|
+
return (jsxRuntime.jsxs(MenuItemCustom$2, { onClick: handleSubitens(item.subItens), variantstyle: 'LXP', children: [item.iconBegin && item.iconBegin, item.iconBegin && jsxRuntime.jsx("span", { children: "\u00A0" }), jsxRuntime.jsxs("div", { style: {
|
|
8851
|
+
width: '100%',
|
|
8852
|
+
display: 'flex',
|
|
8853
|
+
flexDirection: 'row',
|
|
8854
|
+
alignItems: 'center',
|
|
8855
|
+
justifyContent: 'space-between'
|
|
8856
|
+
}, children: [jsxRuntime.jsx("div", { style: { marginLeft: '7px' }, children: item.label }), jsxRuntime.jsx(DropdownSideIconWhite, {})] })] }, index));
|
|
8869
8857
|
}
|
|
8870
8858
|
else
|
|
8871
|
-
return (jsxRuntime.jsxs(MenuItemCustom$2, { onClick: item.onClick || handleClose, variantstyle: '
|
|
8872
|
-
|
|
8873
|
-
|
|
8874
|
-
|
|
8859
|
+
return (jsxRuntime.jsxs(MenuItemCustom$2, { onClick: item.onClick || handleClose, variantstyle: 'LXP', children: [item.iconBegin && item.iconBegin, jsxRuntime.jsx("div", { style: {
|
|
8860
|
+
width: '100%',
|
|
8861
|
+
display: 'flex',
|
|
8862
|
+
flexDirection: 'row',
|
|
8863
|
+
alignItems: 'center',
|
|
8864
|
+
justifyContent: 'space-between'
|
|
8865
|
+
}, children: jsxRuntime.jsx("div", { style: { marginLeft: item.iconBegin ? '9px' : '0px' }, children: item.label }) })] }, index));
|
|
8866
|
+
})] }), jsxRuntime.jsx(MenuCustom$2, { id: "sub-menu", anchorOrigin: { vertical: 'top', horizontal: 'left' }, transformOrigin: { vertical: 'top', horizontal: 'right' }, anchorEl: anchorSub, open: openSub, onClose: handleClose, variantstyle: 'default', children: subMenu &&
|
|
8867
|
+
subMenu.map((item, index) => {
|
|
8868
|
+
return (jsxRuntime.jsx(SubMenuItemCustom, { onClick: (e) => item.onClick(e), variantstyle: 'LXP', children: item.label }, item.id));
|
|
8869
|
+
}) })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Button__default["default"], { id: "profile-dropdown", "aria-controls": "basic-menu", "aria-haspopup": "true", "aria-expanded": open ? 'true' : undefined, style: { background: '#FF4D0D', borderRadius: '0px', padding: '5px', width: '185px', whiteSpace: 'nowrap' }, onClick: handleClick, children: [jsxRuntime.jsx(AvatarCustomUser, { alt: "User Photo", src: user.avatar || 'https://certificates-mentor.s3.amazonaws.com/frst-avatar-default.png' }), jsxRuntime.jsxs(UserName, { children: [" ", user.textIsMe, " "] }), jsxRuntime.jsx(DropdownIcon, { fill: "white" })] }), jsxRuntime.jsx(MenuCustom$2, { id: "basic-menu", anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, transformOrigin: { vertical: 'top', horizontal: 'center' }, anchorEl: anchorEl, open: open, onClose: handleClose, variantstyle: 'default', children: menuItems &&
|
|
8870
|
+
menuItems.length > 0 &&
|
|
8871
|
+
menuItems.map((item, index) => {
|
|
8872
|
+
if (item.subItens) {
|
|
8873
|
+
if (item.subItens.length > 1)
|
|
8874
|
+
return (jsxRuntime.jsxs(MenuItemCustom$2, { onClick: handleSubitens(item.subItens), variantstyle: 'default', children: [item.iconBegin && item.iconBegin, item.iconBegin && jsxRuntime.jsx("span", { children: "\u00A0" }), jsxRuntime.jsxs("div", { style: {
|
|
8875
|
+
width: '100%',
|
|
8876
|
+
display: 'flex',
|
|
8877
|
+
flexDirection: 'row',
|
|
8878
|
+
alignItems: 'center',
|
|
8879
|
+
justifyContent: 'space-between'
|
|
8880
|
+
}, children: [jsxRuntime.jsx("div", { style: { marginLeft: '7px' }, children: item.label }), jsxRuntime.jsx(DropdownSideIconWhite, {})] })] }, index));
|
|
8881
|
+
}
|
|
8882
|
+
else
|
|
8883
|
+
return (jsxRuntime.jsxs(MenuItemCustom$2, { onClick: item.onClick || handleClose, variantstyle: 'default', children: [item.iconBegin && item.iconBegin, jsxRuntime.jsx("div", { style: {
|
|
8884
|
+
width: '100%',
|
|
8885
|
+
display: 'flex',
|
|
8886
|
+
flexDirection: 'row',
|
|
8887
|
+
alignItems: 'center',
|
|
8888
|
+
justifyContent: 'space-between'
|
|
8889
|
+
}, children: jsxRuntime.jsx("div", { style: { marginLeft: item.iconBegin ? '9px' : '0px' }, children: item.label }) })] }, index));
|
|
8890
|
+
}) }), jsxRuntime.jsx(MenuCustom$2, { id: "sub-menu", anchorOrigin: { vertical: 'top', horizontal: 'left' }, transformOrigin: { vertical: 'top', horizontal: 'right' }, anchorEl: anchorSub, open: openSub, onClose: handleClose, variantstyle: 'default', children: subMenu &&
|
|
8891
|
+
subMenu.map((item, index) => {
|
|
8892
|
+
return (jsxRuntime.jsx(SubMenuItemCustom, { onClick: (e) => item.onClick(e), variantstyle: 'default', children: item.label }, item.id));
|
|
8893
|
+
}) })] })) }));
|
|
8875
8894
|
}
|
|
8876
8895
|
|
|
8877
8896
|
const notificationContainer$1 = styled__default["default"].div `
|
|
@@ -9029,7 +9048,7 @@ function NotificationPopOver(props) {
|
|
|
9029
9048
|
: [];
|
|
9030
9049
|
const emptyStateImage = 'https://i.gyazo.com/5551ed515f94a8b2502d2694d67633dc.png';
|
|
9031
9050
|
const notificationsLength = props?.notificationList?.length;
|
|
9032
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: props.isMobile ? (jsxRuntime.jsxs("div", { style: { backgroundColor: '#E5E5E5' }, children: [jsxRuntime.jsx("div", { style: { padding: 16 }, children: jsxRuntime.jsx(Button$
|
|
9051
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: props.isMobile ? (jsxRuntime.jsxs("div", { style: { backgroundColor: '#E5E5E5' }, children: [jsxRuntime.jsx("div", { style: { padding: 16 }, children: jsxRuntime.jsx(Button$5, { variant: "link", startIcon: jsxRuntime.jsx(BackArrow, { fill: "currentColor" }), label: props.textBack, handleClick: () => props.handleClickBack() }) }), jsxRuntime.jsxs(notificationContainerMobile, { children: [jsxRuntime.jsxs(notificationHeader, { children: [jsxRuntime.jsx("span", { style: { fontFamily: 'Work Sans', fontSize: 20, fontWeight: 500, color: FRSTTheme['colors'].primary1 }, children: props.textNotification }), jsxRuntime.jsx(Button$5, { variant: "link", label: props.textMarkAllAsRead, disabled: isNewNotification.length ? false : true, handleClick: props.handleClickMarkRead })] }), props.notificationList ? (jsxRuntime.jsx(notificationCardList, { children: props.notificationList.map((item, index) => {
|
|
9033
9052
|
return (jsxRuntime.jsx("div", { style: { borderBottom: `1px solid ${FRSTTheme['colors'].borderPrimary}` }, children: jsxRuntime.jsx(NotificationCard, { style: { width: '100%' }, notificationAvatar: item.notificationAvatar, notificationDescription: item.notificationDescription, notificationDate: item.notificationDate, textNew: item.textNew, isNewNotification: item.isNewNotification, handleClick: item.handleClick }, index) }));
|
|
9034
9053
|
}) })) : (jsxRuntime.jsx(emptyState, { children: jsxRuntime.jsxs(emptyStateInfo, { children: [jsxRuntime.jsx("img", { src: emptyStateImage, alt: "Empty notification list" }), jsxRuntime.jsx("span", { children: props.textEmptyState })] }) }))] })] })) : (jsxRuntime.jsxs(PopoverCustom, { open: props.isOpen, anchorEl: props.anchor, anchorOrigin: {
|
|
9035
9054
|
vertical: 'bottom',
|
|
@@ -9057,12 +9076,12 @@ function NotificationPopOver(props) {
|
|
|
9057
9076
|
transform: 'rotate(45deg)',
|
|
9058
9077
|
left: 'calc(50% - 6px)'
|
|
9059
9078
|
}
|
|
9060
|
-
} }), jsxRuntime.jsxs(notificationContainer, { children: [jsxRuntime.jsxs(notificationHeader, { onMouseOver: () => props?.setOnAreaPopOver(true), onMouseOut: () => props?.setOnAreaPopOver(false), children: [jsxRuntime.jsx("span", { style: { fontFamily: 'Work Sans', fontSize: 20, fontWeight: 500, color: FRSTTheme['colors'].primary1 }, children: props.textNotification }), jsxRuntime.jsx(Button$
|
|
9079
|
+
} }), jsxRuntime.jsxs(notificationContainer, { children: [jsxRuntime.jsxs(notificationHeader, { onMouseOver: () => props?.setOnAreaPopOver(true), onMouseOut: () => props?.setOnAreaPopOver(false), children: [jsxRuntime.jsx("span", { style: { fontFamily: 'Work Sans', fontSize: 20, fontWeight: 500, color: FRSTTheme['colors'].primary1 }, children: props.textNotification }), jsxRuntime.jsx(Button$5, { variant: "link", label: props.textMarkAllAsRead, disabled: isNewNotification.length ? false : true, handleClick: props.handleClickMarkRead })] }), props.notificationList ? (jsxRuntime.jsx(notificationCardList, { notificationsLength: notificationsLength, children: props.notificationList.map((item, index) => {
|
|
9061
9080
|
return (jsxRuntime.jsx("div", { style: { borderBottom: `1px solid ${FRSTTheme['colors'].borderPrimary}` }, onMouseOver: () => props?.setOnAreaPopOver(true), onMouseOut: () => props?.setOnAreaPopOver(false), children: jsxRuntime.jsx(NotificationCard, { notificationAvatar: item.notificationAvatar, notificationDescription: item.notificationDescription, notificationDate: item.notificationDate, textNew: item.textNew, isNewNotification: item.isNewNotification, handleClick: item.handleClick }, index) }, index));
|
|
9062
9081
|
}) })) : (jsxRuntime.jsx(emptyState, { children: jsxRuntime.jsxs(emptyStateInfo, { children: [jsxRuntime.jsx("img", { src: emptyStateImage, alt: "Empty notification list" }), jsxRuntime.jsx("span", { children: props.textEmptyState })] }) }))] })] })) }));
|
|
9063
9082
|
}
|
|
9064
9083
|
|
|
9065
|
-
function GlobalMenu({ variant, menu, customMenu, user, search, notification, languages, languageSelected, onChangeLanguage, style, textNotification, onClickSite, onClickLinkedin, onClickInstagram, onClickYoutube, onClickSpotify, onClickPodCast, onClickProfileMenuText, onClickExit, profileMenuText, showSearchField, marginTopSubMenu, onClickLogo }) {
|
|
9084
|
+
function GlobalMenu({ variant, menu, customMenu, user, search, notification, languages, languageSelected, onChangeLanguage, style, textNotification, onClickSite, onClickLinkedin, onClickInstagram, onClickYoutube, onClickSpotify, onClickPodCast, onClickProfileMenuText, onClickExit, profileMenuText, showSearchField, marginTopSubMenu, hiddenProfileMenu, onClickLogo }) {
|
|
9066
9085
|
const [valueSearch, setValueSearch] = React.useState(search.value);
|
|
9067
9086
|
const [valueListSearch, setValueListSearch] = React.useState(search.listEntry);
|
|
9068
9087
|
const [loadingSearch, setLoadingSearch] = React.useState(search.loading);
|
|
@@ -9183,7 +9202,7 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
|
|
|
9183
9202
|
? `4px solid ${FRSTTheme['colors'].primary1}`
|
|
9184
9203
|
: '',
|
|
9185
9204
|
height: windowSize[0] <= 650 ? '100%' : 'auto'
|
|
9186
|
-
}, children: [jsxRuntime.jsxs("span", { style: { display: 'inline-flex', justifyContent: 'flex-start', alignItems: 'center' }, children: [jsxRuntime.jsx(IconNotification, { fill: FRSTTheme['colors'].shadeWhite }), ' ', newNotification.length ? (jsxRuntime.jsxs("div", { style: { marginLeft: '-12px' }, children: [' ', jsxRuntime.jsx(HasNotificationIcon, {}), ' '] })) : null] }), windowSize[0] >= 700 ? (jsxRuntime.jsx(NotificationPopOver, { handleClickMarkRead: notification.handleClickMarkRead, isOpen: openNotificationMobile, anchor: anchorNotification, textEmptyState: notification.textEmptyState, notificationList: notification.notificationList, textMarkAllAsRead: notification.textMarkAllAsRead, textNotification: notification.textNotification, isMobile: false, setOnAreaPopOver: (e) => setOnAreaPopOver(e), textBack: notification.textBack, handleClickBack: () => handleCloseNotification() })) : null] }))] })] }), jsxRuntime.jsxs(WrapperRightInfo, { children: [jsxRuntime.jsx(DropdownProfileMenu, { variant: "LXP", user: user, profileMenuText: profileMenuText, handleProfileMenuClick: onClickProfileMenuText, menuItems: user && user.menuItems, isMobileVersion: isMobileVersion, style: {
|
|
9205
|
+
}, children: [jsxRuntime.jsxs("span", { style: { display: 'inline-flex', justifyContent: 'flex-start', alignItems: 'center' }, children: [jsxRuntime.jsx(IconNotification, { fill: FRSTTheme['colors'].shadeWhite }), ' ', newNotification.length ? (jsxRuntime.jsxs("div", { style: { marginLeft: '-12px' }, children: [' ', jsxRuntime.jsx(HasNotificationIcon, {}), ' '] })) : null] }), windowSize[0] >= 700 ? (jsxRuntime.jsx(NotificationPopOver, { handleClickMarkRead: notification.handleClickMarkRead, isOpen: openNotificationMobile, anchor: anchorNotification, textEmptyState: notification.textEmptyState, notificationList: notification.notificationList, textMarkAllAsRead: notification.textMarkAllAsRead, textNotification: notification.textNotification, isMobile: false, setOnAreaPopOver: (e) => setOnAreaPopOver(e), textBack: notification.textBack, handleClickBack: () => handleCloseNotification() })) : null] }))] })] }), jsxRuntime.jsxs(WrapperRightInfo, { children: [jsxRuntime.jsx(DropdownProfileMenu, { variant: "LXP", user: user, profileMenuText: profileMenuText, handleProfileMenuClick: onClickProfileMenuText, menuItems: user && user.menuItems, isMobileVersion: isMobileVersion, hiddenProfileMenu: hiddenProfileMenu, style: {
|
|
9187
9206
|
marginLeft: isMobileVersion ? '0px' : '5px',
|
|
9188
9207
|
marginRight: isMobileVersion ? '0px' : '5px'
|
|
9189
9208
|
} }), customMenu?.map((item, index) => (jsxRuntime.jsx(ItemGlobalMenu, { label: isMobileVersion ? '' : item.label, variant: "LXP", type: "menu", pressed: item.id === SelectedItem || item.active, icon: item.iconBegin, handleOnClick: () => handleClickItem(item), customMenu: customMenu, style: {
|
|
@@ -9224,14 +9243,14 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
|
|
|
9224
9243
|
? `4px solid ${FRSTTheme['colors'].primary1}`
|
|
9225
9244
|
: '',
|
|
9226
9245
|
height: windowSize[0] <= 650 ? '100%' : 'auto'
|
|
9227
|
-
}, children: [jsxRuntime.jsxs("span", { style: { display: 'inline-flex', justifyContent: 'flex-start', alignItems: 'center' }, children: [jsxRuntime.jsx(IconNotification, { fill: FRSTTheme['colors'].shadeWhite }), ' ', newNotification.length ? (jsxRuntime.jsxs("div", { style: { marginLeft: '-12px' }, children: [' ', jsxRuntime.jsx(HasNotificationIcon, {}), ' '] })) : null] }), windowSize[0] > 700 ? (jsxRuntime.jsx(NotificationPopOver, { handleClickMarkRead: notification.handleClickMarkRead, isOpen: openNotificationMobile, anchor: anchorNotification, textEmptyState: notification.textEmptyState, notificationList: notification.notificationList, textMarkAllAsRead: notification.textMarkAllAsRead, textNotification: notification.textNotification, isMobile: false, setOnAreaPopOver: (e) => setOnAreaPopOver(e), textBack: notification.textBack, handleClickBack: () => handleCloseNotification() })) : null] })), jsxRuntime.jsx(DropdownProfileMenu, { variant: "LXP", user: user, profileMenuText: profileMenuText, handleProfileMenuClick: onClickProfileMenuText, menuItems: user && user.menuItems, isMobileVersion: isMobileVersion, style: {
|
|
9246
|
+
}, children: [jsxRuntime.jsxs("span", { style: { display: 'inline-flex', justifyContent: 'flex-start', alignItems: 'center' }, children: [jsxRuntime.jsx(IconNotification, { fill: FRSTTheme['colors'].shadeWhite }), ' ', newNotification.length ? (jsxRuntime.jsxs("div", { style: { marginLeft: '-12px' }, children: [' ', jsxRuntime.jsx(HasNotificationIcon, {}), ' '] })) : null] }), windowSize[0] > 700 ? (jsxRuntime.jsx(NotificationPopOver, { handleClickMarkRead: notification.handleClickMarkRead, isOpen: openNotificationMobile, anchor: anchorNotification, textEmptyState: notification.textEmptyState, notificationList: notification.notificationList, textMarkAllAsRead: notification.textMarkAllAsRead, textNotification: notification.textNotification, isMobile: false, setOnAreaPopOver: (e) => setOnAreaPopOver(e), textBack: notification.textBack, handleClickBack: () => handleCloseNotification() })) : null] })), jsxRuntime.jsx(DropdownProfileMenu, { variant: "LXP", user: user, profileMenuText: profileMenuText, handleProfileMenuClick: onClickProfileMenuText, menuItems: user && user.menuItems, isMobileVersion: isMobileVersion, hiddenProfileMenu: hiddenProfileMenu, style: {
|
|
9228
9247
|
marginLeft: isMobileVersion ? '0px' : '5px',
|
|
9229
9248
|
marginRight: isMobileVersion ? '0px' : '5px'
|
|
9230
9249
|
} }), !isMobileVersion && !isTabletVersion && languages && languages.length > 0 && (jsxRuntime.jsx(LanguagesDropdown, { variant: "LXP", languages: [...languages], selected: languageSelected, onSelect: (e) => onChangeLanguage(e), distanceBtnDrop: '57px' }))] })] }) }), openNotificationMobile && windowSize[0] <= 700 ? (jsxRuntime.jsx(NotificationPopOver, { handleClickMarkRead: notification.handleClickMarkRead, isOpen: openNotificationMobile, anchor: anchorNotification, textEmptyState: notification.textEmptyState, notificationList: notification.notificationList, textMarkAllAsRead: notification.textMarkAllAsRead, textNotification: notification.textNotification, isMobile: true, setOnAreaPopOver: (e) => setOnAreaPopOver(e), textBack: notification.textBack, handleClickBack: () => handleCloseNotification() })) : null] })) : (jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', flexDirection: 'column', ...style }, children: jsxRuntime.jsxs(MenuContainer, { variant: variant, style: { ...style, display: 'none' }, children: [jsxRuntime.jsx(WrapperLogo, { onClick: () => onClickLogo(), children: jsxRuntime.jsx(FRSTLogo, { height: "28" }) }), jsxRuntime.jsx(WrapperMenu, { children: menu &&
|
|
9231
9250
|
menu.length > 0 &&
|
|
9232
9251
|
menu.map((item, index) => {
|
|
9233
9252
|
return (jsxRuntime.jsx(ItemGlobalMenu, { label: item.label, variant: "default", type: "menu", handleOnClick: () => item.onClick('tes'), style: { paddingRight: '10px', paddingLeft: '10px' } }, item.id ? item.id : index));
|
|
9234
|
-
}) }), jsxRuntime.jsx(WrapperRightInfo, { children: jsxRuntime.jsx(DropdownProfileMenu, { variant: "default", user: user, menuItems: user && user.menuItems, isMobileVersion: isMobileVersion, profileMenuText: profileMenuText, handleProfileMenuClick: onClickProfileMenuText }) }), languages && languages.length > 0 && (jsxRuntime.jsx(LanguagesDropdown, { variant: "default", languages: [...languages], selected: languageSelected, onSelect: (e) => onChangeLanguage(e), distanceBtnDrop: '45px' }))] }) })) }));
|
|
9253
|
+
}) }), jsxRuntime.jsx(WrapperRightInfo, { children: jsxRuntime.jsx(DropdownProfileMenu, { variant: "default", user: user, menuItems: user && user.menuItems, isMobileVersion: isMobileVersion, hiddenProfileMenu: hiddenProfileMenu, profileMenuText: profileMenuText, handleProfileMenuClick: onClickProfileMenuText }) }), languages && languages.length > 0 && (jsxRuntime.jsx(LanguagesDropdown, { variant: "default", languages: [...languages], selected: languageSelected, onSelect: (e) => onChangeLanguage(e), distanceBtnDrop: '45px' }))] }) })) }));
|
|
9235
9254
|
}
|
|
9236
9255
|
function MenuMobile({ items, isVisible, setVisible, variant, languageSelected, onClickExit, onClickSite, onClickLinkedin, onClickInstagram, onClickYoutube, onClickSpotify, onClickPodCast, customMenu }) {
|
|
9237
9256
|
const [optionsSubMenu, setOptionsSubmenu] = React.useState({});
|
|
@@ -9354,10 +9373,10 @@ function AdminExtraContent(props) {
|
|
|
9354
9373
|
setTranscriptionText(e.target.value);
|
|
9355
9374
|
} })] }), valueTabs === 1 &&
|
|
9356
9375
|
jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400 }, children: "Adicone materiais extras como PDFs e PPTs que ajudem seus alunos a se desenvolverem neste assunto." }) }), jsxRuntime.jsx("div", { style: { marginTop: 24, marginBottom: 8 }, children: jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400 }, children: "Fa\u00E7a o upload dos arquivos abaixo" }) }), jsxRuntime.jsx(FileUpload, { variant: "landscape" })] }), valueTabs === 2 &&
|
|
9357
|
-
jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400 }, children: "Adicione abaixo links de compra dos livros que podem ajudar seus alunos a se desenvolverem nesta \u00E1rea." }), BooksInfo(), jsxRuntime.jsx("div", { style: { marginTop: 24 }, children: jsxRuntime.jsx(Button$
|
|
9376
|
+
jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400 }, children: "Adicione abaixo links de compra dos livros que podem ajudar seus alunos a se desenvolverem nesta \u00E1rea." }), BooksInfo(), jsxRuntime.jsx("div", { style: { marginTop: 24 }, children: jsxRuntime.jsx(Button$5, { variant: "expandedSecondary", label: "Adicionar", startIcon: jsxRuntime.jsx(AddIcon, { fill: "#FF4D0D" }), handleClick: () => { } }) })] })] })] }));
|
|
9358
9377
|
}
|
|
9359
9378
|
|
|
9360
|
-
const Button$
|
|
9379
|
+
const Button$4 = React__default["default"].forwardRef(({ className, active, reversed, ...props }, ref) => (jsxRuntime.jsx("span", { ...props, ref: ref, className: css.cx(className, css.css `
|
|
9361
9380
|
cursor: pointer;
|
|
9362
9381
|
color: ${reversed
|
|
9363
9382
|
? active
|
|
@@ -9530,14 +9549,14 @@ const Leaf = ({ attributes, children, leaf }) => {
|
|
|
9530
9549
|
};
|
|
9531
9550
|
const BlockButton = ({ format, icon }) => {
|
|
9532
9551
|
const editor = slateReact.useSlate();
|
|
9533
|
-
return (jsxRuntime.jsx(Button$
|
|
9552
|
+
return (jsxRuntime.jsx(Button$4, { active: isBlockActive(editor, format, TEXT_ALIGN_TYPES.includes(format) ? 'align' : 'type'), onMouseDown: event => {
|
|
9534
9553
|
event.preventDefault();
|
|
9535
9554
|
toggleBlock(editor, format);
|
|
9536
9555
|
}, children: icon }));
|
|
9537
9556
|
};
|
|
9538
9557
|
const MarkButton = ({ format, icon }) => {
|
|
9539
9558
|
const editor = slateReact.useSlate();
|
|
9540
|
-
return (jsxRuntime.jsx(Button$
|
|
9559
|
+
return (jsxRuntime.jsx(Button$4, { active: isMarkActive(editor, format), onMouseDown: event => {
|
|
9541
9560
|
event.preventDefault();
|
|
9542
9561
|
toggleMark(editor, format);
|
|
9543
9562
|
}, children: icon }));
|
|
@@ -9575,7 +9594,7 @@ function StudentExtraContent(props) {
|
|
|
9575
9594
|
backgroundColor: '#FF5427 !important',
|
|
9576
9595
|
}
|
|
9577
9596
|
}, children: [jsxRuntime.jsx(material.Tab, { label: 'Anota\u00E7\u00F5es', value: 0 }), jsxRuntime.jsx(material.Tab, { label: 'Livros recomendados', value: 1 }), jsxRuntime.jsx(material.Tab, { label: 'Material de apoio', value: 2 }), jsxRuntime.jsx(material.Tab, { label: 'Transcri\u00E7\u00E3o', value: 3 }), jsxRuntime.jsx(material.Tab, { label: 'Coment\u00E1rios', value: 4 })] }) }), jsxRuntime.jsxs("div", { className: style$2.contentInfo, children: [valueTabs === 0 &&
|
|
9578
|
-
jsxRuntime.jsxs("div", { className: style$2.notes, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400, color: '#000' }, children: " Escreva e fa\u00E7a suas anota\u00E7\u00F5es aqui para rever depois, este espa\u00E7o \u00E9 seu." }), jsxRuntime.jsx("div", { style: { marginTop: 12 }, children: jsxRuntime.jsx(RichTextExample, {}) }), jsxRuntime.jsx("div", { className: style$2.saveNotes, children: jsxRuntime.jsx(Button$
|
|
9597
|
+
jsxRuntime.jsxs("div", { className: style$2.notes, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400, color: '#000' }, children: " Escreva e fa\u00E7a suas anota\u00E7\u00F5es aqui para rever depois, este espa\u00E7o \u00E9 seu." }), jsxRuntime.jsx("div", { style: { marginTop: 12 }, children: jsxRuntime.jsx(RichTextExample, {}) }), jsxRuntime.jsx("div", { className: style$2.saveNotes, children: jsxRuntime.jsx(Button$5, { label: "Salvar", variant: "primary", handleClick: () => { } }) })] }), valueTabs === 1 &&
|
|
9579
9598
|
jsxRuntime.jsx(material.Grid, { container: true, spacing: 0, children: props.bookList?.map((item, index) => {
|
|
9580
9599
|
return (jsxRuntime.jsxs(material.Grid, { item: true, style: { position: 'relative', width: 200, height: 310, backgroundColor: '#FFF', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'flex-start', padding: '16px 32px 8px 32px', border: '1px solid #BDBDBD', cursor: 'pointer' }, onClick: () => { props.onClickBook(item.id); }, children: [jsxRuntime.jsx("img", { src: item.img, width: 130, height: 185 }), jsxRuntime.jsxs("span", { style: { fontSize: 16, fontWeight: 400, color: '#000', marginTop: 12 }, children: [" ", item.title, " "] }), jsxRuntime.jsxs("span", { style: { fontSize: 12, fontWeight: 400, color: '#000', position: 'absolute', bottom: 0, marginBottom: 8 }, children: [" ", item.autor, " "] })] }, index));
|
|
9581
9600
|
}) }), valueTabs === 2 &&
|
|
@@ -9995,19 +10014,19 @@ function Login(props) {
|
|
|
9995
10014
|
setError(props.isError);
|
|
9996
10015
|
setMsgInput2(props.isError ? 'E-mail ou senhas incorretos.' : '');
|
|
9997
10016
|
}, [props.isError]);
|
|
9998
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: props.variant === 'login' && step === 1 ? (jsxRuntime.jsxs(Container$5, { children: [jsxRuntime.jsx(ContainerLogo, { children: jsxRuntime.jsx(FRSTLogoBig, {}) }), jsxRuntime.jsx(ContainerTypography, { children: jsxRuntime.jsx(TypographyWelcome, { children: props.textBoasVindas ? props.textBoasVindas : 'Bem-vindo' }) }), jsxRuntime.jsx(TypographyFill, { children: props.textLoginInformacao ? props.textLoginInformacao : 'Para acessar, preencha os campos abaixo:' }), jsxRuntime.jsxs(ContainerInputAndLink, { children: [jsxRuntime.jsxs(ContainerIpuntAndIsIcon, { children: [jsxRuntime.jsx(ContainerEmail, { isError: error, children: jsxRuntime.jsx(TextField, { error: error, helperText: MsgInput1, placeholder: "Email", label: "Email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), style: { width: '100%' } }) }), error && (jsxRuntime.jsx(IconAlert, { children: jsxRuntime.jsx(AlertCicle, {}) }))] }), jsxRuntime.jsx(ContainerButtonLink, { children: jsxRuntime.jsx(Button$
|
|
10017
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: props.variant === 'login' && step === 1 ? (jsxRuntime.jsxs(Container$5, { children: [jsxRuntime.jsx(ContainerLogo, { children: jsxRuntime.jsx(FRSTLogoBig, {}) }), jsxRuntime.jsx(ContainerTypography, { children: jsxRuntime.jsx(TypographyWelcome, { children: props.textBoasVindas ? props.textBoasVindas : 'Bem-vindo' }) }), jsxRuntime.jsx(TypographyFill, { children: props.textLoginInformacao ? props.textLoginInformacao : 'Para acessar, preencha os campos abaixo:' }), jsxRuntime.jsxs(ContainerInputAndLink, { children: [jsxRuntime.jsxs(ContainerIpuntAndIsIcon, { children: [jsxRuntime.jsx(ContainerEmail, { isError: error, children: jsxRuntime.jsx(TextField, { error: error, helperText: MsgInput1, placeholder: "Email", label: "Email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), style: { width: '100%' } }) }), error && (jsxRuntime.jsx(IconAlert, { children: jsxRuntime.jsx(AlertCicle, {}) }))] }), jsxRuntime.jsx(ContainerButtonLink, { children: jsxRuntime.jsx(Button$5, { variant: "link", label: props.textoLabelLoginButtonLink ? props.textoLabelLoginButtonLink : 'Esqueceu a senha?', handleClick: onClickForgotPassword }) }), jsxRuntime.jsxs(ContainerIpuntAndIsIcon, { children: [jsxRuntime.jsx(ContainerPassword, { isError: error, children: jsxRuntime.jsx(TextField, { helperText: MsgInput2, error: error, endIcon: jsxRuntime.jsx(Viewer, { fill: error ? '#ff0000' : '#000000' }), placeholder: props.textInputLoginSenha ? props.textInputLoginSenha : 'Senha', label: props.textInputLoginSenha ? props.textInputLoginSenha : 'Senha', type: "password", value: password, onChange: (e) => setPassword(e.target.value), style: { width: '100%' } }) }), error && (jsxRuntime.jsx(IconAlert, { style: { paddingTop: '78px' }, children: jsxRuntime.jsx(AlertCicle, {}) }))] })] }), jsxRuntime.jsxs(ContainerConnect, { children: [jsxRuntime.jsxs(ContainerCheckbox, { onClick: handleClickCheckbox, children: [keepConnected ? jsxRuntime.jsx(CheckboxEmpty, { fill: '#ebeded' }) : jsxRuntime.jsx(CheckboxChecked, {}), jsxRuntime.jsx(TypographyConnect, { children: props.textLoginConectado ? props.textLoginConectado : 'Manter-me conectado' })] }), jsxRuntime.jsx(Button$5, { variant: "primary", label: props.textLoginButton ? props.textLoginButton : 'Entrar', handleClick: onClikLogin })] })] })) : props.variant === 'login' && step === 2 ? (jsxRuntime.jsxs(ContainerRecover, { children: [jsxRuntime.jsx(ContainerLogoRecover, { children: jsxRuntime.jsx(FRSTLogoBig, {}) }), jsxRuntime.jsxs(ContainerEmailAndTypeRecoverRecover, { children: [jsxRuntime.jsxs(ContainerTypographyRecover, { children: [jsxRuntime.jsx(TypographyRecover, { children: props.textEmailCadastro
|
|
9999
10018
|
? props.textEmailCadastro
|
|
10000
10019
|
: 'Digite seu e-mail de cadastro abaixo e clique em enviar.' }), jsxRuntime.jsx(TypographyRecover, { children: props.textEmailCadastro2
|
|
10001
10020
|
? props.textEmailCadastro2
|
|
10002
|
-
: 'Nós lhe enviaremos um e-mail com o link para recastrar sua senha.' })] }), jsxRuntime.jsxs(ContainerIpuntAndIsIcon, { children: [jsxRuntime.jsx(ContainerEmailRecover, { isError: error, children: jsxRuntime.jsx(TextField, { error: error, helperText: MsgInput2, placeholder: "Email", label: "Email", type: "email", value: emailRecover, onChange: (e) => setEmailRecover(e.target.value), style: { width: '100%' } }) }), error && (jsxRuntime.jsx(IconAlert, { isStep: step, children: jsxRuntime.jsx(AlertCicle, {}) }))] })] }), jsxRuntime.jsxs(ContainerButtonRecover, { children: [jsxRuntime.jsx(Button$
|
|
10021
|
+
: 'Nós lhe enviaremos um e-mail com o link para recastrar sua senha.' })] }), jsxRuntime.jsxs(ContainerIpuntAndIsIcon, { children: [jsxRuntime.jsx(ContainerEmailRecover, { isError: error, children: jsxRuntime.jsx(TextField, { error: error, helperText: MsgInput2, placeholder: "Email", label: "Email", type: "email", value: emailRecover, onChange: (e) => setEmailRecover(e.target.value), style: { width: '100%' } }) }), error && (jsxRuntime.jsx(IconAlert, { isStep: step, children: jsxRuntime.jsx(AlertCicle, {}) }))] })] }), jsxRuntime.jsxs(ContainerButtonRecover, { children: [jsxRuntime.jsx(Button$5, { variant: "link", label: props.textEmailButtonLinkCancel ? props.textEmailButtonLinkCancel : 'Não, cancelar', handleClick: onClickNotCancel }), jsxRuntime.jsx(Button$5, { variant: "primary", label: props.textEmailButtonEnviar ? props.textEmailButtonEnviar : 'Enviar', handleClick: onClickForgotPasswordChange })] })] })) : props.variant === 'newPassword' ? (jsxRuntime.jsxs(Container$5, { children: [jsxRuntime.jsx(ContainerLogoRecover, { children: jsxRuntime.jsx(FRSTLogoBig, {}) }), jsxRuntime.jsx(TypographyNewPassword, { children: props.textNewPasswordInformacao
|
|
10003
10022
|
? props.textNewPasswordInformacao
|
|
10004
10023
|
: 'Para criar uma nova senha, preencha os campos abaixo:' }), jsxRuntime.jsxs(ContainerPasswordNew, { isError: error, children: [jsxRuntime.jsxs(ContainerIpuntAndIsIcon, { children: [jsxRuntime.jsx(TextField, { error: error, placeholder: props.textNewPasswordInputEmailPlaceholder
|
|
10005
10024
|
? props.textNewPasswordInputEmailPlaceholder
|
|
10006
10025
|
: 'Por favor, insira seu e-mail aqui', label: props.textNewPasswordInputEmail ? props.textNewPasswordInputEmail : 'Digite o email', type: 'text', value: confirmEmail, onChange: (e) => setConfirmEmail(e.target.value), style: { width: '95%' } }), error && (jsxRuntime.jsx(IconAlert, { children: jsxRuntime.jsx(AlertCicle, {}) }))] }), jsxRuntime.jsxs(ContainerIpuntAndIsIcon, { children: [jsxRuntime.jsx(TextField, { error: error, endIcon: jsxRuntime.jsx(Viewer, { fill: error ? '#ff0000' : '#000000' }), placeholder: props.textNewPasswordInput ? props.textNewPasswordInput : 'Insira sua nova senha', label: props.textNewPasswordInput ? props.textNewPasswordInput : 'Nova senha', type: 'password', value: newPassword, onChange: (e) => setNewPassword(e.target.value), style: { width: '95%' } }), error && (jsxRuntime.jsx(IconAlert, { children: jsxRuntime.jsx(AlertCicle, {}) }))] }), jsxRuntime.jsxs(ContainerIpuntAndIsIcon, { children: [jsxRuntime.jsx(TextField, { helperText: MsgInput2, error: error, placeholder: props.textNewPasswordInputPlaceholderCodigo ? props.textNewPasswordInputPlaceholderCodigo : 'Código', label: props.textNewPasswordInputCodigo ? props.textNewPasswordInputCodigo : 'Digite o Código', type: 'text', value: codigoNewPassword, onChange: (e) => setCodigoNewPassword(e.target.value), style: { width: '95%' } }), error && (jsxRuntime.jsx(IconAlert, { children: jsxRuntime.jsx(AlertCicle, {}) }))] })] }), jsxRuntime.jsx(ContainerTypographyNewPassword, { children: jsxRuntime.jsx(TypographyNewPassword, { isColorError: colorError, style: { fontSize: '14px' }, children: props.textNewPasswordErrorSenhaForte
|
|
10007
10026
|
? props.textNewPasswordErrorSenhaForte
|
|
10008
|
-
: 'Use pelo menos 8 caracteres, 1 maiúscula, 1 minúscula, e um número ou caractere especial. Não use parte de seu e-mail (seunome@empresa.com) como senha.' }) }), jsxRuntime.jsxs(ContainerButtonRecover, { children: [jsxRuntime.jsx(Button$
|
|
10027
|
+
: 'Use pelo menos 8 caracteres, 1 maiúscula, 1 minúscula, e um número ou caractere especial. Não use parte de seu e-mail (seunome@empresa.com) como senha.' }) }), jsxRuntime.jsxs(ContainerButtonRecover, { children: [jsxRuntime.jsx(Button$5, { variant: "link", label: props.textNewPasswordButtonLink ? props.textNewPasswordButtonLink : 'Voltar Login', handleClick: props.handleClickChangePasswordCancel }), jsxRuntime.jsx(Button$5, { variant: "primary", label: props.textNewPasswordButtonSalvar ? props.textNewPasswordButtonSalvar : 'Salvar', handleClick: onClickSave })] })] })) : props.variant === 'login' && step === 3 ? (jsxRuntime.jsxs(ContainerSendComfirmation, { children: [jsxRuntime.jsx(ContainerLogoRecover, { children: jsxRuntime.jsx(FRSTLogoBig, {}) }), jsxRuntime.jsx(TypographyNewPassword, { children: props.textConfirmacaoRespostaEmail
|
|
10009
10028
|
? props.textConfirmacaoRespostaEmail
|
|
10010
|
-
: 'Solicitação enviada com sucesso para o seu e-mail.' }), jsxRuntime.jsx(ContainerButtonSendConfirmation, { children: jsxRuntime.jsx(Button$
|
|
10029
|
+
: 'Solicitação enviada com sucesso para o seu e-mail.' }), jsxRuntime.jsx(ContainerButtonSendConfirmation, { children: jsxRuntime.jsx(Button$5, { variant: "primary", label: props.textConfirmacaoButtonRetorna ? props.textConfirmacaoButtonRetorna : 'Retornar', handleClick: props.onClickConfimationBackToLogin }) })] })) : null }));
|
|
10011
10030
|
}
|
|
10012
10031
|
|
|
10013
10032
|
const ContainerHeader = styled__default["default"].div `
|
|
@@ -10145,6 +10164,10 @@ const ContainerCard = styled__default["default"].div `
|
|
|
10145
10164
|
gap: 20px;
|
|
10146
10165
|
`;
|
|
10147
10166
|
const ContainerInputNameTrail = styled__default["default"].div `
|
|
10167
|
+
display: inline-flex;
|
|
10168
|
+
flex-direction: row;
|
|
10169
|
+
gap: 18px;
|
|
10170
|
+
|
|
10148
10171
|
input{
|
|
10149
10172
|
border: 1px solid #BDBDBD;
|
|
10150
10173
|
border-radius: 8px;
|
|
@@ -10420,7 +10443,7 @@ function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNe
|
|
|
10420
10443
|
jsxRuntime.jsx(jsxRuntime.Fragment, { children: Loading ?
|
|
10421
10444
|
jsxRuntime.jsxs(LoadingContainer, { children: [jsxRuntime.jsx(LoadingImage, {}), jsxRuntime.jsx(LoadingContent, {}), jsxRuntime.jsx(LoadingContent, { style: { width: '50%' } })] })
|
|
10422
10445
|
:
|
|
10423
|
-
jsxRuntime.jsxs(ContainerThumbnails, { showSwitchIndividual: showSwitch, className: variant = 'default', ref: provided ? provided.innerRef : null, ...provided ? provided.draggableProps : null, children: [jsxRuntime.jsxs(GeralThumbnails, { ref: provided ? provided.innerRef : null, ...provided ? provided.dragHandleProps : null, children: [jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] }), jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] }), jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] })] }), jsxRuntime.jsx(Image, { onMouseEnter: handleHoverImage, className: 'imageHover', src: src || defaultImg, active: ativo }), jsxRuntime.jsxs(ContainerMain, { children: [jsxRuntime.jsx(LightTooltip, { title: title, children: jsxRuntime.jsx(Typography$2, { style: { color: ativo ? '#000000' : '#bdbdbd' }, children: title && title?.length > 17 ? `${title.substring(0, 17)}...` : title }) }), jsxRuntime.jsx(IconVertical, { onClick: (element) => {
|
|
10446
|
+
jsxRuntime.jsxs(ContainerThumbnails, { showSwitchIndividual: showSwitch, className: variant = 'default', ref: provided ? provided.innerRef : null, ...provided ? provided.draggableProps : null, children: [jsxRuntime.jsxs(GeralThumbnails, { ref: provided ? provided.innerRef : null, ...provided ? provided.dragHandleProps : null, children: [jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] }), jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] }), jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] })] }), jsxRuntime.jsx(Image, { ref: provided ? provided.innerRef : null, ...provided ? provided.dragHandleProps : null, onMouseEnter: handleHoverImage, className: 'imageHover', src: src || defaultImg, active: ativo }), jsxRuntime.jsxs(ContainerMain, { children: [jsxRuntime.jsx(LightTooltip, { title: title, children: jsxRuntime.jsx(Typography$2, { style: { color: ativo ? '#000000' : '#bdbdbd' }, children: title && title?.length > 17 ? `${title.substring(0, 17)}...` : title }) }), jsxRuntime.jsx(IconVertical, { onClick: (element) => {
|
|
10424
10447
|
setElementPopover(element.currentTarget);
|
|
10425
10448
|
}, children: jsxRuntime.jsx(MoreVertical, { fill: ativo ? '#000000' : '#bdbdbd' }) })] }), showSwitch &&
|
|
10426
10449
|
jsxRuntime.jsxs(ContainerAtivar, { children: [jsxRuntime.jsx(TypographyAtivar, { active: ativo, style: { fontWeight: ativo ? 700 : 400 }, children: txtAtivarCurso ? txtAtivarCurso : 'Ativar Curso' }), jsxRuntime.jsx(Switch__default["default"], { onChange: handleChangeCheck, checked: ativo, height: 16, width: 35, checkedIcon: false, uncheckedIcon: false, handleDiameter: 20, onHandleColor: '#ffffff', offHandleColor: '#ffffff', onColor: '#FF4D0D', offColor: '#ebebeb', activeBoxShadow: ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575', boxShadow: ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575' })] })] }) })
|
|
@@ -10432,7 +10455,7 @@ function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNe
|
|
|
10432
10455
|
: null, jsxRuntime.jsx(PopOver, { element: ElementPopover, onClosePopover: () => {
|
|
10433
10456
|
setElementPopover(null);
|
|
10434
10457
|
}, variant: 'upRight', children: jsxRuntime.jsx("div", { style: { display: 'flex', flexDirection: 'column', padding: 0 }, children: isTrail ?
|
|
10435
|
-
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(PopOverItem, { label: txtPopOverDeleteTrail ? txtPopOverDeleteTrail : "Excluir da
|
|
10458
|
+
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(PopOverItem, { label: txtPopOverDeleteTrail ? txtPopOverDeleteTrail : "Excluir da trilha", onClick: () => {
|
|
10436
10459
|
setElementPopover(null);
|
|
10437
10460
|
/// timeout para corrigir o bug de scroll na tela
|
|
10438
10461
|
setTimeout(() => {
|
|
@@ -10443,17 +10466,17 @@ function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNe
|
|
|
10443
10466
|
width: 100
|
|
10444
10467
|
} }) })
|
|
10445
10468
|
:
|
|
10446
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PopOverItem, { label: txtPopOverEditContent ? txtPopOverEditContent : "Editar
|
|
10469
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PopOverItem, { label: txtPopOverEditContent ? txtPopOverEditContent : "Editar conteúdo", onClick: () => {
|
|
10447
10470
|
setElementPopover(null);
|
|
10448
10471
|
handleClickPopOverEdit();
|
|
10449
10472
|
}, style: {
|
|
10450
10473
|
borderBottom: '1px black solid'
|
|
10451
|
-
} }), jsxRuntime.jsx(PopOverItem, { label: txtPopOverEditContentActivity ? txtPopOverEditContentActivity : "Editar
|
|
10474
|
+
} }), jsxRuntime.jsx(PopOverItem, { label: txtPopOverEditContentActivity ? txtPopOverEditContentActivity : "Editar atividades", onClick: () => {
|
|
10452
10475
|
setElementPopover(null);
|
|
10453
10476
|
handleClickPopOverEditActivity();
|
|
10454
10477
|
}, style: {
|
|
10455
10478
|
borderBottom: '1px black solid'
|
|
10456
|
-
} }), jsxRuntime.jsx(PopOverItem, { label: txtPopOverDeleteContent ? txtPopOverDeleteContent : "Excluir
|
|
10479
|
+
} }), jsxRuntime.jsx(PopOverItem, { label: txtPopOverDeleteContent ? txtPopOverDeleteContent : "Excluir conteúdo", onClick: () => {
|
|
10457
10480
|
setElementPopover(null);
|
|
10458
10481
|
/// timeout para corrigir o bug de scroll na tela
|
|
10459
10482
|
setTimeout(() => {
|
|
@@ -10572,11 +10595,11 @@ function ContentCoursesTrails(props) {
|
|
|
10572
10595
|
const [OpenPopper, setOpenPopper] = React.useState(false);
|
|
10573
10596
|
const [checked, setChecked] = React.useState(true);
|
|
10574
10597
|
const [checkedPrivate, setCheckedPrivate] = React.useState(true);
|
|
10575
|
-
const [
|
|
10598
|
+
const [show, setShow] = React.useState(true);
|
|
10576
10599
|
const [ElementPopover, setElementPopover] = React.useState(null);
|
|
10577
10600
|
const [ElementPopoverPublish, setElementPopoverPublish] = React.useState(null);
|
|
10578
10601
|
const [active, setActive] = React.useState(false);
|
|
10579
|
-
const [nameTrail, setNameTrail] = React.useState(
|
|
10602
|
+
const [nameTrail, setNameTrail] = React.useState(props.TrailName);
|
|
10580
10603
|
const [Publishing, setPublishing] = React.useState(props.publishStatus);
|
|
10581
10604
|
const [arrowRef, setArrowRef] = React__default["default"].useState(null);
|
|
10582
10605
|
const classes = useStyles();
|
|
@@ -10585,6 +10608,10 @@ function ContentCoursesTrails(props) {
|
|
|
10585
10608
|
setPublishing(props.publishStatus);
|
|
10586
10609
|
setOpenPopper(props.publishStatus === "pending");
|
|
10587
10610
|
}, [props.publishStatus]);
|
|
10611
|
+
React.useEffect(() => {
|
|
10612
|
+
setNameTrail(props.TrailName);
|
|
10613
|
+
console.log('props.TrailName', props.TrailName);
|
|
10614
|
+
}, [props.TrailName]);
|
|
10588
10615
|
React.useEffect(() => {
|
|
10589
10616
|
if (props.publishStatus && props.publishStatus === "processing") {
|
|
10590
10617
|
console.log(" . --- Startando Verificacao Publicacao", props.trailId);
|
|
@@ -10602,19 +10629,9 @@ function ContentCoursesTrails(props) {
|
|
|
10602
10629
|
props.handleChangePrivate(!checkedValue);
|
|
10603
10630
|
};
|
|
10604
10631
|
const changeSelect = () => {
|
|
10605
|
-
|
|
10606
|
-
if (up) {
|
|
10607
|
-
setUp(false);
|
|
10608
|
-
props.handleChangeShow(false);
|
|
10609
|
-
}
|
|
10610
|
-
else {
|
|
10611
|
-
setUp(true);
|
|
10612
|
-
props.handleChangeShow(true);
|
|
10613
|
-
}
|
|
10614
|
-
}
|
|
10632
|
+
setShow(!show);
|
|
10615
10633
|
};
|
|
10616
10634
|
const handleClickActiveNameTrail = () => {
|
|
10617
|
-
setNameTrail('');
|
|
10618
10635
|
if (active) {
|
|
10619
10636
|
return setActive(false);
|
|
10620
10637
|
}
|
|
@@ -10635,19 +10652,25 @@ function ContentCoursesTrails(props) {
|
|
|
10635
10652
|
}
|
|
10636
10653
|
};
|
|
10637
10654
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(ContainerHeader, { className: "opened", active: props.ativo, children: [jsxRuntime.jsx(ContentTrailName, { active: active, children: !active ?
|
|
10638
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyTrailName, { children:
|
|
10655
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyTrailName, { children: nameTrail }), jsxRuntime.jsx(Select, { onClick: changeSelect, children: show === true ? jsxRuntime.jsx(VectorUp, {}) : jsxRuntime.jsx(VectorDown, {}) })] })
|
|
10639
10656
|
:
|
|
10640
|
-
jsxRuntime.
|
|
10641
|
-
|
|
10642
|
-
|
|
10643
|
-
|
|
10644
|
-
|
|
10645
|
-
|
|
10646
|
-
|
|
10657
|
+
jsxRuntime.jsxs(ContainerInputNameTrail, { children: [jsxRuntime.jsx("input", { placeholder: props.txtPlacerolderInputNameTrail ? props.txtPlacerolderInputNameTrail : 'Digite o nome da trilha', value: nameTrail, onChange: (e) => {
|
|
10658
|
+
setNameTrail(e.target.value);
|
|
10659
|
+
}, onKeyPress: (event) => {
|
|
10660
|
+
if (event.key === 'Enter') {
|
|
10661
|
+
if (nameTrail) {
|
|
10662
|
+
setActive(false);
|
|
10663
|
+
props.handleChangeTrailName(nameTrail);
|
|
10664
|
+
}
|
|
10647
10665
|
}
|
|
10648
|
-
}
|
|
10649
|
-
|
|
10650
|
-
|
|
10666
|
+
} }), jsxRuntime.jsx(Button$5, { handleClick: async () => {
|
|
10667
|
+
setActive(false);
|
|
10668
|
+
}, label: "Cancelar", variant: 'link' }), jsxRuntime.jsx(Button$5, { handleClick: async () => {
|
|
10669
|
+
setActive(false);
|
|
10670
|
+
props.handleChangeTrailName(nameTrail);
|
|
10671
|
+
}, label: "Salvar", variant: 'primary' })] }) }), props.showButtonActive &&
|
|
10672
|
+
jsxRuntime.jsxs(ContentActiveHeader, { children: [!active &&
|
|
10673
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [props.txtPrivateTrilha ? props.txtPrivateTrilha : 'Tornar a Trilha Pública', jsxRuntime.jsx(Switch__default["default"], { onChange: handleChangePrivate, checked: !props.private, height: 16, width: 40, checkedIcon: false, uncheckedIcon: false, handleDiameter: 24, onHandleColor: '#ffffff', offHandleColor: '#ffffff', onColor: '#FF4D0D', offColor: '#757575', activeBoxShadow: props.private ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575', boxShadow: props.private ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575' })] }), jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [props.txtAtivarTrilha ? props.txtAtivarTrilha : 'Ativar trilha', jsxRuntime.jsx(Switch__default["default"], { onChange: handleChange, checked: props.ativo, height: 16, width: 40, checkedIcon: false, uncheckedIcon: false, handleDiameter: 24, onHandleColor: '#ffffff', offHandleColor: '#ffffff', onColor: '#FF4D0D', offColor: '#757575', activeBoxShadow: props.ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575', boxShadow: props.ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575' })] })] }), jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [jsxRuntime.jsx(Button$5, { id: `btnPublish${props.id}`, handleMount: (element) => {
|
|
10651
10674
|
let el = document.getElementById(element);
|
|
10652
10675
|
setElementPopoverPublish(el ? el : null);
|
|
10653
10676
|
}, handleClick: async () => {
|
|
@@ -10676,7 +10699,7 @@ function ContentCoursesTrails(props) {
|
|
|
10676
10699
|
setTimeout(() => {
|
|
10677
10700
|
props.handlePopOverTrailDelete(props.id);
|
|
10678
10701
|
}, 500);
|
|
10679
|
-
}, icon: jsxRuntime.jsx(Trash, { fill: '#C00F00' }), noBorder: true, isFontBold: true, color: '#C00F00' })] }) }) })] }),
|
|
10702
|
+
}, icon: jsxRuntime.jsx(Trash, { fill: '#C00F00' }), noBorder: true, isFontBold: true, color: '#C00F00' })] }) }) })] }), show && props.children] }));
|
|
10680
10703
|
}
|
|
10681
10704
|
|
|
10682
10705
|
function ContentCourses(data) {
|
|
@@ -10690,12 +10713,12 @@ styleInject(css_248z$1);
|
|
|
10690
10713
|
function ModalLXP(props) {
|
|
10691
10714
|
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$1.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$1.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: style$1.titulo, children: props.title }), jsxRuntime.jsx("div", { className: style$1.container, children: props.children }), jsxRuntime.jsx("div", { className: style$1.conclusao, children: props.confirmationButton ?
|
|
10692
10715
|
props.cancelButton ?
|
|
10693
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$
|
|
10716
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$5, { variant: "link", label: props.confirmationButton, handleClick: () => {
|
|
10694
10717
|
props.handleConfirmation();
|
|
10695
10718
|
props.handleClose();
|
|
10696
|
-
} }), jsxRuntime.jsx("span", { style: { marginRight: 8, marginLeft: 8 }, children: props.language === 'en-US' ? 'or' : 'ou' }), jsxRuntime.jsx(Button$
|
|
10719
|
+
} }), jsxRuntime.jsx("span", { style: { marginRight: 8, marginLeft: 8 }, children: props.language === 'en-US' ? 'or' : 'ou' }), jsxRuntime.jsx(Button$5, { variant: 'primary', label: props.cancelButton, handleClick: props.handleClose })] })
|
|
10697
10720
|
:
|
|
10698
|
-
jsxRuntime.jsx(Button$
|
|
10721
|
+
jsxRuntime.jsx(Button$5, { variant: "primary", label: props.confirmationButton, handleClick: () => {
|
|
10699
10722
|
props.handleConfirmation();
|
|
10700
10723
|
props.handleClose();
|
|
10701
10724
|
} })
|
|
@@ -10813,10 +10836,10 @@ function AccordionTrack(props) {
|
|
|
10813
10836
|
}, txtPopOverEditContent: props.txtPopOverEditContent, txtPopOverMoveToTrails: props.txtPopOverMoveToTrails, txtPopOverDeleteContent: props.txtPopOverDeleteContent }) }));
|
|
10814
10837
|
}) }) }), provided.placeholder] }, `contentTrailsDrop${trailIndex}`));
|
|
10815
10838
|
} }, trailIndex + 2) }, `contentTrails${trailIndex}`) }));
|
|
10816
|
-
})] }), jsxRuntime.jsx(ModalLXP, { open: ModalDeleteConteudo, handleClose: () => { setModalDeleteConteudo(false); }, handleConfirmation: () => { props.handleDeleteCourse(IdDelete); }, title: "Você tem certeza?", style: { width: 600 }, confirmationButton: "Sim,
|
|
10839
|
+
})] }), jsxRuntime.jsx(ModalLXP, { open: ModalDeleteConteudo, handleClose: () => { setModalDeleteConteudo(false); }, handleConfirmation: () => { props.handleDeleteCourse(IdDelete); }, title: "Você tem certeza?", style: { width: 600 }, confirmationButton: "Sim, excluir", cancelButton: "Cancelar", children: jsxRuntime.jsx("div", { children: "Voc\u00EA realmente quer deletar este conte\u00FAdo? Voc\u00EA ir\u00E1 perder todas as atividades criadas." }) }), jsxRuntime.jsx(ModalLXP, { open: ModalDeleteTrilha, handleClose: () => { setModalDeleteTrilha(false); }, handleConfirmation: () => {
|
|
10817
10840
|
console.log("Passou aqui");
|
|
10818
10841
|
props.handlePopOverTrailDelete(IdDelete);
|
|
10819
|
-
}, title: "Você tem certeza?", style: { width: 600 }, confirmationButton: "Sim,
|
|
10842
|
+
}, title: "Você tem certeza?", style: { width: 600 }, confirmationButton: "Sim, excluir", cancelButton: "Cancelar", children: jsxRuntime.jsx("div", { children: "Voc\u00EA realmente quer deletar esta trilha?" }) }), jsxRuntime.jsx(ModalLXP, { open: ModalDeleteTrilhaConteudo, handleClose: () => { setModalDeleteTrilhaConteudo(false); }, handleConfirmation: () => { props.handleDeleteCourseTrail(IdDelete); }, title: "Você tem certeza?", style: { width: 600 }, confirmationButton: "Sim, excluir", cancelButton: "Cancelar", children: jsxRuntime.jsx("div", { children: "Voc\u00EA realmente quer remover o conte\u00FAdo desta trilha?" }) })] }));
|
|
10820
10843
|
}
|
|
10821
10844
|
|
|
10822
10845
|
function AccordionTrackList({ trailsData, courseData, handleChange, onNewTrail, handleEditCourse,
|
|
@@ -11305,33 +11328,34 @@ const ThumbnailHeaderImage = styled__default["default"].div `
|
|
|
11305
11328
|
`;
|
|
11306
11329
|
const CardThumbnailsHove = styled__default["default"].div `
|
|
11307
11330
|
cursor: pointer;
|
|
11308
|
-
width:
|
|
11309
|
-
height:
|
|
11331
|
+
width: 240px;
|
|
11332
|
+
height: 380px;
|
|
11310
11333
|
border-radius: 8px;
|
|
11311
11334
|
display: flex;
|
|
11312
11335
|
flex-direction: column;
|
|
11313
11336
|
`;
|
|
11314
11337
|
const ThumbnailImageHover = styled__default["default"].div `
|
|
11315
|
-
width:
|
|
11316
|
-
height:
|
|
11338
|
+
width: 240px;
|
|
11339
|
+
height: 140px;
|
|
11317
11340
|
background-image: url(${(props) => props.img});
|
|
11318
11341
|
background-repeat: no-repeat;
|
|
11319
11342
|
background-size: cover;
|
|
11320
|
-
background-position: center;
|
|
11343
|
+
background-position: center center;
|
|
11321
11344
|
border-radius: 8px 8px 0px 0px;
|
|
11322
11345
|
box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.15), 0px 35px 25px -20px rgba(34, 34, 34, 0.2);
|
|
11323
11346
|
`;
|
|
11324
11347
|
const DescriptionThumbnails = styled__default["default"].div `
|
|
11325
|
-
width:
|
|
11326
|
-
height:
|
|
11348
|
+
width: 240px;
|
|
11349
|
+
height: 250px;
|
|
11327
11350
|
background-color: #000;
|
|
11328
11351
|
border-radius: 0px 0px 8px 8px;
|
|
11329
11352
|
display: flex;
|
|
11330
11353
|
flex-direction: column;
|
|
11354
|
+
/* text-align: justify; */
|
|
11331
11355
|
margin-top: -1px;
|
|
11332
|
-
padding:
|
|
11356
|
+
padding: 12px;
|
|
11333
11357
|
|
|
11334
|
-
|
|
11358
|
+
.title {
|
|
11335
11359
|
font-family: ${({ theme }) => theme.fonts.textMessageComponentsCardTitle.fontFamily};
|
|
11336
11360
|
font-weight: ${({ theme }) => theme.fonts.textMessageComponentsCardTitle.fontWeight};
|
|
11337
11361
|
font-size: ${({ theme }) => theme.fonts.textMessageComponentsCardTitle.fontSize};
|
|
@@ -11340,17 +11364,40 @@ const DescriptionThumbnails = styled__default["default"].div `
|
|
|
11340
11364
|
white-space: normal;
|
|
11341
11365
|
color: ${({ theme }) => theme.colors.shadeWhite};
|
|
11342
11366
|
padding-bottom: 8px;
|
|
11367
|
+
width: 240px;
|
|
11343
11368
|
}
|
|
11344
11369
|
p {
|
|
11345
11370
|
color: ${({ theme }) => theme.colors.shadeWhite};
|
|
11346
11371
|
font-weight: ${({ theme }) => theme.fonts.textMessageComponentsBodyRegular.fontWeight};
|
|
11347
|
-
font-size:
|
|
11372
|
+
font-size: 13px;
|
|
11348
11373
|
line-height: 18px;
|
|
11349
|
-
padding-right: 16px;
|
|
11374
|
+
/* padding-right: 16px; */
|
|
11350
11375
|
word-break: break-word;
|
|
11351
11376
|
font-family: 'PT Sans';
|
|
11352
11377
|
font-family: ${({ theme }) => theme.fonts.textMessageComponentsBodyRegular.fontFamily};
|
|
11353
11378
|
white-space: normal;
|
|
11379
|
+
overflow: auto;
|
|
11380
|
+
}
|
|
11381
|
+
|
|
11382
|
+
p::-webkit-scrollbar {
|
|
11383
|
+
width: 10px;
|
|
11384
|
+
}
|
|
11385
|
+
|
|
11386
|
+
/* Track */
|
|
11387
|
+
p::-webkit-scrollbar-track {
|
|
11388
|
+
background: #88888860;
|
|
11389
|
+
border-radius: 10px;
|
|
11390
|
+
}
|
|
11391
|
+
|
|
11392
|
+
/* Handle */
|
|
11393
|
+
p::-webkit-scrollbar-thumb {
|
|
11394
|
+
background: #888;
|
|
11395
|
+
border-radius: 10px;
|
|
11396
|
+
}
|
|
11397
|
+
|
|
11398
|
+
/* Handle on hover */
|
|
11399
|
+
p::-webkit-scrollbar-thumb:hover {
|
|
11400
|
+
background: #555;
|
|
11354
11401
|
}
|
|
11355
11402
|
`;
|
|
11356
11403
|
styled__default["default"].div `
|
|
@@ -11396,7 +11443,7 @@ function ParticipantThumbnails(props) {
|
|
|
11396
11443
|
}, children: jsxRuntime.jsx(CardThumbnailsHove, { onMouseLeave: (event) => {
|
|
11397
11444
|
setAnchorEl(null);
|
|
11398
11445
|
setItemSelected(null);
|
|
11399
|
-
}, children: jsxRuntime.jsxs(CardThumbnailsHove, { theme: FRSTTheme, onClick: props.handleFunctionThumbnail, children: [jsxRuntime.jsx(ThumbnailImageHover, { img: props.imgThumbnails ? props.imgThumbnails : '/img/NoUploaded.png' }), jsxRuntime.jsxs(DescriptionThumbnails, { theme: FRSTTheme, children: [jsxRuntime.jsx("
|
|
11446
|
+
}, children: jsxRuntime.jsxs(CardThumbnailsHove, { theme: FRSTTheme, onClick: props.handleFunctionThumbnail, children: [jsxRuntime.jsx(ThumbnailImageHover, { img: props.imgThumbnails ? props.imgThumbnails : '/img/NoUploaded.png' }), jsxRuntime.jsxs(DescriptionThumbnails, { theme: FRSTTheme, children: [jsxRuntime.jsx("div", { className: 'title', children: props.titleThumbnail }), jsxRuntime.jsx("p", { children: props.descpThumbnail })] })] }) }) }), jsxRuntime.jsxs(CardThumbnails, { id: "teste", theme: FRSTTheme, onClick: props.handleFunctionThumbnail, onMouseOver: (event) => {
|
|
11400
11447
|
setAnchorEl(event.currentTarget);
|
|
11401
11448
|
setItemSelected(props);
|
|
11402
11449
|
props.handleFunctionThumbnail;
|
|
@@ -11404,7 +11451,7 @@ function ParticipantThumbnails(props) {
|
|
|
11404
11451
|
}
|
|
11405
11452
|
|
|
11406
11453
|
function handleThumbnails(listThumbnails, isVisibleControlsButtons) {
|
|
11407
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ScrollContainer, {
|
|
11454
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ScrollContainer, { stepMove: 600, isVisibleControlsButtons: isVisibleControlsButtons, sizeArrowButton: 80, marginsArrowButton: 1, horizontalMarginInternScroll: '0', marginTopArrrowButton: '-5rem', widthProtectClick: 200, className: 'scrollThumbnail', children: listThumbnails.map((item, index) => {
|
|
11408
11455
|
return (jsxRuntime.jsx(ParticipantThumbnails, { imgThumbnails: item.imgThumbnails, titleThumbnail: item.titleThumbnail, descpThumbnail: item.descpThumbnail, handleFunctionThumbnail: item.handleFunctionThumbnail }));
|
|
11409
11456
|
}) }) }));
|
|
11410
11457
|
}
|
|
@@ -12280,23 +12327,23 @@ function LateralMenu$1({ label, onClick, button, beginComponent, activeBeginIcon
|
|
|
12280
12327
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: subItems && subItems.length > 0 ?
|
|
12281
12328
|
jsxRuntime.jsxs(WrapperCompound, { isOpen: isActive, style: { ...style, maxHeight: isActive ? getSizeCompound() : '40px' }, children: [jsxRuntime.jsxs(WrapperItem, { active: isActive, onClick: (e) => setIsActive(!isActive), style: { ...style, margin: 0, padding: 0, justifyContent: 'space-between' }, children: [jsxRuntime.jsxs(WrapperItem, { style: { background: 'transparent', width: '100%' }, children: [beginComponent &&
|
|
12282
12329
|
jsxRuntime.jsx(WrapperComponent, { active: isActive, children: isActive ? activeBeginIcon ? activeBeginIcon : beginComponent : beginComponent }), jsxRuntime.jsx(WrapperMainLabel, { active: isActive, style: { marginLeft: beginComponent ? '8px' : '0px' }, children: label })] }), button && button?.label &&
|
|
12283
|
-
jsxRuntime.jsx(WrapperButton$1, { children: jsxRuntime.jsx(Button$
|
|
12330
|
+
jsxRuntime.jsx(WrapperButton$1, { children: jsxRuntime.jsx(Button$5, { label: button.label, handleClick: (e) => button.onClick(e), variant: button?.variant ? button.variant : 'primary' }) }), !hiddenIconDropArrow &&
|
|
12284
12331
|
jsxRuntime.jsx(WrapperIconDrop, { isOpen: isActive, children: jsxRuntime.jsx(DropdownIconLine, { fill: '#000' }) })] }), jsxRuntime.jsx(WrapperSubItems, { isOpen: isActive, children: subItems.map((item, index) => {
|
|
12285
12332
|
return jsxRuntime.jsx(SubItem, { onClick: () => item.onClick(item.id), children: item.label }, index);
|
|
12286
12333
|
}) })] })
|
|
12287
12334
|
:
|
|
12288
12335
|
jsxRuntime.jsxs(WrapperItem, { active: isActive, style: { ...style, margin: 0, padding: 0, justifyContent: 'space-between' }, children: [jsxRuntime.jsxs(WrapperItem, { style: { background: 'transparent', width: '100%' }, onClick: (e) => onClick(e), children: [beginComponent &&
|
|
12289
12336
|
jsxRuntime.jsx(WrapperComponent, { active: isActive, children: isActive ? activeBeginIcon ? activeBeginIcon : beginComponent : beginComponent }), jsxRuntime.jsx(WrapperMainLabel, { active: isActive, style: { marginLeft: beginComponent ? '8px' : '0px' }, children: label })] }), button && button?.label &&
|
|
12290
|
-
jsxRuntime.jsx(WrapperButton$1, { children: jsxRuntime.jsx(Button$
|
|
12337
|
+
jsxRuntime.jsx(WrapperButton$1, { children: jsxRuntime.jsx(Button$5, { label: button.label, handleClick: (e) => button.onClick(e), variant: button?.variant ? button.variant : 'primary' }) })] }) }));
|
|
12291
12338
|
}
|
|
12292
12339
|
|
|
12293
12340
|
function LateralMenu({ variant, hiddenButtonHeader, avatar, name, channel, button, listOptions, style }) {
|
|
12294
12341
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(WrapperCard$3, { style: { ...style }, children: [jsxRuntime.jsxs(WrapperHeader, { children: [jsxRuntime.jsx(Avatar, { src: avatar.src, alt: avatar.alt ? avatar.alt : 'Image profile avatar', size: avatar.size ? avatar.size : '80px' }), jsxRuntime.jsx(NameProfile, { children: name }), channel &&
|
|
12295
12342
|
jsxRuntime.jsx(Channel, { children: channel }), !hiddenButtonHeader &&
|
|
12296
12343
|
jsxRuntime.jsx(WrapperButton$2, { children: !channel ?
|
|
12297
|
-
jsxRuntime.jsx(Button$
|
|
12344
|
+
jsxRuntime.jsx(Button$5, { variant: 'primary', label: button.label, handleClick: (e) => button.onClick(e) })
|
|
12298
12345
|
:
|
|
12299
|
-
jsxRuntime.jsx(Button$
|
|
12346
|
+
jsxRuntime.jsx(Button$5, { variant: 'link', label: button.label, handleClick: (e) => button.onClick(e) }) }), jsxRuntime.jsx(HR, {})] }), listOptions && listOptions.length > 0 && listOptions.map((item, index) => {
|
|
12300
12347
|
return (jsxRuntime.jsx(LateralMenu$1, { label: item.label, button: item.button, beginComponent: item.beginComponent, activeBeginIcon: item.activeBeginIcon, hiddenIconDropArrow: item.hiddenIconDropArrow, onClick: (e) => item.onClick(e), selected: item.selected, subItems: item.subItems, style: { width: '100%' } }, index));
|
|
12301
12348
|
})] }) }));
|
|
12302
12349
|
}
|
|
@@ -12517,7 +12564,7 @@ const ItemFrstSocials = styled__default["default"].button `
|
|
|
12517
12564
|
|
|
12518
12565
|
function BannerSRG(props) {
|
|
12519
12566
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(ContainerTotal, { isExtendedVersion: props?.isExtendedVersion, bannerLarge: props?.bannerSRG?.large, bannerNormal: props?.bannerSRG?.normal, bannerResponsive: props?.bannerSRG?.responsive, style: { ...props.style }, children: [jsxRuntime.jsxs(ContainerBanner, { children: [jsxRuntime.jsxs(WrapperContent, { style: { maxHeight: '240px', height: '240px', display: 'flex', alignItems: 'flex-start', marginTop: '-100px' }, children: [props && props.social &&
|
|
12520
|
-
jsxRuntime.jsxs(FrstSocials, { children: [props.social.onClickSite && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickSite(), children: [" ", jsxRuntime.jsx(SiteIcon, {}), " "] }), props.social.onClickLinkedin && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickLinkedin(), children: [" ", jsxRuntime.jsx(LinkedinIcon, {}), " "] }), props.social.onClickInstagram && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickInstagram(), children: [" ", jsxRuntime.jsx(InstagramIcon, {}), " "] }), props.social.onClickYoutube && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickYoutube(), children: [" ", jsxRuntime.jsx(YoutubeIcon, {}), " "] }), props.social.onClickSpotify && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickSpotify(), children: [" ", jsxRuntime.jsx(SpotifyIcon, {}), " "] }), props.social.onClickPodCast && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickPodCast(), children: [" ", jsxRuntime.jsx(PodCastIcon, {}), " "] })] }), jsxRuntime.jsx(LateralMenu, { variant: 'primary', channel: '', name: props.lateralMenu.name, hiddenButtonHeader: true, avatar: props.lateralMenu.avatar, button: props.lateralMenu.button, listOptions: props.lateralMenu.listOptions })] }), jsxRuntime.jsx(WrapperContent, { children: jsxRuntime.jsx("img", { src: props.logoSRG }) }), jsxRuntime.jsxs(WrapperContentMain, { children: [jsxRuntime.jsx(TitleSRG, { children: props?.labels?.textTitle ? props?.labels?.textTitle : 'Space Race Game' }), jsxRuntime.jsx(DescriptionSRG, { children: props?.labels?.textDescription }), jsxRuntime.jsx(Button$
|
|
12567
|
+
jsxRuntime.jsxs(FrstSocials, { children: [props.social.onClickSite && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickSite(), children: [" ", jsxRuntime.jsx(SiteIcon, {}), " "] }), props.social.onClickLinkedin && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickLinkedin(), children: [" ", jsxRuntime.jsx(LinkedinIcon, {}), " "] }), props.social.onClickInstagram && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickInstagram(), children: [" ", jsxRuntime.jsx(InstagramIcon, {}), " "] }), props.social.onClickYoutube && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickYoutube(), children: [" ", jsxRuntime.jsx(YoutubeIcon, {}), " "] }), props.social.onClickSpotify && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickSpotify(), children: [" ", jsxRuntime.jsx(SpotifyIcon, {}), " "] }), props.social.onClickPodCast && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickPodCast(), children: [" ", jsxRuntime.jsx(PodCastIcon, {}), " "] })] }), jsxRuntime.jsx(LateralMenu, { variant: 'primary', channel: '', name: props.lateralMenu.name, hiddenButtonHeader: true, avatar: props.lateralMenu.avatar, button: props.lateralMenu.button, listOptions: props.lateralMenu.listOptions })] }), jsxRuntime.jsx(WrapperContent, { children: jsxRuntime.jsx("img", { src: props.logoSRG }) }), jsxRuntime.jsxs(WrapperContentMain, { children: [jsxRuntime.jsx(TitleSRG, { children: props?.labels?.textTitle ? props?.labels?.textTitle : 'Space Race Game' }), jsxRuntime.jsx(DescriptionSRG, { children: props?.labels?.textDescription }), jsxRuntime.jsx(Button$5, { variant: 'primary', label: props?.newProject?.label ? props.newProject?.label : 'Criar novo projeto', handleClick: () => props.newProject.action(), startIcon: jsxRuntime.jsx(AddIcon, { fill: '#FFFFFF' }) })] }), jsxRuntime.jsxs(WrapperContentHelper, { children: [jsxRuntime.jsxs(SpeechBubble, { children: [jsxRuntime.jsx(HelperText$1, { children: props.labels.textHelperDescription }), jsxRuntime.jsx(Button$5, { variant: 'link', label: props?.acessHere?.label ? props.acessHere.label : 'Acesse aqui', handleClick: () => props.acessHere.action(), style: { color: '#21bffc' } })] }), jsxRuntime.jsx("img", { src: props.avatarSRG })] }), jsxRuntime.jsx(WrapperContent, { children: jsxRuntime.jsx(Button$5, { variant: 'primary', label: props?.newProject?.label ? props.newProject?.label : 'Criar novo projeto', handleClick: () => props.newProject.action(), startIcon: jsxRuntime.jsx(AddIcon, { fill: '#FFFFFF' }) }) })] }), jsxRuntime.jsx(VersionExtended, { isExtendedVersion: props.isExtendedVersion, heightExtended: props.heightExtended })] }) }));
|
|
12521
12568
|
}
|
|
12522
12569
|
|
|
12523
12570
|
const achievementHeader = styled__default["default"].div `
|
|
@@ -12809,15 +12856,15 @@ function FeedInteraction(props) {
|
|
|
12809
12856
|
: null] })
|
|
12810
12857
|
: jsxRuntime.jsx(jsxRuntime.Fragment, { children: (props.textTotalView || props.qtdLikes || props.qtdComments) &&
|
|
12811
12858
|
jsxRuntime.jsxs(infoContentWithView, { children: [jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: '5px' }, children: [props.qtdLikes && jsxRuntime.jsxs(infoWithView, { children: [" ", jsxRuntime.jsx(ThumbsUpCovered, {}), " \u00A0", props.qtdLikes] }), props.qtdLikes && props.qtdComments && jsxRuntime.jsx("div", { children: "\u2022" }), props.qtdComments && jsxRuntime.jsxs(infoWithView, { children: [" ", props.qtdComments, " "] })] }), props.textTotalView && jsxRuntime.jsx(infoWithView, { style: { color: '#0645AD', fontWeight: 700, cursor: 'pointer' }, onClick: () => props.handleClickTextTotalViews(), children: props.textTotalView })] }) }), jsxRuntime.jsxs(buttonsContent, { children: [props.isLiked ?
|
|
12812
|
-
jsxRuntime.jsx(buttons, { children: jsxRuntime.jsx(Button$
|
|
12859
|
+
jsxRuntime.jsx(buttons, { children: jsxRuntime.jsx(Button$5, { startIcon: jsxRuntime.jsx(ThumbsUpIcon, { fill: 'currentColor' }), label: props.textDeslike, variant: 'link', handleClick: props.handleLikeClick }) })
|
|
12813
12860
|
:
|
|
12814
|
-
jsxRuntime.jsx(buttons, { children: jsxRuntime.jsx(Button$
|
|
12861
|
+
jsxRuntime.jsx(buttons, { children: jsxRuntime.jsx(Button$5, { startIcon: jsxRuntime.jsx(ThumbsUpIcon, { fill: 'currentColor' }), label: props.textLikes, variant: 'link', handleClick: props.handleLikeClick }) }), isVisibleComments &&
|
|
12815
12862
|
jsxRuntime.jsxs(buttons, { onClick: OnCommentsClick, style: { color: openComments && FRSTTheme['colors'].linkPressed }, children: [jsxRuntime.jsx(TalkIcon, { fill: 'currentColor' }), " ", props.textComments] }), jsxRuntime.jsxs(buttons, { onClick: OnReviewClick, style: { color: openReview && FRSTTheme['colors'].linkPressed }, children: [jsxRuntime.jsx(StarOutlined, { fill: 'currentColor' }), " ", props.textAvaluation] })] }), openReview &&
|
|
12816
12863
|
jsxRuntime.jsxs(reviewContainer, { children: [props.textAvaluationTitle, jsxRuntime.jsxs(reviewContent, { children: [props.isChallengeReview &&
|
|
12817
12864
|
jsxRuntime.jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column' }, children: [jsxRuntime.jsx(Rating, { isVisibleNumberRating: false, orientation: 'horizontal', qtdStars: 5, sizeStars: 20, marginStars: '3.5px', disabled: props.isDisabledAvaluation, rating: props.ratingImpacto, handleRating: props?.handleImpactoChange }), jsxRuntime.jsx("span", { children: props.textImpacto })] }), props.isChallengeReview &&
|
|
12818
12865
|
jsxRuntime.jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column', marginLeft: 24 }, children: [jsxRuntime.jsx(Rating, { isVisibleNumberRating: false, orientation: 'horizontal', qtdStars: 5, sizeStars: 20, marginStars: '3.5px', disabled: props.isDisabledAvaluation, rating: props.ratingRelevancia, handleRating: props?.handleRelevanciaChange }), jsxRuntime.jsx("span", { children: props.textRelevancia })] }), props.isPostReview &&
|
|
12819
12866
|
jsxRuntime.jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column' }, children: jsxRuntime.jsx(Rating, { isVisibleNumberRating: false, orientation: 'horizontal', qtdStars: 5, sizeStars: 20, marginStars: '3.5px', disabled: props.isDisabledAvaluation, rating: props.ratingPostReview, handleRating: props?.handlePostReviewChange }) })] })] }), openComments &&
|
|
12820
|
-
jsxRuntime.jsxs(commentsContainer, { children: [jsxRuntime.jsxs(inputComment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.userAvatar }), jsxRuntime.jsx(InputComment$1, { styles: { width: '100%', marginLeft: 8 }, IDInput: 'userComment', showCharacterCounter: false, className: 'userComment', hasEmoji: true, emojiWindowlanguage: 'pt', placeholder: props.userCommentPlaceholder ? props.userCommentPlaceholder : '', onChange: OnChangeComment, value: commentData }), jsxRuntime.jsx(submitButton, { style: { display: focusComment ? 'block' : 'none' }, children: jsxRuntime.jsx(Button$
|
|
12867
|
+
jsxRuntime.jsxs(commentsContainer, { children: [jsxRuntime.jsxs(inputComment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.userAvatar }), jsxRuntime.jsx(InputComment$1, { styles: { width: '100%', marginLeft: 8 }, IDInput: 'userComment', showCharacterCounter: false, className: 'userComment', hasEmoji: true, emojiWindowlanguage: 'pt', placeholder: props.userCommentPlaceholder ? props.userCommentPlaceholder : '', onChange: OnChangeComment, value: commentData }), jsxRuntime.jsx(submitButton, { style: { display: focusComment ? 'block' : 'none' }, children: jsxRuntime.jsx(Button$5, { variant: 'primary', label: props.textSaveCommentBtn, handleClick: HandleSaveComment }) })] }), props.isChallengeReview ?
|
|
12821
12868
|
stateLatestComment ?
|
|
12822
12869
|
jsxRuntime.jsxs(commentList, { children: [props.textLatestComment, jsxRuntime.jsxs(comment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: stateLatestComment.avatar }), jsxRuntime.jsx(CommentaryBox, { styles: { width: '100%', marginLeft: 8 }, name: stateLatestComment.name, date: stateLatestComment.date, position: stateLatestComment.position, value: stateLatestComment.value, className: stateLatestComment.className, onChange: stateLatestComment.onChange, actionLike: stateLatestComment.actionLike, textLiked: stateLatestComment.textLike, textUnliked: stateLatestComment.textDeslike, isLiked: stateLatestComment.isLiked, totalLikes: stateLatestComment.totalLikes, hasDropdown: stateLatestComment.hasDropdown, isAuthor: stateLatestComment.isAuthor, isMe: stateLatestComment.isMe, actionDeleteComment: stateLatestComment.actionDeleteComment, actionEditComment: stateLatestComment.actionEditComment, actionAnswer: stateLatestComment.actionAnswer, actionMakePrivate: stateLatestComment.actionMakePrivate, actionUpdateValue: stateLatestComment.actionUpdateValue, detectLinks: stateLatestComment.detectLinks, hasAnswer: stateLatestComment.hasAnswer, isPrivateAuthor: stateLatestComment.isPrivateAuthor, isPrivateMe: stateLatestComment.isPrivateMe, idTextComment: stateLatestComment.idTextComment, textAnswer: stateLatestComment.textAnswer, textCancelButton: stateLatestComment.textCancelButton, textDeleteComment: stateLatestComment.textDeleteComment, textEditComment: stateLatestComment.textEditComment, textEdited: stateLatestComment.textEdited, textMakePrivate: stateLatestComment.textMakePrivate, textMakePublic: stateLatestComment.textMakePublic, textPrivateComment: stateLatestComment.textPrivateComment, textSaveButton: stateLatestComment.textSaveButton, textSaveButtonMobile: stateLatestComment.textSaveButtonMobile, textYou: stateLatestComment.textYou, wasEdited: stateLatestComment.wasEdited })] })] })
|
|
12823
12870
|
: null
|
|
@@ -12902,7 +12949,7 @@ function BannerProblemFeed(props) {
|
|
|
12902
12949
|
jsxRuntime.jsx(Tag, { style: { color: '#000 !important' }, title: item, color: "#E4E1FF", selected: false, inverted: false }, index))) }), jsxRuntime.jsxs(lastUpdatedText, { children: [jsxRuntime.jsxs("span", { style: { fontWeight: 700 }, children: [props.lastUpdated, ":"] }), jsxRuntime.jsxs("span", { children: ["\u00A0", props.lastUpdatedStep] })] }), jsxRuntime.jsx("div", { style: { width: '100%', marginTop: 16, borderTop: `1px solid ${FRSTTheme['colors'].borderPrimary}` }, children: jsxRuntime.jsx(MissionSteps, { stepProblem: props.stepProblem, stepActive: props.stepActive, onSelected: (step) => {
|
|
12903
12950
|
props.onSelectedStep(step);
|
|
12904
12951
|
setSelectedStep(step);
|
|
12905
|
-
}, idioma: props.language }) }), jsxRuntime.jsx(RenderSteps, {}), jsxRuntime.jsx(Button$
|
|
12952
|
+
}, idioma: props.language }) }), jsxRuntime.jsx(RenderSteps, {}), jsxRuntime.jsx(Button$5, { label: props.textButton, variant: 'expandedPrimary', handleClick: props.onClickButton, startIcon: jsxRuntime.jsx(AddIcon, { fill: FRSTTheme['colors'].shadeWhite }) })] }), jsxRuntime.jsx(FeedInteraction, { isChallengeReview: true, id: props.id, isLiked: props.isLiked, qtdComments: props.qtdComments, qtdLikes: props.qtdLikes, textAvaluation: props.textAvaluation, textAvaluationTitle: props.textAvaluationTitle, isDisabledAvaluation: props.isDisabledAvaluation, textComments: props.textComments, textDeslike: props.textDeslike, textLikes: props.textLikes, latestComment: stateLatestComment, textLatestComment: props.textLatestComment, textImpacto: props.textImpacto, ratingImpacto: props.ratingImpacto, textRelevancia: props.textRelevancia, ratingRelevancia: props.ratingRelevancia, userCommentPlaceholder: props.userCommentPlaceholder, onCommentChange: props.onCommentChange, handleLikeClick: props.handleLikeClick, handleImpactoChange: props.handleImpactoChange, handleRelevanciaChange: props.handleRelevanciaChange, textSaveCommentBtn: props.textSaveCommentBtn, handleSaveCommentBtn: props.handleSaveCommentBtn, userAvatar: props.avatar, textTotalView: props.textTotalView, handleClickTextTotalViews: props.handleClickTextTotalViews })] }));
|
|
12906
12953
|
}
|
|
12907
12954
|
|
|
12908
12955
|
const ButtonSessionFilters = styled__default["default"].button `
|
|
@@ -13069,7 +13116,7 @@ const SrgLogo = styled__default["default"].div `
|
|
|
13069
13116
|
justify-content: center;
|
|
13070
13117
|
align-items: center;
|
|
13071
13118
|
`;
|
|
13072
|
-
const Button$
|
|
13119
|
+
const Button$3 = styled__default["default"].div `
|
|
13073
13120
|
display: flex;
|
|
13074
13121
|
justify-content: center;
|
|
13075
13122
|
align-items: center;
|
|
@@ -13077,7 +13124,7 @@ const Button$2 = styled__default["default"].div `
|
|
|
13077
13124
|
`;
|
|
13078
13125
|
|
|
13079
13126
|
function SmallSRGBanner(props) {
|
|
13080
|
-
return (jsxRuntime.jsx(Container$1, { style: { ...props.style }, onClick: props.handleClick, children: jsxRuntime.jsxs(mask, { children: [jsxRuntime.jsx(SrgLogo, { children: jsxRuntime.jsx("img", { src: 'https://i.gyazo.com/eb084ab35cbd9ad52b24148afba59950.png', alt: 'SRG Logo' }) }), jsxRuntime.jsx(Button$
|
|
13127
|
+
return (jsxRuntime.jsx(Container$1, { style: { ...props.style }, onClick: props.handleClick, children: jsxRuntime.jsxs(mask, { children: [jsxRuntime.jsx(SrgLogo, { children: jsxRuntime.jsx("img", { src: 'https://i.gyazo.com/eb084ab35cbd9ad52b24148afba59950.png', alt: 'SRG Logo' }) }), jsxRuntime.jsx(Button$3, { children: jsxRuntime.jsx(Button$5, { variant: 'primary', label: props.textButton, startIcon: jsxRuntime.jsx(AddIcon, { fill: '#FFF' }) }) })] }) }));
|
|
13081
13128
|
}
|
|
13082
13129
|
|
|
13083
13130
|
const Wrapper$3 = styled__default["default"].div `
|
|
@@ -13285,7 +13332,7 @@ function PostFeed(props) {
|
|
|
13285
13332
|
jsxRuntime.jsx("iframe", { src: `https://www.youtube.com/embed/${props.postVideoId}`, frameBorder: "0", allow: "autoplay; fullscreen; picture-in-picture", width: props.videoWidth ? props.videoWidth : '100%', height: props.videoHeight ? props.videoHeight : 430 }), props.videoSource == 'vimeo' &&
|
|
13286
13333
|
jsxRuntime.jsx("iframe", { src: `https://player.vimeo.com/video/${props.postVideoId}?autoplay=0`, width: props.videoWidth ? props.videoWidth : '100%', height: props.videoHeight ? props.videoHeight : 430, allow: "autoplay; fullscreen" })] })
|
|
13287
13334
|
: null, props.handlePostButtonClick ?
|
|
13288
|
-
jsxRuntime.jsx("div", { style: { marginTop: 32, width: '100%', paddingLeft: '24px', paddingRight: '24px' }, children: jsxRuntime.jsx(Button$
|
|
13335
|
+
jsxRuntime.jsx("div", { style: { marginTop: 32, width: '100%', paddingLeft: '24px', paddingRight: '24px' }, children: jsxRuntime.jsx(Button$5, { variant: 'expandedPrimary', label: props.textPostButton, handleClick: props.handlePostButtonClick }) })
|
|
13289
13336
|
: null] }), jsxRuntime.jsx(FeedInteraction, { hideComments: isVisibleComments, isPostReview: true, userAvatar: props.userAvatar, id: props.postId, isLiked: props.isPostLiked, qtdComments: props.qtdComments, qtdLikes: props.qtdLikes, textAvaluation: props.textAvaluation, textAvaluationTitle: props.textAvaluationTitle, textComments: props.textComments, textDeslike: props.textDeslike, textLikes: props.textLikes, commentList: props.commentList, userCommentPlaceholder: props.userCommentPlaceholder, textLoadMoreComments: props.textLoadMoreComments, textSaveCommentBtn: props.textSaveCommentBtn, ratingPostReview: props.ratingPostReview, handleLikeClick: props.handleLikeClick, handlePostReviewChange: props.handlePostReviewChange, handleSaveCommentBtn: props.handleSaveCommentBtn, onCommentChange: props.onCommentChange, isDisabledAvaluation: props.isDisabledAvaluation })] }) }));
|
|
13290
13337
|
}
|
|
13291
13338
|
function IconPin({ fill }) {
|
|
@@ -13695,8 +13742,9 @@ const infoThumbContent = styled__default["default"].div `
|
|
|
13695
13742
|
gap: 4px;
|
|
13696
13743
|
font-family: 'PT Sans';
|
|
13697
13744
|
word-wrap: break-word;
|
|
13745
|
+
background: ${(props) => props?.isSelected && '#F26818'};
|
|
13698
13746
|
span {
|
|
13699
|
-
color: ${(
|
|
13747
|
+
color: ${(props) => (props?.isSelected ? '#F8FAFC' : '#F26818')};
|
|
13700
13748
|
font-size: 16px;
|
|
13701
13749
|
font-weight: 700;
|
|
13702
13750
|
padding-top: ${(props) => (props.tagVisualized === 'notVisualized' ? '16px' : '0px')};
|
|
@@ -13724,13 +13772,13 @@ const tagThumbContent = styled__default["default"].div `
|
|
|
13724
13772
|
display: flex;
|
|
13725
13773
|
justify-content: center;
|
|
13726
13774
|
align-items: center;
|
|
13775
|
+
display: ${(props) => props?.isSelected && 'none'};
|
|
13727
13776
|
`;
|
|
13728
13777
|
const descriptionThumbContent = styled__default["default"].div `
|
|
13729
13778
|
font-size: 14px;
|
|
13730
13779
|
font-weight: 400;
|
|
13731
|
-
color: ${(
|
|
13780
|
+
color: ${(props) => (props?.isSelected ? '#F9FAFB' : '#222222')};
|
|
13732
13781
|
padding: 0px 16px 0px 16px;
|
|
13733
|
-
|
|
13734
13782
|
overflow: hidden;
|
|
13735
13783
|
text-overflow: ${(props) => (props.showText ? 'none' : 'ellipsis')};
|
|
13736
13784
|
display: ${(props) => (props.showText ? 'flex' : '-webkit-box')};
|
|
@@ -13745,7 +13793,7 @@ const viewMoreContent$1 = styled__default["default"].div `
|
|
|
13745
13793
|
user-select: none;
|
|
13746
13794
|
`;
|
|
13747
13795
|
const shadedThumb = styled__default["default"].div `
|
|
13748
|
-
position: relative;
|
|
13796
|
+
position: relative;
|
|
13749
13797
|
height: 100%;
|
|
13750
13798
|
:after {
|
|
13751
13799
|
position: absolute;
|
|
@@ -13763,7 +13811,7 @@ const shadedThumb = styled__default["default"].div `
|
|
|
13763
13811
|
`;
|
|
13764
13812
|
const ProgressAndImg = styled__default["default"].div `
|
|
13765
13813
|
padding: 0.3rem 0.5rem;
|
|
13766
|
-
z-index:
|
|
13814
|
+
z-index: 99;
|
|
13767
13815
|
position: absolute;
|
|
13768
13816
|
width: 100%;
|
|
13769
13817
|
`;
|
|
@@ -13773,7 +13821,7 @@ const ProgressIcon = styled__default["default"].div `
|
|
|
13773
13821
|
display: flex;
|
|
13774
13822
|
width: 100%;
|
|
13775
13823
|
flex-direction: column;
|
|
13776
|
-
z-index:
|
|
13824
|
+
z-index: 10;
|
|
13777
13825
|
padding-bottom: 0.3rem;
|
|
13778
13826
|
padding-left: 0.5rem;
|
|
13779
13827
|
padding-right: 0.5rem;
|
|
@@ -13789,10 +13837,15 @@ const IconAndProgress = styled__default["default"].div `
|
|
|
13789
13837
|
function ThumbListContent(props) {
|
|
13790
13838
|
const [showMore, setShowMore] = React.useState(false);
|
|
13791
13839
|
const [tagVisualized, setTagVisualized] = React.useState(props.valueProgress);
|
|
13840
|
+
const [isSelected, setIsSelected] = React.useState(props?.isSelected);
|
|
13792
13841
|
React.useEffect(() => {
|
|
13793
13842
|
setTagVisualized(props.valueProgress);
|
|
13794
13843
|
}, [props.valueProgress]);
|
|
13795
|
-
|
|
13844
|
+
React.useMemo(() => {
|
|
13845
|
+
if (props.isSelected)
|
|
13846
|
+
setIsSelected(props?.isSelected);
|
|
13847
|
+
}, [props.isSelected]);
|
|
13848
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: props.isLoading ? (jsxRuntime.jsxs(containerThumbContent, { style: { ...props.style }, children: [jsxRuntime.jsx(loadingImageThumb, {}), jsxRuntime.jsxs(loadingThumbContent, { children: [props.title && jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" })] })] })) : (jsxRuntime.jsxs(containerThumbContent, { style: { ...props.style }, children: [props.imageSrc ? (tagVisualized > 0 ? (jsxRuntime.jsx(shadedThumb, { children: jsxRuntime.jsx(imageThumbContent, { style: { backgroundImage: `url(${props.imageSrc})` }, onClick: props.onClickThumb, children: jsxRuntime.jsx(ProgressAndImg, { children: jsxRuntime.jsx(ProgressBar$1, { label: "", value: props.valueProgress }) }) }) })) : (jsxRuntime.jsx(imageThumbContent, { style: { backgroundImage: `url(${props.imageSrc})` }, onClick: props.onClickThumb }))) : tagVisualized > 0 ? (jsxRuntime.jsx(shadedThumb, { onClick: props.onClickThumb, children: jsxRuntime.jsxs(iconsThumbAndProgress, { children: [props.typeThumbContent === 'video' ? jsxRuntime.jsx(ThumbVideo, { width: "74", height: "74" }) : null, props.typeThumbContent === 'podcast' ? (jsxRuntime.jsx(IconAndProgress, { children: jsxRuntime.jsx(ThumbPodcast, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'question' ? jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) : null, props.typeThumbContent === 'textual' ? jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) : null, jsxRuntime.jsx(ProgressIcon, { children: jsxRuntime.jsx(ProgressBar$1, { label: "", value: props.valueProgress }) })] }) })) : (jsxRuntime.jsxs(iconsThumb, { onClick: props.onClickThumb, children: [props.typeThumbContent === 'video' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbVideo, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'podcast' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbPodcast, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'question' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'textual' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) })) : null] })), jsxRuntime.jsxs(infoThumbContent, { onClick: props.onClickThumb, tagVisualized: props.tagValue, isSelected: props?.isSelected, children: [props.tagValue !== 'notVisualized' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.tagValue === 'vizualized' ? (jsxRuntime.jsx(tagThumbContentContainer, { children: jsxRuntime.jsx(tagThumbContent, { tagVisualized: props.tagValue, isSelected: props?.isSelected, children: props.textProgressVisualized }) })) : null, props.tagValue === 'inProgress' ? (jsxRuntime.jsx(tagThumbContentContainer, { children: jsxRuntime.jsx(tagThumbContent, { tagVisualized: props.tagValue, isSelected: props?.isSelected, children: props.textProgressInProgress }) })) : null] })) : null, props.title ? jsxRuntime.jsx("span", { children: props.title }) : null, jsxRuntime.jsx(descriptionThumbContent, { showText: showMore, isSelected: props?.isSelected, children: props.description })] }), jsxRuntime.jsx(viewMoreContent$1, { children: jsxRuntime.jsx(Button$5, { variant: "link", label: showMore ? props.textViewLessButton : props.textViewMoreButton, handleClick: () => setShowMore(!showMore), style: { fontSize: 12, color: props?.isSelected ? '#E5E7EB' : '#444444' } }) })] })) }));
|
|
13796
13849
|
}
|
|
13797
13850
|
|
|
13798
13851
|
const containerList = styled__default["default"].div `
|
|
@@ -13864,7 +13917,7 @@ function ListSelector(props) {
|
|
|
13864
13917
|
jsxRuntime.jsxs(itemList, { children: [jsxRuntime.jsx("div", { onClick: () => handleSelect(item.id), children: selectedItens.includes(item.id) ? jsxRuntime.jsx(CheckboxChecked, {}) : jsxRuntime.jsx(CheckboxEmpty, {}) }), item.description] }, index)
|
|
13865
13918
|
: null);
|
|
13866
13919
|
}) }), props.minShowList < props.contentList.length ?
|
|
13867
|
-
jsxRuntime.jsx(viewMoreContent, { children: jsxRuntime.jsx(Button$
|
|
13920
|
+
jsxRuntime.jsx(viewMoreContent, { children: jsxRuntime.jsx(Button$5, { variant: 'link', label: showSize === props.minShowList ? props.textViewMore : props.textViewLess, handleClick: handleView }) })
|
|
13868
13921
|
: null] }) }));
|
|
13869
13922
|
}
|
|
13870
13923
|
|
|
@@ -14521,7 +14574,7 @@ const DataListItem = styled__default["default"].li `
|
|
|
14521
14574
|
font-weight: 400;
|
|
14522
14575
|
padding: 0px 10px;
|
|
14523
14576
|
`;
|
|
14524
|
-
const Button$
|
|
14577
|
+
const Button$2 = styled__default["default"].button `
|
|
14525
14578
|
background: transparent;
|
|
14526
14579
|
display: flex;
|
|
14527
14580
|
align-items: center;
|
|
@@ -14622,7 +14675,7 @@ function LearningCycleCard({ id, tag, name, favorite, labels, modulesList, handl
|
|
|
14622
14675
|
handleFavorite(!isFavorite);
|
|
14623
14676
|
} }));
|
|
14624
14677
|
};
|
|
14625
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(WrapperCard, { disabled: disabled, status: tag, style: { ...style }, children: [jsxRuntime.jsxs(TagArea, { children: [jsxRuntime.jsx(TagStatus, { disabled: disabled, children: tag }), jsxRuntime.jsxs(Actions, { children: [jsxRuntime.jsx(FavoriteStar, {}), jsxRuntime.jsx(CardMenu, { id: id, menuOptions: menuOptions })] })] }), jsxRuntime.jsx(CycleName, { children: name }), jsxRuntime.jsx(AccordionList, { disabled: disabled, children: jsxRuntime.jsxs(material.Accordion, { expanded: selectedItem === id && isAccordionOpen, onChange: () => handleSelectedItem(id), children: [jsxRuntime.jsx(material.AccordionSummary, { expandIcon: jsxRuntime.jsx(IconUp, {}), "aria-controls": "panel1bh-content", id: "panel1bh-header", children: jsxRuntime.jsxs(AccortionTitle, { children: [jsxRuntime.jsx("span", { children: handleQuantityGroups(modulesList?.length) }), " ", jsxRuntime.jsxs("span", { children: [" ", labels?.groupsLabel, " "] }), labels?.groupsQuantityDescription] }) }), !disabled && isAccordionOpen && jsxRuntime.jsx(material.Divider, { sx: { margin: '5px 10px 0px 10px' } }), jsxRuntime.jsx(material.AccordionDetails, { children: jsxRuntime.jsx(DataList, { children: modulesList?.map((item, index) => (jsxRuntime.jsx(DataListItem, { children: item.name }, index))) }) }), isAccordionOpen && jsxRuntime.jsx(material.Divider, { sx: { margin: '5px 10px 0px 10px' } }), jsxRuntime.jsx(Button$
|
|
14678
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(WrapperCard, { disabled: disabled, status: tag, style: { ...style }, children: [jsxRuntime.jsxs(TagArea, { children: [jsxRuntime.jsx(TagStatus, { disabled: disabled, children: tag }), jsxRuntime.jsxs(Actions, { children: [jsxRuntime.jsx(FavoriteStar, {}), jsxRuntime.jsx(CardMenu, { id: id, menuOptions: menuOptions })] })] }), jsxRuntime.jsx(CycleName, { children: name }), jsxRuntime.jsx(AccordionList, { disabled: disabled, children: jsxRuntime.jsxs(material.Accordion, { expanded: selectedItem === id && isAccordionOpen, onChange: () => handleSelectedItem(id), children: [jsxRuntime.jsx(material.AccordionSummary, { expandIcon: jsxRuntime.jsx(IconUp, {}), "aria-controls": "panel1bh-content", id: "panel1bh-header", children: jsxRuntime.jsxs(AccortionTitle, { children: [jsxRuntime.jsx("span", { children: handleQuantityGroups(modulesList?.length) }), " ", jsxRuntime.jsxs("span", { children: [" ", labels?.groupsLabel, " "] }), labels?.groupsQuantityDescription] }) }), !disabled && isAccordionOpen && jsxRuntime.jsx(material.Divider, { sx: { margin: '5px 10px 0px 10px' } }), jsxRuntime.jsx(material.AccordionDetails, { children: jsxRuntime.jsx(DataList, { children: modulesList?.map((item, index) => (jsxRuntime.jsx(DataListItem, { children: item.name }, index))) }) }), isAccordionOpen && jsxRuntime.jsx(material.Divider, { sx: { margin: '5px 10px 0px 10px' } }), jsxRuntime.jsx(Button$2, { onClick: () => handleClick(id), children: labels?.actionButton })] }) })] }) }));
|
|
14626
14679
|
}
|
|
14627
14680
|
|
|
14628
14681
|
const Div = styled__default["default"].div `
|
|
@@ -15218,7 +15271,7 @@ function InputComment({ placeholder, value, onChange, remain, limit, hasEmoji, s
|
|
|
15218
15271
|
}
|
|
15219
15272
|
}
|
|
15220
15273
|
|
|
15221
|
-
const Button = styled__default["default"].div `
|
|
15274
|
+
const Button$1 = styled__default["default"].div `
|
|
15222
15275
|
${({ variant, disabled, theme }) => {
|
|
15223
15276
|
let styleVariant = {
|
|
15224
15277
|
'primary': styled.css `
|
|
@@ -15269,7 +15322,7 @@ const Button = styled__default["default"].div `
|
|
|
15269
15322
|
`;
|
|
15270
15323
|
|
|
15271
15324
|
function MiniButton({ variant, label, disabled, onClick, styles }) {
|
|
15272
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: { ...FRSTTheme }, children: jsxRuntime.jsx(Button, { onClick: (e) => !disabled && onClick(e), disabled: disabled, variant: variant, style: { ...styles }, children: label }) }));
|
|
15325
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: { ...FRSTTheme }, children: jsxRuntime.jsx(Button$1, { onClick: (e) => !disabled && onClick(e), disabled: disabled, variant: variant, style: { ...styles }, children: label }) }));
|
|
15273
15326
|
}
|
|
15274
15327
|
|
|
15275
15328
|
const WrapperButton = styled__default["default"].div `
|
|
@@ -15324,7 +15377,7 @@ const Name = styled__default["default"].div `
|
|
|
15324
15377
|
font-family: 'PT Sans';
|
|
15325
15378
|
font-style: normal;
|
|
15326
15379
|
font-weight: 700;
|
|
15327
|
-
font-size: 16px;
|
|
15380
|
+
font-size: ${({ large }) => large ? '20px' : '16px'};
|
|
15328
15381
|
line-height: 110%;
|
|
15329
15382
|
|
|
15330
15383
|
color: ${({ theme }) => theme.colors.neutralsGrey1};
|
|
@@ -15333,7 +15386,7 @@ const Text = styled__default["default"].div `
|
|
|
15333
15386
|
font-family: 'PT Sans';
|
|
15334
15387
|
font-style: normal;
|
|
15335
15388
|
font-weight: 400;
|
|
15336
|
-
font-size: 12px;
|
|
15389
|
+
font-size: ${({ large }) => large ? '16px' : '12px'};
|
|
15337
15390
|
line-height: 16px;
|
|
15338
15391
|
|
|
15339
15392
|
color: ${({ theme }) => theme.colors.neutralsGrey3};
|
|
@@ -15344,8 +15397,8 @@ const WrapperText = styled__default["default"].div `
|
|
|
15344
15397
|
width: fit-content;
|
|
15345
15398
|
`;
|
|
15346
15399
|
|
|
15347
|
-
function HeaderUser({ avatar, name, text, onClick }) {
|
|
15348
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Wrapper$2, { onClick: () => onClick(), children: [jsxRuntime.jsx(Avatar, { size: '32px', src: avatar?.src, alt: avatar?.alt }), jsxRuntime.jsxs(WrapperText, { children: [jsxRuntime.jsx(Name, { children: name }), jsxRuntime.jsx(Text, { children: text })] })] }) }));
|
|
15400
|
+
function HeaderUser({ avatar, name, text, onClick, large }) {
|
|
15401
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Wrapper$2, { onClick: () => !!(onClick) ? onClick() : {}, children: [jsxRuntime.jsx(Avatar, { size: large ? '56px' : '32px', src: avatar?.src, alt: avatar?.alt }), jsxRuntime.jsxs(WrapperText, { style: { justifyContent: 'space-around' }, children: [jsxRuntime.jsx(Name, { large: large, children: name }), jsxRuntime.jsx(Text, { large: large, children: text })] })] }) }));
|
|
15349
15402
|
}
|
|
15350
15403
|
|
|
15351
15404
|
const InputWrapper = styled__default["default"].div `
|
|
@@ -15524,6 +15577,15 @@ const AlertManyChars = styled__default["default"].div `
|
|
|
15524
15577
|
color: #923534;
|
|
15525
15578
|
gap: 8px;
|
|
15526
15579
|
|
|
15580
|
+
`;
|
|
15581
|
+
const Or = styled__default["default"].div `
|
|
15582
|
+
margin-left: 8px;
|
|
15583
|
+
margin-right: 8px;
|
|
15584
|
+
color: #000;
|
|
15585
|
+
font-family: 'PT Sans';
|
|
15586
|
+
font-style: normal;
|
|
15587
|
+
font-weight: 400;
|
|
15588
|
+
font-size: 16px;
|
|
15527
15589
|
`;
|
|
15528
15590
|
|
|
15529
15591
|
function recalcRemain(string, limit) {
|
|
@@ -15556,14 +15618,16 @@ function InputCommentPostIt({ placeholder, avatar, value, onChange, limit, hasEm
|
|
|
15556
15618
|
const [isChangedInput, setIsChangedInput] = React.useState(false);
|
|
15557
15619
|
const [remain, setRemain] = React.useState(0);
|
|
15558
15620
|
React.useEffect(() => {
|
|
15559
|
-
|
|
15560
|
-
|
|
15561
|
-
|
|
15562
|
-
|
|
15563
|
-
|
|
15564
|
-
|
|
15565
|
-
|
|
15566
|
-
|
|
15621
|
+
if (stringValueTextArea) {
|
|
15622
|
+
resizeTextArea(refInput);
|
|
15623
|
+
onChange(stringValueTextArea);
|
|
15624
|
+
if (stringValueTextArea?.length > 0)
|
|
15625
|
+
setIsChangedInput(true);
|
|
15626
|
+
let newRemain = recalcRemain(stringValueTextArea, limit);
|
|
15627
|
+
setRemain(newRemain);
|
|
15628
|
+
setErrorManyChars(newRemain < 0);
|
|
15629
|
+
setIsAllowPublish(stringValueTextArea?.length > 0);
|
|
15630
|
+
}
|
|
15567
15631
|
}, [stringValueTextArea]);
|
|
15568
15632
|
React.useEffect(() => {
|
|
15569
15633
|
setStringValueTextArea(value);
|
|
@@ -15603,7 +15667,7 @@ function InputCommentPostIt({ placeholder, avatar, value, onChange, limit, hasEm
|
|
|
15603
15667
|
language: 'pt',
|
|
15604
15668
|
emojiSize: 20
|
|
15605
15669
|
}, styles: { width: '318px' } })] })] }), isErrorManyChars &&
|
|
15606
|
-
jsxRuntime.jsxs(AlertManyChars, { children: [jsxRuntime.jsx(AlertCicle, { fill: '#923534' }), labels?.errorManyChars] }), isActiveEdit && jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(WrapperBtn, { children: [jsxRuntime.jsx(MiniButton, { label: labels?.cancel, variant: 'secondary', onClick: (e) => onClickCancelIntern(), disabled: false }), jsxRuntime.jsx(
|
|
15670
|
+
jsxRuntime.jsxs(AlertManyChars, { children: [jsxRuntime.jsx(AlertCicle, { fill: '#923534' }), labels?.errorManyChars] }), isActiveEdit && jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(WrapperBtn, { children: [jsxRuntime.jsx(MiniButton, { label: labels?.cancel, variant: 'secondary', onClick: (e) => onClickCancelIntern(), disabled: false }), jsxRuntime.jsx(Or, { children: labels?.or }), jsxRuntime.jsx(MiniButton, { label: stringValueTextArea?.length > 0 ? labels?.save : labels?.publish, variant: 'primary', onClick: () => {
|
|
15607
15671
|
if (stringValueTextArea?.length > 0 && !isErrorManyChars)
|
|
15608
15672
|
onClickPublish(stringValueTextArea);
|
|
15609
15673
|
}, disabled: !(stringValueTextArea?.length > 0) || isErrorManyChars })] }) })] }) }));
|
|
@@ -15671,7 +15735,7 @@ function HeaderImprovementIdea({ user, like, menuMore, styles }) {
|
|
|
15671
15735
|
setLikeState(like);
|
|
15672
15736
|
setMenuMoreState(menuMore);
|
|
15673
15737
|
}, [user, like, menuMore]);
|
|
15674
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Wrapper$1, { style: { ...styles }, children: [jsxRuntime.jsx(HeaderUser, { avatar: user?.avatar, name: user?.name, text: user?.text }), jsxRuntime.jsxs(WrapperActions, { children: [jsxRuntime.jsx(CounterLike, { total: like?.total, onClick: () => like?.onClick() }), menuMore && menuMore?.length > 0 &&
|
|
15738
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Wrapper$1, { style: { ...styles }, children: [jsxRuntime.jsx(HeaderUser, { avatar: user?.avatar, name: user?.name, text: user?.text, onClick: user?.onClick }), jsxRuntime.jsxs(WrapperActions, { children: [jsxRuntime.jsx(CounterLike, { total: like?.total, onClick: () => like?.onClick() }), menuMore && menuMore?.length > 0 &&
|
|
15675
15739
|
jsxRuntime.jsx(MenuMore, { options: menuMore })] })] }) }));
|
|
15676
15740
|
}
|
|
15677
15741
|
|
|
@@ -15710,7 +15774,7 @@ function ShowMore({ labels, disabled, isOpen, total, onClick }) {
|
|
|
15710
15774
|
}
|
|
15711
15775
|
|
|
15712
15776
|
const ContainerComentario = styled__default["default"].div `
|
|
15713
|
-
width:
|
|
15777
|
+
width: 100%;
|
|
15714
15778
|
box-sizing: border-box;
|
|
15715
15779
|
display: flex;
|
|
15716
15780
|
flex-direction: column;
|
|
@@ -15837,15 +15901,12 @@ function IcrementarIdeia(props) {
|
|
|
15837
15901
|
const [activeComentario, setActiveComentario] = React.useState(false);
|
|
15838
15902
|
const [textCount, setTextCount] = React.useState(0);
|
|
15839
15903
|
const [isError, setIsError] = React.useState(false);
|
|
15840
|
-
// const [value, setValue] = useState('')
|
|
15841
15904
|
const textAreaRef = React.useRef(null);
|
|
15842
15905
|
const [isOpenPicker, setIsOpenPicker] = React.useState();
|
|
15843
|
-
// const refInput = useRef(null)
|
|
15844
15906
|
const [stringValueTextArea, setStringValueTextArea] = React.useState('');
|
|
15845
15907
|
useAutosizeTextArea(textAreaRef.current, stringValueTextArea);
|
|
15846
15908
|
const [listaTexto, setListaTexto] = React.useState('');
|
|
15847
15909
|
React.useEffect(() => {
|
|
15848
|
-
console.log('lista para contar ', listaTexto);
|
|
15849
15910
|
const txList = listaTexto.split('');
|
|
15850
15911
|
setTextCount(txList.length);
|
|
15851
15912
|
if (props.limitTexto) {
|
|
@@ -15863,6 +15924,9 @@ function IcrementarIdeia(props) {
|
|
|
15863
15924
|
setIsError(false);
|
|
15864
15925
|
}
|
|
15865
15926
|
}, [stringValueTextArea, listaTexto]);
|
|
15927
|
+
React.useEffect(() => {
|
|
15928
|
+
props.onChange(stringValueTextArea);
|
|
15929
|
+
}, [stringValueTextArea]);
|
|
15866
15930
|
const handleChange = (evt) => {
|
|
15867
15931
|
const texto = evt.target?.value;
|
|
15868
15932
|
setStringValueTextArea(texto);
|
|
@@ -15870,7 +15934,7 @@ function IcrementarIdeia(props) {
|
|
|
15870
15934
|
};
|
|
15871
15935
|
function onEmojiClick(emojiObject) {
|
|
15872
15936
|
const valueTextarea = document.getElementById('txtTextArea').innerHTML;
|
|
15873
|
-
if (!valueTextarea || valueTextarea?.length < props.
|
|
15937
|
+
if (!valueTextarea || valueTextarea?.length < props.limitTexto) {
|
|
15874
15938
|
let lastPositionStart = textAreaRef.current.selectionStart;
|
|
15875
15939
|
let lastPositionEnd = textAreaRef.current.selectionEnd;
|
|
15876
15940
|
let newStringWithEmoji = handleStringToIncluedEmoji([lastPositionStart, lastPositionEnd], emojiObject.native, valueTextarea);
|
|
@@ -15879,7 +15943,7 @@ function IcrementarIdeia(props) {
|
|
|
15879
15943
|
repositionCursorAfterNewEmojiInTextArea([lastPositionStart, lastPositionEnd], emojiObject?.native?.length);
|
|
15880
15944
|
}
|
|
15881
15945
|
}
|
|
15882
|
-
return (jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [jsxRuntime.jsxs(ContainerComentario, { onClick: () => setActiveComentario(true), activeComentario: activeComentario, error: isError, children: [jsxRuntime.jsxs(imagemAndIput, { activeComentario: activeComentario, children: [jsxRuntime.jsx(imagemComentario, { activeComentario: activeComentario, children: jsxRuntime.jsx(Avatar, { src: props.imgComentario, size: '34px' }) }), jsxRuntime.jsx(IpuntComentario, { onClick: () => setActiveComentario(true), activeComentario: activeComentario, cols: 30, rows: 5, error: isError, id: "txtTextArea", ref: textAreaRef, value: stringValueTextArea, onChange: handleChange, placeholder: props.user === 'user' ? props.textPlaceholderAluno : props.textPlaceholderGestor })] }), activeComentario && (jsxRuntime.jsxs(containerCountAndEmojis, { children: [jsxRuntime.jsxs(valueCount, { children: [textCount, "/", props.limitTexto ? props.limitTexto : 350] }), jsxRuntime.jsx(valueEmoji, { children: props.hasEmoji && (jsxRuntime.jsx(EmojiPicker, { isOpenPicker: isOpenPicker, setIsOpenPicker: setIsOpenPicker, onEmojiSelect: (emoji) => onEmojiClick(emoji), configPicker: {
|
|
15946
|
+
return (jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [jsxRuntime.jsxs(ContainerComentario, { onClick: () => setActiveComentario(true), activeComentario: activeComentario, error: isError, style: { ...props?.styles }, children: [jsxRuntime.jsxs(imagemAndIput, { activeComentario: activeComentario, children: [jsxRuntime.jsx(imagemComentario, { activeComentario: activeComentario, children: jsxRuntime.jsx(Avatar, { src: props.imgComentario, size: '34px' }) }), jsxRuntime.jsx(IpuntComentario, { onClick: () => setActiveComentario(true), activeComentario: activeComentario, cols: 30, rows: 5, error: isError, id: "txtTextArea", ref: textAreaRef, value: stringValueTextArea, onChange: handleChange, placeholder: props.user === 'user' ? props.textPlaceholderAluno : props.textPlaceholderGestor })] }), activeComentario && (jsxRuntime.jsxs(containerCountAndEmojis, { children: [jsxRuntime.jsxs(valueCount, { children: [textCount, "/", props.limitTexto ? props.limitTexto : 350] }), jsxRuntime.jsx(valueEmoji, { children: props.hasEmoji && (jsxRuntime.jsx(EmojiPicker, { isOpenPicker: isOpenPicker, setIsOpenPicker: setIsOpenPicker, onEmojiSelect: (emoji) => onEmojiClick(emoji), configPicker: {
|
|
15883
15947
|
title: 'FRST FALCONI',
|
|
15884
15948
|
perLine: 10,
|
|
15885
15949
|
sheetSize: 8,
|
|
@@ -15942,11 +16006,70 @@ const WrapperValue = styled__default["default"].div `
|
|
|
15942
16006
|
|
|
15943
16007
|
function CommentPost({ user, like, menuMore, valueComment, onChangeValueComment, isActiveEdit, inputEdit, styles }) {
|
|
15944
16008
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx(Wrapper, { style: { ...styles }, children: isActiveEdit ?
|
|
15945
|
-
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(InputCommentPostIt, { value: valueComment, avatar: user?.avatar, onChange: (e) =>
|
|
16009
|
+
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(InputCommentPostIt, { value: valueComment, avatar: user?.avatar, onChange: (e) => onChangeValueComment(e), placeholder: inputEdit?.placeholder, limit: inputEdit?.limit, hasEmoji: inputEdit?.hasEmoji, onClickPublish: (e) => inputEdit?.onClickPublish(e), onClickCancel: () => inputEdit?.onClickCancel(), labels: inputEdit?.labels }) })
|
|
15946
16010
|
:
|
|
15947
16011
|
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(HeaderImprovementIdea, { user: user, like: like, menuMore: menuMore }), jsxRuntime.jsx(WrapperValue, { children: valueComment })] }) }) }));
|
|
15948
16012
|
}
|
|
15949
16013
|
|
|
16014
|
+
const Button = styled__default["default"].div `
|
|
16015
|
+
font-family: 'PT Sans';
|
|
16016
|
+
font-style: normal;
|
|
16017
|
+
font-weight: 700;
|
|
16018
|
+
font-size: 16px;
|
|
16019
|
+
width: fit-content;
|
|
16020
|
+
color: ${({ theme, disabled }) => disabled ? theme.colors.borderPrimary : theme.colors.neutralsGrey2};
|
|
16021
|
+
cursor: pointer;
|
|
16022
|
+
user-select:none;
|
|
16023
|
+
gap: 9px;
|
|
16024
|
+
white-space: nowrap;
|
|
16025
|
+
svg {
|
|
16026
|
+
path {
|
|
16027
|
+
stroke: ${({ theme, disabled }) => disabled ? theme.colors.borderPrimary : theme.colors.neutralsGrey2};
|
|
16028
|
+
}
|
|
16029
|
+
}
|
|
16030
|
+
|
|
16031
|
+
&:hover {
|
|
16032
|
+
color: ${({ theme, disabled }) => disabled ? theme.colors.borderPrimary : theme.colors.messageError1};
|
|
16033
|
+
svg {
|
|
16034
|
+
path {
|
|
16035
|
+
stroke: ${({ theme, disabled }) => disabled ? theme.colors.borderPrimary : theme.colors.messageError1};
|
|
16036
|
+
}
|
|
16037
|
+
}
|
|
16038
|
+
}
|
|
16039
|
+
&:active {
|
|
16040
|
+
color: ${({ theme, disabled }) => disabled ? theme.colors.borderPrimary : theme.colors.secondary5};
|
|
16041
|
+
text-decoration: underline;
|
|
16042
|
+
svg {
|
|
16043
|
+
path {
|
|
16044
|
+
stroke: ${({ theme, disabled }) => disabled ? theme.colors.borderPrimary : theme.colors.secondary5};
|
|
16045
|
+
}
|
|
16046
|
+
}
|
|
16047
|
+
}
|
|
16048
|
+
display: flex;
|
|
16049
|
+
align-items: center;
|
|
16050
|
+
`;
|
|
16051
|
+
const Label = styled__default["default"].div `
|
|
16052
|
+
width: ${({ active }) => active ? '100%' : '0px'};
|
|
16053
|
+
overflow: hidden;
|
|
16054
|
+
white-space: nowrap;
|
|
16055
|
+
transition: width 0.5s ease-in-out;
|
|
16056
|
+
`;
|
|
16057
|
+
|
|
16058
|
+
function ExpandButton({ label, disabled, onClick, styles, startIcon }) {
|
|
16059
|
+
const [actionArea, setActionArea] = React.useState(false);
|
|
16060
|
+
const [timeoutId, setTimeoutId] = React.useState(null);
|
|
16061
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: { ...FRSTTheme }, children: jsxRuntime.jsxs(Button, { onClick: (e) => !disabled && onClick(e), disabled: disabled, style: { ...styles }, onMouseOut: () => {
|
|
16062
|
+
clearTimeout(timeoutId); // Cancela o timeout anterior
|
|
16063
|
+
const newTimeoutId = setTimeout(() => {
|
|
16064
|
+
setActionArea(false);
|
|
16065
|
+
}, 5000);
|
|
16066
|
+
setTimeoutId(newTimeoutId); // Armazena o ID do novo timeout
|
|
16067
|
+
}, onMouseOver: () => {
|
|
16068
|
+
clearTimeout(timeoutId); // Cancela o timeout anterior
|
|
16069
|
+
setActionArea(true);
|
|
16070
|
+
}, children: [jsxRuntime.jsx("div", { style: { width: '20px' }, children: startIcon }), jsxRuntime.jsx(Label, { active: actionArea, children: label })] }) }));
|
|
16071
|
+
}
|
|
16072
|
+
|
|
15950
16073
|
exports.AccordionTrackList = AccordionTrackList;
|
|
15951
16074
|
exports.AddIcon = AddIcon;
|
|
15952
16075
|
exports.AlertCicle = AlertCicle;
|
|
@@ -15960,7 +16083,7 @@ exports.BannerProblemFeed = BannerProblemFeed;
|
|
|
15960
16083
|
exports.BannerSRG = BannerSRG;
|
|
15961
16084
|
exports.BaseCard = EmptyCard;
|
|
15962
16085
|
exports.Books = Books;
|
|
15963
|
-
exports.Button = Button$
|
|
16086
|
+
exports.Button = Button$5;
|
|
15964
16087
|
exports.ButtonContent = ButtonContent;
|
|
15965
16088
|
exports.ButtonGroup = ButtonGroup;
|
|
15966
16089
|
exports.CalendarCard = CalendarCard;
|
|
@@ -15992,9 +16115,11 @@ exports.CounterLike = CounterLike;
|
|
|
15992
16115
|
exports.DateRangePicker = StepLearningCycle;
|
|
15993
16116
|
exports.Diamond = Diamond;
|
|
15994
16117
|
exports.DoubleCheck = DoubleCheck;
|
|
16118
|
+
exports.EditIcon = EditIcon;
|
|
15995
16119
|
exports.EmojiPicker = EmojiPicker;
|
|
15996
16120
|
exports.ExclusiveClassCard = ExclusiveClassCard;
|
|
15997
16121
|
exports.ExitArrow = ExitArrow;
|
|
16122
|
+
exports.ExpandButton = ExpandButton;
|
|
15998
16123
|
exports.ExtraContent = ExtraContent;
|
|
15999
16124
|
exports.EyeOff = EyeOff;
|
|
16000
16125
|
exports.Favorite = Favorite;
|