react-native-boxes 1.2.9 → 1.2.11
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/Button.d.ts +8 -8
- package/src/Button.js +24 -15
- package/src/Button.js.map +1 -1
- package/src/Button.tsx +27 -11
- package/src/Text.d.ts +3 -2
- package/src/Text.js.map +1 -1
- package/src/Text.tsx +3 -2
package/package.json
CHANGED
package/src/Button.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { TextProps, TouchableHighlightProps, PressableProps } from "react-native";
|
|
2
|
-
export
|
|
3
|
-
icon?: any;
|
|
4
|
-
text?: string;
|
|
5
|
-
}): import("react").JSX.Element;
|
|
6
|
-
export declare function ButtonView(props: TextProps & TouchableHighlightProps & {
|
|
1
|
+
import { TextProps, TouchableHighlightProps, PressableProps, TextStyle } from "react-native";
|
|
2
|
+
export type ButtonViewProps = TextProps & TouchableHighlightProps & {
|
|
7
3
|
icon?: any;
|
|
8
4
|
text?: string;
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
textStyle?: TextStyle;
|
|
6
|
+
};
|
|
7
|
+
export declare function TertiaryButtonView(props: ButtonViewProps): import("react").JSX.Element;
|
|
8
|
+
export declare function TransparentButton(props: TextProps & TouchableHighlightProps & {
|
|
11
9
|
icon?: any;
|
|
12
10
|
text?: string;
|
|
13
11
|
}): import("react").JSX.Element;
|
|
12
|
+
export declare function ButtonView(props: ButtonViewProps): import("react").JSX.Element;
|
|
13
|
+
export declare function RightIconButton(props: ButtonViewProps): import("react").JSX.Element;
|
|
14
14
|
export declare function LoadingButton(props: TextProps & TouchableHighlightProps & {
|
|
15
15
|
loading: boolean;
|
|
16
16
|
icon?: any;
|
package/src/Button.js
CHANGED
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PressableView = exports.LoadingButton = exports.RightIconButton = exports.ButtonView = exports.TransparentButton = void 0;
|
|
3
|
+
exports.PressableView = exports.LoadingButton = exports.RightIconButton = exports.ButtonView = exports.TransparentButton = exports.TertiaryButtonView = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const react_native_1 = require("react-native");
|
|
6
6
|
const ThemeContext_1 = require("./ThemeContext");
|
|
7
7
|
const Box_1 = require("./Box");
|
|
8
8
|
const Text_1 = require("./Text");
|
|
9
9
|
const Image_1 = require("./Image");
|
|
10
|
+
function TertiaryButtonView(props) {
|
|
11
|
+
const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
|
|
12
|
+
return (<ButtonView {...props} underlayColor={props.underlayColor || theme.colors.transparent} textStyle={Object.assign({
|
|
13
|
+
fontSize: theme.dimens.font.lg,
|
|
14
|
+
backgroundColor: theme.colors.transparent,
|
|
15
|
+
color: theme.colors.accent
|
|
16
|
+
}, props.textStyle || {})}/>);
|
|
17
|
+
}
|
|
18
|
+
exports.TertiaryButtonView = TertiaryButtonView;
|
|
10
19
|
function TransparentButton(props) {
|
|
11
20
|
const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
|
|
12
21
|
const tstyle = props.style || {};
|
|
@@ -28,7 +37,7 @@ function TransparentButton(props) {
|
|
|
28
37
|
padding: theme.dimens.space.md,
|
|
29
38
|
borderRadius: theme.dimens.space.xl,
|
|
30
39
|
margin: theme.dimens.space.sm,
|
|
31
|
-
backgroundColor: theme.colors.
|
|
40
|
+
backgroundColor: theme.colors.transparent,
|
|
32
41
|
}, props.style]}>
|
|
33
42
|
<Box_1.Center style={{
|
|
34
43
|
padding: 0,
|
|
@@ -97,19 +106,19 @@ function ButtonView(props) {
|
|
|
97
106
|
{(0, Image_1.getIcon)(props.icon)}
|
|
98
107
|
</react_native_1.View>)}
|
|
99
108
|
|
|
100
|
-
{(props.text || props.children) && (<Text_1.TextView style={{
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
109
|
+
{(props.text || props.children) && (<Text_1.TextView style={[{
|
|
110
|
+
opacity: isPressed ? .7 : 1,
|
|
111
|
+
fontWeight: "500",
|
|
112
|
+
justifyContent: 'center',
|
|
113
|
+
alignContent: 'center',
|
|
114
|
+
alignItems: 'center',
|
|
115
|
+
//@ts-ignore
|
|
116
|
+
fontSize: tstyle.fontSize || theme.dimens.font.md,
|
|
117
|
+
//@ts-ignore
|
|
118
|
+
fontFamily: tstyle.fontFamily || theme.fonts.Regular,
|
|
119
|
+
//@ts-ignore
|
|
120
|
+
color: tstyle.color || theme.colors.invert.text,
|
|
121
|
+
}, props.textStyle]}>
|
|
113
122
|
{props.text || props.children}
|
|
114
123
|
</Text_1.TextView>)}
|
|
115
124
|
</Box_1.Center>
|
package/src/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["Button.tsx"],"names":[],"mappings":";;;AAAA,iCAAwD;AACxD,+
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["Button.tsx"],"names":[],"mappings":"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"}
|
package/src/Button.tsx
CHANGED
|
@@ -1,10 +1,27 @@
|
|
|
1
1
|
import { useContext, useEffect, useState } from "react";
|
|
2
|
-
import { TextProps, TouchableHighlight, GestureResponderEvent, TouchableHighlightProps, View, ActivityIndicator, LayoutAnimation, PressableProps, Pressable } from "react-native";
|
|
2
|
+
import { TextProps, TouchableHighlight, GestureResponderEvent, TouchableHighlightProps, View, ActivityIndicator, LayoutAnimation, PressableProps, Pressable, TextStyle } from "react-native";
|
|
3
3
|
import { ThemeContext } from "./ThemeContext";
|
|
4
4
|
import { Center, HBox } from "./Box";
|
|
5
|
-
import { TextView } from "./Text";
|
|
5
|
+
import { TextView, TextViewProps } from "./Text";
|
|
6
6
|
import { getIcon } from "./Image";
|
|
7
7
|
|
|
8
|
+
export type ButtonViewProps = TextProps & TouchableHighlightProps & { icon?: any, text?: string, textStyle?: TextStyle }
|
|
9
|
+
|
|
10
|
+
export function TertiaryButtonView(props: ButtonViewProps) {
|
|
11
|
+
const theme = useContext(ThemeContext)
|
|
12
|
+
return (
|
|
13
|
+
<ButtonView
|
|
14
|
+
{...props}
|
|
15
|
+
underlayColor={props.underlayColor || theme.colors.transparent}
|
|
16
|
+
|
|
17
|
+
textStyle={Object.assign({
|
|
18
|
+
fontSize: theme.dimens.font.lg,
|
|
19
|
+
backgroundColor: theme.colors.transparent,
|
|
20
|
+
color: theme.colors.accent
|
|
21
|
+
}, props.textStyle || {})}
|
|
22
|
+
/>
|
|
23
|
+
)
|
|
24
|
+
}
|
|
8
25
|
export function TransparentButton(props: TextProps & TouchableHighlightProps
|
|
9
26
|
& { icon?: any, text?: string }) {
|
|
10
27
|
const theme = useContext(ThemeContext)
|
|
@@ -18,6 +35,7 @@ export function TransparentButton(props: TextProps & TouchableHighlightProps
|
|
|
18
35
|
setIsPressed(false)
|
|
19
36
|
if (props.onPressOut) props.onPressOut(e)
|
|
20
37
|
}
|
|
38
|
+
|
|
21
39
|
return (
|
|
22
40
|
<TouchableHighlight
|
|
23
41
|
{...props}
|
|
@@ -31,7 +49,7 @@ export function TransparentButton(props: TextProps & TouchableHighlightProps
|
|
|
31
49
|
padding: theme.dimens.space.md,
|
|
32
50
|
borderRadius: theme.dimens.space.xl,
|
|
33
51
|
margin: theme.dimens.space.sm,
|
|
34
|
-
backgroundColor: theme.colors.
|
|
52
|
+
backgroundColor: theme.colors.transparent,
|
|
35
53
|
}, props.style]}>
|
|
36
54
|
<Center style={{
|
|
37
55
|
padding: 0,
|
|
@@ -73,8 +91,7 @@ export function TransparentButton(props: TextProps & TouchableHighlightProps
|
|
|
73
91
|
)
|
|
74
92
|
}
|
|
75
93
|
|
|
76
|
-
export function ButtonView(props:
|
|
77
|
-
& { icon?: any, text?: string }) {
|
|
94
|
+
export function ButtonView(props: ButtonViewProps) {
|
|
78
95
|
const theme = useContext(ThemeContext)
|
|
79
96
|
const tstyle = props.style || {}
|
|
80
97
|
const [isPressed, setIsPressed] = useState(false)
|
|
@@ -120,19 +137,19 @@ export function ButtonView(props: TextProps & TouchableHighlightProps
|
|
|
120
137
|
|
|
121
138
|
{
|
|
122
139
|
(props.text || props.children) && (
|
|
123
|
-
<TextView style={{
|
|
140
|
+
<TextView style={[{
|
|
124
141
|
opacity: isPressed ? .7 : 1,
|
|
125
142
|
fontWeight: "500",
|
|
126
143
|
justifyContent: 'center',
|
|
127
144
|
alignContent: 'center',
|
|
128
145
|
alignItems: 'center',
|
|
129
146
|
//@ts-ignore
|
|
130
|
-
fontSize: tstyle.fontSize,
|
|
147
|
+
fontSize: tstyle.fontSize || theme.dimens.font.md,
|
|
131
148
|
//@ts-ignore
|
|
132
|
-
fontFamily: tstyle.fontFamily,
|
|
149
|
+
fontFamily: tstyle.fontFamily || theme.fonts.Regular,
|
|
133
150
|
//@ts-ignore
|
|
134
151
|
color: tstyle.color || theme.colors.invert.text,
|
|
135
|
-
}}>
|
|
152
|
+
}, props.textStyle]}>
|
|
136
153
|
{props.text || props.children}
|
|
137
154
|
</TextView>
|
|
138
155
|
)
|
|
@@ -143,8 +160,7 @@ export function ButtonView(props: TextProps & TouchableHighlightProps
|
|
|
143
160
|
}
|
|
144
161
|
|
|
145
162
|
|
|
146
|
-
export function RightIconButton(props:
|
|
147
|
-
& { icon?: any, text?: string }) {
|
|
163
|
+
export function RightIconButton(props: ButtonViewProps) {
|
|
148
164
|
|
|
149
165
|
const theme = useContext(ThemeContext)
|
|
150
166
|
const tstyle = props.style || {}
|
package/src/Text.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { TextProps } from "react-native";
|
|
2
|
-
export
|
|
2
|
+
export type TextViewProps = TextProps & {
|
|
3
3
|
skipI18n?: boolean;
|
|
4
|
-
}
|
|
4
|
+
};
|
|
5
|
+
export declare function TextView(props: TextViewProps): import("react").JSX.Element;
|
|
5
6
|
export declare function Subtitle(props: TextProps): import("react").JSX.Element;
|
|
6
7
|
export declare function Title(props: TextProps): import("react").JSX.Element;
|
|
7
8
|
export declare function Caption(props: TextProps): import("react").JSX.Element;
|
package/src/Text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["Text.tsx"],"names":[],"mappings":";;;AAAA,iCAAmC;AACnC,+CAA+C;AAC/C,iDAA8C;
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["Text.tsx"],"names":[],"mappings":";;;AAAA,iCAAmC;AACnC,+CAA+C;AAC/C,iDAA8C;AAK9C,SAAgB,QAAQ,CAAC,KAAoB;IACzC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,IAAI,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC7B,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;QAChC,IAAI,QAAQ,IAAI,OAAO,QAAQ,IAAI,QAAQ,EAAE,CAAC;YAC1C,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;QACrC,CAAC;IACL,CAAC;IACD,OAAO,CACH,CAAC,mBAAI,CAAC,IAAI,KAAK,CAAC,CACZ,KAAK,CAAC,CAAC,CAAC;gBACJ,QAAQ,EAAE,MAAM;gBAChB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;gBACxB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;aACjC,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CACnC;YAAA,CAAC,QAAQ,CACb;QAAA,EAAE,mBAAI,CAAC,CACV,CAAA;AACL,CAAC;AAlBD,4BAkBC;AAGD,SAAgB,QAAQ,CAAC,KAAgB;IACrC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,OAAO,CACH,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;YACxB;gBACI,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;gBAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;aAC3B;YACD,KAAK,CAAC,KAAK;SACd,CAAC,EAAG,CACR,CAAA;AACL,CAAC;AAXD,4BAWC;AAGD,SAAgB,KAAK,CAAC,KAAgB;IAClC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,OAAO,CACH,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;YACxB;gBACI,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;gBAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aAC9B;YACD,KAAK,CAAC,KAAK;SACd,CAAC,EAAG,CACR,CAAA;AACL,CAAC;AAXD,sBAWC;AAED,SAAgB,OAAO,CAAC,KAAgB;IACpC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,OAAO,CACH,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;YACxB;gBACI,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;gBAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aAC9B;YACD,KAAK,CAAC,KAAK;SACd,CAAC,EAAG,CACR,CAAA;AACL,CAAC;AAXD,0BAWC"}
|
package/src/Text.tsx
CHANGED
|
@@ -2,9 +2,10 @@ import { useContext } from "react";
|
|
|
2
2
|
import { TextProps, Text } from "react-native";
|
|
3
3
|
import { ThemeContext } from "./ThemeContext";
|
|
4
4
|
|
|
5
|
-
export
|
|
5
|
+
export type TextViewProps = TextProps & {
|
|
6
6
|
skipI18n?: boolean
|
|
7
|
-
}
|
|
7
|
+
}
|
|
8
|
+
export function TextView(props: TextViewProps) {
|
|
8
9
|
const theme = useContext(ThemeContext)
|
|
9
10
|
let children = props.children
|
|
10
11
|
if (theme.i18n && !props.skipI18n) {
|