@pagopa/io-app-design-system 1.3.2 → 1.4.0
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/README.md +1 -0
- package/lib/commonjs/components/accordion/AccordionItem.js +137 -0
- package/lib/commonjs/components/accordion/AccordionItem.js.map +1 -0
- package/lib/commonjs/components/accordion/index.js +4 -4
- package/lib/commonjs/components/accordion/index.js.map +1 -1
- package/lib/commonjs/components/common/LogoPaymentWithFallback.js +49 -0
- package/lib/commonjs/components/common/LogoPaymentWithFallback.js.map +1 -0
- package/lib/commonjs/components/index.js +11 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js +47 -29
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/{accordion/IOAccordion.js → textInput/TextInput.js} +5 -27
- package/lib/commonjs/components/textInput/TextInput.js.map +1 -0
- package/lib/commonjs/components/textInput/TextInputBase.js +233 -0
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -0
- package/lib/commonjs/components/textInput/TextInputPassword.js +36 -0
- package/lib/commonjs/components/textInput/TextInputPassword.js.map +1 -0
- package/lib/commonjs/components/textInput/TextInputValidation.js +57 -0
- package/lib/commonjs/components/textInput/TextInputValidation.js.map +1 -0
- package/lib/commonjs/components/textInput/index.js +39 -0
- package/lib/commonjs/components/textInput/index.js.map +1 -0
- package/lib/commonjs/core/IOAnimations.js +5 -0
- package/lib/commonjs/core/IOAnimations.js.map +1 -1
- package/lib/commonjs/core/IOShapes.js +3 -1
- package/lib/commonjs/core/IOShapes.js.map +1 -1
- package/lib/commonjs/utils/accessibility.js +19 -0
- package/lib/commonjs/utils/accessibility.js.map +1 -0
- package/lib/commonjs/utils/object.js +16 -0
- package/lib/commonjs/utils/object.js.map +1 -0
- package/lib/commonjs/utils/textInput/index.js +24 -0
- package/lib/commonjs/utils/textInput/index.js.map +1 -0
- package/lib/commonjs/utils/url.js +14 -0
- package/lib/commonjs/utils/url.js.map +1 -0
- package/lib/module/components/accordion/AccordionItem.js +126 -0
- package/lib/module/components/accordion/AccordionItem.js.map +1 -0
- package/lib/module/components/accordion/index.js +1 -1
- package/lib/module/components/accordion/index.js.map +1 -1
- package/lib/module/components/common/LogoPaymentWithFallback.js +40 -0
- package/lib/module/components/common/LogoPaymentWithFallback.js.map +1 -0
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js +48 -30
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/textInput/TextInput.js +4 -0
- package/lib/module/components/textInput/TextInput.js.map +1 -0
- package/lib/module/components/textInput/TextInputBase.js +225 -0
- package/lib/module/components/textInput/TextInputBase.js.map +1 -0
- package/lib/module/components/textInput/TextInputPassword.js +27 -0
- package/lib/module/components/textInput/TextInputPassword.js.map +1 -0
- package/lib/module/components/textInput/TextInputValidation.js +47 -0
- package/lib/module/components/textInput/TextInputValidation.js.map +1 -0
- package/lib/module/components/textInput/index.js +4 -0
- package/lib/module/components/textInput/index.js.map +1 -0
- package/lib/module/core/IOAnimations.js +5 -0
- package/lib/module/core/IOAnimations.js.map +1 -1
- package/lib/module/core/IOShapes.js +1 -0
- package/lib/module/core/IOShapes.js.map +1 -1
- package/lib/module/utils/accessibility.js +10 -0
- package/lib/module/utils/accessibility.js.map +1 -0
- package/lib/module/utils/object.js +7 -0
- package/lib/module/utils/object.js.map +1 -0
- package/lib/module/utils/textInput/index.js +17 -0
- package/lib/module/utils/textInput/index.js.map +1 -0
- package/lib/module/utils/url.js +7 -0
- package/lib/module/utils/url.js.map +1 -0
- package/lib/typescript/components/accordion/AccordionItem.d.ts +14 -0
- package/lib/typescript/components/accordion/AccordionItem.d.ts.map +1 -0
- package/lib/typescript/components/accordion/index.d.ts +1 -1
- package/lib/typescript/components/accordion/index.d.ts.map +1 -1
- package/lib/typescript/components/common/LogoPaymentWithFallback.d.ts +27 -0
- package/lib/typescript/components/common/LogoPaymentWithFallback.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +1 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts +13 -5
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInput.d.ts +6 -0
- package/lib/typescript/components/textInput/TextInput.d.ts.map +1 -0
- package/lib/typescript/components/textInput/TextInputBase.d.ts +28 -0
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -0
- package/lib/typescript/components/textInput/TextInputPassword.d.ts +6 -0
- package/lib/typescript/components/textInput/TextInputPassword.d.ts.map +1 -0
- package/lib/typescript/components/textInput/TextInputValidation.d.ts +9 -0
- package/lib/typescript/components/textInput/TextInputValidation.d.ts.map +1 -0
- package/lib/typescript/components/textInput/index.d.ts +4 -0
- package/lib/typescript/components/textInput/index.d.ts.map +1 -0
- package/lib/typescript/core/IOAnimations.d.ts +5 -0
- package/lib/typescript/core/IOAnimations.d.ts.map +1 -1
- package/lib/typescript/core/IOShapes.d.ts +1 -0
- package/lib/typescript/core/IOShapes.d.ts.map +1 -1
- package/lib/typescript/utils/accessibility.d.ts +6 -0
- package/lib/typescript/utils/accessibility.d.ts.map +1 -0
- package/lib/typescript/utils/object.d.ts +5 -0
- package/lib/typescript/utils/object.d.ts.map +1 -0
- package/lib/typescript/utils/textInput/index.d.ts +9 -0
- package/lib/typescript/utils/textInput/index.d.ts.map +1 -0
- package/lib/typescript/utils/types.d.ts +1 -0
- package/lib/typescript/utils/types.d.ts.map +1 -1
- package/lib/typescript/utils/url.d.ts +8 -0
- package/lib/typescript/utils/url.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/accordion/AccordionItem.tsx +165 -0
- package/src/components/accordion/index.tsx +1 -1
- package/src/components/common/LogoPaymentWithFallback.tsx +60 -0
- package/src/components/index.tsx +1 -0
- package/src/components/listitems/ListItemTransaction.tsx +86 -39
- package/src/components/textInput/TextInput.tsx +15 -0
- package/src/components/textInput/TextInputBase.tsx +327 -0
- package/src/components/textInput/TextInputPassword.tsx +36 -0
- package/src/components/textInput/TextInputValidation.tsx +71 -0
- package/src/components/textInput/index.tsx +3 -0
- package/src/core/IOAnimations.ts +5 -0
- package/src/core/IOShapes.ts +1 -0
- package/src/utils/accessibility.ts +17 -0
- package/src/utils/object.ts +12 -0
- package/src/utils/textInput/index.ts +29 -0
- package/src/utils/types.ts +2 -0
- package/src/utils/url.ts +9 -0
- package/lib/commonjs/components/accordion/IOAccordion.js.map +0 -1
- package/lib/module/components/accordion/IOAccordion.js +0 -26
- package/lib/module/components/accordion/IOAccordion.js.map +0 -1
- package/lib/typescript/components/accordion/IOAccordion.d.ts +0 -13
- package/lib/typescript/components/accordion/IOAccordion.d.ts.map +0 -1
- package/src/components/accordion/IOAccordion.tsx +0 -35
|
@@ -0,0 +1,233 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.TextInputBase = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
+
var _core = require("../../core");
|
|
11
|
+
var _icons = require("../icons");
|
|
12
|
+
var _spacer = require("../spacer");
|
|
13
|
+
var _typography = require("../typography");
|
|
14
|
+
var _textInput = require("../../utils/textInput");
|
|
15
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
16
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* eslint-disable functional/immutable-data */
|
|
18
|
+
const styles = _reactNative.StyleSheet.create({
|
|
19
|
+
textInput: {
|
|
20
|
+
..._core.IOStyles.row,
|
|
21
|
+
alignItems: "center",
|
|
22
|
+
paddingVertical: 8,
|
|
23
|
+
height: 60,
|
|
24
|
+
borderRadius: 8,
|
|
25
|
+
paddingHorizontal: 12
|
|
26
|
+
},
|
|
27
|
+
textInputStyle: {
|
|
28
|
+
..._core.IOStyles.flex,
|
|
29
|
+
fontSize: 16,
|
|
30
|
+
marginTop: _core.IOSpacingScale[2],
|
|
31
|
+
fontWeight: "400",
|
|
32
|
+
lineHeight: 24,
|
|
33
|
+
fontFamily: "Readex Pro",
|
|
34
|
+
height: "100%"
|
|
35
|
+
},
|
|
36
|
+
textInputLabelWrapper: {
|
|
37
|
+
position: "absolute",
|
|
38
|
+
paddingHorizontal: 12,
|
|
39
|
+
zIndex: 10,
|
|
40
|
+
bottom: 0,
|
|
41
|
+
top: 0,
|
|
42
|
+
justifyContent: "center"
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
const HelperRow = _ref => {
|
|
46
|
+
let {
|
|
47
|
+
value,
|
|
48
|
+
counterLimit,
|
|
49
|
+
bottomMessage,
|
|
50
|
+
bottomMessageColor = "grey-700"
|
|
51
|
+
} = _ref;
|
|
52
|
+
const valueCount = (0, _react.useMemo)(() => value.length, [value]);
|
|
53
|
+
const helperRowStyle = (0, _react.useMemo)(() => {
|
|
54
|
+
if (counterLimit && bottomMessage) {
|
|
55
|
+
return {
|
|
56
|
+
justifyContent: "space-between"
|
|
57
|
+
};
|
|
58
|
+
}
|
|
59
|
+
if (counterLimit) {
|
|
60
|
+
return {
|
|
61
|
+
justifyContent: "flex-end"
|
|
62
|
+
};
|
|
63
|
+
}
|
|
64
|
+
if (bottomMessage) {
|
|
65
|
+
return {
|
|
66
|
+
justifyContent: "flex-start"
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
return {};
|
|
70
|
+
}, [counterLimit, bottomMessage]);
|
|
71
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
72
|
+
style: [_core.IOStyles.row, {
|
|
73
|
+
alignItems: "center",
|
|
74
|
+
paddingHorizontal: 10
|
|
75
|
+
}, helperRowStyle]
|
|
76
|
+
}, bottomMessage && /*#__PURE__*/_react.default.createElement(_typography.LabelSmall, {
|
|
77
|
+
weight: "Regular",
|
|
78
|
+
color: bottomMessageColor
|
|
79
|
+
}, bottomMessage), counterLimit && /*#__PURE__*/_react.default.createElement(_typography.LabelSmall, {
|
|
80
|
+
weight: "Regular",
|
|
81
|
+
color: "grey-700"
|
|
82
|
+
}, `${valueCount} / ${counterLimit}`));
|
|
83
|
+
};
|
|
84
|
+
const TextInputBase = _ref2 => {
|
|
85
|
+
let {
|
|
86
|
+
disabled = false,
|
|
87
|
+
placeholder,
|
|
88
|
+
value = "",
|
|
89
|
+
onChangeText,
|
|
90
|
+
accessibilityLabel,
|
|
91
|
+
textInputProps,
|
|
92
|
+
inputTyoe = "default",
|
|
93
|
+
status,
|
|
94
|
+
icon,
|
|
95
|
+
rightElement,
|
|
96
|
+
counterLimit,
|
|
97
|
+
bottomMessage,
|
|
98
|
+
bottomMessageColor,
|
|
99
|
+
onBlur,
|
|
100
|
+
onFocus,
|
|
101
|
+
isPassword
|
|
102
|
+
} = _ref2;
|
|
103
|
+
const labelSharedValue = (0, _reactNativeReanimated.useSharedValue)(false);
|
|
104
|
+
const [inputStatus, setInputStatus] = _react.default.useState(disabled ? "disabled" : "initial");
|
|
105
|
+
const isSecretInput = (0, _react.useMemo)(() => isPassword, [isPassword]);
|
|
106
|
+
const inputRef = (0, _react.useRef)(null);
|
|
107
|
+
(0, _react.useEffect)(() => {
|
|
108
|
+
if (status) {
|
|
109
|
+
setInputStatus(status);
|
|
110
|
+
}
|
|
111
|
+
}, [status]);
|
|
112
|
+
const boxStyle = (0, _react.useMemo)(() => {
|
|
113
|
+
if (inputStatus === "focused") {
|
|
114
|
+
return {
|
|
115
|
+
borderColor: _core.IOColors["blueIO-500"],
|
|
116
|
+
borderWidth: 2
|
|
117
|
+
};
|
|
118
|
+
}
|
|
119
|
+
if (inputStatus === "error") {
|
|
120
|
+
return {
|
|
121
|
+
borderColor: _core.IOColors["error-600"],
|
|
122
|
+
borderWidth: 1
|
|
123
|
+
};
|
|
124
|
+
}
|
|
125
|
+
return {
|
|
126
|
+
borderColor: _core.IOColors["grey-200"],
|
|
127
|
+
borderWidth: 1
|
|
128
|
+
};
|
|
129
|
+
}, [inputStatus]);
|
|
130
|
+
const animatedLabelProps = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
131
|
+
fontSize: (0, _reactNativeReanimated.withTiming)(labelSharedValue.value ? 12 : 16, {
|
|
132
|
+
duration: 300,
|
|
133
|
+
easing: _reactNativeReanimated.Easing.elastic(0.85)
|
|
134
|
+
}),
|
|
135
|
+
transform: [{
|
|
136
|
+
translateY: (0, _reactNativeReanimated.withTiming)(labelSharedValue.value ? -14 : 0, {
|
|
137
|
+
duration: 300,
|
|
138
|
+
easing: _reactNativeReanimated.Easing.elastic(0.85)
|
|
139
|
+
})
|
|
140
|
+
}]
|
|
141
|
+
}));
|
|
142
|
+
(0, _react.useEffect)(() => {
|
|
143
|
+
if (value.length > 0) {
|
|
144
|
+
labelSharedValue.value = true;
|
|
145
|
+
} else {
|
|
146
|
+
if (inputStatus !== "focused") {
|
|
147
|
+
labelSharedValue.value = false;
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
}, [labelSharedValue, value, inputStatus]);
|
|
151
|
+
const onTextInputPress = () => {
|
|
152
|
+
var _inputRef$current;
|
|
153
|
+
if (disabled) {
|
|
154
|
+
return;
|
|
155
|
+
}
|
|
156
|
+
labelSharedValue.value = true;
|
|
157
|
+
setInputStatus("focused");
|
|
158
|
+
inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
|
|
159
|
+
};
|
|
160
|
+
const onChangeTextHandler = (0, _react.useCallback)(text => {
|
|
161
|
+
if (counterLimit && text.length > counterLimit) {
|
|
162
|
+
return;
|
|
163
|
+
}
|
|
164
|
+
onChangeText(text);
|
|
165
|
+
}, [counterLimit, onChangeText]);
|
|
166
|
+
const onBlurHandler = (0, _react.useCallback)(() => {
|
|
167
|
+
if (!value) {
|
|
168
|
+
labelSharedValue.value = false;
|
|
169
|
+
}
|
|
170
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur();
|
|
171
|
+
setInputStatus("initial");
|
|
172
|
+
}, [value, labelSharedValue, onBlur]);
|
|
173
|
+
const derivedInputProps = (0, _react.useMemo)(() => (0, _textInput.getInputPropsByType)(inputTyoe), [inputTyoe]);
|
|
174
|
+
const inputValue = (0, _react.useMemo)(() => derivedInputProps && derivedInputProps.valueFormat ? derivedInputProps.valueFormat(value) : value, [value, derivedInputProps]);
|
|
175
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
176
|
+
onPress: onTextInputPress,
|
|
177
|
+
style: [inputStatus === "disabled" ? {
|
|
178
|
+
opacity: 0.5
|
|
179
|
+
} : {}, boxStyle, styles.textInput],
|
|
180
|
+
accessible: false,
|
|
181
|
+
accessibilityRole: "none"
|
|
182
|
+
}, icon && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
183
|
+
name: icon,
|
|
184
|
+
color: "grey-300",
|
|
185
|
+
size: 24
|
|
186
|
+
}), /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
|
|
187
|
+
size: 8
|
|
188
|
+
})), /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({}, derivedInputProps ? derivedInputProps.textInputProps : textInputProps, {
|
|
189
|
+
accessible: true,
|
|
190
|
+
editable: !disabled,
|
|
191
|
+
secureTextEntry: isSecretInput,
|
|
192
|
+
disableFullscreenUI: true,
|
|
193
|
+
blurOnSubmit: true,
|
|
194
|
+
ref: inputRef,
|
|
195
|
+
accessibilityState: {
|
|
196
|
+
disabled
|
|
197
|
+
},
|
|
198
|
+
accessibilityLabel: accessibilityLabel ?? placeholder,
|
|
199
|
+
onFocus: () => {
|
|
200
|
+
setInputStatus("focused");
|
|
201
|
+
labelSharedValue.value = true;
|
|
202
|
+
onFocus === null || onFocus === void 0 ? void 0 : onFocus();
|
|
203
|
+
},
|
|
204
|
+
maxLength: counterLimit,
|
|
205
|
+
onBlur: onBlurHandler,
|
|
206
|
+
value: inputValue,
|
|
207
|
+
onChangeText: onChangeTextHandler,
|
|
208
|
+
style: styles.textInputStyle
|
|
209
|
+
})), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
210
|
+
style: [styles.textInputLabelWrapper, icon ? {
|
|
211
|
+
left: 32
|
|
212
|
+
} : {}]
|
|
213
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.Text, {
|
|
214
|
+
numberOfLines: 1,
|
|
215
|
+
accessible: false,
|
|
216
|
+
style: [animatedLabelProps, {
|
|
217
|
+
color: _core.IOColors["grey-700"]
|
|
218
|
+
}]
|
|
219
|
+
}, placeholder)), rightElement && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
220
|
+
style: {
|
|
221
|
+
marginLeft: "auto"
|
|
222
|
+
}
|
|
223
|
+
}, /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
|
|
224
|
+
size: 8
|
|
225
|
+
}), rightElement)), (bottomMessage || counterLimit) && /*#__PURE__*/_react.default.createElement(HelperRow, {
|
|
226
|
+
value: value,
|
|
227
|
+
bottomMessage: bottomMessage,
|
|
228
|
+
bottomMessageColor: bottomMessageColor,
|
|
229
|
+
counterLimit: counterLimit
|
|
230
|
+
}));
|
|
231
|
+
};
|
|
232
|
+
exports.TextInputBase = TextInputBase;
|
|
233
|
+
//# sourceMappingURL=TextInputBase.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_reactNativeReanimated","_core","_icons","_spacer","_typography","_textInput","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","styles","StyleSheet","create","textInput","IOStyles","row","alignItems","paddingVertical","height","borderRadius","paddingHorizontal","textInputStyle","flex","fontSize","marginTop","IOSpacingScale","fontWeight","lineHeight","fontFamily","textInputLabelWrapper","position","zIndex","bottom","top","justifyContent","HelperRow","_ref","value","counterLimit","bottomMessage","bottomMessageColor","valueCount","useMemo","helperRowStyle","createElement","View","style","LabelSmall","weight","color","TextInputBase","_ref2","disabled","placeholder","onChangeText","accessibilityLabel","textInputProps","inputTyoe","status","icon","rightElement","onBlur","onFocus","isPassword","labelSharedValue","useSharedValue","inputStatus","setInputStatus","React","useState","isSecretInput","inputRef","useRef","useEffect","boxStyle","borderColor","IOColors","borderWidth","animatedLabelProps","useAnimatedStyle","withTiming","duration","easing","Easing","elastic","transform","translateY","onTextInputPress","_inputRef$current","current","focus","onChangeTextHandler","useCallback","text","onBlurHandler","derivedInputProps","getInputPropsByType","inputValue","valueFormat","Fragment","Pressable","onPress","opacity","accessible","accessibilityRole","Icon","name","size","HSpacer","TextInput","editable","secureTextEntry","disableFullscreenUI","blurOnSubmit","ref","accessibilityState","maxLength","left","Text","numberOfLines","marginLeft","exports"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputBase.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.TextInputPassword = void 0;
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _buttons = require("../buttons");
|
|
9
|
+
var _TextInputBase = require("./TextInputBase");
|
|
10
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
11
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
12
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
13
|
+
const TextInputPassword = props => {
|
|
14
|
+
const {
|
|
15
|
+
onBlur,
|
|
16
|
+
disabled
|
|
17
|
+
} = props;
|
|
18
|
+
const [showPassword, setShowPassword] = React.useState(false);
|
|
19
|
+
const rightElement = /*#__PURE__*/React.createElement(_buttons.IconButton, {
|
|
20
|
+
icon: showPassword ? "eyeShow" : "eyeHide",
|
|
21
|
+
disabled: disabled,
|
|
22
|
+
onPress: () => setShowPassword(v => !v),
|
|
23
|
+
accessibilityLabel: "Toggle secret input"
|
|
24
|
+
});
|
|
25
|
+
const onBlurHandler = React.useCallback(() => {
|
|
26
|
+
setShowPassword(false);
|
|
27
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur();
|
|
28
|
+
}, [onBlur]);
|
|
29
|
+
return /*#__PURE__*/React.createElement(_TextInputBase.TextInputBase, _extends({}, props, {
|
|
30
|
+
onBlur: onBlurHandler,
|
|
31
|
+
rightElement: rightElement,
|
|
32
|
+
isPassword: !showPassword
|
|
33
|
+
}));
|
|
34
|
+
};
|
|
35
|
+
exports.TextInputPassword = TextInputPassword;
|
|
36
|
+
//# sourceMappingURL=TextInputPassword.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_buttons","_TextInputBase","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","TextInputPassword","props","onBlur","disabled","showPassword","setShowPassword","useState","rightElement","createElement","IconButton","icon","onPress","v","accessibilityLabel","onBlurHandler","useCallback","TextInputBase","isPassword","exports"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputPassword.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.TextInputValidation = void 0;
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _icons = require("../icons");
|
|
9
|
+
var _functions = require("../../functions");
|
|
10
|
+
var _TextInputBase = require("./TextInputBase");
|
|
11
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
+
const TextInputValidation = props => {
|
|
15
|
+
const {
|
|
16
|
+
onValidate,
|
|
17
|
+
errorMessage,
|
|
18
|
+
value,
|
|
19
|
+
bottomMessage,
|
|
20
|
+
onBlur,
|
|
21
|
+
onFocus
|
|
22
|
+
} = props;
|
|
23
|
+
const [isValid, setIsValid] = React.useState(undefined);
|
|
24
|
+
const onBlurHandler = React.useCallback(() => {
|
|
25
|
+
const validation = onValidate(value);
|
|
26
|
+
setIsValid(validation);
|
|
27
|
+
if (!validation) {
|
|
28
|
+
(0, _functions.triggerHaptic)("notificationError");
|
|
29
|
+
} else {
|
|
30
|
+
(0, _functions.triggerHaptic)("notificationSuccess");
|
|
31
|
+
}
|
|
32
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur();
|
|
33
|
+
}, [onValidate, value, onBlur]);
|
|
34
|
+
const onFocusHandler = React.useCallback(() => {
|
|
35
|
+
setIsValid(undefined);
|
|
36
|
+
onFocus === null || onFocus === void 0 ? void 0 : onFocus();
|
|
37
|
+
}, [onFocus]);
|
|
38
|
+
const labelError = React.useMemo(() => isValid === false && errorMessage ? errorMessage : bottomMessage, [isValid, errorMessage, bottomMessage]);
|
|
39
|
+
const labelErrorColor = React.useMemo(() => isValid === false && errorMessage ? "error-600" : undefined, [isValid, errorMessage]);
|
|
40
|
+
const rightIcon = React.useMemo(() => isValid !== undefined && /*#__PURE__*/React.createElement(_icons.Icon, {
|
|
41
|
+
name: isValid ? "success" : "errorFilled",
|
|
42
|
+
color: isValid ? "green" : "error-600",
|
|
43
|
+
size: 24
|
|
44
|
+
}), [isValid]);
|
|
45
|
+
return /*#__PURE__*/React.createElement(_TextInputBase.TextInputBase, _extends({}, props, {
|
|
46
|
+
status: isValid === false ? "error" : undefined,
|
|
47
|
+
bottomMessage: labelError,
|
|
48
|
+
bottomMessageColor: labelErrorColor,
|
|
49
|
+
rightElement: rightIcon,
|
|
50
|
+
onBlur: onBlurHandler,
|
|
51
|
+
onFocus: onFocusHandler
|
|
52
|
+
}));
|
|
53
|
+
};
|
|
54
|
+
exports.TextInputValidation = TextInputValidation;
|
|
55
|
+
var _default = TextInputValidation;
|
|
56
|
+
exports.default = _default;
|
|
57
|
+
//# sourceMappingURL=TextInputValidation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_icons","_functions","_TextInputBase","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","TextInputValidation","props","onValidate","errorMessage","value","bottomMessage","onBlur","onFocus","isValid","setIsValid","useState","undefined","onBlurHandler","useCallback","validation","triggerHaptic","onFocusHandler","labelError","useMemo","labelErrorColor","rightIcon","createElement","Icon","name","color","size","TextInputBase","status","bottomMessageColor","rightElement","exports","_default"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputValidation.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _TextInput = require("./TextInput");
|
|
7
|
+
Object.keys(_TextInput).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _TextInput[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _TextInput[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
var _TextInputPassword = require("./TextInputPassword");
|
|
18
|
+
Object.keys(_TextInputPassword).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _TextInputPassword[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _TextInputPassword[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
var _TextInputValidation = require("./TextInputValidation");
|
|
29
|
+
Object.keys(_TextInputValidation).forEach(function (key) {
|
|
30
|
+
if (key === "default" || key === "__esModule") return;
|
|
31
|
+
if (key in exports && exports[key] === _TextInputValidation[key]) return;
|
|
32
|
+
Object.defineProperty(exports, key, {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function () {
|
|
35
|
+
return _TextInputValidation[key];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_TextInput","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_TextInputPassword","_TextInputValidation"],"sourceRoot":"../../../../src","sources":["components/textInput/index.tsx"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,UAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,kBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,kBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,kBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,kBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,oBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,oBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,oBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,oBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["IOSpringValues","button","damping","mass","stiffness","selection","exports","IOScaleValues","basicButton","pressedState","magnifiedButton","exaggeratedButton"],"sourceRoot":"../../../src","sources":["core/IOAnimations.ts"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEO,MAAMA,cAAc,GAAG;EAC5B;EACAC,MAAM,EAAE;IACNC,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb,CAAC;EACD;
|
|
1
|
+
{"version":3,"names":["IOSpringValues","button","damping","mass","stiffness","accordion","selection","exports","IOScaleValues","basicButton","pressedState","magnifiedButton","exaggeratedButton"],"sourceRoot":"../../../src","sources":["core/IOAnimations.ts"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEO,MAAMA,cAAc,GAAG;EAC5B;EACAC,MAAM,EAAE;IACNC,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb,CAAC;EACDC,SAAS,EAAE;IACTH,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE;EACb,CAAC;EACD;EACAE,SAAS,EAAE;IACTJ,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb;AACF,CAAC;AAACG,OAAA,CAAAP,cAAA,GAAAA,cAAA;AAEK,MAAMQ,aAAa,GAAG;EAC3B;EACAC,WAAW,EAAE;IACXC,YAAY,EAAE;EAChB,CAAC;EACD;EACAC,eAAe,EAAE;IACfD,YAAY,EAAE;EAChB,CAAC;EACD;EACAE,iBAAiB,EAAE;IACjBF,YAAY,EAAE;EAChB;AACF,CAAC;AAACH,OAAA,CAAAC,aAAA,GAAAA,aAAA"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.IOTagRadius = exports.IORadiusScale = exports.IOListItemIDPRadius = exports.IOBottomSheetHeaderRadius = exports.IOBannerRadius = exports.IOBadgeRadius = exports.IOAlertRadius = void 0;
|
|
6
|
+
exports.IOTagRadius = exports.IORadiusScale = exports.IOListItemIDPRadius = exports.IOBottomSheetHeaderRadius = exports.IOBannerRadius = exports.IOBadgeRadius = exports.IOAlertRadius = exports.IOAccordionRadius = void 0;
|
|
7
7
|
/*
|
|
8
8
|
RADIUS SCALE
|
|
9
9
|
Every shape used by different components
|
|
@@ -29,4 +29,6 @@ const IOListItemIDPRadius = IODefaultRadius;
|
|
|
29
29
|
exports.IOListItemIDPRadius = IOListItemIDPRadius;
|
|
30
30
|
const IOBadgeRadius = 24;
|
|
31
31
|
exports.IOBadgeRadius = IOBadgeRadius;
|
|
32
|
+
const IOAccordionRadius = IODefaultRadius;
|
|
33
|
+
exports.IOAccordionRadius = IOAccordionRadius;
|
|
32
34
|
//# sourceMappingURL=IOShapes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["IORadiusScale","exports","IODefaultRadius","IOAlertRadius","IOBannerRadius","IOTagRadius","IOBottomSheetHeaderRadius","IOListItemIDPRadius","IOBadgeRadius"],"sourceRoot":"../../../src","sources":["core/IOShapes.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;;AAEO,MAAMA,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAU;AAACC,OAAA,CAAAD,aAAA,GAAAA,aAAA;AAGrD,MAAME,eAA8B,GAAG,CAAC;;AAExC;AACA;AACA;AACO,MAAMC,aAA4B,GAAGD,eAAe;AAACD,OAAA,CAAAE,aAAA,GAAAA,aAAA;AACrD,MAAMC,cAA6B,GAAGF,eAAe;AAACD,OAAA,CAAAG,cAAA,GAAAA,cAAA;AACtD,MAAMC,WAA0B,GAAG,CAAC;AAACJ,OAAA,CAAAI,WAAA,GAAAA,WAAA;AACrC,MAAMC,yBAAwC,GAAG,EAAE;AAACL,OAAA,CAAAK,yBAAA,GAAAA,yBAAA;AACpD,MAAMC,mBAAkC,GAAGL,eAAe;AAACD,OAAA,CAAAM,mBAAA,GAAAA,mBAAA;AAC3D,MAAMC,aAA4B,GAAG,EAAE;AAACP,OAAA,CAAAO,aAAA,GAAAA,aAAA"}
|
|
1
|
+
{"version":3,"names":["IORadiusScale","exports","IODefaultRadius","IOAlertRadius","IOBannerRadius","IOTagRadius","IOBottomSheetHeaderRadius","IOListItemIDPRadius","IOBadgeRadius","IOAccordionRadius"],"sourceRoot":"../../../src","sources":["core/IOShapes.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;;AAEO,MAAMA,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAU;AAACC,OAAA,CAAAD,aAAA,GAAAA,aAAA;AAGrD,MAAME,eAA8B,GAAG,CAAC;;AAExC;AACA;AACA;AACO,MAAMC,aAA4B,GAAGD,eAAe;AAACD,OAAA,CAAAE,aAAA,GAAAA,aAAA;AACrD,MAAMC,cAA6B,GAAGF,eAAe;AAACD,OAAA,CAAAG,cAAA,GAAAA,cAAA;AACtD,MAAMC,WAA0B,GAAG,CAAC;AAACJ,OAAA,CAAAI,WAAA,GAAAA,WAAA;AACrC,MAAMC,yBAAwC,GAAG,EAAE;AAACL,OAAA,CAAAK,yBAAA,GAAAA,yBAAA;AACpD,MAAMC,mBAAkC,GAAGL,eAAe;AAACD,OAAA,CAAAM,mBAAA,GAAAA,mBAAA;AAC3D,MAAMC,aAA4B,GAAG,EAAE;AAACP,OAAA,CAAAO,aAAA,GAAAA,aAAA;AACxC,MAAMC,iBAAgC,GAAGP,eAAe;AAACD,OAAA,CAAAQ,iBAAA,GAAAA,iBAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getAccessibleAmountText = void 0;
|
|
7
|
+
var _function = require("fp-ts/lib/function");
|
|
8
|
+
var O = _interopRequireWildcard(require("fp-ts/lib/Option"));
|
|
9
|
+
var _i18nJs = _interopRequireDefault(require("i18n-js"));
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
|
+
/**
|
|
14
|
+
* This function is used to get the text that will be read by the screen reader
|
|
15
|
+
* with the correct minus symbol pronunciation.
|
|
16
|
+
*/
|
|
17
|
+
const getAccessibleAmountText = amount => (0, _function.pipe)(amount, O.fromNullable, O.map(amount => amount.replace("-", _i18nJs.default.t("global.accessibility.minusSymbol"))), O.getOrElseW(() => undefined));
|
|
18
|
+
exports.getAccessibleAmountText = getAccessibleAmountText;
|
|
19
|
+
//# sourceMappingURL=accessibility.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_function","require","O","_interopRequireWildcard","_i18nJs","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","getAccessibleAmountText","amount","pipe","fromNullable","map","replace","I18n","t","getOrElseW","undefined","exports"],"sourceRoot":"../../../src","sources":["utils/accessibility.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,CAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAA2B,SAAAI,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAP,wBAAAG,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAE3B;AACA;AACA;AACA;AACO,MAAMW,uBAAuB,GAAIC,MAAe,IACrD,IAAAC,cAAI,EACFD,MAAM,EACN3B,CAAC,CAAC6B,YAAY,EACd7B,CAAC,CAAC8B,GAAG,CAACH,MAAM,IACVA,MAAM,CAACI,OAAO,CAAC,GAAG,EAAEC,eAAI,CAACC,CAAC,CAAC,kCAAkC,CAAC,CAChE,CAAC,EACDjC,CAAC,CAACkC,UAAU,CAAC,MAAMC,SAAS,CAC9B,CAAC;AAACC,OAAA,CAAAV,uBAAA,GAAAA,uBAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.findFirstCaseInsensitive = void 0;
|
|
7
|
+
var A = _interopRequireWildcard(require("fp-ts/Array"));
|
|
8
|
+
var _function = require("fp-ts/lib/function");
|
|
9
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
10
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
11
|
+
const findFirstCaseInsensitive = obj => key => (0, _function.pipe)(obj, Object.entries, A.findFirst(_ref => {
|
|
12
|
+
let [k, _] = _ref;
|
|
13
|
+
return k.toLowerCase() === key.toLowerCase();
|
|
14
|
+
}));
|
|
15
|
+
exports.findFirstCaseInsensitive = findFirstCaseInsensitive;
|
|
16
|
+
//# sourceMappingURL=object.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["A","_interopRequireWildcard","require","_function","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","findFirstCaseInsensitive","pipe","entries","findFirst","_ref","k","_","toLowerCase","exports"],"sourceRoot":"../../../src","sources":["utils/object.ts"],"mappings":";;;;;;AAAA,IAAAA,CAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAA0C,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAEnC,MAAMW,wBAAwB,GAC/BjB,GAAyB,IAC5BW,GAAW,IACV,IAAAO,cAAI,EACFlB,GAAG,EACHQ,MAAM,CAACW,OAAO,EACd5B,CAAC,CAAC6B,SAAS,CAACC,IAAA;EAAA,IAAC,CAACC,CAAC,EAAEC,CAAC,CAAC,GAAAF,IAAA;EAAA,OAAKC,CAAC,CAACE,WAAW,CAAC,CAAC,KAAKb,GAAG,CAACa,WAAW,CAAC,CAAC;AAAA,EAC/D,CAAC;AAACC,OAAA,CAAAR,wBAAA,GAAAA,wBAAA"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getInputPropsByType = void 0;
|
|
7
|
+
const getInputPropsByType = type => {
|
|
8
|
+
switch (type) {
|
|
9
|
+
case "credit-card":
|
|
10
|
+
return {
|
|
11
|
+
valueFormat: v => v.replace(/\D/g, "").replace(/\d{4}?(?=.)/g, "$& "),
|
|
12
|
+
textInputProps: {
|
|
13
|
+
autoComplete: "cc-number",
|
|
14
|
+
keyboardType: "numeric",
|
|
15
|
+
textContentType: "creditCardNumber",
|
|
16
|
+
inputMode: "numeric"
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
default:
|
|
20
|
+
return undefined;
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
exports.getInputPropsByType = getInputPropsByType;
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getInputPropsByType","type","valueFormat","v","replace","textInputProps","autoComplete","keyboardType","textContentType","inputMode","undefined","exports"],"sourceRoot":"../../../../src","sources":["utils/textInput/index.ts"],"mappings":";;;;;;AAWO,MAAMA,mBAAmB,GAC9BC,IAAe,IACY;EAC3B,QAAQA,IAAI;IACV,KAAK,aAAa;MAChB,OAAO;QACLC,WAAW,EAAEC,CAAC,IAAIA,CAAC,CAACC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAACA,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC;QACrEC,cAAc,EAAE;UACdC,YAAY,EAAE,WAAW;UACzBC,YAAY,EAAE,SAAS;UACvBC,eAAe,EAAE,kBAAkB;UACnCC,SAAS,EAAE;QACb;MACF,CAAC;IACH;MACE,OAAOC,SAAS;EACpB;AACF,CAAC;AAACC,OAAA,CAAAX,mBAAA,GAAAA,mBAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.isImageUri = void 0;
|
|
7
|
+
/**
|
|
8
|
+
* type guard to check if a value is an ImageURISource
|
|
9
|
+
* @argument value the value to check, can be anything
|
|
10
|
+
* @returns boolean
|
|
11
|
+
*/
|
|
12
|
+
const isImageUri = value => typeof value === "object" && value !== null && "uri" in value;
|
|
13
|
+
exports.isImageUri = isImageUri;
|
|
14
|
+
//# sourceMappingURL=url.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["isImageUri","value","exports"],"sourceRoot":"../../../src","sources":["utils/url.ts"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACO,MAAMA,UAAU,GAAIC,KAAc,IACvC,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI,IAAI,KAAK,IAAIA,KAAK;AAACC,OAAA,CAAAF,UAAA,GAAAA,UAAA"}
|