@xylabs/sdk-react 2.7.12 → 2.7.16
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/components/RichResult/jsonld/Organization.d.ts +1 -0
- package/dist/components/RichResult/jsonld/Organization.d.ts.map +1 -1
- package/dist/components/TokenAmount/TokenAmount.js +2 -2
- package/dist/components/TokenAmount/TokenAmount.js.map +1 -1
- package/dist/components/TokenAmount/TokenAmount.stories.d.ts +3 -1
- package/dist/components/TokenAmount/TokenAmount.stories.d.ts.map +1 -1
- package/dist/components/TokenAmount/TokenAmount.stories.js +10 -2
- package/dist/components/TokenAmount/TokenAmount.stories.js.map +1 -1
- package/dist/components/TokenAmount/TokenAmountProps.d.ts +2 -2
- package/dist/components/TokenAmount/TokenAmountProps.d.ts.map +1 -1
- package/package.json +15 -15
- package/src/components/RichResult/jsonld/Organization.ts +1 -0
- package/src/components/TokenAmount/TokenAmount.stories.tsx +12 -2
- package/src/components/TokenAmount/TokenAmount.tsx +6 -6
- package/src/components/TokenAmount/TokenAmountProps.tsx +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Organization.d.ts","sourceRoot":"","sources":["../../../../src/components/RichResult/jsonld/Organization.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Organization.d.ts","sourceRoot":"","sources":["../../../../src/components/RichResult/jsonld/Organization.ts"],"names":[],"mappings":"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"}
|
|
@@ -25,10 +25,10 @@ const base10Shift = (bn, places) => {
|
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
const TokenAmount = (_a) => {
|
|
28
|
-
var {
|
|
28
|
+
var { textFontFamily = '"Source Code Pro",monospace', textColor, statusColor, style, amount, places = -18, logo, label, onButtonClick } = _a, props = __rest(_a, ["textFontFamily", "textColor", "statusColor", "style", "amount", "places", "logo", "label", "onButtonClick"]);
|
|
29
29
|
const adjustedAmount = amount ? base10Shift(amount, places).toNumber() : undefined;
|
|
30
30
|
const amountString = adjustedAmount ? Math.trunc(adjustedAmount).toLocaleString() : '-';
|
|
31
|
-
return (_jsx(ButtonEx, Object.assign({ style: Object.assign({ backgroundColor:
|
|
31
|
+
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: xyoLogo, 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));
|
|
32
32
|
};
|
|
33
33
|
export { TokenAmount };
|
|
34
34
|
//# sourceMappingURL=TokenAmount.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenAmount.js","sourceRoot":"","sources":["../../../src/components/TokenAmount/TokenAmount.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,OAAO,MAAM,eAAe,CAAA;AAGnC,MAAM,WAAW,GAAG,CAAC,EAAa,EAAE,MAAc,EAAE,EAAE;IACpD,MAAM,MAAM,GAAG,IAAI,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IACrE,IAAI,MAAM,GAAG,CAAC,EAAE;QACd,OAAO,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;KACtB;SAAM;QACL,OAAO,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;KACtB;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAA+B,CAAC,EAWhD,EAAE,EAAE;QAX4C,EAC/C,
|
|
1
|
+
{"version":3,"file":"TokenAmount.js","sourceRoot":"","sources":["../../../src/components/TokenAmount/TokenAmount.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,OAAO,MAAM,eAAe,CAAA;AAGnC,MAAM,WAAW,GAAG,CAAC,EAAa,EAAE,MAAc,EAAE,EAAE;IACpD,MAAM,MAAM,GAAG,IAAI,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IACrE,IAAI,MAAM,GAAG,CAAC,EAAE;QACd,OAAO,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;KACtB;SAAM;QACL,OAAO,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;KACtB;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAA+B,CAAC,EAWhD,EAAE,EAAE;QAX4C,EAC/C,cAAc,GAAG,6BAA6B,EAC9C,SAAS,EACT,WAAW,EACX,KAAK,EACL,MAAM,EACN,MAAM,GAAG,CAAC,EAAE,EACZ,IAAI,EACJ,KAAK,EACL,aAAa,OAEd,EADI,KAAK,cAVuC,6GAWhD,CADS;IAER,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;IAElF,MAAM,YAAY,GAAG,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;IAEvF,OAAO,CACL,KAAC,QAAQ,kBAAC,KAAK,kBAAI,eAAe,EAAE,WAAW,IAAK,KAAK,GAAI,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,aAAa,IAAM,KAAK,cAC/G,MAAC,OAAO,kBAAC,cAAc,EAAC,eAAe,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,MAAM,KAAK,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAC3F,MAAC,OAAO,eACL,IAAI,CAAC,CAAC,CAAC,cAAK,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,WAAI,CAAC,CAAC,CAAC,IAAI,EAC/C,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,UAAU,kBACT,WAAW,EAAE,CAAC,EACd,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACxB,MAAM,EAAE,IAAI,EACZ,UAAU,EAAE,cAAc,EAC1B,OAAO,EAAC,SAAS,gBAEhB,KAAK,YACK,CACd,CAAC,CAAC,CAAC,IAAI,YACA,EACV,KAAC,UAAU,kBACT,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,IAAI,EACZ,UAAU,EAAE,cAAc,EAC1B,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,gBAE/B,YAAY,YACF,aACL,YACD,CACZ,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -2,10 +2,12 @@
|
|
|
2
2
|
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
|
3
3
|
declare const StorybookEntry: ComponentMeta<import("react").FC<import("./TokenAmountProps").TokenAmountProps>>;
|
|
4
4
|
declare const Default: ComponentStory<import("react").FC<import("./TokenAmountProps").TokenAmountProps>>;
|
|
5
|
+
declare const WithNull: ComponentStory<import("react").FC<import("./TokenAmountProps").TokenAmountProps>>;
|
|
6
|
+
declare const WithUndefined: ComponentStory<import("react").FC<import("./TokenAmountProps").TokenAmountProps>>;
|
|
5
7
|
declare const WithLogo: ComponentStory<import("react").FC<import("./TokenAmountProps").TokenAmountProps>>;
|
|
6
8
|
declare const WithLogoAndColor: ComponentStory<import("react").FC<import("./TokenAmountProps").TokenAmountProps>>;
|
|
7
9
|
declare const WithLabel: ComponentStory<import("react").FC<import("./TokenAmountProps").TokenAmountProps>>;
|
|
8
10
|
declare const WithLogoAndLabel: ComponentStory<import("react").FC<import("./TokenAmountProps").TokenAmountProps>>;
|
|
9
|
-
export { Default, WithLabel, WithLogo, WithLogoAndColor, WithLogoAndLabel };
|
|
11
|
+
export { Default, WithLabel, WithLogo, WithLogoAndColor, WithLogoAndLabel, WithNull, WithUndefined };
|
|
10
12
|
export default StorybookEntry;
|
|
11
13
|
//# sourceMappingURL=TokenAmount.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenAmount.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TokenAmount/TokenAmount.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAKhE,QAAA,MAAM,cAAc,kFASkB,CAAA;AAItC,QAAA,MAAM,OAAO,mFAAoB,CAAA;AAKjC,QAAA,MAAM,QAAQ,mFAAoB,CAAA;AAMlC,QAAA,MAAM,gBAAgB,mFAAoB,CAAA;AAO1C,QAAA,MAAM,SAAS,mFAAoB,CAAA;AAMnC,QAAA,MAAM,gBAAgB,mFAAoB,CAAA;AAO1C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"TokenAmount.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TokenAmount/TokenAmount.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAKhE,QAAA,MAAM,cAAc,kFASkB,CAAA;AAItC,QAAA,MAAM,OAAO,mFAAoB,CAAA;AAKjC,QAAA,MAAM,QAAQ,mFAAoB,CAAA;AAKlC,QAAA,MAAM,aAAa,mFAAoB,CAAA;AAKvC,QAAA,MAAM,QAAQ,mFAAoB,CAAA;AAMlC,QAAA,MAAM,gBAAgB,mFAAoB,CAAA;AAO1C,QAAA,MAAM,SAAS,mFAAoB,CAAA;AAMnC,QAAA,MAAM,gBAAgB,mFAAoB,CAAA;AAO1C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAA;AAGpG,eAAe,cAAc,CAAA"}
|
|
@@ -16,6 +16,14 @@ const Default = Template.bind({});
|
|
|
16
16
|
Default.args = {
|
|
17
17
|
amount: new BigNumber('1195c751dbcc90ab4200000', 16),
|
|
18
18
|
};
|
|
19
|
+
const WithNull = Template.bind({});
|
|
20
|
+
WithNull.args = {
|
|
21
|
+
amount: null,
|
|
22
|
+
};
|
|
23
|
+
const WithUndefined = Template.bind({});
|
|
24
|
+
WithUndefined.args = {
|
|
25
|
+
amount: undefined,
|
|
26
|
+
};
|
|
19
27
|
const WithLogo = Template.bind({});
|
|
20
28
|
WithLogo.args = {
|
|
21
29
|
amount: new BigNumber('1195c751dbcc90ab4200000', 16),
|
|
@@ -24,8 +32,8 @@ WithLogo.args = {
|
|
|
24
32
|
const WithLogoAndColor = Template.bind({});
|
|
25
33
|
WithLogoAndColor.args = {
|
|
26
34
|
amount: new BigNumber('1195c751dbcc90ab4200000', 16),
|
|
27
|
-
bgcolor: '#ff0',
|
|
28
35
|
logo: true,
|
|
36
|
+
statusColor: '#ff0',
|
|
29
37
|
};
|
|
30
38
|
const WithLabel = Template.bind({});
|
|
31
39
|
WithLabel.args = {
|
|
@@ -38,7 +46,7 @@ WithLogoAndLabel.args = {
|
|
|
38
46
|
label: 'Balance',
|
|
39
47
|
logo: true,
|
|
40
48
|
};
|
|
41
|
-
export { Default, WithLabel, WithLogo, WithLogoAndColor, WithLogoAndLabel };
|
|
49
|
+
export { Default, WithLabel, WithLogo, WithLogoAndColor, WithLogoAndLabel, WithNull, WithUndefined };
|
|
42
50
|
// eslint-disable-next-line import/no-default-export
|
|
43
51
|
export default StorybookEntry;
|
|
44
52
|
//# sourceMappingURL=TokenAmount.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenAmount.stories.js","sourceRoot":"","sources":["../../../src/components/TokenAmount/TokenAmount.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,wBAAwB;CACK,CAAA;AAEtC,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,WAAW,oBAAK,IAAI,UAAgB,CAAA;AAEpG,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;CACrD,CAAA;AAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClC,QAAQ,CAAC,IAAI,GAAG;IACd,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;IACpD,IAAI,EAAE,IAAI;CACX,CAAA;AAED,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,gBAAgB,CAAC,IAAI,GAAG;IACtB,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;IACpD,
|
|
1
|
+
{"version":3,"file":"TokenAmount.stories.js","sourceRoot":"","sources":["../../../src/components/TokenAmount/TokenAmount.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,wBAAwB;CACK,CAAA;AAEtC,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,WAAW,oBAAK,IAAI,UAAgB,CAAA;AAEpG,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjC,OAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;CACrD,CAAA;AAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClC,QAAQ,CAAC,IAAI,GAAG;IACd,MAAM,EAAE,IAAI;CACb,CAAA;AAED,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvC,aAAa,CAAC,IAAI,GAAG;IACnB,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClC,QAAQ,CAAC,IAAI,GAAG;IACd,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;IACpD,IAAI,EAAE,IAAI;CACX,CAAA;AAED,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,gBAAgB,CAAC,IAAI,GAAG;IACtB,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;IACpD,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,MAAM;CACpB,CAAA;AAED,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnC,SAAS,CAAC,IAAI,GAAG;IACf,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;IACpD,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,gBAAgB,CAAC,IAAI,GAAG;IACtB,MAAM,EAAE,IAAI,SAAS,CAAC,yBAAyB,EAAE,EAAE,CAAC;IACpD,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,IAAI;CACX,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAA;AAEpG,oDAAoD;AACpD,eAAe,cAAc,CAAA"}
|
|
@@ -7,9 +7,9 @@ interface TokenAmountProps extends ButtonExProps {
|
|
|
7
7
|
label?: string;
|
|
8
8
|
logo?: boolean;
|
|
9
9
|
places?: number;
|
|
10
|
-
|
|
10
|
+
textFontFamily?: string;
|
|
11
11
|
textColor?: string;
|
|
12
|
-
|
|
12
|
+
statusColor?: string;
|
|
13
13
|
onButtonClick?: MouseEventHandler<HTMLButtonElement>;
|
|
14
14
|
}
|
|
15
15
|
export type { TokenAmountProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenAmountProps.d.ts","sourceRoot":"","sources":["../../../src/components/TokenAmount/TokenAmountProps.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,UAAU,gBAAiB,SAAQ,aAAa;IAC9C,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,
|
|
1
|
+
{"version":3,"file":"TokenAmountProps.d.ts","sourceRoot":"","sources":["../../../src/components/TokenAmount/TokenAmountProps.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,UAAU,gBAAiB,SAAQ,aAAa;IAC9C,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CACrD;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAA"}
|
package/package.json
CHANGED
|
@@ -22,28 +22,28 @@
|
|
|
22
22
|
"description": "Common React library for all XY Labs projects that use React",
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"@babel/core": "^7",
|
|
25
|
-
"@emotion/react": "^11.7.
|
|
25
|
+
"@emotion/react": "^11.7.1",
|
|
26
26
|
"@emotion/styled": "^11.6.0",
|
|
27
27
|
"@ethersproject/abstract-signer": "^5.5.0",
|
|
28
28
|
"@ethersproject/providers": "^5.5.1",
|
|
29
|
-
"@mui/icons-material": "^5.2.
|
|
30
|
-
"@mui/material": "^5.2.
|
|
29
|
+
"@mui/icons-material": "^5.2.4",
|
|
30
|
+
"@mui/material": "^5.2.4",
|
|
31
31
|
"@mui/styles": "^5.2.3",
|
|
32
|
-
"@storybook/addon-actions": "^6.4.
|
|
33
|
-
"@storybook/addon-docs": "^6.4.
|
|
34
|
-
"@storybook/addon-essentials": "^6.4.
|
|
35
|
-
"@storybook/addon-links": "^6.4.
|
|
36
|
-
"@storybook/components": "^6.4.
|
|
37
|
-
"@storybook/core-events": "^6.4.
|
|
38
|
-
"@storybook/react": "^6.4.
|
|
32
|
+
"@storybook/addon-actions": "^6.4.9",
|
|
33
|
+
"@storybook/addon-docs": "^6.4.9",
|
|
34
|
+
"@storybook/addon-essentials": "^6.4.9",
|
|
35
|
+
"@storybook/addon-links": "^6.4.9",
|
|
36
|
+
"@storybook/components": "^6.4.9",
|
|
37
|
+
"@storybook/core-events": "^6.4.9",
|
|
38
|
+
"@storybook/react": "^6.4.9",
|
|
39
39
|
"@types/bn.js": "^5.1.0",
|
|
40
|
-
"@types/lodash": "^4.14.
|
|
40
|
+
"@types/lodash": "^4.14.178",
|
|
41
41
|
"@types/md5": "^2.3.1",
|
|
42
|
-
"@types/node": "^16.11.
|
|
42
|
+
"@types/node": "^16.11.13",
|
|
43
43
|
"@types/react": "^17",
|
|
44
44
|
"@xylabs/eslint-config-react": "^2",
|
|
45
45
|
"@xylabs/pixel": "^1.1.6",
|
|
46
|
-
"@xylabs/sdk-js": "^2.3.
|
|
46
|
+
"@xylabs/sdk-js": "^2.3.19",
|
|
47
47
|
"@xylabs/ts-scripts": "^1.0.23",
|
|
48
48
|
"babel-loader": "^8.2.3",
|
|
49
49
|
"bn.js": "^5.2.0",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"react-router-dom": "^6",
|
|
59
59
|
"rollbar": "^2",
|
|
60
60
|
"ts-node": "^10.4.0",
|
|
61
|
-
"typescript": "^4.5.
|
|
61
|
+
"typescript": "^4.5.4",
|
|
62
62
|
"webpack": "^5"
|
|
63
63
|
},
|
|
64
64
|
"homepage": "https://xylabs.com",
|
|
@@ -108,5 +108,5 @@
|
|
|
108
108
|
"sideEffects": false,
|
|
109
109
|
"type": "module",
|
|
110
110
|
"types": "dist/index.d.ts",
|
|
111
|
-
"version": "2.7.
|
|
111
|
+
"version": "2.7.16"
|
|
112
112
|
}
|
|
@@ -21,6 +21,16 @@ Default.args = {
|
|
|
21
21
|
amount: new BigNumber('1195c751dbcc90ab4200000', 16),
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
+
const WithNull = Template.bind({})
|
|
25
|
+
WithNull.args = {
|
|
26
|
+
amount: null,
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
const WithUndefined = Template.bind({})
|
|
30
|
+
WithUndefined.args = {
|
|
31
|
+
amount: undefined,
|
|
32
|
+
}
|
|
33
|
+
|
|
24
34
|
const WithLogo = Template.bind({})
|
|
25
35
|
WithLogo.args = {
|
|
26
36
|
amount: new BigNumber('1195c751dbcc90ab4200000', 16),
|
|
@@ -30,8 +40,8 @@ WithLogo.args = {
|
|
|
30
40
|
const WithLogoAndColor = Template.bind({})
|
|
31
41
|
WithLogoAndColor.args = {
|
|
32
42
|
amount: new BigNumber('1195c751dbcc90ab4200000', 16),
|
|
33
|
-
bgcolor: '#ff0',
|
|
34
43
|
logo: true,
|
|
44
|
+
statusColor: '#ff0',
|
|
35
45
|
}
|
|
36
46
|
|
|
37
47
|
const WithLabel = Template.bind({})
|
|
@@ -47,7 +57,7 @@ WithLogoAndLabel.args = {
|
|
|
47
57
|
logo: true,
|
|
48
58
|
}
|
|
49
59
|
|
|
50
|
-
export { Default, WithLabel, WithLogo, WithLogoAndColor, WithLogoAndLabel }
|
|
60
|
+
export { Default, WithLabel, WithLogo, WithLogoAndColor, WithLogoAndLabel, WithNull, WithUndefined }
|
|
51
61
|
|
|
52
62
|
// eslint-disable-next-line import/no-default-export
|
|
53
63
|
export default StorybookEntry
|
|
@@ -16,9 +16,9 @@ const base10Shift = (bn: BigNumber, places: number) => {
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
const TokenAmount: React.FC<TokenAmountProps> = ({
|
|
19
|
-
|
|
19
|
+
textFontFamily = '"Source Code Pro",monospace',
|
|
20
20
|
textColor,
|
|
21
|
-
|
|
21
|
+
statusColor,
|
|
22
22
|
style,
|
|
23
23
|
amount,
|
|
24
24
|
places = -18,
|
|
@@ -32,8 +32,8 @@ const TokenAmount: React.FC<TokenAmountProps> = ({
|
|
|
32
32
|
const amountString = adjustedAmount ? Math.trunc(adjustedAmount).toLocaleString() : '-'
|
|
33
33
|
|
|
34
34
|
return (
|
|
35
|
-
<ButtonEx style={{ backgroundColor:
|
|
36
|
-
<FlexRow justifyContent="space-between" width="100%" busy={
|
|
35
|
+
<ButtonEx style={{ backgroundColor: statusColor, ...style }} variant="outlined" onClick={onButtonClick} {...props}>
|
|
36
|
+
<FlexRow justifyContent="space-between" width="100%" busy={amount === undefined} busySize={16}>
|
|
37
37
|
<FlexRow>
|
|
38
38
|
{logo ? <img src={xyoLogo} height={24} /> : null}
|
|
39
39
|
{label ? (
|
|
@@ -41,7 +41,7 @@ const TokenAmount: React.FC<TokenAmountProps> = ({
|
|
|
41
41
|
marginRight={1}
|
|
42
42
|
marginLeft={logo ? 1 : 0}
|
|
43
43
|
noWrap={true}
|
|
44
|
-
fontFamily={
|
|
44
|
+
fontFamily={textFontFamily}
|
|
45
45
|
variant="caption"
|
|
46
46
|
>
|
|
47
47
|
{label}
|
|
@@ -51,7 +51,7 @@ const TokenAmount: React.FC<TokenAmountProps> = ({
|
|
|
51
51
|
<Typography
|
|
52
52
|
color={textColor}
|
|
53
53
|
noWrap={true}
|
|
54
|
-
fontFamily={
|
|
54
|
+
fontFamily={textFontFamily}
|
|
55
55
|
variant="body1"
|
|
56
56
|
style={{ textTransform: 'none' }}
|
|
57
57
|
>
|
|
@@ -8,9 +8,9 @@ interface TokenAmountProps extends ButtonExProps {
|
|
|
8
8
|
label?: string
|
|
9
9
|
logo?: boolean
|
|
10
10
|
places?: number
|
|
11
|
-
|
|
11
|
+
textFontFamily?: string
|
|
12
12
|
textColor?: string
|
|
13
|
-
|
|
13
|
+
statusColor?: string
|
|
14
14
|
onButtonClick?: MouseEventHandler<HTMLButtonElement>
|
|
15
15
|
}
|
|
16
16
|
|