@pagopa/io-app-design-system 4.4.7 → 4.5.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/lib/commonjs/components/alert/Alert.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderFirstLevel.js +35 -15
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfo.js +47 -13
- package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/commonjs/components/listitems/PressableListItemBase.js.map +1 -1
- package/lib/commonjs/components/modules/PressableModuleBase.js +10 -2
- package/lib/commonjs/components/modules/PressableModuleBase.js.map +1 -1
- package/lib/commonjs/components/otpInput/OTPInput.js +2 -1
- package/lib/commonjs/components/otpInput/OTPInput.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js +18 -15
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputValidation.js +8 -6
- package/lib/commonjs/components/textInput/TextInputValidation.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +15 -2
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/commonjs/core/IOThemeContextProvider.js +12 -7
- package/lib/commonjs/core/IOThemeContextProvider.js.map +1 -1
- package/lib/module/components/alert/Alert.js.map +1 -1
- package/lib/module/components/layout/HeaderFirstLevel.js +37 -17
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfo.js +48 -15
- package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/module/components/listitems/PressableListItemBase.js.map +1 -1
- package/lib/module/components/modules/PressableModuleBase.js +10 -2
- package/lib/module/components/modules/PressableModuleBase.js.map +1 -1
- package/lib/module/components/otpInput/OTPInput.js +2 -1
- package/lib/module/components/otpInput/OTPInput.js.map +1 -1
- package/lib/module/components/textInput/TextInputBase.js +19 -16
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/components/textInput/TextInputValidation.js +8 -6
- package/lib/module/components/textInput/TextInputValidation.js.map +1 -1
- package/lib/module/core/IOColors.js +15 -2
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/module/core/IOThemeContextProvider.js +14 -8
- package/lib/module/core/IOThemeContextProvider.js.map +1 -1
- package/lib/typescript/components/alert/Alert.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts +8 -28
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemInfo.d.ts +13 -11
- package/lib/typescript/components/listitems/ListItemInfo.d.ts.map +1 -1
- package/lib/typescript/components/listitems/PressableListItemBase.d.ts +2 -2
- package/lib/typescript/components/listitems/PressableListItemBase.d.ts.map +1 -1
- package/lib/typescript/components/modules/PressableModuleBase.d.ts.map +1 -1
- package/lib/typescript/components/otpInput/OTPInput.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputBase.d.ts +2 -2
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputValidation.d.ts.map +1 -1
- package/lib/typescript/components/tooltip/styles.d.ts +2 -2
- package/lib/typescript/core/IOColors.d.ts +1 -1
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/core/IOStyles.d.ts +2 -2
- package/lib/typescript/core/IOThemeContextProvider.d.ts +6 -6
- package/lib/typescript/core/IOThemeContextProvider.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts +1 -1
- package/package.json +3 -3
- package/src/components/alert/Alert.tsx +3 -2
- package/src/components/layout/HeaderFirstLevel.tsx +50 -68
- package/src/components/listitems/ListItemInfo.tsx +107 -53
- package/src/components/listitems/PressableListItemBase.tsx +3 -2
- package/src/components/modules/PressableModuleBase.tsx +15 -4
- package/src/components/otpInput/OTPInput.tsx +1 -0
- package/src/components/textInput/TextInputBase.tsx +28 -16
- package/src/components/textInput/TextInputValidation.tsx +18 -10
- package/src/core/IOColors.ts +18 -0
- package/src/core/IOThemeContextProvider.tsx +27 -15
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_IOColors","_IOShapes","_IOSpacing","_hooks","_accessibility","_icons","_stack","_typography","_H","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ICON_SIZE","padding","paddingFullWidth","IOAlertSpacing","mapVariantStatesLightMode","error","icon","background","IOColors","foreground","warning","info","success","bgOpacityDarkMode","mapVariantStatesDarkMode","hexToRgba","Alert","forwardRef","variant","title","content","action","onPress","fullWidth","accessibilityHint","testID","viewRef","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","dynamicFontScale","spacingScaleMultiplier","useIOFontDynamicScale","themeType","useIOThemeContext","isMultiline","setIsMultiline","useState","onTextLayout","useCallback","event","nativeEvent","lines","length","paddingDefaultVariant","borderRadius","IOAlertRadius","borderCurve","mapVariantStates","renderMainBlock","createElement","HStack","space","IOVisualCostants","iconMargin","allowScaleSpacing","style","alignItems","Icon","allowFontScaling","name","size","color","View","marginTop","marginBottom","flex","VStack","H4","Body","weight","accessibilityRole","ButtonText","numberOfLines","ellipsizeMode","StaticComponent","ref","backgroundColor","accessible","PressableButton","Pressable","onTouchEnd","exports"],"sourceRoot":"../../../../src","sources":["components/alert/Alert.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_IOColors","_IOShapes","_IOSpacing","_hooks","_accessibility","_icons","_stack","_typography","_H","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ICON_SIZE","padding","paddingFullWidth","IOAlertSpacing","mapVariantStatesLightMode","error","icon","background","IOColors","foreground","warning","info","success","bgOpacityDarkMode","mapVariantStatesDarkMode","hexToRgba","Alert","forwardRef","variant","title","content","action","onPress","fullWidth","accessibilityHint","testID","viewRef","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","dynamicFontScale","spacingScaleMultiplier","useIOFontDynamicScale","themeType","useIOThemeContext","isMultiline","setIsMultiline","useState","onTextLayout","useCallback","event","nativeEvent","lines","length","paddingDefaultVariant","borderRadius","IOAlertRadius","borderCurve","mapVariantStates","renderMainBlock","createElement","HStack","space","IOVisualCostants","iconMargin","allowScaleSpacing","style","alignItems","Icon","allowFontScaling","name","size","color","View","marginTop","marginBottom","flex","VStack","H4","Body","weight","accessibilityRole","ButtonText","numberOfLines","ellipsizeMode","StaticComponent","ref","backgroundColor","accessible","PressableButton","Pressable","onTouchEnd","exports"],"sourceRoot":"../../../../src","sources":["components/alert/Alert.tsx"],"mappings":"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"}
|
|
@@ -15,7 +15,6 @@ var _typography = require("../typography");
|
|
|
15
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
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
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); }
|
|
18
|
-
const HEADER_BG_COLOR_DARK = "bluegrey";
|
|
19
18
|
const styles = _reactNative.StyleSheet.create({
|
|
20
19
|
headerInner: {
|
|
21
20
|
paddingHorizontal: _core.IOVisualCostants.appMarginDefault,
|
|
@@ -24,19 +23,27 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
24
23
|
flexDirection: "row",
|
|
25
24
|
alignItems: "center",
|
|
26
25
|
justifyContent: "space-between"
|
|
26
|
+
},
|
|
27
|
+
headerDivider: {
|
|
28
|
+
position: "absolute",
|
|
29
|
+
width: "100%",
|
|
30
|
+
height: _reactNative.StyleSheet.hairlineWidth,
|
|
31
|
+
left: 0,
|
|
32
|
+
right: 0,
|
|
33
|
+
bottom: 0
|
|
27
34
|
}
|
|
28
35
|
});
|
|
29
36
|
const HeaderFirstLevel = ({
|
|
30
37
|
title,
|
|
31
|
-
type,
|
|
32
38
|
testID,
|
|
33
|
-
backgroundColor = "light",
|
|
34
|
-
ignoreSafeAreaMargin = false,
|
|
35
39
|
firstAction,
|
|
36
40
|
secondAction,
|
|
37
|
-
thirdAction
|
|
41
|
+
thirdAction,
|
|
42
|
+
ignoreSafeAreaMargin = false,
|
|
43
|
+
animatedRef,
|
|
44
|
+
animatedFlatListRef
|
|
38
45
|
}) => {
|
|
39
|
-
const titleRef = /*#__PURE__*/React.createRef();
|
|
46
|
+
const titleRef = /*#__PURE__*/(0, React.createRef)();
|
|
40
47
|
const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
41
48
|
const theme = (0, _core.useIOTheme)();
|
|
42
49
|
const paddingTop = (0, _reactNativeReanimated.useSharedValue)(ignoreSafeAreaMargin ? 0 : insets.top);
|
|
@@ -46,6 +53,9 @@ const HeaderFirstLevel = ({
|
|
|
46
53
|
_reactNative.AccessibilityInfo.setAccessibilityFocus(reactNode);
|
|
47
54
|
}
|
|
48
55
|
});
|
|
56
|
+
|
|
57
|
+
/* We show the divider only when the header is scrolled down */
|
|
58
|
+
const offset = (0, _reactNativeReanimated.useScrollViewOffset)(animatedRef || animatedFlatListRef);
|
|
49
59
|
(0, React.useEffect)(() => {
|
|
50
60
|
// eslint-disable-next-line functional/immutable-data
|
|
51
61
|
paddingTop.value = (0, _reactNativeReanimated.withTiming)(ignoreSafeAreaMargin ? 0 : insets.top, _core.alertEdgeToEdgeInsetTransitionConfig);
|
|
@@ -53,13 +63,23 @@ const HeaderFirstLevel = ({
|
|
|
53
63
|
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
54
64
|
paddingTop: paddingTop.value
|
|
55
65
|
}));
|
|
66
|
+
const animatedDivider = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
67
|
+
opacity: (0, _reactNativeReanimated.withTiming)(offset.value > 0 ? 1 : 0, {
|
|
68
|
+
duration: 200
|
|
69
|
+
})
|
|
70
|
+
}));
|
|
56
71
|
return /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
57
72
|
style: [{
|
|
58
|
-
backgroundColor:
|
|
73
|
+
backgroundColor: _core.IOColors[theme["appBackground-primary"]]
|
|
59
74
|
}, animatedStyle],
|
|
60
75
|
accessibilityRole: "header",
|
|
61
76
|
testID: testID
|
|
62
|
-
}, /*#__PURE__*/React.createElement(
|
|
77
|
+
}, (animatedRef || animatedFlatListRef) && /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
78
|
+
style: [{
|
|
79
|
+
...styles.headerDivider,
|
|
80
|
+
backgroundColor: _core.IOColors[theme["divider-default"]]
|
|
81
|
+
}, animatedDivider]
|
|
82
|
+
}), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
63
83
|
style: styles.headerInner
|
|
64
84
|
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
65
85
|
ref: titleRef,
|
|
@@ -71,18 +91,18 @@ const HeaderFirstLevel = ({
|
|
|
71
91
|
flexShrink: 1
|
|
72
92
|
},
|
|
73
93
|
numberOfLines: 1,
|
|
74
|
-
color:
|
|
94
|
+
color: theme["textHeading-default"]
|
|
75
95
|
}, title)), /*#__PURE__*/React.createElement(_stack.HStack, {
|
|
76
96
|
space: 16,
|
|
77
97
|
style: {
|
|
78
98
|
flexShrink: 0
|
|
79
99
|
}
|
|
80
|
-
},
|
|
81
|
-
color:
|
|
82
|
-
})),
|
|
83
|
-
color:
|
|
84
|
-
})),
|
|
85
|
-
color:
|
|
100
|
+
}, thirdAction && /*#__PURE__*/React.createElement(_buttons.IconButton, _extends({}, thirdAction, {
|
|
101
|
+
color: "primary"
|
|
102
|
+
})), /*#__PURE__*/React.createElement(_buttons.IconButton, _extends({}, secondAction, {
|
|
103
|
+
color: "primary"
|
|
104
|
+
})), /*#__PURE__*/React.createElement(_buttons.IconButton, _extends({}, firstAction, {
|
|
105
|
+
color: "primary"
|
|
86
106
|
})))));
|
|
87
107
|
};
|
|
88
108
|
exports.HeaderFirstLevel = HeaderFirstLevel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeSafeAreaContext","_core","_buttons","_stack","_typography","_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","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeSafeAreaContext","_core","_buttons","_stack","_typography","_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","headerInner","paddingHorizontal","IOVisualCostants","appMarginDefault","height","headerHeight","width","flexDirection","alignItems","justifyContent","headerDivider","position","hairlineWidth","left","right","bottom","HeaderFirstLevel","title","testID","firstAction","secondAction","thirdAction","ignoreSafeAreaMargin","animatedRef","animatedFlatListRef","titleRef","createRef","insets","useSafeAreaInsets","theme","useIOTheme","paddingTop","useSharedValue","top","useLayoutEffect","reactNode","findNodeHandle","current","AccessibilityInfo","setAccessibilityFocus","offset","useScrollViewOffset","useEffect","value","withTiming","alertEdgeToEdgeInsetTransitionConfig","animatedStyle","useAnimatedStyle","animatedDivider","opacity","duration","createElement","View","style","backgroundColor","IOColors","accessibilityRole","ref","accessible","H3","weight","flexShrink","numberOfLines","color","HStack","space","IconButton","exports","_default"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderFirstLevel.tsx"],"mappings":"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"}
|
|
@@ -6,13 +6,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = exports.ListItemInfo = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
9
10
|
var _core = require("../../core");
|
|
11
|
+
var _hooks = require("../../hooks");
|
|
10
12
|
var _accessibility = require("../../utils/accessibility");
|
|
11
13
|
var _badge = require("../badge");
|
|
12
14
|
var _buttons = require("../buttons");
|
|
13
15
|
var _LogoPaymentWithFallback = require("../common/LogoPaymentWithFallback");
|
|
14
16
|
var _icons = require("../icons");
|
|
15
17
|
var _typography = require("../typography");
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
19
|
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); }
|
|
17
20
|
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; }
|
|
18
21
|
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); }
|
|
@@ -26,6 +29,9 @@ const ListItemInfo = ({
|
|
|
26
29
|
endElement,
|
|
27
30
|
accessibilityLabel,
|
|
28
31
|
accessibilityRole,
|
|
32
|
+
accessibilityActions,
|
|
33
|
+
onAccessibilityAction,
|
|
34
|
+
onLongPress,
|
|
29
35
|
testID
|
|
30
36
|
}) => {
|
|
31
37
|
const theme = (0, _core.useIOTheme)();
|
|
@@ -34,8 +40,14 @@ const ListItemInfo = ({
|
|
|
34
40
|
spacingScaleMultiplier,
|
|
35
41
|
hugeFontEnabled
|
|
36
42
|
} = (0, _accessibility.useIOFontDynamicScale)();
|
|
43
|
+
const {
|
|
44
|
+
onPressIn,
|
|
45
|
+
onPressOut,
|
|
46
|
+
scaleAnimatedStyle,
|
|
47
|
+
backgroundAnimatedStyle
|
|
48
|
+
} = (0, _hooks.useListItemAnimation)();
|
|
37
49
|
const componentValueToAccessibility = (0, _react.useMemo)(() => typeof value === "string" ? value : "", [value]);
|
|
38
|
-
const listItemAccessibilityLabel = (0, _react.useMemo)(() => accessibilityLabel
|
|
50
|
+
const listItemAccessibilityLabel = (0, _react.useMemo)(() => accessibilityLabel ?? `${label}; ${componentValueToAccessibility}`, [label, componentValueToAccessibility, accessibilityLabel]);
|
|
39
51
|
const itemInfoTextComponent = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
40
52
|
accessible: _reactNative.Platform.OS === "ios"
|
|
41
53
|
}, /*#__PURE__*/_react.default.createElement(_typography.BodySmall, {
|
|
@@ -70,17 +82,7 @@ const ListItemInfo = ({
|
|
|
70
82
|
}
|
|
71
83
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
|
|
72
84
|
}, [endElement]);
|
|
73
|
-
|
|
74
|
-
style: _core.IOListItemStyles.listItem,
|
|
75
|
-
testID: testID,
|
|
76
|
-
accessible: endElement === undefined ? true : false,
|
|
77
|
-
accessibilityLabel: listItemAccessibilityLabel,
|
|
78
|
-
accessibilityRole: accessibilityRole
|
|
79
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
80
|
-
style: [_core.IOListItemStyles.listItemInner, {
|
|
81
|
-
columnGap: _core.IOListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
|
|
82
|
-
}]
|
|
83
|
-
}, icon && !hugeFontEnabled && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
85
|
+
const ListItemInfoContent = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && !hugeFontEnabled && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
84
86
|
allowFontScaling: true,
|
|
85
87
|
name: icon,
|
|
86
88
|
color: "grey-450",
|
|
@@ -90,7 +92,39 @@ const ListItemInfo = ({
|
|
|
90
92
|
size: PAYMENT_LOGO_SIZE
|
|
91
93
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
92
94
|
style: _core.IOStyles.flex
|
|
93
|
-
}, itemInfoTextComponent), endElement && /*#__PURE__*/_react.default.createElement(_reactNative.View, null, listItemInfoAction()))
|
|
95
|
+
}, itemInfoTextComponent), endElement && /*#__PURE__*/_react.default.createElement(_reactNative.View, null, listItemInfoAction()));
|
|
96
|
+
if (onLongPress) {
|
|
97
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
98
|
+
onLongPress: onLongPress,
|
|
99
|
+
testID: testID,
|
|
100
|
+
accessible: !endElement,
|
|
101
|
+
onPressIn: onPressIn,
|
|
102
|
+
onPressOut: onPressOut,
|
|
103
|
+
onTouchEnd: onPressOut,
|
|
104
|
+
accessibilityRole: "button",
|
|
105
|
+
accessibilityLabel: listItemAccessibilityLabel,
|
|
106
|
+
accessibilityActions: accessibilityActions,
|
|
107
|
+
onAccessibilityAction: onAccessibilityAction
|
|
108
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
109
|
+
style: [_core.IOListItemStyles.listItem, backgroundAnimatedStyle]
|
|
110
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
111
|
+
style: [_core.IOListItemStyles.listItemInner, {
|
|
112
|
+
columnGap: _core.IOListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
|
|
113
|
+
}, scaleAnimatedStyle]
|
|
114
|
+
}, /*#__PURE__*/_react.default.createElement(ListItemInfoContent, null))));
|
|
115
|
+
} else {
|
|
116
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
117
|
+
style: _core.IOListItemStyles.listItem,
|
|
118
|
+
testID: testID,
|
|
119
|
+
accessible: !endElement,
|
|
120
|
+
accessibilityLabel: listItemAccessibilityLabel,
|
|
121
|
+
accessibilityRole: accessibilityRole
|
|
122
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
123
|
+
style: [_core.IOListItemStyles.listItemInner, {
|
|
124
|
+
columnGap: _core.IOListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
|
|
125
|
+
}]
|
|
126
|
+
}, /*#__PURE__*/_react.default.createElement(ListItemInfoContent, null)));
|
|
127
|
+
}
|
|
94
128
|
};
|
|
95
129
|
exports.ListItemInfo = ListItemInfo;
|
|
96
130
|
var _default = ListItemInfo;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_accessibility","_badge","_buttons","_LogoPaymentWithFallback","_icons","_typography","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_hooks","_accessibility","_badge","_buttons","_LogoPaymentWithFallback","_icons","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","PAYMENT_LOGO_SIZE","ListItemInfo","label","value","numberOfLines","icon","paymentLogoIcon","endElement","accessibilityLabel","accessibilityRole","accessibilityActions","onAccessibilityAction","onLongPress","testID","theme","useIOTheme","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","useIOFontDynamicScale","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","useListItemAnimation","componentValueToAccessibility","useMemo","listItemAccessibilityLabel","itemInfoTextComponent","createElement","View","accessible","Platform","OS","BodySmall","weight","color","H6","listItemInfoAction","useCallback","type","componentProps","buttonLinkAccessibilityLabel","ButtonLink","iconButtonAccessibilityLabel","IconButton","Badge","Fragment","ListItemInfoContent","Icon","allowFontScaling","name","size","IOListItemVisualParams","iconSize","LogoPaymentWithFallback","brand","style","IOStyles","flex","Pressable","onTouchEnd","IOListItemStyles","listItem","listItemInner","columnGap","iconMargin","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_hooks","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","PressableListItemBase","onPress","testID","children","accessibilityRole","props","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","useListItemAnimation","createElement","Pressable","accessible","onTouchEnd","View","style","IOListItemStyles","listItem","listItemInner","columnGap","IOListItemVisualParams","iconMargin","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/PressableListItemBase.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AAAmD,SAAAG,uBAAAG,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,SAAAX,wBAAAO,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;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAa5C,MAAMI,qBAAqB,GAAGA,CAAC;EACpCC,OAAO;EACPC,MAAM;EACNC,QAAQ;EACRC,iBAAiB;EACjB,GAAGC;AACkC,CAAC,KAAK;EAC3C,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC,kBAAkB;IAAEC;EAAwB,CAAC,GAC1E,IAAAC,2BAAoB,EAAC,CAAC;
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_hooks","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","PressableListItemBase","onPress","testID","children","accessibilityRole","props","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","useListItemAnimation","createElement","Pressable","accessible","onTouchEnd","View","style","IOListItemStyles","listItem","listItemInner","columnGap","IOListItemVisualParams","iconMargin","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/PressableListItemBase.tsx"],"mappings":"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"}
|
|
@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.PressableModuleBase = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeHapticFeedback = _interopRequireDefault(require("react-native-haptic-feedback"));
|
|
9
10
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
-
var _hooks = require("../../hooks");
|
|
11
11
|
var _core = require("../../core");
|
|
12
|
+
var _hooks = require("../../hooks");
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
14
|
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); }
|
|
13
15
|
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; }
|
|
14
16
|
const PressableModuleBase = ({
|
|
@@ -32,8 +34,14 @@ const PressableModuleBase = ({
|
|
|
32
34
|
If we remove it, they they won't be able to understand
|
|
33
35
|
if there's an ongoing interaction. */
|
|
34
36
|
|
|
37
|
+
const handleOnPress = (0, React.useCallback)(event => {
|
|
38
|
+
if (onPress) {
|
|
39
|
+
_reactNativeHapticFeedback.default.trigger("impactLight");
|
|
40
|
+
onPress(event);
|
|
41
|
+
}
|
|
42
|
+
}, [onPress]);
|
|
35
43
|
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
36
|
-
onPress:
|
|
44
|
+
onPress: handleOnPress,
|
|
37
45
|
testID: testID,
|
|
38
46
|
accessible: true,
|
|
39
47
|
onPressIn: onPressIn,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","PressableModuleBase","onPress","withLooseSpacing","accessibilityLabel","accessibilityHint","testID","children","theme","useIOTheme","reducedMotion","useReducedMotion","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","createElement","Pressable","accessible","onTouchEnd","accessibilityRole","View","style","IOModuleStyles","button","borderColor","IOColors","paddingVertical","IOModuleIDPSavedVSpacing","exports"],"sourceRoot":"../../../../src","sources":["components/modules/PressableModuleBase.tsx"],"mappings":"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"}
|
|
@@ -132,7 +132,8 @@ const OTPInput = /*#__PURE__*/React.forwardRef(({
|
|
|
132
132
|
autoComplete: autocomplete ? "sms-otp" : undefined,
|
|
133
133
|
inputAccessoryViewID: inputAccessoryViewID,
|
|
134
134
|
accessible: true,
|
|
135
|
-
autoFocus: autoFocus
|
|
135
|
+
autoFocus: autoFocus,
|
|
136
|
+
secureTextEntry: true
|
|
136
137
|
}), [...Array(length)].map((_, i) => /*#__PURE__*/React.createElement(_BoxedInput.BoxedInput, {
|
|
137
138
|
key: i,
|
|
138
139
|
status: hasError ? "error" : hasFocus && value.length === i ? "focus" : "default",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_IOStyles","_functions","_useErrorShakeAnimation","_spacer","_typography","_BoxedInput","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","OTPInput","forwardRef","value","onValueChange","length","accessibilityLabel","accessibilityHint","onValidate","errorMessage","secret","autocomplete","inputAccessoryViewID","autoFocus","deleteButtonAccessibilityLabel","ref","hasFocus","setHasFocus","useState","hasError","setHasError","translate","animatedStyle","shakeAnimation","useErrorShakeAnimation","inputRef","createRef","timerRef","useRef","handleValidate","val","isValid","triggerHaptic","current","clearTimeout","setTimeout","useEffect","handleChange","handleKeyPress","nativeEvent","AccessibilityInfo","announceForAccessibility","createElement","View","style","flexGrow","Pressable","onPress","_inputRef$current","focus","IOStyles","row","justifyContent","accessible","accessibilityValue","text","TextInput","onChangeText","onKeyPress","position","opacity","maxLength","onBlur","keyboardType","inputMode","returnKeyType","textContentType","autoComplete","undefined","Array","map","_","i","BoxedInput","status","VSpacer","size","BodySmall","weight","color","textAlign","exports"],"sourceRoot":"../../../../src","sources":["components/otpInput/OTPInput.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,uBAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAA0C,SAAAG,uBAAAO,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,SAAAf,wBAAAW,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;AAiB1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMW,QAAQ,gBAAGlC,KAAK,CAACmC,UAAU,CACtC,CACE;EACEC,KAAK;EACLC,aAAa;EACbC,MAAM;EACNC,kBAAkB;EAClBC,iBAAiB;EACjBC,UAAU;EACVC,YAAY,GAAG,EAAE;EACjBC,MAAM,GAAG,KAAK;EACdC,YAAY,GAAG,KAAK;EACpBC,oBAAoB;EACpBC,SAAS,GAAG,KAAK;EACjBC;AACF,CAAC,EACDC,GAAG,KACA;EACH,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGlD,KAAK,CAACmD,QAAQ,CAACL,SAAS,CAAC;EACzD,MAAM,CAACM,QAAQ,EAAEC,WAAW,CAAC,GAAGrD,KAAK,CAACmD,QAAQ,CAAC,KAAK,CAAC;EAErD,MAAM;IAAEG,SAAS;IAAEC,aAAa;IAAEC;EAAe,CAAC,GAChD,IAAAC,8CAAsB,EAAC,CAAC;EAE1B,MAAMC,QAAQ,gBAAG1D,KAAK,CAAC2D,SAAS,CAAY,CAAC;EAC7C,MAAMC,QAAQ,GAAG5D,KAAK,CAAC6D,MAAM,CAAiB,CAAC;EAE/C,MAAMC,cAAc,GAAIC,GAAW,IAAK;IACtC,IAAI,CAACtB,UAAU,IAAIsB,GAAG,CAACzB,MAAM,GAAGA,MAAM,EAAE;MACtC;IACF;IACA,MAAM0B,OAAO,GAAGvB,UAAU,CAACsB,GAAG,CAAC;IAC/B,IAAI,CAACC,OAAO,EAAE;MACZX,WAAW,CAAC,IAAI,CAAC;MACjB,IAAAY,wBAAa,EAAC,mBAAmB,CAAC;MAClC;MACAX,SAAS,CAAClB,KAAK,GAAGoB,cAAc,CAAC,CAAC;MAElC,IAAII,QAAQ,CAACM,OAAO,EAAE;QACpBC,YAAY,CAACP,QAAQ,CAACM,OAAO,CAAC;MAChC;MACA;MACAN,QAAQ,CAACM,OAAO,GAAGE,UAAU,CAAC,MAAM;QAClCf,WAAW,CAAC,KAAK,CAAC;QAClBhB,aAAa,CAAC,EAAE,CAAC;MACnB,CAAC,EAAE,GAAG,CAAC;IACT;EACF,CAAC;EAEDrC,KAAK,CAACqE,SAAS,CAAC,MAAM,MAAMF,YAAY,CAACP,QAAQ,CAACM,OAAO,CAAC,EAAE,EAAE,CAAC;EAE/D,MAAMI,YAAY,GAAIlC,KAAa,IAAK;IACtC,IAAIA,KAAK,CAACE,MAAM,GAAGA,MAAM,EAAE;MACzB;IACF;IACAD,aAAa,CAACD,KAAK,CAAC;IACpB0B,cAAc,CAAC1B,KAAK,CAAC;EACvB,CAAC;EAED,MAAMmC,cAAc,GAAGA,CAAC;IACtBC;EACgD,CAAC,KAAK;IACtD,QAAQA,WAAW,CAAC5C,GAAG;MACrB,KAAK,WAAW;QACd,IAAImB,8BAA8B,IAAIX,KAAK,CAACE,MAAM,GAAG,CAAC,EAAE;UACtDmC,8BAAiB,CAACC,wBAAwB,CACxC3B,8BACF,CAAC;QACH;QACA;MACF;QACE0B,8BAAiB,CAACC,wBAAwB,CAACF,WAAW,CAAC5C,GAAG,CAAC;QAC3D;IACJ;EACF,CAAC;EAED,oBACE5B,KAAA,CAAA2E,aAAA,CAACvE,sBAAA,CAAAU,OAAQ,CAAC8D,IAAI;IAACC,KAAK,EAAE,CAAC;MAAEC,QAAQ,EAAE;IAAE,CAAC,EAAEvB,aAAa;EAAE,gBACrDvD,KAAA,CAAA2E,aAAA,CAACxE,YAAA,CAAA4E,SAAS;IACRC,OAAO,EAAEA,CAAA,KAAM;MAAA,IAAAC,iBAAA;MACb,CAAAA,iBAAA,GAAAvB,QAAQ,CAACQ,OAAO,cAAAe,iBAAA,eAAhBA,iBAAA,CAAkBC,KAAK,CAAC,CAAC;MACzBhC,WAAW,CAAC,IAAI,CAAC;IACnB,CAAE;IACFF,GAAG,EAAEA,GAAI;IACT6B,KAAK,EAAE,CAACM,kBAAQ,CAACC,GAAG,EAAE;MAAEC,cAAc,EAAE;IAAe,CAAC,CAAE;IAC1DC,UAAU,EAAE,IAAK;IACjB/C,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrC+C,kBAAkB,EAAE;MAAEC,IAAI,EAAEpD;IAAM;EAAE,gBAEpCpC,KAAA,CAAA2E,aAAA,CAACxE,YAAA,CAAAsF,SAAS;IACRrD,KAAK,EAAEA,KAAM;IACbsD,YAAY,EAAEpB,YAAa;IAC3BqB,UAAU,EAAEpB,cAAe;IAC3BM,KAAK,EAAE;MAAEe,QAAQ,EAAE,UAAU;MAAEC,OAAO,EAAE;IAAE,CAAE;IAC5CC,SAAS,EAAExD,MAAO;IAClBU,GAAG,EAAEU,QAAS;IACdqC,MAAM,EAAEA,CAAA,KAAM7C,WAAW,CAAC,KAAK,CAAE;IACjC8C,YAAY,EAAC,SAAS;IACtBC,SAAS,EAAC,SAAS;IACnBC,aAAa,EAAC,MAAM;IACpBC,eAAe,EAAC,aAAa;IAC7BC,YAAY,EAAExD,YAAY,GAAG,SAAS,GAAGyD,SAAU;IACnDxD,oBAAoB,EAAEA,oBAAqB;IAC3CyC,UAAU,EAAE,IAAK;IACjBxC,SAAS,EAAEA;
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_IOStyles","_functions","_useErrorShakeAnimation","_spacer","_typography","_BoxedInput","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","OTPInput","forwardRef","value","onValueChange","length","accessibilityLabel","accessibilityHint","onValidate","errorMessage","secret","autocomplete","inputAccessoryViewID","autoFocus","deleteButtonAccessibilityLabel","ref","hasFocus","setHasFocus","useState","hasError","setHasError","translate","animatedStyle","shakeAnimation","useErrorShakeAnimation","inputRef","createRef","timerRef","useRef","handleValidate","val","isValid","triggerHaptic","current","clearTimeout","setTimeout","useEffect","handleChange","handleKeyPress","nativeEvent","AccessibilityInfo","announceForAccessibility","createElement","View","style","flexGrow","Pressable","onPress","_inputRef$current","focus","IOStyles","row","justifyContent","accessible","accessibilityValue","text","TextInput","onChangeText","onKeyPress","position","opacity","maxLength","onBlur","keyboardType","inputMode","returnKeyType","textContentType","autoComplete","undefined","secureTextEntry","Array","map","_","i","BoxedInput","status","VSpacer","size","BodySmall","weight","color","textAlign","exports"],"sourceRoot":"../../../../src","sources":["components/otpInput/OTPInput.tsx"],"mappings":"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"}
|
|
@@ -29,12 +29,8 @@ const inputLabelScaleFactor = 0.75; /* 16pt becomes 12pt */
|
|
|
29
29
|
const inputLabelFontSize = 16;
|
|
30
30
|
const inputDisabledOpacity = 0.5;
|
|
31
31
|
const inputRightElementMargin = 8;
|
|
32
|
-
const iconColor = "grey-300";
|
|
33
32
|
const iconSize = 24;
|
|
34
33
|
const iconMargin = 8;
|
|
35
|
-
const inputLabelColor = _core.IOColors["grey-700"];
|
|
36
|
-
const inputTextColor = _core.IOColors.black;
|
|
37
|
-
const inputDisabledTextColor = _core.IOColors["grey-850"];
|
|
38
34
|
const styles = _reactNative.StyleSheet.create({
|
|
39
35
|
textInput: {
|
|
40
36
|
flexDirection: "row",
|
|
@@ -84,11 +80,9 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
84
80
|
justifyContent: "center"
|
|
85
81
|
},
|
|
86
82
|
textInputLabel: {
|
|
87
|
-
color: inputLabelColor,
|
|
88
83
|
...(0, _fonts.makeFontStyleObject)(inputLabelFontSize, "Titillio", undefined, "Regular")
|
|
89
84
|
},
|
|
90
85
|
textInputLabelLegacyFont: {
|
|
91
|
-
color: inputLabelColor,
|
|
92
86
|
...(0, _fonts.makeFontStyleObject)(inputLabelFontSize, "TitilliumSansPro", undefined, "Regular")
|
|
93
87
|
}
|
|
94
88
|
});
|
|
@@ -96,9 +90,12 @@ const HelperRow = ({
|
|
|
96
90
|
value,
|
|
97
91
|
counterLimit,
|
|
98
92
|
bottomMessage,
|
|
99
|
-
bottomMessageColor
|
|
93
|
+
bottomMessageColor
|
|
100
94
|
}) => {
|
|
95
|
+
const theme = (0, _core.useIOTheme)();
|
|
101
96
|
const valueCount = (0, _react.useMemo)(() => value.length, [value]);
|
|
97
|
+
const bottomMessageColorDefault = theme["textBody-tertiary"];
|
|
98
|
+
const bottomMessageColorValue = bottomMessageColor ?? bottomMessageColorDefault;
|
|
102
99
|
const helperRowStyle = (0, _react.useMemo)(() => {
|
|
103
100
|
if (counterLimit && bottomMessage) {
|
|
104
101
|
return {
|
|
@@ -129,10 +126,10 @@ const HelperRow = ({
|
|
|
129
126
|
importantForAccessibility: bottomMessageColor === "error-600" ? "no-hide-descendants" : "auto"
|
|
130
127
|
}, bottomMessage && /*#__PURE__*/_react.default.createElement(_typography.BodySmall, {
|
|
131
128
|
weight: "Regular",
|
|
132
|
-
color:
|
|
129
|
+
color: bottomMessageColorValue
|
|
133
130
|
}, bottomMessage), counterLimit && /*#__PURE__*/_react.default.createElement(_typography.BodySmall, {
|
|
134
131
|
weight: "Regular",
|
|
135
|
-
color:
|
|
132
|
+
color: bottomMessageColorValue
|
|
136
133
|
}, `${valueCount} / ${counterLimit}`));
|
|
137
134
|
};
|
|
138
135
|
const TextInputBase = ({
|
|
@@ -158,16 +155,20 @@ const TextInputBase = ({
|
|
|
158
155
|
}) => {
|
|
159
156
|
const inputRef = (0, _react.useRef)(null);
|
|
160
157
|
const isSecretInput = (0, _react.useMemo)(() => isPassword, [isPassword]);
|
|
161
|
-
const [inputStatus, setInputStatus] = _react.
|
|
158
|
+
const [inputStatus, setInputStatus] = (0, _react.useState)(disabled ? "disabled" : "initial");
|
|
162
159
|
const focusedState = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
163
160
|
const {
|
|
164
161
|
dynamicFontScale,
|
|
165
162
|
spacingScaleMultiplier
|
|
166
163
|
} = (0, _accessibility.useIOFontDynamicScale)();
|
|
167
164
|
const theme = (0, _core.useIOTheme)();
|
|
165
|
+
const iconColor = theme["icon-decorative"];
|
|
166
|
+
const inputLabelColor = _core.IOColors[theme["textInputLabel-default"]];
|
|
167
|
+
const inputTextColor = _core.IOColors[theme["textInputValue-default"]];
|
|
168
|
+
const inputDisabledTextColor = _core.IOColors[theme["textInputValue-disabled"]];
|
|
168
169
|
|
|
169
170
|
/* Get the label width to enable the correct translation */
|
|
170
|
-
const [labelWidth, setLabelWidth] = _react.
|
|
171
|
+
const [labelWidth, setLabelWidth] = (0, _react.useState)(0);
|
|
171
172
|
const getLabelWidth = ({
|
|
172
173
|
nativeEvent
|
|
173
174
|
}) => {
|
|
@@ -185,10 +186,10 @@ const TextInputBase = ({
|
|
|
185
186
|
/* Visual attributes */
|
|
186
187
|
const appBackground = _core.IOColors[theme["appBackground-primary"]];
|
|
187
188
|
const borderColorMap = (0, _react.useMemo)(() => ({
|
|
188
|
-
initial: _core.IOColors["
|
|
189
|
-
disabled: _core.IOColors["
|
|
189
|
+
initial: _core.IOColors[theme["textInputBorder-default"]],
|
|
190
|
+
disabled: _core.IOColors[theme["textInputBorder-default"]],
|
|
190
191
|
focused: _core.IOColors[theme["interactiveElem-default"]],
|
|
191
|
-
error: _core.IOColors[
|
|
192
|
+
error: _core.IOColors[theme.errorText]
|
|
192
193
|
}), [theme]);
|
|
193
194
|
const easingConf = {
|
|
194
195
|
duration: inputTransitionDuration,
|
|
@@ -315,7 +316,9 @@ const TextInputBase = ({
|
|
|
315
316
|
onLayout: getLabelWidth,
|
|
316
317
|
numberOfLines: 1,
|
|
317
318
|
accessible: false,
|
|
318
|
-
style: [isExperimental ? styles.textInputLabel : styles.textInputLabelLegacyFont,
|
|
319
|
+
style: [isExperimental ? styles.textInputLabel : styles.textInputLabelLegacyFont, {
|
|
320
|
+
color: inputLabelColor
|
|
321
|
+
}, animatedLabelStyle]
|
|
319
322
|
}, placeholder)), rightElement && /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
320
323
|
style: {
|
|
321
324
|
alignSelf: "stretch",
|