react-native-boxes 1.0.16 → 1.0.17

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/Image.js DELETED
@@ -1,79 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.getIcon = exports.Avatar = exports.Icon = void 0;
7
- const react_native_1 = require("react-native");
8
- const FontAwesome_1 = __importDefault(require("@expo/vector-icons/FontAwesome"));
9
- const react_1 = require("react");
10
- const ThemeContext_1 = require("./ThemeContext");
11
- const Box_1 = require("./Box");
12
- const Text_1 = require("./Text");
13
- function Icon(props) {
14
- const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
15
- return (<FontAwesome_1.default {...props} size={props.size || theme.dimens?.icon?.md} color={props.color || theme.colors?.text}/>);
16
- }
17
- exports.Icon = Icon;
18
- /**
19
- *
20
- * @param props provide one of iconUrl , iconName , iconText
21
- * @returns
22
- */
23
- function Avatar(props) {
24
- const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
25
- const view = <Box_1.Center style={[{
26
- margin: theme.dimens.space.sm,
27
- overflow: 'hidden',
28
- borderRadius: 100,
29
- width: theme.dimens.icon.xl,
30
- height: theme.dimens.icon.xl,
31
- borderWidth: theme.dimens.space.xs * 2,
32
- borderStyle: 'solid',
33
- borderColor: theme.colors.accentLight,
34
- backgroundColor: theme.colors.forground,
35
- }, props.style]}>
36
- <Box_1.Center style={{
37
- width: '110%',
38
- height: '110%',
39
- }}>
40
- {(() => {
41
- if (props.iconUrl)
42
- return (<react_native_1.Image style={{
43
- width: '120%',
44
- height: '120%',
45
- }} source={{
46
- uri: props.iconUrl,
47
- }}/>);
48
- if (props.iconName || props.iconNameProps?.name)
49
- return (<Icon name={props.iconName || props.iconNameProps?.name} {...props.iconNameProps}/>);
50
- if (props.iconText)
51
- return (<Text_1.Subtitle style={{
52
- color: props.style?.color || theme.colors.accentLight,
53
- }}>{props.iconText?.substring(0, 2)}</Text_1.Subtitle>);
54
- })()}
55
- </Box_1.Center>
56
- </Box_1.Center>;
57
- if (props.onPress)
58
- return (<react_native_1.Pressable onPress={() => {
59
- if (props.onPress)
60
- props.onPress();
61
- }}>
62
- {view}
63
- </react_native_1.Pressable>);
64
- return view;
65
- }
66
- exports.Avatar = Avatar;
67
- function getIcon(input) {
68
- if (input == undefined) {
69
- return undefined;
70
- }
71
- if (typeof input == 'string') {
72
- return (props) => {
73
- return (<Icon {...props} name={props.name || input}/>);
74
- };
75
- }
76
- return input;
77
- }
78
- exports.getIcon = getIcon;
79
- //# sourceMappingURL=Image.js.map
package/dist/Image.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Image.js","sourceRoot":"","sources":["../src/Image.tsx"],"names":[],"mappings":"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"}
package/dist/Input.d.ts DELETED
@@ -1,27 +0,0 @@
1
- import { GestureResponderEvent, TextInputProps } from "react-native";
2
- /**
3
- *
4
- * @param initialText if you use initialText then you dont need to maintain the 2 way binding between value and setValue, just enjoy props.onChangeText events
5
- * @returns
6
- */
7
- export declare function TextInputView(props: TextInputProps & {
8
- initialText?: string;
9
- pattern?: string;
10
- }): import("react").JSX.Element;
11
- /**
12
- * Note: if input is inside a ScrollView in heirarchy anywhere then add keyboardShouldPersistTaps={'handled'}
13
- * to the scrollview else the icon click wont work
14
- * In case, you textinput is getting hidden due to keyboard see https://stackoverflow.com/a/77563800/6865753
15
-
16
- * @param props
17
- * @returns
18
- */
19
- export declare function CompositeTextInputView(props: TextInputProps & {
20
- hint?: string;
21
- alertText?: string;
22
- alertTextColor?: string;
23
- pattern?: string;
24
- initialText?: string;
25
- icon?: 'close' | 'eye' | string | React.Component;
26
- onIconPress?: ((event: GestureResponderEvent) => void) | undefined;
27
- }): import("react").JSX.Element;
package/dist/Input.js DELETED
@@ -1,190 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.CompositeTextInputView = exports.TextInputView = void 0;
4
- const react_1 = require("react");
5
- const react_native_1 = require("react-native");
6
- const ThemeContext_1 = require("./ThemeContext");
7
- const utils_1 = require("./utils");
8
- const Box_1 = require("./Box");
9
- const Text_1 = require("./Text");
10
- const Image_1 = require("./Image");
11
- /**
12
- *
13
- * @param initialText if you use initialText then you dont need to maintain the 2 way binding between value and setValue, just enjoy props.onChangeText events
14
- * @returns
15
- */
16
- function TextInputView(props) {
17
- const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
18
- const [text, setText] = (0, react_1.useState)(props.initialText);
19
- const [focused, setFocused] = (0, react_1.useState)(false);
20
- function onTextChange(newText) {
21
- setText(newText);
22
- props.onChangeText && props.onChangeText(newText);
23
- }
24
- return (<react_native_1.TextInput {...props} onFocus={(e) => {
25
- setFocused(true);
26
- props.onFocus && props.onFocus(e);
27
- }} onBlur={(e) => {
28
- setFocused(false);
29
- props.onBlur && props.onBlur(e);
30
- }} value={props.value || text} onChangeText={(newText) => {
31
- if (props.pattern) {
32
- const re = new RegExp(props.pattern);
33
- if (newText === "" || re.test(newText)) {
34
- onTextChange(newText);
35
- }
36
- }
37
- else {
38
- onTextChange(newText);
39
- }
40
- }} style={[{
41
- color: theme.colors.text,
42
- textAlignVertical: "top",
43
- width: 'auto',
44
- fontSize: theme.dimens.font.md,
45
- fontFamily: theme.fonts.Regular,
46
- padding: theme.dimens.space.md,
47
- paddingStart: theme.dimens.space.md,
48
- paddingBottom: (0, utils_1.isWeb)() ? theme.dimens.space.md : theme.dimens.space.sm / 2,
49
- margin: theme.dimens.space.sm,
50
- borderWidth: focused ? 1.5 : 1.5,
51
- borderRadius: theme.dimens.space.sm,
52
- borderColor: !focused ? theme.colors.caption : theme.colors.accent
53
- }, (0, utils_1.isWeb)() ? {
54
- //@ts-ignore
55
- outline: 'none',
56
- } : {},
57
- props.style]}/>);
58
- }
59
- exports.TextInputView = TextInputView;
60
- /**
61
- * Note: if input is inside a ScrollView in heirarchy anywhere then add keyboardShouldPersistTaps={'handled'}
62
- * to the scrollview else the icon click wont work
63
- * In case, you textinput is getting hidden due to keyboard see https://stackoverflow.com/a/77563800/6865753
64
-
65
- * @param props
66
- * @returns
67
- */
68
- function CompositeTextInputView(props) {
69
- const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
70
- const [text, setText] = (0, react_1.useState)(props.initialText);
71
- const [alerttext, setAlertText] = (0, react_1.useState)(props.alertText);
72
- const [focused, setFocused] = (0, react_1.useState)(false);
73
- function onTextChange(newText) {
74
- setText(newText);
75
- props.onChangeText && props.onChangeText(newText);
76
- }
77
- const fontStyles = (0, utils_1.assignFields)({}, props.style, [
78
- "returnKeyType",
79
- "keyboardType",
80
- "textContentType",
81
- "multiline",
82
- "fontFamily",
83
- "fontSize",
84
- "fontWeight",
85
- "fontVariant",
86
- "color",
87
- "inputMode"
88
- ]);
89
- var hintVisible = false;
90
- if (props.placeholder && props.placeholder.length > 0 && focused) {
91
- hintVisible = true;
92
- }
93
- if (!focused && text && text.length > 0) {
94
- hintVisible = true;
95
- }
96
- if (!props.placeholder) {
97
- hintVisible = false;
98
- }
99
- // (focused || ((text ||
100
- // props.value == undefined ? props.placeholder : props.value || ''
101
- // )?.length || 0) > 0)
102
- // if (!hintVisible && props.placeholder != undefined && props.placeholder?.length > 0 && text != undefined && text?.length > 0) {
103
- // hintVisible = false
104
- // }
105
- const alertVisible = alerttext && alerttext.length;
106
- (0, react_1.useEffect)(() => {
107
- setText(props.value);
108
- }, [props.value]);
109
- (0, react_1.useEffect)(() => {
110
- setAlertText(props.alertText);
111
- }, [props.alertText]);
112
- //@ts-ignore
113
- const IconComponent = typeof props.icon == 'string' ? (<Image_1.Icon color={!focused ? theme.colors.caption : theme.colors.accent} style={{
114
- minWidth: (0, utils_1.isWeb)() ? theme.dimens.icon.lg : theme.dimens.icon.sm,
115
- padding: theme.dimens.space.sm / 2,
116
- }} name={props.icon}/>) : props.icon;
117
- return (<Box_1.HBox style={[{
118
- paddingEnd: theme.dimens.space.md,
119
- justifyContent: 'space-between',
120
- alignItems: 'center',
121
- padding: 0,
122
- paddingStart: theme.dimens.space.sm * 1.5,
123
- margin: theme.dimens.space.sm,
124
- borderWidth: 1.5,
125
- borderRadius: theme.dimens.space.sm,
126
- borderColor: !focused ? theme.colors.caption : theme.colors.accent,
127
- }, (!hintVisible && !alertVisible) ? {
128
- paddingTop: theme.dimens.space.sm,
129
- paddingBottom: theme.dimens.space.sm
130
- } : {}, props.style]}>
131
-
132
-
133
- <Box_1.VBox style={[{
134
- flex: 1,
135
- paddingBottom: alertVisible ? 0 : theme.dimens.space.sm
136
- }, hintVisible ? {} : {
137
- paddingTop: theme.dimens.space.sm
138
- }]}>
139
- {hintVisible && <Text_1.TextView style={{
140
- padding: 0,
141
- margin: 0,
142
- fontSize: theme.dimens.font.sm,
143
- color: !focused ? theme.colors.caption : theme.colors.accent,
144
- }}>{props.placeholder}</Text_1.TextView>}
145
- <react_native_1.TextInput selectionColor={props.selectionColor || theme.colors.accent} secureTextEntry={props.secureTextEntry} placeholderTextColor={theme.colors.caption} placeholder={hintVisible ? '' : theme.i18n?.t(props.placeholder) || props.placeholder} keyboardType={props.keyboardType} returnKeyType={props.returnKeyType || 'default'} onFocus={(e) => {
146
- setFocused(true);
147
- props.onFocus && props.onFocus(e);
148
- }} onBlur={(e) => {
149
- setFocused(false);
150
- props.onBlur && props.onBlur(e);
151
- }} value={props.value || text} onChangeText={(newText) => {
152
- if (props.pattern) {
153
- const re = new RegExp(props.pattern);
154
- if (newText === "" || re.test(newText)) {
155
- onTextChange(newText);
156
- }
157
- }
158
- else {
159
- onTextChange(newText);
160
- }
161
- }} style={[{
162
- color: theme.colors.text,
163
- fontSize: theme.dimens.font.md,
164
- fontFamily: theme.fonts.Regular,
165
- }, (0, utils_1.isWeb)() ? {
166
- //@ts-ignore
167
- outline: 'none',
168
- } : {}, fontStyles]}/>
169
- {alertVisible && <Text_1.TextView style={{
170
- color: props.alertTextColor || theme.colors.critical,
171
- padding: 0,
172
- margin: 0,
173
- paddingBottom: theme.dimens.space.sm,
174
- fontSize: theme.dimens.font.sm,
175
- }}>{alerttext}</Text_1.TextView>}
176
- </Box_1.VBox>
177
- {props.icon != undefined &&
178
- <react_native_1.TouchableOpacity onPress={(e) => {
179
- if (!props.onIconPress && props.icon == 'close') {
180
- onTextChange('');
181
- }
182
- props.onIconPress && props.onIconPress(e);
183
- }}>
184
- {(IconComponent)}
185
- </react_native_1.TouchableOpacity>}
186
-
187
- </Box_1.HBox>);
188
- }
189
- exports.CompositeTextInputView = CompositeTextInputView;
190
- //# sourceMappingURL=Input.js.map
package/dist/Input.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":"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"}
package/dist/Message.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import * as React from "react";
2
- import { ViewProps } from "react-native";
3
- export declare function AlertMessage(props: ViewProps & {
4
- text: string;
5
- type?: 'info' | 'success' | 'warning' | 'critical';
6
- onDismiss?: Function;
7
- }): React.JSX.Element | undefined;
package/dist/Message.js DELETED
@@ -1,97 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.AlertMessage = void 0;
30
- const Box_1 = require("./Box");
31
- const React = __importStar(require("react"));
32
- const react_1 = require("react");
33
- const ThemeContext_1 = require("./ThemeContext");
34
- const FontAwesome_1 = __importDefault(require("@expo/vector-icons/FontAwesome"));
35
- const react_native_1 = require("react-native");
36
- const Text_1 = require("./Text");
37
- function AlertMessage(props) {
38
- const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
39
- const type = props.type || 'info';
40
- //@ts-ignore
41
- let icon = {
42
- 'info': 'info-circle',
43
- 'success': 'check-circle',
44
- 'warning': 'info-circle',
45
- 'critical': 'warning'
46
- }[type];
47
- let color = {
48
- 'info': '#2196F3',
49
- 'success': '#4CAF50',
50
- 'warning': '#FFC107',
51
- 'critical': '#F44336'
52
- }[type];
53
- if (!props.text || props.text.length < 1) {
54
- return undefined;
55
- }
56
- return (<Box_1.HBox style={[{
57
- flex: 1,
58
- margin: theme.dimens.space.sm,
59
- backgroundColor: theme.colors[type] || color,
60
- alignItems: 'center',
61
- justifyContent: 'space-between',
62
- flexDirection: 'row',
63
- paddingStart: theme.dimens.space.md,
64
- paddingEnd: theme.dimens.space.md,
65
- paddingBottom: props.text.length > 40 && react_native_1.Platform.OS == 'web' ?
66
- theme.dimens.space.lg : theme.dimens.space.md,
67
- paddingTop: props.text.length > 40 && react_native_1.Platform.OS == 'web' ?
68
- theme.dimens.space.lg : theme.dimens.space.md,
69
- borderRadius: theme.dimens.space.sm,
70
- }, props.style]}>
71
-
72
- <Box_1.HBox style={{
73
- flex: 0.93,
74
- alignItems: 'center',
75
- }}>
76
- <FontAwesome_1.default style={{
77
- marginRight: theme.dimens.space.md
78
- }} name={icon} size={theme.dimens.icon.md} color={theme.colors.invert.text}/>
79
- <Text_1.TextView style={{
80
- flexShrink: 1,
81
- padding: 0,
82
- color: theme.colors.invert.text,
83
- }}>{props.text}
84
- </Text_1.TextView>
85
- </Box_1.HBox>
86
- {props.onDismiss && <react_native_1.Pressable style={{
87
- flexDirection: 'row-reverse',
88
- flex: 0.06,
89
- }} onPress={() => {
90
- props.onDismiss && props.onDismiss();
91
- }}>
92
- <FontAwesome_1.default name={'close'} size={theme.dimens.icon.md} color={theme.colors.invert.text}/>
93
- </react_native_1.Pressable>}
94
- </Box_1.HBox>);
95
- }
96
- exports.AlertMessage = AlertMessage;
97
- //# sourceMappingURL=Message.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Message.js","sourceRoot":"","sources":["../src/Message.tsx"],"names":[],"mappings":"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"}
package/dist/Modal.d.ts DELETED
@@ -1,22 +0,0 @@
1
- import * as React from 'react';
2
- import { StyleProp, TextStyle, ViewProps } from 'react-native';
3
- import { IconProps } from './Image';
4
- export type BottomSheetProps = {
5
- visible: boolean;
6
- title?: string | React.Component;
7
- cancellable?: boolean;
8
- children: any;
9
- onDismiss?: Function;
10
- };
11
- export declare const BottomSheet: (props: BottomSheetProps) => React.JSX.Element;
12
- export declare function Expand(props: ViewProps & {
13
- title?: string;
14
- iconName?: string;
15
- iconPosition?: 'left' | 'right';
16
- titleStyle?: StyleProp<TextStyle>;
17
- titleBackgroundColor?: string;
18
- iconStyle?: IconProps;
19
- initialExpand?: boolean;
20
- duration?: number;
21
- onChange?: (isExpanded: boolean) => void;
22
- }): React.JSX.Element;