@pagopa/io-app-design-system 1.13.0 → 1.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/banner/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/layout/HeaderFirstLevel.js +9 -6
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
- 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/loadingSpinner/LoadingSpinner.js +17 -5
- package/lib/commonjs/components/loadingSpinner/LoadingSpinner.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/utils/textInput/index.js +2 -1
- package/lib/commonjs/utils/textInput/index.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/layout/HeaderFirstLevel.js +9 -6
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
- 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/loadingSpinner/LoadingSpinner.js +17 -5
- package/lib/module/components/loadingSpinner/LoadingSpinner.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/utils/textInput/index.js +2 -1
- package/lib/module/utils/textInput/index.js.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts +2 -1
- package/lib/typescript/components/layout/HeaderFirstLevel.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/loadingSpinner/LoadingSpinner.d.ts +4 -4
- package/lib/typescript/components/loadingSpinner/LoadingSpinner.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/utils/textInput/index.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/banner/Banner.tsx +9 -6
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -2
- package/src/components/layout/HeaderFirstLevel.tsx +28 -6
- package/src/components/listitems/ListItemNav.tsx +19 -5
- package/src/components/listitems/ListItemSwitch.tsx +37 -12
- package/src/components/loadingSpinner/LoadingSpinner.tsx +78 -74
- package/src/components/switch/NativeSwitch.tsx +10 -2
- package/src/components/textInput/TextInputBase.tsx +15 -9
- package/src/utils/textInput/index.ts +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","Pressable","StyleSheet","TextInput","View","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","IOColors","IOStyles","useIOExperimentalDesign","makeFontStyleObject","getInputPropsByType","Icon","HSpacer","LabelSmall","inputMarginTop","styles","create","textInput","row","alignItems","paddingVertical","height","borderRadius","paddingHorizontal","textInputStyle","flex","fontSize","marginTop","lineHeight","textInputStyleFont","textInputStyleLegacyFont","textInputLabelWrapper","position","zIndex","bottom","top","justifyContent","HelperRow","_ref","value","counterLimit","bottomMessage","bottomMessageColor","valueCount","length","helperRowStyle","createElement","style","weight","color","TextInputBase","_ref2","disabled","placeholder","onChangeText","accessibilityLabel","textInputProps","inputType","status","icon","rightElement","onBlur","onFocus","isPassword","labelSharedValue","inputStatus","setInputStatus","useState","isSecretInput","inputRef","boxStyle","borderColor","borderWidth","animatedLabelProps","duration","easing","elastic","transform","translateY","onTextInputPress","_inputRef$current","current","focus","onChangeTextHandler","text","onBlurHandler","derivedInputProps","inputValue","valueFormat","isExperimental","Fragment","onPress","opacity","accessible","accessibilityRole","name","size","_extends","editable","secureTextEntry","disableFullscreenUI","blurOnSubmit","ref","accessibilityState","maxLength","left","Text","numberOfLines","marginLeft"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputBase.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getInputPropsByType","type","valueFormat","v","replace","textInputProps","autoComplete","keyboardType","textContentType","inputMode","undefined"],"sourceRoot":"../../../../src","sources":["utils/textInput/index.ts"],"mappings":"AAWA,OAAO,MAAMA,mBAAmB,GAC9BC,IAAe,IACY;EAC3B,QAAQA,IAAI;IACV,KAAK,aAAa;MAChB,OAAO;QACLC,WAAW,EAAEC,CAAC,IAAIA,CAAC,CAACC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAACA,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC;QACrEC,cAAc,EAAE;UACdC,YAAY,EAAE,WAAW;UACzBC,YAAY,EAAE,SAAS;UACvBC,eAAe,EAAE,kBAAkB;UACnCC,SAAS,EAAE;
|
|
1
|
+
{"version":3,"names":["getInputPropsByType","type","valueFormat","v","replace","textInputProps","autoComplete","keyboardType","textContentType","inputMode","returnKeyType","undefined"],"sourceRoot":"../../../../src","sources":["utils/textInput/index.ts"],"mappings":"AAWA,OAAO,MAAMA,mBAAmB,GAC9BC,IAAe,IACY;EAC3B,QAAQA,IAAI;IACV,KAAK,aAAa;MAChB,OAAO;QACLC,WAAW,EAAEC,CAAC,IAAIA,CAAC,CAACC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAACA,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC;QACrEC,cAAc,EAAE;UACdC,YAAY,EAAE,WAAW;UACzBC,YAAY,EAAE,SAAS;UACvBC,eAAe,EAAE,kBAAkB;UACnCC,SAAS,EAAE,SAAS;UACpBC,aAAa,EAAE;QACjB;MACF,CAAC;IACH;MACE,OAAOC,SAAS;EACpB;AACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EAGrB,IAAI,EAEL,MAAM,cAAc,CAAC;AAmBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAGL,iBAAiB,EAClB,MAAM,eAAe,CAAC;AA8CvB,KAAK,eAAe,GAAG,UAAU,CAAC;IAChC,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC;IACtB,KAAK,EAAE,SAAS,GAAG,WAAW,CAAC;IAC/B,aAAa,EAAE,iBAAiB,CAAC;IACjC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAE/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAGH,KAAK,mBAAmB,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9D,KAAK,oBAAoB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,KAAK,CAAA;CAAE,CAAC;AAE/D,KAAK,uBAAuB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpE,KAAK,mBAAmB,GACpB,mBAAmB,GACnB,oBAAoB,GACpB,uBAAuB,CAAC;AAE5B,KAAK,iBAAiB,GAClB;IACE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,iBAAiB,CAAC,EAAE,KAAK,CAAC;CAC3B,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC,CAAC;AAGN,KAAK,gBAAgB,GACjB;IACE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEN,MAAM,MAAM,MAAM,GAAG,eAAe,GAClC,mBAAmB,GACnB,iBAAiB,GACjB,gBAAgB,CAAC;AAMnB,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,CAGnE,CAAC;AAUF,eAAO,MAAM,MAAM,iJAchB,MAAM,
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EAGrB,IAAI,EAEL,MAAM,cAAc,CAAC;AAmBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAGL,iBAAiB,EAClB,MAAM,eAAe,CAAC;AA8CvB,KAAK,eAAe,GAAG,UAAU,CAAC;IAChC,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC;IACtB,KAAK,EAAE,SAAS,GAAG,WAAW,CAAC;IAC/B,aAAa,EAAE,iBAAiB,CAAC;IACjC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAE/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAGH,KAAK,mBAAmB,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9D,KAAK,oBAAoB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,KAAK,CAAA;CAAE,CAAC;AAE/D,KAAK,uBAAuB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpE,KAAK,mBAAmB,GACpB,mBAAmB,GACnB,oBAAoB,GACpB,uBAAuB,CAAC;AAE5B,KAAK,iBAAiB,GAClB;IACE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,iBAAiB,CAAC,EAAE,KAAK,CAAC;CAC3B,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC,CAAC;AAGN,KAAK,gBAAgB,GACjB;IACE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEN,MAAM,MAAM,MAAM,GAAG,eAAe,GAClC,mBAAmB,GACnB,iBAAiB,GACjB,gBAAgB,CAAC;AAMnB,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,CAGnE,CAAC;AAUF,eAAO,MAAM,MAAM,iJAchB,MAAM,sBAiIR,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { WithTestID } from "../../utils/types";
|
|
|
3
3
|
import { ActionProp } from "./common";
|
|
4
4
|
type CommonProps = WithTestID<{
|
|
5
5
|
title: string;
|
|
6
|
+
backgroundColor?: "light" | "dark";
|
|
6
7
|
}>;
|
|
7
8
|
interface Base extends CommonProps {
|
|
8
9
|
type: "base";
|
|
@@ -29,6 +30,6 @@ interface ThreeActions extends CommonProps {
|
|
|
29
30
|
thirdAction: ActionProp;
|
|
30
31
|
}
|
|
31
32
|
export type HeaderFirstLevel = Base | OneAction | TwoActions | ThreeActions;
|
|
32
|
-
export declare const HeaderFirstLevel: ({ title, type, testID, firstAction, secondAction, thirdAction }: HeaderFirstLevel) => React.JSX.Element;
|
|
33
|
+
export declare const HeaderFirstLevel: ({ title, type, testID, backgroundColor, firstAction, secondAction, thirdAction }: HeaderFirstLevel) => React.JSX.Element;
|
|
33
34
|
export default HeaderFirstLevel;
|
|
34
35
|
//# sourceMappingURL=HeaderFirstLevel.d.ts.map
|
|
@@ -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;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAK/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"HeaderFirstLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderFirstLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAK/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;AAgB5E,eAAO,MAAM,gBAAgB,qFAQ1B,gBAAgB,sBAuDlB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -2,13 +2,24 @@ import React from "react";
|
|
|
2
2
|
import { GestureResponderEvent } from "react-native";
|
|
3
3
|
import { WithTestID } from "../../utils/types";
|
|
4
4
|
import { IOIcons } from "../icons";
|
|
5
|
-
|
|
5
|
+
import { IOLogoPaymentType } from "../logos";
|
|
6
|
+
type ListItemNavPartialProps = WithTestID<{
|
|
6
7
|
value: string | React.ReactNode;
|
|
7
8
|
description?: string | React.ReactNode;
|
|
8
9
|
onPress: (event: GestureResponderEvent) => void;
|
|
9
|
-
icon?: IOIcons;
|
|
10
10
|
accessibilityLabel: string;
|
|
11
11
|
}>;
|
|
12
|
-
export
|
|
12
|
+
export type ListItemNavGraphicProps = {
|
|
13
|
+
icon?: never;
|
|
14
|
+
paymentLogo: IOLogoPaymentType;
|
|
15
|
+
} | {
|
|
16
|
+
icon: IOIcons;
|
|
17
|
+
paymentLogo?: never;
|
|
18
|
+
} | {
|
|
19
|
+
icon?: never;
|
|
20
|
+
paymentLogo?: never;
|
|
21
|
+
};
|
|
22
|
+
export type ListItemNav = ListItemNavPartialProps & ListItemNavGraphicProps;
|
|
23
|
+
export declare const ListItemNav: ({ value, description, onPress, icon, paymentLogo, accessibilityLabel, testID }: ListItemNav) => React.JSX.Element;
|
|
13
24
|
export default ListItemNav;
|
|
14
25
|
//# 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,EACL,qBAAqB,EAKtB,MAAM,cAAc,CAAC;AAsBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;
|
|
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;AAsBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAY1D,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,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAEhD,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAC/B;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;AAE1C,MAAM,MAAM,WAAW,GAAG,uBAAuB,GAAG,uBAAuB,CAAC;AAE5E,eAAO,MAAM,WAAW,mFAQrB,WAAW,sBAoIb,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
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,EAAE,MAAM,EAAQ,MAAM,cAAc,CAAC;AAQnE,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAIzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAG1D,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,uBA+HvB,CAAC"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { WithTestID } from "../../utils/types";
|
|
3
3
|
import { IOColors } from "../../core";
|
|
4
|
-
type
|
|
4
|
+
export type LoadingSpinner = WithTestID<{
|
|
5
5
|
color?: IOColors;
|
|
6
|
-
stroke?: number;
|
|
7
6
|
size?: IOLoadingSpinnerSizeScale;
|
|
8
7
|
durationMs?: number;
|
|
8
|
+
accessibilityLabel?: string;
|
|
9
|
+
accessibilityHint?: string;
|
|
9
10
|
}>;
|
|
10
11
|
/**
|
|
11
12
|
* Size scale, 76 is kept for backward compatibility with the old design system but 48 is enough for the new one.
|
|
12
13
|
* It will be removed in the future.
|
|
13
14
|
*/
|
|
14
15
|
export type IOLoadingSpinnerSizeScale = 24 | 48 | 76;
|
|
15
|
-
export declare const LoadingSpinner: ({ color,
|
|
16
|
-
export {};
|
|
16
|
+
export declare const LoadingSpinner: ({ color, size, durationMs, accessibilityHint, accessibilityLabel, testID }: LoadingSpinner) => React.ReactElement;
|
|
17
17
|
//# sourceMappingURL=LoadingSpinner.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/loadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,
|
|
1
|
+
{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/loadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;IACtC,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,yBAAyB,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAsBrD,eAAO,MAAM,cAAc,+EAOxB,cAAc,KAAG,MAAM,YA6EzB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { SwitchProps } from "react-native";
|
|
3
|
-
type OwnProps = Pick<SwitchProps, "onValueChange" | "value">;
|
|
4
|
-
export declare const NativeSwitch: ({ onValueChange, value }: OwnProps) => React.JSX.Element;
|
|
3
|
+
type OwnProps = Pick<SwitchProps, "onValueChange" | "value" | "accessible" | "accessibilityLabel">;
|
|
4
|
+
export declare const NativeSwitch: ({ onValueChange, value, ...accessibility }: OwnProps) => React.JSX.Element;
|
|
5
5
|
export {};
|
|
6
6
|
//# sourceMappingURL=NativeSwitch.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/NativeSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,WAAW,EAAE,MAAM,cAAc,CAAC;AAK7D,KAAK,QAAQ,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"NativeSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/NativeSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,WAAW,EAAE,MAAM,cAAc,CAAC;AAK7D,KAAK,QAAQ,GAAG,IAAI,CAClB,WAAW,EACX,eAAe,GAAG,OAAO,GAAG,YAAY,GAAG,oBAAoB,CAChE,CAAC;AAMF,eAAO,MAAM,YAAY,+CAItB,QAAQ,sBA6BV,CAAC"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { TextInput } from "react-native";
|
|
2
1
|
import React from "react";
|
|
2
|
+
import { TextInput } from "react-native";
|
|
3
3
|
import { IOColors } from "../../core";
|
|
4
|
-
import { IOIcons } from "../icons";
|
|
5
4
|
import { InputType } from "../../utils/types";
|
|
5
|
+
import { IOIcons } from "../icons";
|
|
6
6
|
type InputStatus = "initial" | "focused" | "disabled" | "error";
|
|
7
|
-
type RNTextInputProps = Pick<React.ComponentProps<typeof TextInput>, "keyboardType" | "inputMode" | "textContentType" | "autoComplete">;
|
|
7
|
+
type RNTextInputProps = Pick<React.ComponentProps<typeof TextInput>, "keyboardType" | "inputMode" | "textContentType" | "autoComplete" | "returnKeyType" | "autoCapitalize">;
|
|
8
8
|
type InputTextProps = {
|
|
9
9
|
placeholder: string;
|
|
10
10
|
value: string;
|
|
11
11
|
onChangeText: (value: string) => void;
|
|
12
12
|
accessibilityLabel?: string;
|
|
13
13
|
textInputProps?: RNTextInputProps;
|
|
14
|
-
|
|
14
|
+
inputType?: InputType;
|
|
15
15
|
status?: InputStatus;
|
|
16
16
|
icon?: IOIcons;
|
|
17
17
|
rightElement?: React.ReactNode;
|
|
@@ -23,6 +23,6 @@ type InputTextProps = {
|
|
|
23
23
|
onBlur?: () => void;
|
|
24
24
|
onFocus?: () => void;
|
|
25
25
|
};
|
|
26
|
-
export declare const TextInputBase: ({ disabled, placeholder, value, onChangeText, accessibilityLabel, textInputProps,
|
|
26
|
+
export declare const TextInputBase: ({ disabled, placeholder, value, onChangeText, accessibilityLabel, textInputProps, inputType, status, icon, rightElement, counterLimit, bottomMessage, bottomMessageColor, onBlur, onFocus, isPassword }: InputTextProps) => React.JSX.Element;
|
|
27
27
|
export {};
|
|
28
28
|
//# sourceMappingURL=TextInputBase.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputBase.d.ts","sourceRoot":"","sources":["../../../../src/components/textInput/TextInputBase.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"TextInputBase.d.ts","sourceRoot":"","sources":["../../../../src/components/textInput/TextInputBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAGL,SAAS,EAGV,MAAM,cAAc,CAAC;AAOtB,OAAO,EACL,QAAQ,EAIT,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAIzC,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAEhE,KAAK,gBAAgB,GAAG,IAAI,CAC1B,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACpC,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,cAAc,GACd,eAAe,GACf,gBAAgB,CACnB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,QAAQ,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AA+FF,eAAO,MAAM,aAAa,4MAiBvB,cAAc,sBAsLhB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/textInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,KAAK,UAAU,GAAG,IAAI,CACpB,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAC1C,gBAAgB,CACjB,GAAG;IACF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,mBAAmB,SACxB,SAAS,KACd,UAAU,GAAG,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/textInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,KAAK,UAAU,GAAG,IAAI,CACpB,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAC1C,gBAAgB,CACjB,GAAG;IACF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,mBAAmB,SACxB,SAAS,KACd,UAAU,GAAG,SAgBf,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pagopa/io-app-design-system",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.14.0",
|
|
4
4
|
"description": "The library defining the core components of the design system of @pagopa/io-app",
|
|
5
5
|
"main": "lib/commonjs/index",
|
|
6
6
|
"module": "lib/module/index",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
"@types/jest": "^28.1.2",
|
|
70
70
|
"@types/lodash": "^4.14.157",
|
|
71
71
|
"@types/react": "~17.0.38",
|
|
72
|
-
"@types/react-native": "0.
|
|
72
|
+
"@types/react-native": "0.71.3",
|
|
73
73
|
"babel-loader": "^9.1.3",
|
|
74
74
|
"babel-plugin-react-native-web": "^0.19.8",
|
|
75
75
|
"commitlint": "^17.0.2",
|
|
@@ -197,7 +197,14 @@ export const Banner = ({
|
|
|
197
197
|
|
|
198
198
|
const renderMainBlock = () => (
|
|
199
199
|
<>
|
|
200
|
-
<View
|
|
200
|
+
<View
|
|
201
|
+
style={[IOStyles.flex, IOStyles.selfCenter]}
|
|
202
|
+
accessible={true}
|
|
203
|
+
// A11y related props
|
|
204
|
+
accessibilityLabel={accessibilityLabel}
|
|
205
|
+
accessibilityHint={accessibilityHint}
|
|
206
|
+
accessibilityRole={action !== undefined ? "button" : undefined}
|
|
207
|
+
>
|
|
201
208
|
{title && (
|
|
202
209
|
<>
|
|
203
210
|
{/* Once we get 'gap' property, we can get rid of
|
|
@@ -250,11 +257,7 @@ export const Banner = ({
|
|
|
250
257
|
onPress={onPress}
|
|
251
258
|
onPressIn={onPressIn}
|
|
252
259
|
onPressOut={onPressOut}
|
|
253
|
-
|
|
254
|
-
accessible={true}
|
|
255
|
-
accessibilityLabel={accessibilityLabel}
|
|
256
|
-
accessibilityHint={accessibilityHint}
|
|
257
|
-
accessibilityRole={"button"}
|
|
260
|
+
accessible={false}
|
|
258
261
|
>
|
|
259
262
|
<Animated.View
|
|
260
263
|
style={[
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
4
4
|
<View
|
|
5
|
-
accessibilityRole="button"
|
|
6
5
|
accessibilityState={
|
|
7
6
|
{
|
|
8
7
|
"busy": undefined,
|
|
@@ -20,7 +19,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
20
19
|
"text": undefined,
|
|
21
20
|
}
|
|
22
21
|
}
|
|
23
|
-
accessible={
|
|
22
|
+
accessible={false}
|
|
24
23
|
collapsable={false}
|
|
25
24
|
focusable={true}
|
|
26
25
|
onBlur={[Function]}
|
|
@@ -58,6 +57,8 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
58
57
|
}
|
|
59
58
|
>
|
|
60
59
|
<View
|
|
60
|
+
accessibilityRole="button"
|
|
61
|
+
accessible={true}
|
|
61
62
|
style={
|
|
62
63
|
[
|
|
63
64
|
{
|
|
@@ -10,6 +10,8 @@ import { ActionProp } from "./common";
|
|
|
10
10
|
|
|
11
11
|
type CommonProps = WithTestID<{
|
|
12
12
|
title: string;
|
|
13
|
+
// This Prop will be removed once all the screens on the first level routing will be refactored
|
|
14
|
+
backgroundColor?: "light" | "dark";
|
|
13
15
|
}>;
|
|
14
16
|
|
|
15
17
|
interface Base extends CommonProps {
|
|
@@ -42,7 +44,8 @@ interface ThreeActions extends CommonProps {
|
|
|
42
44
|
|
|
43
45
|
export type HeaderFirstLevel = Base | OneAction | TwoActions | ThreeActions;
|
|
44
46
|
|
|
45
|
-
const
|
|
47
|
+
const HEADER_BG_COLOR_LIGHT: IOColors = "white";
|
|
48
|
+
const HEADER_BG_COLOR_DARK: IOColors = "bluegrey";
|
|
46
49
|
|
|
47
50
|
const styles = StyleSheet.create({
|
|
48
51
|
headerInner: {
|
|
@@ -59,6 +62,7 @@ export const HeaderFirstLevel = ({
|
|
|
59
62
|
title,
|
|
60
63
|
type,
|
|
61
64
|
testID,
|
|
65
|
+
backgroundColor = "light",
|
|
62
66
|
firstAction,
|
|
63
67
|
secondAction,
|
|
64
68
|
thirdAction
|
|
@@ -69,19 +73,29 @@ export const HeaderFirstLevel = ({
|
|
|
69
73
|
<View
|
|
70
74
|
style={{
|
|
71
75
|
paddingTop: insets.top,
|
|
72
|
-
backgroundColor:
|
|
76
|
+
backgroundColor:
|
|
77
|
+
backgroundColor === "light"
|
|
78
|
+
? IOColors[HEADER_BG_COLOR_LIGHT]
|
|
79
|
+
: IOColors[HEADER_BG_COLOR_DARK]
|
|
73
80
|
}}
|
|
74
81
|
accessibilityRole="header"
|
|
75
82
|
testID={testID}
|
|
76
83
|
>
|
|
77
84
|
<View style={styles.headerInner}>
|
|
78
|
-
<H3
|
|
85
|
+
<H3
|
|
86
|
+
style={{ flexShrink: 1 }}
|
|
87
|
+
numberOfLines={1}
|
|
88
|
+
color={backgroundColor === "dark" ? "white" : undefined}
|
|
89
|
+
>
|
|
79
90
|
{title}
|
|
80
91
|
</H3>
|
|
81
92
|
<View style={[IOStyles.row, { flexShrink: 0 }]}>
|
|
82
93
|
{type === "threeActions" && (
|
|
83
94
|
<>
|
|
84
|
-
<IconButton
|
|
95
|
+
<IconButton
|
|
96
|
+
{...thirdAction}
|
|
97
|
+
color={backgroundColor === "dark" ? "contrast" : "neutral"}
|
|
98
|
+
/>
|
|
85
99
|
{/* Ideally, with the "gap" flex property,
|
|
86
100
|
we can get rid of these ugly constructs */}
|
|
87
101
|
<HSpacer size={16} />
|
|
@@ -89,12 +103,20 @@ export const HeaderFirstLevel = ({
|
|
|
89
103
|
)}
|
|
90
104
|
{(type === "twoActions" || type === "threeActions") && (
|
|
91
105
|
<>
|
|
92
|
-
<IconButton
|
|
106
|
+
<IconButton
|
|
107
|
+
{...secondAction}
|
|
108
|
+
color={backgroundColor === "dark" ? "contrast" : "neutral"}
|
|
109
|
+
/>
|
|
93
110
|
{/* Same as above */}
|
|
94
111
|
<HSpacer size={16} />
|
|
95
112
|
</>
|
|
96
113
|
)}
|
|
97
|
-
{type !== "base" &&
|
|
114
|
+
{type !== "base" && (
|
|
115
|
+
<IconButton
|
|
116
|
+
{...firstAction}
|
|
117
|
+
color={backgroundColor === "dark" ? "contrast" : "neutral"}
|
|
118
|
+
/>
|
|
119
|
+
)}
|
|
98
120
|
</View>
|
|
99
121
|
</View>
|
|
100
122
|
</View>
|
|
@@ -30,6 +30,7 @@ import { makeFontStyleObject } from "../../utils/fonts";
|
|
|
30
30
|
import { WithTestID } from "../../utils/types";
|
|
31
31
|
import { IOIcons, Icon } from "../icons";
|
|
32
32
|
import { Body, H6, LabelSmall } from "../typography";
|
|
33
|
+
import { IOLogoPaymentType, LogoPayment } from "../logos";
|
|
33
34
|
|
|
34
35
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
35
36
|
const legacyStyles = StyleSheet.create({
|
|
@@ -41,20 +42,27 @@ const legacyStyles = StyleSheet.create({
|
|
|
41
42
|
}
|
|
42
43
|
});
|
|
43
44
|
|
|
44
|
-
|
|
45
|
+
type ListItemNavPartialProps = WithTestID<{
|
|
45
46
|
value: string | React.ReactNode;
|
|
46
47
|
description?: string | React.ReactNode;
|
|
47
48
|
onPress: (event: GestureResponderEvent) => void;
|
|
48
|
-
icon?: IOIcons;
|
|
49
49
|
// Accessibility
|
|
50
50
|
accessibilityLabel: string;
|
|
51
51
|
}>;
|
|
52
52
|
|
|
53
|
+
export type ListItemNavGraphicProps =
|
|
54
|
+
| { icon?: never; paymentLogo: IOLogoPaymentType }
|
|
55
|
+
| { icon: IOIcons; paymentLogo?: never }
|
|
56
|
+
| { icon?: never; paymentLogo?: never };
|
|
57
|
+
|
|
58
|
+
export type ListItemNav = ListItemNavPartialProps & ListItemNavGraphicProps;
|
|
59
|
+
|
|
53
60
|
export const ListItemNav = ({
|
|
54
61
|
value,
|
|
55
62
|
description,
|
|
56
63
|
onPress,
|
|
57
64
|
icon,
|
|
65
|
+
paymentLogo,
|
|
58
66
|
accessibilityLabel,
|
|
59
67
|
testID
|
|
60
68
|
}: ListItemNav) => {
|
|
@@ -94,9 +102,7 @@ export const ListItemNav = ({
|
|
|
94
102
|
</>
|
|
95
103
|
);
|
|
96
104
|
|
|
97
|
-
const navTextComponent = isExperimental
|
|
98
|
-
? navText
|
|
99
|
-
: legacyNavText;
|
|
105
|
+
const navTextComponent = isExperimental ? navText : legacyNavText;
|
|
100
106
|
const mapBackgroundStates: Record<string, string> = {
|
|
101
107
|
default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
|
|
102
108
|
pressed: IOColors[theme["listItem-pressed"]]
|
|
@@ -171,6 +177,14 @@ export const ListItemNav = ({
|
|
|
171
177
|
/>
|
|
172
178
|
</View>
|
|
173
179
|
)}
|
|
180
|
+
{paymentLogo && (
|
|
181
|
+
<View style={{ marginRight: IOListItemVisualParams.iconMargin }}>
|
|
182
|
+
<LogoPayment
|
|
183
|
+
name={paymentLogo}
|
|
184
|
+
size={IOListItemVisualParams.iconSize}
|
|
185
|
+
/>
|
|
186
|
+
</View>
|
|
187
|
+
)}
|
|
174
188
|
<View style={IOStyles.flex}>{navTextComponent}</View>
|
|
175
189
|
<View style={{ marginLeft: IOListItemVisualParams.iconMargin }}>
|
|
176
190
|
<Icon
|
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import {
|
|
3
|
-
ActivityIndicator,
|
|
4
|
-
GestureResponderEvent,
|
|
5
|
-
Switch,
|
|
6
|
-
View
|
|
7
|
-
} from "react-native";
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
|
+
import { GestureResponderEvent, Switch, View } from "react-native";
|
|
8
3
|
import {
|
|
4
|
+
IOColors,
|
|
9
5
|
IOSelectionListItemStyles,
|
|
10
6
|
IOSelectionListItemVisualParams,
|
|
7
|
+
useIOExperimentalDesign,
|
|
11
8
|
useIOTheme
|
|
12
9
|
} from "../../core";
|
|
13
10
|
import { IOIcons, Icon } from "../icons";
|
|
@@ -16,6 +13,7 @@ import { H6, LabelSmall, LabelLink } from "../typography";
|
|
|
16
13
|
import { NativeSwitch } from "../switch/NativeSwitch";
|
|
17
14
|
import { Badge } from "../badge";
|
|
18
15
|
import { IOLogoPaymentType, LogoPayment } from "../logos";
|
|
16
|
+
import { LoadingSpinner } from "../loadingSpinner";
|
|
19
17
|
|
|
20
18
|
type PartialProps = {
|
|
21
19
|
label: string;
|
|
@@ -52,15 +50,25 @@ export const ListItemSwitch = React.memo(
|
|
|
52
50
|
description,
|
|
53
51
|
icon,
|
|
54
52
|
paymentLogo,
|
|
55
|
-
value,
|
|
53
|
+
value = false,
|
|
56
54
|
disabled,
|
|
57
55
|
action,
|
|
58
56
|
isLoading,
|
|
59
57
|
badge,
|
|
60
58
|
onSwitchValueChange
|
|
61
59
|
}: ListItemSwitchProps) => {
|
|
60
|
+
const { isExperimental } = useIOExperimentalDesign();
|
|
62
61
|
const theme = useIOTheme();
|
|
63
62
|
|
|
63
|
+
// If we have a badge or we are loading, we can't render the switch
|
|
64
|
+
// this affects the accessibility tree and the rendering of the component
|
|
65
|
+
const canRenderSwitch = useMemo(
|
|
66
|
+
() => !isLoading && !badge,
|
|
67
|
+
[isLoading, badge]
|
|
68
|
+
);
|
|
69
|
+
|
|
70
|
+
const primaryColor: IOColors = isExperimental ? "blueIO-500" : "blue";
|
|
71
|
+
|
|
64
72
|
return (
|
|
65
73
|
<View
|
|
66
74
|
testID="ListItemSwitch"
|
|
@@ -72,12 +80,14 @@ export const ListItemSwitch = React.memo(
|
|
|
72
80
|
]}
|
|
73
81
|
pointerEvents={disabled ? "none" : "auto"}
|
|
74
82
|
needsOffscreenAlphaCompositing={true}
|
|
83
|
+
accessible={false}
|
|
75
84
|
>
|
|
76
85
|
<View
|
|
77
86
|
style={[
|
|
78
87
|
IOSelectionListItemStyles.listItemInner,
|
|
79
88
|
{ alignItems: "center" }
|
|
80
89
|
]}
|
|
90
|
+
accessible={false}
|
|
81
91
|
>
|
|
82
92
|
<View
|
|
83
93
|
style={{
|
|
@@ -85,6 +95,10 @@ export const ListItemSwitch = React.memo(
|
|
|
85
95
|
flexDirection: "row",
|
|
86
96
|
alignItems: "center"
|
|
87
97
|
}}
|
|
98
|
+
accessible={!canRenderSwitch}
|
|
99
|
+
importantForAccessibility={
|
|
100
|
+
!canRenderSwitch ? "yes" : "no-hide-descendants"
|
|
101
|
+
}
|
|
88
102
|
>
|
|
89
103
|
{icon && (
|
|
90
104
|
<View
|
|
@@ -114,7 +128,14 @@ export const ListItemSwitch = React.memo(
|
|
|
114
128
|
</View>
|
|
115
129
|
)}
|
|
116
130
|
|
|
117
|
-
<H6
|
|
131
|
+
<H6
|
|
132
|
+
color={"black"}
|
|
133
|
+
style={{ flex: 1 }}
|
|
134
|
+
accessible={!canRenderSwitch}
|
|
135
|
+
importantForAccessibility={
|
|
136
|
+
!canRenderSwitch ? "yes" : "no-hide-descendants"
|
|
137
|
+
}
|
|
138
|
+
>
|
|
118
139
|
{label}
|
|
119
140
|
</H6>
|
|
120
141
|
</View>
|
|
@@ -133,9 +154,13 @@ export const ListItemSwitch = React.memo(
|
|
|
133
154
|
testID={badge.testID}
|
|
134
155
|
/>
|
|
135
156
|
)}
|
|
136
|
-
{isLoading && <
|
|
137
|
-
{
|
|
138
|
-
<NativeSwitch
|
|
157
|
+
{isLoading && <LoadingSpinner size={24} color={primaryColor} />}
|
|
158
|
+
{canRenderSwitch && (
|
|
159
|
+
<NativeSwitch
|
|
160
|
+
value={value}
|
|
161
|
+
accessibilityLabel={label}
|
|
162
|
+
onValueChange={onSwitchValueChange}
|
|
163
|
+
/>
|
|
139
164
|
)}
|
|
140
165
|
</View>
|
|
141
166
|
</View>
|