@codeleap/mobile 2.2.2 → 2.2.5
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/ActionIcon/styles.d.ts +11 -10
- package/dist/components/ActionIcon/styles.js +5 -1
- package/dist/components/ActionIcon/styles.js.map +1 -1
- package/dist/components/ActivityIndicator/styles.d.ts +10 -10
- package/dist/components/Animated.d.ts +1 -0
- package/dist/components/AutoComplete/index.d.ts +3 -3
- package/dist/components/AutoComplete/index.js +3 -3
- package/dist/components/AutoComplete/index.js.map +1 -1
- package/dist/components/AutoComplete/styles.d.ts +10 -10
- package/dist/components/AutoComplete/styles.js +1 -3
- package/dist/components/AutoComplete/styles.js.map +1 -1
- package/dist/components/Backdrop/styles.d.ts +10 -10
- package/dist/components/Button/index.d.ts +24 -24
- package/dist/components/Button/styles.d.ts +10 -10
- package/dist/components/Checkbox/index.d.ts +1 -1
- package/dist/components/Checkbox/styles.d.ts +10 -10
- package/dist/components/ContentView/styles.d.ts +10 -10
- package/dist/components/Drawer/index.js +1 -1
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Drawer/styles.d.ts +10 -10
- package/dist/components/Drawer/styles.js +6 -2
- package/dist/components/Drawer/styles.js.map +1 -1
- package/dist/components/EmptyPlaceholder/styles.d.ts +9 -9
- package/dist/components/FileInput/styles.d.ts +10 -10
- package/dist/components/Icon/index.js +7 -3
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/Icon/styles.d.ts +11 -10
- package/dist/components/Icon/styles.js +4 -0
- package/dist/components/Icon/styles.js.map +1 -1
- package/dist/components/Image/styles.d.ts +10 -10
- package/dist/components/List/PaginationIndicator.d.ts +10 -10
- package/dist/components/Modal/index.d.ts +2 -0
- package/dist/components/Modal/index.js +8 -2
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Modal/styles.d.ts +10 -10
- package/dist/components/Modal/styles.js +9 -5
- package/dist/components/Modal/styles.js.map +1 -1
- package/dist/components/MultiSelect/styles.d.ts +10 -10
- package/dist/components/Pager/styles.d.ts +10 -10
- package/dist/components/RadioInput/styles.d.ts +10 -10
- package/dist/components/Scroll/index.d.ts +1 -1
- package/dist/components/Scroll/index.js +7 -5
- package/dist/components/Scroll/index.js.map +1 -1
- package/dist/components/Sections/index.d.ts +1 -1
- package/dist/components/SegmentedControl/styles.d.ts +10 -10
- package/dist/components/Select/index.js +12 -14
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.d.ts +10 -10
- package/dist/components/Select/styles.js +1 -4
- package/dist/components/Select/styles.js.map +1 -1
- package/dist/components/Slider/styles.d.ts +10 -10
- package/dist/components/Switch/styles.d.ts +10 -10
- package/dist/components/Text/styles.d.ts +10 -10
- package/dist/components/TextInput/index.d.ts +20 -20
- package/dist/components/TextInput/index.js +18 -10
- package/dist/components/TextInput/index.js.map +1 -1
- package/dist/components/TextInput/styles.d.ts +10 -10
- package/dist/components/Touchable/index.d.ts +1 -0
- package/dist/components/Touchable/index.js +21 -35
- package/dist/components/Touchable/index.js.map +1 -1
- package/dist/components/Touchable/styles.d.ts +10 -10
- package/dist/components/View/index.d.ts +3 -0
- package/dist/components/View/index.js +5 -2
- package/dist/components/View/index.js.map +1 -1
- package/dist/components/View/styles.d.ts +10 -10
- package/dist/components/defaultStyles.d.ts +251 -249
- package/dist/components/legacy/Modal/styles.d.ts +10 -10
- package/dist/components/legacy/Pager/styles.d.ts +10 -10
- package/dist/types/utility.d.ts +6 -0
- package/dist/utils/KeyboardAware/context.d.ts +13 -0
- package/dist/utils/KeyboardAware/context.js +65 -0
- package/dist/utils/KeyboardAware/context.js.map +1 -0
- package/dist/utils/KeyboardAware/index.d.ts +1 -0
- package/dist/utils/KeyboardAware/index.js +1 -0
- package/dist/utils/KeyboardAware/index.js.map +1 -1
- package/dist/utils/KeyboardAware/keyboardHooks.d.ts +9 -13
- package/dist/utils/KeyboardAware/keyboardHooks.js +17 -40
- package/dist/utils/KeyboardAware/keyboardHooks.js.map +1 -1
- package/dist/utils/ModalManager/context.js +8 -5
- package/dist/utils/ModalManager/context.js.map +1 -1
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.js +1 -0
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/theme.d.ts +36 -0
- package/dist/utils/theme.js +48 -0
- package/dist/utils/theme.js.map +1 -0
- package/package.json +1 -1
- package/src/components/ActionIcon/styles.ts +5 -0
- package/src/components/AutoComplete/index.tsx +10 -5
- package/src/components/AutoComplete/styles.ts +2 -6
- package/src/components/Drawer/index.tsx +1 -2
- package/src/components/Drawer/styles.ts +7 -2
- package/src/components/Icon/index.tsx +14 -8
- package/src/components/Icon/styles.ts +5 -0
- package/src/components/Modal/index.tsx +14 -1
- package/src/components/Modal/styles.ts +13 -6
- package/src/components/Scroll/index.tsx +7 -2
- package/src/components/Select/index.tsx +25 -12
- package/src/components/Select/styles.ts +6 -5
- package/src/components/TextInput/index.tsx +30 -10
- package/src/components/Touchable/index.tsx +22 -39
- package/src/components/View/index.tsx +16 -2
- package/src/types/utility.ts +6 -0
- package/src/utils/KeyboardAware/context.tsx +73 -0
- package/src/utils/KeyboardAware/index.ts +1 -0
- package/src/utils/KeyboardAware/keyboardHooks.ts +30 -61
- package/src/utils/ModalManager/context.tsx +21 -18
- package/src/utils/index.ts +1 -0
- package/src/utils/theme.ts +50 -0
|
@@ -61,11 +61,12 @@ var InputLabel_1 = require("../InputLabel");
|
|
|
61
61
|
__exportStar(require("./styles"), exports);
|
|
62
62
|
var ActionIcon_1 = require("../ActionIcon");
|
|
63
63
|
exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
64
|
-
var _a, _b;
|
|
65
|
-
var onChange = rawprops.onChange, value = rawprops.value, onChangeText = rawprops.onChangeText, disabled = rawprops.disabled, edited = rawprops.edited, onFocus = rawprops.onFocus, onBlur = rawprops.onBlur, variants = rawprops.variants, label = rawprops.label, wrapperProps = rawprops.wrapperProps, leftIcon = rawprops.leftIcon, rightIcon = rawprops.rightIcon, styles = rawprops.styles, validate = rawprops.validate, password = rawprops.password, visibilityToggle = rawprops.visibilityToggle, innerWrapperProps = rawprops.innerWrapperProps,
|
|
64
|
+
var _a, _b, _c;
|
|
65
|
+
var onChange = rawprops.onChange, value = rawprops.value, onChangeText = rawprops.onChangeText, disabled = rawprops.disabled, edited = rawprops.edited, onFocus = rawprops.onFocus, onBlur = rawprops.onBlur, variants = rawprops.variants, label = rawprops.label, wrapperProps = rawprops.wrapperProps, leftIcon = rawprops.leftIcon, rightIcon = rawprops.rightIcon, styles = rawprops.styles, validate = rawprops.validate, password = rawprops.password, visibilityToggle = rawprops.visibilityToggle, innerWrapperProps = rawprops.innerWrapperProps, masking = rawprops.masking, _d = rawprops.subtitle, subtitle = _d === void 0 ? '' : _d, onChangeMask = rawprops.onChangeMask, debugName = rawprops.debugName, _e = rawprops.required, required = _e === void 0 ? false : _e, props = __rest(rawprops, ["onChange", "value", "onChangeText", "disabled", "edited", "onFocus", "onBlur", "variants", "label", "wrapperProps", "leftIcon", "rightIcon", "styles", "validate", "password", "visibilityToggle", "innerWrapperProps", "masking", "subtitle", "onChangeMask", "debugName", "required"]);
|
|
66
66
|
var _f = (0, react_1.useState)(false), isFocused = _f[0], setFocus = _f[1];
|
|
67
67
|
var _g = (0, react_1.useState)(edited), editedState = _g[0], setEdited = _g[1];
|
|
68
68
|
var input = (0, react_1.useRef)(null);
|
|
69
|
+
var maskInputRef = (0, react_1.useRef)(null);
|
|
69
70
|
var _h = (0, common_1.useBooleanToggle)(false), textIsVisible = _h[0], setTextVisible = _h[1];
|
|
70
71
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:TextInput', {
|
|
71
72
|
variants: variants,
|
|
@@ -89,7 +90,7 @@ exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
|
89
90
|
};
|
|
90
91
|
var handleMaskChange = function (masked, unmasked) {
|
|
91
92
|
if (onChangeText)
|
|
92
|
-
onChangeText((
|
|
93
|
+
onChangeText((masking === null || masking === void 0 ? void 0 : masking.saveFormatted) ? masked : masked);
|
|
93
94
|
if (onChangeMask)
|
|
94
95
|
onChangeMask(masked, unmasked);
|
|
95
96
|
};
|
|
@@ -100,10 +101,12 @@ exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
|
100
101
|
if (onChangeText)
|
|
101
102
|
onChangeText(text);
|
|
102
103
|
};
|
|
103
|
-
(0, react_1.useImperativeHandle)(inputRef, function () {
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
104
|
+
(0, react_1.useImperativeHandle)(inputRef, function () {
|
|
105
|
+
return __assign(__assign({}, input.current), { focus: function () {
|
|
106
|
+
var _a, _b;
|
|
107
|
+
(_b = (_a = input.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
108
|
+
}, isTextInput: true });
|
|
109
|
+
}, [!!masking, !!((_a = input === null || input === void 0 ? void 0 : input.current) === null || _a === void 0 ? void 0 : _a.focus)]);
|
|
107
110
|
var _j = (0, common_1.useValidate)(value, validate), showError = _j.showError, error = _j.error;
|
|
108
111
|
var commonIconStyles = (0, common_1.getNestedStylesByKey)('icon', variantStyles);
|
|
109
112
|
var leftIconStyles = (0, common_1.getNestedStylesByKey)('leftIcon', variantStyles);
|
|
@@ -149,9 +152,14 @@ exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
|
149
152
|
<View_1.View style={getStyles('innerWrapper')} {...innerWrapperProps}>
|
|
150
153
|
<exports.InputIcon isFocused={isFocused} showError={showError} styles={leftIconStyles} commonStyles={commonIconStyles} debugName={"".concat(debugName, " left icon")} onPress={function () { }} noFeedback={!(leftIcon === null || leftIcon === void 0 ? void 0 : leftIcon.onPress)} {...leftIcon}/>
|
|
151
154
|
{/* @ts-ignore */}
|
|
152
|
-
<InputElement
|
|
153
|
-
|
|
154
|
-
|
|
155
|
+
<InputElement secureTextEntry={password && !textIsVisible} onChange={function (e) { return masking ? onChange === null || onChange === void 0 ? void 0 : onChange(e) : handleChange(e); }} value={value} editable={disabled} onFocus={handleFocus} onBlur={handleBlur} placeholderTextColor={(_b = react_native_1.StyleSheet.flatten(getStyles('placeholder'))) === null || _b === void 0 ? void 0 : _b.color} selectionColor={(_c = react_native_1.StyleSheet.flatten(getStyles('selection'))) === null || _c === void 0 ? void 0 : _c.color} includeRawValueInChangeText={true} {...props} {...masking} {...(!!masking ? __assign({ onChangeText: handleMaskChange, ref: maskInputRef, refInput: function (inputRef) {
|
|
156
|
+
// console.log(inputRef)
|
|
157
|
+
if (!!inputRef) {
|
|
158
|
+
input.current = inputRef;
|
|
159
|
+
}
|
|
160
|
+
} }, masking) : {
|
|
161
|
+
ref: input,
|
|
162
|
+
})} style={getStyles('textField')}/>
|
|
155
163
|
<exports.InputIcon isFocused={isFocused} showError={showError} styles={rightIconStyles} commonStyles={commonIconStyles} debugName={"".concat(debugName, " right icon")} onPress={function () { }} noFeedback={!(rightIcon === null || rightIcon === void 0 ? void 0 : rightIcon.onPress)} {...rightIcon} {...visibilityToggleProps}/>
|
|
156
164
|
|
|
157
165
|
</View_1.View>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAWyB;AACzB,+BAAmG;AACnG,gCAAyC;AACzC,gCAAyC;AAEzC,6CAAuH;AACvH,0CAAwD;AACxD,6DAAiF;AACjF,4CAA0C;AAE1C,2CAAwB;AAOxB,4CAA4E;AAsC/D,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAkC,UAAC,QAAQ,EAAE,QAAQ;;IAEpF,IAAA,QAAQ,GAuBN,QAAQ,SAvBF,EACR,KAAK,GAsBH,QAAQ,MAtBL,EACL,YAAY,GAqBV,QAAQ,aArBE,EACZ,QAAQ,GAoBN,QAAQ,SApBF,EACR,MAAM,GAmBJ,QAAQ,OAnBJ,EACN,OAAO,GAkBL,QAAQ,QAlBH,EACP,MAAM,GAiBJ,QAAQ,OAjBJ,EACN,QAAQ,GAgBN,QAAQ,SAhBF,EACR,KAAK,GAeH,QAAQ,MAfL,EACL,YAAY,GAcV,QAAQ,aAdE,EACZ,QAAQ,GAaN,QAAQ,SAbF,EACR,SAAS,GAYP,QAAQ,UAZD,EACT,MAAM,GAWJ,QAAQ,OAXJ,EACN,QAAQ,GAUN,QAAQ,SAVF,EACR,QAAQ,GASN,QAAQ,SATF,EACR,gBAAgB,GAQd,QAAQ,iBARM,EAChB,iBAAiB,GAOf,QAAQ,kBAPO,EACjB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,15 +10,20 @@ export declare const TextInputStyles: {
|
|
|
10
10
|
line: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
11
11
|
box: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
12
12
|
pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
14
|
+
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
15
|
+
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
16
|
+
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
15
17
|
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
16
|
-
|
|
18
|
+
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
19
|
+
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
20
|
+
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
17
21
|
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
18
22
|
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
19
|
-
|
|
23
|
+
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
24
|
+
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
25
|
+
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
20
26
|
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
21
|
-
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
22
27
|
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
23
28
|
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
24
29
|
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
@@ -28,10 +33,7 @@ export declare const TextInputStyles: {
|
|
|
28
33
|
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
29
34
|
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
30
35
|
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
31
|
-
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
32
36
|
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
33
|
-
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
34
|
-
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
35
37
|
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
36
38
|
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
37
39
|
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
@@ -48,13 +50,11 @@ export declare const TextInputStyles: {
|
|
|
48
50
|
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
49
51
|
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
50
52
|
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
51
|
-
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
52
53
|
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
53
54
|
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
54
55
|
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
55
56
|
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
56
57
|
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
57
|
-
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
58
58
|
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
59
59
|
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
60
60
|
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
@@ -13,6 +13,7 @@ export declare type TouchableProps = Omit<ComponentPropsWithoutRef<typeof Pressa
|
|
|
13
13
|
debugComponent?: string;
|
|
14
14
|
onPress?: AnyFunction;
|
|
15
15
|
noFeedback?: boolean;
|
|
16
|
+
debounce?: number;
|
|
16
17
|
styles?: StylesOf<TouchableComposition>;
|
|
17
18
|
} & BaseViewProps;
|
|
18
19
|
export * from './styles';
|
|
@@ -46,36 +46,9 @@ var react_native_animatable_1 = require("react-native-animatable");
|
|
|
46
46
|
var View_1 = require("../View");
|
|
47
47
|
var utils_1 = require("../../utils");
|
|
48
48
|
__exportStar(require("./styles"), exports);
|
|
49
|
-
var defaultWrapperStyles = {
|
|
50
|
-
paddingTop: 0,
|
|
51
|
-
paddingLeft: 0,
|
|
52
|
-
paddingRight: 0,
|
|
53
|
-
paddingBottom: 0,
|
|
54
|
-
overflow: 'hidden',
|
|
55
|
-
alignItems: 'stretch',
|
|
56
|
-
};
|
|
57
|
-
var defaultPressableStyles = {
|
|
58
|
-
marginTop: 0,
|
|
59
|
-
marginLeft: 0,
|
|
60
|
-
marginRight: 0,
|
|
61
|
-
marginBottom: 0,
|
|
62
|
-
};
|
|
63
|
-
var ripplePressableStyles = {
|
|
64
|
-
// position: 'absolute',
|
|
65
|
-
// top: 0,
|
|
66
|
-
// left: 0,
|
|
67
|
-
// right: 0,
|
|
68
|
-
// bottom: 0,
|
|
69
|
-
// width: '100%',
|
|
70
|
-
// minWidth: '100%',
|
|
71
|
-
// maxWidth: '100%',
|
|
72
|
-
// height: '100%',
|
|
73
|
-
// minHeight: '100%',
|
|
74
|
-
// maxHeight: '100%',
|
|
75
|
-
// flex: 1,
|
|
76
|
-
};
|
|
77
49
|
exports.Touchable = (0, react_1.forwardRef)(function (touchableProps, ref) {
|
|
78
|
-
var _a = touchableProps.variants, variants = _a === void 0 ? [] : _a, children = touchableProps.children, onPress = touchableProps.onPress, style = touchableProps.style, debugName = touchableProps.debugName, debugComponent = touchableProps.debugComponent, _b = touchableProps.noFeedback, noFeedback =
|
|
50
|
+
var _a = touchableProps.variants, variants = _a === void 0 ? [] : _a, children = touchableProps.children, onPress = touchableProps.onPress, style = touchableProps.style, debugName = touchableProps.debugName, debugComponent = touchableProps.debugComponent, _b = touchableProps.debounce, debounce = _b === void 0 ? null : _b, _c = touchableProps.noFeedback, noFeedback = _c === void 0 ? false : _c, styles = touchableProps.styles, props = __rest(touchableProps, ["variants", "children", "onPress", "style", "debugName", "debugComponent", "debounce", "noFeedback", "styles"]);
|
|
51
|
+
var _d = React.useState(false), pressed = _d[0], setPressed = _d[1];
|
|
79
52
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Touchable', {
|
|
80
53
|
variants: variants,
|
|
81
54
|
transform: react_native_1.StyleSheet.flatten,
|
|
@@ -90,19 +63,32 @@ exports.Touchable = (0, react_1.forwardRef)(function (touchableProps, ref) {
|
|
|
90
63
|
}, 'User Interaction');
|
|
91
64
|
return;
|
|
92
65
|
}
|
|
93
|
-
|
|
94
|
-
|
|
66
|
+
var _onPress = function () {
|
|
67
|
+
logger.log("<".concat(debugComponent || 'Touchable', "/> pressed"), debugName || variants, 'User interaction');
|
|
68
|
+
onPress && onPress();
|
|
69
|
+
};
|
|
70
|
+
if (common_1.TypeGuards.isNumber(debounce)) {
|
|
71
|
+
if (pressed) {
|
|
72
|
+
return;
|
|
73
|
+
}
|
|
74
|
+
setPressed(true);
|
|
75
|
+
_onPress();
|
|
76
|
+
setTimeout(function () { return setPressed(false); }, debounce);
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
_onPress();
|
|
80
|
+
}
|
|
95
81
|
};
|
|
96
82
|
var _styles = react_native_1.StyleSheet.flatten([variantStyles.wrapper, style]);
|
|
97
83
|
var disableFeedback = !onPress || noFeedback;
|
|
98
|
-
var
|
|
84
|
+
var _e = (0, utils_1.usePressableFeedback)(_styles, {
|
|
99
85
|
hightlightPropertyIn: 'backgroundColor',
|
|
100
86
|
hightlightPropertyOut: 'backgroundColor',
|
|
101
87
|
disabled: disableFeedback,
|
|
102
88
|
feedbackConfig: variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles.feedback,
|
|
103
|
-
}), rippleConfig =
|
|
89
|
+
}), rippleConfig = _e.rippleConfig, getFeedbackStyle = _e.getFeedbackStyle;
|
|
104
90
|
var Wrapper = View_1.View;
|
|
105
|
-
var
|
|
91
|
+
var _f = React.useMemo(function () {
|
|
106
92
|
var wrapperkeys = [
|
|
107
93
|
'margin',
|
|
108
94
|
'alignSelf',
|
|
@@ -150,7 +136,7 @@ exports.Touchable = (0, react_1.forwardRef)(function (touchableProps, ref) {
|
|
|
150
136
|
wrapperStyle: wrapperStyle,
|
|
151
137
|
pressableStyle: pressableStyle,
|
|
152
138
|
};
|
|
153
|
-
}, [JSON.stringify(_styles)]), wrapperStyle =
|
|
139
|
+
}, [JSON.stringify(_styles)]), wrapperStyle = _f.wrapperStyle, pressableStyle = _f.pressableStyle;
|
|
154
140
|
return (<Wrapper style={[wrapperStyle]}>
|
|
155
141
|
<react_native_1.Pressable onPress={press} style={function (_a) {
|
|
156
142
|
var pressed = _a.pressed;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Touchable/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Touchable/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,2CAQyB;AACzB,6CAAoE;AAEpE,mEAAmE;AAGnE,gCAA8B;AAC9B,qCAAkD;AAgBlD,2CAAwB;AAEX,QAAA,SAAS,GAA6B,IAAA,kBAAU,EAG3D,UAAC,cAAc,EAAE,GAAG;IAElB,IAAA,KAUE,cAAc,SAVH,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,QAAQ,GASN,cAAc,SATR,EACR,OAAO,GAQL,cAAc,QART,EACP,KAAK,GAOH,cAAc,MAPX,EACL,SAAS,GAMP,cAAc,UANP,EACT,cAAc,GAKZ,cAAc,eALF,EACd,KAIE,cAAc,SAJD,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,KAGE,cAAc,WAHE,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,MAAM,GAEJ,cAAc,OAFV,EACH,KAAK,UACN,cAAc,EAXZ,+GAWL,CADS,CACQ;IACZ,IAAA,KAAwB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA5C,OAAO,QAAA,EAAE,UAAU,QAAyB,CAAA;IACnD,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAwC,aAAa,EAAE;QACnG,QAAQ,UAAA;QACR,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,WAAW,EAAE,SAAS;QACtB,MAAM,QAAA;KACP,CAAC,CAAA;IAEM,IAAA,MAAM,GAAK,IAAA,2BAAkB,GAAE,OAAzB,CAAyB;IAEvC,IAAM,KAAK,GAAG;QACZ,IAAI,CAAC,OAAO,EAAE;YACZ,MAAM,CAAC,IAAI,CAAC,gCAAgC,EAAE;gBAC5C,cAAc,gBAAA;aACf,EAAE,kBAAkB,CAAC,CAAA;YACtB,OAAM;SACP;QACD,IAAM,QAAQ,GAAG;YACf,MAAM,CAAC,GAAG,CACR,WAAI,cAAc,IAAI,WAAW,gBAAa,EAC9C,SAAS,IAAI,QAAQ,EACrB,kBAAkB,CACnB,CAAA;YACD,OAAO,IAAI,OAAO,EAAE,CAAA;QACtB,CAAC,CAAA;QACD,IAAI,mBAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;YACjC,IAAI,OAAO,EAAE;gBACX,OAAM;aACP;YACD,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,QAAQ,EAAE,CAAA;YACV,UAAU,CAAC,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAAE,QAAQ,CAAC,CAAA;SAC9C;aAAM;YACL,QAAQ,EAAE,CAAA;SACX;IAEH,CAAC,CAAA;IAED,IAAM,OAAO,GAAG,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAElE,IAAM,eAAe,GAAG,CAAC,OAAO,IAAI,UAAU,CAAA;IAExC,IAAA,KAAqC,IAAA,4BAAoB,EAAC,OAAO,EAAE;QACvE,oBAAoB,EAAE,iBAAiB;QACvC,qBAAqB,EAAE,iBAAiB;QACxC,QAAQ,EAAE,eAAe;QACzB,cAAc,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ;KACxC,CAAC,EALM,YAAY,kBAAA,EAAE,gBAAgB,sBAKpC,CAAA;IAEF,IAAM,OAAO,GAAG,WAAI,CAAA;IAEd,IAAA,KAAmC,KAAK,CAAC,OAAO,CAAC;QACrD,IAAM,WAAW,GAAG;YAClB,QAAQ;YACR,WAAW;YACX,QAAQ;YACR,MAAM;YACN,OAAO;YACP,QAAQ;YACR,SAAS;YACT,WAAW;YACX,WAAW;SACZ,CAAA;QACD,IAAM,UAAU,GAAG;YACjB,QAAQ;YACR,SAAS;YACT,OAAO;YACP,kBAAkB;SAEnB,CAAA;QAED,IAAM,YAAY,GAAG,EAAS,CAAA;QAC9B,IAAM,cAAc,GAAG,EAAS,CAAA;QAChC,IAAM,KAAK,GAAG,UAAC,CAAC,EAAE,GAAG;YACnB,IAAI,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACnB,OAAO,GAAG,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;aAC5C;iBAAM;gBAEL,OAAO,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;aACzB;QACH,CAAC,CAAA;QACD,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,UAAC,EAAY;gBAAX,GAAG,QAAA,EAAE,KAAK,QAAA;YAE1C,IAAI,WAAW,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,EAAb,CAAa,CAAC,EAAE;gBACxC,YAAY,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;aAC1B;iBAAM,IAAI,UAAU,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,EAAb,CAAa,CAAC,EAAE;gBAC9C,YAAY,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;gBAEzB,cAAc,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;aAC5B;iBAAM;gBACL,cAAc,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;aAC5B;QACH,CAAC,CAAC,CAAA;QAEF,YAAY,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAChC,qCAAqC;QACrC,sCAAsC;QAEtC,OAAO;YACL,YAAY,cAAA;YACZ,cAAc,gBAAA;SACf,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAnDrB,YAAY,kBAAA,EAAE,cAAc,oBAmDP,CAAA;IAE7B,OAAO,CACL,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAC7B;MAAA,CAAC,wBAAS,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,UAAC,EAAW;gBAAT,OAAO,aAAA;YAAO,OAAA,CAAC;gBAElD,0BAA0B;gBAC1B,cAAc;gBACd,2CAA2C;gBAC3C,gBAAgB,CAAC,OAAO,CAAC;gBACzB,aAAa,CAAC,SAAS;aACxB,CAAC;QAPiD,CAOjD,CAAC,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CACpD;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,wBAAS,CACb;IAAA,EAAE,OAAO,CAAC,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEW,QAAA,iBAAiB,GAAG,IAAA,mDAAyB,EAAC,iBAAS,CAAgC,CAAA"}
|
|
@@ -6,15 +6,20 @@ export declare type TouchableStylesGen<TCSS = any> = StylesOf<Exclude<TouchableC
|
|
|
6
6
|
};
|
|
7
7
|
export declare const TouchableStyles: {
|
|
8
8
|
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
10
|
+
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
11
|
+
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
12
|
+
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
11
13
|
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
12
|
-
|
|
14
|
+
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
15
|
+
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
16
|
+
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
13
17
|
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
14
18
|
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
15
|
-
|
|
19
|
+
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
20
|
+
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
21
|
+
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
16
22
|
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
17
|
-
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
18
23
|
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
19
24
|
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
20
25
|
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
@@ -24,10 +29,7 @@ export declare const TouchableStyles: {
|
|
|
24
29
|
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
25
30
|
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
26
31
|
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
27
|
-
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
28
32
|
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
29
|
-
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
30
|
-
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
31
33
|
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
32
34
|
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
33
35
|
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
@@ -44,13 +46,11 @@ export declare const TouchableStyles: {
|
|
|
44
46
|
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
45
47
|
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
46
48
|
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
47
|
-
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
48
49
|
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
49
50
|
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
50
51
|
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
51
52
|
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
52
53
|
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
53
|
-
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
54
54
|
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
55
55
|
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
56
56
|
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => TouchableStylesGen<any>;
|
|
@@ -3,11 +3,13 @@ import { ComponentPropsWithoutRef } from 'react';
|
|
|
3
3
|
import { ComponentVariants, ViewStyles, BaseViewProps } from '@codeleap/common';
|
|
4
4
|
import { View as NativeView } from 'react-native';
|
|
5
5
|
import { MotiProps } from 'moti';
|
|
6
|
+
import { GetKeyboardAwarePropsOptions } from '../../utils';
|
|
6
7
|
export * from './styles';
|
|
7
8
|
export declare type ViewProps = ComponentPropsWithoutRef<typeof NativeView> & ComponentVariants<typeof ViewStyles> & {
|
|
8
9
|
ref?: any;
|
|
9
10
|
component?: any;
|
|
10
11
|
animated?: boolean;
|
|
12
|
+
keyboardAware?: GetKeyboardAwarePropsOptions;
|
|
11
13
|
} & BaseViewProps;
|
|
12
14
|
export declare const View: React.FC<ViewProps & Partial<MotiProps>>;
|
|
13
15
|
export declare const AnimatedView: React.ForwardRefExoticComponent<{
|
|
@@ -121,6 +123,7 @@ export declare const AnimatedView: React.ForwardRefExoticComponent<{
|
|
|
121
123
|
ref?: any;
|
|
122
124
|
component?: any;
|
|
123
125
|
animated?: boolean;
|
|
126
|
+
keyboardAware?: GetKeyboardAwarePropsOptions;
|
|
124
127
|
} & BaseViewProps>;
|
|
125
128
|
declare type GapProps = ViewProps & {
|
|
126
129
|
value: number;
|
|
@@ -55,15 +55,18 @@ var react_1 = require("react");
|
|
|
55
55
|
var common_1 = require("@codeleap/common");
|
|
56
56
|
var react_native_1 = require("react-native");
|
|
57
57
|
var moti_1 = require("moti");
|
|
58
|
+
var utils_1 = require("../../utils");
|
|
58
59
|
__exportStar(require("./styles"), exports);
|
|
59
60
|
exports.View = (0, react_1.forwardRef)(function (viewProps, ref) {
|
|
60
|
-
var _a = viewProps.responsiveVariants, responsiveVariants = _a === void 0 ? {} : _a, _b = viewProps.variants, variants = _b === void 0 ? [] : _b, children = viewProps.children, style = viewProps.style, component = viewProps.component, _c = viewProps.animated, animated = _c === void 0 ? false : _c, props = __rest(viewProps, ["responsiveVariants", "variants", "children", "style", "component", "animated"]);
|
|
61
|
+
var _a = viewProps.responsiveVariants, responsiveVariants = _a === void 0 ? {} : _a, _b = viewProps.variants, variants = _b === void 0 ? [] : _b, children = viewProps.children, style = viewProps.style, keyboardAware = viewProps.keyboardAware, component = viewProps.component, _c = viewProps.animated, animated = _c === void 0 ? false : _c, props = __rest(viewProps, ["responsiveVariants", "variants", "children", "style", "keyboardAware", "component", "animated"]);
|
|
61
62
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('View', {
|
|
62
63
|
responsiveVariants: responsiveVariants,
|
|
63
64
|
variants: variants,
|
|
64
65
|
});
|
|
65
66
|
var Component = animated ? moti_1.MotiView : (component || react_native_1.View);
|
|
66
|
-
|
|
67
|
+
var keyboard = (0, utils_1.useKeyboardAwareView)();
|
|
68
|
+
var _props = keyboard.getKeyboardAwareProps(__assign({ style: [variantStyles.wrapper, style], ref: ref }, props), __assign({ adapt: 'paddingBottom', baseStyleProp: 'style', enabled: false }, keyboardAware));
|
|
69
|
+
return (<Component {..._props}>
|
|
67
70
|
{children}
|
|
68
71
|
</Component>);
|
|
69
72
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/View/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,kEAAqD;AACrD,+BAA4D;AAC5D,2CAMyB;AACzB,6CAAiD;AACjD,6BAA0C;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/View/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,15 +2,20 @@ export declare type ViewComposition = 'wrapper';
|
|
|
2
2
|
export declare const ViewStyles: {
|
|
3
3
|
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
4
4
|
separator: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
6
|
+
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
7
|
+
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
8
|
+
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
7
9
|
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
8
|
-
|
|
10
|
+
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
11
|
+
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
12
|
+
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
9
13
|
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
10
14
|
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
11
|
-
|
|
15
|
+
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
16
|
+
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
17
|
+
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
12
18
|
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
13
|
-
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
14
19
|
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
15
20
|
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
16
21
|
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
@@ -20,10 +25,7 @@ export declare const ViewStyles: {
|
|
|
20
25
|
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
21
26
|
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
22
27
|
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
23
|
-
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
24
28
|
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
25
|
-
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
26
|
-
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
27
29
|
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
28
30
|
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
29
31
|
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
@@ -40,13 +42,11 @@ export declare const ViewStyles: {
|
|
|
40
42
|
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
41
43
|
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
42
44
|
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
43
|
-
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
44
45
|
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
45
46
|
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
46
47
|
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
47
48
|
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
48
49
|
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
49
|
-
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
50
50
|
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
51
51
|
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
52
52
|
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|