analytica-frontend-lib 1.0.65 → 1.0.67

package/dist/Card/index.js

@@ -788,8 +788,16 @@ var CardActivitiesResults = (0, import_react.forwardRef)(
                     children: icon
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text_default, { size: "2xs", weight: "medium", className: "text-text-800 uppercase", children: title }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: `text-lg font-bold ${actionSubTitleClasses}`, children: subTitle })
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  Text_default,
+                  {
+                    size: "2xs",
+                    weight: "medium",
+                    className: "text-text-800 uppercase truncate",
+                    children: title
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: `text-lg font-bold truncate ${actionSubTitleClasses}`, children: subTitle })
               ]
             }
           ),
@@ -797,7 +805,7 @@ var CardActivitiesResults = (0, import_react.forwardRef)(
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "p",
               {
-                className: `text-2xs font-medium uppercase ${actionHeaderClasses}`,
+                className: `text-2xs font-medium uppercase truncate ${actionHeaderClasses}`,
                 children: header
               }
             ),
@@ -830,8 +838,8 @@ var CardQuestions = (0, import_react.forwardRef)(
         className: `justify-between gap-4 ${className}`,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "font-bold text-xs text-text-950", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
               /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 Badge_default,
@@ -848,11 +856,12 @@ var CardQuestions = (0, import_react.forwardRef)(
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             Button_default,
             {
               size: "extra-small",
               onClick: () => onClickButton?.(valueButton),
+              className: "min-w-fit",
               children: buttonLabel
             }
           ) })
@@ -947,7 +956,7 @@ var CardProgress = (0, import_react.forwardRef)(
             ${!isHorizontal && "gap-4"}
           `,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950", children: header }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
                 contentComponent[direction]
               ]
             }
@@ -982,7 +991,7 @@ var CardTopic = (0, import_react.forwardRef)(
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: text }),
             index < subHead.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "\u2022" })
           ] }, `${text} - ${index}`)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-text-950 font-bold", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
           /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               ProgressBar_default,
@@ -1037,14 +1046,15 @@ var CardPerformance = (0, import_react.forwardRef)(
         ...props,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "w-full flex flex-col justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-row justify-between items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-lg font-bold text-text-950", children: header }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-row justify-between items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
               actionVariant === "button" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 Button_default,
                 {
                   variant: "outline",
                   size: "extra-small",
                   onClick: () => onClickButton?.(valueButton),
+                  className: "min-w-fit flex-shrink-0",
                   children: "Ver Aula"
                 }
               )
@@ -1056,7 +1066,7 @@ var CardPerformance = (0, import_react.forwardRef)(
                 label: `${progress}% ${labelProgress}`,
                 variant: progressVariant
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs text-text-600", children: description }) })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs text-text-600 truncate", children: description }) })
           ] }),
           actionVariant == "caret" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             import_phosphor_react2.CaretRight,
@@ -1096,7 +1106,7 @@ var CardResults = (0, import_react.forwardRef)(
             "div",
             {
               className: `
-              flex justify-center items-center [&>svg]:size-8 text-text-950 min-w-20 max-w-20 h-full rounded-l-xl
+              flex justify-center items-center [&>svg]:size-8 text-text-950 min-w-20 max-w-20 min-h-20 h-full rounded-l-xl
             `,
               style: {
                 backgroundColor: color
@@ -1109,10 +1119,10 @@ var CardResults = (0, import_react.forwardRef)(
             {
               className: `
             p-4 flex justify-between w-full h-full
-            ${isRow ? "flex-row items-center" : "flex-col"}
+            ${isRow ? "flex-row items-center gap-2" : "flex-col"}
           `,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-bold text-text-950", children: header }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
                 /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex flex-row gap-1 items-center", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                     Badge_default,
@@ -1152,42 +1162,32 @@ var CardResults = (0, import_react.forwardRef)(
 );
 var CardStatus = (0, import_react.forwardRef)(
   ({ header, className, status, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       CardBase,
       {
         ref,
         layout: "horizontal",
-        padding: "none",
+        padding: "medium",
         minHeight: "medium",
-        className: `items-center pr-4 ${className}`,
+        className: `items-center ${className}`,
         ...props,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-            "div",
-            {
-              className: `
-            p-4 flex justify-between w-full h-full flex-row items-center
-          `,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-bold text-text-950", children: header }),
-                status && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex flex-row gap-1 items-center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                    Badge_default,
-                    {
-                      action: status == "correct" ? "success" : "error",
-                      variant: "solid",
-                      size: "medium",
-                      iconLeft: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react2.CheckCircle, {}),
-                      children: status == "correct" ? "Correta" : "Incorreta"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-text-800", children: "Respondida" })
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react2.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer" })
-        ]
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
+          status && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              Badge_default,
+              {
+                action: status == "correct" ? "success" : "error",
+                variant: "solid",
+                size: "medium",
+                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react2.CheckCircle, {}),
+                children: status == "correct" ? "Correta" : "Incorreta"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-text-800", children: "Respondida" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react2.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
+        ] })
       }
     );
   }
@@ -1205,7 +1205,7 @@ var CardSettings = (0, import_react.forwardRef)(
         ...props,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "[&>svg]:size-6", children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "w-full text-sm", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "w-full text-sm truncate", children: header }),
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react2.CaretRight, { size: 24, className: "cursor-pointer" })
         ]
       }
@@ -1231,7 +1231,7 @@ var CardSupport = (0, import_react.forwardRef)(
               w-full flex ${direction == "col" ? "flex-col" : "flex-row items-center"}  gap-2
           `,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-text-950 font-bold", children: header }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "flex flex-row gap-1", children })
               ]
             }
@@ -1276,7 +1276,7 @@ var CardForum = (0, import_react.forwardRef)(
               className: "min-w-8 h-8 rounded-full bg-background-950"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
             /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
               /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
               /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-xs text-text-600", children: [
@@ -1286,7 +1286,7 @@ var CardForum = (0, import_react.forwardRef)(
                 hour
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-text-950 text-sm line-clamp-2", children: content }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
               "button",
               {