@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
|
@@ -43,12 +43,13 @@ const CodeInput = ({
|
|
|
43
43
|
length,
|
|
44
44
|
value,
|
|
45
45
|
onValueChange,
|
|
46
|
-
variant = "
|
|
46
|
+
variant = "primary",
|
|
47
47
|
onValidate
|
|
48
48
|
}) => {
|
|
49
49
|
const [status, setStatus] = (0, _react.useState)("default");
|
|
50
50
|
const {
|
|
51
|
-
themeType
|
|
51
|
+
themeType,
|
|
52
|
+
theme
|
|
52
53
|
} = (0, _core.useIOThemeContext)();
|
|
53
54
|
const {
|
|
54
55
|
translate,
|
|
@@ -59,16 +60,18 @@ const CodeInput = ({
|
|
|
59
60
|
/* Empty Dot
|
|
60
61
|
- Right color depending on both theme and variant */
|
|
61
62
|
const emptyDotColorLightBg = _core.IOColors["grey-650"];
|
|
62
|
-
const emptyDotColorDarkBg =
|
|
63
|
+
const emptyDotColorDarkBg = _core.IOColors["grey-300"];
|
|
64
|
+
const emptyDotColorAccentBg = (0, _core.hexToRgba)(_core.IOColors.white, 0.75);
|
|
63
65
|
const emptyDotColorThemeBased = themeType === "light" ? emptyDotColorLightBg : emptyDotColorDarkBg;
|
|
64
|
-
const emptyDotColor = variant === "
|
|
66
|
+
const emptyDotColor = variant === "primary" ? emptyDotColorAccentBg : emptyDotColorThemeBased;
|
|
65
67
|
|
|
66
68
|
/* Filled Dot
|
|
67
69
|
- Right color depending on theme, variant and status */
|
|
68
70
|
const filledDotColorLightBg = _core.IOColors.black;
|
|
69
71
|
const filledDotColorDarkBg = _core.IOColors.white;
|
|
72
|
+
const filledDotColorError = variant === "primary" ? _core.IOColors["error-400"] : _core.IOColors[theme.errorText];
|
|
70
73
|
const filledDotColorThemeBased = themeType === "light" ? filledDotColorLightBg : filledDotColorDarkBg;
|
|
71
|
-
const filledDotColor = status === "error" ?
|
|
74
|
+
const filledDotColor = status === "error" ? filledDotColorError : variant === "primary" ? filledDotColorDarkBg : filledDotColorThemeBased;
|
|
72
75
|
(0, _react.useEffect)(() => {
|
|
73
76
|
if (onValidate && value.length === length) {
|
|
74
77
|
const isValid = onValidate(value);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_functions","_useErrorShakeAnimation","_stack","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DOT_SIZE","styles","StyleSheet","create","dotShape","width","height","borderRadius","borderWidth","EmptyDot","color","borderColor","createElement","View","style","backgroundColor","hexToRgba","FilledDot","CodeInput","length","value","onValueChange","variant","onValidate","status","setStatus","useState","themeType","useIOThemeContext","translate","animatedStyle","shakeAnimation","useErrorShakeAnimation","emptyDotColorLightBg","IOColors","emptyDotColorDarkBg","white","emptyDotColorThemeBased","emptyDotColor","filledDotColorLightBg","black","filledDotColorDarkBg","filledDotColorThemeBased","filledDotColor","useEffect","isValid","triggerHaptic","timer","setTimeout","clearTimeout","flexDirection","justifyContent","HStack","space","Array","map","_","i","exports"],"sourceRoot":"../../../../src","sources":["components/codeInput/CodeInput.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,uBAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAkC,SAAAG,uBAAAK,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,SAAAb,wBAAAS,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;AAUlC,MAAMW,QAAQ,GAAG,EAAE;AAEnB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,QAAQ,EAAE;IACRC,KAAK,EAAEL,QAAQ;IACfM,MAAM,EAAEN,QAAQ;IAChBO,YAAY,EAAEP,QAAQ,GAAG,CAAC;IAC1BQ,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,KAAK,EAAEC;AAAmC,CAAC,kBAC7D3C,MAAA,CAAAY,OAAA,CAAAgC,aAAA,CAACzC,YAAA,CAAA0C,IAAI;EACHC,KAAK,EAAE,CACLb,MAAM,CAACG,QAAQ,EACf;IACEO,WAAW;IACXI,eAAe,EAAE,IAAAC,eAAS,EAACL,WAAW,EAAE,CAAC;EAC3C,CAAC;AACD,CACH,CACF;AAED,MAAMM,SAAS,GAAGA,CAAC;EAAEP,KAAK,EAAEK;AAAuC,CAAC,kBAClE/C,MAAA,CAAAY,OAAA,CAAAgC,aAAA,CAACzC,YAAA,CAAA0C,IAAI;EACHC,KAAK,EAAE,CAACb,MAAM,CAACG,QAAQ,EAAE;IAAEW,eAAe;IAAEJ,WAAW,EAAEI;EAAgB,CAAC;AAAE,CAC7E,CACF;AAEM,MAAMG,SAAS,GAAGA,CAAC;EACxBC,MAAM;EACNC,KAAK;EACLC,aAAa;EACbC,OAAO,GAAG,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_functions","_useErrorShakeAnimation","_stack","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DOT_SIZE","styles","StyleSheet","create","dotShape","width","height","borderRadius","borderWidth","EmptyDot","color","borderColor","createElement","View","style","backgroundColor","hexToRgba","FilledDot","CodeInput","length","value","onValueChange","variant","onValidate","status","setStatus","useState","themeType","theme","useIOThemeContext","translate","animatedStyle","shakeAnimation","useErrorShakeAnimation","emptyDotColorLightBg","IOColors","emptyDotColorDarkBg","emptyDotColorAccentBg","white","emptyDotColorThemeBased","emptyDotColor","filledDotColorLightBg","black","filledDotColorDarkBg","filledDotColorError","errorText","filledDotColorThemeBased","filledDotColor","useEffect","isValid","triggerHaptic","timer","setTimeout","clearTimeout","flexDirection","justifyContent","HStack","space","Array","map","_","i","exports"],"sourceRoot":"../../../../src","sources":["components/codeInput/CodeInput.tsx"],"mappings":"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"}
|
|
@@ -18,8 +18,6 @@ const ScaleInOutAnimation = ({
|
|
|
18
18
|
mass: 3,
|
|
19
19
|
stiffness: 1000
|
|
20
20
|
},
|
|
21
|
-
delayOut = 0,
|
|
22
|
-
delayIn = 0,
|
|
23
21
|
children,
|
|
24
22
|
style
|
|
25
23
|
}) => {
|
|
@@ -28,13 +26,15 @@ const ScaleInOutAnimation = ({
|
|
|
28
26
|
|
|
29
27
|
return {
|
|
30
28
|
initialValues: {
|
|
29
|
+
opacity: 0,
|
|
31
30
|
transform: [{
|
|
32
|
-
scale: 0
|
|
31
|
+
scale: 0.5
|
|
33
32
|
}]
|
|
34
33
|
},
|
|
35
34
|
animations: {
|
|
35
|
+
opacity: (0, _reactNativeReanimated.withSpring)(1, springConfig),
|
|
36
36
|
transform: [{
|
|
37
|
-
scale: (0, _reactNativeReanimated.
|
|
37
|
+
scale: (0, _reactNativeReanimated.withSpring)(1, springConfig)
|
|
38
38
|
}]
|
|
39
39
|
}
|
|
40
40
|
};
|
|
@@ -44,13 +44,15 @@ const ScaleInOutAnimation = ({
|
|
|
44
44
|
|
|
45
45
|
return {
|
|
46
46
|
initialValues: {
|
|
47
|
+
opacity: 1,
|
|
47
48
|
transform: [{
|
|
48
49
|
scale: 1
|
|
49
50
|
}]
|
|
50
51
|
},
|
|
51
52
|
animations: {
|
|
53
|
+
opacity: (0, _reactNativeReanimated.withSpring)(0, springConfig),
|
|
52
54
|
transform: [{
|
|
53
|
-
scale: (0, _reactNativeReanimated.
|
|
55
|
+
scale: (0, _reactNativeReanimated.withSpring)(0.5, springConfig)
|
|
54
56
|
}]
|
|
55
57
|
}
|
|
56
58
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeReanimated","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ScaleInOutAnimation","visible","springConfig","damping","mass","stiffness","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeReanimated","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ScaleInOutAnimation","visible","springConfig","damping","mass","stiffness","children","style","enteringAnimation","initialValues","opacity","transform","scale","animations","withSpring","exitingAnimation","createElement","View","entering","exiting","exports"],"sourceRoot":"../../../../src","sources":["components/common/ScaleInOutAnimation.tsx"],"mappings":"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"}
|
|
@@ -6,11 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.ForceScrollDownView = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var _ScaleInOutAnimation = require("../common/ScaleInOutAnimation");
|
|
10
9
|
var _core = require("../../core");
|
|
11
10
|
var _buttons = require("../buttons");
|
|
11
|
+
var _ScaleInOutAnimation = require("../common/ScaleInOutAnimation");
|
|
12
|
+
var _FooterActions = require("./FooterActions");
|
|
13
|
+
var _hooks = require("./hooks");
|
|
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; }
|
|
16
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
17
|
/**
|
|
15
18
|
* A React Native component that displays a scroll view with a button that scrolls to the bottom of the content
|
|
16
19
|
* when pressed. The button is hidden when the scroll view reaches a certain threshold from the bottom, which is
|
|
@@ -18,26 +21,32 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
18
21
|
* `scrollEnabled` prop to `false`.
|
|
19
22
|
*/
|
|
20
23
|
const ForceScrollDownView = ({
|
|
24
|
+
footerActions,
|
|
21
25
|
children,
|
|
22
|
-
threshold
|
|
26
|
+
threshold: customThreshold,
|
|
23
27
|
style,
|
|
24
28
|
contentContainerStyle,
|
|
25
29
|
scrollEnabled = true,
|
|
26
30
|
onThresholdCrossed
|
|
27
31
|
}) => {
|
|
28
32
|
const scrollViewRef = (0, _react.useRef)(null);
|
|
33
|
+
const {
|
|
34
|
+
footerActionsInlineMeasurements,
|
|
35
|
+
handleFooterActionsInlineMeasurements
|
|
36
|
+
} = (0, _hooks.useFooterActionsInlineMeasurements)();
|
|
37
|
+
const threshold = footerActions ? footerActionsInlineMeasurements.safeBottomAreaHeight : customThreshold;
|
|
29
38
|
|
|
30
39
|
/**
|
|
31
40
|
* The height of the scroll view, used to determine whether or not the scrollable content fits inside
|
|
32
41
|
* the scroll view and whether the "scroll to bottom" button should be displayed.
|
|
33
42
|
*/
|
|
34
|
-
const [scrollViewHeight, setScrollViewHeight] = (0, _react.useState)();
|
|
43
|
+
const [scrollViewHeight, setScrollViewHeight] = (0, _react.useState)(0);
|
|
35
44
|
|
|
36
45
|
/**
|
|
37
46
|
* The height of the scrollable content, used to determine whether or not the "scroll to bottom" button
|
|
38
47
|
* should be displayed.
|
|
39
48
|
*/
|
|
40
|
-
const [contentHeight, setContentHeight] = (0, _react.useState)();
|
|
49
|
+
const [contentHeight, setContentHeight] = (0, _react.useState)(0);
|
|
41
50
|
|
|
42
51
|
/**
|
|
43
52
|
* Whether or not the scroll view has crossed the threshold from the bottom.
|
|
@@ -53,7 +62,7 @@ const ForceScrollDownView = ({
|
|
|
53
62
|
/**
|
|
54
63
|
* A callback that is called whenever the scroll view is scrolled. It checks whether or not the
|
|
55
64
|
* scroll view has crossed the threshold from the bottom and updates the state accordingly.
|
|
56
|
-
* The callback is designed to
|
|
65
|
+
* The callback is designed to update button visibility only when crossing the threshold.
|
|
57
66
|
*/
|
|
58
67
|
const handleScroll = (0, _react.useCallback)(event => {
|
|
59
68
|
const {
|
|
@@ -61,17 +70,12 @@ const ForceScrollDownView = ({
|
|
|
61
70
|
contentOffset,
|
|
62
71
|
contentSize
|
|
63
72
|
} = event.nativeEvent;
|
|
64
|
-
const thresholdCrossed = layoutMeasurement.height + contentOffset.y >= contentSize.height - threshold;
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
setButtonVisible(true);
|
|
71
|
-
}
|
|
72
|
-
return thresholdCrossed;
|
|
73
|
-
});
|
|
74
|
-
}, [threshold]);
|
|
73
|
+
const thresholdCrossed = layoutMeasurement.height + contentOffset.y >= contentSize.height - (threshold ?? 0);
|
|
74
|
+
if (isThresholdCrossed !== thresholdCrossed) {
|
|
75
|
+
setThresholdCrossed(thresholdCrossed);
|
|
76
|
+
setButtonVisible(!thresholdCrossed);
|
|
77
|
+
}
|
|
78
|
+
}, [threshold, isThresholdCrossed]);
|
|
75
79
|
|
|
76
80
|
/**
|
|
77
81
|
* A side effect that calls the `onThresholdCrossed` callback whenever the value of `isThresholdCrossed` changes.
|
|
@@ -111,7 +115,7 @@ const ForceScrollDownView = ({
|
|
|
111
115
|
* when the scrollable content cannot fit inside the scroll view and the button is enabled
|
|
112
116
|
* (`scrollEnabled` is `true`).
|
|
113
117
|
*/
|
|
114
|
-
const needsScroll = (0, _react.useMemo)(() => scrollViewHeight
|
|
118
|
+
const needsScroll = (0, _react.useMemo)(() => scrollViewHeight > 0 && contentHeight > 0 && scrollViewHeight < contentHeight, [scrollViewHeight, contentHeight]);
|
|
115
119
|
|
|
116
120
|
/**
|
|
117
121
|
* Whether or not to render the "scroll to bottom" button. It is only rendered when the scroll view
|
|
@@ -136,17 +140,17 @@ const ForceScrollDownView = ({
|
|
|
136
140
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
|
|
137
141
|
testID: "ScrollView",
|
|
138
142
|
ref: scrollViewRef,
|
|
139
|
-
scrollIndicatorInsets: {
|
|
140
|
-
right: 1
|
|
141
|
-
},
|
|
142
143
|
scrollEnabled: scrollEnabled,
|
|
143
|
-
onScroll: handleScroll,
|
|
144
|
-
scrollEventThrottle: 400,
|
|
145
144
|
style: style,
|
|
145
|
+
onScroll: handleScroll,
|
|
146
|
+
scrollEventThrottle: 8,
|
|
146
147
|
onLayout: handleLayout,
|
|
147
148
|
onContentSizeChange: handleContentSizeChange,
|
|
148
149
|
contentContainerStyle: contentContainerStyle
|
|
149
|
-
}, children
|
|
150
|
+
}, children, footerActions && /*#__PURE__*/_react.default.createElement(_FooterActions.FooterActions, _extends({}, footerActions, {
|
|
151
|
+
onMeasure: handleFooterActionsInlineMeasurements,
|
|
152
|
+
fixed: false
|
|
153
|
+
}))), scrollDownButton);
|
|
150
154
|
};
|
|
151
155
|
exports.ForceScrollDownView = ForceScrollDownView;
|
|
152
156
|
const styles = _reactNative.StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ScaleInOutAnimation","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_buttons","_ScaleInOutAnimation","_FooterActions","_hooks","_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","ForceScrollDownView","footerActions","children","threshold","customThreshold","style","contentContainerStyle","scrollEnabled","onThresholdCrossed","scrollViewRef","useRef","footerActionsInlineMeasurements","handleFooterActionsInlineMeasurements","useFooterActionsInlineMeasurements","safeBottomAreaHeight","scrollViewHeight","setScrollViewHeight","useState","contentHeight","setContentHeight","isThresholdCrossed","setThresholdCrossed","isButtonVisible","setButtonVisible","handleScroll","useCallback","event","layoutMeasurement","contentOffset","contentSize","nativeEvent","thresholdCrossed","height","y","useEffect","handleContentSizeChange","_contentWidth","handleLayout","layout","handleScrollDownPress","_scrollViewRef$curren","current","scrollToEnd","needsScroll","useMemo","shouldRenderScrollButton","scrollDownButton","createElement","ScaleInOutAnimation","springConfig","IOSpringValues","button","styles","visible","IconButtonSolid","testID","accessibilityLabel","icon","onPress","Fragment","ScrollView","ref","onScroll","scrollEventThrottle","onLayout","onContentSizeChange","FooterActions","onMeasure","fixed","exports","StyleSheet","create","position","zIndex","right","IOVisualCostants","scrollDownButtonRight","bottom","scrollDownButtonBottom"],"sourceRoot":"../../../../src","sources":["components/layout/ForceScrollDownView.tsx"],"mappings":"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"}
|
|
@@ -12,14 +12,18 @@ describe("ForceScrollDownView", () => {
|
|
|
12
12
|
jest.useFakeTimers();
|
|
13
13
|
it("should match snapshot", () => {
|
|
14
14
|
const tChildren = /*#__PURE__*/_react.default.createElement(_reactNative2.Text, null, tContent);
|
|
15
|
-
const component = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView,
|
|
15
|
+
const component = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView, {
|
|
16
|
+
threshold: 100
|
|
17
|
+
}, tChildren));
|
|
16
18
|
expect(component).toMatchSnapshot();
|
|
17
19
|
});
|
|
18
20
|
it("renders the content correctly", () => {
|
|
19
21
|
const tChildren = /*#__PURE__*/_react.default.createElement(_reactNative2.Text, null, tContent);
|
|
20
22
|
const {
|
|
21
23
|
getByText
|
|
22
|
-
} = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView,
|
|
24
|
+
} = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView, {
|
|
25
|
+
threshold: 100
|
|
26
|
+
}, tChildren));
|
|
23
27
|
expect(getByText(tContent)).toBeDefined();
|
|
24
28
|
});
|
|
25
29
|
it("displays the scroll down button when necessary", async () => {
|
|
@@ -28,7 +32,9 @@ describe("ForceScrollDownView", () => {
|
|
|
28
32
|
const {
|
|
29
33
|
getByTestId,
|
|
30
34
|
queryByTestId
|
|
31
|
-
} = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView,
|
|
35
|
+
} = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView, {
|
|
36
|
+
threshold: 100
|
|
37
|
+
}, tChildren));
|
|
32
38
|
const scrollView = getByTestId("ScrollView");
|
|
33
39
|
|
|
34
40
|
// Update scroll view height
|
|
@@ -61,7 +67,9 @@ describe("ForceScrollDownView", () => {
|
|
|
61
67
|
const {
|
|
62
68
|
getByTestId,
|
|
63
69
|
queryByTestId
|
|
64
|
-
} = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView,
|
|
70
|
+
} = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView, {
|
|
71
|
+
threshold: 100
|
|
72
|
+
}, tChildren));
|
|
65
73
|
const scrollView = getByTestId("ScrollView");
|
|
66
74
|
|
|
67
75
|
// Update scroll view height
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNative2","_ForceScrollDownView","obj","__esModule","default","tContent","describe","jest","useFakeTimers","it","tChildren","createElement","Text","component","render","ForceScrollDownView","expect","toMatchSnapshot","getByText","toBeDefined","tScreenHeight","getByTestId","queryByTestId","scrollView","fireEvent","nativeEvent","layout","height","buttonBefore","toBeNull","advanceTimersByTime","buttonAfter","not","press"],"sourceRoot":"../../../../../src","sources":["components/layout/__test__/ForceScrollDownView.test.tsx"],"mappings":";;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AAA6D,SAAAE,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAJ7D;;AAMA,MAAMG,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,gBAAGZ,MAAA,CAAAM,OAAA,CAAAO,aAAA,CAACX,aAAA,CAAAY,IAAI,QAAEP,QAAe,CAAC;IAEzC,MAAMQ,SAAS,GAAG,IAAAC,mBAAM,gBACtBhB,MAAA,CAAAM,OAAA,CAAAO,aAAA,CAACV,oBAAA,CAAAc,mBAAmB,
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNative2","_ForceScrollDownView","obj","__esModule","default","tContent","describe","jest","useFakeTimers","it","tChildren","createElement","Text","component","render","ForceScrollDownView","threshold","expect","toMatchSnapshot","getByText","toBeDefined","tScreenHeight","getByTestId","queryByTestId","scrollView","fireEvent","nativeEvent","layout","height","buttonBefore","toBeNull","advanceTimersByTime","buttonAfter","not","press"],"sourceRoot":"../../../../../src","sources":["components/layout/__test__/ForceScrollDownView.test.tsx"],"mappings":"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"}
|
package/lib/commonjs/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>
|
|
@@ -18,9 +18,9 @@ const useFooterActionsInlineMeasurements = () => {
|
|
|
18
18
|
const [footerActionsInlineMeasurements, setFooterActionsInlineMeasurements] = (0, _react.useState)({
|
|
19
19
|
safeBottomAreaHeight: 0
|
|
20
20
|
});
|
|
21
|
-
const handleFooterActionsInlineMeasurements = values => {
|
|
21
|
+
const handleFooterActionsInlineMeasurements = (0, _react.useCallback)(values => {
|
|
22
22
|
setFooterActionsInlineMeasurements(values);
|
|
23
|
-
};
|
|
23
|
+
}, []);
|
|
24
24
|
return {
|
|
25
25
|
footerActionsInlineMeasurements,
|
|
26
26
|
handleFooterActionsInlineMeasurements
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","useFooterActionsInlineMeasurements","footerActionsInlineMeasurements","setFooterActionsInlineMeasurements","useState","safeBottomAreaHeight","handleFooterActionsInlineMeasurements","values","exports"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useFooterActionsInlineMeasurements.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,kCAAkC,GAC7CA,CAAA,KAA+C;EAC7C,MAAM,CACJC,+BAA+B,EAC/BC,kCAAkC,CACnC,GAAG,IAAAC,eAAQ,EAAkC;IAC5CC,oBAAoB,EAAE;EACxB,CAAC,CAAC;EAEF,MAAMC,qCAAqC,
|
|
1
|
+
{"version":3,"names":["_react","require","useFooterActionsInlineMeasurements","footerActionsInlineMeasurements","setFooterActionsInlineMeasurements","useState","safeBottomAreaHeight","handleFooterActionsInlineMeasurements","useCallback","values","exports"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useFooterActionsInlineMeasurements.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,kCAAkC,GAC7CA,CAAA,KAA+C;EAC7C,MAAM,CACJC,+BAA+B,EAC/BC,kCAAkC,CACnC,GAAG,IAAAC,eAAQ,EAAkC;IAC5CC,oBAAoB,EAAE;EACxB,CAAC,CAAC;EAEF,MAAMC,qCAAqC,GAAG,IAAAC,kBAAW,EACtDC,MAAuC,IAAK;IAC3CL,kCAAkC,CAACK,MAAM,CAAC;EAC5C,CAAC,EACD,EACF,CAAC;EAED,OAAO;IACLN,+BAA+B;IAC/BI;EACF,CAAC;AACH,CAAC;AAACG,OAAA,CAAAR,kCAAA,GAAAA,kCAAA"}
|
|
@@ -19,9 +19,9 @@ const useFooterActionsMeasurements = () => {
|
|
|
19
19
|
actionBlockHeight: 0,
|
|
20
20
|
safeBottomAreaHeight: 0
|
|
21
21
|
});
|
|
22
|
-
const handleFooterActionsMeasurements = values => {
|
|
22
|
+
const handleFooterActionsMeasurements = (0, _react.useCallback)(values => {
|
|
23
23
|
setFooterActionsMeasurements(values);
|
|
24
|
-
};
|
|
24
|
+
}, []);
|
|
25
25
|
return {
|
|
26
26
|
footerActionsMeasurements,
|
|
27
27
|
handleFooterActionsMeasurements
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","useFooterActionsMeasurements","footerActionsMeasurements","setFooterActionsMeasurements","useState","actionBlockHeight","safeBottomAreaHeight","handleFooterActionsMeasurements","values","exports"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useFooterActionsMeasurements.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,4BAA4B,GACvCA,CAAA,KAAyC;EACvC,MAAM,CAACC,yBAAyB,EAAEC,4BAA4B,CAAC,GAC7D,IAAAC,eAAQ,EAA4B;IAClCC,iBAAiB,EAAE,CAAC;IACpBC,oBAAoB,EAAE;EACxB,CAAC,CAAC;EAEJ,MAAMC,+BAA+B,
|
|
1
|
+
{"version":3,"names":["_react","require","useFooterActionsMeasurements","footerActionsMeasurements","setFooterActionsMeasurements","useState","actionBlockHeight","safeBottomAreaHeight","handleFooterActionsMeasurements","useCallback","values","exports"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useFooterActionsMeasurements.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,4BAA4B,GACvCA,CAAA,KAAyC;EACvC,MAAM,CAACC,yBAAyB,EAAEC,4BAA4B,CAAC,GAC7D,IAAAC,eAAQ,EAA4B;IAClCC,iBAAiB,EAAE,CAAC;IACpBC,oBAAoB,EAAE;EACxB,CAAC,CAAC;EAEJ,MAAMC,+BAA+B,GAAG,IAAAC,kBAAW,EAChDC,MAAiC,IAAK;IACrCN,4BAA4B,CAACM,MAAM,CAAC;EACtC,CAAC,EACD,EACF,CAAC;EAED,OAAO;IACLP,yBAAyB;IACzBK;EACF,CAAC;AACH,CAAC;AAACG,OAAA,CAAAT,4BAAA,GAAAA,4BAAA"}
|
|
@@ -39,10 +39,11 @@ const ListItemRadioWithAmount = ({
|
|
|
39
39
|
};
|
|
40
40
|
const theme = (0, _core.useIOTheme)();
|
|
41
41
|
const suggestColor = "hanPurple-500";
|
|
42
|
+
const defaultAccessibilityLabel = `${label} ${formattedAmountString} ${suggestReason ?? ""}`;
|
|
42
43
|
return /*#__PURE__*/React.createElement(_PressableListItemBase.PressableListItemBase, {
|
|
43
44
|
onPress: pressHandler,
|
|
44
45
|
accessibilityRole: "radio",
|
|
45
|
-
accessibilityLabel: accessibilityLabel,
|
|
46
|
+
accessibilityLabel: accessibilityLabel ?? defaultAccessibilityLabel,
|
|
46
47
|
accessibilityState: {
|
|
47
48
|
checked: selected ?? toggleValue
|
|
48
49
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_core","_accessibility","_icons","_AnimatedRadio","_stack","_typography","_PressableListItemBase","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ListItemRadioWithAmount","onValueChange","selected","label","accessibilityLabel","isSuggested","suggestReason","formattedAmountString","dynamicFontScale","useIOFontDynamicScale","toggleValue","setToggleValue","useState","pressHandler","RNReactNativeHapticFeedback","trigger","val","undefined","theme","useIOTheme","suggestColor","createElement","PressableListItemBase","onPress","accessibilityRole","accessibilityState","checked","View","style","flexShrink","H6","numberOfLines","color","HStack","space","alignItems","Icon","name","size","BodySmall","weight","pointerEvents","accessibilityElementsHidden","importantForAccessibility","AnimatedRadio","IOSelectionTickVisualParams","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadioWithAmount.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,sBAAA,GAAAV,OAAA;AAAgE,SAAAG,uBAAAQ,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,SAAAhB,wBAAAY,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;AAkBzD,MAAMW,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,GAAG,IAAAC,oCAAqB,EAAC,CAAC;EACpD,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG9C,KAAK,CAAC+C,QAAQ,CAACV,QAAQ,IAAI,KAAK,CAAC;EAEvE,MAAMW,YAAY,GAAGA,CAAA,KAAM;IACzBC,kCAA2B,CAACC,OAAO,CAAC,aAAa,CAAC;IAClDJ,cAAc,CAACK,GAAG,IAAI,CAACA,GAAG,CAAC;IAC3B,IAAIf,aAAa,KAAKgB,SAAS,EAAE;MAC/BhB,aAAa,CAAC,CAACS,WAAW,CAAC;IAC7B;EACF,CAAC;EACD,MAAMQ,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAE1B,MAAMC,YAAsB,GAAG,eAAe;EAE9C,
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_core","_accessibility","_icons","_AnimatedRadio","_stack","_typography","_PressableListItemBase","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ListItemRadioWithAmount","onValueChange","selected","label","accessibilityLabel","isSuggested","suggestReason","formattedAmountString","dynamicFontScale","useIOFontDynamicScale","toggleValue","setToggleValue","useState","pressHandler","RNReactNativeHapticFeedback","trigger","val","undefined","theme","useIOTheme","suggestColor","defaultAccessibilityLabel","createElement","PressableListItemBase","onPress","accessibilityRole","accessibilityState","checked","View","style","flexShrink","H6","numberOfLines","color","HStack","space","alignItems","Icon","name","size","BodySmall","weight","pointerEvents","accessibilityElementsHidden","importantForAccessibility","AnimatedRadio","IOSelectionTickVisualParams","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadioWithAmount.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,sBAAA,GAAAV,OAAA;AAAgE,SAAAG,uBAAAQ,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,SAAAhB,wBAAAY,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;AAkBzD,MAAMW,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,GAAG,IAAAC,oCAAqB,EAAC,CAAC;EACpD,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG9C,KAAK,CAAC+C,QAAQ,CAACV,QAAQ,IAAI,KAAK,CAAC;EAEvE,MAAMW,YAAY,GAAGA,CAAA,KAAM;IACzBC,kCAA2B,CAACC,OAAO,CAAC,aAAa,CAAC;IAClDJ,cAAc,CAACK,GAAG,IAAI,CAACA,GAAG,CAAC;IAC3B,IAAIf,aAAa,KAAKgB,SAAS,EAAE;MAC/BhB,aAAa,CAAC,CAACS,WAAW,CAAC;IAC7B;EACF,CAAC;EACD,MAAMQ,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAE1B,MAAMC,YAAsB,GAAG,eAAe;EAE9C,MAAMC,yBAAyB,GAAI,GAAElB,KAAM,IAAGI,qBAAsB,IAClED,aAAa,IAAI,EAClB,EAAC;EAEF,oBACEzC,KAAA,CAAAyD,aAAA,CAAC7C,sBAAA,CAAA8C,qBAAqB;IACpBC,OAAO,EAAEX,YAAa;IACtBY,iBAAiB,EAAC,OAAO;IACzBrB,kBAAkB,EAAEA,kBAAkB,IAAIiB,yBAA0B;IACpEK,kBAAkB,EAAE;MAClBC,OAAO,EAAEzB,QAAQ,IAAIQ;IACvB;EAAE,gBAEF7C,KAAA,CAAAyD,aAAA,CAACtD,YAAA,CAAA4D,IAAI;IAACC,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAE;EAAE,gBAC7BjE,KAAA,CAAAyD,aAAA,CAAC9C,WAAA,CAAAuD,EAAE;IAACC,aAAa,EAAE,CAAE;IAACC,KAAK,EAAEf,KAAK,CAAC,kBAAkB;EAAE,GACpDf,KACC,CAAC,EACJE,WAAW,iBACVxC,KAAA,CAAAyD,aAAA,CAAC/C,MAAA,CAAA2D,MAAM;IAACC,KAAK,EAAE,CAAE;IAACN,KAAK,EAAE;MAAEO,UAAU,EAAE;IAAS;EAAE,gBAChDvE,KAAA,CAAAyD,aAAA,CAACjD,MAAA,CAAAgE,IAAI;IAACC,IAAI,EAAC,UAAU;IAACC,IAAI,EAAE,EAAG;IAACN,KAAK,EAAEb;EAAa,CAAE,CAAC,eACvDvD,KAAA,CAAAyD,aAAA,CAAC9C,WAAA,CAAAgE,SAAS;IAACC,MAAM,EAAC,SAAS;IAACR,KAAK,EAAEb;EAAa,GAC7Cd,aACQ,CACL,CAEN,CAAC,eACPzC,KAAA,CAAAyD,aAAA,CAAC/C,MAAA,CAAA2D,MAAM;IACLC,KAAK,EAAE,CAAE;IACTO,aAAa,EAAC,MAAM;IACpBC,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAqB,gBAE/C/E,KAAA,CAAAyD,aAAA,CAAC9C,WAAA,CAAAuD,EAAE;IAACE,KAAK,EAAEf,KAAK,CAAC,yBAAyB;EAAE,GACzCX,qBACC,CAAC,eACL1C,KAAA,CAAAyD,aAAA,CAAChD,cAAA,CAAAuE,aAAa;IACZN,IAAI,EAAEO,iCAA2B,CAACP,IAAI,GAAG/B,gBAAiB;IAC1DmB,OAAO,EAAEzB,QAAQ,IAAIQ;EAAY,CAClC,CACK,CACa,CAAC;AAE5B,CAAC;AAACqC,OAAA,CAAA/C,uBAAA,GAAAA,uBAAA"}
|
|
@@ -767,6 +767,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemNavAlert Snap
|
|
|
767
767
|
|
|
768
768
|
exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmount Snapshot 1`] = `
|
|
769
769
|
<View
|
|
770
|
+
accessibilityLabel="label € 1.000,00 suggestReason"
|
|
770
771
|
accessibilityRole="radio"
|
|
771
772
|
accessibilityState={
|
|
772
773
|
{
|
|
@@ -1140,6 +1141,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
1140
1141
|
|
|
1141
1142
|
exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmount Snapshot 2`] = `
|
|
1142
1143
|
<View
|
|
1144
|
+
accessibilityLabel="label € 1.000,00 "
|
|
1143
1145
|
accessibilityRole="radio"
|
|
1144
1146
|
accessibilityState={
|
|
1145
1147
|
{
|
|
@@ -2343,6 +2345,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
|
|
|
2343
2345
|
|
|
2344
2346
|
exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
2345
2347
|
<View
|
|
2348
|
+
accessibilityLabel="label € 1.000,00 suggestReason"
|
|
2346
2349
|
accessibilityRole="radio"
|
|
2347
2350
|
accessibilityState={
|
|
2348
2351
|
{
|
|
@@ -2716,6 +2719,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2716
2719
|
|
|
2717
2720
|
exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
2718
2721
|
<View
|
|
2722
|
+
accessibilityLabel="label € 1.000,00 "
|
|
2719
2723
|
accessibilityRole="radio"
|
|
2720
2724
|
accessibilityState={
|
|
2721
2725
|
{
|
|
@@ -6,25 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.NumberButton = 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
11
|
var _core = require("../../core");
|
|
11
12
|
var _hooks = require("../../hooks");
|
|
12
13
|
var _typography = require("../typography");
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
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); }
|
|
14
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; }
|
|
15
|
-
const colorMap = {
|
|
16
|
-
light: {
|
|
17
|
-
background: _core.IOColors["grey-50"],
|
|
18
|
-
pressed: _core.IOColors["grey-200"],
|
|
19
|
-
foreground: "blueIO-500"
|
|
20
|
-
},
|
|
21
|
-
dark: {
|
|
22
|
-
background: _core.IOColors["blueIO-400"],
|
|
23
|
-
pressed: _core.IOColors["blueIO-200"],
|
|
24
|
-
foreground: "white"
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
|
|
28
17
|
/**
|
|
29
18
|
* Based on a `Pressable` element, it displays a number button with animations on press In and Out.
|
|
30
19
|
*
|
|
@@ -35,22 +24,36 @@ const NumberButton = /*#__PURE__*/(0, _react.memo)(({
|
|
|
35
24
|
variant,
|
|
36
25
|
onPress
|
|
37
26
|
}) => {
|
|
27
|
+
const theme = (0, _core.useIOTheme)();
|
|
38
28
|
const {
|
|
39
29
|
progress,
|
|
40
30
|
onPressIn,
|
|
41
31
|
onPressOut,
|
|
42
32
|
scaleAnimatedStyle
|
|
43
|
-
} = (0, _hooks.useScaleAnimation)("
|
|
33
|
+
} = (0, _hooks.useScaleAnimation)("medium");
|
|
44
34
|
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
45
35
|
const {
|
|
46
36
|
newTypefaceEnabled
|
|
47
37
|
} = (0, _core.useIONewTypeface)();
|
|
38
|
+
const colorMap = (0, _react.useMemo)(() => ({
|
|
39
|
+
neutral: {
|
|
40
|
+
background: (0, _core.hexToRgba)(_core.IOColors[theme["interactiveElem-default"]], 0.1),
|
|
41
|
+
pressed: (0, _core.hexToRgba)(_core.IOColors[theme["interactiveElem-default"]], 0.35),
|
|
42
|
+
foreground: theme["interactiveElem-default"]
|
|
43
|
+
},
|
|
44
|
+
primary: {
|
|
45
|
+
background: (0, _core.hexToRgba)(_core.IOColors.white, 0.15),
|
|
46
|
+
pressed: (0, _core.hexToRgba)(_core.IOColors.white, 0.5),
|
|
47
|
+
foreground: "white"
|
|
48
|
+
}
|
|
49
|
+
}), [theme]);
|
|
48
50
|
|
|
49
51
|
// Interpolate animation values from `isPressed` values
|
|
50
52
|
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
51
53
|
backgroundColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[variant].background, colorMap[variant].pressed])
|
|
52
54
|
}));
|
|
53
55
|
const handleOnPress = (0, _react.useCallback)(() => {
|
|
56
|
+
_reactNativeHapticFeedback.default.trigger("impactLight");
|
|
54
57
|
onPress(number);
|
|
55
58
|
}, [number, onPress]);
|
|
56
59
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_typography","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","NumberButton","memo","number","variant","onPress","theme","useIOTheme","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","newTypefaceEnabled","useIONewTypeface","colorMap","useMemo","neutral","background","hexToRgba","IOColors","pressed","foreground","primary","white","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","handleOnPress","useCallback","ReactNativeHapticFeedback","trigger","createElement","Pressable","accessible","accessibilityRole","View","style","IONumberPadButtonStyles","button","circularShape","buttonSize","IOText","size","font","weight","color","textAlignVertical","exports"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}
|
|
@@ -34,7 +34,7 @@ const mapIconSpecByBiometric = {
|
|
|
34
34
|
* @returns {JSX.Element} The rendered numeric keyboard component.
|
|
35
35
|
*/
|
|
36
36
|
const NumberPad = ({
|
|
37
|
-
variant = "
|
|
37
|
+
variant = "primary",
|
|
38
38
|
biometricType,
|
|
39
39
|
biometricAccessibilityLabel,
|
|
40
40
|
deleteAccessibilityLabel,
|
|
@@ -60,7 +60,7 @@ const NumberPad = ({
|
|
|
60
60
|
key: item
|
|
61
61
|
}, /*#__PURE__*/_react.default.createElement(_buttons.IconButton, {
|
|
62
62
|
icon: "cancel",
|
|
63
|
-
color: variant === "
|
|
63
|
+
color: variant === "primary" ? "contrast" : "primary",
|
|
64
64
|
onPress: onDeletePress,
|
|
65
65
|
accessibilityLabel: deleteAccessibilityLabel
|
|
66
66
|
}));
|
|
@@ -71,7 +71,7 @@ const NumberPad = ({
|
|
|
71
71
|
}, /*#__PURE__*/_react.default.createElement(_buttons.IconButton, {
|
|
72
72
|
icon: mapIconSpecByBiometric[biometricType].icon,
|
|
73
73
|
iconSize: mapIconSpecByBiometric[biometricType].size,
|
|
74
|
-
color: variant === "
|
|
74
|
+
color: variant === "primary" ? "contrast" : "primary",
|
|
75
75
|
onPress: onBiometricPress,
|
|
76
76
|
accessibilityLabel: biometricAccessibilityLabel
|
|
77
77
|
}));
|