@pagopa/io-app-design-system 1.28.0 → 1.29.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/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/ListItemNav.js +13 -6
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +13 -3
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +13 -7
- 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 +68 -8
- 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/ListItemNav.js +15 -8
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +14 -4
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js +14 -8
- 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 +68 -8
- 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/ListItemNav.d.ts +4 -5
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadio.d.ts +6 -0
- 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/ListItemNav.tsx +27 -10
- package/src/components/listitems/ListItemRadio.tsx +17 -6
- package/src/components/listitems/ListItemRadioWithAmount.tsx +10 -6
- package/src/components/listitems/ListItemSwitch.tsx +19 -15
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +68 -8
- package/src/components/radio/RadioButtonLabel.tsx +4 -1
- package/src/components/switch/SwitchLabel.tsx +3 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Pressable","View","IOStyles","triggerHaptic","HSpacer","H6","AnimatedRadio","DISABLED_OPACITY","RadioButtonLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","toggleRadioButton","undefined","createElement","onPress","testID","style","alignSelf","opacity","row","alignItems","flexShrink","width","pointerEvents","size","color"],"sourceRoot":"../../../../src","sources":["components/radio/RadioButtonLabel.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,aAAa,QAAQ,iBAAiB;AAQ/C,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAKhB;EAAA,IALiB;IAC/BC,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","AnimatedRadio","DISABLED_OPACITY","RadioButtonLabel","_ref","label","checked","disabled","onValueChange","theme","toggleValue","setToggleValue","toggleRadioButton","undefined","createElement","onPress","testID","style","alignSelf","opacity","row","alignItems","flexShrink","width","pointerEvents","size","color"],"sourceRoot":"../../../../src","sources":["components/radio/RadioButtonLabel.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,aAAa,QAAQ,iBAAiB;AAQ/C,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAKhB;EAAA,IALiB;IAC/BC,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,iBAAiB,GAAGA,CAAA,KAAM;IAC9Bd,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,iBAAkB;IAC3BI,MAAM,EAAC,qBAAqB;IAC5BC,KAAK,EAAE;MACLC,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAEZ,QAAQ,GAAGL,gBAAgB,GAAG;IACzC;EAAE,gBAEFV,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IACHsB,KAAK,EAAE,CACLpB,QAAQ,CAACuB,GAAG,EACZ;MAAEC,UAAU,EAAE,YAAY;MAAEC,UAAU,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAO,CAAC;EAC1D,gBAEF/B,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IAAC6B,aAAa,EAAC;EAAM,gBACxBhC,KAAA,CAAAsB,aAAA,CAACb,aAAa;IAACK,OAAO,EAAEA,OAAO,IAAII;EAAY,CAAE,CAC7C,CAAC,eACPlB,KAAA,CAAAsB,aAAA,CAACf,OAAO;IAAC0B,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBjC,KAAA,CAAAsB,aAAA,CAACd,EAAE;IAACiB,KAAK,EAAE;MAAEK,UAAU,EAAE;IAAE,CAAE;IAACI,KAAK,EAAEjB,KAAK,CAAC,kBAAkB;EAAE,GAC5DJ,KACC,CACA,CACG,CAAC;AAEhB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import { Pressable, StyleSheet, Text, View } from "react-native";
|
|
4
|
-
import { IOColors, useIOExperimentalDesign } from "../../core";
|
|
4
|
+
import { IOColors, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
5
5
|
import { IOStyles } from "../../core/IOStyles";
|
|
6
6
|
import { triggerHaptic } from "../../functions/haptic-feedback/hapticFeedback";
|
|
7
7
|
import { makeFontStyleObject } from "../../utils/fonts";
|
|
@@ -38,6 +38,7 @@ export const SwitchLabel = _ref => {
|
|
|
38
38
|
onValueChange
|
|
39
39
|
} = _ref;
|
|
40
40
|
const [toggleValue, setToggleValue] = useState(checked ?? false);
|
|
41
|
+
const theme = useIOTheme();
|
|
41
42
|
const {
|
|
42
43
|
isExperimental
|
|
43
44
|
} = useIOExperimentalDesign();
|
|
@@ -45,7 +46,7 @@ export const SwitchLabel = _ref => {
|
|
|
45
46
|
style: {
|
|
46
47
|
flexShrink: 1
|
|
47
48
|
},
|
|
48
|
-
color: "
|
|
49
|
+
color: theme["textBody-default"]
|
|
49
50
|
}, label);
|
|
50
51
|
|
|
51
52
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Pressable","StyleSheet","Text","View","IOColors","useIOExperimentalDesign","IOStyles","triggerHaptic","makeFontStyleObject","HSpacer","H6","AnimatedSwitch","DISABLED_OPACITY","styles","create","legacyTextValue","fontSize","lineHeight","color","bluegreyDark","flexShrink","undefined","SwitchLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","isExperimental","switchLabelText","createElement","style","legacySwitchlabelText","switchLabelTextComponent","toggleCheckbox","onPress","testID","alignSelf","opacity","row","alignItems","width","pointerEvents","size"],"sourceRoot":"../../../../src","sources":["components/switch/SwitchLabel.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAChE,SAASC,QAAQ,EAAEC,uBAAuB,QAAQ,YAAY;
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","StyleSheet","Text","View","IOColors","useIOExperimentalDesign","useIOTheme","IOStyles","triggerHaptic","makeFontStyleObject","HSpacer","H6","AnimatedSwitch","DISABLED_OPACITY","styles","create","legacyTextValue","fontSize","lineHeight","color","bluegreyDark","flexShrink","undefined","SwitchLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","theme","isExperimental","switchLabelText","createElement","style","legacySwitchlabelText","switchLabelTextComponent","toggleCheckbox","onPress","testID","alignSelf","opacity","row","alignItems","width","pointerEvents","size"],"sourceRoot":"../../../../src","sources":["components/switch/SwitchLabel.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/CheckboxLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"CheckboxLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/CheckboxLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAM/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAC3E,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;AAE1D;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,gDAKvB,QAAQ,sBA0CV,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderFirstLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderFirstLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"HeaderFirstLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderFirstLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACpC,CAAC,CAAC;AAEH,UAAU,IAAK,SAAQ,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,WAAW;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC;AAe5E,eAAO,MAAM,gBAAgB,qFAQ1B,gBAAgB,sBAoElB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderSecondLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderSecondLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,QAIN,MAAM,yBAAyB,CAAC;AAWjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,SAAS,GACV;IACE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;CAChC,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,sBAAsB,CAAC,EAAE,KAAK,CAAC;CAChC,CAAC;AAEN,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,UAAU,IAAK,SAAQ,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,WAAW;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,CAAC,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC;AAiCjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,wIAY3B,iBAAiB,
|
|
1
|
+
{"version":3,"file":"HeaderSecondLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderSecondLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,QAIN,MAAM,yBAAyB,CAAC;AAWjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,SAAS,GACV;IACE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;CAChC,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,sBAAsB,CAAC,EAAE,KAAK,CAAC;CAChC,CAAC;AAEN,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,UAAU,IAAK,SAAQ,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,WAAW;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,CAAC,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC;AAiCjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,wIAY3B,iBAAiB,sBA0HnB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItemCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAsB/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAIzC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,SAAS,GAAG,oBAAoB,GAAG,UAAU,CAC9C,CAAC;AAEJ;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,wFAQ1B,QAAQ,sBAgIV,CAAC"}
|
|
@@ -4,7 +4,6 @@ import { IOColors } from "../../core";
|
|
|
4
4
|
import { WithTestID } from "../../utils/types";
|
|
5
5
|
import { Badge } from "../badge";
|
|
6
6
|
import { IOIcons } from "../icons";
|
|
7
|
-
import { IOLogoPaymentType } from "../logos";
|
|
8
7
|
type ListItemTopElementProps = {
|
|
9
8
|
badgeProps: React.ComponentProps<typeof Badge>;
|
|
10
9
|
dateValue?: never;
|
|
@@ -24,17 +23,17 @@ type ListItemNavPartialProps = WithTestID<{
|
|
|
24
23
|
export type ListItemNavGraphicProps = {
|
|
25
24
|
icon?: never;
|
|
26
25
|
iconColor?: never;
|
|
27
|
-
|
|
26
|
+
paymentLogoUri: string;
|
|
28
27
|
} | {
|
|
29
28
|
icon: IOIcons;
|
|
30
29
|
iconColor?: IOColors;
|
|
31
|
-
|
|
30
|
+
paymentLogoUri?: never;
|
|
32
31
|
} | {
|
|
33
32
|
icon?: never;
|
|
34
33
|
iconColor?: never;
|
|
35
|
-
|
|
34
|
+
paymentLogoUri?: never;
|
|
36
35
|
};
|
|
37
36
|
export type ListItemNav = ListItemNavPartialProps & ListItemNavGraphicProps;
|
|
38
|
-
export declare const ListItemNav: ({ value, description, onPress, icon, iconColor,
|
|
37
|
+
export declare const ListItemNav: ({ value, description, onPress, icon, iconColor, paymentLogoUri, accessibilityLabel, testID, hideChevron, topElement, loading }: ListItemNav) => React.JSX.Element;
|
|
39
38
|
export default ListItemNav;
|
|
40
39
|
//# sourceMappingURL=ListItemNav.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemNav.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,
|
|
1
|
+
{"version":3,"file":"ListItemNav.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EACL,qBAAqB,EAKtB,MAAM,cAAc,CAAC;AAUtB,OAAO,EACL,QAAQ,EAUT,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAKzC,KAAK,uBAAuB,GACxB;IACE,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GACD;IACE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,KAAK,uBAAuB,GAAG,UAAU,CAAC;IACxC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAEhD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC,CAAC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAC/B;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,CAAC;IAAC,cAAc,EAAE,MAAM,CAAA;CAAE,GAC3D;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,QAAQ,CAAC;IAAC,cAAc,CAAC,EAAE,KAAK,CAAA;CAAE,GAC/D;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,CAAC;IAAC,cAAc,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAEhE,MAAM,MAAM,WAAW,GAAG,uBAAuB,GAAG,uBAAuB,CAAC;AAS5E,eAAO,MAAM,WAAW,mIAYrB,WAAW,sBAkKb,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -6,9 +6,15 @@ import { IOLogoPaymentType } from "../logos";
|
|
|
6
6
|
type ListItemRadioGraphicProps = {
|
|
7
7
|
icon?: never;
|
|
8
8
|
paymentLogo: IOLogoPaymentType;
|
|
9
|
+
uri?: never;
|
|
10
|
+
} | {
|
|
11
|
+
icon?: never;
|
|
12
|
+
paymentLogo?: never;
|
|
13
|
+
uri: string;
|
|
9
14
|
} | {
|
|
10
15
|
icon: IOIcons;
|
|
11
16
|
paymentLogo?: never;
|
|
17
|
+
uri?: never;
|
|
12
18
|
};
|
|
13
19
|
type ListItemRadioLoadingProps = {
|
|
14
20
|
state: true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,
|
|
1
|
+
{"version":3,"file":"ListItemRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAS,SAAS,EAAoB,MAAM,cAAc,CAAC;AAsBlE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAK1D,KAAK,yBAAyB,GAC1B;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,GAC7D;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAExD,KAAK,yBAAyB,GAC1B;IACE,KAAK,EAAE,IAAI,CAAC;IACZ,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEN,KAAK,KAAK,GAAG,UAAU,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,YAAY,CAAC,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAMH,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,SAAS,GAAG,oBAAoB,GAAG,UAAU,CAC9C,CAAC;AASJ;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,gGASvB,QAAQ,sBAgMV,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemRadioWithAmount.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemRadioWithAmount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,MAAM,4BAA4B,GAAG;IACzC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB,EAAE,MAAM,CAAC;CAC/B,GAAG,CACA;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,GACD;IACE,WAAW,EAAE,IAAI,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;CACvB,CACJ,CAAC;AACF,eAAO,MAAM,uBAAuB,UAC3B,4BAA4B,
|
|
1
|
+
{"version":3,"file":"ListItemRadioWithAmount.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemRadioWithAmount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,MAAM,4BAA4B,GAAG;IACzC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB,EAAE,MAAM,CAAC;CAC/B,GAAG,CACA;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,GACD;IACE,WAAW,EAAE,IAAI,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;CACvB,CACJ,CAAC;AACF,eAAO,MAAM,uBAAuB,UAC3B,4BAA4B,sBA2CpC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { GestureResponderEvent, Switch } from "react-native";
|
|
3
|
-
import { IOIcons } from "../icons";
|
|
4
3
|
import { Badge } from "../badge";
|
|
4
|
+
import { IOIcons } from "../icons";
|
|
5
5
|
import { IOLogoPaymentType } from "../logos";
|
|
6
6
|
type PartialProps = {
|
|
7
7
|
label: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,
|
|
1
|
+
{"version":3,"file":"ListItemSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAY,MAAM,EAAQ,MAAM,cAAc,CAAC;AAM7E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAK1D,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAClC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GACtC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAQ1C,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAC5C,0BAA0B,GAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAElE,eAAO,MAAM,cAAc,wIAYtB,mBAAmB,uBAqIvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButtonLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/RadioButtonLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioButtonLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/RadioButtonLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAM/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GACxE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;AAE1D;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,gDAK1B,QAAQ,sBAuCV,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/SwitchLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAA0B,MAAM,cAAc,CAAC;AAOjE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GACzE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;AAa1D;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,gDAKrB,QAAQ,
|
|
1
|
+
{"version":3,"file":"SwitchLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/SwitchLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAA0B,MAAM,cAAc,CAAC;AAOjE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GACzE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;AAa1D;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,gDAKrB,QAAQ,sBAoDV,CAAC"}
|
package/package.json
CHANGED
|
@@ -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";
|
|
@@ -34,6 +35,8 @@ export const CheckboxLabel = ({
|
|
|
34
35
|
disabled,
|
|
35
36
|
onValueChange
|
|
36
37
|
}: OwnProps) => {
|
|
38
|
+
const theme = useIOTheme();
|
|
39
|
+
|
|
37
40
|
const [toggleValue, setToggleValue] = useState(checked ?? false);
|
|
38
41
|
|
|
39
42
|
const toggleCheckbox = () => {
|
|
@@ -67,7 +70,7 @@ export const CheckboxLabel = ({
|
|
|
67
70
|
<AnimatedCheckbox checked={checked ?? toggleValue} />
|
|
68
71
|
</View>
|
|
69
72
|
<HSpacer size={8} />
|
|
70
|
-
<H6 style={{ flexShrink: 1 }} color={"
|
|
73
|
+
<H6 style={{ flexShrink: 1 }} color={theme["textBody-default"]}>
|
|
71
74
|
{label}
|
|
72
75
|
</H6>
|
|
73
76
|
</View>
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import {
|
|
3
|
-
View,
|
|
4
|
-
StyleSheet,
|
|
5
3
|
AccessibilityInfo,
|
|
4
|
+
StyleSheet,
|
|
5
|
+
View,
|
|
6
6
|
findNodeHandle
|
|
7
7
|
} from "react-native";
|
|
8
8
|
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
9
|
+
import { IOColors, IOStyles, IOVisualCostants, useIOTheme } from "../../core";
|
|
9
10
|
import { WithTestID } from "../../utils/types";
|
|
10
|
-
import { IOStyles, IOVisualCostants, IOColors } from "../../core";
|
|
11
|
-
import { H3 } from "../typography";
|
|
12
|
-
import { HSpacer } from "../spacer";
|
|
13
11
|
import { IconButton } from "../buttons";
|
|
12
|
+
import { HSpacer } from "../spacer";
|
|
13
|
+
import { H3 } from "../typography";
|
|
14
14
|
import { ActionProp } from "./common";
|
|
15
15
|
|
|
16
16
|
type CommonProps = WithTestID<{
|
|
@@ -49,7 +49,6 @@ interface ThreeActions extends CommonProps {
|
|
|
49
49
|
|
|
50
50
|
export type HeaderFirstLevel = Base | OneAction | TwoActions | ThreeActions;
|
|
51
51
|
|
|
52
|
-
const HEADER_BG_COLOR_LIGHT: IOColors = "white";
|
|
53
52
|
const HEADER_BG_COLOR_DARK: IOColors = "bluegrey";
|
|
54
53
|
|
|
55
54
|
const styles = StyleSheet.create({
|
|
@@ -73,6 +72,8 @@ export const HeaderFirstLevel = ({
|
|
|
73
72
|
thirdAction
|
|
74
73
|
}: HeaderFirstLevel) => {
|
|
75
74
|
const titleRef = React.createRef<View>();
|
|
75
|
+
const insets = useSafeAreaInsets();
|
|
76
|
+
const theme = useIOTheme();
|
|
76
77
|
|
|
77
78
|
React.useLayoutEffect(() => {
|
|
78
79
|
const reactNode = findNodeHandle(titleRef.current);
|
|
@@ -80,7 +81,6 @@ export const HeaderFirstLevel = ({
|
|
|
80
81
|
AccessibilityInfo.setAccessibilityFocus(reactNode);
|
|
81
82
|
}
|
|
82
83
|
});
|
|
83
|
-
const insets = useSafeAreaInsets();
|
|
84
84
|
|
|
85
85
|
return (
|
|
86
86
|
<View
|
|
@@ -88,7 +88,7 @@ export const HeaderFirstLevel = ({
|
|
|
88
88
|
paddingTop: insets.top,
|
|
89
89
|
backgroundColor:
|
|
90
90
|
backgroundColor === "light"
|
|
91
|
-
? IOColors[
|
|
91
|
+
? IOColors[theme["appBackground-primary"]]
|
|
92
92
|
: IOColors[HEADER_BG_COLOR_DARK]
|
|
93
93
|
}}
|
|
94
94
|
accessibilityRole="header"
|
|
@@ -99,7 +99,9 @@ export const HeaderFirstLevel = ({
|
|
|
99
99
|
<H3
|
|
100
100
|
style={{ flexShrink: 1 }}
|
|
101
101
|
numberOfLines={1}
|
|
102
|
-
color={
|
|
102
|
+
color={
|
|
103
|
+
backgroundColor === "dark" ? "white" : theme["textBody-default"]
|
|
104
|
+
}
|
|
103
105
|
>
|
|
104
106
|
{title}
|
|
105
107
|
</H3>
|
|
@@ -134,11 +134,14 @@ export const HeaderSecondLevel = ({
|
|
|
134
134
|
|
|
135
135
|
const { isExperimental } = useIOExperimentalDesign();
|
|
136
136
|
const insets = useSafeAreaInsets();
|
|
137
|
+
const isTitleAccessible = React.useMemo(() => !!title.trim(), [title]);
|
|
137
138
|
|
|
138
139
|
React.useLayoutEffect(() => {
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
140
|
+
if (isTitleAccessible) {
|
|
141
|
+
const reactNode = findNodeHandle(titleRef.current);
|
|
142
|
+
if (reactNode !== null) {
|
|
143
|
+
AccessibilityInfo.setAccessibilityFocus(reactNode);
|
|
144
|
+
}
|
|
142
145
|
}
|
|
143
146
|
});
|
|
144
147
|
|
|
@@ -160,7 +163,6 @@ export const HeaderSecondLevel = ({
|
|
|
160
163
|
: "transparent"
|
|
161
164
|
}));
|
|
162
165
|
|
|
163
|
-
const isTitleAccessible = !!title.trim();
|
|
164
166
|
const titleAnimatedStyle = useAnimatedStyle(() => ({
|
|
165
167
|
opacity: scrollValues
|
|
166
168
|
? interpolate(
|
|
@@ -201,6 +203,10 @@ export const HeaderSecondLevel = ({
|
|
|
201
203
|
)}
|
|
202
204
|
<View
|
|
203
205
|
ref={titleRef}
|
|
206
|
+
accessibilityElementsHidden={!isTitleAccessible}
|
|
207
|
+
importantForAccessibility={
|
|
208
|
+
isTitleAccessible ? "yes" : "no-hide-descendants"
|
|
209
|
+
}
|
|
204
210
|
accessible={isTitleAccessible}
|
|
205
211
|
accessibilityLabel={title}
|
|
206
212
|
accessibilityRole="header"
|
|
@@ -21,10 +21,10 @@ import {
|
|
|
21
21
|
hexToRgba,
|
|
22
22
|
useIOTheme
|
|
23
23
|
} from "../../core";
|
|
24
|
+
import { AnimatedCheckbox } from "../checkbox/AnimatedCheckbox";
|
|
24
25
|
import { IOIcons, Icon } from "../icons";
|
|
25
26
|
import { HSpacer, VSpacer } from "../spacer";
|
|
26
27
|
import { H6, LabelSmall } from "../typography";
|
|
27
|
-
import { AnimatedCheckbox } from "../checkbox/AnimatedCheckbox";
|
|
28
28
|
|
|
29
29
|
type Props = {
|
|
30
30
|
value: string;
|
|
@@ -164,7 +164,7 @@ export const ListItemCheckbox = ({
|
|
|
164
164
|
/>
|
|
165
165
|
</View>
|
|
166
166
|
)}
|
|
167
|
-
<H6 color={"
|
|
167
|
+
<H6 color={theme["textBody-default"]} style={{ flexShrink: 1 }}>
|
|
168
168
|
{value}
|
|
169
169
|
</H6>
|
|
170
170
|
</View>
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import React, { useCallback } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import {
|
|
3
|
+
GestureResponderEvent,
|
|
4
|
+
Image,
|
|
5
|
+
Pressable,
|
|
6
|
+
StyleSheet,
|
|
7
|
+
View
|
|
8
|
+
} from "react-native";
|
|
3
9
|
import Animated, {
|
|
4
10
|
Extrapolate,
|
|
5
11
|
interpolate,
|
|
@@ -14,6 +20,7 @@ import {
|
|
|
14
20
|
IOListItemStyles,
|
|
15
21
|
IOListItemVisualParams,
|
|
16
22
|
IOScaleValues,
|
|
23
|
+
IOSelectionListItemVisualParams,
|
|
17
24
|
IOSpringValues,
|
|
18
25
|
IOStyles,
|
|
19
26
|
hexToRgba,
|
|
@@ -23,7 +30,6 @@ import {
|
|
|
23
30
|
import { WithTestID } from "../../utils/types";
|
|
24
31
|
import { Badge } from "../badge";
|
|
25
32
|
import { IOIcons, Icon } from "../icons";
|
|
26
|
-
import { IOLogoPaymentType, LogoPayment } from "../logos";
|
|
27
33
|
import { HSpacer, VSpacer } from "../spacer";
|
|
28
34
|
import { Caption, H6, LabelSmall } from "../typography";
|
|
29
35
|
import { LoadingSpinner } from "../loadingSpinner";
|
|
@@ -50,19 +56,26 @@ type ListItemNavPartialProps = WithTestID<{
|
|
|
50
56
|
}>;
|
|
51
57
|
|
|
52
58
|
export type ListItemNavGraphicProps =
|
|
53
|
-
| { icon?: never; iconColor?: never;
|
|
54
|
-
| { icon: IOIcons; iconColor?: IOColors;
|
|
55
|
-
| { icon?: never; iconColor?: never;
|
|
59
|
+
| { icon?: never; iconColor?: never; paymentLogoUri: string }
|
|
60
|
+
| { icon: IOIcons; iconColor?: IOColors; paymentLogoUri?: never }
|
|
61
|
+
| { icon?: never; iconColor?: never; paymentLogoUri?: never };
|
|
56
62
|
|
|
57
63
|
export type ListItemNav = ListItemNavPartialProps & ListItemNavGraphicProps;
|
|
58
64
|
|
|
65
|
+
const styles = StyleSheet.create({
|
|
66
|
+
paymentLogoSize: {
|
|
67
|
+
width: IOSelectionListItemVisualParams.iconSize,
|
|
68
|
+
height: IOSelectionListItemVisualParams.iconSize
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
|
|
59
72
|
export const ListItemNav = ({
|
|
60
73
|
value,
|
|
61
74
|
description,
|
|
62
75
|
onPress,
|
|
63
76
|
icon,
|
|
64
77
|
iconColor = "grey-450",
|
|
65
|
-
|
|
78
|
+
paymentLogoUri,
|
|
66
79
|
accessibilityLabel,
|
|
67
80
|
testID,
|
|
68
81
|
hideChevron = false,
|
|
@@ -203,12 +216,16 @@ export const ListItemNav = ({
|
|
|
203
216
|
/>
|
|
204
217
|
</View>
|
|
205
218
|
)}
|
|
206
|
-
{
|
|
219
|
+
{paymentLogoUri && (
|
|
207
220
|
<View style={{ marginRight: IOListItemVisualParams.iconMargin }}>
|
|
208
|
-
<
|
|
209
|
-
|
|
210
|
-
|
|
221
|
+
<Image
|
|
222
|
+
source={{ uri: paymentLogoUri }}
|
|
223
|
+
style={styles.paymentLogoSize}
|
|
211
224
|
/>
|
|
225
|
+
{/* <LogoPayment
|
|
226
|
+
name={paymentLogoUri}
|
|
227
|
+
size={IOListItemVisualParams.iconSize}
|
|
228
|
+
/> */}
|
|
212
229
|
</View>
|
|
213
230
|
)}
|
|
214
231
|
<View style={IOStyles.flex}>{listItemNavContent}</View>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { useCallback, useState } from "react";
|
|
3
|
-
import { Pressable, View } from "react-native";
|
|
3
|
+
import { Image, Pressable, StyleSheet, View } from "react-native";
|
|
4
4
|
import ReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
5
5
|
import Animated, {
|
|
6
6
|
Extrapolate,
|
|
@@ -24,14 +24,15 @@ import {
|
|
|
24
24
|
} from "../../core";
|
|
25
25
|
import { WithTestID } from "../../utils/types";
|
|
26
26
|
import { IOIcons, Icon } from "../icons";
|
|
27
|
+
import { IOLogoPaymentType, LogoPayment } from "../logos";
|
|
28
|
+
import { AnimatedRadio } from "../radio/AnimatedRadio";
|
|
27
29
|
import { HSpacer, VSpacer } from "../spacer";
|
|
28
30
|
import { H6, LabelSmall } from "../typography";
|
|
29
|
-
import { AnimatedRadio } from "../radio/AnimatedRadio";
|
|
30
|
-
import { IOLogoPaymentType, LogoPayment } from "../logos";
|
|
31
31
|
|
|
32
32
|
type ListItemRadioGraphicProps =
|
|
33
|
-
| { icon?: never; paymentLogo: IOLogoPaymentType }
|
|
34
|
-
| { icon
|
|
33
|
+
| { icon?: never; paymentLogo: IOLogoPaymentType; uri?: never }
|
|
34
|
+
| { icon?: never; paymentLogo?: never; uri: string }
|
|
35
|
+
| { icon: IOIcons; paymentLogo?: never; uri?: never };
|
|
35
36
|
|
|
36
37
|
type ListItemRadioLoadingProps =
|
|
37
38
|
| {
|
|
@@ -64,6 +65,13 @@ type OwnProps = Props &
|
|
|
64
65
|
"onPress" | "accessibilityLabel" | "disabled"
|
|
65
66
|
>;
|
|
66
67
|
|
|
68
|
+
const styles = StyleSheet.create({
|
|
69
|
+
imageSize: {
|
|
70
|
+
width: IOSelectionListItemVisualParams.iconSize,
|
|
71
|
+
height: IOSelectionListItemVisualParams.iconSize
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
|
|
67
75
|
/**
|
|
68
76
|
* `ListItemRadio` component with the automatic state management that uses a {@link AnimatedCheckBox}
|
|
69
77
|
* The toggleValue change when a `onPress` event is received and dispatch the `onValueChange`.
|
|
@@ -237,6 +245,9 @@ export const ListItemRadio = ({
|
|
|
237
245
|
size={IOSelectionListItemVisualParams.iconSize}
|
|
238
246
|
/>
|
|
239
247
|
)}
|
|
248
|
+
{startImage.uri && (
|
|
249
|
+
<Image source={startImage} style={styles.imageSize} />
|
|
250
|
+
)}
|
|
240
251
|
{startImage.paymentLogo && (
|
|
241
252
|
<LogoPayment
|
|
242
253
|
name={startImage.paymentLogo}
|
|
@@ -246,7 +257,7 @@ export const ListItemRadio = ({
|
|
|
246
257
|
</View>
|
|
247
258
|
)}
|
|
248
259
|
|
|
249
|
-
<H6 color={"
|
|
260
|
+
<H6 color={theme["textBody-default"]} style={{ flexShrink: 1 }}>
|
|
250
261
|
{value}
|
|
251
262
|
</H6>
|
|
252
263
|
</View>
|
|
@@ -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 { IOColors,
|
|
4
|
+
import { IOColors, useIOTheme } from "../../core";
|
|
5
5
|
import { Icon } from "../icons";
|
|
6
6
|
import { AnimatedRadio } from "../radio/AnimatedRadio";
|
|
7
7
|
import { HSpacer, VSpacer } from "../spacer";
|
|
@@ -34,15 +34,16 @@ export const ListItemRadioWithAmount = (
|
|
|
34
34
|
props.onValueChange(!toggleValue);
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
|
-
const
|
|
37
|
+
const theme = useIOTheme();
|
|
38
38
|
|
|
39
|
-
const interactiveColor: IOColors = isExperimental ? "blueIO-500" : "blue";
|
|
40
39
|
const suggestColor: IOColors = "hanPurple-500";
|
|
41
40
|
|
|
42
41
|
return (
|
|
43
42
|
<PressableListItemBase onPress={pressHandler}>
|
|
44
|
-
<View>
|
|
45
|
-
<LabelSmallAlt
|
|
43
|
+
<View style={{ flexShrink: 1 }}>
|
|
44
|
+
<LabelSmallAlt numberOfLines={1} color={theme["textBody-default"]}>
|
|
45
|
+
{props.label} con nome molto molto lungo
|
|
46
|
+
</LabelSmallAlt>
|
|
46
47
|
{props.isSuggested && (
|
|
47
48
|
<>
|
|
48
49
|
<VSpacer size={4} />
|
|
@@ -57,7 +58,10 @@ export const ListItemRadioWithAmount = (
|
|
|
57
58
|
)}
|
|
58
59
|
</View>
|
|
59
60
|
<View pointerEvents="none" style={{ flexDirection: "row" }}>
|
|
60
|
-
<
|
|
61
|
+
<HSpacer size={8} />
|
|
62
|
+
<H6 color={theme["interactiveElem-default"]}>
|
|
63
|
+
{props.formattedAmountString}
|
|
64
|
+
</H6>
|
|
61
65
|
<HSpacer size={8} />
|
|
62
66
|
<AnimatedRadio checked={props.selected ?? toggleValue} />
|
|
63
67
|
</View>
|
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
import React, { useMemo } from "react";
|
|
2
|
-
import { GestureResponderEvent, Switch, View } from "react-native";
|
|
2
|
+
import { GestureResponderEvent, Platform, Switch, View } from "react-native";
|
|
3
3
|
import {
|
|
4
|
-
IOColors,
|
|
5
4
|
IOSelectionListItemStyles,
|
|
6
5
|
IOSelectionListItemVisualParams,
|
|
7
|
-
useIOExperimentalDesign,
|
|
8
6
|
useIOTheme
|
|
9
7
|
} from "../../core";
|
|
8
|
+
import { Badge } from "../badge";
|
|
10
9
|
import { IOIcons, Icon } from "../icons";
|
|
10
|
+
import { LoadingSpinner } from "../loadingSpinner";
|
|
11
|
+
import { IOLogoPaymentType, LogoPayment } from "../logos";
|
|
11
12
|
import { HSpacer, VSpacer } from "../spacer";
|
|
12
|
-
import { H6, LabelSmall, LabelLink } from "../typography";
|
|
13
13
|
import { NativeSwitch } from "../switch/NativeSwitch";
|
|
14
|
-
import {
|
|
15
|
-
import { IOLogoPaymentType, LogoPayment } from "../logos";
|
|
16
|
-
import { LoadingSpinner } from "../loadingSpinner";
|
|
14
|
+
import { H6, LabelLink, LabelSmall } from "../typography";
|
|
17
15
|
|
|
18
16
|
type PartialProps = {
|
|
19
17
|
label: string;
|
|
@@ -57,7 +55,6 @@ export const ListItemSwitch = React.memo(
|
|
|
57
55
|
badge,
|
|
58
56
|
onSwitchValueChange
|
|
59
57
|
}: ListItemSwitchProps) => {
|
|
60
|
-
const { isExperimental } = useIOExperimentalDesign();
|
|
61
58
|
const theme = useIOTheme();
|
|
62
59
|
|
|
63
60
|
// If we have a badge or we are loading, we can't render the switch
|
|
@@ -67,8 +64,6 @@ export const ListItemSwitch = React.memo(
|
|
|
67
64
|
[isLoading, badge]
|
|
68
65
|
);
|
|
69
66
|
|
|
70
|
-
const primaryColor: IOColors = isExperimental ? "blueIO-500" : "blue";
|
|
71
|
-
|
|
72
67
|
return (
|
|
73
68
|
<View
|
|
74
69
|
testID="ListItemSwitch"
|
|
@@ -96,9 +91,13 @@ export const ListItemSwitch = React.memo(
|
|
|
96
91
|
alignItems: "center"
|
|
97
92
|
}}
|
|
98
93
|
accessible={!canRenderSwitch}
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
94
|
+
{...Platform.select({
|
|
95
|
+
android: {
|
|
96
|
+
importantForAccessibility: !canRenderSwitch
|
|
97
|
+
? "yes"
|
|
98
|
+
: "no-hide-descendants"
|
|
99
|
+
}
|
|
100
|
+
})}
|
|
102
101
|
>
|
|
103
102
|
{icon && (
|
|
104
103
|
<View
|
|
@@ -129,7 +128,7 @@ export const ListItemSwitch = React.memo(
|
|
|
129
128
|
)}
|
|
130
129
|
|
|
131
130
|
<H6
|
|
132
|
-
color={"
|
|
131
|
+
color={theme["textBody-default"]}
|
|
133
132
|
style={{ flex: 1 }}
|
|
134
133
|
accessible={!canRenderSwitch}
|
|
135
134
|
importantForAccessibility={
|
|
@@ -154,7 +153,12 @@ export const ListItemSwitch = React.memo(
|
|
|
154
153
|
testID={badge.testID}
|
|
155
154
|
/>
|
|
156
155
|
)}
|
|
157
|
-
{isLoading &&
|
|
156
|
+
{isLoading && (
|
|
157
|
+
<LoadingSpinner
|
|
158
|
+
size={24}
|
|
159
|
+
color={theme["interactiveElem-default"]}
|
|
160
|
+
/>
|
|
161
|
+
)}
|
|
158
162
|
{canRenderSwitch && (
|
|
159
163
|
<NativeSwitch
|
|
160
164
|
value={value}
|