frst-components 0.28.6 → 0.28.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -147,7 +147,7 @@ function GoalIcon() {
|
|
|
147
147
|
function ExclamationIcon() {
|
|
148
148
|
return (jsxRuntime.jsx("svg", { width: "23", height: "22", viewBox: "0 0 23 22", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M11.4998 5.58366C12.0957 5.58366 12.5832 6.07116 12.5832 6.66699V11.0003C12.5832 11.5962 12.0957 12.0837 11.4998 12.0837C10.904 12.0837 10.4165 11.5962 10.4165 11.0003V6.66699C10.4165 6.07116 10.904 5.58366 11.4998 5.58366ZM11.4998 14.2503C12.0957 14.2503 12.5832 14.7378 12.5832 15.3337C12.5832 15.9295 12.0957 16.417 11.4998 16.417C10.904 16.417 10.4165 15.9295 10.4165 15.3337C10.4165 14.7378 10.904 14.2503 11.4998 14.2503Z", fill: "white" }) }));
|
|
149
149
|
}
|
|
150
|
-
function StarIcon$
|
|
150
|
+
function StarIcon$2({ color = '#FDAE15', width = 16, height = 15 }) {
|
|
151
151
|
return (jsxRuntime.jsx("svg", { width: width, height: height, viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M7.10583 1.78577C7.47454 1.04941 8.52546 1.04941 8.89417 1.78578L10.2379 4.46942C10.3846 4.76228 10.6653 4.96476 10.9895 5.01147L13.9722 5.44126C14.7966 5.56004 15.123 6.57552 14.5222 7.15236L12.3838 9.20561C12.1439 9.436 12.0342 9.77062 12.0912 10.0983L12.5982 13.0121C12.74 13.8272 11.8872 14.4521 11.1527 14.0713L8.46025 12.6755C8.17166 12.5259 7.82834 12.5259 7.53975 12.6755L4.8473 14.0713C4.11284 14.4521 3.26005 13.8272 3.40185 13.0122L3.9088 10.0983C3.96581 9.77062 3.85614 9.436 3.61619 9.20561L1.47778 7.15236C0.877006 6.57552 1.2034 5.56004 2.02776 5.44126L5.01053 5.01147C5.33469 4.96476 5.61544 4.76227 5.76208 4.46942L7.10583 1.78577Z", fill: color, stroke: color, strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
152
152
|
}
|
|
153
153
|
function LocalizationIcon() {
|
|
@@ -1918,7 +1918,7 @@ styleInject(css_248z$m);
|
|
|
1918
1918
|
*
|
|
1919
1919
|
* @componente
|
|
1920
1920
|
*/
|
|
1921
|
-
function StarIcon(props) {
|
|
1921
|
+
function StarIcon$1(props) {
|
|
1922
1922
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("svg", { width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M14.0989 0.872803C14.4623 0.117576 15.5377 0.117574 15.9011 0.872801L19.7145 8.7983C19.8581 9.09663 20.14 9.30458 20.4674 9.35367L29.0382 10.6388C29.8501 10.7606 30.1775 11.7548 29.5967 12.3352L23.3644 18.5625C23.1358 18.791 23.0316 19.1159 23.085 19.4348L24.5511 28.2045C24.6883 29.025 23.8221 29.6445 23.09 29.2495L15.4748 25.1411C15.1785 24.9812 14.8215 24.9812 14.5252 25.1411L6.91 29.2495C6.17789 29.6445 5.31171 29.025 5.44888 28.2045L6.91505 19.4348C6.96835 19.1159 6.86424 18.791 6.63556 18.5625L0.403279 12.3352C-0.17751 11.7548 0.149858 10.7606 0.961814 10.6388L9.53263 9.35367C9.86003 9.30458 10.1419 9.09663 10.2855 8.79831L14.0989 0.872803Z", fill: props.color }) }) }));
|
|
1923
1923
|
}
|
|
1924
1924
|
|
|
@@ -1940,7 +1940,7 @@ function Rating$1(props) {
|
|
|
1940
1940
|
'#FFC200',
|
|
1941
1941
|
'#FF4D0D',
|
|
1942
1942
|
];
|
|
1943
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$g.container, style: { ...props.style }, children: [jsxRuntime.jsx("div", { className: style$g.titulo, style: { display: 'flex', justifyContent: 'flex-start', alignItems: 'center', fontSize: 16, fontWeight: 600 }, children: props.titulo }), jsxRuntime.jsxs("div", { className: style$g.content, style: { display: 'flex', width: '100%', justifyContent: 'flex-start', alignItems: 'flex-start' }, children: [jsxRuntime.jsxs("div", { className: style$g.star, style: { display: 'inline-flex', width: 35, height: 35, position: 'relative', justifyContent: 'center', alignItems: 'center' }, children: [jsxRuntime.jsx(StarIcon, { color: MapColorStar[props.tipoVisualizacao - 1] }), jsxRuntime.jsx("span", { style: { position: 'absolute', fontSize: 10, color: MapColorNumberStar[props.tipoVisualizacao - 1], fontWeight: 'bold', top: 12, textAlign: 'center' }, children: props.nota })] }), jsxRuntime.jsxs("div", { className: style$g.avaliacao, style: { justifyContent: props.descricaoAvaliacao ? 'flex-start' : 'center' }, children: [jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 600 }, children: props.descricaoAvaliacao }), jsxRuntime.jsx("span", { style: { fontSize: 12, fontWeight: 400 }, children: `${props.qtdeAvaliacao} ${props.qtdeAvaliacao > 1 ? props.nomeAvaliacao : props.nomeAvaliacao}` })] })] })] }) }));
|
|
1943
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$g.container, style: { ...props.style }, children: [jsxRuntime.jsx("div", { className: style$g.titulo, style: { display: 'flex', justifyContent: 'flex-start', alignItems: 'center', fontSize: 16, fontWeight: 600 }, children: props.titulo }), jsxRuntime.jsxs("div", { className: style$g.content, style: { display: 'flex', width: '100%', justifyContent: 'flex-start', alignItems: 'flex-start' }, children: [jsxRuntime.jsxs("div", { className: style$g.star, style: { display: 'inline-flex', width: 35, height: 35, position: 'relative', justifyContent: 'center', alignItems: 'center' }, children: [jsxRuntime.jsx(StarIcon$1, { color: MapColorStar[props.tipoVisualizacao - 1] }), jsxRuntime.jsx("span", { style: { position: 'absolute', fontSize: 10, color: MapColorNumberStar[props.tipoVisualizacao - 1], fontWeight: 'bold', top: 12, textAlign: 'center' }, children: props.nota })] }), jsxRuntime.jsxs("div", { className: style$g.avaliacao, style: { justifyContent: props.descricaoAvaliacao ? 'flex-start' : 'center' }, children: [jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 600 }, children: props.descricaoAvaliacao }), jsxRuntime.jsx("span", { style: { fontSize: 12, fontWeight: 400 }, children: `${props.qtdeAvaliacao} ${props.qtdeAvaliacao > 1 ? props.nomeAvaliacao : props.nomeAvaliacao}` })] })] })] }) }));
|
|
1944
1944
|
}
|
|
1945
1945
|
|
|
1946
1946
|
var css_248z$l = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=VT323&display=swap');\n\n.RatingCurtidas-module_container__Ns11t {\n width: 150px;\n padding: 8px;\n height: 80px;\n display: flex;\n justify-content: 'flex-start';\n align-items: 'center';\n position: relative;\n margin-left: 16px;\n flex-direction: row;\n flex-wrap: wrap;\n font-family: 'Work Sans';\n \n}\n";
|
|
@@ -8781,6 +8781,9 @@ const TypeProgressText = styled__default["default"].p `
|
|
|
8781
8781
|
line-height: 11.73px;
|
|
8782
8782
|
`;
|
|
8783
8783
|
|
|
8784
|
+
function StarIcon() {
|
|
8785
|
+
return (jsxRuntime.jsx("svg", { width: "14", height: "13", viewBox: "0 0 14 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M6.57085 0.717765C6.7649 0.393208 7.2351 0.393208 7.42915 0.717765L9.18631 3.65671C9.25631 3.77378 9.37108 3.85717 9.50405 3.88756L12.8421 4.65054C13.2108 4.7348 13.3561 5.18198 13.1074 5.46682L10.8553 8.04618C10.7656 8.14892 10.7217 8.28385 10.7339 8.41969L11.0398 11.8302C11.0736 12.2068 10.6932 12.4832 10.3454 12.3347L7.19637 10.9899C7.07094 10.9363 6.92906 10.9363 6.80363 10.9899L3.65458 12.3347C3.30682 12.4832 2.92643 12.2068 2.96021 11.8302L3.2661 8.41969C3.27828 8.28385 3.23444 8.14892 3.14473 8.04618L0.892626 5.46682C0.643919 5.18198 0.789216 4.7348 1.15785 4.65054L4.49595 3.88756C4.62892 3.85717 4.74369 3.77378 4.81369 3.65671L6.57085 0.717765Z", fill: "white" }) }));
|
|
8786
|
+
}
|
|
8784
8787
|
const ProgressGoalBar = ({ start, current, goal, isVisibleMessage = true }) => {
|
|
8785
8788
|
const { isGoalExceeded, isGoalReached, positions, noGoal, noResult, resultEvolved, stabilizeExceeding, stabilizeDecreased, stabilize, isGoalDecreased, isGoalIncrease } = useProgressGoalBar({
|
|
8786
8789
|
start,
|
|
@@ -8798,7 +8801,7 @@ const ProgressGoalBar = ({ start, current, goal, isVisibleMessage = true }) => {
|
|
|
8798
8801
|
return positions?.currentTextInit;
|
|
8799
8802
|
}
|
|
8800
8803
|
};
|
|
8801
|
-
return (jsxRuntime.jsxs(WrapperProgressGoalBar, { children: [isVisibleMessage && jsxRuntime.jsx(TextUP, { children: positions?.message }), jsxRuntime.jsxs(ProgressGoalBarContainer, { children: [jsxRuntime.jsx(StartIndicator, { position: positions?.start, children: jsxRuntime.jsx(LocalizationIcon, {}) }), !stabilizeDecreased && jsxRuntime.jsx(IndicatorTextInit, { noResult: noResult, position: positions?.start, isGoalReached: isGoalReached, isGoalExceeded: isGoalExceeded, resultEvolved: resultEvolved, start: positions?.start, stabilize: stabilize, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Number$1, { children: start }), jsxRuntime.jsx(TypeProgressText, { children: getDisplayText() })] }) }), !isGoalReached && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CurrentIndicator, { status: positions?.currentVariant, position: positions?.current, children: isGoalExceeded ? jsxRuntime.jsx(StarIcon
|
|
8804
|
+
return (jsxRuntime.jsxs(WrapperProgressGoalBar, { children: [isVisibleMessage && jsxRuntime.jsx(TextUP, { children: positions?.message }), jsxRuntime.jsxs(ProgressGoalBarContainer, { children: [jsxRuntime.jsx(StartIndicator, { position: positions?.start, children: jsxRuntime.jsx(LocalizationIcon, {}) }), !stabilizeDecreased && jsxRuntime.jsx(IndicatorTextInit, { noResult: noResult, position: positions?.start, isGoalReached: isGoalReached, isGoalExceeded: isGoalExceeded, resultEvolved: resultEvolved, start: positions?.start, stabilize: stabilize, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Number$1, { children: start }), jsxRuntime.jsx(TypeProgressText, { children: getDisplayText() })] }) }), !isGoalReached && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CurrentIndicator, { status: positions?.currentVariant, position: positions?.current, children: isGoalExceeded ? jsxRuntime.jsx(StarIcon, {}) : jsxRuntime.jsx(ExclamationIcon, {}) }), jsxRuntime.jsx(IndicatorTextCurrent, { position: positions?.current, noGoal: noGoal, noResult: noResult, children: !noResult && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Number$1, { children: current }), jsxRuntime.jsx(TypeProgressText, { children: positions?.currenText })] })) })] })), jsxRuntime.jsx(EndIndicator, { position: positions?.goal, isGoalExceeded: isGoalExceeded, isGoalReached: isGoalReached, children: jsxRuntime.jsx(GoalIcon, {}) }), jsxRuntime.jsxs(IndicatorText, { position: positions?.goal, stabilize: stabilize || stabilizeDecreased, children: [jsxRuntime.jsx(Number$1, { children: !stabilizeExceeding && goal }), jsxRuntime.jsx(TypeProgressText, { children: stabilizeExceeding || stabilize ? positions?.textGoal : positions?.TextoGoalDefault })] }), jsxRuntime.jsx(ProgressBarColor, { isGoalExceeded: isGoalExceeded, width: positions?.[positions?.barRef], hasRegressed: noGoal, isGoalDecreased: isGoalDecreased, isGoalIncrese: isGoalIncrease, stabileze: stabilize })] })] }));
|
|
8802
8805
|
};
|
|
8803
8806
|
|
|
8804
8807
|
const Container$m = styled__default["default"].div `
|
|
@@ -20691,7 +20694,7 @@ const ListOfUsersContent = styled__default["default"].div `
|
|
|
20691
20694
|
|
|
20692
20695
|
function ModalShowUsers({ isOpen, handleClose, goalUsers = [], onClickAvatar }) {
|
|
20693
20696
|
const sortedUsers = [...goalUsers].sort((a, b) => b.author - a.author);
|
|
20694
|
-
return (jsxRuntime.jsx(material.Modal, { open: isOpen, onClose: handleClose, children: jsxRuntime.jsx(ModalBox, { children: jsxRuntime.jsxs(Container$2, { children: [jsxRuntime.jsxs(ModalTitle, { children: [jsxRuntime.jsx(material.Typography, { component: 'p', children: "Grupo de execu\u00E7\u00E3o do desafio" }), jsxRuntime.jsx(CloseButton, { onClick: handleClose, children: jsxRuntime.jsx(CloseIcon, { stroke: '#000' }) })] }), jsxRuntime.jsx(material.Divider, { style: { width: '100%', color: '#E0E0E0' } }), jsxRuntime.jsx(ListOfUsers, { children: sortedUsers.map((user) => (jsxRuntime.jsxs(ListOfUsersContent, { children: [jsxRuntime.jsx(material.Box, { display: 'flex', flexDirection: 'column', marginTop: '9px', width: "100%", children: jsxRuntime.jsxs(material.Box, { display: 'flex', alignItems: 'center', gap: '9px', children: [jsxRuntime.jsx(material.Avatar, { src: user.avatar || 'https://cdn-images.frstfalconi.cloud/path582.svg', sx: { width: 48, height: 48, marginBottom: '10px', cursor: 'pointer' }, onClick: () => onClickAvatar(user.user_uuid) }), jsxRuntime.jsxs(UsersInfo, { children: [jsxRuntime.jsx("p", { children: user.name }), user.area_name && jsxRuntime.jsx("span", { children: user.area_name })] })] }) }), jsxRuntime.jsx(material.Box, { children: user.author && (jsxRuntime.jsxs(Autor, { children: [jsxRuntime.jsx(StarIcon$
|
|
20697
|
+
return (jsxRuntime.jsx(material.Modal, { open: isOpen, onClose: handleClose, children: jsxRuntime.jsx(ModalBox, { children: jsxRuntime.jsxs(Container$2, { children: [jsxRuntime.jsxs(ModalTitle, { children: [jsxRuntime.jsx(material.Typography, { component: 'p', children: "Grupo de execu\u00E7\u00E3o do desafio" }), jsxRuntime.jsx(CloseButton, { onClick: handleClose, children: jsxRuntime.jsx(CloseIcon, { stroke: '#000' }) })] }), jsxRuntime.jsx(material.Divider, { style: { width: '100%', color: '#E0E0E0' } }), jsxRuntime.jsx(ListOfUsers, { children: sortedUsers.map((user) => (jsxRuntime.jsxs(ListOfUsersContent, { children: [jsxRuntime.jsx(material.Box, { display: 'flex', flexDirection: 'column', marginTop: '9px', width: "100%", children: jsxRuntime.jsxs(material.Box, { display: 'flex', alignItems: 'center', gap: '9px', children: [jsxRuntime.jsx(material.Avatar, { src: user.avatar || 'https://cdn-images.frstfalconi.cloud/path582.svg', sx: { width: 48, height: 48, marginBottom: '10px', cursor: 'pointer' }, onClick: () => onClickAvatar(user.user_uuid) }), jsxRuntime.jsxs(UsersInfo, { children: [jsxRuntime.jsx("p", { children: user.name }), user.area_name && jsxRuntime.jsx("span", { children: user.area_name })] })] }) }), jsxRuntime.jsx(material.Box, { children: user.author && (jsxRuntime.jsxs(Autor, { children: [jsxRuntime.jsx(StarIcon$2, {}), jsxRuntime.jsx("p", { children: "Autor" })] })) })] }, user.user_uuid))) })] }) }) }));
|
|
20695
20698
|
}
|
|
20696
20699
|
|
|
20697
20700
|
function UsersChallengeFeed({ goalUsers = [], hasOnlyAutor, onUserNameClick, onClickAvatar, avatar, name, userId, areaName, companyName, createData, }) {
|
|
@@ -25061,7 +25064,8 @@ const CardInfo = styled__default["default"]('div') `
|
|
|
25061
25064
|
|
|
25062
25065
|
function TrailCard({ banner, trailName, company, handleClick }) {
|
|
25063
25066
|
return (jsxRuntime.jsxs(TrailCardContainer, { onClick: handleClick, children: [jsxRuntime.jsx(WrapperBanner, { children: jsxRuntime.jsx("img", { src: banner, alt: "banner" }) }), jsxRuntime.jsxs(CardInfo, { children: [jsxRuntime.jsxs("p", { className: "trailName", children: [" ", trailName, " "] }), company &&
|
|
25064
|
-
jsxRuntime.jsxs("p", { className: "company", children: [
|
|
25067
|
+
jsxRuntime.jsxs("p", { className: "company", children: [company.icon && company.icon !== '' &&
|
|
25068
|
+
jsxRuntime.jsx("img", { src: company.icon }), company.name] })] })] }));
|
|
25065
25069
|
}
|
|
25066
25070
|
|
|
25067
25071
|
exports.AccordionList = AccordionList$2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DS/newCards/trail/index.tsx"],"names":[],"mappings":"AAMA,UAAU,OAAO;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,UAAU,cAAc;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,EAC/B,MAAM,EACN,SAAS,EACT,OAAO,EACP,WAAW,EACd,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DS/newCards/trail/index.tsx"],"names":[],"mappings":"AAMA,UAAU,OAAO;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,UAAU,cAAc;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,EAC/B,MAAM,EACN,SAAS,EACT,OAAO,EACP,WAAW,EACd,EAAE,cAAc,2CAoBhB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/progressGoalBar/index.tsx"],"names":[],"mappings":"AAIA,UAAU,oBAAoB;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC7B;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/progressGoalBar/index.tsx"],"names":[],"mappings":"AAIA,UAAU,oBAAoB;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAUD,eAAO,MAAM,eAAe,+CAAuD,oBAAoB,4CAkGtG,CAAA"}
|