@bacon-pos/ui 0.5.0 → 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/CodeField/CodeField.js +10 -2
- package/lib/commonjs/components/CodeField/CodeField.js.map +1 -1
- package/lib/commonjs/components/CodeField/CodeField.stories.js +15 -2
- package/lib/commonjs/components/CodeField/CodeField.stories.js.map +1 -1
- 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/CodeField/CodeField.js +10 -2
- package/lib/module/components/CodeField/CodeField.js.map +1 -1
- package/lib/module/components/CodeField/CodeField.stories.js +14 -1
- package/lib/module/components/CodeField/CodeField.stories.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/CodeField/CodeField.d.ts +4 -2
- package/lib/typescript/commonjs/components/CodeField/CodeField.d.ts.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/CodeField/CodeField.d.ts +4 -2
- package/lib/typescript/module/components/CodeField/CodeField.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/CodeField/CodeField.tsx +6 -3
- 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
|
@@ -46,6 +46,7 @@ function CodeField({
|
|
|
46
46
|
disabled = false,
|
|
47
47
|
autoFocus = false,
|
|
48
48
|
cellWidth = 126,
|
|
49
|
+
fullWidth = false,
|
|
49
50
|
cellHeight = 58,
|
|
50
51
|
gap = 24,
|
|
51
52
|
fontFamily,
|
|
@@ -65,7 +66,10 @@ function CodeField({
|
|
|
65
66
|
const hasError = Boolean(error);
|
|
66
67
|
const message = typeof error === 'string' ? error : helperText;
|
|
67
68
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
68
|
-
style: [{
|
|
69
|
+
style: [fullWidth ? {
|
|
70
|
+
alignSelf: 'stretch',
|
|
71
|
+
width: '100%'
|
|
72
|
+
} : {
|
|
69
73
|
alignSelf: 'flex-start'
|
|
70
74
|
}, style],
|
|
71
75
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
@@ -90,7 +94,11 @@ function CodeField({
|
|
|
90
94
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
91
95
|
testID: "code-field-cell",
|
|
92
96
|
style: {
|
|
93
|
-
|
|
97
|
+
...(fullWidth ? {
|
|
98
|
+
flex: 1
|
|
99
|
+
} : {
|
|
100
|
+
width: cellWidth
|
|
101
|
+
}),
|
|
94
102
|
height: cellHeight,
|
|
95
103
|
borderRadius: theme.radii.pill,
|
|
96
104
|
borderWidth: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_index","_Text","_jsxRuntime","WEB_NO_OUTLINE","outlineStyle","outlineWidth","hexToRgba","hex","alpha","h","replace","full","length","c","r","parseInt","slice","g","b","DISALLOWED","numeric","alphanumeric","CodeField","value","onChangeText","mode","onComplete","helperText","error","disabled","autoFocus","cellWidth","cellHeight","gap","fontFamily","fontSize","accessibilityLabel","style","theme","useTheme","inputRef","useRef","focused","setFocused","useState","handleChange","text","next","toUpperCase","activeIndex","Math","min","hasError","Boolean","message","jsxs","View","alignSelf","children","Pressable","onPress","current","focus","position","jsx","flexDirection","Array","from","map","_","i","isActive","borderColor","colors","feedback","border","default","ringColor","testID","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_index","_Text","_jsxRuntime","WEB_NO_OUTLINE","outlineStyle","outlineWidth","hexToRgba","hex","alpha","h","replace","full","length","c","r","parseInt","slice","g","b","DISALLOWED","numeric","alphanumeric","CodeField","value","onChangeText","mode","onComplete","helperText","error","disabled","autoFocus","cellWidth","fullWidth","cellHeight","gap","fontFamily","fontSize","accessibilityLabel","style","theme","useTheme","inputRef","useRef","focused","setFocused","useState","handleChange","text","next","toUpperCase","activeIndex","Math","min","hasError","Boolean","message","jsxs","View","alignSelf","width","children","Pressable","onPress","current","focus","position","jsx","flexDirection","Array","from","map","_","i","isActive","borderColor","colors","feedback","border","default","ringColor","testID","flex","height","borderRadius","radii","pill","borderWidth","backgroundColor","background","alignItems","justifyContent","opacity","boxShadow","offsetX","offsetY","blurRadius","spreadDistance","color","Text","regular","lineHeight","round","TextInput","ref","onFocus","onBlur","keyboardType","autoCapitalize","autoCorrect","maxLength","editable","caretHidden","top","left","right","bottom","variant","marginTop","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = exports.ErrorHelperText = exports.Error = exports.Disabled = exports.Default = exports.Compact = exports.Alphanumeric = exports.Alpha = void 0;
|
|
6
|
+
exports.default = exports.FullWidth = exports.ErrorHelperText = exports.Error = exports.Disabled = exports.Default = exports.Compact = exports.Alphanumeric = exports.Alpha = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _CodeField = require("./CodeField.js");
|
|
@@ -20,7 +20,8 @@ function Demo(props) {
|
|
|
20
20
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
21
21
|
style: {
|
|
22
22
|
gap: 8,
|
|
23
|
-
alignItems: 'flex-start'
|
|
23
|
+
alignItems: 'flex-start',
|
|
24
|
+
alignSelf: 'stretch'
|
|
24
25
|
},
|
|
25
26
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeField.CodeField, {
|
|
26
27
|
value: value,
|
|
@@ -73,6 +74,18 @@ const Disabled = exports.Disabled = {
|
|
|
73
74
|
disabled: true
|
|
74
75
|
})
|
|
75
76
|
};
|
|
77
|
+
// fullWidth — cells share 100% of the container evenly (here a 360px box).
|
|
78
|
+
const FullWidth = exports.FullWidth = {
|
|
79
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
80
|
+
style: {
|
|
81
|
+
width: 360
|
|
82
|
+
},
|
|
83
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
|
|
84
|
+
length: 4,
|
|
85
|
+
fullWidth: true
|
|
86
|
+
})
|
|
87
|
+
})
|
|
88
|
+
};
|
|
76
89
|
// Error state — red cells + focus ring, message below (like Input).
|
|
77
90
|
const Error = exports.Error = {
|
|
78
91
|
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_CodeField","_Text","_jsxRuntime","meta","title","component","CodeField","_default","exports","default","Demo","props","value","setValue","useState","done","setDone","jsxs","View","style","gap","alignItems","children","jsx","onChangeText","onComplete","Text","variant","color","Default","render","length","Compact","cellWidth","Alphanumeric","mode","Alpha","Disabled","disabled","Error","error","ErrorHelperText","helperText"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.stories.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAAoC,IAAAI,WAAA,GAAAJ,OAAA;AAEpC,MAAMK,IAAI,GAAG;EACXC,KAAK,EAAE,sBAAsB;EAC7BC,SAAS,EAAEC;AACb,CAAkC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEpBN,IAAI;AAGnB,SAASO,IAAIA,CAACC,
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_CodeField","_Text","_jsxRuntime","meta","title","component","CodeField","_default","exports","default","Demo","props","value","setValue","useState","done","setDone","jsxs","View","style","gap","alignItems","alignSelf","children","jsx","onChangeText","onComplete","Text","variant","color","Default","render","length","Compact","cellWidth","Alphanumeric","mode","Alpha","Disabled","disabled","FullWidth","width","fullWidth","Error","error","ErrorHelperText","helperText"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -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":[]}
|