analytica-frontend-lib 1.1.29 → 1.1.31
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 +295 -160
- package/dist/Accordation/index.js.map +1 -1
- package/dist/Accordation/index.mjs +286 -161
- package/dist/Accordation/index.mjs.map +1 -1
- package/dist/Card/index.d.mts +1 -1
- package/dist/Card/index.d.ts +1 -1
- package/dist/Card/index.js +289 -154
- package/dist/Card/index.js.map +1 -1
- package/dist/Card/index.mjs +280 -155
- package/dist/Card/index.mjs.map +1 -1
- package/dist/Quiz/index.js +522 -370
- package/dist/Quiz/index.js.map +1 -1
- package/dist/Quiz/index.mjs +513 -372
- package/dist/Quiz/index.mjs.map +1 -1
- package/dist/Quiz/useQuizStore/index.d.mts +6 -0
- package/dist/Quiz/useQuizStore/index.d.ts +6 -0
- package/dist/Quiz/useQuizStore/index.js.map +1 -1
- package/dist/Quiz/useQuizStore/index.mjs.map +1 -1
- package/dist/Select/index.js +3 -5
- package/dist/Select/index.js.map +1 -1
- package/dist/Select/index.mjs +3 -5
- package/dist/Select/index.mjs.map +1 -1
- package/dist/index.js +369 -350
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +370 -352
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
5
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
8
|
var __export = (target, all) => {
|
|
7
9
|
for (var name in all)
|
|
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
15
17
|
}
|
|
16
18
|
return to;
|
|
17
19
|
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
18
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
29
|
|
|
20
30
|
// src/components/Accordation/Accordation.tsx
|
|
@@ -719,7 +729,132 @@ var ProgressBar_default = ProgressBar;
|
|
|
719
729
|
|
|
720
730
|
// src/components/Card/Card.tsx
|
|
721
731
|
var import_phosphor_react2 = require("phosphor-react");
|
|
732
|
+
|
|
733
|
+
// src/components/IconRender/IconRender.tsx
|
|
734
|
+
var PhosphorIcons = __toESM(require("phosphor-react"));
|
|
722
735
|
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
736
|
+
var ChatPT = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
|
|
737
|
+
"svg",
|
|
738
|
+
{
|
|
739
|
+
width: size,
|
|
740
|
+
height: size,
|
|
741
|
+
viewBox: "0 0 32 32",
|
|
742
|
+
fill: "none",
|
|
743
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
744
|
+
children: [
|
|
745
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
746
|
+
"path",
|
|
747
|
+
{
|
|
748
|
+
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",
|
|
749
|
+
fill: color
|
|
750
|
+
}
|
|
751
|
+
),
|
|
752
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
753
|
+
"path",
|
|
754
|
+
{
|
|
755
|
+
d: "M21.1758 12V20.5312H19.7168V12H21.1758ZM23.8535 12V13.1719H17.0625V12H23.8535Z",
|
|
756
|
+
fill: color
|
|
757
|
+
}
|
|
758
|
+
),
|
|
759
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
760
|
+
"path",
|
|
761
|
+
{
|
|
762
|
+
d: "M13.2402 17.3496H11.0195V16.1836H13.2402C13.627 16.1836 13.9395 16.1211 14.1777 15.9961C14.416 15.8711 14.5898 15.6992 14.6992 15.4805C14.8125 15.2578 14.8691 15.0039 14.8691 14.7188C14.8691 14.4492 14.8125 14.1973 14.6992 13.9629C14.5898 13.7246 14.416 13.5332 14.1777 13.3887C13.9395 13.2441 13.627 13.1719 13.2402 13.1719H11.4707V20.5312H10V12H13.2402C13.9004 12 14.4609 12.1172 14.9219 12.3516C15.3867 12.582 15.7402 12.9023 15.9824 13.3125C16.2246 13.7188 16.3457 14.1836 16.3457 14.707C16.3457 15.2578 16.2246 15.7305 15.9824 16.125C15.7402 16.5195 15.3867 16.8223 14.9219 17.0332C14.4609 17.2441 13.9004 17.3496 13.2402 17.3496Z",
|
|
763
|
+
fill: color
|
|
764
|
+
}
|
|
765
|
+
)
|
|
766
|
+
]
|
|
767
|
+
}
|
|
768
|
+
);
|
|
769
|
+
var ChatEN = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
|
|
770
|
+
"svg",
|
|
771
|
+
{
|
|
772
|
+
width: size,
|
|
773
|
+
height: size,
|
|
774
|
+
viewBox: "0 0 32 32",
|
|
775
|
+
fill: "none",
|
|
776
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
777
|
+
children: [
|
|
778
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
779
|
+
"path",
|
|
780
|
+
{
|
|
781
|
+
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",
|
|
782
|
+
fill: color
|
|
783
|
+
}
|
|
784
|
+
),
|
|
785
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
786
|
+
"path",
|
|
787
|
+
{
|
|
788
|
+
d: "M22.5488 12V20.5312H21.0781L17.252 14.4199V20.5312H15.7812V12H17.252L21.0898 18.123V12H22.5488Z",
|
|
789
|
+
fill: color
|
|
790
|
+
}
|
|
791
|
+
),
|
|
792
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
793
|
+
"path",
|
|
794
|
+
{
|
|
795
|
+
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",
|
|
796
|
+
fill: color
|
|
797
|
+
}
|
|
798
|
+
)
|
|
799
|
+
]
|
|
800
|
+
}
|
|
801
|
+
);
|
|
802
|
+
var ChatES = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
|
|
803
|
+
"svg",
|
|
804
|
+
{
|
|
805
|
+
width: size,
|
|
806
|
+
height: size,
|
|
807
|
+
viewBox: "0 0 32 32",
|
|
808
|
+
fill: "none",
|
|
809
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
810
|
+
children: [
|
|
811
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
812
|
+
"path",
|
|
813
|
+
{
|
|
814
|
+
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",
|
|
815
|
+
fill: color
|
|
816
|
+
}
|
|
817
|
+
),
|
|
818
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
819
|
+
"path",
|
|
820
|
+
{
|
|
821
|
+
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",
|
|
822
|
+
fill: color
|
|
823
|
+
}
|
|
824
|
+
),
|
|
825
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
826
|
+
"path",
|
|
827
|
+
{
|
|
828
|
+
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",
|
|
829
|
+
fill: color
|
|
830
|
+
}
|
|
831
|
+
)
|
|
832
|
+
]
|
|
833
|
+
}
|
|
834
|
+
);
|
|
835
|
+
var IconRender = ({
|
|
836
|
+
iconName,
|
|
837
|
+
color = "#000000",
|
|
838
|
+
size = 24,
|
|
839
|
+
weight = "regular"
|
|
840
|
+
}) => {
|
|
841
|
+
switch (iconName) {
|
|
842
|
+
case "Chat_PT":
|
|
843
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChatPT, { size, color });
|
|
844
|
+
case "Chat_EN":
|
|
845
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChatEN, { size, color });
|
|
846
|
+
case "Chat_ES":
|
|
847
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChatES, { size, color });
|
|
848
|
+
default: {
|
|
849
|
+
const IconComponent = PhosphorIcons[iconName] || PhosphorIcons.Question;
|
|
850
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconComponent, { size, color, weight });
|
|
851
|
+
}
|
|
852
|
+
}
|
|
853
|
+
};
|
|
854
|
+
var IconRender_default = IconRender;
|
|
855
|
+
|
|
856
|
+
// src/components/Card/Card.tsx
|
|
857
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
723
858
|
var CARD_BASE_CLASSES = {
|
|
724
859
|
default: "w-full bg-background border border-border-50 rounded-xl",
|
|
725
860
|
compact: "w-full bg-background border border-border-50 rounded-lg",
|
|
@@ -769,12 +904,12 @@ var CardBase = (0, import_react.forwardRef)(
|
|
|
769
904
|
cursorClasses,
|
|
770
905
|
className
|
|
771
906
|
].filter(Boolean).join(" ");
|
|
772
|
-
return /* @__PURE__ */ (0,
|
|
907
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref, className: combinedClasses, ...props, children });
|
|
773
908
|
}
|
|
774
909
|
);
|
|
775
910
|
var ACTION_CARD_CLASSES = {
|
|
776
911
|
warning: "bg-warning-background",
|
|
777
|
-
success: "bg-success-
|
|
912
|
+
success: "bg-success-200",
|
|
778
913
|
error: "bg-error-100",
|
|
779
914
|
info: "bg-info-background"
|
|
780
915
|
};
|
|
@@ -812,7 +947,7 @@ var CardActivitiesResults = (0, import_react.forwardRef)(
|
|
|
812
947
|
const actionIconClasses = ACTION_ICON_CLASSES[action];
|
|
813
948
|
const actionSubTitleClasses = ACTION_SUBTITLE_CLASSES[action];
|
|
814
949
|
const actionHeaderClasses = ACTION_HEADER_CLASSES[action];
|
|
815
|
-
return /* @__PURE__ */ (0,
|
|
950
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
816
951
|
"div",
|
|
817
952
|
{
|
|
818
953
|
ref,
|
|
@@ -822,7 +957,7 @@ var CardActivitiesResults = (0, import_react.forwardRef)(
|
|
|
822
957
|
),
|
|
823
958
|
...props,
|
|
824
959
|
children: [
|
|
825
|
-
/* @__PURE__ */ (0,
|
|
960
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
826
961
|
"div",
|
|
827
962
|
{
|
|
828
963
|
className: cn(
|
|
@@ -831,7 +966,7 @@ var CardActivitiesResults = (0, import_react.forwardRef)(
|
|
|
831
966
|
extended ? "rounded-t-xl" : "rounded-xl"
|
|
832
967
|
),
|
|
833
968
|
children: [
|
|
834
|
-
/* @__PURE__ */ (0,
|
|
969
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
835
970
|
"span",
|
|
836
971
|
{
|
|
837
972
|
className: cn(
|
|
@@ -841,7 +976,7 @@ var CardActivitiesResults = (0, import_react.forwardRef)(
|
|
|
841
976
|
children: icon
|
|
842
977
|
}
|
|
843
978
|
),
|
|
844
|
-
/* @__PURE__ */ (0,
|
|
979
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
845
980
|
Text_default,
|
|
846
981
|
{
|
|
847
982
|
size: "2xs",
|
|
@@ -850,7 +985,7 @@ var CardActivitiesResults = (0, import_react.forwardRef)(
|
|
|
850
985
|
children: title
|
|
851
986
|
}
|
|
852
987
|
),
|
|
853
|
-
/* @__PURE__ */ (0,
|
|
988
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
854
989
|
"p",
|
|
855
990
|
{
|
|
856
991
|
className: cn("text-lg font-bold truncate", actionSubTitleClasses),
|
|
@@ -860,8 +995,8 @@ var CardActivitiesResults = (0, import_react.forwardRef)(
|
|
|
860
995
|
]
|
|
861
996
|
}
|
|
862
997
|
),
|
|
863
|
-
extended && /* @__PURE__ */ (0,
|
|
864
|
-
/* @__PURE__ */ (0,
|
|
998
|
+
extended && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col items-center gap-2.5 pb-9.5 pt-2.5", children: [
|
|
999
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
865
1000
|
"p",
|
|
866
1001
|
{
|
|
867
1002
|
className: cn(
|
|
@@ -871,7 +1006,7 @@ var CardActivitiesResults = (0, import_react.forwardRef)(
|
|
|
871
1006
|
children: header
|
|
872
1007
|
}
|
|
873
1008
|
),
|
|
874
|
-
/* @__PURE__ */ (0,
|
|
1009
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Badge_default, { size: "large", action: "info", children: description })
|
|
875
1010
|
] })
|
|
876
1011
|
]
|
|
877
1012
|
}
|
|
@@ -890,7 +1025,7 @@ var CardQuestions = (0, import_react.forwardRef)(
|
|
|
890
1025
|
const isDone = state === "done";
|
|
891
1026
|
const stateLabel = isDone ? "Realizado" : "N\xE3o Realizado";
|
|
892
1027
|
const buttonLabel = isDone ? "Ver Quest\xE3o" : "Responder";
|
|
893
|
-
return /* @__PURE__ */ (0,
|
|
1028
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
894
1029
|
CardBase,
|
|
895
1030
|
{
|
|
896
1031
|
ref,
|
|
@@ -900,10 +1035,10 @@ var CardQuestions = (0, import_react.forwardRef)(
|
|
|
900
1035
|
className: cn("justify-between gap-4", className),
|
|
901
1036
|
...props,
|
|
902
1037
|
children: [
|
|
903
|
-
/* @__PURE__ */ (0,
|
|
904
|
-
/* @__PURE__ */ (0,
|
|
905
|
-
/* @__PURE__ */ (0,
|
|
906
|
-
/* @__PURE__ */ (0,
|
|
1038
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
|
|
1039
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
|
|
1040
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
|
|
1041
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
907
1042
|
Badge_default,
|
|
908
1043
|
{
|
|
909
1044
|
size: "medium",
|
|
@@ -912,13 +1047,13 @@ var CardQuestions = (0, import_react.forwardRef)(
|
|
|
912
1047
|
children: stateLabel
|
|
913
1048
|
}
|
|
914
1049
|
),
|
|
915
|
-
/* @__PURE__ */ (0,
|
|
1050
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex flex-row items-center gap-1 text-text-700 text-xs", children: [
|
|
916
1051
|
isDone ? "Nota" : "Sem nota",
|
|
917
|
-
isDone && /* @__PURE__ */ (0,
|
|
1052
|
+
isDone && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Badge_default, { size: "medium", action: "success", children: "00" })
|
|
918
1053
|
] })
|
|
919
1054
|
] })
|
|
920
1055
|
] }),
|
|
921
|
-
/* @__PURE__ */ (0,
|
|
1056
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
922
1057
|
Button_default,
|
|
923
1058
|
{
|
|
924
1059
|
size: "extra-small",
|
|
@@ -949,19 +1084,19 @@ var CardProgress = (0, import_react.forwardRef)(
|
|
|
949
1084
|
}, ref) => {
|
|
950
1085
|
const isHorizontal = direction === "horizontal";
|
|
951
1086
|
const contentComponent = {
|
|
952
|
-
horizontal: /* @__PURE__ */ (0,
|
|
953
|
-
showDates && /* @__PURE__ */ (0,
|
|
954
|
-
initialDate && /* @__PURE__ */ (0,
|
|
955
|
-
/* @__PURE__ */ (0,
|
|
956
|
-
/* @__PURE__ */ (0,
|
|
1087
|
+
horizontal: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1088
|
+
showDates && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
|
|
1089
|
+
initialDate && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
|
|
1090
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
|
|
1091
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-600", children: initialDate })
|
|
957
1092
|
] }),
|
|
958
|
-
endDate && /* @__PURE__ */ (0,
|
|
959
|
-
/* @__PURE__ */ (0,
|
|
960
|
-
/* @__PURE__ */ (0,
|
|
1093
|
+
endDate && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
|
|
1094
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-800 font-semibold", children: "Fim" }),
|
|
1095
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-600", children: endDate })
|
|
961
1096
|
] })
|
|
962
1097
|
] }),
|
|
963
|
-
/* @__PURE__ */ (0,
|
|
964
|
-
/* @__PURE__ */ (0,
|
|
1098
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
|
|
1099
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
965
1100
|
ProgressBar_default,
|
|
966
1101
|
{
|
|
967
1102
|
size: "small",
|
|
@@ -970,7 +1105,7 @@ var CardProgress = (0, import_react.forwardRef)(
|
|
|
970
1105
|
"data-testid": "progress-bar"
|
|
971
1106
|
}
|
|
972
1107
|
),
|
|
973
|
-
/* @__PURE__ */ (0,
|
|
1108
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
974
1109
|
Text_default,
|
|
975
1110
|
{
|
|
976
1111
|
size: "xs",
|
|
@@ -986,9 +1121,9 @@ var CardProgress = (0, import_react.forwardRef)(
|
|
|
986
1121
|
)
|
|
987
1122
|
] })
|
|
988
1123
|
] }),
|
|
989
|
-
vertical: /* @__PURE__ */ (0,
|
|
1124
|
+
vertical: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-text-800", children: subhead })
|
|
990
1125
|
};
|
|
991
|
-
return /* @__PURE__ */ (0,
|
|
1126
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
992
1127
|
CardBase,
|
|
993
1128
|
{
|
|
994
1129
|
ref,
|
|
@@ -999,7 +1134,7 @@ var CardProgress = (0, import_react.forwardRef)(
|
|
|
999
1134
|
className: cn(isHorizontal ? "h-20" : "", className),
|
|
1000
1135
|
...props,
|
|
1001
1136
|
children: [
|
|
1002
|
-
/* @__PURE__ */ (0,
|
|
1137
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1003
1138
|
"div",
|
|
1004
1139
|
{
|
|
1005
1140
|
className: cn(
|
|
@@ -1012,7 +1147,7 @@ var CardProgress = (0, import_react.forwardRef)(
|
|
|
1012
1147
|
children: icon
|
|
1013
1148
|
}
|
|
1014
1149
|
),
|
|
1015
|
-
/* @__PURE__ */ (0,
|
|
1150
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1016
1151
|
"div",
|
|
1017
1152
|
{
|
|
1018
1153
|
className: cn(
|
|
@@ -1020,7 +1155,7 @@ var CardProgress = (0, import_react.forwardRef)(
|
|
|
1020
1155
|
!isHorizontal && "gap-4"
|
|
1021
1156
|
),
|
|
1022
1157
|
children: [
|
|
1023
|
-
/* @__PURE__ */ (0,
|
|
1158
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
|
|
1024
1159
|
contentComponent[direction]
|
|
1025
1160
|
]
|
|
1026
1161
|
}
|
|
@@ -1040,7 +1175,7 @@ var CardTopic = (0, import_react.forwardRef)(
|
|
|
1040
1175
|
className = "",
|
|
1041
1176
|
...props
|
|
1042
1177
|
}, ref) => {
|
|
1043
|
-
return /* @__PURE__ */ (0,
|
|
1178
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1044
1179
|
CardBase,
|
|
1045
1180
|
{
|
|
1046
1181
|
ref,
|
|
@@ -1051,13 +1186,13 @@ var CardTopic = (0, import_react.forwardRef)(
|
|
|
1051
1186
|
className: cn("justify-center gap-2 py-2 px-4", className),
|
|
1052
1187
|
...props,
|
|
1053
1188
|
children: [
|
|
1054
|
-
subHead && /* @__PURE__ */ (0,
|
|
1055
|
-
/* @__PURE__ */ (0,
|
|
1056
|
-
index < subHead.length - 1 && /* @__PURE__ */ (0,
|
|
1189
|
+
subHead && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react.Fragment, { children: [
|
|
1190
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: text }),
|
|
1191
|
+
index < subHead.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: "\u2022" })
|
|
1057
1192
|
] }, `${text} - ${index}`)) }),
|
|
1058
|
-
/* @__PURE__ */ (0,
|
|
1059
|
-
/* @__PURE__ */ (0,
|
|
1060
|
-
/* @__PURE__ */ (0,
|
|
1193
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
|
|
1194
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
|
|
1195
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1061
1196
|
ProgressBar_default,
|
|
1062
1197
|
{
|
|
1063
1198
|
size: "small",
|
|
@@ -1066,7 +1201,7 @@ var CardTopic = (0, import_react.forwardRef)(
|
|
|
1066
1201
|
"data-testid": "progress-bar"
|
|
1067
1202
|
}
|
|
1068
1203
|
),
|
|
1069
|
-
showPercentage && /* @__PURE__ */ (0,
|
|
1204
|
+
showPercentage && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1070
1205
|
Text_default,
|
|
1071
1206
|
{
|
|
1072
1207
|
size: "xs",
|
|
@@ -1100,7 +1235,7 @@ var CardPerformance = (0, import_react.forwardRef)(
|
|
|
1100
1235
|
...props
|
|
1101
1236
|
}, ref) => {
|
|
1102
1237
|
const hasProgress = progress !== void 0;
|
|
1103
|
-
return /* @__PURE__ */ (0,
|
|
1238
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1104
1239
|
CardBase,
|
|
1105
1240
|
{
|
|
1106
1241
|
ref,
|
|
@@ -1114,10 +1249,10 @@ var CardPerformance = (0, import_react.forwardRef)(
|
|
|
1114
1249
|
onClick: () => actionVariant == "caret" && onClickButton?.(valueButton),
|
|
1115
1250
|
...props,
|
|
1116
1251
|
children: [
|
|
1117
|
-
/* @__PURE__ */ (0,
|
|
1118
|
-
/* @__PURE__ */ (0,
|
|
1119
|
-
/* @__PURE__ */ (0,
|
|
1120
|
-
actionVariant === "button" && /* @__PURE__ */ (0,
|
|
1252
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w-full flex flex-col justify-between gap-2", children: [
|
|
1253
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-row justify-between items-center gap-2", children: [
|
|
1254
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
|
|
1255
|
+
actionVariant === "button" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1121
1256
|
Button_default,
|
|
1122
1257
|
{
|
|
1123
1258
|
variant: "outline",
|
|
@@ -1128,16 +1263,16 @@ var CardPerformance = (0, import_react.forwardRef)(
|
|
|
1128
1263
|
}
|
|
1129
1264
|
)
|
|
1130
1265
|
] }),
|
|
1131
|
-
/* @__PURE__ */ (0,
|
|
1266
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1132
1267
|
ProgressBar_default,
|
|
1133
1268
|
{
|
|
1134
1269
|
value: progress,
|
|
1135
1270
|
label: `${progress}% ${labelProgress}`,
|
|
1136
1271
|
variant: progressVariant
|
|
1137
1272
|
}
|
|
1138
|
-
) : /* @__PURE__ */ (0,
|
|
1273
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs text-text-600 truncate", children: description }) })
|
|
1139
1274
|
] }),
|
|
1140
|
-
actionVariant == "caret" && /* @__PURE__ */ (0,
|
|
1275
|
+
actionVariant == "caret" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1141
1276
|
import_phosphor_react2.CaretRight,
|
|
1142
1277
|
{
|
|
1143
1278
|
className: "size-4.5 text-text-800 cursor-pointer",
|
|
@@ -1161,7 +1296,7 @@ var CardResults = (0, import_react.forwardRef)(
|
|
|
1161
1296
|
...props
|
|
1162
1297
|
}, ref) => {
|
|
1163
1298
|
const isRow = direction == "row";
|
|
1164
|
-
return /* @__PURE__ */ (0,
|
|
1299
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1165
1300
|
CardBase,
|
|
1166
1301
|
{
|
|
1167
1302
|
ref,
|
|
@@ -1171,7 +1306,7 @@ var CardResults = (0, import_react.forwardRef)(
|
|
|
1171
1306
|
className: cn("items-center cursor-pointer pr-4", className),
|
|
1172
1307
|
...props,
|
|
1173
1308
|
children: [
|
|
1174
|
-
/* @__PURE__ */ (0,
|
|
1309
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1175
1310
|
"div",
|
|
1176
1311
|
{
|
|
1177
1312
|
className: cn(
|
|
@@ -1180,10 +1315,10 @@ var CardResults = (0, import_react.forwardRef)(
|
|
|
1180
1315
|
style: {
|
|
1181
1316
|
backgroundColor: color
|
|
1182
1317
|
},
|
|
1183
|
-
children: icon
|
|
1318
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconRender_default, { iconName: icon, color: "currentColor", size: 20 })
|
|
1184
1319
|
}
|
|
1185
1320
|
),
|
|
1186
|
-
/* @__PURE__ */ (0,
|
|
1321
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1187
1322
|
"div",
|
|
1188
1323
|
{
|
|
1189
1324
|
className: cn(
|
|
@@ -1191,28 +1326,28 @@ var CardResults = (0, import_react.forwardRef)(
|
|
|
1191
1326
|
isRow ? "flex-row items-center gap-2" : "flex-col"
|
|
1192
1327
|
),
|
|
1193
1328
|
children: [
|
|
1194
|
-
/* @__PURE__ */ (0,
|
|
1195
|
-
/* @__PURE__ */ (0,
|
|
1196
|
-
/* @__PURE__ */ (0,
|
|
1329
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
|
|
1330
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex flex-row gap-1 items-center", children: [
|
|
1331
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1197
1332
|
Badge_default,
|
|
1198
1333
|
{
|
|
1199
1334
|
action: "success",
|
|
1200
1335
|
variant: "solid",
|
|
1201
1336
|
size: "large",
|
|
1202
|
-
iconLeft: /* @__PURE__ */ (0,
|
|
1337
|
+
iconLeft: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.CheckCircle, {}),
|
|
1203
1338
|
children: [
|
|
1204
1339
|
correct_answers,
|
|
1205
1340
|
" Corretas"
|
|
1206
1341
|
]
|
|
1207
1342
|
}
|
|
1208
1343
|
),
|
|
1209
|
-
/* @__PURE__ */ (0,
|
|
1344
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1210
1345
|
Badge_default,
|
|
1211
1346
|
{
|
|
1212
1347
|
action: "error",
|
|
1213
1348
|
variant: "solid",
|
|
1214
1349
|
size: "large",
|
|
1215
|
-
iconLeft: /* @__PURE__ */ (0,
|
|
1350
|
+
iconLeft: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.XCircle, {}),
|
|
1216
1351
|
children: [
|
|
1217
1352
|
incorrect_answers,
|
|
1218
1353
|
" Incorretas"
|
|
@@ -1223,7 +1358,7 @@ var CardResults = (0, import_react.forwardRef)(
|
|
|
1223
1358
|
]
|
|
1224
1359
|
}
|
|
1225
1360
|
),
|
|
1226
|
-
/* @__PURE__ */ (0,
|
|
1361
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
|
|
1227
1362
|
]
|
|
1228
1363
|
}
|
|
1229
1364
|
);
|
|
@@ -1243,7 +1378,7 @@ var CardStatus = (0, import_react.forwardRef)(
|
|
|
1243
1378
|
return "Em branco";
|
|
1244
1379
|
}
|
|
1245
1380
|
};
|
|
1246
|
-
return /* @__PURE__ */ (0,
|
|
1381
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1247
1382
|
CardBase,
|
|
1248
1383
|
{
|
|
1249
1384
|
ref,
|
|
@@ -1252,22 +1387,22 @@ var CardStatus = (0, import_react.forwardRef)(
|
|
|
1252
1387
|
minHeight: "medium",
|
|
1253
1388
|
className: cn("items-center cursor-pointer", className),
|
|
1254
1389
|
...props,
|
|
1255
|
-
children: /* @__PURE__ */ (0,
|
|
1256
|
-
/* @__PURE__ */ (0,
|
|
1257
|
-
/* @__PURE__ */ (0,
|
|
1258
|
-
status && /* @__PURE__ */ (0,
|
|
1390
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
|
|
1391
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
|
|
1392
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
|
|
1393
|
+
status && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1259
1394
|
Badge_default,
|
|
1260
1395
|
{
|
|
1261
1396
|
action: status == "correct" ? "success" : "error",
|
|
1262
1397
|
variant: "solid",
|
|
1263
1398
|
size: "medium",
|
|
1264
|
-
iconLeft: status == "correct" ? /* @__PURE__ */ (0,
|
|
1399
|
+
iconLeft: status == "correct" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.CheckCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.XCircle, {}),
|
|
1265
1400
|
children: getLabelBadge(status)
|
|
1266
1401
|
}
|
|
1267
1402
|
),
|
|
1268
|
-
label && /* @__PURE__ */ (0,
|
|
1403
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-text-800", children: label })
|
|
1269
1404
|
] }),
|
|
1270
|
-
/* @__PURE__ */ (0,
|
|
1405
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
|
|
1271
1406
|
] })
|
|
1272
1407
|
}
|
|
1273
1408
|
);
|
|
@@ -1275,7 +1410,7 @@ var CardStatus = (0, import_react.forwardRef)(
|
|
|
1275
1410
|
);
|
|
1276
1411
|
var CardSettings = (0, import_react.forwardRef)(
|
|
1277
1412
|
({ header, className, icon, ...props }, ref) => {
|
|
1278
|
-
return /* @__PURE__ */ (0,
|
|
1413
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1279
1414
|
CardBase,
|
|
1280
1415
|
{
|
|
1281
1416
|
ref,
|
|
@@ -1288,9 +1423,9 @@ var CardSettings = (0, import_react.forwardRef)(
|
|
|
1288
1423
|
),
|
|
1289
1424
|
...props,
|
|
1290
1425
|
children: [
|
|
1291
|
-
/* @__PURE__ */ (0,
|
|
1292
|
-
/* @__PURE__ */ (0,
|
|
1293
|
-
/* @__PURE__ */ (0,
|
|
1426
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "[&>svg]:size-6", children: icon }),
|
|
1427
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "w-full text-sm truncate", children: header }),
|
|
1428
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.CaretRight, { size: 24, className: "cursor-pointer" })
|
|
1294
1429
|
]
|
|
1295
1430
|
}
|
|
1296
1431
|
);
|
|
@@ -1298,7 +1433,7 @@ var CardSettings = (0, import_react.forwardRef)(
|
|
|
1298
1433
|
);
|
|
1299
1434
|
var CardSupport = (0, import_react.forwardRef)(
|
|
1300
1435
|
({ header, className, direction = "col", children, ...props }, ref) => {
|
|
1301
|
-
return /* @__PURE__ */ (0,
|
|
1436
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1302
1437
|
CardBase,
|
|
1303
1438
|
{
|
|
1304
1439
|
ref,
|
|
@@ -1311,7 +1446,7 @@ var CardSupport = (0, import_react.forwardRef)(
|
|
|
1311
1446
|
),
|
|
1312
1447
|
...props,
|
|
1313
1448
|
children: [
|
|
1314
|
-
/* @__PURE__ */ (0,
|
|
1449
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1315
1450
|
"div",
|
|
1316
1451
|
{
|
|
1317
1452
|
className: cn(
|
|
@@ -1319,12 +1454,12 @@ var CardSupport = (0, import_react.forwardRef)(
|
|
|
1319
1454
|
direction == "col" ? "flex-col" : "flex-row items-center"
|
|
1320
1455
|
),
|
|
1321
1456
|
children: [
|
|
1322
|
-
/* @__PURE__ */ (0,
|
|
1323
|
-
/* @__PURE__ */ (0,
|
|
1457
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
|
|
1458
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "flex flex-row gap-1", children })
|
|
1324
1459
|
]
|
|
1325
1460
|
}
|
|
1326
1461
|
),
|
|
1327
|
-
/* @__PURE__ */ (0,
|
|
1462
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
|
|
1328
1463
|
]
|
|
1329
1464
|
}
|
|
1330
1465
|
);
|
|
@@ -1344,7 +1479,7 @@ var CardForum = (0, import_react.forwardRef)(
|
|
|
1344
1479
|
hour,
|
|
1345
1480
|
...props
|
|
1346
1481
|
}, ref) => {
|
|
1347
|
-
return /* @__PURE__ */ (0,
|
|
1482
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1348
1483
|
CardBase,
|
|
1349
1484
|
{
|
|
1350
1485
|
ref,
|
|
@@ -1355,7 +1490,7 @@ var CardForum = (0, import_react.forwardRef)(
|
|
|
1355
1490
|
className: cn("w-auto h-auto gap-3", className),
|
|
1356
1491
|
...props,
|
|
1357
1492
|
children: [
|
|
1358
|
-
/* @__PURE__ */ (0,
|
|
1493
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1359
1494
|
"button",
|
|
1360
1495
|
{
|
|
1361
1496
|
type: "button",
|
|
@@ -1364,18 +1499,18 @@ var CardForum = (0, import_react.forwardRef)(
|
|
|
1364
1499
|
className: "min-w-8 h-8 rounded-full bg-background-950"
|
|
1365
1500
|
}
|
|
1366
1501
|
),
|
|
1367
|
-
/* @__PURE__ */ (0,
|
|
1368
|
-
/* @__PURE__ */ (0,
|
|
1369
|
-
/* @__PURE__ */ (0,
|
|
1370
|
-
/* @__PURE__ */ (0,
|
|
1502
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
|
|
1503
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
|
|
1504
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
|
|
1505
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "text-xs text-text-600", children: [
|
|
1371
1506
|
"\u2022 ",
|
|
1372
1507
|
date,
|
|
1373
1508
|
" \u2022 ",
|
|
1374
1509
|
hour
|
|
1375
1510
|
] })
|
|
1376
1511
|
] }),
|
|
1377
|
-
/* @__PURE__ */ (0,
|
|
1378
|
-
/* @__PURE__ */ (0,
|
|
1512
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
|
|
1513
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1379
1514
|
"button",
|
|
1380
1515
|
{
|
|
1381
1516
|
type: "button",
|
|
@@ -1383,8 +1518,8 @@ var CardForum = (0, import_react.forwardRef)(
|
|
|
1383
1518
|
onClick: () => onClickComments?.(valueComments),
|
|
1384
1519
|
className: "text-text-600 flex flex-row gap-2 items-center",
|
|
1385
1520
|
children: [
|
|
1386
|
-
/* @__PURE__ */ (0,
|
|
1387
|
-
/* @__PURE__ */ (0,
|
|
1521
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.ChatCircleText, { "aria-hidden": "true", size: 16 }),
|
|
1522
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "text-xs", children: [
|
|
1388
1523
|
comments,
|
|
1389
1524
|
" respostas"
|
|
1390
1525
|
] })
|
|
@@ -1483,14 +1618,14 @@ var CardAudio = (0, import_react.forwardRef)(
|
|
|
1483
1618
|
};
|
|
1484
1619
|
const getVolumeIcon = () => {
|
|
1485
1620
|
if (volume === 0) {
|
|
1486
|
-
return /* @__PURE__ */ (0,
|
|
1621
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.SpeakerSimpleX, {});
|
|
1487
1622
|
}
|
|
1488
1623
|
if (volume < 0.5) {
|
|
1489
|
-
return /* @__PURE__ */ (0,
|
|
1624
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.SpeakerLow, {});
|
|
1490
1625
|
}
|
|
1491
|
-
return /* @__PURE__ */ (0,
|
|
1626
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.SpeakerHigh, {});
|
|
1492
1627
|
};
|
|
1493
|
-
return /* @__PURE__ */ (0,
|
|
1628
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1494
1629
|
CardBase,
|
|
1495
1630
|
{
|
|
1496
1631
|
ref,
|
|
@@ -1500,7 +1635,7 @@ var CardAudio = (0, import_react.forwardRef)(
|
|
|
1500
1635
|
className: cn("w-auto h-14 items-center gap-2", className),
|
|
1501
1636
|
...props,
|
|
1502
1637
|
children: [
|
|
1503
|
-
/* @__PURE__ */ (0,
|
|
1638
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1504
1639
|
"audio",
|
|
1505
1640
|
{
|
|
1506
1641
|
ref: audioRef,
|
|
@@ -1512,7 +1647,7 @@ var CardAudio = (0, import_react.forwardRef)(
|
|
|
1512
1647
|
onEnded: handleEnded,
|
|
1513
1648
|
"data-testid": "audio-element",
|
|
1514
1649
|
"aria-label": title,
|
|
1515
|
-
children: tracks ? tracks.map((track) => /* @__PURE__ */ (0,
|
|
1650
|
+
children: tracks ? tracks.map((track) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1516
1651
|
"track",
|
|
1517
1652
|
{
|
|
1518
1653
|
kind: track.kind,
|
|
@@ -1522,7 +1657,7 @@ var CardAudio = (0, import_react.forwardRef)(
|
|
|
1522
1657
|
default: track.default
|
|
1523
1658
|
},
|
|
1524
1659
|
track.src
|
|
1525
|
-
)) : /* @__PURE__ */ (0,
|
|
1660
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1526
1661
|
"track",
|
|
1527
1662
|
{
|
|
1528
1663
|
kind: "captions",
|
|
@@ -1533,7 +1668,7 @@ var CardAudio = (0, import_react.forwardRef)(
|
|
|
1533
1668
|
)
|
|
1534
1669
|
}
|
|
1535
1670
|
),
|
|
1536
|
-
/* @__PURE__ */ (0,
|
|
1671
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1537
1672
|
"button",
|
|
1538
1673
|
{
|
|
1539
1674
|
type: "button",
|
|
@@ -1541,14 +1676,14 @@ var CardAudio = (0, import_react.forwardRef)(
|
|
|
1541
1676
|
disabled: !src,
|
|
1542
1677
|
className: "cursor-pointer text-text-950 hover:text-primary-600 disabled:text-text-400 disabled:cursor-not-allowed",
|
|
1543
1678
|
"aria-label": isPlaying ? "Pausar" : "Reproduzir",
|
|
1544
|
-
children: isPlaying ? /* @__PURE__ */ (0,
|
|
1545
|
-
/* @__PURE__ */ (0,
|
|
1546
|
-
/* @__PURE__ */ (0,
|
|
1547
|
-
] }) }) : /* @__PURE__ */ (0,
|
|
1679
|
+
children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex gap-0.5", children: [
|
|
1680
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" }),
|
|
1681
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" })
|
|
1682
|
+
] }) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.Play, { size: 24 })
|
|
1548
1683
|
}
|
|
1549
1684
|
),
|
|
1550
|
-
/* @__PURE__ */ (0,
|
|
1551
|
-
/* @__PURE__ */ (0,
|
|
1685
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-800 text-sm font-medium min-w-[2.5rem]", children: formatTime(currentTime) }),
|
|
1686
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1552
1687
|
"button",
|
|
1553
1688
|
{
|
|
1554
1689
|
type: "button",
|
|
@@ -1563,7 +1698,7 @@ var CardAudio = (0, import_react.forwardRef)(
|
|
|
1563
1698
|
}
|
|
1564
1699
|
},
|
|
1565
1700
|
"aria-label": "Barra de progresso do \xE1udio",
|
|
1566
|
-
children: /* @__PURE__ */ (0,
|
|
1701
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1567
1702
|
"div",
|
|
1568
1703
|
{
|
|
1569
1704
|
className: "h-full bg-primary-600 rounded-full transition-all duration-100",
|
|
@@ -1574,19 +1709,19 @@ var CardAudio = (0, import_react.forwardRef)(
|
|
|
1574
1709
|
)
|
|
1575
1710
|
}
|
|
1576
1711
|
) }),
|
|
1577
|
-
/* @__PURE__ */ (0,
|
|
1578
|
-
/* @__PURE__ */ (0,
|
|
1579
|
-
/* @__PURE__ */ (0,
|
|
1712
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-800 text-sm font-medium min-w-[2.5rem]", children: formatTime(duration) }),
|
|
1713
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative", children: [
|
|
1714
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1580
1715
|
"button",
|
|
1581
1716
|
{
|
|
1582
1717
|
type: "button",
|
|
1583
1718
|
onClick: toggleVolumeControl,
|
|
1584
1719
|
className: "cursor-pointer text-text-950 hover:text-primary-600",
|
|
1585
1720
|
"aria-label": "Controle de volume",
|
|
1586
|
-
children: /* @__PURE__ */ (0,
|
|
1721
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
|
|
1587
1722
|
}
|
|
1588
1723
|
),
|
|
1589
|
-
showVolumeControl && /* @__PURE__ */ (0,
|
|
1724
|
+
showVolumeControl && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1590
1725
|
"button",
|
|
1591
1726
|
{
|
|
1592
1727
|
type: "button",
|
|
@@ -1596,7 +1731,7 @@ var CardAudio = (0, import_react.forwardRef)(
|
|
|
1596
1731
|
setShowVolumeControl(false);
|
|
1597
1732
|
}
|
|
1598
1733
|
},
|
|
1599
|
-
children: /* @__PURE__ */ (0,
|
|
1734
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1600
1735
|
"input",
|
|
1601
1736
|
{
|
|
1602
1737
|
type: "range",
|
|
@@ -1637,22 +1772,22 @@ var CardAudio = (0, import_react.forwardRef)(
|
|
|
1637
1772
|
}
|
|
1638
1773
|
)
|
|
1639
1774
|
] }),
|
|
1640
|
-
/* @__PURE__ */ (0,
|
|
1641
|
-
/* @__PURE__ */ (0,
|
|
1775
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative", children: [
|
|
1776
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1642
1777
|
"button",
|
|
1643
1778
|
{
|
|
1644
1779
|
type: "button",
|
|
1645
1780
|
onClick: toggleSpeedMenu,
|
|
1646
1781
|
className: "cursor-pointer text-text-950 hover:text-primary-600",
|
|
1647
1782
|
"aria-label": "Op\xE7\xF5es de velocidade",
|
|
1648
|
-
children: /* @__PURE__ */ (0,
|
|
1783
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.DotsThreeVertical, { size: 24 })
|
|
1649
1784
|
}
|
|
1650
1785
|
),
|
|
1651
|
-
showSpeedMenu && /* @__PURE__ */ (0,
|
|
1786
|
+
showSpeedMenu && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-col gap-1", children: [
|
|
1652
1787
|
{ speed: 1, label: "1x" },
|
|
1653
1788
|
{ speed: 1.5, label: "1.5x" },
|
|
1654
1789
|
{ speed: 2, label: "2x" }
|
|
1655
|
-
].map(({ speed, label }) => /* @__PURE__ */ (0,
|
|
1790
|
+
].map(({ speed, label }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1656
1791
|
"button",
|
|
1657
1792
|
{
|
|
1658
1793
|
type: "button",
|
|
@@ -1680,7 +1815,7 @@ var SIMULADO_BACKGROUND_CLASSES = {
|
|
|
1680
1815
|
var CardSimulado = (0, import_react.forwardRef)(
|
|
1681
1816
|
({ title, duration, info, backgroundColor, className, ...props }, ref) => {
|
|
1682
1817
|
const backgroundClass = SIMULADO_BACKGROUND_CLASSES[backgroundColor];
|
|
1683
|
-
return /* @__PURE__ */ (0,
|
|
1818
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1684
1819
|
CardBase,
|
|
1685
1820
|
{
|
|
1686
1821
|
ref,
|
|
@@ -1693,18 +1828,18 @@ var CardSimulado = (0, import_react.forwardRef)(
|
|
|
1693
1828
|
className
|
|
1694
1829
|
),
|
|
1695
1830
|
...props,
|
|
1696
|
-
children: /* @__PURE__ */ (0,
|
|
1697
|
-
/* @__PURE__ */ (0,
|
|
1698
|
-
/* @__PURE__ */ (0,
|
|
1699
|
-
/* @__PURE__ */ (0,
|
|
1700
|
-
duration && /* @__PURE__ */ (0,
|
|
1701
|
-
/* @__PURE__ */ (0,
|
|
1702
|
-
/* @__PURE__ */ (0,
|
|
1831
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex justify-between items-center w-full gap-4", children: [
|
|
1832
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
|
|
1833
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
|
|
1834
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-4 text-text-700", children: [
|
|
1835
|
+
duration && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-1", children: [
|
|
1836
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.Clock, { size: 16, className: "flex-shrink-0" }),
|
|
1837
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text_default, { size: "sm", children: duration })
|
|
1703
1838
|
] }),
|
|
1704
|
-
/* @__PURE__ */ (0,
|
|
1839
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text_default, { size: "sm", className: "truncate", children: info })
|
|
1705
1840
|
] })
|
|
1706
1841
|
] }),
|
|
1707
|
-
/* @__PURE__ */ (0,
|
|
1842
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1708
1843
|
import_phosphor_react2.CaretRight,
|
|
1709
1844
|
{
|
|
1710
1845
|
size: 24,
|
|
@@ -1749,7 +1884,7 @@ var CardTest = (0, import_react.forwardRef)(
|
|
|
1749
1884
|
const interactiveClasses = isSelectable ? "cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary-950 focus:ring-offset-2" : "";
|
|
1750
1885
|
const selectedClasses = selected ? "ring-2 ring-primary-950 ring-offset-2" : "";
|
|
1751
1886
|
if (isSelectable) {
|
|
1752
|
-
return /* @__PURE__ */ (0,
|
|
1887
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1753
1888
|
"button",
|
|
1754
1889
|
{
|
|
1755
1890
|
ref,
|
|
@@ -1761,8 +1896,8 @@ var CardTest = (0, import_react.forwardRef)(
|
|
|
1761
1896
|
onKeyDown: handleKeyDown,
|
|
1762
1897
|
"aria-pressed": selected,
|
|
1763
1898
|
...props,
|
|
1764
|
-
children: /* @__PURE__ */ (0,
|
|
1765
|
-
/* @__PURE__ */ (0,
|
|
1899
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
|
|
1900
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1766
1901
|
Text_default,
|
|
1767
1902
|
{
|
|
1768
1903
|
size: "md",
|
|
@@ -1771,10 +1906,10 @@ var CardTest = (0, import_react.forwardRef)(
|
|
|
1771
1906
|
children: title
|
|
1772
1907
|
}
|
|
1773
1908
|
),
|
|
1774
|
-
/* @__PURE__ */ (0,
|
|
1775
|
-
duration && /* @__PURE__ */ (0,
|
|
1776
|
-
/* @__PURE__ */ (0,
|
|
1777
|
-
/* @__PURE__ */ (0,
|
|
1909
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
|
|
1910
|
+
duration && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
|
|
1911
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.Clock, { size: 16, className: "text-text-700" }),
|
|
1912
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1778
1913
|
Text_default,
|
|
1779
1914
|
{
|
|
1780
1915
|
size: "sm",
|
|
@@ -1783,7 +1918,7 @@ var CardTest = (0, import_react.forwardRef)(
|
|
|
1783
1918
|
}
|
|
1784
1919
|
)
|
|
1785
1920
|
] }),
|
|
1786
|
-
/* @__PURE__ */ (0,
|
|
1921
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1787
1922
|
Text_default,
|
|
1788
1923
|
{
|
|
1789
1924
|
size: "sm",
|
|
@@ -1796,14 +1931,14 @@ var CardTest = (0, import_react.forwardRef)(
|
|
|
1796
1931
|
}
|
|
1797
1932
|
);
|
|
1798
1933
|
}
|
|
1799
|
-
return /* @__PURE__ */ (0,
|
|
1934
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1800
1935
|
"div",
|
|
1801
1936
|
{
|
|
1802
1937
|
ref,
|
|
1803
1938
|
className: cn(`${baseClasses} ${className}`.trim()),
|
|
1804
1939
|
...props,
|
|
1805
|
-
children: /* @__PURE__ */ (0,
|
|
1806
|
-
/* @__PURE__ */ (0,
|
|
1940
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
|
|
1941
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1807
1942
|
Text_default,
|
|
1808
1943
|
{
|
|
1809
1944
|
size: "md",
|
|
@@ -1812,10 +1947,10 @@ var CardTest = (0, import_react.forwardRef)(
|
|
|
1812
1947
|
children: title
|
|
1813
1948
|
}
|
|
1814
1949
|
),
|
|
1815
|
-
/* @__PURE__ */ (0,
|
|
1816
|
-
duration && /* @__PURE__ */ (0,
|
|
1817
|
-
/* @__PURE__ */ (0,
|
|
1818
|
-
/* @__PURE__ */ (0,
|
|
1950
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
|
|
1951
|
+
duration && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
|
|
1952
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.Clock, { size: 16, className: "text-text-700" }),
|
|
1953
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1819
1954
|
Text_default,
|
|
1820
1955
|
{
|
|
1821
1956
|
size: "sm",
|
|
@@ -1824,7 +1959,7 @@ var CardTest = (0, import_react.forwardRef)(
|
|
|
1824
1959
|
}
|
|
1825
1960
|
)
|
|
1826
1961
|
] }),
|
|
1827
|
-
/* @__PURE__ */ (0,
|
|
1962
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1828
1963
|
Text_default,
|
|
1829
1964
|
{
|
|
1830
1965
|
size: "sm",
|
|
@@ -1861,14 +1996,14 @@ var SIMULATION_TYPE_STYLES = {
|
|
|
1861
1996
|
}
|
|
1862
1997
|
};
|
|
1863
1998
|
var CardSimulationHistory = (0, import_react.forwardRef)(({ data, onSimulationClick, className, ...props }, ref) => {
|
|
1864
|
-
return /* @__PURE__ */ (0,
|
|
1999
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1865
2000
|
"div",
|
|
1866
2001
|
{
|
|
1867
2002
|
ref,
|
|
1868
2003
|
className: cn("w-full max-w-[992px] h-auto", className),
|
|
1869
2004
|
...props,
|
|
1870
|
-
children: /* @__PURE__ */ (0,
|
|
1871
|
-
data.map((section, sectionIndex) => /* @__PURE__ */ (0,
|
|
2005
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col gap-0", children: [
|
|
2006
|
+
data.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
1872
2007
|
"div",
|
|
1873
2008
|
{
|
|
1874
2009
|
className: cn(
|
|
@@ -1876,7 +2011,7 @@ var CardSimulationHistory = (0, import_react.forwardRef)(({ data, onSimulationCl
|
|
|
1876
2011
|
sectionIndex === 0 ? "rounded-t-3xl" : ""
|
|
1877
2012
|
),
|
|
1878
2013
|
children: [
|
|
1879
|
-
/* @__PURE__ */ (0,
|
|
2014
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1880
2015
|
Text_default,
|
|
1881
2016
|
{
|
|
1882
2017
|
size: "xs",
|
|
@@ -1885,9 +2020,9 @@ var CardSimulationHistory = (0, import_react.forwardRef)(({ data, onSimulationCl
|
|
|
1885
2020
|
children: section.date
|
|
1886
2021
|
}
|
|
1887
2022
|
),
|
|
1888
|
-
/* @__PURE__ */ (0,
|
|
2023
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
|
|
1889
2024
|
const typeStyles = SIMULATION_TYPE_STYLES[simulation.type];
|
|
1890
|
-
return /* @__PURE__ */ (0,
|
|
2025
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1891
2026
|
CardBase,
|
|
1892
2027
|
{
|
|
1893
2028
|
layout: "horizontal",
|
|
@@ -1899,9 +2034,9 @@ var CardSimulationHistory = (0, import_react.forwardRef)(({ data, onSimulationCl
|
|
|
1899
2034
|
transition-shadow duration-200 h-auto min-h-[61px]`
|
|
1900
2035
|
),
|
|
1901
2036
|
onClick: () => onSimulationClick?.(simulation),
|
|
1902
|
-
children: /* @__PURE__ */ (0,
|
|
1903
|
-
/* @__PURE__ */ (0,
|
|
1904
|
-
/* @__PURE__ */ (0,
|
|
2037
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex justify-between items-center w-full gap-2", children: [
|
|
2038
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-wrap flex-col justify-between sm:flex-row gap-2 flex-1 min-w-0", children: [
|
|
2039
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1905
2040
|
Text_default,
|
|
1906
2041
|
{
|
|
1907
2042
|
size: "lg",
|
|
@@ -1910,8 +2045,8 @@ var CardSimulationHistory = (0, import_react.forwardRef)(({ data, onSimulationCl
|
|
|
1910
2045
|
children: simulation.title
|
|
1911
2046
|
}
|
|
1912
2047
|
),
|
|
1913
|
-
/* @__PURE__ */ (0,
|
|
1914
|
-
/* @__PURE__ */ (0,
|
|
2048
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
2049
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1915
2050
|
Badge_default,
|
|
1916
2051
|
{
|
|
1917
2052
|
variant: "examsOutlined",
|
|
@@ -1920,10 +2055,10 @@ var CardSimulationHistory = (0, import_react.forwardRef)(({ data, onSimulationCl
|
|
|
1920
2055
|
children: typeStyles.text
|
|
1921
2056
|
}
|
|
1922
2057
|
),
|
|
1923
|
-
/* @__PURE__ */ (0,
|
|
2058
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
|
|
1924
2059
|
] })
|
|
1925
2060
|
] }),
|
|
1926
|
-
/* @__PURE__ */ (0,
|
|
2061
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1927
2062
|
import_phosphor_react2.CaretRight,
|
|
1928
2063
|
{
|
|
1929
2064
|
size: 24,
|
|
@@ -1939,7 +2074,7 @@ var CardSimulationHistory = (0, import_react.forwardRef)(({ data, onSimulationCl
|
|
|
1939
2074
|
]
|
|
1940
2075
|
}
|
|
1941
2076
|
) }, section.date)),
|
|
1942
|
-
data.length > 0 && /* @__PURE__ */ (0,
|
|
2077
|
+
data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-full h-6 bg-white rounded-b-3xl" })
|
|
1943
2078
|
] })
|
|
1944
2079
|
}
|
|
1945
2080
|
);
|
|
@@ -1947,7 +2082,7 @@ var CardSimulationHistory = (0, import_react.forwardRef)(({ data, onSimulationCl
|
|
|
1947
2082
|
|
|
1948
2083
|
// src/components/Accordation/Accordation.tsx
|
|
1949
2084
|
var import_phosphor_react3 = require("phosphor-react");
|
|
1950
|
-
var
|
|
2085
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
1951
2086
|
var CardAccordation = (0, import_react2.forwardRef)(
|
|
1952
2087
|
({
|
|
1953
2088
|
trigger,
|
|
@@ -1970,7 +2105,7 @@ var CardAccordation = (0, import_react2.forwardRef)(
|
|
|
1970
2105
|
handleToggle();
|
|
1971
2106
|
}
|
|
1972
2107
|
};
|
|
1973
|
-
return /* @__PURE__ */ (0,
|
|
2108
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
|
|
1974
2109
|
CardBase,
|
|
1975
2110
|
{
|
|
1976
2111
|
ref,
|
|
@@ -1980,7 +2115,7 @@ var CardAccordation = (0, import_react2.forwardRef)(
|
|
|
1980
2115
|
className: cn("overflow-hidden", className),
|
|
1981
2116
|
...props,
|
|
1982
2117
|
children: [
|
|
1983
|
-
/* @__PURE__ */ (0,
|
|
2118
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
|
|
1984
2119
|
"button",
|
|
1985
2120
|
{
|
|
1986
2121
|
onClick: handleToggle,
|
|
@@ -1990,7 +2125,7 @@ var CardAccordation = (0, import_react2.forwardRef)(
|
|
|
1990
2125
|
"aria-controls": "accordion-content",
|
|
1991
2126
|
children: [
|
|
1992
2127
|
trigger,
|
|
1993
|
-
/* @__PURE__ */ (0,
|
|
2128
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1994
2129
|
import_phosphor_react3.CaretRight,
|
|
1995
2130
|
{
|
|
1996
2131
|
size: 20,
|
|
@@ -2004,7 +2139,7 @@ var CardAccordation = (0, import_react2.forwardRef)(
|
|
|
2004
2139
|
]
|
|
2005
2140
|
}
|
|
2006
2141
|
),
|
|
2007
|
-
/* @__PURE__ */ (0,
|
|
2142
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
2008
2143
|
"div",
|
|
2009
2144
|
{
|
|
2010
2145
|
id: contentId,
|
|
@@ -2013,7 +2148,7 @@ var CardAccordation = (0, import_react2.forwardRef)(
|
|
|
2013
2148
|
isExpanded ? "max-h-screen opacity-100" : "max-h-0 opacity-0"
|
|
2014
2149
|
),
|
|
2015
2150
|
"data-testid": "accordion-content",
|
|
2016
|
-
children: /* @__PURE__ */ (0,
|
|
2151
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "p-4 pt-0 border-border-50", children })
|
|
2017
2152
|
}
|
|
2018
2153
|
)
|
|
2019
2154
|
]
|