@instructure/ui-motion 8.11.2-snapshot.7 → 8.12.0

package/types/Transition/BaseTransition/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { BaseTransitionProps } from './props';
+import type { BaseTransitionProps, BaseTransitionState, BaseTransitionStateValue, BaseTransitionStatesType } from './props';
 /**
 ---
 private: true
@@ -7,94 +7,55 @@ private: true
   Note: this is forked from https://github.com/react-bootstrap/react-overlays/blob/master/src/Transition.js
   so that it works with css modules. The internals are pretty different now, but it has roughly the same api.
 **/
-declare class BaseTransition extends React.Component<BaseTransitionProps> {
-    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
-        in?: boolean | undefined;
-        unmountOnExit?: boolean | undefined;
-        transitionOnMount?: boolean | undefined;
-        transitionEnter?: boolean | undefined;
-        transitionExit?: boolean | undefined;
+declare class BaseTransition extends React.Component<BaseTransitionProps, BaseTransitionState> {
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof import("./props").TransitionCommonProps | keyof {
         enterDelay?: number | undefined;
         exitDelay?: number | undefined;
-        transitionClassName?: string | undefined;
-        exitedClassName?: string | undefined;
-        exitingClassName?: string | undefined;
-        enteredClassName?: string | undefined;
-        enteringClassName?: string | undefined;
-        onTransition?: ((toState: number, fromState: number) => void) | undefined;
-        onEnter?: (() => void) | undefined;
-        onEntering?: (() => void) | undefined;
-        onEntered?: (() => void) | undefined;
-        onExit?: (() => void) | undefined;
-        onExiting?: (() => void) | undefined;
-        onExited?: (() => void) | undefined;
-        children?: React.ReactNode;
+        transitionClassName: string;
+        exitedClassName: string;
+        exitingClassName: string;
+        enteredClassName: string;
+        enteringClassName: string;
         className?: string | undefined;
     }>;
-    static allowedProps: readonly (keyof {
-        in?: boolean | undefined;
-        unmountOnExit?: boolean | undefined;
-        transitionOnMount?: boolean | undefined;
-        transitionEnter?: boolean | undefined;
-        transitionExit?: boolean | undefined;
+    static allowedProps: readonly (keyof import("./props").TransitionCommonProps | keyof {
         enterDelay?: number | undefined;
         exitDelay?: number | undefined;
-        transitionClassName?: string | undefined;
-        exitedClassName?: string | undefined;
-        exitingClassName?: string | undefined;
-        enteredClassName?: string | undefined;
-        enteringClassName?: string | undefined;
-        onTransition?: ((toState: number, fromState: number) => void) | undefined;
-        onEnter?: (() => void) | undefined;
-        onEntering?: (() => void) | undefined;
-        onEntered?: (() => void) | undefined;
-        onExit?: (() => void) | undefined;
-        onExiting?: (() => void) | undefined;
-        onExited?: (() => void) | undefined;
-        children?: React.ReactNode;
+        transitionClassName: string;
+        exitedClassName: string;
+        exitingClassName: string;
+        enteredClassName: string;
+        enteringClassName: string;
         className?: string | undefined;
     })[];
     static defaultProps: {
         in: boolean;
-        component: string;
         unmountOnExit: boolean;
         transitionOnMount: boolean;
         transitionEnter: boolean;
         transitionExit: boolean;
         enterDelay: number;
         exitDelay: number;
-        onEnter: () => void;
-        onEntering: () => void;
-        onEntered: () => void;
-        onExit: () => void;
-        onExiting: () => void;
-        onExited: () => void;
-        onTransition: () => void;
-        children: null;
     };
-    static states: {
-        EXITED: number;
-        EXITING: number;
-        ENTERING: number;
-        ENTERED: number;
-    };
-    _timeouts: never[];
+    static states: Record<BaseTransitionStateValue, BaseTransitionStatesType>;
+    _timeouts: ReturnType<typeof setTimeout>[];
+    _unmounted: boolean;
     state: {
         transitioning: boolean;
     };
     componentDidMount(): void;
-    getSnapshotBeforeUpdate(prevProps: any, prevState: any): true | null;
-    componentDidUpdate(prevProps: any, prevState: any, cancelPrematurely: any): void;
+    getSnapshotBeforeUpdate(prevProps: BaseTransitionProps, prevState: BaseTransitionState): true | null;
+    componentDidUpdate(prevProps: BaseTransitionProps, _prevState: BaseTransitionState, cancelPrematurely: boolean): void;
     componentWillUnmount(): void;
-    startTransition: (transitionIn: any, transitionOnStart: any) => void;
-    transition: (toState: any, fromState: any, transitionCallback: any, transitionDuration?: number) => void;
-    clearTransition(transitionClassName: any): void;
-    enter: (initialState: any) => void;
-    exit: (initialState: any) => void;
-    transitionEnabled(toState: any): boolean | undefined;
-    getTransitionClassName(transitionState: any): string | null | undefined;
+    startTransition: (transitionIn: BaseTransitionProps['in'], transitionOnStart: BaseTransitionProps['transitionOnMount']) => void;
+    transition: (toState: BaseTransitionStatesType | null, fromState: BaseTransitionStatesType | null, transitionCallback?: (() => void) | undefined, transitionDuration?: number) => void;
+    clearTransition(transitionClassName: string): void;
+    enter: (initialState: BaseTransitionStatesType | null) => void;
+    exit: (initialState: BaseTransitionStatesType | null) => void;
+    transitionEnabled(toState: BaseTransitionStatesType | null): boolean | undefined;
+    getTransitionClassName(transitionState: BaseTransitionStatesType | null): string | undefined;
     ref: React.RefObject<unknown>;
-    renderChildren(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    renderChildren(): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
     render(): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 }
 export default BaseTransition;

package/types/Transition/BaseTransition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Transition/BaseTransition/index.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAoB,MAAM,OAAO,CAAA;AASxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AASlD;;;;;;GAMG;AACH,cAAM,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;IAC/D,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;MAqBlB;IAED,MAAM,CAAC,MAAM;;;;;MAAS;IAEtB,SAAS,UAAK;IAEd,KAAK;;MAEJ;IAED,iBAAiB;IAKjB,uBAAuB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA;IAS5C,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,iBAAiB,KAAA;IAc1D,oBAAoB;IASpB,eAAe,sDAOd;IAED,UAAU,+FAgDT;IAGD,eAAe,CAAC,mBAAmB,KAAA;IAoBnC,KAAK,8BAyCJ;IAGD,IAAI,8BAmCH;IAGD,iBAAiB,CAAC,OAAO,KAAA;IAgBzB,sBAAsB,CAAC,eAAe,KAAA;IAetC,GAAG,2BAAc;IACjB,cAAc;IAOd,MAAM;CAWP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Transition/BaseTransition/index.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAkC,MAAM,OAAO,CAAA;AAStD,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACnB,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,SAAS,CAAA;AAShB;;;;;;GAMG;AACH,cAAM,cAAe,SAAQ,KAAK,CAAC,SAAS,CAC1C,mBAAmB,EACnB,mBAAmB,CACpB;IACC,MAAM,CAAC,SAAS;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAQlB;IAED,MAAM,CAAC,MAAM,6DAAS;IAEtB,SAAS,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,EAAE,CAAK;IAC/C,UAAU,UAAQ;IAElB,KAAK;;MAEJ;IAED,iBAAiB;IAIjB,uBAAuB,CACrB,SAAS,EAAE,mBAAmB,EAC9B,SAAS,EAAE,mBAAmB;IAShC,kBAAkB,CAChB,SAAS,EAAE,mBAAmB,EAC9B,UAAU,EAAE,mBAAmB,EAC/B,iBAAiB,EAAE,OAAO;IAe5B,oBAAoB;IAOpB,eAAe,iBACC,mBAAmB,CAAC,IAAI,CAAC,qBACpB,mBAAmB,CAAC,mBAAmB,CAAC,UAQ5D;IAED,UAAU,YACC,wBAAwB,GAAG,IAAI,aAC7B,wBAAwB,GAAG,IAAI,8BACf,IAAI,oDAwChC;IAED,eAAe,CAAC,mBAAmB,EAAE,MAAM;IAqB3C,KAAK,iBAAkB,wBAAwB,GAAG,IAAI,UA4CrD;IAED,IAAI,iBAAkB,wBAAwB,GAAG,IAAI,UAuCpD;IAED,iBAAiB,CAAC,OAAO,EAAE,wBAAwB,GAAG,IAAI;IAe1D,sBAAsB,CAAC,eAAe,EAAE,wBAAwB,GAAG,IAAI;IAiBvE,GAAG,2BAAc;IAEjB,cAAc;IAYd,MAAM;CAWP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/types/Transition/BaseTransition/props.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { PropValidators } from '@instructure/shared-types';
-declare type BaseTransitionOwnProps = {
+declare type TransitionType = 'fade' | 'scale' | 'slide-down' | 'slide-up' | 'slide-left' | 'slide-right';
+declare type TransitionCommonProps = {
     /**
      * Show the component? Triggers the enter or exit animation.
      */
@@ -22,6 +23,40 @@ declare type BaseTransitionOwnProps = {
      * Run the exit animation
      */
     transitionExit?: boolean;
+    /**
+     * Callback fired when transitioning to the next state
+     */
+    onTransition?: (toState: BaseTransitionStatesType, fromState: BaseTransitionStatesType) => void;
+    /**
+     * Callback fired before the "entering" classes are applied
+     */
+    onEnter?: () => void;
+    /**
+     * Callback fired after the "entering" classes are applied
+     */
+    onEntering?: () => void;
+    /**
+     * Callback fired after the "enter" classes are applied
+     */
+    onEntered?: (type?: TransitionType) => void;
+    /**
+     * Callback fired before the "exiting" classes are applied
+     */
+    onExit?: () => void;
+    /**
+     * Callback fired after the "exiting" classes are applied
+     */
+    onExiting?: () => void;
+    /**
+     * Callback fired after the "exited" classes are applied
+     */
+    onExited?: (type?: TransitionType) => void;
+    /**
+     * A single element to animate in and out
+     */
+    children?: React.ReactNode;
+};
+declare type OwnProps = {
     /**
      * A Timeout for the animation, in milliseconds, to ensure that a node doesn't
      * transition indefinately if the browser transitionEnd events are
@@ -43,59 +78,38 @@ declare type BaseTransitionOwnProps = {
     /**
      * the base CSS class for the transition (transitions go here)
      */
-    transitionClassName?: string;
+    transitionClassName: string;
     /**
      * CSS class or classes applied when the component is exited
      */
-    exitedClassName?: string;
+    exitedClassName: string;
     /**
      * CSS class or classes applied while the component is exiting
      */
-    exitingClassName?: string;
+    exitingClassName: string;
     /**
      * CSS class or classes applied when the component is entered
      */
-    enteredClassName?: string;
+    enteredClassName: string;
     /**
      * CSS class or classes applied while the component is entering
      */
-    enteringClassName?: string;
-    /**
-     * Callback fired when transitioning to the next state
-     */
-    onTransition?: (toState: number, fromState: number) => void;
-    /**
-     * Callback fired before the "entering" classes are applied
-     */
-    onEnter?: () => void;
-    /**
-     * Callback fired after the "entering" classes are applied
-     */
-    onEntering?: () => void;
-    /**
-     * Callback fired after the "enter" classes are applied
-     */
-    onEntered?: () => void;
-    /**
-     * Callback fired before the "exiting" classes are applied
-     */
-    onExit?: () => void;
-    /**
-     * Callback fired after the "exiting" classes are applied
-     */
-    onExiting?: () => void;
-    /**
-     * Callback fired after the "exited" classes are applied
-     */
-    onExited?: () => void;
-    children?: React.ReactNode;
+    enteringClassName: string;
     className?: string;
 };
+declare type BaseTransitionOwnProps = TransitionCommonProps & OwnProps;
+declare type BaseTransitionProps = BaseTransitionOwnProps;
+declare type CommonPropKeys = keyof TransitionCommonProps;
 declare type PropKeys = keyof BaseTransitionOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type BaseTransitionProps = BaseTransitionOwnProps;
+declare const transitionCommonPropTypes: PropValidators<CommonPropKeys>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { BaseTransitionProps };
-export { propTypes, allowedProps };
+declare type BaseTransitionState = {
+    transitioning: boolean;
+};
+declare type BaseTransitionStateValue = 'EXITED' | 'EXITING' | 'ENTERING' | 'ENTERED';
+declare type BaseTransitionStatesType = -2 | -1 | 1 | 2;
+export type { BaseTransitionProps, TransitionCommonProps, TransitionType, BaseTransitionState, BaseTransitionStateValue, BaseTransitionStatesType };
+export { propTypes, allowedProps, transitionCommonPropTypes };
 //# sourceMappingURL=props.d.ts.map

package/types/Transition/BaseTransition/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Transition/BaseTransition/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,sBAAsB,GAAG;IAC5B;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAA;IAEZ;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAE5B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAE3D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAErB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,CAAA;AAEjD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAsBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAsBnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Transition/BaseTransition/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,cAAc,GACf,MAAM,GACN,OAAO,GACP,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,aAAa,CAAA;AAGjB,aAAK,qBAAqB,GAAG;IAC3B;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAA;IAEZ;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE,CACb,OAAO,EAAE,wBAAwB,EACjC,SAAS,EAAE,wBAAwB,KAChC,IAAI,CAAA;IAET;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,cAAc,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,cAAc,KAAK,IAAI,CAAA;IAE1C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG;IACd;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAA;IAE3B;;OAEG;IACH,eAAe,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAA;IAEzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAGD,aAAK,sBAAsB,GAAG,qBAAqB,GAAG,QAAQ,CAAA;AAI9D,aAAK,mBAAmB,GAAG,sBAAsB,CAAA;AAEjD,aAAK,cAAc,GAAG,MAAM,qBAAqB,CAAA;AACjD,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,QAAA,MAAM,yBAAyB,EAAE,cAAc,CAAC,cAAc,CAc7D,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAWvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAsBnB,CAAA;AAED,aAAK,mBAAmB,GAAG;IACzB,aAAa,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,aAAK,wBAAwB,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;AAC7E,aAAK,wBAAwB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE/C,YAAY,EACV,mBAAmB,EACnB,qBAAqB,EACrB,cAAc,EACd,mBAAmB,EACnB,wBAAwB,EACxB,wBAAwB,EACzB,CAAA;AACD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,yBAAyB,EAAE,CAAA"}

package/types/Transition/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 /** @jsxFrag React.Fragment */
-import React, { Component } from 'react';
+import { Component } from 'react';
 import { jsx } from '@instructure/emotion';
 import type { TransitionProps } from './props';
 /**
@@ -8,41 +8,12 @@ import type { TransitionProps } from './props';
 category: components/utilities
 ---
 @module Transition
+@tsProps
 **/
 declare class Transition extends Component<TransitionProps> {
     static readonly componentId = "Transition";
-    static allowedProps: readonly (keyof {
-        type?: import("./props").TransitionType | undefined;
-        in?: boolean | undefined;
-        unmountOnExit?: boolean | undefined;
-        transitionOnMount?: boolean | undefined;
-        transitionEnter?: boolean | undefined;
-        transitionExit?: boolean | undefined;
-        onTransition?: ((...args: any[]) => any) | undefined;
-        onEnter?: ((...args: any[]) => any) | undefined;
-        onEntering?: ((...args: any[]) => any) | undefined;
-        onEntered?: ((...args: any[]) => any) | undefined;
-        onExit?: ((...args: any[]) => any) | undefined;
-        onExiting?: ((...args: any[]) => any) | undefined;
-        onExited?: ((...args: any[]) => any) | undefined;
-        children?: React.ReactNode;
-    })[];
-    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
-        type?: import("./props").TransitionType | undefined;
-        in?: boolean | undefined;
-        unmountOnExit?: boolean | undefined;
-        transitionOnMount?: boolean | undefined;
-        transitionEnter?: boolean | undefined;
-        transitionExit?: boolean | undefined;
-        onTransition?: ((...args: any[]) => any) | undefined;
-        onEnter?: ((...args: any[]) => any) | undefined;
-        onEntering?: ((...args: any[]) => any) | undefined;
-        onEntered?: ((...args: any[]) => any) | undefined;
-        onExit?: ((...args: any[]) => any) | undefined;
-        onExiting?: ((...args: any[]) => any) | undefined;
-        onExited?: ((...args: any[]) => any) | undefined;
-        children?: React.ReactNode;
-    }>;
+    static allowedProps: readonly (keyof import("./BaseTransition/props").TransitionCommonProps | "type")[];
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof import("./BaseTransition/props").TransitionCommonProps | "type">;
     static defaultProps: {
         type: string;
         in: boolean;
@@ -50,33 +21,12 @@ declare class Transition extends Component<TransitionProps> {
         transitionOnMount: boolean;
         transitionEnter: boolean;
         transitionExit: boolean;
-        onEnter: () => void;
-        onEntering: () => void;
-        onEntered: () => void;
-        onExit: () => void;
-        onExiting: () => void;
-        onExited: () => void;
-        onTransition: (toState: any, fromState: any) => void;
-        children: null;
-    };
-    static states: {
-        EXITED: number;
-        EXITING: number;
-        ENTERING: number;
-        ENTERED: number;
     };
+    static states: Record<import("./BaseTransition/props").BaseTransitionStateValue, import("./BaseTransition/props").BaseTransitionStatesType>;
     componentDidMount(): void;
     componentDidUpdate(): void;
     handleExited: () => void;
     handleEntered: () => void;
-    /**
-     * Transition helper:
-     * After emotion migration the only way to keep
-     * the old BaseTransition functionality with adding and removing
-     * classes was to add the `Global` helper of `emotion`
-     *
-     * Todo: try to refactor or replace Transition/BaseTransition component in v9.0.0. so that it is not class based
-     */
     renderTransitionHelper: () => jsx.JSX.Element;
     render(): jsx.JSX.Element;
 }

package/types/Transition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Transition/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,8BAA8B;AAG9B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,OAAO,EAAa,GAAG,EAAU,MAAM,sBAAsB,CAAA;AAQ7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;;GAKG;AACH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;MAiBlB;IAED,MAAM,CAAC,MAAM;;;;;MAAwB;IAErC,iBAAiB;IAIjB,kBAAkB;IAIlB,YAAY,aAIX;IAED,aAAa,aAIZ;IAED;;;;;;;OAOG;IACH,sBAAsB,wBAIrB;IAED,MAAM;CA8BP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Transition/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,8BAA8B;AAG9B,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,OAAO,EAAa,GAAG,EAAU,MAAM,sBAAsB,CAAA;AAQ7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;;;GAMG;AACH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY,qFAAe;IAClC,MAAM,CAAC,SAAS,+IAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,MAAM,CAAC,MAAM,+HAAwB;IAErC,iBAAiB;IAIjB,kBAAkB;IAIlB,YAAY,aAIX;IAED,aAAa,aAIZ;IAOD,sBAAsB,wBAIrB;IAED,MAAM;CAyBP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/types/Transition/props.d.ts

@@ -1,29 +1,25 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import type { PropValidators, TransitionTheme } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
-declare type TransitionType = 'fade' | 'scale' | 'slide-down' | 'slide-up' | 'slide-left' | 'slide-right';
-declare type TransitionOwnProps = {
+import type { TransitionCommonProps, TransitionType } from './BaseTransition/props';
+declare const transitionTypePropType: PropTypes.Requireable<TransitionType>;
+declare type OwnProps = {
     type?: TransitionType;
-    in?: boolean;
-    unmountOnExit?: boolean;
-    transitionOnMount?: boolean;
-    transitionEnter?: boolean;
-    transitionExit?: boolean;
-    onTransition?: (...args: any[]) => any;
-    onEnter?: (...args: any[]) => any;
-    onEntering?: (...args: any[]) => any;
-    onEntered?: (...args: any[]) => any;
-    onExit?: (...args: any[]) => any;
-    onExiting?: (...args: any[]) => any;
-    onExited?: (...args: any[]) => any;
-    children?: React.ReactNode;
 };
+declare type TransitionOwnProps = OwnProps & TransitionCommonProps;
 declare type PropKeys = keyof TransitionOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
 declare type TransitionProps = TransitionOwnProps & WithStyleProps<TransitionTheme, TransitionStyle>;
-declare type TransitionStyle = ComponentStyle<'duration' | 'classNames' | 'globalStyles'>;
-declare const transitionTypePropType: PropTypes.Requireable<string>;
+declare type TransitionStyle = ComponentStyle<'globalStyles'> & {
+    duration: TransitionTheme['duration'];
+    classNames: {
+        transitioning: string;
+        exited: string;
+        exiting: string;
+        entered: string;
+        entering: string;
+    };
+};
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
 export type { TransitionProps, TransitionType, TransitionStyle };

package/types/Transition/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Transition/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,YAAY,CAAA;AAElC,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,cAAc,GACf,MAAM,GACN,OAAO,GACP,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,aAAa,CAAA;AAGjB,aAAK,kBAAkB,GAAG;IACxB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACtC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAChC,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,CAAA;AAElD,aAAK,eAAe,GAAG,cAAc,CACnC,UAAU,GAAG,YAAY,GAAG,cAAc,CAC3C,CAAA;AAED,QAAA,MAAM,sBAAsB,+BAO1B,CAAA;AAEF,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAuDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,sBAAsB,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Transition/props.ts"],"names":[],"mappings":"AAwBA,OAAO,SAAS,MAAM,YAAY,CAAA;AAElC,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAG1E,OAAO,KAAK,EACV,qBAAqB,EACrB,cAAc,EACf,MAAM,wBAAwB,CAAA;AAW/B,QAAA,MAAM,sBAAsB,uCAAmC,CAAA;AAE/D,aAAK,QAAQ,GAAG;IACd,IAAI,CAAC,EAAE,cAAc,CAAA;CACtB,CAAA;AAGD,aAAK,kBAAkB,GAAG,QAAQ,GAAG,qBAAqB,CAAA;AAE1D,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,CAAA;AAElD,aAAK,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACtD,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACrC,UAAU,EAAE;QACV,aAAa,EAAE,MAAM,CAAA;QACrB,MAAM,EAAE,MAAM,CAAA;QACd,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,QAAQ,EAAE,MAAM,CAAA;KACjB,CAAA;CACF,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,sBAAsB,EAAE,CAAA"}

package/types/Transition/styles.d.ts

@@ -1,5 +1,12 @@
 import type { TransitionTheme } from '@instructure/shared-types';
 import type { TransitionProps, TransitionStyle } from './props';
+declare const getClassNames: (type: TransitionProps['type']) => {
+    transitioning: string;
+    exited: string;
+    exiting: string;
+    entered: string;
+    entering: string;
+};
 /**
  * ---
  * private: true
@@ -11,5 +18,6 @@ import type { TransitionProps, TransitionStyle } from './props';
  * @return {Object} The final style object, which will be used in the component
  */
 declare const generateStyle: (componentTheme: TransitionTheme, props: TransitionProps) => TransitionStyle;
+export { generateStyle, getClassNames };
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

package/types/Transition/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Transition/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE/D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,eAAe,SACxB,eAAe,KACrB,eAqHF,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Transition/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE/D,QAAA,MAAM,aAAa,SAAU,eAAe,CAAC,MAAM,CAAC;;;;;;CAMlD,CAAA;AAEF;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,eAAe,SACxB,eAAe,KACrB,eA6GF,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AACvC,eAAe,aAAa,CAAA"}

package/LICENSE.md

@@ -1,27 +0,0 @@
----
-title: The MIT License (MIT)
-category: Getting Started
-order: 9
----
-
-# The MIT License (MIT)
-
-Copyright (c) 2015 Instructure, Inc.
-
-**Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions.**
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.