@pagopa/io-app-design-system 5.1.3 → 5.2.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/index.js +22 -11
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +18 -24
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js +21 -22
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +84 -140
- package/lib/commonjs/components/modules/ModuleAttachment.js +5 -6
- package/lib/commonjs/components/modules/ModuleAttachment.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleCheckout.js +15 -17
- package/lib/commonjs/components/modules/ModuleCheckout.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleCredential.js +8 -9
- package/lib/commonjs/components/modules/ModuleCredential.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleNavigation.js +11 -12
- package/lib/commonjs/components/modules/ModuleNavigation.js.map +1 -1
- package/lib/commonjs/components/modules/ModulePaymentNotice.js +13 -14
- package/lib/commonjs/components/modules/ModulePaymentNotice.js.map +1 -1
- package/lib/commonjs/components/skeleton/IOSkeleton.js +65 -0
- package/lib/commonjs/components/skeleton/IOSkeleton.js.map +1 -0
- package/lib/commonjs/components/skeleton/index.js +17 -0
- package/lib/commonjs/components/skeleton/index.js.map +1 -0
- package/lib/commonjs/core/IOColors.js +3 -1
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/module/components/index.js +2 -1
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +18 -24
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js +24 -25
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +84 -140
- package/lib/module/components/modules/ModuleAttachment.js +5 -5
- package/lib/module/components/modules/ModuleAttachment.js.map +1 -1
- package/lib/module/components/modules/ModuleCheckout.js +16 -17
- package/lib/module/components/modules/ModuleCheckout.js.map +1 -1
- package/lib/module/components/modules/ModuleCredential.js +8 -9
- package/lib/module/components/modules/ModuleCredential.js.map +1 -1
- package/lib/module/components/modules/ModuleNavigation.js +12 -13
- package/lib/module/components/modules/ModuleNavigation.js.map +1 -1
- package/lib/module/components/modules/ModulePaymentNotice.js +14 -14
- package/lib/module/components/modules/ModulePaymentNotice.js.map +1 -1
- package/lib/module/components/skeleton/IOSkeleton.js +56 -0
- package/lib/module/components/skeleton/IOSkeleton.js.map +1 -0
- package/lib/module/components/skeleton/index.js +2 -0
- package/lib/module/components/skeleton/index.js.map +1 -0
- package/lib/module/core/IOColors.js +3 -1
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/typescript/components/index.d.ts +2 -1
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleAttachment.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleCheckout.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleCredential.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModulePaymentNotice.d.ts.map +1 -1
- package/lib/typescript/components/skeleton/IOSkeleton.d.ts +23 -0
- package/lib/typescript/components/skeleton/IOSkeleton.d.ts.map +1 -0
- package/lib/typescript/components/skeleton/index.d.ts +2 -0
- package/lib/typescript/components/skeleton/index.d.ts.map +1 -0
- package/lib/typescript/core/IOColors.d.ts +1 -1
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/package.json +2 -3
- package/src/components/index.tsx +2 -1
- package/src/components/listitems/ListItemRadio.tsx +8 -15
- package/src/components/listitems/ListItemTransaction.tsx +11 -15
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +84 -140
- package/src/components/modules/ModuleAttachment.tsx +3 -3
- package/src/components/modules/ModuleCheckout.tsx +6 -6
- package/src/components/modules/ModuleCredential.tsx +4 -4
- package/src/components/modules/ModuleNavigation.tsx +7 -7
- package/src/components/modules/ModulePaymentNotice.tsx +5 -5
- package/src/components/skeleton/IOSkeleton.tsx +107 -0
- package/src/components/skeleton/index.tsx +1 -0
- package/src/core/IOColors.ts +3 -0
|
@@ -1395,86 +1395,64 @@ exports[`Test List Item Components - Experimental Enabled ListItemTransaction S
|
|
|
1395
1395
|
}
|
|
1396
1396
|
>
|
|
1397
1397
|
<View
|
|
1398
|
-
collapsable={false}
|
|
1399
1398
|
style={
|
|
1400
|
-
|
|
1401
|
-
"opacity": 0.5,
|
|
1402
|
-
}
|
|
1403
|
-
}
|
|
1404
|
-
>
|
|
1405
|
-
<View
|
|
1406
|
-
height={44}
|
|
1407
|
-
radius={8}
|
|
1408
|
-
style={
|
|
1399
|
+
[
|
|
1409
1400
|
{
|
|
1410
|
-
"backgroundColor": "#
|
|
1401
|
+
"backgroundColor": "#E8EBF1",
|
|
1402
|
+
"borderCurve": "continuous",
|
|
1411
1403
|
"borderRadius": 8,
|
|
1412
1404
|
"height": 44,
|
|
1413
1405
|
"width": 44,
|
|
1414
|
-
}
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1406
|
+
},
|
|
1407
|
+
{
|
|
1408
|
+
"opacity": 0.75,
|
|
1409
|
+
},
|
|
1410
|
+
]
|
|
1411
|
+
}
|
|
1412
|
+
/>
|
|
1419
1413
|
</View>
|
|
1420
1414
|
<View
|
|
1421
1415
|
style={
|
|
1422
1416
|
{
|
|
1423
|
-
"
|
|
1417
|
+
"display": "flex",
|
|
1418
|
+
"flexDirection": "column",
|
|
1419
|
+
"flexGrow": 1,
|
|
1420
|
+
"gap": 4,
|
|
1424
1421
|
}
|
|
1425
1422
|
}
|
|
1426
1423
|
>
|
|
1427
1424
|
<View
|
|
1428
|
-
collapsable={false}
|
|
1429
1425
|
style={
|
|
1430
|
-
|
|
1431
|
-
"opacity": 0.5,
|
|
1432
|
-
}
|
|
1433
|
-
}
|
|
1434
|
-
>
|
|
1435
|
-
<View
|
|
1436
|
-
height={16}
|
|
1437
|
-
radius={8}
|
|
1438
|
-
style={
|
|
1426
|
+
[
|
|
1439
1427
|
{
|
|
1440
|
-
"backgroundColor": "#
|
|
1428
|
+
"backgroundColor": "#E8EBF1",
|
|
1429
|
+
"borderCurve": "continuous",
|
|
1441
1430
|
"borderRadius": 8,
|
|
1442
1431
|
"height": 16,
|
|
1443
1432
|
"width": 62,
|
|
1444
|
-
}
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
<View
|
|
1450
|
-
style={
|
|
1451
|
-
{
|
|
1452
|
-
"height": 4,
|
|
1453
|
-
}
|
|
1433
|
+
},
|
|
1434
|
+
{
|
|
1435
|
+
"opacity": 0.75,
|
|
1436
|
+
},
|
|
1437
|
+
]
|
|
1454
1438
|
}
|
|
1455
1439
|
/>
|
|
1456
1440
|
<View
|
|
1457
|
-
collapsable={false}
|
|
1458
1441
|
style={
|
|
1459
|
-
|
|
1460
|
-
"opacity": 0.5,
|
|
1461
|
-
}
|
|
1462
|
-
}
|
|
1463
|
-
>
|
|
1464
|
-
<View
|
|
1465
|
-
height={16}
|
|
1466
|
-
radius={8}
|
|
1467
|
-
style={
|
|
1442
|
+
[
|
|
1468
1443
|
{
|
|
1469
|
-
"backgroundColor": "#
|
|
1444
|
+
"backgroundColor": "#E8EBF1",
|
|
1445
|
+
"borderCurve": "continuous",
|
|
1470
1446
|
"borderRadius": 8,
|
|
1471
1447
|
"height": 16,
|
|
1472
1448
|
"width": 107,
|
|
1473
|
-
}
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1449
|
+
},
|
|
1450
|
+
{
|
|
1451
|
+
"opacity": 0.75,
|
|
1452
|
+
},
|
|
1453
|
+
]
|
|
1454
|
+
}
|
|
1455
|
+
/>
|
|
1478
1456
|
</View>
|
|
1479
1457
|
<View
|
|
1480
1458
|
style={
|
|
@@ -1484,27 +1462,21 @@ exports[`Test List Item Components - Experimental Enabled ListItemTransaction S
|
|
|
1484
1462
|
}
|
|
1485
1463
|
>
|
|
1486
1464
|
<View
|
|
1487
|
-
collapsable={false}
|
|
1488
1465
|
style={
|
|
1489
|
-
|
|
1490
|
-
"opacity": 0.5,
|
|
1491
|
-
}
|
|
1492
|
-
}
|
|
1493
|
-
>
|
|
1494
|
-
<View
|
|
1495
|
-
height={24}
|
|
1496
|
-
radius={8}
|
|
1497
|
-
style={
|
|
1466
|
+
[
|
|
1498
1467
|
{
|
|
1499
|
-
"backgroundColor": "#
|
|
1468
|
+
"backgroundColor": "#E8EBF1",
|
|
1469
|
+
"borderCurve": "continuous",
|
|
1500
1470
|
"borderRadius": 8,
|
|
1501
1471
|
"height": 24,
|
|
1502
1472
|
"width": 70,
|
|
1503
|
-
}
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
|
|
1507
|
-
|
|
1473
|
+
},
|
|
1474
|
+
{
|
|
1475
|
+
"opacity": 0.75,
|
|
1476
|
+
},
|
|
1477
|
+
]
|
|
1478
|
+
}
|
|
1479
|
+
/>
|
|
1508
1480
|
</View>
|
|
1509
1481
|
</View>
|
|
1510
1482
|
</View>
|
|
@@ -2978,86 +2950,64 @@ exports[`Test List Item Components ListItemTransaction Snapshot 1`] = `
|
|
|
2978
2950
|
}
|
|
2979
2951
|
>
|
|
2980
2952
|
<View
|
|
2981
|
-
collapsable={false}
|
|
2982
2953
|
style={
|
|
2983
|
-
|
|
2984
|
-
"opacity": 0.5,
|
|
2985
|
-
}
|
|
2986
|
-
}
|
|
2987
|
-
>
|
|
2988
|
-
<View
|
|
2989
|
-
height={44}
|
|
2990
|
-
radius={8}
|
|
2991
|
-
style={
|
|
2954
|
+
[
|
|
2992
2955
|
{
|
|
2993
|
-
"backgroundColor": "#
|
|
2956
|
+
"backgroundColor": "#E8EBF1",
|
|
2957
|
+
"borderCurve": "continuous",
|
|
2994
2958
|
"borderRadius": 8,
|
|
2995
2959
|
"height": 44,
|
|
2996
2960
|
"width": 44,
|
|
2997
|
-
}
|
|
2998
|
-
|
|
2999
|
-
|
|
3000
|
-
|
|
3001
|
-
|
|
2961
|
+
},
|
|
2962
|
+
{
|
|
2963
|
+
"opacity": 0.75,
|
|
2964
|
+
},
|
|
2965
|
+
]
|
|
2966
|
+
}
|
|
2967
|
+
/>
|
|
3002
2968
|
</View>
|
|
3003
2969
|
<View
|
|
3004
2970
|
style={
|
|
3005
2971
|
{
|
|
3006
|
-
"
|
|
2972
|
+
"display": "flex",
|
|
2973
|
+
"flexDirection": "column",
|
|
2974
|
+
"flexGrow": 1,
|
|
2975
|
+
"gap": 4,
|
|
3007
2976
|
}
|
|
3008
2977
|
}
|
|
3009
2978
|
>
|
|
3010
2979
|
<View
|
|
3011
|
-
collapsable={false}
|
|
3012
2980
|
style={
|
|
3013
|
-
|
|
3014
|
-
"opacity": 0.5,
|
|
3015
|
-
}
|
|
3016
|
-
}
|
|
3017
|
-
>
|
|
3018
|
-
<View
|
|
3019
|
-
height={16}
|
|
3020
|
-
radius={8}
|
|
3021
|
-
style={
|
|
2981
|
+
[
|
|
3022
2982
|
{
|
|
3023
|
-
"backgroundColor": "#
|
|
2983
|
+
"backgroundColor": "#E8EBF1",
|
|
2984
|
+
"borderCurve": "continuous",
|
|
3024
2985
|
"borderRadius": 8,
|
|
3025
2986
|
"height": 16,
|
|
3026
2987
|
"width": 62,
|
|
3027
|
-
}
|
|
3028
|
-
|
|
3029
|
-
|
|
3030
|
-
|
|
3031
|
-
|
|
3032
|
-
<View
|
|
3033
|
-
style={
|
|
3034
|
-
{
|
|
3035
|
-
"height": 4,
|
|
3036
|
-
}
|
|
2988
|
+
},
|
|
2989
|
+
{
|
|
2990
|
+
"opacity": 0.75,
|
|
2991
|
+
},
|
|
2992
|
+
]
|
|
3037
2993
|
}
|
|
3038
2994
|
/>
|
|
3039
2995
|
<View
|
|
3040
|
-
collapsable={false}
|
|
3041
2996
|
style={
|
|
3042
|
-
|
|
3043
|
-
"opacity": 0.5,
|
|
3044
|
-
}
|
|
3045
|
-
}
|
|
3046
|
-
>
|
|
3047
|
-
<View
|
|
3048
|
-
height={16}
|
|
3049
|
-
radius={8}
|
|
3050
|
-
style={
|
|
2997
|
+
[
|
|
3051
2998
|
{
|
|
3052
|
-
"backgroundColor": "#
|
|
2999
|
+
"backgroundColor": "#E8EBF1",
|
|
3000
|
+
"borderCurve": "continuous",
|
|
3053
3001
|
"borderRadius": 8,
|
|
3054
3002
|
"height": 16,
|
|
3055
3003
|
"width": 107,
|
|
3056
|
-
}
|
|
3057
|
-
|
|
3058
|
-
|
|
3059
|
-
|
|
3060
|
-
|
|
3004
|
+
},
|
|
3005
|
+
{
|
|
3006
|
+
"opacity": 0.75,
|
|
3007
|
+
},
|
|
3008
|
+
]
|
|
3009
|
+
}
|
|
3010
|
+
/>
|
|
3061
3011
|
</View>
|
|
3062
3012
|
<View
|
|
3063
3013
|
style={
|
|
@@ -3067,27 +3017,21 @@ exports[`Test List Item Components ListItemTransaction Snapshot 1`] = `
|
|
|
3067
3017
|
}
|
|
3068
3018
|
>
|
|
3069
3019
|
<View
|
|
3070
|
-
collapsable={false}
|
|
3071
3020
|
style={
|
|
3072
|
-
|
|
3073
|
-
"opacity": 0.5,
|
|
3074
|
-
}
|
|
3075
|
-
}
|
|
3076
|
-
>
|
|
3077
|
-
<View
|
|
3078
|
-
height={24}
|
|
3079
|
-
radius={8}
|
|
3080
|
-
style={
|
|
3021
|
+
[
|
|
3081
3022
|
{
|
|
3082
|
-
"backgroundColor": "#
|
|
3023
|
+
"backgroundColor": "#E8EBF1",
|
|
3024
|
+
"borderCurve": "continuous",
|
|
3083
3025
|
"borderRadius": 8,
|
|
3084
3026
|
"height": 24,
|
|
3085
3027
|
"width": 70,
|
|
3086
|
-
}
|
|
3087
|
-
|
|
3088
|
-
|
|
3089
|
-
|
|
3090
|
-
|
|
3028
|
+
},
|
|
3029
|
+
{
|
|
3030
|
+
"opacity": 0.75,
|
|
3031
|
+
},
|
|
3032
|
+
]
|
|
3033
|
+
}
|
|
3034
|
+
/>
|
|
3091
3035
|
</View>
|
|
3092
3036
|
</View>
|
|
3093
3037
|
</View>
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { useCallback } from "react";
|
|
2
|
-
import Placeholder from "rn-placeholder";
|
|
3
2
|
import { IOListItemVisualParams, useIOTheme } from "../../core";
|
|
4
3
|
import { Badge } from "../badge";
|
|
5
4
|
import { Icon } from "../icons";
|
|
6
5
|
import { LoadingSpinner } from "../loadingSpinner";
|
|
6
|
+
import { IOSkeleton } from "../skeleton";
|
|
7
7
|
import { HStack, VStack } from "../stack";
|
|
8
8
|
import { Body } from "../typography";
|
|
9
9
|
import { ModuleStatic } from "./ModuleStatic";
|
|
@@ -118,13 +118,13 @@ const ModuleAttachmentSkeleton = ({
|
|
|
118
118
|
},
|
|
119
119
|
startBlock: /*#__PURE__*/React.createElement(VStack, {
|
|
120
120
|
space: 4
|
|
121
|
-
}, /*#__PURE__*/React.createElement(
|
|
122
|
-
|
|
121
|
+
}, /*#__PURE__*/React.createElement(IOSkeleton, {
|
|
122
|
+
shape: "rectangle",
|
|
123
123
|
radius: 8,
|
|
124
124
|
width: 114,
|
|
125
125
|
height: 16
|
|
126
|
-
}), /*#__PURE__*/React.createElement(
|
|
127
|
-
|
|
126
|
+
}), /*#__PURE__*/React.createElement(IOSkeleton, {
|
|
127
|
+
shape: "rectangle",
|
|
128
128
|
radius: 16,
|
|
129
129
|
width: 42,
|
|
130
130
|
height: 20
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","
|
|
1
|
+
{"version":3,"names":["React","useCallback","IOListItemVisualParams","useIOTheme","Badge","Icon","LoadingSpinner","IOSkeleton","HStack","VStack","Body","ModuleStatic","PressableModuleBase","ModuleAttachmentContent","isFetching","format","title","testID","theme","IconOrActivityIndicatorComponent","activityIndicatorTestId","undefined","createElement","color","name","size","chevronSize","space","style","alignItems","flexShrink","flexGrow","weight","numberOfLines","text","toUpperCase","variant","ModuleAttachment","accessibilityLabel","disabled","fetchingAccessibilityLabel","loadingAccessibilityLabel","isLoading","onPress","handleOnPress","event","ModuleAttachmentSkeleton","pressableAccessibilityLabel","accessibilityHint","accessible","accessibilityState","busy","startBlock","shape","radius","width","height"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleAttachment.tsx"],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { Image, StyleSheet, View } from "react-native";
|
|
3
|
-
import Placeholder from "rn-placeholder";
|
|
4
3
|
import { IOSelectionListItemVisualParams, useIOTheme } from "../../core";
|
|
5
4
|
import { ButtonLink } from "../buttons";
|
|
6
5
|
import { LogoPayment } from "../logos";
|
|
6
|
+
import { IOSkeleton } from "../skeleton";
|
|
7
7
|
import { HStack, VStack } from "../stack";
|
|
8
|
-
import {
|
|
8
|
+
import { BodySmall, H6 } from "../typography";
|
|
9
9
|
import { ModuleStatic } from "./ModuleStatic";
|
|
10
10
|
import { PressableModuleBase } from "./PressableModuleBase";
|
|
11
11
|
export const ModuleCheckout = props => {
|
|
@@ -78,26 +78,25 @@ const ModuleCheckoutSkeleton = ({
|
|
|
78
78
|
style: {
|
|
79
79
|
alignItems: "center"
|
|
80
80
|
}
|
|
81
|
-
}, /*#__PURE__*/React.createElement(
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
width: 24
|
|
81
|
+
}, /*#__PURE__*/React.createElement(IOSkeleton, {
|
|
82
|
+
shape: "square",
|
|
83
|
+
size: 24,
|
|
84
|
+
radius: 8
|
|
86
85
|
}), /*#__PURE__*/React.createElement(VStack, {
|
|
87
86
|
space: 8
|
|
88
|
-
}, /*#__PURE__*/React.createElement(
|
|
89
|
-
|
|
90
|
-
|
|
87
|
+
}, /*#__PURE__*/React.createElement(IOSkeleton, {
|
|
88
|
+
shape: "rectangle",
|
|
89
|
+
width: 170,
|
|
91
90
|
height: 20,
|
|
92
|
-
|
|
93
|
-
}), /*#__PURE__*/React.createElement(
|
|
94
|
-
|
|
95
|
-
|
|
91
|
+
radius: 8
|
|
92
|
+
}), /*#__PURE__*/React.createElement(IOSkeleton, {
|
|
93
|
+
shape: "rectangle",
|
|
94
|
+
width: 110,
|
|
96
95
|
height: 16,
|
|
97
|
-
|
|
96
|
+
radius: 8
|
|
98
97
|
}))),
|
|
99
|
-
endBlock: /*#__PURE__*/React.createElement(
|
|
100
|
-
|
|
98
|
+
endBlock: /*#__PURE__*/React.createElement(IOSkeleton, {
|
|
99
|
+
shape: "rectangle",
|
|
101
100
|
width: 64,
|
|
102
101
|
height: 16,
|
|
103
102
|
radius: 8
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Image","StyleSheet","View","
|
|
1
|
+
{"version":3,"names":["React","Image","StyleSheet","View","IOSelectionListItemVisualParams","useIOTheme","ButtonLink","LogoPayment","IOSkeleton","HStack","VStack","BodySmall","H6","ModuleStatic","PressableModuleBase","ModuleCheckout","props","theme","imageMargin","isLoading","createElement","ModuleCheckoutSkeleton","loadingAccessibilityLabel","paymentLogo","image","title","subtitle","ctaText","onPress","paymentLogoComponent","name","imageComponent","source","style","styles","accessibilityIgnoresInvertColors","ModuleBaseContent","space","alignItems","flexShrink","flexGrow","color","weight","pointerEvents","accessibilityElementsHidden","importantForAccessibility","label","accessible","accessibilityLabel","accessibilityState","busy","startBlock","shape","size","radius","width","height","endBlock","create","iconSize","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCheckout.tsx"],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Image, StyleSheet } from "react-native";
|
|
4
|
-
import Placeholder from "rn-placeholder";
|
|
5
4
|
import { IOListItemVisualParams, IOSelectionListItemVisualParams, IOVisualCostants, useIOTheme } from "../../core";
|
|
6
5
|
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
7
6
|
import { Badge } from "../badge";
|
|
8
7
|
import { Icon } from "../icons";
|
|
9
8
|
import { LoadingSpinner } from "../loadingSpinner";
|
|
9
|
+
import { IOSkeleton } from "../skeleton";
|
|
10
10
|
import { HStack } from "../stack/Stack";
|
|
11
11
|
import { BodySmall } from "../typography";
|
|
12
12
|
import { ModuleStatic } from "./ModuleStatic";
|
|
@@ -100,19 +100,18 @@ const ModuleCredentialSkeleton = ({
|
|
|
100
100
|
alignItems: "center"
|
|
101
101
|
},
|
|
102
102
|
space: IOVisualCostants.iconMargin
|
|
103
|
-
}, /*#__PURE__*/React.createElement(
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
height: 24,
|
|
103
|
+
}, /*#__PURE__*/React.createElement(IOSkeleton, {
|
|
104
|
+
shape: "square",
|
|
105
|
+
size: 24,
|
|
107
106
|
radius: 8
|
|
108
|
-
}), /*#__PURE__*/React.createElement(
|
|
109
|
-
|
|
107
|
+
}), /*#__PURE__*/React.createElement(IOSkeleton, {
|
|
108
|
+
shape: "rectangle",
|
|
110
109
|
width: 96,
|
|
111
110
|
height: 16,
|
|
112
111
|
radius: 8
|
|
113
112
|
})),
|
|
114
|
-
endBlock: /*#__PURE__*/React.createElement(
|
|
115
|
-
|
|
113
|
+
endBlock: /*#__PURE__*/React.createElement(IOSkeleton, {
|
|
114
|
+
shape: "rectangle",
|
|
116
115
|
width: 64,
|
|
117
116
|
height: 24,
|
|
118
117
|
radius: 16
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Image","StyleSheet","
|
|
1
|
+
{"version":3,"names":["React","Image","StyleSheet","IOListItemVisualParams","IOSelectionListItemVisualParams","IOVisualCostants","useIOTheme","useIOFontDynamicScale","Badge","Icon","LoadingSpinner","IOSkeleton","HStack","BodySmall","ModuleStatic","PressableModuleBase","ModuleCredential","props","isLoading","createElement","ModuleCredentialSkeleton","loadingAccessibilityLabel","ModuleCredentialContent","testID","icon","image","label","onPress","badge","isFetching","pressableProps","theme","hugeFontEnabled","iconComponent","allowFontScaling","name","size","iconSize","color","imageComponent","source","style","styles","accessibilityIgnoresInvertColors","endComponent","useMemo","undefined","_extends","chevronSize","ModuleContent","space","alignItems","iconMargin","flexGrow","flexShrink","weight","numberOfLines","lineBreakMode","accessible","accessibilityLabel","accessibilityState","busy","startBlock","shape","radius","width","height","endBlock","create","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCredential.tsx"],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Image, StyleSheet, View } from "react-native";
|
|
4
|
-
import Placeholder from "rn-placeholder";
|
|
5
4
|
import { IOListItemVisualParams, IOSelectionListItemVisualParams, IOVisualCostants, useIOTheme } from "../../core";
|
|
5
|
+
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
6
6
|
import { Badge } from "../badge";
|
|
7
7
|
import { Icon } from "../icons";
|
|
8
|
+
import { IOSkeleton } from "../skeleton";
|
|
8
9
|
import { HStack, VStack } from "../stack";
|
|
9
|
-
import {
|
|
10
|
-
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
10
|
+
import { BodySmall, LabelMini } from "../typography";
|
|
11
11
|
import { ModuleStatic } from "./ModuleStatic";
|
|
12
12
|
import { PressableModuleBase } from "./PressableModuleBase";
|
|
13
13
|
export const ModuleNavigation = props => {
|
|
@@ -87,26 +87,25 @@ const ModuleNavigationSkeleton = ({
|
|
|
87
87
|
alignItems: "center"
|
|
88
88
|
},
|
|
89
89
|
space: IOVisualCostants.iconMargin
|
|
90
|
-
}, /*#__PURE__*/React.createElement(
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
height: 24,
|
|
90
|
+
}, /*#__PURE__*/React.createElement(IOSkeleton, {
|
|
91
|
+
shape: "square",
|
|
92
|
+
size: 24,
|
|
94
93
|
radius: 8
|
|
95
94
|
}), /*#__PURE__*/React.createElement(VStack, {
|
|
96
95
|
space: 4
|
|
97
|
-
}, /*#__PURE__*/React.createElement(
|
|
98
|
-
|
|
96
|
+
}, /*#__PURE__*/React.createElement(IOSkeleton, {
|
|
97
|
+
shape: "rectangle",
|
|
99
98
|
width: 96,
|
|
100
99
|
height: 16,
|
|
101
100
|
radius: 8
|
|
102
|
-
}), /*#__PURE__*/React.createElement(
|
|
103
|
-
|
|
101
|
+
}), /*#__PURE__*/React.createElement(IOSkeleton, {
|
|
102
|
+
shape: "rectangle",
|
|
104
103
|
width: 160,
|
|
105
104
|
height: 12,
|
|
106
105
|
radius: 8
|
|
107
106
|
}))),
|
|
108
|
-
endBlock: /*#__PURE__*/React.createElement(
|
|
109
|
-
|
|
107
|
+
endBlock: /*#__PURE__*/React.createElement(IOSkeleton, {
|
|
108
|
+
shape: "rectangle",
|
|
110
109
|
width: 64,
|
|
111
110
|
height: 24,
|
|
112
111
|
radius: 16
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Image","StyleSheet","View","
|
|
1
|
+
{"version":3,"names":["React","Image","StyleSheet","View","IOListItemVisualParams","IOSelectionListItemVisualParams","IOVisualCostants","useIOTheme","useIOFontDynamicScale","Badge","Icon","IOSkeleton","HStack","VStack","BodySmall","LabelMini","ModuleStatic","PressableModuleBase","ModuleNavigation","props","theme","hugeFontEnabled","isLoading","createElement","ModuleNavigationSkeleton","loadingAccessibilityLabel","icon","image","title","subtitle","onPress","badge","pressableProps","iconComponent","name","size","iconSize","color","imageComponent","source","style","styles","accessibilityIgnoresInvertColors","_extends","space","alignItems","iconMargin","flexGrow","flexShrink","weight","numberOfLines","lineBreakMode","chevronSize","accessible","accessibilityLabel","accessibilityState","busy","startBlock","shape","radius","width","height","endBlock","create","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleNavigation.tsx"],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { StyleSheet, View } from "react-native";
|
|
3
|
-
import Placeholder from "rn-placeholder";
|
|
4
3
|
import { IOListItemVisualParams, useIOTheme } from "../../core";
|
|
5
4
|
import { Badge } from "../badge";
|
|
6
5
|
import { Icon } from "../icons";
|
|
6
|
+
import { IOSkeleton } from "../skeleton";
|
|
7
7
|
import { HStack, VStack } from "../stack";
|
|
8
|
-
import { Body,
|
|
8
|
+
import { Body, BodySmall, H6 } from "../typography";
|
|
9
9
|
import { ModuleStatic } from "./ModuleStatic";
|
|
10
10
|
import { PressableModuleBase } from "./PressableModuleBase";
|
|
11
11
|
const styles = StyleSheet.create({
|
|
@@ -131,22 +131,22 @@ const ModulePaymentNoticeSkeleton = ({
|
|
|
131
131
|
},
|
|
132
132
|
startBlock: /*#__PURE__*/React.createElement(VStack, {
|
|
133
133
|
space: 4
|
|
134
|
-
}, /*#__PURE__*/React.createElement(
|
|
135
|
-
|
|
136
|
-
radius: 8,
|
|
134
|
+
}, /*#__PURE__*/React.createElement(IOSkeleton, {
|
|
135
|
+
shape: "rectangle",
|
|
137
136
|
width: 120,
|
|
138
|
-
height: 12
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
137
|
+
height: 12,
|
|
138
|
+
radius: 8
|
|
139
|
+
}), /*#__PURE__*/React.createElement(IOSkeleton, {
|
|
140
|
+
shape: "rectangle",
|
|
142
141
|
width: 180,
|
|
143
|
-
height: 16
|
|
142
|
+
height: 16,
|
|
143
|
+
radius: 8
|
|
144
144
|
})),
|
|
145
|
-
endBlock: /*#__PURE__*/React.createElement(
|
|
146
|
-
|
|
147
|
-
radius: 16,
|
|
145
|
+
endBlock: /*#__PURE__*/React.createElement(IOSkeleton, {
|
|
146
|
+
shape: "rectangle",
|
|
148
147
|
width: 64,
|
|
149
|
-
height: 24
|
|
148
|
+
height: 24,
|
|
149
|
+
radius: 16
|
|
150
150
|
})
|
|
151
151
|
});
|
|
152
152
|
//# sourceMappingURL=ModulePaymentNotice.js.map
|