@pingux/astro 2.130.4-alpha.0 → 2.131.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/lib/cjs/components/GridList/GridList.d.ts +3 -0
  2. package/lib/cjs/components/GridList/GridList.js +56 -0
  3. package/lib/cjs/components/GridList/GridList.mdx +68 -0
  4. package/lib/cjs/components/GridList/GridList.stories.d.ts +185 -0
  5. package/lib/cjs/components/GridList/GridList.stories.js +137 -0
  6. package/lib/cjs/components/GridList/GridList.styles.d.ts +18 -0
  7. package/lib/cjs/components/GridList/GridList.styles.js +27 -0
  8. package/lib/cjs/components/GridList/GridList.test.d.ts +1 -0
  9. package/lib/cjs/components/GridList/GridList.test.js +153 -0
  10. package/lib/cjs/components/GridList/GridListRow.d.ts +4 -0
  11. package/lib/cjs/components/GridList/GridListRow.js +88 -0
  12. package/lib/cjs/components/GridList/gridListAttributes.d.ts +170 -0
  13. package/lib/cjs/components/GridList/gridListAttributes.js +178 -0
  14. package/lib/cjs/components/GridList/index.d.ts +2 -0
  15. package/lib/cjs/components/GridList/index.js +21 -0
  16. package/lib/cjs/components/TreeView/InsertionIndicator.js +19 -14
  17. package/lib/cjs/components/TreeView/TreeView.styles.js +2 -1
  18. package/lib/cjs/components/TreeView/index.js +7 -0
  19. package/lib/cjs/hooks/index.d.ts +2 -0
  20. package/lib/cjs/hooks/index.js +14 -0
  21. package/lib/cjs/hooks/useGridList/index.d.ts +1 -0
  22. package/lib/cjs/hooks/useGridList/index.js +14 -0
  23. package/lib/cjs/hooks/useGridList/useGridList.d.ts +18 -0
  24. package/lib/cjs/hooks/useGridList/useGridList.js +175 -0
  25. package/lib/cjs/hooks/useGridListItem/index.d.ts +1 -0
  26. package/lib/cjs/hooks/useGridListItem/index.js +14 -0
  27. package/lib/cjs/hooks/useGridListItem/useGridListItem.d.ts +308 -0
  28. package/lib/cjs/hooks/useGridListItem/useGridListItem.js +67 -0
  29. package/lib/cjs/hooks/useReorderableCollection/index.d.ts +1 -0
  30. package/lib/cjs/hooks/useReorderableCollection/index.js +14 -0
  31. package/lib/cjs/hooks/useReorderableCollection/useReorderableCollection.d.ts +9 -0
  32. package/lib/cjs/hooks/useReorderableCollection/useReorderableCollection.js +99 -0
  33. package/lib/cjs/index.d.ts +1 -0
  34. package/lib/cjs/index.js +15 -0
  35. package/lib/cjs/styles/themes/next-gen/convertedComponentList.js +1 -1
  36. package/lib/cjs/styles/variants/variants.js +2 -0
  37. package/lib/cjs/types/dnd.d.ts +66 -0
  38. package/lib/cjs/types/dnd.js +6 -0
  39. package/lib/cjs/types/gridList.d.ts +59 -0
  40. package/lib/cjs/types/gridList.js +6 -0
  41. package/lib/components/GridList/GridList.js +44 -0
  42. package/lib/components/GridList/GridList.mdx +68 -0
  43. package/lib/components/GridList/GridList.stories.js +124 -0
  44. package/lib/components/GridList/GridList.styles.js +19 -0
  45. package/lib/components/GridList/GridList.test.js +149 -0
  46. package/lib/components/GridList/GridListRow.js +74 -0
  47. package/lib/components/GridList/gridListAttributes.js +170 -0
  48. package/lib/components/GridList/index.js +2 -0
  49. package/lib/components/TreeView/InsertionIndicator.js +19 -14
  50. package/lib/components/TreeView/TreeView.styles.js +2 -1
  51. package/lib/components/TreeView/index.js +1 -0
  52. package/lib/hooks/index.js +2 -0
  53. package/lib/hooks/useGridList/index.js +1 -0
  54. package/lib/hooks/useGridList/useGridList.js +166 -0
  55. package/lib/hooks/useGridListItem/index.js +1 -0
  56. package/lib/hooks/useGridListItem/useGridListItem.js +59 -0
  57. package/lib/hooks/useReorderableCollection/index.js +1 -0
  58. package/lib/hooks/useReorderableCollection/useReorderableCollection.js +91 -0
  59. package/lib/index.js +1 -0
  60. package/lib/styles/themes/next-gen/convertedComponentList.js +1 -1
  61. package/lib/styles/variants/variants.js +2 -0
  62. package/lib/types/dnd.js +1 -0
  63. package/lib/types/gridList.js +1 -0
  64. package/package.json +3 -2
@@ -0,0 +1,308 @@
1
+ /// <reference types="react" />
2
+ /// <reference types="react" />
3
+ import { UseGridListItemProps } from '../../types/gridList';
4
+ declare const useGridListItem: (props: UseGridListItemProps) => {
5
+ buttonProps: {
6
+ isDisabled?: boolean | undefined;
7
+ children?: import("react").ReactNode;
8
+ onPress?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
9
+ onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
10
+ onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
11
+ onPressChange?: ((isPressed: boolean) => void) | undefined;
12
+ onPressUp?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
13
+ autoFocus?: boolean | undefined;
14
+ onFocus?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
15
+ onBlur?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
16
+ onFocusChange?: ((isFocused: boolean) => void) | undefined;
17
+ onKeyDown?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;
18
+ onKeyUp?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;
19
+ href?: string | undefined;
20
+ target?: string | undefined;
21
+ rel?: string | undefined;
22
+ elementType?: "button" | import("react").JSXElementConstructor<any> | undefined;
23
+ 'aria-expanded'?: boolean | "false" | "true" | undefined;
24
+ 'aria-haspopup'?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "false" | "true" | undefined;
25
+ 'aria-controls'?: string | undefined;
26
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
27
+ type?: "button" | "reset" | "submit" | undefined;
28
+ excludeFromTabOrder?: boolean | undefined;
29
+ id?: string | undefined;
30
+ 'aria-label'?: string | undefined;
31
+ 'aria-labelledby'?: string | undefined;
32
+ 'aria-describedby'?: string | undefined;
33
+ 'aria-details'?: string | undefined;
34
+ };
35
+ gridCellProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
36
+ isDragging: boolean;
37
+ rowProps: {
38
+ id?: string | undefined;
39
+ role?: import("react").AriaRole | undefined;
40
+ tabIndex?: number | undefined;
41
+ style?: import("react").CSSProperties | undefined;
42
+ className: string;
43
+ 'aria-activedescendant'?: string | undefined;
44
+ 'aria-atomic'?: (boolean | "false" | "true") | undefined;
45
+ 'aria-autocomplete'?: "list" | "none" | "both" | "inline" | undefined;
46
+ 'aria-braillelabel'?: string | undefined;
47
+ 'aria-brailleroledescription'?: string | undefined;
48
+ 'aria-busy'?: (boolean | "false" | "true") | undefined;
49
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
50
+ 'aria-colcount'?: number | undefined;
51
+ 'aria-colindex'?: number | undefined;
52
+ 'aria-colindextext'?: string | undefined;
53
+ 'aria-colspan'?: number | undefined;
54
+ 'aria-controls'?: string | undefined;
55
+ 'aria-current'?: boolean | "time" | "date" | "page" | "false" | "true" | "step" | "location" | undefined;
56
+ 'aria-describedby'?: string | undefined;
57
+ 'aria-description'?: string | undefined;
58
+ 'aria-details'?: string | undefined;
59
+ 'aria-disabled'?: (boolean | "false" | "true") | undefined;
60
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
61
+ 'aria-errormessage'?: string | undefined;
62
+ 'aria-expanded'?: (boolean | "false" | "true") | undefined;
63
+ 'aria-flowto'?: string | undefined;
64
+ 'aria-grabbed'?: (boolean | "false" | "true") | undefined;
65
+ 'aria-haspopup'?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "false" | "true" | undefined;
66
+ 'aria-hidden'?: (boolean | "false" | "true") | undefined;
67
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
68
+ 'aria-keyshortcuts'?: string | undefined;
69
+ 'aria-label'?: string | undefined;
70
+ 'aria-labelledby'?: string | undefined;
71
+ 'aria-level'?: number | undefined;
72
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
73
+ 'aria-modal'?: (boolean | "false" | "true") | undefined;
74
+ 'aria-multiline'?: (boolean | "false" | "true") | undefined;
75
+ 'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
76
+ 'aria-orientation'?: "vertical" | "horizontal" | undefined;
77
+ 'aria-owns'?: string | undefined;
78
+ 'aria-placeholder'?: string | undefined;
79
+ 'aria-posinset'?: number | undefined;
80
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
81
+ 'aria-readonly'?: (boolean | "false" | "true") | undefined;
82
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
83
+ 'aria-required'?: (boolean | "false" | "true") | undefined;
84
+ 'aria-roledescription'?: string | undefined;
85
+ 'aria-rowcount'?: number | undefined;
86
+ 'aria-rowindex'?: number | undefined;
87
+ 'aria-rowindextext'?: string | undefined;
88
+ 'aria-rowspan'?: number | undefined;
89
+ 'aria-selected'?: (boolean | "false" | "true") | undefined;
90
+ 'aria-setsize'?: number | undefined;
91
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
92
+ 'aria-valuemax'?: number | undefined;
93
+ 'aria-valuemin'?: number | undefined;
94
+ 'aria-valuenow'?: number | undefined;
95
+ 'aria-valuetext'?: string | undefined;
96
+ children?: import("react").ReactNode;
97
+ dangerouslySetInnerHTML?: {
98
+ __html: string | TrustedHTML;
99
+ } | undefined;
100
+ onCopy?: (import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<HTMLElement>) | undefined;
101
+ onCopyCapture?: (import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<HTMLElement>) | undefined;
102
+ onCut?: (import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<HTMLElement>) | undefined;
103
+ onCutCapture?: (import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<HTMLElement>) | undefined;
104
+ onPaste?: (import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<HTMLElement>) | undefined;
105
+ onPasteCapture?: (import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").ClipboardEventHandler<HTMLElement>) | undefined;
106
+ onCompositionEnd?: (import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<HTMLElement>) | undefined;
107
+ onCompositionEndCapture?: (import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<HTMLElement>) | undefined;
108
+ onCompositionStart?: (import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<HTMLElement>) | undefined;
109
+ onCompositionStartCapture?: (import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<HTMLElement>) | undefined;
110
+ onCompositionUpdate?: (import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<HTMLElement>) | undefined;
111
+ onCompositionUpdateCapture?: (import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<import("@react-types/shared").FocusableElement> & import("react").CompositionEventHandler<HTMLElement>) | undefined;
112
+ onFocus?: (import("react").FocusEventHandler<import("@react-types/shared").FocusableElement> & import("react").FocusEventHandler<import("@react-types/shared").FocusableElement> & import("react").FocusEventHandler<HTMLElement>) | undefined;
113
+ onFocusCapture?: (import("react").FocusEventHandler<import("@react-types/shared").FocusableElement> & import("react").FocusEventHandler<import("@react-types/shared").FocusableElement> & import("react").FocusEventHandler<HTMLElement>) | undefined;
114
+ onBlur?: (import("react").FocusEventHandler<import("@react-types/shared").FocusableElement> & import("react").FocusEventHandler<import("@react-types/shared").FocusableElement> & import("react").FocusEventHandler<HTMLElement>) | undefined;
115
+ onBlurCapture?: (import("react").FocusEventHandler<import("@react-types/shared").FocusableElement> & import("react").FocusEventHandler<import("@react-types/shared").FocusableElement> & import("react").FocusEventHandler<HTMLElement>) | undefined;
116
+ onChange?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLElement>) | undefined;
117
+ onChangeCapture?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLElement>) | undefined;
118
+ onBeforeInput?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLElement>) | undefined;
119
+ onBeforeInputCapture?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLElement>) | undefined;
120
+ onInput?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLElement>) | undefined;
121
+ onInputCapture?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLElement>) | undefined;
122
+ onReset?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLElement>) | undefined;
123
+ onResetCapture?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLElement>) | undefined;
124
+ onSubmit?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLElement>) | undefined;
125
+ onSubmitCapture?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLElement>) | undefined;
126
+ onInvalid?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLElement>) | undefined;
127
+ onInvalidCapture?: (import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<import("@react-types/shared").FocusableElement> & import("react").FormEventHandler<HTMLElement>) | undefined;
128
+ onLoad?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
129
+ onLoadCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
130
+ onError?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
131
+ onErrorCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
132
+ onKeyDown?: (import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<HTMLElement>) | undefined;
133
+ onKeyDownCapture?: (import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<HTMLElement>) | undefined;
134
+ onKeyPress?: (import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<HTMLElement>) | undefined;
135
+ onKeyPressCapture?: (import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<HTMLElement>) | undefined;
136
+ onKeyUp?: (import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<HTMLElement>) | undefined;
137
+ onKeyUpCapture?: (import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<import("@react-types/shared").FocusableElement> & import("react").KeyboardEventHandler<HTMLElement>) | undefined;
138
+ onAbort?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
139
+ onAbortCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
140
+ onCanPlay?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
141
+ onCanPlayCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
142
+ onCanPlayThrough?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
143
+ onCanPlayThroughCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
144
+ onDurationChange?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
145
+ onDurationChangeCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
146
+ onEmptied?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
147
+ onEmptiedCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
148
+ onEncrypted?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
149
+ onEncryptedCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
150
+ onEnded?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
151
+ onEndedCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
152
+ onLoadedData?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
153
+ onLoadedDataCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
154
+ onLoadedMetadata?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
155
+ onLoadedMetadataCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
156
+ onLoadStart?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
157
+ onLoadStartCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
158
+ onPause?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
159
+ onPauseCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
160
+ onPlay?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
161
+ onPlayCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
162
+ onPlaying?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
163
+ onPlayingCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
164
+ onProgress?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
165
+ onProgressCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
166
+ onRateChange?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
167
+ onRateChangeCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
168
+ onResize?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
169
+ onResizeCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
170
+ onSeeked?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
171
+ onSeekedCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
172
+ onSeeking?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
173
+ onSeekingCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
174
+ onStalled?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
175
+ onStalledCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
176
+ onSuspend?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
177
+ onSuspendCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
178
+ onTimeUpdate?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
179
+ onTimeUpdateCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
180
+ onVolumeChange?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
181
+ onVolumeChangeCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
182
+ onWaiting?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
183
+ onWaitingCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
184
+ onAuxClick?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
185
+ onAuxClickCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
186
+ onClick?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
187
+ onClickCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
188
+ onContextMenu?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
189
+ onContextMenuCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
190
+ onDoubleClick?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
191
+ onDoubleClickCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
192
+ onDrag?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLElement>) | undefined;
193
+ onDragCapture?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLElement>) | undefined;
194
+ onDragEnd?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLElement>) | undefined;
195
+ onDragEndCapture?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLElement>) | undefined;
196
+ onDragEnter?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLElement>) | undefined;
197
+ onDragEnterCapture?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLElement>) | undefined;
198
+ onDragExit?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLElement>) | undefined;
199
+ onDragExitCapture?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLElement>) | undefined;
200
+ onDragLeave?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLElement>) | undefined;
201
+ onDragLeaveCapture?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLElement>) | undefined;
202
+ onDragOver?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLElement>) | undefined;
203
+ onDragOverCapture?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLElement>) | undefined;
204
+ onDragStart?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLElement>) | undefined;
205
+ onDragStartCapture?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLElement>) | undefined;
206
+ onDrop?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLElement>) | undefined;
207
+ onDropCapture?: (import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<import("@react-types/shared").FocusableElement> & import("react").DragEventHandler<HTMLElement>) | undefined;
208
+ onMouseDown?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
209
+ onMouseDownCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
210
+ onMouseEnter?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
211
+ onMouseLeave?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
212
+ onMouseMove?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
213
+ onMouseMoveCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
214
+ onMouseOut?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
215
+ onMouseOutCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
216
+ onMouseOver?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
217
+ onMouseOverCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
218
+ onMouseUp?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
219
+ onMouseUpCapture?: (import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<import("@react-types/shared").FocusableElement> & import("react").MouseEventHandler<HTMLElement>) | undefined;
220
+ onSelect?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
221
+ onSelectCapture?: (import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<import("@react-types/shared").FocusableElement> & import("react").ReactEventHandler<HTMLElement>) | undefined;
222
+ onTouchCancel?: (import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<HTMLElement>) | undefined;
223
+ onTouchCancelCapture?: (import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<HTMLElement>) | undefined;
224
+ onTouchEnd?: (import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<HTMLElement>) | undefined;
225
+ onTouchEndCapture?: (import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<HTMLElement>) | undefined;
226
+ onTouchMove?: (import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<HTMLElement>) | undefined;
227
+ onTouchMoveCapture?: (import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<HTMLElement>) | undefined;
228
+ onTouchStart?: (import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<HTMLElement>) | undefined;
229
+ onTouchStartCapture?: (import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<import("@react-types/shared").FocusableElement> & import("react").TouchEventHandler<HTMLElement>) | undefined;
230
+ onPointerDown?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
231
+ onPointerDownCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
232
+ onPointerMove?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
233
+ onPointerMoveCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
234
+ onPointerUp?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
235
+ onPointerUpCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
236
+ onPointerCancel?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
237
+ onPointerCancelCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
238
+ onPointerEnter?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
239
+ onPointerEnterCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
240
+ onPointerLeave?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
241
+ onPointerLeaveCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
242
+ onPointerOver?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
243
+ onPointerOverCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
244
+ onPointerOut?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
245
+ onPointerOutCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
246
+ onGotPointerCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
247
+ onGotPointerCaptureCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
248
+ onLostPointerCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
249
+ onLostPointerCaptureCapture?: (import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<import("@react-types/shared").FocusableElement> & import("react").PointerEventHandler<HTMLElement>) | undefined;
250
+ onScroll?: (import("react").UIEventHandler<import("@react-types/shared").FocusableElement> & import("react").UIEventHandler<import("@react-types/shared").FocusableElement> & import("react").UIEventHandler<HTMLElement>) | undefined;
251
+ onScrollCapture?: (import("react").UIEventHandler<import("@react-types/shared").FocusableElement> & import("react").UIEventHandler<import("@react-types/shared").FocusableElement> & import("react").UIEventHandler<HTMLElement>) | undefined;
252
+ onWheel?: (import("react").WheelEventHandler<import("@react-types/shared").FocusableElement> & import("react").WheelEventHandler<import("@react-types/shared").FocusableElement> & import("react").WheelEventHandler<HTMLElement>) | undefined;
253
+ onWheelCapture?: (import("react").WheelEventHandler<import("@react-types/shared").FocusableElement> & import("react").WheelEventHandler<import("@react-types/shared").FocusableElement> & import("react").WheelEventHandler<HTMLElement>) | undefined;
254
+ onAnimationStart?: (import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<HTMLElement>) | undefined;
255
+ onAnimationStartCapture?: (import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<HTMLElement>) | undefined;
256
+ onAnimationEnd?: (import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<HTMLElement>) | undefined;
257
+ onAnimationEndCapture?: (import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<HTMLElement>) | undefined;
258
+ onAnimationIteration?: (import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<HTMLElement>) | undefined;
259
+ onAnimationIterationCapture?: (import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<import("@react-types/shared").FocusableElement> & import("react").AnimationEventHandler<HTMLElement>) | undefined;
260
+ onTransitionEnd?: (import("react").TransitionEventHandler<import("@react-types/shared").FocusableElement> & import("react").TransitionEventHandler<import("@react-types/shared").FocusableElement> & import("react").TransitionEventHandler<HTMLElement>) | undefined;
261
+ onTransitionEndCapture?: (import("react").TransitionEventHandler<import("@react-types/shared").FocusableElement> & import("react").TransitionEventHandler<import("@react-types/shared").FocusableElement> & import("react").TransitionEventHandler<HTMLElement>) | undefined;
262
+ defaultChecked?: boolean | undefined;
263
+ defaultValue?: string | number | readonly string[] | undefined;
264
+ suppressContentEditableWarning?: boolean | undefined;
265
+ suppressHydrationWarning?: boolean | undefined;
266
+ accessKey?: string | undefined;
267
+ autoFocus?: boolean | undefined;
268
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
269
+ contextMenu?: string | undefined;
270
+ dir?: string | undefined;
271
+ draggable?: (boolean | "false" | "true") | undefined;
272
+ hidden?: boolean | undefined;
273
+ lang?: string | undefined;
274
+ nonce?: string | undefined;
275
+ placeholder?: string | undefined;
276
+ slot?: string | undefined;
277
+ spellCheck?: (boolean | "false" | "true") | undefined;
278
+ title?: string | undefined;
279
+ translate?: "yes" | "no" | undefined;
280
+ radioGroup?: string | undefined;
281
+ about?: string | undefined;
282
+ content?: string | undefined;
283
+ datatype?: string | undefined;
284
+ inlist?: any;
285
+ prefix?: string | undefined;
286
+ property?: string | undefined;
287
+ rel?: string | undefined;
288
+ resource?: string | undefined;
289
+ rev?: string | undefined;
290
+ typeof?: string | undefined;
291
+ vocab?: string | undefined;
292
+ autoCapitalize?: string | undefined;
293
+ autoCorrect?: string | undefined;
294
+ autoSave?: string | undefined;
295
+ color?: string | undefined;
296
+ itemProp?: string | undefined;
297
+ itemScope?: boolean | undefined;
298
+ itemType?: string | undefined;
299
+ itemID?: string | undefined;
300
+ itemRef?: string | undefined;
301
+ results?: number | undefined;
302
+ security?: string | undefined;
303
+ unselectable?: "off" | "on" | undefined;
304
+ inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
305
+ is?: string | undefined;
306
+ };
307
+ };
308
+ export default useGridListItem;
@@ -0,0 +1,67 @@
1
+ "use strict";
2
+
3
+ var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
4
+ var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
5
+ var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
6
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
7
+ var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
8
+ var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
9
+ var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
10
+ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
11
+ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
12
+ _Object$defineProperty(exports, "__esModule", {
13
+ value: true
14
+ });
15
+ exports["default"] = void 0;
16
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
17
+ var _reactAria = require("react-aria");
18
+ var _dnd = require("@react-aria/dnd");
19
+ var _focus = require("@react-aria/focus");
20
+ var _gridlist = require("@react-aria/gridlist");
21
+ var _ = require("..");
22
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
23
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
24
+ var useGridListItem = function useGridListItem(props) {
25
+ var dragState = props.dragState,
26
+ isReorderable = props.isReorderable,
27
+ item = props.item,
28
+ ref = props.ref,
29
+ state = props.state;
30
+ var _raUseGridListItem = (0, _gridlist.useGridListItem)({
31
+ node: item,
32
+ hasChildItems: true
33
+ },
34
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
35
+ state, ref),
36
+ rowProps = _raUseGridListItem.rowProps,
37
+ gridCellProps = _raUseGridListItem.gridCellProps;
38
+
39
+ // Register the item as a drag source.
40
+ var _useDraggableItem = (0, _dnd.useDraggableItem)({
41
+ hasDragButton: true,
42
+ key: item.key
43
+ }, dragState),
44
+ dragProps = _useDraggableItem.dragProps,
45
+ dragButtonProps = _useDraggableItem.dragButtonProps;
46
+ var _useFocusRing = (0, _focus.useFocusRing)(),
47
+ focusProps = _useFocusRing.focusProps,
48
+ isFocusVisible = _useFocusRing.isFocusVisible;
49
+ var isDragging = dragState.draggedKey === item.key;
50
+ var _useStatusClasses = (0, _.useStatusClasses)('', {
51
+ isFocused: isFocusVisible,
52
+ isDragging: isDragging
53
+ }),
54
+ classNames = _useStatusClasses.classNames;
55
+ var mergedRowProps = _objectSpread({}, (0, _reactAria.mergeProps)(rowProps, focusProps, _objectSpread({}, isReorderable && dragProps), {
56
+ className: classNames
57
+ }));
58
+ var buttonProps = _objectSpread({}, (0, _reactAria.mergeProps)(dragButtonProps));
59
+ return {
60
+ buttonProps: buttonProps,
61
+ gridCellProps: gridCellProps,
62
+ isDragging: isDragging,
63
+ rowProps: mergedRowProps
64
+ };
65
+ };
66
+ var _default = useGridListItem;
67
+ exports["default"] = _default;
@@ -0,0 +1 @@
1
+ export { default } from './useReorderableCollection';
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+
3
+ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
4
+ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
5
+ _Object$defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ _Object$defineProperty(exports, "default", {
9
+ enumerable: true,
10
+ get: function get() {
11
+ return _useReorderableCollection["default"];
12
+ }
13
+ });
14
+ var _useReorderableCollection = _interopRequireDefault(require("./useReorderableCollection"));
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { UseReorderableCollectionProps } from '../../types/dnd';
3
+ declare const useReorderableCollection: (props: UseReorderableCollectionProps) => {
4
+ collectionProps: React.HTMLAttributes<HTMLElement>;
5
+ dragState: import("@react-stately/dnd").DraggableCollectionState;
6
+ dropState: import("@react-stately/dnd").DroppableCollectionState;
7
+ state: import("react-stately").ListState<object>;
8
+ };
9
+ export default useReorderableCollection;
@@ -0,0 +1,99 @@
1
+ "use strict";
2
+
3
+ var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
4
+ var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
5
+ var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
6
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
7
+ var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
8
+ var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
9
+ var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
10
+ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
11
+ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
12
+ _Object$defineProperty(exports, "__esModule", {
13
+ value: true
14
+ });
15
+ exports["default"] = void 0;
16
+ var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/values"));
17
+ var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/keys"));
18
+ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
19
+ var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
20
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
21
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
22
+ var _react = require("react");
23
+ var _dnd = require("@react-aria/dnd");
24
+ var _selection = require("@react-aria/selection");
25
+ var _dnd2 = require("@react-stately/dnd");
26
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
27
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
28
+ var useReorderableCollection = function useReorderableCollection(props) {
29
+ var _useState = (0, _react.useState)(''),
30
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
31
+ draggingKey = _useState2[0],
32
+ setDraggingKey = _useState2[1];
33
+ var draggableCollectionStateOptions = props.draggableCollectionStateOptions,
34
+ droppableCollectionStateOptions = props.droppableCollectionStateOptions,
35
+ isReorderable = props.isReorderable,
36
+ list = props.list,
37
+ useDroppableCollectionOptions = props.useDroppableCollectionOptions,
38
+ ref = props.ref,
39
+ state = props.state;
40
+ var _onReorder = useDroppableCollectionOptions.onReorder;
41
+ var onDropFunction = function onDropFunction(e) {
42
+ if (e.target.dropPosition === 'before') {
43
+ list.moveBefore(e.target.key, [draggingKey]);
44
+ } else if (e.target.dropPosition === 'after') {
45
+ list.moveAfter(e.target.key, [draggingKey]);
46
+ }
47
+ };
48
+ var draggableStateOptions = _objectSpread(_objectSpread({}, draggableCollectionStateOptions), {}, {
49
+ onDragStart: function onDragStart(e) {
50
+ var _context;
51
+ setDraggingKey((0, _values["default"])(_context = (0, _keys["default"])(e)).call(_context).next().value);
52
+ },
53
+ collection: state.collection,
54
+ selectionManager: state.selectionManager,
55
+ getItems: function getItems() {
56
+ var _context2;
57
+ return (0, _map["default"])(_context2 = (0, _from["default"])(state.collection)).call(_context2, function (_item) {
58
+ return {
59
+ 'text/plain': _item.key
60
+ };
61
+ });
62
+ }
63
+ });
64
+
65
+ // Setup drag state for the collection.
66
+ var dragState = (0, _dnd2.useDraggableCollectionState)(_objectSpread({}, draggableStateOptions));
67
+ var dropState = (0, _dnd2.useDroppableCollectionState)(_objectSpread(_objectSpread(_objectSpread({}, droppableCollectionStateOptions), isReorderable && {
68
+ onReorder: onDropFunction
69
+ }), {}, {
70
+ collection: state.collection,
71
+ selectionManager: state.selectionManager
72
+ }));
73
+
74
+ // not having this be an any would require bumping the react-aria global version.
75
+ // not sure we want to do that at this time.
76
+ var keyboardDelegate = new _selection.ListKeyboardDelegate(
77
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
78
+ state.collection, state.disabledKeys, ref);
79
+ var _useDroppableCollecti = (0, _dnd.useDroppableCollection)(_objectSpread(_objectSpread({}, useDroppableCollectionOptions), {}, {
80
+ onReorder: function onReorder(e) {
81
+ onDropFunction(e);
82
+ if (_onReorder) {
83
+ _onReorder(e);
84
+ }
85
+ },
86
+ dropTargetDelegate: new _dnd.ListDropTargetDelegate(state.collection, ref),
87
+ keyboardDelegate: keyboardDelegate
88
+ }), dropState, ref),
89
+ collectionProps = _useDroppableCollecti.collectionProps;
90
+ (0, _dnd.useDraggableCollection)(props, dragState, ref);
91
+ return {
92
+ collectionProps: collectionProps,
93
+ dragState: dragState,
94
+ dropState: dropState,
95
+ state: state
96
+ };
97
+ };
98
+ var _default = useReorderableCollection;
99
+ exports["default"] = _default;
@@ -82,6 +82,7 @@ export { default as FileInputField } from './components/FileInputField';
82
82
  export { default as Footer } from './components/Footer';
83
83
  export * from './components/Footer';
84
84
  export { default as Grid } from './components/Grid';
85
+ export { default as GridList, GridListRow } from './components/GridList';
85
86
  export { default as HelpHint } from './components/HelpHint';
86
87
  export * from './components/HelpHint';
87
88
  export { default as Icon } from './components/Icon';