@deframe-sdk/components 0.1.36 → 0.1.37

package/dist/index.js

@@ -9377,7 +9377,6 @@ var ImageBannerCard = ({
   );
 };
 var GRID_COLS = "grid grid-cols-[1fr_100px_130px] gap-x-[var(--deframe-widget-size-gap-md)]";
-var HISTORY_PAGE_SIZE = 5;
 var HISTORY_CONFIG = {
   deposit: { label: "Depositado", color: "var(--deframe-widget-color-state-info)" },
   withdraw: { label: "Sacado", color: "var(--deframe-widget-color-text-secondary)" },
@@ -9395,14 +9394,11 @@ var EarnHubStrategyCard = ({
   history = [],
   labels
 }) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d;
   const [expanded, setExpanded] = React6__namespace.default.useState(false);
-  const [showAll, setShowAll] = React6__namespace.default.useState(false);
   const investLabel = (_a = labels == null ? void 0 : labels.investLabel) != null ? _a : "Depositar";
   const withdrawLabel = (_b = labels == null ? void 0 : labels.withdrawLabel) != null ? _b : "Sacar";
   const historyTitle = (_c = labels == null ? void 0 : labels.historyTitle) != null ? _c : "Hist\xF3rico";
-  const visibleHistory = showAll ? history : history.slice(0, HISTORY_PAGE_SIZE);
-  const hasMore = history.length > HISTORY_PAGE_SIZE && !showAll;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "li",
     {
@@ -9495,7 +9491,7 @@ var EarnHubStrategyCard = ({
               ),
               history.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-test-id": "earn-hub-strategy-card-history", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[length:var(--deframe-widget-font-size-xs)] [font-weight:var(--deframe-widget-font-weight-medium)] uppercase tracking-[0.08em] text-[color:var(--deframe-widget-color-text-tertiary)]", children: historyTitle }),
-                /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "list-none m-0 p-0", children: visibleHistory.map((entry) => {
+                /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "list-none m-0 p-0 max-h-[200px] overflow-y-auto", children: history.map((entry) => {
                   var _a2;
                   const config = (_a2 = HISTORY_CONFIG[entry.type]) != null ? _a2 : HISTORY_CONFIG.deposit;
                   const isClickable = !!entry.onClick;
@@ -9534,26 +9530,7 @@ var EarnHubStrategyCard = ({
                     },
                     entry.id
                   );
-                }) }),
-                hasMore && /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => setShowAll(true),
-                    className: tailwindMerge.twMerge(
-                      "mt-[var(--deframe-widget-size-gap-sm)] w-full",
-                      "text-[length:var(--deframe-widget-font-size-xs)] [font-weight:var(--deframe-widget-font-weight-medium)]",
-                      "text-[color:var(--deframe-widget-color-text-secondary)]",
-                      "font-[var(--deframe-widget-font-family)]",
-                      "hover:text-[color:var(--deframe-widget-color-brand-primary)]",
-                      "transition-colors duration-150 cursor-pointer",
-                      "py-[var(--deframe-widget-size-padding-y-xs)]",
-                      "border-t border-[color:var(--deframe-widget-color-border-tertiary)]",
-                      "outline-none bg-transparent border-x-0 border-b-0"
-                    ),
-                    children: (_e = labels == null ? void 0 : labels.showMoreLabel) != null ? _e : `Ver mais (${history.length - HISTORY_PAGE_SIZE} itens)`
-                  }
-                )
+                }) })
               ] })
             ]
           }