@pagopa/io-app-design-system 1.28.0 → 1.28.1
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/checkbox/CheckboxLabel.js +3 -1
- package/lib/commonjs/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderFirstLevel.js +6 -6
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +8 -4
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemCheckbox.js +2 -2
- package/lib/commonjs/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +3 -3
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +5 -6
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js +14 -14
- package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -4
- package/lib/commonjs/components/radio/RadioButtonLabel.js +3 -1
- package/lib/commonjs/components/radio/RadioButtonLabel.js.map +1 -1
- package/lib/commonjs/components/switch/SwitchLabel.js +2 -1
- package/lib/commonjs/components/switch/SwitchLabel.js.map +1 -1
- package/lib/module/components/checkbox/CheckboxLabel.js +3 -1
- package/lib/module/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/module/components/layout/HeaderFirstLevel.js +8 -8
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +8 -4
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/listitems/ListItemCheckbox.js +2 -2
- package/lib/module/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +3 -3
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js +6 -7
- package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/module/components/listitems/ListItemSwitch.js +16 -16
- package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -4
- package/lib/module/components/radio/RadioButtonLabel.js +3 -1
- package/lib/module/components/radio/RadioButtonLabel.js.map +1 -1
- package/lib/module/components/switch/SwitchLabel.js +3 -2
- package/lib/module/components/switch/SwitchLabel.js.map +1 -1
- package/lib/typescript/components/checkbox/CheckboxLabel.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts +1 -1
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts.map +1 -1
- package/lib/typescript/components/radio/RadioButtonLabel.d.ts.map +1 -1
- package/lib/typescript/components/switch/SwitchLabel.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/checkbox/CheckboxLabel.tsx +4 -1
- package/src/components/layout/HeaderFirstLevel.tsx +11 -9
- package/src/components/layout/HeaderSecondLevel.tsx +10 -4
- package/src/components/listitems/ListItemCheckbox.tsx +2 -2
- package/src/components/listitems/ListItemRadio.tsx +3 -3
- package/src/components/listitems/ListItemRadioWithAmount.tsx +8 -5
- package/src/components/listitems/ListItemSwitch.tsx +19 -15
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -4
- package/src/components/radio/RadioButtonLabel.tsx +4 -1
- package/src/components/switch/SwitchLabel.tsx +3 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_IOStyles","_hapticFeedback","_Spacer","_H","_AnimatedRadio","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","RadioButtonLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","useState","toggleRadioButton","triggerHaptic","undefined","createElement","Pressable","onPress","testID","style","alignSelf","opacity","View","IOStyles","row","alignItems","flexShrink","width","pointerEvents","AnimatedRadio","HSpacer","size","H6","color","exports"],"sourceRoot":"../../../../src","sources":["components/radio/RadioButtonLabel.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_core","_IOStyles","_hapticFeedback","_Spacer","_H","_AnimatedRadio","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","RadioButtonLabel","_ref","label","checked","disabled","onValueChange","theme","useIOTheme","toggleValue","setToggleValue","useState","toggleRadioButton","triggerHaptic","undefined","createElement","Pressable","onPress","testID","style","alignSelf","opacity","View","IOStyles","row","alignItems","flexShrink","width","pointerEvents","AnimatedRadio","HSpacer","size","H6","color","exports"],"sourceRoot":"../../../../src","sources":["components/radio/RadioButtonLabel.tsx"],"mappings":"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"}
|
|
@@ -45,6 +45,7 @@ const SwitchLabel = _ref => {
|
|
|
45
45
|
onValueChange
|
|
46
46
|
} = _ref;
|
|
47
47
|
const [toggleValue, setToggleValue] = (0, React.useState)(checked ?? false);
|
|
48
|
+
const theme = (0, _core.useIOTheme)();
|
|
48
49
|
const {
|
|
49
50
|
isExperimental
|
|
50
51
|
} = (0, _core.useIOExperimentalDesign)();
|
|
@@ -52,7 +53,7 @@ const SwitchLabel = _ref => {
|
|
|
52
53
|
style: {
|
|
53
54
|
flexShrink: 1
|
|
54
55
|
},
|
|
55
|
-
color: "
|
|
56
|
+
color: theme["textBody-default"]
|
|
56
57
|
}, label);
|
|
57
58
|
|
|
58
59
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_core","_IOStyles","_hapticFeedback","_fonts","_Spacer","_H","_AnimatedSwitch","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","styles","StyleSheet","create","legacyTextValue","fontSize","lineHeight","color","IOColors","bluegreyDark","flexShrink","makeFontStyleObject","undefined","SwitchLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","useState","isExperimental","useIOExperimentalDesign","switchLabelText","createElement","H6","style","legacySwitchlabelText","Text","switchLabelTextComponent","toggleCheckbox","triggerHaptic","Pressable","onPress","testID","alignSelf","opacity","View","IOStyles","row","alignItems","width","pointerEvents","AnimatedSwitch","HSpacer","size","exports"],"sourceRoot":"../../../../src","sources":["components/switch/SwitchLabel.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,EAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AAAkD,SAAAS,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,wBAAAe,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,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,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAQlD,MAAMW,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEC,cAAQ,CAACC,YAAY;IAC5BC,UAAU,EAAE,CAAC;IACb,GAAG,IAAAC,0BAAmB,EAAC,UAAU,EAAEC,SAAS,EAAE,cAAc;EAC9D;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,WAAW,GAAGC,IAAA,IAKX;EAAA,IALY;IAC1BC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC;EACQ,CAAC,GAAAJ,IAAA;EACT,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,cAAQ,EAACL,OAAO,IAAI,KAAK,CAAC;
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_core","_IOStyles","_hapticFeedback","_fonts","_Spacer","_H","_AnimatedSwitch","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","styles","StyleSheet","create","legacyTextValue","fontSize","lineHeight","color","IOColors","bluegreyDark","flexShrink","makeFontStyleObject","undefined","SwitchLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","useState","theme","useIOTheme","isExperimental","useIOExperimentalDesign","switchLabelText","createElement","H6","style","legacySwitchlabelText","Text","switchLabelTextComponent","toggleCheckbox","triggerHaptic","Pressable","onPress","testID","alignSelf","opacity","View","IOStyles","row","alignItems","width","pointerEvents","AnimatedSwitch","HSpacer","size","exports"],"sourceRoot":"../../../../src","sources":["components/switch/SwitchLabel.tsx"],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import { Pressable, View } from "react-native";
|
|
4
|
+
import { useIOTheme } from "../../core";
|
|
4
5
|
import { IOStyles } from "../../core/IOStyles";
|
|
5
6
|
import { triggerHaptic } from "../../functions/haptic-feedback/hapticFeedback";
|
|
6
7
|
import { HSpacer } from "../spacer/Spacer";
|
|
@@ -24,6 +25,7 @@ export const CheckboxLabel = _ref => {
|
|
|
24
25
|
disabled,
|
|
25
26
|
onValueChange
|
|
26
27
|
} = _ref;
|
|
28
|
+
const theme = useIOTheme();
|
|
27
29
|
const [toggleValue, setToggleValue] = useState(checked ?? false);
|
|
28
30
|
const toggleCheckbox = () => {
|
|
29
31
|
triggerHaptic("impactLight");
|
|
@@ -62,7 +64,7 @@ export const CheckboxLabel = _ref => {
|
|
|
62
64
|
style: {
|
|
63
65
|
flexShrink: 1
|
|
64
66
|
},
|
|
65
|
-
color: "
|
|
67
|
+
color: theme["textBody-default"]
|
|
66
68
|
}, label)));
|
|
67
69
|
};
|
|
68
70
|
//# sourceMappingURL=CheckboxLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Pressable","View","IOStyles","triggerHaptic","HSpacer","H6","AnimatedCheckbox","DISABLED_OPACITY","CheckboxLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","toggleCheckbox","undefined","createElement","onPress","testID","style","alignSelf","opacity","needsOffscreenAlphaCompositing","row","alignItems","width","pointerEvents","size","flexShrink","color"],"sourceRoot":"../../../../src","sources":["components/checkbox/CheckboxLabel.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,aAAa,QAAQ,gDAAgD;AAC9E,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,EAAE,QAAQ,kBAAkB;AACrC,SAASC,gBAAgB,QAAQ,oBAAoB;AAQrD,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGC,IAAA,IAKb;EAAA,IALc;IAC5BC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC;EACQ,CAAC,GAAAJ,IAAA;EACT,MAAM,
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","View","useIOTheme","IOStyles","triggerHaptic","HSpacer","H6","AnimatedCheckbox","DISABLED_OPACITY","CheckboxLabel","_ref","label","checked","disabled","onValueChange","theme","toggleValue","setToggleValue","toggleCheckbox","undefined","createElement","onPress","testID","style","alignSelf","opacity","needsOffscreenAlphaCompositing","row","alignItems","width","pointerEvents","size","flexShrink","color"],"sourceRoot":"../../../../src","sources":["components/checkbox/CheckboxLabel.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,aAAa,QAAQ,gDAAgD;AAC9E,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,EAAE,QAAQ,kBAAkB;AACrC,SAASC,gBAAgB,QAAQ,oBAAoB;AAQrD,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGC,IAAA,IAKb;EAAA,IALc;IAC5BC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC;EACQ,CAAC,GAAAJ,IAAA;EACT,MAAMK,KAAK,GAAGb,UAAU,CAAC,CAAC;EAE1B,MAAM,CAACc,WAAW,EAAEC,cAAc,CAAC,GAAGlB,QAAQ,CAACa,OAAO,IAAI,KAAK,CAAC;EAEhE,MAAMM,cAAc,GAAGA,CAAA,KAAM;IAC3Bd,aAAa,CAAC,aAAa,CAAC;IAC5Ba,cAAc,CAAC,CAACD,WAAW,CAAC;IAC5B,IAAIF,aAAa,KAAKK,SAAS,EAAE;MAC/BL,aAAa,CAAC,CAACE,WAAW,CAAC;IAC7B;EACF,CAAC;EAED,oBACElB,KAAA,CAAAsB,aAAA,CAACpB,SAAS;IACRa,QAAQ,EAAEA,QAAS;IACnBQ,OAAO,EAAEH,cAAe;IACxBI,MAAM,EAAC,kBAAkB;IACzBC,KAAK,EAAE;MACLC,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAEZ,QAAQ,GAAGL,gBAAgB,GAAG;IACzC;IACA;IACA;IAAA;IACAkB,8BAA8B,EAAE;EAAK,gBAErC5B,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IAACsB,KAAK,EAAE,CAACpB,QAAQ,CAACwB,GAAG,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,KAAK,EAAE;IAAO,CAAC;EAAE,gBACnE/B,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IACH6B,aAAa,EAAC,MAAM;IACpBP,KAAK,EAAE;MACLC,SAAS,EAAE;IACb;EAAE,gBAEF1B,KAAA,CAAAsB,aAAA,CAACb,gBAAgB;IAACK,OAAO,EAAEA,OAAO,IAAII;EAAY,CAAE,CAChD,CAAC,eACPlB,KAAA,CAAAsB,aAAA,CAACf,OAAO;IAAC0B,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBjC,KAAA,CAAAsB,aAAA,CAACd,EAAE;IAACiB,KAAK,EAAE;MAAES,UAAU,EAAE;IAAE,CAAE;IAACC,KAAK,EAAElB,KAAK,CAAC,kBAAkB;EAAE,GAC5DJ,KACC,CACA,CACG,CAAC;AAEhB,CAAC"}
|
|
@@ -1,12 +1,11 @@
|
|
|
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 * as React from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { AccessibilityInfo, StyleSheet, View, findNodeHandle } from "react-native";
|
|
4
4
|
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
5
|
-
import { IOStyles, IOVisualCostants,
|
|
6
|
-
import { H3 } from "../typography";
|
|
7
|
-
import { HSpacer } from "../spacer";
|
|
5
|
+
import { IOColors, IOStyles, IOVisualCostants, useIOTheme } from "../../core";
|
|
8
6
|
import { IconButton } from "../buttons";
|
|
9
|
-
|
|
7
|
+
import { HSpacer } from "../spacer";
|
|
8
|
+
import { H3 } from "../typography";
|
|
10
9
|
const HEADER_BG_COLOR_DARK = "bluegrey";
|
|
11
10
|
const styles = StyleSheet.create({
|
|
12
11
|
headerInner: {
|
|
@@ -29,17 +28,18 @@ export const HeaderFirstLevel = _ref => {
|
|
|
29
28
|
thirdAction
|
|
30
29
|
} = _ref;
|
|
31
30
|
const titleRef = /*#__PURE__*/React.createRef();
|
|
31
|
+
const insets = useSafeAreaInsets();
|
|
32
|
+
const theme = useIOTheme();
|
|
32
33
|
React.useLayoutEffect(() => {
|
|
33
34
|
const reactNode = findNodeHandle(titleRef.current);
|
|
34
35
|
if (reactNode !== null) {
|
|
35
36
|
AccessibilityInfo.setAccessibilityFocus(reactNode);
|
|
36
37
|
}
|
|
37
38
|
});
|
|
38
|
-
const insets = useSafeAreaInsets();
|
|
39
39
|
return /*#__PURE__*/React.createElement(View, {
|
|
40
40
|
style: {
|
|
41
41
|
paddingTop: insets.top,
|
|
42
|
-
backgroundColor: backgroundColor === "light" ? IOColors[
|
|
42
|
+
backgroundColor: backgroundColor === "light" ? IOColors[theme["appBackground-primary"]] : IOColors[HEADER_BG_COLOR_DARK]
|
|
43
43
|
},
|
|
44
44
|
accessibilityRole: "header",
|
|
45
45
|
testID: testID
|
|
@@ -54,7 +54,7 @@ export const HeaderFirstLevel = _ref => {
|
|
|
54
54
|
flexShrink: 1
|
|
55
55
|
},
|
|
56
56
|
numberOfLines: 1,
|
|
57
|
-
color: backgroundColor === "dark" ? "white" : "
|
|
57
|
+
color: backgroundColor === "dark" ? "white" : theme["textBody-default"]
|
|
58
58
|
}, title)), /*#__PURE__*/React.createElement(View, {
|
|
59
59
|
style: [IOStyles.row, {
|
|
60
60
|
flexShrink: 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","AccessibilityInfo","StyleSheet","View","findNodeHandle","useSafeAreaInsets","IOColors","IOStyles","IOVisualCostants","useIOTheme","IconButton","HSpacer","H3","HEADER_BG_COLOR_DARK","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","width","flexDirection","alignItems","justifyContent","HeaderFirstLevel","_ref","title","type","testID","backgroundColor","firstAction","secondAction","thirdAction","titleRef","createRef","insets","theme","useLayoutEffect","reactNode","current","setAccessibilityFocus","createElement","style","paddingTop","top","accessibilityRole","ref","accessible","flexShrink","numberOfLines","color","row","Fragment","_extends","size"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderFirstLevel.tsx"],"mappings":"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"}
|
|
@@ -61,17 +61,19 @@ export const HeaderSecondLevel = _ref => {
|
|
|
61
61
|
isExperimental
|
|
62
62
|
} = useIOExperimentalDesign();
|
|
63
63
|
const insets = useSafeAreaInsets();
|
|
64
|
+
const isTitleAccessible = React.useMemo(() => !!title.trim(), [title]);
|
|
64
65
|
React.useLayoutEffect(() => {
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
66
|
+
if (isTitleAccessible) {
|
|
67
|
+
const reactNode = findNodeHandle(titleRef.current);
|
|
68
|
+
if (reactNode !== null) {
|
|
69
|
+
AccessibilityInfo.setAccessibilityFocus(reactNode);
|
|
70
|
+
}
|
|
68
71
|
}
|
|
69
72
|
});
|
|
70
73
|
const headerWrapperAnimatedStyle = useAnimatedStyle(() => ({
|
|
71
74
|
backgroundColor: transparent && scrollValues ? interpolateColor(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [headerTransparent, IOColors[HEADER_BG_COLOR]]) : IOColors[HEADER_BG_COLOR],
|
|
72
75
|
borderColor: scrollValues ? interpolateColor(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [borderColorDisabled, IOColors["grey-100"]]) : "transparent"
|
|
73
76
|
}));
|
|
74
|
-
const isTitleAccessible = !!title.trim();
|
|
75
77
|
const titleAnimatedStyle = useAnimatedStyle(() => ({
|
|
76
78
|
opacity: scrollValues ? interpolate(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [0, 1]) : 1
|
|
77
79
|
}));
|
|
@@ -101,6 +103,8 @@ export const HeaderSecondLevel = _ref => {
|
|
|
101
103
|
size: 32
|
|
102
104
|
}), /*#__PURE__*/React.createElement(View, {
|
|
103
105
|
ref: titleRef,
|
|
106
|
+
accessibilityElementsHidden: !isTitleAccessible,
|
|
107
|
+
importantForAccessibility: isTitleAccessible ? "yes" : "no-hide-descendants",
|
|
104
108
|
accessible: isTitleAccessible,
|
|
105
109
|
accessibilityLabel: title,
|
|
106
110
|
accessibilityRole: "header",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","Platform","findNodeHandle","AccessibilityInfo","useSafeAreaInsets","Animated","interpolate","interpolateColor","useAnimatedStyle","IOStyles","IOVisualCostants","iconBtnSizeSmall","IOColors","hexToRgba","useIOExperimentalDesign","HSpacer","IconButton","makeFontStyleObject","HEADER_BG_COLOR","borderColorDisabled","headerTransparent","titleHorizontalMargin","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","flexGrow","flexDirection","alignItems","justifyContent","titleContainer","flexShrink","marginHorizontal","headerTitle","fontSize","textAlign","headerTitleFont","headerTitleLegacyFont","HeaderSecondLevel","_ref","scrollValues","undefined","goBack","backAccessibilityLabel","title","type","transparent","isModal","testID","firstAction","secondAction","thirdAction","titleRef","createRef","isExperimental","insets","useLayoutEffect","reactNode","current","setAccessibilityFocus","headerWrapperAnimatedStyle","backgroundColor","contentOffsetY","value","triggerOffset","borderColor","
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","Platform","findNodeHandle","AccessibilityInfo","useSafeAreaInsets","Animated","interpolate","interpolateColor","useAnimatedStyle","IOStyles","IOVisualCostants","iconBtnSizeSmall","IOColors","hexToRgba","useIOExperimentalDesign","HSpacer","IconButton","makeFontStyleObject","HEADER_BG_COLOR","borderColorDisabled","headerTransparent","titleHorizontalMargin","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","flexGrow","flexDirection","alignItems","justifyContent","titleContainer","flexShrink","marginHorizontal","headerTitle","fontSize","textAlign","headerTitleFont","headerTitleLegacyFont","HeaderSecondLevel","_ref","scrollValues","undefined","goBack","backAccessibilityLabel","title","type","transparent","isModal","testID","firstAction","secondAction","thirdAction","titleRef","createRef","isExperimental","insets","isTitleAccessible","useMemo","trim","useLayoutEffect","reactNode","current","setAccessibilityFocus","headerWrapperAnimatedStyle","backgroundColor","contentOffsetY","value","triggerOffset","borderColor","titleAnimatedStyle","opacity","createElement","accessibilityRole","style","borderBottomWidth","marginTop","top","icon","select","android","default","color","onPress","accessibilityLabel","size","ref","accessibilityElementsHidden","importantForAccessibility","accessible","Text","numberOfLines","row","Fragment","_extends"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderSecondLevel.tsx"],"mappings":"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"}
|
|
@@ -4,10 +4,10 @@ import { Pressable, View } from "react-native";
|
|
|
4
4
|
import ReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
5
5
|
import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
6
6
|
import { IOColors, IOScaleValues, IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
|
|
7
|
+
import { AnimatedCheckbox } from "../checkbox/AnimatedCheckbox";
|
|
7
8
|
import { Icon } from "../icons";
|
|
8
9
|
import { HSpacer, VSpacer } from "../spacer";
|
|
9
10
|
import { H6, LabelSmall } from "../typography";
|
|
10
|
-
import { AnimatedCheckbox } from "../checkbox/AnimatedCheckbox";
|
|
11
11
|
const DISABLED_OPACITY = 0.5;
|
|
12
12
|
|
|
13
13
|
// disabled: the component is no longer touchable
|
|
@@ -114,7 +114,7 @@ export const ListItemCheckbox = _ref => {
|
|
|
114
114
|
color: "grey-300",
|
|
115
115
|
size: IOSelectionListItemVisualParams.iconSize
|
|
116
116
|
})), /*#__PURE__*/React.createElement(H6, {
|
|
117
|
-
color: "
|
|
117
|
+
color: theme["textBody-default"],
|
|
118
118
|
style: {
|
|
119
119
|
flexShrink: 1
|
|
120
120
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","HSpacer","VSpacer","H6","LabelSmall","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","AnimatedCheckbox","Icon","HSpacer","VSpacer","H6","LabelSmall","DISABLED_OPACITY","ListItemCheckbox","_ref","_IOScaleValues$basicB","value","description","icon","selected","accessibilityLabel","disabled","onValueChange","toggleValue","setToggleValue","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","button","theme","mapBackgroundStates","default","pressed","animatedScaleStyle","scale","CLAMP","transform","handlePressIn","handlePressOut","animatedBackgroundStyle","backgroundColor","toggleCheckbox","trigger","undefined","createElement","onPress","onPressIn","onPressOut","onTouchEnd","testID","accessible","accessibilityRole","accessibilityState","checked","style","listItem","opacity","needsOffscreenAlphaCompositing","listItemInner","row","flexShrink","marginRight","iconMargin","name","color","size","iconSize","pointerEvents","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemCheckbox.tsx"],"mappings":"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"}
|
|
@@ -6,10 +6,10 @@ import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle,
|
|
|
6
6
|
import Placeholder from "rn-placeholder";
|
|
7
7
|
import { IOColors, IOScaleValues, IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
|
|
8
8
|
import { Icon } from "../icons";
|
|
9
|
+
import { LogoPayment } from "../logos";
|
|
10
|
+
import { AnimatedRadio } from "../radio/AnimatedRadio";
|
|
9
11
|
import { HSpacer, VSpacer } from "../spacer";
|
|
10
12
|
import { H6, LabelSmall } from "../typography";
|
|
11
|
-
import { AnimatedRadio } from "../radio/AnimatedRadio";
|
|
12
|
-
import { LogoPayment } from "../logos";
|
|
13
13
|
const DISABLED_OPACITY = 0.5;
|
|
14
14
|
|
|
15
15
|
// disabled: the component is no longer touchable
|
|
@@ -166,7 +166,7 @@ export const ListItemRadio = _ref => {
|
|
|
166
166
|
name: startImage.paymentLogo,
|
|
167
167
|
size: IOSelectionListItemVisualParams.iconSize
|
|
168
168
|
})), /*#__PURE__*/React.createElement(H6, {
|
|
169
|
-
color: "
|
|
169
|
+
color: theme["textBody-default"],
|
|
170
170
|
style: {
|
|
171
171
|
flexShrink: 1
|
|
172
172
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","Placeholder","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","Placeholder","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","LogoPayment","AnimatedRadio","HSpacer","VSpacer","H6","LabelSmall","DISABLED_OPACITY","ListItemRadio","_ref","_IOScaleValues$basicB","value","description","startImage","selected","disabled","onValueChange","loadingProps","testID","toggleValue","setToggleValue","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","button","theme","mapBackgroundStates","default","pressed","animatedScaleStyle","scale","CLAMP","transform","handlePressIn","handlePressOut","animatedBackgroundStyle","backgroundColor","toggleRadioItem","trigger","undefined","disabledStyle","opacity","SkeletonDescriptionLines","createElement","Fragment","size","Box","animate","radius","width","height","SkeletonIcon","style","marginRight","iconMargin","iconSize","SkeletonComponent","listItem","listItemInner","flex","rowSpaceBetween","alignCenter","row","skeletonIcon","pointerEvents","checked","skeletonDescription","state","onPress","onPressIn","onPressOut","onTouchEnd","needsOffscreenAlphaCompositing","flexShrink","icon","name","color","paymentLogo","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadio.tsx"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { StyleSheet, View } from "react-native";
|
|
3
3
|
import RNReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
4
|
-
import {
|
|
4
|
+
import { useIOTheme } from "../../core";
|
|
5
5
|
import { Icon } from "../icons";
|
|
6
6
|
import { AnimatedRadio } from "../radio/AnimatedRadio";
|
|
7
7
|
import { HSpacer, VSpacer } from "../spacer";
|
|
@@ -17,14 +17,13 @@ export const ListItemRadioWithAmount = props => {
|
|
|
17
17
|
props.onValueChange(!toggleValue);
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
|
-
const
|
|
21
|
-
isExperimental
|
|
22
|
-
} = useIOExperimentalDesign();
|
|
23
|
-
const interactiveColor = isExperimental ? "blueIO-500" : "blue";
|
|
20
|
+
const theme = useIOTheme();
|
|
24
21
|
const suggestColor = "hanPurple-500";
|
|
25
22
|
return /*#__PURE__*/React.createElement(PressableListItemBase, {
|
|
26
23
|
onPress: pressHandler
|
|
27
|
-
}, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(LabelSmallAlt,
|
|
24
|
+
}, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(LabelSmallAlt, {
|
|
25
|
+
color: theme["textBody-default"]
|
|
26
|
+
}, props.label), props.isSuggested && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
|
|
28
27
|
size: 4
|
|
29
28
|
}), /*#__PURE__*/React.createElement(View, {
|
|
30
29
|
style: styles.rowCenter
|
|
@@ -43,7 +42,7 @@ export const ListItemRadioWithAmount = props => {
|
|
|
43
42
|
flexDirection: "row"
|
|
44
43
|
}
|
|
45
44
|
}, /*#__PURE__*/React.createElement(H6, {
|
|
46
|
-
color:
|
|
45
|
+
color: theme["interactiveElem-default"]
|
|
47
46
|
}, props.formattedAmountString), /*#__PURE__*/React.createElement(HSpacer, {
|
|
48
47
|
size: 8
|
|
49
48
|
}), /*#__PURE__*/React.createElement(AnimatedRadio, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","RNReactNativeHapticFeedback","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","RNReactNativeHapticFeedback","useIOTheme","Icon","AnimatedRadio","HSpacer","VSpacer","H6","LabelSmallAlt","LabelSmall","PressableListItemBase","ListItemRadioWithAmount","props","toggleValue","setToggleValue","useState","selected","pressHandler","trigger","val","onValueChange","undefined","theme","suggestColor","createElement","onPress","color","label","isSuggested","Fragment","size","style","styles","rowCenter","name","weight","suggestReason","pointerEvents","flexDirection","formattedAmountString","checked","create","alignItems"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadioWithAmount.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,2BAA2B,MAAM,8BAA8B;AACtE,SAAmBC,UAAU,QAAQ,YAAY;AACjD,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,OAAO,EAAEC,OAAO,QAAQ,WAAW;AAC5C,SAASC,EAAE,EAAEC,aAAa,QAAQ,eAAe;AACjD,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,qBAAqB,QAAQ,0BAA0B;AAgBhE,OAAO,MAAMC,uBAAuB,GAClCC,KAAmC,IAChC;EACH,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGhB,KAAK,CAACiB,QAAQ,CAACH,KAAK,CAACI,QAAQ,IAAI,KAAK,CAAC;EAC7E,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzBhB,2BAA2B,CAACiB,OAAO,CAAC,aAAa,CAAC;IAClDJ,cAAc,CAACK,GAAG,IAAI,CAACA,GAAG,CAAC;IAC3B,IAAIP,KAAK,CAACQ,aAAa,KAAKC,SAAS,EAAE;MACrCT,KAAK,CAACQ,aAAa,CAAC,CAACP,WAAW,CAAC;IACnC;EACF,CAAC;EACD,MAAMS,KAAK,GAAGpB,UAAU,CAAC,CAAC;EAE1B,MAAMqB,YAAsB,GAAG,eAAe;EAE9C,oBACEzB,KAAA,CAAA0B,aAAA,CAACd,qBAAqB;IAACe,OAAO,EAAER;EAAa,gBAC3CnB,KAAA,CAAA0B,aAAA,CAACxB,IAAI,qBACHF,KAAA,CAAA0B,aAAA,CAAChB,aAAa;IAACkB,KAAK,EAAEJ,KAAK,CAAC,kBAAkB;EAAE,GAC7CV,KAAK,CAACe,KACM,CAAC,EACff,KAAK,CAACgB,WAAW,iBAChB9B,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAA+B,QAAA,qBACE/B,KAAA,CAAA0B,aAAA,CAAClB,OAAO;IAACwB,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBhC,KAAA,CAAA0B,aAAA,CAACxB,IAAI;IAAC+B,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BnC,KAAA,CAAA0B,aAAA,CAACrB,IAAI;IAAC+B,IAAI,EAAC,UAAU;IAACJ,IAAI,EAAE,EAAG;IAACJ,KAAK,EAAEH;EAAa,CAAE,CAAC,eACvDzB,KAAA,CAAA0B,aAAA,CAACnB,OAAO;IAACyB,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBhC,KAAA,CAAA0B,aAAA,CAACf,UAAU;IAAC0B,MAAM,EAAC,SAAS;IAACT,KAAK,EAAEH;EAAa,GAC9CX,KAAK,CAACwB,aACG,CACR,CACN,CAEA,CAAC,eACPtC,KAAA,CAAA0B,aAAA,CAACxB,IAAI;IAACqC,aAAa,EAAC,MAAM;IAACN,KAAK,EAAE;MAAEO,aAAa,EAAE;IAAM;EAAE,gBACzDxC,KAAA,CAAA0B,aAAA,CAACjB,EAAE;IAACmB,KAAK,EAAEJ,KAAK,CAAC,yBAAyB;EAAE,GACzCV,KAAK,CAAC2B,qBACL,CAAC,eACLzC,KAAA,CAAA0B,aAAA,CAACnB,OAAO;IAACyB,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBhC,KAAA,CAAA0B,aAAA,CAACpB,aAAa;IAACoC,OAAO,EAAE5B,KAAK,CAACI,QAAQ,IAAIH;EAAY,CAAE,CACpD,CACe,CAAC;AAE5B,CAAC;AAED,MAAMmB,MAAM,GAAGjC,UAAU,CAAC0C,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTK,aAAa,EAAE,KAAK;IACpBI,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}
|
|
@@ -1,13 +1,14 @@
|
|
|
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); }
|
|
1
2
|
import React, { useMemo } from "react";
|
|
2
|
-
import { View } from "react-native";
|
|
3
|
-
import { IOSelectionListItemStyles, IOSelectionListItemVisualParams,
|
|
3
|
+
import { Platform, View } from "react-native";
|
|
4
|
+
import { IOSelectionListItemStyles, IOSelectionListItemVisualParams, useIOTheme } from "../../core";
|
|
5
|
+
import { Badge } from "../badge";
|
|
4
6
|
import { Icon } from "../icons";
|
|
7
|
+
import { LoadingSpinner } from "../loadingSpinner";
|
|
8
|
+
import { LogoPayment } from "../logos";
|
|
5
9
|
import { HSpacer, VSpacer } from "../spacer";
|
|
6
|
-
import { H6, LabelSmall, LabelLink } from "../typography";
|
|
7
10
|
import { NativeSwitch } from "../switch/NativeSwitch";
|
|
8
|
-
import {
|
|
9
|
-
import { LogoPayment } from "../logos";
|
|
10
|
-
import { LoadingSpinner } from "../loadingSpinner";
|
|
11
|
+
import { H6, LabelLink, LabelSmall } from "../typography";
|
|
11
12
|
const DISABLED_OPACITY = 0.5;
|
|
12
13
|
|
|
13
14
|
/* Estimated height of the native switch component,
|
|
@@ -26,15 +27,11 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
|
|
|
26
27
|
badge,
|
|
27
28
|
onSwitchValueChange
|
|
28
29
|
} = _ref;
|
|
29
|
-
const {
|
|
30
|
-
isExperimental
|
|
31
|
-
} = useIOExperimentalDesign();
|
|
32
30
|
const theme = useIOTheme();
|
|
33
31
|
|
|
34
32
|
// If we have a badge or we are loading, we can't render the switch
|
|
35
33
|
// this affects the accessibility tree and the rendering of the component
|
|
36
34
|
const canRenderSwitch = useMemo(() => !isLoading && !badge, [isLoading, badge]);
|
|
37
|
-
const primaryColor = isExperimental ? "blueIO-500" : "blue";
|
|
38
35
|
return /*#__PURE__*/React.createElement(View, {
|
|
39
36
|
testID: "ListItemSwitch",
|
|
40
37
|
style: [IOSelectionListItemStyles.listItem, {
|
|
@@ -48,15 +45,18 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
|
|
|
48
45
|
alignItems: "center"
|
|
49
46
|
}],
|
|
50
47
|
accessible: false
|
|
51
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
48
|
+
}, /*#__PURE__*/React.createElement(View, _extends({
|
|
52
49
|
style: {
|
|
53
50
|
flex: 1,
|
|
54
51
|
flexDirection: "row",
|
|
55
52
|
alignItems: "center"
|
|
56
53
|
},
|
|
57
|
-
accessible: !canRenderSwitch
|
|
58
|
-
|
|
59
|
-
|
|
54
|
+
accessible: !canRenderSwitch
|
|
55
|
+
}, Platform.select({
|
|
56
|
+
android: {
|
|
57
|
+
importantForAccessibility: !canRenderSwitch ? "yes" : "no-hide-descendants"
|
|
58
|
+
}
|
|
59
|
+
})), icon && /*#__PURE__*/React.createElement(View, {
|
|
60
60
|
style: {
|
|
61
61
|
marginRight: IOSelectionListItemVisualParams.iconMargin,
|
|
62
62
|
alignSelf: "flex-start"
|
|
@@ -74,7 +74,7 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
|
|
|
74
74
|
name: paymentLogo,
|
|
75
75
|
size: IOSelectionListItemVisualParams.iconSize
|
|
76
76
|
})), /*#__PURE__*/React.createElement(H6, {
|
|
77
|
-
color: "
|
|
77
|
+
color: theme["textBody-default"],
|
|
78
78
|
style: {
|
|
79
79
|
flex: 1
|
|
80
80
|
},
|
|
@@ -94,7 +94,7 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
|
|
|
94
94
|
testID: badge.testID
|
|
95
95
|
}), isLoading && /*#__PURE__*/React.createElement(LoadingSpinner, {
|
|
96
96
|
size: 24,
|
|
97
|
-
color:
|
|
97
|
+
color: theme["interactiveElem-default"]
|
|
98
98
|
}), canRenderSwitch && /*#__PURE__*/React.createElement(NativeSwitch, {
|
|
99
99
|
value: value,
|
|
100
100
|
accessibilityLabel: label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","View","IOSelectionListItemStyles","IOSelectionListItemVisualParams","
|
|
1
|
+
{"version":3,"names":["React","useMemo","Platform","View","IOSelectionListItemStyles","IOSelectionListItemVisualParams","useIOTheme","Badge","Icon","LoadingSpinner","LogoPayment","HSpacer","VSpacer","NativeSwitch","H6","LabelLink","LabelSmall","DISABLED_OPACITY","ESTIMATED_SWITCH_HEIGHT","ListItemSwitch","memo","_ref","label","description","icon","paymentLogo","value","disabled","action","isLoading","badge","onSwitchValueChange","theme","canRenderSwitch","createElement","testID","style","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","accessible","listItemInner","alignItems","_extends","flex","flexDirection","select","android","importantForAccessibility","marginRight","iconMargin","alignSelf","name","color","size","iconSize","justifyContent","minHeight","text","variant","accessibilityLabel","onValueChange","Fragment","descriptionMargin","weight","actionMargin","fontSize","onPress"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemSwitch.tsx"],"mappings":"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"}
|
|
@@ -2848,7 +2848,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2848
2848
|
>
|
|
2849
2849
|
<Text
|
|
2850
2850
|
allowFontScaling={false}
|
|
2851
|
-
color="
|
|
2851
|
+
color="blueIO-500"
|
|
2852
2852
|
defaultColor="black"
|
|
2853
2853
|
defaultWeight="SemiBold"
|
|
2854
2854
|
font="TitilliumWeb"
|
|
@@ -2865,7 +2865,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2865
2865
|
"lineHeight": 25,
|
|
2866
2866
|
},
|
|
2867
2867
|
{
|
|
2868
|
-
"color": "#
|
|
2868
|
+
"color": "#0B3EE3",
|
|
2869
2869
|
"fontFamily": "Titillium Web",
|
|
2870
2870
|
"fontStyle": "normal",
|
|
2871
2871
|
"fontWeight": "600",
|
|
@@ -3128,7 +3128,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
3128
3128
|
>
|
|
3129
3129
|
<Text
|
|
3130
3130
|
allowFontScaling={false}
|
|
3131
|
-
color="
|
|
3131
|
+
color="blueIO-500"
|
|
3132
3132
|
defaultColor="black"
|
|
3133
3133
|
defaultWeight="SemiBold"
|
|
3134
3134
|
font="TitilliumWeb"
|
|
@@ -3145,7 +3145,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
3145
3145
|
"lineHeight": 25,
|
|
3146
3146
|
},
|
|
3147
3147
|
{
|
|
3148
|
-
"color": "#
|
|
3148
|
+
"color": "#0B3EE3",
|
|
3149
3149
|
"fontFamily": "Titillium Web",
|
|
3150
3150
|
"fontStyle": "normal",
|
|
3151
3151
|
"fontWeight": "600",
|