analytica-frontend-lib 1.1.61 → 1.1.63
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/Accordation/index.js +230 -211
- package/dist/Accordation/index.js.map +1 -1
- package/dist/Accordation/index.mjs +199 -180
- package/dist/Accordation/index.mjs.map +1 -1
- package/dist/Card/index.js +220 -201
- package/dist/Card/index.js.map +1 -1
- package/dist/Card/index.mjs +193 -174
- package/dist/Card/index.mjs.map +1 -1
- package/dist/CheckBox/index.d.mts +1 -1
- package/dist/CheckBox/index.d.ts +1 -1
- package/dist/DropdownMenu/index.js.map +1 -1
- package/dist/DropdownMenu/index.mjs.map +1 -1
- package/dist/IconRender/index.d.mts +2 -2
- package/dist/IconRender/index.d.ts +2 -2
- package/dist/IconRender/index.js +37 -18
- package/dist/IconRender/index.js.map +1 -1
- package/dist/IconRender/index.mjs +37 -18
- package/dist/IconRender/index.mjs.map +1 -1
- package/dist/NotificationCard/index.js.map +1 -1
- package/dist/NotificationCard/index.mjs.map +1 -1
- package/dist/Quiz/index.js +495 -476
- package/dist/Quiz/index.js.map +1 -1
- package/dist/Quiz/index.mjs +412 -393
- package/dist/Quiz/index.mjs.map +1 -1
- package/dist/Radio/index.d.mts +2 -2
- package/dist/Radio/index.d.ts +2 -2
- package/dist/Search/index.d.mts +1 -1
- package/dist/Search/index.d.ts +1 -1
- package/dist/Search/index.js.map +1 -1
- package/dist/Search/index.mjs.map +1 -1
- package/dist/SubjectInfo/index.d.mts +1 -1
- package/dist/SubjectInfo/index.d.ts +1 -1
- package/dist/SubjectInfo/index.js +8 -4
- package/dist/SubjectInfo/index.js.map +1 -1
- package/dist/SubjectInfo/index.mjs +8 -3
- package/dist/SubjectInfo/index.mjs.map +1 -1
- package/dist/{SubjectInfo-DZvZ5alE.d.mts → SubjectInfo-Dvt0OodP.d.mts} +2 -2
- package/dist/{SubjectInfo-DZvZ5alE.d.ts → SubjectInfo-Dvt0OodP.d.ts} +2 -2
- package/dist/ThemeToggle/index.js.map +1 -1
- package/dist/ThemeToggle/index.mjs.map +1 -1
- package/dist/index.css +15 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +4 -2
- package/dist/index.d.ts +4 -2
- package/dist/index.js +475 -558
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +392 -475
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +15 -0
- package/dist/styles.css.map +1 -1
- package/dist/utils/index.d.mts +5 -0
- package/dist/utils/index.d.ts +5 -0
- package/dist/utils/index.js +35 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/index.mjs +10 -0
- package/dist/utils/index.mjs.map +1 -0
- package/package.json +1 -1
package/dist/Card/index.mjs
CHANGED
|
@@ -711,7 +711,10 @@ import {
|
|
|
711
711
|
} from "phosphor-react";
|
|
712
712
|
|
|
713
713
|
// src/components/IconRender/IconRender.tsx
|
|
714
|
+
import { cloneElement } from "react";
|
|
714
715
|
import * as PhosphorIcons from "phosphor-react";
|
|
716
|
+
|
|
717
|
+
// src/assets/icons/subjects/ChatPT.tsx
|
|
715
718
|
import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
716
719
|
var ChatPT = ({ size, color }) => /* @__PURE__ */ jsxs4(
|
|
717
720
|
"svg",
|
|
@@ -746,7 +749,10 @@ var ChatPT = ({ size, color }) => /* @__PURE__ */ jsxs4(
|
|
|
746
749
|
]
|
|
747
750
|
}
|
|
748
751
|
);
|
|
749
|
-
|
|
752
|
+
|
|
753
|
+
// src/assets/icons/subjects/ChatEN.tsx
|
|
754
|
+
import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
755
|
+
var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs5(
|
|
750
756
|
"svg",
|
|
751
757
|
{
|
|
752
758
|
width: size,
|
|
@@ -755,21 +761,21 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs4(
|
|
|
755
761
|
fill: "none",
|
|
756
762
|
xmlns: "http://www.w3.org/2000/svg",
|
|
757
763
|
children: [
|
|
758
|
-
/* @__PURE__ */
|
|
764
|
+
/* @__PURE__ */ jsx6(
|
|
759
765
|
"path",
|
|
760
766
|
{
|
|
761
767
|
d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
|
|
762
768
|
fill: color
|
|
763
769
|
}
|
|
764
770
|
),
|
|
765
|
-
/* @__PURE__ */
|
|
771
|
+
/* @__PURE__ */ jsx6(
|
|
766
772
|
"path",
|
|
767
773
|
{
|
|
768
774
|
d: "M22.5488 12V20.5312H21.0781L17.252 14.4199V20.5312H15.7812V12H17.252L21.0898 18.123V12H22.5488Z",
|
|
769
775
|
fill: color
|
|
770
776
|
}
|
|
771
777
|
),
|
|
772
|
-
/* @__PURE__ */
|
|
778
|
+
/* @__PURE__ */ jsx6(
|
|
773
779
|
"path",
|
|
774
780
|
{
|
|
775
781
|
d: "M14.584 19.3652V20.5312H10.0547V19.3652H14.584ZM10.4707 12V20.5312H9V12H10.4707ZM13.9922 15.5625V16.7109H10.0547V15.5625H13.9922ZM14.5547 12V13.1719H10.0547V12H14.5547Z",
|
|
@@ -779,7 +785,10 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs4(
|
|
|
779
785
|
]
|
|
780
786
|
}
|
|
781
787
|
);
|
|
782
|
-
|
|
788
|
+
|
|
789
|
+
// src/assets/icons/subjects/ChatES.tsx
|
|
790
|
+
import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
791
|
+
var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs6(
|
|
783
792
|
"svg",
|
|
784
793
|
{
|
|
785
794
|
width: size,
|
|
@@ -788,21 +797,21 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs4(
|
|
|
788
797
|
fill: "none",
|
|
789
798
|
xmlns: "http://www.w3.org/2000/svg",
|
|
790
799
|
children: [
|
|
791
|
-
/* @__PURE__ */
|
|
800
|
+
/* @__PURE__ */ jsx7(
|
|
792
801
|
"path",
|
|
793
802
|
{
|
|
794
803
|
d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
|
|
795
804
|
fill: color
|
|
796
805
|
}
|
|
797
806
|
),
|
|
798
|
-
/* @__PURE__ */
|
|
807
|
+
/* @__PURE__ */ jsx7(
|
|
799
808
|
"path",
|
|
800
809
|
{
|
|
801
810
|
d: "M21.1426 17.8027C21.1426 17.627 21.1152 17.4707 21.0605 17.334C21.0098 17.1973 20.918 17.0723 20.7852 16.959C20.6523 16.8457 20.4648 16.7363 20.2227 16.6309C19.9844 16.5215 19.6797 16.4102 19.3086 16.2969C18.9023 16.1719 18.5273 16.0332 18.1836 15.8809C17.8438 15.7246 17.5469 15.5449 17.293 15.3418C17.0391 15.1348 16.8418 14.8984 16.7012 14.6328C16.5605 14.3633 16.4902 14.0527 16.4902 13.7012C16.4902 13.3535 16.5625 13.0371 16.707 12.752C16.8555 12.4668 17.0645 12.2207 17.334 12.0137C17.6074 11.8027 17.9297 11.6406 18.3008 11.5273C18.6719 11.4102 19.082 11.3516 19.5312 11.3516C20.1641 11.3516 20.709 11.4688 21.166 11.7031C21.627 11.9375 21.9805 12.252 22.2266 12.6465C22.4766 13.041 22.6016 13.4766 22.6016 13.9531H21.1426C21.1426 13.6719 21.082 13.4238 20.9609 13.209C20.8438 12.9902 20.6641 12.8184 20.4219 12.6934C20.1836 12.5684 19.8809 12.5059 19.5137 12.5059C19.166 12.5059 18.877 12.5586 18.6465 12.6641C18.416 12.7695 18.2441 12.9121 18.1309 13.0918C18.0176 13.2715 17.9609 13.4746 17.9609 13.7012C17.9609 13.8613 17.998 14.0078 18.0723 14.1406C18.1465 14.2695 18.2598 14.3906 18.4121 14.5039C18.5645 14.6133 18.7559 14.7168 18.9863 14.8145C19.2168 14.9121 19.4883 15.0059 19.8008 15.0957C20.2734 15.2363 20.6855 15.3926 21.0371 15.5645C21.3887 15.7324 21.6816 15.9238 21.916 16.1387C22.1504 16.3535 22.3262 16.5977 22.4434 16.8711C22.5605 17.1406 22.6191 17.4473 22.6191 17.791C22.6191 18.1504 22.5469 18.4746 22.4023 18.7637C22.2578 19.0488 22.0508 19.293 21.7812 19.4961C21.5156 19.6953 21.1953 19.8496 20.8203 19.959C20.4492 20.0645 20.0352 20.1172 19.5781 20.1172C19.168 20.1172 18.7637 20.0625 18.3652 19.9531C17.9707 19.8438 17.6113 19.6777 17.2871 19.4551C16.9629 19.2285 16.7051 18.9473 16.5137 18.6113C16.3223 18.2715 16.2266 17.875 16.2266 17.4219H17.6973C17.6973 17.6992 17.7441 17.9355 17.8379 18.1309C17.9355 18.3262 18.0703 18.4863 18.2422 18.6113C18.4141 18.7324 18.6133 18.8223 18.8398 18.8809C19.0703 18.9395 19.3164 18.9688 19.5781 18.9688C19.9219 18.9688 20.209 18.9199 20.4395 18.8223C20.6738 18.7246 20.8496 18.5879 20.9668 18.4121C21.084 18.2363 21.1426 18.0332 21.1426 17.8027Z",
|
|
802
811
|
fill: color
|
|
803
812
|
}
|
|
804
813
|
),
|
|
805
|
-
/* @__PURE__ */
|
|
814
|
+
/* @__PURE__ */ jsx7(
|
|
806
815
|
"path",
|
|
807
816
|
{
|
|
808
817
|
d: "M15.4512 18.834V20H10.9219V18.834H15.4512ZM11.3379 11.4688V20H9.86719V11.4688H11.3379ZM14.8594 15.0312V16.1797H10.9219V15.0312H14.8594ZM15.4219 11.4688V12.6406H10.9219V11.4688H15.4219Z",
|
|
@@ -812,29 +821,39 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs4(
|
|
|
812
821
|
]
|
|
813
822
|
}
|
|
814
823
|
);
|
|
824
|
+
|
|
825
|
+
// src/components/IconRender/IconRender.tsx
|
|
826
|
+
import { jsx as jsx8 } from "react/jsx-runtime";
|
|
815
827
|
var IconRender = ({
|
|
816
828
|
iconName,
|
|
817
829
|
color = "#000000",
|
|
818
830
|
size = 24,
|
|
819
831
|
weight = "regular"
|
|
820
832
|
}) => {
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
833
|
+
if (typeof iconName === "string") {
|
|
834
|
+
switch (iconName) {
|
|
835
|
+
case "Chat_PT":
|
|
836
|
+
return /* @__PURE__ */ jsx8(ChatPT, { size, color });
|
|
837
|
+
case "Chat_EN":
|
|
838
|
+
return /* @__PURE__ */ jsx8(ChatEN, { size, color });
|
|
839
|
+
case "Chat_ES":
|
|
840
|
+
return /* @__PURE__ */ jsx8(ChatES, { size, color });
|
|
841
|
+
default: {
|
|
842
|
+
const IconComponent = PhosphorIcons[iconName] || PhosphorIcons.Question;
|
|
843
|
+
return /* @__PURE__ */ jsx8(IconComponent, { size, color, weight });
|
|
844
|
+
}
|
|
831
845
|
}
|
|
846
|
+
} else {
|
|
847
|
+
return cloneElement(iconName, {
|
|
848
|
+
size,
|
|
849
|
+
color: "currentColor"
|
|
850
|
+
});
|
|
832
851
|
}
|
|
833
852
|
};
|
|
834
853
|
var IconRender_default = IconRender;
|
|
835
854
|
|
|
836
855
|
// src/components/Card/Card.tsx
|
|
837
|
-
import { Fragment as Fragment3, jsx as
|
|
856
|
+
import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
838
857
|
var CARD_BASE_CLASSES = {
|
|
839
858
|
default: "w-full bg-background border border-border-50 rounded-xl",
|
|
840
859
|
compact: "w-full bg-background border border-border-50 rounded-lg",
|
|
@@ -876,7 +895,7 @@ var CardBase = forwardRef(
|
|
|
876
895
|
const minHeightClasses = CARD_MIN_HEIGHT_CLASSES[minHeight];
|
|
877
896
|
const layoutClasses = CARD_LAYOUT_CLASSES[layout];
|
|
878
897
|
const cursorClasses = CARD_CURSOR_CLASSES[cursor];
|
|
879
|
-
return /* @__PURE__ */
|
|
898
|
+
return /* @__PURE__ */ jsx9(
|
|
880
899
|
"div",
|
|
881
900
|
{
|
|
882
901
|
ref,
|
|
@@ -934,7 +953,7 @@ var CardActivitiesResults = forwardRef(
|
|
|
934
953
|
const actionIconClasses = ACTION_ICON_CLASSES[action];
|
|
935
954
|
const actionSubTitleClasses = ACTION_SUBTITLE_CLASSES[action];
|
|
936
955
|
const actionHeaderClasses = ACTION_HEADER_CLASSES[action];
|
|
937
|
-
return /* @__PURE__ */
|
|
956
|
+
return /* @__PURE__ */ jsxs7(
|
|
938
957
|
"div",
|
|
939
958
|
{
|
|
940
959
|
ref,
|
|
@@ -944,7 +963,7 @@ var CardActivitiesResults = forwardRef(
|
|
|
944
963
|
),
|
|
945
964
|
...props,
|
|
946
965
|
children: [
|
|
947
|
-
/* @__PURE__ */
|
|
966
|
+
/* @__PURE__ */ jsxs7(
|
|
948
967
|
"div",
|
|
949
968
|
{
|
|
950
969
|
className: cn(
|
|
@@ -953,7 +972,7 @@ var CardActivitiesResults = forwardRef(
|
|
|
953
972
|
extended ? "rounded-t-xl" : "rounded-xl"
|
|
954
973
|
),
|
|
955
974
|
children: [
|
|
956
|
-
/* @__PURE__ */
|
|
975
|
+
/* @__PURE__ */ jsx9(
|
|
957
976
|
"span",
|
|
958
977
|
{
|
|
959
978
|
className: cn(
|
|
@@ -963,7 +982,7 @@ var CardActivitiesResults = forwardRef(
|
|
|
963
982
|
children: icon
|
|
964
983
|
}
|
|
965
984
|
),
|
|
966
|
-
/* @__PURE__ */
|
|
985
|
+
/* @__PURE__ */ jsx9(
|
|
967
986
|
Text_default,
|
|
968
987
|
{
|
|
969
988
|
size: "2xs",
|
|
@@ -972,7 +991,7 @@ var CardActivitiesResults = forwardRef(
|
|
|
972
991
|
children: title
|
|
973
992
|
}
|
|
974
993
|
),
|
|
975
|
-
/* @__PURE__ */
|
|
994
|
+
/* @__PURE__ */ jsx9(
|
|
976
995
|
"p",
|
|
977
996
|
{
|
|
978
997
|
className: cn("text-lg font-bold truncate", actionSubTitleClasses),
|
|
@@ -982,8 +1001,8 @@ var CardActivitiesResults = forwardRef(
|
|
|
982
1001
|
]
|
|
983
1002
|
}
|
|
984
1003
|
),
|
|
985
|
-
extended && /* @__PURE__ */
|
|
986
|
-
/* @__PURE__ */
|
|
1004
|
+
extended && /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center gap-2.5 pb-9.5 pt-2.5", children: [
|
|
1005
|
+
/* @__PURE__ */ jsx9(
|
|
987
1006
|
"p",
|
|
988
1007
|
{
|
|
989
1008
|
className: cn(
|
|
@@ -993,7 +1012,7 @@ var CardActivitiesResults = forwardRef(
|
|
|
993
1012
|
children: header
|
|
994
1013
|
}
|
|
995
1014
|
),
|
|
996
|
-
/* @__PURE__ */
|
|
1015
|
+
/* @__PURE__ */ jsx9(Badge_default, { size: "large", action: "info", children: description })
|
|
997
1016
|
] })
|
|
998
1017
|
]
|
|
999
1018
|
}
|
|
@@ -1012,7 +1031,7 @@ var CardQuestions = forwardRef(
|
|
|
1012
1031
|
const isDone = state === "done";
|
|
1013
1032
|
const stateLabel = isDone ? "Realizado" : "N\xE3o Realizado";
|
|
1014
1033
|
const buttonLabel = isDone ? "Ver Quest\xE3o" : "Responder";
|
|
1015
|
-
return /* @__PURE__ */
|
|
1034
|
+
return /* @__PURE__ */ jsxs7(
|
|
1016
1035
|
CardBase,
|
|
1017
1036
|
{
|
|
1018
1037
|
ref,
|
|
@@ -1022,10 +1041,10 @@ var CardQuestions = forwardRef(
|
|
|
1022
1041
|
className: cn("justify-between gap-4", className),
|
|
1023
1042
|
...props,
|
|
1024
1043
|
children: [
|
|
1025
|
-
/* @__PURE__ */
|
|
1026
|
-
/* @__PURE__ */
|
|
1027
|
-
/* @__PURE__ */
|
|
1028
|
-
/* @__PURE__ */
|
|
1044
|
+
/* @__PURE__ */ jsxs7("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
|
|
1045
|
+
/* @__PURE__ */ jsx9("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
|
|
1046
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex flex-row gap-6 items-center", children: [
|
|
1047
|
+
/* @__PURE__ */ jsx9(
|
|
1029
1048
|
Badge_default,
|
|
1030
1049
|
{
|
|
1031
1050
|
size: "medium",
|
|
@@ -1034,13 +1053,13 @@ var CardQuestions = forwardRef(
|
|
|
1034
1053
|
children: stateLabel
|
|
1035
1054
|
}
|
|
1036
1055
|
),
|
|
1037
|
-
/* @__PURE__ */
|
|
1056
|
+
/* @__PURE__ */ jsxs7("span", { className: "flex flex-row items-center gap-1 text-text-700 text-xs", children: [
|
|
1038
1057
|
isDone ? "Nota" : "Sem nota",
|
|
1039
|
-
isDone && /* @__PURE__ */
|
|
1058
|
+
isDone && /* @__PURE__ */ jsx9(Badge_default, { size: "medium", action: "success", children: "00" })
|
|
1040
1059
|
] })
|
|
1041
1060
|
] })
|
|
1042
1061
|
] }),
|
|
1043
|
-
/* @__PURE__ */
|
|
1062
|
+
/* @__PURE__ */ jsx9("span", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx9(
|
|
1044
1063
|
Button_default,
|
|
1045
1064
|
{
|
|
1046
1065
|
size: "extra-small",
|
|
@@ -1071,19 +1090,19 @@ var CardProgress = forwardRef(
|
|
|
1071
1090
|
}, ref) => {
|
|
1072
1091
|
const isHorizontal = direction === "horizontal";
|
|
1073
1092
|
const contentComponent = {
|
|
1074
|
-
horizontal: /* @__PURE__ */
|
|
1075
|
-
showDates && /* @__PURE__ */
|
|
1076
|
-
initialDate && /* @__PURE__ */
|
|
1077
|
-
/* @__PURE__ */
|
|
1078
|
-
/* @__PURE__ */
|
|
1093
|
+
horizontal: /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
1094
|
+
showDates && /* @__PURE__ */ jsxs7("div", { className: "flex flex-row gap-6 items-center", children: [
|
|
1095
|
+
initialDate && /* @__PURE__ */ jsxs7("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
|
|
1096
|
+
/* @__PURE__ */ jsx9("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
|
|
1097
|
+
/* @__PURE__ */ jsx9("p", { className: "text-text-600", children: initialDate })
|
|
1079
1098
|
] }),
|
|
1080
|
-
endDate && /* @__PURE__ */
|
|
1081
|
-
/* @__PURE__ */
|
|
1082
|
-
/* @__PURE__ */
|
|
1099
|
+
endDate && /* @__PURE__ */ jsxs7("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
|
|
1100
|
+
/* @__PURE__ */ jsx9("p", { className: "text-text-800 font-semibold", children: "Fim" }),
|
|
1101
|
+
/* @__PURE__ */ jsx9("p", { className: "text-text-600", children: endDate })
|
|
1083
1102
|
] })
|
|
1084
1103
|
] }),
|
|
1085
|
-
/* @__PURE__ */
|
|
1086
|
-
/* @__PURE__ */
|
|
1104
|
+
/* @__PURE__ */ jsxs7("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
|
|
1105
|
+
/* @__PURE__ */ jsx9(
|
|
1087
1106
|
ProgressBar_default,
|
|
1088
1107
|
{
|
|
1089
1108
|
size: "small",
|
|
@@ -1092,7 +1111,7 @@ var CardProgress = forwardRef(
|
|
|
1092
1111
|
"data-testid": "progress-bar"
|
|
1093
1112
|
}
|
|
1094
1113
|
),
|
|
1095
|
-
/* @__PURE__ */
|
|
1114
|
+
/* @__PURE__ */ jsxs7(
|
|
1096
1115
|
Text_default,
|
|
1097
1116
|
{
|
|
1098
1117
|
size: "xs",
|
|
@@ -1108,9 +1127,9 @@ var CardProgress = forwardRef(
|
|
|
1108
1127
|
)
|
|
1109
1128
|
] })
|
|
1110
1129
|
] }),
|
|
1111
|
-
vertical: /* @__PURE__ */
|
|
1130
|
+
vertical: /* @__PURE__ */ jsx9("p", { className: "text-sm text-text-800", children: subhead })
|
|
1112
1131
|
};
|
|
1113
|
-
return /* @__PURE__ */
|
|
1132
|
+
return /* @__PURE__ */ jsxs7(
|
|
1114
1133
|
CardBase,
|
|
1115
1134
|
{
|
|
1116
1135
|
ref,
|
|
@@ -1121,20 +1140,20 @@ var CardProgress = forwardRef(
|
|
|
1121
1140
|
className: cn(isHorizontal ? "h-20" : "", className),
|
|
1122
1141
|
...props,
|
|
1123
1142
|
children: [
|
|
1124
|
-
/* @__PURE__ */
|
|
1143
|
+
/* @__PURE__ */ jsx9(
|
|
1125
1144
|
"div",
|
|
1126
1145
|
{
|
|
1127
1146
|
className: cn(
|
|
1128
1147
|
"flex justify-center items-center [&>svg]:size-6 text-text-950",
|
|
1129
1148
|
isHorizontal ? "min-w-[80px] min-h-[80px] rounded-l-xl" : "min-h-[50px] w-full rounded-t-xl",
|
|
1130
|
-
!color.startsWith("#") ?
|
|
1149
|
+
!color.startsWith("#") ? `${color}` : ""
|
|
1131
1150
|
),
|
|
1132
1151
|
style: color.startsWith("#") ? { backgroundColor: color } : void 0,
|
|
1133
1152
|
"data-testid": "icon-container",
|
|
1134
1153
|
children: icon
|
|
1135
1154
|
}
|
|
1136
1155
|
),
|
|
1137
|
-
/* @__PURE__ */
|
|
1156
|
+
/* @__PURE__ */ jsxs7(
|
|
1138
1157
|
"div",
|
|
1139
1158
|
{
|
|
1140
1159
|
className: cn(
|
|
@@ -1142,7 +1161,7 @@ var CardProgress = forwardRef(
|
|
|
1142
1161
|
!isHorizontal && "gap-4"
|
|
1143
1162
|
),
|
|
1144
1163
|
children: [
|
|
1145
|
-
/* @__PURE__ */
|
|
1164
|
+
/* @__PURE__ */ jsx9(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
|
|
1146
1165
|
contentComponent[direction]
|
|
1147
1166
|
]
|
|
1148
1167
|
}
|
|
@@ -1162,7 +1181,7 @@ var CardTopic = forwardRef(
|
|
|
1162
1181
|
className = "",
|
|
1163
1182
|
...props
|
|
1164
1183
|
}, ref) => {
|
|
1165
|
-
return /* @__PURE__ */
|
|
1184
|
+
return /* @__PURE__ */ jsxs7(
|
|
1166
1185
|
CardBase,
|
|
1167
1186
|
{
|
|
1168
1187
|
ref,
|
|
@@ -1173,13 +1192,13 @@ var CardTopic = forwardRef(
|
|
|
1173
1192
|
className: cn("justify-center gap-2 py-2 px-4", className),
|
|
1174
1193
|
...props,
|
|
1175
1194
|
children: [
|
|
1176
|
-
subHead && /* @__PURE__ */
|
|
1177
|
-
/* @__PURE__ */
|
|
1178
|
-
index < subHead.length - 1 && /* @__PURE__ */
|
|
1195
|
+
subHead && /* @__PURE__ */ jsx9("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ jsxs7(Fragment2, { children: [
|
|
1196
|
+
/* @__PURE__ */ jsx9("p", { children: text }),
|
|
1197
|
+
index < subHead.length - 1 && /* @__PURE__ */ jsx9("p", { children: "\u2022" })
|
|
1179
1198
|
] }, `${text} - ${index}`)) }),
|
|
1180
|
-
/* @__PURE__ */
|
|
1181
|
-
/* @__PURE__ */
|
|
1182
|
-
/* @__PURE__ */
|
|
1199
|
+
/* @__PURE__ */ jsx9("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
|
|
1200
|
+
/* @__PURE__ */ jsxs7("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
|
|
1201
|
+
/* @__PURE__ */ jsx9(
|
|
1183
1202
|
ProgressBar_default,
|
|
1184
1203
|
{
|
|
1185
1204
|
size: "small",
|
|
@@ -1188,7 +1207,7 @@ var CardTopic = forwardRef(
|
|
|
1188
1207
|
"data-testid": "progress-bar"
|
|
1189
1208
|
}
|
|
1190
1209
|
),
|
|
1191
|
-
showPercentage && /* @__PURE__ */
|
|
1210
|
+
showPercentage && /* @__PURE__ */ jsxs7(
|
|
1192
1211
|
Text_default,
|
|
1193
1212
|
{
|
|
1194
1213
|
size: "xs",
|
|
@@ -1222,7 +1241,7 @@ var CardPerformance = forwardRef(
|
|
|
1222
1241
|
...props
|
|
1223
1242
|
}, ref) => {
|
|
1224
1243
|
const hasProgress = progress !== void 0;
|
|
1225
|
-
return /* @__PURE__ */
|
|
1244
|
+
return /* @__PURE__ */ jsxs7(
|
|
1226
1245
|
CardBase,
|
|
1227
1246
|
{
|
|
1228
1247
|
ref,
|
|
@@ -1236,10 +1255,10 @@ var CardPerformance = forwardRef(
|
|
|
1236
1255
|
onClick: () => actionVariant == "caret" && onClickButton?.(valueButton),
|
|
1237
1256
|
...props,
|
|
1238
1257
|
children: [
|
|
1239
|
-
/* @__PURE__ */
|
|
1240
|
-
/* @__PURE__ */
|
|
1241
|
-
/* @__PURE__ */
|
|
1242
|
-
actionVariant === "button" && /* @__PURE__ */
|
|
1258
|
+
/* @__PURE__ */ jsxs7("div", { className: "w-full flex flex-col justify-between gap-2", children: [
|
|
1259
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex flex-row justify-between items-center gap-2", children: [
|
|
1260
|
+
/* @__PURE__ */ jsx9("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
|
|
1261
|
+
actionVariant === "button" && /* @__PURE__ */ jsx9(
|
|
1243
1262
|
Button_default,
|
|
1244
1263
|
{
|
|
1245
1264
|
variant: "outline",
|
|
@@ -1250,16 +1269,16 @@ var CardPerformance = forwardRef(
|
|
|
1250
1269
|
}
|
|
1251
1270
|
)
|
|
1252
1271
|
] }),
|
|
1253
|
-
/* @__PURE__ */
|
|
1272
|
+
/* @__PURE__ */ jsx9("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ jsx9(
|
|
1254
1273
|
ProgressBar_default,
|
|
1255
1274
|
{
|
|
1256
1275
|
value: progress,
|
|
1257
1276
|
label: `${progress}% ${labelProgress}`,
|
|
1258
1277
|
variant: progressVariant
|
|
1259
1278
|
}
|
|
1260
|
-
) : /* @__PURE__ */
|
|
1279
|
+
) : /* @__PURE__ */ jsx9("p", { className: "text-xs text-text-600 truncate", children: description }) })
|
|
1261
1280
|
] }),
|
|
1262
|
-
actionVariant == "caret" && /* @__PURE__ */
|
|
1281
|
+
actionVariant == "caret" && /* @__PURE__ */ jsx9(
|
|
1263
1282
|
CaretRight,
|
|
1264
1283
|
{
|
|
1265
1284
|
className: "size-4.5 text-text-800 cursor-pointer",
|
|
@@ -1283,7 +1302,7 @@ var CardResults = forwardRef(
|
|
|
1283
1302
|
...props
|
|
1284
1303
|
}, ref) => {
|
|
1285
1304
|
const isRow = direction == "row";
|
|
1286
|
-
return /* @__PURE__ */
|
|
1305
|
+
return /* @__PURE__ */ jsxs7(
|
|
1287
1306
|
CardBase,
|
|
1288
1307
|
{
|
|
1289
1308
|
ref,
|
|
@@ -1293,7 +1312,7 @@ var CardResults = forwardRef(
|
|
|
1293
1312
|
className: cn("items-stretch cursor-pointer pr-4", className),
|
|
1294
1313
|
...props,
|
|
1295
1314
|
children: [
|
|
1296
|
-
/* @__PURE__ */
|
|
1315
|
+
/* @__PURE__ */ jsx9(
|
|
1297
1316
|
"div",
|
|
1298
1317
|
{
|
|
1299
1318
|
className: cn(
|
|
@@ -1302,11 +1321,11 @@ var CardResults = forwardRef(
|
|
|
1302
1321
|
style: {
|
|
1303
1322
|
backgroundColor: color
|
|
1304
1323
|
},
|
|
1305
|
-
children: /* @__PURE__ */
|
|
1324
|
+
children: /* @__PURE__ */ jsx9(IconRender_default, { iconName: icon, color: "currentColor", size: 20 })
|
|
1306
1325
|
}
|
|
1307
1326
|
),
|
|
1308
|
-
/* @__PURE__ */
|
|
1309
|
-
/* @__PURE__ */
|
|
1327
|
+
/* @__PURE__ */ jsxs7("div", { className: "w-full flex flex-row justify-between items-center", children: [
|
|
1328
|
+
/* @__PURE__ */ jsxs7(
|
|
1310
1329
|
"div",
|
|
1311
1330
|
{
|
|
1312
1331
|
className: cn(
|
|
@@ -1314,28 +1333,28 @@ var CardResults = forwardRef(
|
|
|
1314
1333
|
isRow ? "flex-row items-center gap-2" : "flex-col"
|
|
1315
1334
|
),
|
|
1316
1335
|
children: [
|
|
1317
|
-
/* @__PURE__ */
|
|
1318
|
-
/* @__PURE__ */
|
|
1319
|
-
/* @__PURE__ */
|
|
1336
|
+
/* @__PURE__ */ jsx9("p", { className: "text-sm font-bold text-text-950 flex-1", children: header }),
|
|
1337
|
+
/* @__PURE__ */ jsxs7("span", { className: "flex flex-wrap flex-row gap-1 items-center", children: [
|
|
1338
|
+
/* @__PURE__ */ jsxs7(
|
|
1320
1339
|
Badge_default,
|
|
1321
1340
|
{
|
|
1322
1341
|
action: "success",
|
|
1323
1342
|
variant: "solid",
|
|
1324
1343
|
size: "large",
|
|
1325
|
-
iconLeft: /* @__PURE__ */
|
|
1344
|
+
iconLeft: /* @__PURE__ */ jsx9(CheckCircle, {}),
|
|
1326
1345
|
children: [
|
|
1327
1346
|
correct_answers,
|
|
1328
1347
|
" Corretas"
|
|
1329
1348
|
]
|
|
1330
1349
|
}
|
|
1331
1350
|
),
|
|
1332
|
-
/* @__PURE__ */
|
|
1351
|
+
/* @__PURE__ */ jsxs7(
|
|
1333
1352
|
Badge_default,
|
|
1334
1353
|
{
|
|
1335
1354
|
action: "error",
|
|
1336
1355
|
variant: "solid",
|
|
1337
1356
|
size: "large",
|
|
1338
|
-
iconLeft: /* @__PURE__ */
|
|
1357
|
+
iconLeft: /* @__PURE__ */ jsx9(XCircle, {}),
|
|
1339
1358
|
children: [
|
|
1340
1359
|
incorrect_answers,
|
|
1341
1360
|
" Incorretas"
|
|
@@ -1346,7 +1365,7 @@ var CardResults = forwardRef(
|
|
|
1346
1365
|
]
|
|
1347
1366
|
}
|
|
1348
1367
|
),
|
|
1349
|
-
/* @__PURE__ */
|
|
1368
|
+
/* @__PURE__ */ jsx9(CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
|
|
1350
1369
|
] })
|
|
1351
1370
|
]
|
|
1352
1371
|
}
|
|
@@ -1367,7 +1386,7 @@ var CardStatus = forwardRef(
|
|
|
1367
1386
|
return "Em branco";
|
|
1368
1387
|
}
|
|
1369
1388
|
};
|
|
1370
|
-
return /* @__PURE__ */
|
|
1389
|
+
return /* @__PURE__ */ jsx9(
|
|
1371
1390
|
CardBase,
|
|
1372
1391
|
{
|
|
1373
1392
|
ref,
|
|
@@ -1376,22 +1395,22 @@ var CardStatus = forwardRef(
|
|
|
1376
1395
|
minHeight: "medium",
|
|
1377
1396
|
className: cn("items-center cursor-pointer", className),
|
|
1378
1397
|
...props,
|
|
1379
|
-
children: /* @__PURE__ */
|
|
1380
|
-
/* @__PURE__ */
|
|
1381
|
-
/* @__PURE__ */
|
|
1382
|
-
status && /* @__PURE__ */
|
|
1398
|
+
children: /* @__PURE__ */ jsxs7("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
|
|
1399
|
+
/* @__PURE__ */ jsx9("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
|
|
1400
|
+
/* @__PURE__ */ jsxs7("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
|
|
1401
|
+
status && /* @__PURE__ */ jsx9(
|
|
1383
1402
|
Badge_default,
|
|
1384
1403
|
{
|
|
1385
1404
|
action: status == "correct" ? "success" : "error",
|
|
1386
1405
|
variant: "solid",
|
|
1387
1406
|
size: "medium",
|
|
1388
|
-
iconLeft: status == "correct" ? /* @__PURE__ */
|
|
1407
|
+
iconLeft: status == "correct" ? /* @__PURE__ */ jsx9(CheckCircle, {}) : /* @__PURE__ */ jsx9(XCircle, {}),
|
|
1389
1408
|
children: getLabelBadge(status)
|
|
1390
1409
|
}
|
|
1391
1410
|
),
|
|
1392
|
-
label && /* @__PURE__ */
|
|
1411
|
+
label && /* @__PURE__ */ jsx9("p", { className: "text-sm text-text-800", children: label })
|
|
1393
1412
|
] }),
|
|
1394
|
-
/* @__PURE__ */
|
|
1413
|
+
/* @__PURE__ */ jsx9(CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
|
|
1395
1414
|
] })
|
|
1396
1415
|
}
|
|
1397
1416
|
);
|
|
@@ -1399,7 +1418,7 @@ var CardStatus = forwardRef(
|
|
|
1399
1418
|
);
|
|
1400
1419
|
var CardSettings = forwardRef(
|
|
1401
1420
|
({ header, className, icon, ...props }, ref) => {
|
|
1402
|
-
return /* @__PURE__ */
|
|
1421
|
+
return /* @__PURE__ */ jsxs7(
|
|
1403
1422
|
CardBase,
|
|
1404
1423
|
{
|
|
1405
1424
|
ref,
|
|
@@ -1412,9 +1431,9 @@ var CardSettings = forwardRef(
|
|
|
1412
1431
|
),
|
|
1413
1432
|
...props,
|
|
1414
1433
|
children: [
|
|
1415
|
-
/* @__PURE__ */
|
|
1416
|
-
/* @__PURE__ */
|
|
1417
|
-
/* @__PURE__ */
|
|
1434
|
+
/* @__PURE__ */ jsx9("span", { className: "[&>svg]:size-6", children: icon }),
|
|
1435
|
+
/* @__PURE__ */ jsx9("p", { className: "w-full text-sm truncate", children: header }),
|
|
1436
|
+
/* @__PURE__ */ jsx9(CaretRight, { size: 24, className: "cursor-pointer" })
|
|
1418
1437
|
]
|
|
1419
1438
|
}
|
|
1420
1439
|
);
|
|
@@ -1422,7 +1441,7 @@ var CardSettings = forwardRef(
|
|
|
1422
1441
|
);
|
|
1423
1442
|
var CardSupport = forwardRef(
|
|
1424
1443
|
({ header, className, direction = "col", children, ...props }, ref) => {
|
|
1425
|
-
return /* @__PURE__ */
|
|
1444
|
+
return /* @__PURE__ */ jsxs7(
|
|
1426
1445
|
CardBase,
|
|
1427
1446
|
{
|
|
1428
1447
|
ref,
|
|
@@ -1435,7 +1454,7 @@ var CardSupport = forwardRef(
|
|
|
1435
1454
|
),
|
|
1436
1455
|
...props,
|
|
1437
1456
|
children: [
|
|
1438
|
-
/* @__PURE__ */
|
|
1457
|
+
/* @__PURE__ */ jsxs7(
|
|
1439
1458
|
"div",
|
|
1440
1459
|
{
|
|
1441
1460
|
className: cn(
|
|
@@ -1443,12 +1462,12 @@ var CardSupport = forwardRef(
|
|
|
1443
1462
|
direction == "col" ? "flex-col" : "flex-row items-center"
|
|
1444
1463
|
),
|
|
1445
1464
|
children: [
|
|
1446
|
-
/* @__PURE__ */
|
|
1447
|
-
/* @__PURE__ */
|
|
1465
|
+
/* @__PURE__ */ jsx9("span", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx9("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
|
|
1466
|
+
/* @__PURE__ */ jsx9("span", { className: "flex flex-row gap-1", children })
|
|
1448
1467
|
]
|
|
1449
1468
|
}
|
|
1450
1469
|
),
|
|
1451
|
-
/* @__PURE__ */
|
|
1470
|
+
/* @__PURE__ */ jsx9(CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
|
|
1452
1471
|
]
|
|
1453
1472
|
}
|
|
1454
1473
|
);
|
|
@@ -1468,7 +1487,7 @@ var CardForum = forwardRef(
|
|
|
1468
1487
|
hour,
|
|
1469
1488
|
...props
|
|
1470
1489
|
}, ref) => {
|
|
1471
|
-
return /* @__PURE__ */
|
|
1490
|
+
return /* @__PURE__ */ jsxs7(
|
|
1472
1491
|
CardBase,
|
|
1473
1492
|
{
|
|
1474
1493
|
ref,
|
|
@@ -1479,7 +1498,7 @@ var CardForum = forwardRef(
|
|
|
1479
1498
|
className: cn("w-auto h-auto gap-3", className),
|
|
1480
1499
|
...props,
|
|
1481
1500
|
children: [
|
|
1482
|
-
/* @__PURE__ */
|
|
1501
|
+
/* @__PURE__ */ jsx9(
|
|
1483
1502
|
"button",
|
|
1484
1503
|
{
|
|
1485
1504
|
type: "button",
|
|
@@ -1488,18 +1507,18 @@ var CardForum = forwardRef(
|
|
|
1488
1507
|
className: "min-w-8 h-8 rounded-full bg-background-950"
|
|
1489
1508
|
}
|
|
1490
1509
|
),
|
|
1491
|
-
/* @__PURE__ */
|
|
1492
|
-
/* @__PURE__ */
|
|
1493
|
-
/* @__PURE__ */
|
|
1494
|
-
/* @__PURE__ */
|
|
1510
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
|
|
1511
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
|
|
1512
|
+
/* @__PURE__ */ jsx9("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
|
|
1513
|
+
/* @__PURE__ */ jsxs7("p", { className: "text-xs text-text-600", children: [
|
|
1495
1514
|
"\u2022 ",
|
|
1496
1515
|
date,
|
|
1497
1516
|
" \u2022 ",
|
|
1498
1517
|
hour
|
|
1499
1518
|
] })
|
|
1500
1519
|
] }),
|
|
1501
|
-
/* @__PURE__ */
|
|
1502
|
-
/* @__PURE__ */
|
|
1520
|
+
/* @__PURE__ */ jsx9("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
|
|
1521
|
+
/* @__PURE__ */ jsxs7(
|
|
1503
1522
|
"button",
|
|
1504
1523
|
{
|
|
1505
1524
|
type: "button",
|
|
@@ -1507,8 +1526,8 @@ var CardForum = forwardRef(
|
|
|
1507
1526
|
onClick: () => onClickComments?.(valueComments),
|
|
1508
1527
|
className: "text-text-600 flex flex-row gap-2 items-center",
|
|
1509
1528
|
children: [
|
|
1510
|
-
/* @__PURE__ */
|
|
1511
|
-
/* @__PURE__ */
|
|
1529
|
+
/* @__PURE__ */ jsx9(ChatCircleText, { "aria-hidden": "true", size: 16 }),
|
|
1530
|
+
/* @__PURE__ */ jsxs7("p", { className: "text-xs", children: [
|
|
1512
1531
|
comments,
|
|
1513
1532
|
" respostas"
|
|
1514
1533
|
] })
|
|
@@ -1611,12 +1630,12 @@ var CardAudio = forwardRef(
|
|
|
1611
1630
|
};
|
|
1612
1631
|
const getVolumeIcon = () => {
|
|
1613
1632
|
if (volume === 0) {
|
|
1614
|
-
return /* @__PURE__ */
|
|
1633
|
+
return /* @__PURE__ */ jsx9(SpeakerSimpleX, { size: 24 });
|
|
1615
1634
|
}
|
|
1616
1635
|
if (volume < 0.5) {
|
|
1617
|
-
return /* @__PURE__ */
|
|
1636
|
+
return /* @__PURE__ */ jsx9(SpeakerLow, { size: 24 });
|
|
1618
1637
|
}
|
|
1619
|
-
return /* @__PURE__ */
|
|
1638
|
+
return /* @__PURE__ */ jsx9(SpeakerHigh, { size: 24 });
|
|
1620
1639
|
};
|
|
1621
1640
|
useEffect(() => {
|
|
1622
1641
|
const handleClickOutside = (event) => {
|
|
@@ -1632,7 +1651,7 @@ var CardAudio = forwardRef(
|
|
|
1632
1651
|
document.removeEventListener("mousedown", handleClickOutside);
|
|
1633
1652
|
};
|
|
1634
1653
|
}, []);
|
|
1635
|
-
return /* @__PURE__ */
|
|
1654
|
+
return /* @__PURE__ */ jsxs7(
|
|
1636
1655
|
CardBase,
|
|
1637
1656
|
{
|
|
1638
1657
|
ref,
|
|
@@ -1645,7 +1664,7 @@ var CardAudio = forwardRef(
|
|
|
1645
1664
|
),
|
|
1646
1665
|
...props,
|
|
1647
1666
|
children: [
|
|
1648
|
-
/* @__PURE__ */
|
|
1667
|
+
/* @__PURE__ */ jsx9(
|
|
1649
1668
|
"audio",
|
|
1650
1669
|
{
|
|
1651
1670
|
ref: audioRef,
|
|
@@ -1657,7 +1676,7 @@ var CardAudio = forwardRef(
|
|
|
1657
1676
|
onEnded: handleEnded,
|
|
1658
1677
|
"data-testid": "audio-element",
|
|
1659
1678
|
"aria-label": title,
|
|
1660
|
-
children: tracks ? tracks.map((track) => /* @__PURE__ */
|
|
1679
|
+
children: tracks ? tracks.map((track) => /* @__PURE__ */ jsx9(
|
|
1661
1680
|
"track",
|
|
1662
1681
|
{
|
|
1663
1682
|
kind: track.kind,
|
|
@@ -1667,7 +1686,7 @@ var CardAudio = forwardRef(
|
|
|
1667
1686
|
default: track.default
|
|
1668
1687
|
},
|
|
1669
1688
|
track.src
|
|
1670
|
-
)) : /* @__PURE__ */
|
|
1689
|
+
)) : /* @__PURE__ */ jsx9(
|
|
1671
1690
|
"track",
|
|
1672
1691
|
{
|
|
1673
1692
|
kind: "captions",
|
|
@@ -1678,7 +1697,7 @@ var CardAudio = forwardRef(
|
|
|
1678
1697
|
)
|
|
1679
1698
|
}
|
|
1680
1699
|
),
|
|
1681
|
-
/* @__PURE__ */
|
|
1700
|
+
/* @__PURE__ */ jsx9(
|
|
1682
1701
|
"button",
|
|
1683
1702
|
{
|
|
1684
1703
|
type: "button",
|
|
@@ -1686,14 +1705,14 @@ var CardAudio = forwardRef(
|
|
|
1686
1705
|
disabled: !src,
|
|
1687
1706
|
className: "cursor-pointer text-text-950 hover:text-primary-600 disabled:text-text-400 disabled:cursor-not-allowed",
|
|
1688
1707
|
"aria-label": isPlaying ? "Pausar" : "Reproduzir",
|
|
1689
|
-
children: isPlaying ? /* @__PURE__ */
|
|
1690
|
-
/* @__PURE__ */
|
|
1691
|
-
/* @__PURE__ */
|
|
1692
|
-
] }) }) : /* @__PURE__ */
|
|
1708
|
+
children: isPlaying ? /* @__PURE__ */ jsx9("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsxs7("div", { className: "flex gap-0.5", children: [
|
|
1709
|
+
/* @__PURE__ */ jsx9("div", { className: "w-1 h-4 bg-current rounded-sm" }),
|
|
1710
|
+
/* @__PURE__ */ jsx9("div", { className: "w-1 h-4 bg-current rounded-sm" })
|
|
1711
|
+
] }) }) : /* @__PURE__ */ jsx9(Play, { size: 24 })
|
|
1693
1712
|
}
|
|
1694
1713
|
),
|
|
1695
|
-
/* @__PURE__ */
|
|
1696
|
-
/* @__PURE__ */
|
|
1714
|
+
/* @__PURE__ */ jsx9("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(currentTime) }),
|
|
1715
|
+
/* @__PURE__ */ jsx9("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ jsx9(
|
|
1697
1716
|
"button",
|
|
1698
1717
|
{
|
|
1699
1718
|
type: "button",
|
|
@@ -1708,7 +1727,7 @@ var CardAudio = forwardRef(
|
|
|
1708
1727
|
}
|
|
1709
1728
|
},
|
|
1710
1729
|
"aria-label": "Barra de progresso do \xE1udio",
|
|
1711
|
-
children: /* @__PURE__ */
|
|
1730
|
+
children: /* @__PURE__ */ jsx9(
|
|
1712
1731
|
"div",
|
|
1713
1732
|
{
|
|
1714
1733
|
className: "h-full bg-primary-600 rounded-full transition-all duration-100",
|
|
@@ -1719,19 +1738,19 @@ var CardAudio = forwardRef(
|
|
|
1719
1738
|
)
|
|
1720
1739
|
}
|
|
1721
1740
|
) }),
|
|
1722
|
-
/* @__PURE__ */
|
|
1723
|
-
/* @__PURE__ */
|
|
1724
|
-
/* @__PURE__ */
|
|
1741
|
+
/* @__PURE__ */ jsx9("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(duration) }),
|
|
1742
|
+
/* @__PURE__ */ jsxs7("div", { className: "relative h-6", ref: volumeControlRef, children: [
|
|
1743
|
+
/* @__PURE__ */ jsx9(
|
|
1725
1744
|
"button",
|
|
1726
1745
|
{
|
|
1727
1746
|
type: "button",
|
|
1728
1747
|
onClick: toggleVolumeControl,
|
|
1729
1748
|
className: "cursor-pointer text-text-950 hover:text-primary-600",
|
|
1730
1749
|
"aria-label": "Controle de volume",
|
|
1731
|
-
children: /* @__PURE__ */
|
|
1750
|
+
children: /* @__PURE__ */ jsx9("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
|
|
1732
1751
|
}
|
|
1733
1752
|
),
|
|
1734
|
-
showVolumeControl && /* @__PURE__ */
|
|
1753
|
+
showVolumeControl && /* @__PURE__ */ jsx9(
|
|
1735
1754
|
"button",
|
|
1736
1755
|
{
|
|
1737
1756
|
type: "button",
|
|
@@ -1741,7 +1760,7 @@ var CardAudio = forwardRef(
|
|
|
1741
1760
|
setShowVolumeControl(false);
|
|
1742
1761
|
}
|
|
1743
1762
|
},
|
|
1744
|
-
children: /* @__PURE__ */
|
|
1763
|
+
children: /* @__PURE__ */ jsx9(
|
|
1745
1764
|
"input",
|
|
1746
1765
|
{
|
|
1747
1766
|
type: "range",
|
|
@@ -1782,22 +1801,22 @@ var CardAudio = forwardRef(
|
|
|
1782
1801
|
}
|
|
1783
1802
|
)
|
|
1784
1803
|
] }),
|
|
1785
|
-
/* @__PURE__ */
|
|
1786
|
-
/* @__PURE__ */
|
|
1804
|
+
/* @__PURE__ */ jsxs7("div", { className: "relative h-6", ref: speedMenuRef, children: [
|
|
1805
|
+
/* @__PURE__ */ jsx9(
|
|
1787
1806
|
"button",
|
|
1788
1807
|
{
|
|
1789
1808
|
type: "button",
|
|
1790
1809
|
onClick: toggleSpeedMenu,
|
|
1791
1810
|
className: "cursor-pointer text-text-950 hover:text-primary-600",
|
|
1792
1811
|
"aria-label": "Op\xE7\xF5es de velocidade",
|
|
1793
|
-
children: /* @__PURE__ */
|
|
1812
|
+
children: /* @__PURE__ */ jsx9(DotsThreeVertical, { size: 24 })
|
|
1794
1813
|
}
|
|
1795
1814
|
),
|
|
1796
|
-
showSpeedMenu && /* @__PURE__ */
|
|
1815
|
+
showSpeedMenu && /* @__PURE__ */ jsx9("div", { className: "absolute bottom-full right-0 mb-2 p-2 bg-background border border-border-100 rounded-lg shadow-lg min-w-24 z-10", children: /* @__PURE__ */ jsx9("div", { className: "flex flex-col gap-1", children: [
|
|
1797
1816
|
{ speed: 1, label: "1x" },
|
|
1798
1817
|
{ speed: 1.5, label: "1.5x" },
|
|
1799
1818
|
{ speed: 2, label: "2x" }
|
|
1800
|
-
].map(({ speed, label }) => /* @__PURE__ */
|
|
1819
|
+
].map(({ speed, label }) => /* @__PURE__ */ jsx9(
|
|
1801
1820
|
"button",
|
|
1802
1821
|
{
|
|
1803
1822
|
type: "button",
|
|
@@ -1825,7 +1844,7 @@ var SIMULADO_BACKGROUND_CLASSES = {
|
|
|
1825
1844
|
var CardSimulado = forwardRef(
|
|
1826
1845
|
({ title, duration, info, backgroundColor, className, ...props }, ref) => {
|
|
1827
1846
|
const backgroundClass = SIMULADO_BACKGROUND_CLASSES[backgroundColor];
|
|
1828
|
-
return /* @__PURE__ */
|
|
1847
|
+
return /* @__PURE__ */ jsx9(
|
|
1829
1848
|
CardBase,
|
|
1830
1849
|
{
|
|
1831
1850
|
ref,
|
|
@@ -1838,18 +1857,18 @@ var CardSimulado = forwardRef(
|
|
|
1838
1857
|
className
|
|
1839
1858
|
),
|
|
1840
1859
|
...props,
|
|
1841
|
-
children: /* @__PURE__ */
|
|
1842
|
-
/* @__PURE__ */
|
|
1843
|
-
/* @__PURE__ */
|
|
1844
|
-
/* @__PURE__ */
|
|
1845
|
-
duration && /* @__PURE__ */
|
|
1846
|
-
/* @__PURE__ */
|
|
1847
|
-
/* @__PURE__ */
|
|
1860
|
+
children: /* @__PURE__ */ jsxs7("div", { className: "flex justify-between items-center w-full gap-4", children: [
|
|
1861
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
|
|
1862
|
+
/* @__PURE__ */ jsx9(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
|
|
1863
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-4 text-text-700", children: [
|
|
1864
|
+
duration && /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-1", children: [
|
|
1865
|
+
/* @__PURE__ */ jsx9(Clock, { size: 16, className: "flex-shrink-0" }),
|
|
1866
|
+
/* @__PURE__ */ jsx9(Text_default, { size: "sm", children: duration })
|
|
1848
1867
|
] }),
|
|
1849
|
-
/* @__PURE__ */
|
|
1868
|
+
/* @__PURE__ */ jsx9(Text_default, { size: "sm", className: "truncate", children: info })
|
|
1850
1869
|
] })
|
|
1851
1870
|
] }),
|
|
1852
|
-
/* @__PURE__ */
|
|
1871
|
+
/* @__PURE__ */ jsx9(
|
|
1853
1872
|
CaretRight,
|
|
1854
1873
|
{
|
|
1855
1874
|
size: 24,
|
|
@@ -1894,7 +1913,7 @@ var CardTest = forwardRef(
|
|
|
1894
1913
|
const interactiveClasses = isSelectable ? "cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary-950 focus:ring-offset-2" : "";
|
|
1895
1914
|
const selectedClasses = selected ? "ring-2 ring-primary-950 ring-offset-2" : "";
|
|
1896
1915
|
if (isSelectable) {
|
|
1897
|
-
return /* @__PURE__ */
|
|
1916
|
+
return /* @__PURE__ */ jsx9(
|
|
1898
1917
|
"button",
|
|
1899
1918
|
{
|
|
1900
1919
|
ref,
|
|
@@ -1906,8 +1925,8 @@ var CardTest = forwardRef(
|
|
|
1906
1925
|
onKeyDown: handleKeyDown,
|
|
1907
1926
|
"aria-pressed": selected,
|
|
1908
1927
|
...props,
|
|
1909
|
-
children: /* @__PURE__ */
|
|
1910
|
-
/* @__PURE__ */
|
|
1928
|
+
children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
|
|
1929
|
+
/* @__PURE__ */ jsx9(
|
|
1911
1930
|
Text_default,
|
|
1912
1931
|
{
|
|
1913
1932
|
size: "md",
|
|
@@ -1916,10 +1935,10 @@ var CardTest = forwardRef(
|
|
|
1916
1935
|
children: title
|
|
1917
1936
|
}
|
|
1918
1937
|
),
|
|
1919
|
-
/* @__PURE__ */
|
|
1920
|
-
duration && /* @__PURE__ */
|
|
1921
|
-
/* @__PURE__ */
|
|
1922
|
-
/* @__PURE__ */
|
|
1938
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
|
|
1939
|
+
duration && /* @__PURE__ */ jsxs7("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
|
|
1940
|
+
/* @__PURE__ */ jsx9(Clock, { size: 16, className: "text-text-700" }),
|
|
1941
|
+
/* @__PURE__ */ jsx9(
|
|
1923
1942
|
Text_default,
|
|
1924
1943
|
{
|
|
1925
1944
|
size: "sm",
|
|
@@ -1928,7 +1947,7 @@ var CardTest = forwardRef(
|
|
|
1928
1947
|
}
|
|
1929
1948
|
)
|
|
1930
1949
|
] }),
|
|
1931
|
-
/* @__PURE__ */
|
|
1950
|
+
/* @__PURE__ */ jsx9(
|
|
1932
1951
|
Text_default,
|
|
1933
1952
|
{
|
|
1934
1953
|
size: "sm",
|
|
@@ -1941,14 +1960,14 @@ var CardTest = forwardRef(
|
|
|
1941
1960
|
}
|
|
1942
1961
|
);
|
|
1943
1962
|
}
|
|
1944
|
-
return /* @__PURE__ */
|
|
1963
|
+
return /* @__PURE__ */ jsx9(
|
|
1945
1964
|
"div",
|
|
1946
1965
|
{
|
|
1947
1966
|
ref,
|
|
1948
1967
|
className: cn(`${baseClasses} ${className}`.trim()),
|
|
1949
1968
|
...props,
|
|
1950
|
-
children: /* @__PURE__ */
|
|
1951
|
-
/* @__PURE__ */
|
|
1969
|
+
children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
|
|
1970
|
+
/* @__PURE__ */ jsx9(
|
|
1952
1971
|
Text_default,
|
|
1953
1972
|
{
|
|
1954
1973
|
size: "md",
|
|
@@ -1957,10 +1976,10 @@ var CardTest = forwardRef(
|
|
|
1957
1976
|
children: title
|
|
1958
1977
|
}
|
|
1959
1978
|
),
|
|
1960
|
-
/* @__PURE__ */
|
|
1961
|
-
duration && /* @__PURE__ */
|
|
1962
|
-
/* @__PURE__ */
|
|
1963
|
-
/* @__PURE__ */
|
|
1979
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
|
|
1980
|
+
duration && /* @__PURE__ */ jsxs7("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
|
|
1981
|
+
/* @__PURE__ */ jsx9(Clock, { size: 16, className: "text-text-700" }),
|
|
1982
|
+
/* @__PURE__ */ jsx9(
|
|
1964
1983
|
Text_default,
|
|
1965
1984
|
{
|
|
1966
1985
|
size: "sm",
|
|
@@ -1969,7 +1988,7 @@ var CardTest = forwardRef(
|
|
|
1969
1988
|
}
|
|
1970
1989
|
)
|
|
1971
1990
|
] }),
|
|
1972
|
-
/* @__PURE__ */
|
|
1991
|
+
/* @__PURE__ */ jsx9(
|
|
1973
1992
|
Text_default,
|
|
1974
1993
|
{
|
|
1975
1994
|
size: "sm",
|
|
@@ -2006,14 +2025,14 @@ var SIMULATION_TYPE_STYLES = {
|
|
|
2006
2025
|
}
|
|
2007
2026
|
};
|
|
2008
2027
|
var CardSimulationHistory = forwardRef(({ data, onSimulationClick, className, ...props }, ref) => {
|
|
2009
|
-
return /* @__PURE__ */
|
|
2028
|
+
return /* @__PURE__ */ jsx9(
|
|
2010
2029
|
"div",
|
|
2011
2030
|
{
|
|
2012
2031
|
ref,
|
|
2013
2032
|
className: cn("w-full max-w-[992px] h-auto", className),
|
|
2014
2033
|
...props,
|
|
2015
|
-
children: /* @__PURE__ */
|
|
2016
|
-
data.map((section, sectionIndex) => /* @__PURE__ */
|
|
2034
|
+
children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-0", children: [
|
|
2035
|
+
data.map((section, sectionIndex) => /* @__PURE__ */ jsx9("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs7(
|
|
2017
2036
|
"div",
|
|
2018
2037
|
{
|
|
2019
2038
|
className: cn(
|
|
@@ -2021,7 +2040,7 @@ var CardSimulationHistory = forwardRef(({ data, onSimulationClick, className, ..
|
|
|
2021
2040
|
sectionIndex === 0 ? "rounded-t-3xl" : ""
|
|
2022
2041
|
),
|
|
2023
2042
|
children: [
|
|
2024
|
-
/* @__PURE__ */
|
|
2043
|
+
/* @__PURE__ */ jsx9(
|
|
2025
2044
|
Text_default,
|
|
2026
2045
|
{
|
|
2027
2046
|
size: "xs",
|
|
@@ -2030,9 +2049,9 @@ var CardSimulationHistory = forwardRef(({ data, onSimulationClick, className, ..
|
|
|
2030
2049
|
children: section.date
|
|
2031
2050
|
}
|
|
2032
2051
|
),
|
|
2033
|
-
/* @__PURE__ */
|
|
2052
|
+
/* @__PURE__ */ jsx9("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
|
|
2034
2053
|
const typeStyles = SIMULATION_TYPE_STYLES[simulation.type];
|
|
2035
|
-
return /* @__PURE__ */
|
|
2054
|
+
return /* @__PURE__ */ jsx9(
|
|
2036
2055
|
CardBase,
|
|
2037
2056
|
{
|
|
2038
2057
|
layout: "horizontal",
|
|
@@ -2044,9 +2063,9 @@ var CardSimulationHistory = forwardRef(({ data, onSimulationClick, className, ..
|
|
|
2044
2063
|
transition-shadow duration-200 h-auto min-h-[61px]`
|
|
2045
2064
|
),
|
|
2046
2065
|
onClick: () => onSimulationClick?.(simulation),
|
|
2047
|
-
children: /* @__PURE__ */
|
|
2048
|
-
/* @__PURE__ */
|
|
2049
|
-
/* @__PURE__ */
|
|
2066
|
+
children: /* @__PURE__ */ jsxs7("div", { className: "flex justify-between items-center w-full gap-2", children: [
|
|
2067
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap flex-col justify-between sm:flex-row gap-2 flex-1 min-w-0", children: [
|
|
2068
|
+
/* @__PURE__ */ jsx9(
|
|
2050
2069
|
Text_default,
|
|
2051
2070
|
{
|
|
2052
2071
|
size: "lg",
|
|
@@ -2055,8 +2074,8 @@ var CardSimulationHistory = forwardRef(({ data, onSimulationClick, className, ..
|
|
|
2055
2074
|
children: simulation.title
|
|
2056
2075
|
}
|
|
2057
2076
|
),
|
|
2058
|
-
/* @__PURE__ */
|
|
2059
|
-
/* @__PURE__ */
|
|
2077
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
|
|
2078
|
+
/* @__PURE__ */ jsx9(
|
|
2060
2079
|
Badge_default,
|
|
2061
2080
|
{
|
|
2062
2081
|
variant: "examsOutlined",
|
|
@@ -2065,10 +2084,10 @@ var CardSimulationHistory = forwardRef(({ data, onSimulationClick, className, ..
|
|
|
2065
2084
|
children: typeStyles.text
|
|
2066
2085
|
}
|
|
2067
2086
|
),
|
|
2068
|
-
/* @__PURE__ */
|
|
2087
|
+
/* @__PURE__ */ jsx9(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
|
|
2069
2088
|
] })
|
|
2070
2089
|
] }),
|
|
2071
|
-
/* @__PURE__ */
|
|
2090
|
+
/* @__PURE__ */ jsx9(
|
|
2072
2091
|
CaretRight,
|
|
2073
2092
|
{
|
|
2074
2093
|
size: 24,
|
|
@@ -2084,7 +2103,7 @@ var CardSimulationHistory = forwardRef(({ data, onSimulationClick, className, ..
|
|
|
2084
2103
|
]
|
|
2085
2104
|
}
|
|
2086
2105
|
) }, section.date)),
|
|
2087
|
-
data.length > 0 && /* @__PURE__ */
|
|
2106
|
+
data.length > 0 && /* @__PURE__ */ jsx9("div", { className: "w-full h-6 bg-white rounded-b-3xl" })
|
|
2088
2107
|
] })
|
|
2089
2108
|
}
|
|
2090
2109
|
);
|