@ape.swap/bonds-sdk 1.0.158 → 1.0.159

package/dist/components/Flex/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Flex: ({ children, ...props }: any) => React.JSX.Element;
+export default Flex;

package/dist/components/Flex/index.js

@@ -0,0 +1,29 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "theme-ui/jsx-runtime";
+import { Flex as ThemeUIFlex } from 'theme-ui';
+var Flex = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return _jsx(ThemeUIFlex, __assign({}, props, { children: children }));
+};
+export default Flex;

package/dist/components/ProgressBar/ProgressBar.js

@@ -10,8 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "theme-ui/jsx-runtime";
-import { Box } from 'theme-ui';
-import { Flex } from '../uikit';
+import { Box, Flex } from 'theme-ui';
 var ProgressBar = function (_a) {
     var value = _a.value, _b = _a.color, color = _b === void 0 ? 'text' : _b;
     return (_jsx(Flex, __assign({ sx: { width: ['100px', '100px', '100px', '100%'], alignItems: 'center', flexDirection: 'row', mt: '5px' } }, { children: _jsx(Box, __assign({ sx: {

package/dist/components/ProgressBar/ProgressBarWrapper.js

@@ -13,10 +13,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
 import React from 'react';
 import { useTranslation } from '../../contexts/Localization';
 import { styles } from './styles';
-import { Flex, Skeleton, Text } from '../uikit';
+import { Flex } from 'theme-ui';
+import TooltipBubble from '../Tooltip';
+import Skeleton from '../Skeleton';
+import Text from '../Text';
 var ProgressBarWrapper = function (_a) {
     var title = _a.title, value = _a.value, style = _a.style, showTooltip = _a.showTooltip, toolTipPlacement = _a.toolTipPlacement, toolTipTransform = _a.toolTipTransform, toolTip = _a.toolTip;
     var t = useTranslation().t;
-    return (_jsxs(Flex, __assign({ sx: style }, { children: [_jsx(Flex, __assign({ sx: { alignItems: 'center' } }, { children: _jsx(Text, __assign({ sx: styles.titleText }, { children: t("".concat(title)) })) })), showTooltip ? (_jsx(Flex, { sx: { alignItems: 'center', width: '100%' } })) : (_jsx(Flex, __assign({ sx: { justifyContent: 'center', alignItems: 'center' } }, { children: value ? value : _jsx(Skeleton, { sx: styles.skeleton }) })))] })));
+    return (_jsxs(Flex, __assign({ sx: style }, { children: [_jsx(Flex, __assign({ sx: { alignItems: 'center' } }, { children: _jsx(Text, __assign({ sx: styles.titleText }, { children: t("".concat(title)) })) })), showTooltip ? (_jsx(Flex, __assign({ sx: { alignItems: 'center', width: '100%' } }, { children: _jsx(TooltipBubble, __assign({ placement: toolTipPlacement, transformTip: toolTipTransform, body: _jsx(Flex, __assign({ sx: { justifyContent: 'center' } }, { children: toolTip })), width: "250px" }, { children: _jsx(Flex, __assign({ sx: { justifyContent: 'center', alignItems: 'center', width: '127px' } }, { children: value ? value : _jsx(Skeleton, { sx: styles.skeleton }) })) })) }))) : (_jsx(Flex, __assign({ sx: { justifyContent: 'center', alignItems: 'center' } }, { children: value ? value : _jsx(Skeleton, { sx: styles.skeleton }) })))] })));
 };
 export default React.memo(ProgressBarWrapper);

package/dist/components/Skeleton/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SkeletonProps } from './types';
+declare const Skeleton: ({ variant, animation, ...props }: SkeletonProps | any) => React.JSX.Element;
+export default Skeleton;

package/dist/components/Skeleton/index.js

@@ -0,0 +1,31 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "theme-ui/jsx-runtime";
+import { Box } from 'theme-ui';
+import { animation as ANIMATION, variant as VARIANT } from './types';
+import styles from './styles';
+var Skeleton = function (_a) {
+    var _b = _a.variant, variant = _b === void 0 ? VARIANT.RECT : _b, _c = _a.animation, animation = _c === void 0 ? ANIMATION.PULSE : _c, props = __rest(_a, ["variant", "animation"]);
+    return (_jsx(Box, __assign({}, props, { sx: __assign(__assign({}, (animation === ANIMATION.WAVES ? styles.waves : styles.pulse)), { height: props.height, width: props.width, borderRadius: variant === VARIANT.RECT ? '10px' : '50%' }) })));
+};
+export default Skeleton;

package/dist/components/Skeleton/styles.d.ts

@@ -0,0 +1,5 @@
+import { ThemeUIStyleObject } from 'theme-ui';
+export declare const waves: import("@emotion/serialize").Keyframes;
+export declare const pulse: import("@emotion/serialize").Keyframes;
+declare const styles: Record<string, ThemeUIStyleObject>;
+export default styles;

package/dist/components/Skeleton/styles.js

@@ -0,0 +1,40 @@
+import { keyframes } from '@emotion/react';
+export var waves = keyframes({
+    from: { left: '-150px' },
+    to: { left: '100%' },
+});
+export var pulse = keyframes({
+    '0%': { opacity: 1 },
+    '50%': { opacity: 0.4 },
+    '100%': { opacity: 1 },
+});
+var styles = {
+    waves: {
+        position: 'relative',
+        overflow: 'hidden',
+        transform: 'translate3d(0, 0, 0)',
+        borderRadius: '',
+        minHeight: '20px',
+        display: 'block',
+        backgroundColor: 'backgroundDisabled',
+        '&:before': {
+            content: "\"\"",
+            position: 'absolute',
+            backgroundImage: 'linear-gradient(90deg, transparent, rgba(243, 243, 243, 0.3), transparent)',
+            top: 0,
+            left: '-150px',
+            height: '100%',
+            width: '250px',
+            animation: "".concat(waves, " 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite"),
+        },
+    },
+    pulse: {
+        animation: "".concat(pulse, " 2s infinite ease-out"),
+        transform: 'translate3d(0, 0, 0)',
+        borderRadius: '2px',
+        minHeight: '20px',
+        display: 'block',
+        backgroundColor: 'backgroundDisabled',
+    },
+};
+export default styles;

package/dist/components/Skeleton/types.d.ts

@@ -0,0 +1,18 @@
+import { BoxProps } from 'theme-ui';
+export declare enum animation {
+    WAVES = "waves",
+    PULSE = "pulse"
+}
+export declare enum variant {
+    RECT = "rect",
+    CIRCLE = "circle"
+}
+type Animation = `${animation}`;
+type Variant = `${variant}`;
+export interface SkeletonProps extends BoxProps {
+    animation?: Animation;
+    variant?: Variant;
+    width?: string | number;
+    height?: string | number;
+}
+export {};

package/dist/components/Skeleton/types.js

@@ -0,0 +1,10 @@
+export var animation;
+(function (animation) {
+    animation["WAVES"] = "waves";
+    animation["PULSE"] = "pulse";
+})(animation || (animation = {}));
+export var variant;
+(function (variant) {
+    variant["RECT"] = "rect";
+    variant["CIRCLE"] = "circle";
+})(variant || (variant = {}));

package/dist/components/Text/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TextProps } from './types';
+declare const Text: ({ variant, weight, size, children, color, ...props }: TextProps | any) => React.JSX.Element;
+export default Text;

package/dist/components/Text/index.js

@@ -0,0 +1,35 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "theme-ui/jsx-runtime";
+import { Text as ThemeUIText } from 'theme-ui';
+import { variants } from './types';
+var Text = function (_a) {
+    var _b = _a.variant, variant = _b === void 0 ? variants.NORMAL : _b, _c = _a.weight, weight = _c === void 0 ? variants.NORMAL : _c, size = _a.size, children = _a.children, _d = _a.color, color = _d === void 0 ? 'text' : _d, props = __rest(_a, ["variant", "weight", "size", "children", "color"]);
+    return (_jsx(ThemeUIText, __assign({}, props, { sx: {
+            variant: variant === variants.LINK ? "flex.".concat(variant) : "text.".concat(variant),
+            color: color,
+            fontWeight: weight,
+            fontSize: size,
+        } }, { children: children })));
+};
+export default Text;

package/dist/components/Text/types.d.ts

@@ -0,0 +1,23 @@
+import { TextProps as ThemeUITextProps } from 'theme-ui';
+export declare enum variants {
+    SMALL = "sm",
+    NORMAL = "md",
+    LARGE = "lg",
+    LINK = "link"
+}
+export declare enum weights {
+    LIGHT = "light",
+    NORMAL = "normal",
+    BOLD = "bold"
+}
+type variantProps = `${variants}`;
+type weightProps = `${weights}` | number;
+type sizeProps = string;
+export interface TextProps extends Omit<ThemeUITextProps, 'sx'> {
+    variant?: variantProps;
+    weight?: weightProps;
+    color?: string;
+    size?: sizeProps;
+    [key: string]: any;
+}
+export {};

package/dist/components/Text/types.js

@@ -0,0 +1,13 @@
+export var variants;
+(function (variants) {
+    variants["SMALL"] = "sm";
+    variants["NORMAL"] = "md";
+    variants["LARGE"] = "lg";
+    variants["LINK"] = "link";
+})(variants || (variants = {}));
+export var weights;
+(function (weights) {
+    weights["LIGHT"] = "light";
+    weights["NORMAL"] = "normal";
+    weights["BOLD"] = "bold";
+})(weights || (weights = {}));

package/dist/components/Tooltip/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TooltipProps } from './types';
+declare const TooltipBubble: React.FC<TooltipProps>;
+export default TooltipBubble;

package/dist/components/Tooltip/index.js

@@ -0,0 +1,66 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var _a;
+import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
+import { Box } from 'theme-ui';
+import { placements } from './types';
+import style, { container } from './styles';
+var placementStyles = (_a = {},
+    _a[placements.BOTTOMLEFT] = {
+        top: 'calc(100% + 15px)',
+        left: 0,
+    },
+    _a[placements.BOTTOMRIGHT] = {
+        top: 'calc(100% + 15px)',
+        right: 0,
+    },
+    _a[placements.TOPLEFT] = {
+        bottom: 'calc(100% + 15px)',
+        left: 0,
+    },
+    _a[placements.TOPRIGHT] = {
+        bottom: 'calc(100% + 15px)',
+        right: 0,
+    },
+    _a[placements.ONLYCONTAINERRIGHT] = {
+        top: 'calc(100% + 15px)',
+        right: 0,
+    },
+    _a);
+var TooltipBubble = function (_a) {
+    var width = _a.width, _b = _a.placement, placement = _b === void 0 ? placements.BOTTOMRIGHT : _b, body = _a.body, backgroundColor = _a.backgroundColor, hideTooltip = _a.hideTooltip, children = _a.children, transformTip = _a.transformTip, props = __rest(_a, ["width", "placement", "body", "backgroundColor", "hideTooltip", "children", "transformTip"]);
+    var backgroundColorStyle = backgroundColor
+        ? {
+            backgroundColor: backgroundColor,
+            '&:before': {
+                borderBottomColor: placement === placements.BOTTOMLEFT || placement === placements.BOTTOMRIGHT ? backgroundColor : undefined,
+                borderTopColor: placement === placements.TOPLEFT || placement === placements.TOPRIGHT ? backgroundColor : undefined,
+            },
+        }
+        : {};
+    var handleClick = function (event) {
+        event.stopPropagation();
+    };
+    return (_jsxs(Box, __assign({ sx: container(hideTooltip), onClick: handleClick }, { children: [_jsx(Box, __assign({ sx: __assign({ position: 'absolute' }, (placementStyles[placement] || {})) }, { children: _jsx(Box, __assign({ sx: __assign(__assign(__assign(__assign({ position: 'relative' }, style.default), style[placement]), backgroundColorStyle), { width: width, transform: transformTip }) }, props, { children: body })) })), children] })));
+};
+export default TooltipBubble;

package/dist/components/Tooltip/styles.d.ts

@@ -0,0 +1,4 @@
+import { ThemeUIStyleObject } from 'theme-ui';
+export declare const container: (hide?: boolean) => ThemeUIStyleObject;
+declare const styles: Record<string, ThemeUIStyleObject>;
+export default styles;

package/dist/components/Tooltip/styles.js

@@ -0,0 +1,60 @@
+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);
+};
+var baseStyle = {
+    p: 9,
+    borderRadius: 'normal',
+    background: 'white2',
+    width: 'max-content',
+    zIndex: 'modal',
+    boxShadow: "0px 0px 30px rgb(200,200,200, .4)",
+};
+var baseDirectionArrow = {
+    content: '""',
+    display: 'block',
+    width: 0,
+    border: '12px solid transparent',
+};
+var topArrow = __assign(__assign({ bottom: 0 }, baseDirectionArrow), { borderBottom: 0, borderTopWidth: '15px', borderTopStyle: 'solid', transform: 'translate(-50%, calc(100%))' });
+var bottomArrow = __assign(__assign({ top: 0 }, baseDirectionArrow), { borderTop: 0, borderBottomWidth: '15px', borderBottomStyle: 'solid', transform: 'translate(-50%, calc(-100%))' });
+export var container = function (hide) { return ({
+    position: 'relative',
+    display: 'inline-block',
+    '& > div:first-of-type': {
+        display: 'none',
+    },
+    '&:hover > div:first-of-type': {
+        display: hide ? 'none' : 'block',
+    },
+}); };
+var styles = {
+    default: __assign({ color: 'text', fontSize: 0, lineHeight: '18px', fontWeight: 'normal' }, baseStyle),
+    bottomRight: {
+        '&::before': __assign(__assign({ position: 'absolute' }, bottomArrow), { right: '3%', borderBottomColor: 'white2' }),
+    },
+    bottomLeft: {
+        '&::before': __assign(__assign({ position: 'absolute' }, bottomArrow), { left: 'calc(3% + 15px)', borderBottomColor: 'white2' }),
+    },
+    topRight: {
+        '&::before': __assign(__assign({ position: 'absolute' }, topArrow), { right: '3%', borderTopColor: 'white2' }),
+    },
+    topLeft: {
+        '&::before': __assign(__assign({ position: 'absolute' }, topArrow), { left: 'calc(3% + 15px)', borderTopColor: 'white2' }),
+    },
+    onlyContainerRight: {
+        '&::before': {
+            position: 'absolute',
+            right: '3%',
+            borderBottomColor: 'white2',
+        },
+    },
+};
+export default styles;

package/dist/components/Tooltip/types.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { BoxProps } from 'theme-ui';
+export declare enum placements {
+    TOPRIGHT = "topRight",
+    TOPLEFT = "topLeft",
+    BOTTOMRIGHT = "bottomRight",
+    BOTTOMLEFT = "bottomLeft",
+    ONLYCONTAINERRIGHT = "onlyContainerRight"
+}
+export type placementProps = `${placements}`;
+export interface TooltipProps extends BoxProps {
+    width?: string;
+    placement?: placementProps;
+    body: ReactNode;
+    hideTooltip?: boolean;
+    transformTip?: string;
+}

package/dist/components/Tooltip/types.js

@@ -0,0 +1,8 @@
+export var placements;
+(function (placements) {
+    placements["TOPRIGHT"] = "topRight";
+    placements["TOPLEFT"] = "topLeft";
+    placements["BOTTOMRIGHT"] = "bottomRight";
+    placements["BOTTOMLEFT"] = "bottomLeft";
+    placements["ONLYCONTAINERRIGHT"] = "onlyContainerRight";
+})(placements || (placements = {}));

package/package.json

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