analytica-frontend-lib 1.0.75 → 1.0.76

package/dist/index.mjs

@@ -3098,7 +3098,11 @@ var Modal = ({
 var Modal_default = Modal;
 
 // src/components/Accordation/Accordation.tsx
-import { forwardRef as forwardRef10, useId as useId5, useState as useState7 } from "react";
+import {
+  forwardRef as forwardRef10,
+  useId as useId5,
+  useState as useState7
+} from "react";
 
 // src/components/Card/Card.tsx
 import {
@@ -4163,7 +4167,7 @@ import { CaretRight as CaretRight2 } from "phosphor-react";
 import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 var CardAccordation = forwardRef10(
   ({
-    title,
+    trigger,
     children,
     className,
     defaultExpanded = false,
@@ -4177,6 +4181,12 @@ var CardAccordation = forwardRef10(
       setIsExpanded(newExpanded);
       onToggleExpanded?.(newExpanded);
     };
+    const handleKeyDown = (event) => {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        handleToggle();
+      }
+    };
     return /* @__PURE__ */ jsxs19(
       CardBase,
       {
@@ -4191,19 +4201,12 @@ var CardAccordation = forwardRef10(
             "button",
             {
               onClick: handleToggle,
-              className: "w-full cursor-pointer p-4 flex items-center justify-between gap-3 text-left transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-inset",
+              onKeyDown: handleKeyDown,
+              className: "w-full cursor-pointer text-text-950 not-aria-expanded:rounded-xl aria-expanded:rounded-t-xl p-4 flex items-center justify-between gap-3 text-left transition-colors duration-200 focus:outline-none focus:border-2 focus:border-primary-950 focus:ring-inset",
               "aria-expanded": isExpanded,
               "aria-controls": "accordion-content",
               children: [
-                /* @__PURE__ */ jsx24(
-                  Text_default,
-                  {
-                    size: "sm",
-                    weight: "bold",
-                    className: "text-text-950 truncate flex-1",
-                    children: title
-                  }
-                ),
+                trigger,
                 /* @__PURE__ */ jsx24(
                   CaretRight2,
                   {
@@ -4232,7 +4235,7 @@ var CardAccordation = forwardRef10(
 
 // src/components/Alternative/Alternative.tsx
 import { CheckCircle as CheckCircle4, XCircle as XCircle3 } from "phosphor-react";
-import { forwardRef as forwardRef11, useId as useId6 } from "react";
+import { forwardRef as forwardRef11, useId as useId6, useState as useState8 } from "react";
 import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 var AlternativesList = ({
   alternatives,
@@ -4248,6 +4251,7 @@ var AlternativesList = ({
 }) => {
   const uniqueId = useId6();
   const groupName = name || `alternatives-${uniqueId}`;
+  const [actualValue, setActualValue] = useState8(value);
   const isReadonly = mode === "readonly";
   const getStatusStyles = (status, isReadonly2) => {
     const hoverClass = isReadonly2 ? "" : "hover:bg-background-50";
@@ -4306,7 +4310,13 @@ var AlternativesList = ({
             /* @__PURE__ */ jsxs20("div", { className: "flex items-start gap-3 flex-1", children: [
               /* @__PURE__ */ jsx25("div", { className: "mt-1", children: renderRadio() }),
               /* @__PURE__ */ jsxs20("div", { className: "flex-1", children: [
-                /* @__PURE__ */ jsx25("p", { className: "block font-medium text-text-950", children: alternative.label }),
+                /* @__PURE__ */ jsx25(
+                  "p",
+                  {
+                    className: `block font-medium ${selectedValue === alternative.value || statusBadge ? "text-primary-950" : "text-text-600"}`,
+                    children: alternative.label
+                  }
+                ),
                 alternative.description && /* @__PURE__ */ jsx25("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
               ] })
             ] }),
@@ -4323,7 +4333,13 @@ var AlternativesList = ({
         children: [
           /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 flex-1", children: [
             renderRadio(),
-            /* @__PURE__ */ jsx25("span", { className: "flex-1", children: alternative.label })
+            /* @__PURE__ */ jsx25(
+              "span",
+              {
+                className: `flex-1 ${selectedValue === alternative.value || statusBadge ? "text-primary-950" : "text-text-600"}`,
+                children: alternative.label
+              }
+            )
           ] }),
           statusBadge && /* @__PURE__ */ jsx25("div", { className: "flex-shrink-0", children: statusBadge })
         ]
@@ -4348,7 +4364,10 @@ var AlternativesList = ({
       name: groupName,
       defaultValue,
       value,
-      onValueChange,
+      onValueChange: (value2) => {
+        setActualValue(value2);
+        onValueChange?.(value2);
+      },
       disabled,
       className: `flex flex-col ${getLayoutClasses()} ${className}`,
       children: alternatives.map((alternative, index) => {
@@ -4376,7 +4395,9 @@ var AlternativesList = ({
                       "label",
                       {
                         htmlFor: alternativeId,
-                        className: `block font-medium text-text-950 ${alternative.disabled ? "cursor-not-allowed" : "cursor-pointer"}`,
+                        className: `block font-medium
+                        ${actualValue === alternative.value ? "text-primary-950" : "text-text-600"}
+                        ${alternative.disabled ? "cursor-not-allowed" : "cursor-pointer"}`,
                         children: alternative.label
                       }
                     ),
@@ -4407,7 +4428,9 @@ var AlternativesList = ({
                   "label",
                   {
                     htmlFor: alternativeId,
-                    className: `flex-1 ${alternative.disabled ? "cursor-not-allowed" : "cursor-pointer"}`,
+                    className: `flex-1
+                  ${actualValue === alternative.value ? "text-primary-950" : "text-text-600"}
+                  ${alternative.disabled ? "cursor-not-allowed" : "cursor-pointer"}`,
                     children: alternative.label
                   }
                 )
@@ -4444,7 +4467,6 @@ var HeaderAlternative = forwardRef11(
 // src/components/AlertDialog/AlertDialog.tsx
 import {
   forwardRef as forwardRef12,
-  useState as useState8,
   useEffect as useEffect4
 } from "react";
 import { Fragment as Fragment5, jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
@@ -4457,38 +4479,27 @@ var SIZE_CLASSES11 = {
 };
 var AlertDialog = forwardRef12(
   ({
-    trigger,
     description,
     cancelButtonLabel = "Cancelar",
     submitButtonLabel = "Deletar",
     title,
-    isOpen: controlledIsOpen,
-    onOpen,
-    onClose,
+    isOpen,
     closeOnBackdropClick = true,
     closeOnEscape = true,
     className = "",
     onSubmit,
+    onChangeOpen,
     submitValue,
     onCancel,
     cancelValue,
     size = "medium",
     ...props
   }, ref) => {
-    const [internalIsOpen, setInternalIsOpen] = useState8(false);
-    const isOpen = controlledIsOpen ?? internalIsOpen;
-    const setIsOpen = (open) => {
-      if (controlledIsOpen === void 0) {
-        setInternalIsOpen(open);
-      }
-      if (open && onOpen) onOpen();
-      if (!open && onClose) onClose();
-    };
     useEffect4(() => {
       if (!isOpen || !closeOnEscape) return;
       const handleEscape = (event) => {
         if (event.key === "Escape") {
-          setIsOpen(false);
+          onChangeOpen(false);
         }
       };
       document.addEventListener("keydown", handleEscape);
@@ -4506,86 +4517,71 @@ var AlertDialog = forwardRef12(
     }, [isOpen]);
     const handleBackdropClick = (event) => {
       if (event.target === event.currentTarget && closeOnBackdropClick) {
-        setIsOpen(false);
+        onChangeOpen(false);
       }
     };
     const handleBackdropKeyDown = (event) => {
       if (event.key === "Escape" && closeOnEscape) {
-        setIsOpen(false);
+        onChangeOpen(false);
       }
     };
-    const handleTriggerClick = () => {
-      setIsOpen(true);
-    };
     const handleSubmit = () => {
-      setIsOpen(false);
+      onChangeOpen(false);
       onSubmit?.(submitValue);
     };
     const handleCancel = () => {
-      setIsOpen(false);
+      onChangeOpen(false);
       onCancel?.(cancelValue);
     };
     const sizeClasses = SIZE_CLASSES11[size];
-    return /* @__PURE__ */ jsxs21(Fragment5, { children: [
-      /* @__PURE__ */ jsx26(
-        "button",
-        {
-          onClick: handleTriggerClick,
-          "aria-label": "Open dialog",
-          type: "button",
-          className: "border-none bg-transparent p-0 cursor-pointer",
-          children: trigger
-        }
-      ),
-      isOpen && /* @__PURE__ */ jsx26(
-        "div",
-        {
-          className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm",
-          onClick: handleBackdropClick,
-          onKeyDown: handleBackdropKeyDown,
-          "data-testid": "alert-dialog-overlay",
-          children: /* @__PURE__ */ jsxs21(
-            "div",
-            {
-              ref,
-              className: `bg-background border border-border-100 rounded-lg shadow-lg p-6 m-3 ${sizeClasses} ${className}`,
-              ...props,
-              children: [
-                /* @__PURE__ */ jsx26(
-                  "h2",
-                  {
-                    id: "alert-dialog-title",
-                    className: "pb-3 text-xl font-semibold",
-                    children: title
-                  }
-                ),
+    return /* @__PURE__ */ jsx26(Fragment5, { children: isOpen && /* @__PURE__ */ jsx26(
+      "div",
+      {
+        className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm",
+        onClick: handleBackdropClick,
+        onKeyDown: handleBackdropKeyDown,
+        "data-testid": "alert-dialog-overlay",
+        children: /* @__PURE__ */ jsxs21(
+          "div",
+          {
+            ref,
+            className: `bg-background border border-border-100 rounded-lg shadow-lg p-6 m-3 ${sizeClasses} ${className}`,
+            ...props,
+            children: [
+              /* @__PURE__ */ jsx26(
+                "h2",
+                {
+                  id: "alert-dialog-title",
+                  className: "pb-3 text-xl font-semibold",
+                  children: title
+                }
+              ),
+              /* @__PURE__ */ jsx26(
+                "p",
+                {
+                  id: "alert-dialog-description",
+                  className: "text-text-700 text-sm",
+                  children: description
+                }
+              ),
+              /* @__PURE__ */ jsxs21("div", { className: "flex flex-row items-center justify-end pt-4 gap-3", children: [
+                /* @__PURE__ */ jsx26(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
                 /* @__PURE__ */ jsx26(
-                  "p",
+                  Button_default,
                   {
-                    id: "alert-dialog-description",
-                    className: "text-text-700 text-sm",
-                    children: description
+                    variant: "solid",
+                    size: "small",
+                    action: "negative",
+                    onClick: handleSubmit,
+                    children: submitButtonLabel
                   }
-                ),
-                /* @__PURE__ */ jsxs21("div", { className: "flex flex-row items-center justify-end pt-4 gap-3", children: [
-                  /* @__PURE__ */ jsx26(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
-                  /* @__PURE__ */ jsx26(
-                    Button_default,
-                    {
-                      variant: "solid",
-                      size: "small",
-                      action: "negative",
-                      onClick: handleSubmit,
-                      children: submitButtonLabel
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        }
-      )
-    ] });
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    ) });
   }
 );
 AlertDialog.displayName = "AlertDialog";