@pagopa/io-app-design-system 5.1.2 → 5.1.3
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 +3 -5
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonLink.js +2 -1
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/featureInfo/FeatureInfo.js +6 -1
- package/lib/commonjs/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +12 -3
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js +12 -3
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +12 -2
- package/lib/commonjs/components/modules/ModuleAttachment.js +13 -2
- package/lib/commonjs/components/modules/ModuleAttachment.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleCheckout.js +11 -2
- package/lib/commonjs/components/modules/ModuleCheckout.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleCredential.js +11 -2
- package/lib/commonjs/components/modules/ModuleCredential.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleNavigation.js +11 -2
- package/lib/commonjs/components/modules/ModuleNavigation.js.map +1 -1
- package/lib/commonjs/components/modules/ModulePaymentNotice.js +12 -2
- package/lib/commonjs/components/modules/ModulePaymentNotice.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleStatic.js +7 -2
- package/lib/commonjs/components/modules/ModuleStatic.js.map +1 -1
- package/lib/commonjs/components/typography/Body.js +2 -1
- package/lib/commonjs/components/typography/Body.js.map +1 -1
- package/lib/commonjs/components/typography/BodySmall.js +2 -1
- package/lib/commonjs/components/typography/BodySmall.js.map +1 -1
- package/lib/commonjs/components/typography/IOText.js.map +1 -1
- package/lib/commonjs/components/typography/LabelMini.js +2 -1
- package/lib/commonjs/components/typography/LabelMini.js.map +1 -1
- package/lib/module/components/banner/Banner.js +3 -5
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/buttons/ButtonLink.js +2 -1
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/featureInfo/FeatureInfo.js +6 -1
- package/lib/module/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +12 -3
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js +12 -3
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +12 -2
- package/lib/module/components/modules/ModuleAttachment.js +13 -2
- package/lib/module/components/modules/ModuleAttachment.js.map +1 -1
- package/lib/module/components/modules/ModuleCheckout.js +11 -2
- package/lib/module/components/modules/ModuleCheckout.js.map +1 -1
- package/lib/module/components/modules/ModuleCredential.js +11 -2
- package/lib/module/components/modules/ModuleCredential.js.map +1 -1
- package/lib/module/components/modules/ModuleNavigation.js +11 -2
- package/lib/module/components/modules/ModuleNavigation.js.map +1 -1
- package/lib/module/components/modules/ModulePaymentNotice.js +12 -2
- package/lib/module/components/modules/ModulePaymentNotice.js.map +1 -1
- package/lib/module/components/modules/ModuleStatic.js +7 -2
- package/lib/module/components/modules/ModuleStatic.js.map +1 -1
- package/lib/module/components/typography/Body.js +2 -1
- package/lib/module/components/typography/Body.js.map +1 -1
- package/lib/module/components/typography/BodySmall.js +2 -1
- package/lib/module/components/typography/BodySmall.js.map +1 -1
- package/lib/module/components/typography/IOText.js.map +1 -1
- package/lib/module/components/typography/LabelMini.js +2 -1
- package/lib/module/components/typography/LabelMini.js.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts +3 -3
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts +3 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/featureInfo/FeatureInfo.d.ts +2 -1
- package/lib/typescript/components/featureInfo/FeatureInfo.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadio.d.ts +2 -0
- package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts +2 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleAttachment.d.ts +3 -1
- package/lib/typescript/components/modules/ModuleAttachment.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleCheckout.d.ts +1 -0
- package/lib/typescript/components/modules/ModuleCheckout.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleCredential.d.ts +1 -0
- package/lib/typescript/components/modules/ModuleCredential.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleNavigation.d.ts +1 -0
- package/lib/typescript/components/modules/ModuleNavigation.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModulePaymentNotice.d.ts +2 -1
- package/lib/typescript/components/modules/ModulePaymentNotice.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleStatic.d.ts +3 -3
- package/lib/typescript/components/modules/ModuleStatic.d.ts.map +1 -1
- package/lib/typescript/components/typography/Body.d.ts.map +1 -1
- package/lib/typescript/components/typography/BodySmall.d.ts.map +1 -1
- package/lib/typescript/components/typography/IOText.d.ts +2 -1
- package/lib/typescript/components/typography/IOText.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelMini.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/banner/Banner.tsx +4 -6
- package/src/components/buttons/ButtonLink.tsx +4 -1
- package/src/components/featureInfo/FeatureInfo.tsx +7 -1
- package/src/components/listitems/ListItemRadio.tsx +14 -3
- package/src/components/listitems/ListItemTransaction.tsx +16 -3
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +12 -2
- package/src/components/modules/ModuleAttachment.tsx +14 -2
- package/src/components/modules/ModuleCheckout.tsx +12 -2
- package/src/components/modules/ModuleCredential.tsx +10 -2
- package/src/components/modules/ModuleNavigation.tsx +12 -2
- package/src/components/modules/ModulePaymentNotice.tsx +13 -2
- package/src/components/modules/ModuleStatic.tsx +13 -6
- package/src/components/typography/Body.tsx +8 -2
- package/src/components/typography/BodySmall.tsx +8 -2
- package/src/components/typography/IOText.tsx +2 -0
- package/src/components/typography/LabelMini.tsx +8 -2
|
@@ -20,10 +20,12 @@ type ListItemRadioLoadingProps = {
|
|
|
20
20
|
state: true;
|
|
21
21
|
skeletonDescription?: boolean;
|
|
22
22
|
skeletonIcon?: boolean;
|
|
23
|
+
loadingAccessibilityLabel?: string;
|
|
23
24
|
} | {
|
|
24
25
|
state?: false;
|
|
25
26
|
skeletonDescription?: never;
|
|
26
27
|
skeletonIcon?: never;
|
|
28
|
+
loadingAccessibilityLabel?: never;
|
|
27
29
|
};
|
|
28
30
|
type Props = WithTestID<{
|
|
29
31
|
value: string;
|
|
@@ -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,EAAS,SAAS,EAAoB,MAAM,cAAc,CAAC;AAalE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAM1D,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;
|
|
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;AAalE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAM1D,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;IACvB,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,yBAAyB,CAAC,EAAE,KAAK,CAAC;CACnC,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;AAIH,KAAK,kBAAkB,GAAG,KAAK,GAC7B,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,SAAS,GAAG,oBAAoB,GAAG,mBAAmB,GAAG,UAAU,CACpE,CAAC;AAUJ;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,uIAWvB,kBAAkB,sBAiLpB,CAAC"}
|
|
@@ -12,6 +12,7 @@ export type ListItemTransactionLogo = IOLogoPaymentType | ImageURISource | React
|
|
|
12
12
|
export type ListItemTransaction = WithTestID<PressableBaseProps & {
|
|
13
13
|
showChevron?: boolean;
|
|
14
14
|
isLoading?: boolean;
|
|
15
|
+
loadingAccessibilityLabel?: string;
|
|
15
16
|
/**
|
|
16
17
|
* A logo that will be displayed on the left of the list item.
|
|
17
18
|
*
|
|
@@ -41,5 +42,5 @@ export type ListItemTransaction = WithTestID<PressableBaseProps & {
|
|
|
41
42
|
refund?: never;
|
|
42
43
|
};
|
|
43
44
|
})>;
|
|
44
|
-
export declare const ListItemTransaction: ({ accessibilityLabel, showChevron, isLoading, paymentLogoIcon, onPress, subtitle, testID, title, transaction: { amount, amountAccessibilityLabel, badge, refund }, numberOfLines, accessible }: ListItemTransaction) => React.JSX.Element;
|
|
45
|
+
export declare const ListItemTransaction: ({ accessibilityLabel, loadingAccessibilityLabel, showChevron, isLoading, paymentLogoIcon, onPress, subtitle, testID, title, transaction: { amount, amountAccessibilityLabel, badge, refund }, numberOfLines, accessible }: ListItemTransaction) => React.JSX.Element;
|
|
45
46
|
//# sourceMappingURL=ListItemTransaction.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemTransaction.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemTransaction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAQ,MAAM,cAAc,CAAC;AAapD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAI7C,OAAO,EACL,kBAAkB,EAEnB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAC/B,iBAAiB,GACjB,cAAc,GACd,SAAS,CAAC;AAEd,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,kBAAkB,GAAG;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,CACE;IACE,WAAW,EAAE;QACX,MAAM,EAAE,MAAM,CAAC;QACf,wBAAwB,EAAE,MAAM,CAAC;QACjC,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,GACD;IACE,WAAW,EAAE;QACX,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,wBAAwB,CAAC,EAAE,MAAM,CAAC;QAClC,KAAK,EAAE,wBAAwB,CAAC;QAChC,MAAM,CAAC,EAAE,KAAK,CAAC;KAChB,CAAC;CACH,CACJ,CACJ,CAAC;AA2BF,eAAO,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"ListItemTransaction.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemTransaction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAQ,MAAM,cAAc,CAAC;AAapD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAI7C,OAAO,EACL,kBAAkB,EAEnB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAC/B,iBAAiB,GACjB,cAAc,GACd,SAAS,CAAC;AAEd,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,kBAAkB,GAAG;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;;;OAIG;IACH,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,CACE;IACE,WAAW,EAAE;QACX,MAAM,EAAE,MAAM,CAAC;QACf,wBAAwB,EAAE,MAAM,CAAC;QACjC,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,GACD;IACE,WAAW,EAAE;QACX,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,wBAAwB,CAAC,EAAE,MAAM,CAAC;QAClC,KAAK,EAAE,wBAAwB,CAAC;QAChC,MAAM,CAAC,EAAE,KAAK,CAAC;KAChB,CAAC;CACH,CACJ,CACJ,CAAC;AA2BF,eAAO,MAAM,mBAAmB,8NAa7B,mBAAmB,sBAiGrB,CAAC"}
|
|
@@ -6,6 +6,7 @@ type PartialProps = WithTestID<{
|
|
|
6
6
|
format: "doc" | "pdf";
|
|
7
7
|
isLoading?: boolean;
|
|
8
8
|
isFetching?: boolean;
|
|
9
|
+
loadingAccessibilityLabel?: string;
|
|
9
10
|
fetchingAccessibilityLabel?: string;
|
|
10
11
|
onPress: (event: GestureResponderEvent) => void;
|
|
11
12
|
}>;
|
|
@@ -17,6 +18,7 @@ export type ModuleAttachmentProps = PartialProps & Pick<PressableProps, "onPress
|
|
|
17
18
|
* @param {string} accessibilityLabel - Optional accessibility label.
|
|
18
19
|
* @param {boolean} disabled - If true, the button is disabled.
|
|
19
20
|
* @param {string} fetchingAccessibilityLabel - Optional accessibility label to use during fetching.
|
|
21
|
+
* @param {string} loadingAccessibilityLabel - Optional accessibility label to use during loading.
|
|
20
22
|
* @param {string} format - Badge content. PDF or DOC.
|
|
21
23
|
* @param {boolean} isLoading - If true, displays a skeleton loading component.
|
|
22
24
|
* @param {boolean} isFetching - If true, displays an activity indicator.
|
|
@@ -25,6 +27,6 @@ export type ModuleAttachmentProps = PartialProps & Pick<PressableProps, "onPress
|
|
|
25
27
|
* @param {string} title - The title text to display.
|
|
26
28
|
*
|
|
27
29
|
*/
|
|
28
|
-
export declare const ModuleAttachment: ({ accessibilityLabel, disabled, fetchingAccessibilityLabel, format, isLoading, isFetching, onPress, testID, title }: ModuleAttachmentProps) => React.JSX.Element;
|
|
30
|
+
export declare const ModuleAttachment: ({ accessibilityLabel, disabled, fetchingAccessibilityLabel, loadingAccessibilityLabel, format, isLoading, isFetching, onPress, testID, title }: ModuleAttachmentProps) => React.JSX.Element;
|
|
29
31
|
export {};
|
|
30
32
|
//# sourceMappingURL=ModuleAttachment.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModuleAttachment.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleAttachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGrE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAS/C,KAAK,YAAY,GAAG,UAAU,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,KAAK,GAAG,KAAK,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAC9C,IAAI,CACF,cAAc,EACd,SAAS,GAAG,oBAAoB,GAAG,UAAU,GAAG,QAAQ,CACzD,CAAC;AAwDJ
|
|
1
|
+
{"version":3,"file":"ModuleAttachment.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleAttachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGrE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAS/C,KAAK,YAAY,GAAG,UAAU,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,KAAK,GAAG,KAAK,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAC9C,IAAI,CACF,cAAc,EACd,SAAS,GAAG,oBAAoB,GAAG,UAAU,GAAG,QAAQ,CACzD,CAAC;AAwDJ;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,mJAW1B,qBAAqB,sBA8CvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModuleCheckout.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleCheckout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,mBAAmB,EACnB,cAAc,EAGf,MAAM,cAAc,CAAC;AAQtB,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAM1D,KAAK,YAAY,GAAG;IAClB,SAAS,EAAE,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"ModuleCheckout.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleCheckout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,mBAAmB,EACnB,cAAc,EAGf,MAAM,cAAc,CAAC;AAQtB,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAM1D,KAAK,YAAY,GAAG;IAClB,SAAS,EAAE,IAAI,CAAC;IAChB,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF,KAAK,UAAU,GACX;IAAE,WAAW,EAAE,iBAAiB,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GACjD;IAAE,WAAW,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,cAAc,GAAG,mBAAmB,CAAA;CAAE,GACpE;IAAE,WAAW,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE3C,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,UAAU,CAAC;AAEf,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,SAAS,CAAC;AAE3D,eAAO,MAAM,cAAc,UAAW,mBAAmB,sBA6DxD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModuleCredential.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleCredential.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EACnB,cAAc,EAEf,MAAM,cAAc,CAAC;AAUtB,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,OAAO,EAEL,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,KAAK,UAAU,GACX;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAChC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,cAAc,GAAG,mBAAmB,CAAA;CAAE,CAAC;AAElE,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"ModuleCredential.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleCredential.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EACnB,cAAc,EAEf,MAAM,cAAc,CAAC;AAUtB,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,OAAO,EAEL,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,KAAK,UAAU,GACX;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAChC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,cAAc,GAAG,mBAAmB,CAAA;CAAE,CAAC;AAElE,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,IAAI,CAAC;IAChB,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,qBAAqB,GACtB,eAAe,GAAG,UAAU,GAAG,wBAAwB,CAAC;AAE5D,QAAA,MAAM,gBAAgB,UACb,WAAW,kBAAkB,GAAG,qBAAqB,CAAC,sBAQ5D,CAAC;AA2HJ,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModuleNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EACnB,cAAc,EAGf,MAAM,cAAc,CAAC;AAStB,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,OAAO,EAEL,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,KAAK,YAAY,GAAG;IAClB,SAAS,EAAE,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"ModuleNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EACnB,cAAc,EAGf,MAAM,cAAc,CAAC;AAStB,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,OAAO,EAEL,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,KAAK,YAAY,GAAG;IAClB,SAAS,EAAE,IAAI,CAAC;IAChB,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF,KAAK,UAAU,GACX;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAChC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,cAAc,GAAG,mBAAmB,CAAA;CAAE,CAAC;AAElE,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GAAG,UAAU,GACZ,wBAAwB,CAAC;AAE3B,KAAK,qBAAqB,GAAG,YAAY,GAAG,SAAS,CAAC;AAEtD,eAAO,MAAM,gBAAgB,UAAW,WAAW,qBAAqB,CAAC,sBAqExE,CAAC"}
|
|
@@ -5,6 +5,7 @@ export type PaymentNoticeStatus = "default" | "paid" | "error" | "expired" | "re
|
|
|
5
5
|
export type ModulePaymentNoticeProps = WithTestID<{
|
|
6
6
|
isLoading?: boolean;
|
|
7
7
|
accessibilityLabel?: string;
|
|
8
|
+
loadingAccessibilityLabel?: string;
|
|
8
9
|
title?: string;
|
|
9
10
|
subtitle: string;
|
|
10
11
|
onPress: (event: GestureResponderEvent) => void;
|
|
@@ -35,5 +36,5 @@ export type ModulePaymentNoticeProps = WithTestID<{
|
|
|
35
36
|
* @param {string} paymentNoticeAmount - The payment notice amount to display.
|
|
36
37
|
* @param {string} paymentNoticeStatus - The status of the payment notice.
|
|
37
38
|
*/
|
|
38
|
-
export declare const ModulePaymentNotice: ({ isLoading, testID, accessibilityLabel, onPress, ...rest }: ModulePaymentNoticeProps) => React.JSX.Element;
|
|
39
|
+
export declare const ModulePaymentNotice: ({ isLoading, testID, accessibilityLabel, onPress, loadingAccessibilityLabel, ...rest }: ModulePaymentNoticeProps) => React.JSX.Element;
|
|
39
40
|
//# sourceMappingURL=ModulePaymentNotice.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModulePaymentNotice.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModulePaymentNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAGvE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAQ/C,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,MAAM,GACN,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,aAAa,CAAC;AAElB,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAC/C;IACE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GAAG,CACA;IACE,aAAa,EAAE;QACb,MAAM,EAAE,OAAO,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,EAAE,MAAM,CAAC;QACf,wBAAwB,EAAE,MAAM,CAAC;KAClC,CAAC;IACF,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GACD;IACE,aAAa,EAAE;QACb,MAAM,EAAE,OAAO,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,wBAAwB,CAAC,EAAE,MAAM,CAAC;KACnC,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;CACnB,CACJ,CACF,CAAC;AA+EF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"ModulePaymentNotice.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModulePaymentNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAGvE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAQ/C,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,MAAM,GACN,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,aAAa,CAAC;AAElB,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAC/C;IACE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GAAG,CACA;IACE,aAAa,EAAE;QACb,MAAM,EAAE,OAAO,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,EAAE,MAAM,CAAC;QACf,wBAAwB,EAAE,MAAM,CAAC;KAClC,CAAC;IACF,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GACD;IACE,aAAa,EAAE;QACb,MAAM,EAAE,OAAO,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,wBAAwB,CAAC,EAAE,MAAM,CAAC;KACnC,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;CACnB,CACJ,CACF,CAAC;AA+EF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,2FAO7B,wBAAwB,sBAkB1B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { PressableProps } from "react-native";
|
|
3
|
-
type ModuleStaticProps = ModuleStaticSingleBlockProps | ModuleStaticMultipleBlockProps;
|
|
2
|
+
import { PressableProps, ViewProps } from "react-native";
|
|
3
|
+
type ModuleStaticProps = Pick<ViewProps, "accessible" | "accessibilityLabel" | "accessibilityState"> & (ModuleStaticSingleBlockProps | ModuleStaticMultipleBlockProps);
|
|
4
4
|
type ModuleStaticMultipleBlockProps = {
|
|
5
5
|
startBlock: React.ReactNode;
|
|
6
6
|
endBlock?: React.ReactNode;
|
|
@@ -13,6 +13,6 @@ type ModuleStaticSingleBlockProps = {
|
|
|
13
13
|
children: React.ReactNode;
|
|
14
14
|
disabled?: PressableProps["disabled"];
|
|
15
15
|
};
|
|
16
|
-
export declare const ModuleStatic: ({ disabled, startBlock, endBlock, children }: ModuleStaticProps) => React.JSX.Element;
|
|
16
|
+
export declare const ModuleStatic: ({ disabled, startBlock, endBlock, children, accessible, accessibilityLabel, accessibilityState }: ModuleStaticProps) => React.JSX.Element;
|
|
17
17
|
export {};
|
|
18
18
|
//# sourceMappingURL=ModuleStatic.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModuleStatic.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleStatic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAQ,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ModuleStatic.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleStatic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/D,KAAK,iBAAiB,GAAG,IAAI,CAC3B,SAAS,EACT,YAAY,GAAG,oBAAoB,GAAG,oBAAoB,CAC3D,GACC,CAAC,4BAA4B,GAAG,8BAA8B,CAAC,CAAC;AAElE,KAAK,8BAA8B,GAAG;IACpC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;CACvC,CAAC;AAEF,KAAK,4BAA4B,GAAG;IAClC,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;CACvC,CAAC;AAIF,eAAO,MAAM,YAAY,qGAQtB,iBAAiB,sBA8BnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAGL,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAElB,KAAK,cAAc,GAAG,qBAAqB,GAAG;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;CACxD,GAAG,2BAA2B,CAAC;AAEhC,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,cAAc,KAAK,CAAC;AAKjC;;GAEG;AACH,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAGL,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAElB,KAAK,cAAc,GAAG,qBAAqB,GAAG;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;CACxD,GAAG,2BAA2B,CAAC;AAEhC,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,cAAc,KAAK,CAAC;AAKjC;;GAEG;AACH,eAAO,MAAM,IAAI,6EAwChB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BodySmall.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BodySmall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAGL,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAElB,KAAK,cAAc,GAAG,qBAAqB,GAAG;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;CACxD,GAAG,2BAA2B,CAAC;AAKhC;;GAEG;AACH,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"BodySmall.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BodySmall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAGL,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAElB,KAAK,cAAc,GAAG,qBAAqB,GAAG;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;CACxD,GAAG,2BAA2B,CAAC;AAKhC;;GAEG;AACH,eAAO,MAAM,SAAS,6EAwCrB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ComponentProps } from "react";
|
|
2
|
-
import { GestureResponderEvent, Text, TextStyle, View } from "react-native";
|
|
2
|
+
import { AccessibilityRole, GestureResponderEvent, Text, TextStyle, View } from "react-native";
|
|
3
3
|
import { IOColors } from "../../core";
|
|
4
4
|
import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
|
|
5
5
|
/**
|
|
@@ -38,6 +38,7 @@ export type TypographicStyleAsLinkProps = {
|
|
|
38
38
|
color?: never;
|
|
39
39
|
asLink: true;
|
|
40
40
|
onPress: (event: GestureResponderEvent) => void;
|
|
41
|
+
accessibilityRole?: Extract<AccessibilityRole, "button" | "link">;
|
|
41
42
|
} | {
|
|
42
43
|
color?: IOColors;
|
|
43
44
|
asLink?: false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IOText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/IOText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AACnE,OAAO,
|
|
1
|
+
{"version":3,"file":"IOText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/IOText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AACnE,OAAO,EACL,iBAAiB,EAEjB,qBAAqB,EACrB,IAAI,EACJ,SAAS,EACT,IAAI,EACL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAc,MAAM,YAAY,CAAC;AAElD,OAAO,EACL,YAAY,EACZ,YAAY,EAGb,MAAM,mBAAmB,CAAC;AAE3B;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,SAAS,EACT,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,CACtE,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,WAAW,EACX,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,CAC5E,GAAG;IAAE,SAAS,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAAE,GAAG;IACrD,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAEF;;;GAGG;AACH,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,mBAAmB,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,2BAA2B,GACnC;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,IAAI,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;CACnE,GACD;IAAE,KAAK,CAAC,EAAE,QAAQ,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAezC;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,oGAoElB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelMini.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelMini.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAGL,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAElB,KAAK,cAAc,GAAG,qBAAqB,GAAG;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;CACxD,GAAG,2BAA2B,CAAC;AAKhC;;GAEG;AACH,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"LabelMini.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelMini.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAGL,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAElB,KAAK,cAAc,GAAG,qBAAqB,GAAG;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;CACxD,GAAG,2BAA2B,CAAC;AAKhC;;GAEG;AACH,eAAO,MAAM,SAAS,6EAwCrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -79,9 +79,9 @@ type RequiredBannerProps =
|
|
|
79
79
|
|
|
80
80
|
type BannerActionProps =
|
|
81
81
|
| {
|
|
82
|
-
action
|
|
82
|
+
action: string;
|
|
83
83
|
onPress: (event: GestureResponderEvent) => void;
|
|
84
|
-
accessibilityRole?:
|
|
84
|
+
accessibilityRole?: Extract<AccessibilityRole, "button" | "link">;
|
|
85
85
|
}
|
|
86
86
|
| {
|
|
87
87
|
action?: never;
|
|
@@ -142,6 +142,7 @@ export const Banner = ({
|
|
|
142
142
|
onClose,
|
|
143
143
|
accessibilityHint,
|
|
144
144
|
accessibilityLabel,
|
|
145
|
+
accessibilityRole = "button",
|
|
145
146
|
testID
|
|
146
147
|
}: Banner) => {
|
|
147
148
|
const { newTypefaceEnabled } = useIONewTypeface();
|
|
@@ -178,7 +179,7 @@ export const Banner = ({
|
|
|
178
179
|
// A11y related props
|
|
179
180
|
accessibilityLabel={accessibilityLabel ?? fallbackAccessibilityLabel}
|
|
180
181
|
accessibilityHint={accessibilityHint}
|
|
181
|
-
accessibilityRole={action !== undefined ?
|
|
182
|
+
accessibilityRole={action !== undefined ? accessibilityRole : "text"}
|
|
182
183
|
>
|
|
183
184
|
{title && (
|
|
184
185
|
<>
|
|
@@ -264,9 +265,6 @@ export const Banner = ({
|
|
|
264
265
|
style={[styles.container, dynamicContainerStyles]}
|
|
265
266
|
// A11y related props
|
|
266
267
|
accessible={false}
|
|
267
|
-
accessibilityHint={accessibilityHint}
|
|
268
|
-
accessibilityLabel={accessibilityLabel}
|
|
269
|
-
accessibilityRole={"text"}
|
|
270
268
|
>
|
|
271
269
|
{renderMainBlock()}
|
|
272
270
|
</View>
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { forwardRef } from "react";
|
|
2
2
|
import {
|
|
3
|
+
AccessibilityRole,
|
|
3
4
|
GestureResponderEvent,
|
|
4
5
|
Pressable,
|
|
5
6
|
TextStyle,
|
|
@@ -44,6 +45,7 @@ export type ButtonLinkProps = WithTestID<{
|
|
|
44
45
|
iconPosition?: "start" | "end";
|
|
45
46
|
// Accessibility
|
|
46
47
|
accessibilityLabel?: string;
|
|
48
|
+
accessibilityRole?: Extract<AccessibilityRole, "button" | "link">;
|
|
47
49
|
accessibilityHint?: string;
|
|
48
50
|
numberOfLines?: number;
|
|
49
51
|
textAlign?: TextStyle["textAlign"];
|
|
@@ -72,6 +74,7 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
|
|
|
72
74
|
iconPosition = "start",
|
|
73
75
|
onPress,
|
|
74
76
|
accessibilityLabel,
|
|
77
|
+
accessibilityRole = "button",
|
|
75
78
|
accessibilityHint,
|
|
76
79
|
numberOfLines = 1,
|
|
77
80
|
textAlign = "auto",
|
|
@@ -151,7 +154,7 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
|
|
|
151
154
|
ref={ref}
|
|
152
155
|
accessibilityLabel={accessibilityLabel || label}
|
|
153
156
|
accessibilityHint={accessibilityHint}
|
|
154
|
-
accessibilityRole={
|
|
157
|
+
accessibilityRole={accessibilityRole}
|
|
155
158
|
accessibilityState={{ disabled }}
|
|
156
159
|
testID={testID}
|
|
157
160
|
onPress={onPress}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ReactNode } from "react";
|
|
2
|
-
import { GestureResponderEvent } from "react-native";
|
|
2
|
+
import { AccessibilityRole, GestureResponderEvent } from "react-native";
|
|
3
3
|
import {
|
|
4
4
|
BodySmall,
|
|
5
5
|
HStack,
|
|
@@ -23,6 +23,7 @@ type FeatureInfoActionProps =
|
|
|
23
23
|
action: {
|
|
24
24
|
label: string;
|
|
25
25
|
onPress: (event: GestureResponderEvent) => void;
|
|
26
|
+
accessibilityRole?: Extract<AccessibilityRole, "button" | "link">;
|
|
26
27
|
};
|
|
27
28
|
}
|
|
28
29
|
| {
|
|
@@ -56,6 +57,10 @@ export const FeatureInfo = ({
|
|
|
56
57
|
}: FeatureInfoProps) => {
|
|
57
58
|
const theme = useIOTheme();
|
|
58
59
|
|
|
60
|
+
/* Already defined in the `BodySmall` component as a fallback value,
|
|
61
|
+
but I keep it here to avoid possible future inconsistencies. */
|
|
62
|
+
const accessibilityRole = action?.accessibilityRole ?? "link";
|
|
63
|
+
|
|
59
64
|
return (
|
|
60
65
|
<HStack style={{ alignItems: "center" }} space={24}>
|
|
61
66
|
{iconName && (
|
|
@@ -83,6 +88,7 @@ export const FeatureInfo = ({
|
|
|
83
88
|
accessible
|
|
84
89
|
importantForAccessibility={"yes"}
|
|
85
90
|
accessibilityElementsHidden={false}
|
|
91
|
+
accessibilityRole={accessibilityRole}
|
|
86
92
|
>
|
|
87
93
|
{action.label}
|
|
88
94
|
</BodySmall>
|
|
@@ -31,11 +31,13 @@ type ListItemRadioLoadingProps =
|
|
|
31
31
|
state: true;
|
|
32
32
|
skeletonDescription?: boolean;
|
|
33
33
|
skeletonIcon?: boolean;
|
|
34
|
+
loadingAccessibilityLabel?: string;
|
|
34
35
|
}
|
|
35
36
|
| {
|
|
36
37
|
state?: false;
|
|
37
38
|
skeletonDescription?: never;
|
|
38
39
|
skeletonIcon?: never;
|
|
40
|
+
loadingAccessibilityLabel?: never;
|
|
39
41
|
};
|
|
40
42
|
|
|
41
43
|
type Props = WithTestID<{
|
|
@@ -122,8 +124,15 @@ export const ListItemRadio = ({
|
|
|
122
124
|
</View>
|
|
123
125
|
);
|
|
124
126
|
|
|
125
|
-
const
|
|
126
|
-
|
|
127
|
+
const ListItemRadioSkeleton = ({
|
|
128
|
+
loadingAccessibilityLabel
|
|
129
|
+
}: Pick<ListItemRadioLoadingProps, "loadingAccessibilityLabel">) => (
|
|
130
|
+
<View
|
|
131
|
+
style={[IOSelectionListItemStyles.listItem, { rowGap: 8 }]}
|
|
132
|
+
accessible={true}
|
|
133
|
+
accessibilityLabel={loadingAccessibilityLabel}
|
|
134
|
+
accessibilityState={{ busy: true }}
|
|
135
|
+
>
|
|
127
136
|
<View style={IOSelectionListItemStyles.listItemInner}>
|
|
128
137
|
<View
|
|
129
138
|
style={[
|
|
@@ -155,7 +164,9 @@ export const ListItemRadio = ({
|
|
|
155
164
|
);
|
|
156
165
|
|
|
157
166
|
return loadingProps?.state ? (
|
|
158
|
-
<
|
|
167
|
+
<ListItemRadioSkeleton
|
|
168
|
+
loadingAccessibilityLabel={loadingProps?.loadingAccessibilityLabel}
|
|
169
|
+
/>
|
|
159
170
|
) : (
|
|
160
171
|
<Pressable
|
|
161
172
|
accessibilityRole="radio"
|
|
@@ -41,6 +41,7 @@ export type ListItemTransaction = WithTestID<
|
|
|
41
41
|
PressableBaseProps & {
|
|
42
42
|
showChevron?: boolean;
|
|
43
43
|
isLoading?: boolean;
|
|
44
|
+
loadingAccessibilityLabel?: string;
|
|
44
45
|
/**
|
|
45
46
|
* A logo that will be displayed on the left of the list item.
|
|
46
47
|
*
|
|
@@ -102,6 +103,7 @@ const StartComponent = ({
|
|
|
102
103
|
|
|
103
104
|
export const ListItemTransaction = ({
|
|
104
105
|
accessibilityLabel,
|
|
106
|
+
loadingAccessibilityLabel,
|
|
105
107
|
showChevron = false,
|
|
106
108
|
isLoading = false,
|
|
107
109
|
paymentLogoIcon,
|
|
@@ -116,7 +118,11 @@ export const ListItemTransaction = ({
|
|
|
116
118
|
const theme = useIOTheme();
|
|
117
119
|
|
|
118
120
|
if (isLoading) {
|
|
119
|
-
return
|
|
121
|
+
return (
|
|
122
|
+
<ListItemTransactionSkeleton
|
|
123
|
+
loadingAccessibilityLabel={loadingAccessibilityLabel}
|
|
124
|
+
/>
|
|
125
|
+
);
|
|
120
126
|
}
|
|
121
127
|
|
|
122
128
|
const interactiveColor: IOColors = theme["interactiveElem-default"];
|
|
@@ -207,8 +213,15 @@ export const ListItemTransaction = ({
|
|
|
207
213
|
}
|
|
208
214
|
};
|
|
209
215
|
|
|
210
|
-
const
|
|
211
|
-
|
|
216
|
+
const ListItemTransactionSkeleton = ({
|
|
217
|
+
loadingAccessibilityLabel
|
|
218
|
+
}: Pick<ListItemTransaction, "loadingAccessibilityLabel">) => (
|
|
219
|
+
<View
|
|
220
|
+
style={IOListItemStyles.listItem}
|
|
221
|
+
accessible={true}
|
|
222
|
+
accessibilityLabel={loadingAccessibilityLabel}
|
|
223
|
+
accessibilityState={{ busy: true }}
|
|
224
|
+
>
|
|
212
225
|
<View style={IOListItemStyles.listItemInner}>
|
|
213
226
|
<View style={{ marginRight: IOListItemVisualParams.iconMargin }}>
|
|
214
227
|
<Placeholder.Box
|
|
@@ -1364,7 +1364,12 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
|
|
|
1364
1364
|
|
|
1365
1365
|
exports[`Test List Item Components - Experimental Enabled ListItemTransaction Snapshot 1`] = `
|
|
1366
1366
|
<View
|
|
1367
|
-
|
|
1367
|
+
accessibilityState={
|
|
1368
|
+
{
|
|
1369
|
+
"busy": true,
|
|
1370
|
+
}
|
|
1371
|
+
}
|
|
1372
|
+
accessible={true}
|
|
1368
1373
|
style={
|
|
1369
1374
|
{
|
|
1370
1375
|
"marginHorizontal": -24,
|
|
@@ -2942,7 +2947,12 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
2942
2947
|
|
|
2943
2948
|
exports[`Test List Item Components ListItemTransaction Snapshot 1`] = `
|
|
2944
2949
|
<View
|
|
2945
|
-
|
|
2950
|
+
accessibilityState={
|
|
2951
|
+
{
|
|
2952
|
+
"busy": true,
|
|
2953
|
+
}
|
|
2954
|
+
}
|
|
2955
|
+
accessible={true}
|
|
2946
2956
|
style={
|
|
2947
2957
|
{
|
|
2948
2958
|
"marginHorizontal": -24,
|
|
@@ -16,6 +16,7 @@ type PartialProps = WithTestID<{
|
|
|
16
16
|
format: "doc" | "pdf";
|
|
17
17
|
isLoading?: boolean;
|
|
18
18
|
isFetching?: boolean;
|
|
19
|
+
loadingAccessibilityLabel?: string;
|
|
19
20
|
fetchingAccessibilityLabel?: string;
|
|
20
21
|
onPress: (event: GestureResponderEvent) => void;
|
|
21
22
|
}>;
|
|
@@ -87,6 +88,7 @@ const ModuleAttachmentContent = ({
|
|
|
87
88
|
* @param {string} accessibilityLabel - Optional accessibility label.
|
|
88
89
|
* @param {boolean} disabled - If true, the button is disabled.
|
|
89
90
|
* @param {string} fetchingAccessibilityLabel - Optional accessibility label to use during fetching.
|
|
91
|
+
* @param {string} loadingAccessibilityLabel - Optional accessibility label to use during loading.
|
|
90
92
|
* @param {string} format - Badge content. PDF or DOC.
|
|
91
93
|
* @param {boolean} isLoading - If true, displays a skeleton loading component.
|
|
92
94
|
* @param {boolean} isFetching - If true, displays an activity indicator.
|
|
@@ -99,6 +101,7 @@ export const ModuleAttachment = ({
|
|
|
99
101
|
accessibilityLabel,
|
|
100
102
|
disabled = false,
|
|
101
103
|
fetchingAccessibilityLabel,
|
|
104
|
+
loadingAccessibilityLabel,
|
|
102
105
|
format,
|
|
103
106
|
isLoading = false,
|
|
104
107
|
isFetching = false,
|
|
@@ -117,7 +120,11 @@ export const ModuleAttachment = ({
|
|
|
117
120
|
);
|
|
118
121
|
|
|
119
122
|
if (isLoading) {
|
|
120
|
-
return
|
|
123
|
+
return (
|
|
124
|
+
<ModuleAttachmentSkeleton
|
|
125
|
+
loadingAccessibilityLabel={loadingAccessibilityLabel}
|
|
126
|
+
/>
|
|
127
|
+
);
|
|
121
128
|
}
|
|
122
129
|
|
|
123
130
|
const pressableAccessibilityLabel =
|
|
@@ -149,8 +156,13 @@ export const ModuleAttachment = ({
|
|
|
149
156
|
);
|
|
150
157
|
};
|
|
151
158
|
|
|
152
|
-
const ModuleAttachmentSkeleton = (
|
|
159
|
+
const ModuleAttachmentSkeleton = ({
|
|
160
|
+
loadingAccessibilityLabel
|
|
161
|
+
}: Pick<ModuleAttachmentProps, "loadingAccessibilityLabel">) => (
|
|
153
162
|
<ModuleStatic
|
|
163
|
+
accessible={true}
|
|
164
|
+
accessibilityLabel={loadingAccessibilityLabel}
|
|
165
|
+
accessibilityState={{ busy: true }}
|
|
154
166
|
startBlock={
|
|
155
167
|
<VStack space={4}>
|
|
156
168
|
<Placeholder.Box animate="fade" radius={8} width={114} height={16} />
|
|
@@ -21,6 +21,7 @@ import { PressableModuleBase } from "./PressableModuleBase";
|
|
|
21
21
|
|
|
22
22
|
type LoadingProps = {
|
|
23
23
|
isLoading: true;
|
|
24
|
+
loadingAccessibilityLabel?: string;
|
|
24
25
|
};
|
|
25
26
|
|
|
26
27
|
type ImageProps =
|
|
@@ -45,7 +46,11 @@ export const ModuleCheckout = (props: ModuleCheckoutProps) => {
|
|
|
45
46
|
const imageMargin: IOSpacingScale = 12;
|
|
46
47
|
|
|
47
48
|
if (props.isLoading) {
|
|
48
|
-
return
|
|
49
|
+
return (
|
|
50
|
+
<ModuleCheckoutSkeleton
|
|
51
|
+
loadingAccessibilityLabel={props.loadingAccessibilityLabel}
|
|
52
|
+
/>
|
|
53
|
+
);
|
|
49
54
|
}
|
|
50
55
|
|
|
51
56
|
const { paymentLogo, image, title, subtitle, ctaText, onPress } = props;
|
|
@@ -98,8 +103,13 @@ export const ModuleCheckout = (props: ModuleCheckoutProps) => {
|
|
|
98
103
|
);
|
|
99
104
|
};
|
|
100
105
|
|
|
101
|
-
const ModuleCheckoutSkeleton = (
|
|
106
|
+
const ModuleCheckoutSkeleton = ({
|
|
107
|
+
loadingAccessibilityLabel
|
|
108
|
+
}: Pick<LoadingProps, "loadingAccessibilityLabel">) => (
|
|
102
109
|
<ModuleStatic
|
|
110
|
+
accessible={true}
|
|
111
|
+
accessibilityLabel={loadingAccessibilityLabel}
|
|
112
|
+
accessibilityState={{ busy: true }}
|
|
103
113
|
startBlock={
|
|
104
114
|
<HStack space={8} style={{ alignItems: "center" }}>
|
|
105
115
|
<Placeholder.Box animate="fade" radius={8} height={24} width={24} />
|
|
@@ -32,6 +32,7 @@ type ImageProps =
|
|
|
32
32
|
|
|
33
33
|
type LoadingModuleProps = {
|
|
34
34
|
isLoading: true;
|
|
35
|
+
loadingAccessibilityLabel?: string;
|
|
35
36
|
};
|
|
36
37
|
|
|
37
38
|
type BaseModuleProps = {
|
|
@@ -48,7 +49,9 @@ const ModuleCredential = (
|
|
|
48
49
|
props: WithTestID<LoadingModuleProps | ModuleCredentialProps>
|
|
49
50
|
) =>
|
|
50
51
|
props.isLoading ? (
|
|
51
|
-
<ModuleCredentialSkeleton
|
|
52
|
+
<ModuleCredentialSkeleton
|
|
53
|
+
loadingAccessibilityLabel={props.loadingAccessibilityLabel}
|
|
54
|
+
/>
|
|
52
55
|
) : (
|
|
53
56
|
<ModuleCredentialContent {...props} />
|
|
54
57
|
);
|
|
@@ -144,8 +147,13 @@ const ModuleCredentialContent = ({
|
|
|
144
147
|
);
|
|
145
148
|
};
|
|
146
149
|
|
|
147
|
-
const ModuleCredentialSkeleton = (
|
|
150
|
+
const ModuleCredentialSkeleton = ({
|
|
151
|
+
loadingAccessibilityLabel
|
|
152
|
+
}: Pick<LoadingModuleProps, "loadingAccessibilityLabel">) => (
|
|
148
153
|
<ModuleStatic
|
|
154
|
+
accessible={true}
|
|
155
|
+
accessibilityLabel={loadingAccessibilityLabel}
|
|
156
|
+
accessibilityState={{ busy: true }}
|
|
149
157
|
startBlock={
|
|
150
158
|
<HStack
|
|
151
159
|
style={{ alignItems: "center" }}
|
|
@@ -28,6 +28,7 @@ import {
|
|
|
28
28
|
|
|
29
29
|
type LoadingProps = {
|
|
30
30
|
isLoading: true;
|
|
31
|
+
loadingAccessibilityLabel?: string;
|
|
31
32
|
};
|
|
32
33
|
|
|
33
34
|
type ImageProps =
|
|
@@ -49,7 +50,11 @@ export const ModuleNavigation = (props: WithTestID<ModuleNavigationProps>) => {
|
|
|
49
50
|
const { hugeFontEnabled } = useIOFontDynamicScale();
|
|
50
51
|
|
|
51
52
|
if (props.isLoading) {
|
|
52
|
-
return
|
|
53
|
+
return (
|
|
54
|
+
<ModuleNavigationSkeleton
|
|
55
|
+
loadingAccessibilityLabel={props.loadingAccessibilityLabel}
|
|
56
|
+
/>
|
|
57
|
+
);
|
|
53
58
|
}
|
|
54
59
|
|
|
55
60
|
const { icon, image, title, subtitle, onPress, badge, ...pressableProps } =
|
|
@@ -111,8 +116,13 @@ export const ModuleNavigation = (props: WithTestID<ModuleNavigationProps>) => {
|
|
|
111
116
|
);
|
|
112
117
|
};
|
|
113
118
|
|
|
114
|
-
const ModuleNavigationSkeleton = (
|
|
119
|
+
const ModuleNavigationSkeleton = ({
|
|
120
|
+
loadingAccessibilityLabel
|
|
121
|
+
}: Pick<LoadingProps, "loadingAccessibilityLabel">) => (
|
|
115
122
|
<ModuleStatic
|
|
123
|
+
accessible={true}
|
|
124
|
+
accessibilityLabel={loadingAccessibilityLabel}
|
|
125
|
+
accessibilityState={{ busy: true }}
|
|
116
126
|
startBlock={
|
|
117
127
|
<HStack
|
|
118
128
|
style={{ alignItems: "center" }}
|