analytica-frontend-lib 1.0.75 → 1.0.76

package/dist/index.js

@@ -4218,7 +4218,7 @@ var import_phosphor_react11 = require("phosphor-react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var CardAccordation = (0, import_react12.forwardRef)(
   ({
-    title,
+    trigger,
     children,
     className,
     defaultExpanded = false,
@@ -4232,6 +4232,12 @@ var CardAccordation = (0, import_react12.forwardRef)(
       setIsExpanded(newExpanded);
       onToggleExpanded?.(newExpanded);
     };
+    const handleKeyDown = (event) => {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        handleToggle();
+      }
+    };
     return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       CardBase,
       {
@@ -4246,19 +4252,12 @@ var CardAccordation = (0, import_react12.forwardRef)(
             "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__ */ (0, import_jsx_runtime24.jsx)(
-                  Text_default,
-                  {
-                    size: "sm",
-                    weight: "bold",
-                    className: "text-text-950 truncate flex-1",
-                    children: title
-                  }
-                ),
+                trigger,
                 /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                   import_phosphor_react11.CaretRight,
                   {
@@ -4303,6 +4302,7 @@ var AlternativesList = ({
 }) => {
   const uniqueId = (0, import_react13.useId)();
   const groupName = name || `alternatives-${uniqueId}`;
+  const [actualValue, setActualValue] = (0, import_react13.useState)(value);
   const isReadonly = mode === "readonly";
   const getStatusStyles = (status, isReadonly2) => {
     const hoverClass = isReadonly2 ? "" : "hover:bg-background-50";
@@ -4361,7 +4361,13 @@ var AlternativesList = ({
             /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
               /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-1", children: renderRadio() }),
               /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "block font-medium text-text-950", children: alternative.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                  "p",
+                  {
+                    className: `block font-medium ${selectedValue === alternative.value || statusBadge ? "text-primary-950" : "text-text-600"}`,
+                    children: alternative.label
+                  }
+                ),
                 alternative.description && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
               ] })
             ] }),
@@ -4378,7 +4384,13 @@ var AlternativesList = ({
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
             renderRadio(),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "flex-1", children: alternative.label })
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              "span",
+              {
+                className: `flex-1 ${selectedValue === alternative.value || statusBadge ? "text-primary-950" : "text-text-600"}`,
+                children: alternative.label
+              }
+            )
           ] }),
           statusBadge && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex-shrink-0", children: statusBadge })
         ]
@@ -4403,7 +4415,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) => {
@@ -4431,7 +4446,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
                       }
                     ),
@@ -4462,7 +4479,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
                   }
                 )
@@ -4508,38 +4527,27 @@ var SIZE_CLASSES11 = {
 };
 var AlertDialog = (0, import_react14.forwardRef)(
   ({
-    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] = (0, import_react14.useState)(false);
-    const isOpen = controlledIsOpen ?? internalIsOpen;
-    const setIsOpen = (open) => {
-      if (controlledIsOpen === void 0) {
-        setInternalIsOpen(open);
-      }
-      if (open && onOpen) onOpen();
-      if (!open && onClose) onClose();
-    };
     (0, import_react14.useEffect)(() => {
       if (!isOpen || !closeOnEscape) return;
       const handleEscape = (event) => {
         if (event.key === "Escape") {
-          setIsOpen(false);
+          onChangeOpen(false);
         }
       };
       document.addEventListener("keydown", handleEscape);
@@ -4557,86 +4565,71 @@ var AlertDialog = (0, import_react14.forwardRef)(
     }, [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__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        "button",
-        {
-          onClick: handleTriggerClick,
-          "aria-label": "Open dialog",
-          type: "button",
-          className: "border-none bg-transparent p-0 cursor-pointer",
-          children: trigger
-        }
-      ),
-      isOpen && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        "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__ */ (0, import_jsx_runtime26.jsxs)(
-            "div",
-            {
-              ref,
-              className: `bg-background border border-border-100 rounded-lg shadow-lg p-6 m-3 ${sizeClasses} ${className}`,
-              ...props,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                  "h2",
-                  {
-                    id: "alert-dialog-title",
-                    className: "pb-3 text-xl font-semibold",
-                    children: title
-                  }
-                ),
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      "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__ */ (0, import_jsx_runtime26.jsxs)(
+          "div",
+          {
+            ref,
+            className: `bg-background border border-border-100 rounded-lg shadow-lg p-6 m-3 ${sizeClasses} ${className}`,
+            ...props,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                "h2",
+                {
+                  id: "alert-dialog-title",
+                  className: "pb-3 text-xl font-semibold",
+                  children: title
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                "p",
+                {
+                  id: "alert-dialog-description",
+                  className: "text-text-700 text-sm",
+                  children: description
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-row items-center justify-end pt-4 gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
                 /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                  "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__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-row items-center justify-end pt-4 gap-3", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button_default, { variant: "outline", size: "small", onClick: handleCancel, children: cancelButtonLabel }),
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                    Button_default,
-                    {
-                      variant: "solid",
-                      size: "small",
-                      action: "negative",
-                      onClick: handleSubmit,
-                      children: submitButtonLabel
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        }
-      )
-    ] });
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    ) });
   }
 );
 AlertDialog.displayName = "AlertDialog";