analytica-frontend-lib 1.0.46 → 1.0.47

package/dist/index.mjs

@@ -2899,40 +2899,33 @@ var Modal = ({
   if (!isOpen) return null;
   const sizeClasses = SIZE_CLASSES10[size];
   const baseClasses = "bg-background rounded-3xl shadow-hard-shadow-2 border border-border-100 w-full mx-4";
-  const modalClasses = `${baseClasses} ${sizeClasses} ${className}`;
+  const dialogResetClasses = "p-0 m-0 border-none outline-none max-h-none static";
+  const modalClasses = `${baseClasses} ${sizeClasses} ${dialogResetClasses} ${className}`;
   return /* @__PURE__ */ jsx22(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-xs",
       onClick: handleBackdropClick,
       onKeyDown: handleBackdropKeyDown,
-      role: "none",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxs17(
-        "div",
-        {
-          className: modalClasses,
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-labelledby": "modal-title",
-          children: [
-            /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between px-6 py-6", children: [
-              /* @__PURE__ */ jsx22("h2", { id: "modal-title", className: "text-lg font-semibold text-text-950", children: title }),
-              !hideCloseButton && /* @__PURE__ */ jsx22(
-                "button",
-                {
-                  onClick: onClose,
-                  className: "p-1 text-text-500 hover:text-text-700 hover:bg-background-50 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-indicator-info focus:ring-offset-2",
-                  "aria-label": "Fechar modal",
-                  children: /* @__PURE__ */ jsx22(X2, { size: 18 })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx22("div", { className: "px-6 pb-6", children: /* @__PURE__ */ jsx22("div", { className: "text-text-500 font-normal text-sm leading-6", children }) }),
-            footer && /* @__PURE__ */ jsx22("div", { className: "flex justify-end gap-3 px-6 pb-6", children: footer })
-          ]
-        }
-      )
+      role: "button",
+      tabIndex: closeOnBackdropClick ? 0 : -1,
+      "aria-label": "Fechar modal clicando no fundo",
+      children: /* @__PURE__ */ jsxs17("dialog", { className: modalClasses, "aria-labelledby": "modal-title", open: true, children: [
+        /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between px-6 py-6", children: [
+          /* @__PURE__ */ jsx22("h2", { id: "modal-title", className: "text-lg font-semibold text-text-950", children: title }),
+          !hideCloseButton && /* @__PURE__ */ jsx22(
+            "button",
+            {
+              onClick: onClose,
+              className: "p-1 text-text-500 hover:text-text-700 hover:bg-background-50 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-indicator-info focus:ring-offset-2",
+              "aria-label": "Fechar modal",
+              children: /* @__PURE__ */ jsx22(X2, { size: 18 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx22("div", { className: "px-6 pb-6", children: /* @__PURE__ */ jsx22("div", { className: "text-text-500 font-normal text-sm leading-6", children }) }),
+        footer && /* @__PURE__ */ jsx22("div", { className: "flex justify-end gap-3 px-6 pb-6", children: footer })
+      ] })
     }
   );
 };
@@ -3332,9 +3325,9 @@ import {
 import { CaretDown, Check as Check4 } from "phosphor-react";
 import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 var VARIANT_CLASSES4 = {
-  outlined: "border-2 rounded-sm focus:border-primary-950",
-  underlined: "border-b-2 focus:border-primary-950",
-  rounded: "border-2 rounded-4xl focus:border-primary-950"
+  outlined: "border rounded-sm focus:border-primary-950",
+  underlined: "border-b focus:border-primary-950",
+  rounded: "border rounded-4xl focus:border-primary-950"
 };
 var SIZE_CLASSES11 = {
   small: "text-sm",
@@ -3508,7 +3501,7 @@ var SelectTrigger = forwardRef10(
         ref,
         className: `
         flex h-9 min-w-[220px] w-full items-center justify-between border-border-300 px-3 py-2
-        ${invalid && "border-indicator-error text-text-600"}
+        ${invalid && `${variant == "underlined" ? "border-b-2" : "border-2"} border-indicator-error text-text-600`}
         ${disabled ? "cursor-not-allowed text-text-400 pointer-events-none opacity-50" : "cursor-pointer hover:bg-background-50 focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground"}
         ${!invalid && !disabled ? "text-text-700" : ""}
         ${variantClasses}
@@ -3704,6 +3697,9 @@ var MenuItem = forwardRef11(
         if (["Enter", " "].includes(e.key)) handleClick(e);
       },
       tabIndex: disabled ? -1 : 0,
+      onMouseDown: (e) => {
+        e.preventDefault();
+      },
       ...props
     };
     const variants = {
@@ -3788,7 +3784,12 @@ var Menu_default = Menu;
 
 // src/components/Card/Card.tsx
 import { forwardRef as forwardRef12, Fragment as Fragment4 } from "react";
-import { CaretRight as CaretRight2, CheckCircle as CheckCircle3, XCircle as XCircle2 } from "phosphor-react";
+import {
+  CaretRight as CaretRight2,
+  ChatCircleText,
+  CheckCircle as CheckCircle3,
+  XCircle as XCircle2
+} from "phosphor-react";
 import { Fragment as Fragment5, jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
 var ACTION_CARD_CLASSES = {
   warning: "bg-warning-background",
@@ -3912,7 +3913,14 @@ var CardQuestions = forwardRef12(
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx26(Button_default, { size: "extra-small", onClick: () => onClickButton?.(valueButton), children: buttonLabel })
+          /* @__PURE__ */ jsx26("span", { children: /* @__PURE__ */ jsx26(
+            Button_default,
+            {
+              size: "extra-small",
+              onClick: () => onClickButton?.(valueButton),
+              children: buttonLabel
+            }
+          ) })
         ]
       }
     );
@@ -4040,7 +4048,7 @@ var CardPerformance = forwardRef12(
       "div",
       {
         ref,
-        className: `w-full h-20.5 flex flex-row justify-between p-4 gap-2 bg-background border border-border-50 ${className}`,
+        className: `w-full min-h-20.5 flex flex-row justify-between p-4 gap-2 bg-background border border-border-50 ${className}`,
         ...props,
         children: [
           /* @__PURE__ */ jsxs21("div", { className: "w-full flex flex-col justify-between gap-2", children: [
@@ -4061,7 +4069,7 @@ var CardPerformance = forwardRef12(
           !hasProgress && /* @__PURE__ */ jsx26(
             CaretRight2,
             {
-              className: "size-4.5",
+              className: "size-4.5 text-text-800",
               "data-testid": "caret-icon",
               onClick: () => onClickButton?.(valueButton)
             }
@@ -4145,7 +4153,7 @@ var CardResults = forwardRef12(
               ]
             }
           ),
-          /* @__PURE__ */ jsx26(CaretRight2, { className: "min-w-6 min-h-6" })
+          /* @__PURE__ */ jsx26(CaretRight2, { className: "min-w-6 min-h-6 text-text-800" })
         ]
       }
     );
@@ -4187,7 +4195,114 @@ var CardStatus = forwardRef12(
               ]
             }
           ),
-          /* @__PURE__ */ jsx26(CaretRight2, { className: "min-w-6 min-h-6" })
+          /* @__PURE__ */ jsx26(CaretRight2, { className: "min-w-6 min-h-6 text-text-800" })
+        ]
+      }
+    );
+  }
+);
+var CardSettings = forwardRef12(
+  ({ header, className, icon, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs21(
+      "div",
+      {
+        ref,
+        className: `w-full p-2 flex flex-row items-center gap-2 text-text-700 bg-background rounded-xl ${className}`,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx26("span", { className: "[&>svg]:size-6", children: icon }),
+          /* @__PURE__ */ jsx26("p", { className: "w-full text-md", children: header }),
+          /* @__PURE__ */ jsx26(CaretRight2, { size: 24 })
+        ]
+      }
+    );
+  }
+);
+var CardSupport = forwardRef12(
+  ({ header, className, direction = "col", children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs21(
+      "div",
+      {
+        ref,
+        className: `w-full p-4 flex flex-row items-center gap-2 text-text-700  bg-background rounded-xl ${className}`,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs21(
+            "div",
+            {
+              className: `
+              w-full flex ${direction == "col" ? "flex-col" : "flex-row items-center"}  gap-2
+          `,
+              children: [
+                /* @__PURE__ */ jsx26("span", { className: "w-full", children: /* @__PURE__ */ jsx26("p", { className: "text-xs text-text-950 font-bold", children: header }) }),
+                /* @__PURE__ */ jsx26("span", { className: "flex flex-row gap-1", children })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx26(CaretRight2, { className: "text-text-800", size: 24 })
+        ]
+      }
+    );
+  }
+);
+var CardForum = forwardRef12(
+  ({
+    title,
+    content,
+    comments,
+    onClickComments,
+    valueComments,
+    onClickProfile,
+    valueProfile,
+    className = "",
+    date,
+    hour,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs21(
+      "div",
+      {
+        ref,
+        className: `w-auto h-auto p-4 rounded-lg flex flex-row gap-3 border border-border-100 bg-background ${className}`,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx26(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Ver perfil",
+              onClick: () => onClickProfile?.(valueProfile),
+              className: "min-w-8 h-8 rounded-full bg-background-950"
+            }
+          ),
+          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-2 flex-1", children: [
+            /* @__PURE__ */ jsxs21("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
+              /* @__PURE__ */ jsx26("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
+              /* @__PURE__ */ jsxs21("p", { className: "text-xs text-text-600", children: [
+                "\u2022 ",
+                date,
+                " \u2022 ",
+                hour
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx26("p", { className: "text-text-950 text-sm line-clamp-2", children: content }),
+            /* @__PURE__ */ jsxs21(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Ver coment\xE1rios",
+                onClick: () => onClickComments?.(valueComments),
+                className: "text-text-600 flex flex-row gap-2 items-center",
+                children: [
+                  /* @__PURE__ */ jsx26(ChatCircleText, { "aria-hidden": "true", size: 16 }),
+                  /* @__PURE__ */ jsxs21("p", { className: "text-xs", children: [
+                    comments,
+                    " respostas"
+                  ] })
+                ]
+              }
+            )
+          ] })
         ]
       }
     );