@xyo-network/react-gas-price 6.2.0 → 7.0.1
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/components/Avatar/EthereumGasPriceAvatar.stories.d.ts +1 -1
- package/dist/browser/components/GasFees/Card.stories.d.ts +4 -4
- package/dist/browser/components/GasFees/Card.stories.d.ts.map +1 -1
- package/dist/browser/components/HeaderComponents/Actions.stories.d.ts +2 -2
- package/dist/browser/components/HeaderComponents/Actions.stories.d.ts.map +1 -1
- package/dist/browser/components/RawPayload/ToggleRawPayloadBox.stories.d.ts +2 -2
- package/dist/browser/components/RawPayload/ToggleRawPayloadBox.stories.d.ts.map +1 -1
- package/dist/browser/components/layout/Header.d.ts +1 -1
- package/dist/browser/components/layout/Header.d.ts.map +1 -1
- package/dist/browser/components/layout/StyledCardHeader.d.ts +1 -1
- package/dist/browser/components/layout/StyledCardHeader.d.ts.map +1 -1
- package/dist/browser/index.mjs +174 -180
- package/dist/browser/index.mjs.map +1 -1
- package/package.json +23 -16
- package/typedoc.json +0 -5
- package/xy.config.ts +0 -10
|
@@ -2,7 +2,7 @@ import type { Meta } from '@storybook/react-vite';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
declare const _default: Meta;
|
|
4
4
|
export default _default;
|
|
5
|
-
declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "alt" | "children" | "imgProps" | "sizes" | "src" | "srcSet" | "sx" | "variant" | "slots" | "slotProps"> & {
|
|
5
|
+
declare const Default: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "alt" | "children" | "imgProps" | "sizes" | "src" | "srcSet" | "sx" | "variant" | "slots" | "slotProps"> & {
|
|
6
6
|
component?: React.ElementType;
|
|
7
7
|
}>;
|
|
8
8
|
export { Default };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { Meta } from '@storybook/react-vite';
|
|
2
2
|
declare const _default: Meta;
|
|
3
3
|
export default _default;
|
|
4
|
-
declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Card.tsx").GasFeeCardProps>;
|
|
5
|
-
declare const Contained: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Card.tsx").GasFeeCardProps>;
|
|
6
|
-
declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Card.tsx").GasFeeCardProps>;
|
|
7
|
-
declare const WithLabel: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Card.tsx").GasFeeCardProps>;
|
|
4
|
+
declare const Default: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Card.tsx").GasFeeCardProps>;
|
|
5
|
+
declare const Contained: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Card.tsx").GasFeeCardProps>;
|
|
6
|
+
declare const WithData: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Card.tsx").GasFeeCardProps>;
|
|
7
|
+
declare const WithLabel: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Card.tsx").GasFeeCardProps>;
|
|
8
8
|
export { Contained, Default, WithData, WithLabel, };
|
|
9
9
|
//# sourceMappingURL=Card.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/GasFees/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAcrD,IAAI;AAHT,wBAGS;AAMT,QAAA,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/GasFees/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAcrD,IAAI;AAHT,wBAGS;AAMT,QAAA,MAAM,OAAO,0KAAoB,CAAA;AAGjC,QAAA,MAAM,SAAS,0KAAoB,CAAA;AAUnC,QAAA,MAAM,QAAQ,0KAAoB,CAAA;AAGlC,QAAA,MAAM,SAAS,0KAAoB,CAAA;AAOnC,OAAO,EACL,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,GACxC,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Meta } from '@storybook/react-vite';
|
|
2
2
|
declare const _default: Meta;
|
|
3
3
|
export default _default;
|
|
4
|
-
declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Actions.tsx").GasPriceEstimateActionsBoxProps>;
|
|
5
|
-
declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Actions.tsx").GasPriceEstimateActionsBoxProps>;
|
|
4
|
+
declare const Default: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Actions.tsx").GasPriceEstimateActionsBoxProps>;
|
|
5
|
+
declare const WithData: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./Actions.tsx").GasPriceEstimateActionsBoxProps>;
|
|
6
6
|
export { Default, WithData };
|
|
7
7
|
//# sourceMappingURL=Actions.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actions.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderComponents/Actions.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAQrD,IAAI;AAHT,wBAGS;AAIT,QAAA,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Actions.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderComponents/Actions.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAQrD,IAAI;AAHT,wBAGS;AAIT,QAAA,MAAM,OAAO,6LAAoB,CAAA;AAGjC,QAAA,MAAM,QAAQ,6LAAoB,CAAA;AASlC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Meta } from '@storybook/react-vite';
|
|
2
2
|
declare const _default: Meta;
|
|
3
3
|
export default _default;
|
|
4
|
-
declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ToggleRawPayloadBox.tsx").ToggleRawPayloadBoxProps>;
|
|
5
|
-
declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ToggleRawPayloadBox.tsx").ToggleRawPayloadBoxProps>;
|
|
4
|
+
declare const Default: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ToggleRawPayloadBox.tsx").ToggleRawPayloadBoxProps>;
|
|
5
|
+
declare const WithData: import(".store/storybook-virtual-997ab3c959/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./ToggleRawPayloadBox.tsx").ToggleRawPayloadBoxProps>;
|
|
6
6
|
export { Default, WithData };
|
|
7
7
|
//# sourceMappingURL=ToggleRawPayloadBox.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleRawPayloadBox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/RawPayload/ToggleRawPayloadBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAQrD,IAAI;AAHT,wBAGS;AAIT,QAAA,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"ToggleRawPayloadBox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/RawPayload/ToggleRawPayloadBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAQrD,IAAI;AAHT,wBAGS;AAIT,QAAA,MAAM,OAAO,kMAAoB,CAAA;AAGjC,QAAA,MAAM,QAAQ,kMAAoB,CAAA;AAQlC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const StyledGasPriceHeaderBox: import("@emotion/styled").StyledComponent<Pick<import("@xylabs/react-flexbox").BusyBoxProps, keyof import("@xylabs/react-flexbox").BusyBoxProps> & import("
|
|
1
|
+
export declare const StyledGasPriceHeaderBox: import("@emotion/styled").StyledComponent<Pick<import("@xylabs/react-flexbox").BusyBoxProps, keyof import("@xylabs/react-flexbox").BusyBoxProps> & import(".store/@mui-system-virtual-08e51c7e26/package").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
2
2
|
//# sourceMappingURL=Header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Header.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Header.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,yQAQjC,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const StyledCardHeader: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material").CardHeaderSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "sx" | "slots" | "slotProps" | "title" | "action" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps">, "className" | "style" | "classes" | "children" | "sx" | "slots" | "slotProps" | "slot" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "
|
|
1
|
+
export declare const StyledCardHeader: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material").CardHeaderSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "sx" | "slots" | "slotProps" | "title" | "action" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps">, "className" | "style" | "classes" | "children" | "sx" | "slots" | "slotProps" | "slot" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "action" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps"> & import(".store/@mui-system-virtual-08e51c7e26/package").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
2
2
|
//# sourceMappingURL=StyledCardHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledCardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/StyledCardHeader.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"StyledCardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/StyledCardHeader.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,ksLAG1B,CAAA"}
|
package/dist/browser/index.mjs
CHANGED
|
@@ -1,77 +1,71 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
|
|
4
1
|
// src/components/Avatar/EthereumGasPriceAvatar.tsx
|
|
5
2
|
import { LocalGasStationRounded as LocalGasStationRoundedIcon } from "@mui/icons-material";
|
|
6
3
|
import { Avatar } from "@mui/material";
|
|
7
|
-
import
|
|
8
|
-
var EthereumGasPriceAvatar =
|
|
9
|
-
return /* @__PURE__ */
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
// src/components/CardHeader/CardHeader.tsx
|
|
13
|
-
import React5 from "react";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
var EthereumGasPriceAvatar = ({ ...props }) => {
|
|
6
|
+
return /* @__PURE__ */ jsx(Avatar, { ...props, children: /* @__PURE__ */ jsx(LocalGasStationRoundedIcon, {}) });
|
|
7
|
+
};
|
|
14
8
|
|
|
15
9
|
// src/components/HeaderComponents/Actions.tsx
|
|
16
10
|
import { Chip } from "@mui/material";
|
|
17
11
|
import { FlexRow } from "@xylabs/react-flexbox";
|
|
18
|
-
import
|
|
19
|
-
var GasPriceHeaderActionsBox =
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
label:
|
|
29
|
-
|
|
30
|
-
label: `${blockNumberLabel} - ${blockNumber}`
|
|
31
|
-
})
|
|
32
|
-
}
|
|
12
|
+
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
13
|
+
var GasPriceHeaderActionsBox = ({
|
|
14
|
+
baseFee,
|
|
15
|
+
baseFeeLabel = "Base Fee",
|
|
16
|
+
blockNumber,
|
|
17
|
+
blockNumberLabel = "Block Number",
|
|
18
|
+
timestamp,
|
|
19
|
+
...props
|
|
20
|
+
}) => {
|
|
21
|
+
return /* @__PURE__ */ jsxs(FlexRow, { columnGap: 1, rowGap: 1, flexWrap: "wrap", ...props, children: [
|
|
22
|
+
timestamp ? /* @__PURE__ */ jsx2(Chip, { label: new Date(timestamp).toLocaleString() }) : null,
|
|
23
|
+
baseFee ? /* @__PURE__ */ jsx2(Chip, { label: `${baseFeeLabel} - ${baseFee.toFixed(2)} GWEI` }) : null,
|
|
24
|
+
blockNumber ? /* @__PURE__ */ jsx2(Chip, { label: `${blockNumberLabel} - ${blockNumber}` }) : null
|
|
25
|
+
] });
|
|
26
|
+
};
|
|
33
27
|
|
|
34
28
|
// src/components/HeaderComponents/Header/Header.tsx
|
|
35
29
|
import { useTheme as useTheme2 } from "@mui/material";
|
|
36
30
|
import { getTokenData } from "@xyo-network/react-shared";
|
|
37
|
-
import React4 from "react";
|
|
38
31
|
|
|
39
32
|
// src/components/HeaderComponents/Header/Heading.tsx
|
|
40
33
|
import { useTheme } from "@mui/material";
|
|
41
34
|
import { TypographyEx } from "@xyo-network/react-shared";
|
|
42
|
-
import
|
|
43
|
-
var GasPriceHeadingTypography =
|
|
35
|
+
import { jsxs as jsxs2 } from "react/jsx-runtime";
|
|
36
|
+
var GasPriceHeadingTypography = ({
|
|
37
|
+
children,
|
|
38
|
+
heading,
|
|
39
|
+
networkIcon,
|
|
40
|
+
...props
|
|
41
|
+
}) => {
|
|
44
42
|
const theme = useTheme();
|
|
45
|
-
return /* @__PURE__ */
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
43
|
+
return /* @__PURE__ */ jsxs2(TypographyEx, { fontSize: theme.spacing(6), lineHeight: 1, ...props, children: [
|
|
44
|
+
heading,
|
|
45
|
+
" ",
|
|
46
|
+
networkIcon,
|
|
47
|
+
" ",
|
|
48
|
+
children
|
|
49
|
+
] });
|
|
50
|
+
};
|
|
51
51
|
|
|
52
52
|
// src/components/HeaderComponents/Header/Header.tsx
|
|
53
|
-
|
|
53
|
+
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
54
|
+
var GasPriceHeaderTypography = ({
|
|
55
|
+
heading,
|
|
56
|
+
children,
|
|
57
|
+
...props
|
|
58
|
+
}) => {
|
|
54
59
|
const theme = useTheme2();
|
|
55
|
-
const [ethData] = getTokenData([
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
height: theme.spacing(4),
|
|
60
|
-
src: ethData.icon
|
|
61
|
-
});
|
|
62
|
-
return /* @__PURE__ */ React4.createElement(GasPriceHeadingTypography, {
|
|
63
|
-
heading,
|
|
64
|
-
networkIcon,
|
|
65
|
-
...props
|
|
66
|
-
}, children);
|
|
67
|
-
}, "GasPriceHeaderTypography");
|
|
60
|
+
const [ethData] = getTokenData(["eth"]);
|
|
61
|
+
const networkIcon = /* @__PURE__ */ jsx3("img", { height: theme.spacing(4), src: ethData.icon });
|
|
62
|
+
return /* @__PURE__ */ jsx3(GasPriceHeadingTypography, { heading, networkIcon, ...props, children });
|
|
63
|
+
};
|
|
68
64
|
|
|
69
65
|
// src/components/layout/Header.tsx
|
|
70
66
|
import { styled } from "@mui/material";
|
|
71
67
|
import { FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
|
|
72
|
-
var StyledGasPriceHeaderBox = styled(FlexRow2, {
|
|
73
|
-
name: "StyledGasPriceEstimateBox"
|
|
74
|
-
})(({ theme }) => ({
|
|
68
|
+
var StyledGasPriceHeaderBox = styled(FlexRow2, { name: "StyledGasPriceEstimateBox" })(({ theme }) => ({
|
|
75
69
|
alignItems: "end",
|
|
76
70
|
columnGap: theme.spacing(2),
|
|
77
71
|
flexWrap: "wrap",
|
|
@@ -83,181 +77,181 @@ var StyledGasPriceHeaderBox = styled(FlexRow2, {
|
|
|
83
77
|
|
|
84
78
|
// src/components/layout/StyledCardHeader.tsx
|
|
85
79
|
import { CardHeader, styled as styled2 } from "@mui/material";
|
|
86
|
-
var StyledCardHeader = styled2(CardHeader, {
|
|
87
|
-
name: "StyledCardHeader"
|
|
88
|
-
})(({ theme }) => ({
|
|
80
|
+
var StyledCardHeader = styled2(CardHeader, { name: "StyledCardHeader" })(({ theme }) => ({
|
|
89
81
|
flexWrap: "wrap",
|
|
90
82
|
rowGap: theme.spacing(2)
|
|
91
83
|
}));
|
|
92
84
|
|
|
93
85
|
// src/components/CardHeader/CardHeader.tsx
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
heading: title
|
|
97
|
-
}),
|
|
98
|
-
action: /* @__PURE__ */ React5.createElement(GasPriceHeaderActionsBox, {
|
|
99
|
-
timestamp: parsedPayload?.timestamp,
|
|
100
|
-
baseFee: parsedPayload?.baseFee?.value,
|
|
101
|
-
baseFeeLabel: parsedPayload?.baseFee?.label,
|
|
102
|
-
blockNumber: parsedPayload?.blockNumber?.value,
|
|
103
|
-
blockNumberLabel: parsedPayload?.blockNumber?.label
|
|
104
|
-
}),
|
|
86
|
+
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
87
|
+
var GasPriceWitnessCardHeader = ({
|
|
105
88
|
ref,
|
|
89
|
+
title,
|
|
90
|
+
parsedPayload,
|
|
106
91
|
...props
|
|
107
|
-
})
|
|
92
|
+
}) => /* @__PURE__ */ jsx4(
|
|
93
|
+
StyledCardHeader,
|
|
94
|
+
{
|
|
95
|
+
title: /* @__PURE__ */ jsx4(GasPriceHeaderTypography, { heading: title }),
|
|
96
|
+
action: /* @__PURE__ */ jsx4(
|
|
97
|
+
GasPriceHeaderActionsBox,
|
|
98
|
+
{
|
|
99
|
+
timestamp: parsedPayload?.timestamp,
|
|
100
|
+
baseFee: parsedPayload?.baseFee?.value,
|
|
101
|
+
baseFeeLabel: parsedPayload?.baseFee?.label,
|
|
102
|
+
blockNumber: parsedPayload?.blockNumber?.value,
|
|
103
|
+
blockNumberLabel: parsedPayload?.blockNumber?.label
|
|
104
|
+
}
|
|
105
|
+
),
|
|
106
|
+
ref,
|
|
107
|
+
...props
|
|
108
|
+
}
|
|
109
|
+
);
|
|
108
110
|
GasPriceWitnessCardHeader.displayName = "GasPriceWitnessCardHeader";
|
|
109
111
|
|
|
110
112
|
// src/components/GasFees/Card.tsx
|
|
111
|
-
import {
|
|
113
|
+
import {
|
|
114
|
+
Card,
|
|
115
|
+
Paper,
|
|
116
|
+
useTheme as useTheme6
|
|
117
|
+
} from "@mui/material";
|
|
112
118
|
import { FlexGrowCol as FlexGrowCol2 } from "@xylabs/react-flexbox";
|
|
113
119
|
import { CardContentEx } from "@xyo-network/react-card";
|
|
114
|
-
import React10 from "react";
|
|
115
120
|
|
|
116
121
|
// src/components/GasFees/components/GasPriceBox.tsx
|
|
117
122
|
import { useTheme as useTheme3 } from "@mui/material";
|
|
118
123
|
import { FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
|
|
119
124
|
import { TypographyEx as TypographyEx3 } from "@xyo-network/react-shared";
|
|
120
|
-
import React7 from "react";
|
|
121
125
|
|
|
122
126
|
// src/components/GasFees/components/GweiLabelTypography.tsx
|
|
123
127
|
import { TypographyEx as TypographyEx2 } from "@xyo-network/react-shared";
|
|
124
|
-
import
|
|
125
|
-
var GweiLabelTypography =
|
|
126
|
-
variant: "caption",
|
|
127
|
-
...props
|
|
128
|
-
}, "GWEI"), "GweiLabelTypography");
|
|
128
|
+
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
129
|
+
var GweiLabelTypography = (props) => /* @__PURE__ */ jsx5(TypographyEx2, { variant: "caption", ...props, children: "GWEI" });
|
|
129
130
|
|
|
130
131
|
// src/components/GasFees/components/GasPriceBox.tsx
|
|
131
|
-
|
|
132
|
+
import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
133
|
+
var GasPriceBox = ({ gasPrice, ...props }) => {
|
|
132
134
|
const theme = useTheme3();
|
|
133
|
-
return /* @__PURE__ */
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
}, /* @__PURE__ */ React7.createElement(TypographyEx3, {
|
|
139
|
-
lineHeight: 1,
|
|
140
|
-
fontWeight: "200",
|
|
141
|
-
fontSize: theme.spacing(6),
|
|
142
|
-
title: gasPrice?.toString() ?? ""
|
|
143
|
-
}, gasPrice?.toFixed(2)), /* @__PURE__ */ React7.createElement(GweiLabelTypography, {
|
|
144
|
-
fontSize: theme.spacing(2)
|
|
145
|
-
}));
|
|
146
|
-
}, "GasPriceBox");
|
|
135
|
+
return /* @__PURE__ */ jsxs3(FlexRow3, { columnGap: 1.5, rowGap: 1.5, alignItems: "end", ...props, children: [
|
|
136
|
+
/* @__PURE__ */ jsx6(TypographyEx3, { lineHeight: 1, fontWeight: "200", fontSize: theme.spacing(6), title: gasPrice?.toString() ?? "", children: gasPrice?.toFixed(2) }),
|
|
137
|
+
/* @__PURE__ */ jsx6(GweiLabelTypography, { fontSize: theme.spacing(2) })
|
|
138
|
+
] });
|
|
139
|
+
};
|
|
147
140
|
|
|
148
141
|
// src/components/GasFees/components/PriorityFeeBox.tsx
|
|
149
142
|
import { LocalGasStationRounded as LocalGasStationRoundedIcon2 } from "@mui/icons-material";
|
|
150
143
|
import { useTheme as useTheme4 } from "@mui/material";
|
|
151
144
|
import { FlexCol, FlexGrowRow } from "@xylabs/react-flexbox";
|
|
152
145
|
import { TypographyEx as TypographyEx4 } from "@xyo-network/react-shared";
|
|
153
|
-
import
|
|
154
|
-
var PriorityFeeBox =
|
|
146
|
+
import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
147
|
+
var PriorityFeeBox = ({
|
|
148
|
+
priorityFee,
|
|
149
|
+
priorityFeeLabel = "Priority Fee",
|
|
150
|
+
...props
|
|
151
|
+
}) => {
|
|
155
152
|
const theme = useTheme4();
|
|
156
|
-
return /* @__PURE__ */
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
}, "PriorityFeeBox");
|
|
153
|
+
return /* @__PURE__ */ jsxs4(FlexGrowRow, { width: "100%", justifyContent: "space-between", alignItems: "end", ...props, children: [
|
|
154
|
+
/* @__PURE__ */ jsxs4(FlexCol, { alignItems: "start", children: [
|
|
155
|
+
/* @__PURE__ */ jsx7(TypographyEx4, { children: priorityFeeLabel }),
|
|
156
|
+
/* @__PURE__ */ jsxs4(TypographyEx4, { title: priorityFee?.toString() ?? "", children: [
|
|
157
|
+
priorityFee?.toFixed(2),
|
|
158
|
+
" ",
|
|
159
|
+
/* @__PURE__ */ jsx7(GweiLabelTypography, { fontSize: theme.spacing(1) })
|
|
160
|
+
] })
|
|
161
|
+
] }),
|
|
162
|
+
/* @__PURE__ */ jsx7(LocalGasStationRoundedIcon2, {})
|
|
163
|
+
] });
|
|
164
|
+
};
|
|
169
165
|
|
|
170
166
|
// src/components/GasFees/components/SpeedBox.tsx
|
|
171
167
|
import { useTheme as useTheme5 } from "@mui/material";
|
|
172
168
|
import { FlexGrowCol } from "@xylabs/react-flexbox";
|
|
173
169
|
import { TypographyEx as TypographyEx5 } from "@xyo-network/react-shared";
|
|
174
|
-
import
|
|
175
|
-
var SpeedBox =
|
|
170
|
+
import { jsx as jsx8 } from "react/jsx-runtime";
|
|
171
|
+
var SpeedBox = ({ speed, ...props }) => {
|
|
176
172
|
const theme = useTheme5();
|
|
177
|
-
return speed ? /* @__PURE__ */
|
|
178
|
-
|
|
179
|
-
fontWeight: "200",
|
|
180
|
-
p: 1
|
|
181
|
-
}, speed)) : null;
|
|
182
|
-
}, "SpeedBox");
|
|
173
|
+
return speed ? /* @__PURE__ */ jsx8(FlexGrowCol, { ...props, children: /* @__PURE__ */ jsx8(TypographyEx5, { fontSize: theme.spacing(3), fontWeight: "200", p: 1, children: speed }) }) : null;
|
|
174
|
+
};
|
|
183
175
|
|
|
184
176
|
// src/components/GasFees/Card.tsx
|
|
185
|
-
|
|
177
|
+
import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
178
|
+
var GasFeeCard = ({
|
|
179
|
+
gasPrice,
|
|
180
|
+
speedPaperElevation,
|
|
181
|
+
priorityFee,
|
|
182
|
+
priorityFeeLabel,
|
|
183
|
+
speed = "low",
|
|
184
|
+
...props
|
|
185
|
+
}) => {
|
|
186
186
|
const theme = useTheme6();
|
|
187
|
-
return /* @__PURE__ */
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
rowGap: 1.5,
|
|
205
|
-
color: theme.vars.palette.common.white
|
|
206
|
-
}, /* @__PURE__ */ React10.createElement(GasPriceBox, {
|
|
207
|
-
gasPrice
|
|
208
|
-
}), priorityFee ? /* @__PURE__ */ React10.createElement(PriorityFeeBox, {
|
|
209
|
-
priorityFee,
|
|
210
|
-
priorityFeeLabel
|
|
211
|
-
}) : null), /* @__PURE__ */ React10.createElement(Paper, {
|
|
212
|
-
elevation: speedPaperElevation,
|
|
213
|
-
sx: {
|
|
214
|
-
borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px`
|
|
187
|
+
return /* @__PURE__ */ jsx9(Card, { sx: { p: 0 }, ...props, children: /* @__PURE__ */ jsxs5(
|
|
188
|
+
CardContentEx,
|
|
189
|
+
{
|
|
190
|
+
removePadding: true,
|
|
191
|
+
sx: {
|
|
192
|
+
flexDirection: "column",
|
|
193
|
+
flexGrow: 1,
|
|
194
|
+
p: 0,
|
|
195
|
+
rowGap: 2
|
|
196
|
+
},
|
|
197
|
+
children: [
|
|
198
|
+
/* @__PURE__ */ jsxs5(FlexGrowCol2, { bgcolor: theme.vars.palette.secondary.dark, alignItems: "start", p: 2, rowGap: 1.5, color: theme.vars.palette.common.white, children: [
|
|
199
|
+
/* @__PURE__ */ jsx9(GasPriceBox, { gasPrice }),
|
|
200
|
+
priorityFee ? /* @__PURE__ */ jsx9(PriorityFeeBox, { priorityFee, priorityFeeLabel }) : null
|
|
201
|
+
] }),
|
|
202
|
+
/* @__PURE__ */ jsx9(Paper, { elevation: speedPaperElevation, sx: { borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px` }, children: /* @__PURE__ */ jsx9(SpeedBox, { speed }) })
|
|
203
|
+
]
|
|
215
204
|
}
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
}))));
|
|
219
|
-
}, "GasFeeCard");
|
|
205
|
+
) });
|
|
206
|
+
};
|
|
220
207
|
|
|
221
208
|
// src/components/HeaderBox.tsx
|
|
222
|
-
import
|
|
223
|
-
var GasPriceWitnessHeaderBox =
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
209
|
+
import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
210
|
+
var GasPriceWitnessHeaderBox = ({
|
|
211
|
+
heading,
|
|
212
|
+
parsedPayload,
|
|
213
|
+
...props
|
|
214
|
+
}) => {
|
|
215
|
+
return /* @__PURE__ */ jsxs6(StyledGasPriceHeaderBox, { ...props, children: [
|
|
216
|
+
/* @__PURE__ */ jsx10(GasPriceHeaderTypography, { heading }),
|
|
217
|
+
/* @__PURE__ */ jsx10(
|
|
218
|
+
GasPriceHeaderActionsBox,
|
|
219
|
+
{
|
|
220
|
+
timestamp: parsedPayload?.timestamp,
|
|
221
|
+
baseFee: parsedPayload?.baseFee?.value,
|
|
222
|
+
baseFeeLabel: parsedPayload?.baseFee?.label,
|
|
223
|
+
blockNumber: parsedPayload?.blockNumber?.value,
|
|
224
|
+
blockNumberLabel: parsedPayload?.blockNumber?.label
|
|
225
|
+
}
|
|
226
|
+
)
|
|
227
|
+
] });
|
|
228
|
+
};
|
|
234
229
|
|
|
235
230
|
// src/components/RawPayload/ToggleRawPayloadBox.tsx
|
|
236
|
-
import {
|
|
231
|
+
import {
|
|
232
|
+
Button,
|
|
233
|
+
Collapse,
|
|
234
|
+
Paper as Paper2
|
|
235
|
+
} from "@mui/material";
|
|
237
236
|
import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
|
|
238
|
-
import
|
|
239
|
-
|
|
237
|
+
import { useState } from "react";
|
|
238
|
+
import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
239
|
+
var ToggleRawPayloadBox = ({ gasPricePayload, ...props }) => {
|
|
240
240
|
const [collapse, setCollapse] = useState(false);
|
|
241
|
-
return gasPricePayload ? /* @__PURE__ */
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
elevation: 4,
|
|
256
|
-
sx: {
|
|
257
|
-
p: 2
|
|
258
|
-
}
|
|
259
|
-
}, /* @__PURE__ */ React12.createElement("pre", null, JSON.stringify(gasPricePayload, null, 2))))) : null;
|
|
260
|
-
}, "ToggleRawPayloadBox");
|
|
241
|
+
return gasPricePayload ? /* @__PURE__ */ jsxs7(FlexCol2, { rowGap: 1, ...props, children: [
|
|
242
|
+
/* @__PURE__ */ jsx11(
|
|
243
|
+
Button,
|
|
244
|
+
{
|
|
245
|
+
color: "secondary",
|
|
246
|
+
sx: { bgcolor: "secondary.dark", color: "white" },
|
|
247
|
+
variant: "contained",
|
|
248
|
+
onClick: () => setCollapse(!collapse),
|
|
249
|
+
children: "Raw Payload"
|
|
250
|
+
}
|
|
251
|
+
),
|
|
252
|
+
/* @__PURE__ */ jsx11(Collapse, { in: collapse, children: /* @__PURE__ */ jsx11(Paper2, { elevation: 4, sx: { p: 2 }, children: /* @__PURE__ */ jsx11("pre", { children: JSON.stringify(gasPricePayload, null, 2) }) }) })
|
|
253
|
+
] }) : null;
|
|
254
|
+
};
|
|
261
255
|
export {
|
|
262
256
|
EthereumGasPriceAvatar,
|
|
263
257
|
GasFeeCard,
|
|
@@ -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 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 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 = ({\n ref, title, parsedPayload, ...props\n}: GasPriceCardHeaderProps) => (\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 { TypographyExProps } from '@xyo-network/react-shared'\nimport { getTokenData } from '@xyo-network/react-shared'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport { GasPriceHeadingTypography } from './Heading.tsx'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, PropsWithChildren {\n heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({\n heading, children, ...props\n}) => {\n const theme = useTheme()\n const [ethData] = getTokenData(['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> = ({\n children, heading, networkIcon, ...props\n}) => {\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 {\n Card, Paper, useTheme,\n} from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { CardContentEx } from '@xyo-network/react-card'\nimport React from 'react'\n\nimport {\n GasPriceBox, PriorityFeeBox, SpeedBox,\n} 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> = ({\n gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low', ...props\n}) => {\n const theme = useTheme()\n\n return (\n <Card sx={{ p: 0 }} {...props}>\n <CardContentEx\n removePadding\n sx={{\n flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2,\n }}\n >\n <FlexGrowCol bgcolor={theme.vars.palette.secondary.dark} alignItems=\"start\" p={2} rowGap={1.5} color={theme.vars.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> = ({\n priorityFee, priorityFeeLabel = 'Priority Fee', ...props\n}) => {\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> = ({\n heading, parsedPayload, ...props\n}) => {\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 {\n Button, Collapse, Paper,\n} 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\n color=\"secondary\"\n sx={{ bgcolor: 'secondary.dark', color: 'white' }}\n variant=\"contained\"\n onClick={() => setCollapse(!collapse)}\n >\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","Chip","FlexRow","React","GasPriceHeaderActionsBox","baseFee","baseFeeLabel","blockNumber","blockNumberLabel","timestamp","props","React","FlexRow","columnGap","rowGap","flexWrap","Chip","label","Date","toLocaleString","toFixed","useTheme","getTokenData","React","useTheme","TypographyEx","React","GasPriceHeadingTypography","children","heading","networkIcon","props","theme","useTheme","React","TypographyEx","fontSize","spacing","lineHeight","GasPriceHeaderTypography","heading","children","props","theme","useTheme","ethData","getTokenData","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","ref","title","parsedPayload","props","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","vars","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/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/CardHeader/CardHeader.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 { 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 { TypographyExProps } from '@xyo-network/react-shared'\nimport { getTokenData } from '@xyo-network/react-shared'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nimport { GasPriceHeadingTypography } from './Heading.tsx'\n\nexport interface GasPriceHeaderTypographyProps extends TypographyExProps, PropsWithChildren {\n heading?: string\n}\n\nexport const GasPriceHeaderTypography: React.FC<GasPriceHeaderTypographyProps> = ({\n heading, children, ...props\n}) => {\n const theme = useTheme()\n const [ethData] = getTokenData(['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> = ({\n children, heading, networkIcon, ...props\n}) => {\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 React 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 = ({\n ref, title, parsedPayload, ...props\n}: GasPriceCardHeaderProps) => (\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 type { CardProps } from '@mui/material'\nimport {\n Card, Paper, useTheme,\n} from '@mui/material'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { CardContentEx } from '@xyo-network/react-card'\nimport React from 'react'\n\nimport {\n GasPriceBox, PriorityFeeBox, SpeedBox,\n} 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> = ({\n gasPrice, speedPaperElevation, priorityFee, priorityFeeLabel, speed = 'low', ...props\n}) => {\n const theme = useTheme()\n\n return (\n <Card sx={{ p: 0 }} {...props}>\n <CardContentEx\n removePadding\n sx={{\n flexDirection: 'column', flexGrow: 1, p: 0, rowGap: 2,\n }}\n >\n <FlexGrowCol bgcolor={theme.vars.palette.secondary.dark} alignItems=\"start\" p={2} rowGap={1.5} color={theme.vars.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> = ({\n priorityFee, priorityFeeLabel = 'Priority Fee', ...props\n}) => {\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> = ({\n heading, parsedPayload, ...props\n}) => {\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 {\n Button, Collapse, Paper,\n} 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\n color=\"secondary\"\n sx={{ bgcolor: 'secondary.dark', color: 'white' }}\n variant=\"contained\"\n onClick={() => setCollapse(!collapse)}\n >\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":";AAAA,SAAS,0BAA0B,kCAAkC;AAErE,SAAS,cAAc;AAMjB;AAHC,IAAM,yBAAgD,CAAC,EAAE,GAAG,MAAM,MAAM;AAC7E,SACE,oBAAC,UAAQ,GAAG,OACV,8BAAC,8BAA2B,GAC9B;AAEJ;;;ACXA,SAAS,YAAY;AAErB,SAAS,eAAe;AAoBpB,SAEM,OAAAA,MAFN;AATG,IAAM,2BAAsE,CAAC;AAAA,EAClF;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,qBAAC,WAAQ,WAAW,GAAG,QAAQ,GAAG,UAAS,QAAQ,GAAG,OACnD;AAAA,gBACG,gBAAAA,KAAC,QAAK,OAAO,IAAI,KAAK,SAAS,EAAE,eAAe,GAAG,IACnD;AAAA,IACH,UACG,gBAAAA,KAAC,QAAK,OAAO,GAAG,YAAY,MAAM,QAAQ,QAAQ,CAAC,CAAC,SAAS,IAC7D;AAAA,IACH,cACG,gBAAAA,KAAC,QAAK,OAAO,GAAG,gBAAgB,MAAM,WAAW,IAAI,IACrD;AAAA,KACN;AAEJ;;;AClCA,SAAS,YAAAC,iBAAgB;AAEzB,SAAS,oBAAoB;;;ACF7B,SAAS,gBAAgB;AAEzB,SAAS,oBAAoB;AAezB,iBAAAC,aAAA;AALG,IAAM,4BAAsE,CAAC;AAAA,EAClF;AAAA,EAAU;AAAA,EAAS;AAAA,EAAa,GAAG;AACrC,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,SACE,gBAAAA,MAAC,gBAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAY,GAAI,GAAG,OAC1D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KACH;AAEJ;;;ADRsB,gBAAAC,YAAA;AALf,IAAM,2BAAoE,CAAC;AAAA,EAChF;AAAA,EAAS;AAAA,EAAU,GAAG;AACxB,MAAM;AACJ,QAAM,QAAQC,UAAS;AACvB,QAAM,CAAC,OAAO,IAAI,aAAa,CAAC,KAAK,CAAC;AACtC,QAAM,cAAc,gBAAAD,KAAC,SAAI,QAAQ,MAAM,QAAQ,CAAC,GAAG,KAAK,QAAQ,MAAM;AAEtE,SACE,gBAAAA,KAAC,6BAA0B,SAAkB,aAA2B,GAAG,OACxE,UACH;AAEJ;;;AExBA,SAAS,cAAc;AACvB,SAAS,WAAAE,gBAAe;AAEjB,IAAM,0BAA0B,OAAOA,UAAS,EAAE,MAAM,4BAA4B,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC5G,YAAY;AAAA,EACZ,WAAW,MAAM,QAAQ,CAAC;AAAA,EAC1B,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,QAAQ,MAAM,QAAQ,CAAC;AAAA,EACvB,OAAO;AACT,EAAE;;;ACXF,SAAS,YAAY,UAAAC,eAAc;AAE5B,IAAM,mBAAmBA,QAAO,YAAY,EAAE,MAAM,mBAAmB,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC/F,UAAU;AAAA,EACV,QAAQ,MAAM,QAAQ,CAAC;AACzB,EAAE;;;ACUS,gBAAAC,YAAA;AAJJ,IAAM,4BAA4B,CAAC;AAAA,EACxC;AAAA,EAAK;AAAA,EAAO;AAAA,EAAe,GAAG;AAChC,MACE,gBAAAA;AAAA,EAAC;AAAA;AAAA,IACC,OAAO,gBAAAA,KAAC,4BAAyB,SAAS,OAAO;AAAA,IACjD,QACE,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,eAAe;AAAA,QAC1B,SAAS,eAAe,SAAS;AAAA,QACjC,cAAc,eAAe,SAAS;AAAA,QACtC,aAAa,eAAe,aAAa;AAAA,QACzC,kBAAkB,eAAe,aAAa;AAAA;AAAA,IAChD;AAAA,IAEF;AAAA,IACC,GAAG;AAAA;AACN;AAGF,0BAA0B,cAAc;;;AC7BxC;AAAA,EACE;AAAA,EAAM;AAAA,EAAO,YAAAC;AAAA,OACR;AACP,SAAS,eAAAC,oBAAmB;AAC5B,SAAS,qBAAqB;;;ACL9B,SAAS,YAAAC,iBAAgB;AAEzB,SAAS,WAAAC,gBAAe;AACxB,SAAS,gBAAAC,qBAAoB;;;ACF7B,SAAS,gBAAAC,qBAAoB;AAI3B,gBAAAC,YAAA;AADK,IAAM,sBAAmD,WAC9D,gBAAAA,KAACD,eAAA,EAAa,SAAQ,WAAW,GAAG,OAAO,kBAE3C;;;ADQE,SACE,OAAAE,MADF,QAAAC,aAAA;AAHG,IAAM,cAA0C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACjF,QAAM,QAAQC,UAAS;AACvB,SACE,gBAAAD,MAACE,UAAA,EAAQ,WAAW,KAAK,QAAQ,KAAK,YAAW,OAAO,GAAG,OACzD;AAAA,oBAAAH,KAACI,eAAA,EAAa,YAAY,GAAG,YAAW,OAAM,UAAU,MAAM,QAAQ,CAAC,GAAG,OAAO,UAAU,SAAS,KAAK,IACtG,oBAAU,QAAQ,CAAC,GACtB;AAAA,IACA,gBAAAJ,KAAC,uBAAoB,UAAU,MAAM,QAAQ,CAAC,GAAG;AAAA,KACnD;AAEJ;;;AEtBA,SAAS,0BAA0BK,mCAAkC;AACrE,SAAS,YAAAC,iBAAgB;AAEzB,SAAS,SAAS,mBAAmB;AACrC,SAAS,gBAAAC,qBAAoB;AAkBrB,gBAAAC,MACA,QAAAC,aADA;AARD,IAAM,iBAAgD,CAAC;AAAA,EAC5D;AAAA,EAAa,mBAAmB;AAAA,EAAgB,GAAG;AACrD,MAAM;AACJ,QAAM,QAAQC,UAAS;AAEvB,SACE,gBAAAD,MAAC,eAAY,OAAM,QAAO,gBAAe,iBAAgB,YAAW,OAAO,GAAG,OAC5E;AAAA,oBAAAA,MAAC,WAAQ,YAAW,SAClB;AAAA,sBAAAD,KAACG,eAAA,EAAc,4BAAiB;AAAA,MAChC,gBAAAF,MAACE,eAAA,EAAa,OAAO,aAAa,SAAS,KAAK,IAC7C;AAAA,qBAAa,QAAQ,CAAC;AAAA,QACtB;AAAA,QACD,gBAAAH,KAAC,uBAAoB,UAAU,MAAM,QAAQ,CAAC,GAAG;AAAA,SACnD;AAAA,OACF;AAAA,IACA,gBAAAA,KAACI,6BAAA,EAA2B;AAAA,KAC9B;AAEJ;;;AChCA,SAAS,YAAAC,iBAAgB;AAEzB,SAAS,mBAAmB;AAC5B,SAAS,gBAAAC,qBAAoB;AAanB,gBAAAC,YAAA;AANH,IAAM,WAAoC,CAAC,EAAE,OAAO,GAAG,MAAM,MAAM;AACxE,QAAM,QAAQF,UAAS;AAEvB,SAAO,QAED,gBAAAE,KAAC,eAAa,GAAG,OACf,0BAAAA,KAACD,eAAA,EAAa,UAAU,MAAM,QAAQ,CAAC,GAAG,YAAW,OAAM,GAAG,GAC3D,iBACH,GACF,IAEF;AACN;;;AJWQ,SACE,OAAAE,MADF,QAAAC,aAAA;AAbD,IAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EAAU;AAAA,EAAqB;AAAA,EAAa;AAAA,EAAkB,QAAQ;AAAA,EAAO,GAAG;AAClF,MAAM;AACJ,QAAM,QAAQC,UAAS;AAEvB,SACE,gBAAAF,KAAC,QAAK,IAAI,EAAE,GAAG,EAAE,GAAI,GAAG,OACtB,0BAAAC;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,IAAI;AAAA,QACF,eAAe;AAAA,QAAU,UAAU;AAAA,QAAG,GAAG;AAAA,QAAG,QAAQ;AAAA,MACtD;AAAA,MAEA;AAAA,wBAAAA,MAACE,cAAA,EAAY,SAAS,MAAM,KAAK,QAAQ,UAAU,MAAM,YAAW,SAAQ,GAAG,GAAG,QAAQ,KAAK,OAAO,MAAM,KAAK,QAAQ,OAAO,OAC9H;AAAA,0BAAAH,KAAC,eAAY,UAAoB;AAAA,UAChC,cACG,gBAAAA,KAAC,kBAAe,aAA0B,kBAAoC,IAC9E;AAAA,WACN;AAAA,QACA,gBAAAA,KAAC,SAAM,WAAW,qBAAqB,IAAI,EAAE,cAAc,OAAO,MAAM,MAAM,YAAY,MAAM,MAAM,MAAM,YAAY,KAAK,GAC3H,0BAAAA,KAAC,YAAS,OAAc,GAC1B;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;;;AK7BI,SACE,OAAAI,OADF,QAAAC,aAAA;AAJG,IAAM,2BAAoE,CAAC;AAAA,EAChF;AAAA,EAAS;AAAA,EAAe,GAAG;AAC7B,MAAM;AACJ,SACE,gBAAAA,MAAC,2BAAyB,GAAG,OAC3B;AAAA,oBAAAD,MAAC,4BAAyB,SAAkB;AAAA,IAC5C,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,eAAe;AAAA,QAC1B,SAAS,eAAe,SAAS;AAAA,QACjC,cAAc,eAAe,SAAS;AAAA,QACtC,aAAa,eAAe,aAAa;AAAA,QACzC,kBAAkB,eAAe,aAAa;AAAA;AAAA,IAChD;AAAA,KACF;AAEJ;;;AC3BA;AAAA,EACE;AAAA,EAAQ;AAAA,EAAU,SAAAE;AAAA,OACb;AAEP,SAAS,WAAAC,gBAAe;AACxB,SAAgB,gBAAgB;AAUxB,SACE,OAAAC,OADF,QAAAC,aAAA;AAJD,IAAM,sBAA0D,CAAC,EAAE,iBAAiB,GAAG,MAAM,MAAM;AACxG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,SAAO,kBAED,gBAAAA,MAACF,UAAA,EAAQ,QAAQ,GAAI,GAAG,OACtB;AAAA,oBAAAC;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,IAAI,EAAE,SAAS,kBAAkB,OAAO,QAAQ;AAAA,QAChD,SAAQ;AAAA,QACR,SAAS,MAAM,YAAY,CAAC,QAAQ;AAAA,QACrC;AAAA;AAAA,IAED;AAAA,IACA,gBAAAA,MAAC,YAAS,IAAI,UACZ,0BAAAA,MAACF,QAAA,EAAM,WAAW,GAAG,IAAI,EAAE,GAAG,EAAE,GAC9B,0BAAAE,MAAC,SAAK,eAAK,UAAU,iBAAiB,MAAM,CAAC,GAAE,GACjD,GACF;AAAA,KACF,IAEF;AACN;","names":["jsx","useTheme","jsxs","jsx","useTheme","FlexRow","styled","jsx","useTheme","FlexGrowCol","useTheme","FlexRow","TypographyEx","TypographyEx","jsx","jsx","jsxs","useTheme","FlexRow","TypographyEx","LocalGasStationRoundedIcon","useTheme","TypographyEx","jsx","jsxs","useTheme","TypographyEx","LocalGasStationRoundedIcon","useTheme","TypographyEx","jsx","jsx","jsxs","useTheme","FlexGrowCol","jsx","jsxs","Paper","FlexCol","jsx","jsxs"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyo-network/react-gas-price",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "7.0.1",
|
|
4
4
|
"description": "Common React library for all XYO projects that use React",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"xyo",
|
|
@@ -38,28 +38,35 @@
|
|
|
38
38
|
},
|
|
39
39
|
"module": "dist/browser/index.mjs",
|
|
40
40
|
"types": "dist/browser/index.d.ts",
|
|
41
|
+
"files": [
|
|
42
|
+
"dist",
|
|
43
|
+
"src"
|
|
44
|
+
],
|
|
41
45
|
"dependencies": {
|
|
42
|
-
"@xylabs/react-flexbox": "
|
|
43
|
-
"@xyo-network/react-card": "^
|
|
44
|
-
"@xyo-network/react-shared": "^
|
|
46
|
+
"@xylabs/react-flexbox": "~7.0.1",
|
|
47
|
+
"@xyo-network/react-card": "^7.0.1",
|
|
48
|
+
"@xyo-network/react-shared": "^7.0.1"
|
|
45
49
|
},
|
|
46
50
|
"devDependencies": {
|
|
47
|
-
"@mui/icons-material": "
|
|
48
|
-
"@mui/material": "
|
|
49
|
-
"@storybook/react-vite": "
|
|
50
|
-
"@types/react": "
|
|
51
|
-
"@xylabs/ts-scripts-yarn3": "
|
|
52
|
-
"@xylabs/tsconfig
|
|
53
|
-
"
|
|
54
|
-
"react
|
|
55
|
-
"
|
|
56
|
-
"
|
|
51
|
+
"@mui/icons-material": "~7.3.1",
|
|
52
|
+
"@mui/material": "~7.3.1",
|
|
53
|
+
"@storybook/react-vite": "~9.1.2",
|
|
54
|
+
"@types/react": "~19.1.10",
|
|
55
|
+
"@xylabs/ts-scripts-yarn3": "~7.1.1",
|
|
56
|
+
"@xylabs/tsconfig": "~7.1.1",
|
|
57
|
+
"@xylabs/tsconfig-dom": "~7.1.1",
|
|
58
|
+
"@xylabs/tsconfig-react": "~7.1.1",
|
|
59
|
+
"react": "~19.1.1",
|
|
60
|
+
"react-dom": "~19.1.1",
|
|
61
|
+
"storybook": "~9.1.2",
|
|
62
|
+
"typescript": "~5.9.2",
|
|
63
|
+
"vite": "~7.1.2"
|
|
57
64
|
},
|
|
58
65
|
"peerDependencies": {
|
|
59
66
|
"@mui/icons-material": ">=6 <8",
|
|
60
67
|
"@mui/material": ">=6 <8",
|
|
61
|
-
"react": "
|
|
62
|
-
"react-dom": "
|
|
68
|
+
"react": "~19",
|
|
69
|
+
"react-dom": "~19"
|
|
63
70
|
},
|
|
64
71
|
"publishConfig": {
|
|
65
72
|
"access": "public"
|
package/typedoc.json
DELETED