@codeleap/mobile 1.9.10 → 1.9.13
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/CodeLeap-Mobile-Packages.code-workspace +7 -7
- package/dist/components/ActivityIndicator.d.ts +13 -13
- package/dist/components/ActivityIndicator.js +54 -54
- package/dist/components/ActivityIndicator.js.map +0 -0
- package/dist/components/Animated.d.ts +15 -15
- package/dist/components/Animated.js +58 -58
- package/dist/components/Animated.js.map +0 -0
- package/dist/components/Button.d.ts +125 -125
- package/dist/components/Button.js +82 -82
- package/dist/components/Button.js.map +0 -0
- package/dist/components/Checkbox/index.d.ts +15 -15
- package/dist/components/Checkbox/index.js +77 -77
- package/dist/components/Checkbox/index.js.map +0 -0
- package/dist/components/Checkbox/styles.d.ts +55 -55
- package/dist/components/Checkbox/styles.js +48 -48
- package/dist/components/Checkbox/styles.js.map +0 -0
- package/dist/components/ContentView.d.ts +10 -10
- package/dist/components/ContentView.js +50 -50
- package/dist/components/ContentView.js.map +0 -0
- package/dist/components/FileInput.d.ts +30 -27
- package/dist/components/FileInput.js +204 -178
- package/dist/components/FileInput.js.map +1 -1
- package/dist/components/Icon.d.ts +12 -12
- package/dist/components/Icon.js +70 -70
- package/dist/components/Icon.js.map +0 -0
- package/dist/components/Image.d.ts +18 -18
- package/dist/components/Image.js +59 -59
- package/dist/components/Image.js.map +0 -0
- package/dist/components/List.d.ts +14 -14
- package/dist/components/List.js +83 -83
- package/dist/components/List.js.map +0 -0
- package/dist/components/Modal/index.d.ts +26 -26
- package/dist/components/Modal/index.js +112 -112
- package/dist/components/Modal/index.js.map +0 -0
- package/dist/components/Modal/styles.d.ts +69 -69
- package/dist/components/Modal/styles.js +64 -64
- package/dist/components/Modal/styles.js.map +0 -0
- package/dist/components/Navigation/Navigation.d.ts +3 -3
- package/dist/components/Navigation/Navigation.js +87 -87
- package/dist/components/Navigation/Navigation.js.map +0 -0
- package/dist/components/Navigation/constants.d.ts +5 -5
- package/dist/components/Navigation/constants.js +10 -10
- package/dist/components/Navigation/constants.js.map +0 -0
- package/dist/components/Navigation/index.d.ts +3 -3
- package/dist/components/Navigation/index.js +19 -19
- package/dist/components/Navigation/index.js.map +0 -0
- package/dist/components/Navigation/types.d.ts +26 -26
- package/dist/components/Navigation/types.js +7 -7
- package/dist/components/Navigation/types.js.map +0 -0
- package/dist/components/Navigation/utils.d.ts +3 -3
- package/dist/components/Navigation/utils.js +69 -69
- package/dist/components/Navigation/utils.js.map +0 -0
- package/dist/components/Overlay.d.ts +16 -16
- package/dist/components/Overlay.js +69 -69
- package/dist/components/Overlay.js.map +0 -0
- package/dist/components/Pager/index.d.ts +20 -20
- package/dist/components/Pager/index.js +167 -167
- package/dist/components/Pager/index.js.map +0 -0
- package/dist/components/Pager/styles.d.ts +54 -54
- package/dist/components/Pager/styles.js +43 -43
- package/dist/components/Pager/styles.js.map +0 -0
- package/dist/components/RadioInput/index.d.ts +26 -26
- package/dist/components/RadioInput/index.js +72 -72
- package/dist/components/RadioInput/index.js.map +0 -0
- package/dist/components/RadioInput/styles.d.ts +57 -57
- package/dist/components/RadioInput/styles.js +44 -44
- package/dist/components/RadioInput/styles.js.map +0 -0
- package/dist/components/Scroll.d.ts +13 -13
- package/dist/components/Scroll.js +81 -81
- package/dist/components/Scroll.js.map +0 -0
- package/dist/components/Sections.d.ts +11 -11
- package/dist/components/Sections.js +80 -80
- package/dist/components/Sections.js.map +0 -0
- package/dist/components/Select/index.d.ts +5 -5
- package/dist/components/Select/index.js +150 -150
- package/dist/components/Select/index.js.map +0 -0
- package/dist/components/Select/styles.d.ts +9 -9
- package/dist/components/Select/styles.js +56 -56
- package/dist/components/Select/styles.js.map +0 -0
- package/dist/components/Select/types.d.ts +40 -40
- package/dist/components/Select/types.js +2 -2
- package/dist/components/Select/types.js.map +0 -0
- package/dist/components/Slider/Mark.d.ts +3 -3
- package/dist/components/Slider/Mark.js +31 -31
- package/dist/components/Slider/Mark.js.map +0 -0
- package/dist/components/Slider/Thumb.d.ts +7 -7
- package/dist/components/Slider/Thumb.js +29 -29
- package/dist/components/Slider/Thumb.js.map +0 -0
- package/dist/components/Slider/index.d.ts +3 -3
- package/dist/components/Slider/index.js +97 -97
- package/dist/components/Slider/index.js.map +0 -0
- package/dist/components/Slider/types.d.ts +25 -25
- package/dist/components/Slider/types.js +2 -2
- package/dist/components/Slider/types.js.map +0 -0
- package/dist/components/Switch.d.ts +13 -13
- package/dist/components/Switch.js +75 -75
- package/dist/components/Switch.js.map +0 -0
- package/dist/components/Text.d.ts +12 -12
- package/dist/components/Text.js +52 -52
- package/dist/components/Text.js.map +0 -0
- package/dist/components/TextInput.d.ts +54 -183
- package/dist/components/TextInput.js +179 -178
- package/dist/components/TextInput.js.map +1 -1
- package/dist/components/Touchable.d.ts +14 -14
- package/dist/components/Touchable.js +61 -61
- package/dist/components/Touchable.js.map +0 -0
- package/dist/components/View.d.ts +120 -120
- package/dist/components/View.js +54 -54
- package/dist/components/View.js.map +0 -0
- package/dist/components/components.d.ts +25 -25
- package/dist/components/components.js +41 -41
- package/dist/components/components.js.map +0 -0
- package/dist/index.d.ts +5 -5
- package/dist/index.js +28 -28
- package/dist/index.js.map +0 -0
- package/dist/modules/documentPicker.d.ts +3 -3
- package/dist/modules/documentPicker.js +11 -11
- package/dist/modules/documentPicker.js.map +0 -0
- package/dist/modules/fastImage.d.ts +1 -1
- package/dist/modules/fastImage.js +9 -9
- package/dist/modules/fastImage.js.map +0 -0
- package/dist/modules/reactNavigation.d.ts +3 -3
- package/dist/modules/reactNavigation.js +10 -10
- package/dist/modules/reactNavigation.js.map +0 -0
- package/dist/modules/textInputMask.d.ts +2 -11
- package/dist/modules/textInputMask.js +7 -7
- package/dist/modules/types/fileTypes.d.ts +138 -138
- package/dist/modules/types/fileTypes.js +2 -2
- package/dist/modules/types/fileTypes.js.map +0 -0
- package/dist/modules/types/textInputMask.d.ts +12 -12
- package/dist/modules/types/textInputMask.js +2 -2
- package/dist/types/utility.d.ts +2 -2
- package/dist/types/utility.js +2 -2
- package/dist/types/utility.js.map +0 -0
- package/dist/utils/OSAlert.d.ts +31 -31
- package/dist/utils/OSAlert.js +141 -141
- package/dist/utils/OSAlert.js.map +0 -0
- package/dist/utils/misc.d.ts +2 -2
- package/dist/utils/misc.js +25 -25
- package/dist/utils/misc.js.map +0 -0
- package/dist/utils/styles.d.ts +1 -1
- package/dist/utils/styles.js +12 -12
- package/dist/utils/styles.js.map +0 -0
- package/package.json +40 -40
- package/src/components/ActivityIndicator.tsx +46 -46
- package/src/components/Animated.tsx +34 -34
- package/src/components/Button.tsx +95 -95
- package/src/components/Checkbox/index.tsx +83 -83
- package/src/components/Checkbox/styles.ts +72 -72
- package/src/components/ContentView.tsx +58 -58
- package/src/components/FileInput.tsx +211 -181
- package/src/components/Icon.tsx +58 -58
- package/src/components/Image.tsx +61 -61
- package/src/components/List.tsx +111 -111
- package/src/components/Modal/index.tsx +161 -161
- package/src/components/Modal/styles.ts +133 -133
- package/src/components/Navigation/Navigation.tsx +58 -58
- package/src/components/Navigation/constants.ts +8 -8
- package/src/components/Navigation/index.tsx +3 -3
- package/src/components/Navigation/types.ts +35 -35
- package/src/components/Navigation/utils.tsx +59 -59
- package/src/components/Overlay.tsx +77 -77
- package/src/components/Pager/index.tsx +242 -242
- package/src/components/Pager/styles.ts +51 -51
- package/src/components/RadioInput/index.tsx +101 -101
- package/src/components/RadioInput/styles.ts +67 -67
- package/src/components/Scroll.tsx +106 -106
- package/src/components/Sections.tsx +101 -101
- package/src/components/Select/index.tsx +195 -195
- package/src/components/Select/styles.ts +81 -81
- package/src/components/Select/types.ts +46 -46
- package/src/components/Slider/Mark.tsx +46 -46
- package/src/components/Slider/Thumb.tsx +29 -29
- package/src/components/Slider/index.tsx +123 -123
- package/src/components/Slider/types.ts +25 -25
- package/src/components/Switch.tsx +81 -81
- package/src/components/Text.tsx +30 -30
- package/src/components/TextInput.tsx +245 -247
- package/src/components/Touchable.tsx +64 -64
- package/src/components/View.tsx +46 -46
- package/src/components/components.ts +26 -26
- package/src/index.ts +6 -6
- package/src/modules/documentPicker.ts +7 -7
- package/src/modules/fastImage.ts +2 -2
- package/src/modules/index.d.ts +496 -496
- package/src/modules/reactNavigation.ts +4 -4
- package/src/modules/textInputMask.ts +9 -9
- package/src/modules/types/documentPicker.d.ts +215 -215
- package/src/modules/types/fileTypes.ts +138 -138
- package/src/modules/types/textInputMask.ts +13 -12
- package/src/types/utility.ts +3 -3
- package/src/utils/OSAlert.ts +180 -180
- package/src/utils/misc.ts +24 -24
- package/src/utils/styles.ts +14 -14
|
@@ -1,179 +1,180 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
-
var t = {};
|
|
38
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
-
t[p] = s[p];
|
|
40
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
-
t[p[i]] = s[p[i]];
|
|
44
|
-
}
|
|
45
|
-
return t;
|
|
46
|
-
};
|
|
47
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
-
exports.InputLabel = exports.InputIcon = exports.FormError = exports.TextInput = void 0;
|
|
49
|
-
var React = __importStar(require("react"));
|
|
50
|
-
var common_1 = require("@codeleap/common");
|
|
51
|
-
var react_1 = require("react");
|
|
52
|
-
var Text_1 = require("./Text");
|
|
53
|
-
var View_1 = require("./View");
|
|
54
|
-
var Icon_1 = require("./Icon");
|
|
55
|
-
var react_native_1 = require("react-native");
|
|
56
|
-
var Touchable_1 = require("./Touchable");
|
|
57
|
-
var textInputMask_1 = require("../modules/textInputMask");
|
|
58
|
-
exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
59
|
-
var _a, _b;
|
|
60
|
-
var onChange = rawprops.onChange, type = rawprops.type, value = rawprops.value, onChangeText = rawprops.onChangeText, disabled = rawprops.disabled, edited = rawprops.edited, onFocus = rawprops.onFocus, onBlur = rawprops.onBlur, variants = rawprops.variants, label = rawprops.label, leftIcon = rawprops.leftIcon, rightIcon = rawprops.rightIcon, styles = rawprops.styles, validate = rawprops.validate, password = rawprops.password, visibilityToggle = rawprops.visibilityToggle, touchableWrapper = rawprops.touchableWrapper, innerWrapperProps = rawprops.innerWrapperProps, _c = rawprops.masking, masking = _c === void 0 ? null : _c, onChangeMask = rawprops.onChangeMask, debugName = rawprops.debugName, _d = rawprops.required, required = _d === void 0 ? false : _d, props = __rest(rawprops, ["onChange", "type", "value", "onChangeText", "disabled", "edited", "onFocus", "onBlur", "variants", "label", "leftIcon", "rightIcon", "styles", "validate", "password", "visibilityToggle", "touchableWrapper", "innerWrapperProps", "masking", "onChangeMask", "debugName", "required"]);
|
|
61
|
-
var _e = (0, react_1.useState)(false), isFocused = _e[0], setFocus = _e[1];
|
|
62
|
-
var _f = (0, react_1.useState)(edited), editedState = _f[0], setEdited = _f[1];
|
|
63
|
-
var input = (0, react_1.useRef)(null);
|
|
64
|
-
var _g = (0, common_1.useBooleanToggle)(false), textIsVisible = _g[0], setTextVisible = _g[1];
|
|
65
|
-
var variantStyles = (0, common_1.useDefaultComponentStyle)('TextInput', {
|
|
66
|
-
variants: variants,
|
|
67
|
-
styles: styles,
|
|
68
|
-
});
|
|
69
|
-
var InputElement = masking ? textInputMask_1.MaskedTextInput : react_native_1.TextInput;
|
|
70
|
-
var handleBlur = function (e) {
|
|
71
|
-
if (!editedState && value)
|
|
72
|
-
setEdited(true);
|
|
73
|
-
setFocus(false);
|
|
74
|
-
if (onBlur) {
|
|
75
|
-
onBlur(e);
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
var handleFocus = function (e) {
|
|
79
|
-
setFocus(true);
|
|
80
|
-
if (onFocus) {
|
|
81
|
-
onFocus(e);
|
|
82
|
-
}
|
|
83
|
-
};
|
|
84
|
-
var handleMaskChange = function (masked, unmasked) {
|
|
85
|
-
if (onChangeText)
|
|
86
|
-
onChangeText(typeof masking === 'object' && (masking === null || masking === void 0 ? void 0 : masking.saveFormatted) ? masked : unmasked);
|
|
87
|
-
if (onChangeMask)
|
|
88
|
-
onChangeMask(masked, unmasked);
|
|
89
|
-
};
|
|
90
|
-
var handleChange = function (event) {
|
|
91
|
-
var text = event.nativeEvent.text;
|
|
92
|
-
if (onChange)
|
|
93
|
-
onChange(event);
|
|
94
|
-
if (onChangeText)
|
|
95
|
-
onChangeText(text);
|
|
96
|
-
};
|
|
97
|
-
(0, react_1.useImperativeHandle)(inputRef, function () { return (__assign(__assign({}, input.current), { focus: function () {
|
|
98
|
-
var _a, _b;
|
|
99
|
-
(_b = (_a = input.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
100
|
-
}, isTextInput: true })); });
|
|
101
|
-
var _h = (0, common_1.useValidate)(value, validate), showError = _h.showError, error = _h.error;
|
|
102
|
-
var leftIconStyle = __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles.icon), (isFocused ? variantStyles['icon:focus'] : {})), (showError ? variantStyles['icon:error'] : {})), variantStyles.leftIcon), (isFocused ? variantStyles['leftIcon:focus'] : {})), (showError ? variantStyles['leftIcon:error'] : {}));
|
|
103
|
-
var rightIconStyle = __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles.icon), (isFocused ? variantStyles['icon:focus'] : {})), (showError ? variantStyles['icon:error'] : {})), variantStyles.rightIcon), (isFocused ? variantStyles['rightIcon:focus'] : {})), (showError ? variantStyles['rightIcon:error'] : {}));
|
|
104
|
-
var buttonIconWrapperStyle = __assign(__assign(__assign({}, variantStyles.buttonIconWrapper), (isFocused ? variantStyles['buttonIconWrapper:focus'] : {})), (showError ? variantStyles['buttonIconWrapper:error'] : {}));
|
|
105
|
-
function getStyles(key) {
|
|
106
|
-
var requestedStyles = [
|
|
107
|
-
variantStyles[key],
|
|
108
|
-
isFocused ? variantStyles[key + ':focus'] : {},
|
|
109
|
-
showError ? variantStyles[key + ':error'] : {},
|
|
110
|
-
];
|
|
111
|
-
return requestedStyles;
|
|
112
|
-
}
|
|
113
|
-
function handlePress() {
|
|
114
|
-
var _a, _b;
|
|
115
|
-
if (props.onPress) {
|
|
116
|
-
props.onPress();
|
|
117
|
-
}
|
|
118
|
-
else {
|
|
119
|
-
(_b = (_a = input.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
return (<Touchable_1.Touchable style={getStyles('wrapper')} debugName={debugName} onPress={handlePress} {...innerWrapperProps}>
|
|
123
|
-
<exports.InputLabel label={label} style={getStyles('label')} asteriskStyle={getStyles('requiredAsterisk')} wrapperStyle={getStyles('labelWrapper')} required={required}/>
|
|
124
|
-
<View_1.View style={getStyles('innerWrapper')} {...innerWrapperProps}>
|
|
125
|
-
<exports.InputIcon {...leftIcon} style={leftIconStyle} wrapperStyle={buttonIconWrapperStyle}/>
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
:
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
var
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
}
|
|
178
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
+
var t = {};
|
|
38
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
+
t[p] = s[p];
|
|
40
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
+
t[p[i]] = s[p[i]];
|
|
44
|
+
}
|
|
45
|
+
return t;
|
|
46
|
+
};
|
|
47
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
+
exports.InputLabel = exports.InputIcon = exports.FormError = exports.TextInput = void 0;
|
|
49
|
+
var React = __importStar(require("react"));
|
|
50
|
+
var common_1 = require("@codeleap/common");
|
|
51
|
+
var react_1 = require("react");
|
|
52
|
+
var Text_1 = require("./Text");
|
|
53
|
+
var View_1 = require("./View");
|
|
54
|
+
var Icon_1 = require("./Icon");
|
|
55
|
+
var react_native_1 = require("react-native");
|
|
56
|
+
var Touchable_1 = require("./Touchable");
|
|
57
|
+
var textInputMask_1 = require("../modules/textInputMask");
|
|
58
|
+
exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
59
|
+
var _a, _b;
|
|
60
|
+
var onChange = rawprops.onChange, type = rawprops.type, value = rawprops.value, onChangeText = rawprops.onChangeText, disabled = rawprops.disabled, edited = rawprops.edited, onFocus = rawprops.onFocus, onBlur = rawprops.onBlur, variants = rawprops.variants, label = rawprops.label, leftIcon = rawprops.leftIcon, rightIcon = rawprops.rightIcon, styles = rawprops.styles, validate = rawprops.validate, password = rawprops.password, visibilityToggle = rawprops.visibilityToggle, touchableWrapper = rawprops.touchableWrapper, innerWrapperProps = rawprops.innerWrapperProps, _c = rawprops.masking, masking = _c === void 0 ? null : _c, onChangeMask = rawprops.onChangeMask, debugName = rawprops.debugName, _d = rawprops.required, required = _d === void 0 ? false : _d, props = __rest(rawprops, ["onChange", "type", "value", "onChangeText", "disabled", "edited", "onFocus", "onBlur", "variants", "label", "leftIcon", "rightIcon", "styles", "validate", "password", "visibilityToggle", "touchableWrapper", "innerWrapperProps", "masking", "onChangeMask", "debugName", "required"]);
|
|
61
|
+
var _e = (0, react_1.useState)(false), isFocused = _e[0], setFocus = _e[1];
|
|
62
|
+
var _f = (0, react_1.useState)(edited), editedState = _f[0], setEdited = _f[1];
|
|
63
|
+
var input = (0, react_1.useRef)(null);
|
|
64
|
+
var _g = (0, common_1.useBooleanToggle)(false), textIsVisible = _g[0], setTextVisible = _g[1];
|
|
65
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('TextInput', {
|
|
66
|
+
variants: variants,
|
|
67
|
+
styles: styles,
|
|
68
|
+
});
|
|
69
|
+
var InputElement = masking ? textInputMask_1.MaskedTextInput : react_native_1.TextInput;
|
|
70
|
+
var handleBlur = function (e) {
|
|
71
|
+
if (!editedState && value)
|
|
72
|
+
setEdited(true);
|
|
73
|
+
setFocus(false);
|
|
74
|
+
if (onBlur) {
|
|
75
|
+
onBlur(e);
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
var handleFocus = function (e) {
|
|
79
|
+
setFocus(true);
|
|
80
|
+
if (onFocus) {
|
|
81
|
+
onFocus(e);
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
var handleMaskChange = function (masked, unmasked) {
|
|
85
|
+
if (onChangeText)
|
|
86
|
+
onChangeText((typeof masking === 'object' && (masking === null || masking === void 0 ? void 0 : masking.saveFormatted)) ? masked : unmasked);
|
|
87
|
+
if (onChangeMask)
|
|
88
|
+
onChangeMask(masked, unmasked);
|
|
89
|
+
};
|
|
90
|
+
var handleChange = function (event) {
|
|
91
|
+
var text = event.nativeEvent.text;
|
|
92
|
+
if (onChange)
|
|
93
|
+
onChange(event);
|
|
94
|
+
if (onChangeText)
|
|
95
|
+
onChangeText(text);
|
|
96
|
+
};
|
|
97
|
+
(0, react_1.useImperativeHandle)(inputRef, function () { return (__assign(__assign({}, input.current), { focus: function () {
|
|
98
|
+
var _a, _b;
|
|
99
|
+
(_b = (_a = input.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
100
|
+
}, isTextInput: true })); });
|
|
101
|
+
var _h = (0, common_1.useValidate)(value, validate), showError = _h.showError, error = _h.error;
|
|
102
|
+
var leftIconStyle = __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles.icon), (isFocused ? variantStyles['icon:focus'] : {})), (showError ? variantStyles['icon:error'] : {})), variantStyles.leftIcon), (isFocused ? variantStyles['leftIcon:focus'] : {})), (showError ? variantStyles['leftIcon:error'] : {}));
|
|
103
|
+
var rightIconStyle = __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles.icon), (isFocused ? variantStyles['icon:focus'] : {})), (showError ? variantStyles['icon:error'] : {})), variantStyles.rightIcon), (isFocused ? variantStyles['rightIcon:focus'] : {})), (showError ? variantStyles['rightIcon:error'] : {}));
|
|
104
|
+
var buttonIconWrapperStyle = __assign(__assign(__assign({}, variantStyles.buttonIconWrapper), (isFocused ? variantStyles['buttonIconWrapper:focus'] : {})), (showError ? variantStyles['buttonIconWrapper:error'] : {}));
|
|
105
|
+
function getStyles(key) {
|
|
106
|
+
var requestedStyles = [
|
|
107
|
+
variantStyles[key],
|
|
108
|
+
isFocused ? variantStyles[key + ':focus'] : {},
|
|
109
|
+
showError ? variantStyles[key + ':error'] : {},
|
|
110
|
+
];
|
|
111
|
+
return requestedStyles;
|
|
112
|
+
}
|
|
113
|
+
function handlePress() {
|
|
114
|
+
var _a, _b;
|
|
115
|
+
if (props.onPress) {
|
|
116
|
+
props.onPress();
|
|
117
|
+
}
|
|
118
|
+
else {
|
|
119
|
+
(_b = (_a = input.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
return (<Touchable_1.Touchable style={getStyles('wrapper')} debugName={debugName} onPress={handlePress} {...innerWrapperProps}>
|
|
123
|
+
<exports.InputLabel label={label} style={getStyles('label')} asteriskStyle={getStyles('requiredAsterisk')} wrapperStyle={getStyles('labelWrapper')} required={required}/>
|
|
124
|
+
<View_1.View style={getStyles('innerWrapper')} {...innerWrapperProps}>
|
|
125
|
+
<exports.InputIcon {...leftIcon} style={leftIconStyle} wrapperStyle={buttonIconWrapperStyle}/>
|
|
126
|
+
<InputElement
|
|
127
|
+
/* @ts-ignore */
|
|
128
|
+
ref={input} 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={(_a = react_native_1.StyleSheet.flatten(getStyles('placeholder'))) === null || _a === void 0 ? void 0 : _a.color} selectionColor={(_b = react_native_1.StyleSheet.flatten(getStyles('selection'))) === null || _b === void 0 ? void 0 : _b.color} includeRawValueInChangeText={true} {...props} {...(masking ? { onChangeText: handleMaskChange, type: masking === null || masking === void 0 ? void 0 : masking.type } : {})} style={getStyles('textField')}/>
|
|
129
|
+
{visibilityToggle ?
|
|
130
|
+
<exports.InputIcon name={(textIsVisible ? 'input-visiblity:visible' : 'input-visiblity:hidden')} action={function () { return setTextVisible(); }} style={rightIconStyle} wrapperStyle={buttonIconWrapperStyle}/>
|
|
131
|
+
:
|
|
132
|
+
<exports.InputIcon {...rightIcon} style={rightIconStyle} wrapperStyle={buttonIconWrapperStyle}/>}
|
|
133
|
+
</View_1.View>
|
|
134
|
+
<exports.FormError message={error.message} style={getStyles('error')}/>
|
|
135
|
+
</Touchable_1.Touchable>);
|
|
136
|
+
});
|
|
137
|
+
var FormError = function (_a) {
|
|
138
|
+
var message = _a.message, props = __rest(_a, ["message"]);
|
|
139
|
+
if (['number', 'string', 'undefined'].includes(typeof message)) {
|
|
140
|
+
var text = message ? "".concat(message.charAt(0).toUpperCase() + message.slice(1)) : ' ';
|
|
141
|
+
return <Text_1.Text text={text} variants={['p2', 'marginTop:1']} {...props}/>;
|
|
142
|
+
}
|
|
143
|
+
return message;
|
|
144
|
+
};
|
|
145
|
+
exports.FormError = FormError;
|
|
146
|
+
var InputIcon = function (_a) {
|
|
147
|
+
var name = _a.name, style = _a.style, action = _a.action, _b = _a.wrapperStyle, wrapperStyle = _b === void 0 ? {} : _b;
|
|
148
|
+
if (!name)
|
|
149
|
+
return null;
|
|
150
|
+
if (action) {
|
|
151
|
+
return <Touchable_1.Touchable debugName={"".concat(name, " icon button")} onPress={function () { return action(); }} style={wrapperStyle}>
|
|
152
|
+
<Icon_1.Icon name={name} style={style}/>
|
|
153
|
+
</Touchable_1.Touchable>;
|
|
154
|
+
}
|
|
155
|
+
return <Icon_1.Icon name={name} style={style}/>;
|
|
156
|
+
};
|
|
157
|
+
exports.InputIcon = InputIcon;
|
|
158
|
+
var InputLabel = function (_a) {
|
|
159
|
+
var label = _a.label, _b = _a.variants, variants = _b === void 0 ? [] : _b, _c = _a.styles, styles = _c === void 0 ? {} : _c, style = _a.style, _d = _a.asteriskStyle, asteriskStyle = _d === void 0 ? null : _d, _e = _a.required, required = _e === void 0 ? false : _e, _f = _a.wrapperStyle, wrapperStyle = _f === void 0 ? null : _f;
|
|
160
|
+
var labelStyles = (0, common_1.useDefaultComponentStyle)('TextInput', {
|
|
161
|
+
variants: variants,
|
|
162
|
+
styles: styles,
|
|
163
|
+
transform: react_native_1.StyleSheet.flatten,
|
|
164
|
+
});
|
|
165
|
+
if (!label)
|
|
166
|
+
return null;
|
|
167
|
+
switch (typeof label) {
|
|
168
|
+
case 'string':
|
|
169
|
+
return <View_1.View style={wrapperStyle || labelStyles.labelWrapper}>
|
|
170
|
+
<Text_1.Text style={style || labelStyles.label} text={label}/>
|
|
171
|
+
{required && <Text_1.Text style={asteriskStyle || labelStyles.requiredAsterisk} text={' *'}/>}
|
|
172
|
+
</View_1.View>;
|
|
173
|
+
case 'object':
|
|
174
|
+
return label;
|
|
175
|
+
default:
|
|
176
|
+
return null;
|
|
177
|
+
}
|
|
178
|
+
};
|
|
179
|
+
exports.InputLabel = InputLabel;
|
|
179
180
|
//# sourceMappingURL=TextInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
-
import { ComponentVariants, BaseViewProps, ViewStyles, AnyFunction } from '@codeleap/common';
|
|
4
|
-
import { TouchableOpacity as NativeTouchable } from 'react-native';
|
|
5
|
-
export declare type TouchableProps = Omit<ComponentPropsWithoutRef<typeof NativeTouchable>, 'onPress'> & {
|
|
6
|
-
variants?: ComponentVariants<typeof ViewStyles>['variants'];
|
|
7
|
-
component?: any;
|
|
8
|
-
ref?: React.Ref<NativeTouchable>;
|
|
9
|
-
debugName: string;
|
|
10
|
-
debugComponent?: string;
|
|
11
|
-
onPress?: AnyFunction;
|
|
12
|
-
} & BaseViewProps;
|
|
13
|
-
export declare const Touchable: React.FC<TouchableProps>;
|
|
14
|
-
export declare const AnimatedTouchable: React.FC<TouchableProps>;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
+
import { ComponentVariants, BaseViewProps, ViewStyles, AnyFunction } from '@codeleap/common';
|
|
4
|
+
import { TouchableOpacity as NativeTouchable } from 'react-native';
|
|
5
|
+
export declare type TouchableProps = Omit<ComponentPropsWithoutRef<typeof NativeTouchable>, 'onPress'> & {
|
|
6
|
+
variants?: ComponentVariants<typeof ViewStyles>['variants'];
|
|
7
|
+
component?: any;
|
|
8
|
+
ref?: React.Ref<NativeTouchable>;
|
|
9
|
+
debugName: string;
|
|
10
|
+
debugComponent?: string;
|
|
11
|
+
onPress?: AnyFunction;
|
|
12
|
+
} & BaseViewProps;
|
|
13
|
+
export declare const Touchable: React.FC<TouchableProps>;
|
|
14
|
+
export declare const AnimatedTouchable: React.FC<TouchableProps>;
|
|
@@ -1,62 +1,62 @@
|
|
|
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 __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
-
var t = {};
|
|
27
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
-
t[p] = s[p];
|
|
29
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
-
t[p[i]] = s[p[i]];
|
|
33
|
-
}
|
|
34
|
-
return t;
|
|
35
|
-
};
|
|
36
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
-
exports.AnimatedTouchable = exports.Touchable = void 0;
|
|
38
|
-
var React = __importStar(require("react"));
|
|
39
|
-
var react_1 = require("react");
|
|
40
|
-
var common_1 = require("@codeleap/common");
|
|
41
|
-
var react_native_1 = require("react-native");
|
|
42
|
-
var react_native_animatable_1 = require("react-native-animatable");
|
|
43
|
-
exports.Touchable = (0, react_1.forwardRef)(function (touchableProps, ref) {
|
|
44
|
-
var _a = touchableProps.variants, variants = _a === void 0 ? [] : _a, children = touchableProps.children, onPress = touchableProps.onPress, style = touchableProps.style, debugName = touchableProps.debugName, debugComponent = touchableProps.debugComponent, props = __rest(touchableProps, ["variants", "children", "onPress", "style", "debugName", "debugComponent"]);
|
|
45
|
-
var variantStyles = (0, common_1.useDefaultComponentStyle)('View', {
|
|
46
|
-
variants: variants,
|
|
47
|
-
});
|
|
48
|
-
var logger = (0, common_1.useCodeleapContext)().logger;
|
|
49
|
-
var press = function () {
|
|
50
|
-
if (!onPress) {
|
|
51
|
-
throw { message: 'No onPress passed to touchable', touchableProps: touchableProps };
|
|
52
|
-
}
|
|
53
|
-
logger.log("<".concat(debugComponent || 'Touchable', "/> pressed"), { debugName: debugName, style: style, variants: variants }, 'User interaction');
|
|
54
|
-
onPress && onPress();
|
|
55
|
-
};
|
|
56
|
-
var styles = [variantStyles.wrapper, style];
|
|
57
|
-
return (<react_native_1.TouchableOpacity onPress={press} style={styles} {...props} ref={ref}>
|
|
58
|
-
{children}
|
|
59
|
-
</react_native_1.TouchableOpacity>);
|
|
60
|
-
});
|
|
61
|
-
exports.AnimatedTouchable = (0, react_native_animatable_1.createAnimatableComponent)(exports.Touchable);
|
|
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 __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
+
var t = {};
|
|
27
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
+
t[p] = s[p];
|
|
29
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
+
t[p[i]] = s[p[i]];
|
|
33
|
+
}
|
|
34
|
+
return t;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.AnimatedTouchable = exports.Touchable = void 0;
|
|
38
|
+
var React = __importStar(require("react"));
|
|
39
|
+
var react_1 = require("react");
|
|
40
|
+
var common_1 = require("@codeleap/common");
|
|
41
|
+
var react_native_1 = require("react-native");
|
|
42
|
+
var react_native_animatable_1 = require("react-native-animatable");
|
|
43
|
+
exports.Touchable = (0, react_1.forwardRef)(function (touchableProps, ref) {
|
|
44
|
+
var _a = touchableProps.variants, variants = _a === void 0 ? [] : _a, children = touchableProps.children, onPress = touchableProps.onPress, style = touchableProps.style, debugName = touchableProps.debugName, debugComponent = touchableProps.debugComponent, props = __rest(touchableProps, ["variants", "children", "onPress", "style", "debugName", "debugComponent"]);
|
|
45
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('View', {
|
|
46
|
+
variants: variants,
|
|
47
|
+
});
|
|
48
|
+
var logger = (0, common_1.useCodeleapContext)().logger;
|
|
49
|
+
var press = function () {
|
|
50
|
+
if (!onPress) {
|
|
51
|
+
throw { message: 'No onPress passed to touchable', touchableProps: touchableProps };
|
|
52
|
+
}
|
|
53
|
+
logger.log("<".concat(debugComponent || 'Touchable', "/> pressed"), { debugName: debugName, style: style, variants: variants }, 'User interaction');
|
|
54
|
+
onPress && onPress();
|
|
55
|
+
};
|
|
56
|
+
var styles = [variantStyles.wrapper, style];
|
|
57
|
+
return (<react_native_1.TouchableOpacity onPress={press} style={styles} {...props} ref={ref}>
|
|
58
|
+
{children}
|
|
59
|
+
</react_native_1.TouchableOpacity>);
|
|
60
|
+
});
|
|
61
|
+
exports.AnimatedTouchable = (0, react_native_animatable_1.createAnimatableComponent)(exports.Touchable);
|
|
62
62
|
//# sourceMappingURL=Touchable.js.map
|
|
File without changes
|