react-ui-animate 1.4.2 → 1.4.3

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "react-ui-animate",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "React library for gestures and animation",
   "main": "dist/index.js",
   "dependencies": {
-    "@raidipesh78/re-motion": "^1.0.5"
+    "@raidipesh78/re-motion": "^1.0.6"
   },
   "peerDependencies": {
     "react": ">=16.13.1",

package/dist/Interpolation.d.ts

@@ -1,20 +0,0 @@
-import { ExtrapolateConfig } from "@raidipesh78/re-motion";
-/**
- * interpolate function maps input range to output range
- * @param value - number | TransitionValue
- * @param inputRange - Array<number>
- * @param outputRange - Array<string | number>
- * @param extrapolateConfig - "clamp" | "identity" | "extend"
- * @returns - number | TransitionValue
- */
-export declare function interpolate(value: any, inputRange: Array<number>, outputRange: Array<number | string>, extrapolateConfig?: ExtrapolateConfig): any;
-/**
- * bInterpolate functions maps input range [0, 1] to given [minOutput, maxOutput]
- * sorthand function to interpolate input range [0, 1]
- * @param value - number | TransitionValue
- * @param minOutput - number | string
- * @param maxOutput - number | string
- * @param extrapolateConfig - "clamp" | "identity" | "extend"
- * @returns - number | TransitionValue
- */
-export declare function bInterpolate(value: any, minOutput: number | string, maxOutput: number | string, extrapolateConfig?: ExtrapolateConfig): any;

package/dist/Math.d.ts

@@ -1,34 +0,0 @@
-/**
- * bin(booleanValue)
- * returns 1 if booleanValue == true and 0 if booleanValue == false
- */
-export declare function bin(bool: boolean): 1 | 0;
-/**
- * mix(progress, a, b)
- * linear interpolation between a and b
- */
-export declare function mix(perc: number, val1: number, val2: number): number;
-/**
- * clamp(value, min, max)
- * clamps value for min and max bounds
- */
-export declare function clamp(value: number, lowerbound: number, upperbound: number): number;
-/**
- * rubberClamp(value, min, max, constant?)
- * constant is optional : default 0.15
- * clamps the value for min and max value and
- * extends beyond min and max values with constant
- * factor to create elastic rubber band effect
- */
-export declare function rubberClamp(value: number, lowerbound: number, upperbound: number, constant?: number): number;
-/**
- * snapTo(value, velocity, snapPoints[])
- * Calculates the final snapPoint according to given current value,
- * velocity and snapPoints array
- */
-export declare function snapTo(value: number, velocity: number, snapPoints: Array<number>): number;
-/**
- * move(array, moveIndex, toIndex)
- * move array item from moveIndex to toIndex without array modification
- */
-export declare function move(array: Array<any>, moveIndex: number, toIndex: number): any[];

package/dist/Modules.d.ts

@@ -1,32 +0,0 @@
-import * as React from "react";
-import { UseAnimatedValueConfig } from "./useAnimatedValue";
-/**
- * Make any component animatable
- */
-export declare function makeAnimatedComponent(WrappedComponent: React.ElementType<any>): React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
-/**
- * AnimatedBlock : Animated Div
- */
-export declare const AnimatedBlock: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
-/**
- * AnimatedInline : Animated Span
- */
-export declare const AnimatedInline: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
-/**
- * AnimatedImage : Animated Image
- */
-export declare const AnimatedImage: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
-interface ScrollableBlockProps {
-    children?: (animation: any) => React.ReactNode;
-    direction?: "single" | "both";
-    threshold?: number;
-    animationConfig?: UseAnimatedValueConfig;
-}
-/**
- * ScrollableBlock
- * Used to animate element when enter into viewport
- * Render props pattern with children accepts animation node
- * animated value goes from 0 to 1 when appear on viewport & vice versa.
- */
-export declare const ScrollableBlock: React.FC<ScrollableBlockProps>;
-export {};

package/dist/Types.d.ts

@@ -1,64 +0,0 @@
-export declare type MeasurementValue = number | Array<number>;
-export declare type MeasurementType = {
-    left: MeasurementValue;
-    top: MeasurementValue;
-    width: MeasurementValue;
-    height: MeasurementValue;
-    vLeft: MeasurementValue;
-    vTop: MeasurementValue;
-};
-export declare type WindowDimensionType = {
-    width: number;
-    height: number;
-    innerWidth: number;
-    innerHeight: number;
-};
-declare type GenericEventType = {
-    velocityX: number;
-    velocityY: number;
-    directionX: number;
-    directionY: number;
-};
-export declare type ScrollEventType = {
-    isScrolling: boolean;
-    scrollX: number;
-    scrollY: number;
-} & GenericEventType;
-export declare type WheelEventType = {
-    target: HTMLElement | undefined | null;
-    isWheeling: boolean;
-    movementX: number;
-    movementY: number;
-    offsetX: number;
-    offsetY: number;
-    deltaX: number;
-    deltaY: number;
-} & GenericEventType;
-export declare type DragEventType = {
-    args: Array<number | undefined>;
-    down: boolean;
-    movementX: number;
-    movementY: number;
-    offsetX: number;
-    offsetY: number;
-    distanceX: number;
-    distanceY: number;
-    cancel: () => void;
-} & GenericEventType;
-export declare type MouseMoveEventType = {
-    target: EventTarget | undefined | null;
-    isMoving: boolean;
-    mouseX: number;
-    mouseY: number;
-} & GenericEventType;
-export declare type UseDragConfig = {
-    initial?: () => {
-        movementX: number;
-        movementY: number;
-    };
-};
-export declare type Vector2 = {
-    x: number;
-    y: number;
-};
-export {};

package/dist/animation/modules/AnimatedBlock.d.ts

@@ -1,5 +0,0 @@
-/**
- * AnimatedBlock
- * <div /> element which can accept animation values
- */
-export declare const AnimatedBlock: any;

package/dist/animation/modules/AnimatedImage.d.ts

@@ -1,5 +0,0 @@
-/**
- * AnimatedImage
- * <img /> element which can accept animation values
- */
-export declare const AnimatedImage: any;

package/dist/animation/modules/AnimatedInline.d.ts

@@ -1,5 +0,0 @@
-/**
- * AnimatedInline
- * <span /> element which can accept animation values
- */
-export declare const AnimatedInline: any;

package/dist/animation/modules/MountedBlock.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { TransitionValue } from "@raidipesh78/re-motion";
-import { InnerUseMountedValueConfig } from "../useMountedValue";
-interface MountedBlockProps {
-    state: boolean;
-    children: (animation: {
-        value: TransitionValue;
-    }) => React.ReactNode;
-    config?: InnerUseMountedValueConfig;
-}
-/**
- * MountedBlock handles mounting and unmounting of a component
- * @props - state: boolean, config: InnerUseMountedValueConfig
- * @children -  (animation: { value: TransitionValue }) => React.ReactNode
- */
-export declare const MountedBlock: ({ state, children, config, }: MountedBlockProps) => JSX.Element;
-export {};

package/dist/animation/modules/ScrollableBlock.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { UseAnimatedValueConfig } from "../useAnimatedValue";
-interface ScrollableBlockProps {
-    children?: (animation: any) => React.ReactNode;
-    direction?: "single" | "both";
-    threshold?: number;
-    animationConfig?: UseAnimatedValueConfig;
-}
-/**
- * ScrollableBlock
- * Used to animate element when enter into viewport
- * Render props pattern with children accepts animation node
- * animated value goes from 0 to 1 when appear on viewport & vice versa.
- */
-export declare const ScrollableBlock: React.FC<ScrollableBlockProps>;
-export {};

package/dist/animation/modules/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./makeAnimatedComponent";
-export * from "./AnimatedBlock";
-export * from "./AnimatedInline";
-export * from "./AnimatedImage";
-export * from "./ScrollableBlock";
-export * from "./MountedBlock";

package/dist/animation/modules/makeAnimatedComponent.d.ts

@@ -1,4 +0,0 @@
-/**
- * Make any component animatable
- */
-export declare function makeAnimatedComponent(WrappedComponent: React.ElementType<any>): import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;

package/dist/controllers/EventAttacher.d.ts

@@ -1,8 +0,0 @@
-/**
- * Attach single document / window event / HTMLElement
- */
-export declare function attachEvent(domTarget: Window | Document | HTMLElement, event: string, callback: (e: any) => void, capture?: any): () => void;
-/**
- * Attach multiple document / window event / HTMLElement
- */
-export declare function attachEvents(domTarget: Window | Document | HTMLElement, events: Array<[event: string, callback: (e: any) => void, capture?: any]>): () => void;

package/dist/controllers/index.d.ts

@@ -1 +0,0 @@
-export * from "./EventAttacher";

package/dist/getInitialConfig.d.ts

@@ -1,3 +0,0 @@
-import { GenericAnimationConfig } from "./useAnimatedValue";
-export declare type InitialConfigType = "ease" | "elastic" | "stiff" | "wooble" | "bounce" | undefined;
-export declare const getInitialConfig: (animationType: InitialConfigType) => GenericAnimationConfig;

package/dist/hooks/useDrag.d.ts

@@ -1,5 +0,0 @@
-import * as React from "react";
-import { DragEventType, UseDragConfig } from "../Types";
-export declare function useDrag(callback: (event: DragEventType) => void, config?: UseDragConfig, deps?: React.DependencyList): (index?: number | undefined) => {
-    ref: any;
-};

package/dist/hooks/useMouseMove.d.ts

@@ -1,5 +0,0 @@
-import * as React from "react";
-import { MouseMoveEventType } from "../Types";
-export declare function useMouseMove(callback: (event: MouseMoveEventType) => void, deps?: React.DependencyList): () => {
-    ref: React.MutableRefObject<any>;
-};

package/dist/hooks/useScroll.d.ts

@@ -1,5 +0,0 @@
-import * as React from "react";
-import { ScrollEventType } from "../Types";
-export declare function useScroll(callback: (event: ScrollEventType) => void, deps?: React.DependencyList): () => {
-    ref: React.MutableRefObject<any>;
-};

package/dist/hooks/useWheel.d.ts

@@ -1,5 +0,0 @@
-import * as React from "react";
-import { WheelEventType } from "../Types";
-export declare function useWheel(callback: (event: WheelEventType) => void, deps?: React.DependencyList): () => {
-    ref: React.MutableRefObject<any>;
-};

package/dist/useAnimatedValue.d.ts

@@ -1,30 +0,0 @@
-import { TransitionValue, ResultType } from "@raidipesh78/re-motion";
-import { InitialConfigType } from "./getInitialConfig";
-declare type AnimatedValueType = number | boolean | string;
-export interface GenericAnimationConfig {
-    duration?: number;
-    mass?: number;
-    friction?: number;
-    tension?: number;
-    easing?: (t: number) => number;
-    delay?: number;
-}
-export interface UseAnimatedValueConfig extends GenericAnimationConfig {
-    animationType?: InitialConfigType;
-    onAnimationEnd?: (value: ResultType) => void;
-    listener?: (value: number) => void;
-    immediate?: boolean;
-}
-export declare type ValueReturnType = TransitionValue | number | string | {
-    toValue: number | string;
-    immediate?: boolean;
-};
-interface UseAnimatedValueReturn {
-    value: ValueReturnType;
-    currentValue: number | string;
-}
-/**
- * useAnimatedValue for animated transitions
- */
-export declare const useAnimatedValue: (initialValue: AnimatedValueType, config?: UseAnimatedValueConfig | undefined) => UseAnimatedValueReturn;
-export {};

package/dist/useMountedValue.d.ts

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { TransitionValue, UseTransitionConfig } from "@raidipesh78/re-motion";
-interface InternalUseMountedValueConfig extends UseTransitionConfig {
-    enterDuration?: number;
-    exitDuration?: number;
-}
-interface UseMountedValueConfig {
-    from: number;
-    enter: number;
-    exit: number;
-    config?: InternalUseMountedValueConfig;
-}
-/**
- * useMountedValue handles mounting and unmounting of a component
- * @param state - boolean
- * @param config - useTransitionConfig
- * @returns mountedValueFunction with a callback with argument ( animationNode, mounted )
- */
-export declare const useMountedValue: (state: boolean, config: UseMountedValueConfig) => (callback: ({ value }: {
-    value: TransitionValue;
-}, mounted: boolean) => React.ReactNode) => React.ReactNode;
-export {};