analytica-frontend-lib 1.0.60 → 1.0.62

package/dist/Card/index.d.mts

@@ -10,7 +10,7 @@ interface CardBaseProps extends HTMLAttributes<HTMLDivElement> {
     cursor?: 'default' | 'pointer';
 }
 declare const CardBase: react.ForwardRefExoticComponent<CardBaseProps & react.RefAttributes<HTMLDivElement>>;
-interface CardActivesResultsProps extends HTMLAttributes<HTMLDivElement> {
+interface CardActivitiesResultsProps extends HTMLAttributes<HTMLDivElement> {
     icon: ReactNode;
     title: string;
     subTitle: string;
@@ -19,7 +19,7 @@ interface CardActivesResultsProps extends HTMLAttributes<HTMLDivElement> {
     extended?: boolean;
     action?: 'warning' | 'success' | 'error' | 'info';
 }
-declare const CardActivesResults: react.ForwardRefExoticComponent<CardActivesResultsProps & react.RefAttributes<HTMLDivElement>>;
+declare const CardActivitiesResults: react.ForwardRefExoticComponent<CardActivitiesResultsProps & react.RefAttributes<HTMLDivElement>>;
 interface CardQuestionProps extends HTMLAttributes<HTMLDivElement> {
     header: string;
     state?: 'done' | 'undone';
@@ -36,6 +36,8 @@ interface CardProgressProps extends HTMLAttributes<HTMLDivElement> {
     direction?: 'horizontal' | 'vertical';
     icon: ReactNode;
     color?: string;
+    progressVariant?: 'blue' | 'green';
+    showDates?: boolean;
 }
 declare const CardProgress: react.ForwardRefExoticComponent<CardProgressProps & react.RefAttributes<HTMLDivElement>>;
 interface CardTopicProps extends HTMLAttributes<HTMLDivElement> {
@@ -43,12 +45,15 @@ interface CardTopicProps extends HTMLAttributes<HTMLDivElement> {
     subHead?: string[];
     progress: number;
     showPercentage?: boolean;
+    progressVariant?: 'blue' | 'green';
 }
 declare const CardTopic: react.ForwardRefExoticComponent<CardTopicProps & react.RefAttributes<HTMLDivElement>>;
 interface CardPerformanceProps extends HTMLAttributes<HTMLDivElement> {
     header: string;
     description?: string;
     progress?: number;
+    actionVariant?: 'button' | 'caret';
+    progressVariant?: 'blue' | 'green';
     onClickButton?: (valueButton?: unknown) => void;
     valueButton?: unknown;
 }
@@ -109,4 +114,4 @@ interface CardAudioProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare const CardAudio: react.ForwardRefExoticComponent<CardAudioProps & react.RefAttributes<HTMLDivElement>>;
 
-export { CardActivesResults, CardAudio, CardBase, CardForum, CardPerformance, CardProgress, CardQuestions, CardResults, CardSettings, CardStatus, CardSupport, CardTopic };
+export { CardActivitiesResults, CardAudio, CardBase, CardForum, CardPerformance, CardProgress, CardQuestions, CardResults, CardSettings, CardStatus, CardSupport, CardTopic };

package/dist/Card/index.d.ts

@@ -10,7 +10,7 @@ interface CardBaseProps extends HTMLAttributes<HTMLDivElement> {
     cursor?: 'default' | 'pointer';
 }
 declare const CardBase: react.ForwardRefExoticComponent<CardBaseProps & react.RefAttributes<HTMLDivElement>>;
-interface CardActivesResultsProps extends HTMLAttributes<HTMLDivElement> {
+interface CardActivitiesResultsProps extends HTMLAttributes<HTMLDivElement> {
     icon: ReactNode;
     title: string;
     subTitle: string;
@@ -19,7 +19,7 @@ interface CardActivesResultsProps extends HTMLAttributes<HTMLDivElement> {
     extended?: boolean;
     action?: 'warning' | 'success' | 'error' | 'info';
 }
-declare const CardActivesResults: react.ForwardRefExoticComponent<CardActivesResultsProps & react.RefAttributes<HTMLDivElement>>;
+declare const CardActivitiesResults: react.ForwardRefExoticComponent<CardActivitiesResultsProps & react.RefAttributes<HTMLDivElement>>;
 interface CardQuestionProps extends HTMLAttributes<HTMLDivElement> {
     header: string;
     state?: 'done' | 'undone';
@@ -36,6 +36,8 @@ interface CardProgressProps extends HTMLAttributes<HTMLDivElement> {
     direction?: 'horizontal' | 'vertical';
     icon: ReactNode;
     color?: string;
+    progressVariant?: 'blue' | 'green';
+    showDates?: boolean;
 }
 declare const CardProgress: react.ForwardRefExoticComponent<CardProgressProps & react.RefAttributes<HTMLDivElement>>;
 interface CardTopicProps extends HTMLAttributes<HTMLDivElement> {
@@ -43,12 +45,15 @@ interface CardTopicProps extends HTMLAttributes<HTMLDivElement> {
     subHead?: string[];
     progress: number;
     showPercentage?: boolean;
+    progressVariant?: 'blue' | 'green';
 }
 declare const CardTopic: react.ForwardRefExoticComponent<CardTopicProps & react.RefAttributes<HTMLDivElement>>;
 interface CardPerformanceProps extends HTMLAttributes<HTMLDivElement> {
     header: string;
     description?: string;
     progress?: number;
+    actionVariant?: 'button' | 'caret';
+    progressVariant?: 'blue' | 'green';
     onClickButton?: (valueButton?: unknown) => void;
     valueButton?: unknown;
 }
@@ -109,4 +114,4 @@ interface CardAudioProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare const CardAudio: react.ForwardRefExoticComponent<CardAudioProps & react.RefAttributes<HTMLDivElement>>;
 
-export { CardActivesResults, CardAudio, CardBase, CardForum, CardPerformance, CardProgress, CardQuestions, CardResults, CardSettings, CardStatus, CardSupport, CardTopic };
+export { CardActivitiesResults, CardAudio, CardBase, CardForum, CardPerformance, CardProgress, CardQuestions, CardResults, CardSettings, CardStatus, CardSupport, CardTopic };

package/dist/Card/index.js

@@ -20,7 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/Card/Card.tsx
 var Card_exports = {};
 __export(Card_exports, {
-  CardActivesResults: () => CardActivesResults,
+  CardActivitiesResults: () => CardActivitiesResults,
   CardAudio: () => CardAudio,
   CardBase: () => CardBase,
   CardForum: () => CardForum,
@@ -750,7 +750,7 @@ var ACTION_HEADER_CLASSES = {
   error: "text-error-300",
   info: "text-info-300"
 };
-var CardActivesResults = (0, import_react.forwardRef)(
+var CardActivitiesResults = (0, import_react.forwardRef)(
   ({
     icon,
     title,
@@ -801,7 +801,7 @@ var CardActivesResults = (0, import_react.forwardRef)(
                 children: header
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-info-800 text-center", children: description })
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Badge_default, { size: "large", action: "info", children: description })
           ] })
         ]
       }
@@ -871,13 +871,15 @@ var CardProgress = (0, import_react.forwardRef)(
     direction = "horizontal",
     icon,
     color = "#B7DFFF",
+    progressVariant = "blue",
+    showDates = true,
     className,
     ...props
   }, ref) => {
     const isHorizontal = direction === "horizontal";
     const contentComponent = {
       horizontal: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
+        showDates && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
           initialDate && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-text-600", children: initialDate })
@@ -893,6 +895,7 @@ var CardProgress = (0, import_react.forwardRef)(
             {
               size: "small",
               value: progress,
+              variant: progressVariant,
               "data-testid": "progress-bar"
             }
           ),
@@ -960,6 +963,7 @@ var CardTopic = (0, import_react.forwardRef)(
     subHead,
     progress,
     showPercentage = false,
+    progressVariant = "blue",
     className = "",
     ...props
   }, ref) => {
@@ -985,6 +989,7 @@ var CardTopic = (0, import_react.forwardRef)(
               {
                 size: "small",
                 value: progress,
+                variant: progressVariant,
                 "data-testid": "progress-bar"
               }
             ),
@@ -1011,6 +1016,8 @@ var CardPerformance = (0, import_react.forwardRef)(
     header,
     progress,
     description = "Sem dados ainda! Voc\xEA ainda n\xE3o fez um question\xE1rio neste assunto.",
+    actionVariant = "button",
+    progressVariant = "blue",
     className = "",
     onClickButton,
     valueButton,
@@ -1030,7 +1037,7 @@ var CardPerformance = (0, import_react.forwardRef)(
           /* @__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 }),
-              hasProgress && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              actionVariant === "button" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 Button_default,
                 {
                   variant: "outline",
@@ -1040,9 +1047,16 @@ var CardPerformance = (0, import_react.forwardRef)(
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ProgressBar_default, { value: progress, label: `${progress}% corretas` }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs text-text-600", children: description }) })
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              ProgressBar_default,
+              {
+                value: progress,
+                label: `${progress}% corretas`,
+                variant: progressVariant
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs text-text-600", children: description }) })
           ] }),
-          !hasProgress && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          actionVariant == "caret" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             import_phosphor_react2.CaretRight,
             {
               className: "size-4.5 text-text-800 cursor-pointer",
@@ -1536,7 +1550,7 @@ var CardAudio = (0, import_react.forwardRef)(
 );
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  CardActivesResults,
+  CardActivitiesResults,
   CardAudio,
   CardBase,
   CardForum,