react-native-boxes 1.2.19 → 1.2.21
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/package.json +1 -1
- package/src/Image.d.ts +1 -1
- package/src/Image.js +8 -6
- package/src/Image.js.map +1 -1
- package/src/Image.tsx +8 -6
- package/src/List.js +10 -11
- package/src/List.js.map +1 -1
- package/src/List.tsx +10 -14
package/package.json
CHANGED
package/src/Image.d.ts
CHANGED
package/src/Image.js
CHANGED
|
@@ -64,7 +64,7 @@ function Avatar(props) {
|
|
|
64
64
|
return view;
|
|
65
65
|
}
|
|
66
66
|
exports.Avatar = Avatar;
|
|
67
|
-
function getIcon(Input) {
|
|
67
|
+
function getIcon(Input, wrap) {
|
|
68
68
|
if (Input == undefined) {
|
|
69
69
|
return undefined;
|
|
70
70
|
}
|
|
@@ -73,11 +73,13 @@ function getIcon(Input) {
|
|
|
73
73
|
return (<Icon {...props} name={props.name || Input}/>);
|
|
74
74
|
};
|
|
75
75
|
}
|
|
76
|
-
|
|
77
|
-
return
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
76
|
+
if (wrap)
|
|
77
|
+
return (props) => {
|
|
78
|
+
return <>
|
|
79
|
+
{Input}
|
|
80
|
+
</>;
|
|
81
|
+
};
|
|
82
|
+
return Input;
|
|
81
83
|
}
|
|
82
84
|
exports.getIcon = getIcon;
|
|
83
85
|
//# sourceMappingURL=Image.js.map
|
package/src/Image.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sourceRoot":"","sources":["Image.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["Image.tsx"],"names":[],"mappings":"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"}
|
package/src/Image.tsx
CHANGED
|
@@ -93,7 +93,7 @@ export function Avatar(props: ViewProps & {
|
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
|
|
96
|
-
export function getIcon(Input: any): any {
|
|
96
|
+
export function getIcon(Input: any, wrap?: boolean): any {
|
|
97
97
|
if (Input == undefined) {
|
|
98
98
|
return undefined
|
|
99
99
|
}
|
|
@@ -104,9 +104,11 @@ export function getIcon(Input: any): any {
|
|
|
104
104
|
)
|
|
105
105
|
}
|
|
106
106
|
}
|
|
107
|
-
|
|
108
|
-
return
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
107
|
+
if (wrap)
|
|
108
|
+
return (props: any) => {
|
|
109
|
+
return <>
|
|
110
|
+
{Input}
|
|
111
|
+
</>
|
|
112
|
+
}
|
|
113
|
+
return Input
|
|
112
114
|
}
|
package/src/List.js
CHANGED
|
@@ -10,23 +10,22 @@ const ThemeContext_1 = require("./ThemeContext");
|
|
|
10
10
|
const Button_1 = require("./Button");
|
|
11
11
|
function SimpleDatalistView(props) {
|
|
12
12
|
const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
return props.loading ?
|
|
14
|
+
<Box_1.Center style={{
|
|
15
15
|
padding: theme.dimens.space.xl * 2
|
|
16
16
|
}}>
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
return (<Box_1.VBox style={[props.style]}>
|
|
17
|
+
<react_native_1.ActivityIndicator size={theme.dimens.icon.xl} color={theme.colors.accent}/>
|
|
18
|
+
</Box_1.Center> :
|
|
19
|
+
<Box_1.VBox style={[props.style]}>
|
|
21
20
|
{props.items.map((item, idx) => {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
</Box_1.VBox
|
|
21
|
+
let data = props.itemAdapter(item, idx, props.items);
|
|
22
|
+
return (<SimpleDatatlistViewItem key={idx} {...data}/>);
|
|
23
|
+
})}
|
|
24
|
+
</Box_1.VBox>;
|
|
26
25
|
}
|
|
27
26
|
exports.SimpleDatalistView = SimpleDatalistView;
|
|
28
27
|
function SimpleDatatlistViewItem(props) {
|
|
29
|
-
const RightIcon = (0, Image_1.getIcon)(props.icon);
|
|
28
|
+
const RightIcon = (0, Image_1.getIcon)(props.icon, true);
|
|
30
29
|
const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
|
|
31
30
|
let flexRatio = props.flexRatio || [1, 8, 1];
|
|
32
31
|
let [left, middle, right] = flexRatio;
|
package/src/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["List.tsx"],"names":[],"mappings":";;;AAAA,+CAAuE;AACvE,+BAAyD;AACzD,mCAAiC;AAEjC,iCAAoD;AACpD,iCAAkC;AAClC,iDAA6C;AAC7C,qCAAwC;AAQxC,SAAgB,kBAAkB,CAAC,KAAyB;IACxD,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["List.tsx"],"names":[],"mappings":"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"}
|
package/src/List.tsx
CHANGED
|
@@ -15,18 +15,15 @@ export type DatatableViewProps = {
|
|
|
15
15
|
} & ViewProps
|
|
16
16
|
export function SimpleDatalistView(props: DatatableViewProps) {
|
|
17
17
|
const theme = useContext(ThemeContext)
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
)
|
|
28
|
-
}
|
|
29
|
-
return (
|
|
18
|
+
|
|
19
|
+
return props.loading ?
|
|
20
|
+
<Center style={{
|
|
21
|
+
padding: theme.dimens.space.xl * 2
|
|
22
|
+
}}>
|
|
23
|
+
<ActivityIndicator
|
|
24
|
+
size={theme.dimens.icon.xl}
|
|
25
|
+
color={theme.colors.accent} />
|
|
26
|
+
</Center> :
|
|
30
27
|
<VBox style={[props.style]}>
|
|
31
28
|
{
|
|
32
29
|
props.items.map((item, idx) => {
|
|
@@ -41,7 +38,6 @@ export function SimpleDatalistView(props: DatatableViewProps) {
|
|
|
41
38
|
}
|
|
42
39
|
</VBox>
|
|
43
40
|
|
|
44
|
-
)
|
|
45
41
|
}
|
|
46
42
|
|
|
47
43
|
export type SimpleDatatableViewItemProps = {
|
|
@@ -54,7 +50,7 @@ export type SimpleDatatableViewItemProps = {
|
|
|
54
50
|
flexRatio?: [number, number, number]
|
|
55
51
|
}
|
|
56
52
|
export function SimpleDatatlistViewItem(props: SimpleDatatableViewItemProps & ViewProps) {
|
|
57
|
-
const RightIcon = getIcon(props.icon)
|
|
53
|
+
const RightIcon = getIcon(props.icon, true)
|
|
58
54
|
const theme = useContext(ThemeContext)
|
|
59
55
|
let flexRatio = props.flexRatio || [1, 8, 1]
|
|
60
56
|
let [left, middle, right] = flexRatio
|