@pagopa/io-app-design-system 4.3.0 → 4.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +3 -3
- package/lib/commonjs/components/alert/Alert.js +34 -34
- package/lib/commonjs/components/alert/Alert.js.map +1 -1
- package/lib/commonjs/components/badge/Badge.js +16 -3
- package/lib/commonjs/components/badge/Badge.js.map +1 -1
- package/lib/commonjs/components/badge/__test__/__snapshots__/badge.test.tsx.snap +9 -5
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +6 -6
- package/lib/commonjs/components/buttons/ButtonLink.js +6 -1
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +11 -9
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +10 -6
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButton.js +2 -0
- package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonSolid.js +1 -0
- package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +27 -9
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js +23 -18
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/commonjs/components/checkbox/CheckboxLabel.js +13 -8
- package/lib/commonjs/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/commonjs/components/common/AnimatedTick.js +7 -3
- package/lib/commonjs/components/common/AnimatedTick.js.map +1 -1
- package/lib/commonjs/components/common/LogoPaymentWithFallback.js +9 -3
- package/lib/commonjs/components/common/LogoPaymentWithFallback.js.map +1 -1
- package/lib/commonjs/components/featureInfo/FeatureInfo.js +9 -6
- package/lib/commonjs/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/commonjs/components/icons/Icon.js +14 -7
- package/lib/commonjs/components/icons/Icon.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderFirstLevel.js +7 -10
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +8 -9
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemAction.js +11 -7
- package/lib/commonjs/components/listitems/ListItemAction.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemAmount.js +13 -11
- package/lib/commonjs/components/listitems/ListItemAmount.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemCheckbox.js +12 -7
- package/lib/commonjs/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemHeader.js +9 -2
- package/lib/commonjs/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfo.js +14 -17
- package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js +15 -13
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +20 -17
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNavAlert.js +19 -14
- package/lib/commonjs/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +24 -9
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +5 -0
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js +12 -14
- package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js +2 -0
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +435 -429
- package/lib/commonjs/components/modules/ModuleCredential.js +7 -2
- package/lib/commonjs/components/modules/ModuleCredential.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleNavigation.js +5 -1
- package/lib/commonjs/components/modules/ModuleNavigation.js.map +1 -1
- package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -20
- package/lib/commonjs/components/pictograms/Pictogram.js +17 -4
- package/lib/commonjs/components/pictograms/Pictogram.js.map +1 -1
- package/lib/commonjs/components/radio/AnimatedRadio.js +16 -15
- package/lib/commonjs/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/commonjs/components/radio/RadioButtonLabel.js +9 -5
- package/lib/commonjs/components/radio/RadioButtonLabel.js.map +1 -1
- package/lib/commonjs/components/searchInput/SearchInput.js +4 -3
- package/lib/commonjs/components/searchInput/SearchInput.js.map +1 -1
- package/lib/commonjs/components/spacer/Spacer.js +13 -6
- package/lib/commonjs/components/spacer/Spacer.js.map +1 -1
- package/lib/commonjs/components/stack/Stack.js +19 -9
- package/lib/commonjs/components/stack/Stack.js.map +1 -1
- package/lib/commonjs/components/tag/Tag.js +21 -8
- package/lib/commonjs/components/tag/Tag.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInput.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js +23 -10
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/components/typography/IOText.js +3 -6
- package/lib/commonjs/components/typography/IOText.js.map +1 -1
- package/lib/commonjs/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +84 -84
- package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -50
- package/lib/commonjs/utils/accessibility.js +24 -1
- package/lib/commonjs/utils/accessibility.js.map +1 -1
- package/lib/commonjs/utils/fonts.js +3 -2
- package/lib/commonjs/utils/fonts.js.map +1 -1
- package/lib/module/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +3 -3
- package/lib/module/components/alert/Alert.js +35 -35
- package/lib/module/components/alert/Alert.js.map +1 -1
- package/lib/module/components/badge/Badge.js +16 -3
- package/lib/module/components/badge/Badge.js.map +1 -1
- package/lib/module/components/badge/__test__/__snapshots__/badge.test.tsx.snap +9 -5
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +6 -6
- package/lib/module/components/buttons/ButtonLink.js +6 -1
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +11 -9
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +10 -6
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/IconButton.js +2 -0
- package/lib/module/components/buttons/IconButton.js.map +1 -1
- package/lib/module/components/buttons/IconButtonSolid.js +1 -0
- package/lib/module/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +27 -9
- package/lib/module/components/checkbox/AnimatedCheckbox.js +23 -18
- package/lib/module/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/module/components/checkbox/CheckboxLabel.js +14 -9
- package/lib/module/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/module/components/common/AnimatedTick.js +7 -3
- package/lib/module/components/common/AnimatedTick.js.map +1 -1
- package/lib/module/components/common/LogoPaymentWithFallback.js +9 -3
- package/lib/module/components/common/LogoPaymentWithFallback.js.map +1 -1
- package/lib/module/components/featureInfo/FeatureInfo.js +11 -8
- package/lib/module/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/module/components/icons/Icon.js +15 -6
- package/lib/module/components/icons/Icon.js.map +1 -1
- package/lib/module/components/layout/HeaderFirstLevel.js +8 -11
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +9 -10
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/listitems/ListItemAction.js +11 -7
- package/lib/module/components/listitems/ListItemAction.js.map +1 -1
- package/lib/module/components/listitems/ListItemAmount.js +13 -11
- package/lib/module/components/listitems/ListItemAmount.js.map +1 -1
- package/lib/module/components/listitems/ListItemCheckbox.js +14 -9
- package/lib/module/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/module/components/listitems/ListItemHeader.js +9 -2
- package/lib/module/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfo.js +14 -17
- package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfoCopy.js +15 -13
- package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +22 -19
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemNavAlert.js +21 -16
- package/lib/module/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +25 -10
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js +6 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/module/components/listitems/ListItemSwitch.js +12 -14
- package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js +2 -0
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +435 -429
- package/lib/module/components/modules/ModuleCredential.js +7 -2
- package/lib/module/components/modules/ModuleCredential.js.map +1 -1
- package/lib/module/components/modules/ModuleNavigation.js +5 -1
- package/lib/module/components/modules/ModuleNavigation.js.map +1 -1
- package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -20
- package/lib/module/components/pictograms/Pictogram.js +17 -4
- package/lib/module/components/pictograms/Pictogram.js.map +1 -1
- package/lib/module/components/radio/AnimatedRadio.js +16 -15
- package/lib/module/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/module/components/radio/RadioButtonLabel.js +10 -6
- package/lib/module/components/radio/RadioButtonLabel.js.map +1 -1
- package/lib/module/components/searchInput/SearchInput.js +5 -4
- package/lib/module/components/searchInput/SearchInput.js.map +1 -1
- package/lib/module/components/spacer/Spacer.js +11 -5
- package/lib/module/components/spacer/Spacer.js.map +1 -1
- package/lib/module/components/stack/Stack.js +19 -9
- package/lib/module/components/stack/Stack.js.map +1 -1
- package/lib/module/components/tag/Tag.js +21 -8
- package/lib/module/components/tag/Tag.js.map +1 -1
- package/lib/module/components/textInput/TextInput.js.map +1 -1
- package/lib/module/components/textInput/TextInputBase.js +23 -10
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/components/typography/IOText.js +5 -8
- package/lib/module/components/typography/IOText.js.map +1 -1
- package/lib/module/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +84 -84
- package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -50
- package/lib/module/utils/accessibility.js +23 -1
- package/lib/module/utils/accessibility.js.map +1 -1
- package/lib/module/utils/fonts.js +1 -0
- package/lib/module/utils/fonts.js.map +1 -1
- package/lib/typescript/components/alert/Alert.d.ts.map +1 -1
- package/lib/typescript/components/badge/Badge.d.ts +2 -1
- package/lib/typescript/components/badge/Badge.d.ts.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/AnimatedCheckbox.d.ts +2 -1
- package/lib/typescript/components/checkbox/AnimatedCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/CheckboxLabel.d.ts +2 -1
- package/lib/typescript/components/checkbox/CheckboxLabel.d.ts.map +1 -1
- package/lib/typescript/components/common/AnimatedTick.d.ts +4 -3
- package/lib/typescript/components/common/AnimatedTick.d.ts.map +1 -1
- package/lib/typescript/components/common/LogoPaymentWithFallback.d.ts.map +1 -1
- package/lib/typescript/components/featureInfo/FeatureInfo.d.ts.map +1 -1
- package/lib/typescript/components/icons/Icon.d.ts +5 -3
- package/lib/typescript/components/icons/Icon.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/ListItemAction.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemAmount.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemHeader.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemInfo.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemInfoCopy.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNavAlert.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts +2 -2
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleCredential.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleNavigation.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/Pictogram.d.ts +5 -3
- package/lib/typescript/components/pictograms/Pictogram.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/types.d.ts +1 -2
- package/lib/typescript/components/pictograms/types.d.ts.map +1 -1
- package/lib/typescript/components/radio/AnimatedRadio.d.ts +2 -1
- package/lib/typescript/components/radio/AnimatedRadio.d.ts.map +1 -1
- package/lib/typescript/components/radio/RadioButtonLabel.d.ts +2 -1
- package/lib/typescript/components/radio/RadioButtonLabel.d.ts.map +1 -1
- package/lib/typescript/components/searchInput/SearchInput.d.ts.map +1 -1
- package/lib/typescript/components/spacer/Spacer.d.ts +1 -0
- package/lib/typescript/components/spacer/Spacer.d.ts.map +1 -1
- package/lib/typescript/components/stack/Stack.d.ts +2 -1
- package/lib/typescript/components/stack/Stack.d.ts.map +1 -1
- package/lib/typescript/components/tag/Tag.d.ts +4 -2
- package/lib/typescript/components/tag/Tag.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInput.d.ts +2 -1
- package/lib/typescript/components/textInput/TextInput.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
- package/lib/typescript/components/typography/BodyMonospace.d.ts +1 -1
- package/lib/typescript/components/typography/ButtonText.d.ts +1 -1
- package/lib/typescript/components/typography/Caption.d.ts +1 -1
- package/lib/typescript/components/typography/H1.d.ts +1 -1
- package/lib/typescript/components/typography/H2.d.ts +4 -1
- package/lib/typescript/components/typography/H2.d.ts.map +1 -1
- package/lib/typescript/components/typography/H3.d.ts +1 -1
- package/lib/typescript/components/typography/H4.d.ts +1 -1
- package/lib/typescript/components/typography/H5.d.ts +1 -1
- package/lib/typescript/components/typography/H6.d.ts +1 -1
- package/lib/typescript/components/typography/Hero.d.ts +1 -1
- package/lib/typescript/components/typography/IOText.d.ts.map +1 -1
- package/lib/typescript/components/typography/markdown/MdH1.d.ts +1 -1
- package/lib/typescript/components/typography/markdown/MdH2.d.ts +1 -1
- package/lib/typescript/components/typography/markdown/MdH3.d.ts +1 -1
- package/lib/typescript/core/IOStyles.d.ts +7 -7
- package/lib/typescript/utils/accessibility.d.ts +10 -0
- package/lib/typescript/utils/accessibility.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts +2 -1
- package/lib/typescript/utils/fonts.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +3 -3
- package/src/components/alert/Alert.tsx +43 -61
- package/src/components/badge/Badge.tsx +29 -4
- package/src/components/badge/__test__/__snapshots__/badge.test.tsx.snap +9 -5
- package/src/components/banner/Banner.tsx +0 -2
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +6 -6
- package/src/components/buttons/ButtonLink.tsx +4 -0
- package/src/components/buttons/ButtonOutline.tsx +24 -25
- package/src/components/buttons/ButtonSolid.tsx +10 -9
- package/src/components/buttons/IconButton.tsx +2 -0
- package/src/components/buttons/IconButtonSolid.tsx +1 -0
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +27 -9
- package/src/components/checkbox/AnimatedCheckbox.tsx +36 -18
- package/src/components/checkbox/CheckboxLabel.tsx +22 -10
- package/src/components/common/AnimatedTick.tsx +9 -3
- package/src/components/common/LogoPaymentWithFallback.tsx +27 -5
- package/src/components/featureInfo/FeatureInfo.tsx +13 -9
- package/src/components/icons/Icon.tsx +23 -7
- package/src/components/layout/HeaderFirstLevel.tsx +11 -21
- package/src/components/layout/HeaderSecondLevel.tsx +5 -14
- package/src/components/listitems/ListItemAction.tsx +19 -8
- package/src/components/listitems/ListItemAmount.tsx +16 -11
- package/src/components/listitems/ListItemCheckbox.tsx +29 -15
- package/src/components/listitems/ListItemHeader.tsx +12 -2
- package/src/components/listitems/ListItemInfo.tsx +27 -20
- package/src/components/listitems/ListItemInfoCopy.tsx +27 -16
- package/src/components/listitems/ListItemNav.tsx +44 -40
- package/src/components/listitems/ListItemNavAlert.tsx +30 -16
- package/src/components/listitems/ListItemRadio.tsx +46 -32
- package/src/components/listitems/ListItemRadioWithAmount.tsx +7 -2
- package/src/components/listitems/ListItemSwitch.tsx +21 -27
- package/src/components/listitems/ListItemTransaction.tsx +3 -0
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +435 -429
- package/src/components/modules/ModuleCredential.tsx +5 -2
- package/src/components/modules/ModuleNavigation.tsx +3 -1
- package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -20
- package/src/components/pictograms/Pictogram.tsx +24 -5
- package/src/components/pictograms/types.ts +1 -3
- package/src/components/radio/AnimatedRadio.tsx +31 -15
- package/src/components/radio/RadioButtonLabel.tsx +16 -8
- package/src/components/searchInput/SearchInput.tsx +10 -5
- package/src/components/spacer/Spacer.tsx +21 -6
- package/src/components/stack/Stack.tsx +25 -14
- package/src/components/tag/Tag.tsx +26 -8
- package/src/components/textInput/TextInput.tsx +2 -1
- package/src/components/textInput/TextInputBase.tsx +44 -11
- package/src/components/typography/IOText.tsx +5 -6
- package/src/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +84 -84
- package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -50
- package/src/utils/accessibility.ts +29 -1
- package/src/utils/fonts.ts +1 -0
|
@@ -2,6 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
2
2
|
import React, { useCallback, useMemo } from "react";
|
|
3
3
|
import { Platform, View } from "react-native";
|
|
4
4
|
import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "../../core";
|
|
5
|
+
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
5
6
|
import { Badge } from "../badge";
|
|
6
7
|
import { ButtonLink, IconButton } from "../buttons";
|
|
7
8
|
import { LogoPaymentWithFallback } from "../common/LogoPaymentWithFallback";
|
|
@@ -20,6 +21,11 @@ export const ListItemInfo = ({
|
|
|
20
21
|
testID
|
|
21
22
|
}) => {
|
|
22
23
|
const theme = useIOTheme();
|
|
24
|
+
const {
|
|
25
|
+
dynamicFontScale,
|
|
26
|
+
spacingScaleMultiplier,
|
|
27
|
+
hugeFontEnabled
|
|
28
|
+
} = useIOFontDynamicScale();
|
|
23
29
|
const componentValueToAccessibility = useMemo(() => typeof value === "string" ? value : "", [value]);
|
|
24
30
|
const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ? accessibilityLabel : `${label}; ${componentValueToAccessibility}`, [label, componentValueToAccessibility, accessibilityLabel]);
|
|
25
31
|
const itemInfoTextComponent = useMemo(() => /*#__PURE__*/React.createElement(View, {
|
|
@@ -63,29 +69,20 @@ export const ListItemInfo = ({
|
|
|
63
69
|
accessibilityLabel: listItemAccessibilityLabel,
|
|
64
70
|
accessibilityRole: accessibilityRole
|
|
65
71
|
}, /*#__PURE__*/React.createElement(View, {
|
|
66
|
-
style: IOListItemStyles.listItemInner
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
72
|
+
style: [IOListItemStyles.listItemInner, {
|
|
73
|
+
columnGap: IOListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
|
|
74
|
+
}]
|
|
75
|
+
}, icon && !hugeFontEnabled && /*#__PURE__*/React.createElement(Icon, {
|
|
76
|
+
allowFontScaling: true,
|
|
72
77
|
name: icon,
|
|
73
78
|
color: "grey-450",
|
|
74
79
|
size: IOListItemVisualParams.iconSize
|
|
75
|
-
})
|
|
76
|
-
style: {
|
|
77
|
-
marginRight: IOListItemVisualParams.iconMargin
|
|
78
|
-
}
|
|
79
|
-
}, /*#__PURE__*/React.createElement(LogoPaymentWithFallback, {
|
|
80
|
+
}), paymentLogoIcon && /*#__PURE__*/React.createElement(LogoPaymentWithFallback, {
|
|
80
81
|
brand: paymentLogoIcon,
|
|
81
82
|
size: PAYMENT_LOGO_SIZE
|
|
82
|
-
})
|
|
83
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
83
84
|
style: IOStyles.flex
|
|
84
|
-
}, itemInfoTextComponent), endElement && /*#__PURE__*/React.createElement(View,
|
|
85
|
-
style: {
|
|
86
|
-
marginLeft: IOListItemVisualParams.actionMargin
|
|
87
|
-
}
|
|
88
|
-
}, listItemInfoAction())));
|
|
85
|
+
}, itemInfoTextComponent), endElement && /*#__PURE__*/React.createElement(View, null, listItemInfoAction())));
|
|
89
86
|
};
|
|
90
87
|
export default ListItemInfo;
|
|
91
88
|
//# sourceMappingURL=ListItemInfo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","Platform","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Badge","ButtonLink","IconButton","LogoPaymentWithFallback","Icon","H6","BodySmall","PAYMENT_LOGO_SIZE","ListItemInfo","label","value","numberOfLines","icon","paymentLogoIcon","endElement","accessibilityLabel","accessibilityRole","testID","theme","componentValueToAccessibility","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","OS","weight","color","listItemInfoAction","type","componentProps","buttonLinkAccessibilityLabel","_extends","iconButtonAccessibilityLabel","Fragment","style","listItem","undefined","listItemInner","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","Platform","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","useIOFontDynamicScale","Badge","ButtonLink","IconButton","LogoPaymentWithFallback","Icon","H6","BodySmall","PAYMENT_LOGO_SIZE","ListItemInfo","label","value","numberOfLines","icon","paymentLogoIcon","endElement","accessibilityLabel","accessibilityRole","testID","theme","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","componentValueToAccessibility","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","OS","weight","color","listItemInfoAction","type","componentProps","buttonLinkAccessibilityLabel","_extends","iconButtonAccessibilityLabel","Fragment","style","listItem","undefined","listItemInner","columnGap","iconMargin","allowFontScaling","name","size","iconSize","brand","flex"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import { Pressable, View } from "react-native";
|
|
|
3
3
|
import Animated from "react-native-reanimated";
|
|
4
4
|
import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "../../core";
|
|
5
5
|
import { useListItemAnimation } from "../../hooks";
|
|
6
|
+
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
6
7
|
import { Icon } from "../icons";
|
|
7
8
|
import { BodySmall, H6 } from "../typography";
|
|
8
9
|
export const ListItemInfoCopy = ({
|
|
@@ -22,6 +23,11 @@ export const ListItemInfoCopy = ({
|
|
|
22
23
|
scaleAnimatedStyle,
|
|
23
24
|
backgroundAnimatedStyle
|
|
24
25
|
} = useListItemAnimation();
|
|
26
|
+
const {
|
|
27
|
+
dynamicFontScale,
|
|
28
|
+
spacingScaleMultiplier,
|
|
29
|
+
hugeFontEnabled
|
|
30
|
+
} = useIOFontDynamicScale();
|
|
25
31
|
const componentValueToAccessibility = useMemo(() => typeof value === "string" ? value : "", [value]);
|
|
26
32
|
const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ? accessibilityLabel : `${label}; ${componentValueToAccessibility}`, [label, componentValueToAccessibility, accessibilityLabel]);
|
|
27
33
|
const foregroundColor = theme["interactiveElem-default"];
|
|
@@ -49,26 +55,22 @@ export const ListItemInfoCopy = ({
|
|
|
49
55
|
accessibilityElementsHidden: true,
|
|
50
56
|
style: [IOListItemStyles.listItem, backgroundAnimatedStyle]
|
|
51
57
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
52
|
-
style: [IOListItemStyles.listItemInner,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
58
|
+
style: [IOListItemStyles.listItemInner, {
|
|
59
|
+
columnGap: IOListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
|
|
60
|
+
}, scaleAnimatedStyle]
|
|
61
|
+
}, icon && !hugeFontEnabled && /*#__PURE__*/React.createElement(Icon, {
|
|
62
|
+
allowFontScaling: true,
|
|
58
63
|
name: icon,
|
|
59
64
|
color: "grey-450",
|
|
60
65
|
size: IOListItemVisualParams.iconSize
|
|
61
|
-
})
|
|
66
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
62
67
|
style: IOStyles.flex
|
|
63
|
-
}, listItemInfoCopyContent), /*#__PURE__*/React.createElement(
|
|
64
|
-
|
|
65
|
-
marginLeft: IOListItemVisualParams.iconMargin
|
|
66
|
-
}
|
|
67
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
68
|
+
}, listItemInfoCopyContent), /*#__PURE__*/React.createElement(Icon, {
|
|
69
|
+
allowFontScaling: true,
|
|
68
70
|
name: "copy",
|
|
69
71
|
color: foregroundColor,
|
|
70
72
|
size: IOListItemVisualParams.chevronSize
|
|
71
|
-
}))))
|
|
73
|
+
}))));
|
|
72
74
|
};
|
|
73
75
|
export default ListItemInfoCopy;
|
|
74
76
|
//# sourceMappingURL=ListItemInfoCopy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","useListItemAnimation","Icon","BodySmall","H6","ListItemInfoCopy","label","value","numberOfLines","onPress","icon","accessibilityLabel","accessibilityHint","testID","theme","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","componentValueToAccessibility","listItemAccessibilityLabel","foregroundColor","listItemInfoCopyContent","createElement","Fragment","weight","color","onTouchEnd","accessible","accessibilityRole","importantForAccessibility","accessibilityElementsHidden","style","listItem","listItemInner","
|
|
1
|
+
{"version":3,"names":["React","useMemo","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","useListItemAnimation","useIOFontDynamicScale","Icon","BodySmall","H6","ListItemInfoCopy","label","value","numberOfLines","onPress","icon","accessibilityLabel","accessibilityHint","testID","theme","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","componentValueToAccessibility","listItemAccessibilityLabel","foregroundColor","listItemInfoCopyContent","createElement","Fragment","weight","color","onTouchEnd","accessible","accessibilityRole","importantForAccessibility","accessibilityElementsHidden","style","listItem","listItemInner","columnGap","iconMargin","allowFontScaling","name","size","iconSize","flex","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"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"}
|
|
@@ -1,21 +1,16 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { Image, Pressable,
|
|
3
|
+
import { Image, Pressable, View } from "react-native";
|
|
4
4
|
import Animated from "react-native-reanimated";
|
|
5
5
|
import { IOListItemStyles, IOListItemVisualParams, IOSelectionListItemVisualParams, IOStyles, useIOTheme } from "../../core";
|
|
6
6
|
import { useListItemAnimation } from "../../hooks";
|
|
7
|
+
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
7
8
|
import { Avatar } from "../avatar";
|
|
8
9
|
import { Badge } from "../badge";
|
|
9
10
|
import { Icon } from "../icons";
|
|
10
11
|
import { LoadingSpinner } from "../loadingSpinner";
|
|
11
12
|
import { HSpacer, VSpacer } from "../spacer";
|
|
12
|
-
import { Caption, H6
|
|
13
|
-
const styles = StyleSheet.create({
|
|
14
|
-
paymentLogoSize: {
|
|
15
|
-
width: IOSelectionListItemVisualParams.iconSize,
|
|
16
|
-
height: IOSelectionListItemVisualParams.iconSize
|
|
17
|
-
}
|
|
18
|
-
});
|
|
13
|
+
import { BodySmall, Caption, H6 } from "../typography";
|
|
19
14
|
export const ListItemNav = ({
|
|
20
15
|
value,
|
|
21
16
|
description,
|
|
@@ -39,11 +34,11 @@ export const ListItemNav = ({
|
|
|
39
34
|
backgroundAnimatedStyle
|
|
40
35
|
} = useListItemAnimation();
|
|
41
36
|
const theme = useIOTheme();
|
|
42
|
-
const
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
}
|
|
37
|
+
const {
|
|
38
|
+
dynamicFontScale,
|
|
39
|
+
spacingScaleMultiplier,
|
|
40
|
+
hugeFontEnabled
|
|
41
|
+
} = useIOFontDynamicScale();
|
|
47
42
|
const listItemNavContent = /*#__PURE__*/React.createElement(React.Fragment, null, topElement && /*#__PURE__*/React.createElement(React.Fragment, null, topElement.badgeProps && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
|
|
48
43
|
style: {
|
|
49
44
|
alignSelf: "flex-start"
|
|
@@ -56,6 +51,7 @@ export const ListItemNav = ({
|
|
|
56
51
|
flexDirection: "row"
|
|
57
52
|
}
|
|
58
53
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
54
|
+
allowFontScaling: true,
|
|
59
55
|
name: "calendar",
|
|
60
56
|
size: 16,
|
|
61
57
|
color: "grey-300"
|
|
@@ -94,24 +90,31 @@ export const ListItemNav = ({
|
|
|
94
90
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
95
91
|
style: [IOListItemStyles.listItem, backgroundAnimatedStyle]
|
|
96
92
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
97
|
-
style: [IOListItemStyles.listItemInner,
|
|
98
|
-
|
|
93
|
+
style: [IOListItemStyles.listItemInner, {
|
|
94
|
+
columnGap: IOListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
|
|
95
|
+
}, scaleAnimatedStyle]
|
|
96
|
+
}, icon && !hugeFontEnabled && /*#__PURE__*/React.createElement(Icon, {
|
|
97
|
+
allowFontScaling: true,
|
|
99
98
|
name: icon,
|
|
100
99
|
color: iconColor,
|
|
101
100
|
size: IOListItemVisualParams.iconSize
|
|
102
|
-
})
|
|
101
|
+
}), paymentLogoUri && /*#__PURE__*/React.createElement(Image, {
|
|
103
102
|
accessibilityIgnoresInvertColors: true,
|
|
104
103
|
source: {
|
|
105
104
|
uri: paymentLogoUri
|
|
106
105
|
},
|
|
107
|
-
style:
|
|
108
|
-
|
|
106
|
+
style: {
|
|
107
|
+
width: IOSelectionListItemVisualParams.iconSize * dynamicFontScale,
|
|
108
|
+
height: IOSelectionListItemVisualParams.iconSize * dynamicFontScale
|
|
109
|
+
}
|
|
110
|
+
}), avatar && /*#__PURE__*/React.createElement(Avatar, _extends({
|
|
109
111
|
size: "small"
|
|
110
|
-
}, avatar))
|
|
112
|
+
}, avatar)), /*#__PURE__*/React.createElement(View, {
|
|
111
113
|
style: IOStyles.flex
|
|
112
114
|
}, listItemNavContent), loading && /*#__PURE__*/React.createElement(LoadingSpinner, {
|
|
113
115
|
color: interactiveColor
|
|
114
116
|
}), !loading && !hideChevron && /*#__PURE__*/React.createElement(Icon, {
|
|
117
|
+
allowFontScaling: true,
|
|
115
118
|
name: "chevronRightListItem",
|
|
116
119
|
color: interactiveColor,
|
|
117
120
|
size: IOListItemVisualParams.chevronSize
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Image","Pressable","
|
|
1
|
+
{"version":3,"names":["React","Image","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOSelectionListItemVisualParams","IOStyles","useIOTheme","useListItemAnimation","useIOFontDynamicScale","Avatar","Badge","Icon","LoadingSpinner","HSpacer","VSpacer","BodySmall","Caption","H6","ListItemNav","value","description","onPress","icon","iconColor","avatarProps","avatar","paymentLogoUri","accessibilityLabel","accessibilityHint","testID","hideChevron","topElement","loading","numberOfLines","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","theme","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","listItemNavContent","createElement","Fragment","badgeProps","style","alignSelf","size","dateValue","flexDirection","allowFontScaling","name","color","weight","interactiveColor","handleOnPress","event","onTouchEnd","accessible","accessibilityState","busy","accessibilityRole","listItem","listItemInner","columnGap","iconMargin","iconSize","accessibilityIgnoresInvertColors","source","uri","width","height","_extends","flex","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Pressable, View } from "react-native";
|
|
3
3
|
import Animated from "react-native-reanimated";
|
|
4
|
-
import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "../../core";
|
|
4
|
+
import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
5
5
|
import { useListItemAnimation } from "../../hooks";
|
|
6
|
+
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
6
7
|
import { Icon } from "../icons";
|
|
7
|
-
import {
|
|
8
|
+
import { BodySmall, H6 } from "../typography";
|
|
8
9
|
export const ListItemNavAlert = ({
|
|
9
10
|
value,
|
|
10
11
|
description,
|
|
@@ -21,6 +22,13 @@ export const ListItemNavAlert = ({
|
|
|
21
22
|
scaleAnimatedStyle,
|
|
22
23
|
backgroundAnimatedStyle
|
|
23
24
|
} = useListItemAnimation();
|
|
25
|
+
const {
|
|
26
|
+
dynamicFontScale,
|
|
27
|
+
spacingScaleMultiplier
|
|
28
|
+
} = useIOFontDynamicScale();
|
|
29
|
+
const {
|
|
30
|
+
isExperimental
|
|
31
|
+
} = useIOExperimentalDesign();
|
|
24
32
|
const componentValueToAccessibility = typeof value === "string" ? value : "";
|
|
25
33
|
const componentDescriptionToAccessibility = typeof description === "string" ? description : "";
|
|
26
34
|
const listItemAccessibilityLabel = accessibilityLabel ?? `${componentValueToAccessibility}; ${componentDescriptionToAccessibility}`;
|
|
@@ -32,6 +40,7 @@ export const ListItemNavAlert = ({
|
|
|
32
40
|
weight: "Semibold",
|
|
33
41
|
color: theme.errorText
|
|
34
42
|
}, description) : description));
|
|
43
|
+
const iconColor = isExperimental ? theme["interactiveElem-default"] : "blue";
|
|
35
44
|
return /*#__PURE__*/React.createElement(Pressable, {
|
|
36
45
|
onPress: onPress,
|
|
37
46
|
onPressIn: onPressIn,
|
|
@@ -47,26 +56,22 @@ export const ListItemNavAlert = ({
|
|
|
47
56
|
importantForAccessibility: "no-hide-descendants",
|
|
48
57
|
accessibilityElementsHidden: true
|
|
49
58
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
50
|
-
style: [IOListItemStyles.listItemInner,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
59
|
+
style: [IOListItemStyles.listItemInner, {
|
|
60
|
+
columnGap: IOListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
|
|
61
|
+
}, scaleAnimatedStyle]
|
|
62
|
+
}, !withoutIcon && /*#__PURE__*/React.createElement(Icon, {
|
|
63
|
+
allowFontScaling: true,
|
|
56
64
|
name: "errorFilled",
|
|
57
65
|
color: theme.errorIcon,
|
|
58
66
|
size: IOListItemVisualParams.iconSize
|
|
59
|
-
})
|
|
67
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
60
68
|
style: IOStyles.flex
|
|
61
|
-
}, listItemNavAlertContent), /*#__PURE__*/React.createElement(
|
|
62
|
-
|
|
63
|
-
marginLeft: IOListItemVisualParams.iconMargin
|
|
64
|
-
}
|
|
65
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
69
|
+
}, listItemNavAlertContent), /*#__PURE__*/React.createElement(Icon, {
|
|
70
|
+
allowFontScaling: true,
|
|
66
71
|
name: "chevronRightListItem",
|
|
67
|
-
color:
|
|
72
|
+
color: iconColor,
|
|
68
73
|
size: IOListItemVisualParams.chevronSize
|
|
69
|
-
}))))
|
|
74
|
+
}))));
|
|
70
75
|
};
|
|
71
76
|
export default ListItemNavAlert;
|
|
72
77
|
//# sourceMappingURL=ListItemNavAlert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","useListItemAnimation","
|
|
1
|
+
{"version":3,"names":["React","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOExperimentalDesign","useIOTheme","useListItemAnimation","useIOFontDynamicScale","Icon","BodySmall","H6","ListItemNavAlert","value","description","withoutIcon","onPress","accessibilityLabel","accessibilityHint","testID","theme","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","dynamicFontScale","spacingScaleMultiplier","isExperimental","componentValueToAccessibility","componentDescriptionToAccessibility","listItemAccessibilityLabel","listItemNavAlertContent","createElement","Fragment","color","weight","errorText","iconColor","onTouchEnd","accessible","accessibilityRole","style","listItem","importantForAccessibility","accessibilityElementsHidden","listItemInner","columnGap","iconMargin","allowFontScaling","name","errorIcon","size","iconSize","flex","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNavAlert.tsx"],"mappings":"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"}
|
|
@@ -4,14 +4,15 @@ import { Image, Pressable, StyleSheet, View } from "react-native";
|
|
|
4
4
|
import ReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
5
5
|
import Animated from "react-native-reanimated";
|
|
6
6
|
import Placeholder from "rn-placeholder";
|
|
7
|
-
import { IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOStyles, useIOTheme } from "../../core";
|
|
7
|
+
import { IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOSelectionTickVisualParams, IOStyles, useIOTheme } from "../../core";
|
|
8
8
|
import { useListItemAnimation } from "../../hooks";
|
|
9
|
+
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
9
10
|
import { Icon } from "../icons";
|
|
10
11
|
import { LogoPayment } from "../logos";
|
|
11
12
|
import { AnimatedRadio } from "../radio/AnimatedRadio";
|
|
12
13
|
import { HSpacer, VSpacer } from "../spacer";
|
|
13
|
-
import { H6, BodySmall } from "../typography";
|
|
14
14
|
import { VStack } from "../stack";
|
|
15
|
+
import { BodySmall, H6 } from "../typography";
|
|
15
16
|
const DISABLED_OPACITY = 0.5;
|
|
16
17
|
const styles = StyleSheet.create({
|
|
17
18
|
imageSize: {
|
|
@@ -41,6 +42,11 @@ export const ListItemRadio = ({
|
|
|
41
42
|
testID
|
|
42
43
|
}) => {
|
|
43
44
|
const [toggleValue, setToggleValue] = useState(selected ?? false);
|
|
45
|
+
const {
|
|
46
|
+
dynamicFontScale,
|
|
47
|
+
spacingScaleMultiplier,
|
|
48
|
+
hugeFontEnabled
|
|
49
|
+
} = useIOFontDynamicScale();
|
|
44
50
|
const {
|
|
45
51
|
onPressIn,
|
|
46
52
|
onPressOut,
|
|
@@ -107,6 +113,7 @@ export const ListItemRadio = ({
|
|
|
107
113
|
pointerEvents: "none",
|
|
108
114
|
style: disabledStyle
|
|
109
115
|
}, /*#__PURE__*/React.createElement(AnimatedRadio, {
|
|
116
|
+
size: IOSelectionTickVisualParams.size * dynamicFontScale,
|
|
110
117
|
checked: toggleValue
|
|
111
118
|
})))), (loadingProps === null || loadingProps === void 0 ? void 0 : loadingProps.skeletonDescription) && /*#__PURE__*/React.createElement(SkeletonDescriptionLines, null));
|
|
112
119
|
return loadingProps !== null && loadingProps !== void 0 && loadingProps.state ? /*#__PURE__*/React.createElement(SkeletonComponent, null) : /*#__PURE__*/React.createElement(Pressable, {
|
|
@@ -134,22 +141,29 @@ export const ListItemRadio = ({
|
|
|
134
141
|
}, /*#__PURE__*/React.createElement(View, {
|
|
135
142
|
style: IOSelectionListItemStyles.listItemInner
|
|
136
143
|
}, /*#__PURE__*/React.createElement(View, {
|
|
137
|
-
style: [IOStyles.row, {
|
|
138
|
-
flexShrink: 1
|
|
139
|
-
}]
|
|
140
|
-
}, startImage && /*#__PURE__*/React.createElement(View, {
|
|
141
144
|
style: {
|
|
142
|
-
|
|
145
|
+
flexDirection: "row",
|
|
146
|
+
flexShrink: 1,
|
|
147
|
+
columnGap: IOSelectionListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
|
|
143
148
|
}
|
|
144
|
-
}, startImage.icon && /*#__PURE__*/React.createElement(Icon, {
|
|
149
|
+
}, (startImage === null || startImage === void 0 ? void 0 : startImage.icon) && !hugeFontEnabled && /*#__PURE__*/React.createElement(Icon, {
|
|
150
|
+
allowFontScaling: true,
|
|
145
151
|
name: startImage.icon,
|
|
146
152
|
color: "grey-300",
|
|
147
153
|
size: IOSelectionListItemVisualParams.iconSize
|
|
148
|
-
}), startImage.uri && /*#__PURE__*/React.createElement(
|
|
154
|
+
}), (startImage === null || startImage === void 0 ? void 0 : startImage.uri) && /*#__PURE__*/React.createElement(View, {
|
|
155
|
+
style: {
|
|
156
|
+
alignSelf: "center"
|
|
157
|
+
}
|
|
158
|
+
}, /*#__PURE__*/React.createElement(Image, {
|
|
149
159
|
accessibilityIgnoresInvertColors: true,
|
|
150
160
|
source: startImage,
|
|
151
161
|
style: styles.imageSize
|
|
152
|
-
}), startImage.paymentLogo && /*#__PURE__*/React.createElement(
|
|
162
|
+
})), (startImage === null || startImage === void 0 ? void 0 : startImage.paymentLogo) && /*#__PURE__*/React.createElement(View, {
|
|
163
|
+
style: {
|
|
164
|
+
alignSelf: "center"
|
|
165
|
+
}
|
|
166
|
+
}, /*#__PURE__*/React.createElement(LogoPayment, {
|
|
153
167
|
name: startImage.paymentLogo,
|
|
154
168
|
size: IOSelectionListItemVisualParams.iconSize
|
|
155
169
|
})), /*#__PURE__*/React.createElement(H6, {
|
|
@@ -164,6 +178,7 @@ export const ListItemRadio = ({
|
|
|
164
178
|
accessibilityElementsHidden: true,
|
|
165
179
|
importantForAccessibility: "no-hide-descendants"
|
|
166
180
|
}, /*#__PURE__*/React.createElement(AnimatedRadio, {
|
|
181
|
+
size: IOSelectionTickVisualParams.size * dynamicFontScale,
|
|
167
182
|
checked: selected ?? toggleValue
|
|
168
183
|
}))), description && /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(VSpacer, {
|
|
169
184
|
size: IOSelectionListItemVisualParams.descriptionMargin
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Image","Pressable","StyleSheet","View","ReactNativeHapticFeedback","Animated","Placeholder","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOStyles","useIOTheme","useListItemAnimation","Icon","LogoPayment","AnimatedRadio","HSpacer","VSpacer","
|
|
1
|
+
{"version":3,"names":["React","useState","Image","Pressable","StyleSheet","View","ReactNativeHapticFeedback","Animated","Placeholder","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSelectionTickVisualParams","IOStyles","useIOTheme","useListItemAnimation","useIOFontDynamicScale","Icon","LogoPayment","AnimatedRadio","HSpacer","VSpacer","VStack","BodySmall","H6","DISABLED_OPACITY","styles","create","imageSize","width","iconSize","height","resizeMode","ListItemRadio","value","description","startImage","selected","disabled","onValueChange","accessibilityLabel","accessibilityHint","loadingProps","testID","toggleValue","setToggleValue","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","theme","toggleRadioItem","trigger","undefined","disabledStyle","opacity","SkeletonDescriptionLines","createElement","space","Box","animate","radius","SkeletonIcon","style","marginRight","iconMargin","SkeletonComponent","listItem","rowGap","listItemInner","flex","rowSpaceBetween","alignCenter","row","skeletonIcon","size","pointerEvents","checked","skeletonDescription","state","accessibilityRole","accessibilityState","onPress","onTouchEnd","needsOffscreenAlphaCompositing","flexDirection","flexShrink","columnGap","icon","allowFontScaling","name","color","uri","alignSelf","accessibilityIgnoresInvertColors","source","paymentLogo","accessibilityElementsHidden","importantForAccessibility","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadio.tsx"],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { View } from "react-native";
|
|
3
3
|
import RNReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
4
|
-
import { useIOTheme } from "../../core";
|
|
4
|
+
import { IOSelectionTickVisualParams, useIOTheme } from "../../core";
|
|
5
|
+
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
5
6
|
import { Icon } from "../icons";
|
|
6
7
|
import { AnimatedRadio } from "../radio/AnimatedRadio";
|
|
7
8
|
import { HStack } from "../stack";
|
|
@@ -16,6 +17,9 @@ export const ListItemRadioWithAmount = ({
|
|
|
16
17
|
suggestReason,
|
|
17
18
|
formattedAmountString
|
|
18
19
|
}) => {
|
|
20
|
+
const {
|
|
21
|
+
dynamicFontScale
|
|
22
|
+
} = useIOFontDynamicScale();
|
|
19
23
|
const [toggleValue, setToggleValue] = React.useState(selected ?? false);
|
|
20
24
|
const pressHandler = () => {
|
|
21
25
|
RNReactNativeHapticFeedback.trigger("impactLight");
|
|
@@ -60,6 +64,7 @@ export const ListItemRadioWithAmount = ({
|
|
|
60
64
|
}, /*#__PURE__*/React.createElement(H6, {
|
|
61
65
|
color: theme["interactiveElem-default"]
|
|
62
66
|
}, formattedAmountString), /*#__PURE__*/React.createElement(AnimatedRadio, {
|
|
67
|
+
size: IOSelectionTickVisualParams.size * dynamicFontScale,
|
|
63
68
|
checked: selected ?? toggleValue
|
|
64
69
|
})));
|
|
65
70
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","RNReactNativeHapticFeedback","useIOTheme","Icon","AnimatedRadio","HStack","BodySmall","H6","PressableListItemBase","ListItemRadioWithAmount","onValueChange","selected","label","accessibilityLabel","isSuggested","suggestReason","formattedAmountString","toggleValue","setToggleValue","useState","pressHandler","trigger","val","undefined","theme","suggestColor","createElement","onPress","accessibilityRole","accessibilityState","checked","style","flexShrink","numberOfLines","color","space","alignItems","name","size","weight","pointerEvents","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadioWithAmount.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,2BAA2B,MAAM,8BAA8B;AACtE,SAAmBC,UAAU,QAAQ,YAAY;
|
|
1
|
+
{"version":3,"names":["React","View","RNReactNativeHapticFeedback","IOSelectionTickVisualParams","useIOTheme","useIOFontDynamicScale","Icon","AnimatedRadio","HStack","BodySmall","H6","PressableListItemBase","ListItemRadioWithAmount","onValueChange","selected","label","accessibilityLabel","isSuggested","suggestReason","formattedAmountString","dynamicFontScale","toggleValue","setToggleValue","useState","pressHandler","trigger","val","undefined","theme","suggestColor","createElement","onPress","accessibilityRole","accessibilityState","checked","style","flexShrink","numberOfLines","color","space","alignItems","name","size","weight","pointerEvents","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadioWithAmount.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,2BAA2B,MAAM,8BAA8B;AACtE,SAAmBC,2BAA2B,EAAEC,UAAU,QAAQ,YAAY;AAC9E,SAASC,qBAAqB,QAAQ,2BAA2B;AACjE,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,SAAS,EAAEC,EAAE,QAAQ,eAAe;AAC7C,SAASC,qBAAqB,QAAQ,yBAAyB;AAkB/D,OAAO,MAAMC,uBAAuB,GAAGA,CAAC;EACtCC,aAAa;EACbC,QAAQ;EACRC,KAAK;EACLC,kBAAkB;EAClBC,WAAW,GAAG,KAAK;EACnBC,aAAa;EACbC;AAC4B,CAAC,KAAK;EAClC,MAAM;IAAEC;EAAiB,CAAC,GAAGf,qBAAqB,CAAC,CAAC;EACpD,MAAM,CAACgB,WAAW,EAAEC,cAAc,CAAC,GAAGtB,KAAK,CAACuB,QAAQ,CAACT,QAAQ,IAAI,KAAK,CAAC;EAEvE,MAAMU,YAAY,GAAGA,CAAA,KAAM;IACzBtB,2BAA2B,CAACuB,OAAO,CAAC,aAAa,CAAC;IAClDH,cAAc,CAACI,GAAG,IAAI,CAACA,GAAG,CAAC;IAC3B,IAAIb,aAAa,KAAKc,SAAS,EAAE;MAC/Bd,aAAa,CAAC,CAACQ,WAAW,CAAC;IAC7B;EACF,CAAC;EACD,MAAMO,KAAK,GAAGxB,UAAU,CAAC,CAAC;EAE1B,MAAMyB,YAAsB,GAAG,eAAe;EAE9C,oBACE7B,KAAA,CAAA8B,aAAA,CAACnB,qBAAqB;IACpBoB,OAAO,EAAEP,YAAa;IACtBQ,iBAAiB,EAAC,OAAO;IACzBhB,kBAAkB,EAAEA,kBAAmB;IACvCiB,kBAAkB,EAAE;MAClBC,OAAO,EAAEpB,QAAQ,IAAIO;IACvB;EAAE,gBAEFrB,KAAA,CAAA8B,aAAA,CAAC7B,IAAI;IAACkC,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAE;EAAE,gBAC7BpC,KAAA,CAAA8B,aAAA,CAACpB,EAAE;IAAC2B,aAAa,EAAE,CAAE;IAACC,KAAK,EAAEV,KAAK,CAAC,kBAAkB;EAAE,GACpDb,KACC,CAAC,EACJE,WAAW,iBACVjB,KAAA,CAAA8B,aAAA,CAACtB,MAAM;IAAC+B,KAAK,EAAE,CAAE;IAACJ,KAAK,EAAE;MAAEK,UAAU,EAAE;IAAS;EAAE,gBAChDxC,KAAA,CAAA8B,aAAA,CAACxB,IAAI;IAACmC,IAAI,EAAC,UAAU;IAACC,IAAI,EAAE,EAAG;IAACJ,KAAK,EAAET;EAAa,CAAE,CAAC,eACvD7B,KAAA,CAAA8B,aAAA,CAACrB,SAAS;IAACkC,MAAM,EAAC,SAAS;IAACL,KAAK,EAAET;EAAa,GAC7CX,aACQ,CACL,CAEN,CAAC,eACPlB,KAAA,CAAA8B,aAAA,CAACtB,MAAM;IACL+B,KAAK,EAAE,CAAE;IACTK,aAAa,EAAC,MAAM;IACpBC,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAqB,gBAE/C9C,KAAA,CAAA8B,aAAA,CAACpB,EAAE;IAAC4B,KAAK,EAAEV,KAAK,CAAC,yBAAyB;EAAE,GACzCT,qBACC,CAAC,eACLnB,KAAA,CAAA8B,aAAA,CAACvB,aAAa;IACZmC,IAAI,EAAEvC,2BAA2B,CAACuC,IAAI,GAAGtB,gBAAiB;IAC1Dc,OAAO,EAAEpB,QAAQ,IAAIO;EAAY,CAClC,CACK,CACa,CAAC;AAE5B,CAAC"}
|