@bacon-pos/ui 0.5.1 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/Dropdown/Dropdown.js +282 -0
- package/lib/commonjs/components/Dropdown/Dropdown.js.map +1 -0
- package/lib/commonjs/components/Dropdown/Dropdown.stories.js +421 -0
- package/lib/commonjs/components/Dropdown/Dropdown.stories.js.map +1 -0
- package/lib/commonjs/components/Dropdown/Dropdown.test.js +113 -0
- package/lib/commonjs/components/Dropdown/Dropdown.test.js.map +1 -0
- package/lib/commonjs/components/Dropdown/index.js +19 -0
- package/lib/commonjs/components/Dropdown/index.js.map +1 -0
- package/lib/commonjs/components/Menu/Menu.js +214 -0
- package/lib/commonjs/components/Menu/Menu.js.map +1 -0
- package/lib/commonjs/components/Menu/Menu.test.js +71 -0
- package/lib/commonjs/components/Menu/Menu.test.js.map +1 -0
- package/lib/commonjs/components/Menu/MenuButton.js +73 -0
- package/lib/commonjs/components/Menu/MenuButton.js.map +1 -0
- package/lib/commonjs/components/Menu/MenuButton.stories.js +166 -0
- package/lib/commonjs/components/Menu/MenuButton.stories.js.map +1 -0
- package/lib/commonjs/components/Menu/SelectButton.js +143 -0
- package/lib/commonjs/components/Menu/SelectButton.js.map +1 -0
- package/lib/commonjs/components/Menu/SelectButton.stories.js +116 -0
- package/lib/commonjs/components/Menu/SelectButton.stories.js.map +1 -0
- package/lib/commonjs/components/Menu/SelectButton.test.js +80 -0
- package/lib/commonjs/components/Menu/SelectButton.test.js.map +1 -0
- package/lib/commonjs/components/Menu/index.js +27 -0
- package/lib/commonjs/components/Menu/index.js.map +1 -0
- package/lib/commonjs/components/Select/Select.js +246 -0
- package/lib/commonjs/components/Select/Select.js.map +1 -0
- package/lib/commonjs/components/Select/Select.stories.js +221 -0
- package/lib/commonjs/components/Select/Select.stories.js.map +1 -0
- package/lib/commonjs/components/Select/Select.test.js +165 -0
- package/lib/commonjs/components/Select/Select.test.js.map +1 -0
- package/lib/commonjs/components/Select/index.js +13 -0
- package/lib/commonjs/components/Select/index.js.map +1 -0
- package/lib/commonjs/components/UserChip/UserChip.js +121 -0
- package/lib/commonjs/components/UserChip/UserChip.js.map +1 -0
- package/lib/commonjs/components/UserChip/UserChip.stories.js +153 -0
- package/lib/commonjs/components/UserChip/UserChip.stories.js.map +1 -0
- package/lib/commonjs/components/UserChip/UserChip.test.js +59 -0
- package/lib/commonjs/components/UserChip/UserChip.test.js.map +1 -0
- package/lib/commonjs/components/UserChip/index.js +13 -0
- package/lib/commonjs/components/UserChip/index.js.map +1 -0
- package/lib/commonjs/components/index.js +57 -13
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/module/components/Dropdown/Dropdown.js +277 -0
- package/lib/module/components/Dropdown/Dropdown.js.map +1 -0
- package/lib/module/components/Dropdown/Dropdown.stories.js +417 -0
- package/lib/module/components/Dropdown/Dropdown.stories.js.map +1 -0
- package/lib/module/components/Dropdown/Dropdown.test.js +113 -0
- package/lib/module/components/Dropdown/Dropdown.test.js.map +1 -0
- package/lib/module/components/Dropdown/index.js +4 -0
- package/lib/module/components/Dropdown/index.js.map +1 -0
- package/lib/module/components/Menu/Menu.js +210 -0
- package/lib/module/components/Menu/Menu.js.map +1 -0
- package/lib/module/components/Menu/Menu.test.js +71 -0
- package/lib/module/components/Menu/Menu.test.js.map +1 -0
- package/lib/module/components/Menu/MenuButton.js +69 -0
- package/lib/module/components/Menu/MenuButton.js.map +1 -0
- package/lib/module/components/Menu/MenuButton.stories.js +162 -0
- package/lib/module/components/Menu/MenuButton.stories.js.map +1 -0
- package/lib/module/components/Menu/SelectButton.js +139 -0
- package/lib/module/components/Menu/SelectButton.js.map +1 -0
- package/lib/module/components/Menu/SelectButton.stories.js +112 -0
- package/lib/module/components/Menu/SelectButton.stories.js.map +1 -0
- package/lib/module/components/Menu/SelectButton.test.js +80 -0
- package/lib/module/components/Menu/SelectButton.test.js.map +1 -0
- package/lib/module/components/Menu/index.js +6 -0
- package/lib/module/components/Menu/index.js.map +1 -0
- package/lib/module/components/Select/Select.js +244 -0
- package/lib/module/components/Select/Select.js.map +1 -0
- package/lib/module/components/Select/Select.stories.js +217 -0
- package/lib/module/components/Select/Select.stories.js.map +1 -0
- package/lib/module/components/Select/Select.test.js +165 -0
- package/lib/module/components/Select/Select.test.js.map +1 -0
- package/lib/module/components/Select/index.js +4 -0
- package/lib/module/components/Select/index.js.map +1 -0
- package/lib/module/components/UserChip/UserChip.js +117 -0
- package/lib/module/components/UserChip/UserChip.js.map +1 -0
- package/lib/module/components/UserChip/UserChip.stories.js +149 -0
- package/lib/module/components/UserChip/UserChip.stories.js.map +1 -0
- package/lib/module/components/UserChip/UserChip.test.js +59 -0
- package/lib/module/components/UserChip/UserChip.test.js.map +1 -0
- package/lib/module/components/UserChip/index.js +4 -0
- package/lib/module/components/UserChip/index.js.map +1 -0
- package/lib/module/components/index.js +4 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/typescript/commonjs/components/Dropdown/Dropdown.d.ts +105 -0
- package/lib/typescript/commonjs/components/Dropdown/Dropdown.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Dropdown/index.d.ts +3 -0
- package/lib/typescript/commonjs/components/Dropdown/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Menu/Menu.d.ts +66 -0
- package/lib/typescript/commonjs/components/Menu/Menu.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Menu/MenuButton.d.ts +46 -0
- package/lib/typescript/commonjs/components/Menu/MenuButton.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Menu/SelectButton.d.ts +60 -0
- package/lib/typescript/commonjs/components/Menu/SelectButton.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Menu/index.d.ts +7 -0
- package/lib/typescript/commonjs/components/Menu/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Select/Select.d.ts +73 -0
- package/lib/typescript/commonjs/components/Select/Select.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Select/index.d.ts +3 -0
- package/lib/typescript/commonjs/components/Select/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/UserChip/UserChip.d.ts +33 -0
- package/lib/typescript/commonjs/components/UserChip/UserChip.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/UserChip/index.d.ts +3 -0
- package/lib/typescript/commonjs/components/UserChip/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/index.d.ts +4 -0
- package/lib/typescript/commonjs/components/index.d.ts.map +1 -1
- package/lib/typescript/module/components/Dropdown/Dropdown.d.ts +105 -0
- package/lib/typescript/module/components/Dropdown/Dropdown.d.ts.map +1 -0
- package/lib/typescript/module/components/Dropdown/index.d.ts +3 -0
- package/lib/typescript/module/components/Dropdown/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Menu/Menu.d.ts +66 -0
- package/lib/typescript/module/components/Menu/Menu.d.ts.map +1 -0
- package/lib/typescript/module/components/Menu/MenuButton.d.ts +46 -0
- package/lib/typescript/module/components/Menu/MenuButton.d.ts.map +1 -0
- package/lib/typescript/module/components/Menu/SelectButton.d.ts +60 -0
- package/lib/typescript/module/components/Menu/SelectButton.d.ts.map +1 -0
- package/lib/typescript/module/components/Menu/index.d.ts +7 -0
- package/lib/typescript/module/components/Menu/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Select/Select.d.ts +73 -0
- package/lib/typescript/module/components/Select/Select.d.ts.map +1 -0
- package/lib/typescript/module/components/Select/index.d.ts +3 -0
- package/lib/typescript/module/components/Select/index.d.ts.map +1 -0
- package/lib/typescript/module/components/UserChip/UserChip.d.ts +33 -0
- package/lib/typescript/module/components/UserChip/UserChip.d.ts.map +1 -0
- package/lib/typescript/module/components/UserChip/index.d.ts +3 -0
- package/lib/typescript/module/components/UserChip/index.d.ts.map +1 -0
- package/lib/typescript/module/components/index.d.ts +4 -0
- package/lib/typescript/module/components/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Dropdown/Dropdown.tsx +319 -0
- package/src/components/Dropdown/index.ts +2 -0
- package/src/components/Menu/Menu.tsx +249 -0
- package/src/components/Menu/MenuButton.tsx +98 -0
- package/src/components/Menu/SelectButton.tsx +171 -0
- package/src/components/Menu/index.ts +12 -0
- package/src/components/Select/Select.tsx +323 -0
- package/src/components/Select/index.ts +2 -0
- package/src/components/UserChip/UserChip.tsx +138 -0
- package/src/components/UserChip/index.ts +2 -0
- package/src/components/index.ts +4 -0
|
@@ -0,0 +1,282 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Dropdown = Dropdown;
|
|
7
|
+
exports.DropdownItem = DropdownItem;
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
var _reactNative = require("react-native");
|
|
10
|
+
var _index = require("../../theme/index.js");
|
|
11
|
+
var _Checkbox = require("../Checkbox/Checkbox.js");
|
|
12
|
+
var _Icon = require("../Icon/Icon.js");
|
|
13
|
+
var _Radio = require("../Radio/Radio.js");
|
|
14
|
+
var _Switch = require("../Switch/Switch.js");
|
|
15
|
+
var _Text = require("../Text/Text.js");
|
|
16
|
+
var _ScrollArea = require("../_internal/ScrollArea.js");
|
|
17
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
+
/**
|
|
19
|
+
* A leading/trailing slot on a row. Either a decorative/actionable control from
|
|
20
|
+
* the design system, or any custom node (avatar, flag, badge…).
|
|
21
|
+
*/
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* Checkbox/Switch/Radio wrap their control in `Labeled`, which defaults to
|
|
25
|
+
* `alignSelf: 'flex-start'`. Inside a row we want them vertically centered, so we
|
|
26
|
+
* override that (their `style` prop wins over the Labeled default).
|
|
27
|
+
*/
|
|
28
|
+
const CONTROL_ALIGN = {
|
|
29
|
+
alignSelf: 'center'
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
/** Returns the toggle a control slot performs when the row itself is pressed. */
|
|
33
|
+
function slotToggle(slot) {
|
|
34
|
+
if (!slot) return undefined;
|
|
35
|
+
switch (slot.kind) {
|
|
36
|
+
case 'checkbox':
|
|
37
|
+
return () => slot.onChange(!slot.checked);
|
|
38
|
+
case 'switch':
|
|
39
|
+
return () => slot.onChange(!slot.value);
|
|
40
|
+
case 'radio':
|
|
41
|
+
return () => slot.onChange();
|
|
42
|
+
default:
|
|
43
|
+
return undefined;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
function Slot({
|
|
47
|
+
slot,
|
|
48
|
+
disabled,
|
|
49
|
+
destructive
|
|
50
|
+
}) {
|
|
51
|
+
const theme = (0, _index.useTheme)();
|
|
52
|
+
if (!slot) return null;
|
|
53
|
+
const iconColor = destructive ? theme.colors.feedback.error : 'secondary';
|
|
54
|
+
switch (slot.kind) {
|
|
55
|
+
case 'icon':
|
|
56
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
57
|
+
name: slot.name,
|
|
58
|
+
size: 24,
|
|
59
|
+
color: slot.color ?? iconColor
|
|
60
|
+
});
|
|
61
|
+
case 'iconButton':
|
|
62
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
63
|
+
onPress: slot.onPress,
|
|
64
|
+
disabled: disabled,
|
|
65
|
+
hitSlop: 8,
|
|
66
|
+
accessibilityRole: "button",
|
|
67
|
+
accessibilityLabel: slot.accessibilityLabel,
|
|
68
|
+
style: {
|
|
69
|
+
opacity: disabled ? 0.5 : 1
|
|
70
|
+
},
|
|
71
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
72
|
+
name: slot.name,
|
|
73
|
+
size: 24,
|
|
74
|
+
color: slot.color ?? iconColor
|
|
75
|
+
})
|
|
76
|
+
});
|
|
77
|
+
case 'checkbox':
|
|
78
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
|
|
79
|
+
checked: slot.checked,
|
|
80
|
+
onChange: slot.onChange,
|
|
81
|
+
indeterminate: slot.indeterminate,
|
|
82
|
+
disabled: disabled,
|
|
83
|
+
style: CONTROL_ALIGN
|
|
84
|
+
});
|
|
85
|
+
case 'switch':
|
|
86
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.Switch, {
|
|
87
|
+
value: slot.value,
|
|
88
|
+
onValueChange: slot.onChange,
|
|
89
|
+
size: slot.size ?? 'sm',
|
|
90
|
+
disabled: disabled,
|
|
91
|
+
style: CONTROL_ALIGN
|
|
92
|
+
});
|
|
93
|
+
case 'radio':
|
|
94
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
|
|
95
|
+
selected: slot.selected,
|
|
96
|
+
onChange: slot.onChange,
|
|
97
|
+
disabled: disabled,
|
|
98
|
+
style: CONTROL_ALIGN
|
|
99
|
+
});
|
|
100
|
+
case 'custom':
|
|
101
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
102
|
+
children: slot.node
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
/**
|
|
108
|
+
* A single dropdown / menu row: text with optional leading and trailing slots
|
|
109
|
+
* (icon, icon button, checkbox, switch, radio, or a custom node). Used on its
|
|
110
|
+
* own or, more commonly, inside `Dropdown`.
|
|
111
|
+
*/
|
|
112
|
+
function DropdownItem({
|
|
113
|
+
label,
|
|
114
|
+
description,
|
|
115
|
+
leading,
|
|
116
|
+
trailing,
|
|
117
|
+
onPress,
|
|
118
|
+
selected = false,
|
|
119
|
+
disabled = false,
|
|
120
|
+
destructive = false,
|
|
121
|
+
height = 58,
|
|
122
|
+
paddingHorizontal = 16,
|
|
123
|
+
style
|
|
124
|
+
}) {
|
|
125
|
+
const theme = (0, _index.useTheme)();
|
|
126
|
+
const rowPress = onPress ?? slotToggle(trailing) ?? slotToggle(leading);
|
|
127
|
+
const labelColor = disabled ? 'tertiary' : destructive ? theme.colors.feedback.error : 'primary';
|
|
128
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
129
|
+
onPress: rowPress,
|
|
130
|
+
disabled: disabled || !rowPress,
|
|
131
|
+
accessibilityRole: "menuitem",
|
|
132
|
+
accessibilityState: {
|
|
133
|
+
selected,
|
|
134
|
+
disabled
|
|
135
|
+
},
|
|
136
|
+
style: ({
|
|
137
|
+
pressed
|
|
138
|
+
}) => [{
|
|
139
|
+
flexDirection: 'row',
|
|
140
|
+
alignItems: 'center',
|
|
141
|
+
gap: 10,
|
|
142
|
+
minHeight: height,
|
|
143
|
+
paddingHorizontal,
|
|
144
|
+
paddingVertical: description ? 8 : 0,
|
|
145
|
+
backgroundColor: selected ? theme.colors.background.subtle : pressed && rowPress ? theme.colors.background.muted : 'transparent',
|
|
146
|
+
opacity: disabled ? 0.6 : 1
|
|
147
|
+
}, style],
|
|
148
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Slot, {
|
|
149
|
+
slot: leading,
|
|
150
|
+
disabled: disabled,
|
|
151
|
+
destructive: destructive
|
|
152
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
153
|
+
style: {
|
|
154
|
+
flex: 1,
|
|
155
|
+
minWidth: 0,
|
|
156
|
+
gap: 2
|
|
157
|
+
},
|
|
158
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
159
|
+
variant: "bodyLarge",
|
|
160
|
+
color: labelColor,
|
|
161
|
+
numberOfLines: 1,
|
|
162
|
+
children: label
|
|
163
|
+
}), description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
164
|
+
variant: "bodySmall",
|
|
165
|
+
color: "tertiary",
|
|
166
|
+
numberOfLines: 2,
|
|
167
|
+
children: description
|
|
168
|
+
}) : null]
|
|
169
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Slot, {
|
|
170
|
+
slot: trailing,
|
|
171
|
+
disabled: disabled,
|
|
172
|
+
destructive: destructive
|
|
173
|
+
})]
|
|
174
|
+
});
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
/** An entry in a `Dropdown`: an item, a section header, or a divider. */
|
|
178
|
+
|
|
179
|
+
/**
|
|
180
|
+
* Dropdown / menu panel — an elevated surface listing a dynamic set of options.
|
|
181
|
+
* Meant to be shown from a trigger (an Input select, an IconButton, …). Each row
|
|
182
|
+
* is a `DropdownItem`, so options can carry icons, checkboxes, switches, radios
|
|
183
|
+
* or custom nodes on either side. Supports section headers, dividers and scroll.
|
|
184
|
+
*/
|
|
185
|
+
function Dropdown({
|
|
186
|
+
options,
|
|
187
|
+
onSelect,
|
|
188
|
+
width = 350,
|
|
189
|
+
minWidth,
|
|
190
|
+
maxHeight,
|
|
191
|
+
showDividers = true,
|
|
192
|
+
paddingVertical = 0,
|
|
193
|
+
radius = 'xl',
|
|
194
|
+
style
|
|
195
|
+
}) {
|
|
196
|
+
const theme = (0, _index.useTheme)();
|
|
197
|
+
const itemEntries = options.filter(o => o.type !== 'header' && o.type !== 'divider');
|
|
198
|
+
const lastItemKey = itemEntries[itemEntries.length - 1]?.key;
|
|
199
|
+
const rows = options.map(entry => {
|
|
200
|
+
if (entry.type === 'divider') {
|
|
201
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
202
|
+
style: {
|
|
203
|
+
height: 1,
|
|
204
|
+
backgroundColor: theme.colors.border.subtle,
|
|
205
|
+
marginVertical: 4
|
|
206
|
+
}
|
|
207
|
+
}, entry.key);
|
|
208
|
+
}
|
|
209
|
+
if (entry.type === 'header') {
|
|
210
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
211
|
+
variant: "caption",
|
|
212
|
+
weight: "medium",
|
|
213
|
+
color: "tertiary",
|
|
214
|
+
style: {
|
|
215
|
+
paddingHorizontal: 16,
|
|
216
|
+
paddingTop: 8,
|
|
217
|
+
paddingBottom: 4
|
|
218
|
+
},
|
|
219
|
+
children: entry.label
|
|
220
|
+
}, entry.key);
|
|
221
|
+
}
|
|
222
|
+
const {
|
|
223
|
+
key,
|
|
224
|
+
type: _type,
|
|
225
|
+
onPress,
|
|
226
|
+
...itemProps
|
|
227
|
+
} = entry;
|
|
228
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
|
|
229
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownItem, {
|
|
230
|
+
...itemProps,
|
|
231
|
+
onPress: onPress || onSelect ? () => {
|
|
232
|
+
onPress?.();
|
|
233
|
+
onSelect?.(key);
|
|
234
|
+
} : undefined
|
|
235
|
+
}), showDividers && key !== lastItemKey ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
236
|
+
style: {
|
|
237
|
+
height: 1,
|
|
238
|
+
backgroundColor: theme.colors.border.subtle
|
|
239
|
+
}
|
|
240
|
+
}) : null]
|
|
241
|
+
}, key);
|
|
242
|
+
});
|
|
243
|
+
const body = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
244
|
+
style: {
|
|
245
|
+
paddingVertical
|
|
246
|
+
},
|
|
247
|
+
children: rows
|
|
248
|
+
});
|
|
249
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
250
|
+
style: [{
|
|
251
|
+
width,
|
|
252
|
+
minWidth,
|
|
253
|
+
borderRadius: theme.radii[radius],
|
|
254
|
+
borderWidth: 1,
|
|
255
|
+
borderColor: theme.colors.border.default,
|
|
256
|
+
backgroundColor: theme.colors.background.default,
|
|
257
|
+
overflow: 'hidden',
|
|
258
|
+
// Figma "shadow-5".
|
|
259
|
+
boxShadow: [{
|
|
260
|
+
offsetX: 0,
|
|
261
|
+
offsetY: 8,
|
|
262
|
+
blurRadius: 10,
|
|
263
|
+
spreadDistance: -6,
|
|
264
|
+
color: 'rgba(0, 0, 0, 0.04)'
|
|
265
|
+
}, {
|
|
266
|
+
offsetX: 0,
|
|
267
|
+
offsetY: 20,
|
|
268
|
+
blurRadius: 25,
|
|
269
|
+
spreadDistance: -5,
|
|
270
|
+
color: 'rgba(0, 0, 0, 0.04)'
|
|
271
|
+
}]
|
|
272
|
+
}, style],
|
|
273
|
+
children: maxHeight ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScrollArea.ScrollArea, {
|
|
274
|
+
style: {
|
|
275
|
+
maxHeight
|
|
276
|
+
},
|
|
277
|
+
indicatorColor: theme.colors.border.strong,
|
|
278
|
+
children: body
|
|
279
|
+
}) : body
|
|
280
|
+
});
|
|
281
|
+
}
|
|
282
|
+
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_index","_Checkbox","_Icon","_Radio","_Switch","_Text","_ScrollArea","_jsxRuntime","CONTROL_ALIGN","alignSelf","slotToggle","slot","undefined","kind","onChange","checked","value","Slot","disabled","destructive","theme","useTheme","iconColor","colors","feedback","error","jsx","Icon","name","size","color","Pressable","onPress","hitSlop","accessibilityRole","accessibilityLabel","style","opacity","children","Checkbox","indeterminate","Switch","onValueChange","Radio","selected","Fragment","node","DropdownItem","label","description","leading","trailing","height","paddingHorizontal","rowPress","labelColor","jsxs","accessibilityState","pressed","flexDirection","alignItems","gap","minHeight","paddingVertical","backgroundColor","background","subtle","muted","View","flex","minWidth","Text","variant","numberOfLines","Dropdown","options","onSelect","width","maxHeight","showDividers","radius","itemEntries","filter","o","type","lastItemKey","length","key","rows","map","entry","border","marginVertical","weight","paddingTop","paddingBottom","_type","itemProps","body","borderRadius","radii","borderWidth","borderColor","default","overflow","boxShadow","offsetX","offsetY","blurRadius","spreadDistance","ScrollArea","indicatorColor","strong"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dropdown/Dropdown.tsx"],"mappings":"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","ignoreList":[]}
|