@compa11y/react 0.1.2 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/dist/chunk-36S2JYVF.cjs +1 -0
  2. package/dist/chunk-AJ7JSWUT.cjs +1 -0
  3. package/dist/chunk-DDFEION3.cjs +1 -0
  4. package/dist/chunk-DWU3PTJO.cjs +1 -0
  5. package/dist/chunk-FD4F6ONU.cjs +1 -0
  6. package/dist/chunk-FOVHQAY5.cjs +1 -0
  7. package/dist/chunk-GITBIGD4.js +1 -0
  8. package/dist/chunk-HEA4NAOM.js +1 -0
  9. package/dist/chunk-IZ7LLPPV.js +1 -0
  10. package/dist/chunk-JS3UD7KS.cjs +1 -0
  11. package/dist/chunk-MAR6RBHF.cjs +1 -0
  12. package/dist/chunk-MD4AVTLT.js +1 -0
  13. package/dist/chunk-SB6ASQ36.js +1 -0
  14. package/dist/chunk-VMM4K2K4.js +1 -0
  15. package/dist/chunk-XEJXACWE.js +1 -0
  16. package/dist/chunk-ZB3SYGHE.js +1 -0
  17. package/dist/components/combobox/index.cjs +1 -31
  18. package/dist/components/combobox/index.js +1 -6
  19. package/dist/components/dialog/index.cjs +1 -46
  20. package/dist/components/dialog/index.js +1 -5
  21. package/dist/components/menu/index.cjs +1 -46
  22. package/dist/components/menu/index.js +1 -5
  23. package/dist/components/tabs/index.cjs +1 -35
  24. package/dist/components/tabs/index.js +1 -6
  25. package/dist/components/toast/index.cjs +1 -24
  26. package/dist/components/toast/index.js +1 -3
  27. package/dist/index.cjs +1 -3714
  28. package/dist/index.js +1 -3408
  29. package/package.json +2 -2
  30. package/dist/chunk-2S4C6FGA.js +0 -380
  31. package/dist/chunk-2S4C6FGA.js.map +0 -1
  32. package/dist/chunk-52J4Z3QD.cjs +0 -45
  33. package/dist/chunk-52J4Z3QD.cjs.map +0 -1
  34. package/dist/chunk-C7QK2I7H.js +0 -373
  35. package/dist/chunk-C7QK2I7H.js.map +0 -1
  36. package/dist/chunk-D2UMS62N.cjs +0 -245
  37. package/dist/chunk-D2UMS62N.cjs.map +0 -1
  38. package/dist/chunk-E265U2RK.js +0 -234
  39. package/dist/chunk-E265U2RK.js.map +0 -1
  40. package/dist/chunk-E4XJRXWM.js +0 -215
  41. package/dist/chunk-E4XJRXWM.js.map +0 -1
  42. package/dist/chunk-GDLOJH6K.cjs +0 -110
  43. package/dist/chunk-GDLOJH6K.cjs.map +0 -1
  44. package/dist/chunk-IR46CNNY.cjs +0 -329
  45. package/dist/chunk-IR46CNNY.cjs.map +0 -1
  46. package/dist/chunk-JXYOE7SH.js +0 -103
  47. package/dist/chunk-JXYOE7SH.js.map +0 -1
  48. package/dist/chunk-O3YYQZ5O.js +0 -317
  49. package/dist/chunk-O3YYQZ5O.js.map +0 -1
  50. package/dist/chunk-OIVTOU4Z.cjs +0 -386
  51. package/dist/chunk-OIVTOU4Z.cjs.map +0 -1
  52. package/dist/chunk-OND5B7UG.js +0 -85
  53. package/dist/chunk-OND5B7UG.js.map +0 -1
  54. package/dist/chunk-R4FR6M6I.cjs +0 -383
  55. package/dist/chunk-R4FR6M6I.cjs.map +0 -1
  56. package/dist/chunk-RBDQCIS7.cjs +0 -89
  57. package/dist/chunk-RBDQCIS7.cjs.map +0 -1
  58. package/dist/chunk-SOBS7MIH.cjs +0 -220
  59. package/dist/chunk-SOBS7MIH.cjs.map +0 -1
  60. package/dist/chunk-WURPAE3R.js +0 -41
  61. package/dist/chunk-WURPAE3R.js.map +0 -1
  62. package/dist/components/combobox/index.cjs.map +0 -1
  63. package/dist/components/combobox/index.js.map +0 -1
  64. package/dist/components/dialog/index.cjs.map +0 -1
  65. package/dist/components/dialog/index.js.map +0 -1
  66. package/dist/components/menu/index.cjs.map +0 -1
  67. package/dist/components/menu/index.js.map +0 -1
  68. package/dist/components/tabs/index.cjs.map +0 -1
  69. package/dist/components/tabs/index.js.map +0 -1
  70. package/dist/components/toast/index.cjs.map +0 -1
  71. package/dist/components/toast/index.js.map +0 -1
  72. package/dist/index.cjs.map +0 -1
  73. package/dist/index.js.map +0 -1
@@ -1,373 +0,0 @@
1
- import { useKeyboard } from './chunk-JXYOE7SH.js';
2
- import { useId } from './chunk-WURPAE3R.js';
3
- import { createContext, forwardRef, useRef, useEffect, useContext, useState, useCallback } from 'react';
4
- import { jsx } from 'react/jsx-runtime';
5
-
6
- var ActionMenuContext = createContext(null);
7
- function useActionMenuContext() {
8
- const context = useContext(ActionMenuContext);
9
- if (!context) {
10
- throw new Error(
11
- "ActionMenu compound components must be used within an ActionMenu component"
12
- );
13
- }
14
- return context;
15
- }
16
- var ActionMenuProvider = ActionMenuContext.Provider;
17
- function ActionMenu({
18
- defaultOpen = false,
19
- open: controlledOpen,
20
- onOpenChange,
21
- children,
22
- unstyled = false
23
- }) {
24
- const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
25
- const isOpen = controlledOpen ?? uncontrolledOpen;
26
- const [highlightedIndex, setHighlightedIndex] = useState(-1);
27
- const itemsRef = useRef([]);
28
- const onSelectRef = useRef(null);
29
- const menuId = useId("action-menu");
30
- const triggerId = useId("action-menu-trigger");
31
- const setOpen = useCallback(
32
- (value) => {
33
- if (controlledOpen === void 0) {
34
- setUncontrolledOpen(value);
35
- }
36
- onOpenChange?.(value);
37
- if (!value) {
38
- setHighlightedIndex(-1);
39
- }
40
- },
41
- [controlledOpen, onOpenChange]
42
- );
43
- const open = useCallback(() => setOpen(true), [setOpen]);
44
- const close = useCallback(() => setOpen(false), [setOpen]);
45
- const toggle = useCallback(() => setOpen(!isOpen), [setOpen, isOpen]);
46
- const registerItem = useCallback((id) => {
47
- const index = itemsRef.current.length;
48
- itemsRef.current.push(id);
49
- return index;
50
- }, []);
51
- const unregisterItem = useCallback((id) => {
52
- const index = itemsRef.current.indexOf(id);
53
- if (index > -1) {
54
- itemsRef.current.splice(index, 1);
55
- }
56
- }, []);
57
- const getItemCount = useCallback(() => itemsRef.current.length, []);
58
- const selectItem = useCallback(
59
- (index) => {
60
- onSelectRef.current?.(index);
61
- close();
62
- },
63
- [close]
64
- );
65
- const contextValue = {
66
- isOpen,
67
- open,
68
- close,
69
- toggle,
70
- highlightedIndex,
71
- setHighlightedIndex,
72
- menuId,
73
- triggerId,
74
- registerItem,
75
- unregisterItem,
76
- getItemCount,
77
- selectItem,
78
- unstyled
79
- };
80
- return /* @__PURE__ */ jsx(ActionMenuProvider, { value: contextValue, children: /* @__PURE__ */ jsx(
81
- "div",
82
- {
83
- style: { position: "relative", display: "inline-block" },
84
- "data-compa11y-action-menu": true,
85
- children
86
- }
87
- ) });
88
- }
89
- var ActionMenuTrigger = forwardRef(function ActionMenuTrigger2({ children, onClick, onKeyDown, ...props }, ref) {
90
- const {
91
- isOpen,
92
- toggle,
93
- open,
94
- close,
95
- triggerId,
96
- menuId,
97
- setHighlightedIndex,
98
- getItemCount
99
- } = useActionMenuContext();
100
- const handleClick = (event) => {
101
- onClick?.(event);
102
- if (!event.defaultPrevented) {
103
- toggle();
104
- }
105
- };
106
- const keyboardProps = useKeyboard(
107
- {
108
- ArrowDown: () => {
109
- if (!isOpen) {
110
- open();
111
- }
112
- setHighlightedIndex(0);
113
- },
114
- ArrowUp: () => {
115
- if (!isOpen) {
116
- open();
117
- }
118
- setHighlightedIndex(getItemCount() - 1);
119
- },
120
- Enter: () => toggle(),
121
- Space: () => toggle(),
122
- Escape: () => close()
123
- },
124
- { preventDefault: true }
125
- );
126
- const handleKeyDown = (event) => {
127
- onKeyDown?.(event);
128
- if (!event.defaultPrevented) {
129
- keyboardProps.onKeyDown(event);
130
- }
131
- };
132
- return /* @__PURE__ */ jsx(
133
- "button",
134
- {
135
- ref,
136
- id: triggerId,
137
- type: "button",
138
- tabIndex: 0,
139
- "aria-haspopup": "menu",
140
- "aria-expanded": isOpen,
141
- "aria-controls": isOpen ? menuId : void 0,
142
- onClick: handleClick,
143
- onKeyDown: handleKeyDown,
144
- "data-compa11y-action-menu-trigger": true,
145
- ...props,
146
- children
147
- }
148
- );
149
- });
150
- var ActionMenuContent = forwardRef(function ActionMenuContent2({ children, onKeyDown, style, ...props }, ref) {
151
- const {
152
- isOpen,
153
- close,
154
- menuId,
155
- triggerId,
156
- highlightedIndex,
157
- setHighlightedIndex,
158
- getItemCount,
159
- unstyled
160
- } = useActionMenuContext();
161
- const menuRef = useRef(null);
162
- const clickHighlightedItem = () => {
163
- if (highlightedIndex >= 0 && menuRef.current) {
164
- const items = menuRef.current.querySelectorAll('[role="menuitem"]');
165
- const item = items[highlightedIndex];
166
- if (item && item.getAttribute("aria-disabled") !== "true") {
167
- item.click();
168
- }
169
- }
170
- };
171
- const keyboardProps = useKeyboard(
172
- {
173
- ArrowDown: () => {
174
- const count = getItemCount();
175
- setHighlightedIndex((highlightedIndex + 1) % count);
176
- },
177
- ArrowUp: () => {
178
- const count = getItemCount();
179
- setHighlightedIndex((highlightedIndex - 1 + count) % count);
180
- },
181
- Home: () => setHighlightedIndex(0),
182
- End: () => setHighlightedIndex(getItemCount() - 1),
183
- Enter: () => clickHighlightedItem(),
184
- Space: () => clickHighlightedItem(),
185
- Escape: () => close(),
186
- Tab: () => {
187
- close();
188
- return false;
189
- }
190
- },
191
- { preventDefault: true }
192
- );
193
- const handleKeyDown = (event) => {
194
- onKeyDown?.(event);
195
- if (!event.defaultPrevented) {
196
- keyboardProps.onKeyDown(event);
197
- }
198
- };
199
- useEffect(() => {
200
- if (isOpen && menuRef.current) {
201
- menuRef.current.focus();
202
- }
203
- }, [isOpen]);
204
- useEffect(() => {
205
- if (!isOpen) return;
206
- const handleClick = (event) => {
207
- const target = event.target;
208
- const menu = menuRef.current;
209
- const trigger = document.getElementById(triggerId);
210
- if (menu && !menu.contains(target) && trigger && !trigger.contains(target)) {
211
- close();
212
- }
213
- };
214
- document.addEventListener("mousedown", handleClick);
215
- return () => document.removeEventListener("mousedown", handleClick);
216
- }, [isOpen, close, triggerId]);
217
- if (!isOpen) {
218
- return null;
219
- }
220
- const contentStructuralStyles = {
221
- position: "absolute",
222
- top: "100%",
223
- left: 0,
224
- marginTop: "4px",
225
- zIndex: 1e3
226
- };
227
- const contentVisualStyles = unstyled ? {} : {
228
- minWidth: "160px",
229
- backgroundColor: "white",
230
- border: "1px solid #e0e0e0",
231
- borderRadius: "4px",
232
- boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)",
233
- padding: "4px 0"
234
- };
235
- const contentStyles = {
236
- ...contentStructuralStyles,
237
- ...contentVisualStyles
238
- };
239
- return /* @__PURE__ */ jsx(
240
- "div",
241
- {
242
- ref: (node) => {
243
- menuRef.current = node;
244
- if (typeof ref === "function") {
245
- ref(node);
246
- } else if (ref) {
247
- ref.current = node;
248
- }
249
- },
250
- id: menuId,
251
- role: "menu",
252
- "aria-labelledby": triggerId,
253
- tabIndex: -1,
254
- onKeyDown: handleKeyDown,
255
- style: { ...contentStyles, ...style },
256
- "data-compa11y-action-menu-content": true,
257
- ...props,
258
- children
259
- }
260
- );
261
- });
262
- var ActionMenuItem = forwardRef(
263
- function ActionMenuItem2({
264
- children,
265
- disabled = false,
266
- onSelect,
267
- onClick,
268
- onMouseEnter,
269
- style,
270
- ...props
271
- }, ref) {
272
- const {
273
- registerItem,
274
- unregisterItem,
275
- highlightedIndex,
276
- setHighlightedIndex,
277
- close,
278
- unstyled
279
- } = useActionMenuContext();
280
- const itemId = useId("action-menu-item");
281
- const indexRef = useRef(-1);
282
- useEffect(() => {
283
- if (!disabled) {
284
- indexRef.current = registerItem(itemId);
285
- }
286
- return () => {
287
- if (!disabled) {
288
- unregisterItem(itemId);
289
- }
290
- };
291
- }, [itemId, disabled, registerItem, unregisterItem]);
292
- const isHighlighted = indexRef.current === highlightedIndex;
293
- const handleClick = (event) => {
294
- onClick?.(event);
295
- if (!event.defaultPrevented && !disabled) {
296
- onSelect?.();
297
- close();
298
- }
299
- };
300
- const handleMouseEnter = (event) => {
301
- onMouseEnter?.(event);
302
- if (!disabled) {
303
- setHighlightedIndex(indexRef.current);
304
- }
305
- };
306
- const itemBehaviorStyles = {
307
- cursor: disabled ? "not-allowed" : "pointer",
308
- opacity: disabled ? 0.5 : 1
309
- };
310
- const itemVisualStyles = unstyled ? {} : {
311
- padding: "8px 16px",
312
- backgroundColor: isHighlighted ? "#f0f0f0" : "transparent"
313
- };
314
- const itemStyles = {
315
- ...itemBehaviorStyles,
316
- ...itemVisualStyles
317
- };
318
- return /* @__PURE__ */ jsx(
319
- "div",
320
- {
321
- ref,
322
- id: itemId,
323
- role: "menuitem",
324
- tabIndex: -1,
325
- "aria-disabled": disabled,
326
- "data-highlighted": isHighlighted,
327
- "data-disabled": disabled,
328
- onClick: handleClick,
329
- onMouseEnter: handleMouseEnter,
330
- style: { ...itemStyles, ...style },
331
- "data-compa11y-action-menu-item": true,
332
- ...props,
333
- children
334
- }
335
- );
336
- }
337
- );
338
- var ActionMenuSeparator = forwardRef(function ActionMenuSeparator2(props, ref) {
339
- return /* @__PURE__ */ jsx(
340
- "div",
341
- {
342
- ref,
343
- role: "separator",
344
- "data-compa11y-action-menu-separator": true,
345
- ...props
346
- }
347
- );
348
- });
349
- var ActionMenuLabel = forwardRef(
350
- function ActionMenuLabel2({ children, ...props }, ref) {
351
- return /* @__PURE__ */ jsx(
352
- "div",
353
- {
354
- ref,
355
- role: "presentation",
356
- "data-compa11y-action-menu-label": true,
357
- ...props,
358
- children
359
- }
360
- );
361
- }
362
- );
363
- var ActionMenuCompound = Object.assign(ActionMenu, {
364
- Trigger: ActionMenuTrigger,
365
- Content: ActionMenuContent,
366
- Item: ActionMenuItem,
367
- Separator: ActionMenuSeparator,
368
- Label: ActionMenuLabel
369
- });
370
-
371
- export { ActionMenu, ActionMenuCompound, ActionMenuContent, ActionMenuItem, ActionMenuLabel, ActionMenuProvider, ActionMenuSeparator, ActionMenuTrigger, useActionMenuContext };
372
- //# sourceMappingURL=chunk-C7QK2I7H.js.map
373
- //# sourceMappingURL=chunk-C7QK2I7H.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/menu/menu-context.ts","../src/components/menu/menu.tsx"],"names":["ActionMenuTrigger","ActionMenuContent","ActionMenuItem","ActionMenuSeparator","ActionMenuLabel"],"mappings":"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","file":"chunk-C7QK2I7H.js","sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface ActionMenuContextValue {\n /** Whether the menu is open */\n isOpen: boolean;\n /** Open the menu */\n open: () => void;\n /** Close the menu */\n close: () => void;\n /** Toggle the menu */\n toggle: () => void;\n /** Currently highlighted item index */\n highlightedIndex: number;\n /** Set highlighted item */\n setHighlightedIndex: (index: number) => void;\n /** ID for the menu element */\n menuId: string;\n /** ID for the trigger element */\n triggerId: string;\n /** Register a menu item */\n registerItem: (id: string) => number;\n /** Unregister a menu item */\n unregisterItem: (id: string) => void;\n /** Get item count */\n getItemCount: () => number;\n /** Select an item */\n selectItem: (index: number) => void;\n /** Whether default styles are disabled */\n unstyled: boolean;\n}\n\nconst ActionMenuContext = createContext<ActionMenuContextValue | null>(null);\n\nexport function useActionMenuContext(): ActionMenuContextValue {\n const context = useContext(ActionMenuContext);\n if (!context) {\n throw new Error(\n 'ActionMenu compound components must be used within an ActionMenu component'\n );\n }\n return context;\n}\n\nexport const ActionMenuProvider = ActionMenuContext.Provider;\n","import React, {\n forwardRef,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport { useId } from '../../hooks/use-id';\nimport { useKeyboard } from '../../hooks/use-keyboard';\nimport {\n ActionMenuProvider,\n useActionMenuContext,\n type ActionMenuContextValue,\n} from './menu-context';\n\n// ============================================================================\n// ActionMenu Root\n// ============================================================================\n\nexport interface ActionMenuProps {\n /** Whether the menu is initially open */\n defaultOpen?: boolean;\n /** Controlled open state */\n open?: boolean;\n /** Called when open state changes */\n onOpenChange?: (open: boolean) => void;\n /** Menu content */\n children: React.ReactNode;\n /** Remove default styles to allow full customization via className */\n unstyled?: boolean;\n}\n\nexport function ActionMenu({\n defaultOpen = false,\n open: controlledOpen,\n onOpenChange,\n children,\n unstyled = false,\n}: ActionMenuProps) {\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const isOpen = controlledOpen ?? uncontrolledOpen;\n\n const [highlightedIndex, setHighlightedIndex] = useState(-1);\n const itemsRef = useRef<string[]>([]);\n const onSelectRef = useRef<((index: number) => void) | null>(null);\n\n const menuId = useId('action-menu');\n const triggerId = useId('action-menu-trigger');\n\n const setOpen = useCallback(\n (value: boolean) => {\n if (controlledOpen === undefined) {\n setUncontrolledOpen(value);\n }\n onOpenChange?.(value);\n\n if (!value) {\n setHighlightedIndex(-1);\n }\n },\n [controlledOpen, onOpenChange]\n );\n\n const open = useCallback(() => setOpen(true), [setOpen]);\n const close = useCallback(() => setOpen(false), [setOpen]);\n const toggle = useCallback(() => setOpen(!isOpen), [setOpen, isOpen]);\n\n const registerItem = useCallback((id: string) => {\n const index = itemsRef.current.length;\n itemsRef.current.push(id);\n return index;\n }, []);\n\n const unregisterItem = useCallback((id: string) => {\n const index = itemsRef.current.indexOf(id);\n if (index > -1) {\n itemsRef.current.splice(index, 1);\n }\n }, []);\n\n const getItemCount = useCallback(() => itemsRef.current.length, []);\n\n const selectItem = useCallback(\n (index: number) => {\n onSelectRef.current?.(index);\n close();\n },\n [close]\n );\n\n const contextValue: ActionMenuContextValue = {\n isOpen,\n open,\n close,\n toggle,\n highlightedIndex,\n setHighlightedIndex,\n menuId,\n triggerId,\n registerItem,\n unregisterItem,\n getItemCount,\n selectItem,\n unstyled,\n };\n\n return (\n <ActionMenuProvider value={contextValue}>\n <div\n style={{ position: 'relative', display: 'inline-block' }}\n data-compa11y-action-menu\n >\n {children}\n </div>\n </ActionMenuProvider>\n );\n}\n\nexport interface ActionMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n children: React.ReactNode;\n}\n\nexport const ActionMenuTrigger = forwardRef<\n HTMLButtonElement,\n ActionMenuTriggerProps\n>(function ActionMenuTrigger({ children, onClick, onKeyDown, ...props }, ref) {\n const {\n isOpen,\n toggle,\n open,\n close,\n triggerId,\n menuId,\n setHighlightedIndex,\n getItemCount,\n } = useActionMenuContext();\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n onClick?.(event);\n if (!event.defaultPrevented) {\n toggle();\n }\n };\n\n const keyboardProps = useKeyboard(\n {\n ArrowDown: () => {\n if (!isOpen) {\n open();\n }\n setHighlightedIndex(0);\n },\n ArrowUp: () => {\n if (!isOpen) {\n open();\n }\n setHighlightedIndex(getItemCount() - 1);\n },\n Enter: () => toggle(),\n Space: () => toggle(),\n Escape: () => close(),\n },\n { preventDefault: true }\n );\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n onKeyDown?.(event);\n if (!event.defaultPrevented) {\n keyboardProps.onKeyDown(event);\n }\n };\n\n return (\n <button\n ref={ref}\n id={triggerId}\n type=\"button\"\n // Safari fix: Ensure button is in tab order (Safari skips buttons by default)\n tabIndex={0}\n aria-haspopup=\"menu\"\n aria-expanded={isOpen}\n aria-controls={isOpen ? menuId : undefined}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n data-compa11y-action-menu-trigger\n {...props}\n >\n {children}\n </button>\n );\n});\n\nexport interface ActionMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode;\n}\n\nexport const ActionMenuContent = forwardRef<\n HTMLDivElement,\n ActionMenuContentProps\n>(function ActionMenuContent({ children, onKeyDown, style, ...props }, ref) {\n const {\n isOpen,\n close,\n menuId,\n triggerId,\n highlightedIndex,\n setHighlightedIndex,\n getItemCount,\n unstyled,\n } = useActionMenuContext();\n const menuRef = useRef<HTMLDivElement>(null);\n\n const clickHighlightedItem = () => {\n if (highlightedIndex >= 0 && menuRef.current) {\n const items = menuRef.current.querySelectorAll('[role=\"menuitem\"]');\n const item = items[highlightedIndex] as HTMLElement;\n if (item && item.getAttribute('aria-disabled') !== 'true') {\n item.click();\n }\n }\n };\n\n const keyboardProps = useKeyboard(\n {\n ArrowDown: () => {\n const count = getItemCount();\n setHighlightedIndex((highlightedIndex + 1) % count);\n },\n ArrowUp: () => {\n const count = getItemCount();\n setHighlightedIndex((highlightedIndex - 1 + count) % count);\n },\n Home: () => setHighlightedIndex(0),\n End: () => setHighlightedIndex(getItemCount() - 1),\n Enter: () => clickHighlightedItem(),\n Space: () => clickHighlightedItem(),\n Escape: () => close(),\n Tab: () => {\n close();\n return false; // Allow default tab behavior\n },\n },\n { preventDefault: true }\n );\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n onKeyDown?.(event);\n if (!event.defaultPrevented) {\n keyboardProps.onKeyDown(event);\n }\n };\n\n useEffect(() => {\n if (isOpen && menuRef.current) {\n menuRef.current.focus();\n }\n }, [isOpen]);\n\n useEffect(() => {\n if (!isOpen) return;\n\n const handleClick = (event: MouseEvent) => {\n const target = event.target as Node;\n const menu = menuRef.current;\n const trigger = document.getElementById(triggerId);\n\n if (\n menu &&\n !menu.contains(target) &&\n trigger &&\n !trigger.contains(target)\n ) {\n close();\n }\n };\n\n document.addEventListener('mousedown', handleClick);\n return () => document.removeEventListener('mousedown', handleClick);\n }, [isOpen, close, triggerId]);\n\n if (!isOpen) {\n return null;\n }\n\n // Structural styles - always applied, required for dropdown positioning\n const contentStructuralStyles: React.CSSProperties = {\n position: 'absolute',\n top: '100%',\n left: 0,\n marginTop: '4px',\n zIndex: 1000,\n };\n\n // Visual styles - only applied when not unstyled\n const contentVisualStyles: React.CSSProperties = unstyled\n ? {}\n : {\n minWidth: '160px',\n backgroundColor: 'white',\n border: '1px solid #e0e0e0',\n borderRadius: '4px',\n boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)',\n padding: '4px 0',\n };\n\n const contentStyles: React.CSSProperties = {\n ...contentStructuralStyles,\n ...contentVisualStyles,\n };\n\n return (\n <div\n ref={(node) => {\n (menuRef as React.MutableRefObject<HTMLDivElement | null>).current =\n node;\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref) {\n ref.current = node;\n }\n }}\n id={menuId}\n role=\"menu\"\n aria-labelledby={triggerId}\n tabIndex={-1}\n onKeyDown={handleKeyDown}\n style={{ ...contentStyles, ...style }}\n data-compa11y-action-menu-content\n {...props}\n >\n {children}\n </div>\n );\n});\n\nexport interface ActionMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Whether the item is disabled */\n disabled?: boolean;\n /** Called when item is selected */\n onSelect?: () => void;\n children: React.ReactNode;\n}\n\nexport const ActionMenuItem = forwardRef<HTMLDivElement, ActionMenuItemProps>(\n function ActionMenuItem(\n {\n children,\n disabled = false,\n onSelect,\n onClick,\n onMouseEnter,\n style,\n ...props\n },\n ref\n ) {\n const {\n registerItem,\n unregisterItem,\n highlightedIndex,\n setHighlightedIndex,\n close,\n unstyled,\n } = useActionMenuContext();\n const itemId = useId('action-menu-item');\n const indexRef = useRef(-1);\n\n useEffect(() => {\n if (!disabled) {\n indexRef.current = registerItem(itemId);\n }\n return () => {\n if (!disabled) {\n unregisterItem(itemId);\n }\n };\n }, [itemId, disabled, registerItem, unregisterItem]);\n\n const isHighlighted = indexRef.current === highlightedIndex;\n\n const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n onClick?.(event);\n if (!event.defaultPrevented && !disabled) {\n onSelect?.();\n close();\n }\n };\n\n const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement>) => {\n onMouseEnter?.(event);\n if (!disabled) {\n setHighlightedIndex(indexRef.current);\n }\n };\n\n // Behavioral styles - always applied for correct UX\n const itemBehaviorStyles: React.CSSProperties = {\n cursor: disabled ? 'not-allowed' : 'pointer',\n opacity: disabled ? 0.5 : 1,\n };\n\n // Visual styles - only applied when not unstyled\n const itemVisualStyles: React.CSSProperties = unstyled\n ? {}\n : {\n padding: '8px 16px',\n backgroundColor: isHighlighted ? '#f0f0f0' : 'transparent',\n };\n\n const itemStyles: React.CSSProperties = {\n ...itemBehaviorStyles,\n ...itemVisualStyles,\n };\n\n return (\n <div\n ref={ref}\n id={itemId}\n role=\"menuitem\"\n tabIndex={-1}\n aria-disabled={disabled}\n data-highlighted={isHighlighted}\n data-disabled={disabled}\n onClick={handleClick}\n onMouseEnter={handleMouseEnter}\n style={{ ...itemStyles, ...style }}\n data-compa11y-action-menu-item\n {...props}\n >\n {children}\n </div>\n );\n }\n);\n\nexport interface ActionMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const ActionMenuSeparator = forwardRef<\n HTMLDivElement,\n ActionMenuSeparatorProps\n>(function ActionMenuSeparator(props, ref) {\n return (\n <div\n ref={ref}\n role=\"separator\"\n data-compa11y-action-menu-separator\n {...props}\n />\n );\n});\n\nexport interface ActionMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode;\n}\n\nexport const ActionMenuLabel = forwardRef<HTMLDivElement, ActionMenuLabelProps>(\n function ActionMenuLabel({ children, ...props }, ref) {\n return (\n <div\n ref={ref}\n role=\"presentation\"\n data-compa11y-action-menu-label\n {...props}\n >\n {children}\n </div>\n );\n }\n);\n\nexport const ActionMenuCompound = Object.assign(ActionMenu, {\n Trigger: ActionMenuTrigger,\n Content: ActionMenuContent,\n Item: ActionMenuItem,\n Separator: ActionMenuSeparator,\n Label: ActionMenuLabel,\n});\n"]}
@@ -1,245 +0,0 @@
1
- 'use strict';
2
-
3
- var chunkRBDQCIS7_cjs = require('./chunk-RBDQCIS7.cjs');
4
- var chunkGDLOJH6K_cjs = require('./chunk-GDLOJH6K.cjs');
5
- var chunk52J4Z3QD_cjs = require('./chunk-52J4Z3QD.cjs');
6
- var React = require('react');
7
- var jsxRuntime = require('react/jsx-runtime');
8
-
9
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
-
11
- var React__default = /*#__PURE__*/_interopDefault(React);
12
-
13
- var TabsContext = React.createContext(null);
14
- function useTabsContext() {
15
- const context = React.useContext(TabsContext);
16
- if (!context) {
17
- throw new Error(
18
- "Tabs compound components must be used within a Tabs component"
19
- );
20
- }
21
- return context;
22
- }
23
- var TabsProvider = TabsContext.Provider;
24
- var Tabs = React.forwardRef(function Tabs2({
25
- defaultValue = "",
26
- value: controlledValue,
27
- onValueChange,
28
- orientation = "horizontal",
29
- activationMode = "automatic",
30
- children,
31
- ...props
32
- }, ref) {
33
- const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
34
- const selectedValue = controlledValue ?? uncontrolledValue;
35
- const tabsRef = React.useRef([]);
36
- const baseId = chunk52J4Z3QD_cjs.useId("tabs");
37
- const setSelectedValue = React.useCallback(
38
- (value) => {
39
- if (controlledValue === void 0) {
40
- setUncontrolledValue(value);
41
- }
42
- onValueChange?.(value);
43
- },
44
- [controlledValue, onValueChange]
45
- );
46
- const registerTab = React.useCallback((value) => {
47
- if (!tabsRef.current.includes(value)) {
48
- tabsRef.current.push(value);
49
- }
50
- }, []);
51
- const unregisterTab = React.useCallback((value) => {
52
- const index = tabsRef.current.indexOf(value);
53
- if (index > -1) {
54
- tabsRef.current.splice(index, 1);
55
- }
56
- }, []);
57
- const getTabValues = React.useCallback(() => [...tabsRef.current], []);
58
- const contextValue = {
59
- selectedValue,
60
- setSelectedValue,
61
- baseId,
62
- orientation,
63
- activationMode,
64
- registerTab,
65
- unregisterTab,
66
- getTabValues
67
- };
68
- return /* @__PURE__ */ jsxRuntime.jsx(TabsProvider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
69
- "div",
70
- {
71
- ref,
72
- "data-orientation": orientation,
73
- "data-compa11y-tabs": true,
74
- ...props,
75
- children
76
- }
77
- ) });
78
- });
79
- var TabList = React.forwardRef(
80
- function TabList2({ children, "aria-label": ariaLabel, onKeyDown, ...props }, ref) {
81
- const {
82
- orientation,
83
- selectedValue,
84
- setSelectedValue,
85
- getTabValues,
86
- activationMode
87
- } = useTabsContext();
88
- const navigateToTab = React.useCallback(
89
- (direction) => {
90
- const values = getTabValues();
91
- if (values.length === 0) return;
92
- const currentIndex = values.indexOf(selectedValue);
93
- let newIndex;
94
- switch (direction) {
95
- case "next":
96
- newIndex = (currentIndex + 1) % values.length;
97
- break;
98
- case "previous":
99
- newIndex = (currentIndex - 1 + values.length) % values.length;
100
- break;
101
- case "first":
102
- newIndex = 0;
103
- break;
104
- case "last":
105
- newIndex = values.length - 1;
106
- break;
107
- }
108
- const newValue = values[newIndex];
109
- if (newValue) {
110
- const tabElement = document.querySelector(
111
- `[data-compa11y-tab][data-value="${newValue}"]`
112
- );
113
- tabElement?.focus();
114
- if (activationMode === "automatic") {
115
- setSelectedValue(newValue);
116
- }
117
- }
118
- },
119
- [getTabValues, selectedValue, setSelectedValue, activationMode]
120
- );
121
- const keyboardProps = chunkGDLOJH6K_cjs.useKeyboard(
122
- {
123
- ArrowRight: () => {
124
- if (orientation === "horizontal") navigateToTab("next");
125
- },
126
- ArrowLeft: () => {
127
- if (orientation === "horizontal") navigateToTab("previous");
128
- },
129
- ArrowDown: () => {
130
- if (orientation === "vertical") navigateToTab("next");
131
- },
132
- ArrowUp: () => {
133
- if (orientation === "vertical") navigateToTab("previous");
134
- },
135
- Home: () => navigateToTab("first"),
136
- End: () => navigateToTab("last")
137
- },
138
- { preventDefault: true }
139
- );
140
- const handleKeyDown = (event) => {
141
- onKeyDown?.(event);
142
- if (!event.defaultPrevented) {
143
- keyboardProps.onKeyDown(event);
144
- }
145
- };
146
- return /* @__PURE__ */ jsxRuntime.jsx(
147
- "div",
148
- {
149
- ref,
150
- role: "tablist",
151
- "aria-label": ariaLabel,
152
- "aria-orientation": orientation,
153
- onKeyDown: handleKeyDown,
154
- "data-compa11y-tablist": true,
155
- ...props,
156
- children
157
- }
158
- );
159
- }
160
- );
161
- var Tab = React.forwardRef(function Tab2({ value, disabled = false, children, onClick, ...props }, ref) {
162
- const {
163
- selectedValue,
164
- setSelectedValue,
165
- baseId,
166
- registerTab,
167
- unregisterTab
168
- } = useTabsContext();
169
- const { announce } = chunkRBDQCIS7_cjs.useAnnouncer();
170
- React__default.default.useEffect(() => {
171
- registerTab(value);
172
- return () => unregisterTab(value);
173
- }, [value, registerTab, unregisterTab]);
174
- const isSelected = selectedValue === value;
175
- const tabId = `${baseId}-tab-${value}`;
176
- const panelId = `${baseId}-panel-${value}`;
177
- const handleClick = (event) => {
178
- onClick?.(event);
179
- if (!event.defaultPrevented && !disabled) {
180
- setSelectedValue(value);
181
- announce(`${value} tab selected`);
182
- }
183
- };
184
- return /* @__PURE__ */ jsxRuntime.jsx(
185
- "button",
186
- {
187
- ref,
188
- type: "button",
189
- role: "tab",
190
- id: tabId,
191
- "aria-selected": isSelected,
192
- "aria-controls": panelId,
193
- "aria-disabled": disabled,
194
- tabIndex: isSelected ? 0 : -1,
195
- onClick: handleClick,
196
- disabled,
197
- "data-selected": isSelected,
198
- "data-disabled": disabled,
199
- "data-value": value,
200
- "data-compa11y-tab": true,
201
- ...props,
202
- children
203
- }
204
- );
205
- });
206
- var TabPanel = React.forwardRef(
207
- function TabPanel2({ value, forceMount = false, children, ...props }, ref) {
208
- const { selectedValue, baseId } = useTabsContext();
209
- const isSelected = selectedValue === value;
210
- const tabId = `${baseId}-tab-${value}`;
211
- const panelId = `${baseId}-panel-${value}`;
212
- if (!isSelected && !forceMount) {
213
- return null;
214
- }
215
- return /* @__PURE__ */ jsxRuntime.jsx(
216
- "div",
217
- {
218
- ref,
219
- role: "tabpanel",
220
- id: panelId,
221
- "aria-labelledby": tabId,
222
- tabIndex: 0,
223
- hidden: !isSelected,
224
- "data-selected": isSelected,
225
- "data-compa11y-tabpanel": true,
226
- ...props,
227
- children
228
- }
229
- );
230
- }
231
- );
232
- var TabsCompound = Object.assign(Tabs, {
233
- List: TabList,
234
- Tab,
235
- Panel: TabPanel
236
- });
237
-
238
- exports.Tab = Tab;
239
- exports.TabList = TabList;
240
- exports.TabPanel = TabPanel;
241
- exports.Tabs = Tabs;
242
- exports.TabsCompound = TabsCompound;
243
- exports.useTabsContext = useTabsContext;
244
- //# sourceMappingURL=chunk-D2UMS62N.cjs.map
245
- //# sourceMappingURL=chunk-D2UMS62N.cjs.map