@compa11y/react 0.1.0 → 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 (76) hide show
  1. package/README.md +487 -5
  2. package/dist/chunk-36S2JYVF.cjs +1 -0
  3. package/dist/chunk-AJ7JSWUT.cjs +1 -0
  4. package/dist/chunk-DDFEION3.cjs +1 -0
  5. package/dist/chunk-DWU3PTJO.cjs +1 -0
  6. package/dist/chunk-FD4F6ONU.cjs +1 -0
  7. package/dist/chunk-FOVHQAY5.cjs +1 -0
  8. package/dist/chunk-GITBIGD4.js +1 -0
  9. package/dist/chunk-HEA4NAOM.js +1 -0
  10. package/dist/chunk-IZ7LLPPV.js +1 -0
  11. package/dist/chunk-JS3UD7KS.cjs +1 -0
  12. package/dist/chunk-MAR6RBHF.cjs +1 -0
  13. package/dist/chunk-MD4AVTLT.js +1 -0
  14. package/dist/chunk-SB6ASQ36.js +1 -0
  15. package/dist/chunk-VMM4K2K4.js +1 -0
  16. package/dist/chunk-XEJXACWE.js +1 -0
  17. package/dist/chunk-ZB3SYGHE.js +1 -0
  18. package/dist/components/combobox/index.cjs +1 -31
  19. package/dist/components/combobox/index.js +1 -6
  20. package/dist/components/dialog/index.cjs +1 -46
  21. package/dist/components/dialog/index.js +1 -5
  22. package/dist/components/menu/index.cjs +1 -46
  23. package/dist/components/menu/index.js +1 -5
  24. package/dist/components/tabs/index.cjs +1 -35
  25. package/dist/components/tabs/index.js +1 -6
  26. package/dist/components/toast/index.cjs +1 -24
  27. package/dist/components/toast/index.js +1 -3
  28. package/dist/index.cjs +1 -702
  29. package/dist/index.d.cts +760 -3
  30. package/dist/index.d.ts +760 -3
  31. package/dist/index.js +1 -430
  32. package/package.json +44 -3
  33. package/dist/chunk-2S4C6FGA.js +0 -380
  34. package/dist/chunk-2S4C6FGA.js.map +0 -1
  35. package/dist/chunk-52J4Z3QD.cjs +0 -45
  36. package/dist/chunk-52J4Z3QD.cjs.map +0 -1
  37. package/dist/chunk-C7QK2I7H.js +0 -373
  38. package/dist/chunk-C7QK2I7H.js.map +0 -1
  39. package/dist/chunk-D2UMS62N.cjs +0 -245
  40. package/dist/chunk-D2UMS62N.cjs.map +0 -1
  41. package/dist/chunk-E265U2RK.js +0 -234
  42. package/dist/chunk-E265U2RK.js.map +0 -1
  43. package/dist/chunk-E4XJRXWM.js +0 -215
  44. package/dist/chunk-E4XJRXWM.js.map +0 -1
  45. package/dist/chunk-GDLOJH6K.cjs +0 -110
  46. package/dist/chunk-GDLOJH6K.cjs.map +0 -1
  47. package/dist/chunk-IR46CNNY.cjs +0 -329
  48. package/dist/chunk-IR46CNNY.cjs.map +0 -1
  49. package/dist/chunk-JXYOE7SH.js +0 -103
  50. package/dist/chunk-JXYOE7SH.js.map +0 -1
  51. package/dist/chunk-O3YYQZ5O.js +0 -317
  52. package/dist/chunk-O3YYQZ5O.js.map +0 -1
  53. package/dist/chunk-OIVTOU4Z.cjs +0 -386
  54. package/dist/chunk-OIVTOU4Z.cjs.map +0 -1
  55. package/dist/chunk-OND5B7UG.js +0 -85
  56. package/dist/chunk-OND5B7UG.js.map +0 -1
  57. package/dist/chunk-R4FR6M6I.cjs +0 -383
  58. package/dist/chunk-R4FR6M6I.cjs.map +0 -1
  59. package/dist/chunk-RBDQCIS7.cjs +0 -89
  60. package/dist/chunk-RBDQCIS7.cjs.map +0 -1
  61. package/dist/chunk-SOBS7MIH.cjs +0 -220
  62. package/dist/chunk-SOBS7MIH.cjs.map +0 -1
  63. package/dist/chunk-WURPAE3R.js +0 -41
  64. package/dist/chunk-WURPAE3R.js.map +0 -1
  65. package/dist/components/combobox/index.cjs.map +0 -1
  66. package/dist/components/combobox/index.js.map +0 -1
  67. package/dist/components/dialog/index.cjs.map +0 -1
  68. package/dist/components/dialog/index.js.map +0 -1
  69. package/dist/components/menu/index.cjs.map +0 -1
  70. package/dist/components/menu/index.js.map +0 -1
  71. package/dist/components/tabs/index.cjs.map +0 -1
  72. package/dist/components/tabs/index.js.map +0 -1
  73. package/dist/components/toast/index.cjs.map +0 -1
  74. package/dist/components/toast/index.js.map +0 -1
  75. package/dist/index.cjs.map +0 -1
  76. 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