react-ui-animate 2.0.0-rc.7 → 3.0.0-rc.0

package/dist/animation/useAnimatedValue.d.ts

@@ -1,22 +1,22 @@
-import { TransitionValueConfig } from '@raidipesh78/re-motion';
-declare type Length = number | string;
-export interface UseAnimatedValueConfig extends TransitionValueConfig {
-}
-declare type AssignValue = {
-    toValue: Length;
-    config?: UseAnimatedValueConfig;
-};
-export declare type ValueType = Length | AssignValue | ((update: (next: AssignValue) => Promise<any>) => void);
-/**
- * `useAnimatedValue` returns an animation value with `.value` and `.currentValue` property which is
- * initialized when passed to argument (`initialValue`). The retured value persist until the lifetime of
- * a component. It doesnot cast any re-renders which can is very good for performance optimization.
- *
- * @param { string | number } initialValue - Initial value
- * @param { UseAnimatedValueConfig } config - Animation configuration object.
- */
-export declare function useAnimatedValue(initialValue: Length, config?: UseAnimatedValueConfig): {
-    value: ValueType;
-    currentValue: number | string;
-};
-export {};
+import { FluidValueConfig } from './core';
+type Length = number | string;
+export interface UseAnimatedValueConfig extends FluidValueConfig {
+}
+type AssignValue = {
+    toValue: Length;
+    config?: UseAnimatedValueConfig;
+};
+export type ValueType = Length | AssignValue | ((update: (next: AssignValue) => Promise<any>) => void);
+/**
+ * `useAnimatedValue` returns an animation value with `.value` and `.currentValue` property which is
+ * initialized when passed to argument (`initialValue`). The retured value persist until the lifetime of
+ * a component. It doesnot cast any re-renders which can is very good for performance optimization.
+ *
+ * @param { string | number } initialValue - Initial value
+ * @param { UseAnimatedValueConfig } config - Animation configuration object.
+ */
+export declare function useAnimatedValue(initialValue: Length, config?: UseAnimatedValueConfig): {
+    value: ValueType;
+    currentValue: number | string;
+};
+export {};

package/dist/animation/useMountedValue.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import { UseMountConfig, FluidValue } from '@raidipesh78/re-motion';
-export interface UseMountedValueConfig extends UseMountConfig {
-}
-/**
- * `useMountedValue` handles mounting and unmounting of a component which captures current state
- * passed as an arugment (`state`) and exposes the shadow state which handles the mount and unmount
- * of a component.
- *
- * @param { boolean } state - Boolean indicating the component should mount or unmount.
- * @param { UseMountedValueConfig } config - Animation configuration.
- */
-export declare function useMountedValue(state: boolean, config: UseMountedValueConfig): (cb: (value: {
-    value: FluidValue;
-}, mounted: boolean) => React.ReactNode) => any;
+import * as React from 'react';
+import { UseMountConfig, FluidValue } from './core';
+export interface UseMountedValueConfig extends UseMountConfig {
+}
+/**
+ * `useMountedValue` handles mounting and unmounting of a component which captures current state
+ * passed as an arugment (`state`) and exposes the shadow state which handles the mount and unmount
+ * of a component.
+ *
+ * @param { boolean } state - Boolean indicating the component should mount or unmount.
+ * @param { UseMountedValueConfig } config - Animation configuration.
+ */
+export declare function useMountedValue(state: boolean, config: UseMountedValueConfig): (cb: (value: {
+    value: FluidValue;
+}, mounted: boolean) => React.ReactNode) => React.ReactNode;

package/dist/gestures/controllers/DragGesture.d.ts

@@ -1,17 +1,17 @@
-import { Vector2 } from '../types';
-import { Gesture } from './Gesture';
-export declare class DragGesture extends Gesture {
-    movementStart: Vector2;
-    initialMovement: Vector2;
-    movement: Vector2;
-    previousMovement: Vector2;
-    translation: Vector2;
-    offset: Vector2;
-    velocity: Vector2;
-    _initEvents(): void;
-    _cancelEvents(): void;
-    _handleCallback(): void;
-    pointerDown(e: any): void;
-    pointerMove(e: any): void;
-    pointerUp(): void;
-}
+import { Gesture } from './Gesture';
+import type { Vector2 } from '../types';
+export declare class DragGesture extends Gesture {
+    movementStart: Vector2;
+    initialMovement: Vector2;
+    movement: Vector2;
+    previousMovement: Vector2;
+    translation: Vector2;
+    offset: Vector2;
+    velocity: Vector2;
+    _initEvents(): void;
+    _cancelEvents(): void;
+    _handleCallback(): void;
+    pointerDown(e: any): void;
+    pointerMove(e: any): void;
+    pointerUp(): void;
+}

package/dist/gestures/controllers/Gesture.d.ts

@@ -1,20 +1,20 @@
-export declare class Gesture {
-    currentIndex?: number;
-    lastTimeStamp: number;
-    isActive: boolean;
-    targetElement?: HTMLElement;
-    targetElements: Array<HTMLElement>;
-    config?: any;
-    callback?: <T>(event: T) => void;
-    _subscribe?: (eventKeys?: Array<string>) => void;
-    static _VELOCITY_LIMIT: number;
-    _initEvents(): void;
-    _cancelEvents(): void;
-    applyCallback(callback: <T>(event: T) => void): void;
-    applyGesture({ targetElement, targetElements, callback, config, }: {
-        targetElement?: any;
-        targetElements?: any;
-        callback: <T>(event: T) => void;
-        config?: any;
-    }): () => void | undefined;
-}
+export declare class Gesture {
+    currentIndex?: number;
+    lastTimeStamp: number;
+    isActive: boolean;
+    targetElement?: HTMLElement;
+    targetElements: Array<HTMLElement>;
+    config?: any;
+    callback?: <T>(event: T) => void;
+    _subscribe?: (eventKeys?: Array<string>) => void;
+    static _VELOCITY_LIMIT: number;
+    _initEvents(): void;
+    _cancelEvents(): void;
+    applyCallback(callback: <T>(event: T) => void): void;
+    applyGesture({ targetElement, targetElements, callback, config, }: {
+        targetElement?: any;
+        targetElements?: any;
+        callback: <T>(event: T) => void;
+        config?: any;
+    }): () => void | undefined;
+}

package/dist/gestures/controllers/MouseMoveGesture.d.ts

@@ -1,13 +1,13 @@
-import { Vector2 } from '../types';
-import { Gesture } from './Gesture';
-export declare class MouseMoveGesture extends Gesture {
-    event?: MouseEvent;
-    isActiveID?: any;
-    movement: Vector2;
-    previousMovement: Vector2;
-    velocity: Vector2;
-    direction: Vector2;
-    _initEvents(): void;
-    _handleCallback(): void;
-    onMouseMove(e: MouseEvent): void;
-}
+import { Vector2 } from '../types';
+import { Gesture } from './Gesture';
+export declare class MouseMoveGesture extends Gesture {
+    event?: MouseEvent;
+    isActiveID?: any;
+    movement: Vector2;
+    previousMovement: Vector2;
+    velocity: Vector2;
+    direction: Vector2;
+    _initEvents(): void;
+    _handleCallback(): void;
+    onMouseMove(e: MouseEvent): void;
+}

package/dist/gestures/controllers/ScrollGesture.d.ts

@@ -1,14 +1,14 @@
-import { Vector2 } from '../types';
-import { Gesture } from './Gesture';
-export declare class ScrollGesture extends Gesture {
-    isActiveID?: any;
-    movement: Vector2;
-    previousMovement: Vector2;
-    direction: Vector2;
-    velocity: Vector2;
-    _initEvents(): void;
-    _handleCallback(): void;
-    onScroll({ x, y }: Vector2): void;
-    scrollListener(): void;
-    scrollElementListener(): void;
-}
+import { Vector2 } from '../types';
+import { Gesture } from './Gesture';
+export declare class ScrollGesture extends Gesture {
+    isActiveID?: any;
+    movement: Vector2;
+    previousMovement: Vector2;
+    direction: Vector2;
+    velocity: Vector2;
+    _initEvents(): void;
+    _handleCallback(): void;
+    onScroll({ x, y }: Vector2): void;
+    scrollListener(): void;
+    scrollElementListener(): void;
+}

package/dist/gestures/controllers/WheelGesture.d.ts

@@ -1,15 +1,15 @@
-import { Vector2 } from '../types';
-import { Gesture } from './Gesture';
-export declare class WheelGesture extends Gesture {
-    isActiveID?: any;
-    movement: Vector2;
-    previousMovement: Vector2;
-    direction: Vector2;
-    velocity: Vector2;
-    delta: Vector2;
-    offset: Vector2;
-    translation: Vector2;
-    _initEvents(): void;
-    _handleCallback(): void;
-    onWheel(event: WheelEvent): void;
-}
+import { Vector2 } from '../types';
+import { Gesture } from './Gesture';
+export declare class WheelGesture extends Gesture {
+    isActiveID?: any;
+    movement: Vector2;
+    previousMovement: Vector2;
+    direction: Vector2;
+    velocity: Vector2;
+    delta: Vector2;
+    offset: Vector2;
+    translation: Vector2;
+    _initEvents(): void;
+    _handleCallback(): void;
+    onWheel(event: WheelEvent): void;
+}

package/dist/gestures/controllers/index.d.ts

@@ -1,4 +1,4 @@
-export * from './DragGesture';
-export * from './MouseMoveGesture';
-export * from './ScrollGesture';
-export * from './WheelGesture';
+export * from './DragGesture';
+export * from './MouseMoveGesture';
+export * from './ScrollGesture';
+export * from './WheelGesture';

package/dist/gestures/eventAttacher.d.ts

@@ -1,11 +1,11 @@
-declare type MouseEventType = 'click' | 'dblclick' | 'mousedown' | 'mousemove' | 'mouseup' | 'touchstart' | 'touchmove' | 'touchend' | 'mouseenter' | 'mouseleave' | 'mouseout' | 'mouseover' | 'scroll' | 'wheel' | 'contextmenu';
-declare type DomTargetTypes = Array<Window | Document | HTMLElement>;
-/**
- * Attach multiple document / window event / HTMLElement
- */
-export declare function attachEvents(domTargets: DomTargetTypes, events: Array<[
-    event: MouseEventType,
-    callback: (e: any) => void,
-    capture?: any
-]>): (eventKeys?: string[] | undefined) => void;
-export {};
+type MouseEventType = 'click' | 'dblclick' | 'mousedown' | 'mousemove' | 'mouseup' | 'touchstart' | 'touchmove' | 'touchend' | 'mouseenter' | 'mouseleave' | 'mouseout' | 'mouseover' | 'scroll' | 'wheel' | 'contextmenu';
+type DomTargetTypes = Array<Window | Document | HTMLElement>;
+/**
+ * Attach multiple document / window event / HTMLElement
+ */
+export declare function attachEvents(domTargets: DomTargetTypes, events: Array<[
+    event: MouseEventType,
+    callback: (e: any) => void,
+    capture?: any
+]>): (eventKeys?: Array<string>) => void;
+export {};

package/dist/gestures/helpers/eventAttacher.d.ts

@@ -0,0 +1,11 @@
+type MouseEventType = 'click' | 'dblclick' | 'mousedown' | 'mousemove' | 'mouseup' | 'touchstart' | 'touchmove' | 'touchend' | 'mouseenter' | 'mouseleave' | 'mouseout' | 'mouseover' | 'scroll' | 'wheel' | 'contextmenu';
+type DomTargetTypes = Array<Window | Document | HTMLElement>;
+/**
+ * Attach multiple document / window event / HTMLElement
+ */
+export declare function attachEvents(domTargets: DomTargetTypes, events: Array<[
+    event: MouseEventType,
+    callback: (e: any) => void,
+    capture?: any
+]>): (eventKeys?: Array<string>) => void;
+export {};

package/dist/gestures/helpers/index.d.ts

@@ -0,0 +1 @@
+export * from './math';

package/dist/gestures/helpers/math.d.ts

@@ -0,0 +1,34 @@
+/**
+ * bin(booleanValue)
+ * returns 1 if booleanValue == true and 0 if booleanValue == false
+ */
+export declare function bin(bool: boolean): 0 | 1;
+/**
+ * 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/gestures/helpers/withDefault.d.ts

@@ -0,0 +1,4 @@
+export declare const withDefault: (x: number, y: number) => {
+    x: number;
+    y: number;
+};

package/dist/gestures/hooks/index.d.ts

@@ -1,5 +1,5 @@
-export * from './useDrag';
-export * from './useMouseMove';
-export * from './useScroll';
-export * from './useWheel';
-export * from './useGesture';
+export * from './useDrag';
+export * from './useMouseMove';
+export * from './useScroll';
+export * from './useWheel';
+export * from './useGesture';

package/dist/gestures/hooks/useDrag.d.ts

@@ -1,4 +1,4 @@
-import { DragEventType, UseDragConfig } from '../types';
-export declare function useDrag(callback: (event: DragEventType) => void, config?: UseDragConfig): (index?: number | undefined) => {
-    ref: any;
-};
+import { DragEventType, UseDragConfig } from '../types';
+export declare function useDrag(callback: (event: DragEventType) => void, config?: UseDragConfig): (index?: number) => {
+    ref: any;
+};

package/dist/gestures/hooks/useGesture.d.ts

@@ -1,9 +1,9 @@
-import { DragEventType, WheelEventType, ScrollEventType, MouseMoveEventType } from '../types';
-export declare function useGesture({ onDrag, onWheel, onScroll, onMouseMove, }: {
-    onDrag?: (event: DragEventType) => void;
-    onWheel?: (event: WheelEventType) => void;
-    onScroll?: (event: ScrollEventType) => void;
-    onMouseMove?: (event: MouseMoveEventType) => void;
-}): (index?: number | undefined) => {
-    ref: any;
-};
+import { DragEventType, WheelEventType, ScrollEventType, MouseMoveEventType } from '../types';
+export declare function useGesture({ onDrag, onWheel, onScroll, onMouseMove, }: {
+    onDrag?: (event: DragEventType) => void;
+    onWheel?: (event: WheelEventType) => void;
+    onScroll?: (event: ScrollEventType) => void;
+    onMouseMove?: (event: MouseMoveEventType) => void;
+}): (index?: number) => {
+    ref: any;
+};

package/dist/gestures/hooks/useMouseMove.d.ts

@@ -1,4 +1,4 @@
-import { MouseMoveEventType } from '../types';
-export declare function useMouseMove(callback: (event: MouseMoveEventType) => void): (index?: number | undefined) => {
-    ref: any;
-};
+import { MouseMoveEventType } from '../types';
+export declare function useMouseMove(callback: (event: MouseMoveEventType) => void): (index?: number) => {
+    ref: any;
+};

package/dist/gestures/hooks/useRecognizer.d.ts

@@ -1,10 +1,10 @@
-declare type UseRecognizerHandlerType = Array<[
-    key: 'drag' | 'wheel' | 'move' | 'scroll',
-    gesture: any,
-    callback: any,
-    config?: any
-]>;
-export declare const useRecognizer: (handlers: UseRecognizerHandlerType) => (index?: number | undefined) => {
-    ref: any;
-};
-export {};
+type UseRecognizerHandlerType = Array<[
+    key: 'drag' | 'wheel' | 'move' | 'scroll',
+    gesture: any,
+    callback: any,
+    config?: any
+]>;
+export declare const useRecognizer: (handlers: UseRecognizerHandlerType) => (index?: number) => {
+    ref: any;
+};
+export {};

package/dist/gestures/hooks/useScroll.d.ts

@@ -1,4 +1,4 @@
-import { ScrollEventType } from '../types';
-export declare function useScroll(callback: (event: ScrollEventType) => void): (index?: number | undefined) => {
-    ref: any;
-};
+import { ScrollEventType } from '../types';
+export declare function useScroll(callback: (event: ScrollEventType) => void): (index?: number) => {
+    ref: any;
+};

package/dist/gestures/hooks/useWheel.d.ts

@@ -1,4 +1,4 @@
-import { WheelEventType } from '../types';
-export declare function useWheel(callback: (event: WheelEventType) => void): (index?: number | undefined) => {
-    ref: any;
-};
+import { WheelEventType } from '../types';
+export declare function useWheel(callback: (event: WheelEventType) => void): (index?: number) => {
+    ref: any;
+};

package/dist/gestures/index.d.ts

@@ -1,2 +1,2 @@
-export * from './hooks';
-export * from './math';
+export * from './hooks';
+export * from './helpers/math';

package/dist/gestures/math.d.ts

@@ -1,34 +1,34 @@
-/**
- * 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[];
+/**
+ * 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/gestures/types.d.ts

@@ -1,51 +1,51 @@
-declare type GenericEventType = {
-    velocityX: number;
-    velocityY: number;
-    directionX: number;
-    directionY: number;
-};
-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 = {
-    args: Array<number | undefined>;
-    event: MouseEvent;
-    target: EventTarget | undefined | null;
-    isMoving: boolean;
-    mouseX: number;
-    mouseY: number;
-} & GenericEventType;
-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 UseDragConfig = {
-    initial?: () => {
-        movementX: number;
-        movementY: number;
-    };
-};
-export declare type Vector2 = {
-    x: number;
-    y: number;
-};
-export {};
+type GenericEventType = {
+    velocityX: number;
+    velocityY: number;
+    directionX: number;
+    directionY: number;
+};
+export type DragEventType = {
+    args: Array<number | undefined>;
+    down: boolean;
+    movementX: number;
+    movementY: number;
+    offsetX: number;
+    offsetY: number;
+    distanceX: number;
+    distanceY: number;
+    cancel: () => void;
+} & GenericEventType;
+export type MouseMoveEventType = {
+    args: Array<number | undefined>;
+    event: MouseEvent;
+    target: EventTarget | undefined | null;
+    isMoving: boolean;
+    mouseX: number;
+    mouseY: number;
+} & GenericEventType;
+export type ScrollEventType = {
+    isScrolling: boolean;
+    scrollX: number;
+    scrollY: number;
+} & GenericEventType;
+export type WheelEventType = {
+    target: HTMLElement | undefined | null;
+    isWheeling: boolean;
+    movementX: number;
+    movementY: number;
+    offsetX: number;
+    offsetY: number;
+    deltaX: number;
+    deltaY: number;
+} & GenericEventType;
+export type UseDragConfig = {
+    initial?: () => {
+        movementX: number;
+        movementY: number;
+    };
+};
+export type Vector2 = {
+    x: number;
+    y: number;
+};
+export {};

package/dist/gestures/withDefault.d.ts

@@ -1,4 +1,4 @@
-export declare const withDefault: (x: number, y: number) => {
-    x: number;
-    y: number;
-};
+export declare const withDefault: (x: number, y: number) => {
+    x: number;
+    y: number;
+};

package/dist/hooks/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./useOutsideClick";
-export * from "./useMeasure";
-export * from "./useWindowDimension";
+export * from "./useOutsideClick";
+export * from "./useMeasure";
+export * from "./useWindowDimension";