From 4e8df2121d8f2d9c554a37b3ac67e477d0bb2cc5 Mon Sep 17 00:00:00 2001 From: Bruno Pinto Date: Wed, 22 Sep 2021 00:09:48 +0100 Subject: [PATCH 1/2] Add support for firing all transition events Ref: https://developer.mozilla.org/en-US/docs/Web/API/TransitionEvent --- src/__tests__/events.js | 2 +- src/event-map.js | 12 ++++++++++++ types/events.d.ts | 3 +++ 3 files changed, 16 insertions(+), 1 deletion(-) diff --git a/src/__tests__/events.js b/src/__tests__/events.js index 54ab65e5..f7d6a9e0 100644 --- a/src/__tests__/events.js +++ b/src/__tests__/events.js @@ -117,7 +117,7 @@ const eventTypes = [ }, { type: 'Transition', - events: ['transitionEnd'], + events: ['transitionCancel', 'transitionEnd', 'transitionRun', 'transitionStart'], elementType: 'div', }, { diff --git a/src/event-map.js b/src/event-map.js index a4d5a915..9a09de73 100644 --- a/src/event-map.js +++ b/src/event-map.js @@ -297,10 +297,22 @@ export const eventMap = { defaultInit: {bubbles: true, cancelable: false}, }, // Transition Events + transitionCancel: { + EventType: 'TransitionEvent', + defaultInit: {bubbles: true, cancelable: false}, + }, transitionEnd: { EventType: 'TransitionEvent', defaultInit: {bubbles: true, cancelable: true}, }, + transitionRun: { + EventType: 'TransitionEvent', + defaultInit: {bubbles: true, cancelable: false}, + }, + transitionStart: { + EventType: 'TransitionEvent', + defaultInit: {bubbles: true, cancelable: false}, + }, // pointer events pointerOver: { EventType: 'PointerEvent', diff --git a/types/events.d.ts b/types/events.d.ts index e9d57632..04095380 100644 --- a/types/events.d.ts +++ b/types/events.d.ts @@ -71,7 +71,10 @@ export type EventType = | 'animationStart' | 'animationEnd' | 'animationIteration' + | 'transitionCancel' | 'transitionEnd' + | 'transitionRun' + | 'transitionStart' | 'doubleClick' | 'pointerOver' | 'pointerEnter' From a689fb01950565190b17b1cf77c7ecf6338a3059 Mon Sep 17 00:00:00 2001 From: Bruno Pinto Date: Wed, 22 Sep 2021 09:39:20 +0100 Subject: [PATCH 2/2] fixup! Add support for firing all transition events --- src/__tests__/events.js | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/__tests__/events.js b/src/__tests__/events.js index f7d6a9e0..75132938 100644 --- a/src/__tests__/events.js +++ b/src/__tests__/events.js @@ -117,7 +117,12 @@ const eventTypes = [ }, { type: 'Transition', - events: ['transitionCancel', 'transitionEnd', 'transitionRun', 'transitionStart'], + events: [ + 'transitionCancel', + 'transitionEnd', + 'transitionRun', + 'transitionStart', + ], elementType: 'div', }, {