analytica-frontend-lib 1.2.13 → 1.2.15
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 +3 -0
- package/dist/AlertManager/index.css.map +1 -1
- package/dist/AlertManager/index.js +7 -3
- package/dist/AlertManager/index.js.map +1 -1
- package/dist/AlertManager/index.mjs +7 -3
- package/dist/AlertManager/index.mjs.map +1 -1
- package/dist/AlertManagerView/index.js +210 -70
- package/dist/AlertManagerView/index.js.map +1 -1
- package/dist/AlertManagerView/index.mjs +214 -71
- package/dist/AlertManagerView/index.mjs.map +1 -1
- package/dist/Table/index.d.mts +14 -0
- package/dist/Table/index.d.ts +14 -0
- package/dist/Table/index.js +279 -30
- package/dist/Table/index.js.map +1 -1
- package/dist/Table/index.mjs +284 -32
- package/dist/Table/index.mjs.map +1 -1
- package/dist/index.css +3 -0
- package/dist/index.css.map +1 -1
- package/dist/index.js +770 -655
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +810 -692
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +3 -0
- package/dist/styles.css.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1334,7 +1334,7 @@ var CheckboxGroup = ({
|
|
|
1334
1334
|
}
|
|
1335
1335
|
const selectedIdsArr = getSelectedIdsForFilters(filters);
|
|
1336
1336
|
if (selectedIdsArr.some((arr) => arr.length === 0)) {
|
|
1337
|
-
return [{ itens:
|
|
1337
|
+
return [{ itens: [] }];
|
|
1338
1338
|
}
|
|
1339
1339
|
const combinations = cartesian(selectedIdsArr);
|
|
1340
1340
|
const groupedMap = {};
|
|
@@ -1344,7 +1344,7 @@ var CheckboxGroup = ({
|
|
|
1344
1344
|
const groupedItems = Object.values(groupedMap).filter(
|
|
1345
1345
|
(g) => g.itens.length
|
|
1346
1346
|
);
|
|
1347
|
-
return groupedItems.length ? groupedItems : [{ itens:
|
|
1347
|
+
return groupedItems.length ? groupedItems : [{ itens: [] }];
|
|
1348
1348
|
};
|
|
1349
1349
|
const formattedItemsMap = (0, import_react7.useMemo)(() => {
|
|
1350
1350
|
const formattedItemsMap2 = {};
|
|
@@ -1567,6 +1567,10 @@ var CheckboxGroup = ({
|
|
|
1567
1567
|
if (hasOnlyOneItem) {
|
|
1568
1568
|
return null;
|
|
1569
1569
|
}
|
|
1570
|
+
const formattedItems = getFormattedItems(category.key);
|
|
1571
|
+
const hasNoItems = formattedItems.every(
|
|
1572
|
+
(group) => !group.itens || group.itens.length === 0
|
|
1573
|
+
);
|
|
1570
1574
|
return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
|
|
1571
1575
|
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
1572
1576
|
CardAccordation,
|
|
@@ -1578,7 +1582,7 @@ var CheckboxGroup = ({
|
|
|
1578
1582
|
openAccordion === category.key && "bg-background-50 border-none"
|
|
1579
1583
|
),
|
|
1580
1584
|
trigger: renderAccordionTrigger(category, isEnabled),
|
|
1581
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex flex-col gap-3 pt-2", children:
|
|
1585
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex flex-col gap-3 pt-2", children: hasNoItems && isEnabled ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "px-2 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text_default, { size: "sm", className: "text-text-500 text-center", children: "Sem dados" }) }) : formattedItems.map(
|
|
1582
1586
|
(formattedGroup, idx) => renderFormattedGroup(formattedGroup, idx, category.key)
|
|
1583
1587
|
) })
|
|
1584
1588
|
}
|
|
@@ -2937,7 +2941,38 @@ var Divider_default = Divider;
|
|
|
2937
2941
|
// src/components/Table/Table.tsx
|
|
2938
2942
|
var import_react15 = require("react");
|
|
2939
2943
|
var import_phosphor_react10 = require("phosphor-react");
|
|
2944
|
+
|
|
2945
|
+
// src/components/NoSearchResult/NoSearchResult.tsx
|
|
2940
2946
|
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
2947
|
+
var NoSearchResult = ({ image, title, description }) => {
|
|
2948
|
+
const displayTitle = title || "Nenhum resultado encontrado";
|
|
2949
|
+
const displayDescription = description || "N\xE3o encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave.";
|
|
2950
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-row justify-center items-center gap-8 w-full max-w-4xl min-h-96", children: [
|
|
2951
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-72 h-72 flex-shrink-0 relative", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2952
|
+
"img",
|
|
2953
|
+
{
|
|
2954
|
+
src: image,
|
|
2955
|
+
alt: "No search results",
|
|
2956
|
+
className: "w-full h-full object-contain"
|
|
2957
|
+
}
|
|
2958
|
+
) }),
|
|
2959
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col items-start w-full max-w-md", children: [
|
|
2960
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex flex-row justify-between items-end px-6 pt-6 pb-4 w-full rounded-t-xl", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2961
|
+
Text_default,
|
|
2962
|
+
{
|
|
2963
|
+
as: "h2",
|
|
2964
|
+
className: "text-text-950 font-semibold text-3xl leading-tight w-full flex items-center",
|
|
2965
|
+
children: displayTitle
|
|
2966
|
+
}
|
|
2967
|
+
) }),
|
|
2968
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex flex-row justify-center items-center px-6 gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text_default, { className: "text-text-600 font-normal text-lg leading-relaxed w-full text-justify", children: displayDescription }) })
|
|
2969
|
+
] })
|
|
2970
|
+
] });
|
|
2971
|
+
};
|
|
2972
|
+
var NoSearchResult_default = NoSearchResult;
|
|
2973
|
+
|
|
2974
|
+
// src/components/Table/Table.tsx
|
|
2975
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
2941
2976
|
function useTableSort(data, options = {}) {
|
|
2942
2977
|
const { syncWithUrl = false } = options;
|
|
2943
2978
|
const getInitialState = () => {
|
|
@@ -3008,33 +3043,142 @@ function useTableSort(data, options = {}) {
|
|
|
3008
3043
|
return { sortedData, sortColumn, sortDirection, handleSort };
|
|
3009
3044
|
}
|
|
3010
3045
|
var Table = (0, import_react15.forwardRef)(
|
|
3011
|
-
({
|
|
3012
|
-
"
|
|
3013
|
-
|
|
3014
|
-
|
|
3015
|
-
|
|
3016
|
-
|
|
3017
|
-
|
|
3018
|
-
|
|
3019
|
-
|
|
3046
|
+
({
|
|
3047
|
+
variant = "default",
|
|
3048
|
+
className,
|
|
3049
|
+
children,
|
|
3050
|
+
searchTerm,
|
|
3051
|
+
noSearchResultImage,
|
|
3052
|
+
noSearchResultTitle = "Nenhum resultado encontrado",
|
|
3053
|
+
noSearchResultDescription = "N\xE3o encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave.",
|
|
3054
|
+
emptyStateMessage = "Nenhum dado dispon\xEDvel no momento.",
|
|
3055
|
+
emptyStateButtonText = "Adicionar item",
|
|
3056
|
+
onEmptyStateButtonClick,
|
|
3057
|
+
...props
|
|
3058
|
+
}, ref) => {
|
|
3059
|
+
const isTableBodyEmpty = (0, import_react15.useMemo)(() => {
|
|
3060
|
+
let foundBody = false;
|
|
3061
|
+
let empty = true;
|
|
3062
|
+
import_react15.Children.forEach(children, (child) => {
|
|
3063
|
+
if ((0, import_react15.isValidElement)(child) && child.type === TableBody) {
|
|
3064
|
+
foundBody = true;
|
|
3065
|
+
const bodyProps = child.props;
|
|
3066
|
+
if (import_react15.Children.count(bodyProps?.children) > 0) {
|
|
3067
|
+
empty = false;
|
|
3068
|
+
}
|
|
3069
|
+
}
|
|
3070
|
+
});
|
|
3071
|
+
return foundBody ? empty : false;
|
|
3072
|
+
}, [children]);
|
|
3073
|
+
const columnCount = (0, import_react15.useMemo)(() => {
|
|
3074
|
+
let count = 0;
|
|
3075
|
+
import_react15.Children.forEach(children, (child) => {
|
|
3076
|
+
if ((0, import_react15.isValidElement)(child) && child.type === TableHeader) {
|
|
3077
|
+
const headerProps = child.props;
|
|
3078
|
+
import_react15.Children.forEach(headerProps.children, (row) => {
|
|
3079
|
+
if ((0, import_react15.isValidElement)(row) && row.type === TableRow) {
|
|
3080
|
+
const rowProps = row.props;
|
|
3081
|
+
count = import_react15.Children.count(rowProps.children);
|
|
3082
|
+
}
|
|
3083
|
+
});
|
|
3084
|
+
}
|
|
3085
|
+
});
|
|
3086
|
+
return count || 1;
|
|
3087
|
+
}, [children]);
|
|
3088
|
+
const hasSearchTerm = searchTerm && searchTerm.trim() !== "";
|
|
3089
|
+
const showNoSearchResult = hasSearchTerm && isTableBodyEmpty;
|
|
3090
|
+
const showEmptyState = !hasSearchTerm && isTableBodyEmpty;
|
|
3091
|
+
if (showNoSearchResult) {
|
|
3092
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
3093
|
+
"div",
|
|
3020
3094
|
{
|
|
3021
|
-
ref,
|
|
3022
3095
|
className: cn(
|
|
3023
|
-
"
|
|
3024
|
-
|
|
3096
|
+
"relative w-full overflow-x-auto",
|
|
3097
|
+
variant === "default" && "border border-border-200 rounded-xl"
|
|
3025
3098
|
),
|
|
3026
|
-
...props,
|
|
3027
3099
|
children: [
|
|
3028
|
-
/* @__PURE__ */ (0,
|
|
3029
|
-
|
|
3100
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
3101
|
+
"table",
|
|
3102
|
+
{
|
|
3103
|
+
ref,
|
|
3104
|
+
className: cn(
|
|
3105
|
+
"analytica-table w-full caption-bottom text-sm border-separate border-spacing-0",
|
|
3106
|
+
className
|
|
3107
|
+
),
|
|
3108
|
+
...props,
|
|
3109
|
+
children: import_react15.Children.map(children, (child) => {
|
|
3110
|
+
if ((0, import_react15.isValidElement)(child) && (child.type === TableCaption || child.type === TableHeader)) {
|
|
3111
|
+
return child;
|
|
3112
|
+
}
|
|
3113
|
+
return null;
|
|
3114
|
+
})
|
|
3115
|
+
}
|
|
3116
|
+
),
|
|
3117
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "py-8 flex justify-center", children: noSearchResultImage ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
3118
|
+
NoSearchResult_default,
|
|
3119
|
+
{
|
|
3120
|
+
image: noSearchResultImage,
|
|
3121
|
+
title: noSearchResultTitle,
|
|
3122
|
+
description: noSearchResultDescription
|
|
3123
|
+
}
|
|
3124
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "text-center", children: [
|
|
3125
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-text-600 text-lg font-semibold mb-2", children: noSearchResultTitle }),
|
|
3126
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-text-500 text-sm", children: noSearchResultDescription })
|
|
3127
|
+
] }) })
|
|
3030
3128
|
]
|
|
3031
3129
|
}
|
|
3032
|
-
)
|
|
3130
|
+
);
|
|
3033
3131
|
}
|
|
3034
|
-
|
|
3132
|
+
const modifiedChildren = import_react15.Children.map(children, (child) => {
|
|
3133
|
+
if ((0, import_react15.isValidElement)(child) && child.type === TableBody && showEmptyState) {
|
|
3134
|
+
return (0, import_react15.cloneElement)(child, {
|
|
3135
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableRow, { variant, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableCell, { colSpan: columnCount, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 gap-4", children: [
|
|
3136
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-text-600 text-base font-normal", children: emptyStateMessage }),
|
|
3137
|
+
onEmptyStateButtonClick && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
3138
|
+
Button_default,
|
|
3139
|
+
{
|
|
3140
|
+
variant: "solid",
|
|
3141
|
+
action: "primary",
|
|
3142
|
+
size: "medium",
|
|
3143
|
+
onClick: onEmptyStateButtonClick,
|
|
3144
|
+
children: emptyStateButtonText
|
|
3145
|
+
}
|
|
3146
|
+
)
|
|
3147
|
+
] }) }) })
|
|
3148
|
+
});
|
|
3149
|
+
}
|
|
3150
|
+
return child;
|
|
3151
|
+
});
|
|
3152
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
3153
|
+
"div",
|
|
3154
|
+
{
|
|
3155
|
+
className: cn(
|
|
3156
|
+
"relative w-full overflow-x-auto",
|
|
3157
|
+
variant === "default" && "border border-border-200 rounded-xl"
|
|
3158
|
+
),
|
|
3159
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
3160
|
+
"table",
|
|
3161
|
+
{
|
|
3162
|
+
ref,
|
|
3163
|
+
className: cn(
|
|
3164
|
+
"analytica-table w-full caption-bottom text-sm border-separate border-spacing-0",
|
|
3165
|
+
className
|
|
3166
|
+
),
|
|
3167
|
+
...props,
|
|
3168
|
+
children: [
|
|
3169
|
+
!import_react15.Children.toArray(children).some(
|
|
3170
|
+
(child) => (0, import_react15.isValidElement)(child) && child.type === TableCaption
|
|
3171
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("caption", { className: "sr-only", children: "My Table" }),
|
|
3172
|
+
modifiedChildren
|
|
3173
|
+
]
|
|
3174
|
+
}
|
|
3175
|
+
)
|
|
3176
|
+
}
|
|
3177
|
+
);
|
|
3178
|
+
}
|
|
3035
3179
|
);
|
|
3036
3180
|
Table.displayName = "Table";
|
|
3037
|
-
var TableHeader = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
3181
|
+
var TableHeader = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
3038
3182
|
"thead",
|
|
3039
3183
|
{
|
|
3040
3184
|
ref,
|
|
@@ -3044,7 +3188,7 @@ var TableHeader = (0, import_react15.forwardRef)(({ className, ...props }, ref)
|
|
|
3044
3188
|
));
|
|
3045
3189
|
TableHeader.displayName = "TableHeader";
|
|
3046
3190
|
var TableBody = (0, import_react15.forwardRef)(
|
|
3047
|
-
({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
3191
|
+
({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
3048
3192
|
"tbody",
|
|
3049
3193
|
{
|
|
3050
3194
|
ref,
|
|
@@ -3055,7 +3199,7 @@ var TableBody = (0, import_react15.forwardRef)(
|
|
|
3055
3199
|
);
|
|
3056
3200
|
TableBody.displayName = "TableBody";
|
|
3057
3201
|
var TableFooter = (0, import_react15.forwardRef)(
|
|
3058
|
-
({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
3202
|
+
({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
3059
3203
|
"tfoot",
|
|
3060
3204
|
{
|
|
3061
3205
|
ref,
|
|
@@ -3095,14 +3239,14 @@ var TableRow = (0, import_react15.forwardRef)(
|
|
|
3095
3239
|
className,
|
|
3096
3240
|
...props
|
|
3097
3241
|
}, ref) => {
|
|
3098
|
-
return /* @__PURE__ */ (0,
|
|
3242
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
3099
3243
|
"tr",
|
|
3100
3244
|
{
|
|
3101
3245
|
ref,
|
|
3102
3246
|
className: cn(
|
|
3103
3247
|
"transition-colors",
|
|
3104
|
-
state
|
|
3105
|
-
|
|
3248
|
+
state === "disabled" ? "" : "hover:bg-muted/50",
|
|
3249
|
+
state === "disabled" || !clickable ? "" : "cursor-pointer",
|
|
3106
3250
|
VARIANT_STATES_ROW[state][variant],
|
|
3107
3251
|
className
|
|
3108
3252
|
),
|
|
@@ -3127,7 +3271,7 @@ var TableHead = (0, import_react15.forwardRef)(
|
|
|
3127
3271
|
onSort();
|
|
3128
3272
|
}
|
|
3129
3273
|
};
|
|
3130
|
-
return /* @__PURE__ */ (0,
|
|
3274
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
3131
3275
|
"th",
|
|
3132
3276
|
{
|
|
3133
3277
|
ref,
|
|
@@ -3138,11 +3282,11 @@ var TableHead = (0, import_react15.forwardRef)(
|
|
|
3138
3282
|
),
|
|
3139
3283
|
onClick: handleClick,
|
|
3140
3284
|
...props,
|
|
3141
|
-
children: /* @__PURE__ */ (0,
|
|
3285
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
3142
3286
|
children,
|
|
3143
|
-
sortable && /* @__PURE__ */ (0,
|
|
3144
|
-
sortDirection === "asc" && /* @__PURE__ */ (0,
|
|
3145
|
-
sortDirection === "desc" && /* @__PURE__ */ (0,
|
|
3287
|
+
sortable && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col", children: [
|
|
3288
|
+
sortDirection === "asc" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.CaretUp, { size: 16, weight: "fill", className: "text-text-800" }),
|
|
3289
|
+
sortDirection === "desc" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.CaretDown, { size: 16, weight: "fill", className: "text-text-800" })
|
|
3146
3290
|
] })
|
|
3147
3291
|
] })
|
|
3148
3292
|
}
|
|
@@ -3150,7 +3294,7 @@ var TableHead = (0, import_react15.forwardRef)(
|
|
|
3150
3294
|
}
|
|
3151
3295
|
);
|
|
3152
3296
|
TableHead.displayName = "TableHead";
|
|
3153
|
-
var TableCell = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
3297
|
+
var TableCell = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
3154
3298
|
"td",
|
|
3155
3299
|
{
|
|
3156
3300
|
ref,
|
|
@@ -3162,7 +3306,7 @@ var TableCell = (0, import_react15.forwardRef)(({ className, ...props }, ref) =>
|
|
|
3162
3306
|
}
|
|
3163
3307
|
));
|
|
3164
3308
|
TableCell.displayName = "TableCell";
|
|
3165
|
-
var TableCaption = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
3309
|
+
var TableCaption = (0, import_react15.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
3166
3310
|
"caption",
|
|
3167
3311
|
{
|
|
3168
3312
|
ref,
|
|
@@ -3178,7 +3322,7 @@ var Table_default = Table;
|
|
|
3178
3322
|
|
|
3179
3323
|
// src/components/AlertManagerView/AlertsManagerView.tsx
|
|
3180
3324
|
var import_phosphor_react11 = require("phosphor-react");
|
|
3181
|
-
var
|
|
3325
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
3182
3326
|
var AlertsManagerView = ({
|
|
3183
3327
|
alertData,
|
|
3184
3328
|
isOpen = false,
|
|
@@ -3221,7 +3365,7 @@ var AlertsManagerView = ({
|
|
|
3221
3365
|
year: "numeric"
|
|
3222
3366
|
});
|
|
3223
3367
|
};
|
|
3224
|
-
return /* @__PURE__ */ (0,
|
|
3368
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
3225
3369
|
Modal_default,
|
|
3226
3370
|
{
|
|
3227
3371
|
isOpen,
|
|
@@ -3229,59 +3373,59 @@ var AlertsManagerView = ({
|
|
|
3229
3373
|
title: alertData.title,
|
|
3230
3374
|
size: "md",
|
|
3231
3375
|
contentClassName: "p-0",
|
|
3232
|
-
children: /* @__PURE__ */ (0,
|
|
3233
|
-
/* @__PURE__ */ (0,
|
|
3234
|
-
/* @__PURE__ */ (0,
|
|
3376
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex flex-col h-[calc(100vh-8rem)] max-h-[700px]", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 overflow-y-auto px-6 py-4", children: [
|
|
3377
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "bg-background-50 px-5 py-6 flex flex-col items-center gap-4 rounded-xl mb-4", children: [
|
|
3378
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
3235
3379
|
"img",
|
|
3236
3380
|
{
|
|
3237
3381
|
src: imageUrl || notification_default,
|
|
3238
3382
|
alt: alertData.title || "Imagem do alerta"
|
|
3239
3383
|
}
|
|
3240
3384
|
),
|
|
3241
|
-
/* @__PURE__ */ (0,
|
|
3242
|
-
/* @__PURE__ */ (0,
|
|
3243
|
-
/* @__PURE__ */ (0,
|
|
3385
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center text-center gap-3", children: [
|
|
3386
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text_default, { size: "lg", weight: "semibold", children: alertData.title || "Sem T\xEDtulo" }),
|
|
3387
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text_default, { size: "sm", weight: "normal", className: "text-text-500", children: alertData.message || "Sem mensagem" })
|
|
3244
3388
|
] })
|
|
3245
3389
|
] }),
|
|
3246
|
-
/* @__PURE__ */ (0,
|
|
3247
|
-
/* @__PURE__ */ (0,
|
|
3248
|
-
/* @__PURE__ */ (0,
|
|
3249
|
-
/* @__PURE__ */ (0,
|
|
3390
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Divider_default, { className: "my-4" }),
|
|
3391
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex justify-between items-center mb-4 px-2", children: [
|
|
3392
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-700", children: "Enviado em" }),
|
|
3393
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text_default, { size: "sm", weight: "medium", className: "text-text-900", children: formatDate(alertData.sentAt) })
|
|
3250
3394
|
] }),
|
|
3251
|
-
/* @__PURE__ */ (0,
|
|
3252
|
-
/* @__PURE__ */ (0,
|
|
3253
|
-
/* @__PURE__ */ (0,
|
|
3254
|
-
/* @__PURE__ */ (0,
|
|
3255
|
-
/* @__PURE__ */ (0,
|
|
3395
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Divider_default, { className: "my-4" }),
|
|
3396
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Table_default, { variant: "borderless", className: "table-fixed", children: [
|
|
3397
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TableRow, { variant: "borderless", children: [
|
|
3398
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableHead, { className: "py-2 px-3.5 text-start", children: "Destinat\xE1rio" }),
|
|
3399
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableHead, { className: "py-2 px-3.5 w-[120px] text-start", children: "Status" })
|
|
3256
3400
|
] }) }),
|
|
3257
|
-
/* @__PURE__ */ (0,
|
|
3258
|
-
/* @__PURE__ */ (0,
|
|
3259
|
-
/* @__PURE__ */ (0,
|
|
3401
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableBody, { variant: "borderless", children: paginatedRecipients.map((recipient) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TableRow, { children: [
|
|
3402
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TableCell, { className: "py-2 px-3.5 flex flex-row gap-2 text-start truncate", children: [
|
|
3403
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "rounded-full size-6 bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react11.User, { className: "text-primary-950", size: 18 }) }),
|
|
3260
3404
|
recipient.name
|
|
3261
3405
|
] }),
|
|
3262
|
-
/* @__PURE__ */ (0,
|
|
3406
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableCell, { className: "py-2 px-3.5 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex justify-center items-center gap-1", children: recipient.status === "viewed" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Badge_default, { variant: "solid", action: "success", children: "Visualizado" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Badge_default, { variant: "solid", action: "error", children: "Pendente" }) }) })
|
|
3263
3407
|
] }, recipient.id)) })
|
|
3264
3408
|
] }) }),
|
|
3265
|
-
totalPages > 1 && /* @__PURE__ */ (0,
|
|
3266
|
-
/* @__PURE__ */ (0,
|
|
3409
|
+
totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex justify-end items-center gap-2 bg-background-50 border border-border-200 py-3.5 px-2 rounded-b-2xl", children: [
|
|
3410
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Text_default, { size: "sm", className: "text-text-600", children: [
|
|
3267
3411
|
"P\xE1gina ",
|
|
3268
3412
|
effectiveCurrentPage,
|
|
3269
3413
|
" de ",
|
|
3270
3414
|
totalPages
|
|
3271
3415
|
] }),
|
|
3272
|
-
/* @__PURE__ */ (0,
|
|
3273
|
-
/* @__PURE__ */ (0,
|
|
3416
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex gap-2", children: onPageChange ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
|
|
3417
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
3274
3418
|
Button_default,
|
|
3275
3419
|
{
|
|
3276
3420
|
variant: "link",
|
|
3277
3421
|
size: "extra-small",
|
|
3278
3422
|
onClick: () => onPageChange(Math.max(1, effectiveCurrentPage - 1)),
|
|
3279
3423
|
disabled: effectiveCurrentPage === 1,
|
|
3280
|
-
iconLeft: /* @__PURE__ */ (0,
|
|
3424
|
+
iconLeft: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react11.CaretLeft, {}),
|
|
3281
3425
|
children: "Anterior"
|
|
3282
3426
|
}
|
|
3283
3427
|
),
|
|
3284
|
-
/* @__PURE__ */ (0,
|
|
3428
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
3285
3429
|
Button_default,
|
|
3286
3430
|
{
|
|
3287
3431
|
variant: "link",
|
|
@@ -3290,28 +3434,28 @@ var AlertsManagerView = ({
|
|
|
3290
3434
|
Math.min(totalPages, effectiveCurrentPage + 1)
|
|
3291
3435
|
),
|
|
3292
3436
|
disabled: effectiveCurrentPage === totalPages,
|
|
3293
|
-
iconRight: /* @__PURE__ */ (0,
|
|
3437
|
+
iconRight: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react11.CaretRight, {}),
|
|
3294
3438
|
children: "Pr\xF3ximo"
|
|
3295
3439
|
}
|
|
3296
3440
|
)
|
|
3297
|
-
] }) : /* @__PURE__ */ (0,
|
|
3298
|
-
/* @__PURE__ */ (0,
|
|
3441
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
|
|
3442
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
3299
3443
|
Button_default,
|
|
3300
3444
|
{
|
|
3301
3445
|
variant: "link",
|
|
3302
3446
|
size: "extra-small",
|
|
3303
3447
|
disabled: effectiveCurrentPage === 1,
|
|
3304
|
-
iconLeft: /* @__PURE__ */ (0,
|
|
3448
|
+
iconLeft: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react11.CaretLeft, {}),
|
|
3305
3449
|
children: "Anterior"
|
|
3306
3450
|
}
|
|
3307
3451
|
),
|
|
3308
|
-
/* @__PURE__ */ (0,
|
|
3452
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
3309
3453
|
Button_default,
|
|
3310
3454
|
{
|
|
3311
3455
|
variant: "link",
|
|
3312
3456
|
size: "extra-small",
|
|
3313
3457
|
disabled: effectiveCurrentPage === totalPages,
|
|
3314
|
-
iconRight: /* @__PURE__ */ (0,
|
|
3458
|
+
iconRight: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_phosphor_react11.CaretRight, {}),
|
|
3315
3459
|
children: "Pr\xF3ximo"
|
|
3316
3460
|
}
|
|
3317
3461
|
)
|
|
@@ -3325,7 +3469,7 @@ var AlertsManagerView = ({
|
|
|
3325
3469
|
// src/components/Radio/Radio.tsx
|
|
3326
3470
|
var import_react17 = require("react");
|
|
3327
3471
|
var import_zustand3 = require("zustand");
|
|
3328
|
-
var
|
|
3472
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
3329
3473
|
var SIZE_CLASSES7 = {
|
|
3330
3474
|
small: {
|
|
3331
3475
|
radio: "w-5 h-5",
|
|
@@ -3464,8 +3608,8 @@ var Radio = (0, import_react17.forwardRef)(
|
|
|
3464
3608
|
const getCursorClass = () => {
|
|
3465
3609
|
return currentState === "disabled" ? "cursor-not-allowed" : "cursor-pointer";
|
|
3466
3610
|
};
|
|
3467
|
-
return /* @__PURE__ */ (0,
|
|
3468
|
-
/* @__PURE__ */ (0,
|
|
3611
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col", children: [
|
|
3612
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
3469
3613
|
"div",
|
|
3470
3614
|
{
|
|
3471
3615
|
className: cn(
|
|
@@ -3474,7 +3618,7 @@ var Radio = (0, import_react17.forwardRef)(
|
|
|
3474
3618
|
disabled ? "opacity-40" : ""
|
|
3475
3619
|
),
|
|
3476
3620
|
children: [
|
|
3477
|
-
/* @__PURE__ */ (0,
|
|
3621
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
3478
3622
|
"input",
|
|
3479
3623
|
{
|
|
3480
3624
|
ref: (node) => {
|
|
@@ -3498,7 +3642,7 @@ var Radio = (0, import_react17.forwardRef)(
|
|
|
3498
3642
|
...props
|
|
3499
3643
|
}
|
|
3500
3644
|
),
|
|
3501
|
-
/* @__PURE__ */ (0,
|
|
3645
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
3502
3646
|
"button",
|
|
3503
3647
|
{
|
|
3504
3648
|
type: "button",
|
|
@@ -3523,10 +3667,10 @@ var Radio = (0, import_react17.forwardRef)(
|
|
|
3523
3667
|
}
|
|
3524
3668
|
}
|
|
3525
3669
|
},
|
|
3526
|
-
children: checked && /* @__PURE__ */ (0,
|
|
3670
|
+
children: checked && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: dotClasses })
|
|
3527
3671
|
}
|
|
3528
3672
|
),
|
|
3529
|
-
label && /* @__PURE__ */ (0,
|
|
3673
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
3530
3674
|
"div",
|
|
3531
3675
|
{
|
|
3532
3676
|
className: cn(
|
|
@@ -3534,7 +3678,7 @@ var Radio = (0, import_react17.forwardRef)(
|
|
|
3534
3678
|
sizeClasses.labelHeight,
|
|
3535
3679
|
"flex-1 min-w-0"
|
|
3536
3680
|
),
|
|
3537
|
-
children: /* @__PURE__ */ (0,
|
|
3681
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
3538
3682
|
Text_default,
|
|
3539
3683
|
{
|
|
3540
3684
|
as: "label",
|
|
@@ -3555,7 +3699,7 @@ var Radio = (0, import_react17.forwardRef)(
|
|
|
3555
3699
|
]
|
|
3556
3700
|
}
|
|
3557
3701
|
),
|
|
3558
|
-
errorMessage && /* @__PURE__ */ (0,
|
|
3702
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
3559
3703
|
Text_default,
|
|
3560
3704
|
{
|
|
3561
3705
|
size: "sm",
|
|
@@ -3565,7 +3709,7 @@ var Radio = (0, import_react17.forwardRef)(
|
|
|
3565
3709
|
children: errorMessage
|
|
3566
3710
|
}
|
|
3567
3711
|
),
|
|
3568
|
-
helperText && !errorMessage && /* @__PURE__ */ (0,
|
|
3712
|
+
helperText && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
3569
3713
|
Text_default,
|
|
3570
3714
|
{
|
|
3571
3715
|
size: "sm",
|
|
@@ -3642,7 +3786,7 @@ var RadioGroup = (0, import_react17.forwardRef)(
|
|
|
3642
3786
|
(0, import_react17.useEffect)(() => {
|
|
3643
3787
|
store.setState({ disabled });
|
|
3644
3788
|
}, [disabled, store]);
|
|
3645
|
-
return /* @__PURE__ */ (0,
|
|
3789
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
3646
3790
|
"div",
|
|
3647
3791
|
{
|
|
3648
3792
|
ref,
|
|
@@ -3679,7 +3823,7 @@ var RadioGroupItem = (0, import_react17.forwardRef)(
|
|
|
3679
3823
|
const isChecked = groupValue === value;
|
|
3680
3824
|
const isDisabled = groupDisabled || itemDisabled;
|
|
3681
3825
|
const currentState = isDisabled ? "disabled" : state;
|
|
3682
|
-
return /* @__PURE__ */ (0,
|
|
3826
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
3683
3827
|
Radio,
|
|
3684
3828
|
{
|
|
3685
3829
|
ref,
|
|
@@ -3706,7 +3850,7 @@ var Radio_default = Radio;
|
|
|
3706
3850
|
|
|
3707
3851
|
// src/components/Toast/Toast.tsx
|
|
3708
3852
|
var import_phosphor_react12 = require("phosphor-react");
|
|
3709
|
-
var
|
|
3853
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
3710
3854
|
var VARIANT_ACTION_CLASSES4 = {
|
|
3711
3855
|
solid: {
|
|
3712
3856
|
warning: "bg-warning text-warning-600 border-none focus-visible:outline-none",
|
|
@@ -3746,7 +3890,7 @@ var Toast = ({
|
|
|
3746
3890
|
};
|
|
3747
3891
|
const IconAction = iconMap[action] || iconMap["success"];
|
|
3748
3892
|
const baseClasses = "max-w-[390px] w-full flex flex-row items-start justify-between shadow-lg rounded-lg border p-4 gap-6 group";
|
|
3749
|
-
return /* @__PURE__ */ (0,
|
|
3893
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
|
|
3750
3894
|
"div",
|
|
3751
3895
|
{
|
|
3752
3896
|
role: "alert",
|
|
@@ -3760,20 +3904,20 @@ var Toast = ({
|
|
|
3760
3904
|
),
|
|
3761
3905
|
...props,
|
|
3762
3906
|
children: [
|
|
3763
|
-
/* @__PURE__ */ (0,
|
|
3764
|
-
/* @__PURE__ */ (0,
|
|
3765
|
-
/* @__PURE__ */ (0,
|
|
3766
|
-
/* @__PURE__ */ (0,
|
|
3767
|
-
description && /* @__PURE__ */ (0,
|
|
3907
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-row items-start gap-3", children: [
|
|
3908
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(IconAction, {}) }),
|
|
3909
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col items-start justify-start", children: [
|
|
3910
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "font-semibold text-md", children: title }),
|
|
3911
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-md text-text-900", children: description })
|
|
3768
3912
|
] })
|
|
3769
3913
|
] }),
|
|
3770
|
-
/* @__PURE__ */ (0,
|
|
3914
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
3771
3915
|
"button",
|
|
3772
3916
|
{
|
|
3773
3917
|
onClick: onClose,
|
|
3774
3918
|
"aria-label": "Dismiss notification",
|
|
3775
3919
|
className: "text-background-500 cursor-pointer opacity-0 group-hover:opacity-100 transition-opacity",
|
|
3776
|
-
children: /* @__PURE__ */ (0,
|
|
3920
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_phosphor_react12.X, {})
|
|
3777
3921
|
}
|
|
3778
3922
|
)
|
|
3779
3923
|
]
|
|
@@ -3801,11 +3945,11 @@ var useToastStore = (0, import_zustand4.create)((set) => ({
|
|
|
3801
3945
|
var ToastStore_default = useToastStore;
|
|
3802
3946
|
|
|
3803
3947
|
// src/components/Toast/utils/Toaster.tsx
|
|
3804
|
-
var
|
|
3948
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
3805
3949
|
var Toaster = () => {
|
|
3806
3950
|
const toasts = ToastStore_default((state) => state.toasts);
|
|
3807
3951
|
const removeToast = ToastStore_default((state) => state.removeToast);
|
|
3808
|
-
return /* @__PURE__ */ (0,
|
|
3952
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_jsx_runtime27.Fragment, { children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
3809
3953
|
Toast_default,
|
|
3810
3954
|
{
|
|
3811
3955
|
title: toast.title,
|
|
@@ -3955,7 +4099,7 @@ var useTheme = () => {
|
|
|
3955
4099
|
};
|
|
3956
4100
|
|
|
3957
4101
|
// src/components/ThemeToggle/ThemeToggle.tsx
|
|
3958
|
-
var
|
|
4102
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
3959
4103
|
var ThemeToggle = ({
|
|
3960
4104
|
variant = "default",
|
|
3961
4105
|
onToggle
|
|
@@ -3969,17 +4113,17 @@ var ThemeToggle = ({
|
|
|
3969
4113
|
{
|
|
3970
4114
|
id: "light",
|
|
3971
4115
|
title: "Claro",
|
|
3972
|
-
icon: /* @__PURE__ */ (0,
|
|
4116
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.Sun, { size: 24 })
|
|
3973
4117
|
},
|
|
3974
4118
|
{
|
|
3975
4119
|
id: "dark",
|
|
3976
4120
|
title: "Escuro",
|
|
3977
|
-
icon: /* @__PURE__ */ (0,
|
|
4121
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.Moon, { size: 24 })
|
|
3978
4122
|
},
|
|
3979
4123
|
{
|
|
3980
4124
|
id: "system",
|
|
3981
4125
|
title: "Sistema",
|
|
3982
|
-
icon: /* @__PURE__ */ (0,
|
|
4126
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
3983
4127
|
"svg",
|
|
3984
4128
|
{
|
|
3985
4129
|
width: "25",
|
|
@@ -3987,7 +4131,7 @@ var ThemeToggle = ({
|
|
|
3987
4131
|
viewBox: "0 0 25 25",
|
|
3988
4132
|
fill: "none",
|
|
3989
4133
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3990
|
-
children: /* @__PURE__ */ (0,
|
|
4134
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
3991
4135
|
"path",
|
|
3992
4136
|
{
|
|
3993
4137
|
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",
|
|
@@ -4009,7 +4153,7 @@ var ThemeToggle = ({
|
|
|
4009
4153
|
}
|
|
4010
4154
|
};
|
|
4011
4155
|
const currentTheme = variant === "with-save" ? tempTheme : themeMode;
|
|
4012
|
-
return /* @__PURE__ */ (0,
|
|
4156
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex flex-row gap-2 sm:gap-4 py-2", children: problemTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
4013
4157
|
SelectionButton_default,
|
|
4014
4158
|
{
|
|
4015
4159
|
icon: type.icon,
|
|
@@ -4023,7 +4167,7 @@ var ThemeToggle = ({
|
|
|
4023
4167
|
};
|
|
4024
4168
|
|
|
4025
4169
|
// src/components/DropdownMenu/DropdownMenu.tsx
|
|
4026
|
-
var
|
|
4170
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
4027
4171
|
function createDropdownStore() {
|
|
4028
4172
|
return (0, import_zustand6.create)((set) => ({
|
|
4029
4173
|
open: false,
|
|
@@ -4131,7 +4275,7 @@ var DropdownMenu = ({
|
|
|
4131
4275
|
setOpen(propOpen);
|
|
4132
4276
|
}
|
|
4133
4277
|
}, [propOpen]);
|
|
4134
|
-
return /* @__PURE__ */ (0,
|
|
4278
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "relative", ref: menuRef, children: injectStore3(children, store) });
|
|
4135
4279
|
};
|
|
4136
4280
|
var DropdownMenuTrigger = ({
|
|
4137
4281
|
className,
|
|
@@ -4143,7 +4287,7 @@ var DropdownMenuTrigger = ({
|
|
|
4143
4287
|
const store = useDropdownStore(externalStore);
|
|
4144
4288
|
const open = (0, import_zustand6.useStore)(store, (s) => s.open);
|
|
4145
4289
|
const toggleOpen = () => store.setState({ open: !open });
|
|
4146
|
-
return /* @__PURE__ */ (0,
|
|
4290
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
4147
4291
|
"div",
|
|
4148
4292
|
{
|
|
4149
4293
|
onClick: (e) => {
|
|
@@ -4188,7 +4332,7 @@ var MENUCONTENT_VARIANT_CLASSES = {
|
|
|
4188
4332
|
profile: "p-6"
|
|
4189
4333
|
};
|
|
4190
4334
|
var MenuLabel = (0, import_react20.forwardRef)(({ className, inset, store: _store, ...props }, ref) => {
|
|
4191
|
-
return /* @__PURE__ */ (0,
|
|
4335
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
4192
4336
|
"div",
|
|
4193
4337
|
{
|
|
4194
4338
|
ref,
|
|
@@ -4227,7 +4371,7 @@ var DropdownMenuContent = (0, import_react20.forwardRef)(
|
|
|
4227
4371
|
return `absolute ${vertical} ${horizontal}`;
|
|
4228
4372
|
};
|
|
4229
4373
|
const variantClasses = MENUCONTENT_VARIANT_CLASSES[variant];
|
|
4230
|
-
return /* @__PURE__ */ (0,
|
|
4374
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
4231
4375
|
"div",
|
|
4232
4376
|
{
|
|
4233
4377
|
ref,
|
|
@@ -4296,7 +4440,7 @@ var DropdownMenuItem = (0, import_react20.forwardRef)(
|
|
|
4296
4440
|
const getVariantProps = () => {
|
|
4297
4441
|
return variant === "profile" ? { "data-variant": "profile" } : {};
|
|
4298
4442
|
};
|
|
4299
|
-
return /* @__PURE__ */ (0,
|
|
4443
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
4300
4444
|
"div",
|
|
4301
4445
|
{
|
|
4302
4446
|
ref,
|
|
@@ -4322,7 +4466,7 @@ var DropdownMenuItem = (0, import_react20.forwardRef)(
|
|
|
4322
4466
|
...props,
|
|
4323
4467
|
children: [
|
|
4324
4468
|
iconLeft,
|
|
4325
|
-
/* @__PURE__ */ (0,
|
|
4469
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "w-full", children }),
|
|
4326
4470
|
iconRight
|
|
4327
4471
|
]
|
|
4328
4472
|
}
|
|
@@ -4330,7 +4474,7 @@ var DropdownMenuItem = (0, import_react20.forwardRef)(
|
|
|
4330
4474
|
}
|
|
4331
4475
|
);
|
|
4332
4476
|
DropdownMenuItem.displayName = "DropdownMenuItem";
|
|
4333
|
-
var DropdownMenuSeparator = (0, import_react20.forwardRef)(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ (0,
|
|
4477
|
+
var DropdownMenuSeparator = (0, import_react20.forwardRef)(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
4334
4478
|
"div",
|
|
4335
4479
|
{
|
|
4336
4480
|
ref,
|
|
@@ -4343,7 +4487,7 @@ var ProfileMenuTrigger = (0, import_react20.forwardRef)(({ className, onClick, s
|
|
|
4343
4487
|
const store = useDropdownStore(externalStore);
|
|
4344
4488
|
const open = (0, import_zustand6.useStore)(store, (s) => s.open);
|
|
4345
4489
|
const toggleOpen = () => store.setState({ open: !open });
|
|
4346
|
-
return /* @__PURE__ */ (0,
|
|
4490
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
4347
4491
|
"button",
|
|
4348
4492
|
{
|
|
4349
4493
|
ref,
|
|
@@ -4358,13 +4502,13 @@ var ProfileMenuTrigger = (0, import_react20.forwardRef)(({ className, onClick, s
|
|
|
4358
4502
|
},
|
|
4359
4503
|
"aria-expanded": open,
|
|
4360
4504
|
...props,
|
|
4361
|
-
children: /* @__PURE__ */ (0,
|
|
4505
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "size-6 rounded-full bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react14.User, { className: "text-primary-950", size: 18 }) })
|
|
4362
4506
|
}
|
|
4363
4507
|
);
|
|
4364
4508
|
});
|
|
4365
4509
|
ProfileMenuTrigger.displayName = "ProfileMenuTrigger";
|
|
4366
4510
|
var ProfileMenuHeader = (0, import_react20.forwardRef)(({ className, name, email, photoUrl, store: _store, ...props }, ref) => {
|
|
4367
|
-
return /* @__PURE__ */ (0,
|
|
4511
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
4368
4512
|
"div",
|
|
4369
4513
|
{
|
|
4370
4514
|
ref,
|
|
@@ -4372,17 +4516,17 @@ var ProfileMenuHeader = (0, import_react20.forwardRef)(({ className, name, email
|
|
|
4372
4516
|
className: cn("flex flex-row gap-4 items-center", className),
|
|
4373
4517
|
...props,
|
|
4374
4518
|
children: [
|
|
4375
|
-
/* @__PURE__ */ (0,
|
|
4519
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden", children: photoUrl ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
4376
4520
|
"img",
|
|
4377
4521
|
{
|
|
4378
4522
|
src: photoUrl,
|
|
4379
4523
|
alt: "Foto de perfil",
|
|
4380
4524
|
className: "w-full h-full object-cover"
|
|
4381
4525
|
}
|
|
4382
|
-
) : /* @__PURE__ */ (0,
|
|
4383
|
-
/* @__PURE__ */ (0,
|
|
4384
|
-
/* @__PURE__ */ (0,
|
|
4385
|
-
/* @__PURE__ */ (0,
|
|
4526
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react14.User, { size: 34, className: "text-primary-800" }) }),
|
|
4527
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col ", children: [
|
|
4528
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { size: "xl", weight: "bold", color: "text-text-950", children: name }),
|
|
4529
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { size: "md", color: "text-text-600", children: email })
|
|
4386
4530
|
] })
|
|
4387
4531
|
]
|
|
4388
4532
|
}
|
|
@@ -4415,14 +4559,14 @@ var ProfileToggleTheme = ({
|
|
|
4415
4559
|
setModalThemeToggle(false);
|
|
4416
4560
|
setOpen(false);
|
|
4417
4561
|
};
|
|
4418
|
-
return /* @__PURE__ */ (0,
|
|
4419
|
-
/* @__PURE__ */ (0,
|
|
4562
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
|
|
4563
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
4420
4564
|
DropdownMenuItem,
|
|
4421
4565
|
{
|
|
4422
4566
|
variant: "profile",
|
|
4423
4567
|
preventClose: true,
|
|
4424
4568
|
store,
|
|
4425
|
-
iconLeft: /* @__PURE__ */ (0,
|
|
4569
|
+
iconLeft: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
4426
4570
|
"svg",
|
|
4427
4571
|
{
|
|
4428
4572
|
width: "24",
|
|
@@ -4430,7 +4574,7 @@ var ProfileToggleTheme = ({
|
|
|
4430
4574
|
viewBox: "0 0 25 25",
|
|
4431
4575
|
fill: "none",
|
|
4432
4576
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4433
|
-
children: /* @__PURE__ */ (0,
|
|
4577
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
4434
4578
|
"path",
|
|
4435
4579
|
{
|
|
4436
4580
|
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",
|
|
@@ -4439,7 +4583,7 @@ var ProfileToggleTheme = ({
|
|
|
4439
4583
|
)
|
|
4440
4584
|
}
|
|
4441
4585
|
),
|
|
4442
|
-
iconRight: /* @__PURE__ */ (0,
|
|
4586
|
+
iconRight: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react14.CaretRight, {}),
|
|
4443
4587
|
onClick: handleClick,
|
|
4444
4588
|
onKeyDown: (e) => {
|
|
4445
4589
|
if (e.key === "Enter" || e.key === " ") {
|
|
@@ -4449,23 +4593,23 @@ var ProfileToggleTheme = ({
|
|
|
4449
4593
|
}
|
|
4450
4594
|
},
|
|
4451
4595
|
...props,
|
|
4452
|
-
children: /* @__PURE__ */ (0,
|
|
4596
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { size: "md", color: "text-text-700", children: "Apar\xEAncia" })
|
|
4453
4597
|
}
|
|
4454
4598
|
),
|
|
4455
|
-
/* @__PURE__ */ (0,
|
|
4599
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
4456
4600
|
Modal_default,
|
|
4457
4601
|
{
|
|
4458
4602
|
isOpen: modalThemeToggle,
|
|
4459
4603
|
onClose: handleCancel,
|
|
4460
4604
|
title: "Apar\xEAncia",
|
|
4461
4605
|
size: "md",
|
|
4462
|
-
footer: /* @__PURE__ */ (0,
|
|
4463
|
-
/* @__PURE__ */ (0,
|
|
4464
|
-
/* @__PURE__ */ (0,
|
|
4606
|
+
footer: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex gap-3", children: [
|
|
4607
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button_default, { variant: "outline", onClick: handleCancel, children: "Cancelar" }),
|
|
4608
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button_default, { variant: "solid", onClick: handleSave, children: "Salvar" })
|
|
4465
4609
|
] }),
|
|
4466
|
-
children: /* @__PURE__ */ (0,
|
|
4467
|
-
/* @__PURE__ */ (0,
|
|
4468
|
-
/* @__PURE__ */ (0,
|
|
4610
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col", children: [
|
|
4611
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm text-text-500", children: "Escolha o tema:" }),
|
|
4612
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ThemeToggle, { variant: "with-save", onToggle: setSelectedTheme })
|
|
4469
4613
|
] })
|
|
4470
4614
|
}
|
|
4471
4615
|
)
|
|
@@ -4473,7 +4617,7 @@ var ProfileToggleTheme = ({
|
|
|
4473
4617
|
};
|
|
4474
4618
|
ProfileToggleTheme.displayName = "ProfileToggleTheme";
|
|
4475
4619
|
var ProfileMenuSection = (0, import_react20.forwardRef)(({ className, children, store: _store, ...props }, ref) => {
|
|
4476
|
-
return /* @__PURE__ */ (0,
|
|
4620
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref, className: cn("flex flex-col p-2", className), ...props, children });
|
|
4477
4621
|
});
|
|
4478
4622
|
ProfileMenuSection.displayName = "ProfileMenuSection";
|
|
4479
4623
|
var ProfileMenuFooter = ({
|
|
@@ -4485,7 +4629,7 @@ var ProfileMenuFooter = ({
|
|
|
4485
4629
|
}) => {
|
|
4486
4630
|
const store = useDropdownStore(externalStore);
|
|
4487
4631
|
const setOpen = (0, import_zustand6.useStore)(store, (s) => s.setOpen);
|
|
4488
|
-
return /* @__PURE__ */ (0,
|
|
4632
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
4489
4633
|
Button_default,
|
|
4490
4634
|
{
|
|
4491
4635
|
variant: "outline",
|
|
@@ -4497,8 +4641,8 @@ var ProfileMenuFooter = ({
|
|
|
4497
4641
|
},
|
|
4498
4642
|
...props,
|
|
4499
4643
|
children: [
|
|
4500
|
-
/* @__PURE__ */ (0,
|
|
4501
|
-
/* @__PURE__ */ (0,
|
|
4644
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_phosphor_react14.SignOut, { className: "text-inherit" }) }),
|
|
4645
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text_default, { color: "inherit", children: "Sair" })
|
|
4502
4646
|
]
|
|
4503
4647
|
}
|
|
4504
4648
|
);
|
|
@@ -4507,7 +4651,7 @@ ProfileMenuFooter.displayName = "ProfileMenuFooter";
|
|
|
4507
4651
|
var DropdownMenu_default = DropdownMenu;
|
|
4508
4652
|
|
|
4509
4653
|
// src/components/Search/Search.tsx
|
|
4510
|
-
var
|
|
4654
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
4511
4655
|
var filterOptions = (options, query) => {
|
|
4512
4656
|
if (!query || query.length < 1) return [];
|
|
4513
4657
|
return options.filter(
|
|
@@ -4653,14 +4797,14 @@ var Search = (0, import_react21.forwardRef)(
|
|
|
4653
4797
|
const hasValue = String(value ?? "").length > 0;
|
|
4654
4798
|
const showClearButton = hasValue && !disabled && !readOnly;
|
|
4655
4799
|
const showSearchIcon = !hasValue && !disabled && !readOnly;
|
|
4656
|
-
return /* @__PURE__ */ (0,
|
|
4800
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
4657
4801
|
"div",
|
|
4658
4802
|
{
|
|
4659
4803
|
ref: dropdownRef,
|
|
4660
4804
|
className: `w-full max-w-lg md:w-[488px] ${containerClassName}`,
|
|
4661
4805
|
children: [
|
|
4662
|
-
/* @__PURE__ */ (0,
|
|
4663
|
-
/* @__PURE__ */ (0,
|
|
4806
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative flex items-center", children: [
|
|
4807
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
4664
4808
|
"input",
|
|
4665
4809
|
{
|
|
4666
4810
|
ref: (node) => {
|
|
@@ -4688,35 +4832,35 @@ var Search = (0, import_react21.forwardRef)(
|
|
|
4688
4832
|
...props
|
|
4689
4833
|
}
|
|
4690
4834
|
),
|
|
4691
|
-
showClearButton && /* @__PURE__ */ (0,
|
|
4835
|
+
showClearButton && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
4692
4836
|
"button",
|
|
4693
4837
|
{
|
|
4694
4838
|
type: "button",
|
|
4695
4839
|
className: "p-0 border-0 bg-transparent cursor-pointer",
|
|
4696
4840
|
onMouseDown: handleClearClick,
|
|
4697
4841
|
"aria-label": "Limpar busca",
|
|
4698
|
-
children: /* @__PURE__ */ (0,
|
|
4842
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react15.X, {}) })
|
|
4699
4843
|
}
|
|
4700
4844
|
) }),
|
|
4701
|
-
showSearchIcon && /* @__PURE__ */ (0,
|
|
4845
|
+
showSearchIcon && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
4702
4846
|
"button",
|
|
4703
4847
|
{
|
|
4704
4848
|
type: "button",
|
|
4705
4849
|
className: "p-0 border-0 bg-transparent cursor-pointer",
|
|
4706
4850
|
onMouseDown: handleSearchIconClick,
|
|
4707
4851
|
"aria-label": "Buscar",
|
|
4708
|
-
children: /* @__PURE__ */ (0,
|
|
4852
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "w-6 h-6 text-text-800 flex items-center justify-center hover:text-text-600 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react15.MagnifyingGlass, {}) })
|
|
4709
4853
|
}
|
|
4710
4854
|
) })
|
|
4711
4855
|
] }),
|
|
4712
|
-
showDropdown && /* @__PURE__ */ (0,
|
|
4856
|
+
showDropdown && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenu_default, { open: showDropdown, onOpenChange: setDropdownOpen, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
4713
4857
|
DropdownMenuContent,
|
|
4714
4858
|
{
|
|
4715
4859
|
id: dropdownId,
|
|
4716
4860
|
className: "w-full mt-1",
|
|
4717
4861
|
style: { maxHeight: dropdownMaxHeight },
|
|
4718
4862
|
align: "start",
|
|
4719
|
-
children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ (0,
|
|
4863
|
+
children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
4720
4864
|
DropdownMenuItem,
|
|
4721
4865
|
{
|
|
4722
4866
|
onClick: () => handleSelectOption(option),
|
|
@@ -4724,7 +4868,7 @@ var Search = (0, import_react21.forwardRef)(
|
|
|
4724
4868
|
children: option
|
|
4725
4869
|
},
|
|
4726
4870
|
option
|
|
4727
|
-
)) : /* @__PURE__ */ (0,
|
|
4871
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "px-3 py-3 text-text-700 text-base", children: noResultsText })
|
|
4728
4872
|
}
|
|
4729
4873
|
) })
|
|
4730
4874
|
]
|
|
@@ -4737,7 +4881,7 @@ var Search_default = Search;
|
|
|
4737
4881
|
|
|
4738
4882
|
// src/components/Chips/Chips.tsx
|
|
4739
4883
|
var import_phosphor_react16 = require("phosphor-react");
|
|
4740
|
-
var
|
|
4884
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
4741
4885
|
var STATE_CLASSES5 = {
|
|
4742
4886
|
default: "bg-background text-text-950 border border-border-100 hover:bg-secondary-50 hover:border-border-300",
|
|
4743
4887
|
selected: "bg-info-background text-primary-950 border-2 border-primary-950 hover:bg-secondary-50 focus-visible:border-0"
|
|
@@ -4752,7 +4896,7 @@ var Chips = ({
|
|
|
4752
4896
|
}) => {
|
|
4753
4897
|
const stateClasses = selected ? STATE_CLASSES5.selected : STATE_CLASSES5.default;
|
|
4754
4898
|
const baseClasses = "inline-flex items-center justify-center rounded-full cursor-pointer font-normal text-sm px-4 py-2 gap-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-primary-600 disabled:opacity-40 disabled:cursor-not-allowed";
|
|
4755
|
-
return /* @__PURE__ */ (0,
|
|
4899
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
4756
4900
|
"button",
|
|
4757
4901
|
{
|
|
4758
4902
|
className: cn(baseClasses, stateClasses, className),
|
|
@@ -4760,8 +4904,8 @@ var Chips = ({
|
|
|
4760
4904
|
type,
|
|
4761
4905
|
...props,
|
|
4762
4906
|
children: [
|
|
4763
|
-
selected && /* @__PURE__ */ (0,
|
|
4764
|
-
/* @__PURE__ */ (0,
|
|
4907
|
+
selected && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: `flex items-center`, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react16.Check, { weight: "bold", size: 16 }) }),
|
|
4908
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "flex-1", children })
|
|
4765
4909
|
]
|
|
4766
4910
|
}
|
|
4767
4911
|
);
|
|
@@ -4769,7 +4913,7 @@ var Chips = ({
|
|
|
4769
4913
|
var Chips_default = Chips;
|
|
4770
4914
|
|
|
4771
4915
|
// src/components/ProgressBar/ProgressBar.tsx
|
|
4772
|
-
var
|
|
4916
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
4773
4917
|
var SIZE_CLASSES8 = {
|
|
4774
4918
|
small: {
|
|
4775
4919
|
container: "h-1",
|
|
@@ -4881,20 +5025,20 @@ var renderStackedHitCountDisplay = (showHitCount, showPercentage, clampedValue,
|
|
|
4881
5025
|
max,
|
|
4882
5026
|
percentage
|
|
4883
5027
|
);
|
|
4884
|
-
return /* @__PURE__ */ (0,
|
|
5028
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4885
5029
|
"div",
|
|
4886
5030
|
{
|
|
4887
5031
|
className: cn(
|
|
4888
5032
|
"text-xs font-medium leading-[14px] text-right",
|
|
4889
5033
|
percentageClassName
|
|
4890
5034
|
),
|
|
4891
|
-
children: displayPriority.type === "hitCount" ? /* @__PURE__ */ (0,
|
|
4892
|
-
/* @__PURE__ */ (0,
|
|
4893
|
-
/* @__PURE__ */ (0,
|
|
5035
|
+
children: displayPriority.type === "hitCount" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
|
|
5036
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-success-200", children: Math.round(clampedValue) }),
|
|
5037
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "text-text-600", children: [
|
|
4894
5038
|
" de ",
|
|
4895
5039
|
max
|
|
4896
5040
|
] })
|
|
4897
|
-
] }) : /* @__PURE__ */ (0,
|
|
5041
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Text_default, { size: "xs", weight: "medium", className: "text-success-200", children: [
|
|
4898
5042
|
Math.round(percentage),
|
|
4899
5043
|
"%"
|
|
4900
5044
|
] })
|
|
@@ -4909,7 +5053,7 @@ var ProgressBarBase = ({
|
|
|
4909
5053
|
variantClasses,
|
|
4910
5054
|
containerClassName,
|
|
4911
5055
|
fillClassName
|
|
4912
|
-
}) => /* @__PURE__ */ (0,
|
|
5056
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
4913
5057
|
"div",
|
|
4914
5058
|
{
|
|
4915
5059
|
className: cn(
|
|
@@ -4918,7 +5062,7 @@ var ProgressBarBase = ({
|
|
|
4918
5062
|
"overflow-hidden relative"
|
|
4919
5063
|
),
|
|
4920
5064
|
children: [
|
|
4921
|
-
/* @__PURE__ */ (0,
|
|
5065
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4922
5066
|
"progress",
|
|
4923
5067
|
{
|
|
4924
5068
|
value: clampedValue,
|
|
@@ -4927,7 +5071,7 @@ var ProgressBarBase = ({
|
|
|
4927
5071
|
className: "absolute inset-0 w-full h-full opacity-0"
|
|
4928
5072
|
}
|
|
4929
5073
|
),
|
|
4930
|
-
/* @__PURE__ */ (0,
|
|
5074
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4931
5075
|
"div",
|
|
4932
5076
|
{
|
|
4933
5077
|
className: cn(
|
|
@@ -4953,7 +5097,7 @@ var StackedLayout = ({
|
|
|
4953
5097
|
percentage,
|
|
4954
5098
|
variantClasses,
|
|
4955
5099
|
dimensions
|
|
4956
|
-
}) => /* @__PURE__ */ (0,
|
|
5100
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
4957
5101
|
"div",
|
|
4958
5102
|
{
|
|
4959
5103
|
className: cn(
|
|
@@ -4963,8 +5107,8 @@ var StackedLayout = ({
|
|
|
4963
5107
|
className
|
|
4964
5108
|
),
|
|
4965
5109
|
children: [
|
|
4966
|
-
shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ (0,
|
|
4967
|
-
label && /* @__PURE__ */ (0,
|
|
5110
|
+
shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-row justify-between items-center w-full h-[19px]", children: [
|
|
5111
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4968
5112
|
Text_default,
|
|
4969
5113
|
{
|
|
4970
5114
|
as: "div",
|
|
@@ -4983,7 +5127,7 @@ var StackedLayout = ({
|
|
|
4983
5127
|
percentageClassName
|
|
4984
5128
|
)
|
|
4985
5129
|
] }),
|
|
4986
|
-
/* @__PURE__ */ (0,
|
|
5130
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4987
5131
|
ProgressBarBase,
|
|
4988
5132
|
{
|
|
4989
5133
|
clampedValue,
|
|
@@ -5025,7 +5169,7 @@ var CompactLayout = ({
|
|
|
5025
5169
|
percentageClassName,
|
|
5026
5170
|
labelClassName
|
|
5027
5171
|
});
|
|
5028
|
-
return /* @__PURE__ */ (0,
|
|
5172
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
5029
5173
|
"div",
|
|
5030
5174
|
{
|
|
5031
5175
|
className: cn(
|
|
@@ -5035,7 +5179,7 @@ var CompactLayout = ({
|
|
|
5035
5179
|
className
|
|
5036
5180
|
),
|
|
5037
5181
|
children: [
|
|
5038
|
-
shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ (0,
|
|
5182
|
+
shouldShowHeader(label, showPercentage, showHitCount) && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
5039
5183
|
Text_default,
|
|
5040
5184
|
{
|
|
5041
5185
|
as: "div",
|
|
@@ -5046,7 +5190,7 @@ var CompactLayout = ({
|
|
|
5046
5190
|
children: content
|
|
5047
5191
|
}
|
|
5048
5192
|
),
|
|
5049
|
-
/* @__PURE__ */ (0,
|
|
5193
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
5050
5194
|
ProgressBarBase,
|
|
5051
5195
|
{
|
|
5052
5196
|
clampedValue,
|
|
@@ -5082,9 +5226,9 @@ var DefaultLayout = ({
|
|
|
5082
5226
|
label,
|
|
5083
5227
|
showPercentage
|
|
5084
5228
|
);
|
|
5085
|
-
return /* @__PURE__ */ (0,
|
|
5086
|
-
displayConfig.showHeader && /* @__PURE__ */ (0,
|
|
5087
|
-
label && /* @__PURE__ */ (0,
|
|
5229
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cn("flex", sizeClasses.layout, gapClass, className), children: [
|
|
5230
|
+
displayConfig.showHeader && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-row items-center justify-between w-full", children: [
|
|
5231
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
5088
5232
|
Text_default,
|
|
5089
5233
|
{
|
|
5090
5234
|
as: "div",
|
|
@@ -5097,7 +5241,7 @@ var DefaultLayout = ({
|
|
|
5097
5241
|
children: label
|
|
5098
5242
|
}
|
|
5099
5243
|
),
|
|
5100
|
-
showPercentage && /* @__PURE__ */ (0,
|
|
5244
|
+
showPercentage && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
5101
5245
|
Text_default,
|
|
5102
5246
|
{
|
|
5103
5247
|
size: "xs",
|
|
@@ -5113,7 +5257,7 @@ var DefaultLayout = ({
|
|
|
5113
5257
|
}
|
|
5114
5258
|
)
|
|
5115
5259
|
] }),
|
|
5116
|
-
/* @__PURE__ */ (0,
|
|
5260
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
5117
5261
|
ProgressBarBase,
|
|
5118
5262
|
{
|
|
5119
5263
|
clampedValue,
|
|
@@ -5133,7 +5277,7 @@ var DefaultLayout = ({
|
|
|
5133
5277
|
)
|
|
5134
5278
|
}
|
|
5135
5279
|
),
|
|
5136
|
-
displayConfig.showPercentage && /* @__PURE__ */ (0,
|
|
5280
|
+
displayConfig.showPercentage && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
5137
5281
|
Text_default,
|
|
5138
5282
|
{
|
|
5139
5283
|
size: "xs",
|
|
@@ -5148,7 +5292,7 @@ var DefaultLayout = ({
|
|
|
5148
5292
|
]
|
|
5149
5293
|
}
|
|
5150
5294
|
),
|
|
5151
|
-
displayConfig.showLabel && /* @__PURE__ */ (0,
|
|
5295
|
+
displayConfig.showLabel && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
5152
5296
|
Text_default,
|
|
5153
5297
|
{
|
|
5154
5298
|
as: "div",
|
|
@@ -5184,7 +5328,7 @@ var ProgressBar = ({
|
|
|
5184
5328
|
const sizeClasses = SIZE_CLASSES8[size];
|
|
5185
5329
|
const variantClasses = VARIANT_CLASSES2[variant];
|
|
5186
5330
|
if (layout === "stacked") {
|
|
5187
|
-
return /* @__PURE__ */ (0,
|
|
5331
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
5188
5332
|
StackedLayout,
|
|
5189
5333
|
{
|
|
5190
5334
|
className,
|
|
@@ -5205,7 +5349,7 @@ var ProgressBar = ({
|
|
|
5205
5349
|
);
|
|
5206
5350
|
}
|
|
5207
5351
|
if (layout === "compact") {
|
|
5208
|
-
return /* @__PURE__ */ (0,
|
|
5352
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
5209
5353
|
CompactLayout,
|
|
5210
5354
|
{
|
|
5211
5355
|
className,
|
|
@@ -5225,7 +5369,7 @@ var ProgressBar = ({
|
|
|
5225
5369
|
}
|
|
5226
5370
|
);
|
|
5227
5371
|
}
|
|
5228
|
-
return /* @__PURE__ */ (0,
|
|
5372
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
5229
5373
|
DefaultLayout,
|
|
5230
5374
|
{
|
|
5231
5375
|
className,
|
|
@@ -5245,7 +5389,7 @@ var ProgressBar = ({
|
|
|
5245
5389
|
var ProgressBar_default = ProgressBar;
|
|
5246
5390
|
|
|
5247
5391
|
// src/components/ProgressCircle/ProgressCircle.tsx
|
|
5248
|
-
var
|
|
5392
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
5249
5393
|
var SIZE_CLASSES9 = {
|
|
5250
5394
|
small: {
|
|
5251
5395
|
container: "w-[90px] h-[90px]",
|
|
@@ -5327,7 +5471,7 @@ var ProgressCircle = ({
|
|
|
5327
5471
|
const strokeDashoffset = circumference - percentage / 100 * circumference;
|
|
5328
5472
|
const center = size === "small" ? 45 : 76;
|
|
5329
5473
|
const svgSize = size === "small" ? 90 : 152;
|
|
5330
|
-
return /* @__PURE__ */ (0,
|
|
5474
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
|
|
5331
5475
|
"div",
|
|
5332
5476
|
{
|
|
5333
5477
|
className: cn(
|
|
@@ -5337,7 +5481,7 @@ var ProgressCircle = ({
|
|
|
5337
5481
|
className
|
|
5338
5482
|
),
|
|
5339
5483
|
children: [
|
|
5340
|
-
/* @__PURE__ */ (0,
|
|
5484
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
|
|
5341
5485
|
"svg",
|
|
5342
5486
|
{
|
|
5343
5487
|
className: "absolute inset-0 transform -rotate-90",
|
|
@@ -5346,7 +5490,7 @@ var ProgressCircle = ({
|
|
|
5346
5490
|
viewBox: `0 0 ${svgSize} ${svgSize}`,
|
|
5347
5491
|
"aria-hidden": "true",
|
|
5348
5492
|
children: [
|
|
5349
|
-
/* @__PURE__ */ (0,
|
|
5493
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
5350
5494
|
"circle",
|
|
5351
5495
|
{
|
|
5352
5496
|
cx: center,
|
|
@@ -5357,7 +5501,7 @@ var ProgressCircle = ({
|
|
|
5357
5501
|
className: cn(variantClasses.background, "rounded-lg")
|
|
5358
5502
|
}
|
|
5359
5503
|
),
|
|
5360
|
-
/* @__PURE__ */ (0,
|
|
5504
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
5361
5505
|
"circle",
|
|
5362
5506
|
{
|
|
5363
5507
|
cx: center,
|
|
@@ -5377,7 +5521,7 @@ var ProgressCircle = ({
|
|
|
5377
5521
|
]
|
|
5378
5522
|
}
|
|
5379
5523
|
),
|
|
5380
|
-
/* @__PURE__ */ (0,
|
|
5524
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
5381
5525
|
"progress",
|
|
5382
5526
|
{
|
|
5383
5527
|
value: clampedValue,
|
|
@@ -5386,7 +5530,7 @@ var ProgressCircle = ({
|
|
|
5386
5530
|
className: "absolute opacity-0 w-0 h-0"
|
|
5387
5531
|
}
|
|
5388
5532
|
),
|
|
5389
|
-
/* @__PURE__ */ (0,
|
|
5533
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
|
|
5390
5534
|
"div",
|
|
5391
5535
|
{
|
|
5392
5536
|
className: cn(
|
|
@@ -5395,7 +5539,7 @@ var ProgressCircle = ({
|
|
|
5395
5539
|
sizeClasses.contentWidth
|
|
5396
5540
|
),
|
|
5397
5541
|
children: [
|
|
5398
|
-
showPercentage && /* @__PURE__ */ (0,
|
|
5542
|
+
showPercentage && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
|
|
5399
5543
|
Text_default,
|
|
5400
5544
|
{
|
|
5401
5545
|
size: sizeClasses.textSize,
|
|
@@ -5411,7 +5555,7 @@ var ProgressCircle = ({
|
|
|
5411
5555
|
]
|
|
5412
5556
|
}
|
|
5413
5557
|
),
|
|
5414
|
-
label && /* @__PURE__ */ (0,
|
|
5558
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
5415
5559
|
Text_default,
|
|
5416
5560
|
{
|
|
5417
5561
|
as: "span",
|
|
@@ -5436,7 +5580,7 @@ var ProgressCircle_default = ProgressCircle;
|
|
|
5436
5580
|
|
|
5437
5581
|
// src/components/Stepper/Stepper.tsx
|
|
5438
5582
|
var import_phosphor_react17 = require("phosphor-react");
|
|
5439
|
-
var
|
|
5583
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
5440
5584
|
var SIZE_CLASSES10 = {
|
|
5441
5585
|
small: {
|
|
5442
5586
|
container: "gap-2",
|
|
@@ -5563,7 +5707,7 @@ var Step = ({
|
|
|
5563
5707
|
}
|
|
5564
5708
|
return `${step.label}${suffix}`;
|
|
5565
5709
|
};
|
|
5566
|
-
return /* @__PURE__ */ (0,
|
|
5710
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
5567
5711
|
"div",
|
|
5568
5712
|
{
|
|
5569
5713
|
className: `
|
|
@@ -5576,7 +5720,7 @@ var Step = ({
|
|
|
5576
5720
|
overflow-visible
|
|
5577
5721
|
`,
|
|
5578
5722
|
children: [
|
|
5579
|
-
/* @__PURE__ */ (0,
|
|
5723
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5580
5724
|
"div",
|
|
5581
5725
|
{
|
|
5582
5726
|
className: `
|
|
@@ -5585,7 +5729,7 @@ var Step = ({
|
|
|
5585
5729
|
`
|
|
5586
5730
|
}
|
|
5587
5731
|
),
|
|
5588
|
-
/* @__PURE__ */ (0,
|
|
5732
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
5589
5733
|
"div",
|
|
5590
5734
|
{
|
|
5591
5735
|
className: `
|
|
@@ -5595,7 +5739,7 @@ var Step = ({
|
|
|
5595
5739
|
overflow-visible
|
|
5596
5740
|
`,
|
|
5597
5741
|
children: [
|
|
5598
|
-
/* @__PURE__ */ (0,
|
|
5742
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5599
5743
|
"div",
|
|
5600
5744
|
{
|
|
5601
5745
|
className: `
|
|
@@ -5604,7 +5748,7 @@ var Step = ({
|
|
|
5604
5748
|
flex-none transition-all duration-300 ease-out
|
|
5605
5749
|
`,
|
|
5606
5750
|
"aria-label": getAriaLabel(),
|
|
5607
|
-
children: isCompleted ? /* @__PURE__ */ (0,
|
|
5751
|
+
children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5608
5752
|
import_phosphor_react17.Check,
|
|
5609
5753
|
{
|
|
5610
5754
|
weight: "bold",
|
|
@@ -5613,7 +5757,7 @@ var Step = ({
|
|
|
5613
5757
|
w-2.5 h-2.5 sm:w-3 sm:h-3 md:w-3 md:h-3 lg:w-3.5 lg:h-3.5
|
|
5614
5758
|
`
|
|
5615
5759
|
}
|
|
5616
|
-
) : /* @__PURE__ */ (0,
|
|
5760
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5617
5761
|
Text_default,
|
|
5618
5762
|
{
|
|
5619
5763
|
size: sizeClasses.indicatorTextSize,
|
|
@@ -5625,7 +5769,7 @@ var Step = ({
|
|
|
5625
5769
|
)
|
|
5626
5770
|
}
|
|
5627
5771
|
),
|
|
5628
|
-
/* @__PURE__ */ (0,
|
|
5772
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5629
5773
|
Text_default,
|
|
5630
5774
|
{
|
|
5631
5775
|
size: sizeClasses.labelTextSize,
|
|
@@ -5677,7 +5821,7 @@ var Stepper = ({
|
|
|
5677
5821
|
}) => {
|
|
5678
5822
|
const sizeClasses = SIZE_CLASSES10[size];
|
|
5679
5823
|
const steps = currentStep !== void 0 ? calculateStepStates(initialSteps, currentStep) : initialSteps;
|
|
5680
|
-
return /* @__PURE__ */ (0,
|
|
5824
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
5681
5825
|
"fieldset",
|
|
5682
5826
|
{
|
|
5683
5827
|
className: cn(
|
|
@@ -5686,8 +5830,8 @@ var Stepper = ({
|
|
|
5686
5830
|
"border-0 p-0 m-0"
|
|
5687
5831
|
),
|
|
5688
5832
|
children: [
|
|
5689
|
-
/* @__PURE__ */ (0,
|
|
5690
|
-
showProgress && currentStep !== void 0 && /* @__PURE__ */ (0,
|
|
5833
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("legend", { className: "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", children: "Stepper de formul\xE1rio" }),
|
|
5834
|
+
showProgress && currentStep !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5691
5835
|
Text_default,
|
|
5692
5836
|
{
|
|
5693
5837
|
size: "sm",
|
|
@@ -5696,7 +5840,7 @@ var Stepper = ({
|
|
|
5696
5840
|
children: getProgressText(currentStep, steps.length, progressText)
|
|
5697
5841
|
}
|
|
5698
5842
|
),
|
|
5699
|
-
/* @__PURE__ */ (0,
|
|
5843
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5700
5844
|
"div",
|
|
5701
5845
|
{
|
|
5702
5846
|
className: cn(
|
|
@@ -5709,7 +5853,7 @@ var Stepper = ({
|
|
|
5709
5853
|
"aria-label": "Progress steps",
|
|
5710
5854
|
children: steps.map((step, index) => {
|
|
5711
5855
|
const stateClasses = STATE_CLASSES6[step.state];
|
|
5712
|
-
return /* @__PURE__ */ (0,
|
|
5856
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
5713
5857
|
Step,
|
|
5714
5858
|
{
|
|
5715
5859
|
step,
|
|
@@ -5733,7 +5877,7 @@ var Stepper_default = Stepper;
|
|
|
5733
5877
|
|
|
5734
5878
|
// src/components/Calendar/Calendar.tsx
|
|
5735
5879
|
var import_react22 = require("react");
|
|
5736
|
-
var
|
|
5880
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
5737
5881
|
var WEEK_DAYS = ["SEG", "TER", "QUA", "QUI", "SEX", "S\xC1B", "DOM"];
|
|
5738
5882
|
var WEEK_DAYS_SHORT = ["S", "T", "Q", "Q", "S", "S", "D"];
|
|
5739
5883
|
var MONTH_NAMES = [
|
|
@@ -5756,15 +5900,15 @@ var MonthYearPicker = ({
|
|
|
5756
5900
|
currentDate,
|
|
5757
5901
|
onYearChange,
|
|
5758
5902
|
onMonthChange
|
|
5759
|
-
}) => /* @__PURE__ */ (0,
|
|
5903
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
|
|
5760
5904
|
"div",
|
|
5761
5905
|
{
|
|
5762
5906
|
ref: monthPickerRef,
|
|
5763
5907
|
className: "absolute top-full left-0 z-50 mt-1 bg-background rounded-lg shadow-lg border border-border-200 p-4 min-w-[280px]",
|
|
5764
5908
|
children: [
|
|
5765
|
-
/* @__PURE__ */ (0,
|
|
5766
|
-
/* @__PURE__ */ (0,
|
|
5767
|
-
/* @__PURE__ */ (0,
|
|
5909
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "mb-4", children: [
|
|
5910
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar Ano" }),
|
|
5911
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "grid grid-cols-4 gap-1 max-h-32 overflow-y-auto", children: availableYears.map((year) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
5768
5912
|
"button",
|
|
5769
5913
|
{
|
|
5770
5914
|
onClick: () => onYearChange(year),
|
|
@@ -5777,9 +5921,9 @@ var MonthYearPicker = ({
|
|
|
5777
5921
|
year
|
|
5778
5922
|
)) })
|
|
5779
5923
|
] }),
|
|
5780
|
-
/* @__PURE__ */ (0,
|
|
5781
|
-
/* @__PURE__ */ (0,
|
|
5782
|
-
/* @__PURE__ */ (0,
|
|
5924
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
|
|
5925
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar M\xEAs" }),
|
|
5926
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "grid grid-cols-3 gap-1", children: MONTH_NAMES.map((month, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
5783
5927
|
"button",
|
|
5784
5928
|
{
|
|
5785
5929
|
onClick: () => onMonthChange(index, currentDate.getFullYear()),
|
|
@@ -5911,28 +6055,28 @@ var Calendar = ({
|
|
|
5911
6055
|
onDateSelect?.(day.date);
|
|
5912
6056
|
};
|
|
5913
6057
|
if (variant === "navigation") {
|
|
5914
|
-
return /* @__PURE__ */ (0,
|
|
5915
|
-
/* @__PURE__ */ (0,
|
|
5916
|
-
/* @__PURE__ */ (0,
|
|
5917
|
-
/* @__PURE__ */ (0,
|
|
6058
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: cn("bg-background rounded-xl pt-6", className), children: [
|
|
6059
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between mb-4 px-6", children: [
|
|
6060
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative", ref: monthPickerContainerRef, children: [
|
|
6061
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
|
|
5918
6062
|
"button",
|
|
5919
6063
|
{
|
|
5920
6064
|
onClick: toggleMonthPicker,
|
|
5921
6065
|
className: "flex items-center group gap-1 rounded transition-colors cursor-pointer",
|
|
5922
6066
|
children: [
|
|
5923
|
-
/* @__PURE__ */ (0,
|
|
6067
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "text-sm font-medium text-text-600 group-hover:text-primary-950", children: [
|
|
5924
6068
|
MONTH_NAMES[currentDate.getMonth()],
|
|
5925
6069
|
" ",
|
|
5926
6070
|
currentDate.getFullYear()
|
|
5927
6071
|
] }),
|
|
5928
|
-
/* @__PURE__ */ (0,
|
|
6072
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
5929
6073
|
"svg",
|
|
5930
6074
|
{
|
|
5931
6075
|
className: `w-4 h-4 text-primary-950 transition-transform ${isMonthPickerOpen ? "rotate-180" : ""}`,
|
|
5932
6076
|
fill: "none",
|
|
5933
6077
|
stroke: "currentColor",
|
|
5934
6078
|
viewBox: "0 0 24 24",
|
|
5935
|
-
children: /* @__PURE__ */ (0,
|
|
6079
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
5936
6080
|
"path",
|
|
5937
6081
|
{
|
|
5938
6082
|
strokeLinecap: "round",
|
|
@@ -5946,7 +6090,7 @@ var Calendar = ({
|
|
|
5946
6090
|
]
|
|
5947
6091
|
}
|
|
5948
6092
|
),
|
|
5949
|
-
isMonthPickerOpen && /* @__PURE__ */ (0,
|
|
6093
|
+
isMonthPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
5950
6094
|
MonthYearPicker,
|
|
5951
6095
|
{
|
|
5952
6096
|
monthPickerRef,
|
|
@@ -5957,21 +6101,21 @@ var Calendar = ({
|
|
|
5957
6101
|
}
|
|
5958
6102
|
)
|
|
5959
6103
|
] }),
|
|
5960
|
-
/* @__PURE__ */ (0,
|
|
5961
|
-
/* @__PURE__ */ (0,
|
|
6104
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-10", children: [
|
|
6105
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
5962
6106
|
"button",
|
|
5963
6107
|
{
|
|
5964
6108
|
onClick: goToPreviousMonth,
|
|
5965
6109
|
className: "p-1 rounded hover:bg-background-100 transition-colors",
|
|
5966
6110
|
"aria-label": "M\xEAs anterior",
|
|
5967
|
-
children: /* @__PURE__ */ (0,
|
|
6111
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
5968
6112
|
"svg",
|
|
5969
6113
|
{
|
|
5970
6114
|
className: "w-6 h-6 text-primary-950",
|
|
5971
6115
|
fill: "none",
|
|
5972
6116
|
stroke: "currentColor",
|
|
5973
6117
|
viewBox: "0 0 24 24",
|
|
5974
|
-
children: /* @__PURE__ */ (0,
|
|
6118
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
5975
6119
|
"path",
|
|
5976
6120
|
{
|
|
5977
6121
|
strokeLinecap: "round",
|
|
@@ -5984,20 +6128,20 @@ var Calendar = ({
|
|
|
5984
6128
|
)
|
|
5985
6129
|
}
|
|
5986
6130
|
),
|
|
5987
|
-
/* @__PURE__ */ (0,
|
|
6131
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
5988
6132
|
"button",
|
|
5989
6133
|
{
|
|
5990
6134
|
onClick: goToNextMonth,
|
|
5991
6135
|
className: "p-1 rounded hover:bg-background-100 transition-colors",
|
|
5992
6136
|
"aria-label": "Pr\xF3ximo m\xEAs",
|
|
5993
|
-
children: /* @__PURE__ */ (0,
|
|
6137
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
5994
6138
|
"svg",
|
|
5995
6139
|
{
|
|
5996
6140
|
className: "w-6 h-6 text-primary-950",
|
|
5997
6141
|
fill: "none",
|
|
5998
6142
|
stroke: "currentColor",
|
|
5999
6143
|
viewBox: "0 0 24 24",
|
|
6000
|
-
children: /* @__PURE__ */ (0,
|
|
6144
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6001
6145
|
"path",
|
|
6002
6146
|
{
|
|
6003
6147
|
strokeLinecap: "round",
|
|
@@ -6012,7 +6156,7 @@ var Calendar = ({
|
|
|
6012
6156
|
)
|
|
6013
6157
|
] })
|
|
6014
6158
|
] }),
|
|
6015
|
-
/* @__PURE__ */ (0,
|
|
6159
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "grid grid-cols-7 gap-1 mb-2 px-3", children: WEEK_DAYS_SHORT.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6016
6160
|
"div",
|
|
6017
6161
|
{
|
|
6018
6162
|
className: "h-9 flex items-center justify-center text-xs font-normal text-text-600",
|
|
@@ -6020,13 +6164,13 @@ var Calendar = ({
|
|
|
6020
6164
|
},
|
|
6021
6165
|
`${day}-${index}`
|
|
6022
6166
|
)) }),
|
|
6023
|
-
/* @__PURE__ */ (0,
|
|
6167
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "grid grid-cols-7 gap-1 px-3", children: calendarData.map((day) => {
|
|
6024
6168
|
if (!day.isCurrentMonth) {
|
|
6025
|
-
return /* @__PURE__ */ (0,
|
|
6169
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6026
6170
|
"div",
|
|
6027
6171
|
{
|
|
6028
6172
|
className: "flex items-center justify-center",
|
|
6029
|
-
children: /* @__PURE__ */ (0,
|
|
6173
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-9 h-9" })
|
|
6030
6174
|
},
|
|
6031
6175
|
day.date.getTime()
|
|
6032
6176
|
);
|
|
@@ -6042,11 +6186,11 @@ var Calendar = ({
|
|
|
6042
6186
|
} else if (day.isSelected) {
|
|
6043
6187
|
spanClass = "h-6 w-6 rounded-full bg-primary-950 text-text";
|
|
6044
6188
|
}
|
|
6045
|
-
return /* @__PURE__ */ (0,
|
|
6189
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6046
6190
|
"div",
|
|
6047
6191
|
{
|
|
6048
6192
|
className: "flex items-center justify-center",
|
|
6049
|
-
children: /* @__PURE__ */ (0,
|
|
6193
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6050
6194
|
"button",
|
|
6051
6195
|
{
|
|
6052
6196
|
className: `
|
|
@@ -6062,7 +6206,7 @@ var Calendar = ({
|
|
|
6062
6206
|
"aria-label": `${day.date.getDate()} de ${MONTH_NAMES[day.date.getMonth()]}`,
|
|
6063
6207
|
"aria-current": day.isToday ? "date" : void 0,
|
|
6064
6208
|
tabIndex: 0,
|
|
6065
|
-
children: /* @__PURE__ */ (0,
|
|
6209
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: spanClass, children: day.date.getDate() })
|
|
6066
6210
|
}
|
|
6067
6211
|
)
|
|
6068
6212
|
},
|
|
@@ -6071,28 +6215,28 @@ var Calendar = ({
|
|
|
6071
6215
|
}) })
|
|
6072
6216
|
] });
|
|
6073
6217
|
}
|
|
6074
|
-
return /* @__PURE__ */ (0,
|
|
6075
|
-
/* @__PURE__ */ (0,
|
|
6076
|
-
/* @__PURE__ */ (0,
|
|
6077
|
-
/* @__PURE__ */ (0,
|
|
6218
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: cn("bg-background rounded-xl p-4", className), children: [
|
|
6219
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between mb-3.5", children: [
|
|
6220
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative", ref: monthPickerContainerRef, children: [
|
|
6221
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
|
|
6078
6222
|
"button",
|
|
6079
6223
|
{
|
|
6080
6224
|
onClick: toggleMonthPicker,
|
|
6081
6225
|
className: "flex items-center gap-2 hover:bg-background-100 rounded px-2 py-1 transition-colors",
|
|
6082
6226
|
children: [
|
|
6083
|
-
/* @__PURE__ */ (0,
|
|
6227
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("h2", { className: "text-lg font-semibold text-text-950", children: [
|
|
6084
6228
|
MONTH_NAMES[currentDate.getMonth()],
|
|
6085
6229
|
" ",
|
|
6086
6230
|
currentDate.getFullYear()
|
|
6087
6231
|
] }),
|
|
6088
|
-
/* @__PURE__ */ (0,
|
|
6232
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6089
6233
|
"svg",
|
|
6090
6234
|
{
|
|
6091
6235
|
className: `w-4 h-4 text-text-400 transition-transform ${isMonthPickerOpen ? "rotate-180" : ""}`,
|
|
6092
6236
|
fill: "none",
|
|
6093
6237
|
stroke: "currentColor",
|
|
6094
6238
|
viewBox: "0 0 24 24",
|
|
6095
|
-
children: /* @__PURE__ */ (0,
|
|
6239
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6096
6240
|
"path",
|
|
6097
6241
|
{
|
|
6098
6242
|
strokeLinecap: "round",
|
|
@@ -6106,7 +6250,7 @@ var Calendar = ({
|
|
|
6106
6250
|
]
|
|
6107
6251
|
}
|
|
6108
6252
|
),
|
|
6109
|
-
isMonthPickerOpen && /* @__PURE__ */ (0,
|
|
6253
|
+
isMonthPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6110
6254
|
MonthYearPicker,
|
|
6111
6255
|
{
|
|
6112
6256
|
monthPickerRef,
|
|
@@ -6117,21 +6261,21 @@ var Calendar = ({
|
|
|
6117
6261
|
}
|
|
6118
6262
|
)
|
|
6119
6263
|
] }),
|
|
6120
|
-
/* @__PURE__ */ (0,
|
|
6121
|
-
/* @__PURE__ */ (0,
|
|
6264
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-1", children: [
|
|
6265
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6122
6266
|
"button",
|
|
6123
6267
|
{
|
|
6124
6268
|
onClick: goToPreviousMonth,
|
|
6125
6269
|
className: "p-1 rounded-md hover:bg-background-100 transition-colors",
|
|
6126
6270
|
"aria-label": "M\xEAs anterior",
|
|
6127
|
-
children: /* @__PURE__ */ (0,
|
|
6271
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6128
6272
|
"svg",
|
|
6129
6273
|
{
|
|
6130
6274
|
className: "w-6 h-6 text-primary-950",
|
|
6131
6275
|
fill: "none",
|
|
6132
6276
|
stroke: "currentColor",
|
|
6133
6277
|
viewBox: "0 0 24 24",
|
|
6134
|
-
children: /* @__PURE__ */ (0,
|
|
6278
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6135
6279
|
"path",
|
|
6136
6280
|
{
|
|
6137
6281
|
strokeLinecap: "round",
|
|
@@ -6144,20 +6288,20 @@ var Calendar = ({
|
|
|
6144
6288
|
)
|
|
6145
6289
|
}
|
|
6146
6290
|
),
|
|
6147
|
-
/* @__PURE__ */ (0,
|
|
6291
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6148
6292
|
"button",
|
|
6149
6293
|
{
|
|
6150
6294
|
onClick: goToNextMonth,
|
|
6151
6295
|
className: "p-1 rounded-md hover:bg-background-100 transition-colors",
|
|
6152
6296
|
"aria-label": "Pr\xF3ximo m\xEAs",
|
|
6153
|
-
children: /* @__PURE__ */ (0,
|
|
6297
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6154
6298
|
"svg",
|
|
6155
6299
|
{
|
|
6156
6300
|
className: "w-6 h-6 text-primary-950",
|
|
6157
6301
|
fill: "none",
|
|
6158
6302
|
stroke: "currentColor",
|
|
6159
6303
|
viewBox: "0 0 24 24",
|
|
6160
|
-
children: /* @__PURE__ */ (0,
|
|
6304
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6161
6305
|
"path",
|
|
6162
6306
|
{
|
|
6163
6307
|
strokeLinecap: "round",
|
|
@@ -6172,7 +6316,7 @@ var Calendar = ({
|
|
|
6172
6316
|
)
|
|
6173
6317
|
] })
|
|
6174
6318
|
] }),
|
|
6175
|
-
/* @__PURE__ */ (0,
|
|
6319
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "grid grid-cols-7 mb-2", children: WEEK_DAYS.map((day) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6176
6320
|
"div",
|
|
6177
6321
|
{
|
|
6178
6322
|
className: "h-4 flex items-center justify-center text-xs font-semibold text-text-500",
|
|
@@ -6180,13 +6324,13 @@ var Calendar = ({
|
|
|
6180
6324
|
},
|
|
6181
6325
|
day
|
|
6182
6326
|
)) }),
|
|
6183
|
-
/* @__PURE__ */ (0,
|
|
6327
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "grid grid-cols-7", children: calendarData.map((day) => {
|
|
6184
6328
|
if (!day.isCurrentMonth) {
|
|
6185
|
-
return /* @__PURE__ */ (0,
|
|
6329
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6186
6330
|
"div",
|
|
6187
6331
|
{
|
|
6188
6332
|
className: "flex items-center justify-center",
|
|
6189
|
-
children: /* @__PURE__ */ (0,
|
|
6333
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-10 h-10" })
|
|
6190
6334
|
},
|
|
6191
6335
|
day.date.getTime()
|
|
6192
6336
|
);
|
|
@@ -6196,11 +6340,11 @@ var Calendar = ({
|
|
|
6196
6340
|
variant,
|
|
6197
6341
|
showActivities
|
|
6198
6342
|
);
|
|
6199
|
-
return /* @__PURE__ */ (0,
|
|
6343
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6200
6344
|
"div",
|
|
6201
6345
|
{
|
|
6202
6346
|
className: "flex items-center justify-center",
|
|
6203
|
-
children: /* @__PURE__ */ (0,
|
|
6347
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
6204
6348
|
"button",
|
|
6205
6349
|
{
|
|
6206
6350
|
className: `
|
|
@@ -6230,7 +6374,7 @@ var Calendar_default = Calendar;
|
|
|
6230
6374
|
|
|
6231
6375
|
// src/components/AlertDialog/AlertDialog.tsx
|
|
6232
6376
|
var import_react23 = require("react");
|
|
6233
|
-
var
|
|
6377
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
6234
6378
|
var SIZE_CLASSES11 = {
|
|
6235
6379
|
"extra-small": "w-screen max-w-[324px]",
|
|
6236
6380
|
small: "w-screen max-w-[378px]",
|
|
@@ -6295,14 +6439,14 @@ var AlertDialog = (0, import_react23.forwardRef)(
|
|
|
6295
6439
|
onCancel?.(cancelValue);
|
|
6296
6440
|
};
|
|
6297
6441
|
const sizeClasses = SIZE_CLASSES11[size];
|
|
6298
|
-
return /* @__PURE__ */ (0,
|
|
6442
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
6299
6443
|
"div",
|
|
6300
6444
|
{
|
|
6301
6445
|
className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm",
|
|
6302
6446
|
onClick: handleBackdropClick,
|
|
6303
6447
|
onKeyDown: handleBackdropKeyDown,
|
|
6304
6448
|
"data-testid": "alert-dialog-overlay",
|
|
6305
|
-
children: /* @__PURE__ */ (0,
|
|
6449
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
6306
6450
|
"div",
|
|
6307
6451
|
{
|
|
6308
6452
|
ref,
|
|
@@ -6313,7 +6457,7 @@ var AlertDialog = (0, import_react23.forwardRef)(
|
|
|
6313
6457
|
),
|
|
6314
6458
|
...props,
|
|
6315
6459
|
children: [
|
|
6316
|
-
/* @__PURE__ */ (0,
|
|
6460
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
6317
6461
|
"h2",
|
|
6318
6462
|
{
|
|
6319
6463
|
id: "alert-dialog-title",
|
|
@@ -6321,7 +6465,7 @@ var AlertDialog = (0, import_react23.forwardRef)(
|
|
|
6321
6465
|
children: title
|
|
6322
6466
|
}
|
|
6323
6467
|
),
|
|
6324
|
-
/* @__PURE__ */ (0,
|
|
6468
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
6325
6469
|
"p",
|
|
6326
6470
|
{
|
|
6327
6471
|
id: "alert-dialog-description",
|
|
@@ -6329,9 +6473,9 @@ var AlertDialog = (0, import_react23.forwardRef)(
|
|
|
6329
6473
|
children: description
|
|
6330
6474
|
}
|
|
6331
6475
|
),
|
|
6332
|
-
/* @__PURE__ */ (0,
|
|
6333
|
-
/* @__PURE__ */ (0,
|
|
6334
|
-
/* @__PURE__ */ (0,
|
|
6476
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-row items-center justify-end pt-4 gap-3", children: [
|
|
6477
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
|
|
6478
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
6335
6479
|
Button_default,
|
|
6336
6480
|
{
|
|
6337
6481
|
variant: "solid",
|
|
@@ -6353,11 +6497,11 @@ AlertDialog.displayName = "AlertDialog";
|
|
|
6353
6497
|
|
|
6354
6498
|
// src/components/LoadingModal/loadingModal.tsx
|
|
6355
6499
|
var import_react24 = require("react");
|
|
6356
|
-
var
|
|
6500
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
6357
6501
|
var LoadingModal = (0, import_react24.forwardRef)(
|
|
6358
6502
|
({ open, title = "Titulo...", subtitle = "Subtitulo...", ...props }, ref) => {
|
|
6359
6503
|
if (!open) return null;
|
|
6360
|
-
return /* @__PURE__ */ (0,
|
|
6504
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
6361
6505
|
"div",
|
|
6362
6506
|
{
|
|
6363
6507
|
ref,
|
|
@@ -6366,8 +6510,8 @@ var LoadingModal = (0, import_react24.forwardRef)(
|
|
|
6366
6510
|
"aria-describedby": "loading-modal-subtitle",
|
|
6367
6511
|
className: "fixed inset-0 z-50 flex items-center justify-center bg-background/90 backdrop-blur-xs",
|
|
6368
6512
|
...props,
|
|
6369
|
-
children: /* @__PURE__ */ (0,
|
|
6370
|
-
/* @__PURE__ */ (0,
|
|
6513
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "w-full max-w-[364px] flex flex-col items-center justify-center gap-14", children: [
|
|
6514
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "animate-spin", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
|
|
6371
6515
|
"svg",
|
|
6372
6516
|
{
|
|
6373
6517
|
width: "102",
|
|
@@ -6378,14 +6522,14 @@ var LoadingModal = (0, import_react24.forwardRef)(
|
|
|
6378
6522
|
"aria-hidden": "true",
|
|
6379
6523
|
focusable: false,
|
|
6380
6524
|
children: [
|
|
6381
|
-
/* @__PURE__ */ (0,
|
|
6525
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
6382
6526
|
"path",
|
|
6383
6527
|
{
|
|
6384
6528
|
d: "M101.5 51C101.5 78.8904 78.8904 101.5 51 101.5C23.1096 101.5 0.5 78.8904 0.5 51C0.5 23.1096 23.1096 0.5 51 0.5C78.8904 0.5 101.5 23.1096 101.5 51ZM8.62286 51C8.62286 74.4043 27.5957 93.3771 51 93.3771C74.4043 93.3771 93.3771 74.4043 93.3771 51C93.3771 27.5957 74.4043 8.62286 51 8.62286C27.5957 8.62286 8.62286 27.5957 8.62286 51Z",
|
|
6385
6529
|
className: "fill-primary-100"
|
|
6386
6530
|
}
|
|
6387
6531
|
),
|
|
6388
|
-
/* @__PURE__ */ (0,
|
|
6532
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
6389
6533
|
"path",
|
|
6390
6534
|
{
|
|
6391
6535
|
d: "M97.4386 51C99.6816 51 101.517 52.8213 101.337 55.0571C100.754 62.2833 98.6212 69.3162 95.0643 75.6696C90.8444 83.207 84.7616 89.536 77.3975 94.0514C70.0333 98.5668 61.6339 101.118 53.0024 101.46C44.371 101.803 35.7959 99.9255 28.0971 96.0078C20.3982 92.0902 13.833 86.2631 9.02917 79.0838C4.22529 71.9045 1.34332 63.6129 0.658804 55.0017C-0.0257159 46.3906 1.51009 37.7479 5.1194 29.8997C8.16173 23.2845 12.5915 17.4202 18.0904 12.6959C19.7917 11.2341 22.3444 11.6457 23.6647 13.459C24.9851 15.2723 24.5702 17.7988 22.8916 19.2866C18.5048 23.1747 14.9608 27.9413 12.4992 33.2937C9.47048 39.8794 8.1817 47.132 8.75612 54.3581C9.33053 61.5841 11.7489 68.542 15.7801 74.5666C19.8113 80.5911 25.3205 85.4809 31.781 88.7684C38.2414 92.0559 45.4372 93.6312 52.6804 93.3438C59.9235 93.0564 66.9718 90.9158 73.1515 87.1267C79.3311 83.3375 84.4355 78.0266 87.9766 71.7015C90.8546 66.561 92.6217 60.8903 93.1827 55.0553C93.3973 52.8225 95.1955 51 97.4386 51Z",
|
|
@@ -6395,9 +6539,9 @@ var LoadingModal = (0, import_react24.forwardRef)(
|
|
|
6395
6539
|
]
|
|
6396
6540
|
}
|
|
6397
6541
|
) }),
|
|
6398
|
-
/* @__PURE__ */ (0,
|
|
6399
|
-
/* @__PURE__ */ (0,
|
|
6400
|
-
/* @__PURE__ */ (0,
|
|
6542
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "flex flex-col gap-4 text-center", children: [
|
|
6543
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { id: "loading-modal-title", className: "text-text-950 text-lg", children: title }),
|
|
6544
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { id: "loading-modal-subtitle", className: "text-text-600 text-lg", children: subtitle })
|
|
6401
6545
|
] })
|
|
6402
6546
|
] })
|
|
6403
6547
|
}
|
|
@@ -6412,7 +6556,7 @@ var import_react27 = require("react");
|
|
|
6412
6556
|
|
|
6413
6557
|
// src/components/Skeleton/Skeleton.tsx
|
|
6414
6558
|
var import_react25 = require("react");
|
|
6415
|
-
var
|
|
6559
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
6416
6560
|
var SKELETON_ANIMATION_CLASSES = {
|
|
6417
6561
|
pulse: "animate-pulse",
|
|
6418
6562
|
none: ""
|
|
@@ -6449,13 +6593,13 @@ var Skeleton = (0, import_react25.forwardRef)(
|
|
|
6449
6593
|
height: typeof height === "number" ? `${height}px` : height
|
|
6450
6594
|
};
|
|
6451
6595
|
if (variant === "text" && lines > 1) {
|
|
6452
|
-
return /* @__PURE__ */ (0,
|
|
6596
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
6453
6597
|
"div",
|
|
6454
6598
|
{
|
|
6455
6599
|
ref,
|
|
6456
6600
|
className: cn("flex flex-col", spacingClass, className),
|
|
6457
6601
|
...props,
|
|
6458
|
-
children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ (0,
|
|
6602
|
+
children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
6459
6603
|
"div",
|
|
6460
6604
|
{
|
|
6461
6605
|
className: cn(variantClass, animationClass),
|
|
@@ -6466,7 +6610,7 @@ var Skeleton = (0, import_react25.forwardRef)(
|
|
|
6466
6610
|
}
|
|
6467
6611
|
);
|
|
6468
6612
|
}
|
|
6469
|
-
return /* @__PURE__ */ (0,
|
|
6613
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
6470
6614
|
"div",
|
|
6471
6615
|
{
|
|
6472
6616
|
ref,
|
|
@@ -6479,11 +6623,11 @@ var Skeleton = (0, import_react25.forwardRef)(
|
|
|
6479
6623
|
}
|
|
6480
6624
|
);
|
|
6481
6625
|
var SkeletonText = (0, import_react25.forwardRef)(
|
|
6482
|
-
(props, ref) => /* @__PURE__ */ (0,
|
|
6626
|
+
(props, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Skeleton, { ref, variant: "text", ...props })
|
|
6483
6627
|
);
|
|
6484
|
-
var SkeletonCircle = (0, import_react25.forwardRef)((props, ref) => /* @__PURE__ */ (0,
|
|
6485
|
-
var SkeletonRectangle = (0, import_react25.forwardRef)((props, ref) => /* @__PURE__ */ (0,
|
|
6486
|
-
var SkeletonRounded = (0, import_react25.forwardRef)((props, ref) => /* @__PURE__ */ (0,
|
|
6628
|
+
var SkeletonCircle = (0, import_react25.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Skeleton, { ref, variant: "circular", ...props }));
|
|
6629
|
+
var SkeletonRectangle = (0, import_react25.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Skeleton, { ref, variant: "rectangular", ...props }));
|
|
6630
|
+
var SkeletonRounded = (0, import_react25.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Skeleton, { ref, variant: "rounded", ...props }));
|
|
6487
6631
|
var SkeletonCard = (0, import_react25.forwardRef)(
|
|
6488
6632
|
({
|
|
6489
6633
|
showAvatar = true,
|
|
@@ -6494,7 +6638,7 @@ var SkeletonCard = (0, import_react25.forwardRef)(
|
|
|
6494
6638
|
className = "",
|
|
6495
6639
|
...props
|
|
6496
6640
|
}, ref) => {
|
|
6497
|
-
return /* @__PURE__ */ (0,
|
|
6641
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
6498
6642
|
"div",
|
|
6499
6643
|
{
|
|
6500
6644
|
ref,
|
|
@@ -6504,16 +6648,16 @@ var SkeletonCard = (0, import_react25.forwardRef)(
|
|
|
6504
6648
|
),
|
|
6505
6649
|
...props,
|
|
6506
6650
|
children: [
|
|
6507
|
-
/* @__PURE__ */ (0,
|
|
6508
|
-
showAvatar && /* @__PURE__ */ (0,
|
|
6509
|
-
/* @__PURE__ */ (0,
|
|
6510
|
-
showTitle && /* @__PURE__ */ (0,
|
|
6511
|
-
showDescription && /* @__PURE__ */ (0,
|
|
6651
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-start space-x-3", children: [
|
|
6652
|
+
showAvatar && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonCircle, { width: 40, height: 40 }),
|
|
6653
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex-1 space-y-2", children: [
|
|
6654
|
+
showTitle && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonText, { width: "60%", height: 20 }),
|
|
6655
|
+
showDescription && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonText, { lines, spacing: "small" })
|
|
6512
6656
|
] })
|
|
6513
6657
|
] }),
|
|
6514
|
-
showActions && /* @__PURE__ */ (0,
|
|
6515
|
-
/* @__PURE__ */ (0,
|
|
6516
|
-
/* @__PURE__ */ (0,
|
|
6658
|
+
showActions && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex justify-end space-x-2 mt-4", children: [
|
|
6659
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonRectangle, { width: 80, height: 32 }),
|
|
6660
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonRectangle, { width: 80, height: 32 })
|
|
6517
6661
|
] })
|
|
6518
6662
|
]
|
|
6519
6663
|
}
|
|
@@ -6530,19 +6674,19 @@ var SkeletonList = (0, import_react25.forwardRef)(
|
|
|
6530
6674
|
className = "",
|
|
6531
6675
|
...props
|
|
6532
6676
|
}, ref) => {
|
|
6533
|
-
return /* @__PURE__ */ (0,
|
|
6534
|
-
showAvatar && /* @__PURE__ */ (0,
|
|
6535
|
-
/* @__PURE__ */ (0,
|
|
6536
|
-
showTitle && /* @__PURE__ */ (0,
|
|
6537
|
-
showDescription && /* @__PURE__ */ (0,
|
|
6677
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-start space-x-3 p-3", children: [
|
|
6678
|
+
showAvatar && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonCircle, { width: 32, height: 32 }),
|
|
6679
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex-1 space-y-2", children: [
|
|
6680
|
+
showTitle && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonText, { width: "40%", height: 16 }),
|
|
6681
|
+
showDescription && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SkeletonText, { lines, spacing: "small" })
|
|
6538
6682
|
] })
|
|
6539
6683
|
] }, index)) });
|
|
6540
6684
|
}
|
|
6541
6685
|
);
|
|
6542
6686
|
var SkeletonTable = (0, import_react25.forwardRef)(
|
|
6543
6687
|
({ rows = 5, columns = 4, showHeader = true, className = "", ...props }, ref) => {
|
|
6544
|
-
return /* @__PURE__ */ (0,
|
|
6545
|
-
showHeader && /* @__PURE__ */ (0,
|
|
6688
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { ref, className: cn("w-full", className), ...props, children: [
|
|
6689
|
+
showHeader && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex space-x-2 mb-3", children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
6546
6690
|
SkeletonText,
|
|
6547
6691
|
{
|
|
6548
6692
|
width: `${100 / columns}%`,
|
|
@@ -6550,7 +6694,7 @@ var SkeletonTable = (0, import_react25.forwardRef)(
|
|
|
6550
6694
|
},
|
|
6551
6695
|
index
|
|
6552
6696
|
)) }),
|
|
6553
|
-
/* @__PURE__ */ (0,
|
|
6697
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-2", children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex space-x-2", children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
6554
6698
|
SkeletonText,
|
|
6555
6699
|
{
|
|
6556
6700
|
width: `${100 / columns}%`,
|
|
@@ -6887,14 +7031,14 @@ var createNotificationStore = (apiClient) => {
|
|
|
6887
7031
|
var mock_content_default = "./mock-content-K2CDVG6P.png";
|
|
6888
7032
|
|
|
6889
7033
|
// src/components/NotificationCard/NotificationCard.tsx
|
|
6890
|
-
var
|
|
7034
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
6891
7035
|
var NotificationEmpty = ({
|
|
6892
7036
|
emptyStateImage,
|
|
6893
7037
|
emptyStateTitle = "Nenhuma notifica\xE7\xE3o no momento",
|
|
6894
7038
|
emptyStateDescription = "Voc\xEA est\xE1 em dia com todas as novidades. Volte depois para conferir atualiza\xE7\xF5es!"
|
|
6895
7039
|
}) => {
|
|
6896
|
-
return /* @__PURE__ */ (0,
|
|
6897
|
-
emptyStateImage && /* @__PURE__ */ (0,
|
|
7040
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col items-center justify-center gap-4 p-6 w-full", children: [
|
|
7041
|
+
emptyStateImage && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "w-20 h-20 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
6898
7042
|
"img",
|
|
6899
7043
|
{
|
|
6900
7044
|
src: emptyStateImage,
|
|
@@ -6904,23 +7048,23 @@ var NotificationEmpty = ({
|
|
|
6904
7048
|
className: "object-contain"
|
|
6905
7049
|
}
|
|
6906
7050
|
) }),
|
|
6907
|
-
/* @__PURE__ */ (0,
|
|
6908
|
-
/* @__PURE__ */ (0,
|
|
7051
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "text-xl font-semibold text-text-950 text-center leading-[23px]", children: emptyStateTitle }),
|
|
7052
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm font-normal text-text-400 text-center max-w-[316px] leading-[21px]", children: emptyStateDescription })
|
|
6909
7053
|
] });
|
|
6910
7054
|
};
|
|
6911
7055
|
var NotificationHeader = ({
|
|
6912
7056
|
unreadCount,
|
|
6913
7057
|
variant = "modal"
|
|
6914
7058
|
}) => {
|
|
6915
|
-
return /* @__PURE__ */ (0,
|
|
6916
|
-
variant === "modal" ? /* @__PURE__ */ (0,
|
|
6917
|
-
unreadCount > 0 && /* @__PURE__ */ (0,
|
|
7059
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
|
|
7060
|
+
variant === "modal" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950", children: "Notifica\xE7\xF5es" }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "text-sm font-semibold text-text-950", children: "Notifica\xE7\xF5es" }),
|
|
7061
|
+
unreadCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
6918
7062
|
Badge_default,
|
|
6919
7063
|
{
|
|
6920
7064
|
variant: "solid",
|
|
6921
7065
|
action: "info",
|
|
6922
7066
|
size: "small",
|
|
6923
|
-
iconLeft: /* @__PURE__ */ (0,
|
|
7067
|
+
iconLeft: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react18.Bell, { size: 12, "aria-hidden": "true", focusable: "false" }),
|
|
6924
7068
|
className: "border-0",
|
|
6925
7069
|
children: unreadCount === 1 ? "1 n\xE3o lida" : `${unreadCount} n\xE3o lidas`
|
|
6926
7070
|
}
|
|
@@ -6956,7 +7100,7 @@ var SingleNotificationCard = ({
|
|
|
6956
7100
|
onNavigate();
|
|
6957
7101
|
}
|
|
6958
7102
|
};
|
|
6959
|
-
return /* @__PURE__ */ (0,
|
|
7103
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
6960
7104
|
"div",
|
|
6961
7105
|
{
|
|
6962
7106
|
className: cn(
|
|
@@ -6965,20 +7109,20 @@ var SingleNotificationCard = ({
|
|
|
6965
7109
|
className
|
|
6966
7110
|
),
|
|
6967
7111
|
children: [
|
|
6968
|
-
/* @__PURE__ */ (0,
|
|
6969
|
-
!isRead && /* @__PURE__ */ (0,
|
|
6970
|
-
/* @__PURE__ */ (0,
|
|
6971
|
-
/* @__PURE__ */ (0,
|
|
6972
|
-
/* @__PURE__ */ (0,
|
|
7112
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2 w-full", children: [
|
|
7113
|
+
!isRead && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "w-[7px] h-[7px] bg-info-300 rounded-full flex-shrink-0" }),
|
|
7114
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "font-bold text-sm leading-4 text-text-950 flex-grow", children: title }),
|
|
7115
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(DropdownMenu_default, { children: [
|
|
7116
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
6973
7117
|
DropdownMenuTrigger,
|
|
6974
7118
|
{
|
|
6975
7119
|
className: "flex-shrink-0 inline-flex items-center justify-center font-medium bg-transparent text-text-950 cursor-pointer hover:bg-info-50 w-6 h-6 rounded-lg",
|
|
6976
7120
|
"aria-label": "Menu de a\xE7\xF5es",
|
|
6977
|
-
children: /* @__PURE__ */ (0,
|
|
7121
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react18.DotsThreeVertical, { size: 24 })
|
|
6978
7122
|
}
|
|
6979
7123
|
),
|
|
6980
|
-
/* @__PURE__ */ (0,
|
|
6981
|
-
!isRead && /* @__PURE__ */ (0,
|
|
7124
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(DropdownMenuContent, { align: "end", className: "min-w-[160px]", children: [
|
|
7125
|
+
!isRead && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
6982
7126
|
DropdownMenuItem,
|
|
6983
7127
|
{
|
|
6984
7128
|
onClick: handleMarkAsRead,
|
|
@@ -6986,14 +7130,14 @@ var SingleNotificationCard = ({
|
|
|
6986
7130
|
children: "Marcar como lida"
|
|
6987
7131
|
}
|
|
6988
7132
|
),
|
|
6989
|
-
/* @__PURE__ */ (0,
|
|
7133
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropdownMenuItem, { onClick: handleDelete, className: "text-error-600", children: "Deletar" })
|
|
6990
7134
|
] })
|
|
6991
7135
|
] })
|
|
6992
7136
|
] }),
|
|
6993
|
-
/* @__PURE__ */ (0,
|
|
6994
|
-
/* @__PURE__ */ (0,
|
|
6995
|
-
/* @__PURE__ */ (0,
|
|
6996
|
-
onNavigate && actionLabel && /* @__PURE__ */ (0,
|
|
7137
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm leading-[21px] text-text-800 w-full", children: message }),
|
|
7138
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
|
|
7139
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm font-medium text-text-400", children: time }),
|
|
7140
|
+
onNavigate && actionLabel && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
6997
7141
|
"button",
|
|
6998
7142
|
{
|
|
6999
7143
|
type: "button",
|
|
@@ -7033,9 +7177,9 @@ var NotificationList = ({
|
|
|
7033
7177
|
}
|
|
7034
7178
|
};
|
|
7035
7179
|
if (error) {
|
|
7036
|
-
return /* @__PURE__ */ (0,
|
|
7037
|
-
/* @__PURE__ */ (0,
|
|
7038
|
-
onRetry && /* @__PURE__ */ (0,
|
|
7180
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: [
|
|
7181
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm text-error-600", children: error }),
|
|
7182
|
+
onRetry && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7039
7183
|
"button",
|
|
7040
7184
|
{
|
|
7041
7185
|
type: "button",
|
|
@@ -7047,8 +7191,8 @@ var NotificationList = ({
|
|
|
7047
7191
|
] });
|
|
7048
7192
|
}
|
|
7049
7193
|
if (loading) {
|
|
7050
|
-
return /* @__PURE__ */ (0,
|
|
7051
|
-
(skeletonId) => /* @__PURE__ */ (0,
|
|
7194
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex flex-col gap-0 w-full", children: ["skeleton-first", "skeleton-second", "skeleton-third"].map(
|
|
7195
|
+
(skeletonId) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7052
7196
|
SkeletonCard,
|
|
7053
7197
|
{
|
|
7054
7198
|
className: "p-4 border-b border-border-200"
|
|
@@ -7058,11 +7202,11 @@ var NotificationList = ({
|
|
|
7058
7202
|
) });
|
|
7059
7203
|
}
|
|
7060
7204
|
if (!groupedNotifications || groupedNotifications.length === 0) {
|
|
7061
|
-
return renderEmpty ? /* @__PURE__ */ (0,
|
|
7205
|
+
return renderEmpty ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "w-full", children: renderEmpty() }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(NotificationEmpty, {});
|
|
7062
7206
|
}
|
|
7063
|
-
return /* @__PURE__ */ (0,
|
|
7064
|
-
groupedNotifications.map((group, idx) => /* @__PURE__ */ (0,
|
|
7065
|
-
/* @__PURE__ */ (0,
|
|
7207
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cn("flex flex-col gap-0 w-full", className), children: [
|
|
7208
|
+
groupedNotifications.map((group, idx) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col", children: [
|
|
7209
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex items-end px-4 py-6 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h4", { className: "text-lg font-bold text-text-500 flex-grow", children: group.label }) }),
|
|
7066
7210
|
group.notifications.map((notification) => {
|
|
7067
7211
|
const isGlobalNotification = !notification.entityType && !notification.entityId && !notification.activity && !notification.goal;
|
|
7068
7212
|
let navigationHandler;
|
|
@@ -7082,7 +7226,7 @@ var NotificationList = ({
|
|
|
7082
7226
|
notification.entityType ?? void 0
|
|
7083
7227
|
);
|
|
7084
7228
|
}
|
|
7085
|
-
return /* @__PURE__ */ (0,
|
|
7229
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7086
7230
|
SingleNotificationCard,
|
|
7087
7231
|
{
|
|
7088
7232
|
title: notification.title,
|
|
@@ -7098,7 +7242,7 @@ var NotificationList = ({
|
|
|
7098
7242
|
);
|
|
7099
7243
|
})
|
|
7100
7244
|
] }, `${group.label}-${idx}`)),
|
|
7101
|
-
/* @__PURE__ */ (0,
|
|
7245
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7102
7246
|
Modal_default,
|
|
7103
7247
|
{
|
|
7104
7248
|
isOpen: globalNotificationModal.isOpen,
|
|
@@ -7156,7 +7300,7 @@ var NotificationCenter = ({
|
|
|
7156
7300
|
onFetchNotifications?.();
|
|
7157
7301
|
}
|
|
7158
7302
|
}, [isActive, onFetchNotifications]);
|
|
7159
|
-
const renderEmptyState = () => /* @__PURE__ */ (0,
|
|
7303
|
+
const renderEmptyState = () => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7160
7304
|
NotificationEmpty,
|
|
7161
7305
|
{
|
|
7162
7306
|
emptyStateImage,
|
|
@@ -7165,17 +7309,17 @@ var NotificationCenter = ({
|
|
|
7165
7309
|
}
|
|
7166
7310
|
);
|
|
7167
7311
|
if (isMobile) {
|
|
7168
|
-
return /* @__PURE__ */ (0,
|
|
7169
|
-
/* @__PURE__ */ (0,
|
|
7312
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
|
|
7313
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7170
7314
|
IconButton_default,
|
|
7171
7315
|
{
|
|
7172
7316
|
active: isModalOpen,
|
|
7173
7317
|
onClick: handleMobileClick,
|
|
7174
|
-
icon: /* @__PURE__ */ (0,
|
|
7318
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react18.Bell, { size: 24, className: "text-primary" }),
|
|
7175
7319
|
className
|
|
7176
7320
|
}
|
|
7177
7321
|
),
|
|
7178
|
-
/* @__PURE__ */ (0,
|
|
7322
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7179
7323
|
Modal_default,
|
|
7180
7324
|
{
|
|
7181
7325
|
isOpen: isModalOpen,
|
|
@@ -7184,10 +7328,10 @@ var NotificationCenter = ({
|
|
|
7184
7328
|
size: "md",
|
|
7185
7329
|
hideCloseButton: false,
|
|
7186
7330
|
closeOnEscape: true,
|
|
7187
|
-
children: /* @__PURE__ */ (0,
|
|
7188
|
-
/* @__PURE__ */ (0,
|
|
7189
|
-
/* @__PURE__ */ (0,
|
|
7190
|
-
unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0,
|
|
7331
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col h-full max-h-[80vh]", children: [
|
|
7332
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "px-0 pb-3 border-b border-border-200", children: [
|
|
7333
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(NotificationHeader, { unreadCount, variant: "modal" }),
|
|
7334
|
+
unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7191
7335
|
"button",
|
|
7192
7336
|
{
|
|
7193
7337
|
type: "button",
|
|
@@ -7197,7 +7341,7 @@ var NotificationCenter = ({
|
|
|
7197
7341
|
}
|
|
7198
7342
|
)
|
|
7199
7343
|
] }),
|
|
7200
|
-
/* @__PURE__ */ (0,
|
|
7344
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7201
7345
|
NotificationList,
|
|
7202
7346
|
{
|
|
7203
7347
|
groupedNotifications,
|
|
@@ -7225,7 +7369,7 @@ var NotificationCenter = ({
|
|
|
7225
7369
|
] })
|
|
7226
7370
|
}
|
|
7227
7371
|
),
|
|
7228
|
-
/* @__PURE__ */ (0,
|
|
7372
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7229
7373
|
Modal_default,
|
|
7230
7374
|
{
|
|
7231
7375
|
isOpen: globalNotificationModal.isOpen,
|
|
@@ -7241,18 +7385,18 @@ var NotificationCenter = ({
|
|
|
7241
7385
|
)
|
|
7242
7386
|
] });
|
|
7243
7387
|
}
|
|
7244
|
-
return /* @__PURE__ */ (0,
|
|
7245
|
-
/* @__PURE__ */ (0,
|
|
7388
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
|
|
7389
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
7246
7390
|
DropdownMenu_default,
|
|
7247
7391
|
{
|
|
7248
7392
|
...typeof isActive === "boolean" ? { open: isActive, onOpenChange: handleOpenChange } : { onOpenChange: handleOpenChange },
|
|
7249
7393
|
children: [
|
|
7250
|
-
/* @__PURE__ */ (0,
|
|
7394
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DropdownMenuTrigger, { className: "text-primary cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7251
7395
|
IconButton_default,
|
|
7252
7396
|
{
|
|
7253
7397
|
active: isActive,
|
|
7254
7398
|
onClick: handleDesktopClick,
|
|
7255
|
-
icon: /* @__PURE__ */ (0,
|
|
7399
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7256
7400
|
import_phosphor_react18.Bell,
|
|
7257
7401
|
{
|
|
7258
7402
|
size: 24,
|
|
@@ -7262,22 +7406,22 @@ var NotificationCenter = ({
|
|
|
7262
7406
|
className
|
|
7263
7407
|
}
|
|
7264
7408
|
) }),
|
|
7265
|
-
/* @__PURE__ */ (0,
|
|
7409
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7266
7410
|
DropdownMenuContent,
|
|
7267
7411
|
{
|
|
7268
7412
|
className: "min-w-[320px] max-w-[400px] max-h-[500px] overflow-hidden",
|
|
7269
7413
|
side: "bottom",
|
|
7270
7414
|
align: "end",
|
|
7271
|
-
children: /* @__PURE__ */ (0,
|
|
7272
|
-
/* @__PURE__ */ (0,
|
|
7273
|
-
/* @__PURE__ */ (0,
|
|
7415
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col", children: [
|
|
7416
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "px-4 py-3 border-b border-border-200", children: [
|
|
7417
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7274
7418
|
NotificationHeader,
|
|
7275
7419
|
{
|
|
7276
7420
|
unreadCount,
|
|
7277
7421
|
variant: "dropdown"
|
|
7278
7422
|
}
|
|
7279
7423
|
),
|
|
7280
|
-
unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0,
|
|
7424
|
+
unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7281
7425
|
"button",
|
|
7282
7426
|
{
|
|
7283
7427
|
type: "button",
|
|
@@ -7287,7 +7431,7 @@ var NotificationCenter = ({
|
|
|
7287
7431
|
}
|
|
7288
7432
|
)
|
|
7289
7433
|
] }),
|
|
7290
|
-
/* @__PURE__ */ (0,
|
|
7434
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7291
7435
|
NotificationList,
|
|
7292
7436
|
{
|
|
7293
7437
|
groupedNotifications,
|
|
@@ -7314,7 +7458,7 @@ var NotificationCenter = ({
|
|
|
7314
7458
|
]
|
|
7315
7459
|
}
|
|
7316
7460
|
),
|
|
7317
|
-
/* @__PURE__ */ (0,
|
|
7461
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7318
7462
|
Modal_default,
|
|
7319
7463
|
{
|
|
7320
7464
|
isOpen: globalNotificationModal.isOpen,
|
|
@@ -7333,7 +7477,7 @@ var NotificationCenter = ({
|
|
|
7333
7477
|
var NotificationCard = (props) => {
|
|
7334
7478
|
switch (props.mode) {
|
|
7335
7479
|
case "single":
|
|
7336
|
-
return /* @__PURE__ */ (0,
|
|
7480
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7337
7481
|
SingleNotificationCard,
|
|
7338
7482
|
{
|
|
7339
7483
|
title: props.title,
|
|
@@ -7348,7 +7492,7 @@ var NotificationCard = (props) => {
|
|
|
7348
7492
|
}
|
|
7349
7493
|
);
|
|
7350
7494
|
case "list":
|
|
7351
|
-
return /* @__PURE__ */ (0,
|
|
7495
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7352
7496
|
NotificationList,
|
|
7353
7497
|
{
|
|
7354
7498
|
groupedNotifications: props.groupedNotifications ?? (props.notifications ? [
|
|
@@ -7371,19 +7515,19 @@ var NotificationCard = (props) => {
|
|
|
7371
7515
|
}
|
|
7372
7516
|
);
|
|
7373
7517
|
case "center":
|
|
7374
|
-
return /* @__PURE__ */ (0,
|
|
7518
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(NotificationCenter, { ...props });
|
|
7375
7519
|
default:
|
|
7376
|
-
return /* @__PURE__ */ (0,
|
|
7520
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex flex-col items-center gap-4 p-6 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm text-text-600", children: "Modo de notifica\xE7\xE3o n\xE3o reconhecido" }) });
|
|
7377
7521
|
}
|
|
7378
7522
|
};
|
|
7379
7523
|
var NotificationCard_default = NotificationCard;
|
|
7380
7524
|
|
|
7381
7525
|
// src/assets/icons/subjects/BookOpenText.tsx
|
|
7382
|
-
var
|
|
7526
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
7383
7527
|
var BookOpenText = ({
|
|
7384
7528
|
size,
|
|
7385
7529
|
color
|
|
7386
|
-
}) => /* @__PURE__ */ (0,
|
|
7530
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
7387
7531
|
"svg",
|
|
7388
7532
|
{
|
|
7389
7533
|
width: size,
|
|
@@ -7391,7 +7535,7 @@ var BookOpenText = ({
|
|
|
7391
7535
|
viewBox: "0 0 32 32",
|
|
7392
7536
|
fill: "none",
|
|
7393
7537
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7394
|
-
children: /* @__PURE__ */ (0,
|
|
7538
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
7395
7539
|
"path",
|
|
7396
7540
|
{
|
|
7397
7541
|
d: "M29 6H20C19.2238 6 18.4582 6.18073 17.7639 6.52786C17.0697 6.875 16.4657 7.37902 16 8C15.5343 7.37902 14.9303 6.875 14.2361 6.52786C13.5418 6.18073 12.7762 6 12 6H3C2.73478 6 2.48043 6.10536 2.29289 6.29289C2.10536 6.48043 2 6.73478 2 7V25C2 25.2652 2.10536 25.5196 2.29289 25.7071C2.48043 25.8946 2.73478 26 3 26H12C12.7956 26 13.5587 26.3161 14.1213 26.8787C14.6839 27.4413 15 28.2044 15 29C15 29.2652 15.1054 29.5196 15.2929 29.7071C15.4804 29.8946 15.7348 30 16 30C16.2652 30 16.5196 29.8946 16.7071 29.7071C16.8946 29.5196 17 29.2652 17 29C17 28.2044 17.3161 27.4413 17.8787 26.8787C18.4413 26.3161 19.2044 26 20 26H29C29.2652 26 29.5196 25.8946 29.7071 25.7071C29.8946 25.5196 30 25.2652 30 25V7C30 6.73478 29.8946 6.48043 29.7071 6.29289C29.5196 6.10536 29.2652 6 29 6ZM12 24H4V8H12C12.7956 8 13.5587 8.31607 14.1213 8.87868C14.6839 9.44129 15 10.2044 15 11V25C14.1353 24.3493 13.0821 23.9983 12 24ZM28 24H20C18.9179 23.9983 17.8647 24.3493 17 25V11C17 10.2044 17.3161 9.44129 17.8787 8.87868C18.4413 8.31607 19.2044 8 20 8H28V24ZM20 11H25C25.2652 11 25.5196 11.1054 25.7071 11.2929C25.8946 11.4804 26 11.7348 26 12C26 12.2652 25.8946 12.5196 25.7071 12.7071C25.5196 12.8946 25.2652 13 25 13H20C19.7348 13 19.4804 12.8946 19.2929 12.7071C19.1054 12.5196 19 12.2652 19 12C19 11.7348 19.1054 11.4804 19.2929 11.2929C19.4804 11.1054 19.7348 11 20 11ZM26 16C26 16.2652 25.8946 16.5196 25.7071 16.7071C25.5196 16.8946 25.2652 17 25 17H20C19.7348 17 19.4804 16.8946 19.2929 16.7071C19.1054 16.5196 19 16.2652 19 16C19 15.7348 19.1054 15.4804 19.2929 15.2929C19.4804 15.1054 19.7348 15 20 15H25C25.2652 15 25.5196 15.1054 25.7071 15.2929C25.8946 15.4804 26 15.7348 26 16ZM26 20C26 20.2652 25.8946 20.5196 25.7071 20.7071C25.5196 20.8946 25.2652 21 25 21H20C19.7348 21 19.4804 20.8946 19.2929 20.7071C19.1054 20.5196 19 20.2652 19 20C19 19.7348 19.1054 19.4804 19.2929 19.2929C19.4804 19.1054 19.7348 19 20 19H25C25.2652 19 25.5196 19.1054 25.7071 19.2929C25.8946 19.4804 26 19.7348 26 20Z",
|
|
@@ -7402,8 +7546,8 @@ var BookOpenText = ({
|
|
|
7402
7546
|
);
|
|
7403
7547
|
|
|
7404
7548
|
// src/assets/icons/subjects/ChatEN.tsx
|
|
7405
|
-
var
|
|
7406
|
-
var ChatEN = ({ size, color }) => /* @__PURE__ */ (0,
|
|
7549
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
7550
|
+
var ChatEN = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
7407
7551
|
"svg",
|
|
7408
7552
|
{
|
|
7409
7553
|
width: size,
|
|
@@ -7412,21 +7556,21 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)
|
|
|
7412
7556
|
fill: "none",
|
|
7413
7557
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7414
7558
|
children: [
|
|
7415
|
-
/* @__PURE__ */ (0,
|
|
7559
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
7416
7560
|
"path",
|
|
7417
7561
|
{
|
|
7418
7562
|
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",
|
|
7419
7563
|
fill: color
|
|
7420
7564
|
}
|
|
7421
7565
|
),
|
|
7422
|
-
/* @__PURE__ */ (0,
|
|
7566
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
7423
7567
|
"path",
|
|
7424
7568
|
{
|
|
7425
7569
|
d: "M22.5488 12V20.5312H21.0781L17.252 14.4199V20.5312H15.7812V12H17.252L21.0898 18.123V12H22.5488Z",
|
|
7426
7570
|
fill: color
|
|
7427
7571
|
}
|
|
7428
7572
|
),
|
|
7429
|
-
/* @__PURE__ */ (0,
|
|
7573
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
7430
7574
|
"path",
|
|
7431
7575
|
{
|
|
7432
7576
|
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",
|
|
@@ -7438,8 +7582,8 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)
|
|
|
7438
7582
|
);
|
|
7439
7583
|
|
|
7440
7584
|
// src/assets/icons/subjects/ChatES.tsx
|
|
7441
|
-
var
|
|
7442
|
-
var ChatES = ({ size, color }) => /* @__PURE__ */ (0,
|
|
7585
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
7586
|
+
var ChatES = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
7443
7587
|
"svg",
|
|
7444
7588
|
{
|
|
7445
7589
|
width: size,
|
|
@@ -7448,21 +7592,21 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)
|
|
|
7448
7592
|
fill: "none",
|
|
7449
7593
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7450
7594
|
children: [
|
|
7451
|
-
/* @__PURE__ */ (0,
|
|
7595
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
7452
7596
|
"path",
|
|
7453
7597
|
{
|
|
7454
7598
|
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",
|
|
7455
7599
|
fill: color
|
|
7456
7600
|
}
|
|
7457
7601
|
),
|
|
7458
|
-
/* @__PURE__ */ (0,
|
|
7602
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
7459
7603
|
"path",
|
|
7460
7604
|
{
|
|
7461
7605
|
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",
|
|
7462
7606
|
fill: color
|
|
7463
7607
|
}
|
|
7464
7608
|
),
|
|
7465
|
-
/* @__PURE__ */ (0,
|
|
7609
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
7466
7610
|
"path",
|
|
7467
7611
|
{
|
|
7468
7612
|
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",
|
|
@@ -7474,8 +7618,8 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)
|
|
|
7474
7618
|
);
|
|
7475
7619
|
|
|
7476
7620
|
// src/assets/icons/subjects/ChatPT.tsx
|
|
7477
|
-
var
|
|
7478
|
-
var ChatPT = ({ size, color }) => /* @__PURE__ */ (0,
|
|
7621
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
7622
|
+
var ChatPT = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
7479
7623
|
"svg",
|
|
7480
7624
|
{
|
|
7481
7625
|
width: size,
|
|
@@ -7484,21 +7628,21 @@ var ChatPT = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)
|
|
|
7484
7628
|
fill: "none",
|
|
7485
7629
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7486
7630
|
children: [
|
|
7487
|
-
/* @__PURE__ */ (0,
|
|
7631
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
7488
7632
|
"path",
|
|
7489
7633
|
{
|
|
7490
7634
|
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",
|
|
7491
7635
|
fill: color
|
|
7492
7636
|
}
|
|
7493
7637
|
),
|
|
7494
|
-
/* @__PURE__ */ (0,
|
|
7638
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
7495
7639
|
"path",
|
|
7496
7640
|
{
|
|
7497
7641
|
d: "M21.1758 12V20.5312H19.7168V12H21.1758ZM23.8535 12V13.1719H17.0625V12H23.8535Z",
|
|
7498
7642
|
fill: color
|
|
7499
7643
|
}
|
|
7500
7644
|
),
|
|
7501
|
-
/* @__PURE__ */ (0,
|
|
7645
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
7502
7646
|
"path",
|
|
7503
7647
|
{
|
|
7504
7648
|
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",
|
|
@@ -7510,11 +7654,11 @@ var ChatPT = ({ size, color }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)
|
|
|
7510
7654
|
);
|
|
7511
7655
|
|
|
7512
7656
|
// src/assets/icons/subjects/HeadCircuit.tsx
|
|
7513
|
-
var
|
|
7657
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
7514
7658
|
var HeadCircuit = ({
|
|
7515
7659
|
size,
|
|
7516
7660
|
color
|
|
7517
|
-
}) => /* @__PURE__ */ (0,
|
|
7661
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
7518
7662
|
"svg",
|
|
7519
7663
|
{
|
|
7520
7664
|
width: size,
|
|
@@ -7522,7 +7666,7 @@ var HeadCircuit = ({
|
|
|
7522
7666
|
viewBox: "0 0 32 32",
|
|
7523
7667
|
fill: "none",
|
|
7524
7668
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7525
|
-
children: /* @__PURE__ */ (0,
|
|
7669
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
7526
7670
|
"path",
|
|
7527
7671
|
{
|
|
7528
7672
|
d: "M24.0625 21.4338C25.327 20.3715 26.3372 19.0392 27.0187 17.5348C27.7001 16.0304 28.0354 14.3924 28 12.7413C27.875 7.02751 23.2987 2.31626 17.595 2.01626C16.1233 1.93616 14.6506 2.15261 13.2642 2.65277C11.8778 3.15293 10.6061 3.92659 9.52453 4.92781C8.44297 5.92903 7.57365 7.13739 6.96819 8.48112C6.36272 9.82485 6.03347 11.2766 5.99997 12.75L3.19372 18.1475C3.18247 18.17 3.17122 18.1925 3.16122 18.215C2.96003 18.6839 2.94569 19.212 3.12114 19.6912C3.29659 20.1704 3.64855 20.5644 4.10497 20.7925L4.13622 20.8063L6.99997 22.1175V26C6.99997 26.5304 7.21068 27.0392 7.58576 27.4142C7.96083 27.7893 8.46954 28 8.99997 28H15C15.2652 28 15.5195 27.8947 15.7071 27.7071C15.8946 27.5196 16 27.2652 16 27C16 26.7348 15.8946 26.4804 15.7071 26.2929C15.5195 26.1054 15.2652 26 15 26H8.99997V21.4763C9.00011 21.2846 8.94517 21.0969 8.84168 20.9356C8.73818 20.7742 8.5905 20.646 8.41622 20.5663L4.99997 19L7.88372 13.4575C7.95889 13.3166 7.99878 13.1597 7.99997 13C7.99968 10.9604 8.69216 8.98124 9.96395 7.38674C11.2357 5.79224 13.0114 4.677 15 4.22376V6.17251C14.3328 6.4084 13.7704 6.87258 13.4123 7.48299C13.0543 8.0934 12.9235 8.81075 13.0432 9.50824C13.1628 10.2057 13.5252 10.8385 14.0663 11.2946C14.6074 11.7508 15.2923 12.0009 16 12.0009C16.7077 12.0009 17.3926 11.7508 17.9336 11.2946C18.4747 10.8385 18.8371 10.2057 18.9568 9.50824C19.0764 8.81075 18.9457 8.0934 18.5876 7.48299C18.2295 6.87258 17.6672 6.4084 17 6.17251V4.00001C17.1625 4.00001 17.325 4.00001 17.4875 4.01251C19.2608 4.11409 20.9649 4.73627 22.3864 5.80124C23.808 6.86621 24.8841 8.32669 25.48 10H23C22.8533 9.99995 22.7084 10.0322 22.5755 10.0944C22.4426 10.1566 22.3251 10.2473 22.2312 10.36L19.0425 14.1875C18.3774 13.9397 17.6462 13.9351 16.9781 14.1744C16.3099 14.4138 15.748 14.8817 15.3916 15.4954C15.0352 16.1092 14.9073 16.8292 15.0306 17.5281C15.1538 18.227 15.5203 18.8598 16.0652 19.3146C16.61 19.7694 17.2981 20.0168 18.0078 20.0132C18.7175 20.0095 19.4031 19.755 19.9432 19.2947C20.4834 18.8343 20.8433 18.1977 20.9594 17.4976C21.0754 16.7974 20.9402 16.0788 20.5775 15.4688L23.4687 12H25.9425C25.9725 12.26 25.9908 12.5225 25.9975 12.7875C26.0286 14.2198 25.7187 15.639 25.0931 16.9278C24.4676 18.2167 23.5445 19.3383 22.4 20.2C22.2589 20.3057 22.1484 20.4469 22.0794 20.6091C22.0105 20.7713 21.9857 20.9489 22.0075 21.1238L23.0075 29.1238C23.0379 29.3653 23.1554 29.5874 23.3379 29.7485C23.5203 29.9095 23.7553 29.9985 23.9987 29.9988C24.0405 29.9988 24.0822 29.9962 24.1237 29.9913C24.2541 29.975 24.3799 29.9333 24.4942 29.8684C24.6084 29.8035 24.7087 29.7168 24.7893 29.6131C24.87 29.5094 24.9295 29.3909 24.9643 29.2643C24.9992 29.1376 25.0087 29.0054 24.9925 28.875L24.0625 21.4338ZM16 10C15.8022 10 15.6088 9.94136 15.4444 9.83148C15.28 9.7216 15.1518 9.56542 15.0761 9.38269C15.0004 9.19997 14.9806 8.9989 15.0192 8.80492C15.0578 8.61094 15.153 8.43275 15.2929 8.2929C15.4327 8.15305 15.6109 8.05781 15.8049 8.01922C15.9989 7.98064 16.1999 8.00044 16.3827 8.07613C16.5654 8.15182 16.7216 8.27999 16.8314 8.44444C16.9413 8.60889 17 8.80223 17 9.00001C17 9.26523 16.8946 9.51958 16.7071 9.70712C16.5195 9.89465 16.2652 10 16 10ZM18 18C17.8022 18 17.6088 17.9414 17.4444 17.8315C17.28 17.7216 17.1518 17.5654 17.0761 17.3827C17.0004 17.2 16.9806 16.9989 17.0192 16.8049C17.0578 16.6109 17.153 16.4328 17.2929 16.2929C17.4327 16.153 17.6109 16.0578 17.8049 16.0192C17.9989 15.9806 18.1999 16.0004 18.3827 16.0761C18.5654 16.1518 18.7216 16.28 18.8314 16.4444C18.9413 16.6089 19 16.8022 19 17C19 17.2652 18.8946 17.5196 18.7071 17.7071C18.5195 17.8947 18.2652 18 18 18Z",
|
|
@@ -7533,11 +7677,11 @@ var HeadCircuit = ({
|
|
|
7533
7677
|
);
|
|
7534
7678
|
|
|
7535
7679
|
// src/assets/icons/subjects/Microscope.tsx
|
|
7536
|
-
var
|
|
7680
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
7537
7681
|
var Microscope = ({
|
|
7538
7682
|
size,
|
|
7539
7683
|
color
|
|
7540
|
-
}) => /* @__PURE__ */ (0,
|
|
7684
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
7541
7685
|
"svg",
|
|
7542
7686
|
{
|
|
7543
7687
|
width: size,
|
|
@@ -7545,7 +7689,7 @@ var Microscope = ({
|
|
|
7545
7689
|
viewBox: "0 0 32 32",
|
|
7546
7690
|
fill: "none",
|
|
7547
7691
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7548
|
-
children: /* @__PURE__ */ (0,
|
|
7692
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
7549
7693
|
"path",
|
|
7550
7694
|
{
|
|
7551
7695
|
d: "M28 26H25.4925C26.7637 24.4552 27.5898 22.5932 27.882 20.6142C28.1743 18.6351 27.9216 16.6138 27.1511 14.7676C26.3806 12.9213 25.1215 11.32 23.5092 10.1358C21.8968 8.95153 19.9922 8.22913 18 8.04625V4C18 3.46957 17.7893 2.96086 17.4142 2.58579C17.0391 2.21071 16.5304 2 16 2H10C9.46957 2 8.96086 2.21071 8.58579 2.58579C8.21071 2.96086 8 3.46957 8 4V17C8 17.5304 8.21071 18.0391 8.58579 18.4142C8.96086 18.7893 9.46957 19 10 19H16C16.5304 19 17.0391 18.7893 17.4142 18.4142C17.7893 18.0391 18 17.5304 18 17V10.0575C19.7643 10.2552 21.4306 10.9703 22.7895 12.1128C24.1483 13.2553 25.1389 14.7742 25.6366 16.4783C26.1343 18.1824 26.1169 19.9957 25.5866 21.69C25.0563 23.3842 24.0368 24.8838 22.6562 26H4C3.73478 26 3.48043 26.1054 3.29289 26.2929C3.10536 26.4804 3 26.7348 3 27C3 27.2652 3.10536 27.5196 3.29289 27.7071C3.48043 27.8946 3.73478 28 4 28H28C28.2652 28 28.5196 27.8946 28.7071 27.7071C28.8946 27.5196 29 27.2652 29 27C29 26.7348 28.8946 26.4804 28.7071 26.2929C28.5196 26.1054 28.2652 26 28 26ZM16 17H10V4H16V17ZM9 23C8.73478 23 8.48043 22.8946 8.29289 22.7071C8.10536 22.5196 8 22.2652 8 22C8 21.7348 8.10536 21.4804 8.29289 21.2929C8.48043 21.1054 8.73478 21 9 21H17C17.2652 21 17.5196 21.1054 17.7071 21.2929C17.8946 21.4804 18 21.7348 18 22C18 22.2652 17.8946 22.5196 17.7071 22.7071C17.5196 22.8946 17.2652 23 17 23H9Z",
|
|
@@ -7578,92 +7722,92 @@ var SubjectEnum = /* @__PURE__ */ ((SubjectEnum2) => {
|
|
|
7578
7722
|
|
|
7579
7723
|
// src/components/SubjectInfo/SubjectInfo.tsx
|
|
7580
7724
|
var import_phosphor_react19 = require("phosphor-react");
|
|
7581
|
-
var
|
|
7725
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
7582
7726
|
var SubjectInfo = {
|
|
7583
7727
|
["F\xEDsica" /* FISICA */]: {
|
|
7584
|
-
icon: /* @__PURE__ */ (0,
|
|
7728
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.Atom, { size: 17, color: "currentColor" }),
|
|
7585
7729
|
colorClass: "bg-subject-1",
|
|
7586
7730
|
name: "F\xEDsica" /* FISICA */
|
|
7587
7731
|
},
|
|
7588
7732
|
["Hist\xF3ria" /* HISTORIA */]: {
|
|
7589
|
-
icon: /* @__PURE__ */ (0,
|
|
7733
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.Scroll, { size: 17, color: "currentColor" }),
|
|
7590
7734
|
colorClass: "bg-subject-2",
|
|
7591
7735
|
name: "Hist\xF3ria" /* HISTORIA */
|
|
7592
7736
|
},
|
|
7593
7737
|
["Literatura" /* LITERATURA */]: {
|
|
7594
|
-
icon: /* @__PURE__ */ (0,
|
|
7738
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BookOpenText, { size: 17, color: "currentColor" }),
|
|
7595
7739
|
colorClass: "bg-subject-3",
|
|
7596
7740
|
name: "Literatura" /* LITERATURA */
|
|
7597
7741
|
},
|
|
7598
7742
|
["Geografia" /* GEOGRAFIA */]: {
|
|
7599
|
-
icon: /* @__PURE__ */ (0,
|
|
7743
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.GlobeHemisphereWest, { size: 17, color: "currentColor" }),
|
|
7600
7744
|
colorClass: "bg-subject-4",
|
|
7601
7745
|
name: "Geografia" /* GEOGRAFIA */
|
|
7602
7746
|
},
|
|
7603
7747
|
["Biologia" /* BIOLOGIA */]: {
|
|
7604
|
-
icon: /* @__PURE__ */ (0,
|
|
7748
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Microscope, { size: 17, color: "currentColor" }),
|
|
7605
7749
|
colorClass: "bg-subject-5",
|
|
7606
7750
|
name: "Biologia" /* BIOLOGIA */
|
|
7607
7751
|
},
|
|
7608
7752
|
["Portugu\xEAs" /* PORTUGUES */]: {
|
|
7609
|
-
icon: /* @__PURE__ */ (0,
|
|
7753
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ChatPT, { size: 17, color: "currentColor" }),
|
|
7610
7754
|
colorClass: "bg-subject-6",
|
|
7611
7755
|
name: "Portugu\xEAs" /* PORTUGUES */
|
|
7612
7756
|
},
|
|
7613
7757
|
["Qu\xEDmica" /* QUIMICA */]: {
|
|
7614
|
-
icon: /* @__PURE__ */ (0,
|
|
7758
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.Flask, { size: 17, color: "currentColor" }),
|
|
7615
7759
|
colorClass: "bg-subject-7",
|
|
7616
7760
|
name: "Qu\xEDmica" /* QUIMICA */
|
|
7617
7761
|
},
|
|
7618
7762
|
["Artes" /* ARTES */]: {
|
|
7619
|
-
icon: /* @__PURE__ */ (0,
|
|
7763
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.Palette, { size: 17, color: "currentColor" }),
|
|
7620
7764
|
colorClass: "bg-subject-8",
|
|
7621
7765
|
name: "Artes" /* ARTES */
|
|
7622
7766
|
},
|
|
7623
7767
|
["Matem\xE1tica" /* MATEMATICA */]: {
|
|
7624
|
-
icon: /* @__PURE__ */ (0,
|
|
7768
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.MathOperations, { size: 17, color: "currentColor" }),
|
|
7625
7769
|
colorClass: "bg-subject-9",
|
|
7626
7770
|
name: "Matem\xE1tica" /* MATEMATICA */
|
|
7627
7771
|
},
|
|
7628
7772
|
["Filosofia" /* FILOSOFIA */]: {
|
|
7629
|
-
icon: /* @__PURE__ */ (0,
|
|
7773
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(HeadCircuit, { size: 17, color: "currentColor" }),
|
|
7630
7774
|
colorClass: "bg-subject-10",
|
|
7631
7775
|
name: "Filosofia" /* FILOSOFIA */
|
|
7632
7776
|
},
|
|
7633
7777
|
["Espanhol" /* ESPANHOL */]: {
|
|
7634
|
-
icon: /* @__PURE__ */ (0,
|
|
7778
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ChatES, { size: 17, color: "currentColor" }),
|
|
7635
7779
|
colorClass: "bg-subject-11",
|
|
7636
7780
|
name: "Espanhol" /* ESPANHOL */
|
|
7637
7781
|
},
|
|
7638
7782
|
["Reda\xE7\xE3o" /* REDACAO */]: {
|
|
7639
|
-
icon: /* @__PURE__ */ (0,
|
|
7783
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.ArticleNyTimes, { size: 17, color: "currentColor" }),
|
|
7640
7784
|
colorClass: "bg-subject-12",
|
|
7641
7785
|
name: "Reda\xE7\xE3o" /* REDACAO */
|
|
7642
7786
|
},
|
|
7643
7787
|
["Sociologia" /* SOCIOLOGIA */]: {
|
|
7644
|
-
icon: /* @__PURE__ */ (0,
|
|
7788
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.Person, { size: 17, color: "currentColor" }),
|
|
7645
7789
|
colorClass: "bg-subject-13",
|
|
7646
7790
|
name: "Sociologia" /* SOCIOLOGIA */
|
|
7647
7791
|
},
|
|
7648
7792
|
["Ingl\xEAs" /* INGLES */]: {
|
|
7649
|
-
icon: /* @__PURE__ */ (0,
|
|
7793
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ChatEN, { size: 17, color: "currentColor" }),
|
|
7650
7794
|
colorClass: "bg-subject-14",
|
|
7651
7795
|
name: "Ingl\xEAs" /* INGLES */
|
|
7652
7796
|
},
|
|
7653
7797
|
["Ed. F\xEDsica" /* EDUCACAO_FISICA */]: {
|
|
7654
|
-
icon: /* @__PURE__ */ (0,
|
|
7798
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.DribbbleLogo, { size: 17, color: "currentColor" }),
|
|
7655
7799
|
colorClass: "bg-subject-15",
|
|
7656
7800
|
name: "Ed. F\xEDsica" /* EDUCACAO_FISICA */
|
|
7657
7801
|
},
|
|
7658
7802
|
["Trilhas" /* TRILHAS */]: {
|
|
7659
|
-
icon: /* @__PURE__ */ (0,
|
|
7803
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.BookBookmark, { size: 17, color: "currentColor" }),
|
|
7660
7804
|
colorClass: "bg-subject-16",
|
|
7661
7805
|
name: "Trilhas" /* TRILHAS */
|
|
7662
7806
|
}
|
|
7663
7807
|
};
|
|
7664
7808
|
var getSubjectInfo = (subject) => {
|
|
7665
7809
|
return SubjectInfo[subject] || {
|
|
7666
|
-
icon: /* @__PURE__ */ (0,
|
|
7810
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_phosphor_react19.Book, { size: 17, color: "currentColor" }),
|
|
7667
7811
|
colorClass: "bg-subject-16",
|
|
7668
7812
|
name: subject
|
|
7669
7813
|
};
|
|
@@ -7795,7 +7939,7 @@ var createNotificationsHook = (apiClient) => {
|
|
|
7795
7939
|
};
|
|
7796
7940
|
|
|
7797
7941
|
// src/components/Filter/FilterModal.tsx
|
|
7798
|
-
var
|
|
7942
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
7799
7943
|
var FilterModal = ({
|
|
7800
7944
|
isOpen,
|
|
7801
7945
|
onClose,
|
|
@@ -7823,20 +7967,20 @@ var FilterModal = ({
|
|
|
7823
7967
|
const handleClear = () => {
|
|
7824
7968
|
onClear();
|
|
7825
7969
|
};
|
|
7826
|
-
return /* @__PURE__ */ (0,
|
|
7970
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
7827
7971
|
Modal_default,
|
|
7828
7972
|
{
|
|
7829
7973
|
isOpen,
|
|
7830
7974
|
onClose,
|
|
7831
7975
|
title,
|
|
7832
7976
|
size,
|
|
7833
|
-
footer: /* @__PURE__ */ (0,
|
|
7834
|
-
/* @__PURE__ */ (0,
|
|
7835
|
-
/* @__PURE__ */ (0,
|
|
7977
|
+
footer: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex gap-3 justify-end w-full", children: [
|
|
7978
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button_default, { variant: "outline", onClick: handleClear, children: clearLabel }),
|
|
7979
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button_default, { onClick: handleApply, children: applyLabel })
|
|
7836
7980
|
] }),
|
|
7837
|
-
children: /* @__PURE__ */ (0,
|
|
7838
|
-
/* @__PURE__ */ (0,
|
|
7839
|
-
config.key === "academic" && /* @__PURE__ */ (0,
|
|
7981
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex flex-col gap-6", children: filterConfigs.map((config, index) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
7982
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2 text-text-400 text-sm font-medium uppercase", children: [
|
|
7983
|
+
config.key === "academic" && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
7840
7984
|
"svg",
|
|
7841
7985
|
{
|
|
7842
7986
|
width: "16",
|
|
@@ -7846,7 +7990,7 @@ var FilterModal = ({
|
|
|
7846
7990
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7847
7991
|
className: "text-text-400",
|
|
7848
7992
|
children: [
|
|
7849
|
-
/* @__PURE__ */ (0,
|
|
7993
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
7850
7994
|
"path",
|
|
7851
7995
|
{
|
|
7852
7996
|
d: "M8 2L2 5.33333L8 8.66667L14 5.33333L8 2Z",
|
|
@@ -7856,7 +8000,7 @@ var FilterModal = ({
|
|
|
7856
8000
|
strokeLinejoin: "round"
|
|
7857
8001
|
}
|
|
7858
8002
|
),
|
|
7859
|
-
/* @__PURE__ */ (0,
|
|
8003
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
7860
8004
|
"path",
|
|
7861
8005
|
{
|
|
7862
8006
|
d: "M2 10.6667L8 14L14 10.6667",
|
|
@@ -7866,7 +8010,7 @@ var FilterModal = ({
|
|
|
7866
8010
|
strokeLinejoin: "round"
|
|
7867
8011
|
}
|
|
7868
8012
|
),
|
|
7869
|
-
/* @__PURE__ */ (0,
|
|
8013
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
7870
8014
|
"path",
|
|
7871
8015
|
{
|
|
7872
8016
|
d: "M2 8L8 11.3333L14 8",
|
|
@@ -7879,7 +8023,7 @@ var FilterModal = ({
|
|
|
7879
8023
|
]
|
|
7880
8024
|
}
|
|
7881
8025
|
),
|
|
7882
|
-
config.key === "content" && /* @__PURE__ */ (0,
|
|
8026
|
+
config.key === "content" && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
7883
8027
|
"svg",
|
|
7884
8028
|
{
|
|
7885
8029
|
width: "16",
|
|
@@ -7889,7 +8033,7 @@ var FilterModal = ({
|
|
|
7889
8033
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7890
8034
|
className: "text-text-400",
|
|
7891
8035
|
children: [
|
|
7892
|
-
/* @__PURE__ */ (0,
|
|
8036
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
7893
8037
|
"path",
|
|
7894
8038
|
{
|
|
7895
8039
|
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",
|
|
@@ -7899,7 +8043,7 @@ var FilterModal = ({
|
|
|
7899
8043
|
strokeLinejoin: "round"
|
|
7900
8044
|
}
|
|
7901
8045
|
),
|
|
7902
|
-
/* @__PURE__ */ (0,
|
|
8046
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
7903
8047
|
"path",
|
|
7904
8048
|
{
|
|
7905
8049
|
d: "M2 6H14",
|
|
@@ -7909,7 +8053,7 @@ var FilterModal = ({
|
|
|
7909
8053
|
strokeLinejoin: "round"
|
|
7910
8054
|
}
|
|
7911
8055
|
),
|
|
7912
|
-
/* @__PURE__ */ (0,
|
|
8056
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
7913
8057
|
"path",
|
|
7914
8058
|
{
|
|
7915
8059
|
d: "M6 2V14",
|
|
@@ -7922,9 +8066,9 @@ var FilterModal = ({
|
|
|
7922
8066
|
]
|
|
7923
8067
|
}
|
|
7924
8068
|
),
|
|
7925
|
-
/* @__PURE__ */ (0,
|
|
8069
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: config.label })
|
|
7926
8070
|
] }),
|
|
7927
|
-
/* @__PURE__ */ (0,
|
|
8071
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
7928
8072
|
CheckboxGroup,
|
|
7929
8073
|
{
|
|
7930
8074
|
categories: config.categories,
|
|
@@ -8034,7 +8178,7 @@ var useTableFilter = (initialConfigs, options = {}) => {
|
|
|
8034
8178
|
var import_zustand8 = require("zustand");
|
|
8035
8179
|
var import_react30 = require("react");
|
|
8036
8180
|
var import_phosphor_react20 = require("phosphor-react");
|
|
8037
|
-
var
|
|
8181
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
8038
8182
|
var VARIANT_CLASSES4 = {
|
|
8039
8183
|
outlined: "border-2 rounded-lg focus:border-primary-950",
|
|
8040
8184
|
underlined: "border-b-2 focus:border-primary-950",
|
|
@@ -8094,7 +8238,7 @@ function getLabelAsNode(children) {
|
|
|
8094
8238
|
}
|
|
8095
8239
|
const flattened = import_react30.Children.toArray(children);
|
|
8096
8240
|
if (flattened.length === 1) return flattened[0];
|
|
8097
|
-
return /* @__PURE__ */ (0,
|
|
8241
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children: flattened });
|
|
8098
8242
|
}
|
|
8099
8243
|
var injectStore4 = (children, store, size, selectId) => {
|
|
8100
8244
|
return import_react30.Children.map(children, (child) => {
|
|
@@ -8205,8 +8349,8 @@ var Select = ({
|
|
|
8205
8349
|
}
|
|
8206
8350
|
}, [propValue]);
|
|
8207
8351
|
const sizeClasses = SIZE_CLASSES12[size];
|
|
8208
|
-
return /* @__PURE__ */ (0,
|
|
8209
|
-
label && /* @__PURE__ */ (0,
|
|
8352
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: cn("w-full", className), children: [
|
|
8353
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
8210
8354
|
"label",
|
|
8211
8355
|
{
|
|
8212
8356
|
htmlFor: selectId,
|
|
@@ -8214,11 +8358,11 @@ var Select = ({
|
|
|
8214
8358
|
children: label
|
|
8215
8359
|
}
|
|
8216
8360
|
),
|
|
8217
|
-
/* @__PURE__ */ (0,
|
|
8218
|
-
(helperText || errorMessage) && /* @__PURE__ */ (0,
|
|
8219
|
-
helperText && /* @__PURE__ */ (0,
|
|
8220
|
-
errorMessage && /* @__PURE__ */ (0,
|
|
8221
|
-
/* @__PURE__ */ (0,
|
|
8361
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: cn("relative w-full"), ref: selectRef, children: injectStore4(children, store, size, selectId) }),
|
|
8362
|
+
(helperText || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "mt-1.5 gap-1.5", children: [
|
|
8363
|
+
helperText && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-sm text-text-500", children: helperText }),
|
|
8364
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
|
|
8365
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react20.WarningCircle, { size: 16 }),
|
|
8222
8366
|
" ",
|
|
8223
8367
|
errorMessage
|
|
8224
8368
|
] })
|
|
@@ -8232,7 +8376,7 @@ var SelectValue = ({
|
|
|
8232
8376
|
const store = useSelectStore(externalStore);
|
|
8233
8377
|
const selectedLabel = (0, import_zustand8.useStore)(store, (s) => s.selectedLabel);
|
|
8234
8378
|
const value = (0, import_zustand8.useStore)(store, (s) => s.value);
|
|
8235
|
-
return /* @__PURE__ */ (0,
|
|
8379
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-inherit flex gap-2 items-center", children: selectedLabel || placeholder || value });
|
|
8236
8380
|
};
|
|
8237
8381
|
var SelectTrigger = (0, import_react30.forwardRef)(
|
|
8238
8382
|
({
|
|
@@ -8251,7 +8395,7 @@ var SelectTrigger = (0, import_react30.forwardRef)(
|
|
|
8251
8395
|
const variantClasses = VARIANT_CLASSES4[variant];
|
|
8252
8396
|
const heightClasses = HEIGHT_CLASSES[size];
|
|
8253
8397
|
const paddingClasses = PADDING_CLASSES[size];
|
|
8254
|
-
return /* @__PURE__ */ (0,
|
|
8398
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
8255
8399
|
"button",
|
|
8256
8400
|
{
|
|
8257
8401
|
ref,
|
|
@@ -8273,7 +8417,7 @@ var SelectTrigger = (0, import_react30.forwardRef)(
|
|
|
8273
8417
|
...props,
|
|
8274
8418
|
children: [
|
|
8275
8419
|
props.children,
|
|
8276
|
-
/* @__PURE__ */ (0,
|
|
8420
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
8277
8421
|
import_phosphor_react20.CaretDown,
|
|
8278
8422
|
{
|
|
8279
8423
|
className: cn(
|
|
@@ -8301,7 +8445,7 @@ var SelectContent = (0, import_react30.forwardRef)(
|
|
|
8301
8445
|
const open = (0, import_zustand8.useStore)(store, (s) => s.open);
|
|
8302
8446
|
if (!open) return null;
|
|
8303
8447
|
const getPositionClasses = () => `w-full min-w-full absolute ${SIDE_CLASSES2[side]} ${ALIGN_CLASSES2[align]}`;
|
|
8304
|
-
return /* @__PURE__ */ (0,
|
|
8448
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
8305
8449
|
"div",
|
|
8306
8450
|
{
|
|
8307
8451
|
role: "menu",
|
|
@@ -8345,7 +8489,7 @@ var SelectItem = (0, import_react30.forwardRef)(
|
|
|
8345
8489
|
}
|
|
8346
8490
|
props.onClick?.(e);
|
|
8347
8491
|
};
|
|
8348
|
-
return /* @__PURE__ */ (0,
|
|
8492
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
8349
8493
|
"div",
|
|
8350
8494
|
{
|
|
8351
8495
|
role: "menuitem",
|
|
@@ -8365,7 +8509,7 @@ var SelectItem = (0, import_react30.forwardRef)(
|
|
|
8365
8509
|
tabIndex: disabled ? -1 : 0,
|
|
8366
8510
|
...props,
|
|
8367
8511
|
children: [
|
|
8368
|
-
/* @__PURE__ */ (0,
|
|
8512
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_phosphor_react20.Check, { className: "" }) }),
|
|
8369
8513
|
children
|
|
8370
8514
|
]
|
|
8371
8515
|
}
|
|
@@ -8379,7 +8523,7 @@ var Select_default = Select;
|
|
|
8379
8523
|
var import_zustand9 = require("zustand");
|
|
8380
8524
|
var import_react31 = require("react");
|
|
8381
8525
|
var import_phosphor_react21 = require("phosphor-react");
|
|
8382
|
-
var
|
|
8526
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
8383
8527
|
var createMenuStore = (onValueChange) => (0, import_zustand9.create)((set) => ({
|
|
8384
8528
|
value: "",
|
|
8385
8529
|
setValue: (value) => {
|
|
@@ -8417,7 +8561,7 @@ var Menu = (0, import_react31.forwardRef)(
|
|
|
8417
8561
|
}, [defaultValue, propValue, setValue]);
|
|
8418
8562
|
const baseClasses = variant === "menu-overflow" ? "w-fit py-2 flex flex-row items-center justify-center" : "w-full py-2 flex flex-row items-center justify-center";
|
|
8419
8563
|
const variantClasses = VARIANT_CLASSES5[variant];
|
|
8420
|
-
return /* @__PURE__ */ (0,
|
|
8564
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
8421
8565
|
"div",
|
|
8422
8566
|
{
|
|
8423
8567
|
ref,
|
|
@@ -8437,7 +8581,7 @@ var MenuContent = (0, import_react31.forwardRef)(
|
|
|
8437
8581
|
({ className, children, variant = "menu", ...props }, ref) => {
|
|
8438
8582
|
const baseClasses = "w-full flex flex-row items-center gap-2";
|
|
8439
8583
|
const variantClasses = variant === "menu2" || variant === "menu-overflow" ? "overflow-x-auto scroll-smooth" : "";
|
|
8440
|
-
return /* @__PURE__ */ (0,
|
|
8584
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
8441
8585
|
"ul",
|
|
8442
8586
|
{
|
|
8443
8587
|
ref,
|
|
@@ -8489,7 +8633,7 @@ var MenuItem = (0, import_react31.forwardRef)(
|
|
|
8489
8633
|
...props
|
|
8490
8634
|
};
|
|
8491
8635
|
const variants = {
|
|
8492
|
-
menu: /* @__PURE__ */ (0,
|
|
8636
|
+
menu: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
8493
8637
|
"li",
|
|
8494
8638
|
{
|
|
8495
8639
|
"data-variant": "menu",
|
|
@@ -8504,7 +8648,7 @@ var MenuItem = (0, import_react31.forwardRef)(
|
|
|
8504
8648
|
children
|
|
8505
8649
|
}
|
|
8506
8650
|
),
|
|
8507
|
-
menu2: /* @__PURE__ */ (0,
|
|
8651
|
+
menu2: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
|
|
8508
8652
|
"li",
|
|
8509
8653
|
{
|
|
8510
8654
|
"data-variant": "menu2",
|
|
@@ -8515,7 +8659,7 @@ var MenuItem = (0, import_react31.forwardRef)(
|
|
|
8515
8659
|
`,
|
|
8516
8660
|
...commonProps,
|
|
8517
8661
|
children: [
|
|
8518
|
-
/* @__PURE__ */ (0,
|
|
8662
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
8519
8663
|
"span",
|
|
8520
8664
|
{
|
|
8521
8665
|
className: cn(
|
|
@@ -8525,11 +8669,11 @@ var MenuItem = (0, import_react31.forwardRef)(
|
|
|
8525
8669
|
children
|
|
8526
8670
|
}
|
|
8527
8671
|
),
|
|
8528
|
-
selectedValue === value && /* @__PURE__ */ (0,
|
|
8672
|
+
selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
|
|
8529
8673
|
]
|
|
8530
8674
|
}
|
|
8531
8675
|
),
|
|
8532
|
-
"menu-overflow": /* @__PURE__ */ (0,
|
|
8676
|
+
"menu-overflow": /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
|
|
8533
8677
|
"li",
|
|
8534
8678
|
{
|
|
8535
8679
|
"data-variant": "menu-overflow",
|
|
@@ -8540,7 +8684,7 @@ var MenuItem = (0, import_react31.forwardRef)(
|
|
|
8540
8684
|
`,
|
|
8541
8685
|
...commonProps,
|
|
8542
8686
|
children: [
|
|
8543
|
-
/* @__PURE__ */ (0,
|
|
8687
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
8544
8688
|
"span",
|
|
8545
8689
|
{
|
|
8546
8690
|
className: cn(
|
|
@@ -8550,11 +8694,11 @@ var MenuItem = (0, import_react31.forwardRef)(
|
|
|
8550
8694
|
children
|
|
8551
8695
|
}
|
|
8552
8696
|
),
|
|
8553
|
-
selectedValue === value && /* @__PURE__ */ (0,
|
|
8697
|
+
selectedValue === value && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
|
|
8554
8698
|
]
|
|
8555
8699
|
}
|
|
8556
8700
|
),
|
|
8557
|
-
breadcrumb: /* @__PURE__ */ (0,
|
|
8701
|
+
breadcrumb: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
|
|
8558
8702
|
"li",
|
|
8559
8703
|
{
|
|
8560
8704
|
"data-variant": "breadcrumb",
|
|
@@ -8566,7 +8710,7 @@ var MenuItem = (0, import_react31.forwardRef)(
|
|
|
8566
8710
|
`,
|
|
8567
8711
|
...commonProps,
|
|
8568
8712
|
children: [
|
|
8569
|
-
/* @__PURE__ */ (0,
|
|
8713
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
8570
8714
|
"span",
|
|
8571
8715
|
{
|
|
8572
8716
|
className: cn(
|
|
@@ -8576,7 +8720,7 @@ var MenuItem = (0, import_react31.forwardRef)(
|
|
|
8576
8720
|
children
|
|
8577
8721
|
}
|
|
8578
8722
|
),
|
|
8579
|
-
separator && /* @__PURE__ */ (0,
|
|
8723
|
+
separator && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
8580
8724
|
import_phosphor_react21.CaretRight,
|
|
8581
8725
|
{
|
|
8582
8726
|
size: 16,
|
|
@@ -8631,25 +8775,25 @@ var MenuOverflow = ({
|
|
|
8631
8775
|
window.removeEventListener("resize", checkScroll);
|
|
8632
8776
|
};
|
|
8633
8777
|
}, []);
|
|
8634
|
-
return /* @__PURE__ */ (0,
|
|
8778
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
|
|
8635
8779
|
"div",
|
|
8636
8780
|
{
|
|
8637
8781
|
"data-testid": "menu-overflow-wrapper",
|
|
8638
8782
|
className: cn("relative w-full overflow-hidden", className),
|
|
8639
8783
|
children: [
|
|
8640
|
-
showLeftArrow && /* @__PURE__ */ (0,
|
|
8784
|
+
showLeftArrow && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
|
|
8641
8785
|
"button",
|
|
8642
8786
|
{
|
|
8643
8787
|
onClick: () => internalScroll(containerRef.current, "left"),
|
|
8644
8788
|
className: "absolute left-0 top-1/2 -translate-y-1/2 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white shadow-md cursor-pointer",
|
|
8645
8789
|
"data-testid": "scroll-left-button",
|
|
8646
8790
|
children: [
|
|
8647
|
-
/* @__PURE__ */ (0,
|
|
8648
|
-
/* @__PURE__ */ (0,
|
|
8791
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react21.CaretLeft, { size: 16 }),
|
|
8792
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "sr-only", children: "Scroll left" })
|
|
8649
8793
|
]
|
|
8650
8794
|
}
|
|
8651
8795
|
),
|
|
8652
|
-
/* @__PURE__ */ (0,
|
|
8796
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
8653
8797
|
Menu,
|
|
8654
8798
|
{
|
|
8655
8799
|
defaultValue,
|
|
@@ -8657,18 +8801,18 @@ var MenuOverflow = ({
|
|
|
8657
8801
|
value,
|
|
8658
8802
|
variant: "menu2",
|
|
8659
8803
|
...props,
|
|
8660
|
-
children: /* @__PURE__ */ (0,
|
|
8804
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(MenuContent, { ref: containerRef, variant: "menu2", children })
|
|
8661
8805
|
}
|
|
8662
8806
|
),
|
|
8663
|
-
showRightArrow && /* @__PURE__ */ (0,
|
|
8807
|
+
showRightArrow && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
|
|
8664
8808
|
"button",
|
|
8665
8809
|
{
|
|
8666
8810
|
onClick: () => internalScroll(containerRef.current, "right"),
|
|
8667
8811
|
className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white shadow-md cursor-pointer",
|
|
8668
8812
|
"data-testid": "scroll-right-button",
|
|
8669
8813
|
children: [
|
|
8670
|
-
/* @__PURE__ */ (0,
|
|
8671
|
-
/* @__PURE__ */ (0,
|
|
8814
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_phosphor_react21.CaretRight, { size: 16 }),
|
|
8815
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "sr-only", children: "Scroll right" })
|
|
8672
8816
|
]
|
|
8673
8817
|
}
|
|
8674
8818
|
)
|
|
@@ -8694,7 +8838,7 @@ var import_phosphor_react22 = require("phosphor-react");
|
|
|
8694
8838
|
// src/components/IconRender/IconRender.tsx
|
|
8695
8839
|
var import_react32 = require("react");
|
|
8696
8840
|
var PhosphorIcons = __toESM(require("phosphor-react"));
|
|
8697
|
-
var
|
|
8841
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
8698
8842
|
var IconRender = ({
|
|
8699
8843
|
iconName,
|
|
8700
8844
|
color = "#000000",
|
|
@@ -8704,14 +8848,14 @@ var IconRender = ({
|
|
|
8704
8848
|
if (typeof iconName === "string") {
|
|
8705
8849
|
switch (iconName) {
|
|
8706
8850
|
case "Chat_PT":
|
|
8707
|
-
return /* @__PURE__ */ (0,
|
|
8851
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ChatPT, { size, color });
|
|
8708
8852
|
case "Chat_EN":
|
|
8709
|
-
return /* @__PURE__ */ (0,
|
|
8853
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ChatEN, { size, color });
|
|
8710
8854
|
case "Chat_ES":
|
|
8711
|
-
return /* @__PURE__ */ (0,
|
|
8855
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ChatES, { size, color });
|
|
8712
8856
|
default: {
|
|
8713
8857
|
const IconComponent = PhosphorIcons[iconName] || PhosphorIcons.Question;
|
|
8714
|
-
return /* @__PURE__ */ (0,
|
|
8858
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(IconComponent, { size, color, weight });
|
|
8715
8859
|
}
|
|
8716
8860
|
}
|
|
8717
8861
|
} else {
|
|
@@ -8724,7 +8868,7 @@ var IconRender = ({
|
|
|
8724
8868
|
var IconRender_default = IconRender;
|
|
8725
8869
|
|
|
8726
8870
|
// src/components/Card/Card.tsx
|
|
8727
|
-
var
|
|
8871
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
8728
8872
|
var CARD_BASE_CLASSES = {
|
|
8729
8873
|
default: "w-full bg-background border border-border-50 rounded-xl",
|
|
8730
8874
|
compact: "w-full bg-background border border-border-50 rounded-lg",
|
|
@@ -8766,7 +8910,7 @@ var CardBase = (0, import_react33.forwardRef)(
|
|
|
8766
8910
|
const minHeightClasses = CARD_MIN_HEIGHT_CLASSES[minHeight];
|
|
8767
8911
|
const layoutClasses = CARD_LAYOUT_CLASSES[layout];
|
|
8768
8912
|
const cursorClasses = CARD_CURSOR_CLASSES[cursor];
|
|
8769
|
-
return /* @__PURE__ */ (0,
|
|
8913
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
8770
8914
|
"div",
|
|
8771
8915
|
{
|
|
8772
8916
|
ref,
|
|
@@ -8824,7 +8968,7 @@ var CardActivitiesResults = (0, import_react33.forwardRef)(
|
|
|
8824
8968
|
const actionIconClasses = ACTION_ICON_CLASSES[action];
|
|
8825
8969
|
const actionSubTitleClasses = ACTION_SUBTITLE_CLASSES[action];
|
|
8826
8970
|
const actionHeaderClasses = ACTION_HEADER_CLASSES[action];
|
|
8827
|
-
return /* @__PURE__ */ (0,
|
|
8971
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
8828
8972
|
"div",
|
|
8829
8973
|
{
|
|
8830
8974
|
ref,
|
|
@@ -8834,7 +8978,7 @@ var CardActivitiesResults = (0, import_react33.forwardRef)(
|
|
|
8834
8978
|
),
|
|
8835
8979
|
...props,
|
|
8836
8980
|
children: [
|
|
8837
|
-
/* @__PURE__ */ (0,
|
|
8981
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
8838
8982
|
"div",
|
|
8839
8983
|
{
|
|
8840
8984
|
className: cn(
|
|
@@ -8843,7 +8987,7 @@ var CardActivitiesResults = (0, import_react33.forwardRef)(
|
|
|
8843
8987
|
extended ? "rounded-t-xl" : "rounded-xl"
|
|
8844
8988
|
),
|
|
8845
8989
|
children: [
|
|
8846
|
-
/* @__PURE__ */ (0,
|
|
8990
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
8847
8991
|
"span",
|
|
8848
8992
|
{
|
|
8849
8993
|
className: cn(
|
|
@@ -8853,7 +8997,7 @@ var CardActivitiesResults = (0, import_react33.forwardRef)(
|
|
|
8853
8997
|
children: icon
|
|
8854
8998
|
}
|
|
8855
8999
|
),
|
|
8856
|
-
/* @__PURE__ */ (0,
|
|
9000
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
8857
9001
|
Text_default,
|
|
8858
9002
|
{
|
|
8859
9003
|
size: "2xs",
|
|
@@ -8862,7 +9006,7 @@ var CardActivitiesResults = (0, import_react33.forwardRef)(
|
|
|
8862
9006
|
children: title
|
|
8863
9007
|
}
|
|
8864
9008
|
),
|
|
8865
|
-
/* @__PURE__ */ (0,
|
|
9009
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
8866
9010
|
"p",
|
|
8867
9011
|
{
|
|
8868
9012
|
className: cn("text-lg font-bold truncate", actionSubTitleClasses),
|
|
@@ -8872,8 +9016,8 @@ var CardActivitiesResults = (0, import_react33.forwardRef)(
|
|
|
8872
9016
|
]
|
|
8873
9017
|
}
|
|
8874
9018
|
),
|
|
8875
|
-
extended && /* @__PURE__ */ (0,
|
|
8876
|
-
/* @__PURE__ */ (0,
|
|
9019
|
+
extended && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col items-center gap-2.5 pb-9.5 pt-2.5", children: [
|
|
9020
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
8877
9021
|
"p",
|
|
8878
9022
|
{
|
|
8879
9023
|
className: cn(
|
|
@@ -8883,7 +9027,7 @@ var CardActivitiesResults = (0, import_react33.forwardRef)(
|
|
|
8883
9027
|
children: header
|
|
8884
9028
|
}
|
|
8885
9029
|
),
|
|
8886
|
-
/* @__PURE__ */ (0,
|
|
9030
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Badge_default, { size: "large", action: "info", children: description })
|
|
8887
9031
|
] })
|
|
8888
9032
|
]
|
|
8889
9033
|
}
|
|
@@ -8902,7 +9046,7 @@ var CardQuestions = (0, import_react33.forwardRef)(
|
|
|
8902
9046
|
const isDone = state === "done";
|
|
8903
9047
|
const stateLabel = isDone ? "Realizado" : "N\xE3o Realizado";
|
|
8904
9048
|
const buttonLabel = isDone ? "Ver Resultado" : "Responder";
|
|
8905
|
-
return /* @__PURE__ */ (0,
|
|
9049
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
8906
9050
|
CardBase,
|
|
8907
9051
|
{
|
|
8908
9052
|
ref,
|
|
@@ -8912,9 +9056,9 @@ var CardQuestions = (0, import_react33.forwardRef)(
|
|
|
8912
9056
|
className: cn("justify-between gap-4", className),
|
|
8913
9057
|
...props,
|
|
8914
9058
|
children: [
|
|
8915
|
-
/* @__PURE__ */ (0,
|
|
8916
|
-
/* @__PURE__ */ (0,
|
|
8917
|
-
/* @__PURE__ */ (0,
|
|
9059
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
|
|
9060
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
|
|
9061
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-row gap-6 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
8918
9062
|
Badge_default,
|
|
8919
9063
|
{
|
|
8920
9064
|
size: "medium",
|
|
@@ -8924,7 +9068,7 @@ var CardQuestions = (0, import_react33.forwardRef)(
|
|
|
8924
9068
|
}
|
|
8925
9069
|
) })
|
|
8926
9070
|
] }),
|
|
8927
|
-
/* @__PURE__ */ (0,
|
|
9071
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
8928
9072
|
Button_default,
|
|
8929
9073
|
{
|
|
8930
9074
|
size: "extra-small",
|
|
@@ -8955,19 +9099,19 @@ var CardProgress = (0, import_react33.forwardRef)(
|
|
|
8955
9099
|
}, ref) => {
|
|
8956
9100
|
const isHorizontal = direction === "horizontal";
|
|
8957
9101
|
const contentComponent = {
|
|
8958
|
-
horizontal: /* @__PURE__ */ (0,
|
|
8959
|
-
showDates && /* @__PURE__ */ (0,
|
|
8960
|
-
initialDate && /* @__PURE__ */ (0,
|
|
8961
|
-
/* @__PURE__ */ (0,
|
|
8962
|
-
/* @__PURE__ */ (0,
|
|
9102
|
+
horizontal: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
|
|
9103
|
+
showDates && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
|
|
9104
|
+
initialDate && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
|
|
9105
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
|
|
9106
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-600", children: initialDate })
|
|
8963
9107
|
] }),
|
|
8964
|
-
endDate && /* @__PURE__ */ (0,
|
|
8965
|
-
/* @__PURE__ */ (0,
|
|
8966
|
-
/* @__PURE__ */ (0,
|
|
9108
|
+
endDate && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
|
|
9109
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-800 font-semibold", children: "Fim" }),
|
|
9110
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-600", children: endDate })
|
|
8967
9111
|
] })
|
|
8968
9112
|
] }),
|
|
8969
|
-
/* @__PURE__ */ (0,
|
|
8970
|
-
/* @__PURE__ */ (0,
|
|
9113
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
|
|
9114
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
8971
9115
|
ProgressBar_default,
|
|
8972
9116
|
{
|
|
8973
9117
|
size: "small",
|
|
@@ -8976,7 +9120,7 @@ var CardProgress = (0, import_react33.forwardRef)(
|
|
|
8976
9120
|
"data-testid": "progress-bar"
|
|
8977
9121
|
}
|
|
8978
9122
|
),
|
|
8979
|
-
/* @__PURE__ */ (0,
|
|
9123
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
8980
9124
|
Text_default,
|
|
8981
9125
|
{
|
|
8982
9126
|
size: "xs",
|
|
@@ -8992,9 +9136,9 @@ var CardProgress = (0, import_react33.forwardRef)(
|
|
|
8992
9136
|
)
|
|
8993
9137
|
] })
|
|
8994
9138
|
] }),
|
|
8995
|
-
vertical: /* @__PURE__ */ (0,
|
|
9139
|
+
vertical: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-text-800", children: subhead })
|
|
8996
9140
|
};
|
|
8997
|
-
return /* @__PURE__ */ (0,
|
|
9141
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
8998
9142
|
CardBase,
|
|
8999
9143
|
{
|
|
9000
9144
|
ref,
|
|
@@ -9005,7 +9149,7 @@ var CardProgress = (0, import_react33.forwardRef)(
|
|
|
9005
9149
|
className: cn(isHorizontal ? "h-20" : "", className),
|
|
9006
9150
|
...props,
|
|
9007
9151
|
children: [
|
|
9008
|
-
/* @__PURE__ */ (0,
|
|
9152
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9009
9153
|
"div",
|
|
9010
9154
|
{
|
|
9011
9155
|
className: cn(
|
|
@@ -9018,7 +9162,7 @@ var CardProgress = (0, import_react33.forwardRef)(
|
|
|
9018
9162
|
children: icon
|
|
9019
9163
|
}
|
|
9020
9164
|
),
|
|
9021
|
-
/* @__PURE__ */ (0,
|
|
9165
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
9022
9166
|
"div",
|
|
9023
9167
|
{
|
|
9024
9168
|
className: cn(
|
|
@@ -9026,7 +9170,7 @@ var CardProgress = (0, import_react33.forwardRef)(
|
|
|
9026
9170
|
!isHorizontal && "gap-4"
|
|
9027
9171
|
),
|
|
9028
9172
|
children: [
|
|
9029
|
-
/* @__PURE__ */ (0,
|
|
9173
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
|
|
9030
9174
|
contentComponent[direction]
|
|
9031
9175
|
]
|
|
9032
9176
|
}
|
|
@@ -9046,7 +9190,7 @@ var CardTopic = (0, import_react33.forwardRef)(
|
|
|
9046
9190
|
className = "",
|
|
9047
9191
|
...props
|
|
9048
9192
|
}, ref) => {
|
|
9049
|
-
return /* @__PURE__ */ (0,
|
|
9193
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
9050
9194
|
CardBase,
|
|
9051
9195
|
{
|
|
9052
9196
|
ref,
|
|
@@ -9057,13 +9201,13 @@ var CardTopic = (0, import_react33.forwardRef)(
|
|
|
9057
9201
|
className: cn("justify-center gap-2 py-2 px-4", className),
|
|
9058
9202
|
...props,
|
|
9059
9203
|
children: [
|
|
9060
|
-
subHead && /* @__PURE__ */ (0,
|
|
9061
|
-
/* @__PURE__ */ (0,
|
|
9062
|
-
index < subHead.length - 1 && /* @__PURE__ */ (0,
|
|
9204
|
+
subHead && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_react33.Fragment, { children: [
|
|
9205
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { children: text }),
|
|
9206
|
+
index < subHead.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { children: "\u2022" })
|
|
9063
9207
|
] }, `${text} - ${index}`)) }),
|
|
9064
|
-
/* @__PURE__ */ (0,
|
|
9065
|
-
/* @__PURE__ */ (0,
|
|
9066
|
-
/* @__PURE__ */ (0,
|
|
9208
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
|
|
9209
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
|
|
9210
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9067
9211
|
ProgressBar_default,
|
|
9068
9212
|
{
|
|
9069
9213
|
size: "small",
|
|
@@ -9072,7 +9216,7 @@ var CardTopic = (0, import_react33.forwardRef)(
|
|
|
9072
9216
|
"data-testid": "progress-bar"
|
|
9073
9217
|
}
|
|
9074
9218
|
),
|
|
9075
|
-
showPercentage && /* @__PURE__ */ (0,
|
|
9219
|
+
showPercentage && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
9076
9220
|
Text_default,
|
|
9077
9221
|
{
|
|
9078
9222
|
size: "xs",
|
|
@@ -9106,7 +9250,7 @@ var CardPerformance = (0, import_react33.forwardRef)(
|
|
|
9106
9250
|
...props
|
|
9107
9251
|
}, ref) => {
|
|
9108
9252
|
const hasProgress = progress !== void 0;
|
|
9109
|
-
return /* @__PURE__ */ (0,
|
|
9253
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
9110
9254
|
CardBase,
|
|
9111
9255
|
{
|
|
9112
9256
|
ref,
|
|
@@ -9120,10 +9264,10 @@ var CardPerformance = (0, import_react33.forwardRef)(
|
|
|
9120
9264
|
onClick: () => actionVariant == "caret" && onClickButton?.(valueButton),
|
|
9121
9265
|
...props,
|
|
9122
9266
|
children: [
|
|
9123
|
-
/* @__PURE__ */ (0,
|
|
9124
|
-
/* @__PURE__ */ (0,
|
|
9125
|
-
/* @__PURE__ */ (0,
|
|
9126
|
-
actionVariant === "button" && /* @__PURE__ */ (0,
|
|
9267
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "w-full flex flex-col justify-between gap-2", children: [
|
|
9268
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row justify-between items-center gap-2", children: [
|
|
9269
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
|
|
9270
|
+
actionVariant === "button" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9127
9271
|
Button_default,
|
|
9128
9272
|
{
|
|
9129
9273
|
variant: "outline",
|
|
@@ -9134,16 +9278,16 @@ var CardPerformance = (0, import_react33.forwardRef)(
|
|
|
9134
9278
|
}
|
|
9135
9279
|
)
|
|
9136
9280
|
] }),
|
|
9137
|
-
/* @__PURE__ */ (0,
|
|
9281
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9138
9282
|
ProgressBar_default,
|
|
9139
9283
|
{
|
|
9140
9284
|
value: progress,
|
|
9141
9285
|
label: `${progress}% ${labelProgress}`,
|
|
9142
9286
|
variant: progressVariant
|
|
9143
9287
|
}
|
|
9144
|
-
) : /* @__PURE__ */ (0,
|
|
9288
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-xs text-text-600 truncate", children: description }) })
|
|
9145
9289
|
] }),
|
|
9146
|
-
actionVariant == "caret" && /* @__PURE__ */ (0,
|
|
9290
|
+
actionVariant == "caret" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9147
9291
|
import_phosphor_react22.CaretRight,
|
|
9148
9292
|
{
|
|
9149
9293
|
className: "size-4.5 text-text-800 cursor-pointer",
|
|
@@ -9167,7 +9311,7 @@ var CardResults = (0, import_react33.forwardRef)(
|
|
|
9167
9311
|
...props
|
|
9168
9312
|
}, ref) => {
|
|
9169
9313
|
const isRow = direction == "row";
|
|
9170
|
-
return /* @__PURE__ */ (0,
|
|
9314
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
9171
9315
|
CardBase,
|
|
9172
9316
|
{
|
|
9173
9317
|
ref,
|
|
@@ -9177,7 +9321,7 @@ var CardResults = (0, import_react33.forwardRef)(
|
|
|
9177
9321
|
className: cn("items-stretch cursor-pointer pr-4", className),
|
|
9178
9322
|
...props,
|
|
9179
9323
|
children: [
|
|
9180
|
-
/* @__PURE__ */ (0,
|
|
9324
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9181
9325
|
"div",
|
|
9182
9326
|
{
|
|
9183
9327
|
className: cn(
|
|
@@ -9186,11 +9330,11 @@ var CardResults = (0, import_react33.forwardRef)(
|
|
|
9186
9330
|
style: {
|
|
9187
9331
|
backgroundColor: color
|
|
9188
9332
|
},
|
|
9189
|
-
children: /* @__PURE__ */ (0,
|
|
9333
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(IconRender_default, { iconName: icon, color: "currentColor", size: 20 })
|
|
9190
9334
|
}
|
|
9191
9335
|
),
|
|
9192
|
-
/* @__PURE__ */ (0,
|
|
9193
|
-
/* @__PURE__ */ (0,
|
|
9336
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "w-full flex flex-row justify-between items-center", children: [
|
|
9337
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
9194
9338
|
"div",
|
|
9195
9339
|
{
|
|
9196
9340
|
className: cn(
|
|
@@ -9198,28 +9342,28 @@ var CardResults = (0, import_react33.forwardRef)(
|
|
|
9198
9342
|
isRow ? "flex-row items-center gap-2" : "flex-col"
|
|
9199
9343
|
),
|
|
9200
9344
|
children: [
|
|
9201
|
-
/* @__PURE__ */ (0,
|
|
9202
|
-
/* @__PURE__ */ (0,
|
|
9203
|
-
/* @__PURE__ */ (0,
|
|
9345
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm font-bold text-text-950 flex-1", children: header }),
|
|
9346
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "flex flex-wrap flex-row gap-1 items-center", children: [
|
|
9347
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
9204
9348
|
Badge_default,
|
|
9205
9349
|
{
|
|
9206
9350
|
action: "success",
|
|
9207
9351
|
variant: "solid",
|
|
9208
9352
|
size: "large",
|
|
9209
|
-
iconLeft: /* @__PURE__ */ (0,
|
|
9353
|
+
iconLeft: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.CheckCircle, {}),
|
|
9210
9354
|
children: [
|
|
9211
9355
|
correct_answers,
|
|
9212
9356
|
" Corretas"
|
|
9213
9357
|
]
|
|
9214
9358
|
}
|
|
9215
9359
|
),
|
|
9216
|
-
/* @__PURE__ */ (0,
|
|
9360
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
9217
9361
|
Badge_default,
|
|
9218
9362
|
{
|
|
9219
9363
|
action: "error",
|
|
9220
9364
|
variant: "solid",
|
|
9221
9365
|
size: "large",
|
|
9222
|
-
iconLeft: /* @__PURE__ */ (0,
|
|
9366
|
+
iconLeft: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.XCircle, {}),
|
|
9223
9367
|
children: [
|
|
9224
9368
|
incorrect_answers,
|
|
9225
9369
|
" Incorretas"
|
|
@@ -9230,7 +9374,7 @@ var CardResults = (0, import_react33.forwardRef)(
|
|
|
9230
9374
|
]
|
|
9231
9375
|
}
|
|
9232
9376
|
),
|
|
9233
|
-
/* @__PURE__ */ (0,
|
|
9377
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
|
|
9234
9378
|
] })
|
|
9235
9379
|
]
|
|
9236
9380
|
}
|
|
@@ -9256,13 +9400,13 @@ var CardStatus = (0, import_react33.forwardRef)(
|
|
|
9256
9400
|
const getIconBadge = (status2) => {
|
|
9257
9401
|
switch (status2) {
|
|
9258
9402
|
case "correct":
|
|
9259
|
-
return /* @__PURE__ */ (0,
|
|
9403
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.CheckCircle, {});
|
|
9260
9404
|
case "incorrect":
|
|
9261
|
-
return /* @__PURE__ */ (0,
|
|
9405
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.XCircle, {});
|
|
9262
9406
|
case "pending":
|
|
9263
|
-
return /* @__PURE__ */ (0,
|
|
9407
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.Clock, {});
|
|
9264
9408
|
default:
|
|
9265
|
-
return /* @__PURE__ */ (0,
|
|
9409
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.XCircle, {});
|
|
9266
9410
|
}
|
|
9267
9411
|
};
|
|
9268
9412
|
const getActionBadge = (status2) => {
|
|
@@ -9277,7 +9421,7 @@ var CardStatus = (0, import_react33.forwardRef)(
|
|
|
9277
9421
|
return "info";
|
|
9278
9422
|
}
|
|
9279
9423
|
};
|
|
9280
|
-
return /* @__PURE__ */ (0,
|
|
9424
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9281
9425
|
CardBase,
|
|
9282
9426
|
{
|
|
9283
9427
|
ref,
|
|
@@ -9286,10 +9430,10 @@ var CardStatus = (0, import_react33.forwardRef)(
|
|
|
9286
9430
|
minHeight: "medium",
|
|
9287
9431
|
className: cn("items-center cursor-pointer", className),
|
|
9288
9432
|
...props,
|
|
9289
|
-
children: /* @__PURE__ */ (0,
|
|
9290
|
-
/* @__PURE__ */ (0,
|
|
9291
|
-
/* @__PURE__ */ (0,
|
|
9292
|
-
status && /* @__PURE__ */ (0,
|
|
9433
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
|
|
9434
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
|
|
9435
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
|
|
9436
|
+
status && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9293
9437
|
Badge_default,
|
|
9294
9438
|
{
|
|
9295
9439
|
action: getActionBadge(status),
|
|
@@ -9299,9 +9443,9 @@ var CardStatus = (0, import_react33.forwardRef)(
|
|
|
9299
9443
|
children: getLabelBadge(status)
|
|
9300
9444
|
}
|
|
9301
9445
|
),
|
|
9302
|
-
label && /* @__PURE__ */ (0,
|
|
9446
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-text-800", children: label })
|
|
9303
9447
|
] }),
|
|
9304
|
-
/* @__PURE__ */ (0,
|
|
9448
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
|
|
9305
9449
|
] })
|
|
9306
9450
|
}
|
|
9307
9451
|
);
|
|
@@ -9309,7 +9453,7 @@ var CardStatus = (0, import_react33.forwardRef)(
|
|
|
9309
9453
|
);
|
|
9310
9454
|
var CardSettings = (0, import_react33.forwardRef)(
|
|
9311
9455
|
({ header, className, icon, ...props }, ref) => {
|
|
9312
|
-
return /* @__PURE__ */ (0,
|
|
9456
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
9313
9457
|
CardBase,
|
|
9314
9458
|
{
|
|
9315
9459
|
ref,
|
|
@@ -9322,9 +9466,9 @@ var CardSettings = (0, import_react33.forwardRef)(
|
|
|
9322
9466
|
),
|
|
9323
9467
|
...props,
|
|
9324
9468
|
children: [
|
|
9325
|
-
/* @__PURE__ */ (0,
|
|
9326
|
-
/* @__PURE__ */ (0,
|
|
9327
|
-
/* @__PURE__ */ (0,
|
|
9469
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "[&>svg]:size-6", children: icon }),
|
|
9470
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "w-full text-sm truncate", children: header }),
|
|
9471
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.CaretRight, { size: 24, className: "cursor-pointer" })
|
|
9328
9472
|
]
|
|
9329
9473
|
}
|
|
9330
9474
|
);
|
|
@@ -9332,7 +9476,7 @@ var CardSettings = (0, import_react33.forwardRef)(
|
|
|
9332
9476
|
);
|
|
9333
9477
|
var CardSupport = (0, import_react33.forwardRef)(
|
|
9334
9478
|
({ header, className, direction = "col", children, ...props }, ref) => {
|
|
9335
|
-
return /* @__PURE__ */ (0,
|
|
9479
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
9336
9480
|
CardBase,
|
|
9337
9481
|
{
|
|
9338
9482
|
ref,
|
|
@@ -9345,7 +9489,7 @@ var CardSupport = (0, import_react33.forwardRef)(
|
|
|
9345
9489
|
),
|
|
9346
9490
|
...props,
|
|
9347
9491
|
children: [
|
|
9348
|
-
/* @__PURE__ */ (0,
|
|
9492
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
9349
9493
|
"div",
|
|
9350
9494
|
{
|
|
9351
9495
|
className: cn(
|
|
@@ -9353,12 +9497,12 @@ var CardSupport = (0, import_react33.forwardRef)(
|
|
|
9353
9497
|
direction == "col" ? "flex-col" : "flex-row items-center"
|
|
9354
9498
|
),
|
|
9355
9499
|
children: [
|
|
9356
|
-
/* @__PURE__ */ (0,
|
|
9357
|
-
/* @__PURE__ */ (0,
|
|
9500
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
|
|
9501
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "flex flex-row gap-1", children })
|
|
9358
9502
|
]
|
|
9359
9503
|
}
|
|
9360
9504
|
),
|
|
9361
|
-
/* @__PURE__ */ (0,
|
|
9505
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
|
|
9362
9506
|
]
|
|
9363
9507
|
}
|
|
9364
9508
|
);
|
|
@@ -9378,7 +9522,7 @@ var CardForum = (0, import_react33.forwardRef)(
|
|
|
9378
9522
|
hour,
|
|
9379
9523
|
...props
|
|
9380
9524
|
}, ref) => {
|
|
9381
|
-
return /* @__PURE__ */ (0,
|
|
9525
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
9382
9526
|
CardBase,
|
|
9383
9527
|
{
|
|
9384
9528
|
ref,
|
|
@@ -9389,7 +9533,7 @@ var CardForum = (0, import_react33.forwardRef)(
|
|
|
9389
9533
|
className: cn("w-auto h-auto gap-3", className),
|
|
9390
9534
|
...props,
|
|
9391
9535
|
children: [
|
|
9392
|
-
/* @__PURE__ */ (0,
|
|
9536
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9393
9537
|
"button",
|
|
9394
9538
|
{
|
|
9395
9539
|
type: "button",
|
|
@@ -9398,18 +9542,18 @@ var CardForum = (0, import_react33.forwardRef)(
|
|
|
9398
9542
|
className: "min-w-8 h-8 rounded-full bg-background-950"
|
|
9399
9543
|
}
|
|
9400
9544
|
),
|
|
9401
|
-
/* @__PURE__ */ (0,
|
|
9402
|
-
/* @__PURE__ */ (0,
|
|
9403
|
-
/* @__PURE__ */ (0,
|
|
9404
|
-
/* @__PURE__ */ (0,
|
|
9545
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
|
|
9546
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
|
|
9547
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
|
|
9548
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", { className: "text-xs text-text-600", children: [
|
|
9405
9549
|
"\u2022 ",
|
|
9406
9550
|
date,
|
|
9407
9551
|
" \u2022 ",
|
|
9408
9552
|
hour
|
|
9409
9553
|
] })
|
|
9410
9554
|
] }),
|
|
9411
|
-
/* @__PURE__ */ (0,
|
|
9412
|
-
/* @__PURE__ */ (0,
|
|
9555
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
|
|
9556
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
9413
9557
|
"button",
|
|
9414
9558
|
{
|
|
9415
9559
|
type: "button",
|
|
@@ -9417,8 +9561,8 @@ var CardForum = (0, import_react33.forwardRef)(
|
|
|
9417
9561
|
onClick: () => onClickComments?.(valueComments),
|
|
9418
9562
|
className: "text-text-600 flex flex-row gap-2 items-center",
|
|
9419
9563
|
children: [
|
|
9420
|
-
/* @__PURE__ */ (0,
|
|
9421
|
-
/* @__PURE__ */ (0,
|
|
9564
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.ChatCircleText, { "aria-hidden": "true", size: 16 }),
|
|
9565
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", { className: "text-xs", children: [
|
|
9422
9566
|
comments,
|
|
9423
9567
|
" respostas"
|
|
9424
9568
|
] })
|
|
@@ -9521,12 +9665,12 @@ var CardAudio = (0, import_react33.forwardRef)(
|
|
|
9521
9665
|
};
|
|
9522
9666
|
const getVolumeIcon = () => {
|
|
9523
9667
|
if (volume === 0) {
|
|
9524
|
-
return /* @__PURE__ */ (0,
|
|
9668
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.SpeakerSimpleX, { size: 24 });
|
|
9525
9669
|
}
|
|
9526
9670
|
if (volume < 0.5) {
|
|
9527
|
-
return /* @__PURE__ */ (0,
|
|
9671
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.SpeakerLow, { size: 24 });
|
|
9528
9672
|
}
|
|
9529
|
-
return /* @__PURE__ */ (0,
|
|
9673
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.SpeakerHigh, { size: 24 });
|
|
9530
9674
|
};
|
|
9531
9675
|
(0, import_react33.useEffect)(() => {
|
|
9532
9676
|
const handleClickOutside = (event) => {
|
|
@@ -9542,7 +9686,7 @@ var CardAudio = (0, import_react33.forwardRef)(
|
|
|
9542
9686
|
document.removeEventListener("mousedown", handleClickOutside);
|
|
9543
9687
|
};
|
|
9544
9688
|
}, []);
|
|
9545
|
-
return /* @__PURE__ */ (0,
|
|
9689
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
9546
9690
|
CardBase,
|
|
9547
9691
|
{
|
|
9548
9692
|
ref,
|
|
@@ -9555,7 +9699,7 @@ var CardAudio = (0, import_react33.forwardRef)(
|
|
|
9555
9699
|
),
|
|
9556
9700
|
...props,
|
|
9557
9701
|
children: [
|
|
9558
|
-
/* @__PURE__ */ (0,
|
|
9702
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9559
9703
|
"audio",
|
|
9560
9704
|
{
|
|
9561
9705
|
ref: audioRef,
|
|
@@ -9567,7 +9711,7 @@ var CardAudio = (0, import_react33.forwardRef)(
|
|
|
9567
9711
|
onEnded: handleEnded,
|
|
9568
9712
|
"data-testid": "audio-element",
|
|
9569
9713
|
"aria-label": title,
|
|
9570
|
-
children: tracks ? tracks.map((track) => /* @__PURE__ */ (0,
|
|
9714
|
+
children: tracks ? tracks.map((track) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9571
9715
|
"track",
|
|
9572
9716
|
{
|
|
9573
9717
|
kind: track.kind,
|
|
@@ -9577,7 +9721,7 @@ var CardAudio = (0, import_react33.forwardRef)(
|
|
|
9577
9721
|
default: track.default
|
|
9578
9722
|
},
|
|
9579
9723
|
track.src
|
|
9580
|
-
)) : /* @__PURE__ */ (0,
|
|
9724
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9581
9725
|
"track",
|
|
9582
9726
|
{
|
|
9583
9727
|
kind: "captions",
|
|
@@ -9588,7 +9732,7 @@ var CardAudio = (0, import_react33.forwardRef)(
|
|
|
9588
9732
|
)
|
|
9589
9733
|
}
|
|
9590
9734
|
),
|
|
9591
|
-
/* @__PURE__ */ (0,
|
|
9735
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9592
9736
|
"button",
|
|
9593
9737
|
{
|
|
9594
9738
|
type: "button",
|
|
@@ -9596,14 +9740,14 @@ var CardAudio = (0, import_react33.forwardRef)(
|
|
|
9596
9740
|
disabled: !src,
|
|
9597
9741
|
className: "cursor-pointer text-text-950 hover:text-primary-600 disabled:text-text-400 disabled:cursor-not-allowed",
|
|
9598
9742
|
"aria-label": isPlaying ? "Pausar" : "Reproduzir",
|
|
9599
|
-
children: isPlaying ? /* @__PURE__ */ (0,
|
|
9600
|
-
/* @__PURE__ */ (0,
|
|
9601
|
-
/* @__PURE__ */ (0,
|
|
9602
|
-
] }) }) : /* @__PURE__ */ (0,
|
|
9743
|
+
children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex gap-0.5", children: [
|
|
9744
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" }),
|
|
9745
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-1 h-4 bg-current rounded-sm" })
|
|
9746
|
+
] }) }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.Play, { size: 24 })
|
|
9603
9747
|
}
|
|
9604
9748
|
),
|
|
9605
|
-
/* @__PURE__ */ (0,
|
|
9606
|
-
/* @__PURE__ */ (0,
|
|
9749
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(currentTime) }),
|
|
9750
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9607
9751
|
"button",
|
|
9608
9752
|
{
|
|
9609
9753
|
type: "button",
|
|
@@ -9618,7 +9762,7 @@ var CardAudio = (0, import_react33.forwardRef)(
|
|
|
9618
9762
|
}
|
|
9619
9763
|
},
|
|
9620
9764
|
"aria-label": "Barra de progresso do \xE1udio",
|
|
9621
|
-
children: /* @__PURE__ */ (0,
|
|
9765
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9622
9766
|
"div",
|
|
9623
9767
|
{
|
|
9624
9768
|
className: "h-full bg-primary-600 rounded-full transition-all duration-100",
|
|
@@ -9629,19 +9773,19 @@ var CardAudio = (0, import_react33.forwardRef)(
|
|
|
9629
9773
|
)
|
|
9630
9774
|
}
|
|
9631
9775
|
) }),
|
|
9632
|
-
/* @__PURE__ */ (0,
|
|
9633
|
-
/* @__PURE__ */ (0,
|
|
9634
|
-
/* @__PURE__ */ (0,
|
|
9776
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime2(duration) }),
|
|
9777
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "relative h-6", ref: volumeControlRef, children: [
|
|
9778
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9635
9779
|
"button",
|
|
9636
9780
|
{
|
|
9637
9781
|
type: "button",
|
|
9638
9782
|
onClick: toggleVolumeControl,
|
|
9639
9783
|
className: "cursor-pointer text-text-950 hover:text-primary-600",
|
|
9640
9784
|
"aria-label": "Controle de volume",
|
|
9641
|
-
children: /* @__PURE__ */ (0,
|
|
9785
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
|
|
9642
9786
|
}
|
|
9643
9787
|
),
|
|
9644
|
-
showVolumeControl && /* @__PURE__ */ (0,
|
|
9788
|
+
showVolumeControl && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9645
9789
|
"button",
|
|
9646
9790
|
{
|
|
9647
9791
|
type: "button",
|
|
@@ -9651,7 +9795,7 @@ var CardAudio = (0, import_react33.forwardRef)(
|
|
|
9651
9795
|
setShowVolumeControl(false);
|
|
9652
9796
|
}
|
|
9653
9797
|
},
|
|
9654
|
-
children: /* @__PURE__ */ (0,
|
|
9798
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9655
9799
|
"input",
|
|
9656
9800
|
{
|
|
9657
9801
|
type: "range",
|
|
@@ -9692,22 +9836,22 @@ var CardAudio = (0, import_react33.forwardRef)(
|
|
|
9692
9836
|
}
|
|
9693
9837
|
)
|
|
9694
9838
|
] }),
|
|
9695
|
-
/* @__PURE__ */ (0,
|
|
9696
|
-
/* @__PURE__ */ (0,
|
|
9839
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "relative h-6", ref: speedMenuRef, children: [
|
|
9840
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9697
9841
|
"button",
|
|
9698
9842
|
{
|
|
9699
9843
|
type: "button",
|
|
9700
9844
|
onClick: toggleSpeedMenu,
|
|
9701
9845
|
className: "cursor-pointer text-text-950 hover:text-primary-600",
|
|
9702
9846
|
"aria-label": "Op\xE7\xF5es de velocidade",
|
|
9703
|
-
children: /* @__PURE__ */ (0,
|
|
9847
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.DotsThreeVertical, { size: 24 })
|
|
9704
9848
|
}
|
|
9705
9849
|
),
|
|
9706
|
-
showSpeedMenu && /* @__PURE__ */ (0,
|
|
9850
|
+
showSpeedMenu && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "absolute bottom-full right-0 mb-2 p-2 bg-background border border-border-100 rounded-lg shadow-lg min-w-24 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-col gap-1", children: [
|
|
9707
9851
|
{ speed: 1, label: "1x" },
|
|
9708
9852
|
{ speed: 1.5, label: "1.5x" },
|
|
9709
9853
|
{ speed: 2, label: "2x" }
|
|
9710
|
-
].map(({ speed, label }) => /* @__PURE__ */ (0,
|
|
9854
|
+
].map(({ speed, label }) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9711
9855
|
"button",
|
|
9712
9856
|
{
|
|
9713
9857
|
type: "button",
|
|
@@ -9735,7 +9879,7 @@ var SIMULADO_BACKGROUND_CLASSES = {
|
|
|
9735
9879
|
var CardSimulado = (0, import_react33.forwardRef)(
|
|
9736
9880
|
({ title, duration, info, backgroundColor, className, ...props }, ref) => {
|
|
9737
9881
|
const backgroundClass = SIMULADO_BACKGROUND_CLASSES[backgroundColor];
|
|
9738
|
-
return /* @__PURE__ */ (0,
|
|
9882
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9739
9883
|
CardBase,
|
|
9740
9884
|
{
|
|
9741
9885
|
ref,
|
|
@@ -9748,18 +9892,18 @@ var CardSimulado = (0, import_react33.forwardRef)(
|
|
|
9748
9892
|
className
|
|
9749
9893
|
),
|
|
9750
9894
|
...props,
|
|
9751
|
-
children: /* @__PURE__ */ (0,
|
|
9752
|
-
/* @__PURE__ */ (0,
|
|
9753
|
-
/* @__PURE__ */ (0,
|
|
9754
|
-
/* @__PURE__ */ (0,
|
|
9755
|
-
duration && /* @__PURE__ */ (0,
|
|
9756
|
-
/* @__PURE__ */ (0,
|
|
9757
|
-
/* @__PURE__ */ (0,
|
|
9895
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex justify-between items-center w-full gap-4", children: [
|
|
9896
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
|
|
9897
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
|
|
9898
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-4 text-text-700", children: [
|
|
9899
|
+
duration && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-1", children: [
|
|
9900
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.Clock, { size: 16, className: "flex-shrink-0" }),
|
|
9901
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text_default, { size: "sm", children: duration })
|
|
9758
9902
|
] }),
|
|
9759
|
-
/* @__PURE__ */ (0,
|
|
9903
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text_default, { size: "sm", className: "truncate", children: info })
|
|
9760
9904
|
] })
|
|
9761
9905
|
] }),
|
|
9762
|
-
/* @__PURE__ */ (0,
|
|
9906
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9763
9907
|
import_phosphor_react22.CaretRight,
|
|
9764
9908
|
{
|
|
9765
9909
|
size: 24,
|
|
@@ -9804,7 +9948,7 @@ var CardTest = (0, import_react33.forwardRef)(
|
|
|
9804
9948
|
const interactiveClasses = isSelectable ? "cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary-950 focus:ring-offset-2" : "";
|
|
9805
9949
|
const selectedClasses = selected ? "ring-2 ring-primary-950 ring-offset-2" : "";
|
|
9806
9950
|
if (isSelectable) {
|
|
9807
|
-
return /* @__PURE__ */ (0,
|
|
9951
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9808
9952
|
"button",
|
|
9809
9953
|
{
|
|
9810
9954
|
ref,
|
|
@@ -9816,8 +9960,8 @@ var CardTest = (0, import_react33.forwardRef)(
|
|
|
9816
9960
|
onKeyDown: handleKeyDown,
|
|
9817
9961
|
"aria-pressed": selected,
|
|
9818
9962
|
...props,
|
|
9819
|
-
children: /* @__PURE__ */ (0,
|
|
9820
|
-
/* @__PURE__ */ (0,
|
|
9963
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
|
|
9964
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9821
9965
|
Text_default,
|
|
9822
9966
|
{
|
|
9823
9967
|
size: "md",
|
|
@@ -9826,10 +9970,10 @@ var CardTest = (0, import_react33.forwardRef)(
|
|
|
9826
9970
|
children: title
|
|
9827
9971
|
}
|
|
9828
9972
|
),
|
|
9829
|
-
/* @__PURE__ */ (0,
|
|
9830
|
-
duration && /* @__PURE__ */ (0,
|
|
9831
|
-
/* @__PURE__ */ (0,
|
|
9832
|
-
/* @__PURE__ */ (0,
|
|
9973
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
|
|
9974
|
+
duration && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
|
|
9975
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.Clock, { size: 16, className: "text-text-700" }),
|
|
9976
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9833
9977
|
Text_default,
|
|
9834
9978
|
{
|
|
9835
9979
|
size: "sm",
|
|
@@ -9838,7 +9982,7 @@ var CardTest = (0, import_react33.forwardRef)(
|
|
|
9838
9982
|
}
|
|
9839
9983
|
)
|
|
9840
9984
|
] }),
|
|
9841
|
-
/* @__PURE__ */ (0,
|
|
9985
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9842
9986
|
Text_default,
|
|
9843
9987
|
{
|
|
9844
9988
|
size: "sm",
|
|
@@ -9851,14 +9995,14 @@ var CardTest = (0, import_react33.forwardRef)(
|
|
|
9851
9995
|
}
|
|
9852
9996
|
);
|
|
9853
9997
|
}
|
|
9854
|
-
return /* @__PURE__ */ (0,
|
|
9998
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9855
9999
|
"div",
|
|
9856
10000
|
{
|
|
9857
10001
|
ref,
|
|
9858
10002
|
className: cn(`${baseClasses} ${className}`.trim()),
|
|
9859
10003
|
...props,
|
|
9860
|
-
children: /* @__PURE__ */ (0,
|
|
9861
|
-
/* @__PURE__ */ (0,
|
|
10004
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
|
|
10005
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9862
10006
|
Text_default,
|
|
9863
10007
|
{
|
|
9864
10008
|
size: "md",
|
|
@@ -9867,10 +10011,10 @@ var CardTest = (0, import_react33.forwardRef)(
|
|
|
9867
10011
|
children: title
|
|
9868
10012
|
}
|
|
9869
10013
|
),
|
|
9870
|
-
/* @__PURE__ */ (0,
|
|
9871
|
-
duration && /* @__PURE__ */ (0,
|
|
9872
|
-
/* @__PURE__ */ (0,
|
|
9873
|
-
/* @__PURE__ */ (0,
|
|
10014
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
|
|
10015
|
+
duration && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
|
|
10016
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_phosphor_react22.Clock, { size: 16, className: "text-text-700" }),
|
|
10017
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9874
10018
|
Text_default,
|
|
9875
10019
|
{
|
|
9876
10020
|
size: "sm",
|
|
@@ -9879,7 +10023,7 @@ var CardTest = (0, import_react33.forwardRef)(
|
|
|
9879
10023
|
}
|
|
9880
10024
|
)
|
|
9881
10025
|
] }),
|
|
9882
|
-
/* @__PURE__ */ (0,
|
|
10026
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9883
10027
|
Text_default,
|
|
9884
10028
|
{
|
|
9885
10029
|
size: "sm",
|
|
@@ -9916,14 +10060,14 @@ var SIMULATION_TYPE_STYLES = {
|
|
|
9916
10060
|
}
|
|
9917
10061
|
};
|
|
9918
10062
|
var CardSimulationHistory = (0, import_react33.forwardRef)(({ data, onSimulationClick, className, ...props }, ref) => {
|
|
9919
|
-
return /* @__PURE__ */ (0,
|
|
10063
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9920
10064
|
"div",
|
|
9921
10065
|
{
|
|
9922
10066
|
ref,
|
|
9923
10067
|
className: cn("w-full max-w-[992px] h-auto", className),
|
|
9924
10068
|
...props,
|
|
9925
|
-
children: /* @__PURE__ */ (0,
|
|
9926
|
-
data.map((section, sectionIndex) => /* @__PURE__ */ (0,
|
|
10069
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col gap-0", children: [
|
|
10070
|
+
data.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
9927
10071
|
"div",
|
|
9928
10072
|
{
|
|
9929
10073
|
className: cn(
|
|
@@ -9931,7 +10075,7 @@ var CardSimulationHistory = (0, import_react33.forwardRef)(({ data, onSimulation
|
|
|
9931
10075
|
sectionIndex === 0 ? "rounded-t-3xl" : ""
|
|
9932
10076
|
),
|
|
9933
10077
|
children: [
|
|
9934
|
-
/* @__PURE__ */ (0,
|
|
10078
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9935
10079
|
Text_default,
|
|
9936
10080
|
{
|
|
9937
10081
|
size: "xs",
|
|
@@ -9940,9 +10084,9 @@ var CardSimulationHistory = (0, import_react33.forwardRef)(({ data, onSimulation
|
|
|
9940
10084
|
children: section.date
|
|
9941
10085
|
}
|
|
9942
10086
|
),
|
|
9943
|
-
/* @__PURE__ */ (0,
|
|
10087
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
|
|
9944
10088
|
const typeStyles = SIMULATION_TYPE_STYLES[simulation.type];
|
|
9945
|
-
return /* @__PURE__ */ (0,
|
|
10089
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9946
10090
|
CardBase,
|
|
9947
10091
|
{
|
|
9948
10092
|
layout: "horizontal",
|
|
@@ -9954,9 +10098,9 @@ var CardSimulationHistory = (0, import_react33.forwardRef)(({ data, onSimulation
|
|
|
9954
10098
|
transition-shadow duration-200 h-auto min-h-[61px]`
|
|
9955
10099
|
),
|
|
9956
10100
|
onClick: () => onSimulationClick?.(simulation),
|
|
9957
|
-
children: /* @__PURE__ */ (0,
|
|
9958
|
-
/* @__PURE__ */ (0,
|
|
9959
|
-
/* @__PURE__ */ (0,
|
|
10101
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex justify-between items-center w-full gap-2", children: [
|
|
10102
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-wrap flex-col justify-between sm:flex-row gap-2 flex-1 min-w-0", children: [
|
|
10103
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9960
10104
|
Text_default,
|
|
9961
10105
|
{
|
|
9962
10106
|
size: "lg",
|
|
@@ -9965,8 +10109,8 @@ var CardSimulationHistory = (0, import_react33.forwardRef)(({ data, onSimulation
|
|
|
9965
10109
|
children: simulation.title
|
|
9966
10110
|
}
|
|
9967
10111
|
),
|
|
9968
|
-
/* @__PURE__ */ (0,
|
|
9969
|
-
/* @__PURE__ */ (0,
|
|
10112
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
10113
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9970
10114
|
Badge_default,
|
|
9971
10115
|
{
|
|
9972
10116
|
variant: "examsOutlined",
|
|
@@ -9975,10 +10119,10 @@ var CardSimulationHistory = (0, import_react33.forwardRef)(({ data, onSimulation
|
|
|
9975
10119
|
children: typeStyles.text
|
|
9976
10120
|
}
|
|
9977
10121
|
),
|
|
9978
|
-
/* @__PURE__ */ (0,
|
|
10122
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
|
|
9979
10123
|
] })
|
|
9980
10124
|
] }),
|
|
9981
|
-
/* @__PURE__ */ (0,
|
|
10125
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
9982
10126
|
import_phosphor_react22.CaretRight,
|
|
9983
10127
|
{
|
|
9984
10128
|
size: 24,
|
|
@@ -9994,7 +10138,7 @@ var CardSimulationHistory = (0, import_react33.forwardRef)(({ data, onSimulation
|
|
|
9994
10138
|
]
|
|
9995
10139
|
}
|
|
9996
10140
|
) }, section.date)),
|
|
9997
|
-
data.length > 0 && /* @__PURE__ */ (0,
|
|
10141
|
+
data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-full h-6 bg-background rounded-b-3xl" })
|
|
9998
10142
|
] })
|
|
9999
10143
|
}
|
|
10000
10144
|
);
|
|
@@ -10002,7 +10146,7 @@ var CardSimulationHistory = (0, import_react33.forwardRef)(({ data, onSimulation
|
|
|
10002
10146
|
|
|
10003
10147
|
// src/components/StatisticsCard/StatisticsCard.tsx
|
|
10004
10148
|
var import_phosphor_react23 = require("phosphor-react");
|
|
10005
|
-
var
|
|
10149
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
10006
10150
|
var VARIANT_STYLES = {
|
|
10007
10151
|
high: "bg-success-background",
|
|
10008
10152
|
medium: "bg-warning-background",
|
|
@@ -10016,12 +10160,12 @@ var VALUE_TEXT_COLORS = {
|
|
|
10016
10160
|
total: "text-info-700"
|
|
10017
10161
|
};
|
|
10018
10162
|
var StatCard = ({ item, showPlaceholder = false }) => {
|
|
10019
|
-
return /* @__PURE__ */ (0,
|
|
10163
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
10020
10164
|
"div",
|
|
10021
10165
|
{
|
|
10022
10166
|
className: `rounded-xl py-[17px] px-6 min-h-[105px] flex flex-col justify-center items-start gap-1 ${VARIANT_STYLES[item.variant]}`,
|
|
10023
10167
|
children: [
|
|
10024
|
-
/* @__PURE__ */ (0,
|
|
10168
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
10025
10169
|
Text_default,
|
|
10026
10170
|
{
|
|
10027
10171
|
size: "4xl",
|
|
@@ -10030,7 +10174,7 @@ var StatCard = ({ item, showPlaceholder = false }) => {
|
|
|
10030
10174
|
children: showPlaceholder ? "-" : item.value
|
|
10031
10175
|
}
|
|
10032
10176
|
),
|
|
10033
|
-
/* @__PURE__ */ (0,
|
|
10177
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
10034
10178
|
Text_default,
|
|
10035
10179
|
{
|
|
10036
10180
|
size: "xs",
|
|
@@ -10065,13 +10209,13 @@ var StatisticsCard = ({
|
|
|
10065
10209
|
}) => {
|
|
10066
10210
|
const hasData = data && data.length > 0;
|
|
10067
10211
|
const gridColumnsClass = hasData ? getGridColumnsClass(data.length) : "";
|
|
10068
|
-
return /* @__PURE__ */ (0,
|
|
10212
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
10069
10213
|
"div",
|
|
10070
10214
|
{
|
|
10071
10215
|
className: `bg-background rounded-xl p-4 h-auto lg:h-[185px] flex flex-col gap-2 ${className}`,
|
|
10072
10216
|
children: [
|
|
10073
|
-
/* @__PURE__ */ (0,
|
|
10074
|
-
/* @__PURE__ */ (0,
|
|
10217
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-row justify-between items-center gap-4", children: [
|
|
10218
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
10075
10219
|
Text_default,
|
|
10076
10220
|
{
|
|
10077
10221
|
as: "h3",
|
|
@@ -10082,22 +10226,22 @@ var StatisticsCard = ({
|
|
|
10082
10226
|
children: title
|
|
10083
10227
|
}
|
|
10084
10228
|
),
|
|
10085
|
-
dropdownOptions && dropdownOptions.length > 0 && /* @__PURE__ */ (0,
|
|
10229
|
+
dropdownOptions && dropdownOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "w-[120px] min-w-[90px] sm:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
10086
10230
|
Select_default,
|
|
10087
10231
|
{
|
|
10088
10232
|
value: selectedDropdownValue,
|
|
10089
10233
|
onValueChange: onDropdownChange,
|
|
10090
10234
|
size: "medium",
|
|
10091
10235
|
children: [
|
|
10092
|
-
/* @__PURE__ */ (0,
|
|
10236
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
10093
10237
|
SelectTrigger,
|
|
10094
10238
|
{
|
|
10095
10239
|
className: "border border-border-300 rounded [&>span]:whitespace-nowrap [&>span]:overflow-hidden [&>span]:text-ellipsis",
|
|
10096
10240
|
"aria-label": dropdownAriaLabel,
|
|
10097
|
-
children: /* @__PURE__ */ (0,
|
|
10241
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectValue, { placeholder: selectPlaceholder })
|
|
10098
10242
|
}
|
|
10099
10243
|
),
|
|
10100
|
-
/* @__PURE__ */ (0,
|
|
10244
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectContent, { className: "min-w-[120px]", children: dropdownOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
10101
10245
|
SelectItem,
|
|
10102
10246
|
{
|
|
10103
10247
|
value: option.value,
|
|
@@ -10110,11 +10254,11 @@ var StatisticsCard = ({
|
|
|
10110
10254
|
}
|
|
10111
10255
|
) })
|
|
10112
10256
|
] }),
|
|
10113
|
-
hasData ? /* @__PURE__ */ (0,
|
|
10257
|
+
hasData ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
10114
10258
|
"div",
|
|
10115
10259
|
{
|
|
10116
10260
|
className: `grid grid-cols-1 sm:grid-cols-2 gap-[13px] ${gridColumnsClass}`,
|
|
10117
|
-
children: data.map((item, index) => /* @__PURE__ */ (0,
|
|
10261
|
+
children: data.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
10118
10262
|
StatCard,
|
|
10119
10263
|
{
|
|
10120
10264
|
item,
|
|
@@ -10123,8 +10267,8 @@ var StatisticsCard = ({
|
|
|
10123
10267
|
`${item.variant}-${item.label}-${index}`
|
|
10124
10268
|
))
|
|
10125
10269
|
}
|
|
10126
|
-
) : /* @__PURE__ */ (0,
|
|
10127
|
-
/* @__PURE__ */ (0,
|
|
10270
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "border border-dashed border-border-300 rounded-lg p-6 min-h-[105px] flex flex-col items-center justify-center gap-2", children: [
|
|
10271
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
10128
10272
|
Text_default,
|
|
10129
10273
|
{
|
|
10130
10274
|
size: "sm",
|
|
@@ -10133,14 +10277,14 @@ var StatisticsCard = ({
|
|
|
10133
10277
|
children: emptyStateMessage
|
|
10134
10278
|
}
|
|
10135
10279
|
),
|
|
10136
|
-
onEmptyStateButtonClick && /* @__PURE__ */ (0,
|
|
10280
|
+
onEmptyStateButtonClick && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
10137
10281
|
Button_default,
|
|
10138
10282
|
{
|
|
10139
10283
|
variant: "outline",
|
|
10140
10284
|
action: "primary",
|
|
10141
10285
|
size: "small",
|
|
10142
10286
|
onClick: onEmptyStateButtonClick,
|
|
10143
|
-
iconLeft: /* @__PURE__ */ (0,
|
|
10287
|
+
iconLeft: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_phosphor_react23.Plus, { size: 16, weight: "bold" }),
|
|
10144
10288
|
children: emptyStateButtonText
|
|
10145
10289
|
}
|
|
10146
10290
|
)
|
|
@@ -10151,7 +10295,7 @@ var StatisticsCard = ({
|
|
|
10151
10295
|
};
|
|
10152
10296
|
|
|
10153
10297
|
// src/components/NotFound/NotFound.tsx
|
|
10154
|
-
var
|
|
10298
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
10155
10299
|
var NotFound = ({
|
|
10156
10300
|
title,
|
|
10157
10301
|
description,
|
|
@@ -10194,22 +10338,22 @@ var NotFound = ({
|
|
|
10194
10338
|
const errorTitle = title || getDefaultTitle();
|
|
10195
10339
|
const errorDescription = description || getDefaultDescription();
|
|
10196
10340
|
const errorCode = getErrorCode();
|
|
10197
|
-
return /* @__PURE__ */ (0,
|
|
10341
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
10198
10342
|
"div",
|
|
10199
10343
|
{
|
|
10200
10344
|
className: cn(
|
|
10201
10345
|
"flex flex-col w-full h-screen items-center justify-center bg-background-50 px-4",
|
|
10202
10346
|
className
|
|
10203
10347
|
),
|
|
10204
|
-
children: /* @__PURE__ */ (0,
|
|
10348
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
10205
10349
|
"main",
|
|
10206
10350
|
{
|
|
10207
10351
|
role: "main",
|
|
10208
10352
|
"aria-labelledby": "error-title",
|
|
10209
10353
|
"aria-describedby": "error-description",
|
|
10210
10354
|
className: "flex flex-col items-center text-center max-w-md space-y-6",
|
|
10211
|
-
children: /* @__PURE__ */ (0,
|
|
10212
|
-
/* @__PURE__ */ (0,
|
|
10355
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("section", { "aria-label": `Erro ${errorCode}`, children: [
|
|
10356
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
10213
10357
|
"div",
|
|
10214
10358
|
{
|
|
10215
10359
|
className: "text-8xl font-bold text-primary-300 select-none",
|
|
@@ -10217,8 +10361,8 @@ var NotFound = ({
|
|
|
10217
10361
|
children: errorCode
|
|
10218
10362
|
}
|
|
10219
10363
|
),
|
|
10220
|
-
/* @__PURE__ */ (0,
|
|
10221
|
-
/* @__PURE__ */ (0,
|
|
10364
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("header", { className: "space-y-2", children: [
|
|
10365
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
10222
10366
|
Text_default,
|
|
10223
10367
|
{
|
|
10224
10368
|
size: "xl",
|
|
@@ -10229,9 +10373,9 @@ var NotFound = ({
|
|
|
10229
10373
|
children: errorTitle
|
|
10230
10374
|
}
|
|
10231
10375
|
),
|
|
10232
|
-
/* @__PURE__ */ (0,
|
|
10376
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text_default, { size: "md", className: "text-text-600", id: "error-description", children: errorDescription })
|
|
10233
10377
|
] }),
|
|
10234
|
-
onButtonClick && /* @__PURE__ */ (0,
|
|
10378
|
+
onButtonClick && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("nav", { "aria-label": "Navega\xE7\xE3o de erro", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
10235
10379
|
Button_default,
|
|
10236
10380
|
{
|
|
10237
10381
|
onClick: handleButtonClick,
|
|
@@ -10251,35 +10395,6 @@ var NotFound = ({
|
|
|
10251
10395
|
};
|
|
10252
10396
|
var NotFound_default = NotFound;
|
|
10253
10397
|
|
|
10254
|
-
// src/components/NoSearchResult/NoSearchResult.tsx
|
|
10255
|
-
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
10256
|
-
var NoSearchResult = ({ image, title, description }) => {
|
|
10257
|
-
const displayTitle = title || "Nenhum resultado encontrado";
|
|
10258
|
-
const displayDescription = description || "N\xE3o encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave.";
|
|
10259
|
-
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-row justify-center items-center gap-8 w-full max-w-4xl min-h-96", children: [
|
|
10260
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "w-72 h-72 flex-shrink-0 relative", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
10261
|
-
"img",
|
|
10262
|
-
{
|
|
10263
|
-
src: image,
|
|
10264
|
-
alt: "No search results",
|
|
10265
|
-
className: "w-full h-full object-contain"
|
|
10266
|
-
}
|
|
10267
|
-
) }),
|
|
10268
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col items-start w-full max-w-md", children: [
|
|
10269
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex flex-row justify-between items-end px-6 pt-6 pb-4 w-full rounded-t-xl", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
10270
|
-
Text_default,
|
|
10271
|
-
{
|
|
10272
|
-
as: "h2",
|
|
10273
|
-
className: "text-text-950 font-semibold text-3xl leading-tight w-full flex items-center",
|
|
10274
|
-
children: displayTitle
|
|
10275
|
-
}
|
|
10276
|
-
) }),
|
|
10277
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex flex-row justify-center items-center px-6 gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text_default, { className: "text-text-600 font-normal text-lg leading-relaxed w-full text-justify", children: displayDescription }) })
|
|
10278
|
-
] })
|
|
10279
|
-
] });
|
|
10280
|
-
};
|
|
10281
|
-
var NoSearchResult_default = NoSearchResult;
|
|
10282
|
-
|
|
10283
10398
|
// src/components/VideoPlayer/VideoPlayer.tsx
|
|
10284
10399
|
var import_react35 = require("react");
|
|
10285
10400
|
var import_react_dom = require("react-dom");
|