@ape.swap/bonds-sdk 1.0.433 → 1.0.435

package/dist/components/Bonds/{BondRow → BondRows}/BondRowsByChain.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { Flex } from '../../../components/uikit-sdk';
+import { Flex } from '../../uikit-sdk';
 import { ChainId, MAINNET_CHAINS } from '../../../config/constants/chains';
 import BondRowsWithTitle from './BondRowsWithTitle';
 var BondRowsByChain = function (_a) {

package/dist/components/Bonds/BondRows/BondRowsWithTitle.js

@@ -0,0 +1,33 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
+import { Flex } from "../../uikit-sdk";
+import { AnimatePresence, motion } from "framer-motion";
+import ChainTitle from "./ChainTitle";
+import BondRow from "./BondRow";
+import { useState } from "react";
+var BondRowsWithTitle = function (_a) {
+    var chain = _a.chain, bonds = _a.bonds, hotBonds = _a.hotBonds, rowClick = _a.rowClick;
+    var billsFilteredByChain = bonds.filter(function (bill) { return bill.chainId === chain; });
+    var key = chain;
+    var _b = useState(false), isExpanded = _b[0], setIsExpanded = _b[1];
+    var toggleExpand = function () {
+        setIsExpanded(function (prev) { return !prev; });
+    };
+    return (_jsx(Flex, __assign({ sx: { width: '100%', flexDirection: 'column' } }, { children: _jsx(AnimatePresence, __assign({ initial: false }, { children: _jsxs(Flex, __assign({ onClick: toggleExpand }, { children: [_jsx(ChainTitle, { chain: chain, pt: '5px' }), billsFilteredByChain.length > 0 && (_jsx(motion.div, __assign({ initial: { height: 0, overflow: 'hidden' }, animate: { height: 'fit-content', overflow: 'hidden', transitionEnd: { overflow: 'visible' } }, exit: { height: 0, overflow: 'hidden' }, sx: {
+                            position: 'relative',
+                            overflow: 'hidden',
+                            width: '100%',
+                            marginTop: '0px',
+                        } }, { children: billsFilteredByChain === null || billsFilteredByChain === void 0 ? void 0 : billsFilteredByChain.map(function (bill) { return (_jsx(BondRow, { bond: bill, hotBonds: hotBonds, rowClick: rowClick }, bill.billAddress)); }) }), key))] })) })) }), key));
+};
+export default BondRowsWithTitle;

package/dist/components/Bonds/{BondRow → BondRows}/ChainTitle.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
 import { NETWORK_LABEL } from '../../../config/constants/chains';
-import { Flex, Svg } from '../../../components/uikit-sdk';
+import { Flex, Svg } from '../../uikit-sdk';
 var ChainTitle = function (_a) {
     var chain = _a.chain, pt = _a.pt;
     return (_jsxs(Flex, __assign({ sx: {

package/dist/components/Bonds/Bonds.js

@@ -72,7 +72,7 @@ import { TooltipText } from '../../enum/tooltips';
 import { TooltipBubble, Svg } from '../uikit-sdk';
 import { BLOCK_EXPLORER } from '../../config/constants/chains';
 import { Input } from '../uikit-sdk/Input';
-import BondRowsByChain from './BondRow/BondRowsByChain';
+import BondRowsByChain from './BondRows/BondRowsByChain';
 var Bonds = function (_a) {
     var connectionString = _a.connectionString;
     var _b = useWeb3React(), account = _b.account, isActive = _b.isActive;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "1.0.433",
+  "version": "1.0.435",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",

package/dist/components/Bonds/BondRow/BondRowsWithTitle.js

@@ -1,28 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { Flex } from "../../uikit-sdk";
-import { AnimatePresence, motion } from "framer-motion";
-import ChainTitle from "./ChainTitle";
-import BondRow from "./BondRow";
-var BondRowsWithTitle = function (_a) {
-    var chain = _a.chain, bonds = _a.bonds, hotBonds = _a.hotBonds, rowClick = _a.rowClick;
-    var billsFilteredByChain = bonds.filter(function (bill) { return bill.chainId === chain; });
-    var key = chain;
-    return (_jsx(Flex, __assign({ sx: { width: '100%', flexDirection: 'column' } }, { children: _jsxs(AnimatePresence, __assign({ initial: false }, { children: [_jsx(ChainTitle, { chain: chain, pt: '5px' }), billsFilteredByChain.length > 0 && (_jsx(motion.div, __assign({ initial: { height: 0, overflow: 'hidden' }, animate: { height: 'fit-content', overflow: 'hidden', transitionEnd: { overflow: 'visible' } }, exit: { height: 0, overflow: 'hidden' }, sx: {
-                        position: 'relative',
-                        overflow: 'hidden',
-                        width: '100%',
-                        marginTop: '0px',
-                    } }, { children: billsFilteredByChain === null || billsFilteredByChain === void 0 ? void 0 : billsFilteredByChain.map(function (bill) { return (_jsx(BondRow, { bond: bill, hotBonds: hotBonds, rowClick: rowClick }, bill.billAddress)); }) }), key))] })) }), key));
-};
-export default BondRowsWithTitle;