@ape.swap/bonds-sdk 5.1.0 → 5.1.1-test.0

package/dist/components/uikit-sdk/TooltipBubble/index.js

@@ -0,0 +1,57 @@
+import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
+import { placements } from './types.js';
+import styles, { container } from './styles.js';
+import { jsxs, jsx } from '../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { Box as Box$1 } from '../../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const placementStyles = {
+    [placements.BOTTOMLEFT]: {
+        top: '100%',
+        left: 0,
+        mt: '-3px', // To create an overlap between parent and tooltip
+    },
+    [placements.BOTTOMRIGHT]: {
+        top: '100%',
+        right: 0,
+        mt: '-3px',
+    },
+    [placements.TOPLEFT]: {
+        bottom: 'calc(100% + 15px)',
+        left: 0,
+    },
+    [placements.TOPRIGHT]: {
+        bottom: 'calc(100% + 15px)',
+        right: 0,
+    },
+    [placements.ONLYCONTAINERRIGHT]: {
+        top: 'calc(100% + 15px)',
+        right: 0,
+    },
+    [placements.LEFT]: {
+        left: 'calc(100% + 15px)',
+        right: 0,
+    },
+};
+const TooltipBubble = (_a) => {
+    var { width, placement = placements.BOTTOMRIGHT, body, backgroundColor, hideTooltip, children, transformTip } = _a, props = __rest(_a, ["width", "placement", "body", "backgroundColor", "hideTooltip", "children", "transformTip"]);
+    const backgroundColorStyle = backgroundColor
+        ? {
+            backgroundColor,
+            '&:before': {
+                borderBottomColor: placement === placements.BOTTOMLEFT || placement === placements.BOTTOMRIGHT || placement === placements.LEFT
+                    ? backgroundColor
+                    : undefined,
+                borderTopColor: placement === placements.TOPLEFT || placement === placements.TOPRIGHT || placement === placements.LEFT
+                    ? backgroundColor
+                    : undefined,
+            },
+        }
+        : {};
+    const handleClick = (event) => {
+        event.stopPropagation();
+    };
+    return (jsxs(Box$1, { sx: container(hideTooltip), onClick: handleClick, children: [jsx(Box$1, { sx: Object.assign({ position: 'absolute' }, (placementStyles[placement] || {})), children: jsx(Box$1, Object.assign({ sx: Object.assign(Object.assign(Object.assign(Object.assign({ position: 'relative' }, styles.default), styles[placement]), backgroundColorStyle), { width, transform: transformTip }) }, props, { children: body })) }), children] }));
+};
+
+export { TooltipBubble as default };
+//# sourceMappingURL=index.js.map

package/dist/components/uikit-sdk/TooltipBubble/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/TooltipBubble/index.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, ThemeUIStyleObject } from 'theme-ui'\nimport { TooltipProps, placements } from './types'\nimport style, { container } from './styles'\n\nconst placementStyles = {\n  [placements.BOTTOMLEFT]: {\n    top: '100%',\n    left: 0,\n    mt: '-3px', // To create an overlap between parent and tooltip\n  },\n  [placements.BOTTOMRIGHT]: {\n    top: '100%',\n    right: 0,\n    mt: '-3px',\n  },\n  [placements.TOPLEFT]: {\n    bottom: 'calc(100% + 15px)',\n    left: 0,\n  },\n  [placements.TOPRIGHT]: {\n    bottom: 'calc(100% + 15px)',\n    right: 0,\n  },\n  [placements.ONLYCONTAINERRIGHT]: {\n    top: 'calc(100% + 15px)',\n    right: 0,\n  },\n  [placements.LEFT]: {\n    left: 'calc(100% + 15px)',\n    right: 0,\n  },\n}\n\nconst TooltipBubble: React.FC<TooltipProps> = ({\n  width,\n  placement = placements.BOTTOMRIGHT,\n  body,\n  backgroundColor,\n  hideTooltip,\n  children,\n  transformTip,\n  ...props\n}) => {\n  const backgroundColorStyle = backgroundColor\n    ? ({\n        backgroundColor,\n        '&:before': {\n          borderBottomColor:\n            placement === placements.BOTTOMLEFT || placement === placements.BOTTOMRIGHT || placement === placements.LEFT\n              ? backgroundColor\n              : undefined,\n          borderTopColor:\n            placement === placements.TOPLEFT || placement === placements.TOPRIGHT || placement === placements.LEFT\n              ? backgroundColor\n              : undefined,\n        },\n      } as ThemeUIStyleObject)\n    : {}\n\n  const handleClick = (event: React.MouseEvent) => {\n    event.stopPropagation()\n  }\n\n  return (\n    <Box sx={container(hideTooltip)} onClick={handleClick}>\n      <Box\n        sx={{\n          position: 'absolute',\n          ...(placementStyles[placement] || {}),\n        }}\n      >\n        <Box\n          sx={{\n            position: 'relative',\n            ...style.default,\n            ...style[placement],\n            ...backgroundColorStyle,\n            width,\n            transform: transformTip,\n          }}\n          {...props}\n        >\n          {body}\n        </Box>\n      </Box>\n      {children}\n    </Box>\n  )\n}\n\nexport default TooltipBubble\n"],"names":["_jsxs","Box","_jsx","style"],"mappings":";;;;;;AAKA,MAAM,eAAe,GAAG;AACtB,IAAA,CAAC,UAAU,CAAC,UAAU,GAAG;AACvB,QAAA,GAAG,EAAE,MAAM;AACX,QAAA,IAAI,EAAE,CAAC;QACP,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,CAAC,UAAU,CAAC,WAAW,GAAG;AACxB,QAAA,GAAG,EAAE,MAAM;AACX,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,CAAC,UAAU,CAAC,OAAO,GAAG;AACpB,QAAA,MAAM,EAAE,mBAAmB;AAC3B,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACD,IAAA,CAAC,UAAU,CAAC,QAAQ,GAAG;AACrB,QAAA,MAAM,EAAE,mBAAmB;AAC3B,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;AACD,IAAA,CAAC,UAAU,CAAC,kBAAkB,GAAG;AAC/B,QAAA,GAAG,EAAE,mBAAmB;AACxB,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;AACD,IAAA,CAAC,UAAU,CAAC,IAAI,GAAG;AACjB,QAAA,IAAI,EAAE,mBAAmB;AACzB,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;CACF;AAED,MAAM,aAAa,GAA2B,CAAC,EAS9C,KAAI;QAT0C,EAC7C,KAAK,EACL,SAAS,GAAG,UAAU,CAAC,WAAW,EAClC,IAAI,EACJ,eAAe,EACf,WAAW,EACX,QAAQ,EACR,YAAY,OAEb,EADI,KAAK,GAAA,MAAA,CAAA,EAAA,EARqC,CAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,cAAA,CAS9C,CADS;IAER,MAAM,oBAAoB,GAAG;AAC3B,UAAG;YACC,eAAe;AACf,YAAA,UAAU,EAAE;AACV,gBAAA,iBAAiB,EACf,SAAS,KAAK,UAAU,CAAC,UAAU,IAAI,SAAS,KAAK,UAAU,CAAC,WAAW,IAAI,SAAS,KAAK,UAAU,CAAC;AACtG,sBAAE;AACF,sBAAE,SAAS;AACf,gBAAA,cAAc,EACZ,SAAS,KAAK,UAAU,CAAC,OAAO,IAAI,SAAS,KAAK,UAAU,CAAC,QAAQ,IAAI,SAAS,KAAK,UAAU,CAAC;AAChG,sBAAE;AACF,sBAAE,SAAS;AAChB,aAAA;AACqB;UACxB,EAAE;AAEN,IAAA,MAAM,WAAW,GAAG,CAAC,KAAuB,KAAI;QAC9C,KAAK,CAAC,eAAe,EAAE;AACzB,IAAA,CAAC;AAED,IAAA,QACEA,IAAA,CAACC,KAAG,EAAA,EAAC,EAAE,EAAE,SAAS,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,WAAW,EAAA,QAAA,EAAA,CACnDC,GAAA,CAACD,KAAG,EAAA,EACF,EAAE,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,QAAQ,EAAE,UAAU,EAAA,GAChB,eAAe,CAAC,SAAS,CAAC,IAAI,EAAE,EAAC,EAAA,QAAA,EAGvCC,GAAA,CAACD,KAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACF,EAAE,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACA,QAAQ,EAAE,UAAU,EAAA,EACjBE,MAAK,CAAC,OAAO,CAAA,EACbA,MAAK,CAAC,SAAS,CAAC,CAAA,EAChB,oBAAoB,CAAA,EAAA,EACvB,KAAK,EACL,SAAS,EAAE,YAAY,OAErB,KAAK,EAAA,EAAA,QAAA,EAER,IAAI,EAAA,CAAA,CACD,EAAA,CACF,EACL,QAAQ,CAAA,EAAA,CACL;AAEV;;;;"}

package/dist/components/uikit-sdk/TooltipBubble/styles.js

@@ -0,0 +1,55 @@
+const baseStyle = {
+    p: 9,
+    borderRadius: 'normal',
+    background: 'white2',
+    width: 'max-content',
+    zIndex: 'modal',
+    boxShadow: `0px 0px 30px rgb(200,200,200, .4)`,
+};
+const baseDirectionArrow = {
+    content: '""',
+    display: 'block',
+    width: 0,
+    border: '12px solid transparent',
+};
+const topArrow = Object.assign(Object.assign({ bottom: 0 }, baseDirectionArrow), { borderBottom: 0, borderTopWidth: '15px', borderTopStyle: 'solid', transform: 'translate(-50%, calc(100%))' });
+const bottomArrow = Object.assign(Object.assign({ top: 0 }, baseDirectionArrow), { borderTop: 0, borderBottomWidth: '15px', borderBottomStyle: 'solid', transform: 'translate(-50%, calc(-100%))' });
+const leftArrow = Object.assign(Object.assign({}, baseDirectionArrow), { borderRight: 0, borderRightWidth: '15px', borderRightStyle: 'solid', transform: 'translate(-50%, calc(-100%))' });
+const container = (hide) => ({
+    position: 'relative',
+    display: 'flex',
+    '& > div:first-of-type': {
+        display: 'none',
+    },
+    '&:hover > div:first-of-type': {
+        display: hide ? 'none' : 'block',
+    },
+});
+const styles = {
+    default: Object.assign({ color: 'text', fontSize: 0, lineHeight: '18px', fontWeight: 'normal', top: '15px' }, baseStyle),
+    bottomRight: {
+        '&::before': Object.assign(Object.assign({ position: 'absolute' }, bottomArrow), { right: '3%', borderBottomColor: 'white2' }),
+    },
+    bottomLeft: {
+        '&::before': Object.assign(Object.assign({ position: 'absolute' }, bottomArrow), { left: 'calc(3% + 15px)', borderBottomColor: 'white2' }),
+    },
+    topRight: {
+        '&::before': Object.assign(Object.assign({ position: 'absolute' }, topArrow), { right: '3%', borderTopColor: 'white2' }),
+    },
+    topLeft: {
+        '&::before': Object.assign(Object.assign({ position: 'absolute' }, topArrow), { left: 'calc(3% + 15px)', borderTopColor: 'white2' }),
+    },
+    onlyContainerRight: {
+        '&::before': {
+            position: 'absolute',
+            right: '3%',
+            borderBottomColor: 'white2',
+        },
+    },
+    left: {
+        '&::before': Object.assign({ position: 'absolute', top: '65%', left: '-13px', color: 'white2' }, leftArrow),
+    },
+};
+
+export { container, styles as default };
+//# sourceMappingURL=styles.js.map

package/dist/components/uikit-sdk/TooltipBubble/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/uikit-sdk/TooltipBubble/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nconst baseStyle = {\n  p: 9,\n  borderRadius: 'normal',\n  background: 'white2',\n  width: 'max-content',\n  zIndex: 'modal',\n  boxShadow: `0px 0px 30px rgb(200,200,200, .4)`,\n}\n\nconst baseDirectionArrow = {\n  content: '\"\"',\n  display: 'block',\n  width: 0,\n  border: '12px solid transparent',\n}\n\nconst topArrow = {\n  bottom: 0,\n  ...baseDirectionArrow,\n  borderBottom: 0,\n  borderTopWidth: '15px',\n  borderTopStyle: 'solid',\n  transform: 'translate(-50%, calc(100%))',\n}\n\nconst bottomArrow = {\n  top: 0,\n  ...baseDirectionArrow,\n  borderTop: 0,\n  borderBottomWidth: '15px',\n  borderBottomStyle: 'solid',\n  transform: 'translate(-50%, calc(-100%))',\n}\n\nconst leftArrow = {\n  ...baseDirectionArrow,\n  borderRight: 0,\n  borderRightWidth: '15px',\n  borderRightStyle: 'solid',\n  transform: 'translate(-50%, calc(-100%))',\n}\nexport const container = (hide?: boolean): ThemeUIStyleObject => ({\n  position: 'relative',\n  display: 'flex',\n  '& > div:first-of-type': {\n    display: 'none',\n  },\n  '&:hover > div:first-of-type': {\n    display: hide ? 'none' : 'block',\n  },\n})\n\nconst styles: Record<string, ThemeUIStyleObject> = {\n  default: {\n    color: 'text',\n    fontSize: 0,\n    lineHeight: '18px',\n    fontWeight: 'normal',\n    top: '15px',\n    ...baseStyle,\n  },\n  bottomRight: {\n    '&::before': {\n      position: 'absolute',\n      ...bottomArrow,\n      right: '3%',\n      borderBottomColor: 'white2',\n    },\n  },\n  bottomLeft: {\n    '&::before': {\n      position: 'absolute',\n      ...bottomArrow,\n      left: 'calc(3% + 15px)',\n      borderBottomColor: 'white2',\n    },\n  },\n  topRight: {\n    '&::before': {\n      position: 'absolute',\n      ...topArrow,\n      right: '3%',\n      borderTopColor: 'white2',\n    },\n  },\n  topLeft: {\n    '&::before': {\n      position: 'absolute',\n      ...topArrow,\n      left: 'calc(3% + 15px)',\n      borderTopColor: 'white2',\n    },\n  },\n  onlyContainerRight: {\n    '&::before': {\n      position: 'absolute',\n      right: '3%',\n      borderBottomColor: 'white2',\n    },\n  },\n  left: {\n    '&::before': {\n      position: 'absolute',\n      top: '65%',\n      left: '-13px',\n      color: 'white2',\n      ...leftArrow,\n    },\n  },\n}\n\nexport default styles\n"],"names":[],"mappings":"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"}

package/dist/components/uikit-sdk/TooltipBubble/types.js

@@ -0,0 +1,12 @@
+var placements;
+(function (placements) {
+    placements["TOPRIGHT"] = "topRight";
+    placements["TOPLEFT"] = "topLeft";
+    placements["BOTTOMRIGHT"] = "bottomRight";
+    placements["BOTTOMLEFT"] = "bottomLeft";
+    placements["ONLYCONTAINERRIGHT"] = "onlyContainerRight";
+    placements["LEFT"] = "left";
+})(placements || (placements = {}));
+
+export { placements };
+//# sourceMappingURL=types.js.map

package/dist/components/uikit-sdk/TooltipBubble/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/uikit-sdk/TooltipBubble/types.ts"],"sourcesContent":["import { ReactNode } from 'react'\nimport { BoxProps } from 'theme-ui'\n\nexport enum placements {\n  TOPRIGHT = 'topRight',\n  TOPLEFT = 'topLeft',\n  BOTTOMRIGHT = 'bottomRight',\n  BOTTOMLEFT = 'bottomLeft',\n  ONLYCONTAINERRIGHT = 'onlyContainerRight',\n  LEFT = 'left',\n}\n\nexport type placementProps = `${placements}`\n\nexport interface TooltipProps extends BoxProps {\n  width?: string\n  placement?: placementProps\n  body: ReactNode\n  hideTooltip?: boolean\n  transformTip?: string\n}\n"],"names":[],"mappings":"IAGY;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,UAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC3B,IAAA,UAAA,CAAA,YAAA,CAAA,GAAA,YAAyB;AACzB,IAAA,UAAA,CAAA,oBAAA,CAAA,GAAA,oBAAyC;AACzC,IAAA,UAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EAPW,UAAU,KAAV,UAAU,GAAA,EAAA,CAAA,CAAA;;;;"}