@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
|
@@ -1,304 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { useState } from 'react';
|
|
4
|
-
import { Box } from "../Utility/index.js";
|
|
5
|
-
import { GlobalSelectBottomSheet } from "./GlobalSelectBottomSheet.js";
|
|
6
|
-
import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectItemText, SelectGroup, SelectLabel, SelectSeparator } from "./Select.js";
|
|
7
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
8
|
-
const meta = {
|
|
9
|
-
component: Select,
|
|
10
|
-
tags: ['deprecated'],
|
|
11
|
-
subcomponents: {
|
|
12
|
-
SelectTrigger,
|
|
13
|
-
SelectValue,
|
|
14
|
-
SelectContent,
|
|
15
|
-
SelectItem,
|
|
16
|
-
SelectItemText,
|
|
17
|
-
SelectGroup,
|
|
18
|
-
SelectLabel,
|
|
19
|
-
SelectSeparator
|
|
20
|
-
},
|
|
21
|
-
title: 'Selection/Select',
|
|
22
|
-
parameters: {
|
|
23
|
-
layout: 'fullscreen'
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
export default meta;
|
|
27
|
-
export const Base = {
|
|
28
|
-
render: () => {
|
|
29
|
-
const [value, setValue] = useState('apple');
|
|
30
|
-
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
31
|
-
children: [/*#__PURE__*/_jsx(Box, {
|
|
32
|
-
style: {
|
|
33
|
-
flex: 1,
|
|
34
|
-
minHeight: 400,
|
|
35
|
-
padding: 24,
|
|
36
|
-
width: '100%'
|
|
37
|
-
},
|
|
38
|
-
children: /*#__PURE__*/_jsx(Box, {
|
|
39
|
-
style: {
|
|
40
|
-
width: '100%',
|
|
41
|
-
maxWidth: 400
|
|
42
|
-
},
|
|
43
|
-
children: /*#__PURE__*/_jsxs(Select, {
|
|
44
|
-
value: value,
|
|
45
|
-
onValueChange: setValue,
|
|
46
|
-
children: [/*#__PURE__*/_jsx(SelectTrigger, {
|
|
47
|
-
label: "Choose a fruit",
|
|
48
|
-
children: /*#__PURE__*/_jsx(SelectValue, {})
|
|
49
|
-
}), /*#__PURE__*/_jsxs(SelectContent, {
|
|
50
|
-
children: [/*#__PURE__*/_jsx(SelectItem, {
|
|
51
|
-
value: "apple",
|
|
52
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
53
|
-
children: "Apple"
|
|
54
|
-
})
|
|
55
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
56
|
-
value: "banana",
|
|
57
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
58
|
-
children: "Banana"
|
|
59
|
-
})
|
|
60
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
61
|
-
value: "orange",
|
|
62
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
63
|
-
children: "Orange"
|
|
64
|
-
})
|
|
65
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
66
|
-
value: "grape",
|
|
67
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
68
|
-
children: "Grape"
|
|
69
|
-
})
|
|
70
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
71
|
-
value: "mango",
|
|
72
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
73
|
-
children: "Mango"
|
|
74
|
-
})
|
|
75
|
-
})]
|
|
76
|
-
})]
|
|
77
|
-
})
|
|
78
|
-
})
|
|
79
|
-
}), /*#__PURE__*/_jsx(GlobalSelectBottomSheet, {})]
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
};
|
|
83
|
-
export const WithGroups = {
|
|
84
|
-
render: () => {
|
|
85
|
-
const [value, setValue] = useState('btc');
|
|
86
|
-
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
87
|
-
children: [/*#__PURE__*/_jsx(Box, {
|
|
88
|
-
style: {
|
|
89
|
-
flex: 1,
|
|
90
|
-
minHeight: 400,
|
|
91
|
-
padding: 24,
|
|
92
|
-
width: '100%'
|
|
93
|
-
},
|
|
94
|
-
children: /*#__PURE__*/_jsx(Box, {
|
|
95
|
-
style: {
|
|
96
|
-
width: '100%',
|
|
97
|
-
maxWidth: 400
|
|
98
|
-
},
|
|
99
|
-
children: /*#__PURE__*/_jsxs(Select, {
|
|
100
|
-
value: value,
|
|
101
|
-
onValueChange: setValue,
|
|
102
|
-
children: [/*#__PURE__*/_jsx(SelectTrigger, {
|
|
103
|
-
label: "Select cryptocurrency",
|
|
104
|
-
children: /*#__PURE__*/_jsx(SelectValue, {})
|
|
105
|
-
}), /*#__PURE__*/_jsxs(SelectContent, {
|
|
106
|
-
children: [/*#__PURE__*/_jsxs(SelectGroup, {
|
|
107
|
-
children: [/*#__PURE__*/_jsx(SelectLabel, {
|
|
108
|
-
children: "Popular"
|
|
109
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
110
|
-
value: "btc",
|
|
111
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
112
|
-
children: "Bitcoin"
|
|
113
|
-
})
|
|
114
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
115
|
-
value: "eth",
|
|
116
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
117
|
-
children: "Ethereum"
|
|
118
|
-
})
|
|
119
|
-
})]
|
|
120
|
-
}), /*#__PURE__*/_jsx(SelectSeparator, {}), /*#__PURE__*/_jsxs(SelectGroup, {
|
|
121
|
-
children: [/*#__PURE__*/_jsx(SelectLabel, {
|
|
122
|
-
children: "Altcoins"
|
|
123
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
124
|
-
value: "ada",
|
|
125
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
126
|
-
children: "Cardano"
|
|
127
|
-
})
|
|
128
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
129
|
-
value: "dot",
|
|
130
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
131
|
-
children: "Polkadot"
|
|
132
|
-
})
|
|
133
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
134
|
-
value: "sol",
|
|
135
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
136
|
-
children: "Solana"
|
|
137
|
-
})
|
|
138
|
-
})]
|
|
139
|
-
})]
|
|
140
|
-
})]
|
|
141
|
-
})
|
|
142
|
-
})
|
|
143
|
-
}), /*#__PURE__*/_jsx(GlobalSelectBottomSheet, {})]
|
|
144
|
-
});
|
|
145
|
-
}
|
|
146
|
-
};
|
|
147
|
-
export const WithDisabledItems = {
|
|
148
|
-
render: () => {
|
|
149
|
-
const [value, setValue] = useState('option1');
|
|
150
|
-
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
151
|
-
children: [/*#__PURE__*/_jsx(Box, {
|
|
152
|
-
style: {
|
|
153
|
-
flex: 1,
|
|
154
|
-
minHeight: 400,
|
|
155
|
-
padding: 24,
|
|
156
|
-
width: '100%'
|
|
157
|
-
},
|
|
158
|
-
children: /*#__PURE__*/_jsx(Box, {
|
|
159
|
-
style: {
|
|
160
|
-
width: '100%',
|
|
161
|
-
maxWidth: 400
|
|
162
|
-
},
|
|
163
|
-
children: /*#__PURE__*/_jsxs(Select, {
|
|
164
|
-
value: value,
|
|
165
|
-
onValueChange: setValue,
|
|
166
|
-
children: [/*#__PURE__*/_jsx(SelectTrigger, {
|
|
167
|
-
label: "Select option",
|
|
168
|
-
children: /*#__PURE__*/_jsx(SelectValue, {})
|
|
169
|
-
}), /*#__PURE__*/_jsxs(SelectContent, {
|
|
170
|
-
children: [/*#__PURE__*/_jsx(SelectItem, {
|
|
171
|
-
value: "option1",
|
|
172
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
173
|
-
children: "Option 1"
|
|
174
|
-
})
|
|
175
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
176
|
-
value: "option2",
|
|
177
|
-
disabled: true,
|
|
178
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
179
|
-
children: "Option 2 (Disabled)"
|
|
180
|
-
})
|
|
181
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
182
|
-
value: "option3",
|
|
183
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
184
|
-
children: "Option 3"
|
|
185
|
-
})
|
|
186
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
187
|
-
value: "option4",
|
|
188
|
-
disabled: true,
|
|
189
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
190
|
-
children: "Option 4 (Disabled)"
|
|
191
|
-
})
|
|
192
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
193
|
-
value: "option5",
|
|
194
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
195
|
-
children: "Option 5"
|
|
196
|
-
})
|
|
197
|
-
})]
|
|
198
|
-
})]
|
|
199
|
-
})
|
|
200
|
-
})
|
|
201
|
-
}), /*#__PURE__*/_jsx(GlobalSelectBottomSheet, {})]
|
|
202
|
-
});
|
|
203
|
-
}
|
|
204
|
-
};
|
|
205
|
-
export const DisabledSelect = {
|
|
206
|
-
render: () => {
|
|
207
|
-
const [value, setValue] = useState('apple');
|
|
208
|
-
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
209
|
-
children: [/*#__PURE__*/_jsx(Box, {
|
|
210
|
-
style: {
|
|
211
|
-
flex: 1,
|
|
212
|
-
minHeight: 400,
|
|
213
|
-
padding: 24,
|
|
214
|
-
width: '100%'
|
|
215
|
-
},
|
|
216
|
-
children: /*#__PURE__*/_jsx(Box, {
|
|
217
|
-
style: {
|
|
218
|
-
width: '100%',
|
|
219
|
-
maxWidth: 400
|
|
220
|
-
},
|
|
221
|
-
children: /*#__PURE__*/_jsxs(Select, {
|
|
222
|
-
value: value,
|
|
223
|
-
onValueChange: setValue,
|
|
224
|
-
disabled: true,
|
|
225
|
-
children: [/*#__PURE__*/_jsx(SelectTrigger, {
|
|
226
|
-
label: "Disabled select",
|
|
227
|
-
children: /*#__PURE__*/_jsx(SelectValue, {})
|
|
228
|
-
}), /*#__PURE__*/_jsxs(SelectContent, {
|
|
229
|
-
children: [/*#__PURE__*/_jsx(SelectItem, {
|
|
230
|
-
value: "apple",
|
|
231
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
232
|
-
children: "Apple"
|
|
233
|
-
})
|
|
234
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
235
|
-
value: "banana",
|
|
236
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
237
|
-
children: "Banana"
|
|
238
|
-
})
|
|
239
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
240
|
-
value: "orange",
|
|
241
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
242
|
-
children: "Orange"
|
|
243
|
-
})
|
|
244
|
-
})]
|
|
245
|
-
})]
|
|
246
|
-
})
|
|
247
|
-
})
|
|
248
|
-
}), /*#__PURE__*/_jsx(GlobalSelectBottomSheet, {})]
|
|
249
|
-
});
|
|
250
|
-
}
|
|
251
|
-
};
|
|
252
|
-
export const WithChangeCallback = {
|
|
253
|
-
render: () => {
|
|
254
|
-
const [value, setValue] = useState('option1');
|
|
255
|
-
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
256
|
-
children: [/*#__PURE__*/_jsx(Box, {
|
|
257
|
-
style: {
|
|
258
|
-
flex: 1,
|
|
259
|
-
minHeight: 400,
|
|
260
|
-
padding: 24,
|
|
261
|
-
width: '100%'
|
|
262
|
-
},
|
|
263
|
-
children: /*#__PURE__*/_jsx(Box, {
|
|
264
|
-
style: {
|
|
265
|
-
width: '100%',
|
|
266
|
-
maxWidth: 400
|
|
267
|
-
},
|
|
268
|
-
children: /*#__PURE__*/_jsxs(Select, {
|
|
269
|
-
value: value,
|
|
270
|
-
onValueChange: newValue => {
|
|
271
|
-
setValue(newValue);
|
|
272
|
-
alert(`Selected: ${newValue}`);
|
|
273
|
-
},
|
|
274
|
-
onOpenChange: open => {
|
|
275
|
-
alert(`Select ${open ? 'opened' : 'closed'}`);
|
|
276
|
-
},
|
|
277
|
-
children: [/*#__PURE__*/_jsx(SelectTrigger, {
|
|
278
|
-
label: "Select with callbacks",
|
|
279
|
-
children: /*#__PURE__*/_jsx(SelectValue, {})
|
|
280
|
-
}), /*#__PURE__*/_jsxs(SelectContent, {
|
|
281
|
-
children: [/*#__PURE__*/_jsx(SelectItem, {
|
|
282
|
-
value: "option1",
|
|
283
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
284
|
-
children: "Option 1"
|
|
285
|
-
})
|
|
286
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
287
|
-
value: "option2",
|
|
288
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
289
|
-
children: "Option 2"
|
|
290
|
-
})
|
|
291
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
292
|
-
value: "option3",
|
|
293
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
294
|
-
children: "Option 3"
|
|
295
|
-
})
|
|
296
|
-
})]
|
|
297
|
-
})]
|
|
298
|
-
})
|
|
299
|
-
})
|
|
300
|
-
}), /*#__PURE__*/_jsx(GlobalSelectBottomSheet, {})]
|
|
301
|
-
});
|
|
302
|
-
}
|
|
303
|
-
};
|
|
304
|
-
//# sourceMappingURL=Select.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["useState","Box","GlobalSelectBottomSheet","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","SelectItemText","SelectGroup","SelectLabel","SelectSeparator","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","meta","component","tags","subcomponents","title","parameters","layout","Base","render","value","setValue","children","style","flex","minHeight","padding","width","maxWidth","onValueChange","label","WithGroups","WithDisabledItems","disabled","DisabledSelect","WithChangeCallback","newValue","alert","onOpenChange","open"],"sourceRoot":"../../../../../src","sources":["lib/Components/Select/Select.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { describe, it, expect, jest } from '@jest/globals';
|
|
4
|
-
import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
|
|
5
|
-
import { render, fireEvent } from '@testing-library/react-native';
|
|
6
|
-
import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
|
|
7
|
-
import { GlobalSelectBottomSheet } from "./GlobalSelectBottomSheet.js";
|
|
8
|
-
import { GlobalSelectProvider } from "./GlobalSelectContext.js";
|
|
9
|
-
import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectItemText } from "./Select.js";
|
|
10
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
-
const TestWrapper = ({
|
|
12
|
-
children
|
|
13
|
-
}) => /*#__PURE__*/_jsx(ThemeProvider, {
|
|
14
|
-
themes: ledgerLiveThemes,
|
|
15
|
-
colorScheme: "dark",
|
|
16
|
-
locale: "en",
|
|
17
|
-
children: /*#__PURE__*/_jsxs(GlobalSelectProvider, {
|
|
18
|
-
children: [children, /*#__PURE__*/_jsx(GlobalSelectBottomSheet, {})]
|
|
19
|
-
})
|
|
20
|
-
});
|
|
21
|
-
describe('Select', () => {
|
|
22
|
-
it('renders and displays selected value', () => {
|
|
23
|
-
const {
|
|
24
|
-
getByText
|
|
25
|
-
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
26
|
-
children: /*#__PURE__*/_jsxs(Select, {
|
|
27
|
-
value: "option1",
|
|
28
|
-
children: [/*#__PURE__*/_jsx(SelectTrigger, {
|
|
29
|
-
label: "Choose option",
|
|
30
|
-
children: /*#__PURE__*/_jsx(SelectValue, {})
|
|
31
|
-
}), /*#__PURE__*/_jsxs(SelectContent, {
|
|
32
|
-
children: [/*#__PURE__*/_jsx(SelectItem, {
|
|
33
|
-
value: "option1",
|
|
34
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
35
|
-
children: "Option 1"
|
|
36
|
-
})
|
|
37
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
38
|
-
value: "option2",
|
|
39
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
40
|
-
children: "Option 2"
|
|
41
|
-
})
|
|
42
|
-
})]
|
|
43
|
-
})]
|
|
44
|
-
})
|
|
45
|
-
}));
|
|
46
|
-
expect(getByText('Choose option')).toBeTruthy();
|
|
47
|
-
expect(getByText('Option 1')).toBeTruthy();
|
|
48
|
-
});
|
|
49
|
-
it('opens and selects item on press', () => {
|
|
50
|
-
const onValueChange = jest.fn();
|
|
51
|
-
const {
|
|
52
|
-
getByText,
|
|
53
|
-
getByTestId
|
|
54
|
-
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
55
|
-
children: /*#__PURE__*/_jsxs(Select, {
|
|
56
|
-
onValueChange: onValueChange,
|
|
57
|
-
children: [/*#__PURE__*/_jsx(SelectTrigger, {
|
|
58
|
-
testID: "select-trigger",
|
|
59
|
-
children: /*#__PURE__*/_jsx(SelectValue, {})
|
|
60
|
-
}), /*#__PURE__*/_jsxs(SelectContent, {
|
|
61
|
-
children: [/*#__PURE__*/_jsx(SelectItem, {
|
|
62
|
-
value: "option1",
|
|
63
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
64
|
-
children: "Option 1"
|
|
65
|
-
})
|
|
66
|
-
}), /*#__PURE__*/_jsx(SelectItem, {
|
|
67
|
-
value: "option2",
|
|
68
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
69
|
-
children: "Option 2"
|
|
70
|
-
})
|
|
71
|
-
})]
|
|
72
|
-
})]
|
|
73
|
-
})
|
|
74
|
-
}));
|
|
75
|
-
fireEvent.press(getByTestId('select-trigger'));
|
|
76
|
-
fireEvent.press(getByText('Option 2'));
|
|
77
|
-
expect(onValueChange).toHaveBeenCalledWith('option2');
|
|
78
|
-
});
|
|
79
|
-
it('respects disabled state', () => {
|
|
80
|
-
const onOpenChange = jest.fn();
|
|
81
|
-
const {
|
|
82
|
-
getByTestId
|
|
83
|
-
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
84
|
-
children: /*#__PURE__*/_jsxs(Select, {
|
|
85
|
-
disabled: true,
|
|
86
|
-
onOpenChange: onOpenChange,
|
|
87
|
-
children: [/*#__PURE__*/_jsx(SelectTrigger, {
|
|
88
|
-
testID: "select-trigger",
|
|
89
|
-
children: /*#__PURE__*/_jsx(SelectValue, {})
|
|
90
|
-
}), /*#__PURE__*/_jsx(SelectContent, {
|
|
91
|
-
children: /*#__PURE__*/_jsx(SelectItem, {
|
|
92
|
-
value: "option1",
|
|
93
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
94
|
-
children: "Option 1"
|
|
95
|
-
})
|
|
96
|
-
})
|
|
97
|
-
})]
|
|
98
|
-
})
|
|
99
|
-
}));
|
|
100
|
-
fireEvent.press(getByTestId('select-trigger'));
|
|
101
|
-
expect(onOpenChange).not.toHaveBeenCalled();
|
|
102
|
-
});
|
|
103
|
-
it('requires GlobalSelectProvider', () => {
|
|
104
|
-
const originalError = console.error;
|
|
105
|
-
console.error = jest.fn();
|
|
106
|
-
expect(() => {
|
|
107
|
-
render(/*#__PURE__*/_jsxs(Select, {
|
|
108
|
-
children: [/*#__PURE__*/_jsx(SelectTrigger, {
|
|
109
|
-
children: /*#__PURE__*/_jsx(SelectValue, {})
|
|
110
|
-
}), /*#__PURE__*/_jsx(SelectContent, {
|
|
111
|
-
children: /*#__PURE__*/_jsx(SelectItem, {
|
|
112
|
-
value: "option1",
|
|
113
|
-
children: /*#__PURE__*/_jsx(SelectItemText, {
|
|
114
|
-
children: "Option 1"
|
|
115
|
-
})
|
|
116
|
-
})
|
|
117
|
-
})]
|
|
118
|
-
}));
|
|
119
|
-
}).toThrow();
|
|
120
|
-
console.error = originalError;
|
|
121
|
-
});
|
|
122
|
-
});
|
|
123
|
-
//# sourceMappingURL=Select.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","fireEvent","ThemeProvider","GlobalSelectBottomSheet","GlobalSelectProvider","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","SelectItemText","jsx","_jsx","jsxs","_jsxs","TestWrapper","children","themes","colorScheme","locale","getByText","value","label","toBeTruthy","onValueChange","fn","getByTestId","testID","press","toHaveBeenCalledWith","onOpenChange","disabled","not","toHaveBeenCalled","originalError","console","error","toThrow"],"sourceRoot":"../../../../../src","sources":["lib/Components/Select/Select.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
const [SelectProvider, _useSelectSafeContext] = createSafeContext('Select');
|
|
6
|
-
export const useSelectSafeContext = _useSelectSafeContext;
|
|
7
|
-
/**
|
|
8
|
-
* Internal context provider for an individual Select component.
|
|
9
|
-
* This is used automatically by the Select component.
|
|
10
|
-
*/
|
|
11
|
-
export const SelectContextProvider = ({
|
|
12
|
-
selectId,
|
|
13
|
-
open,
|
|
14
|
-
setOpen,
|
|
15
|
-
value,
|
|
16
|
-
onValueChange,
|
|
17
|
-
disabled,
|
|
18
|
-
items,
|
|
19
|
-
setItems,
|
|
20
|
-
label,
|
|
21
|
-
children
|
|
22
|
-
}) => {
|
|
23
|
-
return /*#__PURE__*/_jsx(SelectProvider, {
|
|
24
|
-
value: {
|
|
25
|
-
selectId,
|
|
26
|
-
open,
|
|
27
|
-
setOpen,
|
|
28
|
-
value,
|
|
29
|
-
onValueChange,
|
|
30
|
-
disabled,
|
|
31
|
-
items,
|
|
32
|
-
setItems,
|
|
33
|
-
label
|
|
34
|
-
},
|
|
35
|
-
children: children
|
|
36
|
-
});
|
|
37
|
-
};
|
|
38
|
-
//# sourceMappingURL=SelectContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["createSafeContext","jsx","_jsx","SelectProvider","_useSelectSafeContext","useSelectSafeContext","SelectContextProvider","selectId","open","setOpen","value","onValueChange","disabled","items","setItems","label","children"],"sourceRoot":"../../../../../src","sources":["lib/Components/Select/SelectContext.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgBjE,MAAM,CAACC,cAAc,EAAEC,qBAAqB,CAAC,GAC3CJ,iBAAiB,CAAqB,QAAQ,CAAC;AAEjD,OAAO,MAAMK,oBAAoB,GAAGD,qBAAqB;AAezD;AACA;AACA;AACA;AACA,OAAO,MAAME,qBAAqB,GAAGA,CAAC;EACpCC,QAAQ;EACRC,IAAI;EACJC,OAAO;EACPC,KAAK;EACLC,aAAa;EACbC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC;AAC0B,CAAC,KAAK;EAChC,oBACEd,IAAA,CAACC,cAAc;IACbO,KAAK,EAAE;MACLH,QAAQ;MACRC,IAAI;MACJC,OAAO;MACPC,KAAK;MACLC,aAAa;MACbC,QAAQ;MACRC,KAAK;MACLC,QAAQ;MACRC;IACF,CAAE;IAAAC,QAAA,EAEDA;EAAQ,CACK,CAAC;AAErB,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/Select/index.ts"],"mappings":";;AAAA,cAAc,aAAU;AACxB,cAAc,8BAA2B;AACzC,cAAc,YAAS","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/Select/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* BottomSheet component that displays select options.
|
|
3
|
-
* This should be placed at the root level inside GestureHandlerRootView.
|
|
4
|
-
*
|
|
5
|
-
* @see {@link https://ldls.vercel.app/?path=/docs/components-select-overview--docs Storybook}
|
|
6
|
-
*
|
|
7
|
-
* @example
|
|
8
|
-
* import { GlobalSelectProvider, GlobalSelectBottomSheet } from '@ledgerhq/lumen-ui-rnative';
|
|
9
|
-
*
|
|
10
|
-
* function App() {
|
|
11
|
-
* return (
|
|
12
|
-
* <GestureHandlerRootView>
|
|
13
|
-
* <YourAppContent />
|
|
14
|
-
* <GlobalSelectBottomSheet />
|
|
15
|
-
* </GestureHandlerRootView>
|
|
16
|
-
* );
|
|
17
|
-
* }
|
|
18
|
-
*/
|
|
19
|
-
export declare const GlobalSelectBottomSheet: React.FC;
|
|
20
|
-
//# sourceMappingURL=GlobalSelectBottomSheet.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalSelectBottomSheet.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Select/GlobalSelectBottomSheet.tsx"],"names":[],"mappings":"AAqDA;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EA4G3C,CAAC"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
import type { SelectData } from './types';
|
|
3
|
-
type GlobalSelectBottomSheetContextValue = {
|
|
4
|
-
currentSelect: SelectData | null;
|
|
5
|
-
showSelectRef: React.MutableRefObject<(data: SelectData) => void>;
|
|
6
|
-
hideSelectRef: React.MutableRefObject<() => void>;
|
|
7
|
-
};
|
|
8
|
-
export declare const useGlobalSelectSafeContext: <ContextRequired extends boolean = boolean>({ consumerName, contextRequired, }: {
|
|
9
|
-
consumerName: string;
|
|
10
|
-
contextRequired: ContextRequired;
|
|
11
|
-
}) => ContextRequired extends true ? GlobalSelectBottomSheetContextValue : Partial<GlobalSelectBottomSheetContextValue>;
|
|
12
|
-
/**
|
|
13
|
-
* Hook that provides select actions without subscribing to state changes.
|
|
14
|
-
* This prevents unnecessary re-renders when selects open/close.
|
|
15
|
-
*
|
|
16
|
-
* Use this hook in components that only need to show/hide selects
|
|
17
|
-
* but don't need to know which select is currently active.
|
|
18
|
-
*/
|
|
19
|
-
export declare const useSelectActions: () => {
|
|
20
|
-
showSelect: (data: SelectData) => void;
|
|
21
|
-
hideSelect: () => void;
|
|
22
|
-
};
|
|
23
|
-
type GlobalSelectProviderProps = {
|
|
24
|
-
children: ReactNode;
|
|
25
|
-
};
|
|
26
|
-
/**
|
|
27
|
-
* Global provider for the select bottom sheet system.
|
|
28
|
-
* This should wrap your app at the root level and include GlobalSelectBottomSheet.
|
|
29
|
-
*
|
|
30
|
-
* @example
|
|
31
|
-
* import { GlobalSelectProvider, GlobalSelectBottomSheet } from '@ledgerhq/lumen-ui-rnative';
|
|
32
|
-
*
|
|
33
|
-
* function App() {
|
|
34
|
-
* return (
|
|
35
|
-
* <GlobalSelectProvider>
|
|
36
|
-
* <YourAppContent />
|
|
37
|
-
* <GlobalSelectBottomSheet />
|
|
38
|
-
* </GlobalSelectProvider>
|
|
39
|
-
* );
|
|
40
|
-
* }
|
|
41
|
-
*/
|
|
42
|
-
export declare const GlobalSelectProvider: ({ children, }: GlobalSelectProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
43
|
-
export {};
|
|
44
|
-
//# sourceMappingURL=GlobalSelectContext.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalSelectContext.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Select/GlobalSelectContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,KAAK,mCAAmC,GAAG;IACzC,aAAa,EAAE,UAAU,GAAG,IAAI,CAAC;IACjC,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC;IAClE,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,IAAI,CAAC,CAAC;CACnD,CAAC;AAKF,eAAO,MAAM,0BAA0B;;;uHAA8B,CAAC;AAEtE;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,QAAO;IAClC,UAAU,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,MAAM,IAAI,CAAC;CAcxB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,oBAAoB,GAAI,eAElC,yBAAyB,4CAuC3B,CAAC"}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import type { SelectProps, SelectTriggerProps, SelectContentProps, SelectGroupProps, SelectLabelProps, SelectItemProps, SelectItemTextProps, SelectSeparatorProps } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* The root component that manages a select's state.
|
|
4
|
-
*
|
|
5
|
-
* This component coordinates between the trigger, content, and items.
|
|
6
|
-
* It works with GlobalSelectProvider to display options in a bottom sheet.
|
|
7
|
-
*
|
|
8
|
-
* @see {@link https://ldls.vercel.app/?path=/docs/components-select-overview--docs Storybook}
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* import { Select, SelectTrigger, SelectContent, SelectItem, SelectItemText } from '@ledgerhq/lumen-ui-rnative';
|
|
12
|
-
*
|
|
13
|
-
* function App() {
|
|
14
|
-
* const [value, setValue] = useState('option1');
|
|
15
|
-
* return (
|
|
16
|
-
* <Select value={value} onValueChange={setValue}>
|
|
17
|
-
* <SelectTrigger label="Choose option">
|
|
18
|
-
* <SelectValue />
|
|
19
|
-
* </SelectTrigger>
|
|
20
|
-
* <SelectContent>
|
|
21
|
-
* <SelectItem value="option1">
|
|
22
|
-
* <SelectItemText>Option 1</SelectItemText>
|
|
23
|
-
* </SelectItem>
|
|
24
|
-
* <SelectItem value="option2">
|
|
25
|
-
* <SelectItemText>Option 2</SelectItemText>
|
|
26
|
-
* </SelectItem>
|
|
27
|
-
* </SelectContent>
|
|
28
|
-
* </Select>
|
|
29
|
-
* );
|
|
30
|
-
* }
|
|
31
|
-
*/
|
|
32
|
-
export declare const Select: ({ children, open: controlledOpen, defaultOpen, onOpenChange, value: controlledValue, defaultValue, onValueChange, disabled: disabledProp, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
export declare const SelectTrigger: ({ children, lx, style, label, asChild, disabled: triggerDisabled, ...props }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
-
/**
|
|
35
|
-
* Displays the current selected value
|
|
36
|
-
*/
|
|
37
|
-
export declare const SelectValue: () => import("react/jsx-runtime").JSX.Element | null;
|
|
38
|
-
/**
|
|
39
|
-
* Container for select items. This component collects all items
|
|
40
|
-
* and makes them available to the bottom sheet.
|
|
41
|
-
*/
|
|
42
|
-
export declare const SelectContent: ({ children }: SelectContentProps) => null;
|
|
43
|
-
export declare const SelectGroup: ({ children, lx, style, ...props }: SelectGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
44
|
-
export declare const SelectLabel: ({ children, lx, style, ...props }: SelectLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
45
|
-
/**
|
|
46
|
-
* Individual select item. Note: The actual rendering happens in GlobalSelectBottomSheet.
|
|
47
|
-
* This component is used to declare the structure and collect item data.
|
|
48
|
-
*/
|
|
49
|
-
export declare const SelectItem: (_props: SelectItemProps) => null;
|
|
50
|
-
export declare const SelectItemText: ({ children, lx, style, ...props }: SelectItemTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
51
|
-
export declare const SelectSeparator: (_props: SelectSeparatorProps) => null;
|
|
52
|
-
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Select/Select.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EAErB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,MAAM,GAAI,6IASpB,WAAW,4CAyDb,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,8EAQ3B,kBAAkB,4CAmEpB,CAAC;AAiFF;;GAEG;AACH,eAAO,MAAM,WAAW,sDAgCvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,cAAc,kBAAkB,SAkD7D,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mCAKzB,gBAAgB,4CAgBlB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mCAKzB,gBAAgB,4CAsBlB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,QAAQ,eAAe,SAIjD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,mCAK5B,mBAAmB,4CAkBrB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,QAAQ,oBAAoB,SAI3D,CAAC"}
|