@ledgerhq/lumen-ui-rnative 0.1.35 → 0.1.37
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.js +2 -2
- package/dist/module/lib/Animations/Pulse/Pulse.js.map +1 -1
- 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.mdx +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.mdx +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/DescriptionItem/DescriptionItem.js +184 -0
- package/dist/module/lib/Components/DescriptionItem/DescriptionItem.js.map +1 -0
- package/dist/module/lib/Components/DescriptionItem/DescriptionItem.mdx +139 -0
- package/dist/module/lib/Components/DescriptionItem/DescriptionItem.stories.js +258 -0
- package/dist/module/lib/Components/DescriptionItem/DescriptionItem.stories.js.map +1 -0
- package/dist/module/lib/Components/DescriptionItem/DescriptionItem.test.js +94 -0
- package/dist/module/lib/Components/DescriptionItem/DescriptionItem.test.js.map +1 -0
- package/dist/module/lib/Components/DescriptionItem/index.js +5 -0
- package/dist/module/lib/Components/DescriptionItem/index.js.map +1 -0
- package/dist/module/lib/Components/DescriptionItem/types.js +4 -0
- package/dist/module/lib/Components/DescriptionItem/types.js.map +1 -0
- package/dist/module/lib/Components/Divider/Divider.mdx +1 -1
- package/dist/module/lib/Components/DotIcon/DotIcon.js +44 -23
- 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 +47 -0
- package/dist/module/lib/Components/DotIcon/DotIcon.stories.js.map +1 -1
- package/dist/module/lib/Components/DotSymbol/DotSymbol.js +52 -30
- 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 +41 -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/Link/Link.mdx +1 -1
- package/dist/module/lib/Components/MediaBanner/MediaBanner.mdx +1 -1
- package/dist/module/lib/Components/MediaButton/MediaButton.js +17 -17
- package/dist/module/lib/Components/MediaButton/MediaButton.js.map +1 -1
- package/dist/module/lib/Components/MediaButton/MediaButton.mdx +3 -3
- 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 +20 -4
- package/dist/module/lib/Components/MediaImage/MediaImage.js.map +1 -1
- package/dist/module/lib/Components/MediaImage/MediaImage.stories.js +35 -0
- package/dist/module/lib/Components/MediaImage/MediaImage.stories.js.map +1 -1
- package/dist/module/lib/Components/NavBar/CoinCapsule.js +3 -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.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/Select/Select.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/Tile/Tile.mdx +1 -1
- package/dist/module/lib/Components/Tooltip/Tooltip.mdx +1 -1
- package/dist/module/lib/Components/index.js +1 -0
- package/dist/module/lib/Components/index.js.map +1 -1
- package/dist/typescript/src/lib/Animations/Pulse/Pulse.d.ts.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/DescriptionItem/DescriptionItem.d.ts +42 -0
- package/dist/typescript/src/lib/Components/DescriptionItem/DescriptionItem.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/DescriptionItem/index.d.ts +3 -0
- package/dist/typescript/src/lib/Components/DescriptionItem/index.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/DescriptionItem/types.d.ts +39 -0
- package/dist/typescript/src/lib/Components/DescriptionItem/types.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/DotIcon/DotIcon.d.ts +1 -1
- package/dist/typescript/src/lib/Components/DotIcon/DotIcon.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/DotIcon/types.d.ts +6 -0
- package/dist/typescript/src/lib/Components/DotIcon/types.d.ts.map +1 -1
- 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 +6 -0
- package/dist/typescript/src/lib/Components/DotSymbol/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/MediaButton/MediaButton.d.ts +3 -3
- 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 +6 -0
- 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/index.d.ts +1 -0
- 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/Pulse/Pulse.tsx +6 -3
- 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 +1 -1
- package/src/lib/Components/Avatar/Avatar.mdx +1 -1
- 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/DescriptionItem/DescriptionItem.mdx +139 -0
- package/src/lib/Components/DescriptionItem/DescriptionItem.stories.tsx +234 -0
- package/src/lib/Components/DescriptionItem/DescriptionItem.test.tsx +112 -0
- package/src/lib/Components/DescriptionItem/DescriptionItem.tsx +224 -0
- package/src/lib/Components/DescriptionItem/index.ts +2 -0
- package/src/lib/Components/DescriptionItem/types.ts +44 -0
- 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 +35 -0
- package/src/lib/Components/DotIcon/DotIcon.tsx +31 -14
- package/src/lib/Components/DotIcon/types.ts +6 -0
- package/src/lib/Components/DotSymbol/DotSymbol.mdx +79 -2
- package/src/lib/Components/DotSymbol/DotSymbol.stories.tsx +17 -0
- package/src/lib/Components/DotSymbol/DotSymbol.tsx +42 -24
- package/src/lib/Components/DotSymbol/types.ts +6 -0
- package/src/lib/Components/IconButton/IconButton.mdx +1 -1
- package/src/lib/Components/InteractiveIcon/InteractiveIcon.mdx +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 +3 -3
- 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 +33 -20
- package/src/lib/Components/MediaButton/types.ts +6 -6
- package/src/lib/Components/MediaImage/MediaImage.stories.tsx +18 -0
- package/src/lib/Components/MediaImage/MediaImage.tsx +12 -2
- package/src/lib/Components/MediaImage/types.ts +6 -0
- package/src/lib/Components/NavBar/CoinCapsule.tsx +3 -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.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/Select/Select.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/Tile/Tile.mdx +1 -1
- package/src/lib/Components/Tooltip/Tooltip.mdx +1 -1
- package/src/lib/Components/index.ts +1 -0
|
@@ -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,
|
|
@@ -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":";;AACA,SAASA,SAAS,QAAQ,wBAAe;AACzC,SAASC,UAAU,QAAQ,wBAAe;AAC1C,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,GAAG,QAAQ,qBAAY;AAChC,SAASC,SAAS,EAAEC,oBAAoB,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9D,MAAMC,IAAI,GAAG;EACXC,SAAS,EAAEP,SAAS;EACpBQ,KAAK,EAAE,yBAAyB;EAChCC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,MAAM,EAAE;QACNC,QAAQ,EAAE,KAAK;QACfC,MAAM,EAAE,IAAI;QACZC,IAAI,EAAE;MACR;IACF;EACF;AACF,CAAkC;AAElC,eAAeR,IAAI;AAGnB,MAAMS,SAAS,GAAG,yCAAyC;AAC3D,MAAMC,MAAM,GAAG,yCAAyC;AAExD,OAAO,MAAMC,IAAW,GAAG;EACzBC,IAAI,EAAE;IACJC,GAAG,EAAEH,MAAM;IACXI,GAAG,EAAE,kBAAkB;IACvBC,GAAG,EAAE,YAAY;IACjBC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAGN,IAAI,iBACXf,IAAA,CAACH,SAAS;IAAA,GAAKkB,IAAI;IAAAO,QAAA,eACjBtB,IAAA,CAACN,UAAU;MAACsB,GAAG,EAAEJ,SAAU;MAACK,GAAG,EAAC,SAAS;MAACG,KAAK,EAAEL,IAAI,CAACK;IAAM,CAAE;EAAC,CACtD;AAEf,CAAC;AAED,OAAO,MAAMG,WAAkB,GAAG;EAChCR,IAAI,EAAE;IAAEC,GAAG,EAAEH,MAAM;IAAEI,GAAG,EAAE;EAAe,CAAC;EAC1CI,MAAM,EAAEA,CAAA,kBACNnB,KAAA,CAACN,GAAG;IAAC4B,EAAE,EAAE;MAAEC,aAAa,EAAE,QAAQ;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAM,CAAE;IAAAL,QAAA,gBACrEpB,KAAA,CAACN,GAAG;MAAC4B,EAAE,EAAE;QAAEC,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE,QAAQ;QAAEC,GAAG,EAAE;MAAM,CAAE;MAAAL,QAAA,gBAClEtB,IAAA,CAACH,SAAS;QAACmB,GAAG,EAAEH,MAAO;QAACK,GAAG,EAAC,YAAY;QAAAI,QAAA,eACtCtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACQ,KAAK,EAAC;QAAQ,CAAE;MAAC,CACpC,CAAC,eACZpB,IAAA,CAACH,SAAS;QAACmB,GAAG,EAAEH,MAAO;QAACK,GAAG,EAAC,SAAS;QAAAI,QAAA,eACnCtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACQ,KAAK,EAAC;QAAQ,CAAE;MAAC,CACpC,CAAC,eACZpB,IAAA,CAACH,SAAS;QAACmB,GAAG,EAAEH,MAAO;QAACK,GAAG,EAAC,cAAc;QAAAI,QAAA,eACxCtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACQ,KAAK,EAAC;QAAQ,CAAE;MAAC,CACpC,CAAC,eACZpB,IAAA,CAACH,SAAS;QAACmB,GAAG,EAAEH,MAAO;QAACK,GAAG,EAAC,WAAW;QAAAI,QAAA,eACrCtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACQ,KAAK,EAAC;QAAQ,CAAE;MAAC,CACpC,CAAC;IAAA,CACT,CAAC,eACNlB,KAAA,CAACN,GAAG;MAAC4B,EAAE,EAAE;QAAEC,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE,QAAQ;QAAEC,GAAG,EAAE;MAAM,CAAE;MAAAL,QAAA,gBAClEtB,IAAA,CAACH,SAAS;QAACmB,GAAG,EAAEH,MAAO;QAACK,GAAG,EAAC,YAAY;QAAAI,QAAA,eACtCtB,IAAA,CAACL,IAAI;UAACiC,UAAU,EAAC,MAAM;UAACC,IAAI,EAAEpC;QAAU,CAAE;MAAC,CAClC,CAAC,eACZO,IAAA,CAACH,SAAS;QAACmB,GAAG,EAAEH,MAAO;QAACK,GAAG,EAAC,SAAS;QAAAI,QAAA,eACnCtB,IAAA,CAACL,IAAI;UAACiC,UAAU,EAAC,MAAM;UAACC,IAAI,EAAEpC;QAAU,CAAE;MAAC,CAClC,CAAC,eACZO,IAAA,CAACH,SAAS;QAACmB,GAAG,EAAEH,MAAO;QAACK,GAAG,EAAC,cAAc;QAAAI,QAAA,eACxCtB,IAAA,CAACL,IAAI;UAACiC,UAAU,EAAC,MAAM;UAACC,IAAI,EAAEpC;QAAU,CAAE;MAAC,CAClC,CAAC,eACZO,IAAA,CAACH,SAAS;QAACmB,GAAG,EAAEH,MAAO;QAACK,GAAG,EAAC,WAAW;QAAAI,QAAA,eACrCtB,IAAA,CAACL,IAAI;UAACiC,UAAU,EAAC,MAAM;UAACC,IAAI,EAAEpC;QAAU,CAAE;MAAC,CAClC,CAAC;IAAA,CACT,CAAC;EAAA,CACH;AAET,CAAC;AAED,OAAO,MAAMqC,aAAoB,GAAG;EAClCf,IAAI,EAAE;IAAEC,GAAG,EAAEH,MAAM;IAAEI,GAAG,EAAE;EAAiB,CAAC;EAC5CI,MAAM,EAAEA,CAAA,kBACNrB,IAAA,CAACJ,GAAG;IAAC4B,EAAE,EAAE;MAAEC,aAAa,EAAE,QAAQ;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAM,CAAE;IAAAL,QAAA,eACrEpB,KAAA,CAACN,GAAG;MAAC4B,EAAE,EAAE;QAAEC,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE,QAAQ;QAAEC,GAAG,EAAE;MAAM,CAAE;MAAAL,QAAA,gBAClEtB,IAAA,CAACH,SAAS;QAACuB,KAAK,EAAC,QAAQ;QAACJ,GAAG,EAAEH,MAAO;QAACK,GAAG,EAAC,YAAY;QAAAI,QAAA,eACrDtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACQ,KAAK,EAAC;QAAQ,CAAE;MAAC,CACpC,CAAC,eACZpB,IAAA,CAACH,SAAS;QAACuB,KAAK,EAAC,QAAQ;QAACJ,GAAG,EAAEH,MAAO;QAACK,GAAG,EAAC,YAAY;QAAAI,QAAA,eACrDtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACQ,KAAK,EAAC;QAAQ,CAAE;MAAC,CACpC,CAAC;IAAA,CACT;EAAC,CACH;AAET,CAAC;AAED,OAAO,MAAMW,gBAAuB,GAAG;EACrChB,IAAI,EAAE;IAAEC,GAAG,EAAEH,MAAM;IAAEI,GAAG,EAAE;EAAoB,CAAC;EAC/CI,MAAM,EAAEA,CAAA,kBACNnB,KAAA,CAACN,GAAG;IAAC4B,EAAE,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAM,CAAE;IAAAL,QAAA,gBAClEtB,IAAA,CAACH,SAAS;MAACmB,GAAG,EAAEH,MAAO;MAACK,GAAG,EAAC,YAAY;MAACc,QAAQ;MAAAV,QAAA,eAC/CtB,IAAA,CAACN,UAAU;QAACsB,GAAG,EAAEJ,SAAU;QAACO,IAAI,EAAE,EAAG;QAACC,KAAK,EAAC;MAAQ,CAAE;IAAC,CAC9C,CAAC,eACZpB,IAAA,CAACH,SAAS;MAACmB,GAAG,EAAEH,MAAO;MAACK,GAAG,EAAC,YAAY;MAACE,KAAK,EAAC,QAAQ;MAACY,QAAQ;MAAAV,QAAA,eAC9DtB,IAAA,CAACN,UAAU;QAACsB,GAAG,EAAEJ,SAAU;QAACO,IAAI,EAAE,EAAG;QAACC,KAAK,EAAC;MAAQ,CAAE;IAAC,CAC9C,CAAC,eACZpB,IAAA,CAACH,SAAS;MAACmB,GAAG,EAAEH,MAAO;MAACK,GAAG,EAAC,YAAY;MAACc,QAAQ;MAAAV,QAAA,eAC/CtB,IAAA,CAACL,IAAI;QAACiC,UAAU,EAAC,MAAM;QAACC,IAAI,EAAEpC;MAAU,CAAE;IAAC,CAClC,CAAC;EAAA,CACT;AAET,CAAC;AAED,OAAO,MAAMwC,YAAmB,GAAG;EACjClB,IAAI,EAAE;IAAEC,GAAG,EAAEH,MAAM;IAAEI,GAAG,EAAE;EAAgB,CAAC;EAC3CI,MAAM,EAAEA,CAAA,kBACNnB,KAAA,CAACN,GAAG;IAAC4B,EAAE,EAAE;MAAEC,aAAa,EAAE,QAAQ;MAAEE,GAAG,EAAE;IAAM,CAAE;IAAAL,QAAA,gBAC/CpB,KAAA,CAACN,GAAG;MAAC4B,EAAE,EAAE;QAAEC,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE,UAAU;QAAEC,GAAG,EAAE;MAAM,CAAE;MAAAL,QAAA,gBACpEtB,IAAA,CAACH,SAAS;QACRmB,GAAG,EAAEH,MAAO;QACZM,IAAI,EAAErB,oBAAoB,CAAC,EAAE,CAAE;QAC/BoB,GAAG,EAAC,YAAY;QAAAI,QAAA,eAEhBtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACO,IAAI,EAAE,EAAG;UAACC,KAAK,EAAC;QAAQ,CAAE;MAAC,CAC9C,CAAC,eACZpB,IAAA,CAACH,SAAS;QACRmB,GAAG,EAAEH,MAAO;QACZM,IAAI,EAAErB,oBAAoB,CAAC,EAAE,CAAE;QAC/BoB,GAAG,EAAC,YAAY;QAAAI,QAAA,eAEhBtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACO,IAAI,EAAE,EAAG;UAACC,KAAK,EAAC;QAAQ,CAAE;MAAC,CAC9C,CAAC,eACZpB,IAAA,CAACH,SAAS;QACRmB,GAAG,EAAEH,MAAO;QACZM,IAAI,EAAErB,oBAAoB,CAAC,EAAE,CAAE;QAC/BoB,GAAG,EAAC,YAAY;QAAAI,QAAA,eAEhBtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACO,IAAI,EAAE,EAAG;UAACC,KAAK,EAAC;QAAQ,CAAE;MAAC,CAC9C,CAAC,eACZpB,IAAA,CAACH,SAAS;QACRmB,GAAG,EAAEH,MAAO;QACZM,IAAI,EAAErB,oBAAoB,CAAC,EAAE,CAAE;QAC/BoB,GAAG,EAAC,YAAY;QAAAI,QAAA,eAEhBtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACO,IAAI,EAAE,EAAG;UAACC,KAAK,EAAC;QAAQ,CAAE;MAAC,CAC9C,CAAC,eACZpB,IAAA,CAACH,SAAS;QACRmB,GAAG,EAAEH,MAAO;QACZM,IAAI,EAAErB,oBAAoB,CAAC,EAAE,CAAE;QAC/BoB,GAAG,EAAC,YAAY;QAAAI,QAAA,eAEhBtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACO,IAAI,EAAE,EAAG;UAACC,KAAK,EAAC;QAAQ,CAAE;MAAC,CAC9C,CAAC,eACZpB,IAAA,CAACH,SAAS;QACRmB,GAAG,EAAEH,MAAO;QACZM,IAAI,EAAErB,oBAAoB,CAAC,EAAE,CAAE;QAC/BoB,GAAG,EAAC,YAAY;QAAAI,QAAA,eAEhBtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACO,IAAI,EAAE,EAAG;UAACC,KAAK,EAAC;QAAQ,CAAE;MAAC,CAC9C,CAAC,eACZpB,IAAA,CAACH,SAAS;QACRmB,GAAG,EAAEH,MAAO;QACZM,IAAI,EAAErB,oBAAoB,CAAC,EAAE,CAAE;QAC/BoB,GAAG,EAAC,YAAY;QAAAI,QAAA,eAEhBtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACO,IAAI,EAAE,EAAG;UAACC,KAAK,EAAC;QAAQ,CAAE;MAAC,CAC9C,CAAC;IAAA,CACT,CAAC,eACNlB,KAAA,CAACN,GAAG;MAAC4B,EAAE,EAAE;QAAEC,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE,UAAU;QAAEC,GAAG,EAAE;MAAM,CAAE;MAAAL,QAAA,gBACpEtB,IAAA,CAACH,SAAS;QACRuB,KAAK,EAAC,QAAQ;QACdJ,GAAG,EAAEH,MAAO;QACZM,IAAI,EAAErB,oBAAoB,CAAC,EAAE,CAAE;QAC/BoB,GAAG,EAAC,YAAY;QAAAI,QAAA,eAEhBtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACO,IAAI,EAAE,EAAG;UAACC,KAAK,EAAC;QAAQ,CAAE;MAAC,CAC9C,CAAC,eACZpB,IAAA,CAACH,SAAS;QACRuB,KAAK,EAAC,QAAQ;QACdJ,GAAG,EAAEH,MAAO;QACZM,IAAI,EAAErB,oBAAoB,CAAC,EAAE,CAAE;QAC/BoB,GAAG,EAAC,YAAY;QAAAI,QAAA,eAEhBtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACO,IAAI,EAAE,EAAG;UAACC,KAAK,EAAC;QAAQ,CAAE;MAAC,CAC9C,CAAC,eACZpB,IAAA,CAACH,SAAS;QACRuB,KAAK,EAAC,QAAQ;QACdJ,GAAG,EAAEH,MAAO;QACZM,IAAI,EAAErB,oBAAoB,CAAC,EAAE,CAAE;QAC/BoB,GAAG,EAAC,YAAY;QAAAI,QAAA,eAEhBtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACO,IAAI,EAAE,EAAG;UAACC,KAAK,EAAC;QAAQ,CAAE;MAAC,CAC9C,CAAC,eACZpB,IAAA,CAACH,SAAS;QACRuB,KAAK,EAAC,QAAQ;QACdJ,GAAG,EAAEH,MAAO;QACZM,IAAI,EAAErB,oBAAoB,CAAC,EAAE,CAAE;QAC/BoB,GAAG,EAAC,YAAY;QAAAI,QAAA,eAEhBtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACO,IAAI,EAAE,EAAG;UAACC,KAAK,EAAC;QAAQ,CAAE;MAAC,CAC9C,CAAC,eACZpB,IAAA,CAACH,SAAS;QACRuB,KAAK,EAAC,QAAQ;QACdJ,GAAG,EAAEH,MAAO;QACZM,IAAI,EAAErB,oBAAoB,CAAC,EAAE,CAAE;QAC/BoB,GAAG,EAAC,YAAY;QAAAI,QAAA,eAEhBtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACO,IAAI,EAAE,EAAG;UAACC,KAAK,EAAC;QAAQ,CAAE;MAAC,CAC9C,CAAC,eACZpB,IAAA,CAACH,SAAS;QACRuB,KAAK,EAAC,QAAQ;QACdJ,GAAG,EAAEH,MAAO;QACZM,IAAI,EAAErB,oBAAoB,CAAC,EAAE,CAAE;QAC/BoB,GAAG,EAAC,YAAY;QAAAI,QAAA,eAEhBtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACO,IAAI,EAAE,EAAG;UAACC,KAAK,EAAC;QAAQ,CAAE;MAAC,CAC9C,CAAC,eACZpB,IAAA,CAACH,SAAS;QACRuB,KAAK,EAAC,QAAQ;QACdJ,GAAG,EAAEH,MAAO;QACZM,IAAI,EAAErB,oBAAoB,CAAC,EAAE,CAAE;QAC/BoB,GAAG,EAAC,YAAY;QAAAI,QAAA,eAEhBtB,IAAA,CAACN,UAAU;UAACsB,GAAG,EAAEJ,SAAU;UAACO,IAAI,EAAE,EAAG;UAACC,KAAK,EAAC;QAAQ,CAAE;MAAC,CAC9C,CAAC;IAAA,CACT,CAAC;EAAA,CACH;AAET,CAAC","ignoreList":[]}
|
|
@@ -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,12 +97,12 @@ 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
104
|
* Media button for select/dropdown components. Displays a label with an optional
|
|
105
|
-
* leading
|
|
105
|
+
* leading content and a trailing chevron indicator.
|
|
106
106
|
*
|
|
107
107
|
* This component is intended to be used exclusively as the trigger inside a Select or
|
|
108
108
|
* dropdown pattern. It should not be used as a standalone action button — use `Button`
|
|
@@ -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, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","Text","View","useStyleSheet","ChevronDown","Pressable","jsx","_jsx","jsxs","_jsxs","useStyles","appearance","size","disabled","pressed","
|
|
1
|
+
{"version":3,"names":["StyleSheet","Text","View","useStyleSheet","ChevronDown","Pressable","jsx","_jsx","jsxs","_jsxs","useStyles","appearance","size","disabled","pressed","leadingContentShape","t","bgColors","gray","colors","bg","muted","transparent","mutedTransparent","pressedBgColors","mutedPressed","mutedTransparentPressed","baseTransparentPressed","textColor","text","base","paddingMap","md","flat","paddingTop","spacings","s12","paddingBottom","paddingLeft","s16","paddingRight","rounded","s8","none","s14","sm","s10","container","flatten","flexDirection","alignItems","borderRadius","full","backgroundColor","gap","label","typographies","body2SemiBold","color","textAlign","labelWrapper","s2","leadingContent","flexShrink","chevron","MediaButton","lx","style","hideChevron","children","ref","props","effectiveLeadingContentShape","accessibilityRole","accessibilityState","MediaButtonContent","styles","testID","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaButton/MediaButton.tsx"],"mappings":";;AACA,SAASA,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,aAAa,QAAQ,0BAAiB;AAC/C,SAASC,WAAW,QAAQ,wBAAe;AAC3C,SAASC,SAAS,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOvC,MAAMC,SAAS,GAAGA,CAAC;EACjBC,UAAU;EACVC,IAAI;EACJC,QAAQ;EACRC,OAAO;EACPC;AAOF,CAAC,KAAK;EACJ,OAAOZ,aAAa,CACjBa,CAAC,IAAK;IACL,MAAMC,QAAoC,GAAG;MAC3CC,IAAI,EAAEF,CAAC,CAACG,MAAM,CAACC,EAAE,CAACC,KAAK;MACvBC,WAAW,EAAEN,CAAC,CAACG,MAAM,CAACC,EAAE,CAACG,gBAAgB;MACzC,eAAe,EAAE;IACnB,CAAC;IAED,MAAMC,eAA2C,GAAG;MAClDN,IAAI,EAAEF,CAAC,CAACG,MAAM,CAACC,EAAE,CAACK,YAAY;MAC9BH,WAAW,EAAEN,CAAC,CAACG,MAAM,CAACC,EAAE,CAACM,uBAAuB;MAChD,eAAe,EAAEV,CAAC,CAACG,MAAM,CAACC,EAAE,CAACO;IAC/B,CAAC;IAED,MAAMC,SAAS,GAAGf,QAAQ,GAAGG,CAAC,CAACG,MAAM,CAACU,IAAI,CAAChB,QAAQ,GAAGG,CAAC,CAACG,MAAM,CAACU,IAAI,CAACC,IAAI;IASxE,MAAMC,UAGL,GAAG;MACFC,EAAE,EAAE;QACFC,IAAI,EAAE;UACJC,UAAU,EAAElB,CAAC,CAACmB,QAAQ,CAACC,GAAG;UAC1BC,aAAa,EAAErB,CAAC,CAACmB,QAAQ,CAACC,GAAG;UAC7BE,WAAW,EAAEtB,CAAC,CAACmB,QAAQ,CAACI,GAAG;UAC3BC,YAAY,EAAExB,CAAC,CAACmB,QAAQ,CAACI;QAC3B,CAAC;QACDE,OAAO,EAAE;UACPP,UAAU,EAAElB,CAAC,CAACmB,QAAQ,CAACO,EAAE;UACzBL,aAAa,EAAErB,CAAC,CAACmB,QAAQ,CAACO,EAAE;UAC5BJ,WAAW,EAAEtB,CAAC,CAACmB,QAAQ,CAACO,EAAE;UAC1BF,YAAY,EAAExB,CAAC,CAACmB,QAAQ,CAACI;QAC3B,CAAC;QACDI,IAAI,EAAE;UACJT,UAAU,EAAElB,CAAC,CAACmB,QAAQ,CAACS,GAAG;UAC1BP,aAAa,EAAErB,CAAC,CAACmB,QAAQ,CAACS,GAAG;UAC7BN,WAAW,EAAEtB,CAAC,CAACmB,QAAQ,CAACI,GAAG;UAC3BC,YAAY,EAAExB,CAAC,CAACmB,QAAQ,CAACI;QAC3B;MACF,CAAC;MACDM,EAAE,EAAE;QACFZ,IAAI,EAAE;UACJC,UAAU,EAAElB,CAAC,CAACmB,QAAQ,CAACW,GAAG;UAC1BT,aAAa,EAAErB,CAAC,CAACmB,QAAQ,CAACW,GAAG;UAC7BR,WAAW,EAAEtB,CAAC,CAACmB,QAAQ,CAACC,GAAG;UAC3BI,YAAY,EAAExB,CAAC,CAACmB,QAAQ,CAACC;QAC3B,CAAC;QACDK,OAAO,EAAE;UACPP,UAAU,EAAElB,CAAC,CAACmB,QAAQ,CAACO,EAAE;UACzBL,aAAa,EAAErB,CAAC,CAACmB,QAAQ,CAACO,EAAE;UAC5BJ,WAAW,EAAEtB,CAAC,CAACmB,QAAQ,CAACO,EAAE;UAC1BF,YAAY,EAAExB,CAAC,CAACmB,QAAQ,CAACW;QAC3B,CAAC;QACDH,IAAI,EAAE;UACJT,UAAU,EAAElB,CAAC,CAACmB,QAAQ,CAACW,GAAG;UAC1BT,aAAa,EAAErB,CAAC,CAACmB,QAAQ,CAACW,GAAG;UAC7BR,WAAW,EAAEtB,CAAC,CAACmB,QAAQ,CAACC,GAAG;UAC3BI,YAAY,EAAExB,CAAC,CAACmB,QAAQ,CAACC;QAC3B;MACF;IACF,CAAC;IAED,OAAO;MACLW,SAAS,EAAE/C,UAAU,CAACgD,OAAO,CAAC,CAC5B;QACEC,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBC,YAAY,EAAEnC,CAAC,CAACmC,YAAY,CAACC,IAAI;QACjCC,eAAe,EAAEpC,QAAQ,CAACN,UAAU,CAAC;QACrC2C,GAAG,EAAEtC,CAAC,CAACmB,QAAQ,CAACO;MAClB,CAAC,EACDX,UAAU,CAACnB,IAAI,CAAC,CAACG,mBAAmB,CAAC,EACrCD,OAAO,IAAI;QAAEuC,eAAe,EAAE7B,eAAe,CAACb,UAAU;MAAE,CAAC,EAC3DE,QAAQ,IAAI;QAAEwC,eAAe,EAAErC,CAAC,CAACG,MAAM,CAACC,EAAE,CAACP;MAAS,CAAC,EACrDF,UAAU,KAAK,eAAe,IAC5BE,QAAQ,IAAI;QAAEwC,eAAe,EAAE;MAAc,CAAC,CACjD,CAAC;MACFE,KAAK,EAAEvD,UAAU,CAACgD,OAAO,CAAC,CACxBhC,CAAC,CAACwC,YAAY,CAACC,aAAa,EAC5B;QACEC,KAAK,EAAE9B,SAAS;QAChB+B,SAAS,EAAE;MACb,CAAC,CACF,CAAC;MACFC,YAAY,EAAE;QACZX,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBI,GAAG,EAAEtC,CAAC,CAACmB,QAAQ,CAAC0B;MAClB,CAAC;MACDC,cAAc,EAAE;QACdC,UAAU,EAAE;MACd,CAAC;MACDC,OAAO,EAAE;QACPD,UAAU,EAAE,CAAC;QACbL,KAAK,EAAE9B;MACT;IACF,CAAC;EACH,CAAC,EACD,CAACjB,UAAU,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,mBAAmB,CAC3D,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMkD,WAAW,GAAGA,CAAC;EAC1BC,EAAE;EACFC,KAAK;EACLxD,UAAU,GAAG,MAAM;EACnBC,IAAI,GAAG,IAAI;EACXC,QAAQ,GAAG,KAAK;EAChBiD,cAAc;EACd/C,mBAAmB,GAAG,MAAM;EAC5BqD,WAAW,GAAG,KAAK;EACnBC,QAAQ,EAAEd,KAAK;EACfe,GAAG;EACH,GAAGC;AACa,CAAC,KAAK;EACtB,MAAMC,4BAAiD,GAAGV,cAAc,GACpE/C,mBAAmB,GACnB,MAAM;EAEV,oBACER,IAAA,CAACF,SAAS;IACRiE,GAAG,EAAEA,GAAI;IACTJ,EAAE,EAAEA,EAAG;IACPC,KAAK,EAAEA,KAAM;IACbtD,QAAQ,EAAEA,QAAS;IACnB4D,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAE7D;IAAS,CAAE;IAAA,GAC7B0D,KAAK;IAAAF,QAAA,EAERA,CAAC;MAAEvD;IAAQ,CAAC,kBACXP,IAAA,CAACoE,kBAAkB;MACjBhE,UAAU,EAAEA,UAAW;MACvBC,IAAI,EAAEA,IAAK;MACXC,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBgD,cAAc,EAAEA,cAAe;MAC/B/C,mBAAmB,EAAEyD,4BAA6B;MAClDJ,WAAW,EAAEA,WAAY;MAAAC,QAAA,EAExBd;IAAK,CACY;EACrB,CACQ,CAAC;AAEhB,CAAC;AAYD,MAAMoB,kBAAkB,GAAGA,CAAC;EAC1BhE,UAAU;EACVC,IAAI;EACJC,QAAQ;EACRC,OAAO;EACPgD,cAAc;EACd/C,mBAAmB;EACnBqD,WAAW;EACXC;AACuB,CAAC,KAAK;EAC7B,MAAMO,MAAM,GAAGlE,SAAS,CAAC;IACvBC,UAAU;IACVC,IAAI;IACJC,QAAQ;IACRC,OAAO;IACPC;EACF,CAAC,CAAC;EAEF,oBACEN,KAAA,CAACP,IAAI;IAACiE,KAAK,EAAES,MAAM,CAAC7B,SAAU;IAAC8B,MAAM,EAAC,wBAAwB;IAAAR,QAAA,GAC3DP,cAAc,iBACbvD,IAAA,CAACL,IAAI;MAACiE,KAAK,EAAES,MAAM,CAACd,cAAe;MAAAO,QAAA,EAAEP;IAAc,CAAO,CAC3D,eACDrD,KAAA,CAACP,IAAI;MAACiE,KAAK,EAAES,MAAM,CAAChB,YAAa;MAAAS,QAAA,gBAC/B9D,IAAA,CAACN,IAAI;QAACkE,KAAK,EAAES,MAAM,CAACrB,KAAM;QAACuB,aAAa,EAAE,CAAE;QAACC,aAAa,EAAC,MAAM;QAAAV,QAAA,EAC9DA;MAAQ,CACL,CAAC,EACN,CAACD,WAAW,iBACX7D,IAAA,CAACH,WAAW;QACVQ,IAAI,EAAE,EAAG;QACTuD,KAAK,EAAES,MAAM,CAACZ,OAAQ;QACtBa,MAAM,EAAC;MAAwB,CAChC,CACF;IAAA,CACG,CAAC;EAAA,CACH,CAAC;AAEX,CAAC","ignoreList":[]}
|
|
@@ -32,13 +32,13 @@ Three appearances are available: `gray` (default), `transparent`, and `no-backgr
|
|
|
32
32
|
|
|
33
33
|
<Canvas of={MediaButtonStories.SizeShowcase} />
|
|
34
34
|
|
|
35
|
-
##
|
|
35
|
+
## Leading Content Shapes
|
|
36
36
|
|
|
37
|
-
The `
|
|
37
|
+
The `leadingContentShape` prop controls the padding scheme based on the leading content's shape:
|
|
38
38
|
|
|
39
39
|
- **`flat`**: Standard padding for interface icons (line icons without background).
|
|
40
40
|
- **`rounded`**: Tighter left padding for circular icons with their own background (e.g., crypto icons).
|
|
41
41
|
|
|
42
|
-
<Canvas of={MediaButtonStories.
|
|
42
|
+
<Canvas of={MediaButtonStories.LeadingContentShapeShowcase} />
|
|
43
43
|
</Tab>
|
|
44
44
|
</CustomTabs>
|
|
@@ -49,22 +49,22 @@ export const SizeShowcase = {
|
|
|
49
49
|
},
|
|
50
50
|
children: [/*#__PURE__*/_jsx(MediaButton, {
|
|
51
51
|
size: "sm",
|
|
52
|
-
|
|
52
|
+
leadingContent: /*#__PURE__*/_jsx(Star, {
|
|
53
53
|
size: 20
|
|
54
54
|
}),
|
|
55
|
-
|
|
55
|
+
leadingContentShape: "flat",
|
|
56
56
|
children: "Small"
|
|
57
57
|
}), /*#__PURE__*/_jsx(MediaButton, {
|
|
58
58
|
size: "md",
|
|
59
|
-
|
|
59
|
+
leadingContent: /*#__PURE__*/_jsx(Star, {
|
|
60
60
|
size: 20
|
|
61
61
|
}),
|
|
62
|
-
|
|
62
|
+
leadingContentShape: "flat",
|
|
63
63
|
children: "Medium"
|
|
64
64
|
})]
|
|
65
65
|
})
|
|
66
66
|
};
|
|
67
|
-
export const
|
|
67
|
+
export const LeadingContentShapeShowcase = {
|
|
68
68
|
render: () => /*#__PURE__*/_jsxs(Box, {
|
|
69
69
|
lx: {
|
|
70
70
|
flexDirection: 'column',
|
|
@@ -77,19 +77,19 @@ export const IconTypeShowcase = {
|
|
|
77
77
|
gap: 's16'
|
|
78
78
|
},
|
|
79
79
|
children: [/*#__PURE__*/_jsx(MediaButton, {
|
|
80
|
-
|
|
80
|
+
leadingContent: /*#__PURE__*/_jsx(Settings, {
|
|
81
81
|
size: 20
|
|
82
82
|
}),
|
|
83
|
-
|
|
83
|
+
leadingContentShape: "flat",
|
|
84
84
|
appearance: "gray",
|
|
85
85
|
children: "Flat icon (md)"
|
|
86
86
|
}), /*#__PURE__*/_jsx(MediaButton, {
|
|
87
|
-
|
|
87
|
+
leadingContent: /*#__PURE__*/_jsx(CryptoIcon, {
|
|
88
88
|
ledgerId: "bitcoin",
|
|
89
89
|
ticker: "BTC",
|
|
90
90
|
size: 32
|
|
91
91
|
}),
|
|
92
|
-
|
|
92
|
+
leadingContentShape: "rounded",
|
|
93
93
|
appearance: "gray",
|
|
94
94
|
children: "Rounded icon (md)"
|
|
95
95
|
}), /*#__PURE__*/_jsx(MediaButton, {
|
|
@@ -103,20 +103,20 @@ export const IconTypeShowcase = {
|
|
|
103
103
|
gap: 's16'
|
|
104
104
|
},
|
|
105
105
|
children: [/*#__PURE__*/_jsx(MediaButton, {
|
|
106
|
-
|
|
106
|
+
leadingContent: /*#__PURE__*/_jsx(Settings, {
|
|
107
107
|
size: 20
|
|
108
108
|
}),
|
|
109
|
-
|
|
109
|
+
leadingContentShape: "flat",
|
|
110
110
|
appearance: "gray",
|
|
111
111
|
size: "sm",
|
|
112
112
|
children: "Flat icon (sm)"
|
|
113
113
|
}), /*#__PURE__*/_jsx(MediaButton, {
|
|
114
|
-
|
|
114
|
+
leadingContent: /*#__PURE__*/_jsx(CryptoIcon, {
|
|
115
115
|
ledgerId: "bitcoin",
|
|
116
116
|
ticker: "BTC",
|
|
117
117
|
size: 24
|
|
118
118
|
}),
|
|
119
|
-
|
|
119
|
+
leadingContentShape: "rounded",
|
|
120
120
|
appearance: "gray",
|
|
121
121
|
size: "sm",
|
|
122
122
|
children: "Rounded icon (sm)"
|
|
@@ -148,19 +148,19 @@ export const AppearanceShowcase = {
|
|
|
148
148
|
children: appearance
|
|
149
149
|
}), /*#__PURE__*/_jsx(MediaButton, {
|
|
150
150
|
appearance: appearance,
|
|
151
|
-
|
|
151
|
+
leadingContent: /*#__PURE__*/_jsx(Settings, {
|
|
152
152
|
size: 20
|
|
153
153
|
}),
|
|
154
|
-
|
|
154
|
+
leadingContentShape: "flat",
|
|
155
155
|
children: appearance
|
|
156
156
|
}), /*#__PURE__*/_jsx(MediaButton, {
|
|
157
157
|
appearance: appearance,
|
|
158
|
-
|
|
158
|
+
leadingContent: /*#__PURE__*/_jsx(CryptoIcon, {
|
|
159
159
|
ledgerId: "bitcoin",
|
|
160
160
|
ticker: "BTC",
|
|
161
161
|
size: 32
|
|
162
162
|
}),
|
|
163
|
-
|
|
163
|
+
leadingContentShape: "rounded",
|
|
164
164
|
children: appearance
|
|
165
165
|
})]
|
|
166
166
|
}, appearance))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["CryptoIcon","Settings","Star","Box","MediaButton","jsx","_jsx","jsxs","_jsxs","meta","component","title","parameters","layout","docs","source","language","format","type","Base","args","children","appearance","render","code","SizeShowcase","lx","flexDirection","alignItems","gap","size","
|
|
1
|
+
{"version":3,"names":["CryptoIcon","Settings","Star","Box","MediaButton","jsx","_jsx","jsxs","_jsxs","meta","component","title","parameters","layout","docs","source","language","format","type","Base","args","children","appearance","render","code","SizeShowcase","lx","flexDirection","alignItems","gap","size","leadingContent","leadingContentShape","LeadingContentShapeShowcase","ledgerId","ticker","AppearanceShowcase","appearances","padding","map"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaButton/MediaButton.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -57,11 +57,11 @@ describe('MediaButton', () => {
|
|
|
57
57
|
it('should render with a flat interface icon', () => {
|
|
58
58
|
renderWithProvider(/*#__PURE__*/_jsx(MediaButton, {
|
|
59
59
|
testID: "trigger",
|
|
60
|
-
|
|
60
|
+
leadingContent: /*#__PURE__*/_jsx(Settings, {
|
|
61
61
|
size: 20,
|
|
62
62
|
testID: "icon"
|
|
63
63
|
}),
|
|
64
|
-
|
|
64
|
+
leadingContentShape: "flat",
|
|
65
65
|
children: "Network"
|
|
66
66
|
}));
|
|
67
67
|
expect(screen.getByTestId('icon')).toBeTruthy();
|
|
@@ -70,10 +70,10 @@ describe('MediaButton', () => {
|
|
|
70
70
|
it('should render with a rounded icon', () => {
|
|
71
71
|
renderWithProvider(/*#__PURE__*/_jsx(MediaButton, {
|
|
72
72
|
testID: "trigger",
|
|
73
|
-
|
|
73
|
+
leadingContent: /*#__PURE__*/_jsx(View, {
|
|
74
74
|
testID: "crypto-icon"
|
|
75
75
|
}),
|
|
76
|
-
|
|
76
|
+
leadingContentShape: "rounded",
|
|
77
77
|
children: "Bitcoin"
|
|
78
78
|
}));
|
|
79
79
|
expect(screen.getByTestId('crypto-icon')).toBeTruthy();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","screen","fireEvent","createRef","View","Settings","ThemeProvider","MediaButton","jsx","_jsx","renderWithProvider","component","themes","colorScheme","locale","children","testID","trigger","getByTestId","toBeTruthy","getByText","props","accessibilityRole","toBe","each","appearance","size","
|
|
1
|
+
{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","screen","fireEvent","createRef","View","Settings","ThemeProvider","MediaButton","jsx","_jsx","renderWithProvider","component","themes","colorScheme","locale","children","testID","trigger","getByTestId","toBeTruthy","getByText","props","accessibilityRole","toBe","each","appearance","size","leadingContent","leadingContentShape","disabled","accessibilityState","handlePress","fn","onPress","press","toHaveBeenCalledTimes","not","toHaveBeenCalled","ref","current","customStyle","marginTop","style","lx","padding","toBeDefined"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaButton/MediaButton.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { useDisabledContext } from '@ledgerhq/lumen-utils-shared';
|
|
3
4
|
import { useEffect, useState } from 'react';
|
|
4
5
|
import { Image, StyleSheet } from 'react-native';
|
|
5
6
|
import { useStyleSheet } from "../../../styles/index.js";
|
|
@@ -31,7 +32,8 @@ export const fontSizeMap = {
|
|
|
31
32
|
};
|
|
32
33
|
const useStyles = ({
|
|
33
34
|
size,
|
|
34
|
-
shape
|
|
35
|
+
shape,
|
|
36
|
+
disabled
|
|
35
37
|
}) => {
|
|
36
38
|
return useStyleSheet(t => {
|
|
37
39
|
const sizeValue = t.sizes[`s${size}`];
|
|
@@ -48,7 +50,10 @@ const useStyles = ({
|
|
|
48
50
|
outlineColor: t.colors.border.icon,
|
|
49
51
|
outlineWidth: 1,
|
|
50
52
|
outlineOffset: -1,
|
|
51
|
-
outlineStyle: 'solid'
|
|
53
|
+
outlineStyle: 'solid',
|
|
54
|
+
...(disabled && {
|
|
55
|
+
opacity: 0.3
|
|
56
|
+
})
|
|
52
57
|
},
|
|
53
58
|
image: {
|
|
54
59
|
width: '100%',
|
|
@@ -59,7 +64,7 @@ const useStyles = ({
|
|
|
59
64
|
height: '100%'
|
|
60
65
|
}
|
|
61
66
|
};
|
|
62
|
-
}, [size, shape]);
|
|
67
|
+
}, [size, shape, disabled]);
|
|
63
68
|
};
|
|
64
69
|
|
|
65
70
|
/**
|
|
@@ -85,6 +90,7 @@ export const MediaImage = ({
|
|
|
85
90
|
shape = 'square',
|
|
86
91
|
fallback,
|
|
87
92
|
loading = false,
|
|
93
|
+
disabled: disabledProp = false,
|
|
88
94
|
lx = {},
|
|
89
95
|
style,
|
|
90
96
|
ref,
|
|
@@ -92,9 +98,16 @@ export const MediaImage = ({
|
|
|
92
98
|
}) => {
|
|
93
99
|
const [error, setError] = useState(false);
|
|
94
100
|
const shouldFallback = !src || error;
|
|
101
|
+
const disabled = useDisabledContext({
|
|
102
|
+
consumerName: 'MediaImage',
|
|
103
|
+
mergeWith: {
|
|
104
|
+
disabled: disabledProp
|
|
105
|
+
}
|
|
106
|
+
});
|
|
95
107
|
const styles = useStyles({
|
|
96
108
|
size,
|
|
97
|
-
shape
|
|
109
|
+
shape,
|
|
110
|
+
disabled
|
|
98
111
|
});
|
|
99
112
|
useEffect(() => {
|
|
100
113
|
setError(false);
|
|
@@ -105,6 +118,9 @@ export const MediaImage = ({
|
|
|
105
118
|
style: StyleSheet.flatten([styles.root, style]),
|
|
106
119
|
accessibilityRole: "image",
|
|
107
120
|
accessibilityLabel: alt,
|
|
121
|
+
accessibilityState: {
|
|
122
|
+
disabled
|
|
123
|
+
},
|
|
108
124
|
...props,
|
|
109
125
|
children: [loading && /*#__PURE__*/_jsx(Skeleton, {
|
|
110
126
|
style: styles.skeleton
|