@ledgerhq/lumen-ui-rnative 0.1.36 → 0.1.38
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/lib/Animations/Pulse/Pulse.mdx +1 -1
- package/dist/module/lib/Animations/Spin/Spin.mdx +1 -1
- package/dist/module/lib/Components/AddressInput/AddressInput.mdx +1 -1
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.js +68 -39
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.js.map +1 -1
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.mdx +7 -1
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.stories.js +24 -0
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.stories.js.map +1 -1
- package/dist/module/lib/Components/AmountDisplay/types.js.map +1 -1
- package/dist/module/lib/Components/AmountInput/AmountInput.js +109 -72
- package/dist/module/lib/Components/AmountInput/AmountInput.js.map +1 -1
- package/dist/module/lib/Components/AmountInput/AmountInput.mdx +13 -1
- package/dist/module/lib/Components/AmountInput/AmountInput.stories.js +53 -0
- package/dist/module/lib/Components/AmountInput/AmountInput.stories.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.js +6 -5
- package/dist/module/lib/Components/Avatar/Avatar.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.mdx +3 -1
- package/dist/module/lib/Components/Avatar/Avatar.test.js +10 -13
- package/dist/module/lib/Components/Avatar/Avatar.test.js.map +1 -1
- package/dist/module/lib/Components/Banner/Banner.mdx +1 -1
- package/dist/module/lib/Components/BottomSheet/BottomSheet.mdx +1 -1
- package/dist/module/lib/Components/Button/Button.mdx +1 -1
- package/dist/module/lib/Components/Card/Card.stories.js +4 -9
- package/dist/module/lib/Components/Card/Card.stories.js.map +1 -1
- package/dist/module/lib/Components/CardButton/CardButton.mdx +1 -1
- package/dist/module/lib/Components/Checkbox/Checkbox.mdx +1 -1
- package/dist/module/lib/Components/Divider/Divider.mdx +1 -1
- package/dist/module/lib/Components/DotIcon/DotIcon.js +51 -27
- package/dist/module/lib/Components/DotIcon/DotIcon.js.map +1 -1
- package/dist/module/lib/Components/DotIcon/DotIcon.mdx +92 -0
- package/dist/module/lib/Components/DotIcon/DotIcon.stories.js +57 -0
- package/dist/module/lib/Components/DotIcon/DotIcon.stories.js.map +1 -1
- package/dist/module/lib/Components/DotIndicator/DotIndicator.js +5 -5
- package/dist/module/lib/Components/DotIndicator/DotIndicator.js.map +1 -1
- package/dist/module/lib/Components/DotIndicator/DotIndicator.mdx +4 -4
- package/dist/module/lib/Components/DotIndicator/DotIndicator.stories.js +3 -3
- package/dist/module/lib/Components/DotIndicator/DotIndicator.test.js +12 -2
- package/dist/module/lib/Components/DotIndicator/DotIndicator.test.js.map +1 -1
- package/dist/module/lib/Components/DotSymbol/DotSymbol.js +59 -34
- package/dist/module/lib/Components/DotSymbol/DotSymbol.js.map +1 -1
- package/dist/module/lib/Components/DotSymbol/DotSymbol.mdx +79 -2
- package/dist/module/lib/Components/DotSymbol/DotSymbol.stories.js +60 -0
- package/dist/module/lib/Components/DotSymbol/DotSymbol.stories.js.map +1 -1
- package/dist/module/lib/Components/IconButton/IconButton.mdx +1 -1
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.mdx +1 -1
- package/dist/module/lib/Components/Label/Label.js +1 -1
- package/dist/module/lib/Components/Link/Link.mdx +1 -1
- package/dist/module/lib/Components/MediaBanner/MediaBanner.mdx +1 -1
- package/dist/module/lib/Components/MediaButton/MediaButton.js +19 -19
- package/dist/module/lib/Components/MediaButton/MediaButton.js.map +1 -1
- package/dist/module/lib/Components/MediaButton/MediaButton.mdx +5 -5
- package/dist/module/lib/Components/MediaButton/MediaButton.stories.js +17 -17
- package/dist/module/lib/Components/MediaButton/MediaButton.stories.js.map +1 -1
- package/dist/module/lib/Components/MediaButton/MediaButton.test.js +4 -4
- package/dist/module/lib/Components/MediaButton/MediaButton.test.js.map +1 -1
- package/dist/module/lib/Components/MediaImage/MediaImage.js +24 -6
- package/dist/module/lib/Components/MediaImage/MediaImage.js.map +1 -1
- package/dist/module/lib/Components/MediaImage/MediaImage.mdx +1 -1
- package/dist/module/lib/Components/MediaImage/MediaImage.stories.js +47 -0
- package/dist/module/lib/Components/MediaImage/MediaImage.stories.js.map +1 -1
- package/dist/module/lib/Components/NavBar/CoinCapsule.js +2 -2
- package/dist/module/lib/Components/NavBar/CoinCapsule.js.map +1 -1
- package/dist/module/lib/Components/NavBar/NavBar.js +2 -2
- package/dist/module/lib/Components/NavBar/NavBar.js.map +1 -1
- package/dist/module/lib/Components/NavBar/NavBar.mdx +2 -2
- package/dist/module/lib/Components/NavBar/NavBar.stories.js +1 -1
- package/dist/module/lib/Components/NavBar/NavBar.stories.js.map +1 -1
- package/dist/module/lib/Components/NavBar/NavBar.test.js +3 -3
- package/dist/module/lib/Components/NavBar/NavBar.test.js.map +1 -1
- package/dist/module/lib/Components/OptionList/OptionList.mdx +1 -1
- package/dist/module/lib/Components/OptionList/OptionList.stories.js +4 -4
- package/dist/module/lib/Components/OptionList/OptionList.stories.js.map +1 -1
- package/dist/module/lib/Components/PageIndicator/PageIndicator.js +13 -8
- package/dist/module/lib/Components/PageIndicator/PageIndicator.js.map +1 -1
- package/dist/module/lib/Components/PageIndicator/PageIndicator.test.js +58 -0
- package/dist/module/lib/Components/PageIndicator/PageIndicator.test.js.map +1 -1
- package/dist/module/lib/Components/SearchInput/SearchInput.mdx +1 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.mdx +1 -1
- package/dist/module/lib/Components/Spinner/Spinner.mdx +1 -1
- package/dist/module/lib/Components/Spot/Spot.mdx +1 -1
- package/dist/module/lib/Components/Stepper/Stepper.mdx +1 -1
- package/dist/module/lib/Components/Subheader/Subheader.mdx +1 -1
- package/dist/module/lib/Components/Switch/Switch.mdx +1 -1
- package/dist/module/lib/Components/TabBar/TabBar.mdx +1 -1
- package/dist/module/lib/Components/TextInput/TextInput.mdx +1 -1
- package/dist/module/lib/Components/ThemeProvider/ThemeProvider.js +2 -5
- package/dist/module/lib/Components/ThemeProvider/ThemeProvider.js.map +1 -1
- package/dist/module/lib/Components/Tile/Tile.mdx +1 -1
- package/dist/module/lib/Components/Tooltip/Tooltip.mdx +1 -1
- package/dist/module/lib/Components/index.js +0 -1
- package/dist/module/lib/Components/index.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Lightbulb.js +3 -3
- package/dist/module/lib/Symbols/Icons/Lightbulb.js.map +1 -1
- package/dist/typescript/src/lib/Components/AmountDisplay/AmountDisplay.d.ts +1 -1
- package/dist/typescript/src/lib/Components/AmountDisplay/AmountDisplay.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/AmountDisplay/index.d.ts +1 -1
- package/dist/typescript/src/lib/Components/AmountDisplay/index.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/AmountDisplay/types.d.ts +10 -3
- package/dist/typescript/src/lib/Components/AmountDisplay/types.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 +12 -0
- package/dist/typescript/src/lib/Components/AmountInput/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Avatar/Avatar.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/DotIcon/DotIcon.d.ts +3 -2
- package/dist/typescript/src/lib/Components/DotIcon/DotIcon.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/DotIcon/types.d.ts +7 -1
- package/dist/typescript/src/lib/Components/DotIcon/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/DotIndicator/types.d.ts +2 -2
- package/dist/typescript/src/lib/Components/DotSymbol/DotSymbol.d.ts +1 -1
- package/dist/typescript/src/lib/Components/DotSymbol/DotSymbol.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/DotSymbol/types.d.ts +7 -1
- package/dist/typescript/src/lib/Components/DotSymbol/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Label/Label.d.ts +1 -1
- package/dist/typescript/src/lib/Components/MediaButton/MediaButton.d.ts +5 -5
- package/dist/typescript/src/lib/Components/MediaButton/MediaButton.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/MediaButton/types.d.ts +6 -6
- package/dist/typescript/src/lib/Components/MediaButton/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/MediaImage/MediaImage.d.ts +1 -1
- package/dist/typescript/src/lib/Components/MediaImage/MediaImage.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/MediaImage/types.d.ts +7 -1
- package/dist/typescript/src/lib/Components/MediaImage/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/NavBar/CoinCapsule.d.ts +1 -1
- package/dist/typescript/src/lib/Components/NavBar/CoinCapsule.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/NavBar/NavBar.d.ts +1 -1
- package/dist/typescript/src/lib/Components/NavBar/NavBar.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/NavBar/types.d.ts +3 -3
- package/dist/typescript/src/lib/Components/NavBar/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/PageIndicator/PageIndicator.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/index.d.ts +0 -1
- package/dist/typescript/src/lib/Components/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/lib/Animations/Pulse/Pulse.mdx +1 -1
- package/src/lib/Animations/Spin/Spin.mdx +1 -1
- package/src/lib/Components/AddressInput/AddressInput.mdx +1 -1
- package/src/lib/Components/AmountDisplay/AmountDisplay.mdx +7 -1
- package/src/lib/Components/AmountDisplay/AmountDisplay.stories.tsx +18 -0
- package/src/lib/Components/AmountDisplay/AmountDisplay.tsx +71 -40
- package/src/lib/Components/AmountDisplay/index.ts +5 -1
- package/src/lib/Components/AmountDisplay/types.ts +12 -3
- package/src/lib/Components/AmountInput/AmountInput.mdx +13 -1
- package/src/lib/Components/AmountInput/AmountInput.stories.tsx +68 -1
- package/src/lib/Components/AmountInput/AmountInput.tsx +118 -75
- package/src/lib/Components/AmountInput/types.ts +14 -0
- package/src/lib/Components/Avatar/Avatar.mdx +3 -1
- package/src/lib/Components/Avatar/Avatar.test.tsx +16 -18
- package/src/lib/Components/Avatar/Avatar.tsx +9 -8
- package/src/lib/Components/Banner/Banner.mdx +1 -1
- package/src/lib/Components/BottomSheet/BottomSheet.mdx +1 -1
- package/src/lib/Components/Button/Button.mdx +1 -1
- package/src/lib/Components/Card/Card.stories.tsx +1 -3
- package/src/lib/Components/CardButton/CardButton.mdx +1 -1
- package/src/lib/Components/Checkbox/Checkbox.mdx +1 -1
- package/src/lib/Components/Divider/Divider.mdx +1 -1
- package/src/lib/Components/DotIcon/DotIcon.mdx +92 -0
- package/src/lib/Components/DotIcon/DotIcon.stories.tsx +43 -0
- package/src/lib/Components/DotIcon/DotIcon.tsx +35 -15
- package/src/lib/Components/DotIcon/types.ts +7 -1
- package/src/lib/Components/DotIndicator/DotIndicator.mdx +4 -4
- package/src/lib/Components/DotIndicator/DotIndicator.stories.tsx +2 -2
- package/src/lib/Components/DotIndicator/DotIndicator.test.tsx +12 -2
- package/src/lib/Components/DotIndicator/DotIndicator.tsx +5 -5
- package/src/lib/Components/DotIndicator/types.ts +2 -2
- package/src/lib/Components/DotSymbol/DotSymbol.mdx +79 -2
- package/src/lib/Components/DotSymbol/DotSymbol.stories.tsx +32 -0
- package/src/lib/Components/DotSymbol/DotSymbol.tsx +46 -25
- package/src/lib/Components/DotSymbol/types.ts +7 -1
- package/src/lib/Components/IconButton/IconButton.mdx +1 -1
- package/src/lib/Components/InteractiveIcon/InteractiveIcon.mdx +1 -1
- package/src/lib/Components/Label/Label.tsx +1 -1
- package/src/lib/Components/Link/Link.mdx +1 -1
- package/src/lib/Components/MediaBanner/MediaBanner.mdx +1 -1
- package/src/lib/Components/MediaButton/MediaButton.mdx +5 -5
- package/src/lib/Components/MediaButton/MediaButton.stories.tsx +29 -15
- package/src/lib/Components/MediaButton/MediaButton.test.tsx +4 -4
- package/src/lib/Components/MediaButton/MediaButton.tsx +35 -22
- package/src/lib/Components/MediaButton/types.ts +6 -6
- package/src/lib/Components/MediaImage/MediaImage.mdx +1 -1
- package/src/lib/Components/MediaImage/MediaImage.stories.tsx +21 -0
- package/src/lib/Components/MediaImage/MediaImage.tsx +14 -2
- package/src/lib/Components/MediaImage/types.ts +7 -1
- package/src/lib/Components/NavBar/CoinCapsule.tsx +2 -2
- package/src/lib/Components/NavBar/NavBar.mdx +2 -2
- package/src/lib/Components/NavBar/NavBar.stories.tsx +3 -1
- package/src/lib/Components/NavBar/NavBar.test.tsx +3 -3
- package/src/lib/Components/NavBar/NavBar.tsx +2 -2
- package/src/lib/Components/NavBar/types.ts +3 -3
- package/src/lib/Components/OptionList/OptionList.mdx +1 -1
- package/src/lib/Components/OptionList/OptionList.stories.tsx +4 -4
- package/src/lib/Components/PageIndicator/PageIndicator.test.tsx +78 -0
- package/src/lib/Components/PageIndicator/PageIndicator.tsx +15 -7
- package/src/lib/Components/SearchInput/SearchInput.mdx +1 -1
- package/src/lib/Components/SegmentedControl/SegmentedControl.mdx +1 -1
- package/src/lib/Components/Spinner/Spinner.mdx +1 -1
- package/src/lib/Components/Spot/Spot.mdx +1 -1
- package/src/lib/Components/Stepper/Stepper.mdx +1 -1
- package/src/lib/Components/Subheader/Subheader.mdx +1 -1
- package/src/lib/Components/Switch/Switch.mdx +1 -1
- package/src/lib/Components/TabBar/TabBar.mdx +1 -1
- package/src/lib/Components/TextInput/TextInput.mdx +1 -1
- package/src/lib/Components/ThemeProvider/ThemeProvider.tsx +1 -4
- package/src/lib/Components/Tile/Tile.mdx +1 -1
- package/src/lib/Components/Tooltip/Tooltip.mdx +1 -1
- package/src/lib/Components/index.ts +0 -1
- package/src/lib/Symbols/Icons/Lightbulb.tsx +3 -3
- package/dist/module/lib/Components/Select/GlobalSelectBottomSheet.js +0 -155
- package/dist/module/lib/Components/Select/GlobalSelectBottomSheet.js.map +0 -1
- package/dist/module/lib/Components/Select/GlobalSelectContext.js +0 -78
- package/dist/module/lib/Components/Select/GlobalSelectContext.js.map +0 -1
- package/dist/module/lib/Components/Select/Select.js +0 -366
- package/dist/module/lib/Components/Select/Select.js.map +0 -1
- package/dist/module/lib/Components/Select/Select.mdx +0 -596
- package/dist/module/lib/Components/Select/Select.stories.js +0 -304
- package/dist/module/lib/Components/Select/Select.stories.js.map +0 -1
- package/dist/module/lib/Components/Select/Select.test.js +0 -123
- package/dist/module/lib/Components/Select/Select.test.js.map +0 -1
- package/dist/module/lib/Components/Select/SelectContext.js +0 -38
- package/dist/module/lib/Components/Select/SelectContext.js.map +0 -1
- package/dist/module/lib/Components/Select/index.js +0 -6
- package/dist/module/lib/Components/Select/index.js.map +0 -1
- package/dist/module/lib/Components/Select/types.js +0 -4
- package/dist/module/lib/Components/Select/types.js.map +0 -1
- package/dist/typescript/src/lib/Components/Select/GlobalSelectBottomSheet.d.ts +0 -20
- package/dist/typescript/src/lib/Components/Select/GlobalSelectBottomSheet.d.ts.map +0 -1
- package/dist/typescript/src/lib/Components/Select/GlobalSelectContext.d.ts +0 -44
- package/dist/typescript/src/lib/Components/Select/GlobalSelectContext.d.ts.map +0 -1
- package/dist/typescript/src/lib/Components/Select/Select.d.ts +0 -52
- package/dist/typescript/src/lib/Components/Select/Select.d.ts.map +0 -1
- package/dist/typescript/src/lib/Components/Select/SelectContext.d.ts +0 -36
- package/dist/typescript/src/lib/Components/Select/SelectContext.d.ts.map +0 -1
- package/dist/typescript/src/lib/Components/Select/index.d.ts +0 -4
- package/dist/typescript/src/lib/Components/Select/index.d.ts.map +0 -1
- package/dist/typescript/src/lib/Components/Select/types.d.ts +0 -130
- package/dist/typescript/src/lib/Components/Select/types.d.ts.map +0 -1
- package/src/lib/Components/Select/GlobalSelectBottomSheet.tsx +0 -180
- package/src/lib/Components/Select/GlobalSelectContext.tsx +0 -103
- package/src/lib/Components/Select/Select.mdx +0 -596
- package/src/lib/Components/Select/Select.stories.tsx +0 -266
- package/src/lib/Components/Select/Select.test.tsx +0 -117
- package/src/lib/Components/Select/Select.tsx +0 -469
- package/src/lib/Components/Select/SelectContext.tsx +0 -68
- package/src/lib/Components/Select/index.ts +0 -3
- package/src/lib/Components/Select/types.ts +0 -149
|
@@ -77,12 +77,12 @@ describe('DotIndicator', () => {
|
|
|
77
77
|
}));
|
|
78
78
|
expect(ref.current).toBeTruthy();
|
|
79
79
|
});
|
|
80
|
-
it('should render in
|
|
80
|
+
it('should render in sm size', () => {
|
|
81
81
|
const {
|
|
82
82
|
toJSON
|
|
83
83
|
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
84
84
|
children: /*#__PURE__*/_jsx(DotIndicator, {
|
|
85
|
-
size: "
|
|
85
|
+
size: "sm"
|
|
86
86
|
})
|
|
87
87
|
}));
|
|
88
88
|
expect(toJSON()).toBeTruthy();
|
|
@@ -107,6 +107,16 @@ describe('DotIndicator', () => {
|
|
|
107
107
|
}));
|
|
108
108
|
expect(toJSON()).toBeTruthy();
|
|
109
109
|
});
|
|
110
|
+
it('should render in xl size', () => {
|
|
111
|
+
const {
|
|
112
|
+
toJSON
|
|
113
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
114
|
+
children: /*#__PURE__*/_jsx(DotIndicator, {
|
|
115
|
+
size: "xl"
|
|
116
|
+
})
|
|
117
|
+
}));
|
|
118
|
+
expect(toJSON()).toBeTruthy();
|
|
119
|
+
});
|
|
110
120
|
it('should render with red appearance', () => {
|
|
111
121
|
const {
|
|
112
122
|
toJSON
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["describe","it","expect","ledgerLiveThemes","render","createRef","Text","ThemeProvider","DotIndicator","jsx","_jsx","TestWrapper","children","themes","colorScheme","locale","toJSON","toBeTruthy","getByText","getByLabelText","accessibilityLabel","getByTestId","testID","pointerEvents","props","toBe","ref","current","size","appearance","disabled"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotIndicator/DotIndicator.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["describe","it","expect","ledgerLiveThemes","render","createRef","Text","ThemeProvider","DotIndicator","jsx","_jsx","TestWrapper","children","themes","colorScheme","locale","toJSON","toBeTruthy","getByText","getByLabelText","accessibilityLabel","getByTestId","testID","pointerEvents","props","toBe","ref","current","size","appearance","disabled"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotIndicator/DotIndicator.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { DisabledProvider, useDisabledContext } from '@ledgerhq/lumen-utils-shared';
|
|
3
4
|
import { useEffect, useState } from 'react';
|
|
4
|
-
import { Image
|
|
5
|
+
import { Image } from 'react-native';
|
|
5
6
|
import { useStyleSheet } from "../../../styles/index.js";
|
|
6
7
|
import { Box } from "../Utility/index.js";
|
|
7
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -11,7 +12,8 @@ const dotSquareRadiusMap = {
|
|
|
11
12
|
12: 4,
|
|
12
13
|
16: 5,
|
|
13
14
|
20: 6,
|
|
14
|
-
24: 8
|
|
15
|
+
24: 8,
|
|
16
|
+
32: 10
|
|
15
17
|
};
|
|
16
18
|
const offsetBySize = {
|
|
17
19
|
8: -2,
|
|
@@ -19,7 +21,8 @@ const offsetBySize = {
|
|
|
19
21
|
12: -2,
|
|
20
22
|
16: -3,
|
|
21
23
|
20: -3,
|
|
22
|
-
24: -3
|
|
24
|
+
24: -3,
|
|
25
|
+
32: -3
|
|
23
26
|
};
|
|
24
27
|
export const mediaImageDotSizeMap = {
|
|
25
28
|
12: 8,
|
|
@@ -30,14 +33,15 @@ export const mediaImageDotSizeMap = {
|
|
|
30
33
|
40: 16,
|
|
31
34
|
48: 20,
|
|
32
35
|
56: 24,
|
|
33
|
-
64: 24
|
|
36
|
+
64: 24,
|
|
37
|
+
72: 32
|
|
34
38
|
};
|
|
35
39
|
export const spotDotSizeMap = {
|
|
36
40
|
32: 12,
|
|
37
41
|
40: 16,
|
|
38
42
|
48: 20,
|
|
39
43
|
56: 24,
|
|
40
|
-
72:
|
|
44
|
+
72: 32
|
|
41
45
|
};
|
|
42
46
|
const pinAxisMap = {
|
|
43
47
|
'top-start': ['top', 'left'],
|
|
@@ -56,13 +60,20 @@ const getPinOffset = (pin, size) => {
|
|
|
56
60
|
const useStyles = ({
|
|
57
61
|
size,
|
|
58
62
|
shape,
|
|
59
|
-
pin
|
|
63
|
+
pin,
|
|
64
|
+
disabled
|
|
60
65
|
}) => {
|
|
61
66
|
return useStyleSheet(t => {
|
|
62
67
|
const sizeValue = t.sizes[`s${size}`];
|
|
63
68
|
const radius = shape === 'circle' ? t.borderRadius.full : dotSquareRadiusMap[size];
|
|
64
69
|
const pinOffset = getPinOffset(pin, size);
|
|
65
70
|
return {
|
|
71
|
+
root: {
|
|
72
|
+
position: 'relative',
|
|
73
|
+
...(disabled && {
|
|
74
|
+
opacity: 0.3
|
|
75
|
+
})
|
|
76
|
+
},
|
|
66
77
|
dot: {
|
|
67
78
|
position: 'absolute',
|
|
68
79
|
zIndex: 10,
|
|
@@ -80,7 +91,7 @@ const useStyles = ({
|
|
|
80
91
|
height: '100%'
|
|
81
92
|
}
|
|
82
93
|
};
|
|
83
|
-
}, [size, shape, pin]);
|
|
94
|
+
}, [size, shape, pin, disabled]);
|
|
84
95
|
};
|
|
85
96
|
|
|
86
97
|
/**
|
|
@@ -101,46 +112,60 @@ export const DotSymbol = ({
|
|
|
101
112
|
pin = 'bottom-end',
|
|
102
113
|
size = 20,
|
|
103
114
|
shape = 'circle',
|
|
115
|
+
disabled: disabledProp = false,
|
|
104
116
|
lx = {},
|
|
105
117
|
style,
|
|
106
118
|
ref,
|
|
107
119
|
...rest
|
|
108
120
|
}) => {
|
|
121
|
+
const [error, setError] = useState(false);
|
|
122
|
+
const disabled = useDisabledContext({
|
|
123
|
+
consumerName: 'DotSymbol',
|
|
124
|
+
mergeWith: {
|
|
125
|
+
disabled: disabledProp
|
|
126
|
+
}
|
|
127
|
+
});
|
|
109
128
|
const styles = useStyles({
|
|
110
129
|
size,
|
|
111
130
|
shape,
|
|
112
|
-
pin
|
|
131
|
+
pin,
|
|
132
|
+
disabled
|
|
113
133
|
});
|
|
114
|
-
const [error, setError] = useState(false);
|
|
115
134
|
useEffect(() => {
|
|
116
135
|
setError(false);
|
|
117
136
|
}, [src]);
|
|
118
|
-
return /*#__PURE__*/_jsx(
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
position: 'relative'
|
|
137
|
+
return /*#__PURE__*/_jsx(DisabledProvider, {
|
|
138
|
+
value: {
|
|
139
|
+
disabled: false
|
|
140
|
+
},
|
|
141
|
+
children: /*#__PURE__*/_jsx(Box, {
|
|
142
|
+
ref: ref,
|
|
143
|
+
lx: lx,
|
|
144
|
+
style: [styles.root, style],
|
|
145
|
+
accessibilityRole: "image",
|
|
146
|
+
accessibilityLabel: alt,
|
|
147
|
+
accessibilityState: {
|
|
148
|
+
disabled
|
|
131
149
|
},
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
150
|
+
...rest,
|
|
151
|
+
children: /*#__PURE__*/_jsxs(Box, {
|
|
152
|
+
style: {
|
|
153
|
+
alignSelf: 'flex-start',
|
|
154
|
+
position: 'relative'
|
|
155
|
+
},
|
|
156
|
+
children: [children, /*#__PURE__*/_jsx(Box, {
|
|
157
|
+
style: styles.dot,
|
|
158
|
+
children: !error && /*#__PURE__*/_jsx(Image, {
|
|
159
|
+
source: {
|
|
160
|
+
uri: src
|
|
161
|
+
},
|
|
162
|
+
style: styles.image,
|
|
163
|
+
accessible: false,
|
|
164
|
+
onError: () => setError(true),
|
|
165
|
+
testID: "dot-symbol-img"
|
|
166
|
+
})
|
|
167
|
+
})]
|
|
168
|
+
})
|
|
144
169
|
})
|
|
145
170
|
});
|
|
146
171
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useState","Image","
|
|
1
|
+
{"version":3,"names":["DisabledProvider","useDisabledContext","useEffect","useState","Image","useStyleSheet","Box","jsx","_jsx","jsxs","_jsxs","dotSquareRadiusMap","offsetBySize","mediaImageDotSizeMap","spotDotSizeMap","pinAxisMap","getPinOffset","pin","size","v","h","offset","useStyles","shape","disabled","t","sizeValue","sizes","radius","borderRadius","full","pinOffset","root","position","opacity","dot","zIndex","width","height","borderWidth","backgroundColor","colors","bg","muted","borderColor","border","baseInverted","overflow","image","DotSymbol","children","src","alt","disabledProp","lx","style","ref","rest","error","setError","consumerName","mergeWith","styles","value","accessibilityRole","accessibilityLabel","accessibilityState","alignSelf","source","uri","accessible","onError","testID","displayName"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotSymbol/DotSymbol.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,14 +4,17 @@ import { CustomTabs, Tab } from '../../../../.storybook/components';
|
|
|
4
4
|
|
|
5
5
|
<Meta title='Communication/DotSymbol' of={DotSymbolStories} />
|
|
6
6
|
|
|
7
|
+
# DotSymbol
|
|
8
|
+
|
|
7
9
|
<CustomTabs>
|
|
8
10
|
<Tab label="Overview">
|
|
9
|
-
# DotSymbol
|
|
10
11
|
|
|
11
12
|
## Introduction
|
|
12
13
|
|
|
13
14
|
DotSymbol positions a small image indicator at a configurable corner of a child element such as MediaImage or Spot. It is commonly used to show a network badge or secondary icon overlapping a primary symbol.
|
|
14
15
|
|
|
16
|
+
> View in [Figma](https://www.figma.com/design/zSkvGGiqcnhywp2l3HTHxA/1.-Symbol-Library?node-id=8602-380&m=dev).
|
|
17
|
+
|
|
15
18
|
## Anatomy
|
|
16
19
|
|
|
17
20
|
<Canvas of={DotSymbolStories.Base} />
|
|
@@ -46,9 +49,83 @@ The dot size is driven by the parent MediaImage or Spot size via the mapping hel
|
|
|
46
49
|
|
|
47
50
|
<Canvas of={DotSymbolStories.SizeShowcase} />
|
|
48
51
|
|
|
52
|
+
### Disabled
|
|
53
|
+
|
|
54
|
+
Only set `disabled` on `DotSymbol`. The state is propagated to the child via context. Passing it to both stacks the opacity overlay.
|
|
55
|
+
|
|
56
|
+
<Canvas of={DotSymbolStories.DisabledShowcase} />
|
|
57
|
+
|
|
49
58
|
## Accessibility
|
|
50
59
|
|
|
51
60
|
- Always provide a meaningful `alt` prop on the DotSymbol so the indicator image is announced by screen readers.
|
|
52
61
|
- The child element should carry its own accessibility label independently.
|
|
62
|
+
|
|
63
|
+
</Tab>
|
|
64
|
+
<Tab label="Implementation">
|
|
65
|
+
|
|
66
|
+
## Setup
|
|
67
|
+
|
|
68
|
+
Install and set up the library with our [Setup Guide →](?path=/docs/getting-started-setup--docs).
|
|
69
|
+
|
|
70
|
+
### Basic Usage
|
|
71
|
+
|
|
72
|
+
```tsx
|
|
73
|
+
import { DotSymbol, MediaImage } from '@ledgerhq/lumen-ui-rnative';
|
|
74
|
+
|
|
75
|
+
function MyComponent() {
|
|
76
|
+
return (
|
|
77
|
+
<DotSymbol src='https://example.com/btc.png' alt='Bitcoin network'>
|
|
78
|
+
<MediaImage src='https://example.com/ada.png' alt='Cardano' size={48} />
|
|
79
|
+
</DotSymbol>
|
|
80
|
+
);
|
|
81
|
+
}
|
|
82
|
+
```
|
|
83
|
+
|
|
84
|
+
### Pin Placement
|
|
85
|
+
|
|
86
|
+
Position the dot at any of the four corners of the child:
|
|
87
|
+
|
|
88
|
+
```tsx
|
|
89
|
+
<DotSymbol src='https://example.com/btc.png' alt='Bitcoin' pin='top-end'>
|
|
90
|
+
<MediaImage src='https://example.com/ada.png' alt='Cardano' size={48} />
|
|
91
|
+
</DotSymbol>
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
### Shapes
|
|
95
|
+
|
|
96
|
+
Use `shape='square'` to match a square child element:
|
|
97
|
+
|
|
98
|
+
```tsx
|
|
99
|
+
<DotSymbol src='https://example.com/btc.png' alt='Bitcoin' shape='square'>
|
|
100
|
+
<MediaImage src='https://example.com/ada.png' alt='Cardano' size={48} shape='square' />
|
|
101
|
+
</DotSymbol>
|
|
102
|
+
```
|
|
103
|
+
|
|
104
|
+
### Sizing
|
|
105
|
+
|
|
106
|
+
The dot size is driven by the parent's size via the mapping helpers:
|
|
107
|
+
|
|
108
|
+
```tsx
|
|
109
|
+
import { DotSymbol, mediaImageDotSizeMap, MediaImage } from '@ledgerhq/lumen-ui-rnative';
|
|
110
|
+
|
|
111
|
+
<DotSymbol
|
|
112
|
+
src='https://example.com/btc.png'
|
|
113
|
+
alt='Bitcoin'
|
|
114
|
+
size={mediaImageDotSizeMap[48]}
|
|
115
|
+
>
|
|
116
|
+
<MediaImage src='https://example.com/ada.png' alt='Cardano' size={48} />
|
|
117
|
+
</DotSymbol>;
|
|
118
|
+
```
|
|
119
|
+
|
|
120
|
+
### Disabled State
|
|
121
|
+
|
|
122
|
+
Only set `disabled` on `DotSymbol`. The state is propagated to the child via context. Passing it to both stacks the opacity overlay.
|
|
123
|
+
|
|
124
|
+
```tsx
|
|
125
|
+
<DotSymbol src='https://example.com/btc.png' alt='Bitcoin' disabled>
|
|
126
|
+
<MediaImage src='https://example.com/ada.png' alt='Cardano' size={48} />
|
|
127
|
+
</DotSymbol>
|
|
128
|
+
```
|
|
129
|
+
|
|
53
130
|
</Tab>
|
|
54
|
-
</CustomTabs>
|
|
131
|
+
</CustomTabs>
|
|
@@ -160,6 +160,47 @@ export const ShapeShowcase = {
|
|
|
160
160
|
})
|
|
161
161
|
})
|
|
162
162
|
};
|
|
163
|
+
export const DisabledShowcase = {
|
|
164
|
+
args: {
|
|
165
|
+
src: dotSrc,
|
|
166
|
+
alt: 'Disabled showcase'
|
|
167
|
+
},
|
|
168
|
+
render: () => /*#__PURE__*/_jsxs(Box, {
|
|
169
|
+
lx: {
|
|
170
|
+
flexDirection: 'row',
|
|
171
|
+
alignItems: 'center',
|
|
172
|
+
gap: 's32'
|
|
173
|
+
},
|
|
174
|
+
children: [/*#__PURE__*/_jsx(DotSymbol, {
|
|
175
|
+
src: dotSrc,
|
|
176
|
+
pin: "bottom-end",
|
|
177
|
+
disabled: true,
|
|
178
|
+
children: /*#__PURE__*/_jsx(MediaImage, {
|
|
179
|
+
src: parentSrc,
|
|
180
|
+
size: 48,
|
|
181
|
+
shape: "circle"
|
|
182
|
+
})
|
|
183
|
+
}), /*#__PURE__*/_jsx(DotSymbol, {
|
|
184
|
+
src: dotSrc,
|
|
185
|
+
pin: "bottom-end",
|
|
186
|
+
shape: "square",
|
|
187
|
+
disabled: true,
|
|
188
|
+
children: /*#__PURE__*/_jsx(MediaImage, {
|
|
189
|
+
src: parentSrc,
|
|
190
|
+
size: 48,
|
|
191
|
+
shape: "square"
|
|
192
|
+
})
|
|
193
|
+
}), /*#__PURE__*/_jsx(DotSymbol, {
|
|
194
|
+
src: dotSrc,
|
|
195
|
+
pin: "bottom-end",
|
|
196
|
+
disabled: true,
|
|
197
|
+
children: /*#__PURE__*/_jsx(Spot, {
|
|
198
|
+
appearance: "icon",
|
|
199
|
+
icon: CoinAlert
|
|
200
|
+
})
|
|
201
|
+
})]
|
|
202
|
+
})
|
|
203
|
+
};
|
|
163
204
|
export const SizeShowcase = {
|
|
164
205
|
args: {
|
|
165
206
|
src: dotSrc,
|
|
@@ -239,6 +280,15 @@ export const SizeShowcase = {
|
|
|
239
280
|
size: 64,
|
|
240
281
|
shape: "circle"
|
|
241
282
|
})
|
|
283
|
+
}), /*#__PURE__*/_jsx(DotSymbol, {
|
|
284
|
+
src: dotSrc,
|
|
285
|
+
size: mediaImageDotSizeMap[72],
|
|
286
|
+
pin: "bottom-end",
|
|
287
|
+
children: /*#__PURE__*/_jsx(MediaImage, {
|
|
288
|
+
src: parentSrc,
|
|
289
|
+
size: 72,
|
|
290
|
+
shape: "circle"
|
|
291
|
+
})
|
|
242
292
|
})]
|
|
243
293
|
}), /*#__PURE__*/_jsxs(Box, {
|
|
244
294
|
lx: {
|
|
@@ -316,6 +366,16 @@ export const SizeShowcase = {
|
|
|
316
366
|
size: 64,
|
|
317
367
|
shape: "square"
|
|
318
368
|
})
|
|
369
|
+
}), /*#__PURE__*/_jsx(DotSymbol, {
|
|
370
|
+
shape: "square",
|
|
371
|
+
src: dotSrc,
|
|
372
|
+
size: mediaImageDotSizeMap[72],
|
|
373
|
+
pin: "bottom-end",
|
|
374
|
+
children: /*#__PURE__*/_jsx(MediaImage, {
|
|
375
|
+
src: parentSrc,
|
|
376
|
+
size: 72,
|
|
377
|
+
shape: "square"
|
|
378
|
+
})
|
|
319
379
|
})]
|
|
320
380
|
})]
|
|
321
381
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["CoinAlert","MediaImage","Spot","Box","DotSymbol","mediaImageDotSizeMap","jsx","_jsx","jsxs","_jsxs","meta","component","title","parameters","docs","source","language","format","type","parentSrc","dotSrc","Base","args","src","alt","pin","size","shape","render","children","PinShowcase","lx","flexDirection","alignItems","gap","appearance","icon","ShapeShowcase","SizeShowcase"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotSymbol/DotSymbol.stories.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["CoinAlert","MediaImage","Spot","Box","DotSymbol","mediaImageDotSizeMap","jsx","_jsx","jsxs","_jsxs","meta","component","title","parameters","docs","source","language","format","type","parentSrc","dotSrc","Base","args","src","alt","pin","size","shape","render","children","PinShowcase","lx","flexDirection","alignItems","gap","appearance","icon","ShapeShowcase","DisabledShowcase","disabled","SizeShowcase"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotSymbol/DotSymbol.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -19,7 +19,7 @@ const useStyles = ({
|
|
|
19
19
|
* A label that should be used to describe a form field.
|
|
20
20
|
*
|
|
21
21
|
* Either choices fields like checkbox, switch or radio.
|
|
22
|
-
* Or text fields like input, textarea,
|
|
22
|
+
* Or text fields like input, textarea, option list, etc.
|
|
23
23
|
*/
|
|
24
24
|
export const Label = ({
|
|
25
25
|
style,
|
|
@@ -10,7 +10,7 @@ const useStyles = ({
|
|
|
10
10
|
size,
|
|
11
11
|
disabled,
|
|
12
12
|
pressed,
|
|
13
|
-
|
|
13
|
+
leadingContentShape
|
|
14
14
|
}) => {
|
|
15
15
|
return useStyleSheet(t => {
|
|
16
16
|
const bgColors = {
|
|
@@ -73,7 +73,7 @@ const useStyles = ({
|
|
|
73
73
|
borderRadius: t.borderRadius.full,
|
|
74
74
|
backgroundColor: bgColors[appearance],
|
|
75
75
|
gap: t.spacings.s8
|
|
76
|
-
}, paddingMap[size][
|
|
76
|
+
}, paddingMap[size][leadingContentShape], pressed && {
|
|
77
77
|
backgroundColor: pressedBgColors[appearance]
|
|
78
78
|
}, disabled && {
|
|
79
79
|
backgroundColor: t.colors.bg.disabled
|
|
@@ -89,7 +89,7 @@ const useStyles = ({
|
|
|
89
89
|
alignItems: 'center',
|
|
90
90
|
gap: t.spacings.s2
|
|
91
91
|
},
|
|
92
|
-
|
|
92
|
+
leadingContent: {
|
|
93
93
|
flexShrink: 0
|
|
94
94
|
},
|
|
95
95
|
chevron: {
|
|
@@ -97,14 +97,14 @@ const useStyles = ({
|
|
|
97
97
|
color: textColor
|
|
98
98
|
}
|
|
99
99
|
};
|
|
100
|
-
}, [appearance, size, disabled, pressed,
|
|
100
|
+
}, [appearance, size, disabled, pressed, leadingContentShape]);
|
|
101
101
|
};
|
|
102
102
|
|
|
103
103
|
/**
|
|
104
|
-
* Media button for
|
|
105
|
-
* leading
|
|
104
|
+
* Media button for option list/dropdown components. Displays a label with an optional
|
|
105
|
+
* leading content and a trailing chevron indicator.
|
|
106
106
|
*
|
|
107
|
-
* This component is intended to be used exclusively as the trigger inside
|
|
107
|
+
* This component is intended to be used exclusively as the trigger inside an OptionList or
|
|
108
108
|
* dropdown pattern. It should not be used as a standalone action button — use `Button`
|
|
109
109
|
* or `IconButton` instead.
|
|
110
110
|
*
|
|
@@ -114,7 +114,7 @@ const useStyles = ({
|
|
|
114
114
|
* import { MediaButton } from '@ledgerhq/lumen-ui-rnative';
|
|
115
115
|
* import { Settings } from '@ledgerhq/lumen-ui-rnative/symbols';
|
|
116
116
|
*
|
|
117
|
-
* <MediaButton
|
|
117
|
+
* <MediaButton leadingContent={<Settings size={20} />} leadingContentShape="flat">
|
|
118
118
|
* Network
|
|
119
119
|
* </MediaButton>
|
|
120
120
|
*
|
|
@@ -126,14 +126,14 @@ export const MediaButton = ({
|
|
|
126
126
|
appearance = 'gray',
|
|
127
127
|
size = 'md',
|
|
128
128
|
disabled = false,
|
|
129
|
-
|
|
130
|
-
|
|
129
|
+
leadingContent,
|
|
130
|
+
leadingContentShape = 'flat',
|
|
131
131
|
hideChevron = false,
|
|
132
132
|
children: label,
|
|
133
133
|
ref,
|
|
134
134
|
...props
|
|
135
135
|
}) => {
|
|
136
|
-
const
|
|
136
|
+
const effectiveLeadingContentShape = leadingContent ? leadingContentShape : 'none';
|
|
137
137
|
return /*#__PURE__*/_jsx(Pressable, {
|
|
138
138
|
ref: ref,
|
|
139
139
|
lx: lx,
|
|
@@ -151,8 +151,8 @@ export const MediaButton = ({
|
|
|
151
151
|
size: size,
|
|
152
152
|
disabled: disabled,
|
|
153
153
|
pressed: pressed,
|
|
154
|
-
|
|
155
|
-
|
|
154
|
+
leadingContent: leadingContent,
|
|
155
|
+
leadingContentShape: effectiveLeadingContentShape,
|
|
156
156
|
hideChevron: hideChevron,
|
|
157
157
|
children: label
|
|
158
158
|
})
|
|
@@ -163,8 +163,8 @@ const MediaButtonContent = ({
|
|
|
163
163
|
size,
|
|
164
164
|
disabled,
|
|
165
165
|
pressed,
|
|
166
|
-
|
|
167
|
-
|
|
166
|
+
leadingContent,
|
|
167
|
+
leadingContentShape,
|
|
168
168
|
hideChevron,
|
|
169
169
|
children
|
|
170
170
|
}) => {
|
|
@@ -173,14 +173,14 @@ const MediaButtonContent = ({
|
|
|
173
173
|
size,
|
|
174
174
|
disabled,
|
|
175
175
|
pressed,
|
|
176
|
-
|
|
176
|
+
leadingContentShape
|
|
177
177
|
});
|
|
178
178
|
return /*#__PURE__*/_jsxs(View, {
|
|
179
179
|
style: styles.container,
|
|
180
180
|
testID: "button-trigger-content",
|
|
181
|
-
children: [
|
|
182
|
-
style: styles.
|
|
183
|
-
children:
|
|
181
|
+
children: [leadingContent && /*#__PURE__*/_jsx(View, {
|
|
182
|
+
style: styles.leadingContent,
|
|
183
|
+
children: leadingContent
|
|
184
184
|
}), /*#__PURE__*/_jsxs(View, {
|
|
185
185
|
style: styles.labelWrapper,
|
|
186
186
|
children: [/*#__PURE__*/_jsx(Text, {
|