@xyo-network/react-gas-price 3.0.1 → 3.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.mjs.map +1 -1
- package/package.json +9 -9
- package/src/components/Avatar/EthereumGasPriceAvatar.stories.tsx +1 -1
- package/src/components/Avatar/EthereumGasPriceAvatar.tsx +2 -1
- package/src/components/CardHeader/CardHeader.tsx +2 -2
- package/src/components/GasFees/Card.stories.tsx +1 -1
- package/src/components/GasFees/Card.tsx +2 -1
- package/src/components/GasFees/components/GasPriceBox.tsx +2 -1
- package/src/components/GasFees/components/GweiLabelTypography.tsx +2 -1
- package/src/components/GasFees/components/PriorityFeeBox.tsx +2 -1
- package/src/components/GasFees/components/SpeedBox.tsx +2 -1
- package/src/components/HeaderBox.tsx +2 -2
- package/src/components/HeaderComponents/Actions.stories.tsx +1 -1
- package/src/components/HeaderComponents/Actions.tsx +2 -1
- package/src/components/HeaderComponents/Header/Header.tsx +3 -2
- package/src/components/HeaderComponents/Header/Heading.tsx +4 -2
- package/src/components/RawPayload/ToggleRawPayloadBox.stories.tsx +1 -1
- package/src/components/RawPayload/ToggleRawPayloadBox.tsx +2 -1
- package/xy.config.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/Avatar/EthereumGasPriceAvatar.tsx","../../src/components/CardHeader/CardHeader.tsx","../../src/components/HeaderComponents/Actions.tsx","../../src/components/HeaderComponents/Header/Header.tsx","../../src/components/HeaderComponents/Header/Heading.tsx","../../src/components/layout/Header.tsx","../../src/components/layout/StyledCardHeader.tsx","../../src/components/GasFees/Card.tsx","../../src/components/GasFees/components/GasPriceBox.tsx","../../src/components/GasFees/components/GweiLabelTypography.tsx","../../src/components/GasFees/components/PriorityFeeBox.tsx","../../src/components/GasFees/components/SpeedBox.tsx","../../src/components/HeaderBox.tsx","../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"sourcesContent":["import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { Avatar, AvatarProps } from '@mui/material'\nimport React from 'react'\n\nexport const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n return (\n <Avatar {...props}>\n <LocalGasStationRoundedIcon />\n </Avatar>\n )\n}\n","import { CardProps } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport { GasPriceWitnessUIBasePayload } from '../../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from '../HeaderComponents/index.ts'\nimport { StyledCardHeader } from '../layout/index.ts'\n\nexport interface GasPriceCardHeaderProps extends CardProps {\n parsedPayload?: GasPriceWitnessUIBasePayload\n title?: string\n}\nexport const GasPriceWitnessCardHeader = forwardRef<HTMLDivElement, GasPriceCardHeaderProps>(({ title, parsedPayload, ...props }, ref) => (\n <StyledCardHeader\n title={<GasPriceHeaderTypography heading={title} />}\n action={(\n <GasPriceHeaderActionsBox\n timestamp={parsedPayload?.timestamp}\n baseFee={parsedPayload?.baseFee?.value}\n baseFeeLabel={parsedPayload?.baseFee?.label}\n blockNumber={parsedPayload?.blockNumber?.value}\n blockNumberLabel={parsedPayload?.blockNumber?.label}\n />\n )}\n ref={ref}\n {...props}\n />\n))\n\nGasPriceWitnessCardHeader.displayName = 'GasPriceWitnessCardHeader'\n","import { Chip } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface GasPriceEstimateActionsBoxProps extends FlexBoxProps {\n baseFee?: number\n baseFeeLabel?: string\n blockNumber?: number\n blockNumberLabel?: string\n timestamp?: number\n}\n\nexport const GasPriceHeaderActionsBox: React.FC<GasPriceEstimateActionsBoxProps> = ({\n baseFee,\n baseFeeLabel = 'Base Fee',\n blockNumber,\n blockNumberLabel = 'Block Number',\n timestamp,\n ...props\n}) => {\n return (\n <FlexRow columnGap={1} rowGap={1} flexWrap=\"wrap\" {...props}>\n {timestamp\n ? <Chip label={new Date(timestamp).toLocaleString()} />\n : null}\n {baseFee\n ? <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} />\n : null}\n {blockNumber\n ? <Chip label={`${blockNumberLabel} - ${blockNumber}`} />\n : null}\n </FlexRow>\n )\n}\n","import { useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { TypographyExProps, useGetTokenData } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GasPriceHeadingTypography } from './Heading.tsx'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n const theme = useTheme()\n const [ethData] = useGetTokenData(['eth'])\n const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n return (\n <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n {children}\n </GasPriceHeadingTypography>\n )\n}\n","import { useTheme } from '@mui/material'\nimport { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport React, { ReactNode } from 'react'\n\nexport interface GasPriceHeadingTypographyProps extends TypographyExProps {\n children?: ReactNode\n heading?: string\n networkIcon?: ReactNode\n}\n\nexport const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({ children, heading, networkIcon, ...props }) => {\n const theme = useTheme()\n return (\n <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n {heading}\n {' '}\n {networkIcon}\n {' '}\n {children}\n </TypographyEx>\n )\n}\n","import { styled } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nexport const StyledGasPriceHeaderBox = styled(FlexRow, { name: 'StyledGasPriceEstimateBox' })(({ theme }) => ({\n alignItems: 'end',\n columnGap: theme.spacing(2),\n flexWrap: 'wrap',\n justifyContent: 'space-between',\n justifyItems: 'space-between',\n rowGap: theme.spacing(2),\n width: '100%',\n}))\n","import { CardHeader, styled } from '@mui/material'\n\nexport const StyledCardHeader = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({\n flexWrap: 'wrap',\n rowGap: theme.spacing(2),\n}))\n","import { Card, CardProps, Paper, useTheme } from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { CardContentEx } from '@xyo-network/react-card'\nimport React from 'react'\n\nimport { GasPriceBox, PriorityFeeBox, SpeedBox } from './components/index.ts'\n\nexport interface GasFeeCardProps extends CardProps {\n gasPrice?: number\n priorityFee?: number\n priorityFeeLabel?: string\n speed?: string\n speedPaperElevation?: number\n}\n\nexport const GasFeeCard: React.FC<GasFeeCardProps> = ({ gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low', ...props }) => {\n const theme = useTheme()\n\n return (\n <Card sx={{ p: 0 }} {...props}>\n <CardContentEx removePadding sx={{ flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2 }}>\n <FlexGrowCol bgcolor={theme.palette.secondary.dark} alignItems=\"start\" p={2} rowGap={1.5} color={theme.palette.common.white}>\n <GasPriceBox gasPrice={gasPrice} />\n {priorityFee\n ? <PriorityFeeBox priorityFee={priorityFee} priorityFeeLabel={priorityFeeLabel} />\n : null}\n </FlexGrowCol>\n <Paper elevation={speedPaperElevation} sx={{ borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }}>\n <SpeedBox speed={speed} />\n </Paper>\n </CardContentEx>\n </Card>\n )\n}\n","import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\n\nexport interface GasPriceBoxProps extends FlexBoxProps {\n gasPrice?: number\n}\n\nexport const GasPriceBox: React.FC<GasPriceBoxProps> = ({ gasPrice, ...props }) => {\n const theme = useTheme()\n return (\n <FlexRow columnGap={1.5} rowGap={1.5} alignItems=\"end\" {...props}>\n <TypographyEx lineHeight={1} fontWeight=\"200\" fontSize={theme.spacing(6)} title={gasPrice?.toString() ?? ''}>\n {gasPrice?.toFixed(2)}\n </TypographyEx>\n <GweiLabelTypography fontSize={theme.spacing(2)} />\n </FlexRow>\n )\n}\n","import { TypographyEx, TypographyExProps } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport const GweiLabelTypography: React.FC<TypographyExProps> = props => (\n <TypographyEx variant=\"caption\" {...props}>\n GWEI\n </TypographyEx>\n)\n","import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\n\nexport interface PriorityFeeBoxProps extends FlexBoxProps {\n priorityFee?: number\n priorityFeeLabel?: string\n}\n\nexport const PriorityFeeBox: React.FC<PriorityFeeBoxProps> = ({ priorityFee, priorityFeeLabel = 'Priority Fee', ...props }) => {\n const theme = useTheme()\n\n return (\n <FlexGrowRow width=\"100%\" justifyContent=\"space-between\" alignItems=\"end\" {...props}>\n <FlexCol alignItems=\"start\">\n <TypographyEx>{priorityFeeLabel}</TypographyEx>\n <TypographyEx title={priorityFee?.toString() ?? ''}>\n {priorityFee?.toFixed(2)}\n {' '}\n <GweiLabelTypography fontSize={theme.spacing(1)} />\n </TypographyEx>\n </FlexCol>\n <LocalGasStationRoundedIcon />\n </FlexGrowRow>\n )\n}\n","import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexGrowCol } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport interface SpeedBoxProps extends FlexBoxProps {\n speed?: string\n}\n\nexport const SpeedBox: React.FC<SpeedBoxProps> = ({ speed, ...props }) => {\n const theme = useTheme()\n\n return speed\n ? (\n <FlexGrowCol {...props}>\n <TypographyEx fontSize={theme.spacing(3)} fontWeight=\"200\" p={1}>\n {speed}\n </TypographyEx>\n </FlexGrowCol>\n )\n : null\n}\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { GasPriceWitnessUIBasePayload } from '../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from './HeaderComponents/index.ts'\nimport { StyledGasPriceHeaderBox } from './layout/index.ts'\n\nexport interface GasPriceWitnessHeaderBoxProps extends FlexBoxProps {\n heading?: string\n parsedPayload?: GasPriceWitnessUIBasePayload\n}\n\nexport const GasPriceWitnessHeaderBox: React.FC<GasPriceWitnessHeaderBoxProps> = ({ heading, parsedPayload, ...props }) => {\n return (\n <StyledGasPriceHeaderBox {...props}>\n <GasPriceHeaderTypography heading={heading} />\n <GasPriceHeaderActionsBox\n timestamp={parsedPayload?.timestamp}\n baseFee={parsedPayload?.baseFee?.value}\n baseFeeLabel={parsedPayload?.baseFee?.label}\n blockNumber={parsedPayload?.blockNumber?.value}\n blockNumberLabel={parsedPayload?.blockNumber?.label}\n />\n </StyledGasPriceHeaderBox>\n )\n}\n","import { Button, Collapse, Paper } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nexport interface ToggleRawPayloadBoxProps extends FlexBoxProps {\n gasPricePayload?: object\n}\n\nexport const ToggleRawPayloadBox: React.FC<ToggleRawPayloadBoxProps> = ({ gasPricePayload, ...props }) => {\n const [collapse, setCollapse] = useState(false)\n return gasPricePayload\n ? (\n <FlexCol rowGap={1} {...props}>\n <Button color=\"secondary\" sx={{ bgcolor: 'secondary.dark', color: 'white' }} variant=\"contained\" onClick={() => setCollapse(!collapse)}>\n Raw Payload\n </Button>\n <Collapse in={collapse}>\n <Paper elevation={4} sx={{ p: 2 }}>\n <pre>{JSON.stringify(gasPricePayload, null, 2)}</pre>\n </Paper>\n </Collapse>\n </FlexCol>\n )\n : null\n}\n"],"mappings":"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","names":["LocalGasStationRounded","LocalGasStationRoundedIcon","Avatar","React","EthereumGasPriceAvatar","props","Avatar","LocalGasStationRoundedIcon","React","forwardRef","Chip","FlexRow","React","GasPriceHeaderActionsBox","baseFee","baseFeeLabel","blockNumber","blockNumberLabel","timestamp","props","React","FlexRow","columnGap","rowGap","flexWrap","Chip","label","Date","toLocaleString","toFixed","useTheme","useGetTokenData","React","useTheme","TypographyEx","React","GasPriceHeadingTypography","children","heading","networkIcon","props","theme","useTheme","React","TypographyEx","fontSize","spacing","lineHeight","GasPriceHeaderTypography","heading","children","props","theme","useTheme","ethData","useGetTokenData","networkIcon","React","img","height","spacing","src","icon","GasPriceHeadingTypography","styled","FlexRow","StyledGasPriceHeaderBox","name","theme","alignItems","columnGap","spacing","flexWrap","justifyContent","justifyItems","rowGap","width","CardHeader","styled","StyledCardHeader","name","theme","flexWrap","rowGap","spacing","GasPriceWitnessCardHeader","forwardRef","title","parsedPayload","props","ref","React","StyledCardHeader","GasPriceHeaderTypography","heading","action","GasPriceHeaderActionsBox","timestamp","baseFee","value","baseFeeLabel","label","blockNumber","blockNumberLabel","displayName","Card","Paper","useTheme","FlexGrowCol","CardContentEx","React","useTheme","FlexRow","TypographyEx","React","TypographyEx","React","GweiLabelTypography","props","React","TypographyEx","variant","GasPriceBox","gasPrice","props","theme","useTheme","React","FlexRow","columnGap","rowGap","alignItems","TypographyEx","lineHeight","fontWeight","fontSize","spacing","title","toString","toFixed","GweiLabelTypography","LocalGasStationRounded","LocalGasStationRoundedIcon","useTheme","FlexCol","FlexGrowRow","TypographyEx","React","PriorityFeeBox","priorityFee","priorityFeeLabel","props","theme","useTheme","React","FlexGrowRow","width","justifyContent","alignItems","FlexCol","TypographyEx","title","toString","toFixed","GweiLabelTypography","fontSize","spacing","LocalGasStationRoundedIcon","useTheme","FlexGrowCol","TypographyEx","React","SpeedBox","speed","props","theme","useTheme","React","FlexGrowCol","TypographyEx","fontSize","spacing","fontWeight","p","GasFeeCard","gasPrice","speedPaperElevation","priorityFee","priorityFeeLabel","speed","props","theme","useTheme","React","Card","sx","p","CardContentEx","removePadding","flexDirection","flexGrow","rowGap","FlexGrowCol","bgcolor","palette","secondary","dark","alignItems","color","common","white","GasPriceBox","PriorityFeeBox","Paper","elevation","borderRadius","shape","SpeedBox","React","GasPriceWitnessHeaderBox","heading","parsedPayload","props","React","StyledGasPriceHeaderBox","GasPriceHeaderTypography","GasPriceHeaderActionsBox","timestamp","baseFee","value","baseFeeLabel","label","blockNumber","blockNumberLabel","Button","Collapse","Paper","FlexCol","React","useState","ToggleRawPayloadBox","gasPricePayload","props","collapse","setCollapse","useState","React","FlexCol","rowGap","Button","color","sx","bgcolor","variant","onClick","Collapse","in","Paper","elevation","p","pre","JSON","stringify"]}
|
|
1
|
+
{"version":3,"sources":["../../src/components/Avatar/EthereumGasPriceAvatar.tsx","../../src/components/CardHeader/CardHeader.tsx","../../src/components/HeaderComponents/Actions.tsx","../../src/components/HeaderComponents/Header/Header.tsx","../../src/components/HeaderComponents/Header/Heading.tsx","../../src/components/layout/Header.tsx","../../src/components/layout/StyledCardHeader.tsx","../../src/components/GasFees/Card.tsx","../../src/components/GasFees/components/GasPriceBox.tsx","../../src/components/GasFees/components/GweiLabelTypography.tsx","../../src/components/GasFees/components/PriorityFeeBox.tsx","../../src/components/GasFees/components/SpeedBox.tsx","../../src/components/HeaderBox.tsx","../../src/components/RawPayload/ToggleRawPayloadBox.tsx"],"sourcesContent":["import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport type { AvatarProps } from '@mui/material'\nimport { Avatar } from '@mui/material'\nimport React from 'react'\n\nexport const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n return (\n <Avatar {...props}>\n <LocalGasStationRoundedIcon />\n </Avatar>\n )\n}\n","import type { CardProps } from '@mui/material'\nimport React, { forwardRef } from 'react'\n\nimport type { GasPriceWitnessUIBasePayload } from '../../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from '../HeaderComponents/index.ts'\nimport { StyledCardHeader } from '../layout/index.ts'\n\nexport interface GasPriceCardHeaderProps extends CardProps {\n parsedPayload?: GasPriceWitnessUIBasePayload\n title?: string\n}\nexport const GasPriceWitnessCardHeader = forwardRef<HTMLDivElement, GasPriceCardHeaderProps>(({ title, parsedPayload, ...props }, ref) => (\n <StyledCardHeader\n title={<GasPriceHeaderTypography heading={title} />}\n action={(\n <GasPriceHeaderActionsBox\n timestamp={parsedPayload?.timestamp}\n baseFee={parsedPayload?.baseFee?.value}\n baseFeeLabel={parsedPayload?.baseFee?.label}\n blockNumber={parsedPayload?.blockNumber?.value}\n blockNumberLabel={parsedPayload?.blockNumber?.label}\n />\n )}\n ref={ref}\n {...props}\n />\n))\n\nGasPriceWitnessCardHeader.displayName = 'GasPriceWitnessCardHeader'\n","import { Chip } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nexport interface GasPriceEstimateActionsBoxProps extends FlexBoxProps {\n baseFee?: number\n baseFeeLabel?: string\n blockNumber?: number\n blockNumberLabel?: string\n timestamp?: number\n}\n\nexport const GasPriceHeaderActionsBox: React.FC<GasPriceEstimateActionsBoxProps> = ({\n baseFee,\n baseFeeLabel = 'Base Fee',\n blockNumber,\n blockNumberLabel = 'Block Number',\n timestamp,\n ...props\n}) => {\n return (\n <FlexRow columnGap={1} rowGap={1} flexWrap=\"wrap\" {...props}>\n {timestamp\n ? <Chip label={new Date(timestamp).toLocaleString()} />\n : null}\n {baseFee\n ? <Chip label={`${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI`} />\n : null}\n {blockNumber\n ? <Chip label={`${blockNumberLabel} - ${blockNumber}`} />\n : null}\n </FlexRow>\n )\n}\n","import { useTheme } from '@mui/material'\nimport type { WithChildren } from '@xylabs/react-shared'\nimport type { TypographyExProps } from '@xyo-network/react-shared'\nimport { useGetTokenData } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GasPriceHeadingTypography } from './Heading.tsx'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, WithChildren {\n heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({ heading, children, ...props }) => {\n const theme = useTheme()\n const [ethData] = useGetTokenData(['eth'])\n const networkIcon = <img height={theme.spacing(4)} src={ethData.icon} />\n\n return (\n <GasPriceHeadingTypography heading={heading} networkIcon={networkIcon} {...props}>\n {children}\n </GasPriceHeadingTypography>\n )\n}\n","import { useTheme } from '@mui/material'\nimport type { TypographyExProps } from '@xyo-network/react-shared'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport type { ReactNode } from 'react'\nimport React from 'react'\n\nexport interface GasPriceHeadingTypographyProps extends TypographyExProps {\n children?: ReactNode\n heading?: string\n networkIcon?: ReactNode\n}\n\nexport const GasPriceHeadingTypography: React.FC<GasPriceHeadingTypographyProps> = ({ children, heading, networkIcon, ...props }) => {\n const theme = useTheme()\n return (\n <TypographyEx fontSize={theme.spacing(6)} lineHeight={1} {...props}>\n {heading}\n {' '}\n {networkIcon}\n {' '}\n {children}\n </TypographyEx>\n )\n}\n","import { styled } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\n\nexport const StyledGasPriceHeaderBox = styled(FlexRow, { name: 'StyledGasPriceEstimateBox' })(({ theme }) => ({\n alignItems: 'end',\n columnGap: theme.spacing(2),\n flexWrap: 'wrap',\n justifyContent: 'space-between',\n justifyItems: 'space-between',\n rowGap: theme.spacing(2),\n width: '100%',\n}))\n","import { CardHeader, styled } from '@mui/material'\n\nexport const StyledCardHeader = styled(CardHeader, { name: 'StyledCardHeader' })(({ theme }) => ({\n flexWrap: 'wrap',\n rowGap: theme.spacing(2),\n}))\n","import type { CardProps } from '@mui/material'\nimport { Card, Paper, useTheme } from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { CardContentEx } from '@xyo-network/react-card'\nimport React from 'react'\n\nimport { GasPriceBox, PriorityFeeBox, SpeedBox } from './components/index.ts'\n\nexport interface GasFeeCardProps extends CardProps {\n gasPrice?: number\n priorityFee?: number\n priorityFeeLabel?: string\n speed?: string\n speedPaperElevation?: number\n}\n\nexport const GasFeeCard: React.FC<GasFeeCardProps> = ({ gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low', ...props }) => {\n const theme = useTheme()\n\n return (\n <Card sx={{ p: 0 }} {...props}>\n <CardContentEx removePadding sx={{ flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2 }}>\n <FlexGrowCol bgcolor={theme.palette.secondary.dark} alignItems=\"start\" p={2} rowGap={1.5} color={theme.palette.common.white}>\n <GasPriceBox gasPrice={gasPrice} />\n {priorityFee\n ? <PriorityFeeBox priorityFee={priorityFee} priorityFeeLabel={priorityFeeLabel} />\n : null}\n </FlexGrowCol>\n <Paper elevation={speedPaperElevation} sx={{ borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }}>\n <SpeedBox speed={speed} />\n </Paper>\n </CardContentEx>\n </Card>\n )\n}\n","import { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\n\nexport interface GasPriceBoxProps extends FlexBoxProps {\n gasPrice?: number\n}\n\nexport const GasPriceBox: React.FC<GasPriceBoxProps> = ({ gasPrice, ...props }) => {\n const theme = useTheme()\n return (\n <FlexRow columnGap={1.5} rowGap={1.5} alignItems=\"end\" {...props}>\n <TypographyEx lineHeight={1} fontWeight=\"200\" fontSize={theme.spacing(6)} title={gasPrice?.toString() ?? ''}>\n {gasPrice?.toFixed(2)}\n </TypographyEx>\n <GweiLabelTypography fontSize={theme.spacing(2)} />\n </FlexRow>\n )\n}\n","import type { TypographyExProps } from '@xyo-network/react-shared'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport const GweiLabelTypography: React.FC<TypographyExProps> = props => (\n <TypographyEx variant=\"caption\" {...props}>\n GWEI\n </TypographyEx>\n)\n","import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'\nimport { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { GweiLabelTypography } from './GweiLabelTypography.tsx'\n\nexport interface PriorityFeeBoxProps extends FlexBoxProps {\n priorityFee?: number\n priorityFeeLabel?: string\n}\n\nexport const PriorityFeeBox: React.FC<PriorityFeeBoxProps> = ({ priorityFee, priorityFeeLabel = 'Priority Fee', ...props }) => {\n const theme = useTheme()\n\n return (\n <FlexGrowRow width=\"100%\" justifyContent=\"space-between\" alignItems=\"end\" {...props}>\n <FlexCol alignItems=\"start\">\n <TypographyEx>{priorityFeeLabel}</TypographyEx>\n <TypographyEx title={priorityFee?.toString() ?? ''}>\n {priorityFee?.toFixed(2)}\n {' '}\n <GweiLabelTypography fontSize={theme.spacing(1)} />\n </TypographyEx>\n </FlexCol>\n <LocalGasStationRoundedIcon />\n </FlexGrowRow>\n )\n}\n","import { useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport React from 'react'\n\nexport interface SpeedBoxProps extends FlexBoxProps {\n speed?: string\n}\n\nexport const SpeedBox: React.FC<SpeedBoxProps> = ({ speed, ...props }) => {\n const theme = useTheme()\n\n return speed\n ? (\n <FlexGrowCol {...props}>\n <TypographyEx fontSize={theme.spacing(3)} fontWeight=\"200\" p={1}>\n {speed}\n </TypographyEx>\n </FlexGrowCol>\n )\n : null\n}\n","import type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport type { GasPriceWitnessUIBasePayload } from '../types/index.ts'\nimport { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from './HeaderComponents/index.ts'\nimport { StyledGasPriceHeaderBox } from './layout/index.ts'\n\nexport interface GasPriceWitnessHeaderBoxProps extends FlexBoxProps {\n heading?: string\n parsedPayload?: GasPriceWitnessUIBasePayload\n}\n\nexport const GasPriceWitnessHeaderBox: React.FC<GasPriceWitnessHeaderBoxProps> = ({ heading, parsedPayload, ...props }) => {\n return (\n <StyledGasPriceHeaderBox {...props}>\n <GasPriceHeaderTypography heading={heading} />\n <GasPriceHeaderActionsBox\n timestamp={parsedPayload?.timestamp}\n baseFee={parsedPayload?.baseFee?.value}\n baseFeeLabel={parsedPayload?.baseFee?.label}\n blockNumber={parsedPayload?.blockNumber?.value}\n blockNumberLabel={parsedPayload?.blockNumber?.label}\n />\n </StyledGasPriceHeaderBox>\n )\n}\n","import { Button, Collapse, Paper } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nexport interface ToggleRawPayloadBoxProps extends FlexBoxProps {\n gasPricePayload?: object\n}\n\nexport const ToggleRawPayloadBox: React.FC<ToggleRawPayloadBoxProps> = ({ gasPricePayload, ...props }) => {\n const [collapse, setCollapse] = useState(false)\n return gasPricePayload\n ? (\n <FlexCol rowGap={1} {...props}>\n <Button color=\"secondary\" sx={{ bgcolor: 'secondary.dark', color: 'white' }} variant=\"contained\" onClick={() => setCollapse(!collapse)}>\n Raw Payload\n </Button>\n <Collapse in={collapse}>\n <Paper elevation={4} sx={{ p: 2 }}>\n <pre>{JSON.stringify(gasPricePayload, null, 2)}</pre>\n </Paper>\n </Collapse>\n </FlexCol>\n )\n : null\n}\n"],"mappings":"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","names":["LocalGasStationRounded","LocalGasStationRoundedIcon","Avatar","React","EthereumGasPriceAvatar","props","Avatar","LocalGasStationRoundedIcon","React","forwardRef","Chip","FlexRow","React","GasPriceHeaderActionsBox","baseFee","baseFeeLabel","blockNumber","blockNumberLabel","timestamp","props","React","FlexRow","columnGap","rowGap","flexWrap","Chip","label","Date","toLocaleString","toFixed","useTheme","useGetTokenData","React","useTheme","TypographyEx","React","GasPriceHeadingTypography","children","heading","networkIcon","props","theme","useTheme","React","TypographyEx","fontSize","spacing","lineHeight","GasPriceHeaderTypography","heading","children","props","theme","useTheme","ethData","useGetTokenData","networkIcon","React","img","height","spacing","src","icon","GasPriceHeadingTypography","styled","FlexRow","StyledGasPriceHeaderBox","name","theme","alignItems","columnGap","spacing","flexWrap","justifyContent","justifyItems","rowGap","width","CardHeader","styled","StyledCardHeader","name","theme","flexWrap","rowGap","spacing","GasPriceWitnessCardHeader","forwardRef","title","parsedPayload","props","ref","React","StyledCardHeader","GasPriceHeaderTypography","heading","action","GasPriceHeaderActionsBox","timestamp","baseFee","value","baseFeeLabel","label","blockNumber","blockNumberLabel","displayName","Card","Paper","useTheme","FlexGrowCol","CardContentEx","React","useTheme","FlexRow","TypographyEx","React","TypographyEx","React","GweiLabelTypography","props","React","TypographyEx","variant","GasPriceBox","gasPrice","props","theme","useTheme","React","FlexRow","columnGap","rowGap","alignItems","TypographyEx","lineHeight","fontWeight","fontSize","spacing","title","toString","toFixed","GweiLabelTypography","LocalGasStationRounded","LocalGasStationRoundedIcon","useTheme","FlexCol","FlexGrowRow","TypographyEx","React","PriorityFeeBox","priorityFee","priorityFeeLabel","props","theme","useTheme","React","FlexGrowRow","width","justifyContent","alignItems","FlexCol","TypographyEx","title","toString","toFixed","GweiLabelTypography","fontSize","spacing","LocalGasStationRoundedIcon","useTheme","FlexGrowCol","TypographyEx","React","SpeedBox","speed","props","theme","useTheme","React","FlexGrowCol","TypographyEx","fontSize","spacing","fontWeight","p","GasFeeCard","gasPrice","speedPaperElevation","priorityFee","priorityFeeLabel","speed","props","theme","useTheme","React","Card","sx","p","CardContentEx","removePadding","flexDirection","flexGrow","rowGap","FlexGrowCol","bgcolor","palette","secondary","dark","alignItems","color","common","white","GasPriceBox","PriorityFeeBox","Paper","elevation","borderRadius","shape","SpeedBox","React","GasPriceWitnessHeaderBox","heading","parsedPayload","props","React","StyledGasPriceHeaderBox","GasPriceHeaderTypography","GasPriceHeaderActionsBox","timestamp","baseFee","value","baseFeeLabel","label","blockNumber","blockNumberLabel","Button","Collapse","Paper","FlexCol","React","useState","ToggleRawPayloadBox","gasPricePayload","props","collapse","setCollapse","useState","React","FlexCol","rowGap","Button","color","sx","bgcolor","variant","onClick","Collapse","in","Paper","elevation","p","pre","JSON","stringify"]}
|
package/package.json
CHANGED
|
@@ -7,18 +7,18 @@
|
|
|
7
7
|
},
|
|
8
8
|
"bugs": {
|
|
9
9
|
"email": "support@xyo.network",
|
|
10
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
|
|
10
|
+
"url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@xylabs/react-flexbox": "^4.0.
|
|
14
|
-
"@xylabs/react-shared": "^4.0.
|
|
15
|
-
"@xyo-network/react-card": "^3.0.
|
|
16
|
-
"@xyo-network/react-shared": "^3.0.
|
|
13
|
+
"@xylabs/react-flexbox": "^4.0.3",
|
|
14
|
+
"@xylabs/react-shared": "^4.0.3",
|
|
15
|
+
"@xyo-network/react-card": "^3.0.2",
|
|
16
|
+
"@xyo-network/react-shared": "^3.0.2"
|
|
17
17
|
},
|
|
18
18
|
"devDependencies": {
|
|
19
19
|
"@storybook/react": "^8.2.9",
|
|
20
|
-
"@xylabs/ts-scripts-yarn3": "^4.0.0-rc.
|
|
21
|
-
"@xylabs/tsconfig-react": "^4.0.0-rc.
|
|
20
|
+
"@xylabs/ts-scripts-yarn3": "^4.0.0-rc.20",
|
|
21
|
+
"@xylabs/tsconfig-react": "^4.0.0-rc.20",
|
|
22
22
|
"typescript": "^5.5.4"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
},
|
|
56
56
|
"repository": {
|
|
57
57
|
"type": "git",
|
|
58
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
|
|
58
|
+
"url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
|
|
59
59
|
},
|
|
60
60
|
"scripts": {
|
|
61
61
|
"lint-pkg": "npmPkgJsonLint .",
|
|
@@ -63,6 +63,6 @@
|
|
|
63
63
|
},
|
|
64
64
|
"sideEffects": false,
|
|
65
65
|
"types": "dist/browser/index.d.ts",
|
|
66
|
-
"version": "3.0.
|
|
66
|
+
"version": "3.0.2",
|
|
67
67
|
"type": "module"
|
|
68
68
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'
|
|
2
|
-
import {
|
|
2
|
+
import type { AvatarProps } from '@mui/material'
|
|
3
|
+
import { Avatar } from '@mui/material'
|
|
3
4
|
import React from 'react'
|
|
4
5
|
|
|
5
6
|
export const EthereumGasPriceAvatar: React.FC<AvatarProps> = ({ ...props }) => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { CardProps } from '@mui/material'
|
|
1
|
+
import type { CardProps } from '@mui/material'
|
|
2
2
|
import React, { forwardRef } from 'react'
|
|
3
3
|
|
|
4
|
-
import { GasPriceWitnessUIBasePayload } from '../../types/index.ts'
|
|
4
|
+
import type { GasPriceWitnessUIBasePayload } from '../../types/index.ts'
|
|
5
5
|
import { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from '../HeaderComponents/index.ts'
|
|
6
6
|
import { StyledCardHeader } from '../layout/index.ts'
|
|
7
7
|
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { CardProps } from '@mui/material'
|
|
2
|
+
import { Card, Paper, useTheme } from '@mui/material'
|
|
2
3
|
import { FlexGrowCol } from '@xylabs/react-flexbox'
|
|
3
4
|
import { CardContentEx } from '@xyo-network/react-card'
|
|
4
5
|
import React from 'react'
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { useTheme } from '@mui/material'
|
|
2
|
-
import { FlexBoxProps
|
|
2
|
+
import type { FlexBoxProps } from '@xylabs/react-flexbox'
|
|
3
|
+
import { FlexRow } from '@xylabs/react-flexbox'
|
|
3
4
|
import { TypographyEx } from '@xyo-network/react-shared'
|
|
4
5
|
import React from 'react'
|
|
5
6
|
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { TypographyExProps } from '@xyo-network/react-shared'
|
|
2
|
+
import { TypographyEx } from '@xyo-network/react-shared'
|
|
2
3
|
import React from 'react'
|
|
3
4
|
|
|
4
5
|
export const GweiLabelTypography: React.FC<TypographyExProps> = props => (
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { LocalGasStationRounded as LocalGasStationRoundedIcon } from '@mui/icons-material'
|
|
2
2
|
import { useTheme } from '@mui/material'
|
|
3
|
-
import { FlexBoxProps
|
|
3
|
+
import type { FlexBoxProps } from '@xylabs/react-flexbox'
|
|
4
|
+
import { FlexCol, FlexGrowRow } from '@xylabs/react-flexbox'
|
|
4
5
|
import { TypographyEx } from '@xyo-network/react-shared'
|
|
5
6
|
import React from 'react'
|
|
6
7
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { useTheme } from '@mui/material'
|
|
2
|
-
import { FlexBoxProps
|
|
2
|
+
import type { FlexBoxProps } from '@xylabs/react-flexbox'
|
|
3
|
+
import { FlexGrowCol } from '@xylabs/react-flexbox'
|
|
3
4
|
import { TypographyEx } from '@xyo-network/react-shared'
|
|
4
5
|
import React from 'react'
|
|
5
6
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { FlexBoxProps } from '@xylabs/react-flexbox'
|
|
1
|
+
import type { FlexBoxProps } from '@xylabs/react-flexbox'
|
|
2
2
|
import React from 'react'
|
|
3
3
|
|
|
4
|
-
import { GasPriceWitnessUIBasePayload } from '../types/index.ts'
|
|
4
|
+
import type { GasPriceWitnessUIBasePayload } from '../types/index.ts'
|
|
5
5
|
import { GasPriceHeaderActionsBox, GasPriceHeaderTypography } from './HeaderComponents/index.ts'
|
|
6
6
|
import { StyledGasPriceHeaderBox } from './layout/index.ts'
|
|
7
7
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Chip } from '@mui/material'
|
|
2
|
-
import { FlexBoxProps
|
|
2
|
+
import type { FlexBoxProps } from '@xylabs/react-flexbox'
|
|
3
|
+
import { FlexRow } from '@xylabs/react-flexbox'
|
|
3
4
|
import React from 'react'
|
|
4
5
|
|
|
5
6
|
export interface GasPriceEstimateActionsBoxProps extends FlexBoxProps {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { useTheme } from '@mui/material'
|
|
2
|
-
import { WithChildren } from '@xylabs/react-shared'
|
|
3
|
-
import { TypographyExProps
|
|
2
|
+
import type { WithChildren } from '@xylabs/react-shared'
|
|
3
|
+
import type { TypographyExProps } from '@xyo-network/react-shared'
|
|
4
|
+
import { useGetTokenData } from '@xyo-network/react-shared'
|
|
4
5
|
import React from 'react'
|
|
5
6
|
|
|
6
7
|
import { GasPriceHeadingTypography } from './Heading.tsx'
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { useTheme } from '@mui/material'
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
2
|
+
import type { TypographyExProps } from '@xyo-network/react-shared'
|
|
3
|
+
import { TypographyEx } from '@xyo-network/react-shared'
|
|
4
|
+
import type { ReactNode } from 'react'
|
|
5
|
+
import React from 'react'
|
|
4
6
|
|
|
5
7
|
export interface GasPriceHeadingTypographyProps extends TypographyExProps {
|
|
6
8
|
children?: ReactNode
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Button, Collapse, Paper } from '@mui/material'
|
|
2
|
-
import { FlexBoxProps
|
|
2
|
+
import type { FlexBoxProps } from '@xylabs/react-flexbox'
|
|
3
|
+
import { FlexCol } from '@xylabs/react-flexbox'
|
|
3
4
|
import React, { useState } from 'react'
|
|
4
5
|
|
|
5
6
|
export interface ToggleRawPayloadBoxProps extends FlexBoxProps {
|
package/xy.config.ts
CHANGED