frst-components 0.20.3 → 0.20.7
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 +7 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +809 -91
- package/dist/src/components/DS/select/styles/StylesSelect.d.ts.map +1 -1
- package/dist/src/components/FI/IncrementarIdeia/icrementarIdeiaStyles.d.ts +14 -0
- package/dist/src/components/FI/IncrementarIdeia/icrementarIdeiaStyles.d.ts.map +1 -0
- package/dist/src/components/FI/IncrementarIdeia/index.d.ts +16 -0
- package/dist/src/components/FI/IncrementarIdeia/index.d.ts.map +1 -0
- package/dist/src/components/FI/IncrementarIdeia/useAutosizeTextArea.d.ts +3 -0
- package/dist/src/components/FI/IncrementarIdeia/useAutosizeTextArea.d.ts.map +1 -0
- package/dist/src/components/FI/inputCommentPost-it/index.d.ts +5 -0
- package/dist/src/components/FI/inputCommentPost-it/index.d.ts.map +1 -0
- package/dist/src/components/FI/inputCommentPost-it/inputCommentPost-It.utils.d.ts +2 -0
- package/dist/src/components/FI/inputCommentPost-it/inputCommentPost-It.utils.d.ts.map +1 -0
- package/dist/src/components/FI/inputCommentPost-it/inputCommentPost-ItStyles.d.ts +30 -0
- package/dist/src/components/FI/inputCommentPost-it/inputCommentPost-ItStyles.d.ts.map +1 -0
- 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/LXP/extraContent/richTextEditor/components.d.ts.map +1 -1
- package/dist/src/components/LXP/extraContent/richTextEditor/index.d.ts.map +1 -1
- package/dist/src/components/LXP/thumbnails/thumbnails.d.ts.map +1 -1
- package/dist/src/components/cardLT/MessageBox/icons/errorIcon.d.ts.map +1 -1
- package/dist/src/components/cardLT/MessageBox/icons/successIcon.d.ts.map +1 -1
- package/dist/src/components/cardLT/MessageBox/icons/warningIcon.d.ts.map +1 -1
- package/dist/src/components/counter-like/counterLikeStyles.d.ts +8 -0
- package/dist/src/components/counter-like/counterLikeStyles.d.ts.map +1 -0
- package/dist/src/components/counter-like/index.d.ts +5 -0
- package/dist/src/components/counter-like/index.d.ts.map +1 -0
- package/dist/src/components/emoji-picker/index.d.ts +2 -1
- package/dist/src/components/emoji-picker/index.d.ts.map +1 -1
- package/dist/src/components/global-menu/components/customMenu/index.d.ts.map +1 -1
- package/dist/src/components/header-improvement-idea/headerImprovementIdeaStyles.d.ts +3 -0
- package/dist/src/components/header-improvement-idea/headerImprovementIdeaStyles.d.ts.map +1 -0
- package/dist/src/components/header-improvement-idea/index.d.ts +5 -0
- package/dist/src/components/header-improvement-idea/index.d.ts.map +1 -0
- package/dist/src/components/header-user/headerUserStyles.d.ts +5 -0
- package/dist/src/components/header-user/headerUserStyles.d.ts.map +1 -0
- package/dist/src/components/header-user/index.d.ts +5 -0
- package/dist/src/components/header-user/index.d.ts.map +1 -0
- package/dist/src/components/input-comment-v2/index.d.ts.map +1 -1
- package/dist/src/components/mini-button/index.d.ts +5 -0
- package/dist/src/components/mini-button/index.d.ts.map +1 -0
- package/dist/src/components/mini-button/miniButtonStyle.d.ts +7 -0
- package/dist/src/components/mini-button/miniButtonStyle.d.ts.map +1 -0
- package/dist/src/components/show-more/index.d.ts +5 -0
- package/dist/src/components/show-more/index.d.ts.map +1 -0
- package/dist/src/components/show-more/showMoreStyles.d.ts +7 -0
- package/dist/src/components/show-more/showMoreStyles.d.ts.map +1 -0
- package/dist/src/shared/icons.d.ts +4 -0
- package/dist/src/shared/icons.d.ts.map +1 -1
- package/package.json +1 -1
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$6 = 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');
|
|
@@ -41,8 +41,8 @@ var slateHistory = require('slate-history');
|
|
|
41
41
|
require('react-dom');
|
|
42
42
|
var css = require('@emotion/css');
|
|
43
43
|
var iconsMaterial = require('@mui/icons-material');
|
|
44
|
-
var Tooltip$3 = require('@mui/material/Tooltip');
|
|
45
44
|
var Switch = require('react-switch');
|
|
45
|
+
var Tooltip$3 = require('@mui/material/Tooltip');
|
|
46
46
|
var core = require('@material-ui/core');
|
|
47
47
|
var moment = require('moment');
|
|
48
48
|
var _ = require('@mui/material/');
|
|
@@ -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$6);
|
|
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);
|
|
@@ -110,8 +110,8 @@ var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography$4);
|
|
|
110
110
|
var Avatar__default = /*#__PURE__*/_interopDefaultLegacy(Avatar$1);
|
|
111
111
|
var Markdown__default = /*#__PURE__*/_interopDefaultLegacy(Markdown);
|
|
112
112
|
var isHotkey__default = /*#__PURE__*/_interopDefaultLegacy(isHotkey);
|
|
113
|
-
var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip$3);
|
|
114
113
|
var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
|
|
114
|
+
var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip$3);
|
|
115
115
|
var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
116
116
|
var Slider__default = /*#__PURE__*/_interopDefaultLegacy(Slider);
|
|
117
117
|
var IconButton__default = /*#__PURE__*/_interopDefaultLegacy(IconButton);
|
|
@@ -188,7 +188,7 @@ function WithoutTrail({ fill, width, height }) {
|
|
|
188
188
|
return (jsxRuntime.jsx("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.jsx("path", { d: "M14.2607 1.73828C12.6084 0.0859375 9.93457 0.0859375 8.28418 1.73828L6.3916 3.63086L7.3877 4.62695L9.28027 2.73438C10.3311 1.68359 12.1045 1.57227 13.2646 2.73438C14.4268 3.89648 14.3154 5.66797 13.2646 6.71875L11.3721 8.61133L12.3701 9.60938L14.2627 7.7168C15.9111 6.06445 15.9111 3.39062 14.2607 1.73828ZM6.71973 13.2656C5.66895 14.3164 3.89551 14.4277 2.73535 13.2656C1.57324 12.1035 1.68457 10.332 2.73535 9.28125L4.62793 7.38867L3.62988 6.39063L1.7373 8.2832C0.0849609 9.93555 0.0849609 12.6094 1.7373 14.2598C3.38965 15.9102 6.06348 15.9121 7.71387 14.2598L9.60645 12.3672L8.61035 11.3711L6.71973 13.2656ZM3.08301 2.08984C3.05364 2.06077 3.01398 2.04445 2.97266 2.04445C2.93133 2.04445 2.89167 2.06077 2.8623 2.08984L2.08887 2.86328C2.05979 2.89265 2.04348 2.93231 2.04348 2.97363C2.04348 3.01496 2.05979 3.05462 2.08887 3.08398L12.917 13.9121C12.9775 13.9727 13.0771 13.9727 13.1377 13.9121L13.9111 13.1387C13.9717 13.0781 13.9717 12.9785 13.9111 12.918L3.08301 2.08984Z", fill: fill ? fill : '#222222' }) }));
|
|
189
189
|
}
|
|
190
190
|
function MoreDotsVertical({ fill, width, height }) {
|
|
191
|
-
return (jsxRuntime.jsxs("svg", { width: width ? width : '24', height: height ? height : '24', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12Z", stroke:
|
|
191
|
+
return (jsxRuntime.jsxs("svg", { width: width ? width : '24', height: height ? height : '24', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12Z", stroke: fill ? fill : 'black', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6C12.5523 6 13 5.55228 13 5Z", stroke: fill ? fill : 'black', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z", stroke: fill ? fill : 'black', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
192
192
|
}
|
|
193
193
|
function MoreDotsHorizontal({ fill, width, height }) {
|
|
194
194
|
return (jsxRuntime.jsxs("svg", { width: width ? width : '20', height: height ? height : '4', viewBox: "0 0 20 4", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M2 3C2.55228 3 3 2.55228 3 2C3 1.44772 2.55228 1 2 1C1.44772 1 1 1.44772 1 2C1 2.55228 1.44772 3 2 3Z", stroke: fill ?? '#FFF', strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M10 3C10.5523 3 11 2.55228 11 2C11 1.44772 10.5523 1 10 1C9.44772 1 9 1.44772 9 2C9 2.55228 9.44772 3 10 3Z", stroke: fill ?? '#FFF', strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M18 3C18.5523 3 19 2.55228 19 2C19 1.44772 18.5523 1 18 1C17.4477 1 17 1.44772 17 2C17 2.55228 17.4477 3 18 3Z", stroke: fill ?? '#FFF', strokeWidth: "2" })] }));
|
|
@@ -478,8 +478,20 @@ function CheckIconSimple({ width = '15', height = '12', fill = '#2CA92A' }) {
|
|
|
478
478
|
function IconContent({ fill, width, height }) {
|
|
479
479
|
return (jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M15.2884 10.4968L10.1 13.038V7.10845L15.2884 10.4968Z", stroke: "white", strokeWidth: "1.2", strokeLinejoin: "round" }), jsxRuntime.jsx("rect", { x: "1.6", y: "2.6", width: "20.8", height: "14.8", rx: "1.4", stroke: "white", strokeWidth: "1.2" }), jsxRuntime.jsx("path", { d: "M6 21.5H18", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
480
480
|
}
|
|
481
|
+
function ErrorAlert({ fill, width, height }) {
|
|
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
|
+
}
|
|
484
|
+
function IconLikeLine({ fill, stroke, customColor_1, width, height }) {
|
|
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
|
+
}
|
|
487
|
+
function IconLikeFilled({ fill, stroke, customColor_1, width, height }) {
|
|
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
|
+
}
|
|
481
490
|
function TrashIconNew({ fill, stroke, customColor_1, width, height }) {
|
|
482
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
|
+
}
|
|
493
|
+
function ArrowShowMoreLess({ fill, stroke, customColor_1, width, height }) {
|
|
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" }) }));
|
|
483
495
|
}
|
|
484
496
|
|
|
485
497
|
function styleInject(css, ref) {
|
|
@@ -1941,7 +1953,7 @@ function MissionSteps(props) {
|
|
|
1941
1953
|
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive + 1); }, className: style$e.missaoTitle, style: rightButtonStyle, children: `${mapTraducao.get(Idioma).nextShort}` })
|
|
1942
1954
|
: props.stepProblem < 5 &&
|
|
1943
1955
|
props.onClickContinue &&
|
|
1944
|
-
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$4, { 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: () => {
|
|
1945
1957
|
setStep(1);
|
|
1946
1958
|
} }), jsxRuntime.jsx(Steps, { step: 2, idioma: Idioma, status: stepLiberado >= 2 ? stepActive === 2 ? "A" : "I" : "B", onClick: () => {
|
|
1947
1959
|
setStep(2);
|
|
@@ -2213,7 +2225,7 @@ const variantStyles$1 = (variant = 'contained') => ({
|
|
|
2213
2225
|
}
|
|
2214
2226
|
`,
|
|
2215
2227
|
}[variant]);
|
|
2216
|
-
const Button$
|
|
2228
|
+
const Button$5 = styled__default["default"].button `
|
|
2217
2229
|
display: flex;
|
|
2218
2230
|
flex-direction: row;
|
|
2219
2231
|
align-items: center;
|
|
@@ -2331,7 +2343,7 @@ const ButtonEndIcon = styled__default["default"].button `
|
|
|
2331
2343
|
${({ variant }) => variantStyles$1(variant)}
|
|
2332
2344
|
`;
|
|
2333
2345
|
|
|
2334
|
-
function Button$
|
|
2346
|
+
function Button$4({ variant, label, sizeIcon, disabled, startIcon, endIcon, handleClick, type, active, style, value, length, id, ref, handleMount }) {
|
|
2335
2347
|
React.useEffect(() => {
|
|
2336
2348
|
if (handleMount && id) {
|
|
2337
2349
|
handleMount(id);
|
|
@@ -2351,7 +2363,7 @@ function Button$3({ variant, label, sizeIcon, disabled, startIcon, endIcon, hand
|
|
|
2351
2363
|
(variant === 'link') ?
|
|
2352
2364
|
jsxRuntime.jsx(LinkButton$1, { ref: ref, style: { ...style }, disabled: disabled, onClick: handleClick, id: id, children: label })
|
|
2353
2365
|
:
|
|
2354
|
-
jsxRuntime.jsx(Button$
|
|
2366
|
+
jsxRuntime.jsx(Button$5, { ref: ref, style: { ...style }, length: length, active: active, value: value, variant: variant, disabled: disabled, onClick: handleClick, id: id, children: label }) }));
|
|
2355
2367
|
}
|
|
2356
2368
|
|
|
2357
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";
|
|
@@ -2466,7 +2478,7 @@ function BannerProblem(props) {
|
|
|
2466
2478
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$c.container, style: { ...props.style }, children: [props.topHeaderTagText &&
|
|
2467
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 &&
|
|
2468
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 &&
|
|
2469
|
-
jsxRuntime.jsx(Button$
|
|
2481
|
+
jsxRuntime.jsx(Button$4, { label: Edit ? (props.textButtonLinkEditSave ? props.textButtonLinkEditSave : "Salvar Alterações") : (props.textButtonLinkEdit ? props.textButtonLinkEdit : "Editar"), variant: 'link', handleClick: () => handleEdit(), startIcon: jsxRuntime.jsx(EditIcon, {}) })] }), Edit ?
|
|
2470
2482
|
jsxRuntime.jsx("div", { style: {
|
|
2471
2483
|
marginTop: '8px',
|
|
2472
2484
|
marginBottom: '8px',
|
|
@@ -2505,8 +2517,8 @@ function BannerProblem(props) {
|
|
|
2505
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 &&
|
|
2506
2518
|
jsxRuntime.jsx(RatingCurtidas, { titulo: props.ratingTitleLikes ? props.ratingTitleLikes : 'Curtidas', qtdeCurtidas: props.curtidas, tipoBotao: 2, style: { margin: 0 }, descricaoCurtida: props.ratingLikesDescription ? props.ratingLikesDescription : 'pessoas' })] })
|
|
2507
2519
|
: null, jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: '32px' }, children: [props.showButtonInvite &&
|
|
2508
|
-
jsxRuntime.jsx(Button$
|
|
2509
|
-
jsxRuntime.jsx(Button$
|
|
2520
|
+
jsxRuntime.jsx(Button$4, { 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$4, { 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 ?
|
|
2510
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 &&
|
|
2511
2523
|
jsxRuntime.jsx(RatingCurtidas, { titulo: props.ratingTitleLikes ? props.ratingTitleLikes : 'Curtidas', qtdeCurtidas: props.curtidas, tipoBotao: 2, descricaoCurtida: props.ratingLikesDescription ? props.ratingLikesDescription : 'pessoas' })] })
|
|
2512
2524
|
: null] }) }), jsxRuntime.jsx(MissionSteps, { stepProblem: props.stepProblem, stepActive: props.stepActive, onClickContinue: hasContinueProps ? props.onClickContinue : null, onSelected: (step) => {
|
|
@@ -2848,7 +2860,7 @@ function Textarea(props) {
|
|
|
2848
2860
|
return jsxRuntime.jsx(TextField, { ...props, multiline: true });
|
|
2849
2861
|
}
|
|
2850
2862
|
|
|
2851
|
-
const InputWrapper$
|
|
2863
|
+
const InputWrapper$2 = styled__default["default"].div `
|
|
2852
2864
|
display: flex;
|
|
2853
2865
|
align-items:flex-end;
|
|
2854
2866
|
width: 100%;
|
|
@@ -2867,7 +2879,7 @@ const InputWrapper$1 = styled__default["default"].div `
|
|
|
2867
2879
|
${({ focus, theme }) => focus &&
|
|
2868
2880
|
`border: 1px solid` + theme.colors.primary1 + " !important;"}
|
|
2869
2881
|
`;
|
|
2870
|
-
const InputText$
|
|
2882
|
+
const InputText$4 = styled__default["default"].textarea `
|
|
2871
2883
|
display: flex;
|
|
2872
2884
|
align-items: center;
|
|
2873
2885
|
|
|
@@ -2981,7 +2993,7 @@ function InputComment$1({ placeholder, value, onChange, remain, limit, hasEmoji,
|
|
|
2981
2993
|
if (!actionAreaEmojiButton)
|
|
2982
2994
|
setIsVisibleEmojiWindow(false);
|
|
2983
2995
|
};
|
|
2984
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles }, onClick: verifyClick, children: [jsxRuntime.jsx(InputWrapper$
|
|
2996
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles }, onClick: verifyClick, children: [jsxRuntime.jsx(InputWrapper$2, { focus: focus, children: jsxRuntime.jsx(InputText$4, { id: iDInputComment, onFocus: () => setFocus(true), onBlur: () => setFocus(false), onChange: inputInChanging, value: stringValueTextArea, placeholder: placeholder, maxLength: limit, disabled: disabled }) }), showCharacterCounter &&
|
|
2985
2997
|
jsxRuntime.jsxs(HelperText$2, { children: [limit - remain, "/", limit] })] }) }));
|
|
2986
2998
|
function resizeTextArea() {
|
|
2987
2999
|
let tx = document.getElementById(iDInputComment);
|
|
@@ -3037,7 +3049,7 @@ const NameWrapper = styled__default["default"].div `
|
|
|
3037
3049
|
justify-content: flex-start;
|
|
3038
3050
|
align-items:center
|
|
3039
3051
|
`;
|
|
3040
|
-
const Name$
|
|
3052
|
+
const Name$2 = styled__default["default"].div `
|
|
3041
3053
|
font-family: 'Work Sans';
|
|
3042
3054
|
font-style: normal;
|
|
3043
3055
|
font-weight: 600;
|
|
@@ -3450,7 +3462,7 @@ function CommentaryBox({ name, className, styles, position, value, date, actionL
|
|
|
3450
3462
|
(isOpenDrop) && (finalColor = '#ff4d0d'); // Selected
|
|
3451
3463
|
return finalColor;
|
|
3452
3464
|
};
|
|
3453
|
-
return (jsxRuntime.jsx("div", { style: { width: 'auto', ...styles }, children: jsxRuntime.jsxs(SpeechBubble$1, { className: className, highlight: onEditing, children: [jsxRuntime.jsxs(HeaderWrapper$1, { children: [jsxRuntime.jsxs(IdentificationWrapper, { children: [jsxRuntime.jsxs(NameWrapper, { children: [jsxRuntime.jsxs(Name$
|
|
3465
|
+
return (jsxRuntime.jsx("div", { style: { width: 'auto', ...styles }, children: jsxRuntime.jsxs(SpeechBubble$1, { className: className, highlight: onEditing, children: [jsxRuntime.jsxs(HeaderWrapper$1, { children: [jsxRuntime.jsxs(IdentificationWrapper, { children: [jsxRuntime.jsxs(NameWrapper, { children: [jsxRuntime.jsxs(Name$2, { children: [" ", size[0] > WIDTH_MOBILE ? name : buildShortName(name), " "] }), isMe &&
|
|
3454
3466
|
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DividerDot, { children: jsxRuntime.jsx(Dot, { fill: '#757575' }) }), jsxRuntime.jsxs(IsMe, { children: [" ", textYou, " "] })] }), size[0] > WIDTH_MOBILE ?
|
|
3455
3467
|
((isPrivateAuthor || isPrivateMe) &&
|
|
3456
3468
|
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DividerDot, { children: jsxRuntime.jsx(Dot, { fill: '#757575' }) }), jsxRuntime.jsx(EyeOffIcon, { children: jsxRuntime.jsx(EyeOff, { fill: '#757575' }) }), jsxRuntime.jsx(CommentPrivate, { children: textPrivateComment })] })) : null] }), jsxRuntime.jsxs(Position$2, { children: [" ", position, " "] })] }), jsxRuntime.jsxs(OptionsWrapper, { children: [size[0] > WIDTH_MOBILE &&
|
|
@@ -3462,7 +3474,7 @@ function CommentaryBox({ name, className, styles, position, value, date, actionL
|
|
|
3462
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 &&
|
|
3463
3475
|
jsxRuntime.jsxs("div", { style: { display: 'flex', marginLeft: '14px', marginTop: '5px', alignItems: 'center' }, children: [(isPrivateAuthor || isPrivateMe) &&
|
|
3464
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 ?
|
|
3465
|
-
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$4, { handleClick: () => { saveEditComment(); }, label: size[0] > WIDTH_MOBILE ? textSaveButton : textSaveButtonMobile, disabled: !enableSaveEdit, variant: "primary", style: { marginRight: '20px' } }), jsxRuntime.jsx(Button$4, { handleClick: () => { cancelEditComment(); }, label: textCancelButton, variant: "secondary" })] })] })
|
|
3466
3478
|
:
|
|
3467
3479
|
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CommentaryContent, { id: iDCommentPosted, children: value }), jsxRuntime.jsxs(IterationsWrapper, { children: [jsxRuntime.jsxs(LikesStatistics, { children: [isLiked ?
|
|
3468
3480
|
jsxRuntime.jsx(ThumbsUpCovered, { width: '16px', height: '16px' })
|
|
@@ -4488,7 +4500,7 @@ const InputSearchWrapper$1 = styled__default["default"].div `
|
|
|
4488
4500
|
|
|
4489
4501
|
${({ isOnFocus }) => isOnFocus && 'outline: 1.5px solid #AE9BAE; border: 1px solid #663366;'}
|
|
4490
4502
|
`;
|
|
4491
|
-
const InputText$
|
|
4503
|
+
const InputText$3 = styled__default["default"].input `
|
|
4492
4504
|
margin-left:10px;
|
|
4493
4505
|
display: flex;
|
|
4494
4506
|
align-items: center;
|
|
@@ -4541,7 +4553,7 @@ function SearchField({ label, hasSearchIcon, placeholder, value, onChange, textB
|
|
|
4541
4553
|
const [inputOnFocus, setInputOnFocus] = React.useState(false);
|
|
4542
4554
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Container$f, { className: className, onMouseOver: () => setActionAreaInput(true), onMouseOut: () => setActionAreaInput(false), onFocus: () => setInputOnFocus(true), onBlur: () => setInputOnFocus(false), children: [label &&
|
|
4543
4555
|
jsxRuntime.jsxs(LabelField, { isHover: actionAreaInput, isOnFocus: inputOnFocus, children: [" ", label, " "] }), jsxRuntime.jsxs(InputSearchWrapper$1, { isHover: actionAreaInput, isOnFocus: inputOnFocus, children: [hasSearchIcon &&
|
|
4544
|
-
jsxRuntime.jsxs(ContainerIcon$2, { children: [" ", jsxRuntime.jsx(SearchIcon, {}), " "] }), jsxRuntime.jsx(InputText$
|
|
4556
|
+
jsxRuntime.jsxs(ContainerIcon$2, { children: [" ", jsxRuntime.jsx(SearchIcon, {}), " "] }), jsxRuntime.jsx(InputText$3, { placeholder: placeholder, onChange: onChange, value: value, onKeyDown: (event) => {
|
|
4545
4557
|
if (event.key === "Enter") {
|
|
4546
4558
|
handleClickButton();
|
|
4547
4559
|
}
|
|
@@ -4866,7 +4878,7 @@ function ModalStatusProblema(props) {
|
|
|
4866
4878
|
return () => window.removeEventListener('resize', updateSize);
|
|
4867
4879
|
}, []);
|
|
4868
4880
|
const BREAKWIDTH = 500;
|
|
4869
|
-
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$
|
|
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$4, { variant: 'primary', label: props.language === 'en-US' ? 'ok, close' : 'Ok, entendi', handleClick: props.handleClose, style: { width: '100%', minWidth: '140px' } }) })] })] }) }));
|
|
4870
4882
|
}
|
|
4871
4883
|
|
|
4872
4884
|
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}";
|
|
@@ -4876,9 +4888,9 @@ styleInject(css_248z$a);
|
|
|
4876
4888
|
function ModalLearningTech(props) {
|
|
4877
4889
|
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 ?
|
|
4878
4890
|
props.cancelButton ?
|
|
4879
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$
|
|
4891
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$4, { 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$4, { variant: props.typeButtonConfirmation, label: props.confirmationButton, handleClick: props.handleConfirmation })] })
|
|
4880
4892
|
:
|
|
4881
|
-
jsxRuntime.jsx(Button$
|
|
4893
|
+
jsxRuntime.jsx(Button$4, { variant: props.typeButtonConfirmation, label: props.confirmationButton, handleClick: props.handleConfirmation })
|
|
4882
4894
|
:
|
|
4883
4895
|
jsxRuntime.jsx(jsxRuntime.Fragment, {}) })] }) }));
|
|
4884
4896
|
}
|
|
@@ -5164,7 +5176,7 @@ function CardProblem(props) {
|
|
|
5164
5176
|
:
|
|
5165
5177
|
jsxRuntime.jsx(jsxRuntime.Fragment, {}), props.lastUpdated &&
|
|
5166
5178
|
jsxRuntime.jsxs("div", { style: { color: '#000', fontSize: 12, fontWeight: 400, marginTop: 40 }, children: [props.lastUpdated, " "] }), props.isButtonVerMais &&
|
|
5167
|
-
jsxRuntime.jsx("div", { className: style$6.buttonVerMais, children: jsxRuntime.jsx(Button$
|
|
5179
|
+
jsxRuntime.jsx("div", { className: style$6.buttonVerMais, children: jsxRuntime.jsx(Button$4, { variant: 'link', label: translate[languageSlected]['viewMore'], handleClick: () => props.onClick(props.problemID) }) })] })] }));
|
|
5168
5180
|
}
|
|
5169
5181
|
|
|
5170
5182
|
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";
|
|
@@ -5204,7 +5216,7 @@ function CardDefinicaoProblema(props) {
|
|
|
5204
5216
|
}
|
|
5205
5217
|
}, [props.problemStatus]);
|
|
5206
5218
|
return (jsxRuntime.jsxs("div", { className: style$5.container, children: [props.typeButton !== 1 &&
|
|
5207
|
-
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$
|
|
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$4, { variant: 'link', label: props.textButtonVisualizar ? props.textButtonVisualizar : "Visualizar", startIcon: jsxRuntime.jsx(OpenedEye, {}), handleClick: () => props.handleToView() }), jsxRuntime.jsx(Button$4, { 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) })] })] }));
|
|
5208
5220
|
}
|
|
5209
5221
|
|
|
5210
5222
|
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}";
|
|
@@ -5267,7 +5279,7 @@ const WrapperTitle = styled__default["default"].div `
|
|
|
5267
5279
|
const TitleCard$1 = styled__default["default"].p `
|
|
5268
5280
|
${({ theme }) => theme.fonts.textMessageComponentsBodyBold};
|
|
5269
5281
|
`;
|
|
5270
|
-
const WrapperButton$
|
|
5282
|
+
const WrapperButton$3 = styled__default["default"].div `
|
|
5271
5283
|
margin-top: 26px;
|
|
5272
5284
|
margin-left: 26px;
|
|
5273
5285
|
display: flex;
|
|
@@ -5277,7 +5289,7 @@ const WrapperButton$2 = styled__default["default"].div `
|
|
|
5277
5289
|
`;
|
|
5278
5290
|
|
|
5279
5291
|
function ExclusiveClassCard({ titleClass, labelButton, className, handleClick }) {
|
|
5280
|
-
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$
|
|
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$4, { label: labelButton, startIcon: jsxRuntime.jsx(EditIcon, {}), variant: "link", handleClick: handleClick }) })] }) }));
|
|
5281
5293
|
}
|
|
5282
5294
|
|
|
5283
5295
|
function ConquistaCarrossel({ onSelected, objectCards, marginsArrowButton, sizeArrowButton, horizontalMarginInternScroll, positionArrowButton, marginTopArrrowButton, textMoreDetails }) {
|
|
@@ -5433,7 +5445,7 @@ function Stepper({ children, }) {
|
|
|
5433
5445
|
function StepperItem({ title, subtitle, buttonText, active = false, onClick }) {
|
|
5434
5446
|
return (jsxRuntime.jsx(ProgressItem, { active: active, children: active
|
|
5435
5447
|
?
|
|
5436
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ProgressItemTitle, { active: active, children: title }), jsxRuntime.jsx(ProgressItemSubtitle, { active: active, children: subtitle }), jsxRuntime.jsx(Button$
|
|
5448
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ProgressItemTitle, { active: active, children: title }), jsxRuntime.jsx(ProgressItemSubtitle, { active: active, children: subtitle }), jsxRuntime.jsx(Button$4, { handleClick: onClick, label: buttonText || 'Agendar reunião', variant: "primary" })] })
|
|
5437
5449
|
:
|
|
5438
5450
|
jsxRuntime.jsx(ProgressItemTitle, { children: title }) }));
|
|
5439
5451
|
}
|
|
@@ -5475,7 +5487,7 @@ function ObjectiveStep({ description, number }) {
|
|
|
5475
5487
|
return (jsxRuntime.jsxs(WrapperCard$6, { children: [jsxRuntime.jsx(WrapperTopic, { children: number }), jsxRuntime.jsx(WrapperDescription, { children: description })] }));
|
|
5476
5488
|
}
|
|
5477
5489
|
|
|
5478
|
-
const Wrapper$
|
|
5490
|
+
const Wrapper$6 = styled__default["default"].div `
|
|
5479
5491
|
display: flex;
|
|
5480
5492
|
flex-direction: column;
|
|
5481
5493
|
max-width: ${({ mobileVersion }) => mobileVersion ? '343px' : '400px'};
|
|
@@ -5540,7 +5552,7 @@ const Email = styled__default["default"].p `
|
|
|
5540
5552
|
color: #222222;
|
|
5541
5553
|
margin-bottom: 8px;
|
|
5542
5554
|
`;
|
|
5543
|
-
const Name = styled__default["default"].p `
|
|
5555
|
+
const Name$1 = styled__default["default"].p `
|
|
5544
5556
|
font-family: 'Work Sans';
|
|
5545
5557
|
font-style: normal;
|
|
5546
5558
|
font-weight: 600;
|
|
@@ -5565,7 +5577,7 @@ const WrapperButtons = styled__default["default"].div `
|
|
|
5565
5577
|
|
|
5566
5578
|
function SpecialistContact({ title, avatar, name, email, telephone, mobileVersion, handleActionConversation, textButtonConversation, handleActionSendEmail, textButtonSendEmail }) {
|
|
5567
5579
|
const src = 'https://i.gyazo.com/499dda909b1ebfe0375d1efa2d5d00a8.png';
|
|
5568
|
-
return (jsxRuntime.jsxs(Wrapper$
|
|
5580
|
+
return (jsxRuntime.jsxs(Wrapper$6, { 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$4, { variant: 'primary', label: textButtonConversation ? textButtonConversation : 'Iniciar conversa', handleClick: () => handleActionConversation(), startIcon: !mobileVersion && jsxRuntime.jsx(WhatAppBordered, {}), sizeIcon: '22px' }), jsxRuntime.jsx(Button$4, { variant: 'primary', label: textButtonSendEmail ? textButtonSendEmail : 'Enviar e-mail', handleClick: () => handleActionSendEmail(), startIcon: !mobileVersion && jsxRuntime.jsx(MailBordered, {}), sizeIcon: '22px' })] })] }));
|
|
5569
5581
|
}
|
|
5570
5582
|
|
|
5571
5583
|
styled__default["default"].img `
|
|
@@ -5674,7 +5686,7 @@ function TotalizerCard({ objectStatistics, loading, hasShadow, styles }) {
|
|
|
5674
5686
|
}, children: renderObjectStatistics(false) }) }) }));
|
|
5675
5687
|
}
|
|
5676
5688
|
|
|
5677
|
-
const Wrapper$
|
|
5689
|
+
const Wrapper$5 = styled__default["default"].div `
|
|
5678
5690
|
display: flex;
|
|
5679
5691
|
width: 100%;
|
|
5680
5692
|
flex-direction: column;
|
|
@@ -5741,7 +5753,7 @@ function TrailList({ title, trails, style }) {
|
|
|
5741
5753
|
React.useEffect(() => {
|
|
5742
5754
|
setTrailsList(trails);
|
|
5743
5755
|
}, [trails]);
|
|
5744
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Wrapper$
|
|
5756
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Wrapper$5, { style: { ...style }, children: [jsxRuntime.jsx(Title$4, { children: title }), jsxRuntime.jsx(WrapperList, { children: (trailsList && trailsList.length > 0 && trailsList.length <= 2) ?
|
|
5745
5757
|
jsxRuntime.jsx("div", { style: {
|
|
5746
5758
|
display: 'flex',
|
|
5747
5759
|
flexDirection: 'column'
|
|
@@ -6072,7 +6084,7 @@ function ContentCycle({ title, description, selected, listSkils, urlPhoto, urlVi
|
|
|
6072
6084
|
};
|
|
6073
6085
|
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) => {
|
|
6074
6086
|
return (jsxRuntime.jsx(Skill, { id: skill, children: skill }, index));
|
|
6075
|
-
})] }), started ? (jsxRuntime.jsxs(ContentBarProgess, { children: [jsxRuntime.jsx(BarProgress, { children: jsxRuntime.jsx(Progress, { progress: progress }) }), jsxRuntime.jsxs("p", { children: [progress, "%"] })] })) : (jsxRuntime.jsx(Button$
|
|
6087
|
+
})] }), started ? (jsxRuntime.jsxs(ContentBarProgess, { children: [jsxRuntime.jsx(BarProgress, { children: jsxRuntime.jsx(Progress, { progress: progress }) }), jsxRuntime.jsxs("p", { children: [progress, "%"] })] })) : (jsxRuntime.jsx(Button$4, { 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 })] }));
|
|
6076
6088
|
}
|
|
6077
6089
|
|
|
6078
6090
|
const Container$d = styled__default["default"].div `
|
|
@@ -6845,7 +6857,7 @@ function BannerLxp(props) {
|
|
|
6845
6857
|
return (jsxRuntime.jsxs(BannerContainer, { backgroundBanner: props?.bgColor || `url(${props?.bgSrc})`, style: {
|
|
6846
6858
|
...props.style,
|
|
6847
6859
|
objectFit: fixImage ? 'fill' : 'none'
|
|
6848
|
-
}, 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$
|
|
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$4, { 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: {
|
|
6849
6861
|
fontWeight: 700,
|
|
6850
6862
|
fontSize: 16,
|
|
6851
6863
|
color: '#000000',
|
|
@@ -7689,10 +7701,10 @@ function HeaderContent(props) {
|
|
|
7689
7701
|
}
|
|
7690
7702
|
}
|
|
7691
7703
|
function RecomendationHeader(item) {
|
|
7692
|
-
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$
|
|
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$4, { 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$4, { label: item.labelButton, variant: "primary" }) })] }));
|
|
7693
7705
|
}
|
|
7694
7706
|
function InProgressHeader(item) {
|
|
7695
|
-
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$
|
|
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$4, { 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$4, { label: item.labelButton, variant: "primary", handleClick: item.onClick })] })] }));
|
|
7696
7708
|
}
|
|
7697
7709
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Container$9, { style: { ...props.style }, children: [props.listaRecomendacao.map((item, index) => {
|
|
7698
7710
|
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));
|
|
@@ -8059,7 +8071,7 @@ function CalendarLxp(props) {
|
|
|
8059
8071
|
}
|
|
8060
8072
|
]);
|
|
8061
8073
|
locale.pt.options.weekStartsOn = 0;
|
|
8062
|
-
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$
|
|
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$4, { label: 'Aplicar', variant: 'primary', handleClick: () => {
|
|
8063
8075
|
props.onSave([newRange[0].startDate, newRange[0].endDate]);
|
|
8064
8076
|
} }) })] }) }));
|
|
8065
8077
|
}
|
|
@@ -8285,7 +8297,7 @@ const InputSearchWrapper = styled__default["default"].div `
|
|
|
8285
8297
|
border: ${({ isMobile }) => !isMobile ? '1px' : '0px'} solid ${({ isHover, theme }) => isHover ? theme.colors.shadeBlack : '#000'};
|
|
8286
8298
|
transition: width 1s ease-in-out;
|
|
8287
8299
|
`;
|
|
8288
|
-
const InputText$
|
|
8300
|
+
const InputText$2 = styled__default["default"].input `
|
|
8289
8301
|
margin-left:10px;
|
|
8290
8302
|
display: flex;
|
|
8291
8303
|
align-items: center;
|
|
@@ -8433,7 +8445,7 @@ function FieldSearch({ variant, placeholder, onChange, listResults, hasOptionSee
|
|
|
8433
8445
|
return () => clearTimeout(delayDebounceFn);
|
|
8434
8446
|
}, [ValueSearch]);
|
|
8435
8447
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx("div", { style: { position: 'relative' }, id: 'bar-search-global-menu', children: variant == 'LXP' ?
|
|
8436
|
-
jsxRuntime.jsxs(Container$7, { onMouseOver: () => setActionAreaInput(true), onMouseOut: () => setActionAreaInput(false), onFocus: () => handleFocusUp(), onBlur: () => handleFocusDown(), children: [jsxRuntime.jsxs(InputSearchWrapper, { isHover: actionAreaInput, isOnFocus: inputOnFocus, isMobile: !openSearchFieldMobile, style: { ...style }, children: [jsxRuntime.jsx(ContainerIcon$1, { onClick: () => isMobile && setOpenSearchFieldMobile(!openSearchFieldMobile), children: jsxRuntime.jsx(SearchIcon, { fill: '#fff' }) }), jsxRuntime.jsx(InputText$
|
|
8448
|
+
jsxRuntime.jsxs(Container$7, { onMouseOver: () => setActionAreaInput(true), onMouseOut: () => setActionAreaInput(false), onFocus: () => handleFocusUp(), onBlur: () => handleFocusDown(), children: [jsxRuntime.jsxs(InputSearchWrapper, { isHover: actionAreaInput, isOnFocus: inputOnFocus, isMobile: !openSearchFieldMobile, style: { ...style }, children: [jsxRuntime.jsx(ContainerIcon$1, { onClick: () => isMobile && setOpenSearchFieldMobile(!openSearchFieldMobile), children: jsxRuntime.jsx(SearchIcon, { fill: '#fff' }) }), jsxRuntime.jsx(InputText$2, { placeholder: placeholder, onChange: (e) => {
|
|
8437
8449
|
setIsOpenDrop(false);
|
|
8438
8450
|
setValueSearch(e.target.value);
|
|
8439
8451
|
}, value: ValueSearch })] }), Loading &&
|
|
@@ -8471,10 +8483,10 @@ function FieldSearch({ variant, placeholder, onChange, listResults, hasOptionSee
|
|
|
8471
8483
|
return seeAll.onClick(e);
|
|
8472
8484
|
}, children: seeAll.label })] })] })
|
|
8473
8485
|
:
|
|
8474
|
-
jsxRuntime.jsx(Container$7, { onMouseOver: () => setActionAreaInput(true), onMouseOut: () => setActionAreaInput(false), onFocus: () => setInputOnFocus(true), onBlur: () => setInputOnFocus(false), children: jsxRuntime.jsxs(InputSearchWrapper, { isHover: actionAreaInput, isOnFocus: inputOnFocus, style: { ...style }, children: [jsxRuntime.jsxs(ContainerIcon$1, { children: [" ", jsxRuntime.jsx(SearchIcon, { fill: '#fff' }), " "] }), jsxRuntime.jsx(InputText$
|
|
8486
|
+
jsxRuntime.jsx(Container$7, { onMouseOver: () => setActionAreaInput(true), onMouseOut: () => setActionAreaInput(false), onFocus: () => setInputOnFocus(true), onBlur: () => setInputOnFocus(false), children: jsxRuntime.jsxs(InputSearchWrapper, { isHover: actionAreaInput, isOnFocus: inputOnFocus, style: { ...style }, children: [jsxRuntime.jsxs(ContainerIcon$1, { children: [" ", jsxRuntime.jsx(SearchIcon, { fill: '#fff' }), " "] }), jsxRuntime.jsx(InputText$2, { placeholder: placeholder, onChange: onChange, value: value })] }) }) }) }));
|
|
8475
8487
|
}
|
|
8476
8488
|
|
|
8477
|
-
const Wrapper$
|
|
8489
|
+
const Wrapper$4 = styled__default["default"].button `
|
|
8478
8490
|
display: flex;
|
|
8479
8491
|
flex-direction: column;
|
|
8480
8492
|
align-items: center;
|
|
@@ -8546,7 +8558,7 @@ styled__default["default"].button `
|
|
|
8546
8558
|
`;
|
|
8547
8559
|
|
|
8548
8560
|
function ItemGlobalMenu({ variant, type, label, handleOnClick, wrapText, pressed, style, icon, customMenu }) {
|
|
8549
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Wrapper$
|
|
8561
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Wrapper$4, { variant: variant, pressed: pressed, typeItem: type, wrapText: wrapText, style: { ...style }, onClick: handleOnClick, children: [jsxRuntime.jsx("span", { style: { marginRight: customMenu ? 10 : 0 }, children: icon }), jsxRuntime.jsx("span", { style: { marginTop: customMenu ? -8 : 0 }, children: label })] }) }));
|
|
8550
8562
|
}
|
|
8551
8563
|
|
|
8552
8564
|
styled__default["default"].button `
|
|
@@ -8580,7 +8592,7 @@ styled__default["default"].button `
|
|
|
8580
8592
|
font-weight: 700;
|
|
8581
8593
|
}
|
|
8582
8594
|
`;
|
|
8583
|
-
const Wrapper$
|
|
8595
|
+
const Wrapper$3 = styled__default["default"].div `
|
|
8584
8596
|
width: 50px;
|
|
8585
8597
|
object-fit: contain;
|
|
8586
8598
|
display: flex;
|
|
@@ -8649,7 +8661,7 @@ function LanguagesDropdown({ variant, languages, selected, onSelect, style, dist
|
|
|
8649
8661
|
setIsOpenDrop(false);
|
|
8650
8662
|
setActiveArea(false);
|
|
8651
8663
|
};
|
|
8652
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Wrapper$
|
|
8664
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Wrapper$3, { onClick: () => setIsOpenDrop(!isOpenDrop), onBlur: () => setIsOpenDrop(activeArea), variant: variant, style: { ...style }, children: [jsxRuntime.jsx(Image$1, { src: activeImgFlag, style: { padding: '10px' } }), jsxRuntime.jsx(WrapperDrop, { variant: variant, isVisible: isOpenDrop, onMouseOver: () => setActiveArea(true), onMouseOut: () => setActiveArea(false), style: { marginTop: distanceBtnDrop ? distanceBtnDrop : '45px' }, children: isOpenDrop && languages && languages.length > 0 && languages?.map((item, index) => {
|
|
8653
8665
|
return (jsxRuntime.jsx("div", { children: item == 'pt-BR' ?
|
|
8654
8666
|
jsxRuntime.jsx(Image$1, { onClick: () => handleChangeSelect('pt-BR'), src: imgBR, style: { padding: '9px', paddingTop: '6px', paddingBottom: '6px' } }, index)
|
|
8655
8667
|
: item == 'en-US' ?
|
|
@@ -8839,7 +8851,7 @@ function DropdownProfileMenu({ variant, user, menuItems, profileMenuText, isMobi
|
|
|
8839
8851
|
setSubMenu(subItens);
|
|
8840
8852
|
};
|
|
8841
8853
|
return (jsxRuntime.jsx(Container$6, { style: { ...style }, children: variant == 'LXP' ?
|
|
8842
|
-
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, " "] }), jsxRuntime.jsx(WrapperButtonFrst, { children: jsxRuntime.jsx(Button$
|
|
8854
|
+
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, " "] }), jsxRuntime.jsx(WrapperButtonFrst, { children: jsxRuntime.jsx(Button$4, { variant: 'secondary', label: profileMenuText, handleClick: handleProfileMenuClick }) })] })] }), menuItems && menuItems.length > 0 && menuItems.map((item, index) => {
|
|
8843
8855
|
if (item.subItens) {
|
|
8844
8856
|
if (item.subItens.length > 1)
|
|
8845
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));
|
|
@@ -9017,7 +9029,7 @@ function NotificationPopOver(props) {
|
|
|
9017
9029
|
: [];
|
|
9018
9030
|
const emptyStateImage = 'https://i.gyazo.com/5551ed515f94a8b2502d2694d67633dc.png';
|
|
9019
9031
|
const notificationsLength = props?.notificationList?.length;
|
|
9020
|
-
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$
|
|
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$4, { 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$4, { variant: "link", label: props.textMarkAllAsRead, disabled: isNewNotification.length ? false : true, handleClick: props.handleClickMarkRead })] }), props.notificationList ? (jsxRuntime.jsx(notificationCardList, { children: props.notificationList.map((item, index) => {
|
|
9021
9033
|
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) }));
|
|
9022
9034
|
}) })) : (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: {
|
|
9023
9035
|
vertical: 'bottom',
|
|
@@ -9045,7 +9057,7 @@ function NotificationPopOver(props) {
|
|
|
9045
9057
|
transform: 'rotate(45deg)',
|
|
9046
9058
|
left: 'calc(50% - 6px)'
|
|
9047
9059
|
}
|
|
9048
|
-
} }), 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$
|
|
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$4, { 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) => {
|
|
9049
9061
|
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));
|
|
9050
9062
|
}) })) : (jsxRuntime.jsx(emptyState, { children: jsxRuntime.jsxs(emptyStateInfo, { children: [jsxRuntime.jsx("img", { src: emptyStateImage, alt: "Empty notification list" }), jsxRuntime.jsx("span", { children: props.textEmptyState })] }) }))] })] })) }));
|
|
9051
9063
|
}
|
|
@@ -9342,10 +9354,10 @@ function AdminExtraContent(props) {
|
|
|
9342
9354
|
setTranscriptionText(e.target.value);
|
|
9343
9355
|
} })] }), valueTabs === 1 &&
|
|
9344
9356
|
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 &&
|
|
9345
|
-
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$
|
|
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$4, { variant: "expandedSecondary", label: "Adicionar", startIcon: jsxRuntime.jsx(AddIcon, { fill: "#FF4D0D" }), handleClick: () => { } }) })] })] })] }));
|
|
9346
9358
|
}
|
|
9347
9359
|
|
|
9348
|
-
const Button$
|
|
9360
|
+
const Button$3 = React__default["default"].forwardRef(({ className, active, reversed, ...props }, ref) => (jsxRuntime.jsx("span", { ...props, ref: ref, className: css.cx(className, css.css `
|
|
9349
9361
|
cursor: pointer;
|
|
9350
9362
|
color: ${reversed
|
|
9351
9363
|
? active
|
|
@@ -9518,14 +9530,14 @@ const Leaf = ({ attributes, children, leaf }) => {
|
|
|
9518
9530
|
};
|
|
9519
9531
|
const BlockButton = ({ format, icon }) => {
|
|
9520
9532
|
const editor = slateReact.useSlate();
|
|
9521
|
-
return (jsxRuntime.jsx(Button$
|
|
9533
|
+
return (jsxRuntime.jsx(Button$3, { active: isBlockActive(editor, format, TEXT_ALIGN_TYPES.includes(format) ? 'align' : 'type'), onMouseDown: event => {
|
|
9522
9534
|
event.preventDefault();
|
|
9523
9535
|
toggleBlock(editor, format);
|
|
9524
9536
|
}, children: icon }));
|
|
9525
9537
|
};
|
|
9526
9538
|
const MarkButton = ({ format, icon }) => {
|
|
9527
9539
|
const editor = slateReact.useSlate();
|
|
9528
|
-
return (jsxRuntime.jsx(Button$
|
|
9540
|
+
return (jsxRuntime.jsx(Button$3, { active: isMarkActive(editor, format), onMouseDown: event => {
|
|
9529
9541
|
event.preventDefault();
|
|
9530
9542
|
toggleMark(editor, format);
|
|
9531
9543
|
}, children: icon }));
|
|
@@ -9563,7 +9575,7 @@ function StudentExtraContent(props) {
|
|
|
9563
9575
|
backgroundColor: '#FF5427 !important',
|
|
9564
9576
|
}
|
|
9565
9577
|
}, 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 &&
|
|
9566
|
-
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$
|
|
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$4, { label: "Salvar", variant: "primary", handleClick: () => { } }) })] }), valueTabs === 1 &&
|
|
9567
9579
|
jsxRuntime.jsx(material.Grid, { container: true, spacing: 0, children: props.bookList?.map((item, index) => {
|
|
9568
9580
|
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));
|
|
9569
9581
|
}) }), valueTabs === 2 &&
|
|
@@ -9983,19 +9995,19 @@ function Login(props) {
|
|
|
9983
9995
|
setError(props.isError);
|
|
9984
9996
|
setMsgInput2(props.isError ? 'E-mail ou senhas incorretos.' : '');
|
|
9985
9997
|
}, [props.isError]);
|
|
9986
|
-
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$
|
|
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$4, { 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$4, { 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
|
|
9987
9999
|
? props.textEmailCadastro
|
|
9988
10000
|
: 'Digite seu e-mail de cadastro abaixo e clique em enviar.' }), jsxRuntime.jsx(TypographyRecover, { children: props.textEmailCadastro2
|
|
9989
10001
|
? props.textEmailCadastro2
|
|
9990
|
-
: '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$
|
|
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$4, { variant: "link", label: props.textEmailButtonLinkCancel ? props.textEmailButtonLinkCancel : 'Não, cancelar', handleClick: onClickNotCancel }), jsxRuntime.jsx(Button$4, { 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
|
|
9991
10003
|
? props.textNewPasswordInformacao
|
|
9992
10004
|
: '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
|
|
9993
10005
|
? props.textNewPasswordInputEmailPlaceholder
|
|
9994
10006
|
: '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
|
|
9995
10007
|
? props.textNewPasswordErrorSenhaForte
|
|
9996
|
-
: '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$
|
|
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$4, { variant: "link", label: props.textNewPasswordButtonLink ? props.textNewPasswordButtonLink : 'Voltar Login', handleClick: props.handleClickChangePasswordCancel }), jsxRuntime.jsx(Button$4, { 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
|
|
9997
10009
|
? props.textConfirmacaoRespostaEmail
|
|
9998
|
-
: 'Solicitação enviada com sucesso para o seu e-mail.' }), jsxRuntime.jsx(ContainerButtonSendConfirmation, { children: jsxRuntime.jsx(Button$
|
|
10010
|
+
: 'Solicitação enviada com sucesso para o seu e-mail.' }), jsxRuntime.jsx(ContainerButtonSendConfirmation, { children: jsxRuntime.jsx(Button$4, { variant: "primary", label: props.textConfirmacaoButtonRetorna ? props.textConfirmacaoButtonRetorna : 'Retornar', handleClick: props.onClickConfimationBackToLogin }) })] })) : null }));
|
|
9999
10011
|
}
|
|
10000
10012
|
|
|
10001
10013
|
const ContainerHeader = styled__default["default"].div `
|
|
@@ -10387,6 +10399,10 @@ function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNe
|
|
|
10387
10399
|
React.useEffect(() => {
|
|
10388
10400
|
setLoading(isLoading);
|
|
10389
10401
|
}, [isLoading]);
|
|
10402
|
+
const handleChangeCheck = (checkedValue) => {
|
|
10403
|
+
setAtivo(checkedValue);
|
|
10404
|
+
handleSwitchAtivar(checkedValue);
|
|
10405
|
+
};
|
|
10390
10406
|
const handleHoverImage = () => {
|
|
10391
10407
|
if (!showModules) {
|
|
10392
10408
|
setShowModules(true);
|
|
@@ -10407,7 +10423,7 @@ function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNe
|
|
|
10407
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) => {
|
|
10408
10424
|
setElementPopover(element.currentTarget);
|
|
10409
10425
|
}, children: jsxRuntime.jsx(MoreVertical, { fill: ativo ? '#000000' : '#bdbdbd' }) })] }), showSwitch &&
|
|
10410
|
-
jsxRuntime.
|
|
10426
|
+
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' })] })] }) })
|
|
10411
10427
|
: variant === 'add' ?
|
|
10412
10428
|
jsxRuntime.jsx(jsxRuntime.Fragment, { children: Loading ?
|
|
10413
10429
|
jsxRuntime.jsxs(LoadingContainer, { children: [jsxRuntime.jsx(LoadingImage, {}), jsxRuntime.jsx(LoadingContent, {}), jsxRuntime.jsx(LoadingContent, { style: { width: '50%' } })] })
|
|
@@ -10631,7 +10647,7 @@ function ContentCoursesTrails(props) {
|
|
|
10631
10647
|
}
|
|
10632
10648
|
}
|
|
10633
10649
|
} }) }) }), props.showButtonActive &&
|
|
10634
|
-
jsxRuntime.jsxs(ContentActiveHeader, { 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$
|
|
10650
|
+
jsxRuntime.jsxs(ContentActiveHeader, { 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$4, { id: `btnPublish${props.id}`, handleMount: (element) => {
|
|
10635
10651
|
let el = document.getElementById(element);
|
|
10636
10652
|
setElementPopoverPublish(el ? el : null);
|
|
10637
10653
|
}, handleClick: async () => {
|
|
@@ -10674,12 +10690,12 @@ styleInject(css_248z$1);
|
|
|
10674
10690
|
function ModalLXP(props) {
|
|
10675
10691
|
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 ?
|
|
10676
10692
|
props.cancelButton ?
|
|
10677
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$
|
|
10693
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$4, { variant: "link", label: props.confirmationButton, handleClick: () => {
|
|
10678
10694
|
props.handleConfirmation();
|
|
10679
10695
|
props.handleClose();
|
|
10680
|
-
} }), jsxRuntime.jsx("span", { style: { marginRight: 8, marginLeft: 8 }, children: props.language === 'en-US' ? 'or' : 'ou' }), jsxRuntime.jsx(Button$
|
|
10696
|
+
} }), jsxRuntime.jsx("span", { style: { marginRight: 8, marginLeft: 8 }, children: props.language === 'en-US' ? 'or' : 'ou' }), jsxRuntime.jsx(Button$4, { variant: 'primary', label: props.cancelButton, handleClick: props.handleClose })] })
|
|
10681
10697
|
:
|
|
10682
|
-
jsxRuntime.jsx(Button$
|
|
10698
|
+
jsxRuntime.jsx(Button$4, { variant: "primary", label: props.confirmationButton, handleClick: () => {
|
|
10683
10699
|
props.handleConfirmation();
|
|
10684
10700
|
props.handleClose();
|
|
10685
10701
|
} })
|
|
@@ -12132,7 +12148,7 @@ const Channel = styled__default["default"].span `
|
|
|
12132
12148
|
|
|
12133
12149
|
margin-top: 4px;
|
|
12134
12150
|
`;
|
|
12135
|
-
const WrapperButton$
|
|
12151
|
+
const WrapperButton$2 = styled__default["default"].div `
|
|
12136
12152
|
margin-top: 10px;
|
|
12137
12153
|
|
|
12138
12154
|
`;
|
|
@@ -12183,7 +12199,7 @@ const WrapperComponent = styled__default["default"].div `
|
|
|
12183
12199
|
// & > path {
|
|
12184
12200
|
// fill: ${({ theme, active }) => active ? theme.colors.primary1 : theme.colors.neutralsGrey1};
|
|
12185
12201
|
// }
|
|
12186
|
-
const WrapperButton = styled__default["default"].div `
|
|
12202
|
+
const WrapperButton$1 = styled__default["default"].div `
|
|
12187
12203
|
margin-right: 8px;
|
|
12188
12204
|
|
|
12189
12205
|
& > button {
|
|
@@ -12264,23 +12280,23 @@ function LateralMenu$1({ label, onClick, button, beginComponent, activeBeginIcon
|
|
|
12264
12280
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: subItems && subItems.length > 0 ?
|
|
12265
12281
|
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 &&
|
|
12266
12282
|
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 &&
|
|
12267
|
-
jsxRuntime.jsx(WrapperButton, { children: jsxRuntime.jsx(Button$
|
|
12283
|
+
jsxRuntime.jsx(WrapperButton$1, { children: jsxRuntime.jsx(Button$4, { label: button.label, handleClick: (e) => button.onClick(e), variant: button?.variant ? button.variant : 'primary' }) }), !hiddenIconDropArrow &&
|
|
12268
12284
|
jsxRuntime.jsx(WrapperIconDrop, { isOpen: isActive, children: jsxRuntime.jsx(DropdownIconLine, { fill: '#000' }) })] }), jsxRuntime.jsx(WrapperSubItems, { isOpen: isActive, children: subItems.map((item, index) => {
|
|
12269
12285
|
return jsxRuntime.jsx(SubItem, { onClick: () => item.onClick(item.id), children: item.label }, index);
|
|
12270
12286
|
}) })] })
|
|
12271
12287
|
:
|
|
12272
12288
|
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 &&
|
|
12273
12289
|
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 &&
|
|
12274
|
-
jsxRuntime.jsx(WrapperButton, { children: jsxRuntime.jsx(Button$
|
|
12290
|
+
jsxRuntime.jsx(WrapperButton$1, { children: jsxRuntime.jsx(Button$4, { label: button.label, handleClick: (e) => button.onClick(e), variant: button?.variant ? button.variant : 'primary' }) })] }) }));
|
|
12275
12291
|
}
|
|
12276
12292
|
|
|
12277
12293
|
function LateralMenu({ variant, hiddenButtonHeader, avatar, name, channel, button, listOptions, style }) {
|
|
12278
12294
|
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 &&
|
|
12279
12295
|
jsxRuntime.jsx(Channel, { children: channel }), !hiddenButtonHeader &&
|
|
12280
|
-
jsxRuntime.jsx(WrapperButton$
|
|
12281
|
-
jsxRuntime.jsx(Button$
|
|
12296
|
+
jsxRuntime.jsx(WrapperButton$2, { children: !channel ?
|
|
12297
|
+
jsxRuntime.jsx(Button$4, { variant: 'primary', label: button.label, handleClick: (e) => button.onClick(e) })
|
|
12282
12298
|
:
|
|
12283
|
-
jsxRuntime.jsx(Button$
|
|
12299
|
+
jsxRuntime.jsx(Button$4, { variant: 'link', label: button.label, handleClick: (e) => button.onClick(e) }) }), jsxRuntime.jsx(HR, {})] }), listOptions && listOptions.length > 0 && listOptions.map((item, index) => {
|
|
12284
12300
|
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));
|
|
12285
12301
|
})] }) }));
|
|
12286
12302
|
}
|
|
@@ -12501,7 +12517,7 @@ const ItemFrstSocials = styled__default["default"].button `
|
|
|
12501
12517
|
|
|
12502
12518
|
function BannerSRG(props) {
|
|
12503
12519
|
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 &&
|
|
12504
|
-
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$
|
|
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$4, { 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$4, { 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$4, { 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 })] }) }));
|
|
12505
12521
|
}
|
|
12506
12522
|
|
|
12507
12523
|
const achievementHeader = styled__default["default"].div `
|
|
@@ -12793,15 +12809,15 @@ function FeedInteraction(props) {
|
|
|
12793
12809
|
: null] })
|
|
12794
12810
|
: jsxRuntime.jsx(jsxRuntime.Fragment, { children: (props.textTotalView || props.qtdLikes || props.qtdComments) &&
|
|
12795
12811
|
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 ?
|
|
12796
|
-
jsxRuntime.jsx(buttons, { children: jsxRuntime.jsx(Button$
|
|
12812
|
+
jsxRuntime.jsx(buttons, { children: jsxRuntime.jsx(Button$4, { startIcon: jsxRuntime.jsx(ThumbsUpIcon, { fill: 'currentColor' }), label: props.textDeslike, variant: 'link', handleClick: props.handleLikeClick }) })
|
|
12797
12813
|
:
|
|
12798
|
-
jsxRuntime.jsx(buttons, { children: jsxRuntime.jsx(Button$
|
|
12814
|
+
jsxRuntime.jsx(buttons, { children: jsxRuntime.jsx(Button$4, { startIcon: jsxRuntime.jsx(ThumbsUpIcon, { fill: 'currentColor' }), label: props.textLikes, variant: 'link', handleClick: props.handleLikeClick }) }), isVisibleComments &&
|
|
12799
12815
|
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 &&
|
|
12800
12816
|
jsxRuntime.jsxs(reviewContainer, { children: [props.textAvaluationTitle, jsxRuntime.jsxs(reviewContent, { children: [props.isChallengeReview &&
|
|
12801
12817
|
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 &&
|
|
12802
12818
|
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 &&
|
|
12803
12819
|
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 &&
|
|
12804
|
-
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$
|
|
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$4, { variant: 'primary', label: props.textSaveCommentBtn, handleClick: HandleSaveComment }) })] }), props.isChallengeReview ?
|
|
12805
12821
|
stateLatestComment ?
|
|
12806
12822
|
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 })] })] })
|
|
12807
12823
|
: null
|
|
@@ -12886,7 +12902,7 @@ function BannerProblemFeed(props) {
|
|
|
12886
12902
|
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) => {
|
|
12887
12903
|
props.onSelectedStep(step);
|
|
12888
12904
|
setSelectedStep(step);
|
|
12889
|
-
}, idioma: props.language }) }), jsxRuntime.jsx(RenderSteps, {}), jsxRuntime.jsx(Button$
|
|
12905
|
+
}, idioma: props.language }) }), jsxRuntime.jsx(RenderSteps, {}), jsxRuntime.jsx(Button$4, { 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 })] }));
|
|
12890
12906
|
}
|
|
12891
12907
|
|
|
12892
12908
|
const ButtonSessionFilters = styled__default["default"].button `
|
|
@@ -13053,7 +13069,7 @@ const SrgLogo = styled__default["default"].div `
|
|
|
13053
13069
|
justify-content: center;
|
|
13054
13070
|
align-items: center;
|
|
13055
13071
|
`;
|
|
13056
|
-
const Button$
|
|
13072
|
+
const Button$2 = styled__default["default"].div `
|
|
13057
13073
|
display: flex;
|
|
13058
13074
|
justify-content: center;
|
|
13059
13075
|
align-items: center;
|
|
@@ -13061,10 +13077,10 @@ const Button$1 = styled__default["default"].div `
|
|
|
13061
13077
|
`;
|
|
13062
13078
|
|
|
13063
13079
|
function SmallSRGBanner(props) {
|
|
13064
|
-
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$
|
|
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$2, { children: jsxRuntime.jsx(Button$4, { variant: 'primary', label: props.textButton, startIcon: jsxRuntime.jsx(AddIcon, { fill: '#FFF' }) }) })] }) }));
|
|
13065
13081
|
}
|
|
13066
13082
|
|
|
13067
|
-
const Wrapper = styled__default["default"].div `
|
|
13083
|
+
const Wrapper$2 = styled__default["default"].div `
|
|
13068
13084
|
opacity: ${({ isCompletePost }) => isCompletePost ? '0' : '1'};
|
|
13069
13085
|
transition: opacity 0.5s ease-in-out;
|
|
13070
13086
|
`;
|
|
@@ -13249,7 +13265,7 @@ function PostFeed(props) {
|
|
|
13249
13265
|
React.useEffect(() => {
|
|
13250
13266
|
setIsVisibleComments(props.isVisibleComments);
|
|
13251
13267
|
}, [props.isVisibleComments]);
|
|
13252
|
-
return (jsxRuntime.jsx(Wrapper, { isCompletePost: props.isCompletePost, children: jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [jsxRuntime.jsxs(postContainer, { style: { ...props.style }, children: [jsxRuntime.jsxs(postHeader, { style: { width: '100%', justifyContent: 'space-between' }, children: [jsxRuntime.jsx("div", { style: { width: props?.fixPostButton && props?.fixPostButton?.isVisibleButton ? '105px' : '0px' } }), jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row', justifyContent: 'center', alignItems: 'center' }, children: [jsxRuntime.jsxs("div", { style: { marginRight: 16, paddingTop: '18px' }, children: [" ", jsxRuntime.jsx(Avatar, { src: FRSTAvatar, size: '40px' }), " "] }), jsxRuntime.jsx("span", { style: { fontFamily: 'Work Sans', fontWeight: 600, fontSize: 20, color: FRSTTheme['colors'].neutralsGrey1, paddingTop: '18px' }, children: " FRST Falconi " })] }), props?.fixPostButton && props?.fixPostButton?.isVisibleButton ?
|
|
13268
|
+
return (jsxRuntime.jsx(Wrapper$2, { isCompletePost: props.isCompletePost, children: jsxRuntime.jsxs(styled.ThemeProvider, { theme: FRSTTheme, children: [jsxRuntime.jsxs(postContainer, { style: { ...props.style }, children: [jsxRuntime.jsxs(postHeader, { style: { width: '100%', justifyContent: 'space-between' }, children: [jsxRuntime.jsx("div", { style: { width: props?.fixPostButton && props?.fixPostButton?.isVisibleButton ? '105px' : '0px' } }), jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row', justifyContent: 'center', alignItems: 'center' }, children: [jsxRuntime.jsxs("div", { style: { marginRight: 16, paddingTop: '18px' }, children: [" ", jsxRuntime.jsx(Avatar, { src: FRSTAvatar, size: '40px' }), " "] }), jsxRuntime.jsx("span", { style: { fontFamily: 'Work Sans', fontWeight: 600, fontSize: 20, color: FRSTTheme['colors'].neutralsGrey1, paddingTop: '18px' }, children: " FRST Falconi " })] }), props?.fixPostButton && props?.fixPostButton?.isVisibleButton ?
|
|
13253
13269
|
jsxRuntime.jsxs(TooltipCard, { children: [jsxRuntime.jsx(TooltipText, { children: jsxRuntime.jsxs("div", { onClick: () => props?.fixPostButton?.actionClick(), onMouseOver: () => setActionArea(true), onMouseOut: () => setActionArea(false), style: {
|
|
13254
13270
|
width: '105px',
|
|
13255
13271
|
fontSize: '18px',
|
|
@@ -13269,7 +13285,7 @@ function PostFeed(props) {
|
|
|
13269
13285
|
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' &&
|
|
13270
13286
|
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" })] })
|
|
13271
13287
|
: null, props.handlePostButtonClick ?
|
|
13272
|
-
jsxRuntime.jsx("div", { style: { marginTop: 32, width: '100%', paddingLeft: '24px', paddingRight: '24px' }, children: jsxRuntime.jsx(Button$
|
|
13288
|
+
jsxRuntime.jsx("div", { style: { marginTop: 32, width: '100%', paddingLeft: '24px', paddingRight: '24px' }, children: jsxRuntime.jsx(Button$4, { variant: 'expandedPrimary', label: props.textPostButton, handleClick: props.handlePostButtonClick }) })
|
|
13273
13289
|
: 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 })] }) }));
|
|
13274
13290
|
}
|
|
13275
13291
|
function IconPin({ fill }) {
|
|
@@ -13776,7 +13792,7 @@ function ThumbListContent(props) {
|
|
|
13776
13792
|
React.useEffect(() => {
|
|
13777
13793
|
setTagVisualized(props.valueProgress);
|
|
13778
13794
|
}, [props.valueProgress]);
|
|
13779
|
-
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, { children: jsxRuntime.jsxs(iconsThumbAndProgress, { onClick: props.onClickThumb, 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, children: [props.tagValue !== 'notVisualized' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.tagValue === 'vizualized' ? (jsxRuntime.jsx(tagThumbContentContainer, { children: jsxRuntime.jsx(tagThumbContent, { tagVisualized: props.tagValue, children: props.textProgressVisualized }) })) : null, props.tagValue === 'inProgress' ? (jsxRuntime.jsx(tagThumbContentContainer, { children: jsxRuntime.jsx(tagThumbContent, { tagVisualized: props.tagValue, children: props.textProgressInProgress }) })) : null] })) : null, props.title ? jsxRuntime.jsx("span", { children: props.title }) : null, jsxRuntime.jsxs(descriptionThumbContent, { showText: showMore, children: [" ", props.description, " "] })] }), jsxRuntime.jsx(viewMoreContent$1, { children: jsxRuntime.jsx(Button$
|
|
13795
|
+
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, { children: jsxRuntime.jsxs(iconsThumbAndProgress, { onClick: props.onClickThumb, 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, children: [props.tagValue !== 'notVisualized' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.tagValue === 'vizualized' ? (jsxRuntime.jsx(tagThumbContentContainer, { children: jsxRuntime.jsx(tagThumbContent, { tagVisualized: props.tagValue, children: props.textProgressVisualized }) })) : null, props.tagValue === 'inProgress' ? (jsxRuntime.jsx(tagThumbContentContainer, { children: jsxRuntime.jsx(tagThumbContent, { tagVisualized: props.tagValue, children: props.textProgressInProgress }) })) : null] })) : null, props.title ? jsxRuntime.jsx("span", { children: props.title }) : null, jsxRuntime.jsxs(descriptionThumbContent, { showText: showMore, children: [" ", props.description, " "] })] }), jsxRuntime.jsx(viewMoreContent$1, { children: jsxRuntime.jsx(Button$4, { variant: "link", label: showMore ? props.textViewLessButton : props.textViewMoreButton, handleClick: () => setShowMore(!showMore), style: { fontSize: 12 } }) })] })) }));
|
|
13780
13796
|
}
|
|
13781
13797
|
|
|
13782
13798
|
const containerList = styled__default["default"].div `
|
|
@@ -13848,7 +13864,7 @@ function ListSelector(props) {
|
|
|
13848
13864
|
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)
|
|
13849
13865
|
: null);
|
|
13850
13866
|
}) }), props.minShowList < props.contentList.length ?
|
|
13851
|
-
jsxRuntime.jsx(viewMoreContent, { children: jsxRuntime.jsx(Button$
|
|
13867
|
+
jsxRuntime.jsx(viewMoreContent, { children: jsxRuntime.jsx(Button$4, { variant: 'link', label: showSize === props.minShowList ? props.textViewMore : props.textViewLess, handleClick: handleView }) })
|
|
13852
13868
|
: null] }) }));
|
|
13853
13869
|
}
|
|
13854
13870
|
|
|
@@ -14505,7 +14521,7 @@ const DataListItem = styled__default["default"].li `
|
|
|
14505
14521
|
font-weight: 400;
|
|
14506
14522
|
padding: 0px 10px;
|
|
14507
14523
|
`;
|
|
14508
|
-
const Button = styled__default["default"].button `
|
|
14524
|
+
const Button$1 = styled__default["default"].button `
|
|
14509
14525
|
background: transparent;
|
|
14510
14526
|
display: flex;
|
|
14511
14527
|
align-items: center;
|
|
@@ -14606,7 +14622,7 @@ function LearningCycleCard({ id, tag, name, favorite, labels, modulesList, handl
|
|
|
14606
14622
|
handleFavorite(!isFavorite);
|
|
14607
14623
|
} }));
|
|
14608
14624
|
};
|
|
14609
|
-
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, { onClick: () => handleClick(id), children: labels?.actionButton })] }) })] }) }));
|
|
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$1, { onClick: () => handleClick(id), children: labels?.actionButton })] }) })] }) }));
|
|
14610
14626
|
}
|
|
14611
14627
|
|
|
14612
14628
|
const Div = styled__default["default"].div `
|
|
@@ -14898,7 +14914,7 @@ function MenuMore({ iconButton, options, style }) {
|
|
|
14898
14914
|
const handleClose = () => {
|
|
14899
14915
|
setAnchorEl(null);
|
|
14900
14916
|
};
|
|
14901
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...style }, children: [jsxRuntime.jsx(ButtonMore, { id: "basic-button", "aria-controls": "basic-menu", "aria-haspopup": "true", "aria-expanded": open ? 'true' : undefined, onClick: handleClick, children: iconButton ? iconButton : jsxRuntime.jsx(MoreDotsVertical, {}) }), listOptions && listOptions?.length > 0 &&
|
|
14917
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...style }, children: [jsxRuntime.jsx(ButtonMore, { id: "basic-button", "aria-controls": "basic-menu", "aria-haspopup": "true", "aria-expanded": open ? 'true' : undefined, onClick: handleClick, children: iconButton ? iconButton : jsxRuntime.jsx(MoreDotsVertical, { fill: '#444' }) }), listOptions && listOptions?.length > 0 &&
|
|
14902
14918
|
jsxRuntime.jsx(MenuCustom, { id: "basic-menu", anchorOrigin: { vertical: 'bottom', horizontal: 'left' }, transformOrigin: { vertical: 'top', horizontal: 'right' }, anchorEl: anchorEl, open: open, onClose: handleClose, children: listOptions.map((itemOption, index) => {
|
|
14903
14919
|
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(MenuItemCustom, { onClick: () => itemOption?.onClick(), style: { borderBottom: ((listOptions?.length - 1) == index) ? '' : '1px solid #EBEBEB',
|
|
14904
14920
|
color: itemOption?.color ? itemOption?.color : '#222'
|
|
@@ -14964,7 +14980,7 @@ const ButtonClose = styled__default["default"].div `
|
|
|
14964
14980
|
}
|
|
14965
14981
|
`;
|
|
14966
14982
|
|
|
14967
|
-
function EmojiPicker({ isOpenPicker, setIsOpenPicker, onEmojiSelect, configPicker }) {
|
|
14983
|
+
function EmojiPicker({ isOpenPicker, setIsOpenPicker, onEmojiSelect, configPicker, styles }) {
|
|
14968
14984
|
const ref = React.useRef();
|
|
14969
14985
|
const [actionAreaEmojiButton, setActionAreaEmojiButton] = React.useState(false);
|
|
14970
14986
|
const [colorEmojiButton, setColorEmojiButton] = React.useState('');
|
|
@@ -14992,7 +15008,7 @@ function EmojiPicker({ isOpenPicker, setIsOpenPicker, onEmojiSelect, configPicke
|
|
|
14992
15008
|
catch (e) { }
|
|
14993
15009
|
}
|
|
14994
15010
|
}, [isOpenPicker]);
|
|
14995
|
-
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { position: 'relative' }, children: [jsxRuntime.jsxs(EmojiWindow, { visible: isOpenPicker, onMouseOver: () => setActionAreaEmojiButton(true), onMouseOut: () => setActionAreaEmojiButton(false), children: [jsxRuntime.jsx(ButtonClose, { onClick: () => setIsOpenPicker(false), children: jsxRuntime.jsx(XIcon, {}) }), jsxRuntime.jsx("div", { ref: ref })] }), jsxRuntime.jsx(SmileIcon, { onMouseOver: () => setActionAreaEmojiButton(true), onMouseOut: () => setActionAreaEmojiButton(false), onClick: () => {
|
|
15011
|
+
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { position: 'relative' }, children: [jsxRuntime.jsxs(EmojiWindow, { visible: isOpenPicker, onMouseOver: () => setActionAreaEmojiButton(true), onMouseOut: () => setActionAreaEmojiButton(false), style: { ...styles }, children: [jsxRuntime.jsx(ButtonClose, { onClick: () => setIsOpenPicker(false), children: jsxRuntime.jsx(XIcon, {}) }), jsxRuntime.jsx("div", { ref: ref })] }), jsxRuntime.jsx(SmileIcon, { onMouseOver: () => setActionAreaEmojiButton(true), onMouseOut: () => setActionAreaEmojiButton(false), onClick: () => {
|
|
14996
15012
|
setIsOpenPicker(!isOpenPicker);
|
|
14997
15013
|
}, children: jsxRuntime.jsx(SmileOutlined, { fill: colorEmojiButton }) })] }) }) });
|
|
14998
15014
|
function configsWhenOpenWindowEmoji() {
|
|
@@ -15032,7 +15048,7 @@ function XIcon() {
|
|
|
15032
15048
|
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: "M17 1L1 17", stroke: "#BDBDBD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M1 1L17 17", stroke: "#BDBDBD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
15033
15049
|
}
|
|
15034
15050
|
|
|
15035
|
-
const InputWrapper = styled__default["default"].div `
|
|
15051
|
+
const InputWrapper$1 = styled__default["default"].div `
|
|
15036
15052
|
display: flex;
|
|
15037
15053
|
align-items:flex-end;
|
|
15038
15054
|
width: 100%;
|
|
@@ -15051,7 +15067,7 @@ const InputWrapper = styled__default["default"].div `
|
|
|
15051
15067
|
${({ focus, theme }) => focus &&
|
|
15052
15068
|
`border: 1px solid` + theme.colors.primary1 + " !important;"}
|
|
15053
15069
|
`;
|
|
15054
|
-
const InputText = styled__default["default"].textarea `
|
|
15070
|
+
const InputText$1 = styled__default["default"].textarea `
|
|
15055
15071
|
display: flex;
|
|
15056
15072
|
align-items: center;
|
|
15057
15073
|
|
|
@@ -15150,7 +15166,7 @@ function InputComment({ placeholder, value, onChange, remain, limit, hasEmoji, s
|
|
|
15150
15166
|
repositionCursorAfterNewEmojiInTextArea([lastPositionStart, lastPositionEnd], emojiObject?.native?.length);
|
|
15151
15167
|
}
|
|
15152
15168
|
};
|
|
15153
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles }, children: [jsxRuntime.jsxs(InputWrapper, { focus: focus, children: [jsxRuntime.jsx(InputText, { ref: refInput, onFocus: () => setFocus(true), onBlur: () => {
|
|
15169
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles }, children: [jsxRuntime.jsxs(InputWrapper$1, { focus: focus, children: [jsxRuntime.jsx(InputText$1, { ref: refInput, onFocus: () => setFocus(true), onBlur: () => {
|
|
15154
15170
|
setFocus(false);
|
|
15155
15171
|
}, onChange: (e) => setStringValueTextArea(e.target.value), value: stringValueTextArea, placeholder: placeholder, maxLength: limit, disabled: disabled }), hasEmoji &&
|
|
15156
15172
|
jsxRuntime.jsx(EmojiPicker, { isOpenPicker: isOpenPicker, setIsOpenPicker: setIsOpenPicker, onEmojiSelect: (emoji) => onEmojiClick(emoji), configPicker: {
|
|
@@ -15158,7 +15174,7 @@ function InputComment({ placeholder, value, onChange, remain, limit, hasEmoji, s
|
|
|
15158
15174
|
perLine: 10,
|
|
15159
15175
|
sheetSize: 8,
|
|
15160
15176
|
language: 'pt'
|
|
15161
|
-
} })] }), showCharacterCounter &&
|
|
15177
|
+
}, styles: {} })] }), showCharacterCounter &&
|
|
15162
15178
|
jsxRuntime.jsxs(HelperText, { children: [limit - remain, "/", limit] })] }) }));
|
|
15163
15179
|
function resizeTextArea(refInput) {
|
|
15164
15180
|
const txResize = (tx) => {
|
|
@@ -15202,6 +15218,701 @@ function InputComment({ placeholder, value, onChange, remain, limit, hasEmoji, s
|
|
|
15202
15218
|
}
|
|
15203
15219
|
}
|
|
15204
15220
|
|
|
15221
|
+
const Button = styled__default["default"].div `
|
|
15222
|
+
${({ variant, disabled, theme }) => {
|
|
15223
|
+
let styleVariant = {
|
|
15224
|
+
'primary': styled.css `
|
|
15225
|
+
display: flex;
|
|
15226
|
+
flex-direction: row;
|
|
15227
|
+
align-items: center;
|
|
15228
|
+
padding: 4px 16px;
|
|
15229
|
+
gap: 8px;
|
|
15230
|
+
width: fit-content;
|
|
15231
|
+
height: 32px;
|
|
15232
|
+
background: ${disabled ? '#BDBDBD' : '#F26818'};
|
|
15233
|
+
border-radius: 8px;
|
|
15234
|
+
cursor: ${disabled ? 'default' : 'pointer'};
|
|
15235
|
+
font-family: 'Work Sans';
|
|
15236
|
+
font-style: normal;
|
|
15237
|
+
font-weight: 700;
|
|
15238
|
+
font-size: 16px;
|
|
15239
|
+
line-height: 19px;
|
|
15240
|
+
display: flex;
|
|
15241
|
+
align-items: center;
|
|
15242
|
+
color: ${({ theme }) => theme.colors.shadeWhite};
|
|
15243
|
+
user-select:none;
|
|
15244
|
+
&:hover {
|
|
15245
|
+
background: ${disabled ? '#BDBDBD' : '#D14211'};
|
|
15246
|
+
}
|
|
15247
|
+
`,
|
|
15248
|
+
'secondary': styled.css `
|
|
15249
|
+
font-family: 'PT Sans';
|
|
15250
|
+
font-style: normal;
|
|
15251
|
+
font-weight: 700;
|
|
15252
|
+
font-size: 16px;
|
|
15253
|
+
width: fit-content;
|
|
15254
|
+
color: ${({ theme }) => disabled ? theme.colors.borderPrimary : theme.colors.neutralsGrey2};
|
|
15255
|
+
cursor: pointer;
|
|
15256
|
+
user-select:none;
|
|
15257
|
+
&:hover {
|
|
15258
|
+
color: ${({ theme }) => disabled ? theme.colors.borderPrimary : theme.colors.messageError1};
|
|
15259
|
+
}
|
|
15260
|
+
&:active {
|
|
15261
|
+
color: ${({ theme }) => disabled ? theme.colors.borderPrimary : theme.colors.secondary5};
|
|
15262
|
+
text-decoration: underline;
|
|
15263
|
+
}
|
|
15264
|
+
|
|
15265
|
+
`
|
|
15266
|
+
};
|
|
15267
|
+
return styleVariant[variant];
|
|
15268
|
+
}}
|
|
15269
|
+
`;
|
|
15270
|
+
|
|
15271
|
+
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 }) }));
|
|
15273
|
+
}
|
|
15274
|
+
|
|
15275
|
+
const WrapperButton = styled__default["default"].div `
|
|
15276
|
+
display: flex;
|
|
15277
|
+
flex-direction: row;
|
|
15278
|
+
width: fit-content;
|
|
15279
|
+
cursor: pointer;
|
|
15280
|
+
gap: 6px;
|
|
15281
|
+
`;
|
|
15282
|
+
const Counter = styled__default["default"].div `
|
|
15283
|
+
font-family: 'PT Sans';
|
|
15284
|
+
font-style: normal;
|
|
15285
|
+
font-weight: ${({ isLiked }) => isLiked ? '700' : '400'};
|
|
15286
|
+
font-size: 14px;
|
|
15287
|
+
line-height: 120%;
|
|
15288
|
+
|
|
15289
|
+
display: flex;
|
|
15290
|
+
align-items: center;
|
|
15291
|
+
text-align: right;
|
|
15292
|
+
|
|
15293
|
+
color: ${({ theme, active }) => active ? theme.colors.linkOnfocus : theme.colors.neutralsGrey2};
|
|
15294
|
+
|
|
15295
|
+
text-decoration: ${({ active }) => active ? 'underline' : 'none'};
|
|
15296
|
+
`;
|
|
15297
|
+
|
|
15298
|
+
function CounterLike({ onClick, total, styles }) {
|
|
15299
|
+
const [actionArea, setActionArea] = React.useState(false);
|
|
15300
|
+
const [counter, setCounter] = React.useState(0);
|
|
15301
|
+
const [isPressed, setIsPressed] = React.useState(false);
|
|
15302
|
+
React.useEffect(() => {
|
|
15303
|
+
setCounter(total);
|
|
15304
|
+
}, [total]);
|
|
15305
|
+
const handleClick = () => {
|
|
15306
|
+
setIsPressed(true);
|
|
15307
|
+
onClick();
|
|
15308
|
+
setTimeout(() => {
|
|
15309
|
+
setIsPressed(false);
|
|
15310
|
+
}, 1000);
|
|
15311
|
+
};
|
|
15312
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(WrapperButton, { onClick: () => handleClick(), onMouseOver: () => setActionArea(true), onMouseOut: () => setActionArea(false), style: { ...styles }, children: [jsxRuntime.jsx(jsxRuntime.Fragment, { children: isPressed ?
|
|
15313
|
+
jsxRuntime.jsx(IconLikeFilled, {})
|
|
15314
|
+
: jsxRuntime.jsx(IconLikeLine, { fill: actionArea ? '#F26818' : '#444444' }) }), counter >= 1 && jsxRuntime.jsx(Counter, { active: actionArea, isLiked: isPressed, children: counter })] }) }));
|
|
15315
|
+
}
|
|
15316
|
+
|
|
15317
|
+
const Wrapper$1 = styled__default["default"].div `
|
|
15318
|
+
display: flex;
|
|
15319
|
+
flex-direction: row;
|
|
15320
|
+
gap: 8px;
|
|
15321
|
+
user-select: none;
|
|
15322
|
+
`;
|
|
15323
|
+
const Name = styled__default["default"].div `
|
|
15324
|
+
font-family: 'PT Sans';
|
|
15325
|
+
font-style: normal;
|
|
15326
|
+
font-weight: 700;
|
|
15327
|
+
font-size: 16px;
|
|
15328
|
+
line-height: 110%;
|
|
15329
|
+
|
|
15330
|
+
color: ${({ theme }) => theme.colors.neutralsGrey1};
|
|
15331
|
+
`;
|
|
15332
|
+
const Text = styled__default["default"].div `
|
|
15333
|
+
font-family: 'PT Sans';
|
|
15334
|
+
font-style: normal;
|
|
15335
|
+
font-weight: 400;
|
|
15336
|
+
font-size: 12px;
|
|
15337
|
+
line-height: 16px;
|
|
15338
|
+
|
|
15339
|
+
color: ${({ theme }) => theme.colors.neutralsGrey3};
|
|
15340
|
+
`;
|
|
15341
|
+
const WrapperText = styled__default["default"].div `
|
|
15342
|
+
display: flex;
|
|
15343
|
+
flex-direction: column;
|
|
15344
|
+
width: fit-content;
|
|
15345
|
+
`;
|
|
15346
|
+
|
|
15347
|
+
function HeaderUser({ avatar, name, text, onClick }) {
|
|
15348
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Wrapper$1, { 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 })] })] }) }));
|
|
15349
|
+
}
|
|
15350
|
+
|
|
15351
|
+
const InputWrapper = styled__default["default"].div `
|
|
15352
|
+
display: flex;
|
|
15353
|
+
align-items: flex-end;
|
|
15354
|
+
justify-content: space-between;
|
|
15355
|
+
width: 100%;
|
|
15356
|
+
height: 40px;
|
|
15357
|
+
background-color: ${({ theme }) => theme.colors.neutralsGrey9};
|
|
15358
|
+
border: 1px solid ${({ theme }) => '#BDBDBD'};
|
|
15359
|
+
border-radius: 24px;
|
|
15360
|
+
${({ isError }) => isError &&
|
|
15361
|
+
`
|
|
15362
|
+
background-color: #FFE0E0;
|
|
15363
|
+
border: 1px solid #C00F00;
|
|
15364
|
+
`}
|
|
15365
|
+
transition: all 0.2s ease-in-out;
|
|
15366
|
+
&:hover {
|
|
15367
|
+
border: 1px solid #F26818;
|
|
15368
|
+
}
|
|
15369
|
+
${({ active, theme, isOnEditing, isError }) => active &&
|
|
15370
|
+
`border: 1px solid ${theme.colors.primary1} !important;
|
|
15371
|
+
height: ${isOnEditing ? 'fit-content !important' : '88px'};
|
|
15372
|
+
border: 2px solid ${isError ? '#C00F00' : '#757575'} !important;
|
|
15373
|
+
border-radius: 16px;
|
|
15374
|
+
flex-direction: column;
|
|
15375
|
+
`}
|
|
15376
|
+
`;
|
|
15377
|
+
const InputText = styled__default["default"].textarea `
|
|
15378
|
+
display: flex;
|
|
15379
|
+
align-items: center;
|
|
15380
|
+
background-color: ${({ theme }) => theme.colors.neutralsGrey9};
|
|
15381
|
+
width: calc(100% - 28px);
|
|
15382
|
+
height: ${({ height }) => height || '20px'};
|
|
15383
|
+
outline: 0;
|
|
15384
|
+
|
|
15385
|
+
font-family: 'Work Sans';
|
|
15386
|
+
font-style: normal;
|
|
15387
|
+
font-weight: normal;
|
|
15388
|
+
font-size: 14px;
|
|
15389
|
+
line-height: 16px;
|
|
15390
|
+
align-self: center;
|
|
15391
|
+
|
|
15392
|
+
overflow: hidden;
|
|
15393
|
+
resize: none;
|
|
15394
|
+
padding: 0;
|
|
15395
|
+
margin: 8px;
|
|
15396
|
+
border: none;
|
|
15397
|
+
align-self: baseline;
|
|
15398
|
+
::placeholder {
|
|
15399
|
+
padding-top: 2px;
|
|
15400
|
+
color: ${({ theme }) => theme.colors.neutralsGrey4};
|
|
15401
|
+
}
|
|
15402
|
+
${({ active, theme }) => active &&
|
|
15403
|
+
`
|
|
15404
|
+
align-items: flex-end;
|
|
15405
|
+
`}
|
|
15406
|
+
${({ isError }) => isError &&
|
|
15407
|
+
`
|
|
15408
|
+
background-color: #FFE0E0;
|
|
15409
|
+
`}
|
|
15410
|
+
`;
|
|
15411
|
+
styled__default["default"].div `
|
|
15412
|
+
display: flex;
|
|
15413
|
+
justify-content: center;
|
|
15414
|
+
align-items: center;
|
|
15415
|
+
width: 40px;
|
|
15416
|
+
height: 40px;
|
|
15417
|
+
|
|
15418
|
+
min-width: 40px;
|
|
15419
|
+
border-radius: 50%;
|
|
15420
|
+
background-color: transparent;
|
|
15421
|
+
margin: 4px;
|
|
15422
|
+
&:hover {
|
|
15423
|
+
background-color: ${({ theme }) => theme.colors.neutralsGrey6};
|
|
15424
|
+
}
|
|
15425
|
+
cursor: pointer;
|
|
15426
|
+
transition: all 0.2s ease-in-out;
|
|
15427
|
+
`;
|
|
15428
|
+
styled__default["default"].span `
|
|
15429
|
+
display: flex;
|
|
15430
|
+
position: absolute;
|
|
15431
|
+
align-items: center;
|
|
15432
|
+
font-family: 'Work Sans';
|
|
15433
|
+
font-style: normal;
|
|
15434
|
+
font-weight: 400;
|
|
15435
|
+
font-size: 12px;
|
|
15436
|
+
line-height: 14px;
|
|
15437
|
+
letter-spacing: -0.02em;
|
|
15438
|
+
color: ${({ theme }) => theme.colors.neutralsGrey2};
|
|
15439
|
+
margin-top: 8px;
|
|
15440
|
+
margin-left: 13px;
|
|
15441
|
+
`;
|
|
15442
|
+
styled__default["default"].div `
|
|
15443
|
+
width: 375px;
|
|
15444
|
+
height: 332px;
|
|
15445
|
+
overflow: hidden;
|
|
15446
|
+
display:${({ visible }) => visible ? 'flex' : 'none'};
|
|
15447
|
+
justify-content: center;
|
|
15448
|
+
top: -330px;
|
|
15449
|
+
right: 0px;
|
|
15450
|
+
background-color: ${({ theme }) => theme.colors.shadeWhite};
|
|
15451
|
+
border: 1px solid ${({ theme }) => theme.colors.neutralsGrey4};
|
|
15452
|
+
position: absolute;
|
|
15453
|
+
|
|
15454
|
+
& > div:nth-child(1) > em-emoji-picker:nth-child(1) {
|
|
15455
|
+
padding: 10px;
|
|
15456
|
+
padding-top: 5px;
|
|
15457
|
+
height: 332px;
|
|
15458
|
+
}
|
|
15459
|
+
`;
|
|
15460
|
+
const TextLimitTx = styled__default["default"].div `
|
|
15461
|
+
font-family: 'Work Sans';
|
|
15462
|
+
font-style: normal;
|
|
15463
|
+
font-weight: 400;
|
|
15464
|
+
font-size: 14px;
|
|
15465
|
+
line-height: 16px;
|
|
15466
|
+
display: flex;
|
|
15467
|
+
align-items: center;
|
|
15468
|
+
/* neutrals/neutral_3 */
|
|
15469
|
+
color: #757575;
|
|
15470
|
+
margin-left: 16px
|
|
15471
|
+
`;
|
|
15472
|
+
const WrapperBtn = styled__default["default"].div `
|
|
15473
|
+
display: flex;
|
|
15474
|
+
flex-direction: row;
|
|
15475
|
+
align-items: flex-end;
|
|
15476
|
+
width: 90%;
|
|
15477
|
+
color: #FFF;
|
|
15478
|
+
margin-top: 22px;
|
|
15479
|
+
`;
|
|
15480
|
+
styled__default["default"].div `
|
|
15481
|
+
font-family: 'PT Sans';
|
|
15482
|
+
font-style: normal;
|
|
15483
|
+
font-weight: 700;
|
|
15484
|
+
font-size: 16px;
|
|
15485
|
+
line-height: 110%;
|
|
15486
|
+
/* identical to box height, or 18px */
|
|
15487
|
+
text-align: right;
|
|
15488
|
+
/* neutrals/neutral_2 */
|
|
15489
|
+
color: #444444;
|
|
15490
|
+
cursor: pointer;
|
|
15491
|
+
`;
|
|
15492
|
+
styled__default["default"].div `
|
|
15493
|
+
display: flex;
|
|
15494
|
+
flex-direction: row;
|
|
15495
|
+
align-items: center;
|
|
15496
|
+
padding: 4px 16px;
|
|
15497
|
+
gap: 8px;
|
|
15498
|
+
width: 98px;
|
|
15499
|
+
height: 32px;
|
|
15500
|
+
background: ${({ disabled }) => disabled ? '#BDBDBD' : '#F26818'};
|
|
15501
|
+
border-radius: 8px;
|
|
15502
|
+
cursor: ${({ disabled }) => disabled ? 'default' : 'pointer'};
|
|
15503
|
+
font-family: 'Work Sans';
|
|
15504
|
+
font-style: normal;
|
|
15505
|
+
font-weight: 700;
|
|
15506
|
+
font-size: 16px;
|
|
15507
|
+
line-height: 19px;
|
|
15508
|
+
/* identical to box height */
|
|
15509
|
+
display: flex;
|
|
15510
|
+
align-items: center;
|
|
15511
|
+
/* shade/white */
|
|
15512
|
+
color: #FFFFFF;
|
|
15513
|
+
`;
|
|
15514
|
+
const AlertManyChars = styled__default["default"].div `
|
|
15515
|
+
font-family: 'Work Sans';
|
|
15516
|
+
font-style: normal;
|
|
15517
|
+
font-weight: 400;
|
|
15518
|
+
font-size: 12px;
|
|
15519
|
+
line-height: 14px;
|
|
15520
|
+
display: flex;
|
|
15521
|
+
flex-direction: row;
|
|
15522
|
+
align-items: center;
|
|
15523
|
+
padding-top: 16px;
|
|
15524
|
+
color: #923534;
|
|
15525
|
+
gap: 8px;
|
|
15526
|
+
|
|
15527
|
+
`;
|
|
15528
|
+
|
|
15529
|
+
function recalcRemain(string, limit) {
|
|
15530
|
+
if (string)
|
|
15531
|
+
return limit - string.length;
|
|
15532
|
+
else
|
|
15533
|
+
return limit;
|
|
15534
|
+
}
|
|
15535
|
+
// function countEmojis(str) {
|
|
15536
|
+
// let match;
|
|
15537
|
+
// let count = 0;
|
|
15538
|
+
// let length = 0;
|
|
15539
|
+
// const regex = emojiRegex();
|
|
15540
|
+
// while (match = regex.exec(str)) {
|
|
15541
|
+
// const emoji = match[0];
|
|
15542
|
+
// count++;
|
|
15543
|
+
// length += Array.from(emoji).length;
|
|
15544
|
+
// }
|
|
15545
|
+
// return {count, length};
|
|
15546
|
+
// }
|
|
15547
|
+
|
|
15548
|
+
function InputCommentPostIt({ placeholder, avatar, value, onChange, limit, hasEmoji, labels, styles, disabled, onClickPublish }) {
|
|
15549
|
+
const [focus, setFocus] = React.useState(false);
|
|
15550
|
+
const [isActiveEdit, setIsActiveEdit] = React.useState(false);
|
|
15551
|
+
const [isErrorManyChars, setErrorManyChars] = React.useState(false);
|
|
15552
|
+
const [isAllowPusblish, setIsAllowPublish] = React.useState(false);
|
|
15553
|
+
const refInput = React.useRef(null);
|
|
15554
|
+
const [isOpenPicker, setIsOpenPicker] = React.useState(false);
|
|
15555
|
+
const [stringValueTextArea, setStringValueTextArea] = React.useState(value || '');
|
|
15556
|
+
const [isChangedInput, setIsChangedInput] = React.useState(false);
|
|
15557
|
+
const [remain, setRemain] = React.useState(0);
|
|
15558
|
+
React.useEffect(() => {
|
|
15559
|
+
resizeTextArea(refInput);
|
|
15560
|
+
onChange(stringValueTextArea);
|
|
15561
|
+
if (stringValueTextArea?.length > 0)
|
|
15562
|
+
setIsChangedInput(true);
|
|
15563
|
+
let newRemain = recalcRemain(stringValueTextArea, limit);
|
|
15564
|
+
setRemain(newRemain);
|
|
15565
|
+
setErrorManyChars(newRemain < 0);
|
|
15566
|
+
setIsAllowPublish(stringValueTextArea?.length > 0);
|
|
15567
|
+
}, [stringValueTextArea]);
|
|
15568
|
+
const onEmojiClick = (emojiObject) => {
|
|
15569
|
+
setIsOpenPicker(false);
|
|
15570
|
+
let lastPositionStart = refInput.current.selectionStart;
|
|
15571
|
+
let lastPositionEnd = refInput.current.selectionEnd;
|
|
15572
|
+
let newStringWithEmoji = handleStringToIncluedEmoji([lastPositionStart, lastPositionEnd], emojiObject.native, refInput.current.innerHTML);
|
|
15573
|
+
let remainPosInsertEmoji = (newStringWithEmoji?.length + emojiObject?.native?.length);
|
|
15574
|
+
if (remainPosInsertEmoji <= limit) {
|
|
15575
|
+
setStringValueTextArea(newStringWithEmoji + '');
|
|
15576
|
+
repositionCursorAfterNewEmojiInTextArea([lastPositionStart, lastPositionEnd], emojiObject?.native?.length);
|
|
15577
|
+
}
|
|
15578
|
+
};
|
|
15579
|
+
const onClickCancel = () => {
|
|
15580
|
+
setStringValueTextArea('');
|
|
15581
|
+
onChange('');
|
|
15582
|
+
setErrorManyChars(false);
|
|
15583
|
+
setIsActiveEdit(false);
|
|
15584
|
+
};
|
|
15585
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles }, children: [jsxRuntime.jsxs(InputWrapper, { active: isActiveEdit, isOnEditing: isChangedInput, isError: isErrorManyChars, children: [!isActiveEdit &&
|
|
15586
|
+
jsxRuntime.jsx("div", { style: { alignSelf: 'center', marginLeft: '4px' }, children: jsxRuntime.jsx(Avatar, { ...avatar, size: '32px' }) }), jsxRuntime.jsx(InputText, { ref: refInput, onFocus: () => {
|
|
15587
|
+
setFocus(true);
|
|
15588
|
+
setIsActiveEdit(true);
|
|
15589
|
+
}, onBlur: () => {
|
|
15590
|
+
setFocus(false);
|
|
15591
|
+
}, onChange: (e) => setStringValueTextArea(e.target.value), value: stringValueTextArea, placeholder: !isActiveEdit ? placeholder : '', maxLength: limit + 1, disabled: disabled, isError: isErrorManyChars }), isActiveEdit &&
|
|
15592
|
+
jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row', justifyContent: 'space-between', width: '100%' }, children: [jsxRuntime.jsxs(TextLimitTx, { children: [limit - remain, "/", limit] }), jsxRuntime.jsx(EmojiPicker, { isOpenPicker: isOpenPicker, setIsOpenPicker: setIsOpenPicker, onEmojiSelect: (emoji) => onEmojiClick(emoji), configPicker: {
|
|
15593
|
+
title: 'FRST FALCONI',
|
|
15594
|
+
perLine: 8,
|
|
15595
|
+
sheetSize: 6,
|
|
15596
|
+
language: 'pt',
|
|
15597
|
+
emojiSize: 20
|
|
15598
|
+
}, styles: { width: '318px' } })] })] }), isErrorManyChars &&
|
|
15599
|
+
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) => onClickCancel(), disabled: false }), jsxRuntime.jsx("div", { style: { marginLeft: '8px', marginRight: '8px', color: '#000' }, children: labels?.or }), jsxRuntime.jsx(MiniButton, { label: stringValueTextArea?.length > 0 ? labels?.save : labels?.publish, variant: 'primary', onClick: () => {
|
|
15600
|
+
if (stringValueTextArea?.length > 0 && !isErrorManyChars)
|
|
15601
|
+
onClickPublish(stringValueTextArea);
|
|
15602
|
+
}, disabled: !(stringValueTextArea?.length > 0) || isErrorManyChars })] }) })] }) }));
|
|
15603
|
+
function resizeTextArea(refInput) {
|
|
15604
|
+
const txResize = (tx) => {
|
|
15605
|
+
tx.style.height = '20px';
|
|
15606
|
+
tx.style.height = tx.scrollHeight + 'px';
|
|
15607
|
+
// setHeightPositionWindowEmoji(tx.scrollHeight - 350 + 'px')
|
|
15608
|
+
};
|
|
15609
|
+
{
|
|
15610
|
+
refInput.current && refInput.current.style && txResize(refInput.current);
|
|
15611
|
+
}
|
|
15612
|
+
}
|
|
15613
|
+
function handleStringToIncluedEmoji(pos, emojiObject, stringValueTextArea) {
|
|
15614
|
+
let finalString = '';
|
|
15615
|
+
if (stringValueTextArea) {
|
|
15616
|
+
if (pos[0] == pos[1]) {
|
|
15617
|
+
finalString = stringValueTextArea.substr(0, pos[0]) + emojiObject + stringValueTextArea.substr(pos[1]);
|
|
15618
|
+
}
|
|
15619
|
+
else if (pos[0] < pos[1]) {
|
|
15620
|
+
finalString = stringValueTextArea.substr(0, pos[0]) + emojiObject + stringValueTextArea.substr(pos[1], stringValueTextArea.length);
|
|
15621
|
+
}
|
|
15622
|
+
else {
|
|
15623
|
+
finalString = stringValueTextArea + emojiObject;
|
|
15624
|
+
}
|
|
15625
|
+
return finalString;
|
|
15626
|
+
}
|
|
15627
|
+
else {
|
|
15628
|
+
return emojiObject;
|
|
15629
|
+
}
|
|
15630
|
+
}
|
|
15631
|
+
function repositionCursorAfterNewEmojiInTextArea(pos, lenghtEmoji) {
|
|
15632
|
+
let newPos = 0;
|
|
15633
|
+
if (pos[0] != pos[1]) { // Cursor in multiple chars selected
|
|
15634
|
+
newPos = pos[0] + (lenghtEmoji ? lenghtEmoji : 0);
|
|
15635
|
+
}
|
|
15636
|
+
else { // Cursor text in specific point
|
|
15637
|
+
newPos = pos[1] + (lenghtEmoji ? lenghtEmoji : 0);
|
|
15638
|
+
}
|
|
15639
|
+
refInput.current.setSelectionRange(newPos, newPos);
|
|
15640
|
+
}
|
|
15641
|
+
}
|
|
15642
|
+
|
|
15643
|
+
const Wrapper = styled__default["default"].div `
|
|
15644
|
+
display: flex;
|
|
15645
|
+
flex-direction: row;
|
|
15646
|
+
width: fit-content;
|
|
15647
|
+
justify-content: space-between;
|
|
15648
|
+
align-items: center;
|
|
15649
|
+
`;
|
|
15650
|
+
const WrapperActions = styled__default["default"].div `
|
|
15651
|
+
display: flex;
|
|
15652
|
+
flex-direction: row;
|
|
15653
|
+
justify-content: center;
|
|
15654
|
+
align-items: center;
|
|
15655
|
+
margin-left: 12px;
|
|
15656
|
+
`;
|
|
15657
|
+
|
|
15658
|
+
function HeaderImprovementIdea({ user, like, menuMore, styles }) {
|
|
15659
|
+
const [userState, setUserState] = React.useState(user);
|
|
15660
|
+
const [likeState, setLikeState] = React.useState(like);
|
|
15661
|
+
const [menuMoreState, setMenuMoreState] = React.useState(menuMore);
|
|
15662
|
+
React.useEffect(() => {
|
|
15663
|
+
setUserState(user);
|
|
15664
|
+
setLikeState(like);
|
|
15665
|
+
setMenuMoreState(menuMore);
|
|
15666
|
+
}, [user, like, menuMore]);
|
|
15667
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Wrapper, { 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 &&
|
|
15668
|
+
jsxRuntime.jsx(MenuMore, { options: menuMore })] })] }) }));
|
|
15669
|
+
}
|
|
15670
|
+
|
|
15671
|
+
const TextShowMore = styled__default["default"].div `
|
|
15672
|
+
font-family: 'PT Sans';
|
|
15673
|
+
font-style: normal;
|
|
15674
|
+
font-weight: 400;
|
|
15675
|
+
font-size: 16px;
|
|
15676
|
+
line-height: 110%;
|
|
15677
|
+
|
|
15678
|
+
display: flex;
|
|
15679
|
+
align-items: center;
|
|
15680
|
+
cursor: pointer;
|
|
15681
|
+
gap: 8px;
|
|
15682
|
+
|
|
15683
|
+
color: ${({ theme, disabled }) => disabled ? theme.colors.disabledLabelGray : theme.colors.neutralsGrey2};
|
|
15684
|
+
|
|
15685
|
+
&:hover {
|
|
15686
|
+
color: ${({ theme, disabled }) => disabled ? theme.colors.disabledLabelGray : theme.colors.linkOnfocus};
|
|
15687
|
+
text-decoration: ${({ disabled }) => disabled ? 'none' : 'underline'};
|
|
15688
|
+
}
|
|
15689
|
+
&:active {
|
|
15690
|
+
font-weight: ${({ disabled }) => disabled ? '400' : '700'};
|
|
15691
|
+
}
|
|
15692
|
+
`;
|
|
15693
|
+
|
|
15694
|
+
function ShowMore({ labels, disabled, isOpen, total, onClick }) {
|
|
15695
|
+
const [actionArea, setActionArea] = React.useState(false);
|
|
15696
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(TextShowMore, { disabled: disabled, onMouseOver: () => setActionArea(true), onMouseOut: () => setActionArea(false), onClick: () => !disabled && onClick(), children: [isOpen ?
|
|
15697
|
+
labels?.showLess :
|
|
15698
|
+
`${labels?.showMore} ${(total > 0) ? `(${total})` : ''}`, isOpen &&
|
|
15699
|
+
jsxRuntime.jsx(ArrowShowMoreLess, { fill: (actionArea && !disabled) ?
|
|
15700
|
+
'#0645AD'
|
|
15701
|
+
:
|
|
15702
|
+
disabled ? '#d3d3d3' : '#444' })] }) }));
|
|
15703
|
+
}
|
|
15704
|
+
|
|
15705
|
+
const ContainerComentario = styled__default["default"].div `
|
|
15706
|
+
width: 250px;
|
|
15707
|
+
box-sizing: border-box;
|
|
15708
|
+
display: flex;
|
|
15709
|
+
flex-direction: column;
|
|
15710
|
+
justify-content: flex-start;
|
|
15711
|
+
align-items: ${(props) => (props.activeComentario ? 'flex-start' : 'center')};
|
|
15712
|
+
padding: 4px 16px 4px 4px;
|
|
15713
|
+
background: #f2f2f2;
|
|
15714
|
+
border: ${(props) => (props.activeComentario ? '2px solid #757575' : '1px solid #bdbdbd')};
|
|
15715
|
+
border-radius: ${(props) => (props.activeComentario ? '16px' : '100px')};
|
|
15716
|
+
order: 1;
|
|
15717
|
+
flex-grow: 0;
|
|
15718
|
+
padding: 0.5rem;
|
|
15719
|
+
font-family: 'Work Sans';
|
|
15720
|
+
font-style: normal;
|
|
15721
|
+
font-weight: 400;
|
|
15722
|
+
font-size: 14px;
|
|
15723
|
+
line-height: 19px;
|
|
15724
|
+
color: #222222;
|
|
15725
|
+
|
|
15726
|
+
${(props) => props.error &&
|
|
15727
|
+
styled.css `
|
|
15728
|
+
background: #ffe0e0;
|
|
15729
|
+
border: 2px solid #c00f00;
|
|
15730
|
+
`}
|
|
15731
|
+
|
|
15732
|
+
cursor: pointer;
|
|
15733
|
+
:hover {
|
|
15734
|
+
border: 1px solid #f26818;
|
|
15735
|
+
}
|
|
15736
|
+
`;
|
|
15737
|
+
const imagemComentario = styled__default["default"].div `
|
|
15738
|
+
${(props) => props.activeComentario &&
|
|
15739
|
+
styled.css `
|
|
15740
|
+
padding-top: 0.5rem;
|
|
15741
|
+
`}
|
|
15742
|
+
`;
|
|
15743
|
+
const IpuntComentario = styled__default["default"].textarea `
|
|
15744
|
+
width: 100%;
|
|
15745
|
+
background: #f2f2f2;
|
|
15746
|
+
height: ${(props) => (props.activeComentario ? '100' : '17px')};
|
|
15747
|
+
border: none;
|
|
15748
|
+
padding: 0rem 0.5rem 0rem 0.5rem;
|
|
15749
|
+
font-family: 'Work Sans';
|
|
15750
|
+
font-style: normal;
|
|
15751
|
+
font-weight: 400;
|
|
15752
|
+
font-size: 14px;
|
|
15753
|
+
line-height: 19px;
|
|
15754
|
+
color: #222222;
|
|
15755
|
+
overflow: hidden;
|
|
15756
|
+
resize: none;
|
|
15757
|
+
|
|
15758
|
+
${(props) => props.activeComentario &&
|
|
15759
|
+
styled.css `
|
|
15760
|
+
margin-bottom: 1rem;
|
|
15761
|
+
padding-top: 1rem;
|
|
15762
|
+
`}
|
|
15763
|
+
|
|
15764
|
+
${(props) => props.error &&
|
|
15765
|
+
styled.css `
|
|
15766
|
+
background: #ffe0e0;
|
|
15767
|
+
`}
|
|
15768
|
+
`;
|
|
15769
|
+
const imagemAndIput = styled__default["default"].div `
|
|
15770
|
+
display: flex;
|
|
15771
|
+
flex-direction: row;
|
|
15772
|
+
${(props) => !props.activeComentario &&
|
|
15773
|
+
styled.css `
|
|
15774
|
+
align-items: center;
|
|
15775
|
+
`}
|
|
15776
|
+
`;
|
|
15777
|
+
const containerCountAndEmojis = styled__default["default"].div `
|
|
15778
|
+
width: 100%;
|
|
15779
|
+
display: flex;
|
|
15780
|
+
flex-direction: row;
|
|
15781
|
+
justify-content: space-between;
|
|
15782
|
+
`;
|
|
15783
|
+
const valueCount = styled__default["default"].div `
|
|
15784
|
+
width: 3rem;
|
|
15785
|
+
font-family: 'Work Sans';
|
|
15786
|
+
font-style: normal;
|
|
15787
|
+
font-weight: 400;
|
|
15788
|
+
font-size: 14px;
|
|
15789
|
+
line-height: 16px;
|
|
15790
|
+
display: flex;
|
|
15791
|
+
align-items: center;
|
|
15792
|
+
color: #757575;
|
|
15793
|
+
padding-bottom: 0.5rem;
|
|
15794
|
+
padding-left: 0.5rem;
|
|
15795
|
+
`;
|
|
15796
|
+
const valueEmoji = styled__default["default"].div `
|
|
15797
|
+
padding-bottom: 0.5rem;
|
|
15798
|
+
padding-right: 0.5rem;
|
|
15799
|
+
`;
|
|
15800
|
+
const containerError = styled__default["default"].div `
|
|
15801
|
+
margin-top: 1rem;
|
|
15802
|
+
display: flex;
|
|
15803
|
+
flex-direction: row;
|
|
15804
|
+
width: 300px;
|
|
15805
|
+
align-items: center;
|
|
15806
|
+
svg {
|
|
15807
|
+
margin-right: 0.5rem;
|
|
15808
|
+
}
|
|
15809
|
+
p {
|
|
15810
|
+
font-family: 'Work Sans';
|
|
15811
|
+
font-style: normal;
|
|
15812
|
+
font-weight: 400;
|
|
15813
|
+
font-size: 12px;
|
|
15814
|
+
line-height: 14px;
|
|
15815
|
+
color: #923534;
|
|
15816
|
+
}
|
|
15817
|
+
`;
|
|
15818
|
+
|
|
15819
|
+
const useAutosizeTextArea = (textAreaRef, value) => {
|
|
15820
|
+
React.useEffect(() => {
|
|
15821
|
+
if (textAreaRef) {
|
|
15822
|
+
textAreaRef.style.height = '100px';
|
|
15823
|
+
const scrollHeight = textAreaRef.scrollHeight;
|
|
15824
|
+
textAreaRef.style.height = scrollHeight + 'px';
|
|
15825
|
+
}
|
|
15826
|
+
}, [textAreaRef, value]);
|
|
15827
|
+
};
|
|
15828
|
+
|
|
15829
|
+
function IcrementarIdeia(props) {
|
|
15830
|
+
const [activeComentario, setActiveComentario] = React.useState(false);
|
|
15831
|
+
const [textCount, setTextCount] = React.useState(0);
|
|
15832
|
+
const [isError, setIsError] = React.useState(false);
|
|
15833
|
+
// const [value, setValue] = useState('')
|
|
15834
|
+
const textAreaRef = React.useRef(null);
|
|
15835
|
+
const [isOpenPicker, setIsOpenPicker] = React.useState();
|
|
15836
|
+
// const refInput = useRef(null)
|
|
15837
|
+
const [stringValueTextArea, setStringValueTextArea] = React.useState('');
|
|
15838
|
+
useAutosizeTextArea(textAreaRef.current, stringValueTextArea);
|
|
15839
|
+
const [listaTexto, setListaTexto] = React.useState('');
|
|
15840
|
+
React.useEffect(() => {
|
|
15841
|
+
console.log('lista para contar ', listaTexto);
|
|
15842
|
+
const txList = listaTexto.split('');
|
|
15843
|
+
setTextCount(txList.length);
|
|
15844
|
+
if (props.limitTexto) {
|
|
15845
|
+
if (txList.length > props.limitTexto) {
|
|
15846
|
+
setIsError(true);
|
|
15847
|
+
}
|
|
15848
|
+
else {
|
|
15849
|
+
setIsError(false);
|
|
15850
|
+
}
|
|
15851
|
+
}
|
|
15852
|
+
else if (txList.length > 350) {
|
|
15853
|
+
setIsError(true);
|
|
15854
|
+
}
|
|
15855
|
+
else if (txList.length < 350) {
|
|
15856
|
+
setIsError(false);
|
|
15857
|
+
}
|
|
15858
|
+
}, [stringValueTextArea, listaTexto]);
|
|
15859
|
+
const handleChange = (evt) => {
|
|
15860
|
+
const texto = evt.target?.value;
|
|
15861
|
+
setStringValueTextArea(texto);
|
|
15862
|
+
setListaTexto(texto);
|
|
15863
|
+
};
|
|
15864
|
+
function onEmojiClick(emojiObject) {
|
|
15865
|
+
const valueTextarea = document.getElementById('txtTextArea').innerHTML;
|
|
15866
|
+
if (!valueTextarea || valueTextarea?.length < props.limit) {
|
|
15867
|
+
let lastPositionStart = textAreaRef.current.selectionStart;
|
|
15868
|
+
let lastPositionEnd = textAreaRef.current.selectionEnd;
|
|
15869
|
+
let newStringWithEmoji = handleStringToIncluedEmoji([lastPositionStart, lastPositionEnd], emojiObject.native, valueTextarea);
|
|
15870
|
+
setStringValueTextArea(newStringWithEmoji + '');
|
|
15871
|
+
setListaTexto(newStringWithEmoji);
|
|
15872
|
+
repositionCursorAfterNewEmojiInTextArea([lastPositionStart, lastPositionEnd], emojiObject?.native?.length);
|
|
15873
|
+
}
|
|
15874
|
+
}
|
|
15875
|
+
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: {
|
|
15876
|
+
title: 'FRST FALCONI',
|
|
15877
|
+
perLine: 10,
|
|
15878
|
+
sheetSize: 8,
|
|
15879
|
+
language: 'pt'
|
|
15880
|
+
}, styles: {} })) })] }))] }), isError && (jsxRuntime.jsxs(containerError, { children: [jsxRuntime.jsx(ErrorAlert, {}), jsxRuntime.jsx("p", { children: props.txtError })] }))] }));
|
|
15881
|
+
function repositionCursorAfterNewEmojiInTextArea(pos, lenghtEmoji) {
|
|
15882
|
+
let newPos = 0;
|
|
15883
|
+
if (pos[0] != pos[1]) {
|
|
15884
|
+
// Cursor in multiple chars selected
|
|
15885
|
+
newPos = pos[0] + (lenghtEmoji ? lenghtEmoji : 0);
|
|
15886
|
+
}
|
|
15887
|
+
else {
|
|
15888
|
+
// Cursor text in specific point
|
|
15889
|
+
newPos = pos[1] + (lenghtEmoji ? lenghtEmoji : 0);
|
|
15890
|
+
}
|
|
15891
|
+
textAreaRef.current.setSelectionRange(newPos, newPos);
|
|
15892
|
+
}
|
|
15893
|
+
function handleStringToIncluedEmoji(pos, emojiObject, stringValueTextArea) {
|
|
15894
|
+
let finalString = '';
|
|
15895
|
+
if (stringValueTextArea) {
|
|
15896
|
+
if (pos[0] == pos[1]) {
|
|
15897
|
+
finalString = stringValueTextArea.substr(0, pos[0]) + emojiObject + stringValueTextArea.substr(pos[1]);
|
|
15898
|
+
}
|
|
15899
|
+
else if (pos[0] < pos[1]) {
|
|
15900
|
+
finalString =
|
|
15901
|
+
stringValueTextArea.substr(0, pos[0]) +
|
|
15902
|
+
emojiObject +
|
|
15903
|
+
stringValueTextArea.substr(pos[1], stringValueTextArea.length);
|
|
15904
|
+
}
|
|
15905
|
+
else {
|
|
15906
|
+
finalString = stringValueTextArea + emojiObject;
|
|
15907
|
+
}
|
|
15908
|
+
return finalString;
|
|
15909
|
+
}
|
|
15910
|
+
else {
|
|
15911
|
+
return emojiObject;
|
|
15912
|
+
}
|
|
15913
|
+
}
|
|
15914
|
+
}
|
|
15915
|
+
|
|
15205
15916
|
exports.AccordionTrackList = AccordionTrackList;
|
|
15206
15917
|
exports.AddIcon = AddIcon;
|
|
15207
15918
|
exports.AlertCicle = AlertCicle;
|
|
@@ -15215,7 +15926,7 @@ exports.BannerProblemFeed = BannerProblemFeed;
|
|
|
15215
15926
|
exports.BannerSRG = BannerSRG;
|
|
15216
15927
|
exports.BaseCard = EmptyCard;
|
|
15217
15928
|
exports.Books = Books;
|
|
15218
|
-
exports.Button = Button$
|
|
15929
|
+
exports.Button = Button$4;
|
|
15219
15930
|
exports.ButtonContent = ButtonContent;
|
|
15220
15931
|
exports.ButtonGroup = ButtonGroup;
|
|
15221
15932
|
exports.CalendarCard = CalendarCard;
|
|
@@ -15242,6 +15953,7 @@ exports.Content = Content$3;
|
|
|
15242
15953
|
exports.ContentCycle = ContentCycle;
|
|
15243
15954
|
exports.ContentSwitcher = ContentSwitcher;
|
|
15244
15955
|
exports.ContentThumbnails = ContentThumbnails;
|
|
15956
|
+
exports.CounterLike = CounterLike;
|
|
15245
15957
|
exports.DateRangePicker = StepLearningCycle;
|
|
15246
15958
|
exports.Diamond = Diamond;
|
|
15247
15959
|
exports.DoubleCheck = DoubleCheck;
|
|
@@ -15258,11 +15970,15 @@ exports.GlobalMenu = GlobalMenu;
|
|
|
15258
15970
|
exports.GroupStatistics = TotalizerCard;
|
|
15259
15971
|
exports.HeaderChallenge = HeaderChallenge;
|
|
15260
15972
|
exports.HeaderContent = HeaderContent;
|
|
15973
|
+
exports.HeaderImprovementIdea = HeaderImprovementIdea;
|
|
15974
|
+
exports.HeaderUser = HeaderUser;
|
|
15261
15975
|
exports.HomeFilledIcon = HomeFilledIcon;
|
|
15262
15976
|
exports.HomeLineIcon = HomeLineIcon;
|
|
15263
15977
|
exports.IconContent = IconContent;
|
|
15264
15978
|
exports.IconNotification = IconNotification;
|
|
15979
|
+
exports.IcrementarIdeia = IcrementarIdeia;
|
|
15265
15980
|
exports.InputComment = InputComment$1;
|
|
15981
|
+
exports.InputCommentPostIt = InputCommentPostIt;
|
|
15266
15982
|
exports.InputCommentV2 = InputComment;
|
|
15267
15983
|
exports.InstagramIcon = InstagramIcon;
|
|
15268
15984
|
exports.InteractionsModal = InteractionsModal;
|
|
@@ -15282,6 +15998,7 @@ exports.MedalFilledIcon = MedalFilledIcon;
|
|
|
15282
15998
|
exports.MedalLineIcon = MedalLineIcon;
|
|
15283
15999
|
exports.MenuMore = MenuMore;
|
|
15284
16000
|
exports.MessageBox = MessageBox;
|
|
16001
|
+
exports.MiniButton = MiniButton;
|
|
15285
16002
|
exports.Modal = Modal;
|
|
15286
16003
|
exports.ModalLearningTech = ModalLearningTech;
|
|
15287
16004
|
exports.ModalStatusProblema = ModalStatusProblema;
|
|
@@ -15314,6 +16031,7 @@ exports.SearchResults = SearchResults;
|
|
|
15314
16031
|
exports.Select = SelectFRST;
|
|
15315
16032
|
exports.SelectLXP = SelectLXP;
|
|
15316
16033
|
exports.SessionFilters = SessionFilters;
|
|
16034
|
+
exports.ShowMore = ShowMore;
|
|
15317
16035
|
exports.SiteIcon = SiteIcon;
|
|
15318
16036
|
exports.SmallSRGBanner = SmallSRGBanner;
|
|
15319
16037
|
exports.SpecialistContact = SpecialistContact;
|