mirror of
https://github.com/hanzoai/react.git
synced 2026-09-24 17:02:27 +00:00
Riley ShawandGitHub
33abc079fc
* Fix #21972: Add `onResize` event to video elements This is a simple fix for #21972 that adds support for the `onResize` media event. I created a separate `videoEventTypes` array since I doubt anyone will want to add `onResize` to an audio event. It would simplify the code a bit to just add `resize` to the `mediaEventTypes` array, if that’s preferred. Pre-commit checklist ([source](https://reactjs.org/docs/how-to-contribute.html#sending-a-pull-request)) ✅ Fork the repository and create your branch from `main`. ✅ Run `yarn` in the repository root. ✅ If you’ve fixed a bug or added code that should be tested, add tests! ✅ Ensure the test suite passes (`yarn test`). Tip: `yarn test --watch TestName` is helpful in development. ✅ Run `yarn test --prod` to test in the production environment. ✅ If you need a debugger, run `yarn debug-test --watch TestName`, open chrome://inspect, and press “Inspect”. ✅ Format your code with prettier (`yarn prettier`). ✅ Make sure your code lints (`yarn lint`). Tip: `yarn linc` to only check changed files. ✅ Run the Flow typechecks (`yarn flow`). ✅ If you haven’t already, complete the CLA. * Consolidate `videoEventTypes` array into `mediaEventTypes`
124 lines
2.5 KiB
JavaScript
124 lines
2.5 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
*/
|
|
|
|
import getVendorPrefixedEventName from './getVendorPrefixedEventName';
|
|
|
|
export type DOMEventName =
|
|
| 'abort'
|
|
| 'afterblur' // Not a real event. This is used by event experiments.
|
|
// These are vendor-prefixed so you should use the exported constants instead:
|
|
// 'animationiteration' |
|
|
// 'animationend |
|
|
// 'animationstart' |
|
|
| 'beforeblur' // Not a real event. This is used by event experiments.
|
|
| 'beforeinput'
|
|
| 'blur'
|
|
| 'canplay'
|
|
| 'canplaythrough'
|
|
| 'cancel'
|
|
| 'change'
|
|
| 'click'
|
|
| 'close'
|
|
| 'compositionend'
|
|
| 'compositionstart'
|
|
| 'compositionupdate'
|
|
| 'contextmenu'
|
|
| 'copy'
|
|
| 'cut'
|
|
| 'dblclick'
|
|
| 'auxclick'
|
|
| 'drag'
|
|
| 'dragend'
|
|
| 'dragenter'
|
|
| 'dragexit'
|
|
| 'dragleave'
|
|
| 'dragover'
|
|
| 'dragstart'
|
|
| 'drop'
|
|
| 'durationchange'
|
|
| 'emptied'
|
|
| 'encrypted'
|
|
| 'ended'
|
|
| 'error'
|
|
| 'focus'
|
|
| 'focusin'
|
|
| 'focusout'
|
|
| 'fullscreenchange'
|
|
| 'gotpointercapture'
|
|
| 'hashchange'
|
|
| 'input'
|
|
| 'invalid'
|
|
| 'keydown'
|
|
| 'keypress'
|
|
| 'keyup'
|
|
| 'load'
|
|
| 'loadstart'
|
|
| 'loadeddata'
|
|
| 'loadedmetadata'
|
|
| 'lostpointercapture'
|
|
| 'message'
|
|
| 'mousedown'
|
|
| 'mouseenter'
|
|
| 'mouseleave'
|
|
| 'mousemove'
|
|
| 'mouseout'
|
|
| 'mouseover'
|
|
| 'mouseup'
|
|
| 'paste'
|
|
| 'pause'
|
|
| 'play'
|
|
| 'playing'
|
|
| 'pointercancel'
|
|
| 'pointerdown'
|
|
| 'pointerenter'
|
|
| 'pointerleave'
|
|
| 'pointermove'
|
|
| 'pointerout'
|
|
| 'pointerover'
|
|
| 'pointerup'
|
|
| 'popstate'
|
|
| 'progress'
|
|
| 'ratechange'
|
|
| 'reset'
|
|
| 'resize'
|
|
| 'scroll'
|
|
| 'seeked'
|
|
| 'seeking'
|
|
| 'select'
|
|
| 'selectstart'
|
|
| 'selectionchange'
|
|
| 'stalled'
|
|
| 'submit'
|
|
| 'suspend'
|
|
| 'textInput' // Intentionally camelCase. Non-standard.
|
|
| 'timeupdate'
|
|
| 'toggle'
|
|
| 'touchcancel'
|
|
| 'touchend'
|
|
| 'touchmove'
|
|
| 'touchstart'
|
|
// These are vendor-prefixed so you should use the exported constants instead:
|
|
// 'transitionend' |
|
|
| 'volumechange'
|
|
| 'waiting'
|
|
| 'wheel';
|
|
|
|
export const ANIMATION_END: DOMEventName = getVendorPrefixedEventName(
|
|
'animationend',
|
|
);
|
|
export const ANIMATION_ITERATION: DOMEventName = getVendorPrefixedEventName(
|
|
'animationiteration',
|
|
);
|
|
export const ANIMATION_START: DOMEventName = getVendorPrefixedEventName(
|
|
'animationstart',
|
|
);
|
|
export const TRANSITION_END: DOMEventName = getVendorPrefixedEventName(
|
|
'transitionend',
|
|
);
|