@pagopa/io-app-design-system 1.17.0 → 1.17.2
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/buttons/ButtonLink.js +14 -0
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/codeInput/CodeInput.js +9 -5
- package/lib/commonjs/components/codeInput/CodeInput.js.map +1 -1
- package/lib/commonjs/components/common/ScaleInOutAnimation.js +69 -0
- package/lib/commonjs/components/common/ScaleInOutAnimation.js.map +1 -0
- package/lib/commonjs/components/layout/ForceScrollDownView.js +161 -0
- package/lib/commonjs/components/layout/ForceScrollDownView.js.map +1 -0
- package/lib/commonjs/components/layout/HeaderFirstLevel.js +4 -4
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/commonjs/components/layout/__test__/ForceScrollDownView.test.js +94 -0
- package/lib/commonjs/components/layout/__test__/ForceScrollDownView.test.js.map +1 -0
- package/lib/commonjs/components/layout/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap +23 -0
- package/lib/commonjs/components/layout/index.js +11 -0
- package/lib/commonjs/components/layout/index.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleCheckout.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberButton.js +1 -16
- package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberPad.js +3 -2
- package/lib/commonjs/components/numberpad/NumberPad.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js +1 -0
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/components/toast/ToastProvider.js +17 -16
- package/lib/commonjs/components/toast/ToastProvider.js.map +1 -1
- package/lib/commonjs/core/IOSpacing.js +1 -1
- package/lib/commonjs/core/IOSpacing.js.map +1 -1
- package/lib/commonjs/core/IOStyles.js +3 -1
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/module/components/buttons/ButtonLink.js +15 -1
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/codeInput/CodeInput.js +9 -5
- package/lib/module/components/codeInput/CodeInput.js.map +1 -1
- package/lib/module/components/common/ScaleInOutAnimation.js +59 -0
- package/lib/module/components/common/ScaleInOutAnimation.js.map +1 -0
- package/lib/module/components/layout/ForceScrollDownView.js +153 -0
- package/lib/module/components/layout/ForceScrollDownView.js.map +1 -0
- package/lib/module/components/layout/HeaderFirstLevel.js +4 -4
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/module/components/layout/__test__/ForceScrollDownView.test.js +90 -0
- package/lib/module/components/layout/__test__/ForceScrollDownView.test.js.map +1 -0
- package/lib/module/components/layout/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap +23 -0
- package/lib/module/components/layout/index.js +1 -0
- package/lib/module/components/layout/index.js.map +1 -1
- package/lib/module/components/modules/ModuleCheckout.js.map +1 -1
- package/lib/module/components/numberpad/NumberButton.js +2 -17
- package/lib/module/components/numberpad/NumberButton.js.map +1 -1
- package/lib/module/components/numberpad/NumberPad.js +3 -2
- package/lib/module/components/numberpad/NumberPad.js.map +1 -1
- package/lib/module/components/textInput/TextInputBase.js +1 -0
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/components/toast/ToastProvider.js +17 -16
- package/lib/module/components/toast/ToastProvider.js.map +1 -1
- package/lib/module/core/IOSpacing.js +1 -1
- package/lib/module/core/IOSpacing.js.map +1 -1
- package/lib/module/core/IOStyles.js +3 -1
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/codeInput/CodeInput.d.ts.map +1 -1
- package/lib/typescript/components/common/ScaleInOutAnimation.d.ts +14 -0
- package/lib/typescript/components/common/ScaleInOutAnimation.d.ts.map +1 -0
- package/lib/typescript/components/layout/ForceScrollDownView.d.ts +27 -0
- package/lib/typescript/components/layout/ForceScrollDownView.d.ts.map +1 -0
- package/lib/typescript/components/layout/__test__/ForceScrollDownView.test.d.ts +2 -0
- package/lib/typescript/components/layout/__test__/ForceScrollDownView.test.d.ts.map +1 -0
- package/lib/typescript/components/layout/index.d.ts +1 -0
- package/lib/typescript/components/layout/index.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleCheckout.d.ts +12 -6
- package/lib/typescript/components/modules/ModuleCheckout.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberPad.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
- package/lib/typescript/components/toast/ToastProvider.d.ts.map +1 -1
- package/lib/typescript/core/IOSpacing.d.ts +1 -1
- package/lib/typescript/core/IOSpacing.d.ts.map +1 -1
- package/lib/typescript/core/IOStyles.d.ts +2 -0
- package/lib/typescript/core/IOStyles.d.ts.map +1 -1
- package/package.json +2 -1
- package/src/components/buttons/ButtonLink.tsx +17 -1
- package/src/components/codeInput/CodeInput.tsx +16 -3
- package/src/components/common/ScaleInOutAnimation.tsx +68 -0
- package/src/components/layout/ForceScrollDownView.tsx +210 -0
- package/src/components/layout/HeaderFirstLevel.tsx +4 -4
- package/src/components/layout/__test__/ForceScrollDownView.test.tsx +106 -0
- package/src/components/layout/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap +23 -0
- package/src/components/layout/index.tsx +1 -0
- package/src/components/modules/ModuleCheckout.tsx +12 -5
- package/src/components/numberpad/NumberButton.tsx +2 -21
- package/src/components/numberpad/NumberPad.tsx +5 -2
- package/src/components/textInput/TextInputBase.tsx +1 -0
- package/src/components/toast/ToastProvider.tsx +12 -17
- package/src/core/IOSpacing.ts +4 -2
- package/src/core/IOStyles.ts +5 -1
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
2
|
+
import { ScrollView, StyleSheet } from "react-native";
|
|
3
|
+
import { ScaleInOutAnimation } from "../common/ScaleInOutAnimation";
|
|
4
|
+
import { IOSpringValues, IOVisualCostants } from "../../core";
|
|
5
|
+
import { IconButtonSolid } from "../buttons";
|
|
6
|
+
/**
|
|
7
|
+
* A React Native component that displays a scroll view with a button that scrolls to the bottom of the content
|
|
8
|
+
* when pressed. The button is hidden when the scroll view reaches a certain threshold from the bottom, which is
|
|
9
|
+
* configurable by the `threshold` prop. The button, and the scrolling, can also be disabled by setting the
|
|
10
|
+
* `scrollEnabled` prop to `false`.
|
|
11
|
+
*/
|
|
12
|
+
const ForceScrollDownView = _ref => {
|
|
13
|
+
let {
|
|
14
|
+
children,
|
|
15
|
+
threshold = 100,
|
|
16
|
+
style,
|
|
17
|
+
contentContainerStyle,
|
|
18
|
+
scrollEnabled = true,
|
|
19
|
+
onThresholdCrossed
|
|
20
|
+
} = _ref;
|
|
21
|
+
const scrollViewRef = useRef(null);
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* The height of the scroll view, used to determine whether or not the scrollable content fits inside
|
|
25
|
+
* the scroll view and whether the "scroll to bottom" button should be displayed.
|
|
26
|
+
*/
|
|
27
|
+
const [scrollViewHeight, setScrollViewHeight] = useState();
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* The height of the scrollable content, used to determine whether or not the "scroll to bottom" button
|
|
31
|
+
* should be displayed.
|
|
32
|
+
*/
|
|
33
|
+
const [contentHeight, setContentHeight] = useState();
|
|
34
|
+
|
|
35
|
+
/**
|
|
36
|
+
* Whether or not the scroll view has crossed the threshold from the bottom.
|
|
37
|
+
*/
|
|
38
|
+
const [isThresholdCrossed, setThresholdCrossed] = useState(false);
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* Whether or not the "scroll to bottom" button should be visible. This is controlled by the threshold
|
|
42
|
+
* and the current scroll position.
|
|
43
|
+
*/
|
|
44
|
+
const [isButtonVisible, setButtonVisible] = useState(true);
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* A callback that is called whenever the scroll view is scrolled. It checks whether or not the
|
|
48
|
+
* scroll view has crossed the threshold from the bottom and updates the state accordingly.
|
|
49
|
+
* The callback is designed to updatr button visibility only when crossing the threshold.
|
|
50
|
+
*/
|
|
51
|
+
const handleScroll = useCallback(event => {
|
|
52
|
+
const {
|
|
53
|
+
layoutMeasurement,
|
|
54
|
+
contentOffset,
|
|
55
|
+
contentSize
|
|
56
|
+
} = event.nativeEvent;
|
|
57
|
+
const thresholdCrossed = layoutMeasurement.height + contentOffset.y >= contentSize.height - threshold;
|
|
58
|
+
setThresholdCrossed(previousState => {
|
|
59
|
+
if (!previousState && thresholdCrossed) {
|
|
60
|
+
setButtonVisible(false);
|
|
61
|
+
}
|
|
62
|
+
if (previousState && !thresholdCrossed) {
|
|
63
|
+
setButtonVisible(true);
|
|
64
|
+
}
|
|
65
|
+
return thresholdCrossed;
|
|
66
|
+
});
|
|
67
|
+
}, [threshold]);
|
|
68
|
+
|
|
69
|
+
/**
|
|
70
|
+
* A side effect that calls the `onThresholdCrossed` callback whenever the value of `isThresholdCrossed` changes.
|
|
71
|
+
*/
|
|
72
|
+
useEffect(() => {
|
|
73
|
+
onThresholdCrossed === null || onThresholdCrossed === void 0 || onThresholdCrossed(isThresholdCrossed);
|
|
74
|
+
}, [onThresholdCrossed, isThresholdCrossed]);
|
|
75
|
+
|
|
76
|
+
/**
|
|
77
|
+
* A callback that is called whenever the size of the scrollable content changes. It updates the
|
|
78
|
+
* state with the new content height.
|
|
79
|
+
*/
|
|
80
|
+
const handleContentSizeChange = useCallback((_contentWidth, contentHeight) => {
|
|
81
|
+
setContentHeight(contentHeight);
|
|
82
|
+
}, []);
|
|
83
|
+
|
|
84
|
+
/**
|
|
85
|
+
* A callback that is called whenever the size of the scroll view changes. It updates the state
|
|
86
|
+
* with the new scroll view height.
|
|
87
|
+
*/
|
|
88
|
+
const handleLayout = useCallback(event => {
|
|
89
|
+
setScrollViewHeight(event.nativeEvent.layout.height);
|
|
90
|
+
}, []);
|
|
91
|
+
|
|
92
|
+
/**
|
|
93
|
+
* A callback that is called when the "scroll to bottom" button is pressed. It scrolls the
|
|
94
|
+
* scroll view to the bottom and hides the button.
|
|
95
|
+
*/
|
|
96
|
+
const handleScrollDownPress = useCallback(() => {
|
|
97
|
+
var _scrollViewRef$curren;
|
|
98
|
+
setButtonVisible(false);
|
|
99
|
+
(_scrollViewRef$curren = scrollViewRef.current) === null || _scrollViewRef$curren === void 0 || _scrollViewRef$curren.scrollToEnd();
|
|
100
|
+
}, [scrollViewRef]);
|
|
101
|
+
|
|
102
|
+
/**
|
|
103
|
+
* Whether or not the "scroll to bottom" button needs to be displayed. It is only displayed
|
|
104
|
+
* when the scrollable content cannot fit inside the scroll view and the button is enabled
|
|
105
|
+
* (`scrollEnabled` is `true`).
|
|
106
|
+
*/
|
|
107
|
+
const needsScroll = useMemo(() => scrollViewHeight != null && contentHeight != null && scrollViewHeight < contentHeight, [scrollViewHeight, contentHeight]);
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* Whether or not to render the "scroll to bottom" button. It is only rendered when the scroll view
|
|
111
|
+
* is enabled, needs to be scrolled, and the button is visible (`isButtonVisible` is `true`).
|
|
112
|
+
*/
|
|
113
|
+
const shouldRenderScrollButton = scrollEnabled && needsScroll && isButtonVisible;
|
|
114
|
+
|
|
115
|
+
/**
|
|
116
|
+
* The "scroll to bottom" button component. It is wrapped in a reanimated view and has enter and exit
|
|
117
|
+
* animations applied to it.
|
|
118
|
+
*/
|
|
119
|
+
const scrollDownButton = /*#__PURE__*/React.createElement(ScaleInOutAnimation, {
|
|
120
|
+
springConfig: IOSpringValues.button,
|
|
121
|
+
style: styles.scrollDownButton,
|
|
122
|
+
visible: shouldRenderScrollButton
|
|
123
|
+
}, /*#__PURE__*/React.createElement(IconButtonSolid, {
|
|
124
|
+
testID: "ScrollDownButton",
|
|
125
|
+
accessibilityLabel: "Scroll to bottom",
|
|
126
|
+
icon: "arrowBottom",
|
|
127
|
+
onPress: handleScrollDownPress
|
|
128
|
+
}));
|
|
129
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ScrollView, {
|
|
130
|
+
testID: "ScrollView",
|
|
131
|
+
ref: scrollViewRef,
|
|
132
|
+
scrollIndicatorInsets: {
|
|
133
|
+
right: 1
|
|
134
|
+
},
|
|
135
|
+
scrollEnabled: scrollEnabled,
|
|
136
|
+
onScroll: handleScroll,
|
|
137
|
+
scrollEventThrottle: 400,
|
|
138
|
+
style: style,
|
|
139
|
+
onLayout: handleLayout,
|
|
140
|
+
onContentSizeChange: handleContentSizeChange,
|
|
141
|
+
contentContainerStyle: contentContainerStyle
|
|
142
|
+
}, children), scrollDownButton);
|
|
143
|
+
};
|
|
144
|
+
const styles = StyleSheet.create({
|
|
145
|
+
scrollDownButton: {
|
|
146
|
+
position: "absolute",
|
|
147
|
+
zIndex: 10,
|
|
148
|
+
right: IOVisualCostants.scrollDownButtonRight,
|
|
149
|
+
bottom: IOVisualCostants.scrollDownButtonBottom
|
|
150
|
+
}
|
|
151
|
+
});
|
|
152
|
+
export { ForceScrollDownView };
|
|
153
|
+
//# sourceMappingURL=ForceScrollDownView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","ScrollView","StyleSheet","ScaleInOutAnimation","IOSpringValues","IOVisualCostants","IconButtonSolid","ForceScrollDownView","_ref","children","threshold","style","contentContainerStyle","scrollEnabled","onThresholdCrossed","scrollViewRef","scrollViewHeight","setScrollViewHeight","contentHeight","setContentHeight","isThresholdCrossed","setThresholdCrossed","isButtonVisible","setButtonVisible","handleScroll","event","layoutMeasurement","contentOffset","contentSize","nativeEvent","thresholdCrossed","height","y","previousState","handleContentSizeChange","_contentWidth","handleLayout","layout","handleScrollDownPress","_scrollViewRef$curren","current","scrollToEnd","needsScroll","shouldRenderScrollButton","scrollDownButton","createElement","springConfig","button","styles","visible","testID","accessibilityLabel","icon","onPress","Fragment","ref","scrollIndicatorInsets","right","onScroll","scrollEventThrottle","onLayout","onContentSizeChange","create","position","zIndex","scrollDownButtonRight","bottom","scrollDownButtonBottom"],"sourceRoot":"../../../../src","sources":["components/layout/ForceScrollDownView.tsx"],"mappings":"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"}
|
|
@@ -43,21 +43,21 @@ export const HeaderFirstLevel = _ref => {
|
|
|
43
43
|
flexShrink: 1
|
|
44
44
|
},
|
|
45
45
|
numberOfLines: 1,
|
|
46
|
-
color: backgroundColor === "dark" ? "white" :
|
|
46
|
+
color: backgroundColor === "dark" ? "white" : "black"
|
|
47
47
|
}, title), /*#__PURE__*/React.createElement(View, {
|
|
48
48
|
style: [IOStyles.row, {
|
|
49
49
|
flexShrink: 0
|
|
50
50
|
}]
|
|
51
51
|
}, type === "threeActions" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, _extends({}, thirdAction, {
|
|
52
|
-
color: backgroundColor === "dark" ? "contrast" : "
|
|
52
|
+
color: backgroundColor === "dark" ? "contrast" : "primary"
|
|
53
53
|
})), /*#__PURE__*/React.createElement(HSpacer, {
|
|
54
54
|
size: 16
|
|
55
55
|
})), (type === "twoActions" || type === "threeActions") && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, _extends({}, secondAction, {
|
|
56
|
-
color: backgroundColor === "dark" ? "contrast" : "
|
|
56
|
+
color: backgroundColor === "dark" ? "contrast" : "primary"
|
|
57
57
|
})), /*#__PURE__*/React.createElement(HSpacer, {
|
|
58
58
|
size: 16
|
|
59
59
|
})), type !== "base" && /*#__PURE__*/React.createElement(IconButton, _extends({}, firstAction, {
|
|
60
|
-
color: backgroundColor === "dark" ? "contrast" : "
|
|
60
|
+
color: backgroundColor === "dark" ? "contrast" : "primary"
|
|
61
61
|
})))));
|
|
62
62
|
};
|
|
63
63
|
export default HeaderFirstLevel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","useSafeAreaInsets","IOStyles","IOVisualCostants","IOColors","H3","HSpacer","IconButton","HEADER_BG_COLOR_LIGHT","HEADER_BG_COLOR_DARK","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","width","flexDirection","alignItems","justifyContent","HeaderFirstLevel","_ref","title","type","testID","backgroundColor","firstAction","secondAction","thirdAction","insets","createElement","style","paddingTop","top","accessibilityRole","flexShrink","numberOfLines","color","
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","useSafeAreaInsets","IOStyles","IOVisualCostants","IOColors","H3","HSpacer","IconButton","HEADER_BG_COLOR_LIGHT","HEADER_BG_COLOR_DARK","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","width","flexDirection","alignItems","justifyContent","HeaderFirstLevel","_ref","title","type","testID","backgroundColor","firstAction","secondAction","thirdAction","insets","createElement","style","paddingTop","top","accessibilityRole","flexShrink","numberOfLines","color","row","Fragment","_extends","size"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderFirstLevel.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
/* eslint-disable functional/immutable-data */
|
|
2
|
+
import { fireEvent, render } from "@testing-library/react-native";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Text } from "react-native";
|
|
5
|
+
import { ForceScrollDownView } from "../ForceScrollDownView";
|
|
6
|
+
const tContent = "Some content";
|
|
7
|
+
describe("ForceScrollDownView", () => {
|
|
8
|
+
jest.useFakeTimers();
|
|
9
|
+
it("should match snapshot", () => {
|
|
10
|
+
const tChildren = /*#__PURE__*/React.createElement(Text, null, tContent);
|
|
11
|
+
const component = render( /*#__PURE__*/React.createElement(ForceScrollDownView, null, tChildren));
|
|
12
|
+
expect(component).toMatchSnapshot();
|
|
13
|
+
});
|
|
14
|
+
it("renders the content correctly", () => {
|
|
15
|
+
const tChildren = /*#__PURE__*/React.createElement(Text, null, tContent);
|
|
16
|
+
const {
|
|
17
|
+
getByText
|
|
18
|
+
} = render( /*#__PURE__*/React.createElement(ForceScrollDownView, null, tChildren));
|
|
19
|
+
expect(getByText(tContent)).toBeDefined();
|
|
20
|
+
});
|
|
21
|
+
it("displays the scroll down button when necessary", async () => {
|
|
22
|
+
const tChildren = /*#__PURE__*/React.createElement(Text, null, tContent);
|
|
23
|
+
const tScreenHeight = 1000;
|
|
24
|
+
const {
|
|
25
|
+
getByTestId,
|
|
26
|
+
queryByTestId
|
|
27
|
+
} = render( /*#__PURE__*/React.createElement(ForceScrollDownView, null, tChildren));
|
|
28
|
+
const scrollView = getByTestId("ScrollView");
|
|
29
|
+
|
|
30
|
+
// Update scroll view height
|
|
31
|
+
fireEvent(scrollView, "layout", {
|
|
32
|
+
nativeEvent: {
|
|
33
|
+
layout: {
|
|
34
|
+
height: tScreenHeight
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
// Update scroll view content height
|
|
40
|
+
fireEvent(scrollView, "contentSizeChange", null, tScreenHeight - 500);
|
|
41
|
+
|
|
42
|
+
// Button should not be visible because content does not need scrolling
|
|
43
|
+
const buttonBefore = queryByTestId("ScrollDownButton");
|
|
44
|
+
expect(buttonBefore).toBeNull();
|
|
45
|
+
|
|
46
|
+
// Increase content height to force button to be shown
|
|
47
|
+
fireEvent(scrollView, "contentSizeChange", null, tScreenHeight + 500);
|
|
48
|
+
jest.advanceTimersByTime(500);
|
|
49
|
+
|
|
50
|
+
// Button should be visible now beacuse content needs scrolling
|
|
51
|
+
const buttonAfter = queryByTestId("ScrollDownButton");
|
|
52
|
+
expect(buttonAfter).not.toBeNull();
|
|
53
|
+
});
|
|
54
|
+
it("scrolls to the bottom when the button is pressed", () => {
|
|
55
|
+
const tChildren = /*#__PURE__*/React.createElement(Text, null, tContent);
|
|
56
|
+
const tScreenHeight = 1000;
|
|
57
|
+
const {
|
|
58
|
+
getByTestId,
|
|
59
|
+
queryByTestId
|
|
60
|
+
} = render( /*#__PURE__*/React.createElement(ForceScrollDownView, null, tChildren));
|
|
61
|
+
const scrollView = getByTestId("ScrollView");
|
|
62
|
+
|
|
63
|
+
// Update scroll view height
|
|
64
|
+
fireEvent(scrollView, "layout", {
|
|
65
|
+
nativeEvent: {
|
|
66
|
+
layout: {
|
|
67
|
+
height: tScreenHeight
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
|
|
72
|
+
// Update scroll view content height
|
|
73
|
+
fireEvent(scrollView, "contentSizeChange", null, tScreenHeight + 500);
|
|
74
|
+
|
|
75
|
+
// Button should be visible
|
|
76
|
+
const buttonBefore = getByTestId("ScrollDownButton");
|
|
77
|
+
expect(buttonBefore).not.toBeNull();
|
|
78
|
+
|
|
79
|
+
// Fire button press event
|
|
80
|
+
fireEvent.press(buttonBefore);
|
|
81
|
+
|
|
82
|
+
// Wait for the scroll animation
|
|
83
|
+
jest.advanceTimersByTime(500);
|
|
84
|
+
|
|
85
|
+
// Button should not be visible after scrolling
|
|
86
|
+
const buttonAfter = queryByTestId("ScrollDownButton");
|
|
87
|
+
expect(buttonAfter).toBeNull();
|
|
88
|
+
});
|
|
89
|
+
});
|
|
90
|
+
//# sourceMappingURL=ForceScrollDownView.test.js.map
|
|
@@ -0,0 +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":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`ForceScrollDownView should match snapshot 1`] = `
|
|
4
|
+
<RCTScrollView
|
|
5
|
+
onContentSizeChange={[Function]}
|
|
6
|
+
onLayout={[Function]}
|
|
7
|
+
onScroll={[Function]}
|
|
8
|
+
scrollEnabled={true}
|
|
9
|
+
scrollEventThrottle={400}
|
|
10
|
+
scrollIndicatorInsets={
|
|
11
|
+
{
|
|
12
|
+
"right": 1,
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
testID="ScrollView"
|
|
16
|
+
>
|
|
17
|
+
<View>
|
|
18
|
+
<Text>
|
|
19
|
+
Some content
|
|
20
|
+
</Text>
|
|
21
|
+
</View>
|
|
22
|
+
</RCTScrollView>
|
|
23
|
+
`;
|
|
@@ -3,6 +3,7 @@ export * from "./GradientScrollView";
|
|
|
3
3
|
export * from "./GradientBottomActions";
|
|
4
4
|
export * from "./HeaderFirstLevel";
|
|
5
5
|
export * from "./HeaderSecondLevel";
|
|
6
|
+
export * from "./ForceScrollDownView";
|
|
6
7
|
export * from "./FooterWithButtons";
|
|
7
8
|
export * from "./BlockButtons";
|
|
8
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/layout/index.tsx"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,yBAAyB;AACvC,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,qBAAqB;AACnC,cAAc,gBAAgB"}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/layout/index.tsx"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,yBAAyB;AACvC,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,qBAAqB;AACnC,cAAc,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","Placeholder","IOModuleStyles","useIOTheme","ButtonLink","LogoPayment","HSpacer","VSpacer","H6","LabelSmall","PressableModuleBase","ModuleCheckout","props","theme","isLoading","createElement","LoadingVersion","text","ctaText","paymentLogoEndMargin","onPress","style","styles","rowCenter","paymentLogo","marginEnd","name","title","weight","color","subtitle","CTA","_ref","pointerEvents","label","accessibilityLabel","_ref2","button","Box","animate","radius","height","width","size","create","flexDirection","alignItems"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCheckout.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,WAAW,MAAM,gBAAgB;AACxC,SAASC,cAAc,EAAkBC,UAAU,QAAQ,YAAY;AACvE,SAASC,UAAU,QAAQ,YAAY;AACvC,SAA4BC,WAAW,QAAQ,UAAU;AACzD,SAASC,OAAO,EAAEC,OAAO,QAAQ,WAAW;AAC5C,SAASC,EAAE,EAAEC,UAAU,QAAQ,eAAe;AAC9C,SAASC,mBAAmB,QAAQ,uBAAuB;;AAE3D;;
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","Placeholder","IOModuleStyles","useIOTheme","ButtonLink","LogoPayment","HSpacer","VSpacer","H6","LabelSmall","PressableModuleBase","ModuleCheckout","props","theme","isLoading","createElement","LoadingVersion","text","ctaText","paymentLogoEndMargin","onPress","style","styles","rowCenter","paymentLogo","marginEnd","name","title","weight","color","subtitle","CTA","_ref","pointerEvents","label","accessibilityLabel","_ref2","button","Box","animate","radius","height","width","size","create","flexDirection","alignItems"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCheckout.tsx"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useCallback, useMemo } from "react";
|
|
2
2
|
import { Pressable } from "react-native";
|
|
3
3
|
import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
4
|
-
import { IOColors, IONumberPadButtonStyles, IOScaleValues, IOSpringValues
|
|
4
|
+
import { IOColors, IONumberPadButtonStyles, IOScaleValues, IOSpringValues } from "../../core";
|
|
5
5
|
import { H3 } from "../typography";
|
|
6
6
|
const colorMap = {
|
|
7
7
|
light: {
|
|
@@ -15,18 +15,6 @@ const colorMap = {
|
|
|
15
15
|
foreground: "white"
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
|
-
const legacyColorMap = {
|
|
19
|
-
light: {
|
|
20
|
-
background: "grey-50",
|
|
21
|
-
pressed: "grey-200",
|
|
22
|
-
foreground: "blue"
|
|
23
|
-
},
|
|
24
|
-
dark: {
|
|
25
|
-
background: "blue",
|
|
26
|
-
pressed: "blue-600",
|
|
27
|
-
foreground: "white"
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
18
|
export const NumberButton = _ref => {
|
|
31
19
|
var _IOScaleValues$basicB;
|
|
32
20
|
let {
|
|
@@ -34,10 +22,7 @@ export const NumberButton = _ref => {
|
|
|
34
22
|
variant,
|
|
35
23
|
onPress
|
|
36
24
|
} = _ref;
|
|
37
|
-
const
|
|
38
|
-
isExperimental
|
|
39
|
-
} = useIOExperimentalDesign();
|
|
40
|
-
const colors = useMemo(() => isExperimental ? colorMap[variant] : legacyColorMap[variant], [variant, isExperimental]);
|
|
25
|
+
const colors = useMemo(() => colorMap[variant], [variant]);
|
|
41
26
|
const isPressed = useSharedValue(0);
|
|
42
27
|
// Scaling transformation applied when the button is pressed
|
|
43
28
|
const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","Pressable","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IONumberPadButtonStyles","IOScaleValues","IOSpringValues","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","Pressable","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IONumberPadButtonStyles","IOScaleValues","IOSpringValues","H3","colorMap","light","background","pressed","foreground","dark","NumberButton","_ref","_IOScaleValues$basicB","number","variant","onPress","colors","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","value","button","pressedAnimationStyle","bgColor","scale","CLAMP","backgroundColor","transform","onPressIn","onPressOut","createElement","accessible","accessibilityRole","View","style","circularShape","buttonSize","color"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}
|
|
@@ -49,9 +49,10 @@ export const NumberPad = _ref2 => {
|
|
|
49
49
|
buttons
|
|
50
50
|
} = _ref3;
|
|
51
51
|
return /*#__PURE__*/React.createElement(View, {
|
|
52
|
-
style: [IOStyles.
|
|
52
|
+
style: [IOStyles.rowSpaceBetween, {
|
|
53
53
|
justifyContent: "space-between",
|
|
54
|
-
alignItems: "center"
|
|
54
|
+
alignItems: "center",
|
|
55
|
+
flexGrow: 1
|
|
55
56
|
}]
|
|
56
57
|
}, buttons.map(elem => {
|
|
57
58
|
if (typeof elem === "number") {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","IONumberPadButtonStyles","IOStyles","VSpacer","IconButton","NumberButton","mapIconSpecByBiometric","FACE_ID","icon","size","TOUCH_ID","BIOMETRICS","ButtonWrapper","_ref","children","createElement","style","buttonSize","alignCenter","centerJustified","NumberPad","_ref2","value","variant","onValueChange","biometricType","onBiometricPress","biometricAccessibilityLabel","deleteAccessibilityLabel","numberPadPress","number","newValue","onDeletePress","slice","RowButtons","_ref3","buttons","
|
|
1
|
+
{"version":3,"names":["React","View","IONumberPadButtonStyles","IOStyles","VSpacer","IconButton","NumberButton","mapIconSpecByBiometric","FACE_ID","icon","size","TOUCH_ID","BIOMETRICS","ButtonWrapper","_ref","children","createElement","style","buttonSize","alignCenter","centerJustified","NumberPad","_ref2","value","variant","onValueChange","biometricType","onBiometricPress","biometricAccessibilityLabel","deleteAccessibilityLabel","numberPadPress","number","newValue","onDeletePress","slice","RowButtons","_ref3","buttons","rowSpaceBetween","justifyContent","alignItems","flexGrow","map","elem","key","onPress","color","accessibilityLabel","iconSize","horizontalContentPadding"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberPad.tsx"],"mappings":"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"}
|
|
@@ -210,6 +210,7 @@ export const TextInputBase = _ref2 => {
|
|
|
210
210
|
onChangeText: onChangeTextHandler,
|
|
211
211
|
style: [styles.textInputStyle, isExperimental ? styles.textInputStyleFont : styles.textInputStyleLegacyFont]
|
|
212
212
|
})), /*#__PURE__*/React.createElement(Animated.View, {
|
|
213
|
+
pointerEvents: "none",
|
|
213
214
|
style: [styles.textInputLabelWrapper, icon ? {
|
|
214
215
|
left: 32
|
|
215
216
|
} : {}]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","Pressable","StyleSheet","TextInput","View","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","IOColors","IOStyles","useIOExperimentalDesign","makeFontStyleObject","getInputPropsByType","Icon","HSpacer","LabelSmall","inputMarginTop","styles","create","textInput","row","alignItems","paddingVertical","height","borderRadius","paddingHorizontal","textInputStyle","flex","fontSize","marginTop","lineHeight","textInputStyleFont","textInputStyleLegacyFont","textInputLabelWrapper","position","zIndex","bottom","top","justifyContent","HelperRow","_ref","value","counterLimit","bottomMessage","bottomMessageColor","valueCount","length","helperRowStyle","createElement","style","weight","color","TextInputBase","_ref2","disabled","placeholder","onChangeText","accessibilityLabel","textInputProps","inputType","status","icon","rightElement","onBlur","onFocus","isPassword","labelSharedValue","inputStatus","setInputStatus","useState","isSecretInput","inputRef","boxStyle","borderColor","borderWidth","animatedLabelProps","duration","easing","elastic","transform","translateY","onTextInputPress","_inputRef$current","current","focus","onChangeTextHandler","text","onBlurHandler","derivedInputProps","inputValue","valueFormat","isExperimental","Fragment","onPress","opacity","accessible","accessibilityRole","name","size","_extends","editable","secureTextEntry","disableFullscreenUI","blurOnSubmit","ref","accessibilityState","maxLength","left","Text","numberOfLines","marginLeft"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputBase.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","Pressable","StyleSheet","TextInput","View","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","IOColors","IOStyles","useIOExperimentalDesign","makeFontStyleObject","getInputPropsByType","Icon","HSpacer","LabelSmall","inputMarginTop","styles","create","textInput","row","alignItems","paddingVertical","height","borderRadius","paddingHorizontal","textInputStyle","flex","fontSize","marginTop","lineHeight","textInputStyleFont","textInputStyleLegacyFont","textInputLabelWrapper","position","zIndex","bottom","top","justifyContent","HelperRow","_ref","value","counterLimit","bottomMessage","bottomMessageColor","valueCount","length","helperRowStyle","createElement","style","weight","color","TextInputBase","_ref2","disabled","placeholder","onChangeText","accessibilityLabel","textInputProps","inputType","status","icon","rightElement","onBlur","onFocus","isPassword","labelSharedValue","inputStatus","setInputStatus","useState","isSecretInput","inputRef","boxStyle","borderColor","borderWidth","animatedLabelProps","duration","easing","elastic","transform","translateY","onTextInputPress","_inputRef$current","current","focus","onChangeTextHandler","text","onBlurHandler","derivedInputProps","inputValue","valueFormat","isExperimental","Fragment","onPress","opacity","accessible","accessibilityRole","name","size","_extends","editable","secureTextEntry","disableFullscreenUI","blurOnSubmit","ref","accessibilityState","maxLength","pointerEvents","left","Text","numberOfLines","marginLeft"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputBase.tsx"],"mappings":"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"}
|
|
@@ -3,11 +3,11 @@ import { throttle } from "lodash";
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { SafeAreaView, StyleSheet, View } from "react-native";
|
|
5
5
|
import Animated, { Easing, SequencedTransition, SlideInUp, SlideOutUp } from "react-native-reanimated";
|
|
6
|
-
import { Dismissable } from "../layout/Dismissable";
|
|
7
6
|
import { triggerHaptic } from "../../functions";
|
|
7
|
+
import { Dismissable } from "../layout/Dismissable";
|
|
8
8
|
import { ToastNotification } from "./ToastNotification";
|
|
9
|
-
import { IOToastRef, useIOToast } from "./useIOToast";
|
|
10
9
|
import { ToastContext } from "./context";
|
|
10
|
+
import { IOToastRef, useIOToast } from "./useIOToast";
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* The maximum number of toasts that can be displayed at the same time
|
|
@@ -53,10 +53,21 @@ export const ToastProvider = _ref2 => {
|
|
|
53
53
|
const [toasts, setToasts] = React.useState([]);
|
|
54
54
|
const addToast = React.useCallback(toast => {
|
|
55
55
|
const id = (toastId.current ?? 0) + 1;
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
56
|
+
// eslint-disable-next-line functional/immutable-data
|
|
57
|
+
toastId.current = id;
|
|
58
|
+
setToasts(prevToasts => {
|
|
59
|
+
if (prevToasts.length >= MAX_TOAST_STACK_SIZE) {
|
|
60
|
+
const mostRecentToasts = prevToasts.slice(0, -1);
|
|
61
|
+
return [{
|
|
62
|
+
id,
|
|
63
|
+
...toast
|
|
64
|
+
}, ...mostRecentToasts];
|
|
65
|
+
}
|
|
66
|
+
return [{
|
|
67
|
+
id,
|
|
68
|
+
...toast
|
|
69
|
+
}, ...prevToasts];
|
|
70
|
+
});
|
|
60
71
|
setTimeout(() => {
|
|
61
72
|
setToasts(prevToasts => prevToasts.filter(t => t.id !== id));
|
|
62
73
|
}, TOAST_DURATION_TIME);
|
|
@@ -68,16 +79,6 @@ export const ToastProvider = _ref2 => {
|
|
|
68
79
|
const removeToast = React.useCallback(id => {
|
|
69
80
|
setToasts(prevToasts => prevToasts.filter(t => t.id !== id));
|
|
70
81
|
}, []);
|
|
71
|
-
const removeToastAtIndex = index => {
|
|
72
|
-
setToasts(prevToasts => [...prevToasts.slice(0, index), ...prevToasts.slice(index + 1)]);
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
// If stack size exceed the maximum, remove the oldest toast
|
|
76
|
-
React.useEffect(() => {
|
|
77
|
-
if (toasts.length > MAX_TOAST_STACK_SIZE) {
|
|
78
|
-
removeToastAtIndex(MAX_TOAST_STACK_SIZE);
|
|
79
|
-
}
|
|
80
|
-
}, [toasts]);
|
|
81
82
|
const removeAllToasts = React.useCallback(() => {
|
|
82
83
|
setToasts([]);
|
|
83
84
|
}, []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["throttle","React","SafeAreaView","StyleSheet","View","Animated","Easing","SequencedTransition","SlideInUp","SlideOutUp","
|
|
1
|
+
{"version":3,"names":["throttle","React","SafeAreaView","StyleSheet","View","Animated","Easing","SequencedTransition","SlideInUp","SlideOutUp","triggerHaptic","Dismissable","ToastNotification","ToastContext","IOToastRef","useIOToast","MAX_TOAST_STACK_SIZE","TOAST_DURATION_TIME","TOAST_THROTTLE_TIME","ToastNotificationStackItem","_ref","onDismiss","toast","createElement","entering","duration","easing","inOut","exp","exiting","layout","style","paddingBottom","ToastProvider","_ref2","children","toastId","useRef","toasts","setToasts","useState","addToast","useCallback","id","current","prevToasts","length","mostRecentToasts","slice","setTimeout","filter","t","hapticFeedback","removeToast","removeAllToasts","contextValue","useMemo","Provider","value","InitializeToastRef","styles","container","pointerEvents","list","map","_extends","key","create","zIndex","position","bottom","left","right","top","overflow","padding"],"sourceRoot":"../../../../src","sources":["components/toast/ToastProvider.tsx"],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ export const IOSpacer = [4, 8, 16, 24, 32, 40, 48];
|
|
|
10
10
|
|
|
11
11
|
// Margin values used in the new `<ContentWrapper>` component
|
|
12
12
|
|
|
13
|
-
export const IOAppMargin = [8, 16, 24, 32];
|
|
13
|
+
export const IOAppMargin = [8, 16, 24, 32, 48];
|
|
14
14
|
|
|
15
15
|
// Values used in the `<Alert>` component
|
|
16
16
|
|