@xylabs/sdk-react 2.9.25 → 2.9.29

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.
Files changed (53) hide show
  1. package/dist/cjs5/components/MenuEx.d.ts +7 -0
  2. package/dist/cjs5/components/RedirectWithQuery.d.ts +2 -1
  3. package/dist/cjs5/components/SelectEx.d.ts +7 -0
  4. package/dist/cjs5/components/index.d.ts +2 -0
  5. package/dist/cjs5/index.js +26 -3
  6. package/dist/cjs5/index.js.map +1 -1
  7. package/dist/components/MenuEx.d.ts +7 -0
  8. package/dist/components/MenuEx.js +11 -0
  9. package/dist/components/MenuEx.js.map +1 -0
  10. package/dist/components/RedirectWithQuery.d.ts +2 -1
  11. package/dist/components/RedirectWithQuery.js +8 -3
  12. package/dist/components/RedirectWithQuery.js.map +1 -1
  13. package/dist/components/SelectEx.d.ts +7 -0
  14. package/dist/components/SelectEx.js +13 -0
  15. package/dist/components/SelectEx.js.map +1 -0
  16. package/dist/components/index.d.ts +2 -0
  17. package/dist/components/index.js +2 -0
  18. package/dist/components/index.js.map +1 -1
  19. package/dist/esm2015/components/MenuEx.d.ts +7 -0
  20. package/dist/esm2015/components/RedirectWithQuery.d.ts +2 -1
  21. package/dist/esm2015/components/SelectEx.d.ts +7 -0
  22. package/dist/esm2015/components/index.d.ts +2 -0
  23. package/dist/esm2015/index.js +26 -5
  24. package/dist/esm2015/index.js.map +1 -1
  25. package/dist/esm2017/components/MenuEx.d.ts +7 -0
  26. package/dist/esm2017/components/RedirectWithQuery.d.ts +2 -1
  27. package/dist/esm2017/components/SelectEx.d.ts +7 -0
  28. package/dist/esm2017/components/index.d.ts +2 -0
  29. package/dist/esm2017/index.js +26 -5
  30. package/dist/esm2017/index.js.map +1 -1
  31. package/dist/esm5/components/MenuEx.d.ts +7 -0
  32. package/dist/esm5/components/RedirectWithQuery.d.ts +2 -1
  33. package/dist/esm5/components/SelectEx.d.ts +7 -0
  34. package/dist/esm5/components/index.d.ts +2 -0
  35. package/dist/esm5/index.js +26 -5
  36. package/dist/esm5/index.js.map +1 -1
  37. package/dist/node/components/MenuEx.d.ts +7 -0
  38. package/dist/node/components/RedirectWithQuery.d.ts +2 -1
  39. package/dist/node/components/SelectEx.d.ts +7 -0
  40. package/dist/node/components/index.d.ts +2 -0
  41. package/dist/node/index.js +26 -3
  42. package/dist/node/index.js.map +1 -1
  43. package/dist/node-esm/components/MenuEx.d.ts +7 -0
  44. package/dist/node-esm/components/RedirectWithQuery.d.ts +2 -1
  45. package/dist/node-esm/components/SelectEx.d.ts +7 -0
  46. package/dist/node-esm/components/index.d.ts +2 -0
  47. package/dist/node-esm/index.js +26 -5
  48. package/dist/node-esm/index.js.map +1 -1
  49. package/package.json +8 -8
  50. package/src/components/MenuEx.tsx +13 -0
  51. package/src/components/RedirectWithQuery.tsx +9 -4
  52. package/src/components/SelectEx.tsx +21 -0
  53. package/src/components/index.ts +2 -0
@@ -0,0 +1,11 @@
1
+ import { __rest } from "tslib";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { Menu, useTheme } from '@mui/material';
4
+ import merge from 'lodash/merge';
5
+ export const MenuEx = (_a) => {
6
+ var { MenuListProps = {}, mode = 'light', colorize } = _a, props = __rest(_a, ["MenuListProps", "mode", "colorize"]);
7
+ const theme = useTheme();
8
+ const colorizeMenuListProps = colorize ? { sx: { backgroundColor: theme.palette[colorize][mode] } } : {};
9
+ return _jsx(Menu, Object.assign({ MenuListProps: merge(MenuListProps, colorizeMenuListProps) }, props), void 0);
10
+ };
11
+ //# sourceMappingURL=MenuEx.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuEx.js","sourceRoot":"","sources":["../../src/components/MenuEx.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAA0B,QAAQ,EAAE,MAAM,eAAe,CAAA;AACtE,OAAO,KAAK,MAAM,cAAc,CAAA;AAOhC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAA0D,EAAE,EAAE;QAA9D,EAAE,aAAa,GAAG,EAAE,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,OAAY,EAAP,KAAK,cAAxD,qCAA0D,CAAF;IACpG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,qBAAqB,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IACxG,OAAO,KAAC,IAAI,kBAAC,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,qBAAqB,CAAC,IAAM,KAAK,UAAI,CAAA;AACxF,CAAC,CAAA"}
@@ -1,8 +1,9 @@
1
1
  import React from 'react';
2
2
  import { NavigateOptions, To } from 'react-router-dom';
3
3
  interface RedirectProps {
4
- to: To;
4
+ to?: To;
5
5
  toOptions?: NavigateOptions;
6
+ href?: string;
6
7
  }
7
8
  declare const RedirectWithQuery: React.ComponentType<RedirectProps>;
8
9
  export { RedirectWithQuery };
@@ -1,13 +1,18 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useEffect } from 'react';
3
3
  import { useLocation, useNavigate } from 'react-router-dom';
4
- const RedirectWithQuery = ({ to, toOptions }) => {
4
+ const RedirectWithQuery = ({ href, to, toOptions }) => {
5
5
  const newPath = `${to}${document.location.search}`;
6
6
  const navigate = useNavigate();
7
7
  const { pathname } = useLocation();
8
8
  useEffect(() => {
9
- if (newPath !== pathname) {
10
- navigate(newPath, Object.assign({ replace: true }, toOptions));
9
+ if (href) {
10
+ window.location.href = href;
11
+ }
12
+ else {
13
+ if (newPath !== pathname) {
14
+ navigate(newPath, Object.assign({ replace: true }, toOptions));
15
+ }
11
16
  }
12
17
  });
13
18
  return _jsx("div", {}, void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"RedirectWithQuery.js","sourceRoot":"","sources":["../../src/components/RedirectWithQuery.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAuB,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAOhF,MAAM,iBAAiB,GAAuC,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IAClF,MAAM,OAAO,GAAG,GAAG,EAAE,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAA;IAClD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,KAAK,QAAQ,EAAE;YACxB,QAAQ,CAAC,OAAO,kBAAI,OAAO,EAAE,IAAI,IAAK,SAAS,EAAG,CAAA;SACnD;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,uBAAO,CAAA;AAChB,CAAC,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
1
+ {"version":3,"file":"RedirectWithQuery.js","sourceRoot":"","sources":["../../src/components/RedirectWithQuery.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAuB,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAQhF,MAAM,iBAAiB,GAAuC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IACxF,MAAM,OAAO,GAAG,GAAG,EAAE,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAA;IAClD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE;YACR,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;SAC5B;aAAM;YACL,IAAI,OAAO,KAAK,QAAQ,EAAE;gBACxB,QAAQ,CAAC,OAAO,kBAAI,OAAO,EAAE,IAAI,IAAK,SAAS,EAAG,CAAA;aACnD;SACF;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,uBAAO,CAAA;AAChB,CAAC,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { PaletteMode, SelectProps } from '@mui/material';
3
+ export interface SelectExProps<T> extends SelectProps<T> {
4
+ colorize?: 'primary' | 'secondary';
5
+ mode?: PaletteMode;
6
+ }
7
+ export declare const SelectEx: <T>(props: SelectExProps<T>) => JSX.Element;
@@ -0,0 +1,13 @@
1
+ import { __rest } from "tslib";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { Select, useTheme } from '@mui/material';
4
+ import merge from 'lodash/merge';
5
+ export const SelectEx = (_a) => {
6
+ var { MenuProps, mode = 'light', colorize } = _a, props = __rest(_a, ["MenuProps", "mode", "colorize"]);
7
+ const theme = useTheme();
8
+ const colorizeMenuProps = colorize
9
+ ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } }
10
+ : {};
11
+ return _jsx(Select, Object.assign({ MenuProps: merge(MenuProps, colorizeMenuProps) }, props), void 0);
12
+ };
13
+ //# sourceMappingURL=SelectEx.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectEx.js","sourceRoot":"","sources":["../../src/components/SelectEx.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAe,MAAM,EAAe,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC1E,OAAO,KAAK,MAAM,cAAc,CAAA;AAOhC,MAAM,CAAC,MAAM,QAAQ,GAAgD,CAAC,EAKrE,EAAE,EAAE;QALiE,EACpE,SAAS,EACT,IAAI,GAAG,OAAO,EACd,QAAQ,OAET,EADI,KAAK,cAJ4D,iCAKrE,CADS;IAER,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,iBAAiB,GAAG,QAAQ;QAChC,CAAC,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE;QAC/E,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO,KAAC,MAAM,kBAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,iBAAiB,CAAC,IAAM,KAAK,UAAI,CAAA;AAC9E,CAAC,CAAA"}
@@ -15,11 +15,13 @@ export * from './Experiments';
15
15
  export * from './FlexBox';
16
16
  export * from './InvertableThemeProvider';
17
17
  export * from './LinkEx';
18
+ export * from './MenuEx';
18
19
  export * from './NumberStatus';
19
20
  export * from './Pixel';
20
21
  export * from './Portal';
21
22
  export * from './QuickTipButton';
22
23
  export * from './RichResult';
23
24
  export * from './ScrollToTop';
25
+ export * from './SelectEx';
24
26
  export * from './TokenAmount';
25
27
  export { Background, CoverProgress, HoverScale, Identicon, RedirectWithQuery, ScrollToTopButton };
@@ -15,12 +15,14 @@ export * from './Experiments';
15
15
  export * from './FlexBox';
16
16
  export * from './InvertableThemeProvider';
17
17
  export * from './LinkEx';
18
+ export * from './MenuEx';
18
19
  export * from './NumberStatus';
19
20
  export * from './Pixel';
20
21
  export * from './Portal';
21
22
  export * from './QuickTipButton';
22
23
  export * from './RichResult';
23
24
  export * from './ScrollToTop';
25
+ export * from './SelectEx';
24
26
  export * from './TokenAmount';
25
27
  export { Background, CoverProgress, HoverScale, Identicon, RedirectWithQuery, ScrollToTopButton };
26
28
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,2BAA2B,CAAA;AACzC,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAE7B,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,2BAA2B,CAAA;AACzC,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAE7B,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA"}
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { MenuProps, PaletteMode } from '@mui/material';
3
+ export interface MenuExProps extends MenuProps {
4
+ colorize?: 'primary' | 'secondary';
5
+ mode?: PaletteMode;
6
+ }
7
+ export declare const MenuEx: React.FC<MenuExProps>;
@@ -1,8 +1,9 @@
1
1
  import React from 'react';
2
2
  import { NavigateOptions, To } from 'react-router-dom';
3
3
  interface RedirectProps {
4
- to: To;
4
+ to?: To;
5
5
  toOptions?: NavigateOptions;
6
+ href?: string;
6
7
  }
7
8
  declare const RedirectWithQuery: React.ComponentType<RedirectProps>;
8
9
  export { RedirectWithQuery };
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { PaletteMode, SelectProps } from '@mui/material';
3
+ export interface SelectExProps<T> extends SelectProps<T> {
4
+ colorize?: 'primary' | 'secondary';
5
+ mode?: PaletteMode;
6
+ }
7
+ export declare const SelectEx: <T>(props: SelectExProps<T>) => JSX.Element;
@@ -15,11 +15,13 @@ export * from './Experiments';
15
15
  export * from './FlexBox';
16
16
  export * from './InvertableThemeProvider';
17
17
  export * from './LinkEx';
18
+ export * from './MenuEx';
18
19
  export * from './NumberStatus';
19
20
  export * from './Pixel';
20
21
  export * from './Portal';
21
22
  export * from './QuickTipButton';
22
23
  export * from './RichResult';
23
24
  export * from './ScrollToTop';
25
+ export * from './SelectEx';
24
26
  export * from './TokenAmount';
25
27
  export { Background, CoverProgress, HoverScale, Identicon, RedirectWithQuery, ScrollToTopButton };
@@ -1,5 +1,5 @@
1
1
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
- import { useTheme, Box, alpha, CircularProgress, LinearProgress, Paper, Typography, IconButton, useScrollTrigger, Zoom, AppBar, Container, Toolbar, Button, Link, responsiveFontSizes, ScopedCssBaseline, ThemeProvider, Fab, Breadcrumbs, Dialog, DialogTitle, DialogContent, DialogActions, useMediaQuery, Slider, Badge, Card, Divider, FormControl, FormLabel, Switch } from '@mui/material';
2
+ import { useTheme, Box, alpha, CircularProgress, LinearProgress, Paper, Typography, IconButton, useScrollTrigger, Zoom, AppBar, Container, Toolbar, Button, Link, responsiveFontSizes, ScopedCssBaseline, ThemeProvider, Fab, Breadcrumbs, Dialog, DialogTitle, DialogContent, DialogActions, useMediaQuery, Slider, Menu, Badge, Card, Divider, FormControl, FormLabel, Switch, Select } from '@mui/material';
3
3
  export { useMediaQuery } from '@mui/material';
4
4
  import { AiOutlineReload, AiOutlineQuestionCircle } from 'react-icons/ai';
5
5
  import { makeStyles, createStyles } from '@mui/styles';
@@ -192,13 +192,18 @@ const Identicon = (_a) => {
192
192
  return (jsx(FlexRow, Object.assign({}, props, { children: jsx("canvas", { className: className, ref: canvas, style: { height: size, width: size } }, void 0) }), void 0));
193
193
  };
194
194
 
195
- const RedirectWithQuery = ({ to, toOptions }) => {
195
+ const RedirectWithQuery = ({ href, to, toOptions }) => {
196
196
  const newPath = `${to}${document.location.search}`;
197
197
  const navigate = useNavigate();
198
198
  const { pathname } = useLocation();
199
199
  useEffect(() => {
200
- if (newPath !== pathname) {
201
- navigate(newPath, Object.assign({ replace: true }, toOptions));
200
+ if (href) {
201
+ window.location.href = href;
202
+ }
203
+ else {
204
+ if (newPath !== pathname) {
205
+ navigate(newPath, Object.assign({ replace: true }, toOptions));
206
+ }
202
207
  }
203
208
  });
204
209
  return jsx("div", {}, void 0);
@@ -2064,6 +2069,13 @@ const LinkToEx = (_a) => {
2064
2069
  return jsx(Link, Object.assign({ component: Link$1, to: to }, props), void 0);
2065
2070
  };
2066
2071
 
2072
+ const MenuEx = (_a) => {
2073
+ var { MenuListProps = {}, mode = 'light', colorize } = _a, props = __rest(_a, ["MenuListProps", "mode", "colorize"]);
2074
+ const theme = useTheme();
2075
+ const colorizeMenuListProps = colorize ? { sx: { backgroundColor: theme.palette[colorize][mode] } } : {};
2076
+ return jsx(Menu, Object.assign({ MenuListProps: merge(MenuListProps, colorizeMenuListProps) }, props), void 0);
2077
+ };
2078
+
2067
2079
  const NumberStatus = (_a) => {
2068
2080
  var _b, _c;
2069
2081
  var { error, format = '0[.]0a', color = 'primary', title, value, size, fontSize, rounded = false, autoWidth = false, style } = _a, props = __rest(_a, ["error", "format", "color", "title", "value", "size", "fontSize", "rounded", "autoWidth", "style"]);
@@ -2208,6 +2220,15 @@ var MapCategoryType;
2208
2220
  MapCategoryType["VenueMap"] = "VenueMap";
2209
2221
  })(MapCategoryType || (MapCategoryType = {}));
2210
2222
 
2223
+ const SelectEx = (_a) => {
2224
+ var { MenuProps, mode = 'light', colorize } = _a, props = __rest(_a, ["MenuProps", "mode", "colorize"]);
2225
+ const theme = useTheme();
2226
+ const colorizeMenuProps = colorize
2227
+ ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } }
2228
+ : {};
2229
+ return jsx(Select, Object.assign({ MenuProps: merge(MenuProps, colorizeMenuProps) }, props), void 0);
2230
+ };
2231
+
2211
2232
  var img = "data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 238'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23999%3b%7d%3c/style%3e%3c/defs%3e%3ctitle%3eicon_gray%3c/title%3e%3cpath class='cls-1' d='M74.5%2c28.33%2c21.29%2c120.5%2c74.5%2c212.67H180.94l1.76-3%2c51.46-89.13L180.94%2c28.33ZM84.65%2c40.54h78.83L111.65%2c56.93a15.85%2c15.85%2c0%2c0%2c1%2c2%2c5l59.66-18.81L185.22%2c101a20.12%2c20.12%2c0%2c0%2c1%2c5.36-.78l-10-47.91%2c37.87%2c65.53h-7.62a24.21%2c24.21%2c0%2c0%2c1%2c.15%2c2.68%2c23.29%2c23.29%2c0%2c0%2c1-.15%2c2.68h7.62l-39.1%2c67.75%2c10.92-50.13A20.57%2c20.57%2c0%2c0%2c1%2c185%2c140l-12.88%2c59-58.37-19.53a17.61%2c17.61%2c0%2c0%2c1-1.7%2c5l47.5%2c15.92H84.65l4-6.85A20.17%2c20.17%2c0%2c0%2c1%2c83.93%2c191L80%2c197.78%2c42.67%2c133.13l37%2c32.66a20.52%2c20.52%2c0%2c0%2c1%2c3.6-4L36.69%2c120.66%2c85%2c77.79a17.45%2c17.45%2c0%2c0%2c1-3.19-4.32l-39.46%2c35L80%2c43.22l5.56%2c9.69A17.51%2c17.51%2c0%2c0%2c1%2c90.12%2c50Zm28.24%2c31.17a16.15%2c16.15%2c0%2c0%2c1-2.68%2c4.64l62%2c35.81a19.74%2c19.74%2c0%2c0%2c1%2c2.83-4.54Zm-20%2c10.51v75.33a18%2c18%2c0%2c0%2c1%2c2.47-.16%2c17.18%2c17.18%2c0%2c0%2c1%2c2.89.21v-75a11.21%2c11.21%2c0%2c0%2c1-1.29%2c0%2c17.57%2c17.57%2c0%2c0%2c1-4.07-.47Zm79.34%2c46.63-62.08%2c35.81a18.45%2c18.45%2c0%2c0%2c1%2c2.68%2c4.68l62.23-36a19.68%2c19.68%2c0%2c0%2c1-2.83-4.53Z'/%3e%3cpath class='cls-1' d='M97%2c48.58a17.06%2c17.06%2c0%2c1%2c0%2c17%2c17%2c17.08%2c17.08%2c0%2c0%2c0-17-17Zm0%2c5.36a11.7%2c11.7%2c0%2c1%2c1-11.7%2c11.69A11.65%2c11.65%2c0%2c0%2c1%2c97%2c53.94Z'/%3e%3cpath class='cls-1' d='M95.37%2c157.39a18.73%2c18.73%2c0%2c1%2c0%2c18.7%2c18.7%2c18.74%2c18.74%2c0%2c0%2c0-18.7-18.7Zm0%2c5.31A13.4%2c13.4%2c0%2c1%2c1%2c82%2c176.09a13.37%2c13.37%2c0%2c0%2c1%2c13.4-13.39Z'/%3e%3cpath class='cls-1' d='M190.73%2c100.2A20.3%2c20.3%2c0%2c1%2c0%2c211%2c120.5a20.34%2c20.34%2c0%2c0%2c0-20.3-20.3Zm0%2c5.36a14.94%2c14.94%2c0%2c1%2c1-14.94%2c14.94%2c14.88%2c14.88%2c0%2c0%2c1%2c14.94-14.94Z'/%3e%3c/svg%3e";
2212
2233
 
2213
2234
  const base10Shift = (bn, places) => {
@@ -2226,5 +2247,5 @@ const TokenAmount = (_a) => {
2226
2247
  return (jsx(ButtonEx, Object.assign({ style: Object.assign({ backgroundColor: statusColor }, style), variant: "outlined", onClick: onButtonClick }, props, { children: jsxs(FlexRow, Object.assign({ justifyContent: "space-between", width: "100%", busy: amount === undefined, busySize: 16 }, { children: [jsxs(FlexRow, { children: [logo ? jsx("img", { src: img, height: 24 }, void 0) : null, label ? (jsx(Typography, Object.assign({ marginRight: 1, marginLeft: logo ? 1 : 0, noWrap: true, fontFamily: textFontFamily, variant: "caption" }, { children: label }), void 0)) : null] }, void 0), jsx(Typography, Object.assign({ color: textColor, noWrap: true, fontFamily: textFontFamily, variant: "body1", style: { textTransform: 'none' } }, { children: amountString }), void 0)] }), void 0) }), void 0));
2227
2248
  };
2228
2249
 
2229
- export { ActionStatusType, AppBarEx, Background, BasePage, BreadcrumbsEx, BusyBox, ButtonEx, ContactPointOption, CookieConsent, CookieConsentBody, CookieConsentContext, CookieConsentLoader, CoverProgress, DebugUserEventsContext, DripCustomEvent, DripStandardEvents, ErrorDialog, EthAccount, EthersContext, EthersLoader, Experiment, Experiments, ExperimentsDebugger, FacebookCustomEvent, FacebookStandardEvents, Fbq, FlexCol, FlexGrowCol, FlexGrowRow, FlexRow, GoogleBaseEvent, GoogleCustomEvent, GoogleStandardEvents, GoogleUserEventHandler, Gtag, Gtm, HoverScale, Identicon, InvertableThemeProvider, ItemAvailability, LinkToEx, MapCategoryType, MessageDialog, NetworkSettingsContext, NetworkSettingsLoader, NumberStatus, PixelDebugger, PixelDebuggerProvider, PixelDebuggerToggle, Portal, QuickTipButton, Rdt, RedditCustomEvent, RedditStandardEvents, RedirectWithQuery, Referrer, RichResult, ScrollToTop, ScrollToTopButton, SnapTr, SnapchatStandardEvents, TiktokCustomEvent, TiktokStandardEvents, TokenAmount, Ttq, UserEventsContext, UserEventsLoader, XyBaseEvent, XyCustomEvent, XyUserEventHandler, XyoUserEventHandler, enableProfileLogging, getApiStage, getLocalStorageObject, getSessionStorageObject, isLocalhost, profileBlock, profileResults, resolveThemeColors, setLocalStorageObject, setSessionStorageObject, useAsyncEffect, useBreakpoint, useCookieConsent, useLocalStorage, useMounted, useNavigateToEthAddress, useSpacing, useUserEvents, useWebP, useWindowSize };
2250
+ export { ActionStatusType, AppBarEx, Background, BasePage, BreadcrumbsEx, BusyBox, ButtonEx, ContactPointOption, CookieConsent, CookieConsentBody, CookieConsentContext, CookieConsentLoader, CoverProgress, DebugUserEventsContext, DripCustomEvent, DripStandardEvents, ErrorDialog, EthAccount, EthersContext, EthersLoader, Experiment, Experiments, ExperimentsDebugger, FacebookCustomEvent, FacebookStandardEvents, Fbq, FlexCol, FlexGrowCol, FlexGrowRow, FlexRow, GoogleBaseEvent, GoogleCustomEvent, GoogleStandardEvents, GoogleUserEventHandler, Gtag, Gtm, HoverScale, Identicon, InvertableThemeProvider, ItemAvailability, LinkToEx, MapCategoryType, MenuEx, MessageDialog, NetworkSettingsContext, NetworkSettingsLoader, NumberStatus, PixelDebugger, PixelDebuggerProvider, PixelDebuggerToggle, Portal, QuickTipButton, Rdt, RedditCustomEvent, RedditStandardEvents, RedirectWithQuery, Referrer, RichResult, ScrollToTop, ScrollToTopButton, SelectEx, SnapTr, SnapchatStandardEvents, TiktokCustomEvent, TiktokStandardEvents, TokenAmount, Ttq, UserEventsContext, UserEventsLoader, XyBaseEvent, XyCustomEvent, XyUserEventHandler, XyoUserEventHandler, enableProfileLogging, getApiStage, getLocalStorageObject, getSessionStorageObject, isLocalhost, profileBlock, profileResults, resolveThemeColors, setLocalStorageObject, setSessionStorageObject, useAsyncEffect, useBreakpoint, useCookieConsent, useLocalStorage, useMounted, useNavigateToEthAddress, useSpacing, useUserEvents, useWebP, useWindowSize };
2230
2251
  //# sourceMappingURL=index.js.map