analytica-frontend-lib 1.1.95 → 1.1.97
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.d.mts +4 -1
- package/dist/Accordation/index.d.ts +4 -1
- package/dist/Accordation/index.js +37 -8
- package/dist/Accordation/index.js.map +1 -1
- package/dist/Accordation/index.mjs +39 -9
- package/dist/Accordation/index.mjs.map +1 -1
- package/dist/Input/index.js +8 -2
- package/dist/Input/index.js.map +1 -1
- package/dist/Input/index.mjs +8 -2
- package/dist/Input/index.mjs.map +1 -1
- package/dist/Quiz/index.js +8 -2
- package/dist/Quiz/index.js.map +1 -1
- package/dist/Quiz/index.mjs +8 -2
- package/dist/Quiz/index.mjs.map +1 -1
- package/dist/StatisticsCard/index.d.mts +3 -1
- package/dist/StatisticsCard/index.d.ts +3 -1
- package/dist/StatisticsCard/index.js +23 -8
- package/dist/StatisticsCard/index.js.map +1 -1
- package/dist/StatisticsCard/index.mjs +23 -8
- package/dist/StatisticsCard/index.mjs.map +1 -1
- package/dist/Table/index.d.mts +17 -4
- package/dist/Table/index.d.ts +17 -4
- package/dist/Table/index.js +65 -38
- package/dist/Table/index.js.map +1 -1
- package/dist/Table/index.mjs +65 -38
- package/dist/Table/index.mjs.map +1 -1
- package/dist/TextArea/index.js +8 -2
- package/dist/TextArea/index.js.map +1 -1
- package/dist/TextArea/index.mjs +8 -2
- package/dist/TextArea/index.mjs.map +1 -1
- package/dist/index.css +44 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +12 -2
- package/dist/index.d.ts +12 -2
- package/dist/index.js +1196 -949
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1020 -772
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +44 -0
- package/dist/styles.css.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -513,128 +513,14 @@ var SelectionButton = forwardRef3(
|
|
|
513
513
|
SelectionButton.displayName = "SelectionButton";
|
|
514
514
|
var SelectionButton_default = SelectionButton;
|
|
515
515
|
|
|
516
|
-
// src/components/Table/Table.tsx
|
|
517
|
-
import { forwardRef as forwardRef4 } from "react";
|
|
518
|
-
import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
519
|
-
var Table = forwardRef4(
|
|
520
|
-
({ className, children, ...props }, ref) => /* @__PURE__ */ jsx9("div", { className: "border border-border-200 rounded-xl relative w-full overflow-hidden", children: /* @__PURE__ */ jsxs6(
|
|
521
|
-
"table",
|
|
522
|
-
{
|
|
523
|
-
ref,
|
|
524
|
-
className: cn("w-full caption-bottom text-sm", className),
|
|
525
|
-
...props,
|
|
526
|
-
children: [
|
|
527
|
-
/* @__PURE__ */ jsx9("caption", { className: "sr-only", children: "My Table" }),
|
|
528
|
-
children
|
|
529
|
-
]
|
|
530
|
-
}
|
|
531
|
-
) })
|
|
532
|
-
);
|
|
533
|
-
Table.displayName = "Table";
|
|
534
|
-
var TableHeader = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
|
|
535
|
-
"thead",
|
|
536
|
-
{
|
|
537
|
-
ref,
|
|
538
|
-
className: cn("[&_tr:first-child]:border-0", className),
|
|
539
|
-
...props
|
|
540
|
-
}
|
|
541
|
-
));
|
|
542
|
-
TableHeader.displayName = "TableHeader";
|
|
543
|
-
var TableBody = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
|
|
544
|
-
"tbody",
|
|
545
|
-
{
|
|
546
|
-
ref,
|
|
547
|
-
className: cn(
|
|
548
|
-
"[&_tr:last-child]:border-0 border-t border-border-200",
|
|
549
|
-
className
|
|
550
|
-
),
|
|
551
|
-
...props
|
|
552
|
-
}
|
|
553
|
-
));
|
|
554
|
-
TableBody.displayName = "TableBody";
|
|
555
|
-
var TableFooter = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
|
|
556
|
-
"tfoot",
|
|
557
|
-
{
|
|
558
|
-
ref,
|
|
559
|
-
className: cn(
|
|
560
|
-
"border-t bg-background-50 border-border-200 font-medium [&>tr]:last:border-b-0 px-6 py-3.5",
|
|
561
|
-
className
|
|
562
|
-
),
|
|
563
|
-
...props
|
|
564
|
-
}
|
|
565
|
-
));
|
|
566
|
-
TableFooter.displayName = "TableFooter";
|
|
567
|
-
var VARIANT_STATES_ROW = {
|
|
568
|
-
default: "border-b border-border-200",
|
|
569
|
-
selected: "border-b-2 border-indicator-primary",
|
|
570
|
-
invalid: "border-b-2 border-indicator-error",
|
|
571
|
-
disabled: "border-b border-border-100 bg-background-50 opacity-50 cursor-not-allowed"
|
|
572
|
-
};
|
|
573
|
-
var TableRow = forwardRef4(
|
|
574
|
-
({ state = "default", className, ...props }, ref) => {
|
|
575
|
-
return /* @__PURE__ */ jsx9(
|
|
576
|
-
"tr",
|
|
577
|
-
{
|
|
578
|
-
ref,
|
|
579
|
-
className: cn(
|
|
580
|
-
"transition-colors",
|
|
581
|
-
state !== "disabled" ? "hover:bg-muted/50" : "",
|
|
582
|
-
VARIANT_STATES_ROW[state],
|
|
583
|
-
className
|
|
584
|
-
),
|
|
585
|
-
"aria-disabled": state === "disabled",
|
|
586
|
-
...props
|
|
587
|
-
}
|
|
588
|
-
);
|
|
589
|
-
}
|
|
590
|
-
);
|
|
591
|
-
TableRow.displayName = "TableRow";
|
|
592
|
-
var TableHead = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
|
|
593
|
-
"th",
|
|
594
|
-
{
|
|
595
|
-
ref,
|
|
596
|
-
className: cn(
|
|
597
|
-
"h-10 px-6 py-3.5 bg-muted/50 text-left align-middle font-bold text-text-800 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
598
|
-
className
|
|
599
|
-
),
|
|
600
|
-
...props
|
|
601
|
-
}
|
|
602
|
-
));
|
|
603
|
-
TableHead.displayName = "TableHead";
|
|
604
|
-
var TableCell = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
|
|
605
|
-
"td",
|
|
606
|
-
{
|
|
607
|
-
ref,
|
|
608
|
-
className: cn(
|
|
609
|
-
"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-md text-text-800 px-6 py-3.5",
|
|
610
|
-
className
|
|
611
|
-
),
|
|
612
|
-
...props
|
|
613
|
-
}
|
|
614
|
-
));
|
|
615
|
-
TableCell.displayName = "TableCell";
|
|
616
|
-
var TableCaption = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
|
|
617
|
-
"caption",
|
|
618
|
-
{
|
|
619
|
-
ref,
|
|
620
|
-
className: cn(
|
|
621
|
-
"border-t border-border-200 text-sm text-text-800 px-6 py-3.5",
|
|
622
|
-
className
|
|
623
|
-
),
|
|
624
|
-
...props
|
|
625
|
-
}
|
|
626
|
-
));
|
|
627
|
-
TableCaption.displayName = "TableCaption";
|
|
628
|
-
var Table_default = Table;
|
|
629
|
-
|
|
630
516
|
// src/components/CheckBox/CheckBox.tsx
|
|
631
517
|
import {
|
|
632
|
-
forwardRef as
|
|
518
|
+
forwardRef as forwardRef4,
|
|
633
519
|
useState,
|
|
634
520
|
useId
|
|
635
521
|
} from "react";
|
|
636
522
|
import { Check, Minus } from "phosphor-react";
|
|
637
|
-
import { jsx as
|
|
523
|
+
import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
638
524
|
var SIZE_CLASSES3 = {
|
|
639
525
|
small: {
|
|
640
526
|
checkbox: "w-4 h-4",
|
|
@@ -694,7 +580,7 @@ var STATE_CLASSES = {
|
|
|
694
580
|
checked: "border-primary-600 bg-primary-600 text-text cursor-not-allowed opacity-40"
|
|
695
581
|
}
|
|
696
582
|
};
|
|
697
|
-
var CheckBox =
|
|
583
|
+
var CheckBox = forwardRef4(
|
|
698
584
|
({
|
|
699
585
|
label,
|
|
700
586
|
size = "medium",
|
|
@@ -735,7 +621,7 @@ var CheckBox = forwardRef5(
|
|
|
735
621
|
);
|
|
736
622
|
const renderIcon = () => {
|
|
737
623
|
if (indeterminate) {
|
|
738
|
-
return /* @__PURE__ */
|
|
624
|
+
return /* @__PURE__ */ jsx9(
|
|
739
625
|
Minus,
|
|
740
626
|
{
|
|
741
627
|
size: sizeClasses.iconSize,
|
|
@@ -745,7 +631,7 @@ var CheckBox = forwardRef5(
|
|
|
745
631
|
);
|
|
746
632
|
}
|
|
747
633
|
if (checked) {
|
|
748
|
-
return /* @__PURE__ */
|
|
634
|
+
return /* @__PURE__ */ jsx9(
|
|
749
635
|
Check,
|
|
750
636
|
{
|
|
751
637
|
size: sizeClasses.iconSize,
|
|
@@ -756,8 +642,8 @@ var CheckBox = forwardRef5(
|
|
|
756
642
|
}
|
|
757
643
|
return null;
|
|
758
644
|
};
|
|
759
|
-
return /* @__PURE__ */
|
|
760
|
-
/* @__PURE__ */
|
|
645
|
+
return /* @__PURE__ */ jsxs6("div", { className: "flex flex-col", children: [
|
|
646
|
+
/* @__PURE__ */ jsxs6(
|
|
761
647
|
"div",
|
|
762
648
|
{
|
|
763
649
|
className: cn(
|
|
@@ -766,7 +652,7 @@ var CheckBox = forwardRef5(
|
|
|
766
652
|
disabled ? "opacity-40" : ""
|
|
767
653
|
),
|
|
768
654
|
children: [
|
|
769
|
-
/* @__PURE__ */
|
|
655
|
+
/* @__PURE__ */ jsx9(
|
|
770
656
|
"input",
|
|
771
657
|
{
|
|
772
658
|
ref,
|
|
@@ -779,15 +665,15 @@ var CheckBox = forwardRef5(
|
|
|
779
665
|
...props
|
|
780
666
|
}
|
|
781
667
|
),
|
|
782
|
-
/* @__PURE__ */
|
|
783
|
-
label && /* @__PURE__ */
|
|
668
|
+
/* @__PURE__ */ jsx9("label", { htmlFor: inputId, className: checkboxClasses, children: renderIcon() }),
|
|
669
|
+
label && /* @__PURE__ */ jsx9(
|
|
784
670
|
"div",
|
|
785
671
|
{
|
|
786
672
|
className: cn(
|
|
787
673
|
"flex flex-row items-center",
|
|
788
674
|
sizeClasses.labelHeight
|
|
789
675
|
),
|
|
790
|
-
children: /* @__PURE__ */
|
|
676
|
+
children: /* @__PURE__ */ jsx9(
|
|
791
677
|
Text_default,
|
|
792
678
|
{
|
|
793
679
|
as: "label",
|
|
@@ -806,7 +692,7 @@ var CheckBox = forwardRef5(
|
|
|
806
692
|
]
|
|
807
693
|
}
|
|
808
694
|
),
|
|
809
|
-
errorMessage && /* @__PURE__ */
|
|
695
|
+
errorMessage && /* @__PURE__ */ jsx9(
|
|
810
696
|
Text_default,
|
|
811
697
|
{
|
|
812
698
|
size: "sm",
|
|
@@ -816,7 +702,7 @@ var CheckBox = forwardRef5(
|
|
|
816
702
|
children: errorMessage
|
|
817
703
|
}
|
|
818
704
|
),
|
|
819
|
-
helperText && !errorMessage && /* @__PURE__ */
|
|
705
|
+
helperText && !errorMessage && /* @__PURE__ */ jsx9(
|
|
820
706
|
Text_default,
|
|
821
707
|
{
|
|
822
708
|
size: "sm",
|
|
@@ -834,7 +720,7 @@ var CheckBox_default = CheckBox;
|
|
|
834
720
|
|
|
835
721
|
// src/components/CheckBox/CheckboxList.tsx
|
|
836
722
|
import {
|
|
837
|
-
forwardRef as
|
|
723
|
+
forwardRef as forwardRef5,
|
|
838
724
|
useId as useId2,
|
|
839
725
|
useEffect,
|
|
840
726
|
useRef,
|
|
@@ -843,7 +729,7 @@ import {
|
|
|
843
729
|
isValidElement
|
|
844
730
|
} from "react";
|
|
845
731
|
import { create, useStore } from "zustand";
|
|
846
|
-
import { jsx as
|
|
732
|
+
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
847
733
|
var createCheckboxListStore = (name, defaultValues, disabled, onValuesChange) => create((set, get) => ({
|
|
848
734
|
values: defaultValues,
|
|
849
735
|
setValues: (values) => {
|
|
@@ -879,7 +765,7 @@ var injectStore = (children, store) => Children.map(children, (child) => {
|
|
|
879
765
|
...typedChild.props.children ? { children: injectStore(typedChild.props.children, store) } : {}
|
|
880
766
|
});
|
|
881
767
|
});
|
|
882
|
-
var CheckboxList =
|
|
768
|
+
var CheckboxList = forwardRef5(
|
|
883
769
|
({
|
|
884
770
|
values: propValues,
|
|
885
771
|
defaultValues = [],
|
|
@@ -915,7 +801,7 @@ var CheckboxList = forwardRef6(
|
|
|
915
801
|
useEffect(() => {
|
|
916
802
|
store.setState({ disabled });
|
|
917
803
|
}, [disabled, store]);
|
|
918
|
-
return /* @__PURE__ */
|
|
804
|
+
return /* @__PURE__ */ jsx10(
|
|
919
805
|
"div",
|
|
920
806
|
{
|
|
921
807
|
ref,
|
|
@@ -928,7 +814,7 @@ var CheckboxList = forwardRef6(
|
|
|
928
814
|
}
|
|
929
815
|
);
|
|
930
816
|
CheckboxList.displayName = "CheckboxList";
|
|
931
|
-
var CheckboxListItem =
|
|
817
|
+
var CheckboxListItem = forwardRef5(
|
|
932
818
|
({
|
|
933
819
|
value,
|
|
934
820
|
store: externalStore,
|
|
@@ -951,7 +837,7 @@ var CheckboxListItem = forwardRef6(
|
|
|
951
837
|
const isChecked = groupValues.includes(value);
|
|
952
838
|
const isDisabled = groupDisabled || itemDisabled;
|
|
953
839
|
const currentState = isDisabled ? "disabled" : state;
|
|
954
|
-
return /* @__PURE__ */
|
|
840
|
+
return /* @__PURE__ */ jsx10(
|
|
955
841
|
CheckBox_default,
|
|
956
842
|
{
|
|
957
843
|
ref,
|
|
@@ -978,7 +864,7 @@ var CheckboxList_default = CheckboxList;
|
|
|
978
864
|
|
|
979
865
|
// src/components/Radio/Radio.tsx
|
|
980
866
|
import {
|
|
981
|
-
forwardRef as
|
|
867
|
+
forwardRef as forwardRef6,
|
|
982
868
|
useState as useState2,
|
|
983
869
|
useId as useId3,
|
|
984
870
|
useEffect as useEffect2,
|
|
@@ -988,7 +874,7 @@ import {
|
|
|
988
874
|
isValidElement as isValidElement2
|
|
989
875
|
} from "react";
|
|
990
876
|
import { create as create2, useStore as useStore2 } from "zustand";
|
|
991
|
-
import { jsx as
|
|
877
|
+
import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
992
878
|
var SIZE_CLASSES4 = {
|
|
993
879
|
small: {
|
|
994
880
|
radio: "w-5 h-5",
|
|
@@ -1053,7 +939,7 @@ var DOT_CLASSES = {
|
|
|
1053
939
|
invalid: "bg-primary-950",
|
|
1054
940
|
disabled: "bg-primary-950"
|
|
1055
941
|
};
|
|
1056
|
-
var Radio =
|
|
942
|
+
var Radio = forwardRef6(
|
|
1057
943
|
({
|
|
1058
944
|
label,
|
|
1059
945
|
size = "medium",
|
|
@@ -1127,8 +1013,8 @@ var Radio = forwardRef7(
|
|
|
1127
1013
|
const getCursorClass = () => {
|
|
1128
1014
|
return currentState === "disabled" ? "cursor-not-allowed" : "cursor-pointer";
|
|
1129
1015
|
};
|
|
1130
|
-
return /* @__PURE__ */
|
|
1131
|
-
/* @__PURE__ */
|
|
1016
|
+
return /* @__PURE__ */ jsxs7("div", { className: "flex flex-col", children: [
|
|
1017
|
+
/* @__PURE__ */ jsxs7(
|
|
1132
1018
|
"div",
|
|
1133
1019
|
{
|
|
1134
1020
|
className: cn(
|
|
@@ -1137,7 +1023,7 @@ var Radio = forwardRef7(
|
|
|
1137
1023
|
disabled ? "opacity-40" : ""
|
|
1138
1024
|
),
|
|
1139
1025
|
children: [
|
|
1140
|
-
/* @__PURE__ */
|
|
1026
|
+
/* @__PURE__ */ jsx11(
|
|
1141
1027
|
"input",
|
|
1142
1028
|
{
|
|
1143
1029
|
ref: (node) => {
|
|
@@ -1161,7 +1047,7 @@ var Radio = forwardRef7(
|
|
|
1161
1047
|
...props
|
|
1162
1048
|
}
|
|
1163
1049
|
),
|
|
1164
|
-
/* @__PURE__ */
|
|
1050
|
+
/* @__PURE__ */ jsx11(
|
|
1165
1051
|
"button",
|
|
1166
1052
|
{
|
|
1167
1053
|
type: "button",
|
|
@@ -1186,10 +1072,10 @@ var Radio = forwardRef7(
|
|
|
1186
1072
|
}
|
|
1187
1073
|
}
|
|
1188
1074
|
},
|
|
1189
|
-
children: checked && /* @__PURE__ */
|
|
1075
|
+
children: checked && /* @__PURE__ */ jsx11("div", { className: dotClasses })
|
|
1190
1076
|
}
|
|
1191
1077
|
),
|
|
1192
|
-
label && /* @__PURE__ */
|
|
1078
|
+
label && /* @__PURE__ */ jsx11(
|
|
1193
1079
|
"div",
|
|
1194
1080
|
{
|
|
1195
1081
|
className: cn(
|
|
@@ -1197,7 +1083,7 @@ var Radio = forwardRef7(
|
|
|
1197
1083
|
sizeClasses.labelHeight,
|
|
1198
1084
|
"flex-1 min-w-0"
|
|
1199
1085
|
),
|
|
1200
|
-
children: /* @__PURE__ */
|
|
1086
|
+
children: /* @__PURE__ */ jsx11(
|
|
1201
1087
|
Text_default,
|
|
1202
1088
|
{
|
|
1203
1089
|
as: "label",
|
|
@@ -1218,7 +1104,7 @@ var Radio = forwardRef7(
|
|
|
1218
1104
|
]
|
|
1219
1105
|
}
|
|
1220
1106
|
),
|
|
1221
|
-
errorMessage && /* @__PURE__ */
|
|
1107
|
+
errorMessage && /* @__PURE__ */ jsx11(
|
|
1222
1108
|
Text_default,
|
|
1223
1109
|
{
|
|
1224
1110
|
size: "sm",
|
|
@@ -1228,7 +1114,7 @@ var Radio = forwardRef7(
|
|
|
1228
1114
|
children: errorMessage
|
|
1229
1115
|
}
|
|
1230
1116
|
),
|
|
1231
|
-
helperText && !errorMessage && /* @__PURE__ */
|
|
1117
|
+
helperText && !errorMessage && /* @__PURE__ */ jsx11(
|
|
1232
1118
|
Text_default,
|
|
1233
1119
|
{
|
|
1234
1120
|
size: "sm",
|
|
@@ -1269,7 +1155,7 @@ var injectStore2 = (children, store) => Children2.map(children, (child) => {
|
|
|
1269
1155
|
...typedChild.props.children ? { children: injectStore2(typedChild.props.children, store) } : {}
|
|
1270
1156
|
});
|
|
1271
1157
|
});
|
|
1272
|
-
var RadioGroup =
|
|
1158
|
+
var RadioGroup = forwardRef6(
|
|
1273
1159
|
({
|
|
1274
1160
|
value: propValue,
|
|
1275
1161
|
defaultValue = "",
|
|
@@ -1305,7 +1191,7 @@ var RadioGroup = forwardRef7(
|
|
|
1305
1191
|
useEffect2(() => {
|
|
1306
1192
|
store.setState({ disabled });
|
|
1307
1193
|
}, [disabled, store]);
|
|
1308
|
-
return /* @__PURE__ */
|
|
1194
|
+
return /* @__PURE__ */ jsx11(
|
|
1309
1195
|
"div",
|
|
1310
1196
|
{
|
|
1311
1197
|
ref,
|
|
@@ -1319,7 +1205,7 @@ var RadioGroup = forwardRef7(
|
|
|
1319
1205
|
}
|
|
1320
1206
|
);
|
|
1321
1207
|
RadioGroup.displayName = "RadioGroup";
|
|
1322
|
-
var RadioGroupItem =
|
|
1208
|
+
var RadioGroupItem = forwardRef6(
|
|
1323
1209
|
({
|
|
1324
1210
|
value,
|
|
1325
1211
|
store: externalStore,
|
|
@@ -1342,7 +1228,7 @@ var RadioGroupItem = forwardRef7(
|
|
|
1342
1228
|
const isChecked = groupValue === value;
|
|
1343
1229
|
const isDisabled = groupDisabled || itemDisabled;
|
|
1344
1230
|
const currentState = isDisabled ? "disabled" : state;
|
|
1345
|
-
return /* @__PURE__ */
|
|
1231
|
+
return /* @__PURE__ */ jsx11(
|
|
1346
1232
|
Radio,
|
|
1347
1233
|
{
|
|
1348
1234
|
ref,
|
|
@@ -1369,12 +1255,12 @@ var Radio_default = Radio;
|
|
|
1369
1255
|
|
|
1370
1256
|
// src/components/TextArea/TextArea.tsx
|
|
1371
1257
|
import {
|
|
1372
|
-
forwardRef as
|
|
1258
|
+
forwardRef as forwardRef7,
|
|
1373
1259
|
useState as useState3,
|
|
1374
1260
|
useId as useId4
|
|
1375
1261
|
} from "react";
|
|
1376
1262
|
import { WarningCircle as WarningCircle2 } from "phosphor-react";
|
|
1377
|
-
import { jsx as
|
|
1263
|
+
import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
1378
1264
|
var SIZE_CLASSES5 = {
|
|
1379
1265
|
small: {
|
|
1380
1266
|
textarea: "h-24 text-sm",
|
|
@@ -1425,7 +1311,7 @@ var STATE_CLASSES3 = {
|
|
|
1425
1311
|
focus: ""
|
|
1426
1312
|
}
|
|
1427
1313
|
};
|
|
1428
|
-
var TextArea =
|
|
1314
|
+
var TextArea = forwardRef7(
|
|
1429
1315
|
({
|
|
1430
1316
|
label,
|
|
1431
1317
|
size = "medium",
|
|
@@ -1438,6 +1324,7 @@ var TextArea = forwardRef8(
|
|
|
1438
1324
|
id,
|
|
1439
1325
|
onChange,
|
|
1440
1326
|
placeholder,
|
|
1327
|
+
required,
|
|
1441
1328
|
...props
|
|
1442
1329
|
}, ref) => {
|
|
1443
1330
|
const generatedId = useId4();
|
|
@@ -1468,8 +1355,8 @@ var TextArea = forwardRef8(
|
|
|
1468
1355
|
stateClasses.focus,
|
|
1469
1356
|
className
|
|
1470
1357
|
);
|
|
1471
|
-
return /* @__PURE__ */
|
|
1472
|
-
label && /* @__PURE__ */
|
|
1358
|
+
return /* @__PURE__ */ jsxs8("div", { className: `flex flex-col`, children: [
|
|
1359
|
+
label && /* @__PURE__ */ jsxs8(
|
|
1473
1360
|
Text_default,
|
|
1474
1361
|
{
|
|
1475
1362
|
as: "label",
|
|
@@ -1478,10 +1365,14 @@ var TextArea = forwardRef8(
|
|
|
1478
1365
|
weight: "medium",
|
|
1479
1366
|
color: "text-text-950",
|
|
1480
1367
|
className: cn("mb-1.5", labelClassName),
|
|
1481
|
-
children:
|
|
1368
|
+
children: [
|
|
1369
|
+
label,
|
|
1370
|
+
" ",
|
|
1371
|
+
required && /* @__PURE__ */ jsx12("span", { className: "text-indicator-error", children: "*" })
|
|
1372
|
+
]
|
|
1482
1373
|
}
|
|
1483
1374
|
),
|
|
1484
|
-
/* @__PURE__ */
|
|
1375
|
+
/* @__PURE__ */ jsx12(
|
|
1485
1376
|
"textarea",
|
|
1486
1377
|
{
|
|
1487
1378
|
ref,
|
|
@@ -1492,15 +1383,16 @@ var TextArea = forwardRef8(
|
|
|
1492
1383
|
onBlur: handleBlur,
|
|
1493
1384
|
className: textareaClasses,
|
|
1494
1385
|
placeholder,
|
|
1386
|
+
required,
|
|
1495
1387
|
...props
|
|
1496
1388
|
}
|
|
1497
1389
|
),
|
|
1498
|
-
errorMessage && /* @__PURE__ */
|
|
1499
|
-
/* @__PURE__ */
|
|
1390
|
+
errorMessage && /* @__PURE__ */ jsxs8("p", { className: "flex gap-1 items-center text-sm text-indicator-error mt-1.5", children: [
|
|
1391
|
+
/* @__PURE__ */ jsx12(WarningCircle2, { size: 16 }),
|
|
1500
1392
|
" ",
|
|
1501
1393
|
errorMessage
|
|
1502
1394
|
] }),
|
|
1503
|
-
helperMessage && !errorMessage && /* @__PURE__ */
|
|
1395
|
+
helperMessage && !errorMessage && /* @__PURE__ */ jsx12(Text_default, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
|
|
1504
1396
|
] });
|
|
1505
1397
|
}
|
|
1506
1398
|
);
|
|
@@ -1509,7 +1401,7 @@ var TextArea_default = TextArea;
|
|
|
1509
1401
|
|
|
1510
1402
|
// src/components/Toast/Toast.tsx
|
|
1511
1403
|
import { CheckCircle as CheckCircle2, WarningCircle as WarningCircle3, Info as Info2, X } from "phosphor-react";
|
|
1512
|
-
import { jsx as
|
|
1404
|
+
import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
1513
1405
|
var VARIANT_ACTION_CLASSES4 = {
|
|
1514
1406
|
solid: {
|
|
1515
1407
|
warning: "bg-warning text-warning-600 border-none focus-visible:outline-none",
|
|
@@ -1549,7 +1441,7 @@ var Toast = ({
|
|
|
1549
1441
|
};
|
|
1550
1442
|
const IconAction = iconMap[action] || iconMap["success"];
|
|
1551
1443
|
const baseClasses = "max-w-[390px] w-full flex flex-row items-start justify-between shadow-lg rounded-lg border p-4 gap-6 group";
|
|
1552
|
-
return /* @__PURE__ */
|
|
1444
|
+
return /* @__PURE__ */ jsxs9(
|
|
1553
1445
|
"div",
|
|
1554
1446
|
{
|
|
1555
1447
|
role: "alert",
|
|
@@ -1563,20 +1455,20 @@ var Toast = ({
|
|
|
1563
1455
|
),
|
|
1564
1456
|
...props,
|
|
1565
1457
|
children: [
|
|
1566
|
-
/* @__PURE__ */
|
|
1567
|
-
/* @__PURE__ */
|
|
1568
|
-
/* @__PURE__ */
|
|
1569
|
-
/* @__PURE__ */
|
|
1570
|
-
description && /* @__PURE__ */
|
|
1458
|
+
/* @__PURE__ */ jsxs9("div", { className: "flex flex-row items-start gap-3", children: [
|
|
1459
|
+
/* @__PURE__ */ jsx13("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ jsx13(IconAction, {}) }),
|
|
1460
|
+
/* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-start justify-start", children: [
|
|
1461
|
+
/* @__PURE__ */ jsx13("p", { className: "font-semibold text-md", children: title }),
|
|
1462
|
+
description && /* @__PURE__ */ jsx13("p", { className: "text-md text-text-900", children: description })
|
|
1571
1463
|
] })
|
|
1572
1464
|
] }),
|
|
1573
|
-
/* @__PURE__ */
|
|
1465
|
+
/* @__PURE__ */ jsx13(
|
|
1574
1466
|
"button",
|
|
1575
1467
|
{
|
|
1576
1468
|
onClick: onClose,
|
|
1577
1469
|
"aria-label": "Dismiss notification",
|
|
1578
1470
|
className: "text-background-500 cursor-pointer opacity-0 group-hover:opacity-100 transition-opacity",
|
|
1579
|
-
children: /* @__PURE__ */
|
|
1471
|
+
children: /* @__PURE__ */ jsx13(X, {})
|
|
1580
1472
|
}
|
|
1581
1473
|
)
|
|
1582
1474
|
]
|
|
@@ -1604,11 +1496,11 @@ var useToastStore = create3((set) => ({
|
|
|
1604
1496
|
var ToastStore_default = useToastStore;
|
|
1605
1497
|
|
|
1606
1498
|
// src/components/Toast/utils/Toaster.tsx
|
|
1607
|
-
import { Fragment, jsx as
|
|
1499
|
+
import { Fragment, jsx as jsx14 } from "react/jsx-runtime";
|
|
1608
1500
|
var Toaster = () => {
|
|
1609
1501
|
const toasts = ToastStore_default((state) => state.toasts);
|
|
1610
1502
|
const removeToast = ToastStore_default((state) => state.removeToast);
|
|
1611
|
-
return /* @__PURE__ */
|
|
1503
|
+
return /* @__PURE__ */ jsx14(Fragment, { children: toasts.map((toast) => /* @__PURE__ */ jsx14(
|
|
1612
1504
|
Toast_default,
|
|
1613
1505
|
{
|
|
1614
1506
|
title: toast.title,
|
|
@@ -1624,7 +1516,7 @@ var Toaster = () => {
|
|
|
1624
1516
|
var Toaster_default = Toaster;
|
|
1625
1517
|
|
|
1626
1518
|
// src/components/Divider/Divider.tsx
|
|
1627
|
-
import { jsx as
|
|
1519
|
+
import { jsx as jsx15 } from "react/jsx-runtime";
|
|
1628
1520
|
var Divider = ({
|
|
1629
1521
|
orientation = "horizontal",
|
|
1630
1522
|
className = "",
|
|
@@ -1635,7 +1527,7 @@ var Divider = ({
|
|
|
1635
1527
|
horizontal: "w-full h-px",
|
|
1636
1528
|
vertical: "h-full w-px"
|
|
1637
1529
|
};
|
|
1638
|
-
return /* @__PURE__ */
|
|
1530
|
+
return /* @__PURE__ */ jsx15(
|
|
1639
1531
|
"hr",
|
|
1640
1532
|
{
|
|
1641
1533
|
className: cn(baseClasses, orientationClasses[orientation], className),
|
|
@@ -1649,12 +1541,12 @@ var Divider_default = Divider;
|
|
|
1649
1541
|
// src/components/Input/Input.tsx
|
|
1650
1542
|
import { WarningCircle as WarningCircle4, Eye, EyeSlash } from "phosphor-react";
|
|
1651
1543
|
import {
|
|
1652
|
-
forwardRef as
|
|
1544
|
+
forwardRef as forwardRef8,
|
|
1653
1545
|
useState as useState4,
|
|
1654
1546
|
useId as useId5,
|
|
1655
1547
|
useMemo
|
|
1656
1548
|
} from "react";
|
|
1657
|
-
import { jsx as
|
|
1549
|
+
import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
1658
1550
|
var SIZE_CLASSES6 = {
|
|
1659
1551
|
small: "text-sm",
|
|
1660
1552
|
medium: "text-md",
|
|
@@ -1693,7 +1585,7 @@ var getPasswordToggleConfig = (type, disabled, readOnly, showPassword, iconRight
|
|
|
1693
1585
|
let actualIconRight = iconRight;
|
|
1694
1586
|
let ariaLabel;
|
|
1695
1587
|
if (shouldShowPasswordToggle) {
|
|
1696
|
-
actualIconRight = showPassword ? /* @__PURE__ */
|
|
1588
|
+
actualIconRight = showPassword ? /* @__PURE__ */ jsx16(EyeSlash, {}) : /* @__PURE__ */ jsx16(Eye, {});
|
|
1697
1589
|
ariaLabel = showPassword ? "Ocultar senha" : "Mostrar senha";
|
|
1698
1590
|
}
|
|
1699
1591
|
return { shouldShowPasswordToggle, actualIconRight, ariaLabel };
|
|
@@ -1709,7 +1601,7 @@ var getCombinedClasses = (actualState, variant) => {
|
|
|
1709
1601
|
}
|
|
1710
1602
|
return `${stateClasses} ${variantClasses}`;
|
|
1711
1603
|
};
|
|
1712
|
-
var Input =
|
|
1604
|
+
var Input = forwardRef8(
|
|
1713
1605
|
({
|
|
1714
1606
|
label,
|
|
1715
1607
|
helperText,
|
|
@@ -1723,6 +1615,7 @@ var Input = forwardRef9(
|
|
|
1723
1615
|
containerClassName = "",
|
|
1724
1616
|
disabled,
|
|
1725
1617
|
readOnly,
|
|
1618
|
+
required,
|
|
1726
1619
|
id,
|
|
1727
1620
|
type = "text",
|
|
1728
1621
|
...props
|
|
@@ -1748,24 +1641,28 @@ var Input = forwardRef9(
|
|
|
1748
1641
|
showPassword,
|
|
1749
1642
|
iconRight
|
|
1750
1643
|
);
|
|
1751
|
-
return /* @__PURE__ */
|
|
1752
|
-
label && /* @__PURE__ */
|
|
1644
|
+
return /* @__PURE__ */ jsxs10("div", { className: `${containerClassName}`, children: [
|
|
1645
|
+
label && /* @__PURE__ */ jsxs10(
|
|
1753
1646
|
"label",
|
|
1754
1647
|
{
|
|
1755
1648
|
htmlFor: inputId,
|
|
1756
1649
|
className: `block font-bold text-text-900 mb-1.5 ${sizeClasses}`,
|
|
1757
|
-
children:
|
|
1650
|
+
children: [
|
|
1651
|
+
label,
|
|
1652
|
+
" ",
|
|
1653
|
+
required && /* @__PURE__ */ jsx16("span", { className: "text-indicator-error", children: "*" })
|
|
1654
|
+
]
|
|
1758
1655
|
}
|
|
1759
1656
|
),
|
|
1760
|
-
/* @__PURE__ */
|
|
1761
|
-
iconLeft && /* @__PURE__ */
|
|
1657
|
+
/* @__PURE__ */ jsxs10("div", { className: "relative", children: [
|
|
1658
|
+
iconLeft && /* @__PURE__ */ jsx16("div", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ jsx16(
|
|
1762
1659
|
"span",
|
|
1763
1660
|
{
|
|
1764
1661
|
className: `${iconSize} text-text-400 flex items-center justify-center`,
|
|
1765
1662
|
children: iconLeft
|
|
1766
1663
|
}
|
|
1767
1664
|
) }),
|
|
1768
|
-
/* @__PURE__ */
|
|
1665
|
+
/* @__PURE__ */ jsx16(
|
|
1769
1666
|
"input",
|
|
1770
1667
|
{
|
|
1771
1668
|
ref,
|
|
@@ -1774,18 +1671,19 @@ var Input = forwardRef9(
|
|
|
1774
1671
|
className: `${baseClasses} ${sizeClasses} ${combinedClasses} ${iconLeft ? "pl-10" : ""} ${actualIconRight ? "pr-10" : ""} ${className}`,
|
|
1775
1672
|
disabled,
|
|
1776
1673
|
readOnly,
|
|
1674
|
+
required,
|
|
1777
1675
|
"aria-invalid": actualState === "error" ? "true" : void 0,
|
|
1778
1676
|
...props
|
|
1779
1677
|
}
|
|
1780
1678
|
),
|
|
1781
|
-
actualIconRight && (shouldShowPasswordToggle ? /* @__PURE__ */
|
|
1679
|
+
actualIconRight && (shouldShowPasswordToggle ? /* @__PURE__ */ jsx16(
|
|
1782
1680
|
"button",
|
|
1783
1681
|
{
|
|
1784
1682
|
type: "button",
|
|
1785
1683
|
className: "absolute right-3 top-1/2 transform -translate-y-1/2 cursor-pointer border-0 bg-transparent p-0",
|
|
1786
1684
|
onClick: togglePasswordVisibility,
|
|
1787
1685
|
"aria-label": ariaLabel,
|
|
1788
|
-
children: /* @__PURE__ */
|
|
1686
|
+
children: /* @__PURE__ */ jsx16(
|
|
1789
1687
|
"span",
|
|
1790
1688
|
{
|
|
1791
1689
|
className: `${iconSize} text-text-400 flex items-center justify-center hover:text-text-600 transition-colors`,
|
|
@@ -1793,7 +1691,7 @@ var Input = forwardRef9(
|
|
|
1793
1691
|
}
|
|
1794
1692
|
)
|
|
1795
1693
|
}
|
|
1796
|
-
) : /* @__PURE__ */
|
|
1694
|
+
) : /* @__PURE__ */ jsx16("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ jsx16(
|
|
1797
1695
|
"span",
|
|
1798
1696
|
{
|
|
1799
1697
|
className: `${iconSize} text-text-400 flex items-center justify-center`,
|
|
@@ -1801,10 +1699,10 @@ var Input = forwardRef9(
|
|
|
1801
1699
|
}
|
|
1802
1700
|
) }))
|
|
1803
1701
|
] }),
|
|
1804
|
-
/* @__PURE__ */
|
|
1805
|
-
helperText && /* @__PURE__ */
|
|
1806
|
-
errorMessage && /* @__PURE__ */
|
|
1807
|
-
/* @__PURE__ */
|
|
1702
|
+
/* @__PURE__ */ jsxs10("div", { className: "mt-1.5 gap-1.5", children: [
|
|
1703
|
+
helperText && /* @__PURE__ */ jsx16("p", { className: "text-sm text-text-500", children: helperText }),
|
|
1704
|
+
errorMessage && /* @__PURE__ */ jsxs10("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
|
|
1705
|
+
/* @__PURE__ */ jsx16(WarningCircle4, { size: 16 }),
|
|
1808
1706
|
" ",
|
|
1809
1707
|
errorMessage
|
|
1810
1708
|
] })
|
|
@@ -1817,7 +1715,7 @@ var Input_default = Input;
|
|
|
1817
1715
|
// src/components/Search/Search.tsx
|
|
1818
1716
|
import { X as X3, MagnifyingGlass } from "phosphor-react";
|
|
1819
1717
|
import {
|
|
1820
|
-
forwardRef as
|
|
1718
|
+
forwardRef as forwardRef10,
|
|
1821
1719
|
useState as useState7,
|
|
1822
1720
|
useId as useId7,
|
|
1823
1721
|
useMemo as useMemo2,
|
|
@@ -1828,7 +1726,7 @@ import {
|
|
|
1828
1726
|
// src/components/DropdownMenu/DropdownMenu.tsx
|
|
1829
1727
|
import { CaretRight, SignOut, User } from "phosphor-react";
|
|
1830
1728
|
import {
|
|
1831
|
-
forwardRef as
|
|
1729
|
+
forwardRef as forwardRef9,
|
|
1832
1730
|
useEffect as useEffect6,
|
|
1833
1731
|
useRef as useRef3,
|
|
1834
1732
|
isValidElement as isValidElement3,
|
|
@@ -1887,7 +1785,7 @@ var getYouTubeEmbedUrl = (videoId) => {
|
|
|
1887
1785
|
};
|
|
1888
1786
|
|
|
1889
1787
|
// src/components/Modal/Modal.tsx
|
|
1890
|
-
import { jsx as
|
|
1788
|
+
import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
1891
1789
|
var SIZE_CLASSES7 = {
|
|
1892
1790
|
xs: "max-w-[360px]",
|
|
1893
1791
|
sm: "max-w-[420px]",
|
|
@@ -1971,7 +1869,7 @@ var Modal = ({
|
|
|
1971
1869
|
}
|
|
1972
1870
|
};
|
|
1973
1871
|
if (variant === "activity") {
|
|
1974
|
-
return /* @__PURE__ */
|
|
1872
|
+
return /* @__PURE__ */ jsx17("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-xs border-none p-0 m-0 w-full cursor-default", children: /* @__PURE__ */ jsxs11(
|
|
1975
1873
|
"dialog",
|
|
1976
1874
|
{
|
|
1977
1875
|
className: modalClasses,
|
|
@@ -1979,17 +1877,17 @@ var Modal = ({
|
|
|
1979
1877
|
"aria-modal": "true",
|
|
1980
1878
|
open: true,
|
|
1981
1879
|
children: [
|
|
1982
|
-
/* @__PURE__ */
|
|
1880
|
+
/* @__PURE__ */ jsx17("div", { className: "flex justify-end p-6 pb-0", children: !hideCloseButton && /* @__PURE__ */ jsx17(
|
|
1983
1881
|
"button",
|
|
1984
1882
|
{
|
|
1985
1883
|
onClick: onClose,
|
|
1986
1884
|
className: "p-1 text-text-500 hover:text-text-700 hover:bg-background-50 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-indicator-info focus:ring-offset-2",
|
|
1987
1885
|
"aria-label": "Fechar modal",
|
|
1988
|
-
children: /* @__PURE__ */
|
|
1886
|
+
children: /* @__PURE__ */ jsx17(X2, { size: 18 })
|
|
1989
1887
|
}
|
|
1990
1888
|
) }),
|
|
1991
|
-
/* @__PURE__ */
|
|
1992
|
-
image && /* @__PURE__ */
|
|
1889
|
+
/* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center px-6 pb-6 gap-5", children: [
|
|
1890
|
+
image && /* @__PURE__ */ jsx17("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx17(
|
|
1993
1891
|
"img",
|
|
1994
1892
|
{
|
|
1995
1893
|
src: image,
|
|
@@ -1997,7 +1895,7 @@ var Modal = ({
|
|
|
1997
1895
|
className: "w-[122px] h-[122px] object-contain"
|
|
1998
1896
|
}
|
|
1999
1897
|
) }),
|
|
2000
|
-
/* @__PURE__ */
|
|
1898
|
+
/* @__PURE__ */ jsx17(
|
|
2001
1899
|
"h2",
|
|
2002
1900
|
{
|
|
2003
1901
|
id: titleId,
|
|
@@ -2005,15 +1903,15 @@ var Modal = ({
|
|
|
2005
1903
|
children: title
|
|
2006
1904
|
}
|
|
2007
1905
|
),
|
|
2008
|
-
description && /* @__PURE__ */
|
|
2009
|
-
actionLink && /* @__PURE__ */
|
|
1906
|
+
description && /* @__PURE__ */ jsx17("p", { className: "text-sm font-normal text-text-400 text-center max-w-md leading-[21px]", children: description }),
|
|
1907
|
+
actionLink && /* @__PURE__ */ jsxs11("div", { className: "w-full", children: [
|
|
2010
1908
|
(() => {
|
|
2011
1909
|
const normalized = normalizeUrl(actionLink);
|
|
2012
1910
|
const isYT = isYouTubeUrl(normalized);
|
|
2013
1911
|
if (!isYT) return null;
|
|
2014
1912
|
const id = getYouTubeVideoId(normalized);
|
|
2015
1913
|
if (!id) {
|
|
2016
|
-
return /* @__PURE__ */
|
|
1914
|
+
return /* @__PURE__ */ jsx17(
|
|
2017
1915
|
Button_default,
|
|
2018
1916
|
{
|
|
2019
1917
|
variant: "solid",
|
|
@@ -2025,7 +1923,7 @@ var Modal = ({
|
|
|
2025
1923
|
}
|
|
2026
1924
|
);
|
|
2027
1925
|
}
|
|
2028
|
-
return /* @__PURE__ */
|
|
1926
|
+
return /* @__PURE__ */ jsx17(
|
|
2029
1927
|
"iframe",
|
|
2030
1928
|
{
|
|
2031
1929
|
src: getYouTubeEmbedUrl(id),
|
|
@@ -2036,7 +1934,7 @@ var Modal = ({
|
|
|
2036
1934
|
}
|
|
2037
1935
|
);
|
|
2038
1936
|
})(),
|
|
2039
|
-
!isYouTubeUrl(normalizeUrl(actionLink)) && /* @__PURE__ */
|
|
1937
|
+
!isYouTubeUrl(normalizeUrl(actionLink)) && /* @__PURE__ */ jsx17(
|
|
2040
1938
|
Button_default,
|
|
2041
1939
|
{
|
|
2042
1940
|
variant: "solid",
|
|
@@ -2053,7 +1951,7 @@ var Modal = ({
|
|
|
2053
1951
|
}
|
|
2054
1952
|
) });
|
|
2055
1953
|
}
|
|
2056
|
-
return /* @__PURE__ */
|
|
1954
|
+
return /* @__PURE__ */ jsx17("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-xs border-none p-0 m-0 w-full cursor-default", children: /* @__PURE__ */ jsxs11(
|
|
2057
1955
|
"dialog",
|
|
2058
1956
|
{
|
|
2059
1957
|
className: modalClasses,
|
|
@@ -2061,20 +1959,20 @@ var Modal = ({
|
|
|
2061
1959
|
"aria-modal": "true",
|
|
2062
1960
|
open: true,
|
|
2063
1961
|
children: [
|
|
2064
|
-
/* @__PURE__ */
|
|
2065
|
-
/* @__PURE__ */
|
|
2066
|
-
!hideCloseButton && /* @__PURE__ */
|
|
1962
|
+
/* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between px-6 py-6", children: [
|
|
1963
|
+
/* @__PURE__ */ jsx17("h2", { id: titleId, className: "text-lg font-semibold text-text-950", children: title }),
|
|
1964
|
+
!hideCloseButton && /* @__PURE__ */ jsx17(
|
|
2067
1965
|
"button",
|
|
2068
1966
|
{
|
|
2069
1967
|
onClick: onClose,
|
|
2070
1968
|
className: "p-1 text-text-500 hover:text-text-700 hover:bg-background-50 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-indicator-info focus:ring-offset-2",
|
|
2071
1969
|
"aria-label": "Fechar modal",
|
|
2072
|
-
children: /* @__PURE__ */
|
|
1970
|
+
children: /* @__PURE__ */ jsx17(X2, { size: 18 })
|
|
2073
1971
|
}
|
|
2074
1972
|
)
|
|
2075
1973
|
] }),
|
|
2076
|
-
children && /* @__PURE__ */
|
|
2077
|
-
footer && /* @__PURE__ */
|
|
1974
|
+
children && /* @__PURE__ */ jsx17("div", { className: "px-6 pb-6", children: /* @__PURE__ */ jsx17("div", { className: "text-text-500 font-normal text-sm leading-6", children }) }),
|
|
1975
|
+
footer && /* @__PURE__ */ jsx17("div", { className: "flex justify-end gap-3 px-6 pb-6", children: footer })
|
|
2078
1976
|
]
|
|
2079
1977
|
}
|
|
2080
1978
|
) });
|
|
@@ -2207,7 +2105,7 @@ var useTheme = () => {
|
|
|
2207
2105
|
};
|
|
2208
2106
|
|
|
2209
2107
|
// src/components/ThemeToggle/ThemeToggle.tsx
|
|
2210
|
-
import { jsx as
|
|
2108
|
+
import { jsx as jsx18 } from "react/jsx-runtime";
|
|
2211
2109
|
var ThemeToggle = ({
|
|
2212
2110
|
variant = "default",
|
|
2213
2111
|
onToggle
|
|
@@ -2221,17 +2119,17 @@ var ThemeToggle = ({
|
|
|
2221
2119
|
{
|
|
2222
2120
|
id: "light",
|
|
2223
2121
|
title: "Claro",
|
|
2224
|
-
icon: /* @__PURE__ */
|
|
2122
|
+
icon: /* @__PURE__ */ jsx18(Sun, { size: 24 })
|
|
2225
2123
|
},
|
|
2226
2124
|
{
|
|
2227
2125
|
id: "dark",
|
|
2228
2126
|
title: "Escuro",
|
|
2229
|
-
icon: /* @__PURE__ */
|
|
2127
|
+
icon: /* @__PURE__ */ jsx18(Moon, { size: 24 })
|
|
2230
2128
|
},
|
|
2231
2129
|
{
|
|
2232
2130
|
id: "system",
|
|
2233
2131
|
title: "Sistema",
|
|
2234
|
-
icon: /* @__PURE__ */
|
|
2132
|
+
icon: /* @__PURE__ */ jsx18(
|
|
2235
2133
|
"svg",
|
|
2236
2134
|
{
|
|
2237
2135
|
width: "25",
|
|
@@ -2239,7 +2137,7 @@ var ThemeToggle = ({
|
|
|
2239
2137
|
viewBox: "0 0 25 25",
|
|
2240
2138
|
fill: "none",
|
|
2241
2139
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2242
|
-
children: /* @__PURE__ */
|
|
2140
|
+
children: /* @__PURE__ */ jsx18(
|
|
2243
2141
|
"path",
|
|
2244
2142
|
{
|
|
2245
2143
|
d: "M12.5 2.75C15.085 2.75276 17.5637 3.78054 19.3916 5.6084C21.2195 7.43628 22.2473 9.915 22.25 12.5C22.25 14.4284 21.6778 16.3136 20.6064 17.917C19.5352 19.5201 18.0128 20.7699 16.2314 21.5078C14.4499 22.2458 12.489 22.4387 10.5977 22.0625C8.70642 21.6863 6.96899 20.758 5.60547 19.3945C4.24197 18.031 3.31374 16.2936 2.9375 14.4023C2.56129 12.511 2.75423 10.5501 3.49219 8.76855C4.23012 6.98718 5.47982 5.46483 7.08301 4.39355C8.68639 3.32221 10.5716 2.75 12.5 2.75ZM11.75 4.28516C9.70145 4.47452 7.7973 5.42115 6.41016 6.94043C5.02299 8.4599 4.25247 10.4426 4.25 12.5C4.25247 14.5574 5.02299 16.5401 6.41016 18.0596C7.7973 19.5789 9.70145 20.5255 11.75 20.7148V4.28516Z",
|
|
@@ -2261,7 +2159,7 @@ var ThemeToggle = ({
|
|
|
2261
2159
|
}
|
|
2262
2160
|
};
|
|
2263
2161
|
const currentTheme = variant === "with-save" ? tempTheme : themeMode;
|
|
2264
|
-
return /* @__PURE__ */
|
|
2162
|
+
return /* @__PURE__ */ jsx18("div", { className: "flex flex-row gap-2 sm:gap-4 py-2", children: problemTypes.map((type) => /* @__PURE__ */ jsx18(
|
|
2265
2163
|
SelectionButton_default,
|
|
2266
2164
|
{
|
|
2267
2165
|
icon: type.icon,
|
|
@@ -2275,7 +2173,7 @@ var ThemeToggle = ({
|
|
|
2275
2173
|
};
|
|
2276
2174
|
|
|
2277
2175
|
// src/components/DropdownMenu/DropdownMenu.tsx
|
|
2278
|
-
import { Fragment as Fragment2, jsx as
|
|
2176
|
+
import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
2279
2177
|
function createDropdownStore() {
|
|
2280
2178
|
return create5((set) => ({
|
|
2281
2179
|
open: false,
|
|
@@ -2383,7 +2281,7 @@ var DropdownMenu = ({
|
|
|
2383
2281
|
setOpen(propOpen);
|
|
2384
2282
|
}
|
|
2385
2283
|
}, [propOpen]);
|
|
2386
|
-
return /* @__PURE__ */
|
|
2284
|
+
return /* @__PURE__ */ jsx19("div", { className: "relative", ref: menuRef, children: injectStore3(children, store) });
|
|
2387
2285
|
};
|
|
2388
2286
|
var DropdownMenuTrigger = ({
|
|
2389
2287
|
className,
|
|
@@ -2395,7 +2293,7 @@ var DropdownMenuTrigger = ({
|
|
|
2395
2293
|
const store = useDropdownStore(externalStore);
|
|
2396
2294
|
const open = useStore3(store, (s) => s.open);
|
|
2397
2295
|
const toggleOpen = () => store.setState({ open: !open });
|
|
2398
|
-
return /* @__PURE__ */
|
|
2296
|
+
return /* @__PURE__ */ jsx19(
|
|
2399
2297
|
"div",
|
|
2400
2298
|
{
|
|
2401
2299
|
onClick: (e) => {
|
|
@@ -2439,8 +2337,8 @@ var MENUCONTENT_VARIANT_CLASSES = {
|
|
|
2439
2337
|
menu: "p-1",
|
|
2440
2338
|
profile: "p-6"
|
|
2441
2339
|
};
|
|
2442
|
-
var MenuLabel =
|
|
2443
|
-
return /* @__PURE__ */
|
|
2340
|
+
var MenuLabel = forwardRef9(({ className, inset, store: _store, ...props }, ref) => {
|
|
2341
|
+
return /* @__PURE__ */ jsx19(
|
|
2444
2342
|
"div",
|
|
2445
2343
|
{
|
|
2446
2344
|
ref,
|
|
@@ -2450,7 +2348,7 @@ var MenuLabel = forwardRef10(({ className, inset, store: _store, ...props }, ref
|
|
|
2450
2348
|
);
|
|
2451
2349
|
});
|
|
2452
2350
|
MenuLabel.displayName = "MenuLabel";
|
|
2453
|
-
var DropdownMenuContent =
|
|
2351
|
+
var DropdownMenuContent = forwardRef9(
|
|
2454
2352
|
({
|
|
2455
2353
|
className,
|
|
2456
2354
|
align = "start",
|
|
@@ -2479,7 +2377,7 @@ var DropdownMenuContent = forwardRef10(
|
|
|
2479
2377
|
return `absolute ${vertical} ${horizontal}`;
|
|
2480
2378
|
};
|
|
2481
2379
|
const variantClasses = MENUCONTENT_VARIANT_CLASSES[variant];
|
|
2482
|
-
return /* @__PURE__ */
|
|
2380
|
+
return /* @__PURE__ */ jsx19(
|
|
2483
2381
|
"div",
|
|
2484
2382
|
{
|
|
2485
2383
|
ref,
|
|
@@ -2504,7 +2402,7 @@ var DropdownMenuContent = forwardRef10(
|
|
|
2504
2402
|
}
|
|
2505
2403
|
);
|
|
2506
2404
|
DropdownMenuContent.displayName = "DropdownMenuContent";
|
|
2507
|
-
var DropdownMenuItem =
|
|
2405
|
+
var DropdownMenuItem = forwardRef9(
|
|
2508
2406
|
({
|
|
2509
2407
|
className,
|
|
2510
2408
|
size = "small",
|
|
@@ -2548,7 +2446,7 @@ var DropdownMenuItem = forwardRef10(
|
|
|
2548
2446
|
const getVariantProps = () => {
|
|
2549
2447
|
return variant === "profile" ? { "data-variant": "profile" } : {};
|
|
2550
2448
|
};
|
|
2551
|
-
return /* @__PURE__ */
|
|
2449
|
+
return /* @__PURE__ */ jsxs12(
|
|
2552
2450
|
"div",
|
|
2553
2451
|
{
|
|
2554
2452
|
ref,
|
|
@@ -2574,7 +2472,7 @@ var DropdownMenuItem = forwardRef10(
|
|
|
2574
2472
|
...props,
|
|
2575
2473
|
children: [
|
|
2576
2474
|
iconLeft,
|
|
2577
|
-
/* @__PURE__ */
|
|
2475
|
+
/* @__PURE__ */ jsx19("div", { className: "w-full", children }),
|
|
2578
2476
|
iconRight
|
|
2579
2477
|
]
|
|
2580
2478
|
}
|
|
@@ -2582,7 +2480,7 @@ var DropdownMenuItem = forwardRef10(
|
|
|
2582
2480
|
}
|
|
2583
2481
|
);
|
|
2584
2482
|
DropdownMenuItem.displayName = "DropdownMenuItem";
|
|
2585
|
-
var DropdownMenuSeparator =
|
|
2483
|
+
var DropdownMenuSeparator = forwardRef9(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ jsx19(
|
|
2586
2484
|
"div",
|
|
2587
2485
|
{
|
|
2588
2486
|
ref,
|
|
@@ -2591,11 +2489,11 @@ var DropdownMenuSeparator = forwardRef10(({ className, store: _store, ...props }
|
|
|
2591
2489
|
}
|
|
2592
2490
|
));
|
|
2593
2491
|
DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
|
|
2594
|
-
var ProfileMenuTrigger =
|
|
2492
|
+
var ProfileMenuTrigger = forwardRef9(({ className, onClick, store: externalStore, ...props }, ref) => {
|
|
2595
2493
|
const store = useDropdownStore(externalStore);
|
|
2596
2494
|
const open = useStore3(store, (s) => s.open);
|
|
2597
2495
|
const toggleOpen = () => store.setState({ open: !open });
|
|
2598
|
-
return /* @__PURE__ */
|
|
2496
|
+
return /* @__PURE__ */ jsx19(
|
|
2599
2497
|
"button",
|
|
2600
2498
|
{
|
|
2601
2499
|
ref,
|
|
@@ -2610,13 +2508,13 @@ var ProfileMenuTrigger = forwardRef10(({ className, onClick, store: externalStor
|
|
|
2610
2508
|
},
|
|
2611
2509
|
"aria-expanded": open,
|
|
2612
2510
|
...props,
|
|
2613
|
-
children: /* @__PURE__ */
|
|
2511
|
+
children: /* @__PURE__ */ jsx19("span", { className: "size-6 rounded-full bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ jsx19(User, { className: "text-primary-950", size: 18 }) })
|
|
2614
2512
|
}
|
|
2615
2513
|
);
|
|
2616
2514
|
});
|
|
2617
2515
|
ProfileMenuTrigger.displayName = "ProfileMenuTrigger";
|
|
2618
|
-
var ProfileMenuHeader =
|
|
2619
|
-
return /* @__PURE__ */
|
|
2516
|
+
var ProfileMenuHeader = forwardRef9(({ className, name, email, store: _store, ...props }, ref) => {
|
|
2517
|
+
return /* @__PURE__ */ jsxs12(
|
|
2620
2518
|
"div",
|
|
2621
2519
|
{
|
|
2622
2520
|
ref,
|
|
@@ -2624,10 +2522,10 @@ var ProfileMenuHeader = forwardRef10(({ className, name, email, store: _store, .
|
|
|
2624
2522
|
className: cn("flex flex-row gap-4 items-center", className),
|
|
2625
2523
|
...props,
|
|
2626
2524
|
children: [
|
|
2627
|
-
/* @__PURE__ */
|
|
2628
|
-
/* @__PURE__ */
|
|
2629
|
-
/* @__PURE__ */
|
|
2630
|
-
/* @__PURE__ */
|
|
2525
|
+
/* @__PURE__ */ jsx19("span", { className: "size-16 bg-primary-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx19(User, { size: 34, className: "text-primary-800" }) }),
|
|
2526
|
+
/* @__PURE__ */ jsxs12("div", { className: "flex flex-col ", children: [
|
|
2527
|
+
/* @__PURE__ */ jsx19(Text_default, { size: "xl", weight: "bold", color: "text-text-950", children: name }),
|
|
2528
|
+
/* @__PURE__ */ jsx19(Text_default, { size: "md", color: "text-text-600", children: email })
|
|
2631
2529
|
] })
|
|
2632
2530
|
]
|
|
2633
2531
|
}
|
|
@@ -2660,14 +2558,14 @@ var ProfileToggleTheme = ({
|
|
|
2660
2558
|
setModalThemeToggle(false);
|
|
2661
2559
|
setOpen(false);
|
|
2662
2560
|
};
|
|
2663
|
-
return /* @__PURE__ */
|
|
2664
|
-
/* @__PURE__ */
|
|
2561
|
+
return /* @__PURE__ */ jsxs12(Fragment2, { children: [
|
|
2562
|
+
/* @__PURE__ */ jsx19(
|
|
2665
2563
|
DropdownMenuItem,
|
|
2666
2564
|
{
|
|
2667
2565
|
variant: "profile",
|
|
2668
2566
|
preventClose: true,
|
|
2669
2567
|
store,
|
|
2670
|
-
iconLeft: /* @__PURE__ */
|
|
2568
|
+
iconLeft: /* @__PURE__ */ jsx19(
|
|
2671
2569
|
"svg",
|
|
2672
2570
|
{
|
|
2673
2571
|
width: "24",
|
|
@@ -2675,7 +2573,7 @@ var ProfileToggleTheme = ({
|
|
|
2675
2573
|
viewBox: "0 0 25 25",
|
|
2676
2574
|
fill: "none",
|
|
2677
2575
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2678
|
-
children: /* @__PURE__ */
|
|
2576
|
+
children: /* @__PURE__ */ jsx19(
|
|
2679
2577
|
"path",
|
|
2680
2578
|
{
|
|
2681
2579
|
d: "M12.5 2.75C15.085 2.75276 17.5637 3.78054 19.3916 5.6084C21.2195 7.43628 22.2473 9.915 22.25 12.5C22.25 14.4284 21.6778 16.3136 20.6064 17.917C19.5352 19.5201 18.0128 20.7699 16.2314 21.5078C14.4499 22.2458 12.489 22.4387 10.5977 22.0625C8.70642 21.6863 6.96899 20.758 5.60547 19.3945C4.24197 18.031 3.31374 16.2936 2.9375 14.4023C2.56129 12.511 2.75423 10.5501 3.49219 8.76855C4.23012 6.98718 5.47982 5.46483 7.08301 4.39355C8.68639 3.32221 10.5716 2.75 12.5 2.75ZM11.75 4.28516C9.70145 4.47452 7.7973 5.42115 6.41016 6.94043C5.02299 8.4599 4.25247 10.4426 4.25 12.5C4.25247 14.5574 5.02299 16.5401 6.41016 18.0596C7.7973 19.5789 9.70145 20.5255 11.75 20.7148V4.28516Z",
|
|
@@ -2684,7 +2582,7 @@ var ProfileToggleTheme = ({
|
|
|
2684
2582
|
)
|
|
2685
2583
|
}
|
|
2686
2584
|
),
|
|
2687
|
-
iconRight: /* @__PURE__ */
|
|
2585
|
+
iconRight: /* @__PURE__ */ jsx19(CaretRight, {}),
|
|
2688
2586
|
onClick: handleClick,
|
|
2689
2587
|
onKeyDown: (e) => {
|
|
2690
2588
|
if (e.key === "Enter" || e.key === " ") {
|
|
@@ -2694,31 +2592,31 @@ var ProfileToggleTheme = ({
|
|
|
2694
2592
|
}
|
|
2695
2593
|
},
|
|
2696
2594
|
...props,
|
|
2697
|
-
children: /* @__PURE__ */
|
|
2595
|
+
children: /* @__PURE__ */ jsx19(Text_default, { size: "md", color: "text-text-700", children: "Apar\xEAncia" })
|
|
2698
2596
|
}
|
|
2699
2597
|
),
|
|
2700
|
-
/* @__PURE__ */
|
|
2598
|
+
/* @__PURE__ */ jsx19(
|
|
2701
2599
|
Modal_default,
|
|
2702
2600
|
{
|
|
2703
2601
|
isOpen: modalThemeToggle,
|
|
2704
2602
|
onClose: handleCancel,
|
|
2705
2603
|
title: "Apar\xEAncia",
|
|
2706
2604
|
size: "md",
|
|
2707
|
-
footer: /* @__PURE__ */
|
|
2708
|
-
/* @__PURE__ */
|
|
2709
|
-
/* @__PURE__ */
|
|
2605
|
+
footer: /* @__PURE__ */ jsxs12("div", { className: "flex gap-3", children: [
|
|
2606
|
+
/* @__PURE__ */ jsx19(Button_default, { variant: "outline", onClick: handleCancel, children: "Cancelar" }),
|
|
2607
|
+
/* @__PURE__ */ jsx19(Button_default, { variant: "solid", onClick: handleSave, children: "Salvar" })
|
|
2710
2608
|
] }),
|
|
2711
|
-
children: /* @__PURE__ */
|
|
2712
|
-
/* @__PURE__ */
|
|
2713
|
-
/* @__PURE__ */
|
|
2609
|
+
children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col", children: [
|
|
2610
|
+
/* @__PURE__ */ jsx19("p", { className: "text-sm text-text-500", children: "Escolha o tema:" }),
|
|
2611
|
+
/* @__PURE__ */ jsx19(ThemeToggle, { variant: "with-save", onToggle: setSelectedTheme })
|
|
2714
2612
|
] })
|
|
2715
2613
|
}
|
|
2716
2614
|
)
|
|
2717
2615
|
] });
|
|
2718
2616
|
};
|
|
2719
2617
|
ProfileToggleTheme.displayName = "ProfileToggleTheme";
|
|
2720
|
-
var ProfileMenuSection =
|
|
2721
|
-
return /* @__PURE__ */
|
|
2618
|
+
var ProfileMenuSection = forwardRef9(({ className, children, store: _store, ...props }, ref) => {
|
|
2619
|
+
return /* @__PURE__ */ jsx19("div", { ref, className: cn("flex flex-col p-2", className), ...props, children });
|
|
2722
2620
|
});
|
|
2723
2621
|
ProfileMenuSection.displayName = "ProfileMenuSection";
|
|
2724
2622
|
var ProfileMenuFooter = ({
|
|
@@ -2730,7 +2628,7 @@ var ProfileMenuFooter = ({
|
|
|
2730
2628
|
}) => {
|
|
2731
2629
|
const store = useDropdownStore(externalStore);
|
|
2732
2630
|
const setOpen = useStore3(store, (s) => s.setOpen);
|
|
2733
|
-
return /* @__PURE__ */
|
|
2631
|
+
return /* @__PURE__ */ jsxs12(
|
|
2734
2632
|
Button_default,
|
|
2735
2633
|
{
|
|
2736
2634
|
variant: "outline",
|
|
@@ -2742,8 +2640,8 @@ var ProfileMenuFooter = ({
|
|
|
2742
2640
|
},
|
|
2743
2641
|
...props,
|
|
2744
2642
|
children: [
|
|
2745
|
-
/* @__PURE__ */
|
|
2746
|
-
/* @__PURE__ */
|
|
2643
|
+
/* @__PURE__ */ jsx19("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ jsx19(SignOut, { className: "text-inherit" }) }),
|
|
2644
|
+
/* @__PURE__ */ jsx19(Text_default, { color: "inherit", children: "Sair" })
|
|
2747
2645
|
]
|
|
2748
2646
|
}
|
|
2749
2647
|
);
|
|
@@ -2752,7 +2650,7 @@ ProfileMenuFooter.displayName = "ProfileMenuFooter";
|
|
|
2752
2650
|
var DropdownMenu_default = DropdownMenu;
|
|
2753
2651
|
|
|
2754
2652
|
// src/components/Search/Search.tsx
|
|
2755
|
-
import { jsx as
|
|
2653
|
+
import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
2756
2654
|
var filterOptions = (options, query) => {
|
|
2757
2655
|
if (!query || query.length < 1) return [];
|
|
2758
2656
|
return options.filter(
|
|
@@ -2777,7 +2675,7 @@ var updateInputValue = (value, ref, onChange) => {
|
|
|
2777
2675
|
onChange(event);
|
|
2778
2676
|
}
|
|
2779
2677
|
};
|
|
2780
|
-
var Search =
|
|
2678
|
+
var Search = forwardRef10(
|
|
2781
2679
|
({
|
|
2782
2680
|
options = [],
|
|
2783
2681
|
onSelect,
|
|
@@ -2898,14 +2796,14 @@ var Search = forwardRef11(
|
|
|
2898
2796
|
const hasValue = String(value ?? "").length > 0;
|
|
2899
2797
|
const showClearButton = hasValue && !disabled && !readOnly;
|
|
2900
2798
|
const showSearchIcon = !hasValue && !disabled && !readOnly;
|
|
2901
|
-
return /* @__PURE__ */
|
|
2799
|
+
return /* @__PURE__ */ jsxs13(
|
|
2902
2800
|
"div",
|
|
2903
2801
|
{
|
|
2904
2802
|
ref: dropdownRef,
|
|
2905
2803
|
className: `w-full max-w-lg md:w-[488px] ${containerClassName}`,
|
|
2906
2804
|
children: [
|
|
2907
|
-
/* @__PURE__ */
|
|
2908
|
-
/* @__PURE__ */
|
|
2805
|
+
/* @__PURE__ */ jsxs13("div", { className: "relative flex items-center", children: [
|
|
2806
|
+
/* @__PURE__ */ jsx20(
|
|
2909
2807
|
"input",
|
|
2910
2808
|
{
|
|
2911
2809
|
ref: (node) => {
|
|
@@ -2933,35 +2831,35 @@ var Search = forwardRef11(
|
|
|
2933
2831
|
...props
|
|
2934
2832
|
}
|
|
2935
2833
|
),
|
|
2936
|
-
showClearButton && /* @__PURE__ */
|
|
2834
|
+
showClearButton && /* @__PURE__ */ jsx20("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx20(
|
|
2937
2835
|
"button",
|
|
2938
2836
|
{
|
|
2939
2837
|
type: "button",
|
|
2940
2838
|
className: "p-0 border-0 bg-transparent cursor-pointer",
|
|
2941
2839
|
onMouseDown: handleClearClick,
|
|
2942
2840
|
"aria-label": "Limpar busca",
|
|
2943
|
-
children: /* @__PURE__ */
|
|
2841
|
+
children: /* @__PURE__ */ jsx20("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ jsx20(X3, {}) })
|
|
2944
2842
|
}
|
|
2945
2843
|
) }),
|
|
2946
|
-
showSearchIcon && /* @__PURE__ */
|
|
2844
|
+
showSearchIcon && /* @__PURE__ */ jsx20("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx20(
|
|
2947
2845
|
"button",
|
|
2948
2846
|
{
|
|
2949
2847
|
type: "button",
|
|
2950
2848
|
className: "p-0 border-0 bg-transparent cursor-pointer",
|
|
2951
2849
|
onMouseDown: handleSearchIconClick,
|
|
2952
2850
|
"aria-label": "Buscar",
|
|
2953
|
-
children: /* @__PURE__ */
|
|
2851
|
+
children: /* @__PURE__ */ jsx20("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ jsx20(MagnifyingGlass, {}) })
|
|
2954
2852
|
}
|
|
2955
2853
|
) })
|
|
2956
2854
|
] }),
|
|
2957
|
-
showDropdown && /* @__PURE__ */
|
|
2855
|
+
showDropdown && /* @__PURE__ */ jsx20(DropdownMenu_default, { open: showDropdown, onOpenChange: setDropdownOpen, children: /* @__PURE__ */ jsx20(
|
|
2958
2856
|
DropdownMenuContent,
|
|
2959
2857
|
{
|
|
2960
2858
|
id: dropdownId,
|
|
2961
2859
|
className: "w-full mt-1",
|
|
2962
2860
|
style: { maxHeight: dropdownMaxHeight },
|
|
2963
2861
|
align: "start",
|
|
2964
|
-
children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */
|
|
2862
|
+
children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ jsx20(
|
|
2965
2863
|
DropdownMenuItem,
|
|
2966
2864
|
{
|
|
2967
2865
|
onClick: () => handleSelectOption(option),
|
|
@@ -2969,7 +2867,7 @@ var Search = forwardRef11(
|
|
|
2969
2867
|
children: option
|
|
2970
2868
|
},
|
|
2971
2869
|
option
|
|
2972
|
-
)) : /* @__PURE__ */
|
|
2870
|
+
)) : /* @__PURE__ */ jsx20("div", { className: "px-3 py-3 text-text-700 text-base", children: noResultsText })
|
|
2973
2871
|
}
|
|
2974
2872
|
) })
|
|
2975
2873
|
]
|
|
@@ -2982,7 +2880,7 @@ var Search_default = Search;
|
|
|
2982
2880
|
|
|
2983
2881
|
// src/components/Chips/Chips.tsx
|
|
2984
2882
|
import { Check as Check2 } from "phosphor-react";
|
|
2985
|
-
import { jsx as
|
|
2883
|
+
import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
2986
2884
|
var STATE_CLASSES5 = {
|
|
2987
2885
|
default: "bg-background text-text-950 border border-border-100 hover:bg-secondary-50 hover:border-border-300",
|
|
2988
2886
|
selected: "bg-info-background text-primary-950 border-2 border-primary-950 hover:bg-secondary-50 focus-visible:border-0"
|
|
@@ -2997,7 +2895,7 @@ var Chips = ({
|
|
|
2997
2895
|
}) => {
|
|
2998
2896
|
const stateClasses = selected ? STATE_CLASSES5.selected : STATE_CLASSES5.default;
|
|
2999
2897
|
const baseClasses = "inline-flex items-center justify-center rounded-full cursor-pointer font-normal text-sm px-4 py-2 gap-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-primary-600 disabled:opacity-40 disabled:cursor-not-allowed";
|
|
3000
|
-
return /* @__PURE__ */
|
|
2898
|
+
return /* @__PURE__ */ jsxs14(
|
|
3001
2899
|
"button",
|
|
3002
2900
|
{
|
|
3003
2901
|
className: cn(baseClasses, stateClasses, className),
|
|
@@ -3005,8 +2903,8 @@ var Chips = ({
|
|
|
3005
2903
|
type,
|
|
3006
2904
|
...props,
|
|
3007
2905
|
children: [
|
|
3008
|
-
selected && /* @__PURE__ */
|
|
3009
|
-
/* @__PURE__ */
|
|
2906
|
+
selected && /* @__PURE__ */ jsx21("span", { className: `flex items-center`, children: /* @__PURE__ */ jsx21(Check2, { weight: "bold", size: 16 }) }),
|
|
2907
|
+
/* @__PURE__ */ jsx21("span", { className: "flex-1", children })
|
|
3010
2908
|
]
|
|
3011
2909
|
}
|
|
3012
2910
|
);
|
|
@@ -3014,7 +2912,7 @@ var Chips = ({
|
|
|
3014
2912
|
var Chips_default = Chips;
|
|
3015
2913
|
|
|
3016
2914
|
// src/components/ProgressBar/ProgressBar.tsx
|
|
3017
|
-
import { Fragment as Fragment3, jsx as
|
|
2915
|
+
import { Fragment as Fragment3, jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
3018
2916
|
var SIZE_CLASSES8 = {
|
|
3019
2917
|
small: {
|
|
3020
2918
|
container: "h-1",
|
|
@@ -3126,20 +3024,20 @@ var renderStackedHitCountDisplay = (showHitCount, showPercentage, clampedValue,
|
|
|
3126
3024
|
max,
|
|
3127
3025
|
percentage
|
|
3128
3026
|
);
|
|
3129
|
-
return /* @__PURE__ */
|
|
3027
|
+
return /* @__PURE__ */ jsx22(
|
|
3130
3028
|
"div",
|
|
3131
3029
|
{
|
|
3132
3030
|
className: cn(
|
|
3133
3031
|
"text-xs font-medium leading-[14px] text-right",
|
|
3134
3032
|
percentageClassName
|
|
3135
3033
|
),
|
|
3136
|
-
children: displayPriority.type === "hitCount" ? /* @__PURE__ */
|
|
3137
|
-
/* @__PURE__ */
|
|
3138
|
-
/* @__PURE__ */
|
|
3034
|
+
children: displayPriority.type === "hitCount" ? /* @__PURE__ */ jsxs15(Fragment3, { children: [
|
|
3035
|
+
/* @__PURE__ */ jsx22("span", { className: "text-success-200", children: Math.round(clampedValue) }),
|
|
3036
|
+
/* @__PURE__ */ jsxs15("span", { className: "text-text-600", children: [
|
|
3139
3037
|
" de ",
|
|
3140
3038
|
max
|
|
3141
3039
|
] })
|
|
3142
|
-
] }) : /* @__PURE__ */
|
|
3040
|
+
] }) : /* @__PURE__ */ jsxs15(Text_default, { size: "xs", weight: "medium", className: "text-success-200", children: [
|
|
3143
3041
|
Math.round(percentage),
|
|
3144
3042
|
"%"
|
|
3145
3043
|
] })
|
|
@@ -3154,7 +3052,7 @@ var ProgressBarBase = ({
|
|
|
3154
3052
|
variantClasses,
|
|
3155
3053
|
containerClassName,
|
|
3156
3054
|
fillClassName
|
|
3157
|
-
}) => /* @__PURE__ */
|
|
3055
|
+
}) => /* @__PURE__ */ jsxs15(
|
|
3158
3056
|
"div",
|
|
3159
3057
|
{
|
|
3160
3058
|
className: cn(
|
|
@@ -3163,7 +3061,7 @@ var ProgressBarBase = ({
|
|
|
3163
3061
|
"overflow-hidden relative"
|
|
3164
3062
|
),
|
|
3165
3063
|
children: [
|
|
3166
|
-
/* @__PURE__ */
|
|
3064
|
+
/* @__PURE__ */ jsx22(
|
|
3167
3065
|
"progress",
|
|
3168
3066
|
{
|
|
3169
3067
|
value: clampedValue,
|
|
@@ -3172,7 +3070,7 @@ var ProgressBarBase = ({
|
|
|
3172
3070
|
className: "absolute inset-0 w-full h-full opacity-0"
|
|
3173
3071
|
}
|
|
3174
3072
|
),
|
|
3175
|
-
/* @__PURE__ */
|
|
3073
|
+
/* @__PURE__ */ jsx22(
|
|
3176
3074
|
"div",
|
|
3177
3075
|
{
|
|
3178
3076
|
className: cn(
|
|
@@ -3198,7 +3096,7 @@ var StackedLayout = ({
|
|
|
3198
3096
|
percentage,
|
|
3199
3097
|
variantClasses,
|
|
3200
3098
|
dimensions
|
|
3201
|
-
}) => /* @__PURE__ */
|
|
3099
|
+
}) => /* @__PURE__ */ jsxs15(
|
|
3202
3100
|
"div",
|
|
3203
3101
|
{
|
|
3204
3102
|
className: cn(
|
|
@@ -3208,8 +3106,8 @@ var StackedLayout = ({
|
|
|
3208
3106
|
className
|
|
3209
3107
|
),
|
|
3210
3108
|
children: [
|
|
3211
|
-
shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */
|
|
3212
|
-
label && /* @__PURE__ */
|
|
3109
|
+
shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ jsxs15("div", { className: "flex flex-row justify-between items-center w-full h-[19px]", children: [
|
|
3110
|
+
label && /* @__PURE__ */ jsx22(
|
|
3213
3111
|
Text_default,
|
|
3214
3112
|
{
|
|
3215
3113
|
as: "div",
|
|
@@ -3228,7 +3126,7 @@ var StackedLayout = ({
|
|
|
3228
3126
|
percentageClassName
|
|
3229
3127
|
)
|
|
3230
3128
|
] }),
|
|
3231
|
-
/* @__PURE__ */
|
|
3129
|
+
/* @__PURE__ */ jsx22(
|
|
3232
3130
|
ProgressBarBase,
|
|
3233
3131
|
{
|
|
3234
3132
|
clampedValue,
|
|
@@ -3270,7 +3168,7 @@ var CompactLayout = ({
|
|
|
3270
3168
|
percentageClassName,
|
|
3271
3169
|
labelClassName
|
|
3272
3170
|
});
|
|
3273
|
-
return /* @__PURE__ */
|
|
3171
|
+
return /* @__PURE__ */ jsxs15(
|
|
3274
3172
|
"div",
|
|
3275
3173
|
{
|
|
3276
3174
|
className: cn(
|
|
@@ -3280,7 +3178,7 @@ var CompactLayout = ({
|
|
|
3280
3178
|
className
|
|
3281
3179
|
),
|
|
3282
3180
|
children: [
|
|
3283
|
-
shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */
|
|
3181
|
+
shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ jsx22(
|
|
3284
3182
|
Text_default,
|
|
3285
3183
|
{
|
|
3286
3184
|
as: "div",
|
|
@@ -3291,7 +3189,7 @@ var CompactLayout = ({
|
|
|
3291
3189
|
children: content
|
|
3292
3190
|
}
|
|
3293
3191
|
),
|
|
3294
|
-
/* @__PURE__ */
|
|
3192
|
+
/* @__PURE__ */ jsx22(
|
|
3295
3193
|
ProgressBarBase,
|
|
3296
3194
|
{
|
|
3297
3195
|
clampedValue,
|
|
@@ -3327,9 +3225,9 @@ var DefaultLayout = ({
|
|
|
3327
3225
|
label,
|
|
3328
3226
|
showPercentage
|
|
3329
3227
|
);
|
|
3330
|
-
return /* @__PURE__ */
|
|
3331
|
-
displayConfig.showHeader && /* @__PURE__ */
|
|
3332
|
-
label && /* @__PURE__ */
|
|
3228
|
+
return /* @__PURE__ */ jsxs15("div", { className: cn("flex", sizeClasses.layout, gapClass, className), children: [
|
|
3229
|
+
displayConfig.showHeader && /* @__PURE__ */ jsxs15("div", { className: "flex flex-row items-center justify-between w-full", children: [
|
|
3230
|
+
label && /* @__PURE__ */ jsx22(
|
|
3333
3231
|
Text_default,
|
|
3334
3232
|
{
|
|
3335
3233
|
as: "div",
|
|
@@ -3342,7 +3240,7 @@ var DefaultLayout = ({
|
|
|
3342
3240
|
children: label
|
|
3343
3241
|
}
|
|
3344
3242
|
),
|
|
3345
|
-
showPercentage && /* @__PURE__ */
|
|
3243
|
+
showPercentage && /* @__PURE__ */ jsxs15(
|
|
3346
3244
|
Text_default,
|
|
3347
3245
|
{
|
|
3348
3246
|
size: "xs",
|
|
@@ -3358,7 +3256,7 @@ var DefaultLayout = ({
|
|
|
3358
3256
|
}
|
|
3359
3257
|
)
|
|
3360
3258
|
] }),
|
|
3361
|
-
/* @__PURE__ */
|
|
3259
|
+
/* @__PURE__ */ jsx22(
|
|
3362
3260
|
ProgressBarBase,
|
|
3363
3261
|
{
|
|
3364
3262
|
clampedValue,
|
|
@@ -3378,7 +3276,7 @@ var DefaultLayout = ({
|
|
|
3378
3276
|
)
|
|
3379
3277
|
}
|
|
3380
3278
|
),
|
|
3381
|
-
displayConfig.showPercentage && /* @__PURE__ */
|
|
3279
|
+
displayConfig.showPercentage && /* @__PURE__ */ jsxs15(
|
|
3382
3280
|
Text_default,
|
|
3383
3281
|
{
|
|
3384
3282
|
size: "xs",
|
|
@@ -3393,7 +3291,7 @@ var DefaultLayout = ({
|
|
|
3393
3291
|
]
|
|
3394
3292
|
}
|
|
3395
3293
|
),
|
|
3396
|
-
displayConfig.showLabel && /* @__PURE__ */
|
|
3294
|
+
displayConfig.showLabel && /* @__PURE__ */ jsx22(
|
|
3397
3295
|
Text_default,
|
|
3398
3296
|
{
|
|
3399
3297
|
as: "div",
|
|
@@ -3429,7 +3327,7 @@ var ProgressBar = ({
|
|
|
3429
3327
|
const sizeClasses = SIZE_CLASSES8[size];
|
|
3430
3328
|
const variantClasses = VARIANT_CLASSES2[variant];
|
|
3431
3329
|
if (layout === "stacked") {
|
|
3432
|
-
return /* @__PURE__ */
|
|
3330
|
+
return /* @__PURE__ */ jsx22(
|
|
3433
3331
|
StackedLayout,
|
|
3434
3332
|
{
|
|
3435
3333
|
className,
|
|
@@ -3450,7 +3348,7 @@ var ProgressBar = ({
|
|
|
3450
3348
|
);
|
|
3451
3349
|
}
|
|
3452
3350
|
if (layout === "compact") {
|
|
3453
|
-
return /* @__PURE__ */
|
|
3351
|
+
return /* @__PURE__ */ jsx22(
|
|
3454
3352
|
CompactLayout,
|
|
3455
3353
|
{
|
|
3456
3354
|
className,
|
|
@@ -3470,7 +3368,7 @@ var ProgressBar = ({
|
|
|
3470
3368
|
}
|
|
3471
3369
|
);
|
|
3472
3370
|
}
|
|
3473
|
-
return /* @__PURE__ */
|
|
3371
|
+
return /* @__PURE__ */ jsx22(
|
|
3474
3372
|
DefaultLayout,
|
|
3475
3373
|
{
|
|
3476
3374
|
className,
|
|
@@ -3490,7 +3388,7 @@ var ProgressBar = ({
|
|
|
3490
3388
|
var ProgressBar_default = ProgressBar;
|
|
3491
3389
|
|
|
3492
3390
|
// src/components/ProgressCircle/ProgressCircle.tsx
|
|
3493
|
-
import { jsx as
|
|
3391
|
+
import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
3494
3392
|
var SIZE_CLASSES9 = {
|
|
3495
3393
|
small: {
|
|
3496
3394
|
container: "w-[90px] h-[90px]",
|
|
@@ -3572,7 +3470,7 @@ var ProgressCircle = ({
|
|
|
3572
3470
|
const strokeDashoffset = circumference - percentage / 100 * circumference;
|
|
3573
3471
|
const center = size === "small" ? 45 : 76;
|
|
3574
3472
|
const svgSize = size === "small" ? 90 : 152;
|
|
3575
|
-
return /* @__PURE__ */
|
|
3473
|
+
return /* @__PURE__ */ jsxs16(
|
|
3576
3474
|
"div",
|
|
3577
3475
|
{
|
|
3578
3476
|
className: cn(
|
|
@@ -3582,7 +3480,7 @@ var ProgressCircle = ({
|
|
|
3582
3480
|
className
|
|
3583
3481
|
),
|
|
3584
3482
|
children: [
|
|
3585
|
-
/* @__PURE__ */
|
|
3483
|
+
/* @__PURE__ */ jsxs16(
|
|
3586
3484
|
"svg",
|
|
3587
3485
|
{
|
|
3588
3486
|
className: "absolute inset-0 transform -rotate-90",
|
|
@@ -3591,7 +3489,7 @@ var ProgressCircle = ({
|
|
|
3591
3489
|
viewBox: `0 0 ${svgSize} ${svgSize}`,
|
|
3592
3490
|
"aria-hidden": "true",
|
|
3593
3491
|
children: [
|
|
3594
|
-
/* @__PURE__ */
|
|
3492
|
+
/* @__PURE__ */ jsx23(
|
|
3595
3493
|
"circle",
|
|
3596
3494
|
{
|
|
3597
3495
|
cx: center,
|
|
@@ -3602,7 +3500,7 @@ var ProgressCircle = ({
|
|
|
3602
3500
|
className: cn(variantClasses.background, "rounded-lg")
|
|
3603
3501
|
}
|
|
3604
3502
|
),
|
|
3605
|
-
/* @__PURE__ */
|
|
3503
|
+
/* @__PURE__ */ jsx23(
|
|
3606
3504
|
"circle",
|
|
3607
3505
|
{
|
|
3608
3506
|
cx: center,
|
|
@@ -3622,7 +3520,7 @@ var ProgressCircle = ({
|
|
|
3622
3520
|
]
|
|
3623
3521
|
}
|
|
3624
3522
|
),
|
|
3625
|
-
/* @__PURE__ */
|
|
3523
|
+
/* @__PURE__ */ jsx23(
|
|
3626
3524
|
"progress",
|
|
3627
3525
|
{
|
|
3628
3526
|
value: clampedValue,
|
|
@@ -3631,7 +3529,7 @@ var ProgressCircle = ({
|
|
|
3631
3529
|
className: "absolute opacity-0 w-0 h-0"
|
|
3632
3530
|
}
|
|
3633
3531
|
),
|
|
3634
|
-
/* @__PURE__ */
|
|
3532
|
+
/* @__PURE__ */ jsxs16(
|
|
3635
3533
|
"div",
|
|
3636
3534
|
{
|
|
3637
3535
|
className: cn(
|
|
@@ -3640,7 +3538,7 @@ var ProgressCircle = ({
|
|
|
3640
3538
|
sizeClasses.contentWidth
|
|
3641
3539
|
),
|
|
3642
3540
|
children: [
|
|
3643
|
-
showPercentage && /* @__PURE__ */
|
|
3541
|
+
showPercentage && /* @__PURE__ */ jsxs16(
|
|
3644
3542
|
Text_default,
|
|
3645
3543
|
{
|
|
3646
3544
|
size: sizeClasses.textSize,
|
|
@@ -3656,7 +3554,7 @@ var ProgressCircle = ({
|
|
|
3656
3554
|
]
|
|
3657
3555
|
}
|
|
3658
3556
|
),
|
|
3659
|
-
label && /* @__PURE__ */
|
|
3557
|
+
label && /* @__PURE__ */ jsx23(
|
|
3660
3558
|
Text_default,
|
|
3661
3559
|
{
|
|
3662
3560
|
as: "span",
|
|
@@ -3681,7 +3579,7 @@ var ProgressCircle_default = ProgressCircle;
|
|
|
3681
3579
|
|
|
3682
3580
|
// src/components/Stepper/Stepper.tsx
|
|
3683
3581
|
import { Check as Check3 } from "phosphor-react";
|
|
3684
|
-
import { jsx as
|
|
3582
|
+
import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
3685
3583
|
var SIZE_CLASSES10 = {
|
|
3686
3584
|
small: {
|
|
3687
3585
|
container: "gap-2",
|
|
@@ -3808,7 +3706,7 @@ var Step = ({
|
|
|
3808
3706
|
}
|
|
3809
3707
|
return `${step.label}${suffix}`;
|
|
3810
3708
|
};
|
|
3811
|
-
return /* @__PURE__ */
|
|
3709
|
+
return /* @__PURE__ */ jsxs17(
|
|
3812
3710
|
"div",
|
|
3813
3711
|
{
|
|
3814
3712
|
className: `
|
|
@@ -3821,7 +3719,7 @@ var Step = ({
|
|
|
3821
3719
|
overflow-visible
|
|
3822
3720
|
`,
|
|
3823
3721
|
children: [
|
|
3824
|
-
/* @__PURE__ */
|
|
3722
|
+
/* @__PURE__ */ jsx24(
|
|
3825
3723
|
"div",
|
|
3826
3724
|
{
|
|
3827
3725
|
className: `
|
|
@@ -3830,7 +3728,7 @@ var Step = ({
|
|
|
3830
3728
|
`
|
|
3831
3729
|
}
|
|
3832
3730
|
),
|
|
3833
|
-
/* @__PURE__ */
|
|
3731
|
+
/* @__PURE__ */ jsxs17(
|
|
3834
3732
|
"div",
|
|
3835
3733
|
{
|
|
3836
3734
|
className: `
|
|
@@ -3840,7 +3738,7 @@ var Step = ({
|
|
|
3840
3738
|
overflow-visible
|
|
3841
3739
|
`,
|
|
3842
3740
|
children: [
|
|
3843
|
-
/* @__PURE__ */
|
|
3741
|
+
/* @__PURE__ */ jsx24(
|
|
3844
3742
|
"div",
|
|
3845
3743
|
{
|
|
3846
3744
|
className: `
|
|
@@ -3850,7 +3748,7 @@ var Step = ({
|
|
|
3850
3748
|
w-4 h-4 sm:w-5 sm:h-5 md:w-5 md:h-5 lg:w-6 lg:h-6
|
|
3851
3749
|
`,
|
|
3852
3750
|
"aria-label": getAriaLabel(),
|
|
3853
|
-
children: isCompleted ? /* @__PURE__ */
|
|
3751
|
+
children: isCompleted ? /* @__PURE__ */ jsx24(
|
|
3854
3752
|
Check3,
|
|
3855
3753
|
{
|
|
3856
3754
|
weight: "bold",
|
|
@@ -3859,7 +3757,7 @@ var Step = ({
|
|
|
3859
3757
|
w-2.5 h-2.5 sm:w-3 sm:h-3 md:w-3 md:h-3 lg:w-3.5 lg:h-3.5
|
|
3860
3758
|
`
|
|
3861
3759
|
}
|
|
3862
|
-
) : /* @__PURE__ */
|
|
3760
|
+
) : /* @__PURE__ */ jsx24(
|
|
3863
3761
|
Text_default,
|
|
3864
3762
|
{
|
|
3865
3763
|
size: sizeClasses.indicatorTextSize,
|
|
@@ -3874,7 +3772,7 @@ var Step = ({
|
|
|
3874
3772
|
)
|
|
3875
3773
|
}
|
|
3876
3774
|
),
|
|
3877
|
-
/* @__PURE__ */
|
|
3775
|
+
/* @__PURE__ */ jsx24(
|
|
3878
3776
|
Text_default,
|
|
3879
3777
|
{
|
|
3880
3778
|
size: sizeClasses.labelTextSize,
|
|
@@ -3926,7 +3824,7 @@ var Stepper = ({
|
|
|
3926
3824
|
}) => {
|
|
3927
3825
|
const sizeClasses = SIZE_CLASSES10[size];
|
|
3928
3826
|
const steps = currentStep !== void 0 ? calculateStepStates(initialSteps, currentStep) : initialSteps;
|
|
3929
|
-
return /* @__PURE__ */
|
|
3827
|
+
return /* @__PURE__ */ jsxs17(
|
|
3930
3828
|
"fieldset",
|
|
3931
3829
|
{
|
|
3932
3830
|
className: cn(
|
|
@@ -3935,8 +3833,8 @@ var Stepper = ({
|
|
|
3935
3833
|
"border-0 p-0 m-0"
|
|
3936
3834
|
),
|
|
3937
3835
|
children: [
|
|
3938
|
-
/* @__PURE__ */
|
|
3939
|
-
showProgress && currentStep !== void 0 && /* @__PURE__ */
|
|
3836
|
+
/* @__PURE__ */ jsx24("legend", { className: "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", children: "Stepper de formul\xE1rio" }),
|
|
3837
|
+
showProgress && currentStep !== void 0 && /* @__PURE__ */ jsx24(
|
|
3940
3838
|
Text_default,
|
|
3941
3839
|
{
|
|
3942
3840
|
size: "sm",
|
|
@@ -3945,7 +3843,7 @@ var Stepper = ({
|
|
|
3945
3843
|
children: getProgressText(currentStep, steps.length, progressText)
|
|
3946
3844
|
}
|
|
3947
3845
|
),
|
|
3948
|
-
/* @__PURE__ */
|
|
3846
|
+
/* @__PURE__ */ jsx24(
|
|
3949
3847
|
"div",
|
|
3950
3848
|
{
|
|
3951
3849
|
className: cn(
|
|
@@ -3958,7 +3856,7 @@ var Stepper = ({
|
|
|
3958
3856
|
"aria-label": "Progress steps",
|
|
3959
3857
|
children: steps.map((step, index) => {
|
|
3960
3858
|
const stateClasses = STATE_CLASSES6[step.state];
|
|
3961
|
-
return /* @__PURE__ */
|
|
3859
|
+
return /* @__PURE__ */ jsx24(
|
|
3962
3860
|
Step,
|
|
3963
3861
|
{
|
|
3964
3862
|
step,
|
|
@@ -3987,7 +3885,7 @@ import {
|
|
|
3987
3885
|
useEffect as useEffect8,
|
|
3988
3886
|
useRef as useRef5
|
|
3989
3887
|
} from "react";
|
|
3990
|
-
import { jsx as
|
|
3888
|
+
import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
3991
3889
|
var WEEK_DAYS = ["SEG", "TER", "QUA", "QUI", "SEX", "S\xC1B", "DOM"];
|
|
3992
3890
|
var WEEK_DAYS_SHORT = ["S", "T", "Q", "Q", "S", "S", "D"];
|
|
3993
3891
|
var MONTH_NAMES = [
|
|
@@ -4010,15 +3908,15 @@ var MonthYearPicker = ({
|
|
|
4010
3908
|
currentDate,
|
|
4011
3909
|
onYearChange,
|
|
4012
3910
|
onMonthChange
|
|
4013
|
-
}) => /* @__PURE__ */
|
|
3911
|
+
}) => /* @__PURE__ */ jsxs18(
|
|
4014
3912
|
"div",
|
|
4015
3913
|
{
|
|
4016
3914
|
ref: monthPickerRef,
|
|
4017
3915
|
className: "absolute top-full left-0 z-50 mt-1 bg-background rounded-lg shadow-lg border border-border-200 p-4 min-w-[280px]",
|
|
4018
3916
|
children: [
|
|
4019
|
-
/* @__PURE__ */
|
|
4020
|
-
/* @__PURE__ */
|
|
4021
|
-
/* @__PURE__ */
|
|
3917
|
+
/* @__PURE__ */ jsxs18("div", { className: "mb-4", children: [
|
|
3918
|
+
/* @__PURE__ */ jsx25("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar Ano" }),
|
|
3919
|
+
/* @__PURE__ */ jsx25("div", { className: "grid grid-cols-4 gap-1 max-h-32 overflow-y-auto", children: availableYears.map((year) => /* @__PURE__ */ jsx25(
|
|
4022
3920
|
"button",
|
|
4023
3921
|
{
|
|
4024
3922
|
onClick: () => onYearChange(year),
|
|
@@ -4031,9 +3929,9 @@ var MonthYearPicker = ({
|
|
|
4031
3929
|
year
|
|
4032
3930
|
)) })
|
|
4033
3931
|
] }),
|
|
4034
|
-
/* @__PURE__ */
|
|
4035
|
-
/* @__PURE__ */
|
|
4036
|
-
/* @__PURE__ */
|
|
3932
|
+
/* @__PURE__ */ jsxs18("div", { children: [
|
|
3933
|
+
/* @__PURE__ */ jsx25("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar M\xEAs" }),
|
|
3934
|
+
/* @__PURE__ */ jsx25("div", { className: "grid grid-cols-3 gap-1", children: MONTH_NAMES.map((month, index) => /* @__PURE__ */ jsx25(
|
|
4037
3935
|
"button",
|
|
4038
3936
|
{
|
|
4039
3937
|
onClick: () => onMonthChange(index, currentDate.getFullYear()),
|
|
@@ -4165,28 +4063,28 @@ var Calendar = ({
|
|
|
4165
4063
|
onDateSelect?.(day.date);
|
|
4166
4064
|
};
|
|
4167
4065
|
if (variant === "navigation") {
|
|
4168
|
-
return /* @__PURE__ */
|
|
4169
|
-
/* @__PURE__ */
|
|
4170
|
-
/* @__PURE__ */
|
|
4171
|
-
/* @__PURE__ */
|
|
4066
|
+
return /* @__PURE__ */ jsxs18("div", { className: cn("bg-background rounded-xl pt-6", className), children: [
|
|
4067
|
+
/* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between mb-4 px-6", children: [
|
|
4068
|
+
/* @__PURE__ */ jsxs18("div", { className: "relative", ref: monthPickerContainerRef, children: [
|
|
4069
|
+
/* @__PURE__ */ jsxs18(
|
|
4172
4070
|
"button",
|
|
4173
4071
|
{
|
|
4174
4072
|
onClick: toggleMonthPicker,
|
|
4175
4073
|
className: "flex items-center group gap-1 rounded transition-colors cursor-pointer",
|
|
4176
4074
|
children: [
|
|
4177
|
-
/* @__PURE__ */
|
|
4075
|
+
/* @__PURE__ */ jsxs18("span", { className: "text-sm font-medium text-text-600 group-hover:text-primary-950", children: [
|
|
4178
4076
|
MONTH_NAMES[currentDate.getMonth()],
|
|
4179
4077
|
" ",
|
|
4180
4078
|
currentDate.getFullYear()
|
|
4181
4079
|
] }),
|
|
4182
|
-
/* @__PURE__ */
|
|
4080
|
+
/* @__PURE__ */ jsx25(
|
|
4183
4081
|
"svg",
|
|
4184
4082
|
{
|
|
4185
4083
|
className: `w-4 h-4 text-primary-950 transition-transform ${isMonthPickerOpen ? "rotate-180" : ""}`,
|
|
4186
4084
|
fill: "none",
|
|
4187
4085
|
stroke: "currentColor",
|
|
4188
4086
|
viewBox: "0 0 24 24",
|
|
4189
|
-
children: /* @__PURE__ */
|
|
4087
|
+
children: /* @__PURE__ */ jsx25(
|
|
4190
4088
|
"path",
|
|
4191
4089
|
{
|
|
4192
4090
|
strokeLinecap: "round",
|
|
@@ -4200,7 +4098,7 @@ var Calendar = ({
|
|
|
4200
4098
|
]
|
|
4201
4099
|
}
|
|
4202
4100
|
),
|
|
4203
|
-
isMonthPickerOpen && /* @__PURE__ */
|
|
4101
|
+
isMonthPickerOpen && /* @__PURE__ */ jsx25(
|
|
4204
4102
|
MonthYearPicker,
|
|
4205
4103
|
{
|
|
4206
4104
|
monthPickerRef,
|
|
@@ -4211,21 +4109,21 @@ var Calendar = ({
|
|
|
4211
4109
|
}
|
|
4212
4110
|
)
|
|
4213
4111
|
] }),
|
|
4214
|
-
/* @__PURE__ */
|
|
4215
|
-
/* @__PURE__ */
|
|
4112
|
+
/* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-10", children: [
|
|
4113
|
+
/* @__PURE__ */ jsx25(
|
|
4216
4114
|
"button",
|
|
4217
4115
|
{
|
|
4218
4116
|
onClick: goToPreviousMonth,
|
|
4219
4117
|
className: "p-1 rounded hover:bg-background-100 transition-colors",
|
|
4220
4118
|
"aria-label": "M\xEAs anterior",
|
|
4221
|
-
children: /* @__PURE__ */
|
|
4119
|
+
children: /* @__PURE__ */ jsx25(
|
|
4222
4120
|
"svg",
|
|
4223
4121
|
{
|
|
4224
4122
|
className: "w-6 h-6 text-primary-950",
|
|
4225
4123
|
fill: "none",
|
|
4226
4124
|
stroke: "currentColor",
|
|
4227
4125
|
viewBox: "0 0 24 24",
|
|
4228
|
-
children: /* @__PURE__ */
|
|
4126
|
+
children: /* @__PURE__ */ jsx25(
|
|
4229
4127
|
"path",
|
|
4230
4128
|
{
|
|
4231
4129
|
strokeLinecap: "round",
|
|
@@ -4238,20 +4136,20 @@ var Calendar = ({
|
|
|
4238
4136
|
)
|
|
4239
4137
|
}
|
|
4240
4138
|
),
|
|
4241
|
-
/* @__PURE__ */
|
|
4139
|
+
/* @__PURE__ */ jsx25(
|
|
4242
4140
|
"button",
|
|
4243
4141
|
{
|
|
4244
4142
|
onClick: goToNextMonth,
|
|
4245
4143
|
className: "p-1 rounded hover:bg-background-100 transition-colors",
|
|
4246
4144
|
"aria-label": "Pr\xF3ximo m\xEAs",
|
|
4247
|
-
children: /* @__PURE__ */
|
|
4145
|
+
children: /* @__PURE__ */ jsx25(
|
|
4248
4146
|
"svg",
|
|
4249
4147
|
{
|
|
4250
4148
|
className: "w-6 h-6 text-primary-950",
|
|
4251
4149
|
fill: "none",
|
|
4252
4150
|
stroke: "currentColor",
|
|
4253
4151
|
viewBox: "0 0 24 24",
|
|
4254
|
-
children: /* @__PURE__ */
|
|
4152
|
+
children: /* @__PURE__ */ jsx25(
|
|
4255
4153
|
"path",
|
|
4256
4154
|
{
|
|
4257
4155
|
strokeLinecap: "round",
|
|
@@ -4266,7 +4164,7 @@ var Calendar = ({
|
|
|
4266
4164
|
)
|
|
4267
4165
|
] })
|
|
4268
4166
|
] }),
|
|
4269
|
-
/* @__PURE__ */
|
|
4167
|
+
/* @__PURE__ */ jsx25("div", { className: "grid grid-cols-7 gap-1 mb-2 px-3", children: WEEK_DAYS_SHORT.map((day, index) => /* @__PURE__ */ jsx25(
|
|
4270
4168
|
"div",
|
|
4271
4169
|
{
|
|
4272
4170
|
className: "h-9 flex items-center justify-center text-xs font-normal text-text-600",
|
|
@@ -4274,13 +4172,13 @@ var Calendar = ({
|
|
|
4274
4172
|
},
|
|
4275
4173
|
`${day}-${index}`
|
|
4276
4174
|
)) }),
|
|
4277
|
-
/* @__PURE__ */
|
|
4175
|
+
/* @__PURE__ */ jsx25("div", { className: "grid grid-cols-7 gap-1 px-3", children: calendarData.map((day) => {
|
|
4278
4176
|
if (!day.isCurrentMonth) {
|
|
4279
|
-
return /* @__PURE__ */
|
|
4177
|
+
return /* @__PURE__ */ jsx25(
|
|
4280
4178
|
"div",
|
|
4281
4179
|
{
|
|
4282
4180
|
className: "flex items-center justify-center",
|
|
4283
|
-
children: /* @__PURE__ */
|
|
4181
|
+
children: /* @__PURE__ */ jsx25("div", { className: "w-9 h-9" })
|
|
4284
4182
|
},
|
|
4285
4183
|
day.date.getTime()
|
|
4286
4184
|
);
|
|
@@ -4296,11 +4194,11 @@ var Calendar = ({
|
|
|
4296
4194
|
} else if (day.isSelected) {
|
|
4297
4195
|
spanClass = "h-6 w-6 rounded-full bg-primary-950 text-text";
|
|
4298
4196
|
}
|
|
4299
|
-
return /* @__PURE__ */
|
|
4197
|
+
return /* @__PURE__ */ jsx25(
|
|
4300
4198
|
"div",
|
|
4301
4199
|
{
|
|
4302
4200
|
className: "flex items-center justify-center",
|
|
4303
|
-
children: /* @__PURE__ */
|
|
4201
|
+
children: /* @__PURE__ */ jsx25(
|
|
4304
4202
|
"button",
|
|
4305
4203
|
{
|
|
4306
4204
|
className: `
|
|
@@ -4316,7 +4214,7 @@ var Calendar = ({
|
|
|
4316
4214
|
"aria-label": `${day.date.getDate()} de ${MONTH_NAMES[day.date.getMonth()]}`,
|
|
4317
4215
|
"aria-current": day.isToday ? "date" : void 0,
|
|
4318
4216
|
tabIndex: 0,
|
|
4319
|
-
children: /* @__PURE__ */
|
|
4217
|
+
children: /* @__PURE__ */ jsx25("span", { className: spanClass, children: day.date.getDate() })
|
|
4320
4218
|
}
|
|
4321
4219
|
)
|
|
4322
4220
|
},
|
|
@@ -4325,28 +4223,28 @@ var Calendar = ({
|
|
|
4325
4223
|
}) })
|
|
4326
4224
|
] });
|
|
4327
4225
|
}
|
|
4328
|
-
return /* @__PURE__ */
|
|
4329
|
-
/* @__PURE__ */
|
|
4330
|
-
/* @__PURE__ */
|
|
4331
|
-
/* @__PURE__ */
|
|
4226
|
+
return /* @__PURE__ */ jsxs18("div", { className: cn("bg-background rounded-xl p-4", className), children: [
|
|
4227
|
+
/* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between mb-3.5", children: [
|
|
4228
|
+
/* @__PURE__ */ jsxs18("div", { className: "relative", ref: monthPickerContainerRef, children: [
|
|
4229
|
+
/* @__PURE__ */ jsxs18(
|
|
4332
4230
|
"button",
|
|
4333
4231
|
{
|
|
4334
4232
|
onClick: toggleMonthPicker,
|
|
4335
4233
|
className: "flex items-center gap-2 hover:bg-background-100 rounded px-2 py-1 transition-colors",
|
|
4336
4234
|
children: [
|
|
4337
|
-
/* @__PURE__ */
|
|
4235
|
+
/* @__PURE__ */ jsxs18("h2", { className: "text-lg font-semibold text-text-950", children: [
|
|
4338
4236
|
MONTH_NAMES[currentDate.getMonth()],
|
|
4339
4237
|
" ",
|
|
4340
4238
|
currentDate.getFullYear()
|
|
4341
4239
|
] }),
|
|
4342
|
-
/* @__PURE__ */
|
|
4240
|
+
/* @__PURE__ */ jsx25(
|
|
4343
4241
|
"svg",
|
|
4344
4242
|
{
|
|
4345
4243
|
className: `w-4 h-4 text-text-400 transition-transform ${isMonthPickerOpen ? "rotate-180" : ""}`,
|
|
4346
4244
|
fill: "none",
|
|
4347
4245
|
stroke: "currentColor",
|
|
4348
4246
|
viewBox: "0 0 24 24",
|
|
4349
|
-
children: /* @__PURE__ */
|
|
4247
|
+
children: /* @__PURE__ */ jsx25(
|
|
4350
4248
|
"path",
|
|
4351
4249
|
{
|
|
4352
4250
|
strokeLinecap: "round",
|
|
@@ -4360,7 +4258,7 @@ var Calendar = ({
|
|
|
4360
4258
|
]
|
|
4361
4259
|
}
|
|
4362
4260
|
),
|
|
4363
|
-
isMonthPickerOpen && /* @__PURE__ */
|
|
4261
|
+
isMonthPickerOpen && /* @__PURE__ */ jsx25(
|
|
4364
4262
|
MonthYearPicker,
|
|
4365
4263
|
{
|
|
4366
4264
|
monthPickerRef,
|
|
@@ -4371,21 +4269,21 @@ var Calendar = ({
|
|
|
4371
4269
|
}
|
|
4372
4270
|
)
|
|
4373
4271
|
] }),
|
|
4374
|
-
/* @__PURE__ */
|
|
4375
|
-
/* @__PURE__ */
|
|
4272
|
+
/* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1", children: [
|
|
4273
|
+
/* @__PURE__ */ jsx25(
|
|
4376
4274
|
"button",
|
|
4377
4275
|
{
|
|
4378
4276
|
onClick: goToPreviousMonth,
|
|
4379
4277
|
className: "p-1 rounded-md hover:bg-background-100 transition-colors",
|
|
4380
4278
|
"aria-label": "M\xEAs anterior",
|
|
4381
|
-
children: /* @__PURE__ */
|
|
4279
|
+
children: /* @__PURE__ */ jsx25(
|
|
4382
4280
|
"svg",
|
|
4383
4281
|
{
|
|
4384
4282
|
className: "w-6 h-6 text-primary-950",
|
|
4385
4283
|
fill: "none",
|
|
4386
4284
|
stroke: "currentColor",
|
|
4387
4285
|
viewBox: "0 0 24 24",
|
|
4388
|
-
children: /* @__PURE__ */
|
|
4286
|
+
children: /* @__PURE__ */ jsx25(
|
|
4389
4287
|
"path",
|
|
4390
4288
|
{
|
|
4391
4289
|
strokeLinecap: "round",
|
|
@@ -4398,20 +4296,20 @@ var Calendar = ({
|
|
|
4398
4296
|
)
|
|
4399
4297
|
}
|
|
4400
4298
|
),
|
|
4401
|
-
/* @__PURE__ */
|
|
4299
|
+
/* @__PURE__ */ jsx25(
|
|
4402
4300
|
"button",
|
|
4403
4301
|
{
|
|
4404
4302
|
onClick: goToNextMonth,
|
|
4405
4303
|
className: "p-1 rounded-md hover:bg-background-100 transition-colors",
|
|
4406
4304
|
"aria-label": "Pr\xF3ximo m\xEAs",
|
|
4407
|
-
children: /* @__PURE__ */
|
|
4305
|
+
children: /* @__PURE__ */ jsx25(
|
|
4408
4306
|
"svg",
|
|
4409
4307
|
{
|
|
4410
4308
|
className: "w-6 h-6 text-primary-950",
|
|
4411
4309
|
fill: "none",
|
|
4412
4310
|
stroke: "currentColor",
|
|
4413
4311
|
viewBox: "0 0 24 24",
|
|
4414
|
-
children: /* @__PURE__ */
|
|
4312
|
+
children: /* @__PURE__ */ jsx25(
|
|
4415
4313
|
"path",
|
|
4416
4314
|
{
|
|
4417
4315
|
strokeLinecap: "round",
|
|
@@ -4426,7 +4324,7 @@ var Calendar = ({
|
|
|
4426
4324
|
)
|
|
4427
4325
|
] })
|
|
4428
4326
|
] }),
|
|
4429
|
-
/* @__PURE__ */
|
|
4327
|
+
/* @__PURE__ */ jsx25("div", { className: "grid grid-cols-7 mb-2", children: WEEK_DAYS.map((day) => /* @__PURE__ */ jsx25(
|
|
4430
4328
|
"div",
|
|
4431
4329
|
{
|
|
4432
4330
|
className: "h-4 flex items-center justify-center text-xs font-semibold text-text-500",
|
|
@@ -4434,13 +4332,13 @@ var Calendar = ({
|
|
|
4434
4332
|
},
|
|
4435
4333
|
day
|
|
4436
4334
|
)) }),
|
|
4437
|
-
/* @__PURE__ */
|
|
4335
|
+
/* @__PURE__ */ jsx25("div", { className: "grid grid-cols-7", children: calendarData.map((day) => {
|
|
4438
4336
|
if (!day.isCurrentMonth) {
|
|
4439
|
-
return /* @__PURE__ */
|
|
4337
|
+
return /* @__PURE__ */ jsx25(
|
|
4440
4338
|
"div",
|
|
4441
4339
|
{
|
|
4442
4340
|
className: "flex items-center justify-center",
|
|
4443
|
-
children: /* @__PURE__ */
|
|
4341
|
+
children: /* @__PURE__ */ jsx25("div", { className: "w-10 h-10" })
|
|
4444
4342
|
},
|
|
4445
4343
|
day.date.getTime()
|
|
4446
4344
|
);
|
|
@@ -4450,11 +4348,11 @@ var Calendar = ({
|
|
|
4450
4348
|
variant,
|
|
4451
4349
|
showActivities
|
|
4452
4350
|
);
|
|
4453
|
-
return /* @__PURE__ */
|
|
4351
|
+
return /* @__PURE__ */ jsx25(
|
|
4454
4352
|
"div",
|
|
4455
4353
|
{
|
|
4456
4354
|
className: "flex items-center justify-center",
|
|
4457
|
-
children: /* @__PURE__ */
|
|
4355
|
+
children: /* @__PURE__ */ jsx25(
|
|
4458
4356
|
"button",
|
|
4459
4357
|
{
|
|
4460
4358
|
className: `
|
|
@@ -4484,10 +4382,10 @@ var Calendar_default = Calendar;
|
|
|
4484
4382
|
|
|
4485
4383
|
// src/components/AlertDialog/AlertDialog.tsx
|
|
4486
4384
|
import {
|
|
4487
|
-
forwardRef as
|
|
4385
|
+
forwardRef as forwardRef11,
|
|
4488
4386
|
useEffect as useEffect9
|
|
4489
4387
|
} from "react";
|
|
4490
|
-
import { Fragment as Fragment4, jsx as
|
|
4388
|
+
import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
4491
4389
|
var SIZE_CLASSES11 = {
|
|
4492
4390
|
"extra-small": "w-screen max-w-[324px]",
|
|
4493
4391
|
small: "w-screen max-w-[378px]",
|
|
@@ -4495,7 +4393,7 @@ var SIZE_CLASSES11 = {
|
|
|
4495
4393
|
large: "w-screen max-w-[578px]",
|
|
4496
4394
|
"extra-large": "w-screen max-w-[912px]"
|
|
4497
4395
|
};
|
|
4498
|
-
var AlertDialog =
|
|
4396
|
+
var AlertDialog = forwardRef11(
|
|
4499
4397
|
({
|
|
4500
4398
|
description,
|
|
4501
4399
|
cancelButtonLabel = "Cancelar",
|
|
@@ -4552,14 +4450,14 @@ var AlertDialog = forwardRef12(
|
|
|
4552
4450
|
onCancel?.(cancelValue);
|
|
4553
4451
|
};
|
|
4554
4452
|
const sizeClasses = SIZE_CLASSES11[size];
|
|
4555
|
-
return /* @__PURE__ */
|
|
4453
|
+
return /* @__PURE__ */ jsx26(Fragment4, { children: isOpen && /* @__PURE__ */ jsx26(
|
|
4556
4454
|
"div",
|
|
4557
4455
|
{
|
|
4558
4456
|
className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm",
|
|
4559
4457
|
onClick: handleBackdropClick,
|
|
4560
4458
|
onKeyDown: handleBackdropKeyDown,
|
|
4561
4459
|
"data-testid": "alert-dialog-overlay",
|
|
4562
|
-
children: /* @__PURE__ */
|
|
4460
|
+
children: /* @__PURE__ */ jsxs19(
|
|
4563
4461
|
"div",
|
|
4564
4462
|
{
|
|
4565
4463
|
ref,
|
|
@@ -4570,7 +4468,7 @@ var AlertDialog = forwardRef12(
|
|
|
4570
4468
|
),
|
|
4571
4469
|
...props,
|
|
4572
4470
|
children: [
|
|
4573
|
-
/* @__PURE__ */
|
|
4471
|
+
/* @__PURE__ */ jsx26(
|
|
4574
4472
|
"h2",
|
|
4575
4473
|
{
|
|
4576
4474
|
id: "alert-dialog-title",
|
|
@@ -4578,7 +4476,7 @@ var AlertDialog = forwardRef12(
|
|
|
4578
4476
|
children: title
|
|
4579
4477
|
}
|
|
4580
4478
|
),
|
|
4581
|
-
/* @__PURE__ */
|
|
4479
|
+
/* @__PURE__ */ jsx26(
|
|
4582
4480
|
"p",
|
|
4583
4481
|
{
|
|
4584
4482
|
id: "alert-dialog-description",
|
|
@@ -4586,9 +4484,9 @@ var AlertDialog = forwardRef12(
|
|
|
4586
4484
|
children: description
|
|
4587
4485
|
}
|
|
4588
4486
|
),
|
|
4589
|
-
/* @__PURE__ */
|
|
4590
|
-
/* @__PURE__ */
|
|
4591
|
-
/* @__PURE__ */
|
|
4487
|
+
/* @__PURE__ */ jsxs19("div", { className: "flex flex-row items-center justify-end pt-4 gap-3", children: [
|
|
4488
|
+
/* @__PURE__ */ jsx26(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
|
|
4489
|
+
/* @__PURE__ */ jsx26(
|
|
4592
4490
|
Button_default,
|
|
4593
4491
|
{
|
|
4594
4492
|
variant: "solid",
|
|
@@ -4609,12 +4507,12 @@ var AlertDialog = forwardRef12(
|
|
|
4609
4507
|
AlertDialog.displayName = "AlertDialog";
|
|
4610
4508
|
|
|
4611
4509
|
// src/components/LoadingModal/loadingModal.tsx
|
|
4612
|
-
import { forwardRef as
|
|
4613
|
-
import { jsx as
|
|
4614
|
-
var LoadingModal =
|
|
4510
|
+
import { forwardRef as forwardRef12 } from "react";
|
|
4511
|
+
import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
4512
|
+
var LoadingModal = forwardRef12(
|
|
4615
4513
|
({ open, title = "Titulo...", subtitle = "Subtitulo...", ...props }, ref) => {
|
|
4616
4514
|
if (!open) return null;
|
|
4617
|
-
return /* @__PURE__ */
|
|
4515
|
+
return /* @__PURE__ */ jsx27(
|
|
4618
4516
|
"div",
|
|
4619
4517
|
{
|
|
4620
4518
|
ref,
|
|
@@ -4623,8 +4521,8 @@ var LoadingModal = forwardRef13(
|
|
|
4623
4521
|
"aria-describedby": "loading-modal-subtitle",
|
|
4624
4522
|
className: "fixed inset-0 z-50 flex items-center justify-center bg-background/90 backdrop-blur-xs",
|
|
4625
4523
|
...props,
|
|
4626
|
-
children: /* @__PURE__ */
|
|
4627
|
-
/* @__PURE__ */
|
|
4524
|
+
children: /* @__PURE__ */ jsxs20("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
|
|
4525
|
+
/* @__PURE__ */ jsx27("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ jsxs20(
|
|
4628
4526
|
"svg",
|
|
4629
4527
|
{
|
|
4630
4528
|
width: "102",
|
|
@@ -4635,14 +4533,14 @@ var LoadingModal = forwardRef13(
|
|
|
4635
4533
|
"aria-hidden": "true",
|
|
4636
4534
|
focusable: false,
|
|
4637
4535
|
children: [
|
|
4638
|
-
/* @__PURE__ */
|
|
4536
|
+
/* @__PURE__ */ jsx27(
|
|
4639
4537
|
"path",
|
|
4640
4538
|
{
|
|
4641
4539
|
d: "M101.5 51C101.5 78.8904 78.8904 101.5 51 101.5C23.1096 101.5 0.5 78.8904 0.5 51C0.5 23.1096 23.1096 0.5 51 0.5C78.8904 0.5 101.5 23.1096 101.5 51ZM8.62286 51C8.62286 74.4043 27.5957 93.3771 51 93.3771C74.4043 93.3771 93.3771 74.4043 93.3771 51C93.3771 27.5957 74.4043 8.62286 51 8.62286C27.5957 8.62286 8.62286 27.5957 8.62286 51Z",
|
|
4642
4540
|
className: "fill-primary-100"
|
|
4643
4541
|
}
|
|
4644
4542
|
),
|
|
4645
|
-
/* @__PURE__ */
|
|
4543
|
+
/* @__PURE__ */ jsx27(
|
|
4646
4544
|
"path",
|
|
4647
4545
|
{
|
|
4648
4546
|
d: "M97.4386 51C99.6816 51 101.517 52.8213 101.337 55.0571C100.754 62.2833 98.6212 69.3162 95.0643 75.6696C90.8444 83.207 84.7616 89.536 77.3975 94.0514C70.0333 98.5668 61.6339 101.118 53.0024 101.46C44.371 101.803 35.7959 99.9255 28.0971 96.0078C20.3982 92.0902 13.833 86.2631 9.02917 79.0838C4.22529 71.9045 1.34332 63.6129 0.658804 55.0017C-0.0257159 46.3906 1.51009 37.7479 5.1194 29.8997C8.16173 23.2845 12.5915 17.4202 18.0904 12.6959C19.7917 11.2341 22.3444 11.6457 23.6647 13.459C24.9851 15.2723 24.5702 17.7988 22.8916 19.2866C18.5048 23.1747 14.9608 27.9413 12.4992 33.2937C9.47048 39.8794 8.1817 47.132 8.75612 54.3581C9.33053 61.5841 11.7489 68.542 15.7801 74.5666C19.8113 80.5911 25.3205 85.4809 31.781 88.7684C38.2414 92.0559 45.4372 93.6312 52.6804 93.3438C59.9235 93.0564 66.9718 90.9158 73.1515 87.1267C79.3311 83.3375 84.4355 78.0266 87.9766 71.7015C90.8546 66.561 92.6217 60.8903 93.1827 55.0553C93.3973 52.8225 95.1955 51 97.4386 51Z",
|
|
@@ -4652,9 +4550,9 @@ var LoadingModal = forwardRef13(
|
|
|
4652
4550
|
]
|
|
4653
4551
|
}
|
|
4654
4552
|
) }),
|
|
4655
|
-
/* @__PURE__ */
|
|
4656
|
-
/* @__PURE__ */
|
|
4657
|
-
/* @__PURE__ */
|
|
4553
|
+
/* @__PURE__ */ jsxs20("span", { className: "flex flex-col gap-4 text-center", children: [
|
|
4554
|
+
/* @__PURE__ */ jsx27("p", { id: "loading-modal-title", className: "text-text-950 text-lg", children: title }),
|
|
4555
|
+
/* @__PURE__ */ jsx27("p", { id: "loading-modal-subtitle", className: "text-text-600 text-lg", children: subtitle })
|
|
4658
4556
|
] })
|
|
4659
4557
|
] })
|
|
4660
4558
|
}
|
|
@@ -4668,8 +4566,8 @@ import { DotsThreeVertical, Bell as Bell2 } from "phosphor-react";
|
|
|
4668
4566
|
import { useState as useState10, useEffect as useEffect11 } from "react";
|
|
4669
4567
|
|
|
4670
4568
|
// src/components/Skeleton/Skeleton.tsx
|
|
4671
|
-
import { forwardRef as
|
|
4672
|
-
import { jsx as
|
|
4569
|
+
import { forwardRef as forwardRef13 } from "react";
|
|
4570
|
+
import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
4673
4571
|
var SKELETON_ANIMATION_CLASSES = {
|
|
4674
4572
|
pulse: "animate-pulse",
|
|
4675
4573
|
none: ""
|
|
@@ -4686,7 +4584,7 @@ var SPACING_CLASSES = {
|
|
|
4686
4584
|
medium: "space-y-2",
|
|
4687
4585
|
large: "space-y-3"
|
|
4688
4586
|
};
|
|
4689
|
-
var Skeleton =
|
|
4587
|
+
var Skeleton = forwardRef13(
|
|
4690
4588
|
({
|
|
4691
4589
|
variant = "text",
|
|
4692
4590
|
width,
|
|
@@ -4706,13 +4604,13 @@ var Skeleton = forwardRef14(
|
|
|
4706
4604
|
height: typeof height === "number" ? `${height}px` : height
|
|
4707
4605
|
};
|
|
4708
4606
|
if (variant === "text" && lines > 1) {
|
|
4709
|
-
return /* @__PURE__ */
|
|
4607
|
+
return /* @__PURE__ */ jsx28(
|
|
4710
4608
|
"div",
|
|
4711
4609
|
{
|
|
4712
4610
|
ref,
|
|
4713
4611
|
className: cn("flex flex-col", spacingClass, className),
|
|
4714
4612
|
...props,
|
|
4715
|
-
children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */
|
|
4613
|
+
children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx28(
|
|
4716
4614
|
"div",
|
|
4717
4615
|
{
|
|
4718
4616
|
className: cn(variantClass, animationClass),
|
|
@@ -4723,7 +4621,7 @@ var Skeleton = forwardRef14(
|
|
|
4723
4621
|
}
|
|
4724
4622
|
);
|
|
4725
4623
|
}
|
|
4726
|
-
return /* @__PURE__ */
|
|
4624
|
+
return /* @__PURE__ */ jsx28(
|
|
4727
4625
|
"div",
|
|
4728
4626
|
{
|
|
4729
4627
|
ref,
|
|
@@ -4735,13 +4633,13 @@ var Skeleton = forwardRef14(
|
|
|
4735
4633
|
);
|
|
4736
4634
|
}
|
|
4737
4635
|
);
|
|
4738
|
-
var SkeletonText =
|
|
4739
|
-
(props, ref) => /* @__PURE__ */
|
|
4636
|
+
var SkeletonText = forwardRef13(
|
|
4637
|
+
(props, ref) => /* @__PURE__ */ jsx28(Skeleton, { ref, variant: "text", ...props })
|
|
4740
4638
|
);
|
|
4741
|
-
var SkeletonCircle =
|
|
4742
|
-
var SkeletonRectangle =
|
|
4743
|
-
var SkeletonRounded =
|
|
4744
|
-
var SkeletonCard =
|
|
4639
|
+
var SkeletonCircle = forwardRef13((props, ref) => /* @__PURE__ */ jsx28(Skeleton, { ref, variant: "circular", ...props }));
|
|
4640
|
+
var SkeletonRectangle = forwardRef13((props, ref) => /* @__PURE__ */ jsx28(Skeleton, { ref, variant: "rectangular", ...props }));
|
|
4641
|
+
var SkeletonRounded = forwardRef13((props, ref) => /* @__PURE__ */ jsx28(Skeleton, { ref, variant: "rounded", ...props }));
|
|
4642
|
+
var SkeletonCard = forwardRef13(
|
|
4745
4643
|
({
|
|
4746
4644
|
showAvatar = true,
|
|
4747
4645
|
showTitle = true,
|
|
@@ -4751,7 +4649,7 @@ var SkeletonCard = forwardRef14(
|
|
|
4751
4649
|
className = "",
|
|
4752
4650
|
...props
|
|
4753
4651
|
}, ref) => {
|
|
4754
|
-
return /* @__PURE__ */
|
|
4652
|
+
return /* @__PURE__ */ jsxs21(
|
|
4755
4653
|
"div",
|
|
4756
4654
|
{
|
|
4757
4655
|
ref,
|
|
@@ -4761,23 +4659,23 @@ var SkeletonCard = forwardRef14(
|
|
|
4761
4659
|
),
|
|
4762
4660
|
...props,
|
|
4763
4661
|
children: [
|
|
4764
|
-
/* @__PURE__ */
|
|
4765
|
-
showAvatar && /* @__PURE__ */
|
|
4766
|
-
/* @__PURE__ */
|
|
4767
|
-
showTitle && /* @__PURE__ */
|
|
4768
|
-
showDescription && /* @__PURE__ */
|
|
4662
|
+
/* @__PURE__ */ jsxs21("div", { className: "flex items-start space-x-3", children: [
|
|
4663
|
+
showAvatar && /* @__PURE__ */ jsx28(SkeletonCircle, { width: 40, height: 40 }),
|
|
4664
|
+
/* @__PURE__ */ jsxs21("div", { className: "flex-1 space-y-2", children: [
|
|
4665
|
+
showTitle && /* @__PURE__ */ jsx28(SkeletonText, { width: "60%", height: 20 }),
|
|
4666
|
+
showDescription && /* @__PURE__ */ jsx28(SkeletonText, { lines, spacing: "small" })
|
|
4769
4667
|
] })
|
|
4770
4668
|
] }),
|
|
4771
|
-
showActions && /* @__PURE__ */
|
|
4772
|
-
/* @__PURE__ */
|
|
4773
|
-
/* @__PURE__ */
|
|
4669
|
+
showActions && /* @__PURE__ */ jsxs21("div", { className: "flex justify-end space-x-2 mt-4", children: [
|
|
4670
|
+
/* @__PURE__ */ jsx28(SkeletonRectangle, { width: 80, height: 32 }),
|
|
4671
|
+
/* @__PURE__ */ jsx28(SkeletonRectangle, { width: 80, height: 32 })
|
|
4774
4672
|
] })
|
|
4775
4673
|
]
|
|
4776
4674
|
}
|
|
4777
4675
|
);
|
|
4778
4676
|
}
|
|
4779
4677
|
);
|
|
4780
|
-
var SkeletonList =
|
|
4678
|
+
var SkeletonList = forwardRef13(
|
|
4781
4679
|
({
|
|
4782
4680
|
items = 3,
|
|
4783
4681
|
showAvatar = true,
|
|
@@ -4787,19 +4685,19 @@ var SkeletonList = forwardRef14(
|
|
|
4787
4685
|
className = "",
|
|
4788
4686
|
...props
|
|
4789
4687
|
}, ref) => {
|
|
4790
|
-
return /* @__PURE__ */
|
|
4791
|
-
showAvatar && /* @__PURE__ */
|
|
4792
|
-
/* @__PURE__ */
|
|
4793
|
-
showTitle && /* @__PURE__ */
|
|
4794
|
-
showDescription && /* @__PURE__ */
|
|
4688
|
+
return /* @__PURE__ */ jsx28("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs21("div", { className: "flex items-start space-x-3 p-3", children: [
|
|
4689
|
+
showAvatar && /* @__PURE__ */ jsx28(SkeletonCircle, { width: 32, height: 32 }),
|
|
4690
|
+
/* @__PURE__ */ jsxs21("div", { className: "flex-1 space-y-2", children: [
|
|
4691
|
+
showTitle && /* @__PURE__ */ jsx28(SkeletonText, { width: "40%", height: 16 }),
|
|
4692
|
+
showDescription && /* @__PURE__ */ jsx28(SkeletonText, { lines, spacing: "small" })
|
|
4795
4693
|
] })
|
|
4796
4694
|
] }, index)) });
|
|
4797
4695
|
}
|
|
4798
4696
|
);
|
|
4799
|
-
var SkeletonTable =
|
|
4697
|
+
var SkeletonTable = forwardRef13(
|
|
4800
4698
|
({ rows = 5, columns = 4, showHeader = true, className = "", ...props }, ref) => {
|
|
4801
|
-
return /* @__PURE__ */
|
|
4802
|
-
showHeader && /* @__PURE__ */
|
|
4699
|
+
return /* @__PURE__ */ jsxs21("div", { ref, className: cn("w-full", className), ...props, children: [
|
|
4700
|
+
showHeader && /* @__PURE__ */ jsx28("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ jsx28(
|
|
4803
4701
|
SkeletonText,
|
|
4804
4702
|
{
|
|
4805
4703
|
width: `${100 / columns}%`,
|
|
@@ -4807,7 +4705,7 @@ var SkeletonTable = forwardRef14(
|
|
|
4807
4705
|
},
|
|
4808
4706
|
index
|
|
4809
4707
|
)) }),
|
|
4810
|
-
/* @__PURE__ */
|
|
4708
|
+
/* @__PURE__ */ jsx28("div", { className: "space-y-2", children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ jsx28("div", { className: "flex space-x-2", children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ jsx28(
|
|
4811
4709
|
SkeletonText,
|
|
4812
4710
|
{
|
|
4813
4711
|
width: `${100 / columns}%`,
|
|
@@ -5144,14 +5042,14 @@ var createNotificationStore = (apiClient) => {
|
|
|
5144
5042
|
var mock_content_default = "./mock-content-K2CDVG6P.png";
|
|
5145
5043
|
|
|
5146
5044
|
// src/components/NotificationCard/NotificationCard.tsx
|
|
5147
|
-
import { Fragment as Fragment5, jsx as
|
|
5045
|
+
import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
5148
5046
|
var NotificationEmpty = ({
|
|
5149
5047
|
emptyStateImage,
|
|
5150
5048
|
emptyStateTitle = "Nenhuma notifica\xE7\xE3o no momento",
|
|
5151
5049
|
emptyStateDescription = "Voc\xEA est\xE1 em dia com todas as novidades. Volte depois para conferir atualiza\xE7\xF5es!"
|
|
5152
5050
|
}) => {
|
|
5153
|
-
return /* @__PURE__ */
|
|
5154
|
-
emptyStateImage && /* @__PURE__ */
|
|
5051
|
+
return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center justify-center gap-4 p-6 w-full", children: [
|
|
5052
|
+
emptyStateImage && /* @__PURE__ */ jsx29("div", { className: "w-20 h-20 flex items-center justify-center", children: /* @__PURE__ */ jsx29(
|
|
5155
5053
|
"img",
|
|
5156
5054
|
{
|
|
5157
5055
|
src: emptyStateImage,
|
|
@@ -5161,23 +5059,23 @@ var NotificationEmpty = ({
|
|
|
5161
5059
|
className: "object-contain"
|
|
5162
5060
|
}
|
|
5163
5061
|
) }),
|
|
5164
|
-
/* @__PURE__ */
|
|
5165
|
-
/* @__PURE__ */
|
|
5062
|
+
/* @__PURE__ */ jsx29("h3", { className: "text-xl font-semibold text-text-950 text-center leading-[23px]", children: emptyStateTitle }),
|
|
5063
|
+
/* @__PURE__ */ jsx29("p", { className: "text-sm font-normal text-text-400 text-center max-w-[316px] leading-[21px]", children: emptyStateDescription })
|
|
5166
5064
|
] });
|
|
5167
5065
|
};
|
|
5168
5066
|
var NotificationHeader = ({
|
|
5169
5067
|
unreadCount,
|
|
5170
5068
|
variant = "modal"
|
|
5171
5069
|
}) => {
|
|
5172
|
-
return /* @__PURE__ */
|
|
5173
|
-
variant === "modal" ? /* @__PURE__ */
|
|
5174
|
-
unreadCount > 0 && /* @__PURE__ */
|
|
5070
|
+
return /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between gap-2", children: [
|
|
5071
|
+
variant === "modal" ? /* @__PURE__ */ jsx29(Text_default, { size: "sm", weight: "bold", className: "text-text-950", children: "Notifica\xE7\xF5es" }) : /* @__PURE__ */ jsx29("h3", { className: "text-sm font-semibold text-text-950", children: "Notifica\xE7\xF5es" }),
|
|
5072
|
+
unreadCount > 0 && /* @__PURE__ */ jsx29(
|
|
5175
5073
|
Badge_default,
|
|
5176
5074
|
{
|
|
5177
5075
|
variant: "solid",
|
|
5178
5076
|
action: "info",
|
|
5179
5077
|
size: "small",
|
|
5180
|
-
iconLeft: /* @__PURE__ */
|
|
5078
|
+
iconLeft: /* @__PURE__ */ jsx29(Bell2, { size: 12, "aria-hidden": "true", focusable: "false" }),
|
|
5181
5079
|
className: "border-0",
|
|
5182
5080
|
children: unreadCount === 1 ? "1 n\xE3o lida" : `${unreadCount} n\xE3o lidas`
|
|
5183
5081
|
}
|
|
@@ -5213,7 +5111,7 @@ var SingleNotificationCard = ({
|
|
|
5213
5111
|
onNavigate();
|
|
5214
5112
|
}
|
|
5215
5113
|
};
|
|
5216
|
-
return /* @__PURE__ */
|
|
5114
|
+
return /* @__PURE__ */ jsxs22(
|
|
5217
5115
|
"div",
|
|
5218
5116
|
{
|
|
5219
5117
|
className: cn(
|
|
@@ -5222,20 +5120,20 @@ var SingleNotificationCard = ({
|
|
|
5222
5120
|
className
|
|
5223
5121
|
),
|
|
5224
5122
|
children: [
|
|
5225
|
-
/* @__PURE__ */
|
|
5226
|
-
!isRead && /* @__PURE__ */
|
|
5227
|
-
/* @__PURE__ */
|
|
5228
|
-
/* @__PURE__ */
|
|
5229
|
-
/* @__PURE__ */
|
|
5123
|
+
/* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2 w-full", children: [
|
|
5124
|
+
!isRead && /* @__PURE__ */ jsx29("div", { className: "w-[7px] h-[7px] bg-info-300 rounded-full flex-shrink-0" }),
|
|
5125
|
+
/* @__PURE__ */ jsx29("h3", { className: "font-bold text-sm leading-4 text-text-950 flex-grow", children: title }),
|
|
5126
|
+
/* @__PURE__ */ jsxs22(DropdownMenu_default, { children: [
|
|
5127
|
+
/* @__PURE__ */ jsx29(
|
|
5230
5128
|
DropdownMenuTrigger,
|
|
5231
5129
|
{
|
|
5232
5130
|
className: "flex-shrink-0 inline-flex items-center justify-center font-medium bg-transparent text-text-950 cursor-pointer hover:bg-info-50 w-6 h-6 rounded-lg",
|
|
5233
5131
|
"aria-label": "Menu de a\xE7\xF5es",
|
|
5234
|
-
children: /* @__PURE__ */
|
|
5132
|
+
children: /* @__PURE__ */ jsx29(DotsThreeVertical, { size: 24 })
|
|
5235
5133
|
}
|
|
5236
5134
|
),
|
|
5237
|
-
/* @__PURE__ */
|
|
5238
|
-
!isRead && /* @__PURE__ */
|
|
5135
|
+
/* @__PURE__ */ jsxs22(DropdownMenuContent, { align: "end", className: "min-w-[160px]", children: [
|
|
5136
|
+
!isRead && /* @__PURE__ */ jsx29(
|
|
5239
5137
|
DropdownMenuItem,
|
|
5240
5138
|
{
|
|
5241
5139
|
onClick: handleMarkAsRead,
|
|
@@ -5243,14 +5141,14 @@ var SingleNotificationCard = ({
|
|
|
5243
5141
|
children: "Marcar como lida"
|
|
5244
5142
|
}
|
|
5245
5143
|
),
|
|
5246
|
-
/* @__PURE__ */
|
|
5144
|
+
/* @__PURE__ */ jsx29(DropdownMenuItem, { onClick: handleDelete, className: "text-error-600", children: "Deletar" })
|
|
5247
5145
|
] })
|
|
5248
5146
|
] })
|
|
5249
5147
|
] }),
|
|
5250
|
-
/* @__PURE__ */
|
|
5251
|
-
/* @__PURE__ */
|
|
5252
|
-
/* @__PURE__ */
|
|
5253
|
-
onNavigate && actionLabel && /* @__PURE__ */
|
|
5148
|
+
/* @__PURE__ */ jsx29("p", { className: "text-sm leading-[21px] text-text-800 w-full", children: message }),
|
|
5149
|
+
/* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between w-full", children: [
|
|
5150
|
+
/* @__PURE__ */ jsx29("span", { className: "text-sm font-medium text-text-400", children: time }),
|
|
5151
|
+
onNavigate && actionLabel && /* @__PURE__ */ jsx29(
|
|
5254
5152
|
"button",
|
|
5255
5153
|
{
|
|
5256
5154
|
type: "button",
|
|
@@ -5290,9 +5188,9 @@ var NotificationList = ({
|
|
|
5290
5188
|
}
|
|
5291
5189
|
};
|
|
5292
5190
|
if (error) {
|
|
5293
|
-
return /* @__PURE__ */
|
|
5294
|
-
/* @__PURE__ */
|
|
5295
|
-
onRetry && /* @__PURE__ */
|
|
5191
|
+
return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: [
|
|
5192
|
+
/* @__PURE__ */ jsx29("p", { className: "text-sm text-error-600", children: error }),
|
|
5193
|
+
onRetry && /* @__PURE__ */ jsx29(
|
|
5296
5194
|
"button",
|
|
5297
5195
|
{
|
|
5298
5196
|
type: "button",
|
|
@@ -5304,8 +5202,8 @@ var NotificationList = ({
|
|
|
5304
5202
|
] });
|
|
5305
5203
|
}
|
|
5306
5204
|
if (loading) {
|
|
5307
|
-
return /* @__PURE__ */
|
|
5308
|
-
(skeletonId) => /* @__PURE__ */
|
|
5205
|
+
return /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-0 w-full", children: ["skeleton-first", "skeleton-second", "skeleton-third"].map(
|
|
5206
|
+
(skeletonId) => /* @__PURE__ */ jsx29(
|
|
5309
5207
|
SkeletonCard,
|
|
5310
5208
|
{
|
|
5311
5209
|
className: "p-4 border-b border-border-200"
|
|
@@ -5315,11 +5213,11 @@ var NotificationList = ({
|
|
|
5315
5213
|
) });
|
|
5316
5214
|
}
|
|
5317
5215
|
if (!groupedNotifications || groupedNotifications.length === 0) {
|
|
5318
|
-
return renderEmpty ? /* @__PURE__ */
|
|
5216
|
+
return renderEmpty ? /* @__PURE__ */ jsx29("div", { className: "w-full", children: renderEmpty() }) : /* @__PURE__ */ jsx29(NotificationEmpty, {});
|
|
5319
5217
|
}
|
|
5320
|
-
return /* @__PURE__ */
|
|
5321
|
-
groupedNotifications.map((group, idx) => /* @__PURE__ */
|
|
5322
|
-
/* @__PURE__ */
|
|
5218
|
+
return /* @__PURE__ */ jsxs22("div", { className: cn("flex flex-col gap-0 w-full", className), children: [
|
|
5219
|
+
groupedNotifications.map((group, idx) => /* @__PURE__ */ jsxs22("div", { className: "flex flex-col", children: [
|
|
5220
|
+
/* @__PURE__ */ jsx29("div", { className: "flex items-end px-4 py-6 pb-4", children: /* @__PURE__ */ jsx29("h4", { className: "text-lg font-bold text-text-500 flex-grow", children: group.label }) }),
|
|
5323
5221
|
group.notifications.map((notification) => {
|
|
5324
5222
|
const isGlobalNotification = !notification.entityType && !notification.entityId && !notification.activity && !notification.goal;
|
|
5325
5223
|
let navigationHandler;
|
|
@@ -5339,7 +5237,7 @@ var NotificationList = ({
|
|
|
5339
5237
|
notification.entityType ?? void 0
|
|
5340
5238
|
);
|
|
5341
5239
|
}
|
|
5342
|
-
return /* @__PURE__ */
|
|
5240
|
+
return /* @__PURE__ */ jsx29(
|
|
5343
5241
|
SingleNotificationCard,
|
|
5344
5242
|
{
|
|
5345
5243
|
title: notification.title,
|
|
@@ -5355,7 +5253,7 @@ var NotificationList = ({
|
|
|
5355
5253
|
);
|
|
5356
5254
|
})
|
|
5357
5255
|
] }, `${group.label}-${idx}`)),
|
|
5358
|
-
/* @__PURE__ */
|
|
5256
|
+
/* @__PURE__ */ jsx29(
|
|
5359
5257
|
Modal_default,
|
|
5360
5258
|
{
|
|
5361
5259
|
isOpen: globalNotificationModal.isOpen,
|
|
@@ -5413,7 +5311,7 @@ var NotificationCenter = ({
|
|
|
5413
5311
|
onFetchNotifications?.();
|
|
5414
5312
|
}
|
|
5415
5313
|
}, [isActive, onFetchNotifications]);
|
|
5416
|
-
const renderEmptyState = () => /* @__PURE__ */
|
|
5314
|
+
const renderEmptyState = () => /* @__PURE__ */ jsx29(
|
|
5417
5315
|
NotificationEmpty,
|
|
5418
5316
|
{
|
|
5419
5317
|
emptyStateImage,
|
|
@@ -5422,17 +5320,17 @@ var NotificationCenter = ({
|
|
|
5422
5320
|
}
|
|
5423
5321
|
);
|
|
5424
5322
|
if (isMobile) {
|
|
5425
|
-
return /* @__PURE__ */
|
|
5426
|
-
/* @__PURE__ */
|
|
5323
|
+
return /* @__PURE__ */ jsxs22(Fragment5, { children: [
|
|
5324
|
+
/* @__PURE__ */ jsx29(
|
|
5427
5325
|
IconButton_default,
|
|
5428
5326
|
{
|
|
5429
5327
|
active: isModalOpen,
|
|
5430
5328
|
onClick: handleMobileClick,
|
|
5431
|
-
icon: /* @__PURE__ */
|
|
5329
|
+
icon: /* @__PURE__ */ jsx29(Bell2, { size: 24, className: "text-primary" }),
|
|
5432
5330
|
className
|
|
5433
5331
|
}
|
|
5434
5332
|
),
|
|
5435
|
-
/* @__PURE__ */
|
|
5333
|
+
/* @__PURE__ */ jsx29(
|
|
5436
5334
|
Modal_default,
|
|
5437
5335
|
{
|
|
5438
5336
|
isOpen: isModalOpen,
|
|
@@ -5441,10 +5339,10 @@ var NotificationCenter = ({
|
|
|
5441
5339
|
size: "md",
|
|
5442
5340
|
hideCloseButton: false,
|
|
5443
5341
|
closeOnEscape: true,
|
|
5444
|
-
children: /* @__PURE__ */
|
|
5445
|
-
/* @__PURE__ */
|
|
5446
|
-
/* @__PURE__ */
|
|
5447
|
-
unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */
|
|
5342
|
+
children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col h-full max-h-[80vh]", children: [
|
|
5343
|
+
/* @__PURE__ */ jsxs22("div", { className: "px-0 pb-3 border-b border-border-200", children: [
|
|
5344
|
+
/* @__PURE__ */ jsx29(NotificationHeader, { unreadCount, variant: "modal" }),
|
|
5345
|
+
unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ jsx29(
|
|
5448
5346
|
"button",
|
|
5449
5347
|
{
|
|
5450
5348
|
type: "button",
|
|
@@ -5454,7 +5352,7 @@ var NotificationCenter = ({
|
|
|
5454
5352
|
}
|
|
5455
5353
|
)
|
|
5456
5354
|
] }),
|
|
5457
|
-
/* @__PURE__ */
|
|
5355
|
+
/* @__PURE__ */ jsx29("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx29(
|
|
5458
5356
|
NotificationList,
|
|
5459
5357
|
{
|
|
5460
5358
|
groupedNotifications,
|
|
@@ -5482,7 +5380,7 @@ var NotificationCenter = ({
|
|
|
5482
5380
|
] })
|
|
5483
5381
|
}
|
|
5484
5382
|
),
|
|
5485
|
-
/* @__PURE__ */
|
|
5383
|
+
/* @__PURE__ */ jsx29(
|
|
5486
5384
|
Modal_default,
|
|
5487
5385
|
{
|
|
5488
5386
|
isOpen: globalNotificationModal.isOpen,
|
|
@@ -5498,18 +5396,18 @@ var NotificationCenter = ({
|
|
|
5498
5396
|
)
|
|
5499
5397
|
] });
|
|
5500
5398
|
}
|
|
5501
|
-
return /* @__PURE__ */
|
|
5502
|
-
/* @__PURE__ */
|
|
5399
|
+
return /* @__PURE__ */ jsxs22(Fragment5, { children: [
|
|
5400
|
+
/* @__PURE__ */ jsxs22(
|
|
5503
5401
|
DropdownMenu_default,
|
|
5504
5402
|
{
|
|
5505
5403
|
...typeof isActive === "boolean" ? { open: isActive, onOpenChange: handleOpenChange } : { onOpenChange: handleOpenChange },
|
|
5506
5404
|
children: [
|
|
5507
|
-
/* @__PURE__ */
|
|
5405
|
+
/* @__PURE__ */ jsx29(DropdownMenuTrigger, { className: "text-primary cursor-pointer", children: /* @__PURE__ */ jsx29(
|
|
5508
5406
|
IconButton_default,
|
|
5509
5407
|
{
|
|
5510
5408
|
active: isActive,
|
|
5511
5409
|
onClick: handleDesktopClick,
|
|
5512
|
-
icon: /* @__PURE__ */
|
|
5410
|
+
icon: /* @__PURE__ */ jsx29(
|
|
5513
5411
|
Bell2,
|
|
5514
5412
|
{
|
|
5515
5413
|
size: 24,
|
|
@@ -5519,22 +5417,22 @@ var NotificationCenter = ({
|
|
|
5519
5417
|
className
|
|
5520
5418
|
}
|
|
5521
5419
|
) }),
|
|
5522
|
-
/* @__PURE__ */
|
|
5420
|
+
/* @__PURE__ */ jsx29(
|
|
5523
5421
|
DropdownMenuContent,
|
|
5524
5422
|
{
|
|
5525
5423
|
className: "min-w-[320px] max-w-[400px] max-h-[500px] overflow-hidden",
|
|
5526
5424
|
side: "bottom",
|
|
5527
5425
|
align: "end",
|
|
5528
|
-
children: /* @__PURE__ */
|
|
5529
|
-
/* @__PURE__ */
|
|
5530
|
-
/* @__PURE__ */
|
|
5426
|
+
children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col", children: [
|
|
5427
|
+
/* @__PURE__ */ jsxs22("div", { className: "px-4 py-3 border-b border-border-200", children: [
|
|
5428
|
+
/* @__PURE__ */ jsx29(
|
|
5531
5429
|
NotificationHeader,
|
|
5532
5430
|
{
|
|
5533
5431
|
unreadCount,
|
|
5534
5432
|
variant: "dropdown"
|
|
5535
5433
|
}
|
|
5536
5434
|
),
|
|
5537
|
-
unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */
|
|
5435
|
+
unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ jsx29(
|
|
5538
5436
|
"button",
|
|
5539
5437
|
{
|
|
5540
5438
|
type: "button",
|
|
@@ -5544,7 +5442,7 @@ var NotificationCenter = ({
|
|
|
5544
5442
|
}
|
|
5545
5443
|
)
|
|
5546
5444
|
] }),
|
|
5547
|
-
/* @__PURE__ */
|
|
5445
|
+
/* @__PURE__ */ jsx29("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ jsx29(
|
|
5548
5446
|
NotificationList,
|
|
5549
5447
|
{
|
|
5550
5448
|
groupedNotifications,
|
|
@@ -5571,7 +5469,7 @@ var NotificationCenter = ({
|
|
|
5571
5469
|
]
|
|
5572
5470
|
}
|
|
5573
5471
|
),
|
|
5574
|
-
/* @__PURE__ */
|
|
5472
|
+
/* @__PURE__ */ jsx29(
|
|
5575
5473
|
Modal_default,
|
|
5576
5474
|
{
|
|
5577
5475
|
isOpen: globalNotificationModal.isOpen,
|
|
@@ -5590,7 +5488,7 @@ var NotificationCenter = ({
|
|
|
5590
5488
|
var NotificationCard = (props) => {
|
|
5591
5489
|
switch (props.mode) {
|
|
5592
5490
|
case "single":
|
|
5593
|
-
return /* @__PURE__ */
|
|
5491
|
+
return /* @__PURE__ */ jsx29(
|
|
5594
5492
|
SingleNotificationCard,
|
|
5595
5493
|
{
|
|
5596
5494
|
title: props.title,
|
|
@@ -5605,7 +5503,7 @@ var NotificationCard = (props) => {
|
|
|
5605
5503
|
}
|
|
5606
5504
|
);
|
|
5607
5505
|
case "list":
|
|
5608
|
-
return /* @__PURE__ */
|
|
5506
|
+
return /* @__PURE__ */ jsx29(
|
|
5609
5507
|
NotificationList,
|
|
5610
5508
|
{
|
|
5611
5509
|
groupedNotifications: props.groupedNotifications ?? (props.notifications ? [
|
|
@@ -5628,19 +5526,19 @@ var NotificationCard = (props) => {
|
|
|
5628
5526
|
}
|
|
5629
5527
|
);
|
|
5630
5528
|
case "center":
|
|
5631
|
-
return /* @__PURE__ */
|
|
5529
|
+
return /* @__PURE__ */ jsx29(NotificationCenter, { ...props });
|
|
5632
5530
|
default:
|
|
5633
|
-
return /* @__PURE__ */
|
|
5531
|
+
return /* @__PURE__ */ jsx29("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: /* @__PURE__ */ jsx29("p", { className: "text-sm text-text-600", children: "Modo de notifica\xE7\xE3o n\xE3o reconhecido" }) });
|
|
5634
5532
|
}
|
|
5635
5533
|
};
|
|
5636
5534
|
var NotificationCard_default = NotificationCard;
|
|
5637
5535
|
|
|
5638
5536
|
// src/assets/icons/subjects/BookOpenText.tsx
|
|
5639
|
-
import { jsx as
|
|
5537
|
+
import { jsx as jsx30 } from "react/jsx-runtime";
|
|
5640
5538
|
var BookOpenText = ({
|
|
5641
5539
|
size,
|
|
5642
5540
|
color
|
|
5643
|
-
}) => /* @__PURE__ */
|
|
5541
|
+
}) => /* @__PURE__ */ jsx30(
|
|
5644
5542
|
"svg",
|
|
5645
5543
|
{
|
|
5646
5544
|
width: size,
|
|
@@ -5648,7 +5546,7 @@ var BookOpenText = ({
|
|
|
5648
5546
|
viewBox: "0 0 32 32",
|
|
5649
5547
|
fill: "none",
|
|
5650
5548
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5651
|
-
children: /* @__PURE__ */
|
|
5549
|
+
children: /* @__PURE__ */ jsx30(
|
|
5652
5550
|
"path",
|
|
5653
5551
|
{
|
|
5654
5552
|
d: "M29 6H20C19.2238 6 18.4582 6.18073 17.7639 6.52786C17.0697 6.875 16.4657 7.37902 16 8C15.5343 7.37902 14.9303 6.875 14.2361 6.52786C13.5418 6.18073 12.7762 6 12 6H3C2.73478 6 2.48043 6.10536 2.29289 6.29289C2.10536 6.48043 2 6.73478 2 7V25C2 25.2652 2.10536 25.5196 2.29289 25.7071C2.48043 25.8946 2.73478 26 3 26H12C12.7956 26 13.5587 26.3161 14.1213 26.8787C14.6839 27.4413 15 28.2044 15 29C15 29.2652 15.1054 29.5196 15.2929 29.7071C15.4804 29.8946 15.7348 30 16 30C16.2652 30 16.5196 29.8946 16.7071 29.7071C16.8946 29.5196 17 29.2652 17 29C17 28.2044 17.3161 27.4413 17.8787 26.8787C18.4413 26.3161 19.2044 26 20 26H29C29.2652 26 29.5196 25.8946 29.7071 25.7071C29.8946 25.5196 30 25.2652 30 25V7C30 6.73478 29.8946 6.48043 29.7071 6.29289C29.5196 6.10536 29.2652 6 29 6ZM12 24H4V8H12C12.7956 8 13.5587 8.31607 14.1213 8.87868C14.6839 9.44129 15 10.2044 15 11V25C14.1353 24.3493 13.0821 23.9983 12 24ZM28 24H20C18.9179 23.9983 17.8647 24.3493 17 25V11C17 10.2044 17.3161 9.44129 17.8787 8.87868C18.4413 8.31607 19.2044 8 20 8H28V24ZM20 11H25C25.2652 11 25.5196 11.1054 25.7071 11.2929C25.8946 11.4804 26 11.7348 26 12C26 12.2652 25.8946 12.5196 25.7071 12.7071C25.5196 12.8946 25.2652 13 25 13H20C19.7348 13 19.4804 12.8946 19.2929 12.7071C19.1054 12.5196 19 12.2652 19 12C19 11.7348 19.1054 11.4804 19.2929 11.2929C19.4804 11.1054 19.7348 11 20 11ZM26 16C26 16.2652 25.8946 16.5196 25.7071 16.7071C25.5196 16.8946 25.2652 17 25 17H20C19.7348 17 19.4804 16.8946 19.2929 16.7071C19.1054 16.5196 19 16.2652 19 16C19 15.7348 19.1054 15.4804 19.2929 15.2929C19.4804 15.1054 19.7348 15 20 15H25C25.2652 15 25.5196 15.1054 25.7071 15.2929C25.8946 15.4804 26 15.7348 26 16ZM26 20C26 20.2652 25.8946 20.5196 25.7071 20.7071C25.5196 20.8946 25.2652 21 25 21H20C19.7348 21 19.4804 20.8946 19.2929 20.7071C19.1054 20.5196 19 20.2652 19 20C19 19.7348 19.1054 19.4804 19.2929 19.2929C19.4804 19.1054 19.7348 19 20 19H25C25.2652 19 25.5196 19.1054 25.7071 19.2929C25.8946 19.4804 26 19.7348 26 20Z",
|
|
@@ -5659,8 +5557,8 @@ var BookOpenText = ({
|
|
|
5659
5557
|
);
|
|
5660
5558
|
|
|
5661
5559
|
// src/assets/icons/subjects/ChatEN.tsx
|
|
5662
|
-
import { jsx as
|
|
5663
|
-
var ChatEN = ({ size, color }) => /* @__PURE__ */
|
|
5560
|
+
import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
5561
|
+
var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs23(
|
|
5664
5562
|
"svg",
|
|
5665
5563
|
{
|
|
5666
5564
|
width: size,
|
|
@@ -5669,21 +5567,21 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs24(
|
|
|
5669
5567
|
fill: "none",
|
|
5670
5568
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5671
5569
|
children: [
|
|
5672
|
-
/* @__PURE__ */
|
|
5570
|
+
/* @__PURE__ */ jsx31(
|
|
5673
5571
|
"path",
|
|
5674
5572
|
{
|
|
5675
5573
|
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",
|
|
5676
5574
|
fill: color
|
|
5677
5575
|
}
|
|
5678
5576
|
),
|
|
5679
|
-
/* @__PURE__ */
|
|
5577
|
+
/* @__PURE__ */ jsx31(
|
|
5680
5578
|
"path",
|
|
5681
5579
|
{
|
|
5682
5580
|
d: "M22.5488 12V20.5312H21.0781L17.252 14.4199V20.5312H15.7812V12H17.252L21.0898 18.123V12H22.5488Z",
|
|
5683
5581
|
fill: color
|
|
5684
5582
|
}
|
|
5685
5583
|
),
|
|
5686
|
-
/* @__PURE__ */
|
|
5584
|
+
/* @__PURE__ */ jsx31(
|
|
5687
5585
|
"path",
|
|
5688
5586
|
{
|
|
5689
5587
|
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",
|
|
@@ -5695,8 +5593,8 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs24(
|
|
|
5695
5593
|
);
|
|
5696
5594
|
|
|
5697
5595
|
// src/assets/icons/subjects/ChatES.tsx
|
|
5698
|
-
import { jsx as
|
|
5699
|
-
var ChatES = ({ size, color }) => /* @__PURE__ */
|
|
5596
|
+
import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
5597
|
+
var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs24(
|
|
5700
5598
|
"svg",
|
|
5701
5599
|
{
|
|
5702
5600
|
width: size,
|
|
@@ -5705,21 +5603,21 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs25(
|
|
|
5705
5603
|
fill: "none",
|
|
5706
5604
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5707
5605
|
children: [
|
|
5708
|
-
/* @__PURE__ */
|
|
5606
|
+
/* @__PURE__ */ jsx32(
|
|
5709
5607
|
"path",
|
|
5710
5608
|
{
|
|
5711
5609
|
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",
|
|
5712
5610
|
fill: color
|
|
5713
5611
|
}
|
|
5714
5612
|
),
|
|
5715
|
-
/* @__PURE__ */
|
|
5613
|
+
/* @__PURE__ */ jsx32(
|
|
5716
5614
|
"path",
|
|
5717
5615
|
{
|
|
5718
5616
|
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",
|
|
5719
5617
|
fill: color
|
|
5720
5618
|
}
|
|
5721
5619
|
),
|
|
5722
|
-
/* @__PURE__ */
|
|
5620
|
+
/* @__PURE__ */ jsx32(
|
|
5723
5621
|
"path",
|
|
5724
5622
|
{
|
|
5725
5623
|
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",
|
|
@@ -5731,8 +5629,8 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs25(
|
|
|
5731
5629
|
);
|
|
5732
5630
|
|
|
5733
5631
|
// src/assets/icons/subjects/ChatPT.tsx
|
|
5734
|
-
import { jsx as
|
|
5735
|
-
var ChatPT = ({ size, color }) => /* @__PURE__ */
|
|
5632
|
+
import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
5633
|
+
var ChatPT = ({ size, color }) => /* @__PURE__ */ jsxs25(
|
|
5736
5634
|
"svg",
|
|
5737
5635
|
{
|
|
5738
5636
|
width: size,
|
|
@@ -5741,21 +5639,21 @@ var ChatPT = ({ size, color }) => /* @__PURE__ */ jsxs26(
|
|
|
5741
5639
|
fill: "none",
|
|
5742
5640
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5743
5641
|
children: [
|
|
5744
|
-
/* @__PURE__ */
|
|
5642
|
+
/* @__PURE__ */ jsx33(
|
|
5745
5643
|
"path",
|
|
5746
5644
|
{
|
|
5747
5645
|
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",
|
|
5748
5646
|
fill: color
|
|
5749
5647
|
}
|
|
5750
5648
|
),
|
|
5751
|
-
/* @__PURE__ */
|
|
5649
|
+
/* @__PURE__ */ jsx33(
|
|
5752
5650
|
"path",
|
|
5753
5651
|
{
|
|
5754
5652
|
d: "M21.1758 12V20.5312H19.7168V12H21.1758ZM23.8535 12V13.1719H17.0625V12H23.8535Z",
|
|
5755
5653
|
fill: color
|
|
5756
5654
|
}
|
|
5757
5655
|
),
|
|
5758
|
-
/* @__PURE__ */
|
|
5656
|
+
/* @__PURE__ */ jsx33(
|
|
5759
5657
|
"path",
|
|
5760
5658
|
{
|
|
5761
5659
|
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",
|
|
@@ -5767,11 +5665,11 @@ var ChatPT = ({ size, color }) => /* @__PURE__ */ jsxs26(
|
|
|
5767
5665
|
);
|
|
5768
5666
|
|
|
5769
5667
|
// src/assets/icons/subjects/HeadCircuit.tsx
|
|
5770
|
-
import { jsx as
|
|
5668
|
+
import { jsx as jsx34 } from "react/jsx-runtime";
|
|
5771
5669
|
var HeadCircuit = ({
|
|
5772
5670
|
size,
|
|
5773
5671
|
color
|
|
5774
|
-
}) => /* @__PURE__ */
|
|
5672
|
+
}) => /* @__PURE__ */ jsx34(
|
|
5775
5673
|
"svg",
|
|
5776
5674
|
{
|
|
5777
5675
|
width: size,
|
|
@@ -5779,7 +5677,7 @@ var HeadCircuit = ({
|
|
|
5779
5677
|
viewBox: "0 0 32 32",
|
|
5780
5678
|
fill: "none",
|
|
5781
5679
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5782
|
-
children: /* @__PURE__ */
|
|
5680
|
+
children: /* @__PURE__ */ jsx34(
|
|
5783
5681
|
"path",
|
|
5784
5682
|
{
|
|
5785
5683
|
d: "M24.0625 21.4338C25.327 20.3715 26.3372 19.0392 27.0187 17.5348C27.7001 16.0304 28.0354 14.3924 28 12.7413C27.875 7.02751 23.2987 2.31626 17.595 2.01626C16.1233 1.93616 14.6506 2.15261 13.2642 2.65277C11.8778 3.15293 10.6061 3.92659 9.52453 4.92781C8.44297 5.92903 7.57365 7.13739 6.96819 8.48112C6.36272 9.82485 6.03347 11.2766 5.99997 12.75L3.19372 18.1475C3.18247 18.17 3.17122 18.1925 3.16122 18.215C2.96003 18.6839 2.94569 19.212 3.12114 19.6912C3.29659 20.1704 3.64855 20.5644 4.10497 20.7925L4.13622 20.8063L6.99997 22.1175V26C6.99997 26.5304 7.21068 27.0392 7.58576 27.4142C7.96083 27.7893 8.46954 28 8.99997 28H15C15.2652 28 15.5195 27.8947 15.7071 27.7071C15.8946 27.5196 16 27.2652 16 27C16 26.7348 15.8946 26.4804 15.7071 26.2929C15.5195 26.1054 15.2652 26 15 26H8.99997V21.4763C9.00011 21.2846 8.94517 21.0969 8.84168 20.9356C8.73818 20.7742 8.5905 20.646 8.41622 20.5663L4.99997 19L7.88372 13.4575C7.95889 13.3166 7.99878 13.1597 7.99997 13C7.99968 10.9604 8.69216 8.98124 9.96395 7.38674C11.2357 5.79224 13.0114 4.677 15 4.22376V6.17251C14.3328 6.4084 13.7704 6.87258 13.4123 7.48299C13.0543 8.0934 12.9235 8.81075 13.0432 9.50824C13.1628 10.2057 13.5252 10.8385 14.0663 11.2946C14.6074 11.7508 15.2923 12.0009 16 12.0009C16.7077 12.0009 17.3926 11.7508 17.9336 11.2946C18.4747 10.8385 18.8371 10.2057 18.9568 9.50824C19.0764 8.81075 18.9457 8.0934 18.5876 7.48299C18.2295 6.87258 17.6672 6.4084 17 6.17251V4.00001C17.1625 4.00001 17.325 4.00001 17.4875 4.01251C19.2608 4.11409 20.9649 4.73627 22.3864 5.80124C23.808 6.86621 24.8841 8.32669 25.48 10H23C22.8533 9.99995 22.7084 10.0322 22.5755 10.0944C22.4426 10.1566 22.3251 10.2473 22.2312 10.36L19.0425 14.1875C18.3774 13.9397 17.6462 13.9351 16.9781 14.1744C16.3099 14.4138 15.748 14.8817 15.3916 15.4954C15.0352 16.1092 14.9073 16.8292 15.0306 17.5281C15.1538 18.227 15.5203 18.8598 16.0652 19.3146C16.61 19.7694 17.2981 20.0168 18.0078 20.0132C18.7175 20.0095 19.4031 19.755 19.9432 19.2947C20.4834 18.8343 20.8433 18.1977 20.9594 17.4976C21.0754 16.7974 20.9402 16.0788 20.5775 15.4688L23.4687 12H25.9425C25.9725 12.26 25.9908 12.5225 25.9975 12.7875C26.0286 14.2198 25.7187 15.639 25.0931 16.9278C24.4676 18.2167 23.5445 19.3383 22.4 20.2C22.2589 20.3057 22.1484 20.4469 22.0794 20.6091C22.0105 20.7713 21.9857 20.9489 22.0075 21.1238L23.0075 29.1238C23.0379 29.3653 23.1554 29.5874 23.3379 29.7485C23.5203 29.9095 23.7553 29.9985 23.9987 29.9988C24.0405 29.9988 24.0822 29.9962 24.1237 29.9913C24.2541 29.975 24.3799 29.9333 24.4942 29.8684C24.6084 29.8035 24.7087 29.7168 24.7893 29.6131C24.87 29.5094 24.9295 29.3909 24.9643 29.2643C24.9992 29.1376 25.0087 29.0054 24.9925 28.875L24.0625 21.4338ZM16 10C15.8022 10 15.6088 9.94136 15.4444 9.83148C15.28 9.7216 15.1518 9.56542 15.0761 9.38269C15.0004 9.19997 14.9806 8.9989 15.0192 8.80492C15.0578 8.61094 15.153 8.43275 15.2929 8.2929C15.4327 8.15305 15.6109 8.05781 15.8049 8.01922C15.9989 7.98064 16.1999 8.00044 16.3827 8.07613C16.5654 8.15182 16.7216 8.27999 16.8314 8.44444C16.9413 8.60889 17 8.80223 17 9.00001C17 9.26523 16.8946 9.51958 16.7071 9.70712C16.5195 9.89465 16.2652 10 16 10ZM18 18C17.8022 18 17.6088 17.9414 17.4444 17.8315C17.28 17.7216 17.1518 17.5654 17.0761 17.3827C17.0004 17.2 16.9806 16.9989 17.0192 16.8049C17.0578 16.6109 17.153 16.4328 17.2929 16.2929C17.4327 16.153 17.6109 16.0578 17.8049 16.0192C17.9989 15.9806 18.1999 16.0004 18.3827 16.0761C18.5654 16.1518 18.7216 16.28 18.8314 16.4444C18.9413 16.6089 19 16.8022 19 17C19 17.2652 18.8946 17.5196 18.7071 17.7071C18.5195 17.8947 18.2652 18 18 18Z",
|
|
@@ -5790,11 +5688,11 @@ var HeadCircuit = ({
|
|
|
5790
5688
|
);
|
|
5791
5689
|
|
|
5792
5690
|
// src/assets/icons/subjects/Microscope.tsx
|
|
5793
|
-
import { jsx as
|
|
5691
|
+
import { jsx as jsx35 } from "react/jsx-runtime";
|
|
5794
5692
|
var Microscope = ({
|
|
5795
5693
|
size,
|
|
5796
5694
|
color
|
|
5797
|
-
}) => /* @__PURE__ */
|
|
5695
|
+
}) => /* @__PURE__ */ jsx35(
|
|
5798
5696
|
"svg",
|
|
5799
5697
|
{
|
|
5800
5698
|
width: size,
|
|
@@ -5802,7 +5700,7 @@ var Microscope = ({
|
|
|
5802
5700
|
viewBox: "0 0 32 32",
|
|
5803
5701
|
fill: "none",
|
|
5804
5702
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5805
|
-
children: /* @__PURE__ */
|
|
5703
|
+
children: /* @__PURE__ */ jsx35(
|
|
5806
5704
|
"path",
|
|
5807
5705
|
{
|
|
5808
5706
|
d: "M28 26H25.4925C26.7637 24.4552 27.5898 22.5932 27.882 20.6142C28.1743 18.6351 27.9216 16.6138 27.1511 14.7676C26.3806 12.9213 25.1215 11.32 23.5092 10.1358C21.8968 8.95153 19.9922 8.22913 18 8.04625V4C18 3.46957 17.7893 2.96086 17.4142 2.58579C17.0391 2.21071 16.5304 2 16 2H10C9.46957 2 8.96086 2.21071 8.58579 2.58579C8.21071 2.96086 8 3.46957 8 4V17C8 17.5304 8.21071 18.0391 8.58579 18.4142C8.96086 18.7893 9.46957 19 10 19H16C16.5304 19 17.0391 18.7893 17.4142 18.4142C17.7893 18.0391 18 17.5304 18 17V10.0575C19.7643 10.2552 21.4306 10.9703 22.7895 12.1128C24.1483 13.2553 25.1389 14.7742 25.6366 16.4783C26.1343 18.1824 26.1169 19.9957 25.5866 21.69C25.0563 23.3842 24.0368 24.8838 22.6562 26H4C3.73478 26 3.48043 26.1054 3.29289 26.2929C3.10536 26.4804 3 26.7348 3 27C3 27.2652 3.10536 27.5196 3.29289 27.7071C3.48043 27.8946 3.73478 28 4 28H28C28.2652 28 28.5196 27.8946 28.7071 27.7071C28.8946 27.5196 29 27.2652 29 27C29 26.7348 28.8946 26.4804 28.7071 26.2929C28.5196 26.1054 28.2652 26 28 26ZM16 17H10V4H16V17ZM9 23C8.73478 23 8.48043 22.8946 8.29289 22.7071C8.10536 22.5196 8 22.2652 8 22C8 21.7348 8.10536 21.4804 8.29289 21.2929C8.48043 21.1054 8.73478 21 9 21H17C17.2652 21 17.5196 21.1054 17.7071 21.2929C17.8946 21.4804 18 21.7348 18 22C18 22.2652 17.8946 22.5196 17.7071 22.7071C17.5196 22.8946 17.2652 23 17 23H9Z",
|
|
@@ -5847,92 +5745,92 @@ import {
|
|
|
5847
5745
|
Person,
|
|
5848
5746
|
Scroll
|
|
5849
5747
|
} from "phosphor-react";
|
|
5850
|
-
import { jsx as
|
|
5748
|
+
import { jsx as jsx36 } from "react/jsx-runtime";
|
|
5851
5749
|
var SubjectInfo = {
|
|
5852
5750
|
["F\xEDsica" /* FISICA */]: {
|
|
5853
|
-
icon: /* @__PURE__ */
|
|
5751
|
+
icon: /* @__PURE__ */ jsx36(Atom, { size: 17, color: "currentColor" }),
|
|
5854
5752
|
colorClass: "bg-subject-1",
|
|
5855
5753
|
name: "F\xEDsica" /* FISICA */
|
|
5856
5754
|
},
|
|
5857
5755
|
["Hist\xF3ria" /* HISTORIA */]: {
|
|
5858
|
-
icon: /* @__PURE__ */
|
|
5756
|
+
icon: /* @__PURE__ */ jsx36(Scroll, { size: 17, color: "currentColor" }),
|
|
5859
5757
|
colorClass: "bg-subject-2",
|
|
5860
5758
|
name: "Hist\xF3ria" /* HISTORIA */
|
|
5861
5759
|
},
|
|
5862
5760
|
["Literatura" /* LITERATURA */]: {
|
|
5863
|
-
icon: /* @__PURE__ */
|
|
5761
|
+
icon: /* @__PURE__ */ jsx36(BookOpenText, { size: 17, color: "currentColor" }),
|
|
5864
5762
|
colorClass: "bg-subject-3",
|
|
5865
5763
|
name: "Literatura" /* LITERATURA */
|
|
5866
5764
|
},
|
|
5867
5765
|
["Geografia" /* GEOGRAFIA */]: {
|
|
5868
|
-
icon: /* @__PURE__ */
|
|
5766
|
+
icon: /* @__PURE__ */ jsx36(GlobeHemisphereWest, { size: 17, color: "currentColor" }),
|
|
5869
5767
|
colorClass: "bg-subject-4",
|
|
5870
5768
|
name: "Geografia" /* GEOGRAFIA */
|
|
5871
5769
|
},
|
|
5872
5770
|
["Biologia" /* BIOLOGIA */]: {
|
|
5873
|
-
icon: /* @__PURE__ */
|
|
5771
|
+
icon: /* @__PURE__ */ jsx36(Microscope, { size: 17, color: "currentColor" }),
|
|
5874
5772
|
colorClass: "bg-subject-5",
|
|
5875
5773
|
name: "Biologia" /* BIOLOGIA */
|
|
5876
5774
|
},
|
|
5877
5775
|
["Portugu\xEAs" /* PORTUGUES */]: {
|
|
5878
|
-
icon: /* @__PURE__ */
|
|
5776
|
+
icon: /* @__PURE__ */ jsx36(ChatPT, { size: 17, color: "currentColor" }),
|
|
5879
5777
|
colorClass: "bg-subject-6",
|
|
5880
5778
|
name: "Portugu\xEAs" /* PORTUGUES */
|
|
5881
5779
|
},
|
|
5882
5780
|
["Qu\xEDmica" /* QUIMICA */]: {
|
|
5883
|
-
icon: /* @__PURE__ */
|
|
5781
|
+
icon: /* @__PURE__ */ jsx36(Flask, { size: 17, color: "currentColor" }),
|
|
5884
5782
|
colorClass: "bg-subject-7",
|
|
5885
5783
|
name: "Qu\xEDmica" /* QUIMICA */
|
|
5886
5784
|
},
|
|
5887
5785
|
["Artes" /* ARTES */]: {
|
|
5888
|
-
icon: /* @__PURE__ */
|
|
5786
|
+
icon: /* @__PURE__ */ jsx36(Palette, { size: 17, color: "currentColor" }),
|
|
5889
5787
|
colorClass: "bg-subject-8",
|
|
5890
5788
|
name: "Artes" /* ARTES */
|
|
5891
5789
|
},
|
|
5892
5790
|
["Matem\xE1tica" /* MATEMATICA */]: {
|
|
5893
|
-
icon: /* @__PURE__ */
|
|
5791
|
+
icon: /* @__PURE__ */ jsx36(MathOperations, { size: 17, color: "currentColor" }),
|
|
5894
5792
|
colorClass: "bg-subject-9",
|
|
5895
5793
|
name: "Matem\xE1tica" /* MATEMATICA */
|
|
5896
5794
|
},
|
|
5897
5795
|
["Filosofia" /* FILOSOFIA */]: {
|
|
5898
|
-
icon: /* @__PURE__ */
|
|
5796
|
+
icon: /* @__PURE__ */ jsx36(HeadCircuit, { size: 17, color: "currentColor" }),
|
|
5899
5797
|
colorClass: "bg-subject-10",
|
|
5900
5798
|
name: "Filosofia" /* FILOSOFIA */
|
|
5901
5799
|
},
|
|
5902
5800
|
["Espanhol" /* ESPANHOL */]: {
|
|
5903
|
-
icon: /* @__PURE__ */
|
|
5801
|
+
icon: /* @__PURE__ */ jsx36(ChatES, { size: 17, color: "currentColor" }),
|
|
5904
5802
|
colorClass: "bg-subject-11",
|
|
5905
5803
|
name: "Espanhol" /* ESPANHOL */
|
|
5906
5804
|
},
|
|
5907
5805
|
["Reda\xE7\xE3o" /* REDACAO */]: {
|
|
5908
|
-
icon: /* @__PURE__ */
|
|
5806
|
+
icon: /* @__PURE__ */ jsx36(ArticleNyTimes, { size: 17, color: "currentColor" }),
|
|
5909
5807
|
colorClass: "bg-subject-12",
|
|
5910
5808
|
name: "Reda\xE7\xE3o" /* REDACAO */
|
|
5911
5809
|
},
|
|
5912
5810
|
["Sociologia" /* SOCIOLOGIA */]: {
|
|
5913
|
-
icon: /* @__PURE__ */
|
|
5811
|
+
icon: /* @__PURE__ */ jsx36(Person, { size: 17, color: "currentColor" }),
|
|
5914
5812
|
colorClass: "bg-subject-13",
|
|
5915
5813
|
name: "Sociologia" /* SOCIOLOGIA */
|
|
5916
5814
|
},
|
|
5917
5815
|
["Ingl\xEAs" /* INGLES */]: {
|
|
5918
|
-
icon: /* @__PURE__ */
|
|
5816
|
+
icon: /* @__PURE__ */ jsx36(ChatEN, { size: 17, color: "currentColor" }),
|
|
5919
5817
|
colorClass: "bg-subject-14",
|
|
5920
5818
|
name: "Ingl\xEAs" /* INGLES */
|
|
5921
5819
|
},
|
|
5922
5820
|
["Ed. F\xEDsica" /* EDUCACAO_FISICA */]: {
|
|
5923
|
-
icon: /* @__PURE__ */
|
|
5821
|
+
icon: /* @__PURE__ */ jsx36(DribbbleLogo, { size: 17, color: "currentColor" }),
|
|
5924
5822
|
colorClass: "bg-subject-15",
|
|
5925
5823
|
name: "Ed. F\xEDsica" /* EDUCACAO_FISICA */
|
|
5926
5824
|
},
|
|
5927
5825
|
["Trilhas" /* TRILHAS */]: {
|
|
5928
|
-
icon: /* @__PURE__ */
|
|
5826
|
+
icon: /* @__PURE__ */ jsx36(BookBookmark, { size: 17, color: "currentColor" }),
|
|
5929
5827
|
colorClass: "bg-subject-16",
|
|
5930
5828
|
name: "Trilhas" /* TRILHAS */
|
|
5931
5829
|
}
|
|
5932
5830
|
};
|
|
5933
5831
|
var getSubjectInfo = (subject) => {
|
|
5934
5832
|
return SubjectInfo[subject] || {
|
|
5935
|
-
icon: /* @__PURE__ */
|
|
5833
|
+
icon: /* @__PURE__ */ jsx36(Book, { size: 17, color: "currentColor" }),
|
|
5936
5834
|
colorClass: "bg-subject-16",
|
|
5937
5835
|
name: subject
|
|
5938
5836
|
};
|
|
@@ -6063,6 +5961,147 @@ var createNotificationsHook = (apiClient) => {
|
|
|
6063
5961
|
return createUseNotifications(apiClient);
|
|
6064
5962
|
};
|
|
6065
5963
|
|
|
5964
|
+
// src/components/Table/Table.tsx
|
|
5965
|
+
import { forwardRef as forwardRef14 } from "react";
|
|
5966
|
+
import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
5967
|
+
var Table = forwardRef14(
|
|
5968
|
+
({ variant = "default", className, children, ...props }, ref) => /* @__PURE__ */ jsx37(
|
|
5969
|
+
"div",
|
|
5970
|
+
{
|
|
5971
|
+
className: cn(
|
|
5972
|
+
"relative w-full overflow-hidden",
|
|
5973
|
+
variant === "default" && "border border-border-200 rounded-xl"
|
|
5974
|
+
),
|
|
5975
|
+
children: /* @__PURE__ */ jsxs26(
|
|
5976
|
+
"table",
|
|
5977
|
+
{
|
|
5978
|
+
ref,
|
|
5979
|
+
className: cn("w-full caption-bottom text-sm", className),
|
|
5980
|
+
...props,
|
|
5981
|
+
children: [
|
|
5982
|
+
/* @__PURE__ */ jsx37("caption", { className: "sr-only", children: "My Table" }),
|
|
5983
|
+
children
|
|
5984
|
+
]
|
|
5985
|
+
}
|
|
5986
|
+
)
|
|
5987
|
+
}
|
|
5988
|
+
)
|
|
5989
|
+
);
|
|
5990
|
+
Table.displayName = "Table";
|
|
5991
|
+
var TableHeader = forwardRef14(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
|
|
5992
|
+
"thead",
|
|
5993
|
+
{
|
|
5994
|
+
ref,
|
|
5995
|
+
className: cn("[&_tr:first-child]:border-0", className),
|
|
5996
|
+
...props
|
|
5997
|
+
}
|
|
5998
|
+
));
|
|
5999
|
+
TableHeader.displayName = "TableHeader";
|
|
6000
|
+
var TableBody = forwardRef14(
|
|
6001
|
+
({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ jsx37(
|
|
6002
|
+
"tbody",
|
|
6003
|
+
{
|
|
6004
|
+
ref,
|
|
6005
|
+
className: cn(
|
|
6006
|
+
"[&_tr:last-child]:border-0",
|
|
6007
|
+
variant === "default" && "border-t border-border-200",
|
|
6008
|
+
className
|
|
6009
|
+
),
|
|
6010
|
+
...props
|
|
6011
|
+
}
|
|
6012
|
+
)
|
|
6013
|
+
);
|
|
6014
|
+
TableBody.displayName = "TableBody";
|
|
6015
|
+
var TableFooter = forwardRef14(
|
|
6016
|
+
({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ jsx37(
|
|
6017
|
+
"tfoot",
|
|
6018
|
+
{
|
|
6019
|
+
ref,
|
|
6020
|
+
className: cn(
|
|
6021
|
+
"bg-background-50 font-medium [&>tr]:last:border-b-0 px-6 py-3.5",
|
|
6022
|
+
variant === "default" && "border-t border-border-200",
|
|
6023
|
+
className
|
|
6024
|
+
),
|
|
6025
|
+
...props
|
|
6026
|
+
}
|
|
6027
|
+
)
|
|
6028
|
+
);
|
|
6029
|
+
TableFooter.displayName = "TableFooter";
|
|
6030
|
+
var VARIANT_STATES_ROW = {
|
|
6031
|
+
default: {
|
|
6032
|
+
default: "border-b border-border-200",
|
|
6033
|
+
borderless: ""
|
|
6034
|
+
},
|
|
6035
|
+
selected: {
|
|
6036
|
+
default: "border-b-2 border-indicator-primary",
|
|
6037
|
+
borderless: "bg-indicator-primary/10"
|
|
6038
|
+
},
|
|
6039
|
+
invalid: {
|
|
6040
|
+
default: "border-b-2 border-indicator-error",
|
|
6041
|
+
borderless: "bg-indicator-error/10"
|
|
6042
|
+
},
|
|
6043
|
+
disabled: {
|
|
6044
|
+
default: "border-b border-border-100 bg-background-50 opacity-50 cursor-not-allowed",
|
|
6045
|
+
borderless: "bg-background-50 opacity-50 cursor-not-allowed"
|
|
6046
|
+
}
|
|
6047
|
+
};
|
|
6048
|
+
var TableRow = forwardRef14(
|
|
6049
|
+
({ variant = "default", state = "default", className, ...props }, ref) => {
|
|
6050
|
+
return /* @__PURE__ */ jsx37(
|
|
6051
|
+
"tr",
|
|
6052
|
+
{
|
|
6053
|
+
ref,
|
|
6054
|
+
className: cn(
|
|
6055
|
+
"transition-colors",
|
|
6056
|
+
state !== "disabled" ? "hover:bg-muted/50" : "",
|
|
6057
|
+
VARIANT_STATES_ROW[state][variant],
|
|
6058
|
+
className
|
|
6059
|
+
),
|
|
6060
|
+
"aria-disabled": state === "disabled",
|
|
6061
|
+
...props
|
|
6062
|
+
}
|
|
6063
|
+
);
|
|
6064
|
+
}
|
|
6065
|
+
);
|
|
6066
|
+
TableRow.displayName = "TableRow";
|
|
6067
|
+
var TableHead = forwardRef14(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
|
|
6068
|
+
"th",
|
|
6069
|
+
{
|
|
6070
|
+
ref,
|
|
6071
|
+
className: cn(
|
|
6072
|
+
"h-10 px-6 py-3.5 bg-muted/50 text-left align-middle font-bold text-text-800 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
|
|
6073
|
+
className
|
|
6074
|
+
),
|
|
6075
|
+
...props
|
|
6076
|
+
}
|
|
6077
|
+
));
|
|
6078
|
+
TableHead.displayName = "TableHead";
|
|
6079
|
+
var TableCell = forwardRef14(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
|
|
6080
|
+
"td",
|
|
6081
|
+
{
|
|
6082
|
+
ref,
|
|
6083
|
+
className: cn(
|
|
6084
|
+
"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-md text-text-800 px-6 py-3.5",
|
|
6085
|
+
className
|
|
6086
|
+
),
|
|
6087
|
+
...props
|
|
6088
|
+
}
|
|
6089
|
+
));
|
|
6090
|
+
TableCell.displayName = "TableCell";
|
|
6091
|
+
var TableCaption = forwardRef14(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
|
|
6092
|
+
"caption",
|
|
6093
|
+
{
|
|
6094
|
+
ref,
|
|
6095
|
+
className: cn(
|
|
6096
|
+
"border-t border-border-200 text-sm text-text-800 px-6 py-3.5",
|
|
6097
|
+
className
|
|
6098
|
+
),
|
|
6099
|
+
...props
|
|
6100
|
+
}
|
|
6101
|
+
));
|
|
6102
|
+
TableCaption.displayName = "TableCaption";
|
|
6103
|
+
var Table_default = Table;
|
|
6104
|
+
|
|
6066
6105
|
// src/components/Select/Select.tsx
|
|
6067
6106
|
import { create as create7, useStore as useStore4 } from "zustand";
|
|
6068
6107
|
import {
|
|
@@ -8088,7 +8127,7 @@ var VALUE_TEXT_COLORS = {
|
|
|
8088
8127
|
low: "text-error-700",
|
|
8089
8128
|
total: "text-info-700"
|
|
8090
8129
|
};
|
|
8091
|
-
var StatCard = ({ item }) => {
|
|
8130
|
+
var StatCard = ({ item, showPlaceholder = false }) => {
|
|
8092
8131
|
return /* @__PURE__ */ jsxs30(
|
|
8093
8132
|
"div",
|
|
8094
8133
|
{
|
|
@@ -8100,7 +8139,7 @@ var StatCard = ({ item }) => {
|
|
|
8100
8139
|
size: "4xl",
|
|
8101
8140
|
weight: "bold",
|
|
8102
8141
|
className: `${VALUE_TEXT_COLORS[item.variant]} leading-[42px] tracking-[0.2px] self-stretch`,
|
|
8103
|
-
children: item.value
|
|
8142
|
+
children: showPlaceholder ? "-" : item.value
|
|
8104
8143
|
}
|
|
8105
8144
|
),
|
|
8106
8145
|
/* @__PURE__ */ jsx42(
|
|
@@ -8116,9 +8155,16 @@ var StatCard = ({ item }) => {
|
|
|
8116
8155
|
}
|
|
8117
8156
|
);
|
|
8118
8157
|
};
|
|
8158
|
+
var getGridColumnsClass = (itemCount) => {
|
|
8159
|
+
if (itemCount === 4) return "lg:grid-cols-4";
|
|
8160
|
+
if (itemCount === 3) return "lg:grid-cols-3";
|
|
8161
|
+
if (itemCount === 2) return "lg:grid-cols-2";
|
|
8162
|
+
return "lg:grid-cols-1";
|
|
8163
|
+
};
|
|
8119
8164
|
var StatisticsCard = ({
|
|
8120
8165
|
title,
|
|
8121
8166
|
data,
|
|
8167
|
+
showPlaceholder = false,
|
|
8122
8168
|
emptyStateMessage,
|
|
8123
8169
|
emptyStateButtonText,
|
|
8124
8170
|
onEmptyStateButtonClick,
|
|
@@ -8130,6 +8176,7 @@ var StatisticsCard = ({
|
|
|
8130
8176
|
className = ""
|
|
8131
8177
|
}) => {
|
|
8132
8178
|
const hasData = data && data.length > 0;
|
|
8179
|
+
const gridColumnsClass = hasData ? getGridColumnsClass(data.length) : "";
|
|
8133
8180
|
return /* @__PURE__ */ jsxs30(
|
|
8134
8181
|
"div",
|
|
8135
8182
|
{
|
|
@@ -8157,13 +8204,20 @@ var StatisticsCard = ({
|
|
|
8157
8204
|
}
|
|
8158
8205
|
) })
|
|
8159
8206
|
] }),
|
|
8160
|
-
hasData ? /* @__PURE__ */ jsx42(
|
|
8161
|
-
|
|
8207
|
+
hasData ? /* @__PURE__ */ jsx42(
|
|
8208
|
+
"div",
|
|
8162
8209
|
{
|
|
8163
|
-
|
|
8164
|
-
|
|
8165
|
-
|
|
8166
|
-
|
|
8210
|
+
className: `grid grid-cols-1 sm:grid-cols-2 gap-[13px] ${gridColumnsClass}`,
|
|
8211
|
+
children: data.map((item, index) => /* @__PURE__ */ jsx42(
|
|
8212
|
+
StatCard,
|
|
8213
|
+
{
|
|
8214
|
+
item,
|
|
8215
|
+
showPlaceholder
|
|
8216
|
+
},
|
|
8217
|
+
`${item.variant}-${item.label}-${index}`
|
|
8218
|
+
))
|
|
8219
|
+
}
|
|
8220
|
+
) : /* @__PURE__ */ jsxs30("div", { className: "border border-dashed border-border-300 rounded-lg p-6 min-h-[105px] flex flex-col items-center justify-center gap-2", children: [
|
|
8167
8221
|
/* @__PURE__ */ jsx42(
|
|
8168
8222
|
Text_default,
|
|
8169
8223
|
{
|
|
@@ -9657,7 +9711,8 @@ var getRootDomain = () => {
|
|
|
9657
9711
|
import {
|
|
9658
9712
|
forwardRef as forwardRef18,
|
|
9659
9713
|
useId as useId9,
|
|
9660
|
-
useState as useState17
|
|
9714
|
+
useState as useState17,
|
|
9715
|
+
useEffect as useEffect17
|
|
9661
9716
|
} from "react";
|
|
9662
9717
|
import { CaretRight as CaretRight4 } from "phosphor-react";
|
|
9663
9718
|
import { jsx as jsx48, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
@@ -9667,17 +9722,33 @@ var CardAccordation = forwardRef18(
|
|
|
9667
9722
|
children,
|
|
9668
9723
|
className,
|
|
9669
9724
|
defaultExpanded = false,
|
|
9725
|
+
expanded: controlledExpanded,
|
|
9670
9726
|
onToggleExpanded,
|
|
9727
|
+
value,
|
|
9728
|
+
disabled = false,
|
|
9671
9729
|
...props
|
|
9672
9730
|
}, ref) => {
|
|
9673
|
-
const [
|
|
9674
|
-
const
|
|
9731
|
+
const [internalExpanded, setInternalExpanded] = useState17(defaultExpanded);
|
|
9732
|
+
const generatedId = useId9();
|
|
9733
|
+
const contentId = value ? `accordion-content-${value}` : generatedId;
|
|
9734
|
+
const headerId = value ? `accordion-header-${value}` : `${generatedId}-header`;
|
|
9735
|
+
const isControlled = controlledExpanded !== void 0;
|
|
9736
|
+
const isExpanded = isControlled ? controlledExpanded : internalExpanded;
|
|
9737
|
+
useEffect17(() => {
|
|
9738
|
+
if (isControlled) {
|
|
9739
|
+
setInternalExpanded(controlledExpanded);
|
|
9740
|
+
}
|
|
9741
|
+
}, [isControlled, controlledExpanded]);
|
|
9675
9742
|
const handleToggle = () => {
|
|
9743
|
+
if (disabled) return;
|
|
9676
9744
|
const newExpanded = !isExpanded;
|
|
9677
|
-
|
|
9745
|
+
if (!isControlled) {
|
|
9746
|
+
setInternalExpanded(newExpanded);
|
|
9747
|
+
}
|
|
9678
9748
|
onToggleExpanded?.(newExpanded);
|
|
9679
9749
|
};
|
|
9680
9750
|
const handleKeyDown = (event) => {
|
|
9751
|
+
if (disabled) return;
|
|
9681
9752
|
if (event.key === "Enter" || event.key === " ") {
|
|
9682
9753
|
event.preventDefault();
|
|
9683
9754
|
handleToggle();
|
|
@@ -9696,11 +9767,19 @@ var CardAccordation = forwardRef18(
|
|
|
9696
9767
|
/* @__PURE__ */ jsxs34(
|
|
9697
9768
|
"button",
|
|
9698
9769
|
{
|
|
9770
|
+
id: headerId,
|
|
9771
|
+
type: "button",
|
|
9699
9772
|
onClick: handleToggle,
|
|
9700
9773
|
onKeyDown: handleKeyDown,
|
|
9701
|
-
|
|
9774
|
+
disabled,
|
|
9775
|
+
className: cn(
|
|
9776
|
+
"w-full cursor-pointer not-aria-expanded:rounded-xl aria-expanded:rounded-t-xl flex items-center justify-between gap-3 text-left transition-colors duration-200 focus:outline-none focus:border-2 focus:border-primary-950 focus:ring-inset px-2",
|
|
9777
|
+
disabled && "cursor-not-allowed text-text-400"
|
|
9778
|
+
),
|
|
9702
9779
|
"aria-expanded": isExpanded,
|
|
9703
|
-
"aria-controls":
|
|
9780
|
+
"aria-controls": contentId,
|
|
9781
|
+
"aria-disabled": disabled,
|
|
9782
|
+
"data-value": value,
|
|
9704
9783
|
children: [
|
|
9705
9784
|
trigger,
|
|
9706
9785
|
/* @__PURE__ */ jsx48(
|
|
@@ -9708,7 +9787,8 @@ var CardAccordation = forwardRef18(
|
|
|
9708
9787
|
{
|
|
9709
9788
|
size: 20,
|
|
9710
9789
|
className: cn(
|
|
9711
|
-
"
|
|
9790
|
+
"transition-transform duration-200 flex-shrink-0",
|
|
9791
|
+
disabled ? "text-gray-400" : "text-text-700",
|
|
9712
9792
|
isExpanded ? "rotate-90" : "rotate-0"
|
|
9713
9793
|
),
|
|
9714
9794
|
"data-testid": "accordion-caret"
|
|
@@ -9718,15 +9798,18 @@ var CardAccordation = forwardRef18(
|
|
|
9718
9798
|
}
|
|
9719
9799
|
),
|
|
9720
9800
|
/* @__PURE__ */ jsx48(
|
|
9721
|
-
"
|
|
9801
|
+
"section",
|
|
9722
9802
|
{
|
|
9723
9803
|
id: contentId,
|
|
9804
|
+
"aria-labelledby": headerId,
|
|
9805
|
+
"aria-hidden": !isExpanded,
|
|
9724
9806
|
className: cn(
|
|
9725
9807
|
"transition-all duration-300 ease-in-out overflow-hidden",
|
|
9726
9808
|
isExpanded ? "max-h-screen opacity-100" : "max-h-0 opacity-0"
|
|
9727
9809
|
),
|
|
9728
9810
|
"data-testid": "accordion-content",
|
|
9729
|
-
|
|
9811
|
+
"data-value": value,
|
|
9812
|
+
children: /* @__PURE__ */ jsx48("div", { className: "p-4 pt-0", children })
|
|
9730
9813
|
}
|
|
9731
9814
|
)
|
|
9732
9815
|
]
|
|
@@ -9734,11 +9817,168 @@ var CardAccordation = forwardRef18(
|
|
|
9734
9817
|
);
|
|
9735
9818
|
}
|
|
9736
9819
|
);
|
|
9820
|
+
CardAccordation.displayName = "CardAccordation";
|
|
9821
|
+
|
|
9822
|
+
// src/components/Accordation/AccordionGroup.tsx
|
|
9823
|
+
import {
|
|
9824
|
+
Children as Children6,
|
|
9825
|
+
cloneElement as cloneElement7,
|
|
9826
|
+
forwardRef as forwardRef19,
|
|
9827
|
+
isValidElement as isValidElement6,
|
|
9828
|
+
useEffect as useEffect18,
|
|
9829
|
+
useRef as useRef10,
|
|
9830
|
+
useState as useState18
|
|
9831
|
+
} from "react";
|
|
9832
|
+
import { create as create9 } from "zustand";
|
|
9833
|
+
import { jsx as jsx49 } from "react/jsx-runtime";
|
|
9834
|
+
function createAccordionGroupStore(type, initialValue, collapsible) {
|
|
9835
|
+
return create9((set, get) => ({
|
|
9836
|
+
type,
|
|
9837
|
+
value: initialValue,
|
|
9838
|
+
collapsible,
|
|
9839
|
+
setValue: (value) => set({ value }),
|
|
9840
|
+
isItemExpanded: (itemValue) => {
|
|
9841
|
+
const state = get();
|
|
9842
|
+
if (state.type === "single") {
|
|
9843
|
+
return state.value === itemValue;
|
|
9844
|
+
} else {
|
|
9845
|
+
return Array.isArray(state.value) && state.value.includes(itemValue);
|
|
9846
|
+
}
|
|
9847
|
+
}
|
|
9848
|
+
}));
|
|
9849
|
+
}
|
|
9850
|
+
var injectStore6 = (children, store, indexRef, onItemToggle) => {
|
|
9851
|
+
return Children6.map(children, (child) => {
|
|
9852
|
+
if (!isValidElement6(child)) {
|
|
9853
|
+
return child;
|
|
9854
|
+
}
|
|
9855
|
+
const typedChild = child;
|
|
9856
|
+
const displayName = typedChild.type?.displayName;
|
|
9857
|
+
let newProps = {};
|
|
9858
|
+
if (displayName === "CardAccordation") {
|
|
9859
|
+
const itemValue = typedChild.props.value || `accordion-item-${indexRef.current++}`;
|
|
9860
|
+
const storeState = store.getState();
|
|
9861
|
+
const expanded = storeState.isItemExpanded(itemValue);
|
|
9862
|
+
newProps.value = itemValue;
|
|
9863
|
+
newProps.expanded = expanded;
|
|
9864
|
+
newProps.onToggleExpanded = (isExpanded) => {
|
|
9865
|
+
onItemToggle(itemValue, isExpanded);
|
|
9866
|
+
typedChild.props.onToggleExpanded?.(isExpanded);
|
|
9867
|
+
};
|
|
9868
|
+
}
|
|
9869
|
+
if (typedChild.props.children) {
|
|
9870
|
+
const processedChildren = injectStore6(
|
|
9871
|
+
typedChild.props.children,
|
|
9872
|
+
store,
|
|
9873
|
+
indexRef,
|
|
9874
|
+
onItemToggle
|
|
9875
|
+
);
|
|
9876
|
+
if (displayName === "CardAccordation") {
|
|
9877
|
+
newProps.children = processedChildren;
|
|
9878
|
+
} else if (processedChildren !== typedChild.props.children) {
|
|
9879
|
+
return cloneElement7(typedChild, { children: processedChildren });
|
|
9880
|
+
}
|
|
9881
|
+
}
|
|
9882
|
+
if (Object.keys(newProps).length > 0) {
|
|
9883
|
+
return cloneElement7(typedChild, newProps);
|
|
9884
|
+
}
|
|
9885
|
+
return child;
|
|
9886
|
+
});
|
|
9887
|
+
};
|
|
9888
|
+
var AccordionGroup = forwardRef19(
|
|
9889
|
+
({
|
|
9890
|
+
type = "single",
|
|
9891
|
+
defaultValue,
|
|
9892
|
+
value: controlledValue,
|
|
9893
|
+
onValueChange,
|
|
9894
|
+
collapsible = true,
|
|
9895
|
+
children,
|
|
9896
|
+
className,
|
|
9897
|
+
...props
|
|
9898
|
+
}, ref) => {
|
|
9899
|
+
const [internalValue, setInternalValue] = useState18(
|
|
9900
|
+
defaultValue || (type === "single" ? "" : [])
|
|
9901
|
+
);
|
|
9902
|
+
const isControlled = controlledValue !== void 0;
|
|
9903
|
+
const currentValue = isControlled ? controlledValue : internalValue;
|
|
9904
|
+
const storeRef = useRef10(null);
|
|
9905
|
+
if (storeRef.current) {
|
|
9906
|
+
storeRef.current.setState((prev) => {
|
|
9907
|
+
const nextState = {};
|
|
9908
|
+
if (prev.type !== type) {
|
|
9909
|
+
nextState.type = type;
|
|
9910
|
+
}
|
|
9911
|
+
if (prev.collapsible !== collapsible) {
|
|
9912
|
+
nextState.collapsible = collapsible;
|
|
9913
|
+
}
|
|
9914
|
+
return nextState;
|
|
9915
|
+
});
|
|
9916
|
+
} else {
|
|
9917
|
+
storeRef.current = createAccordionGroupStore(
|
|
9918
|
+
type,
|
|
9919
|
+
currentValue,
|
|
9920
|
+
collapsible
|
|
9921
|
+
);
|
|
9922
|
+
}
|
|
9923
|
+
const store = storeRef.current;
|
|
9924
|
+
useEffect18(() => {
|
|
9925
|
+
store.setState({ value: currentValue });
|
|
9926
|
+
}, [currentValue, store]);
|
|
9927
|
+
useEffect18(() => {
|
|
9928
|
+
if (!isControlled) {
|
|
9929
|
+
setInternalValue((prev) => {
|
|
9930
|
+
if (type === "single") {
|
|
9931
|
+
if (Array.isArray(prev)) {
|
|
9932
|
+
return prev[0] ?? "";
|
|
9933
|
+
}
|
|
9934
|
+
return typeof prev === "string" ? prev : "";
|
|
9935
|
+
}
|
|
9936
|
+
if (Array.isArray(prev)) {
|
|
9937
|
+
return prev;
|
|
9938
|
+
}
|
|
9939
|
+
return prev ? [prev] : [];
|
|
9940
|
+
});
|
|
9941
|
+
}
|
|
9942
|
+
}, [isControlled, type]);
|
|
9943
|
+
const handleItemToggle = (itemValue, isExpanded) => {
|
|
9944
|
+
const storeState = store.getState();
|
|
9945
|
+
let newValue;
|
|
9946
|
+
if (type === "single") {
|
|
9947
|
+
if (isExpanded) {
|
|
9948
|
+
newValue = itemValue;
|
|
9949
|
+
} else {
|
|
9950
|
+
newValue = collapsible ? "" : storeState.value;
|
|
9951
|
+
}
|
|
9952
|
+
} else {
|
|
9953
|
+
const currentArray = Array.isArray(storeState.value) ? storeState.value : [];
|
|
9954
|
+
if (isExpanded) {
|
|
9955
|
+
newValue = [...currentArray, itemValue];
|
|
9956
|
+
} else {
|
|
9957
|
+
newValue = currentArray.filter((v) => v !== itemValue);
|
|
9958
|
+
}
|
|
9959
|
+
}
|
|
9960
|
+
if (!isControlled) {
|
|
9961
|
+
setInternalValue(newValue);
|
|
9962
|
+
}
|
|
9963
|
+
store.setState({ value: newValue });
|
|
9964
|
+
onValueChange?.(newValue);
|
|
9965
|
+
};
|
|
9966
|
+
const indexRef = { current: 0 };
|
|
9967
|
+
const enhancedChildren = injectStore6(
|
|
9968
|
+
children,
|
|
9969
|
+
store,
|
|
9970
|
+
indexRef,
|
|
9971
|
+
handleItemToggle
|
|
9972
|
+
);
|
|
9973
|
+
return /* @__PURE__ */ jsx49("div", { ref, className, ...props, children: enhancedChildren });
|
|
9974
|
+
}
|
|
9975
|
+
);
|
|
9976
|
+
AccordionGroup.displayName = "AccordionGroup";
|
|
9737
9977
|
|
|
9738
9978
|
// src/components/Alternative/Alternative.tsx
|
|
9739
9979
|
import { CheckCircle as CheckCircle4, XCircle as XCircle3 } from "phosphor-react";
|
|
9740
|
-
import { forwardRef as
|
|
9741
|
-
import { jsx as
|
|
9980
|
+
import { forwardRef as forwardRef20, useId as useId10, useState as useState19 } from "react";
|
|
9981
|
+
import { jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
9742
9982
|
var AlternativesList = ({
|
|
9743
9983
|
alternatives,
|
|
9744
9984
|
name,
|
|
@@ -9753,7 +9993,7 @@ var AlternativesList = ({
|
|
|
9753
9993
|
}) => {
|
|
9754
9994
|
const uniqueId = useId10();
|
|
9755
9995
|
const groupName = name || `alternatives-${uniqueId}`;
|
|
9756
|
-
const [actualValue, setActualValue] =
|
|
9996
|
+
const [actualValue, setActualValue] = useState19(value);
|
|
9757
9997
|
const isReadonly = mode === "readonly";
|
|
9758
9998
|
const getStatusStyles2 = (status, isReadonly2) => {
|
|
9759
9999
|
const hoverClass = isReadonly2 ? "" : "hover:bg-background-50";
|
|
@@ -9769,9 +10009,9 @@ var AlternativesList = ({
|
|
|
9769
10009
|
const getStatusBadge2 = (status) => {
|
|
9770
10010
|
switch (status) {
|
|
9771
10011
|
case "correct":
|
|
9772
|
-
return /* @__PURE__ */
|
|
10012
|
+
return /* @__PURE__ */ jsx50(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx50(CheckCircle4, {}), children: "Resposta correta" });
|
|
9773
10013
|
case "incorrect":
|
|
9774
|
-
return /* @__PURE__ */
|
|
10014
|
+
return /* @__PURE__ */ jsx50(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx50(XCircle3, {}), children: "Resposta incorreta" });
|
|
9775
10015
|
default:
|
|
9776
10016
|
return null;
|
|
9777
10017
|
}
|
|
@@ -9801,10 +10041,10 @@ var AlternativesList = ({
|
|
|
9801
10041
|
const renderRadio = () => {
|
|
9802
10042
|
const radioClasses = `w-6 h-6 rounded-full border-2 cursor-default transition-all duration-200 flex items-center justify-center ${isUserSelected ? "border-primary-950 bg-background" : "border-border-400 bg-background"}`;
|
|
9803
10043
|
const dotClasses = "w-3 h-3 rounded-full bg-primary-950 transition-all duration-200";
|
|
9804
|
-
return /* @__PURE__ */
|
|
10044
|
+
return /* @__PURE__ */ jsx50("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ jsx50("div", { className: dotClasses }) });
|
|
9805
10045
|
};
|
|
9806
10046
|
if (layout === "detailed") {
|
|
9807
|
-
return /* @__PURE__ */
|
|
10047
|
+
return /* @__PURE__ */ jsx50(
|
|
9808
10048
|
"div",
|
|
9809
10049
|
{
|
|
9810
10050
|
className: cn(
|
|
@@ -9814,9 +10054,9 @@ var AlternativesList = ({
|
|
|
9814
10054
|
),
|
|
9815
10055
|
children: /* @__PURE__ */ jsxs35("div", { className: "flex items-start justify-between gap-3", children: [
|
|
9816
10056
|
/* @__PURE__ */ jsxs35("div", { className: "flex items-start gap-3 flex-1", children: [
|
|
9817
|
-
/* @__PURE__ */
|
|
10057
|
+
/* @__PURE__ */ jsx50("div", { className: "mt-1", children: renderRadio() }),
|
|
9818
10058
|
/* @__PURE__ */ jsxs35("div", { className: "flex-1", children: [
|
|
9819
|
-
/* @__PURE__ */
|
|
10059
|
+
/* @__PURE__ */ jsx50(
|
|
9820
10060
|
"p",
|
|
9821
10061
|
{
|
|
9822
10062
|
className: cn(
|
|
@@ -9826,10 +10066,10 @@ var AlternativesList = ({
|
|
|
9826
10066
|
children: alternative.label
|
|
9827
10067
|
}
|
|
9828
10068
|
),
|
|
9829
|
-
alternative.description && /* @__PURE__ */
|
|
10069
|
+
alternative.description && /* @__PURE__ */ jsx50("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
|
|
9830
10070
|
] })
|
|
9831
10071
|
] }),
|
|
9832
|
-
statusBadge && /* @__PURE__ */
|
|
10072
|
+
statusBadge && /* @__PURE__ */ jsx50("div", { className: "flex-shrink-0", children: statusBadge })
|
|
9833
10073
|
] })
|
|
9834
10074
|
},
|
|
9835
10075
|
alternativeId
|
|
@@ -9846,7 +10086,7 @@ var AlternativesList = ({
|
|
|
9846
10086
|
children: [
|
|
9847
10087
|
/* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2 flex-1", children: [
|
|
9848
10088
|
renderRadio(),
|
|
9849
|
-
/* @__PURE__ */
|
|
10089
|
+
/* @__PURE__ */ jsx50(
|
|
9850
10090
|
"span",
|
|
9851
10091
|
{
|
|
9852
10092
|
className: cn(
|
|
@@ -9857,14 +10097,14 @@ var AlternativesList = ({
|
|
|
9857
10097
|
}
|
|
9858
10098
|
)
|
|
9859
10099
|
] }),
|
|
9860
|
-
statusBadge && /* @__PURE__ */
|
|
10100
|
+
statusBadge && /* @__PURE__ */ jsx50("div", { className: "flex-shrink-0", children: statusBadge })
|
|
9861
10101
|
]
|
|
9862
10102
|
},
|
|
9863
10103
|
alternativeId
|
|
9864
10104
|
);
|
|
9865
10105
|
};
|
|
9866
10106
|
if (isReadonly) {
|
|
9867
|
-
return /* @__PURE__ */
|
|
10107
|
+
return /* @__PURE__ */ jsx50(
|
|
9868
10108
|
"div",
|
|
9869
10109
|
{
|
|
9870
10110
|
className: cn("flex flex-col", getLayoutClasses(), "w-full", className),
|
|
@@ -9874,7 +10114,7 @@ var AlternativesList = ({
|
|
|
9874
10114
|
}
|
|
9875
10115
|
);
|
|
9876
10116
|
}
|
|
9877
|
-
return /* @__PURE__ */
|
|
10117
|
+
return /* @__PURE__ */ jsx50(
|
|
9878
10118
|
RadioGroup,
|
|
9879
10119
|
{
|
|
9880
10120
|
name: groupName,
|
|
@@ -9891,7 +10131,7 @@ var AlternativesList = ({
|
|
|
9891
10131
|
const statusStyles = getStatusStyles2(alternative.status, false);
|
|
9892
10132
|
const statusBadge = getStatusBadge2(alternative.status);
|
|
9893
10133
|
if (layout === "detailed") {
|
|
9894
|
-
return /* @__PURE__ */
|
|
10134
|
+
return /* @__PURE__ */ jsx50(
|
|
9895
10135
|
"div",
|
|
9896
10136
|
{
|
|
9897
10137
|
className: cn(
|
|
@@ -9901,7 +10141,7 @@ var AlternativesList = ({
|
|
|
9901
10141
|
),
|
|
9902
10142
|
children: /* @__PURE__ */ jsxs35("div", { className: "flex items-start justify-between gap-3", children: [
|
|
9903
10143
|
/* @__PURE__ */ jsxs35("div", { className: "flex items-start gap-3 flex-1", children: [
|
|
9904
|
-
/* @__PURE__ */
|
|
10144
|
+
/* @__PURE__ */ jsx50(
|
|
9905
10145
|
RadioGroupItem,
|
|
9906
10146
|
{
|
|
9907
10147
|
value: alternative.value,
|
|
@@ -9911,7 +10151,7 @@ var AlternativesList = ({
|
|
|
9911
10151
|
}
|
|
9912
10152
|
),
|
|
9913
10153
|
/* @__PURE__ */ jsxs35("div", { className: "flex-1", children: [
|
|
9914
|
-
/* @__PURE__ */
|
|
10154
|
+
/* @__PURE__ */ jsx50(
|
|
9915
10155
|
"label",
|
|
9916
10156
|
{
|
|
9917
10157
|
htmlFor: alternativeId,
|
|
@@ -9923,10 +10163,10 @@ var AlternativesList = ({
|
|
|
9923
10163
|
children: alternative.label
|
|
9924
10164
|
}
|
|
9925
10165
|
),
|
|
9926
|
-
alternative.description && /* @__PURE__ */
|
|
10166
|
+
alternative.description && /* @__PURE__ */ jsx50("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
|
|
9927
10167
|
] })
|
|
9928
10168
|
] }),
|
|
9929
|
-
statusBadge && /* @__PURE__ */
|
|
10169
|
+
statusBadge && /* @__PURE__ */ jsx50("div", { className: "flex-shrink-0", children: statusBadge })
|
|
9930
10170
|
] })
|
|
9931
10171
|
},
|
|
9932
10172
|
alternativeId
|
|
@@ -9942,7 +10182,7 @@ var AlternativesList = ({
|
|
|
9942
10182
|
),
|
|
9943
10183
|
children: [
|
|
9944
10184
|
/* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2 flex-1", children: [
|
|
9945
|
-
/* @__PURE__ */
|
|
10185
|
+
/* @__PURE__ */ jsx50(
|
|
9946
10186
|
RadioGroupItem,
|
|
9947
10187
|
{
|
|
9948
10188
|
value: alternative.value,
|
|
@@ -9950,7 +10190,7 @@ var AlternativesList = ({
|
|
|
9950
10190
|
disabled: alternative.disabled
|
|
9951
10191
|
}
|
|
9952
10192
|
),
|
|
9953
|
-
/* @__PURE__ */
|
|
10193
|
+
/* @__PURE__ */ jsx50(
|
|
9954
10194
|
"label",
|
|
9955
10195
|
{
|
|
9956
10196
|
htmlFor: alternativeId,
|
|
@@ -9963,7 +10203,7 @@ var AlternativesList = ({
|
|
|
9963
10203
|
}
|
|
9964
10204
|
)
|
|
9965
10205
|
] }),
|
|
9966
|
-
statusBadge && /* @__PURE__ */
|
|
10206
|
+
statusBadge && /* @__PURE__ */ jsx50("div", { className: "flex-shrink-0", children: statusBadge })
|
|
9967
10207
|
]
|
|
9968
10208
|
},
|
|
9969
10209
|
alternativeId
|
|
@@ -9972,7 +10212,7 @@ var AlternativesList = ({
|
|
|
9972
10212
|
}
|
|
9973
10213
|
);
|
|
9974
10214
|
};
|
|
9975
|
-
var HeaderAlternative =
|
|
10215
|
+
var HeaderAlternative = forwardRef20(
|
|
9976
10216
|
({ className, title, subTitle, content, ...props }, ref) => {
|
|
9977
10217
|
return /* @__PURE__ */ jsxs35(
|
|
9978
10218
|
"div",
|
|
@@ -9985,10 +10225,10 @@ var HeaderAlternative = forwardRef19(
|
|
|
9985
10225
|
...props,
|
|
9986
10226
|
children: [
|
|
9987
10227
|
/* @__PURE__ */ jsxs35("span", { className: "flex flex-col", children: [
|
|
9988
|
-
/* @__PURE__ */
|
|
9989
|
-
/* @__PURE__ */
|
|
10228
|
+
/* @__PURE__ */ jsx50("p", { className: "text-text-950 font-bold text-lg", children: title }),
|
|
10229
|
+
/* @__PURE__ */ jsx50("p", { className: "text-text-700 text-sm ", children: subTitle })
|
|
9990
10230
|
] }),
|
|
9991
|
-
/* @__PURE__ */
|
|
10231
|
+
/* @__PURE__ */ jsx50("p", { className: "text-text-950 text-md", children: content })
|
|
9992
10232
|
]
|
|
9993
10233
|
}
|
|
9994
10234
|
);
|
|
@@ -10038,7 +10278,7 @@ function createZustandAuthAdapter(useAuthStore2) {
|
|
|
10038
10278
|
}
|
|
10039
10279
|
|
|
10040
10280
|
// src/components/Auth/useUrlAuthentication.ts
|
|
10041
|
-
import { useEffect as
|
|
10281
|
+
import { useEffect as useEffect19, useRef as useRef11 } from "react";
|
|
10042
10282
|
import { useLocation as useLocation2 } from "react-router-dom";
|
|
10043
10283
|
var getAuthParams = (location, extractParams) => {
|
|
10044
10284
|
const searchParams = new URLSearchParams(location.search);
|
|
@@ -10086,8 +10326,8 @@ var handleUserData = (responseData, setUser) => {
|
|
|
10086
10326
|
};
|
|
10087
10327
|
function useUrlAuthentication(options) {
|
|
10088
10328
|
const location = useLocation2();
|
|
10089
|
-
const processedRef =
|
|
10090
|
-
|
|
10329
|
+
const processedRef = useRef11(false);
|
|
10330
|
+
useEffect19(() => {
|
|
10091
10331
|
const handleAuthentication = async () => {
|
|
10092
10332
|
if (processedRef.current) {
|
|
10093
10333
|
return;
|
|
@@ -10177,13 +10417,13 @@ import {
|
|
|
10177
10417
|
SquaresFour
|
|
10178
10418
|
} from "phosphor-react";
|
|
10179
10419
|
import {
|
|
10180
|
-
forwardRef as
|
|
10181
|
-
useEffect as
|
|
10182
|
-
useState as
|
|
10420
|
+
forwardRef as forwardRef22,
|
|
10421
|
+
useEffect as useEffect22,
|
|
10422
|
+
useState as useState22
|
|
10183
10423
|
} from "react";
|
|
10184
10424
|
|
|
10185
10425
|
// src/components/Quiz/useQuizStore.ts
|
|
10186
|
-
import { create as
|
|
10426
|
+
import { create as create10 } from "zustand";
|
|
10187
10427
|
import { devtools as devtools3 } from "zustand/middleware";
|
|
10188
10428
|
var QUESTION_DIFFICULTY = /* @__PURE__ */ ((QUESTION_DIFFICULTY2) => {
|
|
10189
10429
|
QUESTION_DIFFICULTY2["FACIL"] = "FACIL";
|
|
@@ -10231,7 +10471,7 @@ var SUBTYPE_ENUM = /* @__PURE__ */ ((SUBTYPE_ENUM2) => {
|
|
|
10231
10471
|
return SUBTYPE_ENUM2;
|
|
10232
10472
|
})(SUBTYPE_ENUM || {});
|
|
10233
10473
|
var MINUTE_INTERVAL_MS = 6e4;
|
|
10234
|
-
var useQuizStore =
|
|
10474
|
+
var useQuizStore = create10()(
|
|
10235
10475
|
devtools3(
|
|
10236
10476
|
(set, get) => {
|
|
10237
10477
|
let timerInterval = null;
|
|
@@ -10774,19 +11014,19 @@ var useQuizStore = create9()(
|
|
|
10774
11014
|
|
|
10775
11015
|
// src/components/Quiz/QuizContent.tsx
|
|
10776
11016
|
import {
|
|
10777
|
-
forwardRef as
|
|
11017
|
+
forwardRef as forwardRef21,
|
|
10778
11018
|
useCallback as useCallback6,
|
|
10779
|
-
useEffect as
|
|
11019
|
+
useEffect as useEffect21,
|
|
10780
11020
|
useId as useId11,
|
|
10781
11021
|
useMemo as useMemo6,
|
|
10782
|
-
useRef as
|
|
10783
|
-
useState as
|
|
11022
|
+
useRef as useRef12,
|
|
11023
|
+
useState as useState21
|
|
10784
11024
|
} from "react";
|
|
10785
11025
|
|
|
10786
11026
|
// src/components/MultipleChoice/MultipleChoice.tsx
|
|
10787
|
-
import { useEffect as
|
|
11027
|
+
import { useEffect as useEffect20, useState as useState20 } from "react";
|
|
10788
11028
|
import { CheckCircle as CheckCircle5, XCircle as XCircle4, Check as Check5 } from "phosphor-react";
|
|
10789
|
-
import { jsx as
|
|
11029
|
+
import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
10790
11030
|
var MultipleChoiceList = ({
|
|
10791
11031
|
disabled = false,
|
|
10792
11032
|
className = "",
|
|
@@ -10796,16 +11036,16 @@ var MultipleChoiceList = ({
|
|
|
10796
11036
|
onHandleSelectedValues,
|
|
10797
11037
|
mode = "interactive"
|
|
10798
11038
|
}) => {
|
|
10799
|
-
const [actualValue, setActualValue] =
|
|
10800
|
-
|
|
11039
|
+
const [actualValue, setActualValue] = useState20(selectedValues);
|
|
11040
|
+
useEffect20(() => {
|
|
10801
11041
|
setActualValue(selectedValues);
|
|
10802
11042
|
}, [selectedValues]);
|
|
10803
11043
|
const getStatusBadge2 = (status) => {
|
|
10804
11044
|
switch (status) {
|
|
10805
11045
|
case "correct":
|
|
10806
|
-
return /* @__PURE__ */
|
|
11046
|
+
return /* @__PURE__ */ jsx51(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx51(CheckCircle5, {}), children: "Resposta correta" });
|
|
10807
11047
|
case "incorrect":
|
|
10808
|
-
return /* @__PURE__ */
|
|
11048
|
+
return /* @__PURE__ */ jsx51(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx51(XCircle4, {}), children: "Resposta incorreta" });
|
|
10809
11049
|
default:
|
|
10810
11050
|
return null;
|
|
10811
11051
|
}
|
|
@@ -10826,10 +11066,10 @@ var MultipleChoiceList = ({
|
|
|
10826
11066
|
isSelected ? "border-primary-950 bg-primary-950 text-text" : "border-border-400 bg-background",
|
|
10827
11067
|
isDisabled && "opacity-40 cursor-not-allowed"
|
|
10828
11068
|
);
|
|
10829
|
-
return /* @__PURE__ */
|
|
11069
|
+
return /* @__PURE__ */ jsx51("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ jsx51(Check5, { size: 16, weight: "bold" }) });
|
|
10830
11070
|
};
|
|
10831
11071
|
if (mode === "readonly") {
|
|
10832
|
-
return /* @__PURE__ */
|
|
11072
|
+
return /* @__PURE__ */ jsx51("div", { className: cn("flex flex-col gap-2", className), children: choices.map((choice, i) => {
|
|
10833
11073
|
const isSelected = actualValue?.includes(choice.value) || false;
|
|
10834
11074
|
const statusStyles = getStatusStyles2(choice.status);
|
|
10835
11075
|
const statusBadge = getStatusBadge2(choice.status);
|
|
@@ -10844,7 +11084,7 @@ var MultipleChoiceList = ({
|
|
|
10844
11084
|
children: [
|
|
10845
11085
|
/* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-2 flex-1", children: [
|
|
10846
11086
|
renderVisualCheckbox(isSelected, choice.disabled || disabled),
|
|
10847
|
-
/* @__PURE__ */
|
|
11087
|
+
/* @__PURE__ */ jsx51(
|
|
10848
11088
|
"span",
|
|
10849
11089
|
{
|
|
10850
11090
|
className: cn(
|
|
@@ -10856,14 +11096,14 @@ var MultipleChoiceList = ({
|
|
|
10856
11096
|
}
|
|
10857
11097
|
)
|
|
10858
11098
|
] }),
|
|
10859
|
-
statusBadge && /* @__PURE__ */
|
|
11099
|
+
statusBadge && /* @__PURE__ */ jsx51("div", { className: "flex-shrink-0", children: statusBadge })
|
|
10860
11100
|
]
|
|
10861
11101
|
},
|
|
10862
11102
|
`readonly-${choice.value}-${i}`
|
|
10863
11103
|
);
|
|
10864
11104
|
}) });
|
|
10865
11105
|
}
|
|
10866
|
-
return /* @__PURE__ */
|
|
11106
|
+
return /* @__PURE__ */ jsx51(
|
|
10867
11107
|
"div",
|
|
10868
11108
|
{
|
|
10869
11109
|
className: cn(
|
|
@@ -10871,7 +11111,7 @@ var MultipleChoiceList = ({
|
|
|
10871
11111
|
disabled ? "opacity-50 cursor-not-allowed" : "",
|
|
10872
11112
|
className
|
|
10873
11113
|
),
|
|
10874
|
-
children: /* @__PURE__ */
|
|
11114
|
+
children: /* @__PURE__ */ jsx51(
|
|
10875
11115
|
CheckboxList_default,
|
|
10876
11116
|
{
|
|
10877
11117
|
name,
|
|
@@ -10886,7 +11126,7 @@ var MultipleChoiceList = ({
|
|
|
10886
11126
|
{
|
|
10887
11127
|
className: "flex flex-row gap-2 items-center",
|
|
10888
11128
|
children: [
|
|
10889
|
-
/* @__PURE__ */
|
|
11129
|
+
/* @__PURE__ */ jsx51(
|
|
10890
11130
|
CheckboxListItem,
|
|
10891
11131
|
{
|
|
10892
11132
|
value: choice.value,
|
|
@@ -10894,7 +11134,7 @@ var MultipleChoiceList = ({
|
|
|
10894
11134
|
disabled: choice.disabled || disabled
|
|
10895
11135
|
}
|
|
10896
11136
|
),
|
|
10897
|
-
/* @__PURE__ */
|
|
11137
|
+
/* @__PURE__ */ jsx51(
|
|
10898
11138
|
"label",
|
|
10899
11139
|
{
|
|
10900
11140
|
htmlFor: `interactive-${choice.value}-${i}`,
|
|
@@ -10923,13 +11163,13 @@ import { CheckCircle as CheckCircle6, XCircle as XCircle5 } from "phosphor-react
|
|
|
10923
11163
|
var mock_image_question_default = "./mock-image-question-HEZCLFDL.png";
|
|
10924
11164
|
|
|
10925
11165
|
// src/components/Quiz/QuizContent.tsx
|
|
10926
|
-
import { Fragment as Fragment11, jsx as
|
|
11166
|
+
import { Fragment as Fragment11, jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
10927
11167
|
var getStatusBadge = (status) => {
|
|
10928
11168
|
switch (status) {
|
|
10929
11169
|
case "correct":
|
|
10930
|
-
return /* @__PURE__ */
|
|
11170
|
+
return /* @__PURE__ */ jsx52(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx52(CheckCircle6, {}), children: "Resposta correta" });
|
|
10931
11171
|
case "incorrect":
|
|
10932
|
-
return /* @__PURE__ */
|
|
11172
|
+
return /* @__PURE__ */ jsx52(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx52(XCircle5, {}), children: "Resposta incorreta" });
|
|
10933
11173
|
default:
|
|
10934
11174
|
return null;
|
|
10935
11175
|
}
|
|
@@ -10942,13 +11182,13 @@ var getStatusStyles = (variantCorrect) => {
|
|
|
10942
11182
|
return "bg-error-background border-error-300";
|
|
10943
11183
|
}
|
|
10944
11184
|
};
|
|
10945
|
-
var QuizSubTitle =
|
|
11185
|
+
var QuizSubTitle = forwardRef21(
|
|
10946
11186
|
({ subTitle, ...props }, ref) => {
|
|
10947
|
-
return /* @__PURE__ */
|
|
11187
|
+
return /* @__PURE__ */ jsx52("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ jsx52("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
|
|
10948
11188
|
}
|
|
10949
11189
|
);
|
|
10950
|
-
var QuizContainer =
|
|
10951
|
-
return /* @__PURE__ */
|
|
11190
|
+
var QuizContainer = forwardRef21(({ children, className, ...props }, ref) => {
|
|
11191
|
+
return /* @__PURE__ */ jsx52(
|
|
10952
11192
|
"div",
|
|
10953
11193
|
{
|
|
10954
11194
|
ref,
|
|
@@ -10996,10 +11236,10 @@ var QuizAlternative = ({ paddingBottom }) => {
|
|
|
10996
11236
|
};
|
|
10997
11237
|
});
|
|
10998
11238
|
if (!alternatives)
|
|
10999
|
-
return /* @__PURE__ */
|
|
11239
|
+
return /* @__PURE__ */ jsx52("div", { children: /* @__PURE__ */ jsx52("p", { children: "N\xE3o h\xE1 Alternativas" }) });
|
|
11000
11240
|
return /* @__PURE__ */ jsxs37(Fragment11, { children: [
|
|
11001
|
-
/* @__PURE__ */
|
|
11002
|
-
/* @__PURE__ */
|
|
11241
|
+
/* @__PURE__ */ jsx52(QuizSubTitle, { subTitle: "Alternativas" }),
|
|
11242
|
+
/* @__PURE__ */ jsx52(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx52("div", { className: "space-y-4", children: /* @__PURE__ */ jsx52(
|
|
11003
11243
|
AlternativesList,
|
|
11004
11244
|
{
|
|
11005
11245
|
mode: variant === "default" ? "interactive" : "readonly",
|
|
@@ -11031,8 +11271,8 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
|
|
|
11031
11271
|
const currentQuestionResult = getQuestionResultByQuestionId(
|
|
11032
11272
|
currentQuestion?.id || ""
|
|
11033
11273
|
);
|
|
11034
|
-
const prevSelectedValuesRef =
|
|
11035
|
-
const prevQuestionIdRef =
|
|
11274
|
+
const prevSelectedValuesRef = useRef12([]);
|
|
11275
|
+
const prevQuestionIdRef = useRef12("");
|
|
11036
11276
|
const allCurrentAnswerIds = useMemo6(() => {
|
|
11037
11277
|
return allCurrentAnswers?.map((answer) => answer.optionId) || [];
|
|
11038
11278
|
}, [allCurrentAnswers]);
|
|
@@ -11097,10 +11337,10 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
|
|
|
11097
11337
|
};
|
|
11098
11338
|
});
|
|
11099
11339
|
if (!choices)
|
|
11100
|
-
return /* @__PURE__ */
|
|
11340
|
+
return /* @__PURE__ */ jsx52("div", { children: /* @__PURE__ */ jsx52("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
|
|
11101
11341
|
return /* @__PURE__ */ jsxs37(Fragment11, { children: [
|
|
11102
|
-
/* @__PURE__ */
|
|
11103
|
-
/* @__PURE__ */
|
|
11342
|
+
/* @__PURE__ */ jsx52(QuizSubTitle, { subTitle: "Alternativas" }),
|
|
11343
|
+
/* @__PURE__ */ jsx52(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx52("div", { className: "space-y-4", children: /* @__PURE__ */ jsx52(
|
|
11104
11344
|
MultipleChoiceList,
|
|
11105
11345
|
{
|
|
11106
11346
|
choices,
|
|
@@ -11126,7 +11366,7 @@ var QuizDissertative = ({ paddingBottom }) => {
|
|
|
11126
11366
|
currentQuestion?.id || ""
|
|
11127
11367
|
);
|
|
11128
11368
|
const currentAnswer = getCurrentAnswer();
|
|
11129
|
-
const textareaRef =
|
|
11369
|
+
const textareaRef = useRef12(null);
|
|
11130
11370
|
const handleAnswerChange = (value) => {
|
|
11131
11371
|
if (currentQuestion) {
|
|
11132
11372
|
selectDissertativeAnswer(currentQuestion.id, value);
|
|
@@ -11142,16 +11382,16 @@ var QuizDissertative = ({ paddingBottom }) => {
|
|
|
11142
11382
|
textareaRef.current.style.height = `${newHeight}px`;
|
|
11143
11383
|
}
|
|
11144
11384
|
}, []);
|
|
11145
|
-
|
|
11385
|
+
useEffect21(() => {
|
|
11146
11386
|
adjustTextareaHeight();
|
|
11147
11387
|
}, [currentAnswer, adjustTextareaHeight]);
|
|
11148
11388
|
if (!currentQuestion) {
|
|
11149
|
-
return /* @__PURE__ */
|
|
11389
|
+
return /* @__PURE__ */ jsx52("div", { className: "space-y-4", children: /* @__PURE__ */ jsx52("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
|
|
11150
11390
|
}
|
|
11151
11391
|
const localAnswer = (variant == "result" ? currentQuestionResult?.answer : currentAnswer?.answer) || "";
|
|
11152
11392
|
return /* @__PURE__ */ jsxs37(Fragment11, { children: [
|
|
11153
|
-
/* @__PURE__ */
|
|
11154
|
-
/* @__PURE__ */
|
|
11393
|
+
/* @__PURE__ */ jsx52(QuizSubTitle, { subTitle: "Resposta" }),
|
|
11394
|
+
/* @__PURE__ */ jsx52(QuizContainer, { className: cn(variant != "result" && paddingBottom), children: /* @__PURE__ */ jsx52("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ jsx52("div", { className: "space-y-4", children: /* @__PURE__ */ jsx52(
|
|
11155
11395
|
TextArea_default,
|
|
11156
11396
|
{
|
|
11157
11397
|
ref: textareaRef,
|
|
@@ -11161,10 +11401,10 @@ var QuizDissertative = ({ paddingBottom }) => {
|
|
|
11161
11401
|
rows: 4,
|
|
11162
11402
|
className: "min-h-[120px] max-h-[400px] resize-none overflow-y-auto"
|
|
11163
11403
|
}
|
|
11164
|
-
) }) : /* @__PURE__ */
|
|
11404
|
+
) }) : /* @__PURE__ */ jsx52("div", { className: "space-y-4", children: /* @__PURE__ */ jsx52("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: localAnswer || "Nenhuma resposta fornecida" }) }) }) }),
|
|
11165
11405
|
variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ jsxs37(Fragment11, { children: [
|
|
11166
|
-
/* @__PURE__ */
|
|
11167
|
-
/* @__PURE__ */
|
|
11406
|
+
/* @__PURE__ */ jsx52(QuizSubTitle, { subTitle: "Observa\xE7\xE3o do professor" }),
|
|
11407
|
+
/* @__PURE__ */ jsx52(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx52("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: currentQuestionResult?.teacherFeedback }) })
|
|
11168
11408
|
] })
|
|
11169
11409
|
] });
|
|
11170
11410
|
};
|
|
@@ -11191,8 +11431,8 @@ var QuizTrueOrFalse = ({ paddingBottom }) => {
|
|
|
11191
11431
|
const getLetterByIndex = (index) => String.fromCharCode(97 + index);
|
|
11192
11432
|
const isDefaultVariant = variant == "default";
|
|
11193
11433
|
return /* @__PURE__ */ jsxs37(Fragment11, { children: [
|
|
11194
|
-
/* @__PURE__ */
|
|
11195
|
-
/* @__PURE__ */
|
|
11434
|
+
/* @__PURE__ */ jsx52(QuizSubTitle, { subTitle: "Alternativas" }),
|
|
11435
|
+
/* @__PURE__ */ jsx52(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx52("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
|
|
11196
11436
|
const variantCorrect = option.isCorrect ? "correct" : "incorrect";
|
|
11197
11437
|
return /* @__PURE__ */ jsxs37(
|
|
11198
11438
|
"section",
|
|
@@ -11207,20 +11447,20 @@ var QuizTrueOrFalse = ({ paddingBottom }) => {
|
|
|
11207
11447
|
!isDefaultVariant ? getStatusStyles(variantCorrect) : ""
|
|
11208
11448
|
),
|
|
11209
11449
|
children: [
|
|
11210
|
-
/* @__PURE__ */
|
|
11450
|
+
/* @__PURE__ */ jsx52("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index).concat(") ").concat(option.label) }),
|
|
11211
11451
|
isDefaultVariant ? /* @__PURE__ */ jsxs37(Select_default, { size: "medium", children: [
|
|
11212
|
-
/* @__PURE__ */
|
|
11452
|
+
/* @__PURE__ */ jsx52(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx52(SelectValue, { placeholder: "Selecione opc\xE3o" }) }),
|
|
11213
11453
|
/* @__PURE__ */ jsxs37(SelectContent, { children: [
|
|
11214
|
-
/* @__PURE__ */
|
|
11215
|
-
/* @__PURE__ */
|
|
11454
|
+
/* @__PURE__ */ jsx52(SelectItem, { value: "V", children: "Verdadeiro" }),
|
|
11455
|
+
/* @__PURE__ */ jsx52(SelectItem, { value: "F", children: "Falso" })
|
|
11216
11456
|
] })
|
|
11217
|
-
] }) : /* @__PURE__ */
|
|
11457
|
+
] }) : /* @__PURE__ */ jsx52("div", { className: "flex-shrink-0", children: getStatusBadge(variantCorrect) })
|
|
11218
11458
|
]
|
|
11219
11459
|
}
|
|
11220
11460
|
),
|
|
11221
11461
|
!isDefaultVariant && /* @__PURE__ */ jsxs37("span", { className: "flex flex-row gap-2 items-center", children: [
|
|
11222
|
-
/* @__PURE__ */
|
|
11223
|
-
!option.isCorrect && /* @__PURE__ */
|
|
11462
|
+
/* @__PURE__ */ jsx52("p", { className: "text-text-800 text-2xs", children: "Resposta selecionada: V" }),
|
|
11463
|
+
!option.isCorrect && /* @__PURE__ */ jsx52("p", { className: "text-text-800 text-2xs", children: "Resposta correta: F" })
|
|
11224
11464
|
] })
|
|
11225
11465
|
]
|
|
11226
11466
|
},
|
|
@@ -11281,7 +11521,7 @@ var QuizConnectDots = ({ paddingBottom }) => {
|
|
|
11281
11521
|
isCorrect: false
|
|
11282
11522
|
}
|
|
11283
11523
|
];
|
|
11284
|
-
const [userAnswers, setUserAnswers] =
|
|
11524
|
+
const [userAnswers, setUserAnswers] = useState21(() => {
|
|
11285
11525
|
if (variant === "result") {
|
|
11286
11526
|
return mockUserAnswers;
|
|
11287
11527
|
}
|
|
@@ -11311,8 +11551,8 @@ var QuizConnectDots = ({ paddingBottom }) => {
|
|
|
11311
11551
|
userAnswers.map((a) => a.dotOption).filter(Boolean)
|
|
11312
11552
|
);
|
|
11313
11553
|
return /* @__PURE__ */ jsxs37(Fragment11, { children: [
|
|
11314
|
-
/* @__PURE__ */
|
|
11315
|
-
/* @__PURE__ */
|
|
11554
|
+
/* @__PURE__ */ jsx52(QuizSubTitle, { subTitle: "Alternativas" }),
|
|
11555
|
+
/* @__PURE__ */ jsx52(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx52("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
|
|
11316
11556
|
const answer = userAnswers[index];
|
|
11317
11557
|
const variantCorrect = answer.isCorrect ? "correct" : "incorrect";
|
|
11318
11558
|
return /* @__PURE__ */ jsxs37("section", { className: "flex flex-col gap-2", children: [
|
|
@@ -11324,7 +11564,7 @@ var QuizConnectDots = ({ paddingBottom }) => {
|
|
|
11324
11564
|
!isDefaultVariant ? getStatusStyles(variantCorrect) : ""
|
|
11325
11565
|
),
|
|
11326
11566
|
children: [
|
|
11327
|
-
/* @__PURE__ */
|
|
11567
|
+
/* @__PURE__ */ jsx52("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index) + ") " + option.label }),
|
|
11328
11568
|
isDefaultVariant ? /* @__PURE__ */ jsxs37(
|
|
11329
11569
|
Select_default,
|
|
11330
11570
|
{
|
|
@@ -11332,13 +11572,13 @@ var QuizConnectDots = ({ paddingBottom }) => {
|
|
|
11332
11572
|
value: answer.dotOption || void 0,
|
|
11333
11573
|
onValueChange: (value) => handleSelectDot(index, value),
|
|
11334
11574
|
children: [
|
|
11335
|
-
/* @__PURE__ */
|
|
11336
|
-
/* @__PURE__ */
|
|
11575
|
+
/* @__PURE__ */ jsx52(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx52(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
|
|
11576
|
+
/* @__PURE__ */ jsx52(SelectContent, { children: dotsOptions.filter(
|
|
11337
11577
|
(dot) => !assignedDots.has(dot.label) || answer.dotOption === dot.label
|
|
11338
|
-
).map((dot) => /* @__PURE__ */
|
|
11578
|
+
).map((dot) => /* @__PURE__ */ jsx52(SelectItem, { value: dot.label, children: dot.label }, dot.label)) })
|
|
11339
11579
|
]
|
|
11340
11580
|
}
|
|
11341
|
-
) : /* @__PURE__ */
|
|
11581
|
+
) : /* @__PURE__ */ jsx52("div", { className: "flex-shrink-0", children: answer.isCorrect === null ? null : getStatusBadge(variantCorrect) })
|
|
11342
11582
|
]
|
|
11343
11583
|
}
|
|
11344
11584
|
),
|
|
@@ -11400,7 +11640,7 @@ var QuizFill = ({ paddingBottom }) => {
|
|
|
11400
11640
|
isCorrect: true
|
|
11401
11641
|
}
|
|
11402
11642
|
];
|
|
11403
|
-
const [answers, setAnswers] =
|
|
11643
|
+
const [answers, setAnswers] = useState21({});
|
|
11404
11644
|
const baseId = useId11();
|
|
11405
11645
|
const getAvailableOptionsForSelect = (selectId) => {
|
|
11406
11646
|
const usedOptions = Object.entries(answers).filter(([key]) => key !== selectId).map(([, value]) => value);
|
|
@@ -11414,7 +11654,7 @@ var QuizFill = ({ paddingBottom }) => {
|
|
|
11414
11654
|
const mockAnswer = mockUserAnswers.find(
|
|
11415
11655
|
(answer) => answer.selectId === selectId
|
|
11416
11656
|
);
|
|
11417
|
-
return /* @__PURE__ */
|
|
11657
|
+
return /* @__PURE__ */ jsx52("p", { className: "inline-flex mb-2.5 text-success-600 font-semibold text-md border-b-2 border-success-600", children: mockAnswer?.correctAnswer });
|
|
11418
11658
|
};
|
|
11419
11659
|
const renderDefaultElement = (selectId, startIndex, selectedValue, availableOptionsForThisSelect) => {
|
|
11420
11660
|
return /* @__PURE__ */ jsxs37(
|
|
@@ -11424,8 +11664,8 @@ var QuizFill = ({ paddingBottom }) => {
|
|
|
11424
11664
|
onValueChange: (value) => handleSelectChange(selectId, value),
|
|
11425
11665
|
className: "inline-flex mb-2.5",
|
|
11426
11666
|
children: [
|
|
11427
|
-
/* @__PURE__ */
|
|
11428
|
-
/* @__PURE__ */
|
|
11667
|
+
/* @__PURE__ */ jsx52(SelectTrigger, { className: "inline-flex w-auto min-w-[140px] h-8 mx-1 bg-background border-gray-300", children: /* @__PURE__ */ jsx52(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
|
|
11668
|
+
/* @__PURE__ */ jsx52(SelectContent, { children: availableOptionsForThisSelect.map((option, index) => /* @__PURE__ */ jsx52(SelectItem, { value: option, children: option }, `${option}-${index}`)) })
|
|
11429
11669
|
]
|
|
11430
11670
|
},
|
|
11431
11671
|
`${selectId}-${startIndex}`
|
|
@@ -11437,8 +11677,8 @@ var QuizFill = ({ paddingBottom }) => {
|
|
|
11437
11677
|
);
|
|
11438
11678
|
if (!mockAnswer) return null;
|
|
11439
11679
|
const action = mockAnswer.isCorrect ? "success" : "error";
|
|
11440
|
-
const icon = mockAnswer.isCorrect ? /* @__PURE__ */
|
|
11441
|
-
return /* @__PURE__ */
|
|
11680
|
+
const icon = mockAnswer.isCorrect ? /* @__PURE__ */ jsx52(CheckCircle6, {}) : /* @__PURE__ */ jsx52(XCircle5, {});
|
|
11681
|
+
return /* @__PURE__ */ jsx52(
|
|
11442
11682
|
Badge_default,
|
|
11443
11683
|
{
|
|
11444
11684
|
variant: "solid",
|
|
@@ -11446,7 +11686,7 @@ var QuizFill = ({ paddingBottom }) => {
|
|
|
11446
11686
|
iconRight: icon,
|
|
11447
11687
|
size: "large",
|
|
11448
11688
|
className: "py-3 w-[180px] justify-between mb-2.5",
|
|
11449
|
-
children: /* @__PURE__ */
|
|
11689
|
+
children: /* @__PURE__ */ jsx52("span", { className: "text-text-900", children: mockAnswer.userAnswer })
|
|
11450
11690
|
},
|
|
11451
11691
|
selectId
|
|
11452
11692
|
);
|
|
@@ -11503,24 +11743,24 @@ var QuizFill = ({ paddingBottom }) => {
|
|
|
11503
11743
|
return elements;
|
|
11504
11744
|
};
|
|
11505
11745
|
return /* @__PURE__ */ jsxs37(Fragment11, { children: [
|
|
11506
|
-
/* @__PURE__ */
|
|
11507
|
-
/* @__PURE__ */
|
|
11746
|
+
/* @__PURE__ */ jsx52(QuizSubTitle, { subTitle: "Alternativas" }),
|
|
11747
|
+
/* @__PURE__ */ jsx52(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ jsx52("div", { className: "space-y-6 px-4 h-auto", children: /* @__PURE__ */ jsx52(
|
|
11508
11748
|
"div",
|
|
11509
11749
|
{
|
|
11510
11750
|
className: cn(
|
|
11511
11751
|
"text-lg text-text-900 leading-8 h-auto",
|
|
11512
11752
|
variant != "result" && paddingBottom
|
|
11513
11753
|
),
|
|
11514
|
-
children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */
|
|
11754
|
+
children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */ jsx52("span", { children: element.element }, element.id))
|
|
11515
11755
|
}
|
|
11516
11756
|
) }) }),
|
|
11517
11757
|
variant === "result" && /* @__PURE__ */ jsxs37(Fragment11, { children: [
|
|
11518
|
-
/* @__PURE__ */
|
|
11519
|
-
/* @__PURE__ */
|
|
11758
|
+
/* @__PURE__ */ jsx52(QuizSubTitle, { subTitle: "Resultado" }),
|
|
11759
|
+
/* @__PURE__ */ jsx52(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ jsx52("div", { className: "space-y-6 px-4", children: /* @__PURE__ */ jsx52(
|
|
11520
11760
|
"div",
|
|
11521
11761
|
{
|
|
11522
11762
|
className: cn("text-lg text-text-900 leading-8", paddingBottom),
|
|
11523
|
-
children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */
|
|
11763
|
+
children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */ jsx52("span", { children: element.element }, element.id))
|
|
11524
11764
|
}
|
|
11525
11765
|
) }) })
|
|
11526
11766
|
] })
|
|
@@ -11538,7 +11778,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
|
|
|
11538
11778
|
};
|
|
11539
11779
|
const correctRadiusRelative = calculateCorrectRadiusRelative();
|
|
11540
11780
|
const mockUserAnswerRelative = { x: 0.72, y: 0.348 };
|
|
11541
|
-
const [clickPositionRelative, setClickPositionRelative] =
|
|
11781
|
+
const [clickPositionRelative, setClickPositionRelative] = useState21(variant == "result" ? mockUserAnswerRelative : null);
|
|
11542
11782
|
const convertToRelativeCoordinates = (x, y, rect) => {
|
|
11543
11783
|
const safeWidth = Math.max(rect.width, 1e-3);
|
|
11544
11784
|
const safeHeight = Math.max(rect.height, 1e-3);
|
|
@@ -11575,8 +11815,8 @@ var QuizImageQuestion = ({ paddingBottom }) => {
|
|
|
11575
11815
|
return "bg-success-600/70 border-white";
|
|
11576
11816
|
};
|
|
11577
11817
|
return /* @__PURE__ */ jsxs37(Fragment11, { children: [
|
|
11578
|
-
/* @__PURE__ */
|
|
11579
|
-
/* @__PURE__ */
|
|
11818
|
+
/* @__PURE__ */ jsx52(QuizSubTitle, { subTitle: "Clique na \xE1rea correta" }),
|
|
11819
|
+
/* @__PURE__ */ jsx52(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsxs37(
|
|
11580
11820
|
"div",
|
|
11581
11821
|
{
|
|
11582
11822
|
"data-testid": "quiz-image-container",
|
|
@@ -11589,16 +11829,16 @@ var QuizImageQuestion = ({ paddingBottom }) => {
|
|
|
11589
11829
|
className: "flex items-center gap-4 text-xs",
|
|
11590
11830
|
children: [
|
|
11591
11831
|
/* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
|
|
11592
|
-
/* @__PURE__ */
|
|
11593
|
-
/* @__PURE__ */
|
|
11832
|
+
/* @__PURE__ */ jsx52("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
|
|
11833
|
+
/* @__PURE__ */ jsx52("span", { className: "text-text-600 font-medium text-sm", children: "\xC1rea correta" })
|
|
11594
11834
|
] }),
|
|
11595
11835
|
/* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
|
|
11596
|
-
/* @__PURE__ */
|
|
11597
|
-
/* @__PURE__ */
|
|
11836
|
+
/* @__PURE__ */ jsx52("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
|
|
11837
|
+
/* @__PURE__ */ jsx52("span", { className: "text-text-600 font-medium text-sm", children: "Resposta correta" })
|
|
11598
11838
|
] }),
|
|
11599
11839
|
/* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
|
|
11600
|
-
/* @__PURE__ */
|
|
11601
|
-
/* @__PURE__ */
|
|
11840
|
+
/* @__PURE__ */ jsx52("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
|
|
11841
|
+
/* @__PURE__ */ jsx52("span", { className: "text-text-600 font-medium text-sm", children: "Resposta incorreta" })
|
|
11602
11842
|
] })
|
|
11603
11843
|
]
|
|
11604
11844
|
}
|
|
@@ -11618,7 +11858,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
|
|
|
11618
11858
|
},
|
|
11619
11859
|
"aria-label": "\xC1rea da imagem interativa",
|
|
11620
11860
|
children: [
|
|
11621
|
-
/* @__PURE__ */
|
|
11861
|
+
/* @__PURE__ */ jsx52(
|
|
11622
11862
|
"img",
|
|
11623
11863
|
{
|
|
11624
11864
|
"data-testid": "quiz-image",
|
|
@@ -11627,7 +11867,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
|
|
|
11627
11867
|
className: "w-full h-auto rounded-md"
|
|
11628
11868
|
}
|
|
11629
11869
|
),
|
|
11630
|
-
variant === "result" && /* @__PURE__ */
|
|
11870
|
+
variant === "result" && /* @__PURE__ */ jsx52(
|
|
11631
11871
|
"div",
|
|
11632
11872
|
{
|
|
11633
11873
|
"data-testid": "quiz-correct-circle",
|
|
@@ -11642,7 +11882,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
|
|
|
11642
11882
|
}
|
|
11643
11883
|
}
|
|
11644
11884
|
),
|
|
11645
|
-
clickPositionRelative && /* @__PURE__ */
|
|
11885
|
+
clickPositionRelative && /* @__PURE__ */ jsx52(
|
|
11646
11886
|
"div",
|
|
11647
11887
|
{
|
|
11648
11888
|
"data-testid": "quiz-user-circle",
|
|
@@ -11667,7 +11907,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
|
|
|
11667
11907
|
};
|
|
11668
11908
|
|
|
11669
11909
|
// src/components/Quiz/Quiz.tsx
|
|
11670
|
-
import { Fragment as Fragment12, jsx as
|
|
11910
|
+
import { Fragment as Fragment12, jsx as jsx53, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
11671
11911
|
var getQuizTypeConfig = (type) => {
|
|
11672
11912
|
const QUIZ_TYPE_CONFIG = {
|
|
11673
11913
|
["SIMULADO" /* SIMULADO */]: {
|
|
@@ -11704,14 +11944,14 @@ var getFinishConfirmationText = (type) => {
|
|
|
11704
11944
|
const config = getQuizTypeConfig(type);
|
|
11705
11945
|
return `Tem certeza que deseja finalizar ${config.article} ${config.label.toLowerCase()}?`;
|
|
11706
11946
|
};
|
|
11707
|
-
var Quiz =
|
|
11947
|
+
var Quiz = forwardRef22(({ children, className, variant = "default", ...props }, ref) => {
|
|
11708
11948
|
const { setVariant } = useQuizStore();
|
|
11709
|
-
|
|
11949
|
+
useEffect22(() => {
|
|
11710
11950
|
setVariant(variant);
|
|
11711
11951
|
}, [variant, setVariant]);
|
|
11712
|
-
return /* @__PURE__ */
|
|
11952
|
+
return /* @__PURE__ */ jsx53("div", { ref, className: cn("flex flex-col", className), ...props, children });
|
|
11713
11953
|
});
|
|
11714
|
-
var QuizTitle =
|
|
11954
|
+
var QuizTitle = forwardRef22(({ className, onBack, ...props }, ref) => {
|
|
11715
11955
|
const {
|
|
11716
11956
|
quiz,
|
|
11717
11957
|
currentQuestionIndex,
|
|
@@ -11721,7 +11961,7 @@ var QuizTitle = forwardRef21(({ className, onBack, ...props }, ref) => {
|
|
|
11721
11961
|
formatTime: formatTime2,
|
|
11722
11962
|
isStarted
|
|
11723
11963
|
} = useQuizStore();
|
|
11724
|
-
const [showExitConfirmation, setShowExitConfirmation] =
|
|
11964
|
+
const [showExitConfirmation, setShowExitConfirmation] = useState22(false);
|
|
11725
11965
|
const totalQuestions = getTotalQuestions();
|
|
11726
11966
|
const quizTitle = getQuizTitle();
|
|
11727
11967
|
const handleBackClick = () => {
|
|
@@ -11756,24 +11996,24 @@ var QuizTitle = forwardRef21(({ className, onBack, ...props }, ref) => {
|
|
|
11756
11996
|
),
|
|
11757
11997
|
...props,
|
|
11758
11998
|
children: [
|
|
11759
|
-
/* @__PURE__ */
|
|
11999
|
+
/* @__PURE__ */ jsx53(
|
|
11760
12000
|
IconButton_default,
|
|
11761
12001
|
{
|
|
11762
|
-
icon: /* @__PURE__ */
|
|
12002
|
+
icon: /* @__PURE__ */ jsx53(CaretLeft2, { size: 24 }),
|
|
11763
12003
|
size: "md",
|
|
11764
12004
|
"aria-label": "Voltar",
|
|
11765
12005
|
onClick: handleBackClick
|
|
11766
12006
|
}
|
|
11767
12007
|
),
|
|
11768
12008
|
/* @__PURE__ */ jsxs38("span", { className: "flex flex-col gap-2 text-center", children: [
|
|
11769
|
-
/* @__PURE__ */
|
|
11770
|
-
/* @__PURE__ */
|
|
12009
|
+
/* @__PURE__ */ jsx53("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
|
|
12010
|
+
/* @__PURE__ */ jsx53("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
|
|
11771
12011
|
] }),
|
|
11772
|
-
/* @__PURE__ */
|
|
12012
|
+
/* @__PURE__ */ jsx53("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ jsx53(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ jsx53(Clock2, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
|
|
11773
12013
|
]
|
|
11774
12014
|
}
|
|
11775
12015
|
),
|
|
11776
|
-
/* @__PURE__ */
|
|
12016
|
+
/* @__PURE__ */ jsx53(
|
|
11777
12017
|
AlertDialog,
|
|
11778
12018
|
{
|
|
11779
12019
|
isOpen: showExitConfirmation,
|
|
@@ -11791,7 +12031,7 @@ var QuizTitle = forwardRef21(({ className, onBack, ...props }, ref) => {
|
|
|
11791
12031
|
var QuizHeader = () => {
|
|
11792
12032
|
const { getCurrentQuestion, currentQuestionIndex } = useQuizStore();
|
|
11793
12033
|
const currentQuestion = getCurrentQuestion();
|
|
11794
|
-
return /* @__PURE__ */
|
|
12034
|
+
return /* @__PURE__ */ jsx53(
|
|
11795
12035
|
HeaderAlternative,
|
|
11796
12036
|
{
|
|
11797
12037
|
title: currentQuestion ? `Quest\xE3o ${currentQuestionIndex + 1}` : "Quest\xE3o",
|
|
@@ -11813,7 +12053,7 @@ var QuizContent = ({ paddingBottom }) => {
|
|
|
11813
12053
|
["IMAGEM" /* IMAGEM */]: QuizImageQuestion
|
|
11814
12054
|
};
|
|
11815
12055
|
const QuestionComponent = currentQuestion ? questionComponents[currentQuestion.questionType] : null;
|
|
11816
|
-
return QuestionComponent ? /* @__PURE__ */
|
|
12056
|
+
return QuestionComponent ? /* @__PURE__ */ jsx53(QuestionComponent, { paddingBottom }) : null;
|
|
11817
12057
|
};
|
|
11818
12058
|
var QuizQuestionList = ({
|
|
11819
12059
|
filterType = "all",
|
|
@@ -11861,17 +12101,17 @@ var QuizQuestionList = ({
|
|
|
11861
12101
|
}
|
|
11862
12102
|
};
|
|
11863
12103
|
return /* @__PURE__ */ jsxs38("div", { className: "space-y-6 px-4 h-full", children: [
|
|
11864
|
-
Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */
|
|
12104
|
+
Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */ jsx53("div", { className: "flex items-center justify-center text-gray-500 py-8 h-full", children: /* @__PURE__ */ jsx53("p", { className: "text-lg", children: "Nenhum resultado" }) }),
|
|
11865
12105
|
Object.entries(filteredGroupedQuestions).map(
|
|
11866
12106
|
([subjectId, questions]) => /* @__PURE__ */ jsxs38("section", { className: "flex flex-col gap-2", children: [
|
|
11867
12107
|
/* @__PURE__ */ jsxs38("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
|
|
11868
|
-
/* @__PURE__ */
|
|
11869
|
-
/* @__PURE__ */
|
|
12108
|
+
/* @__PURE__ */ jsx53("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ jsx53(BookOpen, { size: 17, className: "text-white" }) }),
|
|
12109
|
+
/* @__PURE__ */ jsx53("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
|
|
11870
12110
|
] }),
|
|
11871
|
-
/* @__PURE__ */
|
|
12111
|
+
/* @__PURE__ */ jsx53("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
|
|
11872
12112
|
const status = getQuestionStatus(question.id);
|
|
11873
12113
|
const questionNumber = getQuestionIndex(question.id);
|
|
11874
|
-
return /* @__PURE__ */
|
|
12114
|
+
return /* @__PURE__ */ jsx53(
|
|
11875
12115
|
CardStatus,
|
|
11876
12116
|
{
|
|
11877
12117
|
header: `Quest\xE3o ${questionNumber.toString().padStart(2, "0")}`,
|
|
@@ -11888,7 +12128,7 @@ var QuizQuestionList = ({
|
|
|
11888
12128
|
)
|
|
11889
12129
|
] });
|
|
11890
12130
|
};
|
|
11891
|
-
var QuizFooter =
|
|
12131
|
+
var QuizFooter = forwardRef22(
|
|
11892
12132
|
({
|
|
11893
12133
|
className,
|
|
11894
12134
|
onGoToSimulated,
|
|
@@ -11921,8 +12161,8 @@ var QuizFooter = forwardRef21(
|
|
|
11921
12161
|
const currentAnswer = getCurrentAnswer();
|
|
11922
12162
|
const currentQuestion = getCurrentQuestion();
|
|
11923
12163
|
const isCurrentQuestionSkipped = currentQuestion ? getQuestionStatusFromUserAnswers(currentQuestion.id) === "skipped" : false;
|
|
11924
|
-
const [activeModal, setActiveModal] =
|
|
11925
|
-
const [filterType, setFilterType] =
|
|
12164
|
+
const [activeModal, setActiveModal] = useState22(null);
|
|
12165
|
+
const [filterType, setFilterType] = useState22("all");
|
|
11926
12166
|
const openModal = (modalName) => setActiveModal(modalName);
|
|
11927
12167
|
const closeModal = () => setActiveModal(null);
|
|
11928
12168
|
const isModalOpen = (modalName) => activeModal === modalName;
|
|
@@ -11977,7 +12217,7 @@ var QuizFooter = forwardRef21(
|
|
|
11977
12217
|
}
|
|
11978
12218
|
};
|
|
11979
12219
|
return /* @__PURE__ */ jsxs38(Fragment12, { children: [
|
|
11980
|
-
/* @__PURE__ */
|
|
12220
|
+
/* @__PURE__ */ jsx53(
|
|
11981
12221
|
"footer",
|
|
11982
12222
|
{
|
|
11983
12223
|
ref,
|
|
@@ -11988,15 +12228,15 @@ var QuizFooter = forwardRef21(
|
|
|
11988
12228
|
...props,
|
|
11989
12229
|
children: variant === "default" ? /* @__PURE__ */ jsxs38(Fragment12, { children: [
|
|
11990
12230
|
/* @__PURE__ */ jsxs38("div", { className: "flex flex-row items-center gap-1", children: [
|
|
11991
|
-
/* @__PURE__ */
|
|
12231
|
+
/* @__PURE__ */ jsx53(
|
|
11992
12232
|
IconButton_default,
|
|
11993
12233
|
{
|
|
11994
|
-
icon: /* @__PURE__ */
|
|
12234
|
+
icon: /* @__PURE__ */ jsx53(SquaresFour, { size: 24, className: "text-text-950" }),
|
|
11995
12235
|
size: "md",
|
|
11996
12236
|
onClick: () => openModal("modalNavigate")
|
|
11997
12237
|
}
|
|
11998
12238
|
),
|
|
11999
|
-
isFirstQuestion ? /* @__PURE__ */
|
|
12239
|
+
isFirstQuestion ? /* @__PURE__ */ jsx53(
|
|
12000
12240
|
Button_default,
|
|
12001
12241
|
{
|
|
12002
12242
|
variant: "outline",
|
|
@@ -12007,13 +12247,13 @@ var QuizFooter = forwardRef21(
|
|
|
12007
12247
|
},
|
|
12008
12248
|
children: "Pular"
|
|
12009
12249
|
}
|
|
12010
|
-
) : /* @__PURE__ */
|
|
12250
|
+
) : /* @__PURE__ */ jsx53(
|
|
12011
12251
|
Button_default,
|
|
12012
12252
|
{
|
|
12013
12253
|
size: "medium",
|
|
12014
12254
|
variant: "link",
|
|
12015
12255
|
action: "primary",
|
|
12016
|
-
iconLeft: /* @__PURE__ */
|
|
12256
|
+
iconLeft: /* @__PURE__ */ jsx53(CaretLeft2, { size: 18 }),
|
|
12017
12257
|
onClick: () => {
|
|
12018
12258
|
goToPreviousQuestion();
|
|
12019
12259
|
},
|
|
@@ -12021,7 +12261,7 @@ var QuizFooter = forwardRef21(
|
|
|
12021
12261
|
}
|
|
12022
12262
|
)
|
|
12023
12263
|
] }),
|
|
12024
|
-
!isFirstQuestion && !isLastQuestion && /* @__PURE__ */
|
|
12264
|
+
!isFirstQuestion && !isLastQuestion && /* @__PURE__ */ jsx53(
|
|
12025
12265
|
Button_default,
|
|
12026
12266
|
{
|
|
12027
12267
|
size: "small",
|
|
@@ -12034,7 +12274,7 @@ var QuizFooter = forwardRef21(
|
|
|
12034
12274
|
children: "Pular"
|
|
12035
12275
|
}
|
|
12036
12276
|
),
|
|
12037
|
-
isLastQuestion ? /* @__PURE__ */
|
|
12277
|
+
isLastQuestion ? /* @__PURE__ */ jsx53(
|
|
12038
12278
|
Button_default,
|
|
12039
12279
|
{
|
|
12040
12280
|
size: "medium",
|
|
@@ -12044,13 +12284,13 @@ var QuizFooter = forwardRef21(
|
|
|
12044
12284
|
onClick: handleFinishQuiz,
|
|
12045
12285
|
children: "Finalizar"
|
|
12046
12286
|
}
|
|
12047
|
-
) : /* @__PURE__ */
|
|
12287
|
+
) : /* @__PURE__ */ jsx53(
|
|
12048
12288
|
Button_default,
|
|
12049
12289
|
{
|
|
12050
12290
|
size: "medium",
|
|
12051
12291
|
variant: "link",
|
|
12052
12292
|
action: "primary",
|
|
12053
|
-
iconRight: /* @__PURE__ */
|
|
12293
|
+
iconRight: /* @__PURE__ */ jsx53(CaretRight5, { size: 18 }),
|
|
12054
12294
|
disabled: !currentAnswer && !isCurrentQuestionSkipped,
|
|
12055
12295
|
onClick: () => {
|
|
12056
12296
|
goToNextQuestion();
|
|
@@ -12058,7 +12298,7 @@ var QuizFooter = forwardRef21(
|
|
|
12058
12298
|
children: "Avan\xE7ar"
|
|
12059
12299
|
}
|
|
12060
12300
|
)
|
|
12061
|
-
] }) : /* @__PURE__ */
|
|
12301
|
+
] }) : /* @__PURE__ */ jsx53("div", { className: "flex flex-row items-center justify-center w-full", children: /* @__PURE__ */ jsx53(
|
|
12062
12302
|
Button_default,
|
|
12063
12303
|
{
|
|
12064
12304
|
variant: "link",
|
|
@@ -12070,7 +12310,7 @@ var QuizFooter = forwardRef21(
|
|
|
12070
12310
|
) })
|
|
12071
12311
|
}
|
|
12072
12312
|
),
|
|
12073
|
-
/* @__PURE__ */
|
|
12313
|
+
/* @__PURE__ */ jsx53(
|
|
12074
12314
|
AlertDialog,
|
|
12075
12315
|
{
|
|
12076
12316
|
isOpen: isModalOpen("alertDialog"),
|
|
@@ -12082,7 +12322,7 @@ var QuizFooter = forwardRef21(
|
|
|
12082
12322
|
onSubmit: handleAlertSubmit
|
|
12083
12323
|
}
|
|
12084
12324
|
),
|
|
12085
|
-
/* @__PURE__ */
|
|
12325
|
+
/* @__PURE__ */ jsx53(
|
|
12086
12326
|
Modal_default,
|
|
12087
12327
|
{
|
|
12088
12328
|
isOpen: isModalOpen("modalResult"),
|
|
@@ -12092,9 +12332,9 @@ var QuizFooter = forwardRef21(
|
|
|
12092
12332
|
hideCloseButton: true,
|
|
12093
12333
|
size: "md",
|
|
12094
12334
|
children: /* @__PURE__ */ jsxs38("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
|
|
12095
|
-
resultImageComponent ? /* @__PURE__ */
|
|
12335
|
+
resultImageComponent ? /* @__PURE__ */ jsx53("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ jsx53("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ jsx53("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
|
|
12096
12336
|
/* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-2 text-center", children: [
|
|
12097
|
-
/* @__PURE__ */
|
|
12337
|
+
/* @__PURE__ */ jsx53("h2", { className: "text-text-950 font-bold text-lg", children: getCompletionTitle(quizType) }),
|
|
12098
12338
|
/* @__PURE__ */ jsxs38("p", { className: "text-text-500 font-sm", children: [
|
|
12099
12339
|
"Voc\xEA acertou ",
|
|
12100
12340
|
correctAnswers ?? "--",
|
|
@@ -12105,7 +12345,7 @@ var QuizFooter = forwardRef21(
|
|
|
12105
12345
|
] })
|
|
12106
12346
|
] }),
|
|
12107
12347
|
/* @__PURE__ */ jsxs38("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
|
|
12108
|
-
/* @__PURE__ */
|
|
12348
|
+
/* @__PURE__ */ jsx53(
|
|
12109
12349
|
Button_default,
|
|
12110
12350
|
{
|
|
12111
12351
|
variant: "outline",
|
|
@@ -12115,12 +12355,12 @@ var QuizFooter = forwardRef21(
|
|
|
12115
12355
|
children: quizTypeLabel === "Question\xE1rio" ? "Ir para aulas" : `Ir para ${quizTypeLabel.toLocaleLowerCase()}s`
|
|
12116
12356
|
}
|
|
12117
12357
|
),
|
|
12118
|
-
/* @__PURE__ */
|
|
12358
|
+
/* @__PURE__ */ jsx53(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
|
|
12119
12359
|
] })
|
|
12120
12360
|
] })
|
|
12121
12361
|
}
|
|
12122
12362
|
),
|
|
12123
|
-
/* @__PURE__ */
|
|
12363
|
+
/* @__PURE__ */ jsx53(
|
|
12124
12364
|
Modal_default,
|
|
12125
12365
|
{
|
|
12126
12366
|
isOpen: isModalOpen("modalNavigate"),
|
|
@@ -12129,24 +12369,24 @@ var QuizFooter = forwardRef21(
|
|
|
12129
12369
|
size: "lg",
|
|
12130
12370
|
children: /* @__PURE__ */ jsxs38("div", { className: "flex flex-col w-full not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] lg:h-[687px]", children: [
|
|
12131
12371
|
/* @__PURE__ */ jsxs38("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200 flex-shrink-0", children: [
|
|
12132
|
-
/* @__PURE__ */
|
|
12133
|
-
/* @__PURE__ */
|
|
12134
|
-
/* @__PURE__ */
|
|
12372
|
+
/* @__PURE__ */ jsx53("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
|
|
12373
|
+
/* @__PURE__ */ jsx53("span", { className: "max-w-[266px]", children: /* @__PURE__ */ jsxs38(Select_default, { value: filterType, onValueChange: setFilterType, children: [
|
|
12374
|
+
/* @__PURE__ */ jsx53(
|
|
12135
12375
|
SelectTrigger,
|
|
12136
12376
|
{
|
|
12137
12377
|
variant: "rounded",
|
|
12138
12378
|
className: "max-w-[266px] min-w-[160px]",
|
|
12139
|
-
children: /* @__PURE__ */
|
|
12379
|
+
children: /* @__PURE__ */ jsx53(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" })
|
|
12140
12380
|
}
|
|
12141
12381
|
),
|
|
12142
12382
|
/* @__PURE__ */ jsxs38(SelectContent, { children: [
|
|
12143
|
-
/* @__PURE__ */
|
|
12144
|
-
/* @__PURE__ */
|
|
12145
|
-
/* @__PURE__ */
|
|
12383
|
+
/* @__PURE__ */ jsx53(SelectItem, { value: "all", children: "Todas" }),
|
|
12384
|
+
/* @__PURE__ */ jsx53(SelectItem, { value: "unanswered", children: "Em branco" }),
|
|
12385
|
+
/* @__PURE__ */ jsx53(SelectItem, { value: "answered", children: "Respondidas" })
|
|
12146
12386
|
] })
|
|
12147
12387
|
] }) })
|
|
12148
12388
|
] }),
|
|
12149
|
-
/* @__PURE__ */
|
|
12389
|
+
/* @__PURE__ */ jsx53("div", { className: "flex flex-col gap-2 flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsx53(
|
|
12150
12390
|
QuizQuestionList,
|
|
12151
12391
|
{
|
|
12152
12392
|
filterType,
|
|
@@ -12156,7 +12396,7 @@ var QuizFooter = forwardRef21(
|
|
|
12156
12396
|
] })
|
|
12157
12397
|
}
|
|
12158
12398
|
),
|
|
12159
|
-
/* @__PURE__ */
|
|
12399
|
+
/* @__PURE__ */ jsx53(
|
|
12160
12400
|
Modal_default,
|
|
12161
12401
|
{
|
|
12162
12402
|
isOpen: isModalOpen("modalResolution"),
|
|
@@ -12166,7 +12406,7 @@ var QuizFooter = forwardRef21(
|
|
|
12166
12406
|
children: currentQuestion?.solutionExplanation
|
|
12167
12407
|
}
|
|
12168
12408
|
),
|
|
12169
|
-
/* @__PURE__ */
|
|
12409
|
+
/* @__PURE__ */ jsx53(
|
|
12170
12410
|
Modal_default,
|
|
12171
12411
|
{
|
|
12172
12412
|
isOpen: isModalOpen("modalQuestionnaireAllCorrect"),
|
|
@@ -12176,16 +12416,16 @@ var QuizFooter = forwardRef21(
|
|
|
12176
12416
|
hideCloseButton: true,
|
|
12177
12417
|
size: "md",
|
|
12178
12418
|
children: /* @__PURE__ */ jsxs38("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
|
|
12179
|
-
resultImageComponent ? /* @__PURE__ */
|
|
12419
|
+
resultImageComponent ? /* @__PURE__ */ jsx53("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ jsx53("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ jsx53("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
|
|
12180
12420
|
/* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-2 text-center", children: [
|
|
12181
|
-
/* @__PURE__ */
|
|
12182
|
-
/* @__PURE__ */
|
|
12421
|
+
/* @__PURE__ */ jsx53("h2", { className: "text-text-950 font-bold text-lg", children: "\u{1F389} Parab\xE9ns!" }),
|
|
12422
|
+
/* @__PURE__ */ jsx53("p", { className: "text-text-500 font-sm", children: "Voc\xEA concluiu o m\xF3dulo Movimento Uniforme." })
|
|
12183
12423
|
] }),
|
|
12184
|
-
/* @__PURE__ */
|
|
12424
|
+
/* @__PURE__ */ jsx53("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: /* @__PURE__ */ jsx53(Button_default, { className: "w-full", onClick: onGoToNextModule, children: "Pr\xF3ximo m\xF3dulo" }) })
|
|
12185
12425
|
] })
|
|
12186
12426
|
}
|
|
12187
12427
|
),
|
|
12188
|
-
/* @__PURE__ */
|
|
12428
|
+
/* @__PURE__ */ jsx53(
|
|
12189
12429
|
Modal_default,
|
|
12190
12430
|
{
|
|
12191
12431
|
isOpen: isModalOpen("modalQuestionnaireAllIncorrect"),
|
|
@@ -12195,15 +12435,15 @@ var QuizFooter = forwardRef21(
|
|
|
12195
12435
|
hideCloseButton: true,
|
|
12196
12436
|
size: "md",
|
|
12197
12437
|
children: /* @__PURE__ */ jsxs38("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
|
|
12198
|
-
resultIncorrectImageComponent ? /* @__PURE__ */
|
|
12438
|
+
resultIncorrectImageComponent ? /* @__PURE__ */ jsx53("div", { className: "w-[282px] h-auto", children: resultIncorrectImageComponent }) : /* @__PURE__ */ jsx53("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ jsx53("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
|
|
12199
12439
|
/* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-2 text-center", children: [
|
|
12200
|
-
/* @__PURE__ */
|
|
12201
|
-
/* @__PURE__ */
|
|
12202
|
-
/* @__PURE__ */
|
|
12203
|
-
/* @__PURE__ */
|
|
12440
|
+
/* @__PURE__ */ jsx53("h2", { className: "text-text-950 font-bold text-lg", children: "\u{1F615} N\xE3o foi dessa vez..." }),
|
|
12441
|
+
/* @__PURE__ */ jsx53("p", { className: "text-text-500 font-sm", children: "Voc\xEA tirou 0 no question\xE1rio, mas n\xE3o se preocupe! Isso \xE9 apenas uma oportunidade de aprendizado." }),
|
|
12442
|
+
/* @__PURE__ */ jsx53("p", { className: "text-text-500 font-sm", children: "Que tal tentar novamente para melhorar sua nota? Estamos aqui para te ajudar a entender o conte\xFAdo e evoluir." }),
|
|
12443
|
+
/* @__PURE__ */ jsx53("p", { className: "text-text-500 font-sm", children: "Clique em Repetir Question\xE1rio e mostre do que voc\xEA \xE9 capaz! \u{1F4AA}" })
|
|
12204
12444
|
] }),
|
|
12205
12445
|
/* @__PURE__ */ jsxs38("div", { className: "flex flex-row justify-center items-center gap-2 w-full", children: [
|
|
12206
|
-
/* @__PURE__ */
|
|
12446
|
+
/* @__PURE__ */ jsx53(
|
|
12207
12447
|
Button_default,
|
|
12208
12448
|
{
|
|
12209
12449
|
type: "button",
|
|
@@ -12217,7 +12457,7 @@ var QuizFooter = forwardRef21(
|
|
|
12217
12457
|
children: "Tentar depois"
|
|
12218
12458
|
}
|
|
12219
12459
|
),
|
|
12220
|
-
/* @__PURE__ */
|
|
12460
|
+
/* @__PURE__ */ jsx53(
|
|
12221
12461
|
Button_default,
|
|
12222
12462
|
{
|
|
12223
12463
|
variant: "outline",
|
|
@@ -12227,7 +12467,7 @@ var QuizFooter = forwardRef21(
|
|
|
12227
12467
|
children: "Detalhar resultado"
|
|
12228
12468
|
}
|
|
12229
12469
|
),
|
|
12230
|
-
/* @__PURE__ */
|
|
12470
|
+
/* @__PURE__ */ jsx53(
|
|
12231
12471
|
Button_default,
|
|
12232
12472
|
{
|
|
12233
12473
|
className: "w-auto",
|
|
@@ -12240,7 +12480,7 @@ var QuizFooter = forwardRef21(
|
|
|
12240
12480
|
] })
|
|
12241
12481
|
}
|
|
12242
12482
|
),
|
|
12243
|
-
/* @__PURE__ */
|
|
12483
|
+
/* @__PURE__ */ jsx53(
|
|
12244
12484
|
AlertDialog,
|
|
12245
12485
|
{
|
|
12246
12486
|
isOpen: isModalOpen("alertDialogTryLater"),
|
|
@@ -12264,33 +12504,33 @@ var QuizFooter = forwardRef21(
|
|
|
12264
12504
|
);
|
|
12265
12505
|
|
|
12266
12506
|
// src/components/Quiz/QuizResult.tsx
|
|
12267
|
-
import { forwardRef as
|
|
12507
|
+
import { forwardRef as forwardRef23, useEffect as useEffect23, useState as useState23 } from "react";
|
|
12268
12508
|
import { Clock as Clock3 } from "phosphor-react";
|
|
12269
|
-
import { jsx as
|
|
12509
|
+
import { jsx as jsx54, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
12270
12510
|
var QuizBadge = ({
|
|
12271
12511
|
subtype
|
|
12272
12512
|
}) => {
|
|
12273
12513
|
switch (subtype) {
|
|
12274
12514
|
case "PROVA" /* PROVA */:
|
|
12275
|
-
return /* @__PURE__ */
|
|
12515
|
+
return /* @__PURE__ */ jsx54(Badge_default, { variant: "examsOutlined", action: "exam2", "data-testid": "quiz-badge", children: "Prova" });
|
|
12276
12516
|
case "ENEM_PROVA_1" /* ENEM_PROVA_1 */:
|
|
12277
12517
|
case "ENEM_PROVA_2" /* ENEM_PROVA_2 */:
|
|
12278
|
-
return /* @__PURE__ */
|
|
12518
|
+
return /* @__PURE__ */ jsx54(Badge_default, { variant: "examsOutlined", action: "exam1", "data-testid": "quiz-badge", children: "Enem" });
|
|
12279
12519
|
case "VESTIBULAR" /* VESTIBULAR */:
|
|
12280
|
-
return /* @__PURE__ */
|
|
12520
|
+
return /* @__PURE__ */ jsx54(Badge_default, { variant: "examsOutlined", action: "exam4", "data-testid": "quiz-badge", children: "Vestibular" });
|
|
12281
12521
|
case "SIMULADO" /* SIMULADO */:
|
|
12282
12522
|
case "SIMULADAO" /* SIMULADAO */:
|
|
12283
12523
|
case void 0:
|
|
12284
|
-
return /* @__PURE__ */
|
|
12524
|
+
return /* @__PURE__ */ jsx54(Badge_default, { variant: "examsOutlined", action: "exam3", "data-testid": "quiz-badge", children: "Simulad\xE3o" });
|
|
12285
12525
|
default:
|
|
12286
|
-
return /* @__PURE__ */
|
|
12526
|
+
return /* @__PURE__ */ jsx54(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
|
|
12287
12527
|
}
|
|
12288
12528
|
};
|
|
12289
|
-
var QuizHeaderResult =
|
|
12529
|
+
var QuizHeaderResult = forwardRef23(
|
|
12290
12530
|
({ className, ...props }, ref) => {
|
|
12291
12531
|
const { getQuestionResultByQuestionId, getCurrentQuestion } = useQuizStore();
|
|
12292
|
-
const [status, setStatus] =
|
|
12293
|
-
|
|
12532
|
+
const [status, setStatus] = useState23(void 0);
|
|
12533
|
+
useEffect23(() => {
|
|
12294
12534
|
const cq = getCurrentQuestion();
|
|
12295
12535
|
if (!cq) {
|
|
12296
12536
|
setStatus(void 0);
|
|
@@ -12339,14 +12579,14 @@ var QuizHeaderResult = forwardRef22(
|
|
|
12339
12579
|
),
|
|
12340
12580
|
...props,
|
|
12341
12581
|
children: [
|
|
12342
|
-
/* @__PURE__ */
|
|
12343
|
-
/* @__PURE__ */
|
|
12582
|
+
/* @__PURE__ */ jsx54("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
|
|
12583
|
+
/* @__PURE__ */ jsx54("p", { className: "text-text-700 text-md", children: getLabelByAnswersStatus() })
|
|
12344
12584
|
]
|
|
12345
12585
|
}
|
|
12346
12586
|
);
|
|
12347
12587
|
}
|
|
12348
12588
|
);
|
|
12349
|
-
var QuizResultHeaderTitle =
|
|
12589
|
+
var QuizResultHeaderTitle = forwardRef23(({ className, showBadge = true, onRepeat, canRetry, ...props }, ref) => {
|
|
12350
12590
|
const { quiz } = useQuizStore();
|
|
12351
12591
|
return /* @__PURE__ */ jsxs39(
|
|
12352
12592
|
"div",
|
|
@@ -12358,9 +12598,9 @@ var QuizResultHeaderTitle = forwardRef22(({ className, showBadge = true, onRepea
|
|
|
12358
12598
|
),
|
|
12359
12599
|
...props,
|
|
12360
12600
|
children: [
|
|
12361
|
-
/* @__PURE__ */
|
|
12601
|
+
/* @__PURE__ */ jsx54("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
|
|
12362
12602
|
/* @__PURE__ */ jsxs39("div", { className: "flex flex-row gap-3 items-center", children: [
|
|
12363
|
-
canRetry && onRepeat && /* @__PURE__ */
|
|
12603
|
+
canRetry && onRepeat && /* @__PURE__ */ jsx54(
|
|
12364
12604
|
Button_default,
|
|
12365
12605
|
{
|
|
12366
12606
|
variant: "solid",
|
|
@@ -12370,16 +12610,16 @@ var QuizResultHeaderTitle = forwardRef22(({ className, showBadge = true, onRepea
|
|
|
12370
12610
|
children: "Repetir question\xE1rio"
|
|
12371
12611
|
}
|
|
12372
12612
|
),
|
|
12373
|
-
showBadge && /* @__PURE__ */
|
|
12613
|
+
showBadge && /* @__PURE__ */ jsx54(QuizBadge, { subtype: quiz?.subtype || void 0 })
|
|
12374
12614
|
] })
|
|
12375
12615
|
]
|
|
12376
12616
|
}
|
|
12377
12617
|
);
|
|
12378
12618
|
});
|
|
12379
|
-
var QuizResultTitle =
|
|
12619
|
+
var QuizResultTitle = forwardRef23(({ className, ...props }, ref) => {
|
|
12380
12620
|
const { getQuizTitle } = useQuizStore();
|
|
12381
12621
|
const quizTitle = getQuizTitle();
|
|
12382
|
-
return /* @__PURE__ */
|
|
12622
|
+
return /* @__PURE__ */ jsx54(
|
|
12383
12623
|
"p",
|
|
12384
12624
|
{
|
|
12385
12625
|
className: cn("pt-6 pb-4 text-text-950 font-bold text-lg", className),
|
|
@@ -12389,7 +12629,7 @@ var QuizResultTitle = forwardRef22(({ className, ...props }, ref) => {
|
|
|
12389
12629
|
}
|
|
12390
12630
|
);
|
|
12391
12631
|
});
|
|
12392
|
-
var QuizResultPerformance =
|
|
12632
|
+
var QuizResultPerformance = forwardRef23(({ showDetails = true, ...props }, ref) => {
|
|
12393
12633
|
const {
|
|
12394
12634
|
getTotalQuestions,
|
|
12395
12635
|
formatTime: formatTime2,
|
|
@@ -12442,7 +12682,7 @@ var QuizResultPerformance = forwardRef22(({ showDetails = true, ...props }, ref)
|
|
|
12442
12682
|
...props,
|
|
12443
12683
|
children: [
|
|
12444
12684
|
/* @__PURE__ */ jsxs39("div", { className: "relative", children: [
|
|
12445
|
-
/* @__PURE__ */
|
|
12685
|
+
/* @__PURE__ */ jsx54(
|
|
12446
12686
|
ProgressCircle_default,
|
|
12447
12687
|
{
|
|
12448
12688
|
size: "medium",
|
|
@@ -12454,8 +12694,8 @@ var QuizResultPerformance = forwardRef22(({ showDetails = true, ...props }, ref)
|
|
|
12454
12694
|
),
|
|
12455
12695
|
/* @__PURE__ */ jsxs39("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
|
|
12456
12696
|
showDetails && /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-1 mb-1", children: [
|
|
12457
|
-
/* @__PURE__ */
|
|
12458
|
-
/* @__PURE__ */
|
|
12697
|
+
/* @__PURE__ */ jsx54(Clock3, { size: 12, weight: "regular", className: "text-text-800" }),
|
|
12698
|
+
/* @__PURE__ */ jsx54("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(
|
|
12459
12699
|
(getQuestionResultStatistics()?.timeSpent ?? 0) * 60
|
|
12460
12700
|
) })
|
|
12461
12701
|
] }),
|
|
@@ -12465,11 +12705,11 @@ var QuizResultPerformance = forwardRef22(({ showDetails = true, ...props }, ref)
|
|
|
12465
12705
|
" ",
|
|
12466
12706
|
totalQuestions
|
|
12467
12707
|
] }),
|
|
12468
|
-
/* @__PURE__ */
|
|
12708
|
+
/* @__PURE__ */ jsx54("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
|
|
12469
12709
|
] })
|
|
12470
12710
|
] }),
|
|
12471
12711
|
showDetails && /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-4 w-full", children: [
|
|
12472
|
-
/* @__PURE__ */
|
|
12712
|
+
/* @__PURE__ */ jsx54(
|
|
12473
12713
|
ProgressBar_default,
|
|
12474
12714
|
{
|
|
12475
12715
|
className: "w-full",
|
|
@@ -12483,7 +12723,7 @@ var QuizResultPerformance = forwardRef22(({ showDetails = true, ...props }, ref)
|
|
|
12483
12723
|
percentageClassName: "text-xs font-medium leading-[14px] text-right"
|
|
12484
12724
|
}
|
|
12485
12725
|
),
|
|
12486
|
-
/* @__PURE__ */
|
|
12726
|
+
/* @__PURE__ */ jsx54(
|
|
12487
12727
|
ProgressBar_default,
|
|
12488
12728
|
{
|
|
12489
12729
|
className: "w-full",
|
|
@@ -12497,7 +12737,7 @@ var QuizResultPerformance = forwardRef22(({ showDetails = true, ...props }, ref)
|
|
|
12497
12737
|
percentageClassName: "text-xs font-medium leading-[14px] text-right"
|
|
12498
12738
|
}
|
|
12499
12739
|
),
|
|
12500
|
-
/* @__PURE__ */
|
|
12740
|
+
/* @__PURE__ */ jsx54(
|
|
12501
12741
|
ProgressBar_default,
|
|
12502
12742
|
{
|
|
12503
12743
|
className: "w-full",
|
|
@@ -12516,7 +12756,7 @@ var QuizResultPerformance = forwardRef22(({ showDetails = true, ...props }, ref)
|
|
|
12516
12756
|
}
|
|
12517
12757
|
);
|
|
12518
12758
|
});
|
|
12519
|
-
var QuizListResult =
|
|
12759
|
+
var QuizListResult = forwardRef23(({ className, onSubjectClick, ...props }, ref) => {
|
|
12520
12760
|
const { getQuestionsGroupedBySubject } = useQuizStore();
|
|
12521
12761
|
const { isDark } = useTheme();
|
|
12522
12762
|
const groupedQuestions = getQuestionsGroupedBySubject();
|
|
@@ -12545,8 +12785,8 @@ var QuizListResult = forwardRef22(({ className, onSubjectClick, ...props }, ref)
|
|
|
12545
12785
|
}
|
|
12546
12786
|
);
|
|
12547
12787
|
return /* @__PURE__ */ jsxs39("section", { ref, className, ...props, children: [
|
|
12548
|
-
/* @__PURE__ */
|
|
12549
|
-
/* @__PURE__ */
|
|
12788
|
+
/* @__PURE__ */ jsx54("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
|
|
12789
|
+
/* @__PURE__ */ jsx54("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ jsx54("li", { children: /* @__PURE__ */ jsx54(
|
|
12550
12790
|
CardResults,
|
|
12551
12791
|
{
|
|
12552
12792
|
onClick: () => onSubjectClick?.(subject.subject.id),
|
|
@@ -12571,15 +12811,15 @@ var QuizListResultByMateria = ({
|
|
|
12571
12811
|
const answeredQuestions = groupedQuestions[subject] || [];
|
|
12572
12812
|
const formattedQuestions = subject == "all" ? Object.values(groupedQuestions).flat() : answeredQuestions;
|
|
12573
12813
|
return /* @__PURE__ */ jsxs39("div", { className: "flex flex-col", children: [
|
|
12574
|
-
/* @__PURE__ */
|
|
12814
|
+
/* @__PURE__ */ jsx54("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ jsx54("p", { className: "text-text-950 font-bold text-2xl", children: subjectName || formattedQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name || "Sem mat\xE9ria" }) }),
|
|
12575
12815
|
/* @__PURE__ */ jsxs39("section", { className: "flex flex-col ", children: [
|
|
12576
|
-
/* @__PURE__ */
|
|
12577
|
-
/* @__PURE__ */
|
|
12816
|
+
/* @__PURE__ */ jsx54("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
|
|
12817
|
+
/* @__PURE__ */ jsx54("ul", { className: "flex flex-col gap-2 pt-4", children: formattedQuestions.map((question) => {
|
|
12578
12818
|
const questionIndex = getQuestionIndex(
|
|
12579
12819
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
12580
12820
|
question.questionId ?? question.id
|
|
12581
12821
|
);
|
|
12582
|
-
return /* @__PURE__ */
|
|
12822
|
+
return /* @__PURE__ */ jsx54("li", { children: /* @__PURE__ */ jsx54(
|
|
12583
12823
|
CardStatus,
|
|
12584
12824
|
{
|
|
12585
12825
|
className: "max-w-full",
|
|
@@ -12605,7 +12845,7 @@ var QuizListResultByMateria = ({
|
|
|
12605
12845
|
|
|
12606
12846
|
// src/components/BreadcrumbMenu/BreadcrumbMenu.tsx
|
|
12607
12847
|
import { useNavigate } from "react-router-dom";
|
|
12608
|
-
import { jsx as
|
|
12848
|
+
import { jsx as jsx55 } from "react/jsx-runtime";
|
|
12609
12849
|
var BreadcrumbMenu = ({
|
|
12610
12850
|
breadcrumbs,
|
|
12611
12851
|
onBreadcrumbClick,
|
|
@@ -12618,17 +12858,17 @@ var BreadcrumbMenu = ({
|
|
|
12618
12858
|
}
|
|
12619
12859
|
navigate(breadcrumb.url);
|
|
12620
12860
|
};
|
|
12621
|
-
return /* @__PURE__ */
|
|
12861
|
+
return /* @__PURE__ */ jsx55(
|
|
12622
12862
|
Menu,
|
|
12623
12863
|
{
|
|
12624
12864
|
value: `breadcrumb-${breadcrumbs.length - 1}`,
|
|
12625
12865
|
defaultValue: "breadcrumb-0",
|
|
12626
12866
|
variant: "breadcrumb",
|
|
12627
12867
|
className,
|
|
12628
|
-
children: /* @__PURE__ */
|
|
12868
|
+
children: /* @__PURE__ */ jsx55(MenuContent, { className: "w-full flex flex-row flex-wrap gap-2 !px-0", children: breadcrumbs.map((breadcrumb, index) => {
|
|
12629
12869
|
const isLast = index === breadcrumbs.length - 1;
|
|
12630
12870
|
const hasSeparator = !isLast;
|
|
12631
|
-
return /* @__PURE__ */
|
|
12871
|
+
return /* @__PURE__ */ jsx55(
|
|
12632
12872
|
MenuItem,
|
|
12633
12873
|
{
|
|
12634
12874
|
variant: "breadcrumb",
|
|
@@ -12646,11 +12886,11 @@ var BreadcrumbMenu = ({
|
|
|
12646
12886
|
};
|
|
12647
12887
|
|
|
12648
12888
|
// src/components/BreadcrumbMenu/useBreadcrumbBuilder.ts
|
|
12649
|
-
import { useEffect as
|
|
12889
|
+
import { useEffect as useEffect24 } from "react";
|
|
12650
12890
|
|
|
12651
12891
|
// src/components/BreadcrumbMenu/breadcrumbStore.ts
|
|
12652
|
-
import { create as
|
|
12653
|
-
var useBreadcrumbStore =
|
|
12892
|
+
import { create as create11 } from "zustand";
|
|
12893
|
+
var useBreadcrumbStore = create11((set, get) => ({
|
|
12654
12894
|
breadcrumbs: {},
|
|
12655
12895
|
setBreadcrumbs: (namespace, items) => {
|
|
12656
12896
|
set((state) => ({
|
|
@@ -12775,7 +13015,7 @@ var useBreadcrumbBuilder = (config) => {
|
|
|
12775
13015
|
(level) => isBreadcrumbWithData(level) ? level.data : null
|
|
12776
13016
|
);
|
|
12777
13017
|
const levelUrlIds = levels.map((level) => level.urlId);
|
|
12778
|
-
|
|
13018
|
+
useEffect24(() => {
|
|
12779
13019
|
const newBreadcrumbs = [root];
|
|
12780
13020
|
const previousIds = [];
|
|
12781
13021
|
for (const level of levels) {
|
|
@@ -12825,12 +13065,12 @@ var useUrlParams = (config) => {
|
|
|
12825
13065
|
import { useMemo as useMemo8 } from "react";
|
|
12826
13066
|
|
|
12827
13067
|
// src/hooks/useInstitution.ts
|
|
12828
|
-
import { useEffect as
|
|
13068
|
+
import { useEffect as useEffect25, useState as useState24 } from "react";
|
|
12829
13069
|
function useInstitutionId() {
|
|
12830
|
-
const [institutionId, setInstitutionId] =
|
|
13070
|
+
const [institutionId, setInstitutionId] = useState24(() => {
|
|
12831
13071
|
return document.querySelector('meta[name="institution-id"]')?.getAttribute("content") ?? null;
|
|
12832
13072
|
});
|
|
12833
|
-
|
|
13073
|
+
useEffect25(() => {
|
|
12834
13074
|
const metaTag = document.querySelector('meta[name="institution-id"]');
|
|
12835
13075
|
if (!metaTag) return;
|
|
12836
13076
|
const observer = new MutationObserver(() => {
|
|
@@ -12847,9 +13087,9 @@ function useInstitutionId() {
|
|
|
12847
13087
|
}
|
|
12848
13088
|
|
|
12849
13089
|
// src/store/appStore.ts
|
|
12850
|
-
import { create as
|
|
13090
|
+
import { create as create12 } from "zustand";
|
|
12851
13091
|
import { createJSONStorage, persist as persist2 } from "zustand/middleware";
|
|
12852
|
-
var useAppStore =
|
|
13092
|
+
var useAppStore = create12()(
|
|
12853
13093
|
persist2(
|
|
12854
13094
|
(set, get) => ({
|
|
12855
13095
|
institutionId: null,
|
|
@@ -12893,9 +13133,9 @@ var useAppStore = create11()(
|
|
|
12893
13133
|
);
|
|
12894
13134
|
|
|
12895
13135
|
// src/store/authStore.ts
|
|
12896
|
-
import { create as
|
|
13136
|
+
import { create as create13 } from "zustand";
|
|
12897
13137
|
import { createJSONStorage as createJSONStorage2, persist as persist3 } from "zustand/middleware";
|
|
12898
|
-
var useAuthStore =
|
|
13138
|
+
var useAuthStore = create13()(
|
|
12899
13139
|
persist3(
|
|
12900
13140
|
(set, get) => ({
|
|
12901
13141
|
user: null,
|
|
@@ -13034,7 +13274,7 @@ function useAppInitialization() {
|
|
|
13034
13274
|
}
|
|
13035
13275
|
|
|
13036
13276
|
// src/hooks/useAppContent.ts
|
|
13037
|
-
import { useCallback as useCallback7, useEffect as
|
|
13277
|
+
import { useCallback as useCallback7, useEffect as useEffect26, useMemo as useMemo9 } from "react";
|
|
13038
13278
|
import { useNavigate as useNavigate2 } from "react-router-dom";
|
|
13039
13279
|
function useAppContent(config) {
|
|
13040
13280
|
const navigate = useNavigate2();
|
|
@@ -13113,7 +13353,7 @@ function useAppContent(config) {
|
|
|
13113
13353
|
const institutionIdToUse = useMemo9(() => {
|
|
13114
13354
|
return sessionInfo?.institutionId || getInstitutionId;
|
|
13115
13355
|
}, [sessionInfo?.institutionId, getInstitutionId]);
|
|
13116
|
-
|
|
13356
|
+
useEffect26(() => {
|
|
13117
13357
|
if (institutionIdToUse && !initialized) {
|
|
13118
13358
|
initialize(institutionIdToUse);
|
|
13119
13359
|
}
|
|
@@ -13126,6 +13366,7 @@ function useAppContent(config) {
|
|
|
13126
13366
|
}
|
|
13127
13367
|
export {
|
|
13128
13368
|
ANSWER_STATUS,
|
|
13369
|
+
AccordionGroup,
|
|
13129
13370
|
Alert_default as Alert,
|
|
13130
13371
|
AlertDialog,
|
|
13131
13372
|
AlternativesList,
|
|
@@ -13228,6 +13469,13 @@ export {
|
|
|
13228
13469
|
SubjectEnum,
|
|
13229
13470
|
SubjectInfo,
|
|
13230
13471
|
Table_default as Table,
|
|
13472
|
+
TableBody,
|
|
13473
|
+
TableCaption,
|
|
13474
|
+
TableCell,
|
|
13475
|
+
TableFooter,
|
|
13476
|
+
TableHead,
|
|
13477
|
+
TableHeader,
|
|
13478
|
+
TableRow,
|
|
13231
13479
|
Text_default as Text,
|
|
13232
13480
|
TextArea_default as TextArea,
|
|
13233
13481
|
ThemeToggle,
|