@bacon-pos/ui 0.6.0 → 0.7.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.stories.js +99 -1
- package/lib/commonjs/components/Dropdown/Dropdown.stories.js.map +1 -1
- package/lib/commonjs/components/Menu/UserMenu.js +73 -0
- package/lib/commonjs/components/Menu/UserMenu.js.map +1 -0
- package/lib/commonjs/components/Menu/UserMenu.stories.js +85 -0
- package/lib/commonjs/components/Menu/UserMenu.stories.js.map +1 -0
- package/lib/commonjs/components/Menu/UserMenu.test.js +52 -0
- package/lib/commonjs/components/Menu/UserMenu.test.js.map +1 -0
- package/lib/commonjs/components/Menu/index.js +7 -0
- package/lib/commonjs/components/Menu/index.js.map +1 -1
- package/lib/module/components/Dropdown/Dropdown.stories.js +98 -0
- package/lib/module/components/Dropdown/Dropdown.stories.js.map +1 -1
- package/lib/module/components/Menu/UserMenu.js +69 -0
- package/lib/module/components/Menu/UserMenu.js.map +1 -0
- package/lib/module/components/Menu/UserMenu.stories.js +81 -0
- package/lib/module/components/Menu/UserMenu.stories.js.map +1 -0
- package/lib/module/components/Menu/UserMenu.test.js +52 -0
- package/lib/module/components/Menu/UserMenu.test.js.map +1 -0
- package/lib/module/components/Menu/index.js +1 -0
- package/lib/module/components/Menu/index.js.map +1 -1
- package/lib/typescript/commonjs/components/Menu/UserMenu.d.ts +46 -0
- package/lib/typescript/commonjs/components/Menu/UserMenu.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Menu/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/Menu/index.d.ts.map +1 -1
- package/lib/typescript/module/components/Menu/UserMenu.d.ts +46 -0
- package/lib/typescript/module/components/Menu/UserMenu.d.ts.map +1 -0
- package/lib/typescript/module/components/Menu/index.d.ts +2 -0
- package/lib/typescript/module/components/Menu/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Menu/UserMenu.tsx +100 -0
- package/src/components/Menu/index.ts +2 -0
|
@@ -3,13 +3,32 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = exports.TwoLine = exports.Toggles = exports.TextOnly = exports.Select = exports.Scrollable = exports.MultiSelect = exports.Grouped = exports.Ellipsis = exports.Default = exports.CustomWidth = exports.CustomAndBothSides = exports.ActionMenu = void 0;
|
|
6
|
+
exports.default = exports.WithAvatars = exports.TwoLine = exports.Toggles = exports.TextOnly = exports.Select = exports.Scrollable = exports.MultiSelect = exports.Grouped = exports.Ellipsis = exports.Default = exports.CustomWidth = exports.CustomAndBothSides = exports.AssignUsers = exports.ActionMenu = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _Dropdown = require("./Dropdown.js");
|
|
10
|
+
var _Avatar = require("../Avatar/Avatar.js");
|
|
10
11
|
var _index = require("../../theme/index.js");
|
|
11
12
|
var _Text = require("../Text/Text.js");
|
|
12
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
const USERS = [{
|
|
15
|
+
key: 'juana',
|
|
16
|
+
name: 'Juana Gomez',
|
|
17
|
+
photo: 'https://i.pravatar.cc/100?img=47'
|
|
18
|
+
}, {
|
|
19
|
+
key: 'carlos',
|
|
20
|
+
name: 'Carlos Ruiz',
|
|
21
|
+
photo: 'https://i.pravatar.cc/100?img=12'
|
|
22
|
+
}, {
|
|
23
|
+
key: 'ana',
|
|
24
|
+
name: 'Ana Torres'
|
|
25
|
+
},
|
|
26
|
+
// no photo → initials
|
|
27
|
+
{
|
|
28
|
+
key: 'diego',
|
|
29
|
+
name: 'Diego Peña',
|
|
30
|
+
photo: 'https://i.pravatar.cc/100?img=33'
|
|
31
|
+
}];
|
|
13
32
|
const meta = {
|
|
14
33
|
title: 'Components/Dropdown',
|
|
15
34
|
component: _Dropdown.Dropdown
|
|
@@ -368,6 +387,85 @@ const Scrollable = exports.Scrollable = {
|
|
|
368
387
|
}
|
|
369
388
|
};
|
|
370
389
|
|
|
390
|
+
/** User picker — an Avatar (custom leading slot) per row, check on the selected. */
|
|
391
|
+
const WithAvatars = exports.WithAvatars = {
|
|
392
|
+
render: () => {
|
|
393
|
+
const theme = (0, _index.useTheme)();
|
|
394
|
+
const [sel, setSel] = (0, _react.useState)('juana');
|
|
395
|
+
const options = USERS.map(u => ({
|
|
396
|
+
key: u.key,
|
|
397
|
+
label: u.name,
|
|
398
|
+
selected: u.key === sel,
|
|
399
|
+
leading: {
|
|
400
|
+
kind: 'custom',
|
|
401
|
+
node: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
|
|
402
|
+
size: "sm",
|
|
403
|
+
name: u.name,
|
|
404
|
+
source: u.photo ? {
|
|
405
|
+
uri: u.photo
|
|
406
|
+
} : undefined
|
|
407
|
+
})
|
|
408
|
+
},
|
|
409
|
+
trailing: u.key === sel ? {
|
|
410
|
+
kind: 'icon',
|
|
411
|
+
name: 'check',
|
|
412
|
+
color: theme.colors.feedback.success
|
|
413
|
+
} : undefined
|
|
414
|
+
}));
|
|
415
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
416
|
+
style: {
|
|
417
|
+
padding: 24
|
|
418
|
+
},
|
|
419
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.Dropdown, {
|
|
420
|
+
options: options,
|
|
421
|
+
width: 320,
|
|
422
|
+
onSelect: setSel
|
|
423
|
+
})
|
|
424
|
+
});
|
|
425
|
+
}
|
|
426
|
+
};
|
|
427
|
+
|
|
428
|
+
/** Assign to several people — Avatar leading + checkbox trailing. */
|
|
429
|
+
const AssignUsers = exports.AssignUsers = {
|
|
430
|
+
render: () => {
|
|
431
|
+
const [checked, setChecked] = (0, _react.useState)({
|
|
432
|
+
juana: true,
|
|
433
|
+
ana: true
|
|
434
|
+
});
|
|
435
|
+
const options = USERS.map(u => ({
|
|
436
|
+
key: u.key,
|
|
437
|
+
label: u.name,
|
|
438
|
+
leading: {
|
|
439
|
+
kind: 'custom',
|
|
440
|
+
node: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
|
|
441
|
+
size: "sm",
|
|
442
|
+
name: u.name,
|
|
443
|
+
source: u.photo ? {
|
|
444
|
+
uri: u.photo
|
|
445
|
+
} : undefined
|
|
446
|
+
})
|
|
447
|
+
},
|
|
448
|
+
trailing: {
|
|
449
|
+
kind: 'checkbox',
|
|
450
|
+
checked: Boolean(checked[u.key]),
|
|
451
|
+
onChange: v => setChecked(c => ({
|
|
452
|
+
...c,
|
|
453
|
+
[u.key]: v
|
|
454
|
+
}))
|
|
455
|
+
}
|
|
456
|
+
}));
|
|
457
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
458
|
+
style: {
|
|
459
|
+
padding: 24
|
|
460
|
+
},
|
|
461
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.Dropdown, {
|
|
462
|
+
options: options,
|
|
463
|
+
width: 320
|
|
464
|
+
})
|
|
465
|
+
});
|
|
466
|
+
}
|
|
467
|
+
};
|
|
468
|
+
|
|
371
469
|
/** Icon + actionable on both sides, and a custom leading node. */
|
|
372
470
|
const CustomAndBothSides = exports.CustomAndBothSides = {
|
|
373
471
|
render: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_Dropdown","_index","_Text","_jsxRuntime","meta","title","component","Dropdown","_default","exports","default","Default","render","theme","useTheme","options","Array","from","length","map","_","i","key","String","label","leading","kind","name","trailing","color","colors","feedback","success","jsx","View","style","padding","children","Select","items","sel","setSel","useState","selected","undefined","jsxs","onSelect","Text","variant","marginTop","MultiSelect","checked","setChecked","Bacon","Boolean","onChange","v","c","Toggles","on","setOn","Notifications","value","s","CustomWidth","width","Ellipsis","ActionMenu","type","destructive","TextOnly","Grouped","showDividers","TwoLine","description","Scrollable","maxHeight","CustomAndBothSides","fav","setFav","node","height","borderRadius","backgroundColor","a","f","onPress","accessibilityLabel"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dropdown/Dropdown.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_Dropdown","_Avatar","_index","_Text","_jsxRuntime","USERS","key","name","photo","meta","title","component","Dropdown","_default","exports","default","Default","render","theme","useTheme","options","Array","from","length","map","_","i","String","label","leading","kind","trailing","color","colors","feedback","success","jsx","View","style","padding","children","Select","items","sel","setSel","useState","selected","undefined","jsxs","onSelect","Text","variant","marginTop","MultiSelect","checked","setChecked","Bacon","Boolean","onChange","v","c","Toggles","on","setOn","Notifications","value","s","CustomWidth","width","Ellipsis","ActionMenu","type","destructive","TextOnly","Grouped","showDividers","TwoLine","description","Scrollable","maxHeight","WithAvatars","u","node","Avatar","size","source","uri","AssignUsers","juana","ana","CustomAndBothSides","fav","setFav","height","borderRadius","backgroundColor","a","f","onPress","accessibilityLabel"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dropdown/Dropdown.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.UserMenu = UserMenu;
|
|
7
|
+
var _Dropdown = require("../Dropdown/Dropdown.js");
|
|
8
|
+
var _UserChip = require("../UserChip/UserChip.js");
|
|
9
|
+
var _Menu = require("./Menu.js");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
/**
|
|
12
|
+
* User menu — an avatar / `UserChip` that opens an anchored `Dropdown` (e.g. an
|
|
13
|
+
* account menu). A composed component built from `UserChip` + `Menu` +
|
|
14
|
+
* `Dropdown`. Pass a `name` to use the labelled pill as the trigger, or omit it
|
|
15
|
+
* for just the avatar. Dismisses on outside press / back button.
|
|
16
|
+
*/
|
|
17
|
+
function UserMenu({
|
|
18
|
+
options,
|
|
19
|
+
onSelect,
|
|
20
|
+
source,
|
|
21
|
+
name,
|
|
22
|
+
initials,
|
|
23
|
+
size = 'md',
|
|
24
|
+
chipBackgroundColor,
|
|
25
|
+
chipColor,
|
|
26
|
+
anchorOrigin = {
|
|
27
|
+
vertical: 'bottom',
|
|
28
|
+
horizontal: 'left'
|
|
29
|
+
},
|
|
30
|
+
menuOrigin = {
|
|
31
|
+
vertical: 'top',
|
|
32
|
+
horizontal: 'left'
|
|
33
|
+
},
|
|
34
|
+
offset = 8,
|
|
35
|
+
menuWidth,
|
|
36
|
+
showDividers,
|
|
37
|
+
closeOnSelect = true,
|
|
38
|
+
open,
|
|
39
|
+
onOpenChange
|
|
40
|
+
}) {
|
|
41
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.Menu, {
|
|
42
|
+
anchorOrigin: anchorOrigin,
|
|
43
|
+
menuOrigin: menuOrigin,
|
|
44
|
+
offset: offset,
|
|
45
|
+
open: open,
|
|
46
|
+
onOpenChange: onOpenChange,
|
|
47
|
+
renderTrigger: ({
|
|
48
|
+
toggle
|
|
49
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserChip.UserChip, {
|
|
50
|
+
source: source,
|
|
51
|
+
name: name,
|
|
52
|
+
initials: initials,
|
|
53
|
+
size: size,
|
|
54
|
+
backgroundColor: chipBackgroundColor,
|
|
55
|
+
color: chipColor,
|
|
56
|
+
onPress: toggle
|
|
57
|
+
}),
|
|
58
|
+
children: ({
|
|
59
|
+
close,
|
|
60
|
+
maxHeight
|
|
61
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.Dropdown, {
|
|
62
|
+
options: options,
|
|
63
|
+
width: menuWidth,
|
|
64
|
+
maxHeight: maxHeight,
|
|
65
|
+
showDividers: showDividers,
|
|
66
|
+
onSelect: key => {
|
|
67
|
+
onSelect?.(key);
|
|
68
|
+
if (closeOnSelect) close();
|
|
69
|
+
}
|
|
70
|
+
})
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
//# sourceMappingURL=UserMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_Dropdown","require","_UserChip","_Menu","_jsxRuntime","UserMenu","options","onSelect","source","name","initials","size","chipBackgroundColor","chipColor","anchorOrigin","vertical","horizontal","menuOrigin","offset","menuWidth","showDividers","closeOnSelect","open","onOpenChange","jsx","Menu","renderTrigger","toggle","UserChip","backgroundColor","color","onPress","children","close","maxHeight","Dropdown","width","key"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/UserMenu.tsx"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAuC/C;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,QAAQA,CAAC;EACvBC,OAAO;EACPC,QAAQ;EACRC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC,IAAI,GAAG,IAAI;EACXC,mBAAmB;EACnBC,SAAS;EACTC,YAAY,GAAG;IAAEC,QAAQ,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAO,CAAC;EACzDC,UAAU,GAAG;IAAEF,QAAQ,EAAE,KAAK;IAAEC,UAAU,EAAE;EAAO,CAAC;EACpDE,MAAM,GAAG,CAAC;EACVC,SAAS;EACTC,YAAY;EACZC,aAAa,GAAG,IAAI;EACpBC,IAAI;EACJC;AACa,CAAC,EAAE;EAChB,oBACE,IAAAnB,WAAA,CAAAoB,GAAA,EAACrB,KAAA,CAAAsB,IAAI;IACHX,YAAY,EAAEA,YAAa;IAC3BG,UAAU,EAAEA,UAAW;IACvBC,MAAM,EAAEA,MAAO;IACfI,IAAI,EAAEA,IAAK;IACXC,YAAY,EAAEA,YAAa;IAC3BG,aAAa,EAAEA,CAAC;MAAEC;IAAO,CAAC,kBACxB,IAAAvB,WAAA,CAAAoB,GAAA,EAACtB,SAAA,CAAA0B,QAAQ;MACPpB,MAAM,EAAEA,MAAO;MACfC,IAAI,EAAEA,IAAK;MACXC,QAAQ,EAAEA,QAAS;MACnBC,IAAI,EAAEA,IAAK;MACXkB,eAAe,EAAEjB,mBAAoB;MACrCkB,KAAK,EAAEjB,SAAU;MACjBkB,OAAO,EAAEJ;IAAO,CACjB,CACD;IAAAK,QAAA,EAEDA,CAAC;MAAEC,KAAK;MAAEC;IAAU,CAAC,kBACpB,IAAA9B,WAAA,CAAAoB,GAAA,EAACxB,SAAA,CAAAmC,QAAQ;MACP7B,OAAO,EAAEA,OAAQ;MACjB8B,KAAK,EAAEjB,SAAU;MACjBe,SAAS,EAAEA,SAAU;MACrBd,YAAY,EAAEA,YAAa;MAC3Bb,QAAQ,EAAG8B,GAAG,IAAK;QACjB9B,QAAQ,GAAG8B,GAAG,CAAC;QACf,IAAIhB,aAAa,EAAEY,KAAK,CAAC,CAAC;MAC5B;IAAE,CACH;EACF,CACG,CAAC;AAEX","ignoreList":[]}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.ChipTrigger = exports.AvatarTrigger = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _UserMenu = require("./UserMenu.js");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const meta = {
|
|
11
|
+
title: 'Components/UserMenu',
|
|
12
|
+
component: _UserMenu.UserMenu
|
|
13
|
+
};
|
|
14
|
+
var _default = exports.default = meta;
|
|
15
|
+
const PHOTO = {
|
|
16
|
+
uri: 'https://i.pravatar.cc/150?img=47'
|
|
17
|
+
};
|
|
18
|
+
const ACCOUNT = [{
|
|
19
|
+
key: 'profile',
|
|
20
|
+
label: 'Profile',
|
|
21
|
+
leading: {
|
|
22
|
+
kind: 'icon',
|
|
23
|
+
name: 'user'
|
|
24
|
+
}
|
|
25
|
+
}, {
|
|
26
|
+
key: 'settings',
|
|
27
|
+
label: 'Settings',
|
|
28
|
+
leading: {
|
|
29
|
+
kind: 'icon',
|
|
30
|
+
name: 'settings'
|
|
31
|
+
}
|
|
32
|
+
}, {
|
|
33
|
+
key: 'div',
|
|
34
|
+
type: 'divider'
|
|
35
|
+
}, {
|
|
36
|
+
key: 'logout',
|
|
37
|
+
label: 'Log out',
|
|
38
|
+
destructive: true
|
|
39
|
+
}];
|
|
40
|
+
|
|
41
|
+
/** Trigger = the UserChip pill (avatar + name). */
|
|
42
|
+
const ChipTrigger = exports.ChipTrigger = {
|
|
43
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
44
|
+
style: {
|
|
45
|
+
padding: 24,
|
|
46
|
+
height: 320
|
|
47
|
+
},
|
|
48
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenu.UserMenu, {
|
|
49
|
+
name: "Juana Gomez",
|
|
50
|
+
source: PHOTO,
|
|
51
|
+
size: "lg",
|
|
52
|
+
options: ACCOUNT,
|
|
53
|
+
menuWidth: 240,
|
|
54
|
+
onSelect: () => {}
|
|
55
|
+
})
|
|
56
|
+
})
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
/** Trigger = just the avatar (no name) — e.g. a header account button. */
|
|
60
|
+
const AvatarTrigger = exports.AvatarTrigger = {
|
|
61
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
62
|
+
style: {
|
|
63
|
+
padding: 24,
|
|
64
|
+
height: 320,
|
|
65
|
+
alignItems: 'flex-end'
|
|
66
|
+
},
|
|
67
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenu.UserMenu, {
|
|
68
|
+
source: PHOTO,
|
|
69
|
+
initials: "JG",
|
|
70
|
+
size: "md",
|
|
71
|
+
options: ACCOUNT,
|
|
72
|
+
menuWidth: 220,
|
|
73
|
+
anchorOrigin: {
|
|
74
|
+
vertical: 'bottom',
|
|
75
|
+
horizontal: 'right'
|
|
76
|
+
},
|
|
77
|
+
menuOrigin: {
|
|
78
|
+
vertical: 'top',
|
|
79
|
+
horizontal: 'right'
|
|
80
|
+
},
|
|
81
|
+
onSelect: () => {}
|
|
82
|
+
})
|
|
83
|
+
})
|
|
84
|
+
};
|
|
85
|
+
//# sourceMappingURL=UserMenu.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_UserMenu","_jsxRuntime","meta","title","component","UserMenu","_default","exports","default","PHOTO","uri","ACCOUNT","key","label","leading","kind","name","type","destructive","ChipTrigger","render","jsx","View","style","padding","height","children","source","size","options","menuWidth","onSelect","AvatarTrigger","alignItems","initials","anchorOrigin","vertical","horizontal","menuOrigin"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/UserMenu.stories.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAAsC,IAAAE,WAAA,GAAAF,OAAA;AAGtC,MAAMG,IAAI,GAAG;EACXC,KAAK,EAAE,qBAAqB;EAC5BC,SAAS,EAAEC;AACb,CAAiC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEnBN,IAAI;AAGnB,MAAMO,KAAK,GAAG;EAAEC,GAAG,EAAE;AAAmC,CAAC;AAEzD,MAAMC,OAAwB,GAAG,CAC/B;EAAEC,GAAG,EAAE,SAAS;EAAEC,KAAK,EAAE,SAAS;EAAEC,OAAO,EAAE;IAAEC,IAAI,EAAE,MAAM;IAAEC,IAAI,EAAE;EAAO;AAAE,CAAC,EAC7E;EAAEJ,GAAG,EAAE,UAAU;EAAEC,KAAK,EAAE,UAAU;EAAEC,OAAO,EAAE;IAAEC,IAAI,EAAE,MAAM;IAAEC,IAAI,EAAE;EAAW;AAAE,CAAC,EACnF;EAAEJ,GAAG,EAAE,KAAK;EAAEK,IAAI,EAAE;AAAU,CAAC,EAC/B;EAAEL,GAAG,EAAE,QAAQ;EAAEC,KAAK,EAAE,SAAS;EAAEK,WAAW,EAAE;AAAK,CAAC,CACvD;;AAED;AACO,MAAMC,WAAkB,GAAAZ,OAAA,CAAAY,WAAA,GAAG;EAChCC,MAAM,EAAEA,CAAA,kBACN,IAAAnB,WAAA,CAAAoB,GAAA,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,MAAM,EAAE;IAAI,CAAE;IAAAC,QAAA,eACxC,IAAAzB,WAAA,CAAAoB,GAAA,EAACrB,SAAA,CAAAK,QAAQ;MAACW,IAAI,EAAC,aAAa;MAACW,MAAM,EAAElB,KAAM;MAACmB,IAAI,EAAC,IAAI;MAACC,OAAO,EAAElB,OAAQ;MAACmB,SAAS,EAAE,GAAI;MAACC,QAAQ,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAE;EAAC,CAC1G;AAEV,CAAC;;AAED;AACO,MAAMC,aAAoB,GAAAzB,OAAA,CAAAyB,aAAA,GAAG;EAClCZ,MAAM,EAAEA,CAAA,kBACN,IAAAnB,WAAA,CAAAoB,GAAA,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,MAAM,EAAE,GAAG;MAAEQ,UAAU,EAAE;IAAW,CAAE;IAAAP,QAAA,eAChE,IAAAzB,WAAA,CAAAoB,GAAA,EAACrB,SAAA,CAAAK,QAAQ;MACPsB,MAAM,EAAElB,KAAM;MACdyB,QAAQ,EAAC,IAAI;MACbN,IAAI,EAAC,IAAI;MACTC,OAAO,EAAElB,OAAQ;MACjBmB,SAAS,EAAE,GAAI;MACfK,YAAY,EAAE;QAAEC,QAAQ,EAAE,QAAQ;QAAEC,UAAU,EAAE;MAAQ,CAAE;MAC1DC,UAAU,EAAE;QAAEF,QAAQ,EAAE,KAAK;QAAEC,UAAU,EAAE;MAAQ,CAAE;MACrDN,QAAQ,EAAEA,CAAA,KAAM,CAAC;IAAE,CACpB;EAAC,CACE;AAEV,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNative = require("@testing-library/react-native");
|
|
4
|
+
var _index = require("../../theme/index.js");
|
|
5
|
+
var _UserMenu = require("./UserMenu.js");
|
|
6
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
7
|
+
function wrap(ui) {
|
|
8
|
+
return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
|
|
9
|
+
children: ui
|
|
10
|
+
}));
|
|
11
|
+
}
|
|
12
|
+
const OPTIONS = [{
|
|
13
|
+
key: 'profile',
|
|
14
|
+
label: 'Profile'
|
|
15
|
+
}, {
|
|
16
|
+
key: 'logout',
|
|
17
|
+
label: 'Log out',
|
|
18
|
+
destructive: true
|
|
19
|
+
}];
|
|
20
|
+
describe('UserMenu', () => {
|
|
21
|
+
it('opens the menu when the chip trigger is pressed', () => {
|
|
22
|
+
wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenu.UserMenu, {
|
|
23
|
+
name: "Juana Gomez",
|
|
24
|
+
options: OPTIONS
|
|
25
|
+
}));
|
|
26
|
+
expect(_reactNative.screen.queryByText('Profile')).toBeNull();
|
|
27
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByText('Juana Gomez'));
|
|
28
|
+
expect(_reactNative.screen.getByText('Profile')).toBeTruthy();
|
|
29
|
+
expect(_reactNative.screen.getByText('Log out')).toBeTruthy();
|
|
30
|
+
});
|
|
31
|
+
it('opens from an avatar-only trigger (no name)', () => {
|
|
32
|
+
wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenu.UserMenu, {
|
|
33
|
+
initials: "JG",
|
|
34
|
+
options: OPTIONS
|
|
35
|
+
}));
|
|
36
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByText('JG'));
|
|
37
|
+
expect(_reactNative.screen.getByText('Profile')).toBeTruthy();
|
|
38
|
+
});
|
|
39
|
+
it('calls onSelect with the key and closes', () => {
|
|
40
|
+
const onSelect = jest.fn();
|
|
41
|
+
wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserMenu.UserMenu, {
|
|
42
|
+
name: "Juana Gomez",
|
|
43
|
+
options: OPTIONS,
|
|
44
|
+
onSelect: onSelect
|
|
45
|
+
}));
|
|
46
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByText('Juana Gomez'));
|
|
47
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByText('Profile'));
|
|
48
|
+
expect(onSelect).toHaveBeenCalledWith('profile');
|
|
49
|
+
expect(_reactNative.screen.queryByText('Log out')).toBeNull();
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
//# sourceMappingURL=UserMenu.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_index","_UserMenu","_jsxRuntime","wrap","ui","render","jsx","ThemeProvider","children","OPTIONS","key","label","destructive","describe","it","UserMenu","name","options","expect","screen","queryByText","toBeNull","fireEvent","press","getByText","toBeTruthy","initials","onSelect","jest","fn","toHaveBeenCalledWith"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/UserMenu.test.tsx"],"mappings":";;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAAsC,IAAAG,WAAA,GAAAH,OAAA;AAGtC,SAASI,IAAIA,CAACC,EAAsB,EAAE;EACpC,OAAO,IAAAC,mBAAM,eAAC,IAAAH,WAAA,CAAAI,GAAA,EAACN,MAAA,CAAAO,aAAa;IAAAC,QAAA,EAAEJ;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEA,MAAMK,OAAwB,GAAG,CAC/B;EAAEC,GAAG,EAAE,SAAS;EAAEC,KAAK,EAAE;AAAU,CAAC,EACpC;EAAED,GAAG,EAAE,QAAQ;EAAEC,KAAK,EAAE,SAAS;EAAEC,WAAW,EAAE;AAAK,CAAC,CACvD;AAEDC,QAAQ,CAAC,UAAU,EAAE,MAAM;EACzBC,EAAE,CAAC,iDAAiD,EAAE,MAAM;IAC1DX,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,SAAA,CAAAc,QAAQ;MAACC,IAAI,EAAC,aAAa;MAACC,OAAO,EAAER;IAAQ,CAAE,CAAC,CAAC;IACvDS,MAAM,CAACC,mBAAM,CAACC,WAAW,CAAC,SAAS,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;IAChDC,sBAAS,CAACC,KAAK,CAACJ,mBAAM,CAACK,SAAS,CAAC,aAAa,CAAC,CAAC;IAChDN,MAAM,CAACC,mBAAM,CAACK,SAAS,CAAC,SAAS,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IAChDP,MAAM,CAACC,mBAAM,CAACK,SAAS,CAAC,SAAS,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAClD,CAAC,CAAC;EAEFX,EAAE,CAAC,6CAA6C,EAAE,MAAM;IACtDX,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,SAAA,CAAAc,QAAQ;MAACW,QAAQ,EAAC,IAAI;MAACT,OAAO,EAAER;IAAQ,CAAE,CAAC,CAAC;IAClDa,sBAAS,CAACC,KAAK,CAACJ,mBAAM,CAACK,SAAS,CAAC,IAAI,CAAC,CAAC;IACvCN,MAAM,CAACC,mBAAM,CAACK,SAAS,CAAC,SAAS,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAClD,CAAC,CAAC;EAEFX,EAAE,CAAC,wCAAwC,EAAE,MAAM;IACjD,MAAMa,QAAQ,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IAC1B1B,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,SAAA,CAAAc,QAAQ;MAACC,IAAI,EAAC,aAAa;MAACC,OAAO,EAAER,OAAQ;MAACkB,QAAQ,EAAEA;IAAS,CAAE,CAAC,CAAC;IAC3EL,sBAAS,CAACC,KAAK,CAACJ,mBAAM,CAACK,SAAS,CAAC,aAAa,CAAC,CAAC;IAChDF,sBAAS,CAACC,KAAK,CAACJ,mBAAM,CAACK,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5CN,MAAM,CAACS,QAAQ,CAAC,CAACG,oBAAoB,CAAC,SAAS,CAAC;IAChDZ,MAAM,CAACC,mBAAM,CAACC,WAAW,CAAC,SAAS,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EAClD,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -21,7 +21,14 @@ Object.defineProperty(exports, "SelectButton", {
|
|
|
21
21
|
return _SelectButton.SelectButton;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
+
Object.defineProperty(exports, "UserMenu", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _UserMenu.UserMenu;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
24
30
|
var _Menu = require("./Menu.js");
|
|
25
31
|
var _MenuButton = require("./MenuButton.js");
|
|
26
32
|
var _SelectButton = require("./SelectButton.js");
|
|
33
|
+
var _UserMenu = require("./UserMenu.js");
|
|
27
34
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_Menu","require","_MenuButton","_SelectButton"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_Menu","require","_MenuButton","_SelectButton","_UserMenu"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAQA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA","ignoreList":[]}
|
|
@@ -3,9 +3,28 @@
|
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
5
|
import { Dropdown } from "./Dropdown.js";
|
|
6
|
+
import { Avatar } from "../Avatar/Avatar.js";
|
|
6
7
|
import { useTheme } from "../../theme/index.js";
|
|
7
8
|
import { Text } from "../Text/Text.js";
|
|
8
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
const USERS = [{
|
|
11
|
+
key: 'juana',
|
|
12
|
+
name: 'Juana Gomez',
|
|
13
|
+
photo: 'https://i.pravatar.cc/100?img=47'
|
|
14
|
+
}, {
|
|
15
|
+
key: 'carlos',
|
|
16
|
+
name: 'Carlos Ruiz',
|
|
17
|
+
photo: 'https://i.pravatar.cc/100?img=12'
|
|
18
|
+
}, {
|
|
19
|
+
key: 'ana',
|
|
20
|
+
name: 'Ana Torres'
|
|
21
|
+
},
|
|
22
|
+
// no photo → initials
|
|
23
|
+
{
|
|
24
|
+
key: 'diego',
|
|
25
|
+
name: 'Diego Peña',
|
|
26
|
+
photo: 'https://i.pravatar.cc/100?img=33'
|
|
27
|
+
}];
|
|
9
28
|
const meta = {
|
|
10
29
|
title: 'Components/Dropdown',
|
|
11
30
|
component: Dropdown
|
|
@@ -364,6 +383,85 @@ export const Scrollable = {
|
|
|
364
383
|
}
|
|
365
384
|
};
|
|
366
385
|
|
|
386
|
+
/** User picker — an Avatar (custom leading slot) per row, check on the selected. */
|
|
387
|
+
export const WithAvatars = {
|
|
388
|
+
render: () => {
|
|
389
|
+
const theme = useTheme();
|
|
390
|
+
const [sel, setSel] = useState('juana');
|
|
391
|
+
const options = USERS.map(u => ({
|
|
392
|
+
key: u.key,
|
|
393
|
+
label: u.name,
|
|
394
|
+
selected: u.key === sel,
|
|
395
|
+
leading: {
|
|
396
|
+
kind: 'custom',
|
|
397
|
+
node: /*#__PURE__*/_jsx(Avatar, {
|
|
398
|
+
size: "sm",
|
|
399
|
+
name: u.name,
|
|
400
|
+
source: u.photo ? {
|
|
401
|
+
uri: u.photo
|
|
402
|
+
} : undefined
|
|
403
|
+
})
|
|
404
|
+
},
|
|
405
|
+
trailing: u.key === sel ? {
|
|
406
|
+
kind: 'icon',
|
|
407
|
+
name: 'check',
|
|
408
|
+
color: theme.colors.feedback.success
|
|
409
|
+
} : undefined
|
|
410
|
+
}));
|
|
411
|
+
return /*#__PURE__*/_jsx(View, {
|
|
412
|
+
style: {
|
|
413
|
+
padding: 24
|
|
414
|
+
},
|
|
415
|
+
children: /*#__PURE__*/_jsx(Dropdown, {
|
|
416
|
+
options: options,
|
|
417
|
+
width: 320,
|
|
418
|
+
onSelect: setSel
|
|
419
|
+
})
|
|
420
|
+
});
|
|
421
|
+
}
|
|
422
|
+
};
|
|
423
|
+
|
|
424
|
+
/** Assign to several people — Avatar leading + checkbox trailing. */
|
|
425
|
+
export const AssignUsers = {
|
|
426
|
+
render: () => {
|
|
427
|
+
const [checked, setChecked] = useState({
|
|
428
|
+
juana: true,
|
|
429
|
+
ana: true
|
|
430
|
+
});
|
|
431
|
+
const options = USERS.map(u => ({
|
|
432
|
+
key: u.key,
|
|
433
|
+
label: u.name,
|
|
434
|
+
leading: {
|
|
435
|
+
kind: 'custom',
|
|
436
|
+
node: /*#__PURE__*/_jsx(Avatar, {
|
|
437
|
+
size: "sm",
|
|
438
|
+
name: u.name,
|
|
439
|
+
source: u.photo ? {
|
|
440
|
+
uri: u.photo
|
|
441
|
+
} : undefined
|
|
442
|
+
})
|
|
443
|
+
},
|
|
444
|
+
trailing: {
|
|
445
|
+
kind: 'checkbox',
|
|
446
|
+
checked: Boolean(checked[u.key]),
|
|
447
|
+
onChange: v => setChecked(c => ({
|
|
448
|
+
...c,
|
|
449
|
+
[u.key]: v
|
|
450
|
+
}))
|
|
451
|
+
}
|
|
452
|
+
}));
|
|
453
|
+
return /*#__PURE__*/_jsx(View, {
|
|
454
|
+
style: {
|
|
455
|
+
padding: 24
|
|
456
|
+
},
|
|
457
|
+
children: /*#__PURE__*/_jsx(Dropdown, {
|
|
458
|
+
options: options,
|
|
459
|
+
width: 320
|
|
460
|
+
})
|
|
461
|
+
});
|
|
462
|
+
}
|
|
463
|
+
};
|
|
464
|
+
|
|
367
465
|
/** Icon + actionable on both sides, and a custom leading node. */
|
|
368
466
|
export const CustomAndBothSides = {
|
|
369
467
|
render: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","View","Dropdown","useTheme","Text","jsx","_jsx","jsxs","_jsxs","meta","title","component","Default","render","theme","options","Array","from","length","map","_","i","key","String","label","leading","kind","name","trailing","color","colors","feedback","success","style","padding","children","Select","items","sel","setSel","selected","undefined","onSelect","variant","marginTop","MultiSelect","checked","setChecked","Bacon","Boolean","onChange","v","c","Toggles","on","setOn","Notifications","value","s","CustomWidth","width","Ellipsis","ActionMenu","type","destructive","TextOnly","Grouped","showDividers","TwoLine","description","Scrollable","maxHeight","CustomAndBothSides","fav","setFav","node","height","borderRadius","backgroundColor","a","f","onPress","accessibilityLabel"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dropdown/Dropdown.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["useState","View","Dropdown","Avatar","useTheme","Text","jsx","_jsx","jsxs","_jsxs","USERS","key","name","photo","meta","title","component","Default","render","theme","options","Array","from","length","map","_","i","String","label","leading","kind","trailing","color","colors","feedback","success","style","padding","children","Select","items","sel","setSel","selected","undefined","onSelect","variant","marginTop","MultiSelect","checked","setChecked","Bacon","Boolean","onChange","v","c","Toggles","on","setOn","Notifications","value","s","CustomWidth","width","Ellipsis","ActionMenu","type","destructive","TextOnly","Grouped","showDividers","TwoLine","description","Scrollable","maxHeight","WithAvatars","u","node","size","source","uri","AssignUsers","juana","ana","CustomAndBothSides","fav","setFav","height","borderRadius","backgroundColor","a","f","onPress","accessibilityLabel"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dropdown/Dropdown.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Dropdown } from "../Dropdown/Dropdown.js";
|
|
4
|
+
import { UserChip } from "../UserChip/UserChip.js";
|
|
5
|
+
import { Menu } from "./Menu.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
/**
|
|
8
|
+
* User menu — an avatar / `UserChip` that opens an anchored `Dropdown` (e.g. an
|
|
9
|
+
* account menu). A composed component built from `UserChip` + `Menu` +
|
|
10
|
+
* `Dropdown`. Pass a `name` to use the labelled pill as the trigger, or omit it
|
|
11
|
+
* for just the avatar. Dismisses on outside press / back button.
|
|
12
|
+
*/
|
|
13
|
+
export function UserMenu({
|
|
14
|
+
options,
|
|
15
|
+
onSelect,
|
|
16
|
+
source,
|
|
17
|
+
name,
|
|
18
|
+
initials,
|
|
19
|
+
size = 'md',
|
|
20
|
+
chipBackgroundColor,
|
|
21
|
+
chipColor,
|
|
22
|
+
anchorOrigin = {
|
|
23
|
+
vertical: 'bottom',
|
|
24
|
+
horizontal: 'left'
|
|
25
|
+
},
|
|
26
|
+
menuOrigin = {
|
|
27
|
+
vertical: 'top',
|
|
28
|
+
horizontal: 'left'
|
|
29
|
+
},
|
|
30
|
+
offset = 8,
|
|
31
|
+
menuWidth,
|
|
32
|
+
showDividers,
|
|
33
|
+
closeOnSelect = true,
|
|
34
|
+
open,
|
|
35
|
+
onOpenChange
|
|
36
|
+
}) {
|
|
37
|
+
return /*#__PURE__*/_jsx(Menu, {
|
|
38
|
+
anchorOrigin: anchorOrigin,
|
|
39
|
+
menuOrigin: menuOrigin,
|
|
40
|
+
offset: offset,
|
|
41
|
+
open: open,
|
|
42
|
+
onOpenChange: onOpenChange,
|
|
43
|
+
renderTrigger: ({
|
|
44
|
+
toggle
|
|
45
|
+
}) => /*#__PURE__*/_jsx(UserChip, {
|
|
46
|
+
source: source,
|
|
47
|
+
name: name,
|
|
48
|
+
initials: initials,
|
|
49
|
+
size: size,
|
|
50
|
+
backgroundColor: chipBackgroundColor,
|
|
51
|
+
color: chipColor,
|
|
52
|
+
onPress: toggle
|
|
53
|
+
}),
|
|
54
|
+
children: ({
|
|
55
|
+
close,
|
|
56
|
+
maxHeight
|
|
57
|
+
}) => /*#__PURE__*/_jsx(Dropdown, {
|
|
58
|
+
options: options,
|
|
59
|
+
width: menuWidth,
|
|
60
|
+
maxHeight: maxHeight,
|
|
61
|
+
showDividers: showDividers,
|
|
62
|
+
onSelect: key => {
|
|
63
|
+
onSelect?.(key);
|
|
64
|
+
if (closeOnSelect) close();
|
|
65
|
+
}
|
|
66
|
+
})
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
//# sourceMappingURL=UserMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Dropdown","UserChip","Menu","jsx","_jsx","UserMenu","options","onSelect","source","name","initials","size","chipBackgroundColor","chipColor","anchorOrigin","vertical","horizontal","menuOrigin","offset","menuWidth","showDividers","closeOnSelect","open","onOpenChange","renderTrigger","toggle","backgroundColor","color","onPress","children","close","maxHeight","width","key"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/UserMenu.tsx"],"mappings":";;AACA,SAASA,QAAQ,QAA4B,yBAAsB;AACnE,SAASC,QAAQ,QAA2B,yBAAsB;AAClE,SAASC,IAAI,QAAyB,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAuC/C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAC;EACvBC,OAAO;EACPC,QAAQ;EACRC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC,IAAI,GAAG,IAAI;EACXC,mBAAmB;EACnBC,SAAS;EACTC,YAAY,GAAG;IAAEC,QAAQ,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAO,CAAC;EACzDC,UAAU,GAAG;IAAEF,QAAQ,EAAE,KAAK;IAAEC,UAAU,EAAE;EAAO,CAAC;EACpDE,MAAM,GAAG,CAAC;EACVC,SAAS;EACTC,YAAY;EACZC,aAAa,GAAG,IAAI;EACpBC,IAAI;EACJC;AACa,CAAC,EAAE;EAChB,oBACEnB,IAAA,CAACF,IAAI;IACHY,YAAY,EAAEA,YAAa;IAC3BG,UAAU,EAAEA,UAAW;IACvBC,MAAM,EAAEA,MAAO;IACfI,IAAI,EAAEA,IAAK;IACXC,YAAY,EAAEA,YAAa;IAC3BC,aAAa,EAAEA,CAAC;MAAEC;IAAO,CAAC,kBACxBrB,IAAA,CAACH,QAAQ;MACPO,MAAM,EAAEA,MAAO;MACfC,IAAI,EAAEA,IAAK;MACXC,QAAQ,EAAEA,QAAS;MACnBC,IAAI,EAAEA,IAAK;MACXe,eAAe,EAAEd,mBAAoB;MACrCe,KAAK,EAAEd,SAAU;MACjBe,OAAO,EAAEH;IAAO,CACjB,CACD;IAAAI,QAAA,EAEDA,CAAC;MAAEC,KAAK;MAAEC;IAAU,CAAC,kBACpB3B,IAAA,CAACJ,QAAQ;MACPM,OAAO,EAAEA,OAAQ;MACjB0B,KAAK,EAAEb,SAAU;MACjBY,SAAS,EAAEA,SAAU;MACrBX,YAAY,EAAEA,YAAa;MAC3Bb,QAAQ,EAAG0B,GAAG,IAAK;QACjB1B,QAAQ,GAAG0B,GAAG,CAAC;QACf,IAAIZ,aAAa,EAAES,KAAK,CAAC,CAAC;MAC5B;IAAE,CACH;EACF,CACG,CAAC;AAEX","ignoreList":[]}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
import { UserMenu } from "./UserMenu.js";
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const meta = {
|
|
7
|
+
title: 'Components/UserMenu',
|
|
8
|
+
component: UserMenu
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
const PHOTO = {
|
|
12
|
+
uri: 'https://i.pravatar.cc/150?img=47'
|
|
13
|
+
};
|
|
14
|
+
const ACCOUNT = [{
|
|
15
|
+
key: 'profile',
|
|
16
|
+
label: 'Profile',
|
|
17
|
+
leading: {
|
|
18
|
+
kind: 'icon',
|
|
19
|
+
name: 'user'
|
|
20
|
+
}
|
|
21
|
+
}, {
|
|
22
|
+
key: 'settings',
|
|
23
|
+
label: 'Settings',
|
|
24
|
+
leading: {
|
|
25
|
+
kind: 'icon',
|
|
26
|
+
name: 'settings'
|
|
27
|
+
}
|
|
28
|
+
}, {
|
|
29
|
+
key: 'div',
|
|
30
|
+
type: 'divider'
|
|
31
|
+
}, {
|
|
32
|
+
key: 'logout',
|
|
33
|
+
label: 'Log out',
|
|
34
|
+
destructive: true
|
|
35
|
+
}];
|
|
36
|
+
|
|
37
|
+
/** Trigger = the UserChip pill (avatar + name). */
|
|
38
|
+
export const ChipTrigger = {
|
|
39
|
+
render: () => /*#__PURE__*/_jsx(View, {
|
|
40
|
+
style: {
|
|
41
|
+
padding: 24,
|
|
42
|
+
height: 320
|
|
43
|
+
},
|
|
44
|
+
children: /*#__PURE__*/_jsx(UserMenu, {
|
|
45
|
+
name: "Juana Gomez",
|
|
46
|
+
source: PHOTO,
|
|
47
|
+
size: "lg",
|
|
48
|
+
options: ACCOUNT,
|
|
49
|
+
menuWidth: 240,
|
|
50
|
+
onSelect: () => {}
|
|
51
|
+
})
|
|
52
|
+
})
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
/** Trigger = just the avatar (no name) — e.g. a header account button. */
|
|
56
|
+
export const AvatarTrigger = {
|
|
57
|
+
render: () => /*#__PURE__*/_jsx(View, {
|
|
58
|
+
style: {
|
|
59
|
+
padding: 24,
|
|
60
|
+
height: 320,
|
|
61
|
+
alignItems: 'flex-end'
|
|
62
|
+
},
|
|
63
|
+
children: /*#__PURE__*/_jsx(UserMenu, {
|
|
64
|
+
source: PHOTO,
|
|
65
|
+
initials: "JG",
|
|
66
|
+
size: "md",
|
|
67
|
+
options: ACCOUNT,
|
|
68
|
+
menuWidth: 220,
|
|
69
|
+
anchorOrigin: {
|
|
70
|
+
vertical: 'bottom',
|
|
71
|
+
horizontal: 'right'
|
|
72
|
+
},
|
|
73
|
+
menuOrigin: {
|
|
74
|
+
vertical: 'top',
|
|
75
|
+
horizontal: 'right'
|
|
76
|
+
},
|
|
77
|
+
onSelect: () => {}
|
|
78
|
+
})
|
|
79
|
+
})
|
|
80
|
+
};
|
|
81
|
+
//# sourceMappingURL=UserMenu.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","UserMenu","jsx","_jsx","meta","title","component","PHOTO","uri","ACCOUNT","key","label","leading","kind","name","type","destructive","ChipTrigger","render","style","padding","height","children","source","size","options","menuWidth","onSelect","AvatarTrigger","alignItems","initials","anchorOrigin","vertical","horizontal","menuOrigin"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/UserMenu.stories.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtC,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,qBAAqB;EAC5BC,SAAS,EAAEL;AACb,CAAiC;AAEjC,eAAeG,IAAI;AAGnB,MAAMG,KAAK,GAAG;EAAEC,GAAG,EAAE;AAAmC,CAAC;AAEzD,MAAMC,OAAwB,GAAG,CAC/B;EAAEC,GAAG,EAAE,SAAS;EAAEC,KAAK,EAAE,SAAS;EAAEC,OAAO,EAAE;IAAEC,IAAI,EAAE,MAAM;IAAEC,IAAI,EAAE;EAAO;AAAE,CAAC,EAC7E;EAAEJ,GAAG,EAAE,UAAU;EAAEC,KAAK,EAAE,UAAU;EAAEC,OAAO,EAAE;IAAEC,IAAI,EAAE,MAAM;IAAEC,IAAI,EAAE;EAAW;AAAE,CAAC,EACnF;EAAEJ,GAAG,EAAE,KAAK;EAAEK,IAAI,EAAE;AAAU,CAAC,EAC/B;EAAEL,GAAG,EAAE,QAAQ;EAAEC,KAAK,EAAE,SAAS;EAAEK,WAAW,EAAE;AAAK,CAAC,CACvD;;AAED;AACA,OAAO,MAAMC,WAAkB,GAAG;EAChCC,MAAM,EAAEA,CAAA,kBACNf,IAAA,CAACH,IAAI;IAACmB,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,MAAM,EAAE;IAAI,CAAE;IAAAC,QAAA,eACxCnB,IAAA,CAACF,QAAQ;MAACa,IAAI,EAAC,aAAa;MAACS,MAAM,EAAEhB,KAAM;MAACiB,IAAI,EAAC,IAAI;MAACC,OAAO,EAAEhB,OAAQ;MAACiB,SAAS,EAAE,GAAI;MAACC,QAAQ,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAE;EAAC,CAC1G;AAEV,CAAC;;AAED;AACA,OAAO,MAAMC,aAAoB,GAAG;EAClCV,MAAM,EAAEA,CAAA,kBACNf,IAAA,CAACH,IAAI;IAACmB,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,MAAM,EAAE,GAAG;MAAEQ,UAAU,EAAE;IAAW,CAAE;IAAAP,QAAA,eAChEnB,IAAA,CAACF,QAAQ;MACPsB,MAAM,EAAEhB,KAAM;MACduB,QAAQ,EAAC,IAAI;MACbN,IAAI,EAAC,IAAI;MACTC,OAAO,EAAEhB,OAAQ;MACjBiB,SAAS,EAAE,GAAI;MACfK,YAAY,EAAE;QAAEC,QAAQ,EAAE,QAAQ;QAAEC,UAAU,EAAE;MAAQ,CAAE;MAC1DC,UAAU,EAAE;QAAEF,QAAQ,EAAE,KAAK;QAAEC,UAAU,EAAE;MAAQ,CAAE;MACrDN,QAAQ,EAAEA,CAAA,KAAM,CAAC;IAAE,CACpB;EAAC,CACE;AAEV,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { render, fireEvent, screen } from '@testing-library/react-native';
|
|
4
|
+
import { ThemeProvider } from "../../theme/index.js";
|
|
5
|
+
import { UserMenu } from "./UserMenu.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
function wrap(ui) {
|
|
8
|
+
return render(/*#__PURE__*/_jsx(ThemeProvider, {
|
|
9
|
+
children: ui
|
|
10
|
+
}));
|
|
11
|
+
}
|
|
12
|
+
const OPTIONS = [{
|
|
13
|
+
key: 'profile',
|
|
14
|
+
label: 'Profile'
|
|
15
|
+
}, {
|
|
16
|
+
key: 'logout',
|
|
17
|
+
label: 'Log out',
|
|
18
|
+
destructive: true
|
|
19
|
+
}];
|
|
20
|
+
describe('UserMenu', () => {
|
|
21
|
+
it('opens the menu when the chip trigger is pressed', () => {
|
|
22
|
+
wrap(/*#__PURE__*/_jsx(UserMenu, {
|
|
23
|
+
name: "Juana Gomez",
|
|
24
|
+
options: OPTIONS
|
|
25
|
+
}));
|
|
26
|
+
expect(screen.queryByText('Profile')).toBeNull();
|
|
27
|
+
fireEvent.press(screen.getByText('Juana Gomez'));
|
|
28
|
+
expect(screen.getByText('Profile')).toBeTruthy();
|
|
29
|
+
expect(screen.getByText('Log out')).toBeTruthy();
|
|
30
|
+
});
|
|
31
|
+
it('opens from an avatar-only trigger (no name)', () => {
|
|
32
|
+
wrap(/*#__PURE__*/_jsx(UserMenu, {
|
|
33
|
+
initials: "JG",
|
|
34
|
+
options: OPTIONS
|
|
35
|
+
}));
|
|
36
|
+
fireEvent.press(screen.getByText('JG'));
|
|
37
|
+
expect(screen.getByText('Profile')).toBeTruthy();
|
|
38
|
+
});
|
|
39
|
+
it('calls onSelect with the key and closes', () => {
|
|
40
|
+
const onSelect = jest.fn();
|
|
41
|
+
wrap(/*#__PURE__*/_jsx(UserMenu, {
|
|
42
|
+
name: "Juana Gomez",
|
|
43
|
+
options: OPTIONS,
|
|
44
|
+
onSelect: onSelect
|
|
45
|
+
}));
|
|
46
|
+
fireEvent.press(screen.getByText('Juana Gomez'));
|
|
47
|
+
fireEvent.press(screen.getByText('Profile'));
|
|
48
|
+
expect(onSelect).toHaveBeenCalledWith('profile');
|
|
49
|
+
expect(screen.queryByText('Log out')).toBeNull();
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
//# sourceMappingURL=UserMenu.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["render","fireEvent","screen","ThemeProvider","UserMenu","jsx","_jsx","wrap","ui","children","OPTIONS","key","label","destructive","describe","it","name","options","expect","queryByText","toBeNull","press","getByText","toBeTruthy","initials","onSelect","jest","fn","toHaveBeenCalledWith"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/UserMenu.test.tsx"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,SAAS,EAAEC,MAAM,QAAQ,+BAA+B;AACzE,SAASC,aAAa,QAAQ,sBAAa;AAC3C,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtC,SAASC,IAAIA,CAACC,EAAsB,EAAE;EACpC,OAAOR,MAAM,cAACM,IAAA,CAACH,aAAa;IAAAM,QAAA,EAAED;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEA,MAAME,OAAwB,GAAG,CAC/B;EAAEC,GAAG,EAAE,SAAS;EAAEC,KAAK,EAAE;AAAU,CAAC,EACpC;EAAED,GAAG,EAAE,QAAQ;EAAEC,KAAK,EAAE,SAAS;EAAEC,WAAW,EAAE;AAAK,CAAC,CACvD;AAEDC,QAAQ,CAAC,UAAU,EAAE,MAAM;EACzBC,EAAE,CAAC,iDAAiD,EAAE,MAAM;IAC1DR,IAAI,cAACD,IAAA,CAACF,QAAQ;MAACY,IAAI,EAAC,aAAa;MAACC,OAAO,EAAEP;IAAQ,CAAE,CAAC,CAAC;IACvDQ,MAAM,CAAChB,MAAM,CAACiB,WAAW,CAAC,SAAS,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;IAChDnB,SAAS,CAACoB,KAAK,CAACnB,MAAM,CAACoB,SAAS,CAAC,aAAa,CAAC,CAAC;IAChDJ,MAAM,CAAChB,MAAM,CAACoB,SAAS,CAAC,SAAS,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IAChDL,MAAM,CAAChB,MAAM,CAACoB,SAAS,CAAC,SAAS,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAClD,CAAC,CAAC;EAEFR,EAAE,CAAC,6CAA6C,EAAE,MAAM;IACtDR,IAAI,cAACD,IAAA,CAACF,QAAQ;MAACoB,QAAQ,EAAC,IAAI;MAACP,OAAO,EAAEP;IAAQ,CAAE,CAAC,CAAC;IAClDT,SAAS,CAACoB,KAAK,CAACnB,MAAM,CAACoB,SAAS,CAAC,IAAI,CAAC,CAAC;IACvCJ,MAAM,CAAChB,MAAM,CAACoB,SAAS,CAAC,SAAS,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAClD,CAAC,CAAC;EAEFR,EAAE,CAAC,wCAAwC,EAAE,MAAM;IACjD,MAAMU,QAAQ,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IAC1BpB,IAAI,cAACD,IAAA,CAACF,QAAQ;MAACY,IAAI,EAAC,aAAa;MAACC,OAAO,EAAEP,OAAQ;MAACe,QAAQ,EAAEA;IAAS,CAAE,CAAC,CAAC;IAC3ExB,SAAS,CAACoB,KAAK,CAACnB,MAAM,CAACoB,SAAS,CAAC,aAAa,CAAC,CAAC;IAChDrB,SAAS,CAACoB,KAAK,CAACnB,MAAM,CAACoB,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5CJ,MAAM,CAACO,QAAQ,CAAC,CAACG,oBAAoB,CAAC,SAAS,CAAC;IAChDV,MAAM,CAAChB,MAAM,CAACiB,WAAW,CAAC,SAAS,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EAClD,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Menu","MenuButton","SelectButton"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/index.ts"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,WAAQ;AAQ7B,SAASC,UAAU,QAAQ,iBAAc;AAEzC,SAASC,YAAY,QAAQ,mBAAgB","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["Menu","MenuButton","SelectButton","UserMenu"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/index.ts"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,WAAQ;AAQ7B,SAASC,UAAU,QAAQ,iBAAc;AAEzC,SAASC,YAAY,QAAQ,mBAAgB;AAE7C,SAASC,QAAQ,QAAQ,eAAY","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import type { ImageSourcePropType } from 'react-native';
|
|
2
|
+
import { type DropdownEntry } from '../Dropdown/Dropdown';
|
|
3
|
+
import { type UserChipSize } from '../UserChip/UserChip';
|
|
4
|
+
import { type MenuOrigin } from './Menu';
|
|
5
|
+
export interface UserMenuProps {
|
|
6
|
+
/** The menu rows (see `Dropdown`). */
|
|
7
|
+
options: DropdownEntry[];
|
|
8
|
+
/** Called with the key of the selected row. */
|
|
9
|
+
onSelect?: (key: string) => void;
|
|
10
|
+
/** Avatar image for the trigger. */
|
|
11
|
+
source?: ImageSourcePropType;
|
|
12
|
+
/** Name for the trigger. With a name the trigger is the `UserChip` pill; without it, just the avatar. */
|
|
13
|
+
name?: string;
|
|
14
|
+
/** Explicit avatar initials. */
|
|
15
|
+
initials?: string;
|
|
16
|
+
/** Trigger size. Defaults to `md`. */
|
|
17
|
+
size?: UserChipSize;
|
|
18
|
+
/** Trigger pill background (when a name is shown). */
|
|
19
|
+
chipBackgroundColor?: string;
|
|
20
|
+
/** Trigger text color (when a name is shown). */
|
|
21
|
+
chipColor?: string;
|
|
22
|
+
/** Point on the trigger the menu latches to. Defaults to `{ bottom, left }`. */
|
|
23
|
+
anchorOrigin?: MenuOrigin;
|
|
24
|
+
/** Point on the menu placed at the anchor. Defaults to `{ top, left }`. */
|
|
25
|
+
menuOrigin?: MenuOrigin;
|
|
26
|
+
/** Gap between trigger and menu. Defaults to 8. */
|
|
27
|
+
offset?: number;
|
|
28
|
+
/** Menu width. Defaults to the `Dropdown` default (350). */
|
|
29
|
+
menuWidth?: number;
|
|
30
|
+
/** Draw dividers between rows. Defaults to the `Dropdown` default (true). */
|
|
31
|
+
showDividers?: boolean;
|
|
32
|
+
/** Close the menu after a row is selected. Defaults to true. */
|
|
33
|
+
closeOnSelect?: boolean;
|
|
34
|
+
/** Controlled open state. */
|
|
35
|
+
open?: boolean;
|
|
36
|
+
/** Notified whenever the open state changes. */
|
|
37
|
+
onOpenChange?: (open: boolean) => void;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* User menu — an avatar / `UserChip` that opens an anchored `Dropdown` (e.g. an
|
|
41
|
+
* account menu). A composed component built from `UserChip` + `Menu` +
|
|
42
|
+
* `Dropdown`. Pass a `name` to use the labelled pill as the trigger, or omit it
|
|
43
|
+
* for just the avatar. Dismisses on outside press / back button.
|
|
44
|
+
*/
|
|
45
|
+
export declare function UserMenu({ options, onSelect, source, name, initials, size, chipBackgroundColor, chipColor, anchorOrigin, menuOrigin, offset, menuWidth, showDividers, closeOnSelect, open, onOpenChange, }: UserMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
46
|
+
//# sourceMappingURL=UserMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/UserMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;AAE/C,MAAM,WAAW,aAAa;IAC5B,sCAAsC;IACtC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC,oCAAoC;IACpC,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,yGAAyG;IACzG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,gFAAgF;IAChF,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAW,EACX,mBAAmB,EACnB,SAAS,EACT,YAAyD,EACzD,UAAoD,EACpD,MAAU,EACV,SAAS,EACT,YAAY,EACZ,aAAoB,EACpB,IAAI,EACJ,YAAY,GACb,EAAE,aAAa,2CAkCf"}
|
|
@@ -4,4 +4,6 @@ export { MenuButton } from './MenuButton';
|
|
|
4
4
|
export type { MenuButtonProps } from './MenuButton';
|
|
5
5
|
export { SelectButton } from './SelectButton';
|
|
6
6
|
export type { SelectButtonProps, SelectButtonOption } from './SelectButton';
|
|
7
|
+
export { UserMenu } from './UserMenu';
|
|
8
|
+
export type { UserMenuProps } from './UserMenu';
|
|
7
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EACV,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,GACjB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EACV,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,GACjB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import type { ImageSourcePropType } from 'react-native';
|
|
2
|
+
import { type DropdownEntry } from '../Dropdown/Dropdown';
|
|
3
|
+
import { type UserChipSize } from '../UserChip/UserChip';
|
|
4
|
+
import { type MenuOrigin } from './Menu';
|
|
5
|
+
export interface UserMenuProps {
|
|
6
|
+
/** The menu rows (see `Dropdown`). */
|
|
7
|
+
options: DropdownEntry[];
|
|
8
|
+
/** Called with the key of the selected row. */
|
|
9
|
+
onSelect?: (key: string) => void;
|
|
10
|
+
/** Avatar image for the trigger. */
|
|
11
|
+
source?: ImageSourcePropType;
|
|
12
|
+
/** Name for the trigger. With a name the trigger is the `UserChip` pill; without it, just the avatar. */
|
|
13
|
+
name?: string;
|
|
14
|
+
/** Explicit avatar initials. */
|
|
15
|
+
initials?: string;
|
|
16
|
+
/** Trigger size. Defaults to `md`. */
|
|
17
|
+
size?: UserChipSize;
|
|
18
|
+
/** Trigger pill background (when a name is shown). */
|
|
19
|
+
chipBackgroundColor?: string;
|
|
20
|
+
/** Trigger text color (when a name is shown). */
|
|
21
|
+
chipColor?: string;
|
|
22
|
+
/** Point on the trigger the menu latches to. Defaults to `{ bottom, left }`. */
|
|
23
|
+
anchorOrigin?: MenuOrigin;
|
|
24
|
+
/** Point on the menu placed at the anchor. Defaults to `{ top, left }`. */
|
|
25
|
+
menuOrigin?: MenuOrigin;
|
|
26
|
+
/** Gap between trigger and menu. Defaults to 8. */
|
|
27
|
+
offset?: number;
|
|
28
|
+
/** Menu width. Defaults to the `Dropdown` default (350). */
|
|
29
|
+
menuWidth?: number;
|
|
30
|
+
/** Draw dividers between rows. Defaults to the `Dropdown` default (true). */
|
|
31
|
+
showDividers?: boolean;
|
|
32
|
+
/** Close the menu after a row is selected. Defaults to true. */
|
|
33
|
+
closeOnSelect?: boolean;
|
|
34
|
+
/** Controlled open state. */
|
|
35
|
+
open?: boolean;
|
|
36
|
+
/** Notified whenever the open state changes. */
|
|
37
|
+
onOpenChange?: (open: boolean) => void;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* User menu — an avatar / `UserChip` that opens an anchored `Dropdown` (e.g. an
|
|
41
|
+
* account menu). A composed component built from `UserChip` + `Menu` +
|
|
42
|
+
* `Dropdown`. Pass a `name` to use the labelled pill as the trigger, or omit it
|
|
43
|
+
* for just the avatar. Dismisses on outside press / back button.
|
|
44
|
+
*/
|
|
45
|
+
export declare function UserMenu({ options, onSelect, source, name, initials, size, chipBackgroundColor, chipColor, anchorOrigin, menuOrigin, offset, menuWidth, showDividers, closeOnSelect, open, onOpenChange, }: UserMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
46
|
+
//# sourceMappingURL=UserMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/UserMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;AAE/C,MAAM,WAAW,aAAa;IAC5B,sCAAsC;IACtC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC,oCAAoC;IACpC,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,yGAAyG;IACzG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,gFAAgF;IAChF,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAW,EACX,mBAAmB,EACnB,SAAS,EACT,YAAyD,EACzD,UAAoD,EACpD,MAAU,EACV,SAAS,EACT,YAAY,EACZ,aAAoB,EACpB,IAAI,EACJ,YAAY,GACb,EAAE,aAAa,2CAkCf"}
|
|
@@ -4,4 +4,6 @@ export { MenuButton } from './MenuButton';
|
|
|
4
4
|
export type { MenuButtonProps } from './MenuButton';
|
|
5
5
|
export { SelectButton } from './SelectButton';
|
|
6
6
|
export type { SelectButtonProps, SelectButtonOption } from './SelectButton';
|
|
7
|
+
export { UserMenu } from './UserMenu';
|
|
8
|
+
export type { UserMenuProps } from './UserMenu';
|
|
7
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EACV,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,GACjB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EACV,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,GACjB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import type { ImageSourcePropType } from 'react-native';
|
|
2
|
+
import { Dropdown, type DropdownEntry } from '../Dropdown/Dropdown';
|
|
3
|
+
import { UserChip, type UserChipSize } from '../UserChip/UserChip';
|
|
4
|
+
import { Menu, type MenuOrigin } from './Menu';
|
|
5
|
+
|
|
6
|
+
export interface UserMenuProps {
|
|
7
|
+
/** The menu rows (see `Dropdown`). */
|
|
8
|
+
options: DropdownEntry[];
|
|
9
|
+
/** Called with the key of the selected row. */
|
|
10
|
+
onSelect?: (key: string) => void;
|
|
11
|
+
|
|
12
|
+
/** Avatar image for the trigger. */
|
|
13
|
+
source?: ImageSourcePropType;
|
|
14
|
+
/** Name for the trigger. With a name the trigger is the `UserChip` pill; without it, just the avatar. */
|
|
15
|
+
name?: string;
|
|
16
|
+
/** Explicit avatar initials. */
|
|
17
|
+
initials?: string;
|
|
18
|
+
/** Trigger size. Defaults to `md`. */
|
|
19
|
+
size?: UserChipSize;
|
|
20
|
+
/** Trigger pill background (when a name is shown). */
|
|
21
|
+
chipBackgroundColor?: string;
|
|
22
|
+
/** Trigger text color (when a name is shown). */
|
|
23
|
+
chipColor?: string;
|
|
24
|
+
|
|
25
|
+
/** Point on the trigger the menu latches to. Defaults to `{ bottom, left }`. */
|
|
26
|
+
anchorOrigin?: MenuOrigin;
|
|
27
|
+
/** Point on the menu placed at the anchor. Defaults to `{ top, left }`. */
|
|
28
|
+
menuOrigin?: MenuOrigin;
|
|
29
|
+
/** Gap between trigger and menu. Defaults to 8. */
|
|
30
|
+
offset?: number;
|
|
31
|
+
/** Menu width. Defaults to the `Dropdown` default (350). */
|
|
32
|
+
menuWidth?: number;
|
|
33
|
+
/** Draw dividers between rows. Defaults to the `Dropdown` default (true). */
|
|
34
|
+
showDividers?: boolean;
|
|
35
|
+
/** Close the menu after a row is selected. Defaults to true. */
|
|
36
|
+
closeOnSelect?: boolean;
|
|
37
|
+
/** Controlled open state. */
|
|
38
|
+
open?: boolean;
|
|
39
|
+
/** Notified whenever the open state changes. */
|
|
40
|
+
onOpenChange?: (open: boolean) => void;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* User menu — an avatar / `UserChip` that opens an anchored `Dropdown` (e.g. an
|
|
45
|
+
* account menu). A composed component built from `UserChip` + `Menu` +
|
|
46
|
+
* `Dropdown`. Pass a `name` to use the labelled pill as the trigger, or omit it
|
|
47
|
+
* for just the avatar. Dismisses on outside press / back button.
|
|
48
|
+
*/
|
|
49
|
+
export function UserMenu({
|
|
50
|
+
options,
|
|
51
|
+
onSelect,
|
|
52
|
+
source,
|
|
53
|
+
name,
|
|
54
|
+
initials,
|
|
55
|
+
size = 'md',
|
|
56
|
+
chipBackgroundColor,
|
|
57
|
+
chipColor,
|
|
58
|
+
anchorOrigin = { vertical: 'bottom', horizontal: 'left' },
|
|
59
|
+
menuOrigin = { vertical: 'top', horizontal: 'left' },
|
|
60
|
+
offset = 8,
|
|
61
|
+
menuWidth,
|
|
62
|
+
showDividers,
|
|
63
|
+
closeOnSelect = true,
|
|
64
|
+
open,
|
|
65
|
+
onOpenChange,
|
|
66
|
+
}: UserMenuProps) {
|
|
67
|
+
return (
|
|
68
|
+
<Menu
|
|
69
|
+
anchorOrigin={anchorOrigin}
|
|
70
|
+
menuOrigin={menuOrigin}
|
|
71
|
+
offset={offset}
|
|
72
|
+
open={open}
|
|
73
|
+
onOpenChange={onOpenChange}
|
|
74
|
+
renderTrigger={({ toggle }) => (
|
|
75
|
+
<UserChip
|
|
76
|
+
source={source}
|
|
77
|
+
name={name}
|
|
78
|
+
initials={initials}
|
|
79
|
+
size={size}
|
|
80
|
+
backgroundColor={chipBackgroundColor}
|
|
81
|
+
color={chipColor}
|
|
82
|
+
onPress={toggle}
|
|
83
|
+
/>
|
|
84
|
+
)}
|
|
85
|
+
>
|
|
86
|
+
{({ close, maxHeight }) => (
|
|
87
|
+
<Dropdown
|
|
88
|
+
options={options}
|
|
89
|
+
width={menuWidth}
|
|
90
|
+
maxHeight={maxHeight}
|
|
91
|
+
showDividers={showDividers}
|
|
92
|
+
onSelect={(key) => {
|
|
93
|
+
onSelect?.(key);
|
|
94
|
+
if (closeOnSelect) close();
|
|
95
|
+
}}
|
|
96
|
+
/>
|
|
97
|
+
)}
|
|
98
|
+
</Menu>
|
|
99
|
+
);
|
|
100
|
+
}
|
|
@@ -10,3 +10,5 @@ export { MenuButton } from './MenuButton';
|
|
|
10
10
|
export type { MenuButtonProps } from './MenuButton';
|
|
11
11
|
export { SelectButton } from './SelectButton';
|
|
12
12
|
export type { SelectButtonProps, SelectButtonOption } from './SelectButton';
|
|
13
|
+
export { UserMenu } from './UserMenu';
|
|
14
|
+
export type { UserMenuProps } from './UserMenu';
|