@rango-dev/ui 0.33.1-next.1 → 0.33.1-next.3

package/src/components/ChainToken/ChainToken.stories.tsx

@@ -1,20 +0,0 @@
-import type { PropTypes } from './ChainToken.types';
-import type { Meta } from '@storybook/react';
-
-import React from 'react';
-
-import { ChainToken } from './ChainToken';
-
-const meta: Meta<typeof ChainToken> = {
-  title: 'Components/Chain Token',
-  component: ChainToken,
-  args: {
-    chainImage: 'https://api.rango.exchange/blockchains/bsc.svg',
-    tokenImage: 'https://api.rango.exchange/tokens/ETH/BNB.png',
-    size: 'medium',
-  },
-};
-
-export default meta;
-
-export const Main = (args: PropTypes) => <ChainToken {...args} />;

package/src/components/Checkbox/Checkbox.stories.tsx

@@ -1,33 +0,0 @@
-import type { PropTypes } from './Checkbox.types';
-import type { Meta } from '@storybook/react';
-
-import React from 'react';
-
-import { Checkbox } from './Checkbox';
-
-const meta: Meta<typeof Checkbox> = {
-  title: 'Components/Checkbox',
-  component: Checkbox,
-  args: {
-    label: 'I am a checkbox',
-    defaultChecked: true,
-  },
-  argTypes: {
-    label: {
-      name: 'label',
-      control: { type: 'text' },
-      defaultValue: 'I am a checkbox',
-    },
-    defaultChecked: {
-      name: 'defaultChecked',
-      control: { type: 'boolean' },
-      defaultValue: true,
-    },
-  },
-};
-
-export default meta;
-
-export const Main = (props: PropTypes) => (
-  <Checkbox id="test" label="My checkbox" {...props} />
-);

package/src/components/Chip/Chip.stories.tsx

@@ -1,54 +0,0 @@
-import type { PropTypes } from './Chip.types';
-
-import React from 'react';
-
-import { Chip } from './Chip';
-
-export default {
-  title: 'Components/Chip',
-  component: Chip,
-  args: {
-    label: 'chip',
-    selected: true,
-  },
-  argTypes: {
-    label: {
-      name: 'label',
-      defaultValue: 'chip',
-      control: {
-        type: 'text',
-      },
-    },
-    selected: {
-      name: 'selected',
-      control: { type: 'boolean' },
-      defaultValue: true,
-    },
-  },
-};
-
-export const Main = (args: PropTypes) => <Chip {...args} />;
-
-export const ChipWithPrefix = (args: PropTypes) => (
-  <Chip
-    {...args}
-    prefix={
-      <img
-        src="https://api.rango.exchange/blockchains/binance.svg"
-        style={{ width: '20px' }}
-      />
-    }
-  />
-);
-
-export const ChipWithSuffix = (args: PropTypes) => (
-  <Chip
-    {...args}
-    suffix={
-      <img
-        src="	https://api.rango.exchange/blockchains/binance.svg"
-        style={{ width: '20px' }}
-      />
-    }
-  />
-);

package/src/components/Collapsible/Collapsible.stories.tsx

@@ -1,47 +0,0 @@
-import type { CollapsibleProps } from './Collapsible.types';
-
-import React, { useState } from 'react';
-
-import { ChevronDownIcon } from '../../icons';
-import { Button } from '../Button';
-import { Typography } from '../Typography';
-
-import { CollapsibleComponent as Collapsible } from './Collapsible';
-
-export default {
-  title: 'Components/Collapsible',
-  component: Collapsible,
-  args: {
-    open: false,
-  },
-  argTypes: {
-    open: {
-      name: 'open',
-      defaultValue: false,
-      control: { type: 'boolean' },
-    },
-  },
-};
-
-export const Main = (args: CollapsibleProps) => {
-  const [open, setOpen] = useState<boolean>(false);
-
-  return (
-    <Collapsible
-      {...args}
-      trigger={
-        <Button onClick={() => setOpen(!open)}>
-          <Typography size="medium" variant="title">
-            Trigger
-          </Typography>
-          <ChevronDownIcon size={10} color="gray" />
-        </Button>
-      }
-      open={open || args.open}
-      onOpenChange={() => setOpen(!open)}>
-      <Typography size="medium" variant="title">
-        Content
-      </Typography>
-    </Collapsible>
-  );
-};

package/src/components/Flags/flags.stories.tsx

@@ -1,67 +0,0 @@
-import type { Meta } from '@storybook/react';
-
-import React from 'react';
-
-import { styled } from '../../theme';
-import { Typography } from '../Typography';
-
-import * as Flags from '.';
-
-export default {
-  title: 'Components/Flags',
-  component: Flags.English,
-  args: {
-    size: 16,
-    color: 'black',
-  },
-  argTypes: {
-    color: {
-      name: 'color',
-      control: { type: 'select' },
-      options: [
-        'primary',
-        'secondary',
-        'error',
-        'warning',
-        'success',
-        'black',
-        'white',
-        'gray',
-        'info',
-      ],
-    },
-
-    size: {
-      name: 'size',
-      control: { type: 'select' },
-      // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-      options: [16, 18, 20, 24, 28, 32, 36, 40],
-      defaultValue: 16,
-    },
-  },
-} as Meta<any>;
-
-const Container = styled('div', {
-  display: 'grid',
-  gridTemplateColumns: 'auto auto auto auto auto',
-  gap: 15,
-});
-
-export const Main = (props: Flags.FlagPropTypes) => (
-  <Container>
-    {Object.keys(Flags).map((icon) => {
-      // eslint-disable-next-line
-      // @ts-ignore
-      const Component = Flags[icon];
-      return (
-        <div key={icon}>
-          <Component {...props} />
-          <div />
-          <Typography variant="label" size="medium">
-            {icon}
-          </Typography>
-        </div>
-      );
-    })}
-  </Container>
-);

package/src/components/FullExpandedQuote/FullExpandedQuote.stories.tsx

@@ -1,29 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { FullExpandedQuote } from './FullExpandedQuote';
-import { steps, tags } from './mock';
-
-const meta: Meta<typeof FullExpandedQuote> = {
-  component: FullExpandedQuote,
-};
-
-export default meta;
-type Story = StoryObj<typeof FullExpandedQuote>;
-
-export const Main: Story = {
-  args: {
-    steps,
-    tags,
-    time: '11:30',
-    fee: '16.46',
-    warningLevel: 'low',
-    percentageChange: '10',
-    outputPrice: {
-      realValue: '2.87978979879',
-      realUsdValue: '23.65484879797',
-      value: '2.5556484',
-      usdValue: '23.564464',
-    },
-    selected: false,
-  },
-};

package/src/components/FullExpandedQuote/mock.tsx

@@ -1,449 +0,0 @@
-import type { Step } from '../StepDetails/StepDetails.types';
-
-import React from 'react';
-
-import { Alert } from '../Alert';
-
-export const steps: Step[] = [
-  {
-    swapper: {
-      displayName: 'AllBridge',
-      image:
-        'https://raw.githubusercontent.com/rango-exchange/assets/main/swappers/AllBridge/icon.svg',
-    },
-    from: {
-      token: {
-        displayName: 'USDC',
-        image: 'https://rango.vip/i/mh9zko',
-      },
-      chain: {
-        displayName: 'Polygon',
-        image:
-          'https://raw.githubusercontent.com/rango-exchange/assets/main/blockchains/POLYGON/icon.svg',
-      },
-      price: {
-        value: '1.00000000',
-        realValue: '5.5',
-      },
-    },
-    to: {
-      token: {
-        displayName: 'AVAX',
-        image: 'https://api.rango.exchange/tokens/AVAX/AVAX.png',
-      },
-      chain: {
-        displayName: 'Avax',
-        image:
-          'https://raw.githubusercontent.com/rango-exchange/assets/main/blockchains/AVAX_CCHAIN/icon.svg',
-      },
-      price: {
-        value: '1.00000000',
-        realValue: '5.5',
-      },
-    },
-    internalSwaps: [
-      {
-        from: {
-          chain: {
-            displayName: 'BSC',
-            image:
-              'https://raw.githubusercontent.com/rango-exchange/assets/main/blockchains/BSC/icon.svg',
-          },
-          price: {
-            value: '1',
-          },
-          token: {
-            displayName: 'USDT',
-            image: 'https://rango.vip/i/6837hX',
-          },
-        },
-        to: {
-          chain: {
-            displayName: 'BSC',
-            image:
-              'https://raw.githubusercontent.com/rango-exchange/assets/main/blockchains/BSC/icon.svg',
-          },
-          price: {
-            value: '1',
-          },
-          token: {
-            displayName: 'USDT',
-            image: 'https://rango.vip/i/6837hX',
-          },
-        },
-        swapper: {
-          displayName: 'AllBridge',
-          image:
-            'https://raw.githubusercontent.com/rango-exchange/assets/main/swappers/AllBridge/icon.svg',
-        },
-      },
-    ],
-    alerts: undefined,
-    fee: '0.19',
-    time: '07:00',
-  },
-  {
-    swapper: {
-      displayName: 'ThorChain',
-      image: 'https://api.rango.exchange/swappers/Thorchain.svg',
-    },
-    from: {
-      token: {
-        displayName: 'AVAX',
-        image: 'https://api.rango.exchange/tokens/AVAX/AVAX.png',
-      },
-      chain: {
-        displayName: 'Avax',
-        image:
-          'https://raw.githubusercontent.com/rango-exchange/assets/main/blockchains/AVAX_CCHAIN/icon.svg',
-      },
-      price: {
-        value: '1.00000000',
-        realValue: '5.5',
-      },
-    },
-    to: {
-      token: {
-        displayName: 'WMATIC',
-        image: 'https://rango.vip/i/NcQpfK',
-      },
-      chain: {
-        displayName: 'BTC',
-        image: 'https://api.rango.exchange/tokens/BTC/BTC.png',
-      },
-      price: {
-        value: '3.5',
-      },
-    },
-    internalSwaps: [
-      {
-        from: {
-          chain: {
-            displayName: 'Solana',
-            image:
-              'https://raw.githubusercontent.com/rango-exchange/assets/main/blockchains/SOLANA/icon.svg',
-          },
-          price: {
-            value: '1',
-          },
-          token: {
-            displayName: 'USDT',
-            image: 'https://rango.vip/i/6837hX',
-          },
-        },
-        to: {
-          chain: {
-            displayName: 'SOL',
-            image: 'https://rango.vip/tokens/SOLANA/SOL.png',
-          },
-          price: {
-            value: '1',
-          },
-          token: {
-            displayName: 'USDT',
-            image: 'https://rango.vip/i/6837hX',
-          },
-        },
-        swapper: {
-          displayName: 'AllBridge',
-          image:
-            'https://raw.githubusercontent.com/rango-exchange/assets/main/swappers/AllBridge/icon.svg',
-        },
-      },
-      {
-        from: {
-          chain: {
-            displayName: 'Solana',
-            image:
-              'https://raw.githubusercontent.com/rango-exchange/assets/main/blockchains/SOLANA/icon.svg',
-          },
-          price: {
-            value: '1',
-          },
-          token: {
-            displayName: 'USDT',
-            image: 'https://rango.vip/i/6837hX',
-          },
-        },
-        to: {
-          chain: {
-            displayName: 'Solana',
-            image:
-              'https://raw.githubusercontent.com/rango-exchange/assets/main/blockchains/SOLANA/icon.svg',
-          },
-          price: {
-            value: '1',
-          },
-          token: {
-            displayName: 'SOL',
-            image: 'https://rango.vip/tokens/SOLANA/SOL.png',
-          },
-        },
-        swapper: {
-          displayName: 'Jupiter',
-          image:
-            'https://raw.githubusercontent.com/rango-exchange/assets/main/swappers/Jupiter/icon.svg',
-        },
-      },
-    ],
-    state: 'warning',
-    alerts: [
-      <Alert
-        key="alert"
-        variant="alarm"
-        type="warning"
-        title="Slippage Warning"
-      />,
-    ],
-    time: '02:45',
-    fee: '0.07',
-  },
-  {
-    swapper: {
-      displayName: 'Satellite',
-      image: 'https://api.rango.exchange/swappers/satellite.png',
-    },
-    from: {
-      token: {
-        displayName: 'WMATIC',
-        image: 'https://rango.vip/i/NcQpfK',
-      },
-      chain: {
-        displayName: 'BTC',
-        image: 'https://api.rango.exchange/tokens/BTC/BTC.png',
-      },
-      price: {
-        value: '3.5',
-      },
-    },
-    to: {
-      token: {
-        displayName: 'BTC',
-        image: 'https://api.rango.exchange/tokens/BTC/BTC.png',
-      },
-      chain: {
-        displayName: 'BTC',
-        image: 'https://api.rango.exchange/tokens/BTC/BTC.png',
-      },
-      price: {
-        value: '2',
-      },
-    },
-    fee: '0.19',
-    time: '07:00',
-  },
-  {
-    swapper: {
-      displayName: 'CurveFi',
-      image:
-        'https://raw.githubusercontent.com/rango-exchange/assets/main/swappers/CurveFi/icon.png',
-    },
-    from: {
-      token: {
-        displayName: 'BTC',
-        image: 'https://api.rango.exchange/tokens/BTC/BTC.png',
-      },
-      chain: {
-        displayName: 'BTC',
-        image: 'https://api.rango.exchange/tokens/BTC/BTC.png',
-      },
-      price: {
-        value: '2',
-      },
-    },
-    to: {
-      token: {
-        displayName: 'OSMO',
-        image: 'https://api.rango.exchange/tokens/COSMOS/OSMO.png',
-      },
-      chain: {
-        displayName: 'Osmosis',
-        image:
-          'https://raw.githubusercontent.com/rango-exchange/assets/main/blockchains/OSMOSIS/icon.svg',
-      },
-      price: {
-        value: '5.546',
-      },
-    },
-    internalSwaps: [
-      {
-        from: {
-          chain: {
-            displayName: 'BSC',
-            image:
-              'https://raw.githubusercontent.com/rango-exchange/assets/main/blockchains/BSC/icon.svg',
-          },
-          price: {
-            value: '1',
-          },
-          token: {
-            displayName: 'USDT',
-            image: 'https://rango.vip/i/6837hX',
-          },
-        },
-        to: {
-          chain: {
-            displayName: 'BSC',
-            image:
-              'https://raw.githubusercontent.com/rango-exchange/assets/main/blockchains/BSC/icon.svg',
-          },
-          price: {
-            value: '1',
-          },
-          token: {
-            displayName: 'USDT',
-            image: 'https://rango.vip/i/6837hX',
-          },
-        },
-        swapper: {
-          displayName: 'UniSwap',
-          image:
-            'https://raw.githubusercontent.com/rango-exchange/assets/main/swappers/UniSwapV2/icon.svg',
-        },
-      },
-      {
-        from: {
-          chain: {
-            displayName: 'Solana',
-            image:
-              'https://raw.githubusercontent.com/rango-exchange/assets/main/blockchains/SOLANA/icon.svg',
-          },
-          price: {
-            value: '1',
-          },
-          token: {
-            displayName: 'USDT',
-            image: 'https://rango.vip/i/6837hX',
-          },
-        },
-        to: {
-          chain: {
-            displayName: 'Solana',
-            image:
-              'https://raw.githubusercontent.com/rango-exchange/assets/main/blockchains/SOLANA/icon.svg',
-          },
-          price: {
-            value: '1',
-          },
-          token: {
-            displayName: 'SOL',
-            image: 'https://rango.vip/tokens/SOLANA/SOL.png',
-          },
-        },
-        swapper: {
-          displayName: 'DeBridge',
-          image:
-            'https://raw.githubusercontent.com/rango-exchange/assets/main/swappers/DeBridge/icon.svg',
-        },
-      },
-    ],
-    fee: '0.19',
-    time: '07:00',
-  },
-  {
-    swapper: {
-      displayName: '1inch',
-      image:
-        'https://raw.githubusercontent.com/rango-exchange/assets/main/swappers/1Inch/icon.svg',
-    },
-    from: {
-      token: {
-        displayName: 'OSMO',
-        image: 'https://api.rango.exchange/tokens/COSMOS/OSMO.png',
-      },
-      chain: {
-        displayName: 'Osmosis',
-        image:
-          'https://raw.githubusercontent.com/rango-exchange/assets/main/blockchains/OSMOSIS/icon.svg',
-      },
-      price: {
-        value: '5.546',
-      },
-    },
-    to: {
-      token: {
-        displayName: 'USDC',
-        image: 'https://rango.vip/i/cY81Jl',
-      },
-      chain: {
-        displayName: 'Optimism',
-        image:
-          'https://raw.githubusercontent.com/rango-exchange/assets/main/blockchains/OPTIMISM/icon.svg',
-      },
-      price: {
-        value: '5.546',
-      },
-    },
-    alerts: [
-      <Alert
-        key="alert"
-        variant="alarm"
-        type="error"
-        title="Bridge Limit Error: Please decrease your amount."
-      />,
-    ],
-    state: 'error',
-    fee: '0.00',
-    time: '01:45',
-  },
-  {
-    swapper: {
-      displayName: 'Pancake',
-      image:
-        'https://raw.githubusercontent.com/rango-exchange/assets/main/swappers/Pancake/icon.svg',
-    },
-    from: {
-      token: {
-        displayName: 'USDC',
-        image: 'https://rango.vip/i/cY81Jl',
-      },
-      chain: {
-        displayName: 'Optimism',
-        image:
-          'https://raw.githubusercontent.com/rango-exchange/assets/main/blockchains/OPTIMISM/icon.svg',
-      },
-      price: {
-        value: '5.546',
-      },
-    },
-    to: {
-      chain: {
-        displayName: 'ETH',
-        image: 'https://api.rango.exchange/blockchains/ethereum.svg',
-      },
-      token: {
-        displayName: 'ETH',
-
-        image: 'https://api.rango.exchange/tokens/ETH/ETH.png',
-      },
-      price: {
-        value: '14.86',
-      },
-    },
-    fee: '0.19',
-    time: '07:00',
-  },
-];
-
-export const tags = [
-  {
-    value: 'RECOMMENDED',
-    label: 'Recommended',
-  },
-  {
-    value: 'CENTRALIZED',
-    label: 'Centrailized',
-  },
-  {
-    value: 'LOWEST_FEE',
-    label: 'Lowest Fee',
-  },
-  {
-    value: 'FASTEST',
-    label: 'Fastest',
-  },
-  {
-    value: 'HIGH_IMPACT',
-    label: 'High Impact',
-  },
-];