@progress/kendo-react-animation 9.0.0-develop.2 → 9.0.0-develop.3

package/index.d.ts

@@ -5,15 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+import { AnimationsClassStructure } from '@progress/kendo-react-common';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import PropTypes from 'prop-types';
 import * as React_2 from 'react';
 
-declare class Animation_2 extends React_2.Component<AnimationProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
+declare const Animation_2: {
+    (props: AnimationProps): JSX_2.Element;
+    propTypes: {
         children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         childFactory: PropTypes.Requireable<any>;
         className: PropTypes.Requireable<string>;
@@ -27,68 +26,23 @@ declare class Animation_2 extends React_2.Component<AnimationProps, {}> {
         transitionEnterDuration: PropTypes.Validator<number>;
         transitionExitDuration: PropTypes.Validator<number>;
     };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        component: string;
-    };
-    constructor(props: AnimationProps);
-    /**
-     * @hidden
-     */
-    render(): JSX_2.Element;
-}
+};
 export { Animation_2 as Animation }
 
-export declare class AnimationChild extends React_2.Component<AnimationChildProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        in: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        transitionName: PropTypes.Validator<string>;
-        className: PropTypes.Requireable<string>;
-        appear: PropTypes.Requireable<boolean>;
-        enter: PropTypes.Requireable<boolean>;
-        exit: PropTypes.Requireable<boolean>;
-        transitionEnterDuration: PropTypes.Validator<number>;
-        transitionExitDuration: PropTypes.Validator<number>;
-        mountOnEnter: PropTypes.Requireable<boolean>;
-        unmountOnExit: PropTypes.Requireable<boolean>;
-        animationEnteringStyle: PropTypes.Requireable<object>;
-        animationEnteredStyle: PropTypes.Requireable<object>;
-        animationExitingStyle: PropTypes.Requireable<object>;
-        animationExitedStyle: PropTypes.Requireable<object>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        mountOnEnter: boolean;
-        unmountOnExit: boolean;
-        onEnter: () => void;
-        onEntering: () => void;
-        onEntered: () => void;
-        onExit: () => void;
-        onExiting: () => void;
-        onExited: () => void;
-        onAfterExited: () => void;
-        animationEnteringStyle: {};
-        animationEnteredStyle: {};
-        animationExitingStyle: {};
-        animationExitedStyle: {};
-    };
-    private elementRef;
+export declare const AnimationChild: React_2.ForwardRefExoticComponent<AnimationChildProps & React_2.RefAttributes<AnimationChildHandle | null>>;
+
+/**
+ * Represents the AnimationChild handle.
+ */
+export declare interface AnimationChildHandle {
     /**
-     * The element that is being animated.
+     * Gets the element.
      */
-    get element(): HTMLDivElement | null;
+    element: HTMLDivElement | null;
     /**
-     * @hidden
+     * Gets the props.
      */
-    render(): JSX_2.Element;
+    props: AnimationChildProps;
 }
 
 /**
@@ -127,6 +81,10 @@ export declare interface AnimationChildProps extends AnimationInterface {
      * Specifies the style which will be applied when the Animation reaches its exited state.
      */
     animationExitedStyle?: any;
+    /**
+     * The unstyled option classes.
+     */
+    unstyled?: AnimationsClassStructure;
 }
 
 /** @hidden */
@@ -150,7 +108,7 @@ declare interface AnimationEventArguments {
     /**
      * The AnimationChild component which controls the animation.
      */
-    target: AnimationChild;
+    target: AnimationChildHandle;
 }
 
 /**
@@ -276,13 +234,15 @@ export declare interface AnimationProps extends AnimationInterface {
      * Specifies the style which will be applied when the Animation reaches its exited state.
      */
     animationExitedStyle?: any;
-}
-
-export declare class Expand extends React_2.Component<ExpandProps, {}> {
     /**
-     * @hidden
+     * The unstyled option classes.
      */
-    static propTypes: {
+    unstyled?: AnimationsClassStructure;
+}
+
+export declare const Expand: {
+    (props: ExpandProps): JSX_2.Element;
+    propTypes: {
         children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         childFactory: PropTypes.Requireable<any>;
         className: PropTypes.Requireable<string>;
@@ -291,22 +251,7 @@ export declare class Expand extends React_2.Component<ExpandProps, {}> {
         id: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<any>;
     };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        appear: boolean;
-        enter: boolean;
-        exit: boolean;
-        transitionEnterDuration: number;
-        transitionExitDuration: number;
-        direction: string;
-    };
-    /**
-     * @hidden
-     */
-    render(): JSX_2.Element;
-}
+};
 
 /**
  * Specifies the direction of the Expand Animation ([see example]({% slug direction_animation %}#toc-expand)).
@@ -354,11 +299,9 @@ export declare interface ExpandProps extends AnimationInterface {
     style?: any;
 }
 
-export declare class Fade extends React_2.Component<FadeProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
+export declare const Fade: {
+    (props: FadeProps): JSX_2.Element;
+    propTypes: {
         children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         childFactory: PropTypes.Requireable<any>;
         className: PropTypes.Requireable<string>;
@@ -366,21 +309,7 @@ export declare class Fade extends React_2.Component<FadeProps, {}> {
         id: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<any>;
     };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        appear: boolean;
-        enter: boolean;
-        exit: boolean;
-        transitionEnterDuration: number;
-        transitionExitDuration: number;
-    };
-    /**
-     * @hidden
-     */
-    render(): JSX_2.Element;
-}
+};
 
 /**
  * Represent the props of the [KendoReact Fade Animation component]({% slug animationtypes_animation %}#toc-fade).
@@ -415,11 +344,9 @@ export declare interface FadeProps extends AnimationInterface {
     style?: any;
 }
 
-export declare class Push extends React_2.Component<PushProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
+export declare const Push: {
+    (props: PushProps): JSX_2.Element;
+    propTypes: {
         children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         childFactory: PropTypes.Requireable<any>;
         className: PropTypes.Requireable<string>;
@@ -429,23 +356,7 @@ export declare class Push extends React_2.Component<PushProps, {}> {
         style: PropTypes.Requireable<any>;
         stackChildren: PropTypes.Requireable<boolean>;
     };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        appear: boolean;
-        enter: boolean;
-        exit: boolean;
-        transitionEnterDuration: number;
-        transitionExitDuration: number;
-        direction: string;
-        stackChildren: boolean;
-    };
-    /**
-     * @hidden
-     */
-    render(): JSX_2.Element;
-}
+};
 
 /**
  * Specifies the direction of the Push Animation ([see example]({% slug direction_animation %}#toc-push)).
@@ -499,11 +410,9 @@ export declare interface PushProps extends AnimationInterface {
     stackChildren?: boolean;
 }
 
-export declare class Reveal extends React_2.Component<RevealProps, RevealState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
+export declare const Reveal: {
+    (props: RevealProps): JSX_2.Element;
+    propTypes: {
         children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         childFactory: PropTypes.Requireable<any>;
         className: PropTypes.Requireable<string>;
@@ -512,30 +421,7 @@ export declare class Reveal extends React_2.Component<RevealProps, RevealState>
         id: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<any>;
     };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        appear: boolean;
-        enter: boolean;
-        exit: boolean;
-        transitionEnterDuration: number;
-        transitionExitDuration: number;
-        direction: string;
-    };
-    /**
-     * @hidden
-     */
-    readonly state: RevealState;
-    /**
-     * @hidden
-     */
-    render(): JSX_2.Element;
-    private componentWillEnter;
-    private componentIsEntering;
-    private componentWillExit;
-    private updateContainerDimensions;
-}
+};
 
 /**
  * Specifies the direction of the Reveal Animation ([see example]({% slug direction_animation %}#toc-reveal)).
@@ -588,19 +474,9 @@ export declare interface RevealProps extends AnimationInterface {
     onBeforeEnter?: (event: AnimationEventArguments) => void;
 }
 
-/**
- * @hidden
- */
-declare interface RevealState {
-    maxHeight?: number;
-    maxWidth?: number;
-}
-
-export declare class Slide extends React_2.Component<SlideProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
+export declare const Slide: {
+    (props: SlideProps): JSX_2.Element;
+    propTypes: {
         children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         childFactory: PropTypes.Requireable<any>;
         className: PropTypes.Requireable<string>;
@@ -609,22 +485,7 @@ export declare class Slide extends React_2.Component<SlideProps, {}> {
         id: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<any>;
     };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        appear: boolean;
-        enter: boolean;
-        exit: boolean;
-        transitionEnterDuration: number;
-        transitionExitDuration: number;
-        direction: string;
-    };
-    /**
-     * @hidden
-     */
-    render(): JSX_2.Element;
-}
+};
 
 /**
  * Specifies the direction of the Slide Animation ([see example]({% slug direction_animation %}#toc-slide)).
@@ -677,11 +538,9 @@ export declare interface SlideProps extends AnimationInterface {
 /** @hidden */
 export declare const useAnimation: (config: AnimationConfig, deps: any[]) => void;
 
-export declare class Zoom extends React_2.Component<ZoomProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
+export declare const Zoom: {
+    (props: ZoomProps): JSX_2.Element;
+    propTypes: {
         children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         childFactory: PropTypes.Requireable<any>;
         className: PropTypes.Requireable<string>;
@@ -691,23 +550,7 @@ export declare class Zoom extends React_2.Component<ZoomProps, {}> {
         style: PropTypes.Requireable<any>;
         stackChildren: PropTypes.Requireable<boolean>;
     };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        appear: boolean;
-        enter: boolean;
-        exit: boolean;
-        transitionEnterDuration: number;
-        transitionExitDuration: number;
-        direction: string;
-        stackChildren: boolean;
-    };
-    /**
-     * @hidden
-     */
-    render(): JSX_2.Element;
-}
+};
 
 /**
  * Specifies the direction of the Zoom Animation ([see example]({% slug direction_animation %}#toc-zoom)).
@@ -742,7 +585,7 @@ export declare interface ZoomProps extends AnimationInterface {
      */
     direction?: ZoomDirection;
     /**
-     * Specifies the node type of the parent Asnimation. Defaults to `div`.
+     * Specifies the node type of the parent Animation. Defaults to `div`.
      */
     component?: string;
     /**

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-animation",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1729236151,
+  publishDate: 1729494476,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-animation",
-  "version": "9.0.0-develop.2",
+  "version": "9.0.0-develop.3",
   "description": "React Animation component assists with animating HTML elements. KendoReact Animation package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -23,7 +23,7 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-common": "9.0.0-develop.2",
+    "@progress/kendo-react-common": "9.0.0-develop.3",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0",