@pagopa/io-app-design-system 5.0.6 → 5.1.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/codeInput/CodeInput.js +8 -5
- package/lib/commonjs/components/codeInput/CodeInput.js.map +1 -1
- package/lib/commonjs/components/common/ScaleInOutAnimation.js +7 -5
- package/lib/commonjs/components/common/ScaleInOutAnimation.js.map +1 -1
- package/lib/commonjs/components/layout/ForceScrollDownView.js +27 -23
- package/lib/commonjs/components/layout/ForceScrollDownView.js.map +1 -1
- package/lib/commonjs/components/layout/__test__/ForceScrollDownView.test.js +12 -4
- package/lib/commonjs/components/layout/__test__/ForceScrollDownView.test.js.map +1 -1
- package/lib/commonjs/components/layout/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap +1 -6
- package/lib/commonjs/components/layout/hooks/useFooterActionsInlineMeasurements.js +2 -2
- package/lib/commonjs/components/layout/hooks/useFooterActionsInlineMeasurements.js.map +1 -1
- package/lib/commonjs/components/layout/hooks/useFooterActionsMeasurements.js +2 -2
- package/lib/commonjs/components/layout/hooks/useFooterActionsMeasurements.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +2 -1
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -0
- package/lib/commonjs/components/numberpad/NumberButton.js +17 -14
- package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberPad.js +3 -3
- package/lib/commonjs/components/numberpad/NumberPad.js.map +1 -1
- package/lib/commonjs/components/tabs/TabItem.js +2 -6
- package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
- package/lib/commonjs/components/tabs/TabNavigation.js +3 -4
- package/lib/commonjs/components/tabs/TabNavigation.js.map +1 -1
- package/lib/module/components/codeInput/CodeInput.js +8 -5
- package/lib/module/components/codeInput/CodeInput.js.map +1 -1
- package/lib/module/components/common/ScaleInOutAnimation.js +8 -6
- package/lib/module/components/common/ScaleInOutAnimation.js.map +1 -1
- package/lib/module/components/layout/ForceScrollDownView.js +27 -23
- package/lib/module/components/layout/ForceScrollDownView.js.map +1 -1
- package/lib/module/components/layout/__test__/ForceScrollDownView.test.js +12 -4
- package/lib/module/components/layout/__test__/ForceScrollDownView.test.js.map +1 -1
- package/lib/module/components/layout/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap +1 -6
- package/lib/module/components/layout/hooks/useFooterActionsInlineMeasurements.js +3 -3
- package/lib/module/components/layout/hooks/useFooterActionsInlineMeasurements.js.map +1 -1
- package/lib/module/components/layout/hooks/useFooterActionsMeasurements.js +3 -3
- package/lib/module/components/layout/hooks/useFooterActionsMeasurements.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js +2 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -0
- package/lib/module/components/numberpad/NumberButton.js +18 -16
- package/lib/module/components/numberpad/NumberButton.js.map +1 -1
- package/lib/module/components/numberpad/NumberPad.js +3 -3
- package/lib/module/components/numberpad/NumberPad.js.map +1 -1
- package/lib/module/components/tabs/TabItem.js +2 -6
- package/lib/module/components/tabs/TabItem.js.map +1 -1
- package/lib/module/components/tabs/TabNavigation.js +3 -4
- package/lib/module/components/tabs/TabNavigation.js.map +1 -1
- package/lib/typescript/components/codeInput/CodeInput.d.ts +1 -1
- package/lib/typescript/components/codeInput/CodeInput.d.ts.map +1 -1
- package/lib/typescript/components/common/ScaleInOutAnimation.d.ts +1 -3
- package/lib/typescript/components/common/ScaleInOutAnimation.d.ts.map +1 -1
- package/lib/typescript/components/layout/ForceScrollDownView.d.ts +20 -8
- package/lib/typescript/components/layout/ForceScrollDownView.d.ts.map +1 -1
- package/lib/typescript/components/layout/hooks/useFooterActionsInlineMeasurements.d.ts.map +1 -1
- package/lib/typescript/components/layout/hooks/useFooterActionsMeasurements.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberButton.d.ts +2 -2
- package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
- package/lib/typescript/components/tabs/TabItem.d.ts +0 -2
- package/lib/typescript/components/tabs/TabItem.d.ts.map +1 -1
- package/lib/typescript/components/tabs/TabNavigation.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/codeInput/CodeInput.tsx +11 -7
- package/src/components/common/ScaleInOutAnimation.tsx +8 -10
- package/src/components/layout/ForceScrollDownView.tsx +67 -32
- package/src/components/layout/__test__/ForceScrollDownView.test.tsx +4 -4
- package/src/components/layout/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap +1 -6
- package/src/components/layout/hooks/useFooterActionsInlineMeasurements.ts +7 -6
- package/src/components/layout/hooks/useFooterActionsMeasurements.ts +7 -6
- package/src/components/listitems/ListItemRadioWithAmount.tsx +5 -1
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -0
- package/src/components/numberpad/NumberButton.tsx +30 -18
- package/src/components/numberpad/NumberPad.tsx +3 -3
- package/src/components/tabs/TabItem.tsx +18 -27
- package/src/components/tabs/TabNavigation.tsx +2 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_buttons","_stack","_NumberButton","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapIconSpecByBiometric","FACE_ID","icon","size","TOUCH_ID","BIOMETRICS","NumberPad","variant","biometricType","biometricAccessibilityLabel","deleteAccessibilityLabel","onNumberPress","onBiometricPress","onDeletePress","renderButtonsRow","useCallback","row","map","item","createElement","NumberButton","number","onPress","ButtonWrapper","IconButton","color","accessibilityLabel","iconSize","View","style","IONumberPadButtonStyles","buttonSize","numberPad","useMemo","VStack","space","i","IOStyles","rowSpaceBetween","styles","horizontalContentPadding","exports","children","alignCenter","centerJustified","StyleSheet","create","justifyContent","alignItems","flexGrow"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberPad.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAA8C,SAAAM,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,SAAAR,wBAAAY,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;AAiD9C,MAAMW,sBAGL,GAAG;EACFC,OAAO,EAAE;IAAEC,IAAI,EAAE,YAAY;IAAEC,IAAI,EAAE;EAAG,CAAC;EACzCC,QAAQ,EAAE;IAAEF,IAAI,EAAE,aAAa;IAAEC,IAAI,EAAE;EAAG,CAAC;EAC3CE,UAAU,EAAE;IAAEH,IAAI,EAAE,aAAa;IAAEC,IAAI,EAAE;EAAG;AAC9C,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,SAAS,GAAGA,CAAC;EACxBC,OAAO,GAAG,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_buttons","_stack","_NumberButton","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapIconSpecByBiometric","FACE_ID","icon","size","TOUCH_ID","BIOMETRICS","NumberPad","variant","biometricType","biometricAccessibilityLabel","deleteAccessibilityLabel","onNumberPress","onBiometricPress","onDeletePress","renderButtonsRow","useCallback","row","map","item","createElement","NumberButton","number","onPress","ButtonWrapper","IconButton","color","accessibilityLabel","iconSize","View","style","IONumberPadButtonStyles","buttonSize","numberPad","useMemo","VStack","space","i","IOStyles","rowSpaceBetween","styles","horizontalContentPadding","exports","children","alignCenter","centerJustified","StyleSheet","create","justifyContent","alignItems","flexGrow"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberPad.tsx"],"mappings":"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"}
|
|
@@ -20,7 +20,6 @@ const TabItem = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
20
20
|
label,
|
|
21
21
|
color = "light",
|
|
22
22
|
selected = false,
|
|
23
|
-
fullWidth = false,
|
|
24
23
|
accessibilityLabel,
|
|
25
24
|
accessibilityHint,
|
|
26
25
|
testID,
|
|
@@ -81,7 +80,7 @@ const TabItem = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
81
80
|
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
82
81
|
backgroundColor: (0, _reactNativeReanimated.interpolateColor)(selectedStateTransition.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.selected]),
|
|
83
82
|
borderColor: (0, _reactNativeReanimated.interpolateColor)(selectedStateTransition.value, [0, 1], [mapColorStates[color].border.default, mapColorStates[color].border.selected])
|
|
84
|
-
})
|
|
83
|
+
}));
|
|
85
84
|
const activeIcon = selected ? iconSelected ?? icon : icon;
|
|
86
85
|
const handleOnPress = (0, _react.useCallback)(event => {
|
|
87
86
|
if (onPress) {
|
|
@@ -106,7 +105,7 @@ const TabItem = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
106
105
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
107
106
|
style: [styles.container, {
|
|
108
107
|
columnGap: 4
|
|
109
|
-
}, !disabled && !reducedMotion && scaleAnimatedStyle, animatedStyle,
|
|
108
|
+
}, !disabled && !reducedMotion && scaleAnimatedStyle, animatedStyle, disabled && {
|
|
110
109
|
opacity: DISABLED_OPACITY
|
|
111
110
|
}]
|
|
112
111
|
}, activeIcon && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
@@ -132,9 +131,6 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
132
131
|
borderCurve: "continuous",
|
|
133
132
|
justifyContent: "center",
|
|
134
133
|
alignSelf: "flex-start"
|
|
135
|
-
},
|
|
136
|
-
fullWidth: {
|
|
137
|
-
alignSelf: "auto"
|
|
138
134
|
}
|
|
139
135
|
});
|
|
140
136
|
//# sourceMappingURL=TabItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","TabItem","forwardRef","label","color","selected","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","TabItem","forwardRef","label","color","selected","accessibilityLabel","accessibilityHint","testID","onPress","disabled","icon","iconSelected","ref","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","theme","useIOTheme","reducedMotion","useReducedMotion","newTypefaceEnabled","useIONewTypeface","mapColorStates","useMemo","light","border","IOColors","hexToRgba","background","pressed","foreground","dark","white","itemState","foregroundColor","selectedStateTransition","useDerivedValue","withSpring","IOSpringValues","selection","animatedStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","borderColor","activeIcon","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","createElement","Pressable","accessibilityRole","accessibilityState","checked","accessible","View","style","styles","container","columnGap","opacity","Icon","name","size","IOText","font","weight","exports","StyleSheet","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderWidth","borderRadius","borderCurve","justifyContent","alignSelf"],"sourceRoot":"../../../../src","sources":["components/tabs/TabItem.tsx"],"mappings":"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"}
|
|
@@ -33,9 +33,7 @@ const TabNavigation = ({
|
|
|
33
33
|
const stretchItems = tabAlignment === "stretch";
|
|
34
34
|
const wrapChild = (child, index = 0) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
35
35
|
key: index,
|
|
36
|
-
style: [styles.item, {
|
|
37
|
-
marginEnd: index === _react.default.Children.count(children) - 1 ? 0 : 8
|
|
38
|
-
}, stretchItems && {
|
|
36
|
+
style: [styles.item, stretchItems && {
|
|
39
37
|
minWidth: itemMinWidth
|
|
40
38
|
}],
|
|
41
39
|
onLayout: handleItemOnLayout
|
|
@@ -56,7 +54,8 @@ const TabNavigation = ({
|
|
|
56
54
|
paddingHorizontal: _core.IOVisualCostants.appMarginDefault
|
|
57
55
|
} : {}, {
|
|
58
56
|
flexGrow: 1,
|
|
59
|
-
justifyContent: itemsJustify[tabAlignment]
|
|
57
|
+
justifyContent: itemsJustify[tabAlignment],
|
|
58
|
+
gap: 8
|
|
60
59
|
}]
|
|
61
60
|
}, Array.isArray(children) ? children.map(wrapChild) : wrapChild(children));
|
|
62
61
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_core","obj","__esModule","default","itemsJustify","start","center","end","stretch","TabNavigation","color","selectedIndex","tabAlignment","onItemPress","children","includeContentMargins","itemMinWidth","setItemMinWidth","React","useState","handleItemOnLayout","event","width","nativeEvent","layout","current","Math","max","stretchItems","wrapChild","child","index","createElement","View","key","style","styles","item","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_core","obj","__esModule","default","itemsJustify","start","center","end","stretch","TabNavigation","color","selectedIndex","tabAlignment","onItemPress","children","includeContentMargins","itemMinWidth","setItemMinWidth","React","useState","handleItemOnLayout","event","width","nativeEvent","layout","current","Math","max","stretchItems","wrapChild","child","index","createElement","View","key","style","styles","item","minWidth","onLayout","cloneElement","onPress","_child$props$onPress","_child$props","props","call","selected","ScrollView","horizontal","centerContent","showsHorizontalScrollIndicator","contentContainerStyle","paddingHorizontal","IOVisualCostants","appMarginDefault","flexGrow","justifyContent","gap","Array","isArray","map","exports","StyleSheet","create","flexShrink","flexBasis","alignItems"],"sourceRoot":"../../../../src","sources":["components/tabs/TabNavigation.tsx"],"mappings":"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"}
|
|
@@ -34,12 +34,13 @@ export const CodeInput = ({
|
|
|
34
34
|
length,
|
|
35
35
|
value,
|
|
36
36
|
onValueChange,
|
|
37
|
-
variant = "
|
|
37
|
+
variant = "primary",
|
|
38
38
|
onValidate
|
|
39
39
|
}) => {
|
|
40
40
|
const [status, setStatus] = useState("default");
|
|
41
41
|
const {
|
|
42
|
-
themeType
|
|
42
|
+
themeType,
|
|
43
|
+
theme
|
|
43
44
|
} = useIOThemeContext();
|
|
44
45
|
const {
|
|
45
46
|
translate,
|
|
@@ -50,16 +51,18 @@ export const CodeInput = ({
|
|
|
50
51
|
/* Empty Dot
|
|
51
52
|
- Right color depending on both theme and variant */
|
|
52
53
|
const emptyDotColorLightBg = IOColors["grey-650"];
|
|
53
|
-
const emptyDotColorDarkBg =
|
|
54
|
+
const emptyDotColorDarkBg = IOColors["grey-300"];
|
|
55
|
+
const emptyDotColorAccentBg = hexToRgba(IOColors.white, 0.75);
|
|
54
56
|
const emptyDotColorThemeBased = themeType === "light" ? emptyDotColorLightBg : emptyDotColorDarkBg;
|
|
55
|
-
const emptyDotColor = variant === "
|
|
57
|
+
const emptyDotColor = variant === "primary" ? emptyDotColorAccentBg : emptyDotColorThemeBased;
|
|
56
58
|
|
|
57
59
|
/* Filled Dot
|
|
58
60
|
- Right color depending on theme, variant and status */
|
|
59
61
|
const filledDotColorLightBg = IOColors.black;
|
|
60
62
|
const filledDotColorDarkBg = IOColors.white;
|
|
63
|
+
const filledDotColorError = variant === "primary" ? IOColors["error-400"] : IOColors[theme.errorText];
|
|
61
64
|
const filledDotColorThemeBased = themeType === "light" ? filledDotColorLightBg : filledDotColorDarkBg;
|
|
62
|
-
const filledDotColor = status === "error" ?
|
|
65
|
+
const filledDotColor = status === "error" ? filledDotColorError : variant === "primary" ? filledDotColorDarkBg : filledDotColorThemeBased;
|
|
63
66
|
useEffect(() => {
|
|
64
67
|
if (onValidate && value.length === length) {
|
|
65
68
|
const isValid = onValidate(value);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","StyleSheet","View","Animated","hexToRgba","IOColors","useIOThemeContext","triggerHaptic","useErrorShakeAnimation","HStack","DOT_SIZE","styles","create","dotShape","width","height","borderRadius","borderWidth","EmptyDot","color","borderColor","createElement","style","backgroundColor","FilledDot","CodeInput","length","value","onValueChange","variant","onValidate","status","setStatus","themeType","translate","animatedStyle","shakeAnimation","emptyDotColorLightBg","emptyDotColorDarkBg","white","emptyDotColorThemeBased","emptyDotColor","filledDotColorLightBg","black","filledDotColorDarkBg","filledDotColorThemeBased","filledDotColor","isValid","timer","setTimeout","clearTimeout","flexDirection","justifyContent","space","Array","map","_","i","key"],"sourceRoot":"../../../../src","sources":["components/codeInput/CodeInput.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAAqBC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC3D,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,SAAS,EAAEC,QAAQ,EAAEC,iBAAiB,QAAQ,YAAY;AACnE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,sBAAsB,QAAQ,0CAA0C;AACjF,SAASC,MAAM,QAAQ,UAAU;AAUjC,MAAMC,QAAQ,GAAG,EAAE;AAEnB,MAAMC,MAAM,GAAGV,UAAU,CAACW,MAAM,CAAC;EAC/BC,QAAQ,EAAE;IACRC,KAAK,EAAEJ,QAAQ;IACfK,MAAM,EAAEL,QAAQ;IAChBM,YAAY,EAAEN,QAAQ,GAAG,CAAC;IAC1BO,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,KAAK,EAAEC;AAAmC,CAAC,kBAC7DtB,KAAA,CAAAuB,aAAA,CAACnB,IAAI;EACHoB,KAAK,EAAE,CACLX,MAAM,CAACE,QAAQ,EACf;IACEO,WAAW;IACXG,eAAe,EAAEnB,SAAS,CAACgB,WAAW,EAAE,CAAC;EAC3C,CAAC;AACD,CACH,CACF;AAED,MAAMI,SAAS,GAAGA,CAAC;EAAEL,KAAK,EAAEI;AAAuC,CAAC,kBAClEzB,KAAA,CAAAuB,aAAA,CAACnB,IAAI;EACHoB,KAAK,EAAE,CAACX,MAAM,CAACE,QAAQ,EAAE;IAAEU,eAAe;IAAEH,WAAW,EAAEG;EAAgB,CAAC;AAAE,CAC7E,CACF;AAED,OAAO,MAAME,SAAS,GAAGA,CAAC;EACxBC,MAAM;EACNC,KAAK;EACLC,aAAa;EACbC,OAAO,GAAG,
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","StyleSheet","View","Animated","hexToRgba","IOColors","useIOThemeContext","triggerHaptic","useErrorShakeAnimation","HStack","DOT_SIZE","styles","create","dotShape","width","height","borderRadius","borderWidth","EmptyDot","color","borderColor","createElement","style","backgroundColor","FilledDot","CodeInput","length","value","onValueChange","variant","onValidate","status","setStatus","themeType","theme","translate","animatedStyle","shakeAnimation","emptyDotColorLightBg","emptyDotColorDarkBg","emptyDotColorAccentBg","white","emptyDotColorThemeBased","emptyDotColor","filledDotColorLightBg","black","filledDotColorDarkBg","filledDotColorError","errorText","filledDotColorThemeBased","filledDotColor","isValid","timer","setTimeout","clearTimeout","flexDirection","justifyContent","space","Array","map","_","i","key"],"sourceRoot":"../../../../src","sources":["components/codeInput/CodeInput.tsx"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable functional/immutable-data */
|
|
2
2
|
import React from "react";
|
|
3
|
-
import Animated, {
|
|
3
|
+
import Animated, { withSpring } from "react-native-reanimated";
|
|
4
4
|
const ScaleInOutAnimation = ({
|
|
5
5
|
visible = true,
|
|
6
6
|
springConfig = {
|
|
@@ -8,8 +8,6 @@ const ScaleInOutAnimation = ({
|
|
|
8
8
|
mass: 3,
|
|
9
9
|
stiffness: 1000
|
|
10
10
|
},
|
|
11
|
-
delayOut = 0,
|
|
12
|
-
delayIn = 0,
|
|
13
11
|
children,
|
|
14
12
|
style
|
|
15
13
|
}) => {
|
|
@@ -18,13 +16,15 @@ const ScaleInOutAnimation = ({
|
|
|
18
16
|
|
|
19
17
|
return {
|
|
20
18
|
initialValues: {
|
|
19
|
+
opacity: 0,
|
|
21
20
|
transform: [{
|
|
22
|
-
scale: 0
|
|
21
|
+
scale: 0.5
|
|
23
22
|
}]
|
|
24
23
|
},
|
|
25
24
|
animations: {
|
|
25
|
+
opacity: withSpring(1, springConfig),
|
|
26
26
|
transform: [{
|
|
27
|
-
scale:
|
|
27
|
+
scale: withSpring(1, springConfig)
|
|
28
28
|
}]
|
|
29
29
|
}
|
|
30
30
|
};
|
|
@@ -34,13 +34,15 @@ const ScaleInOutAnimation = ({
|
|
|
34
34
|
|
|
35
35
|
return {
|
|
36
36
|
initialValues: {
|
|
37
|
+
opacity: 1,
|
|
37
38
|
transform: [{
|
|
38
39
|
scale: 1
|
|
39
40
|
}]
|
|
40
41
|
},
|
|
41
42
|
animations: {
|
|
43
|
+
opacity: withSpring(0, springConfig),
|
|
42
44
|
transform: [{
|
|
43
|
-
scale:
|
|
45
|
+
scale: withSpring(0.5, springConfig)
|
|
44
46
|
}]
|
|
45
47
|
}
|
|
46
48
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","
|
|
1
|
+
{"version":3,"names":["React","Animated","withSpring","ScaleInOutAnimation","visible","springConfig","damping","mass","stiffness","children","style","enteringAnimation","initialValues","opacity","transform","scale","animations","exitingAnimation","createElement","View","entering","exiting"],"sourceRoot":"../../../../src","sources":["components/common/ScaleInOutAnimation.tsx"],"mappings":"AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,QAAQ,IAGbC,UAAU,QACL,yBAAyB;AAShC,MAAMC,mBAAmB,GAAGA,CAAC;EAC3BC,OAAO,GAAG,IAAI;EACdC,YAAY,GAAG;IAAEC,OAAO,EAAE,GAAG;IAAEC,IAAI,EAAE,CAAC;IAAEC,SAAS,EAAE;EAAK,CAAC;EACzDC,QAAQ;EACRC;AACK,CAAC,KAAK;EACX,MAAMC,iBAAiB,GAAGA,CAAA,KAAuB;IAC/C,SAAS;;IACT,OAAO;MACLC,aAAa,EAAE;QACbC,OAAO,EAAE,CAAC;QACVC,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAE;QAAI,CAAC;MAC5B,CAAC;MACDC,UAAU,EAAE;QACVH,OAAO,EAAEX,UAAU,CAAC,CAAC,EAAEG,YAAY,CAAC;QACpCS,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAEb,UAAU,CAAC,CAAC,EAAEG,YAAY;QAAE,CAAC;MACpD;IACF,CAAC;EACH,CAAC;EAED,MAAMY,gBAAgB,GAAGA,CAAA,KAAuB;IAC9C,SAAS;;IACT,OAAO;MACLL,aAAa,EAAE;QACbC,OAAO,EAAE,CAAC;QACVC,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAE;QAAE,CAAC;MAC1B,CAAC;MACDC,UAAU,EAAE;QACVH,OAAO,EAAEX,UAAU,CAAC,CAAC,EAAEG,YAAY,CAAC;QACpCS,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAEb,UAAU,CAAC,GAAG,EAAEG,YAAY;QAAE,CAAC;MACtD;IACF,CAAC;EACH,CAAC;EAED,IAAI,CAACD,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACEJ,KAAA,CAAAkB,aAAA,CAACjB,QAAQ,CAACkB,IAAI;IACZT,KAAK,EAAEA,KAAM;IACbU,QAAQ,EAAET,iBAAkB;IAC5BU,OAAO,EAAEJ;EAAiB,GAEzBR,QACY,CAAC;AAEpB,CAAC;AAED,SAASN,mBAAmB"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
+
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); }
|
|
1
2
|
import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
2
3
|
import { ScrollView, StyleSheet } from "react-native";
|
|
3
|
-
import { ScaleInOutAnimation } from "../common/ScaleInOutAnimation";
|
|
4
4
|
import { IOSpringValues, IOVisualCostants } from "../../core";
|
|
5
5
|
import { IconButtonSolid } from "../buttons";
|
|
6
|
+
import { ScaleInOutAnimation } from "../common/ScaleInOutAnimation";
|
|
7
|
+
import { FooterActions } from "./FooterActions";
|
|
8
|
+
import { useFooterActionsInlineMeasurements } from "./hooks";
|
|
6
9
|
/**
|
|
7
10
|
* A React Native component that displays a scroll view with a button that scrolls to the bottom of the content
|
|
8
11
|
* when pressed. The button is hidden when the scroll view reaches a certain threshold from the bottom, which is
|
|
@@ -10,26 +13,32 @@ import { IconButtonSolid } from "../buttons";
|
|
|
10
13
|
* `scrollEnabled` prop to `false`.
|
|
11
14
|
*/
|
|
12
15
|
const ForceScrollDownView = ({
|
|
16
|
+
footerActions,
|
|
13
17
|
children,
|
|
14
|
-
threshold
|
|
18
|
+
threshold: customThreshold,
|
|
15
19
|
style,
|
|
16
20
|
contentContainerStyle,
|
|
17
21
|
scrollEnabled = true,
|
|
18
22
|
onThresholdCrossed
|
|
19
23
|
}) => {
|
|
20
24
|
const scrollViewRef = useRef(null);
|
|
25
|
+
const {
|
|
26
|
+
footerActionsInlineMeasurements,
|
|
27
|
+
handleFooterActionsInlineMeasurements
|
|
28
|
+
} = useFooterActionsInlineMeasurements();
|
|
29
|
+
const threshold = footerActions ? footerActionsInlineMeasurements.safeBottomAreaHeight : customThreshold;
|
|
21
30
|
|
|
22
31
|
/**
|
|
23
32
|
* The height of the scroll view, used to determine whether or not the scrollable content fits inside
|
|
24
33
|
* the scroll view and whether the "scroll to bottom" button should be displayed.
|
|
25
34
|
*/
|
|
26
|
-
const [scrollViewHeight, setScrollViewHeight] = useState();
|
|
35
|
+
const [scrollViewHeight, setScrollViewHeight] = useState(0);
|
|
27
36
|
|
|
28
37
|
/**
|
|
29
38
|
* The height of the scrollable content, used to determine whether or not the "scroll to bottom" button
|
|
30
39
|
* should be displayed.
|
|
31
40
|
*/
|
|
32
|
-
const [contentHeight, setContentHeight] = useState();
|
|
41
|
+
const [contentHeight, setContentHeight] = useState(0);
|
|
33
42
|
|
|
34
43
|
/**
|
|
35
44
|
* Whether or not the scroll view has crossed the threshold from the bottom.
|
|
@@ -45,7 +54,7 @@ const ForceScrollDownView = ({
|
|
|
45
54
|
/**
|
|
46
55
|
* A callback that is called whenever the scroll view is scrolled. It checks whether or not the
|
|
47
56
|
* scroll view has crossed the threshold from the bottom and updates the state accordingly.
|
|
48
|
-
* The callback is designed to
|
|
57
|
+
* The callback is designed to update button visibility only when crossing the threshold.
|
|
49
58
|
*/
|
|
50
59
|
const handleScroll = useCallback(event => {
|
|
51
60
|
const {
|
|
@@ -53,17 +62,12 @@ const ForceScrollDownView = ({
|
|
|
53
62
|
contentOffset,
|
|
54
63
|
contentSize
|
|
55
64
|
} = event.nativeEvent;
|
|
56
|
-
const thresholdCrossed = layoutMeasurement.height + contentOffset.y >= contentSize.height - threshold;
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
setButtonVisible(true);
|
|
63
|
-
}
|
|
64
|
-
return thresholdCrossed;
|
|
65
|
-
});
|
|
66
|
-
}, [threshold]);
|
|
65
|
+
const thresholdCrossed = layoutMeasurement.height + contentOffset.y >= contentSize.height - (threshold ?? 0);
|
|
66
|
+
if (isThresholdCrossed !== thresholdCrossed) {
|
|
67
|
+
setThresholdCrossed(thresholdCrossed);
|
|
68
|
+
setButtonVisible(!thresholdCrossed);
|
|
69
|
+
}
|
|
70
|
+
}, [threshold, isThresholdCrossed]);
|
|
67
71
|
|
|
68
72
|
/**
|
|
69
73
|
* A side effect that calls the `onThresholdCrossed` callback whenever the value of `isThresholdCrossed` changes.
|
|
@@ -103,7 +107,7 @@ const ForceScrollDownView = ({
|
|
|
103
107
|
* when the scrollable content cannot fit inside the scroll view and the button is enabled
|
|
104
108
|
* (`scrollEnabled` is `true`).
|
|
105
109
|
*/
|
|
106
|
-
const needsScroll = useMemo(() => scrollViewHeight
|
|
110
|
+
const needsScroll = useMemo(() => scrollViewHeight > 0 && contentHeight > 0 && scrollViewHeight < contentHeight, [scrollViewHeight, contentHeight]);
|
|
107
111
|
|
|
108
112
|
/**
|
|
109
113
|
* Whether or not to render the "scroll to bottom" button. It is only rendered when the scroll view
|
|
@@ -128,17 +132,17 @@ const ForceScrollDownView = ({
|
|
|
128
132
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ScrollView, {
|
|
129
133
|
testID: "ScrollView",
|
|
130
134
|
ref: scrollViewRef,
|
|
131
|
-
scrollIndicatorInsets: {
|
|
132
|
-
right: 1
|
|
133
|
-
},
|
|
134
135
|
scrollEnabled: scrollEnabled,
|
|
135
|
-
onScroll: handleScroll,
|
|
136
|
-
scrollEventThrottle: 400,
|
|
137
136
|
style: style,
|
|
137
|
+
onScroll: handleScroll,
|
|
138
|
+
scrollEventThrottle: 8,
|
|
138
139
|
onLayout: handleLayout,
|
|
139
140
|
onContentSizeChange: handleContentSizeChange,
|
|
140
141
|
contentContainerStyle: contentContainerStyle
|
|
141
|
-
}, children
|
|
142
|
+
}, children, footerActions && /*#__PURE__*/React.createElement(FooterActions, _extends({}, footerActions, {
|
|
143
|
+
onMeasure: handleFooterActionsInlineMeasurements,
|
|
144
|
+
fixed: false
|
|
145
|
+
}))), scrollDownButton);
|
|
142
146
|
};
|
|
143
147
|
const styles = StyleSheet.create({
|
|
144
148
|
scrollDownButton: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","ScrollView","StyleSheet","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","ScrollView","StyleSheet","IOSpringValues","IOVisualCostants","IconButtonSolid","ScaleInOutAnimation","FooterActions","useFooterActionsInlineMeasurements","ForceScrollDownView","footerActions","children","threshold","customThreshold","style","contentContainerStyle","scrollEnabled","onThresholdCrossed","scrollViewRef","footerActionsInlineMeasurements","handleFooterActionsInlineMeasurements","safeBottomAreaHeight","scrollViewHeight","setScrollViewHeight","contentHeight","setContentHeight","isThresholdCrossed","setThresholdCrossed","isButtonVisible","setButtonVisible","handleScroll","event","layoutMeasurement","contentOffset","contentSize","nativeEvent","thresholdCrossed","height","y","handleContentSizeChange","_contentWidth","handleLayout","layout","handleScrollDownPress","_scrollViewRef$curren","current","scrollToEnd","needsScroll","shouldRenderScrollButton","scrollDownButton","createElement","springConfig","button","styles","visible","testID","accessibilityLabel","icon","onPress","Fragment","ref","onScroll","scrollEventThrottle","onLayout","onContentSizeChange","_extends","onMeasure","fixed","create","position","zIndex","right","scrollDownButtonRight","bottom","scrollDownButtonBottom"],"sourceRoot":"../../../../src","sources":["components/layout/ForceScrollDownView.tsx"],"mappings":"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"}
|
|
@@ -8,14 +8,18 @@ describe("ForceScrollDownView", () => {
|
|
|
8
8
|
jest.useFakeTimers();
|
|
9
9
|
it("should match snapshot", () => {
|
|
10
10
|
const tChildren = /*#__PURE__*/React.createElement(Text, null, tContent);
|
|
11
|
-
const component = render( /*#__PURE__*/React.createElement(ForceScrollDownView,
|
|
11
|
+
const component = render( /*#__PURE__*/React.createElement(ForceScrollDownView, {
|
|
12
|
+
threshold: 100
|
|
13
|
+
}, tChildren));
|
|
12
14
|
expect(component).toMatchSnapshot();
|
|
13
15
|
});
|
|
14
16
|
it("renders the content correctly", () => {
|
|
15
17
|
const tChildren = /*#__PURE__*/React.createElement(Text, null, tContent);
|
|
16
18
|
const {
|
|
17
19
|
getByText
|
|
18
|
-
} = render( /*#__PURE__*/React.createElement(ForceScrollDownView,
|
|
20
|
+
} = render( /*#__PURE__*/React.createElement(ForceScrollDownView, {
|
|
21
|
+
threshold: 100
|
|
22
|
+
}, tChildren));
|
|
19
23
|
expect(getByText(tContent)).toBeDefined();
|
|
20
24
|
});
|
|
21
25
|
it("displays the scroll down button when necessary", async () => {
|
|
@@ -24,7 +28,9 @@ describe("ForceScrollDownView", () => {
|
|
|
24
28
|
const {
|
|
25
29
|
getByTestId,
|
|
26
30
|
queryByTestId
|
|
27
|
-
} = render( /*#__PURE__*/React.createElement(ForceScrollDownView,
|
|
31
|
+
} = render( /*#__PURE__*/React.createElement(ForceScrollDownView, {
|
|
32
|
+
threshold: 100
|
|
33
|
+
}, tChildren));
|
|
28
34
|
const scrollView = getByTestId("ScrollView");
|
|
29
35
|
|
|
30
36
|
// Update scroll view height
|
|
@@ -57,7 +63,9 @@ describe("ForceScrollDownView", () => {
|
|
|
57
63
|
const {
|
|
58
64
|
getByTestId,
|
|
59
65
|
queryByTestId
|
|
60
|
-
} = render( /*#__PURE__*/React.createElement(ForceScrollDownView,
|
|
66
|
+
} = render( /*#__PURE__*/React.createElement(ForceScrollDownView, {
|
|
67
|
+
threshold: 100
|
|
68
|
+
}, tChildren));
|
|
61
69
|
const scrollView = getByTestId("ScrollView");
|
|
62
70
|
|
|
63
71
|
// Update scroll view height
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["fireEvent","render","React","Text","ForceScrollDownView","tContent","describe","jest","useFakeTimers","it","tChildren","createElement","component","expect","toMatchSnapshot","getByText","toBeDefined","tScreenHeight","getByTestId","queryByTestId","scrollView","nativeEvent","layout","height","buttonBefore","toBeNull","advanceTimersByTime","buttonAfter","not","press"],"sourceRoot":"../../../../../src","sources":["components/layout/__test__/ForceScrollDownView.test.tsx"],"mappings":"AAAA;AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,+BAA+B;AACjE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,mBAAmB,QAAQ,wBAAwB;AAE5D,MAAMC,QAAQ,GAAG,cAAc;AAE/BC,QAAQ,CAAC,qBAAqB,EAAE,MAAM;EACpCC,IAAI,CAACC,aAAa,CAAC,CAAC;EAEpBC,EAAE,CAAC,uBAAuB,EAAE,MAAM;IAChC,MAAMC,SAAS,gBAAGR,KAAA,CAAAS,aAAA,CAACR,IAAI,QAAEE,QAAe,CAAC;IAEzC,MAAMO,SAAS,GAAGX,MAAM,eACtBC,KAAA,CAAAS,aAAA,CAACP,mBAAmB,
|
|
1
|
+
{"version":3,"names":["fireEvent","render","React","Text","ForceScrollDownView","tContent","describe","jest","useFakeTimers","it","tChildren","createElement","component","threshold","expect","toMatchSnapshot","getByText","toBeDefined","tScreenHeight","getByTestId","queryByTestId","scrollView","nativeEvent","layout","height","buttonBefore","toBeNull","advanceTimersByTime","buttonAfter","not","press"],"sourceRoot":"../../../../../src","sources":["components/layout/__test__/ForceScrollDownView.test.tsx"],"mappings":"AAAA;AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,+BAA+B;AACjE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,mBAAmB,QAAQ,wBAAwB;AAE5D,MAAMC,QAAQ,GAAG,cAAc;AAE/BC,QAAQ,CAAC,qBAAqB,EAAE,MAAM;EACpCC,IAAI,CAACC,aAAa,CAAC,CAAC;EAEpBC,EAAE,CAAC,uBAAuB,EAAE,MAAM;IAChC,MAAMC,SAAS,gBAAGR,KAAA,CAAAS,aAAA,CAACR,IAAI,QAAEE,QAAe,CAAC;IAEzC,MAAMO,SAAS,GAAGX,MAAM,eACtBC,KAAA,CAAAS,aAAA,CAACP,mBAAmB;MAACS,SAAS,EAAE;IAAI,GAAEH,SAA+B,CACvE,CAAC;IAEDI,MAAM,CAACF,SAAS,CAAC,CAACG,eAAe,CAAC,CAAC;EACrC,CAAC,CAAC;EAEFN,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACxC,MAAMC,SAAS,gBAAGR,KAAA,CAAAS,aAAA,CAACR,IAAI,QAAEE,QAAe,CAAC;IAEzC,MAAM;MAAEW;IAAU,CAAC,GAAGf,MAAM,eAC1BC,KAAA,CAAAS,aAAA,CAACP,mBAAmB;MAACS,SAAS,EAAE;IAAI,GAAEH,SAA+B,CACvE,CAAC;IAEDI,MAAM,CAACE,SAAS,CAACX,QAAQ,CAAC,CAAC,CAACY,WAAW,CAAC,CAAC;EAC3C,CAAC,CAAC;EAEFR,EAAE,CAAC,gDAAgD,EAAE,YAAY;IAC/D,MAAMC,SAAS,gBAAGR,KAAA,CAAAS,aAAA,CAACR,IAAI,QAAEE,QAAe,CAAC;IAEzC,MAAMa,aAAa,GAAG,IAAI;IAE1B,MAAM;MAAEC,WAAW;MAAEC;IAAc,CAAC,GAAGnB,MAAM,eAC3CC,KAAA,CAAAS,aAAA,CAACP,mBAAmB;MAACS,SAAS,EAAE;IAAI,GAAEH,SAA+B,CACvE,CAAC;IAED,MAAMW,UAAU,GAAGF,WAAW,CAAC,YAAY,CAAC;;IAE5C;IACAnB,SAAS,CAACqB,UAAU,EAAE,QAAQ,EAAE;MAC9BC,WAAW,EAAE;QACXC,MAAM,EAAE;UACNC,MAAM,EAAEN;QACV;MACF;IACF,CAAC,CAAC;;IAEF;IACAlB,SAAS,CAACqB,UAAU,EAAE,mBAAmB,EAAE,IAAI,EAAEH,aAAa,GAAG,GAAG,CAAC;;IAErE;IACA,MAAMO,YAAY,GAAGL,aAAa,CAAC,kBAAkB,CAAC;IACtDN,MAAM,CAACW,YAAY,CAAC,CAACC,QAAQ,CAAC,CAAC;;IAE/B;IACA1B,SAAS,CAACqB,UAAU,EAAE,mBAAmB,EAAE,IAAI,EAAEH,aAAa,GAAG,GAAG,CAAC;IAErEX,IAAI,CAACoB,mBAAmB,CAAC,GAAG,CAAC;;IAE7B;IACA,MAAMC,WAAW,GAAGR,aAAa,CAAC,kBAAkB,CAAC;IACrDN,MAAM,CAACc,WAAW,CAAC,CAACC,GAAG,CAACH,QAAQ,CAAC,CAAC;EACpC,CAAC,CAAC;EAEFjB,EAAE,CAAC,kDAAkD,EAAE,MAAM;IAC3D,MAAMC,SAAS,gBAAGR,KAAA,CAAAS,aAAA,CAACR,IAAI,QAAEE,QAAe,CAAC;IAEzC,MAAMa,aAAa,GAAG,IAAI;IAE1B,MAAM;MAAEC,WAAW;MAAEC;IAAc,CAAC,GAAGnB,MAAM,eAC3CC,KAAA,CAAAS,aAAA,CAACP,mBAAmB;MAACS,SAAS,EAAE;IAAI,GAAEH,SAA+B,CACvE,CAAC;IAED,MAAMW,UAAU,GAAGF,WAAW,CAAC,YAAY,CAAC;;IAE5C;IACAnB,SAAS,CAACqB,UAAU,EAAE,QAAQ,EAAE;MAC9BC,WAAW,EAAE;QACXC,MAAM,EAAE;UACNC,MAAM,EAAEN;QACV;MACF;IACF,CAAC,CAAC;;IAEF;IACAlB,SAAS,CAACqB,UAAU,EAAE,mBAAmB,EAAE,IAAI,EAAEH,aAAa,GAAG,GAAG,CAAC;;IAErE;IACA,MAAMO,YAAY,GAAGN,WAAW,CAAC,kBAAkB,CAAC;IACpDL,MAAM,CAACW,YAAY,CAAC,CAACI,GAAG,CAACH,QAAQ,CAAC,CAAC;;IAEnC;IACA1B,SAAS,CAAC8B,KAAK,CAACL,YAAY,CAAC;;IAE7B;IACAlB,IAAI,CAACoB,mBAAmB,CAAC,GAAG,CAAC;;IAE7B;IACA,MAAMC,WAAW,GAAGR,aAAa,CAAC,kBAAkB,CAAC;IACrDN,MAAM,CAACc,WAAW,CAAC,CAACF,QAAQ,CAAC,CAAC;EAChC,CAAC,CAAC;AACJ,CAAC,CAAC"}
|
package/lib/module/components/layout/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap
CHANGED
|
@@ -6,12 +6,7 @@ exports[`ForceScrollDownView should match snapshot 1`] = `
|
|
|
6
6
|
onLayout={[Function]}
|
|
7
7
|
onScroll={[Function]}
|
|
8
8
|
scrollEnabled={true}
|
|
9
|
-
scrollEventThrottle={
|
|
10
|
-
scrollIndicatorInsets={
|
|
11
|
-
{
|
|
12
|
-
"right": 1,
|
|
13
|
-
}
|
|
14
|
-
}
|
|
9
|
+
scrollEventThrottle={8}
|
|
15
10
|
testID="ScrollView"
|
|
16
11
|
>
|
|
17
12
|
<View>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useState } from "react";
|
|
1
|
+
import { useCallback, useState } from "react";
|
|
2
2
|
/**
|
|
3
3
|
* Custom hook to handle the `FooterActions` measurements
|
|
4
4
|
* @returns
|
|
@@ -12,9 +12,9 @@ export const useFooterActionsInlineMeasurements = () => {
|
|
|
12
12
|
const [footerActionsInlineMeasurements, setFooterActionsInlineMeasurements] = useState({
|
|
13
13
|
safeBottomAreaHeight: 0
|
|
14
14
|
});
|
|
15
|
-
const handleFooterActionsInlineMeasurements = values => {
|
|
15
|
+
const handleFooterActionsInlineMeasurements = useCallback(values => {
|
|
16
16
|
setFooterActionsInlineMeasurements(values);
|
|
17
|
-
};
|
|
17
|
+
}, []);
|
|
18
18
|
return {
|
|
19
19
|
footerActionsInlineMeasurements,
|
|
20
20
|
handleFooterActionsInlineMeasurements
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","useFooterActionsInlineMeasurements","footerActionsInlineMeasurements","setFooterActionsInlineMeasurements","safeBottomAreaHeight","handleFooterActionsInlineMeasurements","values"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useFooterActionsInlineMeasurements.ts"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["useCallback","useState","useFooterActionsInlineMeasurements","footerActionsInlineMeasurements","setFooterActionsInlineMeasurements","safeBottomAreaHeight","handleFooterActionsInlineMeasurements","values"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useFooterActionsInlineMeasurements.ts"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAS7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,kCAAkC,GAC7CA,CAAA,KAA+C;EAC7C,MAAM,CACJC,+BAA+B,EAC/BC,kCAAkC,CACnC,GAAGH,QAAQ,CAAkC;IAC5CI,oBAAoB,EAAE;EACxB,CAAC,CAAC;EAEF,MAAMC,qCAAqC,GAAGN,WAAW,CACtDO,MAAuC,IAAK;IAC3CH,kCAAkC,CAACG,MAAM,CAAC;EAC5C,CAAC,EACD,EACF,CAAC;EAED,OAAO;IACLJ,+BAA+B;IAC/BG;EACF,CAAC;AACH,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useState } from "react";
|
|
1
|
+
import { useCallback, useState } from "react";
|
|
2
2
|
/**
|
|
3
3
|
* Custom hook to handle the `FooterActions` measurements
|
|
4
4
|
* @returns
|
|
@@ -13,9 +13,9 @@ export const useFooterActionsMeasurements = () => {
|
|
|
13
13
|
actionBlockHeight: 0,
|
|
14
14
|
safeBottomAreaHeight: 0
|
|
15
15
|
});
|
|
16
|
-
const handleFooterActionsMeasurements = values => {
|
|
16
|
+
const handleFooterActionsMeasurements = useCallback(values => {
|
|
17
17
|
setFooterActionsMeasurements(values);
|
|
18
|
-
};
|
|
18
|
+
}, []);
|
|
19
19
|
return {
|
|
20
20
|
footerActionsMeasurements,
|
|
21
21
|
handleFooterActionsMeasurements
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","useFooterActionsMeasurements","footerActionsMeasurements","setFooterActionsMeasurements","actionBlockHeight","safeBottomAreaHeight","handleFooterActionsMeasurements","values"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useFooterActionsMeasurements.ts"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["useCallback","useState","useFooterActionsMeasurements","footerActionsMeasurements","setFooterActionsMeasurements","actionBlockHeight","safeBottomAreaHeight","handleFooterActionsMeasurements","values"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useFooterActionsMeasurements.ts"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAO7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,4BAA4B,GACvCA,CAAA,KAAyC;EACvC,MAAM,CAACC,yBAAyB,EAAEC,4BAA4B,CAAC,GAC7DH,QAAQ,CAA4B;IAClCI,iBAAiB,EAAE,CAAC;IACpBC,oBAAoB,EAAE;EACxB,CAAC,CAAC;EAEJ,MAAMC,+BAA+B,GAAGP,WAAW,CAChDQ,MAAiC,IAAK;IACrCJ,4BAA4B,CAACI,MAAM,CAAC;EACtC,CAAC,EACD,EACF,CAAC;EAED,OAAO;IACLL,yBAAyB;IACzBI;EACF,CAAC;AACH,CAAC"}
|
|
@@ -30,10 +30,11 @@ export const ListItemRadioWithAmount = ({
|
|
|
30
30
|
};
|
|
31
31
|
const theme = useIOTheme();
|
|
32
32
|
const suggestColor = "hanPurple-500";
|
|
33
|
+
const defaultAccessibilityLabel = `${label} ${formattedAmountString} ${suggestReason ?? ""}`;
|
|
33
34
|
return /*#__PURE__*/React.createElement(PressableListItemBase, {
|
|
34
35
|
onPress: pressHandler,
|
|
35
36
|
accessibilityRole: "radio",
|
|
36
|
-
accessibilityLabel: accessibilityLabel,
|
|
37
|
+
accessibilityLabel: accessibilityLabel ?? defaultAccessibilityLabel,
|
|
37
38
|
accessibilityState: {
|
|
38
39
|
checked: selected ?? toggleValue
|
|
39
40
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","RNReactNativeHapticFeedback","IOSelectionTickVisualParams","useIOTheme","useIOFontDynamicScale","Icon","AnimatedRadio","HStack","BodySmall","H6","PressableListItemBase","ListItemRadioWithAmount","onValueChange","selected","label","accessibilityLabel","isSuggested","suggestReason","formattedAmountString","dynamicFontScale","toggleValue","setToggleValue","useState","pressHandler","trigger","val","undefined","theme","suggestColor","createElement","onPress","accessibilityRole","accessibilityState","checked","style","flexShrink","numberOfLines","color","space","alignItems","name","size","weight","pointerEvents","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadioWithAmount.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,2BAA2B,MAAM,8BAA8B;AACtE,SAAmBC,2BAA2B,EAAEC,UAAU,QAAQ,YAAY;AAC9E,SAASC,qBAAqB,QAAQ,2BAA2B;AACjE,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,SAAS,EAAEC,EAAE,QAAQ,eAAe;AAC7C,SAASC,qBAAqB,QAAQ,yBAAyB;AAkB/D,OAAO,MAAMC,uBAAuB,GAAGA,CAAC;EACtCC,aAAa;EACbC,QAAQ;EACRC,KAAK;EACLC,kBAAkB;EAClBC,WAAW,GAAG,KAAK;EACnBC,aAAa;EACbC;AAC4B,CAAC,KAAK;EAClC,MAAM;IAAEC;EAAiB,CAAC,GAAGf,qBAAqB,CAAC,CAAC;EACpD,MAAM,CAACgB,WAAW,EAAEC,cAAc,CAAC,GAAGtB,KAAK,CAACuB,QAAQ,CAACT,QAAQ,IAAI,KAAK,CAAC;EAEvE,MAAMU,YAAY,GAAGA,CAAA,KAAM;IACzBtB,2BAA2B,CAACuB,OAAO,CAAC,aAAa,CAAC;IAClDH,cAAc,CAACI,GAAG,IAAI,CAACA,GAAG,CAAC;IAC3B,IAAIb,aAAa,KAAKc,SAAS,EAAE;MAC/Bd,aAAa,CAAC,CAACQ,WAAW,CAAC;IAC7B;EACF,CAAC;EACD,MAAMO,KAAK,GAAGxB,UAAU,CAAC,CAAC;EAE1B,MAAMyB,YAAsB,GAAG,eAAe;EAE9C,
|
|
1
|
+
{"version":3,"names":["React","View","RNReactNativeHapticFeedback","IOSelectionTickVisualParams","useIOTheme","useIOFontDynamicScale","Icon","AnimatedRadio","HStack","BodySmall","H6","PressableListItemBase","ListItemRadioWithAmount","onValueChange","selected","label","accessibilityLabel","isSuggested","suggestReason","formattedAmountString","dynamicFontScale","toggleValue","setToggleValue","useState","pressHandler","trigger","val","undefined","theme","suggestColor","defaultAccessibilityLabel","createElement","onPress","accessibilityRole","accessibilityState","checked","style","flexShrink","numberOfLines","color","space","alignItems","name","size","weight","pointerEvents","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadioWithAmount.tsx"],"mappings":"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"}
|