@huin-core/react-dropdown-menu 1.0.4 → 1.0.6
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/dist/index.d.mts +9 -9
- package/dist/index.d.ts +9 -9
- package/dist/index.js +57 -71
- package/dist/index.js.map +3 -3
- package/dist/index.mjs +57 -71
- package/dist/index.mjs.map +3 -3
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import * as React
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { Primitive } from '@huin-core/react-primitive';
|
|
4
4
|
import * as MenuPrimitive from '@huin-core/react-menu';
|
|
5
5
|
|
|
6
6
|
type Scope<C = any> = {
|
|
7
|
-
[scopeName: string]: React
|
|
7
|
+
[scopeName: string]: React.Context<C>[];
|
|
8
8
|
} | undefined;
|
|
9
9
|
type ScopeHook = (scope: Scope) => {
|
|
10
10
|
[__scopeProp: string]: Scope;
|
|
@@ -17,25 +17,25 @@ interface CreateScope {
|
|
|
17
17
|
type Direction = "ltr" | "rtl";
|
|
18
18
|
declare const createDropdownMenuScope: CreateScope;
|
|
19
19
|
interface DropdownMenuProps {
|
|
20
|
-
children?: React
|
|
20
|
+
children?: React.ReactNode;
|
|
21
21
|
dir?: Direction;
|
|
22
22
|
open?: boolean;
|
|
23
23
|
defaultOpen?: boolean;
|
|
24
24
|
onOpenChange?(open: boolean): void;
|
|
25
25
|
modal?: boolean;
|
|
26
26
|
}
|
|
27
|
-
declare const DropdownMenu: React
|
|
28
|
-
declare const Root: React
|
|
27
|
+
declare const DropdownMenu: React.FC<DropdownMenuProps>;
|
|
28
|
+
declare const Root: React.FC<DropdownMenuProps>;
|
|
29
29
|
|
|
30
30
|
type PrimitiveButtonProps = React__default.ComponentPropsWithoutRef<typeof Primitive.button>;
|
|
31
31
|
interface DropdownMenuTriggerProps extends PrimitiveButtonProps {
|
|
32
32
|
}
|
|
33
33
|
declare const DropdownMenuTrigger: React__default.ForwardRefExoticComponent<DropdownMenuTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
34
34
|
|
|
35
|
-
type MenuPortalProps =
|
|
35
|
+
type MenuPortalProps = React__default.ComponentPropsWithoutRef<typeof MenuPrimitive.Portal>;
|
|
36
36
|
interface DropdownMenuPortalProps extends MenuPortalProps {
|
|
37
37
|
}
|
|
38
|
-
declare const DropdownMenuPortal:
|
|
38
|
+
declare const DropdownMenuPortal: React__default.FC<DropdownMenuPortalProps>;
|
|
39
39
|
|
|
40
40
|
type MenuContentProps = React__default.ComponentPropsWithoutRef<typeof MenuPrimitive.Content>;
|
|
41
41
|
interface DropdownMenuContentProps extends Omit<MenuContentProps, "onEntryFocus"> {
|
|
@@ -90,12 +90,12 @@ interface DropdownMenuArrowProps extends MenuArrowProps {
|
|
|
90
90
|
declare const DropdownMenuArrow: React__default.ForwardRefExoticComponent<DropdownMenuArrowProps & React__default.RefAttributes<SVGSVGElement>>;
|
|
91
91
|
|
|
92
92
|
interface DropdownMenuSubProps {
|
|
93
|
-
children?:
|
|
93
|
+
children?: React__default.ReactNode;
|
|
94
94
|
open?: boolean;
|
|
95
95
|
defaultOpen?: boolean;
|
|
96
96
|
onOpenChange?(open: boolean): void;
|
|
97
97
|
}
|
|
98
|
-
declare const DropdownMenuSub:
|
|
98
|
+
declare const DropdownMenuSub: React__default.FC<DropdownMenuSubProps>;
|
|
99
99
|
|
|
100
100
|
type MenuSubTriggerProps = React__default.ComponentPropsWithoutRef<typeof MenuPrimitive.SubTrigger>;
|
|
101
101
|
interface DropdownMenuSubTriggerProps extends MenuSubTriggerProps {
|
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import * as React
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { Primitive } from '@huin-core/react-primitive';
|
|
4
4
|
import * as MenuPrimitive from '@huin-core/react-menu';
|
|
5
5
|
|
|
6
6
|
type Scope<C = any> = {
|
|
7
|
-
[scopeName: string]: React
|
|
7
|
+
[scopeName: string]: React.Context<C>[];
|
|
8
8
|
} | undefined;
|
|
9
9
|
type ScopeHook = (scope: Scope) => {
|
|
10
10
|
[__scopeProp: string]: Scope;
|
|
@@ -17,25 +17,25 @@ interface CreateScope {
|
|
|
17
17
|
type Direction = "ltr" | "rtl";
|
|
18
18
|
declare const createDropdownMenuScope: CreateScope;
|
|
19
19
|
interface DropdownMenuProps {
|
|
20
|
-
children?: React
|
|
20
|
+
children?: React.ReactNode;
|
|
21
21
|
dir?: Direction;
|
|
22
22
|
open?: boolean;
|
|
23
23
|
defaultOpen?: boolean;
|
|
24
24
|
onOpenChange?(open: boolean): void;
|
|
25
25
|
modal?: boolean;
|
|
26
26
|
}
|
|
27
|
-
declare const DropdownMenu: React
|
|
28
|
-
declare const Root: React
|
|
27
|
+
declare const DropdownMenu: React.FC<DropdownMenuProps>;
|
|
28
|
+
declare const Root: React.FC<DropdownMenuProps>;
|
|
29
29
|
|
|
30
30
|
type PrimitiveButtonProps = React__default.ComponentPropsWithoutRef<typeof Primitive.button>;
|
|
31
31
|
interface DropdownMenuTriggerProps extends PrimitiveButtonProps {
|
|
32
32
|
}
|
|
33
33
|
declare const DropdownMenuTrigger: React__default.ForwardRefExoticComponent<DropdownMenuTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
34
34
|
|
|
35
|
-
type MenuPortalProps =
|
|
35
|
+
type MenuPortalProps = React__default.ComponentPropsWithoutRef<typeof MenuPrimitive.Portal>;
|
|
36
36
|
interface DropdownMenuPortalProps extends MenuPortalProps {
|
|
37
37
|
}
|
|
38
|
-
declare const DropdownMenuPortal:
|
|
38
|
+
declare const DropdownMenuPortal: React__default.FC<DropdownMenuPortalProps>;
|
|
39
39
|
|
|
40
40
|
type MenuContentProps = React__default.ComponentPropsWithoutRef<typeof MenuPrimitive.Content>;
|
|
41
41
|
interface DropdownMenuContentProps extends Omit<MenuContentProps, "onEntryFocus"> {
|
|
@@ -90,12 +90,12 @@ interface DropdownMenuArrowProps extends MenuArrowProps {
|
|
|
90
90
|
declare const DropdownMenuArrow: React__default.ForwardRefExoticComponent<DropdownMenuArrowProps & React__default.RefAttributes<SVGSVGElement>>;
|
|
91
91
|
|
|
92
92
|
interface DropdownMenuSubProps {
|
|
93
|
-
children?:
|
|
93
|
+
children?: React__default.ReactNode;
|
|
94
94
|
open?: boolean;
|
|
95
95
|
defaultOpen?: boolean;
|
|
96
96
|
onOpenChange?(open: boolean): void;
|
|
97
97
|
}
|
|
98
|
-
declare const DropdownMenuSub:
|
|
98
|
+
declare const DropdownMenuSub: React__default.FC<DropdownMenuSubProps>;
|
|
99
99
|
|
|
100
100
|
type MenuSubTriggerProps = React__default.ComponentPropsWithoutRef<typeof MenuPrimitive.SubTrigger>;
|
|
101
101
|
interface DropdownMenuSubTriggerProps extends MenuSubTriggerProps {
|
package/dist/index.js
CHANGED
|
@@ -59,7 +59,6 @@ var import_react_use_controllable_state = require("@huin-core/react-use-controll
|
|
|
59
59
|
var MenuPrimitive = __toESM(require("@huin-core/react-menu"));
|
|
60
60
|
var import_react_menu = require("@huin-core/react-menu");
|
|
61
61
|
var import_react_id = require("@huin-core/react-id");
|
|
62
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
63
62
|
var DROPDOWN_MENU_NAME = "DropdownMenu";
|
|
64
63
|
var [createDropdownMenuContext, createDropdownMenuScope] = (0, import_react_context.createContextScope)(
|
|
65
64
|
DROPDOWN_MENU_NAME,
|
|
@@ -84,7 +83,7 @@ var DropdownMenu = (props) => {
|
|
|
84
83
|
defaultProp: defaultOpen,
|
|
85
84
|
onChange: onOpenChange
|
|
86
85
|
});
|
|
87
|
-
return /* @__PURE__ */
|
|
86
|
+
return /* @__PURE__ */ React.createElement(
|
|
88
87
|
DropdownMenuProvider,
|
|
89
88
|
{
|
|
90
89
|
scope: __scopeDropdownMenu,
|
|
@@ -97,19 +96,19 @@ var DropdownMenu = (props) => {
|
|
|
97
96
|
() => setOpen((prevOpen) => !prevOpen),
|
|
98
97
|
[setOpen]
|
|
99
98
|
),
|
|
100
|
-
modal
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
99
|
+
modal
|
|
100
|
+
},
|
|
101
|
+
/* @__PURE__ */ React.createElement(
|
|
102
|
+
MenuPrimitive.Root,
|
|
103
|
+
{
|
|
104
|
+
...menuScope,
|
|
105
|
+
open,
|
|
106
|
+
onOpenChange: setOpen,
|
|
107
|
+
dir,
|
|
108
|
+
modal
|
|
109
|
+
},
|
|
110
|
+
children
|
|
111
|
+
)
|
|
113
112
|
);
|
|
114
113
|
};
|
|
115
114
|
DropdownMenu.displayName = DROPDOWN_MENU_NAME;
|
|
@@ -121,13 +120,12 @@ var import_react_primitive = require("@huin-core/react-primitive");
|
|
|
121
120
|
var MenuPrimitive2 = __toESM(require("@huin-core/react-menu"));
|
|
122
121
|
var import_react_compose_refs = require("@huin-core/react-compose-refs");
|
|
123
122
|
var import_primitive = require("@huin-core/primitive");
|
|
124
|
-
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
125
123
|
var TRIGGER_NAME = "DropdownMenuTrigger";
|
|
126
124
|
var DropdownMenuTrigger = import_react.default.forwardRef((props, forwardedRef) => {
|
|
127
125
|
const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
|
|
128
126
|
const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
|
|
129
127
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
130
|
-
return /* @__PURE__ */
|
|
128
|
+
return /* @__PURE__ */ import_react.default.createElement(MenuPrimitive2.Anchor, { asChild: true, ...menuScope }, /* @__PURE__ */ import_react.default.createElement(
|
|
131
129
|
import_react_primitive.Primitive.button,
|
|
132
130
|
{
|
|
133
131
|
type: "button",
|
|
@@ -154,33 +152,32 @@ var DropdownMenuTrigger = import_react.default.forwardRef((props, forwardedRef)
|
|
|
154
152
|
event.preventDefault();
|
|
155
153
|
})
|
|
156
154
|
}
|
|
157
|
-
)
|
|
155
|
+
));
|
|
158
156
|
});
|
|
159
157
|
DropdownMenuTrigger.displayName = TRIGGER_NAME;
|
|
160
158
|
|
|
161
159
|
// packages/react/dropdown-menu/src/DropdownMenuPortal.tsx
|
|
160
|
+
var import_react2 = __toESM(require("react"));
|
|
162
161
|
var MenuPrimitive3 = __toESM(require("@huin-core/react-menu"));
|
|
163
|
-
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
164
162
|
var PORTAL_NAME = "DropdownMenuPortal";
|
|
165
163
|
var DropdownMenuPortal = (props) => {
|
|
166
164
|
const { __scopeDropdownMenu, ...portalProps } = props;
|
|
167
165
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
168
|
-
return /* @__PURE__ */
|
|
166
|
+
return /* @__PURE__ */ import_react2.default.createElement(MenuPrimitive3.Portal, { ...menuScope, ...portalProps });
|
|
169
167
|
};
|
|
170
168
|
DropdownMenuPortal.displayName = PORTAL_NAME;
|
|
171
169
|
|
|
172
170
|
// packages/react/dropdown-menu/src/DropdownMenuContent.tsx
|
|
173
171
|
var MenuPrimitive4 = __toESM(require("@huin-core/react-menu"));
|
|
174
|
-
var
|
|
172
|
+
var import_react3 = __toESM(require("react"));
|
|
175
173
|
var import_primitive2 = require("@huin-core/primitive");
|
|
176
|
-
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
177
174
|
var CONTENT_NAME = "DropdownMenuContent";
|
|
178
|
-
var DropdownMenuContent =
|
|
175
|
+
var DropdownMenuContent = import_react3.default.forwardRef((props, forwardedRef) => {
|
|
179
176
|
const { __scopeDropdownMenu, ...contentProps } = props;
|
|
180
177
|
const context = useDropdownMenuContext(CONTENT_NAME, __scopeDropdownMenu);
|
|
181
178
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
182
|
-
const hasInteractedOutsideRef =
|
|
183
|
-
return /* @__PURE__ */
|
|
179
|
+
const hasInteractedOutsideRef = import_react3.default.useRef(false);
|
|
180
|
+
return /* @__PURE__ */ import_react3.default.createElement(
|
|
184
181
|
MenuPrimitive4.Content,
|
|
185
182
|
{
|
|
186
183
|
id: context.contentId,
|
|
@@ -225,49 +222,45 @@ DropdownMenuContent.displayName = CONTENT_NAME;
|
|
|
225
222
|
|
|
226
223
|
// packages/react/dropdown-menu/src/DropdownMenuGroup.tsx
|
|
227
224
|
var MenuPrimitive5 = __toESM(require("@huin-core/react-menu"));
|
|
228
|
-
var
|
|
229
|
-
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
225
|
+
var import_react4 = __toESM(require("react"));
|
|
230
226
|
var GROUP_NAME = "DropdownMenuGroup";
|
|
231
|
-
var DropdownMenuGroup =
|
|
227
|
+
var DropdownMenuGroup = import_react4.default.forwardRef((props, forwardedRef) => {
|
|
232
228
|
const { __scopeDropdownMenu, ...groupProps } = props;
|
|
233
229
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
234
|
-
return /* @__PURE__ */
|
|
230
|
+
return /* @__PURE__ */ import_react4.default.createElement(MenuPrimitive5.Group, { ...menuScope, ...groupProps, ref: forwardedRef });
|
|
235
231
|
});
|
|
236
232
|
DropdownMenuGroup.displayName = GROUP_NAME;
|
|
237
233
|
|
|
238
234
|
// packages/react/dropdown-menu/src/DropdownMenuLabel.tsx
|
|
239
235
|
var MenuPrimitive6 = __toESM(require("@huin-core/react-menu"));
|
|
240
|
-
var
|
|
241
|
-
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
236
|
+
var import_react5 = __toESM(require("react"));
|
|
242
237
|
var LABEL_NAME = "DropdownMenuLabel";
|
|
243
|
-
var DropdownMenuLabel =
|
|
238
|
+
var DropdownMenuLabel = import_react5.default.forwardRef((props, forwardedRef) => {
|
|
244
239
|
const { __scopeDropdownMenu, inset, ...labelProps } = props;
|
|
245
240
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
246
|
-
return /* @__PURE__ */
|
|
241
|
+
return /* @__PURE__ */ import_react5.default.createElement(MenuPrimitive6.Label, { ...menuScope, ...labelProps, ref: forwardedRef });
|
|
247
242
|
});
|
|
248
243
|
DropdownMenuLabel.displayName = LABEL_NAME;
|
|
249
244
|
|
|
250
245
|
// packages/react/dropdown-menu/src/DropdownMenuItem.tsx
|
|
251
246
|
var MenuPrimitive7 = __toESM(require("@huin-core/react-menu"));
|
|
252
|
-
var
|
|
253
|
-
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
247
|
+
var import_react6 = __toESM(require("react"));
|
|
254
248
|
var ITEM_NAME = "DropdownMenuItem";
|
|
255
|
-
var DropdownMenuItem =
|
|
249
|
+
var DropdownMenuItem = import_react6.default.forwardRef((props, forwardedRef) => {
|
|
256
250
|
const { __scopeDropdownMenu, inset, ...itemProps } = props;
|
|
257
251
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
258
|
-
return /* @__PURE__ */
|
|
252
|
+
return /* @__PURE__ */ import_react6.default.createElement(MenuPrimitive7.Item, { ...menuScope, ...itemProps, ref: forwardedRef });
|
|
259
253
|
});
|
|
260
254
|
DropdownMenuItem.displayName = ITEM_NAME;
|
|
261
255
|
|
|
262
256
|
// packages/react/dropdown-menu/src/DropdownMenuCheckboxItem.tsx
|
|
263
257
|
var MenuPrimitive8 = __toESM(require("@huin-core/react-menu"));
|
|
264
|
-
var
|
|
265
|
-
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
258
|
+
var import_react7 = __toESM(require("react"));
|
|
266
259
|
var CHECKBOX_ITEM_NAME = "DropdownMenuCheckboxItem";
|
|
267
|
-
var DropdownMenuCheckboxItem =
|
|
260
|
+
var DropdownMenuCheckboxItem = import_react7.default.forwardRef((props, forwardedRef) => {
|
|
268
261
|
const { __scopeDropdownMenu, ...checkboxItemProps } = props;
|
|
269
262
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
270
|
-
return /* @__PURE__ */
|
|
263
|
+
return /* @__PURE__ */ import_react7.default.createElement(
|
|
271
264
|
MenuPrimitive8.CheckboxItem,
|
|
272
265
|
{
|
|
273
266
|
...menuScope,
|
|
@@ -280,13 +273,12 @@ DropdownMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME;
|
|
|
280
273
|
|
|
281
274
|
// packages/react/dropdown-menu/src/DropdownMenuRadioGroup.tsx
|
|
282
275
|
var MenuPrimitive9 = __toESM(require("@huin-core/react-menu"));
|
|
283
|
-
var
|
|
284
|
-
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
276
|
+
var import_react8 = __toESM(require("react"));
|
|
285
277
|
var RADIO_GROUP_NAME = "DropdownMenuRadioGroup";
|
|
286
|
-
var DropdownMenuRadioGroup =
|
|
278
|
+
var DropdownMenuRadioGroup = import_react8.default.forwardRef((props, forwardedRef) => {
|
|
287
279
|
const { __scopeDropdownMenu, ...radioGroupProps } = props;
|
|
288
280
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
289
|
-
return /* @__PURE__ */
|
|
281
|
+
return /* @__PURE__ */ import_react8.default.createElement(
|
|
290
282
|
MenuPrimitive9.RadioGroup,
|
|
291
283
|
{
|
|
292
284
|
...menuScope,
|
|
@@ -299,13 +291,12 @@ DropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME;
|
|
|
299
291
|
|
|
300
292
|
// packages/react/dropdown-menu/src/DropdownMenuRadioItem.tsx
|
|
301
293
|
var MenuPrimitive10 = __toESM(require("@huin-core/react-menu"));
|
|
302
|
-
var
|
|
303
|
-
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
294
|
+
var import_react9 = __toESM(require("react"));
|
|
304
295
|
var RADIO_ITEM_NAME = "DropdownMenuRadioItem";
|
|
305
|
-
var DropdownMenuRadioItem =
|
|
296
|
+
var DropdownMenuRadioItem = import_react9.default.forwardRef((props, forwardedRef) => {
|
|
306
297
|
const { __scopeDropdownMenu, ...radioItemProps } = props;
|
|
307
298
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
308
|
-
return /* @__PURE__ */
|
|
299
|
+
return /* @__PURE__ */ import_react9.default.createElement(
|
|
309
300
|
MenuPrimitive10.RadioItem,
|
|
310
301
|
{
|
|
311
302
|
...menuScope,
|
|
@@ -318,13 +309,12 @@ DropdownMenuRadioItem.displayName = RADIO_ITEM_NAME;
|
|
|
318
309
|
|
|
319
310
|
// packages/react/dropdown-menu/src/DropdownMenuItemIndicator.tsx
|
|
320
311
|
var MenuPrimitive11 = __toESM(require("@huin-core/react-menu"));
|
|
321
|
-
var
|
|
322
|
-
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
312
|
+
var import_react10 = __toESM(require("react"));
|
|
323
313
|
var INDICATOR_NAME = "DropdownMenuItemIndicator";
|
|
324
|
-
var DropdownMenuItemIndicator =
|
|
314
|
+
var DropdownMenuItemIndicator = import_react10.default.forwardRef((props, forwardedRef) => {
|
|
325
315
|
const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
|
|
326
316
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
327
|
-
return /* @__PURE__ */
|
|
317
|
+
return /* @__PURE__ */ import_react10.default.createElement(
|
|
328
318
|
MenuPrimitive11.ItemIndicator,
|
|
329
319
|
{
|
|
330
320
|
...menuScope,
|
|
@@ -337,13 +327,12 @@ DropdownMenuItemIndicator.displayName = INDICATOR_NAME;
|
|
|
337
327
|
|
|
338
328
|
// packages/react/dropdown-menu/src/DropdownMenuSeparator.tsx
|
|
339
329
|
var MenuPrimitive12 = __toESM(require("@huin-core/react-menu"));
|
|
340
|
-
var
|
|
341
|
-
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
330
|
+
var import_react11 = __toESM(require("react"));
|
|
342
331
|
var SEPARATOR_NAME = "DropdownMenuSeparator";
|
|
343
|
-
var DropdownMenuSeparator =
|
|
332
|
+
var DropdownMenuSeparator = import_react11.default.forwardRef((props, forwardedRef) => {
|
|
344
333
|
const { __scopeDropdownMenu, ...separatorProps } = props;
|
|
345
334
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
346
|
-
return /* @__PURE__ */
|
|
335
|
+
return /* @__PURE__ */ import_react11.default.createElement(
|
|
347
336
|
MenuPrimitive12.Separator,
|
|
348
337
|
{
|
|
349
338
|
...menuScope,
|
|
@@ -356,20 +345,19 @@ DropdownMenuSeparator.displayName = SEPARATOR_NAME;
|
|
|
356
345
|
|
|
357
346
|
// packages/react/dropdown-menu/src/DropdownMenuArrow.tsx
|
|
358
347
|
var MenuPrimitive13 = __toESM(require("@huin-core/react-menu"));
|
|
359
|
-
var
|
|
360
|
-
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
348
|
+
var import_react12 = __toESM(require("react"));
|
|
361
349
|
var ARROW_NAME = "DropdownMenuArrow";
|
|
362
|
-
var DropdownMenuArrow =
|
|
350
|
+
var DropdownMenuArrow = import_react12.default.forwardRef((props, forwardedRef) => {
|
|
363
351
|
const { __scopeDropdownMenu, ...arrowProps } = props;
|
|
364
352
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
365
|
-
return /* @__PURE__ */
|
|
353
|
+
return /* @__PURE__ */ import_react12.default.createElement(MenuPrimitive13.Arrow, { ...menuScope, ...arrowProps, ref: forwardedRef });
|
|
366
354
|
});
|
|
367
355
|
DropdownMenuArrow.displayName = ARROW_NAME;
|
|
368
356
|
|
|
369
357
|
// packages/react/dropdown-menu/src/DropdownMenuSub.tsx
|
|
358
|
+
var import_react13 = __toESM(require("react"));
|
|
370
359
|
var MenuPrimitive14 = __toESM(require("@huin-core/react-menu"));
|
|
371
360
|
var import_react_use_controllable_state2 = require("@huin-core/react-use-controllable-state");
|
|
372
|
-
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
373
361
|
var DropdownMenuSub = (props) => {
|
|
374
362
|
const {
|
|
375
363
|
__scopeDropdownMenu,
|
|
@@ -384,18 +372,17 @@ var DropdownMenuSub = (props) => {
|
|
|
384
372
|
defaultProp: defaultOpen,
|
|
385
373
|
onChange: onOpenChange
|
|
386
374
|
});
|
|
387
|
-
return /* @__PURE__ */
|
|
375
|
+
return /* @__PURE__ */ import_react13.default.createElement(MenuPrimitive14.Sub, { ...menuScope, open, onOpenChange: setOpen }, children);
|
|
388
376
|
};
|
|
389
377
|
|
|
390
378
|
// packages/react/dropdown-menu/src/DropdownMenuSubTrigger.tsx
|
|
391
379
|
var MenuPrimitive15 = __toESM(require("@huin-core/react-menu"));
|
|
392
|
-
var
|
|
393
|
-
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
380
|
+
var import_react14 = __toESM(require("react"));
|
|
394
381
|
var SUB_TRIGGER_NAME = "DropdownMenuSubTrigger";
|
|
395
|
-
var DropdownMenuSubTrigger =
|
|
382
|
+
var DropdownMenuSubTrigger = import_react14.default.forwardRef((props, forwardedRef) => {
|
|
396
383
|
const { __scopeDropdownMenu, inset, ...subTriggerProps } = props;
|
|
397
384
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
398
|
-
return /* @__PURE__ */
|
|
385
|
+
return /* @__PURE__ */ import_react14.default.createElement(
|
|
399
386
|
MenuPrimitive15.SubTrigger,
|
|
400
387
|
{
|
|
401
388
|
...menuScope,
|
|
@@ -408,13 +395,12 @@ DropdownMenuSubTrigger.displayName = SUB_TRIGGER_NAME;
|
|
|
408
395
|
|
|
409
396
|
// packages/react/dropdown-menu/src/DropdownMenuSubContent.tsx
|
|
410
397
|
var MenuPrimitive16 = __toESM(require("@huin-core/react-menu"));
|
|
411
|
-
var
|
|
412
|
-
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
398
|
+
var import_react15 = __toESM(require("react"));
|
|
413
399
|
var SUB_CONTENT_NAME = "DropdownMenuSubContent";
|
|
414
|
-
var DropdownMenuSubContent =
|
|
400
|
+
var DropdownMenuSubContent = import_react15.default.forwardRef((props, forwardedRef) => {
|
|
415
401
|
const { __scopeDropdownMenu, ...subContentProps } = props;
|
|
416
402
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
417
|
-
return /* @__PURE__ */
|
|
403
|
+
return /* @__PURE__ */ import_react15.default.createElement(
|
|
418
404
|
MenuPrimitive16.SubContent,
|
|
419
405
|
{
|
|
420
406
|
...menuScope,
|
package/dist/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/index.ts", "../src/DropdownMenu.tsx", "../src/DropdownMenuTrigger.tsx", "../src/DropdownMenuPortal.tsx", "../src/DropdownMenuContent.tsx", "../src/DropdownMenuGroup.tsx", "../src/DropdownMenuLabel.tsx", "../src/DropdownMenuItem.tsx", "../src/DropdownMenuCheckboxItem.tsx", "../src/DropdownMenuRadioGroup.tsx", "../src/DropdownMenuRadioItem.tsx", "../src/DropdownMenuItemIndicator.tsx", "../src/DropdownMenuSeparator.tsx", "../src/DropdownMenuArrow.tsx", "../src/DropdownMenuSub.tsx", "../src/DropdownMenuSubTrigger.tsx", "../src/DropdownMenuSubContent.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\";\nexport { createDropdownMenuScope, DropdownMenu, Root } from \"./DropdownMenu\";\nexport { DropdownMenuTrigger } from \"./DropdownMenuTrigger\";\nexport { DropdownMenuPortal } from \"./DropdownMenuPortal\";\nexport { DropdownMenuContent } from \"./DropdownMenuContent\";\nexport { DropdownMenuGroup } from \"./DropdownMenuGroup\";\nexport { DropdownMenuLabel } from \"./DropdownMenuLabel\";\nexport { DropdownMenuItem } from \"./DropdownMenuItem\";\nexport { DropdownMenuCheckboxItem } from \"./DropdownMenuCheckboxItem\";\nexport { DropdownMenuRadioGroup } from \"./DropdownMenuRadioGroup\";\nexport { DropdownMenuRadioItem } from \"./DropdownMenuRadioItem\";\nexport { DropdownMenuItemIndicator } from \"./DropdownMenuItemIndicator\";\nexport { DropdownMenuSeparator } from \"./DropdownMenuSeparator\";\nexport { DropdownMenuArrow } from \"./DropdownMenuArrow\";\nexport { DropdownMenuSub } from \"./DropdownMenuSub\";\nexport { DropdownMenuSubTrigger } from \"./DropdownMenuSubTrigger\";\nexport { DropdownMenuSubContent } from \"./DropdownMenuSubContent\";\n\nexport type { DropdownMenuProps } from \"./DropdownMenu\";\nexport type { DropdownMenuTriggerProps } from \"./DropdownMenuTrigger\";\nexport type { DropdownMenuPortalProps } from \"./DropdownMenuPortal\";\nexport type { DropdownMenuContentProps } from \"./DropdownMenuContent\";\nexport type { DropdownMenuGroupProps } from \"./DropdownMenuGroup\";\nexport type { DropdownMenuLabelProps } from \"./DropdownMenuLabel\";\nexport type { DropdownMenuItemProps } from \"./DropdownMenuItem\";\nexport type { DropdownMenuCheckboxItemProps } from \"./DropdownMenuCheckboxItem\";\nexport type { DropdownMenuRadioGroupProps } from \"./DropdownMenuRadioGroup\";\nexport type { DropdownMenuRadioItemProps } from \"./DropdownMenuRadioItem\";\nexport type { DropdownMenuItemIndicatorProps } from \"./DropdownMenuItemIndicator\";\nexport type { DropdownMenuSeparatorProps } from \"./DropdownMenuSeparator\";\nexport type { DropdownMenuArrowProps } from \"./DropdownMenuArrow\";\nexport type { DropdownMenuSubProps } from \"./DropdownMenuSub\";\nexport type { DropdownMenuSubTriggerProps } from \"./DropdownMenuSubTrigger\";\nexport type { DropdownMenuSubContentProps } from \"./DropdownMenuSubContent\";\n", "import * as React from \"react\";\nimport { createContextScope } from \"@huin-core/react-context\";\nimport { useControllableState } from \"@huin-core/react-use-controllable-state\";\nimport * as MenuPrimitive from \"@huin-core/react-menu\";\nimport { createMenuScope } from \"@huin-core/react-menu\";\nimport { useId } from \"@huin-core/react-id\";\n\nimport type { Scope } from \"@huin-core/react-context\";\n\ntype Direction = \"ltr\" | \"rtl\";\n\n/* -------------------------------------------------------------------------------------------------\n * DropdownMenu\n * -----------------------------------------------------------------------------------------------*/\n\nconst DROPDOWN_MENU_NAME = \"DropdownMenu\";\n\nexport type ScopedProps<P> = P & { __scopeDropdownMenu?: Scope };\nconst [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(\n DROPDOWN_MENU_NAME,\n [createMenuScope]\n);\nexport const useMenuScope = createMenuScope();\n\ntype DropdownMenuContextValue = {\n triggerId: string;\n triggerRef: React.RefObject<HTMLButtonElement>;\n contentId: string;\n open: boolean;\n onOpenChange(open: boolean): void;\n onOpenToggle(): void;\n modal: boolean;\n};\n\nexport const [DropdownMenuProvider, useDropdownMenuContext] =\n createDropdownMenuContext<DropdownMenuContextValue>(DROPDOWN_MENU_NAME);\n\ninterface DropdownMenuProps {\n children?: React.ReactNode;\n dir?: Direction;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?(open: boolean): void;\n modal?: boolean;\n}\n\nconst DropdownMenu: React.FC<DropdownMenuProps> = (\n props: ScopedProps<DropdownMenuProps>\n) => {\n const {\n __scopeDropdownMenu,\n children,\n dir,\n open: openProp,\n defaultOpen,\n onOpenChange,\n modal = true,\n } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n const triggerRef = React.useRef<HTMLButtonElement>(null);\n const [open = false, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: onOpenChange,\n });\n\n return (\n <DropdownMenuProvider\n scope={__scopeDropdownMenu}\n triggerId={useId()}\n triggerRef={triggerRef}\n contentId={useId()}\n open={open}\n onOpenChange={setOpen}\n onOpenToggle={React.useCallback(\n () => setOpen((prevOpen) => !prevOpen),\n [setOpen]\n )}\n modal={modal}\n >\n <MenuPrimitive.Root\n {...menuScope}\n open={open}\n onOpenChange={setOpen}\n dir={dir}\n modal={modal}\n >\n {children}\n </MenuPrimitive.Root>\n </DropdownMenuProvider>\n );\n};\n\nDropdownMenu.displayName = DROPDOWN_MENU_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = DropdownMenu;\n\nexport {\n createDropdownMenuScope,\n //\n DropdownMenu,\n //\n Root,\n};\nexport type { DropdownMenuProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport {\n ScopedProps,\n useDropdownMenuContext,\n useMenuScope,\n} from \"./DropdownMenu\";\nimport * as MenuPrimitive from \"@huin-core/react-menu\";\nimport { composeRefs } from \"@huin-core/react-compose-refs\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\n\nconst TRIGGER_NAME = \"DropdownMenuTrigger\";\n\ntype DropdownMenuTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = React.ComponentPropsWithoutRef<\n typeof Primitive.button\n>;\ninterface DropdownMenuTriggerProps extends PrimitiveButtonProps {}\n\nconst DropdownMenuTrigger = React.forwardRef<\n DropdownMenuTriggerElement,\n DropdownMenuTriggerProps\n>((props: ScopedProps<DropdownMenuTriggerProps>, forwardedRef) => {\n const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;\n const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Anchor asChild {...menuScope}>\n <Primitive.button\n type=\"button\"\n id={context.triggerId}\n aria-haspopup=\"menu\"\n aria-expanded={context.open}\n aria-controls={context.open ? context.contentId : undefined}\n data-state={context.open ? \"open\" : \"closed\"}\n data-disabled={disabled ? \"\" : undefined}\n disabled={disabled}\n {...triggerProps}\n ref={composeRefs(forwardedRef, context.triggerRef)}\n onPointerDown={composeEventHandlers(props.onPointerDown, (event) => {\n // only call handler if it's the left button (mousedown gets triggered by all mouse buttons)\n // but not when the control key is pressed (avoiding MacOS right click)\n if (!disabled && event.button === 0 && event.ctrlKey === false) {\n context.onOpenToggle();\n // prevent trigger focusing when opening\n // this allows the content to be given focus without competition\n if (!context.open) event.preventDefault();\n }\n })}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n if (disabled) return;\n if ([\"Enter\", \" \"].includes(event.key)) context.onOpenToggle();\n if (event.key === \"ArrowDown\") context.onOpenChange(true);\n // prevent keydown from scrolling window / first focused item to execute\n // that keydown (inadvertently closing the menu)\n if ([\"Enter\", \" \", \"ArrowDown\"].includes(event.key))\n event.preventDefault();\n })}\n />\n </MenuPrimitive.Anchor>\n );\n});\n\nDropdownMenuTrigger.displayName = TRIGGER_NAME;\n\nexport { DropdownMenuTrigger };\nexport type { DropdownMenuTriggerProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst PORTAL_NAME = \"DropdownMenuPortal\";\n\ntype MenuPortalProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Portal\n>;\ninterface DropdownMenuPortalProps extends MenuPortalProps {}\n\nconst DropdownMenuPortal: React.FC<DropdownMenuPortalProps> = (\n props: ScopedProps<DropdownMenuPortalProps>\n) => {\n const { __scopeDropdownMenu, ...portalProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return <MenuPrimitive.Portal {...menuScope} {...portalProps} />;\n};\n\nDropdownMenuPortal.displayName = PORTAL_NAME;\n\nexport { DropdownMenuPortal };\nexport type { DropdownMenuPortalProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport {\n ScopedProps,\n useDropdownMenuContext,\n useMenuScope,\n} from \"./DropdownMenu\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\n\nconst CONTENT_NAME = \"DropdownMenuContent\";\n\ntype DropdownMenuContentElement = React.ElementRef<\n typeof MenuPrimitive.Content\n>;\ntype MenuContentProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Content\n>;\ninterface DropdownMenuContentProps\n extends Omit<MenuContentProps, \"onEntryFocus\"> {}\n\nconst DropdownMenuContent = React.forwardRef<\n DropdownMenuContentElement,\n DropdownMenuContentProps\n>((props: ScopedProps<DropdownMenuContentProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...contentProps } = props;\n const context = useDropdownMenuContext(CONTENT_NAME, __scopeDropdownMenu);\n const menuScope = useMenuScope(__scopeDropdownMenu);\n const hasInteractedOutsideRef = React.useRef(false);\n\n return (\n <MenuPrimitive.Content\n id={context.contentId}\n aria-labelledby={context.triggerId}\n {...menuScope}\n {...contentProps}\n ref={forwardedRef}\n onCloseAutoFocus={composeEventHandlers(\n props.onCloseAutoFocus,\n (event) => {\n if (!hasInteractedOutsideRef.current)\n context.triggerRef.current?.focus();\n hasInteractedOutsideRef.current = false;\n // Always prevent auto focus because we either focus manually or want user agent focus\n event.preventDefault();\n }\n )}\n onInteractOutside={composeEventHandlers(\n props.onInteractOutside,\n (event) => {\n const originalEvent = event.detail.originalEvent as PointerEvent;\n const ctrlLeftClick =\n originalEvent.button === 0 && originalEvent.ctrlKey === true;\n const isRightClick = originalEvent.button === 2 || ctrlLeftClick;\n if (!context.modal || isRightClick)\n hasInteractedOutsideRef.current = true;\n }\n )}\n style={{\n ...props.style,\n // re-namespace exposed content custom properties\n ...{\n \"--huin-core-dropdown-menu-content-transform-origin\":\n \"var(--huin-core-popper-transform-origin)\",\n \"--huin-core-dropdown-menu-content-available-width\":\n \"var(--huin-core-popper-available-width)\",\n \"--huin-core-dropdown-menu-content-available-height\":\n \"var(--huin-core-popper-available-height)\",\n \"--huin-core-dropdown-menu-trigger-width\":\n \"var(--huin-core-popper-anchor-width)\",\n \"--huin-core-dropdown-menu-trigger-height\":\n \"var(--huin-core-popper-anchor-height)\",\n },\n }}\n />\n );\n});\n\nDropdownMenuContent.displayName = CONTENT_NAME;\n\nexport { DropdownMenuContent };\nexport type { DropdownMenuContentProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst GROUP_NAME = \"DropdownMenuGroup\";\n\ntype DropdownMenuGroupElement = React.ElementRef<typeof MenuPrimitive.Group>;\ntype MenuGroupProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Group\n>;\ninterface DropdownMenuGroupProps extends MenuGroupProps {}\n\nconst DropdownMenuGroup = React.forwardRef<\n DropdownMenuGroupElement,\n DropdownMenuGroupProps\n>((props: ScopedProps<DropdownMenuGroupProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...groupProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Group {...menuScope} {...groupProps} ref={forwardedRef} />\n );\n});\n\nDropdownMenuGroup.displayName = GROUP_NAME;\n\nexport { DropdownMenuGroup };\nexport type { DropdownMenuGroupProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst LABEL_NAME = \"DropdownMenuLabel\";\n\ntype DropdownMenuLabelElement = React.ElementRef<typeof MenuPrimitive.Label>;\ntype MenuLabelProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Label\n>;\ninterface DropdownMenuLabelProps extends MenuLabelProps {\n inset?: boolean;\n}\n\nconst DropdownMenuLabel = React.forwardRef<\n DropdownMenuLabelElement,\n DropdownMenuLabelProps\n>((props: ScopedProps<DropdownMenuLabelProps>, forwardedRef) => {\n const { __scopeDropdownMenu, inset, ...labelProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Label {...menuScope} {...labelProps} ref={forwardedRef} />\n );\n});\n\nDropdownMenuLabel.displayName = LABEL_NAME;\n\nexport { DropdownMenuLabel };\nexport type { DropdownMenuLabelProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst ITEM_NAME = \"DropdownMenuItem\";\n\ntype DropdownMenuItemElement = React.ElementRef<typeof MenuPrimitive.Item>;\ntype MenuItemProps = React.ComponentPropsWithoutRef<typeof MenuPrimitive.Item>;\ninterface DropdownMenuItemProps extends MenuItemProps {\n inset?: boolean;\n}\n\nconst DropdownMenuItem = React.forwardRef<\n DropdownMenuItemElement,\n DropdownMenuItemProps\n>((props: ScopedProps<DropdownMenuItemProps>, forwardedRef) => {\n const { __scopeDropdownMenu, inset, ...itemProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Item {...menuScope} {...itemProps} ref={forwardedRef} />\n );\n});\n\nDropdownMenuItem.displayName = ITEM_NAME;\n\nexport { DropdownMenuItem };\nexport type { DropdownMenuItemProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\nconst CHECKBOX_ITEM_NAME = \"DropdownMenuCheckboxItem\";\n\ntype DropdownMenuCheckboxItemElement = React.ElementRef<\n typeof MenuPrimitive.CheckboxItem\n>;\ntype MenuCheckboxItemProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.CheckboxItem\n>;\ninterface DropdownMenuCheckboxItemProps extends MenuCheckboxItemProps {}\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n DropdownMenuCheckboxItemElement,\n DropdownMenuCheckboxItemProps\n>((props: ScopedProps<DropdownMenuCheckboxItemProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...checkboxItemProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.CheckboxItem\n {...menuScope}\n {...checkboxItemProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME;\n\nexport { DropdownMenuCheckboxItem };\nexport type { DropdownMenuCheckboxItemProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst RADIO_GROUP_NAME = \"DropdownMenuRadioGroup\";\n\ntype DropdownMenuRadioGroupElement = React.ElementRef<\n typeof MenuPrimitive.RadioGroup\n>;\ntype MenuRadioGroupProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.RadioGroup\n>;\ninterface DropdownMenuRadioGroupProps extends MenuRadioGroupProps {}\n\nconst DropdownMenuRadioGroup = React.forwardRef<\n DropdownMenuRadioGroupElement,\n DropdownMenuRadioGroupProps\n>((props: ScopedProps<DropdownMenuRadioGroupProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...radioGroupProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.RadioGroup\n {...menuScope}\n {...radioGroupProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME;\n\nexport { DropdownMenuRadioGroup };\nexport type { DropdownMenuRadioGroupProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst RADIO_ITEM_NAME = \"DropdownMenuRadioItem\";\n\ntype DropdownMenuRadioItemElement = React.ElementRef<\n typeof MenuPrimitive.RadioItem\n>;\ntype MenuRadioItemProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.RadioItem\n>;\ninterface DropdownMenuRadioItemProps extends MenuRadioItemProps {}\n\nconst DropdownMenuRadioItem = React.forwardRef<\n DropdownMenuRadioItemElement,\n DropdownMenuRadioItemProps\n>((props: ScopedProps<DropdownMenuRadioItemProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...radioItemProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.RadioItem\n {...menuScope}\n {...radioItemProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuRadioItem.displayName = RADIO_ITEM_NAME;\n\nexport { DropdownMenuRadioItem };\nexport type { DropdownMenuRadioItemProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst INDICATOR_NAME = \"DropdownMenuItemIndicator\";\n\ntype DropdownMenuItemIndicatorElement = React.ElementRef<\n typeof MenuPrimitive.ItemIndicator\n>;\ntype MenuItemIndicatorProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.ItemIndicator\n>;\ninterface DropdownMenuItemIndicatorProps extends MenuItemIndicatorProps {}\n\nconst DropdownMenuItemIndicator = React.forwardRef<\n DropdownMenuItemIndicatorElement,\n DropdownMenuItemIndicatorProps\n>((props: ScopedProps<DropdownMenuItemIndicatorProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...itemIndicatorProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.ItemIndicator\n {...menuScope}\n {...itemIndicatorProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuItemIndicator.displayName = INDICATOR_NAME;\n\nexport { DropdownMenuItemIndicator };\nexport type { DropdownMenuItemIndicatorProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst SEPARATOR_NAME = \"DropdownMenuSeparator\";\n\ntype DropdownMenuSeparatorElement = React.ElementRef<\n typeof MenuPrimitive.Separator\n>;\ntype MenuSeparatorProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Separator\n>;\ninterface DropdownMenuSeparatorProps extends MenuSeparatorProps {}\n\nconst DropdownMenuSeparator = React.forwardRef<\n DropdownMenuSeparatorElement,\n DropdownMenuSeparatorProps\n>((props: ScopedProps<DropdownMenuSeparatorProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...separatorProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Separator\n {...menuScope}\n {...separatorProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuSeparator.displayName = SEPARATOR_NAME;\nexport { DropdownMenuSeparator };\nexport type { DropdownMenuSeparatorProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst ARROW_NAME = \"DropdownMenuArrow\";\n\ntype DropdownMenuArrowElement = React.ElementRef<typeof MenuPrimitive.Arrow>;\ntype MenuArrowProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Arrow\n>;\ninterface DropdownMenuArrowProps extends MenuArrowProps {}\n\nconst DropdownMenuArrow = React.forwardRef<\n DropdownMenuArrowElement,\n DropdownMenuArrowProps\n>((props: ScopedProps<DropdownMenuArrowProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...arrowProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Arrow {...menuScope} {...arrowProps} ref={forwardedRef} />\n );\n});\n\nDropdownMenuArrow.displayName = ARROW_NAME;\n\nexport { DropdownMenuArrow };\nexport type { DropdownMenuArrowProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\nimport { useControllableState } from \"@huin-core/react-use-controllable-state\";\n\ninterface DropdownMenuSubProps {\n children?: React.ReactNode;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?(open: boolean): void;\n}\n\nconst DropdownMenuSub: React.FC<DropdownMenuSubProps> = (\n props: ScopedProps<DropdownMenuSubProps>\n) => {\n const {\n __scopeDropdownMenu,\n children,\n open: openProp,\n onOpenChange,\n defaultOpen,\n } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n const [open = false, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: onOpenChange,\n });\n\n return (\n <MenuPrimitive.Sub {...menuScope} open={open} onOpenChange={setOpen}>\n {children}\n </MenuPrimitive.Sub>\n );\n};\n\nexport { DropdownMenuSub };\nexport type { DropdownMenuSubProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst SUB_TRIGGER_NAME = \"DropdownMenuSubTrigger\";\n\ntype DropdownMenuSubTriggerElement = React.ElementRef<\n typeof MenuPrimitive.SubTrigger\n>;\ntype MenuSubTriggerProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.SubTrigger\n>;\ninterface DropdownMenuSubTriggerProps extends MenuSubTriggerProps {\n inset?: boolean;\n}\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n DropdownMenuSubTriggerElement,\n DropdownMenuSubTriggerProps\n>((props: ScopedProps<DropdownMenuSubTriggerProps>, forwardedRef) => {\n const { __scopeDropdownMenu, inset, ...subTriggerProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.SubTrigger\n {...menuScope}\n {...subTriggerProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuSubTrigger.displayName = SUB_TRIGGER_NAME;\n\nexport { DropdownMenuSubTrigger };\nexport type { DropdownMenuSubTriggerProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst SUB_CONTENT_NAME = \"DropdownMenuSubContent\";\n\ntype DropdownMenuSubContentElement = React.ElementRef<\n typeof MenuPrimitive.Content\n>;\ntype MenuSubContentProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.SubContent\n>;\ninterface DropdownMenuSubContentProps extends MenuSubContentProps {}\n\nconst DropdownMenuSubContent = React.forwardRef<\n DropdownMenuSubContentElement,\n DropdownMenuSubContentProps\n>((props: ScopedProps<DropdownMenuSubContentProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...subContentProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n\n return (\n <MenuPrimitive.SubContent\n {...menuScope}\n {...subContentProps}\n ref={forwardedRef}\n style={{\n ...props.style,\n // re-namespace exposed content custom properties\n ...{\n \"--huin-core-dropdown-menu-content-transform-origin\":\n \"var(--huin-core-popper-transform-origin)\",\n \"--huin-core-dropdown-menu-content-available-width\":\n \"var(--huin-core-popper-available-width)\",\n \"--huin-core-dropdown-menu-content-available-height\":\n \"var(--huin-core-popper-available-height)\",\n \"--huin-core-dropdown-menu-trigger-width\":\n \"var(--huin-core-popper-anchor-width)\",\n \"--huin-core-dropdown-menu-trigger-height\":\n \"var(--huin-core-popper-anchor-height)\",\n },\n }}\n />\n );\n});\n\nDropdownMenuSubContent.displayName = SUB_CONTENT_NAME;\n\nexport { DropdownMenuSubContent };\nexport type { DropdownMenuSubContentProps };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAAAA;AAAA,EAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,2BAAmC;AACnC,0CAAqC;AACrC,oBAA+B;AAC/B,wBAAgC;AAChC,sBAAsB;
|
|
6
|
-
"names": ["Root", "Root", "MenuPrimitive", "
|
|
4
|
+
"sourcesContent": ["\"use client\";\nexport { createDropdownMenuScope, DropdownMenu, Root } from \"./DropdownMenu\";\nexport { DropdownMenuTrigger } from \"./DropdownMenuTrigger\";\nexport { DropdownMenuPortal } from \"./DropdownMenuPortal\";\nexport { DropdownMenuContent } from \"./DropdownMenuContent\";\nexport { DropdownMenuGroup } from \"./DropdownMenuGroup\";\nexport { DropdownMenuLabel } from \"./DropdownMenuLabel\";\nexport { DropdownMenuItem } from \"./DropdownMenuItem\";\nexport { DropdownMenuCheckboxItem } from \"./DropdownMenuCheckboxItem\";\nexport { DropdownMenuRadioGroup } from \"./DropdownMenuRadioGroup\";\nexport { DropdownMenuRadioItem } from \"./DropdownMenuRadioItem\";\nexport { DropdownMenuItemIndicator } from \"./DropdownMenuItemIndicator\";\nexport { DropdownMenuSeparator } from \"./DropdownMenuSeparator\";\nexport { DropdownMenuArrow } from \"./DropdownMenuArrow\";\nexport { DropdownMenuSub } from \"./DropdownMenuSub\";\nexport { DropdownMenuSubTrigger } from \"./DropdownMenuSubTrigger\";\nexport { DropdownMenuSubContent } from \"./DropdownMenuSubContent\";\n\nexport type { DropdownMenuProps } from \"./DropdownMenu\";\nexport type { DropdownMenuTriggerProps } from \"./DropdownMenuTrigger\";\nexport type { DropdownMenuPortalProps } from \"./DropdownMenuPortal\";\nexport type { DropdownMenuContentProps } from \"./DropdownMenuContent\";\nexport type { DropdownMenuGroupProps } from \"./DropdownMenuGroup\";\nexport type { DropdownMenuLabelProps } from \"./DropdownMenuLabel\";\nexport type { DropdownMenuItemProps } from \"./DropdownMenuItem\";\nexport type { DropdownMenuCheckboxItemProps } from \"./DropdownMenuCheckboxItem\";\nexport type { DropdownMenuRadioGroupProps } from \"./DropdownMenuRadioGroup\";\nexport type { DropdownMenuRadioItemProps } from \"./DropdownMenuRadioItem\";\nexport type { DropdownMenuItemIndicatorProps } from \"./DropdownMenuItemIndicator\";\nexport type { DropdownMenuSeparatorProps } from \"./DropdownMenuSeparator\";\nexport type { DropdownMenuArrowProps } from \"./DropdownMenuArrow\";\nexport type { DropdownMenuSubProps } from \"./DropdownMenuSub\";\nexport type { DropdownMenuSubTriggerProps } from \"./DropdownMenuSubTrigger\";\nexport type { DropdownMenuSubContentProps } from \"./DropdownMenuSubContent\";\n", "import * as React from \"react\";\nimport { createContextScope } from \"@huin-core/react-context\";\nimport { useControllableState } from \"@huin-core/react-use-controllable-state\";\nimport * as MenuPrimitive from \"@huin-core/react-menu\";\nimport { createMenuScope } from \"@huin-core/react-menu\";\nimport { useId } from \"@huin-core/react-id\";\n\nimport type { Scope } from \"@huin-core/react-context\";\n\ntype Direction = \"ltr\" | \"rtl\";\n\n/* -------------------------------------------------------------------------------------------------\n * DropdownMenu\n * -----------------------------------------------------------------------------------------------*/\n\nconst DROPDOWN_MENU_NAME = \"DropdownMenu\";\n\nexport type ScopedProps<P> = P & { __scopeDropdownMenu?: Scope };\nconst [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(\n DROPDOWN_MENU_NAME,\n [createMenuScope]\n);\nexport const useMenuScope = createMenuScope();\n\ntype DropdownMenuContextValue = {\n triggerId: string;\n triggerRef: React.RefObject<HTMLButtonElement>;\n contentId: string;\n open: boolean;\n onOpenChange(open: boolean): void;\n onOpenToggle(): void;\n modal: boolean;\n};\n\nexport const [DropdownMenuProvider, useDropdownMenuContext] =\n createDropdownMenuContext<DropdownMenuContextValue>(DROPDOWN_MENU_NAME);\n\ninterface DropdownMenuProps {\n children?: React.ReactNode;\n dir?: Direction;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?(open: boolean): void;\n modal?: boolean;\n}\n\nconst DropdownMenu: React.FC<DropdownMenuProps> = (\n props: ScopedProps<DropdownMenuProps>\n) => {\n const {\n __scopeDropdownMenu,\n children,\n dir,\n open: openProp,\n defaultOpen,\n onOpenChange,\n modal = true,\n } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n const triggerRef = React.useRef<HTMLButtonElement>(null);\n const [open = false, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: onOpenChange,\n });\n\n return (\n <DropdownMenuProvider\n scope={__scopeDropdownMenu}\n triggerId={useId()}\n triggerRef={triggerRef}\n contentId={useId()}\n open={open}\n onOpenChange={setOpen}\n onOpenToggle={React.useCallback(\n () => setOpen((prevOpen) => !prevOpen),\n [setOpen]\n )}\n modal={modal}\n >\n <MenuPrimitive.Root\n {...menuScope}\n open={open}\n onOpenChange={setOpen}\n dir={dir}\n modal={modal}\n >\n {children}\n </MenuPrimitive.Root>\n </DropdownMenuProvider>\n );\n};\n\nDropdownMenu.displayName = DROPDOWN_MENU_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = DropdownMenu;\n\nexport {\n createDropdownMenuScope,\n //\n DropdownMenu,\n //\n Root,\n};\nexport type { DropdownMenuProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport {\n ScopedProps,\n useDropdownMenuContext,\n useMenuScope,\n} from \"./DropdownMenu\";\nimport * as MenuPrimitive from \"@huin-core/react-menu\";\nimport { composeRefs } from \"@huin-core/react-compose-refs\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\n\nconst TRIGGER_NAME = \"DropdownMenuTrigger\";\n\ntype DropdownMenuTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = React.ComponentPropsWithoutRef<\n typeof Primitive.button\n>;\ninterface DropdownMenuTriggerProps extends PrimitiveButtonProps {}\n\nconst DropdownMenuTrigger = React.forwardRef<\n DropdownMenuTriggerElement,\n DropdownMenuTriggerProps\n>((props: ScopedProps<DropdownMenuTriggerProps>, forwardedRef) => {\n const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;\n const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Anchor asChild {...menuScope}>\n <Primitive.button\n type=\"button\"\n id={context.triggerId}\n aria-haspopup=\"menu\"\n aria-expanded={context.open}\n aria-controls={context.open ? context.contentId : undefined}\n data-state={context.open ? \"open\" : \"closed\"}\n data-disabled={disabled ? \"\" : undefined}\n disabled={disabled}\n {...triggerProps}\n ref={composeRefs(forwardedRef, context.triggerRef)}\n onPointerDown={composeEventHandlers(props.onPointerDown, (event) => {\n // only call handler if it's the left button (mousedown gets triggered by all mouse buttons)\n // but not when the control key is pressed (avoiding MacOS right click)\n if (!disabled && event.button === 0 && event.ctrlKey === false) {\n context.onOpenToggle();\n // prevent trigger focusing when opening\n // this allows the content to be given focus without competition\n if (!context.open) event.preventDefault();\n }\n })}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n if (disabled) return;\n if ([\"Enter\", \" \"].includes(event.key)) context.onOpenToggle();\n if (event.key === \"ArrowDown\") context.onOpenChange(true);\n // prevent keydown from scrolling window / first focused item to execute\n // that keydown (inadvertently closing the menu)\n if ([\"Enter\", \" \", \"ArrowDown\"].includes(event.key))\n event.preventDefault();\n })}\n />\n </MenuPrimitive.Anchor>\n );\n});\n\nDropdownMenuTrigger.displayName = TRIGGER_NAME;\n\nexport { DropdownMenuTrigger };\nexport type { DropdownMenuTriggerProps };\n", "import React from \"react\";\nimport * as MenuPrimitive from \"@huin-core/react-menu\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst PORTAL_NAME = \"DropdownMenuPortal\";\n\ntype MenuPortalProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Portal\n>;\ninterface DropdownMenuPortalProps extends MenuPortalProps {}\n\nconst DropdownMenuPortal: React.FC<DropdownMenuPortalProps> = (\n props: ScopedProps<DropdownMenuPortalProps>\n) => {\n const { __scopeDropdownMenu, ...portalProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return <MenuPrimitive.Portal {...menuScope} {...portalProps} />;\n};\n\nDropdownMenuPortal.displayName = PORTAL_NAME;\n\nexport { DropdownMenuPortal };\nexport type { DropdownMenuPortalProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport {\n ScopedProps,\n useDropdownMenuContext,\n useMenuScope,\n} from \"./DropdownMenu\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\n\nconst CONTENT_NAME = \"DropdownMenuContent\";\n\ntype DropdownMenuContentElement = React.ElementRef<\n typeof MenuPrimitive.Content\n>;\ntype MenuContentProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Content\n>;\ninterface DropdownMenuContentProps\n extends Omit<MenuContentProps, \"onEntryFocus\"> {}\n\nconst DropdownMenuContent = React.forwardRef<\n DropdownMenuContentElement,\n DropdownMenuContentProps\n>((props: ScopedProps<DropdownMenuContentProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...contentProps } = props;\n const context = useDropdownMenuContext(CONTENT_NAME, __scopeDropdownMenu);\n const menuScope = useMenuScope(__scopeDropdownMenu);\n const hasInteractedOutsideRef = React.useRef(false);\n\n return (\n <MenuPrimitive.Content\n id={context.contentId}\n aria-labelledby={context.triggerId}\n {...menuScope}\n {...contentProps}\n ref={forwardedRef}\n onCloseAutoFocus={composeEventHandlers(\n props.onCloseAutoFocus,\n (event) => {\n if (!hasInteractedOutsideRef.current)\n context.triggerRef.current?.focus();\n hasInteractedOutsideRef.current = false;\n // Always prevent auto focus because we either focus manually or want user agent focus\n event.preventDefault();\n }\n )}\n onInteractOutside={composeEventHandlers(\n props.onInteractOutside,\n (event) => {\n const originalEvent = event.detail.originalEvent as PointerEvent;\n const ctrlLeftClick =\n originalEvent.button === 0 && originalEvent.ctrlKey === true;\n const isRightClick = originalEvent.button === 2 || ctrlLeftClick;\n if (!context.modal || isRightClick)\n hasInteractedOutsideRef.current = true;\n }\n )}\n style={{\n ...props.style,\n // re-namespace exposed content custom properties\n ...{\n \"--huin-core-dropdown-menu-content-transform-origin\":\n \"var(--huin-core-popper-transform-origin)\",\n \"--huin-core-dropdown-menu-content-available-width\":\n \"var(--huin-core-popper-available-width)\",\n \"--huin-core-dropdown-menu-content-available-height\":\n \"var(--huin-core-popper-available-height)\",\n \"--huin-core-dropdown-menu-trigger-width\":\n \"var(--huin-core-popper-anchor-width)\",\n \"--huin-core-dropdown-menu-trigger-height\":\n \"var(--huin-core-popper-anchor-height)\",\n },\n }}\n />\n );\n});\n\nDropdownMenuContent.displayName = CONTENT_NAME;\n\nexport { DropdownMenuContent };\nexport type { DropdownMenuContentProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst GROUP_NAME = \"DropdownMenuGroup\";\n\ntype DropdownMenuGroupElement = React.ElementRef<typeof MenuPrimitive.Group>;\ntype MenuGroupProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Group\n>;\ninterface DropdownMenuGroupProps extends MenuGroupProps {}\n\nconst DropdownMenuGroup = React.forwardRef<\n DropdownMenuGroupElement,\n DropdownMenuGroupProps\n>((props: ScopedProps<DropdownMenuGroupProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...groupProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Group {...menuScope} {...groupProps} ref={forwardedRef} />\n );\n});\n\nDropdownMenuGroup.displayName = GROUP_NAME;\n\nexport { DropdownMenuGroup };\nexport type { DropdownMenuGroupProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst LABEL_NAME = \"DropdownMenuLabel\";\n\ntype DropdownMenuLabelElement = React.ElementRef<typeof MenuPrimitive.Label>;\ntype MenuLabelProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Label\n>;\ninterface DropdownMenuLabelProps extends MenuLabelProps {\n inset?: boolean;\n}\n\nconst DropdownMenuLabel = React.forwardRef<\n DropdownMenuLabelElement,\n DropdownMenuLabelProps\n>((props: ScopedProps<DropdownMenuLabelProps>, forwardedRef) => {\n const { __scopeDropdownMenu, inset, ...labelProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Label {...menuScope} {...labelProps} ref={forwardedRef} />\n );\n});\n\nDropdownMenuLabel.displayName = LABEL_NAME;\n\nexport { DropdownMenuLabel };\nexport type { DropdownMenuLabelProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst ITEM_NAME = \"DropdownMenuItem\";\n\ntype DropdownMenuItemElement = React.ElementRef<typeof MenuPrimitive.Item>;\ntype MenuItemProps = React.ComponentPropsWithoutRef<typeof MenuPrimitive.Item>;\ninterface DropdownMenuItemProps extends MenuItemProps {\n inset?: boolean;\n}\n\nconst DropdownMenuItem = React.forwardRef<\n DropdownMenuItemElement,\n DropdownMenuItemProps\n>((props: ScopedProps<DropdownMenuItemProps>, forwardedRef) => {\n const { __scopeDropdownMenu, inset, ...itemProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Item {...menuScope} {...itemProps} ref={forwardedRef} />\n );\n});\n\nDropdownMenuItem.displayName = ITEM_NAME;\n\nexport { DropdownMenuItem };\nexport type { DropdownMenuItemProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\nconst CHECKBOX_ITEM_NAME = \"DropdownMenuCheckboxItem\";\n\ntype DropdownMenuCheckboxItemElement = React.ElementRef<\n typeof MenuPrimitive.CheckboxItem\n>;\ntype MenuCheckboxItemProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.CheckboxItem\n>;\ninterface DropdownMenuCheckboxItemProps extends MenuCheckboxItemProps {}\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n DropdownMenuCheckboxItemElement,\n DropdownMenuCheckboxItemProps\n>((props: ScopedProps<DropdownMenuCheckboxItemProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...checkboxItemProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.CheckboxItem\n {...menuScope}\n {...checkboxItemProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME;\n\nexport { DropdownMenuCheckboxItem };\nexport type { DropdownMenuCheckboxItemProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst RADIO_GROUP_NAME = \"DropdownMenuRadioGroup\";\n\ntype DropdownMenuRadioGroupElement = React.ElementRef<\n typeof MenuPrimitive.RadioGroup\n>;\ntype MenuRadioGroupProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.RadioGroup\n>;\ninterface DropdownMenuRadioGroupProps extends MenuRadioGroupProps {}\n\nconst DropdownMenuRadioGroup = React.forwardRef<\n DropdownMenuRadioGroupElement,\n DropdownMenuRadioGroupProps\n>((props: ScopedProps<DropdownMenuRadioGroupProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...radioGroupProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.RadioGroup\n {...menuScope}\n {...radioGroupProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME;\n\nexport { DropdownMenuRadioGroup };\nexport type { DropdownMenuRadioGroupProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst RADIO_ITEM_NAME = \"DropdownMenuRadioItem\";\n\ntype DropdownMenuRadioItemElement = React.ElementRef<\n typeof MenuPrimitive.RadioItem\n>;\ntype MenuRadioItemProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.RadioItem\n>;\ninterface DropdownMenuRadioItemProps extends MenuRadioItemProps {}\n\nconst DropdownMenuRadioItem = React.forwardRef<\n DropdownMenuRadioItemElement,\n DropdownMenuRadioItemProps\n>((props: ScopedProps<DropdownMenuRadioItemProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...radioItemProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.RadioItem\n {...menuScope}\n {...radioItemProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuRadioItem.displayName = RADIO_ITEM_NAME;\n\nexport { DropdownMenuRadioItem };\nexport type { DropdownMenuRadioItemProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst INDICATOR_NAME = \"DropdownMenuItemIndicator\";\n\ntype DropdownMenuItemIndicatorElement = React.ElementRef<\n typeof MenuPrimitive.ItemIndicator\n>;\ntype MenuItemIndicatorProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.ItemIndicator\n>;\ninterface DropdownMenuItemIndicatorProps extends MenuItemIndicatorProps {}\n\nconst DropdownMenuItemIndicator = React.forwardRef<\n DropdownMenuItemIndicatorElement,\n DropdownMenuItemIndicatorProps\n>((props: ScopedProps<DropdownMenuItemIndicatorProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...itemIndicatorProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.ItemIndicator\n {...menuScope}\n {...itemIndicatorProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuItemIndicator.displayName = INDICATOR_NAME;\n\nexport { DropdownMenuItemIndicator };\nexport type { DropdownMenuItemIndicatorProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst SEPARATOR_NAME = \"DropdownMenuSeparator\";\n\ntype DropdownMenuSeparatorElement = React.ElementRef<\n typeof MenuPrimitive.Separator\n>;\ntype MenuSeparatorProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Separator\n>;\ninterface DropdownMenuSeparatorProps extends MenuSeparatorProps {}\n\nconst DropdownMenuSeparator = React.forwardRef<\n DropdownMenuSeparatorElement,\n DropdownMenuSeparatorProps\n>((props: ScopedProps<DropdownMenuSeparatorProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...separatorProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Separator\n {...menuScope}\n {...separatorProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuSeparator.displayName = SEPARATOR_NAME;\nexport { DropdownMenuSeparator };\nexport type { DropdownMenuSeparatorProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst ARROW_NAME = \"DropdownMenuArrow\";\n\ntype DropdownMenuArrowElement = React.ElementRef<typeof MenuPrimitive.Arrow>;\ntype MenuArrowProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Arrow\n>;\ninterface DropdownMenuArrowProps extends MenuArrowProps {}\n\nconst DropdownMenuArrow = React.forwardRef<\n DropdownMenuArrowElement,\n DropdownMenuArrowProps\n>((props: ScopedProps<DropdownMenuArrowProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...arrowProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Arrow {...menuScope} {...arrowProps} ref={forwardedRef} />\n );\n});\n\nDropdownMenuArrow.displayName = ARROW_NAME;\n\nexport { DropdownMenuArrow };\nexport type { DropdownMenuArrowProps };\n", "import React from \"react\";\nimport * as MenuPrimitive from \"@huin-core/react-menu\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\nimport { useControllableState } from \"@huin-core/react-use-controllable-state\";\n\ninterface DropdownMenuSubProps {\n children?: React.ReactNode;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?(open: boolean): void;\n}\n\nconst DropdownMenuSub: React.FC<DropdownMenuSubProps> = (\n props: ScopedProps<DropdownMenuSubProps>\n) => {\n const {\n __scopeDropdownMenu,\n children,\n open: openProp,\n onOpenChange,\n defaultOpen,\n } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n const [open = false, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: onOpenChange,\n });\n\n return (\n <MenuPrimitive.Sub {...menuScope} open={open} onOpenChange={setOpen}>\n {children}\n </MenuPrimitive.Sub>\n );\n};\n\nexport { DropdownMenuSub };\nexport type { DropdownMenuSubProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst SUB_TRIGGER_NAME = \"DropdownMenuSubTrigger\";\n\ntype DropdownMenuSubTriggerElement = React.ElementRef<\n typeof MenuPrimitive.SubTrigger\n>;\ntype MenuSubTriggerProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.SubTrigger\n>;\ninterface DropdownMenuSubTriggerProps extends MenuSubTriggerProps {\n inset?: boolean;\n}\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n DropdownMenuSubTriggerElement,\n DropdownMenuSubTriggerProps\n>((props: ScopedProps<DropdownMenuSubTriggerProps>, forwardedRef) => {\n const { __scopeDropdownMenu, inset, ...subTriggerProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.SubTrigger\n {...menuScope}\n {...subTriggerProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuSubTrigger.displayName = SUB_TRIGGER_NAME;\n\nexport { DropdownMenuSubTrigger };\nexport type { DropdownMenuSubTriggerProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst SUB_CONTENT_NAME = \"DropdownMenuSubContent\";\n\ntype DropdownMenuSubContentElement = React.ElementRef<\n typeof MenuPrimitive.Content\n>;\ntype MenuSubContentProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.SubContent\n>;\ninterface DropdownMenuSubContentProps extends MenuSubContentProps {}\n\nconst DropdownMenuSubContent = React.forwardRef<\n DropdownMenuSubContentElement,\n DropdownMenuSubContentProps\n>((props: ScopedProps<DropdownMenuSubContentProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...subContentProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n\n return (\n <MenuPrimitive.SubContent\n {...menuScope}\n {...subContentProps}\n ref={forwardedRef}\n style={{\n ...props.style,\n // re-namespace exposed content custom properties\n ...{\n \"--huin-core-dropdown-menu-content-transform-origin\":\n \"var(--huin-core-popper-transform-origin)\",\n \"--huin-core-dropdown-menu-content-available-width\":\n \"var(--huin-core-popper-available-width)\",\n \"--huin-core-dropdown-menu-content-available-height\":\n \"var(--huin-core-popper-available-height)\",\n \"--huin-core-dropdown-menu-trigger-width\":\n \"var(--huin-core-popper-anchor-width)\",\n \"--huin-core-dropdown-menu-trigger-height\":\n \"var(--huin-core-popper-anchor-height)\",\n },\n }}\n />\n );\n});\n\nDropdownMenuSubContent.displayName = SUB_CONTENT_NAME;\n\nexport { DropdownMenuSubContent };\nexport type { DropdownMenuSubContentProps };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["Root", "Root", "MenuPrimitive", "React", "import_react", "MenuPrimitive", "React", "MenuPrimitive", "import_react", "import_primitive", "React", "MenuPrimitive", "import_react", "React", "MenuPrimitive", "import_react", "React", "MenuPrimitive", "import_react", "React", "MenuPrimitive", "import_react", "React", "MenuPrimitive", "import_react", "React", "MenuPrimitive", "import_react", "React", "MenuPrimitive", "import_react", "React", "MenuPrimitive", "import_react", "React", "MenuPrimitive", "import_react", "React", "import_react", "MenuPrimitive", "import_react_use_controllable_state", "React", "MenuPrimitive", "import_react", "React", "MenuPrimitive", "import_react", "React"]
|
|
7
7
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -7,7 +7,6 @@ import { useControllableState } from "@huin-core/react-use-controllable-state";
|
|
|
7
7
|
import * as MenuPrimitive from "@huin-core/react-menu";
|
|
8
8
|
import { createMenuScope } from "@huin-core/react-menu";
|
|
9
9
|
import { useId } from "@huin-core/react-id";
|
|
10
|
-
import { jsx } from "react/jsx-runtime";
|
|
11
10
|
var DROPDOWN_MENU_NAME = "DropdownMenu";
|
|
12
11
|
var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(
|
|
13
12
|
DROPDOWN_MENU_NAME,
|
|
@@ -32,7 +31,7 @@ var DropdownMenu = (props) => {
|
|
|
32
31
|
defaultProp: defaultOpen,
|
|
33
32
|
onChange: onOpenChange
|
|
34
33
|
});
|
|
35
|
-
return /* @__PURE__ */
|
|
34
|
+
return /* @__PURE__ */ React.createElement(
|
|
36
35
|
DropdownMenuProvider,
|
|
37
36
|
{
|
|
38
37
|
scope: __scopeDropdownMenu,
|
|
@@ -45,19 +44,19 @@ var DropdownMenu = (props) => {
|
|
|
45
44
|
() => setOpen((prevOpen) => !prevOpen),
|
|
46
45
|
[setOpen]
|
|
47
46
|
),
|
|
48
|
-
modal
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
47
|
+
modal
|
|
48
|
+
},
|
|
49
|
+
/* @__PURE__ */ React.createElement(
|
|
50
|
+
MenuPrimitive.Root,
|
|
51
|
+
{
|
|
52
|
+
...menuScope,
|
|
53
|
+
open,
|
|
54
|
+
onOpenChange: setOpen,
|
|
55
|
+
dir,
|
|
56
|
+
modal
|
|
57
|
+
},
|
|
58
|
+
children
|
|
59
|
+
)
|
|
61
60
|
);
|
|
62
61
|
};
|
|
63
62
|
DropdownMenu.displayName = DROPDOWN_MENU_NAME;
|
|
@@ -69,13 +68,12 @@ import { Primitive } from "@huin-core/react-primitive";
|
|
|
69
68
|
import * as MenuPrimitive2 from "@huin-core/react-menu";
|
|
70
69
|
import { composeRefs } from "@huin-core/react-compose-refs";
|
|
71
70
|
import { composeEventHandlers } from "@huin-core/primitive";
|
|
72
|
-
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
73
71
|
var TRIGGER_NAME = "DropdownMenuTrigger";
|
|
74
72
|
var DropdownMenuTrigger = React2.forwardRef((props, forwardedRef) => {
|
|
75
73
|
const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
|
|
76
74
|
const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
|
|
77
75
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
78
|
-
return /* @__PURE__ */
|
|
76
|
+
return /* @__PURE__ */ React2.createElement(MenuPrimitive2.Anchor, { asChild: true, ...menuScope }, /* @__PURE__ */ React2.createElement(
|
|
79
77
|
Primitive.button,
|
|
80
78
|
{
|
|
81
79
|
type: "button",
|
|
@@ -102,33 +100,32 @@ var DropdownMenuTrigger = React2.forwardRef((props, forwardedRef) => {
|
|
|
102
100
|
event.preventDefault();
|
|
103
101
|
})
|
|
104
102
|
}
|
|
105
|
-
)
|
|
103
|
+
));
|
|
106
104
|
});
|
|
107
105
|
DropdownMenuTrigger.displayName = TRIGGER_NAME;
|
|
108
106
|
|
|
109
107
|
// packages/react/dropdown-menu/src/DropdownMenuPortal.tsx
|
|
108
|
+
import React3 from "react";
|
|
110
109
|
import * as MenuPrimitive3 from "@huin-core/react-menu";
|
|
111
|
-
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
112
110
|
var PORTAL_NAME = "DropdownMenuPortal";
|
|
113
111
|
var DropdownMenuPortal = (props) => {
|
|
114
112
|
const { __scopeDropdownMenu, ...portalProps } = props;
|
|
115
113
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
116
|
-
return /* @__PURE__ */
|
|
114
|
+
return /* @__PURE__ */ React3.createElement(MenuPrimitive3.Portal, { ...menuScope, ...portalProps });
|
|
117
115
|
};
|
|
118
116
|
DropdownMenuPortal.displayName = PORTAL_NAME;
|
|
119
117
|
|
|
120
118
|
// packages/react/dropdown-menu/src/DropdownMenuContent.tsx
|
|
121
119
|
import * as MenuPrimitive4 from "@huin-core/react-menu";
|
|
122
|
-
import
|
|
120
|
+
import React4 from "react";
|
|
123
121
|
import { composeEventHandlers as composeEventHandlers2 } from "@huin-core/primitive";
|
|
124
|
-
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
125
122
|
var CONTENT_NAME = "DropdownMenuContent";
|
|
126
|
-
var DropdownMenuContent =
|
|
123
|
+
var DropdownMenuContent = React4.forwardRef((props, forwardedRef) => {
|
|
127
124
|
const { __scopeDropdownMenu, ...contentProps } = props;
|
|
128
125
|
const context = useDropdownMenuContext(CONTENT_NAME, __scopeDropdownMenu);
|
|
129
126
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
130
|
-
const hasInteractedOutsideRef =
|
|
131
|
-
return /* @__PURE__ */
|
|
127
|
+
const hasInteractedOutsideRef = React4.useRef(false);
|
|
128
|
+
return /* @__PURE__ */ React4.createElement(
|
|
132
129
|
MenuPrimitive4.Content,
|
|
133
130
|
{
|
|
134
131
|
id: context.contentId,
|
|
@@ -173,49 +170,45 @@ DropdownMenuContent.displayName = CONTENT_NAME;
|
|
|
173
170
|
|
|
174
171
|
// packages/react/dropdown-menu/src/DropdownMenuGroup.tsx
|
|
175
172
|
import * as MenuPrimitive5 from "@huin-core/react-menu";
|
|
176
|
-
import
|
|
177
|
-
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
173
|
+
import React5 from "react";
|
|
178
174
|
var GROUP_NAME = "DropdownMenuGroup";
|
|
179
|
-
var DropdownMenuGroup =
|
|
175
|
+
var DropdownMenuGroup = React5.forwardRef((props, forwardedRef) => {
|
|
180
176
|
const { __scopeDropdownMenu, ...groupProps } = props;
|
|
181
177
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
182
|
-
return /* @__PURE__ */
|
|
178
|
+
return /* @__PURE__ */ React5.createElement(MenuPrimitive5.Group, { ...menuScope, ...groupProps, ref: forwardedRef });
|
|
183
179
|
});
|
|
184
180
|
DropdownMenuGroup.displayName = GROUP_NAME;
|
|
185
181
|
|
|
186
182
|
// packages/react/dropdown-menu/src/DropdownMenuLabel.tsx
|
|
187
183
|
import * as MenuPrimitive6 from "@huin-core/react-menu";
|
|
188
|
-
import
|
|
189
|
-
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
184
|
+
import React6 from "react";
|
|
190
185
|
var LABEL_NAME = "DropdownMenuLabel";
|
|
191
|
-
var DropdownMenuLabel =
|
|
186
|
+
var DropdownMenuLabel = React6.forwardRef((props, forwardedRef) => {
|
|
192
187
|
const { __scopeDropdownMenu, inset, ...labelProps } = props;
|
|
193
188
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
194
|
-
return /* @__PURE__ */
|
|
189
|
+
return /* @__PURE__ */ React6.createElement(MenuPrimitive6.Label, { ...menuScope, ...labelProps, ref: forwardedRef });
|
|
195
190
|
});
|
|
196
191
|
DropdownMenuLabel.displayName = LABEL_NAME;
|
|
197
192
|
|
|
198
193
|
// packages/react/dropdown-menu/src/DropdownMenuItem.tsx
|
|
199
194
|
import * as MenuPrimitive7 from "@huin-core/react-menu";
|
|
200
|
-
import
|
|
201
|
-
import { jsx as jsx7 } from "react/jsx-runtime";
|
|
195
|
+
import React7 from "react";
|
|
202
196
|
var ITEM_NAME = "DropdownMenuItem";
|
|
203
|
-
var DropdownMenuItem =
|
|
197
|
+
var DropdownMenuItem = React7.forwardRef((props, forwardedRef) => {
|
|
204
198
|
const { __scopeDropdownMenu, inset, ...itemProps } = props;
|
|
205
199
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
206
|
-
return /* @__PURE__ */
|
|
200
|
+
return /* @__PURE__ */ React7.createElement(MenuPrimitive7.Item, { ...menuScope, ...itemProps, ref: forwardedRef });
|
|
207
201
|
});
|
|
208
202
|
DropdownMenuItem.displayName = ITEM_NAME;
|
|
209
203
|
|
|
210
204
|
// packages/react/dropdown-menu/src/DropdownMenuCheckboxItem.tsx
|
|
211
205
|
import * as MenuPrimitive8 from "@huin-core/react-menu";
|
|
212
|
-
import
|
|
213
|
-
import { jsx as jsx8 } from "react/jsx-runtime";
|
|
206
|
+
import React8 from "react";
|
|
214
207
|
var CHECKBOX_ITEM_NAME = "DropdownMenuCheckboxItem";
|
|
215
|
-
var DropdownMenuCheckboxItem =
|
|
208
|
+
var DropdownMenuCheckboxItem = React8.forwardRef((props, forwardedRef) => {
|
|
216
209
|
const { __scopeDropdownMenu, ...checkboxItemProps } = props;
|
|
217
210
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
218
|
-
return /* @__PURE__ */
|
|
211
|
+
return /* @__PURE__ */ React8.createElement(
|
|
219
212
|
MenuPrimitive8.CheckboxItem,
|
|
220
213
|
{
|
|
221
214
|
...menuScope,
|
|
@@ -228,13 +221,12 @@ DropdownMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME;
|
|
|
228
221
|
|
|
229
222
|
// packages/react/dropdown-menu/src/DropdownMenuRadioGroup.tsx
|
|
230
223
|
import * as MenuPrimitive9 from "@huin-core/react-menu";
|
|
231
|
-
import
|
|
232
|
-
import { jsx as jsx9 } from "react/jsx-runtime";
|
|
224
|
+
import React9 from "react";
|
|
233
225
|
var RADIO_GROUP_NAME = "DropdownMenuRadioGroup";
|
|
234
|
-
var DropdownMenuRadioGroup =
|
|
226
|
+
var DropdownMenuRadioGroup = React9.forwardRef((props, forwardedRef) => {
|
|
235
227
|
const { __scopeDropdownMenu, ...radioGroupProps } = props;
|
|
236
228
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
237
|
-
return /* @__PURE__ */
|
|
229
|
+
return /* @__PURE__ */ React9.createElement(
|
|
238
230
|
MenuPrimitive9.RadioGroup,
|
|
239
231
|
{
|
|
240
232
|
...menuScope,
|
|
@@ -247,13 +239,12 @@ DropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME;
|
|
|
247
239
|
|
|
248
240
|
// packages/react/dropdown-menu/src/DropdownMenuRadioItem.tsx
|
|
249
241
|
import * as MenuPrimitive10 from "@huin-core/react-menu";
|
|
250
|
-
import
|
|
251
|
-
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
242
|
+
import React10 from "react";
|
|
252
243
|
var RADIO_ITEM_NAME = "DropdownMenuRadioItem";
|
|
253
|
-
var DropdownMenuRadioItem =
|
|
244
|
+
var DropdownMenuRadioItem = React10.forwardRef((props, forwardedRef) => {
|
|
254
245
|
const { __scopeDropdownMenu, ...radioItemProps } = props;
|
|
255
246
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
256
|
-
return /* @__PURE__ */
|
|
247
|
+
return /* @__PURE__ */ React10.createElement(
|
|
257
248
|
MenuPrimitive10.RadioItem,
|
|
258
249
|
{
|
|
259
250
|
...menuScope,
|
|
@@ -266,13 +257,12 @@ DropdownMenuRadioItem.displayName = RADIO_ITEM_NAME;
|
|
|
266
257
|
|
|
267
258
|
// packages/react/dropdown-menu/src/DropdownMenuItemIndicator.tsx
|
|
268
259
|
import * as MenuPrimitive11 from "@huin-core/react-menu";
|
|
269
|
-
import
|
|
270
|
-
import { jsx as jsx11 } from "react/jsx-runtime";
|
|
260
|
+
import React11 from "react";
|
|
271
261
|
var INDICATOR_NAME = "DropdownMenuItemIndicator";
|
|
272
|
-
var DropdownMenuItemIndicator =
|
|
262
|
+
var DropdownMenuItemIndicator = React11.forwardRef((props, forwardedRef) => {
|
|
273
263
|
const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
|
|
274
264
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
275
|
-
return /* @__PURE__ */
|
|
265
|
+
return /* @__PURE__ */ React11.createElement(
|
|
276
266
|
MenuPrimitive11.ItemIndicator,
|
|
277
267
|
{
|
|
278
268
|
...menuScope,
|
|
@@ -285,13 +275,12 @@ DropdownMenuItemIndicator.displayName = INDICATOR_NAME;
|
|
|
285
275
|
|
|
286
276
|
// packages/react/dropdown-menu/src/DropdownMenuSeparator.tsx
|
|
287
277
|
import * as MenuPrimitive12 from "@huin-core/react-menu";
|
|
288
|
-
import
|
|
289
|
-
import { jsx as jsx12 } from "react/jsx-runtime";
|
|
278
|
+
import React12 from "react";
|
|
290
279
|
var SEPARATOR_NAME = "DropdownMenuSeparator";
|
|
291
|
-
var DropdownMenuSeparator =
|
|
280
|
+
var DropdownMenuSeparator = React12.forwardRef((props, forwardedRef) => {
|
|
292
281
|
const { __scopeDropdownMenu, ...separatorProps } = props;
|
|
293
282
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
294
|
-
return /* @__PURE__ */
|
|
283
|
+
return /* @__PURE__ */ React12.createElement(
|
|
295
284
|
MenuPrimitive12.Separator,
|
|
296
285
|
{
|
|
297
286
|
...menuScope,
|
|
@@ -304,20 +293,19 @@ DropdownMenuSeparator.displayName = SEPARATOR_NAME;
|
|
|
304
293
|
|
|
305
294
|
// packages/react/dropdown-menu/src/DropdownMenuArrow.tsx
|
|
306
295
|
import * as MenuPrimitive13 from "@huin-core/react-menu";
|
|
307
|
-
import
|
|
308
|
-
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
296
|
+
import React13 from "react";
|
|
309
297
|
var ARROW_NAME = "DropdownMenuArrow";
|
|
310
|
-
var DropdownMenuArrow =
|
|
298
|
+
var DropdownMenuArrow = React13.forwardRef((props, forwardedRef) => {
|
|
311
299
|
const { __scopeDropdownMenu, ...arrowProps } = props;
|
|
312
300
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
313
|
-
return /* @__PURE__ */
|
|
301
|
+
return /* @__PURE__ */ React13.createElement(MenuPrimitive13.Arrow, { ...menuScope, ...arrowProps, ref: forwardedRef });
|
|
314
302
|
});
|
|
315
303
|
DropdownMenuArrow.displayName = ARROW_NAME;
|
|
316
304
|
|
|
317
305
|
// packages/react/dropdown-menu/src/DropdownMenuSub.tsx
|
|
306
|
+
import React14 from "react";
|
|
318
307
|
import * as MenuPrimitive14 from "@huin-core/react-menu";
|
|
319
308
|
import { useControllableState as useControllableState2 } from "@huin-core/react-use-controllable-state";
|
|
320
|
-
import { jsx as jsx14 } from "react/jsx-runtime";
|
|
321
309
|
var DropdownMenuSub = (props) => {
|
|
322
310
|
const {
|
|
323
311
|
__scopeDropdownMenu,
|
|
@@ -332,18 +320,17 @@ var DropdownMenuSub = (props) => {
|
|
|
332
320
|
defaultProp: defaultOpen,
|
|
333
321
|
onChange: onOpenChange
|
|
334
322
|
});
|
|
335
|
-
return /* @__PURE__ */
|
|
323
|
+
return /* @__PURE__ */ React14.createElement(MenuPrimitive14.Sub, { ...menuScope, open, onOpenChange: setOpen }, children);
|
|
336
324
|
};
|
|
337
325
|
|
|
338
326
|
// packages/react/dropdown-menu/src/DropdownMenuSubTrigger.tsx
|
|
339
327
|
import * as MenuPrimitive15 from "@huin-core/react-menu";
|
|
340
|
-
import
|
|
341
|
-
import { jsx as jsx15 } from "react/jsx-runtime";
|
|
328
|
+
import React15 from "react";
|
|
342
329
|
var SUB_TRIGGER_NAME = "DropdownMenuSubTrigger";
|
|
343
|
-
var DropdownMenuSubTrigger =
|
|
330
|
+
var DropdownMenuSubTrigger = React15.forwardRef((props, forwardedRef) => {
|
|
344
331
|
const { __scopeDropdownMenu, inset, ...subTriggerProps } = props;
|
|
345
332
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
346
|
-
return /* @__PURE__ */
|
|
333
|
+
return /* @__PURE__ */ React15.createElement(
|
|
347
334
|
MenuPrimitive15.SubTrigger,
|
|
348
335
|
{
|
|
349
336
|
...menuScope,
|
|
@@ -356,13 +343,12 @@ DropdownMenuSubTrigger.displayName = SUB_TRIGGER_NAME;
|
|
|
356
343
|
|
|
357
344
|
// packages/react/dropdown-menu/src/DropdownMenuSubContent.tsx
|
|
358
345
|
import * as MenuPrimitive16 from "@huin-core/react-menu";
|
|
359
|
-
import
|
|
360
|
-
import { jsx as jsx16 } from "react/jsx-runtime";
|
|
346
|
+
import React16 from "react";
|
|
361
347
|
var SUB_CONTENT_NAME = "DropdownMenuSubContent";
|
|
362
|
-
var DropdownMenuSubContent =
|
|
348
|
+
var DropdownMenuSubContent = React16.forwardRef((props, forwardedRef) => {
|
|
363
349
|
const { __scopeDropdownMenu, ...subContentProps } = props;
|
|
364
350
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
365
|
-
return /* @__PURE__ */
|
|
351
|
+
return /* @__PURE__ */ React16.createElement(
|
|
366
352
|
MenuPrimitive16.SubContent,
|
|
367
353
|
{
|
|
368
354
|
...menuScope,
|
package/dist/index.mjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/DropdownMenu.tsx", "../src/DropdownMenuTrigger.tsx", "../src/DropdownMenuPortal.tsx", "../src/DropdownMenuContent.tsx", "../src/DropdownMenuGroup.tsx", "../src/DropdownMenuLabel.tsx", "../src/DropdownMenuItem.tsx", "../src/DropdownMenuCheckboxItem.tsx", "../src/DropdownMenuRadioGroup.tsx", "../src/DropdownMenuRadioItem.tsx", "../src/DropdownMenuItemIndicator.tsx", "../src/DropdownMenuSeparator.tsx", "../src/DropdownMenuArrow.tsx", "../src/DropdownMenuSub.tsx", "../src/DropdownMenuSubTrigger.tsx", "../src/DropdownMenuSubContent.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from \"react\";\nimport { createContextScope } from \"@huin-core/react-context\";\nimport { useControllableState } from \"@huin-core/react-use-controllable-state\";\nimport * as MenuPrimitive from \"@huin-core/react-menu\";\nimport { createMenuScope } from \"@huin-core/react-menu\";\nimport { useId } from \"@huin-core/react-id\";\n\nimport type { Scope } from \"@huin-core/react-context\";\n\ntype Direction = \"ltr\" | \"rtl\";\n\n/* -------------------------------------------------------------------------------------------------\n * DropdownMenu\n * -----------------------------------------------------------------------------------------------*/\n\nconst DROPDOWN_MENU_NAME = \"DropdownMenu\";\n\nexport type ScopedProps<P> = P & { __scopeDropdownMenu?: Scope };\nconst [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(\n DROPDOWN_MENU_NAME,\n [createMenuScope]\n);\nexport const useMenuScope = createMenuScope();\n\ntype DropdownMenuContextValue = {\n triggerId: string;\n triggerRef: React.RefObject<HTMLButtonElement>;\n contentId: string;\n open: boolean;\n onOpenChange(open: boolean): void;\n onOpenToggle(): void;\n modal: boolean;\n};\n\nexport const [DropdownMenuProvider, useDropdownMenuContext] =\n createDropdownMenuContext<DropdownMenuContextValue>(DROPDOWN_MENU_NAME);\n\ninterface DropdownMenuProps {\n children?: React.ReactNode;\n dir?: Direction;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?(open: boolean): void;\n modal?: boolean;\n}\n\nconst DropdownMenu: React.FC<DropdownMenuProps> = (\n props: ScopedProps<DropdownMenuProps>\n) => {\n const {\n __scopeDropdownMenu,\n children,\n dir,\n open: openProp,\n defaultOpen,\n onOpenChange,\n modal = true,\n } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n const triggerRef = React.useRef<HTMLButtonElement>(null);\n const [open = false, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: onOpenChange,\n });\n\n return (\n <DropdownMenuProvider\n scope={__scopeDropdownMenu}\n triggerId={useId()}\n triggerRef={triggerRef}\n contentId={useId()}\n open={open}\n onOpenChange={setOpen}\n onOpenToggle={React.useCallback(\n () => setOpen((prevOpen) => !prevOpen),\n [setOpen]\n )}\n modal={modal}\n >\n <MenuPrimitive.Root\n {...menuScope}\n open={open}\n onOpenChange={setOpen}\n dir={dir}\n modal={modal}\n >\n {children}\n </MenuPrimitive.Root>\n </DropdownMenuProvider>\n );\n};\n\nDropdownMenu.displayName = DROPDOWN_MENU_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = DropdownMenu;\n\nexport {\n createDropdownMenuScope,\n //\n DropdownMenu,\n //\n Root,\n};\nexport type { DropdownMenuProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport {\n ScopedProps,\n useDropdownMenuContext,\n useMenuScope,\n} from \"./DropdownMenu\";\nimport * as MenuPrimitive from \"@huin-core/react-menu\";\nimport { composeRefs } from \"@huin-core/react-compose-refs\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\n\nconst TRIGGER_NAME = \"DropdownMenuTrigger\";\n\ntype DropdownMenuTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = React.ComponentPropsWithoutRef<\n typeof Primitive.button\n>;\ninterface DropdownMenuTriggerProps extends PrimitiveButtonProps {}\n\nconst DropdownMenuTrigger = React.forwardRef<\n DropdownMenuTriggerElement,\n DropdownMenuTriggerProps\n>((props: ScopedProps<DropdownMenuTriggerProps>, forwardedRef) => {\n const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;\n const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Anchor asChild {...menuScope}>\n <Primitive.button\n type=\"button\"\n id={context.triggerId}\n aria-haspopup=\"menu\"\n aria-expanded={context.open}\n aria-controls={context.open ? context.contentId : undefined}\n data-state={context.open ? \"open\" : \"closed\"}\n data-disabled={disabled ? \"\" : undefined}\n disabled={disabled}\n {...triggerProps}\n ref={composeRefs(forwardedRef, context.triggerRef)}\n onPointerDown={composeEventHandlers(props.onPointerDown, (event) => {\n // only call handler if it's the left button (mousedown gets triggered by all mouse buttons)\n // but not when the control key is pressed (avoiding MacOS right click)\n if (!disabled && event.button === 0 && event.ctrlKey === false) {\n context.onOpenToggle();\n // prevent trigger focusing when opening\n // this allows the content to be given focus without competition\n if (!context.open) event.preventDefault();\n }\n })}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n if (disabled) return;\n if ([\"Enter\", \" \"].includes(event.key)) context.onOpenToggle();\n if (event.key === \"ArrowDown\") context.onOpenChange(true);\n // prevent keydown from scrolling window / first focused item to execute\n // that keydown (inadvertently closing the menu)\n if ([\"Enter\", \" \", \"ArrowDown\"].includes(event.key))\n event.preventDefault();\n })}\n />\n </MenuPrimitive.Anchor>\n );\n});\n\nDropdownMenuTrigger.displayName = TRIGGER_NAME;\n\nexport { DropdownMenuTrigger };\nexport type { DropdownMenuTriggerProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst PORTAL_NAME = \"DropdownMenuPortal\";\n\ntype MenuPortalProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Portal\n>;\ninterface DropdownMenuPortalProps extends MenuPortalProps {}\n\nconst DropdownMenuPortal: React.FC<DropdownMenuPortalProps> = (\n props: ScopedProps<DropdownMenuPortalProps>\n) => {\n const { __scopeDropdownMenu, ...portalProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return <MenuPrimitive.Portal {...menuScope} {...portalProps} />;\n};\n\nDropdownMenuPortal.displayName = PORTAL_NAME;\n\nexport { DropdownMenuPortal };\nexport type { DropdownMenuPortalProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport {\n ScopedProps,\n useDropdownMenuContext,\n useMenuScope,\n} from \"./DropdownMenu\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\n\nconst CONTENT_NAME = \"DropdownMenuContent\";\n\ntype DropdownMenuContentElement = React.ElementRef<\n typeof MenuPrimitive.Content\n>;\ntype MenuContentProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Content\n>;\ninterface DropdownMenuContentProps\n extends Omit<MenuContentProps, \"onEntryFocus\"> {}\n\nconst DropdownMenuContent = React.forwardRef<\n DropdownMenuContentElement,\n DropdownMenuContentProps\n>((props: ScopedProps<DropdownMenuContentProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...contentProps } = props;\n const context = useDropdownMenuContext(CONTENT_NAME, __scopeDropdownMenu);\n const menuScope = useMenuScope(__scopeDropdownMenu);\n const hasInteractedOutsideRef = React.useRef(false);\n\n return (\n <MenuPrimitive.Content\n id={context.contentId}\n aria-labelledby={context.triggerId}\n {...menuScope}\n {...contentProps}\n ref={forwardedRef}\n onCloseAutoFocus={composeEventHandlers(\n props.onCloseAutoFocus,\n (event) => {\n if (!hasInteractedOutsideRef.current)\n context.triggerRef.current?.focus();\n hasInteractedOutsideRef.current = false;\n // Always prevent auto focus because we either focus manually or want user agent focus\n event.preventDefault();\n }\n )}\n onInteractOutside={composeEventHandlers(\n props.onInteractOutside,\n (event) => {\n const originalEvent = event.detail.originalEvent as PointerEvent;\n const ctrlLeftClick =\n originalEvent.button === 0 && originalEvent.ctrlKey === true;\n const isRightClick = originalEvent.button === 2 || ctrlLeftClick;\n if (!context.modal || isRightClick)\n hasInteractedOutsideRef.current = true;\n }\n )}\n style={{\n ...props.style,\n // re-namespace exposed content custom properties\n ...{\n \"--huin-core-dropdown-menu-content-transform-origin\":\n \"var(--huin-core-popper-transform-origin)\",\n \"--huin-core-dropdown-menu-content-available-width\":\n \"var(--huin-core-popper-available-width)\",\n \"--huin-core-dropdown-menu-content-available-height\":\n \"var(--huin-core-popper-available-height)\",\n \"--huin-core-dropdown-menu-trigger-width\":\n \"var(--huin-core-popper-anchor-width)\",\n \"--huin-core-dropdown-menu-trigger-height\":\n \"var(--huin-core-popper-anchor-height)\",\n },\n }}\n />\n );\n});\n\nDropdownMenuContent.displayName = CONTENT_NAME;\n\nexport { DropdownMenuContent };\nexport type { DropdownMenuContentProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst GROUP_NAME = \"DropdownMenuGroup\";\n\ntype DropdownMenuGroupElement = React.ElementRef<typeof MenuPrimitive.Group>;\ntype MenuGroupProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Group\n>;\ninterface DropdownMenuGroupProps extends MenuGroupProps {}\n\nconst DropdownMenuGroup = React.forwardRef<\n DropdownMenuGroupElement,\n DropdownMenuGroupProps\n>((props: ScopedProps<DropdownMenuGroupProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...groupProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Group {...menuScope} {...groupProps} ref={forwardedRef} />\n );\n});\n\nDropdownMenuGroup.displayName = GROUP_NAME;\n\nexport { DropdownMenuGroup };\nexport type { DropdownMenuGroupProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst LABEL_NAME = \"DropdownMenuLabel\";\n\ntype DropdownMenuLabelElement = React.ElementRef<typeof MenuPrimitive.Label>;\ntype MenuLabelProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Label\n>;\ninterface DropdownMenuLabelProps extends MenuLabelProps {\n inset?: boolean;\n}\n\nconst DropdownMenuLabel = React.forwardRef<\n DropdownMenuLabelElement,\n DropdownMenuLabelProps\n>((props: ScopedProps<DropdownMenuLabelProps>, forwardedRef) => {\n const { __scopeDropdownMenu, inset, ...labelProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Label {...menuScope} {...labelProps} ref={forwardedRef} />\n );\n});\n\nDropdownMenuLabel.displayName = LABEL_NAME;\n\nexport { DropdownMenuLabel };\nexport type { DropdownMenuLabelProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst ITEM_NAME = \"DropdownMenuItem\";\n\ntype DropdownMenuItemElement = React.ElementRef<typeof MenuPrimitive.Item>;\ntype MenuItemProps = React.ComponentPropsWithoutRef<typeof MenuPrimitive.Item>;\ninterface DropdownMenuItemProps extends MenuItemProps {\n inset?: boolean;\n}\n\nconst DropdownMenuItem = React.forwardRef<\n DropdownMenuItemElement,\n DropdownMenuItemProps\n>((props: ScopedProps<DropdownMenuItemProps>, forwardedRef) => {\n const { __scopeDropdownMenu, inset, ...itemProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Item {...menuScope} {...itemProps} ref={forwardedRef} />\n );\n});\n\nDropdownMenuItem.displayName = ITEM_NAME;\n\nexport { DropdownMenuItem };\nexport type { DropdownMenuItemProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\nconst CHECKBOX_ITEM_NAME = \"DropdownMenuCheckboxItem\";\n\ntype DropdownMenuCheckboxItemElement = React.ElementRef<\n typeof MenuPrimitive.CheckboxItem\n>;\ntype MenuCheckboxItemProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.CheckboxItem\n>;\ninterface DropdownMenuCheckboxItemProps extends MenuCheckboxItemProps {}\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n DropdownMenuCheckboxItemElement,\n DropdownMenuCheckboxItemProps\n>((props: ScopedProps<DropdownMenuCheckboxItemProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...checkboxItemProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.CheckboxItem\n {...menuScope}\n {...checkboxItemProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME;\n\nexport { DropdownMenuCheckboxItem };\nexport type { DropdownMenuCheckboxItemProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst RADIO_GROUP_NAME = \"DropdownMenuRadioGroup\";\n\ntype DropdownMenuRadioGroupElement = React.ElementRef<\n typeof MenuPrimitive.RadioGroup\n>;\ntype MenuRadioGroupProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.RadioGroup\n>;\ninterface DropdownMenuRadioGroupProps extends MenuRadioGroupProps {}\n\nconst DropdownMenuRadioGroup = React.forwardRef<\n DropdownMenuRadioGroupElement,\n DropdownMenuRadioGroupProps\n>((props: ScopedProps<DropdownMenuRadioGroupProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...radioGroupProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.RadioGroup\n {...menuScope}\n {...radioGroupProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME;\n\nexport { DropdownMenuRadioGroup };\nexport type { DropdownMenuRadioGroupProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst RADIO_ITEM_NAME = \"DropdownMenuRadioItem\";\n\ntype DropdownMenuRadioItemElement = React.ElementRef<\n typeof MenuPrimitive.RadioItem\n>;\ntype MenuRadioItemProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.RadioItem\n>;\ninterface DropdownMenuRadioItemProps extends MenuRadioItemProps {}\n\nconst DropdownMenuRadioItem = React.forwardRef<\n DropdownMenuRadioItemElement,\n DropdownMenuRadioItemProps\n>((props: ScopedProps<DropdownMenuRadioItemProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...radioItemProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.RadioItem\n {...menuScope}\n {...radioItemProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuRadioItem.displayName = RADIO_ITEM_NAME;\n\nexport { DropdownMenuRadioItem };\nexport type { DropdownMenuRadioItemProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst INDICATOR_NAME = \"DropdownMenuItemIndicator\";\n\ntype DropdownMenuItemIndicatorElement = React.ElementRef<\n typeof MenuPrimitive.ItemIndicator\n>;\ntype MenuItemIndicatorProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.ItemIndicator\n>;\ninterface DropdownMenuItemIndicatorProps extends MenuItemIndicatorProps {}\n\nconst DropdownMenuItemIndicator = React.forwardRef<\n DropdownMenuItemIndicatorElement,\n DropdownMenuItemIndicatorProps\n>((props: ScopedProps<DropdownMenuItemIndicatorProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...itemIndicatorProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.ItemIndicator\n {...menuScope}\n {...itemIndicatorProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuItemIndicator.displayName = INDICATOR_NAME;\n\nexport { DropdownMenuItemIndicator };\nexport type { DropdownMenuItemIndicatorProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst SEPARATOR_NAME = \"DropdownMenuSeparator\";\n\ntype DropdownMenuSeparatorElement = React.ElementRef<\n typeof MenuPrimitive.Separator\n>;\ntype MenuSeparatorProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Separator\n>;\ninterface DropdownMenuSeparatorProps extends MenuSeparatorProps {}\n\nconst DropdownMenuSeparator = React.forwardRef<\n DropdownMenuSeparatorElement,\n DropdownMenuSeparatorProps\n>((props: ScopedProps<DropdownMenuSeparatorProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...separatorProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Separator\n {...menuScope}\n {...separatorProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuSeparator.displayName = SEPARATOR_NAME;\nexport { DropdownMenuSeparator };\nexport type { DropdownMenuSeparatorProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst ARROW_NAME = \"DropdownMenuArrow\";\n\ntype DropdownMenuArrowElement = React.ElementRef<typeof MenuPrimitive.Arrow>;\ntype MenuArrowProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Arrow\n>;\ninterface DropdownMenuArrowProps extends MenuArrowProps {}\n\nconst DropdownMenuArrow = React.forwardRef<\n DropdownMenuArrowElement,\n DropdownMenuArrowProps\n>((props: ScopedProps<DropdownMenuArrowProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...arrowProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Arrow {...menuScope} {...arrowProps} ref={forwardedRef} />\n );\n});\n\nDropdownMenuArrow.displayName = ARROW_NAME;\n\nexport { DropdownMenuArrow };\nexport type { DropdownMenuArrowProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\nimport { useControllableState } from \"@huin-core/react-use-controllable-state\";\n\ninterface DropdownMenuSubProps {\n children?: React.ReactNode;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?(open: boolean): void;\n}\n\nconst DropdownMenuSub: React.FC<DropdownMenuSubProps> = (\n props: ScopedProps<DropdownMenuSubProps>\n) => {\n const {\n __scopeDropdownMenu,\n children,\n open: openProp,\n onOpenChange,\n defaultOpen,\n } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n const [open = false, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: onOpenChange,\n });\n\n return (\n <MenuPrimitive.Sub {...menuScope} open={open} onOpenChange={setOpen}>\n {children}\n </MenuPrimitive.Sub>\n );\n};\n\nexport { DropdownMenuSub };\nexport type { DropdownMenuSubProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst SUB_TRIGGER_NAME = \"DropdownMenuSubTrigger\";\n\ntype DropdownMenuSubTriggerElement = React.ElementRef<\n typeof MenuPrimitive.SubTrigger\n>;\ntype MenuSubTriggerProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.SubTrigger\n>;\ninterface DropdownMenuSubTriggerProps extends MenuSubTriggerProps {\n inset?: boolean;\n}\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n DropdownMenuSubTriggerElement,\n DropdownMenuSubTriggerProps\n>((props: ScopedProps<DropdownMenuSubTriggerProps>, forwardedRef) => {\n const { __scopeDropdownMenu, inset, ...subTriggerProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.SubTrigger\n {...menuScope}\n {...subTriggerProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuSubTrigger.displayName = SUB_TRIGGER_NAME;\n\nexport { DropdownMenuSubTrigger };\nexport type { DropdownMenuSubTriggerProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst SUB_CONTENT_NAME = \"DropdownMenuSubContent\";\n\ntype DropdownMenuSubContentElement = React.ElementRef<\n typeof MenuPrimitive.Content\n>;\ntype MenuSubContentProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.SubContent\n>;\ninterface DropdownMenuSubContentProps extends MenuSubContentProps {}\n\nconst DropdownMenuSubContent = React.forwardRef<\n DropdownMenuSubContentElement,\n DropdownMenuSubContentProps\n>((props: ScopedProps<DropdownMenuSubContentProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...subContentProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n\n return (\n <MenuPrimitive.SubContent\n {...menuScope}\n {...subContentProps}\n ref={forwardedRef}\n style={{\n ...props.style,\n // re-namespace exposed content custom properties\n ...{\n \"--huin-core-dropdown-menu-content-transform-origin\":\n \"var(--huin-core-popper-transform-origin)\",\n \"--huin-core-dropdown-menu-content-available-width\":\n \"var(--huin-core-popper-available-width)\",\n \"--huin-core-dropdown-menu-content-available-height\":\n \"var(--huin-core-popper-available-height)\",\n \"--huin-core-dropdown-menu-trigger-width\":\n \"var(--huin-core-popper-anchor-width)\",\n \"--huin-core-dropdown-menu-trigger-height\":\n \"var(--huin-core-popper-anchor-height)\",\n },\n }}\n />\n );\n});\n\nDropdownMenuSubContent.displayName = SUB_CONTENT_NAME;\n\nexport { DropdownMenuSubContent };\nexport type { DropdownMenuSubContentProps };\n"],
|
|
5
|
-
"mappings": ";;;AAAA,YAAY,WAAW;AACvB,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;AACrC,YAAY,mBAAmB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,aAAa;
|
|
6
|
-
"names": ["Root", "React", "MenuPrimitive", "
|
|
4
|
+
"sourcesContent": ["import * as React from \"react\";\nimport { createContextScope } from \"@huin-core/react-context\";\nimport { useControllableState } from \"@huin-core/react-use-controllable-state\";\nimport * as MenuPrimitive from \"@huin-core/react-menu\";\nimport { createMenuScope } from \"@huin-core/react-menu\";\nimport { useId } from \"@huin-core/react-id\";\n\nimport type { Scope } from \"@huin-core/react-context\";\n\ntype Direction = \"ltr\" | \"rtl\";\n\n/* -------------------------------------------------------------------------------------------------\n * DropdownMenu\n * -----------------------------------------------------------------------------------------------*/\n\nconst DROPDOWN_MENU_NAME = \"DropdownMenu\";\n\nexport type ScopedProps<P> = P & { __scopeDropdownMenu?: Scope };\nconst [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(\n DROPDOWN_MENU_NAME,\n [createMenuScope]\n);\nexport const useMenuScope = createMenuScope();\n\ntype DropdownMenuContextValue = {\n triggerId: string;\n triggerRef: React.RefObject<HTMLButtonElement>;\n contentId: string;\n open: boolean;\n onOpenChange(open: boolean): void;\n onOpenToggle(): void;\n modal: boolean;\n};\n\nexport const [DropdownMenuProvider, useDropdownMenuContext] =\n createDropdownMenuContext<DropdownMenuContextValue>(DROPDOWN_MENU_NAME);\n\ninterface DropdownMenuProps {\n children?: React.ReactNode;\n dir?: Direction;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?(open: boolean): void;\n modal?: boolean;\n}\n\nconst DropdownMenu: React.FC<DropdownMenuProps> = (\n props: ScopedProps<DropdownMenuProps>\n) => {\n const {\n __scopeDropdownMenu,\n children,\n dir,\n open: openProp,\n defaultOpen,\n onOpenChange,\n modal = true,\n } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n const triggerRef = React.useRef<HTMLButtonElement>(null);\n const [open = false, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: onOpenChange,\n });\n\n return (\n <DropdownMenuProvider\n scope={__scopeDropdownMenu}\n triggerId={useId()}\n triggerRef={triggerRef}\n contentId={useId()}\n open={open}\n onOpenChange={setOpen}\n onOpenToggle={React.useCallback(\n () => setOpen((prevOpen) => !prevOpen),\n [setOpen]\n )}\n modal={modal}\n >\n <MenuPrimitive.Root\n {...menuScope}\n open={open}\n onOpenChange={setOpen}\n dir={dir}\n modal={modal}\n >\n {children}\n </MenuPrimitive.Root>\n </DropdownMenuProvider>\n );\n};\n\nDropdownMenu.displayName = DROPDOWN_MENU_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = DropdownMenu;\n\nexport {\n createDropdownMenuScope,\n //\n DropdownMenu,\n //\n Root,\n};\nexport type { DropdownMenuProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport {\n ScopedProps,\n useDropdownMenuContext,\n useMenuScope,\n} from \"./DropdownMenu\";\nimport * as MenuPrimitive from \"@huin-core/react-menu\";\nimport { composeRefs } from \"@huin-core/react-compose-refs\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\n\nconst TRIGGER_NAME = \"DropdownMenuTrigger\";\n\ntype DropdownMenuTriggerElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = React.ComponentPropsWithoutRef<\n typeof Primitive.button\n>;\ninterface DropdownMenuTriggerProps extends PrimitiveButtonProps {}\n\nconst DropdownMenuTrigger = React.forwardRef<\n DropdownMenuTriggerElement,\n DropdownMenuTriggerProps\n>((props: ScopedProps<DropdownMenuTriggerProps>, forwardedRef) => {\n const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;\n const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Anchor asChild {...menuScope}>\n <Primitive.button\n type=\"button\"\n id={context.triggerId}\n aria-haspopup=\"menu\"\n aria-expanded={context.open}\n aria-controls={context.open ? context.contentId : undefined}\n data-state={context.open ? \"open\" : \"closed\"}\n data-disabled={disabled ? \"\" : undefined}\n disabled={disabled}\n {...triggerProps}\n ref={composeRefs(forwardedRef, context.triggerRef)}\n onPointerDown={composeEventHandlers(props.onPointerDown, (event) => {\n // only call handler if it's the left button (mousedown gets triggered by all mouse buttons)\n // but not when the control key is pressed (avoiding MacOS right click)\n if (!disabled && event.button === 0 && event.ctrlKey === false) {\n context.onOpenToggle();\n // prevent trigger focusing when opening\n // this allows the content to be given focus without competition\n if (!context.open) event.preventDefault();\n }\n })}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n if (disabled) return;\n if ([\"Enter\", \" \"].includes(event.key)) context.onOpenToggle();\n if (event.key === \"ArrowDown\") context.onOpenChange(true);\n // prevent keydown from scrolling window / first focused item to execute\n // that keydown (inadvertently closing the menu)\n if ([\"Enter\", \" \", \"ArrowDown\"].includes(event.key))\n event.preventDefault();\n })}\n />\n </MenuPrimitive.Anchor>\n );\n});\n\nDropdownMenuTrigger.displayName = TRIGGER_NAME;\n\nexport { DropdownMenuTrigger };\nexport type { DropdownMenuTriggerProps };\n", "import React from \"react\";\nimport * as MenuPrimitive from \"@huin-core/react-menu\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst PORTAL_NAME = \"DropdownMenuPortal\";\n\ntype MenuPortalProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Portal\n>;\ninterface DropdownMenuPortalProps extends MenuPortalProps {}\n\nconst DropdownMenuPortal: React.FC<DropdownMenuPortalProps> = (\n props: ScopedProps<DropdownMenuPortalProps>\n) => {\n const { __scopeDropdownMenu, ...portalProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return <MenuPrimitive.Portal {...menuScope} {...portalProps} />;\n};\n\nDropdownMenuPortal.displayName = PORTAL_NAME;\n\nexport { DropdownMenuPortal };\nexport type { DropdownMenuPortalProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport {\n ScopedProps,\n useDropdownMenuContext,\n useMenuScope,\n} from \"./DropdownMenu\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\n\nconst CONTENT_NAME = \"DropdownMenuContent\";\n\ntype DropdownMenuContentElement = React.ElementRef<\n typeof MenuPrimitive.Content\n>;\ntype MenuContentProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Content\n>;\ninterface DropdownMenuContentProps\n extends Omit<MenuContentProps, \"onEntryFocus\"> {}\n\nconst DropdownMenuContent = React.forwardRef<\n DropdownMenuContentElement,\n DropdownMenuContentProps\n>((props: ScopedProps<DropdownMenuContentProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...contentProps } = props;\n const context = useDropdownMenuContext(CONTENT_NAME, __scopeDropdownMenu);\n const menuScope = useMenuScope(__scopeDropdownMenu);\n const hasInteractedOutsideRef = React.useRef(false);\n\n return (\n <MenuPrimitive.Content\n id={context.contentId}\n aria-labelledby={context.triggerId}\n {...menuScope}\n {...contentProps}\n ref={forwardedRef}\n onCloseAutoFocus={composeEventHandlers(\n props.onCloseAutoFocus,\n (event) => {\n if (!hasInteractedOutsideRef.current)\n context.triggerRef.current?.focus();\n hasInteractedOutsideRef.current = false;\n // Always prevent auto focus because we either focus manually or want user agent focus\n event.preventDefault();\n }\n )}\n onInteractOutside={composeEventHandlers(\n props.onInteractOutside,\n (event) => {\n const originalEvent = event.detail.originalEvent as PointerEvent;\n const ctrlLeftClick =\n originalEvent.button === 0 && originalEvent.ctrlKey === true;\n const isRightClick = originalEvent.button === 2 || ctrlLeftClick;\n if (!context.modal || isRightClick)\n hasInteractedOutsideRef.current = true;\n }\n )}\n style={{\n ...props.style,\n // re-namespace exposed content custom properties\n ...{\n \"--huin-core-dropdown-menu-content-transform-origin\":\n \"var(--huin-core-popper-transform-origin)\",\n \"--huin-core-dropdown-menu-content-available-width\":\n \"var(--huin-core-popper-available-width)\",\n \"--huin-core-dropdown-menu-content-available-height\":\n \"var(--huin-core-popper-available-height)\",\n \"--huin-core-dropdown-menu-trigger-width\":\n \"var(--huin-core-popper-anchor-width)\",\n \"--huin-core-dropdown-menu-trigger-height\":\n \"var(--huin-core-popper-anchor-height)\",\n },\n }}\n />\n );\n});\n\nDropdownMenuContent.displayName = CONTENT_NAME;\n\nexport { DropdownMenuContent };\nexport type { DropdownMenuContentProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst GROUP_NAME = \"DropdownMenuGroup\";\n\ntype DropdownMenuGroupElement = React.ElementRef<typeof MenuPrimitive.Group>;\ntype MenuGroupProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Group\n>;\ninterface DropdownMenuGroupProps extends MenuGroupProps {}\n\nconst DropdownMenuGroup = React.forwardRef<\n DropdownMenuGroupElement,\n DropdownMenuGroupProps\n>((props: ScopedProps<DropdownMenuGroupProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...groupProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Group {...menuScope} {...groupProps} ref={forwardedRef} />\n );\n});\n\nDropdownMenuGroup.displayName = GROUP_NAME;\n\nexport { DropdownMenuGroup };\nexport type { DropdownMenuGroupProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst LABEL_NAME = \"DropdownMenuLabel\";\n\ntype DropdownMenuLabelElement = React.ElementRef<typeof MenuPrimitive.Label>;\ntype MenuLabelProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Label\n>;\ninterface DropdownMenuLabelProps extends MenuLabelProps {\n inset?: boolean;\n}\n\nconst DropdownMenuLabel = React.forwardRef<\n DropdownMenuLabelElement,\n DropdownMenuLabelProps\n>((props: ScopedProps<DropdownMenuLabelProps>, forwardedRef) => {\n const { __scopeDropdownMenu, inset, ...labelProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Label {...menuScope} {...labelProps} ref={forwardedRef} />\n );\n});\n\nDropdownMenuLabel.displayName = LABEL_NAME;\n\nexport { DropdownMenuLabel };\nexport type { DropdownMenuLabelProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst ITEM_NAME = \"DropdownMenuItem\";\n\ntype DropdownMenuItemElement = React.ElementRef<typeof MenuPrimitive.Item>;\ntype MenuItemProps = React.ComponentPropsWithoutRef<typeof MenuPrimitive.Item>;\ninterface DropdownMenuItemProps extends MenuItemProps {\n inset?: boolean;\n}\n\nconst DropdownMenuItem = React.forwardRef<\n DropdownMenuItemElement,\n DropdownMenuItemProps\n>((props: ScopedProps<DropdownMenuItemProps>, forwardedRef) => {\n const { __scopeDropdownMenu, inset, ...itemProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Item {...menuScope} {...itemProps} ref={forwardedRef} />\n );\n});\n\nDropdownMenuItem.displayName = ITEM_NAME;\n\nexport { DropdownMenuItem };\nexport type { DropdownMenuItemProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\nconst CHECKBOX_ITEM_NAME = \"DropdownMenuCheckboxItem\";\n\ntype DropdownMenuCheckboxItemElement = React.ElementRef<\n typeof MenuPrimitive.CheckboxItem\n>;\ntype MenuCheckboxItemProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.CheckboxItem\n>;\ninterface DropdownMenuCheckboxItemProps extends MenuCheckboxItemProps {}\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n DropdownMenuCheckboxItemElement,\n DropdownMenuCheckboxItemProps\n>((props: ScopedProps<DropdownMenuCheckboxItemProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...checkboxItemProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.CheckboxItem\n {...menuScope}\n {...checkboxItemProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME;\n\nexport { DropdownMenuCheckboxItem };\nexport type { DropdownMenuCheckboxItemProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst RADIO_GROUP_NAME = \"DropdownMenuRadioGroup\";\n\ntype DropdownMenuRadioGroupElement = React.ElementRef<\n typeof MenuPrimitive.RadioGroup\n>;\ntype MenuRadioGroupProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.RadioGroup\n>;\ninterface DropdownMenuRadioGroupProps extends MenuRadioGroupProps {}\n\nconst DropdownMenuRadioGroup = React.forwardRef<\n DropdownMenuRadioGroupElement,\n DropdownMenuRadioGroupProps\n>((props: ScopedProps<DropdownMenuRadioGroupProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...radioGroupProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.RadioGroup\n {...menuScope}\n {...radioGroupProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME;\n\nexport { DropdownMenuRadioGroup };\nexport type { DropdownMenuRadioGroupProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst RADIO_ITEM_NAME = \"DropdownMenuRadioItem\";\n\ntype DropdownMenuRadioItemElement = React.ElementRef<\n typeof MenuPrimitive.RadioItem\n>;\ntype MenuRadioItemProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.RadioItem\n>;\ninterface DropdownMenuRadioItemProps extends MenuRadioItemProps {}\n\nconst DropdownMenuRadioItem = React.forwardRef<\n DropdownMenuRadioItemElement,\n DropdownMenuRadioItemProps\n>((props: ScopedProps<DropdownMenuRadioItemProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...radioItemProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.RadioItem\n {...menuScope}\n {...radioItemProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuRadioItem.displayName = RADIO_ITEM_NAME;\n\nexport { DropdownMenuRadioItem };\nexport type { DropdownMenuRadioItemProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst INDICATOR_NAME = \"DropdownMenuItemIndicator\";\n\ntype DropdownMenuItemIndicatorElement = React.ElementRef<\n typeof MenuPrimitive.ItemIndicator\n>;\ntype MenuItemIndicatorProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.ItemIndicator\n>;\ninterface DropdownMenuItemIndicatorProps extends MenuItemIndicatorProps {}\n\nconst DropdownMenuItemIndicator = React.forwardRef<\n DropdownMenuItemIndicatorElement,\n DropdownMenuItemIndicatorProps\n>((props: ScopedProps<DropdownMenuItemIndicatorProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...itemIndicatorProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.ItemIndicator\n {...menuScope}\n {...itemIndicatorProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuItemIndicator.displayName = INDICATOR_NAME;\n\nexport { DropdownMenuItemIndicator };\nexport type { DropdownMenuItemIndicatorProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst SEPARATOR_NAME = \"DropdownMenuSeparator\";\n\ntype DropdownMenuSeparatorElement = React.ElementRef<\n typeof MenuPrimitive.Separator\n>;\ntype MenuSeparatorProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Separator\n>;\ninterface DropdownMenuSeparatorProps extends MenuSeparatorProps {}\n\nconst DropdownMenuSeparator = React.forwardRef<\n DropdownMenuSeparatorElement,\n DropdownMenuSeparatorProps\n>((props: ScopedProps<DropdownMenuSeparatorProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...separatorProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Separator\n {...menuScope}\n {...separatorProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuSeparator.displayName = SEPARATOR_NAME;\nexport { DropdownMenuSeparator };\nexport type { DropdownMenuSeparatorProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst ARROW_NAME = \"DropdownMenuArrow\";\n\ntype DropdownMenuArrowElement = React.ElementRef<typeof MenuPrimitive.Arrow>;\ntype MenuArrowProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.Arrow\n>;\ninterface DropdownMenuArrowProps extends MenuArrowProps {}\n\nconst DropdownMenuArrow = React.forwardRef<\n DropdownMenuArrowElement,\n DropdownMenuArrowProps\n>((props: ScopedProps<DropdownMenuArrowProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...arrowProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.Arrow {...menuScope} {...arrowProps} ref={forwardedRef} />\n );\n});\n\nDropdownMenuArrow.displayName = ARROW_NAME;\n\nexport { DropdownMenuArrow };\nexport type { DropdownMenuArrowProps };\n", "import React from \"react\";\nimport * as MenuPrimitive from \"@huin-core/react-menu\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\nimport { useControllableState } from \"@huin-core/react-use-controllable-state\";\n\ninterface DropdownMenuSubProps {\n children?: React.ReactNode;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?(open: boolean): void;\n}\n\nconst DropdownMenuSub: React.FC<DropdownMenuSubProps> = (\n props: ScopedProps<DropdownMenuSubProps>\n) => {\n const {\n __scopeDropdownMenu,\n children,\n open: openProp,\n onOpenChange,\n defaultOpen,\n } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n const [open = false, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: onOpenChange,\n });\n\n return (\n <MenuPrimitive.Sub {...menuScope} open={open} onOpenChange={setOpen}>\n {children}\n </MenuPrimitive.Sub>\n );\n};\n\nexport { DropdownMenuSub };\nexport type { DropdownMenuSubProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst SUB_TRIGGER_NAME = \"DropdownMenuSubTrigger\";\n\ntype DropdownMenuSubTriggerElement = React.ElementRef<\n typeof MenuPrimitive.SubTrigger\n>;\ntype MenuSubTriggerProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.SubTrigger\n>;\ninterface DropdownMenuSubTriggerProps extends MenuSubTriggerProps {\n inset?: boolean;\n}\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n DropdownMenuSubTriggerElement,\n DropdownMenuSubTriggerProps\n>((props: ScopedProps<DropdownMenuSubTriggerProps>, forwardedRef) => {\n const { __scopeDropdownMenu, inset, ...subTriggerProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n return (\n <MenuPrimitive.SubTrigger\n {...menuScope}\n {...subTriggerProps}\n ref={forwardedRef}\n />\n );\n});\n\nDropdownMenuSubTrigger.displayName = SUB_TRIGGER_NAME;\n\nexport { DropdownMenuSubTrigger };\nexport type { DropdownMenuSubTriggerProps };\n", "import * as MenuPrimitive from \"@huin-core/react-menu\";\nimport React from \"react\";\nimport { ScopedProps, useMenuScope } from \"./DropdownMenu\";\n\nconst SUB_CONTENT_NAME = \"DropdownMenuSubContent\";\n\ntype DropdownMenuSubContentElement = React.ElementRef<\n typeof MenuPrimitive.Content\n>;\ntype MenuSubContentProps = React.ComponentPropsWithoutRef<\n typeof MenuPrimitive.SubContent\n>;\ninterface DropdownMenuSubContentProps extends MenuSubContentProps {}\n\nconst DropdownMenuSubContent = React.forwardRef<\n DropdownMenuSubContentElement,\n DropdownMenuSubContentProps\n>((props: ScopedProps<DropdownMenuSubContentProps>, forwardedRef) => {\n const { __scopeDropdownMenu, ...subContentProps } = props;\n const menuScope = useMenuScope(__scopeDropdownMenu);\n\n return (\n <MenuPrimitive.SubContent\n {...menuScope}\n {...subContentProps}\n ref={forwardedRef}\n style={{\n ...props.style,\n // re-namespace exposed content custom properties\n ...{\n \"--huin-core-dropdown-menu-content-transform-origin\":\n \"var(--huin-core-popper-transform-origin)\",\n \"--huin-core-dropdown-menu-content-available-width\":\n \"var(--huin-core-popper-available-width)\",\n \"--huin-core-dropdown-menu-content-available-height\":\n \"var(--huin-core-popper-available-height)\",\n \"--huin-core-dropdown-menu-trigger-width\":\n \"var(--huin-core-popper-anchor-width)\",\n \"--huin-core-dropdown-menu-trigger-height\":\n \"var(--huin-core-popper-anchor-height)\",\n },\n }}\n />\n );\n});\n\nDropdownMenuSubContent.displayName = SUB_CONTENT_NAME;\n\nexport { DropdownMenuSubContent };\nexport type { DropdownMenuSubContentProps };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["Root", "React", "MenuPrimitive", "React", "React", "MenuPrimitive", "React", "MenuPrimitive", "React", "composeEventHandlers", "React", "MenuPrimitive", "React", "React", "MenuPrimitive", "React", "React", "MenuPrimitive", "React", "React", "MenuPrimitive", "React", "React", "MenuPrimitive", "React", "React", "MenuPrimitive", "React", "React", "MenuPrimitive", "React", "React", "MenuPrimitive", "React", "React", "MenuPrimitive", "React", "React", "React", "MenuPrimitive", "useControllableState", "React", "MenuPrimitive", "React", "React", "MenuPrimitive", "React", "React"]
|
|
7
7
|
}
|