@bacon-pos/ui 0.6.0 → 0.7.1
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/Menu.js +25 -52
- package/lib/commonjs/components/Menu/Menu.js.map +1 -1
- package/lib/commonjs/components/Menu/MenuButton.js +4 -0
- package/lib/commonjs/components/Menu/MenuButton.js.map +1 -1
- package/lib/commonjs/components/Menu/SelectButton.js +4 -0
- package/lib/commonjs/components/Menu/SelectButton.js.map +1 -1
- package/lib/commonjs/components/Menu/UserMenu.js +77 -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/commonjs/components/Menu/placement.js +84 -0
- package/lib/commonjs/components/Menu/placement.js.map +1 -0
- package/lib/commonjs/components/Menu/placement.test.js +186 -0
- package/lib/commonjs/components/Menu/placement.test.js.map +1 -0
- package/lib/commonjs/components/Select/Select.js +2 -0
- package/lib/commonjs/components/Select/Select.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/Menu.js +27 -54
- package/lib/module/components/Menu/Menu.js.map +1 -1
- package/lib/module/components/Menu/MenuButton.js +4 -0
- package/lib/module/components/Menu/MenuButton.js.map +1 -1
- package/lib/module/components/Menu/SelectButton.js +4 -0
- package/lib/module/components/Menu/SelectButton.js.map +1 -1
- package/lib/module/components/Menu/UserMenu.js +73 -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/module/components/Menu/placement.js +80 -0
- package/lib/module/components/Menu/placement.js.map +1 -0
- package/lib/module/components/Menu/placement.test.js +186 -0
- package/lib/module/components/Menu/placement.test.js.map +1 -0
- package/lib/module/components/Select/Select.js +2 -0
- package/lib/module/components/Select/Select.js.map +1 -1
- package/lib/typescript/commonjs/components/Menu/Menu.d.ts +7 -1
- package/lib/typescript/commonjs/components/Menu/Menu.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Menu/MenuButton.d.ts +6 -2
- package/lib/typescript/commonjs/components/Menu/MenuButton.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Menu/SelectButton.d.ts +6 -2
- package/lib/typescript/commonjs/components/Menu/SelectButton.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Menu/UserMenu.d.ts +50 -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/commonjs/components/Menu/placement.d.ts +47 -0
- package/lib/typescript/commonjs/components/Menu/placement.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Menu/placement.test.d.ts +2 -0
- package/lib/typescript/commonjs/components/Menu/placement.test.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Select/Select.d.ts +3 -1
- package/lib/typescript/commonjs/components/Select/Select.d.ts.map +1 -1
- package/lib/typescript/module/components/Menu/Menu.d.ts +7 -1
- package/lib/typescript/module/components/Menu/Menu.d.ts.map +1 -1
- package/lib/typescript/module/components/Menu/MenuButton.d.ts +6 -2
- package/lib/typescript/module/components/Menu/MenuButton.d.ts.map +1 -1
- package/lib/typescript/module/components/Menu/SelectButton.d.ts +6 -2
- package/lib/typescript/module/components/Menu/SelectButton.d.ts.map +1 -1
- package/lib/typescript/module/components/Menu/UserMenu.d.ts +50 -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/lib/typescript/module/components/Menu/placement.d.ts +47 -0
- package/lib/typescript/module/components/Menu/placement.d.ts.map +1 -0
- package/lib/typescript/module/components/Menu/placement.test.d.ts +2 -0
- package/lib/typescript/module/components/Menu/placement.test.d.ts.map +1 -0
- package/lib/typescript/module/components/Select/Select.d.ts +3 -1
- package/lib/typescript/module/components/Select/Select.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Menu/Menu.tsx +37 -46
- package/src/components/Menu/MenuButton.tsx +9 -1
- package/src/components/Menu/SelectButton.tsx +9 -1
- package/src/components/Menu/UserMenu.tsx +108 -0
- package/src/components/Menu/index.ts +2 -0
- package/src/components/Menu/placement.ts +107 -0
- package/src/components/Select/Select.tsx +4 -0
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { computeMenuPlacement } from "./placement.js";
|
|
4
|
+
const base = {
|
|
5
|
+
rect: {
|
|
6
|
+
x: 100,
|
|
7
|
+
y: 50,
|
|
8
|
+
width: 60,
|
|
9
|
+
height: 40
|
|
10
|
+
},
|
|
11
|
+
menuWidth: 200,
|
|
12
|
+
menuHeight: 150,
|
|
13
|
+
naturalHeight: 150,
|
|
14
|
+
anchorOrigin: {
|
|
15
|
+
vertical: 'bottom',
|
|
16
|
+
horizontal: 'left'
|
|
17
|
+
},
|
|
18
|
+
menuOrigin: {
|
|
19
|
+
vertical: 'top',
|
|
20
|
+
horizontal: 'left'
|
|
21
|
+
},
|
|
22
|
+
offset: 8,
|
|
23
|
+
screenPadding: 8,
|
|
24
|
+
insets: {
|
|
25
|
+
top: 0,
|
|
26
|
+
right: 0,
|
|
27
|
+
bottom: 0,
|
|
28
|
+
left: 0
|
|
29
|
+
},
|
|
30
|
+
screenWidth: 1000,
|
|
31
|
+
screenHeight: 800,
|
|
32
|
+
statusBarHeight: 0,
|
|
33
|
+
autoFit: true
|
|
34
|
+
};
|
|
35
|
+
describe('computeMenuPlacement', () => {
|
|
36
|
+
it('drops the menu below the trigger by the offset', () => {
|
|
37
|
+
const {
|
|
38
|
+
top,
|
|
39
|
+
left,
|
|
40
|
+
maxHeight
|
|
41
|
+
} = computeMenuPlacement(base);
|
|
42
|
+
// top = trigger bottom (90) + offset (8)
|
|
43
|
+
expect(top).toBe(98);
|
|
44
|
+
expect(left).toBe(100);
|
|
45
|
+
expect(maxHeight).toBeUndefined();
|
|
46
|
+
});
|
|
47
|
+
it('adds the status-bar height to the vertical position (the Android bug fix)', () => {
|
|
48
|
+
const withoutSb = computeMenuPlacement(base).top;
|
|
49
|
+
const withSb = computeMenuPlacement({
|
|
50
|
+
...base,
|
|
51
|
+
statusBarHeight: 24
|
|
52
|
+
}).top;
|
|
53
|
+
// The menu shifts DOWN by exactly the status bar height so it clears the trigger.
|
|
54
|
+
expect(withSb - withoutSb).toBe(24);
|
|
55
|
+
expect(withSb).toBe(122);
|
|
56
|
+
});
|
|
57
|
+
it('does not offset on iOS / web (statusBarHeight 0)', () => {
|
|
58
|
+
expect(computeMenuPlacement({
|
|
59
|
+
...base,
|
|
60
|
+
statusBarHeight: 0
|
|
61
|
+
}).top).toBe(98);
|
|
62
|
+
});
|
|
63
|
+
it('flips above the trigger when there is no room below', () => {
|
|
64
|
+
const nearBottom = {
|
|
65
|
+
...base,
|
|
66
|
+
rect: {
|
|
67
|
+
x: 100,
|
|
68
|
+
y: 700,
|
|
69
|
+
width: 60,
|
|
70
|
+
height: 40
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
const {
|
|
74
|
+
top
|
|
75
|
+
} = computeMenuPlacement(nearBottom);
|
|
76
|
+
// Opens up: menu bottom sits at trigger top (700) − offset (8) − menuHeight (150).
|
|
77
|
+
expect(top).toBe(542);
|
|
78
|
+
});
|
|
79
|
+
it('caps the height to the available space when the content overflows', () => {
|
|
80
|
+
const nearBottomTall = {
|
|
81
|
+
...base,
|
|
82
|
+
rect: {
|
|
83
|
+
x: 100,
|
|
84
|
+
y: 700,
|
|
85
|
+
width: 60,
|
|
86
|
+
height: 40
|
|
87
|
+
},
|
|
88
|
+
naturalHeight: 900,
|
|
89
|
+
menuHeight: 684 // already capped on the second layout pass
|
|
90
|
+
};
|
|
91
|
+
const {
|
|
92
|
+
maxHeight,
|
|
93
|
+
top
|
|
94
|
+
} = computeMenuPlacement(nearBottomTall);
|
|
95
|
+
// spaceAbove = 700 − 8 − 8 = 684
|
|
96
|
+
expect(maxHeight).toBe(684);
|
|
97
|
+
expect(top).toBe(8);
|
|
98
|
+
});
|
|
99
|
+
it('right-aligns the menu to the trigger', () => {
|
|
100
|
+
const {
|
|
101
|
+
left
|
|
102
|
+
} = computeMenuPlacement({
|
|
103
|
+
...base,
|
|
104
|
+
rect: {
|
|
105
|
+
x: 800,
|
|
106
|
+
y: 50,
|
|
107
|
+
width: 60,
|
|
108
|
+
height: 40
|
|
109
|
+
},
|
|
110
|
+
anchorOrigin: {
|
|
111
|
+
vertical: 'bottom',
|
|
112
|
+
horizontal: 'right'
|
|
113
|
+
},
|
|
114
|
+
menuOrigin: {
|
|
115
|
+
vertical: 'top',
|
|
116
|
+
horizontal: 'right'
|
|
117
|
+
}
|
|
118
|
+
});
|
|
119
|
+
// menu right edge aligns with trigger right edge (860): left = 860 − 200
|
|
120
|
+
expect(left).toBe(660);
|
|
121
|
+
});
|
|
122
|
+
it('clamps to the right screen edge', () => {
|
|
123
|
+
const {
|
|
124
|
+
left
|
|
125
|
+
} = computeMenuPlacement({
|
|
126
|
+
...base,
|
|
127
|
+
rect: {
|
|
128
|
+
x: 950,
|
|
129
|
+
y: 50,
|
|
130
|
+
width: 60,
|
|
131
|
+
height: 40
|
|
132
|
+
}
|
|
133
|
+
});
|
|
134
|
+
// 1000 − 200 − 8 padding = 792
|
|
135
|
+
expect(left).toBe(792);
|
|
136
|
+
});
|
|
137
|
+
it('clamps the top below the status bar', () => {
|
|
138
|
+
const {
|
|
139
|
+
top
|
|
140
|
+
} = computeMenuPlacement({
|
|
141
|
+
...base,
|
|
142
|
+
rect: {
|
|
143
|
+
x: 100,
|
|
144
|
+
y: 0,
|
|
145
|
+
width: 60,
|
|
146
|
+
height: 10
|
|
147
|
+
},
|
|
148
|
+
anchorOrigin: {
|
|
149
|
+
vertical: 'top',
|
|
150
|
+
horizontal: 'left'
|
|
151
|
+
},
|
|
152
|
+
menuOrigin: {
|
|
153
|
+
vertical: 'bottom',
|
|
154
|
+
horizontal: 'left'
|
|
155
|
+
},
|
|
156
|
+
statusBarHeight: 24,
|
|
157
|
+
autoFit: false
|
|
158
|
+
});
|
|
159
|
+
// Would be negative; clamped to statusBarHeight (24) + padding (8) = 32
|
|
160
|
+
expect(top).toBe(32);
|
|
161
|
+
});
|
|
162
|
+
it('respects safe-area insets in the space calc (flips earlier)', () => {
|
|
163
|
+
const withInset = {
|
|
164
|
+
...base,
|
|
165
|
+
rect: {
|
|
166
|
+
x: 100,
|
|
167
|
+
y: 620,
|
|
168
|
+
width: 60,
|
|
169
|
+
height: 40
|
|
170
|
+
},
|
|
171
|
+
naturalHeight: 150,
|
|
172
|
+
insets: {
|
|
173
|
+
top: 0,
|
|
174
|
+
right: 0,
|
|
175
|
+
bottom: 120,
|
|
176
|
+
left: 0
|
|
177
|
+
}
|
|
178
|
+
};
|
|
179
|
+
// spaceBelow = 800 − 120 − 660 − 8 − 8 = 4 → not enough → flips up
|
|
180
|
+
const {
|
|
181
|
+
top
|
|
182
|
+
} = computeMenuPlacement(withInset);
|
|
183
|
+
expect(top).toBe(620 - 150 - 8); // opens up above the trigger
|
|
184
|
+
});
|
|
185
|
+
});
|
|
186
|
+
//# sourceMappingURL=placement.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["computeMenuPlacement","base","rect","x","y","width","height","menuWidth","menuHeight","naturalHeight","anchorOrigin","vertical","horizontal","menuOrigin","offset","screenPadding","insets","top","right","bottom","left","screenWidth","screenHeight","statusBarHeight","autoFit","describe","it","maxHeight","expect","toBe","toBeUndefined","withoutSb","withSb","nearBottom","nearBottomTall","withInset"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/placement.test.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -76,6 +76,7 @@ export function Select({
|
|
|
76
76
|
offset = 8,
|
|
77
77
|
autoFit = true,
|
|
78
78
|
insets,
|
|
79
|
+
statusBarHeight,
|
|
79
80
|
closeOnSelect,
|
|
80
81
|
style
|
|
81
82
|
}) {
|
|
@@ -149,6 +150,7 @@ export function Select({
|
|
|
149
150
|
offset: offset,
|
|
150
151
|
autoFit: autoFit,
|
|
151
152
|
insets: insets,
|
|
153
|
+
statusBarHeight: statusBarHeight,
|
|
152
154
|
triggerStyle: {
|
|
153
155
|
alignSelf: 'stretch'
|
|
154
156
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","Pressable","View","useTheme","Dropdown","Icon","Menu","Text","jsx","_jsx","jsxs","_jsxs","FOCUS_RING_SPREAD","FOCUS_RING_ALPHA","hexToRgba","hex","alpha","h","replace","full","length","c","r","parseInt","slice","g","b","SIZES","md","height","gap","iconSize","textVariant","lg","Select","options","multiple","value","defaultValue","onChange","label","helperText","error","placeholder","leftIcon","size","width","fullWidth","disabled","renderValue","matchTriggerWidth","menuWidth","maxHeight","anchorOrigin","vertical","horizontal","menuOrigin","offset","autoFit","insets","closeOnSelect","style","theme","sizeConfig","isControlled","undefined","internal","setInternal","current","selectedKeys","commit","next","selectSingle","key","toggleMulti","set","Set","has","delete","add","selectedOptions","filter","o","includes","isEmpty","displayText","map","join","hasError","Boolean","message","rows","leading","icon","kind","name","trailing","checked","color","colors","feedback","success","shouldClose","iconBox","alignItems","justifyContent","containerWidth","alignSelf","children","variant","marginBottom","marginLeft","triggerStyle","renderTrigger","open","toggle","showRing","borderColor","border","focus","default","ringColor","boxShadow","offsetX","offsetY","blurRadius","spreadDistance","onPress","accessibilityRole","accessibilityState","expanded","accessibilityLabel","flexDirection","paddingHorizontal","borderWidth","borderRadius","radii","pill","backgroundColor","background","foreground","numberOfLines","flex","minWidth","transform","rotate","close","triggerWidth","autoMaxHeight","onSelect","marginTop"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Select/Select.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SACEC,SAAS,EACTC,IAAI,QAIC,cAAc;AACrB,SAASC,QAAQ,QAAQ,sBAAa;AAEtC,SAASC,QAAQ,QAA4B,yBAAsB;AACnE,SAASC,IAAI,QAAQ,iBAAc;AAEnC,SAASC,IAAI,QAA0C,iBAAc;AACrE,SAASC,IAAI,QAAQ,iBAAc;;AAEnC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,MAAMC,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,gBAAgB,GAAG,IAAI;;AAE7B;AACA,SAASC,SAASA,CAACC,GAAW,EAAEC,KAAa,EAAU;EACrD,MAAMC,CAAC,GAAGF,GAAG,CAACG,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;EAC9B,MAAMC,IAAI,GAAGF,CAAC,CAACG,MAAM,KAAK,CAAC,GAAGH,CAAC,CAACC,OAAO,CAAC,IAAI,EAAGG,CAAC,IAAKA,CAAC,GAAGA,CAAC,CAAC,GAAGJ,CAAC;EAC/D,MAAMK,CAAC,GAAGC,QAAQ,CAACJ,IAAI,CAACK,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;EACxC,MAAMC,CAAC,GAAGF,QAAQ,CAACJ,IAAI,CAACK,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;EACxC,MAAME,CAAC,GAAGH,QAAQ,CAACJ,IAAI,CAACK,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;EACxC,OAAO,QAAQF,CAAC,KAAKG,CAAC,KAAKC,CAAC,KAAKV,KAAK,GAAG;AAC3C;AAIA,MAAMW,KAGL,GAAG;EACFC,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,GAAG,EAAE,CAAC;IAAEC,QAAQ,EAAE,EAAE;IAAEC,WAAW,EAAE;EAAa,CAAC;EACnEC,EAAE,EAAE;IAAEJ,MAAM,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,WAAW,EAAE;EAAY;AACpE,CAAC;;AAED;;
|
|
1
|
+
{"version":3,"names":["useState","Pressable","View","useTheme","Dropdown","Icon","Menu","Text","jsx","_jsx","jsxs","_jsxs","FOCUS_RING_SPREAD","FOCUS_RING_ALPHA","hexToRgba","hex","alpha","h","replace","full","length","c","r","parseInt","slice","g","b","SIZES","md","height","gap","iconSize","textVariant","lg","Select","options","multiple","value","defaultValue","onChange","label","helperText","error","placeholder","leftIcon","size","width","fullWidth","disabled","renderValue","matchTriggerWidth","menuWidth","maxHeight","anchorOrigin","vertical","horizontal","menuOrigin","offset","autoFit","insets","statusBarHeight","closeOnSelect","style","theme","sizeConfig","isControlled","undefined","internal","setInternal","current","selectedKeys","commit","next","selectSingle","key","toggleMulti","set","Set","has","delete","add","selectedOptions","filter","o","includes","isEmpty","displayText","map","join","hasError","Boolean","message","rows","leading","icon","kind","name","trailing","checked","color","colors","feedback","success","shouldClose","iconBox","alignItems","justifyContent","containerWidth","alignSelf","children","variant","marginBottom","marginLeft","triggerStyle","renderTrigger","open","toggle","showRing","borderColor","border","focus","default","ringColor","boxShadow","offsetX","offsetY","blurRadius","spreadDistance","onPress","accessibilityRole","accessibilityState","expanded","accessibilityLabel","flexDirection","paddingHorizontal","borderWidth","borderRadius","radii","pill","backgroundColor","background","foreground","numberOfLines","flex","minWidth","transform","rotate","close","triggerWidth","autoMaxHeight","onSelect","marginTop"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Select/Select.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -40,6 +40,12 @@ export interface MenuProps {
|
|
|
40
40
|
autoFit?: boolean;
|
|
41
41
|
/** Safe-area insets to keep clear (pass from `react-native-safe-area-context` if you use it). */
|
|
42
42
|
insets?: EdgeInsets;
|
|
43
|
+
/**
|
|
44
|
+
* Offset between window coordinates (where the trigger is measured) and the
|
|
45
|
+
* full-screen Modal the menu paints into. Defaults to the Android status bar
|
|
46
|
+
* height (0 on iOS / web). Pass 0 when the host runs edge-to-edge / immersive.
|
|
47
|
+
*/
|
|
48
|
+
statusBarHeight?: number;
|
|
43
49
|
/** Controlled open state. Omit for uncontrolled. */
|
|
44
50
|
open?: boolean;
|
|
45
51
|
/** Notified whenever the open state changes. */
|
|
@@ -62,5 +68,5 @@ export interface EdgeInsets {
|
|
|
62
68
|
* outside (or the hardware back button) dismisses it. Used to compose menu
|
|
63
69
|
* buttons, select fields, popovers, etc.
|
|
64
70
|
*/
|
|
65
|
-
export declare function Menu({ renderTrigger, children, anchorOrigin, menuOrigin, offset, autoFit, insets, open: openProp, onOpenChange, screenPadding, triggerStyle, }: MenuProps): import("react/jsx-runtime").JSX.Element;
|
|
71
|
+
export declare function Menu({ renderTrigger, children, anchorOrigin, menuOrigin, offset, autoFit, insets, statusBarHeight, open: openProp, onOpenChange, screenPadding, triggerStyle, }: MenuProps): import("react/jsx-runtime").JSX.Element;
|
|
66
72
|
//# sourceMappingURL=Menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAUL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACzD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE3D,iEAAiE;AACjE,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED,kFAAkF;AAClF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,uDAAuD;IACvD,aAAa,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,SAAS,CAAC;IACtD;;;;OAIG;IACH,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IAC7F,gFAAgF;IAChF,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iGAAiG;IACjG,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oDAAoD;IACpD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,uEAAuE;IACvE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6FAA6F;IAC7F,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAcD;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,EACnB,aAAa,EACb,QAAQ,EACR,YAAyD,EACzD,UAAoD,EACpD,MAAU,EACV,OAAc,EACd,MAAoB,EACpB,eAA2C,EAC3C,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,aAAiB,EACjB,YAAY,GACb,EAAE,SAAS,2CA+HX"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type DropdownEntry } from '../Dropdown/Dropdown';
|
|
2
2
|
import { type IconButtonShape, type IconButtonSize, type IconButtonVariant } from '../IconButton/IconButton';
|
|
3
3
|
import type { IconName } from '../Icon/icons.generated';
|
|
4
|
-
import { type MenuOrigin } from './Menu';
|
|
4
|
+
import { type EdgeInsets, type MenuOrigin } from './Menu';
|
|
5
5
|
export interface MenuButtonProps {
|
|
6
6
|
/** The menu rows (see `Dropdown`). */
|
|
7
7
|
options: DropdownEntry[];
|
|
@@ -25,6 +25,10 @@ export interface MenuButtonProps {
|
|
|
25
25
|
menuOrigin?: MenuOrigin;
|
|
26
26
|
/** Gap between trigger and menu. Defaults to 8. */
|
|
27
27
|
offset?: number;
|
|
28
|
+
/** Safe-area insets to keep clear. */
|
|
29
|
+
insets?: EdgeInsets;
|
|
30
|
+
/** Status-bar coordinate offset for the menu (see `Menu`). Pass 0 when immersive. */
|
|
31
|
+
statusBarHeight?: number;
|
|
28
32
|
/** Menu width. Defaults to the `Dropdown` default (350). */
|
|
29
33
|
menuWidth?: number;
|
|
30
34
|
/** Draw dividers between rows. Defaults to the `Dropdown` default (true). */
|
|
@@ -42,5 +46,5 @@ export interface MenuButtonProps {
|
|
|
42
46
|
* `Menu`. Placement is controlled by the two-origin model (`anchorOrigin` on the
|
|
43
47
|
* trigger, `menuOrigin` on the menu). Dismisses on outside press / back button.
|
|
44
48
|
*/
|
|
45
|
-
export declare function MenuButton({ options, onSelect, icon, accessibilityLabel, variant, size, shape, disabled, anchorOrigin, menuOrigin, offset, menuWidth, showDividers, closeOnSelect, open, onOpenChange, }: MenuButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
export declare function MenuButton({ options, onSelect, icon, accessibilityLabel, variant, size, shape, disabled, anchorOrigin, menuOrigin, offset, insets, statusBarHeight, menuWidth, showDividers, closeOnSelect, open, onOpenChange, }: MenuButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
46
50
|
//# sourceMappingURL=MenuButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACzH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACzH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEhE,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,4DAA4D;IAC5D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yEAAyE;IACzE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,sCAAsC;IACtC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iFAAiF;IACjF,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,qFAAqF;IACrF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,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,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,IAAa,EACb,kBAAmC,EACnC,OAAqB,EACrB,IAAW,EACX,KAAe,EACf,QAAgB,EAChB,YAA0D,EAC1D,UAAqD,EACrD,MAAU,EACV,MAAM,EACN,eAAe,EACf,SAAS,EACT,YAAY,EACZ,aAAoB,EACpB,IAAI,EACJ,YAAY,GACb,EAAE,eAAe,2CAoCjB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ButtonSize, type ButtonVariant } from '../Button/Button';
|
|
2
2
|
import type { IconName } from '../Icon/icons.generated';
|
|
3
|
-
import { type MenuOrigin } from './Menu';
|
|
3
|
+
import { type EdgeInsets, type MenuOrigin } from './Menu';
|
|
4
4
|
/** A selectable option. Its `icon` shows both in the row and on the trigger when chosen. */
|
|
5
5
|
export interface SelectButtonOption {
|
|
6
6
|
key: string;
|
|
@@ -39,6 +39,10 @@ export interface SelectButtonProps {
|
|
|
39
39
|
menuOrigin?: MenuOrigin;
|
|
40
40
|
/** Gap between trigger and menu. Defaults to 8. */
|
|
41
41
|
offset?: number;
|
|
42
|
+
/** Safe-area insets to keep clear. */
|
|
43
|
+
insets?: EdgeInsets;
|
|
44
|
+
/** Status-bar coordinate offset for the menu (see `Menu`). Pass 0 when immersive. */
|
|
45
|
+
statusBarHeight?: number;
|
|
42
46
|
/** Menu width. Defaults to the `Dropdown` default (350). */
|
|
43
47
|
menuWidth?: number;
|
|
44
48
|
/** Draw dividers between rows. Defaults to the `Dropdown` default (true). */
|
|
@@ -56,5 +60,5 @@ export interface SelectButtonProps {
|
|
|
56
60
|
* A composed component built from `Button` + `Menu` + `Dropdown`. Controlled via
|
|
57
61
|
* `value` / `onChange`, or uncontrolled via `defaultValue`.
|
|
58
62
|
*/
|
|
59
|
-
export declare function SelectButton({ options, value: valueProp, defaultValue, onChange, placeholder, placeholderIcon, showSelectedIcon, chevron, variant, size, fullWidth, disabled, anchorOrigin, menuOrigin, offset, menuWidth, showDividers, closeOnSelect, open, onOpenChange, }: SelectButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
63
|
+
export declare function SelectButton({ options, value: valueProp, defaultValue, onChange, placeholder, placeholderIcon, showSelectedIcon, chevron, variant, size, fullWidth, disabled, anchorOrigin, menuOrigin, offset, insets, statusBarHeight, menuWidth, showDividers, closeOnSelect, open, onOpenChange, }: SelectButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
60
64
|
//# sourceMappingURL=SelectButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/SelectButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAG/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/SelectButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAG/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEhE,4FAA4F;AAC5F,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,kCAAkC;IAClC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sFAAsF;IACtF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,sCAAsC;IACtC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,qFAAqF;IACrF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wDAAwD;IACxD,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;AAqBD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,QAAQ,EACR,WAAsB,EACtB,eAAe,EACf,gBAAuB,EACvB,OAAe,EACf,OAAqB,EACrB,IAAW,EACX,SAAiB,EACjB,QAAgB,EAChB,YAAyD,EACzD,UAAoD,EACpD,MAAU,EACV,MAAM,EACN,eAAe,EACf,SAAS,EACT,YAAY,EACZ,aAAoB,EACpB,IAAI,EACJ,YAAY,GACb,EAAE,iBAAiB,2CAmEnB"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import type { ImageSourcePropType } from 'react-native';
|
|
2
|
+
import { type DropdownEntry } from '../Dropdown/Dropdown';
|
|
3
|
+
import { type UserChipSize } from '../UserChip/UserChip';
|
|
4
|
+
import { type EdgeInsets, 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
|
+
/** Safe-area insets to keep clear. */
|
|
29
|
+
insets?: EdgeInsets;
|
|
30
|
+
/** Status-bar coordinate offset for the menu (see `Menu`). Pass 0 when immersive. */
|
|
31
|
+
statusBarHeight?: number;
|
|
32
|
+
/** Menu width. Defaults to the `Dropdown` default (350). */
|
|
33
|
+
menuWidth?: number;
|
|
34
|
+
/** Draw dividers between rows. Defaults to the `Dropdown` default (true). */
|
|
35
|
+
showDividers?: boolean;
|
|
36
|
+
/** Close the menu after a row is selected. Defaults to true. */
|
|
37
|
+
closeOnSelect?: boolean;
|
|
38
|
+
/** Controlled open state. */
|
|
39
|
+
open?: boolean;
|
|
40
|
+
/** Notified whenever the open state changes. */
|
|
41
|
+
onOpenChange?: (open: boolean) => void;
|
|
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 declare function UserMenu({ options, onSelect, source, name, initials, size, chipBackgroundColor, chipColor, anchorOrigin, menuOrigin, offset, insets, statusBarHeight, menuWidth, showDividers, closeOnSelect, open, onOpenChange, }: UserMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
//# 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,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEhE,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,sCAAsC;IACtC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,qFAAqF;IACrF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,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,MAAM,EACN,eAAe,EACf,SAAS,EACT,YAAY,EACZ,aAAoB,EACpB,IAAI,EACJ,YAAY,GACb,EAAE,aAAa,2CAoCf"}
|
|
@@ -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,47 @@
|
|
|
1
|
+
import type { EdgeInsets, MenuOrigin } from './Menu';
|
|
2
|
+
export interface PlacementInput {
|
|
3
|
+
/** Trigger rect in window coordinates (as returned by `measureInWindow`). */
|
|
4
|
+
rect: {
|
|
5
|
+
x: number;
|
|
6
|
+
y: number;
|
|
7
|
+
width: number;
|
|
8
|
+
height: number;
|
|
9
|
+
};
|
|
10
|
+
/** Measured menu size (0 before the first layout). */
|
|
11
|
+
menuWidth: number;
|
|
12
|
+
menuHeight: number;
|
|
13
|
+
/** The content's natural (uncapped) height — drives the flip / cap decisions. */
|
|
14
|
+
naturalHeight: number;
|
|
15
|
+
anchorOrigin: MenuOrigin;
|
|
16
|
+
menuOrigin: MenuOrigin;
|
|
17
|
+
offset: number;
|
|
18
|
+
screenPadding: number;
|
|
19
|
+
insets: EdgeInsets;
|
|
20
|
+
/** Window size (`Dimensions.get('window')`). */
|
|
21
|
+
screenWidth: number;
|
|
22
|
+
screenHeight: number;
|
|
23
|
+
/**
|
|
24
|
+
* Difference between the window's coordinate origin (where `measureInWindow`
|
|
25
|
+
* reports) and the full-screen Modal's origin. On Android with a translucent
|
|
26
|
+
* status bar this is the status bar height; 0 on iOS / web / immersive.
|
|
27
|
+
*/
|
|
28
|
+
statusBarHeight: number;
|
|
29
|
+
autoFit: boolean;
|
|
30
|
+
}
|
|
31
|
+
export interface Placement {
|
|
32
|
+
top: number;
|
|
33
|
+
left: number;
|
|
34
|
+
/** Auto-fit cap for the content so it scrolls instead of overflowing. */
|
|
35
|
+
maxHeight?: number;
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* Pure placement math for `Menu`. Kept side-effect-free so it can be unit-tested
|
|
39
|
+
* exhaustively (status-bar offset, flip, cap, clamp) independent of RN layout.
|
|
40
|
+
*
|
|
41
|
+
* The key correctness point: the trigger is measured in *window* coordinates but
|
|
42
|
+
* the menu is painted in a full-screen (`statusBarTranslucent`) Modal, so we add
|
|
43
|
+
* `statusBarHeight` when converting the trigger position into the Modal's space.
|
|
44
|
+
* Available-space math cancels the offset out, so it uses window coordinates.
|
|
45
|
+
*/
|
|
46
|
+
export declare function computeMenuPlacement(input: PlacementInput): Placement;
|
|
47
|
+
//# sourceMappingURL=placement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"placement.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/placement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAKrD,MAAM,WAAW,cAAc;IAC7B,6EAA6E;IAC7E,IAAI,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9D,sDAAsD;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,UAAU,CAAC;IACzB,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,UAAU,CAAC;IACnB,gDAAgD;IAChD,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CAuDrE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"placement.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/placement.test.ts"],"names":[],"mappings":""}
|
|
@@ -57,6 +57,8 @@ export interface SelectProps {
|
|
|
57
57
|
autoFit?: boolean;
|
|
58
58
|
/** Safe-area insets to keep clear. */
|
|
59
59
|
insets?: EdgeInsets;
|
|
60
|
+
/** Status-bar coordinate offset for the menu (see `Menu`). Pass 0 when immersive. */
|
|
61
|
+
statusBarHeight?: number;
|
|
60
62
|
/** Close after selecting. Defaults to `!multiple`. */
|
|
61
63
|
closeOnSelect?: boolean;
|
|
62
64
|
/** Container style. */
|
|
@@ -69,5 +71,5 @@ export interface SelectProps {
|
|
|
69
71
|
* current option is marked with a check. With `multiple`, rows become checkboxes,
|
|
70
72
|
* the value is an array, and the menu stays open while picking.
|
|
71
73
|
*/
|
|
72
|
-
export declare function Select({ options, multiple, value, defaultValue, onChange, label, helperText, error, placeholder, leftIcon, size, width, fullWidth, disabled, renderValue, matchTriggerWidth, menuWidth, maxHeight, anchorOrigin, menuOrigin, offset, autoFit, insets, closeOnSelect, style, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
74
|
+
export declare function Select({ options, multiple, value, defaultValue, onChange, label, helperText, error, placeholder, leftIcon, size, width, fullWidth, disabled, renderValue, matchTriggerWidth, menuWidth, maxHeight, anchorOrigin, menuOrigin, offset, autoFit, insets, statusBarHeight, closeOnSelect, style, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
73
75
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAiBtE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAUrC,+BAA+B;AAC/B,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,kCAAkC;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,gFAAgF;IAChF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAE9C,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8FAA8F;IAC9F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,MAAM,CAAC;IAEnD,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,sDAAsD;IACtD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uBAAuB;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,QAAgB,EAChB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,UAAU,EACV,KAAK,EACL,WAA6B,EAC7B,QAAQ,EACR,IAAW,EACX,KAAK,EACL,SAAgB,EAChB,QAAgB,EAChB,WAAW,EACX,iBAAwB,EACxB,SAAS,EACT,SAAS,EACT,YAAyD,EACzD,UAAoD,EACpD,MAAU,EACV,OAAc,EACd,MAAM,EACN,aAAa,EACb,KAAK,GACN,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -40,6 +40,12 @@ export interface MenuProps {
|
|
|
40
40
|
autoFit?: boolean;
|
|
41
41
|
/** Safe-area insets to keep clear (pass from `react-native-safe-area-context` if you use it). */
|
|
42
42
|
insets?: EdgeInsets;
|
|
43
|
+
/**
|
|
44
|
+
* Offset between window coordinates (where the trigger is measured) and the
|
|
45
|
+
* full-screen Modal the menu paints into. Defaults to the Android status bar
|
|
46
|
+
* height (0 on iOS / web). Pass 0 when the host runs edge-to-edge / immersive.
|
|
47
|
+
*/
|
|
48
|
+
statusBarHeight?: number;
|
|
43
49
|
/** Controlled open state. Omit for uncontrolled. */
|
|
44
50
|
open?: boolean;
|
|
45
51
|
/** Notified whenever the open state changes. */
|
|
@@ -62,5 +68,5 @@ export interface EdgeInsets {
|
|
|
62
68
|
* outside (or the hardware back button) dismisses it. Used to compose menu
|
|
63
69
|
* buttons, select fields, popovers, etc.
|
|
64
70
|
*/
|
|
65
|
-
export declare function Menu({ renderTrigger, children, anchorOrigin, menuOrigin, offset, autoFit, insets, open: openProp, onOpenChange, screenPadding, triggerStyle, }: MenuProps): import("react/jsx-runtime").JSX.Element;
|
|
71
|
+
export declare function Menu({ renderTrigger, children, anchorOrigin, menuOrigin, offset, autoFit, insets, statusBarHeight, open: openProp, onOpenChange, screenPadding, triggerStyle, }: MenuProps): import("react/jsx-runtime").JSX.Element;
|
|
66
72
|
//# sourceMappingURL=Menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAUL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACzD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE3D,iEAAiE;AACjE,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED,kFAAkF;AAClF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,uDAAuD;IACvD,aAAa,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,SAAS,CAAC;IACtD;;;;OAIG;IACH,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IAC7F,gFAAgF;IAChF,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iGAAiG;IACjG,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oDAAoD;IACpD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,uEAAuE;IACvE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6FAA6F;IAC7F,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAcD;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,EACnB,aAAa,EACb,QAAQ,EACR,YAAyD,EACzD,UAAoD,EACpD,MAAU,EACV,OAAc,EACd,MAAoB,EACpB,eAA2C,EAC3C,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,aAAiB,EACjB,YAAY,GACb,EAAE,SAAS,2CA+HX"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type DropdownEntry } from '../Dropdown/Dropdown';
|
|
2
2
|
import { type IconButtonShape, type IconButtonSize, type IconButtonVariant } from '../IconButton/IconButton';
|
|
3
3
|
import type { IconName } from '../Icon/icons.generated';
|
|
4
|
-
import { type MenuOrigin } from './Menu';
|
|
4
|
+
import { type EdgeInsets, type MenuOrigin } from './Menu';
|
|
5
5
|
export interface MenuButtonProps {
|
|
6
6
|
/** The menu rows (see `Dropdown`). */
|
|
7
7
|
options: DropdownEntry[];
|
|
@@ -25,6 +25,10 @@ export interface MenuButtonProps {
|
|
|
25
25
|
menuOrigin?: MenuOrigin;
|
|
26
26
|
/** Gap between trigger and menu. Defaults to 8. */
|
|
27
27
|
offset?: number;
|
|
28
|
+
/** Safe-area insets to keep clear. */
|
|
29
|
+
insets?: EdgeInsets;
|
|
30
|
+
/** Status-bar coordinate offset for the menu (see `Menu`). Pass 0 when immersive. */
|
|
31
|
+
statusBarHeight?: number;
|
|
28
32
|
/** Menu width. Defaults to the `Dropdown` default (350). */
|
|
29
33
|
menuWidth?: number;
|
|
30
34
|
/** Draw dividers between rows. Defaults to the `Dropdown` default (true). */
|
|
@@ -42,5 +46,5 @@ export interface MenuButtonProps {
|
|
|
42
46
|
* `Menu`. Placement is controlled by the two-origin model (`anchorOrigin` on the
|
|
43
47
|
* trigger, `menuOrigin` on the menu). Dismisses on outside press / back button.
|
|
44
48
|
*/
|
|
45
|
-
export declare function MenuButton({ options, onSelect, icon, accessibilityLabel, variant, size, shape, disabled, anchorOrigin, menuOrigin, offset, menuWidth, showDividers, closeOnSelect, open, onOpenChange, }: MenuButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
export declare function MenuButton({ options, onSelect, icon, accessibilityLabel, variant, size, shape, disabled, anchorOrigin, menuOrigin, offset, insets, statusBarHeight, menuWidth, showDividers, closeOnSelect, open, onOpenChange, }: MenuButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
46
50
|
//# sourceMappingURL=MenuButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACzH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACzH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEhE,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,4DAA4D;IAC5D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yEAAyE;IACzE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,sCAAsC;IACtC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iFAAiF;IACjF,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,qFAAqF;IACrF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,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,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,IAAa,EACb,kBAAmC,EACnC,OAAqB,EACrB,IAAW,EACX,KAAe,EACf,QAAgB,EAChB,YAA0D,EAC1D,UAAqD,EACrD,MAAU,EACV,MAAM,EACN,eAAe,EACf,SAAS,EACT,YAAY,EACZ,aAAoB,EACpB,IAAI,EACJ,YAAY,GACb,EAAE,eAAe,2CAoCjB"}
|