@gearbox-protocol/permissionless-ui 1.2.28 → 1.2.30

package/dist/cjs/components/cards/expandable-card.js

@@ -37,8 +37,12 @@ var import_lucide_react = require("lucide-react");
 var React = __toESM(require("react"));
 var import_utils = __toESM(require('../../utils/index.js'));
 var import_card = require('./card.js');
-function ExpandableCard({ header, children }) {
-  const [isExpanded, setIsExpanded] = React.useState(false);
+function ExpandableCard({
+  header,
+  children,
+  alwaysExpanded = false
+}) {
+  const [isExpanded, setIsExpanded] = React.useState(alwaysExpanded);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
@@ -47,10 +51,13 @@ function ExpandableCard({ header, children }) {
           "flex items-center justify-between gap-4 p-4 rounded-t-xl cursor-pointer hover:bg-accent/50",
           isExpanded ? "" : "rounded-b-xl"
         ),
-        onClick: () => setIsExpanded(!isExpanded),
+        onClick: () => {
+          if (alwaysExpanded) return;
+          setIsExpanded(!isExpanded);
+        },
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1", children: header }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground transform transition-transform", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          !alwaysExpanded && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground transform transition-transform", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_lucide_react.ChevronDown,
             {
               className: (0, import_utils.default)(

package/dist/cjs/components/editable-table/editable-table.js

@@ -24,7 +24,6 @@ __export(editable_table_exports, {
 });
 module.exports = __toCommonJS(editable_table_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_lucide_react = require("lucide-react");
 var import_auth = require('../auth/index.js');
 var import_buttons = require('../buttons/index.js');
 var import_table = require('../table.js');
@@ -46,16 +45,7 @@ function TableCellAsset({
         comment,
         ")"
       ] }),
-      explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_buttons.Button,
-        {
-          variant: "ghost",
-          size: "sm",
-          className: "text-muted-foreground hover:text-white p-0 h-auto",
-          onClick: () => window.open(`${explorerUrl}/address/${assetAddress}`, "_blank"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, {})
-        }
-      )
+      explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_buttons.ExternalButton, { url: `${explorerUrl}/address/${assetAddress}` })
     ] })
   ] }) });
 }

package/dist/esm/components/cards/expandable-card.js

@@ -4,8 +4,12 @@ import { ChevronDown } from "lucide-react";
 import * as React from "react";
 import cn from "../../utils/index.js";
 import { Card, CardContent } from "./card.js";
-function ExpandableCard({ header, children }) {
-  const [isExpanded, setIsExpanded] = React.useState(false);
+function ExpandableCard({
+  header,
+  children,
+  alwaysExpanded = false
+}) {
+  const [isExpanded, setIsExpanded] = React.useState(alwaysExpanded);
   return /* @__PURE__ */ jsxs(Card, { children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -14,10 +18,13 @@ function ExpandableCard({ header, children }) {
           "flex items-center justify-between gap-4 p-4 rounded-t-xl cursor-pointer hover:bg-accent/50",
           isExpanded ? "" : "rounded-b-xl"
         ),
-        onClick: () => setIsExpanded(!isExpanded),
+        onClick: () => {
+          if (alwaysExpanded) return;
+          setIsExpanded(!isExpanded);
+        },
         children: [
           /* @__PURE__ */ jsx("div", { className: "flex-1", children: header }),
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground transform transition-transform", children: /* @__PURE__ */ jsx(
+          !alwaysExpanded && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground transform transition-transform", children: /* @__PURE__ */ jsx(
             ChevronDown,
             {
               className: cn(

package/dist/esm/components/editable-table/editable-table.js

@@ -1,7 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ExternalLink } from "lucide-react";
 import { SignInRequired } from "../auth/index.js";
-import { Button, TabButton } from "../buttons/index.js";
+import { ExternalButton, TabButton } from "../buttons/index.js";
 import { Table, TableCell } from "../table.js";
 import { TokenIcon } from "../token-icon.js";
 import { UpdatedValue } from "./updated-value.js";
@@ -21,16 +20,7 @@ function TableCellAsset({
         comment,
         ")"
       ] }),
-      explorerUrl && /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "ghost",
-          size: "sm",
-          className: "text-muted-foreground hover:text-white p-0 h-auto",
-          onClick: () => window.open(`${explorerUrl}/address/${assetAddress}`, "_blank"),
-          children: /* @__PURE__ */ jsx(ExternalLink, {})
-        }
-      )
+      explorerUrl && /* @__PURE__ */ jsx(ExternalButton, { url: `${explorerUrl}/address/${assetAddress}` })
     ] })
   ] }) });
 }

package/dist/types/components/cards/expandable-card.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 export interface ExpandableCardProps {
     header: React.ReactNode;
     children: React.ReactNode;
+    alwaysExpanded?: boolean;
 }
-declare function ExpandableCard({ header, children }: ExpandableCardProps): import("react/jsx-runtime").JSX.Element;
+declare function ExpandableCard({ header, children, alwaysExpanded, }: ExpandableCardProps): import("react/jsx-runtime").JSX.Element;
 export { ExpandableCard };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.2.28",
+  "version": "1.2.30",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",