@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.
Files changed (31) hide show
  1. package/lib/commonjs/components/Dropdown/Dropdown.stories.js +99 -1
  2. package/lib/commonjs/components/Dropdown/Dropdown.stories.js.map +1 -1
  3. package/lib/commonjs/components/Menu/UserMenu.js +73 -0
  4. package/lib/commonjs/components/Menu/UserMenu.js.map +1 -0
  5. package/lib/commonjs/components/Menu/UserMenu.stories.js +85 -0
  6. package/lib/commonjs/components/Menu/UserMenu.stories.js.map +1 -0
  7. package/lib/commonjs/components/Menu/UserMenu.test.js +52 -0
  8. package/lib/commonjs/components/Menu/UserMenu.test.js.map +1 -0
  9. package/lib/commonjs/components/Menu/index.js +7 -0
  10. package/lib/commonjs/components/Menu/index.js.map +1 -1
  11. package/lib/module/components/Dropdown/Dropdown.stories.js +98 -0
  12. package/lib/module/components/Dropdown/Dropdown.stories.js.map +1 -1
  13. package/lib/module/components/Menu/UserMenu.js +69 -0
  14. package/lib/module/components/Menu/UserMenu.js.map +1 -0
  15. package/lib/module/components/Menu/UserMenu.stories.js +81 -0
  16. package/lib/module/components/Menu/UserMenu.stories.js.map +1 -0
  17. package/lib/module/components/Menu/UserMenu.test.js +52 -0
  18. package/lib/module/components/Menu/UserMenu.test.js.map +1 -0
  19. package/lib/module/components/Menu/index.js +1 -0
  20. package/lib/module/components/Menu/index.js.map +1 -1
  21. package/lib/typescript/commonjs/components/Menu/UserMenu.d.ts +46 -0
  22. package/lib/typescript/commonjs/components/Menu/UserMenu.d.ts.map +1 -0
  23. package/lib/typescript/commonjs/components/Menu/index.d.ts +2 -0
  24. package/lib/typescript/commonjs/components/Menu/index.d.ts.map +1 -1
  25. package/lib/typescript/module/components/Menu/UserMenu.d.ts +46 -0
  26. package/lib/typescript/module/components/Menu/UserMenu.d.ts.map +1 -0
  27. package/lib/typescript/module/components/Menu/index.d.ts +2 -0
  28. package/lib/typescript/module/components/Menu/index.d.ts.map +1 -1
  29. package/package.json +1 -1
  30. package/src/components/Menu/UserMenu.tsx +100 -0
  31. 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":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAQA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA","ignoreList":[]}
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":[]}
@@ -3,4 +3,5 @@
3
3
  export { Menu } from "./Menu.js";
4
4
  export { MenuButton } from "./MenuButton.js";
5
5
  export { SelectButton } from "./SelectButton.js";
6
+ export { UserMenu } from "./UserMenu.js";
6
7
  //# sourceMappingURL=index.js.map
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bacon-pos/ui",
3
- "version": "0.6.0",
3
+ "version": "0.7.0",
4
4
  "description": "Bacon POS design system — React Native component library",
5
5
  "main": "./lib/commonjs/index.js",
6
6
  "module": "./lib/module/index.js",
@@ -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';