analytica-frontend-lib 1.2.22 → 1.2.23
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/AlertManager/index.css +20 -0
- package/dist/AlertManager/index.css.map +1 -1
- package/dist/AlertManagerView/index.js +149 -114
- package/dist/AlertManagerView/index.js.map +1 -1
- package/dist/AlertManagerView/index.mjs +149 -114
- package/dist/AlertManagerView/index.mjs.map +1 -1
- package/dist/EmptyState/index.d.mts +65 -0
- package/dist/EmptyState/index.d.ts +65 -0
- package/dist/EmptyState/index.js +185 -0
- package/dist/EmptyState/index.js.map +1 -0
- package/dist/EmptyState/index.mjs +162 -0
- package/dist/EmptyState/index.mjs.map +1 -0
- package/dist/Table/index.d.mts +1 -1
- package/dist/Table/index.d.ts +1 -1
- package/dist/Table/index.js +124 -89
- package/dist/Table/index.js.map +1 -1
- package/dist/Table/index.mjs +124 -89
- package/dist/Table/index.mjs.map +1 -1
- package/dist/TableProvider/index.css +20 -0
- package/dist/TableProvider/index.css.map +1 -1
- package/dist/TableProvider/index.d.mts +1 -1
- package/dist/TableProvider/index.d.ts +1 -1
- package/dist/TableProvider/index.js +484 -449
- package/dist/TableProvider/index.js.map +1 -1
- package/dist/TableProvider/index.mjs +484 -449
- package/dist/TableProvider/index.mjs.map +1 -1
- package/dist/{TableProvider-DyhwEkPT.d.mts → TableProvider-BnAnv3OV.d.mts} +12 -4
- package/dist/{TableProvider-48a6wb7j.d.ts → TableProvider-GfPlLqzg.d.ts} +12 -4
- package/dist/index.css +20 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +3 -2
- package/dist/index.d.ts +3 -2
- package/dist/index.js +1041 -1004
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1040 -1004
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +20 -0
- package/dist/styles.css.map +1 -1
- package/package.json +2 -1
|
@@ -159,9 +159,52 @@ var Button = ({
|
|
|
159
159
|
};
|
|
160
160
|
var Button_default = Button;
|
|
161
161
|
|
|
162
|
+
// src/components/EmptyState/EmptyState.tsx
|
|
163
|
+
import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
164
|
+
var EmptyState = ({
|
|
165
|
+
image,
|
|
166
|
+
title,
|
|
167
|
+
description,
|
|
168
|
+
buttonText,
|
|
169
|
+
buttonIcon,
|
|
170
|
+
onButtonClick,
|
|
171
|
+
buttonVariant = "solid",
|
|
172
|
+
buttonAction = "primary"
|
|
173
|
+
}) => {
|
|
174
|
+
const displayTitle = title || "Nenhum dado dispon\xEDvel";
|
|
175
|
+
const displayDescription = description || "N\xE3o h\xE1 dados para exibir no momento.";
|
|
176
|
+
return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col justify-center items-center gap-6 w-full min-h-[705px] bg-background rounded-xl p-6", children: [
|
|
177
|
+
image && /* @__PURE__ */ jsx4("img", { src: image, alt: displayTitle, className: "w-[170px] h-[150px]" }),
|
|
178
|
+
/* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center gap-4 w-full max-w-[600px] px-6", children: [
|
|
179
|
+
/* @__PURE__ */ jsx4(
|
|
180
|
+
Text_default,
|
|
181
|
+
{
|
|
182
|
+
as: "h2",
|
|
183
|
+
className: "text-text-950 font-semibold text-3xl leading-[35px] text-center",
|
|
184
|
+
children: displayTitle
|
|
185
|
+
}
|
|
186
|
+
),
|
|
187
|
+
/* @__PURE__ */ jsx4(Text_default, { className: "text-text-600 font-normal text-[18px] leading-[27px] text-center", children: displayDescription })
|
|
188
|
+
] }),
|
|
189
|
+
buttonText && onButtonClick && /* @__PURE__ */ jsx4(
|
|
190
|
+
Button_default,
|
|
191
|
+
{
|
|
192
|
+
variant: buttonVariant,
|
|
193
|
+
action: buttonAction,
|
|
194
|
+
size: "large",
|
|
195
|
+
onClick: onButtonClick,
|
|
196
|
+
iconLeft: buttonIcon,
|
|
197
|
+
className: "rounded-full px-5 py-2.5",
|
|
198
|
+
children: buttonText
|
|
199
|
+
}
|
|
200
|
+
)
|
|
201
|
+
] });
|
|
202
|
+
};
|
|
203
|
+
var EmptyState_default = EmptyState;
|
|
204
|
+
|
|
162
205
|
// src/components/Skeleton/Skeleton.tsx
|
|
163
206
|
import { forwardRef } from "react";
|
|
164
|
-
import { jsx as
|
|
207
|
+
import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
165
208
|
var SKELETON_ANIMATION_CLASSES = {
|
|
166
209
|
pulse: "animate-pulse",
|
|
167
210
|
none: ""
|
|
@@ -198,13 +241,13 @@ var Skeleton = forwardRef(
|
|
|
198
241
|
height: typeof height === "number" ? `${height}px` : height
|
|
199
242
|
};
|
|
200
243
|
if (variant === "text" && lines > 1) {
|
|
201
|
-
return /* @__PURE__ */
|
|
244
|
+
return /* @__PURE__ */ jsx5(
|
|
202
245
|
"div",
|
|
203
246
|
{
|
|
204
247
|
ref,
|
|
205
248
|
className: cn("flex flex-col", spacingClass, className),
|
|
206
249
|
...props,
|
|
207
|
-
children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */
|
|
250
|
+
children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx5(
|
|
208
251
|
"div",
|
|
209
252
|
{
|
|
210
253
|
className: cn(variantClass, animationClass),
|
|
@@ -215,7 +258,7 @@ var Skeleton = forwardRef(
|
|
|
215
258
|
}
|
|
216
259
|
);
|
|
217
260
|
}
|
|
218
|
-
return /* @__PURE__ */
|
|
261
|
+
return /* @__PURE__ */ jsx5(
|
|
219
262
|
"div",
|
|
220
263
|
{
|
|
221
264
|
ref,
|
|
@@ -228,11 +271,11 @@ var Skeleton = forwardRef(
|
|
|
228
271
|
}
|
|
229
272
|
);
|
|
230
273
|
var SkeletonText = forwardRef(
|
|
231
|
-
(props, ref) => /* @__PURE__ */
|
|
274
|
+
(props, ref) => /* @__PURE__ */ jsx5(Skeleton, { ref, variant: "text", ...props })
|
|
232
275
|
);
|
|
233
|
-
var SkeletonCircle = forwardRef((props, ref) => /* @__PURE__ */
|
|
234
|
-
var SkeletonRectangle = forwardRef((props, ref) => /* @__PURE__ */
|
|
235
|
-
var SkeletonRounded = forwardRef((props, ref) => /* @__PURE__ */
|
|
276
|
+
var SkeletonCircle = forwardRef((props, ref) => /* @__PURE__ */ jsx5(Skeleton, { ref, variant: "circular", ...props }));
|
|
277
|
+
var SkeletonRectangle = forwardRef((props, ref) => /* @__PURE__ */ jsx5(Skeleton, { ref, variant: "rectangular", ...props }));
|
|
278
|
+
var SkeletonRounded = forwardRef((props, ref) => /* @__PURE__ */ jsx5(Skeleton, { ref, variant: "rounded", ...props }));
|
|
236
279
|
var SkeletonCard = forwardRef(
|
|
237
280
|
({
|
|
238
281
|
showAvatar = true,
|
|
@@ -243,7 +286,7 @@ var SkeletonCard = forwardRef(
|
|
|
243
286
|
className = "",
|
|
244
287
|
...props
|
|
245
288
|
}, ref) => {
|
|
246
|
-
return /* @__PURE__ */
|
|
289
|
+
return /* @__PURE__ */ jsxs4(
|
|
247
290
|
"div",
|
|
248
291
|
{
|
|
249
292
|
ref,
|
|
@@ -253,16 +296,16 @@ var SkeletonCard = forwardRef(
|
|
|
253
296
|
),
|
|
254
297
|
...props,
|
|
255
298
|
children: [
|
|
256
|
-
/* @__PURE__ */
|
|
257
|
-
showAvatar && /* @__PURE__ */
|
|
258
|
-
/* @__PURE__ */
|
|
259
|
-
showTitle && /* @__PURE__ */
|
|
260
|
-
showDescription && /* @__PURE__ */
|
|
299
|
+
/* @__PURE__ */ jsxs4("div", { className: "flex items-start space-x-3", children: [
|
|
300
|
+
showAvatar && /* @__PURE__ */ jsx5(SkeletonCircle, { width: 40, height: 40 }),
|
|
301
|
+
/* @__PURE__ */ jsxs4("div", { className: "flex-1 space-y-2", children: [
|
|
302
|
+
showTitle && /* @__PURE__ */ jsx5(SkeletonText, { width: "60%", height: 20 }),
|
|
303
|
+
showDescription && /* @__PURE__ */ jsx5(SkeletonText, { lines, spacing: "small" })
|
|
261
304
|
] })
|
|
262
305
|
] }),
|
|
263
|
-
showActions && /* @__PURE__ */
|
|
264
|
-
/* @__PURE__ */
|
|
265
|
-
/* @__PURE__ */
|
|
306
|
+
showActions && /* @__PURE__ */ jsxs4("div", { className: "flex justify-end space-x-2 mt-4", children: [
|
|
307
|
+
/* @__PURE__ */ jsx5(SkeletonRectangle, { width: 80, height: 32 }),
|
|
308
|
+
/* @__PURE__ */ jsx5(SkeletonRectangle, { width: 80, height: 32 })
|
|
266
309
|
] })
|
|
267
310
|
]
|
|
268
311
|
}
|
|
@@ -279,19 +322,19 @@ var SkeletonList = forwardRef(
|
|
|
279
322
|
className = "",
|
|
280
323
|
...props
|
|
281
324
|
}, ref) => {
|
|
282
|
-
return /* @__PURE__ */
|
|
283
|
-
showAvatar && /* @__PURE__ */
|
|
284
|
-
/* @__PURE__ */
|
|
285
|
-
showTitle && /* @__PURE__ */
|
|
286
|
-
showDescription && /* @__PURE__ */
|
|
325
|
+
return /* @__PURE__ */ jsx5("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs4("div", { className: "flex items-start space-x-3 p-3", children: [
|
|
326
|
+
showAvatar && /* @__PURE__ */ jsx5(SkeletonCircle, { width: 32, height: 32 }),
|
|
327
|
+
/* @__PURE__ */ jsxs4("div", { className: "flex-1 space-y-2", children: [
|
|
328
|
+
showTitle && /* @__PURE__ */ jsx5(SkeletonText, { width: "40%", height: 16 }),
|
|
329
|
+
showDescription && /* @__PURE__ */ jsx5(SkeletonText, { lines, spacing: "small" })
|
|
287
330
|
] })
|
|
288
331
|
] }, index)) });
|
|
289
332
|
}
|
|
290
333
|
);
|
|
291
334
|
var SkeletonTable = forwardRef(
|
|
292
335
|
({ rows = 5, columns = 4, showHeader = true, className = "", ...props }, ref) => {
|
|
293
|
-
return /* @__PURE__ */
|
|
294
|
-
showHeader && /* @__PURE__ */
|
|
336
|
+
return /* @__PURE__ */ jsxs4("div", { ref, className: cn("w-full", className), ...props, children: [
|
|
337
|
+
showHeader && /* @__PURE__ */ jsx5("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ jsx5(
|
|
295
338
|
SkeletonText,
|
|
296
339
|
{
|
|
297
340
|
width: `${100 / columns}%`,
|
|
@@ -299,7 +342,7 @@ var SkeletonTable = forwardRef(
|
|
|
299
342
|
},
|
|
300
343
|
index
|
|
301
344
|
)) }),
|
|
302
|
-
/* @__PURE__ */
|
|
345
|
+
/* @__PURE__ */ jsx5("div", { className: "space-y-2", children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ jsx5("div", { className: "flex space-x-2", children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ jsx5(
|
|
303
346
|
SkeletonText,
|
|
304
347
|
{
|
|
305
348
|
width: `${100 / columns}%`,
|
|
@@ -313,7 +356,7 @@ var SkeletonTable = forwardRef(
|
|
|
313
356
|
|
|
314
357
|
// src/components/Table/TablePagination.tsx
|
|
315
358
|
import { CaretLeft, CaretRight, CaretDown } from "phosphor-react";
|
|
316
|
-
import { jsx as
|
|
359
|
+
import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
317
360
|
var TablePagination = ({
|
|
318
361
|
totalItems,
|
|
319
362
|
currentPage,
|
|
@@ -344,7 +387,7 @@ var TablePagination = ({
|
|
|
344
387
|
};
|
|
345
388
|
const isFirstPage = currentPage === 1;
|
|
346
389
|
const isLastPage = currentPage === totalPages;
|
|
347
|
-
return /* @__PURE__ */
|
|
390
|
+
return /* @__PURE__ */ jsxs5(
|
|
348
391
|
"div",
|
|
349
392
|
{
|
|
350
393
|
className: cn(
|
|
@@ -354,29 +397,29 @@ var TablePagination = ({
|
|
|
354
397
|
),
|
|
355
398
|
...props,
|
|
356
399
|
children: [
|
|
357
|
-
/* @__PURE__ */
|
|
400
|
+
/* @__PURE__ */ jsxs5("span", { className: "font-normal text-xs leading-[14px] text-text-800", children: [
|
|
358
401
|
startItem,
|
|
359
402
|
" de ",
|
|
360
403
|
totalItems,
|
|
361
404
|
" ",
|
|
362
405
|
itemLabel
|
|
363
406
|
] }),
|
|
364
|
-
/* @__PURE__ */
|
|
365
|
-
onItemsPerPageChange && /* @__PURE__ */
|
|
366
|
-
/* @__PURE__ */
|
|
407
|
+
/* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap sm:flex-nowrap items-center gap-2 sm:gap-4 justify-center sm:justify-start", children: [
|
|
408
|
+
onItemsPerPageChange && /* @__PURE__ */ jsxs5("div", { className: "relative", children: [
|
|
409
|
+
/* @__PURE__ */ jsx6(
|
|
367
410
|
"select",
|
|
368
411
|
{
|
|
369
412
|
value: itemsPerPage,
|
|
370
413
|
onChange: handleItemsPerPageChange,
|
|
371
414
|
className: "w-24 h-9 py-0 px-3 pr-8 bg-background border border-border-300 rounded appearance-none cursor-pointer font-normal text-sm leading-[21px] text-text-900",
|
|
372
415
|
"aria-label": "Items por p\xE1gina",
|
|
373
|
-
children: itemsPerPageOptions.map((option) => /* @__PURE__ */
|
|
416
|
+
children: itemsPerPageOptions.map((option) => /* @__PURE__ */ jsxs5("option", { value: option, children: [
|
|
374
417
|
option,
|
|
375
418
|
" itens"
|
|
376
419
|
] }, option))
|
|
377
420
|
}
|
|
378
421
|
),
|
|
379
|
-
/* @__PURE__ */
|
|
422
|
+
/* @__PURE__ */ jsx6(
|
|
380
423
|
CaretDown,
|
|
381
424
|
{
|
|
382
425
|
size: 14,
|
|
@@ -385,13 +428,13 @@ var TablePagination = ({
|
|
|
385
428
|
}
|
|
386
429
|
)
|
|
387
430
|
] }),
|
|
388
|
-
/* @__PURE__ */
|
|
431
|
+
/* @__PURE__ */ jsxs5("span", { className: "font-normal text-xs leading-[14px] text-text-950", children: [
|
|
389
432
|
"P\xE1gina ",
|
|
390
433
|
currentPage,
|
|
391
434
|
" de ",
|
|
392
435
|
totalPages
|
|
393
436
|
] }),
|
|
394
|
-
/* @__PURE__ */
|
|
437
|
+
/* @__PURE__ */ jsxs5(
|
|
395
438
|
"button",
|
|
396
439
|
{
|
|
397
440
|
onClick: handlePrevious,
|
|
@@ -402,12 +445,12 @@ var TablePagination = ({
|
|
|
402
445
|
),
|
|
403
446
|
"aria-label": "P\xE1gina anterior",
|
|
404
447
|
children: [
|
|
405
|
-
/* @__PURE__ */
|
|
406
|
-
/* @__PURE__ */
|
|
448
|
+
/* @__PURE__ */ jsx6(CaretLeft, { size: 12, weight: "bold", className: "text-primary-950" }),
|
|
449
|
+
/* @__PURE__ */ jsx6("span", { className: "font-medium text-xs leading-[14px] text-primary-950", children: "Anterior" })
|
|
407
450
|
]
|
|
408
451
|
}
|
|
409
452
|
),
|
|
410
|
-
/* @__PURE__ */
|
|
453
|
+
/* @__PURE__ */ jsxs5(
|
|
411
454
|
"button",
|
|
412
455
|
{
|
|
413
456
|
onClick: handleNext,
|
|
@@ -418,8 +461,8 @@ var TablePagination = ({
|
|
|
418
461
|
),
|
|
419
462
|
"aria-label": "Pr\xF3xima p\xE1gina",
|
|
420
463
|
children: [
|
|
421
|
-
/* @__PURE__ */
|
|
422
|
-
/* @__PURE__ */
|
|
464
|
+
/* @__PURE__ */ jsx6("span", { className: "font-medium text-xs leading-[14px] text-primary-950", children: "Pr\xF3xima" }),
|
|
465
|
+
/* @__PURE__ */ jsx6(CaretRight, { size: 12, weight: "bold", className: "text-primary-950" })
|
|
423
466
|
]
|
|
424
467
|
}
|
|
425
468
|
)
|
|
@@ -432,7 +475,7 @@ TablePagination.displayName = "TablePagination";
|
|
|
432
475
|
var TablePagination_default = TablePagination;
|
|
433
476
|
|
|
434
477
|
// src/components/Table/Table.tsx
|
|
435
|
-
import { jsx as
|
|
478
|
+
import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
436
479
|
function useTableSort(data, options = {}) {
|
|
437
480
|
const { syncWithUrl = false } = options;
|
|
438
481
|
const getInitialState = () => {
|
|
@@ -515,7 +558,7 @@ var getNoSearchResultContent = (config, defaultTitle, defaultDescription) => {
|
|
|
515
558
|
return config.component;
|
|
516
559
|
}
|
|
517
560
|
if (config.image) {
|
|
518
|
-
return /* @__PURE__ */
|
|
561
|
+
return /* @__PURE__ */ jsx7(
|
|
519
562
|
NoSearchResult_default,
|
|
520
563
|
{
|
|
521
564
|
image: config.image,
|
|
@@ -524,39 +567,31 @@ var getNoSearchResultContent = (config, defaultTitle, defaultDescription) => {
|
|
|
524
567
|
}
|
|
525
568
|
);
|
|
526
569
|
}
|
|
527
|
-
return /* @__PURE__ */
|
|
528
|
-
/* @__PURE__ */
|
|
529
|
-
/* @__PURE__ */
|
|
570
|
+
return /* @__PURE__ */ jsxs6("div", { className: "text-center", children: [
|
|
571
|
+
/* @__PURE__ */ jsx7("p", { className: "text-text-600 text-lg font-semibold mb-2", children: config.title || defaultTitle }),
|
|
572
|
+
/* @__PURE__ */ jsx7("p", { className: "text-text-500 text-sm", children: config.description || defaultDescription })
|
|
530
573
|
] });
|
|
531
574
|
};
|
|
532
|
-
var getEmptyStateContent = (config,
|
|
575
|
+
var getEmptyStateContent = (config, defaultTitle, defaultDescription) => {
|
|
533
576
|
if (config?.component) {
|
|
534
577
|
return config.component;
|
|
535
578
|
}
|
|
536
|
-
return /* @__PURE__ */
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
variant: "solid",
|
|
550
|
-
action: "primary",
|
|
551
|
-
size: "medium",
|
|
552
|
-
onClick: config?.onButtonClick || onButtonClick,
|
|
553
|
-
children: config?.buttonText || defaultButtonText
|
|
554
|
-
}
|
|
555
|
-
)
|
|
556
|
-
] });
|
|
579
|
+
return /* @__PURE__ */ jsx7(
|
|
580
|
+
EmptyState_default,
|
|
581
|
+
{
|
|
582
|
+
image: config?.image,
|
|
583
|
+
title: config?.title || defaultTitle,
|
|
584
|
+
description: config?.description || defaultDescription,
|
|
585
|
+
buttonText: config?.buttonText,
|
|
586
|
+
buttonIcon: config?.buttonIcon,
|
|
587
|
+
onButtonClick: config?.onButtonClick,
|
|
588
|
+
buttonVariant: config?.buttonVariant,
|
|
589
|
+
buttonAction: config?.buttonAction
|
|
590
|
+
}
|
|
591
|
+
);
|
|
557
592
|
};
|
|
558
593
|
var renderTableWrapper = (variant, tableRef, className, children, stateContent, tableProps) => {
|
|
559
|
-
return /* @__PURE__ */
|
|
594
|
+
return /* @__PURE__ */ jsxs6(
|
|
560
595
|
"div",
|
|
561
596
|
{
|
|
562
597
|
className: cn(
|
|
@@ -564,7 +599,7 @@ var renderTableWrapper = (variant, tableRef, className, children, stateContent,
|
|
|
564
599
|
variant === "default" && "border border-border-200 rounded-xl"
|
|
565
600
|
),
|
|
566
601
|
children: [
|
|
567
|
-
/* @__PURE__ */
|
|
602
|
+
/* @__PURE__ */ jsx7(
|
|
568
603
|
"table",
|
|
569
604
|
{
|
|
570
605
|
ref: tableRef,
|
|
@@ -576,7 +611,7 @@ var renderTableWrapper = (variant, tableRef, className, children, stateContent,
|
|
|
576
611
|
children: renderHeaderElements(children)
|
|
577
612
|
}
|
|
578
613
|
),
|
|
579
|
-
/* @__PURE__ */
|
|
614
|
+
/* @__PURE__ */ jsx7("div", { className: "py-8 flex justify-center", children: stateContent })
|
|
580
615
|
]
|
|
581
616
|
}
|
|
582
617
|
);
|
|
@@ -599,13 +634,13 @@ var Table = forwardRef2(
|
|
|
599
634
|
description: "N\xE3o encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave."
|
|
600
635
|
};
|
|
601
636
|
const defaultEmptyState = {
|
|
602
|
-
|
|
603
|
-
|
|
637
|
+
title: "Nenhum dado dispon\xEDvel",
|
|
638
|
+
description: "N\xE3o h\xE1 dados para exibir no momento."
|
|
604
639
|
};
|
|
605
640
|
const finalNoSearchResultState = noSearchResultState || defaultNoSearchResultState;
|
|
606
641
|
const finalEmptyState = emptyState || defaultEmptyState;
|
|
607
642
|
if (showLoading) {
|
|
608
|
-
const loadingContent = loadingState?.component || /* @__PURE__ */
|
|
643
|
+
const loadingContent = loadingState?.component || /* @__PURE__ */ jsx7(SkeletonTable, { rows: 5, columns: 4, showHeader: false });
|
|
609
644
|
return renderTableWrapper(
|
|
610
645
|
variant,
|
|
611
646
|
ref,
|
|
@@ -633,8 +668,8 @@ var Table = forwardRef2(
|
|
|
633
668
|
if (showEmpty) {
|
|
634
669
|
const emptyContent = getEmptyStateContent(
|
|
635
670
|
finalEmptyState,
|
|
636
|
-
defaultEmptyState.
|
|
637
|
-
defaultEmptyState.
|
|
671
|
+
defaultEmptyState.title || "Nenhum dado dispon\xEDvel",
|
|
672
|
+
defaultEmptyState.description || "N\xE3o h\xE1 dados para exibir no momento."
|
|
638
673
|
);
|
|
639
674
|
return renderTableWrapper(
|
|
640
675
|
variant,
|
|
@@ -645,14 +680,14 @@ var Table = forwardRef2(
|
|
|
645
680
|
props
|
|
646
681
|
);
|
|
647
682
|
}
|
|
648
|
-
return /* @__PURE__ */
|
|
683
|
+
return /* @__PURE__ */ jsx7(
|
|
649
684
|
"div",
|
|
650
685
|
{
|
|
651
686
|
className: cn(
|
|
652
687
|
"relative w-full overflow-x-auto",
|
|
653
688
|
variant === "default" && "border border-border-200 rounded-xl"
|
|
654
689
|
),
|
|
655
|
-
children: /* @__PURE__ */
|
|
690
|
+
children: /* @__PURE__ */ jsxs6(
|
|
656
691
|
"table",
|
|
657
692
|
{
|
|
658
693
|
ref,
|
|
@@ -666,7 +701,7 @@ var Table = forwardRef2(
|
|
|
666
701
|
children: [
|
|
667
702
|
!Children.toArray(children).some(
|
|
668
703
|
(child) => isValidElement(child) && child.type === TableCaption
|
|
669
|
-
) && /* @__PURE__ */
|
|
704
|
+
) && /* @__PURE__ */ jsx7("caption", { className: "sr-only", children: "My Table" }),
|
|
670
705
|
children
|
|
671
706
|
]
|
|
672
707
|
}
|
|
@@ -676,7 +711,7 @@ var Table = forwardRef2(
|
|
|
676
711
|
}
|
|
677
712
|
);
|
|
678
713
|
Table.displayName = "Table";
|
|
679
|
-
var TableHeader = forwardRef2(({ className, ...props }, ref) => /* @__PURE__ */
|
|
714
|
+
var TableHeader = forwardRef2(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
|
|
680
715
|
"thead",
|
|
681
716
|
{
|
|
682
717
|
ref,
|
|
@@ -686,7 +721,7 @@ var TableHeader = forwardRef2(({ className, ...props }, ref) => /* @__PURE__ */
|
|
|
686
721
|
));
|
|
687
722
|
TableHeader.displayName = "TableHeader";
|
|
688
723
|
var TableBody = forwardRef2(
|
|
689
|
-
({ className, variant = "default", ...props }, ref) => /* @__PURE__ */
|
|
724
|
+
({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx7(
|
|
690
725
|
"tbody",
|
|
691
726
|
{
|
|
692
727
|
ref,
|
|
@@ -701,7 +736,7 @@ var TableBody = forwardRef2(
|
|
|
701
736
|
);
|
|
702
737
|
TableBody.displayName = "TableBody";
|
|
703
738
|
var TableFooter = forwardRef2(
|
|
704
|
-
({ variant = "default", className, ...props }, ref) => /* @__PURE__ */
|
|
739
|
+
({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ jsx7(
|
|
705
740
|
"tfoot",
|
|
706
741
|
{
|
|
707
742
|
ref,
|
|
@@ -745,7 +780,7 @@ var TableRow = forwardRef2(
|
|
|
745
780
|
className,
|
|
746
781
|
...props
|
|
747
782
|
}, ref) => {
|
|
748
|
-
return /* @__PURE__ */
|
|
783
|
+
return /* @__PURE__ */ jsx7(
|
|
749
784
|
"tr",
|
|
750
785
|
{
|
|
751
786
|
ref,
|
|
@@ -777,7 +812,7 @@ var TableHead = forwardRef2(
|
|
|
777
812
|
onSort();
|
|
778
813
|
}
|
|
779
814
|
};
|
|
780
|
-
return /* @__PURE__ */
|
|
815
|
+
return /* @__PURE__ */ jsx7(
|
|
781
816
|
"th",
|
|
782
817
|
{
|
|
783
818
|
ref,
|
|
@@ -788,11 +823,11 @@ var TableHead = forwardRef2(
|
|
|
788
823
|
),
|
|
789
824
|
onClick: handleClick,
|
|
790
825
|
...props,
|
|
791
|
-
children: /* @__PURE__ */
|
|
826
|
+
children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
|
|
792
827
|
children,
|
|
793
|
-
sortable && /* @__PURE__ */
|
|
794
|
-
sortDirection === "asc" && /* @__PURE__ */
|
|
795
|
-
sortDirection === "desc" && /* @__PURE__ */
|
|
828
|
+
sortable && /* @__PURE__ */ jsxs6("div", { className: "flex flex-col", children: [
|
|
829
|
+
sortDirection === "asc" && /* @__PURE__ */ jsx7(CaretUp, { size: 16, weight: "fill", className: "text-text-800" }),
|
|
830
|
+
sortDirection === "desc" && /* @__PURE__ */ jsx7(CaretDown2, { size: 16, weight: "fill", className: "text-text-800" })
|
|
796
831
|
] })
|
|
797
832
|
] })
|
|
798
833
|
}
|
|
@@ -800,7 +835,7 @@ var TableHead = forwardRef2(
|
|
|
800
835
|
}
|
|
801
836
|
);
|
|
802
837
|
TableHead.displayName = "TableHead";
|
|
803
|
-
var TableCell = forwardRef2(({ className, ...props }, ref) => /* @__PURE__ */
|
|
838
|
+
var TableCell = forwardRef2(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
|
|
804
839
|
"td",
|
|
805
840
|
{
|
|
806
841
|
ref,
|
|
@@ -812,7 +847,7 @@ var TableCell = forwardRef2(({ className, ...props }, ref) => /* @__PURE__ */ js
|
|
|
812
847
|
}
|
|
813
848
|
));
|
|
814
849
|
TableCell.displayName = "TableCell";
|
|
815
|
-
var TableCaption = forwardRef2(({ className, ...props }, ref) => /* @__PURE__ */
|
|
850
|
+
var TableCaption = forwardRef2(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
|
|
816
851
|
"caption",
|
|
817
852
|
{
|
|
818
853
|
ref,
|
|
@@ -995,7 +1030,7 @@ var getYouTubeEmbedUrl = (videoId) => {
|
|
|
995
1030
|
};
|
|
996
1031
|
|
|
997
1032
|
// src/components/Modal/Modal.tsx
|
|
998
|
-
import { jsx as
|
|
1033
|
+
import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
999
1034
|
var SIZE_CLASSES2 = {
|
|
1000
1035
|
xs: "max-w-[360px]",
|
|
1001
1036
|
sm: "max-w-[420px]",
|
|
@@ -1080,7 +1115,7 @@ var Modal = ({
|
|
|
1080
1115
|
}
|
|
1081
1116
|
};
|
|
1082
1117
|
if (variant === "activity") {
|
|
1083
|
-
return /* @__PURE__ */
|
|
1118
|
+
return /* @__PURE__ */ jsx8("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__ */ jsxs7(
|
|
1084
1119
|
"dialog",
|
|
1085
1120
|
{
|
|
1086
1121
|
className: modalClasses,
|
|
@@ -1088,17 +1123,17 @@ var Modal = ({
|
|
|
1088
1123
|
"aria-modal": "true",
|
|
1089
1124
|
open: true,
|
|
1090
1125
|
children: [
|
|
1091
|
-
/* @__PURE__ */
|
|
1126
|
+
/* @__PURE__ */ jsx8("div", { className: "flex justify-end p-6 pb-0", children: !hideCloseButton && /* @__PURE__ */ jsx8(
|
|
1092
1127
|
"button",
|
|
1093
1128
|
{
|
|
1094
1129
|
onClick: onClose,
|
|
1095
1130
|
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",
|
|
1096
1131
|
"aria-label": "Fechar modal",
|
|
1097
|
-
children: /* @__PURE__ */
|
|
1132
|
+
children: /* @__PURE__ */ jsx8(X, { size: 18 })
|
|
1098
1133
|
}
|
|
1099
1134
|
) }),
|
|
1100
|
-
/* @__PURE__ */
|
|
1101
|
-
image && /* @__PURE__ */
|
|
1135
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center px-6 pb-6 gap-5", children: [
|
|
1136
|
+
image && /* @__PURE__ */ jsx8("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx8(
|
|
1102
1137
|
"img",
|
|
1103
1138
|
{
|
|
1104
1139
|
src: image,
|
|
@@ -1106,7 +1141,7 @@ var Modal = ({
|
|
|
1106
1141
|
className: "w-[122px] h-[122px] object-contain"
|
|
1107
1142
|
}
|
|
1108
1143
|
) }),
|
|
1109
|
-
/* @__PURE__ */
|
|
1144
|
+
/* @__PURE__ */ jsx8(
|
|
1110
1145
|
"h2",
|
|
1111
1146
|
{
|
|
1112
1147
|
id: titleId,
|
|
@@ -1114,15 +1149,15 @@ var Modal = ({
|
|
|
1114
1149
|
children: title
|
|
1115
1150
|
}
|
|
1116
1151
|
),
|
|
1117
|
-
description && /* @__PURE__ */
|
|
1118
|
-
actionLink && /* @__PURE__ */
|
|
1152
|
+
description && /* @__PURE__ */ jsx8("p", { className: "text-sm font-normal text-text-400 text-center max-w-md leading-[21px]", children: description }),
|
|
1153
|
+
actionLink && /* @__PURE__ */ jsxs7("div", { className: "w-full", children: [
|
|
1119
1154
|
(() => {
|
|
1120
1155
|
const normalized = normalizeUrl(actionLink);
|
|
1121
1156
|
const isYT = isYouTubeUrl(normalized);
|
|
1122
1157
|
if (!isYT) return null;
|
|
1123
1158
|
const id = getYouTubeVideoId(normalized);
|
|
1124
1159
|
if (!id) {
|
|
1125
|
-
return /* @__PURE__ */
|
|
1160
|
+
return /* @__PURE__ */ jsx8(
|
|
1126
1161
|
Button_default,
|
|
1127
1162
|
{
|
|
1128
1163
|
variant: "solid",
|
|
@@ -1134,7 +1169,7 @@ var Modal = ({
|
|
|
1134
1169
|
}
|
|
1135
1170
|
);
|
|
1136
1171
|
}
|
|
1137
|
-
return /* @__PURE__ */
|
|
1172
|
+
return /* @__PURE__ */ jsx8(
|
|
1138
1173
|
"iframe",
|
|
1139
1174
|
{
|
|
1140
1175
|
src: getYouTubeEmbedUrl(id),
|
|
@@ -1145,7 +1180,7 @@ var Modal = ({
|
|
|
1145
1180
|
}
|
|
1146
1181
|
);
|
|
1147
1182
|
})(),
|
|
1148
|
-
!isYouTubeUrl(normalizeUrl(actionLink)) && /* @__PURE__ */
|
|
1183
|
+
!isYouTubeUrl(normalizeUrl(actionLink)) && /* @__PURE__ */ jsx8(
|
|
1149
1184
|
Button_default,
|
|
1150
1185
|
{
|
|
1151
1186
|
variant: "solid",
|
|
@@ -1162,7 +1197,7 @@ var Modal = ({
|
|
|
1162
1197
|
}
|
|
1163
1198
|
) });
|
|
1164
1199
|
}
|
|
1165
|
-
return /* @__PURE__ */
|
|
1200
|
+
return /* @__PURE__ */ jsx8("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__ */ jsxs7(
|
|
1166
1201
|
"dialog",
|
|
1167
1202
|
{
|
|
1168
1203
|
className: modalClasses,
|
|
@@ -1170,20 +1205,20 @@ var Modal = ({
|
|
|
1170
1205
|
"aria-modal": "true",
|
|
1171
1206
|
open: true,
|
|
1172
1207
|
children: [
|
|
1173
|
-
/* @__PURE__ */
|
|
1174
|
-
/* @__PURE__ */
|
|
1175
|
-
!hideCloseButton && /* @__PURE__ */
|
|
1208
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between px-6 py-6", children: [
|
|
1209
|
+
/* @__PURE__ */ jsx8("h2", { id: titleId, className: "text-lg font-semibold text-text-950", children: title }),
|
|
1210
|
+
!hideCloseButton && /* @__PURE__ */ jsx8(
|
|
1176
1211
|
"button",
|
|
1177
1212
|
{
|
|
1178
1213
|
onClick: onClose,
|
|
1179
1214
|
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",
|
|
1180
1215
|
"aria-label": "Fechar modal",
|
|
1181
|
-
children: /* @__PURE__ */
|
|
1216
|
+
children: /* @__PURE__ */ jsx8(X, { size: 18 })
|
|
1182
1217
|
}
|
|
1183
1218
|
)
|
|
1184
1219
|
] }),
|
|
1185
|
-
children && /* @__PURE__ */
|
|
1186
|
-
footer && /* @__PURE__ */
|
|
1220
|
+
children && /* @__PURE__ */ jsx8("div", { className: cn("px-6 pb-6", contentClassName), children: /* @__PURE__ */ jsx8("div", { className: "text-text-500 font-normal text-sm leading-6", children }) }),
|
|
1221
|
+
footer && /* @__PURE__ */ jsx8("div", { className: "flex justify-end gap-3 px-6 pb-6", children: footer })
|
|
1187
1222
|
]
|
|
1188
1223
|
}
|
|
1189
1224
|
) });
|
|
@@ -1196,7 +1231,7 @@ import { useState as useState3, useEffect as useEffect5 } from "react";
|
|
|
1196
1231
|
|
|
1197
1232
|
// src/components/SelectionButton/SelectionButton.tsx
|
|
1198
1233
|
import { forwardRef as forwardRef3 } from "react";
|
|
1199
|
-
import { jsx as
|
|
1234
|
+
import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
1200
1235
|
var SelectionButton = forwardRef3(
|
|
1201
1236
|
({ icon, label, selected = false, className = "", disabled, ...props }, ref) => {
|
|
1202
1237
|
const baseClasses = [
|
|
@@ -1229,7 +1264,7 @@ var SelectionButton = forwardRef3(
|
|
|
1229
1264
|
];
|
|
1230
1265
|
const stateClasses = selected ? ["ring-primary-950", "ring-2", "ring-offset-0", "shadow-none"] : [];
|
|
1231
1266
|
const allClasses = [...baseClasses, ...stateClasses].join(" ");
|
|
1232
|
-
return /* @__PURE__ */
|
|
1267
|
+
return /* @__PURE__ */ jsxs8(
|
|
1233
1268
|
"button",
|
|
1234
1269
|
{
|
|
1235
1270
|
ref,
|
|
@@ -1239,8 +1274,8 @@ var SelectionButton = forwardRef3(
|
|
|
1239
1274
|
"aria-pressed": selected,
|
|
1240
1275
|
...props,
|
|
1241
1276
|
children: [
|
|
1242
|
-
/* @__PURE__ */
|
|
1243
|
-
/* @__PURE__ */
|
|
1277
|
+
/* @__PURE__ */ jsx9("span", { className: "flex items-center justify-center w-6 h-6", children: icon }),
|
|
1278
|
+
/* @__PURE__ */ jsx9("span", { children: label })
|
|
1244
1279
|
]
|
|
1245
1280
|
}
|
|
1246
1281
|
);
|
|
@@ -1371,7 +1406,7 @@ var useTheme = () => {
|
|
|
1371
1406
|
};
|
|
1372
1407
|
|
|
1373
1408
|
// src/components/ThemeToggle/ThemeToggle.tsx
|
|
1374
|
-
import { jsx as
|
|
1409
|
+
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
1375
1410
|
var ThemeToggle = ({
|
|
1376
1411
|
variant = "default",
|
|
1377
1412
|
onToggle
|
|
@@ -1385,17 +1420,17 @@ var ThemeToggle = ({
|
|
|
1385
1420
|
{
|
|
1386
1421
|
id: "light",
|
|
1387
1422
|
title: "Claro",
|
|
1388
|
-
icon: /* @__PURE__ */
|
|
1423
|
+
icon: /* @__PURE__ */ jsx10(Sun, { size: 24 })
|
|
1389
1424
|
},
|
|
1390
1425
|
{
|
|
1391
1426
|
id: "dark",
|
|
1392
1427
|
title: "Escuro",
|
|
1393
|
-
icon: /* @__PURE__ */
|
|
1428
|
+
icon: /* @__PURE__ */ jsx10(Moon, { size: 24 })
|
|
1394
1429
|
},
|
|
1395
1430
|
{
|
|
1396
1431
|
id: "system",
|
|
1397
1432
|
title: "Sistema",
|
|
1398
|
-
icon: /* @__PURE__ */
|
|
1433
|
+
icon: /* @__PURE__ */ jsx10(
|
|
1399
1434
|
"svg",
|
|
1400
1435
|
{
|
|
1401
1436
|
width: "25",
|
|
@@ -1403,7 +1438,7 @@ var ThemeToggle = ({
|
|
|
1403
1438
|
viewBox: "0 0 25 25",
|
|
1404
1439
|
fill: "none",
|
|
1405
1440
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1406
|
-
children: /* @__PURE__ */
|
|
1441
|
+
children: /* @__PURE__ */ jsx10(
|
|
1407
1442
|
"path",
|
|
1408
1443
|
{
|
|
1409
1444
|
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",
|
|
@@ -1425,7 +1460,7 @@ var ThemeToggle = ({
|
|
|
1425
1460
|
}
|
|
1426
1461
|
};
|
|
1427
1462
|
const currentTheme = variant === "with-save" ? tempTheme : themeMode;
|
|
1428
|
-
return /* @__PURE__ */
|
|
1463
|
+
return /* @__PURE__ */ jsx10("div", { className: "flex flex-row gap-2 sm:gap-4 py-2", children: problemTypes.map((type) => /* @__PURE__ */ jsx10(
|
|
1429
1464
|
SelectionButton_default,
|
|
1430
1465
|
{
|
|
1431
1466
|
icon: type.icon,
|
|
@@ -1439,7 +1474,7 @@ var ThemeToggle = ({
|
|
|
1439
1474
|
};
|
|
1440
1475
|
|
|
1441
1476
|
// src/components/DropdownMenu/DropdownMenu.tsx
|
|
1442
|
-
import { Fragment, jsx as
|
|
1477
|
+
import { Fragment, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
1443
1478
|
function createDropdownStore() {
|
|
1444
1479
|
return create2((set) => ({
|
|
1445
1480
|
open: false,
|
|
@@ -1547,7 +1582,7 @@ var DropdownMenu = ({
|
|
|
1547
1582
|
setOpen(propOpen);
|
|
1548
1583
|
}
|
|
1549
1584
|
}, [propOpen]);
|
|
1550
|
-
return /* @__PURE__ */
|
|
1585
|
+
return /* @__PURE__ */ jsx11("div", { className: "relative", ref: menuRef, children: injectStore(children, store) });
|
|
1551
1586
|
};
|
|
1552
1587
|
var DropdownMenuTrigger = ({
|
|
1553
1588
|
className,
|
|
@@ -1559,7 +1594,7 @@ var DropdownMenuTrigger = ({
|
|
|
1559
1594
|
const store = useDropdownStore(externalStore);
|
|
1560
1595
|
const open = useStore(store, (s) => s.open);
|
|
1561
1596
|
const toggleOpen = () => store.setState({ open: !open });
|
|
1562
|
-
return /* @__PURE__ */
|
|
1597
|
+
return /* @__PURE__ */ jsx11(
|
|
1563
1598
|
"div",
|
|
1564
1599
|
{
|
|
1565
1600
|
onClick: (e) => {
|
|
@@ -1604,7 +1639,7 @@ var MENUCONTENT_VARIANT_CLASSES = {
|
|
|
1604
1639
|
profile: "p-6"
|
|
1605
1640
|
};
|
|
1606
1641
|
var MenuLabel = forwardRef4(({ className, inset, store: _store, ...props }, ref) => {
|
|
1607
|
-
return /* @__PURE__ */
|
|
1642
|
+
return /* @__PURE__ */ jsx11(
|
|
1608
1643
|
"div",
|
|
1609
1644
|
{
|
|
1610
1645
|
ref,
|
|
@@ -1643,7 +1678,7 @@ var DropdownMenuContent = forwardRef4(
|
|
|
1643
1678
|
return `absolute ${vertical} ${horizontal}`;
|
|
1644
1679
|
};
|
|
1645
1680
|
const variantClasses = MENUCONTENT_VARIANT_CLASSES[variant];
|
|
1646
|
-
return /* @__PURE__ */
|
|
1681
|
+
return /* @__PURE__ */ jsx11(
|
|
1647
1682
|
"div",
|
|
1648
1683
|
{
|
|
1649
1684
|
ref,
|
|
@@ -1712,7 +1747,7 @@ var DropdownMenuItem = forwardRef4(
|
|
|
1712
1747
|
const getVariantProps = () => {
|
|
1713
1748
|
return variant === "profile" ? { "data-variant": "profile" } : {};
|
|
1714
1749
|
};
|
|
1715
|
-
return /* @__PURE__ */
|
|
1750
|
+
return /* @__PURE__ */ jsxs9(
|
|
1716
1751
|
"div",
|
|
1717
1752
|
{
|
|
1718
1753
|
ref,
|
|
@@ -1738,7 +1773,7 @@ var DropdownMenuItem = forwardRef4(
|
|
|
1738
1773
|
...props,
|
|
1739
1774
|
children: [
|
|
1740
1775
|
iconLeft,
|
|
1741
|
-
/* @__PURE__ */
|
|
1776
|
+
/* @__PURE__ */ jsx11("div", { className: "w-full", children }),
|
|
1742
1777
|
iconRight
|
|
1743
1778
|
]
|
|
1744
1779
|
}
|
|
@@ -1746,7 +1781,7 @@ var DropdownMenuItem = forwardRef4(
|
|
|
1746
1781
|
}
|
|
1747
1782
|
);
|
|
1748
1783
|
DropdownMenuItem.displayName = "DropdownMenuItem";
|
|
1749
|
-
var DropdownMenuSeparator = forwardRef4(({ className, store: _store, ...props }, ref) => /* @__PURE__ */
|
|
1784
|
+
var DropdownMenuSeparator = forwardRef4(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ jsx11(
|
|
1750
1785
|
"div",
|
|
1751
1786
|
{
|
|
1752
1787
|
ref,
|
|
@@ -1759,7 +1794,7 @@ var ProfileMenuTrigger = forwardRef4(({ className, onClick, store: externalStore
|
|
|
1759
1794
|
const store = useDropdownStore(externalStore);
|
|
1760
1795
|
const open = useStore(store, (s) => s.open);
|
|
1761
1796
|
const toggleOpen = () => store.setState({ open: !open });
|
|
1762
|
-
return /* @__PURE__ */
|
|
1797
|
+
return /* @__PURE__ */ jsx11(
|
|
1763
1798
|
"button",
|
|
1764
1799
|
{
|
|
1765
1800
|
ref,
|
|
@@ -1774,13 +1809,13 @@ var ProfileMenuTrigger = forwardRef4(({ className, onClick, store: externalStore
|
|
|
1774
1809
|
},
|
|
1775
1810
|
"aria-expanded": open,
|
|
1776
1811
|
...props,
|
|
1777
|
-
children: /* @__PURE__ */
|
|
1812
|
+
children: /* @__PURE__ */ jsx11("span", { className: "size-6 rounded-full bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ jsx11(User, { className: "text-primary-950", size: 18 }) })
|
|
1778
1813
|
}
|
|
1779
1814
|
);
|
|
1780
1815
|
});
|
|
1781
1816
|
ProfileMenuTrigger.displayName = "ProfileMenuTrigger";
|
|
1782
1817
|
var ProfileMenuHeader = forwardRef4(({ className, name, email, photoUrl, store: _store, ...props }, ref) => {
|
|
1783
|
-
return /* @__PURE__ */
|
|
1818
|
+
return /* @__PURE__ */ jsxs9(
|
|
1784
1819
|
"div",
|
|
1785
1820
|
{
|
|
1786
1821
|
ref,
|
|
@@ -1791,16 +1826,16 @@ var ProfileMenuHeader = forwardRef4(({ className, name, email, photoUrl, store:
|
|
|
1791
1826
|
),
|
|
1792
1827
|
...props,
|
|
1793
1828
|
children: [
|
|
1794
|
-
/* @__PURE__ */
|
|
1829
|
+
/* @__PURE__ */ jsx11("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden flex-shrink-0", children: photoUrl ? /* @__PURE__ */ jsx11(
|
|
1795
1830
|
"img",
|
|
1796
1831
|
{
|
|
1797
1832
|
src: photoUrl,
|
|
1798
1833
|
alt: "Foto de perfil",
|
|
1799
1834
|
className: "w-full h-full object-cover"
|
|
1800
1835
|
}
|
|
1801
|
-
) : /* @__PURE__ */
|
|
1802
|
-
/* @__PURE__ */
|
|
1803
|
-
/* @__PURE__ */
|
|
1836
|
+
) : /* @__PURE__ */ jsx11(User, { size: 34, className: "text-primary-800" }) }),
|
|
1837
|
+
/* @__PURE__ */ jsxs9("div", { className: "flex flex-col min-w-0", children: [
|
|
1838
|
+
/* @__PURE__ */ jsx11(
|
|
1804
1839
|
Text_default,
|
|
1805
1840
|
{
|
|
1806
1841
|
size: "xl",
|
|
@@ -1810,7 +1845,7 @@ var ProfileMenuHeader = forwardRef4(({ className, name, email, photoUrl, store:
|
|
|
1810
1845
|
children: name
|
|
1811
1846
|
}
|
|
1812
1847
|
),
|
|
1813
|
-
/* @__PURE__ */
|
|
1848
|
+
/* @__PURE__ */ jsx11(Text_default, { size: "md", color: "text-text-600", className: "truncate", children: email })
|
|
1814
1849
|
] })
|
|
1815
1850
|
]
|
|
1816
1851
|
}
|
|
@@ -1826,7 +1861,7 @@ var ProfileMenuInfo = forwardRef4(
|
|
|
1826
1861
|
store: _store,
|
|
1827
1862
|
...props
|
|
1828
1863
|
}, ref) => {
|
|
1829
|
-
return /* @__PURE__ */
|
|
1864
|
+
return /* @__PURE__ */ jsxs9(
|
|
1830
1865
|
"div",
|
|
1831
1866
|
{
|
|
1832
1867
|
ref,
|
|
@@ -1834,13 +1869,13 @@ var ProfileMenuInfo = forwardRef4(
|
|
|
1834
1869
|
className: cn("flex flex-row gap-4 items-center", className),
|
|
1835
1870
|
...props,
|
|
1836
1871
|
children: [
|
|
1837
|
-
/* @__PURE__ */
|
|
1838
|
-
/* @__PURE__ */
|
|
1839
|
-
/* @__PURE__ */
|
|
1840
|
-
/* @__PURE__ */
|
|
1841
|
-
/* @__PURE__ */
|
|
1842
|
-
/* @__PURE__ */
|
|
1843
|
-
/* @__PURE__ */
|
|
1872
|
+
/* @__PURE__ */ jsx11("span", { className: "w-16 h-16" }),
|
|
1873
|
+
/* @__PURE__ */ jsxs9("div", { className: "flex flex-col ", children: [
|
|
1874
|
+
/* @__PURE__ */ jsx11(Text_default, { size: "md", color: "text-text-600", children: schoolName }),
|
|
1875
|
+
/* @__PURE__ */ jsxs9("span", { className: "flex flex-row items-center gap-2", children: [
|
|
1876
|
+
/* @__PURE__ */ jsx11(Text_default, { size: "md", color: "text-text-600", children: classYearName }),
|
|
1877
|
+
/* @__PURE__ */ jsx11("p", { className: "text-text-600 text-xs align-middle", children: "\u25CF" }),
|
|
1878
|
+
/* @__PURE__ */ jsx11(Text_default, { size: "md", color: "text-text-600", children: schoolYearName })
|
|
1844
1879
|
] })
|
|
1845
1880
|
] })
|
|
1846
1881
|
]
|
|
@@ -1875,14 +1910,14 @@ var ProfileToggleTheme = ({
|
|
|
1875
1910
|
setModalThemeToggle(false);
|
|
1876
1911
|
setOpen(false);
|
|
1877
1912
|
};
|
|
1878
|
-
return /* @__PURE__ */
|
|
1879
|
-
/* @__PURE__ */
|
|
1913
|
+
return /* @__PURE__ */ jsxs9(Fragment, { children: [
|
|
1914
|
+
/* @__PURE__ */ jsx11(
|
|
1880
1915
|
DropdownMenuItem,
|
|
1881
1916
|
{
|
|
1882
1917
|
variant: "profile",
|
|
1883
1918
|
preventClose: true,
|
|
1884
1919
|
store,
|
|
1885
|
-
iconLeft: /* @__PURE__ */
|
|
1920
|
+
iconLeft: /* @__PURE__ */ jsx11(
|
|
1886
1921
|
"svg",
|
|
1887
1922
|
{
|
|
1888
1923
|
width: "24",
|
|
@@ -1890,7 +1925,7 @@ var ProfileToggleTheme = ({
|
|
|
1890
1925
|
viewBox: "0 0 25 25",
|
|
1891
1926
|
fill: "none",
|
|
1892
1927
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1893
|
-
children: /* @__PURE__ */
|
|
1928
|
+
children: /* @__PURE__ */ jsx11(
|
|
1894
1929
|
"path",
|
|
1895
1930
|
{
|
|
1896
1931
|
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",
|
|
@@ -1899,7 +1934,7 @@ var ProfileToggleTheme = ({
|
|
|
1899
1934
|
)
|
|
1900
1935
|
}
|
|
1901
1936
|
),
|
|
1902
|
-
iconRight: /* @__PURE__ */
|
|
1937
|
+
iconRight: /* @__PURE__ */ jsx11(CaretRight2, {}),
|
|
1903
1938
|
onClick: handleClick,
|
|
1904
1939
|
onKeyDown: (e) => {
|
|
1905
1940
|
if (e.key === "Enter" || e.key === " ") {
|
|
@@ -1909,23 +1944,23 @@ var ProfileToggleTheme = ({
|
|
|
1909
1944
|
}
|
|
1910
1945
|
},
|
|
1911
1946
|
...props,
|
|
1912
|
-
children: /* @__PURE__ */
|
|
1947
|
+
children: /* @__PURE__ */ jsx11(Text_default, { size: "md", color: "text-text-700", children: "Apar\xEAncia" })
|
|
1913
1948
|
}
|
|
1914
1949
|
),
|
|
1915
|
-
/* @__PURE__ */
|
|
1950
|
+
/* @__PURE__ */ jsx11(
|
|
1916
1951
|
Modal_default,
|
|
1917
1952
|
{
|
|
1918
1953
|
isOpen: modalThemeToggle,
|
|
1919
1954
|
onClose: handleCancel,
|
|
1920
1955
|
title: "Apar\xEAncia",
|
|
1921
1956
|
size: "md",
|
|
1922
|
-
footer: /* @__PURE__ */
|
|
1923
|
-
/* @__PURE__ */
|
|
1924
|
-
/* @__PURE__ */
|
|
1957
|
+
footer: /* @__PURE__ */ jsxs9("div", { className: "flex gap-3", children: [
|
|
1958
|
+
/* @__PURE__ */ jsx11(Button_default, { variant: "outline", onClick: handleCancel, children: "Cancelar" }),
|
|
1959
|
+
/* @__PURE__ */ jsx11(Button_default, { variant: "solid", onClick: handleSave, children: "Salvar" })
|
|
1925
1960
|
] }),
|
|
1926
|
-
children: /* @__PURE__ */
|
|
1927
|
-
/* @__PURE__ */
|
|
1928
|
-
/* @__PURE__ */
|
|
1961
|
+
children: /* @__PURE__ */ jsxs9("div", { className: "flex flex-col", children: [
|
|
1962
|
+
/* @__PURE__ */ jsx11("p", { className: "text-sm text-text-500", children: "Escolha o tema:" }),
|
|
1963
|
+
/* @__PURE__ */ jsx11(ThemeToggle, { variant: "with-save", onToggle: setSelectedTheme })
|
|
1929
1964
|
] })
|
|
1930
1965
|
}
|
|
1931
1966
|
)
|
|
@@ -1933,7 +1968,7 @@ var ProfileToggleTheme = ({
|
|
|
1933
1968
|
};
|
|
1934
1969
|
ProfileToggleTheme.displayName = "ProfileToggleTheme";
|
|
1935
1970
|
var ProfileMenuSection = forwardRef4(({ className, children, store: _store, ...props }, ref) => {
|
|
1936
|
-
return /* @__PURE__ */
|
|
1971
|
+
return /* @__PURE__ */ jsx11("div", { ref, className: cn("flex flex-col p-2", className), ...props, children });
|
|
1937
1972
|
});
|
|
1938
1973
|
ProfileMenuSection.displayName = "ProfileMenuSection";
|
|
1939
1974
|
var ProfileMenuFooter = ({
|
|
@@ -1945,7 +1980,7 @@ var ProfileMenuFooter = ({
|
|
|
1945
1980
|
}) => {
|
|
1946
1981
|
const store = useDropdownStore(externalStore);
|
|
1947
1982
|
const setOpen = useStore(store, (s) => s.setOpen);
|
|
1948
|
-
return /* @__PURE__ */
|
|
1983
|
+
return /* @__PURE__ */ jsxs9(
|
|
1949
1984
|
Button_default,
|
|
1950
1985
|
{
|
|
1951
1986
|
variant: "outline",
|
|
@@ -1957,8 +1992,8 @@ var ProfileMenuFooter = ({
|
|
|
1957
1992
|
},
|
|
1958
1993
|
...props,
|
|
1959
1994
|
children: [
|
|
1960
|
-
/* @__PURE__ */
|
|
1961
|
-
/* @__PURE__ */
|
|
1995
|
+
/* @__PURE__ */ jsx11("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ jsx11(SignOut, { className: "text-inherit" }) }),
|
|
1996
|
+
/* @__PURE__ */ jsx11(Text_default, { color: "inherit", children: "Sair" })
|
|
1962
1997
|
]
|
|
1963
1998
|
}
|
|
1964
1999
|
);
|
|
@@ -1967,7 +2002,7 @@ ProfileMenuFooter.displayName = "ProfileMenuFooter";
|
|
|
1967
2002
|
var DropdownMenu_default = DropdownMenu;
|
|
1968
2003
|
|
|
1969
2004
|
// src/components/Search/Search.tsx
|
|
1970
|
-
import { jsx as
|
|
2005
|
+
import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
1971
2006
|
var filterOptions = (options, query) => {
|
|
1972
2007
|
if (!query || query.length < 1) return [];
|
|
1973
2008
|
return options.filter(
|
|
@@ -2113,14 +2148,14 @@ var Search = forwardRef5(
|
|
|
2113
2148
|
const hasValue = String(value ?? "").length > 0;
|
|
2114
2149
|
const showClearButton = hasValue && !disabled && !readOnly;
|
|
2115
2150
|
const showSearchIcon = !hasValue && !disabled && !readOnly;
|
|
2116
|
-
return /* @__PURE__ */
|
|
2151
|
+
return /* @__PURE__ */ jsxs10(
|
|
2117
2152
|
"div",
|
|
2118
2153
|
{
|
|
2119
2154
|
ref: dropdownRef,
|
|
2120
2155
|
className: `w-full max-w-lg md:w-[488px] ${containerClassName}`,
|
|
2121
2156
|
children: [
|
|
2122
|
-
/* @__PURE__ */
|
|
2123
|
-
/* @__PURE__ */
|
|
2157
|
+
/* @__PURE__ */ jsxs10("div", { className: "relative flex items-center", children: [
|
|
2158
|
+
/* @__PURE__ */ jsx12(
|
|
2124
2159
|
"input",
|
|
2125
2160
|
{
|
|
2126
2161
|
ref: (node) => {
|
|
@@ -2148,35 +2183,35 @@ var Search = forwardRef5(
|
|
|
2148
2183
|
...props
|
|
2149
2184
|
}
|
|
2150
2185
|
),
|
|
2151
|
-
showClearButton && /* @__PURE__ */
|
|
2186
|
+
showClearButton && /* @__PURE__ */ jsx12("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx12(
|
|
2152
2187
|
"button",
|
|
2153
2188
|
{
|
|
2154
2189
|
type: "button",
|
|
2155
2190
|
className: "p-0 border-0 bg-transparent cursor-pointer",
|
|
2156
2191
|
onMouseDown: handleClearClick,
|
|
2157
2192
|
"aria-label": "Limpar busca",
|
|
2158
|
-
children: /* @__PURE__ */
|
|
2193
|
+
children: /* @__PURE__ */ jsx12("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ jsx12(X2, {}) })
|
|
2159
2194
|
}
|
|
2160
2195
|
) }),
|
|
2161
|
-
showSearchIcon && /* @__PURE__ */
|
|
2196
|
+
showSearchIcon && /* @__PURE__ */ jsx12("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsx12(
|
|
2162
2197
|
"button",
|
|
2163
2198
|
{
|
|
2164
2199
|
type: "button",
|
|
2165
2200
|
className: "p-0 border-0 bg-transparent cursor-pointer",
|
|
2166
2201
|
onMouseDown: handleSearchIconClick,
|
|
2167
2202
|
"aria-label": "Buscar",
|
|
2168
|
-
children: /* @__PURE__ */
|
|
2203
|
+
children: /* @__PURE__ */ jsx12("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ jsx12(MagnifyingGlass, {}) })
|
|
2169
2204
|
}
|
|
2170
2205
|
) })
|
|
2171
2206
|
] }),
|
|
2172
|
-
showDropdown && /* @__PURE__ */
|
|
2207
|
+
showDropdown && /* @__PURE__ */ jsx12(DropdownMenu_default, { open: showDropdown, onOpenChange: setDropdownOpen, children: /* @__PURE__ */ jsx12(
|
|
2173
2208
|
DropdownMenuContent,
|
|
2174
2209
|
{
|
|
2175
2210
|
id: dropdownId,
|
|
2176
2211
|
className: "w-full mt-1",
|
|
2177
2212
|
style: { maxHeight: dropdownMaxHeight },
|
|
2178
2213
|
align: "start",
|
|
2179
|
-
children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */
|
|
2214
|
+
children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ jsx12(
|
|
2180
2215
|
DropdownMenuItem,
|
|
2181
2216
|
{
|
|
2182
2217
|
onClick: () => handleSelectOption(option),
|
|
@@ -2184,7 +2219,7 @@ var Search = forwardRef5(
|
|
|
2184
2219
|
children: option
|
|
2185
2220
|
},
|
|
2186
2221
|
option
|
|
2187
|
-
)) : /* @__PURE__ */
|
|
2222
|
+
)) : /* @__PURE__ */ jsx12("div", { className: "px-3 py-3 text-text-700 text-base", children: noResultsText })
|
|
2188
2223
|
}
|
|
2189
2224
|
) })
|
|
2190
2225
|
]
|
|
@@ -2200,7 +2235,7 @@ import { useEffect as useEffect11, useMemo as useMemo4, useRef as useRef5, useSt
|
|
|
2200
2235
|
|
|
2201
2236
|
// src/components/Badge/Badge.tsx
|
|
2202
2237
|
import { Bell } from "phosphor-react";
|
|
2203
|
-
import { jsx as
|
|
2238
|
+
import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
2204
2239
|
var VARIANT_ACTION_CLASSES2 = {
|
|
2205
2240
|
solid: {
|
|
2206
2241
|
error: "bg-error-background text-error-700 focus-visible:outline-none",
|
|
@@ -2262,14 +2297,14 @@ var Badge = ({
|
|
|
2262
2297
|
const baseClasses = "inline-flex items-center justify-center rounded-xs font-normal gap-1 relative";
|
|
2263
2298
|
const baseClassesIcon = "flex items-center";
|
|
2264
2299
|
if (variant === "notification") {
|
|
2265
|
-
return /* @__PURE__ */
|
|
2300
|
+
return /* @__PURE__ */ jsxs11(
|
|
2266
2301
|
"div",
|
|
2267
2302
|
{
|
|
2268
2303
|
className: cn(baseClasses, variantClasses, sizeClasses, className),
|
|
2269
2304
|
...props,
|
|
2270
2305
|
children: [
|
|
2271
|
-
/* @__PURE__ */
|
|
2272
|
-
notificationActive && /* @__PURE__ */
|
|
2306
|
+
/* @__PURE__ */ jsx13(Bell, { size: 24, className: "text-current", "aria-hidden": "true" }),
|
|
2307
|
+
notificationActive && /* @__PURE__ */ jsx13(
|
|
2273
2308
|
"span",
|
|
2274
2309
|
{
|
|
2275
2310
|
"data-testid": "notification-dot",
|
|
@@ -2280,15 +2315,15 @@ var Badge = ({
|
|
|
2280
2315
|
}
|
|
2281
2316
|
);
|
|
2282
2317
|
}
|
|
2283
|
-
return /* @__PURE__ */
|
|
2318
|
+
return /* @__PURE__ */ jsxs11(
|
|
2284
2319
|
"div",
|
|
2285
2320
|
{
|
|
2286
2321
|
className: cn(baseClasses, variantClasses, sizeClasses, className),
|
|
2287
2322
|
...props,
|
|
2288
2323
|
children: [
|
|
2289
|
-
iconLeft && /* @__PURE__ */
|
|
2324
|
+
iconLeft && /* @__PURE__ */ jsx13("span", { className: cn(baseClassesIcon, sizeClassesIcon), children: iconLeft }),
|
|
2290
2325
|
children,
|
|
2291
|
-
iconRight && /* @__PURE__ */
|
|
2326
|
+
iconRight && /* @__PURE__ */ jsx13("span", { className: cn(baseClassesIcon, sizeClassesIcon), children: iconRight })
|
|
2292
2327
|
]
|
|
2293
2328
|
}
|
|
2294
2329
|
);
|
|
@@ -2302,7 +2337,7 @@ import {
|
|
|
2302
2337
|
useId as useId3
|
|
2303
2338
|
} from "react";
|
|
2304
2339
|
import { Check, Minus } from "phosphor-react";
|
|
2305
|
-
import { jsx as
|
|
2340
|
+
import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
2306
2341
|
var SIZE_CLASSES4 = {
|
|
2307
2342
|
small: {
|
|
2308
2343
|
checkbox: "w-4 h-4",
|
|
@@ -2403,7 +2438,7 @@ var CheckBox = forwardRef6(
|
|
|
2403
2438
|
);
|
|
2404
2439
|
const renderIcon = () => {
|
|
2405
2440
|
if (indeterminate) {
|
|
2406
|
-
return /* @__PURE__ */
|
|
2441
|
+
return /* @__PURE__ */ jsx14(
|
|
2407
2442
|
Minus,
|
|
2408
2443
|
{
|
|
2409
2444
|
size: sizeClasses.iconSize,
|
|
@@ -2413,7 +2448,7 @@ var CheckBox = forwardRef6(
|
|
|
2413
2448
|
);
|
|
2414
2449
|
}
|
|
2415
2450
|
if (checked) {
|
|
2416
|
-
return /* @__PURE__ */
|
|
2451
|
+
return /* @__PURE__ */ jsx14(
|
|
2417
2452
|
Check,
|
|
2418
2453
|
{
|
|
2419
2454
|
size: sizeClasses.iconSize,
|
|
@@ -2424,8 +2459,8 @@ var CheckBox = forwardRef6(
|
|
|
2424
2459
|
}
|
|
2425
2460
|
return null;
|
|
2426
2461
|
};
|
|
2427
|
-
return /* @__PURE__ */
|
|
2428
|
-
/* @__PURE__ */
|
|
2462
|
+
return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col", children: [
|
|
2463
|
+
/* @__PURE__ */ jsxs12(
|
|
2429
2464
|
"div",
|
|
2430
2465
|
{
|
|
2431
2466
|
className: cn(
|
|
@@ -2434,7 +2469,7 @@ var CheckBox = forwardRef6(
|
|
|
2434
2469
|
disabled ? "opacity-40" : ""
|
|
2435
2470
|
),
|
|
2436
2471
|
children: [
|
|
2437
|
-
/* @__PURE__ */
|
|
2472
|
+
/* @__PURE__ */ jsx14(
|
|
2438
2473
|
"input",
|
|
2439
2474
|
{
|
|
2440
2475
|
ref,
|
|
@@ -2447,15 +2482,15 @@ var CheckBox = forwardRef6(
|
|
|
2447
2482
|
...props
|
|
2448
2483
|
}
|
|
2449
2484
|
),
|
|
2450
|
-
/* @__PURE__ */
|
|
2451
|
-
label && /* @__PURE__ */
|
|
2485
|
+
/* @__PURE__ */ jsx14("label", { htmlFor: inputId, className: checkboxClasses, children: renderIcon() }),
|
|
2486
|
+
label && /* @__PURE__ */ jsx14(
|
|
2452
2487
|
"div",
|
|
2453
2488
|
{
|
|
2454
2489
|
className: cn(
|
|
2455
2490
|
"flex flex-row items-center",
|
|
2456
2491
|
sizeClasses.labelHeight
|
|
2457
2492
|
),
|
|
2458
|
-
children: /* @__PURE__ */
|
|
2493
|
+
children: /* @__PURE__ */ jsx14(
|
|
2459
2494
|
Text_default,
|
|
2460
2495
|
{
|
|
2461
2496
|
as: "label",
|
|
@@ -2474,7 +2509,7 @@ var CheckBox = forwardRef6(
|
|
|
2474
2509
|
]
|
|
2475
2510
|
}
|
|
2476
2511
|
),
|
|
2477
|
-
errorMessage && /* @__PURE__ */
|
|
2512
|
+
errorMessage && /* @__PURE__ */ jsx14(
|
|
2478
2513
|
Text_default,
|
|
2479
2514
|
{
|
|
2480
2515
|
size: "sm",
|
|
@@ -2484,7 +2519,7 @@ var CheckBox = forwardRef6(
|
|
|
2484
2519
|
children: errorMessage
|
|
2485
2520
|
}
|
|
2486
2521
|
),
|
|
2487
|
-
helperText && !errorMessage && /* @__PURE__ */
|
|
2522
|
+
helperText && !errorMessage && /* @__PURE__ */ jsx14(
|
|
2488
2523
|
Text_default,
|
|
2489
2524
|
{
|
|
2490
2525
|
size: "sm",
|
|
@@ -2501,7 +2536,7 @@ CheckBox.displayName = "CheckBox";
|
|
|
2501
2536
|
var CheckBox_default = CheckBox;
|
|
2502
2537
|
|
|
2503
2538
|
// src/components/Divider/Divider.tsx
|
|
2504
|
-
import { jsx as
|
|
2539
|
+
import { jsx as jsx15 } from "react/jsx-runtime";
|
|
2505
2540
|
var Divider = ({
|
|
2506
2541
|
orientation = "horizontal",
|
|
2507
2542
|
className = "",
|
|
@@ -2512,7 +2547,7 @@ var Divider = ({
|
|
|
2512
2547
|
horizontal: "w-full h-px",
|
|
2513
2548
|
vertical: "h-full w-px"
|
|
2514
2549
|
};
|
|
2515
|
-
return /* @__PURE__ */
|
|
2550
|
+
return /* @__PURE__ */ jsx15(
|
|
2516
2551
|
"hr",
|
|
2517
2552
|
{
|
|
2518
2553
|
className: cn(baseClasses, orientationClasses[orientation], className),
|
|
@@ -2524,7 +2559,7 @@ var Divider = ({
|
|
|
2524
2559
|
var Divider_default = Divider;
|
|
2525
2560
|
|
|
2526
2561
|
// src/components/ProgressBar/ProgressBar.tsx
|
|
2527
|
-
import { Fragment as Fragment2, jsx as
|
|
2562
|
+
import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
2528
2563
|
var SIZE_CLASSES5 = {
|
|
2529
2564
|
small: {
|
|
2530
2565
|
container: "h-1",
|
|
@@ -2636,20 +2671,20 @@ var renderStackedHitCountDisplay = (showHitCount, showPercentage, clampedValue,
|
|
|
2636
2671
|
max,
|
|
2637
2672
|
percentage
|
|
2638
2673
|
);
|
|
2639
|
-
return /* @__PURE__ */
|
|
2674
|
+
return /* @__PURE__ */ jsx16(
|
|
2640
2675
|
"div",
|
|
2641
2676
|
{
|
|
2642
2677
|
className: cn(
|
|
2643
2678
|
"text-xs font-medium leading-[14px] text-right",
|
|
2644
2679
|
percentageClassName
|
|
2645
2680
|
),
|
|
2646
|
-
children: displayPriority.type === "hitCount" ? /* @__PURE__ */
|
|
2647
|
-
/* @__PURE__ */
|
|
2648
|
-
/* @__PURE__ */
|
|
2681
|
+
children: displayPriority.type === "hitCount" ? /* @__PURE__ */ jsxs13(Fragment2, { children: [
|
|
2682
|
+
/* @__PURE__ */ jsx16("span", { className: "text-success-200", children: Math.round(clampedValue) }),
|
|
2683
|
+
/* @__PURE__ */ jsxs13("span", { className: "text-text-600", children: [
|
|
2649
2684
|
" de ",
|
|
2650
2685
|
max
|
|
2651
2686
|
] })
|
|
2652
|
-
] }) : /* @__PURE__ */
|
|
2687
|
+
] }) : /* @__PURE__ */ jsxs13(Text_default, { size: "xs", weight: "medium", className: "text-success-200", children: [
|
|
2653
2688
|
Math.round(percentage),
|
|
2654
2689
|
"%"
|
|
2655
2690
|
] })
|
|
@@ -2664,7 +2699,7 @@ var ProgressBarBase = ({
|
|
|
2664
2699
|
variantClasses,
|
|
2665
2700
|
containerClassName,
|
|
2666
2701
|
fillClassName
|
|
2667
|
-
}) => /* @__PURE__ */
|
|
2702
|
+
}) => /* @__PURE__ */ jsxs13(
|
|
2668
2703
|
"div",
|
|
2669
2704
|
{
|
|
2670
2705
|
className: cn(
|
|
@@ -2673,7 +2708,7 @@ var ProgressBarBase = ({
|
|
|
2673
2708
|
"overflow-hidden relative"
|
|
2674
2709
|
),
|
|
2675
2710
|
children: [
|
|
2676
|
-
/* @__PURE__ */
|
|
2711
|
+
/* @__PURE__ */ jsx16(
|
|
2677
2712
|
"progress",
|
|
2678
2713
|
{
|
|
2679
2714
|
value: clampedValue,
|
|
@@ -2682,7 +2717,7 @@ var ProgressBarBase = ({
|
|
|
2682
2717
|
className: "absolute inset-0 w-full h-full opacity-0"
|
|
2683
2718
|
}
|
|
2684
2719
|
),
|
|
2685
|
-
/* @__PURE__ */
|
|
2720
|
+
/* @__PURE__ */ jsx16(
|
|
2686
2721
|
"div",
|
|
2687
2722
|
{
|
|
2688
2723
|
className: cn(
|
|
@@ -2708,7 +2743,7 @@ var StackedLayout = ({
|
|
|
2708
2743
|
percentage,
|
|
2709
2744
|
variantClasses,
|
|
2710
2745
|
dimensions
|
|
2711
|
-
}) => /* @__PURE__ */
|
|
2746
|
+
}) => /* @__PURE__ */ jsxs13(
|
|
2712
2747
|
"div",
|
|
2713
2748
|
{
|
|
2714
2749
|
className: cn(
|
|
@@ -2718,8 +2753,8 @@ var StackedLayout = ({
|
|
|
2718
2753
|
className
|
|
2719
2754
|
),
|
|
2720
2755
|
children: [
|
|
2721
|
-
shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */
|
|
2722
|
-
label && /* @__PURE__ */
|
|
2756
|
+
shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ jsxs13("div", { className: "flex flex-row justify-between items-center w-full h-[19px]", children: [
|
|
2757
|
+
label && /* @__PURE__ */ jsx16(
|
|
2723
2758
|
Text_default,
|
|
2724
2759
|
{
|
|
2725
2760
|
as: "div",
|
|
@@ -2738,7 +2773,7 @@ var StackedLayout = ({
|
|
|
2738
2773
|
percentageClassName
|
|
2739
2774
|
)
|
|
2740
2775
|
] }),
|
|
2741
|
-
/* @__PURE__ */
|
|
2776
|
+
/* @__PURE__ */ jsx16(
|
|
2742
2777
|
ProgressBarBase,
|
|
2743
2778
|
{
|
|
2744
2779
|
clampedValue,
|
|
@@ -2780,7 +2815,7 @@ var CompactLayout = ({
|
|
|
2780
2815
|
percentageClassName,
|
|
2781
2816
|
labelClassName
|
|
2782
2817
|
});
|
|
2783
|
-
return /* @__PURE__ */
|
|
2818
|
+
return /* @__PURE__ */ jsxs13(
|
|
2784
2819
|
"div",
|
|
2785
2820
|
{
|
|
2786
2821
|
className: cn(
|
|
@@ -2790,7 +2825,7 @@ var CompactLayout = ({
|
|
|
2790
2825
|
className
|
|
2791
2826
|
),
|
|
2792
2827
|
children: [
|
|
2793
|
-
shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */
|
|
2828
|
+
shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ jsx16(
|
|
2794
2829
|
Text_default,
|
|
2795
2830
|
{
|
|
2796
2831
|
as: "div",
|
|
@@ -2801,7 +2836,7 @@ var CompactLayout = ({
|
|
|
2801
2836
|
children: content
|
|
2802
2837
|
}
|
|
2803
2838
|
),
|
|
2804
|
-
/* @__PURE__ */
|
|
2839
|
+
/* @__PURE__ */ jsx16(
|
|
2805
2840
|
ProgressBarBase,
|
|
2806
2841
|
{
|
|
2807
2842
|
clampedValue,
|
|
@@ -2837,9 +2872,9 @@ var DefaultLayout = ({
|
|
|
2837
2872
|
label,
|
|
2838
2873
|
showPercentage
|
|
2839
2874
|
);
|
|
2840
|
-
return /* @__PURE__ */
|
|
2841
|
-
displayConfig.showHeader && /* @__PURE__ */
|
|
2842
|
-
label && /* @__PURE__ */
|
|
2875
|
+
return /* @__PURE__ */ jsxs13("div", { className: cn("flex", sizeClasses.layout, gapClass, className), children: [
|
|
2876
|
+
displayConfig.showHeader && /* @__PURE__ */ jsxs13("div", { className: "flex flex-row items-center justify-between w-full", children: [
|
|
2877
|
+
label && /* @__PURE__ */ jsx16(
|
|
2843
2878
|
Text_default,
|
|
2844
2879
|
{
|
|
2845
2880
|
as: "div",
|
|
@@ -2852,7 +2887,7 @@ var DefaultLayout = ({
|
|
|
2852
2887
|
children: label
|
|
2853
2888
|
}
|
|
2854
2889
|
),
|
|
2855
|
-
showPercentage && /* @__PURE__ */
|
|
2890
|
+
showPercentage && /* @__PURE__ */ jsxs13(
|
|
2856
2891
|
Text_default,
|
|
2857
2892
|
{
|
|
2858
2893
|
size: "xs",
|
|
@@ -2868,7 +2903,7 @@ var DefaultLayout = ({
|
|
|
2868
2903
|
}
|
|
2869
2904
|
)
|
|
2870
2905
|
] }),
|
|
2871
|
-
/* @__PURE__ */
|
|
2906
|
+
/* @__PURE__ */ jsx16(
|
|
2872
2907
|
ProgressBarBase,
|
|
2873
2908
|
{
|
|
2874
2909
|
clampedValue,
|
|
@@ -2888,7 +2923,7 @@ var DefaultLayout = ({
|
|
|
2888
2923
|
)
|
|
2889
2924
|
}
|
|
2890
2925
|
),
|
|
2891
|
-
displayConfig.showPercentage && /* @__PURE__ */
|
|
2926
|
+
displayConfig.showPercentage && /* @__PURE__ */ jsxs13(
|
|
2892
2927
|
Text_default,
|
|
2893
2928
|
{
|
|
2894
2929
|
size: "xs",
|
|
@@ -2903,7 +2938,7 @@ var DefaultLayout = ({
|
|
|
2903
2938
|
]
|
|
2904
2939
|
}
|
|
2905
2940
|
),
|
|
2906
|
-
displayConfig.showLabel && /* @__PURE__ */
|
|
2941
|
+
displayConfig.showLabel && /* @__PURE__ */ jsx16(
|
|
2907
2942
|
Text_default,
|
|
2908
2943
|
{
|
|
2909
2944
|
as: "div",
|
|
@@ -2939,7 +2974,7 @@ var ProgressBar = ({
|
|
|
2939
2974
|
const sizeClasses = SIZE_CLASSES5[size];
|
|
2940
2975
|
const variantClasses = VARIANT_CLASSES[variant];
|
|
2941
2976
|
if (layout === "stacked") {
|
|
2942
|
-
return /* @__PURE__ */
|
|
2977
|
+
return /* @__PURE__ */ jsx16(
|
|
2943
2978
|
StackedLayout,
|
|
2944
2979
|
{
|
|
2945
2980
|
className,
|
|
@@ -2960,7 +2995,7 @@ var ProgressBar = ({
|
|
|
2960
2995
|
);
|
|
2961
2996
|
}
|
|
2962
2997
|
if (layout === "compact") {
|
|
2963
|
-
return /* @__PURE__ */
|
|
2998
|
+
return /* @__PURE__ */ jsx16(
|
|
2964
2999
|
CompactLayout,
|
|
2965
3000
|
{
|
|
2966
3001
|
className,
|
|
@@ -2980,7 +3015,7 @@ var ProgressBar = ({
|
|
|
2980
3015
|
}
|
|
2981
3016
|
);
|
|
2982
3017
|
}
|
|
2983
|
-
return /* @__PURE__ */
|
|
3018
|
+
return /* @__PURE__ */ jsx16(
|
|
2984
3019
|
DefaultLayout,
|
|
2985
3020
|
{
|
|
2986
3021
|
className,
|
|
@@ -3000,8 +3035,8 @@ var ProgressBar = ({
|
|
|
3000
3035
|
var ProgressBar_default = ProgressBar;
|
|
3001
3036
|
|
|
3002
3037
|
// src/assets/icons/subjects/ChatEN.tsx
|
|
3003
|
-
import { jsx as
|
|
3004
|
-
var ChatEN = ({ size, color }) => /* @__PURE__ */
|
|
3038
|
+
import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
3039
|
+
var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs14(
|
|
3005
3040
|
"svg",
|
|
3006
3041
|
{
|
|
3007
3042
|
width: size,
|
|
@@ -3010,21 +3045,21 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs13(
|
|
|
3010
3045
|
fill: "none",
|
|
3011
3046
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3012
3047
|
children: [
|
|
3013
|
-
/* @__PURE__ */
|
|
3048
|
+
/* @__PURE__ */ jsx17(
|
|
3014
3049
|
"path",
|
|
3015
3050
|
{
|
|
3016
3051
|
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",
|
|
3017
3052
|
fill: color
|
|
3018
3053
|
}
|
|
3019
3054
|
),
|
|
3020
|
-
/* @__PURE__ */
|
|
3055
|
+
/* @__PURE__ */ jsx17(
|
|
3021
3056
|
"path",
|
|
3022
3057
|
{
|
|
3023
3058
|
d: "M22.5488 12V20.5312H21.0781L17.252 14.4199V20.5312H15.7812V12H17.252L21.0898 18.123V12H22.5488Z",
|
|
3024
3059
|
fill: color
|
|
3025
3060
|
}
|
|
3026
3061
|
),
|
|
3027
|
-
/* @__PURE__ */
|
|
3062
|
+
/* @__PURE__ */ jsx17(
|
|
3028
3063
|
"path",
|
|
3029
3064
|
{
|
|
3030
3065
|
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",
|
|
@@ -3036,8 +3071,8 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs13(
|
|
|
3036
3071
|
);
|
|
3037
3072
|
|
|
3038
3073
|
// src/assets/icons/subjects/ChatES.tsx
|
|
3039
|
-
import { jsx as
|
|
3040
|
-
var ChatES = ({ size, color }) => /* @__PURE__ */
|
|
3074
|
+
import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
3075
|
+
var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs15(
|
|
3041
3076
|
"svg",
|
|
3042
3077
|
{
|
|
3043
3078
|
width: size,
|
|
@@ -3046,21 +3081,21 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs14(
|
|
|
3046
3081
|
fill: "none",
|
|
3047
3082
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3048
3083
|
children: [
|
|
3049
|
-
/* @__PURE__ */
|
|
3084
|
+
/* @__PURE__ */ jsx18(
|
|
3050
3085
|
"path",
|
|
3051
3086
|
{
|
|
3052
3087
|
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",
|
|
3053
3088
|
fill: color
|
|
3054
3089
|
}
|
|
3055
3090
|
),
|
|
3056
|
-
/* @__PURE__ */
|
|
3091
|
+
/* @__PURE__ */ jsx18(
|
|
3057
3092
|
"path",
|
|
3058
3093
|
{
|
|
3059
3094
|
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",
|
|
3060
3095
|
fill: color
|
|
3061
3096
|
}
|
|
3062
3097
|
),
|
|
3063
|
-
/* @__PURE__ */
|
|
3098
|
+
/* @__PURE__ */ jsx18(
|
|
3064
3099
|
"path",
|
|
3065
3100
|
{
|
|
3066
3101
|
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",
|
|
@@ -3072,8 +3107,8 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs14(
|
|
|
3072
3107
|
);
|
|
3073
3108
|
|
|
3074
3109
|
// src/assets/icons/subjects/ChatPT.tsx
|
|
3075
|
-
import { jsx as
|
|
3076
|
-
var ChatPT = ({ size, color }) => /* @__PURE__ */
|
|
3110
|
+
import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
3111
|
+
var ChatPT = ({ size, color }) => /* @__PURE__ */ jsxs16(
|
|
3077
3112
|
"svg",
|
|
3078
3113
|
{
|
|
3079
3114
|
width: size,
|
|
@@ -3082,21 +3117,21 @@ var ChatPT = ({ size, color }) => /* @__PURE__ */ jsxs15(
|
|
|
3082
3117
|
fill: "none",
|
|
3083
3118
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3084
3119
|
children: [
|
|
3085
|
-
/* @__PURE__ */
|
|
3120
|
+
/* @__PURE__ */ jsx19(
|
|
3086
3121
|
"path",
|
|
3087
3122
|
{
|
|
3088
3123
|
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",
|
|
3089
3124
|
fill: color
|
|
3090
3125
|
}
|
|
3091
3126
|
),
|
|
3092
|
-
/* @__PURE__ */
|
|
3127
|
+
/* @__PURE__ */ jsx19(
|
|
3093
3128
|
"path",
|
|
3094
3129
|
{
|
|
3095
3130
|
d: "M21.1758 12V20.5312H19.7168V12H21.1758ZM23.8535 12V13.1719H17.0625V12H23.8535Z",
|
|
3096
3131
|
fill: color
|
|
3097
3132
|
}
|
|
3098
3133
|
),
|
|
3099
|
-
/* @__PURE__ */
|
|
3134
|
+
/* @__PURE__ */ jsx19(
|
|
3100
3135
|
"path",
|
|
3101
3136
|
{
|
|
3102
3137
|
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",
|
|
@@ -3131,7 +3166,7 @@ import {
|
|
|
3131
3166
|
// src/components/IconRender/IconRender.tsx
|
|
3132
3167
|
import { cloneElement as cloneElement2 } from "react";
|
|
3133
3168
|
import * as PhosphorIcons from "phosphor-react";
|
|
3134
|
-
import { jsx as
|
|
3169
|
+
import { jsx as jsx20 } from "react/jsx-runtime";
|
|
3135
3170
|
var IconRender = ({
|
|
3136
3171
|
iconName,
|
|
3137
3172
|
color = "#000000",
|
|
@@ -3141,14 +3176,14 @@ var IconRender = ({
|
|
|
3141
3176
|
if (typeof iconName === "string") {
|
|
3142
3177
|
switch (iconName) {
|
|
3143
3178
|
case "Chat_PT":
|
|
3144
|
-
return /* @__PURE__ */
|
|
3179
|
+
return /* @__PURE__ */ jsx20(ChatPT, { size, color });
|
|
3145
3180
|
case "Chat_EN":
|
|
3146
|
-
return /* @__PURE__ */
|
|
3181
|
+
return /* @__PURE__ */ jsx20(ChatEN, { size, color });
|
|
3147
3182
|
case "Chat_ES":
|
|
3148
|
-
return /* @__PURE__ */
|
|
3183
|
+
return /* @__PURE__ */ jsx20(ChatES, { size, color });
|
|
3149
3184
|
default: {
|
|
3150
3185
|
const IconComponent = PhosphorIcons[iconName] || PhosphorIcons.Question;
|
|
3151
|
-
return /* @__PURE__ */
|
|
3186
|
+
return /* @__PURE__ */ jsx20(IconComponent, { size, color, weight });
|
|
3152
3187
|
}
|
|
3153
3188
|
}
|
|
3154
3189
|
} else {
|
|
@@ -3161,7 +3196,7 @@ var IconRender = ({
|
|
|
3161
3196
|
var IconRender_default = IconRender;
|
|
3162
3197
|
|
|
3163
3198
|
// src/components/Card/Card.tsx
|
|
3164
|
-
import { Fragment as Fragment4, jsx as
|
|
3199
|
+
import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
3165
3200
|
var CARD_BASE_CLASSES = {
|
|
3166
3201
|
default: "w-full bg-background border border-border-50 rounded-xl",
|
|
3167
3202
|
compact: "w-full bg-background border border-border-50 rounded-lg",
|
|
@@ -3203,7 +3238,7 @@ var CardBase = forwardRef7(
|
|
|
3203
3238
|
const minHeightClasses = CARD_MIN_HEIGHT_CLASSES[minHeight];
|
|
3204
3239
|
const layoutClasses = CARD_LAYOUT_CLASSES[layout];
|
|
3205
3240
|
const cursorClasses = CARD_CURSOR_CLASSES[cursor];
|
|
3206
|
-
return /* @__PURE__ */
|
|
3241
|
+
return /* @__PURE__ */ jsx21(
|
|
3207
3242
|
"div",
|
|
3208
3243
|
{
|
|
3209
3244
|
ref,
|
|
@@ -3261,7 +3296,7 @@ var CardActivitiesResults = forwardRef7(
|
|
|
3261
3296
|
const actionIconClasses = ACTION_ICON_CLASSES[action];
|
|
3262
3297
|
const actionSubTitleClasses = ACTION_SUBTITLE_CLASSES[action];
|
|
3263
3298
|
const actionHeaderClasses = ACTION_HEADER_CLASSES[action];
|
|
3264
|
-
return /* @__PURE__ */
|
|
3299
|
+
return /* @__PURE__ */ jsxs17(
|
|
3265
3300
|
"div",
|
|
3266
3301
|
{
|
|
3267
3302
|
ref,
|
|
@@ -3271,7 +3306,7 @@ var CardActivitiesResults = forwardRef7(
|
|
|
3271
3306
|
),
|
|
3272
3307
|
...props,
|
|
3273
3308
|
children: [
|
|
3274
|
-
/* @__PURE__ */
|
|
3309
|
+
/* @__PURE__ */ jsxs17(
|
|
3275
3310
|
"div",
|
|
3276
3311
|
{
|
|
3277
3312
|
className: cn(
|
|
@@ -3280,7 +3315,7 @@ var CardActivitiesResults = forwardRef7(
|
|
|
3280
3315
|
extended ? "rounded-t-xl" : "rounded-xl"
|
|
3281
3316
|
),
|
|
3282
3317
|
children: [
|
|
3283
|
-
/* @__PURE__ */
|
|
3318
|
+
/* @__PURE__ */ jsx21(
|
|
3284
3319
|
"span",
|
|
3285
3320
|
{
|
|
3286
3321
|
className: cn(
|
|
@@ -3290,7 +3325,7 @@ var CardActivitiesResults = forwardRef7(
|
|
|
3290
3325
|
children: icon
|
|
3291
3326
|
}
|
|
3292
3327
|
),
|
|
3293
|
-
/* @__PURE__ */
|
|
3328
|
+
/* @__PURE__ */ jsx21(
|
|
3294
3329
|
Text_default,
|
|
3295
3330
|
{
|
|
3296
3331
|
size: "2xs",
|
|
@@ -3299,7 +3334,7 @@ var CardActivitiesResults = forwardRef7(
|
|
|
3299
3334
|
children: title
|
|
3300
3335
|
}
|
|
3301
3336
|
),
|
|
3302
|
-
/* @__PURE__ */
|
|
3337
|
+
/* @__PURE__ */ jsx21(
|
|
3303
3338
|
"p",
|
|
3304
3339
|
{
|
|
3305
3340
|
className: cn("text-lg font-bold truncate", actionSubTitleClasses),
|
|
@@ -3309,8 +3344,8 @@ var CardActivitiesResults = forwardRef7(
|
|
|
3309
3344
|
]
|
|
3310
3345
|
}
|
|
3311
3346
|
),
|
|
3312
|
-
extended && /* @__PURE__ */
|
|
3313
|
-
/* @__PURE__ */
|
|
3347
|
+
extended && /* @__PURE__ */ jsxs17("div", { className: "flex flex-col items-center gap-2.5 pb-9.5 pt-2.5", children: [
|
|
3348
|
+
/* @__PURE__ */ jsx21(
|
|
3314
3349
|
"p",
|
|
3315
3350
|
{
|
|
3316
3351
|
className: cn(
|
|
@@ -3320,7 +3355,7 @@ var CardActivitiesResults = forwardRef7(
|
|
|
3320
3355
|
children: header
|
|
3321
3356
|
}
|
|
3322
3357
|
),
|
|
3323
|
-
/* @__PURE__ */
|
|
3358
|
+
/* @__PURE__ */ jsx21(Badge_default, { size: "large", action: "info", children: description })
|
|
3324
3359
|
] })
|
|
3325
3360
|
]
|
|
3326
3361
|
}
|
|
@@ -3339,7 +3374,7 @@ var CardQuestions = forwardRef7(
|
|
|
3339
3374
|
const isDone = state === "done";
|
|
3340
3375
|
const stateLabel = isDone ? "Realizado" : "N\xE3o Realizado";
|
|
3341
3376
|
const buttonLabel = isDone ? "Ver Resultado" : "Responder";
|
|
3342
|
-
return /* @__PURE__ */
|
|
3377
|
+
return /* @__PURE__ */ jsxs17(
|
|
3343
3378
|
CardBase,
|
|
3344
3379
|
{
|
|
3345
3380
|
ref,
|
|
@@ -3349,9 +3384,9 @@ var CardQuestions = forwardRef7(
|
|
|
3349
3384
|
className: cn("justify-between gap-4", className),
|
|
3350
3385
|
...props,
|
|
3351
3386
|
children: [
|
|
3352
|
-
/* @__PURE__ */
|
|
3353
|
-
/* @__PURE__ */
|
|
3354
|
-
/* @__PURE__ */
|
|
3387
|
+
/* @__PURE__ */ jsxs17("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
|
|
3388
|
+
/* @__PURE__ */ jsx21("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
|
|
3389
|
+
/* @__PURE__ */ jsx21("div", { className: "flex flex-row gap-6 items-center", children: /* @__PURE__ */ jsx21(
|
|
3355
3390
|
Badge_default,
|
|
3356
3391
|
{
|
|
3357
3392
|
size: "medium",
|
|
@@ -3361,7 +3396,7 @@ var CardQuestions = forwardRef7(
|
|
|
3361
3396
|
}
|
|
3362
3397
|
) })
|
|
3363
3398
|
] }),
|
|
3364
|
-
/* @__PURE__ */
|
|
3399
|
+
/* @__PURE__ */ jsx21("span", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx21(
|
|
3365
3400
|
Button_default,
|
|
3366
3401
|
{
|
|
3367
3402
|
size: "extra-small",
|
|
@@ -3392,19 +3427,19 @@ var CardProgress = forwardRef7(
|
|
|
3392
3427
|
}, ref) => {
|
|
3393
3428
|
const isHorizontal = direction === "horizontal";
|
|
3394
3429
|
const contentComponent = {
|
|
3395
|
-
horizontal: /* @__PURE__ */
|
|
3396
|
-
showDates && /* @__PURE__ */
|
|
3397
|
-
initialDate && /* @__PURE__ */
|
|
3398
|
-
/* @__PURE__ */
|
|
3399
|
-
/* @__PURE__ */
|
|
3430
|
+
horizontal: /* @__PURE__ */ jsxs17(Fragment4, { children: [
|
|
3431
|
+
showDates && /* @__PURE__ */ jsxs17("div", { className: "flex flex-row gap-6 items-center", children: [
|
|
3432
|
+
initialDate && /* @__PURE__ */ jsxs17("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
|
|
3433
|
+
/* @__PURE__ */ jsx21("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
|
|
3434
|
+
/* @__PURE__ */ jsx21("p", { className: "text-text-600", children: initialDate })
|
|
3400
3435
|
] }),
|
|
3401
|
-
endDate && /* @__PURE__ */
|
|
3402
|
-
/* @__PURE__ */
|
|
3403
|
-
/* @__PURE__ */
|
|
3436
|
+
endDate && /* @__PURE__ */ jsxs17("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
|
|
3437
|
+
/* @__PURE__ */ jsx21("p", { className: "text-text-800 font-semibold", children: "Fim" }),
|
|
3438
|
+
/* @__PURE__ */ jsx21("p", { className: "text-text-600", children: endDate })
|
|
3404
3439
|
] })
|
|
3405
3440
|
] }),
|
|
3406
|
-
/* @__PURE__ */
|
|
3407
|
-
/* @__PURE__ */
|
|
3441
|
+
/* @__PURE__ */ jsxs17("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
|
|
3442
|
+
/* @__PURE__ */ jsx21(
|
|
3408
3443
|
ProgressBar_default,
|
|
3409
3444
|
{
|
|
3410
3445
|
size: "small",
|
|
@@ -3413,7 +3448,7 @@ var CardProgress = forwardRef7(
|
|
|
3413
3448
|
"data-testid": "progress-bar"
|
|
3414
3449
|
}
|
|
3415
3450
|
),
|
|
3416
|
-
/* @__PURE__ */
|
|
3451
|
+
/* @__PURE__ */ jsxs17(
|
|
3417
3452
|
Text_default,
|
|
3418
3453
|
{
|
|
3419
3454
|
size: "xs",
|
|
@@ -3429,9 +3464,9 @@ var CardProgress = forwardRef7(
|
|
|
3429
3464
|
)
|
|
3430
3465
|
] })
|
|
3431
3466
|
] }),
|
|
3432
|
-
vertical: /* @__PURE__ */
|
|
3467
|
+
vertical: /* @__PURE__ */ jsx21("p", { className: "text-sm text-text-800", children: subhead })
|
|
3433
3468
|
};
|
|
3434
|
-
return /* @__PURE__ */
|
|
3469
|
+
return /* @__PURE__ */ jsxs17(
|
|
3435
3470
|
CardBase,
|
|
3436
3471
|
{
|
|
3437
3472
|
ref,
|
|
@@ -3442,7 +3477,7 @@ var CardProgress = forwardRef7(
|
|
|
3442
3477
|
className: cn(isHorizontal ? "h-20" : "", className),
|
|
3443
3478
|
...props,
|
|
3444
3479
|
children: [
|
|
3445
|
-
/* @__PURE__ */
|
|
3480
|
+
/* @__PURE__ */ jsx21(
|
|
3446
3481
|
"div",
|
|
3447
3482
|
{
|
|
3448
3483
|
className: cn(
|
|
@@ -3455,7 +3490,7 @@ var CardProgress = forwardRef7(
|
|
|
3455
3490
|
children: icon
|
|
3456
3491
|
}
|
|
3457
3492
|
),
|
|
3458
|
-
/* @__PURE__ */
|
|
3493
|
+
/* @__PURE__ */ jsxs17(
|
|
3459
3494
|
"div",
|
|
3460
3495
|
{
|
|
3461
3496
|
className: cn(
|
|
@@ -3463,7 +3498,7 @@ var CardProgress = forwardRef7(
|
|
|
3463
3498
|
!isHorizontal && "gap-4"
|
|
3464
3499
|
),
|
|
3465
3500
|
children: [
|
|
3466
|
-
/* @__PURE__ */
|
|
3501
|
+
/* @__PURE__ */ jsx21(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
|
|
3467
3502
|
contentComponent[direction]
|
|
3468
3503
|
]
|
|
3469
3504
|
}
|
|
@@ -3483,7 +3518,7 @@ var CardTopic = forwardRef7(
|
|
|
3483
3518
|
className = "",
|
|
3484
3519
|
...props
|
|
3485
3520
|
}, ref) => {
|
|
3486
|
-
return /* @__PURE__ */
|
|
3521
|
+
return /* @__PURE__ */ jsxs17(
|
|
3487
3522
|
CardBase,
|
|
3488
3523
|
{
|
|
3489
3524
|
ref,
|
|
@@ -3494,13 +3529,13 @@ var CardTopic = forwardRef7(
|
|
|
3494
3529
|
className: cn("justify-center gap-2 py-2 px-4", className),
|
|
3495
3530
|
...props,
|
|
3496
3531
|
children: [
|
|
3497
|
-
subHead && /* @__PURE__ */
|
|
3498
|
-
/* @__PURE__ */
|
|
3499
|
-
index < subHead.length - 1 && /* @__PURE__ */
|
|
3532
|
+
subHead && /* @__PURE__ */ jsx21("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ jsxs17(Fragment3, { children: [
|
|
3533
|
+
/* @__PURE__ */ jsx21("p", { children: text }),
|
|
3534
|
+
index < subHead.length - 1 && /* @__PURE__ */ jsx21("p", { children: "\u2022" })
|
|
3500
3535
|
] }, `${text} - ${index}`)) }),
|
|
3501
|
-
/* @__PURE__ */
|
|
3502
|
-
/* @__PURE__ */
|
|
3503
|
-
/* @__PURE__ */
|
|
3536
|
+
/* @__PURE__ */ jsx21("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
|
|
3537
|
+
/* @__PURE__ */ jsxs17("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
|
|
3538
|
+
/* @__PURE__ */ jsx21(
|
|
3504
3539
|
ProgressBar_default,
|
|
3505
3540
|
{
|
|
3506
3541
|
size: "small",
|
|
@@ -3509,7 +3544,7 @@ var CardTopic = forwardRef7(
|
|
|
3509
3544
|
"data-testid": "progress-bar"
|
|
3510
3545
|
}
|
|
3511
3546
|
),
|
|
3512
|
-
showPercentage && /* @__PURE__ */
|
|
3547
|
+
showPercentage && /* @__PURE__ */ jsxs17(
|
|
3513
3548
|
Text_default,
|
|
3514
3549
|
{
|
|
3515
3550
|
size: "xs",
|
|
@@ -3543,7 +3578,7 @@ var CardPerformance = forwardRef7(
|
|
|
3543
3578
|
...props
|
|
3544
3579
|
}, ref) => {
|
|
3545
3580
|
const hasProgress = progress !== void 0;
|
|
3546
|
-
return /* @__PURE__ */
|
|
3581
|
+
return /* @__PURE__ */ jsxs17(
|
|
3547
3582
|
CardBase,
|
|
3548
3583
|
{
|
|
3549
3584
|
ref,
|
|
@@ -3557,10 +3592,10 @@ var CardPerformance = forwardRef7(
|
|
|
3557
3592
|
onClick: () => actionVariant == "caret" && onClickButton?.(valueButton),
|
|
3558
3593
|
...props,
|
|
3559
3594
|
children: [
|
|
3560
|
-
/* @__PURE__ */
|
|
3561
|
-
/* @__PURE__ */
|
|
3562
|
-
/* @__PURE__ */
|
|
3563
|
-
actionVariant === "button" && /* @__PURE__ */
|
|
3595
|
+
/* @__PURE__ */ jsxs17("div", { className: "w-full flex flex-col justify-between gap-2", children: [
|
|
3596
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex flex-row justify-between items-center gap-2", children: [
|
|
3597
|
+
/* @__PURE__ */ jsx21("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
|
|
3598
|
+
actionVariant === "button" && /* @__PURE__ */ jsx21(
|
|
3564
3599
|
Button_default,
|
|
3565
3600
|
{
|
|
3566
3601
|
variant: "outline",
|
|
@@ -3571,16 +3606,16 @@ var CardPerformance = forwardRef7(
|
|
|
3571
3606
|
}
|
|
3572
3607
|
)
|
|
3573
3608
|
] }),
|
|
3574
|
-
/* @__PURE__ */
|
|
3609
|
+
/* @__PURE__ */ jsx21("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ jsx21(
|
|
3575
3610
|
ProgressBar_default,
|
|
3576
3611
|
{
|
|
3577
3612
|
value: progress,
|
|
3578
3613
|
label: `${progress}% ${labelProgress}`,
|
|
3579
3614
|
variant: progressVariant
|
|
3580
3615
|
}
|
|
3581
|
-
) : /* @__PURE__ */
|
|
3616
|
+
) : /* @__PURE__ */ jsx21("p", { className: "text-xs text-text-600 truncate", children: description }) })
|
|
3582
3617
|
] }),
|
|
3583
|
-
actionVariant == "caret" && /* @__PURE__ */
|
|
3618
|
+
actionVariant == "caret" && /* @__PURE__ */ jsx21(
|
|
3584
3619
|
CaretRight3,
|
|
3585
3620
|
{
|
|
3586
3621
|
className: "size-4.5 text-text-800 cursor-pointer",
|
|
@@ -3604,7 +3639,7 @@ var CardResults = forwardRef7(
|
|
|
3604
3639
|
...props
|
|
3605
3640
|
}, ref) => {
|
|
3606
3641
|
const isRow = direction == "row";
|
|
3607
|
-
return /* @__PURE__ */
|
|
3642
|
+
return /* @__PURE__ */ jsxs17(
|
|
3608
3643
|
CardBase,
|
|
3609
3644
|
{
|
|
3610
3645
|
ref,
|
|
@@ -3614,7 +3649,7 @@ var CardResults = forwardRef7(
|
|
|
3614
3649
|
className: cn("items-stretch cursor-pointer pr-4", className),
|
|
3615
3650
|
...props,
|
|
3616
3651
|
children: [
|
|
3617
|
-
/* @__PURE__ */
|
|
3652
|
+
/* @__PURE__ */ jsx21(
|
|
3618
3653
|
"div",
|
|
3619
3654
|
{
|
|
3620
3655
|
className: cn(
|
|
@@ -3623,11 +3658,11 @@ var CardResults = forwardRef7(
|
|
|
3623
3658
|
style: {
|
|
3624
3659
|
backgroundColor: color
|
|
3625
3660
|
},
|
|
3626
|
-
children: /* @__PURE__ */
|
|
3661
|
+
children: /* @__PURE__ */ jsx21(IconRender_default, { iconName: icon, color: "currentColor", size: 20 })
|
|
3627
3662
|
}
|
|
3628
3663
|
),
|
|
3629
|
-
/* @__PURE__ */
|
|
3630
|
-
/* @__PURE__ */
|
|
3664
|
+
/* @__PURE__ */ jsxs17("div", { className: "w-full flex flex-row justify-between items-center", children: [
|
|
3665
|
+
/* @__PURE__ */ jsxs17(
|
|
3631
3666
|
"div",
|
|
3632
3667
|
{
|
|
3633
3668
|
className: cn(
|
|
@@ -3635,28 +3670,28 @@ var CardResults = forwardRef7(
|
|
|
3635
3670
|
isRow ? "flex-row items-center gap-2" : "flex-col"
|
|
3636
3671
|
),
|
|
3637
3672
|
children: [
|
|
3638
|
-
/* @__PURE__ */
|
|
3639
|
-
/* @__PURE__ */
|
|
3640
|
-
/* @__PURE__ */
|
|
3673
|
+
/* @__PURE__ */ jsx21("p", { className: "text-sm font-bold text-text-950 flex-1", children: header }),
|
|
3674
|
+
/* @__PURE__ */ jsxs17("span", { className: "flex flex-wrap flex-row gap-1 items-center", children: [
|
|
3675
|
+
/* @__PURE__ */ jsxs17(
|
|
3641
3676
|
Badge_default,
|
|
3642
3677
|
{
|
|
3643
3678
|
action: "success",
|
|
3644
3679
|
variant: "solid",
|
|
3645
3680
|
size: "large",
|
|
3646
|
-
iconLeft: /* @__PURE__ */
|
|
3681
|
+
iconLeft: /* @__PURE__ */ jsx21(CheckCircle, {}),
|
|
3647
3682
|
children: [
|
|
3648
3683
|
correct_answers,
|
|
3649
3684
|
" Corretas"
|
|
3650
3685
|
]
|
|
3651
3686
|
}
|
|
3652
3687
|
),
|
|
3653
|
-
/* @__PURE__ */
|
|
3688
|
+
/* @__PURE__ */ jsxs17(
|
|
3654
3689
|
Badge_default,
|
|
3655
3690
|
{
|
|
3656
3691
|
action: "error",
|
|
3657
3692
|
variant: "solid",
|
|
3658
3693
|
size: "large",
|
|
3659
|
-
iconLeft: /* @__PURE__ */
|
|
3694
|
+
iconLeft: /* @__PURE__ */ jsx21(XCircle, {}),
|
|
3660
3695
|
children: [
|
|
3661
3696
|
incorrect_answers,
|
|
3662
3697
|
" Incorretas"
|
|
@@ -3667,7 +3702,7 @@ var CardResults = forwardRef7(
|
|
|
3667
3702
|
]
|
|
3668
3703
|
}
|
|
3669
3704
|
),
|
|
3670
|
-
/* @__PURE__ */
|
|
3705
|
+
/* @__PURE__ */ jsx21(CaretRight3, { className: "min-w-6 min-h-6 text-text-800" })
|
|
3671
3706
|
] })
|
|
3672
3707
|
]
|
|
3673
3708
|
}
|
|
@@ -3693,13 +3728,13 @@ var CardStatus = forwardRef7(
|
|
|
3693
3728
|
const getIconBadge = (status2) => {
|
|
3694
3729
|
switch (status2) {
|
|
3695
3730
|
case "correct":
|
|
3696
|
-
return /* @__PURE__ */
|
|
3731
|
+
return /* @__PURE__ */ jsx21(CheckCircle, {});
|
|
3697
3732
|
case "incorrect":
|
|
3698
|
-
return /* @__PURE__ */
|
|
3733
|
+
return /* @__PURE__ */ jsx21(XCircle, {});
|
|
3699
3734
|
case "pending":
|
|
3700
|
-
return /* @__PURE__ */
|
|
3735
|
+
return /* @__PURE__ */ jsx21(Clock, {});
|
|
3701
3736
|
default:
|
|
3702
|
-
return /* @__PURE__ */
|
|
3737
|
+
return /* @__PURE__ */ jsx21(XCircle, {});
|
|
3703
3738
|
}
|
|
3704
3739
|
};
|
|
3705
3740
|
const getActionBadge = (status2) => {
|
|
@@ -3714,7 +3749,7 @@ var CardStatus = forwardRef7(
|
|
|
3714
3749
|
return "info";
|
|
3715
3750
|
}
|
|
3716
3751
|
};
|
|
3717
|
-
return /* @__PURE__ */
|
|
3752
|
+
return /* @__PURE__ */ jsx21(
|
|
3718
3753
|
CardBase,
|
|
3719
3754
|
{
|
|
3720
3755
|
ref,
|
|
@@ -3723,10 +3758,10 @@ var CardStatus = forwardRef7(
|
|
|
3723
3758
|
minHeight: "medium",
|
|
3724
3759
|
className: cn("items-center cursor-pointer", className),
|
|
3725
3760
|
...props,
|
|
3726
|
-
children: /* @__PURE__ */
|
|
3727
|
-
/* @__PURE__ */
|
|
3728
|
-
/* @__PURE__ */
|
|
3729
|
-
status && /* @__PURE__ */
|
|
3761
|
+
children: /* @__PURE__ */ jsxs17("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
|
|
3762
|
+
/* @__PURE__ */ jsx21("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
|
|
3763
|
+
/* @__PURE__ */ jsxs17("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
|
|
3764
|
+
status && /* @__PURE__ */ jsx21(
|
|
3730
3765
|
Badge_default,
|
|
3731
3766
|
{
|
|
3732
3767
|
action: getActionBadge(status),
|
|
@@ -3736,9 +3771,9 @@ var CardStatus = forwardRef7(
|
|
|
3736
3771
|
children: getLabelBadge(status)
|
|
3737
3772
|
}
|
|
3738
3773
|
),
|
|
3739
|
-
label && /* @__PURE__ */
|
|
3774
|
+
label && /* @__PURE__ */ jsx21("p", { className: "text-sm text-text-800", children: label })
|
|
3740
3775
|
] }),
|
|
3741
|
-
/* @__PURE__ */
|
|
3776
|
+
/* @__PURE__ */ jsx21(CaretRight3, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
|
|
3742
3777
|
] })
|
|
3743
3778
|
}
|
|
3744
3779
|
);
|
|
@@ -3746,7 +3781,7 @@ var CardStatus = forwardRef7(
|
|
|
3746
3781
|
);
|
|
3747
3782
|
var CardSettings = forwardRef7(
|
|
3748
3783
|
({ header, className, icon, ...props }, ref) => {
|
|
3749
|
-
return /* @__PURE__ */
|
|
3784
|
+
return /* @__PURE__ */ jsxs17(
|
|
3750
3785
|
CardBase,
|
|
3751
3786
|
{
|
|
3752
3787
|
ref,
|
|
@@ -3759,9 +3794,9 @@ var CardSettings = forwardRef7(
|
|
|
3759
3794
|
),
|
|
3760
3795
|
...props,
|
|
3761
3796
|
children: [
|
|
3762
|
-
/* @__PURE__ */
|
|
3763
|
-
/* @__PURE__ */
|
|
3764
|
-
/* @__PURE__ */
|
|
3797
|
+
/* @__PURE__ */ jsx21("span", { className: "[&>svg]:size-6", children: icon }),
|
|
3798
|
+
/* @__PURE__ */ jsx21("p", { className: "w-full text-sm truncate", children: header }),
|
|
3799
|
+
/* @__PURE__ */ jsx21(CaretRight3, { size: 24, className: "cursor-pointer" })
|
|
3765
3800
|
]
|
|
3766
3801
|
}
|
|
3767
3802
|
);
|
|
@@ -3769,7 +3804,7 @@ var CardSettings = forwardRef7(
|
|
|
3769
3804
|
);
|
|
3770
3805
|
var CardSupport = forwardRef7(
|
|
3771
3806
|
({ header, className, direction = "col", children, ...props }, ref) => {
|
|
3772
|
-
return /* @__PURE__ */
|
|
3807
|
+
return /* @__PURE__ */ jsxs17(
|
|
3773
3808
|
CardBase,
|
|
3774
3809
|
{
|
|
3775
3810
|
ref,
|
|
@@ -3782,7 +3817,7 @@ var CardSupport = forwardRef7(
|
|
|
3782
3817
|
),
|
|
3783
3818
|
...props,
|
|
3784
3819
|
children: [
|
|
3785
|
-
/* @__PURE__ */
|
|
3820
|
+
/* @__PURE__ */ jsxs17(
|
|
3786
3821
|
"div",
|
|
3787
3822
|
{
|
|
3788
3823
|
className: cn(
|
|
@@ -3790,12 +3825,12 @@ var CardSupport = forwardRef7(
|
|
|
3790
3825
|
direction == "col" ? "flex-col" : "flex-row items-center"
|
|
3791
3826
|
),
|
|
3792
3827
|
children: [
|
|
3793
|
-
/* @__PURE__ */
|
|
3794
|
-
/* @__PURE__ */
|
|
3828
|
+
/* @__PURE__ */ jsx21("span", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx21("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
|
|
3829
|
+
/* @__PURE__ */ jsx21("span", { className: "flex flex-row gap-1", children })
|
|
3795
3830
|
]
|
|
3796
3831
|
}
|
|
3797
3832
|
),
|
|
3798
|
-
/* @__PURE__ */
|
|
3833
|
+
/* @__PURE__ */ jsx21(CaretRight3, { className: "text-text-800 cursor-pointer", size: 24 })
|
|
3799
3834
|
]
|
|
3800
3835
|
}
|
|
3801
3836
|
);
|
|
@@ -3815,7 +3850,7 @@ var CardForum = forwardRef7(
|
|
|
3815
3850
|
hour,
|
|
3816
3851
|
...props
|
|
3817
3852
|
}, ref) => {
|
|
3818
|
-
return /* @__PURE__ */
|
|
3853
|
+
return /* @__PURE__ */ jsxs17(
|
|
3819
3854
|
CardBase,
|
|
3820
3855
|
{
|
|
3821
3856
|
ref,
|
|
@@ -3826,7 +3861,7 @@ var CardForum = forwardRef7(
|
|
|
3826
3861
|
className: cn("w-auto h-auto gap-3", className),
|
|
3827
3862
|
...props,
|
|
3828
3863
|
children: [
|
|
3829
|
-
/* @__PURE__ */
|
|
3864
|
+
/* @__PURE__ */ jsx21(
|
|
3830
3865
|
"button",
|
|
3831
3866
|
{
|
|
3832
3867
|
type: "button",
|
|
@@ -3835,18 +3870,18 @@ var CardForum = forwardRef7(
|
|
|
3835
3870
|
className: "min-w-8 h-8 rounded-full bg-background-950"
|
|
3836
3871
|
}
|
|
3837
3872
|
),
|
|
3838
|
-
/* @__PURE__ */
|
|
3839
|
-
/* @__PURE__ */
|
|
3840
|
-
/* @__PURE__ */
|
|
3841
|
-
/* @__PURE__ */
|
|
3873
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
|
|
3874
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
|
|
3875
|
+
/* @__PURE__ */ jsx21("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
|
|
3876
|
+
/* @__PURE__ */ jsxs17("p", { className: "text-xs text-text-600", children: [
|
|
3842
3877
|
"\u2022 ",
|
|
3843
3878
|
date,
|
|
3844
3879
|
" \u2022 ",
|
|
3845
3880
|
hour
|
|
3846
3881
|
] })
|
|
3847
3882
|
] }),
|
|
3848
|
-
/* @__PURE__ */
|
|
3849
|
-
/* @__PURE__ */
|
|
3883
|
+
/* @__PURE__ */ jsx21("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
|
|
3884
|
+
/* @__PURE__ */ jsxs17(
|
|
3850
3885
|
"button",
|
|
3851
3886
|
{
|
|
3852
3887
|
type: "button",
|
|
@@ -3854,8 +3889,8 @@ var CardForum = forwardRef7(
|
|
|
3854
3889
|
onClick: () => onClickComments?.(valueComments),
|
|
3855
3890
|
className: "text-text-600 flex flex-row gap-2 items-center",
|
|
3856
3891
|
children: [
|
|
3857
|
-
/* @__PURE__ */
|
|
3858
|
-
/* @__PURE__ */
|
|
3892
|
+
/* @__PURE__ */ jsx21(ChatCircleText, { "aria-hidden": "true", size: 16 }),
|
|
3893
|
+
/* @__PURE__ */ jsxs17("p", { className: "text-xs", children: [
|
|
3859
3894
|
comments,
|
|
3860
3895
|
" respostas"
|
|
3861
3896
|
] })
|
|
@@ -3958,12 +3993,12 @@ var CardAudio = forwardRef7(
|
|
|
3958
3993
|
};
|
|
3959
3994
|
const getVolumeIcon = () => {
|
|
3960
3995
|
if (volume === 0) {
|
|
3961
|
-
return /* @__PURE__ */
|
|
3996
|
+
return /* @__PURE__ */ jsx21(SpeakerSimpleX, { size: 24 });
|
|
3962
3997
|
}
|
|
3963
3998
|
if (volume < 0.5) {
|
|
3964
|
-
return /* @__PURE__ */
|
|
3999
|
+
return /* @__PURE__ */ jsx21(SpeakerLow, { size: 24 });
|
|
3965
4000
|
}
|
|
3966
|
-
return /* @__PURE__ */
|
|
4001
|
+
return /* @__PURE__ */ jsx21(SpeakerHigh, { size: 24 });
|
|
3967
4002
|
};
|
|
3968
4003
|
useEffect8(() => {
|
|
3969
4004
|
const handleClickOutside = (event) => {
|
|
@@ -3979,7 +4014,7 @@ var CardAudio = forwardRef7(
|
|
|
3979
4014
|
document.removeEventListener("mousedown", handleClickOutside);
|
|
3980
4015
|
};
|
|
3981
4016
|
}, []);
|
|
3982
|
-
return /* @__PURE__ */
|
|
4017
|
+
return /* @__PURE__ */ jsxs17(
|
|
3983
4018
|
CardBase,
|
|
3984
4019
|
{
|
|
3985
4020
|
ref,
|
|
@@ -3992,7 +4027,7 @@ var CardAudio = forwardRef7(
|
|
|
3992
4027
|
),
|
|
3993
4028
|
...props,
|
|
3994
4029
|
children: [
|
|
3995
|
-
/* @__PURE__ */
|
|
4030
|
+
/* @__PURE__ */ jsx21(
|
|
3996
4031
|
"audio",
|
|
3997
4032
|
{
|
|
3998
4033
|
ref: audioRef,
|
|
@@ -4004,7 +4039,7 @@ var CardAudio = forwardRef7(
|
|
|
4004
4039
|
onEnded: handleEnded,
|
|
4005
4040
|
"data-testid": "audio-element",
|
|
4006
4041
|
"aria-label": title,
|
|
4007
|
-
children: tracks ? tracks.map((track) => /* @__PURE__ */
|
|
4042
|
+
children: tracks ? tracks.map((track) => /* @__PURE__ */ jsx21(
|
|
4008
4043
|
"track",
|
|
4009
4044
|
{
|
|
4010
4045
|
kind: track.kind,
|
|
@@ -4014,7 +4049,7 @@ var CardAudio = forwardRef7(
|
|
|
4014
4049
|
default: track.default
|
|
4015
4050
|
},
|
|
4016
4051
|
track.src
|
|
4017
|
-
)) : /* @__PURE__ */
|
|
4052
|
+
)) : /* @__PURE__ */ jsx21(
|
|
4018
4053
|
"track",
|
|
4019
4054
|
{
|
|
4020
4055
|
kind: "captions",
|
|
@@ -4025,7 +4060,7 @@ var CardAudio = forwardRef7(
|
|
|
4025
4060
|
)
|
|
4026
4061
|
}
|
|
4027
4062
|
),
|
|
4028
|
-
/* @__PURE__ */
|
|
4063
|
+
/* @__PURE__ */ jsx21(
|
|
4029
4064
|
"button",
|
|
4030
4065
|
{
|
|
4031
4066
|
type: "button",
|
|
@@ -4033,14 +4068,14 @@ var CardAudio = forwardRef7(
|
|
|
4033
4068
|
disabled: !src,
|
|
4034
4069
|
className: "cursor-pointer text-text-950 hover:text-primary-600 disabled:text-text-400 disabled:cursor-not-allowed",
|
|
4035
4070
|
"aria-label": isPlaying ? "Pausar" : "Reproduzir",
|
|
4036
|
-
children: isPlaying ? /* @__PURE__ */
|
|
4037
|
-
/* @__PURE__ */
|
|
4038
|
-
/* @__PURE__ */
|
|
4039
|
-
] }) }) : /* @__PURE__ */
|
|
4071
|
+
children: isPlaying ? /* @__PURE__ */ jsx21("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsxs17("div", { className: "flex gap-0.5", children: [
|
|
4072
|
+
/* @__PURE__ */ jsx21("div", { className: "w-1 h-4 bg-current rounded-sm" }),
|
|
4073
|
+
/* @__PURE__ */ jsx21("div", { className: "w-1 h-4 bg-current rounded-sm" })
|
|
4074
|
+
] }) }) : /* @__PURE__ */ jsx21(Play, { size: 24 })
|
|
4040
4075
|
}
|
|
4041
4076
|
),
|
|
4042
|
-
/* @__PURE__ */
|
|
4043
|
-
/* @__PURE__ */
|
|
4077
|
+
/* @__PURE__ */ jsx21("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(currentTime) }),
|
|
4078
|
+
/* @__PURE__ */ jsx21("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ jsx21(
|
|
4044
4079
|
"button",
|
|
4045
4080
|
{
|
|
4046
4081
|
type: "button",
|
|
@@ -4055,7 +4090,7 @@ var CardAudio = forwardRef7(
|
|
|
4055
4090
|
}
|
|
4056
4091
|
},
|
|
4057
4092
|
"aria-label": "Barra de progresso do \xE1udio",
|
|
4058
|
-
children: /* @__PURE__ */
|
|
4093
|
+
children: /* @__PURE__ */ jsx21(
|
|
4059
4094
|
"div",
|
|
4060
4095
|
{
|
|
4061
4096
|
className: "h-full bg-primary-600 rounded-full transition-all duration-100",
|
|
@@ -4066,19 +4101,19 @@ var CardAudio = forwardRef7(
|
|
|
4066
4101
|
)
|
|
4067
4102
|
}
|
|
4068
4103
|
) }),
|
|
4069
|
-
/* @__PURE__ */
|
|
4070
|
-
/* @__PURE__ */
|
|
4071
|
-
/* @__PURE__ */
|
|
4104
|
+
/* @__PURE__ */ jsx21("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(duration) }),
|
|
4105
|
+
/* @__PURE__ */ jsxs17("div", { className: "relative h-6", ref: volumeControlRef, children: [
|
|
4106
|
+
/* @__PURE__ */ jsx21(
|
|
4072
4107
|
"button",
|
|
4073
4108
|
{
|
|
4074
4109
|
type: "button",
|
|
4075
4110
|
onClick: toggleVolumeControl,
|
|
4076
4111
|
className: "cursor-pointer text-text-950 hover:text-primary-600",
|
|
4077
4112
|
"aria-label": "Controle de volume",
|
|
4078
|
-
children: /* @__PURE__ */
|
|
4113
|
+
children: /* @__PURE__ */ jsx21("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
|
|
4079
4114
|
}
|
|
4080
4115
|
),
|
|
4081
|
-
showVolumeControl && /* @__PURE__ */
|
|
4116
|
+
showVolumeControl && /* @__PURE__ */ jsx21(
|
|
4082
4117
|
"button",
|
|
4083
4118
|
{
|
|
4084
4119
|
type: "button",
|
|
@@ -4088,7 +4123,7 @@ var CardAudio = forwardRef7(
|
|
|
4088
4123
|
setShowVolumeControl(false);
|
|
4089
4124
|
}
|
|
4090
4125
|
},
|
|
4091
|
-
children: /* @__PURE__ */
|
|
4126
|
+
children: /* @__PURE__ */ jsx21(
|
|
4092
4127
|
"input",
|
|
4093
4128
|
{
|
|
4094
4129
|
type: "range",
|
|
@@ -4129,22 +4164,22 @@ var CardAudio = forwardRef7(
|
|
|
4129
4164
|
}
|
|
4130
4165
|
)
|
|
4131
4166
|
] }),
|
|
4132
|
-
/* @__PURE__ */
|
|
4133
|
-
/* @__PURE__ */
|
|
4167
|
+
/* @__PURE__ */ jsxs17("div", { className: "relative h-6", ref: speedMenuRef, children: [
|
|
4168
|
+
/* @__PURE__ */ jsx21(
|
|
4134
4169
|
"button",
|
|
4135
4170
|
{
|
|
4136
4171
|
type: "button",
|
|
4137
4172
|
onClick: toggleSpeedMenu,
|
|
4138
4173
|
className: "cursor-pointer text-text-950 hover:text-primary-600",
|
|
4139
4174
|
"aria-label": "Op\xE7\xF5es de velocidade",
|
|
4140
|
-
children: /* @__PURE__ */
|
|
4175
|
+
children: /* @__PURE__ */ jsx21(DotsThreeVertical, { size: 24 })
|
|
4141
4176
|
}
|
|
4142
4177
|
),
|
|
4143
|
-
showSpeedMenu && /* @__PURE__ */
|
|
4178
|
+
showSpeedMenu && /* @__PURE__ */ jsx21("div", { className: "absolute bottom-full right-0 mb-2 p-2 bg-background border border-border-100 rounded-lg shadow-lg min-w-24 z-10", children: /* @__PURE__ */ jsx21("div", { className: "flex flex-col gap-1", children: [
|
|
4144
4179
|
{ speed: 1, label: "1x" },
|
|
4145
4180
|
{ speed: 1.5, label: "1.5x" },
|
|
4146
4181
|
{ speed: 2, label: "2x" }
|
|
4147
|
-
].map(({ speed, label }) => /* @__PURE__ */
|
|
4182
|
+
].map(({ speed, label }) => /* @__PURE__ */ jsx21(
|
|
4148
4183
|
"button",
|
|
4149
4184
|
{
|
|
4150
4185
|
type: "button",
|
|
@@ -4172,7 +4207,7 @@ var SIMULADO_BACKGROUND_CLASSES = {
|
|
|
4172
4207
|
var CardSimulado = forwardRef7(
|
|
4173
4208
|
({ title, duration, info, backgroundColor, className, ...props }, ref) => {
|
|
4174
4209
|
const backgroundClass = SIMULADO_BACKGROUND_CLASSES[backgroundColor];
|
|
4175
|
-
return /* @__PURE__ */
|
|
4210
|
+
return /* @__PURE__ */ jsx21(
|
|
4176
4211
|
CardBase,
|
|
4177
4212
|
{
|
|
4178
4213
|
ref,
|
|
@@ -4185,18 +4220,18 @@ var CardSimulado = forwardRef7(
|
|
|
4185
4220
|
className
|
|
4186
4221
|
),
|
|
4187
4222
|
...props,
|
|
4188
|
-
children: /* @__PURE__ */
|
|
4189
|
-
/* @__PURE__ */
|
|
4190
|
-
/* @__PURE__ */
|
|
4191
|
-
/* @__PURE__ */
|
|
4192
|
-
duration && /* @__PURE__ */
|
|
4193
|
-
/* @__PURE__ */
|
|
4194
|
-
/* @__PURE__ */
|
|
4223
|
+
children: /* @__PURE__ */ jsxs17("div", { className: "flex justify-between items-center w-full gap-4", children: [
|
|
4224
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
|
|
4225
|
+
/* @__PURE__ */ jsx21(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
|
|
4226
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-4 text-text-700", children: [
|
|
4227
|
+
duration && /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1", children: [
|
|
4228
|
+
/* @__PURE__ */ jsx21(Clock, { size: 16, className: "flex-shrink-0" }),
|
|
4229
|
+
/* @__PURE__ */ jsx21(Text_default, { size: "sm", children: duration })
|
|
4195
4230
|
] }),
|
|
4196
|
-
/* @__PURE__ */
|
|
4231
|
+
/* @__PURE__ */ jsx21(Text_default, { size: "sm", className: "truncate", children: info })
|
|
4197
4232
|
] })
|
|
4198
4233
|
] }),
|
|
4199
|
-
/* @__PURE__ */
|
|
4234
|
+
/* @__PURE__ */ jsx21(
|
|
4200
4235
|
CaretRight3,
|
|
4201
4236
|
{
|
|
4202
4237
|
size: 24,
|
|
@@ -4241,7 +4276,7 @@ var CardTest = forwardRef7(
|
|
|
4241
4276
|
const interactiveClasses = isSelectable ? "cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary-950 focus:ring-offset-2" : "";
|
|
4242
4277
|
const selectedClasses = selected ? "ring-2 ring-primary-950 ring-offset-2" : "";
|
|
4243
4278
|
if (isSelectable) {
|
|
4244
|
-
return /* @__PURE__ */
|
|
4279
|
+
return /* @__PURE__ */ jsx21(
|
|
4245
4280
|
"button",
|
|
4246
4281
|
{
|
|
4247
4282
|
ref,
|
|
@@ -4253,8 +4288,8 @@ var CardTest = forwardRef7(
|
|
|
4253
4288
|
onKeyDown: handleKeyDown,
|
|
4254
4289
|
"aria-pressed": selected,
|
|
4255
4290
|
...props,
|
|
4256
|
-
children: /* @__PURE__ */
|
|
4257
|
-
/* @__PURE__ */
|
|
4291
|
+
children: /* @__PURE__ */ jsxs17("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
|
|
4292
|
+
/* @__PURE__ */ jsx21(
|
|
4258
4293
|
Text_default,
|
|
4259
4294
|
{
|
|
4260
4295
|
size: "md",
|
|
@@ -4263,10 +4298,10 @@ var CardTest = forwardRef7(
|
|
|
4263
4298
|
children: title
|
|
4264
4299
|
}
|
|
4265
4300
|
),
|
|
4266
|
-
/* @__PURE__ */
|
|
4267
|
-
duration && /* @__PURE__ */
|
|
4268
|
-
/* @__PURE__ */
|
|
4269
|
-
/* @__PURE__ */
|
|
4301
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
|
|
4302
|
+
duration && /* @__PURE__ */ jsxs17("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
|
|
4303
|
+
/* @__PURE__ */ jsx21(Clock, { size: 16, className: "text-text-700" }),
|
|
4304
|
+
/* @__PURE__ */ jsx21(
|
|
4270
4305
|
Text_default,
|
|
4271
4306
|
{
|
|
4272
4307
|
size: "sm",
|
|
@@ -4275,7 +4310,7 @@ var CardTest = forwardRef7(
|
|
|
4275
4310
|
}
|
|
4276
4311
|
)
|
|
4277
4312
|
] }),
|
|
4278
|
-
/* @__PURE__ */
|
|
4313
|
+
/* @__PURE__ */ jsx21(
|
|
4279
4314
|
Text_default,
|
|
4280
4315
|
{
|
|
4281
4316
|
size: "sm",
|
|
@@ -4288,14 +4323,14 @@ var CardTest = forwardRef7(
|
|
|
4288
4323
|
}
|
|
4289
4324
|
);
|
|
4290
4325
|
}
|
|
4291
|
-
return /* @__PURE__ */
|
|
4326
|
+
return /* @__PURE__ */ jsx21(
|
|
4292
4327
|
"div",
|
|
4293
4328
|
{
|
|
4294
4329
|
ref,
|
|
4295
4330
|
className: cn(`${baseClasses} ${className}`.trim()),
|
|
4296
4331
|
...props,
|
|
4297
|
-
children: /* @__PURE__ */
|
|
4298
|
-
/* @__PURE__ */
|
|
4332
|
+
children: /* @__PURE__ */ jsxs17("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
|
|
4333
|
+
/* @__PURE__ */ jsx21(
|
|
4299
4334
|
Text_default,
|
|
4300
4335
|
{
|
|
4301
4336
|
size: "md",
|
|
@@ -4304,10 +4339,10 @@ var CardTest = forwardRef7(
|
|
|
4304
4339
|
children: title
|
|
4305
4340
|
}
|
|
4306
4341
|
),
|
|
4307
|
-
/* @__PURE__ */
|
|
4308
|
-
duration && /* @__PURE__ */
|
|
4309
|
-
/* @__PURE__ */
|
|
4310
|
-
/* @__PURE__ */
|
|
4342
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
|
|
4343
|
+
duration && /* @__PURE__ */ jsxs17("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
|
|
4344
|
+
/* @__PURE__ */ jsx21(Clock, { size: 16, className: "text-text-700" }),
|
|
4345
|
+
/* @__PURE__ */ jsx21(
|
|
4311
4346
|
Text_default,
|
|
4312
4347
|
{
|
|
4313
4348
|
size: "sm",
|
|
@@ -4316,7 +4351,7 @@ var CardTest = forwardRef7(
|
|
|
4316
4351
|
}
|
|
4317
4352
|
)
|
|
4318
4353
|
] }),
|
|
4319
|
-
/* @__PURE__ */
|
|
4354
|
+
/* @__PURE__ */ jsx21(
|
|
4320
4355
|
Text_default,
|
|
4321
4356
|
{
|
|
4322
4357
|
size: "sm",
|
|
@@ -4353,14 +4388,14 @@ var SIMULATION_TYPE_STYLES = {
|
|
|
4353
4388
|
}
|
|
4354
4389
|
};
|
|
4355
4390
|
var CardSimulationHistory = forwardRef7(({ data, onSimulationClick, className, ...props }, ref) => {
|
|
4356
|
-
return /* @__PURE__ */
|
|
4391
|
+
return /* @__PURE__ */ jsx21(
|
|
4357
4392
|
"div",
|
|
4358
4393
|
{
|
|
4359
4394
|
ref,
|
|
4360
4395
|
className: cn("w-full max-w-[992px] h-auto", className),
|
|
4361
4396
|
...props,
|
|
4362
|
-
children: /* @__PURE__ */
|
|
4363
|
-
data.map((section, sectionIndex) => /* @__PURE__ */
|
|
4397
|
+
children: /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-0", children: [
|
|
4398
|
+
data.map((section, sectionIndex) => /* @__PURE__ */ jsx21("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs17(
|
|
4364
4399
|
"div",
|
|
4365
4400
|
{
|
|
4366
4401
|
className: cn(
|
|
@@ -4368,7 +4403,7 @@ var CardSimulationHistory = forwardRef7(({ data, onSimulationClick, className, .
|
|
|
4368
4403
|
sectionIndex === 0 ? "rounded-t-3xl" : ""
|
|
4369
4404
|
),
|
|
4370
4405
|
children: [
|
|
4371
|
-
/* @__PURE__ */
|
|
4406
|
+
/* @__PURE__ */ jsx21(
|
|
4372
4407
|
Text_default,
|
|
4373
4408
|
{
|
|
4374
4409
|
size: "xs",
|
|
@@ -4377,9 +4412,9 @@ var CardSimulationHistory = forwardRef7(({ data, onSimulationClick, className, .
|
|
|
4377
4412
|
children: section.date
|
|
4378
4413
|
}
|
|
4379
4414
|
),
|
|
4380
|
-
/* @__PURE__ */
|
|
4415
|
+
/* @__PURE__ */ jsx21("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
|
|
4381
4416
|
const typeStyles = SIMULATION_TYPE_STYLES[simulation.type];
|
|
4382
|
-
return /* @__PURE__ */
|
|
4417
|
+
return /* @__PURE__ */ jsx21(
|
|
4383
4418
|
CardBase,
|
|
4384
4419
|
{
|
|
4385
4420
|
layout: "horizontal",
|
|
@@ -4391,9 +4426,9 @@ var CardSimulationHistory = forwardRef7(({ data, onSimulationClick, className, .
|
|
|
4391
4426
|
transition-shadow duration-200 h-auto min-h-[61px]`
|
|
4392
4427
|
),
|
|
4393
4428
|
onClick: () => onSimulationClick?.(simulation),
|
|
4394
|
-
children: /* @__PURE__ */
|
|
4395
|
-
/* @__PURE__ */
|
|
4396
|
-
/* @__PURE__ */
|
|
4429
|
+
children: /* @__PURE__ */ jsxs17("div", { className: "flex justify-between items-center w-full gap-2", children: [
|
|
4430
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex flex-wrap flex-col justify-between sm:flex-row gap-2 flex-1 min-w-0", children: [
|
|
4431
|
+
/* @__PURE__ */ jsx21(
|
|
4397
4432
|
Text_default,
|
|
4398
4433
|
{
|
|
4399
4434
|
size: "lg",
|
|
@@ -4402,8 +4437,8 @@ var CardSimulationHistory = forwardRef7(({ data, onSimulationClick, className, .
|
|
|
4402
4437
|
children: simulation.title
|
|
4403
4438
|
}
|
|
4404
4439
|
),
|
|
4405
|
-
/* @__PURE__ */
|
|
4406
|
-
/* @__PURE__ */
|
|
4440
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
|
|
4441
|
+
/* @__PURE__ */ jsx21(
|
|
4407
4442
|
Badge_default,
|
|
4408
4443
|
{
|
|
4409
4444
|
variant: "examsOutlined",
|
|
@@ -4412,10 +4447,10 @@ var CardSimulationHistory = forwardRef7(({ data, onSimulationClick, className, .
|
|
|
4412
4447
|
children: typeStyles.text
|
|
4413
4448
|
}
|
|
4414
4449
|
),
|
|
4415
|
-
/* @__PURE__ */
|
|
4450
|
+
/* @__PURE__ */ jsx21(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
|
|
4416
4451
|
] })
|
|
4417
4452
|
] }),
|
|
4418
|
-
/* @__PURE__ */
|
|
4453
|
+
/* @__PURE__ */ jsx21(
|
|
4419
4454
|
CaretRight3,
|
|
4420
4455
|
{
|
|
4421
4456
|
size: 24,
|
|
@@ -4431,7 +4466,7 @@ var CardSimulationHistory = forwardRef7(({ data, onSimulationClick, className, .
|
|
|
4431
4466
|
]
|
|
4432
4467
|
}
|
|
4433
4468
|
) }, section.date)),
|
|
4434
|
-
data.length > 0 && /* @__PURE__ */
|
|
4469
|
+
data.length > 0 && /* @__PURE__ */ jsx21("div", { className: "w-full h-6 bg-background rounded-b-3xl" })
|
|
4435
4470
|
] })
|
|
4436
4471
|
}
|
|
4437
4472
|
);
|
|
@@ -4445,7 +4480,7 @@ import {
|
|
|
4445
4480
|
useEffect as useEffect9
|
|
4446
4481
|
} from "react";
|
|
4447
4482
|
import { CaretRight as CaretRight4 } from "phosphor-react";
|
|
4448
|
-
import { jsx as
|
|
4483
|
+
import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
4449
4484
|
var CardAccordation = forwardRef8(
|
|
4450
4485
|
({
|
|
4451
4486
|
trigger,
|
|
@@ -4484,7 +4519,7 @@ var CardAccordation = forwardRef8(
|
|
|
4484
4519
|
handleToggle();
|
|
4485
4520
|
}
|
|
4486
4521
|
};
|
|
4487
|
-
return /* @__PURE__ */
|
|
4522
|
+
return /* @__PURE__ */ jsxs18(
|
|
4488
4523
|
CardBase,
|
|
4489
4524
|
{
|
|
4490
4525
|
ref,
|
|
@@ -4494,7 +4529,7 @@ var CardAccordation = forwardRef8(
|
|
|
4494
4529
|
className: cn("overflow-hidden", className),
|
|
4495
4530
|
...props,
|
|
4496
4531
|
children: [
|
|
4497
|
-
/* @__PURE__ */
|
|
4532
|
+
/* @__PURE__ */ jsxs18(
|
|
4498
4533
|
"button",
|
|
4499
4534
|
{
|
|
4500
4535
|
id: headerId,
|
|
@@ -4512,7 +4547,7 @@ var CardAccordation = forwardRef8(
|
|
|
4512
4547
|
"data-value": value,
|
|
4513
4548
|
children: [
|
|
4514
4549
|
trigger,
|
|
4515
|
-
/* @__PURE__ */
|
|
4550
|
+
/* @__PURE__ */ jsx22(
|
|
4516
4551
|
CaretRight4,
|
|
4517
4552
|
{
|
|
4518
4553
|
size: 20,
|
|
@@ -4527,7 +4562,7 @@ var CardAccordation = forwardRef8(
|
|
|
4527
4562
|
]
|
|
4528
4563
|
}
|
|
4529
4564
|
),
|
|
4530
|
-
/* @__PURE__ */
|
|
4565
|
+
/* @__PURE__ */ jsx22(
|
|
4531
4566
|
"section",
|
|
4532
4567
|
{
|
|
4533
4568
|
id: contentId,
|
|
@@ -4539,7 +4574,7 @@ var CardAccordation = forwardRef8(
|
|
|
4539
4574
|
),
|
|
4540
4575
|
"data-testid": "accordion-content",
|
|
4541
4576
|
"data-value": value,
|
|
4542
|
-
children: /* @__PURE__ */
|
|
4577
|
+
children: /* @__PURE__ */ jsx22("div", { className: "p-4 pt-0", children })
|
|
4543
4578
|
}
|
|
4544
4579
|
)
|
|
4545
4580
|
]
|
|
@@ -4560,7 +4595,7 @@ import {
|
|
|
4560
4595
|
useState as useState9
|
|
4561
4596
|
} from "react";
|
|
4562
4597
|
import { create as create3 } from "zustand";
|
|
4563
|
-
import { jsx as
|
|
4598
|
+
import { jsx as jsx23 } from "react/jsx-runtime";
|
|
4564
4599
|
function createAccordionGroupStore(type, initialValue, collapsible) {
|
|
4565
4600
|
return create3((set, get) => ({
|
|
4566
4601
|
type,
|
|
@@ -4700,13 +4735,13 @@ var AccordionGroup = forwardRef9(
|
|
|
4700
4735
|
indexRef,
|
|
4701
4736
|
handleItemToggle
|
|
4702
4737
|
);
|
|
4703
|
-
return /* @__PURE__ */
|
|
4738
|
+
return /* @__PURE__ */ jsx23("div", { ref, className, ...props, children: enhancedChildren });
|
|
4704
4739
|
}
|
|
4705
4740
|
);
|
|
4706
4741
|
AccordionGroup.displayName = "AccordionGroup";
|
|
4707
4742
|
|
|
4708
4743
|
// src/components/CheckBoxGroup/CheckBoxGroup.tsx
|
|
4709
|
-
import { jsx as
|
|
4744
|
+
import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
4710
4745
|
var CheckboxGroup = ({
|
|
4711
4746
|
categories,
|
|
4712
4747
|
onCategoriesChange
|
|
@@ -4994,7 +5029,7 @@ var CheckboxGroup = ({
|
|
|
4994
5029
|
};
|
|
4995
5030
|
const renderCheckboxItem = (item, categoryKey) => {
|
|
4996
5031
|
const uniqueId = `${categoryKey}-${item.id}`;
|
|
4997
|
-
return /* @__PURE__ */
|
|
5032
|
+
return /* @__PURE__ */ jsxs19(
|
|
4998
5033
|
"div",
|
|
4999
5034
|
{
|
|
5000
5035
|
className: "flex items-center gap-3 px-2",
|
|
@@ -5004,7 +5039,7 @@ var CheckboxGroup = ({
|
|
|
5004
5039
|
onMouseUp: (e) => e.stopPropagation(),
|
|
5005
5040
|
onKeyDown: (e) => e.stopPropagation(),
|
|
5006
5041
|
children: [
|
|
5007
|
-
/* @__PURE__ */
|
|
5042
|
+
/* @__PURE__ */ jsx24(
|
|
5008
5043
|
CheckBox_default,
|
|
5009
5044
|
{
|
|
5010
5045
|
id: uniqueId,
|
|
@@ -5012,7 +5047,7 @@ var CheckboxGroup = ({
|
|
|
5012
5047
|
onChange: () => toggleItem(categoryKey, item.id)
|
|
5013
5048
|
}
|
|
5014
5049
|
),
|
|
5015
|
-
/* @__PURE__ */
|
|
5050
|
+
/* @__PURE__ */ jsx24(
|
|
5016
5051
|
"label",
|
|
5017
5052
|
{
|
|
5018
5053
|
htmlFor: uniqueId,
|
|
@@ -5025,12 +5060,12 @@ var CheckboxGroup = ({
|
|
|
5025
5060
|
item.id
|
|
5026
5061
|
);
|
|
5027
5062
|
};
|
|
5028
|
-
const renderFormattedGroup = (formattedGroup, idx, categoryKey) => /* @__PURE__ */
|
|
5063
|
+
const renderFormattedGroup = (formattedGroup, idx, categoryKey) => /* @__PURE__ */ jsxs19(
|
|
5029
5064
|
"div",
|
|
5030
5065
|
{
|
|
5031
5066
|
className: "flex flex-col gap-3",
|
|
5032
5067
|
children: [
|
|
5033
|
-
"groupLabel" in formattedGroup && formattedGroup.groupLabel && /* @__PURE__ */
|
|
5068
|
+
"groupLabel" in formattedGroup && formattedGroup.groupLabel && /* @__PURE__ */ jsx24(Text_default, { size: "sm", className: "mt-2", weight: "semibold", children: formattedGroup.groupLabel }),
|
|
5034
5069
|
formattedGroup.itens?.map(
|
|
5035
5070
|
(item) => renderCheckboxItem(item, categoryKey)
|
|
5036
5071
|
)
|
|
@@ -5038,9 +5073,9 @@ var CheckboxGroup = ({
|
|
|
5038
5073
|
},
|
|
5039
5074
|
formattedGroup.groupLabel || `group-${idx}`
|
|
5040
5075
|
);
|
|
5041
|
-
const renderAccordionTrigger = (category, isEnabled) => /* @__PURE__ */
|
|
5042
|
-
/* @__PURE__ */
|
|
5043
|
-
/* @__PURE__ */
|
|
5076
|
+
const renderAccordionTrigger = (category, isEnabled) => /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between w-full p-2", children: [
|
|
5077
|
+
/* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
|
|
5078
|
+
/* @__PURE__ */ jsx24(
|
|
5044
5079
|
CheckBox_default,
|
|
5045
5080
|
{
|
|
5046
5081
|
checked: isMinimalOneCheckBoxIsSelected(category.key),
|
|
@@ -5049,7 +5084,7 @@ var CheckboxGroup = ({
|
|
|
5049
5084
|
onChange: () => toggleAllInCategory(category.key)
|
|
5050
5085
|
}
|
|
5051
5086
|
),
|
|
5052
|
-
/* @__PURE__ */
|
|
5087
|
+
/* @__PURE__ */ jsx24(
|
|
5053
5088
|
Text_default,
|
|
5054
5089
|
{
|
|
5055
5090
|
size: "sm",
|
|
@@ -5059,7 +5094,7 @@ var CheckboxGroup = ({
|
|
|
5059
5094
|
}
|
|
5060
5095
|
)
|
|
5061
5096
|
] }),
|
|
5062
|
-
(openAccordion === category.key || isEnabled) && /* @__PURE__ */
|
|
5097
|
+
(openAccordion === category.key || isEnabled) && /* @__PURE__ */ jsx24(Badge_default, { variant: "solid", action: "info", children: (() => {
|
|
5063
5098
|
const visibleIds = getFormattedItems(category.key).flatMap((group) => group.itens || []).map((i) => i.id);
|
|
5064
5099
|
const selectedVisibleCount = visibleIds.filter(
|
|
5065
5100
|
(id) => category.selectedIds?.includes(id)
|
|
@@ -5081,8 +5116,8 @@ var CheckboxGroup = ({
|
|
|
5081
5116
|
const hasNoItems = formattedItems.every(
|
|
5082
5117
|
(group) => !group.itens || group.itens.length === 0
|
|
5083
5118
|
);
|
|
5084
|
-
return /* @__PURE__ */
|
|
5085
|
-
/* @__PURE__ */
|
|
5119
|
+
return /* @__PURE__ */ jsxs19("div", { children: [
|
|
5120
|
+
/* @__PURE__ */ jsx24(
|
|
5086
5121
|
CardAccordation,
|
|
5087
5122
|
{
|
|
5088
5123
|
value: category.key,
|
|
@@ -5092,12 +5127,12 @@ var CheckboxGroup = ({
|
|
|
5092
5127
|
openAccordion === category.key && "bg-background-50 border-none"
|
|
5093
5128
|
),
|
|
5094
5129
|
trigger: renderAccordionTrigger(category, isEnabled),
|
|
5095
|
-
children: /* @__PURE__ */
|
|
5130
|
+
children: /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-3 pt-2", children: hasNoItems && isEnabled ? /* @__PURE__ */ jsx24("div", { className: "px-2 py-4", children: /* @__PURE__ */ jsx24(Text_default, { size: "sm", className: "text-text-500 text-center", children: "Sem dados" }) }) : formattedItems.map(
|
|
5096
5131
|
(formattedGroup, idx) => renderFormattedGroup(formattedGroup, idx, category.key)
|
|
5097
5132
|
) })
|
|
5098
5133
|
}
|
|
5099
5134
|
),
|
|
5100
|
-
openAccordion !== category.key && /* @__PURE__ */
|
|
5135
|
+
openAccordion !== category.key && /* @__PURE__ */ jsx24(Divider_default, {})
|
|
5101
5136
|
] }, category.key);
|
|
5102
5137
|
};
|
|
5103
5138
|
useEffect11(() => {
|
|
@@ -5114,7 +5149,7 @@ var CheckboxGroup = ({
|
|
|
5114
5149
|
}, 0);
|
|
5115
5150
|
}
|
|
5116
5151
|
}, [categories, openAccordion]);
|
|
5117
|
-
return /* @__PURE__ */
|
|
5152
|
+
return /* @__PURE__ */ jsx24(
|
|
5118
5153
|
AccordionGroup,
|
|
5119
5154
|
{
|
|
5120
5155
|
type: "single",
|
|
@@ -5141,7 +5176,7 @@ var CheckboxGroup = ({
|
|
|
5141
5176
|
};
|
|
5142
5177
|
|
|
5143
5178
|
// src/components/Filter/FilterModal.tsx
|
|
5144
|
-
import { jsx as
|
|
5179
|
+
import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
5145
5180
|
var FilterModal = ({
|
|
5146
5181
|
isOpen,
|
|
5147
5182
|
onClose,
|
|
@@ -5169,20 +5204,20 @@ var FilterModal = ({
|
|
|
5169
5204
|
const handleClear = () => {
|
|
5170
5205
|
onClear();
|
|
5171
5206
|
};
|
|
5172
|
-
return /* @__PURE__ */
|
|
5207
|
+
return /* @__PURE__ */ jsx25(
|
|
5173
5208
|
Modal_default,
|
|
5174
5209
|
{
|
|
5175
5210
|
isOpen,
|
|
5176
5211
|
onClose,
|
|
5177
5212
|
title,
|
|
5178
5213
|
size,
|
|
5179
|
-
footer: /* @__PURE__ */
|
|
5180
|
-
/* @__PURE__ */
|
|
5181
|
-
/* @__PURE__ */
|
|
5214
|
+
footer: /* @__PURE__ */ jsxs20("div", { className: "flex gap-3 justify-end w-full", children: [
|
|
5215
|
+
/* @__PURE__ */ jsx25(Button_default, { variant: "outline", onClick: handleClear, children: clearLabel }),
|
|
5216
|
+
/* @__PURE__ */ jsx25(Button_default, { onClick: handleApply, children: applyLabel })
|
|
5182
5217
|
] }),
|
|
5183
|
-
children: /* @__PURE__ */
|
|
5184
|
-
/* @__PURE__ */
|
|
5185
|
-
config.key === "academic" && /* @__PURE__ */
|
|
5218
|
+
children: /* @__PURE__ */ jsx25("div", { className: "flex flex-col gap-6", children: filterConfigs.map((config, index) => /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-4", children: [
|
|
5219
|
+
/* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 text-text-400 text-sm font-medium uppercase", children: [
|
|
5220
|
+
config.key === "academic" && /* @__PURE__ */ jsxs20(
|
|
5186
5221
|
"svg",
|
|
5187
5222
|
{
|
|
5188
5223
|
width: "16",
|
|
@@ -5192,7 +5227,7 @@ var FilterModal = ({
|
|
|
5192
5227
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5193
5228
|
className: "text-text-400",
|
|
5194
5229
|
children: [
|
|
5195
|
-
/* @__PURE__ */
|
|
5230
|
+
/* @__PURE__ */ jsx25(
|
|
5196
5231
|
"path",
|
|
5197
5232
|
{
|
|
5198
5233
|
d: "M8 2L2 5.33333L8 8.66667L14 5.33333L8 2Z",
|
|
@@ -5202,7 +5237,7 @@ var FilterModal = ({
|
|
|
5202
5237
|
strokeLinejoin: "round"
|
|
5203
5238
|
}
|
|
5204
5239
|
),
|
|
5205
|
-
/* @__PURE__ */
|
|
5240
|
+
/* @__PURE__ */ jsx25(
|
|
5206
5241
|
"path",
|
|
5207
5242
|
{
|
|
5208
5243
|
d: "M2 10.6667L8 14L14 10.6667",
|
|
@@ -5212,7 +5247,7 @@ var FilterModal = ({
|
|
|
5212
5247
|
strokeLinejoin: "round"
|
|
5213
5248
|
}
|
|
5214
5249
|
),
|
|
5215
|
-
/* @__PURE__ */
|
|
5250
|
+
/* @__PURE__ */ jsx25(
|
|
5216
5251
|
"path",
|
|
5217
5252
|
{
|
|
5218
5253
|
d: "M2 8L8 11.3333L14 8",
|
|
@@ -5225,7 +5260,7 @@ var FilterModal = ({
|
|
|
5225
5260
|
]
|
|
5226
5261
|
}
|
|
5227
5262
|
),
|
|
5228
|
-
config.key === "content" && /* @__PURE__ */
|
|
5263
|
+
config.key === "content" && /* @__PURE__ */ jsxs20(
|
|
5229
5264
|
"svg",
|
|
5230
5265
|
{
|
|
5231
5266
|
width: "16",
|
|
@@ -5235,7 +5270,7 @@ var FilterModal = ({
|
|
|
5235
5270
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5236
5271
|
className: "text-text-400",
|
|
5237
5272
|
children: [
|
|
5238
|
-
/* @__PURE__ */
|
|
5273
|
+
/* @__PURE__ */ jsx25(
|
|
5239
5274
|
"path",
|
|
5240
5275
|
{
|
|
5241
5276
|
d: "M3.33333 2H12.6667C13.403 2 14 2.59695 14 3.33333V12.6667C14 13.403 13.403 14 12.6667 14H3.33333C2.59695 14 2 13.403 2 12.6667V3.33333C2 2.59695 2.59695 2 3.33333 2Z",
|
|
@@ -5245,7 +5280,7 @@ var FilterModal = ({
|
|
|
5245
5280
|
strokeLinejoin: "round"
|
|
5246
5281
|
}
|
|
5247
5282
|
),
|
|
5248
|
-
/* @__PURE__ */
|
|
5283
|
+
/* @__PURE__ */ jsx25(
|
|
5249
5284
|
"path",
|
|
5250
5285
|
{
|
|
5251
5286
|
d: "M2 6H14",
|
|
@@ -5255,7 +5290,7 @@ var FilterModal = ({
|
|
|
5255
5290
|
strokeLinejoin: "round"
|
|
5256
5291
|
}
|
|
5257
5292
|
),
|
|
5258
|
-
/* @__PURE__ */
|
|
5293
|
+
/* @__PURE__ */ jsx25(
|
|
5259
5294
|
"path",
|
|
5260
5295
|
{
|
|
5261
5296
|
d: "M6 2V14",
|
|
@@ -5268,9 +5303,9 @@ var FilterModal = ({
|
|
|
5268
5303
|
]
|
|
5269
5304
|
}
|
|
5270
5305
|
),
|
|
5271
|
-
/* @__PURE__ */
|
|
5306
|
+
/* @__PURE__ */ jsx25("span", { children: config.label })
|
|
5272
5307
|
] }),
|
|
5273
|
-
/* @__PURE__ */
|
|
5308
|
+
/* @__PURE__ */ jsx25(
|
|
5274
5309
|
CheckboxGroup,
|
|
5275
5310
|
{
|
|
5276
5311
|
categories: config.categories,
|
|
@@ -5284,7 +5319,7 @@ var FilterModal = ({
|
|
|
5284
5319
|
|
|
5285
5320
|
// src/components/TableProvider/TableProvider.tsx
|
|
5286
5321
|
import { Funnel } from "phosphor-react";
|
|
5287
|
-
import { Fragment as Fragment5, jsx as
|
|
5322
|
+
import { Fragment as Fragment5, jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
5288
5323
|
function TableProvider({
|
|
5289
5324
|
data,
|
|
5290
5325
|
headers,
|
|
@@ -5423,21 +5458,21 @@ function TableProvider({
|
|
|
5423
5458
|
const showLoading = loading;
|
|
5424
5459
|
const showNoSearchResult = !loading && data.length === 0 && searchQuery.trim() !== "";
|
|
5425
5460
|
const showEmpty = !loading && data.length === 0 && searchQuery.trim() === "";
|
|
5426
|
-
const controls = (enableSearch || enableFilters) && /* @__PURE__ */
|
|
5427
|
-
enableFilters && /* @__PURE__ */
|
|
5461
|
+
const controls = (enableSearch || enableFilters) && /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-4", children: [
|
|
5462
|
+
enableFilters && /* @__PURE__ */ jsxs21(
|
|
5428
5463
|
Button_default,
|
|
5429
5464
|
{
|
|
5430
5465
|
variant: "outline",
|
|
5431
5466
|
size: "medium",
|
|
5432
5467
|
onClick: () => setIsFilterModalOpen(true),
|
|
5433
5468
|
children: [
|
|
5434
|
-
/* @__PURE__ */
|
|
5469
|
+
/* @__PURE__ */ jsx26(Funnel, { size: 20 }),
|
|
5435
5470
|
"Filtros",
|
|
5436
|
-
hasActiveFilters && /* @__PURE__ */
|
|
5471
|
+
hasActiveFilters && /* @__PURE__ */ jsx26("span", { className: "ml-2 rounded-full bg-primary-500 px-2 py-0.5 text-xs text-white", children: Object.keys(activeFilters).length })
|
|
5437
5472
|
]
|
|
5438
5473
|
}
|
|
5439
5474
|
),
|
|
5440
|
-
enableSearch && /* @__PURE__ */
|
|
5475
|
+
enableSearch && /* @__PURE__ */ jsx26("div", { className: "flex-1", children: /* @__PURE__ */ jsx26(
|
|
5441
5476
|
Search_default,
|
|
5442
5477
|
{
|
|
5443
5478
|
value: searchQuery,
|
|
@@ -5448,7 +5483,7 @@ function TableProvider({
|
|
|
5448
5483
|
}
|
|
5449
5484
|
) })
|
|
5450
5485
|
] });
|
|
5451
|
-
const table = /* @__PURE__ */
|
|
5486
|
+
const table = /* @__PURE__ */ jsx26("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ jsxs21(
|
|
5452
5487
|
Table_default,
|
|
5453
5488
|
{
|
|
5454
5489
|
variant,
|
|
@@ -5459,11 +5494,11 @@ function TableProvider({
|
|
|
5459
5494
|
showEmpty,
|
|
5460
5495
|
emptyState,
|
|
5461
5496
|
children: [
|
|
5462
|
-
/* @__PURE__ */
|
|
5497
|
+
/* @__PURE__ */ jsx26("thead", { children: /* @__PURE__ */ jsx26(
|
|
5463
5498
|
TableRow,
|
|
5464
5499
|
{
|
|
5465
5500
|
variant: variant === "borderless" ? "defaultBorderless" : "default",
|
|
5466
|
-
children: headers.map((header, index) => /* @__PURE__ */
|
|
5501
|
+
children: headers.map((header, index) => /* @__PURE__ */ jsx26(
|
|
5467
5502
|
TableHead,
|
|
5468
5503
|
{
|
|
5469
5504
|
sortable: enableTableSort && header.sortable,
|
|
@@ -5477,7 +5512,7 @@ function TableProvider({
|
|
|
5477
5512
|
))
|
|
5478
5513
|
}
|
|
5479
5514
|
) }),
|
|
5480
|
-
/* @__PURE__ */
|
|
5515
|
+
/* @__PURE__ */ jsx26(TableBody, { children: loading ? /* @__PURE__ */ jsx26(TableRow, { children: /* @__PURE__ */ jsx26(TableCell, { colSpan: headers.length, className: "text-center py-8", children: /* @__PURE__ */ jsx26("span", { className: "text-text-400 text-sm", children: "Carregando..." }) }) }) : displayData.map((row, rowIndex) => {
|
|
5481
5516
|
const effectiveIndex = useInternalPagination ? (currentPage - 1) * itemsPerPage + rowIndex : rowIndex;
|
|
5482
5517
|
const rowKeyValue = rowKey ? (() => {
|
|
5483
5518
|
const keyValue = row[rowKey];
|
|
@@ -5489,7 +5524,7 @@ function TableProvider({
|
|
|
5489
5524
|
}
|
|
5490
5525
|
return String(keyValue);
|
|
5491
5526
|
})() : `row-${effectiveIndex}`;
|
|
5492
|
-
return /* @__PURE__ */
|
|
5527
|
+
return /* @__PURE__ */ jsx26(
|
|
5493
5528
|
TableRow,
|
|
5494
5529
|
{
|
|
5495
5530
|
variant: variant === "borderless" ? "defaultBorderless" : "default",
|
|
@@ -5510,7 +5545,7 @@ function TableProvider({
|
|
|
5510
5545
|
}
|
|
5511
5546
|
}
|
|
5512
5547
|
const content = header.render ? header.render(value, row, effectiveIndex) : defaultContent;
|
|
5513
|
-
return /* @__PURE__ */
|
|
5548
|
+
return /* @__PURE__ */ jsx26(
|
|
5514
5549
|
TableCell,
|
|
5515
5550
|
{
|
|
5516
5551
|
className: header.className,
|
|
@@ -5529,7 +5564,7 @@ function TableProvider({
|
|
|
5529
5564
|
]
|
|
5530
5565
|
}
|
|
5531
5566
|
) });
|
|
5532
|
-
const pagination = enablePagination && !isEmpty && /* @__PURE__ */
|
|
5567
|
+
const pagination = enablePagination && !isEmpty && /* @__PURE__ */ jsx26("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx26(
|
|
5533
5568
|
TablePagination_default,
|
|
5534
5569
|
{
|
|
5535
5570
|
currentPage,
|
|
@@ -5543,9 +5578,9 @@ function TableProvider({
|
|
|
5543
5578
|
}
|
|
5544
5579
|
) });
|
|
5545
5580
|
if (children) {
|
|
5546
|
-
return /* @__PURE__ */
|
|
5581
|
+
return /* @__PURE__ */ jsxs21(Fragment5, { children: [
|
|
5547
5582
|
children({ controls, table, pagination }),
|
|
5548
|
-
enableFilters && /* @__PURE__ */
|
|
5583
|
+
enableFilters && /* @__PURE__ */ jsx26(
|
|
5549
5584
|
FilterModal,
|
|
5550
5585
|
{
|
|
5551
5586
|
isOpen: isFilterModalOpen,
|
|
@@ -5558,11 +5593,11 @@ function TableProvider({
|
|
|
5558
5593
|
)
|
|
5559
5594
|
] });
|
|
5560
5595
|
}
|
|
5561
|
-
return /* @__PURE__ */
|
|
5596
|
+
return /* @__PURE__ */ jsxs21("div", { className: "w-full space-y-4", children: [
|
|
5562
5597
|
controls,
|
|
5563
5598
|
table,
|
|
5564
5599
|
pagination,
|
|
5565
|
-
enableFilters && /* @__PURE__ */
|
|
5600
|
+
enableFilters && /* @__PURE__ */ jsx26(
|
|
5566
5601
|
FilterModal,
|
|
5567
5602
|
{
|
|
5568
5603
|
isOpen: isFilterModalOpen,
|