@ledgerhq/lumen-ui-rnative 0.1.47 → 0.1.49
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/dist/module/i18n/locales/de.json +1 -3
- package/dist/module/i18n/locales/en.json +1 -3
- package/dist/module/i18n/locales/es.json +1 -3
- package/dist/module/i18n/locales/fr.json +1 -3
- package/dist/module/i18n/locales/ja.json +1 -3
- package/dist/module/i18n/locales/ko.json +1 -3
- package/dist/module/i18n/locales/pt.json +1 -3
- package/dist/module/i18n/locales/ru.json +1 -3
- package/dist/module/i18n/locales/th.json +1 -3
- package/dist/module/i18n/locales/tr.json +1 -3
- package/dist/module/i18n/locales/zh.json +1 -3
- package/dist/module/lib/Animations/Pulse/Pulse.js +3 -3
- package/dist/module/lib/Animations/Pulse/Pulse.js.map +1 -1
- package/dist/module/lib/Animations/Pulse/Pulse.mdx +0 -1
- package/dist/module/lib/Animations/Spin/Spin.js +3 -3
- package/dist/module/lib/Animations/Spin/Spin.js.map +1 -1
- package/dist/module/lib/Animations/Spin/Spin.mdx +0 -1
- package/dist/module/lib/Components/AddressInput/AddressInput.figma.js +36 -0
- package/dist/module/lib/Components/AddressInput/AddressInput.figma.js.map +1 -0
- package/dist/module/lib/Components/AddressInput/AddressInput.mdx +0 -183
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.figma.js +31 -0
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.figma.js.map +1 -0
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.mdx +0 -90
- package/dist/module/lib/Components/AmountInput/AmountInput.figma.js +70 -0
- package/dist/module/lib/Components/AmountInput/AmountInput.figma.js.map +1 -0
- package/dist/module/lib/Components/AmountInput/AmountInput.js +3 -1
- package/dist/module/lib/Components/AmountInput/AmountInput.js.map +1 -1
- package/dist/module/lib/Components/AmountInput/AmountInput.mdx +0 -190
- package/dist/module/lib/Components/AmountInput/AmountInput.stories.js +15 -0
- package/dist/module/lib/Components/AmountInput/AmountInput.stories.js.map +1 -1
- package/dist/module/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.js +1 -1
- package/dist/module/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.js.map +1 -1
- package/dist/module/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.test.js +20 -1
- package/dist/module/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.test.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.figma.js +15 -12
- package/dist/module/lib/Components/Avatar/Avatar.figma.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.js +4 -27
- package/dist/module/lib/Components/Avatar/Avatar.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.mdx +53 -69
- package/dist/module/lib/Components/Avatar/Avatar.stories.js +27 -33
- package/dist/module/lib/Components/Avatar/Avatar.stories.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.test.js +21 -39
- package/dist/module/lib/Components/Avatar/Avatar.test.js.map +1 -1
- package/dist/module/lib/Components/Banner/Banner.figma.js +107 -0
- package/dist/module/lib/Components/Banner/Banner.figma.js.map +1 -0
- package/dist/module/lib/Components/Banner/Banner.mdx +0 -86
- package/dist/module/lib/Components/BottomSheet/BottomSheet.figma.js +49 -0
- package/dist/module/lib/Components/BottomSheet/BottomSheet.figma.js.map +1 -0
- package/dist/module/lib/Components/BottomSheet/BottomSheet.mdx +0 -119
- package/dist/module/lib/Components/Button/Button.figma.js +45 -0
- package/dist/module/lib/Components/Button/Button.figma.js.map +1 -0
- package/dist/module/lib/Components/Button/Button.mdx +25 -224
- package/dist/module/lib/Components/Button/Button.stories.js +4 -36
- package/dist/module/lib/Components/Button/Button.stories.js.map +1 -1
- package/dist/module/lib/Components/Card/Card.figma.js +143 -0
- package/dist/module/lib/Components/Card/Card.figma.js.map +1 -0
- package/dist/module/lib/Components/Card/Card.mdx +0 -160
- package/dist/module/lib/Components/CardButton/CardButton.figma.js +38 -0
- package/dist/module/lib/Components/CardButton/CardButton.figma.js.map +1 -0
- package/dist/module/lib/Components/CardButton/CardButton.mdx +0 -48
- package/dist/module/lib/Components/Checkbox/Checkbox.figma.js +48 -0
- package/dist/module/lib/Components/Checkbox/Checkbox.figma.js.map +1 -0
- package/dist/module/lib/Components/Checkbox/Checkbox.mdx +0 -73
- package/dist/module/lib/Components/ContentBanner/ContentBanner.figma.js +91 -0
- package/dist/module/lib/Components/ContentBanner/ContentBanner.figma.js.map +1 -0
- package/dist/module/lib/Components/ContentBanner/ContentBanner.mdx +0 -2
- package/dist/module/lib/Components/CryptoIcon/CryptoIcon.figma.js +17 -0
- package/dist/module/lib/Components/CryptoIcon/CryptoIcon.figma.js.map +1 -0
- package/dist/module/lib/Components/DescriptionItem/DescriptionItem.figma.js +29 -0
- package/dist/module/lib/Components/DescriptionItem/DescriptionItem.figma.js.map +1 -0
- package/dist/module/lib/Components/Divider/Divider.figma.js +10 -0
- package/dist/module/lib/Components/Divider/Divider.figma.js.map +1 -0
- package/dist/module/lib/Components/Divider/Divider.mdx +0 -2
- package/dist/module/lib/Components/DotCount/DotCount.figma.js +29 -0
- package/dist/module/lib/Components/DotCount/DotCount.figma.js.map +1 -0
- package/dist/module/lib/Components/DotIndicator/DotIndicator.figma.js +29 -0
- package/dist/module/lib/Components/DotIndicator/DotIndicator.figma.js.map +1 -0
- package/dist/module/lib/Components/DotIndicator/DotIndicator.stories.js +6 -3
- package/dist/module/lib/Components/DotIndicator/DotIndicator.stories.js.map +1 -1
- package/dist/module/lib/Components/DotIndicator/getDotIndicatorProps.js +17 -0
- package/dist/module/lib/Components/DotIndicator/getDotIndicatorProps.js.map +1 -0
- package/dist/module/lib/Components/DotIndicator/getDotIndicatorProps.test.js +17 -0
- package/dist/module/lib/Components/DotIndicator/getDotIndicatorProps.test.js.map +1 -0
- package/dist/module/lib/Components/DotIndicator/index.js +1 -0
- package/dist/module/lib/Components/DotIndicator/index.js.map +1 -1
- package/dist/module/lib/Components/Icon/Icon.figma.js +1840 -0
- package/dist/module/lib/Components/Icon/Icon.figma.js.map +1 -0
- package/dist/module/lib/Components/Icon/Icon.mdx +0 -62
- package/dist/module/lib/Components/IconButton/IconButton.figma.js +42 -0
- package/dist/module/lib/Components/IconButton/IconButton.figma.js.map +1 -0
- package/dist/module/lib/Components/IconButton/IconButton.mdx +0 -68
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.figma.js +51 -0
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.figma.js.map +1 -0
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.mdx +0 -107
- package/dist/module/lib/Components/Link/Link.figma.js +41 -0
- package/dist/module/lib/Components/Link/Link.figma.js.map +1 -0
- package/dist/module/lib/Components/Link/Link.mdx +0 -102
- package/dist/module/lib/Components/ListItem/ListItem.figma.js +416 -0
- package/dist/module/lib/Components/ListItem/ListItem.figma.js.map +1 -0
- package/dist/module/lib/Components/ListItem/ListItem.mdx +0 -129
- package/dist/module/lib/Components/MediaBanner/MediaBanner.figma.js +25 -0
- package/dist/module/lib/Components/MediaBanner/MediaBanner.figma.js.map +1 -0
- package/dist/module/lib/Components/MediaBanner/MediaBanner.mdx +0 -3
- package/dist/module/lib/Components/MediaButton/MediaButton.figma.js +72 -0
- package/dist/module/lib/Components/MediaButton/MediaButton.figma.js.map +1 -0
- package/dist/module/lib/Components/MediaCard/MediaCard.figma.js +28 -0
- package/dist/module/lib/Components/MediaCard/MediaCard.figma.js.map +1 -0
- package/dist/module/lib/Components/MediaCard/MediaCard.mdx +0 -2
- package/dist/module/lib/Components/MediaImage/MediaImage.mdx +0 -1
- package/dist/module/lib/Components/MediaTag/MediaTag.figma.js +100 -0
- package/dist/module/lib/Components/MediaTag/MediaTag.figma.js.map +1 -0
- package/dist/module/lib/Components/MediaTag/MediaTag.mdx +0 -2
- package/dist/module/lib/Components/NavBar/NavBar.figma.js +79 -0
- package/dist/module/lib/Components/NavBar/NavBar.figma.js.map +1 -0
- package/dist/module/lib/Components/NavBar/NavBar.mdx +0 -2
- package/dist/module/lib/Components/OptionList/OptionList.js +16 -1
- package/dist/module/lib/Components/OptionList/OptionList.js.map +1 -1
- package/dist/module/lib/Components/OptionList/OptionList.mdx +45 -90
- package/dist/module/lib/Components/OptionList/OptionList.stories.js +61 -1
- package/dist/module/lib/Components/OptionList/OptionList.stories.js.map +1 -1
- package/dist/module/lib/Components/OptionList/OptionList.test.js +43 -1
- package/dist/module/lib/Components/OptionList/OptionList.test.js.map +1 -1
- package/dist/module/lib/Components/OptionList/useOptionList/useOptionListItems.js.map +1 -1
- package/dist/module/lib/Components/PageIndicator/PageIndicator.figma.js +13 -0
- package/dist/module/lib/Components/PageIndicator/PageIndicator.figma.js.map +1 -0
- package/dist/module/lib/Components/PageIndicator/PageIndicator.mdx +0 -2
- package/dist/module/lib/Components/SearchInput/SearchInput.figma.js +31 -0
- package/dist/module/lib/Components/SearchInput/SearchInput.figma.js.map +1 -0
- package/dist/module/lib/Components/SearchInput/SearchInput.mdx +0 -199
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.figma.js +35 -0
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.figma.js.map +1 -0
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.js +7 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.mdx +28 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.stories.js +24 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.stories.js.map +1 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.test.js +28 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.test.js.map +1 -1
- package/dist/module/lib/Components/Skeleton/Skeleton.figma.js +18 -0
- package/dist/module/lib/Components/Skeleton/Skeleton.figma.js.map +1 -0
- package/dist/module/lib/Components/Skeleton/Skeleton.mdx +0 -71
- package/dist/module/lib/Components/Spinner/Spinner.figma.js +13 -0
- package/dist/module/lib/Components/Spinner/Spinner.figma.js.map +1 -0
- package/dist/module/lib/Components/Spinner/Spinner.mdx +0 -100
- package/dist/module/lib/Components/Spot/Spot.figma.js +37 -0
- package/dist/module/lib/Components/Spot/Spot.figma.js.map +1 -0
- package/dist/module/lib/Components/Spot/Spot.mdx +0 -94
- package/dist/module/lib/Components/Stepper/Stepper.figma.js +13 -0
- package/dist/module/lib/Components/Stepper/Stepper.figma.js.map +1 -0
- package/dist/module/lib/Components/Stepper/Stepper.mdx +0 -67
- package/dist/module/lib/Components/Subheader/Subheader.figma.js +67 -0
- package/dist/module/lib/Components/Subheader/Subheader.figma.js.map +1 -0
- package/dist/module/lib/Components/Subheader/Subheader.mdx +0 -116
- package/dist/module/lib/Components/Switch/Switch.figma.js +58 -0
- package/dist/module/lib/Components/Switch/Switch.figma.js.map +1 -0
- package/dist/module/lib/Components/Switch/Switch.mdx +0 -39
- package/dist/module/lib/Components/TabBar/TabBar.figma.js +98 -0
- package/dist/module/lib/Components/TabBar/TabBar.figma.js.map +1 -0
- package/dist/module/lib/Components/TabBar/TabBar.js +7 -4
- package/dist/module/lib/Components/TabBar/TabBar.js.map +1 -1
- package/dist/module/lib/Components/TabBar/TabBar.mdx +29 -5
- package/dist/module/lib/Components/TabBar/TabBar.stories.js +35 -1
- package/dist/module/lib/Components/TabBar/TabBar.stories.js.map +1 -1
- package/dist/module/lib/Components/TabBar/TabBar.test.js +28 -1
- package/dist/module/lib/Components/TabBar/TabBar.test.js.map +1 -1
- package/dist/module/lib/Components/TabBar/index.js +2 -1
- package/dist/module/lib/Components/TabBar/index.js.map +1 -1
- package/dist/module/lib/Components/Tag/Tag.figma.js +41 -0
- package/dist/module/lib/Components/Tag/Tag.figma.js.map +1 -0
- package/dist/module/lib/Components/Tag/Tag.mdx +0 -2
- package/dist/module/lib/Components/TextInput/TextInput.figma.js +37 -0
- package/dist/module/lib/Components/TextInput/TextInput.figma.js.map +1 -0
- package/dist/module/lib/Components/TextInput/TextInput.mdx +0 -178
- package/dist/module/lib/Components/Tile/Tile.figma.js +111 -0
- package/dist/module/lib/Components/Tile/Tile.figma.js.map +1 -0
- package/dist/module/lib/Components/Tile/Tile.mdx +0 -53
- package/dist/module/lib/Components/TileButton/TileButton.figma.js +23 -0
- package/dist/module/lib/Components/TileButton/TileButton.figma.js.map +1 -0
- package/dist/module/lib/Components/TileButton/TileButton.mdx +0 -40
- package/dist/module/lib/Components/Tooltip/Tooltip.figma.js +26 -0
- package/dist/module/lib/Components/Tooltip/Tooltip.figma.js.map +1 -0
- package/dist/module/lib/Components/Tooltip/Tooltip.mdx +0 -183
- package/dist/module/lib/Components/Trend/Trend.figma.js +29 -0
- package/dist/module/lib/Components/Trend/Trend.figma.js.map +1 -0
- package/dist/module/lib/Components/Trend/Trend.mdx +0 -2
- package/dist/module/lib/Components/Utility/Text/Text.mdx +0 -1
- package/dist/module/lib/Symbols/Icons/ChevronAscending.js +1 -1
- package/dist/module/lib/Symbols/Icons/ChevronDescending.js +1 -1
- package/dist/module/lib/Symbols/Icons/Contact.js +50 -0
- package/dist/module/lib/Symbols/Icons/Contact.js.map +1 -0
- package/dist/module/lib/Symbols/index.js +1 -0
- package/dist/module/lib/Symbols/index.js.map +1 -1
- package/dist/typescript/src/lib/Animations/Pulse/Pulse.d.ts.map +1 -1
- package/dist/typescript/src/lib/Animations/Spin/Spin.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/AmountInput/AmountInput.d.ts +1 -1
- package/dist/typescript/src/lib/Components/AmountInput/AmountInput.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/AmountInput/types.d.ts +8 -0
- package/dist/typescript/src/lib/Components/AmountInput/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.d.ts +1 -0
- package/dist/typescript/src/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Avatar/Avatar.d.ts +1 -4
- package/dist/typescript/src/lib/Components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Avatar/types.d.ts +0 -6
- package/dist/typescript/src/lib/Components/Avatar/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/DotIndicator/getDotIndicatorProps.d.ts +24 -0
- package/dist/typescript/src/lib/Components/DotIndicator/getDotIndicatorProps.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/DotIndicator/index.d.ts +1 -0
- package/dist/typescript/src/lib/Components/DotIndicator/index.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/OptionList/OptionList.d.ts +18 -4
- package/dist/typescript/src/lib/Components/OptionList/OptionList.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/OptionList/types.d.ts +16 -15
- package/dist/typescript/src/lib/Components/OptionList/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/OptionList/useOptionList/useOptionListItems.d.ts +9 -9
- package/dist/typescript/src/lib/Components/OptionList/useOptionList/useOptionListItems.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/SegmentedControl/SegmentedControl.d.ts +8 -3
- package/dist/typescript/src/lib/Components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/SegmentedControl/types.d.ts +6 -5
- package/dist/typescript/src/lib/Components/SegmentedControl/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/TabBar/TabBar.d.ts +7 -2
- package/dist/typescript/src/lib/Components/TabBar/TabBar.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/TabBar/index.d.ts +2 -2
- package/dist/typescript/src/lib/Components/TabBar/index.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/TabBar/types.d.ts +17 -16
- package/dist/typescript/src/lib/Components/TabBar/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Symbols/Icons/Contact.d.ts +35 -0
- package/dist/typescript/src/lib/Symbols/Icons/Contact.d.ts.map +1 -0
- package/dist/typescript/src/lib/Symbols/index.d.ts +1 -0
- package/dist/typescript/src/lib/Symbols/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/i18n/locales/de.json +1 -3
- package/src/i18n/locales/en.json +1 -3
- package/src/i18n/locales/es.json +1 -3
- package/src/i18n/locales/fr.json +1 -3
- package/src/i18n/locales/ja.json +1 -3
- package/src/i18n/locales/ko.json +1 -3
- package/src/i18n/locales/pt.json +1 -3
- package/src/i18n/locales/ru.json +1 -3
- package/src/i18n/locales/th.json +1 -3
- package/src/i18n/locales/tr.json +1 -3
- package/src/i18n/locales/zh.json +1 -3
- package/src/lib/Animations/Pulse/Pulse.mdx +0 -1
- package/src/lib/Animations/Pulse/Pulse.tsx +8 -1
- package/src/lib/Animations/Spin/Spin.mdx +0 -1
- package/src/lib/Animations/Spin/Spin.tsx +8 -1
- package/src/lib/Components/AddressInput/AddressInput.figma.tsx +39 -0
- package/src/lib/Components/AddressInput/AddressInput.mdx +0 -183
- package/src/lib/Components/AmountDisplay/AmountDisplay.figma.tsx +37 -0
- package/src/lib/Components/AmountDisplay/AmountDisplay.mdx +0 -90
- package/src/lib/Components/AmountInput/AmountInput.figma.tsx +78 -0
- package/src/lib/Components/AmountInput/AmountInput.mdx +0 -190
- package/src/lib/Components/AmountInput/AmountInput.stories.tsx +14 -0
- package/src/lib/Components/AmountInput/AmountInput.tsx +2 -0
- package/src/lib/Components/AmountInput/types.ts +8 -0
- package/src/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.test.ts +20 -0
- package/src/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.ts +2 -0
- package/src/lib/Components/Avatar/Avatar.figma.tsx +24 -14
- package/src/lib/Components/Avatar/Avatar.mdx +53 -69
- package/src/lib/Components/Avatar/Avatar.stories.tsx +16 -50
- package/src/lib/Components/Avatar/Avatar.test.tsx +12 -32
- package/src/lib/Components/Avatar/Avatar.tsx +4 -34
- package/src/lib/Components/Avatar/types.ts +0 -6
- package/src/lib/Components/Banner/Banner.figma.tsx +115 -0
- package/src/lib/Components/Banner/Banner.mdx +0 -86
- package/src/lib/Components/BottomSheet/BottomSheet.figma.tsx +52 -0
- package/src/lib/Components/BottomSheet/BottomSheet.mdx +0 -119
- package/src/lib/Components/Button/Button.figma.tsx +57 -0
- package/src/lib/Components/Button/Button.mdx +25 -224
- package/src/lib/Components/Button/Button.stories.tsx +3 -35
- package/src/lib/Components/Card/Card.figma.tsx +149 -0
- package/src/lib/Components/Card/Card.mdx +0 -160
- package/src/lib/Components/CardButton/CardButton.figma.tsx +49 -0
- package/src/lib/Components/CardButton/CardButton.mdx +0 -48
- package/src/lib/Components/Checkbox/Checkbox.figma.tsx +54 -0
- package/src/lib/Components/Checkbox/Checkbox.mdx +0 -73
- package/src/lib/Components/ContentBanner/ContentBanner.figma.tsx +108 -0
- package/src/lib/Components/ContentBanner/ContentBanner.mdx +0 -2
- package/src/lib/Components/CryptoIcon/CryptoIcon.figma.tsx +20 -0
- package/src/lib/Components/DescriptionItem/DescriptionItem.figma.tsx +36 -0
- package/src/lib/Components/Divider/Divider.figma.tsx +11 -0
- package/src/lib/Components/Divider/Divider.mdx +0 -2
- package/src/lib/Components/DotCount/DotCount.figma.tsx +32 -0
- package/src/lib/Components/DotIndicator/DotIndicator.figma.tsx +32 -0
- package/src/lib/Components/DotIndicator/DotIndicator.stories.tsx +4 -1
- package/src/lib/Components/DotIndicator/getDotIndicatorProps.test.ts +15 -0
- package/src/lib/Components/DotIndicator/getDotIndicatorProps.ts +10 -0
- package/src/lib/Components/DotIndicator/index.ts +1 -0
- package/src/lib/Components/Icon/Icon.figma.tsx +3085 -0
- package/src/lib/Components/Icon/Icon.mdx +0 -62
- package/src/lib/Components/IconButton/IconButton.figma.tsx +53 -0
- package/src/lib/Components/IconButton/IconButton.mdx +0 -68
- package/src/lib/Components/InteractiveIcon/InteractiveIcon.figma.tsx +52 -0
- package/src/lib/Components/InteractiveIcon/InteractiveIcon.mdx +0 -107
- package/src/lib/Components/Link/Link.figma.tsx +53 -0
- package/src/lib/Components/Link/Link.mdx +0 -102
- package/src/lib/Components/ListItem/ListItem.figma.tsx +431 -0
- package/src/lib/Components/ListItem/ListItem.mdx +0 -129
- package/src/lib/Components/MediaBanner/MediaBanner.figma.tsx +32 -0
- package/src/lib/Components/MediaBanner/MediaBanner.mdx +0 -3
- package/src/lib/Components/MediaButton/MediaButton.figma.tsx +60 -0
- package/src/lib/Components/MediaCard/MediaCard.figma.tsx +27 -0
- package/src/lib/Components/MediaCard/MediaCard.mdx +0 -2
- package/src/lib/Components/MediaImage/MediaImage.mdx +0 -1
- package/src/lib/Components/MediaTag/MediaTag.figma.tsx +116 -0
- package/src/lib/Components/MediaTag/MediaTag.mdx +0 -2
- package/src/lib/Components/NavBar/NavBar.figma.tsx +84 -0
- package/src/lib/Components/NavBar/NavBar.mdx +0 -2
- package/src/lib/Components/OptionList/OptionList.mdx +45 -90
- package/src/lib/Components/OptionList/OptionList.stories.tsx +63 -0
- package/src/lib/Components/OptionList/OptionList.test.tsx +40 -0
- package/src/lib/Components/OptionList/OptionList.tsx +57 -10
- package/src/lib/Components/OptionList/types.ts +34 -15
- package/src/lib/Components/OptionList/useOptionList/useOptionListItems.ts +28 -13
- package/src/lib/Components/PageIndicator/PageIndicator.figma.tsx +11 -0
- package/src/lib/Components/PageIndicator/PageIndicator.mdx +0 -2
- package/src/lib/Components/SearchInput/SearchInput.figma.tsx +34 -0
- package/src/lib/Components/SearchInput/SearchInput.mdx +0 -199
- package/src/lib/Components/SegmentedControl/SegmentedControl.figma.tsx +34 -0
- package/src/lib/Components/SegmentedControl/SegmentedControl.mdx +28 -1
- package/src/lib/Components/SegmentedControl/SegmentedControl.stories.tsx +34 -1
- package/src/lib/Components/SegmentedControl/SegmentedControl.test.tsx +32 -1
- package/src/lib/Components/SegmentedControl/SegmentedControl.tsx +22 -5
- package/src/lib/Components/SegmentedControl/types.ts +11 -5
- package/src/lib/Components/Skeleton/Skeleton.figma.tsx +17 -0
- package/src/lib/Components/Skeleton/Skeleton.mdx +0 -71
- package/src/lib/Components/Spinner/Spinner.figma.tsx +12 -0
- package/src/lib/Components/Spinner/Spinner.mdx +0 -100
- package/src/lib/Components/Spot/Spot.figma.tsx +50 -0
- package/src/lib/Components/Spot/Spot.mdx +0 -94
- package/src/lib/Components/Stepper/Stepper.figma.tsx +11 -0
- package/src/lib/Components/Stepper/Stepper.mdx +0 -67
- package/src/lib/Components/Subheader/Subheader.figma.tsx +72 -0
- package/src/lib/Components/Subheader/Subheader.mdx +0 -116
- package/src/lib/Components/Switch/Switch.figma.tsx +66 -0
- package/src/lib/Components/Switch/Switch.mdx +0 -39
- package/src/lib/Components/TabBar/TabBar.figma.tsx +70 -0
- package/src/lib/Components/TabBar/TabBar.mdx +29 -5
- package/src/lib/Components/TabBar/TabBar.stories.tsx +34 -1
- package/src/lib/Components/TabBar/TabBar.test.tsx +23 -1
- package/src/lib/Components/TabBar/TabBar.tsx +17 -9
- package/src/lib/Components/TabBar/index.ts +2 -2
- package/src/lib/Components/TabBar/types.ts +19 -17
- package/src/lib/Components/Tag/Tag.figma.tsx +52 -0
- package/src/lib/Components/Tag/Tag.mdx +0 -2
- package/src/lib/Components/TextInput/TextInput.figma.tsx +40 -0
- package/src/lib/Components/TextInput/TextInput.mdx +0 -178
- package/src/lib/Components/Tile/Tile.figma.tsx +113 -0
- package/src/lib/Components/Tile/Tile.mdx +0 -53
- package/src/lib/Components/TileButton/TileButton.figma.tsx +35 -0
- package/src/lib/Components/TileButton/TileButton.mdx +0 -40
- package/src/lib/Components/Tooltip/Tooltip.figma.tsx +30 -0
- package/src/lib/Components/Tooltip/Tooltip.mdx +0 -183
- package/src/lib/Components/Trend/Trend.figma.tsx +28 -0
- package/src/lib/Components/Trend/Trend.mdx +0 -2
- package/src/lib/Components/Utility/Text/Text.mdx +0 -1
- package/src/lib/Symbols/Icons/ChevronAscending.tsx +1 -1
- package/src/lib/Symbols/Icons/ChevronDescending.tsx +1 -1
- package/src/lib/Symbols/Icons/Contact.tsx +45 -0
- package/src/lib/Symbols/index.ts +1 -0
- package/dist/typescript/src/lib/Components/Avatar/Avatar.figma.d.ts +0 -2
- package/dist/typescript/src/lib/Components/Avatar/Avatar.figma.d.ts.map +0 -1
- package/dist/typescript/src/lib/Components/OptionList/OptionList.figma.d.ts +0 -2
- package/dist/typescript/src/lib/Components/OptionList/OptionList.figma.d.ts.map +0 -1
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import figma from '@figma/code-connect';
|
|
4
|
+
import { AmountInput } from "./AmountInput.js";
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
figma.connect(AmountInput, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=17523-37413', {
|
|
7
|
+
imports: ["import { AmountInput } from '@ledgerhq/lumen-ui-rnative'"],
|
|
8
|
+
props: {
|
|
9
|
+
size: figma.enum('size', {
|
|
10
|
+
md: 'md',
|
|
11
|
+
sm: 'sm'
|
|
12
|
+
}),
|
|
13
|
+
value: figma.string('amount'),
|
|
14
|
+
currencyText: figma.enum('currency', {
|
|
15
|
+
$: '$',
|
|
16
|
+
'€': '€',
|
|
17
|
+
'£': '£'
|
|
18
|
+
}),
|
|
19
|
+
currencyPosition: figma.enum('currency', {
|
|
20
|
+
$: 'left',
|
|
21
|
+
'£': 'left',
|
|
22
|
+
'€': 'right'
|
|
23
|
+
}),
|
|
24
|
+
disabled: figma.enum('state', {
|
|
25
|
+
disabled: true
|
|
26
|
+
}),
|
|
27
|
+
isInvalid: figma.enum('state', {
|
|
28
|
+
error: true
|
|
29
|
+
})
|
|
30
|
+
},
|
|
31
|
+
example: props => /*#__PURE__*/_jsx(AmountInput, {
|
|
32
|
+
size: props.size,
|
|
33
|
+
disabled: props.disabled,
|
|
34
|
+
isInvalid: props.isInvalid,
|
|
35
|
+
value: props.value,
|
|
36
|
+
onChangeText: () => {},
|
|
37
|
+
currencyText: props.currencyText,
|
|
38
|
+
currencyPosition: props.currencyPosition
|
|
39
|
+
})
|
|
40
|
+
});
|
|
41
|
+
figma.connect(AmountInput, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=17523-37413', {
|
|
42
|
+
imports: ["import { AmountInput } from '@ledgerhq/lumen-ui-rnative'"],
|
|
43
|
+
variant: {
|
|
44
|
+
currency: 'crypto'
|
|
45
|
+
},
|
|
46
|
+
props: {
|
|
47
|
+
size: figma.enum('size', {
|
|
48
|
+
md: 'md',
|
|
49
|
+
sm: 'sm'
|
|
50
|
+
}),
|
|
51
|
+
value: figma.string('amount'),
|
|
52
|
+
currencyText: figma.string('crypto'),
|
|
53
|
+
disabled: figma.enum('state', {
|
|
54
|
+
disabled: true
|
|
55
|
+
}),
|
|
56
|
+
isInvalid: figma.enum('state', {
|
|
57
|
+
error: true
|
|
58
|
+
})
|
|
59
|
+
},
|
|
60
|
+
example: props => /*#__PURE__*/_jsx(AmountInput, {
|
|
61
|
+
size: props.size,
|
|
62
|
+
disabled: props.disabled,
|
|
63
|
+
isInvalid: props.isInvalid,
|
|
64
|
+
value: props.value,
|
|
65
|
+
onChangeText: () => {},
|
|
66
|
+
currencyText: props.currencyText,
|
|
67
|
+
currencyPosition: "right"
|
|
68
|
+
})
|
|
69
|
+
});
|
|
70
|
+
//# sourceMappingURL=AmountInput.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","AmountInput","jsx","_jsx","connect","imports","props","size","enum","md","sm","value","string","currencyText","$","currencyPosition","disabled","isInvalid","error","example","onChangeText","variant","currency"],"sourceRoot":"../../../../../src","sources":["lib/Components/AmountInput/AmountInput.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,WAAW,QAAQ,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5CH,KAAK,CAACI,OAAO,CACXH,WAAW,EACX,yEAAyE,EACzE;EACEI,OAAO,EAAE,CAAC,0DAA0D,CAAC;EACrEC,KAAK,EAAE;IACLC,IAAI,EAAEP,KAAK,CAACQ,IAAI,CAAC,MAAM,EAAE;MACvBC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE;IACN,CAAC,CAAC;IACFC,KAAK,EAAEX,KAAK,CAACY,MAAM,CAAC,QAAQ,CAAC;IAC7BC,YAAY,EAAEb,KAAK,CAACQ,IAAI,CAAC,UAAU,EAAE;MACnCM,CAAC,EAAE,GAAG;MACN,GAAG,EAAE,GAAG;MACR,GAAG,EAAE;IACP,CAAC,CAAC;IACFC,gBAAgB,EAAEf,KAAK,CAACQ,IAAI,CAAC,UAAU,EAAE;MACvCM,CAAC,EAAE,MAAM;MACT,GAAG,EAAE,MAAM;MACX,GAAG,EAAE;IACP,CAAC,CAAC;IACFE,QAAQ,EAAEhB,KAAK,CAACQ,IAAI,CAAC,OAAO,EAAE;MAC5BQ,QAAQ,EAAE;IACZ,CAAC,CAAC;IACFC,SAAS,EAAEjB,KAAK,CAACQ,IAAI,CAAC,OAAO,EAAE;MAC7BU,KAAK,EAAE;IACT,CAAC;EACH,CAAC;EACDC,OAAO,EAAGb,KAAK,iBACbH,IAAA,CAACF,WAAW;IACVM,IAAI,EAAED,KAAK,CAACC,IAAK;IACjBS,QAAQ,EAAEV,KAAK,CAACU,QAAS;IACzBC,SAAS,EAAEX,KAAK,CAACW,SAAU;IAC3BN,KAAK,EAAEL,KAAK,CAACK,KAAM;IACnBS,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAE;IACvBP,YAAY,EAAEP,KAAK,CAACO,YAAa;IACjCE,gBAAgB,EAAET,KAAK,CAACS;EAAiB,CAC1C;AAEL,CACF,CAAC;AAEDf,KAAK,CAACI,OAAO,CACXH,WAAW,EACX,yEAAyE,EACzE;EACEI,OAAO,EAAE,CAAC,0DAA0D,CAAC;EACrEgB,OAAO,EAAE;IAAEC,QAAQ,EAAE;EAAS,CAAC;EAC/BhB,KAAK,EAAE;IACLC,IAAI,EAAEP,KAAK,CAACQ,IAAI,CAAC,MAAM,EAAE;MACvBC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE;IACN,CAAC,CAAC;IACFC,KAAK,EAAEX,KAAK,CAACY,MAAM,CAAC,QAAQ,CAAC;IAC7BC,YAAY,EAAEb,KAAK,CAACY,MAAM,CAAC,QAAQ,CAAC;IACpCI,QAAQ,EAAEhB,KAAK,CAACQ,IAAI,CAAC,OAAO,EAAE;MAC5BQ,QAAQ,EAAE;IACZ,CAAC,CAAC;IACFC,SAAS,EAAEjB,KAAK,CAACQ,IAAI,CAAC,OAAO,EAAE;MAC7BU,KAAK,EAAE;IACT,CAAC;EACH,CAAC;EACDC,OAAO,EAAGb,KAAK,iBACbH,IAAA,CAACF,WAAW;IACVM,IAAI,EAAED,KAAK,CAACC,IAAK;IACjBS,QAAQ,EAAEV,KAAK,CAACU,QAAS;IACzBC,SAAS,EAAEX,KAAK,CAACW,SAAU;IAC3BN,KAAK,EAAEL,KAAK,CAACK,KAAM;IACnBS,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAE;IACvBP,YAAY,EAAEP,KAAK,CAACO,YAAa;IACjCE,gBAAgB,EAAC;EAAO,CACzB;AAEL,CACF,CAAC","ignoreList":[]}
|
|
@@ -36,6 +36,7 @@ export const AmountInput = ({
|
|
|
36
36
|
maxDecimalLength = 9,
|
|
37
37
|
allowDecimals = true,
|
|
38
38
|
thousandsSeparator = true,
|
|
39
|
+
decimalSeparator = '.',
|
|
39
40
|
value,
|
|
40
41
|
onChangeText,
|
|
41
42
|
isInvalid = false,
|
|
@@ -60,7 +61,8 @@ export const AmountInput = ({
|
|
|
60
61
|
allowDecimals,
|
|
61
62
|
thousandsSeparator,
|
|
62
63
|
maxIntegerLength,
|
|
63
|
-
maxDecimalLength
|
|
64
|
+
maxDecimalLength,
|
|
65
|
+
decimalSeparator
|
|
64
66
|
}
|
|
65
67
|
});
|
|
66
68
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useDisabledContext","useImperativeHandle","useRef","useState","Pressable","StyleSheet","TextInput","View","Animated","useStyleSheet","Box","useAmountInputAnimations","useAmountInputFormatting","jsx","_jsx","jsxs","_jsxs","Currency","style","children","Text","allowFontScaling","AmountInput","lx","size","align","currencyText","currencyPosition","editable","disabled","disabledProp","maxIntegerLength","maxDecimalLength","allowDecimals","thousandsSeparator","value","onChangeText","isInvalid","ref","props","inputRef","isFocused","setIsFocused","consumerName","mergeWith","formattedValue","handleChangeText","formatOptions","animatedInputStyle","animatedCurrencyStyle","animatedCaretStyle","styles","useStyles","hasValue","isEditable","current","handlePress","focus","container","keyboardType","onFocus","e","onBlur","hiddenInput","alignRow","onPress","pressable","accessibilityLabel","currency","displayText","caret","SIZE_TYPOGRAPHY","md","sm","ALIGN_ROW_JUSTIFY","center","start","end","t","typography","typographies","displayHeight","sizes","s56","s36","position","width","full","height","opacity","flexDirection","justifyContent","alignItems","flatten","backgroundColor","color","colors","text","base","mutedSubtle","error","marginHorizontal","spacings","s2","active"],"sourceRoot":"../../../../../src","sources":["lib/Components/AmountInput/AmountInput.tsx"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,8BAA8B;AAEjE,SAASC,mBAAmB,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC7D,SAASC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AACrE,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,aAAa,QAAQ,0BAAiB;AAC/C,SAASC,GAAG,QAAQ,qBAAY;AAMhC,SAASC,wBAAwB,QAAQ,wDAAqD;AAC9F,SAASC,wBAAwB,QAAQ,wDAAqD;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAO/F,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAwB,CAAC,kBAClDL,IAAA,CAACN,QAAQ,CAACY,IAAI;EAACF,KAAK,EAAEA,KAAM;EAACG,gBAAgB,EAAE,KAAM;EAAAF,QAAA,EAClDA;AAAQ,CACI,CAChB;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,WAAW,GAAGA,CAAC;EAC1BC,EAAE,GAAG,CAAC,CAAC;EACPL,KAAK;EACLM,IAAI,GAAG,IAAI;EACXC,KAAK,GAAG,QAAQ;EAChBC,YAAY;EACZC,gBAAgB,GAAG,MAAM;EACzBC,QAAQ;EACRC,QAAQ,EAAEC,YAAY,GAAG,KAAK;EAC9BC,gBAAgB,GAAG,CAAC;EACpBC,gBAAgB,GAAG,CAAC;EACpBC,aAAa,GAAG,IAAI;EACpBC,kBAAkB,GAAG,IAAI;EACzBC,KAAK;EACLC,YAAY;EACZC,SAAS,GAAG,KAAK;EACjBC,GAAG;EACH,GAAGC;AACa,CAAC,KAAK;EACtB,MAAMC,QAAQ,
|
|
1
|
+
{"version":3,"names":["useDisabledContext","useImperativeHandle","useRef","useState","Pressable","StyleSheet","TextInput","View","Animated","useStyleSheet","Box","useAmountInputAnimations","useAmountInputFormatting","jsx","_jsx","jsxs","_jsxs","Currency","style","children","Text","allowFontScaling","AmountInput","lx","size","align","currencyText","currencyPosition","editable","disabled","disabledProp","maxIntegerLength","maxDecimalLength","allowDecimals","thousandsSeparator","decimalSeparator","value","onChangeText","isInvalid","ref","props","inputRef","isFocused","setIsFocused","consumerName","mergeWith","formattedValue","handleChangeText","formatOptions","animatedInputStyle","animatedCurrencyStyle","animatedCaretStyle","styles","useStyles","hasValue","isEditable","current","handlePress","focus","container","keyboardType","onFocus","e","onBlur","hiddenInput","alignRow","onPress","pressable","accessibilityLabel","currency","displayText","caret","SIZE_TYPOGRAPHY","md","sm","ALIGN_ROW_JUSTIFY","center","start","end","t","typography","typographies","displayHeight","sizes","s56","s36","position","width","full","height","opacity","flexDirection","justifyContent","alignItems","flatten","backgroundColor","color","colors","text","base","mutedSubtle","error","marginHorizontal","spacings","s2","active"],"sourceRoot":"../../../../../src","sources":["lib/Components/AmountInput/AmountInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,8 +2,6 @@ import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
|
|
|
2
2
|
import * as AmountInputStories from './AmountInput.stories';
|
|
3
3
|
import { AmountInput } from './AmountInput';
|
|
4
4
|
import { CustomTabs, Tab } from '../../../../.storybook/components';
|
|
5
|
-
import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
|
|
6
|
-
import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
|
|
7
5
|
|
|
8
6
|
<Meta title='Core/AmountInput' of={AmountInputStories} />
|
|
9
7
|
|
|
@@ -277,194 +275,6 @@ Use the `editable` prop to disable the input:
|
|
|
277
275
|
<AmountInput value='1000' currencyText='USD' editable={false} />
|
|
278
276
|
```
|
|
279
277
|
|
|
280
|
-
## Do's and Don'ts
|
|
281
|
-
|
|
282
|
-
<div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>
|
|
283
|
-
<DoVsDontRow>
|
|
284
|
-
<DoBlockItem
|
|
285
|
-
title='Use integer-only for whole number scenarios'
|
|
286
|
-
description='Disable decimals for quantities, counts, or other whole number inputs'
|
|
287
|
-
>
|
|
288
|
-
|
|
289
|
-
{/* prettier-ignore */}
|
|
290
|
-
```tsx
|
|
291
|
-
import { AmountInput } from '@ledgerhq/lumen-ui-rnative';
|
|
292
|
-
import { useState } from 'react';
|
|
293
|
-
|
|
294
|
-
const [quantity, setQuantity] = useState('');
|
|
295
|
-
|
|
296
|
-
// Use integer-only for whole number scenarios (quantity, age, etc.)
|
|
297
|
-
<AmountInput
|
|
298
|
-
value={quantity}
|
|
299
|
-
onChangeText={setQuantity}
|
|
300
|
-
currencyText='items'
|
|
301
|
-
allowDecimals={false}
|
|
302
|
-
maxIntegerLength={4}
|
|
303
|
-
/>
|
|
304
|
-
```
|
|
305
|
-
|
|
306
|
-
</DoBlockItem>
|
|
307
|
-
<DontBlockItem
|
|
308
|
-
title="Don't allow decimals for count-based inputs"
|
|
309
|
-
description='Items, quantities, and counts should always be whole numbers'
|
|
310
|
-
>
|
|
311
|
-
|
|
312
|
-
{/* prettier-ignore */}
|
|
313
|
-
```tsx
|
|
314
|
-
import { AmountInput } from '@ledgerhq/lumen-ui-rnative';
|
|
315
|
-
import { useState } from 'react';
|
|
316
|
-
|
|
317
|
-
const [quantity, setQuantity] = useState('');
|
|
318
|
-
|
|
319
|
-
<AmountInput
|
|
320
|
-
value={quantity}
|
|
321
|
-
onChangeText={setQuantity}
|
|
322
|
-
currencyText='items'
|
|
323
|
-
allowDecimals={true}
|
|
324
|
-
maxIntegerLength={4}
|
|
325
|
-
/>
|
|
326
|
-
```
|
|
327
|
-
|
|
328
|
-
</DontBlockItem>
|
|
329
|
-
|
|
330
|
-
</DoVsDontRow>
|
|
331
|
-
|
|
332
|
-
<DoVsDontRow>
|
|
333
|
-
<DoBlockItem
|
|
334
|
-
title='Always use controlled input pattern'
|
|
335
|
-
description='AmountInput requires both value and onChangeText props'
|
|
336
|
-
>
|
|
337
|
-
|
|
338
|
-
{/* prettier-ignore */}
|
|
339
|
-
```tsx
|
|
340
|
-
import { AmountInput } from '@ledgerhq/lumen-ui-rnative';
|
|
341
|
-
import { useState } from 'react';
|
|
342
|
-
|
|
343
|
-
const [value, setValue] = useState('');
|
|
344
|
-
|
|
345
|
-
<AmountInput
|
|
346
|
-
value={value}
|
|
347
|
-
onChangeText={setValue}
|
|
348
|
-
currencyText='USD'
|
|
349
|
-
/>
|
|
350
|
-
```
|
|
351
|
-
|
|
352
|
-
</DoBlockItem>
|
|
353
|
-
<DontBlockItem
|
|
354
|
-
title="Don't use uncontrolled pattern"
|
|
355
|
-
description='AmountInput does not support defaultValue - always use controlled pattern'
|
|
356
|
-
>
|
|
357
|
-
|
|
358
|
-
{/* prettier-ignore */}
|
|
359
|
-
```tsx
|
|
360
|
-
import { AmountInput } from '@ledgerhq/lumen-ui-rnative';
|
|
361
|
-
import { useState } from 'react';
|
|
362
|
-
|
|
363
|
-
const [value, setValue] = useState('');
|
|
364
|
-
|
|
365
|
-
<AmountInput
|
|
366
|
-
defaultValue='0.00'
|
|
367
|
-
currencyText='USD'
|
|
368
|
-
/>
|
|
369
|
-
```
|
|
370
|
-
|
|
371
|
-
</DontBlockItem>
|
|
372
|
-
|
|
373
|
-
</DoVsDontRow>
|
|
374
|
-
|
|
375
|
-
<DoVsDontRow>
|
|
376
|
-
<DoBlockItem
|
|
377
|
-
title='Use isInvalid for error states'
|
|
378
|
-
description='Use the isInvalid prop to indicate validation errors'
|
|
379
|
-
>
|
|
380
|
-
|
|
381
|
-
{/* prettier-ignore */}
|
|
382
|
-
```tsx
|
|
383
|
-
import { AmountInput } from '@ledgerhq/lumen-ui-rnative';
|
|
384
|
-
import { useState } from 'react';
|
|
385
|
-
|
|
386
|
-
const [value, setValue] = useState('');
|
|
387
|
-
const [hasError, setHasError] = useState(false);
|
|
388
|
-
|
|
389
|
-
<AmountInput
|
|
390
|
-
value={value}
|
|
391
|
-
onChangeText={setValue}
|
|
392
|
-
currencyText='USD'
|
|
393
|
-
isInvalid={hasError}
|
|
394
|
-
/>
|
|
395
|
-
```
|
|
396
|
-
|
|
397
|
-
</DoBlockItem>
|
|
398
|
-
<DontBlockItem
|
|
399
|
-
title="Don't use custom error props"
|
|
400
|
-
description='Use the isInvalid prop for error styling. AmountInput does not accept ad-hoc validation props.'
|
|
401
|
-
>
|
|
402
|
-
|
|
403
|
-
{/* prettier-ignore */}
|
|
404
|
-
```tsx
|
|
405
|
-
import { AmountInput } from '@ledgerhq/lumen-ui-rnative';
|
|
406
|
-
import { useState } from 'react';
|
|
407
|
-
|
|
408
|
-
const [value, setValue] = useState('');
|
|
409
|
-
const [hasError, setHasError] = useState(false);
|
|
410
|
-
|
|
411
|
-
<AmountInput
|
|
412
|
-
value={value}
|
|
413
|
-
onChangeText={setValue}
|
|
414
|
-
currencyText='USD'
|
|
415
|
-
status={hasError ? 'error' : undefined}
|
|
416
|
-
helperText={hasError ? 'Invalid amount' : undefined}
|
|
417
|
-
/>
|
|
418
|
-
```
|
|
419
|
-
|
|
420
|
-
</DontBlockItem>
|
|
421
|
-
|
|
422
|
-
</DoVsDontRow>
|
|
423
|
-
|
|
424
|
-
<DoVsDontRow>
|
|
425
|
-
<DoBlockItem
|
|
426
|
-
title='Use appropriate length limits'
|
|
427
|
-
description='Set maxIntegerLength and maxDecimalLength based on your use case'
|
|
428
|
-
>
|
|
429
|
-
|
|
430
|
-
{/* prettier-ignore */}
|
|
431
|
-
```tsx
|
|
432
|
-
import { AmountInput } from '@ledgerhq/lumen-ui-rnative';
|
|
433
|
-
|
|
434
|
-
<AmountInput
|
|
435
|
-
value={amount}
|
|
436
|
-
onChangeText={setAmount}
|
|
437
|
-
currencyText='$'
|
|
438
|
-
maxIntegerLength={9}
|
|
439
|
-
maxDecimalLength={2}
|
|
440
|
-
/>
|
|
441
|
-
```
|
|
442
|
-
|
|
443
|
-
</DoBlockItem>
|
|
444
|
-
<DontBlockItem
|
|
445
|
-
title="Don't use overly restrictive or excessive limits"
|
|
446
|
-
description='Length limits should match real-world requirements'
|
|
447
|
-
>
|
|
448
|
-
|
|
449
|
-
{/* prettier-ignore */}
|
|
450
|
-
```tsx
|
|
451
|
-
import { AmountInput } from '@ledgerhq/lumen-ui-rnative';
|
|
452
|
-
|
|
453
|
-
<AmountInput
|
|
454
|
-
value={amount}
|
|
455
|
-
onChangeText={setAmount}
|
|
456
|
-
currencyText='$'
|
|
457
|
-
maxIntegerLength={1}
|
|
458
|
-
maxDecimalLength={25}
|
|
459
|
-
/>
|
|
460
|
-
```
|
|
461
|
-
|
|
462
|
-
</DontBlockItem>
|
|
463
|
-
|
|
464
|
-
</DoVsDontRow>
|
|
465
|
-
|
|
466
|
-
<CommonRulesDoAndDont />
|
|
467
|
-
</div>
|
|
468
278
|
|
|
469
279
|
## Platform Considerations
|
|
470
280
|
|
|
@@ -194,6 +194,21 @@ export const WithoutThousandsSeparator = {
|
|
|
194
194
|
editable: true
|
|
195
195
|
}
|
|
196
196
|
};
|
|
197
|
+
export const DecimalSeparatorComma = {
|
|
198
|
+
render: args => /*#__PURE__*/_jsx(AmountInputStory, {
|
|
199
|
+
...args
|
|
200
|
+
}),
|
|
201
|
+
args: {
|
|
202
|
+
value: '1234.5',
|
|
203
|
+
currencyText: '€',
|
|
204
|
+
currencyPosition: 'right',
|
|
205
|
+
allowDecimals: true,
|
|
206
|
+
thousandsSeparator: true,
|
|
207
|
+
decimalSeparator: ',',
|
|
208
|
+
isInvalid: false,
|
|
209
|
+
editable: true
|
|
210
|
+
}
|
|
211
|
+
};
|
|
197
212
|
export const ErrorState = {
|
|
198
213
|
render: args => /*#__PURE__*/_jsx(AmountInputStory, {
|
|
199
214
|
...args
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","View","AmountInput","jsx","_jsx","ALIGNMENTS","SIZES","size","value","meta","component","id","title","parameters","docs","source","language","format","type","argTypes","isInvalid","control","description","args","AmountInputStory","setValue","toString","style","flex","minHeight","alignItems","justifyContent","padding","children","width","maxWidth","onChangeText","Base","render","currencyText","currencyPosition","allowDecimals","thousandsSeparator","maxIntegerLength","maxDecimalLength","editable","WithValue","Size","gap","map","Alignment","align","CurrencyPositionLeft","CurrencyPositionRight","IntegerOnly","WithThousandsSeparator","WithoutThousandsSeparator","ErrorState","DisabledAmountInput","disabled","CustomLengthLimits"],"sourceRoot":"../../../../../src","sources":["lib/Components/AmountInput/AmountInput.stories.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["useState","View","AmountInput","jsx","_jsx","ALIGNMENTS","SIZES","size","value","meta","component","id","title","parameters","docs","source","language","format","type","argTypes","isInvalid","control","description","args","AmountInputStory","setValue","toString","style","flex","minHeight","alignItems","justifyContent","padding","children","width","maxWidth","onChangeText","Base","render","currencyText","currencyPosition","allowDecimals","thousandsSeparator","maxIntegerLength","maxDecimalLength","editable","WithValue","Size","gap","map","Alignment","align","CurrencyPositionLeft","CurrencyPositionRight","IntegerOnly","WithThousandsSeparator","WithoutThousandsSeparator","DecimalSeparatorComma","decimalSeparator","ErrorState","DisabledAmountInput","disabled","CustomLengthLimits"],"sourceRoot":"../../../../../src","sources":["lib/Components/AmountInput/AmountInput.stories.tsx"],"mappings":"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","ignoreList":[]}
|
package/dist/module/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.js
CHANGED
|
@@ -9,7 +9,7 @@ export const useAmountInputFormatting = ({
|
|
|
9
9
|
}) => {
|
|
10
10
|
const format = useCallback(v => textFormatter(String(v), formatOptions),
|
|
11
11
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
12
|
-
[formatOptions.allowDecimals, formatOptions.thousandsSeparator, formatOptions.maxIntegerLength, formatOptions.maxDecimalLength]);
|
|
12
|
+
[formatOptions.allowDecimals, formatOptions.thousandsSeparator, formatOptions.maxIntegerLength, formatOptions.maxDecimalLength, formatOptions.decimalSeparator]);
|
|
13
13
|
const formattedValue = useMemo(() => format(value), [value, format]);
|
|
14
14
|
const handleChangeText = useCallback(text => {
|
|
15
15
|
onChangeText(format(text));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["textFormatter","useCallback","useMemo","useAmountInputFormatting","value","onChangeText","formatOptions","format","v","String","allowDecimals","thousandsSeparator","maxIntegerLength","maxDecimalLength","formattedValue","handleChangeText","text"],"sourceRoot":"../../../../../../src","sources":["lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,WAAW,EAAEC,OAAO,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["textFormatter","useCallback","useMemo","useAmountInputFormatting","value","onChangeText","formatOptions","format","v","String","allowDecimals","thousandsSeparator","maxIntegerLength","maxDecimalLength","decimalSeparator","formattedValue","handleChangeText","text"],"sourceRoot":"../../../../../../src","sources":["lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAqB5C,OAAO,MAAMC,wBAAwB,GAAGA,CAAC;EACvCC,KAAK;EACLC,YAAY;EACZC;AAC4B,CAAC,KAAqC;EAClE,MAAMC,MAAM,GAAGN,WAAW,CACvBO,CAAkB,IAAaR,aAAa,CAACS,MAAM,CAACD,CAAC,CAAC,EAAEF,aAAa,CAAC;EACvE;EACA,CACEA,aAAa,CAACI,aAAa,EAC3BJ,aAAa,CAACK,kBAAkB,EAChCL,aAAa,CAACM,gBAAgB,EAC9BN,aAAa,CAACO,gBAAgB,EAC9BP,aAAa,CAACQ,gBAAgB,CAElC,CAAC;EAED,MAAMC,cAAc,GAAGb,OAAO,CAAC,MAAMK,MAAM,CAACH,KAAK,CAAC,EAAE,CAACA,KAAK,EAAEG,MAAM,CAAC,CAAC;EAEpE,MAAMS,gBAAgB,GAAGf,WAAW,CACjCgB,IAAY,IAAW;IACtBZ,YAAY,CAACE,MAAM,CAACU,IAAI,CAAC,CAAC;EAC5B,CAAC,EACD,CAACV,MAAM,EAAEF,YAAY,CACvB,CAAC;EAED,OAAO;IAAEU,cAAc;IAAEC;EAAiB,CAAC;AAC7C,CAAC","ignoreList":[]}
|
|
@@ -7,7 +7,8 @@ const defaultFormatOptions = {
|
|
|
7
7
|
allowDecimals: true,
|
|
8
8
|
thousandsSeparator: true,
|
|
9
9
|
maxIntegerLength: 9,
|
|
10
|
-
maxDecimalLength: 9
|
|
10
|
+
maxDecimalLength: 9,
|
|
11
|
+
decimalSeparator: '.'
|
|
11
12
|
};
|
|
12
13
|
describe('useAmountInputFormatting', () => {
|
|
13
14
|
it('formats the value prop', () => {
|
|
@@ -55,5 +56,23 @@ describe('useAmountInputFormatting', () => {
|
|
|
55
56
|
});
|
|
56
57
|
expect(onChangeText).toHaveBeenCalledWith('1 000');
|
|
57
58
|
});
|
|
59
|
+
it('displays and emits the configured decimal separator', () => {
|
|
60
|
+
const onChangeText = jest.fn();
|
|
61
|
+
const {
|
|
62
|
+
result
|
|
63
|
+
} = renderHook(() => useAmountInputFormatting({
|
|
64
|
+
value: '1234.5',
|
|
65
|
+
onChangeText,
|
|
66
|
+
formatOptions: {
|
|
67
|
+
...defaultFormatOptions,
|
|
68
|
+
decimalSeparator: ','
|
|
69
|
+
}
|
|
70
|
+
}));
|
|
71
|
+
expect(result.current.formattedValue).toBe('1 234,5');
|
|
72
|
+
act(() => {
|
|
73
|
+
result.current.handleChangeText('12,5');
|
|
74
|
+
});
|
|
75
|
+
expect(onChangeText).toHaveBeenCalledWith('12,5');
|
|
76
|
+
});
|
|
58
77
|
});
|
|
59
78
|
//# sourceMappingURL=useAmountInputFormatting.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["describe","it","expect","jest","renderHook","act","useAmountInputFormatting","defaultFormatOptions","allowDecimals","thousandsSeparator","maxIntegerLength","maxDecimalLength","result","value","onChangeText","fn","formatOptions","current","formattedValue","toBe","rerender","initialProps","handleChangeText","toHaveBeenCalledWith"],"sourceRoot":"../../../../../../src","sources":["lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.test.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,EAAE,EAAEC,MAAM,EAAEC,IAAI,QAAQ,eAAe;AAC1D,SAASC,UAAU,EAAEC,GAAG,QAAQ,+BAA+B;AAC/D,SAASC,wBAAwB,QAAQ,+BAA4B;AAErE,MAAMC,oBAAoB,GAAG;EAC3BC,aAAa,EAAE,IAAI;EACnBC,kBAAkB,EAAE,IAAI;EACxBC,gBAAgB,EAAE,CAAC;EACnBC,gBAAgB,EAAE;AACpB,CAAC;
|
|
1
|
+
{"version":3,"names":["describe","it","expect","jest","renderHook","act","useAmountInputFormatting","defaultFormatOptions","allowDecimals","thousandsSeparator","maxIntegerLength","maxDecimalLength","decimalSeparator","result","value","onChangeText","fn","formatOptions","current","formattedValue","toBe","rerender","initialProps","handleChangeText","toHaveBeenCalledWith"],"sourceRoot":"../../../../../../src","sources":["lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.test.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,EAAE,EAAEC,MAAM,EAAEC,IAAI,QAAQ,eAAe;AAC1D,SAASC,UAAU,EAAEC,GAAG,QAAQ,+BAA+B;AAC/D,SAASC,wBAAwB,QAAQ,+BAA4B;AAErE,MAAMC,oBAAoB,GAAG;EAC3BC,aAAa,EAAE,IAAI;EACnBC,kBAAkB,EAAE,IAAI;EACxBC,gBAAgB,EAAE,CAAC;EACnBC,gBAAgB,EAAE,CAAC;EACnBC,gBAAgB,EAAE;AACpB,CAAC;AAEDZ,QAAQ,CAAC,0BAA0B,EAAE,MAAM;EACzCC,EAAE,CAAC,wBAAwB,EAAE,MAAM;IACjC,MAAM;MAAEY;IAAO,CAAC,GAAGT,UAAU,CAAC,MAC5BE,wBAAwB,CAAC;MACvBQ,KAAK,EAAE,MAAM;MACbC,YAAY,EAAEZ,IAAI,CAACa,EAAE,CAAC,CAAC;MACvBC,aAAa,EAAEV;IACjB,CAAC,CACH,CAAC;IAEDL,MAAM,CAACW,MAAM,CAACK,OAAO,CAACC,cAAc,CAAC,CAACC,IAAI,CAAC,OAAO,CAAC;EACrD,CAAC,CAAC;EAEFnB,EAAE,CAAC,oDAAoD,EAAE,MAAM;IAC7D,MAAM;MAAEY,MAAM;MAAEQ;IAAS,CAAC,GAAGjB,UAAU,CAIrC,CAAC;MAAEU;IAAM,CAAC,KACRR,wBAAwB,CAAC;MACvBQ,KAAK;MACLC,YAAY,EAAEZ,IAAI,CAACa,EAAE,CAAC,CAAC;MACvBC,aAAa,EAAEV;IACjB,CAAC,CAAC,EACJ;MAAEe,YAAY,EAAE;QAAER,KAAK,EAAE;MAAM;IAAE,CACnC,CAAC;IAEDZ,MAAM,CAACW,MAAM,CAACK,OAAO,CAACC,cAAc,CAAC,CAACC,IAAI,CAAC,KAAK,CAAC;IAEjDC,QAAQ,CAAC;MAAEP,KAAK,EAAE;IAAO,CAAC,CAAC;IAE3BZ,MAAM,CAACW,MAAM,CAACK,OAAO,CAACC,cAAc,CAAC,CAACC,IAAI,CAAC,OAAO,CAAC;EACrD,CAAC,CAAC;EAEFnB,EAAE,CAAC,kEAAkE,EAAE,MAAM;IAC3E,MAAMc,YAAY,GAAGZ,IAAI,CAACa,EAAE,CAAC,CAAC;IAC9B,MAAM;MAAEH;IAAO,CAAC,GAAGT,UAAU,CAAC,MAC5BE,wBAAwB,CAAC;MACvBQ,KAAK,EAAE,EAAE;MACTC,YAAY;MACZE,aAAa,EAAEV;IACjB,CAAC,CACH,CAAC;IAEDF,GAAG,CAAC,MAAM;MACRQ,MAAM,CAACK,OAAO,CAACK,gBAAgB,CAAC,MAAM,CAAC;IACzC,CAAC,CAAC;IAEFrB,MAAM,CAACa,YAAY,CAAC,CAACS,oBAAoB,CAAC,OAAO,CAAC;EACpD,CAAC,CAAC;EAEFvB,EAAE,CAAC,qDAAqD,EAAE,MAAM;IAC9D,MAAMc,YAAY,GAAGZ,IAAI,CAACa,EAAE,CAAC,CAAC;IAC9B,MAAM;MAAEH;IAAO,CAAC,GAAGT,UAAU,CAAC,MAC5BE,wBAAwB,CAAC;MACvBQ,KAAK,EAAE,QAAQ;MACfC,YAAY;MACZE,aAAa,EAAE;QAAE,GAAGV,oBAAoB;QAAEK,gBAAgB,EAAE;MAAI;IAClE,CAAC,CACH,CAAC;IAEDV,MAAM,CAACW,MAAM,CAACK,OAAO,CAACC,cAAc,CAAC,CAACC,IAAI,CAAC,SAAS,CAAC;IAErDf,GAAG,CAAC,MAAM;MACRQ,MAAM,CAACK,OAAO,CAACK,gBAAgB,CAAC,MAAM,CAAC;IACzC,CAAC,CAAC;IAEFrB,MAAM,CAACa,YAAY,CAAC,CAACS,oBAAoB,CAAC,MAAM,CAAC;EACnD,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import figma from '@figma/code-connect';
|
|
4
|
+
import { DotIndicator, getDotIndicatorProps } from "../DotIndicator/index.js";
|
|
4
5
|
import { Avatar } from "./Avatar.js";
|
|
5
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
7
|
figma.connect(Avatar, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=11097-8', {
|
|
7
|
-
imports: ["import { Avatar } from '@ledgerhq/lumen-ui-rnative'"],
|
|
8
|
+
imports: ["import { Avatar, DotIndicator, getDotIndicatorProps } from '@ledgerhq/lumen-ui-rnative'"],
|
|
8
9
|
props: {
|
|
9
10
|
appearance: figma.enum('appearance', {
|
|
10
11
|
gray: 'gray',
|
|
@@ -16,17 +17,19 @@ figma.connect(Avatar, 'https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-
|
|
|
16
17
|
lg: 'lg',
|
|
17
18
|
xl: 'xl'
|
|
18
19
|
}),
|
|
19
|
-
showNotification: figma.boolean('show-notification'
|
|
20
|
-
true: true,
|
|
21
|
-
false: false
|
|
22
|
-
})
|
|
20
|
+
showNotification: figma.boolean('show-notification')
|
|
23
21
|
},
|
|
24
|
-
example: props =>
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
22
|
+
example: props => {
|
|
23
|
+
const avatar = /*#__PURE__*/_jsx(Avatar, {
|
|
24
|
+
src: "https://example-image.com",
|
|
25
|
+
appearance: props.appearance,
|
|
26
|
+
size: props.size,
|
|
27
|
+
alt: "John Doe's Avatar"
|
|
28
|
+
});
|
|
29
|
+
return props.showNotification && (props.size === 'sm' || props.size === 'md') ? /*#__PURE__*/_jsx(DotIndicator, {
|
|
30
|
+
...getDotIndicatorProps('avatar', props.size),
|
|
31
|
+
children: avatar
|
|
32
|
+
}) : avatar;
|
|
33
|
+
}
|
|
31
34
|
});
|
|
32
35
|
//# sourceMappingURL=Avatar.figma.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["figma","Avatar","jsx","_jsx","connect","imports","props","appearance","enum","gray","transparent","size","sm","md","lg","xl","showNotification","boolean","
|
|
1
|
+
{"version":3,"names":["figma","DotIndicator","getDotIndicatorProps","Avatar","jsx","_jsx","connect","imports","props","appearance","enum","gray","transparent","size","sm","md","lg","xl","showNotification","boolean","example","avatar","src","alt","children"],"sourceRoot":"../../../../../src","sources":["lib/Components/Avatar/Avatar.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,YAAY,EAAEC,oBAAoB,QAAQ,0BAAiB;AACpE,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElCL,KAAK,CAACM,OAAO,CACXH,MAAM,EACN,qEAAqE,EACrE;EACEI,OAAO,EAAE,CACP,yFAAyF,CAC1F;EACDC,KAAK,EAAE;IACLC,UAAU,EAAET,KAAK,CAACU,IAAI,CAAC,YAAY,EAAE;MACnCC,IAAI,EAAE,MAAM;MACZC,WAAW,EAAE;IACf,CAAC,CAAC;IACFC,IAAI,EAAEb,KAAK,CAACU,IAAI,CAAC,MAAM,EAAE;MACvBI,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE;IACN,CAAC,CAAC;IACFC,gBAAgB,EAAElB,KAAK,CAACmB,OAAO,CAAC,mBAAmB;EACrD,CAAC;EACDC,OAAO,EAAGZ,KAAK,IAAK;IAClB,MAAMa,MAAM,gBACVhB,IAAA,CAACF,MAAM;MACLmB,GAAG,EAAC,2BAA2B;MAC/Bb,UAAU,EAAED,KAAK,CAACC,UAAW;MAC7BI,IAAI,EAAEL,KAAK,CAACK,IAAK;MACjBU,GAAG,EAAC;IAAmB,CACxB,CACF;IAED,OAAOf,KAAK,CAACU,gBAAgB,KAC1BV,KAAK,CAACK,IAAI,KAAK,IAAI,IAAIL,KAAK,CAACK,IAAI,KAAK,IAAI,CAAC,gBAC5CR,IAAA,CAACJ,YAAY;MAAA,GAAKC,oBAAoB,CAAC,QAAQ,EAAEM,KAAK,CAACK,IAAI,CAAC;MAAAW,QAAA,EACzDH;IAAM,CACK,CAAC,GAEfA,MACD;EACH;AACF,CACF,CAAC","ignoreList":[]}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { useEffect, useState } from 'react';
|
|
4
|
+
import { Image, StyleSheet } from 'react-native';
|
|
5
5
|
import { useCommonTranslation } from "../../../i18n/index.js";
|
|
6
6
|
import { useStyleSheet } from "../../../styles/index.js";
|
|
7
7
|
import { User } from "../../Symbols/index.js";
|
|
8
|
-
import { DotIndicator } from "../DotIndicator/index.js";
|
|
9
8
|
import { Box } from "../Utility/index.js";
|
|
10
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
10
|
const fallbackSizes = {
|
|
@@ -14,10 +13,6 @@ const fallbackSizes = {
|
|
|
14
13
|
lg: 32,
|
|
15
14
|
xl: 40
|
|
16
15
|
};
|
|
17
|
-
const dotSizeMap = {
|
|
18
|
-
sm: 'lg',
|
|
19
|
-
md: 'xl'
|
|
20
|
-
};
|
|
21
16
|
const useStyles = ({
|
|
22
17
|
appearance,
|
|
23
18
|
size
|
|
@@ -78,9 +73,6 @@ const useStyles = ({
|
|
|
78
73
|
* import { Avatar } from '@ledgerhq/lumen-ui-rnative';
|
|
79
74
|
*
|
|
80
75
|
* <Avatar src="https://example.com/photo.jpg" size="md" />
|
|
81
|
-
*
|
|
82
|
-
* // With notification indicator
|
|
83
|
-
* <Avatar src="https://example.com/photo.jpg" showNotification />
|
|
84
76
|
*/
|
|
85
77
|
export const Avatar = ({
|
|
86
78
|
lx,
|
|
@@ -89,8 +81,6 @@ export const Avatar = ({
|
|
|
89
81
|
alt = 'avatar',
|
|
90
82
|
appearance = 'transparent',
|
|
91
83
|
size = 'md',
|
|
92
|
-
showNotification: showNotificationProp = false,
|
|
93
|
-
testID,
|
|
94
84
|
ref,
|
|
95
85
|
...props
|
|
96
86
|
}) => {
|
|
@@ -103,11 +93,7 @@ export const Avatar = ({
|
|
|
103
93
|
appearance,
|
|
104
94
|
size
|
|
105
95
|
});
|
|
106
|
-
const resolvedAlt = alt || t('components.avatar.
|
|
107
|
-
|
|
108
|
-
// dot indicator is not visible on larger sizes, regardless of the `showNotification` prop
|
|
109
|
-
const showNotification = showNotificationProp && (size === 'sm' || size === 'md');
|
|
110
|
-
const accessibilityLabel = showNotification ? `${resolvedAlt}, ${t('components.avatar.notificationAriaLabel')}` : resolvedAlt;
|
|
96
|
+
const resolvedAlt = alt || t('components.avatar.defaultAriaLabel');
|
|
111
97
|
useEffect(() => {
|
|
112
98
|
setError(false);
|
|
113
99
|
}, [src]);
|
|
@@ -116,8 +102,7 @@ export const Avatar = ({
|
|
|
116
102
|
lx: lx,
|
|
117
103
|
style: StyleSheet.flatten([styles.root, style]),
|
|
118
104
|
accessibilityRole: "image",
|
|
119
|
-
accessibilityLabel:
|
|
120
|
-
testID: showNotification ? undefined : testID,
|
|
105
|
+
accessibilityLabel: resolvedAlt,
|
|
121
106
|
...props,
|
|
122
107
|
children: shouldFallback ? /*#__PURE__*/_jsx(User, {
|
|
123
108
|
size: fallbackSizes[size],
|
|
@@ -133,14 +118,6 @@ export const Avatar = ({
|
|
|
133
118
|
testID: "avatar-image"
|
|
134
119
|
})
|
|
135
120
|
});
|
|
136
|
-
if (showNotification) {
|
|
137
|
-
return /*#__PURE__*/_jsx(DotIndicator, {
|
|
138
|
-
size: dotSizeMap[size],
|
|
139
|
-
appearance: "red",
|
|
140
|
-
testID: testID,
|
|
141
|
-
children: avatarContent
|
|
142
|
-
});
|
|
143
|
-
}
|
|
144
121
|
return avatarContent;
|
|
145
122
|
};
|
|
146
123
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useEffect","useState","Image","StyleSheet","useCommonTranslation","useStyleSheet","User","Box","jsx","_jsx","fallbackSizes","sm","md","lg","xl","useStyles","appearance","size","t","backgroundColors","gray","colors","bg","muted","transparent","mutedTransparent","sizeMap","sizes","s40","padding","spacings","s4","s48","s56","s72","root","position","width","height","borderRadius","backgroundColor","alignItems","justifyContent","image","overflow","Avatar","lx","style","src","alt","ref","props","error","setError","shouldFallback","styles","resolvedAlt","avatarContent","flatten","accessibilityRole","accessibilityLabel","children","accessible","testID","source","uri","onError"],"sourceRoot":"../../../../../src","sources":["lib/Components/Avatar/Avatar.tsx"],"mappings":"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","ignoreList":[]}
|