@pagopa/io-app-design-system 5.12.1 → 6.0.0-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/banner/__test__/__snapshots__/banner.test.tsx.snap +68 -2
- package/lib/commonjs/components/buttons/IOButton/__test__/__snapshots__/IOButton.test.tsx.snap +285 -9
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +700 -33
- package/lib/commonjs/components/claimsSelector/ClaimsSelector.js +41 -23
- package/lib/commonjs/components/claimsSelector/ClaimsSelector.js.map +1 -1
- package/lib/commonjs/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +554 -188
- package/lib/commonjs/components/headers/HeaderFirstLevel.js +1 -1
- package/lib/commonjs/components/headers/HeaderFirstLevel.js.map +1 -1
- package/lib/commonjs/components/headers/HeaderSecondLevel.js +3 -2
- package/lib/commonjs/components/headers/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +925 -41
- package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js +14 -18
- package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js.map +1 -1
- package/lib/commonjs/components/modules/__test__/__snapshots__/ModuleNavigationAlt.test.tsx.snap +304 -8
- package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +430 -32
- package/lib/commonjs/components/templates/Dismissable.js +6 -1
- package/lib/commonjs/components/templates/Dismissable.js.map +1 -1
- package/lib/commonjs/components/templates/ForceScrollDownView.js +5 -4
- package/lib/commonjs/components/templates/ForceScrollDownView.js.map +1 -1
- package/lib/commonjs/hooks/useAccordionAnimation.js +9 -1
- package/lib/commonjs/hooks/useAccordionAnimation.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +68 -2
- package/lib/module/components/buttons/IOButton/__test__/__snapshots__/IOButton.test.tsx.snap +285 -9
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +700 -33
- package/lib/module/components/claimsSelector/ClaimsSelector.js +42 -24
- package/lib/module/components/claimsSelector/ClaimsSelector.js.map +1 -1
- package/lib/module/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +554 -188
- package/lib/module/components/headers/HeaderFirstLevel.js +2 -2
- package/lib/module/components/headers/HeaderFirstLevel.js.map +1 -1
- package/lib/module/components/headers/HeaderSecondLevel.js +4 -3
- package/lib/module/components/headers/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/layout/FooterActions.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +925 -41
- package/lib/module/components/loadingSpinner/LoadingSpinner.js +15 -19
- package/lib/module/components/loadingSpinner/LoadingSpinner.js.map +1 -1
- package/lib/module/components/modules/__test__/__snapshots__/ModuleNavigationAlt.test.tsx.snap +304 -8
- package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +430 -32
- package/lib/module/components/templates/Dismissable.js +7 -2
- package/lib/module/components/templates/Dismissable.js.map +1 -1
- package/lib/module/components/templates/ForceScrollDownView.js +6 -5
- package/lib/module/components/templates/ForceScrollDownView.js.map +1 -1
- package/lib/module/hooks/useAccordionAnimation.js +10 -2
- package/lib/module/hooks/useAccordionAnimation.js.map +1 -1
- package/lib/typescript/components/claimsSelector/ClaimsSelector.d.ts +7 -1
- package/lib/typescript/components/claimsSelector/ClaimsSelector.d.ts.map +1 -1
- package/lib/typescript/components/headers/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/icons/Icon.d.ts +5 -1
- package/lib/typescript/components/icons/Icon.d.ts.map +1 -1
- package/lib/typescript/components/layout/FooterActions.d.ts +3 -3
- package/lib/typescript/components/layout/FooterActions.d.ts.map +1 -1
- package/lib/typescript/components/loadingSpinner/LoadingSpinner.d.ts.map +1 -1
- package/lib/typescript/components/templates/Dismissable.d.ts.map +1 -1
- package/lib/typescript/components/templates/ForceScrollDownView.d.ts +1 -1
- package/lib/typescript/components/templates/ForceScrollDownView.d.ts.map +1 -1
- package/lib/typescript/components/typography/IOText.d.ts +1 -1
- package/lib/typescript/components/typography/IOText.d.ts.map +1 -1
- package/lib/typescript/hooks/useAccordionAnimation.d.ts +4 -0
- package/lib/typescript/hooks/useAccordionAnimation.d.ts.map +1 -1
- package/package.json +7 -5
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +68 -2
- package/src/components/buttons/IOButton/__test__/__snapshots__/IOButton.test.tsx.snap +285 -9
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +700 -33
- package/src/components/claimsSelector/ClaimsSelector.tsx +56 -37
- package/src/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +554 -188
- package/src/components/headers/HeaderFirstLevel.tsx +2 -2
- package/src/components/headers/HeaderSecondLevel.tsx +4 -4
- package/src/components/layout/FooterActions.tsx +3 -3
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +925 -41
- package/src/components/loadingSpinner/LoadingSpinner.tsx +20 -24
- package/src/components/modules/__test__/__snapshots__/ModuleNavigationAlt.test.tsx.snap +304 -8
- package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +430 -32
- package/src/components/templates/Dismissable.tsx +5 -2
- package/src/components/templates/ForceScrollDownView.tsx +7 -8
- package/src/hooks/useAccordionAnimation.tsx +13 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","windowWidth","Dimensions","width","Dismissable","onDismiss","undefined","dismissThreshold","children","testID","translateX","useSharedValue","animatedStyle","useAnimatedStyle","transform","value","pan","Gesture","Pan","onUpdate","event","translationX","onEnd","Math","abs","withTiming","sign","duration","easing","Easing","inOut","exp","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_interopRequireWildcard","_reactNativeWorklets","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","windowWidth","Dimensions","width","Dismissable","onDismiss","undefined","dismissThreshold","children","testID","translateX","useSharedValue","animatedStyle","useAnimatedStyle","transform","value","pan","Gesture","Pan","onUpdate","event","translationX","onEnd","Math","abs","withTiming","sign","duration","easing","Easing","inOut","exp","scheduleOnRN","withSpring","mass","withTestId","jsx","GestureDetector","gesture","View","style","exports"],"sourceRoot":"../../../../src","sources":["components/templates/Dismissable.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,6 +7,7 @@ exports.ForceScrollDownView = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
+
var _reactNativeWorklets = require("react-native-worklets");
|
|
10
11
|
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
11
12
|
var _core = require("../../core");
|
|
12
13
|
var _buttons = require("../buttons");
|
|
@@ -47,13 +48,13 @@ const ForceScrollDownView = ({
|
|
|
47
48
|
const isButtonVisible = (0, _reactNativeReanimated.useSharedValue)(1);
|
|
48
49
|
const scrollViewHeight = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
49
50
|
const contentHeight = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
50
|
-
const offsetY = (0, _reactNativeReanimated.
|
|
51
|
+
const offsetY = (0, _reactNativeReanimated.useScrollOffset)(scrollViewRef);
|
|
51
52
|
(0, _reactNativeReanimated.useAnimatedReaction)(() => scrollViewHeight.value + Math.max(offsetY.value, 0) >= contentHeight.value - (threshold ?? 0), (crossed, previous) => {
|
|
52
53
|
if (crossed !== previous) {
|
|
53
54
|
// eslint-disable-next-line functional/immutable-data
|
|
54
55
|
isButtonVisible.value = (0, _reactNativeReanimated.withSpring)(crossed && scrollEnabled ? 0 : 1, _core.IOSpringValues.button);
|
|
55
56
|
if (onThresholdCrossed) {
|
|
56
|
-
(0,
|
|
57
|
+
(0, _reactNativeWorklets.scheduleOnRN)(onThresholdCrossed, crossed);
|
|
57
58
|
}
|
|
58
59
|
}
|
|
59
60
|
});
|
|
@@ -79,14 +80,14 @@ const ForceScrollDownView = ({
|
|
|
79
80
|
* scroll view to the bottom and hides the button.
|
|
80
81
|
*/
|
|
81
82
|
const handleScrollDownPress = (0, _react.useCallback)(() => {
|
|
82
|
-
(0,
|
|
83
|
+
(0, _reactNativeWorklets.scheduleOnUI)(() => {
|
|
83
84
|
"worklet";
|
|
84
85
|
|
|
85
86
|
// eslint-disable-next-line functional/immutable-data
|
|
86
87
|
isButtonVisible.value = (0, _reactNativeReanimated.withSpring)(0, _core.IOSpringValues.button);
|
|
87
88
|
const targetY = Math.max(0, contentHeight.value - scrollViewHeight.value);
|
|
88
89
|
(0, _reactNativeReanimated.scrollTo)(scrollViewRef, 0, targetY, true);
|
|
89
|
-
})
|
|
90
|
+
});
|
|
90
91
|
}, [scrollViewRef, contentHeight, scrollViewHeight, isButtonVisible]);
|
|
91
92
|
|
|
92
93
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeSafeAreaContext","_core","_buttons","_layout","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ForceScrollDownView","footerActions","children","threshold","customThreshold","style","contentContainerStyle","scrollEnabled","onThresholdCrossed","animatedRef","internalAnimatedRef","useAnimatedRef","scrollViewRef","insets","useSafeAreaInsets","footerActionsInlineMeasurements","handleFooterActionsInlineMeasurements","useFooterActionsInlineMeasurements","safeBottomAreaHeight","isButtonVisible","useSharedValue","scrollViewHeight","contentHeight","offsetY","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeWorklets","_reactNativeSafeAreaContext","_core","_buttons","_layout","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ForceScrollDownView","footerActions","children","threshold","customThreshold","style","contentContainerStyle","scrollEnabled","onThresholdCrossed","animatedRef","internalAnimatedRef","useAnimatedRef","scrollViewRef","insets","useSafeAreaInsets","footerActionsInlineMeasurements","handleFooterActionsInlineMeasurements","useFooterActionsInlineMeasurements","safeBottomAreaHeight","isButtonVisible","useSharedValue","scrollViewHeight","contentHeight","offsetY","useScrollOffset","useAnimatedReaction","value","Math","max","crossed","previous","withSpring","IOSpringValues","button","scheduleOnRN","handleContentSizeChange","useCallback","_w","h","handleLayout","event","nativeEvent","layout","height","handleScrollDownPress","scheduleOnUI","targetY","scrollTo","buttonTransitionStyle","useAnimatedStyle","opacity","transform","scale","interpolate","androidEdgeToEdgeMargin","Platform","OS","bottom","scrollDownButtonBottom","IOVisualCostants","scrollDownButton","jsx","View","styles","IconButtonSolid","testID","accessibilityLabel","icon","onPress","jsxs","Fragment","ScrollView","ref","onLayout","onContentSizeChange","FooterActions","onMeasure","fixed","exports","StyleSheet","create","position","zIndex","right","scrollDownButtonRight"],"sourceRoot":"../../../../src","sources":["components/templates/ForceScrollDownView.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -45,6 +45,10 @@ const useAccordionAnimation = ({
|
|
|
45
45
|
});
|
|
46
46
|
const bodyAnimatedStyle = [bodyAnimatedHeight, styles.accordionCollapsableContainer];
|
|
47
47
|
const bodyInnerStyle = styles.accordionBodyContainer;
|
|
48
|
+
const progress = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
49
|
+
const to = expanded ? 1 : 0;
|
|
50
|
+
return animationEnabled.value ? (0, _reactNativeReanimated.withSpring)(to, _core.IOSpringValues.accordion) : to;
|
|
51
|
+
}, [expanded]);
|
|
48
52
|
return {
|
|
49
53
|
expanded,
|
|
50
54
|
/**
|
|
@@ -66,7 +70,11 @@ const useAccordionAnimation = ({
|
|
|
66
70
|
/**
|
|
67
71
|
* The style to apply to the inner body container.
|
|
68
72
|
*/
|
|
69
|
-
bodyInnerStyle
|
|
73
|
+
bodyInnerStyle,
|
|
74
|
+
/**
|
|
75
|
+
* The progress of the accordion animation, from 0 (collapsed) to 1 (expanded).
|
|
76
|
+
*/
|
|
77
|
+
progress
|
|
70
78
|
};
|
|
71
79
|
};
|
|
72
80
|
exports.useAccordionAnimation = useAccordionAnimation;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_core","accordionBodySpacing","useAccordionAnimation","defaultExpanded","expanded","setExpanded","useState","animationEnabled","useSharedValue","bodyHeight","toggleAccordion","useCallback","value","iconAnimatedStyle","useAnimatedStyle","transform","rotate","withSpring","IOSpringValues","accordion","onBodyLayout","event","height","onLayoutHeight","nativeEvent","layout","bodyAnimatedHeight","nextHeight","bodyAnimatedStyle","styles","accordionCollapsableContainer","bodyInnerStyle","accordionBodyContainer","exports","StyleSheet","create","overflow","position","padding","width","paddingTop"],"sourceRoot":"../../../src","sources":["hooks/useAccordionAnimation.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_core","accordionBodySpacing","useAccordionAnimation","defaultExpanded","expanded","setExpanded","useState","animationEnabled","useSharedValue","bodyHeight","toggleAccordion","useCallback","value","iconAnimatedStyle","useAnimatedStyle","transform","rotate","withSpring","IOSpringValues","accordion","onBodyLayout","event","height","onLayoutHeight","nativeEvent","layout","bodyAnimatedHeight","nextHeight","bodyAnimatedStyle","styles","accordionCollapsableContainer","bodyInnerStyle","accordionBodyContainer","progress","useDerivedValue","to","exports","StyleSheet","create","overflow","position","padding","width","paddingTop"],"sourceRoot":"../../../src","sources":["hooks/useAccordionAnimation.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -33,6 +33,39 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
33
33
|
onStartShouldSetResponder={[Function]}
|
|
34
34
|
>
|
|
35
35
|
<View
|
|
36
|
+
collapsable={false}
|
|
37
|
+
jestAnimatedProps={
|
|
38
|
+
{
|
|
39
|
+
"value": {},
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
jestAnimatedStyle={
|
|
43
|
+
{
|
|
44
|
+
"value": {
|
|
45
|
+
"transform": [
|
|
46
|
+
{
|
|
47
|
+
"scale": 1,
|
|
48
|
+
},
|
|
49
|
+
],
|
|
50
|
+
},
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
jestInlineStyle={
|
|
54
|
+
[
|
|
55
|
+
{
|
|
56
|
+
"alignContent": "center",
|
|
57
|
+
"alignItems": "flex-start",
|
|
58
|
+
"borderCurve": "continuous",
|
|
59
|
+
"borderRadius": 8,
|
|
60
|
+
"flexDirection": "row",
|
|
61
|
+
"padding": 16,
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"backgroundColor": "#F4F5F8",
|
|
65
|
+
},
|
|
66
|
+
]
|
|
67
|
+
}
|
|
68
|
+
nativeID="1"
|
|
36
69
|
style={
|
|
37
70
|
[
|
|
38
71
|
{
|
|
@@ -49,7 +82,7 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
49
82
|
{
|
|
50
83
|
"transform": [
|
|
51
84
|
{
|
|
52
|
-
"scale":
|
|
85
|
+
"scale": 1,
|
|
53
86
|
},
|
|
54
87
|
],
|
|
55
88
|
},
|
|
@@ -327,6 +360,39 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
327
360
|
onStartShouldSetResponder={[Function]}
|
|
328
361
|
>
|
|
329
362
|
<View
|
|
363
|
+
collapsable={false}
|
|
364
|
+
jestAnimatedProps={
|
|
365
|
+
{
|
|
366
|
+
"value": {},
|
|
367
|
+
}
|
|
368
|
+
}
|
|
369
|
+
jestAnimatedStyle={
|
|
370
|
+
{
|
|
371
|
+
"value": {
|
|
372
|
+
"transform": [
|
|
373
|
+
{
|
|
374
|
+
"scale": 1,
|
|
375
|
+
},
|
|
376
|
+
],
|
|
377
|
+
},
|
|
378
|
+
}
|
|
379
|
+
}
|
|
380
|
+
jestInlineStyle={
|
|
381
|
+
[
|
|
382
|
+
{
|
|
383
|
+
"alignContent": "center",
|
|
384
|
+
"alignItems": "flex-start",
|
|
385
|
+
"borderCurve": "continuous",
|
|
386
|
+
"borderRadius": 8,
|
|
387
|
+
"flexDirection": "row",
|
|
388
|
+
"padding": 16,
|
|
389
|
+
},
|
|
390
|
+
{
|
|
391
|
+
"backgroundColor": "#F4F5F8",
|
|
392
|
+
},
|
|
393
|
+
]
|
|
394
|
+
}
|
|
395
|
+
nativeID="0"
|
|
330
396
|
style={
|
|
331
397
|
[
|
|
332
398
|
{
|
|
@@ -343,7 +409,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
343
409
|
{
|
|
344
410
|
"transform": [
|
|
345
411
|
{
|
|
346
|
-
"scale":
|
|
412
|
+
"scale": 1,
|
|
347
413
|
},
|
|
348
414
|
],
|
|
349
415
|
},
|
package/lib/module/components/buttons/IOButton/__test__/__snapshots__/IOButton.test.tsx.snap
CHANGED
|
@@ -48,6 +48,48 @@ exports[`Test Buttons Components IOButton Snapshot · Link variant 1`] = `
|
|
|
48
48
|
}
|
|
49
49
|
>
|
|
50
50
|
<View
|
|
51
|
+
collapsable={false}
|
|
52
|
+
jestAnimatedProps={
|
|
53
|
+
{
|
|
54
|
+
"value": {},
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
jestAnimatedStyle={
|
|
58
|
+
{
|
|
59
|
+
"value": {
|
|
60
|
+
"transform": [
|
|
61
|
+
{
|
|
62
|
+
"scale": 1,
|
|
63
|
+
},
|
|
64
|
+
],
|
|
65
|
+
},
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
jestInlineStyle={
|
|
69
|
+
[
|
|
70
|
+
{
|
|
71
|
+
"alignItems": "center",
|
|
72
|
+
"borderCurve": "continuous",
|
|
73
|
+
"elevation": 0,
|
|
74
|
+
"flexDirection": "row",
|
|
75
|
+
"justifyContent": "center",
|
|
76
|
+
"overflow": "hidden",
|
|
77
|
+
"textAlignVertical": "center",
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"paddingHorizontal": 0,
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"backgroundColor": "transparent",
|
|
84
|
+
"borderColor": "#0B3EE3",
|
|
85
|
+
"borderRadius": 8,
|
|
86
|
+
"borderWidth": 0,
|
|
87
|
+
"height": undefined,
|
|
88
|
+
},
|
|
89
|
+
{},
|
|
90
|
+
]
|
|
91
|
+
}
|
|
92
|
+
nativeID="3"
|
|
51
93
|
style={
|
|
52
94
|
[
|
|
53
95
|
{
|
|
@@ -62,7 +104,7 @@ exports[`Test Buttons Components IOButton Snapshot · Link variant 1`] = `
|
|
|
62
104
|
{
|
|
63
105
|
"transform": [
|
|
64
106
|
{
|
|
65
|
-
"scale":
|
|
107
|
+
"scale": 1,
|
|
66
108
|
},
|
|
67
109
|
],
|
|
68
110
|
},
|
|
@@ -82,6 +124,31 @@ exports[`Test Buttons Components IOButton Snapshot · Link variant 1`] = `
|
|
|
82
124
|
}
|
|
83
125
|
>
|
|
84
126
|
<View
|
|
127
|
+
collapsable={false}
|
|
128
|
+
jestAnimatedProps={
|
|
129
|
+
{
|
|
130
|
+
"value": {},
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
jestAnimatedStyle={
|
|
134
|
+
{
|
|
135
|
+
"value": {},
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
jestInlineStyle={
|
|
139
|
+
[
|
|
140
|
+
{
|
|
141
|
+
"alignItems": "center",
|
|
142
|
+
"flexDirection": "row",
|
|
143
|
+
"justifyContent": "center",
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
"columnGap": 8,
|
|
147
|
+
},
|
|
148
|
+
false,
|
|
149
|
+
]
|
|
150
|
+
}
|
|
151
|
+
nativeID="4"
|
|
85
152
|
style={
|
|
86
153
|
[
|
|
87
154
|
{
|
|
@@ -100,9 +167,33 @@ exports[`Test Buttons Components IOButton Snapshot · Link variant 1`] = `
|
|
|
100
167
|
accessibilityElementsHidden={true}
|
|
101
168
|
accessible={false}
|
|
102
169
|
allowFontScaling={true}
|
|
170
|
+
collapsable={false}
|
|
103
171
|
ellipsizeMode="tail"
|
|
104
172
|
importantForAccessibility="no-hide-descendants"
|
|
173
|
+
jestAnimatedProps={
|
|
174
|
+
{
|
|
175
|
+
"value": {},
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
jestAnimatedStyle={
|
|
179
|
+
{
|
|
180
|
+
"value": {
|
|
181
|
+
"color": "rgba(11, 62, 227, 1)",
|
|
182
|
+
},
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
jestInlineStyle={
|
|
186
|
+
[
|
|
187
|
+
{
|
|
188
|
+
"textAlign": "auto",
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"color": "#0B3EE3",
|
|
192
|
+
},
|
|
193
|
+
]
|
|
194
|
+
}
|
|
105
195
|
maxFontSizeMultiplier={1.5}
|
|
196
|
+
nativeID="5"
|
|
106
197
|
numberOfLines={1}
|
|
107
198
|
style={
|
|
108
199
|
[
|
|
@@ -123,7 +214,7 @@ exports[`Test Buttons Components IOButton Snapshot · Link variant 1`] = `
|
|
|
123
214
|
"color": "#0B3EE3",
|
|
124
215
|
},
|
|
125
216
|
{
|
|
126
|
-
"color":
|
|
217
|
+
"color": "rgba(11, 62, 227, 1)",
|
|
127
218
|
},
|
|
128
219
|
],
|
|
129
220
|
]
|
|
@@ -177,6 +268,50 @@ exports[`Test Buttons Components IOButton Snapshot · Outline variant 1`] = `
|
|
|
177
268
|
}
|
|
178
269
|
>
|
|
179
270
|
<View
|
|
271
|
+
collapsable={false}
|
|
272
|
+
jestAnimatedProps={
|
|
273
|
+
{
|
|
274
|
+
"value": {},
|
|
275
|
+
}
|
|
276
|
+
}
|
|
277
|
+
jestAnimatedStyle={
|
|
278
|
+
{
|
|
279
|
+
"value": {
|
|
280
|
+
"backgroundColor": "rgba(9, 50, 182, 0)",
|
|
281
|
+
"borderColor": "rgba(11, 62, 227, 1)",
|
|
282
|
+
"transform": [
|
|
283
|
+
{
|
|
284
|
+
"scale": 1,
|
|
285
|
+
},
|
|
286
|
+
],
|
|
287
|
+
},
|
|
288
|
+
}
|
|
289
|
+
}
|
|
290
|
+
jestInlineStyle={
|
|
291
|
+
[
|
|
292
|
+
{
|
|
293
|
+
"alignItems": "center",
|
|
294
|
+
"borderCurve": "continuous",
|
|
295
|
+
"elevation": 0,
|
|
296
|
+
"flexDirection": "row",
|
|
297
|
+
"justifyContent": "center",
|
|
298
|
+
"overflow": "hidden",
|
|
299
|
+
"textAlignVertical": "center",
|
|
300
|
+
},
|
|
301
|
+
{
|
|
302
|
+
"paddingHorizontal": 24,
|
|
303
|
+
},
|
|
304
|
+
{
|
|
305
|
+
"backgroundColor": "rgba(9,50,182,0)",
|
|
306
|
+
"borderColor": "#0B3EE3",
|
|
307
|
+
"borderRadius": 8,
|
|
308
|
+
"borderWidth": 2,
|
|
309
|
+
"height": 48,
|
|
310
|
+
},
|
|
311
|
+
{},
|
|
312
|
+
]
|
|
313
|
+
}
|
|
314
|
+
nativeID="6"
|
|
180
315
|
style={
|
|
181
316
|
[
|
|
182
317
|
{
|
|
@@ -191,13 +326,13 @@ exports[`Test Buttons Components IOButton Snapshot · Outline variant 1`] = `
|
|
|
191
326
|
{
|
|
192
327
|
"transform": [
|
|
193
328
|
{
|
|
194
|
-
"scale":
|
|
329
|
+
"scale": 1,
|
|
195
330
|
},
|
|
196
331
|
],
|
|
197
332
|
},
|
|
198
333
|
{
|
|
199
|
-
"backgroundColor":
|
|
200
|
-
"borderColor":
|
|
334
|
+
"backgroundColor": "rgba(9, 50, 182, 0)",
|
|
335
|
+
"borderColor": "rgba(11, 62, 227, 1)",
|
|
201
336
|
},
|
|
202
337
|
{
|
|
203
338
|
"paddingHorizontal": 24,
|
|
@@ -214,6 +349,31 @@ exports[`Test Buttons Components IOButton Snapshot · Outline variant 1`] = `
|
|
|
214
349
|
}
|
|
215
350
|
>
|
|
216
351
|
<View
|
|
352
|
+
collapsable={false}
|
|
353
|
+
jestAnimatedProps={
|
|
354
|
+
{
|
|
355
|
+
"value": {},
|
|
356
|
+
}
|
|
357
|
+
}
|
|
358
|
+
jestAnimatedStyle={
|
|
359
|
+
{
|
|
360
|
+
"value": {},
|
|
361
|
+
}
|
|
362
|
+
}
|
|
363
|
+
jestInlineStyle={
|
|
364
|
+
[
|
|
365
|
+
{
|
|
366
|
+
"alignItems": "center",
|
|
367
|
+
"flexDirection": "row",
|
|
368
|
+
"justifyContent": "center",
|
|
369
|
+
},
|
|
370
|
+
{
|
|
371
|
+
"columnGap": 8,
|
|
372
|
+
},
|
|
373
|
+
false,
|
|
374
|
+
]
|
|
375
|
+
}
|
|
376
|
+
nativeID="7"
|
|
217
377
|
style={
|
|
218
378
|
[
|
|
219
379
|
{
|
|
@@ -232,9 +392,33 @@ exports[`Test Buttons Components IOButton Snapshot · Outline variant 1`] = `
|
|
|
232
392
|
accessibilityElementsHidden={true}
|
|
233
393
|
accessible={false}
|
|
234
394
|
allowFontScaling={true}
|
|
395
|
+
collapsable={false}
|
|
235
396
|
ellipsizeMode="tail"
|
|
236
397
|
importantForAccessibility="no-hide-descendants"
|
|
398
|
+
jestAnimatedProps={
|
|
399
|
+
{
|
|
400
|
+
"value": {},
|
|
401
|
+
}
|
|
402
|
+
}
|
|
403
|
+
jestAnimatedStyle={
|
|
404
|
+
{
|
|
405
|
+
"value": {
|
|
406
|
+
"color": "rgba(11, 62, 227, 1)",
|
|
407
|
+
},
|
|
408
|
+
}
|
|
409
|
+
}
|
|
410
|
+
jestInlineStyle={
|
|
411
|
+
[
|
|
412
|
+
{
|
|
413
|
+
"textAlign": "auto",
|
|
414
|
+
},
|
|
415
|
+
{
|
|
416
|
+
"color": "#0B3EE3",
|
|
417
|
+
},
|
|
418
|
+
]
|
|
419
|
+
}
|
|
237
420
|
maxFontSizeMultiplier={1.5}
|
|
421
|
+
nativeID="8"
|
|
238
422
|
numberOfLines={1}
|
|
239
423
|
style={
|
|
240
424
|
[
|
|
@@ -255,7 +439,7 @@ exports[`Test Buttons Components IOButton Snapshot · Outline variant 1`] = `
|
|
|
255
439
|
"color": "#0B3EE3",
|
|
256
440
|
},
|
|
257
441
|
{
|
|
258
|
-
"color":
|
|
442
|
+
"color": "rgba(11, 62, 227, 1)",
|
|
259
443
|
},
|
|
260
444
|
],
|
|
261
445
|
]
|
|
@@ -309,6 +493,49 @@ exports[`Test Buttons Components IOButton Snapshot · Solid variant 1`] = `
|
|
|
309
493
|
}
|
|
310
494
|
>
|
|
311
495
|
<View
|
|
496
|
+
collapsable={false}
|
|
497
|
+
jestAnimatedProps={
|
|
498
|
+
{
|
|
499
|
+
"value": {},
|
|
500
|
+
}
|
|
501
|
+
}
|
|
502
|
+
jestAnimatedStyle={
|
|
503
|
+
{
|
|
504
|
+
"value": {
|
|
505
|
+
"backgroundColor": "rgba(11, 62, 227, 1)",
|
|
506
|
+
"transform": [
|
|
507
|
+
{
|
|
508
|
+
"scale": 1,
|
|
509
|
+
},
|
|
510
|
+
],
|
|
511
|
+
},
|
|
512
|
+
}
|
|
513
|
+
}
|
|
514
|
+
jestInlineStyle={
|
|
515
|
+
[
|
|
516
|
+
{
|
|
517
|
+
"alignItems": "center",
|
|
518
|
+
"borderCurve": "continuous",
|
|
519
|
+
"elevation": 0,
|
|
520
|
+
"flexDirection": "row",
|
|
521
|
+
"justifyContent": "center",
|
|
522
|
+
"overflow": "hidden",
|
|
523
|
+
"textAlignVertical": "center",
|
|
524
|
+
},
|
|
525
|
+
{
|
|
526
|
+
"paddingHorizontal": 24,
|
|
527
|
+
},
|
|
528
|
+
{
|
|
529
|
+
"backgroundColor": "#0B3EE3",
|
|
530
|
+
"borderColor": "#FFFFFF",
|
|
531
|
+
"borderRadius": 8,
|
|
532
|
+
"borderWidth": 0,
|
|
533
|
+
"height": 48,
|
|
534
|
+
},
|
|
535
|
+
{},
|
|
536
|
+
]
|
|
537
|
+
}
|
|
538
|
+
nativeID="0"
|
|
312
539
|
style={
|
|
313
540
|
[
|
|
314
541
|
{
|
|
@@ -323,12 +550,12 @@ exports[`Test Buttons Components IOButton Snapshot · Solid variant 1`] = `
|
|
|
323
550
|
{
|
|
324
551
|
"transform": [
|
|
325
552
|
{
|
|
326
|
-
"scale":
|
|
553
|
+
"scale": 1,
|
|
327
554
|
},
|
|
328
555
|
],
|
|
329
556
|
},
|
|
330
557
|
{
|
|
331
|
-
"backgroundColor":
|
|
558
|
+
"backgroundColor": "rgba(11, 62, 227, 1)",
|
|
332
559
|
},
|
|
333
560
|
{
|
|
334
561
|
"paddingHorizontal": 24,
|
|
@@ -345,6 +572,31 @@ exports[`Test Buttons Components IOButton Snapshot · Solid variant 1`] = `
|
|
|
345
572
|
}
|
|
346
573
|
>
|
|
347
574
|
<View
|
|
575
|
+
collapsable={false}
|
|
576
|
+
jestAnimatedProps={
|
|
577
|
+
{
|
|
578
|
+
"value": {},
|
|
579
|
+
}
|
|
580
|
+
}
|
|
581
|
+
jestAnimatedStyle={
|
|
582
|
+
{
|
|
583
|
+
"value": {},
|
|
584
|
+
}
|
|
585
|
+
}
|
|
586
|
+
jestInlineStyle={
|
|
587
|
+
[
|
|
588
|
+
{
|
|
589
|
+
"alignItems": "center",
|
|
590
|
+
"flexDirection": "row",
|
|
591
|
+
"justifyContent": "center",
|
|
592
|
+
},
|
|
593
|
+
{
|
|
594
|
+
"columnGap": 8,
|
|
595
|
+
},
|
|
596
|
+
false,
|
|
597
|
+
]
|
|
598
|
+
}
|
|
599
|
+
nativeID="1"
|
|
348
600
|
style={
|
|
349
601
|
[
|
|
350
602
|
{
|
|
@@ -363,9 +615,33 @@ exports[`Test Buttons Components IOButton Snapshot · Solid variant 1`] = `
|
|
|
363
615
|
accessibilityElementsHidden={true}
|
|
364
616
|
accessible={false}
|
|
365
617
|
allowFontScaling={true}
|
|
618
|
+
collapsable={false}
|
|
366
619
|
ellipsizeMode="tail"
|
|
367
620
|
importantForAccessibility="no-hide-descendants"
|
|
621
|
+
jestAnimatedProps={
|
|
622
|
+
{
|
|
623
|
+
"value": {},
|
|
624
|
+
}
|
|
625
|
+
}
|
|
626
|
+
jestAnimatedStyle={
|
|
627
|
+
{
|
|
628
|
+
"value": {
|
|
629
|
+
"color": "rgba(255, 255, 255, 1)",
|
|
630
|
+
},
|
|
631
|
+
}
|
|
632
|
+
}
|
|
633
|
+
jestInlineStyle={
|
|
634
|
+
[
|
|
635
|
+
{
|
|
636
|
+
"textAlign": "auto",
|
|
637
|
+
},
|
|
638
|
+
{
|
|
639
|
+
"color": "#FFFFFF",
|
|
640
|
+
},
|
|
641
|
+
]
|
|
642
|
+
}
|
|
368
643
|
maxFontSizeMultiplier={1.5}
|
|
644
|
+
nativeID="2"
|
|
369
645
|
numberOfLines={1}
|
|
370
646
|
style={
|
|
371
647
|
[
|
|
@@ -386,7 +662,7 @@ exports[`Test Buttons Components IOButton Snapshot · Solid variant 1`] = `
|
|
|
386
662
|
"color": "#FFFFFF",
|
|
387
663
|
},
|
|
388
664
|
{
|
|
389
|
-
"color":
|
|
665
|
+
"color": "rgba(255, 255, 255, 1)",
|
|
390
666
|
},
|
|
391
667
|
],
|
|
392
668
|
]
|