analytica-frontend-lib 1.0.72 → 1.0.73

package/dist/index.js

@@ -4090,6 +4090,125 @@ var CardSimulado = (0, import_react11.forwardRef)(
     );
   }
 );
+var CardTest = (0, import_react11.forwardRef)(
+  ({
+    title,
+    duration,
+    questionsCount,
+    additionalInfo,
+    selected = false,
+    onSelect,
+    className = "",
+    ...props
+  }, ref) => {
+    const handleClick = () => {
+      if (onSelect) {
+        onSelect(!selected);
+      }
+    };
+    const handleKeyDown = (event) => {
+      if ((event.key === "Enter" || event.key === " ") && onSelect) {
+        event.preventDefault();
+        onSelect(!selected);
+      }
+    };
+    const isSelectable = !!onSelect;
+    const getQuestionsText = (count) => {
+      const singular = count === 1 ? "quest\xE3o" : "quest\xF5es";
+      return `${count} ${singular}`;
+    };
+    const displayInfo = questionsCount ? getQuestionsText(questionsCount) : additionalInfo || "";
+    const baseClasses = "flex flex-row items-center p-4 gap-2 w-full max-w-full bg-background shadow-soft-shadow-1 rounded-xl isolate border-0 text-left";
+    const interactiveClasses = isSelectable ? "cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary-950 focus:ring-offset-2" : "";
+    const selectedClasses = selected ? "ring-2 ring-primary-950 ring-offset-2" : "";
+    if (isSelectable) {
+      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        "button",
+        {
+          ref,
+          type: "button",
+          className: `${baseClasses} ${interactiveClasses} ${selectedClasses} ${className}`.trim(),
+          onClick: handleClick,
+          onKeyDown: handleKeyDown,
+          "aria-pressed": selected,
+          ...props,
+          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              Text_default,
+              {
+                size: "md",
+                weight: "bold",
+                className: "text-text-950 tracking-[0.2px] leading-[19px] truncate",
+                children: title
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
+              duration && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.Clock, { size: 16, className: "text-text-700" }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                  Text_default,
+                  {
+                    size: "sm",
+                    className: "text-text-700 leading-[21px] whitespace-nowrap",
+                    children: duration
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                Text_default,
+                {
+                  size: "sm",
+                  className: "text-text-700 leading-[21px] flex-grow truncate",
+                  children: displayInfo
+                }
+              )
+            ] })
+          ] })
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      "div",
+      {
+        ref,
+        className: `${baseClasses} ${className}`.trim(),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            Text_default,
+            {
+              size: "md",
+              weight: "bold",
+              className: "text-text-950 tracking-[0.2px] leading-[19px] truncate",
+              children: title
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
+            duration && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.Clock, { size: 16, className: "text-text-700" }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                Text_default,
+                {
+                  size: "sm",
+                  className: "text-text-700 leading-[21px] whitespace-nowrap",
+                  children: duration
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              Text_default,
+              {
+                size: "sm",
+                className: "text-text-700 leading-[21px] flex-grow truncate min-w-0",
+                children: displayInfo
+              }
+            )
+          ] })
+        ] })
+      }
+    );
+  }
+);
 
 // src/components/Accordation/Accordation.tsx
 var import_phosphor_react11 = require("phosphor-react");