analytica-frontend-lib 1.0.92 → 1.0.94
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/IconRender/index.d.mts +36 -0
- package/dist/IconRender/index.d.ts +36 -0
- package/dist/IconRender/index.js +162 -0
- package/dist/IconRender/index.js.map +1 -0
- package/dist/IconRender/index.mjs +127 -0
- package/dist/IconRender/index.mjs.map +1 -0
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +324 -189
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +313 -189
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -1
package/dist/index.js
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
5
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
8
|
var __export = (target, all) => {
|
|
7
9
|
for (var name in all)
|
|
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
15
17
|
}
|
|
16
18
|
return to;
|
|
17
19
|
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
18
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
29
|
|
|
20
30
|
// src/index.ts
|
|
@@ -49,6 +59,7 @@ __export(src_exports, {
|
|
|
49
59
|
DropdownMenuSeparator: () => DropdownMenuSeparator,
|
|
50
60
|
DropdownMenuTrigger: () => DropdownMenuTrigger,
|
|
51
61
|
IconButton: () => IconButton_default,
|
|
62
|
+
IconRender: () => IconRender_default,
|
|
52
63
|
IconRoundedButton: () => IconRoundedButton_default,
|
|
53
64
|
Input: () => Input_default,
|
|
54
65
|
Menu: () => Menu_default,
|
|
@@ -5244,11 +5255,134 @@ var MultipleChoiceList = ({
|
|
|
5244
5255
|
);
|
|
5245
5256
|
};
|
|
5246
5257
|
|
|
5258
|
+
// src/components/IconRender/IconRender.tsx
|
|
5259
|
+
var PhosphorIcons = __toESM(require("phosphor-react"));
|
|
5260
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
5261
|
+
var ChatPT = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
5262
|
+
"svg",
|
|
5263
|
+
{
|
|
5264
|
+
width: size,
|
|
5265
|
+
height: size,
|
|
5266
|
+
viewBox: "0 0 32 32",
|
|
5267
|
+
fill: "none",
|
|
5268
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5269
|
+
children: [
|
|
5270
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
5271
|
+
"path",
|
|
5272
|
+
{
|
|
5273
|
+
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",
|
|
5274
|
+
fill: color
|
|
5275
|
+
}
|
|
5276
|
+
),
|
|
5277
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
5278
|
+
"path",
|
|
5279
|
+
{
|
|
5280
|
+
d: "M21.1758 12V20.5312H19.7168V12H21.1758ZM23.8535 12V13.1719H17.0625V12H23.8535Z",
|
|
5281
|
+
fill: color
|
|
5282
|
+
}
|
|
5283
|
+
),
|
|
5284
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
5285
|
+
"path",
|
|
5286
|
+
{
|
|
5287
|
+
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",
|
|
5288
|
+
fill: color
|
|
5289
|
+
}
|
|
5290
|
+
)
|
|
5291
|
+
]
|
|
5292
|
+
}
|
|
5293
|
+
);
|
|
5294
|
+
var ChatEN = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
5295
|
+
"svg",
|
|
5296
|
+
{
|
|
5297
|
+
width: size,
|
|
5298
|
+
height: size,
|
|
5299
|
+
viewBox: "0 0 32 32",
|
|
5300
|
+
fill: "none",
|
|
5301
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5302
|
+
children: [
|
|
5303
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
5304
|
+
"path",
|
|
5305
|
+
{
|
|
5306
|
+
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",
|
|
5307
|
+
fill: color
|
|
5308
|
+
}
|
|
5309
|
+
),
|
|
5310
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
5311
|
+
"path",
|
|
5312
|
+
{
|
|
5313
|
+
d: "M22.5488 12V20.5312H21.0781L17.252 14.4199V20.5312H15.7812V12H17.252L21.0898 18.123V12H22.5488Z",
|
|
5314
|
+
fill: color
|
|
5315
|
+
}
|
|
5316
|
+
),
|
|
5317
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
5318
|
+
"path",
|
|
5319
|
+
{
|
|
5320
|
+
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",
|
|
5321
|
+
fill: color
|
|
5322
|
+
}
|
|
5323
|
+
)
|
|
5324
|
+
]
|
|
5325
|
+
}
|
|
5326
|
+
);
|
|
5327
|
+
var ChatES = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
5328
|
+
"svg",
|
|
5329
|
+
{
|
|
5330
|
+
width: size,
|
|
5331
|
+
height: size,
|
|
5332
|
+
viewBox: "0 0 32 32",
|
|
5333
|
+
fill: "none",
|
|
5334
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5335
|
+
children: [
|
|
5336
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
5337
|
+
"path",
|
|
5338
|
+
{
|
|
5339
|
+
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",
|
|
5340
|
+
fill: color
|
|
5341
|
+
}
|
|
5342
|
+
),
|
|
5343
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
5344
|
+
"path",
|
|
5345
|
+
{
|
|
5346
|
+
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",
|
|
5347
|
+
fill: color
|
|
5348
|
+
}
|
|
5349
|
+
),
|
|
5350
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
5351
|
+
"path",
|
|
5352
|
+
{
|
|
5353
|
+
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",
|
|
5354
|
+
fill: color
|
|
5355
|
+
}
|
|
5356
|
+
)
|
|
5357
|
+
]
|
|
5358
|
+
}
|
|
5359
|
+
);
|
|
5360
|
+
var IconRender = ({
|
|
5361
|
+
iconName,
|
|
5362
|
+
color = "#000000",
|
|
5363
|
+
size = 24,
|
|
5364
|
+
weight = "regular"
|
|
5365
|
+
}) => {
|
|
5366
|
+
switch (iconName) {
|
|
5367
|
+
case "Chat_PT":
|
|
5368
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChatPT, { size, color });
|
|
5369
|
+
case "Chat_EN":
|
|
5370
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChatEN, { size, color });
|
|
5371
|
+
case "Chat_ES":
|
|
5372
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChatES, { size, color });
|
|
5373
|
+
default: {
|
|
5374
|
+
const IconComponent = PhosphorIcons[iconName] || PhosphorIcons.Question;
|
|
5375
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(IconComponent, { size, color, weight });
|
|
5376
|
+
}
|
|
5377
|
+
}
|
|
5378
|
+
};
|
|
5379
|
+
var IconRender_default = IconRender;
|
|
5380
|
+
|
|
5247
5381
|
// src/components/DropdownMenu/DropdownMenu.tsx
|
|
5248
5382
|
var import_phosphor_react14 = require("phosphor-react");
|
|
5249
5383
|
var import_react17 = require("react");
|
|
5250
5384
|
var import_zustand4 = require("zustand");
|
|
5251
|
-
var
|
|
5385
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
5252
5386
|
function createDropdownStore() {
|
|
5253
5387
|
return (0, import_zustand4.create)((set) => ({
|
|
5254
5388
|
open: false,
|
|
@@ -5343,7 +5477,7 @@ var DropdownMenu = ({
|
|
|
5343
5477
|
setOpen(propOpen);
|
|
5344
5478
|
}
|
|
5345
5479
|
}, [propOpen]);
|
|
5346
|
-
return /* @__PURE__ */ (0,
|
|
5480
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "relative", ref: menuRef, children: injectStore3(children, store) });
|
|
5347
5481
|
};
|
|
5348
5482
|
var DropdownMenuTrigger = ({
|
|
5349
5483
|
className,
|
|
@@ -5355,7 +5489,7 @@ var DropdownMenuTrigger = ({
|
|
|
5355
5489
|
const store = useDropdownStore(externalStore);
|
|
5356
5490
|
const open = (0, import_zustand4.useStore)(store, (s) => s.open);
|
|
5357
5491
|
const toggleOpen = () => store.setState({ open: !open });
|
|
5358
|
-
return /* @__PURE__ */ (0,
|
|
5492
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
5359
5493
|
"button",
|
|
5360
5494
|
{
|
|
5361
5495
|
onClick: (e) => {
|
|
@@ -5391,7 +5525,7 @@ var MENUCONTENT_VARIANT_CLASSES = {
|
|
|
5391
5525
|
profile: "p-6"
|
|
5392
5526
|
};
|
|
5393
5527
|
var MenuLabel = (0, import_react17.forwardRef)(({ className, inset, store: _store, ...props }, ref) => {
|
|
5394
|
-
return /* @__PURE__ */ (0,
|
|
5528
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
5395
5529
|
"div",
|
|
5396
5530
|
{
|
|
5397
5531
|
ref,
|
|
@@ -5430,7 +5564,7 @@ var DropdownMenuContent = (0, import_react17.forwardRef)(
|
|
|
5430
5564
|
return `absolute ${vertical} ${horizontal}`;
|
|
5431
5565
|
};
|
|
5432
5566
|
const variantClasses = MENUCONTENT_VARIANT_CLASSES[variant];
|
|
5433
|
-
return /* @__PURE__ */ (0,
|
|
5567
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
5434
5568
|
"div",
|
|
5435
5569
|
{
|
|
5436
5570
|
ref,
|
|
@@ -5489,7 +5623,7 @@ var DropdownMenuItem = (0, import_react17.forwardRef)(
|
|
|
5489
5623
|
const getVariantProps = () => {
|
|
5490
5624
|
return variant === "profile" ? { "data-variant": "profile" } : {};
|
|
5491
5625
|
};
|
|
5492
|
-
return /* @__PURE__ */ (0,
|
|
5626
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
5493
5627
|
"div",
|
|
5494
5628
|
{
|
|
5495
5629
|
ref,
|
|
@@ -5511,7 +5645,7 @@ var DropdownMenuItem = (0, import_react17.forwardRef)(
|
|
|
5511
5645
|
...props,
|
|
5512
5646
|
children: [
|
|
5513
5647
|
iconLeft,
|
|
5514
|
-
/* @__PURE__ */ (0,
|
|
5648
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "w-full text-md", children }),
|
|
5515
5649
|
iconRight
|
|
5516
5650
|
]
|
|
5517
5651
|
}
|
|
@@ -5519,7 +5653,7 @@ var DropdownMenuItem = (0, import_react17.forwardRef)(
|
|
|
5519
5653
|
}
|
|
5520
5654
|
);
|
|
5521
5655
|
DropdownMenuItem.displayName = "DropdownMenuItem";
|
|
5522
|
-
var DropdownMenuSeparator = (0, import_react17.forwardRef)(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ (0,
|
|
5656
|
+
var DropdownMenuSeparator = (0, import_react17.forwardRef)(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
5523
5657
|
"div",
|
|
5524
5658
|
{
|
|
5525
5659
|
ref,
|
|
@@ -5532,7 +5666,7 @@ var ProfileMenuTrigger = (0, import_react17.forwardRef)(({ className, onClick, s
|
|
|
5532
5666
|
const store = useDropdownStore(externalStore);
|
|
5533
5667
|
const open = (0, import_zustand4.useStore)(store, (s) => s.open);
|
|
5534
5668
|
const toggleOpen = () => store.setState({ open: !open });
|
|
5535
|
-
return /* @__PURE__ */ (0,
|
|
5669
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
5536
5670
|
"button",
|
|
5537
5671
|
{
|
|
5538
5672
|
ref,
|
|
@@ -5547,13 +5681,13 @@ var ProfileMenuTrigger = (0, import_react17.forwardRef)(({ className, onClick, s
|
|
|
5547
5681
|
},
|
|
5548
5682
|
"aria-expanded": open,
|
|
5549
5683
|
...props,
|
|
5550
|
-
children: /* @__PURE__ */ (0,
|
|
5684
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "size-6 rounded-full bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react14.User, { className: "text-primary-950", size: 18 }) })
|
|
5551
5685
|
}
|
|
5552
5686
|
);
|
|
5553
5687
|
});
|
|
5554
5688
|
ProfileMenuTrigger.displayName = "ProfileMenuTrigger";
|
|
5555
5689
|
var ProfileMenuHeader = (0, import_react17.forwardRef)(({ className, name, email, store: _store, ...props }, ref) => {
|
|
5556
|
-
return /* @__PURE__ */ (0,
|
|
5690
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
5557
5691
|
"div",
|
|
5558
5692
|
{
|
|
5559
5693
|
ref,
|
|
@@ -5561,10 +5695,10 @@ var ProfileMenuHeader = (0, import_react17.forwardRef)(({ className, name, email
|
|
|
5561
5695
|
className: cn("flex flex-row gap-4 items-center", className),
|
|
5562
5696
|
...props,
|
|
5563
5697
|
children: [
|
|
5564
|
-
/* @__PURE__ */ (0,
|
|
5565
|
-
/* @__PURE__ */ (0,
|
|
5566
|
-
/* @__PURE__ */ (0,
|
|
5567
|
-
/* @__PURE__ */ (0,
|
|
5698
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "size-16 bg-primary-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react14.User, { size: 34, className: "text-primary-950" }) }),
|
|
5699
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col ", children: [
|
|
5700
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-xl font-bold text-text-950", children: name }),
|
|
5701
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-md text-text-600", children: email })
|
|
5568
5702
|
] })
|
|
5569
5703
|
]
|
|
5570
5704
|
}
|
|
@@ -5572,7 +5706,7 @@ var ProfileMenuHeader = (0, import_react17.forwardRef)(({ className, name, email
|
|
|
5572
5706
|
});
|
|
5573
5707
|
ProfileMenuHeader.displayName = "ProfileMenuHeader";
|
|
5574
5708
|
var ProfileMenuSection = (0, import_react17.forwardRef)(({ className, children, store: _store, ...props }, ref) => {
|
|
5575
|
-
return /* @__PURE__ */ (0,
|
|
5709
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { ref, className: cn("flex flex-col p-2", className), ...props, children });
|
|
5576
5710
|
});
|
|
5577
5711
|
ProfileMenuSection.displayName = "ProfileMenuSection";
|
|
5578
5712
|
var ProfileMenuFooter = ({
|
|
@@ -5584,7 +5718,7 @@ var ProfileMenuFooter = ({
|
|
|
5584
5718
|
}) => {
|
|
5585
5719
|
const store = useDropdownStore(externalStore);
|
|
5586
5720
|
const setOpen = (0, import_zustand4.useStore)(store, (s) => s.setOpen);
|
|
5587
|
-
return /* @__PURE__ */ (0,
|
|
5721
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
5588
5722
|
Button_default,
|
|
5589
5723
|
{
|
|
5590
5724
|
variant: "outline",
|
|
@@ -5596,8 +5730,8 @@ var ProfileMenuFooter = ({
|
|
|
5596
5730
|
},
|
|
5597
5731
|
...props,
|
|
5598
5732
|
children: [
|
|
5599
|
-
/* @__PURE__ */ (0,
|
|
5600
|
-
/* @__PURE__ */ (0,
|
|
5733
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react14.SignOut, {}) }),
|
|
5734
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Sair" })
|
|
5601
5735
|
]
|
|
5602
5736
|
}
|
|
5603
5737
|
);
|
|
@@ -5609,7 +5743,7 @@ var DropdownMenu_default = DropdownMenu;
|
|
|
5609
5743
|
var import_zustand5 = require("zustand");
|
|
5610
5744
|
var import_react18 = require("react");
|
|
5611
5745
|
var import_phosphor_react15 = require("phosphor-react");
|
|
5612
|
-
var
|
|
5746
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
5613
5747
|
var VARIANT_CLASSES4 = {
|
|
5614
5748
|
outlined: "border rounded-lg focus:border-primary-950",
|
|
5615
5749
|
underlined: "border-b focus:border-primary-950",
|
|
@@ -5669,7 +5803,7 @@ function getLabelAsNode(children) {
|
|
|
5669
5803
|
}
|
|
5670
5804
|
const flattened = import_react18.Children.toArray(children);
|
|
5671
5805
|
if (flattened.length === 1) return flattened[0];
|
|
5672
|
-
return /* @__PURE__ */ (0,
|
|
5806
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: flattened });
|
|
5673
5807
|
}
|
|
5674
5808
|
var injectStore4 = (children, store, size, selectId) => {
|
|
5675
5809
|
return import_react18.Children.map(children, (child) => {
|
|
@@ -5779,8 +5913,8 @@ var Select = ({
|
|
|
5779
5913
|
}
|
|
5780
5914
|
}, [propValue]);
|
|
5781
5915
|
const sizeClasses = SIZE_CLASSES12[size];
|
|
5782
|
-
return /* @__PURE__ */ (0,
|
|
5783
|
-
label && /* @__PURE__ */ (0,
|
|
5916
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "w-full", children: [
|
|
5917
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
5784
5918
|
"label",
|
|
5785
5919
|
{
|
|
5786
5920
|
htmlFor: selectId,
|
|
@@ -5788,11 +5922,11 @@ var Select = ({
|
|
|
5788
5922
|
children: label
|
|
5789
5923
|
}
|
|
5790
5924
|
),
|
|
5791
|
-
/* @__PURE__ */ (0,
|
|
5792
|
-
/* @__PURE__ */ (0,
|
|
5793
|
-
helperText && /* @__PURE__ */ (0,
|
|
5794
|
-
errorMessage && /* @__PURE__ */ (0,
|
|
5795
|
-
/* @__PURE__ */ (0,
|
|
5925
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("relative", sizeClasses), ref: selectRef, children: injectStore4(children, store, size, selectId) }),
|
|
5926
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "mt-1.5 gap-1.5", children: [
|
|
5927
|
+
helperText && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-sm text-text-500", children: helperText }),
|
|
5928
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
|
|
5929
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react15.WarningCircle, { size: 16 }),
|
|
5796
5930
|
" ",
|
|
5797
5931
|
errorMessage
|
|
5798
5932
|
] })
|
|
@@ -5806,7 +5940,7 @@ var SelectValue = ({
|
|
|
5806
5940
|
const store = useSelectStore(externalStore);
|
|
5807
5941
|
const selectedLabel = (0, import_zustand5.useStore)(store, (s) => s.selectedLabel);
|
|
5808
5942
|
const value = (0, import_zustand5.useStore)(store, (s) => s.value);
|
|
5809
|
-
return /* @__PURE__ */ (0,
|
|
5943
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-inherit", children: selectedLabel || placeholder || value });
|
|
5810
5944
|
};
|
|
5811
5945
|
var SelectTrigger = (0, import_react18.forwardRef)(
|
|
5812
5946
|
({
|
|
@@ -5825,7 +5959,7 @@ var SelectTrigger = (0, import_react18.forwardRef)(
|
|
|
5825
5959
|
const variantClasses = VARIANT_CLASSES4[variant];
|
|
5826
5960
|
const heightClasses = HEIGHT_CLASSES[size];
|
|
5827
5961
|
const paddingClasses = PADDING_CLASSES[size];
|
|
5828
|
-
return /* @__PURE__ */ (0,
|
|
5962
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
5829
5963
|
"button",
|
|
5830
5964
|
{
|
|
5831
5965
|
ref,
|
|
@@ -5846,7 +5980,7 @@ var SelectTrigger = (0, import_react18.forwardRef)(
|
|
|
5846
5980
|
...props,
|
|
5847
5981
|
children: [
|
|
5848
5982
|
props.children,
|
|
5849
|
-
/* @__PURE__ */ (0,
|
|
5983
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
5850
5984
|
import_phosphor_react15.CaretDown,
|
|
5851
5985
|
{
|
|
5852
5986
|
className: cn(
|
|
@@ -5874,7 +6008,7 @@ var SelectContent = (0, import_react18.forwardRef)(
|
|
|
5874
6008
|
const open = (0, import_zustand5.useStore)(store, (s) => s.open);
|
|
5875
6009
|
if (!open) return null;
|
|
5876
6010
|
const getPositionClasses = () => `w-full min-w-full absolute ${SIDE_CLASSES2[side]} ${ALIGN_CLASSES2[align]}`;
|
|
5877
|
-
return /* @__PURE__ */ (0,
|
|
6011
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
5878
6012
|
"div",
|
|
5879
6013
|
{
|
|
5880
6014
|
role: "menu",
|
|
@@ -5918,7 +6052,7 @@ var SelectItem = (0, import_react18.forwardRef)(
|
|
|
5918
6052
|
}
|
|
5919
6053
|
props.onClick?.(e);
|
|
5920
6054
|
};
|
|
5921
|
-
return /* @__PURE__ */ (0,
|
|
6055
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
5922
6056
|
"div",
|
|
5923
6057
|
{
|
|
5924
6058
|
role: "menuitem",
|
|
@@ -5938,7 +6072,7 @@ var SelectItem = (0, import_react18.forwardRef)(
|
|
|
5938
6072
|
tabIndex: disabled ? -1 : 0,
|
|
5939
6073
|
...props,
|
|
5940
6074
|
children: [
|
|
5941
|
-
/* @__PURE__ */ (0,
|
|
6075
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react15.Check, { className: "" }) }),
|
|
5942
6076
|
children
|
|
5943
6077
|
]
|
|
5944
6078
|
}
|
|
@@ -5952,7 +6086,7 @@ var Select_default = Select;
|
|
|
5952
6086
|
var import_zustand6 = require("zustand");
|
|
5953
6087
|
var import_react19 = require("react");
|
|
5954
6088
|
var import_phosphor_react16 = require("phosphor-react");
|
|
5955
|
-
var
|
|
6089
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
5956
6090
|
var createMenuStore = (onValueChange) => (0, import_zustand6.create)((set) => ({
|
|
5957
6091
|
value: "",
|
|
5958
6092
|
setValue: (value) => {
|
|
@@ -5989,7 +6123,7 @@ var Menu = (0, import_react19.forwardRef)(
|
|
|
5989
6123
|
}, [defaultValue, propValue, setValue]);
|
|
5990
6124
|
const baseClasses = "w-full py-2 flex flex-row items-center justify-center";
|
|
5991
6125
|
const variantClasses = VARIANT_CLASSES5[variant];
|
|
5992
|
-
return /* @__PURE__ */ (0,
|
|
6126
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
5993
6127
|
"div",
|
|
5994
6128
|
{
|
|
5995
6129
|
ref,
|
|
@@ -6009,7 +6143,7 @@ var MenuContent = (0, import_react19.forwardRef)(
|
|
|
6009
6143
|
({ className, children, variant = "menu", ...props }, ref) => {
|
|
6010
6144
|
const baseClasses = "w-full flex flex-row items-center gap-2";
|
|
6011
6145
|
const variantClasses = variant === "menu2" ? "overflow-x-auto scroll-smooth" : "";
|
|
6012
|
-
return /* @__PURE__ */ (0,
|
|
6146
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
6013
6147
|
"ul",
|
|
6014
6148
|
{
|
|
6015
6149
|
ref,
|
|
@@ -6061,7 +6195,7 @@ var MenuItem = (0, import_react19.forwardRef)(
|
|
|
6061
6195
|
...props
|
|
6062
6196
|
};
|
|
6063
6197
|
const variants = {
|
|
6064
|
-
menu: /* @__PURE__ */ (0,
|
|
6198
|
+
menu: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
6065
6199
|
"li",
|
|
6066
6200
|
{
|
|
6067
6201
|
"data-variant": "menu",
|
|
@@ -6076,7 +6210,7 @@ var MenuItem = (0, import_react19.forwardRef)(
|
|
|
6076
6210
|
children
|
|
6077
6211
|
}
|
|
6078
6212
|
),
|
|
6079
|
-
menu2: /* @__PURE__ */ (0,
|
|
6213
|
+
menu2: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
6080
6214
|
"li",
|
|
6081
6215
|
{
|
|
6082
6216
|
"data-variant": "menu2",
|
|
@@ -6087,7 +6221,7 @@ var MenuItem = (0, import_react19.forwardRef)(
|
|
|
6087
6221
|
`,
|
|
6088
6222
|
...commonProps,
|
|
6089
6223
|
children: [
|
|
6090
|
-
/* @__PURE__ */ (0,
|
|
6224
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
6091
6225
|
"span",
|
|
6092
6226
|
{
|
|
6093
6227
|
className: cn(
|
|
@@ -6097,11 +6231,11 @@ var MenuItem = (0, import_react19.forwardRef)(
|
|
|
6097
6231
|
children
|
|
6098
6232
|
}
|
|
6099
6233
|
),
|
|
6100
|
-
selectedValue === value && /* @__PURE__ */ (0,
|
|
6234
|
+
selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
|
|
6101
6235
|
]
|
|
6102
6236
|
}
|
|
6103
6237
|
),
|
|
6104
|
-
breadcrumb: /* @__PURE__ */ (0,
|
|
6238
|
+
breadcrumb: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
6105
6239
|
"li",
|
|
6106
6240
|
{
|
|
6107
6241
|
"data-variant": "breadcrumb",
|
|
@@ -6113,7 +6247,7 @@ var MenuItem = (0, import_react19.forwardRef)(
|
|
|
6113
6247
|
`,
|
|
6114
6248
|
...commonProps,
|
|
6115
6249
|
children: [
|
|
6116
|
-
/* @__PURE__ */ (0,
|
|
6250
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
6117
6251
|
"span",
|
|
6118
6252
|
{
|
|
6119
6253
|
className: cn(
|
|
@@ -6123,7 +6257,7 @@ var MenuItem = (0, import_react19.forwardRef)(
|
|
|
6123
6257
|
children
|
|
6124
6258
|
}
|
|
6125
6259
|
),
|
|
6126
|
-
separator && /* @__PURE__ */ (0,
|
|
6260
|
+
separator && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
6127
6261
|
import_phosphor_react16.CaretRight,
|
|
6128
6262
|
{
|
|
6129
6263
|
size: 16,
|
|
@@ -6178,25 +6312,25 @@ var MenuOverflow = ({
|
|
|
6178
6312
|
window.removeEventListener("resize", checkScroll);
|
|
6179
6313
|
};
|
|
6180
6314
|
}, []);
|
|
6181
|
-
return /* @__PURE__ */ (0,
|
|
6315
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
6182
6316
|
"div",
|
|
6183
6317
|
{
|
|
6184
6318
|
"data-testid": "menu-overflow-wrapper",
|
|
6185
6319
|
className: cn("relative w-full overflow-hidden", className),
|
|
6186
6320
|
children: [
|
|
6187
|
-
showLeftArrow && /* @__PURE__ */ (0,
|
|
6321
|
+
showLeftArrow && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
6188
6322
|
"button",
|
|
6189
6323
|
{
|
|
6190
6324
|
onClick: () => internalScroll(containerRef.current, "left"),
|
|
6191
6325
|
className: "absolute left-0 top-1/2 -translate-y-1/2 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white shadow-md cursor-pointer",
|
|
6192
6326
|
"data-testid": "scroll-left-button",
|
|
6193
6327
|
children: [
|
|
6194
|
-
/* @__PURE__ */ (0,
|
|
6195
|
-
/* @__PURE__ */ (0,
|
|
6328
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_phosphor_react16.CaretLeft, { size: 16 }),
|
|
6329
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "sr-only", children: "Scroll left" })
|
|
6196
6330
|
]
|
|
6197
6331
|
}
|
|
6198
6332
|
),
|
|
6199
|
-
/* @__PURE__ */ (0,
|
|
6333
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
6200
6334
|
Menu,
|
|
6201
6335
|
{
|
|
6202
6336
|
defaultValue,
|
|
@@ -6204,18 +6338,18 @@ var MenuOverflow = ({
|
|
|
6204
6338
|
value,
|
|
6205
6339
|
variant: "menu2",
|
|
6206
6340
|
...props,
|
|
6207
|
-
children: /* @__PURE__ */ (0,
|
|
6341
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MenuContent, { ref: containerRef, variant: "menu2", children })
|
|
6208
6342
|
}
|
|
6209
6343
|
),
|
|
6210
|
-
showRightArrow && /* @__PURE__ */ (0,
|
|
6344
|
+
showRightArrow && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
6211
6345
|
"button",
|
|
6212
6346
|
{
|
|
6213
6347
|
onClick: () => internalScroll(containerRef.current, "right"),
|
|
6214
6348
|
className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white shadow-md cursor-pointer",
|
|
6215
6349
|
"data-testid": "scroll-right-button",
|
|
6216
6350
|
children: [
|
|
6217
|
-
/* @__PURE__ */ (0,
|
|
6218
|
-
/* @__PURE__ */ (0,
|
|
6351
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_phosphor_react16.CaretRight, { size: 16 }),
|
|
6352
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "sr-only", children: "Scroll right" })
|
|
6219
6353
|
]
|
|
6220
6354
|
}
|
|
6221
6355
|
)
|
|
@@ -6236,7 +6370,7 @@ var Menu_default = Menu;
|
|
|
6236
6370
|
|
|
6237
6371
|
// src/components/Skeleton/Skeleton.tsx
|
|
6238
6372
|
var import_react20 = require("react");
|
|
6239
|
-
var
|
|
6373
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
6240
6374
|
var SKELETON_ANIMATION_CLASSES = {
|
|
6241
6375
|
pulse: "animate-pulse",
|
|
6242
6376
|
none: ""
|
|
@@ -6273,13 +6407,13 @@ var Skeleton = (0, import_react20.forwardRef)(
|
|
|
6273
6407
|
height: typeof height === "number" ? `${height}px` : height
|
|
6274
6408
|
};
|
|
6275
6409
|
if (variant === "text" && lines > 1) {
|
|
6276
|
-
return /* @__PURE__ */ (0,
|
|
6410
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
6277
6411
|
"div",
|
|
6278
6412
|
{
|
|
6279
6413
|
ref,
|
|
6280
6414
|
className: cn("flex flex-col", spacingClass, className),
|
|
6281
6415
|
...props,
|
|
6282
|
-
children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ (0,
|
|
6416
|
+
children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
6283
6417
|
"div",
|
|
6284
6418
|
{
|
|
6285
6419
|
className: cn(variantClass, animationClass),
|
|
@@ -6290,7 +6424,7 @@ var Skeleton = (0, import_react20.forwardRef)(
|
|
|
6290
6424
|
}
|
|
6291
6425
|
);
|
|
6292
6426
|
}
|
|
6293
|
-
return /* @__PURE__ */ (0,
|
|
6427
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
6294
6428
|
"div",
|
|
6295
6429
|
{
|
|
6296
6430
|
ref,
|
|
@@ -6303,11 +6437,11 @@ var Skeleton = (0, import_react20.forwardRef)(
|
|
|
6303
6437
|
}
|
|
6304
6438
|
);
|
|
6305
6439
|
var SkeletonText = (0, import_react20.forwardRef)(
|
|
6306
|
-
(props, ref) => /* @__PURE__ */ (0,
|
|
6440
|
+
(props, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Skeleton, { ref, variant: "text", ...props })
|
|
6307
6441
|
);
|
|
6308
|
-
var SkeletonCircle = (0, import_react20.forwardRef)((props, ref) => /* @__PURE__ */ (0,
|
|
6309
|
-
var SkeletonRectangle = (0, import_react20.forwardRef)((props, ref) => /* @__PURE__ */ (0,
|
|
6310
|
-
var SkeletonRounded = (0, import_react20.forwardRef)((props, ref) => /* @__PURE__ */ (0,
|
|
6442
|
+
var SkeletonCircle = (0, import_react20.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Skeleton, { ref, variant: "circular", ...props }));
|
|
6443
|
+
var SkeletonRectangle = (0, import_react20.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Skeleton, { ref, variant: "rectangular", ...props }));
|
|
6444
|
+
var SkeletonRounded = (0, import_react20.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Skeleton, { ref, variant: "rounded", ...props }));
|
|
6311
6445
|
var SkeletonCard = (0, import_react20.forwardRef)(
|
|
6312
6446
|
({
|
|
6313
6447
|
showAvatar = true,
|
|
@@ -6318,7 +6452,7 @@ var SkeletonCard = (0, import_react20.forwardRef)(
|
|
|
6318
6452
|
className = "",
|
|
6319
6453
|
...props
|
|
6320
6454
|
}, ref) => {
|
|
6321
|
-
return /* @__PURE__ */ (0,
|
|
6455
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
|
|
6322
6456
|
"div",
|
|
6323
6457
|
{
|
|
6324
6458
|
ref,
|
|
@@ -6328,16 +6462,16 @@ var SkeletonCard = (0, import_react20.forwardRef)(
|
|
|
6328
6462
|
),
|
|
6329
6463
|
...props,
|
|
6330
6464
|
children: [
|
|
6331
|
-
/* @__PURE__ */ (0,
|
|
6332
|
-
showAvatar && /* @__PURE__ */ (0,
|
|
6333
|
-
/* @__PURE__ */ (0,
|
|
6334
|
-
showTitle && /* @__PURE__ */ (0,
|
|
6335
|
-
showDescription && /* @__PURE__ */ (0,
|
|
6465
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-start space-x-3", children: [
|
|
6466
|
+
showAvatar && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SkeletonCircle, { width: 40, height: 40 }),
|
|
6467
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex-1 space-y-2", children: [
|
|
6468
|
+
showTitle && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SkeletonText, { width: "60%", height: 20 }),
|
|
6469
|
+
showDescription && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SkeletonText, { lines, spacing: "small" })
|
|
6336
6470
|
] })
|
|
6337
6471
|
] }),
|
|
6338
|
-
showActions && /* @__PURE__ */ (0,
|
|
6339
|
-
/* @__PURE__ */ (0,
|
|
6340
|
-
/* @__PURE__ */ (0,
|
|
6472
|
+
showActions && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex justify-end space-x-2 mt-4", children: [
|
|
6473
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SkeletonRectangle, { width: 80, height: 32 }),
|
|
6474
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SkeletonRectangle, { width: 80, height: 32 })
|
|
6341
6475
|
] })
|
|
6342
6476
|
]
|
|
6343
6477
|
}
|
|
@@ -6354,19 +6488,19 @@ var SkeletonList = (0, import_react20.forwardRef)(
|
|
|
6354
6488
|
className = "",
|
|
6355
6489
|
...props
|
|
6356
6490
|
}, ref) => {
|
|
6357
|
-
return /* @__PURE__ */ (0,
|
|
6358
|
-
showAvatar && /* @__PURE__ */ (0,
|
|
6359
|
-
/* @__PURE__ */ (0,
|
|
6360
|
-
showTitle && /* @__PURE__ */ (0,
|
|
6361
|
-
showDescription && /* @__PURE__ */ (0,
|
|
6491
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-start space-x-3 p-3", children: [
|
|
6492
|
+
showAvatar && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SkeletonCircle, { width: 32, height: 32 }),
|
|
6493
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex-1 space-y-2", children: [
|
|
6494
|
+
showTitle && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SkeletonText, { width: "40%", height: 16 }),
|
|
6495
|
+
showDescription && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SkeletonText, { lines, spacing: "small" })
|
|
6362
6496
|
] })
|
|
6363
6497
|
] }, index)) });
|
|
6364
6498
|
}
|
|
6365
6499
|
);
|
|
6366
6500
|
var SkeletonTable = (0, import_react20.forwardRef)(
|
|
6367
6501
|
({ rows = 5, columns = 4, showHeader = true, className = "", ...props }, ref) => {
|
|
6368
|
-
return /* @__PURE__ */ (0,
|
|
6369
|
-
showHeader && /* @__PURE__ */ (0,
|
|
6502
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { ref, className: cn("w-full", className), ...props, children: [
|
|
6503
|
+
showHeader && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
6370
6504
|
SkeletonText,
|
|
6371
6505
|
{
|
|
6372
6506
|
width: `${100 / columns}%`,
|
|
@@ -6374,7 +6508,7 @@ var SkeletonTable = (0, import_react20.forwardRef)(
|
|
|
6374
6508
|
},
|
|
6375
6509
|
index
|
|
6376
6510
|
)) }),
|
|
6377
|
-
/* @__PURE__ */ (0,
|
|
6511
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "space-y-2", children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex space-x-2", children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
6378
6512
|
SkeletonText,
|
|
6379
6513
|
{
|
|
6380
6514
|
width: `${100 / columns}%`,
|
|
@@ -6387,7 +6521,7 @@ var SkeletonTable = (0, import_react20.forwardRef)(
|
|
|
6387
6521
|
);
|
|
6388
6522
|
|
|
6389
6523
|
// src/components/NotFound/NotFound.tsx
|
|
6390
|
-
var
|
|
6524
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
6391
6525
|
var NotFound = ({
|
|
6392
6526
|
title,
|
|
6393
6527
|
description,
|
|
@@ -6430,22 +6564,22 @@ var NotFound = ({
|
|
|
6430
6564
|
const errorTitle = title || getDefaultTitle();
|
|
6431
6565
|
const errorDescription = description || getDefaultDescription();
|
|
6432
6566
|
const errorCode = getErrorCode();
|
|
6433
|
-
return /* @__PURE__ */ (0,
|
|
6567
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
6434
6568
|
"div",
|
|
6435
6569
|
{
|
|
6436
6570
|
className: cn(
|
|
6437
6571
|
"flex flex-col w-full h-screen items-center justify-center bg-background-50 px-4",
|
|
6438
6572
|
className
|
|
6439
6573
|
),
|
|
6440
|
-
children: /* @__PURE__ */ (0,
|
|
6574
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
6441
6575
|
"main",
|
|
6442
6576
|
{
|
|
6443
6577
|
role: "main",
|
|
6444
6578
|
"aria-labelledby": "error-title",
|
|
6445
6579
|
"aria-describedby": "error-description",
|
|
6446
6580
|
className: "flex flex-col items-center text-center max-w-md space-y-6",
|
|
6447
|
-
children: /* @__PURE__ */ (0,
|
|
6448
|
-
/* @__PURE__ */ (0,
|
|
6581
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("section", { "aria-label": `Erro ${errorCode}`, children: [
|
|
6582
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
6449
6583
|
"div",
|
|
6450
6584
|
{
|
|
6451
6585
|
className: "text-8xl font-bold text-primary-300 select-none",
|
|
@@ -6453,8 +6587,8 @@ var NotFound = ({
|
|
|
6453
6587
|
children: errorCode
|
|
6454
6588
|
}
|
|
6455
6589
|
),
|
|
6456
|
-
/* @__PURE__ */ (0,
|
|
6457
|
-
/* @__PURE__ */ (0,
|
|
6590
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("header", { className: "space-y-2", children: [
|
|
6591
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
6458
6592
|
Text_default,
|
|
6459
6593
|
{
|
|
6460
6594
|
size: "xl",
|
|
@@ -6465,9 +6599,9 @@ var NotFound = ({
|
|
|
6465
6599
|
children: errorTitle
|
|
6466
6600
|
}
|
|
6467
6601
|
),
|
|
6468
|
-
/* @__PURE__ */ (0,
|
|
6602
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text_default, { size: "md", className: "text-text-600", id: "error-description", children: errorDescription })
|
|
6469
6603
|
] }),
|
|
6470
|
-
onButtonClick && /* @__PURE__ */ (0,
|
|
6604
|
+
onButtonClick && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("nav", { "aria-label": "Navega\xE7\xE3o de erro", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
6471
6605
|
Button_default,
|
|
6472
6606
|
{
|
|
6473
6607
|
onClick: handleButtonClick,
|
|
@@ -6490,7 +6624,7 @@ var NotFound_default = NotFound;
|
|
|
6490
6624
|
// src/components/Auth/Auth.tsx
|
|
6491
6625
|
var import_react21 = require("react");
|
|
6492
6626
|
var import_react_router_dom = require("react-router-dom");
|
|
6493
|
-
var
|
|
6627
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
6494
6628
|
var AuthContext = (0, import_react21.createContext)(void 0);
|
|
6495
6629
|
var AuthProvider = ({
|
|
6496
6630
|
children,
|
|
@@ -6560,7 +6694,7 @@ var AuthProvider = ({
|
|
|
6560
6694
|
}),
|
|
6561
6695
|
[authState, checkAuth, signOut]
|
|
6562
6696
|
);
|
|
6563
|
-
return /* @__PURE__ */ (0,
|
|
6697
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AuthContext.Provider, { value: contextValue, children });
|
|
6564
6698
|
};
|
|
6565
6699
|
var useAuth = () => {
|
|
6566
6700
|
const context = (0, import_react21.useContext)(AuthContext);
|
|
@@ -6576,9 +6710,9 @@ var ProtectedRoute = ({
|
|
|
6576
6710
|
additionalCheck
|
|
6577
6711
|
}) => {
|
|
6578
6712
|
const { isAuthenticated, isLoading, ...authState } = useAuth();
|
|
6579
|
-
const defaultLoadingComponent = /* @__PURE__ */ (0,
|
|
6713
|
+
const defaultLoadingComponent = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
|
|
6580
6714
|
if (isLoading) {
|
|
6581
|
-
return /* @__PURE__ */ (0,
|
|
6715
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: loadingComponent || defaultLoadingComponent });
|
|
6582
6716
|
}
|
|
6583
6717
|
if (!isAuthenticated) {
|
|
6584
6718
|
if (typeof window !== "undefined") {
|
|
@@ -6589,12 +6723,12 @@ var ProtectedRoute = ({
|
|
|
6589
6723
|
return null;
|
|
6590
6724
|
}
|
|
6591
6725
|
}
|
|
6592
|
-
return /* @__PURE__ */ (0,
|
|
6726
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
|
|
6593
6727
|
}
|
|
6594
6728
|
if (additionalCheck && !additionalCheck({ isAuthenticated, isLoading, ...authState })) {
|
|
6595
|
-
return /* @__PURE__ */ (0,
|
|
6729
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
|
|
6596
6730
|
}
|
|
6597
|
-
return /* @__PURE__ */ (0,
|
|
6731
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children });
|
|
6598
6732
|
};
|
|
6599
6733
|
var PublicRoute = ({
|
|
6600
6734
|
children,
|
|
@@ -6604,15 +6738,15 @@ var PublicRoute = ({
|
|
|
6604
6738
|
}) => {
|
|
6605
6739
|
const { isAuthenticated, isLoading } = useAuth();
|
|
6606
6740
|
if (checkAuthBeforeRender && isLoading) {
|
|
6607
|
-
return /* @__PURE__ */ (0,
|
|
6741
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
|
|
6608
6742
|
}
|
|
6609
6743
|
if (isAuthenticated && redirectIfAuthenticated) {
|
|
6610
|
-
return /* @__PURE__ */ (0,
|
|
6744
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
|
|
6611
6745
|
}
|
|
6612
|
-
return /* @__PURE__ */ (0,
|
|
6746
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children });
|
|
6613
6747
|
};
|
|
6614
6748
|
var withAuth = (Component, options = {}) => {
|
|
6615
|
-
return (props) => /* @__PURE__ */ (0,
|
|
6749
|
+
return (props) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ProtectedRoute, { ...options, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Component, { ...props }) });
|
|
6616
6750
|
};
|
|
6617
6751
|
var useAuthGuard = (options = {}) => {
|
|
6618
6752
|
const authState = useAuth();
|
|
@@ -6627,7 +6761,7 @@ var useAuthGuard = (options = {}) => {
|
|
|
6627
6761
|
var useRouteAuth = (fallbackPath = "/") => {
|
|
6628
6762
|
const { isAuthenticated, isLoading } = useAuth();
|
|
6629
6763
|
const location = (0, import_react_router_dom.useLocation)();
|
|
6630
|
-
const redirectToLogin = () => /* @__PURE__ */ (0,
|
|
6764
|
+
const redirectToLogin = () => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom.Navigate, { to: fallbackPath, state: { from: location }, replace: true });
|
|
6631
6765
|
return {
|
|
6632
6766
|
isAuthenticated,
|
|
6633
6767
|
isLoading,
|
|
@@ -7164,9 +7298,9 @@ var useQuizStore = (0, import_zustand7.create)()(
|
|
|
7164
7298
|
var simulated_result_default = "./simulated-result-QN5HCUY5.png";
|
|
7165
7299
|
|
|
7166
7300
|
// src/components/Quiz/Quiz.tsx
|
|
7167
|
-
var
|
|
7301
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
7168
7302
|
var Quiz = (0, import_react24.forwardRef)(({ children, className, ...props }, ref) => {
|
|
7169
|
-
return /* @__PURE__ */ (0,
|
|
7303
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7170
7304
|
"div",
|
|
7171
7305
|
{
|
|
7172
7306
|
ref,
|
|
@@ -7210,7 +7344,7 @@ var QuizHeaderResult = (0, import_react24.forwardRef)(
|
|
|
7210
7344
|
);
|
|
7211
7345
|
}
|
|
7212
7346
|
}, [currentQuestion, getAllCurrentAnswer]);
|
|
7213
|
-
return /* @__PURE__ */ (0,
|
|
7347
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
7214
7348
|
"div",
|
|
7215
7349
|
{
|
|
7216
7350
|
ref,
|
|
@@ -7221,8 +7355,8 @@ var QuizHeaderResult = (0, import_react24.forwardRef)(
|
|
|
7221
7355
|
),
|
|
7222
7356
|
...props,
|
|
7223
7357
|
children: [
|
|
7224
|
-
/* @__PURE__ */ (0,
|
|
7225
|
-
/* @__PURE__ */ (0,
|
|
7358
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
|
|
7359
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-text-700 text-md", children: isCorrect ? "\u{1F389} Parab\xE9ns!!" : "N\xE3o foi dessa vez..." })
|
|
7226
7360
|
]
|
|
7227
7361
|
}
|
|
7228
7362
|
);
|
|
@@ -7240,7 +7374,7 @@ var QuizTitle = (0, import_react24.forwardRef)(
|
|
|
7240
7374
|
} = useQuizStore();
|
|
7241
7375
|
const totalQuestions = getTotalQuestions();
|
|
7242
7376
|
const quizTitle = getQuizTitle();
|
|
7243
|
-
return /* @__PURE__ */ (0,
|
|
7377
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
7244
7378
|
"div",
|
|
7245
7379
|
{
|
|
7246
7380
|
ref,
|
|
@@ -7250,11 +7384,11 @@ var QuizTitle = (0, import_react24.forwardRef)(
|
|
|
7250
7384
|
),
|
|
7251
7385
|
...props,
|
|
7252
7386
|
children: [
|
|
7253
|
-
/* @__PURE__ */ (0,
|
|
7254
|
-
/* @__PURE__ */ (0,
|
|
7255
|
-
/* @__PURE__ */ (0,
|
|
7387
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "flex flex-col gap-2 text-center", children: [
|
|
7388
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
|
|
7389
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
|
|
7256
7390
|
] }),
|
|
7257
|
-
/* @__PURE__ */ (0,
|
|
7391
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "absolute right-2", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react17.Clock, {}), children: isStarted ? formatTime(timeElapsed) : "00:00" }) })
|
|
7258
7392
|
]
|
|
7259
7393
|
}
|
|
7260
7394
|
);
|
|
@@ -7263,7 +7397,7 @@ var QuizTitle = (0, import_react24.forwardRef)(
|
|
|
7263
7397
|
var QuizHeader = () => {
|
|
7264
7398
|
const { getCurrentQuestion } = useQuizStore();
|
|
7265
7399
|
const currentQuestion = getCurrentQuestion();
|
|
7266
|
-
return /* @__PURE__ */ (0,
|
|
7400
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7267
7401
|
HeaderAlternative,
|
|
7268
7402
|
{
|
|
7269
7403
|
title: currentQuestion ? `Quest\xE3o ${currentQuestion.id}` : "Quest\xE3o",
|
|
@@ -7275,9 +7409,9 @@ var QuizHeader = () => {
|
|
|
7275
7409
|
var QuizContent = (0, import_react24.forwardRef)(({ type = "Alternativas", className, variant, ...props }, ref) => {
|
|
7276
7410
|
const { getCurrentQuestion } = useQuizStore();
|
|
7277
7411
|
const currentQuestion = getCurrentQuestion();
|
|
7278
|
-
return /* @__PURE__ */ (0,
|
|
7279
|
-
/* @__PURE__ */ (0,
|
|
7280
|
-
/* @__PURE__ */ (0,
|
|
7412
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
|
|
7413
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "px-4 pb-2 pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "font-bold text-lg text-text-950", children: type }) }),
|
|
7414
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7281
7415
|
"div",
|
|
7282
7416
|
{
|
|
7283
7417
|
ref,
|
|
@@ -7286,10 +7420,10 @@ var QuizContent = (0, import_react24.forwardRef)(({ type = "Alternativas", class
|
|
|
7286
7420
|
className
|
|
7287
7421
|
),
|
|
7288
7422
|
...props,
|
|
7289
|
-
children: currentQuestion && /* @__PURE__ */ (0,
|
|
7290
|
-
currentQuestion.type === "ALTERNATIVA" /* ALTERNATIVA */ && /* @__PURE__ */ (0,
|
|
7291
|
-
currentQuestion.type === "MULTIPLA_CHOICE" /* MULTIPLA_CHOICE */ && /* @__PURE__ */ (0,
|
|
7292
|
-
currentQuestion.type === "DISSERTATIVA" /* DISSERTATIVA */ && /* @__PURE__ */ (0,
|
|
7423
|
+
children: currentQuestion && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
|
|
7424
|
+
currentQuestion.type === "ALTERNATIVA" /* ALTERNATIVA */ && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(QuizAlternative, { variant }),
|
|
7425
|
+
currentQuestion.type === "MULTIPLA_CHOICE" /* MULTIPLA_CHOICE */ && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(QuizMultipleChoice, { variant }),
|
|
7426
|
+
currentQuestion.type === "DISSERTATIVA" /* DISSERTATIVA */ && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: "Componente de dissertativa" })
|
|
7293
7427
|
] })
|
|
7294
7428
|
}
|
|
7295
7429
|
)
|
|
@@ -7318,8 +7452,8 @@ var QuizAlternative = ({ variant = "default" }) => {
|
|
|
7318
7452
|
};
|
|
7319
7453
|
});
|
|
7320
7454
|
if (!alternatives)
|
|
7321
|
-
return /* @__PURE__ */ (0,
|
|
7322
|
-
return /* @__PURE__ */ (0,
|
|
7455
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { children: "N\xE3o h\xE1 Alternativas" }) });
|
|
7456
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7323
7457
|
AlternativesList,
|
|
7324
7458
|
{
|
|
7325
7459
|
mode: variant === "default" ? "interactive" : "readonly",
|
|
@@ -7395,8 +7529,8 @@ var QuizMultipleChoice = ({
|
|
|
7395
7529
|
};
|
|
7396
7530
|
});
|
|
7397
7531
|
if (!choices)
|
|
7398
|
-
return /* @__PURE__ */ (0,
|
|
7399
|
-
return /* @__PURE__ */ (0,
|
|
7532
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
|
|
7533
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7400
7534
|
MultipleChoiceList,
|
|
7401
7535
|
{
|
|
7402
7536
|
choices,
|
|
@@ -7459,16 +7593,16 @@ var QuizQuestionList = ({
|
|
|
7459
7593
|
return "Em branco";
|
|
7460
7594
|
}
|
|
7461
7595
|
};
|
|
7462
|
-
return /* @__PURE__ */ (0,
|
|
7463
|
-
([subjectId, questions]) => /* @__PURE__ */ (0,
|
|
7464
|
-
/* @__PURE__ */ (0,
|
|
7465
|
-
/* @__PURE__ */ (0,
|
|
7466
|
-
/* @__PURE__ */ (0,
|
|
7596
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "space-y-6 px-4", children: Object.entries(filteredGroupedQuestions).map(
|
|
7597
|
+
([subjectId, questions]) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("section", { className: "flex flex-col gap-2", children: [
|
|
7598
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
|
|
7599
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react17.BookOpen, { size: 17, className: "text-white" }) }),
|
|
7600
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-text-800 font-bold text-lg", children: subjectId })
|
|
7467
7601
|
] }),
|
|
7468
|
-
/* @__PURE__ */ (0,
|
|
7602
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
|
|
7469
7603
|
const status = getQuestionStatus(question.id);
|
|
7470
7604
|
const questionNumber = getQuestionIndex(question.id);
|
|
7471
|
-
return /* @__PURE__ */ (0,
|
|
7605
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7472
7606
|
CardStatus,
|
|
7473
7607
|
{
|
|
7474
7608
|
header: `Quest\xE3o ${questionNumber.toString().padStart(2, "0")}`,
|
|
@@ -7518,8 +7652,8 @@ var QuizFooter = (0, import_react24.forwardRef)(
|
|
|
7518
7652
|
const unansweredQuestions = getUnansweredQuestionsFromUserAnswers();
|
|
7519
7653
|
const userAnswers = getUserAnswers();
|
|
7520
7654
|
const allQuestions = getTotalQuestions();
|
|
7521
|
-
return /* @__PURE__ */ (0,
|
|
7522
|
-
/* @__PURE__ */ (0,
|
|
7655
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
|
|
7656
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7523
7657
|
"footer",
|
|
7524
7658
|
{
|
|
7525
7659
|
ref,
|
|
@@ -7528,17 +7662,17 @@ var QuizFooter = (0, import_react24.forwardRef)(
|
|
|
7528
7662
|
className
|
|
7529
7663
|
),
|
|
7530
7664
|
...props,
|
|
7531
|
-
children: variant === "default" ? /* @__PURE__ */ (0,
|
|
7532
|
-
/* @__PURE__ */ (0,
|
|
7533
|
-
/* @__PURE__ */ (0,
|
|
7665
|
+
children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
|
|
7666
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
|
|
7667
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7534
7668
|
IconButton_default,
|
|
7535
7669
|
{
|
|
7536
|
-
icon: /* @__PURE__ */ (0,
|
|
7670
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react17.SquaresFour, { size: 24, className: "text-text-950" }),
|
|
7537
7671
|
size: "md",
|
|
7538
7672
|
onClick: () => setModalNavigateOpen(true)
|
|
7539
7673
|
}
|
|
7540
7674
|
),
|
|
7541
|
-
isFirstQuestion ? /* @__PURE__ */ (0,
|
|
7675
|
+
isFirstQuestion ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7542
7676
|
Button_default,
|
|
7543
7677
|
{
|
|
7544
7678
|
variant: "outline",
|
|
@@ -7549,13 +7683,13 @@ var QuizFooter = (0, import_react24.forwardRef)(
|
|
|
7549
7683
|
},
|
|
7550
7684
|
children: "Pular"
|
|
7551
7685
|
}
|
|
7552
|
-
) : /* @__PURE__ */ (0,
|
|
7686
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7553
7687
|
Button_default,
|
|
7554
7688
|
{
|
|
7555
7689
|
size: "medium",
|
|
7556
7690
|
variant: "link",
|
|
7557
7691
|
action: "primary",
|
|
7558
|
-
iconLeft: /* @__PURE__ */ (0,
|
|
7692
|
+
iconLeft: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react17.CaretLeft, { size: 18 }),
|
|
7559
7693
|
onClick: () => {
|
|
7560
7694
|
goToPreviousQuestion();
|
|
7561
7695
|
},
|
|
@@ -7563,7 +7697,7 @@ var QuizFooter = (0, import_react24.forwardRef)(
|
|
|
7563
7697
|
}
|
|
7564
7698
|
)
|
|
7565
7699
|
] }),
|
|
7566
|
-
!isFirstQuestion && /* @__PURE__ */ (0,
|
|
7700
|
+
!isFirstQuestion && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7567
7701
|
Button_default,
|
|
7568
7702
|
{
|
|
7569
7703
|
size: "small",
|
|
@@ -7576,7 +7710,7 @@ var QuizFooter = (0, import_react24.forwardRef)(
|
|
|
7576
7710
|
children: "Pular"
|
|
7577
7711
|
}
|
|
7578
7712
|
),
|
|
7579
|
-
isLastQuestion ? /* @__PURE__ */ (0,
|
|
7713
|
+
isLastQuestion ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7580
7714
|
Button_default,
|
|
7581
7715
|
{
|
|
7582
7716
|
size: "medium",
|
|
@@ -7592,13 +7726,13 @@ var QuizFooter = (0, import_react24.forwardRef)(
|
|
|
7592
7726
|
},
|
|
7593
7727
|
children: "Finalizar"
|
|
7594
7728
|
}
|
|
7595
|
-
) : /* @__PURE__ */ (0,
|
|
7729
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7596
7730
|
Button_default,
|
|
7597
7731
|
{
|
|
7598
7732
|
size: "medium",
|
|
7599
7733
|
variant: "link",
|
|
7600
7734
|
action: "primary",
|
|
7601
|
-
iconRight: /* @__PURE__ */ (0,
|
|
7735
|
+
iconRight: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react17.CaretRight, { size: 18 }),
|
|
7602
7736
|
disabled: !currentAnswer && !isCurrentQuestionSkipped,
|
|
7603
7737
|
onClick: () => {
|
|
7604
7738
|
goToNextQuestion();
|
|
@@ -7606,10 +7740,10 @@ var QuizFooter = (0, import_react24.forwardRef)(
|
|
|
7606
7740
|
children: "Avan\xE7ar"
|
|
7607
7741
|
}
|
|
7608
7742
|
)
|
|
7609
|
-
] }) : /* @__PURE__ */ (0,
|
|
7743
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex flex-row items-center justify-end w-full", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button_default, { variant: "solid", action: "primary", size: "medium", children: "Ver Resolu\xE7\xE3o" }) })
|
|
7610
7744
|
}
|
|
7611
7745
|
),
|
|
7612
|
-
/* @__PURE__ */ (0,
|
|
7746
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7613
7747
|
AlertDialog,
|
|
7614
7748
|
{
|
|
7615
7749
|
isOpen: alertDialogOpen,
|
|
@@ -7623,7 +7757,7 @@ var QuizFooter = (0, import_react24.forwardRef)(
|
|
|
7623
7757
|
}
|
|
7624
7758
|
}
|
|
7625
7759
|
),
|
|
7626
|
-
/* @__PURE__ */ (0,
|
|
7760
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7627
7761
|
Modal_default,
|
|
7628
7762
|
{
|
|
7629
7763
|
isOpen: modalResultOpen,
|
|
@@ -7633,8 +7767,8 @@ var QuizFooter = (0, import_react24.forwardRef)(
|
|
|
7633
7767
|
closeOnEscape: false,
|
|
7634
7768
|
hideCloseButton: true,
|
|
7635
7769
|
size: "md",
|
|
7636
|
-
children: /* @__PURE__ */ (0,
|
|
7637
|
-
/* @__PURE__ */ (0,
|
|
7770
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
|
|
7771
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7638
7772
|
"img",
|
|
7639
7773
|
{
|
|
7640
7774
|
src: simulated_result_default,
|
|
@@ -7642,9 +7776,9 @@ var QuizFooter = (0, import_react24.forwardRef)(
|
|
|
7642
7776
|
className: "w-[282px] h-auto object-cover"
|
|
7643
7777
|
}
|
|
7644
7778
|
),
|
|
7645
|
-
/* @__PURE__ */ (0,
|
|
7646
|
-
/* @__PURE__ */ (0,
|
|
7647
|
-
/* @__PURE__ */ (0,
|
|
7779
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col gap-2 text-center", children: [
|
|
7780
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h2", { className: "text-text-950 font-bold text-lg", children: "Voc\xEA concluiu o simulado!" }),
|
|
7781
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("p", { className: "text-text-500 font-sm", children: [
|
|
7648
7782
|
"Voc\xEA acertou",
|
|
7649
7783
|
" ",
|
|
7650
7784
|
(() => {
|
|
@@ -7666,8 +7800,8 @@ var QuizFooter = (0, import_react24.forwardRef)(
|
|
|
7666
7800
|
" quest\xF5es."
|
|
7667
7801
|
] })
|
|
7668
7802
|
] }),
|
|
7669
|
-
/* @__PURE__ */ (0,
|
|
7670
|
-
/* @__PURE__ */ (0,
|
|
7803
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
|
|
7804
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7671
7805
|
Button_default,
|
|
7672
7806
|
{
|
|
7673
7807
|
variant: "outline",
|
|
@@ -7677,31 +7811,31 @@ var QuizFooter = (0, import_react24.forwardRef)(
|
|
|
7677
7811
|
children: "Ir para simulados"
|
|
7678
7812
|
}
|
|
7679
7813
|
),
|
|
7680
|
-
/* @__PURE__ */ (0,
|
|
7814
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
|
|
7681
7815
|
] })
|
|
7682
7816
|
] })
|
|
7683
7817
|
}
|
|
7684
7818
|
),
|
|
7685
|
-
/* @__PURE__ */ (0,
|
|
7819
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7686
7820
|
Modal_default,
|
|
7687
7821
|
{
|
|
7688
7822
|
isOpen: modalNavigateOpen,
|
|
7689
7823
|
onClose: () => setModalNavigateOpen(false),
|
|
7690
7824
|
title: "Quest\xF5es",
|
|
7691
7825
|
size: "lg",
|
|
7692
|
-
children: /* @__PURE__ */ (0,
|
|
7693
|
-
/* @__PURE__ */ (0,
|
|
7694
|
-
/* @__PURE__ */ (0,
|
|
7695
|
-
/* @__PURE__ */ (0,
|
|
7696
|
-
/* @__PURE__ */ (0,
|
|
7697
|
-
/* @__PURE__ */ (0,
|
|
7698
|
-
/* @__PURE__ */ (0,
|
|
7699
|
-
/* @__PURE__ */ (0,
|
|
7700
|
-
/* @__PURE__ */ (0,
|
|
7826
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col w-full h-full", children: [
|
|
7827
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200", children: [
|
|
7828
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
|
|
7829
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Select_default, { value: filterType, onValueChange: setFilterType, children: [
|
|
7830
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectTrigger, { variant: "rounded", className: "max-w-[266px]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" }) }),
|
|
7831
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(SelectContent, { children: [
|
|
7832
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectItem, { value: "all", children: "Todas" }),
|
|
7833
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectItem, { value: "unanswered", children: "Em branco" }),
|
|
7834
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectItem, { value: "answered", children: "Respondidas" })
|
|
7701
7835
|
] })
|
|
7702
7836
|
] }) })
|
|
7703
7837
|
] }),
|
|
7704
|
-
/* @__PURE__ */ (0,
|
|
7838
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex flex-col gap-2 not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7705
7839
|
QuizQuestionList,
|
|
7706
7840
|
{
|
|
7707
7841
|
filterType,
|
|
@@ -7716,15 +7850,15 @@ var QuizFooter = (0, import_react24.forwardRef)(
|
|
|
7716
7850
|
);
|
|
7717
7851
|
var QuizResultHeaderTitle = (0, import_react24.forwardRef)(({ className, ...props }, ref) => {
|
|
7718
7852
|
const { bySimulated } = useQuizStore();
|
|
7719
|
-
return /* @__PURE__ */ (0,
|
|
7853
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
7720
7854
|
"div",
|
|
7721
7855
|
{
|
|
7722
7856
|
ref,
|
|
7723
7857
|
className: cn("flex flex-row pt-4 justify-between", className),
|
|
7724
7858
|
...props,
|
|
7725
7859
|
children: [
|
|
7726
|
-
/* @__PURE__ */ (0,
|
|
7727
|
-
bySimulated && /* @__PURE__ */ (0,
|
|
7860
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
|
|
7861
|
+
bySimulated && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Badge_default, { variant: "solid", action: "info", children: bySimulated.category })
|
|
7728
7862
|
]
|
|
7729
7863
|
}
|
|
7730
7864
|
);
|
|
@@ -7732,7 +7866,7 @@ var QuizResultHeaderTitle = (0, import_react24.forwardRef)(({ className, ...prop
|
|
|
7732
7866
|
var QuizResultTitle = (0, import_react24.forwardRef)(({ className, ...props }, ref) => {
|
|
7733
7867
|
const { getQuizTitle } = useQuizStore();
|
|
7734
7868
|
const quizTitle = getQuizTitle();
|
|
7735
|
-
return /* @__PURE__ */ (0,
|
|
7869
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7736
7870
|
"p",
|
|
7737
7871
|
{
|
|
7738
7872
|
className: cn("pt-6 pb-4 text-text-950 font-bold text-lg", className),
|
|
@@ -7790,15 +7924,15 @@ var QuizResultPerformance = (0, import_react24.forwardRef)(
|
|
|
7790
7924
|
});
|
|
7791
7925
|
}
|
|
7792
7926
|
const percentage = totalQuestions > 0 ? Math.round(correctAnswers / totalQuestions * 100) : 0;
|
|
7793
|
-
return /* @__PURE__ */ (0,
|
|
7927
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
7794
7928
|
"div",
|
|
7795
7929
|
{
|
|
7796
7930
|
className: "flex flex-row gap-6 p-6 rounded-xl bg-background justify-between",
|
|
7797
7931
|
ref,
|
|
7798
7932
|
...props,
|
|
7799
7933
|
children: [
|
|
7800
|
-
/* @__PURE__ */ (0,
|
|
7801
|
-
/* @__PURE__ */ (0,
|
|
7934
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "relative", children: [
|
|
7935
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7802
7936
|
ProgressCircle_default,
|
|
7803
7937
|
{
|
|
7804
7938
|
size: "medium",
|
|
@@ -7808,21 +7942,21 @@ var QuizResultPerformance = (0, import_react24.forwardRef)(
|
|
|
7808
7942
|
label: ""
|
|
7809
7943
|
}
|
|
7810
7944
|
),
|
|
7811
|
-
/* @__PURE__ */ (0,
|
|
7812
|
-
/* @__PURE__ */ (0,
|
|
7813
|
-
/* @__PURE__ */ (0,
|
|
7814
|
-
/* @__PURE__ */ (0,
|
|
7945
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
|
|
7946
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-1 mb-1", children: [
|
|
7947
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react17.Clock, { size: 12, weight: "regular", className: "text-text-800" }),
|
|
7948
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-2xs font-medium text-text-800", children: formatTime(timeElapsed) })
|
|
7815
7949
|
] }),
|
|
7816
|
-
/* @__PURE__ */ (0,
|
|
7950
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
|
|
7817
7951
|
correctAnswers,
|
|
7818
7952
|
" de ",
|
|
7819
7953
|
totalQuestions
|
|
7820
7954
|
] }),
|
|
7821
|
-
/* @__PURE__ */ (0,
|
|
7955
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
|
|
7822
7956
|
] })
|
|
7823
7957
|
] }),
|
|
7824
|
-
/* @__PURE__ */ (0,
|
|
7825
|
-
/* @__PURE__ */ (0,
|
|
7958
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
|
|
7959
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7826
7960
|
ProgressBar_default,
|
|
7827
7961
|
{
|
|
7828
7962
|
className: "w-full",
|
|
@@ -7836,7 +7970,7 @@ var QuizResultPerformance = (0, import_react24.forwardRef)(
|
|
|
7836
7970
|
percentageClassName: "text-xs font-medium leading-[14px] text-right"
|
|
7837
7971
|
}
|
|
7838
7972
|
),
|
|
7839
|
-
/* @__PURE__ */ (0,
|
|
7973
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7840
7974
|
ProgressBar_default,
|
|
7841
7975
|
{
|
|
7842
7976
|
className: "w-full",
|
|
@@ -7850,7 +7984,7 @@ var QuizResultPerformance = (0, import_react24.forwardRef)(
|
|
|
7850
7984
|
percentageClassName: "text-xs font-medium leading-[14px] text-right"
|
|
7851
7985
|
}
|
|
7852
7986
|
),
|
|
7853
|
-
/* @__PURE__ */ (0,
|
|
7987
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7854
7988
|
ProgressBar_default,
|
|
7855
7989
|
{
|
|
7856
7990
|
className: "w-full",
|
|
@@ -7901,9 +8035,9 @@ var QuizListResult = (0, import_react24.forwardRef)(({ className, onSubjectClick
|
|
|
7901
8035
|
};
|
|
7902
8036
|
}
|
|
7903
8037
|
);
|
|
7904
|
-
return /* @__PURE__ */ (0,
|
|
7905
|
-
/* @__PURE__ */ (0,
|
|
7906
|
-
/* @__PURE__ */ (0,
|
|
8038
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("section", { ref, className, ...props, children: [
|
|
8039
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
|
|
8040
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7907
8041
|
CardResults,
|
|
7908
8042
|
{
|
|
7909
8043
|
onClick: () => onSubjectClick?.(subject.subject),
|
|
@@ -7911,7 +8045,7 @@ var QuizListResult = (0, import_react24.forwardRef)(({ className, onSubjectClick
|
|
|
7911
8045
|
header: subject.subject,
|
|
7912
8046
|
correct_answers: subject.correct,
|
|
7913
8047
|
incorrect_answers: subject.incorrect,
|
|
7914
|
-
icon: /* @__PURE__ */ (0,
|
|
8048
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_phosphor_react17.Book, { size: 20 }),
|
|
7915
8049
|
direction: "row"
|
|
7916
8050
|
}
|
|
7917
8051
|
) }, subject.subject)) })
|
|
@@ -7924,11 +8058,11 @@ var QuizListResultByMateria = ({
|
|
|
7924
8058
|
const { getQuestionsGroupedBySubject, getUserAnswerByQuestionId } = useQuizStore();
|
|
7925
8059
|
const groupedQuestions = getQuestionsGroupedBySubject();
|
|
7926
8060
|
const answeredQuestions = groupedQuestions[subject] || [];
|
|
7927
|
-
return /* @__PURE__ */ (0,
|
|
7928
|
-
/* @__PURE__ */ (0,
|
|
7929
|
-
/* @__PURE__ */ (0,
|
|
7930
|
-
/* @__PURE__ */ (0,
|
|
7931
|
-
/* @__PURE__ */ (0,
|
|
8061
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "w-full max-w-[1000px] flex flex-col mx-auto h-full relative not-lg:px-6", children: [
|
|
8062
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-text-950 font-bold text-2xl", children: subject }) }),
|
|
8063
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("section", { className: "flex flex-col ", children: [
|
|
8064
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
|
|
8065
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7932
8066
|
CardStatus,
|
|
7933
8067
|
{
|
|
7934
8068
|
className: "max-w-full",
|
|
@@ -7977,6 +8111,7 @@ var QuizListResultByMateria = ({
|
|
|
7977
8111
|
DropdownMenuSeparator,
|
|
7978
8112
|
DropdownMenuTrigger,
|
|
7979
8113
|
IconButton,
|
|
8114
|
+
IconRender,
|
|
7980
8115
|
IconRoundedButton,
|
|
7981
8116
|
Input,
|
|
7982
8117
|
Menu,
|