@pagopa/io-app-design-system 1.13.1 → 1.15.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/avatar/Avatar.js +22 -6
- package/lib/commonjs/components/avatar/Avatar.js.map +1 -1
- package/lib/commonjs/components/avatar/__test__/__snapshots__/avatar.test.tsx.snap +17 -4
- package/lib/commonjs/components/avatar/__test__/avatar.test.js +3 -8
- package/lib/commonjs/components/avatar/__test__/avatar.test.js.map +1 -1
- package/lib/commonjs/components/avatar/index.js +0 -11
- package/lib/commonjs/components/avatar/index.js.map +1 -1
- package/lib/commonjs/components/badge/Badge.js +46 -5
- package/lib/commonjs/components/badge/Badge.js.map +1 -1
- package/lib/commonjs/components/banner/Banner.js +9 -8
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -2
- package/lib/commonjs/components/icons/svg/IconInstitution.js +3 -3
- package/lib/commonjs/components/icons/svg/IconInstitution.js.map +1 -1
- package/lib/commonjs/components/icons/svg/originals/IconInstitution.svg +2 -7
- package/lib/commonjs/components/listitems/ListItemNav.js +9 -0
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js +28 -10
- package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +1 -1
- package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js +3 -3
- package/lib/commonjs/components/modules/ModuleIDP.js +6 -49
- package/lib/commonjs/components/modules/ModuleIDP.js.map +1 -1
- package/lib/commonjs/components/modules/ModulePaymentNotice.js +15 -51
- package/lib/commonjs/components/modules/ModulePaymentNotice.js.map +1 -1
- package/lib/commonjs/components/modules/PressableModuleBase.js +44 -0
- package/lib/commonjs/components/modules/PressableModuleBase.js.map +1 -0
- package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js +41 -0
- package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js.map +1 -0
- package/lib/commonjs/components/modules/index.js +11 -0
- package/lib/commonjs/components/modules/index.js.map +1 -1
- package/lib/commonjs/components/switch/NativeSwitch.js +5 -3
- package/lib/commonjs/components/switch/NativeSwitch.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js +6 -5
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +1 -0
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/commonjs/core/IOStyles.js +18 -2
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/commonjs/stories/ModuleIDP.stories.js +45 -0
- package/lib/commonjs/stories/ModuleIDP.stories.js.map +1 -0
- package/lib/commonjs/utils/textInput/index.js +2 -1
- package/lib/commonjs/utils/textInput/index.js.map +1 -1
- package/lib/module/components/avatar/Avatar.js +24 -8
- package/lib/module/components/avatar/Avatar.js.map +1 -1
- package/lib/module/components/avatar/__test__/__snapshots__/avatar.test.tsx.snap +17 -4
- package/lib/module/components/avatar/__test__/avatar.test.js +3 -8
- package/lib/module/components/avatar/__test__/avatar.test.js.map +1 -1
- package/lib/module/components/avatar/index.js +0 -1
- package/lib/module/components/avatar/index.js.map +1 -1
- package/lib/module/components/badge/Badge.js +44 -4
- package/lib/module/components/badge/Badge.js.map +1 -1
- package/lib/module/components/banner/Banner.js +9 -8
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -2
- package/lib/module/components/icons/svg/IconInstitution.js +3 -3
- package/lib/module/components/icons/svg/IconInstitution.js.map +1 -1
- package/lib/module/components/icons/svg/originals/IconInstitution.svg +2 -7
- package/lib/module/components/listitems/ListItemNav.js +9 -0
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemSwitch.js +28 -11
- package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +1 -1
- package/lib/module/components/loadingSpinner/LoadingSpinner.js +3 -3
- package/lib/module/components/modules/ModuleIDP.js +8 -52
- package/lib/module/components/modules/ModuleIDP.js.map +1 -1
- package/lib/module/components/modules/ModulePaymentNotice.js +17 -54
- package/lib/module/components/modules/ModulePaymentNotice.js.map +1 -1
- package/lib/module/components/modules/PressableModuleBase.js +34 -0
- package/lib/module/components/modules/PressableModuleBase.js.map +1 -0
- package/lib/module/components/modules/hooks/useModuleSpringAnimation.js +34 -0
- package/lib/module/components/modules/hooks/useModuleSpringAnimation.js.map +1 -0
- package/lib/module/components/modules/index.js +1 -0
- package/lib/module/components/modules/index.js.map +1 -1
- package/lib/module/components/switch/NativeSwitch.js +5 -3
- package/lib/module/components/switch/NativeSwitch.js.map +1 -1
- package/lib/module/components/textInput/TextInputBase.js +6 -5
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/core/IOColors.js +1 -0
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/module/core/IOStyles.js +15 -0
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/module/stories/ModuleIDP.stories.js +37 -0
- package/lib/module/stories/ModuleIDP.stories.js.map +1 -0
- package/lib/module/utils/textInput/index.js +2 -1
- package/lib/module/utils/textInput/index.js.map +1 -1
- package/lib/typescript/components/avatar/Avatar.d.ts +2 -2
- package/lib/typescript/components/avatar/Avatar.d.ts.map +1 -1
- package/lib/typescript/components/avatar/index.d.ts +0 -1
- package/lib/typescript/components/avatar/index.d.ts.map +1 -1
- package/lib/typescript/components/badge/Badge.d.ts +2 -1
- package/lib/typescript/components/badge/Badge.d.ts.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts +14 -3
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleIDP.d.ts +5 -7
- package/lib/typescript/components/modules/ModuleIDP.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModulePaymentNotice.d.ts +1 -1
- package/lib/typescript/components/modules/ModulePaymentNotice.d.ts.map +1 -1
- package/lib/typescript/components/modules/PressableModuleBase.d.ts +10 -0
- package/lib/typescript/components/modules/PressableModuleBase.d.ts.map +1 -0
- package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts +10 -0
- package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts.map +1 -0
- package/lib/typescript/components/modules/index.d.ts +1 -0
- package/lib/typescript/components/modules/index.d.ts.map +1 -1
- package/lib/typescript/components/switch/NativeSwitch.d.ts +2 -2
- package/lib/typescript/components/switch/NativeSwitch.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputBase.d.ts +5 -5
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
- package/lib/typescript/core/IOColors.d.ts +1 -0
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/core/IOStyles.d.ts +13 -0
- package/lib/typescript/core/IOStyles.d.ts.map +1 -1
- package/lib/typescript/stories/ModuleIDP.stories.d.ts +24 -0
- package/lib/typescript/stories/ModuleIDP.stories.d.ts.map +1 -0
- package/lib/typescript/utils/textInput/index.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/avatar/Avatar.tsx +63 -24
- package/src/components/avatar/__test__/__snapshots__/avatar.test.tsx.snap +17 -4
- package/src/components/avatar/__test__/avatar.test.tsx +1 -8
- package/src/components/avatar/index.tsx +0 -1
- package/src/components/badge/Badge.tsx +63 -7
- package/src/components/banner/Banner.tsx +9 -6
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -2
- package/src/components/icons/svg/IconInstitution.tsx +2 -2
- package/src/components/icons/svg/originals/IconInstitution.svg +2 -7
- package/src/components/listitems/ListItemNav.tsx +19 -5
- package/src/components/listitems/ListItemSwitch.tsx +37 -12
- package/src/components/listitems/ListItemTransaction.tsx +1 -1
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +1 -1
- package/src/components/loadingSpinner/LoadingSpinner.tsx +3 -3
- package/src/components/modules/ModuleIDP.tsx +16 -86
- package/src/components/modules/ModulePaymentNotice.tsx +14 -77
- package/src/components/modules/PressableModuleBase.tsx +45 -0
- package/src/components/modules/hooks/useModuleSpringAnimation.ts +49 -0
- package/src/components/modules/index.tsx +1 -0
- package/src/components/switch/NativeSwitch.tsx +10 -2
- package/src/components/textInput/TextInputBase.tsx +16 -9
- package/src/core/IOColors.ts +2 -0
- package/src/core/IOStyles.ts +22 -1
- package/src/stories/ModuleIDP.stories.tsx +44 -0
- package/src/utils/textInput/index.ts +2 -1
- package/lib/commonjs/components/avatar/MultiImage.js +0 -47
- package/lib/commonjs/components/avatar/MultiImage.js.map +0 -1
- package/lib/module/components/avatar/MultiImage.js +0 -39
- package/lib/module/components/avatar/MultiImage.js.map +0 -1
- package/lib/typescript/components/avatar/MultiImage.d.ts +0 -22
- package/lib/typescript/components/avatar/MultiImage.d.ts.map +0 -1
- package/src/components/avatar/MultiImage.tsx +0 -57
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.ListItemSwitch = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _core = require("../../core");
|
|
10
10
|
var _icons = require("../icons");
|
|
@@ -13,7 +13,9 @@ var _typography = require("../typography");
|
|
|
13
13
|
var _NativeSwitch = require("../switch/NativeSwitch");
|
|
14
14
|
var _badge = require("../badge");
|
|
15
15
|
var _logos = require("../logos");
|
|
16
|
-
|
|
16
|
+
var _loadingSpinner = require("../loadingSpinner");
|
|
17
|
+
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); }
|
|
18
|
+
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; }
|
|
17
19
|
const DISABLED_OPACITY = 0.5;
|
|
18
20
|
|
|
19
21
|
/* Estimated height of the native switch component,
|
|
@@ -25,31 +27,43 @@ const ListItemSwitch = /*#__PURE__*/_react.default.memo(_ref => {
|
|
|
25
27
|
description,
|
|
26
28
|
icon,
|
|
27
29
|
paymentLogo,
|
|
28
|
-
value,
|
|
30
|
+
value = false,
|
|
29
31
|
disabled,
|
|
30
32
|
action,
|
|
31
33
|
isLoading,
|
|
32
34
|
badge,
|
|
33
35
|
onSwitchValueChange
|
|
34
36
|
} = _ref;
|
|
37
|
+
const {
|
|
38
|
+
isExperimental
|
|
39
|
+
} = (0, _core.useIOExperimentalDesign)();
|
|
35
40
|
const theme = (0, _core.useIOTheme)();
|
|
41
|
+
|
|
42
|
+
// If we have a badge or we are loading, we can't render the switch
|
|
43
|
+
// this affects the accessibility tree and the rendering of the component
|
|
44
|
+
const canRenderSwitch = (0, _react.useMemo)(() => !isLoading && !badge, [isLoading, badge]);
|
|
45
|
+
const primaryColor = isExperimental ? "blueIO-500" : "blue";
|
|
36
46
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
37
47
|
testID: "ListItemSwitch",
|
|
38
48
|
style: [_core.IOSelectionListItemStyles.listItem, {
|
|
39
49
|
opacity: disabled ? DISABLED_OPACITY : 1
|
|
40
50
|
}],
|
|
41
51
|
pointerEvents: disabled ? "none" : "auto",
|
|
42
|
-
needsOffscreenAlphaCompositing: true
|
|
52
|
+
needsOffscreenAlphaCompositing: true,
|
|
53
|
+
accessible: false
|
|
43
54
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
44
55
|
style: [_core.IOSelectionListItemStyles.listItemInner, {
|
|
45
56
|
alignItems: "center"
|
|
46
|
-
}]
|
|
57
|
+
}],
|
|
58
|
+
accessible: false
|
|
47
59
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
48
60
|
style: {
|
|
49
61
|
flex: 1,
|
|
50
62
|
flexDirection: "row",
|
|
51
63
|
alignItems: "center"
|
|
52
|
-
}
|
|
64
|
+
},
|
|
65
|
+
accessible: !canRenderSwitch,
|
|
66
|
+
importantForAccessibility: !canRenderSwitch ? "yes" : "no-hide-descendants"
|
|
53
67
|
}, icon && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
54
68
|
style: {
|
|
55
69
|
marginRight: _core.IOSelectionListItemVisualParams.iconMargin,
|
|
@@ -71,7 +85,9 @@ const ListItemSwitch = /*#__PURE__*/_react.default.memo(_ref => {
|
|
|
71
85
|
color: "black",
|
|
72
86
|
style: {
|
|
73
87
|
flex: 1
|
|
74
|
-
}
|
|
88
|
+
},
|
|
89
|
+
accessible: !canRenderSwitch,
|
|
90
|
+
importantForAccessibility: !canRenderSwitch ? "yes" : "no-hide-descendants"
|
|
75
91
|
}, label)), /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
|
|
76
92
|
size: 8
|
|
77
93
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
@@ -84,10 +100,12 @@ const ListItemSwitch = /*#__PURE__*/_react.default.memo(_ref => {
|
|
|
84
100
|
text: badge.text,
|
|
85
101
|
variant: badge.variant,
|
|
86
102
|
testID: badge.testID
|
|
87
|
-
}), isLoading && /*#__PURE__*/_react.default.createElement(
|
|
88
|
-
|
|
89
|
-
|
|
103
|
+
}), isLoading && /*#__PURE__*/_react.default.createElement(_loadingSpinner.LoadingSpinner, {
|
|
104
|
+
size: 24,
|
|
105
|
+
color: primaryColor
|
|
106
|
+
}), canRenderSwitch && /*#__PURE__*/_react.default.createElement(_NativeSwitch.NativeSwitch, {
|
|
90
107
|
value: value,
|
|
108
|
+
accessibilityLabel: label,
|
|
91
109
|
onValueChange: onSwitchValueChange
|
|
92
110
|
}))), description && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
|
|
93
111
|
size: _core.IOSelectionListItemVisualParams.descriptionMargin
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_icons","_spacer","_typography","_NativeSwitch","_badge","_logos","_loadingSpinner","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","ESTIMATED_SWITCH_HEIGHT","ListItemSwitch","React","memo","_ref","label","description","icon","paymentLogo","value","disabled","action","isLoading","badge","onSwitchValueChange","isExperimental","useIOExperimentalDesign","theme","useIOTheme","canRenderSwitch","useMemo","primaryColor","createElement","View","testID","style","IOSelectionListItemStyles","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","accessible","listItemInner","alignItems","flex","flexDirection","importantForAccessibility","marginRight","IOSelectionListItemVisualParams","iconMargin","alignSelf","Icon","name","color","size","iconSize","LogoPayment","H6","HSpacer","justifyContent","minHeight","Badge","text","variant","LoadingSpinner","NativeSwitch","accessibilityLabel","onValueChange","Fragment","VSpacer","descriptionMargin","LabelSmall","weight","actionMargin","LabelLink","fontSize","onPress","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemSwitch.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["O","_interopRequireWildcard","require","_function","_react","_interopRequireDefault","_reactNative","_rnPlaceholder","_core","_accessibility","_url","_Avatar","_Badge","_LogoPaymentWithFallback","_icons","_spacer","_typography","_PressableListItemsBase","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","LeftComponent","_ref","logoIcon","isImageUri","createElement","Avatar","logoUri","size","shape","React","isValidElement","Fragment","LogoPaymentWithFallback","brand","ListItemTransaction","_ref2","accessibilityLabel","hasChevronRight","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transactionAmount","badgeText","transactionStatus","accessible","theme","useIOTheme","maybeBadgeText","pipe","fromNullable","getOrElse","SkeletonComponent","designSystemBlue","ListItemTransactionContent","TransactionAmountOrBadgeComponent","H6","getAccessibleAmountText","color","Badge","variant","text","View","style","marginRight","IOListItemLogoMargin","width","alignItems","IOStyles","flex","LabelSmall","numberOfLines","weight","Styles","rightSection","Icon","name","IOListItemVisualParams","chevronSize","fold","IOListItemStyles","listItem","listItemInner","PressableListItemBase","exports","iconMargin","Box","animate","height","IOVisualCostants","avatarSizeSmall","radius","VSpacer","marginLeft","StyleSheet","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":";;;;;;AAAA,IAAAA,CAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAF,sBAAA,CAAAH,OAAA;AAEA,IAAAM,KAAA,GAAAN,OAAA;AAUA,IAAAO,cAAA,GAAAP,OAAA;AAEA,IAAAQ,IAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,wBAAA,GAAAX,OAAA;AACA,IAAAY,MAAA,GAAAZ,OAAA;AAEA,IAAAa,OAAA,GAAAb,OAAA;AACA,IAAAc,WAAA,GAAAd,OAAA;AACA,IAAAe,uBAAA,GAAAf,OAAA;AAGkC,SAAAG,uBAAAa,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,SAAArB,wBAAAiB,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;AAwDlC,MAAMW,cAA+B,GAAG,EAAE;AAC1C,MAAMC,sBAAsB,GAAG,EAAE;AACjC;AACA;AACA;;AAEA,MAAMC,aAAa,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC;EAA6B,CAAC,GAAAD,IAAA;EACrD,IAAI,IAAAE,eAAU,EAACD,QAAQ,CAAC,EAAE;IACxB,oBAAOxC,MAAA,CAAAgB,OAAA,CAAA0B,aAAA,CAACnC,OAAA,CAAAoC,MAAM;MAACC,OAAO,
|
|
1
|
+
{"version":3,"names":["O","_interopRequireWildcard","require","_function","_react","_interopRequireDefault","_reactNative","_rnPlaceholder","_core","_accessibility","_url","_Avatar","_Badge","_LogoPaymentWithFallback","_icons","_spacer","_typography","_PressableListItemsBase","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","LeftComponent","_ref","logoIcon","isImageUri","createElement","Avatar","logoUri","size","shape","React","isValidElement","Fragment","LogoPaymentWithFallback","brand","ListItemTransaction","_ref2","accessibilityLabel","hasChevronRight","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transactionAmount","badgeText","transactionStatus","accessible","theme","useIOTheme","maybeBadgeText","pipe","fromNullable","getOrElse","SkeletonComponent","designSystemBlue","ListItemTransactionContent","TransactionAmountOrBadgeComponent","H6","getAccessibleAmountText","color","Badge","variant","text","View","style","marginRight","IOListItemLogoMargin","width","alignItems","IOStyles","flex","LabelSmall","numberOfLines","weight","Styles","rightSection","Icon","name","IOListItemVisualParams","chevronSize","fold","IOListItemStyles","listItem","listItemInner","PressableListItemBase","exports","iconMargin","Box","animate","height","IOVisualCostants","avatarSizeSmall","radius","VSpacer","marginLeft","StyleSheet","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}
|
|
@@ -17,8 +17,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
17
17
|
|
|
18
18
|
const strokeMap = {
|
|
19
19
|
24: 3,
|
|
20
|
-
48:
|
|
21
|
-
76:
|
|
20
|
+
48: 5,
|
|
21
|
+
76: 7
|
|
22
22
|
};
|
|
23
23
|
const startRotationAnimation = (durationMs, rotationDegree) => {
|
|
24
24
|
_reactNative.Animated.loop(_reactNative.Animated.timing(rotationDegree, {
|
|
@@ -32,7 +32,7 @@ const LoadingSpinner = _ref => {
|
|
|
32
32
|
let {
|
|
33
33
|
color = "blueIO-500",
|
|
34
34
|
size = 24,
|
|
35
|
-
durationMs =
|
|
35
|
+
durationMs = 850,
|
|
36
36
|
accessibilityHint,
|
|
37
37
|
accessibilityLabel,
|
|
38
38
|
testID = "LoadingSpinnerTestID"
|
|
@@ -6,24 +6,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = exports.ModuleIDP = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
9
|
var _core = require("../../core");
|
|
11
10
|
var _dates = require("../../utils/dates");
|
|
12
11
|
var _fonts = require("../../utils/fonts");
|
|
12
|
+
var _PressableModuleBase = require("./PressableModuleBase");
|
|
13
13
|
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
14
|
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
15
|
const styles = _reactNative.StyleSheet.create({
|
|
16
|
-
button: {
|
|
17
|
-
borderWidth: 1,
|
|
18
|
-
borderColor: _core.IOColors["grey-100"],
|
|
19
|
-
borderRadius: _core.IOModuleIDPRadius,
|
|
20
|
-
backgroundColor: _core.IOColors.white,
|
|
21
|
-
flexDirection: "row",
|
|
22
|
-
justifyContent: "space-between",
|
|
23
|
-
alignItems: "center",
|
|
24
|
-
paddingVertical: _core.IOModuleIDPVSpacing,
|
|
25
|
-
paddingHorizontal: _core.IOModuleIDPHSpacing
|
|
26
|
-
},
|
|
27
16
|
idpName: {
|
|
28
17
|
color: _core.IOColors["grey-700"],
|
|
29
18
|
fontSize: 12,
|
|
@@ -51,64 +40,32 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
51
40
|
// the `ts` query parameter as DDMMYYYY to simulate a 24h TTL.
|
|
52
41
|
const androidIdpLogoForcedRefreshed = () => _reactNative.Platform.OS === "android" ? `?ts=${(0, _dates.toAndroidCacheTimestamp)()}` : "";
|
|
53
42
|
const ModuleIDP = _ref => {
|
|
54
|
-
var _IOScaleValues$magnif;
|
|
55
43
|
let {
|
|
56
44
|
name,
|
|
57
45
|
localLogo,
|
|
58
46
|
logo,
|
|
59
|
-
|
|
47
|
+
withLooseSpacing = false,
|
|
60
48
|
onPress,
|
|
61
49
|
testID
|
|
62
50
|
} = _ref;
|
|
63
|
-
const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
64
51
|
const {
|
|
65
52
|
isExperimental
|
|
66
53
|
} = (0, _core.useIOExperimentalDesign)();
|
|
67
|
-
// Scaling transformation applied when the button is pressed
|
|
68
|
-
const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$magnif = _core.IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
|
|
69
|
-
const scaleTraversed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
|
|
70
|
-
|
|
71
|
-
// Interpolate animation values from `isPressed` values
|
|
72
|
-
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
73
|
-
const scale = (0, _reactNativeReanimated.interpolate)(scaleTraversed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
74
|
-
return {
|
|
75
|
-
transform: [{
|
|
76
|
-
scale
|
|
77
|
-
}]
|
|
78
|
-
};
|
|
79
|
-
});
|
|
80
|
-
const handlePressIn = (0, React.useCallback)(() => {
|
|
81
|
-
// eslint-disable-next-line functional/immutable-data
|
|
82
|
-
isPressed.value = 1;
|
|
83
|
-
}, [isPressed]);
|
|
84
|
-
const handlePressOut = (0, React.useCallback)(() => {
|
|
85
|
-
// eslint-disable-next-line functional/immutable-data
|
|
86
|
-
isPressed.value = 0;
|
|
87
|
-
}, [isPressed]);
|
|
88
54
|
|
|
89
55
|
// eslint-disable-next-line no-console
|
|
90
56
|
const urlLogoIDP = localLogo ? localLogo : {
|
|
91
57
|
uri: `${logo}${androidIdpLogoForcedRefreshed()}`
|
|
92
58
|
};
|
|
93
|
-
return /*#__PURE__*/React.createElement(
|
|
59
|
+
return /*#__PURE__*/React.createElement(_PressableModuleBase.PressableModuleBase, {
|
|
94
60
|
onPress: onPress,
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
onTouchEnd: handlePressOut,
|
|
98
|
-
accessible: true,
|
|
99
|
-
accessibilityRole: "button",
|
|
100
|
-
accessibilityLabel: name,
|
|
101
|
-
testID: testID
|
|
102
|
-
}, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
103
|
-
style: [styles.button, saved && {
|
|
104
|
-
paddingVertical: _core.IOModuleIDPSavedVSpacing
|
|
105
|
-
}, animatedStyle]
|
|
61
|
+
testID: testID,
|
|
62
|
+
withLooseSpacing: withLooseSpacing
|
|
106
63
|
}, /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
107
64
|
style: [styles.idpName, isExperimental ? styles.idpNameFont : styles.idpLegacyNameFont]
|
|
108
65
|
}, name), /*#__PURE__*/React.createElement(_reactNative.Image, {
|
|
109
66
|
source: urlLogoIDP,
|
|
110
67
|
style: styles.idpLogo
|
|
111
|
-
}))
|
|
68
|
+
}));
|
|
112
69
|
};
|
|
113
70
|
exports.ModuleIDP = ModuleIDP;
|
|
114
71
|
var _default = ModuleIDP;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_core","_dates","_fonts","_PressableModuleBase","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","idpName","color","IOColors","fontSize","lineHeight","alignSelf","textTransform","flexShrink","idpNameFont","makeFontStyleObject","idpLegacyNameFont","idpLogo","marginStart","IOListItemLogoMargin","width","height","resizeMode","androidIdpLogoForcedRefreshed","Platform","OS","toAndroidCacheTimestamp","ModuleIDP","_ref","name","localLogo","logo","withLooseSpacing","onPress","testID","isExperimental","useIOExperimentalDesign","urlLogoIDP","uri","createElement","PressableModuleBase","Text","style","Image","source","exports","_default"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleIDP.tsx"],"mappings":"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"}
|
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.ModulePaymentNotice = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
9
|
var _rnPlaceholder = _interopRequireDefault(require("rn-placeholder"));
|
|
11
10
|
var _accessibility = require("../../utils/accessibility");
|
|
12
11
|
var _typography = require("../typography");
|
|
@@ -14,23 +13,11 @@ var _badge = require("../badge");
|
|
|
14
13
|
var _icons = require("../icons");
|
|
15
14
|
var _core = require("../../core");
|
|
16
15
|
var _spacer = require("../spacer");
|
|
16
|
+
var _PressableModuleBase = require("./PressableModuleBase");
|
|
17
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
18
|
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); }
|
|
19
19
|
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; }
|
|
20
20
|
const styles = _reactNative.StyleSheet.create({
|
|
21
|
-
button: {
|
|
22
|
-
flex: 1,
|
|
23
|
-
flexDirection: "row",
|
|
24
|
-
alignItems: "center",
|
|
25
|
-
justifyContent: "space-between",
|
|
26
|
-
paddingHorizontal: 16,
|
|
27
|
-
paddingVertical: 16,
|
|
28
|
-
borderRadius: 8,
|
|
29
|
-
borderColor: _core.IOColors.bluegreyLight,
|
|
30
|
-
backgroundColor: _core.IOColors.white,
|
|
31
|
-
borderStyle: "solid",
|
|
32
|
-
borderWidth: 1
|
|
33
|
-
},
|
|
34
21
|
rightSection: {
|
|
35
22
|
marginLeft: _core.IOListItemVisualParams.iconMargin,
|
|
36
23
|
flexDirection: "row",
|
|
@@ -81,12 +68,18 @@ const ModulePaymentNoticeContent = _ref => {
|
|
|
81
68
|
variant: "default",
|
|
82
69
|
text: badgeText
|
|
83
70
|
});
|
|
71
|
+
case "in-progress":
|
|
72
|
+
return /*#__PURE__*/React.createElement(_badge.Badge, {
|
|
73
|
+
variant: "info",
|
|
74
|
+
text: badgeText
|
|
75
|
+
});
|
|
84
76
|
}
|
|
85
77
|
};
|
|
86
78
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
87
79
|
style: {
|
|
88
80
|
flexGrow: 1,
|
|
89
|
-
flexShrink: 1
|
|
81
|
+
flexShrink: 1,
|
|
82
|
+
paddingEnd: 8
|
|
90
83
|
}
|
|
91
84
|
}, title && /*#__PURE__*/React.createElement(_typography.LabelSmall, {
|
|
92
85
|
numberOfLines: 1,
|
|
@@ -95,7 +88,8 @@ const ModulePaymentNoticeContent = _ref => {
|
|
|
95
88
|
}, title), /*#__PURE__*/React.createElement(_typography.LabelSmall, {
|
|
96
89
|
weight: "SemiBold",
|
|
97
90
|
font: isExperimental ? "ReadexPro" : "TitilliumWeb",
|
|
98
|
-
color: isExperimental ? "blueIO-500" : "bluegrey"
|
|
91
|
+
color: isExperimental ? "blueIO-500" : "bluegrey",
|
|
92
|
+
numberOfLines: 2
|
|
99
93
|
}, subtitle)), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
100
94
|
style: [styles.rightSection, {
|
|
101
95
|
flexShrink: 1
|
|
@@ -120,7 +114,6 @@ const ModulePaymentNoticeContent = _ref => {
|
|
|
120
114
|
* @param {string} paymentNoticeStatus - The status of the payment notice.
|
|
121
115
|
*/
|
|
122
116
|
const ModulePaymentNotice = _ref2 => {
|
|
123
|
-
var _IOScaleValues$magnif;
|
|
124
117
|
let {
|
|
125
118
|
isLoading = false,
|
|
126
119
|
testID,
|
|
@@ -128,47 +121,18 @@ const ModulePaymentNotice = _ref2 => {
|
|
|
128
121
|
onPress,
|
|
129
122
|
...rest
|
|
130
123
|
} = _ref2;
|
|
131
|
-
const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
132
|
-
|
|
133
|
-
// Scaling transformation applied when the button is pressed
|
|
134
|
-
const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$magnif = _core.IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
|
|
135
|
-
const scaleTraversed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
|
|
136
|
-
|
|
137
|
-
// Interpolate animation values from `isPressed` values
|
|
138
|
-
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
139
|
-
const scale = (0, _reactNativeReanimated.interpolate)(scaleTraversed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
140
|
-
return {
|
|
141
|
-
transform: [{
|
|
142
|
-
scale
|
|
143
|
-
}]
|
|
144
|
-
};
|
|
145
|
-
});
|
|
146
|
-
const onPressIn = (0, React.useCallback)(() => {
|
|
147
|
-
// eslint-disable-next-line functional/immutable-data
|
|
148
|
-
isPressed.value = 1;
|
|
149
|
-
}, [isPressed]);
|
|
150
|
-
const onPressOut = (0, React.useCallback)(() => {
|
|
151
|
-
// eslint-disable-next-line functional/immutable-data
|
|
152
|
-
isPressed.value = 0;
|
|
153
|
-
}, [isPressed]);
|
|
154
124
|
if (isLoading) {
|
|
155
125
|
return /*#__PURE__*/React.createElement(SkeletonComponent, null);
|
|
156
126
|
}
|
|
157
|
-
return /*#__PURE__*/React.createElement(
|
|
158
|
-
testID: testID,
|
|
127
|
+
return /*#__PURE__*/React.createElement(_PressableModuleBase.PressableModuleBase, {
|
|
159
128
|
onPress: onPress,
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
accessibilityRole: "button",
|
|
164
|
-
accessibilityLabel: accessibilityLabel
|
|
165
|
-
}, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
166
|
-
style: [styles.button, animatedStyle]
|
|
167
|
-
}, /*#__PURE__*/React.createElement(ModulePaymentNoticeContent, rest)));
|
|
129
|
+
accessibilityLabel: accessibilityLabel,
|
|
130
|
+
testID: testID
|
|
131
|
+
}, /*#__PURE__*/React.createElement(ModulePaymentNoticeContent, rest));
|
|
168
132
|
};
|
|
169
133
|
exports.ModulePaymentNotice = ModulePaymentNotice;
|
|
170
134
|
const SkeletonComponent = () => /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
171
|
-
style:
|
|
135
|
+
style: _core.IOModuleStyles.button,
|
|
172
136
|
accessible: false
|
|
173
137
|
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
174
138
|
style: _core.IOStyles.flex
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_rnPlaceholder","_interopRequireDefault","_accessibility","_typography","_badge","_icons","_core","_spacer","_PressableModuleBase","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","rightSection","marginLeft","IOListItemVisualParams","iconMargin","flexDirection","alignItems","justifyContent","ModulePaymentNoticeContent","_ref","title","subtitle","paymentNoticeStatus","paymentNoticeAmount","badgeText","isExperimental","useIOExperimentalDesign","AmountOrBadgeComponent","createElement","H6","accessibilityLabel","getAccessibleAmountText","color","Badge","variant","text","Fragment","View","style","flexGrow","flexShrink","paddingEnd","LabelSmall","numberOfLines","weight","font","Icon","name","size","chevronSize","ModulePaymentNotice","_ref2","isLoading","testID","onPress","rest","SkeletonComponent","PressableModuleBase","exports","IOModuleStyles","button","accessible","IOStyles","flex","Box","animate","radius","width","height","VSpacer"],"sourceRoot":"../../../../src","sources":["components/modules/ModulePaymentNotice.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.PressableModuleBase = void 0;
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
10
|
+
var _core = require("../../core");
|
|
11
|
+
var _useModuleSpringAnimation = require("./hooks/useModuleSpringAnimation");
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
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
|
+
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 PressableModuleBase = _ref => {
|
|
16
|
+
let {
|
|
17
|
+
onPress,
|
|
18
|
+
testID,
|
|
19
|
+
accessibilityLabel,
|
|
20
|
+
withLooseSpacing = false,
|
|
21
|
+
children
|
|
22
|
+
} = _ref;
|
|
23
|
+
const {
|
|
24
|
+
handlePressIn,
|
|
25
|
+
handlePressOut,
|
|
26
|
+
animatedStyle
|
|
27
|
+
} = (0, _useModuleSpringAnimation.useModuleSpringAnimation)();
|
|
28
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
29
|
+
onPress: onPress,
|
|
30
|
+
testID: testID,
|
|
31
|
+
accessible: true,
|
|
32
|
+
accessibilityLabel: accessibilityLabel,
|
|
33
|
+
onPressIn: handlePressIn,
|
|
34
|
+
onPressOut: handlePressOut,
|
|
35
|
+
onTouchEnd: handlePressOut,
|
|
36
|
+
accessibilityRole: "button"
|
|
37
|
+
}, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
38
|
+
style: [_core.IOModuleStyles.button, withLooseSpacing && {
|
|
39
|
+
paddingVertical: _core.IOModuleIDPSavedVSpacing
|
|
40
|
+
}, animatedStyle]
|
|
41
|
+
}, children));
|
|
42
|
+
};
|
|
43
|
+
exports.PressableModuleBase = PressableModuleBase;
|
|
44
|
+
//# sourceMappingURL=PressableModuleBase.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_useModuleSpringAnimation","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","PressableModuleBase","_ref","onPress","testID","accessibilityLabel","withLooseSpacing","children","handlePressIn","handlePressOut","animatedStyle","useModuleSpringAnimation","createElement","Pressable","accessible","onPressIn","onPressOut","onTouchEnd","accessibilityRole","View","style","IOModuleStyles","button","paddingVertical","IOModuleIDPSavedVSpacing","exports"],"sourceRoot":"../../../../src","sources":["components/modules/PressableModuleBase.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,yBAAA,GAAAL,OAAA;AAA4E,SAAAG,uBAAAG,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,SAAAX,wBAAAO,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;AAQrE,MAAMW,mBAAmB,GAAGC,IAAA,IAMsB;EAAA,IANrB;IAClCC,OAAO;IACPC,MAAM;IACNC,kBAAkB;IAClBC,gBAAgB,GAAG,KAAK;IACxBC;EACiD,CAAC,GAAAL,IAAA;EAClD,MAAM;IAAEM,aAAa;IAAEC,cAAc;IAAEC;EAAc,CAAC,GACpD,IAAAC,kDAAwB,EAAC,CAAC;EAC5B,oBACExC,KAAA,CAAAyC,aAAA,CAACtC,YAAA,CAAAuC,SAAS;IACRV,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfU,UAAU,EAAE,IAAK;IACjBT,kBAAkB,EAAEA,kBAAmB;IACvCU,SAAS,EAAEP,aAAc;IACzBQ,UAAU,EAAEP,cAAe;IAC3BQ,UAAU,EAAER,cAAe;IAC3BS,iBAAiB,EAAC;EAAQ,gBAE1B/C,KAAA,CAAAyC,aAAA,CAACrC,sBAAA,CAAAM,OAAQ,CAACsC,IAAI;IACZC,KAAK,EAAE,CACLC,oBAAc,CAACC,MAAM,EACrBhB,gBAAgB,IAAI;MAAEiB,eAAe,EAAEC;IAAyB,CAAC,EACjEd,aAAa;EACb,GAEDH,QACY,CACN,CAAC;AAEhB,CAAC;AAACkB,OAAA,CAAAxB,mBAAA,GAAAA,mBAAA"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useModuleSpringAnimation = void 0;
|
|
7
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
var _core = require("../../../core");
|
|
10
|
+
const useModuleSpringAnimation = () => {
|
|
11
|
+
var _IOScaleValues$magnif;
|
|
12
|
+
const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
13
|
+
// Scaling transformation applied when the button is pressed
|
|
14
|
+
const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$magnif = _core.IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
|
|
15
|
+
const scaleTraversed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
|
|
16
|
+
|
|
17
|
+
// Interpolate animation values from `isPressed` values
|
|
18
|
+
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
19
|
+
const scale = (0, _reactNativeReanimated.interpolate)(scaleTraversed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
20
|
+
return {
|
|
21
|
+
transform: [{
|
|
22
|
+
scale
|
|
23
|
+
}]
|
|
24
|
+
};
|
|
25
|
+
});
|
|
26
|
+
const handlePressIn = (0, _react.useCallback)(() => {
|
|
27
|
+
// eslint-disable-next-line functional/immutable-data
|
|
28
|
+
isPressed.value = 1;
|
|
29
|
+
}, [isPressed]);
|
|
30
|
+
const handlePressOut = (0, _react.useCallback)(() => {
|
|
31
|
+
// eslint-disable-next-line functional/immutable-data
|
|
32
|
+
isPressed.value = 0;
|
|
33
|
+
}, [isPressed]);
|
|
34
|
+
return {
|
|
35
|
+
animatedStyle,
|
|
36
|
+
handlePressIn,
|
|
37
|
+
handlePressOut
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
exports.useModuleSpringAnimation = useModuleSpringAnimation;
|
|
41
|
+
//# sourceMappingURL=useModuleSpringAnimation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNativeReanimated","require","_react","_core","useModuleSpringAnimation","_IOScaleValues$magnif","isPressed","useSharedValue","animationScaleValue","IOScaleValues","magnifiedButton","pressedState","scaleTraversed","useDerivedValue","withSpring","value","IOSpringValues","button","animatedStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","handlePressIn","useCallback","handlePressOut","exports"],"sourceRoot":"../../../../../src","sources":["components/modules/hooks/useModuleSpringAnimation.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEO,MAAMG,wBAAwB,GAAGA,CAAA,KAAM;EAAA,IAAAC,qBAAA;EAC5C,MAAMC,SAAS,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EACnC;EACA,MAAMC,mBAAmB,GAAGC,mBAAa,aAAbA,mBAAa,gBAAAJ,qBAAA,GAAbI,mBAAa,CAAEC,eAAe,cAAAL,qBAAA,uBAA9BA,qBAAA,CAAgCM,YAAY;EAExE,MAAMC,cAAc,GAAG,IAAAC,sCAAe,EAAC,MACrC,IAAAC,iCAAU,EAACR,SAAS,CAACS,KAAK,EAAEC,oBAAc,CAACC,MAAM,CACnD,CAAC;;EAED;EACA,MAAMC,aAAa,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC3C,MAAMC,KAAK,GAAG,IAAAC,kCAAW,EACvBT,cAAc,CAACG,KAAK,EACpB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEP,mBAAmB,CAAC,EACxBc,kCAAW,CAACC,KACd,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CAAC;QAAEJ;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,MAAMK,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACtC;IACApB,SAAS,CAACS,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACT,SAAS,CAAC,CAAC;EACf,MAAMqB,cAAc,GAAG,IAAAD,kBAAW,EAAC,MAAM;IACvC;IACApB,SAAS,CAACS,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACT,SAAS,CAAC,CAAC;EAEf,OAAO;IACLY,aAAa;IACbO,aAAa;IACbE;EACF,CAAC;AACH,CAAC;AAACC,OAAA,CAAAxB,wBAAA,GAAAA,wBAAA"}
|