@react-aria/focus 3.3.0 → 3.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React, { ReactNode, HTMLAttributes, ReactElement, MutableRefObject, RefObject } from "react";
1
+ import React, { ReactNode, RefObject, HTMLAttributes, ReactElement, MutableRefObject } from "react";
2
2
  import { FocusableDOMProps, FocusableProps } from "@react-types/shared";
3
3
  /**
4
4
  * A utility function that focuses an element while avoiding undesired side effects such
@@ -34,6 +34,10 @@ interface FocusManager {
34
34
  focusNext(opts?: FocusManagerOptions): HTMLElement;
35
35
  /** Moves focus to the previous focusable or tabbable element in the focus scope. */
36
36
  focusPrevious(opts?: FocusManagerOptions): HTMLElement;
37
+ /** Moves focus to the first focusable or tabbable element in the focus scope. */
38
+ focusFirst(opts?: FocusManagerOptions): HTMLElement;
39
+ /** Moves focus to the last focusable or tabbable element in the focus scope. */
40
+ focusLast(opts?: FocusManagerOptions): HTMLElement;
37
41
  }
38
42
  /**
39
43
  * A FocusScope manages focus for its descendants. It supports containing focus inside
@@ -54,6 +58,10 @@ export function useFocusManager(): FocusManager;
54
58
  * that matches all focusable/tabbable elements.
55
59
  */
56
60
  export function getFocusableTreeWalker(root: HTMLElement, opts?: FocusManagerOptions, scope?: HTMLElement[]): TreeWalker;
61
+ /**
62
+ * Creates a FocusManager object that can be used to move focus within an element.
63
+ */
64
+ export function createFocusManager(ref: RefObject<HTMLElement>): FocusManager;
57
65
  interface FocusRingProps {
58
66
  /**
59
67
  * Whether to show the focus ring when something
@@ -105,7 +113,7 @@ interface _FocusRingProps1 {
105
113
  * Focus rings are visible only when the user is interacting with a keyboard,
106
114
  * not with a mouse, touch, or other input methods.
107
115
  */
108
- export function FocusRing(props: _FocusRingProps1): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
116
+ export function FocusRing(props: _FocusRingProps1): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
109
117
  interface FocusableOptions extends FocusableProps, FocusableDOMProps {
110
118
  /** Whether focus should be disabled. */
111
119
  isDisabled?: boolean;
@@ -130,7 +138,7 @@ export function useFocusable(props: FocusableOptions, domRef: RefObject<HTMLElem
130
138
  suppressHydrationWarning?: boolean;
131
139
  accessKey?: string;
132
140
  className?: string;
133
- contentEditable?: boolean | "inherit" | "false" | "true";
141
+ contentEditable?: "inherit" | (boolean | "false" | "true");
134
142
  contextMenu?: string;
135
143
  dir?: string;
136
144
  draggable?: boolean | "false" | "true";
@@ -142,9 +150,9 @@ export function useFocusable(props: FocusableOptions, domRef: RefObject<HTMLElem
142
150
  spellCheck?: boolean | "false" | "true";
143
151
  style?: React.CSSProperties;
144
152
  title?: string;
145
- translate?: "no" | "yes";
153
+ translate?: "yes" | "no";
146
154
  radioGroup?: string;
147
- role?: string;
155
+ role?: React.AriaRole;
148
156
  about?: string;
149
157
  datatype?: string;
150
158
  inlist?: any;
@@ -165,18 +173,18 @@ export function useFocusable(props: FocusableOptions, domRef: RefObject<HTMLElem
165
173
  results?: number;
166
174
  security?: string;
167
175
  unselectable?: "on" | "off";
168
- inputMode?: "search" | "none" | "text" | "decimal" | "numeric" | "tel" | "url" | "email";
176
+ inputMode?: "search" | "numeric" | "none" | "url" | "text" | "tel" | "email" | "decimal";
169
177
  is?: string;
170
178
  'aria-activedescendant'?: string;
171
179
  'aria-atomic'?: boolean | "false" | "true";
172
- 'aria-autocomplete'?: "both" | "none" | "inline" | "list";
180
+ 'aria-autocomplete'?: "inline" | "both" | "none" | "list";
173
181
  'aria-busy'?: boolean | "false" | "true";
174
182
  'aria-checked'?: boolean | "mixed" | "false" | "true";
175
183
  'aria-colcount'?: number;
176
184
  'aria-colindex'?: number;
177
185
  'aria-colspan'?: number;
178
186
  'aria-controls'?: string;
179
- 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date";
187
+ 'aria-current'?: boolean | "location" | "time" | "page" | "false" | "true" | "step" | "date";
180
188
  'aria-describedby'?: string;
181
189
  'aria-details'?: string;
182
190
  'aria-disabled'?: boolean | "false" | "true";
@@ -185,7 +193,7 @@ export function useFocusable(props: FocusableOptions, domRef: RefObject<HTMLElem
185
193
  'aria-expanded'?: boolean | "false" | "true";
186
194
  'aria-flowto'?: string;
187
195
  'aria-grabbed'?: boolean | "false" | "true";
188
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
196
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree";
189
197
  'aria-hidden'?: boolean | "false" | "true";
190
198
  'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling";
191
199
  'aria-keyshortcuts'?: string;
@@ -210,7 +218,7 @@ export function useFocusable(props: FocusableOptions, domRef: RefObject<HTMLElem
210
218
  'aria-rowspan'?: number;
211
219
  'aria-selected'?: boolean | "false" | "true";
212
220
  'aria-setsize'?: number;
213
- 'aria-sort'?: "none" | "ascending" | "descending" | "other";
221
+ 'aria-sort'?: "none" | "other" | "ascending" | "descending";
214
222
  'aria-valuemax'?: number;
215
223
  'aria-valuemin'?: number;
216
224
  'aria-valuenow'?: number;
@@ -219,166 +227,166 @@ export function useFocusable(props: FocusableOptions, domRef: RefObject<HTMLElem
219
227
  dangerouslySetInnerHTML?: {
220
228
  __html: string;
221
229
  };
222
- onCopy?: (event: React.ClipboardEvent<HTMLElement>) => void;
223
- onCopyCapture?: (event: React.ClipboardEvent<HTMLElement>) => void;
224
- onCut?: (event: React.ClipboardEvent<HTMLElement>) => void;
225
- onCutCapture?: (event: React.ClipboardEvent<HTMLElement>) => void;
226
- onPaste?: (event: React.ClipboardEvent<HTMLElement>) => void;
227
- onPasteCapture?: (event: React.ClipboardEvent<HTMLElement>) => void;
228
- onCompositionEnd?: (event: React.CompositionEvent<HTMLElement>) => void;
229
- onCompositionEndCapture?: (event: React.CompositionEvent<HTMLElement>) => void;
230
- onCompositionStart?: (event: React.CompositionEvent<HTMLElement>) => void;
231
- onCompositionStartCapture?: (event: React.CompositionEvent<HTMLElement>) => void;
232
- onCompositionUpdate?: (event: React.CompositionEvent<HTMLElement>) => void;
233
- onCompositionUpdateCapture?: (event: React.CompositionEvent<HTMLElement>) => void;
234
- onFocus?: (event: React.FocusEvent<HTMLElement>) => void;
235
- onFocusCapture?: (event: React.FocusEvent<HTMLElement>) => void;
236
- onBlur?: (event: React.FocusEvent<HTMLElement>) => void;
237
- onBlurCapture?: (event: React.FocusEvent<HTMLElement>) => void;
238
- onChange?: (event: React.FormEvent<HTMLElement>) => void;
239
- onChangeCapture?: (event: React.FormEvent<HTMLElement>) => void;
240
- onBeforeInput?: (event: React.FormEvent<HTMLElement>) => void;
241
- onBeforeInputCapture?: (event: React.FormEvent<HTMLElement>) => void;
242
- onInput?: (event: React.FormEvent<HTMLElement>) => void;
243
- onInputCapture?: (event: React.FormEvent<HTMLElement>) => void;
244
- onReset?: (event: React.FormEvent<HTMLElement>) => void;
245
- onResetCapture?: (event: React.FormEvent<HTMLElement>) => void;
246
- onSubmit?: (event: React.FormEvent<HTMLElement>) => void;
247
- onSubmitCapture?: (event: React.FormEvent<HTMLElement>) => void;
248
- onInvalid?: (event: React.FormEvent<HTMLElement>) => void;
249
- onInvalidCapture?: (event: React.FormEvent<HTMLElement>) => void;
250
- onLoad?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
251
- onLoadCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
252
- onError?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
253
- onErrorCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
254
- onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
255
- onKeyDownCapture?: (event: React.KeyboardEvent<HTMLElement>) => void;
256
- onKeyPress?: (event: React.KeyboardEvent<HTMLElement>) => void;
257
- onKeyPressCapture?: (event: React.KeyboardEvent<HTMLElement>) => void;
258
- onKeyUp?: (event: React.KeyboardEvent<HTMLElement>) => void;
259
- onKeyUpCapture?: (event: React.KeyboardEvent<HTMLElement>) => void;
260
- onAbort?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
261
- onAbortCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
262
- onCanPlay?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
263
- onCanPlayCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
264
- onCanPlayThrough?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
265
- onCanPlayThroughCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
266
- onDurationChange?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
267
- onDurationChangeCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
268
- onEmptied?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
269
- onEmptiedCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
270
- onEncrypted?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
271
- onEncryptedCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
272
- onEnded?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
273
- onEndedCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
274
- onLoadedData?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
275
- onLoadedDataCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
276
- onLoadedMetadata?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
277
- onLoadedMetadataCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
278
- onLoadStart?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
279
- onLoadStartCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
280
- onPause?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
281
- onPauseCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
282
- onPlay?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
283
- onPlayCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
284
- onPlaying?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
285
- onPlayingCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
286
- onProgress?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
287
- onProgressCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
288
- onRateChange?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
289
- onRateChangeCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
290
- onSeeked?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
291
- onSeekedCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
292
- onSeeking?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
293
- onSeekingCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
294
- onStalled?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
295
- onStalledCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
296
- onSuspend?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
297
- onSuspendCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
298
- onTimeUpdate?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
299
- onTimeUpdateCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
300
- onVolumeChange?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
301
- onVolumeChangeCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
302
- onWaiting?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
303
- onWaitingCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
304
- onAuxClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
305
- onAuxClickCapture?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
306
- onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
307
- onClickCapture?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
308
- onContextMenu?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
309
- onContextMenuCapture?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
310
- onDoubleClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
311
- onDoubleClickCapture?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
312
- onDrag?: (event: React.DragEvent<HTMLElement>) => void;
313
- onDragCapture?: (event: React.DragEvent<HTMLElement>) => void;
314
- onDragEnd?: (event: React.DragEvent<HTMLElement>) => void;
315
- onDragEndCapture?: (event: React.DragEvent<HTMLElement>) => void;
316
- onDragEnter?: (event: React.DragEvent<HTMLElement>) => void;
317
- onDragEnterCapture?: (event: React.DragEvent<HTMLElement>) => void;
318
- onDragExit?: (event: React.DragEvent<HTMLElement>) => void;
319
- onDragExitCapture?: (event: React.DragEvent<HTMLElement>) => void;
320
- onDragLeave?: (event: React.DragEvent<HTMLElement>) => void;
321
- onDragLeaveCapture?: (event: React.DragEvent<HTMLElement>) => void;
322
- onDragOver?: (event: React.DragEvent<HTMLElement>) => void;
323
- onDragOverCapture?: (event: React.DragEvent<HTMLElement>) => void;
324
- onDragStart?: (event: React.DragEvent<HTMLElement>) => void;
325
- onDragStartCapture?: (event: React.DragEvent<HTMLElement>) => void;
326
- onDrop?: (event: React.DragEvent<HTMLElement>) => void;
327
- onDropCapture?: (event: React.DragEvent<HTMLElement>) => void;
328
- onMouseDown?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
329
- onMouseDownCapture?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
330
- onMouseEnter?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
331
- onMouseLeave?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
332
- onMouseMove?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
333
- onMouseMoveCapture?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
334
- onMouseOut?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
335
- onMouseOutCapture?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
336
- onMouseOver?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
337
- onMouseOverCapture?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
338
- onMouseUp?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
339
- onMouseUpCapture?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
340
- onSelect?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
341
- onSelectCapture?: (event: React.SyntheticEvent<HTMLElement, Event>) => void;
342
- onTouchCancel?: (event: React.TouchEvent<HTMLElement>) => void;
343
- onTouchCancelCapture?: (event: React.TouchEvent<HTMLElement>) => void;
344
- onTouchEnd?: (event: React.TouchEvent<HTMLElement>) => void;
345
- onTouchEndCapture?: (event: React.TouchEvent<HTMLElement>) => void;
346
- onTouchMove?: (event: React.TouchEvent<HTMLElement>) => void;
347
- onTouchMoveCapture?: (event: React.TouchEvent<HTMLElement>) => void;
348
- onTouchStart?: (event: React.TouchEvent<HTMLElement>) => void;
349
- onTouchStartCapture?: (event: React.TouchEvent<HTMLElement>) => void;
350
- onPointerDown?: (event: React.PointerEvent<HTMLElement>) => void;
351
- onPointerDownCapture?: (event: React.PointerEvent<HTMLElement>) => void;
352
- onPointerMove?: (event: React.PointerEvent<HTMLElement>) => void;
353
- onPointerMoveCapture?: (event: React.PointerEvent<HTMLElement>) => void;
354
- onPointerUp?: (event: React.PointerEvent<HTMLElement>) => void;
355
- onPointerUpCapture?: (event: React.PointerEvent<HTMLElement>) => void;
356
- onPointerCancel?: (event: React.PointerEvent<HTMLElement>) => void;
357
- onPointerCancelCapture?: (event: React.PointerEvent<HTMLElement>) => void;
358
- onPointerEnter?: (event: React.PointerEvent<HTMLElement>) => void;
359
- onPointerEnterCapture?: (event: React.PointerEvent<HTMLElement>) => void;
360
- onPointerLeave?: (event: React.PointerEvent<HTMLElement>) => void;
361
- onPointerLeaveCapture?: (event: React.PointerEvent<HTMLElement>) => void;
362
- onPointerOver?: (event: React.PointerEvent<HTMLElement>) => void;
363
- onPointerOverCapture?: (event: React.PointerEvent<HTMLElement>) => void;
364
- onPointerOut?: (event: React.PointerEvent<HTMLElement>) => void;
365
- onPointerOutCapture?: (event: React.PointerEvent<HTMLElement>) => void;
366
- onGotPointerCapture?: (event: React.PointerEvent<HTMLElement>) => void;
367
- onGotPointerCaptureCapture?: (event: React.PointerEvent<HTMLElement>) => void;
368
- onLostPointerCapture?: (event: React.PointerEvent<HTMLElement>) => void;
369
- onLostPointerCaptureCapture?: (event: React.PointerEvent<HTMLElement>) => void;
370
- onScroll?: (event: React.UIEvent<HTMLElement, UIEvent>) => void;
371
- onScrollCapture?: (event: React.UIEvent<HTMLElement, UIEvent>) => void;
372
- onWheel?: (event: React.WheelEvent<HTMLElement>) => void;
373
- onWheelCapture?: (event: React.WheelEvent<HTMLElement>) => void;
374
- onAnimationStart?: (event: React.AnimationEvent<HTMLElement>) => void;
375
- onAnimationStartCapture?: (event: React.AnimationEvent<HTMLElement>) => void;
376
- onAnimationEnd?: (event: React.AnimationEvent<HTMLElement>) => void;
377
- onAnimationEndCapture?: (event: React.AnimationEvent<HTMLElement>) => void;
378
- onAnimationIteration?: (event: React.AnimationEvent<HTMLElement>) => void;
379
- onAnimationIterationCapture?: (event: React.AnimationEvent<HTMLElement>) => void;
380
- onTransitionEnd?: (event: React.TransitionEvent<HTMLElement>) => void;
381
- onTransitionEndCapture?: (event: React.TransitionEvent<HTMLElement>) => void;
230
+ onCopy?: React.ClipboardEventHandler<HTMLElement>;
231
+ onCopyCapture?: React.ClipboardEventHandler<HTMLElement>;
232
+ onCut?: React.ClipboardEventHandler<HTMLElement>;
233
+ onCutCapture?: React.ClipboardEventHandler<HTMLElement>;
234
+ onPaste?: React.ClipboardEventHandler<HTMLElement>;
235
+ onPasteCapture?: React.ClipboardEventHandler<HTMLElement>;
236
+ onCompositionEnd?: React.CompositionEventHandler<HTMLElement>;
237
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLElement>;
238
+ onCompositionStart?: React.CompositionEventHandler<HTMLElement>;
239
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLElement>;
240
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLElement>;
241
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElement>;
242
+ onFocus?: React.FocusEventHandler<HTMLElement>;
243
+ onFocusCapture?: React.FocusEventHandler<HTMLElement>;
244
+ onBlur?: React.FocusEventHandler<HTMLElement>;
245
+ onBlurCapture?: React.FocusEventHandler<HTMLElement>;
246
+ onChange?: React.FormEventHandler<HTMLElement>;
247
+ onChangeCapture?: React.FormEventHandler<HTMLElement>;
248
+ onBeforeInput?: React.FormEventHandler<HTMLElement>;
249
+ onBeforeInputCapture?: React.FormEventHandler<HTMLElement>;
250
+ onInput?: React.FormEventHandler<HTMLElement>;
251
+ onInputCapture?: React.FormEventHandler<HTMLElement>;
252
+ onReset?: React.FormEventHandler<HTMLElement>;
253
+ onResetCapture?: React.FormEventHandler<HTMLElement>;
254
+ onSubmit?: React.FormEventHandler<HTMLElement>;
255
+ onSubmitCapture?: React.FormEventHandler<HTMLElement>;
256
+ onInvalid?: React.FormEventHandler<HTMLElement>;
257
+ onInvalidCapture?: React.FormEventHandler<HTMLElement>;
258
+ onLoad?: React.ReactEventHandler<HTMLElement>;
259
+ onLoadCapture?: React.ReactEventHandler<HTMLElement>;
260
+ onError?: React.ReactEventHandler<HTMLElement>;
261
+ onErrorCapture?: React.ReactEventHandler<HTMLElement>;
262
+ onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
263
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement>;
264
+ onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
265
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement>;
266
+ onKeyUp?: React.KeyboardEventHandler<HTMLElement>;
267
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement>;
268
+ onAbort?: React.ReactEventHandler<HTMLElement>;
269
+ onAbortCapture?: React.ReactEventHandler<HTMLElement>;
270
+ onCanPlay?: React.ReactEventHandler<HTMLElement>;
271
+ onCanPlayCapture?: React.ReactEventHandler<HTMLElement>;
272
+ onCanPlayThrough?: React.ReactEventHandler<HTMLElement>;
273
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElement>;
274
+ onDurationChange?: React.ReactEventHandler<HTMLElement>;
275
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLElement>;
276
+ onEmptied?: React.ReactEventHandler<HTMLElement>;
277
+ onEmptiedCapture?: React.ReactEventHandler<HTMLElement>;
278
+ onEncrypted?: React.ReactEventHandler<HTMLElement>;
279
+ onEncryptedCapture?: React.ReactEventHandler<HTMLElement>;
280
+ onEnded?: React.ReactEventHandler<HTMLElement>;
281
+ onEndedCapture?: React.ReactEventHandler<HTMLElement>;
282
+ onLoadedData?: React.ReactEventHandler<HTMLElement>;
283
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLElement>;
284
+ onLoadedMetadata?: React.ReactEventHandler<HTMLElement>;
285
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElement>;
286
+ onLoadStart?: React.ReactEventHandler<HTMLElement>;
287
+ onLoadStartCapture?: React.ReactEventHandler<HTMLElement>;
288
+ onPause?: React.ReactEventHandler<HTMLElement>;
289
+ onPauseCapture?: React.ReactEventHandler<HTMLElement>;
290
+ onPlay?: React.ReactEventHandler<HTMLElement>;
291
+ onPlayCapture?: React.ReactEventHandler<HTMLElement>;
292
+ onPlaying?: React.ReactEventHandler<HTMLElement>;
293
+ onPlayingCapture?: React.ReactEventHandler<HTMLElement>;
294
+ onProgress?: React.ReactEventHandler<HTMLElement>;
295
+ onProgressCapture?: React.ReactEventHandler<HTMLElement>;
296
+ onRateChange?: React.ReactEventHandler<HTMLElement>;
297
+ onRateChangeCapture?: React.ReactEventHandler<HTMLElement>;
298
+ onSeeked?: React.ReactEventHandler<HTMLElement>;
299
+ onSeekedCapture?: React.ReactEventHandler<HTMLElement>;
300
+ onSeeking?: React.ReactEventHandler<HTMLElement>;
301
+ onSeekingCapture?: React.ReactEventHandler<HTMLElement>;
302
+ onStalled?: React.ReactEventHandler<HTMLElement>;
303
+ onStalledCapture?: React.ReactEventHandler<HTMLElement>;
304
+ onSuspend?: React.ReactEventHandler<HTMLElement>;
305
+ onSuspendCapture?: React.ReactEventHandler<HTMLElement>;
306
+ onTimeUpdate?: React.ReactEventHandler<HTMLElement>;
307
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement>;
308
+ onVolumeChange?: React.ReactEventHandler<HTMLElement>;
309
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement>;
310
+ onWaiting?: React.ReactEventHandler<HTMLElement>;
311
+ onWaitingCapture?: React.ReactEventHandler<HTMLElement>;
312
+ onAuxClick?: React.MouseEventHandler<HTMLElement>;
313
+ onAuxClickCapture?: React.MouseEventHandler<HTMLElement>;
314
+ onClick?: React.MouseEventHandler<HTMLElement>;
315
+ onClickCapture?: React.MouseEventHandler<HTMLElement>;
316
+ onContextMenu?: React.MouseEventHandler<HTMLElement>;
317
+ onContextMenuCapture?: React.MouseEventHandler<HTMLElement>;
318
+ onDoubleClick?: React.MouseEventHandler<HTMLElement>;
319
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLElement>;
320
+ onDrag?: React.DragEventHandler<HTMLElement>;
321
+ onDragCapture?: React.DragEventHandler<HTMLElement>;
322
+ onDragEnd?: React.DragEventHandler<HTMLElement>;
323
+ onDragEndCapture?: React.DragEventHandler<HTMLElement>;
324
+ onDragEnter?: React.DragEventHandler<HTMLElement>;
325
+ onDragEnterCapture?: React.DragEventHandler<HTMLElement>;
326
+ onDragExit?: React.DragEventHandler<HTMLElement>;
327
+ onDragExitCapture?: React.DragEventHandler<HTMLElement>;
328
+ onDragLeave?: React.DragEventHandler<HTMLElement>;
329
+ onDragLeaveCapture?: React.DragEventHandler<HTMLElement>;
330
+ onDragOver?: React.DragEventHandler<HTMLElement>;
331
+ onDragOverCapture?: React.DragEventHandler<HTMLElement>;
332
+ onDragStart?: React.DragEventHandler<HTMLElement>;
333
+ onDragStartCapture?: React.DragEventHandler<HTMLElement>;
334
+ onDrop?: React.DragEventHandler<HTMLElement>;
335
+ onDropCapture?: React.DragEventHandler<HTMLElement>;
336
+ onMouseDown?: React.MouseEventHandler<HTMLElement>;
337
+ onMouseDownCapture?: React.MouseEventHandler<HTMLElement>;
338
+ onMouseEnter?: React.MouseEventHandler<HTMLElement>;
339
+ onMouseLeave?: React.MouseEventHandler<HTMLElement>;
340
+ onMouseMove?: React.MouseEventHandler<HTMLElement>;
341
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLElement>;
342
+ onMouseOut?: React.MouseEventHandler<HTMLElement>;
343
+ onMouseOutCapture?: React.MouseEventHandler<HTMLElement>;
344
+ onMouseOver?: React.MouseEventHandler<HTMLElement>;
345
+ onMouseOverCapture?: React.MouseEventHandler<HTMLElement>;
346
+ onMouseUp?: React.MouseEventHandler<HTMLElement>;
347
+ onMouseUpCapture?: React.MouseEventHandler<HTMLElement>;
348
+ onSelect?: React.ReactEventHandler<HTMLElement>;
349
+ onSelectCapture?: React.ReactEventHandler<HTMLElement>;
350
+ onTouchCancel?: React.TouchEventHandler<HTMLElement>;
351
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLElement>;
352
+ onTouchEnd?: React.TouchEventHandler<HTMLElement>;
353
+ onTouchEndCapture?: React.TouchEventHandler<HTMLElement>;
354
+ onTouchMove?: React.TouchEventHandler<HTMLElement>;
355
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLElement>;
356
+ onTouchStart?: React.TouchEventHandler<HTMLElement>;
357
+ onTouchStartCapture?: React.TouchEventHandler<HTMLElement>;
358
+ onPointerDown?: React.PointerEventHandler<HTMLElement>;
359
+ onPointerDownCapture?: React.PointerEventHandler<HTMLElement>;
360
+ onPointerMove?: React.PointerEventHandler<HTMLElement>;
361
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLElement>;
362
+ onPointerUp?: React.PointerEventHandler<HTMLElement>;
363
+ onPointerUpCapture?: React.PointerEventHandler<HTMLElement>;
364
+ onPointerCancel?: React.PointerEventHandler<HTMLElement>;
365
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLElement>;
366
+ onPointerEnter?: React.PointerEventHandler<HTMLElement>;
367
+ onPointerEnterCapture?: React.PointerEventHandler<HTMLElement>;
368
+ onPointerLeave?: React.PointerEventHandler<HTMLElement>;
369
+ onPointerLeaveCapture?: React.PointerEventHandler<HTMLElement>;
370
+ onPointerOver?: React.PointerEventHandler<HTMLElement>;
371
+ onPointerOverCapture?: React.PointerEventHandler<HTMLElement>;
372
+ onPointerOut?: React.PointerEventHandler<HTMLElement>;
373
+ onPointerOutCapture?: React.PointerEventHandler<HTMLElement>;
374
+ onGotPointerCapture?: React.PointerEventHandler<HTMLElement>;
375
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElement>;
376
+ onLostPointerCapture?: React.PointerEventHandler<HTMLElement>;
377
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement>;
378
+ onScroll?: React.UIEventHandler<HTMLElement>;
379
+ onScrollCapture?: React.UIEventHandler<HTMLElement>;
380
+ onWheel?: React.WheelEventHandler<HTMLElement>;
381
+ onWheelCapture?: React.WheelEventHandler<HTMLElement>;
382
+ onAnimationStart?: React.AnimationEventHandler<HTMLElement>;
383
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLElement>;
384
+ onAnimationEnd?: React.AnimationEventHandler<HTMLElement>;
385
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLElement>;
386
+ onAnimationIteration?: React.AnimationEventHandler<HTMLElement>;
387
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement>;
388
+ onTransitionEnd?: React.TransitionEventHandler<HTMLElement>;
389
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement>;
382
390
  };
383
391
  };
384
392
 
@@ -1 +1 @@
1
- {"mappings":"A;A;AAeA;A;A;GAGG;AACH,4BAA4B,OAAO,EAAE,WAAW,QAiB/C;AEhBD;IACE,uCAAuC;IACvC,QAAQ,EAAE,SAAS,CAAC;IAEpB;A;A;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;A;A;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;IACE,qFAAqF;IACrF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED;IACE,gFAAgF;IAChF,SAAS,CAAC,IAAI,CAAC,EAAE,mBAAmB,GAAG,WAAW,CAAC;IACnD,oFAAoF;IACpF,aAAa,CAAC,IAAI,CAAC,EAAE,mBAAmB,GAAG,WAAW,CAAA;CACvD;AAYD;A;A;A;A;A;GAMG;AACH,2BAA2B,KAAK,EAAE,eAAe,eAmChD;AAED;A;A;A;GAIG;AACH,mCAAmC,YAAY,CAE9C;AA4QD;A;A;GAGG;AACH,uCAAuC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,EAAE,mBAAmB,EAAE,KAAK,CAAC,EAAE,WAAW,EAAE,cA4B1G;AC9ZD;IACE;A;A;A;A;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;IACE,gDAAgD;IAChD,SAAS,EAAE,OAAO,CAAC;IAEnB,gDAAgD;IAChD,cAAc,EAAE,OAAO,CAAC;IAExB,mEAAmE;IACnE,UAAU,EAAE,eAAe,WAAW,CAAC,CAAA;CACxC;AAED;A;A;A;GAIG;AACH,6BAA6B,KAAK,GAAE,cAAmB,GAAG,aAAa,CAmBtE;ACrCD;IACE,6CAA6C;IAC7C,QAAQ,EAAE,YAAY,CAAC;IACvB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;A;A;A;A;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;A;A;A;GAIG;AACH,0BAA0B,KAAK,EAAE,gBAAc,2MAY9C;ACrCD,0BAA2B,SAAQ,cAAc,EAAE,iBAAiB;IAClE,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,gCAAiC,SAAQ,eAAe,WAAW,CAAC;IAClE,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,+BAAgC,SAAQ,sBAAsB;IAC5D,GAAG,CAAC,EAAE,iBAAiB,WAAW,CAAC,CAAA;CACpC;AA4BD,OAAA,IAAI,6GAAwD,CAAC;AAG7D;A;GAEG;AACH,6BAA6B,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,UAAU,WAAW,CAAC;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;A;EAsBnF","sources":["./packages/@react-aria/focus/src/packages/@react-aria/focus/src/focusSafely.ts","./packages/@react-aria/focus/src/packages/@react-aria/focus/src/isElementVisible.ts","./packages/@react-aria/focus/src/packages/@react-aria/focus/src/FocusScope.tsx","./packages/@react-aria/focus/src/packages/@react-aria/focus/src/useFocusRing.ts","./packages/@react-aria/focus/src/packages/@react-aria/focus/src/FocusRing.tsx","./packages/@react-aria/focus/src/packages/@react-aria/focus/src/useFocusable.tsx","./packages/@react-aria/focus/src/packages/@react-aria/focus/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null],"names":[],"version":3,"file":"types.d.ts.map"}
1
+ {"mappings":"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","sources":["packages/@react-aria/focus/src/packages/@react-aria/focus/src/focusSafely.ts","packages/@react-aria/focus/src/packages/@react-aria/focus/src/isElementVisible.ts","packages/@react-aria/focus/src/packages/@react-aria/focus/src/FocusScope.tsx","packages/@react-aria/focus/src/packages/@react-aria/focus/src/useFocusRing.ts","packages/@react-aria/focus/src/packages/@react-aria/focus/src/FocusRing.tsx","packages/@react-aria/focus/src/packages/@react-aria/focus/src/useFocusable.tsx","packages/@react-aria/focus/src/packages/@react-aria/focus/src/index.ts","packages/@react-aria/focus/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport * from './FocusScope';\nexport * from './FocusRing';\nexport * from './useFocusable';\nexport * from './useFocusRing';\nexport * from './focusSafely';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-aria/focus",
3
- "version": "3.3.0",
3
+ "version": "3.5.1",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -18,9 +18,9 @@
18
18
  },
19
19
  "dependencies": {
20
20
  "@babel/runtime": "^7.6.2",
21
- "@react-aria/interactions": "^3.4.0",
22
- "@react-aria/utils": "^3.8.0",
23
- "@react-types/shared": "^3.6.0",
21
+ "@react-aria/interactions": "^3.8.0",
22
+ "@react-aria/utils": "^3.11.1",
23
+ "@react-types/shared": "^3.11.0",
24
24
  "clsx": "^1.1.1"
25
25
  },
26
26
  "peerDependencies": {
@@ -29,5 +29,5 @@
29
29
  "publishConfig": {
30
30
  "access": "public"
31
31
  },
32
- "gitHead": "3aae08e7d8a75382bedcddac7c86107e40db9296"
32
+ "gitHead": "54c2366c4f31bd4bf619126131cd583c12972acc"
33
33
  }