@adiraku/react-native-ui 1.2.9-canary-8 → 1.2.9

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 (23) hide show
  1. package/lib/commonjs/components/DashboardBalanceCard/CardWallet.component.js +15 -15
  2. package/lib/commonjs/components/DashboardBalanceCard/CardWallet.component.js.map +1 -1
  3. package/lib/commonjs/components/DashboardBalanceCard/DashboardBalanceCard.component.js +80 -80
  4. package/lib/commonjs/components/DashboardBalanceCard/DashboardBalanceCard.component.js.map +1 -1
  5. package/lib/commonjs/components/StickyBar/StickyBar.component.js +2 -2
  6. package/lib/commonjs/components/StickyBar/StickyBar.style.js +1 -1
  7. package/lib/module/components/DashboardBalanceCard/CardWallet.component.js +19 -19
  8. package/lib/module/components/DashboardBalanceCard/CardWallet.component.js.map +1 -1
  9. package/lib/module/components/DashboardBalanceCard/DashboardBalanceCard.component.js +85 -85
  10. package/lib/module/components/DashboardBalanceCard/DashboardBalanceCard.component.js.map +1 -1
  11. package/lib/module/components/StickyBar/StickyBar.component.js +2 -2
  12. package/lib/module/components/StickyBar/StickyBar.component.js.map +1 -1
  13. package/lib/module/components/StickyBar/StickyBar.style.js +1 -1
  14. package/lib/module/components/StickyBar/StickyBar.style.js.map +1 -1
  15. package/lib/typescript/components/DashboardBalanceCard/CardWallet.component.d.ts +2 -2
  16. package/lib/typescript/components/DashboardBalanceCard/CardWallet.component.d.ts.map +1 -1
  17. package/lib/typescript/components/DashboardBalanceCard/DashboardBalanceCard.component.d.ts +2 -2
  18. package/lib/typescript/components/DashboardBalanceCard/DashboardBalanceCard.component.d.ts.map +1 -1
  19. package/package.json +1 -1
  20. package/src/components/DashboardBalanceCard/CardWallet.component.tsx +70 -60
  21. package/src/components/DashboardBalanceCard/DashboardBalanceCard.component.tsx +461 -442
  22. package/src/components/StickyBar/StickyBar.component.tsx +2 -2
  23. package/src/components/StickyBar/StickyBar.style.tsx +1 -1
package/src/components/DashboardBalanceCard/CardWallet.component.tsx CHANGED
@@ -1,111 +1,121 @@
1
- import React from "react";
2
- import { View, Image } from "react-native";
3
- import { Typography } from "../typography/typography.component";
4
- import { Shadow } from "src/themes";
5
- import { Radius } from "src/themes";
1
+ import React from 'react';
2
+ import { View, Image } from 'react-native';
3
+ import { Typography } from '../typography/typography.component';
4
+ import { Shadow } from '../../themes';
5
+ import { Radius } from '../../themes';
6
6
 
7
7
  interface CardWalletsProps {
8
- variant: "adirapoin" | "dwallet" | "danamonfailed";
9
- type: string;
10
- balance: string;
11
- }
12
-
13
- const CardWallets: React.FC<CardWalletsProps> = ({ variant, type, balance }) => {
14
- return (
15
- <View style={{ flex: 1 }}>
16
- {variant === "adirapoin" ? (
17
- <View style={{
18
- width: 140,
19
- height: 57,
20
- ...Shadow["shadow-elevation-1"],
21
- borderRadius: Radius[12],
8
+ variant: 'adirapoin' | 'dwallet' | 'danamonfailed';
9
+ type: string;
10
+ balance: string;
11
+ }
12
+
13
+ const CardWallets: React.FC<CardWalletsProps> = ({
14
+ variant,
15
+ type,
16
+ balance,
17
+ }) => {
18
+ return (
19
+ <View style={{ flex: 1 }}>
20
+ {variant === 'adirapoin' ? (
21
+ <View
22
+ style={{
23
+ width: 140,
24
+ height: 57,
25
+ ...Shadow['shadow-elevation-1'],
26
+ borderRadius: Radius[12],
22
27
  flexDirection: 'row',
23
- alignItems: 'center'}}>
28
+ alignItems: 'center',
29
+ }}
30
+ >
24
31
  <Image
25
32
  style={{
26
33
  width: 20,
27
34
  height: 20,
28
35
  margin: 8,
29
36
  }}
30
- source={require("../../../storybookwebpreview/assets/images/DashboardBalanceCard/IconAdirapoin.png")}
37
+ source={require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/IconAdirapoin.png')}
31
38
  />
32
39
  <View>
33
- <View style={{ flexDirection: "row" }}>
34
- <Typography variant="caption">
35
- {type}
36
- </Typography>
40
+ <View style={{ flexDirection: 'row' }}>
41
+ <Typography variant="caption">{type}</Typography>
37
42
  <Image
38
43
  style={{
39
44
  width: 16,
40
45
  height: 16,
41
46
  marginLeft: 10,
42
47
  }}
43
- source={require("../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png")}
48
+ source={require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')}
44
49
  />
45
50
  </View>
46
51
  <Typography variant="button-small">
47
- {balance} poin{"\n"}
52
+ {balance} poin{'\n'}
48
53
  </Typography>
49
54
  </View>
50
- </View>
51
- ) : variant === "dwallet" ? (
52
- <View style={{
53
- width: 140,
54
- height: 57,
55
- ...Shadow["shadow-elevation-1"],
56
- borderRadius: Radius[12],
55
+ </View>
56
+ ) : variant === 'dwallet' ? (
57
+ <View
58
+ style={{
59
+ width: 140,
60
+ height: 57,
61
+ ...Shadow['shadow-elevation-1'],
62
+ borderRadius: Radius[12],
57
63
  flexDirection: 'row',
58
- alignItems: 'center'}}>
64
+ alignItems: 'center',
65
+ }}
66
+ >
59
67
  <Image
60
68
  style={{
61
69
  width: 20,
62
70
  height: 20,
63
71
  margin: 8,
64
72
  }}
65
- source={require("../../../storybookwebpreview/assets/images/DashboardBalanceCard/IconDwallet.png")}
73
+ source={require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/IconDwallet.png')}
66
74
  />
67
75
  <View>
68
- <View style={{ flexDirection: "row" }}>
69
- <Typography variant="caption">
70
- {type}
71
- </Typography>
76
+ <View style={{ flexDirection: 'row' }}>
77
+ <Typography variant="caption">{type}</Typography>
72
78
  <Image
73
79
  style={{
74
80
  width: 16,
75
81
  height: 16,
76
82
  marginLeft: 10,
77
83
  }}
78
- source={require("../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png")}
84
+ source={require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')}
79
85
  />
80
86
  </View>
81
87
  <Typography variant="button-small">
82
- Rp{balance}{"\n"}
88
+ Rp{balance}
89
+ {'\n'}
83
90
  </Typography>
84
91
  </View>
85
- </View>
86
- ) : (
87
- <View style={{
88
- width: 140,
89
- height: 57,
90
- ...Shadow["shadow-elevation-1"],
91
- borderRadius: Radius[12],
92
+ </View>
93
+ ) : (
94
+ <View
95
+ style={{
96
+ width: 140,
97
+ height: 57,
98
+ ...Shadow['shadow-elevation-1'],
99
+ borderRadius: Radius[12],
92
100
  flexDirection: 'row',
93
- alignItems: 'center'}}>
101
+ alignItems: 'center',
102
+ }}
103
+ >
94
104
  <Image
95
105
  style={{
96
106
  width: 20,
97
107
  height: 20,
98
108
  margin: 8,
99
109
  }}
100
- source={require("../../../storybookwebpreview/assets/images/DashboardBalanceCard/Reload.png")}
110
+ source={require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Reload.png')}
101
111
  />
102
- <Typography variant="overline-small">
103
- Saldo Danamon{"\n"}gagal ditampilkan
104
- </Typography>
105
- </View>
106
- )}
107
- </View>
108
- );
109
- };
112
+ <Typography variant="overline-small">
113
+ Saldo Danamon{'\n'}gagal ditampilkan
114
+ </Typography>
115
+ </View>
116
+ )}
117
+ </View>
118
+ );
119
+ };
110
120
 
111
- export default CardWallets;
121
+ export default CardWallets;